@zerohash-sdk/crypto-account-link-js 1.6.1 → 1.6.2

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
package/README.md CHANGED
@@ -21,14 +21,14 @@ import { CryptoAccountLink } from '@zerohash-sdk/crypto-account-link-js';
21
21
  ```html
22
22
  <script
23
23
  type="module"
24
- src="https://sdk.connect.xyz/crypto-account-link-web/index.js"
24
+ src="https://sdk-cdn.zerohash.com/crypto-account-link-web/index.js"
25
25
  ></script>
26
26
  ```
27
27
 
28
28
  Or import directly in your JavaScript code:
29
29
 
30
30
  ```javascript
31
- import { CryptoAccountLink } from 'https://sdk.connect.xyz/crypto-account-link-web/index.js';
31
+ import { CryptoAccountLink } from 'https://sdk-cdn.zerohash.com/crypto-account-link-web/index.js';
32
32
  ```
33
33
 
34
34
  ## Getting Started
package/dist/index.d.ts CHANGED
@@ -362,16 +362,7 @@ declare class CryptoAccountLink extends BaseJsSdk<CryptoAccountLinkConfig> {
362
362
  SCRIPT_LOAD_FAILED: string;
363
363
  WEB_COMPONENT_NOT_DEFINED: string;
364
364
  };
365
- protected scriptUrls: {
366
- local: string;
367
- dev: string;
368
- cert: string;
369
- prod: string;
370
- sandbox: string;
371
- production: string;
372
- 'eu-cert': string;
373
- 'eu-prod': string;
374
- };
365
+ protected scriptUrls: Record<string, string>;
375
366
  protected webComponentTag: string;
