@connect-xyz/auth-react 0.32.0 → 0.34.0

package/dist/index.d.ts

@@ -23,6 +23,7 @@ declare type AppEvent<TType extends string = string, TData = Record<string, unkn
  * @param onClose - Callback function for close events
  * @param onDeposit - Callback function for deposit events
  * @param onEvent - Callback function for general events
+ * @param onLoaded - Callback function called when the Auth component is ready
  *
  * @example
  * ```tsx
@@ -39,6 +40,7 @@ declare type AppEvent<TType extends string = string, TData = Record<string, unkn
  * <Auth
  *   jwt="your-jwt-token"
  *   theme="auto"
+ *   onLoaded={() => console.log('Auth loaded and ready')}
  *   onError={({ errorCode, reason }) => console.error('Auth error:', errorCode, 'Reason:', reason)}
  *   onClose={() => console.log('Auth closed')}
  *   onDeposit={({ data }) => console.log('Deposit completed:', data.depositId, 'Status:', data.status.value)}
@@ -57,6 +59,8 @@ export declare const Auth: default_2.FC<AuthWrapperProps>;
 declare type AuthCallbacks = CommonCallbacks<AuthEvent> & {
     /** Called when a deposit action occurs */
     onDeposit?: (deposit: DepositCompletedPayload) => void;
+    /** Called when the Auth component has finished loading and is ready */
+    onLoaded?: () => void;
 };
 
 /**

package/dist/index.js

@@ -1,37 +1,38 @@
-import m, { useRef as h, useEffect as p } from "react";
-const x = {
+import h, { useRef as x, useEffect as f } from "react";
+const y = {
   sandbox: "https://sdk.sandbox.connect.xyz/auth-web/index.js",
   production: "https://sdk.connect.xyz/auth-web/index.js"
-}, y = "connect-auth-script", a = "connect-auth", I = (n = "production") => x[n], b = ({
-  jwt: n,
+}, I = "connect-auth-script", a = "connect-auth", R = (r = "production") => y[r], E = ({
+  jwt: r,
   env: c = "production",
-  theme: f,
-  onError: r,
+  theme: l,
+  onError: n,
   onClose: o,
   onDeposit: s,
   onEvent: i,
-  ...l
+  onLoaded: u,
+  ...m
 }) => {
-  const d = h(null);
-  return p(() => {
+  const d = x(null);
+  return f(() => {
     const t = d.current;
-    t && (r && (t.onError = r), o && (t.onClose = o), s && (t.onDeposit = s), i && (t.onEvent = i));
-  }, [r, o, s, i]), p(() => {
-    const t = I(c), u = `${y}-${c}`;
-    if (document.getElementById(u))
+    t && (n && (t.onError = n), o && (t.onClose = o), s && (t.onDeposit = s), i && (t.onEvent = i), u && (t.onLoaded = u));
+  }, [n, o, s, i, u]), f(() => {
+    const t = R(c), p = `${I}-${c}`;
+    if (document.getElementById(p))
       return;
     const e = document.createElement("script");
-    e.id = u, e.src = t, e.type = "module", e.async = !0, e.onerror = () => {
+    e.id = p, e.src = t, e.type = "module", e.async = !0, e.onerror = () => {
       console.error(`Failed to load the script for ${a} from ${c} environment.`);
     }, document.head.appendChild(e);
-  }, [c]), m.createElement(a, {
+  }, [c]), h.createElement(a, {
     ref: d,
-    jwt: n,
+    jwt: r,
     env: c,
-    theme: f,
-    ...l
+    theme: l,
+    ...m
   });
 };
 export {
-  b as Auth
+  E as Auth
 };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@connect-xyz/auth-react",
-  "version": "0.32.0",
+  "version": "0.34.0",
   "type": "module",
   "main": "./dist/index.js",
   "module": "./dist/index.js",