@ikas/storefront 6.1.0-beta.19 → 6.1.0-beta.190

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

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

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

@@ -1 +1 @@
-import e from'./../../../../ext/style-inject/dist/style-inject.es.js';var t={Button:"style-module_Button__6nJbC",Large:"style-module_Large__hkKzC",Medium:"style-module_Medium__mIppZ",Dark:"style-module_Dark__wBpK-",Disabled:"style-module_Disabled__q1oR3",FullWidthMobile:"style-module_FullWidthMobile__u3WzK",Line:"style-module_Line__CskG8",loader:"style-module_loader__0mmjk",load8:"style-module_load8__RHKLN"};e(".style-module_Button__6nJbC {\n  cursor: pointer;\n  user-select: none;\n  border: 1px transparent solid;\n  border-radius: 8px;\n  font-weight: 600 !important;\n  text-align: center;\n  position: relative;\n  transition: all 0.2s;\n  display: flex;\n  justify-content: center;\n  align-items: center;\n}\n.style-module_Button__6nJbC:focus {\n  outline: 0;\n}\n.style-module_Button__6nJbC.style-module_Large__hkKzC {\n  height: 56px;\n  padding: 0 24px;\n}\n.style-module_Button__6nJbC.style-module_Medium__mIppZ {\n  height: 48px;\n  padding: 0 16px;\n}\n.style-module_Button__6nJbC.style-module_Dark__wBpK- {\n  background-color: var(--checkout-button-bg-color);\n  color: var(--checkout-button-text-color);\n}\n.style-module_Button__6nJbC.style-module_Disabled__q1oR3 {\n  background-color: var(--checkout-button-disabled-bg-color);\n  color: var(--checkout-button-disabled-text-color);\n  pointer-events: none;\n}\n@media only screen and (max-width: 1000px) {\n  .style-module_Button__6nJbC.style-module_FullWidthMobile__u3WzK {\n    width: 100%;\n  }\n}\n.style-module_Button__6nJbC.style-module_Line__CskG8 {\n  background-color: var(--checkout-secondary-button-bg-color);\n  border-color: var(--checkout-secondary-button-border-color);\n  color: var(--checkout-secondary-button-text-color);\n}\n.style-module_Button__6nJbC.style-module_Line__CskG8 .style-module_loader__0mmjk {\n  border-left: 0.5em solid var(--checkout-button-bg-color);\n}\n.style-module_Button__6nJbC .style-module_loader__0mmjk,\n.style-module_Button__6nJbC .style-module_loader__0mmjk:after {\n  border-radius: 50%;\n  width: 5em;\n  height: 5em;\n}\n.style-module_Button__6nJbC .style-module_loader__0mmjk {\n  font-size: 6px;\n  position: relative;\n  text-indent: -9999em;\n  border-top: 0.5em solid rgba(255, 255, 255, 0.2);\n  border-right: 0.5em solid rgba(255, 255, 255, 0.2);\n  border-bottom: 0.5em solid rgba(255, 255, 255, 0.2);\n  border-left: 0.5em solid var(--checkout-button-text-color);\n  -webkit-transform: translateZ(0);\n  -ms-transform: translateZ(0);\n  transform: translateZ(0);\n  -webkit-animation: style-module_load8__RHKLN 1.1s infinite linear;\n  animation: style-module_load8__RHKLN 1.1s infinite linear;\n}\n@-webkit-keyframes style-module_load8__RHKLN {\n  0% {\n    -webkit-transform: rotate(0deg);\n    transform: rotate(0deg);\n  }\n  100% {\n    -webkit-transform: rotate(360deg);\n    transform: rotate(360deg);\n  }\n}\n@keyframes style-module_load8__RHKLN {\n  0% {\n    -webkit-transform: rotate(0deg);\n    transform: rotate(0deg);\n  }\n  100% {\n    -webkit-transform: rotate(360deg);\n    transform: rotate(360deg);\n  }\n}");export{t as default};
+import e from'./../../../../ext/style-inject/dist/style-inject.es.js';var t={Button:"style-module_Button__6nJbC",Large:"style-module_Large__hkKzC",Medium:"style-module_Medium__mIppZ",Dark:"style-module_Dark__wBpK-",Disabled:"style-module_Disabled__q1oR3",FullWidthMobile:"style-module_FullWidthMobile__u3WzK",Line:"style-module_Line__CskG8",loader:"style-module_loader__0mmjk",load8:"style-module_load8__RHKLN"};e(".style-module_Button__6nJbC {\n  cursor: pointer;\n  user-select: none;\n  border: 1px transparent solid;\n  border-radius: 8px;\n  font-weight: 600 !important;\n  text-align: center;\n  position: relative;\n  transition: all 0.2s;\n  display: flex;\n  justify-content: center;\n  align-items: center;\n}\n.style-module_Button__6nJbC:focus {\n  outline: 0;\n}\n.style-module_Button__6nJbC.style-module_Large__hkKzC {\n  height: 56px;\n  padding: 0 24px;\n}\n.style-module_Button__6nJbC.style-module_Medium__mIppZ {\n  height: 48px;\n  padding: 0 16px;\n}\n.style-module_Button__6nJbC.style-module_Dark__wBpK- {\n  background-color: var(--checkout-button-bg-color);\n  color: var(--checkout-button-text-color);\n}\n.style-module_Button__6nJbC.style-module_Dark__wBpK-:hover {\n  color: var(--checkout-button-text-color);\n}\n.style-module_Button__6nJbC.style-module_Disabled__q1oR3 {\n  background-color: var(--checkout-button-disabled-bg-color);\n  color: var(--checkout-button-disabled-text-color);\n  pointer-events: none;\n}\n.style-module_Button__6nJbC.style-module_Disabled__q1oR3:hover {\n  color: var(--checkout-button-disabled-text-color);\n}\n@media only screen and (max-width: 1000px) {\n  .style-module_Button__6nJbC.style-module_FullWidthMobile__u3WzK {\n    width: 100%;\n  }\n}\n.style-module_Button__6nJbC.style-module_Line__CskG8 {\n  background-color: var(--checkout-secondary-button-bg-color);\n  border-color: var(--checkout-secondary-button-border-color);\n  color: var(--checkout-secondary-button-text-color);\n}\n.style-module_Button__6nJbC.style-module_Line__CskG8 .style-module_loader__0mmjk {\n  border-left: 0.5em solid var(--checkout-button-bg-color);\n}\n.style-module_Button__6nJbC.style-module_Line__CskG8:hover {\n  color: var(--checkout-secondary-button-text-color);\n}\n.style-module_Button__6nJbC .style-module_loader__0mmjk,\n.style-module_Button__6nJbC .style-module_loader__0mmjk:after {\n  border-radius: 50%;\n  width: 5em;\n  height: 5em;\n}\n.style-module_Button__6nJbC .style-module_loader__0mmjk {\n  font-size: 6px;\n  position: relative;\n  text-indent: -9999em;\n  border-top: 0.5em solid rgba(255, 255, 255, 0.2);\n  border-right: 0.5em solid rgba(255, 255, 255, 0.2);\n  border-bottom: 0.5em solid rgba(255, 255, 255, 0.2);\n  border-left: 0.5em solid var(--checkout-button-text-color);\n  -webkit-transform: translateZ(0);\n  -ms-transform: translateZ(0);\n  transform: translateZ(0);\n  -webkit-animation: style-module_load8__RHKLN 1.1s infinite linear;\n  animation: style-module_load8__RHKLN 1.1s infinite linear;\n}\n@-webkit-keyframes style-module_load8__RHKLN {\n  0% {\n    -webkit-transform: rotate(0deg);\n    transform: rotate(0deg);\n  }\n  100% {\n    -webkit-transform: rotate(360deg);\n    transform: rotate(360deg);\n  }\n}\n@keyframes style-module_load8__RHKLN {\n  0% {\n    -webkit-transform: rotate(0deg);\n    transform: rotate(0deg);\n  }\n  100% {\n    -webkit-transform: rotate(360deg);\n    transform: rotate(360deg);\n  }\n}");export{t as default};

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

