@ikas/storefront 0.0.165-alpha.9 → 0.0.166-alpha.1

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 (7) hide show
  1. package/build/analytics/analytics.d.ts +1 -1
  2. package/build/analytics/facebookPixel.d.ts +1 -1
  3. package/build/index.css +1483 -0
  4. package/build/index.es.css +1483 -0
  5. package/build/index.es.js +40 -110
  6. package/build/index.js +40 -111
  7. package/package.json +1 -1
package/build/index.js CHANGED
@@ -7,7 +7,6 @@ var fs = require('fs');
7
7
  var path$1 = require('path');
8
8
  var getConfig = require('next/config');
9
9
  var React = require('react');
10
- var Script = require('next/script');
11
10
  var mobxReactLite = require('mobx-react-lite');
12
11
  var Head = require('next/head');
13
12
  var router = require('next/router');
@@ -23,7 +22,6 @@ var fs__default = /*#__PURE__*/_interopDefaultLegacy(fs);
23
22
  var path__default = /*#__PURE__*/_interopDefaultLegacy(path$1);
24
23
  var getConfig__default = /*#__PURE__*/_interopDefaultLegacy(getConfig);
25
24
  var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
26
- var Script__default = /*#__PURE__*/_interopDefaultLegacy(Script);
27
25
  var Head__default = /*#__PURE__*/_interopDefaultLegacy(Head);
28
26
  var crypto__default = /*#__PURE__*/_interopDefaultLegacy(crypto$1);
29
27
  var NextImage__default = /*#__PURE__*/_interopDefaultLegacy(NextImage);
