@instockng/storefront-ui 1.0.18 → 1.0.19

package/dist/index4.mjs

@@ -1,202 +1,87 @@
 'use client';
-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 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 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: w,
-  buttonClassName: P,
-  cardClassName: n,
-  whatsappHelpLink: A = $,
-  whatsappHelpNumber: C = W,
-  currency: B = "NGN",
-  locale: F = "en-NG"
-}) {
-  var y;
-  const [p, j] = E(!1), { data: u, isLoading: D, error: O } = U(N, f, {
-    retry: !1
-  }), d = M({
-    onSuccess: (t) => {
-      j(!0);
-    },
-    onError: (t) => {
+import { jsx as m } from "react/jsx-runtime";
+import { createContext as x, useContext as g, useState as _, useEffect as w } from "react";
+import l from "./index37.mjs";
+const d = x(null);
+function z({ children: c, pixelId: r, debug: P }) {
+  const [a, f] = _(!1), k = process.env.NODE_ENV === "development", i = P ?? k;
+  w(() => {
+    if (!r) {
+      i && console.log("[Meta Pixel] No pixel ID provided, tracking disabled");
+      return;
+    }
+    const t = {
+      autoConfig: !0,
+      debug: i
+    };
+    l.init(r, void 0, t), f(!0), i && console.log("[Meta Pixel] Initialized with ID:", r);
+  }, [r, i]);
+  const o = (t, e) => {
+    if (!a) {
+      i && console.log("[Meta Pixel] Track (not initialized):", t, e);
+      return;
     }
-  });
-  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(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 (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(_, { 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", 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",
-        {
-          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(H, { 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(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 && 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: N, token: f }),
-          disabled: d.isPending,
-          className: l("w-full", P),
-          size: "lg",
-          children: d.isPending ? /* @__PURE__ */ r(T, { children: [
-            /* @__PURE__ */ e(v, { 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(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 ? k(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: (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",
-              {
-                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(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
-              ] }),
-              /* @__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: A, target: "_blank", rel: "noopener noreferrer", className: "text-blue-600 hover:underline", children: "WhatsApp" })
-    ] }) }) })
-  ] }) });
+    l.track(t, e), i && console.log("[Meta Pixel] Track:", t, e);
+  }, p = {
+    track: o,
+    trackPageView: () => {
+      if (!a) {
+        i && console.log("[Meta Pixel] PageView (not initialized)");
+        return;
+      }
+      l.pageView(), i && console.log("[Meta Pixel] PageView");
+    },
+    trackProductView: (t, e, n) => {
+      o("ViewContent", {
+        content_ids: [t],
+        content_name: e,
+        content_type: "product",
+        value: n,
+        currency: "NGN"
+      });
+    },
+    trackAddToCart: (t, e, n, s) => {
+      o("AddToCart", {
+        content_ids: [t],
+        content_name: e,
+        content_type: "product",
+        value: n,
+        currency: "NGN",
+        num_items: s
+      });
+    },
+    trackInitiateCheckout: (t, e) => {
+      o("InitiateCheckout", {
+        value: t,
+        currency: "NGN",
+        num_items: e
+      });
+    },
+    trackPurchase: (t, e, n, s) => {
+      o("Purchase", {
+        value: t,
+        currency: e,
+        content_type: "product",
+        contents: s.map((u) => ({
+          id: u.id,
+          // SKU
+          quantity: u.quantity,
+          item_price: u.item_price
+        })),
+        order_id: n
+      });
+    },
+    isInitialized: a
+  };
+  return /* @__PURE__ */ m(d.Provider, { value: p, children: c });
+}
+function D() {
+  const c = g(d);
+  if (!c)
+    throw new Error("useMetaPixel must be used within MetaPixelProvider");
+  return c;
 }
 export {
-  V as OrderConfirmation
+  z as MetaPixelProvider,
+  D as useMetaPixel
 };

package/dist/index40.mjs

@@ -1,39 +1,5 @@
 'use client';
-import o from "./index41.mjs";
-const {
-  Axios: e,
-  AxiosError: a,
-  CanceledError: s,
-  isCancel: t,
-  CancelToken: i,
-  VERSION: l,
-  all: n,
-  Cancel: d,
-  isAxiosError: x,
-  spread: C,
-  toFormData: c,
-  AxiosHeaders: m,
-  HttpStatusCode: p,
-  formToJSON: A,
-  getAdapter: f,
-  mergeConfig: E
-} = o;
+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 {
-  e as Axios,
-  a as AxiosError,
-  m as AxiosHeaders,
-  d as Cancel,
-  i as CancelToken,
-  s as CanceledError,
-  p as HttpStatusCode,
-  l as VERSION,
-  n as all,
-  o as default,
-  A as formToJSON,
-  f as getAdapter,
-  x as isAxiosError,
-  t as isCancel,
-  E as mergeConfig,
-  C as spread,
-  c as toFormData
+  c as default
 };

package/dist/index41.mjs

@@ -1,47 +1,60 @@
 'use client';
-import a from "./index61.mjs";
-import p from "./index62.mjs";
-import m from "./index63.mjs";
-import i from "./index64.mjs";
-import f from "./index65.mjs";
-import l from "./index66.mjs";
-import c from "./index67.mjs";
-import d from "./index68.mjs";
-import u from "./index69.mjs";
-import { VERSION as x } from "./index70.mjs";
-import C from "./index71.mjs";
-import A from "./index72.mjs";
-import E from "./index73.mjs";
-import O from "./index74.mjs";
-import S from "./index75.mjs";
-import H from "./index76.mjs";
-import T from "./index77.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) {
-    return n(i(o, s));
-  }, e;
+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
+  };
 }
-const r = n(f);
-r.Axios = m;
-r.CanceledError = c;
-r.CancelToken = d;
-r.isCancel = u;
-r.VERSION = x;
-r.toFormData = C;
-r.AxiosError = A;
-r.Cancel = r.CanceledError;
-r.all = function(t) {
-  return Promise.all(t);
-};
-r.spread = E;
-r.isAxiosError = O;
-r.mergeConfig = i;
-r.AxiosHeaders = S;
-r.formToJSON = (o) => l(a.isHTMLForm(o) ? new FormData(o) : o);
-r.getAdapter = H.getAdapter;
-r.HttpStatusCode = T;
-r.default = r;
 export {
-  r as default
+  P as usePaystackPayment
 };

package/dist/index42.mjs

@@ -1,102 +1,54 @@
 'use client';
-var p = Object.defineProperty;
-var k = (r, e, i) => e in r ? p(r, e, { enumerable: !0, configurable: !0, writable: !0, value: i }) : r[e] = i;
-var h = (r, e, i) => k(r, typeof e != "symbol" ? e + "" : e, i);
-import { serialize as j } from "./index59.mjs";
-import { mergePath as U, replaceUrlParam as P, buildSearchParams as S, removeIndexString as w, replaceUrlProtocol as x, deepMerge as C } from "./index60.mjs";
-var v = (r, e) => new Proxy(() => {
-}, {
-  get(t, s) {
-    if (!(typeof s != "string" || s === "then"))
-      return v(r, [...e, s]);
-  },
-  apply(t, s, a) {
-    return r({
-      path: e,
-      args: a
-    });
+import * as l from "react";
+import { composeRefs as m } from "./index63.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(" "));
   }
-}), T = class {
-  constructor(r, e) {
-    h(this, "url");
-    h(this, "method");
-    h(this, "queryParams");
-    h(this, "pathParams", {});
-    h(this, "rBody");
-    h(this, "cType");
-    h(this, "fetch", async (r, e) => {
-      if (r) {
-        if (r.query && (this.queryParams = S(r.query)), r.form) {
-          const o = new FormData();
-          for (const [c, f] of Object.entries(r.form))
-            if (Array.isArray(f))
-              for (const l of f)
-                o.append(c, l);
-            else
-              o.append(c, f);
-          this.rBody = o;
-        }
-        r.json && (this.rBody = JSON.stringify(r.json), this.cType = "application/json"), r.param && (this.pathParams = r.param);
-      }
-      let i = this.method.toUpperCase();
-      const t = {
-        ...r == null ? void 0 : r.header,
-        ...typeof (e == null ? void 0 : e.headers) == "function" ? await e.headers() : e == null ? void 0 : e.headers
-      };
-      if (r != null && r.cookie) {
-        const o = [];
-        for (const [c, f] of Object.entries(r.cookie))
-          o.push(j(c, f, { path: "/" }));
-        t.Cookie = o.join(",");
-      }
-      this.cType && (t["Content-Type"] = this.cType);
-      const s = new Headers(t ?? void 0);
-      let a = this.url;
-      a = w(a), a = P(a, this.pathParams), this.queryParams && (a = a + "?" + this.queryParams.toString()), i = this.method.toUpperCase();
-      const u = !(i === "GET" || i === "HEAD");
-      return ((e == null ? void 0 : e.fetch) || fetch)(a, {
-        body: u ? this.rBody : void 0,
-        method: i,
-        headers: s,
-        ...e == null ? void 0 : e.init
-      });
-    });
-    this.url = r, this.method = e;
-  }
-}, E = (r, e) => v(function i(t) {
-  var l;
-  const s = [...t.path], a = s.slice(-3).reverse();
-  if (a[0] === "toString")
-    return a[1] === "name" ? a[2] || "" : i.toString();
-  if (a[0] === "valueOf")
-    return a[1] === "name" ? a[2] || "" : i;
-  let u = "";
-  if (/^\$/.test(a[0])) {
-    const n = s.pop();
-    n && (u = n.replace(/^\$/, ""));
-  }
-  const o = s.join("/"), c = U(r, o);
-  if (u === "url") {
-    let n = c;
-    return t.args[0] && (t.args[0].param && (n = P(c, t.args[0].param)), t.args[0].query && (n = n + "?" + S(t.args[0].query).toString())), n = w(n), new URL(n);
-  }
-  if (u === "ws") {
-    const n = x(
-      t.args[0] && t.args[0].param ? P(c, t.args[0].param) : c,
-      "ws"
-    ), y = new URL(n), b = (l = t.args[0]) == null ? void 0 : l.query;
-    return b && Object.entries(b).forEach(([m, d]) => {
-      Array.isArray(d) ? d.forEach((q) => y.searchParams.append(m, q)) : y.searchParams.set(m, d);
-    }), ((...m) => (e == null ? void 0 : e.webSocket) !== void 0 && typeof e.webSocket == "function" ? e.webSocket(...m) : new WebSocket(...m))(y.toString());
-  }
-  const f = new T(c, u);
-  if (u) {
-    e ?? (e = {});
-    const n = C(e, { ...t.args[1] });
-    return f.fetch(t.args[0], n);
-  }
-  return f;
-}, []);
+  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 {
-  E as hc
+  V as Root,
+  V as Slot,
+  y as createSlot
 };