@instockng/storefront-ui 1.0.0

package/dist/index35.mjs

@@ -0,0 +1,4 @@
+const c = "data:image/svg+xml,%3csvg%20version='1.1'%20id='Layer_1'%20xmlns='http://www.w3.org/2000/svg'%20xmlns:xlink='http://www.w3.org/1999/xlink'%20x='0px'%20y='0px'%20viewBox='0%200%20280.6%2050'%20style='enable-background:new%200%200%20280.6%2050;'%20xml:space='preserve'%3e%3cstyle%20type='text/css'%3e%20.st0{fill:%2300C3F7;}%20.st1{fill:%23011B33;}%20%3c/style%3e%3cg%3e%3cg%3e%3cpath%20class='st0'%20d='M39.9,4.8H2.3C1.1,4.8,0,5.8,0,7.1v4.2c0,1.3,1.1,2.4,2.3,2.4h37.6c1.3,0,2.3-1.1,2.4-2.4V7.2%20C42.3,5.8,41.2,4.8,39.9,4.8L39.9,4.8z%20M39.9,28.4H2.3c-0.6,0-1.2,0.3-1.7,0.7c-0.4,0.4-0.7,1-0.7,1.7V35c0,1.3,1.1,2.4,2.3,2.4%20h37.6c1.3,0,2.3-1,2.4-2.4v-4.2C42.3,29.4,41.2,28.4,39.9,28.4L39.9,28.4z%20M23.5,40.1H2.3c-0.6,0-1.2,0.2-1.6,0.7%20c-0.4,0.4-0.7,1-0.7,1.7v4.2c0,1.3,1.1,2.4,2.3,2.4h21.1c1.3,0,2.3-1.1,2.3-2.4v-4.3C25.8,41.2,24.8,40.1,23.5,40.1L23.5,40.1z%20M42.3,16.6h-40c-0.6,0-1.2,0.2-1.6,0.7c-0.4,0.4-0.7,1-0.7,1.7v4.2c0,1.3,1.1,2.4,2.3,2.4h39.9c1.3,0,2.3-1.1,2.3-2.4v-4.2%20C44.6,17.6,43.6,16.6,42.3,16.6L42.3,16.6z%20M42.3,16.6'%3e%3c/path%3e%3cpath%20class='st1'%20d='M86,14.3c-1.2-1.2-2.5-2.1-4.1-2.8c-1.5-0.7-3.2-1-4.9-1c-1.6,0-3.2,0.3-4.7,1c-1,0.5-1.9,1.1-2.6,1.9v-0.7%20c0-0.4-0.2-0.7-0.4-1c-0.3-0.3-0.6-0.5-1-0.5h-5.3c-0.4,0-0.8,0.2-1,0.5c-0.3,0.3-0.4,0.6-0.4,1v35c0,0.4,0.2,0.7,0.4,1%20c0.3,0.3,0.6,0.4,1,0.4h5.3c0.4,0,0.7-0.1,1-0.4c0.3-0.3,0.4-0.6,0.4-1v-12c0.8,0.8,1.7,1.5,2.8,1.8c1.4,0.5,2.9,0.8,4.3,0.8%20c1.7,0,3.4-0.3,4.9-1c1.6-0.6,3-1.6,4.1-2.8c1.2-1.3,2.2-2.8,2.8-4.4c0.7-1.8,1.1-3.8,1-5.7c0-2-0.3-3.9-1-5.8%20C88.2,17.1,87.2,15.6,86,14.3L86,14.3z%20M81.3,27c-0.3,0.7-0.7,1.4-1.2,2c-1.1,1.2-2.6,1.8-4.2,1.8c-0.8,0-1.6-0.2-2.3-0.5%20c-0.7-0.3-1.4-0.8-1.9-1.3c-0.5-0.6-1-1.3-1.3-2c-0.6-1.6-0.6-3.3,0-4.9c0.3-0.7,0.7-1.4,1.3-2c0.6-0.6,1.2-1,1.9-1.4%20c0.7-0.3,1.5-0.5,2.3-0.5c0.8,0,1.6,0.2,2.4,0.5c0.7,0.3,1.3,0.8,1.9,1.3c0.5,0.6,0.9,1.2,1.2,2C81.9,23.6,81.9,25.4,81.3,27%20L81.3,27z%20M118.5,11.3h-5.3c-0.4,0-0.7,0.2-1,0.4c-0.3,0.3-0.4,0.7-0.4,1.1v0.6c-0.7-0.8-1.5-1.4-2.4-1.8c-1.4-0.7-3-1-4.6-1%20c-3.4,0-6.7,1.4-9.1,3.8c-1.2,1.3-2.2,2.8-2.9,4.4c-0.8,1.8-1.1,3.8-1.1,5.8c0,2,0.3,4,1.1,5.8c0.7,1.6,1.7,3.1,2.9,4.4%20c2.4,2.4,5.6,3.8,9,3.8c1.6,0,3.2-0.3,4.6-1c0.9-0.5,1.8-1.1,2.4-1.8v0.7c0,0.4,0.2,0.7,0.4,1c0.3,0.2,0.6,0.4,1,0.4h5.3%20c0.4,0,0.7-0.2,1-0.4c0.3-0.3,0.4-0.6,0.4-1V12.8c0-0.4-0.1-0.7-0.4-1C119.2,11.4,118.9,11.3,118.5,11.3L118.5,11.3z%20M111.3,26.9%20c-0.3,0.7-0.7,1.4-1.2,2c-0.5,0.5-1.2,1-1.9,1.4c-1.5,0.7-3.2,0.7-4.7,0c-0.7-0.3-1.4-0.8-1.9-1.4c-0.5-0.6-1-1.3-1.2-2%20c-0.6-1.6-0.6-3.3,0-4.9c0.3-0.7,0.7-1.4,1.2-2c0.5-0.6,1.2-1,1.9-1.4c1.5-0.7,3.2-0.7,4.7,0c0.7,0.3,1.3,0.8,1.9,1.3%20c0.5,0.6,0.9,1.2,1.2,2C112,23.6,112,25.4,111.3,26.9L111.3,26.9z%20M171.2,23.8c-0.8-0.7-1.6-1.2-2.6-1.6c-1-0.4-2-0.7-3.1-0.9%20l-4-0.8c-1-0.2-1.8-0.5-2.2-0.8c-0.3-0.2-0.5-0.6-0.5-1c0-0.4,0.2-0.8,0.8-1.1c0.7-0.4,1.5-0.6,2.2-0.5c1,0,2.1,0.2,3,0.6%20c0.9,0.4,1.8,0.9,2.6,1.4c1.2,0.7,2.2,0.6,2.9-0.2l1.9-2.2c0.4-0.4,0.6-0.9,0.6-1.4c0-0.5-0.3-1.1-0.7-1.4%20c-0.8-0.7-2.1-1.5-3.9-2.2c-1.7-0.7-3.9-1.1-6.5-1.1c-1.6,0-3.1,0.2-4.6,0.7c-1.3,0.4-2.5,1-3.5,1.8c-1,0.7-1.7,1.7-2.3,2.8%20c-0.5,1.1-0.8,2.2-0.8,3.4c0,2.2,0.7,4,2,5.3c1.3,1.3,3,2.2,5.2,2.6l4.2,0.9c0.9,0.2,1.8,0.4,2.7,0.8c0.5,0.2,0.8,0.6,0.8,1.2%20c0,0.5-0.2,0.9-0.8,1.3c-0.5,0.4-1.4,0.6-2.5,0.6c-1.1,0-2.3-0.2-3.3-0.7c-1-0.5-1.9-1.1-2.7-1.8c-0.4-0.3-0.8-0.5-1.2-0.7%20c-0.5-0.1-1.1,0-1.7,0.5l-2.3,1.8c-0.6,0.5-1,1.3-0.8,2c0.1,0.8,0.8,1.5,1.9,2.4c2.9,2,6.4,3,9.9,2.9c1.6,0,3.3-0.2,4.8-0.7%20c1.4-0.4,2.6-1,3.7-1.9c1-0.8,1.9-1.8,2.4-2.9c0.6-1.1,0.8-2.3,0.8-3.6c0-1.1-0.2-2.2-0.7-3.3C172.5,25.3,171.9,24.5,171.2,23.8%20L171.2,23.8z%20M194.2,30.2c-0.2-0.4-0.7-0.7-1.2-0.8c-0.5,0-1,0.2-1.4,0.4c-0.6,0.4-1.4,0.7-2.2,0.7c-0.2,0-0.5,0-0.8-0.1%20c-0.3,0-0.5-0.2-0.7-0.4c-0.2-0.2-0.4-0.5-0.6-0.8c-0.2-0.4-0.3-0.9-0.2-1.4v-9.6h6.9c0.4,0,0.8-0.2,1.1-0.5%20c0.3-0.3,0.5-0.6,0.5-1v-4.1c0-0.4-0.2-0.8-0.5-1c-0.3-0.3-0.6-0.4-1-0.4h-6.9V4.7c0-0.4-0.1-0.8-0.4-1c-0.3-0.3-0.6-0.4-1-0.4%20h-5.3c-0.4,0-0.8,0.1-1,0.4c-0.3,0.3-0.4,0.7-0.4,1v6.6h-3c-0.4,0-0.8,0.2-1,0.5c-0.3,0.3-0.4,0.6-0.4,1v4.1c0,0.4,0.1,0.7,0.4,1%20c0.2,0.3,0.6,0.5,1,0.5h3v11.4c0,1.4,0.2,2.7,0.8,3.9c0.5,1,1.2,1.9,2,2.6c0.8,0.7,1.8,1.2,2.9,1.5c1.1,0.3,2.2,0.5,3.3,0.5%20c1.5,0,2.9-0.2,4.3-0.7c1.3-0.4,2.5-1.2,3.4-2.1c0.6-0.6,0.7-1.6,0.2-2.3L194.2,30.2z%20M223.2,11.3h-5.3c-0.4,0-0.7,0.2-1,0.4%20c-0.3,0.3-0.4,0.7-0.4,1.1v0.6c-0.7-0.8-1.5-1.4-2.4-1.8c-1.4-0.7-3-1-4.6-1c-3.4,0-6.6,1.4-9,3.8c-1.2,1.3-2.2,2.8-2.9,4.4%20c-0.8,1.8-1.1,3.8-1.1,5.7c0,2,0.3,3.9,1.1,5.8c0.7,1.6,1.7,3.1,2.9,4.4c2.4,2.4,5.6,3.8,9,3.8c1.6,0,3.2-0.3,4.6-1%20c0.9-0.5,1.8-1.1,2.4-1.8v0.7c0,0.4,0.1,0.7,0.4,1c0.3,0.3,0.6,0.4,1,0.4h5.3c0.8,0,1.4-0.6,1.4-1.4V12.8c0-0.4-0.1-0.7-0.4-1%20C223.9,11.4,223.6,11.3,223.2,11.3L223.2,11.3z%20M216,26.9c-0.3,0.7-0.7,1.4-1.2,2c-0.6,0.5-1.2,1-1.9,1.4%20c-0.7,0.3-1.6,0.5-2.4,0.5c-0.8,0-1.6-0.2-2.3-0.5c-0.7-0.3-1.4-0.8-1.9-1.4c-0.5-0.6-1-1.3-1.2-2c-0.6-1.6-0.6-3.3,0-4.9%20c0.3-0.7,0.7-1.4,1.2-2c0.6-0.6,1.2-1,1.9-1.4c0.7-0.3,1.5-0.5,2.3-0.5c0.8,0,1.6,0.2,2.4,0.5c0.7,0.3,1.3,0.8,1.9,1.3%20c0.5,0.6,1,1.2,1.2,2C216.7,23.6,216.7,25.4,216,26.9L216,26.9z%20M252.2,29.8l-3-2.3c-0.6-0.5-1.1-0.6-1.6-0.4%20c-0.4,0.2-0.8,0.5-1.1,0.8c-0.7,0.8-1.4,1.5-2.3,2.1c-0.9,0.5-1.9,0.8-3,0.7c-1.2,0-2.3-0.3-3.3-1c-1-0.7-1.7-1.7-2.1-2.8%20c-0.3-0.8-0.4-1.6-0.4-2.4c0-0.8,0.1-1.7,0.4-2.5c0.3-0.7,0.7-1.4,1.2-2c0.6-0.6,1.2-1,1.9-1.3c0.7-0.3,1.6-0.5,2.4-0.5%20c1,0,2.1,0.2,2.9,0.7c0.9,0.6,1.6,1.3,2.3,2.1c0.3,0.3,0.7,0.6,1.1,0.8c0.5,0.2,1,0.1,1.6-0.4l3-2.3c0.4-0.3,0.7-0.6,0.8-1%20c0.2-0.5,0.1-1-0.1-1.4c-1.2-1.8-2.8-3.3-4.7-4.4c-2-1.1-4.4-1.7-7.1-1.7c-1.9,0-3.8,0.4-5.5,1.1c-1.7,0.7-3.2,1.7-4.5,3%20c-1.3,1.3-2.3,2.8-3,4.4c-1.4,3.5-1.4,7.5,0,11c0.7,1.7,1.7,3.2,3,4.4c2.7,2.6,6.2,4,10,4c2.7,0,5.1-0.6,7.1-1.7%20c1.9-1.1,3.5-2.6,4.7-4.4c0.3-0.4,0.3-0.9,0.1-1.4C252.8,30.5,252.5,30.1,252.2,29.8L252.2,29.8z%20M280.3,35.3l-8.3-12.3l7.1-9.4%20c0.3-0.4,0.4-1,0.3-1.5c-0.1-0.4-0.5-0.8-1.3-0.8h-5.6c-0.3,0-0.6,0.1-0.9,0.2c-0.4,0.2-0.6,0.4-0.8,0.8l-5.7,8h-1.4V1.4%20c0-0.4-0.1-0.7-0.4-1c-0.3-0.3-0.6-0.4-1-0.4h-5.3c-0.4,0-0.7,0.1-1,0.4c-0.3,0.3-0.4,0.6-0.4,1v34.8c0,0.4,0.2,0.8,0.4,1%20c0.3,0.3,0.6,0.4,1,0.4h5.3c0.4,0,0.7-0.2,1-0.4c0.3-0.3,0.4-0.6,0.4-1V27h1.5l6.2,9.6c0.4,0.7,1.1,1.1,1.8,1.1h5.9%20c0.9,0,1.3-0.4,1.4-0.8C280.7,36.4,280.6,35.8,280.3,35.3L280.3,35.3z%20M148.5,11.3h-5.9c-0.4,0-0.9,0.1-1.2,0.5%20c-0.3,0.3-0.5,0.6-0.5,1L136.5,29h-1.1l-4.7-16.3c-0.1-0.3-0.2-0.7-0.5-1c-0.3-0.3-0.7-0.5-1.1-0.5h-6.1c-0.8,0-1.3,0.3-1.5,0.8%20c-0.2,0.5-0.2,1,0,1.4l7.5,22.9c0.1,0.3,0.3,0.7,0.6,0.9c0.3,0.3,0.7,0.4,1.1,0.4h3.2l-0.3,0.7l-0.7,2.1c-0.2,0.6-0.6,1.2-1.2,1.7%20c-0.5,0.4-1.1,0.6-1.8,0.6c-0.5,0-1.1-0.1-1.6-0.3c-0.5-0.2-1-0.5-1.4-0.8c-0.4-0.3-0.9-0.4-1.3-0.4h-0.1c-0.6,0-1.1,0.3-1.3,0.8%20l-1.9,2.8c-0.8,1.2-0.3,2,0.2,2.4c1,0.9,2.2,1.6,3.5,2.1c1.4,0.5,2.9,0.7,4.5,0.7c2.7,0,5-0.7,6.7-2.2c1.8-1.6,3.1-3.7,3.8-6%20l8.7-28.3c0.2-0.5,0.2-1,0-1.5C149.7,11.6,149.3,11.3,148.5,11.3L148.5,11.3z%20M148.5,11.3'%3e%3c/path%3e%3c/g%3e%3c/g%3e%3c/svg%3e";
+export {
+  c as default
+};

