@instockng/storefront-ui 1.0.15 → 1.0.17

package/dist/index4.mjs

@@ -1,53 +1,53 @@
 'use client';
-import { jsx as e, jsxs as r, Fragment as D } from "react/jsx-runtime";
-import { useState as O } from "react";
+import { jsx as e, jsxs as r, Fragment as T } from "react/jsx-runtime";
+import { useState as E } from "react";
 import "./index18.mjs";
 import "@tanstack/react-query";
-import { useGetOrder as T, useConfirmOrder as U } from "./index30.mjs";
-import { WHATSAPP_HELP_NUMBER_FORMATTED as E, WHATSAPP_HELP_LINK as M } from "./index33.mjs";
+import { useGetOrder as U, useConfirmOrder as M } from "./index30.mjs";
 import { Card as s, CardHeader as m, CardTitle as o, CardContent as i } from "./index12.mjs";
 import { Button as S } from "./index11.mjs";
-import { Badge as y } from "./index13.mjs";
-import { Loader2 as g, XCircle as k, Package as L, CheckCircle as _ } from "lucide-react";
-import { cn as l, formatDateTime as H, formatCurrency as c } from "./index17.mjs";
-function J({
-  orderId: x,
-  token: N,
+import { Badge as g } from "./index13.mjs";
+import { Loader2 as v, XCircle as _, Package as H, CheckCircle as L } from "lucide-react";
+import { cn as l, formatDateTime as k, formatCurrency as c } from "./index17.mjs";
+const b = "2348125648668", x = "0" + b.slice(3), W = `${x.slice(0, 4)} ${x.slice(4, 7)} ${x.slice(7)}`, $ = `https://wa.me/${b}`;
+function V({
+  orderId: N,
+  token: f,
   className: h,
-  headerClassName: v,
-  buttonClassName: b,
+  headerClassName: w,
+  buttonClassName: P,
   cardClassName: n,
-  whatsappHelpLink: w = M,
-  whatsappHelpNumber: C = E,
-  currency: W = "NGN",
-  locale: B = "en-NG"
+  whatsappHelpLink: A = $,
+  whatsappHelpNumber: C = W,
+  currency: B = "NGN",
+  locale: F = "en-NG"
 }) {
-  var f;
-  const [p, P] = O(!1), { data: u, isLoading: A, error: j } = T(x, N, {
+  var y;
+  const [p, j] = E(!1), { data: u, isLoading: D, error: O } = U(N, f, {
     retry: !1
-  }), d = U({
+  }), d = M({
     onSuccess: (t) => {
-      P(!0);
+      j(!0);
     },
     onError: (t) => {
     }
   });
-  if (A)
+  if (D)
     return /* @__PURE__ */ e("div", { className: l("min-h-screen bg-gray-50 flex items-center justify-center", h), children: /* @__PURE__ */ r("div", { className: "text-center", children: [
-      /* @__PURE__ */ e(g, { className: "h-12 w-12 animate-spin text-blue-500 mx-auto mb-4" }),
+      /* @__PURE__ */ e(v, { className: "h-12 w-12 animate-spin text-blue-500 mx-auto mb-4" }),
       /* @__PURE__ */ e("p", { className: "text-gray-600", children: "Loading order details..." })
     ] }) });
-  if (j || !u || "error" in u)
+  if (O || !u || "error" in u)
     return /* @__PURE__ */ e("div", { className: l("min-h-screen bg-gray-50 flex items-center justify-center p-4", h), children: /* @__PURE__ */ r(s, { className: l("max-w-md w-full", n), children: [
       /* @__PURE__ */ e(m, { children: /* @__PURE__ */ r("div", { className: "flex items-center space-x-2", children: [
-        /* @__PURE__ */ e(k, { className: "h-6 w-6 text-red-500" }),
+        /* @__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-gray-600", children: "We couldn't find this order. The link may be invalid or expired. Please contact support if you need assistance." }) })
     ] }) });
   const a = u;
   return /* @__PURE__ */ e("div", { className: l("min-h-screen bg-gray-50 py-8 px-4", h), children: /* @__PURE__ */ r("div", { className: "max-w-3xl mx-auto space-y-6", children: [
-    /* @__PURE__ */ r("div", { className: l("text-center", v), children: [
+    /* @__PURE__ */ r("div", { className: l("text-center", w), children: [
       a.brand.logoUrl ? /* @__PURE__ */ e("div", { className: "inline-flex items-center justify-center w-24 h-16 mb-4", children: /* @__PURE__ */ e(
         "img",
         {
@@ -55,7 +55,7 @@ function J({
           alt: `${a.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(L, { className: "h-8 w-8 text-blue-600" }) }),
+      ) }) : /* @__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 text-gray-900", children: [
         "Order #",
         a.orderNumber
@@ -63,7 +63,7 @@ function J({
       /* @__PURE__ */ e("p", { className: "text-gray-600 mt-2", children: a.brand.name })
     ] }),
     p && /* @__PURE__ */ e(s, { className: l("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(_, { className: "h-6 w-6 text-green-600 mt-0.5" }),
+      /* @__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." })
@@ -74,12 +74,12 @@ function J({
       /* @__PURE__ */ e(
         S,
         {
-          onClick: () => d.mutate({ orderId: x, token: N }),
+          onClick: () => d.mutate({ orderId: N, token: f }),
           disabled: d.isPending,
-          className: l("w-full", b),
+          className: l("w-full", P),
           size: "lg",
-          children: d.isPending ? /* @__PURE__ */ r(D, { children: [
-            /* @__PURE__ */ e(g, { className: "mr-2 h-5 w-5 animate-spin" }),
+          children: d.isPending ? /* @__PURE__ */ r(T, { children: [
+            /* @__PURE__ */ e(v, { className: "mr-2 h-5 w-5 animate-spin" }),
             "Confirming..."
           ] }) : "Confirm Order"
         }
@@ -91,11 +91,11 @@ function J({
       /* @__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 text-gray-600", children: "Status" }),
-          /* @__PURE__ */ e(y, { className: "mt-1", children: a.status })
+          /* @__PURE__ */ e(g, { className: "mt-1", children: a.status })
         ] }),
         /* @__PURE__ */ r("div", { children: [
           /* @__PURE__ */ e("p", { className: "text-sm text-gray-600", children: "Order Date" }),
-          /* @__PURE__ */ e("p", { className: "font-medium", children: a.createdAt ? H(a.createdAt) : "N/A" })
+          /* @__PURE__ */ e("p", { className: "font-medium", children: a.createdAt ? k(a.createdAt) : "N/A" })
         ] }),
         /* @__PURE__ */ r("div", { children: [
           /* @__PURE__ */ e("p", { className: "text-sm text-gray-600", children: "Payment Method" }),
@@ -134,7 +134,7 @@ function J({
     /* @__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: (f = a.items) == null ? void 0 : f.map((t) => /* @__PURE__ */ r("div", { className: "flex items-start justify-between border-b pb-4 last:border-0", children: [
+        /* @__PURE__ */ e("div", { className: "space-y-4", children: (y = a.items) == null ? void 0 : y.map((t) => /* @__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: [
             (t.variant.thumbnailUrl || t.variant.product.thumbnailUrl) && /* @__PURE__ */ e(
               "img",
@@ -146,7 +146,7 @@ function J({
             ),
             /* @__PURE__ */ r("div", { className: "flex-1", children: [
               /* @__PURE__ */ e("p", { className: "font-medium", children: t.variant.product.name }),
-              t.variant.name && /* @__PURE__ */ e(y, { variant: "outline", className: "mt-1", children: t.variant.name }),
+              t.variant.name && /* @__PURE__ */ e(g, { variant: "outline", className: "mt-1", children: t.variant.name }),
               /* @__PURE__ */ r("p", { className: "text-sm text-gray-600 mt-1", children: [
                 "Quantity: ",
                 t.quantity
@@ -193,10 +193,10 @@ function J({
       C,
       " or contact us on",
       " ",
-      /* @__PURE__ */ e("a", { href: w, target: "_blank", rel: "noopener noreferrer", className: "text-blue-600 hover:underline", children: "WhatsApp" })
+      /* @__PURE__ */ e("a", { href: A, target: "_blank", rel: "noopener noreferrer", className: "text-blue-600 hover:underline", children: "WhatsApp" })
     ] }) }) })
   ] }) });
 }
 export {
-  J as OrderConfirmation
+  V as OrderConfirmation
 };