@zerohash-sdk/fund-react 1.8.0 → 1.9.0

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,14 @@ 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;
     /**
      * Callback invoked when an error occurs during the fund flow.
      *

package/dist/index.js

@@ -91,18 +91,18 @@ 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: _, onError: g } = e;
   if (typeof document > "u")
     return x;
   const d = `${t}-script-${a}`;
   if (customElements.get(t) || document.getElementById(d))
     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 b = J(s), R = e.report ?? ((p) => G(c && P(c, a, s), p, r));
+  let f = !1, w = 0, C;
+  const v = () => {
     C !== void 0 && clearTimeout(C);
   }, k = (p, h, l) => {
-    if (m)
+    if (f)
       return;
     const U = Math.round(performance.now() - w), T = {
       webComponentTag: t,
@@ -114,24 +114,24 @@ const $ = {
       elapsedMs: U,
       claims: b
     };
-    v(T);
+    R(T);
     const O = l ? void 0 : F(i ?? {}, a, s);
     if (O && O !== h) {
       E(O, !0);
       return;
     }
-    m = !0, S(), document.getElementById(d)?.remove(), f?.(T);
+    f = !0, v(), document.getElementById(d)?.remove(), g?.(T);
   }, E = (p, h) => {
-    S(), w = performance.now();
+    v(), w = performance.now();
     const l = document.createElement("script");
     l.id = d, l.src = p, l.type = "module", l.async = !0, l.onload = () => {
       setTimeout(() => {
-        m || (customElements.get(t) ? (m = !0, S(), _?.()) : k("not-defined", p, h));
+        f || (customElements.get(t) ? (f = !0, v(), _?.()) : k("not-defined", p, h));
       }, 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", p, h), C = setTimeout(() => k("timeout", p, h), m), document.getElementById(d)?.remove(), document.head.appendChild(l);
   }, N = F(n, a, s);
   return N ? (E(N, !1), () => {
-    m = !0, S();
+    f = !0, v();
   }) : x;
 }, u = {
   local: "http://localhost:5173",
@@ -153,7 +153,7 @@ 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: [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: S.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: {
   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, [_, g] = z(!1), [d, b] = 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,
+    m,
     d
   ]);
-  const v = D(() => b((m) => m + 1), []);
-  return { loadFailed: _, retry: v };
+  const R = D(() => b((f) => f + 1), []);
+  return { loadFailed: _, retry: R };
 }, ee = q("fund-web", "index.js", { eu: !0 }), A = "zerohash-fund", re = ({
   jwt: e,
   env: t = "prod",
@@ -224,28 +224,29 @@ const R = {
   branding: r,
   isPay: n = !1,
   onCompleted: i,
-  onError: c,
-  onClose: a,
-  onLoaded: s,
-  onEvent: g,
-  ..._
+  onFailed: c,
+  onError: a,
+  onClose: s,
+  onLoaded: m,
+  onEvent: _,
+  ...g
 }) => {
-  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 d = M(null);
+  X(d, { isPay: n, theme: o, branding: r, onCompleted: i, onFailed: c, onError: a, onClose: s, onLoaded: m, onEvent: _ });
+  const { loadFailed: b, retry: R } = 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 b ? /* @__PURE__ */ y(Q, { onRetry: R }) : j.createElement(A, {
+    ref: d,
     jwt: e,
     env: t,
     theme: o,
     ispay: n ? "true" : void 0,
-    ..._
+    ...g
   });
 };
 export {

package/package.json

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