@zerohash-sdk/csp-fiat-withdrawals-react 0.13.4 → 0.13.5

package/dist/index.d.ts

@@ -150,3 +150,28 @@ declare type ErrorPayload = {
 declare type Theme = 'auto' | 'light' | 'dark';
 
 export { }
+
+
+declare global {
+    namespace JSX {
+        interface IntrinsicElements {
+            /**
+             * Zerohash CSP Fiat Withdrawals web component element
+             */
+            [WEB_COMPONENT_TAG]: React.DetailedHTMLProps<React.HTMLAttributes<HTMLElement>, HTMLElement> & {
+                /**
+                 * JWT token for authentication
+                 */
+                jwt: string;
+                /**
+                 * Target environment ("local" | "dev" | "cert" | "prod")
+                 */
+                env?: Environment;
+                /**
+                 * Theme mode ("auto" | "light" | "dark")
+                 */
+                theme?: Theme;
+            };
+        }
+    }
+}

package/dist/index.js

@@ -1,268 +1,339 @@
-import { jsxs as U, jsx as d } from "react/jsx-runtime";
-import D, { useEffect as B, useState as L, useCallback as M, useRef as j } from "react";
-const V = {
-  dev: "https://grafana-faro-collector.dev.0hash.com/collect",
-  cert: "https://grafana-faro-collector.cert.zerohash.com/collect",
-  prod: "https://grafana-faro-collector.zerohash.com/collect",
-  "eu-cert": "https://grafana-faro-collector.cert.zerohash.eu/collect",
-  "eu-prod": "https://grafana-faro-collector.zerohash.eu/collect",
-  sandbox: "https://grafana-faro-collector.cert.zerohash.com/collect",
-  production: "https://grafana-faro-collector.zerohash.com/collect"
-}, $ = (e) => {
-  if (!e || typeof e != "string")
-    return null;
-  const t = e.split(".");
-  if (t.length < 2)
-    return null;
-  try {
-    const o = t[1].replace(/-/g, "+").replace(/_/g, "/"), r = o + "===".slice(0, (4 - o.length % 4) % 4), a = typeof atob < "u" ? atob(r) : Buffer.from(r, "base64").toString("utf-8"), c = JSON.parse(a)?.payload?.region;
-    if (typeof c != "string")
-      return null;
-    const n = c.toLowerCase();
-    return n === "us" || n === "eu" ? n : null;
-  } catch {
-    return null;
-  }
-}, I = (e, t) => $(t) !== "eu" ? e : e === "cert" ? "eu-cert" : e === "prod" ? "eu-prod" : e, H = (e) => {
-  if (!e || typeof e != "string")
-    return {};
-  const t = e.split(".");
-  if (t.length < 2)
-    return {};
-  try {
-    const o = t[1].replace(/-/g, "+").replace(/_/g, "/"), r = o + "===".slice(0, (4 - o.length % 4) % 4), a = typeof atob < "u" ? atob(r) : Buffer.from(r, "base64").toString("utf-8"), s = JSON.parse(a), c = s?.payload ?? {}, n = (i) => typeof i == "string" && i.length > 0 ? i : void 0;
-    return {
-      participantCode: n(c.participant_code),
-      platformName: n(c.platform_name),
-      platformCode: n(s.platform_code),
-      region: n(c.region)
-    };
-  } catch {
-    return {};
-  }
-}, z = (e, t, o) => {
-  const r = I(t, o);
-  return e[r] ?? e[t] ?? e.prod;
-}, P = (e, t, o) => {
-  const r = I(t, o);
-  return e[r] ?? e[t];
-}, O = () => {
-}, J = () => {
-  const e = new Uint8Array(8);
-  return globalThis.crypto.getRandomValues(e), Array.from(e, (t) => t.toString(16).padStart(2, "0")).join("");
-}, G = (e, t) => {
-  const o = J(), r = globalThis.__ZH_WEB_SDK_VERSION__, a = {};
-  e.claims.participantCode && (a.participant_code = e.claims.participantCode), e.claims.platformName && (a.platform_name = e.claims.platformName), e.claims.platformCode && (a.platform_code = e.claims.platformCode), e.claims.region && (a.region = e.claims.region), r && (a.zh_web_sdk_version = r);
-  const s = {
-    meta: {
-      app: { name: e.appName, version: t ?? "unknown", environment: e.env },
-      session: { id: o, attributes: a },
-      browser: typeof navigator < "u" ? { userAgent: navigator.userAgent } : void 0,
-      page: typeof window < "u" ? { url: window.location.origin } : void 0
-    },
-    logs: [
-      {
-        message: `Failed to load the script for ${e.webComponentTag} from ${e.env} environment.`,
-        level: "error",
-        timestamp: (/* @__PURE__ */ new Date()).toISOString(),
-        context: {
-          web_component: e.webComponentTag,
-          script_url: e.scriptUrl,
-          reason: e.reason,
-          tried_fallback: String(e.triedFallback),
-          elapsed_ms: String(e.elapsedMs)
-        }
-      }
-    ]
-  };
-  return { sessionId: o, payload: s };
-}, K = (e, t, o) => {
-  if (!e || typeof fetch > "u")
-    return;
-  const { sessionId: r, payload: a } = G(t, o);
-  try {
-    fetch(e, {
-      method: "POST",
-      headers: { "Content-Type": "application/json", "x-faro-session-id": r },
-      body: JSON.stringify(a),
-      keepalive: !0
-    }).catch(() => {
-    });
-  } catch {
-  }
-}, Z = (e) => {
-  const { webComponentTag: t, appName: o, appVersion: r, scriptUrls: a, fallbackScriptUrls: s, collectorUrls: c, env: n, jwt: i, timeoutMs: f = 15e3, onLoad: b, onError: g } = e;
-  if (typeof document > "u")
-    return O;
-  const h = `${t}-script-${n}`;
-  if (customElements.get(t) || document.getElementById(h))
-    return O;
-  const S = H(i), k = e.report ?? ((p) => K(c && P(c, n, i), p, r));
-  let m = !1, x = 0, v;
-  const R = () => {
-    v !== void 0 && clearTimeout(v);
-  }, C = (p, y, l) => {
-    if (m)
-      return;
-    const W = Math.round(performance.now() - x), E = {
-      webComponentTag: t,
-      appName: o,
-      env: n,
-      scriptUrl: y,
-      reason: p,
-      triedFallback: l,
-      elapsedMs: W,
-      claims: S
-    };
-    k(E);
-    const w = l ? void 0 : z(s ?? {}, n, i);
-    if (w && w !== y) {
-      T(w, !0);
-      return;
-    }
-    m = !0, R(), document.getElementById(h)?.remove(), g?.(E);
-  }, T = (p, y) => {
-    R(), x = performance.now();
-    const l = document.createElement("script");
-    l.id = h, l.src = p, l.type = "module", l.async = !0, l.onload = () => {
-      setTimeout(() => {
-        m || (customElements.get(t) ? (m = !0, R(), b?.()) : C("not-defined", p, y));
-      }, 0);
-    }, l.onerror = () => C("network", p, y), v = setTimeout(() => C("timeout", p, y), f), document.getElementById(h)?.remove(), document.head.appendChild(l);
-  }, N = z(a, n, i);
-  return N ? (T(N, !1), () => {
-    m = !0, R();
-  }) : O;
-}, q = {}, Q = typeof import.meta < "u" && q?.VITE_LOCAL_CDN_HOST || "http://localhost:5173", u = {
-  local: Q,
-  dev: "https://sdk-cdn.dev.0hash.com",
-  cert: "https://sdk-cdn.cert.zerohash.com",
-  prod: "https://sdk-cdn.zerohash.com",
-  "eu-cert": "https://sdk-cdn.cert.zerohash.eu",
-  "eu-prod": "https://sdk-cdn.zerohash.eu"
-}, X = "https://sdk-cdn.gating.0hash.com", Y = (e, t, o = {}) => {
-  const { eu: r = !1, legacyAliases: a = !1, local: s = u.local } = o, c = (i) => `${i}/${e}/${t}`, n = {
-    local: c(s),
-    dev: c(u.dev),
-    gating: c(X),
-    cert: c(u.cert),
-    prod: c(u.prod)
-  };
-  return a && (n.sandbox = c(u.cert), n.production = c(u.prod)), r && (n["eu-cert"] = c(u["eu-cert"]), n["eu-prod"] = c(u["eu-prod"])), n;
+import { jsx as e, jsxs as t } from "react/jsx-runtime";
+import n, { useCallback as r, useEffect as i, useRef as a, useState as o } from "react";
+//#region ../../../common/js-sdk-base/dist/constants.js
+var s = {
+	dev: "https://grafana-faro-collector.dev.0hash.com/collect",
+	cert: "https://grafana-faro-collector.cert.zerohash.com/collect",
+	prod: "https://grafana-faro-collector.zerohash.com/collect",
+	"eu-cert": "https://grafana-faro-collector.cert.zerohash.eu/collect",
+	"eu-prod": "https://grafana-faro-collector.zerohash.eu/collect",
+	sandbox: "https://grafana-faro-collector.cert.zerohash.com/collect",
+	production: "https://grafana-faro-collector.zerohash.com/collect"
+}, c = (e) => {
+	if (!e || typeof e != "string") return null;
+	let t = e.split(".");
+	if (t.length < 2) return null;
+	try {
+		let e = t[1].replace(/-/g, "+").replace(/_/g, "/"), n = e + "===".slice(0, (4 - e.length % 4) % 4), r = typeof atob < "u" ? atob(n) : Buffer.from(n, "base64").toString("utf-8"), i = JSON.parse(r)?.payload?.region;
+		if (typeof i != "string") return null;
+		let a = i.toLowerCase();
+		return a === "us" || a === "eu" ? a : null;
+	} catch {
+		return null;
+	}
+}, l = (e, t) => c(t) === "eu" ? e === "cert" ? "eu-cert" : e === "prod" ? "eu-prod" : e : e, u = (e) => {
+	if (!e || typeof e != "string") return {};
+	let t = e.split(".");
+	if (t.length < 2) return {};
+	try {
+		let e = t[1].replace(/-/g, "+").replace(/_/g, "/"), n = e + "===".slice(0, (4 - e.length % 4) % 4), r = typeof atob < "u" ? atob(n) : Buffer.from(n, "base64").toString("utf-8"), i = JSON.parse(r), a = i?.payload ?? {}, o = (e) => typeof e == "string" && e.length > 0 ? e : void 0;
+		return {
+			participantCode: o(a.participant_code),
+			platformName: o(a.platform_name),
+			platformCode: o(i.platform_code),
+			region: o(a.region)
+		};
+	} catch {
+		return {};
+	}
+}, d = (e, t, n) => e[l(t, n)] ?? e[t] ?? e.prod, f = (e, t, n) => e[l(t, n)] ?? e[t], p = () => void 0, m = () => {
+	let e = /* @__PURE__ */ new Uint8Array(8);
+	return globalThis.crypto.getRandomValues(e), Array.from(e, (e) => e.toString(16).padStart(2, "0")).join("");
+}, h = (e, t) => {
+	let n = m(), r = globalThis.__ZH_WEB_SDK_VERSION__, i = {};
+	return e.claims.participantCode && (i.participant_code = e.claims.participantCode), e.claims.platformName && (i.platform_name = e.claims.platformName), e.claims.platformCode && (i.platform_code = e.claims.platformCode), e.claims.region && (i.region = e.claims.region), r && (i.zh_web_sdk_version = r), {
+		sessionId: n,
+		payload: {
+			meta: {
+				app: {
+					name: e.appName,
+					version: t ?? "unknown",
+					environment: e.env
+				},
+				session: {
+					id: n,
+					attributes: i
+				},
+				browser: typeof navigator < "u" ? { userAgent: navigator.userAgent } : void 0,
+				page: typeof window < "u" ? { url: window.location.origin } : void 0
+			},
+			logs: [{
+				message: `Failed to load the script for ${e.webComponentTag} from ${e.env} environment.`,
+				level: "error",
+				timestamp: (/* @__PURE__ */ new Date()).toISOString(),
+				context: {
+					web_component: e.webComponentTag,
+					script_url: e.scriptUrl,
+					reason: e.reason,
+					tried_fallback: String(e.triedFallback),
+					elapsed_ms: String(e.elapsedMs)
+				}
+			}]
+		}
+	};
+}, g = (e, t, n) => {
+	if (!e || typeof fetch > "u") return;
+	let { sessionId: r, payload: i } = h(t, n);
+	try {
+		fetch(e, {
+			method: "POST",
+			headers: {
+				"Content-Type": "application/json",
+				"x-faro-session-id": r
+			},
+			body: JSON.stringify(i),
+			keepalive: !0
+		}).catch(() => void 0);
+	} catch {}
+}, _ = (e) => {
+	let { webComponentTag: t, appName: n, appVersion: r, scriptUrls: i, fallbackScriptUrls: a, collectorUrls: o, env: s, jwt: c, timeoutMs: l = 15e3, onLoad: m, onError: h } = e;
+	if (typeof document > "u") return p;
+	let _ = `${t}-script-${s}`;
+	if (customElements.get(t) || document.getElementById(_)) return p;
+	let v = u(c), y = e.report ?? ((e) => g(o && f(o, s, c), e, r)), b = !1, x = 0, S, C = () => {
+		S !== void 0 && clearTimeout(S);
+	}, w = (e, r, i) => {
+		if (b) return;
+		let o = Math.round(performance.now() - x), l = {
+			webComponentTag: t,
+			appName: n,
+			env: s,
+			scriptUrl: r,
+			reason: e,
+			triedFallback: i,
+			elapsedMs: o,
+			claims: v
+		};
+		y(l);
+		let u = i ? void 0 : d(a ?? {}, s, c);
+		if (u && u !== r) {
+			T(u, !0);
+			return;
+		}
+		b = !0, C(), document.getElementById(_)?.remove(), h?.(l);
+	}, T = (e, n) => {
+		C(), x = performance.now();
+		let r = document.createElement("script");
+		r.id = _, r.src = e, r.type = "module", r.async = !0, r.onload = () => {
+			setTimeout(() => {
+				b || (customElements.get(t) ? (b = !0, C(), m?.()) : w("not-defined", e, n));
+			}, 0);
+		}, r.onerror = () => w("network", e, n), S = setTimeout(() => w("timeout", e, n), l), document.getElementById(_)?.remove(), document.head.appendChild(r);
+	}, E = d(i, s, c);
+	return E ? (T(E, !1), () => {
+		b = !0, C();
+	}) : p;
+}, v = {
+	local: {
+		BASE_URL: "/",
+		DEV: !1,
+		MODE: "production",
+		PROD: !0,
+		SSR: !1,
+		VITE_ASSETS_SERVICE_URL: "http://localhost:5173/assets",
+		VITE_CONNECT_API_BASE_URL: "/api/v1",
+		VITE_CONNECT_ENV: "local",
+		VITE_CONNECT_SDK_API_BASE_URL: "/sdk/v1",
+		VITE_DYNAMIC_ENVIRONMENT_ID: "38ce0330-c85e-414a-80b4-6129c548018f",
+		VITE_FARO_COLLECTOR_URL: "https://grafana-faro-collector.dev.0hash.com/collect",
+		VITE_FEATURE_SERVER_PROXY_URL: "https://ff-edge.dev.0hash.com/api/frontend",
+		VITE_INTERNAL_BUILD: "false",
+		VITE_ONBOARDING_API_BASE_URL: "/onboarding",
+		VITE_POST_MESSAGE_COMMUNICATION_PLATFORMS: "UW6VWU",
+		VITE_REDIRECT_HANDLER_URL: "http://localhost:4202/redirect-handler/index.html",
+		VITE_SCRAPER_EXTENSION_ID_CHROMIUM: "kofibejdfkmnbobmbogndbiimkflcllf",
+		VITE_TRADE_API_BASE_URL: "/trade",
+		VITE_UNLEASH_APIKEY: "zerohash-sdk:dev.b0d8aa594e9b94564f885167881bcb9dc69332f935fcb253e656ff34"
+	}.VITE_LOCAL_CDN_HOST || "http://localhost:5173",
+	dev: "https://sdk-cdn.dev.0hash.com",
+	cert: "https://sdk-cdn.cert.zerohash.com",
+	prod: "https://sdk-cdn.zerohash.com",
+	"eu-cert": "https://sdk-cdn.cert.zerohash.eu",
+	"eu-prod": "https://sdk-cdn.zerohash.eu"
+}, y = "https://sdk-cdn.gating.0hash.com", b = (e, t, n = {}) => {
+	let { eu: r = !1, legacyAliases: i = !1, local: a = v.local } = n, o = (n) => `${n}/${e}/${t}`, s = {
+		local: o(a),
+		dev: o(v.dev),
+		gating: o(y),
+		cert: o(v.cert),
+		prod: o(v.prod)
+	};
+	return i && (s.sandbox = o(v.cert), s.production = o(v.prod)), r && (s["eu-cert"] = o(v["eu-cert"]), s["eu-prod"] = o(v["eu-prod"])), s;
 };
-var F;
+({
+	LOADED: "travel_rule_loaded",
+	COMPLETED: "travel_rule_completed"
+}).LOADED;
+//#endregion
+//#region ../../../common/callbacks/dist/shared/models.js
+var x;
 (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";
-})(F || (F = {}));
-const _ = {
-  evergreen: "#00381D",
-  green: "#CCFFD0",
-  offBlack: "#1C1B1C",
-  grayLight: "#EBEBE9"
-}, ee = ({ onRetry: e, onClose: t }) => U("div", { role: "alert", style: {
-  position: "relative",
-  display: "flex",
-  flexDirection: "column",
-  alignItems: "center",
-  gap: "8px",
-  maxWidth: "360px",
-  margin: "0 auto",
-  padding: "32px 24px",
-  textAlign: "center",
-  fontFamily: "inherit",
-  color: _.offBlack,
-  background: "#FFFFFF",
-  border: `1px solid ${_.grayLight}`,
-  borderRadius: "12px"
-}, children: [t && d("button", { type: "button", onClick: t, "aria-label": "Close", style: {
-  position: "absolute",
-  top: "12px",
-  right: "12px",
-  display: "flex",
-  padding: "4px",
-  color: _.offBlack,
-  background: "none",
-  border: "none",
-  cursor: "pointer",
-  lineHeight: 0
-}, children: d("svg", { width: "20", height: "20", viewBox: "0 0 24 24", fill: "none", "aria-hidden": "true", children: d("path", { d: "M18 6L6 18M6 6l12 12", stroke: "currentColor", strokeWidth: "1.5", strokeLinecap: "round", strokeLinejoin: "round" }) }) }), d("svg", { width: "32", height: "32", viewBox: "0 0 24 24", fill: "none", "aria-hidden": "true", children: d("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: _.evergreen, strokeWidth: "1.5", strokeLinecap: "round", strokeLinejoin: "round" }) }), d("p", { style: { margin: 0, fontSize: "16px", fontWeight: 600 }, children: "Something went wrong" }), d("p", { style: { margin: 0, fontSize: "14px", opacity: 0.75 }, children: "We couldn't load this content. Please check your internet connection and try again." }), d("button", { type: "button", onClick: e, style: {
-  marginTop: "8px",
-  padding: "8px 20px",
-  fontSize: "14px",
-  fontWeight: 600,
-  fontFamily: "inherit",
-  color: _.green,
-  background: _.evergreen,
-  border: "none",
-  borderRadius: "8px",
-  cursor: "pointer"
-}, children: "Try again" })] }), te = (e, t) => {
-  B(() => {
-    const o = e.current;
-    if (o)
-      for (const [r, a] of Object.entries(t))
-        a !== void 0 && (o[r] = a);
-  });
-}, oe = (e) => {
-  const { webComponentTag: t, appName: o, appVersion: r, scriptUrls: a, fallbackScriptUrls: s, collectorUrls: c, env: n, jwt: i, timeoutMs: f } = e, [b, g] = L(!1), [h, S] = L(0);
-  B(() => (g(!1), Z({
-    webComponentTag: t,
-    appName: o ?? t,
-    appVersion: r,
-    scriptUrls: a,
-    fallbackScriptUrls: s,
-    collectorUrls: c ?? V,
-    env: n,
-    jwt: i,
-    timeoutMs: f,
-    onError: () => g(!0)
-  })), [
-    t,
-    o,
-    r,
-    a,
-    s,
-    c,
-    n,
-    i,
-    f,
-    h
-  ]);
-  const k = M(() => S((m) => m + 1), []);
-  return { loadFailed: b, retry: k };
-}, re = Y("csp-fiat-withdrawals-web", "index.js", { eu: !0 }), A = "zerohash-csp-fiat-withdrawals", ce = ({
-  jwt: e,
-  env: t = "prod",
-  theme: o,
-  onCompleted: r,
-  onError: a,
-  onClose: s,
-  onLoaded: c,
-  onEvent: n,
-  ...i
-}) => {
-  const f = j(null);
-  te(f, { theme: o, onCompleted: r, onError: a, onClose: s, onLoaded: c, onEvent: n });
-  const { loadFailed: b, retry: g } = oe({
-    webComponentTag: A,
-    scriptUrls: re,
-    env: t,
-    jwt: e
-  });
-  return b ? /* @__PURE__ */ d(
-    ee,
-    {
-      onRetry: g,
-      onClose: s
-    }
-  ) : D.createElement(A, {
-    ref: f,
-    jwt: e,
-    env: t,
-    theme: o,
-    ...i
-  });
-};
-export {
-  ce as CspFiatWithdrawals
+	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";
+})(x ||= {});
+//#endregion
+//#region ../../../common/react-sdk-base/dist/script-load-fallback.js
+var S = {
+	evergreen: "#00381D",
+	green: "#CCFFD0",
+	offBlack: "#1C1B1C",
+	grayLight: "#EBEBE9"
+}, C = ({ onRetry: n, onClose: r }) => t("div", {
+	role: "alert",
+	style: {
+		position: "relative",
+		display: "flex",
+		flexDirection: "column",
+		alignItems: "center",
+		gap: "8px",
+		maxWidth: "360px",
+		margin: "0 auto",
+		padding: "32px 24px",
+		textAlign: "center",
+		fontFamily: "inherit",
+		color: S.offBlack,
+		background: "#FFFFFF",
+		border: `1px solid ${S.grayLight}`,
+		borderRadius: "12px"
+	},
+	children: [
+		r && e("button", {
+			type: "button",
+			onClick: r,
+			"aria-label": "Close",
+			style: {
+				position: "absolute",
+				top: "12px",
+				right: "12px",
+				display: "flex",
+				padding: "4px",
+				color: S.offBlack,
+				background: "none",
+				border: "none",
+				cursor: "pointer",
+				lineHeight: 0
+			},
+			children: e("svg", {
+				width: "20",
+				height: "20",
+				viewBox: "0 0 24 24",
+				fill: "none",
+				"aria-hidden": "true",
+				children: e("path", {
+					d: "M18 6L6 18M6 6l12 12",
+					stroke: "currentColor",
+					strokeWidth: "1.5",
+					strokeLinecap: "round",
+					strokeLinejoin: "round"
+				})
+			})
+		}),
+		e("svg", {
+			width: "32",
+			height: "32",
+			viewBox: "0 0 24 24",
+			fill: "none",
+			"aria-hidden": "true",
+			children: e("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"
+			})
+		}),
+		e("p", {
+			style: {
+				margin: 0,
+				fontSize: "16px",
+				fontWeight: 600
+			},
+			children: "Something went wrong"
+		}),
+		e("p", {
+			style: {
+				margin: 0,
+				fontSize: "14px",
+				opacity: .75
+			},
+			children: "We couldn't load this content. Please check your internet connection and try again."
+		}),
+		e("button", {
+			type: "button",
+			onClick: n,
+			style: {
+				marginTop: "8px",
+				padding: "8px 20px",
+				fontSize: "14px",
+				fontWeight: 600,
+				fontFamily: "inherit",
+				color: S.green,
+				background: S.evergreen,
+				border: "none",
+				borderRadius: "8px",
+				cursor: "pointer"
+			},
+			children: "Try again"
+		})
+	]
+}), w = (e, t) => {
+	i(() => {
+		let n = e.current;
+		if (n) for (let [e, r] of Object.entries(t)) r !== void 0 && (n[e] = r);
+	});
+}, T = (e) => {
+	let { webComponentTag: t, appName: n, appVersion: a, scriptUrls: c, fallbackScriptUrls: l, collectorUrls: u, env: d, jwt: f, timeoutMs: p } = e, [m, h] = o(!1), [g, v] = o(0);
+	return i(() => (h(!1), _({
+		webComponentTag: t,
+		appName: n ?? t,
+		appVersion: a,
+		scriptUrls: c,
+		fallbackScriptUrls: l,
+		collectorUrls: u ?? s,
+		env: d,
+		jwt: f,
+		timeoutMs: p,
+		onError: () => h(!0)
+	})), [
+		t,
+		n,
+		a,
+		c,
+		l,
+		u,
+		d,
+		f,
+		p,
+		g
+	]), {
+		loadFailed: m,
+		retry: r(() => v((e) => e + 1), [])
+	};
+}, E = b("csp-fiat-withdrawals-web", "index.js", { eu: !0 }), D = "zerohash-csp-fiat-withdrawals", O = ({ jwt: t, env: r = "prod", theme: i, onCompleted: o, onError: s, onClose: c, onLoaded: l, onEvent: u, ...d }) => {
+	let f = a(null);
+	w(f, {
+		theme: i,
+		onCompleted: o,
+		onError: s,
+		onClose: c,
+		onLoaded: l,
+		onEvent: u
+	});
+	let { loadFailed: p, retry: m } = T({
+		webComponentTag: D,
+		scriptUrls: E,
+		env: r,
+		jwt: t
+	});
+	return p ? /* @__PURE__ */ e(C, {
+		onRetry: m,
+		onClose: c
+	}) : n.createElement(D, {
+		ref: f,
+		jwt: t,
+		env: r,
+		theme: i,
+		...d
+	});
 };
+//#endregion
+export { O as CspFiatWithdrawals };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@zerohash-sdk/csp-fiat-withdrawals-react",
-  "version": "0.13.4",
+  "version": "0.13.5",
   "private": false,
   "type": "module",
   "main": "./dist/index.js",