@@ -1 +1 @@
-import*as e from"react";import{observer as t}from"mobx-react-lite";import"../../../../../models/data/blog/category/index.js";import"../../../../../models/data/blog/content/index.js";import"../../../../../models/data/blog/meta-data/index.js";import"../../../../../models/data/blog/tag/index.js";import"../../../../../models/data/blog/index.js";import"../../../../../models/data/brand/index.js";import{IkasProductOptionType as a}from"@ikas/storefront-models";import"mobx";import"../../../../../models/data/campaign-offer/index.js";import"../../../../../models/data/cart/campaign-offer/index.js";import"../../../../../models/data/cart/index.js";import"../../../../../models/data/category/path-item/index.js";import"../../../../../models/data/category/index.js";import"../../../../../models/data/checkout/index.js";import"../../../../../models/data/checkout-settings/index.js";import"../../../../../models/data/city/index.js";import"../../../../../models/data/country/index.js";import"../../../../../models/data/customer/address/region/index.js";import"../../../../../models/data/customer/address/index.js";import"../../../../../models/data/customer/address/ikas-localized-customer-address.js";import"../../../../../models/data/customer/attribute/index.js";import"../../../../../models/data/customer/review/summary/index.js";import"../../../../../models/data/customer/review/index.js";import"../../../../../models/data/customer/index.js";import"../../../../../models/data/customer-form-data-input/index.js";import"../../../../../models/data/district/index.js";import"../../../../../models/data/favorite-product/index.js";import"../../../../../models/data/filter-category/index.js";import"../../../../../models/data/html-meta-data/index.js";import"../../../../../models/data/image/index.js";import"../../../../../models/data/order/address/region/index.js";import"../../../../../models/data/order/address/index.js";import"../../../../../models/data/order/line-item/option/value/index.js";import"../../../../../models/data/order/line-item/variant/value/index.js";import"../../../../../models/data/order/line-item/variant/index.js";import"../../../../../models/data/order/line-item/index.js";import"../../../../../models/data/order/order-transaction-with-prices/index.js";import"../../../../../models/data/order/package/index.js";import"../../../../../models/data/order/transaction/index.js";import"../../../../../models/data/order/index.js";import"../../../../../models/data/payment-gateway/index.js";import"../../../../../models/data/product/attribute-value/index.js";import"../../../../../models/data/product/filter/index.js";import"../../../../../models/data/product/campaign-offer/index.js";import"../../../../../models/data/product/option-set/option/index.js";import"../../../../../models/data/product/option-set/index.js";import"../../../../../models/data/product/stock-location/index.js";import"../../../../../models/data/product/variant/price/index.js";import"../../../../../models/data/product/variant/index.js";import"../../../../../models/data/variant-type/index.js";import"../../../../../models/data/product/index.js";import"../../../../../models/data/raffle/index.js";import"../../../../../models/data/shipping-zone/state/city/district/region/index.js";import"../../../../../models/data/state/index.js";import"../../../../../models/data/storefront-popup/storefront-popup-display-filter/index.js";import"../../../../../models/data/storefront-popup/storefront-popup-display-settings/index.js";import"../../../../../models/data/storefront-popup/storefront-popup-page-filter/index.js";import"../../../../../models/data/storefront-popup/index.js";import"../../../../../models/data/theme-json/index.js";import"../../../../../models/data/theme-json/component/index.js";import"../../../../../models/data/theme-json/custom-data/index.js";import"../../../../../models/data/variant-type/variant-value/index.js";import"@ikas/localized-address";import"../../../../../models/ui/blog-list/index.js";import"../../../../../models/ui/blog-category-list/index.js";import"../../../../../models/ui/brand-list/index.js";import"../../../../../models/ui/category-list/index.js";import"../../../../../models/ui/product-list/index.js";import"../../../../../models/ui/product-attribute-detail/index.js";import"../../../../../models/ui/product-attribute-list/index.js";import"../../../../../models/ui/customer-review-list/index.js";import"../../../../../models/ui/customer-review-summary-list/index.js";import"../../../../../models/ui/validator/index.js";import"../../../../../models/ui/validator/rules/index.js";import"../../../../../models/ui/validator/form/login.js";import"../../../../../models/ui/validator/form/address.js";import"../../../../../models/ui/validator/form/ikas-address.js";import"../../../../../models/ui/validator/form/register.js";import"../../../../../models/ui/validator/form/contact-form.js";import"../../../../../models/ui/validator/form/forgot-password.js";import"../../../../../models/ui/validator/form/recover-password.js";import"../../../../../models/ui/validator/form/account-info.js";import"../../../../../models/ui/validator/form/raffle-form.js";import"../../../../../models/ui/validator/form/customer-review.js";import"../../../../../models/ui/raffle-list/index.js";import{formatDate as i}from"../../../../../utils/helper.js";import"@ikas/storefront-config";import{useTranslation as o}from"../../../../../utils/i18n.js";import{Modal as r}from"../../modal/index.js";import{BundleProductItem as s}from"./bundle-product-item/index.js";import m from"./svg/arrow-right.js";import n from"./svg/arrow-down.js";import d from"./style.module.scss.js";var l=t((function(t){var l,c,u,p,v;t.vm,t.currencyCode;var j=t.cartItem,x=t.stockErrorItem,f=t.onChange,g=t.isSuccessPageSummary,E=o().t,N=!x,y=e.useRef(null),h=e.useState(0),P=h[0],b=h[1],C=e.useState(!1),k=C[0],O=C[1],w=e.useState(!1),T=w[0],I=w[1];e.useEffect((function(){if(y.current){var e=24;Array.from(y.current.children).map((function(t){return e=e+t.clientHeight+12})),b(e)}}),[]),e.useEffect((function(){y.current&&(y.current.style.maxHeight=T?"".concat(P,"px"):"0")}),[T]);var R=e.useMemo((function(){var t;return e.createElement("div",null,null===(t=j.options)||void 0===t?void 0:t.map((function(t){switch(t.type){case a.TEXT:case a.TEXT_AREA:case a.CHOICE:return e.createElement("div",{className:d.OptionRow},e.createElement("div",{className:d.OptionName},t.name),e.createElement("div",{className:d.OptionValue},t.values.map((function(e){return e.name||e.value})).join(", ")));case a.DATE_PICKER:return e.createElement("div",{className:d.OptionRow},e.createElement("div",{className:d.OptionName},t.name),e.createElement("div",{className:d.OptionValue},t.values.map((function(e){return t=e.value,(a=i(new Date(t)).split(" ")).splice(-1),a.join(" ");var t,a})).join(", ")));case a.FILE:return e.createElement("div",{className:d.OptionRow},e.createElement("div",{className:d.OptionName},t.name),e.createElement("div",{className:d.OptionValue},t.values.map((function(e){return t=e.value,decodeURIComponent(t.split("/")[t.split("/").length-1]);var t})).join(", ")));case a.CHECKBOX:return e.createElement("div",{className:d.OptionRow},e.createElement("div",{className:d.OptionName},t.name),e.createElement("div",{className:d.OptionValue},t.values.length&&"true"===t.values[0].value?E("checkout-page:yes"):E("checkout-page:no")));case a.COLOR_PICKER:return e.createElement("div",{className:d.OptionRow},e.createElement("div",{className:d.OptionName},t.name),e.createElement("div",{className:d.OptionsHorContainer},t.values.map((function(t,a){return e.createElement("div",{key:a,className:d.OptionColorValue,style:{backgroundColor:t.value}})}))))}})))}),[]),S=[d.BundleProductsContainer,T?d.VisibleBundleProducts:""].join(" "),Q=(null===(l=j.variant.bundleProducts)||void 0===l?void 0:l.reduce((function(e,t){return e+t.quantity}),0))||0;return e.createElement(e.Fragment,null,e.createElement("div",{className:d.CheckoutItem},e.createElement("div",{className:[d.ImageContainer,g?d.SuccessPageImageContainer:""].join(" ")},e.createElement("img",{className:d.Image,src:null===(c=j.variant.mainImage)||void 0===c?void 0:c.thumbnailSrc}),e.createElement("div",{className:d.QuantityCircle},j.quantity)),e.createElement("div",{className:d.Center},!!x&&e.createElement("div",{className:d.StockErrorItemMain},e.createElement("span",null,j.quantity," ",E("checkout-page:quantity")),e.createElement("span",null,e.createElement(m,null)),e.createElement("span",null,x.stockCount<0?0:x.stockCount," ",E("checkout-page:quantity"))),e.createElement("div",{className:[d.Name,g?d.SuccessPageName:""].join(" ")},j.variant.name),e.createElement("div",{className:[d.LightText,g?"":d.Small].join(" ")},null===(u=j.variant.variantValues)||void 0===u?void 0:u.map((function(e){return e.variantValueName})).join(" / ")),!!g&&N&&e.createElement("div",{className:[d.Right,g?d.SuccessPagePriceMain:""].join(" ")},e.createElement("div",{className:d.Price},!!j.overridenPriceWithQuantity&&e.createElement("span",{className:d.GrayPrice},j.formattedOverridenPriceWithQuantity),e.createElement("span",{className:d.FinalPrice},j.formattedFinalPriceWithQuantity)),j.unitPriceText&&e.createElement("div",{className:[d.LightText,d.Small].join(" ")},j.unitPriceText)),!!(null===(p=j.options)||void 0===p?void 0:p.length)&&e.createElement("div",{className:d.OptionsText,onClick:function(){return O(!0)}},E("checkout-page:customizedProduct")),j.variant.bundleProducts&&0!==j.variant.bundleProducts.length&&e.createElement("div",{className:d.BundleProducts,onClick:function(){I(!T),f&&setTimeout((function(){f(!T)}),200)}},E("checkout-page:bundleProductsQuantity",{value:Q}),e.createElement("span",{style:{paddingTop:2,transform:T?void 0:"rotate(180deg)"}},e.createElement(n,null))),!!k&&e.createElement(r,{title:j.variant.name,modalContent:R,onClose:function(){return O(!1)}})),N&&!g&&e.createElement("div",{className:d.Right},e.createElement("div",{className:d.Price},!!j.overridenPriceWithQuantity&&e.createElement("span",{className:d.GrayPrice},j.formattedOverridenPriceWithQuantity),e.createElement("span",null,j.formattedFinalPriceWithQuantity)),j.unitPriceText&&e.createElement("div",{className:[d.LightText,d.Small].join(" ")},j.unitPriceText))),e.createElement("div",{ref:y,className:S},null===(v=j.variant.bundleProducts)||void 0===v?void 0:v.map((function(t){return e.createElement(s,{bundleProduct:t})}))))}));export{l as CartItem};
+import*as e from"react";import{observer as t}from"mobx-react-lite";import"../../../../../models/data/blog/category/index.js";import"../../../../../models/data/blog/content/index.js";import"../../../../../models/data/blog/meta-data/index.js";import"../../../../../models/data/blog/tag/index.js";import"../../../../../models/data/blog/index.js";import"../../../../../models/data/brand/index.js";import{IkasProductOptionType as a}from"@ikas/storefront-models";import"mobx";import"../../../../../models/data/campaign-offer/index.js";import"../../../../../models/data/cart/campaign-offer/index.js";import"../../../../../models/data/cart/index.js";import"../../../../../models/data/category/path-item/index.js";import"../../../../../models/data/category/index.js";import"../../../../../models/data/checkout/index.js";import"../../../../../models/data/checkout-settings/index.js";import"../../../../../models/data/city/index.js";import"../../../../../models/data/country/index.js";import"../../../../../models/data/customer/address/region/index.js";import"../../../../../models/data/customer/address/index.js";import"../../../../../models/data/customer/address/ikas-localized-customer-address.js";import"../../../../../models/data/customer/attribute/index.js";import"../../../../../models/data/customer/review/summary/index.js";import"../../../../../models/data/customer/review/index.js";import"../../../../../models/data/customer/index.js";import"../../../../../models/data/customer-form-data-input/index.js";import"../../../../../models/data/district/index.js";import"../../../../../models/data/favorite-product/index.js";import"../../../../../models/data/filter-category/index.js";import"../../../../../models/data/html-meta-data/index.js";import"../../../../../models/data/image/index.js";import"../../../../../models/data/order/address/region/index.js";import"../../../../../models/data/order/address/index.js";import"../../../../../models/data/order/line-item/option/value/index.js";import"../../../../../models/data/order/line-item/variant/value/index.js";import"../../../../../models/data/order/line-item/variant/index.js";import"../../../../../models/data/order/line-item/index.js";import"../../../../../models/data/order/order-transaction-with-prices/index.js";import"../../../../../models/data/order/package/index.js";import"../../../../../models/data/order/transaction/index.js";import"../../../../../models/data/order/index.js";import"../../../../../models/data/payment-gateway/index.js";import"../../../../../models/data/product/attribute-value/index.js";import"../../../../../models/data/product/filter/index.js";import"../../../../../models/data/product/campaign-offer/index.js";import"../../../../../models/data/product/option-set/option/index.js";import"../../../../../models/data/product/option-set/index.js";import"../../../../../models/data/product/stock-location/index.js";import"../../../../../models/data/product/variant/price/index.js";import"../../../../../models/data/product/variant/index.js";import"../../../../../models/data/variant-type/index.js";import"../../../../../models/data/product/index.js";import"../../../../../models/data/raffle/index.js";import"../../../../../models/data/shipping-zone/state/city/district/region/index.js";import"../../../../../models/data/state/index.js";import"../../../../../models/data/storefront-popup/storefront-popup-display-filter/index.js";import"../../../../../models/data/storefront-popup/storefront-popup-display-settings/index.js";import"../../../../../models/data/storefront-popup/storefront-popup-page-filter/index.js";import"../../../../../models/data/storefront-popup/index.js";import"../../../../../models/data/theme-json/index.js";import"../../../../../models/data/theme-json/component/index.js";import"../../../../../models/data/theme-json/custom-data/index.js";import"../../../../../models/data/variant-type/variant-value/index.js";import"@ikas/localized-address";import"../../../../../models/ui/blog-list/index.js";import"../../../../../models/ui/blog-category-list/index.js";import"../../../../../models/ui/brand-list/index.js";import"../../../../../models/ui/category-list/index.js";import"../../../../../models/ui/product-list/index.js";import"../../../../../models/ui/product-attribute-detail/index.js";import"../../../../../models/ui/product-attribute-list/index.js";import"../../../../../models/ui/customer-review-list/index.js";import"../../../../../models/ui/customer-review-summary-list/index.js";import"../../../../../models/ui/validator/index.js";import"../../../../../models/ui/validator/rules/index.js";import"../../../../../models/ui/validator/form/login.js";import"../../../../../models/ui/validator/form/address.js";import"../../../../../models/ui/validator/form/ikas-address.js";import"../../../../../models/ui/validator/form/register.js";import"../../../../../models/ui/validator/form/contact-form.js";import"../../../../../models/ui/validator/form/forgot-password.js";import"../../../../../models/ui/validator/form/recover-password.js";import"../../../../../models/ui/validator/form/account-info.js";import"../../../../../models/ui/validator/form/raffle-form.js";import"../../../../../models/ui/validator/form/customer-review.js";import"../../../../../models/ui/raffle-list/index.js";import{formatDate as i}from"../../../../../utils/helper.js";import"@ikas/storefront-config";import{useTranslation as o}from"../../../../../utils/i18n.js";import{Modal as r}from"../../modal/index.js";import{BundleProductItem as s}from"./bundle-product-item/index.js";import n from"./svg/arrow-right.js";import m from"./svg/arrow-down.js";import d from"../../svg/subscription.js";import l from"./style.module.scss.js";var c=t((function(t){var c,u,p,v,j,x;t.vm,t.currencyCode;var f=t.cartItem,g=t.stockErrorItem,E=t.onChange,N=t.isSuccessPageSummary,y=o().t,h=!g,P=e.useRef(null),b=e.useState(0),C=b[0],k=b[1],O=e.useState(!1),w=O[0],T=O[1],S=e.useState(!1),I=S[0],R=S[1];e.useEffect((function(){if(P.current){var e=24;Array.from(P.current.children).map((function(t){return e=e+t.clientHeight+12})),k(e)}}),[]),e.useEffect((function(){P.current&&(P.current.style.maxHeight=I?"".concat(C,"px"):"0")}),[I]);var Q=e.useMemo((function(){var t;return e.createElement("div",null,null===(t=f.options)||void 0===t?void 0:t.map((function(t){switch(t.type){case a.TEXT:case a.TEXT_AREA:case a.CHOICE:return e.createElement("div",{className:l.OptionRow},e.createElement("div",{className:l.OptionName},t.name),e.createElement("div",{className:l.OptionValue},t.values.map((function(e){return e.name||e.value})).join(", ")));case a.DATE_PICKER:return e.createElement("div",{className:l.OptionRow},e.createElement("div",{className:l.OptionName},t.name),e.createElement("div",{className:l.OptionValue},t.values.map((function(e){return t=e.value,(a=i(new Date(t)).split(" ")).splice(-1),a.join(" ");var t,a})).join(", ")));case a.FILE:return e.createElement("div",{className:l.OptionRow},e.createElement("div",{className:l.OptionName},t.name),e.createElement("div",{className:l.OptionValue},t.values.map((function(e){return t=e.value,decodeURIComponent(t.split("/")[t.split("/").length-1]);var t})).join(", ")));case a.CHECKBOX:return e.createElement("div",{className:l.OptionRow},e.createElement("div",{className:l.OptionName},t.name),e.createElement("div",{className:l.OptionValue},t.values.length&&"true"===t.values[0].value?y("checkout-page:yes"):y("checkout-page:no")));case a.COLOR_PICKER:return e.createElement("div",{className:l.OptionRow},e.createElement("div",{className:l.OptionName},t.name),e.createElement("div",{className:l.OptionsHorContainer},t.values.map((function(t,a){return e.createElement("div",{key:a,className:l.OptionColorValue,style:{backgroundColor:t.value}})}))))}})))}),[]),V=[l.BundleProductsContainer,I?l.VisibleBundleProducts:""].join(" "),W=(null===(c=f.variant.bundleProducts)||void 0===c?void 0:c.reduce((function(e,t){return e+t.quantity}),0))||0;return e.createElement(e.Fragment,null,e.createElement("div",{className:l.CheckoutItem},e.createElement("div",{className:[l.ImageContainer,N?l.SuccessPageImageContainer:""].join(" ")},e.createElement("img",{className:l.Image,src:null===(u=f.variant.mainImage)||void 0===u?void 0:u.thumbnailSrc}),e.createElement("div",{className:l.QuantityCircle},f.quantity)),e.createElement("div",{className:l.Center},!!g&&e.createElement("div",{className:l.StockErrorItemMain},e.createElement("span",null,f.quantity," ",y("checkout-page:quantity")),e.createElement("span",null,e.createElement(n,null)),e.createElement("span",null,g.stockCount<0?0:g.stockCount," ",y("checkout-page:quantity"))),f.subscriptionPlan&&f.subscriptionPlan.period.title&&e.createElement("div",{className:l.SubscriptionPlanTitle},e.createElement(d,null),e.createElement("span",{className:l.SubscriptionPlanTitleText},null===(p=f.subscriptionPlan)||void 0===p?void 0:p.period.title)),e.createElement("div",{className:[l.Name,N?l.SuccessPageName:""].join(" ")},f.variant.name),e.createElement("div",{className:[l.LightText,N?"":l.Small].join(" ")},null===(v=f.variant.variantValues)||void 0===v?void 0:v.map((function(e){return e.variantValueName})).join(" / ")),!!N&&h&&e.createElement("div",{className:[l.Right,N?l.SuccessPagePriceMain:""].join(" ")},e.createElement("div",{className:l.Price},!!f.overridenPriceWithQuantity&&e.createElement("span",{className:l.GrayPrice},f.formattedOverridenPriceWithQuantity),e.createElement("span",{className:l.FinalPrice},f.formattedFinalPriceWithQuantity)),f.unitPriceText&&e.createElement("div",{className:[l.LightText,l.Small].join(" ")},f.unitPriceText)),!!(null===(j=f.options)||void 0===j?void 0:j.length)&&e.createElement("div",{className:l.OptionsText,onClick:function(){return T(!0)}},y("checkout-page:customizedProduct")),f.variant.bundleProducts&&0!==f.variant.bundleProducts.length&&e.createElement("div",{className:l.BundleProducts,onClick:function(){R(!I),E&&setTimeout((function(){E(!I)}),200)}},y("checkout-page:bundleProductsQuantity",{value:W}),e.createElement("span",{style:{paddingTop:2,transform:I?void 0:"rotate(180deg)"}},e.createElement(m,null))),!!w&&e.createElement(r,{title:f.variant.name,modalContent:Q,onClose:function(){return T(!1)}})),h&&!N&&e.createElement("div",{className:l.Right},e.createElement("div",{className:l.Price},!!f.overridenPriceWithQuantity&&e.createElement("span",{className:l.GrayPrice},f.formattedOverridenPriceWithQuantity),e.createElement("span",null,f.formattedFinalPriceWithQuantity)),f.unitPriceText&&e.createElement("div",{className:[l.LightText,l.Small].join(" ")},f.unitPriceText))),e.createElement("div",{ref:P,className:V},null===(x=f.variant.bundleProducts)||void 0===x?void 0:x.map((function(t){return e.createElement(s,{bundleProduct:t})}))))}));export{c as CartItem};

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

