@ikas/storefront 0.0.165-alpha.19 → 0.0.165-alpha.3
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/index.es.js +112 -147
- package/build/index.js +112 -147
- package/build/models/ui/product-detail/index.d.ts +1 -3
- package/build/utils/providers/page-data.d.ts +2 -2
- package/package.json +7 -7
- package/build/index.css +0 -1483
- package/build/index.es.css +0 -1483
package/build/index.es.js
CHANGED
|
@@ -17875,13 +17875,13 @@ var FacebookPixel = /** @class */ (function () {
|
|
|
17875
17875
|
console.error(err);
|
|
17876
17876
|
}
|
|
17877
17877
|
};
|
|
17878
|
-
FacebookPixel.addToCart = function (item, quantity
|
|
17878
|
+
FacebookPixel.addToCart = function (item, quantity) {
|
|
17879
17879
|
try {
|
|
17880
17880
|
!isServer &&
|
|
17881
17881
|
window.fbq &&
|
|
17882
17882
|
window.fbq("track", "AddToCart", item instanceof IkasProductDetail
|
|
17883
17883
|
? productToFBPItem(item, quantity)
|
|
17884
|
-
: orderLineItemToFBPItem(item, quantity)
|
|
17884
|
+
: orderLineItemToFBPItem(item, quantity));
|
|
17885
17885
|
return;
|
|
17886
17886
|
}
|
|
17887
17887
|
catch (err) {
|
|
@@ -17899,11 +17899,11 @@ var FacebookPixel = /** @class */ (function () {
|
|
|
17899
17899
|
console.error(err);
|
|
17900
17900
|
}
|
|
17901
17901
|
};
|
|
17902
|
-
FacebookPixel.purchase = function (checkout,
|
|
17902
|
+
FacebookPixel.purchase = function (checkout, orderId) {
|
|
17903
17903
|
try {
|
|
17904
17904
|
!isServer &&
|
|
17905
17905
|
window.fbq &&
|
|
17906
|
-
window.fbq("track", "Purchase", beginCheckoutFBPItem(checkout)
|
|
17906
|
+
window.fbq("track", "Purchase", beginCheckoutFBPItem(checkout));
|
|
17907
17907
|
return;
|
|
17908
17908
|
}
|
|
17909
17909
|
catch (err) {
|
|
@@ -22513,7 +22513,7 @@ var IkasCartStore = /** @class */ (function () {
|
|
|
22513
22513
|
this.addItem = function (variant, product, initialQuantity) {
|
|
22514
22514
|
if (initialQuantity === void 0) { initialQuantity = 1; }
|
|
22515
22515
|
return __awaiter(_this, void 0, void 0, function () {
|
|
22516
|
-
var existingItem, input, cart,
|
|
22516
|
+
var existingItem, input, cart, err_2;
|
|
22517
22517
|
var _a, _b, _c;
|
|
22518
22518
|
return __generator(this, function (_d) {
|
|
22519
22519
|
switch (_d.label) {
|
|
@@ -22552,10 +22552,7 @@ var IkasCartStore = /** @class */ (function () {
|
|
|
22552
22552
|
_d.sent();
|
|
22553
22553
|
_d.label = 3;
|
|
22554
22554
|
case 3:
|
|
22555
|
-
|
|
22556
|
-
eventId = this.cart.id + "-" + this.cart.updatedAt;
|
|
22557
|
-
Analytics.addToCart(new IkasProductDetail(product, variant.variantValues), initialQuantity, eventId);
|
|
22558
|
-
}
|
|
22555
|
+
Analytics.addToCart(new IkasProductDetail(product, variant.variantValues), initialQuantity);
|
|
22559
22556
|
return [3 /*break*/, 5];
|
|
22560
22557
|
case 4:
|
|
22561
22558
|
err_2 = _d.sent();
|
|
@@ -22567,7 +22564,7 @@ var IkasCartStore = /** @class */ (function () {
|
|
|
22567
22564
|
});
|
|
22568
22565
|
};
|
|
22569
22566
|
this.changeItemQuantity = function (item, quantity) { return __awaiter(_this, void 0, void 0, function () {
|
|
22570
|
-
var input, cart,
|
|
22567
|
+
var input, cart, oldQuantity, err_3;
|
|
22571
22568
|
var _a, _b, _c;
|
|
22572
22569
|
return __generator(this, function (_d) {
|
|
22573
22570
|
switch (_d.label) {
|
|
@@ -22601,15 +22598,12 @@ var IkasCartStore = /** @class */ (function () {
|
|
|
22601
22598
|
_d.label = 3;
|
|
22602
22599
|
case 3:
|
|
22603
22600
|
this.removeCardIfEmpty();
|
|
22604
|
-
|
|
22605
|
-
|
|
22606
|
-
oldQuantity
|
|
22607
|
-
|
|
22608
|
-
|
|
22609
|
-
|
|
22610
|
-
else {
|
|
22611
|
-
Analytics.addToCart(item, quantity - oldQuantity, eventId);
|
|
22612
|
-
}
|
|
22601
|
+
oldQuantity = item.quantity;
|
|
22602
|
+
if (oldQuantity > quantity) {
|
|
22603
|
+
Analytics.removeFromCart(item, oldQuantity - quantity);
|
|
22604
|
+
}
|
|
22605
|
+
else {
|
|
22606
|
+
Analytics.addToCart(item, quantity - oldQuantity);
|
|
22613
22607
|
}
|
|
22614
22608
|
return [3 /*break*/, 5];
|
|
22615
22609
|
case 4:
|
|
@@ -22890,14 +22884,6 @@ var CheckoutViewModel = /** @class */ (function () {
|
|
|
22890
22884
|
this.checkShippingCountries();
|
|
22891
22885
|
_b.label = 2;
|
|
22892
22886
|
case 2:
|
|
22893
|
-
// Skip shipping if there is only 1 shipping method
|
|
22894
|
-
if (this.step === CheckoutStep.SHIPPING &&
|
|
22895
|
-
this.checkout.availableShippingMethods.length === 1) {
|
|
22896
|
-
this.step = CheckoutStep.PAYMENT;
|
|
22897
|
-
this.router.replace("/checkout/" + this.checkout.id + "?step=" + this.step, undefined, {
|
|
22898
|
-
shallow: true,
|
|
22899
|
-
});
|
|
22900
|
-
}
|
|
22901
22887
|
if (!(this.step === CheckoutStep.PAYMENT ||
|
|
22902
22888
|
this.step === CheckoutStep.SUCCESS)) return [3 /*break*/, 4];
|
|
22903
22889
|
return [4 /*yield*/, this.listPaymentGateways()];
|
|
@@ -24113,9 +24099,9 @@ var Analytics = /** @class */ (function () {
|
|
|
24113
24099
|
console.error(err);
|
|
24114
24100
|
}
|
|
24115
24101
|
};
|
|
24116
|
-
Analytics.addToCart = function (item, quantity
|
|
24102
|
+
Analytics.addToCart = function (item, quantity) {
|
|
24117
24103
|
try {
|
|
24118
|
-
FacebookPixel.addToCart(item, quantity
|
|
24104
|
+
FacebookPixel.addToCart(item, quantity);
|
|
24119
24105
|
GoogleTagManager.addToCart(item, quantity);
|
|
24120
24106
|
}
|
|
24121
24107
|
catch (err) {
|
|
@@ -24143,11 +24129,11 @@ var Analytics = /** @class */ (function () {
|
|
|
24143
24129
|
console.error(err);
|
|
24144
24130
|
}
|
|
24145
24131
|
};
|
|
24146
|
-
Analytics.purchase = function (checkout,
|
|
24132
|
+
Analytics.purchase = function (checkout, orderId) {
|
|
24147
24133
|
try {
|
|
24148
24134
|
localStorage.removeItem(LS_BEGIN_CHECKOUT_KEY);
|
|
24149
|
-
FacebookPixel.purchase(checkout,
|
|
24150
|
-
GoogleTagManager.purchase(checkout,
|
|
24135
|
+
FacebookPixel.purchase(checkout, orderId);
|
|
24136
|
+
GoogleTagManager.purchase(checkout, orderId);
|
|
24151
24137
|
}
|
|
24152
24138
|
catch (err) {
|
|
24153
24139
|
console.error(err);
|
|
@@ -24959,15 +24945,11 @@ var IkasCustomerStore = /** @class */ (function () {
|
|
|
24959
24945
|
};
|
|
24960
24946
|
IkasCustomerStore.prototype.onProductView = function (productId, variantId) {
|
|
24961
24947
|
return __awaiter(this, void 0, void 0, function () {
|
|
24962
|
-
var
|
|
24948
|
+
var isSuccess;
|
|
24963
24949
|
return __generator(this, function (_a) {
|
|
24964
24950
|
switch (_a.label) {
|
|
24965
24951
|
case 0:
|
|
24966
24952
|
if (!this.customer) return [3 /*break*/, 2];
|
|
24967
|
-
existingItem = this._lastViewedProducts.find(function (lvp) { return lvp.productId === productId; });
|
|
24968
|
-
if (existingItem) {
|
|
24969
|
-
return [2 /*return*/];
|
|
24970
|
-
}
|
|
24971
24953
|
return [4 /*yield*/, IkasCustomerAPI.saveLastViewedProducts({
|
|
24972
24954
|
customerId: this.customer.id,
|
|
24973
24955
|
products: [
|
|
@@ -27616,11 +27598,9 @@ var IkasNavigationLink = /** @class */ (function () {
|
|
|
27616
27598
|
}());
|
|
27617
27599
|
|
|
27618
27600
|
var IkasProductDetail = /** @class */ (function () {
|
|
27619
|
-
function IkasProductDetail(product, selectedVariantValues
|
|
27620
|
-
this.router = null;
|
|
27601
|
+
function IkasProductDetail(product, selectedVariantValues) {
|
|
27621
27602
|
this.product = new IkasProduct(product);
|
|
27622
27603
|
this.selectedVariantValues = selectedVariantValues.map(function (vv) { return new IkasVariantValue(vv); });
|
|
27623
|
-
this.router = router;
|
|
27624
27604
|
makeAutoObservable(this);
|
|
27625
27605
|
}
|
|
27626
27606
|
Object.defineProperty(IkasProductDetail.prototype, "mainVariantValue", {
|
|
@@ -27648,25 +27628,10 @@ var IkasProductDetail = /** @class */ (function () {
|
|
|
27648
27628
|
});
|
|
27649
27629
|
Object.defineProperty(IkasProductDetail.prototype, "href", {
|
|
27650
27630
|
get: function () {
|
|
27651
|
-
var _this = this;
|
|
27652
27631
|
var metaData = this.product.metaData;
|
|
27653
27632
|
if (!(metaData === null || metaData === void 0 ? void 0 : metaData.slug))
|
|
27654
27633
|
return "";
|
|
27655
|
-
|
|
27656
|
-
.map(function (pvt) {
|
|
27657
|
-
var vt = pvt.variantType;
|
|
27658
|
-
var selectedVariant = vt.values.find(function (vv) {
|
|
27659
|
-
return _this.selectedVariantValues.some(function (svv) { return svv.id === vv.id; });
|
|
27660
|
-
});
|
|
27661
|
-
if (selectedVariant)
|
|
27662
|
-
return vt.slug + "=" + selectedVariant.slug;
|
|
27663
|
-
})
|
|
27664
|
-
.filter(function (param) { return !!param; })
|
|
27665
|
-
.join("&");
|
|
27666
|
-
if (variantParams)
|
|
27667
|
-
return "/" + metaData.slug + "?" + variantParams;
|
|
27668
|
-
else
|
|
27669
|
-
return "/" + metaData.slug;
|
|
27634
|
+
return "/" + metaData.slug;
|
|
27670
27635
|
},
|
|
27671
27636
|
enumerable: false,
|
|
27672
27637
|
configurable: true
|
|
@@ -27713,36 +27678,12 @@ var IkasProductDetail = /** @class */ (function () {
|
|
|
27713
27678
|
configurable: true
|
|
27714
27679
|
});
|
|
27715
27680
|
IkasProductDetail.prototype.selectVariantValue = function (variantValue) {
|
|
27716
|
-
var _this = this;
|
|
27717
|
-
var _a;
|
|
27718
|
-
var metaData = this.product.metaData;
|
|
27719
27681
|
var selectedVariantValues = this.selectedVariantValues.map(function (vv) {
|
|
27720
27682
|
if (vv.variantTypeId === variantValue.variantTypeId)
|
|
27721
27683
|
return variantValue;
|
|
27722
27684
|
return vv;
|
|
27723
27685
|
});
|
|
27724
27686
|
this.selectedVariantValues = selectedVariantValues;
|
|
27725
|
-
var variantParams = this.product.variantTypes
|
|
27726
|
-
.map(function (pvt) {
|
|
27727
|
-
var vt = pvt.variantType;
|
|
27728
|
-
var selectedVariant = vt.values.find(function (vv) {
|
|
27729
|
-
return _this.selectedVariantValues.some(function (svv) { return svv.id === vv.id; });
|
|
27730
|
-
});
|
|
27731
|
-
if (selectedVariant)
|
|
27732
|
-
return vt.slug + "=" + selectedVariant.slug;
|
|
27733
|
-
})
|
|
27734
|
-
.filter(function (param) { return !!param; })
|
|
27735
|
-
.join("&");
|
|
27736
|
-
var newUrl = "/" + metaData.slug;
|
|
27737
|
-
if (variantParams)
|
|
27738
|
-
newUrl = "/" + metaData.slug + "?" + variantParams;
|
|
27739
|
-
if (newUrl === window.location.pathname)
|
|
27740
|
-
return;
|
|
27741
|
-
var isShallow = process.env.NODE_ENV !== "production";
|
|
27742
|
-
(_a = this.router) === null || _a === void 0 ? void 0 : _a.replace(newUrl, undefined, {
|
|
27743
|
-
shallow: isShallow,
|
|
27744
|
-
scroll: false,
|
|
27745
|
-
});
|
|
27746
27687
|
};
|
|
27747
27688
|
return IkasProductDetail;
|
|
27748
27689
|
}());
|
|
@@ -33315,33 +33256,15 @@ function createProductSchema(productDetail) {
|
|
|
33315
33256
|
var _a, _b;
|
|
33316
33257
|
try {
|
|
33317
33258
|
var isBrowser = typeof window !== "undefined";
|
|
33318
|
-
// TODO this code copy-pasted, organize this block
|
|
33319
33259
|
if (isBrowser) {
|
|
33320
|
-
var
|
|
33321
|
-
var vid_1 =
|
|
33260
|
+
var urlParams = new URLSearchParams(window.location.search);
|
|
33261
|
+
var vid_1 = urlParams.get("vid");
|
|
33322
33262
|
if (vid_1) {
|
|
33323
33263
|
var variant = productDetail.product.variants.find(function (v) { return v.id === vid_1; });
|
|
33324
33264
|
if (variant) {
|
|
33325
33265
|
productDetail.selectedVariantValues = variant.variantValues;
|
|
33326
33266
|
}
|
|
33327
33267
|
}
|
|
33328
|
-
else {
|
|
33329
|
-
var productVariantTypeSlugs = productDetail.product.variantTypes.map(function (vt) { return vt.variantType.slug; });
|
|
33330
|
-
var selectedVariantValues_1 = [];
|
|
33331
|
-
productVariantTypeSlugs.forEach(function (slug, vtIndex) {
|
|
33332
|
-
var productVariantType = productDetail.product.variantTypes[vtIndex];
|
|
33333
|
-
var variantValueSlug = urlParams_1.get(slug);
|
|
33334
|
-
if (variantValueSlug) {
|
|
33335
|
-
var variantValue = productVariantType.variantType.values.find(function (v) { return v.slug === variantValueSlug; });
|
|
33336
|
-
if (variantValue)
|
|
33337
|
-
selectedVariantValues_1.push(variantValue);
|
|
33338
|
-
}
|
|
33339
|
-
});
|
|
33340
|
-
if (selectedVariantValues_1.length ===
|
|
33341
|
-
productDetail.selectedVariantValues.length) {
|
|
33342
|
-
productDetail.selectedVariantValues = selectedVariantValues_1;
|
|
33343
|
-
}
|
|
33344
|
-
}
|
|
33345
33268
|
}
|
|
33346
33269
|
var productUrl = isBrowser
|
|
33347
33270
|
? "https://" + window.location.hostname + productDetail.href
|
|
@@ -33415,7 +33338,36 @@ function createCategoryBreadcrumbSchema(pageSpecificDataStr) {
|
|
|
33415
33338
|
catch (_a) { }
|
|
33416
33339
|
}
|
|
33417
33340
|
|
|
33341
|
+
function styleInject(css, ref) {
|
|
33342
|
+
if ( ref === void 0 ) ref = {};
|
|
33343
|
+
var insertAt = ref.insertAt;
|
|
33344
|
+
|
|
33345
|
+
if (!css || typeof document === 'undefined') { return; }
|
|
33346
|
+
|
|
33347
|
+
var head = document.head || document.getElementsByTagName('head')[0];
|
|
33348
|
+
var style = document.createElement('style');
|
|
33349
|
+
style.type = 'text/css';
|
|
33350
|
+
|
|
33351
|
+
if (insertAt === 'top') {
|
|
33352
|
+
if (head.firstChild) {
|
|
33353
|
+
head.insertBefore(style, head.firstChild);
|
|
33354
|
+
} else {
|
|
33355
|
+
head.appendChild(style);
|
|
33356
|
+
}
|
|
33357
|
+
} else {
|
|
33358
|
+
head.appendChild(style);
|
|
33359
|
+
}
|
|
33360
|
+
|
|
33361
|
+
if (style.styleSheet) {
|
|
33362
|
+
style.styleSheet.cssText = css;
|
|
33363
|
+
} else {
|
|
33364
|
+
style.appendChild(document.createTextNode(css));
|
|
33365
|
+
}
|
|
33366
|
+
}
|
|
33367
|
+
|
|
33368
|
+
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";
|
|
33418
33369
|
var styles = {"IkasPage":"style-module_IkasPage__ATOib"};
|
|
33370
|
+
styleInject(css_248z);
|
|
33419
33371
|
|
|
33420
33372
|
var IkasPage = observer(function (_a) {
|
|
33421
33373
|
var propValues = _a.propValues, page = _a.page, pageSpecificDataStr = _a.pageSpecificDataStr, settingsStr = _a.settingsStr, merchantSettings = _a.merchantSettings, addOgpMetas = _a.addOgpMetas;
|
|
@@ -33943,7 +33895,7 @@ var IkasPageDataProvider = /** @class */ (function () {
|
|
|
33943
33895
|
IkasPageDataProvider.initProductListPropValue(prop, propValue, pageComponentPropValue, router);
|
|
33944
33896
|
break;
|
|
33945
33897
|
case IkasThemeComponentPropType.PRODUCT_DETAIL:
|
|
33946
|
-
IkasPageDataProvider.initProductDetailPropValue(prop, propValue, pageComponentPropValue,
|
|
33898
|
+
IkasPageDataProvider.initProductDetailPropValue(prop, propValue, pageComponentPropValue, isBrowser);
|
|
33947
33899
|
break;
|
|
33948
33900
|
case IkasThemeComponentPropType.PRODUCT_ATTRIBUTE:
|
|
33949
33901
|
IkasPageDataProvider.initAttributePropValue(prop, propValue, pageComponentPropValue);
|
|
@@ -34012,40 +33964,23 @@ var IkasPageDataProvider = /** @class */ (function () {
|
|
|
34012
33964
|
IkasPageDataProvider._initProductListPropValue = function (propValue, router) {
|
|
34013
33965
|
return new IkasProductList(propValue, router);
|
|
34014
33966
|
};
|
|
34015
|
-
IkasPageDataProvider.initProductDetailPropValue = function (prop, propValue, pageComponentPropValue,
|
|
34016
|
-
pageComponentPropValue.propValues[prop.name] = this._initProductDetailPropValue(propValue,
|
|
33967
|
+
IkasPageDataProvider.initProductDetailPropValue = function (prop, propValue, pageComponentPropValue, isBrowser) {
|
|
33968
|
+
pageComponentPropValue.propValues[prop.name] = this._initProductDetailPropValue(propValue, isBrowser);
|
|
34017
33969
|
};
|
|
34018
|
-
IkasPageDataProvider._initProductDetailPropValue = function (propValue,
|
|
33970
|
+
IkasPageDataProvider._initProductDetailPropValue = function (propValue, isBrowser) {
|
|
34019
33971
|
var _propValue = propValue;
|
|
34020
33972
|
var productDetail = new IkasProductDetail(_propValue.product, _propValue.selectedVariantValues);
|
|
34021
33973
|
if (isBrowser) {
|
|
34022
|
-
var
|
|
34023
|
-
var vid_1 =
|
|
33974
|
+
var urlParams = new URLSearchParams(window.location.search);
|
|
33975
|
+
var vid_1 = urlParams.get("vid");
|
|
34024
33976
|
if (vid_1) {
|
|
34025
33977
|
var variant = productDetail.product.variants.find(function (v) { return v.id === vid_1; });
|
|
34026
33978
|
if (variant) {
|
|
34027
33979
|
productDetail.selectedVariantValues = variant.variantValues;
|
|
34028
33980
|
}
|
|
34029
33981
|
}
|
|
34030
|
-
else {
|
|
34031
|
-
var productVariantTypeSlugs = productDetail.product.variantTypes.map(function (vt) { return vt.variantType.slug; });
|
|
34032
|
-
var selectedVariantValues_1 = [];
|
|
34033
|
-
productVariantTypeSlugs.forEach(function (slug, vtIndex) {
|
|
34034
|
-
var productVariantType = productDetail.product.variantTypes[vtIndex];
|
|
34035
|
-
var variantValueSlug = urlParams_1.get(slug);
|
|
34036
|
-
if (variantValueSlug) {
|
|
34037
|
-
var variantValue = productVariantType.variantType.values.find(function (v) { return v.slug === variantValueSlug; });
|
|
34038
|
-
if (variantValue)
|
|
34039
|
-
selectedVariantValues_1.push(variantValue);
|
|
34040
|
-
}
|
|
34041
|
-
});
|
|
34042
|
-
if (selectedVariantValues_1.length ===
|
|
34043
|
-
productDetail.selectedVariantValues.length) {
|
|
34044
|
-
productDetail.selectedVariantValues = selectedVariantValues_1;
|
|
34045
|
-
}
|
|
34046
|
-
}
|
|
34047
33982
|
}
|
|
34048
|
-
return new IkasProductDetail(productDetail.product, productDetail.selectedVariantValues
|
|
33983
|
+
return new IkasProductDetail(productDetail.product, productDetail.selectedVariantValues);
|
|
34049
33984
|
};
|
|
34050
33985
|
IkasPageDataProvider.initAttributePropValue = function (prop, propValue, pageComponentPropValue) {
|
|
34051
33986
|
pageComponentPropValue.propValues[prop.name] = IkasPageDataProvider._initAttributePropValue(propValue);
|
|
@@ -34121,7 +34056,7 @@ var IkasPageDataProvider = /** @class */ (function () {
|
|
|
34121
34056
|
case IkasThemeComponentPropType.LINK:
|
|
34122
34057
|
return this._initLinkPropValue(propValue);
|
|
34123
34058
|
case IkasThemeComponentPropType.PRODUCT_DETAIL:
|
|
34124
|
-
return this._initProductDetailPropValue(propValue,
|
|
34059
|
+
return this._initProductDetailPropValue(propValue, isBrowser);
|
|
34125
34060
|
case IkasThemeComponentPropType.PRODUCT_LIST:
|
|
34126
34061
|
return this._initProductListPropValue(propValue, router);
|
|
34127
34062
|
case IkasThemeComponentPropType.PRODUCT_ATTRIBUTE:
|
|
@@ -37392,7 +37327,9 @@ var BridgeMessageType;
|
|
|
37392
37327
|
BridgeMessageType["UPDATE_THEME_SETTINGS"] = "UPDATE_THEME_SETTINGS";
|
|
37393
37328
|
})(BridgeMessageType || (BridgeMessageType = {}));
|
|
37394
37329
|
|
|
37330
|
+
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";
|
|
37395
37331
|
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"};
|
|
37332
|
+
styleInject(css_248z$1);
|
|
37396
37333
|
|
|
37397
37334
|
var FormItemViewModel = /** @class */ (function () {
|
|
37398
37335
|
function FormItemViewModel(props) {
|
|
@@ -59731,7 +59668,9 @@ var Select = observer(function (_a) {
|
|
|
59731
59668
|
createElement(SVGCaretDown, null))));
|
|
59732
59669
|
});
|
|
59733
59670
|
|
|
59671
|
+
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";
|
|
59734
59672
|
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"};
|
|
59673
|
+
styleInject(css_248z$2);
|
|
59735
59674
|
|
|
59736
59675
|
var Button = observer(function (_a) {
|
|
59737
59676
|
var text = _a.text, style = _a.style, onClick = _a.onClick, size = _a.size, isLoading = _a.isLoading, isDisabled = _a.isDisabled, isLine = _a.isLine;
|
|
@@ -59750,7 +59689,9 @@ var SVGCheck = function (_a) {
|
|
|
59750
59689
|
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" })));
|
|
59751
59690
|
};
|
|
59752
59691
|
|
|
59692
|
+
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";
|
|
59753
59693
|
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"};
|
|
59694
|
+
styleInject(css_248z$3);
|
|
59754
59695
|
|
|
59755
59696
|
var Checkbox = observer(function (_a) {
|
|
59756
59697
|
var value = _a.value, label = _a.label, hasError = _a.hasError, removePadding = _a.removePadding, onChange = _a.onChange;
|
|
@@ -59777,7 +59718,9 @@ var Checkbox = observer(function (_a) {
|
|
|
59777
59718
|
!!label && createElement("div", { className: labelClasses.join(" ") }, label)));
|
|
59778
59719
|
});
|
|
59779
59720
|
|
|
59721
|
+
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";
|
|
59780
59722
|
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"};
|
|
59723
|
+
styleInject(css_248z$4);
|
|
59781
59724
|
|
|
59782
59725
|
var SVGWarning = function (_a) {
|
|
59783
59726
|
var className = _a.className;
|
|
@@ -59882,13 +59825,21 @@ var Errors = function (_a) {
|
|
|
59882
59825
|
};
|
|
59883
59826
|
var Errors$1 = observer(Errors);
|
|
59884
59827
|
|
|
59828
|
+
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";
|
|
59885
59829
|
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"};
|
|
59830
|
+
styleInject(css_248z$5);
|
|
59886
59831
|
|
|
59832
|
+
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";
|
|
59887
59833
|
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"};
|
|
59834
|
+
styleInject(css_248z$6);
|
|
59888
59835
|
|
|
59836
|
+
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";
|
|
59889
59837
|
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"};
|
|
59838
|
+
styleInject(css_248z$7);
|
|
59890
59839
|
|
|
59840
|
+
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";
|
|
59891
59841
|
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"};
|
|
59842
|
+
styleInject(css_248z$8);
|
|
59892
59843
|
|
|
59893
59844
|
var Toggle = observer(function (_a) {
|
|
59894
59845
|
var value = _a.value, label = _a.label, hasError = _a.hasError, removePadding = _a.removePadding, onChange = _a.onChange;
|
|
@@ -60471,7 +60422,9 @@ var TaxNumber = observer(function (_a) {
|
|
|
60471
60422
|
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 }));
|
|
60472
60423
|
});
|
|
60473
60424
|
|
|
60425
|
+
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";
|
|
60474
60426
|
var styles$8 = {"AddressText":"style-module_AddressText__2J31s","CancelEdit":"style-module_CancelEdit__2MXfO","EditAddressActions":"style-module_EditAddressActions__1TY0T"};
|
|
60427
|
+
styleInject(css_248z$9);
|
|
60475
60428
|
|
|
60476
60429
|
var CustomerAddressesViewModel = /** @class */ (function () {
|
|
60477
60430
|
function CustomerAddressesViewModel(vm, addressType) {
|
|
@@ -60678,7 +60631,9 @@ var CheckoutStepInfo = function (_a) {
|
|
|
60678
60631
|
};
|
|
60679
60632
|
var CheckoutStepInfo$1 = observer(CheckoutStepInfo);
|
|
60680
60633
|
|
|
60634
|
+
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";
|
|
60681
60635
|
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"};
|
|
60636
|
+
styleInject(css_248z$a);
|
|
60682
60637
|
|
|
60683
60638
|
var CheckoutStepShipping = observer(function (_a) {
|
|
60684
60639
|
var vm = _a.vm;
|
|
@@ -60762,7 +60717,9 @@ var SVGVisa = function (_a) {
|
|
|
60762
60717
|
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" })));
|
|
60763
60718
|
};
|
|
60764
60719
|
|
|
60720
|
+
var css_248z$b = ".style-module_CardLogo__1jFyp {\n display: flex;\n align-items: center;\n height: 100%;\n padding-right: 16px; }\n";
|
|
60765
60721
|
var styles$a = {"CardLogo":"style-module_CardLogo__1jFyp"};
|
|
60722
|
+
styleInject(css_248z$b);
|
|
60766
60723
|
|
|
60767
60724
|
var CreditCardForm = observer(function (_a) {
|
|
60768
60725
|
var _b;
|
|
@@ -60795,7 +60752,9 @@ var CreditCardForm = observer(function (_a) {
|
|
|
60795
60752
|
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 }))));
|
|
60796
60753
|
});
|
|
60797
60754
|
|
|
60755
|
+
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";
|
|
60798
60756
|
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"};
|
|
60757
|
+
styleInject(css_248z$c);
|
|
60799
60758
|
|
|
60800
60759
|
var Installments = observer(function (_a) {
|
|
60801
60760
|
var _b;
|
|
@@ -60813,7 +60772,9 @@ var Installments = observer(function (_a) {
|
|
|
60813
60772
|
createElement("div", { className: styles$b.Price }, formatMoney(ip.totalPrice, vm.checkout.cart.currencyCode)))); }))));
|
|
60814
60773
|
});
|
|
60815
60774
|
|
|
60775
|
+
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";
|
|
60816
60776
|
var styles$c = {"PaymentLogoContainer":"style-module_PaymentLogoContainer__224HZ","AdditionalPrice":"style-module_AdditionalPrice__gW28c"};
|
|
60777
|
+
styleInject(css_248z$d);
|
|
60817
60778
|
|
|
60818
60779
|
var PaymentGateways = observer(function (_a) {
|
|
60819
60780
|
var vm = _a.vm;
|
|
@@ -60865,7 +60826,9 @@ var BillingAddress = observer(function (_a) {
|
|
|
60865
60826
|
vm.useDifferentAddress && (createElement(CustomerAddresses$1, { vm: customerAddressesViewModel }))));
|
|
60866
60827
|
});
|
|
60867
60828
|
|
|
60829
|
+
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";
|
|
60868
60830
|
var styles$d = {"StepPayment":"style-module_StepPayment__3STxe","TermsLabelSpan":"style-module_TermsLabelSpan__35xVC","SecurePaymentContainer":"style-module_SecurePaymentContainer__8jSz4","Lock":"style-module_Lock__2gl_x"};
|
|
60831
|
+
styleInject(css_248z$e);
|
|
60869
60832
|
|
|
60870
60833
|
var SVGLock = function (_a) {
|
|
60871
60834
|
var className = _a.className;
|
|
@@ -60911,7 +60874,9 @@ var CheckoutStepPayment = observer(function (_a) {
|
|
|
60911
60874
|
createElement("span", null, t("checkout-page:securePaymentTooltip"))))));
|
|
60912
60875
|
});
|
|
60913
60876
|
|
|
60877
|
+
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";
|
|
60914
60878
|
var styles$e = {"Container":"style-module_Container__2_f6f","Button":"style-module_Button__38WsW","loader":"style-module_loader__2oUyh","load8":"style-module_load8__2JtWU"};
|
|
60879
|
+
styleInject(css_248z$f);
|
|
60915
60880
|
|
|
60916
60881
|
var InputWithButton = function (_a) {
|
|
60917
60882
|
var value = _a.value, placeholder = _a.placeholder, buttonLabel = _a.buttonLabel, isLoading = _a.isLoading, onClick = _a.onClick, onChange = _a.onChange;
|
|
@@ -60929,7 +60894,9 @@ var InputWithButton = function (_a) {
|
|
|
60929
60894
|
};
|
|
60930
60895
|
var InputWithButton$1 = observer(InputWithButton);
|
|
60931
60896
|
|
|
60897
|
+
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";
|
|
60932
60898
|
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"};
|
|
60899
|
+
styleInject(css_248z$g);
|
|
60933
60900
|
|
|
60934
60901
|
var CartItem = observer(function (_a) {
|
|
60935
60902
|
var _b;
|
|
@@ -60949,7 +60916,9 @@ var CartItem = observer(function (_a) {
|
|
|
60949
60916
|
formatMoney(cartItem.finalPriceWithQuantity, currencyCode)))));
|
|
60950
60917
|
});
|
|
60951
60918
|
|
|
60919
|
+
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";
|
|
60952
60920
|
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"};
|
|
60921
|
+
styleInject(css_248z$h);
|
|
60953
60922
|
|
|
60954
60923
|
var Tooltip = function (_a) {
|
|
60955
60924
|
var text = _a.text, className = _a.className, style = _a.style;
|
|
@@ -60977,7 +60946,9 @@ var SVGGift = function (_a) {
|
|
|
60977
60946
|
createElement("rect", { width: "16", height: "16", fill: "white" })))));
|
|
60978
60947
|
};
|
|
60979
60948
|
|
|
60949
|
+
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";
|
|
60980
60950
|
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"};
|
|
60951
|
+
styleInject(css_248z$i);
|
|
60981
60952
|
|
|
60982
60953
|
var SVGIkas = function (_a) {
|
|
60983
60954
|
var className = _a.className;
|
|
@@ -61210,7 +61181,9 @@ var Note = observer(function (_a) {
|
|
|
61210
61181
|
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 }))))));
|
|
61211
61182
|
});
|
|
61212
61183
|
|
|
61184
|
+
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";
|
|
61213
61185
|
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"};
|
|
61186
|
+
styleInject(css_248z$j);
|
|
61214
61187
|
|
|
61215
61188
|
var SVGSuccessCircle = function (_a) {
|
|
61216
61189
|
var className = _a.className;
|
|
@@ -61219,7 +61192,9 @@ var SVGSuccessCircle = function (_a) {
|
|
|
61219
61192
|
createElement("path", { d: "M12 20L18 26L28.0005 15.9998", stroke: "white", "stroke-width": "3.2", "stroke-linecap": "round" })));
|
|
61220
61193
|
};
|
|
61221
61194
|
|
|
61195
|
+
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";
|
|
61222
61196
|
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"};
|
|
61197
|
+
styleInject(css_248z$k);
|
|
61223
61198
|
|
|
61224
61199
|
var ExpandableSection = function (_a) {
|
|
61225
61200
|
var title = _a.title, children = _a.children;
|
|
@@ -61242,7 +61217,9 @@ var SVGCross$1 = function (_a) {
|
|
|
61242
61217
|
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" })));
|
|
61243
61218
|
};
|
|
61244
61219
|
|
|
61220
|
+
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";
|
|
61245
61221
|
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"};
|
|
61222
|
+
styleInject(css_248z$l);
|
|
61246
61223
|
|
|
61247
61224
|
var Modal = observer(function (_a) {
|
|
61248
61225
|
var title = _a.title, onClose = _a.onClose, modalContent = _a.modalContent;
|
|
@@ -61272,7 +61249,6 @@ var StepSuccess = observer(function (_a) {
|
|
|
61272
61249
|
var t = useTranslation().t;
|
|
61273
61250
|
var _f = useState(false), isContactModalVisible = _f[0], setContactModalVisible = _f[1];
|
|
61274
61251
|
useEffect(function () {
|
|
61275
|
-
var _a;
|
|
61276
61252
|
if (typeof localStorage !== "undefined") {
|
|
61277
61253
|
var lsCartId = localStorage.getItem(CART_LS_KEY);
|
|
61278
61254
|
var lsCheckoutId = localStorage.getItem(CHECKOUT_LS_KEY);
|
|
@@ -61281,7 +61257,7 @@ var StepSuccess = observer(function (_a) {
|
|
|
61281
61257
|
if (lsCheckoutId && lsCheckoutId === vm.checkout.id)
|
|
61282
61258
|
localStorage.removeItem(CHECKOUT_LS_KEY);
|
|
61283
61259
|
}
|
|
61284
|
-
Analytics.purchase(vm.checkout,
|
|
61260
|
+
Analytics.purchase(vm.checkout, vm.checkout.orderNumber);
|
|
61285
61261
|
}, []);
|
|
61286
61262
|
var customerName = (((_b = vm.checkout.customer) === null || _b === void 0 ? void 0 : _b.firstName) || "") +
|
|
61287
61263
|
" " +
|
|
@@ -61499,33 +61475,18 @@ var OrderStatus = observer(function (_a) {
|
|
|
61499
61475
|
})) === null || _d === void 0 ? void 0 : _d.text : ""));
|
|
61500
61476
|
});
|
|
61501
61477
|
|
|
61502
|
-
var IMAGE_SIZES = [
|
|
61503
|
-
180,
|
|
61504
|
-
360,
|
|
61505
|
-
540,
|
|
61506
|
-
720,
|
|
61507
|
-
900,
|
|
61508
|
-
1080,
|
|
61509
|
-
1296,
|
|
61510
|
-
1512,
|
|
61511
|
-
1728,
|
|
61512
|
-
1950,
|
|
61513
|
-
2560,
|
|
61514
|
-
3840,
|
|
61515
|
-
];
|
|
61516
61478
|
var Image = function (_a) {
|
|
61517
61479
|
var image = _a.image, others = __rest(_a, ["image"]);
|
|
61518
61480
|
var loader = function (_a) {
|
|
61519
61481
|
var width = _a.width;
|
|
61520
|
-
|
|
61521
|
-
return Math.abs(curr - width) < Math.abs(prev - width) ? curr : prev;
|
|
61522
|
-
});
|
|
61523
|
-
return image.getSrc(closest);
|
|
61482
|
+
return image.getSrc(width);
|
|
61524
61483
|
};
|
|
61525
|
-
return (createElement(NextImage, __assign({}, others, { loader: loader, quality: 100, src: image.src, alt: others.alt || "Image"
|
|
61484
|
+
return (createElement(NextImage, __assign({}, others, { loader: loader, quality: 100, src: image.src, alt: others.alt || "Image" })));
|
|
61526
61485
|
};
|
|
61527
61486
|
|
|
61487
|
+
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";
|
|
61528
61488
|
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"};
|
|
61489
|
+
styleInject(css_248z$m);
|
|
61529
61490
|
|
|
61530
61491
|
var StepContainer = observer(function (_a) {
|
|
61531
61492
|
var steps = _a.steps, stepContent = _a.stepContent;
|
|
@@ -61574,7 +61535,9 @@ var Step = /** @class */ (function () {
|
|
|
61574
61535
|
return Step;
|
|
61575
61536
|
}());
|
|
61576
61537
|
|
|
61538
|
+
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";
|
|
61577
61539
|
var styles$m = {"Actions":"style-module_Actions__ttsEZ","Description":"style-module_Description__3BMvk"};
|
|
61540
|
+
styleInject(css_248z$n);
|
|
61578
61541
|
|
|
61579
61542
|
var StockError = observer(function (_a) {
|
|
61580
61543
|
var vm = _a.vm, error = _a.error;
|
|
@@ -61614,7 +61577,9 @@ var StockError = observer(function (_a) {
|
|
|
61614
61577
|
}, text: t("checkout-page:actions.continue"), isLoading: isLoading, onClick: onContinueClick }))) }));
|
|
61615
61578
|
});
|
|
61616
61579
|
|
|
61580
|
+
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";
|
|
61617
61581
|
var styles$n = {"Container":"style-module_Container__1f6or","loader":"style-module_loader__VCfEE","load8":"style-module_load8__3N32j"};
|
|
61582
|
+
styleInject(css_248z$o);
|
|
61618
61583
|
|
|
61619
61584
|
var FullscreenLoading = function () {
|
|
61620
61585
|
return (createElement("div", { className: styles$n.Container },
|
|
@@ -61732,7 +61697,7 @@ var Steps = observer(function (_a) {
|
|
|
61732
61697
|
createElement(StepSummaryAddress, { vm: vm }))) : undefined),
|
|
61733
61698
|
new Step(t("checkout-page:shipping"), vm.step === CheckoutStep.SHIPPING, vm.step === CheckoutStep.PAYMENT, vm.step === CheckoutStep.PAYMENT ? (createElement("div", { className: styles$5.AdressStepInfo },
|
|
61734
61699
|
createElement(StepSummaryShipping, { vm: vm }),
|
|
61735
|
-
|
|
61700
|
+
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 },
|
|
61736
61701
|
createElement(StepSummaryShipping, { vm: vm }))) : undefined),
|
|
61737
61702
|
new Step(t("checkout-page:payment"), vm.step === CheckoutStep.PAYMENT, false),
|
|
61738
61703
|
];
|