@ikas/storefront 5.0.3 → 5.0.5

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (84) hide show
  1. package/build/components/checkout/components/adyen/adyen.module.scss.js +1 -1
  2. package/build/components/checkout/components/adyen/index.d.ts +1 -0
  3. package/build/components/checkout/components/adyen/index.js +1 -1
  4. package/build/components/checkout/components/button/index.d.ts +1 -0
  5. package/build/components/checkout/components/button/index.js +1 -1
  6. package/build/components/checkout/components/button/style.module.scss.js +1 -1
  7. package/build/components/checkout/components/cart-summary/cart-item/index.d.ts +1 -0
  8. package/build/components/checkout/components/cart-summary/cart-item/index.js +1 -1
  9. package/build/components/checkout/components/cart-summary/cart-item/style.module.scss.js +1 -1
  10. package/build/components/checkout/components/cart-summary/index.d.ts +1 -0
  11. package/build/components/checkout/components/cart-summary/index.js +1 -1
  12. package/build/components/checkout/components/cart-summary/style.module.scss.js +1 -1
  13. package/build/components/checkout/components/expandable-section/index.js +1 -1
  14. package/build/components/checkout/components/expandable-section/style.module.scss.js +1 -1
  15. package/build/components/checkout/components/form-item/index.js +1 -1
  16. package/build/components/checkout/components/form-item/model.d.ts +2 -0
  17. package/build/components/checkout/components/form-item/model.js +1 -1
  18. package/build/components/checkout/components/klarna/index.js +1 -1
  19. package/build/components/checkout/components/offer-product/index.d.ts +13 -1
  20. package/build/components/checkout/components/offer-product/index.js +1 -1
  21. package/build/components/checkout/components/offer-product/offer-arrows/index.d.ts +7 -0
  22. package/build/components/checkout/components/offer-product/offer-arrows/index.js +1 -0
  23. package/build/components/checkout/components/offer-product/offer-arrows/style.module.scss.js +1 -0
  24. package/build/components/checkout/components/offer-product/offer-dots/index.d.ts +10 -0
  25. package/build/components/checkout/components/offer-product/offer-dots/index.js +1 -0
  26. package/build/components/checkout/components/offer-product/offer-dots/style.module.scss.js +1 -0
  27. package/build/components/checkout/components/offer-product/placeholder-offer-product.d.ts +7 -0
  28. package/build/components/checkout/components/offer-product/placeholder-offer-product.js +1 -0
  29. package/build/components/checkout/components/offer-product/select/style.module.scss.js +1 -1
  30. package/build/components/checkout/components/offer-product/style.module.scss.js +1 -1
  31. package/build/components/checkout/components/offer-product/useCampaignOffer.d.ts +17 -0
  32. package/build/components/checkout/components/offer-product/useCampaignOffer.js +1 -0
  33. package/build/components/checkout/components/paypal/index.js +1 -1
  34. package/build/components/checkout/components/select-box/style.module.scss.js +1 -1
  35. package/build/components/checkout/components/stripe/checkout-form.js +1 -1
  36. package/build/components/checkout/components/stripe/index.js +1 -1
  37. package/build/components/checkout/components/svg/chevron-down.d.ts +6 -0
  38. package/build/components/checkout/components/svg/chevron-down.js +1 -0
  39. package/build/components/checkout/components/svg/offer-arrow-left.d.ts +6 -0
  40. package/build/components/checkout/components/svg/offer-arrow-left.js +1 -0
  41. package/build/components/checkout/components/svg/offer-arrow-right.d.ts +6 -0
  42. package/build/components/checkout/components/svg/offer-arrow-right.js +1 -0
  43. package/build/components/checkout/components/svg/shopping-bag.d.ts +6 -0
  44. package/build/components/checkout/components/svg/shopping-bag.js +1 -0
  45. package/build/components/checkout/index.d.ts +18 -0
  46. package/build/components/checkout/index.js +1 -1
  47. package/build/components/checkout/model.d.ts +10 -10
  48. package/build/components/checkout/model.js +1 -1
  49. package/build/components/checkout/steps/step-payment/payment-gateways/index.js +1 -1
  50. package/build/components/checkout/steps/step-payment/payment-gateways/style.module.scss.js +1 -1
  51. package/build/components/checkout/steps/step-shipping/index.js +1 -1
  52. package/build/components/checkout/steps/step-success/index.js +1 -1
  53. package/build/components/checkout/steps/step-success/style.module.scss.js +1 -1
  54. package/build/components/checkout/style.module.scss.js +1 -1
  55. package/build/components/page/head.d.ts +2 -0
  56. package/build/components/page/head.js +1 -1
  57. package/build/components/page/index.js +1 -1
  58. package/build/hooks/index.d.ts +1 -0
  59. package/build/hooks/useCustomerReviews.d.ts +1 -0
  60. package/build/hooks/useCustomerReviews.js +1 -1
  61. package/build/hooks/useDimension.d.ts +4 -0
  62. package/build/hooks/useDimension.js +1 -0
  63. package/build/index.js +1 -1
  64. package/build/models/data/product/index.d.ts +3 -0
  65. package/build/models/data/product/index.js +1 -1
  66. package/build/models/data/product/sales-channel/index.d.ts +11 -0
  67. package/build/models/data/product/sales-channel/index.js +1 -0
  68. package/build/models/data/product/variant/bundle-settings/bundle-product/index.js +1 -1
  69. package/build/models/data/product/variant/bundle-settings/index.js +1 -1
  70. package/build/models/data/stock-location/address/country/index.d.ts +2 -0
  71. package/build/models/data/stock-location/address/country/index.js +1 -1
  72. package/build/models/data/theme-json/index.js +1 -1
  73. package/build/models/ui/customer-review-list/index.d.ts +3 -0
  74. package/build/models/ui/customer-review-list/index.js +1 -1
  75. package/build/models/ui/product-list/index.js +1 -1
  76. package/build/models/ui/validator/form/register.js +1 -1
  77. package/build/page-data-init/index.d.ts +3 -1
  78. package/build/page-data-init/index.js +1 -1
  79. package/build/pages/checkout.js +1 -1
  80. package/build/store/cart/index.js +1 -1
  81. package/build/store/checkout/index.d.ts +2 -2
  82. package/build/store/checkout/index.js +1 -1
  83. package/build/store/customer/api.js +1 -1
  84. package/package.json +11 -11
@@ -1 +1 @@
1
- import n from'./../../../../ext/style-inject/dist/style-inject.es.js';var e={AdyenContainer:"adyen-module_AdyenContainer__rZaiG"};n(".adyen-module_AdyenContainer__rZaiG .adyen-checkout__payment-method__radio--selected {\n background-color: #272727;\n}\n.adyen-module_AdyenContainer__rZaiG .adyen-checkout__button {\n display: none !important;\n}\n.adyen-module_AdyenContainer__rZaiG .adyen-checkout__input {\n border: 1px solid #e5e4e9;\n background-color: #fff;\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 !important;\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 margin: 5px 0;\n caret-color: black;\n}\n.adyen-module_AdyenContainer__rZaiG .adyen-checkout__input--focus.adyen-checkout__input--focus:hover {\n border: 1px solid black !important;\n box-shadow: 0 0 0 1px black !important;\n}\n.adyen-module_AdyenContainer__rZaiG .adyen-checkout__label--focused .adyen-checkout__label__text {\n color: #00112c;\n}\n.adyen-module_AdyenContainer__rZaiG .adyen-checkout__error-text {\n color: #fb4e4e;\n}\n.adyen-module_AdyenContainer__rZaiG .adyen-checkout__label__text--error {\n color: #fb4e4e;\n}\n.adyen-module_AdyenContainer__rZaiG .adyen-checkout__spinner {\n border: 3px solid rgb(0, 0, 0);\n border-radius: 50%;\n border-top-color: transparent;\n}");export{e as default};
1
+ import e from'./../../../../ext/style-inject/dist/style-inject.es.js';var n={AdyenContainer:"adyen-module_AdyenContainer__rZaiG",NotSelectedAdyenContainer:"adyen-module_NotSelectedAdyenContainer__DhQei"};e('.adyen-module_AdyenContainer__rZaiG .adyen-checkout__payment-method__radio--selected {\n background-color: #272727;\n width: 22px !important;\n height: 22px !important;\n transition: unset;\n}\n.adyen-module_AdyenContainer__rZaiG .adyen-checkout__button {\n display: none !important;\n}\n.adyen-module_AdyenContainer__rZaiG .adyen-checkout__input {\n border: 1px solid #e5e4e9;\n background-color: #fff;\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 !important;\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 margin: 5px 0;\n caret-color: black;\n}\n.adyen-module_AdyenContainer__rZaiG .adyen-checkout__input--focus.adyen-checkout__input--focus:hover {\n border: 1px solid black !important;\n box-shadow: 0 0 0 1px black !important;\n}\n.adyen-module_AdyenContainer__rZaiG .adyen-checkout__label--focused .adyen-checkout__label__text {\n color: #00112c;\n}\n.adyen-module_AdyenContainer__rZaiG .adyen-checkout__error-text {\n color: #fb4e4e;\n}\n.adyen-module_AdyenContainer__rZaiG .adyen-checkout__label__text--error {\n color: #fb4e4e;\n}\n.adyen-module_AdyenContainer__rZaiG .adyen-checkout__spinner {\n border: 3px solid rgb(0, 0, 0);\n border-radius: 50%;\n border-top-color: transparent;\n}\n.adyen-module_AdyenContainer__rZaiG .adyen-checkout__payment-method__radio {\n width: 20px;\n height: 20px;\n border: 1px solid var(--checkout-border-color);\n}\n.adyen-module_AdyenContainer__rZaiG .adyen-checkout__payment-method__header:hover\n .adyen-checkout__payment-method__radio {\n box-shadow: unset !important;\n border: 1px solid var(--checkout-border-color);\n outline: none !important;\n}\n.adyen-module_AdyenContainer__rZaiG .adyen-checkout__payment-method__header {\n padding-right: 16px;\n padding-top: 16px;\n padding-bottom: 16px;\n}\n.adyen-module_AdyenContainer__rZaiG .adyen-checkout__payment-method--selected\n + .adyen-checkout__payment-method {\n border-radius: 8px !important;\n}\n.adyen-module_AdyenContainer__rZaiG .adyen-checkout__payment-method:last-child {\n border-radius: 8px !important;\n margin-top: 16px;\n}\n.adyen-module_AdyenContainer__rZaiG .adyen-checkout__payment-method:first-child {\n border-radius: 8px !important;\n}\n.adyen-module_AdyenContainer__rZaiG .adyen-checkout__payment-method__radio--selected:after {\n content: "";\n width: 6px;\n background-color: #fff;\n height: 2px;\n rotate: 45deg;\n left: -8px;\n top: 11px;\n}\n.adyen-module_AdyenContainer__rZaiG .adyen-checkout__payment-method__radio--selected:before {\n content: "";\n width: 11px;\n background-color: #fff;\n height: 2px;\n rotate: 135deg;\n position: absolute;\n display: block;\n top: 9px;\n right: 3px;\n}\n.adyen-module_AdyenContainer__rZaiG .adyen-checkout__payment-method__name--selected {\n font-weight: normal;\n}\n.adyen-module_AdyenContainer__rZaiG .adyen-checkout__payment-method__header__title {\n padding: 0 4px;\n}\n.adyen-module_AdyenContainer__rZaiG .adyen-checkout__payment-method--selected {\n border: 1px solid var(--checkout-button-bg-color);\n box-shadow: 0 0 0 1px var(--checkout-button-bg-color);\n}\n\n.adyen-module_NotSelectedAdyenContainer__DhQei .adyen-checkout__payment-method__radio--selected:after {\n width: 0px;\n height: 0px;\n}\n.adyen-module_NotSelectedAdyenContainer__DhQei .adyen-checkout__payment-method__radio--selected:before {\n width: 0px;\n height: 0px;\n}\n.adyen-module_NotSelectedAdyenContainer__DhQei .adyen-checkout__payment-method__radio--selected {\n background-color: transparent;\n}\n.adyen-module_NotSelectedAdyenContainer__DhQei .adyen-checkout__payment-method--selected {\n background-color: transparent;\n max-height: 60px;\n border: 1px solid var(--checkout-border-color);\n box-shadow: unset;\n}\n.adyen-module_NotSelectedAdyenContainer__DhQei .adyen-checkout__payment-method {\n background-color: transparent;\n max-height: 60px;\n}\n.adyen-module_NotSelectedAdyenContainer__DhQei .adyen-checkout__payment-method__details {\n display: none;\n}');export{n as default};
@@ -3,6 +3,7 @@ import CheckoutViewModel from "../../model";
3
3
  import "@adyen/adyen-web/dist/adyen.css";
4
4
  declare type Props = {
5
5
  vm: CheckoutViewModel;
6
+ isSelected?: boolean;
6
7
  };
7
8
  export declare const Adyen: React.FC<Props>;
8
9
  export {};
@@ -1 +1 @@
1
- import{__awaiter as e,__generator as n}from'./../../../../ext/tslib/tslib.es6.js';import*as t from"react";import{observer as o}from"mobx-react-lite";import s from"@adyen/adyen-web";import"@adyen/adyen-web/dist/adyen.css";import r from"./adyen.module.scss.js";var i;!function(e){e.Authorised="Authorised",e.Cancelled="Cancelled"}(i||(i={}));var a=o((function(o){var a=o.vm,d=t.useRef(null);return t.useEffect((function(){e(void 0,void 0,void 0,(function(){var t,o,r;return n(this,(function(u){switch(u.label){case 0:return a.adyenResponse&&d.current?(t={environment:"test",clientKey:a.adyenResponse.clientKey,analytics:{enabled:!0},session:{id:a.adyenResponse.sessionId,sessionData:a.adyenResponse.sessionData},beforeSubmit:function(t,o,s){return e(void 0,void 0,void 0,(function(){return n(this,(function(e){return s.resolve(t),[2]}))}))},onPaymentCompleted:function(e,n){e.resultCode===i.Authorised&&a.adyenResponse?window.location.href="".concat(a.adyenResponse.returnUrl,"&redirectResult=").concat(e.sessionData):(a.isStepLoading=!1,setTimeout((function(){r.setStatus("ready")}),3e3))},onError:function(e,n){a.isStepLoading=!1,setTimeout((function(){r.setStatus("ready")}),3e3)},paymentMethodsConfiguration:{card:{showPayButton:!1}}},[4,s(t)]):[3,2];case 1:o=u.sent(),r=o.create("dropin").mount(d.current),a.setAdyenDropinElement(r),u.label=2;case 2:return[2]}}))}))}),[a.adyenResponse]),a.adyenResponse?t.createElement("div",{className:r.AdyenContainer},t.createElement("div",{ref:d})):null}));export{a as Adyen};
1
+ import{__awaiter as e,__generator as n}from'./../../../../ext/tslib/tslib.es6.js';import*as t from"react";import{observer as o}from"mobx-react-lite";import s from"@adyen/adyen-web";import"@adyen/adyen-web/dist/adyen.css";import i from"./adyen.module.scss.js";var r;!function(e){e.Authorised="Authorised",e.Cancelled="Cancelled"}(r||(r={}));var a=o((function(o){var a=o.vm,d=o.isSelected,c=t.useRef(null);return t.useEffect((function(){e(void 0,void 0,void 0,(function(){var t,o,i;return n(this,(function(d){switch(d.label){case 0:return a.adyenResponse&&c.current?(t={environment:"test",clientKey:a.adyenResponse.clientKey,analytics:{enabled:!0},session:{id:a.adyenResponse.sessionId,sessionData:a.adyenResponse.sessionData},beforeSubmit:function(t,o,s){return e(void 0,void 0,void 0,(function(){return n(this,(function(e){return s.resolve(t),[2]}))}))},onPaymentCompleted:function(e,n){e.resultCode===r.Authorised&&a.adyenResponse?window.location.href="".concat(a.adyenResponse.returnUrl,"&redirectResult=").concat(e.sessionData):(a.isStepLoading=!1,setTimeout((function(){i.setStatus("ready")}),3e3))},onError:function(e,n){a.isStepLoading=!1,setTimeout((function(){i.setStatus("ready")}),3e3)},paymentMethodsConfiguration:{card:{showPayButton:!1}}},[4,s(t)]):[3,2];case 1:o=d.sent(),i=o.create("dropin").mount(c.current),a.setAdyenDropinElement(i),d.label=2;case 2:return[2]}}))}))}),[a.adyenResponse]),a.adyenResponse?t.createElement("div",{className:[i.AdyenContainer,d?"":i.NotSelectedAdyenContainer].join(" ")},t.createElement("div",{ref:c})):null}));export{a as Adyen};
@@ -8,6 +8,7 @@ declare type Props = {
8
8
  size?: "large" | "medium";
9
9
  style?: React.CSSProperties;
10
10
  onClick?: () => void;
11
+ classes?: string;
11
12
  };
12
13
  export declare const Button: React.FC<Props>;
13
14
  export {};
