@ikas/storefront 4.15.0-beta.8 → 4.15.0

package/build/components/checkout/components/button/style.module.scss.js

@@ -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: transparent;\n  border-color: var(--checkout-border-color);\n  color: var(--checkout-button-bg-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};
+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};

package/build/components/checkout/components/cart-summary/index.js

@@ -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 a from"lodash/sortBy";import c from"../input-with-button/index.js";import l from"../notification-box/index.js";import{CheckoutStep as r}from"../../model.js";import{IkasStorefrontConfig as i}from"@ikas/storefront-config";import{formatCurrency as u}from"../../../../utils/currency.js";import{useTranslation as s}from"../../../../utils/i18n.js";import{CartItem as m}from"./cart-item/index.js";import{FormItem as d}from"../form-item/index.js";import{FormItemType as p}from"../form-item/model.js";import E from"../tooltip/index.js";import C from"../svg/arrow-down.js";import h from"../svg/cross.js";import v from"../svg/gift.js";import f from"../../styles/common.module.scss.js";import g from"./style.module.scss.js";import k from"../svg/ikas.js";import{Button as N}from"../button/index.js";var y;!function(e){e.COUPON_CODE_NOT_EXIST="COUPON_CODE_NOT_EXIST",e.COUPON_CODE_NOT_EXIST_FOR_GUESS="COUPON_CODE_NOT_EXIST_FOR_GUESS"}(y||(y={}));var S=n((function(e){var t,n,a=e.vm,c=e.allowExpand,d=a.checkout,p=s().t,E=o.useState(!c),h=E[0],v=E[1],f=o.useState(!1),N=f[0],S=f[1],P=o.useState(null),_=P[0],I=P[1],A=o.useState(0),w=A[0],R=A[1],D=o.useState(null),U=D[0],B=D[1],L=o.useState(!1),F=L[0],M=L[1],V=o.useState(!1),X=V[0],G=V[1],q=o.useState(!1),H=q[0],z=q[1];o.useEffect((function(){c&&(h?U&&R(U.getBoundingClientRect().height):R(0))}),[h,U,c,F,X,N,H]);var $=o.useMemo((function(){switch(_){case y.COUPON_CODE_NOT_EXIST:return p("checkout-page:giftCodeErrorDescription");case y.COUPON_CODE_NOT_EXIST_FOR_GUESS:return p("checkout-page:mustBeSignInToApplyCampaign");default:return""}}),[_]),Q=[g.CartSummary,c?g.HideOnDesktop:""].join(" "),J=c?{height:w+"px"}:void 0,K=[g.ArrowDown,h?g.Rotated:""].join(" ");return d?o.createElement(o.Fragment,null,!!c&&o.createElement(o.Fragment,null,o.createElement("div",{id:"checkout-mobile-summary-header"}),o.createElement("div",{className:g.ExpandHeader,onClick:function(){if(!h){var e=document.getElementById("Checkout"),t=document.getElementById("checkout-mobile-summary-header");e&&t&&e.scrollTo({top:t.offsetTop,behavior:"smooth"})}v(!h)}},o.createElement("div",{className:g.Left},p("checkout-page:summary")),o.createElement("div",{className:g.Price},o.createElement("span",{className:g.PriceText},"".concat(u(a.finalPrice||0,d.currencyCode,d.currencySymbol)," (").concat(d.itemQuantity," ").concat(p("checkout-page:cartItemProduct"),")")),o.createElement("span",{className:K},o.createElement(C,null))))),o.createElement("div",{className:Q},o.createElement("div",{className:g.DetailsContainer,style:J},o.createElement("div",{className:g.Details,ref:B},o.createElement("div",{className:g.ItemsContainer},o.createElement("div",null,d.items.map((function(e,t){return o.createElement(m,{key:t,vm:a,cartItem:e,currencyCode:d.currencyCode,onChange:z})})))),o.createElement("div",{className:g.Divider}),o.createElement("div",{className:g.SubTotalInfo},N&&o.createElement("div",{className:g.NotificationContainer},o.createElement(l,{type:"warning",title:p("checkout-page:giftCodeErrorTitle"),content:$,onClose:function(){S(!1),I(null)}})),o.createElement(T,{label:p("checkout-page:subtotal"),value:d.formattedTotalPrice,tooltipText:p("checkout-page:subtotalTooltip"),hideMarginBottom:!a.isCouponCodeVisible}),!!(null===(t=d.shippingLines)||void 0===t?void 0:t.length)&&o.createElement(T,{label:p("checkout-page:cartShippingTitle"),value:d.shippingTotal?d.formattedShippingTotal:p("checkout-page:free")}),!!a.installmentExtraPrice&&o.createElement(T,{label:p("checkout-page:cartInterest"),value:u(a.installmentExtraPrice,d.currencyCode,d.currencySymbol)}),o.createElement(b,{vm:a}),o.createElement(x,{vm:a}),(a.step===r.SUCCESS&&(!!a.checkout.note||!!a.checkout.appliedCouponCode)||a.step!==r.SUCCESS)&&a.isCouponCodeVisible&&o.createElement("div",{className:g.Divider,style:{marginTop:"24px",marginBottom:"24px"}}),o.createElement(O,{vm:a,isAddingCoupon:X,setAddingCoupon:G,setCouponError:S,setCouponErrorCode:I}),o.createElement(j,{vm:a,isAddingNote:F,setAddingNote:M})),o.createElement("div",{className:g.TotalContainer},o.createElement("div",{className:g.TitleContainer},o.createElement("div",{className:g.Title},p("checkout-page:total"))),o.createElement("div",null,o.createElement("div",{className:g.TotalPricesContainer},o.createElement("div",{className:g.TotalPrice},u(a.finalPrice||0,d.currencyCode,d.currencySymbol)),!!d.$totalTax&&!!(null===(n=a.customizationProps)||void 0===n?void 0:n.showTax)&&o.createElement("div",{className:[g.TotalTax].join(" ")},p("checkout-page:cartTaxTitle")+" "+d.$formattedTotalTax)))),o.createElement("div",{className:g.PoweredBy},o.createElement("span",null,"powered by"),o.createElement("a",{href:"https://ikas.com"+("tr"===i.getCurrentLocale()?"/tr":""),target:"_blank"},o.createElement(k,null))))))):null})),T=n((function(e){var t=e.label,n=e.value,a=e.tooltipText,c=e.hideMarginBottom;return o.createElement("div",{className:[g.InfoRow,c?g.hideMb:""].join(" ")},o.createElement("div",{className:g.Label},o.createElement("span",null,t),!!a&&o.createElement(E,{text:a,style:{marginLeft:"8px"}})),o.createElement("div",{className:g.Value},n))})),b=n((function(e){var t=e.vm,n=s().t;return t.checkout?o.createElement(o.Fragment,null,a(t.checkout.nonCouponAdjustments||[],"order").map((function(e,a){return o.createElement("div",{className:g.InfoRow,key:a},o.createElement("div",{className:g.Label},"INTEREST"===e.name?n("checkout-page:cartInterest"):e.name),o.createElement("div",{className:g.Value},o.createElement("span",null,"DECREMENT"===e.type?"- ":"")," ",o.createElement("span",null,u(e.amount,t.checkout.currencyCode,t.checkout.currencySymbol))))}))):null})),x=n((function(e){var t,n,a=e.vm,c=s().t;return a.checkout?o.createElement(o.Fragment,null,a.step!==r.SUCCESS&&((null===(t=a.checkout.selectedPaymentGateway)||void 0===t?void 0:t.getCalculatedAdditionalPrices(a.checkout.totalFinalPrice||0,a.checkout.shippingLines||null))||[]).filter((function(e){return 0!==e.amount})).map((function(e,t){return o.createElement("div",{className:g.InfoRow,key:t},o.createElement("div",{className:g.Label},e.name),o.createElement("div",{className:g.Value},o.createElement("span",null,"DECREMENT"===e.type?"- ":"")," ",o.createElement("span",null,u(e.amount,a.checkout.currencyCode,a.checkout.currencySymbol))))})),null===(n=a.checkout.giftPackageLines)||void 0===n?void 0:n.map((function(e,t){return o.createElement("div",{className:g.InfoRow,key:t},o.createElement("div",{className:g.Label},o.createElement("div",{className:g.GiftLabel},o.createElement(v,{style:{position:"relative",top:"-1px"}}),o.createElement("span",null,c("checkout-page:giftPackage")))),o.createElement("div",{className:g.Value},o.createElement("span",null,u(e.price,a.checkout.currencyCode,a.checkout.currencySymbol))))}))):null})),O=n((function(n){var a=n.vm,l=n.isAddingCoupon,i=n.setAddingCoupon,m=n.setCouponError,E=n.setCouponErrorCode,C=n.isOpenCouponCode,v=s().t,k=o.useState(""),y=k[0],S=k[1],T=o.useState(!1),b=T[0],x=T[1],O=o.useRef(null);o.useEffect((function(){l&&O.current&&O.current.focus()}),[l]);var j=function(){return e(void 0,void 0,void 0,(function(){return t(this,(function(e){switch(e.label){case 0:return a.checkout.couponCode=y,x(!0),[4,a.onCouponCodeApply()];case 1:return e.sent(),x(!1),S(""),!a.checkout.appliedCouponCode||a.couponError?[3,3]:(i(!1),m(!1),E(null),[4,a.reInitPaymentMethod()]);case 2:return e.sent(),[3,4];case 3:a.checkout.couponCode=null,m(!0),E(a.couponError),e.label=4;case 4:return[2]}}))}))},P=function(){return e(void 0,void 0,void 0,(function(){return t(this,(function(e){switch(e.label){case 0:return a.checkout.couponCode=null,x(!0),[4,a.onCouponCodeApply()];case 1:return e.sent(),[4,a.reInitPaymentMethod()];case 2:return e.sent(),x(!1),[2]}}))}))},_=a.step===r.SUCCESS,I=a.step===r.SHIPPING;if(_&&!a.checkout.appliedCouponCode)return null;var A=a.checkout.couponAdjustment,w=!(!a.checkout.appliedCouponCode||l),R=!!a.checkout.appliedCouponCode&&C;return o.createElement(o.Fragment,null,!!C&&o.createElement(o.Fragment,null,o.createElement("div",{className:[g.CartSummary,g.OpenCouponCodeSummary].join(" ")},o.createElement("div",{className:f.FormSectionTitle},o.createElement("div",{style:{paddingBottom:R?0:6},className:f.Title},v("checkout-page:couponCode")),R&&o.createElement("div",{className:[g.ActionTextBtn,g.NoUnderline,g.Light].join(" ")},o.createElement("span",{className:[g.AppliedCoupon,g.AppliedCouponBgGray].join(" ")},o.createElement("span",{className:g.CouponCode},a.checkout.appliedCouponCode),!_&&o.createElement("span",{className:g.ClearCoupon,onClick:P},o.createElement(h,null))))))),w&&!I&&!a.isCouponCodeRequirementDefult&&o.createElement("div",{className:g.Divider,style:{marginTop:"24px",marginBottom:"24px"}}),o.createElement("div",{className:g.InfoRow},!a.checkout.appliedCouponCode&&!l&&a.isCouponCodeVisible&&o.createElement("div",{className:g.ActionTextBtn,onClick:function(){return i(!0)}},v("checkout-page:addCouponCode")),l&&!C&&o.createElement(c,{value:y,placeholder:v("checkout-page:couponCode"),buttonLabel:v("checkout-page:actions.apply"),inputRef:O,onClick:j,isLoading:b,onChange:S}),C&&!R&&o.createElement("div",{className:g.OpenCouponCodeMain},o.createElement(d,{label:v("checkout-page:couponCode"),type:p.TEXT,value:y,onChange:S}),o.createElement(N,{style:{width:"33%"},text:v("checkout-page:actions.apply"),isLoading:b,onClick:j})),w&&o.createElement("div",{className:[g.ActionTextBtn,g.NoUnderline,g.Light].join(" ")},v("checkout-page:couponCode"),o.createElement("span",{className:[g.AppliedCoupon,a.isCouponCodeRequirementDefult?"":g.NotClosed].join(" ")},o.createElement("span",{className:g.CouponCode},a.checkout.appliedCouponCode),a.step!==r.SUCCESS&&a.isCouponCodeRequirementDefult&&o.createElement("span",{className:g.ClearCoupon,onClick:P},o.createElement(h,null)))),w&&o.createElement("div",{className:g.Value},o.createElement("span",null,"DECREMENT"===(null==A?void 0:A.type)?"- ":"")," ",o.createElement("span",null,u((null==A?void 0:A.amount)||0,a.checkout.currencyCode,a.checkout.currencySymbol)))))})),j=n((function(e){var t=e.vm,n=e.isAddingNote,a=e.setAddingNote,c=s().t,l=o.useState(t.checkout.note?c("checkout-page:editOrderNote"):c("checkout-page:addOrderNote"))[0],i=o.useCallback((function(){a(!0)}),[]),u=o.useCallback((function(e){t.checkout.note=e}),[t,t.checkout]);if(!t.checkoutSettings.showCheckoutNote)return null;var m=t.step===r.SUCCESS;return m&&!t.checkout.note?null:o.createElement("div",{className:g.InfoRow},!n&&!m&&o.createElement("div",{className:g.ActionTextBtn,onClick:i},l),(n||m)&&o.createElement("div",{className:[g.CheckoutNoteContainer,m?g.Success:""].join(" ")},o.createElement("div",{className:g.Title},c("checkout-page:orderNote")),m?o.createElement("div",{className:g.CheckoutNoteDisplay},t.checkout.note):o.createElement(d,{style:{width:"100%"},type:p.TEXT_AREA,disableResize:!0,label:"",value:t.checkout.note||"",onChange:u})))}));export{S as CartSummary,O as Coupon,y as CouponErrorCode};
+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 a from"lodash/sortBy";import c from"../input-with-button/index.js";import l from"../notification-box/index.js";import{CheckoutStep as r}from"../../model.js";import{IkasStorefrontConfig as i}from"@ikas/storefront-config";import{formatCurrency as u}from"../../../../utils/currency.js";import{useTranslation as s}from"../../../../utils/i18n.js";import{CartItem as m}from"./cart-item/index.js";import{FormItem as d}from"../form-item/index.js";import{FormItemType as p}from"../form-item/model.js";import E from"../tooltip/index.js";import C from"../svg/arrow-down.js";import h from"../svg/cross.js";import v from"../svg/gift.js";import f from"../../styles/common.module.scss.js";import g from"./style.module.scss.js";import k from"../svg/ikas.js";import{Button as N}from"../button/index.js";var y;!function(e){e.COUPON_CODE_NOT_EXIST="COUPON_CODE_NOT_EXIST",e.COUPON_CODE_NOT_EXIST_FOR_GUESS="COUPON_CODE_NOT_EXIST_FOR_GUESS"}(y||(y={}));var S=n((function(e){var t,n,a=e.vm,c=e.allowExpand,d=a.checkout,p=s().t,E=o.useState(!c),h=E[0],v=E[1],f=o.useState(!1),N=f[0],S=f[1],P=o.useState(null),_=P[0],I=P[1],A=o.useState(0),w=A[0],R=A[1],D=o.useState(null),L=D[0],U=D[1],B=o.useState(!1),F=B[0],M=B[1],V=o.useState(!1),X=V[0],G=V[1],q=o.useState(!1),H=q[0],z=q[1];o.useEffect((function(){c&&(h?L&&R(L.getBoundingClientRect().height):R(0))}),[h,L,c,F,X,N,H]);var $=o.useMemo((function(){switch(_){case y.COUPON_CODE_NOT_EXIST:return p("checkout-page:giftCodeErrorDescription");case y.COUPON_CODE_NOT_EXIST_FOR_GUESS:return p("checkout-page:mustBeSignInToApplyCampaign");default:return""}}),[_]),Q=[g.CartSummary,c?g.HideOnDesktop:""].join(" "),J=c?{height:w+"px"}:void 0,K=[g.ArrowDown,h?g.Rotated:""].join(" ");return d?o.createElement(o.Fragment,null,!!c&&o.createElement(o.Fragment,null,o.createElement("div",{id:"checkout-mobile-summary-header"}),o.createElement("div",{className:g.ExpandHeader,onClick:function(){if(!h){var e=document.getElementById("Checkout"),t=document.getElementById("checkout-mobile-summary-header");e&&t&&e.scrollTo({top:t.offsetTop,behavior:"smooth"})}v(!h)}},o.createElement("div",{className:g.Left},p("checkout-page:summary")),o.createElement("div",{className:g.Price},o.createElement("span",{className:g.PriceText},"".concat(u(a.finalPrice||0,d.currencyCode,d.currencySymbol)," (").concat(d.itemQuantity," ").concat(p("checkout-page:cartItemProduct"),")")),o.createElement("span",{className:K},o.createElement(C,null))))),o.createElement("div",{className:Q},o.createElement("div",{className:g.DetailsContainer,style:J},o.createElement("div",{className:g.Details,ref:U},o.createElement("div",{className:g.ItemsContainer},o.createElement("div",null,d.items.map((function(e,t){return o.createElement(m,{key:t,vm:a,cartItem:e,currencyCode:d.currencyCode,onChange:z})})))),o.createElement("div",{className:g.Divider}),o.createElement("div",{className:g.SubTotalInfo},N&&o.createElement("div",{className:g.NotificationContainer},o.createElement(l,{type:"warning",title:p("checkout-page:giftCodeErrorTitle"),content:$,onClose:function(){S(!1),I(null)}})),o.createElement(T,{label:p("checkout-page:subtotal"),value:d.formattedTotalPrice,tooltipText:p("checkout-page:subtotalTooltip"),hideMarginBottom:!a.isCouponCodeVisible}),!!(null===(t=d.shippingLines)||void 0===t?void 0:t.length)&&o.createElement(T,{label:p("checkout-page:cartShippingTitle"),value:d.shippingTotal?d.formattedShippingTotal:p("checkout-page:free")}),!!a.installmentExtraPrice&&o.createElement(T,{label:p("checkout-page:cartInterest"),value:u(a.installmentExtraPrice,d.currencyCode,d.currencySymbol)}),o.createElement(b,{vm:a}),o.createElement(x,{vm:a}),(a.step===r.SUCCESS&&(!!a.checkout.note||!!a.checkout.appliedCouponCode)||a.step!==r.SUCCESS)&&a.isCouponCodeVisible&&o.createElement("div",{className:g.Divider,style:{marginTop:"24px",marginBottom:"24px"}}),o.createElement(O,{vm:a,isAddingCoupon:X,setAddingCoupon:G,setCouponError:S,setCouponErrorCode:I}),o.createElement(j,{vm:a,isAddingNote:F,setAddingNote:M})),o.createElement("div",{className:g.TotalContainer},o.createElement("div",{className:g.TitleContainer},o.createElement("div",{className:g.Title},p("checkout-page:total"))),o.createElement("div",null,o.createElement("div",{className:g.TotalPricesContainer},o.createElement("div",{className:g.TotalPrice},u(a.finalPrice||0,d.currencyCode,d.currencySymbol)),!!d.$totalTax&&!!(null===(n=a.customizationProps)||void 0===n?void 0:n.showTax)&&o.createElement("div",{className:[g.TotalTax].join(" ")},p("checkout-page:cartTaxTitle")+" "+d.$formattedTotalTax)))),o.createElement("div",{className:g.PoweredBy},o.createElement("span",null,"powered by"),o.createElement("a",{href:"https://ikas.com"+("tr"===i.getCurrentLocale()?"/tr":""),target:"_blank"},o.createElement(k,null))))))):null})),T=n((function(e){var t=e.label,n=e.value,a=e.tooltipText,c=e.hideMarginBottom;return o.createElement("div",{className:[g.InfoRow,c?g.hideMb:""].join(" ")},o.createElement("div",{className:g.Label},o.createElement("span",null,t),!!a&&o.createElement(E,{text:a,style:{marginLeft:"8px"}})),o.createElement("div",{className:g.Value},n))})),b=n((function(e){var t=e.vm,n=s().t;return t.checkout?o.createElement(o.Fragment,null,a(t.checkout.nonCouponAdjustments||[],"order").map((function(e,a){return o.createElement("div",{className:g.InfoRow,key:a},o.createElement("div",{className:g.Label},"INTEREST"===e.name?n("checkout-page:cartInterest"):e.name),o.createElement("div",{className:g.Value},o.createElement("span",null,"DECREMENT"===e.type?"- ":"")," ",o.createElement("span",null,u(e.amount,t.checkout.currencyCode,t.checkout.currencySymbol))))}))):null})),x=n((function(e){var t,n,a=e.vm,c=s().t;return a.checkout?o.createElement(o.Fragment,null,a.step!==r.SUCCESS&&((null===(t=a.checkout.selectedPaymentGateway)||void 0===t?void 0:t.getCalculatedAdditionalPrices(a.checkout.totalFinalPrice||0,a.checkout.shippingLines||null))||[]).filter((function(e){return 0!==e.amount})).map((function(e,t){return o.createElement("div",{className:g.InfoRow,key:t},o.createElement("div",{className:g.Label},e.name),o.createElement("div",{className:g.Value},o.createElement("span",null,"DECREMENT"===e.type?"- ":"")," ",o.createElement("span",null,u(e.amount,a.checkout.currencyCode,a.checkout.currencySymbol))))})),null===(n=a.checkout.giftPackageLines)||void 0===n?void 0:n.map((function(e,t){return o.createElement("div",{className:g.InfoRow,key:t},o.createElement("div",{className:g.Label},o.createElement("div",{className:g.GiftLabel},o.createElement(v,{style:{position:"relative",top:"-1px"}}),o.createElement("span",null,c("checkout-page:giftPackage")))),o.createElement("div",{className:g.Value},o.createElement("span",null,u(e.price,a.checkout.currencyCode,a.checkout.currencySymbol))))}))):null})),O=n((function(n){var a=n.vm,l=n.isAddingCoupon,i=n.setAddingCoupon,m=n.setCouponError,E=n.setCouponErrorCode,C=n.isOpenCouponCode,v=s().t,k=o.useState(""),y=k[0],S=k[1],T=o.useState(!1),b=T[0],x=T[1],O=o.useRef(null);o.useEffect((function(){l&&O.current&&O.current.focus()}),[l]);var j=function(){return e(void 0,void 0,void 0,(function(){return t(this,(function(e){switch(e.label){case 0:return a.checkout.couponCode=y,x(!0),[4,a.onCouponCodeApply()];case 1:return e.sent(),x(!1),S(""),!a.checkout.appliedCouponCode||a.couponError?[3,3]:(i(!1),m(!1),E(null),[4,a.reInitPaymentMethod()]);case 2:return e.sent(),[3,4];case 3:a.checkout.couponCode=null,m(!0),E(a.couponError),e.label=4;case 4:return[2]}}))}))},P=function(){return e(void 0,void 0,void 0,(function(){return t(this,(function(e){switch(e.label){case 0:return a.checkout.couponCode=null,x(!0),[4,a.onCouponCodeApply()];case 1:return e.sent(),[4,a.reInitPaymentMethod()];case 2:return e.sent(),x(!1),[2]}}))}))},_=a.step===r.SUCCESS,I=a.step===r.SHIPPING;if(_&&!a.checkout.appliedCouponCode)return null;var A=a.checkout.couponAdjustment,w=!(!a.checkout.appliedCouponCode||l),R=!!a.checkout.appliedCouponCode&&C;return o.createElement(o.Fragment,null,!!C&&o.createElement(o.Fragment,null,o.createElement("div",{className:[g.CartSummary,g.OpenCouponCodeSummary].join(" ")},o.createElement("div",{className:f.FormSectionTitle},o.createElement("div",{style:{paddingBottom:R?0:6},className:f.Title},v("checkout-page:couponCode")),R&&o.createElement("div",{className:[g.ActionTextBtn,g.NoUnderline,g.Light].join(" ")},o.createElement("span",{className:[g.AppliedCoupon,g.AppliedCouponBgGray].join(" ")},o.createElement("span",{className:g.CouponCode},a.checkout.appliedCouponCode),!_&&o.createElement("span",{className:g.ClearCoupon,onClick:P},o.createElement(h,null))))))),w&&!I&&!a.isCouponCodeRequirementDefult&&o.createElement("div",{className:g.Divider,style:{marginTop:"24px",marginBottom:"24px"}}),o.createElement("div",{className:g.InfoRow},!a.checkout.appliedCouponCode&&!l&&a.isCouponCodeVisible&&o.createElement("div",{className:g.ActionTextBtn,onClick:function(){return i(!0)}},v("checkout-page:addCouponCode")),l&&!C&&o.createElement(c,{value:y,placeholder:v("checkout-page:couponCode"),buttonLabel:v("checkout-page:actions.apply"),inputRef:O,onClick:j,isLoading:b,onChange:S}),C&&!R&&o.createElement("div",{className:g.OpenCouponCodeMain},o.createElement(d,{label:v("checkout-page:couponCode"),type:p.TEXT,value:y,onChange:S}),o.createElement(N,{style:{width:"33%"},text:v("checkout-page:actions.apply"),isLoading:b,onClick:j})),w&&o.createElement("div",{className:[g.ActionTextBtn,g.NoUnderline,g.Light].join(" ")},v("checkout-page:couponCode"),o.createElement("span",{className:[g.AppliedCoupon,a.isCouponCodeRequirementDefult?"":g.NotClosed].join(" ")},o.createElement("span",{className:g.CouponCode},a.checkout.appliedCouponCode),a.step!==r.SUCCESS&&a.isCouponCodeRequirementDefult&&o.createElement("span",{className:g.ClearCoupon,onClick:P},o.createElement(h,null)))),w&&o.createElement("div",{className:g.Value},o.createElement("span",null,"DECREMENT"===(null==A?void 0:A.type)?"- ":"")," ",o.createElement("span",null,u((null==A?void 0:A.amount)||0,a.checkout.currencyCode,a.checkout.currencySymbol)))))})),j=n((function(e){var t=e.vm,n=e.isAddingNote,a=e.setAddingNote,c=s().t,l=o.useState(t.checkout.note?c("checkout-page:editOrderNote"):c("checkout-page:addOrderNote"))[0],i=o.useCallback((function(){a(!0)}),[]),u=o.useCallback((function(e){t.checkout.note=e}),[t,t.checkout]);if(!t.checkoutSettings.showCheckoutNote)return null;var m=t.step===r.SUCCESS;return m&&!t.checkout.note?null:o.createElement("div",{className:g.InfoRow},!n&&!m&&o.createElement("div",{className:g.ActionTextBtn,onClick:i},l),(n||m)&&o.createElement("div",{className:[g.CheckoutNoteContainer,m?g.Success:""].join(" ")},o.createElement("div",{className:g.Title},c("checkout-page:orderNote")),m?o.createElement("div",{className:g.CheckoutNoteDisplay},t.checkout.note):o.createElement(d,{style:{width:"100%"},type:p.TEXT_AREA,disableResize:!0,label:"",value:t.checkout.note||"",onChange:u,maxLength:320})))}));export{S as CartSummary,O as Coupon,y as CouponErrorCode};