376
367
  /**
377
368
  * Render the CryptoAccountLink widget to a container element
package/dist/index.js CHANGED
@@ -1,4 +1,4 @@
1
- const C = "production", D = "JWT token is required and must be a string.", z = {
1
+ const T = "production", k = "JWT token is required and must be a string.", M = {
2
2
  dev: "https://grafana-faro-collector.dev.0hash.com/collect",
3
3
  cert: "https://grafana-faro-collector.cert.zerohash.com/collect",
4
4
  prod: "https://grafana-faro-collector.zerohash.com/collect",
@@ -6,55 +6,55 @@ const C = "production", D = "JWT token is required and must be a string.", z = {
6
6
  "eu-prod": "https://grafana-faro-collector.zerohash.eu/collect",
7
7
  sandbox: "https://grafana-faro-collector.cert.zerohash.com/collect",
8
8
  production: "https://grafana-faro-collector.zerohash.com/collect"
9
- }, x = (e) => {
9
+ }, W = (e) => {
10
10
  if (!e || typeof e != "string")
11
11
  return null;
12
12
  const t = e.split(".");
13
13
  if (t.length < 2)
14
14
  return null;
15
15
  try {
16
- 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;
17
- if (typeof c != "string")
16
+ 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;
17
+ if (typeof i != "string")
18
18
  return null;
19
- const s = c.toLowerCase();
19
+ const s = i.toLowerCase();
20
20
  return s === "us" || s === "eu" ? s : null;
21
21
  } catch {
22
22
  return null;
23
23
  }
24
- }, L = (e, t) => x(t) !== "eu" ? e : e === "cert" ? "eu-cert" : e === "prod" ? "eu-prod" : e, M = (e) => {
24
+ }, S = (e, t) => W(t) !== "eu" ? e : e === "cert" ? "eu-cert" : e === "prod" ? "eu-prod" : e, P = (e) => {
25
25
  if (!e || typeof e != "string")
26
26
  return {};
27
27
  const t = e.split(".");
28
28
  if (t.length < 2)
29
29
  return {};
30
30
  try {
31
- 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;
31
+ 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;
32
32
  return {
33
- participantCode: s(c.participant_code),
34
- platformName: s(c.platform_name),
33
+ participantCode: s(i.participant_code),
34
+ platformName: s(i.platform_name),
35
35
  platformCode: s(a.platform_code),
36
- region: s(c.region)
36
+ region: s(i.region)
37
37
  };
38
38
  } catch {
39
39
  return {};
40
40
  }
41
- }, T = (e, t, r) => {
42
- const n = L(t, r);
43
- return e[n] ?? e[t] ?? e.prod;
44
- }, W = (e, t, r) => {
45
- const n = L(t, r);
46
- return e[n] ?? e[t];
41
+ }, N = (e, t, r) => {
42
+ const o = S(t, r);
43
+ return e[o] ?? e[t] ?? e.prod;
44
+ }, U = (e, t, r) => {
45
+ const o = S(t, r);
46
+ return e[o] ?? e[t];
47
47
  }, w = () => {
48
- }, j = () => {
48
+ }, F = () => {
49
49
  const e = new Uint8Array(8);
50
50
  return globalThis.crypto.getRandomValues(e), Array.from(e, (t) => t.toString(16).padStart(2, "0")).join("");
51
- }, P = (e, t) => {
52
- const r = j(), n = globalThis.__ZH_WEB_SDK_VERSION__, o = {};
53
- 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);
51
+ }, $ = (e, t) => {
52
+ const r = F(), o = globalThis.__ZH_WEB_SDK_VERSION__, n = {};
53
+ 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);
54
54
  const a = {
55
55
  meta: {
56
56
  app: { name: e.appName, version: t ?? "unknown", environment: e.env },
57
- session: { id: r, attributes: o },
57
+ session: { id: r, attributes: n },
58
58
  browser: typeof navigator < "u" ? { userAgent: navigator.userAgent } : void 0,
59
59
  page: typeof window < "u" ? { url: window.location.origin } : void 0
60
60
  },
@@ -74,74 +74,74 @@ const C = "production", D = "JWT token is required and must be a string.", z = {
74
74
  ]
75
75
  };
76
76
  return { sessionId: r, payload: a };
77
- }, U = (e, t, r) => {
77
+ }, B = (e, t, r) => {
78
78
  if (!e || typeof fetch > "u")
79
79
  return;
80
- const { sessionId: n, payload: o } = P(t, r);
80
+ const { sessionId: o, payload: n } = $(t, r);
81
81
  try {
82
82
  fetch(e, {
83
83
  method: "POST",
84
- headers: { "Content-Type": "application/json", "x-faro-session-id": n },
85
- body: JSON.stringify(o),
84
+ headers: { "Content-Type": "application/json", "x-faro-session-id": o },
85
+ body: JSON.stringify(n),
86
86
  keepalive: !0
87
87
  }).catch(() => {
88
88
  });
89
89
  } catch {
90
90
  }
91
- }, F = (e) => {
92
- const { webComponentTag: t, appName: r, appVersion: n, scriptUrls: o, fallbackScriptUrls: a, collectorUrls: c, env: s, jwt: d, timeoutMs: O = 15e3, onLoad: S, onError: I } = e;
91
+ }, V = (e) => {
92
+ const { webComponentTag: t, appName: r, appVersion: o, scriptUrls: n, fallbackScriptUrls: a, collectorUrls: i, env: s, jwt: c, timeoutMs: O = 15e3, onLoad: v, onError: A } = e;
93
93
  if (typeof document > "u")
94
94
  return w;
95
- const m = `${t}-script-${s}`;
96
- if (customElements.get(t) || document.getElementById(m))
95
+ const h = `${t}-script-${s}`;
96
+ if (customElements.get(t) || document.getElementById(h))
97
97
  return w;
98
- const v = M(d), k = e.report ?? ((l) => U(c && W(c, s, d), l, n));
99
- let u = !1, y = 0, f;
100
- const h = () => {
101
- f !== void 0 && clearTimeout(f);
102
- }, g = (l, p, i) => {
103
- if (u)
98
+ const I = P(c), D = e.report ?? ((l) => B(i && U(i, s, c), l, o));
99
+ let m = !1, y = 0, g;
100
+ const f = () => {
101
+ g !== void 0 && clearTimeout(g);
102
+ }, E = (l, u, d) => {
103
+ if (m)
104
104
  return;
105
- const A = Math.round(performance.now() - y), R = {
105
+ const z = Math.round(performance.now() - y), b = {
106
106
  webComponentTag: t,
107
107
  appName: r,
108
108
  env: s,
109
- scriptUrl: p,
109
+ scriptUrl: u,
110
110
  reason: l,
111
- triedFallback: i,
112
- elapsedMs: A,
113
- claims: v
111
+ triedFallback: d,
112
+ elapsedMs: z,
113
+ claims: I
114
114
  };
115
- k(R);
116
- const E = i ? void 0 : T(a ?? {}, s, d);
117
- if (E && E !== p) {
118
- _(E, !0);
115
+ D(b);
116
+ const _ = d ? void 0 : N(a ?? {}, s, c);
117
+ if (_ && _ !== u) {
118
+ R(_, !0);
119
119
  return;
120
120
  }
121
- u = !0, h(), document.getElementById(m)?.remove(), I?.(R);
122
- }, _ = (l, p) => {
123
- h(), y = performance.now();
124
- const i = document.createElement("script");
125
- i.id = m, i.src = l, i.type = "module", i.async = !0, i.onload = () => {
121
+ m = !0, f(), document.getElementById(h)?.remove(), A?.(b);
122
+ }, R = (l, u) => {
123
+ f(), y = performance.now();
124
+ const d = document.createElement("script");
125
+ d.id = h, d.src = l, d.type = "module", d.async = !0, d.onload = () => {
126
126
  setTimeout(() => {
127
- u || (customElements.get(t) ? (u = !0, h(), S?.()) : g("not-defined", l, p));
127
+ m || (customElements.get(t) ? (m = !0, f(), v?.()) : E("not-defined", l, u));
128
128
  }, 0);
129
- }, i.onerror = () => g("network", l, p), f = setTimeout(() => g("timeout", l, p), O), document.getElementById(m)?.remove(), document.head.appendChild(i);
130
- }, b = T(o, s, d);
131
- return b ? (_(b, !1), () => {
132
- u = !0, h();
129
+ }, d.onerror = () => E("network", l, u), g = setTimeout(() => E("timeout", l, u), O), document.getElementById(h)?.remove(), document.head.appendChild(d);
130
+ }, C = N(n, s, c);
131
+ return C ? (R(C, !1), () => {
132
+ m = !0, f();
133
133
  }) : w;
134
134
  };
135
- class B {
135
+ class j {
136
136
  config;
137
137
  state;
138
138
  scriptLoadingPromise;
139
139
  constructor(t) {
140
140
  if (!t.jwt || typeof t.jwt != "string")
141
- throw new Error(D);
141
+ throw new Error(k);
142
142
  this.config = {
143
143
  ...t,
144
- env: t.env || C,
144
+ env: t.env || T,
145
145
  theme: t.theme
146
146
  }, this.state = {
147
147
  initialized: !1,
@@ -177,8 +177,8 @@ class B {
177
177
  if (!this.state.initialized || !this.state.element)
178
178
  throw new Error(this.errorMessages.NOT_RENDERED);
179
179
  const r = this.state.element;
180
- Object.entries(t).forEach(([n, o]) => {
181
- o && (this.config[n] = o, r[n] = o);
180
+ Object.entries(t).forEach(([o, n]) => {
181
+ n && (this.config[o] = n, r[o] = n);
182
182
  });
183
183
  }
184
184
  /**
@@ -202,7 +202,7 @@ class B {
202
202
  return { ...this.config };
203
203
  }
204
204
  getEnvironment() {
205
- return this.config.env || C;
205
+ return this.config.env || T;
206
206
  }
207
207
  getScriptId() {
208
208
  return `${this.webComponentTag}-script-${this.getEnvironment()}`;
@@ -221,16 +221,16 @@ class B {
221
221
  if (this.scriptLoadingPromise)
222
222
  return this.scriptLoadingPromise;
223
223
  this.scriptLoadingPromise = new Promise((t, r) => {
224
- F({
224
+ V({
225
225
  webComponentTag: this.webComponentTag,
226
226
  appName: this.webComponentTag,
227
227
  scriptUrls: this.getEffectiveScriptUrls(),
228
- collectorUrls: z,
228
+ collectorUrls: M,
229
229
  env: this.getEnvironment(),
230
230
  jwt: this.config.jwt,
231
231
  onLoad: t,
232
- onError: (n) => {
233
- r(new Error(n.reason === "not-defined" ? this.errorMessages.WEB_COMPONENT_NOT_DEFINED : `${this.errorMessages.SCRIPT_LOAD_FAILED} (${this.getEnvironment()})`));
232
+ onError: (o) => {
233
+ r(new Error(o.reason === "not-defined" ? this.errorMessages.WEB_COMPONENT_NOT_DEFINED : `${this.errorMessages.SCRIPT_LOAD_FAILED} (${this.getEnvironment()})`));
234
234
  }
235
235
  });
236
236
  });
@@ -244,14 +244,14 @@ class B {
244
244
  }
245
245
  async waitForWebComponent(t = 5e3) {
246
246
  if (!this.getWebComponent())
247
- return new Promise((r, n) => {
248
- const o = setTimeout(() => {
249
- n(new Error(`Timeout waiting for ${this.webComponentTag} to be defined`));
247
+ return new Promise((r, o) => {
248
+ const n = setTimeout(() => {
249
+ o(new Error(`Timeout waiting for ${this.webComponentTag} to be defined`));
250
250
  }, t);
251
251
  customElements.whenDefined(this.webComponentTag).then(() => {
252
- clearTimeout(o), r();
252
+ clearTimeout(n), r();
253
253
  }).catch((a) => {
254
- clearTimeout(o), n(a);
254
+ clearTimeout(n), o(a);
255
255
  });
256
256
  });
257
257
  }
@@ -268,16 +268,32 @@ class B {
268
268
  }
269
269
  createWebComponent() {
270
270
  const t = document.createElement(this.webComponentTag);
271
- return Object.entries(this.config).forEach(([r, n]) => {
272
- n && (t[r] = n);
271
+ return Object.entries(this.config).forEach(([r, o]) => {
272
+ o && (t[r] = o);
273
273
  }), t;
274
274
  }
275
275
  }
276
- var N;
276
+ const p = {
277
+ local: "http://localhost:5173",
278
+ dev: "https://sdk-cdn.dev.0hash.com",
279
+ cert: "https://sdk-cdn.cert.zerohash.com",
280
+ prod: "https://sdk-cdn.zerohash.com",
281
+ "eu-cert": "https://sdk-cdn.cert.zerohash.eu",
282
+ "eu-prod": "https://sdk-cdn.zerohash.eu"
283
+ }, J = (e, t, r = {}) => {
284
+ const { eu: o = !1, legacyAliases: n = !1, local: a = p.local } = r, i = (c) => `${c}/${e}/${t}`, s = {
285
+ local: i(a),
286
+ dev: i(p.dev),
287
+ cert: i(p.cert),
288
+ prod: i(p.prod)
289
+ };
290
+ 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;
291
+ };
292
+ var L;
277
293
  (function(e) {
278
294
  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";
279
- })(N || (N = {}));
280
- class V extends B {
295
+ })(L || (L = {}));
296
+ class x extends j {
281
297
  errorMessages = {
282
298
  ALREADY_RENDERED: "CryptoAccountLink widget is already rendered. Call destroy() before rendering again.",
283
299
  NOT_RENDERED: "CryptoAccountLink widget is not rendered. Call render() first.",
@@ -285,18 +301,10 @@ class V extends B {
285
301
  SCRIPT_LOAD_FAILED: "Failed to load the Connect CryptoAccountLink script.",
286
302
  WEB_COMPONENT_NOT_DEFINED: "Web component is not defined. Script may not be loaded."
287
303
  };
288
- // US partners stay on connect.xyz; EU partners (JWT payload.region='eu') get
289
- // routed to sdk-cdn.zerohash.eu by BaseJsSdk.getScriptUrl via resolveEnvByRegion.
290
- scriptUrls = {
291
- local: "http://localhost:5173/crypto-account-link-web/index.js",
292
- dev: "https://connect-sdk.dev.0hash.com/crypto-account-link-web/index.js",
293
- cert: "https://sdk.sandbox.connect.xyz/crypto-account-link-web/index.js",
294
- prod: "https://sdk.connect.xyz/crypto-account-link-web/index.js",
295
- sandbox: "https://sdk.sandbox.connect.xyz/crypto-account-link-web/index.js",
296
- production: "https://sdk.connect.xyz/crypto-account-link-web/index.js",
297
- "eu-cert": "https://sdk-cdn.cert.zerohash.eu/crypto-account-link-web/index.js",
298
- "eu-prod": "https://sdk-cdn.zerohash.eu/crypto-account-link-web/index.js"
299
- };
304
+ scriptUrls = J("crypto-account-link-web", "index.js", {
305
+ legacyAliases: !0,
306
+ eu: !0
307
+ });
300
308
  webComponentTag = "zerohash-crypto-account-link";
301
309
  /**
302
310
  * Render the CryptoAccountLink widget to a container element
@@ -335,7 +343,7 @@ class V extends B {
335
343
  }
336
344
  }
337
345
  export {
338
- V as CryptoAccountLink,
339
- N as ErrorCode,
340
- V as default
346
+ x as CryptoAccountLink,
347
+ L as ErrorCode,
348
+ x as default
341
349
  };
@@ -1 +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.CryptoAccountLink={}))})(this,(function(s){"use strict";const u="production",O="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}},b=(e,t)=>I(t)!=="eu"?e:e==="cert"?"eu-cert":e==="prod"?"eu-prod":e,k=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{}}},C=(e,t,n)=>{const r=b(t,n);return e[r]??e[t]??e.prod},A=(e,t,n)=>{const r=b(t,n);return e[r]??e[t]},E=()=>{},D=()=>{const e=new Uint8Array(8);return globalThis.crypto.getRandomValues(e),Array.from(e,t=>t.toString(16).padStart(2,"0")).join("")},z=(e,t)=>{const n=D(),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}},M=(e,t,n)=>{if(!e||typeof fetch>"u")return;const{sessionId:r,payload:o}=z(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:W=15e3,onLoad:P,onError:U}=e;if(typeof document>"u")return E;const f=`${t}-script-${i}`;if(customElements.get(t)||document.getElementById(f))return E;const F=k(l),B=e.report??(p=>M(d&&A(d,i,l),p,r));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),S={webComponentTag:t,appName:n,env:i,scriptUrl:m,reason:p,triedFallback:a,elapsedMs:V,claims:F};B(S);const _=a?void 0:C(c??{},i,l);if(_&&_!==m){N(_,!0);return}h=!0,g(),document.getElementById(f)?.remove(),U?.(S)},N=(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),W),document.getElementById(f)?.remove(),document.head.appendChild(a)},L=C(o,i,l);return L?(N(L,!1),()=>{h=!0,g()}):E};class x{config;state;scriptLoadingPromise;constructor(t){if(!t.jwt||typeof t.jwt!="string")throw new Error(O);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 R extends x{errorMessages={ALREADY_RENDERED:"CryptoAccountLink widget is already rendered. Call destroy() before rendering again.",NOT_RENDERED:"CryptoAccountLink widget is not rendered. Call render() first.",INVALID_CONTAINER:"Invalid container element provided.",SCRIPT_LOAD_FAILED:"Failed to load the Connect CryptoAccountLink script.",WEB_COMPONENT_NOT_DEFINED:"Web component is not defined. Script may not be loaded."};scriptUrls={local:"http://localhost:5173/crypto-account-link-web/index.js",dev:"https://connect-sdk.dev.0hash.com/crypto-account-link-web/index.js",cert:"https://sdk.sandbox.connect.xyz/crypto-account-link-web/index.js",prod:"https://sdk.connect.xyz/crypto-account-link-web/index.js",sandbox:"https://sdk.sandbox.connect.xyz/crypto-account-link-web/index.js",production:"https://sdk.connect.xyz/crypto-account-link-web/index.js","eu-cert":"https://sdk-cdn.cert.zerohash.eu/crypto-account-link-web/index.js","eu-prod":"https://sdk-cdn.zerohash.eu/crypto-account-link-web/index.js"};webComponentTag="zerohash-crypto-account-link";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.CryptoAccountLink=R,s.default=R,Object.defineProperties(s,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}})}));
1
+ (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.CryptoAccountLink={}))})(this,(function(c){"use strict";const m="production",v="JWT token is required and must be a string.",A={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,"/"),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)=>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,"/"),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},k=(e,t,r)=>{const o=b(t,r);return e[o]??e[t]},_=()=>{},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(),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}},W=(e,t,r)=>{if(!e||typeof fetch>"u")return;const{sessionId:o,payload:n}=M(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{}},P=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=>W(i&&k(i,s,d),u,o));let f=!1,N=0,y;const E=()=>{y!==void 0&&clearTimeout(y)},w=(u,h,l)=>{if(f)return;const H=Math.round(performance.now()-N),O={webComponentTag:t,appName:r,env:s,scriptUrl:h,reason:u,triedFallback:l,elapsedMs:H,claims:V};J(O);const C=l?void 0:R(a??{},s,d);if(C&&C!==h){L(C,!0);return}f=!0,E(),document.getElementById(g)?.remove(),B?.(O)},L=(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),y=setTimeout(()=>w("timeout",u,h),$),document.getElementById(g)?.remove(),document.head.appendChild(l)},S=R(n,s,d);return S?(L(S,!1),()=>{f=!0,E()}):_};class U{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)=>{P({webComponentTag:this.webComponentTag,appName:this.webComponentTag,scriptUrls:this.getEffectiveScriptUrls(),collectorUrls:A,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 U{errorMessages={ALREADY_RENDERED:"CryptoAccountLink widget is already rendered. Call destroy() before rendering again.",NOT_RENDERED:"CryptoAccountLink widget is not rendered. Call render() first.",INVALID_CONTAINER:"Invalid container element provided.",SCRIPT_LOAD_FAILED:"Failed to load the Connect CryptoAccountLink script.",WEB_COMPONENT_NOT_DEFINED:"Web component is not defined. Script may not be loaded."};scriptUrls=F("crypto-account-link-web","index.js",{legacyAliases:!0,eu:!0});webComponentTag="zerohash-crypto-account-link";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.CryptoAccountLink=T,c.default=T,Object.defineProperties(c,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}})}));
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@zerohash-sdk/crypto-account-link-js",
3
- "version": "1.6.1",
3
+ "version": "1.6.2",
4
4
  "private": false,
5
5
  "type": "module",
6
6
  "main": "./dist/index.js",