tanya-chatbot 0.9.5 → 0.9.7

package/dist/tanya-chatbot.es.js

@@ -1,6 +1,6 @@
 import { useEffect as me, useState as v, useRef as He, forwardRef as En, createElement as mr, useMemo as Wr } from "react";
 import { jsx as a, jsxs as d, Fragment as ge } from "react/jsx-runtime";
-import { createHttpLink as $o, ApolloClient as Do, InMemoryCache as zo, ApolloProvider as Mo } from "@apollo/client";
+import { createHttpLink as Lo, ApolloClient as Do, InMemoryCache as zo, ApolloProvider as Mo } from "@apollo/client";
 import { Provider as Bo, useDispatch as Tn, useSelector as Wt } from "react-redux";
 import { createSlice as An, configureStore as Uo } from "@reduxjs/toolkit";
 import * as On from "@radix-ui/react-popover";
@@ -66,7 +66,7 @@ const Vo = {
   }
 }), { setStore: di } = jn.actions, Yo = jn.reducer, Jo = {
   product: null
-}, Ln = An({
+}, $n = An({
   name: "product",
   initialState: Jo,
   reducers: {
@@ -74,7 +74,7 @@ const Vo = {
       e.product = t.payload;
     }
   }
-}), { setProduct: hr } = Ln.actions, Ko = Ln.reducer, Wo = Uo({
+}), { setProduct: hr } = $n.actions, Ko = $n.reducer, Wo = Uo({
   reducer: {
     store: Yo,
     product: Ko
@@ -98,7 +98,7 @@ function Xo({
 }) {
   return /* @__PURE__ */ a(On.Trigger, { "data-slot": "popover-trigger", ...e });
 }
-const it = () => ({ aiConversationUrl: "https://mdv3qwfi2j.execute-api.us-east-1.amazonaws.com/dev/api/bedrock/invoke/stream", xAPIKey: "BJBtjpPkqGatuoa3qJqdR8aHXSsHkgvGaootbubi", serverUrl: "https://tanya-sfcc-server.vercel.app/", basePath: "sc-api" }), $n = async () => {
+const it = () => ({ aiConversationUrl: "https://mdv3qwfi2j.execute-api.us-east-1.amazonaws.com/dev/api/bedrock/invoke/stream", xAPIKey: "BJBtjpPkqGatuoa3qJqdR8aHXSsHkgvGaootbubi", serverUrl: "https://tanya-sfcc-server.vercel.app/", basePath: "sc-api" }), Ln = async () => {
   const e = "https://tanya-sfcc-server.vercel.app/";
   try {
     const t = await he.post(
@@ -194,7 +194,7 @@ const pr = async (e, t) => {
   )).data;
 }, ea = async (e) => {
   if (!e) throw new Error("customerId is required");
-  const t = await $n(), { customer_token: r } = await Dn(
+  const t = await Ln(), { customer_token: r } = await Dn(
     t
   ), { serverUrl: n, basePath: o } = it(), i = (await kt()).access_token;
   return (await he.get(
@@ -788,7 +788,7 @@ const at = (e) => {
         const Y = localStorage.getItem("customerNumber"), z = localStorage.getItem("isLoggedIn"), te = `https://tanya.aspiresystems.com/api/bedrock/invoke/stream?${new URLSearchParams({
           registered: String(z || !1),
           userId: String(Y || (/* @__PURE__ */ new Date()).getTime())
-        }).toString()}`, $ = JSON.stringify({
+        }).toString()}`, L = JSON.stringify({
           flowId: "Q166PR519W",
           flowAliasId: "HKFUVLWVH2",
           input: {
@@ -804,7 +804,7 @@ const at = (e) => {
             "Content-Type": "application/json",
             Authorization: `Bearer ${W}`
           },
-          body: $
+          body: L
         });
         if (!Q.body) throw new Error("Readable stream not supported");
         const Ce = Q.body.getReader(), ve = new TextDecoder();
@@ -862,7 +862,7 @@ const at = (e) => {
         const te = `https://tanya.aspiresystems.com/api/bedrock/invoke/stream?${new URLSearchParams({
           registered: String(Y || !1),
           userId: String(W || (/* @__PURE__ */ new Date()).getTime())
-        }).toString()}`, $ = JSON.stringify({
+        }).toString()}`, L = JSON.stringify({
           flowId: "MMHQKYI1NE",
           flowAliasId: "SZF9ZK1ATE",
           input: {
@@ -876,7 +876,7 @@ const at = (e) => {
             "Content-Type": "application/json",
             Authorization: `Bearer ${z}`
           },
-          body: $
+          body: L
         });
         if (!Q.ok)
           throw new Error(`HTTP error! status: ${Q.status}`);
@@ -927,21 +927,21 @@ const at = (e) => {
     F(!0);
     try {
       const z = await Promise.all(
-        R.map(($) => Zo($).catch(() => []))
+        R.map((L) => Zo(L).catch(() => []))
         // prevent Promise.all crash
-      ), fe = R.map(($, Q) => ({
-        keyword: $,
+      ), fe = R.map((L, Q) => ({
+        keyword: L,
         items: z[Q] ?? [],
         loading: !1
-      })).filter(($) => $.items.length > 0), te = (W = (j = fe[0]) == null ? void 0 : j.items) == null ? void 0 : W[0];
+      })).filter((L) => L.items.length > 0), te = (W = (j = fe[0]) == null ? void 0 : j.items) == null ? void 0 : W[0];
       if (te) {
         i.current = te.product_id, s.current = te.product_name, c.current = (Y = te.image) == null ? void 0 : Y.link;
-        const $ = typeof te.price == "number" ? te.price : null;
-        l.current = $;
+        const L = typeof te.price == "number" ? te.price : null;
+        l.current = L;
       }
       if (ue(
-        ($) => $.map(
-          (Q, Ce) => Ce === $.length - 1 ? {
+        (L) => L.map(
+          (Q, Ce) => Ce === L.length - 1 ? {
             ...Q,
             products: fe,
             productSnapshot: te ? {
@@ -955,10 +955,10 @@ const at = (e) => {
           } : Q
         )
       ), te) {
-        const $ = JSON.parse(
+        const L = JSON.parse(
           sessionStorage.getItem("customerData") || "{}"
         );
-        $ != null && $.isGuest || (console.log("running secondary flow", Bt), Se(s.current, 0));
+        L != null && L.isGuest || (console.log("running secondary flow", Bt), Se(s.current, 0));
       }
     } catch (z) {
       console.error("error in keyword search", z);
@@ -966,7 +966,7 @@ const at = (e) => {
       F(!1);
     }
   }, nr = async (m, R) => {
-    var j, W, Y, z, fe, te, $, Q, Ce, ve, re, ke, Z, ne, _e;
+    var j, W, Y, z, fe, te, L, Q, Ce, ve, re, ke, Z, ne, _e;
     V(!0);
     try {
       const b = await zn(m.id);
@@ -988,7 +988,7 @@ const at = (e) => {
         sessionStorage.getItem("customerData") || "{}"
       ), J = (G == null ? void 0 : G.basketId) || localStorage.getItem(Gt), X = !1, Je = localStorage.getItem(At), pe = Date.now();
       if (!X || !Je || pe >= parseInt(Je)) {
-        const Be = await $n();
+        const Be = await Ln();
         let { customer_token: ee } = await Dn(
           Be
         );
@@ -1008,7 +1008,7 @@ const at = (e) => {
               le,
               ee
             );
-            (($ = ft == null ? void 0 : ft.product_items) == null ? void 0 : $.length) > 0 && (ze.success("Added to cart", {
+            ((L = ft == null ? void 0 : ft.product_items) == null ? void 0 : L.length) > 0 && (ze.success("Added to cart", {
               position: "bottom-right",
               autoClose: 3e3,
               hideProgressBar: !1,
@@ -2409,7 +2409,7 @@ var Wn = (
     }, e;
   })()
 );
-function La(e) {
+function $a(e) {
   return new Wn(function(t, r) {
     var n = da(t, []);
     return new de(function(o) {
@@ -2428,7 +2428,7 @@ function La(e) {
     });
   });
 }
-const $a = async () => {
+const La = async () => {
   const e = "https://auth.australia-southeast1.gcp.commercetools.com/oauth/token", n = "Basic " + btoa(encodeURIComponent("tfegsSBVOYnR7e_yE-AjxVVN") + ":" + encodeURIComponent("pyKWgHuTxuMwDygh9JH1ehLEaLvAhBo4"));
   try {
     const o = await he.post(
@@ -2446,10 +2446,10 @@ const $a = async () => {
   } catch (o) {
     return he.isAxiosError(o) ? console.error("Error fetching token:", o.response || o.message) : console.error("Unexpected error:", o), null;
   }
-}, Da = "https://api.australia-southeast1.gcp.commercetools.com/kt-demo/graphql", za = $o({
+}, Da = "https://api.australia-southeast1.gcp.commercetools.com/kt-demo/graphql", za = Lo({
   uri: `${Da}`
-}), Ma = La(async (e, { headers: t }) => {
-  const r = await $a();
+}), Ma = $a(async (e, { headers: t }) => {
+  const r = await La();
   return {
     headers: {
       ...t,
@@ -2789,7 +2789,7 @@ function is(e, t) {
   const r = Or(t);
   return r === null ? !1 : (jr[e] = r, !0);
 }
-function Lr(e) {
+function $r(e) {
   return jr[e];
 }
 const ls = () => {
@@ -2801,7 +2801,7 @@ const ls = () => {
 };
 let yn = ls();
 function cs(e, t) {
-  const r = Lr(e);
+  const r = $r(e);
   if (!r) return 0;
   let n;
   if (!r.maxURL) n = 0;
@@ -2837,7 +2837,7 @@ const us = (e, t, r) => {
 };
 function fs(e) {
   if (typeof e == "string") {
-    const t = Lr(e);
+    const t = $r(e);
     if (t) return t.path;
   }
   return "/";
@@ -3111,7 +3111,7 @@ function xn() {
 const fr = /* @__PURE__ */ Object.create(null);
 function ks(e) {
   if (!fr[e]) {
-    const t = Lr(e);
+    const t = $r(e);
     if (!t) return;
     const r = ao(t), n = {
       config: t,
@@ -3302,11 +3302,11 @@ function Os(e) {
 function js(e) {
   return "data:image/svg+xml," + Os(e);
 }
-function Ls(e) {
+function $s(e) {
   return 'url("' + js(e) + '")';
 }
 let Tt;
-function $s() {
+function Ls() {
   try {
     Tt = window.trustedTypes.createPolicy("iconify", { createHTML: (e) => e });
   } catch {
@@ -3314,7 +3314,7 @@ function $s() {
   }
 }
 function Ds(e) {
-  return Tt === void 0 && $s(), Tt ? Tt.createHTML(e) : e;
+  return Tt === void 0 && Ls(), Tt ? Tt.createHTML(e) : e;
 }
 const so = {
   ...no,
@@ -3434,7 +3434,7 @@ const Us = (e, t, r) => {
   });
   return l.style = {
     ...i,
-    "--svg": Ls(A),
+    "--svg": $s(A),
     width: Sn(g.width),
     height: Sn(g.height),
     ...Ms,
@@ -3654,7 +3654,7 @@ const st = "USD", qs = (e, t = st) => {
   onClose: t,
   product: r,
   index: n,
-  addressListProp: o,
+  addresses: o,
   addressLoading: s,
   variationAttributes: i
 }) => {
@@ -3673,13 +3673,13 @@ const st = "USD", qs = (e, t = st) => {
     }
   }, [r]);
   const A = (u, h, f) => {
-    const { colorMap: w, sizeMap: _ } = N(f), L = {};
+    const { colorMap: w, sizeMap: _ } = N(f), $ = {};
     h == null || h.forEach((E) => {
-      var oe, Ie, Le;
+      var oe, Ie, $e;
       const U = (oe = E.variationAttributes) == null ? void 0 : oe.find(
-        ($e) => $e.id === "color"
-      ), O = (Le = (Ie = U == null ? void 0 : U.values) == null ? void 0 : Ie[0]) == null ? void 0 : Le.value;
-      O && (L[O] || (L[O] = {}), L[O][E.viewType] = E.images);
+        (Le) => Le.id === "color"
+      ), O = ($e = (Ie = U == null ? void 0 : U.values) == null ? void 0 : Ie[0]) == null ? void 0 : $e.value;
+      O && ($[O] || ($[O] = {}), $[O][E.viewType] = E.images);
     });
     const H = u.reduce((E, U) => {
       const O = U.variationValues.color, oe = U.variationValues.size;
@@ -3687,7 +3687,7 @@ const st = "USD", qs = (e, t = st) => {
         color: O,
         name: w[O] || O,
         // ✅ DISPLAY NAME
-        images: L[O] || {},
+        images: $[O] || {},
         variants: []
       }), E[O].variants.push({
         size: oe,
@@ -3714,7 +3714,7 @@ const st = "USD", qs = (e, t = st) => {
         f[_.value] = _.name;
       });
     }), { colorMap: h, sizeMap: f };
-  }, I = p.length, [V, q] = v(g), [M, Ee] = v(null), [F, K] = v(null), we = He(null), ye = He(null), k = Ys(r, V), [Ye, Me] = v(""), [ue, B] = v(!1), [D, Ne] = v(!1), [Te, Ae] = v(!1), [Ze, xe] = v(""), [je, be] = v(!1), [C, Se] = v(null), [Oe, se] = v([]), [rr, nr] = v([]), [m, R] = v([]), [j, W] = v(!1), [Y, z] = v(), [fe, te] = v(!0), [$, Q] = v(!1), [Ce, ve] = v(!1), [re, ke] = v("standard"), [Z, ne] = v(!1), [_e, b] = v(!1), [le, G] = v("card"), [J, X] = v(!1), [Je, pe] = v(!1), [Be, ee] = v(!1), [jt, or] = v(null), [T, Ue] = v(null), [ut, ft] = v(""), [$r, Dr] = v(!1), [Nt, uo] = v(r == null ? void 0 : r.id), Lt = He(null);
+  }, I = p.length, [V, q] = v(g), [M, Ee] = v(null), [F, K] = v(null), we = He(null), ye = He(null), k = Ys(r, V), [Ye, Me] = v(""), [ue, B] = v(!1), [D, Ne] = v(!1), [Te, Ae] = v(!1), [Ze, xe] = v(""), [je, be] = v(!1), [C, Se] = v(null), [Oe, se] = v([]), [rr, nr] = v([]), [m, R] = v([]), [j, W] = v(!1), [Y, z] = v(), [fe, te] = v(!0), [L, Q] = v(!1), [Ce, ve] = v(!1), [re, ke] = v("standard"), [Z, ne] = v(!1), [_e, b] = v(!1), [le, G] = v("card"), [J, X] = v(!1), [Je, pe] = v(!1), [Be, ee] = v(!1), [jt, or] = v(null), [T, Ue] = v(null), [ut, ft] = v(""), [Lr, Dr] = v(!1), [Nt, uo] = v(r == null ? void 0 : r.id), $t = He(null);
   me(() => {
     const u = Jt(r), h = Math.min(
       Math.max(0, n || 0),
@@ -3724,11 +3724,11 @@ const st = "USD", qs = (e, t = st) => {
     const f = co(r), w = wt(f), _ = yt(f);
     we.current = w || null, ye.current = _ || null, Ee(w || null), K(_ || null);
   }, [n, r]), me(() => {
-    Lt.current && (Lt.current.scrollTop = Lt.current.scrollHeight);
+    $t.current && ($t.current.scrollTop = $t.current.scrollHeight);
   }, [
     Oe,
     j,
-    $,
+    L,
     Ce,
     Z,
     _e,
@@ -3738,7 +3738,7 @@ const st = "USD", qs = (e, t = st) => {
     ue,
     D
   ]);
-  const mt = "var(--tanya)", zr = "var(--tanya-contrast)", $t = mt, qe = "#804c9e", fo = () => {
+  const mt = "var(--tanya)", zr = "var(--tanya-contrast)", Lt = mt, qe = "#804c9e", fo = () => {
     console.log("AgenticShopping feedback:", {
       rating: T,
       comment: ut
@@ -3762,7 +3762,7 @@ const st = "USD", qs = (e, t = st) => {
             }
           )
         ] }),
-        !$r && /* @__PURE__ */ d("div", { className: "mt-4 rounded-lg bg-white/70 p-3 text-gray-900", children: [
+        !Lr && /* @__PURE__ */ d("div", { className: "mt-4 rounded-lg bg-white/70 p-3 text-gray-900", children: [
           /* @__PURE__ */ a("h4", { className: "font-semibold mb-1", children: "Please post your feedback here" }),
           /* @__PURE__ */ a("p", { className: "text-sm text-gray-700 mb-3", children: "Rate us on how much our response was helpful" }),
           /* @__PURE__ */ a("div", { className: "flex items-center gap-1 mb-3", children: [1, 2, 3, 4, 5].map((w) => /* @__PURE__ */ a(
@@ -3816,7 +3816,7 @@ const st = "USD", qs = (e, t = st) => {
             )
           ] })
         ] }),
-        $r && /* @__PURE__ */ a("div", { className: "mt-3 text-xs text-green-900 font-medium", children: "Thanks for your feedback! 💚" })
+        Lr && /* @__PURE__ */ a("div", { className: "mt-3 text-xs text-green-900 font-medium", children: "Thanks for your feedback! 💚" })
       ] })
     ] }) : null;
   }, ho = async () => {
@@ -3868,17 +3868,17 @@ const st = "USD", qs = (e, t = st) => {
     return Number.isFinite(f) && f > 0 ? +(f / 100) : +(Pn(r, k) * h);
   }, qr = (u) => {
     var E;
-    const h = C, f = Kt(k), w = u || (h == null ? void 0 : h.currency) || f.currency || st, _ = Ur(h), L = +(_ * 0.08).toFixed(2), H = ((E = nt[re]) == null ? void 0 : E.fee) || 0;
-    return { product_total: _, tax: L, shipping_fee: H, currency: w };
+    const h = C, f = Kt(k), w = u || (h == null ? void 0 : h.currency) || f.currency || st, _ = Ur(h), $ = +(_ * 0.08).toFixed(2), H = ((E = nt[re]) == null ? void 0 : E.fee) || 0;
+    return { product_total: _, tax: $, shipping_fee: H, currency: w };
   }, ar = async (u, h, f) => {
     Br(), go(), Ae(!0), be(!0), B(!1), Ne(!1);
     const w = rr.slice(-Fn);
     try {
       const _ = await pr(null, null);
       if (!_) throw new Error("Failed to fetch token");
-      const L = localStorage.getItem("customerNumber"), H = localStorage.getItem("isLoggedIn"), U = `https://tanya.aspiresystems.com/api/bedrock/invoke/stream?${new URLSearchParams({
+      const $ = localStorage.getItem("customerNumber"), H = localStorage.getItem("isLoggedIn"), U = `https://tanya.aspiresystems.com/api/bedrock/invoke/stream?${new URLSearchParams({
         registered: String(H || !1),
-        userId: String(L || (/* @__PURE__ */ new Date()).getTime())
+        userId: String($ || (/* @__PURE__ */ new Date()).getTime())
       }).toString()}`, O = await fetch(`${U}`, {
         method: "POST",
         headers: {
@@ -3901,28 +3901,28 @@ const st = "USD", qs = (e, t = st) => {
       });
       if (!O.body) throw new Error("Readable stream not supported");
       const oe = O.body.getReader(), Ie = new TextDecoder();
-      let Le = "", $e = "", et = "";
+      let $e = "", Le = "", et = "";
       for (; ; ) {
         const { done: Fe, value: Ke } = await oe.read();
         if (Fe) break;
-        Le += Ie.decode(Ke, { stream: !0 });
-        const ht = Le.split(`
+        $e += Ie.decode(Ke, { stream: !0 });
+        const ht = $e.split(`
 `);
-        Le = ht.pop() || "";
+        $e = ht.pop() || "";
         for (const pt of ht) {
           if (!pt.startsWith("data:")) continue;
           const tt = pt.slice(5).trim();
           try {
             const Re = JSON.parse(tt), De = Re.index, ce = Re.data;
-            De === 0 ? $e = String(ce ?? "") : De === 1 && (et = String(ce ?? ""));
+            De === 0 ? Le = String(ce ?? "") : De === 1 && (et = String(ce ?? ""));
           } catch (Re) {
             console.error("Error parsing JSON chunk:", Re);
           }
         }
       }
       let Pe = null;
-      if ($e) {
-        const Fe = String($e).replace(/\\n/g, "").trim();
+      if (Le) {
+        const Fe = String(Le).replace(/\\n/g, "").trim();
         if (Fe.startsWith("{") && Fe.endsWith("}"))
           try {
             Pe = JSON.parse(Fe), Pe.product_id = h, Pe.sku_id = h, localStorage.setItem("agentic_order", JSON.stringify(Pe));
@@ -3941,7 +3941,7 @@ const st = "USD", qs = (e, t = st) => {
         ...Fe,
         {
           userQuery: u,
-          mainResponse: $e || "",
+          mainResponse: Le || "",
           keywords: et || ""
         }
       ].slice(-Fn));
@@ -4025,15 +4025,15 @@ const st = "USD", qs = (e, t = st) => {
         localStorage.getItem("agentic_order_address") || "null"
       ), f = localStorage.getItem(
         "agentic_order_delivery"
-      ), w = localStorage.getItem("agentic_order_payment") || "card", { product_total: _, tax: L, shipping_fee: H, currency: E } = qr(), U = u.shopper_id || localStorage.getItem("customerId") || void 0, O = (h == null ? void 0 : h.addressId) || (h == null ? void 0 : h.id) || void 0, oe = f ? Vs[f] : "GROUND", Ie = "card-visa", Le = k == null ? void 0 : k.sku, $e = (r == null ? void 0 : r.id) || "", et = _t(u), Pe = typeof u.max_price_minor == "number" ? u.max_price_minor : Math.round(_ * 100), ht = {
+      ), w = localStorage.getItem("agentic_order_payment") || "card", { product_total: _, tax: $, shipping_fee: H, currency: E } = qr(), U = u.shopper_id || localStorage.getItem("customerId") || void 0, O = (h == null ? void 0 : h.addressId) || (h == null ? void 0 : h.id) || void 0, oe = f ? Vs[f] : "GROUND", Ie = "card-visa", $e = k == null ? void 0 : k.sku, Le = (r == null ? void 0 : r.id) || "", et = _t(u), Pe = typeof u.max_price_minor == "number" ? u.max_price_minor : Math.round(_ * 100), ht = {
         shopper_id: U,
         shipping_address_id: O,
         shipping_method_id: oe,
         payment_method_id: Ie,
-        sku: Le,
+        sku: $e,
         platform: "SFCC",
         storeCode: "Sites-SiteGenesis-Site",
-        product_id: $e,
+        product_id: Le,
         quantity: et,
         max_price_minor: Pe,
         currency: E,
@@ -4063,8 +4063,8 @@ const st = "USD", qs = (e, t = st) => {
         body: JSON.stringify(ht)
       });
       if (!De.ok) {
-        const Lo = await De.text().catch(() => "");
-        console.error("intent-mandate failed", De.status, Lo), alert(
+        const $o = await De.text().catch(() => "");
+        console.error("intent-mandate failed", De.status, $o), alert(
           "Something went wrong while saving your smart order. Please try again."
         ), Ae(!1);
         return;
@@ -4078,7 +4078,7 @@ const st = "USD", qs = (e, t = st) => {
         address: h,
         delivery: f,
         payment: w,
-        summary: { product_total: _, tax: L, shipping_fee: H, currency: E },
+        summary: { product_total: _, tax: $, shipping_fee: H, currency: E },
         intent_mandate_id: rt
       };
       localStorage.setItem("agentic_order_final", JSON.stringify(Mt)), ee(!0), te(!1), St("final", Mt), St("success", { intentMandateId: rt }), Dt();
@@ -4102,7 +4102,7 @@ const st = "USD", qs = (e, t = st) => {
     ]);
   }, Eo = ({ selectedIndex: u }) => {
     var O;
-    const h = ((O = y[u]) == null ? void 0 : O.images.large[0].link) || _n(r, k), f = In(r), w = Nt || "", _ = wt(k) || "", L = yt(k) || "", { amount: H } = Kt(k), E = !!(r != null && r.id), U = E;
+    const h = ((O = y[u]) == null ? void 0 : O.images.large[0].link) || _n(r, k), f = In(r), w = Nt || "", _ = wt(k) || "", $ = yt(k) || "", { amount: H } = Kt(k), E = !!(r != null && r.id), U = E;
     return /* @__PURE__ */ a("div", { className: "mx-4 mt-2 rounded-xl border border-gray-200 bg-white p-4", children: /* @__PURE__ */ d("div", { className: "flex flex-col sm:flex-row items-center sm:items-center gap-4", children: [
       /* @__PURE__ */ a("div", { className: "flex-shrink-0 flex justify-center sm:justify-start", children: /* @__PURE__ */ a("div", { className: "w-[150px] h-[150px] rounded-lg bg-gray-50 border border-gray-200 flex items-center justify-center overflow-hidden", children: h ? /* @__PURE__ */ a(
         "img",
@@ -4124,7 +4124,7 @@ const st = "USD", qs = (e, t = st) => {
         /* @__PURE__ */ a("div", { className: "text-sm text-gray-700 mb-1", children: [
           w && `SKU: ${w}`,
           _ && `Color: ${_}`,
-          L && `Size: ${L}`
+          $ && `Size: ${$}`
         ].filter(Boolean).join(" • ") || "—" }),
         /* @__PURE__ */ a("div", { className: "mt-1 text-xl font-semibold text-gray-900", children: E ? (
           // ? formatCurrency(Number(unitPrice) || 0, CURRENCY_PREF)
@@ -4147,7 +4147,7 @@ const st = "USD", qs = (e, t = st) => {
           M && /* @__PURE__ */ a("div", { className: "text-sm text-gray-600", children: M })
         ] }),
         /* @__PURE__ */ a("div", { className: "flex flex-wrap gap-4 mt-2", children: y.map((w, _) => {
-          const L = w.name, H = M === L, E = w.images.large[0].disBaseLink || w.images.large[0].link;
+          const $ = w.name, H = M === $, E = w.images.large[0].disBaseLink || w.images.large[0].link;
           return /* @__PURE__ */ a(
             "div",
             {
@@ -4157,22 +4157,22 @@ const st = "USD", qs = (e, t = st) => {
                 "button",
                 {
                   onClick: () => {
-                    Ee(L), K(null), q(null), S(_);
+                    Ee($), K(null), q(null), S(_);
                   },
                   className: "w-full h-20 flex items-center justify-center overflow-hidden",
-                  title: L,
+                  title: $,
                   children: E ? /* @__PURE__ */ a(
                     "img",
                     {
                       src: E,
-                      alt: L,
+                      alt: $,
                       className: "w/full h-full object-contain"
                     }
-                  ) : /* @__PURE__ */ a("div", { className: "w-full h-full flex items-center justify-center text-xs px-1", children: L })
+                  ) : /* @__PURE__ */ a("div", { className: "w-full h-full flex items-center justify-center text-xs px-1", children: $ })
                 }
               )
             },
-            L
+            $
           );
         }) })
       ] }),
@@ -4185,13 +4185,13 @@ const st = "USD", qs = (e, t = st) => {
           const w = y.find(
             (_) => _.name === M
           );
-          return w ? w.variants.map((_, L) => {
+          return w ? w.variants.map((_, $) => {
             const H = _.name;
             return /* @__PURE__ */ a(
               "button",
               {
                 onClick: () => {
-                  K(H), q(L), uo(_.productId);
+                  K(H), q($), uo(_.productId);
                 },
                 className: `px-4 py-2 rounded-md border text-sm ${F === H ? "border-2 border-[#804c9e] font-semibold" : "border-gray-300"}`,
                 title: H,
@@ -4217,7 +4217,7 @@ const st = "USD", qs = (e, t = st) => {
     !(u != null && u.extractedDetails) && u && (u = { extractedDetails: u });
     const f = (u == null ? void 0 : u.extractedDetails) || C;
     if (!f) return null;
-    const w = _t(f), { currency: _ } = Kt(k), L = Pn(r, k), H = Number((f == null ? void 0 : f.max_price_minor) ?? 0), U = Number.isFinite(H) && H > 0 ? +(H / 100) : +(L * w), O = (f == null ? void 0 : f.currency) || _ || st, oe = k != null && k.sku ? k.sku : f.product_id;
+    const w = _t(f), { currency: _ } = Kt(k), $ = Pn(r, k), H = Number((f == null ? void 0 : f.max_price_minor) ?? 0), U = Number.isFinite(H) && H > 0 ? +(H / 100) : +($ * w), O = (f == null ? void 0 : f.currency) || _ || st, oe = k != null && k.sku ? k.sku : f.product_id;
     return /* @__PURE__ */ d(
       "div",
       {
@@ -4321,7 +4321,7 @@ const st = "USD", qs = (e, t = st) => {
     );
   }, Kr = (u, h = !0) => {
     var pt, tt, Re, De, ce, rt;
-    const f = u || {}, w = ((pt = f == null ? void 0 : f.summary) == null ? void 0 : pt.currency) || (C == null ? void 0 : C.currency) || st, _ = _n(r, k), L = In(r), H = k != null && k.sku ? k.sku : (r == null ? void 0 : r.id) ?? (C == null ? void 0 : C.product_id), E = (k == null ? void 0 : k.sku) ?? Ks(r), U = wt(k) || Ws(r), O = yt(k) || Qs(r), oe = _t(f), Ie = ((tt = f == null ? void 0 : f.summary) == null ? void 0 : tt.product_total) != null ? +f.summary.product_total : Ur(f), Le = oe > 0 ? +(Ie / oe).toFixed(2) : 0, $e = Ie, et = ((Re = f == null ? void 0 : f.summary) == null ? void 0 : Re.tax) ?? +(Ie * 0.08).toFixed(2), Pe = ((De = f == null ? void 0 : f.summary) == null ? void 0 : De.shipping_fee) ?? (((ce = nt[re]) == null ? void 0 : ce.fee) || 0), Fe = f != null && f.address ? [
+    const f = u || {}, w = ((pt = f == null ? void 0 : f.summary) == null ? void 0 : pt.currency) || (C == null ? void 0 : C.currency) || st, _ = _n(r, k), $ = In(r), H = k != null && k.sku ? k.sku : (r == null ? void 0 : r.id) ?? (C == null ? void 0 : C.product_id), E = (k == null ? void 0 : k.sku) ?? Ks(r), U = wt(k) || Ws(r), O = yt(k) || Qs(r), oe = _t(f), Ie = ((tt = f == null ? void 0 : f.summary) == null ? void 0 : tt.product_total) != null ? +f.summary.product_total : Ur(f), $e = oe > 0 ? +(Ie / oe).toFixed(2) : 0, Le = Ie, et = ((Re = f == null ? void 0 : f.summary) == null ? void 0 : Re.tax) ?? +(Ie * 0.08).toFixed(2), Pe = ((De = f == null ? void 0 : f.summary) == null ? void 0 : De.shipping_fee) ?? (((ce = nt[re]) == null ? void 0 : ce.fee) || 0), Fe = f != null && f.address ? [
       f.address.addressLine1,
       f.address.addressLine2,
       f.address.street,
@@ -4349,7 +4349,7 @@ const st = "USD", qs = (e, t = st) => {
           "img",
           {
             src: _,
-            alt: L,
+            alt: $,
             className: "w-full h-full object-contain"
           }
         ) : /* @__PURE__ */ a(
@@ -4362,7 +4362,7 @@ const st = "USD", qs = (e, t = st) => {
         ) }) }),
         /* @__PURE__ */ d("div", { className: "sm:col-span-10", children: [
           /* @__PURE__ */ d("div", { className: "mb-3", children: [
-            /* @__PURE__ */ a("div", { className: "text-lg text-center font-bold text-gray-900", children: L }),
+            /* @__PURE__ */ a("div", { className: "text-lg text-center font-bold text-gray-900", children: $ }),
             /* @__PURE__ */ d("div", { className: "text-xs text-center font-bold text-gray-600", children: [
               /* @__PURE__ */ a("span", { className: "font-medium", children: "SKU:" }),
               " ",
@@ -4391,7 +4391,7 @@ const st = "USD", qs = (e, t = st) => {
           /* @__PURE__ */ d("div", { className: "grid grid-cols-1 md-grid-cols-3 md:grid-cols-3 gap-3", children: [
             /* @__PURE__ */ d("div", { className: "flex flex-col items-center rounded-xl border border-gray-200 bg-white p-3 text-center", children: [
               /* @__PURE__ */ a("div", { className: "text-[11px] uppercase tracking-wide text-gray-500", children: "Unit Price" }),
-              /* @__PURE__ */ a("div", { className: "mt-0.5 text-base font-bold text-gray-900", children: Qe(Le, w) })
+              /* @__PURE__ */ a("div", { className: "mt-0.5 text-base font-bold text-gray-900", children: Qe($e, w) })
             ] }),
             /* @__PURE__ */ d("div", { className: "flex flex-col items-center rounded-xl border border-gray-200 bg-white p-3 text-center", children: [
               /* @__PURE__ */ a("div", { className: "text-[11px] uppercase tracking-wide text-gray-500", children: "Quantity" }),
@@ -4399,7 +4399,7 @@ const st = "USD", qs = (e, t = st) => {
             ] }),
             /* @__PURE__ */ d("div", { className: "flex flex-col items-center rounded-xl border border-gray-200 bg-white p-3 text-center", children: [
               /* @__PURE__ */ a("div", { className: "text-[11px] uppercase tracking-wide text-gray-500", children: "Subtotal" }),
-              /* @__PURE__ */ a("div", { className: "mt-0.5 text-base font-bold text-gray-900", children: Qe($e, w) })
+              /* @__PURE__ */ a("div", { className: "mt-0.5 text-base font-bold text-gray-900", children: Qe(Le, w) })
             ] })
           ] })
         ] })
@@ -4437,7 +4437,7 @@ const st = "USD", qs = (e, t = st) => {
           "div",
           {
             className: "mt-4 rounded-xl p-4 text-center text-white shadow-sm",
-            style: { background: $t },
+            style: { background: Lt },
             children: [
               /* @__PURE__ */ a("div", { className: "text-sm/5 opacity-95", children: "🔹 Total Payable" }),
               /* @__PURE__ */ a("div", { className: "mt-1 text-3xl font-extrabold tracking-tight", children: Qe(Ie + et + Pe, w) })
@@ -4454,7 +4454,7 @@ const st = "USD", qs = (e, t = st) => {
             {
               onClick: Fo,
               className: "inline-flex items-center justify-center rounded-full px-6 py-2.5 font-semibold text-white shadow-md transition-transform duration-150 hover:-translate-y-0.5 hover:shadow-lg",
-              style: { background: $t },
+              style: { background: Lt },
               children: "Confirm"
             }
           ),
@@ -4463,7 +4463,7 @@ const st = "USD", qs = (e, t = st) => {
             {
               onClick: Vr,
               className: "inline-flex items-center justify-center rounded-full border px-6 py-2.5 font-semibold hover:bg-gray-50",
-              style: { borderColor: $t, color: $t },
+              style: { borderColor: Lt, color: Lt },
               children: "Cancel"
             }
           )
@@ -4654,7 +4654,7 @@ const st = "USD", qs = (e, t = st) => {
             /* @__PURE__ */ d(
               "div",
               {
-                ref: Lt,
+                ref: $t,
                 className: "overflow-y-auto pr-5 pb-4 space-y-4 hide-scrollbar flex-grow",
                 children: [
                   /* @__PURE__ */ d(
@@ -4778,7 +4778,7 @@ const st = "USD", qs = (e, t = st) => {
                         ),
                         "Select a Delivery Address"
                       ] }),
-                      $ && /* @__PURE__ */ d(ge, { children: [
+                      L && /* @__PURE__ */ d(ge, { children: [
                         /* @__PURE__ */ a("span", { className: "ml-2 text-xs px-2 py-1 rounded-full bg-green-100 text-green-700 font-semibold", children: "Selected" }),
                         !Be && /* @__PURE__ */ a(
                           "button",
@@ -4805,18 +4805,18 @@ const st = "USD", qs = (e, t = st) => {
                         }
                       ),
                       /* @__PURE__ */ a("p", { className: "ml-3 text-gray-600", children: "Fetching your addresses..." })
-                    ] }) : m.length > 0 ? /* @__PURE__ */ d(
+                    ] }) : (m == null ? void 0 : m.length) > 0 ? /* @__PURE__ */ d(
                       "div",
                       {
-                        className: `space-y-3 ${$ ? "opacity-70" : ""}`,
+                        className: `space-y-3 ${L ? "opacity-70" : ""}`,
                         children: [
                           m.map((u) => {
-                            const h = [u.addressLine1, u.addressLine2].filter(Boolean).map((E) => We(E || "")).join(" "), f = We(u.city || ""), w = `${We(u.state || "")}${u.state && u.postalCode ? ", " : ""}${u.postalCode || ""}`, _ = We(u.country || ""), L = String(u.addressId ?? u.id), H = Y === L;
+                            const h = [u.addressLine1, u.addressLine2].filter(Boolean).map((E) => We(E || "")).join(" "), f = We(u.city || ""), w = `${We(u.state || "")}${u.state && u.postalCode ? ", " : ""}${u.postalCode || ""}`, _ = We(u.country || ""), $ = String(u.addressId ?? u.id), H = Y === $;
                             return /* @__PURE__ */ d(
                               "label",
                               {
-                                className: `flex items-start gap-3 p-4 border rounded-lg cursor-pointer transition hover:shadow-sm ${H ? "border-tanya-light" : "border-gray-300"} ${$ ? "pointer-events-none" : ""}`,
-                                title: $ ? "Address already submitted" : "",
+                                className: `flex items-start gap-3 p-4 border rounded-lg cursor-pointer transition hover:shadow-sm ${H ? "border-tanya-light" : "border-gray-300"} ${L ? "pointer-events-none" : ""}`,
+                                title: L ? "Address already submitted" : "",
                                 children: [
                                   /* @__PURE__ */ a(
                                     "input",
@@ -4825,9 +4825,9 @@ const st = "USD", qs = (e, t = st) => {
                                       name: "address",
                                       className: "mt-1 accent-tanya-light",
                                       checked: H,
-                                      disabled: $,
-                                      onChange: () => z(L),
-                                      value: L
+                                      disabled: L,
+                                      onChange: () => z($),
+                                      value: $
                                     }
                                   ),
                                   /* @__PURE__ */ d("div", { className: "flex-1", children: [
@@ -4842,7 +4842,7 @@ const st = "USD", qs = (e, t = st) => {
                                   ] })
                                 ]
                               },
-                              L
+                              $
                             );
                           }),
                           /* @__PURE__ */ d("div", { className: "flex justify-between pt-2", children: [
@@ -4862,10 +4862,10 @@ const st = "USD", qs = (e, t = st) => {
                               "button",
                               {
                                 onClick: ko,
-                                disabled: $,
-                                className: `px-6 py-2.5 rounded-full font-semibold text-white shadow-md transition-all duration-300 ${$ ? "opacity-60 cursor-not-allowed" : "hover:-translate-y-0.5 hover:shadow-lg"}`,
+                                disabled: L,
+                                className: `px-6 py-2.5 rounded-full font-semibold text-white shadow-md transition-all duration-300 ${L ? "opacity-60 cursor-not-allowed" : "hover:-translate-y-0.5 hover:shadow-lg"}`,
                                 style: { background: qe },
-                                children: $ ? "Address Submitted" : "Submit Address"
+                                children: L ? "Address Submitted" : "Submit Address"
                               }
                             )
                           ] })