@instockng/storefront-ui 1.0.50 → 1.0.52

package/dist/index46.mjs

@@ -1,54 +1,63 @@
 'use client';
-import * as l from "react";
-import { composeRefs as m } from "./index66.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 });
+import { useState as c, useEffect as k, useCallback as m } from "react";
+function h({
+  isOpen: d,
+  publicKey: l,
+  onSuccess: e,
+  onClose: a
+}) {
+  const [s, o] = c(!1), [p, r] = c(!1), [u, n] = c(null);
+  k(() => {
+    if (!d)
+      return;
+    if (window.PaystackPop) {
+      o(!0);
+      return;
     }
-    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);
+    const i = document.querySelector('script[src="https://js.paystack.co/v1/inline.js"]');
+    if (i) {
+      i.addEventListener("load", () => o(!0));
+      return;
     }
-    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);
+    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), () => {
+    };
+  }, [d]);
+  const f = m(
+    (i) => {
+      if (!s || !window.PaystackPop) {
+        n("Paystack script not loaded");
+        return;
+      }
+      r(!0), n(null);
+      try {
+        window.PaystackPop.setup({
+          ...i,
+          key: l,
+          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");
+      }
+    },
+    [s, l, e, a]
+  );
+  return {
+    isLoaded: s,
+    isLoading: p,
+    error: u,
+    initializePayment: f
+  };
 }
 export {
-  V as Root,
-  V as Slot,
-  y as createSlot
+  h as usePaystackPayment
 };

package/dist/index47.mjs

@@ -1,36 +1,54 @@
 'use client';
-import { clsx as O } from "./index48.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);
-};
+import * as l from "react";
+import { composeRefs as m } from "./index67.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 {
-  j as cva,
-  y as cx
+  V as Root,
+  V as Slot,
+  y as createSlot
 };

package/dist/index48.mjs

@@ -1,18 +1,36 @@
 'use client';
-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;
-}
+import { clsx as O } from "./index49.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 {
-  i as clsx,
-  i as default
+  j as cva,
+  y as cx
 };