@@ -17889,9 +17887,7 @@ var FacebookPixel = /** @class */ (function () {
17889
17887
  try {
17890
17888
  !isServer &&
17891
17889
  window.fbq &&
17892
- window.fbq("track", "AddToCart", item instanceof IkasProductDetail
17893
- ? productToFBPItem(item, quantity)
17894
- : orderLineItemToFBPItem(item, quantity), { eventId: eventId });
17890
+ window.fbq("track", "AddToCart", orderLineItemToFBPItem(item, quantity), { eventId: eventId });
17895
17891
  return;
17896
17892
  }
17897
17893
  catch (err) {
@@ -22523,7 +22519,7 @@ var IkasCartStore = /** @class */ (function () {
22523
22519
  this.addItem = function (variant, product, initialQuantity) {
22524
22520
  if (initialQuantity === void 0) { initialQuantity = 1; }
22525
22521
  return __awaiter(_this, void 0, void 0, function () {
22526
- var existingItem, input, cart, eventId, err_2;
22522
+ var existingItem, input, cart, eventId, item, err_2;
22527
22523
  var _a, _b, _c;
22528
22524
  return __generator(this, function (_d) {
22529
22525
  switch (_d.label) {
@@ -22564,7 +22560,10 @@ var IkasCartStore = /** @class */ (function () {
22564
22560
  case 3:
22565
22561
  if (this.cart) {
22566
22562
  eventId = this.cart.id + "-" + this.cart.updatedAt;
22567
- Analytics.addToCart(new IkasProductDetail(product, variant.variantValues), initialQuantity, eventId);
22563
+ item = this.cart.items.find(function (i) { return i.variant.id; });
22564
+ if (item) {
22565
+ Analytics.addToCart(item, initialQuantity, eventId);
22566
+ }
22568
22567
  }
22569
22568
  return [3 /*break*/, 5];
22570
22569
  case 4:
@@ -24260,23 +24259,19 @@ var AnalyticsHead = function (_a) {
24260
24259
  __html: "dataLayer = [{'gtm.blocklist': ['html']}];",
24261
24260
  } })),
24262
24261
  gtmId && (React.createElement("script", { dangerouslySetInnerHTML: {
24263
- __html: "(function(w,l){" +
24264
- "w[l] = w[l] || [];w[l].push({'gtm.start':new Date().getTime(),event:'gtm.js'});" +
24265
- "})(window,'dataLayer');",
24262
+ __html: "(function(w,d,s,l,i){w[l]=w[l]||[];w[l].push({'gtm.start':\n new Date().getTime(),event:'gtm.js'});var f=d.getElementsByTagName(s)[0],\n j=d.createElement(s),dl=l!='dataLayer'?'&l='+l:'';j.async=true;j.src=\n 'https://www.googletagmanager.com/gtm.js?id='+i+dl;f.parentNode.insertBefore(j,f);\n })(window,document,'script','dataLayer','" + gtmId + "');",
24266
24263
  } })),
24267
24264
  fbpId && (React.createElement("script", { dangerouslySetInnerHTML: {
24268
- __html: "!function(f,b,e,v,n,t,s)\n {if(f.fbq)return;n=f.fbq=function(){n.callMethod?\n n.callMethod.apply(n,arguments):n.queue.push(arguments)};\n if(!f._fbq)f._fbq=n;n.push=n;n.loaded=!0;n.version='2.0';\n n.queue=[];}(window);\n fbq('init', '" + fbpId + "');\n fbq('track', 'PageView');",
24265
+ __html: "!function(f,b,e,v,n,t,s)\n {if(f.fbq)return;n=f.fbq=function(){n.callMethod?\n n.callMethod.apply(n,arguments):n.queue.push(arguments)};\n if(!f._fbq)f._fbq=n;n.push=n;n.loaded=!0;n.version='2.0';\n n.queue=[];t=b.createElement(e);t.async=!0;\n t.src=v;s=b.getElementsByTagName(e)[0];\n s.parentNode.insertBefore(t,s)}(window, document,'script',\n 'https://connect.facebook.net/en_US/fbevents.js');\n fbq('init', '" + fbpId + "');\n fbq('track', 'PageView');",
24269
24266
  } }))));
24270
24267
  };
24271
24268
  var AnalyticsBody = function () {
24272
24269
  var gtmId = IkasStorefrontConfig.gtmId;
24273
24270
  var fbpId = IkasStorefrontConfig.fbpId;
24274
24271
  return (React.createElement(React.Fragment, null,
24275
- gtmId && (React.createElement(Script__default['default'], { src: "https://www.googletagmanager.com/gtm.js?id=" + gtmId })),
24276
24272
  gtmId && (React.createElement("noscript", { dangerouslySetInnerHTML: {
24277
24273
  __html: "<iframe src=\"https://www.googletagmanager.com/ns.html?id=" + gtmId + "\" height=\"0\" width=\"0\" style=\"display:none;visibility:hidden\"></iframe>",
24278
24274
  } })),
24279
- fbpId && (React.createElement(Script__default['default'], { src: "https://connect.facebook.net/en_US/fbevents.js" })),
24280
24275
  fbpId && (React.createElement("noscript", { dangerouslySetInnerHTML: {
24281
24276
  __html: "<img height=\"1\" width=\"1\" style=\"display:none\" \n src=\"https://www.facebook.com/tr?id=" + fbpId + "&ev=PageView&noscript=1\"/>",
24282
24277
  } }))));
@@ -33301,6 +33296,34 @@ function createProductSchema(productDetail) {
33301
33296
  var _a, _b;
33302
33297
  try {
33303
33298
  var isBrowser = typeof window !== "undefined";
33299
+ // TODO this code copy-pasted, organize this block
33300
+ if (isBrowser) {
33301
+ var urlParams_1 = new URLSearchParams(window.location.search);
33302
+ var vid_1 = urlParams_1.get("vid");
33303
+ if (vid_1) {
33304
+ var variant = productDetail.product.variants.find(function (v) { return v.id === vid_1; });
33305
+ if (variant) {
33306
+ productDetail.selectedVariantValues = variant.variantValues;
33307
+ }
33308
+ }
33309
+ else {
33310
+ var productVariantTypeSlugs = productDetail.product.variantTypes.map(function (vt) { return vt.variantType.slug; });
33311
+ var selectedVariantValues_1 = [];
33312
+ productVariantTypeSlugs.forEach(function (slug, vtIndex) {
33313
+ var productVariantType = productDetail.product.variantTypes[vtIndex];
33314
+ var variantValueSlug = urlParams_1.get(slug);
33315
+ if (variantValueSlug) {
33316
+ var variantValue = productVariantType.variantType.values.find(function (v) { return v.slug === variantValueSlug; });
33317
+ if (variantValue)
33318
+ selectedVariantValues_1.push(variantValue);
33319
+ }
33320
+ });
33321
+ if (selectedVariantValues_1.length ===
33322
+ productDetail.selectedVariantValues.length) {
33323
+ productDetail.selectedVariantValues = selectedVariantValues_1;
33324
+ }
33325
+ }
33326
+ }
33304
33327
  var productUrl = isBrowser
33305
33328
  ? "https://" + window.location.hostname + productDetail.href
33306
33329
  : "";
@@ -33373,36 +33396,7 @@ function createCategoryBreadcrumbSchema(pageSpecificDataStr) {
33373
33396
  catch (_a) { }
33374
33397
  }
33375
33398
 
33376
- function styleInject(css, ref) {
33377
- if ( ref === void 0 ) ref = {};
33378
- var insertAt = ref.insertAt;
33379
-
33380
- if (!css || typeof document === 'undefined') { return; }
33381
-
33382
- var head = document.head || document.getElementsByTagName('head')[0];
33383
- var style = document.createElement('style');
33384
- style.type = 'text/css';
33385
-
33386
- if (insertAt === 'top') {
33387
- if (head.firstChild) {
33388
- head.insertBefore(style, head.firstChild);
33389
- } else {
33390
- head.appendChild(style);
33391
- }
33392
- } else {
33393
- head.appendChild(style);
33394
- }
33395
-
33396
- if (style.styleSheet) {
33397
- style.styleSheet.cssText = css;
33398
- } else {
33399
- style.appendChild(document.createTextNode(css));
33400
- }
33401
- }
33402
-
33403
- var css_248z = ".style-module_IkasPage__ATOib {\n position: relative;\n min-height: 100vh;\n display: flex;\n flex-direction: column;\n justify-content: space-between;\n visibility: hidden; }\n";
33404
33399
  var styles = {"IkasPage":"style-module_IkasPage__ATOib"};
33405
- styleInject(css_248z);
33406
33400
 
33407
33401
  var IkasPage = mobxReactLite.observer(function (_a) {
33408
33402
  var propValues = _a.propValues, page = _a.page, pageSpecificDataStr = _a.pageSpecificDataStr, settingsStr = _a.settingsStr, merchantSettings = _a.merchantSettings, addOgpMetas = _a.addOgpMetas;
@@ -37378,9 +37372,7 @@ var BridgeMessageType;
37378
37372
  BridgeMessageType["UPDATE_THEME_SETTINGS"] = "UPDATE_THEME_SETTINGS";
37379
37373
  })(BridgeMessageType || (BridgeMessageType = {}));
37380
37374
 
37381
- var css_248z$1 = ".style-module_FormSectionTitle__2LxF2 {\n width: 100%;\n display: flex;\n justify-content: space-between;\n align-items: center; }\n .style-module_FormSectionTitle__2LxF2 .style-module_Title__2PxW0 {\n flex: 1 1 auto;\n padding-bottom: 16px;\n color: var(--checkout-primary-text-color);\n font-size: 20px;\n line-height: 32px; }\n .style-module_FormSectionTitle__2LxF2 .style-module_Title__2PxW0.style-module_WithSubTitle__36X7i {\n line-height: auto;\n padding-bottom: 0; }\n\n.style-module_SubTitle__2UOsH {\n color: var(--checkout-secondary-text-color);\n font-size: 14px;\n padding-bottom: 16px;\n padding-top: 2px; }\n\n.style-module_Grid__1eODF {\n display: grid;\n grid-gap: 16px;\n grid-template-columns: 1fr; }\n .style-module_Grid__1eODF.style-module_Grid2__1HTRV {\n grid-template-columns: repeat(2, 1fr); }\n .style-module_Grid__1eODF.style-module_Grid3__uN7io {\n grid-template-columns: repeat(3, 1fr); }\n @media only screen and (max-width: 768px) {\n .style-module_Grid__1eODF {\n grid-template-columns: 1fr !important; } }\n\n@keyframes style-module_fadeInFromRight__L_PAx {\n from {\n opacity: 0;\n transform: translateY(10px); }\n to {\n opacity: 1;\n transform: translateY(0); } }\n\n.style-module_FormItem__1o0fc {\n width: 100%; }\n .style-module_FormItemWrapper__2NOxU {\n width: 100%;\n position: relative; }\n .style-module_FormItemWrapper__2NOxU .style-module_RightContent__1fjX9 {\n position: absolute;\n height: 100%;\n top: 0;\n right: 0; }\n .style-module_FormItemInputWrapper__2eOdJ {\n position: relative;\n width: 100%; }\n .style-module_FormItemInputWrapper__2eOdJ label.style-module_FieldLabel__2Tx0b {\n color: var(--checkout-secondary-text-color);\n position: absolute;\n top: 0;\n left: 17px;\n width: 100%;\n z-index: 1;\n user-select: none;\n pointer-events: none;\n overflow: hidden;\n white-space: nowrap;\n text-overflow: ellipsis;\n transition: transform .1s;\n transform: translateY(18px);\n font-size: 0.85em;\n line-height: 22px; }\n .style-module_FormItemInputWrapper__2eOdJ label.style-module_FieldLabelTop__1nOBq {\n transform: translateY(8px);\n font-size: 0.7em; }\n .style-module_FormItemInputWrapper__2eOdJ input,\n .style-module_FormItemInputWrapper__2eOdJ select,\n .style-module_FormItemInputWrapper__2eOdJ textarea {\n border: 1px solid var(--checkout-border-color);\n background-color: var(--checkout-primary-bg-color);\n color: var(--checkout-primary-text-color);\n background-clip: padding-box;\n border-radius: 8px;\n display: block;\n width: 100%;\n height: 56px;\n padding: 8px 16px;\n outline: none;\n transition: padding .1s, border-color .5s, box-shadow .5s;\n box-shadow: 0 0 0 1px transparent;\n -moz-appearance: none;\n -webkit-appearance: none; }\n .style-module_FormItemInputWrapper__2eOdJ input:focus,\n .style-module_FormItemInputWrapper__2eOdJ select:focus,\n .style-module_FormItemInputWrapper__2eOdJ textarea:focus {\n box-shadow: 0 0 0 1px var(--checkout-button-bg-color);\n border-color: var(--checkout-button-bg-color); }\n .style-module_FormItemInputWrapper__2eOdJ input.style-module_Bottom__3s4pZ,\n .style-module_FormItemInputWrapper__2eOdJ select.style-module_Bottom__3s4pZ,\n .style-module_FormItemInputWrapper__2eOdJ textarea.style-module_Bottom__3s4pZ {\n padding-top: 1.2em;\n padding-bottom: 0.2em; }\n .style-module_FormItemInputWrapper__2eOdJ input.style-module_Error__nif12,\n .style-module_FormItemInputWrapper__2eOdJ select.style-module_Error__nif12,\n .style-module_FormItemInputWrapper__2eOdJ textarea.style-module_Error__nif12 {\n box-shadow: 0 0 0 1px var(--checkout-error-color);\n border-color: var(--checkout-error-color); }\n .style-module_FormItemInputWrapper__2eOdJ input.style-module_WithTooltip__1KRSQ,\n .style-module_FormItemInputWrapper__2eOdJ select.style-module_WithTooltip__1KRSQ,\n .style-module_FormItemInputWrapper__2eOdJ textarea.style-module_WithTooltip__1KRSQ {\n padding-right: 40px; }\n .style-module_FormItemInputWrapper__2eOdJ input::-ms-expand,\n .style-module_FormItemInputWrapper__2eOdJ select::-ms-expand,\n .style-module_FormItemInputWrapper__2eOdJ textarea::-ms-expand {\n display: none; }\n .style-module_FormItemInputWrapper__2eOdJ input::placeholder,\n .style-module_FormItemInputWrapper__2eOdJ select::placeholder,\n .style-module_FormItemInputWrapper__2eOdJ textarea::placeholder {\n color: var(--checkout-secondary-text-color) !important; }\n .style-module_FormItemInputWrapper__2eOdJ textarea {\n min-height: 120px; }\n .style-module_FormItemInputWrapper__2eOdJ .style-module_ArrowContainer__27ejm {\n position: absolute;\n right: 1px;\n padding-right: 0.5em;\n top: 1px;\n height: calc(100% - 2px);\n display: flex;\n align-items: center;\n color: var(--checkout-secondary-text-color);\n background-color: var(--checkout-primary-bg-color);\n z-index: 2;\n border-radius: 6px; }\n .style-module_FormItemInputWrapper__2eOdJ .PhoneInput {\n display: flex;\n align-items: center; }\n .style-module_FormItemInputWrapper__2eOdJ .PhoneInputInput {\n padding-left: 64px; }\n .style-module_FormItemInputWrapper__2eOdJ .PhoneInputInput::placeholder {\n color: var(--checkout-secondary-text-color) !important;\n font-size: 14px !important; }\n .style-module_FormItemInputWrapper__2eOdJ .PhoneInputCountry {\n position: absolute;\n align-self: stretch;\n display: flex;\n align-items: center;\n top: 26px;\n left: 16px; }\n .style-module_FormItemInputWrapper__2eOdJ .PhoneInputCountrySelect {\n border: none;\n display: inline-flex;\n width: 60px;\n position: absolute;\n top: 0;\n left: 0;\n height: 100%;\n width: 100%;\n z-index: 1;\n border: 0;\n opacity: 0;\n cursor: pointer; }\n .style-module_FormItemInputWrapper__2eOdJ .PhoneInputCountryIcon {\n width: calc(1em * 1.5);\n height: 1em; }\n .style-module_FormItemInputWrapper__2eOdJ .PhoneInputCountrySelectArrow {\n display: block;\n content: '';\n width: 0.3em;\n height: 0.3em;\n margin-left: 0.35em;\n border-style: solid;\n border-color: inherit;\n border-top-width: 0;\n border-bottom-width: 1px;\n border-left-width: 0;\n border-right-width: 1px;\n transform: rotate(45deg);\n opacity: 0.45; }\n .style-module_FormItemInputWrapper__2eOdJ .PhoneInputCountryIconImg {\n width: 24px; }\n .style-module_FormItem__1o0fc .style-module_ErrorMsg__3How6 {\n color: var(--checkout-error-color);\n font-size: 12px;\n margin-top: 8px;\n animation-name: style-module_fadeInFromRight__L_PAx;\n animation-duration: .3s; }\n .style-module_FormItem__1o0fc.style-module_PhoneError__2FrSf input {\n box-shadow: 0 0 0 1px var(--checkout-error-color) !important;\n border-color: var(--checkout-error-color) !important; }\n\n.style-module_FormItemWrapper__2NOxU {\n position: relative; }\n\n.style-module_FormItemTooltipContainer__13wpt {\n width: 16px;\n height: 16px;\n border-radius: 100%;\n color: white;\n background-color: var(--checkout-secondary-text-color);\n position: absolute;\n top: 0;\n right: 16px;\n bottom: 0;\n margin: auto;\n display: flex;\n justify-content: center;\n align-items: center;\n font-size: 12px !important;\n line-height: 16px !important;\n cursor: pointer; }\n";
37382
37375
  var styles$1 = {"FormSectionTitle":"style-module_FormSectionTitle__2LxF2","Title":"style-module_Title__2PxW0","WithSubTitle":"style-module_WithSubTitle__36X7i","SubTitle":"style-module_SubTitle__2UOsH","Grid":"style-module_Grid__1eODF","Grid2":"style-module_Grid2__1HTRV","Grid3":"style-module_Grid3__uN7io","FormItem":"style-module_FormItem__1o0fc","FormItemWrapper":"style-module_FormItemWrapper__2NOxU","RightContent":"style-module_RightContent__1fjX9","FormItemInputWrapper":"style-module_FormItemInputWrapper__2eOdJ","FieldLabel":"style-module_FieldLabel__2Tx0b","FieldLabelTop":"style-module_FieldLabelTop__1nOBq","Bottom":"style-module_Bottom__3s4pZ","Error":"style-module_Error__nif12","WithTooltip":"style-module_WithTooltip__1KRSQ","ArrowContainer":"style-module_ArrowContainer__27ejm","ErrorMsg":"style-module_ErrorMsg__3How6","fadeInFromRight":"style-module_fadeInFromRight__L_PAx","PhoneError":"style-module_PhoneError__2FrSf","FormItemTooltipContainer":"style-module_FormItemTooltipContainer__13wpt"};
37383
- styleInject(css_248z$1);
37384
37376
 
37385
37377
  var FormItemViewModel = /** @class */ (function () {
37386
37378
  function FormItemViewModel(props) {
@@ -59719,9 +59711,7 @@ var Select = mobxReactLite.observer(function (_a) {
59719
59711
  React.createElement(SVGCaretDown, null))));
59720
59712
  });
59721
59713
 
59722
- var css_248z$2 = ".style-module_Button__1UPMN {\n cursor: pointer;\n user-select: none;\n border: 1px transparent solid;\n border-radius: 8px;\n font-weight: 600 !important;\n text-align: center;\n position: relative;\n transition: all .2s;\n display: flex;\n justify-content: center;\n align-items: center; }\n .style-module_Button__1UPMN:focus {\n outline: 0; }\n .style-module_Button__1UPMN.style-module_Large__2wPlw {\n height: 56px;\n padding: 0 24px; }\n .style-module_Button__1UPMN.style-module_Medium__3t0pu {\n height: 48px;\n padding: 0 16px; }\n .style-module_Button__1UPMN.style-module_Dark__1Z_hs {\n background-color: var(--checkout-button-bg-color);\n color: var(--checkout-button-text-color); }\n .style-module_Button__1UPMN.style-module_Disabled__3HYF_ {\n background-color: var(--checkout-button-disabled-bg-color);\n color: var(--checkout-button-disabled-text-color);\n pointer-events: none; }\n @media only screen and (max-width: 1000px) {\n .style-module_Button__1UPMN.style-module_FullWidthMobile__3MTFv {\n width: 100%; } }\n .style-module_Button__1UPMN.style-module_Line__1kche {\n background-color: transparent;\n border-color: var(--checkout-border-color);\n color: var(--checkout-button-bg-color); }\n .style-module_Button__1UPMN.style-module_Line__1kche .style-module_loader__3v6kq {\n border-left: 0.5em solid var(--checkout-button-bg-color); }\n .style-module_Button__1UPMN .style-module_loader__3v6kq,\n .style-module_Button__1UPMN .style-module_loader__3v6kq:after {\n border-radius: 50%;\n width: 5em;\n height: 5em; }\n .style-module_Button__1UPMN .style-module_loader__3v6kq {\n font-size: 6px;\n position: relative;\n text-indent: -9999em;\n border-top: 0.5em solid rgba(255, 255, 255, 0.2);\n border-right: 0.5em solid rgba(255, 255, 255, 0.2);\n border-bottom: 0.5em solid rgba(255, 255, 255, 0.2);\n border-left: 0.5em solid var(--checkout-button-text-color);\n -webkit-transform: translateZ(0);\n -ms-transform: translateZ(0);\n transform: translateZ(0);\n -webkit-animation: style-module_load8__2z7nj 1.1s infinite linear;\n animation: style-module_load8__2z7nj 1.1s infinite linear; }\n\n@-webkit-keyframes style-module_load8__2z7nj {\n 0% {\n -webkit-transform: rotate(0deg);\n transform: rotate(0deg); }\n 100% {\n -webkit-transform: rotate(360deg);\n transform: rotate(360deg); } }\n\n@keyframes style-module_load8__2z7nj {\n 0% {\n -webkit-transform: rotate(0deg);\n transform: rotate(0deg); }\n 100% {\n -webkit-transform: rotate(360deg);\n transform: rotate(360deg); } }\n";
59723
59714
  var styles$2 = {"Button":"style-module_Button__1UPMN","Large":"style-module_Large__2wPlw","Medium":"style-module_Medium__3t0pu","Dark":"style-module_Dark__1Z_hs","Disabled":"style-module_Disabled__3HYF_","FullWidthMobile":"style-module_FullWidthMobile__3MTFv","Line":"style-module_Line__1kche","loader":"style-module_loader__3v6kq","load8":"style-module_load8__2z7nj"};
59724
- styleInject(css_248z$2);
59725
59715
 
59726
59716
  var Button = mobxReactLite.observer(function (_a) {
59727
59717
  var text = _a.text, style = _a.style, onClick = _a.onClick, size = _a.size, isLoading = _a.isLoading, isDisabled = _a.isDisabled, isLine = _a.isLine;
@@ -59740,9 +59730,7 @@ var SVGCheck = function (_a) {
59740
59730
  React.createElement("path", { fill: "currentColor", d: "M12.6 8.1l-3.7-3.8 1-1.1 2.7 2.7 5.5-5.4 1 1z" })));
59741
59731
  };
59742
59732
 
59743
- var css_248z$3 = ".style-module_CheckboxWrapper__2tSbx {\n width: 100%;\n display: flex;\n padding: 8px 0;\n cursor: pointer;\n user-select: none;\n align-items: center; }\n .style-module_CheckboxWrapper__2tSbx.style-module_WithoutPadding__3Azhr {\n padding: 0; }\n .style-module_CheckboxWrapper__2tSbx .style-module_CheckboxContainer__1zRvT {\n flex: 0 0 auto;\n position: relative;\n width: 20px;\n height: 20px;\n margin-right: 12px; }\n .style-module_CheckboxWrapper__2tSbx .style-module_CheckboxBorder__281X3 {\n flex: 0 0 auto;\n width: 20px;\n height: 20px;\n border-radius: 4px;\n border: 1px solid var(--checkout-border-color);\n position: absolute;\n top: 0;\n left: 0;\n transition: border-width .2s ease-in-out; }\n .style-module_CheckboxWrapper__2tSbx .style-module_CheckboxBorder__281X3.style-module_Checked__3-ZM4 {\n border: 10px solid var(--checkout-button-bg-color); }\n .style-module_CheckboxWrapper__2tSbx .style-module_CheckboxTick__2LpQ- {\n width: 20px;\n height: 20px;\n display: flex;\n justify-content: center;\n align-items: center;\n position: absolute;\n top: 0;\n left: 0;\n color: var(--checkout-button-text-color);\n z-index: 2;\n transition: all 0.2s ease-in-out;\n transition-delay: .1s;\n opacity: 0;\n transform: scale(0.2); }\n .style-module_CheckboxWrapper__2tSbx .style-module_CheckboxTick__2LpQ-.style-module_Visible__2Ng5Q {\n opacity: 1;\n transform: scale(1.2); }\n .style-module_CheckboxWrapper__2tSbx .style-module_CheckboxLabel__30uMC {\n flex: 1 1 auto;\n font-weight: normal;\n color: var(--checkout-secondary-text-color); }\n .style-module_CheckboxWrapper__2tSbx .style-module_CheckboxLabelError__FmdxF {\n color: var(--checkout-error-color); }\n";
59744
59733
  var styles$3 = {"CheckboxWrapper":"style-module_CheckboxWrapper__2tSbx","WithoutPadding":"style-module_WithoutPadding__3Azhr","CheckboxContainer":"style-module_CheckboxContainer__1zRvT","CheckboxBorder":"style-module_CheckboxBorder__281X3","Checked":"style-module_Checked__3-ZM4","CheckboxTick":"style-module_CheckboxTick__2LpQ-","Visible":"style-module_Visible__2Ng5Q","CheckboxLabel":"style-module_CheckboxLabel__30uMC","CheckboxLabelError":"style-module_CheckboxLabelError__FmdxF"};
59745
- styleInject(css_248z$3);
59746
59734
 
59747
59735
  var Checkbox = mobxReactLite.observer(function (_a) {
59748
59736
  var value = _a.value, label = _a.label, hasError = _a.hasError, removePadding = _a.removePadding, onChange = _a.onChange;
@@ -59769,9 +59757,7 @@ var Checkbox = mobxReactLite.observer(function (_a) {
59769
59757
  !!label && React.createElement("div", { className: labelClasses.join(" ") }, label)));
59770
59758
  });
59771
59759
 
59772
- var css_248z$4 = ".style-module_NotificationBox__1XbTC {\n padding: 16px;\n border-radius: 8px;\n color: var(--checkout-primary-text-color);\n display: flex; }\n .style-module_NotificationBox__1XbTC.style-module_Error__2muwO {\n border: 1px solid var(--checkout-error-color);\n background-color: var(--checkout-error-light-color); }\n .style-module_NotificationBox__1XbTC.style-module_Error__2muwO svg {\n color: var(--checkout-error-color); }\n .style-module_NotificationBox__1XbTC.style-module_Warning__1BFJi {\n border: 1px solid var(--checkout-warning-color);\n background-color: var(--checkout-warning-light-color); }\n .style-module_NotificationBox__1XbTC.style-module_Warning__1BFJi svg {\n color: var(--checkout-warning-color); }\n .style-module_NotificationBox__1XbTC.style-module_Success__3E9Q7 {\n border: 1px solid var(--checkout-success-color);\n background-color: var(--checkout-success-light-color); }\n .style-module_NotificationBox__1XbTC.style-module_Success__3E9Q7 svg {\n color: var(--checkout-success-color); }\n .style-module_NotificationBox__1XbTC .style-module_Left__2oQNx {\n flex: 0 0 auto;\n padding-right: 10px;\n display: flex;\n align-items: center;\n height: 24px; }\n .style-module_NotificationBox__1XbTC .style-module_Center__3DJ2K {\n flex: 1 1 auto; }\n .style-module_NotificationBox__1XbTC .style-module_Center__3DJ2K .style-module_Title__1Ae11 {\n font-size: 16px;\n font-weight: 600;\n margin-bottom: 4px; }\n .style-module_NotificationBox__1XbTC .style-module_Right__Uf0Z6 {\n flex: 0 0 auto;\n padding-left: 10px;\n color: var(--checkout-secondary-text-color);\n cursor: pointer;\n display: flex; }\n .style-module_NotificationBox__1XbTC .style-module_Right__Uf0Z6 svg {\n color: var(--checkout-secondary-text-color); }\n";
59773
59760
  var styles$4 = {"NotificationBox":"style-module_NotificationBox__1XbTC","Error":"style-module_Error__2muwO","Warning":"style-module_Warning__1BFJi","Success":"style-module_Success__3E9Q7","Left":"style-module_Left__2oQNx","Center":"style-module_Center__3DJ2K","Title":"style-module_Title__1Ae11","Right":"style-module_Right__Uf0Z6"};
59774
- styleInject(css_248z$4);
59775
59761
 
59776
59762
  var SVGWarning = function (_a) {
59777
59763
  var className = _a.className;
@@ -59876,21 +59862,13 @@ var Errors = function (_a) {
59876
59862
  };
59877
59863
  var Errors$1 = mobxReactLite.observer(Errors);
59878
59864
 
59879
- var css_248z$5 = ".common-module_FormSectionTitle___Mykh {\n width: 100%;\n display: flex;\n justify-content: space-between;\n align-items: center; }\n .common-module_FormSectionTitle___Mykh .common-module_Title__3JTHt {\n flex: 1 1 auto;\n padding-bottom: 16px;\n color: var(--checkout-primary-text-color);\n font-size: 20px;\n line-height: 32px; }\n .common-module_FormSectionTitle___Mykh .common-module_Title__3JTHt.common-module_WithSubTitle__1VHWv {\n line-height: auto;\n padding-bottom: 0; }\n\n.common-module_SubTitle__1H4kH {\n color: var(--checkout-secondary-text-color);\n font-size: 14px;\n padding-bottom: 16px;\n padding-top: 2px; }\n\n.common-module_Grid__2CuvH {\n display: grid;\n grid-gap: 16px;\n grid-template-columns: 1fr; }\n .common-module_Grid__2CuvH.common-module_Grid2__9CCag {\n grid-template-columns: repeat(2, 1fr); }\n .common-module_Grid__2CuvH.common-module_Grid3__3p0jJ {\n grid-template-columns: repeat(3, 1fr); }\n @media only screen and (max-width: 768px) {\n .common-module_Grid__2CuvH {\n grid-template-columns: 1fr !important; } }\n\n@keyframes common-module_fadeInFromRight__3RYk5 {\n from {\n opacity: 0;\n transform: translateY(10px); }\n to {\n opacity: 1;\n transform: translateY(0); } }\n";
59880
59865
  var commonStyles = {"FormSectionTitle":"common-module_FormSectionTitle___Mykh","Title":"common-module_Title__3JTHt","WithSubTitle":"common-module_WithSubTitle__1VHWv","SubTitle":"common-module_SubTitle__1H4kH","Grid":"common-module_Grid__2CuvH","Grid2":"common-module_Grid2__9CCag","Grid3":"common-module_Grid3__3p0jJ","fadeInFromRight":"common-module_fadeInFromRight__3RYk5"};
59881
- styleInject(css_248z$5);
59882
59866
 
59883
- var css_248z$6 = ".style-module_CheckoutPage__A_f2V {\n all: unset;\n font-family: -apple-system, system-ui, BlinkMacSystemFont, \"Segoe UI\", Roboto, \"Helvetica Neue\", Arial, sans-serif;\n font-size: 16px !important;\n width: 100%;\n height: 100vh;\n overflow: auto;\n overflow-x: hidden;\n display: flex;\n color: var(--checkout-primary-text-color);\n background-color: var(--checkout-primary-bg-color); }\n .style-module_CheckoutPage__A_f2V input::placeholder, .style-module_CheckoutPage__A_f2V textarea::placeholder {\n all: unset; }\n .style-module_CheckoutPage__A_f2V a, .style-module_CheckoutPage__A_f2V a:hover, .style-module_CheckoutPage__A_f2V a:focus, .style-module_CheckoutPage__A_f2V a:active {\n color: inherit; }\n .style-module_CheckoutPage__A_f2V * {\n box-sizing: border-box !important;\n font-family: -apple-system, system-ui, BlinkMacSystemFont, \"Segoe UI\", Roboto, \"Helvetica Neue\", Arial, sans-serif;\n font-size: 16px;\n letter-spacing: normal;\n font-weight: normal;\n line-height: unset; }\n .style-module_CheckoutPage__A_f2V .style-module_Left__2dWz6 {\n width: 50%;\n flex: 0 0 auto;\n display: flex;\n justify-content: flex-end;\n padding-left: 20px;\n padding-right: 64px;\n background-color: var(--checkout-primary-bg-color); }\n .style-module_CheckoutPage__A_f2V .style-module_Left__2dWz6 .style-module_LeftContent__1Tyb7 {\n width: 100%;\n min-width: 400px;\n max-width: 600px;\n display: flex;\n flex-direction: column;\n justify-content: space-between;\n min-height: 100vh; }\n .style-module_CheckoutPage__A_f2V .style-module_Left__2dWz6 .style-module_LeftContent__1Tyb7 .style-module_Space__1e2de {\n width: 100%;\n height: 100px; }\n @media only screen and (max-width: 1000px) {\n .style-module_CheckoutPage__A_f2V .style-module_Left__2dWz6 .style-module_LeftContent__1Tyb7 .style-module_Space__1e2de {\n height: 48px; } }\n .style-module_CheckoutPage__A_f2V .style-module_Left__2dWz6 .style-module_LeftContent__1Tyb7 .style-module_Footer__ebdyg {\n flex: 0 0 auto;\n height: 50px;\n background-color: transparent;\n width: 100%;\n display: flex;\n justify-content: center;\n align-items: center; }\n .style-module_CheckoutPage__A_f2V .style-module_Left__2dWz6 .style-module_LeftContent__1Tyb7 .style-module_Footer__ebdyg .style-module_FooterItem__1ofBc {\n font-size: 14px;\n color: var(--checkout-secondary-text-color);\n cursor: pointer;\n user-select: none; }\n .style-module_CheckoutPage__A_f2V .style-module_Left__2dWz6 .style-module_LeftContent__1Tyb7 .style-module_Footer__ebdyg .style-module_FooterItem__1ofBc:hover {\n color: var(--checkout-primary-text-color); }\n .style-module_CheckoutPage__A_f2V .style-module_Left__2dWz6 .style-module_LeftContent__1Tyb7 .style-module_Footer__ebdyg .style-module_FooterBullet__1dD9S {\n margin: 0 12px;\n color: var(--checkout-secondary-text-color); }\n @media only screen and (max-width: 1000px) {\n .style-module_CheckoutPage__A_f2V .style-module_Left__2dWz6 .style-module_LeftContent__1Tyb7 .style-module_Footer__ebdyg {\n width: 100%; }\n .style-module_CheckoutPage__A_f2V .style-module_Left__2dWz6 .style-module_LeftContent__1Tyb7 .style-module_Footer__ebdyg .style-module_FooterItem__1ofBc {\n text-align: center; } }\n .style-module_CheckoutPage__A_f2V .style-module_Left__2dWz6 .style-module_LeftContent__1Tyb7 .style-module_AdressStepInfo__27aR0 {\n display: flex;\n justify-content: space-between;\n padding-left: 78px;\n padding-top: 5px;\n width: 100%; }\n .style-module_CheckoutPage__A_f2V .style-module_Left__2dWz6 .style-module_LeftContent__1Tyb7 .style-module_AdressStepInfo__27aR0 .style-module_Address__2tYiR {\n font-size: 16px; }\n .style-module_CheckoutPage__A_f2V .style-module_Left__2dWz6 .style-module_LeftContent__1Tyb7 .style-module_AdressStepInfo__27aR0 .style-module_Address__2tYiR .style-module_Text__FkGkR {\n font-size: 14px; }\n .style-module_CheckoutPage__A_f2V .style-module_Left__2dWz6 .style-module_LeftContent__1Tyb7 .style-module_AdressStepInfo__27aR0 .style-module_Address__2tYiR .style-module_Text__FkGkR.style-module_WithMBottom__TQbZL {\n margin-bottom: 12px; }\n .style-module_CheckoutPage__A_f2V .style-module_Left__2dWz6 .style-module_LeftContent__1Tyb7 .style-module_AdressStepInfo__27aR0 .style-module_Address__2tYiR .style-module_Text__FkGkR.style-module_Gray__3vyMM {\n color: var(--checkout-secondary-text-color); }\n .style-module_CheckoutPage__A_f2V .style-module_Left__2dWz6 .style-module_LeftContent__1Tyb7 .style-module_AdressStepInfo__27aR0 .style-module_EditBtn__3aAlL {\n cursor: pointer;\n user-select: none;\n align-self: flex-start; }\n .style-module_CheckoutPage__A_f2V .style-module_Left__2dWz6 .style-module_LeftContent__1Tyb7 .style-module_AdressStepInfo__27aR0 .style-module_EditBtn__3aAlL:hover {\n text-decoration: underline; }\n @media only screen and (max-width: 1000px) {\n .style-module_CheckoutPage__A_f2V .style-module_Left__2dWz6 .style-module_LeftContent__1Tyb7 .style-module_AdressStepInfo__27aR0 {\n padding-top: 0;\n justify-content: flex-end; }\n .style-module_CheckoutPage__A_f2V .style-module_Left__2dWz6 .style-module_LeftContent__1Tyb7 .style-module_AdressStepInfo__27aR0 .style-module_Address__2tYiR {\n display: none; } }\n .style-module_CheckoutPage__A_f2V .style-module_Left__2dWz6 .style-module_LeftContent__1Tyb7 .style-module_AddressStepInfoMobile__uwl92 {\n display: none; }\n @media only screen and (max-width: 1000px) {\n .style-module_CheckoutPage__A_f2V .style-module_Left__2dWz6 .style-module_LeftContent__1Tyb7 .style-module_AddressStepInfoMobile__uwl92 {\n display: block;\n padding-top: 16px; } }\n .style-module_CheckoutPage__A_f2V .style-module_Left__2dWz6 .style-module_LeftContent__1Tyb7 .style-module_AddressStepInfoMobile__uwl92 .style-module_Address__2tYiR {\n font-size: 16px; }\n .style-module_CheckoutPage__A_f2V .style-module_Left__2dWz6 .style-module_LeftContent__1Tyb7 .style-module_AddressStepInfoMobile__uwl92 .style-module_Address__2tYiR .style-module_Text__FkGkR {\n font-size: 14px; }\n .style-module_CheckoutPage__A_f2V .style-module_Left__2dWz6 .style-module_LeftContent__1Tyb7 .style-module_AddressStepInfoMobile__uwl92 .style-module_Address__2tYiR .style-module_Text__FkGkR.style-module_WithMBottom__TQbZL {\n margin-bottom: 12px; }\n .style-module_CheckoutPage__A_f2V .style-module_Left__2dWz6 .style-module_LeftContent__1Tyb7 .style-module_AddressStepInfoMobile__uwl92 .style-module_Address__2tYiR .style-module_Text__FkGkR.style-module_Gray__3vyMM {\n color: var(--checkout-secondary-text-color); }\n @media only screen and (max-width: 1000px) {\n .style-module_CheckoutPage__A_f2V .style-module_Left__2dWz6 .style-module_LeftContent__1Tyb7 .style-module_ErrorContainer__3B5Gx {\n padding: 0 24px; } }\n @media only screen and (max-width: 480px) {\n .style-module_CheckoutPage__A_f2V .style-module_Left__2dWz6 .style-module_LeftContent__1Tyb7 .style-module_ErrorContainer__3B5Gx {\n padding: 0 10px; } }\n .style-module_CheckoutPage__A_f2V .style-module_Left__2dWz6 .style-module_Header__1vfF1 {\n width: 100%;\n height: 96px;\n display: flex;\n justify-content: space-between;\n align-items: center;\n font-weight: 500;\n font-size: 20px;\n margin-bottom: 44px; }\n .style-module_CheckoutPage__A_f2V .style-module_Left__2dWz6 .style-module_Header__1vfF1 a {\n flex: 1 1 auto; }\n .style-module_CheckoutPage__A_f2V .style-module_Left__2dWz6 .style-module_Header__1vfF1 .style-module_Logo__2E8Do {\n width: calc(100% - 24px);\n max-width: 200px;\n height: 64px;\n position: relative;\n user-select: none;\n cursor: pointer; }\n .style-module_CheckoutPage__A_f2V .style-module_Left__2dWz6 .style-module_Header__1vfF1 .style-module_Logo__2E8Do img {\n object-fit: contain;\n object-position: left;\n pointer-events: none; }\n @media only screen and (max-width: 1280px) {\n .style-module_CheckoutPage__A_f2V .style-module_Left__2dWz6 .style-module_Header__1vfF1 .style-module_Logo__2E8Do {\n max-width: 150px; } }\n .style-module_CheckoutPage__A_f2V .style-module_Left__2dWz6 .style-module_Header__1vfF1 .style-module_LoginText__3FSC9 {\n font-size: 14px;\n text-align: right;\n flex: 0 0 auto; }\n .style-module_CheckoutPage__A_f2V .style-module_Left__2dWz6 .style-module_Header__1vfF1 .style-module_LoginText__3FSC9 span {\n color: var(--checkout-secondary-text-color); }\n .style-module_CheckoutPage__A_f2V .style-module_Left__2dWz6 .style-module_Header__1vfF1 .style-module_LoginBtn__XVF05 {\n margin-left: 4px;\n font-weight: bold;\n user-select: none;\n cursor: pointer;\n font-weight: 500; }\n .style-module_CheckoutPage__A_f2V .style-module_Left__2dWz6 .style-module_Header__1vfF1 .style-module_CustomerInfo__3aAq9 {\n display: flex;\n flex-direction: column;\n align-items: flex-end; }\n .style-module_CheckoutPage__A_f2V .style-module_Left__2dWz6 .style-module_Header__1vfF1 .style-module_CustomerInfo__3aAq9 .style-module_Name__11iSh {\n font-size: 20px;\n font-weight: 600; }\n .style-module_CheckoutPage__A_f2V .style-module_Left__2dWz6 .style-module_Header__1vfF1 .style-module_CustomerInfo__3aAq9 .style-module_Email__1AITY {\n font-weight: 500;\n font-size: 14px;\n user-select: none;\n color: var(--checkout-secondary-text-color); }\n @media only screen and (max-width: 1000px) {\n .style-module_CheckoutPage__A_f2V .style-module_Left__2dWz6 .style-module_Header__1vfF1 {\n height: 72px;\n margin-bottom: 0;\n padding: 0 24px; }\n .style-module_CheckoutPage__A_f2V .style-module_Left__2dWz6 .style-module_Header__1vfF1 .style-module_CustomerInfo__3aAq9 .style-module_Name__11iSh {\n font-size: 15px; }\n .style-module_CheckoutPage__A_f2V .style-module_Left__2dWz6 .style-module_Header__1vfF1 .style-module_CustomerInfo__3aAq9 .style-module_Email__1AITY {\n font-size: 13px; }\n .style-module_CheckoutPage__A_f2V .style-module_Left__2dWz6 .style-module_Header__1vfF1 .style-module_LoginText__3FSC9 {\n display: flex;\n flex-direction: column;\n padding-bottom: 0; }\n .style-module_CheckoutPage__A_f2V .style-module_Left__2dWz6 .style-module_Header__1vfF1 .style-module_LoginText__3FSC9 .style-module_LoginCta__2sZZF {\n display: none; } }\n @media only screen and (min-width: 1000px) {\n .style-module_CheckoutPage__A_f2V .style-module_Left__2dWz6 .style-module_MobileCartSummary__3NrcP {\n display: none; } }\n .style-module_CheckoutPage__A_f2V .style-module_Left__2dWz6 .style-module_RowPB__3M7Tz {\n padding-bottom: 16px; }\n @media only screen and (max-width: 1000px) {\n .style-module_CheckoutPage__A_f2V .style-module_Left__2dWz6 {\n width: 100%;\n justify-content: center;\n padding-right: 0px;\n padding-left: 0px; }\n .style-module_CheckoutPage__A_f2V .style-module_Left__2dWz6 .style-module_LeftContent__1Tyb7 {\n width: 100%;\n min-width: auto;\n max-width: 100%; } }\n .style-module_CheckoutPage__A_f2V .style-module_Right__3AN4f {\n width: 50%;\n min-height: 100%;\n flex: 0 0 auto;\n background-color: var(--checkout-secondary-bg-color);\n display: flex;\n padding-left: 64px;\n padding-right: 20px;\n position: sticky;\n top: 0;\n overflow-y: auto; }\n .style-module_CheckoutPage__A_f2V .style-module_Right__3AN4f .style-module_RightContent__1TcO5 {\n width: 100%;\n max-width: 600px;\n padding-top: 168px;\n display: flex;\n flex-direction: column;\n justify-content: space-between; }\n .style-module_CheckoutPage__A_f2V .style-module_Right__3AN4f .style-module_RightContent__1TcO5 .style-module_PoweredBy__2kV_J {\n width: 100%;\n padding: 16px 0;\n display: flex;\n justify-content: center;\n align-items: center;\n color: var(--checkout-primary-text-color);\n user-select: none; }\n .style-module_CheckoutPage__A_f2V .style-module_Right__3AN4f .style-module_RightContent__1TcO5 .style-module_PoweredBy__2kV_J span {\n font-size: 14px;\n line-height: 20px;\n color: var(--checkout-secondary-text-color);\n margin-right: 8px; }\n .style-module_CheckoutPage__A_f2V .style-module_Right__3AN4f .style-module_RightContent__1TcO5 .style-module_PoweredBy__2kV_J a {\n display: flex;\n align-items: center; }\n @media only screen and (max-width: 1000px) {\n .style-module_CheckoutPage__A_f2V .style-module_Right__3AN4f {\n display: none; } }\n\n.style-module_LightText__3dSVB {\n color: var(--checkout-secondary-text-color); }\n\n.style-module_ReactTooltipWrap__2hp2P {\n max-width: 300px; }\n";
59884
59867
  var styles$5 = {"CheckoutPage":"style-module_CheckoutPage__A_f2V","Left":"style-module_Left__2dWz6","LeftContent":"style-module_LeftContent__1Tyb7","Space":"style-module_Space__1e2de","Footer":"style-module_Footer__ebdyg","FooterItem":"style-module_FooterItem__1ofBc","FooterBullet":"style-module_FooterBullet__1dD9S","AdressStepInfo":"style-module_AdressStepInfo__27aR0","Address":"style-module_Address__2tYiR","Text":"style-module_Text__FkGkR","WithMBottom":"style-module_WithMBottom__TQbZL","Gray":"style-module_Gray__3vyMM","EditBtn":"style-module_EditBtn__3aAlL","AddressStepInfoMobile":"style-module_AddressStepInfoMobile__uwl92","ErrorContainer":"style-module_ErrorContainer__3B5Gx","Header":"style-module_Header__1vfF1","Logo":"style-module_Logo__2E8Do","LoginText":"style-module_LoginText__3FSC9","LoginBtn":"style-module_LoginBtn__XVF05","CustomerInfo":"style-module_CustomerInfo__3aAq9","Name":"style-module_Name__11iSh","Email":"style-module_Email__1AITY","LoginCta":"style-module_LoginCta__2sZZF","MobileCartSummary":"style-module_MobileCartSummary__3NrcP","RowPB":"style-module_RowPB__3M7Tz","Right":"style-module_Right__3AN4f","RightContent":"style-module_RightContent__1TcO5","PoweredBy":"style-module_PoweredBy__2kV_J","LightText":"style-module_LightText__3dSVB","ReactTooltipWrap":"style-module_ReactTooltipWrap__2hp2P"};
59885
- styleInject(css_248z$6);
59886
59868
 
59887
- var css_248z$7 = ".style-module_SelectBoxContainer__1T9C7 {\n margin-bottom: 16px; }\n\n.style-module_SelectBoxError__2diiS {\n color: var(--checkout-error-color);\n font-size: 12px;\n margin-top: 8px;\n animation-name: style-module_fadeInFromRight__9YMxj;\n animation-duration: .3s; }\n\n.style-module_SelectBox__1xZZi {\n padding: 16px;\n width: 100%;\n transition: all .2s;\n border-radius: 8px;\n cursor: pointer;\n border: 1px solid var(--checkout-border-color);\n box-shadow: 0 0 0 1px transparent; }\n .style-module_SelectBox__1xZZi .style-module_TopContent__oUtcc {\n display: flex;\n align-items: center;\n user-select: none; }\n .style-module_SelectBox__1xZZi .style-module_TopContent__oUtcc .style-module_Label__1I8Bm {\n flex: 1 1 auto;\n margin-left: 16px; }\n .style-module_SelectBox__1xZZi .style-module_TopContent__oUtcc .style-module_RightContent__2Ob1u {\n flex: 0 0 auto;\n margin-left: 16px; }\n .style-module_SelectBox__1xZZi .style-module_BottomContent__1AMWK {\n padding-top: 16px;\n width: 100%; }\n .style-module_SelectBox__1xZZi.style-module_Selected__Ipn0q {\n box-shadow: 0 0 0 1px var(--checkout-button-bg-color);\n border-color: var(--checkout-button-bg-color);\n background-color: var(--checkout-card-bg-color); }\n .style-module_SelectBox__1xZZi.style-module_Selected__Ipn0q.style-module_Error__2TFZc {\n box-shadow: 0 0 0 1px var(--checkout-error-color);\n border-color: var(--checkout-error-color); }\n";
59888
59869
  var styles$6 = {"SelectBoxContainer":"style-module_SelectBoxContainer__1T9C7","SelectBoxError":"style-module_SelectBoxError__2diiS","fadeInFromRight":"style-module_fadeInFromRight__9YMxj","SelectBox":"style-module_SelectBox__1xZZi","TopContent":"style-module_TopContent__oUtcc","Label":"style-module_Label__1I8Bm","RightContent":"style-module_RightContent__2Ob1u","BottomContent":"style-module_BottomContent__1AMWK","Selected":"style-module_Selected__Ipn0q","Error":"style-module_Error__2TFZc"};
59889
- styleInject(css_248z$7);
59890
59870
 
59891
- var css_248z$8 = ".style-module_CheckboxWrapper__3CzTt {\n width: 100%;\n display: flex;\n padding: 0.5em 0;\n cursor: pointer;\n user-select: none;\n align-items: center; }\n .style-module_CheckboxWrapper__3CzTt.style-module_WithoutPadding__2le2B {\n padding: 0; }\n .style-module_CheckboxWrapper__3CzTt.style-module_WithoutLabel__1s1q8 {\n padding: 0;\n width: auto; }\n .style-module_CheckboxWrapper__3CzTt .style-module_CheckboxContainer__lWDtJ {\n position: relative;\n width: 20px;\n height: 20px;\n margin-right: 16px; }\n .style-module_CheckboxWrapper__3CzTt .style-module_CheckboxBorder__EYjFT {\n flex: 0 0 auto;\n width: 20px;\n height: 20px;\n border-radius: 100%;\n border: 1px solid var(--checkout-border-color);\n position: absolute;\n top: 0;\n left: 0;\n transition: border-width .2s ease-in-out; }\n .style-module_CheckboxWrapper__3CzTt .style-module_CheckboxBorder__EYjFT.style-module_Checked__2kb9S {\n border: 10px solid var(--checkout-button-bg-color); }\n .style-module_CheckboxWrapper__3CzTt .style-module_CheckboxTick__149cN {\n width: 20px;\n height: 20px;\n display: flex;\n justify-content: center;\n align-items: center;\n position: absolute;\n top: 0;\n left: 0;\n color: var(--checkout-button-text-color);\n z-index: 2;\n transition: all 0.2s ease-in-out;\n transition-delay: .1s;\n opacity: 0;\n transform: scale(0.2); }\n .style-module_CheckboxWrapper__3CzTt .style-module_CheckboxTick__149cN.style-module_Visible__gf4pv {\n opacity: 1;\n transform: scale(1.2); }\n .style-module_CheckboxWrapper__3CzTt .style-module_CheckboxLabel__D36H4 {\n flex: 1 1 auto;\n font-weight: normal; }\n .style-module_CheckboxWrapper__3CzTt .style-module_CheckboxLabelError__1x08H {\n color: var(--checkout-error-color); }\n";
59892
59871
  var styles$7 = {"CheckboxWrapper":"style-module_CheckboxWrapper__3CzTt","WithoutPadding":"style-module_WithoutPadding__2le2B","WithoutLabel":"style-module_WithoutLabel__1s1q8","CheckboxContainer":"style-module_CheckboxContainer__lWDtJ","CheckboxBorder":"style-module_CheckboxBorder__EYjFT","Checked":"style-module_Checked__2kb9S","CheckboxTick":"style-module_CheckboxTick__149cN","Visible":"style-module_Visible__gf4pv","CheckboxLabel":"style-module_CheckboxLabel__D36H4","CheckboxLabelError":"style-module_CheckboxLabelError__1x08H"};
59893
- styleInject(css_248z$8);
59894
59872
 
59895
59873
  var Toggle = mobxReactLite.observer(function (_a) {
59896
59874
  var value = _a.value, label = _a.label, hasError = _a.hasError, removePadding = _a.removePadding, onChange = _a.onChange;
@@ -60473,9 +60451,7 @@ var TaxNumber = mobxReactLite.observer(function (_a) {
60473
60451
  return (React.createElement(FormItem, { type: FormItemType.TEXT, label: t("checkout-page:taxNumber"), value: ((_b = vm.address) === null || _b === void 0 ? void 0 : _b.taxNumber) || "", onChange: vm.onTaxNumberChange }));
60474
60452
  });
60475
60453
 
60476
- var css_248z$9 = ".style-module_AddressText__2J31s {\n padding-left: 32px;\n color: var(--checkout-secondary-text-color); }\n\n.style-module_CancelEdit__2MXfO {\n font-size: 16px;\n padding-bottom: 16px;\n cursor: pointer;\n user-select: none; }\n\n.style-module_EditAddressActions__1TY0T {\n display: grid;\n grid-template-columns: 1fr 1fr;\n grid-gap: 16px;\n margin-top: 16px; }\n";
60477
60454
  var styles$8 = {"AddressText":"style-module_AddressText__2J31s","CancelEdit":"style-module_CancelEdit__2MXfO","EditAddressActions":"style-module_EditAddressActions__1TY0T"};
60478
- styleInject(css_248z$9);
60479
60455
 
60480
60456
  var CustomerAddressesViewModel = /** @class */ (function () {
60481
60457
  function CustomerAddressesViewModel(vm, addressType) {
@@ -60682,9 +60658,7 @@ var CheckoutStepInfo = function (_a) {
60682
60658
  };
60683
60659
  var CheckoutStepInfo$1 = mobxReactLite.observer(CheckoutStepInfo);
60684
60660
 
60685
- var css_248z$a = ".style-module_BackButtonContainer__2bAOw {\n display: flex;\n justify-content: center;\n position: relative; }\n .style-module_BackButtonContainer__2bAOw a {\n line-height: 0.9em; }\n\n.style-module_Actions__3fU7l {\n display: flex;\n align-items: center;\n justify-content: space-between; }\n @media only screen and (max-width: 1000px) {\n .style-module_Actions__3fU7l {\n flex-direction: column-reverse;\n justify-content: flex-start; }\n .style-module_Actions__3fU7l a {\n margin-top: 1em; } }\n\n.style-module_StepShipping__3nOPT {\n margin-top: 8px; }\n\n.style-module_InfoBox__kyrCZ.style-module_Dimmed__3dkFw {\n opacity: 0.5; }\n\n.style-module_GiftSection__2phwh {\n margin-top: 32px; }\n\n.style-module_ShippingPrice__KaEps {\n font-weight: 600; }\n";
60686
60661
  var styles$9 = {"BackButtonContainer":"style-module_BackButtonContainer__2bAOw","Actions":"style-module_Actions__3fU7l","StepShipping":"style-module_StepShipping__3nOPT","InfoBox":"style-module_InfoBox__kyrCZ","Dimmed":"style-module_Dimmed__3dkFw","GiftSection":"style-module_GiftSection__2phwh","ShippingPrice":"style-module_ShippingPrice__KaEps"};
60687
- styleInject(css_248z$a);
60688
60662
 
60689
60663
  var CheckoutStepShipping = mobxReactLite.observer(function (_a) {
60690
60664
  var vm = _a.vm;
@@ -60768,9 +60742,7 @@ var SVGVisa = function (_a) {
60768
60742
  React.createElement("path", { fillRule: "evenodd", clipRule: "evenodd", d: "M11.1646 8.50906L9.38648 13.0517L9.19726 12.1285L8.56074 9.06697C8.45083 8.6454 8.13222 8.51949 7.73778 8.50488H4.80909L4.78613 8.64332C5.49848 8.81584 6.135 9.06488 6.69361 9.37375L8.30822 15.1595L10.2296 15.1574L13.088 8.50836H11.1646V8.50906Z", fill: "#1A1876" })));
60769
60743
  };
60770
60744
 
60771
- var css_248z$b = ".style-module_CardLogo__1jFyp {\n display: flex;\n align-items: center;\n height: 100%;\n padding-right: 16px; }\n";
60772
60745
  var styles$a = {"CardLogo":"style-module_CardLogo__1jFyp"};
60773
- styleInject(css_248z$b);
60774
60746
 
60775
60747
  var CreditCardForm = mobxReactLite.observer(function (_a) {
60776
60748
  var _b;
@@ -60803,9 +60775,7 @@ var CreditCardForm = mobxReactLite.observer(function (_a) {
60803
60775
  React.createElement(FormItem, { name: "cvc", autocomplete: "cc-csc", inputType: FormItemInputType.NUMERIC, type: FormItemType.TEXT, label: t("checkout-page:cardCVC"), value: cardData.cvv, onChange: vm.onCvcChange, errorText: t("checkout-page:cardCVCError"), tooltipText: t("checkout-page:cardCVCTooltip"), hasError: vm.isErrorsVisible && !cardData.validationResult.cvv }))));
60804
60776
  });
60805
60777
 
60806
- var css_248z$c = ".style-module_Installments__aM2lS {\n margin-top: 32px; }\n .style-module_Installments__aM2lS .style-module_Title__15N6L {\n font-size: 16px;\n line-height: 24px;\n margin-bottom: 16px; }\n .style-module_Installments__aM2lS .style-module_Container__12sJp {\n border: 1px solid var(--checkout-border-color);\n border-radius: 8px;\n background: var(--checkout-primary-bg-color); }\n .style-module_Installments__aM2lS .style-module_Container__12sJp .style-module_Row__dxeKi {\n height: 56px;\n display: flex;\n align-items: center;\n padding: 0 16px;\n border-bottom: 1px solid var(--checkout-border-color); }\n .style-module_Installments__aM2lS .style-module_Container__12sJp .style-module_Row__dxeKi:last-of-type {\n border-bottom: none; }\n .style-module_Installments__aM2lS .style-module_Container__12sJp .style-module_Row__dxeKi .style-module_InstallmentInfo__G8QDB {\n flex: 1 1 auto; }\n .style-module_Installments__aM2lS .style-module_Container__12sJp .style-module_Row__dxeKi .style-module_InstallmentInfo__G8QDB .style-module_InstallmentCount__22FOH {\n font-size: 16px; }\n .style-module_Installments__aM2lS .style-module_Container__12sJp .style-module_Row__dxeKi .style-module_InstallmentInfo__G8QDB .style-module_InstallmentPrice__1cJHw {\n font-size: 12px;\n color: var(--checkout-secondary-text-color); }\n .style-module_Installments__aM2lS .style-module_Container__12sJp .style-module_Row__dxeKi .style-module_Price__3gzwQ {\n flex: 0 0 auto;\n font-weight: 600;\n font-size: 16px;\n line-height: 24px; }\n";
60807
60778
  var styles$b = {"Installments":"style-module_Installments__aM2lS","Title":"style-module_Title__15N6L","Container":"style-module_Container__12sJp","Row":"style-module_Row__dxeKi","InstallmentInfo":"style-module_InstallmentInfo__G8QDB","InstallmentCount":"style-module_InstallmentCount__22FOH","InstallmentPrice":"style-module_InstallmentPrice__1cJHw","Price":"style-module_Price__3gzwQ"};
60808
- styleInject(css_248z$c);
60809
60779
 
60810
60780
  var Installments = mobxReactLite.observer(function (_a) {
60811
60781
  var _b;
@@ -60823,9 +60793,7 @@ var Installments = mobxReactLite.observer(function (_a) {
60823
60793
  React.createElement("div", { className: styles$b.Price }, formatMoney(ip.totalPrice, vm.checkout.cart.currencyCode)))); }))));
60824
60794
  });
60825
60795
 
60826
- var css_248z$d = ".style-module_PaymentLogoContainer__224HZ {\n margin-left: 10px;\n font-size: 0.7em; }\n .style-module_PaymentLogoContainer__224HZ img {\n height: 20px; }\n\n.style-module_AdditionalPrice__gW28c {\n color: var(--checkout-primary-text-color);\n font-weight: 600; }\n";
60827
60796
  var styles$c = {"PaymentLogoContainer":"style-module_PaymentLogoContainer__224HZ","AdditionalPrice":"style-module_AdditionalPrice__gW28c"};
60828
- styleInject(css_248z$d);
60829
60797
 
60830
60798
  var PaymentGateways = mobxReactLite.observer(function (_a) {
60831
60799
  var vm = _a.vm;
@@ -60877,9 +60845,7 @@ var BillingAddress = mobxReactLite.observer(function (_a) {
60877
60845
  vm.useDifferentAddress && (React.createElement(CustomerAddresses$1, { vm: customerAddressesViewModel }))));
60878
60846
  });
60879
60847
 
60880
- var css_248z$e = ".style-module_StepPayment__3STxe {\n margin-top: 8px; }\n .style-module_StepPayment__3STxe .style-module_TermsLabelSpan__35xVC {\n color: var(--checkout-primary-text-color); }\n .style-module_StepPayment__3STxe .style-module_TermsLabelSpan__35xVC:hover {\n text-decoration: underline; }\n .style-module_StepPayment__3STxe .style-module_SecurePaymentContainer__8jSz4 {\n width: 100%;\n display: flex;\n justify-content: center;\n align-items: center;\n margin-top: 24px;\n color: var(--checkout-secondary-text-color); }\n .style-module_StepPayment__3STxe .style-module_SecurePaymentContainer__8jSz4 .style-module_Lock__2gl_x {\n color: #CFCED3;\n margin-right: 8px;\n display: flex;\n align-items: center;\n position: relative;\n top: -1px; }\n";
60881
60848
  var styles$d = {"StepPayment":"style-module_StepPayment__3STxe","TermsLabelSpan":"style-module_TermsLabelSpan__35xVC","SecurePaymentContainer":"style-module_SecurePaymentContainer__8jSz4","Lock":"style-module_Lock__2gl_x"};
60882
- styleInject(css_248z$e);
60883
60849
 
60884
60850
  var SVGLock = function (_a) {
60885
60851
  var className = _a.className;
@@ -60925,9 +60891,7 @@ var CheckoutStepPayment = mobxReactLite.observer(function (_a) {
60925
60891
  React.createElement("span", null, t("checkout-page:securePaymentTooltip"))))));
60926
60892
  });
60927
60893
 
60928
- var css_248z$f = ".style-module_Container__2_f6f {\n width: 100%;\n height: 44px;\n background-color: white;\n border-radius: 8px;\n display: flex;\n justify-content: flex-end;\n position: relative; }\n .style-module_Container__2_f6f input {\n width: calc(100% - 2px);\n height: 100%;\n padding: 10px 16px;\n outline: none;\n -moz-appearance: none;\n -webkit-appearance: none;\n transition: all .5s;\n box-shadow: 0 0 0 1px transparent;\n border: 1px solid transparent;\n border-radius: 9px;\n margin-left: 1px;\n color: var(--checkout-primary-text-color);\n position: absolute;\n top: 0px;\n left: 0px;\n padding-right: calc(33% + 16px); }\n .style-module_Container__2_f6f input::placeholder {\n color: var(--checkout-secondary-text-color) !important; }\n .style-module_Container__2_f6f input:focus {\n box-shadow: 0 0 0 1px var(--checkout-button-bg-color);\n border-color: var(--checkout-button-bg-color); }\n .style-module_Container__2_f6f .style-module_Button__38WsW {\n flex: 0 0 auto;\n height: 100%;\n width: 33%;\n color: var(--checkout-button-text-color);\n background-color: var(--checkout-button-bg-color);\n border-radius: 8px;\n font-weight: 600;\n text-align: center;\n position: relative;\n transition: all .2s;\n display: flex;\n justify-content: center;\n align-items: center;\n user-select: none;\n cursor: pointer; }\n .style-module_Container__2_f6f .style-module_Button__38WsW .style-module_loader__2oUyh,\n .style-module_Container__2_f6f .style-module_Button__38WsW .style-module_loader__2oUyh:after {\n border-radius: 50%;\n width: 5em;\n height: 5em; }\n .style-module_Container__2_f6f .style-module_Button__38WsW .style-module_loader__2oUyh {\n font-size: 4px;\n position: relative;\n text-indent: -9999em;\n border-top: 0.5em solid rgba(255, 255, 255, 0.2);\n border-right: 0.5em solid rgba(255, 255, 255, 0.2);\n border-bottom: 0.5em solid rgba(255, 255, 255, 0.2);\n border-left: 0.5em solid var(--checkout-button-text-color);\n -webkit-transform: translateZ(0);\n -ms-transform: translateZ(0);\n transform: translateZ(0);\n -webkit-animation: style-module_load8__2JtWU 1.1s infinite linear;\n animation: style-module_load8__2JtWU 1.1s infinite linear; }\n\n@-webkit-keyframes style-module_load8__2JtWU {\n 0% {\n -webkit-transform: rotate(0deg);\n transform: rotate(0deg); }\n 100% {\n -webkit-transform: rotate(360deg);\n transform: rotate(360deg); } }\n\n@keyframes style-module_load8__2JtWU {\n 0% {\n -webkit-transform: rotate(0deg);\n transform: rotate(0deg); }\n 100% {\n -webkit-transform: rotate(360deg);\n transform: rotate(360deg); } }\n";
60929
60894
  var styles$e = {"Container":"style-module_Container__2_f6f","Button":"style-module_Button__38WsW","loader":"style-module_loader__2oUyh","load8":"style-module_load8__2JtWU"};
60930
- styleInject(css_248z$f);
60931
60895
 
60932
60896
  var InputWithButton = function (_a) {
60933
60897
  var value = _a.value, placeholder = _a.placeholder, buttonLabel = _a.buttonLabel, isLoading = _a.isLoading, onClick = _a.onClick, onChange = _a.onChange;
@@ -60945,9 +60909,7 @@ var InputWithButton = function (_a) {
60945
60909
  };
60946
60910
  var InputWithButton$1 = mobxReactLite.observer(InputWithButton);
60947
60911
 
60948
- var css_248z$g = ".style-module_CheckoutItem__2JjSt {\n display: flex;\n width: 100%;\n margin-bottom: 24px; }\n .style-module_CheckoutItem__2JjSt .style-module_ImageContainer__2K2RG {\n flex: 0 0 auto;\n width: 114px;\n height: 114px;\n position: relative;\n margin-right: 16px; }\n .style-module_CheckoutItem__2JjSt .style-module_ImageContainer__2K2RG .style-module_Image__w2Q_P {\n width: 100%;\n height: 100%;\n object-fit: cover;\n border-radius: 8px; }\n .style-module_CheckoutItem__2JjSt .style-module_Right__2HN2l {\n position: relative; }\n .style-module_CheckoutItem__2JjSt .style-module_Right__2HN2l .style-module_Name__nPgw1 {\n font-size: 16px;\n font-weight: 600;\n color: var(--checkout-primary-text-color);\n line-height: 24px;\n max-height: 48px;\n overflow: hidden;\n text-overflow: ellipsis;\n display: -webkit-box;\n -webkit-line-clamp: 2;\n -webkit-box-orient: vertical; }\n .style-module_CheckoutItem__2JjSt .style-module_Right__2HN2l .style-module_LightText__2P69D {\n font-size: 14px;\n color: var(--checkout-secondary-text-color);\n line-height: 20px;\n margin-top: 2px; }\n .style-module_CheckoutItem__2JjSt .style-module_Price__1Vw31 {\n font-size: 14px;\n display: flex;\n align-items: center;\n color: var(--checkout-primary-text-color);\n position: absolute;\n top: 90px; }\n .style-module_CheckoutItem__2JjSt .style-module_Price__1Vw31 .style-module_GrayPrice__2wDyJ {\n font-size: 14px;\n color: var(--checkout-secondary-text-color);\n text-decoration: line-through;\n margin-right: 8px; }\n";
60949
60912
  var styles$f = {"CheckoutItem":"style-module_CheckoutItem__2JjSt","ImageContainer":"style-module_ImageContainer__2K2RG","Image":"style-module_Image__w2Q_P","Right":"style-module_Right__2HN2l","Name":"style-module_Name__nPgw1","LightText":"style-module_LightText__2P69D","Price":"style-module_Price__1Vw31","GrayPrice":"style-module_GrayPrice__2wDyJ"};
60950
- styleInject(css_248z$g);
60951
60913
 
60952
60914
  var CartItem = mobxReactLite.observer(function (_a) {
60953
60915
  var _b;
@@ -60967,9 +60929,7 @@ var CartItem = mobxReactLite.observer(function (_a) {
60967
60929
  formatMoney(cartItem.finalPriceWithQuantity, currencyCode)))));
60968
60930
  });
60969
60931
 
60970
- var css_248z$h = ".style-module_TooltipContainer__1IW8v {\n width: 16px;\n height: 16px;\n border-radius: 100%;\n color: white;\n background-color: var(--checkout-secondary-text-color);\n display: flex;\n justify-content: center;\n align-items: center;\n font-size: 12px !important;\n cursor: pointer;\n position: relative; }\n .style-module_TooltipContainer__1IW8v .style-module_Tooltip__1Pxw6 {\n position: absolute;\n margin: auto;\n color: white;\n background-color: #404040;\n border-radius: 4px;\n padding: 12px;\n font-size: 12px;\n display: none;\n width: 280px;\n text-align: center;\n z-index: 999;\n font-size: 16px !important; }\n .style-module_TooltipContainer__1IW8v .style-module_Tooltip__1Pxw6 .style-module_TooltipArrow__1l6q_ {\n background-color: #404040;\n width: 12px;\n height: 12px;\n transform: rotate(45deg);\n position: absolute;\n margin: auto;\n border-radius: 2px; }\n .style-module_TooltipContainer__1IW8v .style-module_Tooltip__1Pxw6.style-module_Top__1_7C6 {\n bottom: 26px; }\n .style-module_TooltipContainer__1IW8v .style-module_Tooltip__1Pxw6.style-module_Top__1_7C6 .style-module_TooltipArrow__1l6q_ {\n bottom: -4px;\n left: 0;\n right: 0; }\n .style-module_TooltipContainer__1IW8v .style-module_Tooltip__1Pxw6.style-module_Bottom__2qCpQ {\n top: 26px; }\n .style-module_TooltipContainer__1IW8v .style-module_Tooltip__1Pxw6.style-module_Bottom__2qCpQ .style-module_TooltipArrow__1l6q_ {\n top: -4px;\n left: 0;\n right: 0; }\n .style-module_TooltipContainer__1IW8v .style-module_Tooltip__1Pxw6.style-module_Left__1T6gj {\n right: 26px; }\n .style-module_TooltipContainer__1IW8v .style-module_Tooltip__1Pxw6.style-module_Left__1T6gj .style-module_TooltipArrow__1l6q_ {\n right: -4px;\n top: 0;\n bottom: 0; }\n .style-module_TooltipContainer__1IW8v .style-module_Tooltip__1Pxw6.style-module_Right__uCMMF {\n left: 26px; }\n .style-module_TooltipContainer__1IW8v .style-module_Tooltip__1Pxw6.style-module_Right__uCMMF .style-module_TooltipArrow__1l6q_ {\n left: -4px;\n top: 0;\n bottom: 0; }\n .style-module_TooltipContainer__1IW8v:hover .style-module_Tooltip__1Pxw6 {\n display: inline-flex; }\n";
60971
60932
  var styles$g = {"TooltipContainer":"style-module_TooltipContainer__1IW8v","Tooltip":"style-module_Tooltip__1Pxw6","TooltipArrow":"style-module_TooltipArrow__1l6q_","Top":"style-module_Top__1_7C6","Bottom":"style-module_Bottom__2qCpQ","Left":"style-module_Left__1T6gj","Right":"style-module_Right__uCMMF"};
60972
- styleInject(css_248z$h);
60973
60933
 
60974
60934
  var Tooltip = function (_a) {
60975
60935
  var text = _a.text, className = _a.className, style = _a.style;
@@ -60997,9 +60957,7 @@ var SVGGift = function (_a) {
60997
60957
  React.createElement("rect", { width: "16", height: "16", fill: "white" })))));
60998
60958
  };
60999
60959
 
61000
- var css_248z$i = "@media only screen and (max-width: 1000px) {\n .style-module_CartSummary__30RcF {\n width: 100%;\n background-color: var(--checkout-card-bg-color); } }\n\n.style-module_CartSummary__30RcF.style-module_AllowExpand__3kDXF {\n border-top: 1px solid var(--checkout-border-color); }\n\n.style-module_CartSummary__30RcF .style-module_ExpandHeader__2ICjA {\n display: flex;\n justify-content: space-between;\n align-items: center;\n height: 48px;\n padding: 0 24px;\n width: 100%;\n border-bottom: 1px solid var(--checkout-border-color);\n transition: border-bottom .3s;\n user-select: none;\n background-color: var(--checkout-primary-bg-color); }\n .style-module_CartSummary__30RcF .style-module_ExpandHeader__2ICjA .style-module_Left__A54sv {\n display: flex;\n align-items: center;\n font-size: 16px;\n font-weight: 600; }\n .style-module_CartSummary__30RcF .style-module_ExpandHeader__2ICjA .style-module_Price__sosrJ {\n font-weight: 600;\n display: flex;\n align-items: center; }\n .style-module_CartSummary__30RcF .style-module_ExpandHeader__2ICjA .style-module_Price__sosrJ .style-module_PriceText__1ePGb {\n font-weight: 600;\n margin-right: 8px; }\n .style-module_CartSummary__30RcF .style-module_ExpandHeader__2ICjA .style-module_Price__sosrJ .style-module_ArrowDown__2ET-d {\n transition: all .3s;\n display: flex;\n align-items: center; }\n .style-module_CartSummary__30RcF .style-module_ExpandHeader__2ICjA .style-module_Price__sosrJ .style-module_ArrowDown__2ET-d.style-module_Rotated__3sgbm {\n transform: rotate(-180deg); }\n\n.style-module_CartSummary__30RcF .style-module_DetailsContainer__FBBIP {\n overflow: hidden;\n width: 100%;\n transition: height .3s ease-in-out; }\n @media only screen and (max-width: 1000px) {\n .style-module_CartSummary__30RcF .style-module_DetailsContainer__FBBIP {\n padding: 0 24px; } }\n\n.style-module_CartSummary__30RcF .style-module_Details__3-X_i {\n overflow: hidden; }\n @media only screen and (max-width: 1000px) {\n .style-module_CartSummary__30RcF .style-module_Details__3-X_i {\n padding-top: 24px; } }\n\n.style-module_CartSummary__30RcF .style-module_Divider__2d0Zk {\n width: 100%;\n height: 1px;\n margin: auto;\n background-color: var(--checkout-border-color); }\n\n.style-module_CartSummary__30RcF .style-module_ActionTextBtn__FXJQX {\n color: var(--checkout-primary-text-color);\n user-select: none;\n cursor: pointer;\n display: flex;\n align-items: center; }\n .style-module_CartSummary__30RcF .style-module_ActionTextBtn__FXJQX:hover {\n text-decoration: underline; }\n .style-module_CartSummary__30RcF .style-module_ActionTextBtn__FXJQX.style-module_NoUnderline__34-1r:hover {\n text-decoration: none; }\n .style-module_CartSummary__30RcF .style-module_ActionTextBtn__FXJQX.style-module_Light__WFzH8 {\n color: var(--checkout-secondary-text-color); }\n\n.style-module_CartSummary__30RcF .style-module_SubTotalInfo__1QMnr {\n padding: 24px 0;\n border-bottom: 1px solid var(--checkout-border-color); }\n .style-module_CartSummary__30RcF .style-module_SubTotalInfo__1QMnr .style-module_InfoRow__3eZdJ {\n display: flex;\n justify-content: space-between;\n align-items: center;\n margin-bottom: 10px; }\n .style-module_CartSummary__30RcF .style-module_SubTotalInfo__1QMnr .style-module_InfoRow__3eZdJ .style-module_Label__3E7LF {\n color: var(--checkout-secondary-text-color);\n display: flex;\n align-items: center; }\n .style-module_CartSummary__30RcF .style-module_SubTotalInfo__1QMnr .style-module_InfoRow__3eZdJ:last-of-type {\n margin-bottom: 0; }\n\n.style-module_CartSummary__30RcF .style-module_TotalContainer__36DNt {\n display: flex;\n justify-content: space-between;\n align-items: center;\n margin-top: 12px; }\n .style-module_CartSummary__30RcF .style-module_TotalContainer__36DNt .style-module_TitleContainer__3ptQE .style-module_Title__16M5E {\n font-size: 20px;\n font-weight: 600; }\n .style-module_CartSummary__30RcF .style-module_TotalContainer__36DNt .style-module_TotalPrice__2s7DC {\n font-size: 20px;\n font-weight: 600; }\n @media only screen and (max-width: 1000px) {\n .style-module_CartSummary__30RcF .style-module_TotalContainer__36DNt {\n height: 64px;\n margin-top: 0px; } }\n\n.style-module_CartSummary__30RcF .style-module_AppliedCoupon__37qv8 {\n display: flex;\n align-items: center;\n padding: 4px 4px 4px 8px;\n background-color: white;\n border-radius: 6px;\n margin-left: 12px;\n font-size: 14px;\n line-height: 20px; }\n .style-module_CartSummary__30RcF .style-module_AppliedCoupon__37qv8 .style-module_CouponCode__3rgOu {\n font-size: 14px; }\n .style-module_CartSummary__30RcF .style-module_AppliedCoupon__37qv8 .style-module_ClearCoupon__1Rx4A {\n cursor: pointer;\n display: flex;\n align-items: center;\n color: var(--checkout-secondary-text-color); }\n .style-module_CartSummary__30RcF .style-module_AppliedCoupon__37qv8 .style-module_ClearCoupon__1Rx4A svg {\n transform: scale(0.8); }\n\n.style-module_CartSummary__30RcF .style-module_NotificationContainer__Zblek {\n margin-bottom: 14px; }\n\n.style-module_CartSummary__30RcF .style-module_CheckoutNoteContainer__zQQjd {\n margin-top: 24px;\n width: calc(100% - 2px);\n margin-left: 1px; }\n .style-module_CartSummary__30RcF .style-module_CheckoutNoteContainer__zQQjd .style-module_Title__16M5E {\n font-size: 16px;\n color: var(--checkout-primary-text-color);\n margin-bottom: 8px; }\n .style-module_CartSummary__30RcF .style-module_CheckoutNoteContainer__zQQjd .style-module_CheckoutNoteDisplay__kTFTx {\n color: var(--checkout-secondary-text-color); }\n .style-module_CartSummary__30RcF .style-module_CheckoutNoteContainer__zQQjd.style-module_Success__2vqWA {\n margin-top: 0; }\n @media only screen and (max-width: 1000px) {\n .style-module_CartSummary__30RcF .style-module_CheckoutNoteContainer__zQQjd {\n margin-top: 0px; } }\n\n.style-module_CartSummary__30RcF .style-module_GiftLabel__2f-wC {\n display: flex;\n align-items: center; }\n .style-module_CartSummary__30RcF .style-module_GiftLabel__2f-wC span {\n margin-left: 8px; }\n\n.style-module_CartSummary__30RcF .style-module_PoweredBy__1hgWQ {\n width: 100%;\n height: 50px;\n justify-content: center;\n align-items: center;\n color: var(--checkout-primary-text-color);\n display: none; }\n @media only screen and (max-width: 1000px) {\n .style-module_CartSummary__30RcF .style-module_PoweredBy__1hgWQ {\n display: flex; } }\n .style-module_CartSummary__30RcF .style-module_PoweredBy__1hgWQ span {\n font-size: 14px;\n line-height: 20px;\n color: var(--checkout-secondary-text-color);\n margin-right: 8px; }\n .style-module_CartSummary__30RcF .style-module_PoweredBy__1hgWQ a {\n display: flex;\n align-items: center; }\n";
61001
60960
  var styles$h = {"CartSummary":"style-module_CartSummary__30RcF","AllowExpand":"style-module_AllowExpand__3kDXF","ExpandHeader":"style-module_ExpandHeader__2ICjA","Left":"style-module_Left__A54sv","Price":"style-module_Price__sosrJ","PriceText":"style-module_PriceText__1ePGb","ArrowDown":"style-module_ArrowDown__2ET-d","Rotated":"style-module_Rotated__3sgbm","DetailsContainer":"style-module_DetailsContainer__FBBIP","Details":"style-module_Details__3-X_i","Divider":"style-module_Divider__2d0Zk","ActionTextBtn":"style-module_ActionTextBtn__FXJQX","NoUnderline":"style-module_NoUnderline__34-1r","Light":"style-module_Light__WFzH8","SubTotalInfo":"style-module_SubTotalInfo__1QMnr","InfoRow":"style-module_InfoRow__3eZdJ","Label":"style-module_Label__3E7LF","TotalContainer":"style-module_TotalContainer__36DNt","TitleContainer":"style-module_TitleContainer__3ptQE","Title":"style-module_Title__16M5E","TotalPrice":"style-module_TotalPrice__2s7DC","AppliedCoupon":"style-module_AppliedCoupon__37qv8","CouponCode":"style-module_CouponCode__3rgOu","ClearCoupon":"style-module_ClearCoupon__1Rx4A","NotificationContainer":"style-module_NotificationContainer__Zblek","CheckoutNoteContainer":"style-module_CheckoutNoteContainer__zQQjd","CheckoutNoteDisplay":"style-module_CheckoutNoteDisplay__kTFTx","Success":"style-module_Success__2vqWA","GiftLabel":"style-module_GiftLabel__2f-wC","PoweredBy":"style-module_PoweredBy__1hgWQ"};
61002
- styleInject(css_248z$i);
61003
60961
 
61004
60962
  var SVGIkas = function (_a) {
61005
60963
  var className = _a.className;
@@ -61232,9 +61190,7 @@ var Note = mobxReactLite.observer(function (_a) {
61232
61190
  isSuccessStep ? (React.createElement("div", { className: styles$h.CheckoutNoteDisplay }, vm.checkout.note)) : (React.createElement(FormItem, { style: { width: "100%" }, type: FormItemType.TEXT_AREA, disableResize: true, label: "", value: vm.checkout.note || "", onChange: onCheckoutNoteChange }))))));
61233
61191
  });
