@fluid-app/fluid-cli-theme-dev 0.1.62 → 0.1.64

package/dist/dist-cli-preview/chunks/{OrdersScreen-CVEl9FnN.js → OrdersScreen-D9HfcTaa.js}

@@ -1,21 +1,21 @@
-import { O as re, l as c, W as se, j as t, M as L, a1 as B, ai as ne, B as D, am as ae, E as ie } from "./account-screen-runtime-DxhJm6Qd.js";
-import { a as le, c as oe, b as de, u as ce, I as ue, S as g } from "./sheet-haptics-context-D2WUiXJm.js";
-import { h as R, I as me, R as pe, m as xe, r as T, n as U, i as P, f as fe, p as ge } from "./MemberManagementProviders-DMwkh3JW.js";
-import { u as he, S as M } from "./useInfiniteQuery-BpFtQ7DH.js";
-import { B as K, a as Y, b as S, c as W, d as _e, e as be } from "./Breadcrumb-CZ-skiUy.js";
-import "./store-api-context-BIdILNWL.js";
-import { u as je } from "./use-optional-store-Csor1Z3z.js";
-const ye = {
+import { U as de, l as u, X as ce, j as t, M as E, a2 as K, aA as ue, B as T, aE as me, E as pe } from "./account-screen-runtime-DYMunv0A.js";
+import { a as xe, c as fe, b as ge, u as he, I as _e, S as g } from "./sheet-haptics-context-iOjKcNDj.js";
+import { h as Y, j as be, I as je, R as ye, m as Ne, r as F, n as W, i as A, f as ve, p as we } from "./MemberManagementProviders-C1bwc3tB.js";
+import { u as ke, S as q } from "./useInfiniteQuery-Dtzov9uh.js";
+import { B as G, a as X, b as C, c as V, d as Se, e as Oe } from "./Breadcrumb-BQKo8hPc.js";
+import "./store-api-context-B96Ip2FB.js";
+import { u as De } from "./use-optional-store-lZUz976C.js";
+const Ce = {
   all: ["orders"]
-}, O = {
+}, L = {
   all: ["portalTenantOrders"],
-  list: (e) => [...O.all, "list", e],
-  detail: (e) => [...O.all, "detail", e]
+  list: (e) => [...L.all, "list", e],
+  detail: (e) => [...L.all, "detail", e]
 };
-function Ne(e, r) {
-  const s = R();
-  return he({
-    queryKey: [...ye.all, "infinite-list", e],
+function Le(e, r) {
+  const s = Y();
+  return ke({
+    queryKey: [...Ce.all, "infinite-list", e],
     queryFn: ({ pageParam: a }) => {
       if (!s.fetchCustomerOrders)
         throw new Error(
@@ -28,10 +28,10 @@ function Ne(e, r) {
     enabled: r?.enabled ?? !0
   });
 }
-function q(e, r) {
-  const s = R();
-  return re({
-    queryKey: O.detail(e),
+function H(e, r) {
+  const s = Y();
+  return de({
+    queryKey: L.detail(e),
     queryFn: () => {
       if (!s.fetchOrderById)
         throw new Error("fetchOrderById not implemented on this OrdersApi");
@@ -40,26 +40,26 @@ function q(e, r) {
     enabled: !!e
   });
 }
-function ve(e) {
+function Te(e) {
   return e.order_total_after_points_redemption != null ? `${e.currency_symbol || "$"}${Number(
     e.order_total_after_points_redemption
   ).toFixed(2)}` : e.total_display_amount || `${e.currency_symbol || "$"}${Number(e.amount).toFixed(2)}`;
 }
-function we(e, r, s) {
+function Pe(e, r, s) {
   if (!r.address1 || !r.city || !r.state || !r.postal_code)
     return null;
   const a = `${r.address1}, ${r.city}, ${r.state} ${r.postal_code.slice(0, 5)}`, n = encodeURIComponent(a), l = s?.width ?? 600, i = s?.height ?? 300, o = s?.zoom ?? 15, d = encodeURIComponent(s?.markerColor ?? "red");
   return `https://maps.googleapis.com/maps/api/staticmap?center=${n}&zoom=${o}&size=${l}x${i}&maptype=roadmap&markers=color:${d}%7C${n}&key=${e}`;
 }
-const $ = {
+const z = {
   singular: "point",
   plural: "points"
 };
-function ke() {
-  const { data: e } = je(), r = e?.reward_points_label_singular?.trim() || $.singular, s = e?.reward_points_label_plural?.trim() || $.plural;
-  return c.useMemo(() => ({ singular: r, plural: s }), [r, s]);
+function $e() {
+  const { data: e } = De(), r = e?.reward_points_label_singular?.trim() || z.singular, s = e?.reward_points_label_plural?.trim() || z.plural;
+  return u.useMemo(() => ({ singular: r, plural: s }), [r, s]);
 }
-const Se = {
+const Ee = {
   breadcrumb: "Orders",
   breadcrumb_detail: "Order #{{id}}",
   search_orders: "Search orders...",
@@ -154,8 +154,8 @@ const Se = {
   track_package: "Track package",
   track_package_aria: "Track package {{number}}",
   track_package_aria_with_carrier: "Track {{carrier}} package {{number}}"
-}, Oe = le({
-  fallback: Se,
+}, Fe = xe({
+  fallback: Ee,
   loaders: {
     ar: () => import("./ar-8iaFSgop.js").then(
       (e) => e.default
@@ -261,39 +261,39 @@ const Se = {
     )
   }
 });
-function De(e, r) {
-  return oe(e, r);
+function Ae(e, r) {
+  return fe(e, r);
 }
-const { Provider: Ce, useTranslation: Le } = de("Orders"), Te = Ce, m = Le;
-function F({
+const { Provider: ze, useTranslation: Ie } = ge("Orders"), Be = ze, m = Ie;
+function I({
   children: e
 }) {
-  const { locale: r } = se(), s = ce(Oe, r), a = c.useMemo(
-    () => De(r, s),
+  const { locale: r } = ce(), s = he(Fe, r), a = u.useMemo(
+    () => Ae(r, s),
     [r, s]
   );
-  return /* @__PURE__ */ t.jsx(Te, { value: a, children: e });
+  return /* @__PURE__ */ t.jsx(Be, { value: a, children: e });
 }
-const Pe = {
+const Ue = {
   green: "bg-green-500/15 text-foreground",
   yellow: "bg-yellow-500/15 text-foreground",
   red: "bg-red-500/15 text-foreground",
   blue: "bg-blue-500/15 text-foreground",
   orange: "bg-orange-500/15 text-foreground",
   gray: "bg-foreground/10 text-foreground"
-}, $e = {
+}, Me = {
   green: "bg-green-500",
   yellow: "bg-yellow-500",
   red: "bg-red-500",
   blue: "bg-blue-500",
   orange: "bg-orange-500",
   gray: "bg-gray-500"
-}, Fe = {
+}, Re = {
   xs: "px-1.5 py-0.5 text-[10px]",
   sm: "px-2 py-0.5 text-xs",
   md: "px-2.5 py-1 text-sm"
 };
-function Ee({
+function Ke({
   color: e,
   dot: r,
   size: s = "md",
@@ -303,17 +303,17 @@ function Ee({
   return /* @__PURE__ */ t.jsxs(
     "span",
     {
-      className: L(
+      className: E(
         "inline-flex items-center gap-1 rounded-full font-medium whitespace-nowrap capitalize",
-        Pe[e],
-        Fe[s],
+        Ue[e],
+        Re[s],
         a
       ),
       children: [
         r && /* @__PURE__ */ t.jsx(
           "span",
           {
-            className: L("h-1.5 w-1.5 rounded-full", $e[e])
+            className: E("h-1.5 w-1.5 rounded-full", Me[e])
           }
         ),
         n
@@ -321,13 +321,13 @@ function Ee({
     }
   );
 }
-function ze(e) {
+function Ye(e) {
   return e ? e.replace(/_/g, " ").replace(/\b\w/g, (r) => r.toUpperCase()) : "";
 }
-function E(e) {
+function B(e) {
   return e.charAt(0).toUpperCase() + e.slice(1);
 }
-const Ae = /* @__PURE__ */ new Set([
+const We = /* @__PURE__ */ new Set([
   "cancelled",
   "completed",
   "fulfilled",
@@ -338,14 +338,14 @@ const Ae = /* @__PURE__ */ new Set([
   "returned",
   "shipped"
 ]);
-function Ie(e, r) {
+function qe(e, r) {
   const s = r.toLowerCase();
-  return Ae.has(s) ? e(`status_${s}`) : ze(r);
+  return We.has(s) ? e(`status_${s}`) : Ye(r);
 }
-function Be(e) {
+function Ge(e) {
   return e.sale_date ?? e.created_at;
 }
-const Re = {
+const Xe = {
   fulfilled: "gray",
   unfulfilled: "yellow",
   in_progress: "yellow",
@@ -355,47 +355,47 @@ const Re = {
   // `processing` is not a fulfillment_status enum value but the BFF /
   // legacy responses can surface it; admin colors it yellow, so we match.
   processing: "yellow"
-}, G = {
+}, Q = {
   cancelled: "red",
   returned: "red",
   refunded: "red"
 };
-function Ue(e) {
+function Ve(e) {
   return e.includes("fulfilled") || e.includes("complete") ? "gray" : e.includes("hold") ? "orange" : "yellow";
 }
-const Me = new Set(Object.keys(G)), z = "refunded";
-function V(e, r, s) {
-  return e && Me.has(e.toLowerCase()) ? e : s?.toLowerCase() === z ? z : r ?? e ?? "";
+const He = new Set(Object.keys(Q)), U = "refunded";
+function J(e, r, s) {
+  return e && He.has(e.toLowerCase()) ? e : s?.toLowerCase() === U ? U : r ?? e ?? "";
 }
-function Ke(e) {
+function Qe(e) {
   if (!e) return "gray";
   const r = e.toLowerCase();
-  return Re[r] ?? G[r] ?? Ue(r);
+  return Xe[r] ?? Q[r] ?? Ve(r);
 }
-function X({
+function Z({
   status: e,
   className: r
 }) {
   const { t: s } = m();
   return /* @__PURE__ */ t.jsx(
-    Ee,
+    Ke,
     {
-      color: Ke(e),
+      color: Qe(e),
       dot: !0,
       size: "sm",
       className: r,
-      children: Ie(s, e)
+      children: qe(s, e)
     }
   );
 }
-function Ye({
+function Je({
   apiKey: e,
   address: r,
   options: s,
   alt: a,
   className: n
 }) {
-  const { t: l } = m(), [i, o] = c.useState(!1), d = we(e, r, s);
+  const { t: l } = m(), [i, o] = u.useState(!1), d = Pe(e, r, s);
   return !d || i ? null : /* @__PURE__ */ t.jsx(
     "img",
     {
@@ -408,7 +408,7 @@ function Ye({
     }
   );
 }
-const We = {
+const Ze = {
   fulfilled: "fulfilled",
   // `completed` is an order_status lifecycle value kept as a defensive
   // alias so an order whose BFF response is missing `fulfillment_status`
@@ -427,11 +427,11 @@ const We = {
   unfulfilled: "pending",
   processing: "pending"
 };
-function qe(e) {
-  return We[(e || "").toLowerCase()] ?? "pending";
+function et(e) {
+  return Ze[(e || "").toLowerCase()] ?? "pending";
 }
-function H(e) {
-  return V(
+function ee(e) {
+  return J(
     e.order_status,
     e.fulfillment_status,
     e.financial_status
@@ -440,10 +440,10 @@ function H(e) {
 function y(e, r) {
   if (e === "all") return !0;
   if (e === "subscription") return r.subscription != null;
-  const s = qe(H(r));
+  const s = et(ee(r));
   return e === "fulfilled" ? s === "fulfilled" || s === "shipped" : e === "preparing" ? s === "preparing" || s === "pending" : !0;
 }
-function Ge(e) {
+function tt(e) {
   return {
     all: e.length,
     fulfilled: e.filter((r) => y("fulfilled", r)).length,
@@ -451,10 +451,10 @@ function Ge(e) {
     subscription: e.filter((r) => y("subscription", r)).length
   };
 }
-function Q(e) {
+function te(e) {
   return e.sale_date ?? e.created_at;
 }
-function Ve(e, r, s = /* @__PURE__ */ new Date()) {
+function rt(e, r, s = /* @__PURE__ */ new Date()) {
   if (e.length === 0) return [];
   const a = new Date(
     s.getFullYear(),
@@ -463,24 +463,24 @@ function Ve(e, r, s = /* @__PURE__ */ new Date()) {
   ), n = new Date(a);
   n.setDate(n.getDate() - 7);
   const l = new Date(s.getFullYear(), s.getMonth(), 1), i = new Date(s.getFullYear(), 0, 1), o = /* @__PURE__ */ new Map(), d = [];
-  for (const u of e) {
-    const h = new Date(Q(u));
-    let x;
-    h >= n ? x = r("group_this_week") : h >= l ? x = r("group_this_month") : h >= i ? x = h.toLocaleDateString(void 0, {
+  for (const c of e) {
+    const h = new Date(te(c));
+    let p;
+    h >= n ? p = r("group_this_week") : h >= l ? p = r("group_this_month") : h >= i ? p = h.toLocaleDateString(void 0, {
       month: "long"
-    }) : x = h.toLocaleDateString(void 0, {
+    }) : p = h.toLocaleDateString(void 0, {
       month: "long",
       year: "numeric"
     });
-    let _ = o.get(x);
-    _ || (_ = [], o.set(x, _), d.push(x)), _.push(u);
+    let _ = o.get(p);
+    _ || (_ = [], o.set(p, _), d.push(p)), _.push(c);
   }
-  return d.map((u) => ({
-    label: u,
-    orders: o.get(u) ?? []
+  return d.map((c) => ({
+    label: c,
+    orders: o.get(c) ?? []
   }));
 }
-function Xe(e, r, s = /* @__PURE__ */ new Date()) {
+function st(e, r, s = /* @__PURE__ */ new Date()) {
   try {
     const a = new Date(e), n = new Date(
       s.getFullYear(),
@@ -501,7 +501,7 @@ function Xe(e, r, s = /* @__PURE__ */ new Date()) {
     return "";
   }
 }
-function He(e, r) {
+function nt(e, r) {
   return e === 0 ? {
     left: "50%",
     transform: "translateX(-50%)",
@@ -516,52 +516,54 @@ function He(e, r) {
     zIndex: 10
   };
 }
-function Qe({
+const at = 10;
+function it({
   customerId: e,
   onOrderClick: r,
   t: s
 }) {
-  const { t: a } = m(), n = s ?? a, [l, i] = c.useState(""), [o, d] = c.useState("all"), {
-    data: u,
-    isLoading: h,
-    isError: x,
-    refetch: _,
-    fetchNextPage: J,
-    hasNextPage: Z,
-    isFetchingNextPage: C
-  } = Ne(
+  const { t: a } = m(), n = s ?? a, [l, i] = u.useState(""), [o, d] = u.useState("all"), [c, h] = u.useState(), [p, _] = u.useState(!1), N = c && !p && o !== "all" ? o : void 0, {
+    data: v,
+    isLoading: re,
+    isError: se,
+    error: ne,
+    refetch: ae,
+    fetchNextPage: ie,
+    hasNextPage: le,
+    isFetchingNextPage: P
+  } = Le(
     {
       customerId: e,
-      limit: 10,
+      limit: at,
       search: l || void 0,
-      sort: "-created_at"
+      sort: "-created_at",
+      status: N
     },
     { enabled: !!e }
-  ), b = c.useMemo(
-    () => u?.pages.flatMap((f) => f.orders) ?? [],
-    [u]
-  ), ee = c.useMemo(() => Ge(b), [b]), N = c.useMemo(
-    () => b.filter((f) => y(o, f)),
-    [b, o]
-  ), te = c.useMemo(
-    () => Ve(N, n),
-    [N, n]
-  );
+  ), b = u.useMemo(
+    () => v?.pages.flatMap((f) => f.orders) ?? [],
+    [v]
+  ), w = v?.pages[0]?.counts;
+  w && w !== c && h(w), be(ne) && !p && _(!0);
+  const $ = c ?? tt(b), k = u.useMemo(
+    () => N ? b : b.filter((f) => y(o, f)),
+    [N, b, o]
+  ), oe = u.useMemo(() => rt(k, n), [k, n]);
   return /* @__PURE__ */ t.jsxs(t.Fragment, { children: [
-    /* @__PURE__ */ t.jsx(B, { children: /* @__PURE__ */ t.jsx(K, { children: /* @__PURE__ */ t.jsx(Y, { className: "text-lg", children: /* @__PURE__ */ t.jsx(S, { children: /* @__PURE__ */ t.jsx(W, { className: "font-semibold", children: n("order_history") }) }) }) }) }),
+    /* @__PURE__ */ t.jsx(K, { children: /* @__PURE__ */ t.jsx(G, { children: /* @__PURE__ */ t.jsx(X, { className: "text-lg", children: /* @__PURE__ */ t.jsx(C, { children: /* @__PURE__ */ t.jsx(V, { className: "font-semibold", children: n("order_history") }) }) }) }) }),
     /* @__PURE__ */ t.jsx("div", { className: "relative", children: /* @__PURE__ */ t.jsxs("div", { className: "relative mx-auto max-w-4xl px-5 pt-8 pb-20 md:px-8", children: [
       /* @__PURE__ */ t.jsxs("div", { className: "flex items-center gap-3", children: [
         /* @__PURE__ */ t.jsx("h1", { className: "text-foreground flex-1 truncate text-xl font-bold tracking-tight md:text-2xl", children: n("order_history") }),
         /* @__PURE__ */ t.jsxs("div", { className: "relative hidden sm:block", children: [
           /* @__PURE__ */ t.jsx(
-            M,
+            q,
             {
               className: "text-muted-foreground pointer-events-none absolute top-1/2 left-3 size-4 -translate-y-1/2",
               strokeWidth: 2
             }
           ),
           /* @__PURE__ */ t.jsx(
-            ue,
+            _e,
             {
               value: l,
               onChange: (f) => i(f.target.value),
@@ -571,53 +573,53 @@ function Qe({
           )
         ] })
       ] }),
-      b.length > 0 && /* @__PURE__ */ t.jsx(
-        Ze,
+      ($.all > 0 || o !== "all") && /* @__PURE__ */ t.jsx(
+        ot,
         {
           active: o,
-          counts: ee,
+          counts: $,
           onChange: d,
           t: n
         }
       ),
-      h ? /* @__PURE__ */ t.jsx("div", { className: "ring-border mt-4 overflow-hidden rounded-2xl bg-transparent ring-1", children: /* @__PURE__ */ t.jsx(rt, {}) }) : x ? /* @__PURE__ */ t.jsx("div", { className: "ring-border mt-4 overflow-hidden rounded-2xl bg-transparent ring-1", children: /* @__PURE__ */ t.jsx(nt, { onRetry: () => _(), t: n }) }) : N.length === 0 ? /* @__PURE__ */ t.jsx("div", { className: "ring-border mt-4 overflow-hidden rounded-2xl bg-transparent ring-1", children: /* @__PURE__ */ t.jsx(st, { searching: !!l || o !== "all", t: n }) }) : /* @__PURE__ */ t.jsx("div", { className: "mt-4 space-y-6", children: te.map((f) => /* @__PURE__ */ t.jsxs("div", { children: [
+      re ? /* @__PURE__ */ t.jsx("div", { className: "ring-border mt-4 overflow-hidden rounded-2xl bg-transparent ring-1", children: /* @__PURE__ */ t.jsx(ut, {}) }) : se ? /* @__PURE__ */ t.jsx("div", { className: "ring-border mt-4 overflow-hidden rounded-2xl bg-transparent ring-1", children: /* @__PURE__ */ t.jsx(pt, { onRetry: () => ae(), t: n }) }) : k.length === 0 ? /* @__PURE__ */ t.jsx("div", { className: "ring-border mt-4 overflow-hidden rounded-2xl bg-transparent ring-1", children: /* @__PURE__ */ t.jsx(mt, { searching: !!l || o !== "all", t: n }) }) : /* @__PURE__ */ t.jsx("div", { className: "mt-4 space-y-6", children: oe.map((f) => /* @__PURE__ */ t.jsxs("div", { children: [
         /* @__PURE__ */ t.jsx("div", { className: "text-muted-foreground mb-2 px-1 text-xs font-semibold", children: f.label }),
-        /* @__PURE__ */ t.jsx("div", { className: "space-y-3", children: f.orders.map((v) => /* @__PURE__ */ t.jsx(
-          et,
+        /* @__PURE__ */ t.jsx("div", { className: "space-y-3", children: f.orders.map((S) => /* @__PURE__ */ t.jsx(
+          dt,
           {
-            order: v,
-            onClick: () => r(v),
+            order: S,
+            onClick: () => r(S),
             t: n
           },
-          v.id
+          S.id
         )) })
       ] }, f.label)) }),
-      Z && /* @__PURE__ */ t.jsx("div", { className: "mt-3 flex justify-center", children: /* @__PURE__ */ t.jsx(
+      le && /* @__PURE__ */ t.jsx("div", { className: "mt-3 flex justify-center", children: /* @__PURE__ */ t.jsx(
         "button",
         {
           type: "button",
-          onClick: () => J(),
-          disabled: C,
+          onClick: () => ie(),
+          disabled: P,
           className: "ring-border text-foreground hover:bg-muted inline-flex items-center gap-1 rounded-md bg-transparent px-3 py-1.5 text-xs font-bold ring-1 transition-all disabled:cursor-not-allowed disabled:opacity-40",
-          children: n(C ? "loading" : "load_more")
+          children: n(P ? "loading" : "load_more")
         }
       ) })
     ] }) })
   ] });
 }
-const Je = [
+const lt = [
   { key: "all", labelKey: "filter_all" },
   { key: "fulfilled", labelKey: "filter_fulfilled" },
   { key: "preparing", labelKey: "filter_preparing" },
   { key: "subscription", labelKey: "filter_subscription" }
 ];
-function Ze({
+function ot({
   active: e,
   counts: r,
   onChange: s,
   t: a
 }) {
-  return /* @__PURE__ */ t.jsx("div", { className: "-mx-1 mt-5 flex flex-wrap gap-1.5 px-1", children: Je.map((n) => {
+  return /* @__PURE__ */ t.jsx("div", { className: "-mx-1 mt-5 flex flex-wrap gap-1.5 px-1", children: lt.map((n) => {
     const l = n.key === e, i = r[n.key];
     return /* @__PURE__ */ t.jsxs(
       "button",
@@ -640,12 +642,12 @@ function Ze({
     );
   }) });
 }
-function et({
+function dt({
   order: e,
   onClick: r,
   t: s
 }) {
-  const a = Xe(Q(e), s), n = ve(e), l = e.first_item?.title || `${s("order_number")}${e.order_number}`, i = e.items_count > 1 ? s("more_items", { n: e.items_count - 1 }) : "";
+  const a = st(te(e), s), n = Te(e), l = e.first_item?.title || `${s("order_number")}${e.order_number}`, i = e.items_count > 1 ? s("more_items", { n: e.items_count - 1 }) : "";
   return /* @__PURE__ */ t.jsxs(
     "button",
     {
@@ -663,7 +665,7 @@ function et({
               l,
               i && /* @__PURE__ */ t.jsx("span", { className: "text-muted-foreground font-medium", children: i })
             ] }),
-            /* @__PURE__ */ t.jsx(X, { status: H(e) })
+            /* @__PURE__ */ t.jsx(Z, { status: ee(e) })
           ] }),
           /* @__PURE__ */ t.jsxs("div", { className: "text-muted-foreground mt-1 truncate text-xs", children: [
             a,
@@ -672,7 +674,7 @@ function et({
           ] })
         ] }),
         /* @__PURE__ */ t.jsx(
-          tt,
+          ct,
           {
             fallback: e.first_item,
             urls: e.thumbnail_image_urls,
@@ -684,7 +686,7 @@ function et({
     }
   );
 }
-function tt({
+function ct({
   urls: e,
   fallback: r,
   isSubscription: s,
@@ -693,8 +695,8 @@ function tt({
   const n = (e && e.length > 0 ? e : r?.image_url ? [r.image_url] : []).slice(0, 3);
   if (n.length === 0)
     return /* @__PURE__ */ t.jsxs("div", { className: "ring-border bg-muted text-muted-foreground relative flex size-12 shrink-0 items-center justify-center rounded-xl ring-1", children: [
-      /* @__PURE__ */ t.jsx(me, { className: "size-5", strokeWidth: 1.75 }),
-      s && /* @__PURE__ */ t.jsx(w, { t: a })
+      /* @__PURE__ */ t.jsx(je, { className: "size-5", strokeWidth: 1.75 }),
+      s && /* @__PURE__ */ t.jsx(O, { t: a })
     ] });
   if (n.length === 1)
     return /* @__PURE__ */ t.jsxs("div", { className: "relative size-12 shrink-0", children: [
@@ -706,7 +708,7 @@ function tt({
           className: "ring-background size-12 rounded-xl bg-transparent object-cover ring-[3px]"
         }
       ),
-      s && /* @__PURE__ */ t.jsx(w, { t: a })
+      s && /* @__PURE__ */ t.jsx(O, { t: a })
     ] });
   const l = n.length === 3 ? "w-[80px]" : "w-[60px]";
   return /* @__PURE__ */ t.jsxs("div", { className: `relative h-12 ${l} shrink-0`, children: [
@@ -716,24 +718,24 @@ function tt({
         src: i,
         alt: "",
         className: "ring-background absolute top-0 size-12 rounded-xl bg-transparent object-cover ring-[3px]",
-        style: He(o, n.length)
+        style: nt(o, n.length)
       },
       `${i}-${o}`
     )),
-    s && /* @__PURE__ */ t.jsx(w, { t: a })
+    s && /* @__PURE__ */ t.jsx(O, { t: a })
   ] });
 }
-function w({ t: e }) {
+function O({ t: e }) {
   return /* @__PURE__ */ t.jsx(
     "div",
     {
       className: "bg-primary text-primary-foreground ring-background absolute -top-1 -right-1 z-40 flex size-5 items-center justify-center rounded-full ring-2",
       title: e("from_subscription"),
-      children: /* @__PURE__ */ t.jsx(pe, { className: "size-2.5", strokeWidth: 2.75 })
+      children: /* @__PURE__ */ t.jsx(ye, { className: "size-2.5", strokeWidth: 2.75 })
     }
   );
 }
-function rt() {
+function ut() {
   return /* @__PURE__ */ t.jsx(t.Fragment, { children: Array(4).fill(0).map((e, r) => /* @__PURE__ */ t.jsxs(
     "div",
     {
@@ -749,22 +751,22 @@ function rt() {
     r
   )) });
 }
-function st({
+function mt({
   searching: e,
   t: r
 }) {
   return /* @__PURE__ */ t.jsxs("div", { className: "flex flex-col items-center gap-2 px-4 py-12 text-center", children: [
-    /* @__PURE__ */ t.jsx("div", { className: "bg-muted flex size-12 items-center justify-center rounded-full", children: /* @__PURE__ */ t.jsx(M, { className: "text-muted-foreground size-5", strokeWidth: 2 }) }),
+    /* @__PURE__ */ t.jsx("div", { className: "bg-muted flex size-12 items-center justify-center rounded-full", children: /* @__PURE__ */ t.jsx(q, { className: "text-muted-foreground size-5", strokeWidth: 2 }) }),
     /* @__PURE__ */ t.jsx("div", { className: "text-foreground text-sm font-bold", children: r(e ? "no_matching_orders" : "no_orders_yet") }),
     /* @__PURE__ */ t.jsx("div", { className: "text-muted-foreground max-w-sm text-xs", children: r(e ? "search_hint" : "empty_hint") })
   ] });
 }
-function nt({
+function pt({
   onRetry: e,
   t: r
 }) {
   return /* @__PURE__ */ t.jsxs("div", { className: "flex flex-col items-center gap-2 px-4 py-12 text-center", children: [
-    /* @__PURE__ */ t.jsx("div", { className: "bg-muted flex size-12 items-center justify-center rounded-full", children: /* @__PURE__ */ t.jsx(ne, { className: "text-muted-foreground size-5", strokeWidth: 2 }) }),
+    /* @__PURE__ */ t.jsx("div", { className: "bg-muted flex size-12 items-center justify-center rounded-full", children: /* @__PURE__ */ t.jsx(ue, { className: "text-muted-foreground size-5", strokeWidth: 2 }) }),
     /* @__PURE__ */ t.jsx("div", { className: "text-foreground text-sm font-bold", children: r("load_failed_title") }),
     /* @__PURE__ */ t.jsx("div", { className: "text-muted-foreground max-w-sm text-xs", children: r("load_failed_hint") }),
     /* @__PURE__ */ t.jsx(
@@ -778,21 +780,21 @@ function nt({
     )
   ] });
 }
-const at = 1;
-function it() {
-  const { navigate: e } = D(), { t: r } = m(), s = (a) => {
+const xt = 1;
+function ft() {
+  const { navigate: e } = T(), { t: r } = m(), s = (a) => {
     e(`orders/${a.token}`);
   };
   return /* @__PURE__ */ t.jsx(
-    Qe,
+    it,
     {
-      customerId: at,
+      customerId: xt,
       onOrderClick: s,
       t: r
     }
   );
 }
-const A = {
+const M = {
   display: "inline-flex",
   minHeight: "1.5rem",
   alignItems: "center",
@@ -802,48 +804,48 @@ const A = {
   // spaces) wrap instead of overflowing a narrow column. Inert for the
   // masked-segments path, whose children are spans rather than text.
   overflowWrap: "anywhere"
-}, lt = {
+}, gt = {
   display: "inline-flex",
   alignItems: "center",
   // Wrap onto a new line in narrow containers (e.g. the checkout
   // order-confirmation grid) instead of overflowing the box.
   flexWrap: "wrap",
   rowGap: "0.25rem"
-}, ot = {
+}, ht = {
   display: "inline-flex",
   alignItems: "center",
   gap: "0.375rem",
   // Let a single group's dots wrap too, so one atomic group can never
   // overflow an extremely narrow container.
   flexWrap: "wrap"
-}, dt = {
+}, _t = {
   display: "block",
   width: "0.375rem",
   height: "0.375rem",
   borderRadius: "9999px",
   backgroundColor: "currentColor"
-}, ct = {
+}, bt = {
   marginLeft: "0.125rem"
-}, ut = "0.75rem";
-function mt({
+}, jt = "0.75rem";
+function yt({
   label: e,
   className: r
 }) {
-  const s = xe(e);
-  return s ? /* @__PURE__ */ t.jsx("p", { className: r, style: A, "aria-label": e, children: /* @__PURE__ */ t.jsx("span", { "aria-hidden": "true", style: lt, children: s.map((a, n) => {
+  const s = Ne(e);
+  return s ? /* @__PURE__ */ t.jsx("p", { className: r, style: M, "aria-label": e, children: /* @__PURE__ */ t.jsx("span", { "aria-hidden": "true", style: gt, children: s.map((a, n) => {
     if (a.kind === "gap") return null;
-    const l = s[n + 1]?.kind === "gap" ? { marginInlineEnd: ut } : null;
+    const l = s[n + 1]?.kind === "gap" ? { marginInlineEnd: jt } : null;
     if (a.kind === "dots")
       return /* @__PURE__ */ t.jsx(
         "span",
         {
-          style: { ...ot, ...l },
-          children: Array.from({ length: a.count }, (o, d) => /* @__PURE__ */ t.jsx("span", { style: dt }, d))
+          style: { ...ht, ...l },
+          children: Array.from({ length: a.count }, (o, d) => /* @__PURE__ */ t.jsx("span", { style: _t }, d))
         },
         `${a.kind}-${n}`
       );
     const i = {
-      ...s[n - 1]?.kind === "dots" ? ct : null,
+      ...s[n - 1]?.kind === "dots" ? bt : null,
       ...l
     };
     return /* @__PURE__ */ t.jsx(
@@ -854,31 +856,35 @@ function mt({
       },
       `${a.kind}-${n}`
     );
-  }) }) }) : /* @__PURE__ */ t.jsx("p", { className: r, style: A, children: e });
+  }) }) }) : /* @__PURE__ */ t.jsx("p", { className: r, style: M, children: e });
 }
-function pt(e) {
-  return e.last4 != null || fe(e.card_network) != null || U(e.card_network) != null || P(e.source) || P(e.payment_type);
+function Nt(e) {
+  return e.last4 != null || ve(e.card_network) != null || W(e.card_network) != null || A(e.source) || A(e.payment_type);
 }
-function xt(e) {
-  return ge(e.payment_type, e.source) ?? "Payment method";
+function vt(e) {
+  return we(
+    e.payment_title,
+    e.payment_type,
+    e.source
+  ) ?? "Payment method";
 }
-function ft(e) {
-  if (pt(e))
-    return T({
+function wt(e) {
+  if (Nt(e))
+    return F({
       kind: "card",
-      brand: U(e.card_network),
+      brand: W(e.card_network),
       last4: e.last4,
       logoUrl: e.logo_url
     });
-  const r = xt(e);
-  return T({
+  const r = vt(e);
+  return F({
     kind: "non_card",
     brand: r,
     fallbackLabel: r,
     logoUrl: e.logo_url
   });
 }
-function gt() {
+function kt() {
   return /* @__PURE__ */ t.jsxs("div", { className: "flex flex-col lg:grid lg:grid-cols-8", children: [
     /* @__PURE__ */ t.jsx("div", { className: "bg-muted flex flex-col items-center px-8 lg:col-span-4", children: /* @__PURE__ */ t.jsxs("div", { className: "w-full max-w-lg py-6", children: [
       /* @__PURE__ */ t.jsx(g, { className: "mb-4 h-6 w-48" }),
@@ -909,29 +915,29 @@ function j({ label: e, value: r }) {
     /* @__PURE__ */ t.jsx("p", { className: "text-foreground", children: r })
   ] });
 }
-function I(e) {
+function R(e) {
   return e.startsWith("-") ? e : `-${e}`;
 }
-function p(e, r) {
+function x(e, r) {
   return e ?? r;
 }
-function ht(e) {
+function St(e) {
   const r = [];
   e.name && r.push(e.name), e.address1 && r.push(e.address1), e.address2 && r.push(e.address2);
   const s = [e.city, e.state, e.postal_code].filter(Boolean).join(", ");
   return s && r.push(s), e.country_code && r.push(e.country_code), e.phone && r.push(e.phone), r;
 }
-function k({
+function D({
   address: e,
   title: r
 }) {
-  const s = ht(e);
+  const s = St(e);
   return s.length === 0 ? null : /* @__PURE__ */ t.jsxs("div", { children: [
     /* @__PURE__ */ t.jsx("h3", { className: "text-foreground mb-3 text-sm/6 font-semibold", children: r }),
     /* @__PURE__ */ t.jsx("div", { className: "text-foreground space-y-0.5 text-sm", children: s.map((a, n) => /* @__PURE__ */ t.jsx("p", { children: a }, n)) })
   ] });
 }
-function _t({
+function Ot({
   shippingMethod: e
 }) {
   const { t: r } = m();
@@ -940,7 +946,7 @@ function _t({
     /* @__PURE__ */ t.jsx("p", { className: "text-foreground text-sm", children: e.title })
   ] }) : null;
 }
-function bt({
+function Dt({
   trackings: e
 }) {
   const { t: r } = m();
@@ -977,19 +983,11 @@ function bt({
     )) })
   ] });
 }
-function jt({
+function Ct({
   paymentMethod: e
 }) {
-  const { t: r } = m(), [s, a] = c.useState(!1), n = ft(e), l = s ? n.logo.fallbackUrl : n.logo.primaryUrl;
-  return c.useEffect(() => {
-    a(!1);
-  }, [
-    e.card_network,
-    e.last4,
-    e.logo_url,
-    e.payment_type,
-    e.source
-  ]), /* @__PURE__ */ t.jsxs("div", { children: [
+  const { t: r } = m(), [s, a] = u.useState(null), n = wt(e), l = s === n.logo.primaryUrl ? n.logo.fallbackUrl : n.logo.primaryUrl;
+  return /* @__PURE__ */ t.jsxs("div", { children: [
     /* @__PURE__ */ t.jsx("h3", { className: "text-foreground mb-3 text-sm/6 font-semibold", children: r("payment_method") }),
     /* @__PURE__ */ t.jsxs("div", { className: "flex min-h-6 items-center gap-2", children: [
       /* @__PURE__ */ t.jsx("span", { className: "inline-flex h-6 max-w-16 shrink-0 items-center justify-center", children: /* @__PURE__ */ t.jsx(
@@ -998,15 +996,15 @@ function jt({
           src: l,
           alt: n.accessibilityLabel,
           className: "block max-h-6 max-w-16 object-contain align-middle",
-          onError: () => a(!0)
+          onError: () => a(n.logo.primaryUrl)
         }
       ) }),
-      /* @__PURE__ */ t.jsx(mt, { label: n.label, className: "text-foreground" })
+      /* @__PURE__ */ t.jsx(yt, { label: n.label, className: "text-foreground" })
     ] })
   ] });
 }
-function yt({ src: e, alt: r }) {
-  const { t: s } = m(), [a, n] = c.useState(!1);
+function Lt({ src: e, alt: r }) {
+  const { t: s } = m(), [a, n] = u.useState(!1);
   return a ? /* @__PURE__ */ t.jsx("span", { className: "text-xs", children: s("no_image") }) : /* @__PURE__ */ t.jsx(
     "img",
     {
@@ -1017,14 +1015,14 @@ function yt({ src: e, alt: r }) {
     }
   );
 }
-function Nt({
+function Tt({
   item: e,
   onSubscriptionClick: r
 }) {
   const { t: s } = m(), a = e.source_subscription?.subscription_token;
   return /* @__PURE__ */ t.jsxs("div", { className: "flex items-center gap-x-4 py-4", children: [
     /* @__PURE__ */ t.jsxs("div", { className: "relative shrink-0", children: [
-      /* @__PURE__ */ t.jsx("div", { className: "bg-muted text-muted-foreground flex h-24 w-24 items-center justify-center overflow-hidden rounded", children: e.image_url ? /* @__PURE__ */ t.jsx(yt, { src: e.image_url, alt: e.product_name }) : /* @__PURE__ */ t.jsx("span", { className: "text-xs", children: s("no_image") }) }),
+      /* @__PURE__ */ t.jsx("div", { className: "bg-muted text-muted-foreground flex h-24 w-24 items-center justify-center overflow-hidden rounded", children: e.image_url ? /* @__PURE__ */ t.jsx(Lt, { src: e.image_url, alt: e.product_name }) : /* @__PURE__ */ t.jsx("span", { className: "text-xs", children: s("no_image") }) }),
       e.quantity > 1 && /* @__PURE__ */ t.jsx("span", { className: "bg-foreground text-background absolute -top-2 -right-2 z-10 flex h-6 w-6 items-center justify-center rounded-full text-xs font-medium", children: e.quantity })
     ] }),
     /* @__PURE__ */ t.jsxs("div", { className: "flex min-w-0 flex-1 flex-col gap-y-0.5", children: [
@@ -1044,9 +1042,9 @@ function Nt({
           children: e.variant_name
         }
       ),
-      /* @__PURE__ */ t.jsx("p", { className: "text-foreground text-sm font-medium", children: p(e.total_in_currency, e.total) }),
+      /* @__PURE__ */ t.jsx("p", { className: "text-foreground text-sm font-medium", children: x(e.total_in_currency, e.total) }),
       e.quantity > 1 && /* @__PURE__ */ t.jsxs("p", { className: "text-muted-foreground text-xs", children: [
-        p(e.price_in_currency, e.price),
+        x(e.price_in_currency, e.price),
         " x ",
         e.quantity
       ] }),
@@ -1063,21 +1061,21 @@ function Nt({
     ] })
   ] });
 }
-function vt({
+function Pt({
   order: e,
   onSubscriptionClick: r
 }) {
-  const { t: s } = m(), { singular: a, plural: n } = ke(), i = e.points_applied != null && e.points_applied > 0 ? p(
+  const { t: s } = m(), { singular: a, plural: n } = $e(), i = e.points_applied != null && e.points_applied > 0 ? x(
     e.order_total_after_points_redemption_in_currency ?? null,
-    e.order_total_after_points_redemption != null ? String(e.order_total_after_points_redemption) : p(e.total_in_currency, e.total)
-  ) : p(e.total_in_currency, e.total);
+    e.order_total_after_points_redemption != null ? String(e.order_total_after_points_redemption) : x(e.total_in_currency, e.total)
+  ) : x(e.total_in_currency, e.total);
   return /* @__PURE__ */ t.jsx("section", { className: "bg-muted flex w-full flex-col items-center px-8 lg:col-span-4", children: /* @__PURE__ */ t.jsxs("div", { className: "flex w-full max-w-lg flex-col", children: [
     /* @__PURE__ */ t.jsxs("div", { className: "mt-4", children: [
       /* @__PURE__ */ t.jsx("h2", { className: "text-foreground mb-2 text-lg font-medium", children: s("items_count", { count: String(e.line_items.length) }) }),
       /* @__PURE__ */ t.jsx("hr", { className: "border-border" })
     ] }),
     /* @__PURE__ */ t.jsx("div", { className: "divide-border divide-y", children: e.line_items.map((o) => /* @__PURE__ */ t.jsx(
-      Nt,
+      Tt,
       {
         item: o,
         onSubscriptionClick: r
@@ -1089,7 +1087,7 @@ function vt({
         j,
         {
           label: s("subtotal"),
-          value: p(
+          value: x(
             e.totals?.gross_subtotal_in_currency ?? e.subtotal_in_currency,
             e.totals?.gross_subtotal ?? e.subtotal
           )
@@ -1099,8 +1097,8 @@ function vt({
         j,
         {
           label: s("discount"),
-          value: I(
-            p(e.discount_in_currency, e.discount)
+          value: R(
+            x(e.discount_in_currency, e.discount)
           )
         }
       ),
@@ -1108,7 +1106,7 @@ function vt({
         j,
         {
           label: s("shipping"),
-          value: p(e.shipping_in_currency, e.shipping)
+          value: x(e.shipping_in_currency, e.shipping)
         }
       ),
       /* @__PURE__ */ t.jsx(
@@ -1122,12 +1120,12 @@ function vt({
             // the rows visually sum above the authoritative Total.
             e.totals?.price_inclusive_of_tax && e.totals.tax_label ? `${s("tax")} (${s("tax_included", { name: e.totals.tax_label })})` : s("tax")
           ),
-          value: p(e.tax_in_currency, e.tax)
+          value: x(e.tax_in_currency, e.tax)
         }
       ),
       e.points_applied != null && e.points_applied > 0 && /* @__PURE__ */ t.jsxs("div", { className: "flex items-center justify-between text-sm", children: [
         /* @__PURE__ */ t.jsxs("p", { className: "text-muted-foreground", children: [
-          s("points_applied", { label: E(n) }),
+          s("points_applied", { label: B(n) }),
           /* @__PURE__ */ t.jsxs("span", { className: "ml-1 text-xs", children: [
             "(",
             e.points_applied.toLocaleString(),
@@ -1136,8 +1134,8 @@ function vt({
             ")"
           ] })
         ] }),
-        /* @__PURE__ */ t.jsx("p", { className: "text-foreground", children: I(
-          p(
+        /* @__PURE__ */ t.jsx("p", { className: "text-foreground", children: R(
+          x(
             e.points_applied_amount_in_currency ?? null,
             String(e.points_applied_amount ?? 0)
           )
@@ -1150,7 +1148,7 @@ function vt({
     ] }),
     e.total_points_credited != null && e.total_points_credited > 0 && /* @__PURE__ */ t.jsx("div", { className: "border-border mb-4 border-t pt-4", children: /* @__PURE__ */ t.jsxs("div", { className: "flex items-baseline justify-between", children: [
       /* @__PURE__ */ t.jsxs("div", { children: [
-        /* @__PURE__ */ t.jsx("p", { className: "text-foreground text-sm font-semibold", children: s("points_earned", { label: E(n) }) }),
+        /* @__PURE__ */ t.jsx("p", { className: "text-foreground text-sm font-semibold", children: s("points_earned", { label: B(n) }) }),
         e.customer_points_balance != null && /* @__PURE__ */ t.jsx("p", { className: "text-muted-foreground text-xs", children: s("points_total", {
           count: e.customer_points_balance.toLocaleString(),
           label: n
@@ -1166,7 +1164,7 @@ function vt({
     ] }) })
   ] }) });
 }
-function wt({
+function $t({
   order: e,
   googleMapsApiKey: r
 }) {
@@ -1175,9 +1173,9 @@ function wt({
     /* @__PURE__ */ t.jsx("div", { className: "border-border mb-6 border-b pb-6", children: /* @__PURE__ */ t.jsx("div", { className: "flex flex-wrap items-center gap-3", children: /* @__PURE__ */ t.jsxs("div", { className: "flex items-center gap-2", children: [
       /* @__PURE__ */ t.jsx("span", { className: "text-muted-foreground text-sm", children: s("status_label") }),
       /* @__PURE__ */ t.jsx(
-        X,
+        Z,
         {
-          status: V(
+          status: J(
             e.status,
             e.fulfillment_status,
             e.financial_status
@@ -1186,13 +1184,13 @@ function wt({
       )
     ] }) }) }),
     r && e.shipping_address && /* @__PURE__ */ t.jsx("div", { className: "mb-6", children: /* @__PURE__ */ t.jsx(
-      Ye,
+      Je,
       {
         apiKey: r,
         address: e.shipping_address
       }
     ) }),
-    /* @__PURE__ */ t.jsx(bt, { trackings: e.tracking_informations }),
+    /* @__PURE__ */ t.jsx(Dt, { trackings: e.tracking_informations }),
     /* @__PURE__ */ t.jsxs("div", { className: "border-border mb-6 border-b pb-6", children: [
       /* @__PURE__ */ t.jsx("h3", { className: "text-foreground mb-3 text-sm/6 font-semibold", children: s("order_info") }),
       /* @__PURE__ */ t.jsxs("div", { className: "divide-border flex divide-x", children: [
@@ -1205,7 +1203,7 @@ function wt({
         ] }),
         /* @__PURE__ */ t.jsxs("div", { className: "flex-1 pl-4 text-right", children: [
           /* @__PURE__ */ t.jsx("div", { className: "text-muted-foreground text-sm", children: s("date") }),
-          /* @__PURE__ */ t.jsx("div", { className: "text-foreground font-medium", children: new Date(Be(e)).toLocaleDateString(
+          /* @__PURE__ */ t.jsx("div", { className: "text-foreground font-medium", children: new Date(Ge(e)).toLocaleDateString(
             a,
             {
               year: "numeric",
@@ -1226,50 +1224,50 @@ function wt({
     ] }),
     e.shipping_address && e.billing_address ? /* @__PURE__ */ t.jsxs("div", { className: "border-border mb-6 grid grid-cols-2 gap-x-4 border-b pb-6", children: [
       /* @__PURE__ */ t.jsx(
-        k,
+        D,
         {
           address: e.shipping_address,
           title: s("shipping_address")
         }
       ),
       /* @__PURE__ */ t.jsx(
-        k,
+        D,
         {
           address: e.billing_address,
           title: s("billing_address")
         }
       )
     ] }) : e.shipping_address && /* @__PURE__ */ t.jsx("div", { className: "border-border mb-6 border-b pb-6", children: /* @__PURE__ */ t.jsx(
-      k,
+      D,
       {
         address: e.shipping_address,
         title: s("shipping_address")
       }
     ) }),
     (e.shipping_method || e.payment_method) && /* @__PURE__ */ t.jsxs("div", { className: "border-border mb-6 grid grid-cols-1 gap-x-4 gap-y-4 border-b pb-6 sm:grid-cols-2", children: [
-      e.shipping_method && /* @__PURE__ */ t.jsx(_t, { shippingMethod: e.shipping_method }),
-      e.payment_method && /* @__PURE__ */ t.jsx(jt, { paymentMethod: e.payment_method })
+      e.shipping_method && /* @__PURE__ */ t.jsx(Ot, { shippingMethod: e.shipping_method }),
+      e.payment_method && /* @__PURE__ */ t.jsx(Ct, { paymentMethod: e.payment_method })
     ] })
   ] }) });
 }
-function kt({
+function Et({
   id: e,
   googleMapsApiKey: r,
   onNotFound: s,
   onError: a,
   onSubscriptionClick: n
 }) {
-  const { data: l, isLoading: i, error: o } = q(e), d = l?.order;
-  return c.useEffect(() => {
+  const { data: l, isLoading: i, error: o } = H(e), d = l?.order;
+  return u.useEffect(() => {
     !i && o && a?.(o);
-  }, [i, o, a]), c.useEffect(() => {
+  }, [i, o, a]), u.useEffect(() => {
     !i && !o && !d && s?.();
-  }, [i, o, d, s]), i ? /* @__PURE__ */ t.jsx(gt, {}) : d ? /* @__PURE__ */ t.jsxs("div", { className: "flex flex-col lg:grid lg:grid-cols-8", children: [
-    /* @__PURE__ */ t.jsx(vt, { order: d, onSubscriptionClick: n }),
-    /* @__PURE__ */ t.jsx(wt, { order: d, googleMapsApiKey: r })
+  }, [i, o, d, s]), i ? /* @__PURE__ */ t.jsx(kt, {}) : d ? /* @__PURE__ */ t.jsxs("div", { className: "flex flex-col lg:grid lg:grid-cols-8", children: [
+    /* @__PURE__ */ t.jsx(Pt, { order: d, onSubscriptionClick: n }),
+    /* @__PURE__ */ t.jsx($t, { order: d, googleMapsApiKey: r })
   ] }) : null;
 }
-function St({
+function Ft({
   id: e,
   googleMapsApiKey: r,
   onNavigateToList: s,
@@ -1277,24 +1275,24 @@ function St({
   onError: n,
   onSubscriptionClick: l
 }) {
-  const { t: i } = m(), { data: o } = q(e), d = o?.order.order_number ?? o?.order.id.toString() ?? String(e);
+  const { t: i } = m(), { data: o } = H(e), d = o?.order.order_number ?? o?.order.id.toString() ?? String(e);
   return /* @__PURE__ */ t.jsxs(t.Fragment, { children: [
-    /* @__PURE__ */ t.jsx(B, { children: /* @__PURE__ */ t.jsx(K, { children: /* @__PURE__ */ t.jsxs(Y, { className: "text-lg", children: [
-      /* @__PURE__ */ t.jsx(S, { children: /* @__PURE__ */ t.jsx(
-        _e,
+    /* @__PURE__ */ t.jsx(K, { children: /* @__PURE__ */ t.jsx(G, { children: /* @__PURE__ */ t.jsxs(X, { className: "text-lg", children: [
+      /* @__PURE__ */ t.jsx(C, { children: /* @__PURE__ */ t.jsx(
+        Se,
         {
           href: "#",
-          onClick: (u) => {
-            u.preventDefault(), s();
+          onClick: (c) => {
+            c.preventDefault(), s();
           },
           children: i("breadcrumb")
         }
       ) }),
-      /* @__PURE__ */ t.jsx(be, {}),
-      /* @__PURE__ */ t.jsx(S, { children: /* @__PURE__ */ t.jsx(W, { className: "font-semibold", children: i("breadcrumb_detail", { id: d }) }) })
+      /* @__PURE__ */ t.jsx(Oe, {}),
+      /* @__PURE__ */ t.jsx(C, { children: /* @__PURE__ */ t.jsx(V, { className: "font-semibold", children: i("breadcrumb_detail", { id: d }) }) })
     ] }) }) }),
     /* @__PURE__ */ t.jsx("div", { className: "mx-auto max-w-7xl px-4 py-4 sm:px-6 sm:py-6 lg:px-10 lg:py-8", children: /* @__PURE__ */ t.jsx(
-      kt,
+      Et,
       {
         id: e,
         googleMapsApiKey: r,
@@ -1305,13 +1303,13 @@ function St({
     ) })
   ] });
 }
-function Ot({
+function At({
   token: e,
   onToast: r
 }) {
-  const { navigate: s } = D(), { config: a } = ae(), { t: n } = m();
+  const { navigate: s } = T(), { config: a } = me(), { t: n } = m();
   return /* @__PURE__ */ t.jsx(
-    St,
+    Ft,
     {
       id: e,
       googleMapsApiKey: a.googleMapsApiKey,
@@ -1327,10 +1325,10 @@ function Ot({
     }
   );
 }
-function Dt(e, r) {
-  ie({ title: e, type: r });
+function zt(e, r) {
+  pe({ title: e, type: r });
 }
-function zt({
+function Wt({
   onToast: e,
   /* eslint-disable @typescript-eslint/no-unused-vars -- destructured to exclude from divProps spread */
   background: r,
@@ -1341,9 +1339,9 @@ function zt({
   /* eslint-enable @typescript-eslint/no-unused-vars */
   ...i
 }) {
-  const { currentSlug: o } = D(), d = e ?? Dt, u = o.split("/")[1];
-  return u !== void 0 ? /* @__PURE__ */ t.jsx(F, { children: /* @__PURE__ */ t.jsx("div", { ...i, children: /* @__PURE__ */ t.jsx(Ot, { token: u, onToast: d }) }) }) : /* @__PURE__ */ t.jsx(F, { children: /* @__PURE__ */ t.jsx("div", { ...i, children: /* @__PURE__ */ t.jsx(it, {}) }) });
+  const { currentSlug: o } = T(), d = e ?? zt, c = o.split("/")[1];
+  return c !== void 0 ? /* @__PURE__ */ t.jsx(I, { children: /* @__PURE__ */ t.jsx("div", { ...i, children: /* @__PURE__ */ t.jsx(At, { token: c, onToast: d }) }) }) : /* @__PURE__ */ t.jsx(I, { children: /* @__PURE__ */ t.jsx("div", { ...i, children: /* @__PURE__ */ t.jsx(ft, {}) }) });
 }
 export {
-  zt as O
+  Wt as O
 };