ads-web-sdkm 2.0.25 → 2.0.26
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 +171 -160
- package/dist/Brandshop.js.map +1 -1
- package/dist/Brandshops.js +1 -1
- package/dist/Image-DBd789zZ.js +36 -0
- package/dist/Image-DBd789zZ.js.map +1 -0
- package/dist/components/Brandshop/Banner.d.ts +2 -1
- package/dist/components/Image/Image.d.ts +5 -3
- package/package.json +1 -1
- package/dist/Image-zvdPHg5N.js +0 -35
- package/dist/Image-zvdPHg5N.js.map +0 -1
package/dist/Brandshop.js
CHANGED
|
@@ -1,19 +1,19 @@
|
|
|
1
|
-
import { jsxs as
|
|
1
|
+
import { jsxs as C, jsx as o } 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-DBd789zZ.js";
|
|
6
6
|
const n2 = async ({
|
|
7
7
|
deviceType: e,
|
|
8
8
|
language: n,
|
|
9
|
-
brandshopId:
|
|
9
|
+
brandshopId: t,
|
|
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/${t}`,
|
|
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: t,
|
|
33
33
|
environment: a,
|
|
34
34
|
adServerApiKey: r,
|
|
35
35
|
enabled: s
|
|
36
36
|
}) => W({
|
|
37
37
|
queryKey: [
|
|
38
38
|
t2,
|
|
39
|
-
|
|
39
|
+
t,
|
|
40
40
|
e,
|
|
41
41
|
n
|
|
42
42
|
],
|
|
43
43
|
queryFn: () => n2({
|
|
44
44
|
deviceType: e,
|
|
45
45
|
language: n,
|
|
46
|
-
brandshopId:
|
|
46
|
+
brandshopId: t,
|
|
47
47
|
environment: a,
|
|
48
48
|
adServerApiKey: r
|
|
49
49
|
}),
|
|
@@ -85,17 +85,25 @@ const n2 = async ({
|
|
|
85
85
|
}, O2 = ({
|
|
86
86
|
image: e,
|
|
87
87
|
text: n,
|
|
88
|
-
alt:
|
|
88
|
+
alt: t,
|
|
89
89
|
onClick: a
|
|
90
|
-
}) => e ? /* @__PURE__ */
|
|
91
|
-
/* @__PURE__ */
|
|
92
|
-
/* @__PURE__ */
|
|
93
|
-
] }) : null, H2 = ({ image: e, alt: n }) => /* @__PURE__ */
|
|
90
|
+
}) => e ? /* @__PURE__ */ C("button", { type: "button", className: l.bannerButton, onClick: a, children: [
|
|
91
|
+
/* @__PURE__ */ o(N, { src: e, alt: t, className: l.bannerImage }),
|
|
92
|
+
/* @__PURE__ */ o("div", { className: l.bannerCta, children: n })
|
|
93
|
+
] }) : null, H2 = ({ image: e, alt: n, index: t }) => /* @__PURE__ */ o("div", { className: l.banner, children: /* @__PURE__ */ o(
|
|
94
|
+
N,
|
|
95
|
+
{
|
|
96
|
+
src: e,
|
|
97
|
+
alt: n,
|
|
98
|
+
className: l.bannerImage,
|
|
99
|
+
fetchPriority: t === 0 ? "high" : "low"
|
|
100
|
+
}
|
|
101
|
+
) }), b = (e, n, t) => {
|
|
94
102
|
switch (e) {
|
|
95
103
|
case "ads_bs_pageload":
|
|
96
104
|
case "ads_bs_pageend": {
|
|
97
105
|
const { brandName: a, userStatus: r, platform: s } = n;
|
|
98
|
-
|
|
106
|
+
t?.(e, {
|
|
99
107
|
brand_name: a,
|
|
100
108
|
user_status: r,
|
|
101
109
|
platform: s
|
|
@@ -104,7 +112,7 @@ const n2 = async ({
|
|
|
104
112
|
}
|
|
105
113
|
case "ads_bs_section_view": {
|
|
106
114
|
const { brandName: a, sectionName: r, sectionOrder: s, userStatus: c, platform: d } = n;
|
|
107
|
-
|
|
115
|
+
t?.(e, {
|
|
108
116
|
brand_name: a,
|
|
109
117
|
section_name: r,
|
|
110
118
|
section_order: s,
|
|
@@ -115,7 +123,7 @@ const n2 = async ({
|
|
|
115
123
|
}
|
|
116
124
|
case "ads_bs_content_click": {
|
|
117
125
|
const { contentName: a, contentOrder: r, userStatus: s, platform: c } = n;
|
|
118
|
-
|
|
126
|
+
t?.(e, {
|
|
119
127
|
content_name: a,
|
|
120
128
|
content_order: r,
|
|
121
129
|
user_status: s,
|
|
@@ -127,7 +135,7 @@ const n2 = async ({
|
|
|
127
135
|
}, V2 = ({
|
|
128
136
|
title: e,
|
|
129
137
|
hideTitle: n,
|
|
130
|
-
banners:
|
|
138
|
+
banners: t,
|
|
131
139
|
isLoggedin: a,
|
|
132
140
|
sectionTitle: r,
|
|
133
141
|
onBannerClick: s,
|
|
@@ -145,12 +153,12 @@ const n2 = async ({
|
|
|
145
153
|
},
|
|
146
154
|
c
|
|
147
155
|
);
|
|
148
|
-
const
|
|
149
|
-
|
|
156
|
+
const h = B(u.link.link_destination);
|
|
157
|
+
h && s(h);
|
|
150
158
|
};
|
|
151
|
-
return
|
|
152
|
-
!n && /* @__PURE__ */
|
|
153
|
-
|
|
159
|
+
return t.length === 0 ? null : /* @__PURE__ */ C("div", { className: l.sectionContainer, children: [
|
|
160
|
+
!n && /* @__PURE__ */ o("h2", { className: l.sectionTitle, children: e }),
|
|
161
|
+
t.map((u, h) => u.link ? /* @__PURE__ */ o(
|
|
154
162
|
O2,
|
|
155
163
|
{
|
|
156
164
|
image: u.image,
|
|
@@ -159,11 +167,12 @@ const n2 = async ({
|
|
|
159
167
|
onClick: () => d(u)
|
|
160
168
|
},
|
|
161
169
|
u.tracking_id
|
|
162
|
-
) : /* @__PURE__ */
|
|
170
|
+
) : /* @__PURE__ */ o(
|
|
163
171
|
H2,
|
|
164
172
|
{
|
|
165
173
|
image: u.image,
|
|
166
|
-
alt: e
|
|
174
|
+
alt: e,
|
|
175
|
+
index: h
|
|
167
176
|
},
|
|
168
177
|
u.tracking_id
|
|
169
178
|
))
|
|
@@ -171,7 +180,7 @@ const n2 = async ({
|
|
|
171
180
|
}, W2 = ({
|
|
172
181
|
title: e,
|
|
173
182
|
hideTitle: n,
|
|
174
|
-
categories:
|
|
183
|
+
categories: t,
|
|
175
184
|
isLoggedin: a,
|
|
176
185
|
onCategoryClick: r,
|
|
177
186
|
trackBrandshopHandler: s
|
|
@@ -191,31 +200,33 @@ const n2 = async ({
|
|
|
191
200
|
const m = B(i.link.link_destination);
|
|
192
201
|
m && r(m);
|
|
193
202
|
};
|
|
194
|
-
if (
|
|
195
|
-
const d =
|
|
203
|
+
if (t.length < 2) return null;
|
|
204
|
+
const d = t.slice(0, 6), u = [...d].sort(
|
|
196
205
|
(i, m) => i.display_order - m.display_order
|
|
197
|
-
),
|
|
198
|
-
return /* @__PURE__ */
|
|
199
|
-
!n && /* @__PURE__ */
|
|
200
|
-
/* @__PURE__ */
|
|
206
|
+
), h = d.length === 2 || d.length === 4 ? 2 : 3;
|
|
207
|
+
return /* @__PURE__ */ C("div", { className: l.sectionContainer, children: [
|
|
208
|
+
!n && /* @__PURE__ */ o("h2", { className: l.sectionTitle, children: e }),
|
|
209
|
+
/* @__PURE__ */ o(
|
|
201
210
|
"div",
|
|
202
211
|
{
|
|
203
|
-
className: `${l.categoryContainer} ${l[`cols${
|
|
204
|
-
children: u.map((i) => i ? /* @__PURE__ */
|
|
212
|
+
className: `${l.categoryContainer} ${l[`cols${h}`]} ${d.length === 6 ? l.categoryShrinkGap : ""}`,
|
|
213
|
+
children: u.map((i) => i ? /* @__PURE__ */ C(
|
|
205
214
|
"button",
|
|
206
215
|
{
|
|
207
216
|
className: l.categoryTile,
|
|
208
217
|
onClick: () => c(i),
|
|
209
218
|
children: [
|
|
210
|
-
/* @__PURE__ */
|
|
219
|
+
/* @__PURE__ */ o("div", { className: l.categoryImageWrapper, children: i.image && /* @__PURE__ */ o(
|
|
211
220
|
N,
|
|
212
221
|
{
|
|
213
222
|
src: i.image,
|
|
214
223
|
alt: i.category_name ?? e,
|
|
215
|
-
className: l.categoryImage
|
|
224
|
+
className: l.categoryImage,
|
|
225
|
+
loading: "lazy",
|
|
226
|
+
fetchPriority: "low"
|
|
216
227
|
}
|
|
217
228
|
) }),
|
|
218
|
-
i.category_name && /* @__PURE__ */
|
|
229
|
+
i.category_name && /* @__PURE__ */ o(
|
|
219
230
|
"span",
|
|
220
231
|
{
|
|
221
232
|
className: `${l.categoryName} ${d.length === 6 ? l.categoryNameShrink : ""}`,
|
|
@@ -232,7 +243,7 @@ const n2 = async ({
|
|
|
232
243
|
}, R2 = ({
|
|
233
244
|
title: e,
|
|
234
245
|
hideTitle: n,
|
|
235
|
-
logo:
|
|
246
|
+
logo: t,
|
|
236
247
|
navigationLinks: a,
|
|
237
248
|
isLoggedin: r,
|
|
238
249
|
brandshopName: s,
|
|
@@ -254,25 +265,25 @@ const n2 = async ({
|
|
|
254
265
|
m && c(m);
|
|
255
266
|
};
|
|
256
267
|
if (a.length === 0) return null;
|
|
257
|
-
const
|
|
268
|
+
const h = [...a].sort(
|
|
258
269
|
(i, m) => i.link.link_display_order - m.link.link_display_order
|
|
259
270
|
);
|
|
260
|
-
return /* @__PURE__ */
|
|
271
|
+
return /* @__PURE__ */ C(
|
|
261
272
|
"div",
|
|
262
273
|
{
|
|
263
274
|
className: `${l.sectionContainer} ${l.navigationSectionContainer}`,
|
|
264
275
|
children: [
|
|
265
|
-
!n && /* @__PURE__ */
|
|
266
|
-
/* @__PURE__ */
|
|
267
|
-
|
|
276
|
+
!n && /* @__PURE__ */ o("h2", { className: l.sectionTitle, children: e }),
|
|
277
|
+
/* @__PURE__ */ C("div", { className: l.navigationSection, children: [
|
|
278
|
+
t && /* @__PURE__ */ o("h1", { children: /* @__PURE__ */ o(
|
|
268
279
|
N,
|
|
269
280
|
{
|
|
270
|
-
src:
|
|
281
|
+
src: t,
|
|
271
282
|
alt: s ?? e,
|
|
272
283
|
className: l.navigationLogo
|
|
273
284
|
}
|
|
274
285
|
) }),
|
|
275
|
-
/* @__PURE__ */
|
|
286
|
+
/* @__PURE__ */ o("div", { className: l.navigationLinks, children: h.map((i) => /* @__PURE__ */ o(
|
|
276
287
|
"button",
|
|
277
288
|
{
|
|
278
289
|
className: l.navigationLink,
|
|
@@ -288,30 +299,30 @@ const n2 = async ({
|
|
|
288
299
|
};
|
|
289
300
|
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 || {});
|
|
290
301
|
const O = (e, n) => e.type === R.PERCENTAGE ? `${e.value}%` : `${e.discount_value} ${n}`, G = (e, n) => e.reduce(
|
|
291
|
-
(
|
|
292
|
-
...
|
|
302
|
+
(t, a) => a.order === I.PROMOTION ? {
|
|
303
|
+
...t,
|
|
293
304
|
promotion: {
|
|
294
305
|
value: O(a, n),
|
|
295
306
|
priceAfterDiscount: a.price_after_discount
|
|
296
307
|
}
|
|
297
308
|
} : a.order === I.COUPON ? {
|
|
298
|
-
...
|
|
309
|
+
...t,
|
|
299
310
|
coupon: {
|
|
300
311
|
value: O(a, n),
|
|
301
312
|
priceAfterDiscount: a.price_after_discount
|
|
302
313
|
}
|
|
303
|
-
} :
|
|
314
|
+
} : t,
|
|
304
315
|
{ promotion: null, coupon: null }
|
|
305
|
-
), G2 = ({ children: e, className: n }) => /* @__PURE__ */
|
|
316
|
+
), G2 = ({ children: e, className: n }) => /* @__PURE__ */ o("div", { className: n, children: e }), U2 = "_chip_fqk2t_3", Y2 = {
|
|
306
317
|
chip: U2
|
|
307
318
|
};
|
|
308
319
|
function Z2({ children: e, className: n }) {
|
|
309
|
-
return /* @__PURE__ */
|
|
320
|
+
return /* @__PURE__ */ o("div", { className: `${Y2.chip} ${n}`, children: e });
|
|
310
321
|
}
|
|
311
322
|
const F2 = (e) => {
|
|
312
323
|
const {
|
|
313
324
|
promotionValue: n,
|
|
314
|
-
hasCoupon:
|
|
325
|
+
hasCoupon: t,
|
|
315
326
|
isPriceDropped: a,
|
|
316
327
|
saveLabelText: r,
|
|
317
328
|
couponText: s,
|
|
@@ -320,7 +331,7 @@ const F2 = (e) => {
|
|
|
320
331
|
return a ? {
|
|
321
332
|
label: c,
|
|
322
333
|
variant: "priceDrop"
|
|
323
|
-
} :
|
|
334
|
+
} : t ? {
|
|
324
335
|
label: s,
|
|
325
336
|
variant: "coupon"
|
|
326
337
|
} : n ? {
|
|
@@ -400,19 +411,19 @@ const F2 = (e) => {
|
|
|
400
411
|
function Pe({
|
|
401
412
|
language: e,
|
|
402
413
|
promotionValue: n,
|
|
403
|
-
coupon:
|
|
414
|
+
coupon: t,
|
|
404
415
|
isPriceDropped: a,
|
|
405
416
|
className: r
|
|
406
417
|
}) {
|
|
407
418
|
const s = A(e), c = F2({
|
|
408
419
|
promotionValue: n,
|
|
409
|
-
hasCoupon: !!
|
|
420
|
+
hasCoupon: !!t,
|
|
410
421
|
isPriceDropped: a,
|
|
411
422
|
saveLabelText: s.discountChip.save,
|
|
412
423
|
couponText: s.discountChip.onlineExclusive,
|
|
413
424
|
priceDropText: s.discountChip.priceDrop
|
|
414
425
|
});
|
|
415
|
-
return c ? /* @__PURE__ */
|
|
426
|
+
return c ? /* @__PURE__ */ o(
|
|
416
427
|
Z2,
|
|
417
428
|
{
|
|
418
429
|
className: `${r} ${Te[c.variant]}`,
|
|
@@ -422,37 +433,37 @@ function Pe({
|
|
|
422
433
|
}
|
|
423
434
|
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";
|
|
424
435
|
function Ie({ value: e, language: n }) {
|
|
425
|
-
const
|
|
426
|
-
return /* @__PURE__ */
|
|
427
|
-
/* @__PURE__ */
|
|
428
|
-
/* @__PURE__ */
|
|
436
|
+
const t = A(n);
|
|
437
|
+
return /* @__PURE__ */ C("div", { className: _.couponBadge, children: [
|
|
438
|
+
/* @__PURE__ */ o(N, { alt: "tag", src: Be, width: 13.3, height: 13.3 }),
|
|
439
|
+
/* @__PURE__ */ o("span", { children: `${t.couponBadge.extra} ${e} ${t.couponBadge.offAtCheckout}` })
|
|
429
440
|
] });
|
|
430
441
|
}
|
|
431
442
|
function $e({
|
|
432
443
|
price: e,
|
|
433
444
|
discounts: n
|
|
434
445
|
}) {
|
|
435
|
-
const { promotion:
|
|
436
|
-
return /* @__PURE__ */
|
|
437
|
-
/* @__PURE__ */
|
|
446
|
+
const { promotion: t } = G(n, e.currency), a = t?.priceAfterDiscount;
|
|
447
|
+
return /* @__PURE__ */ C("div", { className: _.priceWrapper, children: [
|
|
448
|
+
/* @__PURE__ */ o(
|
|
438
449
|
"span",
|
|
439
450
|
{
|
|
440
451
|
className: `${_.priceCurrency} ${a && _.withPromotion}`,
|
|
441
452
|
children: e.currency
|
|
442
453
|
}
|
|
443
454
|
),
|
|
444
|
-
/* @__PURE__ */
|
|
455
|
+
/* @__PURE__ */ o(
|
|
445
456
|
"span",
|
|
446
457
|
{
|
|
447
458
|
className: `${_.priceAmount} ${a && _.withPromotion}`,
|
|
448
|
-
children:
|
|
459
|
+
children: t ? t.priceAfterDiscount : e.base
|
|
449
460
|
}
|
|
450
461
|
),
|
|
451
|
-
a && /* @__PURE__ */
|
|
462
|
+
a && /* @__PURE__ */ o("span", { className: _.priceOriginal, children: e.base })
|
|
452
463
|
] });
|
|
453
464
|
}
|
|
454
465
|
function Ae({ title: e }) {
|
|
455
|
-
return /* @__PURE__ */
|
|
466
|
+
return /* @__PURE__ */ o("div", { className: _.ProductTitle, children: e });
|
|
456
467
|
}
|
|
457
468
|
var $;
|
|
458
469
|
(function(e) {
|
|
@@ -469,20 +480,20 @@ async function Me() {
|
|
|
469
480
|
}
|
|
470
481
|
}
|
|
471
482
|
function Ee(e, n) {
|
|
472
|
-
const
|
|
473
|
-
return { monthlyAmount: a / r, tenure: `${s ? s[1] : n.duration_in_days / 30} months`, murabaha: Number((n?.murabaha_schema === $.YEARLY ?
|
|
483
|
+
const t = n.interest_percent_basis_points / 1e4, a = e + e * t, r = n.duration_in_days / 30, s = n.tenor_key.match(/^(\d+)_/);
|
|
484
|
+
return { monthlyAmount: a / r, tenure: `${s ? s[1] : n.duration_in_days / 30} months`, murabaha: Number((n?.murabaha_schema === $.YEARLY ? t / r * 12 * 100 : t / r * 100).toFixed(2)) };
|
|
474
485
|
}
|
|
475
486
|
async function Le(e) {
|
|
476
487
|
const n = await Me();
|
|
477
488
|
if (n.length === 0) return null;
|
|
478
|
-
const
|
|
489
|
+
const t = n.map((r) => ({ config: r, installment: Ee(e, r) })).reduce((r, s) => s.installment.monthlyAmount < r.installment.monthlyAmount ? s : r), a = function(r) {
|
|
479
490
|
return new Intl.NumberFormat("en-US", { minimumFractionDigits: 2, maximumFractionDigits: 2 }).format(r);
|
|
480
|
-
}(
|
|
481
|
-
return { message: `Pay as low as ${a}/month`, tenure: `${String(
|
|
491
|
+
}(t.installment.monthlyAmount);
|
|
492
|
+
return { message: `Pay as low as ${a}/month`, tenure: `${String(t.config.duration_in_days / 30)}`, amount: a };
|
|
482
493
|
}
|
|
483
494
|
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";
|
|
484
495
|
function Ve(e, n = []) {
|
|
485
|
-
const [
|
|
496
|
+
const [t, a] = k(null), [r, s] = k(!0);
|
|
486
497
|
return T(() => {
|
|
487
498
|
if (!e) return;
|
|
488
499
|
let c = !0;
|
|
@@ -493,45 +504,45 @@ function Ve(e, n = []) {
|
|
|
493
504
|
}), () => {
|
|
494
505
|
c = !1;
|
|
495
506
|
};
|
|
496
|
-
}, n), [
|
|
507
|
+
}, n), [t, r];
|
|
497
508
|
}
|
|
498
509
|
const We = (e) => {
|
|
499
510
|
if (!e) return 0;
|
|
500
|
-
const n = e.replaceAll(",", ""),
|
|
501
|
-
return Number.isNaN(
|
|
511
|
+
const n = e.replaceAll(",", ""), t = Number(n);
|
|
512
|
+
return Number.isNaN(t) ? 0 : t;
|
|
502
513
|
}, Re = 500;
|
|
503
514
|
function Ge({
|
|
504
515
|
id: e,
|
|
505
516
|
title: n,
|
|
506
|
-
brand:
|
|
517
|
+
brand: t,
|
|
507
518
|
image: a,
|
|
508
519
|
price: r,
|
|
509
520
|
discounts: s = [],
|
|
510
521
|
language: c,
|
|
511
522
|
className: d
|
|
512
523
|
}) {
|
|
513
|
-
const { promotion: u, coupon:
|
|
524
|
+
const { promotion: u, coupon: h } = G(s, r.currency), i = A(c), [m, g] = Ve(
|
|
514
525
|
() => Le(Number(r.final.replaceAll(",", ""))),
|
|
515
526
|
[r.final]
|
|
516
527
|
), f = `${i.mylo.from} ${m?.amount ?? "0"}${i.mylo.perMonth}`;
|
|
517
|
-
return /* @__PURE__ */
|
|
518
|
-
/* @__PURE__ */
|
|
519
|
-
/* @__PURE__ */
|
|
520
|
-
/* @__PURE__ */
|
|
528
|
+
return /* @__PURE__ */ C(G2, { className: `${_.card} ${d}`, children: [
|
|
529
|
+
/* @__PURE__ */ C("header", { className: _.header, children: [
|
|
530
|
+
/* @__PURE__ */ o("div", { className: _.imageContainer, children: /* @__PURE__ */ o(N, { className: _.image, src: a, alt: n }) }),
|
|
531
|
+
/* @__PURE__ */ o("div", { className: _.topControls, children: /* @__PURE__ */ o(
|
|
521
532
|
Pe,
|
|
522
533
|
{
|
|
523
534
|
language: c,
|
|
524
|
-
coupon:
|
|
535
|
+
coupon: h,
|
|
525
536
|
promotionValue: u?.value,
|
|
526
537
|
isPriceDropped: r.is_price_dropped
|
|
527
538
|
}
|
|
528
539
|
) })
|
|
529
540
|
] }),
|
|
530
|
-
/* @__PURE__ */
|
|
531
|
-
/* @__PURE__ */
|
|
532
|
-
g ? /* @__PURE__ */
|
|
533
|
-
/* @__PURE__ */
|
|
534
|
-
/* @__PURE__ */
|
|
541
|
+
/* @__PURE__ */ C("footer", { className: _.footer, children: [
|
|
542
|
+
/* @__PURE__ */ o("div", { className: _.priceSection, children: /* @__PURE__ */ o($e, { price: r, discounts: s }) }),
|
|
543
|
+
g ? /* @__PURE__ */ o(y, { className: _.myloSkeleton }) : We(r.final) >= Re && /* @__PURE__ */ C("div", { className: _.myloContainer, children: [
|
|
544
|
+
/* @__PURE__ */ o("p", { className: _.myloText, children: f }),
|
|
545
|
+
/* @__PURE__ */ o(
|
|
535
546
|
N,
|
|
536
547
|
{
|
|
537
548
|
className: _.myloIcon,
|
|
@@ -540,30 +551,30 @@ function Ge({
|
|
|
540
551
|
}
|
|
541
552
|
)
|
|
542
553
|
] }),
|
|
543
|
-
/* @__PURE__ */
|
|
544
|
-
/* @__PURE__ */
|
|
545
|
-
|
|
554
|
+
/* @__PURE__ */ o("h4", { className: _.brand, children: t }),
|
|
555
|
+
/* @__PURE__ */ o(Ae, { title: n }),
|
|
556
|
+
h && /* @__PURE__ */ o(Ie, { value: h.value, language: c })
|
|
546
557
|
] })
|
|
547
558
|
] }, e);
|
|
548
559
|
}
|
|
549
560
|
function Ue({
|
|
550
561
|
slidesToScroll: e,
|
|
551
562
|
products: n,
|
|
552
|
-
onProductClick:
|
|
563
|
+
onProductClick: t,
|
|
553
564
|
language: a
|
|
554
565
|
}) {
|
|
555
|
-
const [r, s] = k(), [c, d] = k(0), [u,
|
|
566
|
+
const [r, s] = k(), [c, d] = k(0), [u, h] = k(0), [i, m] = k(!1), [g, f] = k(!1);
|
|
556
567
|
return T(() => {
|
|
557
568
|
if (!r)
|
|
558
569
|
return;
|
|
559
570
|
const p = () => {
|
|
560
|
-
|
|
571
|
+
h(r.scrollSnapList().length), d(r.selectedScrollSnap()), m(r.canScrollPrev()), f(r.canScrollNext());
|
|
561
572
|
};
|
|
562
573
|
return p(), r.on("select", p), r.on("reInit", p), () => {
|
|
563
574
|
r.off("select", p), r.off("reInit", p);
|
|
564
575
|
};
|
|
565
|
-
}, [r]), /* @__PURE__ */
|
|
566
|
-
/* @__PURE__ */
|
|
576
|
+
}, [r]), /* @__PURE__ */ C("div", { className: _.container, children: [
|
|
577
|
+
/* @__PURE__ */ C(
|
|
567
578
|
Q,
|
|
568
579
|
{
|
|
569
580
|
opts: {
|
|
@@ -574,12 +585,12 @@ function Ue({
|
|
|
574
585
|
setApi: s,
|
|
575
586
|
className: _.carousel,
|
|
576
587
|
children: [
|
|
577
|
-
/* @__PURE__ */
|
|
588
|
+
/* @__PURE__ */ o(j, { className: _.carouselContent, children: n.map((p, v) => /* @__PURE__ */ o(
|
|
578
589
|
K,
|
|
579
590
|
{
|
|
580
591
|
className: _.carouselItem,
|
|
581
|
-
onClick: () =>
|
|
582
|
-
children: /* @__PURE__ */
|
|
592
|
+
onClick: () => t(p, v),
|
|
593
|
+
children: /* @__PURE__ */ o(
|
|
583
594
|
Ge,
|
|
584
595
|
{
|
|
585
596
|
id: p.offering_id,
|
|
@@ -594,14 +605,14 @@ function Ue({
|
|
|
594
605
|
},
|
|
595
606
|
`${p.offering_id}-${v}`
|
|
596
607
|
)) }),
|
|
597
|
-
i && /* @__PURE__ */
|
|
608
|
+
i && /* @__PURE__ */ o(
|
|
598
609
|
q,
|
|
599
610
|
{
|
|
600
611
|
className: _.navButtonPrev,
|
|
601
612
|
iconClassName: _.navButtonPrevIcon
|
|
602
613
|
}
|
|
603
614
|
),
|
|
604
|
-
g && /* @__PURE__ */
|
|
615
|
+
g && /* @__PURE__ */ o(
|
|
605
616
|
z,
|
|
606
617
|
{
|
|
607
618
|
className: _.navButtonNext,
|
|
@@ -611,7 +622,7 @@ function Ue({
|
|
|
611
622
|
]
|
|
612
623
|
}
|
|
613
624
|
),
|
|
614
|
-
/* @__PURE__ */
|
|
625
|
+
/* @__PURE__ */ o(
|
|
615
626
|
J,
|
|
616
627
|
{
|
|
617
628
|
slidesCount: u,
|
|
@@ -638,10 +649,10 @@ const Ye = (e) => ({
|
|
|
638
649
|
}), Ze = async ({
|
|
639
650
|
language: e,
|
|
640
651
|
collectionId: n,
|
|
641
|
-
environment:
|
|
652
|
+
environment: t,
|
|
642
653
|
adServerApiKey: a
|
|
643
654
|
}) => {
|
|
644
|
-
const [r, s] = await H(a), c = V("adServer",
|
|
655
|
+
const [r, s] = await H(a), c = V("adServer", t);
|
|
645
656
|
try {
|
|
646
657
|
return (await (await fetch(
|
|
647
658
|
`${c}/api/v2/brandshop/server/collection/${n}`,
|
|
@@ -661,14 +672,14 @@ const Ye = (e) => ({
|
|
|
661
672
|
}, Fe = "collection", Qe = ({
|
|
662
673
|
language: e,
|
|
663
674
|
collectionId: n,
|
|
664
|
-
environment:
|
|
675
|
+
environment: t,
|
|
665
676
|
adServerApiKey: a
|
|
666
677
|
}) => W({
|
|
667
678
|
queryKey: [Fe, n, e],
|
|
668
679
|
queryFn: () => Ze({
|
|
669
680
|
language: e,
|
|
670
681
|
collectionId: n,
|
|
671
|
-
environment:
|
|
682
|
+
environment: t,
|
|
672
683
|
adServerApiKey: a
|
|
673
684
|
})
|
|
674
685
|
}), 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 = {
|
|
@@ -680,12 +691,12 @@ const Ye = (e) => ({
|
|
|
680
691
|
buttonSkeleton: Xe
|
|
681
692
|
}, en = (e) => {
|
|
682
693
|
const { className: n } = e;
|
|
683
|
-
return /* @__PURE__ */
|
|
684
|
-
/* @__PURE__ */
|
|
685
|
-
/* @__PURE__ */
|
|
686
|
-
/* @__PURE__ */
|
|
687
|
-
/* @__PURE__ */
|
|
688
|
-
/* @__PURE__ */
|
|
694
|
+
return /* @__PURE__ */ C("div", { className: `${x.card} ${n || ""}`, children: [
|
|
695
|
+
/* @__PURE__ */ o(y, { className: x.imageSkeleton }),
|
|
696
|
+
/* @__PURE__ */ o(y, { className: x.titleSkeleton }),
|
|
697
|
+
/* @__PURE__ */ o(y, { className: x.descriptionSkeleton }),
|
|
698
|
+
/* @__PURE__ */ o(y, { className: x.priceSkeleton }),
|
|
699
|
+
/* @__PURE__ */ o(y, { className: x.buttonSkeleton })
|
|
689
700
|
] });
|
|
690
701
|
}, 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 = {
|
|
691
702
|
container: nn,
|
|
@@ -695,16 +706,16 @@ const Ye = (e) => ({
|
|
|
695
706
|
carouselContainer: an,
|
|
696
707
|
cardWrapper: sn
|
|
697
708
|
}, cn = (e) => {
|
|
698
|
-
const { length: n } = e,
|
|
699
|
-
return /* @__PURE__ */
|
|
700
|
-
/* @__PURE__ */
|
|
701
|
-
/* @__PURE__ */
|
|
709
|
+
const { length: n } = e, t = n ?? 5;
|
|
710
|
+
return /* @__PURE__ */ C("div", { className: w.container, children: [
|
|
711
|
+
/* @__PURE__ */ o("div", { className: w.header, children: /* @__PURE__ */ o(y, { className: w.titleSkeleton }) }),
|
|
712
|
+
/* @__PURE__ */ o("div", { className: w.carouselWrapper, children: /* @__PURE__ */ o("div", { className: w.carouselContainer, children: Array.from({ length: t }, (a, r) => /* @__PURE__ */ o("div", { className: w.cardWrapper, children: /* @__PURE__ */ o(en, {}) }, r)) }) })
|
|
702
713
|
] });
|
|
703
714
|
};
|
|
704
715
|
function ln({
|
|
705
716
|
products: e,
|
|
706
717
|
title: n,
|
|
707
|
-
hideTitle:
|
|
718
|
+
hideTitle: t,
|
|
708
719
|
isLoggedin: a,
|
|
709
720
|
language: r,
|
|
710
721
|
environment: s,
|
|
@@ -712,7 +723,7 @@ function ln({
|
|
|
712
723
|
trackBrandshopHandler: d,
|
|
713
724
|
onProductClick: u
|
|
714
725
|
}) {
|
|
715
|
-
const { data:
|
|
726
|
+
const { data: h, isLoading: i, error: m } = Qe({
|
|
716
727
|
language: r,
|
|
717
728
|
collectionId: e.collection_id ?? "",
|
|
718
729
|
environment: s,
|
|
@@ -731,12 +742,12 @@ function ln({
|
|
|
731
742
|
const v = Ye(f), S = B(v);
|
|
732
743
|
S && u(S);
|
|
733
744
|
};
|
|
734
|
-
return i ? /* @__PURE__ */
|
|
735
|
-
!
|
|
736
|
-
/* @__PURE__ */
|
|
745
|
+
return i ? /* @__PURE__ */ o(cn, {}) : m || !h ? null : /* @__PURE__ */ C("div", { className: l.sectionContainer, children: [
|
|
746
|
+
!t && /* @__PURE__ */ o("h2", { className: l.sectionTitle, children: n }),
|
|
747
|
+
/* @__PURE__ */ o(
|
|
737
748
|
Ue,
|
|
738
749
|
{
|
|
739
|
-
products:
|
|
750
|
+
products: h.items,
|
|
740
751
|
onProductClick: (f, p) => g(f, p),
|
|
741
752
|
language: r
|
|
742
753
|
}
|
|
@@ -746,7 +757,7 @@ function ln({
|
|
|
746
757
|
const _n = ({
|
|
747
758
|
section: e,
|
|
748
759
|
onLinkClick: n,
|
|
749
|
-
trackBrandshopHandler:
|
|
760
|
+
trackBrandshopHandler: t,
|
|
750
761
|
isLoggedin: a,
|
|
751
762
|
brandName: r,
|
|
752
763
|
language: s,
|
|
@@ -755,7 +766,7 @@ const _n = ({
|
|
|
755
766
|
brandshopName: u
|
|
756
767
|
}) => {
|
|
757
768
|
const {
|
|
758
|
-
section_type:
|
|
769
|
+
section_type: h,
|
|
759
770
|
section_title: i,
|
|
760
771
|
show_section_title: m,
|
|
761
772
|
data: g,
|
|
@@ -771,14 +782,14 @@ const _n = ({
|
|
|
771
782
|
userStatus: a ? "logged_in" : "guest",
|
|
772
783
|
platform: "Web"
|
|
773
784
|
},
|
|
774
|
-
|
|
785
|
+
t
|
|
775
786
|
);
|
|
776
787
|
}
|
|
777
788
|
});
|
|
778
|
-
return /* @__PURE__ */
|
|
779
|
-
switch (
|
|
789
|
+
return /* @__PURE__ */ o("div", { ref: p, style: { width: "100%" }, children: (() => {
|
|
790
|
+
switch (h) {
|
|
780
791
|
case "nav":
|
|
781
|
-
return /* @__PURE__ */
|
|
792
|
+
return /* @__PURE__ */ o(
|
|
782
793
|
R2,
|
|
783
794
|
{
|
|
784
795
|
title: i,
|
|
@@ -787,12 +798,12 @@ const _n = ({
|
|
|
787
798
|
navigationLinks: g[0].navigation_links ?? [],
|
|
788
799
|
onLinkClick: n,
|
|
789
800
|
isLoggedin: a,
|
|
790
|
-
trackBrandshopHandler:
|
|
801
|
+
trackBrandshopHandler: t,
|
|
791
802
|
brandshopName: u
|
|
792
803
|
}
|
|
793
804
|
);
|
|
794
805
|
case "category":
|
|
795
|
-
return /* @__PURE__ */
|
|
806
|
+
return /* @__PURE__ */ o(
|
|
796
807
|
W2,
|
|
797
808
|
{
|
|
798
809
|
title: i,
|
|
@@ -800,11 +811,11 @@ const _n = ({
|
|
|
800
811
|
categories: g,
|
|
801
812
|
onCategoryClick: n,
|
|
802
813
|
isLoggedin: a,
|
|
803
|
-
trackBrandshopHandler:
|
|
814
|
+
trackBrandshopHandler: t
|
|
804
815
|
}
|
|
805
816
|
);
|
|
806
817
|
case "banner":
|
|
807
|
-
return /* @__PURE__ */
|
|
818
|
+
return /* @__PURE__ */ o(
|
|
808
819
|
V2,
|
|
809
820
|
{
|
|
810
821
|
title: i,
|
|
@@ -813,18 +824,18 @@ const _n = ({
|
|
|
813
824
|
onBannerClick: n,
|
|
814
825
|
isLoggedin: a,
|
|
815
826
|
sectionTitle: i,
|
|
816
|
-
trackBrandshopHandler:
|
|
827
|
+
trackBrandshopHandler: t
|
|
817
828
|
}
|
|
818
829
|
);
|
|
819
830
|
case "productSlider":
|
|
820
|
-
return /* @__PURE__ */
|
|
831
|
+
return /* @__PURE__ */ o(
|
|
821
832
|
ln,
|
|
822
833
|
{
|
|
823
834
|
products: g[0],
|
|
824
835
|
title: i,
|
|
825
836
|
hideTitle: !m,
|
|
826
837
|
isLoggedin: a,
|
|
827
|
-
trackBrandshopHandler:
|
|
838
|
+
trackBrandshopHandler: t,
|
|
828
839
|
onProductClick: n,
|
|
829
840
|
language: s,
|
|
830
841
|
environment: c,
|
|
@@ -836,19 +847,19 @@ const _n = ({
|
|
|
836
847
|
}
|
|
837
848
|
})() });
|
|
838
849
|
}, dn = (e, n) => {
|
|
839
|
-
let
|
|
850
|
+
let t;
|
|
840
851
|
return (...a) => {
|
|
841
|
-
clearTimeout(
|
|
852
|
+
clearTimeout(t), t = setTimeout(() => {
|
|
842
853
|
e(...a);
|
|
843
854
|
}, n);
|
|
844
855
|
};
|
|
845
856
|
};
|
|
846
857
|
function un(e = 5) {
|
|
847
|
-
const [n,
|
|
858
|
+
const [n, t] = k(!1);
|
|
848
859
|
return T(() => {
|
|
849
860
|
const r = dn(() => {
|
|
850
861
|
const s = window.scrollY || document.documentElement.scrollTop, c = window.innerHeight, d = document.documentElement.scrollHeight, u = s + c >= d - e;
|
|
851
|
-
|
|
862
|
+
t(u);
|
|
852
863
|
}, 100);
|
|
853
864
|
return window.addEventListener("scroll", r, { passive: !0 }), r(), () => {
|
|
854
865
|
window.removeEventListener("scroll", r);
|
|
@@ -856,33 +867,33 @@ function un(e = 5) {
|
|
|
856
867
|
}, [e]), n;
|
|
857
868
|
}
|
|
858
869
|
function mn() {
|
|
859
|
-
return /* @__PURE__ */
|
|
860
|
-
/* @__PURE__ */
|
|
861
|
-
/* @__PURE__ */
|
|
862
|
-
/* @__PURE__ */
|
|
870
|
+
return /* @__PURE__ */ C("div", { className: l.brandshopContainerSkeleton, children: [
|
|
871
|
+
/* @__PURE__ */ o(y, { className: l.bannerSkeleton }),
|
|
872
|
+
/* @__PURE__ */ o("div", { className: l.navContainerSkeleton, children: Array.from({ length: 3 }).map((t, a) => /* @__PURE__ */ o(y, { className: l.navPillSkeleton }, a)) }),
|
|
873
|
+
/* @__PURE__ */ o(
|
|
863
874
|
"div",
|
|
864
875
|
{
|
|
865
876
|
className: l.categoryGridSkeleton,
|
|
866
877
|
style: {
|
|
867
878
|
gridTemplateColumns: `repeat(${Math.min(2, 2)}, 1fr)`
|
|
868
879
|
},
|
|
869
|
-
children: Array.from({ length: 2 }).map((
|
|
880
|
+
children: Array.from({ length: 2 }).map((t, a) => /* @__PURE__ */ o(y, { className: l.categoryTileSkeleton }, a))
|
|
870
881
|
}
|
|
871
882
|
),
|
|
872
|
-
/* @__PURE__ */
|
|
883
|
+
/* @__PURE__ */ o(y, { className: l.promoSkeleton })
|
|
873
884
|
] });
|
|
874
885
|
}
|
|
875
886
|
function pn({
|
|
876
887
|
language: e,
|
|
877
888
|
brandshopId: n,
|
|
878
|
-
environment:
|
|
889
|
+
environment: t,
|
|
879
890
|
adServerApiKey: a,
|
|
880
891
|
isLoggedin: r,
|
|
881
892
|
brandshop: s,
|
|
882
893
|
onLinkClick: c,
|
|
883
894
|
trackBrandshopHandler: d
|
|
884
895
|
}) {
|
|
885
|
-
const { isLaptop: u, isDesktop:
|
|
896
|
+
const { isLaptop: u, isDesktop: h } = e2(), i = u || h ? L.Web : L.Mobile;
|
|
886
897
|
let m = s;
|
|
887
898
|
const {
|
|
888
899
|
data: g,
|
|
@@ -891,7 +902,7 @@ function pn({
|
|
|
891
902
|
} = o2({
|
|
892
903
|
language: e,
|
|
893
904
|
brandshopId: n,
|
|
894
|
-
environment:
|
|
905
|
+
environment: t,
|
|
895
906
|
adServerApiKey: a,
|
|
896
907
|
deviceType: i,
|
|
897
908
|
enabled: !s
|
|
@@ -912,7 +923,7 @@ function pn({
|
|
|
912
923
|
{ brandName: S, userStatus: D, platform: M },
|
|
913
924
|
d
|
|
914
925
|
);
|
|
915
|
-
}, [v]), f) return /* @__PURE__ */
|
|
926
|
+
}, [v]), f) return /* @__PURE__ */ o(mn, {});
|
|
916
927
|
if (p)
|
|
917
928
|
throw new Error(
|
|
918
929
|
`brandshop with id ${n} failed to load} - ${p?.message || "unknown error"}`
|
|
@@ -922,7 +933,7 @@ function pn({
|
|
|
922
933
|
const U = [...E].sort(
|
|
923
934
|
(P, Y) => P.section_display_order - Y.section_display_order
|
|
924
935
|
);
|
|
925
|
-
return /* @__PURE__ */
|
|
936
|
+
return /* @__PURE__ */ o("div", { className: l.brandshopContent, children: U.map((P) => /* @__PURE__ */ o(
|
|
926
937
|
_n,
|
|
927
938
|
{
|
|
928
939
|
section: P,
|
|
@@ -931,7 +942,7 @@ function pn({
|
|
|
931
942
|
brandName: S,
|
|
932
943
|
trackBrandshopHandler: d,
|
|
933
944
|
language: e,
|
|
934
|
-
environment:
|
|
945
|
+
environment: t,
|
|
935
946
|
adServerApiKey: a,
|
|
936
947
|
brandshopName: m?.name
|
|
937
948
|
},
|
|
@@ -940,15 +951,15 @@ function pn({
|
|
|
940
951
|
}
|
|
941
952
|
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";
|
|
942
953
|
function Cn({ language: e }) {
|
|
943
|
-
const n = e === "ar",
|
|
944
|
-
return /* @__PURE__ */
|
|
945
|
-
/* @__PURE__ */
|
|
946
|
-
/* @__PURE__ */
|
|
947
|
-
/* @__PURE__ */
|
|
948
|
-
/* @__PURE__ */
|
|
949
|
-
/* @__PURE__ */
|
|
954
|
+
const n = e === "ar", t = 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";
|
|
955
|
+
return /* @__PURE__ */ C("div", { className: l.brandshopError, children: [
|
|
956
|
+
/* @__PURE__ */ o(N, { src: hn, className: l.errorIcon, alt: "error" }),
|
|
957
|
+
/* @__PURE__ */ C("div", { className: l.errorContent, children: [
|
|
958
|
+
/* @__PURE__ */ C("div", { className: l.errorText, children: [
|
|
959
|
+
/* @__PURE__ */ o("h2", { children: t }),
|
|
960
|
+
/* @__PURE__ */ o("p", { children: a })
|
|
950
961
|
] }),
|
|
951
|
-
/* @__PURE__ */
|
|
962
|
+
/* @__PURE__ */ o(
|
|
952
963
|
"button",
|
|
953
964
|
{
|
|
954
965
|
className: l.errorButton,
|
|
@@ -966,15 +977,15 @@ class gn extends F {
|
|
|
966
977
|
static getDerivedStateFromError(n) {
|
|
967
978
|
return { hasError: !0, error: n, errorInfo: null };
|
|
968
979
|
}
|
|
969
|
-
componentDidCatch(n,
|
|
970
|
-
this.setState({ error: n, errorInfo:
|
|
980
|
+
componentDidCatch(n, t) {
|
|
981
|
+
this.setState({ error: n, errorInfo: t });
|
|
971
982
|
}
|
|
972
983
|
render() {
|
|
973
984
|
return this.state.hasError ? this.props.fallback : this.props.children;
|
|
974
985
|
}
|
|
975
986
|
}
|
|
976
987
|
function bn(e) {
|
|
977
|
-
return /* @__PURE__ */
|
|
988
|
+
return /* @__PURE__ */ o(Z, { children: /* @__PURE__ */ o(gn, { fallback: /* @__PURE__ */ o(Cn, { language: e.language }), children: /* @__PURE__ */ o(pn, { ...e }) }) });
|
|
978
989
|
}
|
|
979
990
|
export {
|
|
980
991
|
bn as Brandshop
|