61234
61192
 
61235
- var css_248z$j = ".style-module_StepSuccess__36Zg4 {\n padding-top: 24px; }\n .style-module_StepSuccess__36Zg4 .style-module_SuccessTitleContainer__3fT9P {\n margin-bottom: 24px;\n display: flex;\n align-items: center; }\n .style-module_StepSuccess__36Zg4 .style-module_SuccessTitleContainer__3fT9P .style-module_SuccessTitle__2cVxj {\n font-size: 28px;\n font-weight: 600;\n margin-left: 16px; }\n .style-module_StepSuccess__36Zg4 .style-module_SuccessSubTitle__2UvWI {\n margin: auto;\n margin-bottom: 32px; }\n .style-module_StepSuccess__36Zg4 .style-module_InfoGrid__2VYXk {\n display: grid;\n grid-template-columns: 1fr 1fr;\n grid-gap: 48px; }\n .style-module_StepSuccess__36Zg4 .style-module_InfoGrid__2VYXk .style-module_InfoTitle__2Whku {\n font-size: 16px;\n line-height: 24px;\n margin-bottom: 12px; }\n .style-module_StepSuccess__36Zg4 .style-module_InfoGrid__2VYXk .style-module_InfoText__1LHFw {\n font-size: 14px;\n color: var(--checkout-secondary-text-color);\n display: flex;\n align-items: center; }\n .style-module_StepSuccess__36Zg4 .style-module_InfoGrid__2VYXk .style-module_InfoTextBold__21977 {\n font-weight: 600;\n color: var(--checkout-primary-text-color); }\n .style-module_StepSuccess__36Zg4 .style-module_InfoGrid__2VYXk.style-module_WithBorder__1aBHw {\n border-bottom: 1px solid var(--checkout-border-color);\n padding-bottom: 24px; }\n .style-module_StepSuccess__36Zg4 .style-module_InfoGrid__2VYXk .style-module_CardLogoContainer__3tymO {\n display: flex;\n align-items: center;\n margin-right: 4px; }\n .style-module_StepSuccess__36Zg4 .style-module_Actions__3ZXaJ {\n width: 100%;\n display: flex;\n justify-content: space-between;\n margin: auto;\n margin-top: 24px; }\n .style-module_StepSuccess__36Zg4 .style-module_Actions__3ZXaJ .style-module_HelpText__39LA1 {\n display: flex;\n align-items: center;\n color: var(--checkout-secondary-text-color);\n flex-wrap: wrap; }\n .style-module_StepSuccess__36Zg4 .style-module_Actions__3ZXaJ .style-module_HelpText__39LA1 .style-module_Cta__3sxNK {\n color: var(--checkout-primary-text-color);\n margin-left: 4px; }\n .style-module_StepSuccess__36Zg4 .style-module_Actions__3ZXaJ .style-module_HelpText__39LA1 .style-module_Cta__3sxNK:hover {\n cursor: pointer;\n text-decoration: underline; }\n @media only screen and (max-width: 400px) {\n .style-module_StepSuccess__36Zg4 .style-module_Actions__3ZXaJ {\n flex-direction: column; }\n .style-module_StepSuccess__36Zg4 .style-module_Actions__3ZXaJ .style-module_HelpText__39LA1 {\n margin-bottom: 12px; }\n .style-module_StepSuccess__36Zg4 .style-module_Actions__3ZXaJ .style-module_HelpText__39LA1 .style-module_Cta__3sxNK {\n margin-left: 0; } }\n .style-module_StepSuccess__36Zg4 .style-module_OrderStatus__CPd7s {\n padding: 4px 8px;\n border-radius: 6px;\n margin-top: 8px;\n font-size: 14px;\n font-weight: 500;\n display: inline-flex; }\n .style-module_StepSuccess__36Zg4 .style-module_OrderStatus__CPd7s.style-module_Yellow__1mZZm {\n color: var(--checkout-warning-color);\n background-color: var(--checkout-warning-light-color);\n border: 1px solid var(--checkout-warning-color); }\n .style-module_StepSuccess__36Zg4 .style-module_OrderStatus__CPd7s.style-module_Green__2qwNg {\n color: var(--checkout-success-color);\n background-color: var(--checkout-success-light-color);\n border: 1px solid var(--checkout-success-color); }\n .style-module_StepSuccess__36Zg4 .style-module_OrderStatus__CPd7s.style-module_Red__TKRy8 {\n color: var(--checkout-error-color);\n background-color: var(--checkout-error-light-color);\n border: 1px solid var(--checkout-error-color); }\n @media only screen and (max-width: 1000px) {\n .style-module_StepSuccess__36Zg4 {\n padding-left: 24px;\n padding-right: 24px; }\n .style-module_StepSuccess__36Zg4 .style-module_SuccessTitleContainer__3fT9P {\n margin-bottom: 12px; }\n .style-module_StepSuccess__36Zg4 .style-module_SuccessTitleContainer__3fT9P .style-module_SuccessTitle__2cVxj {\n font-size: 20px; }\n .style-module_StepSuccess__36Zg4 .style-module_SuccessSubTitle__2UvWI {\n max-width: 400px;\n margin-left: 56px; } }\n @media only screen and (max-width: 400px) {\n .style-module_StepSuccess__36Zg4 .style-module_InfoGrid__2VYXk {\n grid-template-columns: 1fr;\n grid-gap: 24px; }\n .style-module_StepSuccess__36Zg4 .style-module_SuccessSubTitle__2UvWI {\n margin-left: 0; } }\n";
61236
61193
  var styles$i = {"StepSuccess":"style-module_StepSuccess__36Zg4","SuccessTitleContainer":"style-module_SuccessTitleContainer__3fT9P","SuccessTitle":"style-module_SuccessTitle__2cVxj","SuccessSubTitle":"style-module_SuccessSubTitle__2UvWI","InfoGrid":"style-module_InfoGrid__2VYXk","InfoTitle":"style-module_InfoTitle__2Whku","InfoText":"style-module_InfoText__1LHFw","InfoTextBold":"style-module_InfoTextBold__21977","WithBorder":"style-module_WithBorder__1aBHw","CardLogoContainer":"style-module_CardLogoContainer__3tymO","Actions":"style-module_Actions__3ZXaJ","HelpText":"style-module_HelpText__39LA1","Cta":"style-module_Cta__3sxNK","OrderStatus":"style-module_OrderStatus__CPd7s","Yellow":"style-module_Yellow__1mZZm","Green":"style-module_Green__2qwNg","Red":"style-module_Red__TKRy8"};
