@instockng/storefront-ui 1.0.107 → 1.0.109

package/dist/index5.mjs

@@ -1,116 +1,106 @@
 'use client';
-import { jsx as f } from "react/jsx-runtime";
-import { createContext as x, useContext as p, useState as w, useEffect as v } from "react";
-const u = x(void 0);
-let c = null;
-function N({
-  children: a,
-  pixelId: k,
-  debug: r = !1
-}) {
-  const [T, d] = w(!1);
-  v(() => {
-    if (typeof window > "u") return;
-    if (!k) {
-      r && console.log("TikTok Pixel ID not provided. Tracking disabled.");
-      return;
-    }
-    (async () => {
-      try {
-        const t = (await import("./index49.mjs")).default;
-        t.init(k, {}, { debug: r }), t.pageView(), c = t, d(!0), r && console.log("TikTok Pixel initialized:", k);
-      } catch (t) {
-        console.error("Failed to initialize TikTok Pixel:", t);
+import { jsx as g } from "react/jsx-runtime";
+import { createContext as w, useContext as h, useState as P, useEffect as M } from "react";
+const f = w(null);
+function T({ children: a, pixelId: s, debug: p }) {
+  const [u, x] = P(!1), [l, k] = P(null), m = typeof process < "u" && process.env.NODE_ENV === "development", c = p ?? m;
+  M(() => {
+    if (!(typeof window > "u")) {
+      if (!s) {
+        c && console.log("[Meta Pixel] No pixel ID provided, tracking disabled");
+        return;
       }
-    })();
-  }, [k, r]);
-  const n = (i, t, o) => {
-    if (!T || !c) {
-      r && console.log("TikTok Pixel not initialized. Event not tracked:", i);
-      return;
+      import("./index48.mjs").then((e) => e.f).then((e) => {
+        const t = e.default, i = {
+          autoConfig: !0,
+          debug: c
+        };
+        t.init(s, void 0, i), k(t), x(!0), c && console.log("[Meta Pixel] Initialized with ID:", s);
+      }).catch((e) => {
+        console.error("[Meta Pixel] Failed to load react-facebook-pixel:", e);
+      });
     }
-    try {
-      const e = o ? { ...t, event_id: o } : t;
-      c.track(i, e), r && console.log("TikTok Pixel tracked event:", i, e);
-    } catch (e) {
-      console.error("Failed to track TikTok Pixel event:", e);
+  }, [s, c]);
+  const r = (e, t, i) => {
+    if (!u || !l) {
+      c && console.log("[Meta Pixel] Track (not initialized):", e, t);
+      return;
     }
-  }, P = {
-    track: n,
-    trackPageView: () => {
-      if (!(!T || !c))
-        try {
-          c.pageView(), r && console.log("TikTok Pixel tracked page view");
-        } catch (i) {
-          console.error("Failed to track TikTok Pixel page view:", i);
-        }
+    const o = i ? { ...t, eventID: i } : t;
+    l.track(e, o), c && console.log("[Meta Pixel] Track:", e, o, i ? `(ID: ${i})` : "");
+  }, _ = {
+    track: r,
+    trackPageView: (e) => {
+      if (!u || !l) {
+        c && console.log("[Meta Pixel] PageView (not initialized)");
+        return;
+      }
+      const t = e ? { eventID: e } : void 0;
+      l.pageView(e ? t : void 0), c && console.log("[Meta Pixel] PageView");
     },
-    trackProductView: (i, t, o, e) => {
-      n(
-        "ViewContent",
-        {
-          content_type: "product",
-          content_id: i,
-          content_name: t,
-          price: o,
-          currency: "NGN"
-        },
-        e
-      );
+    trackProductView: (e, t, i, o) => {
+      r("ViewContent", {
+        content_ids: [e],
+        content_name: t,
+        content_type: "product",
+        value: i,
+        currency: "NGN"
+      }, o);
     },
-    trackAddToCart: (i, t, o, e, l) => {
-      n(
-        "AddToCart",
-        {
-          content_type: "product",
-          content_id: i,
-          content_name: t,
-          value: o * e,
-          quantity: e,
-          currency: "NGN"
-        },
-        l
-      );
+    trackAddToCart: (e, t, i, o, n) => {
+      r("AddToCart", {
+        content_ids: [e],
+        content_name: t,
+        content_type: "product",
+        value: i * o,
+        currency: "NGN",
+        num_items: o,
+        contents: [{
+          id: e,
+          quantity: o,
+          item_price: i
+        }]
+      }, n);
     },
-    trackInitiateCheckout: (i, t, o, e) => {
-      n(
-        "InitiateCheckout",
-        {
-          content_type: "product",
-          value: i,
-          currency: "NGN",
-          num_items: t,
-          ...e && e.length > 0 ? { contents: e } : {}
-        },
-        o
-      );
+    trackInitiateCheckout: (e, t, i = [], o) => {
+      r("InitiateCheckout", {
+        value: e,
+        currency: "NGN",
+        num_items: t,
+        contents: i.map((n) => ({
+          id: n.id,
+          quantity: n.quantity,
+          item_price: n.item_price
+        })),
+        content_ids: i.map((n) => n.id),
+        content_type: "product"
+      }, o);
     },
-    trackPurchase: (i, t, o, e, l) => {
-      n(
-        "CompletePayment",
-        {
-          content_type: "product",
-          value: i,
-          currency: t,
-          contents: e.map((s) => ({
-            content_id: s.id,
-            quantity: s.quantity,
-            price: s.item_price
-          }))
-        },
-        l
-      );
-    }
+    trackPurchase: (e, t, i, o, n) => {
+      r("Purchase", {
+        value: e,
+        currency: t,
+        content_type: "product",
+        contents: o.map((d) => ({
+          id: d.id,
+          // SKU
+          quantity: d.quantity,
+          item_price: d.item_price
+        })),
+        order_id: i
+      }, n);
+    },
+    isInitialized: u
   };
-  return /* @__PURE__ */ f(u.Provider, { value: P, children: a });
+  return /* @__PURE__ */ g(f.Provider, { value: _, children: a });
 }
-function z() {
-  const a = p(u);
-  if (a === void 0)
-    throw new Error("useTikTokPixel must be used within a TikTokPixelProvider");
+function E() {
+  const a = h(f);
+  if (!a)
+    throw new Error("useMetaPixel must be used within MetaPixelProvider");
   return a;
 }
 export {
-  N as TikTokPixelProvider,
-  z as useTikTokPixel
+  T as MetaPixelProvider,
+  E as useMetaPixel
 };

package/dist/index50.mjs

@@ -1,6 +1,6 @@
 'use client';
 import { getDefaultExportFromCjs as n } from "./index79.mjs";
-import { __require as i } from "./index81.mjs";
+import { __require as i } from "./index82.mjs";
 function s(t, a) {
   for (var o = 0; o < a.length; o++) {
     const e = a[o];

package/dist/index58.mjs

@@ -1,6 +1,6 @@
 'use client';
 import * as l from "react";
-import { composeRefs as m } from "./index82.mjs";
+import { composeRefs as m } from "./index81.mjs";
 import { jsx as u } from "react/jsx-runtime";
 // @__NO_SIDE_EFFECTS__
 function y(e) {

package/dist/index6.mjs

@@ -1,20 +1,116 @@
 'use client';
-import { useEffect as a } from "react";
-import { useMetaPixel as f } from "./index4.mjs";
-function u(o) {
-  const { trackPageView: t } = f();
-  a(() => {
-    if (t(o), typeof window < "u") {
-      const n = () => {
-        t();
-      };
-      import("./index50.mjs").then((e) => e.r).then((e) => (e.default.events.on("routeChangeComplete", n), () => {
-        e.default.events.off("routeChangeComplete", n);
-      })).catch(() => {
-      });
+import { jsx as f } from "react/jsx-runtime";
+import { createContext as x, useContext as p, useState as w, useEffect as v } from "react";
+const u = x(void 0);
+let c = null;
+function N({
+  children: a,
+  pixelId: k,
+  debug: r = !1
+}) {
+  const [T, d] = w(!1);
+  v(() => {
+    if (typeof window > "u") return;
+    if (!k) {
+      r && console.log("TikTok Pixel ID not provided. Tracking disabled.");
+      return;
     }
-  }, [t]);
+    (async () => {
+      try {
+        const t = (await import("./index49.mjs")).default;
+        t.init(k, {}, { debug: r }), t.pageView(), c = t, d(!0), r && console.log("TikTok Pixel initialized:", k);
+      } catch (t) {
+        console.error("Failed to initialize TikTok Pixel:", t);
+      }
+    })();
+  }, [k, r]);
+  const n = (i, t, o) => {
+    if (!T || !c) {
+      r && console.log("TikTok Pixel not initialized. Event not tracked:", i);
+      return;
+    }
+    try {
+      const e = o ? { ...t, event_id: o } : t;
+      c.track(i, e), r && console.log("TikTok Pixel tracked event:", i, e);
+    } catch (e) {
+      console.error("Failed to track TikTok Pixel event:", e);
+    }
+  }, P = {
+    track: n,
+    trackPageView: () => {
+      if (!(!T || !c))
+        try {
+          c.pageView(), r && console.log("TikTok Pixel tracked page view");
+        } catch (i) {
+          console.error("Failed to track TikTok Pixel page view:", i);
+        }
+    },
+    trackProductView: (i, t, o, e) => {
+      n(
+        "ViewContent",
+        {
+          content_type: "product",
+          content_id: i,
+          content_name: t,
+          price: o,
+          currency: "NGN"
+        },
+        e
+      );
+    },
+    trackAddToCart: (i, t, o, e, l) => {
+      n(
+        "AddToCart",
+        {
+          content_type: "product",
+          content_id: i,
+          content_name: t,
+          value: o * e,
+          quantity: e,
+          currency: "NGN"
+        },
+        l
+      );
+    },
+    trackInitiateCheckout: (i, t, o, e) => {
+      n(
+        "InitiateCheckout",
+        {
+          content_type: "product",
+          value: i,
+          currency: "NGN",
+          num_items: t,
+          ...e && e.length > 0 ? { contents: e } : {}
+        },
+        o
+      );
+    },
+    trackPurchase: (i, t, o, e, l) => {
+      n(
+        "CompletePayment",
+        {
+          content_type: "product",
+          value: i,
+          currency: t,
+          contents: e.map((s) => ({
+            content_id: s.id,
+            quantity: s.quantity,
+            price: s.item_price
+          }))
+        },
+        l
+      );
+    }
+  };
+  return /* @__PURE__ */ f(u.Provider, { value: P, children: a });
+}
+function z() {
+  const a = p(u);
+  if (a === void 0)
+    throw new Error("useTikTokPixel must be used within a TikTokPixelProvider");
+  return a;
 }
 export {
-  u as usePageTracking
+  N as TikTokPixelProvider,
+  z as useTikTokPixel
 };

package/dist/index63.mjs

@@ -1,21 +1,21 @@
 'use client';
-import a from "./index94.mjs";
-import p from "./index95.mjs";
-import m from "./index96.mjs";
-import i from "./index97.mjs";
-import f from "./index98.mjs";
-import l from "./index99.mjs";
-import c from "./index100.mjs";
-import d from "./index101.mjs";
-import u from "./index102.mjs";
-import { VERSION as x } from "./index103.mjs";
-import C from "./index104.mjs";
-import A from "./index105.mjs";
-import E from "./index106.mjs";
-import O from "./index107.mjs";
-import S from "./index108.mjs";
-import H from "./index109.mjs";
-import T from "./index110.mjs";
+import a from "./index95.mjs";
+import p from "./index96.mjs";
+import m from "./index97.mjs";
+import i from "./index98.mjs";
+import f from "./index99.mjs";
+import l from "./index100.mjs";
+import c from "./index101.mjs";
+import d from "./index102.mjs";
+import u from "./index103.mjs";
+import { VERSION as x } from "./index104.mjs";
+import C from "./index105.mjs";
+import A from "./index106.mjs";
+import E from "./index107.mjs";
+import O from "./index108.mjs";
+import S from "./index109.mjs";
+import H from "./index110.mjs";
+import T from "./index111.mjs";
 function n(o) {
   const t = new m(o), e = p(m.prototype.request, t);
   return a.extend(e, m.prototype, t, { allOwnKeys: !0 }), a.extend(e, t, null, { allOwnKeys: !0 }), e.create = function(s) {

package/dist/index64.mjs

@@ -2,8 +2,8 @@
 var k = Object.defineProperty;
 var p = (r, e, t) => e in r ? k(r, e, { enumerable: !0, configurable: !0, writable: !0, value: t }) : r[e] = t;
 var o = (r, e, t) => p(r, typeof e != "symbol" ? e + "" : e, t);
-import { serialize as j } from "./index112.mjs";
-import { mergePath as U, replaceUrlParam as P, buildSearchParams as x, removeIndexString as v, replaceUrlProtocol as C, deepMerge as O } from "./index113.mjs";
+import { serialize as j } from "./index151.mjs";
+import { mergePath as U, replaceUrlParam as P, buildSearchParams as x, removeIndexString as v, replaceUrlProtocol as C, deepMerge as O } from "./index152.mjs";
 var w = (r, e) => new Proxy(() => {
 }, {
   get(a, h) {

package/dist/index7.mjs

@@ -1,200 +1,20 @@
 'use client';
-import { jsx as e, jsxs as r, Fragment as T } from "react/jsx-runtime";
-import { useState as E } from "react";
-import "./index31.mjs";
-import "@tanstack/react-query";
-import { useGetOrder as U, useConfirmOrder as M } from "./index46.mjs";
-import { Card as s, CardHeader as m, CardTitle as o, CardContent as i } from "./index25.mjs";
-import { Button as S } from "./index24.mjs";
-import { Badge as v } from "./index26.mjs";
-import { Loader2 as b, XCircle as _, Package as H, CheckCircle as L } from "lucide-react";
-import { cn as c, formatDateTime as k, formatCurrency as l } from "./index30.mjs";
-const g = "2348125648668", f = "0" + g.slice(3), W = `${f.slice(0, 4)} ${f.slice(4, 7)} ${f.slice(7)}`, $ = `https://wa.me/${g}`;
-function X({
-  orderId: N,
-  token: x,
-  className: h,
-  headerClassName: w,
-  buttonClassName: P,
-  cardClassName: n,
-  whatsappHelpLink: A = $,
-  whatsappHelpNumber: C = W
-}) {
-  var y;
-  const [p, j] = E(!1), { data: u, isLoading: D, error: O } = U(N, x, {
-    retry: !1
-  }), d = M({
-    onSuccess: (a) => {
-      j(!0);
-    },
-    onError: (a) => {
+import { useEffect as a } from "react";
+import { useMetaPixel as f } from "./index5.mjs";
+function u(o) {
+  const { trackPageView: t } = f();
+  a(() => {
+    if (t(o), typeof window < "u") {
+      const n = () => {
+        t();
+      };
+      import("./index50.mjs").then((e) => e.r).then((e) => (e.default.events.on("routeChangeComplete", n), () => {
+        e.default.events.off("routeChangeComplete", n);
+      })).catch(() => {
+      });
     }
-  });
-  if (D)
-    return /* @__PURE__ */ e("div", { className: c("min-h-screen flex items-center justify-center", h), children: /* @__PURE__ */ r("div", { className: "text-center", children: [
-      /* @__PURE__ */ e(b, { className: "h-12 w-12 animate-spin text-blue-500 mx-auto mb-4" }),
-      /* @__PURE__ */ e("p", { className: "text-muted-foreground", children: "Loading order details..." })
-    ] }) });
-  if (O || !u || "error" in u)
-    return /* @__PURE__ */ e("div", { className: c("min-h-screen flex items-center justify-center p-4", h), children: /* @__PURE__ */ r(s, { className: c("max-w-md w-full", n), children: [
-      /* @__PURE__ */ e(m, { children: /* @__PURE__ */ r("div", { className: "flex items-center space-x-2", children: [
-        /* @__PURE__ */ e(_, { className: "h-6 w-6 text-red-500" }),
-        /* @__PURE__ */ e(o, { children: "Order Not Found" })
-      ] }) }),
-      /* @__PURE__ */ e(i, { children: /* @__PURE__ */ e("p", { className: "text-muted-foreground", children: "We couldn't find this order. The link may be invalid or expired. Please contact support if you need assistance." }) })
-    ] }) });
-  const t = u;
-  return /* @__PURE__ */ e("div", { className: c("min-h-screen py-8 px-4", h), children: /* @__PURE__ */ r("div", { className: "max-w-3xl mx-auto space-y-6", children: [
-    /* @__PURE__ */ r("div", { className: c("text-center", w), children: [
-      t.brand.logoUrl ? /* @__PURE__ */ e("div", { className: "inline-flex items-center justify-center w-24 h-16 mb-4", children: /* @__PURE__ */ e(
-        "img",
-        {
-          src: t.brand.logoUrl,
-          alt: `${t.brand.name} logo`,
-          className: "max-w-full max-h-full object-contain"
-        }
-      ) }) : /* @__PURE__ */ e("div", { className: "inline-flex items-center justify-center w-16 h-16 bg-blue-100 rounded-full mb-4", children: /* @__PURE__ */ e(H, { className: "h-8 w-8 text-blue-600" }) }),
-      /* @__PURE__ */ r("h1", { className: "text-3xl font-bold", children: [
-        "Order #",
-        t.orderNumber
-      ] }),
-      /* @__PURE__ */ e("p", { className: "text-muted-foreground mt-2", children: t.brand.name })
-    ] }),
-    p && /* @__PURE__ */ e(s, { className: c("border-green-200 bg-green-50", n), children: /* @__PURE__ */ e(i, { className: "pt-6", children: /* @__PURE__ */ r("div", { className: "flex items-start space-x-3", children: [
-      /* @__PURE__ */ e(L, { className: "h-6 w-6 text-green-600 mt-0.5" }),
-      /* @__PURE__ */ r("div", { children: [
-        /* @__PURE__ */ e("h3", { className: "font-semibold text-green-900", children: "Order Confirmed!" }),
-        /* @__PURE__ */ e("p", { className: "text-green-700 mt-1", children: "Thank you for confirming your order. We will contact you soon to arrange delivery." })
-      ] })
-    ] }) }) }),
-    !p && t.confirmationMessage && /* @__PURE__ */ e(s, { className: c(n), children: /* @__PURE__ */ e(i, { className: "pt-6", children: /* @__PURE__ */ e("p", { children: t.confirmationMessage }) }) }),
-    t.canConfirm && !p && /* @__PURE__ */ e(s, { className: n, children: /* @__PURE__ */ r(i, { className: "pt-6", children: [
-      /* @__PURE__ */ e(
-        S,
-        {
-          onClick: () => d.mutate({ orderId: N, token: x }),
-          disabled: d.isPending,
-          className: c("w-full", P),
-          size: "lg",
-          children: d.isPending ? /* @__PURE__ */ r(T, { children: [
-            /* @__PURE__ */ e(b, { className: "mr-2 h-5 w-5 animate-spin" }),
-            "Confirming..."
-          ] }) : "Confirm Order"
-        }
-      ),
-      d.isError && /* @__PURE__ */ e("p", { className: "text-red-600 text-sm mt-2 text-center", children: "Failed to confirm order. Please try again or contact support." })
-    ] }) }),
-    /* @__PURE__ */ r(s, { className: n, children: [
-      /* @__PURE__ */ e(m, { children: /* @__PURE__ */ e(o, { children: "Order Details" }) }),
-      /* @__PURE__ */ e(i, { className: "space-y-4", children: /* @__PURE__ */ r("div", { className: "grid grid-cols-2 gap-4", children: [
-        /* @__PURE__ */ r("div", { children: [
-          /* @__PURE__ */ e("p", { className: "text-sm opacity-70", children: "Status" }),
-          /* @__PURE__ */ e(v, { className: "mt-1", children: t.status })
-        ] }),
-        /* @__PURE__ */ r("div", { children: [
-          /* @__PURE__ */ e("p", { className: "text-sm opacity-70", children: "Order Date" }),
-          /* @__PURE__ */ e("p", { className: "font-medium", children: t.createdAt ? k(t.createdAt) : "N/A" })
-        ] }),
-        /* @__PURE__ */ r("div", { children: [
-          /* @__PURE__ */ e("p", { className: "text-sm opacity-70", children: "Payment Method" }),
-          /* @__PURE__ */ e("p", { className: "font-medium", children: t.paymentMethod === "cod" ? "Cash on Delivery" : "Online Payment" })
-        ] }),
-        /* @__PURE__ */ r("div", { children: [
-          /* @__PURE__ */ e("p", { className: "text-sm opacity-70", children: "Estimated Delivery" }),
-          /* @__PURE__ */ e("p", { className: "font-medium", children: t.estimatedDays ? `${t.estimatedDays} days` : "TBD" })
-        ] })
-      ] }) })
-    ] }),
-    /* @__PURE__ */ r(s, { className: n, children: [
-      /* @__PURE__ */ e(m, { children: /* @__PURE__ */ e(o, { children: "Delivery Information" }) }),
-      /* @__PURE__ */ r(i, { className: "space-y-3", children: [
-        /* @__PURE__ */ r("div", { children: [
-          /* @__PURE__ */ e("p", { className: "text-sm opacity-70", children: "Customer" }),
-          /* @__PURE__ */ r("p", { className: "font-medium", children: [
-            t.firstName,
-            " ",
-            t.lastName
-          ] }),
-          /* @__PURE__ */ e("p", { className: "text-sm opacity-70", children: t.phone })
-        ] }),
-        /* @__PURE__ */ r("div", { children: [
-          /* @__PURE__ */ e("p", { className: "text-sm opacity-70", children: "Address" }),
-          /* @__PURE__ */ e("p", { className: "font-medium", children: t.address }),
-          /* @__PURE__ */ r("p", { className: "text-sm opacity-70", children: [
-            t.city,
-            ", ",
-            t.deliveryZone.state.name
-          ] }),
-          /* @__PURE__ */ e("p", { className: "text-sm opacity-70", children: t.deliveryZone.name })
-        ] })
-      ] })
-    ] }),
-    /* @__PURE__ */ r(s, { className: n, children: [
-      /* @__PURE__ */ e(m, { children: /* @__PURE__ */ e(o, { children: "Items" }) }),
-      /* @__PURE__ */ r(i, { children: [
-        /* @__PURE__ */ e("div", { className: "space-y-4", children: (y = t.items) == null ? void 0 : y.map((a) => /* @__PURE__ */ r("div", { className: "flex items-start justify-between border-b pb-4 last:border-0", children: [
-          /* @__PURE__ */ r("div", { className: "flex items-start space-x-4 flex-1", children: [
-            (a.variant.thumbnailUrl || a.variant.product.thumbnailUrl) && /* @__PURE__ */ e(
-              "img",
-              {
-                src: a.variant.thumbnailUrl || a.variant.product.thumbnailUrl || void 0,
-                alt: a.variant.product.name,
-                className: "w-16 h-16 object-cover rounded"
-              }
-            ),
-            /* @__PURE__ */ r("div", { className: "flex-1", children: [
-              /* @__PURE__ */ e("p", { className: "font-medium", children: a.variant.product.name }),
-              a.variant.name && /* @__PURE__ */ e(v, { variant: "outline", className: "mt-1", children: a.variant.name }),
-              /* @__PURE__ */ r("p", { className: "text-sm opacity-70 mt-1", children: [
-                "Quantity: ",
-                a.quantity
-              ] }),
-              /* @__PURE__ */ r("p", { className: "text-sm opacity-70", children: [
-                "SKU: ",
-                a.variant.sku
-              ] })
-            ] })
-          ] }),
-          /* @__PURE__ */ r("div", { className: "text-right", children: [
-            /* @__PURE__ */ e("p", { className: "font-medium", children: l(a.priceAtPurchase * a.quantity) }),
-            /* @__PURE__ */ r("p", { className: "text-sm opacity-70", children: [
-              l(a.priceAtPurchase),
-              " each"
-            ] })
-          ] })
-        ] }, a.id)) }),
-        /* @__PURE__ */ r("div", { className: "mt-6 border-t pt-4 space-y-2", children: [
-          /* @__PURE__ */ r("div", { className: "flex justify-between text-sm", children: [
-            /* @__PURE__ */ e("span", { className: "text-muted-foreground", children: "Subtotal" }),
-            /* @__PURE__ */ e("span", { className: "font-medium", children: l(t.subtotal) })
-          ] }),
-          t.discountAmount && t.discountAmount > 0 && /* @__PURE__ */ r("div", { className: "flex justify-between text-sm text-green-600", children: [
-            /* @__PURE__ */ e("span", { children: "Discount" }),
-            /* @__PURE__ */ r("span", { children: [
-              "-",
-              l(t.discountAmount)
-            ] })
-          ] }),
-          /* @__PURE__ */ r("div", { className: "flex justify-between text-sm", children: [
-            /* @__PURE__ */ e("span", { className: "text-muted-foreground", children: "Delivery Charge" }),
-            /* @__PURE__ */ e("span", { className: "font-medium", children: l(t.deliveryCharge) })
-          ] }),
-          /* @__PURE__ */ r("div", { className: "flex justify-between text-lg font-bold border-t pt-2", children: [
-            /* @__PURE__ */ e("span", { children: "Total" }),
-            /* @__PURE__ */ e("span", { children: l(t.totalPrice) })
-          ] })
-        ] })
-      ] })
-    ] }),
-    /* @__PURE__ */ e(s, { className: n, children: /* @__PURE__ */ e(i, { className: "pt-6", children: /* @__PURE__ */ r("p", { className: "text-sm opacity-70 text-center", children: [
-      "Need help with your order? Call us on ",
-      C,
-      " or contact us on",
-      " ",
-      /* @__PURE__ */ e("a", { href: A, target: "_blank", rel: "noopener noreferrer", className: "text-blue-600 hover:underline", children: "WhatsApp" })
-    ] }) }) })
-  ] }) });
+  }, [t]);
 }
 export {
-  X as OrderConfirmation
+  u as usePageTracking
 };