@@ -1 +1 @@
-import e from'./../../../../../ext/style-inject/dist/style-inject.es.js';var t={CheckoutItem:"style-module_CheckoutItem__DaU-Y",ImageContainer:"style-module_ImageContainer__Nr1VF",Image:"style-module_Image__EskwT",QuantityCircle:"style-module_QuantityCircle__sv1mk",SuccessPageImageContainer:"style-module_SuccessPageImageContainer__Bzs7z",Center:"style-module_Center__ZOloc",StockErrorItemMain:"style-module_StockErrorItemMain__RprLM",Name:"style-module_Name__z-5-n",SuccessPageName:"style-module_SuccessPageName__N9QRQ",OptionsText:"style-module_OptionsText__7Gcy6",BundleProducts:"style-module_BundleProducts__fbCWu",Right:"style-module_Right__WoFoc",Price:"style-module_Price__4WmJv",GrayPrice:"style-module_GrayPrice__Gtch1",SuccessPagePriceMain:"style-module_SuccessPagePriceMain__Zl1lq",FinalPrice:"style-module_FinalPrice__beHZg",LightText:"style-module_LightText__uO43H",Small:"style-module_Small__peZjv",OptionRow:"style-module_OptionRow__lt6CJ",OptionName:"style-module_OptionName__09oij",OptionValue:"style-module_OptionValue__4fCYP",OptionsHorContainer:"style-module_OptionsHorContainer__eTmOO",OptionColorValue:"style-module_OptionColorValue__oNEyN",BundleProductsContainer:"style-module_BundleProductsContainer__em-6w",VisibleBundleProducts:"style-module_VisibleBundleProducts__YwXXL"};e(".style-module_CheckoutItem__DaU-Y {\n  display: flex;\n  width: 100%;\n  margin-bottom: 24px;\n}\n.style-module_CheckoutItem__DaU-Y:last-child {\n  margin-bottom: 0;\n}\n.style-module_CheckoutItem__DaU-Y .style-module_ImageContainer__Nr1VF {\n  flex: 0 0 auto;\n  width: 80px;\n  height: 74px;\n  position: relative;\n  padding-right: 16px;\n  overflow: hidden;\n  padding-top: 10px;\n}\n@media only screen and (max-width: 375px) {\n  .style-module_CheckoutItem__DaU-Y .style-module_ImageContainer__Nr1VF {\n    width: 72px;\n    height: 66px;\n  }\n}\n.style-module_CheckoutItem__DaU-Y .style-module_ImageContainer__Nr1VF .style-module_Image__EskwT {\n  object-fit: contain;\n  border-radius: 8px;\n  width: 64px;\n  height: 64px;\n}\n@media only screen and (max-width: 375px) {\n  .style-module_CheckoutItem__DaU-Y .style-module_ImageContainer__Nr1VF .style-module_Image__EskwT {\n    width: 56px;\n    height: 56px;\n  }\n}\n.style-module_CheckoutItem__DaU-Y .style-module_ImageContainer__Nr1VF .style-module_QuantityCircle__sv1mk {\n  width: 20px;\n  height: 20px;\n  border-radius: 10px;\n  background-color: var(--checkout-button-bg-color);\n  color: var(--checkout-button-text-color);\n  display: flex;\n  justify-content: center;\n  align-items: center;\n  font-size: 12px;\n  font-weight: 500;\n  position: absolute;\n  top: 0px;\n  right: 8px;\n}\n.style-module_CheckoutItem__DaU-Y .style-module_SuccessPageImageContainer__Bzs7z {\n  overflow: unset;\n  width: unset;\n  height: unset;\n  padding-top: 8px;\n}\n.style-module_CheckoutItem__DaU-Y .style-module_SuccessPageImageContainer__Bzs7z .style-module_Image__EskwT {\n  object-fit: contain;\n  border-radius: 4px;\n  width: 72px;\n  height: 72px;\n  border: 1px solid var(--checkout-border-color);\n}\n@media only screen and (max-width: 375px) {\n  .style-module_CheckoutItem__DaU-Y .style-module_SuccessPageImageContainer__Bzs7z .style-module_Image__EskwT {\n    width: 56px;\n    height: 56px;\n  }\n}\n.style-module_CheckoutItem__DaU-Y .style-module_Center__ZOloc {\n  position: relative;\n  flex: 1 1 auto;\n  padding-top: 10px;\n}\n.style-module_CheckoutItem__DaU-Y .style-module_Center__ZOloc .style-module_StockErrorItemMain__RprLM {\n  display: flex;\n}\n.style-module_CheckoutItem__DaU-Y .style-module_Center__ZOloc .style-module_StockErrorItemMain__RprLM span {\n  margin-right: 6px;\n  font-size: 14px;\n  font-weight: 500;\n  text-transform: lowercase;\n}\n.style-module_CheckoutItem__DaU-Y .style-module_Center__ZOloc .style-module_StockErrorItemMain__RprLM span:first-child {\n  color: var(--checkout-button-disabled-text-color);\n  text-decoration-line: line-through;\n  font-weight: 400;\n}\n.style-module_CheckoutItem__DaU-Y .style-module_Center__ZOloc .style-module_Name__z-5-n {\n  font-size: 14px;\n  font-weight: 600;\n  color: var(--checkout-primary-text-color);\n  line-height: 20px;\n  max-height: 40px;\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__DaU-Y .style-module_Center__ZOloc .style-module_SuccessPageName__N9QRQ {\n  font-size: 16px;\n  font-weight: 500;\n  line-height: 24px;\n  max-height: unset;\n}\n.style-module_CheckoutItem__DaU-Y .style-module_Center__ZOloc .style-module_OptionsText__7Gcy6 {\n  font-size: 12px;\n  color: var(--checkout-primary-text-color);\n  line-height: 16px;\n  margin-top: 2px;\n  user-select: none;\n}\n.style-module_CheckoutItem__DaU-Y .style-module_Center__ZOloc .style-module_OptionsText__7Gcy6:hover {\n  cursor: pointer;\n  text-decoration: underline;\n}\n.style-module_CheckoutItem__DaU-Y .style-module_Center__ZOloc .style-module_BundleProducts__fbCWu {\n  display: flex;\n  align-items: center;\n  gap: 4px;\n  font-size: 12px;\n  color: #6f55ff;\n  line-height: 16px;\n  cursor: pointer;\n}\n.style-module_CheckoutItem__DaU-Y .style-module_Right__WoFoc {\n  flex: 0 0 auto;\n  display: flex;\n  flex-direction: column;\n  align-items: flex-end;\n  padding-left: 12px;\n  padding-top: 10px;\n}\n.style-module_CheckoutItem__DaU-Y .style-module_Right__WoFoc .style-module_Price__4WmJv {\n  font-size: 14px;\n  display: flex;\n  flex-direction: column;\n  align-items: flex-end;\n  color: var(--checkout-primary-text-color);\n}\n.style-module_CheckoutItem__DaU-Y .style-module_Right__WoFoc .style-module_Price__4WmJv span {\n  font-size: 14px;\n  font-weight: 400;\n  line-height: 20px;\n}\n.style-module_CheckoutItem__DaU-Y .style-module_Right__WoFoc .style-module_GrayPrice__Gtch1 {\n  font-size: 14px;\n  color: var(--checkout-secondary-text-color);\n  text-decoration: line-through;\n}\n.style-module_CheckoutItem__DaU-Y .style-module_SuccessPagePriceMain__Zl1lq {\n  align-items: flex-start;\n  padding: 0;\n}\n.style-module_CheckoutItem__DaU-Y .style-module_SuccessPagePriceMain__Zl1lq .style-module_Price__4WmJv {\n  flex-direction: row;\n  align-items: flex-start;\n  column-gap: 8px;\n}\n.style-module_CheckoutItem__DaU-Y .style-module_SuccessPagePriceMain__Zl1lq .style-module_Price__4WmJv .style-module_FinalPrice__beHZg {\n  font-size: 14px;\n  font-weight: 400;\n  line-height: 20px;\n  color: var(--checkout-primary-text-color);\n}\n.style-module_CheckoutItem__DaU-Y .style-module_LightText__uO43H {\n  font-size: 14px;\n  color: var(--checkout-secondary-text-color);\n  line-height: 20px;\n  margin-top: 2px;\n}\n.style-module_CheckoutItem__DaU-Y .style-module_LightText__uO43H.style-module_Small__peZjv {\n  font-size: 12px;\n}\n.style-module_CheckoutItem__DaU-Y .style-module_OptionRow__lt6CJ {\n  display: flex;\n  flex-direction: column;\n  margin-bottom: 24px;\n  max-width: 400px;\n}\n.style-module_CheckoutItem__DaU-Y .style-module_OptionRow__lt6CJ .style-module_OptionName__09oij {\n  font-size: 14px;\n  color: var(--checkout-primary-text-color);\n  margin-right: 8px;\n  font-weight: 500;\n}\n.style-module_CheckoutItem__DaU-Y .style-module_OptionRow__lt6CJ .style-module_OptionValue__4fCYP {\n  font-size: 14px;\n  color: var(--checkout-secondary-text-color);\n}\n.style-module_CheckoutItem__DaU-Y .style-module_OptionRow__lt6CJ .style-module_OptionsHorContainer__eTmOO {\n  display: flex;\n  align-items: center;\n  flex-wrap: wrap;\n}\n.style-module_CheckoutItem__DaU-Y .style-module_OptionRow__lt6CJ .style-module_OptionColorValue__oNEyN {\n  width: 24px;\n  height: 24px;\n  border-radius: 4px;\n  margin-right: 4px;\n}\n\n.style-module_BundleProductsContainer__em-6w {\n  margin-left: 32px;\n  padding-left: 24px;\n  border-left: 1px solid var(--checkout-border-color);\n  margin-top: -8px;\n  overflow: hidden;\n  max-height: 0;\n  transition: max-height 0.2s ease;\n}\n.style-module_BundleProductsContainer__em-6w.style-module_VisibleBundleProducts__YwXXL {\n  max-height: 1000px;\n  margin-bottom: 24px;\n}");export{t as default};
+import e from'./../../../../../ext/style-inject/dist/style-inject.es.js';var t={CheckoutItem:"style-module_CheckoutItem__DaU-Y",ImageContainer:"style-module_ImageContainer__Nr1VF",Image:"style-module_Image__EskwT",QuantityCircle:"style-module_QuantityCircle__sv1mk",SuccessPageImageContainer:"style-module_SuccessPageImageContainer__Bzs7z",Center:"style-module_Center__ZOloc",StockErrorItemMain:"style-module_StockErrorItemMain__RprLM",Name:"style-module_Name__z-5-n",SuccessPageName:"style-module_SuccessPageName__N9QRQ",OptionsText:"style-module_OptionsText__7Gcy6",BundleProducts:"style-module_BundleProducts__fbCWu",Right:"style-module_Right__WoFoc",Price:"style-module_Price__4WmJv",GrayPrice:"style-module_GrayPrice__Gtch1",SuccessPagePriceMain:"style-module_SuccessPagePriceMain__Zl1lq",FinalPrice:"style-module_FinalPrice__beHZg",LightText:"style-module_LightText__uO43H",Small:"style-module_Small__peZjv",OptionRow:"style-module_OptionRow__lt6CJ",OptionName:"style-module_OptionName__09oij",OptionValue:"style-module_OptionValue__4fCYP",OptionsHorContainer:"style-module_OptionsHorContainer__eTmOO",OptionColorValue:"style-module_OptionColorValue__oNEyN",SubscriptionPlanTitle:"style-module_SubscriptionPlanTitle__5NneG",SubscriptionPlanTitleText:"style-module_SubscriptionPlanTitleText__PBeYV",BundleProductsContainer:"style-module_BundleProductsContainer__em-6w",VisibleBundleProducts:"style-module_VisibleBundleProducts__YwXXL"};e(".style-module_CheckoutItem__DaU-Y {\n  display: flex;\n  width: 100%;\n  margin-bottom: 24px;\n}\n.style-module_CheckoutItem__DaU-Y:last-child {\n  margin-bottom: 0;\n}\n.style-module_CheckoutItem__DaU-Y .style-module_ImageContainer__Nr1VF {\n  flex: 0 0 auto;\n  width: 80px;\n  height: 74px;\n  position: relative;\n  padding-right: 16px;\n  overflow: hidden;\n  padding-top: 10px;\n}\n@media only screen and (max-width: 375px) {\n  .style-module_CheckoutItem__DaU-Y .style-module_ImageContainer__Nr1VF {\n    width: 72px;\n    height: 66px;\n  }\n}\n.style-module_CheckoutItem__DaU-Y .style-module_ImageContainer__Nr1VF .style-module_Image__EskwT {\n  object-fit: contain;\n  border-radius: 8px;\n  width: 64px;\n  height: 64px;\n}\n@media only screen and (max-width: 375px) {\n  .style-module_CheckoutItem__DaU-Y .style-module_ImageContainer__Nr1VF .style-module_Image__EskwT {\n    width: 56px;\n    height: 56px;\n  }\n}\n.style-module_CheckoutItem__DaU-Y .style-module_ImageContainer__Nr1VF .style-module_QuantityCircle__sv1mk {\n  width: 20px;\n  height: 20px;\n  border-radius: 10px;\n  background-color: var(--checkout-button-bg-color);\n  color: var(--checkout-button-text-color);\n  display: flex;\n  justify-content: center;\n  align-items: center;\n  font-size: 12px;\n  font-weight: 500;\n  position: absolute;\n  top: 0px;\n  right: 8px;\n}\n.style-module_CheckoutItem__DaU-Y .style-module_SuccessPageImageContainer__Bzs7z {\n  overflow: unset;\n  width: unset;\n  height: unset;\n  padding-top: 8px;\n}\n.style-module_CheckoutItem__DaU-Y .style-module_SuccessPageImageContainer__Bzs7z .style-module_Image__EskwT {\n  object-fit: contain;\n  border-radius: 4px;\n  width: 72px;\n  height: 72px;\n  border: 1px solid var(--checkout-border-color);\n}\n@media only screen and (max-width: 375px) {\n  .style-module_CheckoutItem__DaU-Y .style-module_SuccessPageImageContainer__Bzs7z .style-module_Image__EskwT {\n    width: 56px;\n    height: 56px;\n  }\n}\n.style-module_CheckoutItem__DaU-Y .style-module_Center__ZOloc {\n  position: relative;\n  flex: 1 1 auto;\n  padding-top: 10px;\n}\n.style-module_CheckoutItem__DaU-Y .style-module_Center__ZOloc .style-module_StockErrorItemMain__RprLM {\n  display: flex;\n}\n.style-module_CheckoutItem__DaU-Y .style-module_Center__ZOloc .style-module_StockErrorItemMain__RprLM span {\n  margin-right: 6px;\n  font-size: 14px;\n  font-weight: 500;\n  text-transform: lowercase;\n}\n.style-module_CheckoutItem__DaU-Y .style-module_Center__ZOloc .style-module_StockErrorItemMain__RprLM span:first-child {\n  color: var(--checkout-button-disabled-text-color);\n  text-decoration-line: line-through;\n  font-weight: 400;\n}\n.style-module_CheckoutItem__DaU-Y .style-module_Center__ZOloc .style-module_Name__z-5-n {\n  font-size: 14px;\n  font-weight: 600;\n  color: var(--checkout-primary-text-color);\n  line-height: 20px;\n  max-height: 40px;\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__DaU-Y .style-module_Center__ZOloc .style-module_SuccessPageName__N9QRQ {\n  font-size: 16px;\n  font-weight: 500;\n  line-height: 24px;\n  max-height: unset;\n}\n.style-module_CheckoutItem__DaU-Y .style-module_Center__ZOloc .style-module_OptionsText__7Gcy6 {\n  font-size: 12px;\n  color: var(--checkout-primary-text-color);\n  line-height: 16px;\n  margin-top: 2px;\n  user-select: none;\n}\n.style-module_CheckoutItem__DaU-Y .style-module_Center__ZOloc .style-module_OptionsText__7Gcy6:hover {\n  cursor: pointer;\n  text-decoration: underline;\n}\n.style-module_CheckoutItem__DaU-Y .style-module_Center__ZOloc .style-module_BundleProducts__fbCWu {\n  display: flex;\n  align-items: center;\n  gap: 4px;\n  font-size: 12px;\n  color: #6f55ff;\n  line-height: 16px;\n  cursor: pointer;\n}\n.style-module_CheckoutItem__DaU-Y .style-module_Right__WoFoc {\n  flex: 0 0 auto;\n  display: flex;\n  flex-direction: column;\n  align-items: flex-end;\n  padding-left: 12px;\n  padding-top: 10px;\n}\n.style-module_CheckoutItem__DaU-Y .style-module_Right__WoFoc .style-module_Price__4WmJv {\n  font-size: 14px;\n  display: flex;\n  flex-direction: column;\n  align-items: flex-end;\n  color: var(--checkout-primary-text-color);\n}\n.style-module_CheckoutItem__DaU-Y .style-module_Right__WoFoc .style-module_Price__4WmJv span {\n  font-size: 14px;\n  font-weight: 400;\n  line-height: 20px;\n}\n.style-module_CheckoutItem__DaU-Y .style-module_Right__WoFoc .style-module_GrayPrice__Gtch1 {\n  font-size: 14px;\n  color: var(--checkout-secondary-text-color);\n  text-decoration: line-through;\n}\n.style-module_CheckoutItem__DaU-Y .style-module_SuccessPagePriceMain__Zl1lq {\n  align-items: flex-start;\n  padding: 0;\n}\n.style-module_CheckoutItem__DaU-Y .style-module_SuccessPagePriceMain__Zl1lq .style-module_Price__4WmJv {\n  flex-direction: row;\n  align-items: flex-start;\n  column-gap: 8px;\n}\n.style-module_CheckoutItem__DaU-Y .style-module_SuccessPagePriceMain__Zl1lq .style-module_Price__4WmJv .style-module_FinalPrice__beHZg {\n  font-size: 14px;\n  font-weight: 400;\n  line-height: 20px;\n  color: var(--checkout-primary-text-color);\n}\n.style-module_CheckoutItem__DaU-Y .style-module_LightText__uO43H {\n  font-size: 14px;\n  color: var(--checkout-secondary-text-color);\n  line-height: 20px;\n  margin-top: 2px;\n}\n.style-module_CheckoutItem__DaU-Y .style-module_LightText__uO43H.style-module_Small__peZjv {\n  font-size: 12px;\n}\n.style-module_CheckoutItem__DaU-Y .style-module_OptionRow__lt6CJ {\n  display: flex;\n  flex-direction: column;\n  margin-bottom: 24px;\n  max-width: 400px;\n}\n.style-module_CheckoutItem__DaU-Y .style-module_OptionRow__lt6CJ .style-module_OptionName__09oij {\n  font-size: 14px;\n  color: var(--checkout-primary-text-color);\n  margin-right: 8px;\n  font-weight: 500;\n}\n.style-module_CheckoutItem__DaU-Y .style-module_OptionRow__lt6CJ .style-module_OptionValue__4fCYP {\n  font-size: 14px;\n  color: var(--checkout-secondary-text-color);\n}\n.style-module_CheckoutItem__DaU-Y .style-module_OptionRow__lt6CJ .style-module_OptionsHorContainer__eTmOO {\n  display: flex;\n  align-items: center;\n  flex-wrap: wrap;\n}\n.style-module_CheckoutItem__DaU-Y .style-module_OptionRow__lt6CJ .style-module_OptionColorValue__oNEyN {\n  width: 24px;\n  height: 24px;\n  border-radius: 4px;\n  margin-right: 4px;\n}\n.style-module_CheckoutItem__DaU-Y .style-module_SubscriptionPlanTitle__5NneG {\n  display: flex;\n  align-items: center;\n  gap: 4px;\n  font-size: 12px;\n  color: #5A44D5;\n  background-color: #F7F5FF;\n  height: 20px;\n  border-radius: 4px;\n  border: 1px solid #D5CDFF;\n  width: max-content;\n  padding: 4px;\n}\n.style-module_CheckoutItem__DaU-Y .style-module_SubscriptionPlanTitleText__PBeYV {\n  font-size: 12px;\n  line-height: 18px;\n  font-weight: 500;\n  color: #5A44D5;\n}\n\n.style-module_BundleProductsContainer__em-6w {\n  margin-left: 32px;\n  padding-left: 24px;\n  border-left: 1px solid var(--checkout-border-color);\n  margin-top: -8px;\n  overflow: hidden;\n  max-height: 0;\n  transition: max-height 0.2s ease;\n}\n.style-module_BundleProductsContainer__em-6w.style-module_VisibleBundleProducts__YwXXL {\n  max-height: 1000px;\n  margin-bottom: 24px;\n}");export{t as default};

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