61237
- styleInject(css_248z$j);
61238
61194
 
61239
61195
  var SVGSuccessCircle = function (_a) {
61240
61196
  var className = _a.className;
@@ -61243,9 +61199,7 @@ var SVGSuccessCircle = function (_a) {
61243
61199
  React.createElement("path", { d: "M12 20L18 26L28.0005 15.9998", stroke: "white", "stroke-width": "3.2", "stroke-linecap": "round" })));
61244
61200
  };
61245
61201
 
61246
- var css_248z$k = ".style-module_ExpandableSection__2JTCI {\n border-bottom: 1px solid var(--checkout-border-color); }\n .style-module_ExpandableSection__2JTCI .style-module_Top__3j_E0 {\n padding: 24px 0;\n display: flex;\n justify-content: space-between;\n align-items: center;\n user-select: none; }\n .style-module_ExpandableSection__2JTCI .style-module_Top__3j_E0 .style-module_Title__2w3G9 {\n font-weight: 600;\n font-size: 20px;\n line-height: 32px; }\n .style-module_ExpandableSection__2JTCI .style-module_Top__3j_E0 .style-module_HideBtn__xC3Ix {\n font-size: 14px;\n cursor: pointer;\n user-select: none; }\n .style-module_ExpandableSection__2JTCI .style-module_Content__3TXDF {\n padding-bottom: 24px; }\n";
61247
61202
  var styles$j = {"ExpandableSection":"style-module_ExpandableSection__2JTCI","Top":"style-module_Top__3j_E0","Title":"style-module_Title__2w3G9","HideBtn":"style-module_HideBtn__xC3Ix","Content":"style-module_Content__3TXDF"};
