@zerohash-sdk/fund-react 1.8.1 → 1.9.1

package/dist/index.d.ts

@@ -101,6 +101,12 @@ declare type FundCompletedData = {
     assetSymbol?: string;
     /** Amount to be deposited */
     amount?: string;
+    /** Backend transaction id for the deposit */
+    transactionId?: string;
+    /** Fund id the deposit was credited to */
+    fundId?: string;
+    /** Notional (fiat) amount of the deposit */
+    notionalAmount?: string;
 };
 
 /**
@@ -196,6 +202,16 @@ declare interface FundProps {
      * ```
      */
     onCompleted?: (data: FundCompletedData) => void;
+    /**
+     * Callback invoked when a deposit transaction reaches a terminal **failed**
+     * state (the "Transaction failed" page). Distinct from `onError` — this
+     * carries the failed transaction's details, not an SDK/request error.
+     *
+     * @param data - Details about the failed transaction (transactionId, fundId, amount…)
+     */
+    onFailed?: (data: FundCompletedData) => void;
+    /** Invoked when the user taps "Provide info" on the travel-rule pending screen; open the Travel Rule SDK scoped to `depositId`. */
+    onProvideInfo?: (data: FundProvideInfoData) => void;
     /**
      * Callback invoked when an error occurs during the fund flow.
      *
@@ -252,6 +268,10 @@ declare interface FundProps {
     onEvent?: (event: FundEvent) => void;
 }
 
+declare type FundProvideInfoData = {
+    depositId: string;
+};
+
 /**
  * Theme mode for the Connect Fund interface.
  *

package/dist/index.js

@@ -1,4 +1,4 @@
-import { jsxs as W, jsx as y } from "react/jsx-runtime";
+import { jsxs as W, jsx as _ } from "react/jsx-runtime";
 import j, { useEffect as B, useState as z, useCallback as D, useRef as M } from "react";
 const $ = {
   dev: "https://grafana-faro-collector.dev.0hash.com/collect",
@@ -91,49 +91,49 @@ const $ = {
   } catch {
   }
 }, Z = (e) => {
-  const { webComponentTag: t, appName: o, appVersion: r, scriptUrls: n, fallbackScriptUrls: i, collectorUrls: c, env: a, jwt: s, timeoutMs: g = 15e3, onLoad: _, onError: f } = e;
+  const { webComponentTag: t, appName: o, appVersion: r, scriptUrls: n, fallbackScriptUrls: i, collectorUrls: c, env: a, jwt: s, timeoutMs: m = 15e3, onLoad: b, onError: g } = e;
   if (typeof document > "u")
     return x;
-  const d = `${t}-script-${a}`;
-  if (customElements.get(t) || document.getElementById(d))
+  const p = `${t}-script-${a}`;
+  if (customElements.get(t) || document.getElementById(p))
     return x;
-  const b = J(s), v = e.report ?? ((p) => G(c && P(c, a, s), p, r));
-  let m = !1, w = 0, C;
-  const S = () => {
+  const h = J(s), R = e.report ?? ((u) => G(c && P(c, a, s), u, r));
+  let d = !1, w = 0, C;
+  const v = () => {
     C !== void 0 && clearTimeout(C);
-  }, k = (p, h, l) => {
-    if (m)
+  }, k = (u, y, l) => {
+    if (d)
       return;
     const U = Math.round(performance.now() - w), T = {
       webComponentTag: t,
       appName: o,
       env: a,
-      scriptUrl: h,
-      reason: p,
+      scriptUrl: y,
+      reason: u,
       triedFallback: l,
       elapsedMs: U,
-      claims: b
+      claims: h
     };
-    v(T);
+    R(T);
     const O = l ? void 0 : F(i ?? {}, a, s);
-    if (O && O !== h) {
+    if (O && O !== y) {
       E(O, !0);
       return;
     }
-    m = !0, S(), document.getElementById(d)?.remove(), f?.(T);
-  }, E = (p, h) => {
-    S(), w = performance.now();
+    d = !0, v(), document.getElementById(p)?.remove(), g?.(T);
+  }, E = (u, y) => {
+    v(), w = performance.now();
     const l = document.createElement("script");
-    l.id = d, l.src = p, l.type = "module", l.async = !0, l.onload = () => {
+    l.id = p, l.src = u, l.type = "module", l.async = !0, l.onload = () => {
       setTimeout(() => {
-        m || (customElements.get(t) ? (m = !0, S(), _?.()) : k("not-defined", p, h));
+        d || (customElements.get(t) ? (d = !0, v(), b?.()) : k("not-defined", u, y));
       }, 0);
-    }, l.onerror = () => k("network", p, h), C = setTimeout(() => k("timeout", p, h), g), document.getElementById(d)?.remove(), document.head.appendChild(l);
+    }, l.onerror = () => k("network", u, y), C = setTimeout(() => k("timeout", u, y), m), document.getElementById(p)?.remove(), document.head.appendChild(l);
   }, N = F(n, a, s);
   return N ? (E(N, !1), () => {
-    m = !0, S();
+    d = !0, v();
   }) : x;
-}, u = {
+}, f = {
   local: "http://localhost:5173",
   dev: "https://sdk-cdn.dev.0hash.com",
   cert: "https://sdk-cdn.cert.zerohash.com",
@@ -141,19 +141,19 @@ const $ = {
   "eu-cert": "https://sdk-cdn.cert.zerohash.eu",
   "eu-prod": "https://sdk-cdn.zerohash.eu"
 }, q = (e, t, o = {}) => {
-  const { eu: r = !1, legacyAliases: n = !1, local: i = u.local } = o, c = (s) => `${s}/${e}/${t}`, a = {
+  const { eu: r = !1, legacyAliases: n = !1, local: i = f.local } = o, c = (s) => `${s}/${e}/${t}`, a = {
     local: c(i),
-    dev: c(u.dev),
-    cert: c(u.cert),
-    prod: c(u.prod)
+    dev: c(f.dev),
+    cert: c(f.cert),
+    prod: c(f.prod)
   };
-  return n && (a.sandbox = c(u.cert), a.production = c(u.prod)), r && (a["eu-cert"] = c(u["eu-cert"]), a["eu-prod"] = c(u["eu-prod"])), a;
+  return n && (a.sandbox = c(f.cert), a.production = c(f.prod)), r && (a["eu-cert"] = c(f["eu-cert"]), a["eu-prod"] = c(f["eu-prod"])), a;
 };
 var L;
 (function(e) {
   e.NETWORK_ERROR = "network_error", e.AUTH_ERROR = "auth_error", e.NOT_FOUND_ERROR = "not_found_error", e.VALIDATION_ERROR = "validation_error", e.SERVER_ERROR = "server_error", e.CLIENT_ERROR = "client_error", e.UNKNOWN_ERROR = "unknown_error";
 })(L || (L = {}));
-const R = {
+const S = {
   evergreen: "#00381D",
   green: "#CCFFD0",
   offBlack: "#1C1B1C",
@@ -168,18 +168,18 @@ const R = {
   padding: "32px 24px",
   textAlign: "center",
   fontFamily: "inherit",
-  color: R.offBlack,
+  color: S.offBlack,
   background: "#FFFFFF",
-  border: `1px solid ${R.grayLight}`,
+  border: `1px solid ${S.grayLight}`,
   borderRadius: "12px"
-}, children: [y("svg", { width: "32", height: "32", viewBox: "0 0 24 24", fill: "none", "aria-hidden": "true", children: y("path", { d: "M12 9v4m0 4h.01M10.29 3.86L1.82 18a2 2 0 001.71 3h16.94a2 2 0 001.71-3L13.71 3.86a2 2 0 00-3.42 0z", stroke: R.evergreen, strokeWidth: "1.5", strokeLinecap: "round", strokeLinejoin: "round" }) }), y("p", { style: { margin: 0, fontSize: "16px", fontWeight: 600 }, children: "Something went wrong" }), y("p", { style: { margin: 0, fontSize: "14px", opacity: 0.75 }, children: "We couldn't load this content. Please check your internet connection and try again." }), y("button", { type: "button", onClick: e, style: {
+}, children: [_("svg", { width: "32", height: "32", viewBox: "0 0 24 24", fill: "none", "aria-hidden": "true", children: _("path", { d: "M12 9v4m0 4h.01M10.29 3.86L1.82 18a2 2 0 001.71 3h16.94a2 2 0 001.71-3L13.71 3.86a2 2 0 00-3.42 0z", stroke: S.evergreen, strokeWidth: "1.5", strokeLinecap: "round", strokeLinejoin: "round" }) }), _("p", { style: { margin: 0, fontSize: "16px", fontWeight: 600 }, children: "Something went wrong" }), _("p", { style: { margin: 0, fontSize: "14px", opacity: 0.75 }, children: "We couldn't load this content. Please check your internet connection and try again." }), _("button", { type: "button", onClick: e, style: {
   marginTop: "8px",
   padding: "8px 20px",
   fontSize: "14px",
   fontWeight: 600,
   fontFamily: "inherit",
-  color: R.green,
-  background: R.evergreen,
+  color: S.green,
+  background: S.evergreen,
   border: "none",
   borderRadius: "8px",
   cursor: "pointer"
@@ -191,8 +191,8 @@ const R = {
         n !== void 0 && (o[r] = n);
   });
 }, Y = (e) => {
-  const { webComponentTag: t, appName: o, appVersion: r, scriptUrls: n, fallbackScriptUrls: i, collectorUrls: c, env: a, jwt: s, timeoutMs: g } = e, [_, f] = z(!1), [d, b] = z(0);
-  B(() => (f(!1), Z({
+  const { webComponentTag: t, appName: o, appVersion: r, scriptUrls: n, fallbackScriptUrls: i, collectorUrls: c, env: a, jwt: s, timeoutMs: m } = e, [b, g] = z(!1), [p, h] = z(0);
+  B(() => (g(!1), Z({
     webComponentTag: t,
     appName: o ?? t,
     appVersion: r,
@@ -201,8 +201,8 @@ const R = {
     collectorUrls: c ?? $,
     env: a,
     jwt: s,
-    timeoutMs: g,
-    onError: () => f(!0)
+    timeoutMs: m,
+    onError: () => g(!0)
   })), [
     t,
     o,
@@ -212,11 +212,11 @@ const R = {
     c,
     a,
     s,
-    g,
-    d
+    m,
+    p
   ]);
-  const v = D(() => b((m) => m + 1), []);
-  return { loadFailed: _, retry: v };
+  const R = D(() => h((d) => d + 1), []);
+  return { loadFailed: b, retry: R };
 }, ee = q("fund-web", "index.js", { eu: !0 }), A = "zerohash-fund", re = ({
   jwt: e,
   env: t = "prod",
@@ -224,28 +224,41 @@ const R = {
   branding: r,
   isPay: n = !1,
   onCompleted: i,
-  onError: c,
-  onClose: a,
-  onLoaded: s,
+  onFailed: c,
+  onProvideInfo: a,
+  onError: s,
+  onClose: m,
+  onLoaded: b,
   onEvent: g,
-  ..._
+  ...p
 }) => {
-  const f = M(null);
-  X(f, { isPay: n, theme: o, branding: r, onCompleted: i, onError: c, onClose: a, onLoaded: s, onEvent: g });
-  const { loadFailed: d, retry: b } = Y({
+  const h = M(null);
+  X(h, {
+    isPay: n,
+    theme: o,
+    branding: r,
+    onCompleted: i,
+    onFailed: c,
+    onProvideInfo: a,
+    onError: s,
+    onClose: m,
+    onLoaded: b,
+    onEvent: g
+  });
+  const { loadFailed: R, retry: d } = Y({
     webComponentTag: A,
     scriptUrls: ee,
     // fallbackScriptUrls: FALLBACK_SCRIPT_URLS, // enable once the host is confirmed (AUTH-3095)
     env: t,
     jwt: e
   });
-  return d ? /* @__PURE__ */ y(Q, { onRetry: b }) : j.createElement(A, {
-    ref: f,
+  return R ? /* @__PURE__ */ _(Q, { onRetry: d }) : j.createElement(A, {
+    ref: h,
     jwt: e,
     env: t,
     theme: o,
     ispay: n ? "true" : void 0,
-    ..._
+    ...p
   });
 };
 export {

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@zerohash-sdk/fund-react",
-  "version": "1.8.1",
+  "version": "1.9.1",
   "private": false,
   "type": "module",
   "main": "./dist/index.js",