ads-web-sdkm 2.0.24 → 2.0.26

package/dist/Brandshop.js

@@ -1,224 +1,235 @@
-import { jsxs as h, jsx as n } from "react/jsx-runtime";
-import { g as L, a as W, u as G, R as K } from "./ReactQueryProvider-D__k2BsQ.js";
-import { useState as T, useEffect as P, Component as V } from "react";
-import { h as B, b as F, c as q, d as j, e as Z, f as H, g as z, S as k, u as J, a as X, A as O } from "./ads-CChrT00a.js";
-import { I as f } from "./Image-zvdPHg5N.js";
-const ee = async ({
+import { jsxs as C, jsx as o } from "react/jsx-runtime";
+import { g as H, a as V, u as W, R as Z } from "./ReactQueryProvider-D__k2BsQ.js";
+import { useState as k, useEffect as T, Component as F } from "react";
+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";
+import { I as N } from "./Image-DBd789zZ.js";
+const n2 = async ({
   deviceType: e,
-  language: t,
-  brandshopId: o,
-  environment: r,
-  adServerApiKey: a
+  language: n,
+  brandshopId: t,
+  environment: a,
+  adServerApiKey: r
 }) => {
-  const [s, l] = await L(a), u = W("adServer", r);
+  const [s, c] = await H(r), d = V("adServer", a);
   try {
     return (await (await fetch(
-      `${u}/api/v2/brandshop/server/${o}`,
+      `${d}/api/v2/brandshop/server/${t}`,
       {
         headers: {
           device: e,
-          lang: t,
+          lang: n,
           "auth-token": s,
-          "auth-timestamp": l
+          "auth-timestamp": c
         }
       }
     )).json()).data;
-  } catch (d) {
-    throw new Error(`Failed to fetch brandshop details - ${d}`);
+  } catch (u) {
+    throw new Error(`Failed to fetch brandshop details - ${u}`);
   }
-}, ne = "brandshop", te = ({
+}, t2 = "brandshop", o2 = ({
   deviceType: e,
-  language: t,
-  brandshopId: o,
-  environment: r,
-  adServerApiKey: a,
+  language: n,
+  brandshopId: t,
+  environment: a,
+  adServerApiKey: r,
   enabled: s
-}) => G({
+}) => W({
   queryKey: [
-    ne,
-    o,
+    t2,
+    t,
     e,
-    t
+    n
   ],
-  queryFn: () => ee({
+  queryFn: () => n2({
     deviceType: e,
-    language: t,
-    brandshopId: o,
-    environment: r,
-    adServerApiKey: a
+    language: n,
+    brandshopId: t,
+    environment: a,
+    adServerApiKey: r
   }),
   enabled: s
-}), oe = "_brandshopContent_1lmgx_7", re = "_sectionContainer_1lmgx_39", ae = "_sectionTitle_1lmgx_55", ce = "_navigationSection_1lmgx_121", ie = "_navigationLogo_1lmgx_137", se = "_navigationLinks_1lmgx_147", le = "_navigationLink_1lmgx_147", de = "_navigationSectionContainer_1lmgx_187", _e = "_bannerButton_1lmgx_281", ue = "_banner_1lmgx_281", me = "_bannerCta_1lmgx_301", pe = "_bannerImage_1lmgx_329", ge = "_categoryContainer_1lmgx_409", he = "_categoryTile_1lmgx_423", Ce = "_categoryImageWrapper_1lmgx_443", ve = "_categoryImage_1lmgx_443", ke = "_categoryName_1lmgx_473", Se = "_categoryNameShrink_1lmgx_503", Ne = "_categoryShrinkGap_1lmgx_511", fe = "_cols3_1lmgx_533", be = "_cols2_1lmgx_541", ye = "_brandshopContainerSkeleton_1lmgx_621", xe = "_bannerSkeleton_1lmgx_639", Te = "_navContainerSkeleton_1lmgx_651", Pe = "_navPillSkeleton_1lmgx_665", we = "_categoryGridSkeleton_1lmgx_677", Be = "_categoryTileSkeleton_1lmgx_689", $e = "_promoSkeleton_1lmgx_701", Ae = "_brandshopError_1lmgx_775", Ie = "_errorIcon_1lmgx_805", Ee = "_errorContent_1lmgx_817", Oe = "_errorText_1lmgx_833", De = "_errorButton_1lmgx_875", c = {
-  brandshopContent: oe,
-  sectionContainer: re,
-  sectionTitle: ae,
-  navigationSection: ce,
-  navigationLogo: ie,
-  navigationLinks: se,
-  navigationLink: le,
-  navigationSectionContainer: de,
-  bannerButton: _e,
-  banner: ue,
-  bannerCta: me,
-  bannerImage: pe,
-  categoryContainer: ge,
-  categoryTile: he,
-  categoryImageWrapper: Ce,
-  categoryImage: ve,
-  categoryName: ke,
-  categoryNameShrink: Se,
-  categoryShrinkGap: Ne,
-  cols3: fe,
-  cols2: be,
-  brandshopContainerSkeleton: ye,
-  bannerSkeleton: xe,
-  navContainerSkeleton: Te,
-  navPillSkeleton: Pe,
-  categoryGridSkeleton: we,
-  categoryTileSkeleton: Be,
-  promoSkeleton: $e,
-  brandshopError: Ae,
-  errorIcon: Ie,
-  errorContent: Ee,
-  errorText: Oe,
-  errorButton: De
-}, Le = ({
+}), r2 = "_brandshopContent_1lmgx_7", a2 = "_sectionContainer_1lmgx_39", s2 = "_sectionTitle_1lmgx_55", i2 = "_navigationSection_1lmgx_121", c2 = "_navigationLogo_1lmgx_137", l2 = "_navigationLinks_1lmgx_147", _2 = "_navigationLink_1lmgx_147", d2 = "_navigationSectionContainer_1lmgx_187", u2 = "_bannerButton_1lmgx_281", m2 = "_banner_1lmgx_281", p2 = "_bannerCta_1lmgx_301", h2 = "_bannerImage_1lmgx_329", C2 = "_categoryContainer_1lmgx_409", g2 = "_categoryTile_1lmgx_423", f2 = "_categoryImageWrapper_1lmgx_443", y2 = "_categoryImage_1lmgx_443", v2 = "_categoryName_1lmgx_473", k2 = "_categoryNameShrink_1lmgx_503", N2 = "_categoryShrinkGap_1lmgx_511", b2 = "_cols3_1lmgx_533", S2 = "_cols2_1lmgx_541", x2 = "_brandshopContainerSkeleton_1lmgx_621", w2 = "_bannerSkeleton_1lmgx_639", T2 = "_navContainerSkeleton_1lmgx_651", P2 = "_navPillSkeleton_1lmgx_665", B2 = "_categoryGridSkeleton_1lmgx_677", I2 = "_categoryTileSkeleton_1lmgx_689", $2 = "_promoSkeleton_1lmgx_701", A2 = "_brandshopError_1lmgx_775", D2 = "_errorIcon_1lmgx_805", M2 = "_errorContent_1lmgx_817", E2 = "_errorText_1lmgx_833", L2 = "_errorButton_1lmgx_875", l = {
+  brandshopContent: r2,
+  sectionContainer: a2,
+  sectionTitle: s2,
+  navigationSection: i2,
+  navigationLogo: c2,
+  navigationLinks: l2,
+  navigationLink: _2,
+  navigationSectionContainer: d2,
+  bannerButton: u2,
+  banner: m2,
+  bannerCta: p2,
+  bannerImage: h2,
+  categoryContainer: C2,
+  categoryTile: g2,
+  categoryImageWrapper: f2,
+  categoryImage: y2,
+  categoryName: v2,
+  categoryNameShrink: k2,
+  categoryShrinkGap: N2,
+  cols3: b2,
+  cols2: S2,
+  brandshopContainerSkeleton: x2,
+  bannerSkeleton: w2,
+  navContainerSkeleton: T2,
+  navPillSkeleton: P2,
+  categoryGridSkeleton: B2,
+  categoryTileSkeleton: I2,
+  promoSkeleton: $2,
+  brandshopError: A2,
+  errorIcon: D2,
+  errorContent: M2,
+  errorText: E2,
+  errorButton: L2
+}, O2 = ({
   image: e,
-  text: t,
-  alt: o,
-  onClick: r
-}) => e ? /* @__PURE__ */ h("button", { type: "button", className: c.bannerButton, onClick: r, children: [
-  /* @__PURE__ */ n(f, { src: e, alt: o, className: c.bannerImage }),
-  /* @__PURE__ */ n("div", { className: c.bannerCta, children: t })
-] }) : null, We = ({ image: e, alt: t }) => /* @__PURE__ */ n("div", { className: c.banner, children: /* @__PURE__ */ n(f, { src: e, alt: t, className: c.bannerImage, fetchPriority: "high" }) }), N = (e, t, o) => {
+  text: n,
+  alt: t,
+  onClick: a
+}) => e ? /* @__PURE__ */ C("button", { type: "button", className: l.bannerButton, onClick: a, children: [
+  /* @__PURE__ */ o(N, { src: e, alt: t, className: l.bannerImage }),
+  /* @__PURE__ */ o("div", { className: l.bannerCta, children: n })
+] }) : null, H2 = ({ image: e, alt: n, index: t }) => /* @__PURE__ */ o("div", { className: l.banner, children: /* @__PURE__ */ o(
+  N,
+  {
+    src: e,
+    alt: n,
+    className: l.bannerImage,
+    fetchPriority: t === 0 ? "high" : "low"
+  }
+) }), b = (e, n, t) => {
   switch (e) {
     case "ads_bs_pageload":
     case "ads_bs_pageend": {
-      const { brandName: r, userStatus: a, platform: s } = t;
-      o?.(e, {
-        brand_name: r,
-        user_status: a,
+      const { brandName: a, userStatus: r, platform: s } = n;
+      t?.(e, {
+        brand_name: a,
+        user_status: r,
         platform: s
       });
       break;
     }
     case "ads_bs_section_view": {
-      const { brandName: r, sectionName: a, sectionOrder: s, userStatus: l, platform: u } = t;
-      o?.(e, {
-        brand_name: r,
-        section_name: a,
+      const { brandName: a, sectionName: r, sectionOrder: s, userStatus: c, platform: d } = n;
+      t?.(e, {
+        brand_name: a,
+        section_name: r,
         section_order: s,
-        user_status: l,
-        platform: u
+        user_status: c,
+        platform: d
       });
       break;
     }
     case "ads_bs_content_click": {
-      const { contentName: r, contentOrder: a, userStatus: s, platform: l } = t;
-      o?.(e, {
-        content_name: r,
-        content_order: a,
+      const { contentName: a, contentOrder: r, userStatus: s, platform: c } = n;
+      t?.(e, {
+        content_name: a,
+        content_order: r,
         user_status: s,
-        platform: l
+        platform: c
       });
       break;
     }
   }
-}, Ge = ({
+}, V2 = ({
   title: e,
-  hideTitle: t,
-  banners: o,
-  isLoggedin: r,
-  sectionTitle: a,
+  hideTitle: n,
+  banners: t,
+  isLoggedin: a,
+  sectionTitle: r,
   onBannerClick: s,
-  trackBrandshopHandler: l
+  trackBrandshopHandler: c
 }) => {
-  const u = (d) => {
-    if (!d?.link?.link_destination) return;
-    N(
+  const d = (u) => {
+    if (!u?.link?.link_destination) return;
+    b(
       "ads_bs_content_click",
       {
-        contentName: a,
-        contentOrder: d.display_order.toString(),
-        userStatus: r ? "logged_in" : "guest",
+        contentName: r,
+        contentOrder: u.display_order.toString(),
+        userStatus: a ? "logged_in" : "guest",
         platform: "Web"
       },
-      l
+      c
     );
-    const g = B(d.link.link_destination);
-    g && s(g);
+    const h = B(u.link.link_destination);
+    h && s(h);
   };
-  return o.length === 0 ? null : /* @__PURE__ */ h("div", { className: c.sectionContainer, children: [
-    !t && /* @__PURE__ */ n("h2", { className: c.sectionTitle, children: e }),
-    o.map((d) => d.link ? /* @__PURE__ */ n(
-      Le,
+  return t.length === 0 ? null : /* @__PURE__ */ C("div", { className: l.sectionContainer, children: [
+    !n && /* @__PURE__ */ o("h2", { className: l.sectionTitle, children: e }),
+    t.map((u, h) => u.link ? /* @__PURE__ */ o(
+      O2,
       {
-        image: d.image,
-        text: d.link.link_text,
+        image: u.image,
+        text: u.link.link_text,
         alt: e,
-        onClick: () => u(d)
+        onClick: () => d(u)
       },
-      d.tracking_id
-    ) : /* @__PURE__ */ n(
-      We,
+      u.tracking_id
+    ) : /* @__PURE__ */ o(
+      H2,
       {
-        image: d.image,
-        alt: e
+        image: u.image,
+        alt: e,
+        index: h
       },
-      d.tracking_id
+      u.tracking_id
     ))
   ] });
-}, Me = ({
+}, W2 = ({
   title: e,
-  hideTitle: t,
-  categories: o,
-  isLoggedin: r,
-  onCategoryClick: a,
+  hideTitle: n,
+  categories: t,
+  isLoggedin: a,
+  onCategoryClick: r,
   trackBrandshopHandler: s
 }) => {
-  const l = (i) => {
+  const c = (i) => {
     if (!i?.link?.link_destination) return;
-    N(
+    b(
       "ads_bs_content_click",
       {
         contentName: i.category_name,
         contentOrder: i.display_order.toString(),
-        userStatus: r ? "logged_in" : "guest",
+        userStatus: a ? "logged_in" : "guest",
         platform: "Web"
       },
       s
     );
     const m = B(i.link.link_destination);
-    m && a(m);
+    m && r(m);
   };
-  if (o.length < 2) return null;
-  const u = o.slice(0, 6), d = [...u].sort(
+  if (t.length < 2) return null;
+  const d = t.slice(0, 6), u = [...d].sort(
     (i, m) => i.display_order - m.display_order
-  ), g = u.length === 2 || u.length === 4 ? 2 : 3;
-  return /* @__PURE__ */ h("div", { className: c.sectionContainer, children: [
-    !t && /* @__PURE__ */ n("h2", { className: c.sectionTitle, children: e }),
-    /* @__PURE__ */ n(
+  ), h = d.length === 2 || d.length === 4 ? 2 : 3;
+  return /* @__PURE__ */ C("div", { className: l.sectionContainer, children: [
+    !n && /* @__PURE__ */ o("h2", { className: l.sectionTitle, children: e }),
+    /* @__PURE__ */ o(
       "div",
       {
-        className: `${c.categoryContainer} ${c[`cols${g}`]} ${u.length === 6 ? c.categoryShrinkGap : ""}`,
-        children: d.map((i) => i ? /* @__PURE__ */ h(
+        className: `${l.categoryContainer} ${l[`cols${h}`]} ${d.length === 6 ? l.categoryShrinkGap : ""}`,
+        children: u.map((i) => i ? /* @__PURE__ */ C(
           "button",
           {
-            className: c.categoryTile,
-            onClick: () => l(i),
+            className: l.categoryTile,
+            onClick: () => c(i),
             children: [
-              /* @__PURE__ */ n("div", { className: c.categoryImageWrapper, children: i.image && /* @__PURE__ */ n(
-                f,
+              /* @__PURE__ */ o("div", { className: l.categoryImageWrapper, children: i.image && /* @__PURE__ */ o(
+                N,
                 {
                   src: i.image,
                   alt: i.category_name ?? e,
-                  className: c.categoryImage
+                  className: l.categoryImage,
+                  loading: "lazy",
+                  fetchPriority: "low"
                 }
               ) }),
-              i.category_name && /* @__PURE__ */ n(
+              i.category_name && /* @__PURE__ */ o(
                 "span",
                 {
-                  className: `${c.categoryName} ${u.length === 6 ? c.categoryNameShrink : ""}`,
+                  className: `${l.categoryName} ${d.length === 6 ? l.categoryNameShrink : ""}`,
                   children: i.category_name
                 }
               )
@@ -229,54 +240,54 @@ const ee = async ({
       }
     )
   ] });
-}, Re = ({
+}, R2 = ({
   title: e,
-  hideTitle: t,
-  logo: o,
-  navigationLinks: r,
-  isLoggedin: a,
+  hideTitle: n,
+  logo: t,
+  navigationLinks: a,
+  isLoggedin: r,
   brandshopName: s,
-  onLinkClick: l,
-  trackBrandshopHandler: u
+  onLinkClick: c,
+  trackBrandshopHandler: d
 }) => {
-  const d = (i) => {
-    N(
+  const u = (i) => {
+    b(
       "ads_bs_content_click",
       {
         contentName: i.link.link_text,
         contentOrder: i.link.link_display_order.toString(),
-        userStatus: a ? "logged_in" : "guest",
+        userStatus: r ? "logged_in" : "guest",
         platform: "Web"
       },
-      u
+      d
     );
     const m = B(i.link.link_destination);
-    m && l(m);
+    m && c(m);
   };
-  if (r.length === 0) return null;
-  const g = [...r].sort(
+  if (a.length === 0) return null;
+  const h = [...a].sort(
     (i, m) => i.link.link_display_order - m.link.link_display_order
   );
-  return /* @__PURE__ */ h(
+  return /* @__PURE__ */ C(
     "div",
     {
-      className: `${c.sectionContainer} ${c.navigationSectionContainer}`,
+      className: `${l.sectionContainer} ${l.navigationSectionContainer}`,
       children: [
-        !t && /* @__PURE__ */ n("h2", { className: c.sectionTitle, children: e }),
-        /* @__PURE__ */ h("div", { className: c.navigationSection, children: [
-          o && /* @__PURE__ */ n("h1", { children: /* @__PURE__ */ n(
-            f,
+        !n && /* @__PURE__ */ o("h2", { className: l.sectionTitle, children: e }),
+        /* @__PURE__ */ C("div", { className: l.navigationSection, children: [
+          t && /* @__PURE__ */ o("h1", { children: /* @__PURE__ */ o(
+            N,
             {
-              src: o,
+              src: t,
               alt: s ?? e,
-              className: c.navigationLogo
+              className: l.navigationLogo
             }
           ) }),
-          /* @__PURE__ */ n("div", { className: c.navigationLinks, children: g.map((i) => /* @__PURE__ */ n(
+          /* @__PURE__ */ o("div", { className: l.navigationLinks, children: h.map((i) => /* @__PURE__ */ o(
             "button",
             {
-              className: c.navigationLink,
-              onClick: () => d(i),
+              className: l.navigationLink,
+              onClick: () => u(i),
               children: i.link.link_text
             },
             i.tracking_id
@@ -286,78 +297,82 @@ const ee = async ({
     }
   );
 };
-var M = /* @__PURE__ */ ((e) => (e.PERCENTAGE = "PERCENTAGE", e.AMOUNT = "AMOUNT", e))(M || {}), $ = /* @__PURE__ */ ((e) => (e[e.PROMOTION = 1] = "PROMOTION", e[e.COUPON = 2] = "COUPON", e))($ || {});
-const D = (e, t) => e.type === M.PERCENTAGE ? `${e.value}%` : `${e.discount_value} ${t}`, R = (e, t) => e.reduce(
-  (o, r) => r.order === $.PROMOTION ? {
-    ...o,
+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 || {});
+const O = (e, n) => e.type === R.PERCENTAGE ? `${e.value}%` : `${e.discount_value} ${n}`, G = (e, n) => e.reduce(
+  (t, a) => a.order === I.PROMOTION ? {
+    ...t,
     promotion: {
-      value: D(r, t),
-      priceAfterDiscount: r.price_after_discount
+      value: O(a, n),
+      priceAfterDiscount: a.price_after_discount
     }
-  } : r.order === $.COUPON ? {
-    ...o,
+  } : a.order === I.COUPON ? {
+    ...t,
     coupon: {
-      value: D(r, t),
-      priceAfterDiscount: r.price_after_discount
+      value: O(a, n),
+      priceAfterDiscount: a.price_after_discount
     }
-  } : o,
+  } : t,
   { promotion: null, coupon: null }
-), Ue = ({ children: e, className: t }) => /* @__PURE__ */ n("div", { className: t, children: e }), Qe = "_chip_fqk2t_3", Ye = {
-  chip: Qe
+), G2 = ({ children: e, className: n }) => /* @__PURE__ */ o("div", { className: n, children: e }), U2 = "_chip_fqk2t_3", Y2 = {
+  chip: U2
 };
-function Ke({ children: e, className: t }) {
-  return /* @__PURE__ */ n("div", { className: `${Ye.chip} ${t}`, children: e });
+function Z2({ children: e, className: n }) {
+  return /* @__PURE__ */ o("div", { className: `${Y2.chip} ${n}`, children: e });
 }
-const Ve = (e) => {
+const F2 = (e) => {
   const {
-    promotionValue: t,
-    hasCoupon: o,
-    isPriceDropped: r,
-    saveLabelText: a,
+    promotionValue: n,
+    hasCoupon: t,
+    isPriceDropped: a,
+    saveLabelText: r,
     couponText: s,
-    priceDropText: l
+    priceDropText: c
   } = e;
-  return r ? {
-    label: l,
+  return a ? {
+    label: c,
     variant: "priceDrop"
-  } : o ? {
+  } : t ? {
     label: s,
     variant: "coupon"
-  } : t ? {
-    label: `${a} ${t}`,
+  } : n ? {
+    label: `${r} ${n}`,
     variant: "promotion"
   } : null;
-}, Fe = "_card_8c2od_3", qe = "_header_8c2od_25", je = "_imageContainer_8c2od_47", Ze = "_image_8c2od_47", He = "_topControls_8c2od_77", ze = "_footer_8c2od_91", Je = "_priceSection_8c2od_105", Xe = "_priceWrapper_8c2od_117", en = "_priceCurrency_8c2od_129", nn = "_withPromotion_8c2od_139", tn = "_priceAmount_8c2od_151", on = "_priceOriginal_8c2od_175", rn = "_brand_8c2od_221", an = "_ProductTitle_8c2od_233", cn = "_couponBadge_8c2od_261", sn = "_discountChipCoupon_8c2od_281", ln = "_discountChipPromotion_8c2od_291", dn = "_discountChipPriceDrop_8c2od_293", _n = "_container_8c2od_351", un = "_carousel_8c2od_391", mn = "_carouselContent_8c2od_421", pn = "_carouselItem_8c2od_429", gn = "_navButtonNext_8c2od_467", hn = "_navButtonPrev_8c2od_469", Cn = "_navButtonPrevIcon_8c2od_521", vn = "_navButtonNextIcon_8c2od_523", kn = "_paginationContainer_8c2od_549", Sn = "_paginationDot_8c2od_559", Nn = "_paginationActiveDot_8c2od_571", _ = {
-  card: Fe,
-  header: qe,
-  imageContainer: je,
-  image: Ze,
-  topControls: He,
-  footer: ze,
-  priceSection: Je,
-  priceWrapper: Xe,
-  priceCurrency: en,
-  withPromotion: nn,
-  priceAmount: tn,
-  priceOriginal: on,
-  brand: rn,
-  ProductTitle: an,
-  couponBadge: cn,
-  discountChipCoupon: sn,
-  discountChipPromotion: ln,
-  discountChipPriceDrop: dn,
-  container: _n,
-  carousel: un,
-  carouselContent: mn,
-  carouselItem: pn,
-  navButtonNext: gn,
-  navButtonPrev: hn,
-  navButtonPrevIcon: Cn,
-  navButtonNextIcon: vn,
-  paginationContainer: kn,
-  paginationDot: Sn,
-  paginationActiveDot: Nn
-}, fn = {
+}, Q2 = "_card_8c2od_3", j2 = "_header_8c2od_25", K2 = "_imageContainer_8c2od_47", q2 = "_image_8c2od_47", z2 = "_topControls_8c2od_77", J2 = "_footer_8c2od_91", X2 = "_priceSection_8c2od_105", ee = "_priceWrapper_8c2od_117", ne = "_priceCurrency_8c2od_129", te = "_withPromotion_8c2od_139", oe = "_priceAmount_8c2od_151", re = "_priceOriginal_8c2od_175", ae = "_brand_8c2od_221", se = "_ProductTitle_8c2od_233", ie = "_couponBadge_8c2od_261", ce = "_discountChipCoupon_8c2od_281", le = "_discountChipPromotion_8c2od_291", _e = "_discountChipPriceDrop_8c2od_293", de = "_myloContainer_8c2od_303", ue = "_myloText_8c2od_317", me = "_myloIcon_8c2od_329", pe = "_myloSkeleton_8c2od_339", he = "_container_8c2od_351", Ce = "_carousel_8c2od_391", ge = "_carouselContent_8c2od_421", fe = "_carouselItem_8c2od_429", ye = "_navButtonNext_8c2od_467", ve = "_navButtonPrev_8c2od_469", ke = "_navButtonPrevIcon_8c2od_521", Ne = "_navButtonNextIcon_8c2od_523", be = "_paginationContainer_8c2od_549", Se = "_paginationDot_8c2od_559", xe = "_paginationActiveDot_8c2od_571", _ = {
+  card: Q2,
+  header: j2,
+  imageContainer: K2,
+  image: q2,
+  topControls: z2,
+  footer: J2,
+  priceSection: X2,
+  priceWrapper: ee,
+  priceCurrency: ne,
+  withPromotion: te,
+  priceAmount: oe,
+  priceOriginal: re,
+  brand: ae,
+  ProductTitle: se,
+  couponBadge: ie,
+  discountChipCoupon: ce,
+  discountChipPromotion: le,
+  discountChipPriceDrop: _e,
+  myloContainer: de,
+  myloText: ue,
+  myloIcon: me,
+  myloSkeleton: pe,
+  container: he,
+  carousel: Ce,
+  carouselContent: ge,
+  carouselItem: fe,
+  navButtonNext: ye,
+  navButtonPrev: ve,
+  navButtonPrevIcon: ke,
+  navButtonNextIcon: Ne,
+  paginationContainer: be,
+  paginationDot: Se,
+  paginationActiveDot: xe
+}, we = {
   en: {
     couponBadge: {
       extra: "Extra",
@@ -388,135 +403,195 @@ const Ve = (e) => {
       perMonth: "/الشهر مع"
     }
   }
-}, U = (e) => fn[e], bn = {
+}, A = (e) => we[e], Te = {
   coupon: _.discountChipCoupon,
   promotion: _.discountChipPromotion,
   priceDrop: _.discountChipPriceDrop
 };
-function yn({
+function Pe({
   language: e,
-  promotionValue: t,
-  coupon: o,
-  isPriceDropped: r,
-  className: a
+  promotionValue: n,
+  coupon: t,
+  isPriceDropped: a,
+  className: r
 }) {
-  const s = U(e), l = Ve({
-    promotionValue: t,
-    hasCoupon: !!o,
-    isPriceDropped: r,
+  const s = A(e), c = F2({
+    promotionValue: n,
+    hasCoupon: !!t,
+    isPriceDropped: a,
     saveLabelText: s.discountChip.save,
     couponText: s.discountChip.onlineExclusive,
     priceDropText: s.discountChip.priceDrop
   });
-  return l ? /* @__PURE__ */ n(
-    Ke,
+  return c ? /* @__PURE__ */ o(
+    Z2,
     {
-      className: `${a} ${bn[l.variant]}`,
-      children: l.label
+      className: `${r} ${Te[c.variant]}`,
+      children: c.label
     }
   ) : null;
 }
-const xn = "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";
-function Tn({ value: e, language: t }) {
-  const o = U(t);
-  return /* @__PURE__ */ h("div", { className: _.couponBadge, children: [
-    /* @__PURE__ */ n(f, { alt: "tag", src: xn, width: 13.3, height: 13.3 }),
-    /* @__PURE__ */ n("span", { children: `${o.couponBadge.extra} ${e} ${o.couponBadge.offAtCheckout}` })
+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";
+function Ie({ value: e, language: n }) {
+  const t = A(n);
+  return /* @__PURE__ */ C("div", { className: _.couponBadge, children: [
+    /* @__PURE__ */ o(N, { alt: "tag", src: Be, width: 13.3, height: 13.3 }),
+    /* @__PURE__ */ o("span", { children: `${t.couponBadge.extra} ${e} ${t.couponBadge.offAtCheckout}` })
   ] });
 }
-function Pn({
+function $e({
   price: e,
-  discounts: t
+  discounts: n
 }) {
-  const { promotion: o } = R(t, e.currency), r = o?.priceAfterDiscount;
-  return /* @__PURE__ */ h("div", { className: _.priceWrapper, children: [
-    /* @__PURE__ */ n(
+  const { promotion: t } = G(n, e.currency), a = t?.priceAfterDiscount;
+  return /* @__PURE__ */ C("div", { className: _.priceWrapper, children: [
+    /* @__PURE__ */ o(
       "span",
       {
-        className: `${_.priceCurrency} ${r && _.withPromotion}`,
+        className: `${_.priceCurrency} ${a && _.withPromotion}`,
         children: e.currency
       }
     ),
-    /* @__PURE__ */ n(
+    /* @__PURE__ */ o(
       "span",
       {
-        className: `${_.priceAmount} ${r && _.withPromotion}`,
-        children: o ? o.priceAfterDiscount : e.base
+        className: `${_.priceAmount} ${a && _.withPromotion}`,
+        children: t ? t.priceAfterDiscount : e.base
       }
     ),
-    r && /* @__PURE__ */ n("span", { className: _.priceOriginal, children: e.base })
+    a && /* @__PURE__ */ o("span", { className: _.priceOriginal, children: e.base })
   ] });
 }
-function wn({ title: e }) {
-  return /* @__PURE__ */ n("div", { className: _.ProductTitle, children: e });
+function Ae({ title: e }) {
+  return /* @__PURE__ */ o("div", { className: _.ProductTitle, children: e });
 }
-function Bn({
+var $;
+(function(e) {
+  e.YEARLY = "yearly", e.MONTHLY = "monthly";
+})($ || ($ = {}));
+const De = [{ tenor_key: "2_Months", duration_in_days: 60, interest_percent_basis_points: 600, admin_fee_percent_basis_points: 0, murabaha_schema: "monthly" }, { tenor_key: "3_Months", duration_in_days: 90, interest_percent_basis_points: 1e3, admin_fee_percent_basis_points: 0, murabaha_schema: "monthly" }, { tenor_key: "6_Months", duration_in_days: 180, interest_percent_basis_points: 1900, admin_fee_percent_basis_points: 0, murabaha_schema: "monthly" }, { tenor_key: "9_Months", duration_in_days: 270, interest_percent_basis_points: 2900, admin_fee_percent_basis_points: 0, murabaha_schema: "monthly" }, { tenor_key: "12_Months", duration_in_days: 360, interest_percent_basis_points: 3800, admin_fee_percent_basis_points: 0, murabaha_schema: "monthly" }, { tenor_key: "15_Months", duration_in_days: 450, interest_percent_basis_points: 5e3, admin_fee_percent_basis_points: 0, murabaha_schema: "monthly" }, { tenor_key: "18_Months", duration_in_days: 540, interest_percent_basis_points: 6500, admin_fee_percent_basis_points: 0, murabaha_schema: "monthly" }, { tenor_key: "24_Months", duration_in_days: 720, interest_percent_basis_points: 8800, admin_fee_percent_basis_points: 0, murabaha_schema: "monthly" }, { tenor_key: "36_Months", duration_in_days: 1080, interest_percent_basis_points: 14400, admin_fee_percent_basis_points: 0, murabaha_schema: "monthly" }, { tenor_key: "48_Months", duration_in_days: 1440, interest_percent_basis_points: 2e4, admin_fee_percent_basis_points: 0, murabaha_schema: "monthly" }];
+async function Me() {
+  try {
+    const e = await fetch("https://mylosmsoffers.s3.eu-west-1.amazonaws.com/btechoffer.json", { method: "GET", cache: "default", headers: { "Content-Type": "application/json" } });
+    if (!e.ok) throw new Error(`Failed to fetch configs: ${e.status} ${e.statusText}`);
+    return await e.json();
+  } catch (e) {
+    return console.error("Failed to fetch tenor configs:", e), De;
+  }
+}
+function Ee(e, n) {
+  const t = n.interest_percent_basis_points / 1e4, a = e + e * t, r = n.duration_in_days / 30, s = n.tenor_key.match(/^(\d+)_/);
+  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)) };
+}
+async function Le(e) {
+  const n = await Me();
+  if (n.length === 0) return null;
+  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) {
+    return new Intl.NumberFormat("en-US", { minimumFractionDigits: 2, maximumFractionDigits: 2 }).format(r);
+  }(t.installment.monthlyAmount);
+  return { message: `Pay as low as ${a}/month`, tenure: `${String(t.config.duration_in_days / 30)}`, amount: a };
+}
+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";
+function Ve(e, n = []) {
+  const [t, a] = k(null), [r, s] = k(!0);
+  return T(() => {
+    if (!e) return;
+    let c = !0;
+    return s(!0), e?.().then((d) => {
+      c && a(d);
+    }).finally(() => {
+      c && s(!1);
+    }), () => {
+      c = !1;
+    };
+  }, n), [t, r];
+}
+const We = (e) => {
+  if (!e) return 0;
+  const n = e.replaceAll(",", ""), t = Number(n);
+  return Number.isNaN(t) ? 0 : t;
+}, Re = 500;
+function Ge({
   id: e,
-  title: t,
-  brand: o,
-  image: r,
-  price: a,
+  title: n,
+  brand: t,
+  image: a,
+  price: r,
   discounts: s = [],
-  language: l,
-  className: u
+  language: c,
+  className: d
 }) {
-  const { promotion: d, coupon: g } = R(s, a.currency);
-  return /* @__PURE__ */ h(Ue, { className: `${_.card} ${u}`, children: [
-    /* @__PURE__ */ h("header", { className: _.header, children: [
-      /* @__PURE__ */ n("div", { className: _.imageContainer, children: /* @__PURE__ */ n(f, { className: _.image, src: r, alt: t }) }),
-      /* @__PURE__ */ n("div", { className: _.topControls, children: /* @__PURE__ */ n(
-        yn,
+  const { promotion: u, coupon: h } = G(s, r.currency), i = A(c), [m, g] = Ve(
+    () => Le(Number(r.final.replaceAll(",", ""))),
+    [r.final]
+  ), f = `${i.mylo.from} ${m?.amount ?? "0"}${i.mylo.perMonth}`;
+  return /* @__PURE__ */ C(G2, { className: `${_.card} ${d}`, children: [
+    /* @__PURE__ */ C("header", { className: _.header, children: [
+      /* @__PURE__ */ o("div", { className: _.imageContainer, children: /* @__PURE__ */ o(N, { className: _.image, src: a, alt: n }) }),
+      /* @__PURE__ */ o("div", { className: _.topControls, children: /* @__PURE__ */ o(
+        Pe,
         {
-          language: l,
-          coupon: g,
-          promotionValue: d?.value,
-          isPriceDropped: a.is_price_dropped
+          language: c,
+          coupon: h,
+          promotionValue: u?.value,
+          isPriceDropped: r.is_price_dropped
         }
       ) })
     ] }),
-    /* @__PURE__ */ h("footer", { className: _.footer, children: [
-      /* @__PURE__ */ n("div", { className: _.priceSection, children: /* @__PURE__ */ n(Pn, { price: a, discounts: s }) }),
-      /* @__PURE__ */ n("h4", { className: _.brand, children: o }),
-      /* @__PURE__ */ n(wn, { title: t }),
-      g && /* @__PURE__ */ n(Tn, { value: g.value, language: l })
+    /* @__PURE__ */ C("footer", { className: _.footer, children: [
+      /* @__PURE__ */ o("div", { className: _.priceSection, children: /* @__PURE__ */ o($e, { price: r, discounts: s }) }),
+      g ? /* @__PURE__ */ o(y, { className: _.myloSkeleton }) : We(r.final) >= Re && /* @__PURE__ */ C("div", { className: _.myloContainer, children: [
+        /* @__PURE__ */ o("p", { className: _.myloText, children: f }),
+        /* @__PURE__ */ o(
+          N,
+          {
+            className: _.myloIcon,
+            src: c === "en" ? Oe : He,
+            alt: "mylo"
+          }
+        )
+      ] }),
+      /* @__PURE__ */ o("h4", { className: _.brand, children: t }),
+      /* @__PURE__ */ o(Ae, { title: n }),
+      h && /* @__PURE__ */ o(Ie, { value: h.value, language: c })
     ] })
   ] }, e);
 }
-function $n({
+function Ue({
   slidesToScroll: e,
-  products: t,
-  onProductClick: o,
-  language: r
+  products: n,
+  onProductClick: t,
+  language: a
 }) {
-  const [a, s] = T(), [l, u] = T(0), [d, g] = T(0), [i, m] = T(!1), [C, v] = T(!1);
-  return P(() => {
-    if (!a)
+  const [r, s] = k(), [c, d] = k(0), [u, h] = k(0), [i, m] = k(!1), [g, f] = k(!1);
+  return T(() => {
+    if (!r)
       return;
     const p = () => {
-      g(a.scrollSnapList().length), u(a.selectedScrollSnap()), m(a.canScrollPrev()), v(a.canScrollNext());
+      h(r.scrollSnapList().length), d(r.selectedScrollSnap()), m(r.canScrollPrev()), f(r.canScrollNext());
     };
-    return p(), a.on("select", p), a.on("reInit", p), () => {
-      a.off("select", p), a.off("reInit", p);
+    return p(), r.on("select", p), r.on("reInit", p), () => {
+      r.off("select", p), r.off("reInit", p);
     };
-  }, [a]), /* @__PURE__ */ h("div", { className: _.container, children: [
-    /* @__PURE__ */ h(
-      F,
+  }, [r]), /* @__PURE__ */ C("div", { className: _.container, children: [
+    /* @__PURE__ */ C(
+      Q,
       {
         opts: {
           align: "start",
           slidesToScroll: e ?? 1,
-          direction: r === "ar" ? "rtl" : "ltr"
+          direction: a === "ar" ? "rtl" : "ltr"
         },
         setApi: s,
         className: _.carousel,
         children: [
-          /* @__PURE__ */ n(q, { className: _.carouselContent, children: t.map((p, S) => /* @__PURE__ */ n(
-            j,
+          /* @__PURE__ */ o(j, { className: _.carouselContent, children: n.map((p, v) => /* @__PURE__ */ o(
+            K,
             {
               className: _.carouselItem,
-              onClick: () => o(p, S),
-              children: /* @__PURE__ */ n(
-                Bn,
+              onClick: () => t(p, v),
+              children: /* @__PURE__ */ o(
+                Ge,
                 {
                   id: p.offering_id,
                   brand: p.brand,
@@ -524,21 +599,21 @@ function $n({
                   price: p.price,
                   title: p.title,
                   discounts: p.discounts,
-                  language: r
+                  language: a
                 }
               )
             },
-            `${p.offering_id}-${S}`
+            `${p.offering_id}-${v}`
           )) }),
-          i && /* @__PURE__ */ n(
-            Z,
+          i && /* @__PURE__ */ o(
+            q,
             {
               className: _.navButtonPrev,
               iconClassName: _.navButtonPrevIcon
             }
           ),
-          C && /* @__PURE__ */ n(
-            H,
+          g && /* @__PURE__ */ o(
+            z,
             {
               className: _.navButtonNext,
               iconClassName: _.navButtonNextIcon
@@ -547,12 +622,12 @@ function $n({
         ]
       }
     ),
-    /* @__PURE__ */ n(
-      z,
+    /* @__PURE__ */ o(
+      J,
       {
-        slidesCount: d,
-        currentIndex: l,
-        onClick: (p) => a?.scrollTo(p),
+        slidesCount: u,
+        currentIndex: c,
+        onClick: (p) => r?.scrollTo(p),
         showProgress: !1,
         containerClassName: _.paginationContainer,
         buttonClassName: _.paginationButton,
@@ -562,7 +637,7 @@ function $n({
     )
   ] });
 }
-const An = (e) => ({
+const Ye = (e) => ({
   type: "single product",
   val: [e.offering_id],
   filters: [
@@ -571,348 +646,348 @@ const An = (e) => ({
       value: [e.slug]
     }
   ]
-}), In = async ({
+}), Ze = async ({
   language: e,
-  collectionId: t,
-  environment: o,
-  adServerApiKey: r
+  collectionId: n,
+  environment: t,
+  adServerApiKey: a
 }) => {
-  const [a, s] = await L(r), l = W("adServer", o);
+  const [r, s] = await H(a), c = V("adServer", t);
   try {
     return (await (await fetch(
-      `${l}/api/v2/brandshop/server/collection/${t}`,
+      `${c}/api/v2/brandshop/server/collection/${n}`,
       {
         headers: {
           lang: e,
           device: "web",
-          "auth-token": a,
+          "auth-token": r,
           "auth-timestamp": s,
           "accept-language": e
         }
       }
     )).json()).data;
-  } catch (u) {
-    throw new Error(`Failed to fetch collection data - ${u}`);
+  } catch (d) {
+    throw new Error(`Failed to fetch collection data - ${d}`);
   }
-}, En = "collection", On = ({
+}, Fe = "collection", Qe = ({
   language: e,
-  collectionId: t,
-  environment: o,
-  adServerApiKey: r
-}) => G({
-  queryKey: [En, t, e],
-  queryFn: () => In({
+  collectionId: n,
+  environment: t,
+  adServerApiKey: a
+}) => W({
+  queryKey: [Fe, n, e],
+  queryFn: () => Ze({
     language: e,
-    collectionId: t,
-    environment: o,
-    adServerApiKey: r
+    collectionId: n,
+    environment: t,
+    adServerApiKey: a
   })
-}), Dn = "_card_15xcs_1", Ln = "_imageSkeleton_15xcs_17", Wn = "_titleSkeleton_15xcs_19", Gn = "_descriptionSkeleton_15xcs_21", Mn = "_priceSkeleton_15xcs_23", Rn = "_buttonSkeleton_15xcs_25", y = {
-  card: Dn,
-  imageSkeleton: Ln,
-  titleSkeleton: Wn,
-  descriptionSkeleton: Gn,
-  priceSkeleton: Mn,
-  buttonSkeleton: Rn
-}, Un = (e) => {
-  const { className: t } = e;
-  return /* @__PURE__ */ h("div", { className: `${y.card} ${t || ""}`, children: [
-    /* @__PURE__ */ n(k, { className: y.imageSkeleton }),
-    /* @__PURE__ */ n(k, { className: y.titleSkeleton }),
-    /* @__PURE__ */ n(k, { className: y.descriptionSkeleton }),
-    /* @__PURE__ */ n(k, { className: y.priceSkeleton }),
-    /* @__PURE__ */ n(k, { className: y.buttonSkeleton })
+}), 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 = {
+  card: je,
+  imageSkeleton: Ke,
+  titleSkeleton: qe,
+  descriptionSkeleton: ze,
+  priceSkeleton: Je,
+  buttonSkeleton: Xe
+}, en = (e) => {
+  const { className: n } = e;
+  return /* @__PURE__ */ C("div", { className: `${x.card} ${n || ""}`, children: [
+    /* @__PURE__ */ o(y, { className: x.imageSkeleton }),
+    /* @__PURE__ */ o(y, { className: x.titleSkeleton }),
+    /* @__PURE__ */ o(y, { className: x.descriptionSkeleton }),
+    /* @__PURE__ */ o(y, { className: x.priceSkeleton }),
+    /* @__PURE__ */ o(y, { className: x.buttonSkeleton })
   ] });
-}, Qn = "_container_gnnm8_1", Yn = "_header_gnnm8_13", Kn = "_titleSkeleton_gnnm8_27", Vn = "_carouselWrapper_gnnm8_37", Fn = "_carouselContainer_gnnm8_49", qn = "_cardWrapper_gnnm8_67", x = {
-  container: Qn,
-  header: Yn,
-  titleSkeleton: Kn,
-  carouselWrapper: Vn,
-  carouselContainer: Fn,
-  cardWrapper: qn
-}, jn = (e) => {
-  const { length: t } = e, o = t ?? 5;
-  return /* @__PURE__ */ h("div", { className: x.container, children: [
-    /* @__PURE__ */ n("div", { className: x.header, children: /* @__PURE__ */ n(k, { className: x.titleSkeleton }) }),
-    /* @__PURE__ */ n("div", { className: x.carouselWrapper, children: /* @__PURE__ */ n("div", { className: x.carouselContainer, children: Array.from({ length: o }, (r, a) => /* @__PURE__ */ n("div", { className: x.cardWrapper, children: /* @__PURE__ */ n(Un, {}) }, a)) }) })
+}, 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 = {
+  container: nn,
+  header: tn,
+  titleSkeleton: on,
+  carouselWrapper: rn,
+  carouselContainer: an,
+  cardWrapper: sn
+}, cn = (e) => {
+  const { length: n } = e, t = n ?? 5;
+  return /* @__PURE__ */ C("div", { className: w.container, children: [
+    /* @__PURE__ */ o("div", { className: w.header, children: /* @__PURE__ */ o(y, { className: w.titleSkeleton }) }),
+    /* @__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)) }) })
   ] });
 };
-function Zn({
+function ln({
   products: e,
-  title: t,
-  hideTitle: o,
-  isLoggedin: r,
-  language: a,
+  title: n,
+  hideTitle: t,
+  isLoggedin: a,
+  language: r,
   environment: s,
-  adServerApiKey: l,
-  trackBrandshopHandler: u,
-  onProductClick: d
+  adServerApiKey: c,
+  trackBrandshopHandler: d,
+  onProductClick: u
 }) {
-  const { data: g, isLoading: i, error: m } = On({
-    language: a,
+  const { data: h, isLoading: i, error: m } = Qe({
+    language: r,
     collectionId: e.collection_id ?? "",
     environment: s,
-    adServerApiKey: l
-  }), C = (v, p) => {
-    N(
+    adServerApiKey: c
+  }), g = (f, p) => {
+    b(
       "ads_bs_content_click",
       {
-        contentName: v.title,
+        contentName: f.title,
         contentOrder: (p + 1).toString(),
-        userStatus: r ? "logged_in" : "guest",
+        userStatus: a ? "logged_in" : "guest",
         platform: "Web"
       },
-      u
+      d
     );
-    const S = An(v), b = B(S);
-    b && d(b);
+    const v = Ye(f), S = B(v);
+    S && u(S);
   };
-  return i ? /* @__PURE__ */ n(jn, {}) : m || !g ? null : /* @__PURE__ */ h("div", { className: c.sectionContainer, children: [
-    !o && /* @__PURE__ */ n("h2", { className: c.sectionTitle, children: t }),
-    /* @__PURE__ */ n(
-      $n,
+  return i ? /* @__PURE__ */ o(cn, {}) : m || !h ? null : /* @__PURE__ */ C("div", { className: l.sectionContainer, children: [
+    !t && /* @__PURE__ */ o("h2", { className: l.sectionTitle, children: n }),
+    /* @__PURE__ */ o(
+      Ue,
       {
-        products: g.items,
-        onProductClick: (v, p) => C(v, p),
-        language: a
+        products: h.items,
+        onProductClick: (f, p) => g(f, p),
+        language: r
       }
     )
   ] });
 }
-const Hn = ({
+const _n = ({
   section: e,
-  onLinkClick: t,
-  trackBrandshopHandler: o,
-  isLoggedin: r,
-  brandName: a,
+  onLinkClick: n,
+  trackBrandshopHandler: t,
+  isLoggedin: a,
+  brandName: r,
   language: s,
-  environment: l,
-  adServerApiKey: u,
-  brandshopName: d
+  environment: c,
+  adServerApiKey: d,
+  brandshopName: u
 }) => {
   const {
-    section_type: g,
+    section_type: h,
     section_title: i,
     show_section_title: m,
-    data: C,
-    section_display_order: v
-  } = e, { ref: p } = J({
-    onChange: (S) => {
-      S && N(
+    data: g,
+    section_display_order: f
+  } = e, { ref: p } = X({
+    onChange: (v) => {
+      v && b(
         "ads_bs_section_view",
         {
-          brandName: a,
+          brandName: r,
           sectionName: i,
-          sectionOrder: v.toString(),
-          userStatus: r ? "logged_in" : "guest",
+          sectionOrder: f.toString(),
+          userStatus: a ? "logged_in" : "guest",
           platform: "Web"
         },
-        o
+        t
       );
     }
   });
-  return /* @__PURE__ */ n("div", { ref: p, style: { width: "100%" }, children: (() => {
-    switch (g) {
+  return /* @__PURE__ */ o("div", { ref: p, style: { width: "100%" }, children: (() => {
+    switch (h) {
       case "nav":
-        return /* @__PURE__ */ n(
-          Re,
+        return /* @__PURE__ */ o(
+          R2,
           {
             title: i,
             hideTitle: !m,
-            logo: C[0].logo ?? "",
-            navigationLinks: C[0].navigation_links ?? [],
-            onLinkClick: t,
-            isLoggedin: r,
-            trackBrandshopHandler: o,
-            brandshopName: d
+            logo: g[0].logo ?? "",
+            navigationLinks: g[0].navigation_links ?? [],
+            onLinkClick: n,
+            isLoggedin: a,
+            trackBrandshopHandler: t,
+            brandshopName: u
           }
         );
       case "category":
-        return /* @__PURE__ */ n(
-          Me,
+        return /* @__PURE__ */ o(
+          W2,
           {
             title: i,
             hideTitle: !m,
-            categories: C,
-            onCategoryClick: t,
-            isLoggedin: r,
-            trackBrandshopHandler: o
+            categories: g,
+            onCategoryClick: n,
+            isLoggedin: a,
+            trackBrandshopHandler: t
           }
         );
       case "banner":
-        return /* @__PURE__ */ n(
-          Ge,
+        return /* @__PURE__ */ o(
+          V2,
           {
             title: i,
-            banners: C,
+            banners: g,
             hideTitle: !m,
-            onBannerClick: t,
-            isLoggedin: r,
+            onBannerClick: n,
+            isLoggedin: a,
             sectionTitle: i,
-            trackBrandshopHandler: o
+            trackBrandshopHandler: t
           }
         );
       case "productSlider":
-        return /* @__PURE__ */ n(
-          Zn,
+        return /* @__PURE__ */ o(
+          ln,
           {
-            products: C[0],
+            products: g[0],
             title: i,
             hideTitle: !m,
-            isLoggedin: r,
-            trackBrandshopHandler: o,
-            onProductClick: t,
+            isLoggedin: a,
+            trackBrandshopHandler: t,
+            onProductClick: n,
             language: s,
-            environment: l,
-            adServerApiKey: u
+            environment: c,
+            adServerApiKey: d
           }
         );
       default:
         return null;
     }
   })() });
-}, zn = (e, t) => {
-  let o;
-  return (...r) => {
-    clearTimeout(o), o = setTimeout(() => {
-      e(...r);
-    }, t);
+}, dn = (e, n) => {
+  let t;
+  return (...a) => {
+    clearTimeout(t), t = setTimeout(() => {
+      e(...a);
+    }, n);
   };
 };
-function Jn(e = 5) {
-  const [t, o] = T(!1);
-  return P(() => {
-    const a = zn(() => {
-      const s = window.scrollY || document.documentElement.scrollTop, l = window.innerHeight, u = document.documentElement.scrollHeight, d = s + l >= u - e;
-      o(d);
+function un(e = 5) {
+  const [n, t] = k(!1);
+  return T(() => {
+    const r = dn(() => {
+      const s = window.scrollY || document.documentElement.scrollTop, c = window.innerHeight, d = document.documentElement.scrollHeight, u = s + c >= d - e;
+      t(u);
     }, 100);
-    return window.addEventListener("scroll", a, { passive: !0 }), a(), () => {
-      window.removeEventListener("scroll", a);
+    return window.addEventListener("scroll", r, { passive: !0 }), r(), () => {
+      window.removeEventListener("scroll", r);
     };
-  }, [e]), t;
+  }, [e]), n;
 }
-function Xn() {
-  return /* @__PURE__ */ h("div", { className: c.brandshopContainerSkeleton, children: [
-    /* @__PURE__ */ n(k, { className: c.bannerSkeleton }),
-    /* @__PURE__ */ n("div", { className: c.navContainerSkeleton, children: Array.from({ length: 3 }).map((o, r) => /* @__PURE__ */ n(k, { className: c.navPillSkeleton }, r)) }),
-    /* @__PURE__ */ n(
+function mn() {
+  return /* @__PURE__ */ C("div", { className: l.brandshopContainerSkeleton, children: [
+    /* @__PURE__ */ o(y, { className: l.bannerSkeleton }),
+    /* @__PURE__ */ o("div", { className: l.navContainerSkeleton, children: Array.from({ length: 3 }).map((t, a) => /* @__PURE__ */ o(y, { className: l.navPillSkeleton }, a)) }),
+    /* @__PURE__ */ o(
       "div",
       {
-        className: c.categoryGridSkeleton,
+        className: l.categoryGridSkeleton,
         style: {
           gridTemplateColumns: `repeat(${Math.min(2, 2)}, 1fr)`
         },
-        children: Array.from({ length: 2 }).map((o, r) => /* @__PURE__ */ n(k, { className: c.categoryTileSkeleton }, r))
+        children: Array.from({ length: 2 }).map((t, a) => /* @__PURE__ */ o(y, { className: l.categoryTileSkeleton }, a))
       }
     ),
-    /* @__PURE__ */ n(k, { className: c.promoSkeleton })
+    /* @__PURE__ */ o(y, { className: l.promoSkeleton })
   ] });
 }
-function et({
+function pn({
   language: e,
-  brandshopId: t,
-  environment: o,
-  adServerApiKey: r,
-  isLoggedin: a,
+  brandshopId: n,
+  environment: t,
+  adServerApiKey: a,
+  isLoggedin: r,
   brandshop: s,
-  onLinkClick: l,
-  trackBrandshopHandler: u
+  onLinkClick: c,
+  trackBrandshopHandler: d
 }) {
-  const { isLaptop: d, isDesktop: g } = X(), i = d || g ? O.Web : O.Mobile;
+  const { isLaptop: u, isDesktop: h } = e2(), i = u || h ? L.Web : L.Mobile;
   let m = s;
   const {
-    data: C,
-    isLoading: v,
+    data: g,
+    isLoading: f,
     error: p
-  } = te({
+  } = o2({
     language: e,
-    brandshopId: t,
-    environment: o,
-    adServerApiKey: r,
+    brandshopId: n,
+    environment: t,
+    adServerApiKey: a,
     deviceType: i,
     enabled: !s
   });
-  m ??= C;
-  const S = Jn(), b = m?.name || "", A = a ? "logged_in" : "guest", I = "Web";
-  if (P(() => {
+  m ??= g;
+  const v = un(), S = m?.name || "", D = r ? "logged_in" : "guest", M = "Web";
+  if (T(() => {
     window.scrollTo(0, 0);
-  }, []), P(() => {
-    m && N(
+  }, []), T(() => {
+    m && b(
       "ads_bs_pageload",
-      { brandName: b, userStatus: A, platform: I },
-      u
+      { brandName: S, userStatus: D, platform: M },
+      d
     );
-  }, [m]), P(() => {
-    !m || !S || N(
+  }, [m]), T(() => {
+    !m || !v || b(
       "ads_bs_pageend",
-      { brandName: b, userStatus: A, platform: I },
-      u
+      { brandName: S, userStatus: D, platform: M },
+      d
     );
-  }, [S]), v) return /* @__PURE__ */ n(Xn, {});
+  }, [v]), f) return /* @__PURE__ */ o(mn, {});
   if (p)
     throw new Error(
-      `brandshop with id ${t} failed to load} - ${p?.message || "unknown error"}`
+      `brandshop with id ${n} failed to load} - ${p?.message || "unknown error"}`
     );
   const E = m?.content;
   if (!Array.isArray(E)) return null;
-  const Q = [...E].sort(
-    (w, Y) => w.section_display_order - Y.section_display_order
+  const U = [...E].sort(
+    (P, Y) => P.section_display_order - Y.section_display_order
   );
-  return /* @__PURE__ */ n("div", { className: c.brandshopContent, children: Q.map((w) => /* @__PURE__ */ n(
-    Hn,
+  return /* @__PURE__ */ o("div", { className: l.brandshopContent, children: U.map((P) => /* @__PURE__ */ o(
+    _n,
     {
-      section: w,
-      onLinkClick: l,
-      isLoggedin: a,
-      brandName: b,
-      trackBrandshopHandler: u,
+      section: P,
+      onLinkClick: c,
+      isLoggedin: r,
+      brandName: S,
+      trackBrandshopHandler: d,
       language: e,
-      environment: o,
-      adServerApiKey: r,
+      environment: t,
+      adServerApiKey: a,
       brandshopName: m?.name
     },
-    w.tracking_id
+    P.tracking_id
   )) });
 }
-const nt = "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";
-function tt({ language: e }) {
-  const t = e === "ar", o = t ? "حدث خطأ ما" : "Something went wrong", r = t ? "نواجه مشكلة في تحميل هذه الصفحة. يرجى الانتظار قليلاً؛ سيتم حلها قريباً." : "We're having trouble loading this page. Please bear with us; it should be resolved shortly.", a = t ? "إعادة المحاولة" : "Try again";
-  return /* @__PURE__ */ h("div", { className: c.brandshopError, children: [
-    /* @__PURE__ */ n(f, { src: nt, className: c.errorIcon, alt: "error" }),
-    /* @__PURE__ */ h("div", { className: c.errorContent, children: [
-      /* @__PURE__ */ h("div", { className: c.errorText, children: [
-        /* @__PURE__ */ n("h2", { children: o }),
-        /* @__PURE__ */ n("p", { children: r })
+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";
+function Cn({ language: e }) {
+  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";
+  return /* @__PURE__ */ C("div", { className: l.brandshopError, children: [
+    /* @__PURE__ */ o(N, { src: hn, className: l.errorIcon, alt: "error" }),
+    /* @__PURE__ */ C("div", { className: l.errorContent, children: [
+      /* @__PURE__ */ C("div", { className: l.errorText, children: [
+        /* @__PURE__ */ o("h2", { children: t }),
+        /* @__PURE__ */ o("p", { children: a })
       ] }),
-      /* @__PURE__ */ n(
+      /* @__PURE__ */ o(
         "button",
         {
-          className: c.errorButton,
+          className: l.errorButton,
           onClick: () => window.location.reload(),
-          children: a
+          children: r
         }
       )
     ] })
   ] });
 }
-class ot extends V {
-  constructor(t) {
-    super(t), this.state = { hasError: !1, error: null, errorInfo: null };
+class gn extends F {
+  constructor(n) {
+    super(n), this.state = { hasError: !1, error: null, errorInfo: null };
   }
-  static getDerivedStateFromError(t) {
-    return { hasError: !0, error: t, errorInfo: null };
+  static getDerivedStateFromError(n) {
+    return { hasError: !0, error: n, errorInfo: null };
   }
-  componentDidCatch(t, o) {
-    this.setState({ error: t, errorInfo: o });
+  componentDidCatch(n, t) {
+    this.setState({ error: n, errorInfo: t });
   }
   render() {
     return this.state.hasError ? this.props.fallback : this.props.children;
   }
 }
-function lt(e) {
-  return /* @__PURE__ */ n(K, { children: /* @__PURE__ */ n(ot, { fallback: /* @__PURE__ */ n(tt, { language: e.language }), children: /* @__PURE__ */ n(et, { ...e }) }) });
+function bn(e) {
+  return /* @__PURE__ */ o(Z, { children: /* @__PURE__ */ o(gn, { fallback: /* @__PURE__ */ o(Cn, { language: e.language }), children: /* @__PURE__ */ o(pn, { ...e }) }) });
 }
 export {
-  lt as Brandshop
+  bn as Brandshop
 };
 //# sourceMappingURL=Brandshop.js.map