61248
- styleInject(css_248z$k);
61249
61203
 
61250
61204
  var ExpandableSection = function (_a) {
61251
61205
  var title = _a.title, children = _a.children;
@@ -61268,9 +61222,7 @@ var SVGCross$1 = function (_a) {
61268
61222
  React.createElement("path", { fill: "currentColor", d: "M12 10.586l4.95-4.95 1.414 1.414-4.95 4.95 4.95 4.95-1.414 1.414-4.95-4.95-4.95 4.95-1.414-1.414 4.95-4.95-4.95-4.95L7.05 5.636z" })));
61269
61223
  };
61270
61224
 
61271
- var css_248z$l = ".style-module_ModalContainer__3JCG6 {\n position: fixed;\n top: 0;\n left: 0;\n width: 100vw;\n height: 100vh;\n background-color: rgba(0, 0, 0, 0.6);\n backdrop-filter: blur(6px);\n z-index: 9999;\n display: flex;\n justify-content: center;\n align-items: center; }\n .style-module_ModalContainer__3JCG6 .style-module_Modal__s3oha {\n border-radius: 8px;\n background-color: white;\n color: var(--checkout-primary-text-color);\n min-width: 400px;\n max-width: 750px;\n max-height: 90%;\n display: flex;\n flex-direction: column;\n overflow: hidden; }\n .style-module_ModalContainer__3JCG6 .style-module_Modal__s3oha .style-module_ModalHeader__vEeDs {\n flex: 0 0 auto;\n padding: 16px;\n font-size: 18px;\n border-bottom: 1px solid var(--checkout-border-color);\n display: flex;\n justify-content: space-between;\n align-items: center; }\n .style-module_ModalContainer__3JCG6 .style-module_Modal__s3oha .style-module_ModalHeader__vEeDs .style-module_CloseButton__3VdYY {\n cursor: pointer;\n display: flex;\n align-items: center; }\n .style-module_ModalContainer__3JCG6 .style-module_Modal__s3oha .style-module_ModalContent__2jGi3 {\n flex: 1 1 auto;\n padding: 24px;\n overflow-y: auto; }\n @media only screen and (max-width: 1000px) {\n .style-module_ModalContainer__3JCG6 .style-module_Modal__s3oha {\n max-width: unset;\n max-height: unset;\n width: 100%;\n height: 100%;\n margin: 0;\n border-radius: 0; }\n .style-module_ModalContainer__3JCG6 .style-module_Modal__s3oha .style-module_ModalHeader__vEeDs {\n padding: 1.5em; } }\n";
61272
61225
  var styles$k = {"ModalContainer":"style-module_ModalContainer__3JCG6","Modal":"style-module_Modal__s3oha","ModalHeader":"style-module_ModalHeader__vEeDs","CloseButton":"style-module_CloseButton__3VdYY","ModalContent":"style-module_ModalContent__2jGi3"};