package/dist/index36.mjs

@@ -0,0 +1,59 @@
+import { useState as c, useEffect as f, useCallback as k } from "react";
+function P({
+  publicKey: d,
+  onSuccess: e,
+  onClose: a
+}) {
+  const [i, o] = c(!1), [l, r] = c(!1), [p, n] = c(null);
+  f(() => {
+    if (window.PaystackPop) {
+      o(!0);
+      return;
+    }
+    const s = document.querySelector('script[src="https://js.paystack.co/v1/inline.js"]');
+    if (s) {
+      s.addEventListener("load", () => o(!0));
+      return;
+    }
+    const t = document.createElement("script");
+    return t.src = "https://js.paystack.co/v1/inline.js", t.async = !0, t.onload = () => {
+      o(!0);
+    }, t.onerror = () => {
+      n("Failed to load Paystack script");
+    }, document.body.appendChild(t), () => {
+    };
+  }, []);
+  const u = k(
+    (s) => {
+      if (!i || !window.PaystackPop) {
+        n("Paystack script not loaded");
+        return;
+      }
+      r(!0), n(null);
+      try {
+        window.PaystackPop.setup({
+          ...s,
+          key: d,
+          callback: (y) => {
+            r(!1), e == null || e(y);
+          },
+          onClose: () => {
+            r(!1), a == null || a();
+          }
+        }).openIframe();
+      } catch (t) {
+        r(!1), n(t instanceof Error ? t.message : "Failed to initialize payment");
+      }
+    },
+    [i, d, e, a]
+  );
+  return {
+    isLoaded: i,
+    isLoading: l,
+    error: p,
+    initializePayment: u
+  };
+}
+export {
+  P as usePaystackPayment
+};