@@ -1 +1 @@
1
- import*as e from"react";import{observer as t}from"mobx-react-lite";import i from"./style.module.scss.js";var o=t((function(t){var o=t.type,r=void 0===o?"button":o,s=t.text,a=t.style,m=t.onClick,l=t.size,n=t.isLoading,c=t.isDisabled,d=t.isLine;return e.createElement("button",{style:a,type:r,className:[i.Button,i.Dark,"medium"===l?i.Medium:i.Large,d?i.Line:"",c?i.Disabled:""].join(" "),onClick:n?void 0:m},n?e.createElement("div",{className:i.loader}):s)}));export{o as Button};
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};
@@ -1 +1 @@
1
- import e from'./../../../../ext/style-inject/dist/style-inject.es.js';var t={Button:"style-module_Button__6nJbC",Large:"style-module_Large__hkKzC",Medium:"style-module_Medium__mIppZ",Dark:"style-module_Dark__wBpK-",Disabled:"style-module_Disabled__q1oR3",FullWidthMobile:"style-module_FullWidthMobile__u3WzK",Line:"style-module_Line__CskG8",loader:"style-module_loader__0mmjk",load8:"style-module_load8__RHKLN"};e(".style-module_Button__6nJbC {\n cursor: pointer;\n user-select: none;\n border: 1px transparent solid;\n border-radius: 8px;\n font-weight: 600 !important;\n text-align: center;\n position: relative;\n transition: all 0.2s;\n display: flex;\n justify-content: center;\n align-items: center;\n}\n.style-module_Button__6nJbC:focus {\n outline: 0;\n}\n.style-module_Button__6nJbC.style-module_Large__hkKzC {\n height: 56px;\n padding: 0 24px;\n}\n.style-module_Button__6nJbC.style-module_Medium__mIppZ {\n height: 48px;\n padding: 0 16px;\n}\n.style-module_Button__6nJbC.style-module_Dark__wBpK- {\n background-color: var(--checkout-button-bg-color);\n color: var(--checkout-button-text-color);\n}\n.style-module_Button__6nJbC.style-module_Disabled__q1oR3 {\n background-color: var(--checkout-button-disabled-bg-color);\n color: var(--checkout-button-disabled-text-color);\n pointer-events: none;\n}\n@media only screen and (max-width: 1000px) {\n .style-module_Button__6nJbC.style-module_FullWidthMobile__u3WzK {\n width: 100%;\n }\n}\n.style-module_Button__6nJbC.style-module_Line__CskG8 {\n background-color: transparent;\n border-color: var(--checkout-border-color);\n color: var(--checkout-button-bg-color);\n}\n.style-module_Button__6nJbC.style-module_Line__CskG8 .style-module_loader__0mmjk {\n border-left: 0.5em solid var(--checkout-button-bg-color);\n}\n.style-module_Button__6nJbC .style-module_loader__0mmjk,\n.style-module_Button__6nJbC .style-module_loader__0mmjk:after {\n border-radius: 50%;\n width: 5em;\n height: 5em;\n}\n.style-module_Button__6nJbC .style-module_loader__0mmjk {\n font-size: 6px;\n position: relative;\n text-indent: -9999em;\n border-top: 0.5em solid rgba(255, 255, 255, 0.2);\n border-right: 0.5em solid rgba(255, 255, 255, 0.2);\n border-bottom: 0.5em solid rgba(255, 255, 255, 0.2);\n border-left: 0.5em solid var(--checkout-button-text-color);\n -webkit-transform: translateZ(0);\n -ms-transform: translateZ(0);\n transform: translateZ(0);\n -webkit-animation: style-module_load8__RHKLN 1.1s infinite linear;\n animation: style-module_load8__RHKLN 1.1s infinite linear;\n}\n@-webkit-keyframes style-module_load8__RHKLN {\n 0% {\n -webkit-transform: rotate(0deg);\n transform: rotate(0deg);\n }\n 100% {\n -webkit-transform: rotate(360deg);\n transform: rotate(360deg);\n }\n}\n@keyframes style-module_load8__RHKLN {\n 0% {\n -webkit-transform: rotate(0deg);\n transform: rotate(0deg);\n }\n 100% {\n -webkit-transform: rotate(360deg);\n transform: rotate(360deg);\n }\n}");export{t as default};
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};
@@ -7,6 +7,7 @@ declare type Props = {
7
7
  cartItem: IkasOrderLineItem;
8
8
  stockErrorItem?: IUnavailableItems;
9
9
  onChange?: (value: boolean) => void;
10
+ isSuccessPageSummary?: boolean;
10
11
  };
11
12
  export declare const CartItem: React.FC<Props>;
12
13
  export {};