61273
- styleInject(css_248z$l);
61274
61226
 
61275
61227
  var Modal = mobxReactLite.observer(function (_a) {
61276
61228
  var title = _a.title, onClose = _a.onClose, modalContent = _a.modalContent;
@@ -61550,12 +61502,10 @@ var Image = function (_a) {
61550
61502
  });
61551
61503
  return image.getSrc(closest);
61552
61504
  };
61553
- return (React.createElement(NextImage__default['default'], __assign({}, others, { loader: loader, quality: 100, src: image.src, alt: others.alt || "Image", unoptimized: true })));
61505
+ return (React.createElement(NextImage__default['default'], __assign({}, others, { loader: loader, quality: 100, src: image.src, alt: others.alt || "Image" })));
61554
61506
  };
61555
61507
 
61556
- var css_248z$m = ".style-module_StepContainer__1O2dD {\n width: 100%; }\n .style-module_StepContainer__1O2dD .style-module_Step__1iOYA {\n width: 100%; }\n .style-module_StepContainer__1O2dD .style-module_Step__1iOYA .style-module_StepTitleContainer__2GUg2 {\n padding: 24px 0;\n border-top: 1px solid var(--checkout-border-color); }\n .style-module_StepContainer__1O2dD .style-module_Step__1iOYA .style-module_StepTitleContainer__2GUg2.style-module_First__cAzdJ {\n border-top: none; }\n .style-module_StepContainer__1O2dD .style-module_Step__1iOYA .style-module_StepTitleContainer__2GUg2 .style-module_StepTitleTop__3zfsj {\n display: flex;\n align-items: center; }\n .style-module_StepContainer__1O2dD .style-module_Step__1iOYA .style-module_StepTitleContainer__2GUg2 .style-module_StepTitleTop__3zfsj.style-module_WithRightContent__2fqb1 {\n align-items: flex-start; }\n .style-module_StepContainer__1O2dD .style-module_Step__1iOYA .style-module_StepTitleContainer__2GUg2 .style-module_StepCircle__36A5q {\n width: 32px;\n height: 32px;\n border-radius: 100%;\n border: 1px solid var(--checkout-button-bg-color);\n color: var(--checkout-button-bg-color);\n display: flex;\n justify-content: center;\n align-items: center;\n margin-right: 16px;\n flex: 0 0 auto;\n font-size: 20px; }\n .style-module_StepContainer__1O2dD .style-module_Step__1iOYA .style-module_StepTitleContainer__2GUg2 .style-module_StepCircle__36A5q.style-module_Selected__3j91L {\n background-color: var(--checkout-button-bg-color);\n color: var(--checkout-button-text-color); }\n .style-module_StepContainer__1O2dD .style-module_Step__1iOYA .style-module_StepTitleContainer__2GUg2 .style-module_StepCircle__36A5q.style-module_Selected__3j91L svg {\n transform: scale(1.5);\n position: relative;\n right: -1px; }\n .style-module_StepContainer__1O2dD .style-module_Step__1iOYA .style-module_StepTitleContainer__2GUg2 .style-module_StepTitle__10YDP {\n font-size: 22px;\n color: var(--checkout-primary-text-color);\n flex: 0 0 auto;\n font-weight: 600;\n line-height: 32px; }\n .style-module_StepContainer__1O2dD .style-module_Step__1iOYA .style-module_StepTitleContainer__2GUg2 .style-module_StepTitle__10YDP.style-module_Light__15wSX {\n color: var(--checkout-button-disabled-text-color); }\n .style-module_StepContainer__1O2dD .style-module_Step__1iOYA .style-module_StepTitleContainer__2GUg2 .style-module_StepTitleRightContent__2Q43m {\n flex: 1 1 auto; }\n .style-module_StepContainer__1O2dD .style-module_StepContent__20QIi {\n padding-bottom: 24px;\n padding-left: 48px;\n width: 100%; }\n @media only screen and (max-width: 1000px) {\n .style-module_StepContainer__1O2dD {\n padding: 0 24px; }\n .style-module_StepContainer__1O2dD .style-module_StepContent__20QIi {\n padding-left: 0px; } }\n";
61557
61508
  var styles$l = {"StepContainer":"style-module_StepContainer__1O2dD","Step":"style-module_Step__1iOYA","StepTitleContainer":"style-module_StepTitleContainer__2GUg2","First":"style-module_First__cAzdJ","StepTitleTop":"style-module_StepTitleTop__3zfsj","WithRightContent":"style-module_WithRightContent__2fqb1","StepCircle":"style-module_StepCircle__36A5q","Selected":"style-module_Selected__3j91L","StepTitle":"style-module_StepTitle__10YDP","Light":"style-module_Light__15wSX","StepTitleRightContent":"style-module_StepTitleRightContent__2Q43m","StepContent":"style-module_StepContent__20QIi"};
