@zerohash-sdk/csp-crypto-sell-js 1.6.1 → 1.6.3

package/README.md

@@ -21,14 +21,14 @@ import { CspCryptoSell } from '@zerohash-sdk/csp-crypto-sell-js';
 ```html
 <script
   type="module"
-  src="https://sdk.connect.xyz/csp-crypto-sell-web/index.js"
+  src="https://sdk-cdn.zerohash.com/csp-crypto-sell-web/index.js"
 ></script>
 ```
 
 Or import directly in your JavaScript code:
 
 ```javascript
-import { CspCryptoSell } from 'https://sdk.connect.xyz/csp-crypto-sell-web/index.js';
+import { CspCryptoSell } from 'https://sdk-cdn.zerohash.com/csp-crypto-sell-web/index.js';
 ```
 
 ## Getting Started

package/dist/index.d.ts

@@ -318,6 +318,11 @@ declare type CommonCallbacks<TEvent = AppEvent> = {
     onEvent?: (event: TEvent) => void;
     /** Called when the widget has loaded and is ready */
     onLoaded?: () => void;
+    /**
+     * Called when a deposit reaches a terminal state (success/failure/verifying).
+     * Optional — only SDKs that drive the integrations deposit flow emit it.
+     */
+    onDeposit?: (deposit: DepositCompletedPayload) => void;
 };
 
 /**
@@ -355,16 +360,7 @@ declare class CspCryptoSell extends BaseJsSdk<CspCryptoSellConfig> {
         SCRIPT_LOAD_FAILED: string;
         WEB_COMPONENT_NOT_DEFINED: string;
     };
-    protected scriptUrls: {
-        local: string;
-        dev: string;
-        cert: string;
-        prod: string;
-        sandbox: string;
-        production: string;
-        'eu-cert': string;
-        'eu-prod': string;
-    };
+    protected scriptUrls: Record<string, string>;
     protected webComponentTag: string;
     /**
      * Render the CspCryptoSell widget to a container element
@@ -420,6 +416,35 @@ declare type CspCryptoSellEvent = AppEvent<CspCryptoSellEventType>;
  */
 declare type CspCryptoSellEventType = string;
 
+/**
+ * Deposit completed payload — emitted by SDKs that drive a deposit through
+ * the integrations flow. Lives on `CommonCallbacks` because both Auth and
+ * any SDK embedding `@zerohash/integrations-flow` (e.g. fund with `useAuth`)
+ * resolve through the same deposit-status hook.
+ */
+declare type DepositCompletedPayload = {
+    data: {
+        depositId: string;
+        status: DepositStatus;
+        assetId: string;
+        networkId: string;
+        amount?: string;
+        accountMatchingValidation?: {
+            status: 'PENDING' | 'VALID' | 'INVALID' | 'ERROR';
+            reason?: string;
+        };
+    };
+};
+
+/**
+ * Deposit status object — shared across SDKs that surface deposit completion.
+ */
+declare type DepositStatus = {
+    value: string;
+    details: string;
+    occurredAt: string;
+};
+
 /**
  * Environment configuration for the SDK
  */

package/dist/index.js

