@ikas/storefront 5.0.55 → 5.0.57
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/build/components/checkout/components/cart-summary/index.js +1 -1
- package/build/components/checkout/components/offer-product/index.js +1 -1
- package/build/components/checkout/components/offer-product/style.module.scss.js +1 -1
- package/build/components/checkout/index.js +1 -1
- package/build/components/checkout/model.d.ts +3 -0
- package/build/components/checkout/model.js +1 -1
- package/build/components/page/head.js +1 -1
- package/build/components/page/index.d.ts +1 -1
- package/build/components/page/index.js +1 -1
- package/build/components/page/widgets/common.d.ts +2 -0
- package/build/components/page/widgets/common.js +1 -0
- package/build/components/page/widgets/loyaltyWidget.d.ts +8 -0
- package/build/components/page/widgets/loyaltyWidget.js +1 -0
- package/build/components/page/widgets/popupWidget.d.ts +13 -0
- package/build/components/page/widgets/popupWidget.js +1 -0
- package/build/ext/@ikas/popup-renderer/build/popup-renderer/components/index.js +1 -1
- package/build/ext/@ikas/popup-renderer/build/popup-renderer/components/product-list-renderer/index.js +1 -1
- package/build/ext/@ikas/popup-renderer/build/popup-renderer/helpers/index.js +1 -1
- package/build/ext/@ikas/popup-renderer/build/popup-renderer/models/modal/step/elements/product/index.js +1 -1
- package/build/models/data/order/index.d.ts +1 -0
- package/build/models/data/order/index.js +1 -1
- package/build/models/ui/product-list/index.js +1 -1
- package/build/store/customer/api.d.ts +2 -2
- package/build/store/product/index.d.ts +1 -1
- package/build/store/product/index.js +1 -1
- package/package.json +14 -12
- package/build/components/popup/index.js +0 -1
- package/build/components/popup/renderer/index.js +0 -1
- package/build/components/popup/renderer/model.js +0 -1
- package/build/components/popup/utils/index.js +0 -1
- package/build/store/storefront-popup/index.js +0 -1
|
@@ -1 +1 @@
|
|
|
1
|
-
import{__awaiter as e,__generator as t}from'./../../../../ext/tslib/tslib.es6.js';import*as n from"react";import{observer as o}from"mobx-react-lite";import a from"lodash/sortBy";import c from"../input-with-button/index.js";import r from"../notification-box/index.js";import{CheckoutStep as l}from"../../model.js";import{IkasStorefrontConfig as i}from"@ikas/storefront-config";import{formatCurrency as s}from"../../../../utils/currency.js";import{useTranslation as u}from"../../../../utils/i18n.js";import{CartItem as m}from"./cart-item/index.js";import{FormItem as d}from"../form-item/index.js";import{FormItemType as p}from"../form-item/model.js";import C from"../tooltip/index.js";import E from"../svg/arrow-down.js";import h from"../svg/cross.js";import v from"../svg/gift.js";import g from"../../styles/common.module.scss.js";import f from"./style.module.scss.js";import k from"../svg/ikas.js";import{Button as y}from"../button/index.js";import{IkasGiftCardType as N}from"@ikas/storefront-models";import S from"../../../../hooks/useDimension.js";import T from"../svg/coupon-code-tag.js";import b from"../svg/gift-cart-tag.js";import O from"../svg/store-credit-tag.js";var I;!function(e){e.COUPON_CODE_NOT_EXIST="COUPON_CODE_NOT_EXIST",e.COUPON_CODE_NOT_EXIST_FOR_GUESS="COUPON_CODE_NOT_EXIST_FOR_GUESS",e.COUPON_APPLIED_WITHOUT_DISCOUNT="COUPON_APPLIED_WITHOUT_DISCOUNT"}(I||(I={}));var x=o((function(e){var t,o,a,c,d,p,C=e.vm,h=e.allowExpand,v=e.isSuccessPageSummary,g=C.checkout,y=u().t,N=n.useState(!h),T=N[0],b=N[1],O=n.useState(!1),x=O[0],D=O[1],L=n.useState(null),R=L[0],U=L[1],M=n.useState(0),B=M[0],F=M[1],G=n.useState(null),V=G[0],X=G[1],H=n.useState(!1),W=H[0],q=H[1],z=n.useState(!1),$=z[0],K=z[1],Q=n.useState(!1),J=Q[0],Y=Q[1];S().isMobile,n.useEffect((function(){h&&(T?V&&F(V.getBoundingClientRect().height):F(0))}),[T,V,h,W,$,x,J]);var Z=n.useMemo((function(){switch(R){case I.COUPON_CODE_NOT_EXIST:return y("checkout-page:giftCodeErrorDescription");case I.COUPON_CODE_NOT_EXIST_FOR_GUESS:return y("checkout-page:mustBeSignInToApplyCampaign");case I.COUPON_APPLIED_WITHOUT_DISCOUNT:return y("checkout-page:couponInvalidForCartItems");default:return""}}),[R]),ee=[f.CartSummary,h?f.HideOnDesktop:"",v?f.SuccessPageCartSummary:""].join(" "),te=h?{height:B+"px"}:void 0,ne=[f.ArrowDown,T?f.Rotated:""].join(" ");return g?n.createElement(n.Fragment,null,!!h&&n.createElement(n.Fragment,null,n.createElement("div",{id:"checkout-mobile-summary-header"}),n.createElement("div",{className:f.ExpandHeader,onClick:function(){if(!T){var e=document.getElementById("Checkout"),t=document.getElementById("checkout-mobile-summary-header");e&&t&&e.scrollTo({top:t.offsetTop,behavior:"smooth"})}b(!T)}},n.createElement("div",{className:f.Left},y("checkout-page:summary")),n.createElement("div",{className:f.Price},n.createElement("span",{className:f.PriceText},"".concat(s(C.finalPrice||0,g.currencyCode,g.currencySymbol)," (").concat(g.itemQuantity," ").concat(y("checkout-page:cartItemProduct"),")")),n.createElement("span",{className:ne},n.createElement(E,null))))),n.createElement("div",{className:ee},n.createElement("div",{className:[f.DetailsContainer,v?f.SuccessPageDetailContainer:""].join(" "),style:te},n.createElement("div",{className:f.Details,ref:X},n.createElement("div",{className:f.ItemsContainer},n.createElement("div",null,g.items.map((function(e,t){return n.createElement(m,{key:t,vm:C,cartItem:e,currencyCode:g.currencyCode,onChange:Y,isSuccessPageSummary:v})})))),n.createElement("div",{className:f.Divider}),n.createElement("div",{className:f.SubTotalInfo},x&&n.createElement("div",{className:f.NotificationContainer},n.createElement(r,{type:"warning",title:y("checkout-page:giftCodeErrorTitle"),content:Z,onClose:function(){D(!1),U(null)}})),n.createElement(P,{label:y("checkout-page:subtotal"),value:g.formattedTotalPrice,tooltipText:y("checkout-page:subtotalTooltip"),hideMarginBottom:!C.isCouponCodeVisible}),!!(null===(t=g.shippingLines)||void 0===t?void 0:t.length)&&(C.step===l.SUCCESS?n.createElement(P,{label:y("checkout-page:cartShippingTitle"),value:g.shippingTotal?g.formattedShippingTotal:y("checkout-page:free")}):g.shippingLines.map((function(e,t){return n.createElement(P,{key:t,label:e.paymentMethod?e.title:y("checkout-page:cartShippingTitle"),value:e.finalPrice?s(e.finalPrice,g.currencyCode,g.currencySymbol):y("checkout-page:free")})}))),n.createElement(_,{vm:C}),n.createElement(j,{vm:C}),(C.step===l.SUCCESS&&(!!C.checkout.note||!!C.checkout.appliedCouponCode)||C.step!==l.SUCCESS)&&C.isCouponCodeVisible&&n.createElement("div",{className:f.Divider,style:{marginTop:"24px",marginBottom:"24px"}}),n.createElement(A,{vm:C,isAddingCoupon:$,setAddingCoupon:K,setCouponError:D,setCouponErrorCode:U}),n.createElement(w,{vm:C,isAddingNote:W,setAddingNote:q}),!!C.installmentExtraPrice&&C.installmentExtraPrice>0&&n.createElement(n.Fragment,null,n.createElement("div",{className:f.Divider,style:{marginTop:"24px",marginBottom:"24px"}}),n.createElement(P,{label:y("checkout-page:cartInterest"),value:s(C.installmentExtraPrice,g.currencyCode,g.currencySymbol)}))),C.isOpenEditOrderWithTransaction&&n.createElement("div",{className:f.SubTotalInfo,style:{}},!!(null===(o=C.openEditOrderTransaction)||void 0===o?void 0:o.chargedAmount)&&n.createElement(P,{label:y("checkout-page:chargedAmount"),value:s((null===(a=C.openEditOrderTransaction)||void 0===a?void 0:a.chargedAmount)||0,g.currencyCode,g.currencySymbol)}),!!(null===(c=C.openEditOrderTransaction)||void 0===c?void 0:c.refundedAmount)&&n.createElement(P,{label:y("checkout-page:refundedAmount"),value:s((null===(d=C.openEditOrderTransaction)||void 0===d?void 0:d.refundedAmount)||0,g.currencyCode,g.currencySymbol)})),n.createElement("div",{className:[f.TotalContainer,v?f.SuccessPageTotalContainer:""].join(" ")},n.createElement("div",{className:f.TitleContainer},n.createElement("div",{className:f.Title},C.isOpenEditOrderWithTransaction?y("checkout-page:totalAmountPayable"):y("checkout-page:total"))),n.createElement("div",null,n.createElement("div",{className:f.TotalPricesContainer},n.createElement("div",{className:f.TotalPrice},s(C.finalPrice||0,g.currencyCode,g.currencySymbol)),!!g.$totalTax&&!!(null===(p=C.customizationProps)||void 0===p?void 0:p.showTax)&&n.createElement("div",{className:[f.TotalTax].join(" ")},y("checkout-page:cartTaxTitle")+" "+g.$formattedTotalTax)))),!v&&!C.isPoweredByHidden&&n.createElement("div",{className:f.PoweredBy},n.createElement("span",null,"powered by"),n.createElement("a",{href:"https://ikas.com"+("tr"===i.getCurrentLocale()?"/tr":""),target:"_blank"},n.createElement(k,null))))))):null})),P=o((function(e){var t=e.label,o=e.value,a=e.tooltipText,c=e.hideMarginBottom;return n.createElement("div",{className:[f.InfoRow,c?f.hideMb:""].join(" ")},n.createElement("div",{className:f.Label},n.createElement("span",null,t),!!a&&n.createElement(C,{text:a,style:{marginLeft:"8px"}})),n.createElement("div",{className:f.Value},o))})),_=o((function(e){var t=e.vm,o=u().t;return t.checkout?n.createElement(n.Fragment,null,a(t.checkout.nonCouponAdjustments||[],"order").map((function(e,a){return n.createElement("div",{className:f.InfoRow,key:a},n.createElement("div",{className:f.Label},"INTEREST"===e.name?o("checkout-page:cartInterest"):e.name),n.createElement("div",{className:f.Value},n.createElement("span",null,"DECREMENT"===e.type?"- ":"")," ",n.createElement("span",null,s(e.amount,t.checkout.currencyCode,t.checkout.currencySymbol))))}))):null})),j=o((function(e){var t,o=e.vm,a=u().t;return o.checkout?n.createElement(n.Fragment,null,null===(t=o.checkout.giftPackageLines)||void 0===t?void 0:t.map((function(e,t){return n.createElement("div",{className:f.InfoRow,key:t},n.createElement("div",{className:f.Label},n.createElement("div",{className:f.GiftLabel},n.createElement(v,{style:{position:"relative",top:"-1px"}}),n.createElement("span",null,a("checkout-page:giftPackage")))),n.createElement("div",{className:f.Value},n.createElement("span",null,s(e.price,o.checkout.currencyCode,o.checkout.currencySymbol))))}))):null})),A=o((function(o){var a=o.vm,r=o.isAddingCoupon,i=o.setAddingCoupon,s=o.setCouponError,m=o.setCouponErrorCode,C=o.isOpenCouponCode,E=o.isMobile,h=o.showOnlyMobile,v=u().t,k=n.useState(""),N=k[0],S=k[1],T=n.useState(!1),b=T[0],O=T[1],I=n.useRef(null);n.useEffect((function(){r&&I.current&&I.current.focus()}),[r]);var x=function(){return e(void 0,void 0,void 0,(function(){var e;return t(this,(function(t){switch(t.label){case 0:return a.checkout.couponCode=N,O(!0),[4,a.onCouponCodeApply()];case 1:return t.sent(),O(!1),S(""),e=a.checkout.giftCardLines&&!!a.checkout.giftCardLines.length,a.couponError?[3,4]:a.checkout.appliedCouponCode||e?(s(!1),m(null),[4,a.reInitPaymentMethod()]):[3,3];case 2:t.sent(),t.label=3;case 3:return[3,5];case 4:a.checkout.couponCode=null,s(!0),m(a.couponError),t.label=5;case 5:return[2]}}))}))},P=function(n){return e(void 0,void 0,void 0,(function(){return t(this,(function(e){switch(e.label){case 0:return O(!0),[4,a.removeGiftCardLine(n)];case 1:return e.sent(),[4,a.reInitPaymentMethod()];case 2:return e.sent(),O(!1),[2]}}))}))};a.step,l.SUCCESS;var _=a.step===l.SHIPPING,j=!!a.checkout.appliedCouponCode||!!(a.checkout.giftCardLines&&a.checkout.giftCardLines.length>0),A=!!a.checkout.appliedCouponCode&&C,w=!r&&a.isCouponCodeVisible&&!a.isCouponCodeRequirementOpen&&a.step!==l.SUCCESS,L=j&&(!C||E);return n.createElement(n.Fragment,null,!!C&&n.createElement(n.Fragment,null,n.createElement("div",{className:[f.CartSummary,f.OpenCouponCodeSummary].join(" ")},n.createElement("div",{className:g.FormSectionTitle},n.createElement("div",{style:{paddingBottom:A?0:6},className:g.Title},v("checkout-page:couponCode"))))),j&&!_&&!a.isCouponCodeRequirementDefult&&n.createElement("div",{className:f.Divider,style:{marginTop:"24px",marginBottom:"24px"}}),n.createElement("div",{className:w?f.InfoRow:""},w&&n.createElement("div",{className:f.ActionTextBtn,onClick:function(){return i(!0)}},v("checkout-page:addCouponCode")),r&&!C&&n.createElement("div",{style:{marginBottom:"10px"}},n.createElement(c,{value:N,placeholder:v("checkout-page:couponCode"),buttonLabel:v("checkout-page:actions.apply"),inputRef:I,onClick:x,isLoading:b,onChange:S})),C&&n.createElement("div",{tabIndex:0,onKeyDown:function(e){"Enter"===e.key&&x()},className:[f.OpenCouponCodeMain,L?f.OpenCouponCodeMainWithMb:""].join(" ")},n.createElement(d,{name:"couponCode",label:v("checkout-page:addCouponCode"),type:p.TEXT,value:N,onChange:S}),n.createElement(y,{style:{width:"33%"},text:v("checkout-page:actions.apply"),isLoading:b,onClick:x}))),L&&n.createElement(n.Fragment,null,!!a.checkout.appliedCouponCode&&n.createElement("div",{className:[f.InfoRow,h?f.InfoRowGiftCardMobile:""].join(" ")},n.createElement(D,{vm:a,onClearCouponCode:function(){return e(void 0,void 0,void 0,(function(){return t(this,(function(e){switch(e.label){case 0:return a.checkout.couponCode=null,O(!0),[4,a.onCouponCodeApply()];case 1:return e.sent(),[4,a.reInitPaymentMethod()];case 2:return e.sent(),O(!1),[2]}}))}))},couponCode:a.checkout.appliedCouponCode})),!!a.checkout.giftCardLines&&!!a.checkout.giftCardLines.length&&a.checkout.giftCardLines.map((function(e){return n.createElement("div",{className:[f.InfoRow,h?f.InfoRowGiftCardMobile:""].join(" ")},n.createElement(D,{vm:a,onClearGiftCode:P,couponCode:e.code,giftCardLine:e}))}))))})),D=o((function(e){var t=e.vm,o=e.onClearCouponCode,a=e.couponCode,c=e.giftCardLine,r=e.onClearGiftCode,i=t.checkout.couponAdjustment,m=u().t,d=!c,p=(null==c?void 0:c.type)===N.STORE_CREDIT;return n.createElement(n.Fragment,null,n.createElement("div",{className:[f.ActionTextBtn,f.NoUnderline].join(" ")},c&&p&&n.createElement("div",{style:{display:"flex",alignItems:"center",gap:"5px"}},n.createElement("span",{style:{height:"20px"}},n.createElement(O,null)),n.createElement("span",{className:f.StoreCreditTag},m("checkout-page:storeCredit"))),!p&&n.createElement("span",{className:[f.AppliedCoupon,t.isCouponCodeRequirementDefult?"":f.NotClosed].join(" ")},d?n.createElement("span",{style:{height:"16px"}},n.createElement(T,null)):!p&&n.createElement("span",{style:{height:"16px"}},n.createElement(b,null)),n.createElement("span",{className:f.CouponCode},a),t.step!==l.SUCCESS&&!t.isOpenEditOrderWithTransaction&&n.createElement("span",{className:f.ClearCoupon,onClick:function(){return c?r&&r(c.giftCardId):o&&o()}},n.createElement(h,null)))),n.createElement("div",null,c?n.createElement("div",{className:f.Value},n.createElement("span",null,"-")," ",n.createElement("span",null,s((null==c?void 0:c.amount)||0,t.checkout.currencyCode,t.checkout.currencySymbol))):n.createElement("div",{className:f.Value},n.createElement("span",null,"DECREMENT"===(null==i?void 0:i.type)?"- ":"")," ",n.createElement("span",null,s((null==i?void 0:i.amount)||0,t.checkout.currencyCode,t.checkout.currencySymbol)))))})),w=o((function(e){var t=e.vm,o=e.isAddingNote,a=e.setAddingNote,c=u().t,r=n.useState(t.checkout.note?c("checkout-page:editOrderNote"):c("checkout-page:addOrderNote"))[0],i=n.useCallback((function(){a(!0)}),[]),s=n.useCallback((function(e){t.checkout.note=e}),[t,t.checkout]);if(!t.checkoutSettings.showCheckoutNote)return null;var m=t.step===l.SUCCESS;return m&&!t.checkout.note?null:n.createElement("div",{className:f.InfoRow},!o&&!m&&n.createElement("div",{className:f.ActionTextBtn,onClick:i},r),(o||m)&&n.createElement("div",{className:[f.CheckoutNoteContainer,m?f.Success:""].join(" ")},n.createElement("div",{className:f.Title},c("checkout-page:orderNote")),m?n.createElement("div",{className:f.CheckoutNoteDisplay},t.checkout.note):n.createElement(d,{style:{width:"100%"},type:p.TEXT_AREA,disableResize:!0,label:"",value:t.checkout.note||"",onChange:s,maxLength:320})))}));export{x as CartSummary,A as Coupon,I as CouponErrorCode};
|
|
1
|
+
import{__awaiter as e,__generator as t}from'./../../../../ext/tslib/tslib.es6.js';import*as n from"react";import{observer as o}from"mobx-react-lite";import a from"lodash/sortBy";import c from"../input-with-button/index.js";import r from"../notification-box/index.js";import{CheckoutStep as l}from"../../model.js";import{IkasStorefrontConfig as i}from"@ikas/storefront-config";import{formatCurrency as s}from"../../../../utils/currency.js";import{useTranslation as u}from"../../../../utils/i18n.js";import{CartItem as m}from"./cart-item/index.js";import{FormItem as d}from"../form-item/index.js";import{FormItemType as p}from"../form-item/model.js";import C from"../tooltip/index.js";import E from"../svg/arrow-down.js";import h from"../svg/cross.js";import v from"../svg/gift.js";import f from"../../styles/common.module.scss.js";import g from"./style.module.scss.js";import k from"../svg/ikas.js";import{Button as y}from"../button/index.js";import{IkasGiftCardType as N}from"@ikas/storefront-models";import S from"../../../../hooks/useDimension.js";import T from"../svg/coupon-code-tag.js";import b from"../svg/gift-cart-tag.js";import O from"../svg/store-credit-tag.js";var I;!function(e){e.COUPON_CODE_NOT_EXIST="COUPON_CODE_NOT_EXIST",e.COUPON_CODE_NOT_EXIST_FOR_GUESS="COUPON_CODE_NOT_EXIST_FOR_GUESS",e.COUPON_APPLIED_WITHOUT_DISCOUNT="COUPON_APPLIED_WITHOUT_DISCOUNT"}(I||(I={}));var x=o((function(e){var t,o,a,c,d,p,C=e.vm,h=e.allowExpand,v=e.isSuccessPageSummary,f=C.checkout,y=u().t,N=n.useState(!h),T=N[0],b=N[1],O=n.useState(!1),x=O[0],D=O[1],L=n.useState(null),R=L[0],U=L[1],M=n.useState(0),B=M[0],F=M[1],G=n.useState(null),X=G[0],H=G[1],V=n.useState(!1),W=V[0],q=V[1],z=n.useState(!1),$=z[0],K=z[1],Q=n.useState(!1),J=Q[0],Y=Q[1];S().isMobile,n.useEffect((function(){h&&(T?X&&F(X.getBoundingClientRect().height):F(0))}),[T,X,h,W,$,x,J]);var Z=n.useMemo((function(){switch(R){case I.COUPON_CODE_NOT_EXIST:return y("checkout-page:giftCodeErrorDescription");case I.COUPON_CODE_NOT_EXIST_FOR_GUESS:return y("checkout-page:mustBeSignInToApplyCampaign");case I.COUPON_APPLIED_WITHOUT_DISCOUNT:return y("checkout-page:couponInvalidForCartItems");default:return""}}),[R]),ee=[g.CartSummary,h?g.HideOnDesktop:"",v?g.SuccessPageCartSummary:""].join(" "),te=h?{height:B+"px"}:void 0,ne=[g.ArrowDown,T?g.Rotated:""].join(" ");return f?n.createElement(n.Fragment,null,!!h&&n.createElement(n.Fragment,null,n.createElement("div",{id:"checkout-mobile-summary-header"}),n.createElement("div",{className:g.ExpandHeader,onClick:function(){if(!T){var e=document.getElementById("Checkout"),t=document.getElementById("checkout-mobile-summary-header");e&&t&&e.scrollTo({top:t.offsetTop,behavior:"smooth"})}b(!T)}},n.createElement("div",{className:g.Left},y("checkout-page:summary")),n.createElement("div",{className:g.Price},n.createElement("span",{className:g.PriceText},"".concat(s(C.finalPrice||0,f.currencyCode,f.currencySymbol)," (").concat(f.itemQuantity," ").concat(y("checkout-page:cartItemProduct"),")")),n.createElement("span",{className:ne},n.createElement(E,null))))),n.createElement("div",{className:ee},n.createElement("div",{className:[g.DetailsContainer,v?g.SuccessPageDetailContainer:""].join(" "),style:te},n.createElement("div",{className:g.Details,ref:H},n.createElement("div",{className:g.ItemsContainer},n.createElement("div",null,f.items.map((function(e,t){return n.createElement(m,{key:t,vm:C,cartItem:e,currencyCode:f.currencyCode,onChange:Y,isSuccessPageSummary:v})})))),n.createElement("div",{className:g.Divider}),n.createElement("div",{className:g.SubTotalInfo},x&&n.createElement("div",{className:g.NotificationContainer},n.createElement(r,{type:"warning",title:y("checkout-page:giftCodeErrorTitle"),content:Z,onClose:function(){D(!1),U(null)}})),n.createElement(P,{label:y("checkout-page:subtotal"),value:f.formattedTotalPrice,tooltipText:y("checkout-page:subtotalTooltip")}),!!(null===(t=f.shippingLines)||void 0===t?void 0:t.length)&&(C.step===l.SUCCESS?n.createElement(P,{label:y("checkout-page:cartShippingTitle"),value:f.shippingTotal?f.formattedShippingTotal:y("checkout-page:free")}):f.shippingLines.map((function(e,t){return n.createElement(P,{key:t,label:e.paymentMethod?e.title:y("checkout-page:cartShippingTitle"),value:e.finalPrice?s(e.finalPrice,f.currencyCode,f.currencySymbol):y("checkout-page:free")})}))),n.createElement(_,{vm:C}),n.createElement(j,{vm:C}),(C.step===l.SUCCESS&&(!!C.checkout.note||!!C.checkout.appliedCouponCode)||C.step!==l.SUCCESS)&&C.isCouponCodeVisible&&n.createElement("div",{className:g.Divider,style:{marginTop:"24px",marginBottom:"24px"}}),n.createElement(A,{vm:C,isAddingCoupon:$,setAddingCoupon:K,setCouponError:D,setCouponErrorCode:U}),n.createElement(w,{vm:C,isAddingNote:W,setAddingNote:q}),!!C.installmentExtraPrice&&C.installmentExtraPrice>0&&n.createElement(n.Fragment,null,n.createElement("div",{className:g.Divider,style:{marginTop:"24px",marginBottom:"24px"}}),n.createElement(P,{label:y("checkout-page:cartInterest"),value:s(C.installmentExtraPrice,f.currencyCode,f.currencySymbol)}))),C.isOpenEditOrderWithTransaction&&n.createElement("div",{className:g.SubTotalInfo,style:{}},!!(null===(o=C.openEditOrderTransaction)||void 0===o?void 0:o.chargedAmount)&&n.createElement(P,{label:y("checkout-page:chargedAmount"),value:s((null===(a=C.openEditOrderTransaction)||void 0===a?void 0:a.chargedAmount)||0,f.currencyCode,f.currencySymbol)}),!!(null===(c=C.openEditOrderTransaction)||void 0===c?void 0:c.refundedAmount)&&n.createElement(P,{label:y("checkout-page:refundedAmount"),value:s((null===(d=C.openEditOrderTransaction)||void 0===d?void 0:d.refundedAmount)||0,f.currencyCode,f.currencySymbol)})),n.createElement("div",{className:[g.TotalContainer,v?g.SuccessPageTotalContainer:""].join(" ")},n.createElement("div",{className:g.TitleContainer},n.createElement("div",{className:g.Title},C.isOpenEditOrderWithTransaction?y("checkout-page:totalAmountPayable"):y("checkout-page:total"))),n.createElement("div",null,n.createElement("div",{className:g.TotalPricesContainer},n.createElement("div",{className:g.TotalPrice},s(C.finalPrice||0,f.currencyCode,f.currencySymbol)),!!f.$totalTax&&!!(null===(p=C.customizationProps)||void 0===p?void 0:p.showTax)&&n.createElement("div",{className:[g.TotalTax].join(" ")},y("checkout-page:cartTaxTitle")+" "+f.$formattedTotalTax)))),!v&&!C.isPoweredByHidden&&n.createElement("div",{className:g.PoweredBy},n.createElement("span",null,"powered by"),n.createElement("a",{href:"https://ikas.com"+("tr"===i.getCurrentLocale()?"/tr":""),target:"_blank"},n.createElement(k,null))))))):null})),P=o((function(e){var t=e.label,o=e.value,a=e.tooltipText,c=e.hideMarginBottom;return n.createElement("div",{className:[g.InfoRow,c?g.hideMb:""].join(" ")},n.createElement("div",{className:g.Label},n.createElement("span",null,t),!!a&&n.createElement(C,{text:a,style:{marginLeft:"8px"}})),n.createElement("div",{className:g.Value},o))})),_=o((function(e){var t=e.vm,o=u().t;return t.checkout?n.createElement(n.Fragment,null,a(t.checkout.nonCouponAdjustments||[],"order").map((function(e,a){return n.createElement("div",{className:g.InfoRow,key:a},n.createElement("div",{className:g.Label},"INTEREST"===e.name?o("checkout-page:cartInterest"):e.name),n.createElement("div",{className:g.Value},n.createElement("span",null,"DECREMENT"===e.type?"- ":"")," ",n.createElement("span",null,s(e.amount,t.checkout.currencyCode,t.checkout.currencySymbol))))}))):null})),j=o((function(e){var t,o=e.vm,a=u().t;return o.checkout?n.createElement(n.Fragment,null,null===(t=o.checkout.giftPackageLines)||void 0===t?void 0:t.map((function(e,t){return n.createElement("div",{className:g.InfoRow,key:t},n.createElement("div",{className:g.Label},n.createElement("div",{className:g.GiftLabel},n.createElement(v,{style:{position:"relative",top:"-1px"}}),n.createElement("span",null,a("checkout-page:giftPackage")))),n.createElement("div",{className:g.Value},n.createElement("span",null,s(e.price,o.checkout.currencyCode,o.checkout.currencySymbol))))}))):null})),A=o((function(o){var a=o.vm,r=o.isAddingCoupon,i=o.setAddingCoupon,s=o.setCouponError,m=o.setCouponErrorCode,C=o.isOpenCouponCode,E=o.isMobile,h=o.showOnlyMobile,v=u().t,k=n.useState(""),N=k[0],S=k[1],T=n.useState(!1),b=T[0],O=T[1],I=n.useRef(null);n.useEffect((function(){r&&I.current&&I.current.focus()}),[r]);var x=function(){return e(void 0,void 0,void 0,(function(){var e;return t(this,(function(t){switch(t.label){case 0:return a.checkout.couponCode=N,O(!0),[4,a.onCouponCodeApply()];case 1:return t.sent(),O(!1),S(""),e=a.checkout.giftCardLines&&!!a.checkout.giftCardLines.length,a.couponError?[3,4]:a.checkout.appliedCouponCode||e?(s(!1),m(null),[4,a.reInitPaymentMethod()]):[3,3];case 2:t.sent(),t.label=3;case 3:return[3,5];case 4:a.checkout.couponCode=null,s(!0),m(a.couponError),t.label=5;case 5:return[2]}}))}))},P=function(n){return e(void 0,void 0,void 0,(function(){return t(this,(function(e){switch(e.label){case 0:return O(!0),[4,a.removeGiftCardLine(n)];case 1:return e.sent(),[4,a.reInitPaymentMethod()];case 2:return e.sent(),O(!1),[2]}}))}))};a.step,l.SUCCESS;var _=a.step===l.SHIPPING,j=!!a.checkout.appliedCouponCode||!!(a.checkout.giftCardLines&&a.checkout.giftCardLines.length>0),A=!!a.checkout.appliedCouponCode&&C,w=!r&&a.isCouponCodeVisible&&!a.isCouponCodeRequirementOpen&&a.step!==l.SUCCESS,L=j&&(!C||E);return n.createElement(n.Fragment,null,!!C&&n.createElement(n.Fragment,null,n.createElement("div",{className:[g.CartSummary,g.OpenCouponCodeSummary].join(" ")},n.createElement("div",{className:f.FormSectionTitle},n.createElement("div",{style:{paddingBottom:A?0:6},className:f.Title},v("checkout-page:couponCode"))))),j&&!_&&!a.isCouponCodeRequirementDefult&&n.createElement("div",{className:g.Divider,style:{marginTop:"24px",marginBottom:"24px"}}),n.createElement("div",{className:w?g.InfoRow:""},w&&n.createElement("div",{className:g.ActionTextBtn,onClick:function(){return i(!0)}},v("checkout-page:addCouponCode")),r&&!C&&n.createElement("div",{style:{marginBottom:"10px"}},n.createElement(c,{value:N,placeholder:v("checkout-page:couponCode"),buttonLabel:v("checkout-page:actions.apply"),inputRef:I,onClick:x,isLoading:b,onChange:S})),C&&n.createElement("div",{tabIndex:0,onKeyDown:function(e){"Enter"===e.key&&x()},className:[g.OpenCouponCodeMain,L?g.OpenCouponCodeMainWithMb:""].join(" ")},n.createElement(d,{name:"couponCode",label:v("checkout-page:addCouponCode"),type:p.TEXT,value:N,onChange:S}),n.createElement(y,{style:{width:"33%"},text:v("checkout-page:actions.apply"),isLoading:b,onClick:x}))),L&&n.createElement(n.Fragment,null,!!a.checkout.appliedCouponCode&&n.createElement("div",{className:[g.InfoRow,h?g.InfoRowGiftCardMobile:""].join(" ")},n.createElement(D,{vm:a,onClearCouponCode:function(){return e(void 0,void 0,void 0,(function(){return t(this,(function(e){switch(e.label){case 0:return a.checkout.couponCode=null,O(!0),[4,a.onCouponCodeApply()];case 1:return e.sent(),[4,a.reInitPaymentMethod()];case 2:return e.sent(),O(!1),[2]}}))}))},couponCode:a.checkout.appliedCouponCode})),!!a.checkout.giftCardLines&&!!a.checkout.giftCardLines.length&&a.checkout.giftCardLines.map((function(e){return n.createElement("div",{className:[g.InfoRow,h?g.InfoRowGiftCardMobile:""].join(" ")},n.createElement(D,{vm:a,onClearGiftCode:P,couponCode:e.code,giftCardLine:e}))}))))})),D=o((function(e){var t=e.vm,o=e.onClearCouponCode,a=e.couponCode,c=e.giftCardLine,r=e.onClearGiftCode,i=t.checkout.couponAdjustment,m=u().t,d=!c,p=(null==c?void 0:c.type)===N.STORE_CREDIT;return n.createElement(n.Fragment,null,n.createElement("div",{className:[g.ActionTextBtn,g.NoUnderline].join(" ")},c&&p&&n.createElement("div",{style:{display:"flex",alignItems:"center",gap:"5px"}},n.createElement("span",{style:{height:"20px"}},n.createElement(O,null)),n.createElement("span",{className:g.StoreCreditTag},m("checkout-page:storeCredit"))),!p&&n.createElement("span",{className:[g.AppliedCoupon,t.isCouponCodeRequirementDefult?"":g.NotClosed].join(" ")},d?n.createElement("span",{style:{height:"16px"}},n.createElement(T,null)):!p&&n.createElement("span",{style:{height:"16px"}},n.createElement(b,null)),n.createElement("span",{className:g.CouponCode},a),t.step!==l.SUCCESS&&!t.isOpenEditOrderWithTransaction&&n.createElement("span",{className:g.ClearCoupon,onClick:function(){return c?r&&r(c.giftCardId):o&&o()}},n.createElement(h,null)))),n.createElement("div",null,c?n.createElement("div",{className:g.Value},n.createElement("span",null,"-")," ",n.createElement("span",null,s((null==c?void 0:c.amount)||0,t.checkout.currencyCode,t.checkout.currencySymbol))):n.createElement("div",{className:g.Value},n.createElement("span",null,"DECREMENT"===(null==i?void 0:i.type)?"- ":"")," ",n.createElement("span",null,s((null==i?void 0:i.amount)||0,t.checkout.currencyCode,t.checkout.currencySymbol)))))})),w=o((function(e){var t=e.vm,o=e.isAddingNote,a=e.setAddingNote,c=u().t,r=n.useState(t.checkout.note?c("checkout-page:editOrderNote"):c("checkout-page:addOrderNote"))[0],i=n.useCallback((function(){a(!0)}),[]),s=n.useCallback((function(e){t.checkout.note=e}),[t,t.checkout]);if(!t.checkoutSettings.showCheckoutNote)return null;var m=t.step===l.SUCCESS;return m&&!t.checkout.note?null:n.createElement("div",{className:g.InfoRow},!o&&!m&&n.createElement("div",{className:g.ActionTextBtn,onClick:i},r),(o||m)&&n.createElement("div",{className:[g.CheckoutNoteContainer,m?g.Success:""].join(" ")},n.createElement("div",{className:g.Title},c("checkout-page:orderNote")),m?n.createElement("div",{className:g.CheckoutNoteDisplay},t.checkout.note):n.createElement(d,{style:{width:"100%"},type:p.TEXT_AREA,disableResize:!0,label:"",value:t.checkout.note||"",onChange:s,maxLength:320})))}));export{x as CartSummary,A as Coupon,I as CouponErrorCode};
|
|
@@ -1 +1 @@
|
|
|
1
|
-
import*as e from"react";import{observer as t}from"mobx-react-lite";import{CheckoutStep as n}from"../../model.js";import{Button as a}from"../button/index.js";import i from"./select/index.js";import o from"../svg/cross.js";import{useTranslation as r}from"../../../../utils/i18n.js";import c from"./style.module.scss.js";import{IkasAmountType as s}from"@ikas/storefront-models";import"@ikas/storefront-config";import{formatCurrency as
|
|
1
|
+
import*as e from"react";import{observer as t}from"mobx-react-lite";import{CheckoutStep as n}from"../../model.js";import{Button as a}from"../button/index.js";import i from"./select/index.js";import o from"../svg/cross.js";import{useTranslation as r}from"../../../../utils/i18n.js";import c from"./style.module.scss.js";import{IkasAmountType as s}from"@ikas/storefront-models";import{IkasStorefrontConfig as l}from"@ikas/storefront-config";import{formatCurrency as u}from"../../../../utils/currency.js";var d=function(t){var a,i,o=t.seconds,s=t.onFinish,l=t.campaignOffer,u=t.vm,d=t.isPopupClosed,m=t.step,p=r().t,v=e.useState(o),g=v[0],C=v[1];e.useEffect((function(){C(o)}),[o]),e.useEffect((function(){var e=setInterval((function(){g>0?C(g-1):(clearInterval(e),s())}),1e3);return function(){return clearInterval(e)}}),[g]);var S=l.offer.countdownMinutes&&(m!==n.SUCCESS?!!(null===(a=u.customizationProps)||void 0===a?void 0:a.campaignOfferCountdownStyleIsLine):!!(null===(i=u.customizationProps)||void 0===i?void 0:i.campaignOfferCountdownStyleIsLineSuccessPage))||d;return e.createElement("div",{className:S?c.CountdownContainerIsLine:c.CountdownContainer},e.createElement("div",{className:c.CountdownTextMain},!S&&e.createElement("span",{className:c.CountdownText},p("checkout-page:timeRemaining")),e.createElement("span",{className:c.CountdownTime},f(g))))},f=function(e){var t=Math.floor(e/60/60),n=Math.floor(e/60)-60*t,a=e%60;return 0!==t?t.toString().padStart(2,"0")+":":n.toString().padStart(2,"0")+":"+a.toString().padStart(2,"0")},m=t((function(t){var f,m,p,v,g,C,S,h=t.vm,E=t.campaignOffer,O=t.index,P=t.activeIndex,I=t.offersLength,V=t.handleNext,w=t.handlePrev,N=t.setActiveIndex,y=t.isPopupShow,B=t.closePopup,M=t.showPopup,j=t.isPopupClosed,k=t.desktopMiddlePhase,T=t.step,A=r().t,x=E.product,D=T!==n.SUCCESS?!!(null===(f=h.customizationProps)||void 0===f?void 0:f.campaignOfferIsSmallDesign)&&y:!!(null===(m=h.customizationProps)||void 0===m?void 0:m.showCampaignIsBiggerImage)&&T===n.SUCCESS,L=e.useRef(null),z=e.useRef(null),b=e.useRef(null),R=e.useState(0),U=R[0],F=R[1],H=["0ead1005-b19c-4680-8ab7-a8a1cca3244e","ec27eadf-1953-4c71-9680-f213332694a2"].includes(l.getStorefrontId()||"");e.useEffect((function(){var e,t,a,i,o,r,c,s;if(void 0!==typeof window){var l=.8*window.innerHeight,u=0,d=0,f=0;L.current&&(u=null===(t=null===(e=L.current)||void 0===e?void 0:e.getBoundingClientRect())||void 0===t?void 0:t.height),z.current&&(d=null===(i=null===(a=z.current)||void 0===a?void 0:a.getBoundingClientRect())||void 0===i?void 0:i.height),b.current&&(f=null===(r=null===(o=b.current)||void 0===o?void 0:o.getBoundingClientRect())||void 0===r?void 0:r.height);var m=(T===n.SUCCESS?null===(c=h.customizationProps)||void 0===c?void 0:c.campaignOfferCountdownStyleIsLineSuccessPage:null===(s=h.customizationProps)||void 0===s?void 0:s.campaignOfferCountdownStyleIsLine)?25:70,p=navigator.userAgent.match(/Version\/[\d\.]+.*Safari/)?20:0;F(l-u-d-f-p-m)}}),[y]);var X=e.useState(null),q=X[0],G=X[1],J=e.useState(null),K=J[0],Q=J[1],W=e.useMemo((function(){var e,t,n,a,i,o,r,c=null===(e=x.selectedVariant.images)||void 0===e?void 0:e.filter((function(e){return!e.isVideo}));return(null===(t=x.selectedVariant.mainImage)||void 0===t?void 0:t.isVideo)&&(null==c?void 0:c.length)?null===(n=c[0].image)||void 0===n?void 0:n.thumbnailSrc:D||k?null===(i=null===(a=x.selectedVariant.mainImage)||void 0===a?void 0:a.image)||void 0===i?void 0:i.getSrc(360):null===(r=null===(o=x.selectedVariant.mainImage)||void 0===o?void 0:o.image)||void 0===r?void 0:r.thumbnailSrc}),[x.selectedVariant,D,k]),Y=function(e){N(0),h.updateCartCampaignOffer({accepted:e,cartId:h.checkout.id,campaignOfferId:E.campaignOffer.campaignOfferId,campaignOfferProductId:E.offer.id,productId:E.offer.productId,variantId:x.selectedVariant.id})},Z=function(){Y(!1)},$=function(){Y(!0)},_=e.useMemo((function(){if(!E.offer.countdownMinutes||!E.campaignOffer.offerStartDate)return 0;var e=Math.round(((new Date).getTime()-new Date(E.campaignOffer.offerStartDate).getTime())/1e3);return e>60*E.offer.countdownMinutes?(Z(),0):60*E.offer.countdownMinutes-e}),[E]),ee=function(e,t){var n=null;x.displayedVariantTypes.forEach((function(t){t.displayedVariantValues.forEach((function(t){t.variant.id===e&&(n=t.variantValue)}))}));var a=x.variants.find((function(t){return t.id===e})),i=!!a&&!!a.variantValues&&!!a.variantValues.length&&a.variantValues[t];i&&x.selectVariantValue(i,!0),x.displayedVariantTypes.forEach((function(t){t.displayedVariantValues.forEach((function(t){t.variant.id===e&&(n=t.variantValue)}))})),n?x.selectVariantValue(n,!0):ee(e,t+1)},te=E.offer.countdownMinutes&&(T!==n.SUCCESS?!!(null===(p=h.customizationProps)||void 0===p?void 0:p.campaignOfferCountdownStyleIsLine):!!(null===(v=h.customizationProps)||void 0===v?void 0:v.campaignOfferCountdownStyleIsLineSuccessPage))||j&&E.offer.countdownMinutes;return e.createElement("div",{style:{transform:"translateX(-".concat(100*P,"%)")},className:[c.Container,O===P?c.ActiveOffer:"",y?c.PopupContainer:"",k?c.PopupContainerDesktop:"",T===n.SUCCESS?c.Border:""].join(" ")},E.offer.countdownMinutes&&(T!==n.SUCCESS?!(null===(g=h.customizationProps)||void 0===g?void 0:g.campaignOfferCountdownStyleIsLine):!(null===(C=h.customizationProps)||void 0===C?void 0:C.campaignOfferCountdownStyleIsLineSuccessPage))&&!j&&e.createElement(d,{seconds:_,onFinish:Z,vm:h,campaignOffer:E,step:T}),e.createElement("div",{onTouchStart:function(e){Q(null),G(e.targetTouches[0].clientX)},onTouchMove:function(e){return Q(e.targetTouches[0].clientX)},onTouchEnd:function(){if(q&&K&&I>1){var e=q-K,t=e>50;(t||e<-50)&&(t?V():w())}},className:[c.ContentContainer,I>1?c.ContentContainerItems:"",j?I>1?c.ContentContainerPopup:c.ContentContainerPopupItems:""].join(" ")},!!y&&e.createElement("div",{className:c.RejectButton,onClick:function(){return B&&B()}},e.createElement(o,null)),e.createElement("div",{ref:L,className:[c.HeaderMain,D&&!j?c.IsBigProductImage:"",te?c.IsLineCountDown:"",j?c.MobileSmallHeader:""].join(" ")},e.createElement("div",{className:c.Header},e.createElement("div",{className:c.Title},E.offer.title),!!E.offer.description&&!j&&e.createElement("div",{className:c.Description},E.offer.description)),te&&e.createElement(d,{seconds:_,onFinish:Z,vm:h,campaignOffer:E,isPopupClosed:j,step:T})),e.createElement("div",{className:[c.ProductContainer,D&&!j?c.IsLineProductContainer:""].join(" ")},e.createElement("div",{style:y?{width:U,height:U}:{},className:[c.ImageContainer,D&&!j?c.BigImage:"",j?c.SmallImage:"",k?c.BiggerImage:""].join(" ")},e.createElement("img",{className:c.Image,src:W})),e.createElement("div",{ref:z,className:c.ProductDetails},e.createElement("div",{className:c.ProductName},x.name),x.hasVariant&&1===x.variants.length&&e.createElement("div",{className:c.VariantName},x.selectedVariant.variantValues.map((function(e){return e.name})).join(", ")),!(null===(S=h.customizationProps)||void 0===S?void 0:S.showCampaignHideDiscountBadge)&&x.selectedVariant.hasDiscount&&e.createElement("span",{className:c.DiscountBadge},E.offer.discountType===s.RATIO?"%".concat(x.selectedVariant.discountPercentage):u(E.offer.discountAmount||0,x.selectedVariant.price.currency||"",x.selectedVariant.price.currencySymbol||"")," ",A("checkout-page:discount")),e.createElement("div",{className:c.ProductPriceMain},x.selectedVariant.hasDiscount&&e.createElement("span",{className:c.Discount},x.selectedVariant.formattedSellPrice," "),e.createElement("span",{className:c.ProductPrice},E.offer.discountType===s.AMOUNT?u(x.selectedVariant.price.sellPrice-(E.offer.discountAmount||0),x.selectedVariant.price.currency||"",x.selectedVariant.price.currencySymbol||""):x.selectedVariant.formattedFinalPrice)),!j&&x.variants.length>1&&e.createElement("div",{className:c.Actions},x.variants.length>1&&e.createElement(i,{value:x.selectedVariant.id,onSelectChange:function(e){ee(e,0)},options:x.variants.map((function(e){return{label:e.variantValues.map((function(e){return e.name})).join(", "),value:e.id}}))})),!!j&&e.createElement(a,{classes:[c.OfferButton,D?c.OfferAcceptButton:"",H?c.ProteinOceanOfferButton:"",c.PopupOfferButton].join(" "),text:A("checkout-page:actions.acceptOffer"),onClick:function(){x.hasVariant&&x.variants.length>1?M&&M():$()}}),!!k&&e.createElement("div",{className:[c.OfferActionsMain,D?c.OfferActionsMainBigImage:"",c.OfferActionsMainMiddlePhase].join(" ")},e.createElement(a,{classes:c.OfferButton,isLine:!0,text:A("checkout-page:actions.rejectOffer"),onClick:Z}),e.createElement(a,{classes:[c.OfferButton,D?c.OfferAcceptButton:"",H?c.ProteinOceanOfferButton:""].join(" "),text:e.createElement("div",null,e.createElement("span",null,A("checkout-page:actions.acceptOffer")),e.createElement("span",null),e.createElement("span",null,x.selectedVariant.price.formattedFinalPrice)),onClick:$})))),!(j||k)&&e.createElement("div",{ref:b,className:[c.OfferActionsMain,D?c.OfferActionsMainBigImage:""].join(" ")},e.createElement(a,{classes:c.OfferButton,isLine:!0,text:A("checkout-page:actions.rejectOffer"),onClick:Z}),e.createElement(a,{classes:[c.OfferButton,D?c.OfferAcceptButton:"",H?c.ProteinOceanOfferButton:""].join(" "),text:A("checkout-page:actions.acceptOffer"),onClick:$}))))}));export{m as default};
|
|
@@ -1 +1 @@
|
|
|
1
|
-
import n from'./../../../../ext/style-inject/dist/style-inject.es.js';var e={Container:"style-module_Container__-EKYc",Border:"style-module_Border__DqZgC",ActiveOffer:"style-module_ActiveOffer__JZyW-",CountdownContainer:"style-module_CountdownContainer__bc-5v",CountdownContainerIsLine:"style-module_CountdownContainerIsLine__YtdAv",CountdownTextMain:"style-module_CountdownTextMain__S9Rrn",CountdownText:"style-module_CountdownText__Hd-3I",CountdownTime:"style-module_CountdownTime__a2aRF",ContentContainer:"style-module_ContentContainer__tC3zO",HeaderMain:"style-module_HeaderMain__-tiUy",Header:"style-module_Header__J2wyt",IsLineCountDown:"style-module_IsLineCountDown__xgFDT",IsBigProductImage:"style-module_IsBigProductImage__YdAgY",IsLineProductContainer:"style-module_IsLineProductContainer__3Nkqr",Title:"style-module_Title__4T394",Description:"style-module_Description__GPKR-",RejectButton:"style-module_RejectButton__3SwP8",ProductContainer:"style-module_ProductContainer__9qr9n",ImageContainer:"style-module_ImageContainer__gxlXU",PlaceHolderProductContainer:"style-module_PlaceHolderProductContainer__XVvyr",BigImage:"style-module_BigImage__n1DH9",SmallImage:"style-module_SmallImage__42qY-",BiggerImage:"style-module_BiggerImage__2M7Dw",Image:"style-module_Image__gDla7",ProductDetails:"style-module_ProductDetails__a-gJx",ProductName:"style-module_ProductName__yTmJx",VariantName:"style-module_VariantName__DF1mY",Brand:"style-module_Brand__UxK7C",ProductPriceMain:"style-module_ProductPriceMain__IJHv-",ProductPrice:"style-module_ProductPrice__U6Lhy",Discount:"style-module_Discount__tjllJ",Actions:"style-module_Actions__XZsJD",DiscountBadge:"style-module_DiscountBadge__deWxZ",ContentContainerItems:"style-module_ContentContainerItems__SIB05",OfferActionsMain:"style-module_OfferActionsMain__9axsN",OfferActionsMainMiddlePhase:"style-module_OfferActionsMainMiddlePhase__7VryS",OfferButton:"style-module_OfferButton__pkhNI",OfferActionsMainBigImage:"style-module_OfferActionsMainBigImage__qCPQB",MobileSmallHeader:"style-module_MobileSmallHeader__zrlIx",ContentContainerPopup:"style-module_ContentContainerPopup__Pburr",ContentContainerPopupItems:"style-module_ContentContainerPopupItems__7Azct",PopupOfferButton:"style-module_PopupOfferButton__-9ljg",PopupContainer:"style-module_PopupContainer__sL4sY",PopupContainerDesktop:"style-module_PopupContainerDesktop__c13p-"};n(".style-module_Container__-EKYc {\n margin: 32px 0 48px 0;\n border: 1px solid var(--checkout-border-color);\n border-radius: 8px;\n flex-shrink: 0;\n width: 100%;\n transition: 0.5s ease;\n background-color: var(--checkout-campaign-container-bg-color);\n}\n@media only screen and (max-width: 1000px) {\n .style-module_Container__-EKYc {\n margin: 0;\n border-radius: 0;\n border: unset;\n border-bottom: 1px solid var(--checkout-border-color);\n }\n}\n@media only screen and (max-width: 1000px) {\n .style-module_Container__-EKYc.style-module_Border__DqZgC {\n border-top: 1px solid var(--checkout-border-color);\n }\n}\n\n.style-module_ActiveOffer__JZyW- {\n position: relative;\n opacity: 1;\n}\n\n.style-module_CountdownContainer__bc-5v {\n display: flex;\n justify-content: center;\n padding: 12px 16px;\n border-radius: 8px 8px 0 0;\n background-color: var(--checkout-campaign-countdown-bg-color);\n}\n@media only screen and (max-width: 1000px) {\n .style-module_CountdownContainer__bc-5v {\n border-radius: 0;\n }\n}\n\n.style-module_CountdownContainerIsLine__YtdAv {\n display: flex;\n justify-content: center;\n padding: 4px 12px;\n border-radius: 8px;\n background-color: var(--checkout-campaign-countdown-bg-color);\n height: 32px;\n}\n\n.style-module_CountdownTextMain__S9Rrn {\n gap: 6px;\n display: flex;\n}\n\n.style-module_CountdownText__Hd-3I {\n color: var(--checkout-campaign-countdown-text-color);\n font-size: 16px;\n font-weight: 500;\n line-height: 24px;\n}\n\n.style-module_CountdownTime__a2aRF {\n color: var(--checkout-campaign-countdown-time-color);\n font-size: 16px;\n font-weight: 700;\n line-height: 24px;\n}\n\n.style-module_ContentContainer__tC3zO {\n padding: 24px;\n width: 100%;\n position: relative;\n}\n\n.style-module_HeaderMain__-tiUy {\n display: flex;\n flex-direction: column;\n margin-bottom: 16px;\n}\n\n.style-module_Header__J2wyt {\n display: flex;\n flex-direction: column;\n}\n\n.style-module_IsLineCountDown__xgFDT {\n display: flex;\n flex-direction: row;\n justify-content: space-between;\n align-items: center;\n}\n.style-module_IsLineCountDown__xgFDT .style-module_Header__J2wyt {\n width: 75%;\n}\n\n@media only screen and (max-width: 1000px) {\n .style-module_IsBigProductImage__YdAgY {\n flex-direction: column;\n justify-content: center;\n text-align: center;\n row-gap: 16px;\n align-items: center;\n }\n}\n\n@media only screen and (max-width: 1000px) {\n .style-module_IsLineProductContainer__3Nkqr {\n flex-direction: column;\n justify-content: center;\n align-items: center;\n width: 256px;\n margin: 0 auto;\n row-gap: 12px;\n }\n}\n\n.style-module_Title__4T394 {\n font-size: 20px;\n color: var(--checkout-campaign-title-color);\n font-weight: 500;\n line-height: 32px;\n}\n@media only screen and (max-width: 1000px) {\n .style-module_Title__4T394 {\n font-size: 18px;\n line-height: 26px;\n }\n}\n\n.style-module_Description__GPKR- {\n color: var(--checkout-campaign-description-color);\n font-size: 16px;\n font-weight: 400;\n line-height: 24px;\n}\n\n.style-module_RejectButton__3SwP8 {\n height: 35px;\n width: 20px;\n display: flex;\n align-items: center;\n justify-content: center;\n right: 16px;\n top: 10px;\n cursor: pointer;\n position: absolute;\n}\n\n.style-module_ProductContainer__9qr9n {\n display: flex;\n}\n\n.style-module_ImageContainer__gxlXU {\n height: 80px;\n width: 80px;\n position: relative;\n background-color: #fff;\n margin-right: 12px;\n border-radius: 8px;\n border: 1px solid var(--checkout-border-color);\n}\n.style-module_ImageContainer__gxlXU svg {\n width: 40px;\n height: 40px;\n}\n\n.style-module_PlaceHolderProductContainer__XVvyr {\n display: flex;\n align-items: center;\n justify-content: center;\n}\n\n.style-module_BigImage__n1DH9 {\n height: 152px;\n width: 152px;\n margin-right: 16px;\n}\n.style-module_BigImage__n1DH9 svg {\n width: 80px;\n height: 80px;\n}\n@media only screen and (max-width: 1000px) {\n .style-module_BigImage__n1DH9 {\n height: 256px;\n width: 256px;\n margin-right: 0;\n }\n}\n\n.style-module_SmallImage__42qY- {\n height: 52px;\n width: 52px;\n}\n\n.style-module_BiggerImage__2M7Dw {\n height: 320px;\n width: 320px;\n}\n\n.style-module_Image__gDla7 {\n width: 100%;\n height: 100%;\n object-fit: cover;\n border-radius: 8px;\n}\n\n.style-module_ProductDetails__a-gJx {\n flex: 1;\n width: 100%;\n position: relative;\n}\n\n.style-module_ProductName__yTmJx {\n margin-bottom: 4px;\n font-size: 16px;\n color: var(--checkout-primary-text-color);\n font-weight: 500;\n line-height: 24px;\n}\n\n.style-module_VariantName__DF1mY {\n margin-bottom: 4px;\n font-size: 14px;\n color: var(--checkout-primary-text-color);\n line-height: 20px;\n}\n\n.style-module_Brand__UxK7C {\n margin-bottom: 2px;\n font-size: 14px;\n color: var(--checkout-primary-text-color);\n line-height: 20px;\n}\n\n.style-module_ProductPriceMain__IJHv- {\n gap: 6px;\n display: flex;\n}\n\n.style-module_ProductPrice__U6Lhy {\n font-size: 16px;\n font-weight: 500;\n color: var(--checkout-primary-text-color);\n line-height: 24px;\n}\n\n.style-module_Discount__tjllJ {\n font-size: 16px;\n font-weight: 400;\n color: var(--checkout-secondary-text-color);\n text-decoration: line-through;\n line-height: 24px;\n}\n\n.style-module_Actions__XZsJD {\n display: flex;\n margin-top: 16px;\n width: 100%;\n}\n\n.style-module_DiscountBadge__deWxZ {\n color: var(--checkout-campaign-discount-percentage-color);\n background-color: var(--checkout-campaign-discount-percentage-bg-color);\n display: flex;\n padding: 4px 8px;\n border-radius: 4px;\n font-size: 14px;\n font-weight: 700;\n line-height: 20px;\n width: max-content;\n margin-bottom: 4px;\n}\n@media only screen and (max-width: 1000px) {\n .style-module_DiscountBadge__deWxZ {\n font-size: 12px;\n }\n}\n\n.style-module_ContentContainerItems__SIB05 {\n position: relative;\n}\n@media only screen and (max-width: 1000px) {\n .style-module_ContentContainerItems__SIB05 {\n padding-bottom: 60px;\n }\n}\n\n.style-module_OfferActionsMain__9axsN {\n display: flex;\n gap: 12px;\n margin-top: 24px;\n}\n\n.style-module_OfferActionsMainMiddlePhase__7VryS {\n display: flex;\n flex-direction: column;\n gap: 12px;\n margin-top: 24px;\n flex-direction: column-reverse;\n position: absolute;\n bottom: 0;\n width: 100%;\n}\n.style-module_OfferActionsMainMiddlePhase__7VryS .style-module_OfferButton__pkhNI div span:nth-child(2) {\n background-color: rgb(255, 255, 255);\n width: 2px;\n height: 2px;\n display: flex;\n}\n.style-module_OfferActionsMainMiddlePhase__7VryS .style-module_OfferButton__pkhNI div {\n display: flex;\n align-items: center;\n gap: 8px;\n font-weight: 500;\n}\n.style-module_OfferActionsMainMiddlePhase__7VryS .style-module_OfferButton__pkhNI div span {\n font-weight: 500;\n}\n\n@media only screen and (max-width: 1000px) {\n .style-module_OfferActionsMainBigImage__qCPQB {\n display: flex;\n flex-direction: column;\n flex-direction: column-reverse;\n }\n}\n\n.style-module_OfferButton__pkhNI {\n font-weight: 500 !important;\n width: 100%;\n height: 52px !important;\n font-size: 16px;\n}\n\n.style-module_MobileSmallHeader__zrlIx {\n margin-bottom: 10px;\n}\n.style-module_MobileSmallHeader__zrlIx .style-module_Header__J2wyt .style-module_Title__4T394 {\n font-size: 16px;\n font-weight: 500;\n line-height: 24px;\n}\n\n.style-module_ContentContainerPopup__Pburr {\n padding: 16px;\n padding-bottom: 60px;\n}\n.style-module_ContentContainerPopup__Pburr .style-module_ProductContainer__9qr9n .style-module_ProductDetails__a-gJx {\n position: relative;\n}\n\n.style-module_ContentContainerPopupItems__7Azct {\n padding: 16px;\n}\n.style-module_ContentContainerPopupItems__7Azct .style-module_ProductContainer__9qr9n .style-module_ProductDetails__a-gJx {\n position: relative;\n}\n\n.style-module_PopupOfferButton__-9ljg {\n position: absolute;\n bottom: 0;\n right: 0;\n width: 40%;\n font-size: 12px;\n height: 44px !important;\n}\n\n.style-module_PopupContainer__sL4sY {\n border-bottom: unset;\n}\n.style-module_PopupContainer__sL4sY .style-module_ContentContainer__tC3zO {\n padding-bottom: 16px;\n}\n\n.style-module_PopupContainerDesktop__c13p- {\n border: 1px solid var(--checkout-border-color);\n}");export{e as default};
|
|
1
|
+
import n from'./../../../../ext/style-inject/dist/style-inject.es.js';var e={Container:"style-module_Container__-EKYc",Border:"style-module_Border__DqZgC",ActiveOffer:"style-module_ActiveOffer__JZyW-",CountdownContainer:"style-module_CountdownContainer__bc-5v",CountdownContainerIsLine:"style-module_CountdownContainerIsLine__YtdAv",CountdownTextMain:"style-module_CountdownTextMain__S9Rrn",CountdownText:"style-module_CountdownText__Hd-3I",CountdownTime:"style-module_CountdownTime__a2aRF",ContentContainer:"style-module_ContentContainer__tC3zO",HeaderMain:"style-module_HeaderMain__-tiUy",Header:"style-module_Header__J2wyt",IsLineCountDown:"style-module_IsLineCountDown__xgFDT",IsBigProductImage:"style-module_IsBigProductImage__YdAgY",IsLineProductContainer:"style-module_IsLineProductContainer__3Nkqr",Title:"style-module_Title__4T394",Description:"style-module_Description__GPKR-",RejectButton:"style-module_RejectButton__3SwP8",ProductContainer:"style-module_ProductContainer__9qr9n",ImageContainer:"style-module_ImageContainer__gxlXU",PlaceHolderProductContainer:"style-module_PlaceHolderProductContainer__XVvyr",BigImage:"style-module_BigImage__n1DH9",SmallImage:"style-module_SmallImage__42qY-",BiggerImage:"style-module_BiggerImage__2M7Dw",Image:"style-module_Image__gDla7",ProductDetails:"style-module_ProductDetails__a-gJx",ProductName:"style-module_ProductName__yTmJx",VariantName:"style-module_VariantName__DF1mY",Brand:"style-module_Brand__UxK7C",ProductPriceMain:"style-module_ProductPriceMain__IJHv-",ProductPrice:"style-module_ProductPrice__U6Lhy",Discount:"style-module_Discount__tjllJ",Actions:"style-module_Actions__XZsJD",DiscountBadge:"style-module_DiscountBadge__deWxZ",ContentContainerItems:"style-module_ContentContainerItems__SIB05",OfferActionsMain:"style-module_OfferActionsMain__9axsN",OfferActionsMainMiddlePhase:"style-module_OfferActionsMainMiddlePhase__7VryS",OfferButton:"style-module_OfferButton__pkhNI",OfferActionsMainBigImage:"style-module_OfferActionsMainBigImage__qCPQB",ProteinOceanOfferButton:"style-module_ProteinOceanOfferButton__ypr7i",MobileSmallHeader:"style-module_MobileSmallHeader__zrlIx",ContentContainerPopup:"style-module_ContentContainerPopup__Pburr",ContentContainerPopupItems:"style-module_ContentContainerPopupItems__7Azct",PopupOfferButton:"style-module_PopupOfferButton__-9ljg",PopupContainer:"style-module_PopupContainer__sL4sY",PopupContainerDesktop:"style-module_PopupContainerDesktop__c13p-"};n(".style-module_Container__-EKYc {\n margin: 32px 0 48px 0;\n border: 1px solid var(--checkout-border-color);\n border-radius: 8px;\n flex-shrink: 0;\n width: 100%;\n transition: 0.5s ease;\n background-color: var(--checkout-campaign-container-bg-color);\n}\n@media only screen and (max-width: 1000px) {\n .style-module_Container__-EKYc {\n margin: 0;\n border-radius: 0;\n border: unset;\n border-bottom: 1px solid var(--checkout-border-color);\n }\n}\n@media only screen and (max-width: 1000px) {\n .style-module_Container__-EKYc.style-module_Border__DqZgC {\n border-top: 1px solid var(--checkout-border-color);\n }\n}\n\n.style-module_ActiveOffer__JZyW- {\n position: relative;\n opacity: 1;\n}\n\n.style-module_CountdownContainer__bc-5v {\n display: flex;\n justify-content: center;\n padding: 12px 16px;\n border-radius: 8px 8px 0 0;\n background-color: var(--checkout-campaign-countdown-bg-color);\n}\n@media only screen and (max-width: 1000px) {\n .style-module_CountdownContainer__bc-5v {\n border-radius: 0;\n }\n}\n\n.style-module_CountdownContainerIsLine__YtdAv {\n display: flex;\n justify-content: center;\n padding: 4px 12px;\n border-radius: 8px;\n background-color: var(--checkout-campaign-countdown-bg-color);\n height: 32px;\n}\n\n.style-module_CountdownTextMain__S9Rrn {\n gap: 6px;\n display: flex;\n}\n\n.style-module_CountdownText__Hd-3I {\n color: var(--checkout-campaign-countdown-text-color);\n font-size: 16px;\n font-weight: 500;\n line-height: 24px;\n}\n\n.style-module_CountdownTime__a2aRF {\n color: var(--checkout-campaign-countdown-time-color);\n font-size: 16px;\n font-weight: 700;\n line-height: 24px;\n}\n\n.style-module_ContentContainer__tC3zO {\n padding: 24px;\n width: 100%;\n position: relative;\n}\n\n.style-module_HeaderMain__-tiUy {\n display: flex;\n flex-direction: column;\n margin-bottom: 16px;\n}\n\n.style-module_Header__J2wyt {\n display: flex;\n flex-direction: column;\n}\n\n.style-module_IsLineCountDown__xgFDT {\n display: flex;\n flex-direction: row;\n justify-content: space-between;\n align-items: center;\n}\n.style-module_IsLineCountDown__xgFDT .style-module_Header__J2wyt {\n width: 75%;\n}\n\n@media only screen and (max-width: 1000px) {\n .style-module_IsBigProductImage__YdAgY {\n flex-direction: column;\n justify-content: center;\n text-align: center;\n row-gap: 16px;\n align-items: center;\n }\n}\n\n@media only screen and (max-width: 1000px) {\n .style-module_IsLineProductContainer__3Nkqr {\n flex-direction: column;\n justify-content: center;\n align-items: center;\n width: 256px;\n margin: 0 auto;\n row-gap: 12px;\n }\n}\n\n.style-module_Title__4T394 {\n font-size: 20px;\n color: var(--checkout-campaign-title-color);\n font-weight: 500;\n line-height: 32px;\n}\n@media only screen and (max-width: 1000px) {\n .style-module_Title__4T394 {\n font-size: 18px;\n line-height: 26px;\n }\n}\n\n.style-module_Description__GPKR- {\n color: var(--checkout-campaign-description-color);\n font-size: 16px;\n font-weight: 400;\n line-height: 24px;\n}\n\n.style-module_RejectButton__3SwP8 {\n height: 35px;\n width: 20px;\n display: flex;\n align-items: center;\n justify-content: center;\n right: 16px;\n top: 10px;\n cursor: pointer;\n position: absolute;\n}\n\n.style-module_ProductContainer__9qr9n {\n display: flex;\n}\n\n.style-module_ImageContainer__gxlXU {\n height: 80px;\n width: 80px;\n position: relative;\n background-color: #fff;\n margin-right: 12px;\n border-radius: 8px;\n border: 1px solid var(--checkout-border-color);\n}\n.style-module_ImageContainer__gxlXU svg {\n width: 40px;\n height: 40px;\n}\n\n.style-module_PlaceHolderProductContainer__XVvyr {\n display: flex;\n align-items: center;\n justify-content: center;\n}\n\n.style-module_BigImage__n1DH9 {\n height: 152px;\n width: 152px;\n margin-right: 16px;\n}\n.style-module_BigImage__n1DH9 svg {\n width: 80px;\n height: 80px;\n}\n@media only screen and (max-width: 1000px) {\n .style-module_BigImage__n1DH9 {\n height: 256px;\n width: 256px;\n margin-right: 0;\n }\n}\n\n.style-module_SmallImage__42qY- {\n height: 52px;\n width: 52px;\n}\n\n.style-module_BiggerImage__2M7Dw {\n height: 320px;\n width: 320px;\n}\n\n.style-module_Image__gDla7 {\n width: 100%;\n height: 100%;\n object-fit: cover;\n border-radius: 8px;\n}\n\n.style-module_ProductDetails__a-gJx {\n flex: 1;\n width: 100%;\n position: relative;\n}\n\n.style-module_ProductName__yTmJx {\n margin-bottom: 4px;\n font-size: 16px;\n color: var(--checkout-primary-text-color);\n font-weight: 500;\n line-height: 24px;\n}\n\n.style-module_VariantName__DF1mY {\n margin-bottom: 4px;\n font-size: 14px;\n color: var(--checkout-primary-text-color);\n line-height: 20px;\n}\n\n.style-module_Brand__UxK7C {\n margin-bottom: 2px;\n font-size: 14px;\n color: var(--checkout-primary-text-color);\n line-height: 20px;\n}\n\n.style-module_ProductPriceMain__IJHv- {\n gap: 6px;\n display: flex;\n}\n\n.style-module_ProductPrice__U6Lhy {\n font-size: 16px;\n font-weight: 500;\n color: var(--checkout-primary-text-color);\n line-height: 24px;\n}\n\n.style-module_Discount__tjllJ {\n font-size: 16px;\n font-weight: 400;\n color: var(--checkout-secondary-text-color);\n text-decoration: line-through;\n line-height: 24px;\n}\n\n.style-module_Actions__XZsJD {\n display: flex;\n margin-top: 16px;\n width: 100%;\n}\n\n.style-module_DiscountBadge__deWxZ {\n color: var(--checkout-campaign-discount-percentage-color);\n background-color: var(--checkout-campaign-discount-percentage-bg-color);\n display: flex;\n padding: 4px 8px;\n border-radius: 4px;\n font-size: 14px;\n font-weight: 700;\n line-height: 20px;\n width: max-content;\n margin-bottom: 4px;\n}\n@media only screen and (max-width: 1000px) {\n .style-module_DiscountBadge__deWxZ {\n font-size: 12px;\n }\n}\n\n.style-module_ContentContainerItems__SIB05 {\n position: relative;\n}\n@media only screen and (max-width: 1000px) {\n .style-module_ContentContainerItems__SIB05 {\n padding-bottom: 60px;\n }\n}\n\n.style-module_OfferActionsMain__9axsN {\n display: flex;\n gap: 12px;\n margin-top: 24px;\n}\n\n.style-module_OfferActionsMainMiddlePhase__7VryS {\n display: flex;\n flex-direction: column;\n gap: 12px;\n margin-top: 24px;\n flex-direction: column-reverse;\n position: absolute;\n bottom: 0;\n width: 100%;\n}\n.style-module_OfferActionsMainMiddlePhase__7VryS .style-module_OfferButton__pkhNI div span:nth-child(2) {\n background-color: rgb(255, 255, 255);\n width: 2px;\n height: 2px;\n display: flex;\n}\n.style-module_OfferActionsMainMiddlePhase__7VryS .style-module_OfferButton__pkhNI div {\n display: flex;\n align-items: center;\n gap: 8px;\n font-weight: 500;\n}\n.style-module_OfferActionsMainMiddlePhase__7VryS .style-module_OfferButton__pkhNI div span {\n font-weight: 500;\n}\n\n@media only screen and (max-width: 1000px) {\n .style-module_OfferActionsMainBigImage__qCPQB {\n display: flex;\n flex-direction: column;\n flex-direction: column-reverse;\n }\n}\n\n.style-module_OfferButton__pkhNI {\n font-weight: 500 !important;\n width: 100%;\n height: 52px !important;\n font-size: 16px;\n}\n\n.style-module_ProteinOceanOfferButton__ypr7i {\n font-weight: 600 !important;\n}\n\n.style-module_MobileSmallHeader__zrlIx {\n margin-bottom: 10px;\n}\n.style-module_MobileSmallHeader__zrlIx .style-module_Header__J2wyt .style-module_Title__4T394 {\n font-size: 16px;\n font-weight: 500;\n line-height: 24px;\n}\n\n.style-module_ContentContainerPopup__Pburr {\n padding: 16px;\n padding-bottom: 60px;\n}\n.style-module_ContentContainerPopup__Pburr .style-module_ProductContainer__9qr9n .style-module_ProductDetails__a-gJx {\n position: relative;\n}\n\n.style-module_ContentContainerPopupItems__7Azct {\n padding: 16px;\n}\n.style-module_ContentContainerPopupItems__7Azct .style-module_ProductContainer__9qr9n .style-module_ProductDetails__a-gJx {\n position: relative;\n}\n\n.style-module_PopupOfferButton__-9ljg {\n position: absolute;\n bottom: 0;\n right: 0;\n width: 40%;\n font-size: 12px;\n height: 44px !important;\n}\n\n.style-module_PopupContainer__sL4sY {\n border-bottom: unset;\n}\n.style-module_PopupContainer__sL4sY .style-module_ContentContainer__tC3zO {\n padding-bottom: 16px;\n}\n\n.style-module_PopupContainerDesktop__c13p- {\n border: 1px solid var(--checkout-border-color);\n}");export{e as default};
|
|
@@ -1 +1 @@
|
|
|
1
|
-
import{__awaiter as e,__generator as t}from'./../../ext/tslib/tslib.es6.js';import*as o from"react";import{observer as r}from"mobx-react-lite";import{useRouter as i}from"next/router.js";import n from"react-tooltip";import a,{CheckoutStep as s}from"./model.js";import{IkasStorefrontConfig as l}from"@ikas/storefront-config";import{formatCurrency as c}from"../../utils/currency.js";import{useTranslation as m}from"../../utils/i18n.js";import d from"./steps/step-info/index.js";import{CheckoutStepShipping as p}from"./steps/step-shipping/index.js";import{CheckoutStepPayment as u}from"./steps/step-payment/index.js";import{CouponErrorCode as f,Coupon as g,CartSummary as v}from"./components/cart-summary/index.js";import"../../models/data/blog/category/index.js";import"../../models/data/blog/content/index.js";import"../../models/data/blog/meta-data/index.js";import"../../models/data/blog/tag/index.js";import"../../models/data/blog/index.js";import"../../models/data/brand/index.js";import{IkasThemeJsonPageType as h}from"@ikas/storefront-models";import"mobx";import"../../models/data/campaign-offer/index.js";import"../../models/data/cart/campaign-offer/index.js";import"../../models/data/cart/index.js";import"../../models/data/category/path-item/index.js";import"../../models/data/category/index.js";import"../../models/data/checkout/index.js";import"../../models/data/checkout-settings/index.js";import"../../models/data/city/index.js";import"../../models/data/country/index.js";import"../../models/data/customer/address/region/index.js";import"../../models/data/customer/address/index.js";import"../../models/data/customer/address/ikas-localized-customer-address.js";import"../../models/data/customer/attribute/index.js";import"../../models/data/customer/review/summary/index.js";import"../../models/data/customer/review/index.js";import"../../models/data/customer/index.js";import"../../models/data/customer-form-data-input/index.js";import"../../models/data/district/index.js";import"../../models/data/favorite-product/index.js";import"../../models/data/filter-category/index.js";import"../../models/data/html-meta-data/index.js";import"../../models/data/image/index.js";import"../../models/data/order/address/region/index.js";import"../../models/data/order/address/index.js";import"../../models/data/order/line-item/option/value/index.js";import"../../models/data/order/line-item/variant/value/index.js";import"../../models/data/order/line-item/variant/index.js";import"../../models/data/order/line-item/index.js";import"../../models/data/order/order-transaction-with-prices/index.js";import"../../models/data/order/package/index.js";import"../../models/data/order/transaction/index.js";import"../../models/data/order/index.js";import"../../models/data/payment-gateway/index.js";import"../../models/data/product/attribute-value/index.js";import"../../models/data/product/filter/index.js";import"../../models/data/product/campaign-offer/index.js";import"../../models/data/product/option-set/option/index.js";import"../../models/data/product/option-set/index.js";import"../../models/data/product/stock-location/index.js";import"../../models/data/product/variant/price/index.js";import"../../models/data/product/variant/index.js";import"../../models/data/variant-type/index.js";import"../../models/data/product/index.js";import"../../models/data/raffle/index.js";import"../../models/data/shipping-zone/state/city/district/region/index.js";import"../../models/data/state/index.js";import"../../models/data/storefront-popup/storefront-popup-display-filter/index.js";import"../../models/data/storefront-popup/storefront-popup-display-settings/index.js";import"../../models/data/storefront-popup/storefront-popup-page-filter/index.js";import"../../models/data/storefront-popup/index.js";import"../../models/data/theme-json/index.js";import"../../models/data/theme-json/component/index.js";import"../../models/data/theme-json/custom-data/index.js";import"../../models/data/variant-type/variant-value/index.js";import"@ikas/localized-address";import"../../models/ui/blog-list/index.js";import"../../models/ui/blog-category-list/index.js";import"../../models/ui/brand-list/index.js";import"../../models/ui/category-list/index.js";import"../../models/ui/product-list/index.js";import"../../models/ui/product-attribute-detail/index.js";import"../../models/ui/product-attribute-list/index.js";import"../../models/ui/customer-review-list/index.js";import"../../models/ui/customer-review-summary-list/index.js";import"../../models/ui/validator/index.js";import"../../models/ui/validator/rules/index.js";import"../../models/ui/validator/form/login.js";import"../../models/ui/validator/form/address.js";import"../../models/ui/validator/form/ikas-address.js";import"../../models/ui/validator/form/register.js";import{ContactForm as E}from"../../models/ui/validator/form/contact-form.js";import"../../models/ui/validator/form/forgot-password.js";import"../../models/ui/validator/form/recover-password.js";import"../../models/ui/validator/form/account-info.js";import"../../models/ui/validator/form/raffle-form.js";import"../../models/ui/validator/form/customer-review.js";import"../../models/ui/raffle-list/index.js";import{StepSuccess as y}from"./steps/step-success/index.js";import{Modal as x}from"./components/modal/index.js";import k from"./components/master-pass/modal-otp/index.js";import C from"./components/master-pass/modal-response/index.js";import j from"./components/master-pass/modal-success/index.js";import{Image as P}from"../image/index.js";import N,{Step as O}from"./components/step-container/index.js";import{StockError as b}from"./components/error/stock-error/index.js";import{FullscreenLoading as S}from"./components/fullscreen-loading/index.js";import M from"./components/notification-box/index.js";import{FormItem as F}from"./components/form-item/index.js";import{FormItemType as T}from"./components/form-item/model.js";import{Button as w}from"./components/button/index.js";import{IkasPageHead as I}from"../page/head.js";import A from"./components/offer-product/index.js";import B from"./components/offer-product/placeholder-offer-product.js";import L from"./components/svg/ikas.js";import D from"./style.module.scss.js";import{Analytics as V}from"../../analytics/analytics.js";import"../../analytics/head/index.js";import U from"./components/svg/success-circle.js";import R from"./components/offer-product/offer-dots/index.js";import z from"./components/offer-product/offer-arrows/index.js";import _ from"./components/offer-product/useCampaignOffer.js";import H from"../../hooks/useDimension.js";var G=r((function(e){var t,r,c,d,p,u,f,g=e.checkout,E=e.checkoutSettings,N=e.customizationProps,O=e.returnPolicy,M=e.privacyPolicy,F=e.termsOfService,T=e.imprint,A=e.shippingPolicy,R=m().t,z=i(),H=o.useState(Date.now()),G=H[0],X=H[1],K=o.useState((function(){return new a(g,E,z,O,M,F,T,A,R,N||{})}))[0];o.useEffect((function(){X(Date.now())}),[g.campaignOffers,K.campaignOffers,K.isCampaignOfferLoaded]);var ee=_(K),te=ee.setShowDetailPage,oe=ee.isPopupShowIndexPage,re=ee.isShowSuccessPageMiddlePhase;o.useMemo((function(){return Date.now()}),[]);return K.step,s.PAYMENT,o.useEffect((function(){var e;K.checkoutSettings.isAccountRequired&&!K.checkout.hasCustomer&&z.push("/account/login?redirect="+encodeURIComponent(K.checkoutUrl)),new URLSearchParams(window.location.search).get("step")!==s.SUCCESS&&(K.checkoutSettings.isAccountRequired&&(null===(e=K.checkout.customer)||void 0===e?void 0:e.isGuestCheckout)||V.beginCheckout(K.checkout)),V.pageView(h.CHECKOUT)}),[]),o.useEffect((function(){K.customizationProps=N,function(e){document.documentElement.style.setProperty("--checkout-button-bg-color",(null==e?void 0:e.buttonBgColor)||"#272727"),document.documentElement.style.setProperty("--checkout-button-text-color",(null==e?void 0:e.buttonTextColor)||"#FFFFFF"),document.documentElement.style.setProperty("--checkout-button-disabled-bg-color",(null==e?void 0:e.buttonDisabledBgColor)||"#F7F7F9"),document.documentElement.style.setProperty("--checkout-button-disabled-text-color",(null==e?void 0:e.buttonDisabledTextColor)||"#8A8B94"),document.documentElement.style.setProperty("--checkout-primary-text-color",(null==e?void 0:e.primaryTextColor)||"#272727"),document.documentElement.style.setProperty("--checkout-secondary-text-color",(null==e?void 0:e.secondaryTextColor)||"#8A8B94"),document.documentElement.style.setProperty("--checkout-primary-bg-color",(null==e?void 0:e.primaryBgColor)||"#FFFFFF"),document.documentElement.style.setProperty("--checkout-secondary-bg-color",(null==e?void 0:e.secondaryBgColor)||"#F7F7F9"),document.documentElement.style.setProperty("--checkout-border-color",(null==e?void 0:e.borderColor)||"#E5E4E9"),document.documentElement.style.setProperty("--checkout-card-bg-color",(null==e?void 0:e.cardBgColor)||"#F7F7F9"),document.documentElement.style.setProperty("--checkout-error-color",(null==e?void 0:e.errorColor)||"#FB4E4E"),document.documentElement.style.setProperty("--checkout-error-light-color",(null==e?void 0:e.errorLightColor)||"#FCF3F4"),document.documentElement.style.setProperty("--checkout-warning-color",(null==e?void 0:e.warningColor)||"#FFBC1F"),document.documentElement.style.setProperty("--checkout-warning-light-color",(null==e?void 0:e.warningLightColor)||"#FFFAEE"),document.documentElement.style.setProperty("--checkout-success-color",(null==e?void 0:e.successColor)||"#2DCA73"),document.documentElement.style.setProperty("--checkout-success-light-color",(null==e?void 0:e.successLightColor)||"#F6FFED"),document.documentElement.style.setProperty("--checkout-secondary-button-bg-color",(null==e?void 0:e.secondaryButtonBgColor)||"#ffffff0"),document.documentElement.style.setProperty("--checkout-secondary-button-text-color",(null==e?void 0:e.secondaryButtonTextColor)||"#272727"),document.documentElement.style.setProperty("--checkout-secondary-button-border-color",(null==e?void 0:e.secondaryButtonBorderColor)||"#E5E4E9"),document.documentElement.style.setProperty("--checkout-campaign-title-color",(null==e?void 0:e.campaignOffersTitleColor)||"#272727"),document.documentElement.style.setProperty("--checkout-campaign-description-color",(null==e?void 0:e.campaignOffersDescriptionColor)||"#272727"),document.documentElement.style.setProperty("--checkout-campaign-container-bg-color",(null==e?void 0:e.campaignOffersContainerBgColor)||"#ffffff"),document.documentElement.style.setProperty("--checkout-campaign-discount-percentage-color",(null==e?void 0:e.campaignOffersDiscountPercentageColor)||"#272727"),document.documentElement.style.setProperty("--checkout-campaign-discount-percentage-bg-color",(null==e?void 0:e.campaignOffersDiscountPercentageBgColor)||"#FFF1BD"),document.documentElement.style.setProperty("--checkout-campaign-countdown-text-color",(null==e?void 0:e.campaignOffersCountdownTextColor)||"#272727"),document.documentElement.style.setProperty("--checkout-campaign-countdown-time-color",(null==e?void 0:e.campaignOffersCountdownTimeColor)||"#FB4E4E"),document.documentElement.style.setProperty("--checkout-campaign-countdown-bg-color",(null==e?void 0:e.campaignOffersCountdownBgColor)||"#FFF5F6"),document.documentElement.style.setProperty("--checkout-campaign-middle-phase-overlay-color",(null==e?void 0:e.campaignOffersMiddlePhaseOverlayColor)||"#292727ad")}(N)}),[N]),K.isCheckoutLoaded&&K.store.customerStore.initialized?K.checkout.hasCustomer&&(null===(t=K.store.customerStore.customer)||void 0===t?void 0:t.id)!==(null===(r=K.checkout.customer)||void 0===r?void 0:r.id)?(z.push("/account/login?redirect="+encodeURIComponent(K.checkoutUrl)),null):o.createElement(o.Fragment,null,o.createElement(I,{pageType:h.CHECKOUT,pageTitle:((null===(c=K.merchantSettings)||void 0===c?void 0:c.merchantName)||"")+" - "+R("checkout-page:securePayment"),pageDescription:R("checkout-page:securePayment")}),o.createElement("div",{id:"Checkout",className:D.CheckoutPage},re?o.createElement("div",{className:D.FullPageOfferMain},o.createElement("div",{className:D.FullPageOfferContainer},o.createElement("div",{className:D.LogoMain},(null===(d=K.customizationProps)||void 0===d?void 0:d.logo)?o.createElement("div",{className:D.Logo},o.createElement(P,{layout:"fill",image:K.customizationProps.logo,sizes:"360px"})):(null===(p=K.merchantSettings)||void 0===p?void 0:p.logo)?o.createElement("div",{className:D.Logo},o.createElement(P,{layout:"fill",image:K.merchantSettings.logo,sizes:"360px"})):(null===(u=K.merchantSettings)||void 0===u?void 0:u.merchantName)||""),o.createElement("div",{className:D.OfferSuccessInfo},o.createElement("div",null,o.createElement("div",{className:D.OfferSuccessHeader},o.createElement(U,{className:D.SuccessCircle}),o.createElement("span",{className:D.SuccessTitle},R("checkout-page:orderSuccessShortTitle"))),o.createElement("div",{className:D.OfferOrderInfoMain},o.createElement("div",{className:D.InfoTitle},R("checkout-page:orderNoAndDate"),":"),o.createElement("div",{className:D.InfoText},"#"+(K.checkout.orderNumber||"")," ",K.checkout.dateStr))),o.createElement("div",null,o.createElement(w,{classes:D.OfferButton,isLine:!0,text:R("checkout-page:actions.goOrderDetailPage"),onClick:function(){te(!1)}}))),o.createElement("div",null,o.createElement(Z,{vm:K,key:G})))):null,o.createElement(n,{place:"top",type:"dark",effect:"solid",arrowColor:"transparent",multiline:!0,className:D.ReactTooltipWrap,globalEventOff:"touchstart"}),o.createElement("div",{className:[D.Left].join(" ")},o.createElement("div",{className:D.LeftContent},o.createElement("div",null,o.createElement(W,{vm:K}),K.hasStockError&&o.createElement("div",{className:D.ErrorContainer},o.createElement(b,{vm:K,error:K.error})),!K.hasStockError&&o.createElement(o.Fragment,null,K.step!==s.SUCCESS&&o.createElement(v,{vm:K,allowExpand:!0}),K.step===s.SUCCESS?o.createElement(y,{vm:K}):o.createElement(o.Fragment,null,!!(null===(f=K.customizationProps)||void 0===f?void 0:f.showCampaignOffersDesign)&&l.getIsEditor()&&o.createElement(B,{vm:K}),oe&&o.createElement("div",{className:[D.MiddlePhaseOverlay,oe?D.MiddlePhaseOverlayPopup:""].join(" ")}),K.campaignOffers&&!!K.campaignOffers.length&&K.isCampaignOfferLoaded&&o.createElement($,{key:G,vm:K}),K.isCouponCodeRequirementOpen&&o.createElement(Y,{vm:K}),o.createElement(q,{vm:K}))),o.createElement("div",{className:D.Space})),o.createElement(J,{vm:K}))),o.createElement("div",{className:D.Right},o.createElement("div",{className:D.RightContent},o.createElement(v,{vm:K}),!K.isPoweredByHidden&&o.createElement("div",{className:D.PoweredBy},o.createElement("span",null,"powered by"),o.createElement("a",{href:"https://ikas.com"+("tr"===l.getCurrentLocale()?"/tr":""),target:"_blank"},o.createElement(L,null))))),!!K.policyModalText&&o.createElement(x,{title:K.policyModalTitle,modalContent:K.policyModalText,onClose:function(){K.policyModalText=""},isPolicyModal:!0}),K.isContactModalVisible&&o.createElement(Q,{vm:K,setVisible:K.setContactModalVisible}),K.mpVM.isOtpModalVisible&&o.createElement(k,{vm:K,visible:K.mpVM.isOtpModalVisible,type:K.mpVM.otpModalType,onClose:K.mpVM.hideOtpModal}),K.mpVM.isResponseModalVisible&&o.createElement(C,{visible:K.mpVM.isResponseModalVisible,text:K.mpVM.mfsResponseModalText,onClose:K.mpVM.onResponseModalClose}),K.mpVM.isSuccessModalVisible&&o.createElement(j,{visible:K.mpVM.isSuccessModalVisible,type:K.mpVM.successModalType,onClose:K.mpVM.onSuccessModalClose}))):o.createElement(S,null)})),W=r((function(e){var t,r,i,n,a=e.vm,s=l.getCurrentRouting(),c=(null==s?void 0:s.path)?"/".concat(s.path):"/",d=m().t;return o.createElement("div",{className:D.Header},o.createElement("a",{href:c},(null===(t=a.customizationProps)||void 0===t?void 0:t.logo)?o.createElement("div",{className:D.Logo},o.createElement(P,{layout:"fill",image:a.customizationProps.logo,sizes:"360px"})):(null===(r=a.merchantSettings)||void 0===r?void 0:r.logo)?o.createElement("div",{className:D.Logo},o.createElement(P,{layout:"fill",image:a.merchantSettings.logo,sizes:"360px"})):(null===(i=a.merchantSettings)||void 0===i?void 0:i.merchantName)||""),!a.checkout.hasCustomer&&o.createElement("div",{className:D.LoginText},o.createElement("span",{className:D.LoginCta},d("checkout-page:alreadyHaveAnAccount")),o.createElement("a",{href:a.getGoToLoginHref(),className:D.LoginBtn},d("checkout-page:actions.login"))),a.checkout.hasCustomer&&o.createElement("div",{className:D.CustomerInfo},o.createElement("div",{className:D.Name},a.checkout.customerFullName),o.createElement("div",{className:D.Email},null===(n=a.checkout.customer)||void 0===n?void 0:n.email)))})),Y=r((function(e){var t=e.vm,r=m().t,i=o.useState(!1),n=i[0],a=i[1],s=o.useState(null),l=s[0],c=s[1],d=H().isMobile,p=o.useMemo((function(){switch(l){case f.COUPON_CODE_NOT_EXIST:return r("checkout-page:giftCodeErrorDescription");case f.COUPON_CODE_NOT_EXIST_FOR_GUESS:return r("checkout-page:mustBeSignInToApplyCampaign");case f.COUPON_APPLIED_WITHOUT_DISCOUNT:return r("checkout-page:couponInvalidForCartItems");default:return""}}),[l]);return o.createElement("div",{className:D.CouponContainer},n&&o.createElement("div",{className:D.NotificationContainer},o.createElement(M,{type:"warning",title:r("checkout-page:giftCodeErrorTitle"),content:p,onClose:function(){a(!1),c(null)},ignoreScroll:!0})),o.createElement("div",{style:{marginTop:n?12:0}},o.createElement(g,{vm:t,isOpenCouponCode:!0,isAddingCoupon:!0,setAddingCoupon:function(){},setCouponError:a,setCouponErrorCode:c,showOnlyMobile:!0,isMobile:d})))})),q=r((function(e){var t=e.vm,r=m().t,i=o.useMemo((function(){switch(t.step){case s.INFO:return o.createElement(d,{vm:t});case s.SHIPPING:return o.createElement(p,{vm:t});case s.PAYMENT:return o.createElement(u,{vm:t});case s.SUCCESS:return o.createElement(y,{vm:t})}}),[t,t.step]),n=[new O(r("checkout-page:address"),t.step===s.INFO,t.step!==s.INFO,t.step!==s.INFO?o.createElement("div",{className:D.AdressStepInfo},o.createElement(X,{vm:t}),!(t.isUpsellOrder||t.isOpenEditOrderWithTransaction)&&o.createElement("div",{className:D.EditBtn,onClick:t.onBackToInfoClick},r("checkout-page:actions.edit"))):void 0,t.step!==s.INFO?o.createElement("div",{className:D.AddressStepInfoMobile},o.createElement(X,{vm:t})):void 0),new O(r("checkout-page:payment"),t.step===s.PAYMENT,!1)];return"address"!==t.deliveryMethod||t.isDigitalOnly||n.splice(1,0,new O(r("checkout-page:shipping"),t.step===s.SHIPPING,t.step===s.PAYMENT,t.step===s.PAYMENT?o.createElement("div",{className:D.AdressStepInfo},o.createElement(K,{vm:t}),!(t.isUpsellOrder||t.isOpenEditOrderWithTransaction)&&!t.isManualOrderWithShippingLines&&(t.checkout.availableShippingMethods&&t.checkout.availableShippingMethods.length>1||t.checkoutSettings.isGiftPackageEnabled)&&o.createElement("div",{className:D.EditBtn,onClick:t.onBackToShippingClick},r("checkout-page:actions.edit"))):void 0,t.step===s.PAYMENT?o.createElement("div",{className:D.AddressStepInfoMobile},o.createElement(K,{vm:t})):void 0)),o.createElement(N,{steps:n,stepContent:i})})),X=r((function(e){var t,r,i,n,a,s,l,c,d,p=e.vm,u=m().t,f=p.isDigitalOnly?((null===(t=p.checkout.billingAddress)||void 0===t?void 0:t.firstName)||"")+" "+((null===(r=p.checkout.billingAddress)||void 0===r?void 0:r.lastName)||""):((null===(i=p.checkout.shippingAddress)||void 0===i?void 0:i.firstName)||"")+" "+((null===(n=p.checkout.shippingAddress)||void 0===n?void 0:n.lastName)||"");return o.createElement("div",{className:D.Address},o.createElement("div",{className:[D.Text,D.WithMBottom].join(" ")},(null===(a=p.checkout.customer)||void 0===a?void 0:a.email)||""),"address"===p.deliveryMethod?o.createElement("div",{className:D.Text},f):o.createElement(o.Fragment,null,o.createElement("div",{className:D.Text},u("checkout-page:receiver")),o.createElement("div",{className:[D.Text,D.Gray].join(" ")},f)),o.createElement("div",{className:[D.Text,D.Gray].join(" ")},p.isDigitalOnly?null===(s=p.checkout.billingAddress)||void 0===s?void 0:s.phone:null===(l=p.checkout.shippingAddress)||void 0===l?void 0:l.phone),"in-store"===p.deliveryMethod&&o.createElement(o.Fragment,null,o.createElement("div",{className:[D.Text,D.WithMTop].join(" ")},u("checkout-page:pickUpLocation"))),o.createElement("div",{className:[D.Text,D.Gray].join(" ")},p.isDigitalOnly?null===(c=p.checkout.billingAddress)||void 0===c?void 0:c.addressText:null===(d=p.checkout.shippingAddress)||void 0===d?void 0:d.addressText))})),K=r((function(e){var t=e.vm,r=m().t;return o.createElement("div",{className:D.Address},t.checkout.shippingLines&&t.checkout.shippingLines.length?o.createElement(o.Fragment,null,o.createElement("span",null,t.checkout.shippingLines[0].title),o.createElement("span",{className:D.LightText}," / "+(0===t.checkout.shippingLines[0].finalPrice?r("checkout-page:free"):c(t.checkout.shippingLines[0].finalPrice,t.checkout.currencyCode,t.checkout.currencySymbol)))):r("checkout-page:standartShipping"))})),J=r((function(e){var t=e.vm,r=m().t;return o.createElement("div",{className:D.Footer},o.createElement("div",{className:D.FooterItem,onClick:function(){t.policyModalTitle=r("checkout-page:returnPolicy"),t.policyModalText=t.returnPolicy}},r("checkout-page:returnPolicy")),o.createElement("div",{className:D.FooterBullet},"•"),o.createElement("div",{className:D.FooterItem,onClick:function(){t.policyModalTitle=r("checkout-page:privacyPolicy"),t.policyModalText=t.privacyPolicy}},r("checkout-page:privacyPolicy")),o.createElement("div",{className:D.FooterBullet},"•"),o.createElement("div",{className:D.FooterItem,onClick:function(){t.policyModalTitle=r("checkout-page:termsOfService"),t.policyModalText=t.termsOfService}},r("checkout-page:termsOfService")),t.imprint&&o.createElement(o.Fragment,null,o.createElement("div",{className:D.FooterBullet},"•"),o.createElement("div",{className:D.FooterItem,onClick:function(){t.policyModalTitle=r("checkout-page:imprint"),t.policyModalText=t.imprint}},r("checkout-page:imprint"))),t.shippingPolicy&&o.createElement(o.Fragment,null,o.createElement("div",{className:D.FooterBullet},"•"),o.createElement("div",{className:D.FooterItem,onClick:function(){t.policyModalTitle=r("checkout-page:shippingPolicy"),t.policyModalText=t.shippingPolicy}},r("checkout-page:shippingPolicy"))))})),Q=r((function(r){var i,n,a,s=r.vm,l=r.setVisible,c=m().t,d=o.useState(!1),p=d[0],u=d[1],f=o.useState(!1),g=f[0],v=f[1],h=o.useState(new E({message:{requiredRule:"",emailRule:"",minRule:""}}))[0];h.email=(null===(i=s.checkout.customer)||void 0===i?void 0:i.email)||"",h.firstName=(null===(n=s.checkout.customer)||void 0===n?void 0:n.firstName)||"",h.lastName=(null===(a=s.checkout.customer)||void 0===a?void 0:a.lastName)||"";var y=o.useCallback((function(){return e(void 0,void 0,void 0,(function(){return t(this,(function(e){switch(e.label){case 0:return g?[2,l(!1)]:(u(!0),[4,h.saveContactForm()]);case 1:return e.sent()&&v(!0),u(!1),[2]}}))}))}),[p]);return o.createElement(x,{title:c("checkout-page:contactForm"),modalContent:o.createElement("div",null,g&&o.createElement("div",{style:{marginBottom:"12px",maxWidth:"352px"}},o.createElement(M,{type:"success",title:c("checkout-page:contactFormSent"),content:c("checkout-page:contactFormDescription")})),o.createElement(F,{name:"message",type:T.TEXT_AREA,label:"",value:h.message||"",onChange:h.onMessageChange,textAreaPlaceholder:c("checkout-page:contactFormCta")}),o.createElement(w,{style:{width:"100%",marginTop:"24px"},text:c(g?"checkout-page:actions.close":"checkout-page:actions.sendMessage"),isLoading:p,isDisabled:!h.message,onClick:y})),onClose:function(){return l(!1)}})})),Z=r((function(e){var t=e.vm,r=_(t),i=r.setActiveIndex,n=r.handlePrev,a=r.handleNext,s=r.activeIndex;return t.campaignOffers&&t.campaignOffers.length&&t.isCampaignOfferLoaded?o.createElement("div",{className:D.CampaignOfferMain},o.createElement("div",{className:D.OfferSlider},t.campaignOffers.map((function(e,r){var l;return o.createElement(A,{vm:t,campaignOffer:e,index:r,activeIndex:s,offersLength:(null===(l=t.campaignOffers)||void 0===l?void 0:l.length)||0,handlePrev:n,handleNext:a,setActiveIndex:function(e){return i(e)},desktopMiddlePhase:!0,step:t.step})}))),t.campaignOffers.length>1&&o.createElement(z,{handlePrev:n,handleNext:a}),t.campaignOffers.length>1&&o.createElement(R,{vm:t,activeIndex:s})):null})),$=r((function(e){var t=e.vm,r=_(t),i=r.setActiveIndex,n=r.setIsActiveOverlay,a=r.handlePrev,s=r.handleNext,l=r.isPopupClosedIndexPage,c=r.isPopupShowIndexPage,m=r.activeIndex;return t.campaignOffers&&t.campaignOffers.length&&t.isCampaignOfferLoaded?o.createElement("div",{className:[D.CampaignOfferMain,c?D.OverlayPopupMain:""].join(" ")},o.createElement("div",{className:D.OfferSlider},t.campaignOffers.map((function(e,r){var d;return o.createElement(A,{vm:t,campaignOffer:e,index:r,activeIndex:m,offersLength:(null===(d=t.campaignOffers)||void 0===d?void 0:d.length)||0,handlePrev:a,handleNext:s,setActiveIndex:function(e){return i(e)},step:t.step,isPopupClosed:l,isPopupShow:c,closePopup:function(){return n(!1)},showPopup:function(){return n(!0)}})}))),t.campaignOffers.length>1&&o.createElement(z,{handlePrev:a,handleNext:s}),t.campaignOffers.length>1&&o.createElement(R,{isPopupShow:c,vm:t,activeIndex:m})):null}));export{G as default};
|
|
1
|
+
import{__awaiter as e,__generator as t}from'./../../ext/tslib/tslib.es6.js';import*as o from"react";import{observer as r}from"mobx-react-lite";import{useRouter as i}from"next/router.js";import n from"react-tooltip";import a,{CheckoutStep as s}from"./model.js";import{IkasStorefrontConfig as c}from"@ikas/storefront-config";import{formatCurrency as l}from"../../utils/currency.js";import{useTranslation as m}from"../../utils/i18n.js";import d from"./steps/step-info/index.js";import{CheckoutStepShipping as p}from"./steps/step-shipping/index.js";import{CheckoutStepPayment as u}from"./steps/step-payment/index.js";import{CouponErrorCode as f,Coupon as g,CartSummary as v}from"./components/cart-summary/index.js";import"../../models/data/blog/category/index.js";import"../../models/data/blog/content/index.js";import"../../models/data/blog/meta-data/index.js";import"../../models/data/blog/tag/index.js";import"../../models/data/blog/index.js";import"../../models/data/brand/index.js";import{IkasThemeJsonPageType as h}from"@ikas/storefront-models";import"mobx";import"../../models/data/campaign-offer/index.js";import"../../models/data/cart/campaign-offer/index.js";import"../../models/data/cart/index.js";import"../../models/data/category/path-item/index.js";import"../../models/data/category/index.js";import"../../models/data/checkout/index.js";import"../../models/data/checkout-settings/index.js";import"../../models/data/city/index.js";import"../../models/data/country/index.js";import"../../models/data/customer/address/region/index.js";import"../../models/data/customer/address/index.js";import"../../models/data/customer/address/ikas-localized-customer-address.js";import"../../models/data/customer/attribute/index.js";import"../../models/data/customer/review/summary/index.js";import"../../models/data/customer/review/index.js";import"../../models/data/customer/index.js";import"../../models/data/customer-form-data-input/index.js";import"../../models/data/district/index.js";import"../../models/data/favorite-product/index.js";import"../../models/data/filter-category/index.js";import"../../models/data/html-meta-data/index.js";import"../../models/data/image/index.js";import"../../models/data/order/address/region/index.js";import"../../models/data/order/address/index.js";import"../../models/data/order/line-item/option/value/index.js";import"../../models/data/order/line-item/variant/value/index.js";import"../../models/data/order/line-item/variant/index.js";import"../../models/data/order/line-item/index.js";import"../../models/data/order/order-transaction-with-prices/index.js";import"../../models/data/order/package/index.js";import"../../models/data/order/transaction/index.js";import"../../models/data/order/index.js";import"../../models/data/payment-gateway/index.js";import"../../models/data/product/attribute-value/index.js";import"../../models/data/product/filter/index.js";import"../../models/data/product/campaign-offer/index.js";import"../../models/data/product/option-set/option/index.js";import"../../models/data/product/option-set/index.js";import"../../models/data/product/stock-location/index.js";import"../../models/data/product/variant/price/index.js";import"../../models/data/product/variant/index.js";import"../../models/data/variant-type/index.js";import"../../models/data/product/index.js";import"../../models/data/raffle/index.js";import"../../models/data/shipping-zone/state/city/district/region/index.js";import"../../models/data/state/index.js";import"../../models/data/storefront-popup/storefront-popup-display-filter/index.js";import"../../models/data/storefront-popup/storefront-popup-display-settings/index.js";import"../../models/data/storefront-popup/storefront-popup-page-filter/index.js";import"../../models/data/storefront-popup/index.js";import"../../models/data/theme-json/index.js";import"../../models/data/theme-json/component/index.js";import"../../models/data/theme-json/custom-data/index.js";import"../../models/data/variant-type/variant-value/index.js";import"@ikas/localized-address";import"../../models/ui/blog-list/index.js";import"../../models/ui/blog-category-list/index.js";import"../../models/ui/brand-list/index.js";import"../../models/ui/category-list/index.js";import"../../models/ui/product-list/index.js";import"../../models/ui/product-attribute-detail/index.js";import"../../models/ui/product-attribute-list/index.js";import"../../models/ui/customer-review-list/index.js";import"../../models/ui/customer-review-summary-list/index.js";import"../../models/ui/validator/index.js";import"../../models/ui/validator/rules/index.js";import"../../models/ui/validator/form/login.js";import"../../models/ui/validator/form/address.js";import"../../models/ui/validator/form/ikas-address.js";import"../../models/ui/validator/form/register.js";import{ContactForm as E}from"../../models/ui/validator/form/contact-form.js";import"../../models/ui/validator/form/forgot-password.js";import"../../models/ui/validator/form/recover-password.js";import"../../models/ui/validator/form/account-info.js";import"../../models/ui/validator/form/raffle-form.js";import"../../models/ui/validator/form/customer-review.js";import"../../models/ui/raffle-list/index.js";import{StepSuccess as y}from"./steps/step-success/index.js";import{Modal as x}from"./components/modal/index.js";import k from"./components/master-pass/modal-otp/index.js";import C from"./components/master-pass/modal-response/index.js";import j from"./components/master-pass/modal-success/index.js";import{Image as P}from"../image/index.js";import N,{Step as O}from"./components/step-container/index.js";import{StockError as b}from"./components/error/stock-error/index.js";import{FullscreenLoading as S}from"./components/fullscreen-loading/index.js";import M from"./components/notification-box/index.js";import{FormItem as F}from"./components/form-item/index.js";import{FormItemType as T}from"./components/form-item/model.js";import{Button as w}from"./components/button/index.js";import{IkasPageHead as I}from"../page/head.js";import A from"./components/offer-product/index.js";import B from"./components/offer-product/placeholder-offer-product.js";import L from"./components/svg/ikas.js";import D from"./style.module.scss.js";import{Analytics as V}from"../../analytics/analytics.js";import"../../analytics/head/index.js";import U from"./components/svg/success-circle.js";import R from"./components/offer-product/offer-dots/index.js";import z from"./components/offer-product/offer-arrows/index.js";import _ from"./components/offer-product/useCampaignOffer.js";import H from"../../hooks/useDimension.js";var W=r((function(e){var t,r,l,d,p,u,f,g=e.checkout,E=e.checkoutSettings,N=e.customizationProps,O=e.returnPolicy,M=e.privacyPolicy,F=e.termsOfService,T=e.imprint,A=e.shippingPolicy,R=m().t,z=i(),H=o.useState(Date.now()),W=H[0],X=H[1],K=o.useState((function(){return new a(g,E,z,O,M,F,T,A,R,N||{})}))[0];o.useEffect((function(){X(Date.now())}),[g.campaignOffers,K.campaignOffers,K.isCampaignOfferLoaded]);var ee=_(K),te=ee.setShowDetailPage,oe=ee.isPopupShowIndexPage,re=ee.isShowSuccessPageMiddlePhase;o.useMemo((function(){return Date.now()}),[]);return K.step,s.PAYMENT,o.useEffect((function(){var e;K.checkoutSettings.isAccountRequired&&!K.checkout.hasCustomer&&z.push("/account/login?redirect="+encodeURIComponent(K.checkoutUrl)),new URLSearchParams(window.location.search).get("step")!==s.SUCCESS&&(K.checkoutSettings.isAccountRequired&&(null===(e=K.checkout.customer)||void 0===e?void 0:e.isGuestCheckout)||V.beginCheckout(K.checkout)),V.pageView(h.CHECKOUT)}),[]),o.useEffect((function(){K.customizationProps=N,function(e){document.documentElement.style.setProperty("--checkout-button-bg-color",(null==e?void 0:e.buttonBgColor)||"#272727"),document.documentElement.style.setProperty("--checkout-button-text-color",(null==e?void 0:e.buttonTextColor)||"#FFFFFF"),document.documentElement.style.setProperty("--checkout-button-disabled-bg-color",(null==e?void 0:e.buttonDisabledBgColor)||"#F7F7F9"),document.documentElement.style.setProperty("--checkout-button-disabled-text-color",(null==e?void 0:e.buttonDisabledTextColor)||"#8A8B94"),document.documentElement.style.setProperty("--checkout-primary-text-color",(null==e?void 0:e.primaryTextColor)||"#272727"),document.documentElement.style.setProperty("--checkout-secondary-text-color",(null==e?void 0:e.secondaryTextColor)||"#8A8B94"),document.documentElement.style.setProperty("--checkout-primary-bg-color",(null==e?void 0:e.primaryBgColor)||"#FFFFFF"),document.documentElement.style.setProperty("--checkout-secondary-bg-color",(null==e?void 0:e.secondaryBgColor)||"#F7F7F9"),document.documentElement.style.setProperty("--checkout-border-color",(null==e?void 0:e.borderColor)||"#E5E4E9"),document.documentElement.style.setProperty("--checkout-card-bg-color",(null==e?void 0:e.cardBgColor)||"#F7F7F9"),document.documentElement.style.setProperty("--checkout-error-color",(null==e?void 0:e.errorColor)||"#FB4E4E"),document.documentElement.style.setProperty("--checkout-error-light-color",(null==e?void 0:e.errorLightColor)||"#FCF3F4"),document.documentElement.style.setProperty("--checkout-warning-color",(null==e?void 0:e.warningColor)||"#FFBC1F"),document.documentElement.style.setProperty("--checkout-warning-light-color",(null==e?void 0:e.warningLightColor)||"#FFFAEE"),document.documentElement.style.setProperty("--checkout-success-color",(null==e?void 0:e.successColor)||"#2DCA73"),document.documentElement.style.setProperty("--checkout-success-light-color",(null==e?void 0:e.successLightColor)||"#F6FFED"),document.documentElement.style.setProperty("--checkout-secondary-button-bg-color",(null==e?void 0:e.secondaryButtonBgColor)||"#ffffff0"),document.documentElement.style.setProperty("--checkout-secondary-button-text-color",(null==e?void 0:e.secondaryButtonTextColor)||"#272727"),document.documentElement.style.setProperty("--checkout-secondary-button-border-color",(null==e?void 0:e.secondaryButtonBorderColor)||"#E5E4E9"),document.documentElement.style.setProperty("--checkout-campaign-title-color",(null==e?void 0:e.campaignOffersTitleColor)||"#272727"),document.documentElement.style.setProperty("--checkout-campaign-description-color",(null==e?void 0:e.campaignOffersDescriptionColor)||"#272727"),document.documentElement.style.setProperty("--checkout-campaign-container-bg-color",(null==e?void 0:e.campaignOffersContainerBgColor)||"#ffffff"),document.documentElement.style.setProperty("--checkout-campaign-discount-percentage-color",(null==e?void 0:e.campaignOffersDiscountPercentageColor)||"#272727"),document.documentElement.style.setProperty("--checkout-campaign-discount-percentage-bg-color",(null==e?void 0:e.campaignOffersDiscountPercentageBgColor)||"#FFF1BD"),document.documentElement.style.setProperty("--checkout-campaign-countdown-text-color",(null==e?void 0:e.campaignOffersCountdownTextColor)||"#272727"),document.documentElement.style.setProperty("--checkout-campaign-countdown-time-color",(null==e?void 0:e.campaignOffersCountdownTimeColor)||"#FB4E4E"),document.documentElement.style.setProperty("--checkout-campaign-countdown-bg-color",(null==e?void 0:e.campaignOffersCountdownBgColor)||"#FFF5F6"),document.documentElement.style.setProperty("--checkout-campaign-middle-phase-overlay-color",(null==e?void 0:e.campaignOffersMiddlePhaseOverlayColor)||"#292727ad")}(N)}),[N]),K.isCheckoutLoaded&&K.store.customerStore.initialized?K.checkout.hasCustomer&&(null===(t=K.store.customerStore.customer)||void 0===t?void 0:t.id)!==(null===(r=K.checkout.customer)||void 0===r?void 0:r.id)?(z.push("/account/login?redirect="+encodeURIComponent(K.checkoutUrl)),null):o.createElement(o.Fragment,null,o.createElement(I,{pageType:h.CHECKOUT,pageTitle:((null===(l=K.merchantSettings)||void 0===l?void 0:l.merchantName)||"")+" - "+R("checkout-page:securePayment"),pageDescription:R("checkout-page:securePayment")}),o.createElement("div",{id:"Checkout",className:D.CheckoutPage},re?o.createElement("div",{className:D.FullPageOfferMain},o.createElement("div",{className:D.FullPageOfferContainer},o.createElement("div",{className:D.LogoMain},(null===(d=K.customizationProps)||void 0===d?void 0:d.logo)?o.createElement("div",{className:D.Logo},o.createElement(P,{layout:"fill",image:K.customizationProps.logo,sizes:"360px"})):(null===(p=K.merchantSettings)||void 0===p?void 0:p.logo)?o.createElement("div",{className:D.Logo},o.createElement(P,{layout:"fill",image:K.merchantSettings.logo,sizes:"360px"})):(null===(u=K.merchantSettings)||void 0===u?void 0:u.merchantName)||""),o.createElement("div",{className:D.OfferSuccessInfo},o.createElement("div",null,o.createElement("div",{className:D.OfferSuccessHeader},o.createElement(U,{className:D.SuccessCircle}),o.createElement("span",{className:D.SuccessTitle},R("checkout-page:orderSuccessShortTitle"))),o.createElement("div",{className:D.OfferOrderInfoMain},o.createElement("div",{className:D.InfoTitle},R("checkout-page:orderNoAndDate"),":"),o.createElement("div",{className:D.InfoText},"#"+(K.checkout.orderNumber||"")," ",K.checkout.dateStr))),o.createElement("div",null,o.createElement(w,{classes:D.OfferButton,isLine:!0,text:R("checkout-page:actions.goOrderDetailPage"),onClick:function(){te(!1)}}))),o.createElement("div",null,o.createElement(Z,{vm:K,key:W})))):null,o.createElement(n,{place:"top",type:"dark",effect:"solid",arrowColor:"transparent",multiline:!0,className:D.ReactTooltipWrap,globalEventOff:"touchstart"}),o.createElement("div",{className:[D.Left].join(" ")},o.createElement("div",{className:D.LeftContent},o.createElement("div",null,o.createElement(G,{vm:K}),K.hasStockError&&o.createElement("div",{className:D.ErrorContainer},o.createElement(b,{vm:K,error:K.error})),!K.hasStockError&&o.createElement(o.Fragment,null,K.step!==s.SUCCESS&&o.createElement(v,{vm:K,allowExpand:!0}),K.step===s.SUCCESS?o.createElement(y,{vm:K}):o.createElement(o.Fragment,null,!!(null===(f=K.customizationProps)||void 0===f?void 0:f.showCampaignOffersDesign)&&c.getIsEditor()&&o.createElement(B,{vm:K}),oe&&o.createElement("div",{className:[D.MiddlePhaseOverlay,oe?D.MiddlePhaseOverlayPopup:""].join(" ")}),K.campaignOffers&&!!K.campaignOffers.length&&K.isCampaignOfferLoaded&&o.createElement($,{key:W,vm:K}),K.isCouponCodeRequirementOpen&&o.createElement(Y,{vm:K}),o.createElement(q,{vm:K}))),o.createElement("div",{className:D.Space})),o.createElement(J,{vm:K}))),o.createElement("div",{className:D.Right},o.createElement("div",{className:D.RightContent},o.createElement(v,{vm:K}),!K.isPoweredByHidden&&o.createElement("div",{className:D.PoweredBy},o.createElement("span",null,"powered by"),o.createElement("a",{href:"https://ikas.com"+("tr"===c.getCurrentLocale()?"/tr":""),target:"_blank"},o.createElement(L,null))))),!!K.policyModalText&&o.createElement(x,{title:K.policyModalTitle,modalContent:K.policyModalText,onClose:function(){K.policyModalText=""},isPolicyModal:!0}),K.isContactModalVisible&&o.createElement(Q,{vm:K,setVisible:K.setContactModalVisible}),K.mpVM.isOtpModalVisible&&o.createElement(k,{vm:K,visible:K.mpVM.isOtpModalVisible,type:K.mpVM.otpModalType,onClose:K.mpVM.hideOtpModal}),K.mpVM.isResponseModalVisible&&o.createElement(C,{visible:K.mpVM.isResponseModalVisible,text:K.mpVM.mfsResponseModalText,onClose:K.mpVM.onResponseModalClose}),K.mpVM.isSuccessModalVisible&&o.createElement(j,{visible:K.mpVM.isSuccessModalVisible,type:K.mpVM.successModalType,onClose:K.mpVM.onSuccessModalClose}))):o.createElement(S,null)})),G=r((function(e){var t,r,i,n,a=e.vm,s=c.getCurrentRouting(),l=(null==s?void 0:s.path)?"/".concat(s.path):"/",d=m().t;return o.createElement("div",{className:D.Header},o.createElement("a",{href:l},(null===(t=a.customizationProps)||void 0===t?void 0:t.logo)?o.createElement("div",{className:D.Logo},o.createElement(P,{layout:"fill",image:a.customizationProps.logo,sizes:"360px"})):(null===(r=a.merchantSettings)||void 0===r?void 0:r.logo)?o.createElement("div",{className:D.Logo},o.createElement(P,{layout:"fill",image:a.merchantSettings.logo,sizes:"360px"})):(null===(i=a.merchantSettings)||void 0===i?void 0:i.merchantName)||""),!a.checkout.hasCustomer&&!a.isOpenEditOrderWithTransaction&&!a.checkout.edited&&o.createElement("div",{className:D.LoginText},o.createElement("span",{className:D.LoginCta},d("checkout-page:alreadyHaveAnAccount")),o.createElement("a",{href:a.getGoToLoginHref(),className:D.LoginBtn},d("checkout-page:actions.login"))),(a.checkout.hasCustomer||a.isOpenEditOrderWithTransaction||a.checkout.edited)&&o.createElement("div",{className:D.CustomerInfo},o.createElement("div",{className:D.Name},a.checkout.customerFullName),o.createElement("div",{className:D.Email},null===(n=a.checkout.customer)||void 0===n?void 0:n.email)))})),Y=r((function(e){var t=e.vm,r=m().t,i=o.useState(!1),n=i[0],a=i[1],s=o.useState(null),c=s[0],l=s[1],d=H().isMobile,p=o.useMemo((function(){switch(c){case f.COUPON_CODE_NOT_EXIST:return r("checkout-page:giftCodeErrorDescription");case f.COUPON_CODE_NOT_EXIST_FOR_GUESS:return r("checkout-page:mustBeSignInToApplyCampaign");case f.COUPON_APPLIED_WITHOUT_DISCOUNT:return r("checkout-page:couponInvalidForCartItems");default:return""}}),[c]);return o.createElement("div",{className:D.CouponContainer},n&&o.createElement("div",{className:D.NotificationContainer},o.createElement(M,{type:"warning",title:r("checkout-page:giftCodeErrorTitle"),content:p,onClose:function(){a(!1),l(null)},ignoreScroll:!0})),o.createElement("div",{style:{marginTop:n?12:0}},o.createElement(g,{vm:t,isOpenCouponCode:!0,isAddingCoupon:!0,setAddingCoupon:function(){},setCouponError:a,setCouponErrorCode:l,showOnlyMobile:!0,isMobile:d})))})),q=r((function(e){var t=e.vm,r=m().t,i=o.useMemo((function(){switch(t.step){case s.INFO:return o.createElement(d,{vm:t});case s.SHIPPING:return o.createElement(p,{vm:t});case s.PAYMENT:return o.createElement(u,{vm:t});case s.SUCCESS:return o.createElement(y,{vm:t})}}),[t,t.step]),n=[new O(r("checkout-page:address"),t.step===s.INFO,t.step!==s.INFO,t.step!==s.INFO?o.createElement("div",{className:D.AdressStepInfo},o.createElement(X,{vm:t}),!(t.isUpsellOrder||t.isOpenEditOrderWithTransaction)&&o.createElement("div",{className:D.EditBtn,onClick:t.onBackToInfoClick},r("checkout-page:actions.edit"))):void 0,t.step!==s.INFO?o.createElement("div",{className:D.AddressStepInfoMobile},o.createElement(X,{vm:t})):void 0),new O(r("checkout-page:payment"),t.step===s.PAYMENT,!1)];return"address"!==t.deliveryMethod||t.isDigitalOnly||n.splice(1,0,new O(r("checkout-page:shipping"),t.step===s.SHIPPING,t.step===s.PAYMENT,t.step===s.PAYMENT?o.createElement("div",{className:D.AdressStepInfo},o.createElement(K,{vm:t}),!(t.isUpsellOrder||t.isOpenEditOrderWithTransaction)&&!t.isManualOrderWithShippingLines&&(t.checkout.availableShippingMethods&&t.checkout.availableShippingMethods.length>1||t.checkoutSettings.isGiftPackageEnabled)&&o.createElement("div",{className:D.EditBtn,onClick:t.onBackToShippingClick},r("checkout-page:actions.edit"))):void 0,t.step===s.PAYMENT?o.createElement("div",{className:D.AddressStepInfoMobile},o.createElement(K,{vm:t})):void 0)),o.createElement(N,{steps:n,stepContent:i})})),X=r((function(e){var t,r,i,n,a,s,c,l,d,p=e.vm,u=m().t,f=p.isDigitalOnly?((null===(t=p.checkout.billingAddress)||void 0===t?void 0:t.firstName)||"")+" "+((null===(r=p.checkout.billingAddress)||void 0===r?void 0:r.lastName)||""):((null===(i=p.checkout.shippingAddress)||void 0===i?void 0:i.firstName)||"")+" "+((null===(n=p.checkout.shippingAddress)||void 0===n?void 0:n.lastName)||"");return o.createElement("div",{className:D.Address},o.createElement("div",{className:[D.Text,D.WithMBottom].join(" ")},(null===(a=p.checkout.customer)||void 0===a?void 0:a.email)||""),"address"===p.deliveryMethod?o.createElement("div",{className:D.Text},f):o.createElement(o.Fragment,null,o.createElement("div",{className:D.Text},u("checkout-page:receiver")),o.createElement("div",{className:[D.Text,D.Gray].join(" ")},f)),o.createElement("div",{className:[D.Text,D.Gray].join(" ")},p.isDigitalOnly?null===(s=p.checkout.billingAddress)||void 0===s?void 0:s.phone:null===(c=p.checkout.shippingAddress)||void 0===c?void 0:c.phone),"in-store"===p.deliveryMethod&&o.createElement(o.Fragment,null,o.createElement("div",{className:[D.Text,D.WithMTop].join(" ")},u("checkout-page:pickUpLocation"))),o.createElement("div",{className:[D.Text,D.Gray].join(" ")},p.isDigitalOnly?null===(l=p.checkout.billingAddress)||void 0===l?void 0:l.addressText:null===(d=p.checkout.shippingAddress)||void 0===d?void 0:d.addressText))})),K=r((function(e){var t=e.vm,r=m().t;return o.createElement("div",{className:D.Address},t.checkout.shippingLines&&t.checkout.shippingLines.length?o.createElement(o.Fragment,null,o.createElement("span",null,t.checkout.shippingLines[0].title),o.createElement("span",{className:D.LightText}," / "+(0===t.checkout.shippingLines[0].finalPrice?r("checkout-page:free"):l(t.checkout.shippingLines[0].finalPrice,t.checkout.currencyCode,t.checkout.currencySymbol)))):r("checkout-page:standartShipping"))})),J=r((function(e){var t=e.vm,r=m().t;return o.createElement("div",{className:D.Footer},o.createElement("div",{className:D.FooterItem,onClick:function(){t.policyModalTitle=r("checkout-page:returnPolicy"),t.policyModalText=t.returnPolicy}},r("checkout-page:returnPolicy")),o.createElement("div",{className:D.FooterBullet},"•"),o.createElement("div",{className:D.FooterItem,onClick:function(){t.policyModalTitle=r("checkout-page:privacyPolicy"),t.policyModalText=t.privacyPolicy}},r("checkout-page:privacyPolicy")),o.createElement("div",{className:D.FooterBullet},"•"),o.createElement("div",{className:D.FooterItem,onClick:function(){t.policyModalTitle=r("checkout-page:termsOfService"),t.policyModalText=t.termsOfService}},r("checkout-page:termsOfService")),t.imprint&&o.createElement(o.Fragment,null,o.createElement("div",{className:D.FooterBullet},"•"),o.createElement("div",{className:D.FooterItem,onClick:function(){t.policyModalTitle=r("checkout-page:imprint"),t.policyModalText=t.imprint}},r("checkout-page:imprint"))),t.shippingPolicy&&o.createElement(o.Fragment,null,o.createElement("div",{className:D.FooterBullet},"•"),o.createElement("div",{className:D.FooterItem,onClick:function(){t.policyModalTitle=r("checkout-page:shippingPolicy"),t.policyModalText=t.shippingPolicy}},r("checkout-page:shippingPolicy"))))})),Q=r((function(r){var i,n,a,s=r.vm,c=r.setVisible,l=m().t,d=o.useState(!1),p=d[0],u=d[1],f=o.useState(!1),g=f[0],v=f[1],h=o.useState(new E({message:{requiredRule:"",emailRule:"",minRule:""}}))[0];h.email=(null===(i=s.checkout.customer)||void 0===i?void 0:i.email)||"",h.firstName=(null===(n=s.checkout.customer)||void 0===n?void 0:n.firstName)||"",h.lastName=(null===(a=s.checkout.customer)||void 0===a?void 0:a.lastName)||"";var y=o.useCallback((function(){return e(void 0,void 0,void 0,(function(){return t(this,(function(e){switch(e.label){case 0:return g?[2,c(!1)]:(u(!0),[4,h.saveContactForm()]);case 1:return e.sent()&&v(!0),u(!1),[2]}}))}))}),[p]);return o.createElement(x,{title:l("checkout-page:contactForm"),modalContent:o.createElement("div",null,g&&o.createElement("div",{style:{marginBottom:"12px",maxWidth:"352px"}},o.createElement(M,{type:"success",title:l("checkout-page:contactFormSent"),content:l("checkout-page:contactFormDescription")})),o.createElement(F,{name:"message",type:T.TEXT_AREA,label:"",value:h.message||"",onChange:h.onMessageChange,textAreaPlaceholder:l("checkout-page:contactFormCta")}),o.createElement(w,{style:{width:"100%",marginTop:"24px"},text:l(g?"checkout-page:actions.close":"checkout-page:actions.sendMessage"),isLoading:p,isDisabled:!h.message,onClick:y})),onClose:function(){return c(!1)}})})),Z=r((function(e){var t=e.vm,r=_(t),i=r.setActiveIndex,n=r.handlePrev,a=r.handleNext,s=r.activeIndex;return t.campaignOffers&&t.campaignOffers.length&&t.isCampaignOfferLoaded?o.createElement("div",{className:D.CampaignOfferMain},o.createElement("div",{className:D.OfferSlider},t.campaignOffers.map((function(e,r){var c;return o.createElement(A,{vm:t,campaignOffer:e,index:r,activeIndex:s,offersLength:(null===(c=t.campaignOffers)||void 0===c?void 0:c.length)||0,handlePrev:n,handleNext:a,setActiveIndex:function(e){return i(e)},desktopMiddlePhase:!0,step:t.step})}))),t.campaignOffers.length>1&&o.createElement(z,{handlePrev:n,handleNext:a}),t.campaignOffers.length>1&&o.createElement(R,{vm:t,activeIndex:s})):null})),$=r((function(e){var t=e.vm,r=_(t),i=r.setActiveIndex,n=r.setIsActiveOverlay,a=r.handlePrev,s=r.handleNext,c=r.isPopupClosedIndexPage,l=r.isPopupShowIndexPage,m=r.activeIndex;return t.campaignOffers&&t.campaignOffers.length&&t.isCampaignOfferLoaded?o.createElement("div",{className:[D.CampaignOfferMain,l?D.OverlayPopupMain:""].join(" ")},o.createElement("div",{className:D.OfferSlider},t.campaignOffers.map((function(e,r){var d;return o.createElement(A,{vm:t,campaignOffer:e,index:r,activeIndex:m,offersLength:(null===(d=t.campaignOffers)||void 0===d?void 0:d.length)||0,handlePrev:a,handleNext:s,setActiveIndex:function(e){return i(e)},step:t.step,isPopupClosed:c,isPopupShow:l,closePopup:function(){return n(!1)},showPopup:function(){return n(!0)}})}))),t.campaignOffers.length>1&&o.createElement(z,{handlePrev:a,handleNext:s}),t.campaignOffers.length>1&&o.createElement(R,{isPopupShow:l,vm:t,activeIndex:m})):null}));export{W as default};
|
|
@@ -75,10 +75,13 @@ export default class CheckoutViewModel {
|
|
|
75
75
|
mpVM: MasterPassModel;
|
|
76
76
|
showTestModal: boolean;
|
|
77
77
|
openEditOrderTransaction?: IkasOrderTransactionWithPrices | null;
|
|
78
|
+
private previousRawValue;
|
|
79
|
+
private previousBin;
|
|
78
80
|
t: TFunction;
|
|
79
81
|
constructor(checkout: IkasCheckout, checkoutSettings: IkasCheckoutSettings, router: NextRouter, returnPolicy: string, privacyPolicy: string, termsOfService: string, imprint: string, shippingPolicy: string, t: TFunction, customizationProps: IkasCheckoutCustomizationProps);
|
|
80
82
|
init: () => Promise<void>;
|
|
81
83
|
initStep: () => Promise<void>;
|
|
84
|
+
getOpenEditOrderTransaction: () => Promise<void>;
|
|
82
85
|
getSuccessTransaction: () => Promise<void>;
|
|
83
86
|
get merchantSettings(): IkasMerchantSettings;
|
|
84
87
|
get selectedPaymentGatewayIndex(): number;
|