@ikas/storefront 0.0.165-alpha.7 → 0.0.165-alpha.9
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 +45 -21
- package/build/index.js +45 -21
- package/package.json +1 -1
|
@@ -5,10 +5,10 @@ export declare class Analytics {
|
|
|
5
5
|
constructor();
|
|
6
6
|
static pageView(url: string): void;
|
|
7
7
|
static productView(productDetail: IkasProductDetail): void;
|
|
8
|
-
static addToCart(item: IkasProductDetail | IkasOrderLineItem, quantity: number): void;
|
|
8
|
+
static addToCart(item: IkasProductDetail | IkasOrderLineItem, quantity: number, eventId: string): void;
|
|
9
9
|
static removeFromCart(item: IkasProductDetail | IkasOrderLineItem, quantity: number): void;
|
|
10
10
|
static beginCheckout(checkout: IkasCheckout): void;
|
|
11
|
-
static purchase(checkout: IkasCheckout,
|
|
11
|
+
static purchase(checkout: IkasCheckout, eventId: string): void;
|
|
12
12
|
static checkoutStep(checkout: IkasCheckout, step: CheckoutStep): void;
|
|
13
13
|
static disableHTML(): void;
|
|
14
14
|
static addToWishlist(id: string): void;
|
|
@@ -3,9 +3,9 @@ import { IkasCart } from "../models/data/cart/index";
|
|
|
3
3
|
export declare class FacebookPixel {
|
|
4
4
|
constructor();
|
|
5
5
|
static productView(productDetail: IkasProductDetail): void;
|
|
6
|
-
static addToCart(item: IkasProductDetail | IkasOrderLineItem, quantity: number): void;
|
|
6
|
+
static addToCart(item: IkasProductDetail | IkasOrderLineItem, quantity: number, eventId: string): void;
|
|
7
7
|
static beginCheckout(checkout: IkasCheckout): void;
|
|
8
|
-
static purchase(checkout: IkasCheckout,
|
|
8
|
+
static purchase(checkout: IkasCheckout, eventId: string): void;
|
|
9
9
|
static addToWishlist(id: string): void;
|
|
10
10
|
static search(searchKeyword: string): void;
|
|
11
11
|
static completeRegistration(): void;
|
package/build/index.es.js
CHANGED
|
@@ -17876,13 +17876,13 @@ var FacebookPixel = /** @class */ (function () {
|
|
|
17876
17876
|
console.error(err);
|
|
17877
17877
|
}
|
|
17878
17878
|
};
|
|
17879
|
-
FacebookPixel.addToCart = function (item, quantity) {
|
|
17879
|
+
FacebookPixel.addToCart = function (item, quantity, eventId) {
|
|
17880
17880
|
try {
|
|
17881
17881
|
!isServer &&
|
|
17882
17882
|
window.fbq &&
|
|
17883
17883
|
window.fbq("track", "AddToCart", item instanceof IkasProductDetail
|
|
17884
17884
|
? productToFBPItem(item, quantity)
|
|
17885
|
-
: orderLineItemToFBPItem(item, quantity));
|
|
17885
|
+
: orderLineItemToFBPItem(item, quantity), { eventId: eventId });
|
|
17886
17886
|
return;
|
|
17887
17887
|
}
|
|
17888
17888
|
catch (err) {
|
|
@@ -17900,11 +17900,11 @@ var FacebookPixel = /** @class */ (function () {
|
|
|
17900
17900
|
console.error(err);
|
|
17901
17901
|
}
|
|
17902
17902
|
};
|
|
17903
|
-
FacebookPixel.purchase = function (checkout,
|
|
17903
|
+
FacebookPixel.purchase = function (checkout, eventId) {
|
|
17904
17904
|
try {
|
|
17905
17905
|
!isServer &&
|
|
17906
17906
|
window.fbq &&
|
|
17907
|
-
window.fbq("track", "Purchase", beginCheckoutFBPItem(checkout));
|
|
17907
|
+
window.fbq("track", "Purchase", beginCheckoutFBPItem(checkout), { eventId: eventId });
|
|
17908
17908
|
return;
|
|
17909
17909
|
}
|
|
17910
17910
|
catch (err) {
|
|
@@ -22514,7 +22514,7 @@ var IkasCartStore = /** @class */ (function () {
|
|
|
22514
22514
|
this.addItem = function (variant, product, initialQuantity) {
|
|
22515
22515
|
if (initialQuantity === void 0) { initialQuantity = 1; }
|
|
22516
22516
|
return __awaiter(_this, void 0, void 0, function () {
|
|
22517
|
-
var existingItem, input, cart, err_2;
|
|
22517
|
+
var existingItem, input, cart, eventId, err_2;
|
|
22518
22518
|
var _a, _b, _c;
|
|
22519
22519
|
return __generator(this, function (_d) {
|
|
22520
22520
|
switch (_d.label) {
|
|
@@ -22553,7 +22553,10 @@ var IkasCartStore = /** @class */ (function () {
|
|
|
22553
22553
|
_d.sent();
|
|
22554
22554
|
_d.label = 3;
|
|
22555
22555
|
case 3:
|
|
22556
|
-
|
|
22556
|
+
if (this.cart) {
|
|
22557
|
+
eventId = this.cart.id + "-" + this.cart.updatedAt;
|
|
22558
|
+
Analytics.addToCart(new IkasProductDetail(product, variant.variantValues), initialQuantity, eventId);
|
|
22559
|
+
}
|
|
22557
22560
|
return [3 /*break*/, 5];
|
|
22558
22561
|
case 4:
|
|
22559
22562
|
err_2 = _d.sent();
|
|
@@ -22565,7 +22568,7 @@ var IkasCartStore = /** @class */ (function () {
|
|
|
22565
22568
|
});
|
|
22566
22569
|
};
|
|
22567
22570
|
this.changeItemQuantity = function (item, quantity) { return __awaiter(_this, void 0, void 0, function () {
|
|
22568
|
-
var input, cart, oldQuantity, err_3;
|
|
22571
|
+
var input, cart, eventId, oldQuantity, err_3;
|
|
22569
22572
|
var _a, _b, _c;
|
|
22570
22573
|
return __generator(this, function (_d) {
|
|
22571
22574
|
switch (_d.label) {
|
|
@@ -22599,12 +22602,15 @@ var IkasCartStore = /** @class */ (function () {
|
|
|
22599
22602
|
_d.label = 3;
|
|
22600
22603
|
case 3:
|
|
22601
22604
|
this.removeCardIfEmpty();
|
|
22602
|
-
|
|
22603
|
-
|
|
22604
|
-
|
|
22605
|
-
|
|
22606
|
-
|
|
22607
|
-
|
|
22605
|
+
if (this.cart) {
|
|
22606
|
+
eventId = this.cart.id + "-" + this.cart.updatedAt;
|
|
22607
|
+
oldQuantity = item.quantity;
|
|
22608
|
+
if (oldQuantity > quantity) {
|
|
22609
|
+
Analytics.removeFromCart(item, oldQuantity - quantity);
|
|
22610
|
+
}
|
|
22611
|
+
else {
|
|
22612
|
+
Analytics.addToCart(item, quantity - oldQuantity, eventId);
|
|
22613
|
+
}
|
|
22608
22614
|
}
|
|
22609
22615
|
return [3 /*break*/, 5];
|
|
22610
22616
|
case 4:
|
|
@@ -24108,9 +24114,9 @@ var Analytics = /** @class */ (function () {
|
|
|
24108
24114
|
console.error(err);
|
|
24109
24115
|
}
|
|
24110
24116
|
};
|
|
24111
|
-
Analytics.addToCart = function (item, quantity) {
|
|
24117
|
+
Analytics.addToCart = function (item, quantity, eventId) {
|
|
24112
24118
|
try {
|
|
24113
|
-
FacebookPixel.addToCart(item, quantity);
|
|
24119
|
+
FacebookPixel.addToCart(item, quantity, eventId);
|
|
24114
24120
|
GoogleTagManager.addToCart(item, quantity);
|
|
24115
24121
|
}
|
|
24116
24122
|
catch (err) {
|
|
@@ -24138,11 +24144,11 @@ var Analytics = /** @class */ (function () {
|
|
|
24138
24144
|
console.error(err);
|
|
24139
24145
|
}
|
|
24140
24146
|
};
|
|
24141
|
-
Analytics.purchase = function (checkout,
|
|
24147
|
+
Analytics.purchase = function (checkout, eventId) {
|
|
24142
24148
|
try {
|
|
24143
24149
|
localStorage.removeItem(LS_BEGIN_CHECKOUT_KEY);
|
|
24144
|
-
FacebookPixel.purchase(checkout,
|
|
24145
|
-
GoogleTagManager.purchase(checkout,
|
|
24150
|
+
FacebookPixel.purchase(checkout, eventId);
|
|
24151
|
+
GoogleTagManager.purchase(checkout, eventId);
|
|
24146
24152
|
}
|
|
24147
24153
|
catch (err) {
|
|
24148
24154
|
console.error(err);
|
|
@@ -61314,6 +61320,7 @@ var StepSuccess = observer(function (_a) {
|
|
|
61314
61320
|
var t = useTranslation().t;
|
|
61315
61321
|
var _f = useState(false), isContactModalVisible = _f[0], setContactModalVisible = _f[1];
|
|
61316
61322
|
useEffect(function () {
|
|
61323
|
+
var _a;
|
|
61317
61324
|
if (typeof localStorage !== "undefined") {
|
|
61318
61325
|
var lsCartId = localStorage.getItem(CART_LS_KEY);
|
|
61319
61326
|
var lsCheckoutId = localStorage.getItem(CHECKOUT_LS_KEY);
|
|
@@ -61322,7 +61329,7 @@ var StepSuccess = observer(function (_a) {
|
|
|
61322
61329
|
if (lsCheckoutId && lsCheckoutId === vm.checkout.id)
|
|
61323
61330
|
localStorage.removeItem(CHECKOUT_LS_KEY);
|
|
61324
61331
|
}
|
|
61325
|
-
Analytics.purchase(vm.checkout, vm.
|
|
61332
|
+
Analytics.purchase(vm.checkout, ((_a = vm.successTransaction) === null || _a === void 0 ? void 0 : _a.id) || "");
|
|
61326
61333
|
}, []);
|
|
61327
61334
|
var customerName = (((_b = vm.checkout.customer) === null || _b === void 0 ? void 0 : _b.firstName) || "") +
|
|
61328
61335
|
" " +
|
|
@@ -61540,13 +61547,30 @@ var OrderStatus = observer(function (_a) {
|
|
|
61540
61547
|
})) === null || _d === void 0 ? void 0 : _d.text : ""));
|
|
61541
61548
|
});
|
|
61542
61549
|
|
|
61550
|
+
var IMAGE_SIZES = [
|
|
61551
|
+
180,
|
|
61552
|
+
360,
|
|
61553
|
+
540,
|
|
61554
|
+
720,
|
|
61555
|
+
900,
|
|
61556
|
+
1080,
|
|
61557
|
+
1296,
|
|
61558
|
+
1512,
|
|
61559
|
+
1728,
|
|
61560
|
+
1950,
|
|
61561
|
+
2560,
|
|
61562
|
+
3840,
|
|
61563
|
+
];
|
|
61543
61564
|
var Image = function (_a) {
|
|
61544
61565
|
var image = _a.image, others = __rest(_a, ["image"]);
|
|
61545
61566
|
var loader = function (_a) {
|
|
61546
61567
|
var width = _a.width;
|
|
61547
|
-
|
|
61568
|
+
var closest = IMAGE_SIZES.reduce(function (prev, curr) {
|
|
61569
|
+
return Math.abs(curr - width) < Math.abs(prev - width) ? curr : prev;
|
|
61570
|
+
});
|
|
61571
|
+
return image.getSrc(closest);
|
|
61548
61572
|
};
|
|
61549
|
-
return (createElement(NextImage, __assign({}, others, { loader: loader, quality: 100, src: image.src, alt: others.alt || "Image" })));
|
|
61573
|
+
return (createElement(NextImage, __assign({}, others, { loader: loader, quality: 100, src: image.src, alt: others.alt || "Image", unoptimized: true })));
|
|
61550
61574
|
};
|
|
61551
61575
|
|
|
61552
61576
|
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";
|
package/build/index.js
CHANGED
|
@@ -17885,13 +17885,13 @@ var FacebookPixel = /** @class */ (function () {
|
|
|
17885
17885
|
console.error(err);
|
|
17886
17886
|
}
|
|
17887
17887
|
};
|
|
17888
|
-
FacebookPixel.addToCart = function (item, quantity) {
|
|
17888
|
+
FacebookPixel.addToCart = function (item, quantity, eventId) {
|
|
17889
17889
|
try {
|
|
17890
17890
|
!isServer &&
|
|
17891
17891
|
window.fbq &&
|
|
17892
17892
|
window.fbq("track", "AddToCart", item instanceof IkasProductDetail
|
|
17893
17893
|
? productToFBPItem(item, quantity)
|
|
17894
|
-
: orderLineItemToFBPItem(item, quantity));
|
|
17894
|
+
: orderLineItemToFBPItem(item, quantity), { eventId: eventId });
|
|
17895
17895
|
return;
|
|
17896
17896
|
}
|
|
17897
17897
|
catch (err) {
|
|
@@ -17909,11 +17909,11 @@ var FacebookPixel = /** @class */ (function () {
|
|
|
17909
17909
|
console.error(err);
|
|
17910
17910
|
}
|
|
17911
17911
|
};
|
|
17912
|
-
FacebookPixel.purchase = function (checkout,
|
|
17912
|
+
FacebookPixel.purchase = function (checkout, eventId) {
|
|
17913
17913
|
try {
|
|
17914
17914
|
!isServer &&
|
|
17915
17915
|
window.fbq &&
|
|
17916
|
-
window.fbq("track", "Purchase", beginCheckoutFBPItem(checkout));
|
|
17916
|
+
window.fbq("track", "Purchase", beginCheckoutFBPItem(checkout), { eventId: eventId });
|
|
17917
17917
|
return;
|
|
17918
17918
|
}
|
|
17919
17919
|
catch (err) {
|
|
@@ -22523,7 +22523,7 @@ var IkasCartStore = /** @class */ (function () {
|
|
|
22523
22523
|
this.addItem = function (variant, product, initialQuantity) {
|
|
22524
22524
|
if (initialQuantity === void 0) { initialQuantity = 1; }
|
|
22525
22525
|
return __awaiter(_this, void 0, void 0, function () {
|
|
22526
|
-
var existingItem, input, cart, err_2;
|
|
22526
|
+
var existingItem, input, cart, eventId, err_2;
|
|
22527
22527
|
var _a, _b, _c;
|
|
22528
22528
|
return __generator(this, function (_d) {
|
|
22529
22529
|
switch (_d.label) {
|
|
@@ -22562,7 +22562,10 @@ var IkasCartStore = /** @class */ (function () {
|
|
|
22562
22562
|
_d.sent();
|
|
22563
22563
|
_d.label = 3;
|
|
22564
22564
|
case 3:
|
|
22565
|
-
|
|
22565
|
+
if (this.cart) {
|
|
22566
|
+
eventId = this.cart.id + "-" + this.cart.updatedAt;
|
|
22567
|
+
Analytics.addToCart(new IkasProductDetail(product, variant.variantValues), initialQuantity, eventId);
|
|
22568
|
+
}
|
|
22566
22569
|
return [3 /*break*/, 5];
|
|
22567
22570
|
case 4:
|
|
22568
22571
|
err_2 = _d.sent();
|
|
@@ -22574,7 +22577,7 @@ var IkasCartStore = /** @class */ (function () {
|
|
|
22574
22577
|
});
|
|
22575
22578
|
};
|
|
22576
22579
|
this.changeItemQuantity = function (item, quantity) { return __awaiter(_this, void 0, void 0, function () {
|
|
22577
|
-
var input, cart, oldQuantity, err_3;
|
|
22580
|
+
var input, cart, eventId, oldQuantity, err_3;
|
|
22578
22581
|
var _a, _b, _c;
|
|
22579
22582
|
return __generator(this, function (_d) {
|
|
22580
22583
|
switch (_d.label) {
|
|
@@ -22608,12 +22611,15 @@ var IkasCartStore = /** @class */ (function () {
|
|
|
22608
22611
|
_d.label = 3;
|
|
22609
22612
|
case 3:
|
|
22610
22613
|
this.removeCardIfEmpty();
|
|
22611
|
-
|
|
22612
|
-
|
|
22613
|
-
|
|
22614
|
-
|
|
22615
|
-
|
|
22616
|
-
|
|
22614
|
+
if (this.cart) {
|
|
22615
|
+
eventId = this.cart.id + "-" + this.cart.updatedAt;
|
|
22616
|
+
oldQuantity = item.quantity;
|
|
22617
|
+
if (oldQuantity > quantity) {
|
|
22618
|
+
Analytics.removeFromCart(item, oldQuantity - quantity);
|
|
22619
|
+
}
|
|
22620
|
+
else {
|
|
22621
|
+
Analytics.addToCart(item, quantity - oldQuantity, eventId);
|
|
22622
|
+
}
|
|
22617
22623
|
}
|
|
22618
22624
|
return [3 /*break*/, 5];
|
|
22619
22625
|
case 4:
|
|
@@ -24117,9 +24123,9 @@ var Analytics = /** @class */ (function () {
|
|
|
24117
24123
|
console.error(err);
|
|
24118
24124
|
}
|
|
24119
24125
|
};
|
|
24120
|
-
Analytics.addToCart = function (item, quantity) {
|
|
24126
|
+
Analytics.addToCart = function (item, quantity, eventId) {
|
|
24121
24127
|
try {
|
|
24122
|
-
FacebookPixel.addToCart(item, quantity);
|
|
24128
|
+
FacebookPixel.addToCart(item, quantity, eventId);
|
|
24123
24129
|
GoogleTagManager.addToCart(item, quantity);
|
|
24124
24130
|
}
|
|
24125
24131
|
catch (err) {
|
|
@@ -24147,11 +24153,11 @@ var Analytics = /** @class */ (function () {
|
|
|
24147
24153
|
console.error(err);
|
|
24148
24154
|
}
|
|
24149
24155
|
};
|
|
24150
|
-
Analytics.purchase = function (checkout,
|
|
24156
|
+
Analytics.purchase = function (checkout, eventId) {
|
|
24151
24157
|
try {
|
|
24152
24158
|
localStorage.removeItem(LS_BEGIN_CHECKOUT_KEY);
|
|
24153
|
-
FacebookPixel.purchase(checkout,
|
|
24154
|
-
GoogleTagManager.purchase(checkout,
|
|
24159
|
+
FacebookPixel.purchase(checkout, eventId);
|
|
24160
|
+
GoogleTagManager.purchase(checkout, eventId);
|
|
24155
24161
|
}
|
|
24156
24162
|
catch (err) {
|
|
24157
24163
|
console.error(err);
|
|
@@ -61294,6 +61300,7 @@ var StepSuccess = mobxReactLite.observer(function (_a) {
|
|
|
61294
61300
|
var t = useTranslation().t;
|
|
61295
61301
|
var _f = React.useState(false), isContactModalVisible = _f[0], setContactModalVisible = _f[1];
|
|
61296
61302
|
React.useEffect(function () {
|
|
61303
|
+
var _a;
|
|
61297
61304
|
if (typeof localStorage !== "undefined") {
|
|
61298
61305
|
var lsCartId = localStorage.getItem(CART_LS_KEY);
|
|
61299
61306
|
var lsCheckoutId = localStorage.getItem(CHECKOUT_LS_KEY);
|
|
@@ -61302,7 +61309,7 @@ var StepSuccess = mobxReactLite.observer(function (_a) {
|
|
|
61302
61309
|
if (lsCheckoutId && lsCheckoutId === vm.checkout.id)
|
|
61303
61310
|
localStorage.removeItem(CHECKOUT_LS_KEY);
|
|
61304
61311
|
}
|
|
61305
|
-
Analytics.purchase(vm.checkout, vm.
|
|
61312
|
+
Analytics.purchase(vm.checkout, ((_a = vm.successTransaction) === null || _a === void 0 ? void 0 : _a.id) || "");
|
|
61306
61313
|
}, []);
|
|
61307
61314
|
var customerName = (((_b = vm.checkout.customer) === null || _b === void 0 ? void 0 : _b.firstName) || "") +
|
|
61308
61315
|
" " +
|
|
@@ -61520,13 +61527,30 @@ var OrderStatus = mobxReactLite.observer(function (_a) {
|
|
|
61520
61527
|
})) === null || _d === void 0 ? void 0 : _d.text : ""));
|
|
61521
61528
|
});
|
|
61522
61529
|
|
|
61530
|
+
var IMAGE_SIZES = [
|
|
61531
|
+
180,
|
|
61532
|
+
360,
|
|
61533
|
+
540,
|
|
61534
|
+
720,
|
|
61535
|
+
900,
|
|
61536
|
+
1080,
|
|
61537
|
+
1296,
|
|
61538
|
+
1512,
|
|
61539
|
+
1728,
|
|
61540
|
+
1950,
|
|
61541
|
+
2560,
|
|
61542
|
+
3840,
|
|
61543
|
+
];
|
|
61523
61544
|
var Image = function (_a) {
|
|
61524
61545
|
var image = _a.image, others = __rest(_a, ["image"]);
|
|
61525
61546
|
var loader = function (_a) {
|
|
61526
61547
|
var width = _a.width;
|
|
61527
|
-
|
|
61548
|
+
var closest = IMAGE_SIZES.reduce(function (prev, curr) {
|
|
61549
|
+
return Math.abs(curr - width) < Math.abs(prev - width) ? curr : prev;
|
|
61550
|
+
});
|
|
61551
|
+
return image.getSrc(closest);
|
|
61528
61552
|
};
|
|
61529
|
-
return (React.createElement(NextImage__default['default'], __assign({}, others, { loader: loader, quality: 100, src: image.src, alt: others.alt || "Image" })));
|
|
61553
|
+
return (React.createElement(NextImage__default['default'], __assign({}, others, { loader: loader, quality: 100, src: image.src, alt: others.alt || "Image", unoptimized: true })));
|
|
61530
61554
|
};
|
|
61531
61555
|
|
|
61532
61556
|
var css_248z$m = ".style-module_StepContainer__1O2dD {\n width: 100%; }\n .style-module_StepContainer__1O2dD .style-module_Step__1iOYA {\n width: 100%; }\n .style-module_StepContainer__1O2dD .style-module_Step__1iOYA .style-module_StepTitleContainer__2GUg2 {\n padding: 24px 0;\n border-top: 1px solid var(--checkout-border-color); }\n .style-module_StepContainer__1O2dD .style-module_Step__1iOYA .style-module_StepTitleContainer__2GUg2.style-module_First__cAzdJ {\n border-top: none; }\n .style-module_StepContainer__1O2dD .style-module_Step__1iOYA .style-module_StepTitleContainer__2GUg2 .style-module_StepTitleTop__3zfsj {\n display: flex;\n align-items: center; }\n .style-module_StepContainer__1O2dD .style-module_Step__1iOYA .style-module_StepTitleContainer__2GUg2 .style-module_StepTitleTop__3zfsj.style-module_WithRightContent__2fqb1 {\n align-items: flex-start; }\n .style-module_StepContainer__1O2dD .style-module_Step__1iOYA .style-module_StepTitleContainer__2GUg2 .style-module_StepCircle__36A5q {\n width: 32px;\n height: 32px;\n border-radius: 100%;\n border: 1px solid var(--checkout-button-bg-color);\n color: var(--checkout-button-bg-color);\n display: flex;\n justify-content: center;\n align-items: center;\n margin-right: 16px;\n flex: 0 0 auto;\n font-size: 20px; }\n .style-module_StepContainer__1O2dD .style-module_Step__1iOYA .style-module_StepTitleContainer__2GUg2 .style-module_StepCircle__36A5q.style-module_Selected__3j91L {\n background-color: var(--checkout-button-bg-color);\n color: var(--checkout-button-text-color); }\n .style-module_StepContainer__1O2dD .style-module_Step__1iOYA .style-module_StepTitleContainer__2GUg2 .style-module_StepCircle__36A5q.style-module_Selected__3j91L svg {\n transform: scale(1.5);\n position: relative;\n right: -1px; }\n .style-module_StepContainer__1O2dD .style-module_Step__1iOYA .style-module_StepTitleContainer__2GUg2 .style-module_StepTitle__10YDP {\n font-size: 22px;\n color: var(--checkout-primary-text-color);\n flex: 0 0 auto;\n font-weight: 600;\n line-height: 32px; }\n .style-module_StepContainer__1O2dD .style-module_Step__1iOYA .style-module_StepTitleContainer__2GUg2 .style-module_StepTitle__10YDP.style-module_Light__15wSX {\n color: var(--checkout-button-disabled-text-color); }\n .style-module_StepContainer__1O2dD .style-module_Step__1iOYA .style-module_StepTitleContainer__2GUg2 .style-module_StepTitleRightContent__2Q43m {\n flex: 1 1 auto; }\n .style-module_StepContainer__1O2dD .style-module_StepContent__20QIi {\n padding-bottom: 24px;\n padding-left: 48px;\n width: 100%; }\n @media only screen and (max-width: 1000px) {\n .style-module_StepContainer__1O2dD {\n padding: 0 24px; }\n .style-module_StepContainer__1O2dD .style-module_StepContent__20QIi {\n padding-left: 0px; } }\n";
|