@@ -7,7 +7,8 @@ declare type Props = {
 };
 export declare enum CouponErrorCode {
     COUPON_CODE_NOT_EXIST = "COUPON_CODE_NOT_EXIST",
-    COUPON_CODE_NOT_EXIST_FOR_GUESS = "COUPON_CODE_NOT_EXIST_FOR_GUESS"
+    COUPON_CODE_NOT_EXIST_FOR_GUESS = "COUPON_CODE_NOT_EXIST_FOR_GUESS",
+    COUPON_APPLIED_WITHOUT_DISCOUNT = "COUPON_APPLIED_WITHOUT_DISCOUNT"
 }
 export declare const CartSummary: React.FC<Props>;
 declare type CommonProps = {

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

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

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

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

@@ -2,6 +2,7 @@ import * as React from "react";
 import CustomerAddressesViewModel from "./model";
 declare type Props = {
     vm: CustomerAddressesViewModel;
+    showBillingAddressOnShippingStep?: boolean;
 };
 declare const _default: React.FunctionComponent<Props>;
 export default _default;

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

@@ -1 +1 @@
-import*as e from"react";import{observer as t}from"mobx-react-lite";import s from"../../style.module.scss.js";import r from"../select-box/index.js";import{AddressForm as d}from"../address-form/index.js";import{Checkbox as i}from"../checkbox/index.js";import{FormItem as a}from"../form-item/index.js";import{FormItemType as o}from"../form-item/model.js";import n from"./style.module.scss.js";import l from"../../styles/common.module.scss.js";import{Button as c}from"../button/index.js";import{IkasStorefrontConfig as m}from"@ikas/storefront-config";import{useTranslation as u}from"../../../../utils/i18n.js";import v from"../delivery-methods/index.js";import{CheckoutStep as p}from"../../model.js";var h=t((function(t){var d,i=t.vm,a=u().t,o=e.useMemo((function(){return e.createElement("div",null,e.createElement(g,{vm:i}),e.createElement(k,{vm:i}))}),[i]),h=e.useMemo((function(){return e.createElement("div",null,e.createElement(E,{vm:i}))}),[i]),C=e.useState("-1"),f=C[0],A=C[1];e.useEffect((function(){i.vm.checkout.stockLocationId&&A(i.vm.checkout.stockLocationId)}),[]);var y=function(e){if(!e.address)return"";var t=[];return e.address.address&&t.push(e.address.address),e.address.postalCode&&t.push(e.address.postalCode),e.address.district&&e.address.district.name&&t.push(e.address.district.name),e.address.city&&e.address.city.name&&t.push(e.address.city.name),e.address.state&&e.address.state.name&&"Default"!==e.address.state.name&&t.push(e.address.state.name),e.address.country&&e.address.country.name&&t.push(e.address.country.name),t.join(", ")};return e.createElement(e.Fragment,null,!!m.getPickupStockLocationIds()&&!i.vm.isDigitalOnly&&i.vm.availableStockLocations.length>0&&i.vm.step!==p.PAYMENT&&e.createElement(e.Fragment,null,e.createElement("div",{className:l.FormSectionTitle},e.createElement("div",{className:l.Title},a("checkout-page:deliveryMethod"))),e.createElement(v,{deliveryMethod:i.vm.deliveryMethod,onClick:function(e){"address"===e&&A("-1"),i.vm.onDeliveryMethodChange(e)}})),e.createElement("div",{className:l.FormSectionTitle},"address"===i.vm.deliveryMethod?e.createElement("div",{className:l.Title},i.editingCustomerAddress?a("checkout-page:editAddress"):"billing"===i.addressType?a("checkout-page:billingAddress"):a("checkout-page:shippingAddress")):i.vm.step===p.PAYMENT?e.createElement("div",{className:l.Title},a("checkout-page:billingAddress")):e.createElement("div",{className:l.Title},a("checkout-page:pickUpLocation"),e.createElement("span",{className:n.ErrorMessage},i.vm.isErrorsVisible&&!i.vm.checkout.stockLocationId&&a("checkout-page:errorPickupLocationRequired"))),!!i.editingCustomerAddress&&e.createElement("div",{className:n.CancelEdit,onClick:i.onCancelEditAddressClick},a("checkout-page:actions.cancel"))),!!i.vm.store.customerStore.customer&&!i.editingCustomerAddress&&("address"===i.vm.deliveryMethod||i.vm.step===p.PAYMENT&&"in-store"===i.vm.deliveryMethod)&&e.createElement("div",{className:s.RowPB},null===(d=i.vm.customerAddresses)||void 0===d?void 0:d.map((function(t){return e.createElement(r,{key:t.id,label:t.title||"",isSelected:t.id===i.selectedAddressId,rightContent:e.createElement("div",{onClick:function(){return i.onEditAddressClick(t)}},a("checkout-page:actions.edit")),bottomContent:e.createElement("div",{className:n.AddressContent},e.createElement("div",{className:n.AddressText},t.firstName," ",t.lastName),e.createElement("div",{className:n.AddressText},t.addressText)),bottomContentVisible:!0,hasError:!t.isValidAddress,errorText:a("checkout-page:missingAddressFields"),onClick:function(){return t.id!==i.selectedAddressId&&i.onAddressSelect(t)}})})),e.createElement(r,{label:a("checkout-page:newAddress"),isSelected:"-1"===i.selectedAddressId,bottomContent:o,onClick:function(){return"-1"!==i.selectedAddressId&&i.onAddressSelect()}})),i.vm.store.customerStore.customer||i.vm.step!==p.INFO||"address"!==i.vm.deliveryMethod?i.vm.step===p.PAYMENT&&!i.vm.store.customerStore.customer&&o:o,"in-store"===i.vm.deliveryMethod&&e.createElement("div",{className:s.RowPB},i.vm.stockLocations.map((function(t){return function(e){return e.address&&e.address.address&&e.address.city&&e.address.country&&i.vm.availableStockLocations.find((function(t){return t.id===e.id}))}(t)&&e.createElement(r,{key:t.id,label:t.name||"",isSelected:f===t.id,bottomContent:e.createElement("div",null,e.createElement("div",{className:n.AddressText},y(t)),t.deliveryTime&&e.createElement("div",{className:n.DeliveryTime},a("checkout-page:stockLocation.deliveryTime.".concat(t.deliveryTime)))),bottomContentVisible:!0,onClick:function(){i.vm.onStockLocationChange(t),A(t.id)}})}))),"in-store"===i.vm.deliveryMethod&&i.vm.step!==p.PAYMENT&&e.createElement(e.Fragment,null,e.createElement("div",{className:l.FormSectionTitle},e.createElement("div",{className:l.Title},a("checkout-page:recipientsInfo"))),h),!!i.editingCustomerAddress&&e.createElement(g,{vm:i}),!!i.editingCustomerAddress&&e.createElement("div",{className:n.EditAddressActions},e.createElement(c,{style:{width:"100%"},text:a("checkout-page:deleteAddress"),isLine:!0,isLoading:i.isDeleteAddressLoading,isDisabled:i.isEditAddressLoading,onClick:i.onDeleteAddressClick}),e.createElement(c,{style:{width:"100%",marginTop:i.vm.store.customerStore.customer?"0px":"32px"},text:a("checkout-page:actions.save"),isLoading:i.isEditAddressLoading,isDisabled:i.isDeleteAddressLoading,onClick:i.onSaveAddressClick})))})),g=t((function(t){var s,r=t.vm,i=(!!(null===(s=r.vm.checkout.customer)||void 0===s?void 0:s.isGuestCheckout)||!!r.vm.store.customerStore.customer)&&r.vm.isCorporateInvoiceVisible&&!!r.vm.checkoutSettings.showCompanyInfoInShippingAddress;return e.createElement(d,{address:r.editingCustomerAddress||r.address,isErrorsVisible:r.isEditAddressErrorsVisible||r.vm.isErrorsVisible,allowedCountryIds:r.vm.shippingCountryIds||void 0,allowCorporateInfo:"billing"===r.addressType?!i:i,firstNameChangeCallback:r.firstNameChangeCallback,lastNameChangeCallback:r.lastNameChangeCallback,allowTitleChange:!!r.editingCustomerAddress,deliveryMethod:"address"})})),E=t((function(t){var s=t.vm;return e.createElement(d,{address:s.editingCustomerAddress||s.address,isErrorsVisible:s.isEditAddressErrorsVisible||s.vm.isErrorsVisible,firstNameChangeCallback:s.firstNameChangeCallback,lastNameChangeCallback:s.lastNameChangeCallback,deliveryMethod:"in-store"})})),k=t((function(t){var s=t.vm,r=u().t;return s.vm.store.customerStore.customer&&"-1"===s.selectedAddressId?e.createElement("div",{style:{marginTop:"12px"}},e.createElement(i,{value:s.vm.shouldSaveAddress,label:r("checkout-page:saveAddressCta"),onChange:s.vm.setShouldSaveAddress}),s.vm.shouldSaveAddress&&e.createElement("div",{style:{marginTop:"8px"}},e.createElement(a,{type:o.TEXT,label:r("checkout-page:addressTitle"),value:s.vm.addressTitle,onChange:s.vm.setAddressTitle}))):null}));export{g as CustomerAddressForm,E as RecipientForm,k as SaveAddressCheckboxAndTitle,h as default};
+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 i}from"../checkbox/index.js";import{FormItem as o}from"../form-item/index.js";import{FormItemType as a}from"../form-item/model.js";import n from"./style.module.scss.js";import l from"../../styles/common.module.scss.js";import{Button as c}from"../button/index.js";import{IkasStorefrontConfig as m}from"@ikas/storefront-config";import{useTranslation as u}from"../../../../utils/i18n.js";import v from"../delivery-methods/index.js";import{CheckoutStep as p}from"../../model.js";var h=s((function(s){var d,i=s.vm,o=s.showBillingAddressOnShippingStep,a=u().t,h=e.useMemo((function(){return e.createElement("div",null,e.createElement(g,{vm:i}),e.createElement(k,{vm:i}))}),[i]),C=e.useMemo((function(){return e.createElement("div",null,e.createElement(E,{vm:i}))}),[i]),A=e.useState("-1"),f=A[0],y=A[1];e.useEffect((function(){i.vm.checkout.stockLocationId&&y(i.vm.checkout.stockLocationId)}),[]);var b=function(e){if(!e.address)return"";var s=[];return e.address.address&&s.push(e.address.address),e.address.postalCode&&s.push(e.address.postalCode),e.address.district&&e.address.district.name&&s.push(e.address.district.name),e.address.city&&e.address.city.name&&s.push(e.address.city.name),e.address.state&&e.address.state.name&&"Default"!==e.address.state.name&&s.push(e.address.state.name),e.address.country&&e.address.country.name&&s.push(e.address.country.name),s.join(", ")};return e.createElement(e.Fragment,null,!!m.getPickupStockLocationIds()&&!i.vm.isDigitalOnly&&i.vm.availableStockLocations.length>0&&i.vm.step!==p.PAYMENT&&!o&&e.createElement(e.Fragment,null,e.createElement("div",{className:l.FormSectionTitle},e.createElement("div",{className:l.Title},a("checkout-page:deliveryMethod"))),e.createElement(v,{deliveryMethod:i.vm.deliveryMethod,onClick:function(e){"address"===e&&y("-1"),i.vm.onDeliveryMethodChange(e)}})),e.createElement("div",{className:l.FormSectionTitle},"address"===i.vm.deliveryMethod?e.createElement("div",{className:l.Title},i.editingCustomerAddress?a("checkout-page:editAddress"):"billing"===i.addressType?a("checkout-page:billingAddress"):a("checkout-page:shippingAddress")):i.vm.step===p.PAYMENT||o?e.createElement("div",{className:l.Title},a("checkout-page:billingAddress")):e.createElement("div",{className:l.Title},a("checkout-page:pickUpLocation"),e.createElement("span",{className:n.ErrorMessage},i.vm.isErrorsVisible&&!i.vm.checkout.stockLocationId&&a("checkout-page:errorPickupLocationRequired"))),!!i.editingCustomerAddress&&e.createElement("div",{className:n.CancelEdit,onClick:i.onCancelEditAddressClick},a("checkout-page:actions.cancel"))),!!i.vm.store.customerStore.customer&&!i.editingCustomerAddress&&("address"===i.vm.deliveryMethod||i.vm.step===p.PAYMENT&&"in-store"===i.vm.deliveryMethod||o)&&e.createElement("div",{className:t.RowPB},null===(d=i.vm.customerAddresses)||void 0===d?void 0:d.map((function(s){return e.createElement(r,{key:s.id,label:s.title||"",isSelected:s.id===i.selectedAddressId,rightContent:e.createElement("div",{onClick:function(){return i.onEditAddressClick(s)}},a("checkout-page:actions.edit")),bottomContent:e.createElement("div",{className:n.AddressContent},e.createElement("div",{className:n.AddressText},s.firstName," ",s.lastName),e.createElement("div",{className:n.AddressText},s.addressText)),bottomContentVisible:!0,hasError:!s.isValidAddress,errorText:a("checkout-page:missingAddressFields"),onClick:function(){return s.id!==i.selectedAddressId&&i.onAddressSelect(s)}})})),e.createElement(r,{label:a("checkout-page:newAddress"),isSelected:"-1"===i.selectedAddressId,bottomContent:h,onClick:function(){return"-1"!==i.selectedAddressId&&i.onAddressSelect()}})),i.vm.store.customerStore.customer||i.vm.step!==p.INFO||"address"!==i.vm.deliveryMethod?(o&&!i.vm.store.customerStore.customer||i.vm.step===p.PAYMENT&&!i.vm.store.customerStore.customer)&&h:h,"in-store"===i.vm.deliveryMethod&&!o&&e.createElement("div",{className:t.RowPB},i.vm.stockLocations.map((function(s){return function(e){return e.address&&e.address.address&&e.address.city&&e.address.country&&i.vm.availableStockLocations.find((function(s){return s.id===e.id}))}(s)&&e.createElement(r,{key:s.id,label:s.name||"",isSelected:f===s.id,bottomContent:e.createElement("div",null,e.createElement("div",{className:n.AddressText},b(s)),s.deliveryTime&&e.createElement("div",{className:n.DeliveryTime},a("checkout-page:stockLocation.deliveryTime.".concat(s.deliveryTime)))),bottomContentVisible:!0,onClick:function(){i.vm.onStockLocationChange(s),y(s.id)}})}))),"in-store"===i.vm.deliveryMethod&&i.vm.step!==p.PAYMENT&&!o&&e.createElement(e.Fragment,null,e.createElement("div",{className:l.FormSectionTitle},e.createElement("div",{className:l.Title},a("checkout-page:recipientsInfo"))),C),!!i.editingCustomerAddress&&e.createElement(g,{vm:i}),!!i.editingCustomerAddress&&e.createElement("div",{className:n.EditAddressActions},e.createElement(c,{style:{width:"100%"},text:a("checkout-page:deleteAddress"),isLine:!0,isLoading:i.isDeleteAddressLoading,isDisabled:i.isEditAddressLoading,onClick:i.onDeleteAddressClick}),e.createElement(c,{style:{width:"100%",marginTop:i.vm.store.customerStore.customer?"0px":"32px"},text:a("checkout-page:actions.save"),isLoading:i.isEditAddressLoading,isDisabled:i.isDeleteAddressLoading,onClick:i.onSaveAddressClick})))})),g=s((function(s){var t,r=s.vm,i=(!!(null===(t=r.vm.checkout.customer)||void 0===t?void 0:t.isGuestCheckout)||!!r.vm.store.customerStore.customer)&&r.vm.isCorporateInvoiceVisible&&!!r.vm.checkoutSettings.showCompanyInfoInShippingAddress;return e.createElement(d,{address:r.editingCustomerAddress||r.address,isErrorsVisible:r.isEditAddressErrorsVisible||r.vm.isErrorsVisible,allowedCountryIds:r.vm.shippingCountryIds||void 0,allowCorporateInfo:"billing"===r.addressType?"in-store"===r.vm.deliveryMethod||(r.vm.isDigitalOnly?i:!i):i,firstNameChangeCallback:r.firstNameChangeCallback,lastNameChangeCallback:r.lastNameChangeCallback,allowTitleChange:!!r.editingCustomerAddress,deliveryMethod:"address",isShippingAddress:"shipping"===r.addressType})})),E=s((function(s){var t=s.vm;return e.createElement(d,{address:t.editingCustomerAddress||t.address,isErrorsVisible:t.isEditAddressErrorsVisible||t.vm.isErrorsVisible,firstNameChangeCallback:t.firstNameChangeCallback,lastNameChangeCallback:t.lastNameChangeCallback,deliveryMethod:"in-store"})})),k=s((function(s){var t=s.vm,r=u().t;return t.vm.store.customerStore.customer&&"-1"===t.selectedAddressId?e.createElement("div",{style:{marginTop:"12px"}},e.createElement(i,{value:t.vm.shouldSaveAddress,label:r("checkout-page:saveAddressCta"),onChange:t.vm.setShouldSaveAddress}),t.vm.shouldSaveAddress&&e.createElement("div",{style:{marginTop:"8px"}},e.createElement(o,{name:"addressTitle",type:a.TEXT,label:r("checkout-page:addressTitle"),value:t.vm.addressTitle,onChange:t.vm.setAddressTitle}))):null}));export{g as CustomerAddressForm,E as RecipientForm,k as SaveAddressCheckboxAndTitle,h as default};

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

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

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

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

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

