"use strict";(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[8284],{91446:function(n,e,t){t.d(e,{d:function(){return CartRibbon}});var i=t(85893),a=t(67294),r=t(64174),o=t(80490),l=t(79560),c=t(8930),s=t(41382),d=t(19839);function Countdown(n){let{finalDate:e}=n,t=(0,d.pI)(new Date(e),new Date),{days:a,hours:r,minutes:o,seconds:l}=(0,s.J)(t,!0);return function(){let n=Date.now(),t=e.getTime();return n<t?(0,i.jsxs)("div",{className:"tw-mt-4 tw-flex tw-flex-col tw-items-center md:tw-ml-5 md:tw-mt-0",children:[(0,i.jsx)("span",{className:"tw-text-xs tw-font-normal",children:"Termina em"}),(0,i.jsxs)("div",{className:"tw-flex tw-gap-2 [&_p]:tw-text-xl [&_p]:tw-font-bold",children:["00"!==a&&a?(0,i.jsxs)("div",{className:"tw-flex",children:[(0,i.jsx)("p",{children:a}),(0,i.jsx)("p",{children:"D"})]}):null,(0,i.jsxs)("div",{className:"tw-flex",children:[(0,i.jsx)("p",{children:r}),(0,i.jsx)("p",{children:"H"})]}),(0,i.jsxs)("div",{className:"tw-flex",children:[(0,i.jsx)("p",{children:o}),(0,i.jsx)("p",{children:"M"})]}),(0,i.jsxs)("div",{className:"tw-flex",children:[(0,i.jsx)("p",{children:l}),(0,i.jsx)("p",{children:"S"})]})]})]}):null}()}function CartRibbon(){let{cart:n,currentCartId:e}=(0,o.jD)(),{hasLimitedPromotionInfo:t}=(0,l.m4)(),[s,d]=(0,a.useState)((0,r.k)()),p=(0,a.useCallback)(async()=>{let n=!!t&&e;if(!n)return;let{result:i,hasError:a}=await c.N.getLimitedPromotion();if(!i||a){d(null);return}d(i)},[e,t]);function findPromotionByCode(){if(!s)return null;let{promotionCode:e}=s;if(!e)return null;let{appliedOrderPromotions:t,appliedProductPromotions:i}=n,a=[...i,...t].find(n=>{let{promotion:t}=n;return t.code===e});return a}function getDatePromotion(){let n=findPromotionByCode();if(!n||!n.promotion.endDate)return null;let{endDate:e}=n.promotion;return new Date(e)}function isDateExpired(){let n=getDatePromotion();if(!n)return!1;let e=Date.now(),t=n.getTime();return e>t}return(0,a.useEffect)(()=>{p()},[p]),function(){if(!s)return null;let{title:e,subTitle:a,promotionCode:r,showCounter:o}=s,{entries:l}=n,c=!!r,d=c&&!!findPromotionByCode(),p=d&&o&&isDateExpired(),x=l.length>0,m=t&&!!e&&!!a&&!p&&x&&(!c||d);return m?function(){if(!s)return null;let{title:n,subTitle:e,backgroundColor:t,fontColor:a}=s;return(0,i.jsx)("div",{className:"tw-p-4 md:tw-flex md:tw-items-center md:tw-justify-center md:tw-px-0 md:tw-py-5",style:{backgroundColor:t,color:a},children:(0,i.jsxs)("div",{className:"md:tw-w-full lg:tw-max-w-[86.25rem] lg:tw-px-10 3xl:tw-max-w-[95rem] ".concat(function(){if(!s)return null;let{showCounter:n}=s;return n&&!isDateExpired()?"tw-flex tw-flex-col tw-items-center tw-justify-between tw-text-center md:tw-flex-row md:tw-text-start":"tw-flex tw-items-center tw-justify-center tw-text-center"}()),children:[(0,i.jsxs)("div",{children:[(0,i.jsx)("p",{className:"tw-text-base tw-font-bold",children:n}),(0,i.jsx)("span",{className:"tw-text-xs tw-font-normal",children:e})]}),function(){if(!s)return null;let{showCounter:n}=s,e=getDatePromotion(),t=n&&e&&!isDateExpired();return t?(0,i.jsx)(Countdown,{limitedPromotion:s,finalDate:e}):null}()]})})}():null}()}},25496:function(n,e,t){t.d(e,{T:function(){return CartFooter}});var i=t(85893),a=t(20256),r=t(80982),o=t(42473),l=t(84804),c=t(62854),s=t(37340);function _templateObject(){let n=(0,s._)(["\n  margin-top: auto;\n  width: 100%;\n  background: ",";\n  padding: 25px 0;\n\n  @media only screen and (min-width: 768px) {\n    text-align: center;\n  }\n"]);return _templateObject=function(){return n},n}let d=a.ZP.footer.withConfig({componentId:"sc-84686842-0"})(_templateObject(),n=>n.theme.colors.cart.footer.background);function CartFooter(n){return(0,a.Fg)(),(0,i.jsx)(d,{...n,children:(0,i.jsx)(r.rj,{children:(0,i.jsx)(r.X2,{children:(0,i.jsxs)(r.JX,{children:[(0,i.jsx)("p",{className:(0,c.C$)({_common:"tw-mb-5 tw-text-center",alexandre_birman:"tw-text-[15px] tw-font-normal tw-text-emperor",anacapri:"tw-text-sm tw-font-bold tw-uppercase tw-text-black",arezzo:"tw-text-xs tw-font-normal tw-uppercase tw-text-black",schutz:"tw-text-sm tw-font-normal tw-uppercase\n                tw-text-spanish-grayblue",vans:"tw-text-xs tw-font-bold tw-uppercase tw-text-white",vicenza:"tw-text-sm tw-font-medium tw-uppercase tw-text-coal",zzmall:"tw-text-xs tw-font-medium tw-text-black"}),children:"Formas de pagamento:"}),(0,i.jsx)("div",{className:(0,c.C$)({_common:"footer-icons tw-flex tw-justify-center tw-gap-5",vicenza:"tw-p-0"}),children:(0,i.jsxs)("div",{className:(0,c.C$)({_common:"tw-grid tw-w-full tw-grid-cols-5 tw-justify-between\n                  tw-gap-6 lg:tw-flex lg:tw-justify-center",alexandre_birman:"tw-text-emperor",anacapri:"tw-text-black",arezzo:"tw-text-black",schutz:"tw-text-spanish-grayblue",vans:"tw-text-white",vicenza:"tw-text-coal",zzmall:"tw-text-spanish-grayblue"}),children:[(0,i.jsx)(o.X,{className:"visa-icon",name:l.ZD.PAYMENT_VISA_ICON,size:20}),(0,i.jsx)(o.X,{className:"master-icon",name:l.ZD.PAYMENT_MASTER_ICON,size:24}),(0,i.jsx)(o.X,{className:"amex-icon",name:l.ZD.PAYMENT_AMEX_ICON,size:22}),(0,i.jsx)(o.X,{className:"diners-icon",name:l.ZD.PAYMENT_DINERS_ICON,size:22}),(0,i.jsx)(o.X,{className:"elo-icon",name:l.ZD.PAYMENT_ELO_ICON,size:22}),(0,i.jsx)(o.X,{className:"hipercard-icon",name:l.ZD.PAYMENT_HIPERCARD_ICON,size:22}),(0,i.jsx)(o.X,{className:"pix-icon",name:l.ZD.PAYMENT_PIX_ICON,size:20}),(0,i.jsx)(o.X,{className:"google-pay-icon",name:l.ZD.PAYMENT_GOOGLE_PAY_ICON,size:22}),(0,i.jsx)(o.X,{className:"apple-pay-icon",name:l.ZD.PAYMENT_APPLE_PAY_ICON,size:22})]})})]})})})})}},33670:function(n,e,t){t.d(e,{u:function(){return ModalGiftBagRecipient}});var i=t(85893),a=t(67294),r=t(20256),o=t(42473),l=t(62604),c=t(87808),s=t(64893),d=t(14908),p=t(92746),x=t(80490),m=t(93804),f=t(22263),g=t(96984),u=t(37340),_=t(57566);function _templateObject(){let n=(0,u._)(["\n  display: flex;\n  justify-content: center;\n\n  .content-container {\n    height: fit-content;\n    margin: 20px auto;\n    padding: 20px 10px;\n\n    @media only screen and (min-width: 768px) {\n      margin: 70px auto;\n      padding: 40px 10px 10px;\n    }\n\n    .close-button {\n      align-items: center;\n      background: ",";\n      border-radius: 50%;\n      display: flex;\n      height: 25px;\n      justify-content: center;\n      right: -10px;\n      top: -10px;\n      width: 25px;\n\n      @media only screen and (min-width: 768px) {\n        right: -15px;\n        top: -15px;\n      }\n\n      &:hover path {\n        fill: ",";\n      }\n    }\n  }\n\n  .modal-gift-bag-recipient {\n    font-family: ",";\n    padding: 10px 0;\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    flex-direction: column;\n\n    @media only screen and (min-width: 768px) {\n      padding: 10px 35px;\n    }\n\n    &__header {\n      text-align: center;\n\n      &__title {\n        color: ",";\n        font-size: 18px;\n        font-weight: 800;\n        margin: 10px 0;\n        text-transform: uppercase;\n        padding: 0 40px;\n\n        @media only screen and (min-width: 768px) {\n          font-size: 24px;\n          padding: 0;\n        }\n      }\n\n      &__subtitle {\n        color: ",";\n        font-size: 14px;\n        font-weight: 400;\n      }\n    }\n\n    &__buttons-wrapper {\n      align-items: center;\n      display: flex;\n      flex-direction: column;\n      justify-content: center;\n      margin: 40px 0 20px;\n\n      &__text {\n        color: ",";\n        font-size: 16px;\n        font-weight: 800;\n        text-transform: uppercase;\n        width: 280px;\n        text-align: center;\n\n        @media only screen and (min-width: 768px) {\n          font-size: 18px;\n          width: 405px;\n        }\n      }\n\n      &__content {\n        display: flex;\n        flex-direction: row;\n      }\n\n      &__button {\n        &.outlined:focus,\n        &.outlined:hover,\n        &.outlined:active,\n        &--active {\n          background: ",";\n          color: ",";\n          border: 1px solid\n            ",";\n\n          path {\n            fill: ",";\n          }\n        }\n      }\n    }\n\n    &__gift-bag {\n      display: flex;\n      flex-direction: row;\n      align-items: center;\n      justify-content: center;\n      border: 1px solid ",";\n      width: fit-content;\n      padding: 0 15px 0 0;\n      height: 85px;\n      margin: 20px 0 0;\n\n      @media only screen and (min-width: 768px) {\n        height: 75px;\n        padding: 0 10px 0 0;\n      }\n\n      &__image {\n        width: 80px;\n        height: 100%;\n        padding: 10px;\n        border-right: 1px solid ",";\n\n        @media only screen and (min-width: 768px) {\n          width: 70px;\n        }\n      }\n\n      &__wrapper {\n        display: flex;\n        flex-direction: column;\n\n        @media only screen and (min-width: 768px) {\n          flex-direction: row;\n        }\n\n        &__text {\n          font-weight: 500;\n          font-size: 16px;\n          margin: 0 10px 10px 20px;\n          text-transform: uppercase;\n\n          @media only screen and (min-width: 768px) {\n            font-size: 18px;\n            margin: 0 10px 0 20px;\n          }\n        }\n\n        &__price {\n          display: flex;\n          flex-direction: row;\n          align-items: center;\n          justify-content: space-between;\n          max-width: 210px;\n\n          @media only screen and (min-width: 768px) {\n            justify-content: center;\n            max-width: unset;\n          }\n        }\n\n        &__link {\n          cursor: pointer;\n          text-decoration: underline;\n          margin: 0 10px;\n        }\n      }\n    }\n\n    &__price {\n      &--old,\n      &--new,\n      &--base {\n        font-size: 16px;\n        font-weight: 800;\n        margin: 0 10px 0 20px;\n\n        @media only screen and (min-width: 768px) {\n          font-size: 18px;\n          margin: 0 0 0 10px;\n        }\n      }\n\n      &--base {\n        color: ",";\n        text-decoration: none;\n      }\n\n      &--old {\n        color: ",";\n        margin-right: 5px;\n        text-decoration: line-through;\n      }\n\n      &--new {\n        color: ",";\n        text-decoration: none;\n      }\n    }\n\n    &__form-wrapper {\n      display: flex;\n      align-items: center;\n      justify-content: center;\n      flex-direction: column;\n\n      @media only screen and (min-width: 768px) {\n        margin-bottom: 15px;\n      }\n\n      &__content {\n        display: flex;\n        flex-direction: column;\n        align-items: center;\n        justify-content: center;\n\n        @media only screen and (min-width: 768px) {\n          flex-direction: row;\n        }\n\n        input {\n          width: 260px;\n          height: 45px;\n          margin: 5px 0;\n\n          ::placeholder {\n            text-transform: uppercase;\n          }\n\n          @media only screen and (min-width: 768px) {\n            margin: 0 5px;\n          }\n        }\n      }\n\n      &__button {\n        padding: 12px 50px;\n      }\n\n      &__text {\n        color: ",";\n        font-size: 14px;\n        font-weight: 400;\n        text-align: center;\n        margin: 20px 0;\n        width: 240px;\n\n        @media only screen and (min-width: 768px) {\n          width: 250px;\n        }\n      }\n    }\n\n    &__error-wrapper {\n      display: flex;\n      align-items: center;\n      margin-top: 20px;\n      color: ",";\n\n      &__message {\n        margin-left: 4px;\n        width: 230px;\n\n        @media only screen and (min-width: 768px) {\n          width: unset;\n        }\n      }\n    }\n  }\n"]);return _templateObject=function(){return n},n}let h=(0,r.ZP)(_.u).withConfig({componentId:"sc-ad5d02d6-0"})(_templateObject(),n=>{let{theme:e}=n;return e.colors.cart.entryGiftBag.modal.backgroundCloseIcon},n=>{let{theme:e}=n;return e.colors.cart.entryGiftBag.modal.textSecondary},n=>{let{theme:e}=n;return e.fonts.headings},n=>{let{theme:e}=n;return e.colors.cart.entryGiftBag.modal.textPrimary},n=>{let{theme:e}=n;return e.colors.cart.entryGiftBag.modal.textSecondary},n=>{let{theme:e}=n;return e.colors.cart.entryGiftBag.modal.textPrimary},n=>{let{theme:e}=n;return e.colors.cart.entryGiftBag.modal.button.activeBackground},n=>{let{theme:e}=n;return e.colors.cart.entryGiftBag.modal.button.activeContent},n=>{let{theme:e}=n;return e.colors.cart.entryGiftBag.modal.button.activeBorder},n=>{let{theme:e}=n;return e.colors.cart.entryGiftBag.modal.button.activeContent},m.H.BLACK,m.H.BLACK,n=>{let{theme:e}=n;return e.colors.cart.entryGiftBag.modal.basePrice},n=>{let{theme:e}=n;return e.colors.cart.product.oldPrice},n=>{let{theme:e}=n;return e.colors.cart.product.newPrice},n=>{let{theme:e}=n;return e.colors.cart.entryGiftBag.modal.textSecondary},n=>{let{theme:e}=n;return e.colors.cart.entryGiftBag.modal.errorMessage});function modal_gift_bag_recipient_regex(n){return new RegExp(d.m.NAME).test(n.trim())}function validateName(n){let[e,...t]=n.split(" ")||[],i=t.join(" ");return modal_gift_bag_recipient_regex(e)&&modal_gift_bag_recipient_regex(i)}function ModalGiftBagRecipient(n){let{isOpen:e,toggle:t,className:d=""}=n,{premiumGiftBag:u,updateRecipientPremiumGiftBag:_,updateCartProductGiftBag:w,setIsOpenModalGiftBag:b,setIsOpenModalRecipient:y,cartEntry:j,isOpenModalGiftBag:C}=(0,p.tA)(),{cart:N}=(0,x.jD)(),G=(0,r.Fg)(),[E,I]=(0,a.useState)(!1),[B,R]=(0,a.useState)(!1),[v,T]=(0,a.useState)(!0),[A,S]=(0,a.useState)(!1),[P,k]=(0,a.useState)(!1),[D,z]=(0,a.useState)(""),[M,F]=(0,a.useState)(""),[O,H]=(0,a.useState)(!1),[L,X]=(0,a.useState)(!1),[Y,Z]=(0,a.useState)(!1);async function updateRecipientGiftBag(n){await _(n),S(!1),resetRecipient(),function(){if(!j)return;let{entryNumber:n}=j;updateGiftBag({entryNumber:n,useFreeGiftBag:!1,usePremiumGiftBag:!0})}()}async function updateGiftBag(n){await w(n)}function resetRecipient(){b(!1),y(!1),I(!1),R(!1),setRecipientByCardData(),T(!0),H(!1),X(!1),Z(!1)}function setRecipientByCardData(){k(N.recipientDiffers),z(N.sender),F(N.recipient)}function backToModalGiftBag(){resetRecipient(),b(!0)}(0,a.useEffect)(()=>{let n=validateName(D)&&validateName(M),e=!!(!n&&D&&M);Z(e),T(!n)},[D,M]),(0,a.useEffect)(()=>{setRecipientByCardData(),e||C||resetRecipient(),N.recipientDiffers&&(R(!0),I(!0),T(!1))},[N,e,C]);let W="modal-gift-bag-recipient__buttons-wrapper__button--active";return(0,i.jsx)(h,{isOpen:e,overrideCloseButton:(0,i.jsx)(o.X,{name:"newClose",size:11,fillColor:G.colors.cart.entryGiftBag.modal.closeIcon}),onRequestClose:()=>t(),maxWidth:"700px",className:d,children:(0,i.jsxs)("div",{className:"modal-gift-bag-recipient",children:[(0,i.jsxs)("div",{className:"modal-gift-bag-recipient__header",children:[(0,i.jsx)("h4",{className:"modal-gift-bag-recipient__header__title",children:"Voc\xea escolheu a embalagem abaixo:"}),(0,i.jsx)("p",{className:"modal-gift-bag-recipient__header__subtitle",children:"Confirme a embalagem que voc\xea selecionou:"})]}),(0,i.jsx)("div",{className:"modal-gift-bag-recipient__gift-bag",children:function(){if(!u)return null;let{primaryImage:n,price:e,discountPrice:t}=u;return(0,i.jsxs)(i.Fragment,{children:[n?(0,i.jsx)("div",{className:"modal-gift-bag-recipient__gift-bag__image",children:(0,i.jsx)(g.M.Image,{src:n.url,alt:n.altText,width:80,height:80,objectFit:"contain"})}):null,(0,i.jsxs)("div",{className:"modal-gift-bag-recipient__gift-bag__wrapper",children:[(0,i.jsx)("p",{className:"modal-gift-bag-recipient__gift-bag__wrapper__text",children:"Embalagem premium"}),(0,i.jsxs)("div",{className:"modal-gift-bag-recipient__gift-bag__wrapper__price",children:[function(n){let{price:e,discountPrice:t}=n;return t.value?(0,i.jsxs)(i.Fragment,{children:[(0,i.jsx)("del",{className:"modal-gift-bag-recipient__price--old",children:f.W(e.value)}),(0,i.jsx)("ins",{className:"modal-gift-bag-recipient__price--new",children:f.W(t.value)})]}):(0,i.jsx)("p",{className:"modal-gift-bag-recipient__price--base",children:f.W(e.value)})}({price:e,discountPrice:t}),(0,i.jsx)("a",{className:"modal-gift-bag-recipient__gift-bag__wrapper__link",onClick:backToModalGiftBag,children:"alterar"})]})]})]})}()}),(0,i.jsxs)("div",{className:"modal-gift-bag-recipient__buttons-wrapper",children:[(0,i.jsx)("p",{className:"modal-gift-bag-recipient__buttons-wrapper__text",children:"Deseja que a entrega seja feita para o endere\xe7o da pessoa presenteada?"}),(0,i.jsxs)("div",{className:"modal-gift-bag-recipient__buttons-wrapper__content",children:[(0,i.jsx)(c.z,{type:"button",className:"modal-gift-bag-recipient__buttons-wrapper__button ".concat(O?W:""),variant:s.c.outlined,onClick:function(){I(!0),function(){if(validateName(D)&&validateName(M)){Z(!1),T(!1);return}T(!0)}(),R(!0),k(!0),X(!1),H(!0)},children:"Sim"}),(0,i.jsx)(c.z,{type:"button",className:"modal-gift-bag-recipient__buttons-wrapper__button ".concat(L?W:""),variant:s.c.outlined,onClick:function(){I(!0),R(!1),k(!1),T(!1),H(!1),X(!0),Z(!1)},children:"N\xe3o"})]})]}),(0,i.jsxs)("div",{className:"modal-gift-bag-recipient__form-wrapper",children:[B?(0,i.jsxs)("div",{className:"modal-gift-bag-recipient__form-wrapper",children:[(0,i.jsx)("p",{className:"modal-gift-bag-recipient__form-wrapper__text",children:"Informe agora seu nome e o nome de quem ir\xe1 receber o presente:"}),(0,i.jsxs)("div",{className:"modal-gift-bag-recipient__form-wrapper__content",children:[(0,i.jsx)(l.I,{className:"modal-gift-bag-recipient__form-wrapper__content__input",placeholder:"De:",value:D,onChange:n=>z(n.target.value)}),(0,i.jsx)(l.I,{className:"modal-gift-bag-recipient__form-wrapper__content__input",placeholder:"Para:",value:M,onChange:n=>F(n.target.value)})]})]}):null,E?(0,i.jsx)(c.z,{className:"modal-gift-bag-recipient__form-wrapper__button",type:"button",isLoading:A,isDisabled:v,onClick:function(){E&&(S(!0),updateRecipientGiftBag({recipientDiffers:P,sender:D,recipient:M}))},children:"Continuar"}):null,Y?(0,i.jsxs)("div",{className:"modal-gift-bag-recipient__error-wrapper",children:[(0,i.jsx)(o.X,{name:"warningButtonBold",fillColor:m.H.RED_LIGHT}),(0,i.jsx)("span",{className:"modal-gift-bag-recipient__error-wrapper__message",children:"Todos os campos devem ser preenchidos com nome completo."})]}):null]})]})})}},28332:function(n,e,t){t.d(e,{V:function(){return ModalGiftBag}});var i,a,r=t(85893),o=t(67294),l=t(5152),c=t.n(l),s=t(20256),d=t(42473);(i=a||(a={}))[i.GIFT_BAG_LIST=0]="GIFT_BAG_LIST",i[i.CHOOSE_RECIPIENT=1]="CHOOSE_RECIPIENT",i[i.RECIPIENT_FORM=2]="RECIPIENT_FORM",i[i.GIFT_BAG_CARD_MESSAGE=3]="GIFT_BAG_CARD_MESSAGE",i[i.GIFT_BAG_CARD_MESSAGE_REVIEW=4]="GIFT_BAG_CARD_MESSAGE_REVIEW",i[i.GIFT_BAG_CHANGE_RECIPIENT_CONFIRM=5]="GIFT_BAG_CHANGE_RECIPIENT_CONFIRM";var p=t(92746),x=t(80490),m=t(37340),f=t(93804),g=t(57566);function _templateObject(){let n=(0,m._)(["\n  display: flex;\n  justify-content: center;\n  position: absolute;\n\n  @media only screen and (min-width: 768px) {\n    position: fixed;\n  }\n\n  .content-container {\n    height: fit-content;\n    margin: 20px auto;\n    padding: 20px 10px;\n    max-width: 498px;\n\n    @media only screen and (min-width: 768px) {\n      margin: 128px auto;\n      padding: 24px;\n    }\n\n    .close-button,\n    .back-button {\n      align-items: center;\n      background: ",";\n      border-radius: 50%;\n      display: flex;\n      height: 30px;\n      justify-content: center;\n      width: 30px;\n\n      &:hover path {\n        fill: ",";\n      }\n    }\n\n    .close-button {\n      right: -10px;\n      top: -10px;\n\n      @media only screen and (min-width: 768px) {\n        right: -15px;\n        top: -15px;\n      }\n    }\n\n    .back-button {\n      left: -10px;\n      top: -10px;\n      position: absolute;\n      border: none;\n\n      @media only screen and (min-width: 768px) {\n        left: -15px;\n        top: -15px;\n      }\n    }\n  }\n\n  .modal-gift-bag {\n    font-family: ",";\n\n    &__skeleton {\n      display: flex;\n      flex-direction: column;\n\n      &__header {\n        display: flex;\n        padding: 0 50px;\n        margin-bottom: 20px;\n\n        .skeleton-line:nth-child(2) {\n          margin: 3px 80px;\n        }\n      }\n\n      &__wrapper {\n        display: flex;\n        flex-direction: row;\n        width: 100%;\n        justify-content: space-between;\n        padding: 0 15px;\n\n        &__image {\n          width: 40%;\n\n          @media only screen and (min-width: 768px) {\n            width: 30%;\n          }\n\n          .skeleton-line {\n            margin-bottom: 10px;\n            height: 100px;\n            width: 100px;\n          }\n        }\n\n        &__details {\n          flex-direction: column;\n          width: 70%;\n          margin: 10px 0;\n\n          .skeleton-line {\n            display: flex;\n\n            :nth-child(1) {\n              margin: 3px 20px 3px 0;\n            }\n\n            :nth-child(2n + 3) {\n              margin: 3px 30px 3px 0;\n\n              @media only screen and (min-width: 768px) {\n                margin: 3px 80px 3px 0;\n              }\n            }\n\n            :nth-child(2n + 2) {\n              margin: 3px 50px 3px 0;\n\n              @media only screen and (min-width: 768px) {\n                margin: 3px 100px 3px 0;\n              }\n            }\n\n            :last-child {\n              align-self: flex-end;\n              height: 40px;\n              width: 100px;\n              margin: 3px 20px;\n            }\n          }\n        }\n      }\n\n      &__footer {\n        padding: 0 50px;\n        margin: 20px 0;\n\n        @media only screen and (min-width: 768px) {\n          padding: 0 100px;\n        }\n      }\n    }\n\n    &__header {\n      text-align: center;\n      margin: 0 0 16px;\n      display: flex;\n      flex-direction: column;\n      align-items: center;\n\n      &__title {\n        color: ",";\n        font-size: 18px;\n        font-weight: 800;\n        text-transform: uppercase;\n\n        @media only screen and (max-width: 768px) {\n          font-size: 16px;\n        }\n      }\n    }\n\n    &__price {\n      &--old,\n      &--new,\n      &--base {\n        font-size: 14px;\n        font-weight: 800;\n      }\n\n      &--base {\n        color: ",";\n        text-decoration: none;\n      }\n\n      &--old {\n        color: ",";\n        margin-right: 5px;\n        text-decoration: line-through;\n      }\n\n      &--new {\n        color: ",";\n        text-decoration: none;\n      }\n    }\n\n    &__divider {\n      width: 100%;\n      height: 1px;\n      background: ",";\n    }\n\n    &__footer {\n      margin: 16px 0 0;\n      text-align: center;\n\n      &__text {\n        color: ",";\n        font-size: 14px;\n        line-height: 19px;\n        font-weight: 500;\n      }\n    }\n\n    &__gift-bag-item-wrapper {\n      display: flex;\n      margin: 16px 0;\n      flex-direction: row;\n\n      &__image {\n        padding-right: 12px;\n        min-width: unset;\n        max-width: unset;\n        margin: 0;\n\n        img {\n          max-width: 100%;\n          max-height: 100%;\n          object-fit: contain;\n        }\n\n        @media only screen and (min-width: 768px) {\n          width: 60px;\n          height: 60px;\n          box-sizing: content-box;\n        }\n      }\n\n      &__content {\n        width: 100%;\n\n        &__title {\n          color: ",";\n          font-size: 14px;\n          font-weight: 800;\n          margin-bottom: 4px;\n          text-transform: uppercase;\n        }\n\n        &__text {\n          color: ",";\n          font-size: 14px;\n          font-weight: 400;\n          line-height: 19px;\n          width: unset;\n        }\n\n        &__notice {\n          font-size: 12px;\n          font-weight: 500;\n          padding: 8px;\n          width: fit-content;\n          background-color: ",";\n          margin-top: 8px;\n          color: ",";\n        }\n\n        &__footer {\n          align-items: flex-end;\n          display: flex;\n          justify-content: space-between;\n          align-items: center;\n          margin-top: 16px;\n\n          &__text {\n            color: ",";\n          }\n\n          &__button {\n            min-height: 32px;\n            height: 32px;\n            font-size: 12px;\n            margin: 0;\n          }\n        }\n      }\n    }\n  }\n"]);return _templateObject=function(){return n},n}let u=(0,s.ZP)(g.u).withConfig({componentId:"sc-4d0063dd-0"})(_templateObject(),n=>{let{theme:e}=n;return e.colors.cart.entryGiftBag.modal.backgroundCloseIcon},n=>{let{theme:e}=n;return e.colors.cart.entryGiftBag.modal.textSecondary},n=>{let{theme:e}=n;return e.fonts.headings},n=>{let{theme:e}=n;return e.colors.cart.entryGiftBag.modal.textPrimary},n=>{let{theme:e}=n;return e.colors.cart.entryGiftBag.modal.basePrice},n=>{let{theme:e}=n;return e.colors.cart.product.oldPrice},n=>{let{theme:e}=n;return e.colors.cart.product.newPrice},n=>{let{theme:e}=n;return e.colors.cart.entryGiftBag.modal.divider},n=>{let{theme:e}=n;return e.colors.cart.entryGiftBag.modal.textTertiary},n=>{let{theme:e}=n;return e.colors.cart.entryGiftBag.modal.textPrimary},n=>{let{theme:e}=n;return e.colors.cart.entryGiftBag.modal.textSecondary},f.H.LIGHT_GRAY,n=>{let{theme:e}=n;return e.colors.cart.entryGiftBag.modal.textPrimary},n=>{let{theme:e}=n;return e.colors.cart.entryGiftBag.modal.textSecondary}),_=c()(()=>Promise.all([t.e(741),t.e(4339)]).then(t.bind(t,21437)).then(n=>n.ChooseRecipient),{loadableGenerated:{webpack:()=>[21437]}}),h=c()(()=>Promise.all([t.e(741),t.e(408)]).then(t.bind(t,70336)).then(n=>n.GiftBagList),{loadableGenerated:{webpack:()=>[70336]}}),w=c()(()=>t.e(1628).then(t.bind(t,11628)).then(n=>n.GiftBagChangeRecipientConfirm),{loadableGenerated:{webpack:()=>[11628]}}),b=c()(()=>t.e(1175).then(t.bind(t,51175)).then(n=>n.GiftBagCardMessageReview),{loadableGenerated:{webpack:()=>[51175]}}),y=c()(()=>t.e(3223).then(t.bind(t,43223)).then(n=>n.GiftBagCardMessage),{loadableGenerated:{webpack:()=>[43223]}}),j=c()(()=>t.e(6213).then(t.bind(t,66213)).then(n=>n.RecipientForm),{loadableGenerated:{webpack:()=>[66213]}});function ModalGiftBag(n){let{isOpen:e,toggle:t,className:i=""}=n,l=(0,s.Fg)(),{isOpenModalGiftBag:c}=(0,p.tA)(),{cart:m}=(0,x.jD)(),[f,g]=(0,o.useState)(a.GIFT_BAG_LIST),[C,N]=(0,o.useState)([]),G=C.filter(n=>n===a.GIFT_BAG_CARD_MESSAGE_REVIEW).length<2,E=(null==m?void 0:m.recipientDiffers)&&G;function onCompleteSelectBag(){g(a.CHOOSE_RECIPIENT)}function onClickChangeGiftBag(){g(a.GIFT_BAG_LIST)}function onClickRecipientDiffers(){if(m.recipientDiffers)return g(a.GIFT_BAG_CARD_MESSAGE_REVIEW);g(a.RECIPIENT_FORM)}function onClickConfirmChangeRecipient(){g(a.RECIPIENT_FORM)}function onClickEditRecipientInfo(){g(a.GIFT_BAG_CHANGE_RECIPIENT_CONFIRM)}function onFillCardMessage(){g(a.GIFT_BAG_CARD_MESSAGE_REVIEW)}function onUpdateRecipient(){g(a.GIFT_BAG_CARD_MESSAGE)}return(0,o.useEffect)(()=>{let n=C[C.length-1];f!==n&&N(n=>[...n,f])},[f,C]),(0,o.useEffect)(()=>{c||(g(a.GIFT_BAG_LIST),N([]))},[c]),(0,r.jsx)(u,{isOpen:e,overrideCloseButton:(0,r.jsx)(d.X,{name:"newClose",size:11,fillColor:l.colors.cart.entryGiftBag.modal.closeIcon}),onRequestClose:()=>t(),maxWidth:"498px",className:i,children:(0,r.jsxs)("div",{className:"modal-gift-bag",children:[function(n){let e={[a.GIFT_BAG_LIST]:(0,r.jsx)(h,{goToNextStep:onCompleteSelectBag}),[a.CHOOSE_RECIPIENT]:(0,r.jsx)(_,{goToNextStep:onClickRecipientDiffers,goToPreviousStep:onClickChangeGiftBag}),[a.RECIPIENT_FORM]:(0,r.jsx)(j,{goToNextStep:onUpdateRecipient}),[a.GIFT_BAG_CARD_MESSAGE]:(0,r.jsx)(y,{goToNextStep:onFillCardMessage}),[a.GIFT_BAG_CARD_MESSAGE_REVIEW]:(0,r.jsx)(b,{hasEditButton:E,goToNextStep:onClickEditRecipientInfo}),[a.GIFT_BAG_CHANGE_RECIPIENT_CONFIRM]:(0,r.jsx)(w,{goToNextStep:onClickConfirmChangeRecipient})};return e[n]}(f),f>=a.CHOOSE_RECIPIENT?(0,r.jsx)("button",{className:"back-button",onClick:function(){let n=C[C.length-2];N(n=>{let e=[...n];return e.pop(),e}),g(n)},children:(0,r.jsx)(d.X,{name:"arrowLeft",size:12,fillColor:l.colors.cart.entryGiftBag.modal.backIcon})}):null]})})}}}]);