@@ -1,4 +1,4 @@
-const R = "production", z = "JWT token is required and must be a string.", x = {
+const T = "production", M = "JWT token is required and must be a string.", W = {
   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",
@@ -6,55 +6,55 @@ const R = "production", z = "JWT token is required and must be a string.", x = {
   "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"
-}, M = (e) => {
+}, P = (e) => {
   if (!e || typeof e != "string")
     return null;
   const t = e.split(".");
   if (t.length < 2)
     return null;
   try {
-    const r = t[1].replace(/-/g, "+").replace(/_/g, "/"), n = r + "===".slice(0, (4 - r.length % 4) % 4), o = typeof atob < "u" ? atob(n) : Buffer.from(n, "base64").toString("utf-8"), c = JSON.parse(o)?.payload?.region;
-    if (typeof c != "string")
+    const r = t[1].replace(/-/g, "+").replace(/_/g, "/"), o = r + "===".slice(0, (4 - r.length % 4) % 4), n = typeof atob < "u" ? atob(o) : Buffer.from(o, "base64").toString("utf-8"), i = JSON.parse(n)?.payload?.region;
+    if (typeof i != "string")
       return null;
-    const s = c.toLowerCase();
+    const s = i.toLowerCase();
     return s === "us" || s === "eu" ? s : null;
   } catch {
     return null;
   }
-}, S = (e, t) => M(t) !== "eu" ? e : e === "cert" ? "eu-cert" : e === "prod" ? "eu-prod" : e, W = (e) => {
+}, O = (e, t) => P(t) !== "eu" ? e : e === "cert" ? "eu-cert" : e === "prod" ? "eu-prod" : e, U = (e) => {
   if (!e || typeof e != "string")
     return {};
   const t = e.split(".");
   if (t.length < 2)
     return {};
   try {
-    const r = t[1].replace(/-/g, "+").replace(/_/g, "/"), n = r + "===".slice(0, (4 - r.length % 4) % 4), o = typeof atob < "u" ? atob(n) : Buffer.from(n, "base64").toString("utf-8"), a = JSON.parse(o), c = a?.payload ?? {}, s = (d) => typeof d == "string" && d.length > 0 ? d : void 0;
+    const r = t[1].replace(/-/g, "+").replace(/_/g, "/"), o = r + "===".slice(0, (4 - r.length % 4) % 4), n = typeof atob < "u" ? atob(o) : Buffer.from(o, "base64").toString("utf-8"), a = JSON.parse(n), i = a?.payload ?? {}, s = (c) => typeof c == "string" && c.length > 0 ? c : void 0;
     return {
-      participantCode: s(c.participant_code),
-      platformName: s(c.platform_name),
+      participantCode: s(i.participant_code),
+      platformName: s(i.platform_name),
       platformCode: s(a.platform_code),
-      region: s(c.region)
+      region: s(i.region)
     };
   } catch {
     return {};
   }
-}, T = (e, t, r) => {
-  const n = S(t, r);
-  return e[n] ?? e[t] ?? e.prod;
-}, j = (e, t, r) => {
-  const n = S(t, r);
-  return e[n] ?? e[t];
+}, N = (e, t, r) => {
+  const o = O(t, r);
+  return e[o] ?? e[t] ?? e.prod;
+}, k = (e, t, r) => {
+  const o = O(t, r);
+  return e[o] ?? e[t];
 }, w = () => {
-}, k = () => {
+}, F = () => {
   const e = new Uint8Array(8);
   return globalThis.crypto.getRandomValues(e), Array.from(e, (t) => t.toString(16).padStart(2, "0")).join("");
-}, P = (e, t) => {
-  const r = k(), n = globalThis.__ZH_WEB_SDK_VERSION__, o = {};
-  e.claims.participantCode && (o.participant_code = e.claims.participantCode), e.claims.platformName && (o.platform_name = e.claims.platformName), e.claims.platformCode && (o.platform_code = e.claims.platformCode), e.claims.region && (o.region = e.claims.region), n && (o.zh_web_sdk_version = n);
+}, $ = (e, t) => {
+  const r = F(), o = globalThis.__ZH_WEB_SDK_VERSION__, n = {};
+  e.claims.participantCode && (n.participant_code = e.claims.participantCode), e.claims.platformName && (n.platform_name = e.claims.platformName), e.claims.platformCode && (n.platform_code = e.claims.platformCode), e.claims.region && (n.region = e.claims.region), o && (n.zh_web_sdk_version = o);
   const a = {
     meta: {
       app: { name: e.appName, version: t ?? "unknown", environment: e.env },
-      session: { id: r, attributes: o },
+      session: { id: r, attributes: n },
       browser: typeof navigator < "u" ? { userAgent: navigator.userAgent } : void 0,
       page: typeof window < "u" ? { url: window.location.origin } : void 0
     },
@@ -74,74 +74,74 @@ const R = "production", z = "JWT token is required and must be a string.", x = {
     ]
   };
   return { sessionId: r, payload: a };
-}, U = (e, t, r) => {
+}, B = (e, t, r) => {
   if (!e || typeof fetch > "u")
     return;
-  const { sessionId: n, payload: o } = P(t, r);
+  const { sessionId: o, payload: n } = $(t, r);
   try {
     fetch(e, {
       method: "POST",
-      headers: { "Content-Type": "application/json", "x-faro-session-id": n },
-      body: JSON.stringify(o),
+      headers: { "Content-Type": "application/json", "x-faro-session-id": o },
+      body: JSON.stringify(n),
       keepalive: !0
     }).catch(() => {
     });
   } catch {
   }
-}, F = (e) => {
-  const { webComponentTag: t, appName: r, appVersion: n, scriptUrls: o, fallbackScriptUrls: a, collectorUrls: c, env: s, jwt: d, timeoutMs: O = 15e3, onLoad: L, onError: I } = e;
+}, V = (e) => {
+  const { webComponentTag: t, appName: r, appVersion: o, scriptUrls: n, fallbackScriptUrls: a, collectorUrls: i, env: s, jwt: c, timeoutMs: L = 15e3, onLoad: v, onError: I } = e;
   if (typeof document > "u")
     return w;
-  const u = `${t}-script-${s}`;
-  if (customElements.get(t) || document.getElementById(u))
+  const h = `${t}-script-${s}`;
+  if (customElements.get(t) || document.getElementById(h))
     return w;
-  const v = W(d), D = e.report ?? ((l) => U(c && j(c, s, d), l, n));
-  let m = !1, y = 0, f;
-  const h = () => {
-    f !== void 0 && clearTimeout(f);
-  }, g = (l, p, i) => {
+  const A = U(c), D = e.report ?? ((l) => B(i && k(i, s, c), l, o));
+  let m = !1, C = 0, g;
+  const f = () => {
+    g !== void 0 && clearTimeout(g);
+  }, E = (l, u, d) => {
     if (m)
       return;
-    const A = Math.round(performance.now() - y), C = {
+    const z = Math.round(performance.now() - C), b = {
       webComponentTag: t,
       appName: r,
       env: s,
-      scriptUrl: p,
+      scriptUrl: u,
       reason: l,
-      triedFallback: i,
-      elapsedMs: A,
-      claims: v
+      triedFallback: d,
+      elapsedMs: z,
+      claims: A
     };
-    D(C);
-    const E = i ? void 0 : T(a ?? {}, s, d);
-    if (E && E !== p) {
-      _(E, !0);
+    D(b);
+    const _ = d ? void 0 : N(a ?? {}, s, c);
+    if (_ && _ !== u) {
+      y(_, !0);
       return;
     }
-    m = !0, h(), document.getElementById(u)?.remove(), I?.(C);
-  }, _ = (l, p) => {
-    h(), y = performance.now();
-    const i = document.createElement("script");
-    i.id = u, i.src = l, i.type = "module", i.async = !0, i.onload = () => {
+    m = !0, f(), document.getElementById(h)?.remove(), I?.(b);
+  }, y = (l, u) => {
+    f(), C = performance.now();
+    const d = document.createElement("script");
+    d.id = h, d.src = l, d.type = "module", d.async = !0, d.onload = () => {
       setTimeout(() => {
-        m || (customElements.get(t) ? (m = !0, h(), L?.()) : g("not-defined", l, p));
+        m || (customElements.get(t) ? (m = !0, f(), v?.()) : E("not-defined", l, u));
       }, 0);
-    }, i.onerror = () => g("network", l, p), f = setTimeout(() => g("timeout", l, p), O), document.getElementById(u)?.remove(), document.head.appendChild(i);
-  }, b = T(o, s, d);
-  return b ? (_(b, !1), () => {
-    m = !0, h();
+    }, d.onerror = () => E("network", l, u), g = setTimeout(() => E("timeout", l, u), L), document.getElementById(h)?.remove(), document.head.appendChild(d);
+  }, R = N(n, s, c);
+  return R ? (y(R, !1), () => {
+    m = !0, f();
   }) : w;
 };
-class B {
+class j {
   config;
   state;
   scriptLoadingPromise;
   constructor(t) {
     if (!t.jwt || typeof t.jwt != "string")
-      throw new Error(z);
+      throw new Error(M);
     this.config = {
       ...t,
-      env: t.env || R,
+      env: t.env || T,
       theme: t.theme
     }, this.state = {
       initialized: !1,
@@ -177,8 +177,8 @@ class B {
     if (!this.state.initialized || !this.state.element)
       throw new Error(this.errorMessages.NOT_RENDERED);
     const r = this.state.element;
-    Object.entries(t).forEach(([n, o]) => {
-      o && (this.config[n] = o, r[n] = o);
+    Object.entries(t).forEach(([o, n]) => {
+      n && (this.config[o] = n, r[o] = n);
     });
   }
   /**
@@ -202,7 +202,7 @@ class B {
     return { ...this.config };
   }
   getEnvironment() {
-    return this.config.env || R;
+    return this.config.env || T;
   }
   getScriptId() {
     return `${this.webComponentTag}-script-${this.getEnvironment()}`;
@@ -221,16 +221,16 @@ class B {
       if (this.scriptLoadingPromise)
         return this.scriptLoadingPromise;
       this.scriptLoadingPromise = new Promise((t, r) => {
-        F({
+        V({
           webComponentTag: this.webComponentTag,
           appName: this.webComponentTag,
           scriptUrls: this.getEffectiveScriptUrls(),
-          collectorUrls: x,
+          collectorUrls: W,
           env: this.getEnvironment(),
           jwt: this.config.jwt,
           onLoad: t,
-          onError: (n) => {
-            r(new Error(n.reason === "not-defined" ? this.errorMessages.WEB_COMPONENT_NOT_DEFINED : `${this.errorMessages.SCRIPT_LOAD_FAILED} (${this.getEnvironment()})`));
+          onError: (o) => {
+            r(new Error(o.reason === "not-defined" ? this.errorMessages.WEB_COMPONENT_NOT_DEFINED : `${this.errorMessages.SCRIPT_LOAD_FAILED} (${this.getEnvironment()})`));
           }
         });
       });
@@ -244,14 +244,14 @@ class B {
   }
   async waitForWebComponent(t = 5e3) {
     if (!this.getWebComponent())
-      return new Promise((r, n) => {
-        const o = setTimeout(() => {
-          n(new Error(`Timeout waiting for ${this.webComponentTag} to be defined`));
+      return new Promise((r, o) => {
+        const n = setTimeout(() => {
+          o(new Error(`Timeout waiting for ${this.webComponentTag} to be defined`));
         }, t);
         customElements.whenDefined(this.webComponentTag).then(() => {
-          clearTimeout(o), r();
+          clearTimeout(n), r();
         }).catch((a) => {
-          clearTimeout(o), n(a);
+          clearTimeout(n), o(a);
         });
       });
   }
@@ -268,16 +268,32 @@ class B {
   }
   createWebComponent() {
     const t = document.createElement(this.webComponentTag);
-    return Object.entries(this.config).forEach(([r, n]) => {
-      n && (t[r] = n);
+    return Object.entries(this.config).forEach(([r, o]) => {
+      o && (t[r] = o);
     }), t;
   }
 }
-var N;
+const p = {
+  local: "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"
+}, J = (e, t, r = {}) => {
+  const { eu: o = !1, legacyAliases: n = !1, local: a = p.local } = r, i = (c) => `${c}/${e}/${t}`, s = {
+    local: i(a),
+    dev: i(p.dev),
+    cert: i(p.cert),
+    prod: i(p.prod)
+  };
+  return n && (s.sandbox = i(p.cert), s.production = i(p.prod)), o && (s["eu-cert"] = i(p["eu-cert"]), s["eu-prod"] = i(p["eu-prod"])), s;
+};
+var S;
 (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";
-})(N || (N = {}));
-class V extends B {
+})(S || (S = {}));
+class x extends j {
   errorMessages = {
     ALREADY_RENDERED: "CspCryptoSell widget is already rendered. Call destroy() before rendering again.",
     NOT_RENDERED: "CspCryptoSell widget is not rendered. Call render() first.",
@@ -285,18 +301,10 @@ class V extends B {
     SCRIPT_LOAD_FAILED: "Failed to load the Connect CspCryptoSell script.",
     WEB_COMPONENT_NOT_DEFINED: "Web component is not defined. Script may not be loaded."
   };
-  // US partners stay on connect.xyz; EU partners (JWT payload.region='eu') get
-  // routed to sdk-cdn.zerohash.eu by BaseJsSdk.getScriptUrl via resolveEnvByRegion.
-  scriptUrls = {
-    local: "http://localhost:5173/csp-crypto-sell-web/index.js",
-    dev: "https://connect-sdk.dev.0hash.com/csp-crypto-sell-web/index.js",
-    cert: "https://sdk.sandbox.connect.xyz/csp-crypto-sell-web/index.js",
-    prod: "https://sdk.connect.xyz/csp-crypto-sell-web/index.js",
-    sandbox: "https://sdk.sandbox.connect.xyz/csp-crypto-sell-web/index.js",
-    production: "https://sdk.connect.xyz/csp-crypto-sell-web/index.js",
-    "eu-cert": "https://sdk-cdn.cert.zerohash.eu/csp-crypto-sell-web/index.js",
-    "eu-prod": "https://sdk-cdn.zerohash.eu/csp-crypto-sell-web/index.js"
-  };
+  scriptUrls = J("csp-crypto-sell-web", "index.js", {
+    legacyAliases: !0,
+    eu: !0
+  });
   webComponentTag = "zerohash-csp-crypto-sell";
   /**
    * Render the CspCryptoSell widget to a container element
@@ -335,7 +343,7 @@ class V extends B {
   }
 }
 export {
-  V as CspCryptoSell,
-  N as ErrorCode,
-  V as default
+  x as CspCryptoSell,
+  S as ErrorCode,
+  x as default
 };

package/dist/index.umd.cjs

@@ -1 +1 @@
-(function(i,u){typeof exports=="object"&&typeof module<"u"?u(exports):typeof define=="function"&&define.amd?define(["exports"],u):(i=typeof globalThis<"u"?globalThis:i||self,u(i.CspCryptoSell={}))})(this,(function(i){"use strict";const u="production",L="JWT token is required and must be a string.",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"},I=e=>{if(!e||typeof e!="string")return null;const t=e.split(".");if(t.length<2)return null;try{const r=t[1].replace(/-/g,"+").replace(/_/g,"/"),n=r+"===".slice(0,(4-r.length%4)%4),o=typeof atob<"u"?atob(n):Buffer.from(n,"base64").toString("utf-8"),d=JSON.parse(o)?.payload?.region;if(typeof d!="string")return null;const s=d.toLowerCase();return s==="us"||s==="eu"?s:null}catch{return null}},b=(e,t)=>I(t)!=="eu"?e:e==="cert"?"eu-cert":e==="prod"?"eu-prod":e,D=e=>{if(!e||typeof e!="string")return{};const t=e.split(".");if(t.length<2)return{};try{const r=t[1].replace(/-/g,"+").replace(/_/g,"/"),n=r+"===".slice(0,(4-r.length%4)%4),o=typeof atob<"u"?atob(n):Buffer.from(n,"base64").toString("utf-8"),c=JSON.parse(o),d=c?.payload??{},s=l=>typeof l=="string"&&l.length>0?l:void 0;return{participantCode:s(d.participant_code),platformName:s(d.platform_name),platformCode:s(c.platform_code),region:s(d.region)}}catch{return{}}},C=(e,t,r)=>{const n=b(t,r);return e[n]??e[t]??e.prod},A=(e,t,r)=>{const n=b(t,r);return e[n]??e[t]},E=()=>{},z=()=>{const e=new Uint8Array(8);return globalThis.crypto.getRandomValues(e),Array.from(e,t=>t.toString(16).padStart(2,"0")).join("")},M=(e,t)=>{const r=z(),n=globalThis.__ZH_WEB_SDK_VERSION__,o={};e.claims.participantCode&&(o.participant_code=e.claims.participantCode),e.claims.platformName&&(o.platform_name=e.claims.platformName),e.claims.platformCode&&(o.platform_code=e.claims.platformCode),e.claims.region&&(o.region=e.claims.region),n&&(o.zh_web_sdk_version=n);const c={meta:{app:{name:e.appName,version:t??"unknown",environment:e.env},session:{id:r,attributes:o},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: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:r,payload:c}},j=(e,t,r)=>{if(!e||typeof fetch>"u")return;const{sessionId:n,payload:o}=M(t,r);try{fetch(e,{method:"POST",headers:{"Content-Type":"application/json","x-faro-session-id":n},body:JSON.stringify(o),keepalive:!0}).catch(()=>{})}catch{}},x=e=>{const{webComponentTag:t,appName:r,appVersion:n,scriptUrls:o,fallbackScriptUrls:c,collectorUrls:d,env:s,jwt:l,timeoutMs:k=15e3,onLoad:P,onError:U}=e;if(typeof document>"u")return E;const f=`${t}-script-${s}`;if(customElements.get(t)||document.getElementById(f))return E;const F=D(l),B=e.report??(p=>j(d&&A(d,s,l),p,n));let h=!1,T=0,y;const g=()=>{y!==void 0&&clearTimeout(y)},w=(p,m,a)=>{if(h)return;const V=Math.round(performance.now()-T),O={webComponentTag:t,appName:r,env:s,scriptUrl:m,reason:p,triedFallback:a,elapsedMs:V,claims:F};B(O);const _=a?void 0:C(c??{},s,l);if(_&&_!==m){S(_,!0);return}h=!0,g(),document.getElementById(f)?.remove(),U?.(O)},S=(p,m)=>{g(),T=performance.now();const a=document.createElement("script");a.id=f,a.src=p,a.type="module",a.async=!0,a.onload=()=>{setTimeout(()=>{h||(customElements.get(t)?(h=!0,g(),P?.()):w("not-defined",p,m))},0)},a.onerror=()=>w("network",p,m),y=setTimeout(()=>w("timeout",p,m),k),document.getElementById(f)?.remove(),document.head.appendChild(a)},N=C(o,s,l);return N?(S(N,!1),()=>{h=!0,g()}):E};class W{config;state;scriptLoadingPromise;constructor(t){if(!t.jwt||typeof t.jwt!="string")throw new Error(L);this.config={...t,env:t.env||u,theme:t.theme},this.state={initialized:!1,scriptLoaded:!1,container:null,element:null}}async render(t){if(!t||!(t instanceof HTMLElement))throw new Error(this.errorMessages.INVALID_CONTAINER);if(this.state.initialized)throw new Error(this.errorMessages.ALREADY_RENDERED);try{await this.ensureScriptLoaded();const r=this.createWebComponent();t.innerHTML="",t.appendChild(r),this.state.container=t,this.state.element=r,this.state.initialized=!0}catch(r){throw console.error("Failed to render widget:",r),r}}updateConfig(t){if(!this.state.initialized||!this.state.element)throw new Error(this.errorMessages.NOT_RENDERED);const r=this.state.element;Object.entries(t).forEach(([n,o])=>{o&&(this.config[n]=o,r[n]=o)})}destroy(){this.state.initialized&&(this.state.element&&this.state.element.parentNode&&this.state.element.parentNode.removeChild(this.state.element),this.state.container&&(this.state.container.innerHTML=""),this.state.container=null,this.state.element=null,this.state.initialized=!1)}isRendered(){return this.state.initialized}getConfig(){return{...this.config}}getEnvironment(){return this.config.env||u}getScriptId(){return`${this.webComponentTag}-script-${this.getEnvironment()}`}isScriptLoaded(){return!!document.getElementById(this.getScriptId())}getWebComponent(){return customElements.get(this.webComponentTag)}getEffectiveScriptUrls(){return this.scriptUrls}async loadScript(){if(!(this.getWebComponent()||this.isScriptLoaded())){if(this.scriptLoadingPromise)return this.scriptLoadingPromise;this.scriptLoadingPromise=new Promise((t,r)=>{x({webComponentTag:this.webComponentTag,appName:this.webComponentTag,scriptUrls:this.getEffectiveScriptUrls(),collectorUrls:v,env:this.getEnvironment(),jwt:this.config.jwt,onLoad:t,onError:n=>{r(new Error(n.reason==="not-defined"?this.errorMessages.WEB_COMPONENT_NOT_DEFINED:`${this.errorMessages.SCRIPT_LOAD_FAILED} (${this.getEnvironment()})`))}})});try{await this.scriptLoadingPromise}catch(t){throw this.scriptLoadingPromise=void 0,t}return this.scriptLoadingPromise}}async waitForWebComponent(t=5e3){if(!this.getWebComponent())return new Promise((r,n)=>{const o=setTimeout(()=>{n(new Error(`Timeout waiting for ${this.webComponentTag} to be defined`))},t);customElements.whenDefined(this.webComponentTag).then(()=>{clearTimeout(o),r()}).catch(c=>{clearTimeout(o),n(c)})})}async ensureScriptLoaded(){if(!this.state.scriptLoaded)try{await this.loadScript(),await this.waitForWebComponent(),this.state.scriptLoaded=!0}catch(t){throw console.error("Failed to load Connect script:",t),t}}createWebComponent(){const t=document.createElement(this.webComponentTag);return Object.entries(this.config).forEach(([r,n])=>{n&&(t[r]=n)}),t}}i.ErrorCode=void 0,(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"})(i.ErrorCode||(i.ErrorCode={}));class R extends W{errorMessages={ALREADY_RENDERED:"CspCryptoSell widget is already rendered. Call destroy() before rendering again.",NOT_RENDERED:"CspCryptoSell widget is not rendered. Call render() first.",INVALID_CONTAINER:"Invalid container element provided.",SCRIPT_LOAD_FAILED:"Failed to load the Connect CspCryptoSell script.",WEB_COMPONENT_NOT_DEFINED:"Web component is not defined. Script may not be loaded."};scriptUrls={local:"http://localhost:5173/csp-crypto-sell-web/index.js",dev:"https://connect-sdk.dev.0hash.com/csp-crypto-sell-web/index.js",cert:"https://sdk.sandbox.connect.xyz/csp-crypto-sell-web/index.js",prod:"https://sdk.connect.xyz/csp-crypto-sell-web/index.js",sandbox:"https://sdk.sandbox.connect.xyz/csp-crypto-sell-web/index.js",production:"https://sdk.connect.xyz/csp-crypto-sell-web/index.js","eu-cert":"https://sdk-cdn.cert.zerohash.eu/csp-crypto-sell-web/index.js","eu-prod":"https://sdk-cdn.zerohash.eu/csp-crypto-sell-web/index.js"};webComponentTag="zerohash-csp-crypto-sell";render(t){return super.render(t)}updateConfig(t){return super.updateConfig(t)}getConfig(){return super.getConfig()}isRendered(){return super.isRendered()}destroy(){return super.destroy()}}i.CspCryptoSell=R,i.default=R,Object.defineProperties(i,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}})}));
+(function(c,m){typeof exports=="object"&&typeof module<"u"?m(exports):typeof define=="function"&&define.amd?define(["exports"],m):(c=typeof globalThis<"u"?globalThis:c||self,m(c.CspCryptoSell={}))})(this,(function(c){"use strict";const m="production",v="JWT token is required and must be a string.",I={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"},A=e=>{if(!e||typeof e!="string")return null;const t=e.split(".");if(t.length<2)return null;try{const r=t[1].replace(/-/g,"+").replace(/_/g,"/"),o=r+"===".slice(0,(4-r.length%4)%4),n=typeof atob<"u"?atob(o):Buffer.from(o,"base64").toString("utf-8"),i=JSON.parse(n)?.payload?.region;if(typeof i!="string")return null;const s=i.toLowerCase();return s==="us"||s==="eu"?s:null}catch{return null}},b=(e,t)=>A(t)!=="eu"?e:e==="cert"?"eu-cert":e==="prod"?"eu-prod":e,D=e=>{if(!e||typeof e!="string")return{};const t=e.split(".");if(t.length<2)return{};try{const r=t[1].replace(/-/g,"+").replace(/_/g,"/"),o=r+"===".slice(0,(4-r.length%4)%4),n=typeof atob<"u"?atob(o):Buffer.from(o,"base64").toString("utf-8"),a=JSON.parse(n),i=a?.payload??{},s=d=>typeof d=="string"&&d.length>0?d:void 0;return{participantCode:s(i.participant_code),platformName:s(i.platform_name),platformCode:s(a.platform_code),region:s(i.region)}}catch{return{}}},R=(e,t,r)=>{const o=b(t,r);return e[o]??e[t]??e.prod},z=(e,t,r)=>{const o=b(t,r);return e[o]??e[t]},_=()=>{},M=()=>{const e=new Uint8Array(8);return globalThis.crypto.getRandomValues(e),Array.from(e,t=>t.toString(16).padStart(2,"0")).join("")},W=(e,t)=>{const r=M(),o=globalThis.__ZH_WEB_SDK_VERSION__,n={};e.claims.participantCode&&(n.participant_code=e.claims.participantCode),e.claims.platformName&&(n.platform_name=e.claims.platformName),e.claims.platformCode&&(n.platform_code=e.claims.platformCode),e.claims.region&&(n.region=e.claims.region),o&&(n.zh_web_sdk_version=o);const a={meta:{app:{name:e.appName,version:t??"unknown",environment:e.env},session:{id:r,attributes:n},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: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:r,payload:a}},P=(e,t,r)=>{if(!e||typeof fetch>"u")return;const{sessionId:o,payload:n}=W(t,r);try{fetch(e,{method:"POST",headers:{"Content-Type":"application/json","x-faro-session-id":o},body:JSON.stringify(n),keepalive:!0}).catch(()=>{})}catch{}},U=e=>{const{webComponentTag:t,appName:r,appVersion:o,scriptUrls:n,fallbackScriptUrls:a,collectorUrls:i,env:s,jwt:d,timeoutMs:$=15e3,onLoad:j,onError:B}=e;if(typeof document>"u")return _;const g=`${t}-script-${s}`;if(customElements.get(t)||document.getElementById(g))return _;const V=D(d),J=e.report??(u=>P(i&&z(i,s,d),u,o));let f=!1,S=0,C;const E=()=>{C!==void 0&&clearTimeout(C)},y=(u,h,l)=>{if(f)return;const H=Math.round(performance.now()-S),L={webComponentTag:t,appName:r,env:s,scriptUrl:h,reason:u,triedFallback:l,elapsedMs:H,claims:V};J(L);const w=l?void 0:R(a??{},s,d);if(w&&w!==h){N(w,!0);return}f=!0,E(),document.getElementById(g)?.remove(),B?.(L)},N=(u,h)=>{E(),S=performance.now();const l=document.createElement("script");l.id=g,l.src=u,l.type="module",l.async=!0,l.onload=()=>{setTimeout(()=>{f||(customElements.get(t)?(f=!0,E(),j?.()):y("not-defined",u,h))},0)},l.onerror=()=>y("network",u,h),C=setTimeout(()=>y("timeout",u,h),$),document.getElementById(g)?.remove(),document.head.appendChild(l)},O=R(n,s,d);return O?(N(O,!1),()=>{f=!0,E()}):_};class k{config;state;scriptLoadingPromise;constructor(t){if(!t.jwt||typeof t.jwt!="string")throw new Error(v);this.config={...t,env:t.env||m,theme:t.theme},this.state={initialized:!1,scriptLoaded:!1,container:null,element:null}}async render(t){if(!t||!(t instanceof HTMLElement))throw new Error(this.errorMessages.INVALID_CONTAINER);if(this.state.initialized)throw new Error(this.errorMessages.ALREADY_RENDERED);try{await this.ensureScriptLoaded();const r=this.createWebComponent();t.innerHTML="",t.appendChild(r),this.state.container=t,this.state.element=r,this.state.initialized=!0}catch(r){throw console.error("Failed to render widget:",r),r}}updateConfig(t){if(!this.state.initialized||!this.state.element)throw new Error(this.errorMessages.NOT_RENDERED);const r=this.state.element;Object.entries(t).forEach(([o,n])=>{n&&(this.config[o]=n,r[o]=n)})}destroy(){this.state.initialized&&(this.state.element&&this.state.element.parentNode&&this.state.element.parentNode.removeChild(this.state.element),this.state.container&&(this.state.container.innerHTML=""),this.state.container=null,this.state.element=null,this.state.initialized=!1)}isRendered(){return this.state.initialized}getConfig(){return{...this.config}}getEnvironment(){return this.config.env||m}getScriptId(){return`${this.webComponentTag}-script-${this.getEnvironment()}`}isScriptLoaded(){return!!document.getElementById(this.getScriptId())}getWebComponent(){return customElements.get(this.webComponentTag)}getEffectiveScriptUrls(){return this.scriptUrls}async loadScript(){if(!(this.getWebComponent()||this.isScriptLoaded())){if(this.scriptLoadingPromise)return this.scriptLoadingPromise;this.scriptLoadingPromise=new Promise((t,r)=>{U({webComponentTag:this.webComponentTag,appName:this.webComponentTag,scriptUrls:this.getEffectiveScriptUrls(),collectorUrls:I,env:this.getEnvironment(),jwt:this.config.jwt,onLoad:t,onError:o=>{r(new Error(o.reason==="not-defined"?this.errorMessages.WEB_COMPONENT_NOT_DEFINED:`${this.errorMessages.SCRIPT_LOAD_FAILED} (${this.getEnvironment()})`))}})});try{await this.scriptLoadingPromise}catch(t){throw this.scriptLoadingPromise=void 0,t}return this.scriptLoadingPromise}}async waitForWebComponent(t=5e3){if(!this.getWebComponent())return new Promise((r,o)=>{const n=setTimeout(()=>{o(new Error(`Timeout waiting for ${this.webComponentTag} to be defined`))},t);customElements.whenDefined(this.webComponentTag).then(()=>{clearTimeout(n),r()}).catch(a=>{clearTimeout(n),o(a)})})}async ensureScriptLoaded(){if(!this.state.scriptLoaded)try{await this.loadScript(),await this.waitForWebComponent(),this.state.scriptLoaded=!0}catch(t){throw console.error("Failed to load Connect script:",t),t}}createWebComponent(){const t=document.createElement(this.webComponentTag);return Object.entries(this.config).forEach(([r,o])=>{o&&(t[r]=o)}),t}}const p={local:"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"},F=(e,t,r={})=>{const{eu:o=!1,legacyAliases:n=!1,local:a=p.local}=r,i=d=>`${d}/${e}/${t}`,s={local:i(a),dev:i(p.dev),cert:i(p.cert),prod:i(p.prod)};return n&&(s.sandbox=i(p.cert),s.production=i(p.prod)),o&&(s["eu-cert"]=i(p["eu-cert"]),s["eu-prod"]=i(p["eu-prod"])),s};c.ErrorCode=void 0,(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"})(c.ErrorCode||(c.ErrorCode={}));class T extends k{errorMessages={ALREADY_RENDERED:"CspCryptoSell widget is already rendered. Call destroy() before rendering again.",NOT_RENDERED:"CspCryptoSell widget is not rendered. Call render() first.",INVALID_CONTAINER:"Invalid container element provided.",SCRIPT_LOAD_FAILED:"Failed to load the Connect CspCryptoSell script.",WEB_COMPONENT_NOT_DEFINED:"Web component is not defined. Script may not be loaded."};scriptUrls=F("csp-crypto-sell-web","index.js",{legacyAliases:!0,eu:!0});webComponentTag="zerohash-csp-crypto-sell";render(t){return super.render(t)}updateConfig(t){return super.updateConfig(t)}getConfig(){return super.getConfig()}isRendered(){return super.isRendered()}destroy(){return super.destroy()}}c.CspCryptoSell=T,c.default=T,Object.defineProperties(c,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}})}));

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@zerohash-sdk/csp-crypto-sell-js",
-  "version": "1.6.1",
+  "version": "1.6.3",
   "private": false,
   "type": "module",
   "main": "./dist/index.js",