@zerohash-sdk/onboarding-js 1.6.1 → 1.7.0

package/README.md

@@ -21,14 +21,14 @@ import { Onboarding } from '@zerohash-sdk/onboarding-js';
 ```html
 <script
   type="module"
-  src="https://sdk.connect.xyz/onboarding-web/index.js"
+  src="https://sdk-cdn.zerohash.com/onboarding-web/index.js"
 ></script>
 ```
 
 Or import directly in your JavaScript code:
 
 ```javascript
-import { Onboarding } from 'https://sdk.connect.xyz/onboarding-web/index.js';
+import { Onboarding } from 'https://sdk-cdn.zerohash.com/onboarding-web/index.js';
 ```
 
 ## Getting Started
@@ -42,7 +42,7 @@ import { Onboarding } from '@zerohash-sdk/onboarding-js';
 ### 1.1 Or import via CDN
 
 ```javascript
-import { Onboarding } from 'https://sdk.connect.xyz/onboarding-web/index.js';
+import { Onboarding } from 'https://sdk-cdn.zerohash.com/onboarding-web/index.js';
 ```
 
 ### 2. Initialize and render the widget

package/dist/index.d.ts

@@ -424,14 +424,7 @@ declare class Onboarding extends BaseJsSdk<OnboardingConfig> {
         SCRIPT_LOAD_FAILED: string;
         WEB_COMPONENT_NOT_DEFINED: string;
     };
