ads-web-sdkm 2.0.26 → 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 +162 -165
- 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 +2 -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,33 +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",
|
|
226
|
-
fetchPriority: "low"
|
|
223
|
+
className: l.categoryImage
|
|
227
224
|
}
|
|
228
225
|
) }),
|
|
229
|
-
i.category_name && /* @__PURE__ */
|
|
226
|
+
i.category_name && /* @__PURE__ */ t(
|
|
230
227
|
"span",
|
|
231
228
|
{
|
|
232
229
|
className: `${l.categoryName} ${d.length === 6 ? l.categoryNameShrink : ""}`,
|
|
@@ -243,7 +240,7 @@ const n2 = async ({
|
|
|
243
240
|
}, R2 = ({
|
|
244
241
|
title: e,
|
|
245
242
|
hideTitle: n,
|
|
246
|
-
logo:
|
|
243
|
+
logo: o,
|
|
247
244
|
navigationLinks: a,
|
|
248
245
|
isLoggedin: r,
|
|
249
246
|
brandshopName: s,
|
|
@@ -265,25 +262,25 @@ const n2 = async ({
|
|
|
265
262
|
m && c(m);
|
|
266
263
|
};
|
|
267
264
|
if (a.length === 0) return null;
|
|
268
|
-
const
|
|
265
|
+
const C = [...a].sort(
|
|
269
266
|
(i, m) => i.link.link_display_order - m.link.link_display_order
|
|
270
267
|
);
|
|
271
|
-
return /* @__PURE__ */
|
|
268
|
+
return /* @__PURE__ */ h(
|
|
272
269
|
"div",
|
|
273
270
|
{
|
|
274
271
|
className: `${l.sectionContainer} ${l.navigationSectionContainer}`,
|
|
275
272
|
children: [
|
|
276
|
-
!n && /* @__PURE__ */
|
|
277
|
-
/* @__PURE__ */
|
|
278
|
-
|
|
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(
|
|
279
276
|
N,
|
|
280
277
|
{
|
|
281
|
-
src:
|
|
278
|
+
src: o,
|
|
282
279
|
alt: s ?? e,
|
|
283
280
|
className: l.navigationLogo
|
|
284
281
|
}
|
|
285
282
|
) }),
|
|
286
|
-
/* @__PURE__ */
|
|
283
|
+
/* @__PURE__ */ t("div", { className: l.navigationLinks, children: C.map((i) => /* @__PURE__ */ t(
|
|
287
284
|
"button",
|
|
288
285
|
{
|
|
289
286
|
className: l.navigationLink,
|
|
@@ -299,30 +296,30 @@ const n2 = async ({
|
|
|
299
296
|
};
|
|
300
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 || {});
|
|
301
298
|
const O = (e, n) => e.type === R.PERCENTAGE ? `${e.value}%` : `${e.discount_value} ${n}`, G = (e, n) => e.reduce(
|
|
302
|
-
(
|
|
303
|
-
...
|
|
299
|
+
(o, a) => a.order === I.PROMOTION ? {
|
|
300
|
+
...o,
|
|
304
301
|
promotion: {
|
|
305
302
|
value: O(a, n),
|
|
306
303
|
priceAfterDiscount: a.price_after_discount
|
|
307
304
|
}
|
|
308
305
|
} : a.order === I.COUPON ? {
|
|
309
|
-
...
|
|
306
|
+
...o,
|
|
310
307
|
coupon: {
|
|
311
308
|
value: O(a, n),
|
|
312
309
|
priceAfterDiscount: a.price_after_discount
|
|
313
310
|
}
|
|
314
|
-
} :
|
|
311
|
+
} : o,
|
|
315
312
|
{ promotion: null, coupon: null }
|
|
316
|
-
), G2 = ({ children: e, className: n }) => /* @__PURE__ */
|
|
313
|
+
), G2 = ({ children: e, className: n }) => /* @__PURE__ */ t("div", { className: n, children: e }), U2 = "_chip_fqk2t_3", Y2 = {
|
|
317
314
|
chip: U2
|
|
318
315
|
};
|
|
319
316
|
function Z2({ children: e, className: n }) {
|
|
320
|
-
return /* @__PURE__ */
|
|
317
|
+
return /* @__PURE__ */ t("div", { className: `${Y2.chip} ${n}`, children: e });
|
|
321
318
|
}
|
|
322
319
|
const F2 = (e) => {
|
|
323
320
|
const {
|
|
324
321
|
promotionValue: n,
|
|
325
|
-
hasCoupon:
|
|
322
|
+
hasCoupon: o,
|
|
326
323
|
isPriceDropped: a,
|
|
327
324
|
saveLabelText: r,
|
|
328
325
|
couponText: s,
|
|
@@ -331,7 +328,7 @@ const F2 = (e) => {
|
|
|
331
328
|
return a ? {
|
|
332
329
|
label: c,
|
|
333
330
|
variant: "priceDrop"
|
|
334
|
-
} :
|
|
331
|
+
} : o ? {
|
|
335
332
|
label: s,
|
|
336
333
|
variant: "coupon"
|
|
337
334
|
} : n ? {
|
|
@@ -411,19 +408,19 @@ const F2 = (e) => {
|
|
|
411
408
|
function Pe({
|
|
412
409
|
language: e,
|
|
413
410
|
promotionValue: n,
|
|
414
|
-
coupon:
|
|
411
|
+
coupon: o,
|
|
415
412
|
isPriceDropped: a,
|
|
416
413
|
className: r
|
|
417
414
|
}) {
|
|
418
415
|
const s = A(e), c = F2({
|
|
419
416
|
promotionValue: n,
|
|
420
|
-
hasCoupon: !!
|
|
417
|
+
hasCoupon: !!o,
|
|
421
418
|
isPriceDropped: a,
|
|
422
419
|
saveLabelText: s.discountChip.save,
|
|
423
420
|
couponText: s.discountChip.onlineExclusive,
|
|
424
421
|
priceDropText: s.discountChip.priceDrop
|
|
425
422
|
});
|
|
426
|
-
return c ? /* @__PURE__ */
|
|
423
|
+
return c ? /* @__PURE__ */ t(
|
|
427
424
|
Z2,
|
|
428
425
|
{
|
|
429
426
|
className: `${r} ${Te[c.variant]}`,
|
|
@@ -433,37 +430,37 @@ function Pe({
|
|
|
433
430
|
}
|
|
434
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";
|
|
435
432
|
function Ie({ value: e, language: n }) {
|
|
436
|
-
const
|
|
437
|
-
return /* @__PURE__ */
|
|
438
|
-
/* @__PURE__ */
|
|
439
|
-
/* @__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}` })
|
|
440
437
|
] });
|
|
441
438
|
}
|
|
442
439
|
function $e({
|
|
443
440
|
price: e,
|
|
444
441
|
discounts: n
|
|
445
442
|
}) {
|
|
446
|
-
const { promotion:
|
|
447
|
-
return /* @__PURE__ */
|
|
448
|
-
/* @__PURE__ */
|
|
443
|
+
const { promotion: o } = G(n, e.currency), a = o?.priceAfterDiscount;
|
|
444
|
+
return /* @__PURE__ */ h("div", { className: _.priceWrapper, children: [
|
|
445
|
+
/* @__PURE__ */ t(
|
|
449
446
|
"span",
|
|
450
447
|
{
|
|
451
448
|
className: `${_.priceCurrency} ${a && _.withPromotion}`,
|
|
452
449
|
children: e.currency
|
|
453
450
|
}
|
|
454
451
|
),
|
|
455
|
-
/* @__PURE__ */
|
|
452
|
+
/* @__PURE__ */ t(
|
|
456
453
|
"span",
|
|
457
454
|
{
|
|
458
455
|
className: `${_.priceAmount} ${a && _.withPromotion}`,
|
|
459
|
-
children:
|
|
456
|
+
children: o ? o.priceAfterDiscount : e.base
|
|
460
457
|
}
|
|
461
458
|
),
|
|
462
|
-
a && /* @__PURE__ */
|
|
459
|
+
a && /* @__PURE__ */ t("span", { className: _.priceOriginal, children: e.base })
|
|
463
460
|
] });
|
|
464
461
|
}
|
|
465
462
|
function Ae({ title: e }) {
|
|
466
|
-
return /* @__PURE__ */
|
|
463
|
+
return /* @__PURE__ */ t("div", { className: _.ProductTitle, children: e });
|
|
467
464
|
}
|
|
468
465
|
var $;
|
|
469
466
|
(function(e) {
|
|
@@ -480,20 +477,20 @@ async function Me() {
|
|
|
480
477
|
}
|
|
481
478
|
}
|
|
482
479
|
function Ee(e, n) {
|
|
483
|
-
const
|
|
484
|
-
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)) };
|
|
485
482
|
}
|
|
486
483
|
async function Le(e) {
|
|
487
484
|
const n = await Me();
|
|
488
485
|
if (n.length === 0) return null;
|
|
489
|
-
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) {
|
|
490
487
|
return new Intl.NumberFormat("en-US", { minimumFractionDigits: 2, maximumFractionDigits: 2 }).format(r);
|
|
491
|
-
}(
|
|
492
|
-
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 };
|
|
493
490
|
}
|
|
494
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";
|
|
495
492
|
function Ve(e, n = []) {
|
|
496
|
-
const [
|
|
493
|
+
const [o, a] = k(null), [r, s] = k(!0);
|
|
497
494
|
return T(() => {
|
|
498
495
|
if (!e) return;
|
|
499
496
|
let c = !0;
|
|
@@ -504,45 +501,45 @@ function Ve(e, n = []) {
|
|
|
504
501
|
}), () => {
|
|
505
502
|
c = !1;
|
|
506
503
|
};
|
|
507
|
-
}, n), [
|
|
504
|
+
}, n), [o, r];
|
|
508
505
|
}
|
|
509
506
|
const We = (e) => {
|
|
510
507
|
if (!e) return 0;
|
|
511
|
-
const n = e.replaceAll(",", ""),
|
|
512
|
-
return Number.isNaN(
|
|
508
|
+
const n = e.replaceAll(",", ""), o = Number(n);
|
|
509
|
+
return Number.isNaN(o) ? 0 : o;
|
|
513
510
|
}, Re = 500;
|
|
514
511
|
function Ge({
|
|
515
512
|
id: e,
|
|
516
513
|
title: n,
|
|
517
|
-
brand:
|
|
514
|
+
brand: o,
|
|
518
515
|
image: a,
|
|
519
516
|
price: r,
|
|
520
517
|
discounts: s = [],
|
|
521
518
|
language: c,
|
|
522
519
|
className: d
|
|
523
520
|
}) {
|
|
524
|
-
const { promotion: u, coupon:
|
|
521
|
+
const { promotion: u, coupon: C } = G(s, r.currency), i = A(c), [m, g] = Ve(
|
|
525
522
|
() => Le(Number(r.final.replaceAll(",", ""))),
|
|
526
523
|
[r.final]
|
|
527
524
|
), f = `${i.mylo.from} ${m?.amount ?? "0"}${i.mylo.perMonth}`;
|
|
528
|
-
return /* @__PURE__ */
|
|
529
|
-
/* @__PURE__ */
|
|
530
|
-
/* @__PURE__ */
|
|
531
|
-
/* @__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(
|
|
532
529
|
Pe,
|
|
533
530
|
{
|
|
534
531
|
language: c,
|
|
535
|
-
coupon:
|
|
532
|
+
coupon: C,
|
|
536
533
|
promotionValue: u?.value,
|
|
537
534
|
isPriceDropped: r.is_price_dropped
|
|
538
535
|
}
|
|
539
536
|
) })
|
|
540
537
|
] }),
|
|
541
|
-
/* @__PURE__ */
|
|
542
|
-
/* @__PURE__ */
|
|
543
|
-
g ? /* @__PURE__ */
|
|
544
|
-
/* @__PURE__ */
|
|
545
|
-
/* @__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(
|
|
546
543
|
N,
|
|
547
544
|
{
|
|
548
545
|
className: _.myloIcon,
|
|
@@ -551,30 +548,30 @@ function Ge({
|
|
|
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
|