@@ -16,7 +16,7 @@ export default class FormItemViewModel implements Props {
     rightContent?: React.ReactElement | null;
     disableResize?: boolean;
     disabled: boolean;
-    isFocused: boolean;
+    isLoading: boolean;
     onChange: (value: string) => void;
     constructor(props: Props);
     get formItemStyle(): string;
@@ -27,8 +27,6 @@ export default class FormItemViewModel implements Props {
     onSelectChange: (e: React.ChangeEvent<HTMLSelectElement>) => void;
     onPhoneChange: (value: string) => void;
     onCountryChange: (value: string | undefined) => void;
-    handleOnFocus: () => void;
-    handleOnBlur: () => void;
 }
 export interface Props {
     type: FormItemType;
@@ -53,7 +51,11 @@ export interface Props {
     rightContent?: React.ReactElement | null;
     disableResize?: boolean;
     disabled?: boolean;
+    isLoading?: boolean;
     onChange: (value: string) => void;
+    autocapitalize?: "on" | "off" | "none" | "sentences" | "words" | "characters";
+    autocorrect?: "on" | "off";
+    spellcheck?: "true" | "false";
 }
 export declare enum FormItemType {
     TEXT = 0,

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

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

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

@@ -1 +1 @@
-import e from'./../../../../ext/style-inject/dist/style-inject.es.js';var t={FormSectionTitle:"style-module_FormSectionTitle__VB-M-",Title:"style-module_Title__vKJBI",WithSubTitle:"style-module_WithSubTitle__D0bIa",SubTitle:"style-module_SubTitle__QOgiQ",Grid:"style-module_Grid__zW07u",Grid2:"style-module_Grid2__ngFn-",Grid3:"style-module_Grid3__WkRIF",FormItem:"style-module_FormItem__Uk50U",FormItemWrapper:"style-module_FormItemWrapper__7lb91",RightContent:"style-module_RightContent__mPnNX",FormItemInputWrapper:"style-module_FormItemInputWrapper__-bMzj",FieldLabel:"style-module_FieldLabel__FLtYi",FieldLabelTop:"style-module_FieldLabelTop__-neJm",Bottom:"style-module_Bottom__Syp-M",Error:"style-module_Error__TxUpM",WithTooltip:"style-module_WithTooltip__vErQH",ArrowContainer:"style-module_ArrowContainer__4GCN2",ErrorMsg:"style-module_ErrorMsg__AL-SH",fadeInFromRight:"style-module_fadeInFromRight__jtf8N",PhoneError:"style-module_PhoneError__Jl0Ig",FormItemTooltipContainer:"style-module_FormItemTooltipContainer__Het-k",TextareaInfo:"style-module_TextareaInfo__MkOI-"};e('.style-module_FormSectionTitle__VB-M- {\n  width: 100%;\n  display: flex;\n  justify-content: space-between;\n  align-items: center;\n}\n.style-module_FormSectionTitle__VB-M- .style-module_Title__vKJBI {\n  flex: 1 1 auto;\n  padding-bottom: 16px;\n  color: var(--checkout-primary-text-color);\n  font-size: 20px;\n  line-height: 32px;\n}\n.style-module_FormSectionTitle__VB-M- .style-module_Title__vKJBI.style-module_WithSubTitle__D0bIa {\n  line-height: auto;\n  padding-bottom: 0;\n}\n\n.style-module_SubTitle__QOgiQ {\n  color: var(--checkout-secondary-text-color);\n  font-size: 14px;\n  padding-bottom: 16px;\n  padding-top: 2px;\n}\n\n.style-module_Grid__zW07u {\n  display: grid;\n  grid-gap: 16px;\n  grid-template-columns: 1fr;\n}\n.style-module_Grid__zW07u.style-module_Grid2__ngFn- {\n  grid-template-columns: repeat(2, 1fr);\n}\n.style-module_Grid__zW07u.style-module_Grid3__WkRIF {\n  grid-template-columns: repeat(3, 1fr);\n}\n@media only screen and (max-width: 768px) {\n  .style-module_Grid__zW07u {\n    grid-template-columns: 1fr !important;\n  }\n}\n\n@keyframes style-module_fadeInFromRight__jtf8N {\n  from {\n    opacity: 0;\n    transform: translateY(10px);\n  }\n  to {\n    opacity: 1;\n    transform: translateY(0);\n  }\n}\n.style-module_FormItem__Uk50U {\n  width: 100%;\n}\n.style-module_FormItemWrapper__7lb91 {\n  width: 100%;\n  position: relative;\n}\n.style-module_FormItemWrapper__7lb91 .style-module_RightContent__mPnNX {\n  position: absolute;\n  height: 100%;\n  top: 0;\n  right: 0;\n}\n.style-module_FormItemInputWrapper__-bMzj {\n  position: relative;\n  width: 100%;\n}\n.style-module_FormItemInputWrapper__-bMzj label.style-module_FieldLabel__FLtYi {\n  color: var(--checkout-secondary-text-color);\n  position: absolute;\n  top: 0;\n  left: 17px;\n  width: 100%;\n  z-index: 1;\n  user-select: none;\n  pointer-events: none;\n  overflow: hidden;\n  white-space: nowrap;\n  text-overflow: ellipsis;\n  transition: transform 0.1s;\n  transform: translateY(18px);\n  font-size: 0.85em;\n  line-height: 22px;\n}\n.style-module_FormItemInputWrapper__-bMzj label.style-module_FieldLabelTop__-neJm {\n  transform: translateY(8px);\n  font-size: 0.7em;\n}\n.style-module_FormItemInputWrapper__-bMzj input,\n.style-module_FormItemInputWrapper__-bMzj select,\n.style-module_FormItemInputWrapper__-bMzj textarea {\n  border: 1px solid var(--checkout-border-color);\n  background-color: var(--checkout-primary-bg-color);\n  color: var(--checkout-primary-text-color);\n  background-clip: padding-box;\n  border-radius: 8px;\n  display: block;\n  width: 100%;\n  height: 56px;\n  padding: 8px 16px;\n  outline: none;\n  transition: padding 0.1s, border-color 0.5s, box-shadow 0.5s;\n  box-shadow: 0 0 0 1px transparent;\n  -moz-appearance: none;\n  -webkit-appearance: none;\n}\n.style-module_FormItemInputWrapper__-bMzj input:focus,\n.style-module_FormItemInputWrapper__-bMzj select:focus,\n.style-module_FormItemInputWrapper__-bMzj textarea:focus {\n  box-shadow: 0 0 0 1px var(--checkout-button-bg-color);\n  border-color: var(--checkout-button-bg-color);\n}\n.style-module_FormItemInputWrapper__-bMzj input.style-module_Bottom__Syp-M,\n.style-module_FormItemInputWrapper__-bMzj select.style-module_Bottom__Syp-M,\n.style-module_FormItemInputWrapper__-bMzj textarea.style-module_Bottom__Syp-M {\n  padding-top: 1.2em;\n  padding-bottom: 0.2em;\n}\n.style-module_FormItemInputWrapper__-bMzj input.style-module_Error__TxUpM,\n.style-module_FormItemInputWrapper__-bMzj select.style-module_Error__TxUpM,\n.style-module_FormItemInputWrapper__-bMzj textarea.style-module_Error__TxUpM {\n  box-shadow: 0 0 0 1px var(--checkout-error-color);\n  border-color: var(--checkout-error-color);\n}\n.style-module_FormItemInputWrapper__-bMzj input.style-module_WithTooltip__vErQH,\n.style-module_FormItemInputWrapper__-bMzj select.style-module_WithTooltip__vErQH,\n.style-module_FormItemInputWrapper__-bMzj textarea.style-module_WithTooltip__vErQH {\n  padding-right: 40px;\n}\n.style-module_FormItemInputWrapper__-bMzj input::-ms-expand,\n.style-module_FormItemInputWrapper__-bMzj select::-ms-expand,\n.style-module_FormItemInputWrapper__-bMzj textarea::-ms-expand {\n  display: none;\n}\n.style-module_FormItemInputWrapper__-bMzj input::placeholder,\n.style-module_FormItemInputWrapper__-bMzj select::placeholder,\n.style-module_FormItemInputWrapper__-bMzj textarea::placeholder {\n  color: var(--checkout-secondary-text-color) !important;\n}\n.style-module_FormItemInputWrapper__-bMzj textarea {\n  min-height: 120px;\n}\n.style-module_FormItemInputWrapper__-bMzj .style-module_ArrowContainer__4GCN2 {\n  position: absolute;\n  right: 1px;\n  padding-right: 0.5em;\n  top: 1px;\n  height: calc(100% - 2px);\n  display: flex;\n  align-items: center;\n  color: var(--checkout-secondary-text-color);\n  background-color: var(--checkout-primary-bg-color);\n  z-index: 2;\n  border-radius: 6px;\n}\n.style-module_FormItemInputWrapper__-bMzj .PhoneInput {\n  display: flex;\n  align-items: center;\n}\n.style-module_FormItemInputWrapper__-bMzj .PhoneInputInput {\n  padding-left: 64px;\n}\n.style-module_FormItemInputWrapper__-bMzj .PhoneInputInput:disabled {\n  color: var(--checkout-button-disabled-text-color) !important;\n  background-color: var(--checkout-button-disabled-bg-color) !important;\n}\n.style-module_FormItemInputWrapper__-bMzj .PhoneInputInput::placeholder {\n  color: var(--checkout-secondary-text-color) !important;\n  font-size: 14px !important;\n}\n.style-module_FormItemInputWrapper__-bMzj .PhoneInputCountry {\n  position: absolute;\n  align-self: stretch;\n  display: flex;\n  align-items: center;\n  top: 26px;\n  left: 16px;\n}\n.style-module_FormItemInputWrapper__-bMzj .PhoneInputCountrySelect {\n  border: none;\n  display: inline-flex;\n  width: 60px;\n  position: absolute;\n  top: 0;\n  left: 0;\n  height: 100%;\n  width: 100%;\n  z-index: 1;\n  border: 0;\n  opacity: 0;\n  cursor: pointer;\n}\n.style-module_FormItemInputWrapper__-bMzj .PhoneInputCountryIcon {\n  width: 1.5em;\n  height: 1em;\n}\n.style-module_FormItemInputWrapper__-bMzj .PhoneInputCountrySelectArrow {\n  display: block;\n  content: "";\n  width: 0.3em;\n  height: 0.3em;\n  margin-left: 0.35em;\n  border-style: solid;\n  border-color: inherit;\n  border-top-width: 0;\n  border-bottom-width: 1px;\n  border-left-width: 0;\n  border-right-width: 1px;\n  transform: rotate(45deg);\n  opacity: 0.45;\n}\n.style-module_FormItemInputWrapper__-bMzj .PhoneInputCountryIconImg {\n  width: 24px;\n}\n.style-module_FormItem__Uk50U .style-module_ErrorMsg__AL-SH {\n  color: var(--checkout-error-color);\n  font-size: 12px;\n  margin-top: 8px;\n  animation-name: style-module_fadeInFromRight__jtf8N;\n  animation-duration: 0.3s;\n}\n.style-module_FormItem__Uk50U.style-module_PhoneError__Jl0Ig input {\n  box-shadow: 0 0 0 1px var(--checkout-error-color) !important;\n  border-color: var(--checkout-error-color) !important;\n}\n\n.style-module_FormItemWrapper__7lb91 {\n  position: relative;\n}\n\n.style-module_FormItemTooltipContainer__Het-k {\n  width: 16px;\n  height: 16px;\n  border-radius: 100%;\n  color: white;\n  background-color: var(--checkout-secondary-text-color);\n  position: absolute;\n  top: 20px;\n  right: 16px;\n  margin: auto;\n  display: flex;\n  justify-content: center;\n  align-items: center;\n  font-size: 12px !important;\n  line-height: 16px !important;\n  cursor: pointer;\n}\n\n.style-module_TextareaInfo__MkOI- {\n  text-align: right;\n}');export{t as default};
+import e from'./../../../../ext/style-inject/dist/style-inject.es.js';var t={FormSectionTitle:"style-module_FormSectionTitle__VB-M-",Title:"style-module_Title__vKJBI",WithSubTitle:"style-module_WithSubTitle__D0bIa",SubTitle:"style-module_SubTitle__QOgiQ",Grid:"style-module_Grid__zW07u",Grid2:"style-module_Grid2__ngFn-",Grid3:"style-module_Grid3__WkRIF",FormItem:"style-module_FormItem__Uk50U",FormItemWrapper:"style-module_FormItemWrapper__7lb91",RightContent:"style-module_RightContent__mPnNX",FormItemInputWrapper:"style-module_FormItemInputWrapper__-bMzj",FieldLabel:"style-module_FieldLabel__FLtYi",FieldLabelTop:"style-module_FieldLabelTop__-neJm",Bottom:"style-module_Bottom__Syp-M",Error:"style-module_Error__TxUpM",WithTooltip:"style-module_WithTooltip__vErQH",ArrowContainer:"style-module_ArrowContainer__4GCN2",ErrorMsg:"style-module_ErrorMsg__AL-SH",fadeInFromRight:"style-module_fadeInFromRight__jtf8N",PhoneError:"style-module_PhoneError__Jl0Ig",FormItemTooltipContainer:"style-module_FormItemTooltipContainer__Het-k",TextareaInfo:"style-module_TextareaInfo__MkOI-",Loader:"style-module_Loader__2Juf8",load8:"style-module_load8__GVBWV"};e('.style-module_FormSectionTitle__VB-M- {\n  width: 100%;\n  display: flex;\n  justify-content: space-between;\n  align-items: center;\n}\n.style-module_FormSectionTitle__VB-M- .style-module_Title__vKJBI {\n  flex: 1 1 auto;\n  padding-bottom: 16px;\n  color: var(--checkout-primary-text-color);\n  font-size: 20px;\n  line-height: 32px;\n}\n.style-module_FormSectionTitle__VB-M- .style-module_Title__vKJBI.style-module_WithSubTitle__D0bIa {\n  line-height: auto;\n  padding-bottom: 0;\n}\n\n.style-module_SubTitle__QOgiQ {\n  color: var(--checkout-secondary-text-color);\n  font-size: 14px;\n  padding-bottom: 16px;\n  padding-top: 2px;\n}\n\n.style-module_Grid__zW07u {\n  display: grid;\n  grid-gap: 16px;\n  grid-template-columns: 1fr;\n}\n.style-module_Grid__zW07u.style-module_Grid2__ngFn- {\n  grid-template-columns: repeat(2, 1fr);\n}\n.style-module_Grid__zW07u.style-module_Grid3__WkRIF {\n  grid-template-columns: repeat(3, 1fr);\n}\n@media only screen and (max-width: 768px) {\n  .style-module_Grid__zW07u {\n    grid-template-columns: 1fr !important;\n  }\n}\n\n@keyframes style-module_fadeInFromRight__jtf8N {\n  from {\n    opacity: 0;\n    transform: translateY(10px);\n  }\n  to {\n    opacity: 1;\n    transform: translateY(0);\n  }\n}\n.style-module_FormItem__Uk50U {\n  width: 100%;\n}\n.style-module_FormItemWrapper__7lb91 {\n  width: 100%;\n  position: relative;\n}\n.style-module_FormItemWrapper__7lb91 .style-module_RightContent__mPnNX {\n  position: absolute;\n  height: 100%;\n  top: 0;\n  right: 0;\n}\n.style-module_FormItemInputWrapper__-bMzj {\n  position: relative;\n  width: 100%;\n  cursor: text;\n}\n.style-module_FormItemInputWrapper__-bMzj label.style-module_FieldLabel__FLtYi {\n  color: var(--checkout-secondary-text-color);\n  position: absolute;\n  top: 0;\n  left: 17px;\n  width: 100%;\n  z-index: 1;\n  user-select: none;\n  pointer-events: none;\n  touch-action: none;\n  overflow: hidden;\n  white-space: nowrap;\n  text-overflow: ellipsis;\n  transition: transform 0.1s;\n  transform: translateY(18px);\n  font-size: 0.85em;\n  line-height: 22px;\n}\n.style-module_FormItemInputWrapper__-bMzj label.style-module_FieldLabelTop__-neJm {\n  transform: translateY(8px);\n  font-size: 0.7em;\n}\n.style-module_FormItemInputWrapper__-bMzj input,\n.style-module_FormItemInputWrapper__-bMzj select,\n.style-module_FormItemInputWrapper__-bMzj textarea {\n  border: 1px solid var(--checkout-border-color);\n  background-color: var(--checkout-primary-bg-color);\n  color: var(--checkout-primary-text-color);\n  background-clip: padding-box;\n  border-radius: 8px;\n  display: block;\n  width: 100%;\n  height: 56px;\n  padding: 8px 16px;\n  outline: none;\n  transition: padding 0.1s, border-color 0.5s, box-shadow 0.5s;\n  box-shadow: 0 0 0 1px transparent;\n  -moz-appearance: none;\n  -webkit-appearance: none;\n}\n.style-module_FormItemInputWrapper__-bMzj input:focus,\n.style-module_FormItemInputWrapper__-bMzj select:focus,\n.style-module_FormItemInputWrapper__-bMzj textarea:focus {\n  box-shadow: 0 0 0 1px var(--checkout-button-bg-color);\n  border-color: var(--checkout-button-bg-color);\n}\n.style-module_FormItemInputWrapper__-bMzj input.style-module_Bottom__Syp-M,\n.style-module_FormItemInputWrapper__-bMzj select.style-module_Bottom__Syp-M,\n.style-module_FormItemInputWrapper__-bMzj textarea.style-module_Bottom__Syp-M {\n  padding-top: 1.2em;\n  padding-bottom: 0.2em;\n}\n.style-module_FormItemInputWrapper__-bMzj input.style-module_Error__TxUpM,\n.style-module_FormItemInputWrapper__-bMzj select.style-module_Error__TxUpM,\n.style-module_FormItemInputWrapper__-bMzj textarea.style-module_Error__TxUpM {\n  box-shadow: 0 0 0 1px var(--checkout-error-color);\n  border-color: var(--checkout-error-color);\n}\n.style-module_FormItemInputWrapper__-bMzj input.style-module_WithTooltip__vErQH,\n.style-module_FormItemInputWrapper__-bMzj select.style-module_WithTooltip__vErQH,\n.style-module_FormItemInputWrapper__-bMzj textarea.style-module_WithTooltip__vErQH {\n  padding-right: 40px;\n}\n.style-module_FormItemInputWrapper__-bMzj input::-ms-expand,\n.style-module_FormItemInputWrapper__-bMzj select::-ms-expand,\n.style-module_FormItemInputWrapper__-bMzj textarea::-ms-expand {\n  display: none;\n}\n.style-module_FormItemInputWrapper__-bMzj input::placeholder,\n.style-module_FormItemInputWrapper__-bMzj select::placeholder,\n.style-module_FormItemInputWrapper__-bMzj textarea::placeholder {\n  color: var(--checkout-secondary-text-color) !important;\n}\n.style-module_FormItemInputWrapper__-bMzj input,\n.style-module_FormItemInputWrapper__-bMzj textarea {\n  pointer-events: none;\n}\n.style-module_FormItemInputWrapper__-bMzj input:focus,\n.style-module_FormItemInputWrapper__-bMzj textarea:focus {\n  pointer-events: auto;\n}\n.style-module_FormItemInputWrapper__-bMzj textarea {\n  min-height: 120px;\n}\n.style-module_FormItemInputWrapper__-bMzj:focus-within .style-module_FieldLabel__FLtYi {\n  transform: translateY(8px);\n  font-size: 0.7em;\n}\n.style-module_FormItemInputWrapper__-bMzj input:focus,\n.style-module_FormItemInputWrapper__-bMzj textarea:focus {\n  padding-top: 1.2em;\n  padding-bottom: 0.2em;\n}\n.style-module_FormItemInputWrapper__-bMzj .style-module_ArrowContainer__4GCN2 {\n  position: absolute;\n  right: 1px;\n  padding-right: 0.5em;\n  top: 1px;\n  height: calc(100% - 2px);\n  display: flex;\n  align-items: center;\n  color: var(--checkout-secondary-text-color);\n  background-color: var(--checkout-primary-bg-color);\n  z-index: 2;\n  border-radius: 6px;\n  width: 25px;\n}\n.style-module_FormItemInputWrapper__-bMzj .PhoneInput {\n  display: flex;\n  align-items: center;\n}\n.style-module_FormItemInputWrapper__-bMzj .PhoneInputInput {\n  padding-left: 64px;\n}\n.style-module_FormItemInputWrapper__-bMzj .PhoneInputInput:disabled {\n  color: var(--checkout-button-disabled-text-color) !important;\n  background-color: var(--checkout-button-disabled-bg-color) !important;\n}\n.style-module_FormItemInputWrapper__-bMzj .PhoneInputInput::placeholder {\n  color: var(--checkout-secondary-text-color) !important;\n  font-size: 14px !important;\n}\n.style-module_FormItemInputWrapper__-bMzj .PhoneInputCountry {\n  position: absolute;\n  align-self: stretch;\n  display: flex;\n  align-items: center;\n  top: 26px;\n  left: 16px;\n}\n.style-module_FormItemInputWrapper__-bMzj .PhoneInputCountrySelect {\n  border: none;\n  display: inline-flex;\n  width: 60px;\n  position: absolute;\n  top: 0;\n  left: 0;\n  height: 100%;\n  width: 100%;\n  z-index: 1;\n  border: 0;\n  opacity: 0;\n  cursor: pointer;\n}\n.style-module_FormItemInputWrapper__-bMzj .PhoneInputCountryIcon {\n  width: 1.5em;\n  height: 1em;\n}\n.style-module_FormItemInputWrapper__-bMzj .PhoneInputCountrySelectArrow {\n  display: block;\n  content: "";\n  width: 0.3em;\n  height: 0.3em;\n  margin-left: 0.35em;\n  border-style: solid;\n  border-color: inherit;\n  border-top-width: 0;\n  border-bottom-width: 1px;\n  border-left-width: 0;\n  border-right-width: 1px;\n  transform: rotate(45deg);\n  opacity: 0.45;\n}\n.style-module_FormItemInputWrapper__-bMzj .PhoneInputCountryIconImg {\n  width: 24px;\n}\n.style-module_FormItem__Uk50U .style-module_ErrorMsg__AL-SH {\n  color: var(--checkout-error-color);\n  font-size: 12px;\n  margin-top: 8px;\n  animation-name: style-module_fadeInFromRight__jtf8N;\n  animation-duration: 0.3s;\n}\n.style-module_FormItem__Uk50U.style-module_PhoneError__Jl0Ig input {\n  box-shadow: 0 0 0 1px var(--checkout-error-color) !important;\n  border-color: var(--checkout-error-color) !important;\n}\n\n.style-module_FormItemWrapper__7lb91 {\n  position: relative;\n}\n\n.style-module_FormItemTooltipContainer__Het-k {\n  width: 16px;\n  height: 16px;\n  border-radius: 100%;\n  color: white;\n  background-color: var(--checkout-secondary-text-color);\n  position: absolute;\n  top: 20px;\n  right: 16px;\n  margin: auto;\n  display: flex;\n  justify-content: center;\n  align-items: center;\n  font-size: 12px !important;\n  line-height: 16px !important;\n  cursor: pointer;\n}\n\n.style-module_TextareaInfo__MkOI- {\n  text-align: right;\n}\n\n.style-module_Loader__2Juf8,\n.style-module_Loader__2Juf8:after {\n  border-radius: 50%;\n  width: 0.9em;\n  height: 0.9em;\n}\n\n.style-module_Loader__2Juf8 {\n  font-size: 12px;\n  position: relative;\n  text-indent: -9999em;\n  border-top: 0.13em solid rgba(255, 255, 255, 0.2);\n  border-right: 0.13em solid rgba(255, 255, 255, 0.2);\n  border-bottom: 0.13em solid rgba(255, 255, 255, 0.2);\n  border-left: 0.13em solid var(--checkout-button-bg-color);\n  -webkit-transform: translateZ(0);\n  -ms-transform: translateZ(0);\n  transform: translateZ(0);\n  -webkit-animation: style-module_load8__GVBWV 1.1s infinite linear;\n  animation: style-module_load8__GVBWV 1.1s infinite linear;\n}\n\n@-webkit-keyframes style-module_load8__GVBWV {\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__GVBWV {\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/hepsipay/index.d.ts

@@ -0,0 +1,9 @@
+import * as React from "react";
+import CheckoutViewModel from "../../model";
+import "@adyen/adyen-web/dist/adyen.css";
+declare type Props = {
+    vm: CheckoutViewModel;
+    isSelected?: boolean;
+};
+export declare const HepsiPay: React.FC<Props>;
+export {};

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

@@ -0,0 +1 @@
+import{__awaiter as e,__generator as n}from'./../../../../ext/tslib/tslib.es6.js';import*as i from"react";import{observer as a}from"mobx-react-lite";import"@adyen/adyen-web/dist/adyen.css";import"@ikas/storefront-config";import{useTranslation as t}from"../../../../utils/i18n.js";var r=a((function(a){var r=a.vm;a.isSelected;var o=t().t,s=i.useState(""),c=s[0],d=s[1],l=i.useCallback((function(){if(d(""),r.hepsipayFrameInitResponse)if(r.hepsipayFrameInitResponse.frameUrl)if(window.HepsipaySdk){var i={frameUrl:r.hepsipayFrameInitResponse.frameUrl,frameDivId:"hepsipayFrameContainer",paymentStatusCallback:function(i){return e(void 0,void 0,void 0,(function(){return n(this,(function(e){return[2]}))}))},frameFailureCallback:function(){return window.location.reload()},onPaymentFailureLogCallback:function(e){r.isStepLoading=!1},onPaymentSuccessCallback:function(i){return e(void 0,void 0,void 0,(function(){return n(this,(function(e){return i&&"hp-payment-success"===i.messageType&&(window.location.href=i.merchantCallBackUrl),[2]}))}))},maxHeight:"600",disableDynamicHeight:!1,showFramePaymentButton:!1,useApiCallOnSuccessCallback:!1,overrideFontFamily:"Inter",hideHeader:!1};window.HepsipaySdk.init(i)}else console.error("HepsipaySdk is not available");else d(o("checkout-page:hepsiPayErrorMessage"))}),[r.hepsipayFrameInitResponse]);return i.useEffect((function(){var i=document.createElement("script");i.src="https://images.hepsiburada.net/hepsipay/packages/pf/hepsipay-0.3.1.min.js",i.async=!0,i.onload=l,i.onerror=function(){return console.error("Failed to load Hepsipay SDK")},document.body.appendChild(i);var a=function(i){return e(void 0,void 0,void 0,(function(){var e;return n(this,(function(n){return i.origin!==window.location.origin||((e=i.data).messageType,e.data),[2]}))}))};return window.addEventListener("message",a),function(){document.body.removeChild(i),window.removeEventListener("message",a)}}),[l]),i.createElement("div",null,i.createElement("div",{id:"hepsipayFrameContainer"}),!!c&&i.createElement("span",{style:{fontSize:14}},c))}));export{r as HepsiPay};

package/build/components/checkout/components/input-with-button/style.module.scss.js

@@ -1 +1 @@
-import n from'./../../../../ext/style-inject/dist/style-inject.es.js';var e={Container:"style-module_Container__lcmQH",Button:"style-module_Button__f1URY",loader:"style-module_loader__JSw-M",load8:"style-module_load8__8s2-g"};n(".style-module_Container__lcmQH {\n  width: 100%;\n  height: 44px;\n  background-color: white;\n  border-radius: 8px;\n  display: flex;\n  justify-content: flex-end;\n  position: relative;\n}\n.style-module_Container__lcmQH input {\n  width: calc(100% - 2px);\n  height: 100%;\n  padding: 10px 16px;\n  outline: none;\n  -moz-appearance: none;\n  -webkit-appearance: none;\n  transition: all 0.5s;\n  box-shadow: 0 0 0 1px transparent;\n  border: 1px solid transparent;\n  border-radius: 9px;\n  margin-left: 1px;\n  color: var(--checkout-primary-text-color);\n  position: absolute;\n  top: 0px;\n  left: 0px;\n  padding-right: calc(33% + 16px);\n}\n.style-module_Container__lcmQH input::placeholder {\n  color: var(--checkout-secondary-text-color) !important;\n}\n.style-module_Container__lcmQH input:focus {\n  box-shadow: 0 0 0 1px var(--checkout-button-bg-color);\n  border-color: var(--checkout-button-bg-color);\n}\n.style-module_Container__lcmQH .style-module_Button__f1URY {\n  flex: 0 0 auto;\n  height: 100%;\n  width: 33%;\n  color: var(--checkout-button-text-color);\n  background-color: var(--checkout-button-bg-color);\n  border-radius: 8px;\n  font-weight: 600;\n  text-align: center;\n  position: relative;\n  transition: all 0.2s;\n  display: flex;\n  justify-content: center;\n  align-items: center;\n  user-select: none;\n  cursor: pointer;\n}\n.style-module_Container__lcmQH .style-module_Button__f1URY .style-module_loader__JSw-M,\n.style-module_Container__lcmQH .style-module_Button__f1URY .style-module_loader__JSw-M:after {\n  border-radius: 50%;\n  width: 5em;\n  height: 5em;\n}\n.style-module_Container__lcmQH .style-module_Button__f1URY .style-module_loader__JSw-M {\n  font-size: 4px;\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__8s2-g 1.1s infinite linear;\n  animation: style-module_load8__8s2-g 1.1s infinite linear;\n}\n@-webkit-keyframes style-module_load8__8s2-g {\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__8s2-g {\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{e as default};
+import n from'./../../../../ext/style-inject/dist/style-inject.es.js';var e={Container:"style-module_Container__lcmQH",Button:"style-module_Button__f1URY",loader:"style-module_loader__JSw-M",load8:"style-module_load8__8s2-g"};n(".style-module_Container__lcmQH {\n  width: 100%;\n  height: 44px;\n  background-color: white;\n  border-radius: 8px;\n  display: flex;\n  justify-content: flex-end;\n  position: relative;\n}\n.style-module_Container__lcmQH input {\n  width: calc(100% - 2px);\n  height: 100%;\n  padding: 10px 16px;\n  outline: none;\n  -moz-appearance: none;\n  -webkit-appearance: none;\n  transition: all 0.5s;\n  box-shadow: 0 0 0 1px transparent;\n  border: 1px solid transparent;\n  border-radius: 9px;\n  margin-left: 1px;\n  background-color: var(--checkout-primary-bg-color);\n  color: var(--checkout-primary-text-color);\n  position: absolute;\n  top: 0px;\n  left: 0px;\n  padding-right: calc(33% + 16px);\n}\n.style-module_Container__lcmQH input::placeholder {\n  color: var(--checkout-secondary-text-color) !important;\n}\n.style-module_Container__lcmQH input:focus {\n  box-shadow: 0 0 0 1px var(--checkout-button-bg-color);\n  border-color: var(--checkout-button-bg-color);\n}\n.style-module_Container__lcmQH .style-module_Button__f1URY {\n  flex: 0 0 auto;\n  height: 100%;\n  width: 33%;\n  color: var(--checkout-button-text-color);\n  background-color: var(--checkout-button-bg-color);\n  border-radius: 8px;\n  font-weight: 600;\n  text-align: center;\n  position: relative;\n  transition: all 0.2s;\n  display: flex;\n  justify-content: center;\n  align-items: center;\n  user-select: none;\n  cursor: pointer;\n}\n.style-module_Container__lcmQH .style-module_Button__f1URY .style-module_loader__JSw-M,\n.style-module_Container__lcmQH .style-module_Button__f1URY .style-module_loader__JSw-M:after {\n  border-radius: 50%;\n  width: 5em;\n  height: 5em;\n}\n.style-module_Container__lcmQH .style-module_Button__f1URY .style-module_loader__JSw-M {\n  font-size: 4px;\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__8s2-g 1.1s infinite linear;\n  animation: style-module_load8__8s2-g 1.1s infinite linear;\n}\n@-webkit-keyframes style-module_load8__8s2-g {\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__8s2-g {\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{e as default};

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

@@ -3,6 +3,7 @@ declare type Props = {
     title: string;
     modalContent: string | React.ReactElement;
     onClose: () => void;
+    isPolicyModal?: boolean;
 };
 export declare const Modal: React.FC<Props>;
 export {};

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

@@ -1 +1 @@
-import*as e from"react";import{observer as t}from"mobx-react-lite";import a from"./useEscape.js";import o from"../svg/cross.js";import l from"./style.module.scss.js";var r=t((function(t){var r=t.title,n=t.onClose,s=t.modalContent;return a({callback:n}),e.createElement("div",{className:l.ModalContainer,onClick:n},e.createElement("div",{className:l.Modal,onClick:function(e){return e.stopPropagation()}},e.createElement("div",{className:l.ModalHeader},e.createElement("div",{className:l.ModalTitle},r),e.createElement("div",{className:l.CloseButton,onClick:n},e.createElement(o,null))),"string"==typeof s?e.createElement("div",{className:l.ModalContent,dangerouslySetInnerHTML:{__html:s}}):e.createElement("div",{className:l.ModalContent},s)))}));export{r as Modal};
+import*as e from"react";import{observer as t}from"mobx-react-lite";import a from"./useEscape.js";import o from"../svg/cross.js";import l from"./style.module.scss.js";var n=t((function(t){var n=t.title,r=t.onClose,s=t.modalContent,c=t.isPolicyModal;return a({callback:r}),e.createElement("div",{className:l.ModalContainer,onClick:r},e.createElement("div",{className:l.Modal,onClick:function(e){return e.stopPropagation()}},e.createElement("div",{className:l.ModalHeader},e.createElement("div",{className:l.ModalTitle},n),e.createElement("div",{className:l.CloseButton,onClick:r},e.createElement(o,null))),"string"==typeof s?e.createElement("div",{className:[l.ModalContent,c?l.PolicyModal:""].join(" "),dangerouslySetInnerHTML:{__html:s}}):e.createElement("div",{className:l.ModalContent},s)))}));export{n as Modal};

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

@@ -1 +1 @@
-import e from'./../../../../ext/style-inject/dist/style-inject.es.js';var o={ModalContainer:"style-module_ModalContainer__moKsA",Modal:"style-module_Modal__zb62t",ModalHeader:"style-module_ModalHeader__9gl-m",ModalTitle:"style-module_ModalTitle__1p8oq",CloseButton:"style-module_CloseButton__7ZNe8",ModalContent:"style-module_ModalContent__Zs4AZ"};e(".style-module_ModalContainer__moKsA {\n  position: fixed;\n  top: 0;\n  left: 0;\n  width: 100vw;\n  height: 100vh;\n  background-color: rgba(0, 0, 0, 0.6);\n  backdrop-filter: blur(6px);\n  z-index: 99999999;\n  display: flex;\n  justify-content: center;\n  align-items: center;\n}\n.style-module_ModalContainer__moKsA .style-module_Modal__zb62t {\n  border-radius: 8px;\n  background-color: white;\n  color: var(--checkout-primary-text-color);\n  min-width: 400px;\n  max-width: 750px;\n  max-height: 90%;\n  display: flex;\n  flex-direction: column;\n  overflow: hidden;\n}\n.style-module_ModalContainer__moKsA .style-module_Modal__zb62t .style-module_ModalHeader__9gl-m {\n  flex: 0 0 auto;\n  padding: 16px;\n  font-size: 18px;\n  border-bottom: 1px solid var(--checkout-border-color);\n  display: flex;\n  justify-content: space-between;\n  align-items: center;\n}\n.style-module_ModalContainer__moKsA .style-module_Modal__zb62t .style-module_ModalHeader__9gl-m .style-module_ModalTitle__1p8oq {\n  font-weight: 500;\n  max-width: 300px;\n}\n.style-module_ModalContainer__moKsA .style-module_Modal__zb62t .style-module_ModalHeader__9gl-m .style-module_CloseButton__7ZNe8 {\n  cursor: pointer;\n  display: flex;\n  align-items: center;\n}\n.style-module_ModalContainer__moKsA .style-module_Modal__zb62t .style-module_ModalContent__Zs4AZ {\n  flex: 1 1 auto;\n  padding: 24px;\n  overflow-y: auto;\n}\n@media only screen and (max-width: 1000px) {\n  .style-module_ModalContainer__moKsA .style-module_Modal__zb62t {\n    max-width: unset;\n    max-height: unset;\n    min-width: unset;\n    width: 100%;\n    height: 100%;\n    margin: 0;\n    border-radius: 0;\n  }\n  .style-module_ModalContainer__moKsA .style-module_Modal__zb62t .style-module_ModalHeader__9gl-m {\n    padding: 1.5em;\n  }\n}");export{o as default};
+import l from'./../../../../ext/style-inject/dist/style-inject.es.js';var e={ModalContainer:"style-module_ModalContainer__moKsA",Modal:"style-module_Modal__zb62t",ModalHeader:"style-module_ModalHeader__9gl-m",ModalTitle:"style-module_ModalTitle__1p8oq",CloseButton:"style-module_CloseButton__7ZNe8",ModalContent:"style-module_ModalContent__Zs4AZ",PolicyModal:"style-module_PolicyModal__B6KSz"};l(".style-module_ModalContainer__moKsA {\n  position: fixed;\n  top: 0;\n  left: 0;\n  width: 100vw;\n  height: 100vh;\n  background-color: rgba(0, 0, 0, 0.6);\n  backdrop-filter: blur(6px);\n  z-index: 99999999;\n  display: flex;\n  justify-content: center;\n  align-items: center;\n}\n.style-module_ModalContainer__moKsA .style-module_Modal__zb62t {\n  border-radius: 8px;\n  background-color: white;\n  color: var(--checkout-primary-text-color);\n  min-width: 400px;\n  max-width: 750px;\n  max-height: 90%;\n  display: flex;\n  flex-direction: column;\n  overflow: hidden;\n}\n.style-module_ModalContainer__moKsA .style-module_Modal__zb62t .style-module_ModalHeader__9gl-m {\n  flex: 0 0 auto;\n  padding: 16px;\n  font-size: 18px;\n  border-bottom: 1px solid var(--checkout-border-color);\n  display: flex;\n  justify-content: space-between;\n  align-items: center;\n}\n.style-module_ModalContainer__moKsA .style-module_Modal__zb62t .style-module_ModalHeader__9gl-m .style-module_ModalTitle__1p8oq {\n  font-weight: 500;\n  max-width: 300px;\n}\n.style-module_ModalContainer__moKsA .style-module_Modal__zb62t .style-module_ModalHeader__9gl-m .style-module_CloseButton__7ZNe8 {\n  cursor: pointer;\n  display: flex;\n  align-items: center;\n}\n.style-module_ModalContainer__moKsA .style-module_Modal__zb62t .style-module_ModalContent__Zs4AZ {\n  flex: 1 1 auto;\n  padding: 24px;\n  overflow-y: auto;\n}\n.style-module_ModalContainer__moKsA .style-module_Modal__zb62t .style-module_PolicyModal__B6KSz h1 {\n  font-size: 2em;\n  font-weight: bold;\n}\n.style-module_ModalContainer__moKsA .style-module_Modal__zb62t .style-module_PolicyModal__B6KSz h2 {\n  font-size: 1.5em;\n  font-weight: bold;\n}\n.style-module_ModalContainer__moKsA .style-module_Modal__zb62t .style-module_PolicyModal__B6KSz h3 {\n  font-size: 1.17em;\n  font-weight: bold;\n}\n.style-module_ModalContainer__moKsA .style-module_Modal__zb62t .style-module_PolicyModal__B6KSz h4 {\n  font-size: 1em;\n  font-weight: bold;\n}\n.style-module_ModalContainer__moKsA .style-module_Modal__zb62t .style-module_PolicyModal__B6KSz h5 {\n  font-size: 0.83em;\n  font-weight: bold;\n}\n.style-module_ModalContainer__moKsA .style-module_Modal__zb62t .style-module_PolicyModal__B6KSz h6 {\n  font-size: 0.67em;\n  font-weight: bold;\n}\n.style-module_ModalContainer__moKsA .style-module_Modal__zb62t .style-module_PolicyModal__B6KSz ol {\n  list-style-type: decimal;\n  padding-left: 24px;\n}\n.style-module_ModalContainer__moKsA .style-module_Modal__zb62t .style-module_PolicyModal__B6KSz ul {\n  list-style-type: disc;\n  padding-left: 24px;\n}\n.style-module_ModalContainer__moKsA .style-module_Modal__zb62t .style-module_PolicyModal__B6KSz b {\n  font-weight: bolder;\n}\n.style-module_ModalContainer__moKsA .style-module_Modal__zb62t .style-module_PolicyModal__B6KSz i {\n  font-style: italic;\n}\n@media only screen and (max-width: 1000px) {\n  .style-module_ModalContainer__moKsA .style-module_Modal__zb62t {\n    max-width: unset;\n    max-height: unset;\n    min-width: unset;\n    width: 100%;\n    height: 100%;\n    margin: 0;\n    border-radius: 0;\n  }\n  .style-module_ModalContainer__moKsA .style-module_Modal__zb62t .style-module_ModalHeader__9gl-m {\n    padding: 1.5em;\n  }\n}");export{e as default};