-    protected scriptUrls: {
-        local: string;
-        dev: string;
-        cert: string;
-        prod: string;
-        sandbox: string;
-        production: string;
-    };
+    protected scriptUrls: Record<string, string>;
     protected webComponentTag: string;
     /**
      * Render the Onboarding widget to a container element

package/dist/index.js

@@ -1,4 +1,4 @@
-const C = "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,50 +6,50 @@ const C = "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, "/"), n = r + "===".slice(0, (4 - r.length % 4) % 4), o = typeof atob < "u" ? atob(n) : Buffer.from(n, "base64").toString("utf-8"), i = JSON.parse(o)?.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;
   }
-}, O = (e, t) => M(t) !== "eu" ? e : e === "cert" ? "eu-cert" : e === "prod" ? "eu-prod" : e, W = (e) => {
+}, S = (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, "/"), 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), 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 = O(t, r);
+}, N = (e, t, r) => {
+  const n = S(t, r);
   return e[n] ?? e[t] ?? e.prod;
-}, P = (e, t, r) => {
-  const n = O(t, r);
+}, k = (e, t, r) => {
+  const n = S(t, r);
   return e[n] ?? e[t];
-}, b = () => {
-}, j = () => {
+}, w = () => {
+}, F = () => {
   const e = new Uint8Array(8);
   return globalThis.crypto.getRandomValues(e), Array.from(e, (t) => t.toString(16).padStart(2, "0")).join("");
-}, k = (e, t) => {
-  const r = j(), n = globalThis.__ZH_WEB_SDK_VERSION__, o = {};
+}, $ = (e, t) => {
+  const r = F(), 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: {
@@ -74,10 +74,10 @@ const C = "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 } = k(t, r);
+  const { sessionId: n, payload: o } = $(t, r);
   try {
     fetch(e, {
       method: "POST",
@@ -88,60 +88,60 @@ const C = "production", z = "JWT token is required and must be a string.", x = {
     });
   } catch {
   }
-}, F = (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;
+}, V = (e) => {
+  const { webComponentTag: t, appName: r, appVersion: n, scriptUrls: o, fallbackScriptUrls: a, collectorUrls: i, env: s, jwt: c, timeoutMs: L = 15e3, onLoad: v, onError: I } = e;
   if (typeof document > "u")
-    return b;
-  const u = `${t}-script-${s}`;
-  if (customElements.get(t) || document.getElementById(u))
-    return b;
-  const v = W(d), D = e.report ?? ((l) => U(c && P(c, s, d), l, n));
-  let m = !1, w = 0, f;
-  const h = () => {
-    f !== void 0 && clearTimeout(f);
-  }, g = (l, p, i) => {
+    return w;
+  const h = `${t}-script-${s}`;
+  if (customElements.get(t) || document.getElementById(h))
+    return w;
+  const A = U(c), D = e.report ?? ((l) => B(i && k(i, s, c), l, n));
+  let m = !1, b = 0, g;
+  const f = () => {
+    g !== void 0 && clearTimeout(g);
+  }, E = (l, u, d) => {
     if (m)
       return;
-    const A = Math.round(performance.now() - w), y = {
+    const z = Math.round(performance.now() - b), C = {
       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(y);
-    const E = i ? void 0 : T(a ?? {}, s, d);
-    if (E && E !== p) {
-      _(E, !0);
+    D(C);
+    const _ = d ? void 0 : N(a ?? {}, s, c);
+    if (_ && _ !== u) {
+      R(_, !0);
       return;
     }
-    m = !0, h(), document.getElementById(u)?.remove(), I?.(y);
-  }, _ = (l, p) => {
-    h(), w = 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?.(C);
+  }, R = (l, u) => {
+    f(), b = 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), S), document.getElementById(u)?.remove(), document.head.appendChild(i);
-  }, R = T(o, s, d);
-  return R ? (_(R, !1), () => {
-    m = !0, h();
-  }) : b;
+    }, d.onerror = () => E("network", l, u), g = setTimeout(() => E("timeout", l, u), L), document.getElementById(h)?.remove(), document.head.appendChild(d);
+  }, y = N(o, s, c);
+  return y ? (R(y, !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 || C,
+      env: t.env || T,
       theme: t.theme
     }, this.state = {
       initialized: !1,
@@ -202,7 +202,7 @@ class B {
     return { ...this.config };
   }
   getEnvironment() {
-    return this.config.env || C;
+    return this.config.env || T;
   }
   getScriptId() {
     return `${this.webComponentTag}-script-${this.getEnvironment()}`;
@@ -221,11 +221,11 @@ 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,
@@ -273,11 +273,27 @@ class B {
     }), 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: n = !1, legacyAliases: o = !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 o && (s.sandbox = i(p.cert), s.production = i(p.prod)), n && (s["eu-cert"] = i(p["eu-cert"]), s["eu-prod"] = i(p["eu-prod"])), s;
+};
+var O;
 (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 {
+})(O || (O = {}));
+class x extends j {
   errorMessages = {
     ALREADY_RENDERED: "Onboarding widget is already rendered. Call destroy() before rendering again.",
     NOT_RENDERED: "Onboarding widget is not rendered. Call render() first.",
@@ -285,14 +301,7 @@ class V extends B {
     SCRIPT_LOAD_FAILED: "Failed to load the Connect Onboarding script.",
     WEB_COMPONENT_NOT_DEFINED: "Web component is not defined. Script may not be loaded."
   };
-  scriptUrls = {
-    local: "http://localhost:5173/onboarding-web/index.js",
-    dev: "https://connect-sdk.dev.0hash.com/onboarding-web/index.js",
-    cert: "https://sdk.sandbox.connect.xyz/onboarding-web/index.js",
-    prod: "https://sdk.connect.xyz/onboarding-web/index.js",
-    sandbox: "https://sdk.sandbox.connect.xyz/onboarding-web/index.js",
-    production: "https://sdk.connect.xyz/onboarding-web/index.js"
-  };
+  scriptUrls = J("onboarding-web", "index.js", { legacyAliases: !0 });
   webComponentTag = "zerohash-onboarding";
   /**
    * Render the Onboarding widget to a container element
@@ -331,7 +340,7 @@ class V extends B {
   }
 }
 export {
-  N as ErrorCode,
-  V as Onboarding,
-  V as default
+  O as ErrorCode,
+  x as Onboarding,
+  x as default
 };

package/dist/index.umd.cjs

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

package/package.json

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