@zerohash-sdk/fiat-deposits-react 1.11.6 → 1.13.1

package/dist/index.js

@@ -1,5 +1,5 @@
-import { jsxs as W, jsx as y } from "react/jsx-runtime";
-import D, { useEffect as I, useState as z, useCallback as j, useRef as M } from "react";
+import { jsxs as W, jsx as d } from "react/jsx-runtime";
+import D, { useEffect as A, useState as L, useCallback as M, useRef as j } from "react";
 const $ = {
   dev: "https://grafana-faro-collector.dev.0hash.com/collect",
   cert: "https://grafana-faro-collector.cert.zerohash.com/collect",
@@ -23,37 +23,37 @@ const $ = {
   } catch {
     return null;
   }
-}, B = (e, t) => V(t) !== "eu" ? e : e === "cert" ? "eu-cert" : e === "prod" ? "eu-prod" : e, P = (e) => {
+}, I = (e, t) => V(t) !== "eu" ? e : e === "cert" ? "eu-cert" : e === "prod" ? "eu-prod" : e, P = (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"), i = JSON.parse(a), s = i?.payload ?? {}, n = (c) => typeof c == "string" && c.length > 0 ? c : void 0;
+    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), s = c?.payload ?? {}, n = (i) => typeof i == "string" && i.length > 0 ? i : void 0;
     return {
       participantCode: n(s.participant_code),
       platformName: n(s.platform_name),
-      platformCode: n(i.platform_code),
+      platformCode: n(c.platform_code),
       region: n(s.region)
     };
   } catch {
     return {};
   }