package/build/components/checkout/components/cart-summary/style.module.scss.js

@@ -1 +1 @@
-import e from'./../../../../ext/style-inject/dist/style-inject.es.js';var n={ExpandHeader:"style-module_ExpandHeader__LQwWm",Left:"style-module_Left__-N12h",Price:"style-module_Price__OT1Wh",PriceText:"style-module_PriceText__bq1pk",ArrowDown:"style-module_ArrowDown__YhRny",Rotated:"style-module_Rotated__ZPfId",CartSummary:"style-module_CartSummary__m77tn",OpenCouponCodeSummary:"style-module_OpenCouponCodeSummary__ua9wx",HideOnDesktop:"style-module_HideOnDesktop__Vs5AV",ItemsContainer:"style-module_ItemsContainer__QFKQV",DetailsContainer:"style-module_DetailsContainer__PK33m",Details:"style-module_Details__hWJ9o",Divider:"style-module_Divider__MNDti",ActionTextBtn:"style-module_ActionTextBtn__7yua4",NoUnderline:"style-module_NoUnderline__FphKn",Light:"style-module_Light__dIcW-",SubTotalInfo:"style-module_SubTotalInfo__JMqK9",InfoRow:"style-module_InfoRow__oAvZS",hideMb:"style-module_hideMb__j7VBr",Label:"style-module_Label__28Bij",Value:"style-module_Value__7rELF",TotalContainer:"style-module_TotalContainer__sGR7d",TitleContainer:"style-module_TitleContainer__LgmJI",Title:"style-module_Title__oMVSD",TotalPricesContainer:"style-module_TotalPricesContainer__-PsOD",TotalPrice:"style-module_TotalPrice__QBdM1",TotalTax:"style-module_TotalTax__9pA4Y",AppliedCoupon:"style-module_AppliedCoupon__UNo1h",AppliedCouponBgGray:"style-module_AppliedCouponBgGray__MYoYu",NotClosed:"style-module_NotClosed__E-N9z",CouponCode:"style-module_CouponCode__UKPmf",ClearCoupon:"style-module_ClearCoupon__CBAzl",NotificationContainer:"style-module_NotificationContainer__AXfJT",CheckoutNoteContainer:"style-module_CheckoutNoteContainer__d-z4m",CheckoutNoteDisplay:"style-module_CheckoutNoteDisplay__DtnXo",Success:"style-module_Success__VI2Bw",GiftLabel:"style-module_GiftLabel__cazrS",PoweredBy:"style-module_PoweredBy__DKBJF",OpenCouponCodeMain:"style-module_OpenCouponCodeMain__lZtb3"};e(".style-module_ExpandHeader__LQwWm {\n  position: sticky;\n  top: 0;\n  z-index: 10;\n  display: flex;\n  justify-content: space-between;\n  align-items: center;\n  height: 48px;\n  padding: 0 24px;\n  width: 100%;\n  border-top: 1px solid var(--checkout-border-color);\n  border-bottom: 1px solid var(--checkout-border-color);\n  transition: border-bottom 0.3s;\n  user-select: none;\n  background-color: var(--checkout-primary-bg-color);\n}\n@media only screen and (min-width: 1000px) {\n  .style-module_ExpandHeader__LQwWm {\n    display: none;\n  }\n}\n.style-module_ExpandHeader__LQwWm .style-module_Left__-N12h {\n  display: flex;\n  align-items: center;\n  font-size: 16px;\n  font-weight: 600;\n}\n.style-module_ExpandHeader__LQwWm .style-module_Price__OT1Wh {\n  font-weight: 600;\n  display: flex;\n  align-items: center;\n}\n.style-module_ExpandHeader__LQwWm .style-module_Price__OT1Wh .style-module_PriceText__bq1pk {\n  font-weight: 600;\n  margin-right: 8px;\n}\n.style-module_ExpandHeader__LQwWm .style-module_Price__OT1Wh .style-module_ArrowDown__YhRny {\n  transition: all 0.3s;\n  display: flex;\n  align-items: center;\n}\n.style-module_ExpandHeader__LQwWm .style-module_Price__OT1Wh .style-module_ArrowDown__YhRny.style-module_Rotated__ZPfId {\n  transform: rotate(-180deg);\n}\n\n@media only screen and (max-width: 1000px) {\n  .style-module_CartSummary__m77tn {\n    width: 100%;\n    background-color: var(--checkout-card-bg-color);\n  }\n  .style-module_CartSummary__m77tn.style-module_OpenCouponCodeSummary__ua9wx {\n    background-color: #fff;\n  }\n}\n@media only screen and (min-width: 1000px) {\n  .style-module_CartSummary__m77tn.style-module_HideOnDesktop__Vs5AV {\n    display: none;\n  }\n}\n.style-module_CartSummary__m77tn .style-module_ItemsContainer__QFKQV {\n  max-height: 320px;\n  overflow-y: auto;\n  padding-top: 10px;\n  margin-bottom: 24px;\n  scrollbar-gutter: stable;\n  /* Track */\n  /* Handle */\n}\n@media only screen and (max-width: 1000px) {\n  .style-module_CartSummary__m77tn .style-module_ItemsContainer__QFKQV {\n    max-height: unset;\n  }\n}\n.style-module_CartSummary__m77tn .style-module_ItemsContainer__QFKQV::-webkit-scrollbar {\n  width: 10px;\n}\n.style-module_CartSummary__m77tn .style-module_ItemsContainer__QFKQV::-webkit-scrollbar-track {\n  box-shadow: inset 0 0 10px 10px #E3E7EF;\n  border: solid 3px transparent;\n}\n.style-module_CartSummary__m77tn .style-module_ItemsContainer__QFKQV::-webkit-scrollbar-thumb {\n  box-shadow: inset 0 0 10px 10px #000000;\n  border: solid 3px transparent;\n}\n.style-module_CartSummary__m77tn .style-module_DetailsContainer__PK33m {\n  overflow: hidden;\n  width: 100%;\n  transition: height 0.3s ease-in-out;\n}\n@media only screen and (max-width: 1000px) {\n  .style-module_CartSummary__m77tn .style-module_DetailsContainer__PK33m {\n    padding: 0 24px;\n    box-shadow: 1px 2px 5px 0px rgba(0, 0, 0, 0.2);\n  }\n}\n.style-module_CartSummary__m77tn .style-module_Details__hWJ9o {\n  overflow: hidden;\n}\n@media only screen and (max-width: 1000px) {\n  .style-module_CartSummary__m77tn .style-module_Details__hWJ9o {\n    padding-top: 24px;\n  }\n}\n.style-module_CartSummary__m77tn .style-module_Divider__MNDti {\n  width: 100%;\n  height: 1px;\n  margin: auto;\n  background-color: var(--checkout-border-color);\n}\n.style-module_CartSummary__m77tn .style-module_ActionTextBtn__7yua4 {\n  color: var(--checkout-primary-text-color);\n  user-select: none;\n  cursor: pointer;\n  display: flex;\n  align-items: center;\n}\n.style-module_CartSummary__m77tn .style-module_ActionTextBtn__7yua4:hover {\n  text-decoration: underline;\n}\n.style-module_CartSummary__m77tn .style-module_ActionTextBtn__7yua4.style-module_NoUnderline__FphKn:hover {\n  text-decoration: none;\n}\n.style-module_CartSummary__m77tn .style-module_ActionTextBtn__7yua4.style-module_Light__dIcW- {\n  color: var(--checkout-secondary-text-color);\n}\n.style-module_CartSummary__m77tn .style-module_SubTotalInfo__JMqK9 {\n  padding: 24px 0;\n  border-bottom: 1px solid var(--checkout-border-color);\n}\n.style-module_CartSummary__m77tn .style-module_SubTotalInfo__JMqK9 .style-module_InfoRow__oAvZS {\n  display: flex;\n  justify-content: space-between;\n  align-items: center;\n  margin-bottom: 10px;\n}\n.style-module_CartSummary__m77tn .style-module_SubTotalInfo__JMqK9 .style-module_InfoRow__oAvZS.style-module_hideMb__j7VBr {\n  margin-bottom: 0;\n}\n.style-module_CartSummary__m77tn .style-module_SubTotalInfo__JMqK9 .style-module_InfoRow__oAvZS .style-module_Label__28Bij {\n  color: var(--checkout-secondary-text-color);\n  display: flex;\n  align-items: center;\n  flex: 1 1 auto;\n}\n.style-module_CartSummary__m77tn .style-module_SubTotalInfo__JMqK9 .style-module_InfoRow__oAvZS .style-module_Value__7rELF {\n  flex: 0 0 auto;\n  padding-left: 8px;\n}\n.style-module_CartSummary__m77tn .style-module_SubTotalInfo__JMqK9 .style-module_InfoRow__oAvZS:last-of-type {\n  margin-bottom: 0;\n}\n.style-module_CartSummary__m77tn .style-module_TotalContainer__sGR7d {\n  display: flex;\n  justify-content: space-between;\n  margin-top: 12px;\n}\n.style-module_CartSummary__m77tn .style-module_TotalContainer__sGR7d .style-module_TitleContainer__LgmJI .style-module_Title__oMVSD {\n  font-size: 20px;\n  font-weight: 600;\n}\n.style-module_CartSummary__m77tn .style-module_TotalContainer__sGR7d .style-module_TotalPricesContainer__-PsOD {\n  display: flex;\n  flex-direction: column;\n  align-items: flex-end;\n}\n.style-module_CartSummary__m77tn .style-module_TotalContainer__sGR7d .style-module_TotalPrice__QBdM1 {\n  font-size: 20px;\n  font-weight: 600;\n}\n.style-module_CartSummary__m77tn .style-module_TotalContainer__sGR7d .style-module_TotalTax__9pA4Y {\n  font-size: 14px;\n  line-height: 24px;\n  color: var(--checkout-secondary-text-color);\n}\n@media only screen and (max-width: 1000px) {\n  .style-module_CartSummary__m77tn .style-module_TotalContainer__sGR7d {\n    height: 64px;\n  }\n}\n.style-module_CartSummary__m77tn .style-module_AppliedCoupon__UNo1h {\n  display: flex;\n  align-items: center;\n  padding: 4px 4px 4px 8px;\n  background-color: white;\n  border-radius: 6px;\n  margin-left: 12px;\n  font-size: 14px;\n  line-height: 20px;\n}\n.style-module_CartSummary__m77tn .style-module_AppliedCoupon__UNo1h.style-module_AppliedCouponBgGray__MYoYu {\n  background-color: var(--checkout-secondary-bg-color);\n}\n.style-module_CartSummary__m77tn .style-module_AppliedCoupon__UNo1h.style-module_NotClosed__E-N9z {\n  padding: 4px 4px 4px 4px;\n}\n.style-module_CartSummary__m77tn .style-module_AppliedCoupon__UNo1h .style-module_CouponCode__UKPmf {\n  font-size: 14px;\n}\n.style-module_CartSummary__m77tn .style-module_AppliedCoupon__UNo1h .style-module_ClearCoupon__CBAzl {\n  cursor: pointer;\n  display: flex;\n  align-items: center;\n  color: var(--checkout-secondary-text-color);\n}\n.style-module_CartSummary__m77tn .style-module_AppliedCoupon__UNo1h .style-module_ClearCoupon__CBAzl svg {\n  transform: scale(0.8);\n}\n.style-module_CartSummary__m77tn .style-module_NotificationContainer__AXfJT {\n  margin-bottom: 14px;\n}\n.style-module_CartSummary__m77tn .style-module_CheckoutNoteContainer__d-z4m {\n  margin-top: 24px;\n  width: calc(100% - 2px);\n  margin-left: 1px;\n}\n.style-module_CartSummary__m77tn .style-module_CheckoutNoteContainer__d-z4m .style-module_Title__oMVSD {\n  font-size: 16px;\n  color: var(--checkout-primary-text-color);\n  margin-bottom: 8px;\n}\n.style-module_CartSummary__m77tn .style-module_CheckoutNoteContainer__d-z4m .style-module_CheckoutNoteDisplay__DtnXo {\n  color: var(--checkout-secondary-text-color);\n}\n.style-module_CartSummary__m77tn .style-module_CheckoutNoteContainer__d-z4m.style-module_Success__VI2Bw {\n  margin-top: 0;\n}\n@media only screen and (max-width: 1000px) {\n  .style-module_CartSummary__m77tn .style-module_CheckoutNoteContainer__d-z4m {\n    margin-top: 0px;\n  }\n}\n.style-module_CartSummary__m77tn .style-module_GiftLabel__cazrS {\n  display: flex;\n  align-items: center;\n}\n.style-module_CartSummary__m77tn .style-module_GiftLabel__cazrS span {\n  margin-left: 8px;\n}\n.style-module_CartSummary__m77tn .style-module_PoweredBy__DKBJF {\n  width: 100%;\n  height: 50px;\n  justify-content: center;\n  align-items: center;\n  color: var(--checkout-primary-text-color);\n  display: none;\n}\n@media only screen and (max-width: 1000px) {\n  .style-module_CartSummary__m77tn .style-module_PoweredBy__DKBJF {\n    display: flex;\n  }\n}\n.style-module_CartSummary__m77tn .style-module_PoweredBy__DKBJF span {\n  font-size: 14px;\n  line-height: 20px;\n  color: var(--checkout-secondary-text-color);\n  margin-right: 8px;\n}\n.style-module_CartSummary__m77tn .style-module_PoweredBy__DKBJF a {\n  display: flex;\n  align-items: center;\n}\n\n.style-module_OpenCouponCodeMain__lZtb3 {\n  display: flex;\n}\n.style-module_OpenCouponCodeMain__lZtb3 input {\n  width: calc(100% - 12px);\n}");export{n as default};
+import e from'./../../../../ext/style-inject/dist/style-inject.es.js';var n={ExpandHeader:"style-module_ExpandHeader__LQwWm",Left:"style-module_Left__-N12h",Price:"style-module_Price__OT1Wh",PriceText:"style-module_PriceText__bq1pk",ArrowDown:"style-module_ArrowDown__YhRny",Rotated:"style-module_Rotated__ZPfId",CartSummary:"style-module_CartSummary__m77tn",OpenCouponCodeSummary:"style-module_OpenCouponCodeSummary__ua9wx",HideOnDesktop:"style-module_HideOnDesktop__Vs5AV",ItemsContainer:"style-module_ItemsContainer__QFKQV",DetailsContainer:"style-module_DetailsContainer__PK33m",Details:"style-module_Details__hWJ9o",Divider:"style-module_Divider__MNDti",ActionTextBtn:"style-module_ActionTextBtn__7yua4",NoUnderline:"style-module_NoUnderline__FphKn",Light:"style-module_Light__dIcW-",SubTotalInfo:"style-module_SubTotalInfo__JMqK9",InfoRow:"style-module_InfoRow__oAvZS",hideMb:"style-module_hideMb__j7VBr",Label:"style-module_Label__28Bij",Value:"style-module_Value__7rELF",TotalContainer:"style-module_TotalContainer__sGR7d",TitleContainer:"style-module_TitleContainer__LgmJI",Title:"style-module_Title__oMVSD",TotalPricesContainer:"style-module_TotalPricesContainer__-PsOD",TotalPrice:"style-module_TotalPrice__QBdM1",TotalTax:"style-module_TotalTax__9pA4Y",AppliedCoupon:"style-module_AppliedCoupon__UNo1h",AppliedCouponBgGray:"style-module_AppliedCouponBgGray__MYoYu",NotClosed:"style-module_NotClosed__E-N9z",CouponCode:"style-module_CouponCode__UKPmf",ClearCoupon:"style-module_ClearCoupon__CBAzl",NotificationContainer:"style-module_NotificationContainer__AXfJT",CheckoutNoteContainer:"style-module_CheckoutNoteContainer__d-z4m",CheckoutNoteDisplay:"style-module_CheckoutNoteDisplay__DtnXo",Success:"style-module_Success__VI2Bw",GiftLabel:"style-module_GiftLabel__cazrS",PoweredBy:"style-module_PoweredBy__DKBJF",OpenCouponCodeMain:"style-module_OpenCouponCodeMain__lZtb3"};e(".style-module_ExpandHeader__LQwWm {\n  position: sticky;\n  top: 0;\n  z-index: 10;\n  display: flex;\n  justify-content: space-between;\n  align-items: center;\n  height: 48px;\n  padding: 0 24px;\n  width: 100%;\n  border-top: 1px solid var(--checkout-border-color);\n  border-bottom: 1px solid var(--checkout-border-color);\n  transition: border-bottom 0.3s;\n  user-select: none;\n  background-color: var(--checkout-primary-bg-color);\n}\n@media only screen and (min-width: 1000px) {\n  .style-module_ExpandHeader__LQwWm {\n    display: none;\n  }\n}\n.style-module_ExpandHeader__LQwWm .style-module_Left__-N12h {\n  display: flex;\n  align-items: center;\n  font-size: 16px;\n  font-weight: 600;\n}\n.style-module_ExpandHeader__LQwWm .style-module_Price__OT1Wh {\n  font-weight: 600;\n  display: flex;\n  align-items: center;\n}\n.style-module_ExpandHeader__LQwWm .style-module_Price__OT1Wh .style-module_PriceText__bq1pk {\n  font-weight: 600;\n  margin-right: 8px;\n}\n.style-module_ExpandHeader__LQwWm .style-module_Price__OT1Wh .style-module_ArrowDown__YhRny {\n  transition: all 0.3s;\n  display: flex;\n  align-items: center;\n}\n.style-module_ExpandHeader__LQwWm .style-module_Price__OT1Wh .style-module_ArrowDown__YhRny.style-module_Rotated__ZPfId {\n  transform: rotate(-180deg);\n}\n\n@media only screen and (max-width: 1000px) {\n  .style-module_CartSummary__m77tn {\n    width: 100%;\n    background-color: var(--checkout-card-bg-color);\n  }\n  .style-module_CartSummary__m77tn.style-module_OpenCouponCodeSummary__ua9wx {\n    background-color: #fff;\n  }\n}\n@media only screen and (min-width: 1000px) {\n  .style-module_CartSummary__m77tn.style-module_HideOnDesktop__Vs5AV {\n    display: none;\n  }\n}\n.style-module_CartSummary__m77tn .style-module_ItemsContainer__QFKQV {\n  max-height: 50vh;\n  overflow-y: auto;\n  margin-bottom: 24px;\n  /* Track */\n  /* Handle */\n}\n@media only screen and (max-width: 1000px) {\n  .style-module_CartSummary__m77tn .style-module_ItemsContainer__QFKQV {\n    max-height: unset;\n  }\n}\n.style-module_CartSummary__m77tn .style-module_ItemsContainer__QFKQV::-webkit-scrollbar {\n  width: 20px;\n}\n.style-module_CartSummary__m77tn .style-module_ItemsContainer__QFKQV::-webkit-scrollbar-track {\n  box-shadow: inset 0 0 20px 20px #E3E7EF;\n  border-left: 16px solid transparent;\n}\n.style-module_CartSummary__m77tn .style-module_ItemsContainer__QFKQV::-webkit-scrollbar-thumb {\n  box-shadow: inset 0 0 20px 20px #000000;\n  border-left: 16px solid transparent;\n}\n.style-module_CartSummary__m77tn .style-module_DetailsContainer__PK33m {\n  overflow: hidden;\n  width: 100%;\n  transition: height 0.3s ease-in-out;\n}\n@media only screen and (max-width: 1000px) {\n  .style-module_CartSummary__m77tn .style-module_DetailsContainer__PK33m {\n    padding: 0 24px;\n    box-shadow: 1px 2px 5px 0px rgba(0, 0, 0, 0.2);\n  }\n}\n.style-module_CartSummary__m77tn .style-module_Details__hWJ9o {\n  overflow: hidden;\n}\n@media only screen and (max-width: 1000px) {\n  .style-module_CartSummary__m77tn .style-module_Details__hWJ9o {\n    padding-top: 24px;\n  }\n}\n.style-module_CartSummary__m77tn .style-module_Divider__MNDti {\n  width: 100%;\n  height: 1px;\n  margin: auto;\n  background-color: var(--checkout-border-color);\n}\n.style-module_CartSummary__m77tn .style-module_ActionTextBtn__7yua4 {\n  color: var(--checkout-primary-text-color);\n  user-select: none;\n  cursor: pointer;\n  display: flex;\n  align-items: center;\n}\n.style-module_CartSummary__m77tn .style-module_ActionTextBtn__7yua4:hover {\n  text-decoration: underline;\n}\n.style-module_CartSummary__m77tn .style-module_ActionTextBtn__7yua4.style-module_NoUnderline__FphKn:hover {\n  text-decoration: none;\n}\n.style-module_CartSummary__m77tn .style-module_ActionTextBtn__7yua4.style-module_Light__dIcW- {\n  color: var(--checkout-secondary-text-color);\n}\n.style-module_CartSummary__m77tn .style-module_SubTotalInfo__JMqK9 {\n  padding: 24px 0;\n  border-bottom: 1px solid var(--checkout-border-color);\n}\n.style-module_CartSummary__m77tn .style-module_SubTotalInfo__JMqK9 .style-module_InfoRow__oAvZS {\n  display: flex;\n  justify-content: space-between;\n  align-items: center;\n  margin-bottom: 10px;\n}\n.style-module_CartSummary__m77tn .style-module_SubTotalInfo__JMqK9 .style-module_InfoRow__oAvZS.style-module_hideMb__j7VBr {\n  margin-bottom: 0;\n}\n.style-module_CartSummary__m77tn .style-module_SubTotalInfo__JMqK9 .style-module_InfoRow__oAvZS .style-module_Label__28Bij {\n  color: var(--checkout-secondary-text-color);\n  display: flex;\n  align-items: center;\n  flex: 1 1 auto;\n}\n.style-module_CartSummary__m77tn .style-module_SubTotalInfo__JMqK9 .style-module_InfoRow__oAvZS .style-module_Value__7rELF {\n  flex: 0 0 auto;\n  padding-left: 8px;\n}\n.style-module_CartSummary__m77tn .style-module_SubTotalInfo__JMqK9 .style-module_InfoRow__oAvZS:last-of-type {\n  margin-bottom: 0;\n}\n.style-module_CartSummary__m77tn .style-module_TotalContainer__sGR7d {\n  display: flex;\n  justify-content: space-between;\n  margin-top: 12px;\n}\n.style-module_CartSummary__m77tn .style-module_TotalContainer__sGR7d .style-module_TitleContainer__LgmJI .style-module_Title__oMVSD {\n  font-size: 20px;\n  font-weight: 600;\n}\n.style-module_CartSummary__m77tn .style-module_TotalContainer__sGR7d .style-module_TotalPricesContainer__-PsOD {\n  display: flex;\n  flex-direction: column;\n  align-items: flex-end;\n}\n.style-module_CartSummary__m77tn .style-module_TotalContainer__sGR7d .style-module_TotalPrice__QBdM1 {\n  font-size: 20px;\n  font-weight: 600;\n}\n.style-module_CartSummary__m77tn .style-module_TotalContainer__sGR7d .style-module_TotalTax__9pA4Y {\n  font-size: 14px;\n  line-height: 24px;\n  color: var(--checkout-secondary-text-color);\n}\n@media only screen and (max-width: 1000px) {\n  .style-module_CartSummary__m77tn .style-module_TotalContainer__sGR7d {\n    height: 64px;\n  }\n}\n.style-module_CartSummary__m77tn .style-module_AppliedCoupon__UNo1h {\n  display: flex;\n  align-items: center;\n  padding: 4px 4px 4px 8px;\n  background-color: white;\n  border-radius: 6px;\n  margin-left: 12px;\n  font-size: 14px;\n  line-height: 20px;\n}\n.style-module_CartSummary__m77tn .style-module_AppliedCoupon__UNo1h.style-module_AppliedCouponBgGray__MYoYu {\n  background-color: var(--checkout-secondary-bg-color);\n}\n.style-module_CartSummary__m77tn .style-module_AppliedCoupon__UNo1h.style-module_NotClosed__E-N9z {\n  padding: 4px 4px 4px 4px;\n}\n.style-module_CartSummary__m77tn .style-module_AppliedCoupon__UNo1h .style-module_CouponCode__UKPmf {\n  font-size: 14px;\n}\n.style-module_CartSummary__m77tn .style-module_AppliedCoupon__UNo1h .style-module_ClearCoupon__CBAzl {\n  cursor: pointer;\n  display: flex;\n  align-items: center;\n  color: var(--checkout-secondary-text-color);\n}\n.style-module_CartSummary__m77tn .style-module_AppliedCoupon__UNo1h .style-module_ClearCoupon__CBAzl svg {\n  transform: scale(0.8);\n}\n.style-module_CartSummary__m77tn .style-module_NotificationContainer__AXfJT {\n  margin-bottom: 14px;\n}\n.style-module_CartSummary__m77tn .style-module_CheckoutNoteContainer__d-z4m {\n  margin-top: 24px;\n  width: calc(100% - 2px);\n  margin-left: 1px;\n}\n.style-module_CartSummary__m77tn .style-module_CheckoutNoteContainer__d-z4m .style-module_Title__oMVSD {\n  font-size: 16px;\n  color: var(--checkout-primary-text-color);\n  margin-bottom: 8px;\n}\n.style-module_CartSummary__m77tn .style-module_CheckoutNoteContainer__d-z4m .style-module_CheckoutNoteDisplay__DtnXo {\n  color: var(--checkout-secondary-text-color);\n}\n.style-module_CartSummary__m77tn .style-module_CheckoutNoteContainer__d-z4m.style-module_Success__VI2Bw {\n  margin-top: 0;\n}\n@media only screen and (max-width: 1000px) {\n  .style-module_CartSummary__m77tn .style-module_CheckoutNoteContainer__d-z4m {\n    margin-top: 0px;\n  }\n}\n.style-module_CartSummary__m77tn .style-module_GiftLabel__cazrS {\n  display: flex;\n  align-items: center;\n}\n.style-module_CartSummary__m77tn .style-module_GiftLabel__cazrS span {\n  margin-left: 8px;\n}\n.style-module_CartSummary__m77tn .style-module_PoweredBy__DKBJF {\n  width: 100%;\n  height: 50px;\n  justify-content: center;\n  align-items: center;\n  color: var(--checkout-primary-text-color);\n  display: none;\n}\n@media only screen and (max-width: 1000px) {\n  .style-module_CartSummary__m77tn .style-module_PoweredBy__DKBJF {\n    display: flex;\n  }\n}\n.style-module_CartSummary__m77tn .style-module_PoweredBy__DKBJF span {\n  font-size: 14px;\n  line-height: 20px;\n  color: var(--checkout-secondary-text-color);\n  margin-right: 8px;\n}\n.style-module_CartSummary__m77tn .style-module_PoweredBy__DKBJF a {\n  display: flex;\n  align-items: center;\n}\n\n.style-module_OpenCouponCodeMain__lZtb3 {\n  display: flex;\n}\n.style-module_OpenCouponCodeMain__lZtb3 input {\n  width: calc(100% - 12px);\n}");export{n as default};

