@ikas/storefront 4.15.0-beta.10 → 4.15.0-beta.11
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/button/style.module.scss.js +1 -1
- package/build/components/checkout/index.d.ts +3 -0
- package/build/components/checkout/index.js +1 -1
- package/build/components/checkout/style.module.scss.js +1 -1
- package/build/models/data/theme-json/index.js +1 -1
- package/build/pages/checkout.js +1 -1
- package/package.json +11 -11
|
@@ -1 +1 @@
|
|
|
1
|
-
import e from'./../../../../ext/style-inject/dist/style-inject.es.js';var t={Button:"style-module_Button__6nJbC",Large:"style-module_Large__hkKzC",Medium:"style-module_Medium__mIppZ",Dark:"style-module_Dark__wBpK-",Disabled:"style-module_Disabled__q1oR3",FullWidthMobile:"style-module_FullWidthMobile__u3WzK",Line:"style-module_Line__CskG8",loader:"style-module_loader__0mmjk",load8:"style-module_load8__RHKLN"};e(".style-module_Button__6nJbC {\n cursor: pointer;\n user-select: none;\n border: 1px transparent solid;\n border-radius: 8px;\n font-weight: 600 !important;\n text-align: center;\n position: relative;\n transition: all 0.2s;\n display: flex;\n justify-content: center;\n align-items: center;\n}\n.style-module_Button__6nJbC:focus {\n outline: 0;\n}\n.style-module_Button__6nJbC.style-module_Large__hkKzC {\n height: 56px;\n padding: 0 24px;\n}\n.style-module_Button__6nJbC.style-module_Medium__mIppZ {\n height: 48px;\n padding: 0 16px;\n}\n.style-module_Button__6nJbC.style-module_Dark__wBpK- {\n background-color: var(--checkout-button-bg-color);\n color: var(--checkout-button-text-color);\n}\n.style-module_Button__6nJbC.style-module_Disabled__q1oR3 {\n background-color: var(--checkout-button-disabled-bg-color);\n color: var(--checkout-button-disabled-text-color);\n pointer-events: none;\n}\n@media only screen and (max-width: 1000px) {\n .style-module_Button__6nJbC.style-module_FullWidthMobile__u3WzK {\n width: 100%;\n }\n}\n.style-module_Button__6nJbC.style-module_Line__CskG8 {\n background-color:
|
|
1
|
+
import e from'./../../../../ext/style-inject/dist/style-inject.es.js';var t={Button:"style-module_Button__6nJbC",Large:"style-module_Large__hkKzC",Medium:"style-module_Medium__mIppZ",Dark:"style-module_Dark__wBpK-",Disabled:"style-module_Disabled__q1oR3",FullWidthMobile:"style-module_FullWidthMobile__u3WzK",Line:"style-module_Line__CskG8",loader:"style-module_loader__0mmjk",load8:"style-module_load8__RHKLN"};e(".style-module_Button__6nJbC {\n cursor: pointer;\n user-select: none;\n border: 1px transparent solid;\n border-radius: 8px;\n font-weight: 600 !important;\n text-align: center;\n position: relative;\n transition: all 0.2s;\n display: flex;\n justify-content: center;\n align-items: center;\n}\n.style-module_Button__6nJbC:focus {\n outline: 0;\n}\n.style-module_Button__6nJbC.style-module_Large__hkKzC {\n height: 56px;\n padding: 0 24px;\n}\n.style-module_Button__6nJbC.style-module_Medium__mIppZ {\n height: 48px;\n padding: 0 16px;\n}\n.style-module_Button__6nJbC.style-module_Dark__wBpK- {\n background-color: var(--checkout-button-bg-color);\n color: var(--checkout-button-text-color);\n}\n.style-module_Button__6nJbC.style-module_Disabled__q1oR3 {\n background-color: var(--checkout-button-disabled-bg-color);\n color: var(--checkout-button-disabled-text-color);\n pointer-events: none;\n}\n@media only screen and (max-width: 1000px) {\n .style-module_Button__6nJbC.style-module_FullWidthMobile__u3WzK {\n width: 100%;\n }\n}\n.style-module_Button__6nJbC.style-module_Line__CskG8 {\n background-color: var(--checkout-secondary-button-bg-color);\n border-color: var(--checkout-secondary-button-border-color);\n color: var(--checkout-secondary-button-text-color);\n}\n.style-module_Button__6nJbC.style-module_Line__CskG8 .style-module_loader__0mmjk {\n border-left: 0.5em solid var(--checkout-button-bg-color);\n}\n.style-module_Button__6nJbC .style-module_loader__0mmjk,\n.style-module_Button__6nJbC .style-module_loader__0mmjk:after {\n border-radius: 50%;\n width: 5em;\n height: 5em;\n}\n.style-module_Button__6nJbC .style-module_loader__0mmjk {\n font-size: 6px;\n position: relative;\n text-indent: -9999em;\n border-top: 0.5em solid rgba(255, 255, 255, 0.2);\n border-right: 0.5em solid rgba(255, 255, 255, 0.2);\n border-bottom: 0.5em solid rgba(255, 255, 255, 0.2);\n border-left: 0.5em solid var(--checkout-button-text-color);\n -webkit-transform: translateZ(0);\n -ms-transform: translateZ(0);\n transform: translateZ(0);\n -webkit-animation: style-module_load8__RHKLN 1.1s infinite linear;\n animation: style-module_load8__RHKLN 1.1s infinite linear;\n}\n@-webkit-keyframes style-module_load8__RHKLN {\n 0% {\n -webkit-transform: rotate(0deg);\n transform: rotate(0deg);\n }\n 100% {\n -webkit-transform: rotate(360deg);\n transform: rotate(360deg);\n }\n}\n@keyframes style-module_load8__RHKLN {\n 0% {\n -webkit-transform: rotate(0deg);\n transform: rotate(0deg);\n }\n 100% {\n -webkit-transform: rotate(360deg);\n transform: rotate(360deg);\n }\n}");export{t as default};
|
|
@@ -46,6 +46,9 @@ export declare type IkasCheckoutCustomizationProps = {
|
|
|
46
46
|
warningLightColor?: string;
|
|
47
47
|
successColor?: string;
|
|
48
48
|
successLightColor?: string;
|
|
49
|
+
secondaryButtonBgColor?: string;
|
|
50
|
+
secondaryButtonTextColor?: string;
|
|
51
|
+
secondaryButtonBorderColor?: string;
|
|
49
52
|
};
|
|
50
53
|
declare const _default: React.FunctionComponent<IkasCheckoutPageProps>;
|
|
51
54
|
export default _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 n}from"mobx-react-lite";import{useRouter as i}from"next/router.js";import r from"next/link.js";import a from"react-tooltip";import s,{CheckoutStep as c}from"./model.js";import{IkasStorefrontConfig as l}from"@ikas/storefront-config";import{formatCurrency as m}from"../../utils/currency.js";import{useTranslation as d}from"../../utils/i18n.js";import p from"./steps/step-info/index.js";import{CheckoutStepShipping as u}from"./steps/step-shipping/index.js";import{CheckoutStepPayment as v}from"./steps/step-payment/index.js";import{CouponErrorCode as f,Coupon as g,CartSummary as h}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 E}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/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/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/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 y}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 x}from"./steps/step-success/index.js";import{Modal as k}from"./components/modal/index.js";import C from"./components/master-pass/modal-otp/index.js";import j from"./components/master-pass/modal-response/index.js";import N from"./components/master-pass/modal-success/index.js";import{Image as P}from"../image/index.js";import b,{Step as S}from"./components/step-container/index.js";import{StockError as O}from"./components/error/stock-error/index.js";import{FullscreenLoading as F}from"./components/fullscreen-loading/index.js";import M from"./components/notification-box/index.js";import{FormItem as T}from"./components/form-item/index.js";import{FormItemType as w}from"./components/form-item/model.js";import{Button as I}from"./components/button/index.js";import{IkasPageHead as A}from"../page/head.js";import B from"./components/offer-product/index.js";import L from"./components/offer-product/placeholder-offer-product.js";import D from"./components/svg/ikas.js";import U from"./style.module.scss.js";import{Analytics as V}from"../../analytics/analytics.js";import"../../analytics/head/index.js";import R from"./components/epaykolay-button/index.js";import _ from"./components/svg/success-circle.js";import z from"./components/offer-product/offer-dots/index.js";import H from"./components/offer-product/offer-arrows/index.js";import K from"./components/offer-product/useCampaignOffer.js";var G=n((function(n){var r,m,p,u,v=n.checkout,f=n.checkoutSettings,g=n.customizationProps,y=n.returnPolicy,P=n.privacyPolicy,b=n.termsOfService,S=n.imprint,M=n.shippingPolicy,T=d().t,w=i(),G=o.useState((function(){return new s(v,f,w,y,P,b,S,M,T,g||{})}))[0],q=K(G),J=q.setShowDetailPage,$=q.setActiveIndex,ee=q.setIsActiveOverlay,te=q.handlePrev,oe=q.handleNext,ne=q.isPopupClosedIndexPage,ie=q.isPopupShowIndexPage,re=q.isShowSuccessPageMiddlePhase,ae=q.activeIndex,se=o.useMemo((function(){return Date.now()}),[]);G.step===c.PAYMENT&&V.disableHTML();var ce=function(o,n,i,r,a){return e(void 0,void 0,void 0,(function(){var e;return t(this,(function(t){switch(t.label){case 0:return e="".concat(process.env.NEXT_PUBLIC_BASE_URL,"/os/e-pay-kolay/get-basket"),[4,fetch(e,{method:"POST",headers:{"Content-Type":"application/json","x-api-key":l.getApiKey()},body:JSON.stringify({cartId:G.checkout.id,customerNumber:o,sessionsState:se,addressDto:i,paymentType:r,totalPrice:a})})];case 1:return[2,t.sent().json()]}}))}))};o.useEffect((function(){G.checkoutSettings.isAccountRequired&&!G.checkout.hasCustomer&&w.push("/account/login?redirect="+encodeURIComponent(G.checkoutUrl)),V.beginCheckout(G.checkout),V.pageView(E.CHECKOUT)}),[]),o.useEffect((function(){G.customizationProps=g,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-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-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")}(g)}),[g]),o.useEffect((function(){if(G.isEPayKolayEnabled)var o=setInterval((function(){var n,i;window.setContainerService&&G.isCheckoutLoaded&&(window.setContainerService(null===(n=l.getMerchantSettings())||void 0===n?void 0:n.merchantId,ce,(function(o){return e(void 0,void 0,void 0,(function(){return t(this,(function(e){switch(e.label){case 0:return[4,le(o)];case 1:return[2,e.sent()]}}))}))}),(function(){console.log("Switching to epaykolay"),G.isEPayKolayPayment=!0}),"https://cdn-epeykolay.mncdn.com/".concat((null===(i=l.getApiUrl())||void 0===i?void 0:i.includes("myikas.com"))?"epay":"epay-uat","/")),clearInterval(o))}),100)}),[]);var le=o.useCallback((function(o){return e(void 0,void 0,void 0,(function(){var e;return t(this,(function(t){switch(t.label){case 0:return[4,fetch("".concat(process.env.NEXT_PUBLIC_BASE_URL,"/os/e-pay-kolay/complete-payment"),{method:"POST",body:JSON.stringify({data:o,cartId:G.checkout.id}),headers:{"Content-Type":"application/json","x-api-key":l.getApiKey()}})];case 1:return[4,t.sent().json()];case 2:return e=t.sent(),[2,{redirectUrl:"".concat(window.location.pathname,"?id=").concat(G.checkout.id,"&step=").concat(e.success?"success":"info"),orderId:e.orderNumber||null}]}}))}))}),[]);if(!G.isCheckoutLoaded||!G.store.customerStore.initialized)return o.createElement(F,null);if(G.checkout.hasCustomer&&(null===(r=G.store.customerStore.customer)||void 0===r?void 0:r.id)!==(null===(m=G.checkout.customer)||void 0===m?void 0:m.id))return w.push("/account/login?redirect="+encodeURIComponent(G.checkoutUrl)),null;return o.createElement(o.Fragment,null,o.createElement(A,{pageType:E.CHECKOUT,pageTitle:((null===(p=G.merchantSettings)||void 0===p?void 0:p.merchantName)||"")+" - "+T("checkout-page:securePayment"),pageDescription:T("checkout-page:securePayment")}),o.createElement("div",{id:"Checkout",className:U.CheckoutPage},re?o.createElement("div",{className:U.FullPageOfferMain},o.createElement("div",{className:U.FullPageOfferContainer},o.createElement("div",{className:U.OfferSuccessInfo},o.createElement("div",null,o.createElement("div",{className:U.OfferSuccessHeader},o.createElement(_,{className:U.SuccessCircle}),o.createElement("span",{className:U.SuccessTitle},T("checkout-page:orderSuccessShortTitle"))),o.createElement("div",{className:U.OfferOrderInfoMain},o.createElement("div",{className:U.InfoTitle},T("checkout-page:orderNoAndDate"),":"),o.createElement("div",{className:U.InfoText},"#"+(G.checkout.orderNumber||"")," ",G.checkout.dateStr))),o.createElement("div",null,o.createElement(I,{classes:U.OfferButton,isLine:!0,text:T("checkout-page:actions.goOrderDetailPage"),onClick:function(){J(!1)}}))),o.createElement("div",null,G.campaignOffers&&!!G.campaignOffers.length&&G.isCampaignOfferLoaded&&o.createElement("div",{className:U.CampaignOfferMain},o.createElement("div",{className:U.OfferSlider},G.campaignOffers.map((function(e,t){var n;return o.createElement(B,{vm:G,campaignOffer:e,index:t,activeIndex:ae,offersLength:(null===(n=G.campaignOffers)||void 0===n?void 0:n.length)||0,handlePrev:te,handleNext:oe,setActiveIndex:function(e){return $(e)},desktopMiddlePhase:!0,step:G.step})}))),G.campaignOffers.length>1&&o.createElement(H,{handlePrev:te,handleNext:oe}),G.campaignOffers.length>1&&o.createElement(z,{vm:G,activeIndex:ae}))))):null,o.createElement(a,{place:"top",type:"dark",effect:"solid",arrowColor:"transparent",multiline:!0,className:U.ReactTooltipWrap,globalEventOff:"touchstart"}),o.createElement("div",{className:[U.Left,G.isEPayKolayPayment?U.epaykolay:""].join(" ")},G.isEPayKolayEnabled&&o.createElement("div",{id:"plateau_ui_placeholder",style:{width:"100%"}}),!G.isEPayKolayPayment&&o.createElement("div",{className:U.LeftContent},o.createElement("div",null,o.createElement(Y,{vm:G}),G.hasStockError&&o.createElement("div",{className:U.ErrorContainer},o.createElement(O,{vm:G,error:G.error})),!G.hasStockError&&o.createElement(o.Fragment,null,G.step!==c.SUCCESS&&o.createElement(h,{vm:G,allowExpand:!0}),o.createElement("div",null,G.step!==c.SUCCESS&&G.isEPayKolayEnabled&&o.createElement(R,{onClick:function(){window.frictionless()}})),G.step===c.SUCCESS?o.createElement(x,{vm:G}):o.createElement(o.Fragment,null,!!(null===(u=G.customizationProps)||void 0===u?void 0:u.showCampaignOffersDesign)&&l.getIsEditor()&&o.createElement(L,{vm:G}),ie&&o.createElement("div",{className:[U.MiddlePhaseOverlay,ie?U.MiddlePhaseOverlayPopup:""].join(" ")}),G.campaignOffers&&!!G.campaignOffers.length&&G.isCampaignOfferLoaded&&o.createElement("div",{className:[U.CampaignOfferMain,ie?U.OverlayPopupMain:""].join(" ")},o.createElement("div",{className:U.OfferSlider},G.campaignOffers.map((function(e,t){var n;return o.createElement(B,{vm:G,campaignOffer:e,index:t,activeIndex:ae,offersLength:(null===(n=G.campaignOffers)||void 0===n?void 0:n.length)||0,handlePrev:te,handleNext:oe,setActiveIndex:function(e){return $(e)},step:G.step,isPopupClosed:ne,isPopupShow:ie,closePopup:function(){return ee(!1)},showPopup:function(){return ee(!0)}})}))),G.campaignOffers.length>1&&o.createElement(H,{handlePrev:te,handleNext:oe}),G.campaignOffers.length>1&&o.createElement(z,{isPopupShow:ie,vm:G,activeIndex:ae})),G.isCouponCodeRequirementOpen&&o.createElement(X,{vm:G}),o.createElement(W,{vm:G}))),o.createElement("div",{className:U.Space})),o.createElement(Q,{vm:G}))),o.createElement("div",{className:U.Right},o.createElement("div",{className:U.RightContent},o.createElement(h,{vm:G}),!G.isPoweredByHidden&&o.createElement("div",{className:U.PoweredBy},o.createElement("span",null,"powered by"),o.createElement("a",{href:"https://ikas.com"+("tr"===l.getCurrentLocale()?"/tr":""),target:"_blank"},o.createElement(D,null))))),!!G.policyModalText&&o.createElement(k,{title:G.policyModalTitle,modalContent:G.policyModalText,onClose:function(){G.policyModalText=""}}),G.isContactModalVisible&&o.createElement(Z,{vm:G,setVisible:G.setContactModalVisible}),G.mpVM.isOtpModalVisible&&o.createElement(C,{vm:G,visible:G.mpVM.isOtpModalVisible,type:G.mpVM.otpModalType,onClose:G.mpVM.hideOtpModal}),G.mpVM.isResponseModalVisible&&o.createElement(j,{visible:G.mpVM.isResponseModalVisible,text:G.mpVM.mfsResponseModalText,onClose:G.mpVM.onResponseModalClose}),G.mpVM.isSuccessModalVisible&&o.createElement(N,{visible:G.mpVM.isSuccessModalVisible,type:G.mpVM.successModalType,onClose:G.mpVM.onSuccessModalClose})))})),Y=n((function(e){var t,n,i,a,s=e.vm,c=d().t;return o.createElement("div",{className:U.Header},o.createElement(r,{href:"/",passHref:!0},o.createElement("a",null,(null===(t=s.customizationProps)||void 0===t?void 0:t.logo)?o.createElement("div",{className:U.Logo},o.createElement(P,{layout:"fill",image:s.customizationProps.logo,sizes:"360px"})):(null===(n=s.merchantSettings)||void 0===n?void 0:n.logo)?o.createElement("div",{className:U.Logo},o.createElement(P,{layout:"fill",image:s.merchantSettings.logo,sizes:"360px"})):(null===(i=s.merchantSettings)||void 0===i?void 0:i.merchantName)||"")),!s.checkout.hasCustomer&&o.createElement("div",{className:U.LoginText},o.createElement("span",{className:U.LoginCta},c("checkout-page:alreadyHaveAnAccount")),o.createElement(r,{href:"/account/login?redirect="+encodeURIComponent(s.checkoutUrl),passHref:!0},o.createElement("a",{className:U.LoginBtn},c("checkout-page:actions.login")))),s.checkout.hasCustomer&&o.createElement("div",{className:U.CustomerInfo},o.createElement("div",{className:U.Name},s.checkout.customerFullName),o.createElement("div",{className:U.Email},null===(a=s.checkout.customer)||void 0===a?void 0:a.email)))})),X=n((function(e){var t=e.vm,n=d().t,i=o.useState(!1),r=i[0],a=i[1],s=o.useState(null),c=s[0],l=s[1],m=o.useMemo((function(){switch(c){case f.COUPON_CODE_NOT_EXIST:return n("checkout-page:giftCodeErrorDescription");case f.COUPON_CODE_NOT_EXIST_FOR_GUESS:return n("checkout-page:mustBeSignInToApplyCampaign");default:return""}}),[c]);return o.createElement("div",{className:U.CouponContainer},r&&o.createElement("div",{className:U.NotificationContainer},o.createElement(M,{type:"warning",title:n("checkout-page:giftCodeErrorTitle"),content:m,onClose:function(){a(!1),l(null)},ignoreScroll:!0})),o.createElement("div",{style:{marginTop:r?12:0}},o.createElement(g,{vm:t,isOpenCouponCode:!0,isAddingCoupon:!0,setAddingCoupon:function(){},setCouponError:a,setCouponErrorCode:l})))})),W=n((function(e){var t=e.vm,n=d().t,i=o.useMemo((function(){switch(t.step){case c.INFO:return o.createElement(p,{vm:t});case c.SHIPPING:return o.createElement(u,{vm:t});case c.PAYMENT:return o.createElement(v,{vm:t});case c.SUCCESS:return o.createElement(x,{vm:t})}}),[t,t.step]),r=[new S(n("checkout-page:address"),t.step===c.INFO,t.step!==c.INFO,t.step!==c.INFO?o.createElement("div",{className:U.AdressStepInfo},o.createElement(q,{vm:t}),!t.isUpsellOrder&&o.createElement("div",{className:U.EditBtn,onClick:t.onBackToInfoClick},n("checkout-page:actions.edit"))):void 0,t.step!==c.INFO?o.createElement("div",{className:U.AddressStepInfoMobile},o.createElement(q,{vm:t})):void 0),new S(n("checkout-page:payment"),t.step===c.PAYMENT,!1)];return"address"!==t.deliveryMethod||t.isDigitalOnly||r.splice(1,0,new S(n("checkout-page:shipping"),t.step===c.SHIPPING,t.step===c.PAYMENT,t.step===c.PAYMENT?o.createElement("div",{className:U.AdressStepInfo},o.createElement(J,{vm:t}),!t.isUpsellOrder&&(t.checkout.availableShippingMethods&&t.checkout.availableShippingMethods.length>1||t.checkoutSettings.isGiftPackageEnabled)&&o.createElement("div",{className:U.EditBtn,onClick:t.onBackToShippingClick},n("checkout-page:actions.edit"))):void 0,t.step===c.PAYMENT?o.createElement("div",{className:U.AddressStepInfoMobile},o.createElement(J,{vm:t})):void 0)),o.createElement(b,{steps:r,stepContent:i})})),q=n((function(e){var t,n,i,r,a,s,c,l,m,p=e.vm,u=d().t,v=p.isDigitalOnly?((null===(t=p.checkout.billingAddress)||void 0===t?void 0:t.firstName)||"")+" "+((null===(n=p.checkout.billingAddress)||void 0===n?void 0:n.lastName)||""):((null===(i=p.checkout.shippingAddress)||void 0===i?void 0:i.firstName)||"")+" "+((null===(r=p.checkout.shippingAddress)||void 0===r?void 0:r.lastName)||"");return o.createElement("div",{className:U.Address},o.createElement("div",{className:[U.Text,U.WithMBottom].join(" ")},(null===(a=p.checkout.customer)||void 0===a?void 0:a.email)||""),"address"===p.deliveryMethod?o.createElement("div",{className:U.Text},v):o.createElement(o.Fragment,null,o.createElement("div",{className:U.Text},u("checkout-page:receiver")),o.createElement("div",{className:[U.Text,U.Gray].join(" ")},v)),o.createElement("div",{className:[U.Text,U.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:[U.Text,U.WithMTop].join(" ")},u("checkout-page:pickUpLocation"))),o.createElement("div",{className:[U.Text,U.Gray].join(" ")},p.isDigitalOnly?null===(l=p.checkout.billingAddress)||void 0===l?void 0:l.addressText:null===(m=p.checkout.shippingAddress)||void 0===m?void 0:m.addressText))})),J=n((function(e){var t=e.vm,n=d().t;return o.createElement("div",{className:U.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:U.LightText}," / "+(0===t.checkout.shippingLines[0].price?n("checkout-page:free"):m(t.checkout.shippingLines[0].price,t.checkout.currencyCode,t.checkout.currencySymbol)))):n("checkout-page:standartShipping"))})),Q=n((function(e){var t=e.vm,n=d().t;return o.createElement("div",{className:U.Footer},o.createElement("div",{className:U.FooterItem,onClick:function(){t.policyModalTitle=n("checkout-page:returnPolicy"),t.policyModalText=t.returnPolicy}},n("checkout-page:returnPolicy")),o.createElement("div",{className:U.FooterBullet},"•"),o.createElement("div",{className:U.FooterItem,onClick:function(){t.policyModalTitle=n("checkout-page:privacyPolicy"),t.policyModalText=t.privacyPolicy}},n("checkout-page:privacyPolicy")),o.createElement("div",{className:U.FooterBullet},"•"),o.createElement("div",{className:U.FooterItem,onClick:function(){t.policyModalTitle=n("checkout-page:termsOfService"),t.policyModalText=t.termsOfService}},n("checkout-page:termsOfService")),t.imprint&&o.createElement(o.Fragment,null,o.createElement("div",{className:U.FooterBullet},"•"),o.createElement("div",{className:U.FooterItem,onClick:function(){t.policyModalTitle=n("checkout-page:imprint"),t.policyModalText=t.imprint}},n("checkout-page:imprint"))),t.shippingPolicy&&o.createElement(o.Fragment,null,o.createElement("div",{className:U.FooterBullet},"•"),o.createElement("div",{className:U.FooterItem,onClick:function(){t.policyModalTitle=n("checkout-page:shippingPolicy"),t.policyModalText=t.shippingPolicy}},n("checkout-page:shippingPolicy"))))})),Z=n((function(n){var i,r,a,s=n.vm,c=n.setVisible,l=d().t,m=o.useState(!1),p=m[0],u=m[1],v=o.useState(!1),f=v[0],g=v[1],h=o.useState(new y({message:{requiredRule:"",emailRule:"",minRule:""}}))[0];h.email=(null===(i=s.checkout.customer)||void 0===i?void 0:i.email)||"",h.firstName=(null===(r=s.checkout.customer)||void 0===r?void 0:r.firstName)||"",h.lastName=(null===(a=s.checkout.customer)||void 0===a?void 0:a.lastName)||"";var E=o.useCallback((function(){return e(void 0,void 0,void 0,(function(){return t(this,(function(e){switch(e.label){case 0:return f?[2,c(!1)]:(u(!0),[4,h.saveContactForm()]);case 1:return e.sent()&&g(!0),u(!1),[2]}}))}))}),[p]);return o.createElement(k,{title:l("checkout-page:contactForm"),modalContent:o.createElement("div",null,f&&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(T,{type:w.TEXT_AREA,label:"",value:h.message||"",onChange:h.onMessageChange,textAreaPlaceholder:l("checkout-page:contactFormCta")}),o.createElement(I,{style:{width:"100%",marginTop:"24px"},text:l(f?"checkout-page:actions.close":"checkout-page:actions.sendMessage"),isLoading:p,isDisabled:!h.message,onClick:E})),onClose:function(){return c(!1)}})}));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 n}from"mobx-react-lite";import{useRouter as i}from"next/router.js";import r from"next/link.js";import a from"react-tooltip";import s,{CheckoutStep as c}from"./model.js";import{IkasStorefrontConfig as l}from"@ikas/storefront-config";import{formatCurrency as m}from"../../utils/currency.js";import{useTranslation as d}from"../../utils/i18n.js";import u from"./steps/step-info/index.js";import{CheckoutStepShipping as p}from"./steps/step-shipping/index.js";import{CheckoutStepPayment as v}from"./steps/step-payment/index.js";import{CouponErrorCode as f,Coupon as g,CartSummary as h}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 E}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/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/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/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 y}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 x}from"./steps/step-success/index.js";import{Modal as k}from"./components/modal/index.js";import C from"./components/master-pass/modal-otp/index.js";import j from"./components/master-pass/modal-response/index.js";import P from"./components/master-pass/modal-success/index.js";import{Image as N}from"../image/index.js";import b,{Step as S}from"./components/step-container/index.js";import{StockError as O}from"./components/error/stock-error/index.js";import{FullscreenLoading as F}from"./components/fullscreen-loading/index.js";import M from"./components/notification-box/index.js";import{FormItem as T}from"./components/form-item/index.js";import{FormItemType as w}from"./components/form-item/model.js";import{Button as I}from"./components/button/index.js";import{IkasPageHead as A}from"../page/head.js";import B from"./components/offer-product/index.js";import L from"./components/offer-product/placeholder-offer-product.js";import D from"./components/svg/ikas.js";import U from"./style.module.scss.js";import{Analytics as V}from"../../analytics/analytics.js";import"../../analytics/head/index.js";import R from"./components/epaykolay-button/index.js";import _ from"./components/svg/success-circle.js";import z from"./components/offer-product/offer-dots/index.js";import H from"./components/offer-product/offer-arrows/index.js";import K from"./components/offer-product/useCampaignOffer.js";var G=n((function(n){var r,m,u,p,v,f,g,y=n.checkout,b=n.checkoutSettings,S=n.customizationProps,M=n.returnPolicy,T=n.privacyPolicy,w=n.termsOfService,G=n.imprint,q=n.shippingPolicy,J=d().t,$=i(),ee=o.useState((function(){return new s(y,b,$,M,T,w,G,q,J,S||{})}))[0],te=K(ee),oe=te.setShowDetailPage,ne=te.setActiveIndex,ie=te.setIsActiveOverlay,re=te.handlePrev,ae=te.handleNext,se=te.isPopupClosedIndexPage,ce=te.isPopupShowIndexPage,le=te.isShowSuccessPageMiddlePhase,me=te.activeIndex,de=o.useMemo((function(){return Date.now()}),[]);ee.step===c.PAYMENT&&V.disableHTML();var ue=function(o,n,i,r,a){return e(void 0,void 0,void 0,(function(){var e;return t(this,(function(t){switch(t.label){case 0:return e="".concat(process.env.NEXT_PUBLIC_BASE_URL,"/os/e-pay-kolay/get-basket"),[4,fetch(e,{method:"POST",headers:{"Content-Type":"application/json","x-api-key":l.getApiKey()},body:JSON.stringify({cartId:ee.checkout.id,customerNumber:o,sessionsState:de,addressDto:i,paymentType:r,totalPrice:a})})];case 1:return[2,t.sent().json()]}}))}))};o.useEffect((function(){ee.checkoutSettings.isAccountRequired&&!ee.checkout.hasCustomer&&$.push("/account/login?redirect="+encodeURIComponent(ee.checkoutUrl)),V.beginCheckout(ee.checkout),V.pageView(E.CHECKOUT)}),[]),o.useEffect((function(){ee.customizationProps=S,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-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")}(S)}),[S]),o.useEffect((function(){if(ee.isEPayKolayEnabled)var o=setInterval((function(){var n,i;window.setContainerService&&ee.isCheckoutLoaded&&(window.setContainerService(null===(n=l.getMerchantSettings())||void 0===n?void 0:n.merchantId,ue,(function(o){return e(void 0,void 0,void 0,(function(){return t(this,(function(e){switch(e.label){case 0:return[4,pe(o)];case 1:return[2,e.sent()]}}))}))}),(function(){console.log("Switching to epaykolay"),ee.isEPayKolayPayment=!0}),"https://cdn-epeykolay.mncdn.com/".concat((null===(i=l.getApiUrl())||void 0===i?void 0:i.includes("myikas.com"))?"epay":"epay-uat","/")),clearInterval(o))}),100)}),[]);var pe=o.useCallback((function(o){return e(void 0,void 0,void 0,(function(){var e;return t(this,(function(t){switch(t.label){case 0:return[4,fetch("".concat(process.env.NEXT_PUBLIC_BASE_URL,"/os/e-pay-kolay/complete-payment"),{method:"POST",body:JSON.stringify({data:o,cartId:ee.checkout.id}),headers:{"Content-Type":"application/json","x-api-key":l.getApiKey()}})];case 1:return[4,t.sent().json()];case 2:return e=t.sent(),[2,{redirectUrl:"".concat(window.location.pathname,"?id=").concat(ee.checkout.id,"&step=").concat(e.success?"success":"info"),orderId:e.orderNumber||null}]}}))}))}),[]);if(!ee.isCheckoutLoaded||!ee.store.customerStore.initialized)return o.createElement(F,null);if(ee.checkout.hasCustomer&&(null===(r=ee.store.customerStore.customer)||void 0===r?void 0:r.id)!==(null===(m=ee.checkout.customer)||void 0===m?void 0:m.id))return $.push("/account/login?redirect="+encodeURIComponent(ee.checkoutUrl)),null;return o.createElement(o.Fragment,null,o.createElement(A,{pageType:E.CHECKOUT,pageTitle:((null===(u=ee.merchantSettings)||void 0===u?void 0:u.merchantName)||"")+" - "+J("checkout-page:securePayment"),pageDescription:J("checkout-page:securePayment")}),o.createElement("div",{id:"Checkout",className:U.CheckoutPage},le?o.createElement("div",{className:U.FullPageOfferMain},o.createElement("div",{className:U.FullPageOfferContainer},o.createElement("div",{className:U.LogoMain},(null===(p=ee.customizationProps)||void 0===p?void 0:p.logo)?o.createElement("div",{className:U.Logo},o.createElement(N,{layout:"fill",image:ee.customizationProps.logo,sizes:"360px"})):(null===(v=ee.merchantSettings)||void 0===v?void 0:v.logo)?o.createElement("div",{className:U.Logo},o.createElement(N,{layout:"fill",image:ee.merchantSettings.logo,sizes:"360px"})):(null===(f=ee.merchantSettings)||void 0===f?void 0:f.merchantName)||""),o.createElement("div",{className:U.OfferSuccessInfo},o.createElement("div",null,o.createElement("div",{className:U.OfferSuccessHeader},o.createElement(_,{className:U.SuccessCircle}),o.createElement("span",{className:U.SuccessTitle},J("checkout-page:orderSuccessShortTitle"))),o.createElement("div",{className:U.OfferOrderInfoMain},o.createElement("div",{className:U.InfoTitle},J("checkout-page:orderNoAndDate"),":"),o.createElement("div",{className:U.InfoText},"#"+(ee.checkout.orderNumber||"")," ",ee.checkout.dateStr))),o.createElement("div",null,o.createElement(I,{classes:U.OfferButton,isLine:!0,text:J("checkout-page:actions.goOrderDetailPage"),onClick:function(){oe(!1)}}))),o.createElement("div",null,ee.campaignOffers&&!!ee.campaignOffers.length&&ee.isCampaignOfferLoaded&&o.createElement("div",{className:U.CampaignOfferMain},o.createElement("div",{className:U.OfferSlider},ee.campaignOffers.map((function(e,t){var n;return o.createElement(B,{vm:ee,campaignOffer:e,index:t,activeIndex:me,offersLength:(null===(n=ee.campaignOffers)||void 0===n?void 0:n.length)||0,handlePrev:re,handleNext:ae,setActiveIndex:function(e){return ne(e)},desktopMiddlePhase:!0,step:ee.step})}))),ee.campaignOffers.length>1&&o.createElement(H,{handlePrev:re,handleNext:ae}),ee.campaignOffers.length>1&&o.createElement(z,{vm:ee,activeIndex:me}))))):null,o.createElement(a,{place:"top",type:"dark",effect:"solid",arrowColor:"transparent",multiline:!0,className:U.ReactTooltipWrap,globalEventOff:"touchstart"}),o.createElement("div",{className:[U.Left,ee.isEPayKolayPayment?U.epaykolay:""].join(" ")},ee.isEPayKolayEnabled&&o.createElement("div",{id:"plateau_ui_placeholder",style:{width:"100%"}}),!ee.isEPayKolayPayment&&o.createElement("div",{className:U.LeftContent},o.createElement("div",null,o.createElement(Y,{vm:ee}),ee.hasStockError&&o.createElement("div",{className:U.ErrorContainer},o.createElement(O,{vm:ee,error:ee.error})),!ee.hasStockError&&o.createElement(o.Fragment,null,ee.step!==c.SUCCESS&&o.createElement(h,{vm:ee,allowExpand:!0}),o.createElement("div",null,ee.step!==c.SUCCESS&&ee.isEPayKolayEnabled&&o.createElement(R,{onClick:function(){window.frictionless()}})),ee.step===c.SUCCESS?o.createElement(x,{vm:ee}):o.createElement(o.Fragment,null,!!(null===(g=ee.customizationProps)||void 0===g?void 0:g.showCampaignOffersDesign)&&l.getIsEditor()&&o.createElement(L,{vm:ee}),ce&&o.createElement("div",{className:[U.MiddlePhaseOverlay,ce?U.MiddlePhaseOverlayPopup:""].join(" ")}),ee.campaignOffers&&!!ee.campaignOffers.length&&ee.isCampaignOfferLoaded&&o.createElement("div",{className:[U.CampaignOfferMain,ce?U.OverlayPopupMain:""].join(" ")},o.createElement("div",{className:U.OfferSlider},ee.campaignOffers.map((function(e,t){var n;return o.createElement(B,{vm:ee,campaignOffer:e,index:t,activeIndex:me,offersLength:(null===(n=ee.campaignOffers)||void 0===n?void 0:n.length)||0,handlePrev:re,handleNext:ae,setActiveIndex:function(e){return ne(e)},step:ee.step,isPopupClosed:se,isPopupShow:ce,closePopup:function(){return ie(!1)},showPopup:function(){return ie(!0)}})}))),ee.campaignOffers.length>1&&o.createElement(H,{handlePrev:re,handleNext:ae}),ee.campaignOffers.length>1&&o.createElement(z,{isPopupShow:ce,vm:ee,activeIndex:me})),ee.isCouponCodeRequirementOpen&&o.createElement(X,{vm:ee}),o.createElement(W,{vm:ee}))),o.createElement("div",{className:U.Space})),o.createElement(Q,{vm:ee}))),o.createElement("div",{className:U.Right},o.createElement("div",{className:U.RightContent},o.createElement(h,{vm:ee}),!ee.isPoweredByHidden&&o.createElement("div",{className:U.PoweredBy},o.createElement("span",null,"powered by"),o.createElement("a",{href:"https://ikas.com"+("tr"===l.getCurrentLocale()?"/tr":""),target:"_blank"},o.createElement(D,null))))),!!ee.policyModalText&&o.createElement(k,{title:ee.policyModalTitle,modalContent:ee.policyModalText,onClose:function(){ee.policyModalText=""}}),ee.isContactModalVisible&&o.createElement(Z,{vm:ee,setVisible:ee.setContactModalVisible}),ee.mpVM.isOtpModalVisible&&o.createElement(C,{vm:ee,visible:ee.mpVM.isOtpModalVisible,type:ee.mpVM.otpModalType,onClose:ee.mpVM.hideOtpModal}),ee.mpVM.isResponseModalVisible&&o.createElement(j,{visible:ee.mpVM.isResponseModalVisible,text:ee.mpVM.mfsResponseModalText,onClose:ee.mpVM.onResponseModalClose}),ee.mpVM.isSuccessModalVisible&&o.createElement(P,{visible:ee.mpVM.isSuccessModalVisible,type:ee.mpVM.successModalType,onClose:ee.mpVM.onSuccessModalClose})))})),Y=n((function(e){var t,n,i,a,s=e.vm,c=d().t;return o.createElement("div",{className:U.Header},o.createElement(r,{href:"/",passHref:!0},o.createElement("a",null,(null===(t=s.customizationProps)||void 0===t?void 0:t.logo)?o.createElement("div",{className:U.Logo},o.createElement(N,{layout:"fill",image:s.customizationProps.logo,sizes:"360px"})):(null===(n=s.merchantSettings)||void 0===n?void 0:n.logo)?o.createElement("div",{className:U.Logo},o.createElement(N,{layout:"fill",image:s.merchantSettings.logo,sizes:"360px"})):(null===(i=s.merchantSettings)||void 0===i?void 0:i.merchantName)||"")),!s.checkout.hasCustomer&&o.createElement("div",{className:U.LoginText},o.createElement("span",{className:U.LoginCta},c("checkout-page:alreadyHaveAnAccount")),o.createElement(r,{href:"/account/login?redirect="+encodeURIComponent(s.checkoutUrl),passHref:!0},o.createElement("a",{className:U.LoginBtn},c("checkout-page:actions.login")))),s.checkout.hasCustomer&&o.createElement("div",{className:U.CustomerInfo},o.createElement("div",{className:U.Name},s.checkout.customerFullName),o.createElement("div",{className:U.Email},null===(a=s.checkout.customer)||void 0===a?void 0:a.email)))})),X=n((function(e){var t=e.vm,n=d().t,i=o.useState(!1),r=i[0],a=i[1],s=o.useState(null),c=s[0],l=s[1],m=o.useMemo((function(){switch(c){case f.COUPON_CODE_NOT_EXIST:return n("checkout-page:giftCodeErrorDescription");case f.COUPON_CODE_NOT_EXIST_FOR_GUESS:return n("checkout-page:mustBeSignInToApplyCampaign");default:return""}}),[c]);return o.createElement("div",{className:U.CouponContainer},r&&o.createElement("div",{className:U.NotificationContainer},o.createElement(M,{type:"warning",title:n("checkout-page:giftCodeErrorTitle"),content:m,onClose:function(){a(!1),l(null)},ignoreScroll:!0})),o.createElement("div",{style:{marginTop:r?12:0}},o.createElement(g,{vm:t,isOpenCouponCode:!0,isAddingCoupon:!0,setAddingCoupon:function(){},setCouponError:a,setCouponErrorCode:l})))})),W=n((function(e){var t=e.vm,n=d().t,i=o.useMemo((function(){switch(t.step){case c.INFO:return o.createElement(u,{vm:t});case c.SHIPPING:return o.createElement(p,{vm:t});case c.PAYMENT:return o.createElement(v,{vm:t});case c.SUCCESS:return o.createElement(x,{vm:t})}}),[t,t.step]),r=[new S(n("checkout-page:address"),t.step===c.INFO,t.step!==c.INFO,t.step!==c.INFO?o.createElement("div",{className:U.AdressStepInfo},o.createElement(q,{vm:t}),!t.isUpsellOrder&&o.createElement("div",{className:U.EditBtn,onClick:t.onBackToInfoClick},n("checkout-page:actions.edit"))):void 0,t.step!==c.INFO?o.createElement("div",{className:U.AddressStepInfoMobile},o.createElement(q,{vm:t})):void 0),new S(n("checkout-page:payment"),t.step===c.PAYMENT,!1)];return"address"!==t.deliveryMethod||t.isDigitalOnly||r.splice(1,0,new S(n("checkout-page:shipping"),t.step===c.SHIPPING,t.step===c.PAYMENT,t.step===c.PAYMENT?o.createElement("div",{className:U.AdressStepInfo},o.createElement(J,{vm:t}),!t.isUpsellOrder&&(t.checkout.availableShippingMethods&&t.checkout.availableShippingMethods.length>1||t.checkoutSettings.isGiftPackageEnabled)&&o.createElement("div",{className:U.EditBtn,onClick:t.onBackToShippingClick},n("checkout-page:actions.edit"))):void 0,t.step===c.PAYMENT?o.createElement("div",{className:U.AddressStepInfoMobile},o.createElement(J,{vm:t})):void 0)),o.createElement(b,{steps:r,stepContent:i})})),q=n((function(e){var t,n,i,r,a,s,c,l,m,u=e.vm,p=d().t,v=u.isDigitalOnly?((null===(t=u.checkout.billingAddress)||void 0===t?void 0:t.firstName)||"")+" "+((null===(n=u.checkout.billingAddress)||void 0===n?void 0:n.lastName)||""):((null===(i=u.checkout.shippingAddress)||void 0===i?void 0:i.firstName)||"")+" "+((null===(r=u.checkout.shippingAddress)||void 0===r?void 0:r.lastName)||"");return o.createElement("div",{className:U.Address},o.createElement("div",{className:[U.Text,U.WithMBottom].join(" ")},(null===(a=u.checkout.customer)||void 0===a?void 0:a.email)||""),"address"===u.deliveryMethod?o.createElement("div",{className:U.Text},v):o.createElement(o.Fragment,null,o.createElement("div",{className:U.Text},p("checkout-page:receiver")),o.createElement("div",{className:[U.Text,U.Gray].join(" ")},v)),o.createElement("div",{className:[U.Text,U.Gray].join(" ")},u.isDigitalOnly?null===(s=u.checkout.billingAddress)||void 0===s?void 0:s.phone:null===(c=u.checkout.shippingAddress)||void 0===c?void 0:c.phone),"in-store"===u.deliveryMethod&&o.createElement(o.Fragment,null,o.createElement("div",{className:[U.Text,U.WithMTop].join(" ")},p("checkout-page:pickUpLocation"))),o.createElement("div",{className:[U.Text,U.Gray].join(" ")},u.isDigitalOnly?null===(l=u.checkout.billingAddress)||void 0===l?void 0:l.addressText:null===(m=u.checkout.shippingAddress)||void 0===m?void 0:m.addressText))})),J=n((function(e){var t=e.vm,n=d().t;return o.createElement("div",{className:U.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:U.LightText}," / "+(0===t.checkout.shippingLines[0].price?n("checkout-page:free"):m(t.checkout.shippingLines[0].price,t.checkout.currencyCode,t.checkout.currencySymbol)))):n("checkout-page:standartShipping"))})),Q=n((function(e){var t=e.vm,n=d().t;return o.createElement("div",{className:U.Footer},o.createElement("div",{className:U.FooterItem,onClick:function(){t.policyModalTitle=n("checkout-page:returnPolicy"),t.policyModalText=t.returnPolicy}},n("checkout-page:returnPolicy")),o.createElement("div",{className:U.FooterBullet},"•"),o.createElement("div",{className:U.FooterItem,onClick:function(){t.policyModalTitle=n("checkout-page:privacyPolicy"),t.policyModalText=t.privacyPolicy}},n("checkout-page:privacyPolicy")),o.createElement("div",{className:U.FooterBullet},"•"),o.createElement("div",{className:U.FooterItem,onClick:function(){t.policyModalTitle=n("checkout-page:termsOfService"),t.policyModalText=t.termsOfService}},n("checkout-page:termsOfService")),t.imprint&&o.createElement(o.Fragment,null,o.createElement("div",{className:U.FooterBullet},"•"),o.createElement("div",{className:U.FooterItem,onClick:function(){t.policyModalTitle=n("checkout-page:imprint"),t.policyModalText=t.imprint}},n("checkout-page:imprint"))),t.shippingPolicy&&o.createElement(o.Fragment,null,o.createElement("div",{className:U.FooterBullet},"•"),o.createElement("div",{className:U.FooterItem,onClick:function(){t.policyModalTitle=n("checkout-page:shippingPolicy"),t.policyModalText=t.shippingPolicy}},n("checkout-page:shippingPolicy"))))})),Z=n((function(n){var i,r,a,s=n.vm,c=n.setVisible,l=d().t,m=o.useState(!1),u=m[0],p=m[1],v=o.useState(!1),f=v[0],g=v[1],h=o.useState(new y({message:{requiredRule:"",emailRule:"",minRule:""}}))[0];h.email=(null===(i=s.checkout.customer)||void 0===i?void 0:i.email)||"",h.firstName=(null===(r=s.checkout.customer)||void 0===r?void 0:r.firstName)||"",h.lastName=(null===(a=s.checkout.customer)||void 0===a?void 0:a.lastName)||"";var E=o.useCallback((function(){return e(void 0,void 0,void 0,(function(){return t(this,(function(e){switch(e.label){case 0:return f?[2,c(!1)]:(p(!0),[4,h.saveContactForm()]);case 1:return e.sent()&&g(!0),p(!1),[2]}}))}))}),[u]);return o.createElement(k,{title:l("checkout-page:contactForm"),modalContent:o.createElement("div",null,f&&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(T,{type:w.TEXT_AREA,label:"",value:h.message||"",onChange:h.onMessageChange,textAreaPlaceholder:l("checkout-page:contactFormCta")}),o.createElement(I,{style:{width:"100%",marginTop:"24px"},text:l(f?"checkout-page:actions.close":"checkout-page:actions.sendMessage"),isLoading:u,isDisabled:!h.message,onClick:E})),onClose:function(){return c(!1)}})}));export{G as default};
|
|
@@ -1 +1 @@
|
|
|
1
|
-
import e from'./../../ext/style-inject/dist/style-inject.es.js';var t={CheckoutPage:"style-module_CheckoutPage__ZhJkP",Left:"style-module_Left__Fi9Ka",epaykolay:"style-module_epaykolay__3MlS-",LeftContent:"style-module_LeftContent__9OjX9",Space:"style-module_Space__rZnAy",Footer:"style-module_Footer__x-8Uy",FooterItem:"style-module_FooterItem__33V-M",FooterBullet:"style-module_FooterBullet__ReSoQ",AdressStepInfo:"style-module_AdressStepInfo__n4JGO",Address:"style-module_Address__yS7Ou",Text:"style-module_Text__jEuRS",WithMBottom:"style-module_WithMBottom__4Eb0o",WithMTop:"style-module_WithMTop__I550k",Gray:"style-module_Gray__p6WTS",EditBtn:"style-module_EditBtn__1BG0f",AddressStepInfoMobile:"style-module_AddressStepInfoMobile__7awcG",ErrorContainer:"style-module_ErrorContainer__TAK-J",Header:"style-module_Header__V7Pe2",Logo:"style-module_Logo__y9GGC",LoginText:"style-module_LoginText__OOD8r",LoginBtn:"style-module_LoginBtn__m-qco",CustomerInfo:"style-module_CustomerInfo__ECTKP",Name:"style-module_Name__iIq-v",Email:"style-module_Email__UX6fN",LoginCta:"style-module_LoginCta__TDolx",MobileCartSummary:"style-module_MobileCartSummary__bUmJj",RowPB:"style-module_RowPB__tAM9q",Right:"style-module_Right__1BcGi",RightContent:"style-module_RightContent__qvFkp",PoweredBy:"style-module_PoweredBy__3k1Sx",LightText:"style-module_LightText__IsehB",ReactTooltipWrap:"style-module_ReactTooltipWrap__HX-4g",CouponContainer:"style-module_CouponContainer__75r01",OfferSlider:"style-module_OfferSlider__-XwAY",OfferArrow:"style-module_OfferArrow__xVE-T",OfferArrowLeft:"style-module_OfferArrowLeft__Xravz",OfferArrowRight:"style-module_OfferArrowRight__8dOYq",CampaignOfferMain:"style-module_CampaignOfferMain__YuOGC",FullPageOfferMain:"style-module_FullPageOfferMain__I10XC",FullPageOfferContainer:"style-module_FullPageOfferContainer__C5BUd",OfferSuccessInfo:"style-module_OfferSuccessInfo__dqaz7",OfferSuccessHeader:"style-module_OfferSuccessHeader__XXQT0",SuccessCircle:"style-module_SuccessCircle__MTabL",SuccessTitle:"style-module_SuccessTitle__tCH2A",OfferOrderInfoMain:"style-module_OfferOrderInfoMain__-aqgA",InfoTitle:"style-module_InfoTitle__Zd6Dd",InfoText:"style-module_InfoText__MOjKO",OfferButton:"style-module_OfferButton__0hTNI",MiddlePhaseOverlay:"style-module_MiddlePhaseOverlay__LPV2A",MiddlePhaseOverlayPopup:"style-module_MiddlePhaseOverlayPopup__BNC61",OverlayPopupMain:"style-module_OverlayPopupMain__4PrI0"};e('.style-module_CheckoutPage__ZhJkP {\n all: unset;\n font-family: -apple-system, system-ui, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;\n font-size: 16px !important;\n width: 100%;\n height: 100vh;\n overflow: auto;\n overflow-x: hidden;\n display: flex;\n color: var(--checkout-primary-text-color);\n background-color: var(--checkout-primary-bg-color);\n}\n.style-module_CheckoutPage__ZhJkP input::placeholder,\n.style-module_CheckoutPage__ZhJkP textarea::placeholder {\n all: unset;\n}\n.style-module_CheckoutPage__ZhJkP a,\n.style-module_CheckoutPage__ZhJkP a:hover,\n.style-module_CheckoutPage__ZhJkP a:focus,\n.style-module_CheckoutPage__ZhJkP a:active {\n color: inherit;\n}\n.style-module_CheckoutPage__ZhJkP * {\n box-sizing: border-box !important;\n font-family: -apple-system, system-ui, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;\n font-size: 16px;\n letter-spacing: normal;\n font-weight: normal;\n line-height: unset;\n}\n.style-module_CheckoutPage__ZhJkP .style-module_Left__Fi9Ka {\n width: 50%;\n flex: 0 0 auto;\n display: flex;\n flex-direction: column;\n align-items: flex-end;\n padding-left: 20px;\n padding-right: 64px;\n background-color: var(--checkout-primary-bg-color);\n z-index: 1;\n}\n.style-module_CheckoutPage__ZhJkP .style-module_Left__Fi9Ka.style-module_epaykolay__3MlS- {\n padding-left: 0;\n padding-right: 0;\n z-index: 2;\n}\n.style-module_CheckoutPage__ZhJkP .style-module_Left__Fi9Ka .style-module_LeftContent__9OjX9 {\n width: 100%;\n min-width: 400px;\n max-width: 600px;\n display: flex;\n flex-direction: column;\n justify-content: space-between;\n min-height: 100vh;\n}\n.style-module_CheckoutPage__ZhJkP .style-module_Left__Fi9Ka .style-module_LeftContent__9OjX9 .style-module_Space__rZnAy {\n width: 100%;\n height: 100px;\n}\n@media only screen and (max-width: 1000px) {\n .style-module_CheckoutPage__ZhJkP .style-module_Left__Fi9Ka .style-module_LeftContent__9OjX9 .style-module_Space__rZnAy {\n height: 48px;\n }\n}\n.style-module_CheckoutPage__ZhJkP .style-module_Left__Fi9Ka .style-module_LeftContent__9OjX9 .style-module_Footer__x-8Uy {\n flex: 0 0 auto;\n background-color: transparent;\n width: 100%;\n display: flex;\n justify-content: center;\n align-items: center;\n flex-wrap: wrap;\n padding: 12.205px 0;\n}\n.style-module_CheckoutPage__ZhJkP .style-module_Left__Fi9Ka .style-module_LeftContent__9OjX9 .style-module_Footer__x-8Uy .style-module_FooterItem__33V-M {\n font-size: 14px;\n color: var(--checkout-secondary-text-color);\n cursor: pointer;\n user-select: none;\n}\n.style-module_CheckoutPage__ZhJkP .style-module_Left__Fi9Ka .style-module_LeftContent__9OjX9 .style-module_Footer__x-8Uy .style-module_FooterItem__33V-M:hover {\n color: var(--checkout-primary-text-color);\n}\n.style-module_CheckoutPage__ZhJkP .style-module_Left__Fi9Ka .style-module_LeftContent__9OjX9 .style-module_Footer__x-8Uy .style-module_FooterBullet__ReSoQ {\n margin: 0 12px;\n color: var(--checkout-secondary-text-color);\n}\n@media only screen and (max-width: 1000px) {\n .style-module_CheckoutPage__ZhJkP .style-module_Left__Fi9Ka .style-module_LeftContent__9OjX9 .style-module_Footer__x-8Uy {\n width: 100%;\n }\n .style-module_CheckoutPage__ZhJkP .style-module_Left__Fi9Ka .style-module_LeftContent__9OjX9 .style-module_Footer__x-8Uy .style-module_FooterItem__33V-M {\n text-align: center;\n }\n}\n.style-module_CheckoutPage__ZhJkP .style-module_Left__Fi9Ka .style-module_LeftContent__9OjX9 .style-module_AdressStepInfo__n4JGO {\n display: flex;\n justify-content: space-between;\n padding-left: 78px;\n padding-top: 5px;\n width: 100%;\n}\n.style-module_CheckoutPage__ZhJkP .style-module_Left__Fi9Ka .style-module_LeftContent__9OjX9 .style-module_AdressStepInfo__n4JGO .style-module_Address__yS7Ou {\n font-size: 16px;\n}\n.style-module_CheckoutPage__ZhJkP .style-module_Left__Fi9Ka .style-module_LeftContent__9OjX9 .style-module_AdressStepInfo__n4JGO .style-module_Address__yS7Ou .style-module_Text__jEuRS {\n font-size: 14px;\n}\n.style-module_CheckoutPage__ZhJkP .style-module_Left__Fi9Ka .style-module_LeftContent__9OjX9 .style-module_AdressStepInfo__n4JGO .style-module_Address__yS7Ou .style-module_Text__jEuRS.style-module_WithMBottom__4Eb0o {\n margin-bottom: 12px;\n}\n.style-module_CheckoutPage__ZhJkP .style-module_Left__Fi9Ka .style-module_LeftContent__9OjX9 .style-module_AdressStepInfo__n4JGO .style-module_Address__yS7Ou .style-module_Text__jEuRS.style-module_WithMTop__I550k {\n margin-top: 12px;\n}\n.style-module_CheckoutPage__ZhJkP .style-module_Left__Fi9Ka .style-module_LeftContent__9OjX9 .style-module_AdressStepInfo__n4JGO .style-module_Address__yS7Ou .style-module_Text__jEuRS.style-module_Gray__p6WTS {\n color: var(--checkout-secondary-text-color);\n}\n.style-module_CheckoutPage__ZhJkP .style-module_Left__Fi9Ka .style-module_LeftContent__9OjX9 .style-module_AdressStepInfo__n4JGO .style-module_EditBtn__1BG0f {\n cursor: pointer;\n user-select: none;\n align-self: flex-start;\n}\n.style-module_CheckoutPage__ZhJkP .style-module_Left__Fi9Ka .style-module_LeftContent__9OjX9 .style-module_AdressStepInfo__n4JGO .style-module_EditBtn__1BG0f:hover {\n text-decoration: underline;\n}\n@media only screen and (max-width: 1000px) {\n .style-module_CheckoutPage__ZhJkP .style-module_Left__Fi9Ka .style-module_LeftContent__9OjX9 .style-module_AdressStepInfo__n4JGO {\n padding-top: 0;\n justify-content: flex-end;\n }\n .style-module_CheckoutPage__ZhJkP .style-module_Left__Fi9Ka .style-module_LeftContent__9OjX9 .style-module_AdressStepInfo__n4JGO .style-module_Address__yS7Ou {\n display: none;\n }\n}\n.style-module_CheckoutPage__ZhJkP .style-module_Left__Fi9Ka .style-module_LeftContent__9OjX9 .style-module_AddressStepInfoMobile__7awcG {\n display: none;\n}\n@media only screen and (max-width: 1000px) {\n .style-module_CheckoutPage__ZhJkP .style-module_Left__Fi9Ka .style-module_LeftContent__9OjX9 .style-module_AddressStepInfoMobile__7awcG {\n display: block;\n padding-top: 16px;\n }\n}\n.style-module_CheckoutPage__ZhJkP .style-module_Left__Fi9Ka .style-module_LeftContent__9OjX9 .style-module_AddressStepInfoMobile__7awcG .style-module_Address__yS7Ou {\n font-size: 16px;\n}\n.style-module_CheckoutPage__ZhJkP .style-module_Left__Fi9Ka .style-module_LeftContent__9OjX9 .style-module_AddressStepInfoMobile__7awcG .style-module_Address__yS7Ou .style-module_Text__jEuRS {\n font-size: 14px;\n}\n.style-module_CheckoutPage__ZhJkP .style-module_Left__Fi9Ka .style-module_LeftContent__9OjX9 .style-module_AddressStepInfoMobile__7awcG .style-module_Address__yS7Ou .style-module_Text__jEuRS.style-module_WithMBottom__4Eb0o {\n margin-bottom: 12px;\n}\n.style-module_CheckoutPage__ZhJkP .style-module_Left__Fi9Ka .style-module_LeftContent__9OjX9 .style-module_AddressStepInfoMobile__7awcG .style-module_Address__yS7Ou .style-module_Text__jEuRS.style-module_Gray__p6WTS {\n color: var(--checkout-secondary-text-color);\n}\n@media only screen and (max-width: 1000px) {\n .style-module_CheckoutPage__ZhJkP .style-module_Left__Fi9Ka .style-module_LeftContent__9OjX9 .style-module_ErrorContainer__TAK-J {\n padding: 0 24px;\n }\n}\n@media only screen and (max-width: 480px) {\n .style-module_CheckoutPage__ZhJkP .style-module_Left__Fi9Ka .style-module_LeftContent__9OjX9 .style-module_ErrorContainer__TAK-J {\n padding: 0 10px;\n }\n}\n.style-module_CheckoutPage__ZhJkP .style-module_Left__Fi9Ka .style-module_Header__V7Pe2 {\n width: 100%;\n height: 96px;\n display: flex;\n justify-content: space-between;\n align-items: center;\n font-weight: 500;\n font-size: 20px;\n margin-bottom: 44px;\n}\n@media only screen and (max-width: 1280px) {\n .style-module_CheckoutPage__ZhJkP .style-module_Left__Fi9Ka .style-module_Header__V7Pe2 {\n border-bottom: 1px solid var(--checkout-border-color);\n }\n}\n.style-module_CheckoutPage__ZhJkP .style-module_Left__Fi9Ka .style-module_Header__V7Pe2 a {\n flex: 1 1 auto;\n}\n.style-module_CheckoutPage__ZhJkP .style-module_Left__Fi9Ka .style-module_Header__V7Pe2 .style-module_Logo__y9GGC {\n width: calc(100% - 24px);\n max-width: 200px;\n height: 64px;\n position: relative;\n user-select: none;\n cursor: pointer;\n}\n.style-module_CheckoutPage__ZhJkP .style-module_Left__Fi9Ka .style-module_Header__V7Pe2 .style-module_Logo__y9GGC img {\n object-fit: contain;\n object-position: left;\n pointer-events: none;\n}\n@media only screen and (max-width: 1280px) {\n .style-module_CheckoutPage__ZhJkP .style-module_Left__Fi9Ka .style-module_Header__V7Pe2 .style-module_Logo__y9GGC {\n max-width: 150px;\n }\n}\n.style-module_CheckoutPage__ZhJkP .style-module_Left__Fi9Ka .style-module_Header__V7Pe2 .style-module_LoginText__OOD8r {\n font-size: 14px;\n text-align: right;\n flex: 0 0 auto;\n}\n.style-module_CheckoutPage__ZhJkP .style-module_Left__Fi9Ka .style-module_Header__V7Pe2 .style-module_LoginText__OOD8r span {\n color: var(--checkout-secondary-text-color);\n}\n.style-module_CheckoutPage__ZhJkP .style-module_Left__Fi9Ka .style-module_Header__V7Pe2 .style-module_LoginBtn__m-qco {\n margin-left: 4px;\n font-weight: bold;\n user-select: none;\n cursor: pointer;\n font-weight: 500;\n}\n.style-module_CheckoutPage__ZhJkP .style-module_Left__Fi9Ka .style-module_Header__V7Pe2 .style-module_CustomerInfo__ECTKP {\n display: flex;\n flex-direction: column;\n align-items: flex-end;\n}\n.style-module_CheckoutPage__ZhJkP .style-module_Left__Fi9Ka .style-module_Header__V7Pe2 .style-module_CustomerInfo__ECTKP .style-module_Name__iIq-v {\n font-size: 20px;\n font-weight: 600;\n}\n.style-module_CheckoutPage__ZhJkP .style-module_Left__Fi9Ka .style-module_Header__V7Pe2 .style-module_CustomerInfo__ECTKP .style-module_Email__UX6fN {\n font-weight: 500;\n font-size: 14px;\n user-select: none;\n color: var(--checkout-secondary-text-color);\n}\n@media only screen and (max-width: 1000px) {\n .style-module_CheckoutPage__ZhJkP .style-module_Left__Fi9Ka .style-module_Header__V7Pe2 {\n height: 72px;\n margin-bottom: 0;\n padding: 0 24px;\n }\n .style-module_CheckoutPage__ZhJkP .style-module_Left__Fi9Ka .style-module_Header__V7Pe2 .style-module_CustomerInfo__ECTKP .style-module_Name__iIq-v {\n font-size: 15px;\n }\n .style-module_CheckoutPage__ZhJkP .style-module_Left__Fi9Ka .style-module_Header__V7Pe2 .style-module_CustomerInfo__ECTKP .style-module_Email__UX6fN {\n font-size: 13px;\n }\n .style-module_CheckoutPage__ZhJkP .style-module_Left__Fi9Ka .style-module_Header__V7Pe2 .style-module_LoginText__OOD8r {\n display: flex;\n flex-direction: column;\n padding-bottom: 0;\n }\n .style-module_CheckoutPage__ZhJkP .style-module_Left__Fi9Ka .style-module_Header__V7Pe2 .style-module_LoginText__OOD8r .style-module_LoginCta__TDolx {\n display: none;\n }\n}\n.style-module_CheckoutPage__ZhJkP .style-module_Left__Fi9Ka .style-module_MobileCartSummary__bUmJj {\n position: sticky;\n top: 0;\n z-index: 10;\n}\n@media only screen and (min-width: 1000px) {\n .style-module_CheckoutPage__ZhJkP .style-module_Left__Fi9Ka .style-module_MobileCartSummary__bUmJj {\n display: none;\n }\n}\n.style-module_CheckoutPage__ZhJkP .style-module_Left__Fi9Ka .style-module_RowPB__tAM9q {\n padding-bottom: 16px;\n}\n@media only screen and (max-width: 1000px) {\n .style-module_CheckoutPage__ZhJkP .style-module_Left__Fi9Ka {\n width: 100%;\n justify-content: center;\n padding-right: 0px;\n padding-left: 0px;\n }\n .style-module_CheckoutPage__ZhJkP .style-module_Left__Fi9Ka .style-module_LeftContent__9OjX9 {\n width: 100%;\n min-width: auto;\n max-width: 100%;\n }\n}\n.style-module_CheckoutPage__ZhJkP .style-module_Right__1BcGi {\n width: 50%;\n min-height: 100%;\n flex: 0 0 auto;\n background-color: var(--checkout-secondary-bg-color);\n display: flex;\n padding-left: 64px;\n padding-right: 20px;\n position: sticky;\n top: 0;\n overflow-y: auto;\n z-index: 1;\n}\n.style-module_CheckoutPage__ZhJkP .style-module_Right__1BcGi .style-module_RightContent__qvFkp {\n width: 100%;\n max-width: 600px;\n padding-top: 168px;\n display: flex;\n flex-direction: column;\n justify-content: space-between;\n}\n.style-module_CheckoutPage__ZhJkP .style-module_Right__1BcGi .style-module_RightContent__qvFkp .style-module_PoweredBy__3k1Sx {\n width: 100%;\n padding: 16px 0;\n display: flex;\n justify-content: center;\n align-items: center;\n color: var(--checkout-primary-text-color);\n user-select: none;\n}\n.style-module_CheckoutPage__ZhJkP .style-module_Right__1BcGi .style-module_RightContent__qvFkp .style-module_PoweredBy__3k1Sx span {\n font-size: 14px;\n line-height: 20px;\n color: var(--checkout-secondary-text-color);\n margin-right: 8px;\n}\n.style-module_CheckoutPage__ZhJkP .style-module_Right__1BcGi .style-module_RightContent__qvFkp .style-module_PoweredBy__3k1Sx a {\n display: flex;\n align-items: center;\n}\n@media only screen and (max-width: 1000px) {\n .style-module_CheckoutPage__ZhJkP .style-module_Right__1BcGi {\n display: none;\n }\n}\n\n.style-module_LightText__IsehB {\n color: var(--checkout-secondary-text-color);\n}\n\n.style-module_ReactTooltipWrap__HX-4g {\n max-width: 300px;\n}\n\n.style-module_CouponContainer__75r01 {\n width: 100%;\n}\n@media only screen and (max-width: 1000px) {\n .style-module_CouponContainer__75r01 {\n padding: 0 24px;\n margin-top: 24px;\n }\n}\n\n.style-module_OfferSlider__-XwAY {\n display: flex;\n overflow: hidden;\n position: relative;\n}\n\n.style-module_OfferArrow__xVE-T {\n padding: 10px;\n justify-content: center;\n align-items: center;\n border-radius: 32px;\n border: 1px solid var(--checkout-border-color);\n display: flex;\n position: absolute;\n top: 50%;\n transform: translateY(-50%);\n width: 40px;\n height: 40px;\n cursor: pointer;\n z-index: 9;\n background-color: #fff;\n}\n@media only screen and (max-width: 1000px) {\n .style-module_OfferArrow__xVE-T {\n display: none;\n }\n}\n\n.style-module_OfferArrowLeft__Xravz {\n left: -20px;\n}\n\n.style-module_OfferArrowRight__8dOYq {\n right: -20px;\n}\n\n.style-module_CampaignOfferMain__YuOGC {\n position: relative;\n}\n\n.style-module_FullPageOfferMain__I10XC {\n position: fixed;\n top: 0;\n left: 0;\n right: 0;\n bottom: 0;\n width: 100%;\n height: 100%;\n background-color: #fff;\n z-index: 2;\n overflow: auto;\n}\n\n.style-module_FullPageOfferContainer__C5BUd {\n margin: 10% auto;\n max-width: 1048px;\n}\n.style-module_FullPageOfferContainer__C5BUd .style-module_OfferSuccessInfo__dqaz7 {\n display: flex;\n justify-content: space-between;\n align-items: center;\n margin-bottom: 32px;\n}\n.style-module_FullPageOfferContainer__C5BUd .style-module_OfferSuccessInfo__dqaz7 .style-module_OfferSuccessHeader__XXQT0 {\n display: flex;\n align-items: center;\n margin-bottom: 8px;\n}\n.style-module_FullPageOfferContainer__C5BUd .style-module_OfferSuccessInfo__dqaz7 .style-module_OfferSuccessHeader__XXQT0 svg {\n width: 24px;\n height: 24px;\n}\n.style-module_FullPageOfferContainer__C5BUd .style-module_OfferSuccessInfo__dqaz7 .style-module_SuccessCircle__MTabL {\n color: #2dca73;\n}\n.style-module_FullPageOfferContainer__C5BUd .style-module_OfferSuccessInfo__dqaz7 .style-module_SuccessTitle__tCH2A {\n font-size: 20px;\n font-weight: 400;\n line-height: 28px;\n margin-left: 12px;\n}\n\n.style-module_OfferOrderInfoMain__-aqgA {\n display: flex;\n gap: 4px;\n}\n.style-module_OfferOrderInfoMain__-aqgA .style-module_InfoTitle__Zd6Dd {\n font-size: 16px;\n font-style: normal;\n font-weight: 400;\n line-height: 24px;\n color: var(--checkout-secondary-text-color);\n}\n.style-module_OfferOrderInfoMain__-aqgA .style-module_InfoText__MOjKO {\n font-size: 16px;\n font-style: normal;\n font-weight: 500;\n line-height: 24px;\n color: var(--checkout-primary-text-color);\n}\n\n.style-module_OfferButton__0hTNI {\n font-weight: 500 !important;\n width: 100%;\n height: 52px !important;\n font-size: 16px;\n}\n\n.style-module_MiddlePhaseOverlay__LPV2A {\n position: fixed;\n background-color: var(--checkout-campaign-middle-phase-overlay-color);\n width: 100%;\n height: 100%;\n z-index: 99;\n top: 72px;\n left: 0;\n right: 0;\n bottom: 0;\n overflow: auto;\n}\n\n.style-module_MiddlePhaseOverlayPopup__BNC61 {\n top: 0;\n}\n\n.style-module_CampaignOfferMain__YuOGC {\n position: relative;\n z-index: 100;\n background-color: #fff;\n}\n\n.style-module_OverlayPopupMain__4PrI0 {\n width: 95%;\n margin: 0 auto;\n border-radius: 12px;\n position: fixed;\n top: 5%;\n left: 2.5%;\n height: 80vh;\n overflow: auto;\n}');export{t as default};
|
|
1
|
+
import e from'./../../ext/style-inject/dist/style-inject.es.js';var t={CheckoutPage:"style-module_CheckoutPage__ZhJkP",Left:"style-module_Left__Fi9Ka",epaykolay:"style-module_epaykolay__3MlS-",LeftContent:"style-module_LeftContent__9OjX9",Space:"style-module_Space__rZnAy",Footer:"style-module_Footer__x-8Uy",FooterItem:"style-module_FooterItem__33V-M",FooterBullet:"style-module_FooterBullet__ReSoQ",AdressStepInfo:"style-module_AdressStepInfo__n4JGO",Address:"style-module_Address__yS7Ou",Text:"style-module_Text__jEuRS",WithMBottom:"style-module_WithMBottom__4Eb0o",WithMTop:"style-module_WithMTop__I550k",Gray:"style-module_Gray__p6WTS",EditBtn:"style-module_EditBtn__1BG0f",AddressStepInfoMobile:"style-module_AddressStepInfoMobile__7awcG",ErrorContainer:"style-module_ErrorContainer__TAK-J",Header:"style-module_Header__V7Pe2",Logo:"style-module_Logo__y9GGC",LoginText:"style-module_LoginText__OOD8r",LoginBtn:"style-module_LoginBtn__m-qco",CustomerInfo:"style-module_CustomerInfo__ECTKP",Name:"style-module_Name__iIq-v",Email:"style-module_Email__UX6fN",LoginCta:"style-module_LoginCta__TDolx",MobileCartSummary:"style-module_MobileCartSummary__bUmJj",RowPB:"style-module_RowPB__tAM9q",Right:"style-module_Right__1BcGi",RightContent:"style-module_RightContent__qvFkp",PoweredBy:"style-module_PoweredBy__3k1Sx",LightText:"style-module_LightText__IsehB",ReactTooltipWrap:"style-module_ReactTooltipWrap__HX-4g",CouponContainer:"style-module_CouponContainer__75r01",OfferSlider:"style-module_OfferSlider__-XwAY",OfferArrow:"style-module_OfferArrow__xVE-T",OfferArrowLeft:"style-module_OfferArrowLeft__Xravz",OfferArrowRight:"style-module_OfferArrowRight__8dOYq",CampaignOfferMain:"style-module_CampaignOfferMain__YuOGC",FullPageOfferMain:"style-module_FullPageOfferMain__I10XC",FullPageOfferContainer:"style-module_FullPageOfferContainer__C5BUd",OfferSuccessInfo:"style-module_OfferSuccessInfo__dqaz7",OfferSuccessHeader:"style-module_OfferSuccessHeader__XXQT0",SuccessCircle:"style-module_SuccessCircle__MTabL",SuccessTitle:"style-module_SuccessTitle__tCH2A",OfferOrderInfoMain:"style-module_OfferOrderInfoMain__-aqgA",InfoTitle:"style-module_InfoTitle__Zd6Dd",InfoText:"style-module_InfoText__MOjKO",OfferButton:"style-module_OfferButton__0hTNI",MiddlePhaseOverlay:"style-module_MiddlePhaseOverlay__LPV2A",MiddlePhaseOverlayPopup:"style-module_MiddlePhaseOverlayPopup__BNC61",OverlayPopupMain:"style-module_OverlayPopupMain__4PrI0",LogoMain:"style-module_LogoMain__TVrEL"};e('.style-module_CheckoutPage__ZhJkP {\n all: unset;\n font-family: -apple-system, system-ui, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;\n font-size: 16px !important;\n width: 100%;\n height: 100vh;\n overflow: auto;\n overflow-x: hidden;\n display: flex;\n color: var(--checkout-primary-text-color);\n background-color: var(--checkout-primary-bg-color);\n}\n.style-module_CheckoutPage__ZhJkP input::placeholder,\n.style-module_CheckoutPage__ZhJkP textarea::placeholder {\n all: unset;\n}\n.style-module_CheckoutPage__ZhJkP a,\n.style-module_CheckoutPage__ZhJkP a:hover,\n.style-module_CheckoutPage__ZhJkP a:focus,\n.style-module_CheckoutPage__ZhJkP a:active {\n color: inherit;\n}\n.style-module_CheckoutPage__ZhJkP * {\n box-sizing: border-box !important;\n font-family: -apple-system, system-ui, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;\n font-size: 16px;\n letter-spacing: normal;\n font-weight: normal;\n line-height: unset;\n}\n.style-module_CheckoutPage__ZhJkP .style-module_Left__Fi9Ka {\n width: 50%;\n flex: 0 0 auto;\n display: flex;\n flex-direction: column;\n align-items: flex-end;\n padding-left: 20px;\n padding-right: 64px;\n background-color: var(--checkout-primary-bg-color);\n z-index: 1;\n}\n.style-module_CheckoutPage__ZhJkP .style-module_Left__Fi9Ka.style-module_epaykolay__3MlS- {\n padding-left: 0;\n padding-right: 0;\n z-index: 2;\n}\n.style-module_CheckoutPage__ZhJkP .style-module_Left__Fi9Ka .style-module_LeftContent__9OjX9 {\n width: 100%;\n min-width: 400px;\n max-width: 600px;\n display: flex;\n flex-direction: column;\n justify-content: space-between;\n min-height: 100vh;\n}\n.style-module_CheckoutPage__ZhJkP .style-module_Left__Fi9Ka .style-module_LeftContent__9OjX9 .style-module_Space__rZnAy {\n width: 100%;\n height: 100px;\n}\n@media only screen and (max-width: 1000px) {\n .style-module_CheckoutPage__ZhJkP .style-module_Left__Fi9Ka .style-module_LeftContent__9OjX9 .style-module_Space__rZnAy {\n height: 48px;\n }\n}\n.style-module_CheckoutPage__ZhJkP .style-module_Left__Fi9Ka .style-module_LeftContent__9OjX9 .style-module_Footer__x-8Uy {\n flex: 0 0 auto;\n background-color: transparent;\n width: 100%;\n display: flex;\n justify-content: center;\n align-items: center;\n flex-wrap: wrap;\n padding: 12.205px 0;\n}\n.style-module_CheckoutPage__ZhJkP .style-module_Left__Fi9Ka .style-module_LeftContent__9OjX9 .style-module_Footer__x-8Uy .style-module_FooterItem__33V-M {\n font-size: 14px;\n color: var(--checkout-secondary-text-color);\n cursor: pointer;\n user-select: none;\n}\n.style-module_CheckoutPage__ZhJkP .style-module_Left__Fi9Ka .style-module_LeftContent__9OjX9 .style-module_Footer__x-8Uy .style-module_FooterItem__33V-M:hover {\n color: var(--checkout-primary-text-color);\n}\n.style-module_CheckoutPage__ZhJkP .style-module_Left__Fi9Ka .style-module_LeftContent__9OjX9 .style-module_Footer__x-8Uy .style-module_FooterBullet__ReSoQ {\n margin: 0 12px;\n color: var(--checkout-secondary-text-color);\n}\n@media only screen and (max-width: 1000px) {\n .style-module_CheckoutPage__ZhJkP .style-module_Left__Fi9Ka .style-module_LeftContent__9OjX9 .style-module_Footer__x-8Uy {\n width: 100%;\n }\n .style-module_CheckoutPage__ZhJkP .style-module_Left__Fi9Ka .style-module_LeftContent__9OjX9 .style-module_Footer__x-8Uy .style-module_FooterItem__33V-M {\n text-align: center;\n }\n}\n.style-module_CheckoutPage__ZhJkP .style-module_Left__Fi9Ka .style-module_LeftContent__9OjX9 .style-module_AdressStepInfo__n4JGO {\n display: flex;\n justify-content: space-between;\n padding-left: 78px;\n padding-top: 5px;\n width: 100%;\n}\n.style-module_CheckoutPage__ZhJkP .style-module_Left__Fi9Ka .style-module_LeftContent__9OjX9 .style-module_AdressStepInfo__n4JGO .style-module_Address__yS7Ou {\n font-size: 16px;\n}\n.style-module_CheckoutPage__ZhJkP .style-module_Left__Fi9Ka .style-module_LeftContent__9OjX9 .style-module_AdressStepInfo__n4JGO .style-module_Address__yS7Ou .style-module_Text__jEuRS {\n font-size: 14px;\n}\n.style-module_CheckoutPage__ZhJkP .style-module_Left__Fi9Ka .style-module_LeftContent__9OjX9 .style-module_AdressStepInfo__n4JGO .style-module_Address__yS7Ou .style-module_Text__jEuRS.style-module_WithMBottom__4Eb0o {\n margin-bottom: 12px;\n}\n.style-module_CheckoutPage__ZhJkP .style-module_Left__Fi9Ka .style-module_LeftContent__9OjX9 .style-module_AdressStepInfo__n4JGO .style-module_Address__yS7Ou .style-module_Text__jEuRS.style-module_WithMTop__I550k {\n margin-top: 12px;\n}\n.style-module_CheckoutPage__ZhJkP .style-module_Left__Fi9Ka .style-module_LeftContent__9OjX9 .style-module_AdressStepInfo__n4JGO .style-module_Address__yS7Ou .style-module_Text__jEuRS.style-module_Gray__p6WTS {\n color: var(--checkout-secondary-text-color);\n}\n.style-module_CheckoutPage__ZhJkP .style-module_Left__Fi9Ka .style-module_LeftContent__9OjX9 .style-module_AdressStepInfo__n4JGO .style-module_EditBtn__1BG0f {\n cursor: pointer;\n user-select: none;\n align-self: flex-start;\n}\n.style-module_CheckoutPage__ZhJkP .style-module_Left__Fi9Ka .style-module_LeftContent__9OjX9 .style-module_AdressStepInfo__n4JGO .style-module_EditBtn__1BG0f:hover {\n text-decoration: underline;\n}\n@media only screen and (max-width: 1000px) {\n .style-module_CheckoutPage__ZhJkP .style-module_Left__Fi9Ka .style-module_LeftContent__9OjX9 .style-module_AdressStepInfo__n4JGO {\n padding-top: 0;\n justify-content: flex-end;\n }\n .style-module_CheckoutPage__ZhJkP .style-module_Left__Fi9Ka .style-module_LeftContent__9OjX9 .style-module_AdressStepInfo__n4JGO .style-module_Address__yS7Ou {\n display: none;\n }\n}\n.style-module_CheckoutPage__ZhJkP .style-module_Left__Fi9Ka .style-module_LeftContent__9OjX9 .style-module_AddressStepInfoMobile__7awcG {\n display: none;\n}\n@media only screen and (max-width: 1000px) {\n .style-module_CheckoutPage__ZhJkP .style-module_Left__Fi9Ka .style-module_LeftContent__9OjX9 .style-module_AddressStepInfoMobile__7awcG {\n display: block;\n padding-top: 16px;\n }\n}\n.style-module_CheckoutPage__ZhJkP .style-module_Left__Fi9Ka .style-module_LeftContent__9OjX9 .style-module_AddressStepInfoMobile__7awcG .style-module_Address__yS7Ou {\n font-size: 16px;\n}\n.style-module_CheckoutPage__ZhJkP .style-module_Left__Fi9Ka .style-module_LeftContent__9OjX9 .style-module_AddressStepInfoMobile__7awcG .style-module_Address__yS7Ou .style-module_Text__jEuRS {\n font-size: 14px;\n}\n.style-module_CheckoutPage__ZhJkP .style-module_Left__Fi9Ka .style-module_LeftContent__9OjX9 .style-module_AddressStepInfoMobile__7awcG .style-module_Address__yS7Ou .style-module_Text__jEuRS.style-module_WithMBottom__4Eb0o {\n margin-bottom: 12px;\n}\n.style-module_CheckoutPage__ZhJkP .style-module_Left__Fi9Ka .style-module_LeftContent__9OjX9 .style-module_AddressStepInfoMobile__7awcG .style-module_Address__yS7Ou .style-module_Text__jEuRS.style-module_Gray__p6WTS {\n color: var(--checkout-secondary-text-color);\n}\n@media only screen and (max-width: 1000px) {\n .style-module_CheckoutPage__ZhJkP .style-module_Left__Fi9Ka .style-module_LeftContent__9OjX9 .style-module_ErrorContainer__TAK-J {\n padding: 0 24px;\n }\n}\n@media only screen and (max-width: 480px) {\n .style-module_CheckoutPage__ZhJkP .style-module_Left__Fi9Ka .style-module_LeftContent__9OjX9 .style-module_ErrorContainer__TAK-J {\n padding: 0 10px;\n }\n}\n.style-module_CheckoutPage__ZhJkP .style-module_Left__Fi9Ka .style-module_Header__V7Pe2 {\n width: 100%;\n height: 96px;\n display: flex;\n justify-content: space-between;\n align-items: center;\n font-weight: 500;\n font-size: 20px;\n margin-bottom: 44px;\n}\n@media only screen and (max-width: 1280px) {\n .style-module_CheckoutPage__ZhJkP .style-module_Left__Fi9Ka .style-module_Header__V7Pe2 {\n border-bottom: 1px solid var(--checkout-border-color);\n }\n}\n.style-module_CheckoutPage__ZhJkP .style-module_Left__Fi9Ka .style-module_Header__V7Pe2 a {\n flex: 1 1 auto;\n}\n.style-module_CheckoutPage__ZhJkP .style-module_Left__Fi9Ka .style-module_Header__V7Pe2 .style-module_Logo__y9GGC {\n width: calc(100% - 24px);\n max-width: 200px;\n height: 64px;\n position: relative;\n user-select: none;\n cursor: pointer;\n}\n.style-module_CheckoutPage__ZhJkP .style-module_Left__Fi9Ka .style-module_Header__V7Pe2 .style-module_Logo__y9GGC img {\n object-fit: contain;\n object-position: left;\n pointer-events: none;\n}\n@media only screen and (max-width: 1280px) {\n .style-module_CheckoutPage__ZhJkP .style-module_Left__Fi9Ka .style-module_Header__V7Pe2 .style-module_Logo__y9GGC {\n max-width: 150px;\n }\n}\n.style-module_CheckoutPage__ZhJkP .style-module_Left__Fi9Ka .style-module_Header__V7Pe2 .style-module_LoginText__OOD8r {\n font-size: 14px;\n text-align: right;\n flex: 0 0 auto;\n}\n.style-module_CheckoutPage__ZhJkP .style-module_Left__Fi9Ka .style-module_Header__V7Pe2 .style-module_LoginText__OOD8r span {\n color: var(--checkout-secondary-text-color);\n}\n.style-module_CheckoutPage__ZhJkP .style-module_Left__Fi9Ka .style-module_Header__V7Pe2 .style-module_LoginBtn__m-qco {\n margin-left: 4px;\n font-weight: bold;\n user-select: none;\n cursor: pointer;\n font-weight: 500;\n}\n.style-module_CheckoutPage__ZhJkP .style-module_Left__Fi9Ka .style-module_Header__V7Pe2 .style-module_CustomerInfo__ECTKP {\n display: flex;\n flex-direction: column;\n align-items: flex-end;\n}\n.style-module_CheckoutPage__ZhJkP .style-module_Left__Fi9Ka .style-module_Header__V7Pe2 .style-module_CustomerInfo__ECTKP .style-module_Name__iIq-v {\n font-size: 20px;\n font-weight: 600;\n}\n.style-module_CheckoutPage__ZhJkP .style-module_Left__Fi9Ka .style-module_Header__V7Pe2 .style-module_CustomerInfo__ECTKP .style-module_Email__UX6fN {\n font-weight: 500;\n font-size: 14px;\n user-select: none;\n color: var(--checkout-secondary-text-color);\n}\n@media only screen and (max-width: 1000px) {\n .style-module_CheckoutPage__ZhJkP .style-module_Left__Fi9Ka .style-module_Header__V7Pe2 {\n height: 72px;\n margin-bottom: 0;\n padding: 0 24px;\n }\n .style-module_CheckoutPage__ZhJkP .style-module_Left__Fi9Ka .style-module_Header__V7Pe2 .style-module_CustomerInfo__ECTKP .style-module_Name__iIq-v {\n font-size: 15px;\n }\n .style-module_CheckoutPage__ZhJkP .style-module_Left__Fi9Ka .style-module_Header__V7Pe2 .style-module_CustomerInfo__ECTKP .style-module_Email__UX6fN {\n font-size: 13px;\n }\n .style-module_CheckoutPage__ZhJkP .style-module_Left__Fi9Ka .style-module_Header__V7Pe2 .style-module_LoginText__OOD8r {\n display: flex;\n flex-direction: column;\n padding-bottom: 0;\n }\n .style-module_CheckoutPage__ZhJkP .style-module_Left__Fi9Ka .style-module_Header__V7Pe2 .style-module_LoginText__OOD8r .style-module_LoginCta__TDolx {\n display: none;\n }\n}\n.style-module_CheckoutPage__ZhJkP .style-module_Left__Fi9Ka .style-module_MobileCartSummary__bUmJj {\n position: sticky;\n top: 0;\n z-index: 10;\n}\n@media only screen and (min-width: 1000px) {\n .style-module_CheckoutPage__ZhJkP .style-module_Left__Fi9Ka .style-module_MobileCartSummary__bUmJj {\n display: none;\n }\n}\n.style-module_CheckoutPage__ZhJkP .style-module_Left__Fi9Ka .style-module_RowPB__tAM9q {\n padding-bottom: 16px;\n}\n@media only screen and (max-width: 1000px) {\n .style-module_CheckoutPage__ZhJkP .style-module_Left__Fi9Ka {\n width: 100%;\n justify-content: center;\n padding-right: 0px;\n padding-left: 0px;\n }\n .style-module_CheckoutPage__ZhJkP .style-module_Left__Fi9Ka .style-module_LeftContent__9OjX9 {\n width: 100%;\n min-width: auto;\n max-width: 100%;\n }\n}\n.style-module_CheckoutPage__ZhJkP .style-module_Right__1BcGi {\n width: 50%;\n min-height: 100%;\n flex: 0 0 auto;\n background-color: var(--checkout-secondary-bg-color);\n display: flex;\n padding-left: 64px;\n padding-right: 20px;\n position: sticky;\n top: 0;\n overflow-y: auto;\n z-index: 1;\n}\n.style-module_CheckoutPage__ZhJkP .style-module_Right__1BcGi .style-module_RightContent__qvFkp {\n width: 100%;\n max-width: 600px;\n padding-top: 168px;\n display: flex;\n flex-direction: column;\n justify-content: space-between;\n}\n.style-module_CheckoutPage__ZhJkP .style-module_Right__1BcGi .style-module_RightContent__qvFkp .style-module_PoweredBy__3k1Sx {\n width: 100%;\n padding: 16px 0;\n display: flex;\n justify-content: center;\n align-items: center;\n color: var(--checkout-primary-text-color);\n user-select: none;\n}\n.style-module_CheckoutPage__ZhJkP .style-module_Right__1BcGi .style-module_RightContent__qvFkp .style-module_PoweredBy__3k1Sx span {\n font-size: 14px;\n line-height: 20px;\n color: var(--checkout-secondary-text-color);\n margin-right: 8px;\n}\n.style-module_CheckoutPage__ZhJkP .style-module_Right__1BcGi .style-module_RightContent__qvFkp .style-module_PoweredBy__3k1Sx a {\n display: flex;\n align-items: center;\n}\n@media only screen and (max-width: 1000px) {\n .style-module_CheckoutPage__ZhJkP .style-module_Right__1BcGi {\n display: none;\n }\n}\n\n.style-module_LightText__IsehB {\n color: var(--checkout-secondary-text-color);\n}\n\n.style-module_ReactTooltipWrap__HX-4g {\n max-width: 300px;\n}\n\n.style-module_CouponContainer__75r01 {\n width: 100%;\n}\n@media only screen and (max-width: 1000px) {\n .style-module_CouponContainer__75r01 {\n padding: 0 24px;\n margin-top: 24px;\n }\n}\n\n.style-module_OfferSlider__-XwAY {\n display: flex;\n overflow: hidden;\n position: relative;\n}\n\n.style-module_OfferArrow__xVE-T {\n padding: 10px;\n justify-content: center;\n align-items: center;\n border-radius: 32px;\n border: 1px solid var(--checkout-border-color);\n display: flex;\n position: absolute;\n top: 50%;\n transform: translateY(-50%);\n width: 40px;\n height: 40px;\n cursor: pointer;\n z-index: 9;\n background-color: #fff;\n}\n@media only screen and (max-width: 1000px) {\n .style-module_OfferArrow__xVE-T {\n display: none;\n }\n}\n\n.style-module_OfferArrowLeft__Xravz {\n left: -20px;\n}\n\n.style-module_OfferArrowRight__8dOYq {\n right: -20px;\n}\n\n.style-module_CampaignOfferMain__YuOGC {\n position: relative;\n}\n\n.style-module_FullPageOfferMain__I10XC {\n position: fixed;\n top: 0;\n left: 0;\n right: 0;\n bottom: 0;\n width: 100%;\n height: 100%;\n background-color: #fff;\n z-index: 2;\n overflow: auto;\n}\n\n.style-module_FullPageOfferContainer__C5BUd {\n margin: 10% auto;\n max-width: 1048px;\n}\n.style-module_FullPageOfferContainer__C5BUd .style-module_OfferSuccessInfo__dqaz7 {\n display: flex;\n justify-content: space-between;\n align-items: center;\n margin-bottom: 32px;\n}\n.style-module_FullPageOfferContainer__C5BUd .style-module_OfferSuccessInfo__dqaz7 .style-module_OfferSuccessHeader__XXQT0 {\n display: flex;\n align-items: center;\n margin-bottom: 8px;\n}\n.style-module_FullPageOfferContainer__C5BUd .style-module_OfferSuccessInfo__dqaz7 .style-module_OfferSuccessHeader__XXQT0 svg {\n width: 24px;\n height: 24px;\n}\n.style-module_FullPageOfferContainer__C5BUd .style-module_OfferSuccessInfo__dqaz7 .style-module_SuccessCircle__MTabL {\n color: #2dca73;\n}\n.style-module_FullPageOfferContainer__C5BUd .style-module_OfferSuccessInfo__dqaz7 .style-module_SuccessTitle__tCH2A {\n font-size: 20px;\n font-weight: 400;\n line-height: 28px;\n margin-left: 12px;\n}\n\n.style-module_OfferOrderInfoMain__-aqgA {\n display: flex;\n gap: 4px;\n}\n.style-module_OfferOrderInfoMain__-aqgA .style-module_InfoTitle__Zd6Dd {\n font-size: 16px;\n font-style: normal;\n font-weight: 400;\n line-height: 24px;\n color: var(--checkout-secondary-text-color);\n}\n.style-module_OfferOrderInfoMain__-aqgA .style-module_InfoText__MOjKO {\n font-size: 16px;\n font-style: normal;\n font-weight: 500;\n line-height: 24px;\n color: var(--checkout-primary-text-color);\n}\n\n.style-module_OfferButton__0hTNI {\n font-weight: 500 !important;\n width: 100%;\n height: 52px !important;\n font-size: 16px;\n}\n\n.style-module_MiddlePhaseOverlay__LPV2A {\n position: fixed;\n background-color: var(--checkout-campaign-middle-phase-overlay-color);\n width: 100%;\n height: 100%;\n z-index: 99;\n top: 72px;\n left: 0;\n right: 0;\n bottom: 0;\n overflow: auto;\n}\n\n.style-module_MiddlePhaseOverlayPopup__BNC61 {\n top: 0;\n}\n\n.style-module_CampaignOfferMain__YuOGC {\n position: relative;\n z-index: 100;\n background-color: #fff;\n}\n\n.style-module_OverlayPopupMain__4PrI0 {\n width: 95%;\n margin: 0 auto;\n border-radius: 12px;\n position: fixed;\n top: 5%;\n left: 2.5%;\n height: 80vh;\n overflow: auto;\n}\n\n.style-module_LogoMain__TVrEL {\n margin-bottom: 32px;\n display: flex;\n justify-content: center;\n}\n.style-module_LogoMain__TVrEL .style-module_Logo__y9GGC {\n width: calc(100% - 24px);\n max-width: 200px;\n height: 64px;\n position: relative;\n user-select: none;\n}\n.style-module_LogoMain__TVrEL .style-module_Logo__y9GGC img {\n object-fit: contain;\n pointer-events: none;\n}\n@media only screen and (max-width: 1280px) {\n .style-module_LogoMain__TVrEL .style-module_Logo__y9GGC {\n max-width: 150px;\n }\n}');export{t as default};
|
|
@@ -1 +1 @@
|
|
|
1
|
-
import{makeAutoObservable as e}from"mobx";import{IkasThemeJsonComponent as n}from"./component/index.js";import{IkasThemeJsonComponentProp as o}from"./component/prop/index.js";import{IkasThemeJsonCustomData as
|
|
1
|
+
import{makeAutoObservable as e}from"mobx";import{IkasThemeJsonComponent as n}from"./component/index.js";import{IkasThemeJsonComponentProp as o}from"./component/prop/index.js";import{IkasThemeJsonCustomData as r}from"./custom-data/index.js";import{IkasThemeJsonPage as i}from"./page/index.js";import{IkasThemeJsonPageComponent as t}from"./page/component/index.js";import{IkasThemeJsonSettings as a}from"./settings/index.js";import{IkasThemeJsonComponentPropType as s,IkasThemeJsonPageType as p}from"@ikas/storefront-models";var m="checkout",u=function(){function m(o){var t;void 0===o&&(o={}),this.name=o.name||"",this.components=o.components?o.components.map((function(e){return new n(e)})):[],this.pages=o.pages?o.pages.map((function(e){return new i(e)})):[],this.settings=o.settings?new a(o.settings):new a,this.customData=o.customData?null===(t=o.customData)||void 0===t?void 0:t.map((function(e){return new r(e)})):[],this.createCheckoutData(),e(this)}return Object.defineProperty(m.prototype,"headerComponent",{get:function(){return this.components.find((function(e){return e.isHeader}))},enumerable:!1,configurable:!0}),Object.defineProperty(m.prototype,"footerComponent",{get:function(){return this.components.find((function(e){return e.isFooter}))},enumerable:!1,configurable:!0}),m.prototype.createCheckoutData=function(){var e=this.components.find((function(e){return"checkout"===e.id})),r=this.pages.find((function(e){return"checkout"===e.id}));e||(e=new n({id:"checkout",dir:"",displayName:"",props:[new o({name:"logo",isRequired:!1,type:s.IMAGE}),new o({name:"showTax",isRequired:!1,type:s.BOOLEAN}),new o({name:"showCampaignOffersDesign",isRequired:!1,type:s.BOOLEAN}),new o({name:"showCampaignIsBiggerImage",isRequired:!1,type:s.BOOLEAN}),new o({name:"campaignOfferIsSmallDesign",isRequired:!1,type:s.BOOLEAN}),new o({name:"campaignOffersTitleColor",isRequired:!1,type:s.COLOR}),new o({name:"campaignOffersDescriptionColor",isRequired:!1,type:s.COLOR}),new o({name:"showCampaignShowDiscountSettings",isRequired:!1,type:s.BOOLEAN}),new o({name:"showCampaignHideDiscountBadge",isRequired:!1,type:s.BOOLEAN}),new o({name:"campaignOfferCountdownStyleIsLine",isRequired:!1,type:s.BOOLEAN}),new o({name:"campaignOffersDiscountPercentageColor",isRequired:!1,type:s.COLOR}),new o({name:"campaignOffersDiscountPercentageBgColor",isRequired:!1,type:s.COLOR}),new o({name:"showCampaignShowCountdownSettings",isRequired:!1,type:s.BOOLEAN}),new o({name:"campaignOffersCountdownTextColor",isRequired:!1,type:s.COLOR}),new o({name:"campaignOffersCountdownTimeColor",isRequired:!1,type:s.COLOR}),new o({name:"campaignOffersCountdownBgColor",isRequired:!1,type:s.COLOR}),new o({name:"campaignOffersEnableMiddlePhase",isRequired:!1,type:s.BOOLEAN}),new o({name:"campaignOffersMiddlePhaseOverlayColor",isRequired:!1,type:s.COLOR}),new o({name:"campaignOfferCountdownStyleIsLineSuccessPage",isRequired:!1,type:s.BOOLEAN}),new o({name:"buttonBgColor",isRequired:!1,type:s.COLOR}),new o({name:"buttonTextColor",isRequired:!1,type:s.COLOR}),new o({name:"buttonDisabledBgColor",isRequired:!1,type:s.COLOR}),new o({name:"buttonDisabledTextColor",isRequired:!1,type:s.COLOR}),new o({name:"primaryTextColor",isRequired:!1,type:s.COLOR}),new o({name:"secondaryTextColor",isRequired:!1,type:s.COLOR}),new o({name:"primaryBgColor",isRequired:!1,type:s.COLOR}),new o({name:"secondaryBgColor",isRequired:!1,type:s.COLOR}),new o({name:"borderColor",isRequired:!1,type:s.COLOR}),new o({name:"cardBgColor",isRequired:!1,type:s.COLOR}),new o({name:"errorColor",isRequired:!1,type:s.COLOR}),new o({name:"errorLightColor",isRequired:!1,type:s.COLOR}),new o({name:"warningColor",isRequired:!1,type:s.COLOR}),new o({name:"warningLightColor",isRequired:!1,type:s.COLOR}),new o({name:"successColor",isRequired:!1,type:s.COLOR}),new o({name:"successLightColor",isRequired:!1,type:s.COLOR}),new o({name:"secondaryButtonBgColor",isRequired:!1,type:s.COLOR}),new o({name:"secondaryButtonTextColor",isRequired:!1,type:s.COLOR}),new o({name:"secondaryButtonBorderColor",isRequired:!1,type:s.COLOR})]}),this.components.push(e)),r||this.pages.push(new i({id:"checkout",type:p.CHECKOUT,components:[new t({componentId:e.id,propValues:{logo:null,showTax:!0,showCampaignOffersDesign:!1,showCampaignIsBiggerImage:!1,campaignOfferIsSmallDesign:!1,showCampaignShowDiscountSettings:!1,showCampaignHideDiscountBadge:!1,campaignOfferCountdownStyleIsLine:!1,campaignOfferCountdownStyleIsLineSuccessPage:!1,showCampaignShowCountdownSettings:!1,campaignOffersEnableMiddlePhase:!1,campaignOffersTitleColor:c,campaignOffersDescriptionColor:O,campaignOffersDiscountPercentageColor:l,campaignOffersDiscountPercentageBgColor:g,campaignOffersCountdownTextColor:f,campaignOffersCountdownTimeColor:w,campaignOffersCountdownBgColor:y,campaignOffersMiddlePhaseOverlayColor:R,buttonBgColor:C,buttonTextColor:d,buttonDisabledBgColor:h,buttonDisabledTextColor:L,primaryTextColor:B,secondaryTextColor:F,primaryBgColor:q,secondaryBgColor:E,borderColor:D,cardBgColor:b,errorColor:x,errorLightColor:T,warningColor:S,warningLightColor:A,successColor:I,successLightColor:P,secondaryButtonBgColor:N,secondaryButtonTextColor:j,secondaryButtonBorderColor:k}})]}))},m}(),C="#272727",d="#FFFFFF",c="#272727",O="#272727",g="#FFF1BD",l="#272727",f="#272727",w="#FB4E4E",y="#FFF5F6",R="#27272799",h="#F7F7F9",L="#8A8B94",B="#272727",F="#8A8B94",q="#FFFFFF",E="#F7F7F9",D="#E5E4E9",b="#F7F7F9",x="#FB4E4E",T="#FCF3F4",S="#FFBC1F",A="#FFFAEE",I="#2DCA73",P="#F6FFED",N="#ffffff0",j="#272727",k="#E5E4E9";export{m as CHECKOUT_ID,u as IkasThemeJson};
|
package/build/pages/checkout.js
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
import{__rest as o,__awaiter as e,__generator as t,__assign as r}from'./../ext/tslib/tslib.es6.js';import*as i from"react";import{observer as s}from"mobx-react-lite";import d from"../components/checkout/index.js";import{useRouter as m}from"next/router.js";import{FullscreenLoading as n}from"../components/checkout/components/fullscreen-loading/index.js";import{CheckoutStep as a}from"../components/checkout/model.js";import{setAPIClientConfig as l,getCartById as c}from"@ikas/storefront-api";import{IkasStorefrontConfig as u}from"@ikas/storefront-config";import"../analytics/analytics.js";import"../analytics/head/index.js";import"../components/page/index.js";import"../components/page/head.js";import"next/image.js";import"@ikas/storefront-model-functions";import"../components/link/index.js";import"../components/page-editor/loader/style.module.scss.js";import"../components/google-captcha/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"@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{IkasCheckout as p}from"../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/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/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/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"../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"./home.js";import"./_slug_/index.js";import"./pages/_slug_.js";import"./account/index.js";import"./account/addresses.js";import"./account/orders/index.js";import"./account/orders/_id_.js";import"./account/login.js";import"./account/register.js";import"./account/forgot-password.js";import"./account/recover-password.js";import"./cart.js";import"./editor.js";import"./account/favorite-products.js";import"./search.js";import"next/error.js";import"./blog/index.js";import"./blog/_slug_.js";import"./raffle/_slug_.js";import"./raffle/index.js";import"./account/raffles.js";import"./account/activate.js";import{IkasBaseStore as j}from"../store/base.js";import"../store/customer/index.js";import"../store/cart/index.js";import"lodash/get";import{initIkasEvents as g}from"../analytics/events.js";import{APIErrorCode as x}from'./../ext/@ikas/fe-api-client/build/utils/api.js';import'./../ext/axios/index.js';import'./../ext/@ikas/fe-api-client/build/ext/lodash/_defineProperty.js';import'./../ext/@ikas/fe-api-client/build/ext/lodash/_baseGetTag.js';import'./../ext/@ikas/fe-api-client/build/ext/lodash/_stringToPath.js';import'./../ext/@ikas/fe-api-client/build/ext/lodash/_baseToString.js';var f=s((function(s){var f=s.checkoutSettings,y=s.customizationProps,v=s.configJson,h=o(s,["checkoutSettings","customizationProps","configJson"]),b=m(),k=i.useState(),E=k[0],F=k[1];u.init(v),l(),i.useEffect((function(){!function(o){document.documentElement.style.setProperty("--checkout-button-bg-color",(null==o?void 0:o.buttonBgColor)||"#272727"),document.documentElement.style.setProperty("--checkout-button-text-color",(null==o?void 0:o.buttonTextColor)||"#FFFFFF"),document.documentElement.style.setProperty("--checkout-button-disabled-bg-color",(null==o?void 0:o.buttonDisabledBgColor)||"#F7F7F9"),document.documentElement.style.setProperty("--checkout-button-disabled-text-color",(null==o?void 0:o.buttonDisabledTextColor)||"#8A8B94"),document.documentElement.style.setProperty("--checkout-primary-text-color",(null==o?void 0:o.primaryTextColor)||"#272727"),document.documentElement.style.setProperty("--checkout-secondary-text-color",(null==o?void 0:o.secondaryTextColor)||"#8A8B94"),document.documentElement.style.setProperty("--checkout-primary-bg-color",(null==o?void 0:o.primaryBgColor)||"#FFFFFF"),document.documentElement.style.setProperty("--checkout-secondary-bg-color",(null==o?void 0:o.secondaryBgColor)||"#F7F7F9"),document.documentElement.style.setProperty("--checkout-border-color",(null==o?void 0:o.borderColor)||"#E5E4E9"),document.documentElement.style.setProperty("--checkout-card-bg-color",(null==o?void 0:o.cardBgColor)||"#F7F7F9"),document.documentElement.style.setProperty("--checkout-error-color",(null==o?void 0:o.errorColor)||"#FB4E4E"),document.documentElement.style.setProperty("--checkout-error-light-color",(null==o?void 0:o.errorLightColor)||"#FCF3F4"),document.documentElement.style.setProperty("--checkout-warning-color",(null==o?void 0:o.warningColor)||"#FFBC1F"),document.documentElement.style.setProperty("--checkout-warning-light-color",(null==o?void 0:o.warningLightColor)||"#FFFAEE"),document.documentElement.style.setProperty("--checkout-success-color",(null==o?void 0:o.successColor)||"#2DCA73"),document.documentElement.style.setProperty("--checkout-success-light-color",(null==o?void 0:o.successLightColor)||"#F6FFED"),document.documentElement.style.setProperty("--checkout-campaign-title-color",(null==o?void 0:o.campaignOffersTitleColor)||"#272727"),document.documentElement.style.setProperty("--checkout-campaign-description-color",(null==o?void 0:o.campaignOffersDescriptionColor)||"#272727"),document.documentElement.style.setProperty("--checkout-campaign-discount-percentage-color",(null==o?void 0:o.campaignOffersDiscountPercentageColor)||"#272727"),document.documentElement.style.setProperty("--checkout-campaign-discount-percentage-bg-color",(null==o?void 0:o.campaignOffersDiscountPercentageBgColor)||"#FFF1BD"),document.documentElement.style.setProperty("--checkout-campaign-countdown-text-color",(null==o?void 0:o.campaignOffersCountdownTextColor)||"#272727"),document.documentElement.style.setProperty("--checkout-campaign-countdown-time-color",(null==o?void 0:o.campaignOffersCountdownTimeColor)||"#FB4E4E"),document.documentElement.style.setProperty("--checkout-campaign-countdown-bg-color",(null==o?void 0:o.campaignOffersCountdownBgColor)||"#FFF5F6"),document.documentElement.style.setProperty("--checkout-campaign-middle-phase-overlay-color",(null==o?void 0:o.campaignOffersMiddlePhaseOverlayColor)||"#292727ad")}(y)}),[y]),i.useEffect((function(){j.getInstance().checkLocalization(),C(),g()}),[]);var C=i.useCallback((function(){return e(void 0,void 0,void 0,(function(){var o,e,r,i,s,d;return t(this,(function(t){switch(t.label){case 0:return o=new URLSearchParams(window.location.search),e=o.get("id"),r=o.get("step"),e?(i=!1,r&&r===a.SUCCESS&&(i=!0),[4,c({id:e,getCompletedCart:i})]):[2,b.replace("/")];case 1:return(s=t.sent()).isSuccess&&s.data?(d=s.data,F(new p(d))):s.errorCodes.some((function(o){return o===x.LOGIN_REQUIRED}))?b.replace("/account/login?redirect="+encodeURIComponent(window.location.href)):b.replace("/"),[2]}}))}))}),[]);return E?i.createElement(d,r({checkout:E,checkoutSettings:f,customizationProps:y},h)):i.createElement(n,null)}));export{f as default};
|
|
1
|
+
import{__rest as o,__awaiter as t,__generator as e,__assign as r}from'./../ext/tslib/tslib.es6.js';import*as i from"react";import{observer as s}from"mobx-react-lite";import d from"../components/checkout/index.js";import{useRouter as n}from"next/router.js";import{FullscreenLoading as m}from"../components/checkout/components/fullscreen-loading/index.js";import{CheckoutStep as a}from"../components/checkout/model.js";import{setAPIClientConfig as l,getCartById as c}from"@ikas/storefront-api";import{IkasStorefrontConfig as u}from"@ikas/storefront-config";import"../analytics/analytics.js";import"../analytics/head/index.js";import"../components/page/index.js";import"../components/page/head.js";import"next/image.js";import"@ikas/storefront-model-functions";import"../components/link/index.js";import"../components/page-editor/loader/style.module.scss.js";import"../components/google-captcha/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"@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{IkasCheckout as p}from"../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/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/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/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"../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"./home.js";import"./_slug_/index.js";import"./pages/_slug_.js";import"./account/index.js";import"./account/addresses.js";import"./account/orders/index.js";import"./account/orders/_id_.js";import"./account/login.js";import"./account/register.js";import"./account/forgot-password.js";import"./account/recover-password.js";import"./cart.js";import"./editor.js";import"./account/favorite-products.js";import"./search.js";import"next/error.js";import"./blog/index.js";import"./blog/_slug_.js";import"./raffle/_slug_.js";import"./raffle/index.js";import"./account/raffles.js";import"./account/activate.js";import{IkasBaseStore as j}from"../store/base.js";import"../store/customer/index.js";import"../store/cart/index.js";import"lodash/get";import{initIkasEvents as g}from"../analytics/events.js";import{APIErrorCode as x}from'./../ext/@ikas/fe-api-client/build/utils/api.js';import'./../ext/axios/index.js';import'./../ext/@ikas/fe-api-client/build/ext/lodash/_defineProperty.js';import'./../ext/@ikas/fe-api-client/build/ext/lodash/_baseGetTag.js';import'./../ext/@ikas/fe-api-client/build/ext/lodash/_stringToPath.js';import'./../ext/@ikas/fe-api-client/build/ext/lodash/_baseToString.js';var f=s((function(s){var f=s.checkoutSettings,y=s.customizationProps,v=s.configJson,h=o(s,["checkoutSettings","customizationProps","configJson"]),b=n(),k=i.useState(),E=k[0],F=k[1];u.init(v),l(),i.useEffect((function(){!function(o){document.documentElement.style.setProperty("--checkout-button-bg-color",(null==o?void 0:o.buttonBgColor)||"#272727"),document.documentElement.style.setProperty("--checkout-button-text-color",(null==o?void 0:o.buttonTextColor)||"#FFFFFF"),document.documentElement.style.setProperty("--checkout-button-disabled-bg-color",(null==o?void 0:o.buttonDisabledBgColor)||"#F7F7F9"),document.documentElement.style.setProperty("--checkout-button-disabled-text-color",(null==o?void 0:o.buttonDisabledTextColor)||"#8A8B94"),document.documentElement.style.setProperty("--checkout-primary-text-color",(null==o?void 0:o.primaryTextColor)||"#272727"),document.documentElement.style.setProperty("--checkout-secondary-text-color",(null==o?void 0:o.secondaryTextColor)||"#8A8B94"),document.documentElement.style.setProperty("--checkout-primary-bg-color",(null==o?void 0:o.primaryBgColor)||"#FFFFFF"),document.documentElement.style.setProperty("--checkout-secondary-bg-color",(null==o?void 0:o.secondaryBgColor)||"#F7F7F9"),document.documentElement.style.setProperty("--checkout-border-color",(null==o?void 0:o.borderColor)||"#E5E4E9"),document.documentElement.style.setProperty("--checkout-card-bg-color",(null==o?void 0:o.cardBgColor)||"#F7F7F9"),document.documentElement.style.setProperty("--checkout-error-color",(null==o?void 0:o.errorColor)||"#FB4E4E"),document.documentElement.style.setProperty("--checkout-error-light-color",(null==o?void 0:o.errorLightColor)||"#FCF3F4"),document.documentElement.style.setProperty("--checkout-warning-color",(null==o?void 0:o.warningColor)||"#FFBC1F"),document.documentElement.style.setProperty("--checkout-warning-light-color",(null==o?void 0:o.warningLightColor)||"#FFFAEE"),document.documentElement.style.setProperty("--checkout-success-color",(null==o?void 0:o.successColor)||"#2DCA73"),document.documentElement.style.setProperty("--checkout-success-light-color",(null==o?void 0:o.successLightColor)||"#F6FFED"),document.documentElement.style.setProperty("--checkout-secondary-button-bg-color",(null==o?void 0:o.secondaryButtonBgColor)||"#ffffff0"),document.documentElement.style.setProperty("--checkout-secondary-button-text-color",(null==o?void 0:o.secondaryButtonTextColor)||"#272727"),document.documentElement.style.setProperty("--checkout-secondary-button-border-color",(null==o?void 0:o.secondaryButtonBorderColor)||"#E5E4E9"),document.documentElement.style.setProperty("--checkout-campaign-title-color",(null==o?void 0:o.campaignOffersTitleColor)||"#272727"),document.documentElement.style.setProperty("--checkout-campaign-description-color",(null==o?void 0:o.campaignOffersDescriptionColor)||"#272727"),document.documentElement.style.setProperty("--checkout-campaign-discount-percentage-color",(null==o?void 0:o.campaignOffersDiscountPercentageColor)||"#272727"),document.documentElement.style.setProperty("--checkout-campaign-discount-percentage-bg-color",(null==o?void 0:o.campaignOffersDiscountPercentageBgColor)||"#FFF1BD"),document.documentElement.style.setProperty("--checkout-campaign-countdown-text-color",(null==o?void 0:o.campaignOffersCountdownTextColor)||"#272727"),document.documentElement.style.setProperty("--checkout-campaign-countdown-time-color",(null==o?void 0:o.campaignOffersCountdownTimeColor)||"#FB4E4E"),document.documentElement.style.setProperty("--checkout-campaign-countdown-bg-color",(null==o?void 0:o.campaignOffersCountdownBgColor)||"#FFF5F6"),document.documentElement.style.setProperty("--checkout-campaign-middle-phase-overlay-color",(null==o?void 0:o.campaignOffersMiddlePhaseOverlayColor)||"#292727ad")}(y)}),[y]),i.useEffect((function(){j.getInstance().checkLocalization(),C(),g()}),[]);var C=i.useCallback((function(){return t(void 0,void 0,void 0,(function(){var o,t,r,i,s,d;return e(this,(function(e){switch(e.label){case 0:return o=new URLSearchParams(window.location.search),t=o.get("id"),r=o.get("step"),t?(i=!1,r&&r===a.SUCCESS&&(i=!0),[4,c({id:t,getCompletedCart:i})]):[2,b.replace("/")];case 1:return(s=e.sent()).isSuccess&&s.data?(d=s.data,F(new p(d))):s.errorCodes.some((function(o){return o===x.LOGIN_REQUIRED}))?b.replace("/account/login?redirect="+encodeURIComponent(window.location.href)):b.replace("/"),[2]}}))}))}),[]);return E?i.createElement(d,r({checkout:E,checkoutSettings:f,customizationProps:y},h)):i.createElement(m,null)}));export{f as default};
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@ikas/storefront",
|
|
3
|
-
"version": "4.15.0-beta.
|
|
3
|
+
"version": "4.15.0-beta.11",
|
|
4
4
|
"description": "Storefront functionality for ikas storefront themes.",
|
|
5
5
|
"author": "ikas",
|
|
6
6
|
"license": "ISC",
|
|
@@ -17,11 +17,11 @@
|
|
|
17
17
|
"build": "rm -rf build && rollup -c"
|
|
18
18
|
},
|
|
19
19
|
"devDependencies": {
|
|
20
|
-
"@ikas/storefront-api": "^4.15.0-beta.
|
|
21
|
-
"@ikas/storefront-config": "^4.15.0-beta.
|
|
22
|
-
"@ikas/storefront-model-functions": "^4.15.0-beta.
|
|
23
|
-
"@ikas/storefront-models": "^4.15.0-beta.
|
|
24
|
-
"@ikas/storefront-providers": "^4.15.0-beta.
|
|
20
|
+
"@ikas/storefront-api": "^4.15.0-beta.11",
|
|
21
|
+
"@ikas/storefront-config": "^4.15.0-beta.11",
|
|
22
|
+
"@ikas/storefront-model-functions": "^4.15.0-beta.11",
|
|
23
|
+
"@ikas/storefront-models": "^4.15.0-beta.11",
|
|
24
|
+
"@ikas/storefront-providers": "^4.15.0-beta.11",
|
|
25
25
|
"@ikas/localized-address": "1.0.0-beta.3",
|
|
26
26
|
"@adyen/adyen-web": "^5.28.2",
|
|
27
27
|
"@rollup/plugin-commonjs": "^22.0.0",
|
|
@@ -55,11 +55,11 @@
|
|
|
55
55
|
},
|
|
56
56
|
"peerDependencies": {
|
|
57
57
|
"@ikas/localized-address": "1.0.0-beta.3",
|
|
58
|
-
"@ikas/storefront-api": "^4.15.0-beta.
|
|
59
|
-
"@ikas/storefront-config": "^4.15.0-beta.
|
|
60
|
-
"@ikas/storefront-model-functions": "^4.15.0-beta.
|
|
61
|
-
"@ikas/storefront-models": "^4.15.0-beta.
|
|
62
|
-
"@ikas/storefront-providers": "^4.15.0-beta.
|
|
58
|
+
"@ikas/storefront-api": "^4.15.0-beta.11",
|
|
59
|
+
"@ikas/storefront-config": "^4.15.0-beta.11",
|
|
60
|
+
"@ikas/storefront-model-functions": "^4.15.0-beta.11",
|
|
61
|
+
"@ikas/storefront-models": "^4.15.0-beta.11",
|
|
62
|
+
"@ikas/storefront-providers": "^4.15.0-beta.11",
|
|
63
63
|
"mobx": "^6.1.3",
|
|
64
64
|
"mobx-react-lite": "^3.1.5",
|
|
65
65
|
"next": "12.2.0",
|