@zerohash-sdk/crypto-buy-react 1.7.0 → 1.9.0

package/dist/index.d.ts

@@ -1,3 +1,4 @@
+import { CryptoBuyFilters } from '@zerohash-sdk/crypto-buy';
 import { default as default_2 } from 'react';
 
 /**
@@ -111,6 +112,23 @@ declare interface CryptoBuyProps {
      * ```
      */
     theme?: Theme;
+    /**
+     * Optional filters that narrow the list of assets shown in the widget.
+     *
+     * - `getAssets.stablecoin`: pass `false` to hide stablecoins, `true` to show
+     *   only stablecoins, or omit to include both.
+     * - `getAssets.deposit_address_creation`: restrict assets by their deposit
+     *   address creation policy.
+     *
+     * @example
+     * ```tsx
+     * <CryptoBuy
+     *   jwt={token}
+     *   filters={{ getAssets: { stablecoin: false } }}
+     * />
+     * ```
+     */
+    filters?: CryptoBuyFilters;
     /**
      * Callback invoked when the crypto sell flow is successfully completed.
      *

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 b } from "react/jsx-runtime";
 import j, { useEffect as A, 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: a, fallbackScriptUrls: i, collectorUrls: c, env: n, jwt: s, timeoutMs: u = 15e3, onLoad: b, onError: m } = e;
+  const { webComponentTag: t, appName: o, appVersion: r, scriptUrls: a, fallbackScriptUrls: i, collectorUrls: c, env: n, jwt: s, timeoutMs: m = 15e3, onLoad: g, onError: h } = e;
   if (typeof document > "u")
     return x;
-  const g = `${t}-script-${n}`;
-  if (customElements.get(t) || document.getElementById(g))
+  const d = `${t}-script-${n}`;
+  if (customElements.get(t) || document.getElementById(d))
     return x;
-  const S = P(s), v = e.report ?? ((d) => G(c && J(c, n, s), d, r));
+  const S = P(s), v = e.report ?? ((p) => G(c && J(c, n, s), p, r));
   let f = !1, w = 0, C;
   const R = () => {
     C !== void 0 && clearTimeout(C);
-  }, k = (d, h, l) => {
+  }, k = (p, y, l) => {
     if (f)
       return;
     const U = Math.round(performance.now() - w), T = {
       webComponentTag: t,
       appName: o,
       env: n,
-      scriptUrl: h,
-      reason: d,
+      scriptUrl: y,
+      reason: p,
       triedFallback: l,
       elapsedMs: U,
       claims: S
     };
     v(T);
     const O = l ? void 0 : L(i ?? {}, n, s);
-    if (O && O !== h) {
+    if (O && O !== y) {
       E(O, !0);
       return;
     }
-    f = !0, R(), document.getElementById(g)?.remove(), m?.(T);
-  }, E = (d, h) => {
+    f = !0, R(), document.getElementById(d)?.remove(), h?.(T);
+  }, E = (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 = d, l.src = p, l.type = "module", l.async = !0, l.onload = () => {
       setTimeout(() => {
-        f || (customElements.get(t) ? (f = !0, R(), b?.()) : k("not-defined", d, h));
+        f || (customElements.get(t) ? (f = !0, R(), g?.()) : k("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);
+    }, l.onerror = () => k("network", p, y), C = setTimeout(() => k("timeout", p, y), m), document.getElementById(d)?.remove(), document.head.appendChild(l);
   }, N = L(a, n, s);
   return N ? (E(N, !1), () => {
     f = !0, R();
   }) : x;
-}, p = {
+}, u = {
   local: "http://localhost:5173",
   dev: "https://sdk-cdn.dev.0hash.com",
   cert: "https://sdk-cdn.cert.zerohash.com",
@@ -141,13 +141,13 @@ 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: a = !1, local: i = p.local } = o, c = (s) => `${s}/${e}/${t}`, n = {
+  const { eu: r = !1, legacyAliases: a = !1, local: i = u.local } = o, c = (s) => `${s}/${e}/${t}`, n = {
     local: c(i),
-    dev: c(p.dev),
-    cert: c(p.cert),
-    prod: c(p.prod)
+    dev: c(u.dev),
+    cert: c(u.cert),
+    prod: c(u.prod)
   };
-  return a && (n.sandbox = c(p.cert), n.production = c(p.prod)), r && (n["eu-cert"] = c(p["eu-cert"]), n["eu-prod"] = c(p["eu-prod"])), n;
+  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;
 };
 var F;
 (function(e) {
@@ -172,7 +172,7 @@ const _ = {
   background: "#FFFFFF",
   border: `1px solid ${_.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: _.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: [b("svg", { width: "32", height: "32", viewBox: "0 0 24 24", fill: "none", "aria-hidden": "true", children: b("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" }) }), b("p", { style: { margin: 0, fontSize: "16px", fontWeight: 600 }, children: "Something went wrong" }), b("p", { style: { margin: 0, fontSize: "14px", opacity: 0.75 }, children: "We couldn't load this content. Please check your internet connection and try again." }), b("button", { type: "button", onClick: e, style: {
   marginTop: "8px",
   padding: "8px 20px",
   fontSize: "14px",
@@ -191,8 +191,8 @@ const _ = {
         a !== void 0 && (o[r] = a);
   });
 }, Y = (e) => {
-  const { webComponentTag: t, appName: o, appVersion: r, scriptUrls: a, fallbackScriptUrls: i, collectorUrls: c, env: n, jwt: s, timeoutMs: u } = e, [b, m] = z(!1), [g, S] = z(0);
-  A(() => (m(!1), Z({
+  const { webComponentTag: t, appName: o, appVersion: r, scriptUrls: a, fallbackScriptUrls: i, collectorUrls: c, env: n, jwt: s, timeoutMs: m } = e, [g, h] = z(!1), [d, S] = z(0);
+  A(() => (h(!1), Z({
     webComponentTag: t,
     appName: o ?? t,
     appVersion: r,
@@ -201,8 +201,8 @@ const _ = {
     collectorUrls: c ?? $,
     env: n,
     jwt: s,
-    timeoutMs: u,
-    onError: () => m(!0)
+    timeoutMs: m,
+    onError: () => h(!0)
   })), [
     t,
     o,
@@ -212,36 +212,38 @@ const _ = {
     c,
     n,
     s,
-    u,
-    g
+    m,
+    d
   ]);
   const v = D(() => S((f) => f + 1), []);
-  return { loadFailed: b, retry: v };
+  return { loadFailed: g, retry: v };
 }, ee = q("crypto-buy-web", "index.js"), B = "zerohash-crypto-buy", re = ({
   jwt: e,
   env: t = "prod",
   theme: o,
-  onCompleted: r,
-  onError: a,
-  onClose: i,
-  onLoaded: c,
-  onEvent: n,
-  ...s
+  filters: r,
+  onCompleted: a,
+  onError: i,
+  onClose: c,
+  onLoaded: n,
+  onEvent: s,
+  ...m
 }) => {
-  const u = M(null);
-  X(u, { theme: o, onCompleted: r, onError: a, onClose: i, onLoaded: c, onEvent: n });
-  const { loadFailed: b, retry: m } = Y({
+  const g = M(null);
+  X(g, { theme: o, filters: r, onCompleted: a, onError: i, onClose: c, onLoaded: n, onEvent: s });
+  const { loadFailed: h, retry: d } = Y({
     webComponentTag: B,
     scriptUrls: ee,
     env: t,
     jwt: e
   });
-  return b ? /* @__PURE__ */ y(Q, { onRetry: m }) : j.createElement(B, {
-    ref: u,
+  return h ? /* @__PURE__ */ b(Q, { onRetry: d }) : j.createElement(B, {
+    ref: g,
     jwt: e,
     env: t,
     theme: o,
-    ...s
+    filters: r,
+    ...m
   });
 };
 export {

package/package.json

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