@ikas/storefront 0.0.165-alpha.18 → 0.0.165-alpha.2
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.
- package/build/analytics/analytics.d.ts +2 -2
- package/build/analytics/facebookPixel.d.ts +2 -2
- package/build/analytics/head/index.d.ts +0 -1
- package/build/index.es.js +219 -181
- package/build/index.js +218 -182
- package/build/utils/providers/page-data.d.ts +1 -0
- package/package.json +7 -7
- package/build/index.css +0 -1483
- package/build/index.es.css +0 -1483
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);
|
|
@@ -17885,13 +17883,13 @@ var FacebookPixel = /** @class */ (function () {
|
|
|
17885
17883
|
console.error(err);
|
|
17886
17884
|
}
|
|
17887
17885
|
};
|
|
17888
|
-
FacebookPixel.addToCart = function (item, quantity
|
|
17886
|
+
FacebookPixel.addToCart = function (item, quantity) {
|
|
17889
17887
|
try {
|
|
17890
17888
|
!isServer &&
|
|
17891
17889
|
window.fbq &&
|
|
17892
17890
|
window.fbq("track", "AddToCart", item instanceof IkasProductDetail
|
|
17893
17891
|
? productToFBPItem(item, quantity)
|
|
17894
|
-
: orderLineItemToFBPItem(item, quantity)
|
|
17892
|
+
: orderLineItemToFBPItem(item, quantity));
|
|
17895
17893
|
return;
|
|
17896
17894
|
}
|
|
17897
17895
|
catch (err) {
|
|
@@ -17909,11 +17907,11 @@ var FacebookPixel = /** @class */ (function () {
|
|
|
17909
17907
|
console.error(err);
|
|
17910
17908
|
}
|
|
17911
17909
|
};
|
|
17912
|
-
FacebookPixel.purchase = function (checkout,
|
|
17910
|
+
FacebookPixel.purchase = function (checkout, orderId) {
|
|
17913
17911
|
try {
|
|
17914
17912
|
!isServer &&
|
|
17915
17913
|
window.fbq &&
|
|
17916
|
-
window.fbq("track", "Purchase", beginCheckoutFBPItem(checkout)
|
|
17914
|
+
window.fbq("track", "Purchase", beginCheckoutFBPItem(checkout));
|
|
17917
17915
|
return;
|
|
17918
17916
|
}
|
|
17919
17917
|
catch (err) {
|
|
@@ -22523,7 +22521,7 @@ var IkasCartStore = /** @class */ (function () {
|
|
|
22523
22521
|
this.addItem = function (variant, product, initialQuantity) {
|
|
22524
22522
|
if (initialQuantity === void 0) { initialQuantity = 1; }
|
|
22525
22523
|
return __awaiter(_this, void 0, void 0, function () {
|
|
22526
|
-
var existingItem, input, cart,
|
|
22524
|
+
var existingItem, input, cart, err_2;
|
|
22527
22525
|
var _a, _b, _c;
|
|
22528
22526
|
return __generator(this, function (_d) {
|
|
22529
22527
|
switch (_d.label) {
|
|
@@ -22562,10 +22560,7 @@ var IkasCartStore = /** @class */ (function () {
|
|
|
22562
22560
|
_d.sent();
|
|
22563
22561
|
_d.label = 3;
|
|
22564
22562
|
case 3:
|
|
22565
|
-
|
|
22566
|
-
eventId = this.cart.id + "-" + this.cart.updatedAt;
|
|
22567
|
-
Analytics.addToCart(new IkasProductDetail(product, variant.variantValues), initialQuantity, eventId);
|
|
22568
|
-
}
|
|
22563
|
+
Analytics.addToCart(new IkasProductDetail(product, variant.variantValues), initialQuantity);
|
|
22569
22564
|
return [3 /*break*/, 5];
|
|
22570
22565
|
case 4:
|
|
22571
22566
|
err_2 = _d.sent();
|
|
@@ -22577,7 +22572,7 @@ var IkasCartStore = /** @class */ (function () {
|
|
|
22577
22572
|
});
|
|
22578
22573
|
};
|
|
22579
22574
|
this.changeItemQuantity = function (item, quantity) { return __awaiter(_this, void 0, void 0, function () {
|
|
22580
|
-
var input, cart,
|
|
22575
|
+
var input, cart, oldQuantity, err_3;
|
|
22581
22576
|
var _a, _b, _c;
|
|
22582
22577
|
return __generator(this, function (_d) {
|
|
22583
22578
|
switch (_d.label) {
|
|
@@ -22611,15 +22606,12 @@ var IkasCartStore = /** @class */ (function () {
|
|
|
22611
22606
|
_d.label = 3;
|
|
22612
22607
|
case 3:
|
|
22613
22608
|
this.removeCardIfEmpty();
|
|
22614
|
-
|
|
22615
|
-
|
|
22616
|
-
oldQuantity
|
|
22617
|
-
|
|
22618
|
-
|
|
22619
|
-
|
|
22620
|
-
else {
|
|
22621
|
-
Analytics.addToCart(item, quantity - oldQuantity, eventId);
|
|
22622
|
-
}
|
|
22609
|
+
oldQuantity = item.quantity;
|
|
22610
|
+
if (oldQuantity > quantity) {
|
|
22611
|
+
Analytics.removeFromCart(item, oldQuantity - quantity);
|
|
22612
|
+
}
|
|
22613
|
+
else {
|
|
22614
|
+
Analytics.addToCart(item, quantity - oldQuantity);
|
|
22623
22615
|
}
|
|
22624
22616
|
return [3 /*break*/, 5];
|
|
22625
22617
|
case 4:
|
|
@@ -22900,14 +22892,6 @@ var CheckoutViewModel = /** @class */ (function () {
|
|
|
22900
22892
|
this.checkShippingCountries();
|
|
22901
22893
|
_b.label = 2;
|
|
22902
22894
|
case 2:
|
|
22903
|
-
// Skip shipping if there is only 1 shipping method
|
|
22904
|
-
if (this.step === CheckoutStep.SHIPPING &&
|
|
22905
|
-
this.checkout.availableShippingMethods.length === 1) {
|
|
22906
|
-
this.step = CheckoutStep.PAYMENT;
|
|
22907
|
-
this.router.replace("/checkout/" + this.checkout.id + "?step=" + this.step, undefined, {
|
|
22908
|
-
shallow: true,
|
|
22909
|
-
});
|
|
22910
|
-
}
|
|
22911
22895
|
if (!(this.step === CheckoutStep.PAYMENT ||
|
|
22912
22896
|
this.step === CheckoutStep.SUCCESS)) return [3 /*break*/, 4];
|
|
22913
22897
|
return [4 /*yield*/, this.listPaymentGateways()];
|
|
@@ -24123,9 +24107,9 @@ var Analytics = /** @class */ (function () {
|
|
|
24123
24107
|
console.error(err);
|
|
24124
24108
|
}
|
|
24125
24109
|
};
|
|
24126
|
-
Analytics.addToCart = function (item, quantity
|
|
24110
|
+
Analytics.addToCart = function (item, quantity) {
|
|
24127
24111
|
try {
|
|
24128
|
-
FacebookPixel.addToCart(item, quantity
|
|
24112
|
+
FacebookPixel.addToCart(item, quantity);
|
|
24129
24113
|
GoogleTagManager.addToCart(item, quantity);
|
|
24130
24114
|
}
|
|
24131
24115
|
catch (err) {
|
|
@@ -24153,11 +24137,11 @@ var Analytics = /** @class */ (function () {
|
|
|
24153
24137
|
console.error(err);
|
|
24154
24138
|
}
|
|
24155
24139
|
};
|
|
24156
|
-
Analytics.purchase = function (checkout,
|
|
24140
|
+
Analytics.purchase = function (checkout, orderId) {
|
|
24157
24141
|
try {
|
|
24158
24142
|
localStorage.removeItem(LS_BEGIN_CHECKOUT_KEY);
|
|
24159
|
-
FacebookPixel.purchase(checkout,
|
|
24160
|
-
GoogleTagManager.purchase(checkout,
|
|
24143
|
+
FacebookPixel.purchase(checkout, orderId);
|
|
24144
|
+
GoogleTagManager.purchase(checkout, orderId);
|
|
24161
24145
|
}
|
|
24162
24146
|
catch (err) {
|
|
24163
24147
|
console.error(err);
|
|
@@ -24266,16 +24250,6 @@ var AnalyticsHead = function (_a) {
|
|
|
24266
24250
|
__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');",
|
|
24267
24251
|
} }))));
|
|
24268
24252
|
};
|
|
24269
|
-
var AnalyticsPageHead = function () {
|
|
24270
|
-
var gtmId = IkasStorefrontConfig.gtmId;
|
|
24271
|
-
var fbpId = IkasStorefrontConfig.fbpId;
|
|
24272
|
-
return (React.createElement(React.Fragment, null,
|
|
24273
|
-
gtmId && (React.createElement(Script__default['default'], { src: "https://www.googletagmanager.com/gtm.js?id=" + gtmId })),
|
|
24274
|
-
fbpId && (React.createElement(Script__default['default'], { src: "https://connect.facebook.net/en_US/fbevents.js" })),
|
|
24275
|
-
fbpId && (React.createElement("script", { dangerouslySetInnerHTML: {
|
|
24276
|
-
__html: "console.log(\"fbp track\"); fbq('track', 'PageView');",
|
|
24277
|
-
} }))));
|
|
24278
|
-
};
|
|
24279
24253
|
var AnalyticsBody = function () {
|
|
24280
24254
|
var gtmId = IkasStorefrontConfig.gtmId;
|
|
24281
24255
|
var fbpId = IkasStorefrontConfig.fbpId;
|
|
@@ -24979,15 +24953,11 @@ var IkasCustomerStore = /** @class */ (function () {
|
|
|
24979
24953
|
};
|
|
24980
24954
|
IkasCustomerStore.prototype.onProductView = function (productId, variantId) {
|
|
24981
24955
|
return __awaiter(this, void 0, void 0, function () {
|
|
24982
|
-
var
|
|
24956
|
+
var isSuccess;
|
|
24983
24957
|
return __generator(this, function (_a) {
|
|
24984
24958
|
switch (_a.label) {
|
|
24985
24959
|
case 0:
|
|
24986
24960
|
if (!this.customer) return [3 /*break*/, 2];
|
|
24987
|
-
existingItem = this._lastViewedProducts.find(function (lvp) { return lvp.productId === productId; });
|
|
24988
|
-
if (existingItem) {
|
|
24989
|
-
return [2 /*return*/];
|
|
24990
|
-
}
|
|
24991
24961
|
return [4 /*yield*/, IkasCustomerAPI.saveLastViewedProducts({
|
|
24992
24962
|
customerId: this.customer.id,
|
|
24993
24963
|
products: [
|
|
@@ -27643,25 +27613,15 @@ var IkasProductDetail = /** @class */ (function () {
|
|
|
27643
27613
|
});
|
|
27644
27614
|
Object.defineProperty(IkasProductDetail.prototype, "href", {
|
|
27645
27615
|
get: function () {
|
|
27646
|
-
var _this = this;
|
|
27647
27616
|
var metaData = this.product.metaData;
|
|
27648
27617
|
if (!(metaData === null || metaData === void 0 ? void 0 : metaData.slug))
|
|
27649
27618
|
return "";
|
|
27650
|
-
|
|
27651
|
-
.
|
|
27652
|
-
|
|
27653
|
-
|
|
27654
|
-
|
|
27655
|
-
|
|
27656
|
-
if (selectedVariant)
|
|
27657
|
-
return vt.slug + "=" + selectedVariant.slug;
|
|
27658
|
-
})
|
|
27659
|
-
.filter(function (param) { return !!param; })
|
|
27660
|
-
.join("&");
|
|
27661
|
-
if (variantParams)
|
|
27662
|
-
return "/" + metaData.slug + "?" + variantParams;
|
|
27663
|
-
else
|
|
27664
|
-
return "/" + metaData.slug;
|
|
27619
|
+
if (this.product.hasVariant) {
|
|
27620
|
+
return "/" + metaData.slug + "-" + this.selectedVariantValues
|
|
27621
|
+
.map(function (vv) { return vv.slug; })
|
|
27622
|
+
.join("-");
|
|
27623
|
+
}
|
|
27624
|
+
return "/" + metaData.slug;
|
|
27665
27625
|
},
|
|
27666
27626
|
enumerable: false,
|
|
27667
27627
|
configurable: true
|
|
@@ -27708,7 +27668,6 @@ var IkasProductDetail = /** @class */ (function () {
|
|
|
27708
27668
|
configurable: true
|
|
27709
27669
|
});
|
|
27710
27670
|
IkasProductDetail.prototype.selectVariantValue = function (variantValue) {
|
|
27711
|
-
var _this = this;
|
|
27712
27671
|
var _a;
|
|
27713
27672
|
var metaData = this.product.metaData;
|
|
27714
27673
|
var selectedVariantValues = this.selectedVariantValues.map(function (vv) {
|
|
@@ -27717,20 +27676,9 @@ var IkasProductDetail = /** @class */ (function () {
|
|
|
27717
27676
|
return vv;
|
|
27718
27677
|
});
|
|
27719
27678
|
this.selectedVariantValues = selectedVariantValues;
|
|
27720
|
-
var
|
|
27721
|
-
.map(function (
|
|
27722
|
-
|
|
27723
|
-
var selectedVariant = vt.values.find(function (vv) {
|
|
27724
|
-
return _this.selectedVariantValues.some(function (svv) { return svv.id === vv.id; });
|
|
27725
|
-
});
|
|
27726
|
-
if (selectedVariant)
|
|
27727
|
-
return vt.slug + "=" + selectedVariant.slug;
|
|
27728
|
-
})
|
|
27729
|
-
.filter(function (param) { return !!param; })
|
|
27730
|
-
.join("&");
|
|
27731
|
-
var newUrl = "/" + metaData.slug;
|
|
27732
|
-
if (variantParams)
|
|
27733
|
-
newUrl = "/" + metaData.slug + "?" + variantParams;
|
|
27679
|
+
var newUrl = "/" + metaData.slug + "-" + this.selectedVariantValues
|
|
27680
|
+
.map(function (vv) { return vv.slug; })
|
|
27681
|
+
.join("-");
|
|
27734
27682
|
if (newUrl === window.location.pathname)
|
|
27735
27683
|
return;
|
|
27736
27684
|
var isShallow = process.env.NODE_ENV !== "production";
|
|
@@ -33307,33 +33255,15 @@ function createProductSchema(productDetail) {
|
|
|
33307
33255
|
var _a, _b;
|
|
33308
33256
|
try {
|
|
33309
33257
|
var isBrowser = typeof window !== "undefined";
|
|
33310
|
-
// TODO this code copy-pasted, organize this block
|
|
33311
33258
|
if (isBrowser) {
|
|
33312
|
-
var
|
|
33313
|
-
var vid_1 =
|
|
33259
|
+
var urlParams = new URLSearchParams(window.location.search);
|
|
33260
|
+
var vid_1 = urlParams.get("vid");
|
|
33314
33261
|
if (vid_1) {
|
|
33315
33262
|
var variant = productDetail.product.variants.find(function (v) { return v.id === vid_1; });
|
|
33316
33263
|
if (variant) {
|
|
33317
33264
|
productDetail.selectedVariantValues = variant.variantValues;
|
|
33318
33265
|
}
|
|
33319
33266
|
}
|
|
33320
|
-
else {
|
|
33321
|
-
var productVariantTypeSlugs = productDetail.product.variantTypes.map(function (vt) { return vt.variantType.slug; });
|
|
33322
|
-
var selectedVariantValues_1 = [];
|
|
33323
|
-
productVariantTypeSlugs.forEach(function (slug, vtIndex) {
|
|
33324
|
-
var productVariantType = productDetail.product.variantTypes[vtIndex];
|
|
33325
|
-
var variantValueSlug = urlParams_1.get(slug);
|
|
33326
|
-
if (variantValueSlug) {
|
|
33327
|
-
var variantValue = productVariantType.variantType.values.find(function (v) { return v.slug === variantValueSlug; });
|
|
33328
|
-
if (variantValue)
|
|
33329
|
-
selectedVariantValues_1.push(variantValue);
|
|
33330
|
-
}
|
|
33331
|
-
});
|
|
33332
|
-
if (selectedVariantValues_1.length ===
|
|
33333
|
-
productDetail.selectedVariantValues.length) {
|
|
33334
|
-
productDetail.selectedVariantValues = selectedVariantValues_1;
|
|
33335
|
-
}
|
|
33336
|
-
}
|
|
33337
33267
|
}
|
|
33338
33268
|
var productUrl = isBrowser
|
|
33339
33269
|
? "https://" + window.location.hostname + productDetail.href
|
|
@@ -33407,7 +33337,36 @@ function createCategoryBreadcrumbSchema(pageSpecificDataStr) {
|
|
|
33407
33337
|
catch (_a) { }
|
|
33408
33338
|
}
|
|
33409
33339
|
|
|
33340
|
+
function styleInject(css, ref) {
|
|
33341
|
+
if ( ref === void 0 ) ref = {};
|
|
33342
|
+
var insertAt = ref.insertAt;
|
|
33343
|
+
|
|
33344
|
+
if (!css || typeof document === 'undefined') { return; }
|
|
33345
|
+
|
|
33346
|
+
var head = document.head || document.getElementsByTagName('head')[0];
|
|
33347
|
+
var style = document.createElement('style');
|
|
33348
|
+
style.type = 'text/css';
|
|
33349
|
+
|
|
33350
|
+
if (insertAt === 'top') {
|
|
33351
|
+
if (head.firstChild) {
|
|
33352
|
+
head.insertBefore(style, head.firstChild);
|
|
33353
|
+
} else {
|
|
33354
|
+
head.appendChild(style);
|
|
33355
|
+
}
|
|
33356
|
+
} else {
|
|
33357
|
+
head.appendChild(style);
|
|
33358
|
+
}
|
|
33359
|
+
|
|
33360
|
+
if (style.styleSheet) {
|
|
33361
|
+
style.styleSheet.cssText = css;
|
|
33362
|
+
} else {
|
|
33363
|
+
style.appendChild(document.createTextNode(css));
|
|
33364
|
+
}
|
|
33365
|
+
}
|
|
33366
|
+
|
|
33367
|
+
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";
|
|
33410
33368
|
var styles = {"IkasPage":"style-module_IkasPage__ATOib"};
|
|
33369
|
+
styleInject(css_248z);
|
|
33411
33370
|
|
|
33412
33371
|
var IkasPage = mobxReactLite.observer(function (_a) {
|
|
33413
33372
|
var propValues = _a.propValues, page = _a.page, pageSpecificDataStr = _a.pageSpecificDataStr, settingsStr = _a.settingsStr, merchantSettings = _a.merchantSettings, addOgpMetas = _a.addOgpMetas;
|
|
@@ -33571,7 +33530,7 @@ var IkasPageDataProvider = /** @class */ (function () {
|
|
|
33571
33530
|
IkasPageDataProvider.prototype.getPageSpecificData = function () {
|
|
33572
33531
|
var _a, _b;
|
|
33573
33532
|
return __awaiter(this, void 0, void 0, function () {
|
|
33574
|
-
var slug, metaDataList, metaData,
|
|
33533
|
+
var slug, metaDataList, metaData, handleBrandPage, handleCategoryPage, handleBlogPage, handleBlogCategoryPage, _c;
|
|
33575
33534
|
var _this = this;
|
|
33576
33535
|
return __generator(this, function (_d) {
|
|
33577
33536
|
switch (_d.label) {
|
|
@@ -33600,47 +33559,12 @@ var IkasPageDataProvider = /** @class */ (function () {
|
|
|
33600
33559
|
case 2: return [4 /*yield*/, IkasHTMLMetaDataAPI.listHTMLMetaData(slug)];
|
|
33601
33560
|
case 3:
|
|
33602
33561
|
metaDataList = _d.sent();
|
|
33603
|
-
if (!metaDataList || !metaDataList.length)
|
|
33604
|
-
return [2 /*return
|
|
33562
|
+
if (!metaDataList || !metaDataList.length) {
|
|
33563
|
+
return [2 /*return*/, this.getPageSpecificProduct()];
|
|
33564
|
+
}
|
|
33605
33565
|
_d.label = 4;
|
|
33606
33566
|
case 4:
|
|
33607
33567
|
metaData = metaDataList[0];
|
|
33608
|
-
if (!metaData.targetId)
|
|
33609
|
-
return [2 /*return*/];
|
|
33610
|
-
handleProductPage = function () { return __awaiter(_this, void 0, void 0, function () {
|
|
33611
|
-
var productsResponse, product, displayedVariantType, inStockVariant;
|
|
33612
|
-
return __generator(this, function (_a) {
|
|
33613
|
-
switch (_a.label) {
|
|
33614
|
-
case 0: return [4 /*yield*/, IkasProductSearchAPI.searchProducts({
|
|
33615
|
-
productIdList: [metaData.targetId],
|
|
33616
|
-
priceListId: IkasStorefrontConfig.priceListId,
|
|
33617
|
-
salesChannelId: IkasStorefrontConfig.salesChannelId,
|
|
33618
|
-
})];
|
|
33619
|
-
case 1:
|
|
33620
|
-
productsResponse = _a.sent();
|
|
33621
|
-
if (!(productsResponse === null || productsResponse === void 0 ? void 0 : productsResponse.data.length)) {
|
|
33622
|
-
return [2 /*return*/];
|
|
33623
|
-
}
|
|
33624
|
-
product = productsResponse.data[0];
|
|
33625
|
-
this.pageSpecificData = new IkasProductDetail(product, product.variants[0].variantValues);
|
|
33626
|
-
// Select the first displayed in stock variant
|
|
33627
|
-
if (this.pageSpecificData.displayedVariantTypes.length) {
|
|
33628
|
-
displayedVariantType = this
|
|
33629
|
-
.pageSpecificData.displayedVariantTypes[0];
|
|
33630
|
-
if (displayedVariantType.displayedVariantValues.length) {
|
|
33631
|
-
inStockVariant = displayedVariantType.displayedVariantValues.find(function (dvv) { return dvv.hasStock; });
|
|
33632
|
-
if (inStockVariant) {
|
|
33633
|
-
this.pageSpecificData.selectedVariantValues =
|
|
33634
|
-
inStockVariant.variant.variantValues;
|
|
33635
|
-
}
|
|
33636
|
-
}
|
|
33637
|
-
}
|
|
33638
|
-
this.pageType = exports.IkasThemePageType.PRODUCT;
|
|
33639
|
-
this.setPageMetaData(metaData);
|
|
33640
|
-
return [2 /*return*/];
|
|
33641
|
-
}
|
|
33642
|
-
});
|
|
33643
|
-
}); };
|
|
33644
33568
|
handleBrandPage = function () { return __awaiter(_this, void 0, void 0, function () {
|
|
33645
33569
|
var brandsResponse, brand;
|
|
33646
33570
|
return __generator(this, function (_a) {
|
|
@@ -33732,7 +33656,7 @@ var IkasPageDataProvider = /** @class */ (function () {
|
|
|
33732
33656
|
case 6: return [2 /*return*/, _d.sent()];
|
|
33733
33657
|
case 7: return [4 /*yield*/, handleCategoryPage()];
|
|
33734
33658
|
case 8: return [2 /*return*/, _d.sent()];
|
|
33735
|
-
case 9: return [4 /*yield*/,
|
|
33659
|
+
case 9: return [4 /*yield*/, this.getPageSpecificProduct()];
|
|
33736
33660
|
case 10: return [2 /*return*/, _d.sent()];
|
|
33737
33661
|
case 11: return [4 /*yield*/, handleBlogPage()];
|
|
33738
33662
|
case 12: return [2 /*return*/, _d.sent()];
|
|
@@ -33744,6 +33668,91 @@ var IkasPageDataProvider = /** @class */ (function () {
|
|
|
33744
33668
|
});
|
|
33745
33669
|
});
|
|
33746
33670
|
};
|
|
33671
|
+
IkasPageDataProvider.prototype.getPageSpecificProduct = function () {
|
|
33672
|
+
return __awaiter(this, void 0, void 0, function () {
|
|
33673
|
+
var slug, getProductMetaData, metaDataResponse, productsResponse, product, isMainProductSlug, selectedVariantValues, variantSlugPart, _i, _a, variant, values, slugPart, displayedVariantType, inStockVariant;
|
|
33674
|
+
var _this = this;
|
|
33675
|
+
return __generator(this, function (_b) {
|
|
33676
|
+
switch (_b.label) {
|
|
33677
|
+
case 0:
|
|
33678
|
+
slug = this.pageParams.slug;
|
|
33679
|
+
if (!slug) {
|
|
33680
|
+
console.log("Slug not found for getPageSpecificProduct");
|
|
33681
|
+
}
|
|
33682
|
+
getProductMetaData = function (slug) { return __awaiter(_this, void 0, void 0, function () {
|
|
33683
|
+
var metaDataList, splitParts, newSlug;
|
|
33684
|
+
return __generator(this, function (_a) {
|
|
33685
|
+
switch (_a.label) {
|
|
33686
|
+
case 0:
|
|
33687
|
+
if (!slug)
|
|
33688
|
+
return [2 /*return*/];
|
|
33689
|
+
return [4 /*yield*/, IkasHTMLMetaDataAPI.listHTMLMetaData(slug)];
|
|
33690
|
+
case 1:
|
|
33691
|
+
metaDataList = _a.sent();
|
|
33692
|
+
if (!(!metaDataList || !metaDataList.length)) return [3 /*break*/, 3];
|
|
33693
|
+
splitParts = slug.split("-");
|
|
33694
|
+
newSlug = splitParts.slice(0, splitParts.length - 1).join("-");
|
|
33695
|
+
return [4 /*yield*/, getProductMetaData(newSlug)];
|
|
33696
|
+
case 2: return [2 /*return*/, _a.sent()];
|
|
33697
|
+
case 3: return [2 /*return*/, {
|
|
33698
|
+
metaData: metaDataList[0],
|
|
33699
|
+
slug: slug,
|
|
33700
|
+
}];
|
|
33701
|
+
}
|
|
33702
|
+
});
|
|
33703
|
+
}); };
|
|
33704
|
+
return [4 /*yield*/, getProductMetaData(slug)];
|
|
33705
|
+
case 1:
|
|
33706
|
+
metaDataResponse = _b.sent();
|
|
33707
|
+
if (!metaDataResponse)
|
|
33708
|
+
return [2 /*return*/];
|
|
33709
|
+
return [4 /*yield*/, IkasProductSearchAPI.searchProducts({
|
|
33710
|
+
productIdList: [metaDataResponse.metaData.targetId],
|
|
33711
|
+
priceListId: IkasStorefrontConfig.priceListId,
|
|
33712
|
+
salesChannelId: IkasStorefrontConfig.salesChannelId,
|
|
33713
|
+
})];
|
|
33714
|
+
case 2:
|
|
33715
|
+
productsResponse = _b.sent();
|
|
33716
|
+
if (!(productsResponse === null || productsResponse === void 0 ? void 0 : productsResponse.data.length))
|
|
33717
|
+
return [2 /*return*/];
|
|
33718
|
+
product = productsResponse.data[0];
|
|
33719
|
+
isMainProductSlug = slug.length === metaDataResponse.slug.length;
|
|
33720
|
+
selectedVariantValues = [];
|
|
33721
|
+
if (!isMainProductSlug) {
|
|
33722
|
+
variantSlugPart = slug.slice(metaDataResponse.slug.length + 1);
|
|
33723
|
+
for (_i = 0, _a = product.variants; _i < _a.length; _i++) {
|
|
33724
|
+
variant = _a[_i];
|
|
33725
|
+
values = variant.variantValues;
|
|
33726
|
+
slugPart = values.map(function (vv) { return vv.slug; }).join("-");
|
|
33727
|
+
if (slugPart === variantSlugPart) {
|
|
33728
|
+
selectedVariantValues = values;
|
|
33729
|
+
break;
|
|
33730
|
+
}
|
|
33731
|
+
}
|
|
33732
|
+
}
|
|
33733
|
+
this.pageSpecificData = new IkasProductDetail(product, selectedVariantValues.length
|
|
33734
|
+
? selectedVariantValues
|
|
33735
|
+
: product.variants[0].variantValues);
|
|
33736
|
+
// Select the first displayed in stock variant
|
|
33737
|
+
if (!selectedVariantValues.length &&
|
|
33738
|
+
this.pageSpecificData.displayedVariantTypes.length) {
|
|
33739
|
+
displayedVariantType = this.pageSpecificData
|
|
33740
|
+
.displayedVariantTypes[0];
|
|
33741
|
+
if (displayedVariantType.displayedVariantValues.length) {
|
|
33742
|
+
inStockVariant = displayedVariantType.displayedVariantValues.find(function (dvv) { return dvv.hasStock; });
|
|
33743
|
+
if (inStockVariant) {
|
|
33744
|
+
this.pageSpecificData.selectedVariantValues =
|
|
33745
|
+
inStockVariant.variant.variantValues;
|
|
33746
|
+
}
|
|
33747
|
+
}
|
|
33748
|
+
}
|
|
33749
|
+
this.pageType = exports.IkasThemePageType.PRODUCT;
|
|
33750
|
+
this.setPageMetaData(metaDataResponse.metaData);
|
|
33751
|
+
return [2 /*return*/];
|
|
33752
|
+
}
|
|
33753
|
+
});
|
|
33754
|
+
});
|
|
33755
|
+
};
|
|
33747
33756
|
IkasPageDataProvider.prototype.getPageComponentPropValues = function (pageComponent) {
|
|
33748
33757
|
return __awaiter(this, void 0, void 0, function () {
|
|
33749
33758
|
var component, result, setPageComponentPropValue;
|
|
@@ -34011,31 +34020,14 @@ var IkasPageDataProvider = /** @class */ (function () {
|
|
|
34011
34020
|
var _propValue = propValue;
|
|
34012
34021
|
var productDetail = new IkasProductDetail(_propValue.product, _propValue.selectedVariantValues);
|
|
34013
34022
|
if (isBrowser) {
|
|
34014
|
-
var
|
|
34015
|
-
var vid_1 =
|
|
34023
|
+
var urlParams = new URLSearchParams(window.location.search);
|
|
34024
|
+
var vid_1 = urlParams.get("vid");
|
|
34016
34025
|
if (vid_1) {
|
|
34017
34026
|
var variant = productDetail.product.variants.find(function (v) { return v.id === vid_1; });
|
|
34018
34027
|
if (variant) {
|
|
34019
34028
|
productDetail.selectedVariantValues = variant.variantValues;
|
|
34020
34029
|
}
|
|
34021
34030
|
}
|
|
34022
|
-
else {
|
|
34023
|
-
var productVariantTypeSlugs = productDetail.product.variantTypes.map(function (vt) { return vt.variantType.slug; });
|
|
34024
|
-
var selectedVariantValues_1 = [];
|
|
34025
|
-
productVariantTypeSlugs.forEach(function (slug, vtIndex) {
|
|
34026
|
-
var productVariantType = productDetail.product.variantTypes[vtIndex];
|
|
34027
|
-
var variantValueSlug = urlParams_1.get(slug);
|
|
34028
|
-
if (variantValueSlug) {
|
|
34029
|
-
var variantValue = productVariantType.variantType.values.find(function (v) { return v.slug === variantValueSlug; });
|
|
34030
|
-
if (variantValue)
|
|
34031
|
-
selectedVariantValues_1.push(variantValue);
|
|
34032
|
-
}
|
|
34033
|
-
});
|
|
34034
|
-
if (selectedVariantValues_1.length ===
|
|
34035
|
-
productDetail.selectedVariantValues.length) {
|
|
34036
|
-
productDetail.selectedVariantValues = selectedVariantValues_1;
|
|
34037
|
-
}
|
|
34038
|
-
}
|
|
34039
34031
|
}
|
|
34040
34032
|
return new IkasProductDetail(productDetail.product, productDetail.selectedVariantValues, router);
|
|
34041
34033
|
};
|
|
@@ -37383,7 +37375,9 @@ var BridgeMessageType;
|
|
|
37383
37375
|
BridgeMessageType["UPDATE_THEME_SETTINGS"] = "UPDATE_THEME_SETTINGS";
|
|
37384
37376
|
})(BridgeMessageType || (BridgeMessageType = {}));
|
|
37385
37377
|
|
|
37378
|
+
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";
|
|
37386
37379
|
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"};
|
|
37380
|
+
styleInject(css_248z$1);
|
|
37387
37381
|
|
|
37388
37382
|
var FormItemViewModel = /** @class */ (function () {
|
|
37389
37383
|
function FormItemViewModel(props) {
|
|
@@ -59722,7 +59716,9 @@ var Select = mobxReactLite.observer(function (_a) {
|
|
|
59722
59716
|
React.createElement(SVGCaretDown, null))));
|
|
59723
59717
|
});
|
|
59724
59718
|
|
|
59719
|
+
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";
|
|
59725
59720
|
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"};
|
|
59721
|
+
styleInject(css_248z$2);
|
|
59726
59722
|
|
|
59727
59723
|
var Button = mobxReactLite.observer(function (_a) {
|
|
59728
59724
|
var text = _a.text, style = _a.style, onClick = _a.onClick, size = _a.size, isLoading = _a.isLoading, isDisabled = _a.isDisabled, isLine = _a.isLine;
|
|
@@ -59741,7 +59737,9 @@ var SVGCheck = function (_a) {
|
|
|
59741
59737
|
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" })));
|
|
59742
59738
|
};
|
|
59743
59739
|
|
|
59740
|
+
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
59741
|
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"};
|
|
59742
|
+
styleInject(css_248z$3);
|
|
59745
59743
|
|
|
59746
59744
|
var Checkbox = mobxReactLite.observer(function (_a) {
|
|
59747
59745
|
var value = _a.value, label = _a.label, hasError = _a.hasError, removePadding = _a.removePadding, onChange = _a.onChange;
|
|
@@ -59768,7 +59766,9 @@ var Checkbox = mobxReactLite.observer(function (_a) {
|
|
|
59768
59766
|
!!label && React.createElement("div", { className: labelClasses.join(" ") }, label)));
|
|
59769
59767
|
});
|
|
59770
59768
|
|
|
59769
|
+
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";
|
|
59771
59770
|
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"};
|
|
59771
|
+
styleInject(css_248z$4);
|
|
59772
59772
|
|
|
59773
59773
|
var SVGWarning = function (_a) {
|
|
59774
59774
|
var className = _a.className;
|
|
@@ -59873,13 +59873,21 @@ var Errors = function (_a) {
|
|
|
59873
59873
|
};
|
|
59874
59874
|
var Errors$1 = mobxReactLite.observer(Errors);
|
|
59875
59875
|
|
|
59876
|
+
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";
|
|
59876
59877
|
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"};
|
|
59878
|
+
styleInject(css_248z$5);
|
|
59877
59879
|
|
|
59880
|
+
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";
|
|
59878
59881
|
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"};
|
|
59882
|
+
styleInject(css_248z$6);
|
|
59879
59883
|
|
|
59884
|
+
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";
|
|
59880
59885
|
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"};
|
|
59886
|
+
styleInject(css_248z$7);
|
|
59881
59887
|
|
|
59888
|
+
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";
|
|
59882
59889
|
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"};
|
|
59890
|
+
styleInject(css_248z$8);
|
|
59883
59891
|
|
|
59884
59892
|
var Toggle = mobxReactLite.observer(function (_a) {
|
|
59885
59893
|
var value = _a.value, label = _a.label, hasError = _a.hasError, removePadding = _a.removePadding, onChange = _a.onChange;
|
|
@@ -60462,7 +60470,9 @@ var TaxNumber = mobxReactLite.observer(function (_a) {
|
|
|
60462
60470
|
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 }));
|
|
60463
60471
|
});
|
|
60464
60472
|
|
|
60473
|
+
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";
|
|
60465
60474
|
var styles$8 = {"AddressText":"style-module_AddressText__2J31s","CancelEdit":"style-module_CancelEdit__2MXfO","EditAddressActions":"style-module_EditAddressActions__1TY0T"};
|
|
60475
|
+
styleInject(css_248z$9);
|
|
60466
60476
|
|
|
60467
60477
|
var CustomerAddressesViewModel = /** @class */ (function () {
|
|
60468
60478
|
function CustomerAddressesViewModel(vm, addressType) {
|
|
@@ -60669,7 +60679,9 @@ var CheckoutStepInfo = function (_a) {
|
|
|
60669
60679
|
};
|
|
60670
60680
|
var CheckoutStepInfo$1 = mobxReactLite.observer(CheckoutStepInfo);
|
|
60671
60681
|
|
|
60682
|
+
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";
|
|
60672
60683
|
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"};
|
|
60684
|
+
styleInject(css_248z$a);
|
|
60673
60685
|
|
|
60674
60686
|
var CheckoutStepShipping = mobxReactLite.observer(function (_a) {
|
|
60675
60687
|
var vm = _a.vm;
|
|
@@ -60753,7 +60765,9 @@ var SVGVisa = function (_a) {
|
|
|
60753
60765
|
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" })));
|
|
60754
60766
|
};
|
|
60755
60767
|
|
|
60768
|
+
var css_248z$b = ".style-module_CardLogo__1jFyp {\n display: flex;\n align-items: center;\n height: 100%;\n padding-right: 16px; }\n";
|
|
60756
60769
|
var styles$a = {"CardLogo":"style-module_CardLogo__1jFyp"};
|
|
60770
|
+
styleInject(css_248z$b);
|
|
60757
60771
|
|
|
60758
60772
|
var CreditCardForm = mobxReactLite.observer(function (_a) {
|
|
60759
60773
|
var _b;
|
|
@@ -60786,7 +60800,9 @@ var CreditCardForm = mobxReactLite.observer(function (_a) {
|
|
|
60786
60800
|
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 }))));
|
|
60787
60801
|
});
|
|
60788
60802
|
|
|
60803
|
+
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";
|
|
60789
60804
|
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"};
|
|
60805
|
+
styleInject(css_248z$c);
|
|
60790
60806
|
|
|
60791
60807
|
var Installments = mobxReactLite.observer(function (_a) {
|
|
60792
60808
|
var _b;
|
|
@@ -60804,7 +60820,9 @@ var Installments = mobxReactLite.observer(function (_a) {
|
|
|
60804
60820
|
React.createElement("div", { className: styles$b.Price }, formatMoney(ip.totalPrice, vm.checkout.cart.currencyCode)))); }))));
|
|
60805
60821
|
});
|
|
60806
60822
|
|
|
60823
|
+
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";
|
|
60807
60824
|
var styles$c = {"PaymentLogoContainer":"style-module_PaymentLogoContainer__224HZ","AdditionalPrice":"style-module_AdditionalPrice__gW28c"};
|
|
60825
|
+
styleInject(css_248z$d);
|
|
60808
60826
|
|
|
60809
60827
|
var PaymentGateways = mobxReactLite.observer(function (_a) {
|
|
60810
60828
|
var vm = _a.vm;
|
|
@@ -60856,7 +60874,9 @@ var BillingAddress = mobxReactLite.observer(function (_a) {
|
|
|
60856
60874
|
vm.useDifferentAddress && (React.createElement(CustomerAddresses$1, { vm: customerAddressesViewModel }))));
|
|
60857
60875
|
});
|
|
60858
60876
|
|
|
60877
|
+
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";
|
|
60859
60878
|
var styles$d = {"StepPayment":"style-module_StepPayment__3STxe","TermsLabelSpan":"style-module_TermsLabelSpan__35xVC","SecurePaymentContainer":"style-module_SecurePaymentContainer__8jSz4","Lock":"style-module_Lock__2gl_x"};
|
|
60879
|
+
styleInject(css_248z$e);
|
|
60860
60880
|
|
|
60861
60881
|
var SVGLock = function (_a) {
|
|
60862
60882
|
var className = _a.className;
|
|
@@ -60902,7 +60922,9 @@ var CheckoutStepPayment = mobxReactLite.observer(function (_a) {
|
|
|
60902
60922
|
React.createElement("span", null, t("checkout-page:securePaymentTooltip"))))));
|
|
60903
60923
|
});
|
|
60904
60924
|
|
|
60925
|
+
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";
|
|
60905
60926
|
var styles$e = {"Container":"style-module_Container__2_f6f","Button":"style-module_Button__38WsW","loader":"style-module_loader__2oUyh","load8":"style-module_load8__2JtWU"};
|
|
60927
|
+
styleInject(css_248z$f);
|
|
60906
60928
|
|
|
60907
60929
|
var InputWithButton = function (_a) {
|
|
60908
60930
|
var value = _a.value, placeholder = _a.placeholder, buttonLabel = _a.buttonLabel, isLoading = _a.isLoading, onClick = _a.onClick, onChange = _a.onChange;
|
|
@@ -60920,7 +60942,9 @@ var InputWithButton = function (_a) {
|
|
|
60920
60942
|
};
|
|
60921
60943
|
var InputWithButton$1 = mobxReactLite.observer(InputWithButton);
|
|
60922
60944
|
|
|
60945
|
+
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";
|
|
60923
60946
|
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"};
|
|
60947
|
+
styleInject(css_248z$g);
|
|
60924
60948
|
|
|
60925
60949
|
var CartItem = mobxReactLite.observer(function (_a) {
|
|
60926
60950
|
var _b;
|
|
@@ -60940,7 +60964,9 @@ var CartItem = mobxReactLite.observer(function (_a) {
|
|
|
60940
60964
|
formatMoney(cartItem.finalPriceWithQuantity, currencyCode)))));
|
|
60941
60965
|
});
|
|
60942
60966
|
|
|
60967
|
+
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";
|
|
60943
60968
|
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"};
|
|
60969
|
+
styleInject(css_248z$h);
|
|
60944
60970
|
|
|
60945
60971
|
var Tooltip = function (_a) {
|
|
60946
60972
|
var text = _a.text, className = _a.className, style = _a.style;
|
|
@@ -60968,7 +60994,9 @@ var SVGGift = function (_a) {
|
|
|
60968
60994
|
React.createElement("rect", { width: "16", height: "16", fill: "white" })))));
|
|
60969
60995
|
};
|
|
60970
60996
|
|
|
60997
|
+
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";
|
|
60971
60998
|
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"};
|
|
60999
|
+
styleInject(css_248z$i);
|
|
60972
61000
|
|
|
60973
61001
|
var SVGIkas = function (_a) {
|
|
60974
61002
|
var className = _a.className;
|
|
@@ -61201,7 +61229,9 @@ var Note = mobxReactLite.observer(function (_a) {
|
|
|
61201
61229
|
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 }))))));
|
|
61202
61230
|
});
|
|
61203
61231
|
|
|
61232
|
+
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";
|
|
61204
61233
|
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"};
|
|
61234
|
+
styleInject(css_248z$j);
|
|
61205
61235
|
|
|
61206
61236
|
var SVGSuccessCircle = function (_a) {
|
|
61207
61237
|
var className = _a.className;
|
|
@@ -61210,7 +61240,9 @@ var SVGSuccessCircle = function (_a) {
|
|
|
61210
61240
|
React.createElement("path", { d: "M12 20L18 26L28.0005 15.9998", stroke: "white", "stroke-width": "3.2", "stroke-linecap": "round" })));
|
|
61211
61241
|
};
|
|
61212
61242
|
|
|
61243
|
+
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";
|
|
61213
61244
|
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"};
|
|
61245
|
+
styleInject(css_248z$k);
|
|
61214
61246
|
|
|
61215
61247
|
var ExpandableSection = function (_a) {
|
|
61216
61248
|
var title = _a.title, children = _a.children;
|
|
@@ -61233,7 +61265,9 @@ var SVGCross$1 = function (_a) {
|
|
|
61233
61265
|
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" })));
|
|
61234
61266
|
};
|
|
61235
61267
|
|
|
61268
|
+
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";
|
|
61236
61269
|
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"};
|
|
61270
|
+
styleInject(css_248z$l);
|
|
61237
61271
|
|
|
61238
61272
|
var Modal = mobxReactLite.observer(function (_a) {
|
|
61239
61273
|
var title = _a.title, onClose = _a.onClose, modalContent = _a.modalContent;
|
|
@@ -61263,7 +61297,6 @@ var StepSuccess = mobxReactLite.observer(function (_a) {
|
|
|
61263
61297
|
var t = useTranslation().t;
|
|
61264
61298
|
var _f = React.useState(false), isContactModalVisible = _f[0], setContactModalVisible = _f[1];
|
|
61265
61299
|
React.useEffect(function () {
|
|
61266
|
-
var _a;
|
|
61267
61300
|
if (typeof localStorage !== "undefined") {
|
|
61268
61301
|
var lsCartId = localStorage.getItem(CART_LS_KEY);
|
|
61269
61302
|
var lsCheckoutId = localStorage.getItem(CHECKOUT_LS_KEY);
|
|
@@ -61272,7 +61305,7 @@ var StepSuccess = mobxReactLite.observer(function (_a) {
|
|
|
61272
61305
|
if (lsCheckoutId && lsCheckoutId === vm.checkout.id)
|
|
61273
61306
|
localStorage.removeItem(CHECKOUT_LS_KEY);
|
|
61274
61307
|
}
|
|
61275
|
-
Analytics.purchase(vm.checkout,
|
|
61308
|
+
Analytics.purchase(vm.checkout, vm.checkout.orderNumber);
|
|
61276
61309
|
}, []);
|
|
61277
61310
|
var customerName = (((_b = vm.checkout.customer) === null || _b === void 0 ? void 0 : _b.firstName) || "") +
|
|
61278
61311
|
" " +
|
|
@@ -61490,33 +61523,18 @@ var OrderStatus = mobxReactLite.observer(function (_a) {
|
|
|
61490
61523
|
})) === null || _d === void 0 ? void 0 : _d.text : ""));
|
|
61491
61524
|
});
|
|
61492
61525
|
|
|
61493
|
-
var IMAGE_SIZES = [
|
|
61494
|
-
180,
|
|
61495
|
-
360,
|
|
61496
|
-
540,
|
|
61497
|
-
720,
|
|
61498
|
-
900,
|
|
61499
|
-
1080,
|
|
61500
|
-
1296,
|
|
61501
|
-
1512,
|
|
61502
|
-
1728,
|
|
61503
|
-
1950,
|
|
61504
|
-
2560,
|
|
61505
|
-
3840,
|
|
61506
|
-
];
|
|
61507
61526
|
var Image = function (_a) {
|
|
61508
61527
|
var image = _a.image, others = __rest(_a, ["image"]);
|
|
61509
61528
|
var loader = function (_a) {
|
|
61510
61529
|
var width = _a.width;
|
|
61511
|
-
|
|
61512
|
-
return Math.abs(curr - width) < Math.abs(prev - width) ? curr : prev;
|
|
61513
|
-
});
|
|
61514
|
-
return image.getSrc(closest);
|
|
61530
|
+
return image.getSrc(width);
|
|
61515
61531
|
};
|
|
61516
|
-
return (React.createElement(NextImage__default['default'], __assign({}, others, { loader: loader, quality: 100, src: image.src, alt: others.alt || "Image"
|
|
61532
|
+
return (React.createElement(NextImage__default['default'], __assign({}, others, { loader: loader, quality: 100, src: image.src, alt: others.alt || "Image" })));
|
|
61517
61533
|
};
|
|
61518
61534
|
|
|
61535
|
+
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";
|
|
61519
61536
|
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"};
|
|
61537
|
+
styleInject(css_248z$m);
|
|
61520
61538
|
|
|
61521
61539
|
var StepContainer = mobxReactLite.observer(function (_a) {
|
|
61522
61540
|
var steps = _a.steps, stepContent = _a.stepContent;
|
|
@@ -61565,7 +61583,9 @@ var Step = /** @class */ (function () {
|
|
|
61565
61583
|
return Step;
|
|
61566
61584
|
}());
|
|
61567
61585
|
|
|
61586
|
+
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";
|
|
61568
61587
|
var styles$m = {"Actions":"style-module_Actions__ttsEZ","Description":"style-module_Description__3BMvk"};
|
|
61588
|
+
styleInject(css_248z$n);
|
|
61569
61589
|
|
|
61570
61590
|
var StockError = mobxReactLite.observer(function (_a) {
|
|
61571
61591
|
var vm = _a.vm, error = _a.error;
|
|
@@ -61605,7 +61625,9 @@ var StockError = mobxReactLite.observer(function (_a) {
|
|
|
61605
61625
|
}, text: t("checkout-page:actions.continue"), isLoading: isLoading, onClick: onContinueClick }))) }));
|
|
61606
61626
|
});
|
|
61607
61627
|
|
|
61628
|
+
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";
|
|
61608
61629
|
var styles$n = {"Container":"style-module_Container__1f6or","loader":"style-module_loader__VCfEE","load8":"style-module_load8__3N32j"};
|
|
61630
|
+
styleInject(css_248z$o);
|
|
61609
61631
|
|
|
61610
61632
|
var FullscreenLoading = function () {
|
|
61611
61633
|
return (React.createElement("div", { className: styles$n.Container },
|
|
@@ -61723,7 +61745,7 @@ var Steps = mobxReactLite.observer(function (_a) {
|
|
|
61723
61745
|
React.createElement(StepSummaryAddress, { vm: vm }))) : undefined),
|
|
61724
61746
|
new Step(t("checkout-page:shipping"), vm.step === CheckoutStep.SHIPPING, vm.step === CheckoutStep.PAYMENT, vm.step === CheckoutStep.PAYMENT ? (React.createElement("div", { className: styles$5.AdressStepInfo },
|
|
61725
61747
|
React.createElement(StepSummaryShipping, { vm: vm }),
|
|
61726
|
-
|
|
61748
|
+
React.createElement("div", { className: styles$5.EditBtn, onClick: vm.onBackToShippingClick }, t("checkout-page:actions.edit")))) : undefined, vm.step === CheckoutStep.PAYMENT ? (React.createElement("div", { className: styles$5.AddressStepInfoMobile },
|
|
61727
61749
|
React.createElement(StepSummaryShipping, { vm: vm }))) : undefined),
|
|
61728
61750
|
new Step(t("checkout-page:payment"), vm.step === CheckoutStep.PAYMENT, false),
|
|
61729
61751
|
];
|
|
@@ -62272,6 +62294,21 @@ var Page$1 = function (_a) {
|
|
|
62272
62294
|
var index$1 = mobxReactLite.observer(Page$1);
|
|
62273
62295
|
var getStaticPaths = function (context) { return __awaiter(void 0, void 0, void 0, function () {
|
|
62274
62296
|
return __generator(this, function (_a) {
|
|
62297
|
+
// const targetTypes = [
|
|
62298
|
+
// IkasHTMLMetaDataTargetType.BRAND,
|
|
62299
|
+
// IkasHTMLMetaDataTargetType.CATEGORY,
|
|
62300
|
+
// ];
|
|
62301
|
+
// const metaData = await IkasHTMLMetaDataAPI.listHTMLMetaData(
|
|
62302
|
+
// undefined,
|
|
62303
|
+
// undefined,
|
|
62304
|
+
// targetTypes
|
|
62305
|
+
// );
|
|
62306
|
+
// metaData.map((m) => ({
|
|
62307
|
+
// params: {
|
|
62308
|
+
// slug: m.slug,
|
|
62309
|
+
// originalSlug: m.slug,
|
|
62310
|
+
// },
|
|
62311
|
+
// }))
|
|
62275
62312
|
return [2 /*return*/, {
|
|
62276
62313
|
paths: [],
|
|
62277
62314
|
fallback: "blocking",
|
|
@@ -63288,7 +63325,6 @@ exports.AddressesPage = addresses;
|
|
|
63288
63325
|
exports.Analytics = Analytics;
|
|
63289
63326
|
exports.AnalyticsBody = AnalyticsBody;
|
|
63290
63327
|
exports.AnalyticsHead = AnalyticsHead;
|
|
63291
|
-
exports.AnalyticsPageHead = AnalyticsPageHead;
|
|
63292
63328
|
exports.BlogPage = index$5;
|
|
63293
63329
|
exports.BlogSlugPage = _slug_$2;
|
|
63294
63330
|
exports.CartPage = cart;
|