package/dist/index37.mjs

@@ -0,0 +1,53 @@
+import * as l from "react";
+import { composeRefs as m } from "./index41.mjs";
+import { jsx as u } from "react/jsx-runtime";
+// @__NO_SIDE_EFFECTS__
+function y(e) {
+  const t = /* @__PURE__ */ S(e), o = l.forwardRef((n, r) => {
+    const { children: i, ...c } = n, s = l.Children.toArray(i), a = s.find(E);
+    if (a) {
+      const f = a.props.children, d = s.map((p) => p === a ? l.Children.count(f) > 1 ? l.Children.only(null) : l.isValidElement(f) ? f.props.children : null : p);
+      return /* @__PURE__ */ u(t, { ...c, ref: r, children: l.isValidElement(f) ? l.cloneElement(f, void 0, d) : null });
+    }
+    return /* @__PURE__ */ u(t, { ...c, ref: r, children: i });
+  });
+  return o.displayName = `${e}.Slot`, o;
+}
+var V = /* @__PURE__ */ y("Slot");
+// @__NO_SIDE_EFFECTS__
+function S(e) {
+  const t = l.forwardRef((o, n) => {
+    const { children: r, ...i } = o;
+    if (l.isValidElement(r)) {
+      const c = R(r), s = C(i, r.props);
+      return r.type !== l.Fragment && (s.ref = n ? m(n, c) : c), l.cloneElement(r, s);
+    }
+    return l.Children.count(r) > 1 ? l.Children.only(null) : null;
+  });
+  return t.displayName = `${e}.SlotClone`, t;
+}
+var g = Symbol("radix.slottable");
+function E(e) {
+  return l.isValidElement(e) && typeof e.type == "function" && "__radixId" in e.type && e.type.__radixId === g;
+}
+function C(e, t) {
+  const o = { ...t };
+  for (const n in t) {
+    const r = e[n], i = t[n];
+    /^on[A-Z]/.test(n) ? r && i ? o[n] = (...s) => {
+      const a = i(...s);
+      return r(...s), a;
+    } : r && (o[n] = r) : n === "style" ? o[n] = { ...r, ...i } : n === "className" && (o[n] = [r, i].filter(Boolean).join(" "));
+  }
+  return { ...e, ...o };
+}
+function R(e) {
+  var n, r;
+  let t = (n = Object.getOwnPropertyDescriptor(e.props, "ref")) == null ? void 0 : n.get, o = t && "isReactWarning" in t && t.isReactWarning;
+  return o ? e.ref : (t = (r = Object.getOwnPropertyDescriptor(e, "ref")) == null ? void 0 : r.get, o = t && "isReactWarning" in t && t.isReactWarning, o ? e.props.ref : e.props.ref || e.ref);
+}
+export {
+  V as Root,
+  V as Slot,
+  y as createSlot
+};

