atlas-react-widget 0.1.0 → 0.1.2

package/dist/index.es.js

@@ -1,4 +1,4 @@
-import se, { useState as D, useRef as W, useEffect as T, useCallback as te } from "react";
+import se, { useState as D, useRef as W, useEffect as A, useCallback as te } from "react";
 var F = { exports: {} }, R = {};
 /**
  * @license React
@@ -14,7 +14,7 @@ function ne() {
   if (J) return R;
   J = 1;
   var o = Symbol.for("react.transitional.element"), f = Symbol.for("react.fragment");
-  function d(c, l, u) {
+  function d(i, l, u) {
     var r = null;
     if (u !== void 0 && (r = "" + u), l.key !== void 0 && (r = "" + l.key), "key" in l) {
       u = {};
@@ -23,7 +23,7 @@ function ne() {
     } else u = l;
     return l = u.ref, {
       $$typeof: o,
-      type: c,
+      type: i,
       key: r,
       ref: l !== void 0 ? l : null,
       props: u
@@ -107,7 +107,7 @@ function le() {
         ), f(e);
       }
     }
-    function c(e) {
+    function i(e) {
       if (e === y) return "<>";
       if (typeof e == "object" && e !== null && e.$$typeof === $)
         return "<...>";
@@ -119,7 +119,7 @@ function le() {
       }
     }
     function l() {
-      var e = A.A;
+      var e = T.A;
       return e === null ? null : e.getOwner();
     }
     function u() {
@@ -144,22 +144,22 @@ function le() {
         configurable: !0
       });
     }
-    function g() {
+    function N() {
       var e = o(this.type);
       return z[e] || (z[e] = !0, console.error(
         "Accessing element.ref was removed in React 19. ref is now a regular prop. It will be removed from the JSX Element type in a future release."
       )), e = this.props.ref, e !== void 0 ? e : null;
     }
-    function P(e, s, p, C, N, w, S, L) {
-      return p = w.ref, e = {
+    function P(e, s, p, C, w, g, S, L) {
+      return p = g.ref, e = {
         $$typeof: m,
         type: e,
         key: s,
-        props: w,
-        _owner: N
+        props: g,
+        _owner: w
       }, (p !== void 0 ? p : null) !== null ? Object.defineProperty(e, "ref", {
         enumerable: !1,
-        get: g
+        get: N
       }) : Object.defineProperty(e, "ref", { enumerable: !1, value: null }), e._store = {}, Object.defineProperty(e._store, "validated", {
         configurable: !1,
         enumerable: !1,
@@ -182,7 +182,7 @@ function le() {
         value: L
       }), Object.freeze && (Object.freeze(e.props), Object.freeze(e)), e;
     }
-    function i(e, s, p, C, N, w, S, L) {
+    function c(e, s, p, C, w, g, S, L) {
       var j = s.children;
       if (j !== void 0)
         if (C)
@@ -224,8 +224,8 @@ React keys must be passed directly to JSX without using spread:
       ), P(
         e,
         j,
+        g,
         w,
-        N,
         l(),
         p,
         S,
@@ -235,7 +235,7 @@ React keys must be passed directly to JSX without using spread:
     function v(e) {
       typeof e == "object" && e !== null && e.$$typeof === m && e._store && (e._store.validated = 1);
     }
-    var h = se, m = Symbol.for("react.transitional.element"), n = Symbol.for("react.portal"), y = Symbol.for("react.fragment"), b = Symbol.for("react.strict_mode"), x = Symbol.for("react.profiler"), E = Symbol.for("react.consumer"), G = Symbol.for("react.context"), Z = Symbol.for("react.forward_ref"), B = Symbol.for("react.suspense"), X = Symbol.for("react.suspense_list"), Q = Symbol.for("react.memo"), $ = Symbol.for("react.lazy"), K = Symbol.for("react.activity"), ee = Symbol.for("react.client.reference"), A = h.__CLIENT_INTERNALS_DO_NOT_USE_OR_WARN_USERS_THEY_CANNOT_UPGRADE, Y = Object.prototype.hasOwnProperty, ae = Array.isArray, O = console.createTask ? console.createTask : function() {
+    var h = se, m = Symbol.for("react.transitional.element"), n = Symbol.for("react.portal"), y = Symbol.for("react.fragment"), b = Symbol.for("react.strict_mode"), x = Symbol.for("react.profiler"), E = Symbol.for("react.consumer"), G = Symbol.for("react.context"), Z = Symbol.for("react.forward_ref"), B = Symbol.for("react.suspense"), X = Symbol.for("react.suspense_list"), Q = Symbol.for("react.memo"), $ = Symbol.for("react.lazy"), K = Symbol.for("react.activity"), ee = Symbol.for("react.client.reference"), T = h.__CLIENT_INTERNALS_DO_NOT_USE_OR_WARN_USERS_THEY_CANNOT_UPGRADE, Y = Object.prototype.hasOwnProperty, ae = Array.isArray, O = console.createTask ? console.createTask : function() {
       return null;
     };
     h = {
@@ -246,30 +246,30 @@ React keys must be passed directly to JSX without using spread:
     var M, z = {}, V = h.react_stack_bottom_frame.bind(
       h,
       u
-    )(), U = O(c(u)), H = {};
-    k.Fragment = y, k.jsx = function(e, s, p, C, N) {
-      var w = 1e4 > A.recentlyCreatedOwnerStacks++;
-      return i(
+    )(), U = O(i(u)), H = {};
+    k.Fragment = y, k.jsx = function(e, s, p, C, w) {
+      var g = 1e4 > T.recentlyCreatedOwnerStacks++;
+      return c(
         e,
         s,
         p,
         !1,
         C,
-        N,
-        w ? Error("react-stack-top-frame") : V,
-        w ? O(c(e)) : U
+        w,
+        g ? Error("react-stack-top-frame") : V,
+        g ? O(i(e)) : U
       );
-    }, k.jsxs = function(e, s, p, C, N) {
-      var w = 1e4 > A.recentlyCreatedOwnerStacks++;
-      return i(
+    }, k.jsxs = function(e, s, p, C, w) {
+      var g = 1e4 > T.recentlyCreatedOwnerStacks++;
+      return c(
         e,
         s,
         p,
         !0,
         C,
-        N,
-        w ? Error("react-stack-top-frame") : V,
-        w ? O(c(e)) : U
+        w,
+        g ? Error("react-stack-top-frame") : V,
+        g ? O(i(e)) : U
       );
     };
   }()), k;
@@ -277,26 +277,26 @@ React keys must be passed directly to JSX without using spread:
 process.env.NODE_ENV === "production" ? F.exports = ne() : F.exports = le();
 var a = F.exports;
 const oe = (o, f) => {
-  const [d, c] = D({
+  const [d, i] = D({
     status: "idle",
     message: "Ready to pay"
   }), [l, u] = D({
     isValid: !1,
     isLoading: !0
   }), r = W(null), t = W(null);
-  T(() => {
+  A(() => {
     (async () => {
       if (!o) {
         u({
           isValid: !1,
           isLoading: !1
-        }), c({
+        }), i({
           status: "error",
           message: "No auth key provided"
         });
         return;
       }
-      u((m) => ({ ...m, isLoading: !0 })), c({
+      u((m) => ({ ...m, isLoading: !0 })), i({
         status: "loading",
         message: "Loading payment information..."
       });
@@ -312,8 +312,11 @@ const oe = (o, f) => {
             })
           }
         )).json();
-        if (!n.valid)
-          throw new Error(n.error || "Invalid auth key");
+        n.valid || i({
+          status: "error",
+          message: "Failed to initialize payment",
+          error: n.error || "Invalid Auth Key"
+        });
         const y = await fetch(
           "https://api.atlascard.xyz/api/credentials/get",
           {
@@ -336,7 +339,7 @@ const oe = (o, f) => {
           isValid: !0,
           isLoading: !1
         };
-        u(x), c({
+        u(x), i({
           status: "ready",
           message: "Ready to process payment"
         });
@@ -344,20 +347,20 @@ const oe = (o, f) => {
         console.error("Payment initialization error:", m), u({
           isValid: !1,
           isLoading: !1
-        }), c({
+        }), i({
           status: "error",
           message: "Failed to initialize payment",
           error: m instanceof Error ? m.message : "Unknown error"
         });
       }
     })();
-  }, [o, f]), T(() => {
+  }, [o, f]), A(() => {
     const h = (m) => {
       if (m.origin !== "https://atlascard.xyz") return;
       const n = m.data;
       switch (n.type) {
         case "payment_result":
-          n.status === "success" ? (c({
+          n.status === "success" ? (i({
             status: "success",
             message: "Payment successful!",
             transactionHash: n.transactionHash
@@ -371,7 +374,7 @@ const oe = (o, f) => {
           }), t.current = null), r.current && setTimeout(() => {
             var y;
             (y = r.current) == null || y.close(), r.current = null;
-          }, 3e3)) : (c({
+          }, 3e3)) : (i({
             status: "error",
             message: n.error || "Payment failed",
             error: n.error
@@ -383,7 +386,7 @@ const oe = (o, f) => {
           }, 3e3));
           break;
         case "payment_error":
-          c({
+          i({
             status: "error",
             message: n.error || "Payment failed",
             error: n.error
@@ -392,7 +395,7 @@ const oe = (o, f) => {
           ), t.current = null), r.current && (r.current.close(), r.current = null);
           break;
         case "close_popup":
-          r.current && (r.current.close(), r.current = null), d.status === "popup_open" && (c({
+          r.current && (r.current.close(), r.current = null), d.status === "popup_open" && (i({
             status: "ready",
             message: "Payment cancelled"
           }), t.current && (t.current.reject(
@@ -402,11 +405,11 @@ const oe = (o, f) => {
       }
     };
     return window.addEventListener("message", h), () => window.removeEventListener("message", h);
-  }, [l, d.status]), T(() => {
+  }, [l, d.status]), A(() => {
     if (!r.current) return;
     const h = setInterval(() => {
       var m;
-      (m = r.current) != null && m.closed && (clearInterval(h), d.status === "popup_open" && (c({
+      (m = r.current) != null && m.closed && (clearInterval(h), d.status === "popup_open" && (i({
         status: "ready",
         message: "Payment cancelled"
       }), t.current && (t.current.reject(
@@ -415,7 +418,7 @@ const oe = (o, f) => {
     }, 500);
     return () => clearInterval(h);
   }, [d.status]);
-  const g = te(
+  const N = te(
     async (h, m) => {
       if (!l.isValid || !l.credentials)
         throw new Error("Payment data not validated");
@@ -436,13 +439,13 @@ const oe = (o, f) => {
       );
       if (!b) {
         const x = "Please allow popups to complete the payment";
-        throw c({
+        throw i({
           status: "error",
           message: x,
           error: x
         }), new Error(x);
       }
-      r.current = b, c({
+      r.current = b, i({
         status: "popup_open",
         message: "Complete payment in the popup window"
       });
@@ -454,19 +457,19 @@ const oe = (o, f) => {
       if (!l.isValid)
         throw new Error("Payment data not validated");
       return new Promise((n, y) => {
-        t.current = { resolve: n, reject: y }, g(h, m).catch(y);
+        t.current = { resolve: n, reject: y }, N(h, m).catch(y);
       });
     },
     status: d,
     paymentData: l,
     closePopup: () => {
-      r.current && (r.current.close(), r.current = null), d.status === "popup_open" && c({
+      r.current && (r.current.close(), r.current = null), d.status === "popup_open" && i({
         status: "ready",
         message: "Payment cancelled"
       }), t.current && (t.current.reject(new Error("Payment cancelled")), t.current = null);
     },
     reset: () => {
-      c({ status: "idle", message: "Ready to pay" }), u({
+      i({ status: "idle", message: "Ready to pay" }), u({
         isValid: !1,
         isLoading: !0
       }), r.current && (r.current.close(), r.current = null), t.current && (t.current.reject(new Error("Payment reset")), t.current = null);
@@ -515,14 +518,14 @@ const oe = (o, f) => {
   authKey: o,
   merchantPaymentAddress: f,
   amount: d = "0",
-  paymentType: c = "one_time_payment",
+  paymentType: i = "one_time_payment",
   onSuccess: l,
   onError: u,
   className: r = "",
   buttonText: t = "PAY NOW",
-  disabled: g = !1
+  disabled: N = !1
 }) => {
-  const { processPayment: P, status: i, paymentData: v, closePopup: h, reset: m } = oe(o, c), n = async (x) => {
+  const { processPayment: P, status: c, paymentData: v, closePopup: h, reset: m } = oe(o, i), n = async (x) => {
     if (x.preventDefault(), !(!(v != null && v.isValid) || parseFloat(d) <= 0))
       try {
         const E = await P(f, d);
@@ -533,30 +536,30 @@ const oe = (o, f) => {
   }, y = () => {
     m();
   };
-  T(() => {
-    i.status === "success" && i.transactionHash && (l == null || l({
+  A(() => {
+    c.status === "success" && c.transactionHash && (l == null || l({
       success: !0,
-      transactionHash: i.transactionHash,
+      transactionHash: c.transactionHash,
       amount: d,
       merchant: f,
-      type: c,
+      type: i,
       paymentData: v
     }));
-  }, [i.status, i.transactionHash]), T(() => {
-    i.status === "error" && i.error && (u == null || u(new Error(i.error)));
-  }, [i.status, i.error]);
+  }, [c.status, c.transactionHash]), A(() => {
+    c.status === "error" && c.error && (u == null || u(new Error(c.error)));
+  }, [c.status, c.error]);
   const b = (x) => x === "delegate" ? "Recurring Payment" : "One-time Payment";
   return v ? v.isLoading ? /* @__PURE__ */ a.jsx("div", { className: `atlas-container ${r}`, children: /* @__PURE__ */ a.jsxs("div", { className: "atlas-loading", children: [
     /* @__PURE__ */ a.jsx("div", { className: "atlas-spinner" }),
     /* @__PURE__ */ a.jsx("p", { children: "Loading payment information..." })
-  ] }) }) : !v.isValid && i.status === "error" ? /* @__PURE__ */ a.jsx("div", { className: `atlas-container ${r}`, children: /* @__PURE__ */ a.jsxs("div", { className: "atlas-error-state", children: [
+  ] }) }) : !v.isValid && c.status === "error" ? /* @__PURE__ */ a.jsx("div", { className: `atlas-container ${r}`, children: /* @__PURE__ */ a.jsxs("div", { className: "atlas-error-state", children: [
     /* @__PURE__ */ a.jsx("div", { className: "atlas-error-icon", children: "⚠️" }),
     /* @__PURE__ */ a.jsx("h3", { children: "Payment Setup Failed" }),
-    /* @__PURE__ */ a.jsx("p", { children: i.error || "Unable to initialize payment" }),
+    /* @__PURE__ */ a.jsx("p", { children: c.error || "Unable to initialize payment" }),
     /* @__PURE__ */ a.jsx("button", { onClick: m, className: "atlas-secondary-button", children: "Try Again" })
   ] }) }) : /* @__PURE__ */ a.jsxs("div", { className: `atlas-container ${r}`, children: [
     /* @__PURE__ */ a.jsxs("div", { className: "atlas-header", children: [
-      /* @__PURE__ */ a.jsx("div", { className: "atlas-payment-type-badge", children: b(c) }),
+      /* @__PURE__ */ a.jsx("div", { className: "atlas-payment-type-badge", children: b(i) }),
       /* @__PURE__ */ a.jsxs("div", { className: "atlas-total", children: [
         "Pay ",
         /* @__PURE__ */ a.jsxs("span", { children: [
@@ -600,7 +603,7 @@ const oe = (o, f) => {
           /* @__PURE__ */ a.jsx("span", { className: "atlas-amount-token", children: "USDC" })
         ] })
       ] }) }),
-      i.status === "popup_open" && /* @__PURE__ */ a.jsxs("div", { className: "atlas-popup-status", children: [
+      c.status === "popup_open" && /* @__PURE__ */ a.jsxs("div", { className: "atlas-popup-status", children: [
         /* @__PURE__ */ a.jsx("div", { className: "atlas-popup-icon", children: "🪟" }),
         /* @__PURE__ */ a.jsxs("div", { className: "atlas-popup-content", children: [
           /* @__PURE__ */ a.jsx("h4", { children: "Complete Payment in Popup" }),
@@ -631,18 +634,18 @@ const oe = (o, f) => {
         ] })
       ] }),
       /* @__PURE__ */ a.jsxs("div", { className: "atlas-form-actions", children: [
-        i.status === "ready" && /* @__PURE__ */ a.jsx(
+        c.status === "ready" && /* @__PURE__ */ a.jsx(
           "button",
           {
             type: "submit",
             className: "atlas-pay-button",
-            disabled: !v.isValid || parseFloat(d) <= 0 || g,
+            disabled: !v.isValid || parseFloat(d) <= 0 || N,
             children: t
           }
         ),
-        i.status !== "ready" && i.status !== "idle" && i.status !== "popup_open" && /* @__PURE__ */ a.jsxs("div", { className: "atlas-status-wrapper", children: [
-          /* @__PURE__ */ a.jsx(ie, { status: i }),
-          i.status === "success" && /* @__PURE__ */ a.jsx(
+        c.status !== "ready" && c.status !== "idle" && c.status !== "popup_open" && /* @__PURE__ */ a.jsxs("div", { className: "atlas-status-wrapper", children: [
+          /* @__PURE__ */ a.jsx(ie, { status: c }),
+          c.status === "success" && /* @__PURE__ */ a.jsx(
             "button",
             {
               type: "button",
@@ -678,24 +681,24 @@ const oe = (o, f) => {
   authKey: o,
   merchantPaymentAddress: f,
   onSuccess: d,
-  onError: c,
+  onError: i,
   className: l = "",
   buttonText: u = "Pay Now",
   amount: r = "0",
   paymentType: t = "one_time_payment",
-  disabled: g = !1
+  disabled: N = !1
   // chainId = 8453,
 }) => {
-  const [P, i] = D(!1), v = (n) => {
-    d == null || d(n), setTimeout(() => i(!1), 2e3);
+  const [P, c] = D(!1), v = (n) => {
+    d == null || d(n), setTimeout(() => c(!1), 2e3);
   }, h = (n) => {
-    c == null || c(n);
+    i == null || i(n);
   }, m = () => {
     if (!o) {
       alert("Payment configuration error: No auth key provided");
       return;
     }
-    i(!0);
+    c(!0);
   };
   return /* @__PURE__ */ a.jsxs(a.Fragment, { children: [
     /* @__PURE__ */ a.jsx(
@@ -703,7 +706,7 @@ const oe = (o, f) => {
       {
         className: `atlas-payment-button ${l}`,
         onClick: m,
-        disabled: g || !o,
+        disabled: N || !o,
         children: u
       }
     ),
@@ -711,7 +714,7 @@ const oe = (o, f) => {
       "div",
       {
         className: "atlas-modal-overlay",
-        onClick: () => i(!1),
+        onClick: () => c(!1),
         children: /* @__PURE__ */ a.jsxs("div", { className: "atlas-modal", onClick: (n) => n.stopPropagation(), children: [
           /* @__PURE__ */ a.jsxs("div", { className: "atlas-modal-header", children: [
             /* @__PURE__ */ a.jsxs("div", { className: "atlas-modal-header2", children: [
@@ -722,7 +725,7 @@ const oe = (o, f) => {
               "button",
               {
                 className: "atlas-modal-close",
-                onClick: () => i(!1),
+                onClick: () => c(!1),
                 children: "×"
               }
             )
@@ -737,7 +740,7 @@ const oe = (o, f) => {
               onSuccess: v,
               onError: h,
               buttonText: u,
-              disabled: g
+              disabled: N
             }
           ) })
         ] })