@zerohash-sdk/fiat-deposits-js 1.4.1 → 1.5.0

package/dist/index.d.ts

@@ -185,21 +185,22 @@ declare abstract class BaseJsSdk<Config extends BaseConfig<never> = BaseConfig>
         return customElements.get(this.webComponentTag);
     }
 
-    private getScriptUrl() {
-        // Support local development with Vite
+    private getEffectiveScriptUrls(): Record<string, string> {
+        // Support local development with Vite: an internal build pins the script
+        // URL for the configured env, bypassing the CDN maps entirely.
         if (typeof import.meta !== 'undefined' && import.meta.env?.['VITE_INTERNAL_BUILD'] === 'true') {
-            return import.meta.env['VITE_SCRIPT_URL'] || this.scriptUrls[this.getEnvironment()];
+            const override = import.meta.env['VITE_SCRIPT_URL'];
+            if (override) return { [this.getEnvironment()]: override };
         }
 
-        // Route EU partners (region claim in JWT) to EU-hosted assets without
-        // changing the public `env` contract — falls back to the configured env
-        // when no EU URL is registered for that environment.
-        const effectiveEnv = resolveEnvByRegion(this.getEnvironment(), this.config.jwt);
-        return this.scriptUrls[effectiveEnv] ?? this.scriptUrls[this.getEnvironment()];
+        return this.scriptUrls;
     }
 
     private async loadScript() {
-        if (this.isScriptLoaded()) {
+        // When the element is already defined or another instance's script tag is
+        // in flight, defer to waitForWebComponent — the shared loader would no-op
+        // for those cases and never settle this promise.
+        if (this.getWebComponent() || this.isScriptLoaded()) {
             return;
         }
 
@@ -207,29 +208,28 @@ declare abstract class BaseJsSdk<Config extends BaseConfig<never> = BaseConfig>
             return this.scriptLoadingPromise;
         }
 
+        // The shared loader also reports failures to Faro (with JWT claims for
+        // partner/participant context) and removes a failed tag so a later
+        // render() call can retry cleanly.
         this.scriptLoadingPromise = new Promise<void>((resolve, reject) => {
-            const script = document.createElement('script');
-            script.id = this.getScriptId();
-            script.src = this.getScriptUrl();
-            script.type = 'module';
-            script.async = true;
-
-            script.onload = () => {
-                setTimeout(() => {
-                    if (this.getWebComponent()) {
-                        resolve();
-                    } else {
-                        reject(new Error(this.errorMessages.WEB_COMPONENT_NOT_DEFINED));
-                    }
-                }, 0);
-            };
-
-            script.onerror = () => {
-                this.scriptLoadingPromise = undefined;
-                reject(new Error(`${this.errorMessages.SCRIPT_LOAD_FAILED} (${this.getEnvironment()})`));
-            };
-
-            document.head.appendChild(script);
+            loadWebComponentScript({
+                webComponentTag: this.webComponentTag,
+                appName: this.webComponentTag,
+                scriptUrls: this.getEffectiveScriptUrls(),
+                collectorUrls: FARO_COLLECTOR_URLS,
+                env: this.getEnvironment(),
+                jwt: this.config.jwt,
+                onLoad: resolve,
+                onError: (info) => {
+                    reject(
+                    new Error(
+                    info.reason === 'not-defined'
+                    ? this.errorMessages.WEB_COMPONENT_NOT_DEFINED
+                    : `${this.errorMessages.SCRIPT_LOAD_FAILED} (${this.getEnvironment()})`
+                    )
+                    );
+                },
+            });
         });
 
         try {

package/dist/index.js

@@ -1,30 +1,148 @@
-const d = "production", h = "JWT token is required and must be a string.", p = (r) => {
-  if (!r || typeof r != "string")
+const C = "production", z = "JWT token is required and must be a string.", x = {
+  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"
+}, F = (e) => {
+  if (!e || typeof e != "string")
     return null;
-  const e = r.split(".");
-  if (e.length < 2)
+  const t = e.split(".");
+  if (t.length < 2)
     return null;
   try {
-    const i = e[1].replace(/-/g, "+").replace(/_/g, "/"), t = i + "===".slice(0, (4 - i.length % 4) % 4), n = typeof atob < "u" ? atob(t) : Buffer.from(t, "base64").toString("utf-8"), a = JSON.parse(n)?.payload?.region;
-    if (typeof a != "string")
+    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")
       return null;
-    const s = a.toLowerCase();
+    const s = c.toLowerCase();
     return s === "us" || s === "eu" ? s : null;
   } catch {
     return null;
   }
-}, l = (r, e) => p(e) !== "eu" ? r : r === "cert" ? "eu-cert" : r === "prod" ? "eu-prod" : r;
-class u {
+}, O = (e, t) => F(t) !== "eu" ? e : e === "cert" ? "eu-cert" : e === "prod" ? "eu-prod" : e, M = (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;
+    return {
+      participantCode: s(c.participant_code),
+      platformName: s(c.platform_name),
+      platformCode: s(a.platform_code),
+      region: s(c.region)
+    };
+  } catch {
+    return {};
+  }
+}, T = (e, t, r) => {
+  const n = O(t, r);
+  return e[n] ?? e[t] ?? e.prod;
+}, W = (e, t, r) => {
+  const n = O(t, r);
+  return e[n] ?? e[t];
+}, w = () => {
+}, P = () => {
+  const e = new Uint8Array(8);
+  return globalThis.crypto.getRandomValues(e), Array.from(e, (t) => t.toString(16).padStart(2, "0")).join("");
+}, j = (e, t) => {
+  const r = P(), 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 a = {
+    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: (/* @__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: r, payload: a };
+}, k = (e, t, r) => {
+  if (!e || typeof fetch > "u")
+    return;
+  const { sessionId: n, payload: o } = j(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 {
+  }
+}, U = (e) => {
+  const { webComponentTag: t, appName: r, appVersion: n, scriptUrls: o, fallbackScriptUrls: a, collectorUrls: c, env: s, jwt: d, timeoutMs: S = 15e3, onLoad: L, onError: I } = e;
+  if (typeof document > "u")
+    return w;
+  const u = `${t}-script-${s}`;
+  if (customElements.get(t) || document.getElementById(u))
+    return w;
+  const v = M(d), D = e.report ?? ((l) => k(c && W(c, s, d), l, n));
+  let m = !1, _ = 0, h;
+  const f = () => {
+    h !== void 0 && clearTimeout(h);
+  }, g = (l, p, i) => {
+    if (m)
+      return;
+    const A = Math.round(performance.now() - _), y = {
+      webComponentTag: t,
+      appName: r,
+      env: s,
+      scriptUrl: p,
+      reason: l,
+      triedFallback: i,
+      elapsedMs: A,
+      claims: v
+    };
+    D(y);
+    const E = i ? void 0 : T(a ?? {}, s, d);
+    if (E && E !== p) {
+      b(E, !0);
+      return;
+    }
+    m = !0, f(), document.getElementById(u)?.remove(), I?.(y);
+  }, b = (l, p) => {
+    f(), _ = performance.now();
+    const i = document.createElement("script");
+    i.id = u, i.src = l, i.type = "module", i.async = !0, i.onload = () => {
+      setTimeout(() => {
+        m || (customElements.get(t) ? (m = !0, f(), L?.()) : g("not-defined", l, p));
+      }, 0);
+    }, i.onerror = () => g("network", l, p), h = setTimeout(() => g("timeout", l, p), S), document.getElementById(u)?.remove(), document.head.appendChild(i);
+  }, R = T(o, s, d);
+  return R ? (b(R, !1), () => {
+    m = !0, f();
+  }) : w;
+};
+class B {
   config;
   state;
   scriptLoadingPromise;
-  constructor(e) {
-    if (!e.jwt || typeof e.jwt != "string")
-      throw new Error(h);
+  constructor(t) {
+    if (!t.jwt || typeof t.jwt != "string")
+      throw new Error(z);
     this.config = {
-      ...e,
-      env: e.env || d,
-      theme: e.theme
+      ...t,
+      env: t.env || C,
+      theme: t.theme
     }, this.state = {
       initialized: !1,
       scriptLoaded: !1,
@@ -37,17 +155,17 @@ class u {
    * @param container - The container element to render the widget into
    * @returns Promise that resolves when the widget is rendered
    */
-  async render(e) {
-    if (!e || !(e instanceof HTMLElement))
+  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 i = this.createWebComponent();
-      e.innerHTML = "", e.appendChild(i), this.state.container = e, this.state.element = i, this.state.initialized = !0;
-    } catch (i) {
-      throw console.error("Failed to render widget:", i), i;
+      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;
     }
   }
   /**
@@ -55,12 +173,12 @@ class u {
    * @param config - Partial configuration to update
    * @returns void
    */
-  updateConfig(e) {
+  updateConfig(t) {
     if (!this.state.initialized || !this.state.element)
       throw new Error(this.errorMessages.NOT_RENDERED);
-    const i = this.state.element;
-    Object.entries(e).forEach(([t, n]) => {
-      n && (this.config[t] = n, i[t] = n);
+    const r = this.state.element;
+    Object.entries(t).forEach(([n, o]) => {
+      o && (this.config[n] = o, r[n] = o);
     });
   }
   /**
@@ -84,7 +202,7 @@ class u {
     return { ...this.config };
   }
   getEnvironment() {
-    return this.config.env || d;
+    return this.config.env || C;
   }
   getScriptId() {
     return `${this.webComponentTag}-script-${this.getEnvironment()}`;
@@ -95,42 +213,45 @@ class u {
   getWebComponent() {
     return customElements.get(this.webComponentTag);
   }
-  getScriptUrl() {
-    const e = l(this.getEnvironment(), this.config.jwt);
-    return this.scriptUrls[e] ?? this.scriptUrls[this.getEnvironment()];
+  getEffectiveScriptUrls() {
+    return this.scriptUrls;
   }
   async loadScript() {
-    if (!this.isScriptLoaded()) {
+    if (!(this.getWebComponent() || this.isScriptLoaded())) {
       if (this.scriptLoadingPromise)
         return this.scriptLoadingPromise;
-      this.scriptLoadingPromise = new Promise((e, i) => {
-        const t = document.createElement("script");
-        t.id = this.getScriptId(), t.src = this.getScriptUrl(), t.type = "module", t.async = !0, t.onload = () => {
-          setTimeout(() => {
-            this.getWebComponent() ? e() : i(new Error(this.errorMessages.WEB_COMPONENT_NOT_DEFINED));
-          }, 0);
-        }, t.onerror = () => {
-          this.scriptLoadingPromise = void 0, i(new Error(`${this.errorMessages.SCRIPT_LOAD_FAILED} (${this.getEnvironment()})`));
-        }, document.head.appendChild(t);
+      this.scriptLoadingPromise = new Promise((t, r) => {
+        U({
+          webComponentTag: this.webComponentTag,
+          appName: this.webComponentTag,
+          scriptUrls: this.getEffectiveScriptUrls(),
+          collectorUrls: x,
+          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 (e) {
-        throw this.scriptLoadingPromise = void 0, e;
+      } catch (t) {
+        throw this.scriptLoadingPromise = void 0, t;
       }
       return this.scriptLoadingPromise;
     }
   }
-  async waitForWebComponent(e = 5e3) {
+  async waitForWebComponent(t = 5e3) {
     if (!this.getWebComponent())
-      return new Promise((i, t) => {
-        const n = setTimeout(() => {
-          t(new Error(`Timeout waiting for ${this.webComponentTag} to be defined`));
-        }, e);
+      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(n), i();
-        }).catch((o) => {
-          clearTimeout(n), t(o);
+          clearTimeout(o), r();
+        }).catch((a) => {
+          clearTimeout(o), n(a);
         });
       });
   }
@@ -141,22 +262,22 @@ class u {
     if (!this.state.scriptLoaded)
       try {
         await this.loadScript(), await this.waitForWebComponent(), this.state.scriptLoaded = !0;
-      } catch (e) {
-        throw console.error("Failed to load Connect script:", e), e;
+      } catch (t) {
+        throw console.error("Failed to load Connect script:", t), t;
       }
   }
   createWebComponent() {
-    const e = document.createElement(this.webComponentTag);
-    return Object.entries(this.config).forEach(([i, t]) => {
-      t && (e[i] = t);
-    }), e;
+    const t = document.createElement(this.webComponentTag);
+    return Object.entries(this.config).forEach(([r, n]) => {
+      n && (t[r] = n);
+    }), t;
   }
 }
-var c;
-(function(r) {
-  r.NETWORK_ERROR = "network_error", r.AUTH_ERROR = "auth_error", r.NOT_FOUND_ERROR = "not_found_error", r.VALIDATION_ERROR = "validation_error", r.SERVER_ERROR = "server_error", r.CLIENT_ERROR = "client_error", r.UNKNOWN_ERROR = "unknown_error";
-})(c || (c = {}));
-class m extends u {
+var N;
+(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 {
   errorMessages = {
     ALREADY_RENDERED: "FiatDeposits widget is already rendered. Call destroy() before rendering again.",
     NOT_RENDERED: "FiatDeposits widget is not rendered. Call render() first.",
@@ -178,15 +299,15 @@ class m extends u {
    * @param container - The container element to render the widget into
    * @returns Promise that resolves when the widget is rendered
    */
-  render(e) {
-    return super.render(e);
+  render(t) {
+    return super.render(t);
   }
   /**
    * Update the configuration of the FiatDeposits widget
    * @param config - Partial configuration to update
    */
-  updateConfig(e) {
-    return super.updateConfig(e);
+  updateConfig(t) {
+    return super.updateConfig(t);
   }
   /**
    * Get the current configuration
@@ -210,5 +331,5 @@ class m extends u {
   }
 }
 export {
-  m as FiatDeposits
+  V as FiatDeposits
 };

package/dist/index.umd.cjs

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

package/package.json

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