package/build/components/checkout/components/form-item/index.js

@@ -1 +1 @@
-import*as e from"react";import{runInAction as t}from"mobx";import{observer as n}from"mobx-react-lite";import o,{FormItemType as r}from"./model.js";import a from"./caret-down.js";import u from"./style.module.scss.js";import"@ikas/storefront-config";import{useTranslation as l}from"../../../../utils/i18n.js";import i from"react-tooltip";import{PhoneNumberInput as c}from"../phone-number-input/index.js";var s=n((function(n){var a=l().t,s=e.useState((function(){return new o(n)})),d=s[0],E=s[1];return e.useEffect((function(){i.rebuild()}),[]),e.useEffect((function(){t((function(){d.type=n.type}))}),[n.type]),e.useEffect((function(){t((function(){d.inputType=n.inputType}))}),[n.inputType]),e.useEffect((function(){t((function(){d.inputMode=n.inputMode}))}),[n.inputMode]),e.useEffect((function(){t((function(){d.value=n.value}))}),[n.value]),e.useEffect((function(){t((function(){d.options=n.options}))}),[n.options]),e.useEffect((function(){t((function(){d.label=n.label}))}),[n.label]),e.useEffect((function(){t((function(){d.hasError=n.hasError}))}),[n.hasError]),e.useEffect((function(){t((function(){d.errorText=n.errorText}))}),[n.errorText]),e.useEffect((function(){t((function(){d.errorText=n.errorText}))}),[n.errorText]),e.useEffect((function(){t((function(){d.textAreaPlaceholder=n.textAreaPlaceholder}))}),[n.textAreaPlaceholder]),e.useEffect((function(){t((function(){d.rightContent=n.rightContent}))}),[n.rightContent]),e.useEffect((function(){t((function(){d.disableResize=n.disableResize}))}),[n.disableResize]),e.useEffect((function(){t((function(){E(new o(n))}))}),[n.onChange]),e.useEffect((function(){!d.country&&n.currentCountryCode&&d.onCountryChange(n.currentCountryCode)}),[n.currentCountryCode]),e.createElement("div",{className:d.formItemStyle,style:n.style},e.createElement("div",{className:u.FormItemWrapper},e.createElement("div",{className:u.FormItemInputWrapper},e.createElement("label",{className:d.labelStyle},d.label),d.type===r.TEXT&&e.createElement(m,{vm:d,type:d.inputType,disabled:d.disabled,required:n.required,pattern:n.pattern,autocomplete:n.autocomplete,name:n.name}),d.type===r.TEL&&e.createElement(c,{key:n.currentCountryCode||"1",disabled:d.disabled,defaultCountry:n.currentCountryCode,placeholder:a("checkout-page:enterPhoneNumber"),value:d.value?d.value:"",onChange:d.onPhoneChange}),d.type===r.TEXT_AREA&&e.createElement(f,{vm:d}),d.type===r.SELECT&&e.createElement(p,{vm:d,autocomplete:n.autocomplete})),!!d.hasError&&e.createElement("div",{className:u.ErrorMsg},d.errorText||""),!!n.tooltipText&&e.createElement("div",{className:u.FormItemTooltipContainer,"data-tip":n.tooltipText,"data-event":"touchstart focus mouseover","data-event-off":"mouseout"},"?"),!!d.rightContent&&e.createElement("div",{className:u.RightContent},d.rightContent)))})),m=n((function(t){var n=t.vm,o=t.name,r=t.autocomplete,a=t.type,u=t.pattern,l=t.required,i=t.disabled;return e.createElement("input",{required:l,type:a||"text",name:o,pattern:u,disabled:i,autoComplete:r,inputMode:n.inputMode||"text",className:n.inputStyle,value:n.value,onChange:n.onValueChange})})),f=n((function(t){var n=t.vm;return e.createElement("textarea",{style:{resize:n.disableResize?"none":"initial"},value:n.value,disabled:n.disabled,onChange:n.onTextAreaValueChange,placeholder:n.textAreaPlaceholder||""})})),p=n((function(t){var n,o=t.vm,r=t.autocomplete;return e.createElement(e.Fragment,null,e.createElement("select",{className:o.inputStyle,disabled:o.disabled,autoComplete:r,onChange:o.onSelectChange},!o.value&&e.createElement("option",{selected:!0,disabled:!0,key:-1}),null===(n=o.options)||void 0===n?void 0:n.map((function(t,n){return e.createElement("option",{key:n+t.value,value:t.label,selected:o.value===t.value},t.label)}))),e.createElement("div",{className:u.ArrowContainer},e.createElement(a,null)))}));export{s as FormItem};
+import*as e from"react";import{runInAction as t}from"mobx";import{observer as n}from"mobx-react-lite";import o,{FormItemType as r}from"./model.js";import a from"./caret-down.js";import u from"./style.module.scss.js";import"@ikas/storefront-config";import{useTranslation as l}from"../../../../utils/i18n.js";import i from"react-tooltip";import{PhoneNumberInput as c}from"../phone-number-input/index.js";var s=n((function(n){var a=l().t,s=e.useState((function(){return new o(n)})),d=s[0],E=s[1];return e.useEffect((function(){i.rebuild()}),[]),e.useEffect((function(){t((function(){d.type=n.type}))}),[n.type]),e.useEffect((function(){t((function(){d.inputType=n.inputType}))}),[n.inputType]),e.useEffect((function(){t((function(){d.inputMode=n.inputMode}))}),[n.inputMode]),e.useEffect((function(){t((function(){d.value=n.value}))}),[n.value]),e.useEffect((function(){t((function(){d.options=n.options}))}),[n.options]),e.useEffect((function(){t((function(){d.label=n.label}))}),[n.label]),e.useEffect((function(){t((function(){d.hasError=n.hasError}))}),[n.hasError]),e.useEffect((function(){t((function(){d.errorText=n.errorText}))}),[n.errorText]),e.useEffect((function(){t((function(){d.errorText=n.errorText}))}),[n.errorText]),e.useEffect((function(){t((function(){d.textAreaPlaceholder=n.textAreaPlaceholder}))}),[n.textAreaPlaceholder]),e.useEffect((function(){t((function(){d.rightContent=n.rightContent}))}),[n.rightContent]),e.useEffect((function(){t((function(){d.disableResize=n.disableResize}))}),[n.disableResize]),e.useEffect((function(){t((function(){E(new o(n))}))}),[n.onChange]),e.useEffect((function(){!d.country&&n.currentCountryCode&&d.onCountryChange(n.currentCountryCode)}),[n.currentCountryCode]),e.createElement("div",{className:d.formItemStyle,style:n.style},e.createElement("div",{className:u.FormItemWrapper},e.createElement("div",{className:u.FormItemInputWrapper},e.createElement("label",{className:d.labelStyle},d.label),d.type===r.TEXT&&e.createElement(m,{vm:d,type:d.inputType,disabled:d.disabled,required:n.required,pattern:n.pattern,autocomplete:n.autocomplete,name:n.name}),d.type===r.TEL&&e.createElement(c,{key:n.currentCountryCode||"1",disabled:d.disabled,defaultCountry:n.currentCountryCode,placeholder:a("checkout-page:enterPhoneNumber"),value:d.value?d.value:"",onChange:d.onPhoneChange}),d.type===r.TEXT_AREA&&e.createElement(f,{vm:d}),d.type===r.SELECT&&e.createElement(p,{vm:d,autocomplete:n.autocomplete})),!!d.hasError&&e.createElement("div",{className:u.ErrorMsg},d.errorText||""),!!n.tooltipText&&e.createElement("div",{className:u.FormItemTooltipContainer,"data-tip":n.tooltipText,"data-event":"touchstart focus mouseover","data-event-off":"mouseout"},"?"),!!d.rightContent&&e.createElement("div",{className:u.RightContent},d.rightContent)))})),m=n((function(t){var n=t.vm,o=t.name,r=t.autocomplete,a=t.type,u=t.pattern,l=t.required,i=t.disabled;return e.createElement("input",{required:l,type:a||"text",name:o,pattern:u,disabled:i,autoComplete:r,inputMode:n.inputMode||"text",className:n.inputStyle,value:n.value,onChange:n.onValueChange})})),f=n((function(t){var n=t.vm;return e.createElement("textarea",{style:{resize:n.disableResize?"none":"initial"},value:n.value,disabled:n.disabled,onChange:n.onTextAreaValueChange,placeholder:n.textAreaPlaceholder||"",maxLength:n.maxLength})})),p=n((function(t){var n,o=t.vm,r=t.autocomplete;return e.createElement(e.Fragment,null,e.createElement("select",{className:o.inputStyle,disabled:o.disabled,autoComplete:r,onChange:o.onSelectChange},!o.value&&e.createElement("option",{selected:!0,disabled:!0,key:-1}),null===(n=o.options)||void 0===n?void 0:n.map((function(t,n){return e.createElement("option",{key:n+t.value,value:t.label,selected:o.value===t.value},t.label)}))),e.createElement("div",{className:u.ArrowContainer},e.createElement(a,null)))}));export{s as FormItem};