package/dist/index38.mjs

@@ -0,0 +1,35 @@
+import { clsx as O } from "./index39.mjs";
+const m = (e) => typeof e == "boolean" ? `${e}` : e === 0 ? "0" : e, y = O, j = (e, l) => (n) => {
+  var s;
+  if ((l == null ? void 0 : l.variants) == null) return y(e, n == null ? void 0 : n.class, n == null ? void 0 : n.className);
+  const { variants: r, defaultVariants: d } = l, V = Object.keys(r).map((t) => {
+    const a = n == null ? void 0 : n[t], u = d == null ? void 0 : d[t];
+    if (a === null) return null;
+    const i = m(a) || m(u);
+    return r[t][i];
+  }), v = n && Object.entries(n).reduce((t, a) => {
+    let [u, i] = a;
+    return i === void 0 || (t[u] = i), t;
+  }, {}), N = l == null || (s = l.compoundVariants) === null || s === void 0 ? void 0 : s.reduce((t, a) => {
+    let { class: u, className: i, ...f } = a;
+    return Object.entries(f).every((C) => {
+      let [c, o] = C;
+      return Array.isArray(o) ? o.includes({
+        ...d,
+        ...v
+      }[c]) : {
+        ...d,
+        ...v
+      }[c] === o;
+    }) ? [
+      ...t,
+      u,
+      i
+    ] : t;
+  }, []);
+  return y(e, V, N, n == null ? void 0 : n.class, n == null ? void 0 : n.className);
+};
+export {
+  j as cva,
+  y as cx
+};

