@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.es.js
CHANGED
|
@@ -3,7 +3,6 @@ import fs from 'fs';
|
|
|
3
3
|
import path$1 from 'path';
|
|
4
4
|
import getConfig from 'next/config';
|
|
5
5
|
import React, { createElement, Fragment as Fragment$1, useEffect, useState, useRef, useCallback, useMemo } from 'react';
|
|
6
|
-
import Script from 'next/script';
|
|
7
6
|
import { observer } from 'mobx-react-lite';
|
|
8
7
|
import Head from 'next/head';
|
|
9
8
|
import { useRouter } from 'next/router';
|
|
@@ -17876,13 +17875,13 @@ var FacebookPixel = /** @class */ (function () {
|
|
|
17876
17875
|
console.error(err);
|
|
17877
17876
|
}
|
|
17878
17877
|
};
|
|
17879
|
-
FacebookPixel.addToCart = function (item, quantity
|
|
17878
|
+
FacebookPixel.addToCart = function (item, quantity) {
|
|
17880
17879
|
try {
|
|
17881
17880
|
!isServer &&
|
|
17882
17881
|
window.fbq &&
|
|
17883
17882
|
window.fbq("track", "AddToCart", item instanceof IkasProductDetail
|
|
17884
17883
|
? productToFBPItem(item, quantity)
|
|
17885
|
-
: orderLineItemToFBPItem(item, quantity)
|
|
17884
|
+
: orderLineItemToFBPItem(item, quantity));
|
|
17886
17885
|
return;
|
|
17887
17886
|
}
|
|
17888
17887
|
catch (err) {
|
|
@@ -17900,11 +17899,11 @@ var FacebookPixel = /** @class */ (function () {
|
|
|
17900
17899
|
console.error(err);
|
|
17901
17900
|
}
|
|
17902
17901
|
};
|
|
17903
|
-
FacebookPixel.purchase = function (checkout,
|
|
17902
|
+
FacebookPixel.purchase = function (checkout, orderId) {
|
|
17904
17903
|
try {
|
|
17905
17904
|
!isServer &&
|
|
17906
17905
|
window.fbq &&
|
|
17907
|
-
window.fbq("track", "Purchase", beginCheckoutFBPItem(checkout)
|
|
17906
|
+
window.fbq("track", "Purchase", beginCheckoutFBPItem(checkout));
|
|
17908
17907
|
return;
|
|
17909
17908
|
}
|
|
17910
17909
|
catch (err) {
|
|
@@ -22514,7 +22513,7 @@ var IkasCartStore = /** @class */ (function () {
|
|
|
22514
22513
|
this.addItem = function (variant, product, initialQuantity) {
|
|
22515
22514
|
if (initialQuantity === void 0) { initialQuantity = 1; }
|
|
22516
22515
|
return __awaiter(_this, void 0, void 0, function () {
|
|
22517
|
-
var existingItem, input, cart,
|
|
22516
|
+
var existingItem, input, cart, err_2;
|
|
22518
22517
|
var _a, _b, _c;
|
|
22519
22518
|
return __generator(this, function (_d) {
|
|
22520
22519
|
switch (_d.label) {
|
|
@@ -22553,10 +22552,7 @@ var IkasCartStore = /** @class */ (function () {
|
|
|
22553
22552
|
_d.sent();
|
|
22554
22553
|
_d.label = 3;
|
|
22555
22554
|
case 3:
|
|
22556
|
-
|
|
22557
|
-
eventId = this.cart.id + "-" + this.cart.updatedAt;
|
|
22558
|
-
Analytics.addToCart(new IkasProductDetail(product, variant.variantValues), initialQuantity, eventId);
|
|
22559
|
-
}
|
|
22555
|
+
Analytics.addToCart(new IkasProductDetail(product, variant.variantValues), initialQuantity);
|
|
22560
22556
|
return [3 /*break*/, 5];
|
|
22561
22557
|
case 4:
|
|
22562
22558
|
err_2 = _d.sent();
|
|
@@ -22568,7 +22564,7 @@ var IkasCartStore = /** @class */ (function () {
|
|
|
22568
22564
|
});
|
|
22569
22565
|
};
|
|
22570
22566
|
this.changeItemQuantity = function (item, quantity) { return __awaiter(_this, void 0, void 0, function () {
|
|
22571
|
-
var input, cart,
|
|
22567
|
+
var input, cart, oldQuantity, err_3;
|
|
22572
22568
|
var _a, _b, _c;
|
|
22573
22569
|
return __generator(this, function (_d) {
|
|
22574
22570
|
switch (_d.label) {
|
|
@@ -22602,15 +22598,12 @@ var IkasCartStore = /** @class */ (function () {
|
|
|
22602
22598
|
_d.label = 3;
|
|
22603
22599
|
case 3:
|
|
22604
22600
|
this.removeCardIfEmpty();
|
|
22605
|
-
|
|
22606
|
-
|
|
22607
|
-
oldQuantity
|
|
22608
|
-
|
|
22609
|
-
|
|
22610
|
-
|
|
22611
|
-
else {
|
|
22612
|
-
Analytics.addToCart(item, quantity - oldQuantity, eventId);
|
|
22613
|
-
}
|
|
22601
|
+
oldQuantity = item.quantity;
|
|
22602
|
+
if (oldQuantity > quantity) {
|
|
22603
|
+
Analytics.removeFromCart(item, oldQuantity - quantity);
|
|
22604
|
+
}
|
|
22605
|
+
else {
|
|
22606
|
+
Analytics.addToCart(item, quantity - oldQuantity);
|
|
22614
22607
|
}
|
|
22615
22608
|
return [3 /*break*/, 5];
|
|
22616
22609
|
case 4:
|
|
@@ -22891,14 +22884,6 @@ var CheckoutViewModel = /** @class */ (function () {
|
|
|
22891
22884
|
this.checkShippingCountries();
|
|
22892
22885
|
_b.label = 2;
|
|
22893
22886
|
case 2:
|
|
22894
|
-
// Skip shipping if there is only 1 shipping method
|
|
22895
|
-
if (this.step === CheckoutStep.SHIPPING &&
|
|
22896
|
-
this.checkout.availableShippingMethods.length === 1) {
|
|
22897
|
-
this.step = CheckoutStep.PAYMENT;
|
|
22898
|
-
this.router.replace("/checkout/" + this.checkout.id + "?step=" + this.step, undefined, {
|
|
22899
|
-
shallow: true,
|
|
22900
|
-
});
|
|
22901
|
-
}
|
|
22902
22887
|
if (!(this.step === CheckoutStep.PAYMENT ||
|
|
22903
22888
|
this.step === CheckoutStep.SUCCESS)) return [3 /*break*/, 4];
|
|
22904
22889
|
return [4 /*yield*/, this.listPaymentGateways()];
|
|
@@ -24114,9 +24099,9 @@ var Analytics = /** @class */ (function () {
|
|
|
24114
24099
|
console.error(err);
|
|
24115
24100
|
}
|
|
24116
24101
|
};
|
|
24117
|
-
Analytics.addToCart = function (item, quantity
|
|
24102
|
+
Analytics.addToCart = function (item, quantity) {
|
|
24118
24103
|
try {
|
|
24119
|
-
FacebookPixel.addToCart(item, quantity
|
|
24104
|
+
FacebookPixel.addToCart(item, quantity);
|
|
24120
24105
|
GoogleTagManager.addToCart(item, quantity);
|
|
24121
24106
|
}
|
|
24122
24107
|
catch (err) {
|
|
@@ -24144,11 +24129,11 @@ var Analytics = /** @class */ (function () {
|
|
|
24144
24129
|
console.error(err);
|
|
24145
24130
|
}
|
|
24146
24131
|
};
|
|
24147
|
-
Analytics.purchase = function (checkout,
|
|
24132
|
+
Analytics.purchase = function (checkout, orderId) {
|
|
24148
24133
|
try {
|
|
24149
24134
|
localStorage.removeItem(LS_BEGIN_CHECKOUT_KEY);
|
|
24150
|
-
FacebookPixel.purchase(checkout,
|
|
24151
|
-
GoogleTagManager.purchase(checkout,
|
|
24135
|
+
FacebookPixel.purchase(checkout, orderId);
|
|
24136
|
+
GoogleTagManager.purchase(checkout, orderId);
|
|
24152
24137
|
}
|
|
24153
24138
|
catch (err) {
|
|
24154
24139
|
console.error(err);
|
|
@@ -24257,16 +24242,6 @@ var AnalyticsHead = function (_a) {
|
|
|
24257
24242
|
__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');",
|
|
24258
24243
|
} }))));
|
|
24259
24244
|
};
|
|
24260
|
-
var AnalyticsPageHead = function () {
|
|
24261
|
-
var gtmId = IkasStorefrontConfig.gtmId;
|
|
24262
|
-
var fbpId = IkasStorefrontConfig.fbpId;
|
|
24263
|
-
return (createElement(Fragment$1, null,
|
|
24264
|
-
gtmId && (createElement(Script, { src: "https://www.googletagmanager.com/gtm.js?id=" + gtmId })),
|
|
24265
|
-
fbpId && (createElement(Script, { src: "https://connect.facebook.net/en_US/fbevents.js" })),
|
|
24266
|
-
fbpId && (createElement("script", { dangerouslySetInnerHTML: {
|
|
24267
|
-
__html: "console.log(\"fbp track\"); fbq('track', 'PageView');",
|
|
24268
|
-
} }))));
|
|
24269
|
-
};
|
|
24270
24245
|
var AnalyticsBody = function () {
|
|
24271
24246
|
var gtmId = IkasStorefrontConfig.gtmId;
|
|
24272
24247
|
var fbpId = IkasStorefrontConfig.fbpId;
|
|
@@ -24970,15 +24945,11 @@ var IkasCustomerStore = /** @class */ (function () {
|
|
|
24970
24945
|
};
|
|
24971
24946
|
IkasCustomerStore.prototype.onProductView = function (productId, variantId) {
|
|
24972
24947
|
return __awaiter(this, void 0, void 0, function () {
|
|
24973
|
-
var
|
|
24948
|
+
var isSuccess;
|
|
24974
24949
|
return __generator(this, function (_a) {
|
|
24975
24950
|
switch (_a.label) {
|
|
24976
24951
|
case 0:
|
|
24977
24952
|
if (!this.customer) return [3 /*break*/, 2];
|
|
24978
|
-
existingItem = this._lastViewedProducts.find(function (lvp) { return lvp.productId === productId; });
|
|
24979
|
-
if (existingItem) {
|
|
24980
|
-
return [2 /*return*/];
|
|
24981
|
-
}
|
|
24982
24953
|
return [4 /*yield*/, IkasCustomerAPI.saveLastViewedProducts({
|
|
24983
24954
|
customerId: this.customer.id,
|
|
24984
24955
|
products: [
|
|
@@ -27659,25 +27630,15 @@ var IkasProductDetail = /** @class */ (function () {
|
|
|
27659
27630
|
});
|
|
27660
27631
|
Object.defineProperty(IkasProductDetail.prototype, "href", {
|
|
27661
27632
|
get: function () {
|
|
27662
|
-
var _this = this;
|
|
27663
27633
|
var metaData = this.product.metaData;
|
|
27664
27634
|
if (!(metaData === null || metaData === void 0 ? void 0 : metaData.slug))
|
|
27665
27635
|
return "";
|
|
27666
|
-
|
|
27667
|
-
.
|
|
27668
|
-
|
|
27669
|
-
|
|
27670
|
-
|
|
27671
|
-
|
|
27672
|
-
if (selectedVariant)
|
|
27673
|
-
return vt.slug + "=" + selectedVariant.slug;
|
|
27674
|
-
})
|
|
27675
|
-
.filter(function (param) { return !!param; })
|
|
27676
|
-
.join("&");
|
|
27677
|
-
if (variantParams)
|
|
27678
|
-
return "/" + metaData.slug + "?" + variantParams;
|
|
27679
|
-
else
|
|
27680
|
-
return "/" + metaData.slug;
|
|
27636
|
+
if (this.product.hasVariant) {
|
|
27637
|
+
return "/" + metaData.slug + "-" + this.selectedVariantValues
|
|
27638
|
+
.map(function (vv) { return vv.slug; })
|
|
27639
|
+
.join("-");
|
|
27640
|
+
}
|
|
27641
|
+
return "/" + metaData.slug;
|
|
27681
27642
|
},
|
|
27682
27643
|
enumerable: false,
|
|
27683
27644
|
configurable: true
|
|
@@ -27724,7 +27685,6 @@ var IkasProductDetail = /** @class */ (function () {
|
|
|
27724
27685
|
configurable: true
|
|
27725
27686
|
});
|
|
27726
27687
|
IkasProductDetail.prototype.selectVariantValue = function (variantValue) {
|
|
27727
|
-
var _this = this;
|
|
27728
27688
|
var _a;
|
|
27729
27689
|
var metaData = this.product.metaData;
|
|
27730
27690
|
var selectedVariantValues = this.selectedVariantValues.map(function (vv) {
|
|
@@ -27733,20 +27693,9 @@ var IkasProductDetail = /** @class */ (function () {
|
|
|
27733
27693
|
return vv;
|
|
27734
27694
|
});
|
|
27735
27695
|
this.selectedVariantValues = selectedVariantValues;
|
|
27736
|
-
var
|
|
27737
|
-
.map(function (
|
|
27738
|
-
|
|
27739
|
-
var selectedVariant = vt.values.find(function (vv) {
|
|
27740
|
-
return _this.selectedVariantValues.some(function (svv) { return svv.id === vv.id; });
|
|
27741
|
-
});
|
|
27742
|
-
if (selectedVariant)
|
|
27743
|
-
return vt.slug + "=" + selectedVariant.slug;
|
|
27744
|
-
})
|
|
27745
|
-
.filter(function (param) { return !!param; })
|
|
27746
|
-
.join("&");
|
|
27747
|
-
var newUrl = "/" + metaData.slug;
|
|
27748
|
-
if (variantParams)
|
|
27749
|
-
newUrl = "/" + metaData.slug + "?" + variantParams;
|
|
27696
|
+
var newUrl = "/" + metaData.slug + "-" + this.selectedVariantValues
|
|
27697
|
+
.map(function (vv) { return vv.slug; })
|
|
27698
|
+
.join("-");
|
|
27750
27699
|
if (newUrl === window.location.pathname)
|
|
27751
27700
|
return;
|
|
27752
27701
|
var isShallow = process.env.NODE_ENV !== "production";
|
|
@@ -33326,33 +33275,15 @@ function createProductSchema(productDetail) {
|
|
|
33326
33275
|
var _a, _b;
|
|
33327
33276
|
try {
|
|
33328
33277
|
var isBrowser = typeof window !== "undefined";
|
|
33329
|
-
// TODO this code copy-pasted, organize this block
|
|
33330
33278
|
if (isBrowser) {
|
|
33331
|
-
var
|
|
33332
|
-
var vid_1 =
|
|
33279
|
+
var urlParams = new URLSearchParams(window.location.search);
|
|
33280
|
+
var vid_1 = urlParams.get("vid");
|
|
33333
33281
|
if (vid_1) {
|
|
33334
33282
|
var variant = productDetail.product.variants.find(function (v) { return v.id === vid_1; });
|
|
33335
33283
|
if (variant) {
|
|
33336
33284
|
productDetail.selectedVariantValues = variant.variantValues;
|
|
33337
33285
|
}
|
|
33338
33286
|
}
|
|
33339
|
-
else {
|
|
33340
|
-
var productVariantTypeSlugs = productDetail.product.variantTypes.map(function (vt) { return vt.variantType.slug; });
|
|
33341
|
-
var selectedVariantValues_1 = [];
|
|
33342
|
-
productVariantTypeSlugs.forEach(function (slug, vtIndex) {
|
|
33343
|
-
var productVariantType = productDetail.product.variantTypes[vtIndex];
|
|
33344
|
-
var variantValueSlug = urlParams_1.get(slug);
|
|
33345
|
-
if (variantValueSlug) {
|
|
33346
|
-
var variantValue = productVariantType.variantType.values.find(function (v) { return v.slug === variantValueSlug; });
|
|
33347
|
-
if (variantValue)
|
|
33348
|
-
selectedVariantValues_1.push(variantValue);
|
|
33349
|
-
}
|
|
33350
|
-
});
|
|
33351
|
-
if (selectedVariantValues_1.length ===
|
|
33352
|
-
productDetail.selectedVariantValues.length) {
|
|
33353
|
-
productDetail.selectedVariantValues = selectedVariantValues_1;
|
|
33354
|
-
}
|
|
33355
|
-
}
|
|
33356
33287
|
}
|
|
33357
33288
|
var productUrl = isBrowser
|
|
33358
33289
|
? "https://" + window.location.hostname + productDetail.href
|
|
@@ -33426,7 +33357,36 @@ function createCategoryBreadcrumbSchema(pageSpecificDataStr) {
|
|
|
33426
33357
|
catch (_a) { }
|
|
33427
33358
|
}
|
|
33428
33359
|
|
|
33360
|
+
function styleInject(css, ref) {
|
|
33361
|
+
if ( ref === void 0 ) ref = {};
|
|
33362
|
+
var insertAt = ref.insertAt;
|
|
33363
|
+
|
|
33364
|
+
if (!css || typeof document === 'undefined') { return; }
|
|
33365
|
+
|
|
33366
|
+
var head = document.head || document.getElementsByTagName('head')[0];
|
|
33367
|
+
var style = document.createElement('style');
|
|
33368
|
+
style.type = 'text/css';
|
|
33369
|
+
|
|
33370
|
+
if (insertAt === 'top') {
|
|
33371
|
+
if (head.firstChild) {
|
|
33372
|
+
head.insertBefore(style, head.firstChild);
|
|
33373
|
+
} else {
|
|
33374
|
+
head.appendChild(style);
|
|
33375
|
+
}
|
|
33376
|
+
} else {
|
|
33377
|
+
head.appendChild(style);
|
|
33378
|
+
}
|
|
33379
|
+
|
|
33380
|
+
if (style.styleSheet) {
|
|
33381
|
+
style.styleSheet.cssText = css;
|
|
33382
|
+
} else {
|
|
33383
|
+
style.appendChild(document.createTextNode(css));
|
|
33384
|
+
}
|
|
33385
|
+
}
|
|
33386
|
+
|
|
33387
|
+
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";
|
|
33429
33388
|
var styles = {"IkasPage":"style-module_IkasPage__ATOib"};
|
|
33389
|
+
styleInject(css_248z);
|
|
33430
33390
|
|
|
33431
33391
|
var IkasPage = observer(function (_a) {
|
|
33432
33392
|
var propValues = _a.propValues, page = _a.page, pageSpecificDataStr = _a.pageSpecificDataStr, settingsStr = _a.settingsStr, merchantSettings = _a.merchantSettings, addOgpMetas = _a.addOgpMetas;
|
|
@@ -33590,7 +33550,7 @@ var IkasPageDataProvider = /** @class */ (function () {
|
|
|
33590
33550
|
IkasPageDataProvider.prototype.getPageSpecificData = function () {
|
|
33591
33551
|
var _a, _b;
|
|
33592
33552
|
return __awaiter(this, void 0, void 0, function () {
|
|
33593
|
-
var slug, metaDataList, metaData,
|
|
33553
|
+
var slug, metaDataList, metaData, handleBrandPage, handleCategoryPage, handleBlogPage, handleBlogCategoryPage, _c;
|
|
33594
33554
|
var _this = this;
|
|
33595
33555
|
return __generator(this, function (_d) {
|
|
33596
33556
|
switch (_d.label) {
|
|
@@ -33619,47 +33579,12 @@ var IkasPageDataProvider = /** @class */ (function () {
|
|
|
33619
33579
|
case 2: return [4 /*yield*/, IkasHTMLMetaDataAPI.listHTMLMetaData(slug)];
|
|
33620
33580
|
case 3:
|
|
33621
33581
|
metaDataList = _d.sent();
|
|
33622
|
-
if (!metaDataList || !metaDataList.length)
|
|
33623
|
-
return [2 /*return
|
|
33582
|
+
if (!metaDataList || !metaDataList.length) {
|
|
33583
|
+
return [2 /*return*/, this.getPageSpecificProduct()];
|
|
33584
|
+
}
|
|
33624
33585
|
_d.label = 4;
|
|
33625
33586
|
case 4:
|
|
33626
33587
|
metaData = metaDataList[0];
|
|
33627
|
-
if (!metaData.targetId)
|
|
33628
|
-
return [2 /*return*/];
|
|
33629
|
-
handleProductPage = function () { return __awaiter(_this, void 0, void 0, function () {
|
|
33630
|
-
var productsResponse, product, displayedVariantType, inStockVariant;
|
|
33631
|
-
return __generator(this, function (_a) {
|
|
33632
|
-
switch (_a.label) {
|
|
33633
|
-
case 0: return [4 /*yield*/, IkasProductSearchAPI.searchProducts({
|
|
33634
|
-
productIdList: [metaData.targetId],
|
|
33635
|
-
priceListId: IkasStorefrontConfig.priceListId,
|
|
33636
|
-
salesChannelId: IkasStorefrontConfig.salesChannelId,
|
|
33637
|
-
})];
|
|
33638
|
-
case 1:
|
|
33639
|
-
productsResponse = _a.sent();
|
|
33640
|
-
if (!(productsResponse === null || productsResponse === void 0 ? void 0 : productsResponse.data.length)) {
|
|
33641
|
-
return [2 /*return*/];
|
|
33642
|
-
}
|
|
33643
|
-
product = productsResponse.data[0];
|
|
33644
|
-
this.pageSpecificData = new IkasProductDetail(product, product.variants[0].variantValues);
|
|
33645
|
-
// Select the first displayed in stock variant
|
|
33646
|
-
if (this.pageSpecificData.displayedVariantTypes.length) {
|
|
33647
|
-
displayedVariantType = this
|
|
33648
|
-
.pageSpecificData.displayedVariantTypes[0];
|
|
33649
|
-
if (displayedVariantType.displayedVariantValues.length) {
|
|
33650
|
-
inStockVariant = displayedVariantType.displayedVariantValues.find(function (dvv) { return dvv.hasStock; });
|
|
33651
|
-
if (inStockVariant) {
|
|
33652
|
-
this.pageSpecificData.selectedVariantValues =
|
|
33653
|
-
inStockVariant.variant.variantValues;
|
|
33654
|
-
}
|
|
33655
|
-
}
|
|
33656
|
-
}
|
|
33657
|
-
this.pageType = IkasThemePageType.PRODUCT;
|
|
33658
|
-
this.setPageMetaData(metaData);
|
|
33659
|
-
return [2 /*return*/];
|
|
33660
|
-
}
|
|
33661
|
-
});
|
|
33662
|
-
}); };
|
|
33663
33588
|
handleBrandPage = function () { return __awaiter(_this, void 0, void 0, function () {
|
|
33664
33589
|
var brandsResponse, brand;
|
|
33665
33590
|
return __generator(this, function (_a) {
|
|
@@ -33751,7 +33676,7 @@ var IkasPageDataProvider = /** @class */ (function () {
|
|
|
33751
33676
|
case 6: return [2 /*return*/, _d.sent()];
|
|
33752
33677
|
case 7: return [4 /*yield*/, handleCategoryPage()];
|
|
33753
33678
|
case 8: return [2 /*return*/, _d.sent()];
|
|
33754
|
-
case 9: return [4 /*yield*/,
|
|
33679
|
+
case 9: return [4 /*yield*/, this.getPageSpecificProduct()];
|
|
33755
33680
|
case 10: return [2 /*return*/, _d.sent()];
|
|
33756
33681
|
case 11: return [4 /*yield*/, handleBlogPage()];
|
|
33757
33682
|
case 12: return [2 /*return*/, _d.sent()];
|
|
@@ -33763,6 +33688,91 @@ var IkasPageDataProvider = /** @class */ (function () {
|
|
|
33763
33688
|
});
|
|
33764
33689
|
});
|
|
33765
33690
|
};
|
|
33691
|
+
IkasPageDataProvider.prototype.getPageSpecificProduct = function () {
|
|
33692
|
+
return __awaiter(this, void 0, void 0, function () {
|
|
33693
|
+
var slug, getProductMetaData, metaDataResponse, productsResponse, product, isMainProductSlug, selectedVariantValues, variantSlugPart, _i, _a, variant, values, slugPart, displayedVariantType, inStockVariant;
|
|
33694
|
+
var _this = this;
|
|
33695
|
+
return __generator(this, function (_b) {
|
|
33696
|
+
switch (_b.label) {
|
|
33697
|
+
case 0:
|
|
33698
|
+
slug = this.pageParams.slug;
|
|
33699
|
+
if (!slug) {
|
|
33700
|
+
console.log("Slug not found for getPageSpecificProduct");
|
|
33701
|
+
}
|
|
33702
|
+
getProductMetaData = function (slug) { return __awaiter(_this, void 0, void 0, function () {
|
|
33703
|
+
var metaDataList, splitParts, newSlug;
|
|
33704
|
+
return __generator(this, function (_a) {
|
|
33705
|
+
switch (_a.label) {
|
|
33706
|
+
case 0:
|
|
33707
|
+
if (!slug)
|
|
33708
|
+
return [2 /*return*/];
|
|
33709
|
+
return [4 /*yield*/, IkasHTMLMetaDataAPI.listHTMLMetaData(slug)];
|
|
33710
|
+
case 1:
|
|
33711
|
+
metaDataList = _a.sent();
|
|
33712
|
+
if (!(!metaDataList || !metaDataList.length)) return [3 /*break*/, 3];
|
|
33713
|
+
splitParts = slug.split("-");
|
|
33714
|
+
newSlug = splitParts.slice(0, splitParts.length - 1).join("-");
|
|
33715
|
+
return [4 /*yield*/, getProductMetaData(newSlug)];
|
|
33716
|
+
case 2: return [2 /*return*/, _a.sent()];
|
|
33717
|
+
case 3: return [2 /*return*/, {
|
|
33718
|
+
metaData: metaDataList[0],
|
|
33719
|
+
slug: slug,
|
|
33720
|
+
}];
|
|
33721
|
+
}
|
|
33722
|
+
});
|
|
33723
|
+
}); };
|
|
33724
|
+
return [4 /*yield*/, getProductMetaData(slug)];
|
|
33725
|
+
case 1:
|
|
33726
|
+
metaDataResponse = _b.sent();
|
|
33727
|
+
if (!metaDataResponse)
|
|
33728
|
+
return [2 /*return*/];
|
|
33729
|
+
return [4 /*yield*/, IkasProductSearchAPI.searchProducts({
|
|
33730
|
+
productIdList: [metaDataResponse.metaData.targetId],
|
|
33731
|
+
priceListId: IkasStorefrontConfig.priceListId,
|
|
33732
|
+
salesChannelId: IkasStorefrontConfig.salesChannelId,
|
|
33733
|
+
})];
|
|
33734
|
+
case 2:
|
|
33735
|
+
productsResponse = _b.sent();
|
|
33736
|
+
if (!(productsResponse === null || productsResponse === void 0 ? void 0 : productsResponse.data.length))
|
|
33737
|
+
return [2 /*return*/];
|
|
33738
|
+
product = productsResponse.data[0];
|
|
33739
|
+
isMainProductSlug = slug.length === metaDataResponse.slug.length;
|
|
33740
|
+
selectedVariantValues = [];
|
|
33741
|
+
if (!isMainProductSlug) {
|
|
33742
|
+
variantSlugPart = slug.slice(metaDataResponse.slug.length + 1);
|
|
33743
|
+
for (_i = 0, _a = product.variants; _i < _a.length; _i++) {
|
|
33744
|
+
variant = _a[_i];
|
|
33745
|
+
values = variant.variantValues;
|
|
33746
|
+
slugPart = values.map(function (vv) { return vv.slug; }).join("-");
|
|
33747
|
+
if (slugPart === variantSlugPart) {
|
|
33748
|
+
selectedVariantValues = values;
|
|
33749
|
+
break;
|
|
33750
|
+
}
|
|
33751
|
+
}
|
|
33752
|
+
}
|
|
33753
|
+
this.pageSpecificData = new IkasProductDetail(product, selectedVariantValues.length
|
|
33754
|
+
? selectedVariantValues
|
|
33755
|
+
: product.variants[0].variantValues);
|
|
33756
|
+
// Select the first displayed in stock variant
|
|
33757
|
+
if (!selectedVariantValues.length &&
|
|
33758
|
+
this.pageSpecificData.displayedVariantTypes.length) {
|
|
33759
|
+
displayedVariantType = this.pageSpecificData
|
|
33760
|
+
.displayedVariantTypes[0];
|
|
33761
|
+
if (displayedVariantType.displayedVariantValues.length) {
|
|
33762
|
+
inStockVariant = displayedVariantType.displayedVariantValues.find(function (dvv) { return dvv.hasStock; });
|
|
33763
|
+
if (inStockVariant) {
|
|
33764
|
+
this.pageSpecificData.selectedVariantValues =
|
|
33765
|
+
inStockVariant.variant.variantValues;
|
|
33766
|
+
}
|
|
33767
|
+
}
|
|
33768
|
+
}
|
|
33769
|
+
this.pageType = IkasThemePageType.PRODUCT;
|
|
33770
|
+
this.setPageMetaData(metaDataResponse.metaData);
|
|
33771
|
+
return [2 /*return*/];
|
|
33772
|
+
}
|
|
33773
|
+
});
|
|
33774
|
+
});
|
|
33775
|
+
};
|
|
33766
33776
|
IkasPageDataProvider.prototype.getPageComponentPropValues = function (pageComponent) {
|
|
33767
33777
|
return __awaiter(this, void 0, void 0, function () {
|
|
33768
33778
|
var component, result, setPageComponentPropValue;
|
|
@@ -34030,31 +34040,14 @@ var IkasPageDataProvider = /** @class */ (function () {
|
|
|
34030
34040
|
var _propValue = propValue;
|
|
34031
34041
|
var productDetail = new IkasProductDetail(_propValue.product, _propValue.selectedVariantValues);
|
|
34032
34042
|
if (isBrowser) {
|
|
34033
|
-
var
|
|
34034
|
-
var vid_1 =
|
|
34043
|
+
var urlParams = new URLSearchParams(window.location.search);
|
|
34044
|
+
var vid_1 = urlParams.get("vid");
|
|
34035
34045
|
if (vid_1) {
|
|
34036
34046
|
var variant = productDetail.product.variants.find(function (v) { return v.id === vid_1; });
|
|
34037
34047
|
if (variant) {
|
|
34038
34048
|
productDetail.selectedVariantValues = variant.variantValues;
|
|
34039
34049
|
}
|
|
34040
34050
|
}
|
|
34041
|
-
else {
|
|
34042
|
-
var productVariantTypeSlugs = productDetail.product.variantTypes.map(function (vt) { return vt.variantType.slug; });
|
|
34043
|
-
var selectedVariantValues_1 = [];
|
|
34044
|
-
productVariantTypeSlugs.forEach(function (slug, vtIndex) {
|
|
34045
|
-
var productVariantType = productDetail.product.variantTypes[vtIndex];
|
|
34046
|
-
var variantValueSlug = urlParams_1.get(slug);
|
|
34047
|
-
if (variantValueSlug) {
|
|
34048
|
-
var variantValue = productVariantType.variantType.values.find(function (v) { return v.slug === variantValueSlug; });
|
|
34049
|
-
if (variantValue)
|
|
34050
|
-
selectedVariantValues_1.push(variantValue);
|
|
34051
|
-
}
|
|
34052
|
-
});
|
|
34053
|
-
if (selectedVariantValues_1.length ===
|
|
34054
|
-
productDetail.selectedVariantValues.length) {
|
|
34055
|
-
productDetail.selectedVariantValues = selectedVariantValues_1;
|
|
34056
|
-
}
|
|
34057
|
-
}
|
|
34058
34051
|
}
|
|
34059
34052
|
return new IkasProductDetail(productDetail.product, productDetail.selectedVariantValues, router);
|
|
34060
34053
|
};
|
|
@@ -37403,7 +37396,9 @@ var BridgeMessageType;
|
|
|
37403
37396
|
BridgeMessageType["UPDATE_THEME_SETTINGS"] = "UPDATE_THEME_SETTINGS";
|
|
37404
37397
|
})(BridgeMessageType || (BridgeMessageType = {}));
|
|
37405
37398
|
|
|
37399
|
+
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";
|
|
37406
37400
|
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"};
|
|
37401
|
+
styleInject(css_248z$1);
|
|
37407
37402
|
|
|
37408
37403
|
var FormItemViewModel = /** @class */ (function () {
|
|
37409
37404
|
function FormItemViewModel(props) {
|
|
@@ -59742,7 +59737,9 @@ var Select = observer(function (_a) {
|
|
|
59742
59737
|
createElement(SVGCaretDown, null))));
|
|
59743
59738
|
});
|
|
59744
59739
|
|
|
59740
|
+
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";
|
|
59745
59741
|
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"};
|
|
59742
|
+
styleInject(css_248z$2);
|
|
59746
59743
|
|
|
59747
59744
|
var Button = observer(function (_a) {
|
|
59748
59745
|
var text = _a.text, style = _a.style, onClick = _a.onClick, size = _a.size, isLoading = _a.isLoading, isDisabled = _a.isDisabled, isLine = _a.isLine;
|
|
@@ -59761,7 +59758,9 @@ var SVGCheck = function (_a) {
|
|
|
59761
59758
|
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" })));
|
|
59762
59759
|
};
|
|
59763
59760
|
|
|
59761
|
+
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";
|
|
59764
59762
|
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"};
|
|
59763
|
+
styleInject(css_248z$3);
|
|
59765
59764
|
|
|
59766
59765
|
var Checkbox = observer(function (_a) {
|
|
59767
59766
|
var value = _a.value, label = _a.label, hasError = _a.hasError, removePadding = _a.removePadding, onChange = _a.onChange;
|
|
@@ -59788,7 +59787,9 @@ var Checkbox = observer(function (_a) {
|
|
|
59788
59787
|
!!label && createElement("div", { className: labelClasses.join(" ") }, label)));
|
|
59789
59788
|
});
|
|
59790
59789
|
|
|
59790
|
+
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";
|
|
59791
59791
|
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"};
|
|
59792
|
+
styleInject(css_248z$4);
|
|
59792
59793
|
|
|
59793
59794
|
var SVGWarning = function (_a) {
|
|
59794
59795
|
var className = _a.className;
|
|
@@ -59893,13 +59894,21 @@ var Errors = function (_a) {
|
|
|
59893
59894
|
};
|
|
59894
59895
|
var Errors$1 = observer(Errors);
|
|
59895
59896
|
|
|
59897
|
+
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";
|
|
59896
59898
|
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"};
|
|
59899
|
+
styleInject(css_248z$5);
|
|
59897
59900
|
|
|
59901
|
+
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";
|
|
59898
59902
|
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"};
|
|
59903
|
+
styleInject(css_248z$6);
|
|
59899
59904
|
|
|
59905
|
+
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";
|
|
59900
59906
|
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"};
|
|
59907
|
+
styleInject(css_248z$7);
|
|
59901
59908
|
|
|
59909
|
+
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";
|
|
59902
59910
|
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"};
|
|
59911
|
+
styleInject(css_248z$8);
|
|
59903
59912
|
|
|
59904
59913
|
var Toggle = observer(function (_a) {
|
|
59905
59914
|
var value = _a.value, label = _a.label, hasError = _a.hasError, removePadding = _a.removePadding, onChange = _a.onChange;
|
|
@@ -60482,7 +60491,9 @@ var TaxNumber = observer(function (_a) {
|
|
|
60482
60491
|
return (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 }));
|
|
60483
60492
|
});
|
|
60484
60493
|
|
|
60494
|
+
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";
|
|
60485
60495
|
var styles$8 = {"AddressText":"style-module_AddressText__2J31s","CancelEdit":"style-module_CancelEdit__2MXfO","EditAddressActions":"style-module_EditAddressActions__1TY0T"};
|
|
60496
|
+
styleInject(css_248z$9);
|
|
60486
60497
|
|
|
60487
60498
|
var CustomerAddressesViewModel = /** @class */ (function () {
|
|
60488
60499
|
function CustomerAddressesViewModel(vm, addressType) {
|
|
@@ -60689,7 +60700,9 @@ var CheckoutStepInfo = function (_a) {
|
|
|
60689
60700
|
};
|
|
60690
60701
|
var CheckoutStepInfo$1 = observer(CheckoutStepInfo);
|
|
60691
60702
|
|
|
60703
|
+
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";
|
|
60692
60704
|
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"};
|
|
60705
|
+
styleInject(css_248z$a);
|
|
60693
60706
|
|
|
60694
60707
|
var CheckoutStepShipping = observer(function (_a) {
|
|
60695
60708
|
var vm = _a.vm;
|
|
@@ -60773,7 +60786,9 @@ var SVGVisa = function (_a) {
|
|
|
60773
60786
|
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" })));
|
|
60774
60787
|
};
|
|
60775
60788
|
|
|
60789
|
+
var css_248z$b = ".style-module_CardLogo__1jFyp {\n display: flex;\n align-items: center;\n height: 100%;\n padding-right: 16px; }\n";
|
|
60776
60790
|
var styles$a = {"CardLogo":"style-module_CardLogo__1jFyp"};
|
|
60791
|
+
styleInject(css_248z$b);
|
|
60777
60792
|
|
|
60778
60793
|
var CreditCardForm = observer(function (_a) {
|
|
60779
60794
|
var _b;
|
|
@@ -60806,7 +60821,9 @@ var CreditCardForm = observer(function (_a) {
|
|
|
60806
60821
|
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 }))));
|
|
60807
60822
|
});
|
|
60808
60823
|
|
|
60824
|
+
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";
|
|
60809
60825
|
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"};
|
|
60826
|
+
styleInject(css_248z$c);
|
|
60810
60827
|
|
|
60811
60828
|
var Installments = observer(function (_a) {
|
|
60812
60829
|
var _b;
|
|
@@ -60824,7 +60841,9 @@ var Installments = observer(function (_a) {
|
|
|
60824
60841
|
createElement("div", { className: styles$b.Price }, formatMoney(ip.totalPrice, vm.checkout.cart.currencyCode)))); }))));
|
|
60825
60842
|
});
|
|
60826
60843
|
|
|
60844
|
+
var css_248z$d = ".style-module_PaymentLogoContainer__224HZ {\n margin-left: 10px;\n font-size: 0.7em; }\n .style-module_PaymentLogoContainer__224HZ img {\n height: 20px; }\n\n.style-module_AdditionalPrice__gW28c {\n color: var(--checkout-primary-text-color);\n font-weight: 600; }\n";
|
|
60827
60845
|
var styles$c = {"PaymentLogoContainer":"style-module_PaymentLogoContainer__224HZ","AdditionalPrice":"style-module_AdditionalPrice__gW28c"};
|
|
60846
|
+
styleInject(css_248z$d);
|
|
60828
60847
|
|
|
60829
60848
|
var PaymentGateways = observer(function (_a) {
|
|
60830
60849
|
var vm = _a.vm;
|
|
@@ -60876,7 +60895,9 @@ var BillingAddress = observer(function (_a) {
|
|
|
60876
60895
|
vm.useDifferentAddress && (createElement(CustomerAddresses$1, { vm: customerAddressesViewModel }))));
|
|
60877
60896
|
});
|
|
60878
60897
|
|
|
60898
|
+
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";
|
|
60879
60899
|
var styles$d = {"StepPayment":"style-module_StepPayment__3STxe","TermsLabelSpan":"style-module_TermsLabelSpan__35xVC","SecurePaymentContainer":"style-module_SecurePaymentContainer__8jSz4","Lock":"style-module_Lock__2gl_x"};
|
|
60900
|
+
styleInject(css_248z$e);
|
|
60880
60901
|
|
|
60881
60902
|
var SVGLock = function (_a) {
|
|
60882
60903
|
var className = _a.className;
|
|
@@ -60922,7 +60943,9 @@ var CheckoutStepPayment = observer(function (_a) {
|
|
|
60922
60943
|
createElement("span", null, t("checkout-page:securePaymentTooltip"))))));
|
|
60923
60944
|
});
|
|
60924
60945
|
|
|
60946
|
+
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";
|
|
60925
60947
|
var styles$e = {"Container":"style-module_Container__2_f6f","Button":"style-module_Button__38WsW","loader":"style-module_loader__2oUyh","load8":"style-module_load8__2JtWU"};
|
|
60948
|
+
styleInject(css_248z$f);
|
|
60926
60949
|
|
|
60927
60950
|
var InputWithButton = function (_a) {
|
|
60928
60951
|
var value = _a.value, placeholder = _a.placeholder, buttonLabel = _a.buttonLabel, isLoading = _a.isLoading, onClick = _a.onClick, onChange = _a.onChange;
|
|
@@ -60940,7 +60963,9 @@ var InputWithButton = function (_a) {
|
|
|
60940
60963
|
};
|
|
60941
60964
|
var InputWithButton$1 = observer(InputWithButton);
|
|
60942
60965
|
|
|
60966
|
+
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";
|
|
60943
60967
|
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"};
|
|
60968
|
+
styleInject(css_248z$g);
|
|
60944
60969
|
|
|
60945
60970
|
var CartItem = observer(function (_a) {
|
|
60946
60971
|
var _b;
|
|
@@ -60960,7 +60985,9 @@ var CartItem = observer(function (_a) {
|
|
|
60960
60985
|
formatMoney(cartItem.finalPriceWithQuantity, currencyCode)))));
|
|
60961
60986
|
});
|
|
60962
60987
|
|
|
60988
|
+
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";
|
|
60963
60989
|
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"};
|
|
60990
|
+
styleInject(css_248z$h);
|
|
60964
60991
|
|
|
60965
60992
|
var Tooltip = function (_a) {
|
|
60966
60993
|
var text = _a.text, className = _a.className, style = _a.style;
|
|
@@ -60988,7 +61015,9 @@ var SVGGift = function (_a) {
|
|
|
60988
61015
|
createElement("rect", { width: "16", height: "16", fill: "white" })))));
|
|
60989
61016
|
};
|
|
60990
61017
|
|
|
61018
|
+
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";
|
|
60991
61019
|
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"};
|
|
61020
|
+
styleInject(css_248z$i);
|
|
60992
61021
|
|
|
60993
61022
|
var SVGIkas = function (_a) {
|
|
60994
61023
|
var className = _a.className;
|
|
@@ -61221,7 +61250,9 @@ var Note = observer(function (_a) {
|
|
|
61221
61250
|
isSuccessStep ? (createElement("div", { className: styles$h.CheckoutNoteDisplay }, vm.checkout.note)) : (createElement(FormItem, { style: { width: "100%" }, type: FormItemType.TEXT_AREA, disableResize: true, label: "", value: vm.checkout.note || "", onChange: onCheckoutNoteChange }))))));
|
|
61222
61251
|
});
|
|
61223
61252
|
|
|
61253
|
+
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";
|
|
61224
61254
|
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"};
|
|
61255
|
+
styleInject(css_248z$j);
|
|
61225
61256
|
|
|
61226
61257
|
var SVGSuccessCircle = function (_a) {
|
|
61227
61258
|
var className = _a.className;
|
|
@@ -61230,7 +61261,9 @@ var SVGSuccessCircle = function (_a) {
|
|
|
61230
61261
|
createElement("path", { d: "M12 20L18 26L28.0005 15.9998", stroke: "white", "stroke-width": "3.2", "stroke-linecap": "round" })));
|
|
61231
61262
|
};
|
|
61232
61263
|
|
|
61264
|
+
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";
|
|
61233
61265
|
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"};
|
|
61266
|
+
styleInject(css_248z$k);
|
|
61234
61267
|
|
|
61235
61268
|
var ExpandableSection = function (_a) {
|
|
61236
61269
|
var title = _a.title, children = _a.children;
|
|
@@ -61253,7 +61286,9 @@ var SVGCross$1 = function (_a) {
|
|
|
61253
61286
|
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" })));
|
|
61254
61287
|
};
|
|
61255
61288
|
|
|
61289
|
+
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";
|
|
61256
61290
|
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"};
|
|
61291
|
+
styleInject(css_248z$l);
|
|
61257
61292
|
|
|
61258
61293
|
var Modal = observer(function (_a) {
|
|
61259
61294
|
var title = _a.title, onClose = _a.onClose, modalContent = _a.modalContent;
|
|
@@ -61283,7 +61318,6 @@ var StepSuccess = observer(function (_a) {
|
|
|
61283
61318
|
var t = useTranslation().t;
|
|
61284
61319
|
var _f = useState(false), isContactModalVisible = _f[0], setContactModalVisible = _f[1];
|
|
61285
61320
|
useEffect(function () {
|
|
61286
|
-
var _a;
|
|
61287
61321
|
if (typeof localStorage !== "undefined") {
|
|
61288
61322
|
var lsCartId = localStorage.getItem(CART_LS_KEY);
|
|
61289
61323
|
var lsCheckoutId = localStorage.getItem(CHECKOUT_LS_KEY);
|
|
@@ -61292,7 +61326,7 @@ var StepSuccess = observer(function (_a) {
|
|
|
61292
61326
|
if (lsCheckoutId && lsCheckoutId === vm.checkout.id)
|
|
61293
61327
|
localStorage.removeItem(CHECKOUT_LS_KEY);
|
|
61294
61328
|
}
|
|
61295
|
-
Analytics.purchase(vm.checkout,
|
|
61329
|
+
Analytics.purchase(vm.checkout, vm.checkout.orderNumber);
|
|
61296
61330
|
}, []);
|
|
61297
61331
|
var customerName = (((_b = vm.checkout.customer) === null || _b === void 0 ? void 0 : _b.firstName) || "") +
|
|
61298
61332
|
" " +
|
|
@@ -61510,33 +61544,18 @@ var OrderStatus = observer(function (_a) {
|
|
|
61510
61544
|
})) === null || _d === void 0 ? void 0 : _d.text : ""));
|
|
61511
61545
|
});
|
|
61512
61546
|
|
|
61513
|
-
var IMAGE_SIZES = [
|
|
61514
|
-
180,
|
|
61515
|
-
360,
|
|
61516
|
-
540,
|
|
61517
|
-
720,
|
|
61518
|
-
900,
|
|
61519
|
-
1080,
|
|
61520
|
-
1296,
|
|
61521
|
-
1512,
|
|
61522
|
-
1728,
|
|
61523
|
-
1950,
|
|
61524
|
-
2560,
|
|
61525
|
-
3840,
|
|
61526
|
-
];
|
|
61527
61547
|
var Image = function (_a) {
|
|
61528
61548
|
var image = _a.image, others = __rest(_a, ["image"]);
|
|
61529
61549
|
var loader = function (_a) {
|
|
61530
61550
|
var width = _a.width;
|
|
61531
|
-
|
|
61532
|
-
return Math.abs(curr - width) < Math.abs(prev - width) ? curr : prev;
|
|
61533
|
-
});
|
|
61534
|
-
return image.getSrc(closest);
|
|
61551
|
+
return image.getSrc(width);
|
|
61535
61552
|
};
|
|
61536
|
-
return (createElement(NextImage, __assign({}, others, { loader: loader, quality: 100, src: image.src, alt: others.alt || "Image"
|
|
61553
|
+
return (createElement(NextImage, __assign({}, others, { loader: loader, quality: 100, src: image.src, alt: others.alt || "Image" })));
|
|
61537
61554
|
};
|
|
61538
61555
|
|
|
61556
|
+
var css_248z$m = ".style-module_StepContainer__1O2dD {\n width: 100%; }\n .style-module_StepContainer__1O2dD .style-module_Step__1iOYA {\n width: 100%; }\n .style-module_StepContainer__1O2dD .style-module_Step__1iOYA .style-module_StepTitleContainer__2GUg2 {\n padding: 24px 0;\n border-top: 1px solid var(--checkout-border-color); }\n .style-module_StepContainer__1O2dD .style-module_Step__1iOYA .style-module_StepTitleContainer__2GUg2.style-module_First__cAzdJ {\n border-top: none; }\n .style-module_StepContainer__1O2dD .style-module_Step__1iOYA .style-module_StepTitleContainer__2GUg2 .style-module_StepTitleTop__3zfsj {\n display: flex;\n align-items: center; }\n .style-module_StepContainer__1O2dD .style-module_Step__1iOYA .style-module_StepTitleContainer__2GUg2 .style-module_StepTitleTop__3zfsj.style-module_WithRightContent__2fqb1 {\n align-items: flex-start; }\n .style-module_StepContainer__1O2dD .style-module_Step__1iOYA .style-module_StepTitleContainer__2GUg2 .style-module_StepCircle__36A5q {\n width: 32px;\n height: 32px;\n border-radius: 100%;\n border: 1px solid var(--checkout-button-bg-color);\n color: var(--checkout-button-bg-color);\n display: flex;\n justify-content: center;\n align-items: center;\n margin-right: 16px;\n flex: 0 0 auto;\n font-size: 20px; }\n .style-module_StepContainer__1O2dD .style-module_Step__1iOYA .style-module_StepTitleContainer__2GUg2 .style-module_StepCircle__36A5q.style-module_Selected__3j91L {\n background-color: var(--checkout-button-bg-color);\n color: var(--checkout-button-text-color); }\n .style-module_StepContainer__1O2dD .style-module_Step__1iOYA .style-module_StepTitleContainer__2GUg2 .style-module_StepCircle__36A5q.style-module_Selected__3j91L svg {\n transform: scale(1.5);\n position: relative;\n right: -1px; }\n .style-module_StepContainer__1O2dD .style-module_Step__1iOYA .style-module_StepTitleContainer__2GUg2 .style-module_StepTitle__10YDP {\n font-size: 22px;\n color: var(--checkout-primary-text-color);\n flex: 0 0 auto;\n font-weight: 600;\n line-height: 32px; }\n .style-module_StepContainer__1O2dD .style-module_Step__1iOYA .style-module_StepTitleContainer__2GUg2 .style-module_StepTitle__10YDP.style-module_Light__15wSX {\n color: var(--checkout-button-disabled-text-color); }\n .style-module_StepContainer__1O2dD .style-module_Step__1iOYA .style-module_StepTitleContainer__2GUg2 .style-module_StepTitleRightContent__2Q43m {\n flex: 1 1 auto; }\n .style-module_StepContainer__1O2dD .style-module_StepContent__20QIi {\n padding-bottom: 24px;\n padding-left: 48px;\n width: 100%; }\n @media only screen and (max-width: 1000px) {\n .style-module_StepContainer__1O2dD {\n padding: 0 24px; }\n .style-module_StepContainer__1O2dD .style-module_StepContent__20QIi {\n padding-left: 0px; } }\n";
|
|
61539
61557
|
var styles$l = {"StepContainer":"style-module_StepContainer__1O2dD","Step":"style-module_Step__1iOYA","StepTitleContainer":"style-module_StepTitleContainer__2GUg2","First":"style-module_First__cAzdJ","StepTitleTop":"style-module_StepTitleTop__3zfsj","WithRightContent":"style-module_WithRightContent__2fqb1","StepCircle":"style-module_StepCircle__36A5q","Selected":"style-module_Selected__3j91L","StepTitle":"style-module_StepTitle__10YDP","Light":"style-module_Light__15wSX","StepTitleRightContent":"style-module_StepTitleRightContent__2Q43m","StepContent":"style-module_StepContent__20QIi"};
|
|
61558
|
+
styleInject(css_248z$m);
|
|
61540
61559
|
|
|
61541
61560
|
var StepContainer = observer(function (_a) {
|
|
61542
61561
|
var steps = _a.steps, stepContent = _a.stepContent;
|
|
@@ -61585,7 +61604,9 @@ var Step = /** @class */ (function () {
|
|
|
61585
61604
|
return Step;
|
|
61586
61605
|
}());
|
|
61587
61606
|
|
|
61607
|
+
var css_248z$n = ".style-module_Actions__ttsEZ {\n display: grid;\n grid-template-columns: 1fr 1fr;\n grid-gap: 16px; }\n\n.style-module_Description__3BMvk {\n margin-bottom: 24px; }\n";
|
|
61588
61608
|
var styles$m = {"Actions":"style-module_Actions__ttsEZ","Description":"style-module_Description__3BMvk"};
|
|
61609
|
+
styleInject(css_248z$n);
|
|
61589
61610
|
|
|
61590
61611
|
var StockError = observer(function (_a) {
|
|
61591
61612
|
var vm = _a.vm, error = _a.error;
|
|
@@ -61625,7 +61646,9 @@ var StockError = observer(function (_a) {
|
|
|
61625
61646
|
}, text: t("checkout-page:actions.continue"), isLoading: isLoading, onClick: onContinueClick }))) }));
|
|
61626
61647
|
});
|
|
61627
61648
|
|
|
61649
|
+
var css_248z$o = ".style-module_Container__1f6or {\n width: 100vw;\n height: 100vh;\n background-color: var(--checkout-primary-bg-color);\n display: flex;\n justify-content: center;\n align-items: center; }\n .style-module_Container__1f6or .style-module_loader__VCfEE,\n .style-module_Container__1f6or .style-module_loader__VCfEE:after {\n border-radius: 50%;\n width: 5em;\n height: 5em; }\n .style-module_Container__1f6or .style-module_loader__VCfEE {\n font-size: 6px;\n position: relative;\n text-indent: -9999em;\n border-top: 0.5em solid rgba(255, 255, 255, 0.2);\n border-right: 0.5em solid rgba(255, 255, 255, 0.2);\n border-bottom: 0.5em solid rgba(255, 255, 255, 0.2);\n border-left: 0.5em solid var(--checkout-button-bg-color);\n -webkit-transform: translateZ(0);\n -ms-transform: translateZ(0);\n transform: translateZ(0);\n -webkit-animation: style-module_load8__3N32j 1.1s infinite linear;\n animation: style-module_load8__3N32j 1.1s infinite linear; }\n\n@-webkit-keyframes style-module_load8__3N32j {\n 0% {\n -webkit-transform: rotate(0deg);\n transform: rotate(0deg); }\n 100% {\n -webkit-transform: rotate(360deg);\n transform: rotate(360deg); } }\n\n@keyframes style-module_load8__3N32j {\n 0% {\n -webkit-transform: rotate(0deg);\n transform: rotate(0deg); }\n 100% {\n -webkit-transform: rotate(360deg);\n transform: rotate(360deg); } }\n";
|
|
61628
61650
|
var styles$n = {"Container":"style-module_Container__1f6or","loader":"style-module_loader__VCfEE","load8":"style-module_load8__3N32j"};
|
|
61651
|
+
styleInject(css_248z$o);
|
|
61629
61652
|
|
|
61630
61653
|
var FullscreenLoading = function () {
|
|
61631
61654
|
return (createElement("div", { className: styles$n.Container },
|
|
@@ -61743,7 +61766,7 @@ var Steps = observer(function (_a) {
|
|
|
61743
61766
|
createElement(StepSummaryAddress, { vm: vm }))) : undefined),
|
|
61744
61767
|
new Step(t("checkout-page:shipping"), vm.step === CheckoutStep.SHIPPING, vm.step === CheckoutStep.PAYMENT, vm.step === CheckoutStep.PAYMENT ? (createElement("div", { className: styles$5.AdressStepInfo },
|
|
61745
61768
|
createElement(StepSummaryShipping, { vm: vm }),
|
|
61746
|
-
|
|
61769
|
+
createElement("div", { className: styles$5.EditBtn, onClick: vm.onBackToShippingClick }, t("checkout-page:actions.edit")))) : undefined, vm.step === CheckoutStep.PAYMENT ? (createElement("div", { className: styles$5.AddressStepInfoMobile },
|
|
61747
61770
|
createElement(StepSummaryShipping, { vm: vm }))) : undefined),
|
|
61748
61771
|
new Step(t("checkout-page:payment"), vm.step === CheckoutStep.PAYMENT, false),
|
|
61749
61772
|
];
|
|
@@ -62292,6 +62315,21 @@ var Page$1 = function (_a) {
|
|
|
62292
62315
|
var index$1 = observer(Page$1);
|
|
62293
62316
|
var getStaticPaths = function (context) { return __awaiter(void 0, void 0, void 0, function () {
|
|
62294
62317
|
return __generator(this, function (_a) {
|
|
62318
|
+
// const targetTypes = [
|
|
62319
|
+
// IkasHTMLMetaDataTargetType.BRAND,
|
|
62320
|
+
// IkasHTMLMetaDataTargetType.CATEGORY,
|
|
62321
|
+
// ];
|
|
62322
|
+
// const metaData = await IkasHTMLMetaDataAPI.listHTMLMetaData(
|
|
62323
|
+
// undefined,
|
|
62324
|
+
// undefined,
|
|
62325
|
+
// targetTypes
|
|
62326
|
+
// );
|
|
62327
|
+
// metaData.map((m) => ({
|
|
62328
|
+
// params: {
|
|
62329
|
+
// slug: m.slug,
|
|
62330
|
+
// originalSlug: m.slug,
|
|
62331
|
+
// },
|
|
62332
|
+
// }))
|
|
62295
62333
|
return [2 /*return*/, {
|
|
62296
62334
|
paths: [],
|
|
62297
62335
|
fallback: "blocking",
|
|
@@ -63301,4 +63339,4 @@ var en$1 = /*#__PURE__*/Object.freeze(/*#__PURE__*/Object.assign(/*#__PURE__*/Ob
|
|
|
63301
63339
|
'default': en
|
|
63302
63340
|
}));
|
|
63303
63341
|
|
|
63304
|
-
export { AccountInfoForm, index$3 as AccountPage, AddressForm, addresses as AddressesPage, Analytics, AnalyticsBody, AnalyticsHead,
|
|
63342
|
+
export { AccountInfoForm, index$3 as AccountPage, AddressForm, addresses as AddressesPage, Analytics, AnalyticsBody, AnalyticsHead, index$5 as BlogPage, _slug_$2 as BlogSlugPage, cart as CartPage, _id_$1 as CheckoutPage, ContactForm, _slug_ as CustomPage, editor$1 as EditorPage, EmailRule, EqualsRule, favoriteProducts as FavoriteProductsPage, ForgotPasswordForm, forgotPassword as ForgotPasswordPage, IkasAmountTypeEnum$1 as IkasAmountTypeEnum, IkasApplicableProductFilterValue, IkasBaseStore, IkasBlog, IkasBlogAPI, IkasBlogCategory, IkasBlogCategoryList, IkasBlogCategoryListPropValue, IkasBlogCategoryListType, IkasBlogCategoryPropValue, IkasBlogContent, IkasBlogList, IkasBlogListPropValue, IkasBlogListType, IkasBlogMetaData, IkasBlogMetadataTargetType, IkasBlogPropValue, IkasBlogTag, IkasBlogWriter, IkasBrand, IkasBrandAPI, IkasBrandList, IkasBrandListPropValue, IkasBrandListSortType, IkasBrandListType, IkasBrandPropValue, IkasCardAssociation, IkasCardType, IkasCartAPI, IkasCategory, IkasCategoryAPI, IkasCategoryList, IkasCategoryListPropValue, IkasCategoryListSortType, IkasCategoryListType, IkasCategoryPropValue, IkasCheckout, IkasCheckoutAPI, IkasCheckoutRecoveryEmailStatus, IkasCheckoutRecoveryStatus, IkasCheckoutStatus, IkasCityAPI, IkasComponentRenderer, IkasContactForm, IkasContactFormAPI, IkasCountryAPI, IkasCustomer, IkasCustomerAPI, IkasCustomerAddress, IkasDistrictAPI, IkasFavoriteProduct, IkasFavoriteProductAPI, IkasHTMLMetaData, IkasHTMLMetaDataAPI, IkasHTMLMetaDataTargetType, IkasImage, IkasLinkPropValue, IkasLinkType, IkasMerchantAPI, IkasMerchantSettings, IkasNavigationLink, IkasOrder, IkasOrderCancelledReason, IkasOrderLineItem, IkasOrderPackageFulfillStatus, IkasOrderPackageStatus, IkasOrderPaymentStatus, IkasOrderRefundSettings, IkasOrderShippingMethod, IkasOrderStatus, IkasOrderTransaction, IkasPage, IkasPageComponentPropValue, IkasPageDataProvider, IkasPageEditor, IkasPageHead, IkasPaymentMethod, IkasProduct, IkasProductAttribute, IkasProductAttributeAPI, IkasProductAttributeType, IkasProductAttributeValue, IkasProductDetail, IkasProductDetailPropValue, IkasProductFilter, IkasProductFilterDisplayType, IkasProductFilterSettings, IkasProductFilterSortType, IkasProductFilterType, IkasProductFilterValue, IkasProductList, IkasProductListPropValue, IkasProductListSortType, IkasProductListType, IkasProductPrice, IkasProductSearchAPI, IkasProductType, IkasProductVariant, IkasProductVariantType, IkasShippingMethod, IkasShippingMethodEnum, IkasStateAPI, IkasStorefrontConfig, IkasTheme, IkasThemeComponent, IkasThemeComponentProp, IkasThemeComponentPropType, IkasThemeCustomData, IkasThemePage, IkasThemePageComponent, IkasThemePageType, IkasThemeSettings, IkasTransactionStatusEnum, IkasTransactionTypeEnum, IkasVariantSelectionType, IkasVariantType, IkasVariantTypeAPI, IkasVariantValue, Image, home as IndexPage, LessThanRule, LoginForm, login as LoginPage, MaxRule, MinRule, _404 as NotFoundPage, _id_$2 as OrderDetailPage, OrderLineItemStatusEnum$1 as OrderLineItemStatusEnum, index$4 as OrdersPage, PhoneRule, RangeValue, RecoverPasswordForm, recoverPassword as RecoverPasswordPage, RegisterForm, register as RegisterPage, RequiredRule, search as SearchPage, index$2 as SlugPage, ValidationRule, Validator, ValidatorErrorType, apollo, createTranslationInputData, decodeBase64, findAllIndexes, formatDate, formatMoney, getPlaceholderBlog, getPlaceholderBlogCategory, getPlaceholderBrand, getPlaceholderCategory, getPlaceholderProduct, parseRangeStr, pascalCase, stringSorter, stringToSlug, useTranslation, validatePhoneNumber };
|