61558
- styleInject(css_248z$m);
61559
61509
 
61560
61510
  var StepContainer = mobxReactLite.observer(function (_a) {
61561
61511
  var steps = _a.steps, stepContent = _a.stepContent;
@@ -61604,9 +61554,7 @@ var Step = /** @class */ (function () {
61604
61554
  return Step;
61605
61555
  }());
61606
61556
 
61607
- var css_248z$n = ".style-module_Actions__ttsEZ {\n display: grid;\n grid-template-columns: 1fr 1fr;\n grid-gap: 16px; }\n\n.style-module_Description__3BMvk {\n margin-bottom: 24px; }\n";
61608
61557
  var styles$m = {"Actions":"style-module_Actions__ttsEZ","Description":"style-module_Description__3BMvk"};
61609
- styleInject(css_248z$n);
61610
61558
 
61611
61559
  var StockError = mobxReactLite.observer(function (_a) {
61612
61560
  var vm = _a.vm, error = _a.error;
@@ -61646,9 +61594,7 @@ var StockError = mobxReactLite.observer(function (_a) {
61646
61594
  }, text: t("checkout-page:actions.continue"), isLoading: isLoading, onClick: onContinueClick }))) }));
61647
61595
  });
61648
61596
 
61649
- var css_248z$o = ".style-module_Container__1f6or {\n width: 100vw;\n height: 100vh;\n background-color: var(--checkout-primary-bg-color);\n display: flex;\n justify-content: center;\n align-items: center; }\n .style-module_Container__1f6or .style-module_loader__VCfEE,\n .style-module_Container__1f6or .style-module_loader__VCfEE:after {\n border-radius: 50%;\n width: 5em;\n height: 5em; }\n .style-module_Container__1f6or .style-module_loader__VCfEE {\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-bg-color);\n -webkit-transform: translateZ(0);\n -ms-transform: translateZ(0);\n transform: translateZ(0);\n -webkit-animation: style-module_load8__3N32j 1.1s infinite linear;\n animation: style-module_load8__3N32j 1.1s infinite linear; }\n\n@-webkit-keyframes style-module_load8__3N32j {\n 0% {\n -webkit-transform: rotate(0deg);\n transform: rotate(0deg); }\n 100% {\n -webkit-transform: rotate(360deg);\n transform: rotate(360deg); } }\n\n@keyframes style-module_load8__3N32j {\n 0% {\n -webkit-transform: rotate(0deg);\n transform: rotate(0deg); }\n 100% {\n -webkit-transform: rotate(360deg);\n transform: rotate(360deg); } }\n";
61650
61597
  var styles$n = {"Container":"style-module_Container__1f6or","loader":"style-module_loader__VCfEE","load8":"style-module_load8__3N32j"};
