@ikas/storefront 2.0.0-alpha.1 → 2.0.0-alpha.10

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

@@ -0,0 +1,12 @@
+import * as React from "react";
+declare type Props = {
+    text: string | React.ReactNode;
+    isLoading?: boolean;
+    isDisabled?: boolean;
+    isLine?: boolean;
+    size?: "large" | "medium";
+    style?: React.CSSProperties;
+    onClick: () => void;
+};
+export declare const Button: React.FC<Props>;
+export {};

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

@@ -0,0 +1 @@
+import*as e from"react";import{observer as t}from"mobx-react-lite";import i from"./style.module.scss.js";var o=t((function(t){var o=t.text,r=t.style,s=t.onClick,a=t.size,m=t.isLoading,l=t.isDisabled,n=t.isLine;return e.createElement("button",{style:r,type:"button",className:[i.Button,i.Dark,"medium"===a?i.Medium:i.Large,n?i.Line:"",l?i.Disabled:""].join(" "),onClick:m?void 0:s},m?e.createElement("div",{className:i.loader}):o)}));export{o as Button};

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

@@ -0,0 +1 @@
+import e from'../../../../ext/style-inject/dist/style-inject.es.js';var t={Button:"style-module_Button__1UPMN",Large:"style-module_Large__2wPlw",Medium:"style-module_Medium__3t0pu",Dark:"style-module_Dark__1Z_hs",Disabled:"style-module_Disabled__3HYF_",FullWidthMobile:"style-module_FullWidthMobile__3MTFv",Line:"style-module_Line__1kche",loader:"style-module_loader__3v6kq",load8:"style-module_load8__2z7nj"};e(".style-module_Button__1UPMN {\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__1UPMN:focus {\n  outline: 0;\n}\n.style-module_Button__1UPMN.style-module_Large__2wPlw {\n  height: 56px;\n  padding: 0 24px;\n}\n.style-module_Button__1UPMN.style-module_Medium__3t0pu {\n  height: 48px;\n  padding: 0 16px;\n}\n.style-module_Button__1UPMN.style-module_Dark__1Z_hs {\n  background-color: var(--checkout-button-bg-color);\n  color: var(--checkout-button-text-color);\n}\n.style-module_Button__1UPMN.style-module_Disabled__3HYF_ {\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__1UPMN.style-module_FullWidthMobile__3MTFv {\n    width: 100%;\n  }\n}\n.style-module_Button__1UPMN.style-module_Line__1kche {\n  background-color: transparent;\n  border-color: var(--checkout-border-color);\n  color: var(--checkout-button-bg-color);\n}\n.style-module_Button__1UPMN.style-module_Line__1kche .style-module_loader__3v6kq {\n  border-left: 0.5em solid var(--checkout-button-bg-color);\n}\n.style-module_Button__1UPMN .style-module_loader__3v6kq,\n.style-module_Button__1UPMN .style-module_loader__3v6kq:after {\n  border-radius: 50%;\n  width: 5em;\n  height: 5em;\n}\n.style-module_Button__1UPMN .style-module_loader__3v6kq {\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__2z7nj 1.1s infinite linear;\n  animation: style-module_load8__2z7nj 1.1s infinite linear;\n}\n@-webkit-keyframes style-module_load8__2z7nj {\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__2z7nj {\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/cart-item/index.d.ts

@@ -0,0 +1,10 @@
+import * as React from "react";
+import { IkasOrderLineItem } from "../../../../../models";
+import CheckoutViewModel from "../../../../../components/checkout/model";
+declare type Props = {
+    vm: CheckoutViewModel;
+    currencyCode: string;
+    cartItem: IkasOrderLineItem;
+};
+export declare const CartItem: React.FC<Props>;
+export {};

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

@@ -0,0 +1 @@
+import*as e from"react";import{observer as t}from"mobx-react-lite";import"../../../../../models/data/blog/index.js";import"../../../../../models/data/brand/index.js";import"../../../../../models/data/category/index.js";import"../../../../../models/data/checkout/index.js";import"../../../../../models/data/customer/address/index.js";import"../../../../../models/data/customer/index.js";import"../../../../../models/data/customer-review/index.js";import"../../../../../models/data/html-meta-data/index.js";import"../../../../../models/data/image/index.js";import"../../../../../models/data/installment-info/index.js";import"../../../../../models/data/order/index.js";import"../../../../../models/data/order/line-item/index.js";import"mobx";import"../../../../../models/data/product/index.js";import"../../../../../models/data/variant-type/index.js";import"../../../../../models/data/product/variant/index.js";import"../../../../../models/data/product/variant/price/index.js";import"../../../../../models/data/product-attribute/index.js";import"../../../../../models/data/product/attribute-value/index.js";import"../../../../../models/data/product-filter/index.js";import"../../../../../models/data/variant-type/variant-value/index.js";import"../../../../../models/data/order-transaction/index.js";import{IkasProductOptionType as i}from"../../../../../models/data/product-option-set/index.js";import"../../../../../models/data/raffle/index.js";import"../../../../../models/theme/theme.js";import"../../../../../models/theme/page/index.js";import"../../../../../models/theme/component/prop/index.js";import"../../../../../models/theme/page/component/prop-value/link.js";import"../../../../../models/ui/brand-list/index.js";import"../../../../../models/ui/blog-list/index.js";import"../../../../../models/ui/blog-category-list/index.js";import"../../../../../models/ui/category-list/index.js";import"../../../../../models/ui/product-detail/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/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/register.js";import"../../../../../models/ui/validator/form/contact-form.js";import"../../../../../models/ui/validator/form/forgot-password.js";import"../../../../../models/ui/validator/form/recover-password.js";import"../../../../../models/ui/validator/form/account-info.js";import"../../../../../models/ui/validator/form/raffle-form.js";import"../../../../../models/ui/validator/form/customer-review.js";import"../../../../../models/ui/raffle-list/index.js";import"../../../../../models/theme/settings/index.js";import"../../../../../models/theme/custom-data/index.js";import"../../../../../storefront/index.js";import'../../../../../ext/lodash/isArguments.js';import'../../../../../ext/lodash/isBuffer.js';import'../../../../../ext/lodash/isTypedArray.js';import'../../../../../ext/lodash/_baseGetTag.js';import{formatMoney as o}from"../../../../../utils/currency.js";import{useTranslation as a}from"../../../../../utils/i18n.js";import{Modal as r}from"../../modal/index.js";import m from"./style.module.scss.js";var s=t((function(t){var s,d,n,l=t.vm,u=t.currencyCode,c=t.cartItem,p=a().t,v=e.useState(!1),j=v[0],f=v[1],x=null===(s=l.checkout.adjustments)||void 0===s?void 0:s.map((function(e){var t;return(null===(t=e.appliedOrderLines)||void 0===t?void 0:t.filter((function(e){return e.orderLineId===c.id})).reduce((function(e,t){return e+(t.amount||0)}),0))||0})),h=null==x?void 0:x.reduce((function(e,t){return e+t}),0),g=e.useMemo((function(){var t;return e.createElement("div",null,null===(t=c.options)||void 0===t?void 0:t.map((function(t){switch(t.type){case i.TEXT:case i.TEXT_AREA:case i.CHOICE:return e.createElement("div",{className:m.OptionRow},e.createElement("div",{className:m.OptionName},t.name),e.createElement("div",{className:m.OptionValue},t.values.map((function(e){return e.name||e.value})).join(", ")));case i.CHECKBOX:return e.createElement("div",{className:m.OptionRow},e.createElement("div",{className:m.OptionName},t.name),e.createElement("div",{className:m.OptionValue},t.values.length&&"true"===t.values[0].value?p("checkout-page:yes"):p("checkout-page:no")));case i.COLOR_PICKER:return e.createElement("div",{className:m.OptionRow},e.createElement("div",{className:m.OptionName},t.name),e.createElement("div",{className:m.OptionsHorContainer},t.values.map((function(t,i){return e.createElement("div",{key:i,className:m.OptionColorValue,style:{backgroundColor:t.value}})}))))}})))}),[]);return e.createElement("div",{className:m.CheckoutItem},e.createElement("div",{className:m.ImageContainer},e.createElement("img",{className:m.Image,src:null===(d=c.variant.mainImage)||void 0===d?void 0:d.thumbnailSrc})),e.createElement("div",{className:m.Right},e.createElement("div",{className:m.Name},c.variant.name),e.createElement("div",{className:m.LightText},p("checkout-page:quantity")+": "+c.quantity),e.createElement("div",{className:m.LightText},c.variant.variantValues.map((function(e){return e.variantValueName})).join(" / ")),!!(null===(n=c.options)||void 0===n?void 0:n.length)&&e.createElement("div",{className:m.OptionsText,onClick:function(){return f(!0)}},p("checkout-page:customizedProduct")),!!j&&e.createElement(r,{title:c.variant.name,modalContent:g,onClose:function(){return f(!1)}}),e.createElement("div",{className:m.Price},!!c.overridenPriceWithQuantity&&e.createElement("span",{className:m.GrayPrice},o(h?c.finalPriceWithQuantity:c.overridenPriceWithQuantity,u)),o(h?c.finalPriceWithQuantity-h:c.finalPriceWithQuantity,u))))}));export{s as CartItem};

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

@@ -0,0 +1 @@
+import e from'../../../../../ext/style-inject/dist/style-inject.es.js';var t={CheckoutItem:"style-module_CheckoutItem__2JjSt",ImageContainer:"style-module_ImageContainer__2K2RG",Image:"style-module_Image__w2Q_P",Right:"style-module_Right__2HN2l",Name:"style-module_Name__nPgw1",LightText:"style-module_LightText__2P69D",OptionsText:"style-module_OptionsText__3z7sK",Price:"style-module_Price__1Vw31",GrayPrice:"style-module_GrayPrice__2wDyJ",OptionRow:"style-module_OptionRow___JX07",OptionName:"style-module_OptionName__3X0-1",OptionValue:"style-module_OptionValue__2AnCA",OptionsHorContainer:"style-module_OptionsHorContainer__3D8xk",OptionColorValue:"style-module_OptionColorValue__36zoV"};e(".style-module_CheckoutItem__2JjSt {\n  display: flex;\n  width: 100%;\n  margin-bottom: 24px;\n}\n.style-module_CheckoutItem__2JjSt .style-module_ImageContainer__2K2RG {\n  flex: 0 0 auto;\n  width: 114px;\n  height: 114px;\n  position: relative;\n  margin-right: 16px;\n}\n.style-module_CheckoutItem__2JjSt .style-module_ImageContainer__2K2RG .style-module_Image__w2Q_P {\n  width: 100%;\n  height: 100%;\n  object-fit: cover;\n  border-radius: 8px;\n}\n.style-module_CheckoutItem__2JjSt .style-module_Right__2HN2l {\n  position: relative;\n}\n.style-module_CheckoutItem__2JjSt .style-module_Right__2HN2l .style-module_Name__nPgw1 {\n  font-size: 16px;\n  font-weight: 600;\n  color: var(--checkout-primary-text-color);\n  line-height: 24px;\n  max-height: 48px;\n  overflow: hidden;\n  text-overflow: ellipsis;\n  display: -webkit-box;\n  -webkit-line-clamp: 2;\n  -webkit-box-orient: vertical;\n}\n.style-module_CheckoutItem__2JjSt .style-module_Right__2HN2l .style-module_LightText__2P69D {\n  font-size: 14px;\n  color: var(--checkout-secondary-text-color);\n  line-height: 20px;\n  margin-top: 2px;\n}\n.style-module_CheckoutItem__2JjSt .style-module_Right__2HN2l .style-module_OptionsText__3z7sK {\n  font-size: 14px;\n  color: var(--checkout-primary-text-color);\n  line-height: 20px;\n  margin-top: 2px;\n  user-select: none;\n}\n.style-module_CheckoutItem__2JjSt .style-module_Right__2HN2l .style-module_OptionsText__3z7sK:hover {\n  cursor: pointer;\n  text-decoration: underline;\n}\n.style-module_CheckoutItem__2JjSt .style-module_Price__1Vw31 {\n  font-size: 14px;\n  display: flex;\n  align-items: center;\n  color: var(--checkout-primary-text-color);\n}\n.style-module_CheckoutItem__2JjSt .style-module_Price__1Vw31 .style-module_GrayPrice__2wDyJ {\n  font-size: 14px;\n  color: var(--checkout-secondary-text-color);\n  text-decoration: line-through;\n  margin-right: 8px;\n}\n.style-module_CheckoutItem__2JjSt .style-module_OptionRow___JX07 {\n  display: flex;\n  flex-direction: column;\n  margin-bottom: 24px;\n  max-width: 400px;\n}\n.style-module_CheckoutItem__2JjSt .style-module_OptionRow___JX07 .style-module_OptionName__3X0-1 {\n  font-size: 14px;\n  color: var(--checkout-primary-text-color);\n  margin-right: 8px;\n  font-weight: 500;\n}\n.style-module_CheckoutItem__2JjSt .style-module_OptionRow___JX07 .style-module_OptionValue__2AnCA {\n  font-size: 14px;\n  color: var(--checkout-secondary-text-color);\n}\n.style-module_CheckoutItem__2JjSt .style-module_OptionRow___JX07 .style-module_OptionsHorContainer__3D8xk {\n  display: flex;\n  align-items: center;\n  flex-wrap: wrap;\n}\n.style-module_CheckoutItem__2JjSt .style-module_OptionRow___JX07 .style-module_OptionColorValue__36zoV {\n  width: 24px;\n  height: 24px;\n  border-radius: 4px;\n  margin-right: 4px;\n}");export{t as default};

package/build/components/checkout/components/cart-summary/index.d.ts

@@ -0,0 +1,8 @@
+import * as React from "react";
+import CheckoutViewModel from "../../model";
+declare type Props = {
+    vm: CheckoutViewModel;
+    allowExpand?: boolean;
+};
+export declare const CartSummary: React.FC<Props>;
+export {};

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

@@ -0,0 +1 @@
+import{__awaiter as e,__generator as t}from'../../../../ext/tslib/tslib.es6.js';import*as a from"react";import{observer as n}from"mobx-react-lite";import o from'../../../../ext/lodash/sortBy.js';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"../../../../storefront/index.js";import'../../../../ext/lodash/isArguments.js';import'../../../../ext/lodash/isBuffer.js';import'../../../../ext/lodash/isTypedArray.js';import'../../../../ext/lodash/_baseGetTag.js';import{formatMoney 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 E from"../tooltip/index.js";import v from"../svg/arrow-down.js";import C from"../svg/cross.js";import h from"../svg/gift.js";import f from"./style.module.scss.js";import g from"../svg/ikas.js";var k=n((function(e){var t,n,o=e.vm,c=e.allowExpand,d=o.cart,p=o.checkout,E=u().t,C=a.useState(!c),h=C[0],k=C[1],x=a.useState(!1),j=x[0],A=x[1],w=a.useState(0),P=w[0],L=w[1],R=a.useState(null),I=R[0],D=R[1],_=a.useState(!1),B=_[0],U=_[1],V=a.useState(!1),F=V[0],G=V[1];a.useEffect((function(){c&&(h?I&&L(I.getBoundingClientRect().height):L(0))}),[h,I,c,B,F,j]);var M=[f.CartSummary,h?f.Visible:"",c?f.AllowExpand:""].join(" "),O=c?{height:P+"px"}:{},z=[f.ArrowDown,h?f.Rotated:""].join(" ");return d?a.createElement("div",{className:M},!!c&&a.createElement("div",{className:f.ExpandHeader,onClick:function(){return k(!h)}},a.createElement("div",{className:f.Left},E("checkout-page:summary")),a.createElement("div",{className:f.Price},a.createElement("span",{className:f.PriceText},s(o.finalPrice,d.currencyCode)+" ("+(null===(t=o.cart)||void 0===t?void 0:t.items.length)+" "+E("checkout-page:cartItemProduct")+")"),a.createElement("span",{className:z},a.createElement(v,null)))),a.createElement("div",{className:f.DetailsContainer,style:O},a.createElement("div",{className:f.Details,ref:D},null==d?void 0:d.items.map((function(e,t){return a.createElement("div",{key:t},a.createElement(m,{vm:o,cartItem:e,currencyCode:d.currencyCode}))})),a.createElement("div",{className:f.Divider}),a.createElement("div",{className:f.SubTotalInfo},j&&a.createElement("div",{className:f.NotificationContainer},a.createElement(l,{type:"warning",title:E("checkout-page:giftCodeErrorTitle"),content:E("checkout-page:giftCodeErrorDescription"),onClose:function(){return A(!1)}})),a.createElement(N,{label:E("checkout-page:subtotal"),value:s(d.totalPrice,d.currencyCode),tooltipText:E("checkout-page:subtotalTooltip")}),!!(null===(n=p.shippingLines)||void 0===n?void 0:n.length)&&a.createElement(N,{label:E("checkout-page:cartShippingTitle"),value:p.shippingTotal?s(p.shippingTotal,d.currencyCode):E("checkout-page:free")}),!!o.checkout.totalTax&&a.createElement(N,{label:E("checkout-page:cartTaxTitle"),value:s(o.checkout.totalTax,d.currencyCode)}),!!o.installmentExtraPrice&&a.createElement(N,{label:E("checkout-page:cartInterest"),value:s(o.installmentExtraPrice,d.currencyCode)}),a.createElement(y,{vm:o}),a.createElement(S,{vm:o}),(o.step===r.SUCCESS&&(!!o.checkout.note||!!o.checkout.appliedCouponCode)||o.step!==r.SUCCESS)&&a.createElement("div",{className:f.Divider,style:{marginTop:"24px",marginBottom:"24px"}}),a.createElement(T,{vm:o,isAddingCoupon:F,setAddingCoupon:G,setCouponError:A}),a.createElement(b,{vm:o,isAddingNote:B,setAddingNote:U})),a.createElement("div",{className:f.TotalContainer},a.createElement("div",{className:f.TitleContainer},a.createElement("div",{className:f.Title},E("checkout-page:total"))),a.createElement("div",{className:f.TotalPrice},s(o.finalPrice,d.currencyCode))),a.createElement("div",{className:f.PoweredBy},a.createElement("span",null,"powered by"),a.createElement("a",{href:"https://ikas.com"+("tr"===i.getCurrentLocale()?"/tr":""),target:"_blank"},a.createElement(g,null)))))):null})),N=n((function(e){var t=e.label,n=e.value,o=e.tooltipText;return a.createElement("div",{className:f.InfoRow},a.createElement("div",{className:f.Label},a.createElement("span",null,t),!!o&&a.createElement(E,{text:o,style:{marginLeft:"8px"}})),a.createElement("div",{className:f.Value},n))})),y=n((function(e){var t=e.vm,n=u().t;return t.cart?a.createElement(a.Fragment,null,o(t.checkout.nonCouponAdjustments||[],"order").map((function(e,o){return a.createElement("div",{className:f.InfoRow,key:o},a.createElement("div",{className:f.Label},"INTEREST"===e.name?n("checkout-page:cartInterest"):e.name),a.createElement("div",{className:f.Value},a.createElement("span",null,"DECREMENT"===e.type?"- ":"")," ",a.createElement("span",null,s(e.amount,t.cart.currencyCode))))}))):null})),S=n((function(e){var t,n,o=e.vm,c=u().t;return o.cart?a.createElement(a.Fragment,null,o.step!==r.SUCCESS&&((null===(t=o.checkout.selectedPaymentGateway)||void 0===t?void 0:t.getCalculatedAdditionalPrices(o.checkout.totalFinalPrice||0,o.checkout.shippingLines||null))||[]).filter((function(e){return 0!==e.amount})).map((function(e,t){return a.createElement("div",{className:f.InfoRow,key:t},a.createElement("div",{className:f.Label},e.name),a.createElement("div",{className:f.Value},a.createElement("span",null,"DECREMENT"===e.type?"- ":"")," ",a.createElement("span",null,s(e.amount,o.cart.currencyCode))))})),null===(n=o.checkout.giftPackageLines)||void 0===n?void 0:n.map((function(e,t){return a.createElement("div",{className:f.InfoRow,key:t},a.createElement("div",{className:f.Label},a.createElement("div",{className:f.GiftLabel},a.createElement(h,{style:{position:"relative",top:"-1px"}}),a.createElement("span",null,c("checkout-page:giftPackage")))),a.createElement("div",{className:f.Value},a.createElement("span",null,s(e.price,o.cart.currencyCode))))}))):null})),T=n((function(n){var o=n.vm,l=n.isAddingCoupon,i=n.setAddingCoupon,m=n.setCouponError,d=u().t,p=a.useState(""),E=p[0],v=p[1],h=a.useState(!1),g=h[0],k=h[1];if(o.step===r.SUCCESS&&!o.checkout.appliedCouponCode)return null;var N=o.checkout.couponAdjustment;return a.createElement("div",{className:f.InfoRow},!o.checkout.appliedCouponCode&&!l&&a.createElement("div",{className:f.ActionTextBtn,onClick:function(){return i(!0)}},d("checkout-page:addCouponCode")),l&&a.createElement(c,{value:E,placeholder:d("checkout-page:couponCode"),buttonLabel:d("checkout-page:actions.apply"),onClick:function(){return e(void 0,void 0,void 0,(function(){return t(this,(function(e){switch(e.label){case 0:return o.checkout.couponCode=E,k(!0),[4,o.onCouponCodeApply()];case 1:return e.sent(),k(!1),v(""),o.checkout.appliedCouponCode?(i(!1),m(!1)):m(!0),[2]}}))}))},isLoading:g,onChange:v}),!!o.checkout.appliedCouponCode&&!l&&a.createElement("div",{className:[f.ActionTextBtn,f.NoUnderline,f.Light].join(" ")},d("checkout-page:couponCode"),a.createElement("span",{className:f.AppliedCoupon},a.createElement("span",{className:f.CouponCode},o.checkout.appliedCouponCode),o.step!==r.SUCCESS&&a.createElement("span",{className:f.ClearCoupon,onClick:function(){return e(void 0,void 0,void 0,(function(){return t(this,(function(e){switch(e.label){case 0:return o.checkout.couponCode=null,k(!0),[4,o.onCouponCodeDelete()];case 1:return e.sent(),k(!1),[2]}}))}))}},a.createElement(C,null)))),!!o.checkout.appliedCouponCode&&!l&&a.createElement("div",{className:f.Value},a.createElement("span",null,"DECREMENT"===(null==N?void 0:N.type)?"- ":"")," ",a.createElement("span",null,s((null==N?void 0:N.amount)||0,o.cart.currencyCode))))})),b=n((function(e){var t=e.vm,n=e.isAddingNote,o=e.setAddingNote,c=u().t,l=a.useState(t.checkout.note?c("checkout-page:editOrderNote"):c("checkout-page:addOrderNote"))[0],i=a.useCallback((function(){o(!0)}),[]),s=a.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:a.createElement("div",{className:f.InfoRow},!n&&!m&&a.createElement("div",{className:f.ActionTextBtn,onClick:i},l),(n||m)&&a.createElement("div",{className:[f.CheckoutNoteContainer,m?f.Success:""].join(" ")},a.createElement("div",{className:f.Title},c("checkout-page:orderNote")),m?a.createElement("div",{className:f.CheckoutNoteDisplay},t.checkout.note):a.createElement(d,{style:{width:"100%"},type:p.TEXT_AREA,disableResize:!0,label:"",value:t.checkout.note||"",onChange:s})))}));export{k as CartSummary};

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

@@ -0,0 +1 @@
+import e from'../../../../ext/style-inject/dist/style-inject.es.js';var t={CartSummary:"style-module_CartSummary__30RcF",AllowExpand:"style-module_AllowExpand__3kDXF",ExpandHeader:"style-module_ExpandHeader__2ICjA",Left:"style-module_Left__A54sv",Price:"style-module_Price__sosrJ",PriceText:"style-module_PriceText__1ePGb",ArrowDown:"style-module_ArrowDown__2ET-d",Rotated:"style-module_Rotated__3sgbm",DetailsContainer:"style-module_DetailsContainer__FBBIP",Details:"style-module_Details__3-X_i",Divider:"style-module_Divider__2d0Zk",ActionTextBtn:"style-module_ActionTextBtn__FXJQX",NoUnderline:"style-module_NoUnderline__34-1r",Light:"style-module_Light__WFzH8",SubTotalInfo:"style-module_SubTotalInfo__1QMnr",InfoRow:"style-module_InfoRow__3eZdJ",Label:"style-module_Label__3E7LF",TotalContainer:"style-module_TotalContainer__36DNt",TitleContainer:"style-module_TitleContainer__3ptQE",Title:"style-module_Title__16M5E",TotalPrice:"style-module_TotalPrice__2s7DC",AppliedCoupon:"style-module_AppliedCoupon__37qv8",CouponCode:"style-module_CouponCode__3rgOu",ClearCoupon:"style-module_ClearCoupon__1Rx4A",NotificationContainer:"style-module_NotificationContainer__Zblek",CheckoutNoteContainer:"style-module_CheckoutNoteContainer__zQQjd",CheckoutNoteDisplay:"style-module_CheckoutNoteDisplay__kTFTx",Success:"style-module_Success__2vqWA",GiftLabel:"style-module_GiftLabel__2f-wC",PoweredBy:"style-module_PoweredBy__1hgWQ"};e("@media only screen and (max-width: 1000px) {\n  .style-module_CartSummary__30RcF {\n    width: 100%;\n    background-color: var(--checkout-card-bg-color);\n  }\n}\n.style-module_CartSummary__30RcF.style-module_AllowExpand__3kDXF {\n  border-top: 1px solid var(--checkout-border-color);\n}\n.style-module_CartSummary__30RcF .style-module_ExpandHeader__2ICjA {\n  display: flex;\n  justify-content: space-between;\n  align-items: center;\n  height: 48px;\n  padding: 0 24px;\n  width: 100%;\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.style-module_CartSummary__30RcF .style-module_ExpandHeader__2ICjA .style-module_Left__A54sv {\n  display: flex;\n  align-items: center;\n  font-size: 16px;\n  font-weight: 600;\n}\n.style-module_CartSummary__30RcF .style-module_ExpandHeader__2ICjA .style-module_Price__sosrJ {\n  font-weight: 600;\n  display: flex;\n  align-items: center;\n}\n.style-module_CartSummary__30RcF .style-module_ExpandHeader__2ICjA .style-module_Price__sosrJ .style-module_PriceText__1ePGb {\n  font-weight: 600;\n  margin-right: 8px;\n}\n.style-module_CartSummary__30RcF .style-module_ExpandHeader__2ICjA .style-module_Price__sosrJ .style-module_ArrowDown__2ET-d {\n  transition: all 0.3s;\n  display: flex;\n  align-items: center;\n}\n.style-module_CartSummary__30RcF .style-module_ExpandHeader__2ICjA .style-module_Price__sosrJ .style-module_ArrowDown__2ET-d.style-module_Rotated__3sgbm {\n  transform: rotate(-180deg);\n}\n.style-module_CartSummary__30RcF .style-module_DetailsContainer__FBBIP {\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__30RcF .style-module_DetailsContainer__FBBIP {\n    padding: 0 24px;\n    box-shadow: 1px 2px 5px 0px rgba(0, 0, 0, 0.2);\n  }\n}\n.style-module_CartSummary__30RcF .style-module_Details__3-X_i {\n  overflow: hidden;\n}\n@media only screen and (max-width: 1000px) {\n  .style-module_CartSummary__30RcF .style-module_Details__3-X_i {\n    padding-top: 24px;\n  }\n}\n.style-module_CartSummary__30RcF .style-module_Divider__2d0Zk {\n  width: 100%;\n  height: 1px;\n  margin: auto;\n  background-color: var(--checkout-border-color);\n}\n.style-module_CartSummary__30RcF .style-module_ActionTextBtn__FXJQX {\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__30RcF .style-module_ActionTextBtn__FXJQX:hover {\n  text-decoration: underline;\n}\n.style-module_CartSummary__30RcF .style-module_ActionTextBtn__FXJQX.style-module_NoUnderline__34-1r:hover {\n  text-decoration: none;\n}\n.style-module_CartSummary__30RcF .style-module_ActionTextBtn__FXJQX.style-module_Light__WFzH8 {\n  color: var(--checkout-secondary-text-color);\n}\n.style-module_CartSummary__30RcF .style-module_SubTotalInfo__1QMnr {\n  padding: 24px 0;\n  border-bottom: 1px solid var(--checkout-border-color);\n}\n.style-module_CartSummary__30RcF .style-module_SubTotalInfo__1QMnr .style-module_InfoRow__3eZdJ {\n  display: flex;\n  justify-content: space-between;\n  align-items: center;\n  margin-bottom: 10px;\n}\n.style-module_CartSummary__30RcF .style-module_SubTotalInfo__1QMnr .style-module_InfoRow__3eZdJ .style-module_Label__3E7LF {\n  color: var(--checkout-secondary-text-color);\n  display: flex;\n  align-items: center;\n}\n.style-module_CartSummary__30RcF .style-module_SubTotalInfo__1QMnr .style-module_InfoRow__3eZdJ:last-of-type {\n  margin-bottom: 0;\n}\n.style-module_CartSummary__30RcF .style-module_TotalContainer__36DNt {\n  display: flex;\n  justify-content: space-between;\n  align-items: center;\n  margin-top: 12px;\n}\n.style-module_CartSummary__30RcF .style-module_TotalContainer__36DNt .style-module_TitleContainer__3ptQE .style-module_Title__16M5E {\n  font-size: 20px;\n  font-weight: 600;\n}\n.style-module_CartSummary__30RcF .style-module_TotalContainer__36DNt .style-module_TotalPrice__2s7DC {\n  font-size: 20px;\n  font-weight: 600;\n}\n@media only screen and (max-width: 1000px) {\n  .style-module_CartSummary__30RcF .style-module_TotalContainer__36DNt {\n    height: 64px;\n    margin-top: 0px;\n  }\n}\n.style-module_CartSummary__30RcF .style-module_AppliedCoupon__37qv8 {\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__30RcF .style-module_AppliedCoupon__37qv8 .style-module_CouponCode__3rgOu {\n  font-size: 14px;\n}\n.style-module_CartSummary__30RcF .style-module_AppliedCoupon__37qv8 .style-module_ClearCoupon__1Rx4A {\n  cursor: pointer;\n  display: flex;\n  align-items: center;\n  color: var(--checkout-secondary-text-color);\n}\n.style-module_CartSummary__30RcF .style-module_AppliedCoupon__37qv8 .style-module_ClearCoupon__1Rx4A svg {\n  transform: scale(0.8);\n}\n.style-module_CartSummary__30RcF .style-module_NotificationContainer__Zblek {\n  margin-bottom: 14px;\n}\n.style-module_CartSummary__30RcF .style-module_CheckoutNoteContainer__zQQjd {\n  margin-top: 24px;\n  width: calc(100% - 2px);\n  margin-left: 1px;\n}\n.style-module_CartSummary__30RcF .style-module_CheckoutNoteContainer__zQQjd .style-module_Title__16M5E {\n  font-size: 16px;\n  color: var(--checkout-primary-text-color);\n  margin-bottom: 8px;\n}\n.style-module_CartSummary__30RcF .style-module_CheckoutNoteContainer__zQQjd .style-module_CheckoutNoteDisplay__kTFTx {\n  color: var(--checkout-secondary-text-color);\n}\n.style-module_CartSummary__30RcF .style-module_CheckoutNoteContainer__zQQjd.style-module_Success__2vqWA {\n  margin-top: 0;\n}\n@media only screen and (max-width: 1000px) {\n  .style-module_CartSummary__30RcF .style-module_CheckoutNoteContainer__zQQjd {\n    margin-top: 0px;\n  }\n}\n.style-module_CartSummary__30RcF .style-module_GiftLabel__2f-wC {\n  display: flex;\n  align-items: center;\n}\n.style-module_CartSummary__30RcF .style-module_GiftLabel__2f-wC span {\n  margin-left: 8px;\n}\n.style-module_CartSummary__30RcF .style-module_PoweredBy__1hgWQ {\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__30RcF .style-module_PoweredBy__1hgWQ {\n    display: flex;\n  }\n}\n.style-module_CartSummary__30RcF .style-module_PoweredBy__1hgWQ 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__30RcF .style-module_PoweredBy__1hgWQ a {\n  display: flex;\n  align-items: center;\n}");export{t as default};

package/build/components/checkout/components/checkbox/check.d.ts

@@ -0,0 +1,6 @@
+import * as React from "react";
+declare type Props = {
+    className?: string;
+};
+declare const SVGCheck: React.FC<Props>;
+export default SVGCheck;

package/build/components/checkout/components/checkbox/check.js

@@ -0,0 +1 @@
+import*as e from"react";var t=function(t){var a=t.className;return e.createElement("svg",{xmlns:"http://www.w3.org/2000/svg",width:"10.3",height:"8",viewBox:"8.9 0.3 10.3 8","enable-background":"new 8.9 0.3 10.3 8",className:a},e.createElement("path",{fill:"currentColor",d:"M12.6 8.1l-3.7-3.8 1-1.1 2.7 2.7 5.5-5.4 1 1z"}))};export{t as default};

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

@@ -0,0 +1,10 @@
+import * as React from "react";
+declare type Props = {
+    value: boolean;
+    label?: string | React.ReactElement;
+    hasError?: boolean;
+    removePadding?: boolean;
+    onChange: (value: boolean) => void;
+};
+export declare const Checkbox: React.FC<Props>;
+export {};

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

@@ -0,0 +1 @@
+import*as e from"react";import{observer as r}from"mobx-react-lite";import a from"./check.js";import o from"./style.module.scss.js";var c=r((function(r){var c=r.value,t=r.label,i=r.hasError,l=r.removePadding,n=r.onChange,m=[o.CheckboxBorder],s=[o.CheckboxLabel],h=[o.CheckboxTick];return c&&(m.push(o.Checked),h.push(o.Visible)),i&&s.push(o.CheckboxLabelError),e.createElement("div",{className:[o.CheckboxWrapper,l?o.WithoutPadding:""].join(" "),onClick:function(){n(!c)}},e.createElement("div",{className:o.CheckboxContainer},e.createElement("div",{className:m.join(" ")}),e.createElement("div",{className:h.join(" ")},e.createElement(a,null))),!!t&&e.createElement("div",{className:s.join(" ")},t))}));export{c as Checkbox};

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

@@ -0,0 +1 @@
+import e from'../../../../ext/style-inject/dist/style-inject.es.js';var o={CheckboxWrapper:"style-module_CheckboxWrapper__2tSbx",WithoutPadding:"style-module_WithoutPadding__3Azhr",CheckboxContainer:"style-module_CheckboxContainer__1zRvT",CheckboxBorder:"style-module_CheckboxBorder__281X3",Checked:"style-module_Checked__3-ZM4",CheckboxTick:"style-module_CheckboxTick__2LpQ-",Visible:"style-module_Visible__2Ng5Q",CheckboxLabel:"style-module_CheckboxLabel__30uMC",CheckboxLabelError:"style-module_CheckboxLabelError__FmdxF"};e(".style-module_CheckboxWrapper__2tSbx {\n  width: 100%;\n  display: flex;\n  padding: 8px 0;\n  cursor: pointer;\n  user-select: none;\n  align-items: center;\n}\n.style-module_CheckboxWrapper__2tSbx.style-module_WithoutPadding__3Azhr {\n  padding: 0;\n}\n.style-module_CheckboxWrapper__2tSbx .style-module_CheckboxContainer__1zRvT {\n  flex: 0 0 auto;\n  position: relative;\n  width: 20px;\n  height: 20px;\n  margin-right: 12px;\n}\n.style-module_CheckboxWrapper__2tSbx .style-module_CheckboxBorder__281X3 {\n  flex: 0 0 auto;\n  width: 20px;\n  height: 20px;\n  border-radius: 4px;\n  border: 1px solid var(--checkout-border-color);\n  position: absolute;\n  top: 0;\n  left: 0;\n  transition: border-width 0.2s ease-in-out;\n}\n.style-module_CheckboxWrapper__2tSbx .style-module_CheckboxBorder__281X3.style-module_Checked__3-ZM4 {\n  border: 10px solid var(--checkout-button-bg-color);\n}\n.style-module_CheckboxWrapper__2tSbx .style-module_CheckboxTick__2LpQ- {\n  width: 20px;\n  height: 20px;\n  display: flex;\n  justify-content: center;\n  align-items: center;\n  position: absolute;\n  top: 0;\n  left: 0;\n  color: var(--checkout-button-text-color);\n  z-index: 2;\n  transition: all 0.2s ease-in-out;\n  transition-delay: 0.1s;\n  opacity: 0;\n  transform: scale(0.2);\n}\n.style-module_CheckboxWrapper__2tSbx .style-module_CheckboxTick__2LpQ-.style-module_Visible__2Ng5Q {\n  opacity: 1;\n  transform: scale(1.2);\n}\n.style-module_CheckboxWrapper__2tSbx .style-module_CheckboxLabel__30uMC {\n  flex: 1 1 auto;\n  font-weight: normal;\n  color: var(--checkout-secondary-text-color);\n}\n.style-module_CheckboxWrapper__2tSbx .style-module_CheckboxLabelError__FmdxF {\n  color: var(--checkout-error-color);\n}");export{o as default};

package/build/components/checkout/components/credit-card-form/index.d.ts

@@ -0,0 +1,7 @@
+import * as React from "react";
+import CheckoutViewModel from "../../model";
+declare type Props = {
+    vm: CheckoutViewModel;
+};
+export declare const CreditCardForm: React.FC<Props>;
+export {};

package/build/components/checkout/components/credit-card-form/index.js

@@ -0,0 +1 @@
+import*as e from"react";import{observer as o}from"mobx-react-lite";import r from"../../styles/common.module.scss.js";import t from"../../style.module.scss.js";import{FormItem as i}from"../form-item/index.js";import{FormItemInputType as a,FormItemType as m}from"../form-item/model.js";import"../../../../models/data/blog/index.js";import"../../../../models/data/brand/index.js";import"../../../../models/data/category/index.js";import"../../../../models/data/checkout/index.js";import"../../../../models/data/customer/address/index.js";import"../../../../models/data/customer/index.js";import"../../../../models/data/customer-review/index.js";import"../../../../models/data/html-meta-data/index.js";import"../../../../models/data/image/index.js";import{IkasCardAssociation as s}from"../../../../models/data/installment-info/index.js";import"../../../../models/data/order/index.js";import"../../../../models/data/order/line-item/index.js";import"mobx";import"../../../../models/data/product/index.js";import"../../../../models/data/variant-type/index.js";import"../../../../models/data/product/variant/index.js";import"../../../../models/data/product/variant/price/index.js";import"../../../../models/data/product-attribute/index.js";import"../../../../models/data/product/attribute-value/index.js";import"../../../../models/data/product-filter/index.js";import"../../../../models/data/variant-type/variant-value/index.js";import"../../../../models/data/order-transaction/index.js";import"../../../../models/data/product-option-set/index.js";import"../../../../models/data/raffle/index.js";import"../../../../models/theme/theme.js";import"../../../../models/theme/page/index.js";import"../../../../models/theme/component/prop/index.js";import"../../../../models/theme/page/component/prop-value/link.js";import"../../../../models/ui/brand-list/index.js";import"../../../../models/ui/blog-list/index.js";import"../../../../models/ui/blog-category-list/index.js";import"../../../../models/ui/category-list/index.js";import"../../../../models/ui/product-detail/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/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/register.js";import"../../../../models/ui/validator/form/contact-form.js";import"../../../../models/ui/validator/form/forgot-password.js";import"../../../../models/ui/validator/form/recover-password.js";import"../../../../models/ui/validator/form/account-info.js";import"../../../../models/ui/validator/form/raffle-form.js";import"../../../../models/ui/validator/form/customer-review.js";import"../../../../models/ui/raffle-list/index.js";import"../../../../models/theme/settings/index.js";import"../../../../models/theme/custom-data/index.js";import d from"./svg/amex.js";import l from"./svg/master-card.js";import n from"./svg/troy.js";import p from"./svg/visa.js";import c from"./style.module.scss.js";import"../../../../storefront/index.js";import'../../../../ext/lodash/isArguments.js';import'../../../../ext/lodash/isBuffer.js';import'../../../../ext/lodash/isTypedArray.js';import'../../../../ext/lodash/_baseGetTag.js';import{useTranslation as u}from"../../../../utils/i18n.js";var j=o((function(o){var j,x=o.vm,v=u().t,f=x.cardData;if(!f)return null;return e.createElement("div",null,e.createElement("div",{className:t.RowPB},e.createElement(i,{name:"cardnumber",autocomplete:"cc-number",inputType:a.NUMERIC,type:m.TEXT,label:v("checkout-page:cardNumber"),value:f.cardNumber,onChange:x.onCardNumberChange,errorText:v("checkout-page:cardNumberError"),rightContent:(null===(j=x.installmentInfo)||void 0===j?void 0:j.cardAssociation)?e.createElement("div",{className:c.CardLogo},function(o){switch(o){case s.AMERICAN_EXPRESS:return e.createElement(d,null);case s.MASTER_CARD:return e.createElement(l,null);case s.TROY:return e.createElement(n,null);case s.VISA:return e.createElement(p,null);default:return e.createElement("div",null)}}(x.installmentInfo.cardAssociation)):void 0,hasError:x.isErrorsVisible&&!f.validationResult.cardNumber})),e.createElement("div",{className:t.RowPB},e.createElement(i,{name:"ccname",autocomplete:"cc-name",type:m.TEXT,label:v("checkout-page:cardHolderName"),value:f.cardHolderName,onChange:x.onCardHolderNameChange,errorText:v("checkout-page:cardHolderError"),hasError:x.isErrorsVisible&&!f.validationResult.cardHolderName})),e.createElement("div",{className:[r.Grid,r.Grid2].join(" ")},e.createElement(i,{name:"cc-exp",autocomplete:"cc-exp",inputType:a.NUMERIC,type:m.TEXT,label:v("checkout-page:cardExpiry"),value:f.expirationDate,onChange:x.onExpirationDateChange,errorText:v("checkout-page:cardExpiryError"),hasError:x.isErrorsVisible&&!f.validationResult.expirationDate}),e.createElement(i,{name:"cvc",autocomplete:"cc-csc",inputType:a.NUMERIC,type:m.TEXT,label:v("checkout-page:cardCVC"),value:f.cvv,onChange:x.onCvcChange,errorText:v("checkout-page:cardCVCError"),tooltipText:v("checkout-page:cardCVCTooltip"),hasError:x.isErrorsVisible&&!f.validationResult.cvv})))}));export{j as CreditCardForm};

package/build/components/checkout/components/credit-card-form/model.d.ts

@@ -0,0 +1,26 @@
+export default class CreditCardData {
+    cardNumber?: string;
+    cardHolderName?: string;
+    expirationDate?: string;
+    cvv?: string;
+    installmentCount: number;
+    threeDSecure: boolean;
+    constructor(data?: Partial<CreditCardData>);
+    get validationResult(): CreditCardDataValidation;
+    get isValid(): boolean;
+    toInput: () => {
+        cardNumber: string;
+        cardHolderName: string;
+        cvv: string;
+        expiredMonth: number;
+        expiredYear: number;
+        installmentCount: number;
+        threeDSecure: boolean;
+    };
+}
+export declare type CreditCardDataValidation = {
+    cardNumber: boolean;
+    cardHolderName: boolean;
+    expirationDate: boolean;
+    cvv: boolean;
+};

package/build/components/checkout/components/credit-card-form/model.js

@@ -0,0 +1 @@
+import{makeAutoObservable as e}from"mobx";var t=function(){function t(t){var r=this;void 0===t&&(t={}),this.installmentCount=1,this.toInput=function(){var e=r.expirationDate.split(" / "),t=parseInt(e[0]),i=parseInt(e[1]);return{cardNumber:r.cardNumber.split(" ").join(""),cardHolderName:r.cardHolderName,cvv:r.cvv,expiredMonth:t,expiredYear:i,installmentCount:r.installmentCount,threeDSecure:r.threeDSecure}},this.cardNumber=t.cardNumber||"",this.cardHolderName=t.cardHolderName||"",this.expirationDate=t.expirationDate||"",this.cvv=t.cvv||"",this.installmentCount=t.installmentCount||1,this.threeDSecure=t.threeDSecure||!1,e(this)}return Object.defineProperty(t.prototype,"validationResult",{get:function(){return{cardNumber:!!this.cardNumber&&19===this.cardNumber.length,cardHolderName:!!this.cardHolderName,expirationDate:!!this.expirationDate&&7===this.expirationDate.length,cvv:!!this.cvv}},enumerable:!1,configurable:!0}),Object.defineProperty(t.prototype,"isValid",{get:function(){return Object.values(this.validationResult).every((function(e){return e}))},enumerable:!1,configurable:!0}),t}();export{t as default};

package/build/components/checkout/components/credit-card-form/style.module.scss.js

@@ -0,0 +1 @@
+import e from'../../../../ext/style-inject/dist/style-inject.es.js';var t={CardLogo:"style-module_CardLogo__1jFyp"};e(".style-module_CardLogo__1jFyp {\n  display: flex;\n  align-items: center;\n  height: 100%;\n  padding-right: 16px;\n}");export{t as default};

package/build/components/checkout/components/credit-card-form/svg/amex.d.ts

@@ -0,0 +1,6 @@
+import * as React from "react";
+declare type Props = {
+    className?: string;
+};
+declare const SVGAmex: React.FC<Props>;
+export default SVGAmex;

package/build/components/checkout/components/credit-card-form/svg/amex.js

@@ -0,0 +1 @@
+import*as L from"react";var e=function(e){var H=e.className;return L.createElement("svg",{width:"32",height:"24",viewBox:"0 0 32 24",fill:"none",xmlns:"http://www.w3.org/2000/svg",className:H},L.createElement("path",{d:"M2 0.5H30C30.8284 0.5 31.5 1.17157 31.5 2V22C31.5 22.8284 30.8284 23.5 30 23.5H2C1.17157 23.5 0.5 22.8284 0.5 22V2C0.5 1.17157 1.17157 0.5 2 0.5Z",fill:"#1F72CD",stroke:"#E5E4E9"}),L.createElement("path",{fillRule:"evenodd",clipRule:"evenodd",d:"M5.93431 9L3 15.5453H6.51278L6.94826 14.5017H7.94368L8.37916 15.5453H12.2457V14.7488L12.5903 15.5453H14.5904L14.9349 14.7319V15.5453H22.9764L23.9542 14.5288L24.8697 15.5453L29 15.5537L26.0564 12.2909L29 9H24.9338L23.982 9.9977L23.0952 9H14.3472L13.596 10.6894L12.8272 9H9.32172V9.7694L8.93177 9H5.93431ZM6.6141 9.92922H8.32639L10.2727 14.3676V9.92922H12.1485L13.6518 13.1115L15.0373 9.92922H16.9036V14.6259H15.768L15.7587 10.9456L14.103 14.6259H13.0872L11.4222 10.9456V14.6259H9.08594L8.64302 13.5729H6.25011L5.80811 14.625H4.55635L6.6141 9.92922ZM22.5606 9.92922H17.9429V14.6231H22.4891L23.9545 13.0675L25.3668 14.6231H26.8432L24.6973 12.2898L26.8432 9.92922H25.4309L23.973 11.467L22.5606 9.92922ZM7.44697 10.7239L6.6586 12.5996H8.23442L7.44697 10.7239ZM19.0826 11.7588V10.9015V10.9006H21.964L23.2212 12.2718L21.9083 13.6505H19.0826V12.7145H21.6018V11.7588H19.0826Z",fill:"white"}))};export{e as default};

package/build/components/checkout/components/credit-card-form/svg/master-card.d.ts

@@ -0,0 +1,6 @@
+import * as React from "react";
+declare type Props = {
+    className?: string;
+};
+declare const SVGMasterCard: React.FC<Props>;
+export default SVGMasterCard;

package/build/components/checkout/components/credit-card-form/svg/master-card.js

@@ -0,0 +1 @@
+import*as e from"react";var t=function(t){var l=t.className;return e.createElement("svg",{width:"32",height:"24",viewBox:"0 0 32 24",fill:"none",xmlns:"http://www.w3.org/2000/svg",className:l},e.createElement("path",{d:"M2 0.5H30C30.8284 0.5 31.5 1.17157 31.5 2V22C31.5 22.8284 30.8284 23.5 30 23.5H2C1.17157 23.5 0.5 22.8284 0.5 22V2C0.5 1.17157 1.17157 0.5 2 0.5Z",fill:"white",stroke:"#E5E4E9"}),e.createElement("path",{d:"M12.5652 17.1304C15.6388 17.1304 18.1304 14.6388 18.1304 11.5652C18.1304 8.49163 15.6388 6 12.5652 6C9.49163 6 7 8.49163 7 11.5652C7 14.6388 9.49163 17.1304 12.5652 17.1304Z",fill:"#E61C24"}),e.createElement("path",{d:"M19.4759 17.1304C22.5494 17.1304 25.0411 14.6388 25.0411 11.5652C25.0411 8.49163 22.5494 6 19.4759 6C16.4023 6 13.9106 8.49163 13.9106 11.5652C13.9106 14.6388 16.4023 17.1304 19.4759 17.1304Z",fill:"#F99F1B"}),e.createElement("path",{fillRule:"evenodd",clipRule:"evenodd",d:"M16.0205 7.20801C14.6879 8.2615 13.9106 9.86684 13.9106 11.5656C13.9106 13.2643 14.6879 14.8696 16.0205 15.9231C17.3531 14.8696 18.1304 13.2643 18.1304 11.5656C18.1304 9.86684 17.3531 8.2615 16.0205 7.20801Z",fill:"#F26622"}))};export{t as default};

package/build/components/checkout/components/credit-card-form/svg/troy.d.ts

@@ -0,0 +1,6 @@
+import * as React from "react";
+declare type Props = {
+    className?: string;
+};
+declare const SVGTroy: React.FC<Props>;
+export default SVGTroy;

package/build/components/checkout/components/credit-card-form/svg/troy.js

@@ -0,0 +1 @@
+import*as e from"react";var l=function(l){var t=l.className;return e.createElement("svg",{width:"32",height:"24",viewBox:"0 0 32 24",fill:"none",xmlns:"http://www.w3.org/2000/svg",className:t},e.createElement("path",{d:"M2 0.5H30C30.8284 0.5 31.5 1.17157 31.5 2V22C31.5 22.8284 30.8284 23.5 30 23.5H2C1.17157 23.5 0.5 22.8284 0.5 22V2C0.5 1.17157 1.17157 0.5 2 0.5Z",fill:"white",stroke:"#E5E4E9"}),e.createElement("path",{fillRule:"evenodd",clipRule:"evenodd",d:"M24.331 9.4811C24.0522 9.4811 23.7446 9.63656 23.6219 9.91598L22.3183 12.9041L21.8488 9.91598C21.7937 9.63656 21.6037 9.4811 21.3033 9.4811L19.652 9.4811L21.0644 14.4436C21.0904 14.5389 21.0953 14.6443 21.0764 14.7553C21.0023 15.1694 20.6068 15.5054 20.1924 15.5054L19.2677 15.5054C19.0328 15.5054 18.8782 15.6509 18.8026 15.9801L18.5972 17.21L20.2258 17.21C21.0754 17.21 22.0733 16.7831 22.7389 15.6027L26 9.4811L24.331 9.4811Z",fill:"#2F3842"}),e.createElement("path",{fillRule:"evenodd",clipRule:"evenodd",d:"M8.2998 8.00041C8.78746 8.00041 9.02309 8.19493 8.93741 8.68384L8.79675 9.48037L9.91728 9.48037L9.67046 10.8795L8.54946 10.8795L8.24405 12.612C8.13851 13.2156 8.73595 13.2959 9.07869 13.2959C9.14705 13.2959 9.20376 13.2945 9.24439 13.2921L8.97033 14.8524C8.88574 14.8614 8.79848 14.873 8.61404 14.873C7.76333 14.873 6.15404 14.6453 6.47048 12.85L6.817 10.8795L6 10.8795L6.24587 9.48037L7.05484 9.48037L7.31521 8.00041L8.2998 8.00041Z",fill:"#2F3842"}),e.createElement("path",{fillRule:"evenodd",clipRule:"evenodd",d:"M17.7158 9.54448L17.428 11.1758C17.7829 11.3571 18.0261 11.7254 18.0261 12.1506C18.0261 12.7114 17.6057 13.171 17.0645 13.237L16.7769 14.868C16.8276 14.8713 16.8792 14.873 16.9307 14.873C18.4351 14.873 19.6536 13.6538 19.6536 12.1506C19.6536 10.9217 18.8376 9.88187 17.7158 9.54448Z",fill:"#00A6B6"}),e.createElement("path",{fillRule:"evenodd",clipRule:"evenodd",d:"M16.4343 13.1255C16.0797 12.9452 15.8359 12.5752 15.8359 12.1504C15.8359 11.5931 16.2572 11.1302 16.7983 11.0651L17.0856 9.43397C17.0346 9.43082 16.9826 9.42846 16.9314 9.42846C15.4281 9.42846 14.209 10.6485 14.209 12.1504C14.209 13.3799 15.0254 14.4204 16.1471 14.7578L16.4343 13.1255Z",fill:"#00A6B6"}),e.createElement("path",{fillRule:"evenodd",clipRule:"evenodd",d:"M10.5661 9.48044L11.529 9.48044C12.0168 9.48044 12.2515 9.67543 12.1655 10.1645L12.0601 10.7561C12.4189 10.0279 13.197 9.4272 13.9951 9.4272C14.0999 9.4272 14.2007 9.44799 14.2007 9.44799L13.8894 11.2123C13.8894 11.2123 13.7497 11.1798 13.5317 11.1798C13.1064 11.1798 12.3871 11.3146 11.9867 12.1138C11.8913 12.3109 11.8179 12.5505 11.767 12.8392L11.4186 14.8213L9.625 14.8213L10.5661 9.48044Z",fill:"#2F3842"}))};export{l as default};

package/build/components/checkout/components/credit-card-form/svg/visa.d.ts

@@ -0,0 +1,6 @@
+import * as React from "react";
+declare type Props = {
+    className?: string;
+};
+declare const SVGVisa: React.FC<Props>;
+export default SVGVisa;

package/build/components/checkout/components/credit-card-form/svg/visa.js

@@ -0,0 +1 @@
+import*as e from"react";var l=function(l){var t=l.className;return e.createElement("svg",{width:"32",height:"24",viewBox:"0 0 32 24",fill:"none",xmlns:"http://www.w3.org/2000/svg",className:t},e.createElement("path",{d:"M2 0.5H30C30.8284 0.5 31.5 1.17157 31.5 2V22C31.5 22.8284 30.8284 23.5 30 23.5H2C1.17157 23.5 0.5 22.8284 0.5 22V2C0.5 1.17157 1.17157 0.5 2 0.5Z",fill:"white",stroke:"#E5E4E9"}),e.createElement("path",{fillRule:"evenodd",clipRule:"evenodd",d:"M12.6875 15.1655H14.5025L15.6385 8.50391H13.8228L12.6875 15.1655Z",fill:"#1A1876"}),e.createElement("path",{fillRule:"evenodd",clipRule:"evenodd",d:"M19.2995 11.1787C18.6651 10.8705 18.2762 10.6646 18.2804 10.3529C18.2804 10.076 18.6095 9.77969 19.3204 9.77969C19.902 9.77065 20.3709 9.88891 20.8425 10.1115L21.0888 8.66735C20.7291 8.53239 20.1656 8.3877 19.4616 8.3877C17.6675 8.3877 16.4035 9.29135 16.3931 10.586C16.3827 11.5432 17.2954 12.0774 17.9841 12.396C18.6909 12.7223 18.9288 12.931 18.9253 13.2225C18.9211 13.6691 18.3611 13.8729 17.8387 13.8729C17.0331 13.8729 16.6269 13.7484 15.8957 13.4173L15.6411 14.9087C16.0655 15.0945 16.8495 15.2559 17.6641 15.2642C19.5729 15.2642 20.8119 14.371 20.8258 12.988C20.8307 12.2305 20.3472 11.6538 19.2995 11.1787Z",fill:"#1A1876"}),e.createElement("path",{d:"M25.7438 8.50977H24.3407C23.9059 8.50977 23.581 8.62872 23.3897 9.06211L20.6934 15.1672H22.6001C22.6001 15.1672 22.9118 14.3463 22.9827 14.1661C23.1914 14.1661 25.0433 14.1689 25.3083 14.1689C25.3626 14.4019 25.5295 15.1672 25.5295 15.1672H27.2144L25.7438 8.50977ZM23.5052 12.804C23.5803 12.612 24.3212 10.7094 24.4694 10.3059C24.7149 11.4545 24.4756 10.34 25.0127 12.804H23.5052Z",fill:"#1A1876"}),e.createElement("path",{fillRule:"evenodd",clipRule:"evenodd",d:"M11.1646 8.50906L9.38648 13.0517L9.19726 12.1285L8.56074 9.06697C8.45083 8.6454 8.13222 8.51949 7.73778 8.50488H4.80909L4.78613 8.64332C5.49848 8.81584 6.135 9.06488 6.69361 9.37375L8.30822 15.1595L10.2296 15.1574L13.088 8.50836H11.1646V8.50906Z",fill:"#1A1876"}))};export{l as default};

package/build/components/checkout/components/customer-addresses/index.d.ts

@@ -0,0 +1,15 @@
+import * as React from "react";
+import CustomerAddressesViewModel from "./model";
+declare type Props = {
+    vm: CustomerAddressesViewModel;
+};
+declare const _default: React.FunctionComponent<Props>;
+export default _default;
+declare type CustomerAddressFormProps = {
+    vm: CustomerAddressesViewModel;
+};
+export declare const CustomerAddressForm: React.FC<CustomerAddressFormProps>;
+declare type SaveAddressProps = {
+    vm: CustomerAddressesViewModel;
+};
+export declare const SaveAddressCheckboxAndTitle: React.FC<SaveAddressProps>;

package/build/components/checkout/components/customer-addresses/index.js

@@ -0,0 +1 @@
+import*as e from"react";import{observer as s}from"mobx-react-lite";import t from"../../style.module.scss.js";import r from"../select-box/index.js";import{AddressForm as d}from"../address-form/index.js";import{Checkbox as o}from"../checkbox/index.js";import{FormItem as i}from"../form-item/index.js";import{FormItemType as l}from"../form-item/model.js";import a from"./style.module.scss.js";import n from"../../styles/common.module.scss.js";import{Button as m}from"../button/index.js";import"../../../../storefront/index.js";import'../../../../ext/lodash/isArguments.js';import'../../../../ext/lodash/isBuffer.js';import'../../../../ext/lodash/isTypedArray.js';import'../../../../ext/lodash/_baseGetTag.js';import{useTranslation as c}from"../../../../utils/i18n.js";var u=s((function(s){var d=s.vm,o=c().t,i=e.useMemo((function(){return e.createElement("div",null,e.createElement(p,{vm:d}),e.createElement(g,{vm:d}))}),[d]);return e.createElement(e.Fragment,null,e.createElement("div",{className:n.FormSectionTitle},e.createElement("div",{className:n.Title},d.editingCustomerAddress?o("checkout-page:editAddress"):"billing"===d.addressType?o("checkout-page:billingAddress"):o("checkout-page:shippingAddress")),!!d.editingCustomerAddress&&e.createElement("div",{className:a.CancelEdit,onClick:d.onCancelEditAddressClick},o("checkout-page:actions.cancel"))),!!d.vm.store.customerStore.customer&&!d.editingCustomerAddress&&e.createElement("div",{className:t.RowPB},d.vm.store.customerStore.customer.addresses.map((function(s){return e.createElement(r,{key:s.id,label:s.title||"",isSelected:s.id===d.selectedAddressId,rightContent:e.createElement("div",{onClick:function(){return d.onEditAddressClick(s)}},o("checkout-page:actions.edit")),bottomContent:e.createElement("div",{className:a.AddressText},s.addressText),bottomContentVisible:!0,hasError:!s.isValid,errorText:o("checkout-page:missingAddressFields"),onClick:function(){return s.id!==d.selectedAddressId&&d.onAddressSelect(s)}})})),e.createElement(r,{label:o("checkout-page:newAddress"),isSelected:"-1"===d.selectedAddressId,bottomContent:i,onClick:function(){return"-1"!==d.selectedAddressId&&d.onAddressSelect()}})),!d.vm.store.customerStore.customer&&i,!!d.editingCustomerAddress&&e.createElement(p,{vm:d}),!!d.editingCustomerAddress&&e.createElement("div",{className:a.EditAddressActions},e.createElement(m,{style:{width:"100%"},text:o("checkout-page:deleteAddress"),isLine:!0,isLoading:d.isDeleteAddressLoading,isDisabled:d.isEditAddressLoading,onClick:d.onDeleteAddressClick}),e.createElement(m,{style:{width:"100%",marginTop:d.vm.store.customerStore.customer?"0px":"32px"},text:o("checkout-page:actions.save"),isLoading:d.isEditAddressLoading,isDisabled:d.isDeleteAddressLoading,onClick:d.onSaveAddressClick})))})),p=s((function(s){var t=s.vm;return e.createElement(d,{address:t.editingCustomerAddress||t.address,isErrorsVisible:t.isEditAddressErrorsVisible||t.vm.isErrorsVisible,allowedCountryIds:t.vm.shippingCountryIds||void 0,allowCorporateInfo:"billing"===t.addressType,firstNameChangeCallback:t.firstNameChangeCallback,lastNameChangeCallback:t.lastNameChangeCallback,allowTitleChange:!!t.editingCustomerAddress})})),g=s((function(s){var t=s.vm,r=c().t;return t.vm.store.customerStore.customer&&"-1"===t.selectedAddressId?e.createElement("div",{style:{marginTop:"12px"}},e.createElement(o,{value:t.vm.shouldSaveAddress,label:r("checkout-page:saveAddressCta"),onChange:t.vm.setShouldSaveAddress}),t.vm.shouldSaveAddress&&e.createElement("div",{style:{marginTop:"8px"}},e.createElement(i,{type:l.TEXT,label:r("checkout-page:addressTitle"),value:t.vm.addressTitle,onChange:t.vm.setAddressTitle}))):null}));export{p as CustomerAddressForm,g as SaveAddressCheckboxAndTitle,u as default};

package/build/components/checkout/components/customer-addresses/model.d.ts

@@ -0,0 +1,21 @@
+import { IkasCustomerAddress } from "../../../../models";
+import CheckoutViewModel from "../../model";
+export declare type AddressType = "shipping" | "billing";
+export default class CustomerAddressesViewModel {
+    vm: CheckoutViewModel;
+    addressType: AddressType;
+    editingCustomerAddress: IkasCustomerAddress | null;
+    isDeleteAddressLoading: boolean;
+    isEditAddressLoading: boolean;
+    isEditAddressErrorsVisible: boolean;
+    constructor(vm: CheckoutViewModel, addressType: AddressType);
+    get address(): import("../../../../models/data/order/address").IkasOrderAddress | null | undefined;
+    get selectedAddressId(): string | undefined;
+    onAddressSelect: (address?: IkasCustomerAddress | undefined) => void;
+    onEditAddressClick: (address?: IkasCustomerAddress | undefined) => void;
+    onCancelEditAddressClick: () => void;
+    onDeleteAddressClick: () => Promise<void>;
+    onSaveAddressClick: () => Promise<void>;
+    firstNameChangeCallback: (value: string) => void;
+    lastNameChangeCallback: (value: string) => void;
+}

package/build/components/checkout/components/customer-addresses/model.js

@@ -0,0 +1 @@
+import{__awaiter as e,__generator as s}from'../../../../ext/tslib/tslib.es6.js';import"../../../../models/data/blog/index.js";import"../../../../models/data/brand/index.js";import"../../../../models/data/category/index.js";import"../../../../models/data/checkout/index.js";import{IkasCustomerAddress as t}from"../../../../models/data/customer/address/index.js";import"../../../../models/data/customer/index.js";import"../../../../models/data/customer-review/index.js";import"../../../../models/data/html-meta-data/index.js";import"../../../../models/data/image/index.js";import"../../../../models/data/installment-info/index.js";import"../../../../models/data/order/index.js";import"../../../../models/data/order/line-item/index.js";import{makeAutoObservable as i}from"mobx";import"../../../../models/data/product/index.js";import"../../../../models/data/variant-type/index.js";import"../../../../models/data/product/variant/index.js";import"../../../../models/data/product/variant/price/index.js";import"../../../../models/data/product-attribute/index.js";import"../../../../models/data/product/attribute-value/index.js";import"../../../../models/data/product-filter/index.js";import"../../../../models/data/variant-type/variant-value/index.js";import"../../../../models/data/order-transaction/index.js";import"../../../../models/data/product-option-set/index.js";import"../../../../models/data/raffle/index.js";import"../../../../models/theme/theme.js";import"../../../../models/theme/page/index.js";import"../../../../models/theme/component/prop/index.js";import"../../../../models/theme/page/component/prop-value/link.js";import"../../../../models/ui/brand-list/index.js";import"../../../../models/ui/blog-list/index.js";import"../../../../models/ui/blog-category-list/index.js";import"../../../../models/ui/category-list/index.js";import"../../../../models/ui/product-detail/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/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/register.js";import"../../../../models/ui/validator/form/contact-form.js";import"../../../../models/ui/validator/form/forgot-password.js";import"../../../../models/ui/validator/form/recover-password.js";import"../../../../models/ui/validator/form/account-info.js";import"../../../../models/ui/validator/form/raffle-form.js";import"../../../../models/ui/validator/form/customer-review.js";import"../../../../models/ui/raffle-list/index.js";import"../../../../models/theme/settings/index.js";import"../../../../models/theme/custom-data/index.js";import d from'../../../../ext/lodash/cloneDeep.js';var r=function(){function r(r,o){var n=this;this.editingCustomerAddress=null,this.isDeleteAddressLoading=!1,this.isEditAddressLoading=!1,this.isEditAddressErrorsVisible=!1,this.onAddressSelect=function(e){("shipping"===n.addressType?n.vm.onSelectedShippingAddressIdChange:n.vm.onSelectedBillingAddressIdChange)((null==e?void 0:e.id)||"-1")},this.onEditAddressClick=function(e){var s=new t(d(e));s.checkoutSettings=n.vm.checkoutSettings,n.editingCustomerAddress=s},this.onCancelEditAddressClick=function(){n.isDeleteAddressLoading||n.isEditAddressLoading||(n.editingCustomerAddress=null)},this.onDeleteAddressClick=function(){return e(n,void 0,void 0,(function(){var e,t,i,r=this;return s(this,(function(s){switch(s.label){case 0:if(-1===(e=null===(i=this.vm.store.customerStore.customer)||void 0===i?void 0:i.addresses.findIndex((function(e){var s;return e.id===(null===(s=r.editingCustomerAddress)||void 0===s?void 0:s.id)})))||void 0===e)return[3,5];(t=d(this.vm.store.customerStore.customer)).addresses.splice(e,1),s.label=1;case 1:return s.trys.push([1,3,4,5]),this.isDeleteAddressLoading=!0,[4,this.vm.store.customerStore.saveCustomer(t)];case 2:return s.sent()&&(this.editingCustomerAddress=null),[3,5];case 3:return s.sent(),[3,5];case 4:return this.isDeleteAddressLoading=!1,[7];case 5:return[2]}}))}))},this.onSaveAddressClick=function(){return e(n,void 0,void 0,(function(){var e,t,i,r,o=this;return s(this,(function(s){switch(s.label){case 0:if(this.isDeleteAddressLoading||this.isEditAddressLoading)return[2];if(!(null===(i=this.editingCustomerAddress)||void 0===i?void 0:i.isValid))return this.isEditAddressErrorsVisible=!0,[2];if(-1===(e=null===(r=this.vm.store.customerStore.customer)||void 0===r?void 0:r.addresses.findIndex((function(e){var s;return e.id===(null===(s=o.editingCustomerAddress)||void 0===s?void 0:s.id)})))||void 0===e)return[3,5];(t=d(this.vm.store.customerStore.customer)).addresses[e]=this.editingCustomerAddress,s.label=1;case 1:return s.trys.push([1,3,4,5]),this.isEditAddressLoading=!0,[4,this.vm.store.customerStore.saveCustomer(t)];case 2:return s.sent()&&(this.onAddressSelect(this.editingCustomerAddress),this.editingCustomerAddress=null,this.isEditAddressErrorsVisible=!1),[3,5];case 3:return s.sent(),[3,5];case 4:return this.isEditAddressLoading=!1,[7];case 5:return[2]}}))}))},this.firstNameChangeCallback=function(e){n.vm.checkout.hasCustomer||"shipping"!==n.addressType||(n.vm.checkout.customer.firstName=e)},this.lastNameChangeCallback=function(e){n.vm.checkout.hasCustomer||"shipping"!==n.addressType||(n.vm.checkout.customer.lastName=e)},this.vm=r,this.addressType=o,i(this)}return Object.defineProperty(r.prototype,"address",{get:function(){return"shipping"===this.addressType?this.vm.checkout.shippingAddress:this.vm.checkout.billingAddress},enumerable:!1,configurable:!0}),Object.defineProperty(r.prototype,"selectedAddressId",{get:function(){return"shipping"===this.addressType?this.vm.selectedShippingAddressId:this.vm.selectedBillingAddressId},enumerable:!1,configurable:!0}),r}();export{r as default};

package/build/components/checkout/components/customer-addresses/style.module.scss.js

@@ -0,0 +1 @@
+import e from'../../../../ext/style-inject/dist/style-inject.es.js';var t={AddressText:"style-module_AddressText__2J31s",CancelEdit:"style-module_CancelEdit__2MXfO",EditAddressActions:"style-module_EditAddressActions__1TY0T"};e(".style-module_AddressText__2J31s {\n  padding-left: 32px;\n  color: var(--checkout-secondary-text-color);\n}\n\n.style-module_CancelEdit__2MXfO {\n  font-size: 16px;\n  padding-bottom: 16px;\n  cursor: pointer;\n  user-select: none;\n}\n\n.style-module_EditAddressActions__1TY0T {\n  display: grid;\n  grid-template-columns: 1fr 1fr;\n  grid-gap: 16px;\n  margin-top: 16px;\n}");export{t as default};

package/build/components/checkout/components/error/customer-login-required-error/index.d.ts

@@ -0,0 +1,8 @@
+import * as React from "react";
+import CheckoutViewModel from "../../../../../components/checkout/model";
+declare type Props = {
+    vm: CheckoutViewModel;
+    onClose: () => void;
+};
+export declare const CustomerLoginRequiredError: React.FC<Props>;
+export {};

package/build/components/checkout/components/error/customer-login-required-error/index.js

@@ -0,0 +1 @@
+import*as o from"react";import{observer as e}from"mobx-react-lite";import r from"../../notification-box/index.js";import"../../../../../storefront/index.js";import'../../../../../ext/lodash/isArguments.js';import'../../../../../ext/lodash/isBuffer.js';import'../../../../../ext/lodash/isTypedArray.js';import'../../../../../ext/lodash/_baseGetTag.js';import{useTranslation as t}from"../../../../../utils/i18n.js";var s=e((function(e){e.vm;var s=e.onClose,i=t().t;return o.createElement(r,{type:"warning",content:o.createElement("div",null,i("checkout-page:errorCustomerRequired")),onClose:s})}));export{s as CustomerLoginRequiredError};

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

@@ -0,0 +1,7 @@
+import * as React from "react";
+import CheckoutViewModel from "../../model";
+declare type CommonProps = {
+    vm: CheckoutViewModel;
+};
+declare const _default: React.FunctionComponent<CommonProps>;
+export default _default;

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

@@ -0,0 +1 @@
+import*as e from"react";import{observer as r}from"mobx-react-lite";import{ErrorType as o}from"../../model.js";import{UnknownError as t}from"./unknown-error/index.js";import{PaymentError as n}from"./payment-error/index.js";import{NoShippingError as l}from"./no-shipping-error/index.js";import{CustomerLoginRequiredError as m}from"./customer-login-required-error/index.js";var a=r((function(r){var a,i=r.vm,s=e.useRef(null),c=e.useCallback((function(){i.error=void 0}),[i]),u=null;switch(null===(a=i.error)||void 0===a?void 0:a.type){case o.PAYMENT_ERROR:u=e.createElement(n,{error:i.error,onClose:c});break;case o.NO_SHIPPING_ERROR:u=e.createElement(l,{onClose:c});break;case o.CUSTOMER_LOGIN_REQUIRED_ERROR:u=e.createElement(m,{vm:i,onClose:c});break;case o.API_ERROR:case o.UNKNOWN:u=e.createElement(t,{onClose:c});break;default:u=null}return u?(s.current&&s.current.scrollIntoView(),e.createElement("div",{ref:s,style:{marginBottom:"24px"}},u)):null}));export{a as default};

package/build/components/checkout/components/error/no-shipping-error/index.d.ts

@@ -0,0 +1,6 @@
+import * as React from "react";
+declare type Props = {
+    onClose: () => void;
+};
+export declare const NoShippingError: React.FC<Props>;
+export {};

package/build/components/checkout/components/error/no-shipping-error/index.js

@@ -0,0 +1 @@
+import*as o from"react";import{observer as e}from"mobx-react-lite";import r from"../../notification-box/index.js";import"../../../../../storefront/index.js";import'../../../../../ext/lodash/isArguments.js';import'../../../../../ext/lodash/isBuffer.js';import'../../../../../ext/lodash/isTypedArray.js';import'../../../../../ext/lodash/_baseGetTag.js';import{useTranslation as t}from"../../../../../utils/i18n.js";var s=e((function(e){var s=e.onClose,i=t().t;return o.createElement(r,{type:"warning",content:i("checkout-page:errorNoShipping"),onClose:s})}));export{s as NoShippingError};

package/build/components/checkout/components/error/payment-error/index.d.ts

@@ -0,0 +1,8 @@
+import * as React from "react";
+import { CheckoutError } from "../../../../../components/checkout/model";
+declare type Props = {
+    error?: CheckoutError | null;
+    onClose: () => void;
+};
+export declare const PaymentError: React.FC<Props>;
+export {};

package/build/components/checkout/components/error/payment-error/index.js

@@ -0,0 +1 @@
+import*as o from"react";import{observer as r}from"mobx-react-lite";import e from"../../notification-box/index.js";import"../../../../../storefront/index.js";import'../../../../../ext/lodash/isArguments.js';import'../../../../../ext/lodash/isBuffer.js';import'../../../../../ext/lodash/isTypedArray.js';import'../../../../../ext/lodash/_baseGetTag.js';import{useTranslation as t}from"../../../../../utils/i18n.js";var s=r((function(r){var s=r.error,i=r.onClose,m=t().t;return o.createElement(e,{type:"error",content:(null==s?void 0:s.data)||m("checkout-page:errorPayment"),onClose:i})}));export{s as PaymentError};

package/build/components/checkout/components/error/stock-error/index.d.ts

@@ -0,0 +1,8 @@
+import * as React from "react";
+import CheckoutViewModel, { CheckoutError } from "../../../../../components/checkout/model";
+declare type Props = {
+    vm: CheckoutViewModel;
+    error: CheckoutError;
+};
+export declare const StockError: React.FC<Props>;
+export {};

package/build/components/checkout/components/error/stock-error/index.js

@@ -0,0 +1 @@
+import{__awaiter as e,__generator as t}from'../../../../../ext/tslib/tslib.es6.js';import*as o from"react";import{observer as r}from"mobx-react-lite";import i from"../../notification-box/index.js";import{CartItem as n}from"../../cart-summary/cart-item/index.js";import a from"./style.module.scss.js";import{Button as s}from"../../button/index.js";import"../../../../../storefront/index.js";import'../../../../../ext/lodash/isArguments.js';import'../../../../../ext/lodash/isBuffer.js';import'../../../../../ext/lodash/isTypedArray.js';import'../../../../../ext/lodash/_baseGetTag.js';import{useTranslation as c}from"../../../../../utils/i18n.js";var l=r((function(r){var l=r.vm,m=r.error,d=c().t,u=o.useState(!1),p=u[0],v=u[1],f=m.data,h=o.useCallback((function(){return e(void 0,void 0,void 0,(function(){var e;return t(this,(function(t){switch(t.label){case 0:return v(!0),[4,l.removeUnavailableItems(f)];case 1:return t.sent(),f.length===(null===(e=l.cart)||void 0===e?void 0:e.items.length)?l.onBackToShoppingClick():window.location.reload(),[2]}}))}))}),[l]);return o.createElement(i,{type:"warning",title:d("checkout-page:errorStockTitle"),content:o.createElement("div",null,o.createElement("div",{className:a.Description},d("checkout-page:errorStockDescription")),f.map((function(e,t){var r;return o.createElement("div",{key:t},o.createElement(n,{vm:l,cartItem:e,currencyCode:(null===(r=l.checkout.cart)||void 0===r?void 0:r.currencyCode)||""}))})),o.createElement("div",{className:a.Actions},o.createElement(s,{style:{width:"100%"},text:d("checkout-page:actions.backToCart"),isLine:!0,isDisabled:p,onClick:l.onGoToCartClick}),o.createElement(s,{style:{width:"100%"},text:d("checkout-page:actions.continue"),isLoading:p,onClick:h})))})}));export{l as StockError};

package/build/components/checkout/components/error/stock-error/style.module.scss.js

@@ -0,0 +1 @@
+import t from'../../../../../ext/style-inject/dist/style-inject.es.js';var e={Actions:"style-module_Actions__ttsEZ",Description:"style-module_Description__3BMvk"};t(".style-module_Actions__ttsEZ {\n  display: grid;\n  grid-template-columns: 1fr 1fr;\n  grid-gap: 16px;\n}\n\n.style-module_Description__3BMvk {\n  margin-bottom: 24px;\n}");export{e as default};

package/build/components/checkout/components/error/unknown-error/index.d.ts

@@ -0,0 +1,6 @@
+import * as React from "react";
+declare type Props = {
+    onClose: () => void;
+};
+export declare const UnknownError: React.FC<Props>;
+export {};

package/build/components/checkout/components/error/unknown-error/index.js

@@ -0,0 +1 @@
+import*as o from"react";import{observer as e}from"mobx-react-lite";import r from"../../notification-box/index.js";import"../../../../../storefront/index.js";import'../../../../../ext/lodash/isArguments.js';import'../../../../../ext/lodash/isBuffer.js';import'../../../../../ext/lodash/isTypedArray.js';import'../../../../../ext/lodash/_baseGetTag.js';import{useTranslation as t}from"../../../../../utils/i18n.js";var s=e((function(e){var s=e.onClose,n=t().t;return o.createElement(r,{type:"error",content:o.createElement("div",null,n("checkout-page:errorUnknown")),onClose:s})}));export{s as UnknownError};

package/build/components/checkout/components/expandable-section/index.d.ts

@@ -0,0 +1,6 @@
+import * as React from "react";
+declare type ExpandableSectionProps = {
+    title: string;
+};
+declare const _default: React.FunctionComponent<ExpandableSectionProps>;
+export default _default;

package/build/components/checkout/components/expandable-section/index.js

@@ -0,0 +1 @@
+import*as e from"react";import{observer as t}from"mobx-react-lite";import s from"./style.module.scss.js";import"../../../../storefront/index.js";import'../../../../ext/lodash/isArguments.js';import'../../../../ext/lodash/isBuffer.js';import'../../../../ext/lodash/isTypedArray.js';import'../../../../ext/lodash/_baseGetTag.js';import{useTranslation as o}from"../../../../utils/i18n.js";var a=t((function(t){var a=t.title,r=t.children,i=o().t,m=e.useState(!1),l=m[0],n=m[1];return e.createElement("div",{className:s.ExpandableSection},e.createElement("div",{className:s.Top},e.createElement("div",{className:s.Title},a),e.createElement("div",{className:s.HideBtn,onClick:function(){return n(!l)}},i(l?"checkout-page:actions.hide":"checkout-page:actions.show"))),l&&!!r&&e.createElement("div",{className:s.Content},r))}));export{a as default};

package/build/components/checkout/components/expandable-section/style.module.scss.js

@@ -0,0 +1 @@
+import e from'../../../../ext/style-inject/dist/style-inject.es.js';var n={ExpandableSection:"style-module_ExpandableSection__2JTCI",Top:"style-module_Top__3j_E0",Title:"style-module_Title__2w3G9",HideBtn:"style-module_HideBtn__xC3Ix",Content:"style-module_Content__3TXDF"};e(".style-module_ExpandableSection__2JTCI {\n  border-bottom: 1px solid var(--checkout-border-color);\n}\n.style-module_ExpandableSection__2JTCI .style-module_Top__3j_E0 {\n  padding: 24px 0;\n  display: flex;\n  justify-content: space-between;\n  align-items: center;\n  user-select: none;\n}\n.style-module_ExpandableSection__2JTCI .style-module_Top__3j_E0 .style-module_Title__2w3G9 {\n  font-weight: 600;\n  font-size: 20px;\n  line-height: 32px;\n}\n.style-module_ExpandableSection__2JTCI .style-module_Top__3j_E0 .style-module_HideBtn__xC3Ix {\n  font-size: 14px;\n  cursor: pointer;\n  user-select: none;\n}\n.style-module_ExpandableSection__2JTCI .style-module_Content__3TXDF {\n  padding-bottom: 24px;\n}");export{n as default};

package/build/components/checkout/components/form-item/caret-down.d.ts

@@ -0,0 +1,6 @@
+import * as React from "react";
+declare type Props = {
+    className?: string;
+};
+declare const SVGCaretDown: React.FC<Props>;
+export default SVGCaretDown;

package/build/components/checkout/components/form-item/caret-down.js

@@ -0,0 +1 @@
+import*as e from"react";var t=function(t){var a=t.className;return e.createElement("svg",{xmlns:"http://www.w3.org/2000/svg",viewBox:"0 0 24 24",width:"24",height:"24",className:a},e.createElement("path",{fill:"none",d:"M0 0h24v24H0z"}),e.createElement("path",{fill:"currentColor",d:"M12 16l-6-6h12z"}))};export{t as default};

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

@@ -0,0 +1,3 @@
+import * as React from "react";
+import { Props } from "./model";
+export declare const FormItem: React.FC<Props>;

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

@@ -0,0 +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 l from"./style.module.scss.js";import u from'../../../../ext/@ikas/react-phone-number-input/min/index.js';import"../../../../storefront/index.js";import'../../../../ext/lodash/isArguments.js';import'../../../../ext/lodash/isBuffer.js';import'../../../../ext/lodash/isTypedArray.js';import'../../../../ext/lodash/_baseGetTag.js';import{useTranslation as i}from"../../../../utils/i18n.js";import c from'../../../../ext/react-tooltip/dist/index.es.js';var s=n((function(n){var a=i().t,s=e.useState((function(){return new o(n)})),d=s[0],E=s[1];return e.useEffect((function(){c.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.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:l.FormItemWrapper},e.createElement("div",{className:l.FormItemInputWrapper},e.createElement("label",{className:d.labelStyle},d.label),d.type===r.TEXT&&e.createElement(m,{vm:d,autocomplete:n.autocomplete,name:n.name}),d.type===r.TEL&&e.createElement(u,{key:n.currentCountryCode||"1",defaultCountry:n.currentCountryCode,placeholder:a("checkout-page:enterPhoneNumber"),value:d.value?d.value:"",onChange:d.onPhoneChange,international:!0,addInternationalOption:!1}),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:l.ErrorMsg},d.errorText||""),!!n.tooltipText&&e.createElement("div",{className:l.FormItemTooltipContainer,"data-tip":n.tooltipText,"data-event":"touchstart focus mouseover","data-event-off":"mouseout"},"?"),!!d.rightContent&&e.createElement("div",{className:l.RightContent},d.rightContent)))})),m=n((function(t){var n=t.vm,o=t.name,r=t.autocomplete,a=t.type;return e.createElement("input",{type:a||"text",name:o,autoComplete:r,inputMode:n.inputType||"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,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,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.value,selected:o.value===t.value},t.label)}))),e.createElement("div",{className:l.ArrowContainer},e.createElement(a,null)))}));export{s as FormItem};

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

@@ -0,0 +1,59 @@
+/// <reference types="react" />
+export default class FormItemViewModel implements Props {
+    type: FormItemType;
+    inputType?: FormItemInputType;
+    options?: FormItemSelectOption[];
+    label: string;
+    value?: string;
+    hasError?: boolean;
+    errorText?: string;
+    tooltipText?: string;
+    country?: string | null;
+    textAreaPlaceholder?: string | null;
+    rightContent?: React.ReactElement | null;
+    disableResize?: boolean;
+    onChange: (value: string) => void;
+    constructor(props: Props);
+    get formItemStyle(): string;
+    get labelStyle(): string;
+    get inputStyle(): string;
+    onValueChange: (e: React.ChangeEvent<HTMLInputElement>) => void;
+    onTextAreaValueChange: (e: React.ChangeEvent<HTMLTextAreaElement>) => void;
+    onSelectChange: (e: React.ChangeEvent<HTMLSelectElement>) => void;
+    onPhoneChange: (value: string) => void;
+    onCountryChange: (value: string | undefined) => void;
+}
+export interface Props {
+    type: FormItemType;
+    inputType?: FormItemInputType;
+    options?: FormItemSelectOption[];
+    label: string;
+    value?: string;
+    hasError?: boolean;
+    errorText?: string;
+    name?: string;
+    autocomplete?: string;
+    tooltipText?: string;
+    country?: string | null;
+    currentCountryCode?: string | null;
+    style?: React.CSSProperties;
+    textAreaPlaceholder?: string | null;
+    rightContent?: React.ReactElement | null;
+    disableResize?: boolean;
+    onChange: (value: string) => void;
+}
+export declare enum FormItemType {
+    TEXT = 0,
+    TEXT_AREA = 1,
+    SELECT = 2,
+    TEL = 3
+}
+export declare type FormItemSelectOption = {
+    value: string;
+    label: string;
+};
+export declare enum FormItemInputType {
+    NUMERIC = "numeric",
+    TEL = "tel",
+    EMAIL = "email"
+}

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

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