ads-web-sdkm 2.0.25 → 2.0.27

package/dist/Brandshop.js

@@ -1,19 +1,19 @@
-import { jsxs as h, jsx as t } from "react/jsx-runtime";
+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-zvdPHg5N.js";
+import { I as N } from "./Image-DBd789zZ.js";
 const n2 = async ({
   deviceType: e,
   language: n,
-  brandshopId: o,
+  brandshopId: t,
   environment: a,
   adServerApiKey: r
 }) => {
   const [s, c] = await H(r), d = V("adServer", a);
   try {
     return (await (await fetch(
-      `${d}/api/v2/brandshop/server/${o}`,
+      `${d}/api/v2/brandshop/server/${t}`,
       {
         headers: {
           device: e,
@@ -29,21 +29,21 @@ const n2 = async ({
 }, t2 = "brandshop", o2 = ({
   deviceType: e,
   language: n,
-  brandshopId: o,
+  brandshopId: t,
   environment: a,
   adServerApiKey: r,
   enabled: s
 }) => W({
   queryKey: [
     t2,
-    o,
+    t,
     e,
     n
   ],
   queryFn: () => n2({
     deviceType: e,
     language: n,
-    brandshopId: o,
+    brandshopId: t,
     environment: a,
     adServerApiKey: r
   }),
@@ -85,17 +85,25 @@ const n2 = async ({
 }, O2 = ({
   image: e,
   text: n,
-  alt: o,
+  alt: t,
   onClick: a
-}) => e ? /* @__PURE__ */ h("button", { type: "button", className: l.bannerButton, onClick: a, children: [
-  /* @__PURE__ */ t(N, { src: e, alt: o, className: l.bannerImage }),
-  /* @__PURE__ */ t("div", { className: l.bannerCta, children: n })
-] }) : null, H2 = ({ image: e, alt: n }) => /* @__PURE__ */ t("div", { className: l.banner, children: /* @__PURE__ */ t(N, { src: e, alt: n, className: l.bannerImage, fetchPriority: "high" }) }), b = (e, n, o) => {
+}) => 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" : "auto"
+  }
+) }), b = (e, n, t) => {
   switch (e) {
     case "ads_bs_pageload":
     case "ads_bs_pageend": {
       const { brandName: a, userStatus: r, platform: s } = n;
-      o?.(e, {
+      t?.(e, {
         brand_name: a,
         user_status: r,
         platform: s
@@ -104,7 +112,7 @@ const n2 = async ({
     }
     case "ads_bs_section_view": {
       const { brandName: a, sectionName: r, sectionOrder: s, userStatus: c, platform: d } = n;
-      o?.(e, {
+      t?.(e, {
         brand_name: a,
         section_name: r,
         section_order: s,
@@ -115,7 +123,7 @@ const n2 = async ({
     }
     case "ads_bs_content_click": {
       const { contentName: a, contentOrder: r, userStatus: s, platform: c } = n;
-      o?.(e, {
+      t?.(e, {
         content_name: a,
         content_order: r,
         user_status: s,
@@ -127,7 +135,7 @@ const n2 = async ({
 }, V2 = ({
   title: e,
   hideTitle: n,
-  banners: o,
+  banners: t,
   isLoggedin: a,
   sectionTitle: r,
   onBannerClick: s,
@@ -145,12 +153,12 @@ const n2 = async ({
       },
       c
     );
-    const C = B(u.link.link_destination);
-    C && s(C);
+    const h = B(u.link.link_destination);
+    h && s(h);
   };
-  return o.length === 0 ? null : /* @__PURE__ */ h("div", { className: l.sectionContainer, children: [
-    !n && /* @__PURE__ */ t("h2", { className: l.sectionTitle, children: e }),
-    o.map((u) => u.link ? /* @__PURE__ */ t(
+  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: u.image,
@@ -159,11 +167,12 @@ const n2 = async ({
         onClick: () => d(u)
       },
       u.tracking_id
-    ) : /* @__PURE__ */ t(
+    ) : /* @__PURE__ */ o(
       H2,
       {
         image: u.image,
-        alt: e
+        alt: e,
+        index: h
       },
       u.tracking_id
     ))
@@ -171,7 +180,7 @@ const n2 = async ({
 }, W2 = ({
   title: e,
   hideTitle: n,
-  categories: o,
+  categories: t,
   isLoggedin: a,
   onCategoryClick: r,
   trackBrandshopHandler: s
@@ -191,31 +200,32 @@ const n2 = async ({
     const m = B(i.link.link_destination);
     m && r(m);
   };
-  if (o.length < 2) return null;
-  const d = o.slice(0, 6), u = [...d].sort(
+  if (t.length < 2) return null;
+  const d = t.slice(0, 6), u = [...d].sort(
     (i, m) => i.display_order - m.display_order
-  ), C = d.length === 2 || d.length === 4 ? 2 : 3;
-  return /* @__PURE__ */ h("div", { className: l.sectionContainer, children: [
-    !n && /* @__PURE__ */ t("h2", { className: l.sectionTitle, children: e }),
-    /* @__PURE__ */ t(
+  ), 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: `${l.categoryContainer} ${l[`cols${C}`]} ${d.length === 6 ? l.categoryShrinkGap : ""}`,
-        children: u.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: l.categoryTile,
             onClick: () => c(i),
             children: [
-              /* @__PURE__ */ t("div", { className: l.categoryImageWrapper, children: i.image && /* @__PURE__ */ t(
+              /* @__PURE__ */ o("div", { className: l.categoryImageWrapper, children: i.image && /* @__PURE__ */ o(
                 N,
                 {
                   src: i.image,
                   alt: i.category_name ?? e,
-                  className: l.categoryImage
+                  className: l.categoryImage,
+                  loading: "lazy"
                 }
               ) }),
-              i.category_name && /* @__PURE__ */ t(
+              i.category_name && /* @__PURE__ */ o(
                 "span",
                 {
                   className: `${l.categoryName} ${d.length === 6 ? l.categoryNameShrink : ""}`,
@@ -232,7 +242,7 @@ const n2 = async ({
 }, R2 = ({
   title: e,
   hideTitle: n,
-  logo: o,
+  logo: t,
   navigationLinks: a,
   isLoggedin: r,
   brandshopName: s,
@@ -254,25 +264,25 @@ const n2 = async ({
     m && c(m);
   };
   if (a.length === 0) return null;
-  const C = [...a].sort(
+  const h = [...a].sort(
     (i, m) => i.link.link_display_order - m.link.link_display_order
   );
-  return /* @__PURE__ */ h(
+  return /* @__PURE__ */ C(
     "div",
     {
       className: `${l.sectionContainer} ${l.navigationSectionContainer}`,
       children: [
-        !n && /* @__PURE__ */ t("h2", { className: l.sectionTitle, children: e }),
-        /* @__PURE__ */ h("div", { className: l.navigationSection, children: [
-          o && /* @__PURE__ */ t("h1", { children: /* @__PURE__ */ t(
+        !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: l.navigationLogo
             }
           ) }),
-          /* @__PURE__ */ t("div", { className: l.navigationLinks, children: C.map((i) => /* @__PURE__ */ t(
+          /* @__PURE__ */ o("div", { className: l.navigationLinks, children: h.map((i) => /* @__PURE__ */ o(
             "button",
             {
               className: l.navigationLink,
@@ -288,30 +298,30 @@ const n2 = async ({
 };
 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(
-  (o, a) => a.order === I.PROMOTION ? {
-    ...o,
+  (t, a) => a.order === I.PROMOTION ? {
+    ...t,
     promotion: {
       value: O(a, n),
       priceAfterDiscount: a.price_after_discount
     }
   } : a.order === I.COUPON ? {
-    ...o,
+    ...t,
     coupon: {
       value: O(a, n),
       priceAfterDiscount: a.price_after_discount
     }
-  } : o,
+  } : t,
   { promotion: null, coupon: null }
-), G2 = ({ children: e, className: n }) => /* @__PURE__ */ t("div", { className: n, children: e }), U2 = "_chip_fqk2t_3", Y2 = {
+), G2 = ({ children: e, className: n }) => /* @__PURE__ */ o("div", { className: n, children: e }), U2 = "_chip_fqk2t_3", Y2 = {
   chip: U2
 };
 function Z2({ children: e, className: n }) {
-  return /* @__PURE__ */ t("div", { className: `${Y2.chip} ${n}`, children: e });
+  return /* @__PURE__ */ o("div", { className: `${Y2.chip} ${n}`, children: e });
 }
 const F2 = (e) => {
   const {
     promotionValue: n,
-    hasCoupon: o,
+    hasCoupon: t,
     isPriceDropped: a,
     saveLabelText: r,
     couponText: s,
@@ -320,7 +330,7 @@ const F2 = (e) => {
   return a ? {
     label: c,
     variant: "priceDrop"
-  } : o ? {
+  } : t ? {
     label: s,
     variant: "coupon"
   } : n ? {
@@ -400,19 +410,19 @@ const F2 = (e) => {
 function Pe({
   language: e,
   promotionValue: n,
-  coupon: o,
+  coupon: t,
   isPriceDropped: a,
   className: r
 }) {
   const s = A(e), c = F2({
     promotionValue: n,
-    hasCoupon: !!o,
+    hasCoupon: !!t,
     isPriceDropped: a,
     saveLabelText: s.discountChip.save,
     couponText: s.discountChip.onlineExclusive,
     priceDropText: s.discountChip.priceDrop
   });
-  return c ? /* @__PURE__ */ t(
+  return c ? /* @__PURE__ */ o(
     Z2,
     {
       className: `${r} ${Te[c.variant]}`,
@@ -422,37 +432,37 @@ function Pe({
 }
 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 o = A(n);
-  return /* @__PURE__ */ h("div", { className: _.couponBadge, children: [
-    /* @__PURE__ */ t(N, { alt: "tag", src: Be, width: 13.3, height: 13.3 }),
-    /* @__PURE__ */ t("span", { children: `${o.couponBadge.extra} ${e} ${o.couponBadge.offAtCheckout}` })
+  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 $e({
   price: e,
   discounts: n
 }) {
-  const { promotion: o } = G(n, e.currency), a = o?.priceAfterDiscount;
-  return /* @__PURE__ */ h("div", { className: _.priceWrapper, children: [
-    /* @__PURE__ */ t(
+  const { promotion: t } = G(n, e.currency), a = t?.priceAfterDiscount;
+  return /* @__PURE__ */ C("div", { className: _.priceWrapper, children: [
+    /* @__PURE__ */ o(
       "span",
       {
         className: `${_.priceCurrency} ${a && _.withPromotion}`,
         children: e.currency
       }
     ),
-    /* @__PURE__ */ t(
+    /* @__PURE__ */ o(
       "span",
       {
         className: `${_.priceAmount} ${a && _.withPromotion}`,
-        children: o ? o.priceAfterDiscount : e.base
+        children: t ? t.priceAfterDiscount : e.base
       }
     ),
-    a && /* @__PURE__ */ t("span", { className: _.priceOriginal, children: e.base })
+    a && /* @__PURE__ */ o("span", { className: _.priceOriginal, children: e.base })
   ] });
 }
 function Ae({ title: e }) {
-  return /* @__PURE__ */ t("div", { className: _.ProductTitle, children: e });
+  return /* @__PURE__ */ o("div", { className: _.ProductTitle, children: e });
 }
 var $;
 (function(e) {
@@ -469,20 +479,20 @@ async function Me() {
   }
 }
 function Ee(e, n) {
-  const o = n.interest_percent_basis_points / 1e4, a = e + e * o, 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 ? o / r * 12 * 100 : o / r * 100).toFixed(2)) };
+  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 o = n.map((r) => ({ config: r, installment: Ee(e, r) })).reduce((r, s) => s.installment.monthlyAmount < r.installment.monthlyAmount ? s : r), a = function(r) {
+  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);
-  }(o.installment.monthlyAmount);
-  return { message: `Pay as low as ${a}/month`, tenure: `${String(o.config.duration_in_days / 30)}`, amount: a };
+  }(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 [o, a] = k(null), [r, s] = k(!0);
+  const [t, a] = k(null), [r, s] = k(!0);
   return T(() => {
     if (!e) return;
     let c = !0;
@@ -493,77 +503,78 @@ function Ve(e, n = []) {
     }), () => {
       c = !1;
     };
-  }, n), [o, r];
+  }, n), [t, r];
 }
 const We = (e) => {
   if (!e) return 0;
-  const n = e.replaceAll(",", ""), o = Number(n);
-  return Number.isNaN(o) ? 0 : o;
+  const n = e.replaceAll(",", ""), t = Number(n);
+  return Number.isNaN(t) ? 0 : t;
 }, Re = 500;
 function Ge({
   id: e,
   title: n,
-  brand: o,
+  brand: t,
   image: a,
   price: r,
   discounts: s = [],
   language: c,
   className: d
 }) {
-  const { promotion: u, coupon: C } = G(s, r.currency), i = A(c), [m, g] = Ve(
+  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__ */ h(G2, { className: `${_.card} ${d}`, children: [
-    /* @__PURE__ */ h("header", { className: _.header, children: [
-      /* @__PURE__ */ t("div", { className: _.imageContainer, children: /* @__PURE__ */ t(N, { className: _.image, src: a, alt: n }) }),
-      /* @__PURE__ */ t("div", { className: _.topControls, children: /* @__PURE__ */ t(
+  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: c,
-          coupon: C,
+          coupon: h,
           promotionValue: u?.value,
           isPriceDropped: r.is_price_dropped
         }
       ) })
     ] }),
-    /* @__PURE__ */ h("footer", { className: _.footer, children: [
-      /* @__PURE__ */ t("div", { className: _.priceSection, children: /* @__PURE__ */ t($e, { price: r, discounts: s }) }),
-      g ? /* @__PURE__ */ t(y, { className: _.myloSkeleton }) : We(r.final) >= Re && /* @__PURE__ */ h("div", { className: _.myloContainer, children: [
-        /* @__PURE__ */ t("p", { className: _.myloText, children: f }),
-        /* @__PURE__ */ t(
+    /* @__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"
+            alt: "mylo",
+            loading: "lazy"
           }
         )
       ] }),
-      /* @__PURE__ */ t("h4", { className: _.brand, children: o }),
-      /* @__PURE__ */ t(Ae, { title: n }),
-      C && /* @__PURE__ */ t(Ie, { value: C.value, language: c })
+      /* @__PURE__ */ o("h4", { className: _.brand, children: t }),
+      /* @__PURE__ */ o(Ae, { title: n }),
+      h && /* @__PURE__ */ o(Ie, { value: h.value, language: c })
     ] })
   ] }, e);
 }
 function Ue({
   slidesToScroll: e,
   products: n,
-  onProductClick: o,
+  onProductClick: t,
   language: a
 }) {
-  const [r, s] = k(), [c, d] = k(0), [u, C] = k(0), [i, m] = k(!1), [g, f] = k(!1);
+  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 = () => {
-      C(r.scrollSnapList().length), d(r.selectedScrollSnap()), m(r.canScrollPrev()), f(r.canScrollNext());
+      h(r.scrollSnapList().length), d(r.selectedScrollSnap()), m(r.canScrollPrev()), f(r.canScrollNext());
     };
     return p(), r.on("select", p), r.on("reInit", p), () => {
       r.off("select", p), r.off("reInit", p);
     };
-  }, [r]), /* @__PURE__ */ h("div", { className: _.container, children: [
-    /* @__PURE__ */ h(
+  }, [r]), /* @__PURE__ */ C("div", { className: _.container, children: [
+    /* @__PURE__ */ C(
       Q,
       {
         opts: {
@@ -574,12 +585,12 @@ function Ue({
         setApi: s,
         className: _.carousel,
         children: [
-          /* @__PURE__ */ t(j, { className: _.carouselContent, children: n.map((p, v) => /* @__PURE__ */ t(
+          /* @__PURE__ */ o(j, { className: _.carouselContent, children: n.map((p, v) => /* @__PURE__ */ o(
             K,
             {
               className: _.carouselItem,
-              onClick: () => o(p, v),
-              children: /* @__PURE__ */ t(
+              onClick: () => t(p, v),
+              children: /* @__PURE__ */ o(
                 Ge,
                 {
                   id: p.offering_id,
@@ -594,14 +605,14 @@ function Ue({
             },
             `${p.offering_id}-${v}`
           )) }),
-          i && /* @__PURE__ */ t(
+          i && /* @__PURE__ */ o(
             q,
             {
               className: _.navButtonPrev,
               iconClassName: _.navButtonPrevIcon
             }
           ),
-          g && /* @__PURE__ */ t(
+          g && /* @__PURE__ */ o(
             z,
             {
               className: _.navButtonNext,
@@ -611,7 +622,7 @@ function Ue({
         ]
       }
     ),
-    /* @__PURE__ */ t(
+    /* @__PURE__ */ o(
       J,
       {
         slidesCount: u,
@@ -638,10 +649,10 @@ const Ye = (e) => ({
 }), Ze = async ({
   language: e,
   collectionId: n,
-  environment: o,
+  environment: t,
   adServerApiKey: a
 }) => {
-  const [r, s] = await H(a), c = V("adServer", o);
+  const [r, s] = await H(a), c = V("adServer", t);
   try {
     return (await (await fetch(
       `${c}/api/v2/brandshop/server/collection/${n}`,
@@ -661,14 +672,14 @@ const Ye = (e) => ({
 }, Fe = "collection", Qe = ({
   language: e,
   collectionId: n,
-  environment: o,
+  environment: t,
   adServerApiKey: a
 }) => W({
   queryKey: [Fe, n, e],
   queryFn: () => Ze({
     language: e,
     collectionId: n,
-    environment: o,
+    environment: t,
     adServerApiKey: a
   })
 }), je = "_card_15xcs_1", Ke = "_imageSkeleton_15xcs_17", qe = "_titleSkeleton_15xcs_19", ze = "_descriptionSkeleton_15xcs_21", Je = "_priceSkeleton_15xcs_23", Xe = "_buttonSkeleton_15xcs_25", x = {
@@ -680,12 +691,12 @@ const Ye = (e) => ({
   buttonSkeleton: Xe
 }, en = (e) => {
   const { className: n } = e;
-  return /* @__PURE__ */ h("div", { className: `${x.card} ${n || ""}`, children: [
-    /* @__PURE__ */ t(y, { className: x.imageSkeleton }),
-    /* @__PURE__ */ t(y, { className: x.titleSkeleton }),
-    /* @__PURE__ */ t(y, { className: x.descriptionSkeleton }),
-    /* @__PURE__ */ t(y, { className: x.priceSkeleton }),
-    /* @__PURE__ */ t(y, { className: x.buttonSkeleton })
+  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 })
   ] });
 }, 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,
@@ -695,16 +706,16 @@ const Ye = (e) => ({
   carouselContainer: an,
   cardWrapper: sn
 }, cn = (e) => {
-  const { length: n } = e, o = n ?? 5;
-  return /* @__PURE__ */ h("div", { className: w.container, children: [
-    /* @__PURE__ */ t("div", { className: w.header, children: /* @__PURE__ */ t(y, { className: w.titleSkeleton }) }),
-    /* @__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)) }) })
+  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 ln({
   products: e,
   title: n,
-  hideTitle: o,
+  hideTitle: t,
   isLoggedin: a,
   language: r,
   environment: s,
@@ -712,7 +723,7 @@ function ln({
   trackBrandshopHandler: d,
   onProductClick: u
 }) {
-  const { data: C, isLoading: i, error: m } = Qe({
+  const { data: h, isLoading: i, error: m } = Qe({
     language: r,
     collectionId: e.collection_id ?? "",
     environment: s,
@@ -731,12 +742,12 @@ function ln({
     const v = Ye(f), S = B(v);
     S && u(S);
   };
-  return i ? /* @__PURE__ */ t(cn, {}) : m || !C ? null : /* @__PURE__ */ h("div", { className: l.sectionContainer, children: [
-    !o && /* @__PURE__ */ t("h2", { className: l.sectionTitle, children: n }),
-    /* @__PURE__ */ t(
+  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: C.items,
+        products: h.items,
         onProductClick: (f, p) => g(f, p),
         language: r
       }
@@ -746,7 +757,7 @@ function ln({
 const _n = ({
   section: e,
   onLinkClick: n,
-  trackBrandshopHandler: o,
+  trackBrandshopHandler: t,
   isLoggedin: a,
   brandName: r,
   language: s,
@@ -755,7 +766,7 @@ const _n = ({
   brandshopName: u
 }) => {
   const {
-    section_type: C,
+    section_type: h,
     section_title: i,
     show_section_title: m,
     data: g,
@@ -771,14 +782,14 @@ const _n = ({
           userStatus: a ? "logged_in" : "guest",
           platform: "Web"
         },
-        o
+        t
       );
     }
   });
-  return /* @__PURE__ */ t("div", { ref: p, style: { width: "100%" }, children: (() => {
-    switch (C) {
+  return /* @__PURE__ */ o("div", { ref: p, style: { width: "100%" }, children: (() => {
+    switch (h) {
       case "nav":
-        return /* @__PURE__ */ t(
+        return /* @__PURE__ */ o(
           R2,
           {
             title: i,
@@ -787,12 +798,12 @@ const _n = ({
             navigationLinks: g[0].navigation_links ?? [],
             onLinkClick: n,
             isLoggedin: a,
-            trackBrandshopHandler: o,
+            trackBrandshopHandler: t,
             brandshopName: u
           }
         );
       case "category":
-        return /* @__PURE__ */ t(
+        return /* @__PURE__ */ o(
           W2,
           {
             title: i,
@@ -800,11 +811,11 @@ const _n = ({
             categories: g,
             onCategoryClick: n,
             isLoggedin: a,
-            trackBrandshopHandler: o
+            trackBrandshopHandler: t
           }
         );
       case "banner":
-        return /* @__PURE__ */ t(
+        return /* @__PURE__ */ o(
           V2,
           {
             title: i,
@@ -813,18 +824,18 @@ const _n = ({
             onBannerClick: n,
             isLoggedin: a,
             sectionTitle: i,
-            trackBrandshopHandler: o
+            trackBrandshopHandler: t
           }
         );
       case "productSlider":
-        return /* @__PURE__ */ t(
+        return /* @__PURE__ */ o(
           ln,
           {
             products: g[0],
             title: i,
             hideTitle: !m,
             isLoggedin: a,
-            trackBrandshopHandler: o,
+            trackBrandshopHandler: t,
             onProductClick: n,
             language: s,
             environment: c,
@@ -836,19 +847,19 @@ const _n = ({
     }
   })() });
 }, dn = (e, n) => {
-  let o;
+  let t;
   return (...a) => {
-    clearTimeout(o), o = setTimeout(() => {
+    clearTimeout(t), t = setTimeout(() => {
       e(...a);
     }, n);
   };
 };
 function un(e = 5) {
-  const [n, o] = k(!1);
+  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;
-      o(u);
+      t(u);
     }, 100);
     return window.addEventListener("scroll", r, { passive: !0 }), r(), () => {
       window.removeEventListener("scroll", r);
@@ -856,33 +867,33 @@ function un(e = 5) {
   }, [e]), n;
 }
 function mn() {
-  return /* @__PURE__ */ h("div", { className: l.brandshopContainerSkeleton, children: [
-    /* @__PURE__ */ t(y, { className: l.bannerSkeleton }),
-    /* @__PURE__ */ t("div", { className: l.navContainerSkeleton, children: Array.from({ length: 3 }).map((o, a) => /* @__PURE__ */ t(y, { className: l.navPillSkeleton }, a)) }),
-    /* @__PURE__ */ t(
+  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: l.categoryGridSkeleton,
         style: {
           gridTemplateColumns: `repeat(${Math.min(2, 2)}, 1fr)`
         },
-        children: Array.from({ length: 2 }).map((o, a) => /* @__PURE__ */ t(y, { className: l.categoryTileSkeleton }, a))
+        children: Array.from({ length: 2 }).map((t, a) => /* @__PURE__ */ o(y, { className: l.categoryTileSkeleton }, a))
       }
     ),
-    /* @__PURE__ */ t(y, { className: l.promoSkeleton })
+    /* @__PURE__ */ o(y, { className: l.promoSkeleton })
   ] });
 }
 function pn({
   language: e,
   brandshopId: n,
-  environment: o,
+  environment: t,
   adServerApiKey: a,
   isLoggedin: r,
   brandshop: s,
   onLinkClick: c,
   trackBrandshopHandler: d
 }) {
-  const { isLaptop: u, isDesktop: C } = e2(), i = u || C ? L.Web : L.Mobile;
+  const { isLaptop: u, isDesktop: h } = e2(), i = u || h ? L.Web : L.Mobile;
   let m = s;
   const {
     data: g,
@@ -891,7 +902,7 @@ function pn({
   } = o2({
     language: e,
     brandshopId: n,
-    environment: o,
+    environment: t,
     adServerApiKey: a,
     deviceType: i,
     enabled: !s
@@ -912,7 +923,7 @@ function pn({
       { brandName: S, userStatus: D, platform: M },
       d
     );
-  }, [v]), f) return /* @__PURE__ */ t(mn, {});
+  }, [v]), f) return /* @__PURE__ */ o(mn, {});
   if (p)
     throw new Error(
       `brandshop with id ${n} failed to load} - ${p?.message || "unknown error"}`
@@ -922,7 +933,7 @@ function pn({
   const U = [...E].sort(
     (P, Y) => P.section_display_order - Y.section_display_order
   );
-  return /* @__PURE__ */ t("div", { className: l.brandshopContent, children: U.map((P) => /* @__PURE__ */ t(
+  return /* @__PURE__ */ o("div", { className: l.brandshopContent, children: U.map((P) => /* @__PURE__ */ o(
     _n,
     {
       section: P,
@@ -931,7 +942,7 @@ function pn({
       brandName: S,
       trackBrandshopHandler: d,
       language: e,
-      environment: o,
+      environment: t,
       adServerApiKey: a,
       brandshopName: m?.name
     },
@@ -940,15 +951,15 @@ function pn({
 }
 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", 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";
-  return /* @__PURE__ */ h("div", { className: l.brandshopError, children: [
-    /* @__PURE__ */ t(N, { src: hn, className: l.errorIcon, alt: "error" }),
-    /* @__PURE__ */ h("div", { className: l.errorContent, children: [
-      /* @__PURE__ */ h("div", { className: l.errorText, children: [
-        /* @__PURE__ */ t("h2", { children: o }),
-        /* @__PURE__ */ t("p", { children: a })
+  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__ */ t(
+      /* @__PURE__ */ o(
         "button",
         {
           className: l.errorButton,
@@ -966,15 +977,15 @@ class gn extends F {
   static getDerivedStateFromError(n) {
     return { hasError: !0, error: n, errorInfo: null };
   }
-  componentDidCatch(n, o) {
-    this.setState({ error: n, errorInfo: o });
+  componentDidCatch(n, t) {
+    this.setState({ error: n, errorInfo: t });
   }
   render() {
     return this.state.hasError ? this.props.fallback : this.props.children;
   }
 }
 function bn(e) {
-  return /* @__PURE__ */ t(Z, { children: /* @__PURE__ */ t(gn, { fallback: /* @__PURE__ */ t(Cn, { language: e.language }), children: /* @__PURE__ */ t(pn, { ...e }) }) });
+  return /* @__PURE__ */ o(Z, { children: /* @__PURE__ */ o(gn, { fallback: /* @__PURE__ */ o(Cn, { language: e.language }), children: /* @__PURE__ */ o(pn, { ...e }) }) });
 }
 export {
   bn as Brandshop