@dekin_dev/react-checkout 0.1.0 → 0.2.0

package/dist/index.mjs

@@ -1,37 +1,37 @@
-import { jsx as i, jsxs as g, Fragment as me } from "react/jsx-runtime";
-import { useRef as w, useEffect as b, useId as pe, useState as R, useMemo as G, useCallback as E } from "react";
-import { createPortal as ye } from "react-dom";
-const ve = {
+import { jsx as i, jsxs as k, Fragment as Q } from "react/jsx-runtime";
+import { useRef as L, useEffect as b, useId as be, useState as g, useMemo as Z, useCallback as E } from "react";
+import { createPortal as we } from "react-dom";
+const ge = {
   name: "hubtel",
   defaultTitle: "Complete Payment",
   supportsPostMessage: !1,
   iframeAllow: "payment *"
-}, ke = {
+}, Le = {
   name: "moolre",
   defaultTitle: "Complete Payment",
   supportsPostMessage: !1,
   iframeAllow: "payment *"
-}, be = {
+}, Te = {
   name: "payswitch",
   defaultTitle: "Complete Payment",
   supportsPostMessage: !1,
   iframeAllow: "payment *"
-}, _ = {
+}, H = {
   name: "custom",
   defaultTitle: "Complete Payment",
   supportsPostMessage: !1
-}, ge = {
-  hubtel: ve,
-  moolre: ke,
-  payswitch: be,
-  custom: _
+}, Re = {
+  hubtel: ge,
+  moolre: Le,
+  payswitch: Te,
+  custom: H
 };
-function we(e, o) {
+function Ee(e, r) {
   let t;
-  return e ? typeof e == "string" ? t = ge[e] ?? { ..._, name: e } : t = { ..._, ...e } : t = _, o ? { ...t, ...o } : t;
+  return e ? typeof e == "string" ? t = Re[e] ?? { ...H, name: e } : t = { ...H, ...e } : t = H, r ? { ...t, ...r } : t;
 }
-const Le = /* @__PURE__ */ new Set(["javascript:", "data:", "vbscript:", "file:", "blob:"]);
-function Te(e, o = {}) {
+const Ne = /* @__PURE__ */ new Set(["javascript:", "data:", "vbscript:", "file:", "blob:"]);
+function Pe(e, r = {}) {
   if (!e || typeof e != "string")
     return { valid: !1, reason: "A checkoutUrl is required." };
   let t;
@@ -40,13 +40,13 @@ function Te(e, o = {}) {
   } catch {
     return { valid: !1, reason: `"${e}" is not a valid URL.` };
   }
-  return Le.has(t.protocol) ? { valid: !1, reason: `Unsafe URL protocol "${t.protocol}" is not allowed.` } : t.protocol !== "https:" && t.protocol !== "http:" ? { valid: !1, reason: `Unsupported URL protocol "${t.protocol}".` } : t.protocol === "http:" && !o.allowInsecureHttp ? {
+  return Ne.has(t.protocol) ? { valid: !1, reason: `Unsafe URL protocol "${t.protocol}" is not allowed.` } : t.protocol !== "https:" && t.protocol !== "http:" ? { valid: !1, reason: `Unsupported URL protocol "${t.protocol}".` } : t.protocol === "http:" && !r.allowInsecureHttp ? {
     valid: !1,
     reason: "checkoutUrl must use HTTPS. Pass allowInsecureHttp to override for local development only."
   } : { valid: !0 };
 }
-function Re(e, o) {
-  return !o || o.length === 0 ? !1 : o.some((t) => {
+function qe(e, r) {
+  return !r || r.length === 0 ? !1 : r.some((t) => {
     try {
       return new URL(t).origin === e;
     } catch {
@@ -54,47 +54,47 @@ function Re(e, o) {
     }
   });
 }
-function Ee(e, o) {
-  return function(r) {
+function Ae(e, r) {
+  return function(n) {
     if (!!e.allowedOrigins && e.allowedOrigins.length > 0) {
-      if (!Re(r.origin, e.allowedOrigins)) return;
+      if (!qe(n.origin, e.allowedOrigins)) return;
     } else if (!e.supportsPostMessage)
       return;
     let a = null;
     if (e.messageHandler)
       try {
-        a = e.messageHandler(r);
+        a = e.messageHandler(n);
       } catch {
         return;
       }
-    else if (r.data && typeof r.data == "object") {
-      const n = r.data;
+    else if (n.data && typeof n.data == "object") {
+      const c = n.data;
       a = {
-        type: typeof n.type == "string" ? n.type : "message",
+        type: typeof c.type == "string" ? c.type : "message",
         provider: e.name,
-        payload: r.data,
-        origin: r.origin
+        payload: n.data,
+        origin: n.origin
       };
     }
-    a && o({ ...a, origin: r.origin, raw: r });
+    a && r({ ...a, origin: n.origin, raw: n });
   };
 }
-const j = typeof window < "u" && typeof document < "u";
-function H(...e) {
+const X = typeof window < "u" && typeof document < "u";
+function S(...e) {
   return e.filter(Boolean).join(" ");
 }
-let A = 0, X = "", J = "";
-function Ae() {
-  if (j) {
-    if (A === 0) {
+let P = 0, C = "", ee = "";
+function xe() {
+  if (X) {
+    if (P === 0) {
       const e = window.innerWidth - document.documentElement.clientWidth;
-      X = document.body.style.overflow, J = document.body.style.paddingRight, document.body.style.overflow = "hidden", e > 0 && (document.body.style.paddingRight = `${e}px`);
+      C = document.body.style.overflow, ee = document.body.style.paddingRight, document.body.style.overflow = "hidden", e > 0 && (document.body.style.paddingRight = `${e}px`);
     }
-    A += 1;
+    P += 1;
   }
 }
-function Pe() {
-  j && (A = Math.max(0, A - 1), A === 0 && (document.body.style.overflow = X, document.body.style.paddingRight = J));
+function Ie() {
+  X && (P = Math.max(0, P - 1), P === 0 && (document.body.style.overflow = C, document.body.style.paddingRight = ee));
 }
 const De = [
   "a[href]",
@@ -105,102 +105,102 @@ const De = [
   "iframe",
   '[tabindex]:not([tabindex="-1"])'
 ].join(",");
-function z(e) {
+function te(e) {
   return Array.from(e.querySelectorAll(De));
 }
-function Ne(e) {
+function Ue(e) {
   return function(t) {
     if (t.key !== "Tab") return;
-    const r = z(e);
-    if (r.length === 0) {
+    const n = te(e);
+    if (n.length === 0) {
       t.preventDefault();
       return;
     }
-    const c = r[0], a = r[r.length - 1], n = document.activeElement;
-    t.shiftKey ? (n === c || !e.contains(n)) && (t.preventDefault(), a.focus()) : (n === a || !e.contains(n)) && (t.preventDefault(), c.focus());
+    const o = n[0], a = n[n.length - 1], c = document.activeElement;
+    t.shiftKey ? (c === o || !e.contains(c)) && (t.preventDefault(), a.focus()) : (c === a || !e.contains(c)) && (t.preventDefault(), o.focus());
   };
 }
-function M(e) {
+function O(e) {
   return typeof e == "number" ? `${e}px` : e;
 }
-function xe({
+function Me({
   id: e,
-  title: o,
+  title: r,
   description: t,
-  showCloseButton: r,
-  closeOnOverlayClick: c,
+  showCloseButton: n,
+  closeOnOverlayClick: o,
   closeOnEscape: a,
-  onClose: n,
-  width: s,
-  height: d,
-  maxWidth: l,
-  maxHeight: p,
-  className: f,
-  overlayClassName: k,
-  theme: L,
-  zIndex: P,
-  children: O
+  onClose: c,
+  width: l,
+  height: f,
+  maxWidth: s,
+  maxHeight: y,
+  className: h,
+  overlayClassName: w,
+  theme: T,
+  zIndex: q,
+  children: $
 }) {
-  const T = w(null), D = w(null);
+  const R = L(null), A = L(null);
   b(() => {
-    Ae(), D.current = document.activeElement;
-    const u = T.current;
-    return u && (z(u)[0] ?? u).focus(), () => {
-      var h, I;
-      Pe(), (I = (h = D.current) == null ? void 0 : h.focus) == null || I.call(h);
+    xe(), A.current = document.activeElement;
+    const u = R.current;
+    return u && (te(u)[0] ?? u).focus(), () => {
+      var m, D;
+      Ie(), (D = (m = A.current) == null ? void 0 : m.focus) == null || D.call(m);
     };
   }, []), b(() => {
     if (!a) return;
-    function u(h) {
-      h.key === "Escape" && (h.stopPropagation(), n == null || n());
+    function u(m) {
+      m.key === "Escape" && (m.stopPropagation(), c == null || c());
     }
     return document.addEventListener("keydown", u), () => document.removeEventListener("keydown", u);
-  }, [a, n]);
-  function S(u) {
-    u.key === "Tab" && T.current && Ne(T.current)(u.nativeEvent);
-  }
+  }, [a, c]);
   function W(u) {
-    c && u.target === u.currentTarget && (n == null || n());
+    u.key === "Tab" && R.current && Ue(R.current)(u.nativeEvent);
+  }
+  function B(u) {
+    o && u.target === u.currentTarget && (c == null || c());
   }
-  const N = `${e}-title`, x = t ? `${e}-description` : void 0;
-  return /* @__PURE__ */ i("div", { className: "vq-checkout-root", "data-theme": L, children: /* @__PURE__ */ i(
+  const x = `${e}-title`, I = t ? `${e}-description` : void 0;
+  return /* @__PURE__ */ i("div", { className: "vq-checkout-root", "data-theme": T, children: /* @__PURE__ */ i(
     "div",
     {
-      className: H("vq-checkout-overlay", k),
-      onMouseDown: W,
-      style: P !== void 0 ? { zIndex: P } : void 0,
-      children: /* @__PURE__ */ g(
+      className: S("vq-checkout-overlay", w),
+      onMouseDown: B,
+      style: q !== void 0 ? { zIndex: q } : void 0,
+      children: /* @__PURE__ */ k(
         "div",
         {
-          ref: T,
+          ref: R,
           id: e,
           role: "dialog",
           "aria-modal": "true",
-          "aria-labelledby": o ? N : void 0,
-          "aria-label": o ? void 0 : "Checkout",
-          "aria-describedby": x,
-          className: H("vq-checkout-modal", f),
+          "aria-labelledby": r ? x : void 0,
+          "aria-label": r ? void 0 : "Checkout",
+          "aria-describedby": I,
+          className: S("vq-checkout-modal", h),
           style: {
-            width: M(s),
-            height: M(d),
-            maxWidth: M(l),
-            maxHeight: M(p)
+            width: O(l),
+            height: O(f),
+            maxWidth: O(s),
+            maxHeight: O(y)
           },
           tabIndex: -1,
-          onKeyDown: S,
+          onKeyDown: W,
           children: [
-            (o || t || r) && /* @__PURE__ */ g("div", { className: "vq-checkout-header", children: [
-              /* @__PURE__ */ g("div", { className: "vq-checkout-heading", children: [
-                o && /* @__PURE__ */ i("h2", { id: N, className: "vq-checkout-title", children: o }),
-                t && /* @__PURE__ */ i("p", { id: x, className: "vq-checkout-description", children: t })
+            (r || t || n) && /* @__PURE__ */ k("div", { className: "vq-checkout-header", children: [
+              /* @__PURE__ */ k("div", { className: "vq-checkout-heading", children: [
+                r && /* @__PURE__ */ i("h2", { id: x, className: "vq-checkout-title", children: r }),
+                t && /* @__PURE__ */ i("p", { id: I, className: "vq-checkout-description", children: t })
               ] }),
-              r && /* @__PURE__ */ i(
+              n && /* @__PURE__ */ i(
                 "button",
                 {
                   type: "button",
                   className: "vq-checkout-close",
                   "aria-label": "Close checkout",
-                  onClick: () => n == null ? void 0 : n(),
+                  onClick: () => c == null ? void 0 : c(),
                   children: /* @__PURE__ */ i("svg", { width: "16", height: "16", viewBox: "0 0 16 16", fill: "none", "aria-hidden": "true", children: /* @__PURE__ */ i(
                     "path",
                     {
@@ -213,235 +213,265 @@ function xe({
                 }
               )
             ] }),
-            /* @__PURE__ */ i("div", { className: "vq-checkout-body", children: O })
+            /* @__PURE__ */ i("div", { className: "vq-checkout-body", children: $ })
           ]
         }
       )
     }
   ) });
 }
-function Ie({
+function _e({
   src: e,
-  title: o,
+  title: r,
   className: t,
-  allow: r,
-  sandbox: c,
+  allow: n,
+  sandbox: o,
   hidden: a,
-  onLoad: n,
-  onError: s
+  onLoad: c,
+  onError: l
 }) {
-  const d = w(null), l = w(n), p = w(s);
-  return l.current = n, p.current = s, b(() => {
-    const f = d.current;
-    if (!f) return;
-    const k = () => l.current(), L = () => p.current();
-    return f.addEventListener("load", k), f.addEventListener("error", L), () => {
-      f.removeEventListener("load", k), f.removeEventListener("error", L);
+  const f = L(null), s = L(c), y = L(l);
+  return s.current = c, y.current = l, b(() => {
+    const h = f.current;
+    if (!h) return;
+    const w = () => s.current(), T = () => y.current();
+    return h.addEventListener("load", w), h.addEventListener("error", T), () => {
+      h.removeEventListener("load", w), h.removeEventListener("error", T);
     };
   }, [e]), /* @__PURE__ */ i(
     "iframe",
     {
-      ref: d,
+      ref: f,
       src: e,
-      title: o,
-      className: H("vq-checkout-iframe", t),
-      allow: r,
-      sandbox: c,
+      title: r,
+      className: S("vq-checkout-iframe", t),
+      allow: n,
+      sandbox: o,
       style: a ? { position: "absolute", width: 0, height: 0, opacity: 0 } : void 0
     }
   );
 }
-function qe() {
-  return /* @__PURE__ */ g("div", { className: "vq-checkout-state", role: "status", "aria-live": "polite", children: [
+function Oe() {
+  return /* @__PURE__ */ k("div", { className: "vq-checkout-state", role: "status", "aria-live": "polite", children: [
     /* @__PURE__ */ i("div", { className: "vq-checkout-spinner", "aria-hidden": "true" }),
     /* @__PURE__ */ i("span", { children: "Loading secure checkout..." })
   ] });
 }
-function Ue({ error: e }) {
-  return /* @__PURE__ */ g("div", { className: "vq-checkout-state", role: "alert", children: [
+function He({ error: e }) {
+  return /* @__PURE__ */ k("div", { className: "vq-checkout-state", role: "alert", children: [
     /* @__PURE__ */ i("div", { className: "vq-checkout-error-icon", "aria-hidden": "true", children: "!" }),
     /* @__PURE__ */ i("p", { className: "vq-checkout-error-message", children: e.message })
   ] });
 }
-const Me = "min(95vw, 500px)", _e = "min(90vh, 750px)", He = "500px", Oe = "750px", Se = "payment *";
-function Q({
+const Se = {
+  success: { icon: "✓", title: "Payment successful", tone: "success" },
+  failure: { icon: "✕", title: "Payment failed", tone: "failure" },
+  cancel: { icon: "↩", title: "Checkout cancelled", tone: "cancel" }
+};
+function $e({ result: e, onClose: r }) {
+  const t = Se[e.type];
+  return /* @__PURE__ */ k(
+    "div",
+    {
+      className: "vq-checkout-state",
+      role: e.type === "failure" ? "alert" : "status",
+      "aria-live": "polite",
+      children: [
+        /* @__PURE__ */ i("div", { className: `vq-checkout-result-icon vq-checkout-result-icon--${t.tone}`, "aria-hidden": "true", children: t.icon }),
+        /* @__PURE__ */ i("p", { className: "vq-checkout-error-message", children: t.title }),
+        /* @__PURE__ */ i("button", { type: "button", className: "vq-checkout-result-action", onClick: () => r == null ? void 0 : r(), children: "Close" })
+      ]
+    }
+  );
+}
+const We = "min(95vw, 500px)", Be = "min(90vh, 750px)", Fe = "500px", je = "750px", Ke = "payment *";
+function re({
   open: e,
-  checkoutUrl: o,
+  checkoutUrl: r,
   provider: t,
-  providerConfig: r,
-  onClose: c,
+  providerConfig: n,
+  onClose: o,
   onOpen: a,
-  onLoad: n,
-  onError: s,
-  onMessage: d,
-  onSuccess: l,
-  onFailure: p,
-  onCancel: f,
-  title: k,
-  description: L,
-  showCloseButton: P = !0,
-  closeOnOverlayClick: O = !0,
-  closeOnEscape: T = !0,
-  width: D = Me,
-  height: S = _e,
-  maxWidth: W = He,
-  maxHeight: N = Oe,
-  className: x,
+  onLoad: c,
+  onError: l,
+  onMessage: f,
+  onSuccess: s,
+  onFailure: y,
+  onCancel: h,
+  title: w,
+  description: T,
+  showCloseButton: q = !0,
+  closeOnOverlayClick: $ = !0,
+  closeOnEscape: R = !0,
+  width: A = We,
+  height: W = Be,
+  maxWidth: B = Fe,
+  maxHeight: x = je,
+  className: I,
   iframeClassName: u,
-  overlayClassName: h,
-  theme: I = "light",
-  zIndex: Y,
-  allow: Z,
-  sandbox: C,
-  loadingComponent: ee,
-  errorComponent: $,
-  allowInsecureHttp: K,
-  id: te,
-  children: re
+  overlayClassName: m,
+  theme: D = "light",
+  zIndex: ne,
+  allow: ce,
+  sandbox: ie,
+  loadingComponent: ae,
+  errorComponent: F,
+  resultComponent: j,
+  autoCloseDelay: K,
+  allowInsecureHttp: J,
+  id: oe,
+  children: le
 }) {
-  const ne = pe(), oe = te ?? `vq-checkout-${ne}`, [ae, ie] = R(!1), [q, U] = R("loading"), [B, F] = R(null), V = w(!1), y = G(
-    () => we(t, r),
+  const se = be(), ue = oe ?? `vq-checkout-${se}`, [de, fe] = g(!1), [U, M] = g("loading"), [V, G] = g(null), [N, _] = g(null), Y = L(!1), v = Z(
+    () => Ee(t, n),
     // eslint-disable-next-line react-hooks/exhaustive-deps
-    [t, JSON.stringify(r ?? {})]
+    [t, JSON.stringify(n ?? {})]
   );
   b(() => {
-    ie(!0);
+    fe(!0);
   }, []), b(() => {
-    e && !V.current && (a == null || a()), V.current = e;
+    e && !Y.current && (a == null || a()), Y.current = e;
   }, [e]), b(() => {
     if (!e) return;
-    const v = Te(o, { allowInsecureHttp: K });
-    if (!v.valid) {
-      const m = {
+    _(null);
+    const p = Pe(r, { allowInsecureHttp: J });
+    if (!p.valid) {
+      const d = {
         code: "INVALID_URL",
-        message: v.reason ?? "The provided checkoutUrl is invalid.",
-        provider: y.name
+        message: p.reason ?? "The provided checkoutUrl is invalid.",
+        provider: v.name
       };
-      U("error"), F(m), s == null || s(m);
+      M("error"), G(d), l == null || l(d);
       return;
     }
-    U("loading"), F(null);
-  }, [e, o, K]), b(() => {
-    if (!e || !j) return;
-    const v = Ee(y, (m) => {
-      d == null || d(m), m.type === "success" ? l == null || l(m) : m.type === "failure" ? p == null || p(m) : m.type === "cancel" && (f == null || f(m));
+    M("loading"), G(null);
+  }, [e, r, J]), b(() => {
+    if (!e || !X) return;
+    const p = Ae(v, (d) => {
+      f == null || f(d), d.type === "success" ? (_({ type: "success", message: d }), s == null || s(d)) : d.type === "failure" ? (_({ type: "failure", message: d }), y == null || y(d)) : d.type === "cancel" && (_({ type: "cancel", message: d }), h == null || h(d));
     });
-    return window.addEventListener("message", v), () => window.removeEventListener("message", v);
-  }, [e, y, d, l, p, f]);
-  const ce = E(() => {
-    U("loaded"), n == null || n();
-  }, [n]), se = E(() => {
-    const v = {
+    return window.addEventListener("message", p), () => window.removeEventListener("message", p);
+  }, [e, v, f, s, y, h]);
+  const he = E(() => {
+    M("loaded"), c == null || c();
+  }, [c]), me = E(() => {
+    const p = {
       code: "IFRAME_LOAD_ERROR",
       message: "The checkout page could not be loaded.",
-      provider: y.name
+      provider: v.name
     };
-    U("error"), F(v), s == null || s(v);
-  }, [s, y.name]), le = E(() => {
-    c == null || c();
-  }, [c]);
-  if (!e || !ae) return null;
-  const ue = k ?? y.defaultTitle ?? "Checkout", de = Z ?? y.iframeAllow ?? Se, fe = C ?? y.iframeSandbox, he = /* @__PURE__ */ g(
-    xe,
+    M("error"), G(p), l == null || l(p);
+  }, [l, v.name]), z = E(() => {
+    o == null || o();
+  }, [o]);
+  if (b(() => {
+    if (!N || K === void 0) return;
+    const p = setTimeout(() => o == null ? void 0 : o(), K);
+    return () => clearTimeout(p);
+  }, [N, K, o]), !e || !de) return null;
+  const pe = w ?? v.defaultTitle ?? "Checkout", ye = ce ?? v.iframeAllow ?? Ke, ve = ie ?? v.iframeSandbox, ke = /* @__PURE__ */ k(
+    Me,
     {
-      id: oe,
-      title: k ?? y.defaultTitle,
-      description: L,
-      showCloseButton: P,
-      closeOnOverlayClick: O,
-      closeOnEscape: T,
-      onClose: le,
-      width: D,
-      height: S,
-      maxWidth: W,
-      maxHeight: N,
-      className: x,
-      overlayClassName: h,
-      theme: I,
-      zIndex: Y,
+      id: ue,
+      title: w ?? v.defaultTitle,
+      description: T,
+      showCloseButton: q,
+      closeOnOverlayClick: $,
+      closeOnEscape: R,
+      onClose: z,
+      width: A,
+      height: W,
+      maxWidth: B,
+      maxHeight: x,
+      className: I,
+      overlayClassName: m,
+      theme: D,
+      zIndex: ne,
       children: [
-        q === "loading" && (ee ?? /* @__PURE__ */ i(qe, {})),
-        q === "error" && B && (typeof $ == "function" ? $(B) : $ ?? /* @__PURE__ */ i(Ue, { error: B })),
-        q !== "error" && /* @__PURE__ */ i(
-          Ie,
-          {
-            src: o,
-            title: ue,
-            className: u,
-            allow: de,
-            sandbox: fe,
-            hidden: q === "loading",
-            onLoad: ce,
-            onError: se
-          }
-        ),
-        re
+        N ? typeof j == "function" ? j(N) : j ?? /* @__PURE__ */ i($e, { result: N, onClose: z }) : /* @__PURE__ */ k(Q, { children: [
+          U === "loading" && (ae ?? /* @__PURE__ */ i(Oe, {})),
+          U === "error" && V && (typeof F == "function" ? F(V) : F ?? /* @__PURE__ */ i(He, { error: V })),
+          U !== "error" && /* @__PURE__ */ i(
+            _e,
+            {
+              src: r,
+              title: pe,
+              className: u,
+              allow: ye,
+              sandbox: ve,
+              hidden: U === "loading",
+              onLoad: he,
+              onError: me
+            }
+          )
+        ] }),
+        le
       ]
     }
   );
-  return ye(he, document.body);
+  return we(ke, document.body);
 }
-function Fe({
+function Je({
   children: e,
-  buttonClassName: o,
+  buttonClassName: r,
   buttonProps: t,
-  onClose: r,
-  ...c
+  onClose: n,
+  ...o
 }) {
-  const [a, n] = R(!1);
-  return /* @__PURE__ */ g(me, { children: [
+  const [a, c] = g(!1);
+  return /* @__PURE__ */ k(Q, { children: [
     /* @__PURE__ */ i(
       "button",
       {
         type: "button",
-        className: H("vq-checkout-trigger", o),
-        onClick: () => n(!0),
+        className: S("vq-checkout-trigger", r),
+        onClick: () => c(!0),
         ...t,
         children: e
       }
     ),
     /* @__PURE__ */ i(
-      Q,
+      re,
       {
-        ...c,
+        ...o,
         open: a,
         onClose: () => {
-          n(!1), r == null || r();
+          c(!1), n == null || n();
         }
       }
     )
   ] });
 }
-function je(e) {
-  const [o, t] = R(!1), [r, c] = R(null), a = w(e);
+function Ye(e) {
+  const [r, t] = g(!1), [n, o] = g(null), a = L(e);
   a.current = e;
-  const n = E((l) => {
-    c({ ...a.current, ...l }), t(!0);
-  }, []), s = E(() => t(!1), []), d = E(() => r ? /* @__PURE__ */ i(
-    Q,
+  const c = E((s) => {
+    o({ ...a.current, ...s }), t(!0);
+  }, []), l = E(() => t(!1), []), f = E(() => n ? /* @__PURE__ */ i(
+    re,
     {
-      ...r,
-      open: o,
+      ...n,
+      open: r,
       onClose: () => {
-        var l;
-        (l = r.onClose) == null || l.call(r), t(!1);
+        var s;
+        (s = n.onClose) == null || s.call(n), t(!1);
       }
     }
-  ) : null, [r, o]);
-  return G(
-    () => ({ openCheckout: n, closeCheckout: s, isOpen: o, CheckoutModal: d }),
-    [n, s, o, d]
+  ) : null, [n, r]);
+  return Z(
+    () => ({ openCheckout: c, closeCheckout: l, isOpen: r, CheckoutModal: f }),
+    [c, l, r, f]
   );
 }
 export {
-  Q as Checkout,
-  Fe as CheckoutButton,
-  _ as customProviderDefaults,
-  ve as hubtelProvider,
-  ke as moolreProvider,
-  be as payswitchProvider,
-  we as resolveProviderConfig,
-  je as useCheckout,
-  Te as validateCheckoutUrl
+  re as Checkout,
+  Je as CheckoutButton,
+  H as customProviderDefaults,
+  ge as hubtelProvider,
+  Le as moolreProvider,
+  Te as payswitchProvider,
+  Ee as resolveProviderConfig,
+  Ye as useCheckout,
+  Pe as validateCheckoutUrl
 };
 //# sourceMappingURL=index.mjs.map