@ikas/storefront 6.1.0-beta.185 → 6.1.0-beta.187

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

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@ikas/storefront",
-  "version": "6.1.0-beta.185",
+  "version": "6.1.0-beta.187",
   "description": "Storefront functionality for ikas storefront themes.",
   "author": "ikas",
   "license": "ISC",
@@ -18,15 +18,15 @@
   },
   "dependencies": {
     "@ikas/popup-renderer": "1.0.211",
-    "@ikas/popup-script-injector": "1.0.0-alpha.12",
+    "@ikas/popup-script-injector": "1.0.0-alpha.14",
     "swiper": "11.0.6"
   },
   "devDependencies": {
-    "@ikas/storefront-api": "^6.1.0-beta.185",
-    "@ikas/storefront-config": "^6.1.0-beta.185",
-    "@ikas/storefront-model-functions": "^6.1.0-beta.185",
-    "@ikas/storefront-models": "^6.1.0-beta.185",
-    "@ikas/storefront-providers": "^6.1.0-beta.185",
+    "@ikas/storefront-api": "^6.1.0-beta.187",
+    "@ikas/storefront-config": "^6.1.0-beta.187",
+    "@ikas/storefront-model-functions": "^6.1.0-beta.187",
+    "@ikas/storefront-models": "^6.1.0-beta.187",
+    "@ikas/storefront-providers": "^6.1.0-beta.187",
     "@ikas/localized-address": "1.0.0-beta.6",
     "@adyen/adyen-web": "^5.57.0",
     "@rollup/plugin-commonjs": "^22.0.0",
@@ -61,11 +61,11 @@
   },
   "peerDependencies": {
     "@ikas/localized-address": "1.0.0-beta.6",
-    "@ikas/storefront-api": "^6.1.0-beta.185",
-    "@ikas/storefront-config": "^6.1.0-beta.185",
-    "@ikas/storefront-model-functions": "^6.1.0-beta.185",
-    "@ikas/storefront-models": "^6.1.0-beta.185",
-    "@ikas/storefront-providers": "^6.1.0-beta.185",
+    "@ikas/storefront-api": "^6.1.0-beta.187",
+    "@ikas/storefront-config": "^6.1.0-beta.187",
+    "@ikas/storefront-model-functions": "^6.1.0-beta.187",
+    "@ikas/storefront-models": "^6.1.0-beta.187",
+    "@ikas/storefront-providers": "^6.1.0-beta.187",
     "mobx": "^6.1.3",
     "mobx-react-lite": "^3.1.5",
     "next": "12.2.0",