package/build/components/checkout/components/form-item/model.d.ts

@@ -11,6 +11,7 @@ export default class FormItemViewModel implements Props {
     tooltipText?: string;
     country?: string | null;
     textAreaPlaceholder?: string | null;
+    maxLength?: number;
     rightContent?: React.ReactElement | null;
     disableResize?: boolean;
     disabled: boolean;
@@ -43,6 +44,7 @@ export interface Props {
     currentCountryCode?: string | null;
     style?: React.CSSProperties;
     textAreaPlaceholder?: string | null;
+    maxLength?: number;
     rightContent?: React.ReactElement | null;
     disableResize?: boolean;
     disabled?: boolean;

package/build/components/checkout/components/form-item/model.js

@@ -1 +1 @@
-import{makeAutoObservable as e}from"mobx";import t from"./style.module.scss.js";var i,n,o,r=function(){function n(t){var i=this;this.country=null,this.textAreaPlaceholder=null,this.onValueChange=function(e){i.disabled||i.onChange(e.target.value)},this.onTextAreaValueChange=function(e){i.disabled||i.onChange(e.target.value)},this.onSelectChange=function(e){var t;if(!i.disabled){var n=null===(t=i.options)||void 0===t?void 0:t.find((function(t){return t.label===e.target.value}));n&&i.onChange(n.value)}},this.onPhoneChange=function(e){i.disabled||i.onChange(e)},this.onCountryChange=function(e){i.disabled||(i.country=e)},this.type=t.type,this.inputType=t.inputType,this.inputMode=t.inputMode,this.options=t.options,this.label=t.label,this.value=t.value,this.hasError=t.hasError,this.errorText=t.errorText,this.tooltipText=t.tooltipText,this.country=t.country||null,this.textAreaPlaceholder=t.textAreaPlaceholder||null,this.rightContent=t.rightContent||null,this.disableResize=t.disableResize||!1,this.disabled=t.disabled||!1,this.onChange=t.onChange,e(this)}return Object.defineProperty(n.prototype,"formItemStyle",{get:function(){var e=[t.FormItem];return this.type===i.TEL&&this.hasError&&e.push(t.PhoneError),e.join(" ")},enumerable:!1,configurable:!0}),Object.defineProperty(n.prototype,"labelStyle",{get:function(){return this.value||this.type===i.TEL?[t.FieldLabel,t.FieldLabelTop].join(" "):[t.FieldLabel].join(" ")},enumerable:!1,configurable:!0}),Object.defineProperty(n.prototype,"inputStyle",{get:function(){var e=[];return this.value&&e.push(t.Bottom),this.hasError&&e.push(t.Error),this.tooltipText&&e.push(t.WithTooltip),this.type===i.TEL&&e.push(t.Tel),this.disabled&&e.push(t.Disabled),e.join(" ")},enumerable:!1,configurable:!0}),n}();!function(e){e[e.TEXT=0]="TEXT",e[e.TEXT_AREA=1]="TEXT_AREA",e[e.SELECT=2]="SELECT",e[e.TEL=3]="TEL"}(i||(i={})),function(e){e.TEXT="text",e.PASSWORD="password"}(n||(n={})),function(e){e.NUMERIC="numeric",e.TEL="tel",e.EMAIL="email"}(o||(o={}));export{o as FormItemInputMode,n as FormItemInputType,i as FormItemType,r as default};
+import{makeAutoObservable as e}from"mobx";import t from"./style.module.scss.js";var i,n,o,r=function(){function n(t){var i=this;this.country=null,this.textAreaPlaceholder=null,this.onValueChange=function(e){i.disabled||i.onChange(e.target.value)},this.onTextAreaValueChange=function(e){i.disabled||i.onChange(e.target.value)},this.onSelectChange=function(e){var t;if(!i.disabled){var n=null===(t=i.options)||void 0===t?void 0:t.find((function(t){return t.label===e.target.value}));n&&i.onChange(n.value)}},this.onPhoneChange=function(e){i.disabled||i.onChange(e)},this.onCountryChange=function(e){i.disabled||(i.country=e)},this.type=t.type,this.inputType=t.inputType,this.inputMode=t.inputMode,this.options=t.options,this.label=t.label,this.value=t.value,this.hasError=t.hasError,this.errorText=t.errorText,this.tooltipText=t.tooltipText,this.country=t.country||null,this.textAreaPlaceholder=t.textAreaPlaceholder||null,this.maxLength=t.maxLength,this.rightContent=t.rightContent||null,this.disableResize=t.disableResize||!1,this.disabled=t.disabled||!1,this.onChange=t.onChange,e(this)}return Object.defineProperty(n.prototype,"formItemStyle",{get:function(){var e=[t.FormItem];return this.type===i.TEL&&this.hasError&&e.push(t.PhoneError),e.join(" ")},enumerable:!1,configurable:!0}),Object.defineProperty(n.prototype,"labelStyle",{get:function(){return this.value||this.type===i.TEL?[t.FieldLabel,t.FieldLabelTop].join(" "):[t.FieldLabel].join(" ")},enumerable:!1,configurable:!0}),Object.defineProperty(n.prototype,"inputStyle",{get:function(){var e=[];return this.value&&e.push(t.Bottom),this.hasError&&e.push(t.Error),this.tooltipText&&e.push(t.WithTooltip),this.type===i.TEL&&e.push(t.Tel),this.disabled&&e.push(t.Disabled),e.join(" ")},enumerable:!1,configurable:!0}),n}();!function(e){e[e.TEXT=0]="TEXT",e[e.TEXT_AREA=1]="TEXT_AREA",e[e.SELECT=2]="SELECT",e[e.TEL=3]="TEL"}(i||(i={})),function(e){e.TEXT="text",e.PASSWORD="password"}(n||(n={})),function(e){e.NUMERIC="numeric",e.TEL="tel",e.EMAIL="email"}(o||(o={}));export{o as FormItemInputMode,n as FormItemInputType,i as FormItemType,r as default};

package/build/components/checkout/components/offer-product/index.js

@@ -1 +1 @@
-import*as e from"react";import{observer as t}from"mobx-react-lite";import{CheckoutStep as n}from"../../model.js";import{Button as a}from"../button/index.js";import i from"./select/index.js";import o from"../svg/cross.js";import{useTranslation as r}from"../../../../utils/i18n.js";import c from"./style.module.scss.js";var s=function(t){var a,i,o=t.seconds,s=t.onFinish,u=t.campaignOffer,d=t.vm,f=t.isPopupClosed,m=t.step,p=r().t,v=e.useState(o),g=v[0],C=v[1];e.useEffect((function(){C(o)}),[o]),e.useEffect((function(){var e=setInterval((function(){g>0?C(g-1):(clearInterval(e),s())}),1e3);return function(){return clearInterval(e)}}),[g]);var S=u.offer.countdownMinutes&&(m!==n.SUCCESS?!!(null===(a=d.customizationProps)||void 0===a?void 0:a.campaignOfferCountdownStyleIsLine):!!(null===(i=d.customizationProps)||void 0===i?void 0:i.campaignOfferCountdownStyleIsLineSuccessPage))||f;return e.createElement("div",{className:S?c.CountdownContainerIsLine:c.CountdownContainer},e.createElement("div",{className:c.CountdownTextMain},!S&&e.createElement("span",{className:c.CountdownText},p("checkout-page:timeRemaining")),e.createElement("span",{className:c.CountdownTime},l(g))))},l=function(e){var t=Math.floor(e/60/60),n=Math.floor(e/60)-60*t,a=e%60;return 0!==t?t.toString().padStart(2,"0")+":":n.toString().padStart(2,"0")+":"+a.toString().padStart(2,"0")},u=t((function(t){var l,u,d,f,m,p,v,g=t.vm,C=t.campaignOffer,S=t.index,h=t.activeIndex,E=t.offersLength,P=t.handleNext,I=t.handlePrev,O=t.setActiveIndex,w=t.isPopupShow,V=t.closePopup,N=t.showPopup,M=t.isPopupClosed,j=t.desktopMiddlePhase,B=t.step,k=r().t,x=C.product,y=B!==n.SUCCESS?!!(null===(l=g.customizationProps)||void 0===l?void 0:l.campaignOfferIsSmallDesign)&&w:!!(null===(u=g.customizationProps)||void 0===u?void 0:u.showCampaignIsBiggerImage)&&B===n.SUCCESS,D=e.useRef(null),L=e.useRef(null),A=e.useRef(null),T=e.useState(0),z=T[0],R=T[1];e.useEffect((function(){var e,t,a,i,o,r,c,s;if(void 0!==typeof window){var l=.8*window.innerHeight,u=0,d=0,f=0;D.current&&(u=null===(t=null===(e=D.current)||void 0===e?void 0:e.getBoundingClientRect())||void 0===t?void 0:t.height),L.current&&(d=null===(i=null===(a=L.current)||void 0===a?void 0:a.getBoundingClientRect())||void 0===i?void 0:i.height),A.current&&(f=null===(r=null===(o=A.current)||void 0===o?void 0:o.getBoundingClientRect())||void 0===r?void 0:r.height);var m=(B===n.SUCCESS?null===(c=g.customizationProps)||void 0===c?void 0:c.campaignOfferCountdownStyleIsLineSuccessPage:null===(s=g.customizationProps)||void 0===s?void 0:s.campaignOfferCountdownStyleIsLine)?25:70,p=navigator.userAgent.match(/Version\/[\d\.]+.*Safari/)?20:0;R(l-u-d-f-p-m)}}),[w]);var b=e.useState(null),U=b[0],F=b[1],H=e.useState(null),X=H[0],q=H[1],G=e.useMemo((function(){var e,t,n,a,i,o,r,c=null===(e=x.selectedVariant.images)||void 0===e?void 0:e.filter((function(e){return!e.isVideo}));return(null===(t=x.selectedVariant.mainImage)||void 0===t?void 0:t.isVideo)&&(null==c?void 0:c.length)?null===(n=c[0].image)||void 0===n?void 0:n.thumbnailSrc:y||j?null===(i=null===(a=x.selectedVariant.mainImage)||void 0===a?void 0:a.image)||void 0===i?void 0:i.getSrc(360):null===(r=null===(o=x.selectedVariant.mainImage)||void 0===o?void 0:o.image)||void 0===r?void 0:r.thumbnailSrc}),[x.selectedVariant,y,j]),J=e.useMemo((function(){if(!C.offer.countdownMinutes||!C.campaignOffer.offerStartDate)return 0;var e=Math.round(((new Date).getTime()-new Date(C.campaignOffer.offerStartDate).getTime())/1e3);return e>60*C.offer.countdownMinutes?0:60*C.offer.countdownMinutes-e}),[C]),K=function(e){O(0),g.updateCartCampaignOffer({accepted:e,cartId:g.checkout.id,campaignOfferId:C.campaignOffer.campaignOfferId,campaignOfferProductId:C.offer.id,productId:C.offer.productId,variantId:x.selectedVariant.id})},Q=function(){K(!0)},W=function(){K(!1)},Y=C.offer.countdownMinutes&&(B!==n.SUCCESS?!!(null===(d=g.customizationProps)||void 0===d?void 0:d.campaignOfferCountdownStyleIsLine):!!(null===(f=g.customizationProps)||void 0===f?void 0:f.campaignOfferCountdownStyleIsLineSuccessPage))||M&&C.offer.countdownMinutes;return e.createElement("div",{style:{transform:"translateX(-".concat(100*h,"%)")},className:[c.Container,S===h?c.ActiveOffer:"",w?c.PopupContainer:"",j?c.PopupContainerDesktop:""].join(" ")},C.offer.countdownMinutes&&(B!==n.SUCCESS?!(null===(m=g.customizationProps)||void 0===m?void 0:m.campaignOfferCountdownStyleIsLine):!(null===(p=g.customizationProps)||void 0===p?void 0:p.campaignOfferCountdownStyleIsLineSuccessPage))&&!M&&e.createElement(s,{seconds:J,onFinish:W,vm:g,campaignOffer:C,step:B}),e.createElement("div",{onTouchStart:function(e){q(null),F(e.targetTouches[0].clientX)},onTouchMove:function(e){return q(e.targetTouches[0].clientX)},onTouchEnd:function(){if(U&&X&&E>1){var e=U-X,t=e>50;(t||e<-50)&&(t?I():P())}},className:[c.ContentContainer,E>1?c.ContentContainerItems:"",M?E>1?c.ContentContainerPopup:c.ContentContainerPopupItems:""].join(" ")},!!w&&e.createElement("div",{className:c.RejectButton,onClick:function(){return V&&V()}},e.createElement(o,null)),e.createElement("div",{ref:D,className:[c.HeaderMain,y&&!M?c.IsBigProductImage:"",Y?c.IsLineCountDown:"",M?c.MobileSmallHeader:""].join(" ")},e.createElement("div",{className:c.Header},e.createElement("div",{className:c.Title},C.offer.title),!!C.offer.description&&!M&&e.createElement("div",{className:c.Description},C.offer.description)),Y&&e.createElement(s,{seconds:J,onFinish:W,vm:g,campaignOffer:C,isPopupClosed:M,step:B})),e.createElement("div",{className:[c.ProductContainer,y&&!M?c.IsLineProductContainer:""].join(" ")},e.createElement("div",{style:w?{width:z,height:z}:{},className:[c.ImageContainer,y&&!M?c.BigImage:"",M?c.SmallImage:"",j?c.BiggerImage:""].join(" ")},e.createElement("img",{className:c.Image,src:G})),e.createElement("div",{ref:L,className:c.ProductDetails},e.createElement("div",{className:c.ProductName},x.name),x.hasVariant&&1===x.variants.length&&e.createElement("div",{className:c.VariantName},x.selectedVariant.variantValues.map((function(e){return e.name})).join(", ")),!(null===(v=g.customizationProps)||void 0===v?void 0:v.showCampaignHideDiscountBadge)&&x.selectedVariant.price.hasDiscount&&e.createElement("span",{className:c.DiscountBadge},"%",x.selectedVariant.price.discountPercentage," ",k("checkout-page:discount")),e.createElement("div",{className:c.ProductPriceMain},x.selectedVariant.price.hasDiscount&&e.createElement("span",{className:c.Discount},x.selectedVariant.price.formattedSellPrice," "),e.createElement("span",{className:c.ProductPrice},x.selectedVariant.price.formattedFinalPrice)),!M&&x.variants.length>1&&e.createElement("div",{className:c.Actions},x.variants.length>1&&e.createElement(i,{value:x.selectedVariant.id,onSelectChange:function(e){var t=null;x.displayedVariantTypes.forEach((function(n){n.displayedVariantValues.forEach((function(n){n.variant.id===e&&(t=n.variantValue)}))})),t&&x.selectVariantValue(t,!0)},options:x.variants.map((function(e){return{label:e.variantValues.map((function(e){return e.name})).join(", "),value:e.id}}))})),!!M&&e.createElement(a,{classes:[c.OfferButton,y?c.OfferAcceptButton:"",c.PopupOfferButton].join(" "),text:k("checkout-page:actions.acceptOffer"),onClick:function(){x.hasVariant?N&&N():Q()}}),!!j&&e.createElement("div",{className:[c.OfferActionsMain,y?c.OfferActionsMainBigImage:"",c.OfferActionsMainMiddlePhase].join(" ")},e.createElement(a,{classes:c.OfferButton,isLine:!0,text:k("checkout-page:actions.rejectOffer"),onClick:W}),e.createElement(a,{classes:[c.OfferButton,y?c.OfferAcceptButton:""].join(" "),text:e.createElement("div",null,e.createElement("span",null,k("checkout-page:actions.acceptOffer")),e.createElement("span",null),e.createElement("span",null,x.selectedVariant.price.formattedFinalPrice)),onClick:Q})))),!(M||j)&&e.createElement("div",{ref:A,className:[c.OfferActionsMain,y?c.OfferActionsMainBigImage:""].join(" ")},e.createElement(a,{classes:c.OfferButton,isLine:!0,text:k("checkout-page:actions.rejectOffer"),onClick:W}),e.createElement(a,{classes:[c.OfferButton,y?c.OfferAcceptButton:""].join(" "),text:k("checkout-page:actions.acceptOffer"),onClick:Q}))))}));export{u as default};
+import*as e from"react";import{observer as t}from"mobx-react-lite";import{CheckoutStep as n}from"../../model.js";import{Button as a}from"../button/index.js";import i from"./select/index.js";import o from"../svg/cross.js";import{useTranslation as r}from"../../../../utils/i18n.js";import c from"./style.module.scss.js";var s=function(t){var a,i,o=t.seconds,s=t.onFinish,u=t.campaignOffer,d=t.vm,f=t.isPopupClosed,m=t.step,p=r().t,v=e.useState(o),g=v[0],C=v[1];e.useEffect((function(){C(o)}),[o]),e.useEffect((function(){var e=setInterval((function(){g>0?C(g-1):(clearInterval(e),s())}),1e3);return function(){return clearInterval(e)}}),[g]);var S=u.offer.countdownMinutes&&(m!==n.SUCCESS?!!(null===(a=d.customizationProps)||void 0===a?void 0:a.campaignOfferCountdownStyleIsLine):!!(null===(i=d.customizationProps)||void 0===i?void 0:i.campaignOfferCountdownStyleIsLineSuccessPage))||f;return e.createElement("div",{className:S?c.CountdownContainerIsLine:c.CountdownContainer},e.createElement("div",{className:c.CountdownTextMain},!S&&e.createElement("span",{className:c.CountdownText},p("checkout-page:timeRemaining")),e.createElement("span",{className:c.CountdownTime},l(g))))},l=function(e){var t=Math.floor(e/60/60),n=Math.floor(e/60)-60*t,a=e%60;return 0!==t?t.toString().padStart(2,"0")+":":n.toString().padStart(2,"0")+":"+a.toString().padStart(2,"0")},u=t((function(t){var l,u,d,f,m,p,v,g=t.vm,C=t.campaignOffer,S=t.index,h=t.activeIndex,E=t.offersLength,P=t.handleNext,I=t.handlePrev,O=t.setActiveIndex,w=t.isPopupShow,V=t.closePopup,N=t.showPopup,M=t.isPopupClosed,B=t.desktopMiddlePhase,j=t.step,k=r().t,x=C.product,y=j!==n.SUCCESS?!!(null===(l=g.customizationProps)||void 0===l?void 0:l.campaignOfferIsSmallDesign)&&w:!!(null===(u=g.customizationProps)||void 0===u?void 0:u.showCampaignIsBiggerImage)&&j===n.SUCCESS,D=e.useRef(null),L=e.useRef(null),A=e.useRef(null),T=e.useState(0),z=T[0],R=T[1];e.useEffect((function(){var e,t,a,i,o,r,c,s;if(void 0!==typeof window){var l=.8*window.innerHeight,u=0,d=0,f=0;D.current&&(u=null===(t=null===(e=D.current)||void 0===e?void 0:e.getBoundingClientRect())||void 0===t?void 0:t.height),L.current&&(d=null===(i=null===(a=L.current)||void 0===a?void 0:a.getBoundingClientRect())||void 0===i?void 0:i.height),A.current&&(f=null===(r=null===(o=A.current)||void 0===o?void 0:o.getBoundingClientRect())||void 0===r?void 0:r.height);var m=(j===n.SUCCESS?null===(c=g.customizationProps)||void 0===c?void 0:c.campaignOfferCountdownStyleIsLineSuccessPage:null===(s=g.customizationProps)||void 0===s?void 0:s.campaignOfferCountdownStyleIsLine)?25:70,p=navigator.userAgent.match(/Version\/[\d\.]+.*Safari/)?20:0;R(l-u-d-f-p-m)}}),[w]);var U=e.useState(null),b=U[0],F=U[1],H=e.useState(null),X=H[0],q=H[1],G=e.useMemo((function(){var e,t,n,a,i,o,r,c=null===(e=x.selectedVariant.images)||void 0===e?void 0:e.filter((function(e){return!e.isVideo}));return(null===(t=x.selectedVariant.mainImage)||void 0===t?void 0:t.isVideo)&&(null==c?void 0:c.length)?null===(n=c[0].image)||void 0===n?void 0:n.thumbnailSrc:y||B?null===(i=null===(a=x.selectedVariant.mainImage)||void 0===a?void 0:a.image)||void 0===i?void 0:i.getSrc(360):null===(r=null===(o=x.selectedVariant.mainImage)||void 0===o?void 0:o.image)||void 0===r?void 0:r.thumbnailSrc}),[x.selectedVariant,y,B]),J=e.useMemo((function(){if(!C.offer.countdownMinutes||!C.campaignOffer.offerStartDate)return 0;var e=Math.round(((new Date).getTime()-new Date(C.campaignOffer.offerStartDate).getTime())/1e3);return e>60*C.offer.countdownMinutes?0:60*C.offer.countdownMinutes-e}),[C]),K=function(e){O(0),g.updateCartCampaignOffer({accepted:e,cartId:g.checkout.id,campaignOfferId:C.campaignOffer.campaignOfferId,campaignOfferProductId:C.offer.id,productId:C.offer.productId,variantId:x.selectedVariant.id})},Q=function(){K(!0)},W=function(){K(!1)},Y=C.offer.countdownMinutes&&(j!==n.SUCCESS?!!(null===(d=g.customizationProps)||void 0===d?void 0:d.campaignOfferCountdownStyleIsLine):!!(null===(f=g.customizationProps)||void 0===f?void 0:f.campaignOfferCountdownStyleIsLineSuccessPage))||M&&C.offer.countdownMinutes;return console.log("av",h),e.createElement("div",{style:{transform:"translateX(-".concat(100*h,"%)")},className:[c.Container,S===h?c.ActiveOffer:"",w?c.PopupContainer:"",B?c.PopupContainerDesktop:"",j===n.SUCCESS?c.Border:""].join(" ")},C.offer.countdownMinutes&&(j!==n.SUCCESS?!(null===(m=g.customizationProps)||void 0===m?void 0:m.campaignOfferCountdownStyleIsLine):!(null===(p=g.customizationProps)||void 0===p?void 0:p.campaignOfferCountdownStyleIsLineSuccessPage))&&!M&&e.createElement(s,{seconds:J,onFinish:function(){return console.log("ss")},vm:g,campaignOffer:C,step:j}),e.createElement("div",{onTouchStart:function(e){q(null),F(e.targetTouches[0].clientX)},onTouchMove:function(e){return q(e.targetTouches[0].clientX)},onTouchEnd:function(){if(b&&X&&E>1){var e=b-X,t=e>50;(t||e<-50)&&(t?P():I())}},className:[c.ContentContainer,E>1?c.ContentContainerItems:"",M?E>1?c.ContentContainerPopup:c.ContentContainerPopupItems:""].join(" ")},!!w&&e.createElement("div",{className:c.RejectButton,onClick:function(){return V&&V()}},e.createElement(o,null)),e.createElement("div",{ref:D,className:[c.HeaderMain,y&&!M?c.IsBigProductImage:"",Y?c.IsLineCountDown:"",M?c.MobileSmallHeader:""].join(" ")},e.createElement("div",{className:c.Header},e.createElement("div",{className:c.Title},C.offer.title),!!C.offer.description&&!M&&e.createElement("div",{className:c.Description},C.offer.description)),Y&&e.createElement(s,{seconds:J,onFinish:function(){return console.log("ss")},vm:g,campaignOffer:C,isPopupClosed:M,step:j})),e.createElement("div",{className:[c.ProductContainer,y&&!M?c.IsLineProductContainer:""].join(" ")},e.createElement("div",{style:w?{width:z,height:z}:{},className:[c.ImageContainer,y&&!M?c.BigImage:"",M?c.SmallImage:"",B?c.BiggerImage:""].join(" ")},e.createElement("img",{className:c.Image,src:G})),e.createElement("div",{ref:L,className:c.ProductDetails},e.createElement("div",{className:c.ProductName},x.name),x.hasVariant&&1===x.variants.length&&e.createElement("div",{className:c.VariantName},x.selectedVariant.variantValues.map((function(e){return e.name})).join(", ")),!(null===(v=g.customizationProps)||void 0===v?void 0:v.showCampaignHideDiscountBadge)&&x.selectedVariant.price.hasDiscount&&e.createElement("span",{className:c.DiscountBadge},"%",x.selectedVariant.price.discountPercentage," ",k("checkout-page:discount")),e.createElement("div",{className:c.ProductPriceMain},x.selectedVariant.price.hasDiscount&&e.createElement("span",{className:c.Discount},x.selectedVariant.price.formattedSellPrice," "),e.createElement("span",{className:c.ProductPrice},x.selectedVariant.price.formattedFinalPrice)),!M&&x.variants.length>1&&e.createElement("div",{className:c.Actions},x.variants.length>1&&e.createElement(i,{value:x.selectedVariant.id,onSelectChange:function(e){var t=null;x.displayedVariantTypes.forEach((function(n){n.displayedVariantValues.forEach((function(n){n.variant.id===e&&(t=n.variantValue)}))})),t&&x.selectVariantValue(t,!0)},options:x.variants.map((function(e){return{label:e.variantValues.map((function(e){return e.name})).join(", "),value:e.id}}))})),!!M&&e.createElement(a,{classes:[c.OfferButton,y?c.OfferAcceptButton:"",c.PopupOfferButton].join(" "),text:k("checkout-page:actions.acceptOffer"),onClick:function(){x.hasVariant?N&&N():Q()}}),!!B&&e.createElement("div",{className:[c.OfferActionsMain,y?c.OfferActionsMainBigImage:"",c.OfferActionsMainMiddlePhase].join(" ")},e.createElement(a,{classes:c.OfferButton,isLine:!0,text:k("checkout-page:actions.rejectOffer"),onClick:W}),e.createElement(a,{classes:[c.OfferButton,y?c.OfferAcceptButton:""].join(" "),text:e.createElement("div",null,e.createElement("span",null,k("checkout-page:actions.acceptOffer")),e.createElement("span",null),e.createElement("span",null,x.selectedVariant.price.formattedFinalPrice)),onClick:Q})))),!(M||B)&&e.createElement("div",{ref:A,className:[c.OfferActionsMain,y?c.OfferActionsMainBigImage:""].join(" ")},e.createElement(a,{classes:c.OfferButton,isLine:!0,text:k("checkout-page:actions.rejectOffer"),onClick:W}),e.createElement(a,{classes:[c.OfferButton,y?c.OfferAcceptButton:""].join(" "),text:k("checkout-page:actions.acceptOffer"),onClick:Q}))))}));export{u as default};

package/build/components/checkout/components/offer-product/style.module.scss.js

@@ -1 +1 @@
-import n from'./../../../../ext/style-inject/dist/style-inject.es.js';var e={Container:"style-module_Container__-EKYc",ActiveOffer:"style-module_ActiveOffer__JZyW-",CountdownContainer:"style-module_CountdownContainer__bc-5v",CountdownContainerIsLine:"style-module_CountdownContainerIsLine__YtdAv",CountdownTextMain:"style-module_CountdownTextMain__S9Rrn",CountdownText:"style-module_CountdownText__Hd-3I",CountdownTime:"style-module_CountdownTime__a2aRF",ContentContainer:"style-module_ContentContainer__tC3zO",HeaderMain:"style-module_HeaderMain__-tiUy",Header:"style-module_Header__J2wyt",IsLineCountDown:"style-module_IsLineCountDown__xgFDT",IsBigProductImage:"style-module_IsBigProductImage__YdAgY",IsLineProductContainer:"style-module_IsLineProductContainer__3Nkqr",Title:"style-module_Title__4T394",Description:"style-module_Description__GPKR-",RejectButton:"style-module_RejectButton__3SwP8",ProductContainer:"style-module_ProductContainer__9qr9n",ImageContainer:"style-module_ImageContainer__gxlXU",PlaceHolderProductContainer:"style-module_PlaceHolderProductContainer__XVvyr",BigImage:"style-module_BigImage__n1DH9",SmallImage:"style-module_SmallImage__42qY-",BiggerImage:"style-module_BiggerImage__2M7Dw",Image:"style-module_Image__gDla7",ProductDetails:"style-module_ProductDetails__a-gJx",ProductName:"style-module_ProductName__yTmJx",VariantName:"style-module_VariantName__DF1mY",Brand:"style-module_Brand__UxK7C",ProductPriceMain:"style-module_ProductPriceMain__IJHv-",ProductPrice:"style-module_ProductPrice__U6Lhy",Discount:"style-module_Discount__tjllJ",Actions:"style-module_Actions__XZsJD",DiscountBadge:"style-module_DiscountBadge__deWxZ",ContentContainerItems:"style-module_ContentContainerItems__SIB05",OfferActionsMain:"style-module_OfferActionsMain__9axsN",OfferActionsMainMiddlePhase:"style-module_OfferActionsMainMiddlePhase__7VryS",OfferButton:"style-module_OfferButton__pkhNI",OfferActionsMainBigImage:"style-module_OfferActionsMainBigImage__qCPQB",MobileSmallHeader:"style-module_MobileSmallHeader__zrlIx",ContentContainerPopup:"style-module_ContentContainerPopup__Pburr",ContentContainerPopupItems:"style-module_ContentContainerPopupItems__7Azct",PopupOfferButton:"style-module_PopupOfferButton__-9ljg",PopupContainer:"style-module_PopupContainer__sL4sY",PopupContainerDesktop:"style-module_PopupContainerDesktop__c13p-"};n(".style-module_Container__-EKYc {\n  margin: 32px 0 48px 0;\n  border: 1px solid var(--checkout-border-color);\n  border-radius: 8px;\n  flex-shrink: 0;\n  width: 100%;\n  transition: 0.5s ease;\n}\n@media only screen and (max-width: 1000px) {\n  .style-module_Container__-EKYc {\n    margin: 0;\n    border-radius: 0;\n    border: unset;\n    border-bottom: 1px solid var(--checkout-border-color);\n  }\n}\n\n.style-module_ActiveOffer__JZyW- {\n  position: relative;\n  opacity: 1;\n}\n\n.style-module_CountdownContainer__bc-5v {\n  display: flex;\n  justify-content: center;\n  padding: 12px 16px;\n  border-radius: 8px 8px 0 0;\n  background-color: var(--checkout-campaign-countdown-bg-color);\n}\n@media only screen and (max-width: 1000px) {\n  .style-module_CountdownContainer__bc-5v {\n    border-radius: 0;\n  }\n}\n\n.style-module_CountdownContainerIsLine__YtdAv {\n  display: flex;\n  justify-content: center;\n  padding: 4px 12px;\n  border-radius: 8px;\n  background-color: var(--checkout-campaign-countdown-bg-color);\n  height: 32px;\n}\n\n.style-module_CountdownTextMain__S9Rrn {\n  gap: 6px;\n  display: flex;\n}\n\n.style-module_CountdownText__Hd-3I {\n  color: var(--checkout-campaign-countdown-text-color);\n  font-size: 16px;\n  font-weight: 500;\n  line-height: 24px;\n}\n\n.style-module_CountdownTime__a2aRF {\n  color: var(--checkout-campaign-countdown-time-color);\n  font-size: 16px;\n  font-weight: 700;\n  line-height: 24px;\n}\n\n.style-module_ContentContainer__tC3zO {\n  padding: 24px;\n  width: 100%;\n  position: relative;\n}\n\n.style-module_HeaderMain__-tiUy {\n  display: flex;\n  flex-direction: column;\n  margin-bottom: 16px;\n}\n\n.style-module_Header__J2wyt {\n  display: flex;\n  flex-direction: column;\n}\n\n.style-module_IsLineCountDown__xgFDT {\n  display: flex;\n  flex-direction: row;\n  justify-content: space-between;\n  align-items: center;\n}\n.style-module_IsLineCountDown__xgFDT .style-module_Header__J2wyt {\n  width: 75%;\n}\n\n@media only screen and (max-width: 1000px) {\n  .style-module_IsBigProductImage__YdAgY {\n    flex-direction: column;\n    justify-content: center;\n    text-align: center;\n    row-gap: 16px;\n    align-items: center;\n  }\n}\n\n@media only screen and (max-width: 1000px) {\n  .style-module_IsLineProductContainer__3Nkqr {\n    flex-direction: column;\n    justify-content: center;\n    align-items: center;\n    width: 256px;\n    margin: 0 auto;\n    row-gap: 12px;\n  }\n}\n\n.style-module_Title__4T394 {\n  font-size: 20px;\n  color: var(--checkout-campaign-title-color);\n  font-weight: 500;\n  line-height: 32px;\n}\n@media only screen and (max-width: 1000px) {\n  .style-module_Title__4T394 {\n    font-size: 18px;\n    line-height: 26px;\n  }\n}\n\n.style-module_Description__GPKR- {\n  color: var(--checkout-campaign-description-color);\n  font-size: 16px;\n  font-weight: 400;\n  line-height: 24px;\n}\n\n.style-module_RejectButton__3SwP8 {\n  height: 35px;\n  width: 20px;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  right: 16px;\n  top: 10px;\n  cursor: pointer;\n  position: absolute;\n}\n\n.style-module_ProductContainer__9qr9n {\n  display: flex;\n}\n\n.style-module_ImageContainer__gxlXU {\n  height: 80px;\n  width: 80px;\n  position: relative;\n  background-color: #fff;\n  margin-right: 12px;\n  border-radius: 8px;\n  border: 1px solid var(--checkout-border-color);\n}\n.style-module_ImageContainer__gxlXU svg {\n  width: 40px;\n  height: 40px;\n}\n\n.style-module_PlaceHolderProductContainer__XVvyr {\n  display: flex;\n  align-items: center;\n  justify-content: center;\n}\n\n.style-module_BigImage__n1DH9 {\n  height: 152px;\n  width: 152px;\n  margin-right: 16px;\n}\n.style-module_BigImage__n1DH9 svg {\n  width: 80px;\n  height: 80px;\n}\n@media only screen and (max-width: 1000px) {\n  .style-module_BigImage__n1DH9 {\n    height: 256px;\n    width: 256px;\n    margin-right: 0;\n  }\n}\n\n.style-module_SmallImage__42qY- {\n  height: 52px;\n  width: 52px;\n}\n\n.style-module_BiggerImage__2M7Dw {\n  height: 320px;\n  width: 320px;\n}\n\n.style-module_Image__gDla7 {\n  width: 100%;\n  height: 100%;\n  object-fit: cover;\n  border-radius: 8px;\n}\n\n.style-module_ProductDetails__a-gJx {\n  flex: 1;\n  width: 100%;\n  position: relative;\n}\n\n.style-module_ProductName__yTmJx {\n  margin-bottom: 4px;\n  font-size: 16px;\n  color: var(--checkout-primary-text-color);\n  font-weight: 500;\n  line-height: 24px;\n}\n\n.style-module_VariantName__DF1mY {\n  margin-bottom: 4px;\n  font-size: 14px;\n  color: var(--checkout-primary-text-color);\n  line-height: 20px;\n}\n\n.style-module_Brand__UxK7C {\n  margin-bottom: 2px;\n  font-size: 14px;\n  color: var(--checkout-primary-text-color);\n  line-height: 20px;\n}\n\n.style-module_ProductPriceMain__IJHv- {\n  gap: 6px;\n  display: flex;\n}\n\n.style-module_ProductPrice__U6Lhy {\n  font-size: 16px;\n  font-weight: 500;\n  color: var(--checkout-primary-text-color);\n  line-height: 24px;\n}\n\n.style-module_Discount__tjllJ {\n  font-size: 16px;\n  font-weight: 400;\n  color: var(--checkout-secondary-text-color);\n  text-decoration: line-through;\n  line-height: 24px;\n}\n\n.style-module_Actions__XZsJD {\n  display: flex;\n  margin-top: 16px;\n  width: 100%;\n}\n\n.style-module_DiscountBadge__deWxZ {\n  color: var(--checkout-campaign-discount-percentage-color);\n  background-color: var(--checkout-campaign-discount-percentage-bg-color);\n  display: flex;\n  padding: 4px 8px;\n  border-radius: 4px;\n  font-size: 14px;\n  font-weight: 700;\n  line-height: 20px;\n  width: max-content;\n  margin-bottom: 4px;\n}\n@media only screen and (max-width: 1000px) {\n  .style-module_DiscountBadge__deWxZ {\n    font-size: 12px;\n  }\n}\n\n.style-module_ContentContainerItems__SIB05 {\n  position: relative;\n}\n@media only screen and (max-width: 1000px) {\n  .style-module_ContentContainerItems__SIB05 {\n    padding-bottom: 60px;\n  }\n}\n\n.style-module_OfferActionsMain__9axsN {\n  display: flex;\n  gap: 12px;\n  margin-top: 24px;\n}\n\n.style-module_OfferActionsMainMiddlePhase__7VryS {\n  display: flex;\n  flex-direction: column;\n  gap: 12px;\n  margin-top: 24px;\n  flex-direction: column-reverse;\n  position: absolute;\n  bottom: 0;\n  width: 100%;\n}\n.style-module_OfferActionsMainMiddlePhase__7VryS .style-module_OfferButton__pkhNI div span:nth-child(2) {\n  background-color: rgb(255, 255, 255);\n  width: 2px;\n  height: 2px;\n  display: flex;\n}\n.style-module_OfferActionsMainMiddlePhase__7VryS .style-module_OfferButton__pkhNI div {\n  display: flex;\n  align-items: center;\n  gap: 8px;\n  font-weight: 500;\n}\n.style-module_OfferActionsMainMiddlePhase__7VryS .style-module_OfferButton__pkhNI div span {\n  font-weight: 500;\n}\n\n@media only screen and (max-width: 1000px) {\n  .style-module_OfferActionsMainBigImage__qCPQB {\n    display: flex;\n    flex-direction: column;\n    flex-direction: column-reverse;\n  }\n}\n\n.style-module_OfferButton__pkhNI {\n  font-weight: 500 !important;\n  width: 100%;\n  height: 52px !important;\n  font-size: 16px;\n}\n\n.style-module_MobileSmallHeader__zrlIx {\n  margin-bottom: 10px;\n}\n.style-module_MobileSmallHeader__zrlIx .style-module_Header__J2wyt .style-module_Title__4T394 {\n  font-size: 16px;\n  font-weight: 500;\n  line-height: 24px;\n}\n\n.style-module_ContentContainerPopup__Pburr {\n  padding: 16px;\n  padding-bottom: 60px;\n}\n.style-module_ContentContainerPopup__Pburr .style-module_ProductContainer__9qr9n .style-module_ProductDetails__a-gJx {\n  position: relative;\n}\n.style-module_ContentContainerPopup__Pburr .style-module_ProductContainer__9qr9n .style-module_ProductDetails__a-gJx .style-module_ProductName__yTmJx {\n  display: block;\n  white-space: nowrap;\n  overflow: hidden;\n  text-overflow: ellipsis;\n  width: 120px;\n}\n\n.style-module_ContentContainerPopupItems__7Azct {\n  padding: 16px;\n}\n.style-module_ContentContainerPopupItems__7Azct .style-module_ProductContainer__9qr9n .style-module_ProductDetails__a-gJx {\n  position: relative;\n}\n.style-module_ContentContainerPopupItems__7Azct .style-module_ProductContainer__9qr9n .style-module_ProductDetails__a-gJx .style-module_ProductName__yTmJx {\n  display: block;\n  white-space: nowrap;\n  overflow: hidden;\n  text-overflow: ellipsis;\n  width: 120px;\n}\n\n.style-module_PopupOfferButton__-9ljg {\n  position: absolute;\n  top: 50%;\n  right: 0;\n  width: 50%;\n  transform: translateY(-50%);\n  font-size: 12px;\n  height: 44px !important;\n}\n\n.style-module_PopupContainer__sL4sY {\n  border-bottom: unset;\n}\n.style-module_PopupContainer__sL4sY .style-module_ContentContainer__tC3zO {\n  padding-bottom: 16px;\n}\n\n.style-module_PopupContainerDesktop__c13p- {\n  border: 1px solid var(--checkout-border-color);\n}");export{e as default};
+import n from'./../../../../ext/style-inject/dist/style-inject.es.js';var e={Container:"style-module_Container__-EKYc",Border:"style-module_Border__DqZgC",ActiveOffer:"style-module_ActiveOffer__JZyW-",CountdownContainer:"style-module_CountdownContainer__bc-5v",CountdownContainerIsLine:"style-module_CountdownContainerIsLine__YtdAv",CountdownTextMain:"style-module_CountdownTextMain__S9Rrn",CountdownText:"style-module_CountdownText__Hd-3I",CountdownTime:"style-module_CountdownTime__a2aRF",ContentContainer:"style-module_ContentContainer__tC3zO",HeaderMain:"style-module_HeaderMain__-tiUy",Header:"style-module_Header__J2wyt",IsLineCountDown:"style-module_IsLineCountDown__xgFDT",IsBigProductImage:"style-module_IsBigProductImage__YdAgY",IsLineProductContainer:"style-module_IsLineProductContainer__3Nkqr",Title:"style-module_Title__4T394",Description:"style-module_Description__GPKR-",RejectButton:"style-module_RejectButton__3SwP8",ProductContainer:"style-module_ProductContainer__9qr9n",ImageContainer:"style-module_ImageContainer__gxlXU",PlaceHolderProductContainer:"style-module_PlaceHolderProductContainer__XVvyr",BigImage:"style-module_BigImage__n1DH9",SmallImage:"style-module_SmallImage__42qY-",BiggerImage:"style-module_BiggerImage__2M7Dw",Image:"style-module_Image__gDla7",ProductDetails:"style-module_ProductDetails__a-gJx",ProductName:"style-module_ProductName__yTmJx",VariantName:"style-module_VariantName__DF1mY",Brand:"style-module_Brand__UxK7C",ProductPriceMain:"style-module_ProductPriceMain__IJHv-",ProductPrice:"style-module_ProductPrice__U6Lhy",Discount:"style-module_Discount__tjllJ",Actions:"style-module_Actions__XZsJD",DiscountBadge:"style-module_DiscountBadge__deWxZ",ContentContainerItems:"style-module_ContentContainerItems__SIB05",OfferActionsMain:"style-module_OfferActionsMain__9axsN",OfferActionsMainMiddlePhase:"style-module_OfferActionsMainMiddlePhase__7VryS",OfferButton:"style-module_OfferButton__pkhNI",OfferActionsMainBigImage:"style-module_OfferActionsMainBigImage__qCPQB",MobileSmallHeader:"style-module_MobileSmallHeader__zrlIx",ContentContainerPopup:"style-module_ContentContainerPopup__Pburr",ContentContainerPopupItems:"style-module_ContentContainerPopupItems__7Azct",PopupOfferButton:"style-module_PopupOfferButton__-9ljg",PopupContainer:"style-module_PopupContainer__sL4sY",PopupContainerDesktop:"style-module_PopupContainerDesktop__c13p-"};n(".style-module_Container__-EKYc {\n  margin: 32px 0 48px 0;\n  border: 1px solid var(--checkout-border-color);\n  border-radius: 8px;\n  flex-shrink: 0;\n  width: 100%;\n  transition: 0.5s ease;\n}\n@media only screen and (max-width: 1000px) {\n  .style-module_Container__-EKYc {\n    margin: 0;\n    border-radius: 0;\n    border: unset;\n    border-bottom: 1px solid var(--checkout-border-color);\n  }\n}\n@media only screen and (max-width: 1000px) {\n  .style-module_Container__-EKYc.style-module_Border__DqZgC {\n    border-top: 1px solid var(--checkout-border-color);\n  }\n}\n\n.style-module_ActiveOffer__JZyW- {\n  position: relative;\n  opacity: 1;\n}\n\n.style-module_CountdownContainer__bc-5v {\n  display: flex;\n  justify-content: center;\n  padding: 12px 16px;\n  border-radius: 8px 8px 0 0;\n  background-color: var(--checkout-campaign-countdown-bg-color);\n}\n@media only screen and (max-width: 1000px) {\n  .style-module_CountdownContainer__bc-5v {\n    border-radius: 0;\n  }\n}\n\n.style-module_CountdownContainerIsLine__YtdAv {\n  display: flex;\n  justify-content: center;\n  padding: 4px 12px;\n  border-radius: 8px;\n  background-color: var(--checkout-campaign-countdown-bg-color);\n  height: 32px;\n}\n\n.style-module_CountdownTextMain__S9Rrn {\n  gap: 6px;\n  display: flex;\n}\n\n.style-module_CountdownText__Hd-3I {\n  color: var(--checkout-campaign-countdown-text-color);\n  font-size: 16px;\n  font-weight: 500;\n  line-height: 24px;\n}\n\n.style-module_CountdownTime__a2aRF {\n  color: var(--checkout-campaign-countdown-time-color);\n  font-size: 16px;\n  font-weight: 700;\n  line-height: 24px;\n}\n\n.style-module_ContentContainer__tC3zO {\n  padding: 24px;\n  width: 100%;\n  position: relative;\n}\n\n.style-module_HeaderMain__-tiUy {\n  display: flex;\n  flex-direction: column;\n  margin-bottom: 16px;\n}\n\n.style-module_Header__J2wyt {\n  display: flex;\n  flex-direction: column;\n}\n\n.style-module_IsLineCountDown__xgFDT {\n  display: flex;\n  flex-direction: row;\n  justify-content: space-between;\n  align-items: center;\n}\n.style-module_IsLineCountDown__xgFDT .style-module_Header__J2wyt {\n  width: 75%;\n}\n\n@media only screen and (max-width: 1000px) {\n  .style-module_IsBigProductImage__YdAgY {\n    flex-direction: column;\n    justify-content: center;\n    text-align: center;\n    row-gap: 16px;\n    align-items: center;\n  }\n}\n\n@media only screen and (max-width: 1000px) {\n  .style-module_IsLineProductContainer__3Nkqr {\n    flex-direction: column;\n    justify-content: center;\n    align-items: center;\n    width: 256px;\n    margin: 0 auto;\n    row-gap: 12px;\n  }\n}\n\n.style-module_Title__4T394 {\n  font-size: 20px;\n  color: var(--checkout-campaign-title-color);\n  font-weight: 500;\n  line-height: 32px;\n}\n@media only screen and (max-width: 1000px) {\n  .style-module_Title__4T394 {\n    font-size: 18px;\n    line-height: 26px;\n  }\n}\n\n.style-module_Description__GPKR- {\n  color: var(--checkout-campaign-description-color);\n  font-size: 16px;\n  font-weight: 400;\n  line-height: 24px;\n}\n\n.style-module_RejectButton__3SwP8 {\n  height: 35px;\n  width: 20px;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  right: 16px;\n  top: 10px;\n  cursor: pointer;\n  position: absolute;\n}\n\n.style-module_ProductContainer__9qr9n {\n  display: flex;\n}\n\n.style-module_ImageContainer__gxlXU {\n  height: 80px;\n  width: 80px;\n  position: relative;\n  background-color: #fff;\n  margin-right: 12px;\n  border-radius: 8px;\n  border: 1px solid var(--checkout-border-color);\n}\n.style-module_ImageContainer__gxlXU svg {\n  width: 40px;\n  height: 40px;\n}\n\n.style-module_PlaceHolderProductContainer__XVvyr {\n  display: flex;\n  align-items: center;\n  justify-content: center;\n}\n\n.style-module_BigImage__n1DH9 {\n  height: 152px;\n  width: 152px;\n  margin-right: 16px;\n}\n.style-module_BigImage__n1DH9 svg {\n  width: 80px;\n  height: 80px;\n}\n@media only screen and (max-width: 1000px) {\n  .style-module_BigImage__n1DH9 {\n    height: 256px;\n    width: 256px;\n    margin-right: 0;\n  }\n}\n\n.style-module_SmallImage__42qY- {\n  height: 52px;\n  width: 52px;\n}\n\n.style-module_BiggerImage__2M7Dw {\n  height: 320px;\n  width: 320px;\n}\n\n.style-module_Image__gDla7 {\n  width: 100%;\n  height: 100%;\n  object-fit: cover;\n  border-radius: 8px;\n}\n\n.style-module_ProductDetails__a-gJx {\n  flex: 1;\n  width: 100%;\n  position: relative;\n}\n\n.style-module_ProductName__yTmJx {\n  margin-bottom: 4px;\n  font-size: 16px;\n  color: var(--checkout-primary-text-color);\n  font-weight: 500;\n  line-height: 24px;\n}\n\n.style-module_VariantName__DF1mY {\n  margin-bottom: 4px;\n  font-size: 14px;\n  color: var(--checkout-primary-text-color);\n  line-height: 20px;\n}\n\n.style-module_Brand__UxK7C {\n  margin-bottom: 2px;\n  font-size: 14px;\n  color: var(--checkout-primary-text-color);\n  line-height: 20px;\n}\n\n.style-module_ProductPriceMain__IJHv- {\n  gap: 6px;\n  display: flex;\n}\n\n.style-module_ProductPrice__U6Lhy {\n  font-size: 16px;\n  font-weight: 500;\n  color: var(--checkout-primary-text-color);\n  line-height: 24px;\n}\n\n.style-module_Discount__tjllJ {\n  font-size: 16px;\n  font-weight: 400;\n  color: var(--checkout-secondary-text-color);\n  text-decoration: line-through;\n  line-height: 24px;\n}\n\n.style-module_Actions__XZsJD {\n  display: flex;\n  margin-top: 16px;\n  width: 100%;\n}\n\n.style-module_DiscountBadge__deWxZ {\n  color: var(--checkout-campaign-discount-percentage-color);\n  background-color: var(--checkout-campaign-discount-percentage-bg-color);\n  display: flex;\n  padding: 4px 8px;\n  border-radius: 4px;\n  font-size: 14px;\n  font-weight: 700;\n  line-height: 20px;\n  width: max-content;\n  margin-bottom: 4px;\n}\n@media only screen and (max-width: 1000px) {\n  .style-module_DiscountBadge__deWxZ {\n    font-size: 12px;\n  }\n}\n\n.style-module_ContentContainerItems__SIB05 {\n  position: relative;\n}\n@media only screen and (max-width: 1000px) {\n  .style-module_ContentContainerItems__SIB05 {\n    padding-bottom: 60px;\n  }\n}\n\n.style-module_OfferActionsMain__9axsN {\n  display: flex;\n  gap: 12px;\n  margin-top: 24px;\n}\n\n.style-module_OfferActionsMainMiddlePhase__7VryS {\n  display: flex;\n  flex-direction: column;\n  gap: 12px;\n  margin-top: 24px;\n  flex-direction: column-reverse;\n  position: absolute;\n  bottom: 0;\n  width: 100%;\n}\n.style-module_OfferActionsMainMiddlePhase__7VryS .style-module_OfferButton__pkhNI div span:nth-child(2) {\n  background-color: rgb(255, 255, 255);\n  width: 2px;\n  height: 2px;\n  display: flex;\n}\n.style-module_OfferActionsMainMiddlePhase__7VryS .style-module_OfferButton__pkhNI div {\n  display: flex;\n  align-items: center;\n  gap: 8px;\n  font-weight: 500;\n}\n.style-module_OfferActionsMainMiddlePhase__7VryS .style-module_OfferButton__pkhNI div span {\n  font-weight: 500;\n}\n\n@media only screen and (max-width: 1000px) {\n  .style-module_OfferActionsMainBigImage__qCPQB {\n    display: flex;\n    flex-direction: column;\n    flex-direction: column-reverse;\n  }\n}\n\n.style-module_OfferButton__pkhNI {\n  font-weight: 500 !important;\n  width: 100%;\n  height: 52px !important;\n  font-size: 16px;\n}\n\n.style-module_MobileSmallHeader__zrlIx {\n  margin-bottom: 10px;\n}\n.style-module_MobileSmallHeader__zrlIx .style-module_Header__J2wyt .style-module_Title__4T394 {\n  font-size: 16px;\n  font-weight: 500;\n  line-height: 24px;\n}\n\n.style-module_ContentContainerPopup__Pburr {\n  padding: 16px;\n  padding-bottom: 60px;\n}\n.style-module_ContentContainerPopup__Pburr .style-module_ProductContainer__9qr9n .style-module_ProductDetails__a-gJx {\n  position: relative;\n}\n.style-module_ContentContainerPopup__Pburr .style-module_ProductContainer__9qr9n .style-module_ProductDetails__a-gJx .style-module_ProductName__yTmJx {\n  display: block;\n  white-space: nowrap;\n  overflow: hidden;\n  text-overflow: ellipsis;\n  width: 150px;\n}\n\n.style-module_ContentContainerPopupItems__7Azct {\n  padding: 16px;\n}\n.style-module_ContentContainerPopupItems__7Azct .style-module_ProductContainer__9qr9n .style-module_ProductDetails__a-gJx {\n  position: relative;\n}\n.style-module_ContentContainerPopupItems__7Azct .style-module_ProductContainer__9qr9n .style-module_ProductDetails__a-gJx .style-module_ProductName__yTmJx {\n  display: block;\n  white-space: nowrap;\n  overflow: hidden;\n  text-overflow: ellipsis;\n  width: 150px;\n}\n\n.style-module_PopupOfferButton__-9ljg {\n  position: absolute;\n  top: 50%;\n  right: 0;\n  width: 40%;\n  transform: translateY(-50%);\n  font-size: 12px;\n  height: 44px !important;\n}\n\n.style-module_PopupContainer__sL4sY {\n  border-bottom: unset;\n}\n.style-module_PopupContainer__sL4sY .style-module_ContentContainer__tC3zO {\n  padding-bottom: 16px;\n}\n\n.style-module_PopupContainerDesktop__c13p- {\n  border: 1px solid var(--checkout-border-color);\n}");export{e as default};

package/build/components/checkout/components/stripe/index.js

@@ -1 +1 @@
-import{__awaiter as o,__generator as r}from'./../../../../ext/tslib/tslib.es6.js';import*as e from"react";import{observer as t}from"mobx-react-lite";import{Elements as i}from"@stripe/react-stripe-js";import{loadStripe as s}from"@stripe/stripe-js";import{CheckoutForm as n}from"./checkout-form.js";var l=t((function(t){var l,p,a,c,u,d,m,v,b,f=t.vm;if(!f.stripeResponse)return null;var x=e.useState(null),E=x[0],z=x[1];e.useEffect((function(){!function(){o(this,void 0,void 0,(function(){var o;return r(this,(function(r){switch(r.label){case 0:return f.stripeResponse?[4,s(f.stripeResponse.apiKey,{stripeAccount:f.stripeResponse.accountId})]:[3,2];case 1:o=r.sent(),z(o),r.label=2;case 2:return[2]}}))}))}()}),[f.stripeResponse]);var C={clientSecret:f.stripeResponse.clientSecret,appearance:{variables:{borderRadius:"8px"},labels:"floating",rules:{".Input":{lineHeight:"16px",boxShadow:"0 0 0 1px transparent",transition:"padding .1s, border-color .5s, box-shadow .5s",padding:"8px 16px",border:"1px solid ".concat((null===(l=f.customizationProps)||void 0===l?void 0:l.borderColor)||"#E5E4E9")},".Input::placeholder":{fontSize:"14px",color:(null===(p=f.customizationProps)||void 0===p?void 0:p.secondaryTextColor)||"#8A8B94"},".Input:focus":{boxShadow:"0 0 0 1px ".concat((null===(a=f.customizationProps)||void 0===a?void 0:a.buttonBgColor)||"##272727"),borderColor:(null===(c=f.customizationProps)||void 0===c?void 0:c.buttonBgColor)||"##272727"},".Input--invalid":{boxShadow:"0 0 0 1px ".concat((null===(u=f.customizationProps)||void 0===u?void 0:u.errorColor)||"#FB4E4E"),borderColor:(null===(d=f.customizationProps)||void 0===d?void 0:d.errorColor)||"#FB4E4E",color:(null===(m=f.customizationProps)||void 0===m?void 0:m.errorColor)||"#FB4E4E"},".Label":{fontSize:"14px",color:(null===(v=f.customizationProps)||void 0===v?void 0:v.secondaryTextColor)||"#8A8B94"},".Error":{fontSize:"12px",marginTop:"8px",color:(null===(b=f.customizationProps)||void 0===b?void 0:b.errorColor)||"#FB4E4E"}}}};return e.createElement(e.Fragment,null,e.createElement(i,{key:f.stripeResponse.clientSecret,stripe:E,options:C},e.createElement(n,{callbackUrl:f.stripeResponse.callbackUrl,vm:f})))}));export{l as default};
+import{__awaiter as o,__generator as r}from'./../../../../ext/tslib/tslib.es6.js';import*as e from"react";import{observer as t}from"mobx-react-lite";import{Elements as i}from"@stripe/react-stripe-js";import{loadStripe as s}from"@stripe/stripe-js";import{CheckoutForm as n}from"./checkout-form.js";var l=t((function(t){var l,p,a,c,u,d,m,v,b,f=t.vm,x=e.useState(null),E=x[0],z=x[1];if(e.useEffect((function(){!function(){o(this,void 0,void 0,(function(){var o;return r(this,(function(r){switch(r.label){case 0:return f.stripeResponse?[4,s(f.stripeResponse.apiKey,{stripeAccount:f.stripeResponse.accountId})]:[3,2];case 1:o=r.sent(),z(o),r.label=2;case 2:return[2]}}))}))}()}),[f.stripeResponse]),!f.stripeResponse)return null;var C={clientSecret:f.stripeResponse.clientSecret,appearance:{variables:{borderRadius:"8px"},labels:"floating",rules:{".Input":{lineHeight:"16px",boxShadow:"0 0 0 1px transparent",transition:"padding .1s, border-color .5s, box-shadow .5s",padding:"8px 16px",border:"1px solid ".concat((null===(l=f.customizationProps)||void 0===l?void 0:l.borderColor)||"#E5E4E9")},".Input::placeholder":{fontSize:"14px",color:(null===(p=f.customizationProps)||void 0===p?void 0:p.secondaryTextColor)||"#8A8B94"},".Input:focus":{boxShadow:"0 0 0 1px ".concat((null===(a=f.customizationProps)||void 0===a?void 0:a.buttonBgColor)||"##272727"),borderColor:(null===(c=f.customizationProps)||void 0===c?void 0:c.buttonBgColor)||"##272727"},".Input--invalid":{boxShadow:"0 0 0 1px ".concat((null===(u=f.customizationProps)||void 0===u?void 0:u.errorColor)||"#FB4E4E"),borderColor:(null===(d=f.customizationProps)||void 0===d?void 0:d.errorColor)||"#FB4E4E",color:(null===(m=f.customizationProps)||void 0===m?void 0:m.errorColor)||"#FB4E4E"},".Label":{fontSize:"14px",color:(null===(v=f.customizationProps)||void 0===v?void 0:v.secondaryTextColor)||"#8A8B94"},".Error":{fontSize:"12px",marginTop:"8px",color:(null===(b=f.customizationProps)||void 0===b?void 0:b.errorColor)||"#FB4E4E"}}}};return e.createElement(e.Fragment,null,!f.stripeError&&e.createElement(i,{key:f.stripeResponse.clientSecret,stripe:E,options:C},e.createElement(n,{callbackUrl:f.stripeResponse.callbackUrl,vm:f})))}));export{l as default};

package/build/components/checkout/index.d.ts

@@ -46,6 +46,9 @@ export declare type IkasCheckoutCustomizationProps = {
     warningLightColor?: string;
     successColor?: string;
     successLightColor?: string;
+    secondaryButtonBgColor?: string;
+    secondaryButtonTextColor?: string;
+    secondaryButtonBorderColor?: string;
 };
 declare const _default: React.FunctionComponent<IkasCheckoutPageProps>;
 export default _default;

package/build/components/checkout/index.js

@@ -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};
+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};

package/build/components/checkout/model.d.ts

@@ -45,6 +45,7 @@ export default class CheckoutViewModel {
     availableStockLocations: IkasAvailableStockLocation[];
     deliveryMethod: "address" | "in-store";
     stripeResponse: CreateStripePaymentIntentResponse | null;
+    stripeError: CheckoutError | null;
     klarnaResponse: CreateKlarnaTokenResponse | null;
     isKlarnaPaymentCompleted: boolean;
     adyenResponse: CreateAdyenSessionResponse | null;