@ikas/storefront 6.1.0-beta.146 → 6.1.0-beta.147

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 f from"../svg/gift.js";import g from"../../styles/common.module.scss.js";import v from"./style.module.scss.js";import k from"../svg/ikas.js";import{Button as N}from"../button/index.js";import{IkasGiftCardType as y}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=e.vm,c=e.allowExpand,d=e.isSuccessPageSummary,p=a.checkout,C=u().t,h=n.useState(!c),f=h[0],g=h[1],N=n.useState(!1),T=N[0],b=N[1],O=n.useState(null),x=O[0],L=O[1],R=n.useState(0),U=R[0],A=R[1],M=n.useState(null),B=M[0],F=M[1],G=n.useState(!1),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];S().isMobile,n.useEffect((function(){c&&(f?B&&A(B.getBoundingClientRect().height):A(0))}),[f,B,c,V,W,T,$]);var Q=n.useMemo((function(){switch(x){case I.COUPON_CODE_NOT_EXIST:return C("checkout-page:giftCodeErrorDescription");case I.COUPON_CODE_NOT_EXIST_FOR_GUESS:return C("checkout-page:mustBeSignInToApplyCampaign");case I.COUPON_APPLIED_WITHOUT_DISCOUNT:return C("checkout-page:couponInvalidForCartItems");default:return""}}),[x]),J=[v.CartSummary,c?v.HideOnDesktop:"",d?v.SuccessPageCartSummary:""].join(" "),Y=c?{height:U+"px"}:void 0,Z=[v.ArrowDown,f?v.Rotated:""].join(" "),ee=a.checkout.giftCardLines&&a.checkout.giftCardLines.length>0&&a.checkout.giftCardLines.some((function(e){return e.type===y.STORE_CREDIT||e.type===y.GIFT_CARD}));return p?n.createElement(n.Fragment,null,!!c&&n.createElement(n.Fragment,null,n.createElement("div",{id:"checkout-mobile-summary-header"}),n.createElement("div",{className:v.ExpandHeader,onClick:function(){if(!f){var e=document.getElementById("Checkout"),t=document.getElementById("checkout-mobile-summary-header");e&&t&&e.scrollTo({top:t.offsetTop,behavior:"smooth"})}g(!f)}},n.createElement("div",{className:v.Left},C("checkout-page:summary")),n.createElement("div",{className:v.Price},n.createElement("span",{className:v.PriceText},"".concat(s(a.finalPrice||0,p.currencyCode,p.currencySymbol)," (").concat(p.itemQuantity," ").concat(C("checkout-page:cartItemProduct"),")")),n.createElement("span",{className:Z},n.createElement(E,null))))),n.createElement("div",{className:J},n.createElement("div",{className:[v.DetailsContainer,d?v.SuccessPageDetailContainer:""].join(" "),style:Y},n.createElement("div",{className:v.Details,ref:F},n.createElement("div",{className:v.ItemsContainer},n.createElement("div",null,p.items.map((function(e,t){return n.createElement(m,{key:t,vm:a,cartItem:e,currencyCode:p.currencyCode,onChange:K,isSuccessPageSummary:d})})))),n.createElement("div",{className:v.Divider}),n.createElement("div",{className:v.SubTotalInfo},T&&n.createElement("div",{className:v.NotificationContainer},n.createElement(r,{type:"warning",title:C("checkout-page:giftCodeErrorTitle"),content:Q,onClose:function(){b(!1),L(null)}})),n.createElement(P,{label:C("checkout-page:subtotal"),value:p.formattedTotalPrice,tooltipText:C("checkout-page:subtotalTooltip"),hideMarginBottom:!a.isCouponCodeVisible}),!!(null===(t=p.shippingLines)||void 0===t?void 0:t.length)&&(a.step===l.SUCCESS?n.createElement(P,{label:C("checkout-page:cartShippingTitle"),value:p.shippingTotal?p.formattedShippingTotal:C("checkout-page:free")}):p.shippingLines.map((function(e,t){return n.createElement(P,{key:t,label:e.paymentMethod?e.title:C("checkout-page:cartShippingTitle"),value:e.finalPrice?s(e.finalPrice,p.currencyCode,p.currencySymbol):C("checkout-page:free")})}))),n.createElement(_,{vm:a}),n.createElement(j,{vm:a}),(a.step===l.SUCCESS&&(!!a.checkout.note||!!a.checkout.appliedCouponCode)||a.step!==l.SUCCESS)&&a.isCouponCodeVisible&&n.createElement("div",{className:v.Divider,style:{marginTop:"24px",marginBottom:"24px"}}),n.createElement(D,{vm:a,isAddingCoupon:W,setAddingCoupon:q,setCouponError:b,setCouponErrorCode:L}),n.createElement(w,{vm:a,isAddingNote:V,setAddingNote:X}),!!a.installmentExtraPrice&&n.createElement(n.Fragment,null,n.createElement("div",{className:v.Divider,style:{marginTop:"24px",marginBottom:"24px"}}),n.createElement(P,{label:C("checkout-page:cartInterest"),value:s(a.installmentExtraPrice,p.currencyCode,p.currencySymbol)}))),n.createElement("div",{className:[v.TotalContainer,d?v.SuccessPageTotalContainer:""].join(" ")},n.createElement("div",{className:v.TitleContainer},n.createElement("div",{className:v.Title},C(ee?"checkout-page:totalAmountPayable":"checkout-page:total"))),n.createElement("div",null,n.createElement("div",{className:v.TotalPricesContainer},n.createElement("div",{className:v.TotalPrice},s(a.finalPrice||0,p.currencyCode,p.currencySymbol)),!!p.$totalTax&&!!(null===(o=a.customizationProps)||void 0===o?void 0:o.showTax)&&n.createElement("div",{className:[v.TotalTax].join(" ")},C("checkout-page:cartTaxTitle")+" "+p.$formattedTotalTax)))),!d&&!a.isPoweredByHidden&&n.createElement("div",{className:v.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:[v.InfoRow,c?v.hideMb:""].join(" ")},n.createElement("div",{className:v.Label},n.createElement("span",null,t),!!a&&n.createElement(C,{text:a,style:{marginLeft:"8px"}})),n.createElement("div",{className:v.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:v.InfoRow,key:a},n.createElement("div",{className:v.Label},"INTEREST"===e.name?o("checkout-page:cartInterest"):e.name),n.createElement("div",{className:v.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:v.InfoRow,key:t},n.createElement("div",{className:v.Label},n.createElement("div",{className:v.GiftLabel},n.createElement(f,{style:{position:"relative",top:"-1px"}}),n.createElement("span",null,a("checkout-page:giftPackage")))),n.createElement("div",{className:v.Value},n.createElement("span",null,s(e.price,o.checkout.currencyCode,o.checkout.currencySymbol))))}))):null})),D=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,f=u().t,k=n.useState(""),y=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=y,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),D=!!a.checkout.appliedCouponCode&&C,w=!r&&a.isCouponCodeVisible&&!a.isCouponCodeRequirementOpen&&a.step!==l.SUCCESS,R=j&&(!C||E);return n.createElement(n.Fragment,null,!!C&&n.createElement(n.Fragment,null,n.createElement("div",{className:[v.CartSummary,v.OpenCouponCodeSummary].join(" ")},n.createElement("div",{className:g.FormSectionTitle},n.createElement("div",{style:{paddingBottom:D?0:6},className:g.Title},f("checkout-page:couponCode"))))),j&&!_&&!a.isCouponCodeRequirementDefult&&n.createElement("div",{className:v.Divider,style:{marginTop:"24px",marginBottom:"24px"}}),n.createElement("div",{className:w?v.InfoRow:""},w&&n.createElement("div",{className:v.ActionTextBtn,onClick:function(){return i(!0)}},f("checkout-page:addCouponCode")),r&&!C&&n.createElement("div",{style:{marginBottom:"10px"}},n.createElement(c,{value:y,placeholder:f("checkout-page:couponCode"),buttonLabel:f("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:[v.OpenCouponCodeMain,R?v.OpenCouponCodeMainWithMb:""].join(" ")},n.createElement(d,{label:f("checkout-page:addCouponCode"),type:p.TEXT,value:y,onChange:S}),n.createElement(N,{style:{width:"33%"},text:f("checkout-page:actions.apply"),isLoading:b,onClick:x}))),R&&n.createElement(n.Fragment,null,!!a.checkout.appliedCouponCode&&n.createElement("div",{className:[v.InfoRow,h?v.InfoRowGiftCardMobile:""].join(" ")},n.createElement(L,{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:[v.InfoRow,h?v.InfoRowGiftCardMobile:""].join(" ")},n.createElement(L,{vm:a,onClearGiftCode:P,couponCode:e.code,giftCardLine:e}))}))))})),L=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)===y.STORE_CREDIT;return n.createElement(n.Fragment,null,n.createElement("div",{className:[v.ActionTextBtn,v.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:v.StoreCreditTag},m("checkout-page:storeCredit"))),!p&&n.createElement("span",{className:[v.AppliedCoupon,t.isCouponCodeRequirementDefult?"":v.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:v.CouponCode},a),t.step!==l.SUCCESS&&n.createElement("span",{className:v.ClearCoupon,onClick:function(){return c?r&&r(c.giftCardId):o&&o()}},n.createElement(h,null)))),n.createElement("div",null,c?n.createElement("div",{className:v.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:v.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:v.InfoRow},!o&&!m&&n.createElement("div",{className:v.ActionTextBtn,onClick:i},r),(o||m)&&n.createElement("div",{className:[v.CheckoutNoteContainer,m?v.Success:""].join(" ")},n.createElement("div",{className:v.Title},c("checkout-page:orderNote")),m?n.createElement("div",{className:v.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,D 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 m}from"../../../../utils/i18n.js";import{CartItem as u}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 f from"../svg/gift.js";import g from"../../styles/common.module.scss.js";import v from"./style.module.scss.js";import k from"../svg/ikas.js";import{Button as N}from"../button/index.js";import{IkasGiftCardType as y}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=e.vm,c=e.allowExpand,d=e.isSuccessPageSummary,p=a.checkout,C=m().t,h=n.useState(!c),f=h[0],g=h[1],N=n.useState(!1),y=N[0],T=N[1],b=n.useState(null),O=b[0],x=b[1],w=n.useState(0),R=w[0],U=w[1],A=n.useState(null),M=A[0],B=A[1],F=n.useState(!1),G=F[0],V=F[1],X=n.useState(!1),H=X[0],W=X[1],q=n.useState(!1),z=q[0],$=q[1];S().isMobile,n.useEffect((function(){c&&(f?M&&U(M.getBoundingClientRect().height):U(0))}),[f,M,c,G,H,y,z]);var K=n.useMemo((function(){switch(O){case I.COUPON_CODE_NOT_EXIST:return C("checkout-page:giftCodeErrorDescription");case I.COUPON_CODE_NOT_EXIST_FOR_GUESS:return C("checkout-page:mustBeSignInToApplyCampaign");case I.COUPON_APPLIED_WITHOUT_DISCOUNT:return C("checkout-page:couponInvalidForCartItems");default:return""}}),[O]),Q=[v.CartSummary,c?v.HideOnDesktop:"",d?v.SuccessPageCartSummary:""].join(" "),J=c?{height:R+"px"}:void 0,Y=[v.ArrowDown,f?v.Rotated:""].join(" ");return p?n.createElement(n.Fragment,null,!!c&&n.createElement(n.Fragment,null,n.createElement("div",{id:"checkout-mobile-summary-header"}),n.createElement("div",{className:v.ExpandHeader,onClick:function(){if(!f){var e=document.getElementById("Checkout"),t=document.getElementById("checkout-mobile-summary-header");e&&t&&e.scrollTo({top:t.offsetTop,behavior:"smooth"})}g(!f)}},n.createElement("div",{className:v.Left},C("checkout-page:summary")),n.createElement("div",{className:v.Price},n.createElement("span",{className:v.PriceText},"".concat(s(a.finalPrice||0,p.currencyCode,p.currencySymbol)," (").concat(p.itemQuantity," ").concat(C("checkout-page:cartItemProduct"),")")),n.createElement("span",{className:Y},n.createElement(E,null))))),n.createElement("div",{className:Q},n.createElement("div",{className:[v.DetailsContainer,d?v.SuccessPageDetailContainer:""].join(" "),style:J},n.createElement("div",{className:v.Details,ref:B},n.createElement("div",{className:v.ItemsContainer},n.createElement("div",null,p.items.map((function(e,t){return n.createElement(u,{key:t,vm:a,cartItem:e,currencyCode:p.currencyCode,onChange:$,isSuccessPageSummary:d})})))),n.createElement("div",{className:v.Divider}),n.createElement("div",{className:v.SubTotalInfo},y&&n.createElement("div",{className:v.NotificationContainer},n.createElement(r,{type:"warning",title:C("checkout-page:giftCodeErrorTitle"),content:K,onClose:function(){T(!1),x(null)}})),n.createElement(P,{label:C("checkout-page:subtotal"),value:p.formattedTotalPrice,tooltipText:C("checkout-page:subtotalTooltip"),hideMarginBottom:!a.isCouponCodeVisible}),!!(null===(t=p.shippingLines)||void 0===t?void 0:t.length)&&(a.step===l.SUCCESS?n.createElement(P,{label:C("checkout-page:cartShippingTitle"),value:p.shippingTotal?p.formattedShippingTotal:C("checkout-page:free")}):p.shippingLines.map((function(e,t){return n.createElement(P,{key:t,label:e.paymentMethod?e.title:C("checkout-page:cartShippingTitle"),value:e.finalPrice?s(e.finalPrice,p.currencyCode,p.currencySymbol):C("checkout-page:free")})}))),n.createElement(_,{vm:a}),n.createElement(j,{vm:a}),(a.step===l.SUCCESS&&(!!a.checkout.note||!!a.checkout.appliedCouponCode)||a.step!==l.SUCCESS)&&a.isCouponCodeVisible&&n.createElement("div",{className:v.Divider,style:{marginTop:"24px",marginBottom:"24px"}}),n.createElement(D,{vm:a,isAddingCoupon:H,setAddingCoupon:W,setCouponError:T,setCouponErrorCode:x}),n.createElement(L,{vm:a,isAddingNote:G,setAddingNote:V}),!!a.installmentExtraPrice&&n.createElement(n.Fragment,null,n.createElement("div",{className:v.Divider,style:{marginTop:"24px",marginBottom:"24px"}}),n.createElement(P,{label:C("checkout-page:cartInterest"),value:s(a.installmentExtraPrice,p.currencyCode,p.currencySymbol)}))),n.createElement("div",{className:[v.TotalContainer,d?v.SuccessPageTotalContainer:""].join(" ")},n.createElement("div",{className:v.TitleContainer},n.createElement("div",{className:v.Title},C("checkout-page:total"))),n.createElement("div",null,n.createElement("div",{className:v.TotalPricesContainer},n.createElement("div",{className:v.TotalPrice},s(a.finalPrice||0,p.currencyCode,p.currencySymbol)),!!p.$totalTax&&!!(null===(o=a.customizationProps)||void 0===o?void 0:o.showTax)&&n.createElement("div",{className:[v.TotalTax].join(" ")},C("checkout-page:cartTaxTitle")+" "+p.$formattedTotalTax)))),!d&&!a.isPoweredByHidden&&n.createElement("div",{className:v.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:[v.InfoRow,c?v.hideMb:""].join(" ")},n.createElement("div",{className:v.Label},n.createElement("span",null,t),!!a&&n.createElement(C,{text:a,style:{marginLeft:"8px"}})),n.createElement("div",{className:v.Value},o))})),_=o((function(e){var t=e.vm,o=m().t;return t.checkout?n.createElement(n.Fragment,null,a(t.checkout.nonCouponAdjustments||[],"order").map((function(e,a){return n.createElement("div",{className:v.InfoRow,key:a},n.createElement("div",{className:v.Label},"INTEREST"===e.name?o("checkout-page:cartInterest"):e.name),n.createElement("div",{className:v.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=m().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:v.InfoRow,key:t},n.createElement("div",{className:v.Label},n.createElement("div",{className:v.GiftLabel},n.createElement(f,{style:{position:"relative",top:"-1px"}}),n.createElement("span",null,a("checkout-page:giftPackage")))),n.createElement("div",{className:v.Value},n.createElement("span",null,s(e.price,o.checkout.currencyCode,o.checkout.currencySymbol))))}))):null})),D=o((function(o){var a=o.vm,r=o.isAddingCoupon,i=o.setAddingCoupon,s=o.setCouponError,u=o.setCouponErrorCode,C=o.isOpenCouponCode,E=o.isMobile,h=o.showOnlyMobile,f=m().t,k=n.useState(""),y=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=y,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),u(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),u(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),D=!!a.checkout.appliedCouponCode&&C,L=!r&&a.isCouponCodeVisible&&!a.isCouponCodeRequirementOpen&&a.step!==l.SUCCESS,R=j&&(!C||E);return n.createElement(n.Fragment,null,!!C&&n.createElement(n.Fragment,null,n.createElement("div",{className:[v.CartSummary,v.OpenCouponCodeSummary].join(" ")},n.createElement("div",{className:g.FormSectionTitle},n.createElement("div",{style:{paddingBottom:D?0:6},className:g.Title},f("checkout-page:couponCode"))))),j&&!_&&!a.isCouponCodeRequirementDefult&&n.createElement("div",{className:v.Divider,style:{marginTop:"24px",marginBottom:"24px"}}),n.createElement("div",{className:L?v.InfoRow:""},L&&n.createElement("div",{className:v.ActionTextBtn,onClick:function(){return i(!0)}},f("checkout-page:addCouponCode")),r&&!C&&n.createElement("div",{style:{marginBottom:"10px"}},n.createElement(c,{value:y,placeholder:f("checkout-page:couponCode"),buttonLabel:f("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:[v.OpenCouponCodeMain,R?v.OpenCouponCodeMainWithMb:""].join(" ")},n.createElement(d,{label:f("checkout-page:addCouponCode"),type:p.TEXT,value:y,onChange:S}),n.createElement(N,{style:{width:"33%"},text:f("checkout-page:actions.apply"),isLoading:b,onClick:x}))),R&&n.createElement(n.Fragment,null,!!a.checkout.appliedCouponCode&&n.createElement("div",{className:[v.InfoRow,h?v.InfoRowGiftCardMobile:""].join(" ")},n.createElement(w,{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:[v.InfoRow,h?v.InfoRowGiftCardMobile:""].join(" ")},n.createElement(w,{vm:a,onClearGiftCode:P,couponCode:e.code,giftCardLine:e}))}))))})),w=o((function(e){var t=e.vm,o=e.onClearCouponCode,a=e.couponCode,c=e.giftCardLine,r=e.onClearGiftCode,i=t.checkout.couponAdjustment,u=m().t,d=!c,p=(null==c?void 0:c.type)===y.STORE_CREDIT;return n.createElement(n.Fragment,null,n.createElement("div",{className:[v.ActionTextBtn,v.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:v.StoreCreditTag},u("checkout-page:storeCredit"))),!p&&n.createElement("span",{className:[v.AppliedCoupon,t.isCouponCodeRequirementDefult?"":v.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:v.CouponCode},a),t.step!==l.SUCCESS&&n.createElement("span",{className:v.ClearCoupon,onClick:function(){return c?r&&r(c.giftCardId):o&&o()}},n.createElement(h,null)))),n.createElement("div",null,c?n.createElement("div",{className:v.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:v.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)))))})),L=o((function(e){var t=e.vm,o=e.isAddingNote,a=e.setAddingNote,c=m().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 u=t.step===l.SUCCESS;return u&&!t.checkout.note?null:n.createElement("div",{className:v.InfoRow},!o&&!u&&n.createElement("div",{className:v.ActionTextBtn,onClick:i},r),(o||u)&&n.createElement("div",{className:[v.CheckoutNoteContainer,u?v.Success:""].join(" ")},n.createElement("div",{className:v.Title},c("checkout-page:orderNote")),u?n.createElement("div",{className:v.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,D as Coupon,I as CouponErrorCode};

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@ikas/storefront",
-  "version": "6.1.0-beta.146",
+  "version": "6.1.0-beta.147",
   "description": "Storefront functionality for ikas storefront themes.",
   "author": "ikas",
   "license": "ISC",
@@ -21,11 +21,11 @@
     "swiper": "11.0.6"
   },
   "devDependencies": {
-    "@ikas/storefront-api": "^6.1.0-beta.146",
-    "@ikas/storefront-config": "^6.1.0-beta.146",
-    "@ikas/storefront-model-functions": "^6.1.0-beta.146",
-    "@ikas/storefront-models": "^6.1.0-beta.146",
-    "@ikas/storefront-providers": "^6.1.0-beta.146",
+    "@ikas/storefront-api": "^6.1.0-beta.147",
+    "@ikas/storefront-config": "^6.1.0-beta.147",
+    "@ikas/storefront-model-functions": "^6.1.0-beta.147",
+    "@ikas/storefront-models": "^6.1.0-beta.147",
+    "@ikas/storefront-providers": "^6.1.0-beta.147",
     "@ikas/localized-address": "1.0.0-beta.6",
     "@adyen/adyen-web": "^5.57.0",
     "@rollup/plugin-commonjs": "^22.0.0",
@@ -60,11 +60,11 @@
   },
   "peerDependencies": {
     "@ikas/localized-address": "1.0.0-beta.6",
-    "@ikas/storefront-api": "^6.1.0-beta.146",
-    "@ikas/storefront-config": "^6.1.0-beta.146",
-    "@ikas/storefront-model-functions": "^6.1.0-beta.146",
-    "@ikas/storefront-models": "^6.1.0-beta.146",
-    "@ikas/storefront-providers": "^6.1.0-beta.146",
+    "@ikas/storefront-api": "^6.1.0-beta.147",
+    "@ikas/storefront-config": "^6.1.0-beta.147",
+    "@ikas/storefront-model-functions": "^6.1.0-beta.147",
+    "@ikas/storefront-models": "^6.1.0-beta.147",
+    "@ikas/storefront-providers": "^6.1.0-beta.147",
     "mobx": "^6.1.3",
     "mobx-react-lite": "^3.1.5",
     "next": "12.2.0",