-}, F = (e, t, o) => {
-  const r = B(t, o);
+}, z = (e, t, o) => {
+  const r = I(t, o);
   return e[r] ?? e[t] ?? e.prod;
-}, J = (e, t, o) => {
-  const r = B(t, o);
+}, H = (e, t, o) => {
+  const r = I(t, o);
   return e[r] ?? e[t];
-}, x = () => {
-}, H = () => {
+}, 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 = H(), r = globalThis.__ZH_WEB_SDK_VERSION__, a = {};
+  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 i = {
+  const c = {
     meta: {
       app: { name: e.appName, version: t ?? "unknown", environment: e.env },
       session: { id: o, attributes: a },
@@ -75,7 +75,7 @@ const $ = {
       }
     ]
   };
-  return { sessionId: o, payload: i };
+  return { sessionId: o, payload: c };
 }, K = (e, t, o) => {
   if (!e || typeof fetch > "u")
     return;
@@ -91,49 +91,49 @@ const $ = {
   } catch {
   }
 }, Z = (e) => {
-  const { webComponentTag: t, appName: o, appVersion: r, scriptUrls: a, fallbackScriptUrls: i, collectorUrls: s, env: n, jwt: c, timeoutMs: u = 15e3, onLoad: _, onError: m } = e;
+  const { webComponentTag: t, appName: o, appVersion: r, scriptUrls: a, fallbackScriptUrls: c, collectorUrls: s, env: n, jwt: i, timeoutMs: f = 15e3, onLoad: _, onError: g } = e;
   if (typeof document > "u")
-    return x;
-  const g = `${t}-script-${n}`;
-  if (customElements.get(t) || document.getElementById(g))
-    return x;
-  const S = P(c), v = e.report ?? ((d) => K(s && J(s, n, c), d, r));
-  let f = !1, N = 0, C;
+    return O;
+  const h = `${t}-script-${n}`;
+  if (customElements.get(t) || document.getElementById(h))
+    return O;
+  const S = P(i), k = e.report ?? ((p) => K(s && H(s, n, i), p, r));
+  let m = !1, w = 0, v;
   const R = () => {
-    C !== void 0 && clearTimeout(C);
-  }, k = (d, h, l) => {
-    if (f)
+    v !== void 0 && clearTimeout(v);
+  }, x = (p, y, l) => {
+    if (m)
       return;
-    const U = Math.round(performance.now() - N), E = {
+    const U = Math.round(performance.now() - w), E = {
       webComponentTag: t,
       appName: o,
       env: n,
-      scriptUrl: h,
-      reason: d,
+      scriptUrl: y,
+      reason: p,
       triedFallback: l,
       elapsedMs: U,
       claims: S
     };
-    v(E);
-    const O = l ? void 0 : F(i ?? {}, n, c);
-    if (O && O !== h) {
-      T(O, !0);
+    k(E);
+    const C = l ? void 0 : z(c ?? {}, n, i);
+    if (C && C !== y) {
+      N(C, !0);
       return;
     }
-    f = !0, R(), document.getElementById(g)?.remove(), m?.(E);
-  }, T = (d, h) => {
-    R(), N = performance.now();
+    m = !0, R(), document.getElementById(h)?.remove(), g?.(E);
+  }, N = (p, y) => {
+    R(), w = performance.now();
     const l = document.createElement("script");
-    l.id = g, l.src = d, l.type = "module", l.async = !0, l.onload = () => {
+    l.id = h, l.src = p, l.type = "module", l.async = !0, l.onload = () => {
       setTimeout(() => {
-        f || (customElements.get(t) ? (f = !0, R(), _?.()) : k("not-defined", d, h));
+        m || (customElements.get(t) ? (m = !0, R(), _?.()) : x("not-defined", p, y));
       }, 0);
-    }, l.onerror = () => k("network", d, h), C = setTimeout(() => k("timeout", d, h), u), document.getElementById(g)?.remove(), document.head.appendChild(l);
-  }, w = F(a, n, c);
-  return w ? (T(w, !1), () => {
-    f = !0, R();
-  }) : x;
-}, p = {
+    }, l.onerror = () => x("network", p, y), v = setTimeout(() => x("timeout", p, y), f), document.getElementById(h)?.remove(), document.head.appendChild(l);
+  }, T = z(a, n, i);
+  return T ? (N(T, !1), () => {
+    m = !0, R();
+  }) : O;
+}, u = {
   local: "http://localhost:5173",
   dev: "https://sdk-cdn.dev.0hash.com",
   cert: "https://sdk-cdn.cert.zerohash.com",
@@ -141,25 +141,26 @@ const $ = {
   "eu-cert": "https://sdk-cdn.cert.zerohash.eu",
   "eu-prod": "https://sdk-cdn.zerohash.eu"
 }, q = "https://sdk-cdn.gating.0hash.com", Q = (e, t, o = {}) => {
-  const { eu: r = !1, legacyAliases: a = !1, local: i = p.local } = o, s = (c) => `${c}/${e}/${t}`, n = {
-    local: s(i),
-    dev: s(p.dev),
+  const { eu: r = !1, legacyAliases: a = !1, local: c = u.local } = o, s = (i) => `${i}/${e}/${t}`, n = {
+    local: s(c),
+    dev: s(u.dev),
     gating: s(q),
-    cert: s(p.cert),
-    prod: s(p.prod)
+    cert: s(u.cert),
+    prod: s(u.prod)
   };
-  return a && (n.sandbox = s(p.cert), n.production = s(p.prod)), r && (n["eu-cert"] = s(p["eu-cert"]), n["eu-prod"] = s(p["eu-prod"])), n;
+  return a && (n.sandbox = s(u.cert), n.production = s(u.prod)), r && (n["eu-cert"] = s(u["eu-cert"]), n["eu-prod"] = s(u["eu-prod"])), n;
 };
-var L;
+var F;
 (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 = {}));
+})(F || (F = {}));
 const b = {
   evergreen: "#00381D",
   green: "#CCFFD0",
   offBlack: "#1C1B1C",
   grayLight: "#EBEBE9"
-}, X = ({ onRetry: e }) => W("div", { role: "alert", style: {
+}, X = ({ onRetry: e, onClose: t }) => W("div", { role: "alert", style: {
+  position: "relative",
   display: "flex",
   flexDirection: "column",
   alignItems: "center",
@@ -173,7 +174,18 @@ const b = {
   background: "#FFFFFF",
   border: `1px solid ${b.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: b.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: [t && d("button", { type: "button", onClick: t, "aria-label": "Close", style: {
+  position: "absolute",
+  top: "12px",
+  right: "12px",
+  display: "flex",
+  padding: "4px",
+  color: b.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: b.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",
@@ -185,64 +197,70 @@ const b = {
   borderRadius: "8px",
   cursor: "pointer"
 }, children: "Try again" })] }), Y = (e, t) => {
-  I(() => {
+  A(() => {
     const o = e.current;
     if (o)
       for (const [r, a] of Object.entries(t))
         a !== void 0 && (o[r] = a);
   });
 }, ee = (e) => {
-  const { webComponentTag: t, appName: o, appVersion: r, scriptUrls: a, fallbackScriptUrls: i, collectorUrls: s, env: n, jwt: c, timeoutMs: u } = e, [_, m] = z(!1), [g, S] = z(0);
-  I(() => (m(!1), Z({
+  const { webComponentTag: t, appName: o, appVersion: r, scriptUrls: a, fallbackScriptUrls: c, collectorUrls: s, env: n, jwt: i, timeoutMs: f } = e, [_, g] = L(!1), [h, S] = L(0);
+  A(() => (g(!1), Z({
     webComponentTag: t,
     appName: o ?? t,
     appVersion: r,
     scriptUrls: a,
-    fallbackScriptUrls: i,
+    fallbackScriptUrls: c,
     collectorUrls: s ?? $,
     env: n,
-    jwt: c,
-    timeoutMs: u,
-    onError: () => m(!0)
+    jwt: i,
+    timeoutMs: f,
+    onError: () => g(!0)
   })), [
     t,
     o,
     r,
     a,
-    i,
+    c,
     s,
     n,
-    c,
-    u,
-    g
+    i,
+    f,
+    h
   ]);
-  const v = j(() => S((f) => f + 1), []);
-  return { loadFailed: _, retry: v };
-}, te = Q("fiat-deposits-web", "index.js", { eu: !0 }), A = "zerohash-fiat-deposits", ne = ({
+  const k = M(() => S((m) => m + 1), []);
+  return { loadFailed: _, retry: k };
+}, te = Q("fiat-deposits-web", "index.js", { eu: !0 }), B = "zerohash-fiat-deposits", ne = ({
   jwt: e,
   env: t = "prod",
   theme: o,
   onCompleted: r,
   onError: a,
-  onClose: i,
+  onClose: c,
   onLoaded: s,
   onEvent: n,
-  ...c
+  ...i
 }) => {
-  const u = M(null);
-  Y(u, { theme: o, onCompleted: r, onError: a, onClose: i, onLoaded: s, onEvent: n });
-  const { loadFailed: _, retry: m } = ee({
-    webComponentTag: A,
+  const f = j(null);
+  Y(f, { theme: o, onCompleted: r, onError: a, onClose: c, onLoaded: s, onEvent: n });
+  const { loadFailed: _, retry: g } = ee({
+    webComponentTag: B,
     scriptUrls: te,
     env: t,
     jwt: e
   });
-  return _ ? /* @__PURE__ */ y(X, { onRetry: m }) : D.createElement(A, {
-    ref: u,
+  return _ ? /* @__PURE__ */ d(
+    X,
+    {
+      onRetry: g,
+      onClose: c
+    }
+  ) : D.createElement(B, {
+    ref: f,
     jwt: e,
     env: t,
     theme: o,
-    ...c
+    ...i
   });
 };
 export {

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@zerohash-sdk/fiat-deposits-react",
-  "version": "1.11.6",
+  "version": "1.13.1",
   "private": false,
   "type": "module",
   "main": "./dist/index.js",