ads-web-sdkm 2.0.27 → 2.0.28
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/dist/Brandshop.js +163 -166
- package/dist/Brandshop.js.map +1 -1
- package/dist/Brandshops.js +1 -1
- package/dist/Image-BEPWcsda.js +34 -0
- package/dist/Image-BEPWcsda.js.map +1 -0
- package/dist/components/Brandshop/Banner.d.ts +1 -2
- package/dist/components/Image/Image.d.ts +1 -3
- package/package.json +1 -1
- package/dist/Image-DBd789zZ.js +0 -36
- package/dist/Image-DBd789zZ.js.map +0 -1
package/dist/Brandshop.js
CHANGED
|
@@ -1,19 +1,19 @@
|
|
|
1
|
-
import { jsxs as
|
|
1
|
+
import { jsxs as h, jsx as t } from "react/jsx-runtime";
|
|
2
2
|
import { g as H, a as V, u as W, R as Z } from "./ReactQueryProvider-D__k2BsQ.js";
|
|
3
3
|
import { useState as k, useEffect as T, Component as F } from "react";
|
|
4
4
|
import { h as B, S as y, b as Q, c as j, d as K, e as q, f as z, g as J, u as X, a as e2, A as L } from "./ads-CChrT00a.js";
|
|
5
|
-
import { I as N } from "./Image-
|
|
5
|
+
import { I as N } from "./Image-BEPWcsda.js";
|
|
6
6
|
const n2 = async ({
|
|
7
7
|
deviceType: e,
|
|
8
8
|
language: n,
|
|
9
|
-
brandshopId:
|
|
9
|
+
brandshopId: o,
|
|
10
10
|
environment: a,
|
|
11
11
|
adServerApiKey: r
|
|
12
12
|
}) => {
|
|
13
13
|
const [s, c] = await H(r), d = V("adServer", a);
|
|
14
14
|
try {
|
|
15
15
|
return (await (await fetch(
|
|
16
|
-
`${d}/api/v2/brandshop/server/${
|
|
16
|
+
`${d}/api/v2/brandshop/server/${o}`,
|
|
17
17
|
{
|
|
18
18
|
headers: {
|
|
19
19
|
device: e,
|
|
@@ -29,21 +29,21 @@ const n2 = async ({
|
|
|
29
29
|
}, t2 = "brandshop", o2 = ({
|
|
30
30
|
deviceType: e,
|
|
31
31
|
language: n,
|
|
32
|
-
brandshopId:
|
|
32
|
+
brandshopId: o,
|
|
33
33
|
environment: a,
|
|
34
34
|
adServerApiKey: r,
|
|
35
35
|
enabled: s
|
|
36
36
|
}) => W({
|
|
37
37
|
queryKey: [
|
|
38
38
|
t2,
|
|
39
|
-
|
|
39
|
+
o,
|
|
40
40
|
e,
|
|
41
41
|
n
|
|
42
42
|
],
|
|
43
43
|
queryFn: () => n2({
|
|
44
44
|
deviceType: e,
|
|
45
45
|
language: n,
|
|
46
|
-
brandshopId:
|
|
46
|
+
brandshopId: o,
|
|
47
47
|
environment: a,
|
|
48
48
|
adServerApiKey: r
|
|
49
49
|
}),
|
|
@@ -85,25 +85,25 @@ const n2 = async ({
|
|
|
85
85
|
}, O2 = ({
|
|
86
86
|
image: e,
|
|
87
87
|
text: n,
|
|
88
|
-
alt:
|
|
88
|
+
alt: o,
|
|
89
89
|
onClick: a
|
|
90
|
-
}) => e ? /* @__PURE__ */
|
|
91
|
-
/* @__PURE__ */
|
|
92
|
-
/* @__PURE__ */
|
|
93
|
-
] }) : null, H2 = ({ image: e, alt: n
|
|
90
|
+
}) => e ? /* @__PURE__ */ h("button", { type: "button", className: l.bannerButton, onClick: a, children: [
|
|
91
|
+
/* @__PURE__ */ t(N, { src: e, alt: o, className: l.bannerImage }),
|
|
92
|
+
/* @__PURE__ */ t("div", { className: l.bannerCta, children: n })
|
|
93
|
+
] }) : null, H2 = ({ image: e, alt: n }) => /* @__PURE__ */ t("div", { className: l.banner, children: /* @__PURE__ */ t(
|
|
94
94
|
N,
|
|
95
95
|
{
|
|
96
96
|
src: e,
|
|
97
97
|
alt: n,
|
|
98
98
|
className: l.bannerImage,
|
|
99
|
-
fetchPriority:
|
|
99
|
+
fetchPriority: "high"
|
|
100
100
|
}
|
|
101
|
-
) }), b = (e, n,
|
|
101
|
+
) }), b = (e, n, o) => {
|
|
102
102
|
switch (e) {
|
|
103
103
|
case "ads_bs_pageload":
|
|
104
104
|
case "ads_bs_pageend": {
|
|
105
105
|
const { brandName: a, userStatus: r, platform: s } = n;
|
|
106
|
-
|
|
106
|
+
o?.(e, {
|
|
107
107
|
brand_name: a,
|
|
108
108
|
user_status: r,
|
|
109
109
|
platform: s
|
|
@@ -112,7 +112,7 @@ const n2 = async ({
|
|
|
112
112
|
}
|
|
113
113
|
case "ads_bs_section_view": {
|
|
114
114
|
const { brandName: a, sectionName: r, sectionOrder: s, userStatus: c, platform: d } = n;
|
|
115
|
-
|
|
115
|
+
o?.(e, {
|
|
116
116
|
brand_name: a,
|
|
117
117
|
section_name: r,
|
|
118
118
|
section_order: s,
|
|
@@ -123,7 +123,7 @@ const n2 = async ({
|
|
|
123
123
|
}
|
|
124
124
|
case "ads_bs_content_click": {
|
|
125
125
|
const { contentName: a, contentOrder: r, userStatus: s, platform: c } = n;
|
|
126
|
-
|
|
126
|
+
o?.(e, {
|
|
127
127
|
content_name: a,
|
|
128
128
|
content_order: r,
|
|
129
129
|
user_status: s,
|
|
@@ -135,7 +135,7 @@ const n2 = async ({
|
|
|
135
135
|
}, V2 = ({
|
|
136
136
|
title: e,
|
|
137
137
|
hideTitle: n,
|
|
138
|
-
banners:
|
|
138
|
+
banners: o,
|
|
139
139
|
isLoggedin: a,
|
|
140
140
|
sectionTitle: r,
|
|
141
141
|
onBannerClick: s,
|
|
@@ -153,12 +153,12 @@ const n2 = async ({
|
|
|
153
153
|
},
|
|
154
154
|
c
|
|
155
155
|
);
|
|
156
|
-
const
|
|
157
|
-
|
|
156
|
+
const C = B(u.link.link_destination);
|
|
157
|
+
C && s(C);
|
|
158
158
|
};
|
|
159
|
-
return
|
|
160
|
-
!n && /* @__PURE__ */
|
|
161
|
-
|
|
159
|
+
return o.length === 0 ? null : /* @__PURE__ */ h("div", { className: l.sectionContainer, children: [
|
|
160
|
+
!n && /* @__PURE__ */ t("h2", { className: l.sectionTitle, children: e }),
|
|
161
|
+
o.map((u) => u.link ? /* @__PURE__ */ t(
|
|
162
162
|
O2,
|
|
163
163
|
{
|
|
164
164
|
image: u.image,
|
|
@@ -167,12 +167,11 @@ const n2 = async ({
|
|
|
167
167
|
onClick: () => d(u)
|
|
168
168
|
},
|
|
169
169
|
u.tracking_id
|
|
170
|
-
) : /* @__PURE__ */
|
|
170
|
+
) : /* @__PURE__ */ t(
|
|
171
171
|
H2,
|
|
172
172
|
{
|
|
173
173
|
image: u.image,
|
|
174
|
-
alt: e
|
|
175
|
-
index: h
|
|
174
|
+
alt: e
|
|
176
175
|
},
|
|
177
176
|
u.tracking_id
|
|
178
177
|
))
|
|
@@ -180,7 +179,7 @@ const n2 = async ({
|
|
|
180
179
|
}, W2 = ({
|
|
181
180
|
title: e,
|
|
182
181
|
hideTitle: n,
|
|
183
|
-
categories:
|
|
182
|
+
categories: o,
|
|
184
183
|
isLoggedin: a,
|
|
185
184
|
onCategoryClick: r,
|
|
186
185
|
trackBrandshopHandler: s
|
|
@@ -200,32 +199,31 @@ const n2 = async ({
|
|
|
200
199
|
const m = B(i.link.link_destination);
|
|
201
200
|
m && r(m);
|
|
202
201
|
};
|
|
203
|
-
if (
|
|
204
|
-
const d =
|
|
202
|
+
if (o.length < 2) return null;
|
|
203
|
+
const d = o.slice(0, 6), u = [...d].sort(
|
|
205
204
|
(i, m) => i.display_order - m.display_order
|
|
206
|
-
),
|
|
207
|
-
return /* @__PURE__ */
|
|
208
|
-
!n && /* @__PURE__ */
|
|
209
|
-
/* @__PURE__ */
|
|
205
|
+
), C = d.length === 2 || d.length === 4 ? 2 : 3;
|
|
206
|
+
return /* @__PURE__ */ h("div", { className: l.sectionContainer, children: [
|
|
207
|
+
!n && /* @__PURE__ */ t("h2", { className: l.sectionTitle, children: e }),
|
|
208
|
+
/* @__PURE__ */ t(
|
|
210
209
|
"div",
|
|
211
210
|
{
|
|
212
|
-
className: `${l.categoryContainer} ${l[`cols${
|
|
213
|
-
children: u.map((i) => i ? /* @__PURE__ */
|
|
211
|
+
className: `${l.categoryContainer} ${l[`cols${C}`]} ${d.length === 6 ? l.categoryShrinkGap : ""}`,
|
|
212
|
+
children: u.map((i) => i ? /* @__PURE__ */ h(
|
|
214
213
|
"button",
|
|
215
214
|
{
|
|
216
215
|
className: l.categoryTile,
|
|
217
216
|
onClick: () => c(i),
|
|
218
217
|
children: [
|
|
219
|
-
/* @__PURE__ */
|
|
218
|
+
/* @__PURE__ */ t("div", { className: l.categoryImageWrapper, children: i.image && /* @__PURE__ */ t(
|
|
220
219
|
N,
|
|
221
220
|
{
|
|
222
221
|
src: i.image,
|
|
223
222
|
alt: i.category_name ?? e,
|
|
224
|
-
className: l.categoryImage
|
|
225
|
-
loading: "lazy"
|
|
223
|
+
className: l.categoryImage
|
|
226
224
|
}
|
|
227
225
|
) }),
|
|
228
|
-
i.category_name && /* @__PURE__ */
|
|
226
|
+
i.category_name && /* @__PURE__ */ t(
|
|
229
227
|
"span",
|
|
230
228
|
{
|
|
231
229
|
className: `${l.categoryName} ${d.length === 6 ? l.categoryNameShrink : ""}`,
|
|
@@ -242,7 +240,7 @@ const n2 = async ({
|
|
|
242
240
|
}, R2 = ({
|
|
243
241
|
title: e,
|
|
244
242
|
hideTitle: n,
|
|
245
|
-
logo:
|
|
243
|
+
logo: o,
|
|
246
244
|
navigationLinks: a,
|
|
247
245
|
isLoggedin: r,
|
|
248
246
|
brandshopName: s,
|
|
@@ -264,25 +262,25 @@ const n2 = async ({
|
|
|
264
262
|
m && c(m);
|
|
265
263
|
};
|
|
266
264
|
if (a.length === 0) return null;
|
|
267
|
-
const
|
|
265
|
+
const C = [...a].sort(
|
|
268
266
|
(i, m) => i.link.link_display_order - m.link.link_display_order
|
|
269
267
|
);
|
|
270
|
-
return /* @__PURE__ */
|
|
268
|
+
return /* @__PURE__ */ h(
|
|
271
269
|
"div",
|
|
272
270
|
{
|
|
273
271
|
className: `${l.sectionContainer} ${l.navigationSectionContainer}`,
|
|
274
272
|
children: [
|
|
275
|
-
!n && /* @__PURE__ */
|
|
276
|
-
/* @__PURE__ */
|
|
277
|
-
|
|
273
|
+
!n && /* @__PURE__ */ t("h2", { className: l.sectionTitle, children: e }),
|
|
274
|
+
/* @__PURE__ */ h("div", { className: l.navigationSection, children: [
|
|
275
|
+
o && /* @__PURE__ */ t("h1", { children: /* @__PURE__ */ t(
|
|
278
276
|
N,
|
|
279
277
|
{
|
|
280
|
-
src:
|
|
278
|
+
src: o,
|
|
281
279
|
alt: s ?? e,
|
|
282
280
|
className: l.navigationLogo
|
|
283
281
|
}
|
|
284
282
|
) }),
|
|
285
|
-
/* @__PURE__ */
|
|
283
|
+
/* @__PURE__ */ t("div", { className: l.navigationLinks, children: C.map((i) => /* @__PURE__ */ t(
|
|
286
284
|
"button",
|
|
287
285
|
{
|
|
288
286
|
className: l.navigationLink,
|
|
@@ -298,30 +296,30 @@ const n2 = async ({
|
|
|
298
296
|
};
|
|
299
297
|
var R = /* @__PURE__ */ ((e) => (e.PERCENTAGE = "PERCENTAGE", e.AMOUNT = "AMOUNT", e))(R || {}), I = /* @__PURE__ */ ((e) => (e[e.PROMOTION = 1] = "PROMOTION", e[e.COUPON = 2] = "COUPON", e))(I || {});
|
|
300
298
|
const O = (e, n) => e.type === R.PERCENTAGE ? `${e.value}%` : `${e.discount_value} ${n}`, G = (e, n) => e.reduce(
|
|
301
|
-
(
|
|
302
|
-
...
|
|
299
|
+
(o, a) => a.order === I.PROMOTION ? {
|
|
300
|
+
...o,
|
|
303
301
|
promotion: {
|
|
304
302
|
value: O(a, n),
|
|
305
303
|
priceAfterDiscount: a.price_after_discount
|
|
306
304
|
}
|
|
307
305
|
} : a.order === I.COUPON ? {
|
|
308
|
-
...
|
|
306
|
+
...o,
|
|
309
307
|
coupon: {
|
|
310
308
|
value: O(a, n),
|
|
311
309
|
priceAfterDiscount: a.price_after_discount
|
|
312
310
|
}
|
|
313
|
-
} :
|
|
311
|
+
} : o,
|
|
314
312
|
{ promotion: null, coupon: null }
|
|
315
|
-
), G2 = ({ children: e, className: n }) => /* @__PURE__ */
|
|
313
|
+
), G2 = ({ children: e, className: n }) => /* @__PURE__ */ t("div", { className: n, children: e }), U2 = "_chip_fqk2t_3", Y2 = {
|
|
316
314
|
chip: U2
|
|
317
315
|
};
|
|
318
316
|
function Z2({ children: e, className: n }) {
|
|
319
|
-
return /* @__PURE__ */
|
|
317
|
+
return /* @__PURE__ */ t("div", { className: `${Y2.chip} ${n}`, children: e });
|
|
320
318
|
}
|
|
321
319
|
const F2 = (e) => {
|
|
322
320
|
const {
|
|
323
321
|
promotionValue: n,
|
|
324
|
-
hasCoupon:
|
|
322
|
+
hasCoupon: o,
|
|
325
323
|
isPriceDropped: a,
|
|
326
324
|
saveLabelText: r,
|
|
327
325
|
couponText: s,
|
|
@@ -330,7 +328,7 @@ const F2 = (e) => {
|
|
|
330
328
|
return a ? {
|
|
331
329
|
label: c,
|
|
332
330
|
variant: "priceDrop"
|
|
333
|
-
} :
|
|
331
|
+
} : o ? {
|
|
334
332
|
label: s,
|
|
335
333
|
variant: "coupon"
|
|
336
334
|
} : n ? {
|
|
@@ -410,19 +408,19 @@ const F2 = (e) => {
|
|
|
410
408
|
function Pe({
|
|
411
409
|
language: e,
|
|
412
410
|
promotionValue: n,
|
|
413
|
-
coupon:
|
|
411
|
+
coupon: o,
|
|
414
412
|
isPriceDropped: a,
|
|
415
413
|
className: r
|
|
416
414
|
}) {
|
|
417
415
|
const s = A(e), c = F2({
|
|
418
416
|
promotionValue: n,
|
|
419
|
-
hasCoupon: !!
|
|
417
|
+
hasCoupon: !!o,
|
|
420
418
|
isPriceDropped: a,
|
|
421
419
|
saveLabelText: s.discountChip.save,
|
|
422
420
|
couponText: s.discountChip.onlineExclusive,
|
|
423
421
|
priceDropText: s.discountChip.priceDrop
|
|
424
422
|
});
|
|
425
|
-
return c ? /* @__PURE__ */
|
|
423
|
+
return c ? /* @__PURE__ */ t(
|
|
426
424
|
Z2,
|
|
427
425
|
{
|
|
428
426
|
className: `${r} ${Te[c.variant]}`,
|
|
@@ -432,37 +430,37 @@ function Pe({
|
|
|
432
430
|
}
|
|
433
431
|
const Be = "data:image/svg+xml,%3csvg%20width='14'%20height='14'%20viewBox='0%200%2014%2014'%20fill='none'%20xmlns='http://www.w3.org/2000/svg'%3e%3cpath%20d='M12.94%206.38667L6.94%200.386667C6.7%200.146667%206.36667%200%206%200H1.33333C0.6%200%200%200.6%200%201.33333V6C0%206.36667%200.146667%206.7%200.393333%206.94667L6.39333%2012.9467C6.63333%2013.1867%206.96667%2013.3333%207.33333%2013.3333C7.7%2013.3333%208.03333%2013.1867%208.27333%2012.94L12.94%208.27333C13.1867%208.03333%2013.3333%207.7%2013.3333%207.33333C13.3333%206.96667%2013.18%206.62667%2012.94%206.38667ZM2.33333%203.33333C1.78%203.33333%201.33333%202.88667%201.33333%202.33333C1.33333%201.78%201.78%201.33333%202.33333%201.33333C2.88667%201.33333%203.33333%201.78%203.33333%202.33333C3.33333%202.88667%202.88667%203.33333%202.33333%203.33333Z'%20fill='%231AA573'/%3e%3c/svg%3e";
|
|
434
432
|
function Ie({ value: e, language: n }) {
|
|
435
|
-
const
|
|
436
|
-
return /* @__PURE__ */
|
|
437
|
-
/* @__PURE__ */
|
|
438
|
-
/* @__PURE__ */
|
|
433
|
+
const o = A(n);
|
|
434
|
+
return /* @__PURE__ */ h("div", { className: _.couponBadge, children: [
|
|
435
|
+
/* @__PURE__ */ t(N, { alt: "tag", src: Be, width: 13.3, height: 13.3 }),
|
|
436
|
+
/* @__PURE__ */ t("span", { children: `${o.couponBadge.extra} ${e} ${o.couponBadge.offAtCheckout}` })
|
|
439
437
|
] });
|
|
440
438
|
}
|
|
441
439
|
function $e({
|
|
442
440
|
price: e,
|
|
443
441
|
discounts: n
|
|
444
442
|
}) {
|
|
445
|
-
const { promotion:
|
|
446
|
-
return /* @__PURE__ */
|
|
447
|
-
/* @__PURE__ */
|
|
443
|
+
const { promotion: o } = G(n, e.currency), a = o?.priceAfterDiscount;
|
|
444
|
+
return /* @__PURE__ */ h("div", { className: _.priceWrapper, children: [
|
|
445
|
+
/* @__PURE__ */ t(
|
|
448
446
|
"span",
|
|
449
447
|
{
|
|
450
448
|
className: `${_.priceCurrency} ${a && _.withPromotion}`,
|
|
451
449
|
children: e.currency
|
|
452
450
|
}
|
|
453
451
|
),
|
|
454
|
-
/* @__PURE__ */
|
|
452
|
+
/* @__PURE__ */ t(
|
|
455
453
|
"span",
|
|
456
454
|
{
|
|
457
455
|
className: `${_.priceAmount} ${a && _.withPromotion}`,
|
|
458
|
-
children:
|
|
456
|
+
children: o ? o.priceAfterDiscount : e.base
|
|
459
457
|
}
|
|
460
458
|
),
|
|
461
|
-
a && /* @__PURE__ */
|
|
459
|
+
a && /* @__PURE__ */ t("span", { className: _.priceOriginal, children: e.base })
|
|
462
460
|
] });
|
|
463
461
|
}
|
|
464
462
|
function Ae({ title: e }) {
|
|
465
|
-
return /* @__PURE__ */
|
|
463
|
+
return /* @__PURE__ */ t("div", { className: _.ProductTitle, children: e });
|
|
466
464
|
}
|
|
467
465
|
var $;
|
|
468
466
|
(function(e) {
|
|
@@ -479,20 +477,20 @@ async function Me() {
|
|
|
479
477
|
}
|
|
480
478
|
}
|
|
481
479
|
function Ee(e, n) {
|
|
482
|
-
const
|
|
483
|
-
return { monthlyAmount: a / r, tenure: `${s ? s[1] : n.duration_in_days / 30} months`, murabaha: Number((n?.murabaha_schema === $.YEARLY ?
|
|
480
|
+
const o = n.interest_percent_basis_points / 1e4, a = e + e * o, r = n.duration_in_days / 30, s = n.tenor_key.match(/^(\d+)_/);
|
|
481
|
+
return { monthlyAmount: a / r, tenure: `${s ? s[1] : n.duration_in_days / 30} months`, murabaha: Number((n?.murabaha_schema === $.YEARLY ? o / r * 12 * 100 : o / r * 100).toFixed(2)) };
|
|
484
482
|
}
|
|
485
483
|
async function Le(e) {
|
|
486
484
|
const n = await Me();
|
|
487
485
|
if (n.length === 0) return null;
|
|
488
|
-
const
|
|
486
|
+
const o = n.map((r) => ({ config: r, installment: Ee(e, r) })).reduce((r, s) => s.installment.monthlyAmount < r.installment.monthlyAmount ? s : r), a = function(r) {
|
|
489
487
|
return new Intl.NumberFormat("en-US", { minimumFractionDigits: 2, maximumFractionDigits: 2 }).format(r);
|
|
490
|
-
}(
|
|
491
|
-
return { message: `Pay as low as ${a}/month`, tenure: `${String(
|
|
488
|
+
}(o.installment.monthlyAmount);
|
|
489
|
+
return { message: `Pay as low as ${a}/month`, tenure: `${String(o.config.duration_in_days / 30)}`, amount: a };
|
|
492
490
|
}
|
|
493
491
|
const Oe = "data:image/svg+xml,%3csvg%20width='29'%20height='14'%20viewBox='0%200%2029%2014'%20fill='none'%20xmlns='http://www.w3.org/2000/svg'%3e%3cg%20clip-path='url(%23clip0_5501_9441)'%3e%3cpath%20d='M0%202.77278H2.23046L2.7134%204.15232H2.72612C2.88286%203.69215%203.15714%203.32694%203.54992%203.05672C3.94175%202.78648%204.38158%202.65137%204.8694%202.65137C5.35722%202.65137%205.7706%202.77669%206.08407%203.02635C6.39752%203.27702%206.61303%203.64809%206.72861%204.13958H6.74135C6.93921%203.66375%207.23309%203.29659%207.62098%203.03812C8.0089%202.77963%208.45558%202.65039%208.95906%202.65039C9.33915%202.65039%209.66534%202.73655%209.93864%202.91083C10.2119%203.08413%2010.4196%203.3338%2010.5646%203.66081C10.7086%203.98783%2010.782%204.37751%2010.782%204.82887V9.0644H7.93151V5.59157C7.93151%205.3899%207.88352%205.23226%207.78947%205.11966C7.69446%205.00608%207.56419%204.95028%207.39961%204.95028C7.27619%204.95028%207.17039%204.97868%207.08322%205.03448C6.99701%205.09126%206.93041%205.17352%206.88534%205.28316C6.84028%205.39184%206.81775%205.52305%206.81775%205.67677V9.0654H3.96723V5.59257C3.96723%205.39087%203.91924%205.23323%203.82519%205.12063C3.73018%205.00706%203.59989%204.95125%203.43533%204.95125C3.25313%204.95125%203.11109%205.01391%203.00824%205.13826C2.90538%205.26358%202.85347%205.44276%202.85347%205.67677V9.0654H0V2.77278Z'%20fill='%23D52B92'/%3e%3cpath%20d='M15.2248%202.77148L14.4568%206.5596L13.8936%202.77148H11.0078L12.2832%209.06507H13.9475L13.5214%2011.1652H16.4062L18.1096%202.77148H15.2248Z'%20fill='%23D52B92'/%3e%3cpath%20d='M22.597%2011.1848H21.3668C19.4782%2011.1848%2018.6172%2010.2527%2018.6172%208.55498V2.76953H21.3855V8.71848C21.3855%208.90843%2021.5431%209.06312%2021.738%209.06312H22.597V11.1848Z'%20fill='%23D52B92'/%3e%3cpath%20d='M23.5082%208.8079C24.0518%209.07714%2024.6836%209.21226%2025.4036%209.21226C26.1236%209.21226%2026.7544%209.07714%2027.2992%208.8079C27.8427%208.53863%2028.263%208.15581%2028.5588%207.65942C28.8546%207.16302%2029.0025%206.58731%2029.0025%205.93133C29.0025%205.27533%2028.8546%204.69963%2028.5588%204.20324C28.263%203.70682%2027.8427%203.32499%2027.2992%203.05475C26.7554%202.78551%2026.1236%202.65039%2025.4036%202.65039C24.6836%202.65039%2024.0518%202.78551%2023.5082%203.05475C22.9645%203.324%2022.5444%203.70682%2022.2484%204.20324C21.9526%204.69963%2021.8047%205.27533%2021.8047%205.93133C21.8047%206.58731%2021.9526%207.16302%2022.2484%207.65942C22.5444%208.15581%2022.9637%208.53766%2023.5082%208.8079ZM25.8719%206.97112C25.7387%207.05532%2025.583%207.09742%2025.4036%207.09742C25.2244%207.09742%2025.0676%207.05532%2024.9354%206.97112C24.8023%206.88789%2024.7014%206.76354%2024.6318%206.59907C24.5622%206.43555%2024.527%206.23877%2024.527%206.01062C24.527%205.78249%2024.5622%205.58571%2024.6318%205.42219C24.7022%205.25869%2024.8031%205.13434%2024.9354%205.05014C25.0676%204.96691%2025.2244%204.92385%2025.4036%204.92385C25.583%204.92385%2025.7387%204.96594%2025.8719%205.05014C26.0041%205.13434%2026.106%205.25772%2026.1756%205.42219C26.245%205.58668%2026.2804%205.78249%2026.2804%206.01062C26.2804%206.23877%2026.245%206.43555%2026.1756%206.59907C26.105%206.76354%2026.0041%206.88692%2025.8719%206.97112Z'%20fill='%23D52B92'/%3e%3c/g%3e%3cdefs%3e%3cclipPath%20id='clip0_5501_9441'%3e%3crect%20width='29'%20height='12.4286'%20fill='white'%20transform='translate(0%200.785156)'/%3e%3c/clipPath%3e%3c/defs%3e%3c/svg%3e", He = "data:image/svg+xml,%3csvg%20width='140'%20height='60'%20viewBox='0%200%20140%2060'%20fill='none'%20xmlns='http://www.w3.org/2000/svg'%3e%3cpath%20d='M23.1656%2028.8946C22.7842%2029.8017%2022.2378%2030.4854%2021.5197%2030.9493C20.8016%2031.4166%2019.9563%2031.6434%2018.9874%2031.6434C18.0184%2031.6434%2017.1732%2031.4132%2016.4516%2030.9493C15.7369%2030.4854%2015.1872%2029.7982%2014.8058%2028.8946C14.4278%2027.9875%2014.2354%2026.8983%2014.2354%2025.6338C14.2354%2024.3694%2014.4244%2023.2836%2014.8058%2022.3731C15.1872%2021.466%2015.7369%2020.7822%2016.4516%2020.3183C17.1697%2019.8545%2018.0116%2019.6208%2018.9874%2019.6208C19.9632%2019.6208%2020.8016%2019.8545%2021.5197%2020.3183C22.2344%2020.7822%2022.7842%2021.4694%2023.1656%2022.3731C23.5435%2023.2836%2023.7359%2024.3694%2023.7359%2025.6338C23.7359%2026.8983%2023.547%2027.9875%2023.1656%2028.8946ZM62.0131%2026.2214C62.0131%2027.3965%2061.7416%2028.3105%2061.2022%2028.9702C60.6593%2029.6264%2059.9206%2029.9563%2058.9825%2029.9563C58.5565%2029.9563%2058.1751%2029.8876%2057.8246%2029.7673C57.8589%2029.2038%2057.8796%202.07324%2057.8796%202.07324H42.1152L42.1392%2027.4927C42.1392%2028.6644%2041.8678%2029.5852%2041.3283%2030.2415C40.7854%2030.8978%2040.0467%2031.2276%2039.1052%2031.2276C38.7032%2031.2276%2038.3355%2031.1623%2038.0023%2031.0558L37.9748%2031.0386V25.6338C37.9748%2022.0913%2037.1914%2018.9783%2035.6314%2016.2982C34.0715%2013.6182%2031.8552%2011.5497%2028.9862%2010.0963C26.1137%208.64285%2022.7842%207.91442%2018.9874%207.91442C15.1906%207.91442%2011.8542%208.64285%208.98516%2010.0963C6.11609%2011.5497%203.89987%2013.6182%202.33992%2016.2982C0.779974%2018.9783%200%2022.0913%200%2025.6338C0%2029.1763%200.779974%2032.2928%202.34336%2034.9694C3.90331%2037.6495%206.11953%2039.7145%208.9886%2041.1714C11.8577%2042.6248%2015.194%2043.3532%2018.9908%2043.3532C20.111%2043.3532%2021.1933%2043.2879%2022.231%2043.1608V43.6728C22.231%2045.3083%2020.9081%2046.6346%2019.2691%2046.6346H15.2078V58.8701H22.3375C33.0819%2058.8701%2037.9748%2053.4447%2037.9748%2043.5525V43.3498H38.0057H45.0942C49.6503%2043.3498%2053.612%2040.8037%2055.629%2037.0516L56.1478%2036.5225C57.2027%2038.4123%2058.5668%2039.9413%2060.2538%2041.0923C62.4632%2042.5973%2065.0024%2043.3498%2067.868%2043.3498C70.0293%2043.3498%2071.8882%2042.8447%2073.4378%2041.8345C74.9874%2040.8243%2076.1763%2039.3675%2076.9975%2037.4639C77.8187%2035.5604%2078.231%2033.2926%2078.231%2030.6607V14.1714H62.0165V26.2214H62.0131Z'%20fill='%23D52B92'/%3e%3cpath%20d='M125.191%2028.8145C124.81%2029.725%20124.263%2030.4088%20123.545%2030.8726C122.827%2031.3365%20121.982%2031.5667%20121.013%2031.5667C120.044%2031.5667%20119.198%2031.3365%20118.48%2030.8726C117.762%2030.4088%20117.212%2029.7216%20116.831%2028.8145C116.453%2027.9074%20116.261%2026.8216%20116.261%2025.5571C116.261%2024.2927%20116.453%2023.2069%20116.831%2022.2998C117.212%2021.3927%20117.759%2020.7055%20118.48%2020.2451C119.195%2019.7812%20120.04%2019.5476%20121.013%2019.5476C121.985%2019.5476%20122.827%2019.7812%20123.545%2020.2451C124.26%2020.709%20124.81%2021.3962%20125.191%2022.2998C125.569%2023.2104%20125.761%2024.2927%20125.761%2025.5571C125.761%2026.8216%20125.572%2027.9108%20125.191%2028.8145ZM137.66%2016.2181C136.097%2013.5415%20133.884%2011.473%20131.015%2010.0162C128.146%208.5593%20124.813%207.83087%20121.016%207.83087C117.219%207.83087%20113.883%208.5593%20111.014%2010.0162C108.145%2011.4696%20105.932%2013.5381%20104.369%2016.2181C102.805%2018.8982%20102.025%2022.0112%20102.025%2025.5537C102.025%2027.4676%20102.256%2029.2543%20102.713%2030.9173H101.094C99.4449%2030.9173%2098.1117%2029.5807%2098.1117%2027.9348V2H82.3679V27.9589C82.3679%2037.8511%2087.2608%2043.2765%2098.0052%2043.2765H107.485L107.533%2038.741C108.564%2039.6481%20109.719%2040.4384%20111.014%2041.0947C113.883%2042.5515%20117.219%2043.2765%20121.016%2043.2765C124.813%2043.2765%20128.146%2042.5481%20131.015%2041.0947C133.884%2039.6378%20136.1%2037.5728%20137.66%2034.8927C139.22%2032.2161%20140%2029.1031%20140%2025.5571C140%2022.0112%20139.22%2018.9016%20137.66%2016.2216'%20fill='%23D52B92'/%3e%3cpath%20d='M61.2086%2046.7405C58.2949%2046.7405%2055.9343%2049.101%2055.9343%2052.0147C55.9343%2054.9284%2058.2949%2057.289%2061.2086%2057.289C64.1223%2057.289%2066.4829%2054.9284%2066.4829%2052.0147C66.4829%2049.101%2064.1223%2046.7405%2061.2086%2046.7405Z'%20fill='%23D52B92'/%3e%3cpath%20d='M72.9519%2046.7405C70.0382%2046.7405%2067.6776%2049.101%2067.6776%2052.0147C67.6776%2054.9284%2070.0382%2057.289%2072.9519%2057.289C75.8656%2057.289%2078.2262%2054.9284%2078.2262%2052.0147C78.2262%2049.101%2075.8656%2046.7405%2072.9519%2046.7405Z'%20fill='%23D52B92'/%3e%3c/svg%3e";
|
|
494
492
|
function Ve(e, n = []) {
|
|
495
|
-
const [
|
|
493
|
+
const [o, a] = k(null), [r, s] = k(!0);
|
|
496
494
|
return T(() => {
|
|
497
495
|
if (!e) return;
|
|
498
496
|
let c = !0;
|
|
@@ -503,78 +501,77 @@ function Ve(e, n = []) {
|
|
|
503
501
|
}), () => {
|
|
504
502
|
c = !1;
|
|
505
503
|
};
|
|
506
|
-
}, n), [
|
|
504
|
+
}, n), [o, r];
|
|
507
505
|
}
|
|
508
506
|
const We = (e) => {
|
|
509
507
|
if (!e) return 0;
|
|
510
|
-
const n = e.replaceAll(",", ""),
|
|
511
|
-
return Number.isNaN(
|
|
508
|
+
const n = e.replaceAll(",", ""), o = Number(n);
|
|
509
|
+
return Number.isNaN(o) ? 0 : o;
|
|
512
510
|
}, Re = 500;
|
|
513
511
|
function Ge({
|
|
514
512
|
id: e,
|
|
515
513
|
title: n,
|
|
516
|
-
brand:
|
|
514
|
+
brand: o,
|
|
517
515
|
image: a,
|
|
518
516
|
price: r,
|
|
519
517
|
discounts: s = [],
|
|
520
518
|
language: c,
|
|
521
519
|
className: d
|
|
522
520
|
}) {
|
|
523
|
-
const { promotion: u, coupon:
|
|
521
|
+
const { promotion: u, coupon: C } = G(s, r.currency), i = A(c), [m, g] = Ve(
|
|
524
522
|
() => Le(Number(r.final.replaceAll(",", ""))),
|
|
525
523
|
[r.final]
|
|
526
524
|
), f = `${i.mylo.from} ${m?.amount ?? "0"}${i.mylo.perMonth}`;
|
|
527
|
-
return /* @__PURE__ */
|
|
528
|
-
/* @__PURE__ */
|
|
529
|
-
/* @__PURE__ */
|
|
530
|
-
/* @__PURE__ */
|
|
525
|
+
return /* @__PURE__ */ h(G2, { className: `${_.card} ${d}`, children: [
|
|
526
|
+
/* @__PURE__ */ h("header", { className: _.header, children: [
|
|
527
|
+
/* @__PURE__ */ t("div", { className: _.imageContainer, children: /* @__PURE__ */ t(N, { className: _.image, src: a, alt: n }) }),
|
|
528
|
+
/* @__PURE__ */ t("div", { className: _.topControls, children: /* @__PURE__ */ t(
|
|
531
529
|
Pe,
|
|
532
530
|
{
|
|
533
531
|
language: c,
|
|
534
|
-
coupon:
|
|
532
|
+
coupon: C,
|
|
535
533
|
promotionValue: u?.value,
|
|
536
534
|
isPriceDropped: r.is_price_dropped
|
|
537
535
|
}
|
|
538
536
|
) })
|
|
539
537
|
] }),
|
|
540
|
-
/* @__PURE__ */
|
|
541
|
-
/* @__PURE__ */
|
|
542
|
-
g ? /* @__PURE__ */
|
|
543
|
-
/* @__PURE__ */
|
|
544
|
-
/* @__PURE__ */
|
|
538
|
+
/* @__PURE__ */ h("footer", { className: _.footer, children: [
|
|
539
|
+
/* @__PURE__ */ t("div", { className: _.priceSection, children: /* @__PURE__ */ t($e, { price: r, discounts: s }) }),
|
|
540
|
+
g ? /* @__PURE__ */ t(y, { className: _.myloSkeleton }) : We(r.final) >= Re && /* @__PURE__ */ h("div", { className: _.myloContainer, children: [
|
|
541
|
+
/* @__PURE__ */ t("p", { className: _.myloText, children: f }),
|
|
542
|
+
/* @__PURE__ */ t(
|
|
545
543
|
N,
|
|
546
544
|
{
|
|
547
545
|
className: _.myloIcon,
|
|
548
546
|
src: c === "en" ? Oe : He,
|
|
549
|
-
alt: "mylo"
|
|
550
|
-
loading: "lazy"
|
|
547
|
+
alt: "mylo"
|
|
551
548
|
}
|
|
552
549
|
)
|
|
553
550
|
] }),
|
|
554
|
-
/* @__PURE__ */
|
|
555
|
-
/* @__PURE__ */
|
|
556
|
-
|
|
551
|
+
/* @__PURE__ */ t("h4", { className: _.brand, children: o }),
|
|
552
|
+
/* @__PURE__ */ t(Ae, { title: n }),
|
|
553
|
+
C && /* @__PURE__ */ t(Ie, { value: C.value, language: c })
|
|
557
554
|
] })
|
|
558
555
|
] }, e);
|
|
559
556
|
}
|
|
560
557
|
function Ue({
|
|
561
558
|
slidesToScroll: e,
|
|
562
559
|
products: n,
|
|
563
|
-
onProductClick:
|
|
560
|
+
onProductClick: o,
|
|
564
561
|
language: a
|
|
565
562
|
}) {
|
|
566
|
-
const [r, s] = k(), [c, d] = k(0), [u,
|
|
563
|
+
const [r, s] = k(), [c, d] = k(0), [u, C] = k(0), [i, m] = k(!1), [g, f] = k(!1);
|
|
567
564
|
return T(() => {
|
|
568
565
|
if (!r)
|
|
569
566
|
return;
|
|
570
567
|
const p = () => {
|
|
571
|
-
|
|
568
|
+
C(r.scrollSnapList().length), d(r.selectedScrollSnap()), m(r.canScrollPrev()), f(r.canScrollNext());
|
|
572
569
|
};
|
|
573
570
|
return p(), r.on("select", p), r.on("reInit", p), () => {
|
|
574
571
|
r.off("select", p), r.off("reInit", p);
|
|
575
572
|
};
|
|
576
|
-
}, [r]), /* @__PURE__ */
|
|
577
|
-
/* @__PURE__ */
|
|
573
|
+
}, [r]), /* @__PURE__ */ h("div", { className: _.container, children: [
|
|
574
|
+
/* @__PURE__ */ h(
|
|
578
575
|
Q,
|
|
579
576
|
{
|
|
580
577
|
opts: {
|
|
@@ -585,12 +582,12 @@ function Ue({
|
|
|
585
582
|
setApi: s,
|
|
586
583
|
className: _.carousel,
|
|
587
584
|
children: [
|
|
588
|
-
/* @__PURE__ */
|
|
585
|
+
/* @__PURE__ */ t(j, { className: _.carouselContent, children: n.map((p, v) => /* @__PURE__ */ t(
|
|
589
586
|
K,
|
|
590
587
|
{
|
|
591
588
|
className: _.carouselItem,
|
|
592
|
-
onClick: () =>
|
|
593
|
-
children: /* @__PURE__ */
|
|
589
|
+
onClick: () => o(p, v),
|
|
590
|
+
children: /* @__PURE__ */ t(
|
|
594
591
|
Ge,
|
|
595
592
|
{
|
|
596
593
|
id: p.offering_id,
|
|
@@ -605,14 +602,14 @@ function Ue({
|
|
|
605
602
|
},
|
|
606
603
|
`${p.offering_id}-${v}`
|
|
607
604
|
)) }),
|
|
608
|
-
i && /* @__PURE__ */
|
|
605
|
+
i && /* @__PURE__ */ t(
|
|
609
606
|
q,
|
|
610
607
|
{
|
|
611
608
|
className: _.navButtonPrev,
|
|
612
609
|
iconClassName: _.navButtonPrevIcon
|
|
613
610
|
}
|
|
614
611
|
),
|
|
615
|
-
g && /* @__PURE__ */
|
|
612
|
+
g && /* @__PURE__ */ t(
|
|
616
613
|
z,
|
|
617
614
|
{
|
|
618
615
|
className: _.navButtonNext,
|
|
@@ -622,7 +619,7 @@ function Ue({
|
|
|
622
619
|
]
|
|
623
620
|
}
|
|
624
621
|
),
|
|
625
|
-
/* @__PURE__ */
|
|
622
|
+
/* @__PURE__ */ t(
|
|
626
623
|
J,
|
|
627
624
|
{
|
|
628
625
|
slidesCount: u,
|
|
@@ -649,10 +646,10 @@ const Ye = (e) => ({
|
|
|
649
646
|
}), Ze = async ({
|
|
650
647
|
language: e,
|
|
651
648
|
collectionId: n,
|
|
652
|
-
environment:
|
|
649
|
+
environment: o,
|
|
653
650
|
adServerApiKey: a
|
|
654
651
|
}) => {
|
|
655
|
-
const [r, s] = await H(a), c = V("adServer",
|
|
652
|
+
const [r, s] = await H(a), c = V("adServer", o);
|
|
656
653
|
try {
|
|
657
654
|
return (await (await fetch(
|
|
658
655
|
`${c}/api/v2/brandshop/server/collection/${n}`,
|
|
@@ -672,14 +669,14 @@ const Ye = (e) => ({
|
|
|
672
669
|
}, Fe = "collection", Qe = ({
|
|
673
670
|
language: e,
|
|
674
671
|
collectionId: n,
|
|
675
|
-
environment:
|
|
672
|
+
environment: o,
|
|
676
673
|
adServerApiKey: a
|
|
677
674
|
}) => W({
|
|
678
675
|
queryKey: [Fe, n, e],
|
|
679
676
|
queryFn: () => Ze({
|
|
680
677
|
language: e,
|
|
681
678
|
collectionId: n,
|
|
682
|
-
environment:
|
|
679
|
+
environment: o,
|
|
683
680
|
adServerApiKey: a
|
|
684
681
|
})
|
|
685
682
|
}), je = "_card_15xcs_1", Ke = "_imageSkeleton_15xcs_17", qe = "_titleSkeleton_15xcs_19", ze = "_descriptionSkeleton_15xcs_21", Je = "_priceSkeleton_15xcs_23", Xe = "_buttonSkeleton_15xcs_25", x = {
|
|
@@ -691,12 +688,12 @@ const Ye = (e) => ({
|
|
|
691
688
|
buttonSkeleton: Xe
|
|
692
689
|
}, en = (e) => {
|
|
693
690
|
const { className: n } = e;
|
|
694
|
-
return /* @__PURE__ */
|
|
695
|
-
/* @__PURE__ */
|
|
696
|
-
/* @__PURE__ */
|
|
697
|
-
/* @__PURE__ */
|
|
698
|
-
/* @__PURE__ */
|
|
699
|
-
/* @__PURE__ */
|
|
691
|
+
return /* @__PURE__ */ h("div", { className: `${x.card} ${n || ""}`, children: [
|
|
692
|
+
/* @__PURE__ */ t(y, { className: x.imageSkeleton }),
|
|
693
|
+
/* @__PURE__ */ t(y, { className: x.titleSkeleton }),
|
|
694
|
+
/* @__PURE__ */ t(y, { className: x.descriptionSkeleton }),
|
|
695
|
+
/* @__PURE__ */ t(y, { className: x.priceSkeleton }),
|
|
696
|
+
/* @__PURE__ */ t(y, { className: x.buttonSkeleton })
|
|
700
697
|
] });
|
|
701
698
|
}, nn = "_container_gnnm8_1", tn = "_header_gnnm8_13", on = "_titleSkeleton_gnnm8_27", rn = "_carouselWrapper_gnnm8_37", an = "_carouselContainer_gnnm8_49", sn = "_cardWrapper_gnnm8_67", w = {
|
|
702
699
|
container: nn,
|
|
@@ -706,16 +703,16 @@ const Ye = (e) => ({
|
|
|
706
703
|
carouselContainer: an,
|
|
707
704
|
cardWrapper: sn
|
|
708
705
|
}, cn = (e) => {
|
|
709
|
-
const { length: n } = e,
|
|
710
|
-
return /* @__PURE__ */
|
|
711
|
-
/* @__PURE__ */
|
|
712
|
-
/* @__PURE__ */
|
|
706
|
+
const { length: n } = e, o = n ?? 5;
|
|
707
|
+
return /* @__PURE__ */ h("div", { className: w.container, children: [
|
|
708
|
+
/* @__PURE__ */ t("div", { className: w.header, children: /* @__PURE__ */ t(y, { className: w.titleSkeleton }) }),
|
|
709
|
+
/* @__PURE__ */ t("div", { className: w.carouselWrapper, children: /* @__PURE__ */ t("div", { className: w.carouselContainer, children: Array.from({ length: o }, (a, r) => /* @__PURE__ */ t("div", { className: w.cardWrapper, children: /* @__PURE__ */ t(en, {}) }, r)) }) })
|
|
713
710
|
] });
|
|
714
711
|
};
|
|
715
712
|
function ln({
|
|
716
713
|
products: e,
|
|
717
714
|
title: n,
|
|
718
|
-
hideTitle:
|
|
715
|
+
hideTitle: o,
|
|
719
716
|
isLoggedin: a,
|
|
720
717
|
language: r,
|
|
721
718
|
environment: s,
|
|
@@ -723,7 +720,7 @@ function ln({
|
|
|
723
720
|
trackBrandshopHandler: d,
|
|
724
721
|
onProductClick: u
|
|
725
722
|
}) {
|
|
726
|
-
const { data:
|
|
723
|
+
const { data: C, isLoading: i, error: m } = Qe({
|
|
727
724
|
language: r,
|
|
728
725
|
collectionId: e.collection_id ?? "",
|
|
729
726
|
environment: s,
|
|
@@ -742,12 +739,12 @@ function ln({
|
|
|
742
739
|
const v = Ye(f), S = B(v);
|
|
743
740
|
S && u(S);
|
|
744
741
|
};
|
|
745
|
-
return i ? /* @__PURE__ */
|
|
746
|
-
!
|
|
747
|
-
/* @__PURE__ */
|
|
742
|
+
return i ? /* @__PURE__ */ t(cn, {}) : m || !C ? null : /* @__PURE__ */ h("div", { className: l.sectionContainer, children: [
|
|
743
|
+
!o && /* @__PURE__ */ t("h2", { className: l.sectionTitle, children: n }),
|
|
744
|
+
/* @__PURE__ */ t(
|
|
748
745
|
Ue,
|
|
749
746
|
{
|
|
750
|
-
products:
|
|
747
|
+
products: C.items,
|
|
751
748
|
onProductClick: (f, p) => g(f, p),
|
|
752
749
|
language: r
|
|
753
750
|
}
|
|
@@ -757,7 +754,7 @@ function ln({
|
|
|
757
754
|
const _n = ({
|
|
758
755
|
section: e,
|
|
759
756
|
onLinkClick: n,
|
|
760
|
-
trackBrandshopHandler:
|
|
757
|
+
trackBrandshopHandler: o,
|
|
761
758
|
isLoggedin: a,
|
|
762
759
|
brandName: r,
|
|
763
760
|
language: s,
|
|
@@ -766,7 +763,7 @@ const _n = ({
|
|
|
766
763
|
brandshopName: u
|
|
767
764
|
}) => {
|
|
768
765
|
const {
|
|
769
|
-
section_type:
|
|
766
|
+
section_type: C,
|
|
770
767
|
section_title: i,
|
|
771
768
|
show_section_title: m,
|
|
772
769
|
data: g,
|
|
@@ -782,14 +779,14 @@ const _n = ({
|
|
|
782
779
|
userStatus: a ? "logged_in" : "guest",
|
|
783
780
|
platform: "Web"
|
|
784
781
|
},
|
|
785
|
-
|
|
782
|
+
o
|
|
786
783
|
);
|
|
787
784
|
}
|
|
788
785
|
});
|
|
789
|
-
return /* @__PURE__ */
|
|
790
|
-
switch (
|
|
786
|
+
return /* @__PURE__ */ t("div", { ref: p, style: { width: "100%" }, children: (() => {
|
|
787
|
+
switch (C) {
|
|
791
788
|
case "nav":
|
|
792
|
-
return /* @__PURE__ */
|
|
789
|
+
return /* @__PURE__ */ t(
|
|
793
790
|
R2,
|
|
794
791
|
{
|
|
795
792
|
title: i,
|
|
@@ -798,12 +795,12 @@ const _n = ({
|
|
|
798
795
|
navigationLinks: g[0].navigation_links ?? [],
|
|
799
796
|
onLinkClick: n,
|
|
800
797
|
isLoggedin: a,
|
|
801
|
-
trackBrandshopHandler:
|
|
798
|
+
trackBrandshopHandler: o,
|
|
802
799
|
brandshopName: u
|
|
803
800
|
}
|
|
804
801
|
);
|
|
805
802
|
case "category":
|
|
806
|
-
return /* @__PURE__ */
|
|
803
|
+
return /* @__PURE__ */ t(
|
|
807
804
|
W2,
|
|
808
805
|
{
|
|
809
806
|
title: i,
|
|
@@ -811,11 +808,11 @@ const _n = ({
|
|
|
811
808
|
categories: g,
|
|
812
809
|
onCategoryClick: n,
|
|
813
810
|
isLoggedin: a,
|
|
814
|
-
trackBrandshopHandler:
|
|
811
|
+
trackBrandshopHandler: o
|
|
815
812
|
}
|
|
816
813
|
);
|
|
817
814
|
case "banner":
|
|
818
|
-
return /* @__PURE__ */
|
|
815
|
+
return /* @__PURE__ */ t(
|
|
819
816
|
V2,
|
|
820
817
|
{
|
|
821
818
|
title: i,
|
|
@@ -824,18 +821,18 @@ const _n = ({
|
|
|
824
821
|
onBannerClick: n,
|
|
825
822
|
isLoggedin: a,
|
|
826
823
|
sectionTitle: i,
|
|
827
|
-
trackBrandshopHandler:
|
|
824
|
+
trackBrandshopHandler: o
|
|
828
825
|
}
|
|
829
826
|
);
|
|
830
827
|
case "productSlider":
|
|
831
|
-
return /* @__PURE__ */
|
|
828
|
+
return /* @__PURE__ */ t(
|
|
832
829
|
ln,
|
|
833
830
|
{
|
|
834
831
|
products: g[0],
|
|
835
832
|
title: i,
|
|
836
833
|
hideTitle: !m,
|
|
837
834
|
isLoggedin: a,
|
|
838
|
-
trackBrandshopHandler:
|
|
835
|
+
trackBrandshopHandler: o,
|
|
839
836
|
onProductClick: n,
|
|
840
837
|
language: s,
|
|
841
838
|
environment: c,
|
|
@@ -847,19 +844,19 @@ const _n = ({
|
|
|
847
844
|
}
|
|
848
845
|
})() });
|
|
849
846
|
}, dn = (e, n) => {
|
|
850
|
-
let
|
|
847
|
+
let o;
|
|
851
848
|
return (...a) => {
|
|
852
|
-
clearTimeout(
|
|
849
|
+
clearTimeout(o), o = setTimeout(() => {
|
|
853
850
|
e(...a);
|
|
854
851
|
}, n);
|
|
855
852
|
};
|
|
856
853
|
};
|
|
857
854
|
function un(e = 5) {
|
|
858
|
-
const [n,
|
|
855
|
+
const [n, o] = k(!1);
|
|
859
856
|
return T(() => {
|
|
860
857
|
const r = dn(() => {
|
|
861
858
|
const s = window.scrollY || document.documentElement.scrollTop, c = window.innerHeight, d = document.documentElement.scrollHeight, u = s + c >= d - e;
|
|
862
|
-
|
|
859
|
+
o(u);
|
|
863
860
|
}, 100);
|
|
864
861
|
return window.addEventListener("scroll", r, { passive: !0 }), r(), () => {
|
|
865
862
|
window.removeEventListener("scroll", r);
|
|
@@ -867,33 +864,33 @@ function un(e = 5) {
|
|
|
867
864
|
}, [e]), n;
|
|
868
865
|
}
|
|
869
866
|
function mn() {
|
|
870
|
-
return /* @__PURE__ */
|
|
871
|
-
/* @__PURE__ */
|
|
872
|
-
/* @__PURE__ */
|
|
873
|
-
/* @__PURE__ */
|
|
867
|
+
return /* @__PURE__ */ h("div", { className: l.brandshopContainerSkeleton, children: [
|
|
868
|
+
/* @__PURE__ */ t(y, { className: l.bannerSkeleton }),
|
|
869
|
+
/* @__PURE__ */ t("div", { className: l.navContainerSkeleton, children: Array.from({ length: 3 }).map((o, a) => /* @__PURE__ */ t(y, { className: l.navPillSkeleton }, a)) }),
|
|
870
|
+
/* @__PURE__ */ t(
|
|
874
871
|
"div",
|
|
875
872
|
{
|
|
876
873
|
className: l.categoryGridSkeleton,
|
|
877
874
|
style: {
|
|
878
875
|
gridTemplateColumns: `repeat(${Math.min(2, 2)}, 1fr)`
|
|
879
876
|
},
|
|
880
|
-
children: Array.from({ length: 2 }).map((
|
|
877
|
+
children: Array.from({ length: 2 }).map((o, a) => /* @__PURE__ */ t(y, { className: l.categoryTileSkeleton }, a))
|
|
881
878
|
}
|
|
882
879
|
),
|
|
883
|
-
/* @__PURE__ */
|
|
880
|
+
/* @__PURE__ */ t(y, { className: l.promoSkeleton })
|
|
884
881
|
] });
|
|
885
882
|
}
|
|
886
883
|
function pn({
|
|
887
884
|
language: e,
|
|
888
885
|
brandshopId: n,
|
|
889
|
-
environment:
|
|
886
|
+
environment: o,
|
|
890
887
|
adServerApiKey: a,
|
|
891
888
|
isLoggedin: r,
|
|
892
889
|
brandshop: s,
|
|
893
890
|
onLinkClick: c,
|
|
894
891
|
trackBrandshopHandler: d
|
|
895
892
|
}) {
|
|
896
|
-
const { isLaptop: u, isDesktop:
|
|
893
|
+
const { isLaptop: u, isDesktop: C } = e2(), i = u || C ? L.Web : L.Mobile;
|
|
897
894
|
let m = s;
|
|
898
895
|
const {
|
|
899
896
|
data: g,
|
|
@@ -902,7 +899,7 @@ function pn({
|
|
|
902
899
|
} = o2({
|
|
903
900
|
language: e,
|
|
904
901
|
brandshopId: n,
|
|
905
|
-
environment:
|
|
902
|
+
environment: o,
|
|
906
903
|
adServerApiKey: a,
|
|
907
904
|
deviceType: i,
|
|
908
905
|
enabled: !s
|
|
@@ -923,7 +920,7 @@ function pn({
|
|
|
923
920
|
{ brandName: S, userStatus: D, platform: M },
|
|
924
921
|
d
|
|
925
922
|
);
|
|
926
|
-
}, [v]), f) return /* @__PURE__ */
|
|
923
|
+
}, [v]), f) return /* @__PURE__ */ t(mn, {});
|
|
927
924
|
if (p)
|
|
928
925
|
throw new Error(
|
|
929
926
|
`brandshop with id ${n} failed to load} - ${p?.message || "unknown error"}`
|
|
@@ -933,7 +930,7 @@ function pn({
|
|
|
933
930
|
const U = [...E].sort(
|
|
934
931
|
(P, Y) => P.section_display_order - Y.section_display_order
|
|
935
932
|
);
|
|
936
|
-
return /* @__PURE__ */
|
|
933
|
+
return /* @__PURE__ */ t("div", { className: l.brandshopContent, children: U.map((P) => /* @__PURE__ */ t(
|
|
937
934
|
_n,
|
|
938
935
|
{
|
|
939
936
|
section: P,
|
|
@@ -942,7 +939,7 @@ function pn({
|
|
|
942
939
|
brandName: S,
|
|
943
940
|
trackBrandshopHandler: d,
|
|
944
941
|
language: e,
|
|
945
|
-
environment:
|
|
942
|
+
environment: o,
|
|
946
943
|
adServerApiKey: a,
|
|
947
944
|
brandshopName: m?.name
|
|
948
945
|
},
|
|
@@ -951,15 +948,15 @@ function pn({
|
|
|
951
948
|
}
|
|
952
949
|
const hn = "data:image/svg+xml,%3csvg%20width='49'%20height='48'%20viewBox='0%200%2049%2048'%20fill='none'%20xmlns='http://www.w3.org/2000/svg'%3e%3cpath%20d='M24.4941%2020.0311V24.0242M24.5%2030H24.52M22.7708%206.98426L6.27321%2034.9912C5.4892%2036.3221%206.45019%2038%207.9965%2038H40.9918C42.5381%2038%2043.4991%2036.3221%2042.7151%2034.9912L26.2174%206.98426C25.4444%205.67192%2023.5439%205.67191%2022.7708%206.98426ZM25%2030C25%2030.2761%2024.7761%2030.5%2024.5%2030.5C24.2239%2030.5%2024%2030.2761%2024%2030C24%2029.7239%2024.2239%2029.5%2024.5%2029.5C24.7761%2029.5%2025%2029.7239%2025%2030Z'%20stroke='%23DA1E28'%20stroke-width='4'%20stroke-linecap='round'/%3e%3c/svg%3e";
|
|
953
950
|
function Cn({ language: e }) {
|
|
954
|
-
const n = e === "ar",
|
|
955
|
-
return /* @__PURE__ */
|
|
956
|
-
/* @__PURE__ */
|
|
957
|
-
/* @__PURE__ */
|
|
958
|
-
/* @__PURE__ */
|
|
959
|
-
/* @__PURE__ */
|
|
960
|
-
/* @__PURE__ */
|
|
951
|
+
const n = e === "ar", o = n ? "حدث خطأ ما" : "Something went wrong", a = n ? "نواجه مشكلة في تحميل هذه الصفحة. يرجى الانتظار قليلاً؛ سيتم حلها قريباً." : "We're having trouble loading this page. Please bear with us; it should be resolved shortly.", r = n ? "إعادة المحاولة" : "Try again";
|
|
952
|
+
return /* @__PURE__ */ h("div", { className: l.brandshopError, children: [
|
|
953
|
+
/* @__PURE__ */ t(N, { src: hn, className: l.errorIcon, alt: "error" }),
|
|
954
|
+
/* @__PURE__ */ h("div", { className: l.errorContent, children: [
|
|
955
|
+
/* @__PURE__ */ h("div", { className: l.errorText, children: [
|
|
956
|
+
/* @__PURE__ */ t("h2", { children: o }),
|
|
957
|
+
/* @__PURE__ */ t("p", { children: a })
|
|
961
958
|
] }),
|
|
962
|
-
/* @__PURE__ */
|
|
959
|
+
/* @__PURE__ */ t(
|
|
963
960
|
"button",
|
|
964
961
|
{
|
|
965
962
|
className: l.errorButton,
|
|
@@ -977,15 +974,15 @@ class gn extends F {
|
|
|
977
974
|
static getDerivedStateFromError(n) {
|
|
978
975
|
return { hasError: !0, error: n, errorInfo: null };
|
|
979
976
|
}
|
|
980
|
-
componentDidCatch(n,
|
|
981
|
-
this.setState({ error: n, errorInfo:
|
|
977
|
+
componentDidCatch(n, o) {
|
|
978
|
+
this.setState({ error: n, errorInfo: o });
|
|
982
979
|
}
|
|
983
980
|
render() {
|
|
984
981
|
return this.state.hasError ? this.props.fallback : this.props.children;
|
|
985
982
|
}
|
|
986
983
|
}
|
|
987
984
|
function bn(e) {
|
|
988
|
-
return /* @__PURE__ */
|
|
985
|
+
return /* @__PURE__ */ t(Z, { children: /* @__PURE__ */ t(gn, { fallback: /* @__PURE__ */ t(Cn, { language: e.language }), children: /* @__PURE__ */ t(pn, { ...e }) }) });
|
|
989
986
|
}
|
|
990
987
|
export {
|
|
991
988
|
bn as Brandshop
|