@connect-xyz/withdraw-react 0.35.0 → 0.36.0

package/README.md

@@ -64,6 +64,10 @@ function App() {
     console.log('Withdraw event:', type, 'Data:', data);
   };
 
+  const handleLoaded = () => {
+    console.log('Withdraw widget loaded and ready');
+  };
+
   return (
     <Withdraw
       jwt={jwt}
@@ -72,6 +76,7 @@ function App() {
       onClose={handleClose}
       onWithdrawal={handleWithdrawal}
       onEvent={handleEvent}
+      onLoaded={handleLoaded}
     />
   );
 }
@@ -113,6 +118,9 @@ function App() {
         onEvent={({ type, data }) => {
           console.log('Event type:', type, 'Event data:', data);
         }}
+        onLoaded={() => {
+          console.log('Withdraw widget loaded and ready');
+        }}
       />
     </div>
   );
@@ -134,6 +142,7 @@ export default App;
 | `onClose`      | `() => void`                      | No       | -              | Callback when the widget is closed                 |
 | `onWithdrawal` | `({ data }) => void`              | No       | -              | Callback for withdrawal completed                  |
 | `onEvent`      | `({ type, data }) => void`        | No       | -              | Callback for general events                        |
+| `onLoaded`     | `() => void`                      | No       | -              | Callback when the widget is loaded and ready       |
 
 ## More Information & Support
 

package/dist/index.d.ts

@@ -28,6 +28,8 @@ declare type CommonCallbacks<TEvent = AppEvent> = {
     onClose?: () => void;
     /** Called when a general event occurs */
     onEvent?: (event: TEvent) => void;
+    /** Called when the widget has loaded and is ready */
+    onLoaded?: () => void;
 };
 
 /**
@@ -88,6 +90,7 @@ declare type Theme = 'auto' | 'light' | 'dark';
  * @param onClose - Callback function for close events
  * @param onWithdrawal - Callback function for withdrawal events
  * @param onEvent - Callback function for general events
+ * @param onLoaded - Callback function called when the widget is fully loaded and ready
  *
  * @example
  * ```tsx
@@ -108,6 +111,7 @@ declare type Theme = 'auto' | 'light' | 'dark';
  *   onClose={() => console.log('Withdraw closed')}
  *   onWithdrawal={({ data }) => console.log('Withdrawal completed:', data.withdrawalId, 'Status:', data.status.value)}
  *   onEvent={({ type, data }) => console.log('Event:', type, 'Withdrawal ID:', data.withdrawalId)}
+ *   onLoaded={() => console.log('Withdraw widget loaded and ready')}
  * />
  * ```
  *

package/dist/index.js

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

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@connect-xyz/withdraw-react",
-  "version": "0.35.0",
+  "version": "0.36.0",
   "private": false,
   "type": "module",
   "main": "./dist/index.js",