61651
- styleInject(css_248z$o);
61652
61598
 
61653
61599
  var FullscreenLoading = function () {
61654
61600
  return (React.createElement("div", { className: styles$n.Container },
@@ -62285,31 +62231,14 @@ var Page$1 = function (_a) {
62285
62231
  IkasStorefrontConfig.initWithJson(configJson);
62286
62232
  var router$1 = router.useRouter();
62287
62233
  var _b = React.useState(false), isBrowser = _b[0], setIsBrowser = _b[1];
62288
- var initialPropValues = React.useMemo(function () {
62289
- return IkasPageDataProvider.initPropValues(propValuesStr, router$1, settingsStr);
62290
- }, [propValuesStr]);
62291
- var _c = React.useState(initialPropValues), propValues = _c[0], setPropValues = _c[1];
62234
+ var _c = React.useState(IkasPageDataProvider.initPropValues(propValuesStr, router$1, settingsStr)), propValues = _c[0], setPropValues = _c[1];
62292
62235
  React.useEffect(function () {
62293
62236
  setIsBrowser(typeof window !== "undefined");
62294
62237
  handleAnalytics(page, pageSpecificDataStr);
62295
- }, [pageSpecificDataStr]);
62238
+ }, [page, pageSpecificDataStr]);
62296
62239
  React.useEffect(function () {
62297
62240
  setPropValues(IkasPageDataProvider.initPropValues(propValuesStr, router$1, settingsStr, isBrowser));
62298
- }, [isBrowser, propValuesStr]);
62299
- // If the user clicks a link for the same page, we need this logic to re-render the page
62300
- React.useEffect(function () {
62301
- router$1.events.on("routeChangeComplete", handleRouteChange);
62302
- return function () {
62303
- router$1.events.off("routeChangeComplete", handleRouteChange);
62304
- };
62305
- }, []);
62306
- var handleRouteChange = function (url, options) {
62307
- var shallow = options.shallow;
62308
- if (!shallow &&
62309
- [exports.IkasThemePageType.CATEGORY, exports.IkasThemePageType.BRAND].includes(page.type)) {
62310
- setPropValues(IkasPageDataProvider.initPropValues(propValuesStr, router$1, settingsStr, isBrowser));
62311
- }
62312
- };
62241
+ }, [isBrowser, propValuesStr, page]);
62313
62242
  return (React.createElement(IkasPage, { page: page, propValues: propValues, pageSpecificDataStr: pageSpecificDataStr, settingsStr: settingsStr, merchantSettings: merchantSettings, addOgpMetas: true }));
62314
62243
  };
62315
62244
  var index$1 = mobxReactLite.observer(Page$1);
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@ikas/storefront",
3
- "version": "0.0.165-alpha.9",
3
+ "version": "0.0.166-alpha.1",
4
4
  "main": "./build/index.js",
5
5
  "module": "./build/index.es.js",
6
6
  "author": "Umut Ozan Yıldırım",