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 CHANGED
@@ -1,19 +1,19 @@
1
- import { jsxs as C, jsx as o } from "react/jsx-runtime";
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-DBd789zZ.js";
5
+ import { I as N } from "./Image-BEPWcsda.js";
6
6
  const n2 = async ({
7
7
  deviceType: e,
8
8
  language: n,
9
- brandshopId: t,
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/${t}`,
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: t,
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
- t,
39
+ o,
40
40
  e,
41
41
  n
42
42
  ],
43
43
  queryFn: () => n2({
44
44
  deviceType: e,
45
45
  language: n,
46
- brandshopId: t,
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: t,
88
+ alt: o,
89
89
  onClick: a
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(
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: t === 0 ? "high" : "auto"
99
+ fetchPriority: "high"
100
100
  }
101
- ) }), b = (e, n, t) => {
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
- t?.(e, {
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
- t?.(e, {
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
- t?.(e, {
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: t,
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 h = B(u.link.link_destination);
157
- h && s(h);
156
+ const C = B(u.link.link_destination);
157
+ C && s(C);
158
158
  };
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(
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__ */ o(
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: t,
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 (t.length < 2) return null;
204
- const d = t.slice(0, 6), u = [...d].sort(
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
- ), 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(
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${h}`]} ${d.length === 6 ? l.categoryShrinkGap : ""}`,
213
- children: u.map((i) => i ? /* @__PURE__ */ C(
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__ */ o("div", { className: l.categoryImageWrapper, children: i.image && /* @__PURE__ */ o(
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__ */ o(
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: t,
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 h = [...a].sort(
265
+ const C = [...a].sort(
268
266
  (i, m) => i.link.link_display_order - m.link.link_display_order
269
267
  );
270
- return /* @__PURE__ */ C(
268
+ return /* @__PURE__ */ h(
271
269
  "div",
272
270
  {
273
271
  className: `${l.sectionContainer} ${l.navigationSectionContainer}`,
274
272
  children: [
275
- !n && /* @__PURE__ */ o("h2", { className: l.sectionTitle, children: e }),
276
- /* @__PURE__ */ C("div", { className: l.navigationSection, children: [
277
- t && /* @__PURE__ */ o("h1", { children: /* @__PURE__ */ o(
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: t,
278
+ src: o,
281
279
  alt: s ?? e,
282
280
  className: l.navigationLogo
283
281
  }
284
282
  ) }),
285
- /* @__PURE__ */ o("div", { className: l.navigationLinks, children: h.map((i) => /* @__PURE__ */ o(
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
- (t, a) => a.order === I.PROMOTION ? {
302
- ...t,
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
- ...t,
306
+ ...o,
309
307
  coupon: {
310
308
  value: O(a, n),
311
309
  priceAfterDiscount: a.price_after_discount
312
310
  }
313
- } : t,
311
+ } : o,
314
312
  { promotion: null, coupon: null }
315
- ), G2 = ({ children: e, className: n }) => /* @__PURE__ */ o("div", { className: n, children: e }), U2 = "_chip_fqk2t_3", Y2 = {
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__ */ o("div", { className: `${Y2.chip} ${n}`, children: e });
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: t,
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
- } : t ? {
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: t,
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: !!t,
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__ */ o(
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 t = A(n);
436
- return /* @__PURE__ */ C("div", { className: _.couponBadge, children: [
437
- /* @__PURE__ */ o(N, { alt: "tag", src: Be, width: 13.3, height: 13.3 }),
438
- /* @__PURE__ */ o("span", { children: `${t.couponBadge.extra} ${e} ${t.couponBadge.offAtCheckout}` })
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: t } = G(n, e.currency), a = t?.priceAfterDiscount;
446
- return /* @__PURE__ */ C("div", { className: _.priceWrapper, children: [
447
- /* @__PURE__ */ o(
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__ */ o(
452
+ /* @__PURE__ */ t(
455
453
  "span",
456
454
  {
457
455
  className: `${_.priceAmount} ${a && _.withPromotion}`,
458
- children: t ? t.priceAfterDiscount : e.base
456
+ children: o ? o.priceAfterDiscount : e.base
459
457
  }
460
458
  ),
461
- a && /* @__PURE__ */ o("span", { className: _.priceOriginal, children: e.base })
459
+ a && /* @__PURE__ */ t("span", { className: _.priceOriginal, children: e.base })
462
460
  ] });
463
461
  }
464
462
  function Ae({ title: e }) {
465
- return /* @__PURE__ */ o("div", { className: _.ProductTitle, children: e });
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 t = n.interest_percent_basis_points / 1e4, a = e + e * t, r = n.duration_in_days / 30, s = n.tenor_key.match(/^(\d+)_/);
483
- 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)) };
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 t = n.map((r) => ({ config: r, installment: Ee(e, r) })).reduce((r, s) => s.installment.monthlyAmount < r.installment.monthlyAmount ? s : r), a = function(r) {
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
- }(t.installment.monthlyAmount);
491
- return { message: `Pay as low as ${a}/month`, tenure: `${String(t.config.duration_in_days / 30)}`, amount: a };
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 [t, a] = k(null), [r, s] = k(!0);
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), [t, r];
504
+ }, n), [o, r];
507
505
  }
508
506
  const We = (e) => {
509
507
  if (!e) return 0;
510
- const n = e.replaceAll(",", ""), t = Number(n);
511
- return Number.isNaN(t) ? 0 : t;
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: t,
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: h } = G(s, r.currency), i = A(c), [m, g] = Ve(
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__ */ C(G2, { className: `${_.card} ${d}`, children: [
528
- /* @__PURE__ */ C("header", { className: _.header, children: [
529
- /* @__PURE__ */ o("div", { className: _.imageContainer, children: /* @__PURE__ */ o(N, { className: _.image, src: a, alt: n }) }),
530
- /* @__PURE__ */ o("div", { className: _.topControls, children: /* @__PURE__ */ o(
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: h,
532
+ coupon: C,
535
533
  promotionValue: u?.value,
536
534
  isPriceDropped: r.is_price_dropped
537
535
  }
538
536
  ) })
539
537
  ] }),
540
- /* @__PURE__ */ C("footer", { className: _.footer, children: [
541
- /* @__PURE__ */ o("div", { className: _.priceSection, children: /* @__PURE__ */ o($e, { price: r, discounts: s }) }),
542
- g ? /* @__PURE__ */ o(y, { className: _.myloSkeleton }) : We(r.final) >= Re && /* @__PURE__ */ C("div", { className: _.myloContainer, children: [
543
- /* @__PURE__ */ o("p", { className: _.myloText, children: f }),
544
- /* @__PURE__ */ o(
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__ */ o("h4", { className: _.brand, children: t }),
555
- /* @__PURE__ */ o(Ae, { title: n }),
556
- h && /* @__PURE__ */ o(Ie, { value: h.value, language: c })
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: t,
560
+ onProductClick: o,
564
561
  language: a
565
562
  }) {
566
- const [r, s] = k(), [c, d] = k(0), [u, h] = k(0), [i, m] = k(!1), [g, f] = k(!1);
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
- h(r.scrollSnapList().length), d(r.selectedScrollSnap()), m(r.canScrollPrev()), f(r.canScrollNext());
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__ */ C("div", { className: _.container, children: [
577
- /* @__PURE__ */ C(
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__ */ o(j, { className: _.carouselContent, children: n.map((p, v) => /* @__PURE__ */ o(
585
+ /* @__PURE__ */ t(j, { className: _.carouselContent, children: n.map((p, v) => /* @__PURE__ */ t(
589
586
  K,
590
587
  {
591
588
  className: _.carouselItem,
592
- onClick: () => t(p, v),
593
- children: /* @__PURE__ */ o(
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__ */ o(
605
+ i && /* @__PURE__ */ t(
609
606
  q,
610
607
  {
611
608
  className: _.navButtonPrev,
612
609
  iconClassName: _.navButtonPrevIcon
613
610
  }
614
611
  ),
615
- g && /* @__PURE__ */ o(
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__ */ o(
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: t,
649
+ environment: o,
653
650
  adServerApiKey: a
654
651
  }) => {
655
- const [r, s] = await H(a), c = V("adServer", t);
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: t,
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: t,
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__ */ 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 })
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, 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)) }) })
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: t,
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: h, isLoading: i, error: m } = Qe({
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__ */ 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(
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: h.items,
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: t,
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: h,
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
- t
782
+ o
786
783
  );
787
784
  }
788
785
  });
789
- return /* @__PURE__ */ o("div", { ref: p, style: { width: "100%" }, children: (() => {
790
- switch (h) {
786
+ return /* @__PURE__ */ t("div", { ref: p, style: { width: "100%" }, children: (() => {
787
+ switch (C) {
791
788
  case "nav":
792
- return /* @__PURE__ */ o(
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: t,
798
+ trackBrandshopHandler: o,
802
799
  brandshopName: u
803
800
  }
804
801
  );
805
802
  case "category":
806
- return /* @__PURE__ */ o(
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: t
811
+ trackBrandshopHandler: o
815
812
  }
816
813
  );
817
814
  case "banner":
818
- return /* @__PURE__ */ o(
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: t
824
+ trackBrandshopHandler: o
828
825
  }
829
826
  );
830
827
  case "productSlider":
831
- return /* @__PURE__ */ o(
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: t,
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 t;
847
+ let o;
851
848
  return (...a) => {
852
- clearTimeout(t), t = setTimeout(() => {
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, t] = k(!1);
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
- t(u);
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__ */ 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(
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((t, a) => /* @__PURE__ */ o(y, { className: l.categoryTileSkeleton }, a))
877
+ children: Array.from({ length: 2 }).map((o, a) => /* @__PURE__ */ t(y, { className: l.categoryTileSkeleton }, a))
881
878
  }
882
879
  ),
883
- /* @__PURE__ */ o(y, { className: l.promoSkeleton })
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: t,
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: h } = e2(), i = u || h ? L.Web : L.Mobile;
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: t,
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__ */ o(mn, {});
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__ */ o("div", { className: l.brandshopContent, children: U.map((P) => /* @__PURE__ */ o(
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: t,
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", 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 })
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__ */ o(
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, t) {
981
- this.setState({ error: n, errorInfo: t });
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__ */ o(Z, { children: /* @__PURE__ */ o(gn, { fallback: /* @__PURE__ */ o(Cn, { language: e.language }), children: /* @__PURE__ */ o(pn, { ...e }) }) });
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