@@ -1 +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/district/index.js";import"../../../../../models/data/favorite-product/index.js";import"../../../../../models/data/filter-category/index.js";import"../../../../../models/data/html-meta-data/index.js";import"../../../../../models/data/image/index.js";import"../../../../../models/data/order/address/region/index.js";import"../../../../../models/data/order/address/index.js";import"../../../../../models/data/order/line-item/option/value/index.js";import"../../../../../models/data/order/line-item/variant/value/index.js";import"../../../../../models/data/order/line-item/variant/index.js";import"../../../../../models/data/order/line-item/index.js";import"../../../../../models/data/order/package/index.js";import"../../../../../models/data/order/transaction/index.js";import"../../../../../models/data/order/index.js";import"../../../../../models/data/payment-gateway/index.js";import"../../../../../models/data/product/attribute-value/index.js";import"../../../../../models/data/product/filter/index.js";import"../../../../../models/data/product/campaign-offer/index.js";import"../../../../../models/data/product/option-set/option/index.js";import"../../../../../models/data/product/option-set/index.js";import"../../../../../models/data/product/stock-location/index.js";import"../../../../../models/data/product/variant/price/index.js";import"../../../../../models/data/product/variant/index.js";import"../../../../../models/data/variant-type/index.js";import"../../../../../models/data/product/index.js";import"../../../../../models/data/raffle/index.js";import"../../../../../models/data/shipping-zone/state/city/district/region/index.js";import"../../../../../models/data/state/index.js";import"../../../../../models/data/theme-json/index.js";import"../../../../../models/data/theme-json/component/index.js";import"../../../../../models/data/theme-json/custom-data/index.js";import"../../../../../models/data/variant-type/variant-value/index.js";import"@ikas/localized-address";import"../../../../../models/ui/blog-list/index.js";import"../../../../../models/ui/blog-category-list/index.js";import"../../../../../models/ui/brand-list/index.js";import"../../../../../models/ui/category-list/index.js";import"../../../../../models/ui/product-list/index.js";import"../../../../../models/ui/product-attribute-detail/index.js";import"../../../../../models/ui/product-attribute-list/index.js";import"../../../../../models/ui/customer-review-list/index.js";import"../../../../../models/ui/customer-review-summary-list/index.js";import"../../../../../models/ui/validator/index.js";import"../../../../../models/ui/validator/rules/index.js";import"../../../../../models/ui/validator/form/login.js";import"../../../../../models/ui/validator/form/address.js";import"../../../../../models/ui/validator/form/ikas-address.js";import"../../../../../models/ui/validator/form/register.js";import"../../../../../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 o}from"../../../../../utils/helper.js";import"@ikas/storefront-config";import{useTranslation as i}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 d from"./svg/arrow-down.js";import n from"./style.module.scss.js";var l=t((function(t){var l,c,u,p;t.vm,t.currencyCode;var v=t.cartItem,j=t.stockErrorItem,x=t.onChange,f=i().t,g=!j,E=e.useRef(null),N=e.useState(0),h=N[0],y=N[1],b=e.useState(!1),k=b[0],C=b[1],O=e.useState(!1),P=O[0],w=O[1];e.useEffect((function(){if(E.current){var e=24;Array.from(E.current.children).map((function(t){return e=e+t.clientHeight+12})),y(e)}}),[]),e.useEffect((function(){E.current&&(E.current.style.maxHeight=P?"".concat(h,"px"):"0")}),[P]);var I=e.useMemo((function(){var t;return e.createElement("div",null,null===(t=v.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:n.OptionRow},e.createElement("div",{className:n.OptionName},t.name),e.createElement("div",{className:n.OptionValue},t.values.map((function(e){return e.name||e.value})).join(", ")));case a.DATE_PICKER:return e.createElement("div",{className:n.OptionRow},e.createElement("div",{className:n.OptionName},t.name),e.createElement("div",{className:n.OptionValue},t.values.map((function(e){return t=e.value,(a=o(new Date(t)).split(" ")).splice(-1),a.join(" ");var t,a})).join(", ")));case a.FILE:return e.createElement("div",{className:n.OptionRow},e.createElement("div",{className:n.OptionName},t.name),e.createElement("div",{className:n.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:n.OptionRow},e.createElement("div",{className:n.OptionName},t.name),e.createElement("div",{className:n.OptionValue},t.values.length&&"true"===t.values[0].value?f("checkout-page:yes"):f("checkout-page:no")));case a.COLOR_PICKER:return e.createElement("div",{className:n.OptionRow},e.createElement("div",{className:n.OptionName},t.name),e.createElement("div",{className:n.OptionsHorContainer},t.values.map((function(t,a){return e.createElement("div",{key:a,className:n.OptionColorValue,style:{backgroundColor:t.value}})}))))}})))}),[]),R=[n.BundleProductsContainer,P?n.VisibleBundleProducts:""].join(" ");return e.createElement(e.Fragment,null,e.createElement("div",{className:n.CheckoutItem},e.createElement("div",{className:n.ImageContainer},e.createElement("img",{className:n.Image,src:null===(l=v.variant.mainImage)||void 0===l?void 0:l.thumbnailSrc}),e.createElement("div",{className:n.QuantityCircle},v.quantity)),e.createElement("div",{className:n.Center},!!j&&e.createElement("div",{className:n.StockErrorItemMain},e.createElement("span",null,v.quantity," ",f("checkout-page:quantity")),e.createElement("span",null,e.createElement(m,null)),e.createElement("span",null,j.stockCount<0?0:j.stockCount," ",f("checkout-page:quantity"))),e.createElement("div",{className:n.Name},v.variant.name),e.createElement("div",{className:[n.LightText,n.Small].join(" ")},null===(c=v.variant.variantValues)||void 0===c?void 0:c.map((function(e){return e.variantValueName})).join(" / ")),!!(null===(u=v.options)||void 0===u?void 0:u.length)&&e.createElement("div",{className:n.OptionsText,onClick:function(){return C(!0)}},f("checkout-page:customizedProduct")),v.variant.bundleProducts&&0!==v.variant.bundleProducts.length&&e.createElement("div",{className:n.BundleProducts,onClick:function(){w(!P),x&&setTimeout((function(){x(!P)}),200)}},f("checkout-page:bundleProductsQuantity",{value:v.variant.bundleProducts.length}),e.createElement("span",{style:{paddingTop:2,transform:P?void 0:"rotate(180deg)"}},e.createElement(d,null))),!!k&&e.createElement(r,{title:v.variant.name,modalContent:I,onClose:function(){return C(!1)}})),g&&e.createElement("div",{className:n.Right},e.createElement("div",{className:n.Price},!!v.overridenPriceWithQuantity&&e.createElement("span",{className:n.GrayPrice},v.formattedOverridenPriceWithQuantity),v.formattedFinalPriceWithQuantity),v.unitPriceText&&e.createElement("div",{className:[n.LightText,n.Small].join(" ")},v.unitPriceText))),e.createElement("div",{ref:E,className:R},null===(p=v.variant.bundleProducts)||void 0===p?void 0:p.map((function(t){return e.createElement(s,{bundleProduct:t})}))))}));export{l as CartItem};
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/district/index.js";import"../../../../../models/data/favorite-product/index.js";import"../../../../../models/data/filter-category/index.js";import"../../../../../models/data/html-meta-data/index.js";import"../../../../../models/data/image/index.js";import"../../../../../models/data/order/address/region/index.js";import"../../../../../models/data/order/address/index.js";import"../../../../../models/data/order/line-item/option/value/index.js";import"../../../../../models/data/order/line-item/variant/value/index.js";import"../../../../../models/data/order/line-item/variant/index.js";import"../../../../../models/data/order/line-item/index.js";import"../../../../../models/data/order/package/index.js";import"../../../../../models/data/order/transaction/index.js";import"../../../../../models/data/order/index.js";import"../../../../../models/data/payment-gateway/index.js";import"../../../../../models/data/product/attribute-value/index.js";import"../../../../../models/data/product/filter/index.js";import"../../../../../models/data/product/campaign-offer/index.js";import"../../../../../models/data/product/option-set/option/index.js";import"../../../../../models/data/product/option-set/index.js";import"../../../../../models/data/product/stock-location/index.js";import"../../../../../models/data/product/variant/price/index.js";import"../../../../../models/data/product/variant/index.js";import"../../../../../models/data/variant-type/index.js";import"../../../../../models/data/product/index.js";import"../../../../../models/data/raffle/index.js";import"../../../../../models/data/shipping-zone/state/city/district/region/index.js";import"../../../../../models/data/state/index.js";import"../../../../../models/data/theme-json/index.js";import"../../../../../models/data/theme-json/component/index.js";import"../../../../../models/data/theme-json/custom-data/index.js";import"../../../../../models/data/variant-type/variant-value/index.js";import"@ikas/localized-address";import"../../../../../models/ui/blog-list/index.js";import"../../../../../models/ui/blog-category-list/index.js";import"../../../../../models/ui/brand-list/index.js";import"../../../../../models/ui/category-list/index.js";import"../../../../../models/ui/product-list/index.js";import"../../../../../models/ui/product-attribute-detail/index.js";import"../../../../../models/ui/product-attribute-list/index.js";import"../../../../../models/ui/customer-review-list/index.js";import"../../../../../models/ui/customer-review-summary-list/index.js";import"../../../../../models/ui/validator/index.js";import"../../../../../models/ui/validator/rules/index.js";import"../../../../../models/ui/validator/form/login.js";import"../../../../../models/ui/validator/form/address.js";import"../../../../../models/ui/validator/form/ikas-address.js";import"../../../../../models/ui/validator/form/register.js";import"../../../../../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;t.vm,t.currencyCode;var v=t.cartItem,j=t.stockErrorItem,x=t.onChange,f=t.isSuccessPageSummary,g=o().t,E=!j,N=e.useRef(null),h=e.useState(0),y=h[0],P=h[1],b=e.useState(!1),C=b[0],k=b[1],O=e.useState(!1),w=O[0],T=O[1];e.useEffect((function(){if(N.current){var e=24;Array.from(N.current.children).map((function(t){return e=e+t.clientHeight+12})),P(e)}}),[]),e.useEffect((function(){N.current&&(N.current.style.maxHeight=w?"".concat(y,"px"):"0")}),[w]);var I=e.useMemo((function(){var t;return e.createElement("div",null,null===(t=v.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?g("checkout-page:yes"):g("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}})}))))}})))}),[]),R=[d.BundleProductsContainer,w?d.VisibleBundleProducts:""].join(" ");return e.createElement(e.Fragment,null,e.createElement("div",{className:d.CheckoutItem},e.createElement("div",{className:[d.ImageContainer,f?d.SuccessPageImageContainer:""].join(" ")},e.createElement("img",{className:d.Image,src:null===(l=v.variant.mainImage)||void 0===l?void 0:l.thumbnailSrc}),e.createElement("div",{className:d.QuantityCircle},v.quantity)),e.createElement("div",{className:d.Center},!!j&&e.createElement("div",{className:d.StockErrorItemMain},e.createElement("span",null,v.quantity," ",g("checkout-page:quantity")),e.createElement("span",null,e.createElement(m,null)),e.createElement("span",null,j.stockCount<0?0:j.stockCount," ",g("checkout-page:quantity"))),e.createElement("div",{className:[d.Name,f?d.SuccessPageName:""].join(" ")},v.variant.name),e.createElement("div",{className:[d.LightText,f?"":d.Small].join(" ")},null===(c=v.variant.variantValues)||void 0===c?void 0:c.map((function(e){return e.variantValueName})).join(" / ")),!!f&&E&&e.createElement("div",{className:[d.Right,f?d.SuccessPagePriceMain:""].join(" ")},e.createElement("div",{className:d.Price},!!v.overridenPriceWithQuantity&&e.createElement("span",{className:d.GrayPrice},v.formattedOverridenPriceWithQuantity),e.createElement("span",{className:d.FinalPrice},v.formattedFinalPriceWithQuantity)),v.unitPriceText&&e.createElement("div",{className:[d.LightText,d.Small].join(" ")},v.unitPriceText)),!!(null===(u=v.options)||void 0===u?void 0:u.length)&&e.createElement("div",{className:d.OptionsText,onClick:function(){return k(!0)}},g("checkout-page:customizedProduct")),v.variant.bundleProducts&&0!==v.variant.bundleProducts.length&&e.createElement("div",{className:d.BundleProducts,onClick:function(){T(!w),x&&setTimeout((function(){x(!w)}),200)}},g("checkout-page:bundleProductsQuantity",{value:v.variant.bundleProducts.length}),e.createElement("span",{style:{paddingTop:2,transform:w?void 0:"rotate(180deg)"}},e.createElement(n,null))),!!C&&e.createElement(r,{title:v.variant.name,modalContent:I,onClose:function(){return k(!1)}})),E&&!f&&e.createElement("div",{className:d.Right},e.createElement("div",{className:d.Price},!!v.overridenPriceWithQuantity&&e.createElement("span",{className:d.GrayPrice},v.formattedOverridenPriceWithQuantity),v.formattedFinalPriceWithQuantity),v.unitPriceText&&e.createElement("div",{className:[d.LightText,d.Small].join(" ")},v.unitPriceText))),e.createElement("div",{ref:N,className:R},null===(p=v.variant.bundleProducts)||void 0===p?void 0:p.map((function(t){return e.createElement(s,{bundleProduct:t})}))))}));export{l as CartItem};
@@ -1 +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",Center:"style-module_Center__ZOloc",StockErrorItemMain:"style-module_StockErrorItemMain__RprLM",Name:"style-module_Name__z-5-n",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",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_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_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_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_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};
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_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};
@@ -3,6 +3,7 @@ import CheckoutViewModel from "../../model";
3
3
  declare type Props = {
4
4
  vm: CheckoutViewModel;
5
5
  allowExpand?: boolean;
6
+ isSuccessPageSummary?: boolean;
6
7
  };
7
8
  export declare enum CouponErrorCode {
8
9
  COUPON_CODE_NOT_EXIST = "COUPON_CODE_NOT_EXIST",
@@ -1 +1 @@
1
- import{__awaiter as e,__generator as t}from'./../../../../ext/tslib/tslib.es6.js';import*as o from"react";import{observer as n}from"mobx-react-lite";import a from"lodash/sortBy";import c from"../input-with-button/index.js";import l from"../notification-box/index.js";import{CheckoutStep as r}from"../../model.js";import{IkasStorefrontConfig as i}from"@ikas/storefront-config";import{formatCurrency as u}from"../../../../utils/currency.js";import{useTranslation as s}from"../../../../utils/i18n.js";import{CartItem as m}from"./cart-item/index.js";import{FormItem as p}from"../form-item/index.js";import{FormItemType as d}from"../form-item/model.js";import E from"../tooltip/index.js";import C from"../svg/arrow-down.js";import h from"../svg/cross.js";import v from"../svg/gift.js";import f from"../../styles/common.module.scss.js";import g from"./style.module.scss.js";import k from"../svg/ikas.js";import{Button as N}from"../button/index.js";var y;!function(e){e.COUPON_CODE_NOT_EXIST="COUPON_CODE_NOT_EXIST",e.COUPON_CODE_NOT_EXIST_FOR_GUESS="COUPON_CODE_NOT_EXIST_FOR_GUESS"}(y||(y={}));var S=n((function(e){var t,n,a=e.vm,c=e.allowExpand,p=a.checkout,d=s().t,E=o.useState(!c),h=E[0],v=E[1],f=o.useState(!1),N=f[0],S=f[1],P=o.useState(null),_=P[0],I=P[1],A=o.useState(0),w=A[0],R=A[1],D=o.useState(null),U=D[0],B=D[1],L=o.useState(!1),F=L[0],M=L[1],V=o.useState(!1),X=V[0],G=V[1],q=o.useState(!1),H=q[0],z=q[1];o.useEffect((function(){c&&(h?U&&R(U.getBoundingClientRect().height):R(0))}),[h,U,c,F,X,N,H]);var $=o.useMemo((function(){switch(_){case y.COUPON_CODE_NOT_EXIST:return d("checkout-page:giftCodeErrorDescription");case y.COUPON_CODE_NOT_EXIST_FOR_GUESS:return d("checkout-page:mustBeSignInToApplyCampaign");default:return""}}),[_]),Q=[g.CartSummary,c?g.HideOnDesktop:""].join(" "),J=c?{height:w+"px"}:void 0,K=[g.ArrowDown,h?g.Rotated:""].join(" ");return p?o.createElement(o.Fragment,null,!!c&&o.createElement(o.Fragment,null,o.createElement("div",{id:"checkout-mobile-summary-header"}),o.createElement("div",{className:g.ExpandHeader,onClick:function(){if(!h){var e=document.getElementById("Checkout"),t=document.getElementById("checkout-mobile-summary-header");e&&t&&e.scrollTo({top:t.offsetTop,behavior:"smooth"})}v(!h)}},o.createElement("div",{className:g.Left},d("checkout-page:summary")),o.createElement("div",{className:g.Price},o.createElement("span",{className:g.PriceText},"".concat(u(a.finalPrice||0,p.currencyCode,p.currencySymbol)," (").concat(p.itemQuantity," ").concat(d("checkout-page:cartItemProduct"),")")),o.createElement("span",{className:K},o.createElement(C,null))))),o.createElement("div",{className:Q},o.createElement("div",{className:g.DetailsContainer,style:J},o.createElement("div",{className:g.Details,ref:B},o.createElement("div",{className:g.ItemsContainer},p.items.map((function(e,t){return o.createElement(m,{key:t,vm:a,cartItem:e,currencyCode:p.currencyCode,onChange:z})}))),o.createElement("div",{className:g.Divider}),o.createElement("div",{className:g.SubTotalInfo},N&&o.createElement("div",{className:g.NotificationContainer},o.createElement(l,{type:"warning",title:d("checkout-page:giftCodeErrorTitle"),content:$,onClose:function(){S(!1),I(null)}})),o.createElement(T,{label:d("checkout-page:subtotal"),value:p.formattedTotalPrice,tooltipText:d("checkout-page:subtotalTooltip"),hideMarginBottom:!a.isCouponCodeVisible}),!!(null===(t=p.shippingLines)||void 0===t?void 0:t.length)&&o.createElement(T,{label:d("checkout-page:cartShippingTitle"),value:p.shippingTotal?p.formattedShippingTotal:d("checkout-page:free")}),!!a.installmentExtraPrice&&o.createElement(T,{label:d("checkout-page:cartInterest"),value:u(a.installmentExtraPrice,p.currencyCode,p.currencySymbol)}),o.createElement(b,{vm:a}),o.createElement(x,{vm:a}),(a.step===r.SUCCESS&&(!!a.checkout.note||!!a.checkout.appliedCouponCode)||a.step!==r.SUCCESS)&&a.isCouponCodeVisible&&o.createElement("div",{className:g.Divider,style:{marginTop:"24px",marginBottom:"24px"}}),o.createElement(O,{vm:a,isAddingCoupon:X,setAddingCoupon:G,setCouponError:S,setCouponErrorCode:I}),o.createElement(j,{vm:a,isAddingNote:F,setAddingNote:M})),o.createElement("div",{className:g.TotalContainer},o.createElement("div",{className:g.TitleContainer},o.createElement("div",{className:g.Title},d("checkout-page:total"))),o.createElement("div",null,o.createElement("div",{className:g.TotalPricesContainer},o.createElement("div",{className:g.TotalPrice},u(a.finalPrice||0,p.currencyCode,p.currencySymbol)),!!p.$totalTax&&!!(null===(n=a.customizationProps)||void 0===n?void 0:n.showTax)&&o.createElement("div",{className:[g.TotalTax].join(" ")},d("checkout-page:cartTaxTitle")+" "+p.$formattedTotalTax)))),o.createElement("div",{className:g.PoweredBy},o.createElement("span",null,"powered by"),o.createElement("a",{href:"https://ikas.com"+("tr"===i.getCurrentLocale()?"/tr":""),target:"_blank"},o.createElement(k,null))))))):null})),T=n((function(e){var t=e.label,n=e.value,a=e.tooltipText,c=e.hideMarginBottom;return o.createElement("div",{className:[g.InfoRow,c?g.hideMb:""].join(" ")},o.createElement("div",{className:g.Label},o.createElement("span",null,t),!!a&&o.createElement(E,{text:a,style:{marginLeft:"8px"}})),o.createElement("div",{className:g.Value},n))})),b=n((function(e){var t=e.vm,n=s().t;return t.checkout?o.createElement(o.Fragment,null,a(t.checkout.nonCouponAdjustments||[],"order").map((function(e,a){return o.createElement("div",{className:g.InfoRow,key:a},o.createElement("div",{className:g.Label},"INTEREST"===e.name?n("checkout-page:cartInterest"):e.name),o.createElement("div",{className:g.Value},o.createElement("span",null,"DECREMENT"===e.type?"- ":"")," ",o.createElement("span",null,u(e.amount,t.checkout.currencyCode,t.checkout.currencySymbol))))}))):null})),x=n((function(e){var t,n,a=e.vm,c=s().t;return a.checkout?o.createElement(o.Fragment,null,a.step!==r.SUCCESS&&((null===(t=a.checkout.selectedPaymentGateway)||void 0===t?void 0:t.getCalculatedAdditionalPrices(a.checkout.totalFinalPrice||0,a.checkout.shippingLines||null))||[]).filter((function(e){return 0!==e.amount})).map((function(e,t){return o.createElement("div",{className:g.InfoRow,key:t},o.createElement("div",{className:g.Label},e.name),o.createElement("div",{className:g.Value},o.createElement("span",null,"DECREMENT"===e.type?"- ":"")," ",o.createElement("span",null,u(e.amount,a.checkout.currencyCode,a.checkout.currencySymbol))))})),null===(n=a.checkout.giftPackageLines)||void 0===n?void 0:n.map((function(e,t){return o.createElement("div",{className:g.InfoRow,key:t},o.createElement("div",{className:g.Label},o.createElement("div",{className:g.GiftLabel},o.createElement(v,{style:{position:"relative",top:"-1px"}}),o.createElement("span",null,c("checkout-page:giftPackage")))),o.createElement("div",{className:g.Value},o.createElement("span",null,u(e.price,a.checkout.currencyCode,a.checkout.currencySymbol))))}))):null})),O=n((function(n){var a=n.vm,l=n.isAddingCoupon,i=n.setAddingCoupon,m=n.setCouponError,E=n.setCouponErrorCode,C=n.isOpenCouponCode,v=s().t,k=o.useState(""),y=k[0],S=k[1],T=o.useState(!1),b=T[0],x=T[1],O=o.useRef(null);o.useEffect((function(){l&&O.current&&O.current.focus()}),[l]);var j=function(){return e(void 0,void 0,void 0,(function(){return t(this,(function(e){switch(e.label){case 0:return a.checkout.couponCode=y,x(!0),[4,a.onCouponCodeApply()];case 1:return e.sent(),x(!1),S(""),!a.checkout.appliedCouponCode||a.couponError?[3,3]:(i(!1),m(!1),E(null),[4,a.reInitPaymentMethod()]);case 2:return e.sent(),[3,4];case 3:a.checkout.couponCode=null,m(!0),E(a.couponError),e.label=4;case 4:return[2]}}))}))},P=function(){return e(void 0,void 0,void 0,(function(){return t(this,(function(e){switch(e.label){case 0:return a.checkout.couponCode=null,x(!0),[4,a.onCouponCodeApply()];case 1:return e.sent(),[4,a.reInitPaymentMethod()];case 2:return e.sent(),x(!1),[2]}}))}))},_=a.step===r.SUCCESS,I=a.step===r.SHIPPING;if(_&&!a.checkout.appliedCouponCode)return null;var A=a.checkout.couponAdjustment,w=!(!a.checkout.appliedCouponCode||l),R=!!a.checkout.appliedCouponCode&&C;return o.createElement(o.Fragment,null,!!C&&o.createElement(o.Fragment,null,o.createElement("div",{className:[g.CartSummary,g.OpenCouponCodeSummary].join(" ")},o.createElement("div",{className:f.FormSectionTitle},o.createElement("div",{style:{paddingBottom:R?0:6},className:f.Title},v("checkout-page:couponCode")),R&&o.createElement("div",{className:[g.ActionTextBtn,g.NoUnderline,g.Light].join(" ")},o.createElement("span",{className:[g.AppliedCoupon,g.AppliedCouponBgGray].join(" ")},o.createElement("span",{className:g.CouponCode},a.checkout.appliedCouponCode),!_&&o.createElement("span",{className:g.ClearCoupon,onClick:P},o.createElement(h,null))))))),w&&!I&&!a.isCouponCodeRequirementDefult&&o.createElement("div",{className:g.Divider,style:{marginTop:"24px",marginBottom:"24px"}}),o.createElement("div",{className:g.InfoRow},!a.checkout.appliedCouponCode&&!l&&a.isCouponCodeVisible&&o.createElement("div",{className:g.ActionTextBtn,onClick:function(){return i(!0)}},v("checkout-page:addCouponCode")),l&&!C&&o.createElement(c,{value:y,placeholder:v("checkout-page:couponCode"),buttonLabel:v("checkout-page:actions.apply"),inputRef:O,onClick:j,isLoading:b,onChange:S}),C&&!R&&o.createElement("div",{className:g.OpenCouponCodeMain},o.createElement(p,{label:v("checkout-page:couponCode"),type:d.TEXT,value:y,onChange:S}),o.createElement(N,{style:{width:"33%"},text:v("checkout-page:actions.apply"),isLoading:b,onClick:j})),w&&o.createElement("div",{className:[g.ActionTextBtn,g.NoUnderline,g.Light].join(" ")},v("checkout-page:couponCode"),o.createElement("span",{className:[g.AppliedCoupon,a.isCouponCodeRequirementDefult?"":g.NotClosed].join(" ")},o.createElement("span",{className:g.CouponCode},a.checkout.appliedCouponCode),a.step!==r.SUCCESS&&a.isCouponCodeRequirementDefult&&o.createElement("span",{className:g.ClearCoupon,onClick:P},o.createElement(h,null)))),w&&o.createElement("div",{className:g.Value},o.createElement("span",null,"DECREMENT"===(null==A?void 0:A.type)?"- ":"")," ",o.createElement("span",null,u((null==A?void 0:A.amount)||0,a.checkout.currencyCode,a.checkout.currencySymbol)))))})),j=n((function(e){var t=e.vm,n=e.isAddingNote,a=e.setAddingNote,c=s().t,l=o.useState(t.checkout.note?c("checkout-page:editOrderNote"):c("checkout-page:addOrderNote"))[0],i=o.useCallback((function(){a(!0)}),[]),u=o.useCallback((function(e){t.checkout.note=e}),[t,t.checkout]);if(!t.checkoutSettings.showCheckoutNote)return null;var m=t.step===r.SUCCESS;return m&&!t.checkout.note?null:o.createElement("div",{className:g.InfoRow},!n&&!m&&o.createElement("div",{className:g.ActionTextBtn,onClick:i},l),(n||m)&&o.createElement("div",{className:[g.CheckoutNoteContainer,m?g.Success:""].join(" ")},o.createElement("div",{className:g.Title},c("checkout-page:orderNote")),m?o.createElement("div",{className:g.CheckoutNoteDisplay},t.checkout.note):o.createElement(p,{style:{width:"100%"},type:d.TEXT_AREA,disableResize:!0,label:"",value:t.checkout.note||"",onChange:u})))}));export{S as CartSummary,O as Coupon,y as CouponErrorCode};
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 l from"../notification-box/index.js";import{CheckoutStep as r}from"../../model.js";import{IkasStorefrontConfig as i}from"@ikas/storefront-config";import{formatCurrency as u}from"../../../../utils/currency.js";import{useTranslation as s}from"../../../../utils/i18n.js";import{CartItem as m}from"./cart-item/index.js";import{FormItem as d}from"../form-item/index.js";import{FormItemType as p}from"../form-item/model.js";import E from"../tooltip/index.js";import C from"../svg/arrow-down.js";import h from"../svg/cross.js";import v from"../svg/gift.js";import f from"../../styles/common.module.scss.js";import g from"./style.module.scss.js";import k from"../svg/ikas.js";import{Button as N}from"../button/index.js";var y;!function(e){e.COUPON_CODE_NOT_EXIST="COUPON_CODE_NOT_EXIST",e.COUPON_CODE_NOT_EXIST_FOR_GUESS="COUPON_CODE_NOT_EXIST_FOR_GUESS"}(y||(y={}));var S=o((function(e){var t,o,a=e.vm,c=e.allowExpand,d=e.isSuccessPageSummary,p=a.checkout,E=s().t,h=n.useState(!c),v=h[0],f=h[1],N=n.useState(!1),S=N[0],j=N[1],I=n.useState(null),_=I[0],w=I[1],A=n.useState(0),D=A[0],R=A[1],L=n.useState(null),U=L[0],B=L[1],F=n.useState(!1),M=F[0],V=F[1],X=n.useState(!1),G=X[0],q=X[1],H=n.useState(!1),z=H[0],$=H[1];n.useEffect((function(){c&&(v?U&&R(U.getBoundingClientRect().height):R(0))}),[v,U,c,M,G,S,z]);var K=n.useMemo((function(){switch(_){case y.COUPON_CODE_NOT_EXIST:return E("checkout-page:giftCodeErrorDescription");case y.COUPON_CODE_NOT_EXIST_FOR_GUESS:return E("checkout-page:mustBeSignInToApplyCampaign");default:return""}}),[_]),Q=[g.CartSummary,c?g.HideOnDesktop:"",d?g.SuccessPageCartSummary:""].join(" "),J=c?{height:D+"px"}:void 0,W=[g.ArrowDown,v?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(!v){var e=document.getElementById("Checkout"),t=document.getElementById("checkout-mobile-summary-header");e&&t&&e.scrollTo({top:t.offsetTop,behavior:"smooth"})}f(!v)}},n.createElement("div",{className:g.Left},E("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(E("checkout-page:cartItemProduct"),")")),n.createElement("span",{className:W},n.createElement(C,null))))),n.createElement("div",{className:Q},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:$,isSuccessPageSummary:d})})))),n.createElement("div",{className:g.Divider}),n.createElement("div",{className:g.SubTotalInfo},S&&n.createElement("div",{className:g.NotificationContainer},n.createElement(l,{type:"warning",title:E("checkout-page:giftCodeErrorTitle"),content:K,onClose:function(){j(!1),w(null)}})),n.createElement(T,{label:E("checkout-page:subtotal"),value:p.formattedTotalPrice,tooltipText:E("checkout-page:subtotalTooltip"),hideMarginBottom:!a.isCouponCodeVisible}),!!(null===(t=p.shippingLines)||void 0===t?void 0:t.length)&&n.createElement(T,{label:E("checkout-page:cartShippingTitle"),value:p.shippingTotal?p.formattedShippingTotal:E("checkout-page:free")}),!!a.installmentExtraPrice&&n.createElement(T,{label:E("checkout-page:cartInterest"),value:u(a.installmentExtraPrice,p.currencyCode,p.currencySymbol)}),n.createElement(b,{vm:a}),n.createElement(x,{vm:a}),(a.step===r.SUCCESS&&(!!a.checkout.note||!!a.checkout.appliedCouponCode)||a.step!==r.SUCCESS)&&a.isCouponCodeVisible&&n.createElement("div",{className:g.Divider,style:{marginTop:"24px",marginBottom:"24px"}}),n.createElement(O,{vm:a,isAddingCoupon:G,setAddingCoupon:q,setCouponError:j,setCouponErrorCode:w}),n.createElement(P,{vm:a,isAddingNote:M,setAddingNote:V})),n.createElement("div",{className:[g.TotalContainer,d?g.SuccessPageTotalContainer:""].join(" ")},n.createElement("div",{className:g.TitleContainer},n.createElement("div",{className:g.Title},E("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(" ")},E("checkout-page:cartTaxTitle")+" "+p.$formattedTotalTax)))),!d&&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})),T=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(E,{text:a,style:{marginLeft:"8px"}})),n.createElement("div",{className:g.Value},o))})),b=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})),x=o((function(e){var t,o,a=e.vm,c=s().t;return a.checkout?n.createElement(n.Fragment,null,a.step!==r.SUCCESS&&((null===(t=a.checkout.selectedPaymentGateway)||void 0===t?void 0:t.getCalculatedAdditionalPrices(a.checkout.totalFinalPrice||0,a.checkout.shippingLines||null))||[]).filter((function(e){return 0!==e.amount})).map((function(e,t){return n.createElement("div",{className:g.InfoRow,key:t},n.createElement("div",{className:g.Label},e.name),n.createElement("div",{className:g.Value},n.createElement("span",null,"DECREMENT"===e.type?"- ":"")," ",n.createElement("span",null,u(e.amount,a.checkout.currencyCode,a.checkout.currencySymbol))))})),null===(o=a.checkout.giftPackageLines)||void 0===o?void 0:o.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,c("checkout-page:giftPackage")))),n.createElement("div",{className:g.Value},n.createElement("span",null,u(e.price,a.checkout.currencyCode,a.checkout.currencySymbol))))}))):null})),O=o((function(o){var a=o.vm,l=o.isAddingCoupon,i=o.setAddingCoupon,m=o.setCouponError,E=o.setCouponErrorCode,C=o.isOpenCouponCode,v=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(){l&&O.current&&O.current.focus()}),[l]);var P=function(){return e(void 0,void 0,void 0,(function(){return t(this,(function(e){switch(e.label){case 0:return a.checkout.couponCode=y,x(!0),[4,a.onCouponCodeApply()];case 1:return e.sent(),x(!1),S(""),!a.checkout.appliedCouponCode||a.couponError?[3,3]:(i(!1),m(!1),E(null),[4,a.reInitPaymentMethod()]);case 2:return e.sent(),[3,4];case 3:a.checkout.couponCode=null,m(!0),E(a.couponError),e.label=4;case 4:return[2]}}))}))},j=function(){return e(void 0,void 0,void 0,(function(){return t(this,(function(e){switch(e.label){case 0:return a.checkout.couponCode=null,x(!0),[4,a.onCouponCodeApply()];case 1:return e.sent(),[4,a.reInitPaymentMethod()];case 2:return e.sent(),x(!1),[2]}}))}))},I=a.step===r.SUCCESS,_=a.step===r.SHIPPING;if(I&&!a.checkout.appliedCouponCode)return null;var w=a.checkout.couponAdjustment,A=!(!a.checkout.appliedCouponCode||l),D=!!a.checkout.appliedCouponCode&&C;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:D?0:6},className:f.Title},v("checkout-page:couponCode")),D&&n.createElement("div",{className:[g.ActionTextBtn,g.NoUnderline,g.Light].join(" ")},n.createElement("span",{className:[g.AppliedCoupon,g.AppliedCouponBgGray].join(" ")},n.createElement("span",{className:g.CouponCode},a.checkout.appliedCouponCode),!I&&n.createElement("span",{className:g.ClearCoupon,onClick:j},n.createElement(h,null))))))),A&&!_&&!a.isCouponCodeRequirementDefult&&n.createElement("div",{className:g.Divider,style:{marginTop:"24px",marginBottom:"24px"}}),n.createElement("div",{className:g.InfoRow},!a.checkout.appliedCouponCode&&!l&&a.isCouponCodeVisible&&n.createElement("div",{className:g.ActionTextBtn,onClick:function(){return i(!0)}},v("checkout-page:addCouponCode")),l&&!C&&n.createElement(c,{value:y,placeholder:v("checkout-page:couponCode"),buttonLabel:v("checkout-page:actions.apply"),inputRef:O,onClick:P,isLoading:b,onChange:S}),C&&!D&&n.createElement("div",{tabIndex:0,onKeyDown:function(e){"Enter"===e.key&&P()},className:g.OpenCouponCodeMain},n.createElement(d,{label:v("checkout-page:couponCode"),type:p.TEXT,value:y,onChange:S}),n.createElement(N,{style:{width:"33%"},text:v("checkout-page:actions.apply"),isLoading:b,onClick:P})),A&&n.createElement("div",{className:[g.ActionTextBtn,g.NoUnderline,g.Light].join(" ")},v("checkout-page:couponCode"),n.createElement("span",{className:[g.AppliedCoupon,a.isCouponCodeRequirementDefult?"":g.NotClosed].join(" ")},n.createElement("span",{className:g.CouponCode},a.checkout.appliedCouponCode),a.step!==r.SUCCESS&&a.isCouponCodeRequirementDefult&&n.createElement("span",{className:g.ClearCoupon,onClick:j},n.createElement(h,null)))),A&&n.createElement("div",{className:g.Value},n.createElement("span",null,"DECREMENT"===(null==w?void 0:w.type)?"- ":"")," ",n.createElement("span",null,u((null==w?void 0:w.amount)||0,a.checkout.currencyCode,a.checkout.currencySymbol)))))})),P=o((function(e){var t=e.vm,o=e.isAddingNote,a=e.setAddingNote,c=s().t,l=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===r.SUCCESS;return m&&!t.checkout.note?null:n.createElement("div",{className:g.InfoRow},!o&&!m&&n.createElement("div",{className:g.ActionTextBtn,onClick:i},l),(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{S as CartSummary,O as Coupon,y as CouponErrorCode};
@@ -1 +1 @@
1
- import e from'./../../../../ext/style-inject/dist/style-inject.es.js';var n={ExpandHeader:"style-module_ExpandHeader__LQwWm",Left:"style-module_Left__-N12h",Price:"style-module_Price__OT1Wh",PriceText:"style-module_PriceText__bq1pk",ArrowDown:"style-module_ArrowDown__YhRny",Rotated:"style-module_Rotated__ZPfId",CartSummary:"style-module_CartSummary__m77tn",OpenCouponCodeSummary:"style-module_OpenCouponCodeSummary__ua9wx",HideOnDesktop:"style-module_HideOnDesktop__Vs5AV",ItemsContainer:"style-module_ItemsContainer__QFKQV",DetailsContainer:"style-module_DetailsContainer__PK33m",Details:"style-module_Details__hWJ9o",Divider:"style-module_Divider__MNDti",ActionTextBtn:"style-module_ActionTextBtn__7yua4",NoUnderline:"style-module_NoUnderline__FphKn",Light:"style-module_Light__dIcW-",SubTotalInfo:"style-module_SubTotalInfo__JMqK9",InfoRow:"style-module_InfoRow__oAvZS",hideMb:"style-module_hideMb__j7VBr",Label:"style-module_Label__28Bij",Value:"style-module_Value__7rELF",TotalContainer:"style-module_TotalContainer__sGR7d",TitleContainer:"style-module_TitleContainer__LgmJI",Title:"style-module_Title__oMVSD",TotalPricesContainer:"style-module_TotalPricesContainer__-PsOD",TotalPrice:"style-module_TotalPrice__QBdM1",TotalTax:"style-module_TotalTax__9pA4Y",AppliedCoupon:"style-module_AppliedCoupon__UNo1h",AppliedCouponBgGray:"style-module_AppliedCouponBgGray__MYoYu",NotClosed:"style-module_NotClosed__E-N9z",CouponCode:"style-module_CouponCode__UKPmf",ClearCoupon:"style-module_ClearCoupon__CBAzl",NotificationContainer:"style-module_NotificationContainer__AXfJT",CheckoutNoteContainer:"style-module_CheckoutNoteContainer__d-z4m",CheckoutNoteDisplay:"style-module_CheckoutNoteDisplay__DtnXo",Success:"style-module_Success__VI2Bw",GiftLabel:"style-module_GiftLabel__cazrS",PoweredBy:"style-module_PoweredBy__DKBJF",OpenCouponCodeMain:"style-module_OpenCouponCodeMain__lZtb3"};e(".style-module_ExpandHeader__LQwWm {\n position: sticky;\n top: 0;\n z-index: 10;\n display: flex;\n justify-content: space-between;\n align-items: center;\n height: 48px;\n padding: 0 24px;\n width: 100%;\n border-top: 1px solid var(--checkout-border-color);\n border-bottom: 1px solid var(--checkout-border-color);\n transition: border-bottom 0.3s;\n user-select: none;\n background-color: var(--checkout-primary-bg-color);\n}\n@media only screen and (min-width: 1000px) {\n .style-module_ExpandHeader__LQwWm {\n display: none;\n }\n}\n.style-module_ExpandHeader__LQwWm .style-module_Left__-N12h {\n display: flex;\n align-items: center;\n font-size: 16px;\n font-weight: 600;\n}\n.style-module_ExpandHeader__LQwWm .style-module_Price__OT1Wh {\n font-weight: 600;\n display: flex;\n align-items: center;\n}\n.style-module_ExpandHeader__LQwWm .style-module_Price__OT1Wh .style-module_PriceText__bq1pk {\n font-weight: 600;\n margin-right: 8px;\n}\n.style-module_ExpandHeader__LQwWm .style-module_Price__OT1Wh .style-module_ArrowDown__YhRny {\n transition: all 0.3s;\n display: flex;\n align-items: center;\n}\n.style-module_ExpandHeader__LQwWm .style-module_Price__OT1Wh .style-module_ArrowDown__YhRny.style-module_Rotated__ZPfId {\n transform: rotate(-180deg);\n}\n\n@media only screen and (max-width: 1000px) {\n .style-module_CartSummary__m77tn {\n width: 100%;\n background-color: var(--checkout-card-bg-color);\n }\n .style-module_CartSummary__m77tn.style-module_OpenCouponCodeSummary__ua9wx {\n background-color: #fff;\n }\n}\n@media only screen and (min-width: 1000px) {\n .style-module_CartSummary__m77tn.style-module_HideOnDesktop__Vs5AV {\n display: none;\n }\n}\n.style-module_CartSummary__m77tn .style-module_ItemsContainer__QFKQV {\n max-height: 320px;\n overflow-y: auto;\n padding-top: 10px;\n margin-bottom: 24px;\n scrollbar-gutter: stable;\n /* Track */\n /* Handle */\n}\n@media only screen and (max-width: 1000px) {\n .style-module_CartSummary__m77tn .style-module_ItemsContainer__QFKQV {\n max-height: unset;\n }\n}\n.style-module_CartSummary__m77tn .style-module_ItemsContainer__QFKQV::-webkit-scrollbar {\n width: 10px;\n}\n.style-module_CartSummary__m77tn .style-module_ItemsContainer__QFKQV::-webkit-scrollbar-track {\n box-shadow: inset 0 0 10px 10px #E3E7EF;\n border: solid 3px transparent;\n}\n.style-module_CartSummary__m77tn .style-module_ItemsContainer__QFKQV::-webkit-scrollbar-thumb {\n box-shadow: inset 0 0 10px 10px #000000;\n border: solid 3px transparent;\n}\n.style-module_CartSummary__m77tn .style-module_DetailsContainer__PK33m {\n overflow: hidden;\n width: 100%;\n transition: height 0.3s ease-in-out;\n}\n@media only screen and (max-width: 1000px) {\n .style-module_CartSummary__m77tn .style-module_DetailsContainer__PK33m {\n padding: 0 24px;\n box-shadow: 1px 2px 5px 0px rgba(0, 0, 0, 0.2);\n }\n}\n.style-module_CartSummary__m77tn .style-module_Details__hWJ9o {\n overflow: hidden;\n}\n@media only screen and (max-width: 1000px) {\n .style-module_CartSummary__m77tn .style-module_Details__hWJ9o {\n padding-top: 24px;\n }\n}\n.style-module_CartSummary__m77tn .style-module_Divider__MNDti {\n width: 100%;\n height: 1px;\n margin: auto;\n background-color: var(--checkout-border-color);\n}\n.style-module_CartSummary__m77tn .style-module_ActionTextBtn__7yua4 {\n color: var(--checkout-primary-text-color);\n user-select: none;\n cursor: pointer;\n display: flex;\n align-items: center;\n}\n.style-module_CartSummary__m77tn .style-module_ActionTextBtn__7yua4:hover {\n text-decoration: underline;\n}\n.style-module_CartSummary__m77tn .style-module_ActionTextBtn__7yua4.style-module_NoUnderline__FphKn:hover {\n text-decoration: none;\n}\n.style-module_CartSummary__m77tn .style-module_ActionTextBtn__7yua4.style-module_Light__dIcW- {\n color: var(--checkout-secondary-text-color);\n}\n.style-module_CartSummary__m77tn .style-module_SubTotalInfo__JMqK9 {\n padding: 24px 0;\n border-bottom: 1px solid var(--checkout-border-color);\n}\n.style-module_CartSummary__m77tn .style-module_SubTotalInfo__JMqK9 .style-module_InfoRow__oAvZS {\n display: flex;\n justify-content: space-between;\n align-items: center;\n margin-bottom: 10px;\n}\n.style-module_CartSummary__m77tn .style-module_SubTotalInfo__JMqK9 .style-module_InfoRow__oAvZS.style-module_hideMb__j7VBr {\n margin-bottom: 0;\n}\n.style-module_CartSummary__m77tn .style-module_SubTotalInfo__JMqK9 .style-module_InfoRow__oAvZS .style-module_Label__28Bij {\n color: var(--checkout-secondary-text-color);\n display: flex;\n align-items: center;\n flex: 1 1 auto;\n}\n.style-module_CartSummary__m77tn .style-module_SubTotalInfo__JMqK9 .style-module_InfoRow__oAvZS .style-module_Value__7rELF {\n flex: 0 0 auto;\n padding-left: 8px;\n}\n.style-module_CartSummary__m77tn .style-module_SubTotalInfo__JMqK9 .style-module_InfoRow__oAvZS:last-of-type {\n margin-bottom: 0;\n}\n.style-module_CartSummary__m77tn .style-module_TotalContainer__sGR7d {\n display: flex;\n justify-content: space-between;\n margin-top: 12px;\n}\n.style-module_CartSummary__m77tn .style-module_TotalContainer__sGR7d .style-module_TitleContainer__LgmJI .style-module_Title__oMVSD {\n font-size: 20px;\n font-weight: 600;\n}\n.style-module_CartSummary__m77tn .style-module_TotalContainer__sGR7d .style-module_TotalPricesContainer__-PsOD {\n display: flex;\n flex-direction: column;\n align-items: flex-end;\n}\n.style-module_CartSummary__m77tn .style-module_TotalContainer__sGR7d .style-module_TotalPrice__QBdM1 {\n font-size: 20px;\n font-weight: 600;\n}\n.style-module_CartSummary__m77tn .style-module_TotalContainer__sGR7d .style-module_TotalTax__9pA4Y {\n font-size: 14px;\n line-height: 24px;\n color: var(--checkout-secondary-text-color);\n}\n@media only screen and (max-width: 1000px) {\n .style-module_CartSummary__m77tn .style-module_TotalContainer__sGR7d {\n height: 64px;\n }\n}\n.style-module_CartSummary__m77tn .style-module_AppliedCoupon__UNo1h {\n display: flex;\n align-items: center;\n padding: 4px 4px 4px 8px;\n background-color: white;\n border-radius: 6px;\n margin-left: 12px;\n font-size: 14px;\n line-height: 20px;\n}\n.style-module_CartSummary__m77tn .style-module_AppliedCoupon__UNo1h.style-module_AppliedCouponBgGray__MYoYu {\n background-color: var(--checkout-secondary-bg-color);\n}\n.style-module_CartSummary__m77tn .style-module_AppliedCoupon__UNo1h.style-module_NotClosed__E-N9z {\n padding: 4px 4px 4px 4px;\n}\n.style-module_CartSummary__m77tn .style-module_AppliedCoupon__UNo1h .style-module_CouponCode__UKPmf {\n font-size: 14px;\n}\n.style-module_CartSummary__m77tn .style-module_AppliedCoupon__UNo1h .style-module_ClearCoupon__CBAzl {\n cursor: pointer;\n display: flex;\n align-items: center;\n color: var(--checkout-secondary-text-color);\n}\n.style-module_CartSummary__m77tn .style-module_AppliedCoupon__UNo1h .style-module_ClearCoupon__CBAzl svg {\n transform: scale(0.8);\n}\n.style-module_CartSummary__m77tn .style-module_NotificationContainer__AXfJT {\n margin-bottom: 14px;\n}\n.style-module_CartSummary__m77tn .style-module_CheckoutNoteContainer__d-z4m {\n margin-top: 24px;\n width: calc(100% - 2px);\n margin-left: 1px;\n}\n.style-module_CartSummary__m77tn .style-module_CheckoutNoteContainer__d-z4m .style-module_Title__oMVSD {\n font-size: 16px;\n color: var(--checkout-primary-text-color);\n margin-bottom: 8px;\n}\n.style-module_CartSummary__m77tn .style-module_CheckoutNoteContainer__d-z4m .style-module_CheckoutNoteDisplay__DtnXo {\n color: var(--checkout-secondary-text-color);\n}\n.style-module_CartSummary__m77tn .style-module_CheckoutNoteContainer__d-z4m.style-module_Success__VI2Bw {\n margin-top: 0;\n}\n@media only screen and (max-width: 1000px) {\n .style-module_CartSummary__m77tn .style-module_CheckoutNoteContainer__d-z4m {\n margin-top: 0px;\n }\n}\n.style-module_CartSummary__m77tn .style-module_GiftLabel__cazrS {\n display: flex;\n align-items: center;\n}\n.style-module_CartSummary__m77tn .style-module_GiftLabel__cazrS span {\n margin-left: 8px;\n}\n.style-module_CartSummary__m77tn .style-module_PoweredBy__DKBJF {\n width: 100%;\n height: 50px;\n justify-content: center;\n align-items: center;\n color: var(--checkout-primary-text-color);\n display: none;\n}\n@media only screen and (max-width: 1000px) {\n .style-module_CartSummary__m77tn .style-module_PoweredBy__DKBJF {\n display: flex;\n }\n}\n.style-module_CartSummary__m77tn .style-module_PoweredBy__DKBJF span {\n font-size: 14px;\n line-height: 20px;\n color: var(--checkout-secondary-text-color);\n margin-right: 8px;\n}\n.style-module_CartSummary__m77tn .style-module_PoweredBy__DKBJF a {\n display: flex;\n align-items: center;\n}\n\n.style-module_OpenCouponCodeMain__lZtb3 {\n display: flex;\n}\n.style-module_OpenCouponCodeMain__lZtb3 input {\n width: calc(100% - 12px);\n}");export{n as default};
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"};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}");export{n as default};
@@ -1 +1 @@
1
- import*as e from"react";import{observer as t}from"mobx-react-lite";import a from"./style.module.scss.js";import"@ikas/storefront-config";import{useTranslation as i}from"../../../../utils/i18n.js";var o=t((function(t){var o=t.title,r=t.children,c=i().t,s=e.useState(!1),n=s[0],m=s[1];return e.createElement("div",{className:a.ExpandableSection},e.createElement("div",{className:a.Top,onClick:function(){return m(!n)}},e.createElement("div",{className:a.Title},o),e.createElement("div",{className:a.HideBtn},c(n?"checkout-page:actions.hide":"checkout-page:actions.show"))),n&&!!r&&e.createElement("div",{className:a.Content},r))}));export{o as default};
1
+ import*as e from"react";import{observer as t}from"mobx-react-lite";import r from"./style.module.scss.js";import"@ikas/storefront-config";import{useTranslation as a}from"../../../../utils/i18n.js";import m from"../svg/chevron-down.js";var n=t((function(t){var n=t.title,s=t.children;a().t;var o=e.useState(!1),l=o[0],i=o[1];return e.createElement("div",{className:r.ExpandableSection},e.createElement("div",{className:r.Top,onClick:function(){return i(!l)}},e.createElement("div",{className:r.Title},n),e.createElement("div",{className:r.HideBtn},l?e.createElement(m,{className:r.TransForm}):e.createElement(m,null))),l&&!!s&&e.createElement("div",{className:r.Content},s))}));export{n as default};
@@ -1 +1 @@
1
- import e from'./../../../../ext/style-inject/dist/style-inject.es.js';var n={ExpandableSection:"style-module_ExpandableSection__Q5p-E",Top:"style-module_Top__s93Gc",Title:"style-module_Title__8iUDa",HideBtn:"style-module_HideBtn__Q2c0N",Content:"style-module_Content__-qdRF"};e(".style-module_ExpandableSection__Q5p-E {\n border-bottom: 1px solid var(--checkout-border-color);\n}\n.style-module_ExpandableSection__Q5p-E .style-module_Top__s93Gc {\n padding: 24px 0;\n display: flex;\n justify-content: space-between;\n align-items: center;\n user-select: none;\n cursor: pointer;\n}\n.style-module_ExpandableSection__Q5p-E .style-module_Top__s93Gc .style-module_Title__8iUDa {\n font-weight: 600;\n font-size: 20px;\n line-height: 32px;\n}\n.style-module_ExpandableSection__Q5p-E .style-module_Top__s93Gc .style-module_HideBtn__Q2c0N {\n font-size: 14px;\n user-select: none;\n}\n.style-module_ExpandableSection__Q5p-E .style-module_Content__-qdRF {\n padding-bottom: 24px;\n}");export{n as default};
1
+ import e from'./../../../../ext/style-inject/dist/style-inject.es.js';var n={ExpandableSection:"style-module_ExpandableSection__Q5p-E",Top:"style-module_Top__s93Gc",Title:"style-module_Title__8iUDa",HideBtn:"style-module_HideBtn__Q2c0N",Content:"style-module_Content__-qdRF",TransForm:"style-module_TransForm__If-bD"};e(".style-module_ExpandableSection__Q5p-E {\n border-bottom: 1px solid var(--checkout-border-color);\n}\n.style-module_ExpandableSection__Q5p-E .style-module_Top__s93Gc {\n padding: 16px 0;\n display: flex;\n justify-content: space-between;\n align-items: center;\n user-select: none;\n cursor: pointer;\n}\n.style-module_ExpandableSection__Q5p-E .style-module_Top__s93Gc .style-module_Title__8iUDa {\n font-size: 20px;\n font-weight: 500;\n line-height: 32px;\n}\n.style-module_ExpandableSection__Q5p-E .style-module_Top__s93Gc .style-module_HideBtn__Q2c0N {\n font-size: 14px;\n user-select: none;\n}\n.style-module_ExpandableSection__Q5p-E .style-module_Content__-qdRF {\n padding-bottom: 24px;\n}\n@media only screen and (max-width: 1000px) {\n .style-module_ExpandableSection__Q5p-E .style-module_Content__-qdRF {\n padding-bottom: 16px;\n }\n}\n.style-module_ExpandableSection__Q5p-E .style-module_TransForm__If-bD {\n transform: rotate(180deg);\n}");export{n as default};
@@ -1 +1 @@
1
- import*as e from"react";import{runInAction as t}from"mobx";import{observer as n}from"mobx-react-lite";import o,{FormItemType as r}from"./model.js";import a from"./caret-down.js";import u from"./style.module.scss.js";import"@ikas/storefront-config";import{useTranslation as l}from"../../../../utils/i18n.js";import i from"react-tooltip";import{PhoneNumberInput as c}from"../phone-number-input/index.js";var s=n((function(n){var a=l().t,s=e.useState((function(){return new o(n)})),d=s[0],E=s[1];return e.useEffect((function(){i.rebuild()}),[]),e.useEffect((function(){t((function(){d.type=n.type}))}),[n.type]),e.useEffect((function(){t((function(){d.inputType=n.inputType}))}),[n.inputType]),e.useEffect((function(){t((function(){d.inputMode=n.inputMode}))}),[n.inputMode]),e.useEffect((function(){t((function(){d.value=n.value}))}),[n.value]),e.useEffect((function(){t((function(){d.options=n.options}))}),[n.options]),e.useEffect((function(){t((function(){d.label=n.label}))}),[n.label]),e.useEffect((function(){t((function(){d.hasError=n.hasError}))}),[n.hasError]),e.useEffect((function(){t((function(){d.errorText=n.errorText}))}),[n.errorText]),e.useEffect((function(){t((function(){d.errorText=n.errorText}))}),[n.errorText]),e.useEffect((function(){t((function(){d.textAreaPlaceholder=n.textAreaPlaceholder}))}),[n.textAreaPlaceholder]),e.useEffect((function(){t((function(){d.rightContent=n.rightContent}))}),[n.rightContent]),e.useEffect((function(){t((function(){d.disableResize=n.disableResize}))}),[n.disableResize]),e.useEffect((function(){t((function(){E(new o(n))}))}),[n.onChange]),e.useEffect((function(){!d.country&&n.currentCountryCode&&d.onCountryChange(n.currentCountryCode)}),[n.currentCountryCode]),e.createElement("div",{className:d.formItemStyle,style:n.style},e.createElement("div",{className:u.FormItemWrapper},e.createElement("div",{className:u.FormItemInputWrapper},e.createElement("label",{className:d.labelStyle},d.label),d.type===r.TEXT&&e.createElement(m,{vm:d,type:d.inputType,disabled:d.disabled,required:n.required,pattern:n.pattern,autocomplete:n.autocomplete,name:n.name}),d.type===r.TEL&&e.createElement(c,{key:n.currentCountryCode||"1",disabled:d.disabled,defaultCountry:n.currentCountryCode,placeholder:a("checkout-page:enterPhoneNumber"),value:d.value?d.value:"",onChange:d.onPhoneChange}),d.type===r.TEXT_AREA&&e.createElement(f,{vm:d}),d.type===r.SELECT&&e.createElement(p,{vm:d,autocomplete:n.autocomplete})),!!d.hasError&&e.createElement("div",{className:u.ErrorMsg},d.errorText||""),!!n.tooltipText&&e.createElement("div",{className:u.FormItemTooltipContainer,"data-tip":n.tooltipText,"data-event":"touchstart focus mouseover","data-event-off":"mouseout"},"?"),!!d.rightContent&&e.createElement("div",{className:u.RightContent},d.rightContent)))})),m=n((function(t){var n=t.vm,o=t.name,r=t.autocomplete,a=t.type,u=t.pattern,l=t.required,i=t.disabled;return e.createElement("input",{required:l,type:a||"text",name:o,pattern:u,disabled:i,autoComplete:r,inputMode:n.inputMode||"text",className:n.inputStyle,value:n.value,onChange:n.onValueChange})})),f=n((function(t){var n=t.vm;return e.createElement("textarea",{style:{resize:n.disableResize?"none":"initial"},value:n.value,disabled:n.disabled,onChange:n.onTextAreaValueChange,placeholder:n.textAreaPlaceholder||""})})),p=n((function(t){var n,o=t.vm,r=t.autocomplete;return e.createElement(e.Fragment,null,e.createElement("select",{className:o.inputStyle,disabled:o.disabled,autoComplete:r,onChange:o.onSelectChange},!o.value&&e.createElement("option",{selected:!0,disabled:!0,key:-1}),null===(n=o.options)||void 0===n?void 0:n.map((function(t,n){return e.createElement("option",{key:n+t.value,value:t.label,selected:o.value===t.value},t.label)}))),e.createElement("div",{className:u.ArrowContainer},e.createElement(a,null)))}));export{s as FormItem};
1
+ import*as e from"react";import{runInAction as t}from"mobx";import{observer as n}from"mobx-react-lite";import o,{FormItemType as r}from"./model.js";import a from"./caret-down.js";import u from"./style.module.scss.js";import"@ikas/storefront-config";import{useTranslation as l}from"../../../../utils/i18n.js";import i from"react-tooltip";import{PhoneNumberInput as c}from"../phone-number-input/index.js";var s=n((function(n){var a=l().t,s=e.useState((function(){return new o(n)})),d=s[0],E=s[1];return e.useEffect((function(){i.rebuild()}),[]),e.useEffect((function(){t((function(){d.type=n.type}))}),[n.type]),e.useEffect((function(){t((function(){d.inputType=n.inputType}))}),[n.inputType]),e.useEffect((function(){t((function(){d.inputMode=n.inputMode}))}),[n.inputMode]),e.useEffect((function(){t((function(){d.value=n.value}))}),[n.value]),e.useEffect((function(){t((function(){d.options=n.options}))}),[n.options]),e.useEffect((function(){t((function(){d.label=n.label}))}),[n.label]),e.useEffect((function(){t((function(){d.hasError=n.hasError}))}),[n.hasError]),e.useEffect((function(){t((function(){d.errorText=n.errorText}))}),[n.errorText]),e.useEffect((function(){t((function(){d.errorText=n.errorText}))}),[n.errorText]),e.useEffect((function(){t((function(){d.textAreaPlaceholder=n.textAreaPlaceholder}))}),[n.textAreaPlaceholder]),e.useEffect((function(){t((function(){d.rightContent=n.rightContent}))}),[n.rightContent]),e.useEffect((function(){t((function(){d.disableResize=n.disableResize}))}),[n.disableResize]),e.useEffect((function(){t((function(){E(new o(n))}))}),[n.onChange]),e.useEffect((function(){!d.country&&n.currentCountryCode&&d.onCountryChange(n.currentCountryCode)}),[n.currentCountryCode]),e.createElement("div",{className:d.formItemStyle,style:n.style},e.createElement("div",{className:u.FormItemWrapper},e.createElement("div",{className:u.FormItemInputWrapper},e.createElement("label",{className:d.labelStyle},d.label),d.type===r.TEXT&&e.createElement(m,{vm:d,type:d.inputType,disabled:d.disabled,required:n.required,pattern:n.pattern,autocomplete:n.autocomplete,name:n.name}),d.type===r.TEL&&e.createElement(c,{key:n.currentCountryCode||"1",disabled:d.disabled,defaultCountry:n.currentCountryCode,placeholder:a("checkout-page:enterPhoneNumber"),value:d.value?d.value:"",onChange:d.onPhoneChange}),d.type===r.TEXT_AREA&&e.createElement(f,{vm:d}),d.type===r.SELECT&&e.createElement(p,{vm:d,autocomplete:n.autocomplete})),!!d.hasError&&e.createElement("div",{className:u.ErrorMsg},d.errorText||""),!!n.tooltipText&&e.createElement("div",{className:u.FormItemTooltipContainer,"data-tip":n.tooltipText,"data-event":"touchstart focus mouseover","data-event-off":"mouseout"},"?"),!!d.rightContent&&e.createElement("div",{className:u.RightContent},d.rightContent)))})),m=n((function(t){var n=t.vm,o=t.name,r=t.autocomplete,a=t.type,u=t.pattern,l=t.required,i=t.disabled;return e.createElement("input",{required:l,type:a||"text",name:o,pattern:u,disabled:i,autoComplete:r,inputMode:n.inputMode||"text",className:n.inputStyle,value:n.value,onChange:n.onValueChange})})),f=n((function(t){var n=t.vm;return e.createElement("textarea",{style:{resize:n.disableResize?"none":"initial"},value:n.value,disabled:n.disabled,onChange:n.onTextAreaValueChange,placeholder:n.textAreaPlaceholder||"",maxLength:n.maxLength})})),p=n((function(t){var n,o=t.vm,r=t.autocomplete;return e.createElement(e.Fragment,null,e.createElement("select",{className:o.inputStyle,disabled:o.disabled,autoComplete:r,onChange:o.onSelectChange},!o.value&&e.createElement("option",{selected:!0,disabled:!0,key:-1}),null===(n=o.options)||void 0===n?void 0:n.map((function(t,n){return e.createElement("option",{key:n+t.value,value:t.label,selected:o.value===t.value},t.label)}))),e.createElement("div",{className:u.ArrowContainer},e.createElement(a,null)))}));export{s as FormItem};
@@ -11,6 +11,7 @@ export default class FormItemViewModel implements Props {
11
11
  tooltipText?: string;
12
12
  country?: string | null;
13
13
  textAreaPlaceholder?: string | null;
14
+ maxLength?: number;
14
15
  rightContent?: React.ReactElement | null;
15
16
  disableResize?: boolean;
16
17
  disabled: boolean;
@@ -43,6 +44,7 @@ export interface Props {
43
44
  currentCountryCode?: string | null;
44
45
  style?: React.CSSProperties;
45
46
  textAreaPlaceholder?: string | null;
47
+ maxLength?: number;
46
48
  rightContent?: React.ReactElement | null;
47
49
  disableResize?: boolean;
48
50
  disabled?: boolean;
@@ -1 +1 @@
1
- import{makeAutoObservable as e}from"mobx";import t from"./style.module.scss.js";var i,n,o,r=function(){function n(t){var i=this;this.country=null,this.textAreaPlaceholder=null,this.onValueChange=function(e){i.disabled||i.onChange(e.target.value)},this.onTextAreaValueChange=function(e){i.disabled||i.onChange(e.target.value)},this.onSelectChange=function(e){var t;if(!i.disabled){var n=null===(t=i.options)||void 0===t?void 0:t.find((function(t){return t.label===e.target.value}));n&&i.onChange(n.value)}},this.onPhoneChange=function(e){i.disabled||i.onChange(e)},this.onCountryChange=function(e){i.disabled||(i.country=e)},this.type=t.type,this.inputType=t.inputType,this.inputMode=t.inputMode,this.options=t.options,this.label=t.label,this.value=t.value,this.hasError=t.hasError,this.errorText=t.errorText,this.tooltipText=t.tooltipText,this.country=t.country||null,this.textAreaPlaceholder=t.textAreaPlaceholder||null,this.rightContent=t.rightContent||null,this.disableResize=t.disableResize||!1,this.disabled=t.disabled||!1,this.onChange=t.onChange,e(this)}return Object.defineProperty(n.prototype,"formItemStyle",{get:function(){var e=[t.FormItem];return this.type===i.TEL&&this.hasError&&e.push(t.PhoneError),e.join(" ")},enumerable:!1,configurable:!0}),Object.defineProperty(n.prototype,"labelStyle",{get:function(){return this.value||this.type===i.TEL?[t.FieldLabel,t.FieldLabelTop].join(" "):[t.FieldLabel].join(" ")},enumerable:!1,configurable:!0}),Object.defineProperty(n.prototype,"inputStyle",{get:function(){var e=[];return this.value&&e.push(t.Bottom),this.hasError&&e.push(t.Error),this.tooltipText&&e.push(t.WithTooltip),this.type===i.TEL&&e.push(t.Tel),this.disabled&&e.push(t.Disabled),e.join(" ")},enumerable:!1,configurable:!0}),n}();!function(e){e[e.TEXT=0]="TEXT",e[e.TEXT_AREA=1]="TEXT_AREA",e[e.SELECT=2]="SELECT",e[e.TEL=3]="TEL"}(i||(i={})),function(e){e.TEXT="text",e.PASSWORD="password"}(n||(n={})),function(e){e.NUMERIC="numeric",e.TEL="tel",e.EMAIL="email"}(o||(o={}));export{o as FormItemInputMode,n as FormItemInputType,i as FormItemType,r as default};
1
+ import{makeAutoObservable as e}from"mobx";import t from"./style.module.scss.js";var i,n,o,r=function(){function n(t){var i=this;this.country=null,this.textAreaPlaceholder=null,this.onValueChange=function(e){i.disabled||i.onChange(e.target.value)},this.onTextAreaValueChange=function(e){i.disabled||i.onChange(e.target.value)},this.onSelectChange=function(e){var t;if(!i.disabled){var n=null===(t=i.options)||void 0===t?void 0:t.find((function(t){return t.label===e.target.value}));n&&i.onChange(n.value)}},this.onPhoneChange=function(e){i.disabled||i.onChange(e)},this.onCountryChange=function(e){i.disabled||(i.country=e)},this.type=t.type,this.inputType=t.inputType,this.inputMode=t.inputMode,this.options=t.options,this.label=t.label,this.value=t.value,this.hasError=t.hasError,this.errorText=t.errorText,this.tooltipText=t.tooltipText,this.country=t.country||null,this.textAreaPlaceholder=t.textAreaPlaceholder||null,this.maxLength=t.maxLength,this.rightContent=t.rightContent||null,this.disableResize=t.disableResize||!1,this.disabled=t.disabled||!1,this.onChange=t.onChange,e(this)}return Object.defineProperty(n.prototype,"formItemStyle",{get:function(){var e=[t.FormItem];return this.type===i.TEL&&this.hasError&&e.push(t.PhoneError),e.join(" ")},enumerable:!1,configurable:!0}),Object.defineProperty(n.prototype,"labelStyle",{get:function(){return this.value||this.type===i.TEL?[t.FieldLabel,t.FieldLabelTop].join(" "):[t.FieldLabel].join(" ")},enumerable:!1,configurable:!0}),Object.defineProperty(n.prototype,"inputStyle",{get:function(){var e=[];return this.value&&e.push(t.Bottom),this.hasError&&e.push(t.Error),this.tooltipText&&e.push(t.WithTooltip),this.type===i.TEL&&e.push(t.Tel),this.disabled&&e.push(t.Disabled),e.join(" ")},enumerable:!1,configurable:!0}),n}();!function(e){e[e.TEXT=0]="TEXT",e[e.TEXT_AREA=1]="TEXT_AREA",e[e.SELECT=2]="SELECT",e[e.TEL=3]="TEL"}(i||(i={})),function(e){e.TEXT="text",e.PASSWORD="password"}(n||(n={})),function(e){e.NUMERIC="numeric",e.TEL="tel",e.EMAIL="email"}(o||(o={}));export{o as FormItemInputMode,n as FormItemInputType,i as FormItemType,r as default};
@@ -1 +1 @@
1
- import*as n from"react";import{observer as e}from"mobx-react-lite";import t from"next/script";import"@ikas/storefront-config";import{useTranslation as a}from"../../../../utils/i18n.js";var r=e((function(e){var r=e.vm;return a().t,n.useEffect((function(){window.handleKlarna=function(n){var e;n&&(r.isStepLoading=!0,fetch((null===(e=r.klarnaResponse)||void 0===e?void 0:e.authorizeUrl)+"&data="+n).then((function(n){return n.json()})).then((function(n){window.location.href=n.redirectUrl})).catch((function(n){r.isStepLoading=!1})))}}),[]),r.klarnaResponse?n.createElement(n.Fragment,null,n.createElement("div",{id:"klarna-payments-container"}),n.createElement(t,{dangerouslySetInnerHTML:{__html:'window.klarnaAsyncCallback = function () {\n try {\n Klarna.Payments.init({\n client_token: "'.concat(r.klarnaResponse.clientToken,'",\n });\n Klarna.Payments.load({\n container: "#klarna-payments-container",\n },\n function (res) {\n }\n );\n } catch (e) {\n console.log("error", e);\n }\n };')}}),n.createElement(t,{dangerouslySetInnerHTML:{__html:"".concat(r.isKlarnaPaymentCompleted&&"Klarna.Payments.authorize({ auto_finalize: true }, function (res) {\n if (res.approved && !!res.authorization_token) {\n window.handleKlarna(JSON.stringify(res))\n } else{\n ".concat(setTimeout((function(){r.setIsKlarnaPaymentCompleted(!1)}),2e3),"\n }\n });"))}}),n.createElement(t,{src:"https://x.klarnacdn.net/kp/lib/v1/api.js"})):null}));export{r as Klarna};
1
+ import*as n from"react";import{observer as e}from"mobx-react-lite";import a from"next/script";import"@ikas/storefront-config";import{useTranslation as t}from"../../../../utils/i18n.js";var r=e((function(e){var r=e.vm;return t().t,n.useEffect((function(){window.handleKlarna=function(n){var e;n&&(r.isStepLoading=!0,fetch((null===(e=r.klarnaResponse)||void 0===e?void 0:e.authorizeUrl)+"&data="+n).then((function(n){return n.json()})).then((function(n){window.location.href=n.redirectUrl})).catch((function(n){r.isStepLoading=!1})))},window.errorKlarna=function(){r.klarnaResponse&&r.klarnaResponse.failUrl&&(window.location.href=r.klarnaResponse.failUrl)}}),[]),r.klarnaResponse?n.createElement(n.Fragment,null,n.createElement("div",{id:"klarna-payments-container"}),n.createElement(a,{dangerouslySetInnerHTML:{__html:'window.klarnaAsyncCallback = function () {\n try {\n Klarna.Payments.init({\n client_token: "'.concat(r.klarnaResponse.clientToken,'",\n });\n Klarna.Payments.load({\n container: "#klarna-payments-container",\n },\n function (res) {\n }\n );\n } catch (e) {\n console.log("error", e);\n }\n };')}}),n.createElement(a,{dangerouslySetInnerHTML:{__html:"".concat(r.isKlarnaPaymentCompleted&&"Klarna.Payments.authorize({ auto_finalize: true }, function (res) {\n if (res.approved && !!res.authorization_token) {\n window.handleKlarna(JSON.stringify(res))\n } else{\n window.errorKlarna()\n ".concat(setTimeout((function(){r.setIsKlarnaPaymentCompleted(!1)}),2e3),"\n }\n });"))}}),n.createElement(a,{src:"https://x.klarnacdn.net/kp/lib/v1/api.js"})):null}));export{r as Klarna};
@@ -1,8 +1,20 @@
1
1
  import * as React from "react";
2
- import CheckoutViewModel, { CampaignOfferType } from "../../model";
2
+ import CheckoutViewModel, { CampaignOfferType, CheckoutStep } from "../../model";
3
3
  declare type Props = {
4
4
  vm: CheckoutViewModel;
5
5
  campaignOffer: CampaignOfferType;
6
+ index: number;
7
+ activeIndex: number;
8
+ offersLength: number;
9
+ handleNext: () => void;
10
+ handlePrev: () => void;
11
+ closePopup?: () => void;
12
+ showPopup?: () => void;
13
+ setActiveIndex: (index: number) => void;
14
+ isPopupShow?: boolean;
15
+ isPopupClosed?: boolean;
16
+ desktopMiddlePhase?: boolean;
17
+ step?: CheckoutStep;
6
18
  };
7
19
  declare const _default: React.FunctionComponent<Props>;
8
20
  export default _default;
@@ -1 +1 @@
1
- import*as e from"react";import{observer as t}from"mobx-react-lite";import{Button as a}from"../button/index.js";import n from"./select/index.js";import r from"../svg/cross.js";import{useTranslation as i}from"../../../../utils/i18n.js";import c from"./style.module.scss.js";var o=function(t){var a=t.seconds,n=t.onFinish,r=i().t,o=e.useState(a),s=o[0],m=o[1];return e.useEffect((function(){m(a)}),[a]),e.useEffect((function(){var e=setInterval((function(){s>0?m(s-1):(clearInterval(e),n())}),1e3);return function(){return clearInterval(e)}}),[s]),e.createElement("div",{className:c.CountdownContainer},e.createElement("div",{className:c.CountdownText},r("checkout-page:timeRemaining",{value:l(s)})))},l=function(e){var t=Math.floor(e/60/60),a=Math.floor(e/60)-60*t,n=e%60;return 0!==t?t.toString().padStart(2,"0")+":":a.toString().padStart(2,"0")+":"+n.toString().padStart(2,"0")},s=t((function(t){var l=t.vm,s=t.campaignOffer,m=i().t,d=s.product,u=e.useMemo((function(){var e,t,a,n,r,i=null===(e=d.selectedVariant.images)||void 0===e?void 0:e.filter((function(e){return!e.isVideo}));return(null===(t=d.selectedVariant.mainImage)||void 0===t?void 0:t.isVideo)&&(null==i?void 0:i.length)?null===(a=i[0].image)||void 0===a?void 0:a.thumbnailSrc:null===(r=null===(n=d.selectedVariant.mainImage)||void 0===n?void 0:n.image)||void 0===r?void 0:r.thumbnailSrc}),[d.selectedVariant]),f=e.useMemo((function(){if(!s.offer.countdownMinutes||!s.campaignOffer.offerStartDate)return 0;var e=Math.round(((new Date).getTime()-new Date(s.campaignOffer.offerStartDate).getTime())/1e3);return e>60*s.offer.countdownMinutes?0:60*s.offer.countdownMinutes-e}),[s]),v=function(e){l.updateCartCampaignOffer({accepted:e,cartId:l.checkout.id,campaignOfferId:s.campaignOffer.campaignOfferId,campaignOfferProductId:s.offer.id,productId:s.offer.productId,variantId:d.selectedVariant.id})},p=function(){v(!1)};return e.createElement("div",{className:c.Container},s.offer.countdownMinutes&&e.createElement(o,{seconds:f,onFinish:p}),e.createElement("div",{className:c.ContentContainer},e.createElement("div",{className:c.Header},e.createElement("div",{className:c.Title},s.offer.title),e.createElement("div",{className:c.RejectButton,onClick:p},e.createElement(r,null))),e.createElement("div",{className:c.ProductContainer},e.createElement("div",{className:c.ImageContainer},e.createElement("img",{className:c.Image,src:u})),e.createElement("div",{className:c.ProductDetails},e.createElement("div",{className:c.ProductName},d.name),d.hasVariant&&1===d.variants.length&&e.createElement("div",{className:c.VariantName},d.selectedVariant.variantValues.map((function(e){return e.name})).join(", ")),d.brand&&e.createElement("div",{className:c.Brand},d.brand.name),e.createElement("div",{className:c.ProductPrice},d.selectedVariant.price.hasDiscount&&e.createElement("span",{className:c.Discount},d.selectedVariant.price.formattedSellPrice," "),d.selectedVariant.price.formattedFinalPrice),e.createElement("div",{className:c.Actions},d.variants.length>1&&e.createElement(n,{value:d.selectedVariant.id,onSelectChange:function(e){var t=null;d.displayedVariantTypes.forEach((function(a){a.displayedVariantValues.forEach((function(a){a.variant.id===e&&(t=a.variantValue)}))})),t&&d.selectVariantValue(t,!0)},options:d.variants.map((function(e){return{label:e.variantValues.map((function(e){return e.name})).join(", "),value:e.id}}))}),e.createElement(a,{style:{width:"100%",height:44,fontSize:14},text:m("checkout-page:actions.addToCart"),onClick:function(){v(!0)}}))))))}));export{s as default};
1
+ import*as e from"react";import{observer as t}from"mobx-react-lite";import{CheckoutStep as n}from"../../model.js";import{Button as a}from"../button/index.js";import i from"./select/index.js";import o from"../svg/cross.js";import{useTranslation as r}from"../../../../utils/i18n.js";import c from"./style.module.scss.js";var s=function(t){var a,i,o=t.seconds,s=t.onFinish,u=t.campaignOffer,d=t.vm,f=t.isPopupClosed,m=t.step,p=r().t,v=e.useState(o),g=v[0],C=v[1];e.useEffect((function(){C(o)}),[o]),e.useEffect((function(){var e=setInterval((function(){g>0?C(g-1):(clearInterval(e),s())}),1e3);return function(){return clearInterval(e)}}),[g]);var S=u.offer.countdownMinutes&&(m!==n.SUCCESS?!!(null===(a=d.customizationProps)||void 0===a?void 0:a.campaignOfferCountdownStyleIsLine):!!(null===(i=d.customizationProps)||void 0===i?void 0:i.campaignOfferCountdownStyleIsLineSuccessPage))||f;return e.createElement("div",{className:S?c.CountdownContainerIsLine:c.CountdownContainer},e.createElement("div",{className:c.CountdownTextMain},!S&&e.createElement("span",{className:c.CountdownText},p("checkout-page:timeRemaining")),e.createElement("span",{className:c.CountdownTime},l(g))))},l=function(e){var t=Math.floor(e/60/60),n=Math.floor(e/60)-60*t,a=e%60;return 0!==t?t.toString().padStart(2,"0")+":":n.toString().padStart(2,"0")+":"+a.toString().padStart(2,"0")},u=t((function(t){var l,u,d,f,m,p,v,g=t.vm,C=t.campaignOffer,S=t.index,h=t.activeIndex,E=t.offersLength,P=t.handleNext,I=t.handlePrev,O=t.setActiveIndex,w=t.isPopupShow,V=t.closePopup,N=t.showPopup,M=t.isPopupClosed,B=t.desktopMiddlePhase,j=t.step,k=r().t,x=C.product,y=j!==n.SUCCESS?!!(null===(l=g.customizationProps)||void 0===l?void 0:l.campaignOfferIsSmallDesign)&&w:!!(null===(u=g.customizationProps)||void 0===u?void 0:u.showCampaignIsBiggerImage)&&j===n.SUCCESS,D=e.useRef(null),L=e.useRef(null),A=e.useRef(null),T=e.useState(0),z=T[0],R=T[1];e.useEffect((function(){var e,t,a,i,o,r,c,s;if(void 0!==typeof window){var l=.8*window.innerHeight,u=0,d=0,f=0;D.current&&(u=null===(t=null===(e=D.current)||void 0===e?void 0:e.getBoundingClientRect())||void 0===t?void 0:t.height),L.current&&(d=null===(i=null===(a=L.current)||void 0===a?void 0:a.getBoundingClientRect())||void 0===i?void 0:i.height),A.current&&(f=null===(r=null===(o=A.current)||void 0===o?void 0:o.getBoundingClientRect())||void 0===r?void 0:r.height);var m=(j===n.SUCCESS?null===(c=g.customizationProps)||void 0===c?void 0:c.campaignOfferCountdownStyleIsLineSuccessPage:null===(s=g.customizationProps)||void 0===s?void 0:s.campaignOfferCountdownStyleIsLine)?25:70,p=navigator.userAgent.match(/Version\/[\d\.]+.*Safari/)?20:0;R(l-u-d-f-p-m)}}),[w]);var U=e.useState(null),b=U[0],F=U[1],H=e.useState(null),X=H[0],q=H[1],G=e.useMemo((function(){var e,t,n,a,i,o,r,c=null===(e=x.selectedVariant.images)||void 0===e?void 0:e.filter((function(e){return!e.isVideo}));return(null===(t=x.selectedVariant.mainImage)||void 0===t?void 0:t.isVideo)&&(null==c?void 0:c.length)?null===(n=c[0].image)||void 0===n?void 0:n.thumbnailSrc:y||B?null===(i=null===(a=x.selectedVariant.mainImage)||void 0===a?void 0:a.image)||void 0===i?void 0:i.getSrc(360):null===(r=null===(o=x.selectedVariant.mainImage)||void 0===o?void 0:o.image)||void 0===r?void 0:r.thumbnailSrc}),[x.selectedVariant,y,B]),J=e.useMemo((function(){if(!C.offer.countdownMinutes||!C.campaignOffer.offerStartDate)return 0;var e=Math.round(((new Date).getTime()-new Date(C.campaignOffer.offerStartDate).getTime())/1e3);return e>60*C.offer.countdownMinutes?0:60*C.offer.countdownMinutes-e}),[C]),K=function(e){O(0),g.updateCartCampaignOffer({accepted:e,cartId:g.checkout.id,campaignOfferId:C.campaignOffer.campaignOfferId,campaignOfferProductId:C.offer.id,productId:C.offer.productId,variantId:x.selectedVariant.id})},Q=function(){K(!0)},W=function(){K(!1)},Y=C.offer.countdownMinutes&&(j!==n.SUCCESS?!!(null===(d=g.customizationProps)||void 0===d?void 0:d.campaignOfferCountdownStyleIsLine):!!(null===(f=g.customizationProps)||void 0===f?void 0:f.campaignOfferCountdownStyleIsLineSuccessPage))||M&&C.offer.countdownMinutes;return e.createElement("div",{style:{transform:"translateX(-".concat(100*h,"%)")},className:[c.Container,S===h?c.ActiveOffer:"",w?c.PopupContainer:"",B?c.PopupContainerDesktop:"",j===n.SUCCESS?c.Border:""].join(" ")},C.offer.countdownMinutes&&(j!==n.SUCCESS?!(null===(m=g.customizationProps)||void 0===m?void 0:m.campaignOfferCountdownStyleIsLine):!(null===(p=g.customizationProps)||void 0===p?void 0:p.campaignOfferCountdownStyleIsLineSuccessPage))&&!M&&e.createElement(s,{seconds:J,onFinish:W,vm:g,campaignOffer:C,step:j}),e.createElement("div",{onTouchStart:function(e){q(null),F(e.targetTouches[0].clientX)},onTouchMove:function(e){return q(e.targetTouches[0].clientX)},onTouchEnd:function(){if(b&&X&&E>1){var e=b-X,t=e>50;(t||e<-50)&&(t?P():I())}},className:[c.ContentContainer,E>1?c.ContentContainerItems:"",M?E>1?c.ContentContainerPopup:c.ContentContainerPopupItems:""].join(" ")},!!w&&e.createElement("div",{className:c.RejectButton,onClick:function(){return V&&V()}},e.createElement(o,null)),e.createElement("div",{ref:D,className:[c.HeaderMain,y&&!M?c.IsBigProductImage:"",Y?c.IsLineCountDown:"",M?c.MobileSmallHeader:""].join(" ")},e.createElement("div",{className:c.Header},e.createElement("div",{className:c.Title},C.offer.title),!!C.offer.description&&!M&&e.createElement("div",{className:c.Description},C.offer.description)),Y&&e.createElement(s,{seconds:J,onFinish:W,vm:g,campaignOffer:C,isPopupClosed:M,step:j})),e.createElement("div",{className:[c.ProductContainer,y&&!M?c.IsLineProductContainer:""].join(" ")},e.createElement("div",{style:w?{width:z,height:z}:{},className:[c.ImageContainer,y&&!M?c.BigImage:"",M?c.SmallImage:"",B?c.BiggerImage:""].join(" ")},e.createElement("img",{className:c.Image,src:G})),e.createElement("div",{ref:L,className:c.ProductDetails},e.createElement("div",{className:c.ProductName},x.name),x.hasVariant&&1===x.variants.length&&e.createElement("div",{className:c.VariantName},x.selectedVariant.variantValues.map((function(e){return e.name})).join(", ")),!(null===(v=g.customizationProps)||void 0===v?void 0:v.showCampaignHideDiscountBadge)&&x.selectedVariant.price.hasDiscount&&e.createElement("span",{className:c.DiscountBadge},"%",x.selectedVariant.price.discountPercentage," ",k("checkout-page:discount")),e.createElement("div",{className:c.ProductPriceMain},x.selectedVariant.price.hasDiscount&&e.createElement("span",{className:c.Discount},x.selectedVariant.price.formattedSellPrice," "),e.createElement("span",{className:c.ProductPrice},x.selectedVariant.price.formattedFinalPrice)),!M&&x.variants.length>1&&e.createElement("div",{className:c.Actions},x.variants.length>1&&e.createElement(i,{value:x.selectedVariant.id,onSelectChange:function(e){var t=null;x.displayedVariantTypes.forEach((function(n){n.displayedVariantValues.forEach((function(n){n.variant.id===e&&(t=n.variantValue)}))})),t&&x.selectVariantValue(t,!0)},options:x.variants.map((function(e){return{label:e.variantValues.map((function(e){return e.name})).join(", "),value:e.id}}))})),!!M&&e.createElement(a,{classes:[c.OfferButton,y?c.OfferAcceptButton:"",c.PopupOfferButton].join(" "),text:k("checkout-page:actions.acceptOffer"),onClick:function(){x.hasVariant?N&&N():Q()}}),!!B&&e.createElement("div",{className:[c.OfferActionsMain,y?c.OfferActionsMainBigImage:"",c.OfferActionsMainMiddlePhase].join(" ")},e.createElement(a,{classes:c.OfferButton,isLine:!0,text:k("checkout-page:actions.rejectOffer"),onClick:W}),e.createElement(a,{classes:[c.OfferButton,y?c.OfferAcceptButton:""].join(" "),text:e.createElement("div",null,e.createElement("span",null,k("checkout-page:actions.acceptOffer")),e.createElement("span",null),e.createElement("span",null,x.selectedVariant.price.formattedFinalPrice)),onClick:Q})))),!(M||B)&&e.createElement("div",{ref:A,className:[c.OfferActionsMain,y?c.OfferActionsMainBigImage:""].join(" ")},e.createElement(a,{classes:c.OfferButton,isLine:!0,text:k("checkout-page:actions.rejectOffer"),onClick:W}),e.createElement(a,{classes:[c.OfferButton,y?c.OfferAcceptButton:""].join(" "),text:k("checkout-page:actions.acceptOffer"),onClick:Q}))))}));export{u as default};
@@ -0,0 +1,7 @@
1
+ import * as React from "react";
2
+ declare type Props = {
3
+ handleNext: () => void;
4
+ handlePrev: () => void;
5
+ };
6
+ declare const _default: React.FunctionComponent<Props>;
7
+ export default _default;
@@ -0,0 +1 @@
1
+ import*as e from"react";import{observer as r}from"mobx-react-lite";import t from"./style.module.scss.js";import o from"../../svg/offer-arrow-right.js";import a from"../../svg/offer-arrow-left.js";var l=r((function(r){var l=r.handleNext,f=r.handlePrev;return e.createElement(e.Fragment,null,e.createElement("span",{onClick:f,className:[t.OfferArrow,t.OfferArrowLeft].join(" ")},e.createElement(a,null)),e.createElement("span",{onClick:l,className:[t.OfferArrow,t.OfferArrowRight].join(" ")},e.createElement(o,null)))}));export{l as default};
@@ -0,0 +1 @@
1
+ import e from'./../../../../../ext/style-inject/dist/style-inject.es.js';var r={OfferArrow:"style-module_OfferArrow__-wXKy",OfferArrowLeft:"style-module_OfferArrowLeft__zpkCG",OfferArrowRight:"style-module_OfferArrowRight__zwW9t"};e(".style-module_OfferArrow__-wXKy {\n padding: 10px;\n justify-content: center;\n align-items: center;\n border-radius: 32px;\n border: 1px solid var(--checkout-border-color);\n display: flex;\n position: absolute;\n top: 50%;\n transform: translateY(-50%);\n width: 40px;\n height: 40px;\n cursor: pointer;\n z-index: 9;\n background-color: #fff;\n}\n@media only screen and (max-width: 1000px) {\n .style-module_OfferArrow__-wXKy {\n display: none;\n }\n}\n\n.style-module_OfferArrowLeft__zpkCG {\n left: -20px;\n}\n\n.style-module_OfferArrowRight__zwW9t {\n right: -20px;\n}");export{r as default};
@@ -0,0 +1,10 @@
1
+ import * as React from "react";
2
+ import CheckoutViewModel from "../../../model";
3
+ declare type Props = {
4
+ vm: CheckoutViewModel;
5
+ activeIndex: number;
6
+ isPopupShow?: boolean;
7
+ isLineCountDownTimer?: boolean;
8
+ };
9
+ declare const _default: React.FunctionComponent<Props>;
10
+ export default _default;
@@ -0,0 +1 @@
1
+ import*as e from"react";import{observer as o}from"mobx-react-lite";import t from"./style.module.scss.js";var r=o((function(o){var r,i=o.activeIndex,s=o.vm,a=o.isPopupShow,n=o.isLineCountDownTimer;return e.createElement("div",{className:[t.OfferDotsMain,a?t.PopupDots:"",n?t.PopupDotsIsLine:""].join(" ")},null===(r=s.campaignOffers)||void 0===r?void 0:r.map((function(o,r){return e.createElement("span",{className:[t.OfferDot,i===r?t.ActiveDots:""].join(" ")})})))}));export{r as default};
@@ -0,0 +1 @@
1
+ import e from'./../../../../../ext/style-inject/dist/style-inject.es.js';var o={OfferDotsMain:"style-module_OfferDotsMain__NePC7",OfferDot:"style-module_OfferDot__tywYW",ActiveDots:"style-module_ActiveDots__2iRik",PopupDots:"style-module_PopupDots__rLdc9"};e(".style-module_OfferDotsMain__NePC7 {\n display: none;\n}\n@media only screen and (max-width: 1000px) {\n .style-module_OfferDotsMain__NePC7 {\n display: flex;\n position: absolute;\n bottom: 24px;\n left: 50%;\n transform: translateX(-50%);\n gap: 4px;\n }\n}\n\n.style-module_OfferDot__tywYW {\n width: 8px;\n height: 8px;\n background-color: var(--checkout-border-color);\n display: flex;\n border-radius: 8px;\n transition: 400ms ease;\n}\n\n.style-module_ActiveDots__2iRik {\n width: 32px;\n background-color: #8a8b94;\n}\n\n.style-module_PopupDots__rLdc9 {\n bottom: 8px;\n}");export{o as default};
@@ -0,0 +1,7 @@
1
+ import * as React from "react";
2
+ import CheckoutViewModel from "../../model";
3
+ declare type Props = {
4
+ vm: CheckoutViewModel;
5
+ };
6
+ declare const _default: React.FunctionComponent<Props>;
7
+ export default _default;
@@ -0,0 +1 @@
1
+ import*as e from"react";import{observer as t}from"mobx-react-lite";import{Button as a}from"../button/index.js";import n from"../svg/ikas.js";import{useTranslation as o}from"../../../../utils/i18n.js";import i from"./style.module.scss.js";var c=function(t){var a,n,c=t.vm,s=o().t,r=!!(null===(a=c.customizationProps)||void 0===a?void 0:a.campaignOfferCountdownStyleIsLine);return e.createElement("div",{className:r?i.CountdownContainerIsLine:i.CountdownContainer},e.createElement("div",{className:i.CountdownTextMain},!(null===(n=c.customizationProps)||void 0===n?void 0:n.campaignOfferCountdownStyleIsLine)&&e.createElement("span",{className:i.CountdownText},s("checkout-page:timeRemaining")),e.createElement("span",{className:i.CountdownTime},"5:00")))},s=t((function(t){var s,r,m,l,d=t.vm,u=o().t,f=!!(null===(s=d.customizationProps)||void 0===s?void 0:s.showCampaignIsBiggerImage),p=!!(null===(r=d.customizationProps)||void 0===r?void 0:r.campaignOfferCountdownStyleIsLine);return e.createElement("div",{className:[i.Container,i.ActiveOffer].join(" ")},!(null===(m=d.customizationProps)||void 0===m?void 0:m.campaignOfferCountdownStyleIsLine)&&e.createElement(c,{vm:d}),e.createElement("div",{className:[i.ContentContainer].join(" ")},e.createElement("div",{className:[i.HeaderMain,f?i.IsBigProductImage:"",p?i.IsLineCountDown:""].join(" ")},e.createElement("div",{className:i.Header},e.createElement("div",{className:i.Title},u("checkout-page:offerTitle")),e.createElement("div",{className:i.Description},u("checkout-page:offerDescription"))),p&&e.createElement(c,{vm:d})),e.createElement("div",{className:[i.ProductContainer,f?i.IsLineProductContainer:""].join(" ")},e.createElement("div",{className:[i.ImageContainer,f?i.BigImage:"",i.PlaceHolderProductContainer].join(" ")},e.createElement(n,{className:i.Image})),e.createElement("div",{className:i.ProductDetails},e.createElement("div",{className:i.ProductName},u("checkout-page:offerProductName")),!(null===(l=d.customizationProps)||void 0===l?void 0:l.showCampaignHideDiscountBadge)&&e.createElement("span",{className:i.DiscountBadge},"%",50," ",u("checkout-page:discount")),e.createElement("div",{className:i.ProductPriceMain},e.createElement("span",{className:i.Discount},"100"," "),e.createElement("span",{className:i.ProductPrice},50)))),e.createElement("div",{className:[i.OfferActionsMain,f?i.OfferActionsMainBigImage:""].join(" ")},e.createElement(a,{classes:i.OfferButton,isLine:!0,text:u("checkout-page:actions.rejectOffer")}),e.createElement(a,{classes:[i.OfferButton,f?i.OfferAcceptButton:""].join(" "),text:u("checkout-page:actions.acceptOffer")}))))}));export{s as default};
@@ -1 +1 @@
1
- import e from'./../../../../../ext/style-inject/dist/style-inject.es.js';var n={Container:"style-module_Container__S-wDQ",Select:"style-module_Select__zwkHE",ArrowContainer:"style-module_ArrowContainer__3WDKx"};e(".style-module_Container__S-wDQ {\n position: relative;\n margin-right: 12px;\n}\n\n.style-module_Select__zwkHE {\n height: 44px;\n width: 80px;\n appearance: none;\n border: 1px solid var(--checkout-border-color);\n border-radius: 8px;\n padding-left: 16px;\n padding-right: 25px;\n font-size: 14px;\n font-weight: 600;\n}\n\n.style-module_ArrowContainer__3WDKx {\n position: absolute;\n top: 16px;\n right: 16px;\n display: flex;\n flex-direction: column;\n}");export{n as default};
1
+ import e from'./../../../../../ext/style-inject/dist/style-inject.es.js';var n={Container:"style-module_Container__S-wDQ",Select:"style-module_Select__zwkHE",ArrowContainer:"style-module_ArrowContainer__3WDKx"};e(".style-module_Container__S-wDQ {\n position: relative;\n width: 100%;\n}\n\n.style-module_Select__zwkHE {\n height: 52px;\n appearance: none;\n border: 1px solid var(--checkout-border-color);\n border-radius: 8px;\n width: 100%;\n padding-left: 16px;\n padding-right: 25px;\n font-size: 16px;\n font-weight: 400;\n line-height: 24px;\n}\n\n.style-module_ArrowContainer__3WDKx {\n position: absolute;\n top: 20px;\n right: 16px;\n display: flex;\n flex-direction: column;\n}");export{n as default};
@@ -1 +1 @@
1
- import n from'./../../../../ext/style-inject/dist/style-inject.es.js';var e={Container:"style-module_Container__-EKYc",CountdownContainer:"style-module_CountdownContainer__bc-5v",CountdownText:"style-module_CountdownText__Hd-3I",ContentContainer:"style-module_ContentContainer__tC3zO",Header:"style-module_Header__J2wyt",Title:"style-module_Title__4T394",RejectButton:"style-module_RejectButton__3SwP8",ProductContainer:"style-module_ProductContainer__9qr9n",ImageContainer:"style-module_ImageContainer__gxlXU",Image:"style-module_Image__gDla7",ProductDetails:"style-module_ProductDetails__a-gJx",ProductName:"style-module_ProductName__yTmJx",VariantName:"style-module_VariantName__DF1mY",Brand:"style-module_Brand__UxK7C",ProductPrice:"style-module_ProductPrice__U6Lhy",Discount:"style-module_Discount__tjllJ",Actions:"style-module_Actions__XZsJD"};n(".style-module_Container__-EKYc {\n margin: 32px 0 48px 0;\n background-color: var(--checkout-card-bg-color);\n border-radius: 8px;\n}\n@media only screen and (max-width: 1000px) {\n .style-module_Container__-EKYc {\n margin: 24px 0 24px 0;\n border-radius: 0;\n }\n}\n\n.style-module_CountdownContainer__bc-5v {\n display: flex;\n justify-content: center;\n padding: 6px;\n background-color: #cfced3;\n border-radius: 8px 8px 0 0;\n}\n@media only screen and (max-width: 1000px) {\n .style-module_CountdownContainer__bc-5v {\n border-radius: 0;\n }\n}\n\n.style-module_CountdownText__Hd-3I {\n font-size: 14px;\n font-weight: 600;\n color: var(--checkout-primary-text-color);\n}\n\n.style-module_ContentContainer__tC3zO {\n padding: 24px;\n width: 100%;\n}\n\n.style-module_Header__J2wyt {\n display: flex;\n justify-content: space-between;\n}\n\n.style-module_Title__4T394 {\n margin-bottom: 24px;\n font-size: 22px;\n color: var(--checkout-primary-text-color);\n font-weight: 600;\n}\n\n.style-module_RejectButton__3SwP8 {\n height: 35px;\n width: 20px;\n display: flex;\n align-items: center;\n justify-content: center;\n flex: 0 0 20px;\n margin-left: 12px;\n cursor: pointer;\n}\n\n.style-module_ProductContainer__9qr9n {\n display: flex;\n}\n\n.style-module_ImageContainer__gxlXU {\n height: 136px;\n width: 136px;\n position: relative;\n background-color: #fff;\n margin-right: 24px;\n border-radius: 8px;\n flex: 0 0 136px;\n}\n\n.style-module_Image__gDla7 {\n width: 100%;\n height: 100%;\n object-fit: cover;\n border-radius: 8px;\n}\n\n.style-module_ProductDetails__a-gJx {\n flex: 1;\n}\n\n.style-module_ProductName__yTmJx {\n margin-bottom: 2px;\n font-size: 16px;\n color: var(--checkout-primary-text-color);\n font-weight: 600;\n line-height: 24px;\n}\n\n.style-module_VariantName__DF1mY {\n margin-bottom: 2px;\n font-size: 14px;\n color: var(--checkout-primary-text-color);\n line-height: 20px;\n}\n\n.style-module_Brand__UxK7C {\n margin-bottom: 2px;\n font-size: 14px;\n color: var(--checkout-primary-text-color);\n line-height: 20px;\n}\n\n.style-module_ProductPrice__U6Lhy {\n font-size: 14px;\n font-weight: 600;\n color: var(--checkout-primary-text-color);\n line-height: 20px;\n}\n\n.style-module_Discount__tjllJ {\n font-size: 14px;\n font-weight: 600;\n color: var(--checkout-secondary-text-color);\n text-decoration: line-through;\n}\n\n.style-module_Actions__XZsJD {\n display: flex;\n margin-top: 24px;\n}");export{e as default};
1
+ import n from'./../../../../ext/style-inject/dist/style-inject.es.js';var e={Container:"style-module_Container__-EKYc",Border:"style-module_Border__DqZgC",ActiveOffer:"style-module_ActiveOffer__JZyW-",CountdownContainer:"style-module_CountdownContainer__bc-5v",CountdownContainerIsLine:"style-module_CountdownContainerIsLine__YtdAv",CountdownTextMain:"style-module_CountdownTextMain__S9Rrn",CountdownText:"style-module_CountdownText__Hd-3I",CountdownTime:"style-module_CountdownTime__a2aRF",ContentContainer:"style-module_ContentContainer__tC3zO",HeaderMain:"style-module_HeaderMain__-tiUy",Header:"style-module_Header__J2wyt",IsLineCountDown:"style-module_IsLineCountDown__xgFDT",IsBigProductImage:"style-module_IsBigProductImage__YdAgY",IsLineProductContainer:"style-module_IsLineProductContainer__3Nkqr",Title:"style-module_Title__4T394",Description:"style-module_Description__GPKR-",RejectButton:"style-module_RejectButton__3SwP8",ProductContainer:"style-module_ProductContainer__9qr9n",ImageContainer:"style-module_ImageContainer__gxlXU",PlaceHolderProductContainer:"style-module_PlaceHolderProductContainer__XVvyr",BigImage:"style-module_BigImage__n1DH9",SmallImage:"style-module_SmallImage__42qY-",BiggerImage:"style-module_BiggerImage__2M7Dw",Image:"style-module_Image__gDla7",ProductDetails:"style-module_ProductDetails__a-gJx",ProductName:"style-module_ProductName__yTmJx",VariantName:"style-module_VariantName__DF1mY",Brand:"style-module_Brand__UxK7C",ProductPriceMain:"style-module_ProductPriceMain__IJHv-",ProductPrice:"style-module_ProductPrice__U6Lhy",Discount:"style-module_Discount__tjllJ",Actions:"style-module_Actions__XZsJD",DiscountBadge:"style-module_DiscountBadge__deWxZ",ContentContainerItems:"style-module_ContentContainerItems__SIB05",OfferActionsMain:"style-module_OfferActionsMain__9axsN",OfferActionsMainMiddlePhase:"style-module_OfferActionsMainMiddlePhase__7VryS",OfferButton:"style-module_OfferButton__pkhNI",OfferActionsMainBigImage:"style-module_OfferActionsMainBigImage__qCPQB",MobileSmallHeader:"style-module_MobileSmallHeader__zrlIx",ContentContainerPopup:"style-module_ContentContainerPopup__Pburr",ContentContainerPopupItems:"style-module_ContentContainerPopupItems__7Azct",PopupOfferButton:"style-module_PopupOfferButton__-9ljg",PopupContainer:"style-module_PopupContainer__sL4sY",PopupContainerDesktop:"style-module_PopupContainerDesktop__c13p-"};n(".style-module_Container__-EKYc {\n margin: 32px 0 48px 0;\n border: 1px solid var(--checkout-border-color);\n border-radius: 8px;\n flex-shrink: 0;\n width: 100%;\n transition: 0.5s ease;\n}\n@media only screen and (max-width: 1000px) {\n .style-module_Container__-EKYc {\n margin: 0;\n border-radius: 0;\n border: unset;\n border-bottom: 1px solid var(--checkout-border-color);\n }\n}\n@media only screen and (max-width: 1000px) {\n .style-module_Container__-EKYc.style-module_Border__DqZgC {\n border-top: 1px solid var(--checkout-border-color);\n }\n}\n\n.style-module_ActiveOffer__JZyW- {\n position: relative;\n opacity: 1;\n}\n\n.style-module_CountdownContainer__bc-5v {\n display: flex;\n justify-content: center;\n padding: 12px 16px;\n border-radius: 8px 8px 0 0;\n background-color: var(--checkout-campaign-countdown-bg-color);\n}\n@media only screen and (max-width: 1000px) {\n .style-module_CountdownContainer__bc-5v {\n border-radius: 0;\n }\n}\n\n.style-module_CountdownContainerIsLine__YtdAv {\n display: flex;\n justify-content: center;\n padding: 4px 12px;\n border-radius: 8px;\n background-color: var(--checkout-campaign-countdown-bg-color);\n height: 32px;\n}\n\n.style-module_CountdownTextMain__S9Rrn {\n gap: 6px;\n display: flex;\n}\n\n.style-module_CountdownText__Hd-3I {\n color: var(--checkout-campaign-countdown-text-color);\n font-size: 16px;\n font-weight: 500;\n line-height: 24px;\n}\n\n.style-module_CountdownTime__a2aRF {\n color: var(--checkout-campaign-countdown-time-color);\n font-size: 16px;\n font-weight: 700;\n line-height: 24px;\n}\n\n.style-module_ContentContainer__tC3zO {\n padding: 24px;\n width: 100%;\n position: relative;\n}\n\n.style-module_HeaderMain__-tiUy {\n display: flex;\n flex-direction: column;\n margin-bottom: 16px;\n}\n\n.style-module_Header__J2wyt {\n display: flex;\n flex-direction: column;\n}\n\n.style-module_IsLineCountDown__xgFDT {\n display: flex;\n flex-direction: row;\n justify-content: space-between;\n align-items: center;\n}\n.style-module_IsLineCountDown__xgFDT .style-module_Header__J2wyt {\n width: 75%;\n}\n\n@media only screen and (max-width: 1000px) {\n .style-module_IsBigProductImage__YdAgY {\n flex-direction: column;\n justify-content: center;\n text-align: center;\n row-gap: 16px;\n align-items: center;\n }\n}\n\n@media only screen and (max-width: 1000px) {\n .style-module_IsLineProductContainer__3Nkqr {\n flex-direction: column;\n justify-content: center;\n align-items: center;\n width: 256px;\n margin: 0 auto;\n row-gap: 12px;\n }\n}\n\n.style-module_Title__4T394 {\n font-size: 20px;\n color: var(--checkout-campaign-title-color);\n font-weight: 500;\n line-height: 32px;\n}\n@media only screen and (max-width: 1000px) {\n .style-module_Title__4T394 {\n font-size: 18px;\n line-height: 26px;\n }\n}\n\n.style-module_Description__GPKR- {\n color: var(--checkout-campaign-description-color);\n font-size: 16px;\n font-weight: 400;\n line-height: 24px;\n}\n\n.style-module_RejectButton__3SwP8 {\n height: 35px;\n width: 20px;\n display: flex;\n align-items: center;\n justify-content: center;\n right: 16px;\n top: 10px;\n cursor: pointer;\n position: absolute;\n}\n\n.style-module_ProductContainer__9qr9n {\n display: flex;\n}\n\n.style-module_ImageContainer__gxlXU {\n height: 80px;\n width: 80px;\n position: relative;\n background-color: #fff;\n margin-right: 12px;\n border-radius: 8px;\n border: 1px solid var(--checkout-border-color);\n}\n.style-module_ImageContainer__gxlXU svg {\n width: 40px;\n height: 40px;\n}\n\n.style-module_PlaceHolderProductContainer__XVvyr {\n display: flex;\n align-items: center;\n justify-content: center;\n}\n\n.style-module_BigImage__n1DH9 {\n height: 152px;\n width: 152px;\n margin-right: 16px;\n}\n.style-module_BigImage__n1DH9 svg {\n width: 80px;\n height: 80px;\n}\n@media only screen and (max-width: 1000px) {\n .style-module_BigImage__n1DH9 {\n height: 256px;\n width: 256px;\n margin-right: 0;\n }\n}\n\n.style-module_SmallImage__42qY- {\n height: 52px;\n width: 52px;\n}\n\n.style-module_BiggerImage__2M7Dw {\n height: 320px;\n width: 320px;\n}\n\n.style-module_Image__gDla7 {\n width: 100%;\n height: 100%;\n object-fit: cover;\n border-radius: 8px;\n}\n\n.style-module_ProductDetails__a-gJx {\n flex: 1;\n width: 100%;\n position: relative;\n}\n\n.style-module_ProductName__yTmJx {\n margin-bottom: 4px;\n font-size: 16px;\n color: var(--checkout-primary-text-color);\n font-weight: 500;\n line-height: 24px;\n}\n\n.style-module_VariantName__DF1mY {\n margin-bottom: 4px;\n font-size: 14px;\n color: var(--checkout-primary-text-color);\n line-height: 20px;\n}\n\n.style-module_Brand__UxK7C {\n margin-bottom: 2px;\n font-size: 14px;\n color: var(--checkout-primary-text-color);\n line-height: 20px;\n}\n\n.style-module_ProductPriceMain__IJHv- {\n gap: 6px;\n display: flex;\n}\n\n.style-module_ProductPrice__U6Lhy {\n font-size: 16px;\n font-weight: 500;\n color: var(--checkout-primary-text-color);\n line-height: 24px;\n}\n\n.style-module_Discount__tjllJ {\n font-size: 16px;\n font-weight: 400;\n color: var(--checkout-secondary-text-color);\n text-decoration: line-through;\n line-height: 24px;\n}\n\n.style-module_Actions__XZsJD {\n display: flex;\n margin-top: 16px;\n width: 100%;\n}\n\n.style-module_DiscountBadge__deWxZ {\n color: var(--checkout-campaign-discount-percentage-color);\n background-color: var(--checkout-campaign-discount-percentage-bg-color);\n display: flex;\n padding: 4px 8px;\n border-radius: 4px;\n font-size: 14px;\n font-weight: 700;\n line-height: 20px;\n width: max-content;\n margin-bottom: 4px;\n}\n@media only screen and (max-width: 1000px) {\n .style-module_DiscountBadge__deWxZ {\n font-size: 12px;\n }\n}\n\n.style-module_ContentContainerItems__SIB05 {\n position: relative;\n}\n@media only screen and (max-width: 1000px) {\n .style-module_ContentContainerItems__SIB05 {\n padding-bottom: 60px;\n }\n}\n\n.style-module_OfferActionsMain__9axsN {\n display: flex;\n gap: 12px;\n margin-top: 24px;\n}\n\n.style-module_OfferActionsMainMiddlePhase__7VryS {\n display: flex;\n flex-direction: column;\n gap: 12px;\n margin-top: 24px;\n flex-direction: column-reverse;\n position: absolute;\n bottom: 0;\n width: 100%;\n}\n.style-module_OfferActionsMainMiddlePhase__7VryS .style-module_OfferButton__pkhNI div span:nth-child(2) {\n background-color: rgb(255, 255, 255);\n width: 2px;\n height: 2px;\n display: flex;\n}\n.style-module_OfferActionsMainMiddlePhase__7VryS .style-module_OfferButton__pkhNI div {\n display: flex;\n align-items: center;\n gap: 8px;\n font-weight: 500;\n}\n.style-module_OfferActionsMainMiddlePhase__7VryS .style-module_OfferButton__pkhNI div span {\n font-weight: 500;\n}\n\n@media only screen and (max-width: 1000px) {\n .style-module_OfferActionsMainBigImage__qCPQB {\n display: flex;\n flex-direction: column;\n flex-direction: column-reverse;\n }\n}\n\n.style-module_OfferButton__pkhNI {\n font-weight: 500 !important;\n width: 100%;\n height: 52px !important;\n font-size: 16px;\n}\n\n.style-module_MobileSmallHeader__zrlIx {\n margin-bottom: 10px;\n}\n.style-module_MobileSmallHeader__zrlIx .style-module_Header__J2wyt .style-module_Title__4T394 {\n font-size: 16px;\n font-weight: 500;\n line-height: 24px;\n}\n\n.style-module_ContentContainerPopup__Pburr {\n padding: 16px;\n padding-bottom: 60px;\n}\n.style-module_ContentContainerPopup__Pburr .style-module_ProductContainer__9qr9n .style-module_ProductDetails__a-gJx {\n position: relative;\n}\n.style-module_ContentContainerPopup__Pburr .style-module_ProductContainer__9qr9n .style-module_ProductDetails__a-gJx .style-module_ProductName__yTmJx {\n display: block;\n white-space: nowrap;\n overflow: hidden;\n text-overflow: ellipsis;\n width: 150px;\n}\n\n.style-module_ContentContainerPopupItems__7Azct {\n padding: 16px;\n}\n.style-module_ContentContainerPopupItems__7Azct .style-module_ProductContainer__9qr9n .style-module_ProductDetails__a-gJx {\n position: relative;\n}\n.style-module_ContentContainerPopupItems__7Azct .style-module_ProductContainer__9qr9n .style-module_ProductDetails__a-gJx .style-module_ProductName__yTmJx {\n display: block;\n white-space: nowrap;\n overflow: hidden;\n text-overflow: ellipsis;\n width: 150px;\n}\n\n.style-module_PopupOfferButton__-9ljg {\n position: absolute;\n top: 50%;\n right: 0;\n width: 40%;\n transform: translateY(-50%);\n font-size: 12px;\n height: 44px !important;\n}\n\n.style-module_PopupContainer__sL4sY {\n border-bottom: unset;\n}\n.style-module_PopupContainer__sL4sY .style-module_ContentContainer__tC3zO {\n padding-bottom: 16px;\n}\n\n.style-module_PopupContainerDesktop__c13p- {\n border: 1px solid var(--checkout-border-color);\n}");export{e as default};