package/dist/index39.mjs

@@ -0,0 +1,17 @@
+function a(r) {
+  var n, f, t = "";
+  if (typeof r == "string" || typeof r == "number") t += r;
+  else if (typeof r == "object") if (Array.isArray(r)) {
+    var o = r.length;
+    for (n = 0; n < o; n++) r[n] && (f = a(r[n])) && (t && (t += " "), t += f);
+  } else for (f in r) r[f] && (t && (t += " "), t += f);
+  return t;
+}
+function i() {
+  for (var r, n, f = 0, t = "", o = arguments.length; f < o; f++) (r = arguments[f]) && (n = a(r)) && (t && (t += " "), t += n);
+  return t;
+}
+export {
+  i as clsx,
+  i as default
+};

package/dist/index4.mjs

@@ -0,0 +1,201 @@
+import { jsx as e, jsxs as r, Fragment as D } from "react/jsx-runtime";
+import { useState as O } 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 { 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,
+  className: h,
+  headerClassName: v,
+  buttonClassName: b,
+  cardClassName: n,
+  whatsappHelpLink: w = M,
+  whatsappHelpNumber: C = E,
+  currency: W = "NGN",
+  locale: B = "en-NG"
+}) {
+  var f;
+  const [p, P] = O(!1), { data: u, isLoading: A, error: j } = T(x, N, {
+    retry: !1
+  }), d = U({
+    onSuccess: (t) => {
+      P(!0);
+    },
+    onError: (t) => {
+    }
+  });
+  if (A)
+    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("p", { className: "text-gray-600", children: "Loading order details..." })
+    ] }) });
+  if (j || !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(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: [
+      a.brand.logoUrl ? /* @__PURE__ */ e("div", { className: "inline-flex items-center justify-center w-24 h-16 mb-4", children: /* @__PURE__ */ e(
+        "img",
+        {
+          src: a.brand.logoUrl,
+          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__ */ r("h1", { className: "text-3xl font-bold text-gray-900", children: [
+        "Order #",
+        a.orderNumber
+      ] }),
+      /* @__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__ */ 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 && a.confirmationMessage && /* @__PURE__ */ e(s, { className: l(a.canConfirm ? "border-orange-200 bg-orange-50" : "", n), children: /* @__PURE__ */ e(i, { className: "pt-6", children: /* @__PURE__ */ e("p", { className: a.canConfirm ? "text-orange-900" : "text-gray-700", children: a.confirmationMessage }) }) }),
+    a.canConfirm && !p && /* @__PURE__ */ e(s, { className: n, children: /* @__PURE__ */ r(i, { className: "pt-6", children: [
+      /* @__PURE__ */ e(
+        S,
+        {
+          onClick: () => d.mutate({ orderId: x, token: N }),
+          disabled: d.isPending,
+          className: l("w-full", b),
+          size: "lg",
+          children: d.isPending ? /* @__PURE__ */ r(D, { children: [
+            /* @__PURE__ */ e(g, { 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 text-gray-600", children: "Status" }),
+          /* @__PURE__ */ e(y, { 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__ */ r("div", { children: [
+          /* @__PURE__ */ e("p", { className: "text-sm text-gray-600", children: "Payment Method" }),
+          /* @__PURE__ */ e("p", { className: "font-medium", children: a.paymentMethod === "cod" ? "Cash on Delivery" : "Online Payment" })
+        ] }),
+        /* @__PURE__ */ r("div", { children: [
+          /* @__PURE__ */ e("p", { className: "text-sm text-gray-600", children: "Estimated Delivery" }),
+          /* @__PURE__ */ e("p", { className: "font-medium", children: a.estimatedDays ? `${a.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 text-gray-600", children: "Customer" }),
+          /* @__PURE__ */ r("p", { className: "font-medium", children: [
+            a.firstName,
+            " ",
+            a.lastName
+          ] }),
+          /* @__PURE__ */ e("p", { className: "text-sm text-gray-600", children: a.phone })
+        ] }),
+        /* @__PURE__ */ r("div", { children: [
+          /* @__PURE__ */ e("p", { className: "text-sm text-gray-600", children: "Address" }),
+          /* @__PURE__ */ e("p", { className: "font-medium", children: a.address }),
+          /* @__PURE__ */ r("p", { className: "text-sm text-gray-600", children: [
+            a.city,
+            ", ",
+            a.deliveryZone.state.name
+          ] }),
+          /* @__PURE__ */ e("p", { className: "text-sm text-gray-600", children: a.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: (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__ */ r("div", { className: "flex items-start space-x-4 flex-1", children: [
+            (t.variant.thumbnailUrl || t.variant.product.thumbnailUrl) && /* @__PURE__ */ e(
+              "img",
+              {
+                src: t.variant.thumbnailUrl || t.variant.product.thumbnailUrl || void 0,
+                alt: t.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: t.variant.product.name }),
+              t.variant.name && /* @__PURE__ */ e(y, { variant: "outline", className: "mt-1", children: t.variant.name }),
+              /* @__PURE__ */ r("p", { className: "text-sm text-gray-600 mt-1", children: [
+                "Quantity: ",
+                t.quantity
+              ] }),
+              /* @__PURE__ */ r("p", { className: "text-sm text-gray-600", children: [
+                "SKU: ",
+                t.variant.sku
+              ] })
+            ] })
+          ] }),
+          /* @__PURE__ */ r("div", { className: "text-right", children: [
+            /* @__PURE__ */ e("p", { className: "font-medium", children: c(t.priceAtPurchase * t.quantity) }),
+            /* @__PURE__ */ r("p", { className: "text-sm text-gray-600", children: [
+              c(t.priceAtPurchase),
+              " each"
+            ] })
+          ] })
+        ] }, t.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-gray-600", children: "Subtotal" }),
+            /* @__PURE__ */ e("span", { className: "font-medium", children: c(a.subtotal) })
+          ] }),
+          a.discountAmount && a.discountAmount > 0 && /* @__PURE__ */ r("div", { className: "flex justify-between text-sm text-green-600", children: [
+            /* @__PURE__ */ e("span", { children: "Discount" }),
+            /* @__PURE__ */ r("span", { children: [
+              "-",
+              c(a.discountAmount)
+            ] })
+          ] }),
+          /* @__PURE__ */ r("div", { className: "flex justify-between text-sm", children: [
+            /* @__PURE__ */ e("span", { className: "text-gray-600", children: "Delivery Charge" }),
+            /* @__PURE__ */ e("span", { className: "font-medium", children: c(a.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: c(a.totalPrice) })
+          ] })
+        ] })
+      ] })
+    ] }),
+    /* @__PURE__ */ e(s, { className: n, children: /* @__PURE__ */ e(i, { className: "pt-6", children: /* @__PURE__ */ r("p", { className: "text-sm text-gray-600 text-center", children: [
+      "Need help with your order? Call us on ",
+      C,
+      " or contact us on",
+      " ",
+      /* @__PURE__ */ e("a", { href: w, target: "_blank", rel: "noopener noreferrer", className: "text-blue-600 hover:underline", children: "WhatsApp" })
+    ] }) }) })
+  ] }) });
+}
+export {
+  J as OrderConfirmation
+};