@zerohash-sdk/fund-withdrawals-js 0.1.0

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 ADDED
@@ -0,0 +1,7 @@
1
+ # @zerohash-sdk/fund-withdrawals-js
2
+
3
+ This library was generated with [Nx](https://nx.dev).
4
+
5
+ ## Running unit tests
6
+
7
+ Run `nx test @zerohash-sdk/fund-withdrawals-js` to execute the unit tests via [Vitest](https://vitest.dev/).
@@ -0,0 +1,461 @@
1
+ /**
2
+ * Zerohash Fund Withdrawals JavaScript SDK
3
+ *
4
+ * A programmatic JavaScript SDK for integrating the Fund Withdrawals widget
5
+ * into web applications without requiring HTML custom elements.
6
+ *
7
+ * @packageDocumentation
8
+ */
9
+
10
+ /**
11
+ * Generic app event structure
12
+ * @template TType - Event type string
13
+ * @template TData - Event data payload
14
+ */
15
+ declare type AppEvent<TType extends string = string, TData = Record<string, unknown>> = {
16
+ /** The type of event that occurred */
17
+ type: TType;
18
+ /** Data associated with the event */
19
+ data: TData;
20
+ };
21
+
22
+ /**
23
+ * Configuration options for the SDK
24
+ */
25
+ declare interface BaseConfig<TEvent = AppEvent> extends CommonCallbacks<TEvent> {
26
+ /**
27
+ * JWT token used for authentication
28
+ */
29
+ jwt: string;
30
+
31
+ /**
32
+ * Target environment
33
+ * @default 'production'
34
+ */
35
+ env?: Environment;
36
+
37
+ /**
38
+ * Theme mode
39
+ * @default 'auto'
40
+ *
41
+ * Available themes:
42
+ * - `'auto'` - Automatically detect system preference (light/dark mode)
43
+ * - `'light'` - Force light theme
44
+ * - `'dark'` - Force dark theme
45
+ */
46
+ theme?: Theme;
47
+ }
48
+
49
+ declare type BaseErrorMessageKeys =
50
+ | 'ALREADY_RENDERED'
51
+ | 'NOT_RENDERED'
52
+ | 'INVALID_CONTAINER'
53
+ | 'SCRIPT_LOAD_FAILED'
54
+ | 'WEB_COMPONENT_NOT_DEFINED';
55
+
56
+ declare abstract class BaseJsSdk<Config extends BaseConfig<never> = BaseConfig> {
57
+ private config: Config;
58
+ private state: SdkState;
59
+ private scriptLoadingPromise?: Promise<void>;
60
+
61
+ protected abstract errorMessages: Record<BaseErrorMessageKeys, string>;
62
+ protected abstract scriptUrls: Record<string, string>;
63
+ protected abstract webComponentTag: string;
64
+
65
+ constructor(config: Config) {
66
+ if (!config.jwt || typeof config.jwt !== 'string') {
67
+ throw new Error(INVALID_JWT_ERROR_MESSAGE);
68
+ }
69
+
70
+ this.config = {
71
+ ...config,
72
+ env: config.env || DEFAULT_ENVIRONMENT,
73
+ theme: config.theme,
74
+ };
75
+
76
+ this.state = {
77
+ initialized: false,
78
+ scriptLoaded: false,
79
+ container: null,
80
+ element: null,
81
+ };
82
+ }
83
+
84
+ /**
85
+ * Render the widget to a container element
86
+ * @param container - The container element to render the widget into
87
+ * @returns Promise that resolves when the widget is rendered
88
+ */
89
+ async render(container: HTMLElement): Promise<void> {
90
+ // Validate container
91
+ if (!container || !(container instanceof HTMLElement)) {
92
+ throw new Error(this.errorMessages.INVALID_CONTAINER);
93
+ }
94
+
95
+ // Check if already rendered
96
+ if (this.state.initialized) {
97
+ throw new Error(this.errorMessages.ALREADY_RENDERED);
98
+ }
99
+
100
+ try {
101
+ // Ensure script is loaded
102
+ await this.ensureScriptLoaded();
103
+
104
+ // Create and append the web component
105
+ const element = this.createWebComponent();
106
+
107
+ // Clear the container and append the element
108
+ container.innerHTML = '';
109
+ container.appendChild(element);
110
+
111
+ // Update state
112
+ this.state.container = container;
113
+ this.state.element = element;
114
+ this.state.initialized = true;
115
+ } catch (error) {
116
+ console.error('Failed to render widget:', error);
117
+ throw error;
118
+ }
119
+ }
120
+
121
+ /**
122
+ * Update the configuration of the widget
123
+ * @param config - Partial configuration to update
124
+ * @returns void
125
+ */
126
+ updateConfig(config: Partial<Config>): void {
127
+ if (!this.state.initialized || !this.state.element) {
128
+ throw new Error(this.errorMessages.NOT_RENDERED);
129
+ }
130
+
131
+ const element = this.state.element as SdkElement<Config>;
132
+
133
+ Object.entries(config).forEach(([key, value]) => {
134
+ if (value) {
135
+ this.config[key as keyof Config] = value;
136
+ element[key as keyof Config] = value;
137
+ }
138
+ });
139
+ }
140
+
141
+ /**
142
+ * Destroy the widget and clean up resources
143
+ */
144
+ destroy(): void {
145
+ if (!this.state.initialized) {
146
+ return; // Nothing to destroy
147
+ }
148
+
149
+ // Remove the element from the container
150
+ if (this.state.element && this.state.element.parentNode) {
151
+ this.state.element.parentNode.removeChild(this.state.element);
152
+ }
153
+
154
+ // Clear the container
155
+ if (this.state.container) {
156
+ this.state.container.innerHTML = '';
157
+ }
158
+
159
+ // Reset state
160
+ this.state.container = null;
161
+ this.state.element = null;
162
+ this.state.initialized = false;
163
+ }
164
+
165
+ /**
166
+ * Check if the widget is currently rendered
167
+ * @returns True if the widget is rendered, false otherwise
168
+ */
169
+ isRendered(): boolean {
170
+ return this.state.initialized;
171
+ }
172
+
173
+ /**
174
+ * Get the current configuration
175
+ * @returns The current configuration object
176
+ */
177
+ getConfig(): Readonly<Config> {
178
+ return { ...this.config };
179
+ }
180
+
181
+ private getEnvironment(): Environment {
182
+ return this.config.env || DEFAULT_ENVIRONMENT;
183
+ }
184
+
185
+ private getScriptId() {
186
+ return `${this.webComponentTag}-script-${this.getEnvironment()}`;
187
+ }
188
+
189
+ private isScriptLoaded() {
190
+ return !!document.getElementById(this.getScriptId());
191
+ }
192
+
193
+ private getWebComponent() {
194
+ return customElements.get(this.webComponentTag);
195
+ }
196
+
197
+ private getScriptUrl() {
198
+ // Support local development with Vite
199
+ if (typeof import.meta !== 'undefined' && import.meta.env?.['VITE_INTERNAL_BUILD'] === 'true') {
200
+ return import.meta.env['VITE_SCRIPT_URL'] || this.scriptUrls[this.getEnvironment()];
201
+ }
202
+
203
+ return this.scriptUrls[this.getEnvironment()];
204
+ }
205
+
206
+ private async loadScript() {
207
+ if (this.isScriptLoaded()) {
208
+ return;
209
+ }
210
+
211
+ if (this.scriptLoadingPromise) {
212
+ return this.scriptLoadingPromise;
213
+ }
214
+
215
+ this.scriptLoadingPromise = new Promise<void>((resolve, reject) => {
216
+ const script = document.createElement('script');
217
+ script.id = this.getScriptId();
218
+ script.src = this.getScriptUrl();
219
+ script.type = 'module';
220
+ script.async = true;
221
+
222
+ script.onload = () => {
223
+ setTimeout(() => {
224
+ if (this.getWebComponent()) {
225
+ resolve();
226
+ } else {
227
+ reject(new Error(this.errorMessages.WEB_COMPONENT_NOT_DEFINED));
228
+ }
229
+ }, 0);
230
+ };
231
+
232
+ script.onerror = () => {
233
+ this.scriptLoadingPromise = undefined;
234
+ reject(new Error(`${this.errorMessages.SCRIPT_LOAD_FAILED} (${this.getEnvironment()})`));
235
+ };
236
+
237
+ document.head.appendChild(script);
238
+ });
239
+
240
+ try {
241
+ await this.scriptLoadingPromise;
242
+ } catch (error) {
243
+ this.scriptLoadingPromise = undefined;
244
+ throw error;
245
+ }
246
+
247
+ return this.scriptLoadingPromise;
248
+ }
249
+
250
+ private async waitForWebComponent(timeout = 5000) {
251
+ if (this.getWebComponent()) {
252
+ return;
253
+ }
254
+
255
+ return new Promise<void>((resolve, reject) => {
256
+ const timeoutId = setTimeout(() => {
257
+ reject(new Error(`Timeout waiting for ${this.webComponentTag} to be defined`));
258
+ }, timeout);
259
+
260
+ customElements
261
+ .whenDefined(this.webComponentTag)
262
+ .then(() => {
263
+ clearTimeout(timeoutId);
264
+ resolve();
265
+ })
266
+ .catch((error) => {
267
+ clearTimeout(timeoutId);
268
+ reject(error);
269
+ });
270
+ });
271
+ }
272
+
273
+ /**
274
+ * Load the web component script if not already loaded
275
+ */
276
+ protected async ensureScriptLoaded(): Promise<void> {
277
+ if (this.state.scriptLoaded) {
278
+ return;
279
+ }
280
+
281
+ try {
282
+ await this.loadScript();
283
+ await this.waitForWebComponent();
284
+ this.state.scriptLoaded = true;
285
+ } catch (error) {
286
+ console.error('Failed to load Connect script:', error);
287
+ throw error;
288
+ }
289
+ }
290
+
291
+ private createWebComponent() {
292
+ const element = document.createElement(this.webComponentTag) as SdkElement<Config>;
293
+
294
+ Object.entries(this.config).forEach(([key, value]) => {
295
+ if (value) {
296
+ element[key as keyof Config] = value;
297
+ }
298
+ });
299
+
300
+ return element;
301
+ }
302
+ }
303
+
304
+ /**
305
+ * Common callback function types shared across all Connect apps
306
+ * @template TEvent - The event type for onEvent callback
307
+ */
308
+ declare type CommonCallbacks<TEvent = AppEvent> = {
309
+ /** Called when an error occurs */
310
+ onError?: (error: ErrorPayload) => void;
311
+ /** Called when the component is closed */
312
+ onClose?: () => void;
313
+ /** Called when a general event occurs */
314
+ onEvent?: (event: TEvent) => void;
315
+ /** Called when the widget has loaded and is ready */
316
+ onLoaded?: () => void;
317
+ };
318
+
319
+ /**
320
+ * Environment configuration for the SDK
321
+ */
322
+ export declare type Environment = 'local' | 'dev' | 'cert' | 'prod' | 'sandbox' | 'production';
323
+
324
+ /**
325
+ * Generic error codes for all Connect applications
326
+ */
327
+ export declare enum ErrorCode {
328
+ /** Network connectivity error */
329
+ NETWORK_ERROR = 'network_error',
330
+ /** Authentication or session expired error */
331
+ AUTH_ERROR = 'auth_error',
332
+ /** Resource not found error */
333
+ NOT_FOUND_ERROR = 'not_found_error',
334
+ /** Validation error from user input */
335
+ VALIDATION_ERROR = 'validation_error',
336
+ /** Server error (5xx) */
337
+ SERVER_ERROR = 'server_error',
338
+ /** Client error (4xx) */
339
+ CLIENT_ERROR = 'client_error',
340
+ /** Unknown or unexpected error */
341
+ UNKNOWN_ERROR = 'unknown_error',
342
+ }
343
+
344
+ /**
345
+ * Generic error payload structure for error callbacks
346
+ */
347
+ declare type ErrorPayload = {
348
+ /** Error code indicating the type of error */
349
+ errorCode: ErrorCode;
350
+ /** Human-readable reason for the error */
351
+ reason: string;
352
+ };
353
+
354
+ /**
355
+ * FundWithdrawals SDK class for programmatic control of the Fund Withdrawals widget.
356
+ *
357
+ * Renders the `zerohash-fund-withdrawals` web component.
358
+ *
359
+ * @example
360
+ * ```javascript
361
+ * const fundWithdrawals = new FundWithdrawals({
362
+ * jwt: 'your-jwt-token',
363
+ * env: 'prod',
364
+ * theme: 'auto',
365
+ * isPayouts: false,
366
+ * onCompleted: ({ externalAccountId, assetSymbol, amount }) =>
367
+ * console.log('Withdrew', amount, assetSymbol, 'to', externalAccountId),
368
+ * onClose: () => console.log('Closed'),
369
+ * onError: ({ errorCode, reason }) => console.error(errorCode, reason),
370
+ * });
371
+ *
372
+ * await fundWithdrawals.render(document.getElementById('fund-withdrawals-container'));
373
+ * ```
374
+ */
375
+ declare class FundWithdrawals extends BaseJsSdk<FundWithdrawalsConfig> {
376
+ protected errorMessages: {
377
+ ALREADY_RENDERED: string;
378
+ NOT_RENDERED: string;
379
+ INVALID_CONTAINER: string;
380
+ SCRIPT_LOAD_FAILED: string;
381
+ WEB_COMPONENT_NOT_DEFINED: string;
382
+ };
383
+ protected scriptUrls: {
384
+ local: string;
385
+ dev: string;
386
+ cert: string;
387
+ prod: string;
388
+ sandbox: string;
389
+ production: string;
390
+ };
391
+ protected webComponentTag: string;
392
+ render(container: HTMLElement): Promise<void>;
393
+ updateConfig(config: Partial<FundWithdrawalsConfig>): void;
394
+ getConfig(): Readonly<FundWithdrawalsConfig>;
395
+ isRendered(): boolean;
396
+ destroy(): void;
397
+ }
398
+ export { FundWithdrawals }
399
+ export default FundWithdrawals;
400
+
401
+ declare type FundWithdrawalsCallbacks = CommonCallbacks<FundWithdrawalsEvent> & {
402
+ /** Called when the withdrawal is successfully initiated */
403
+ onCompleted?: (data: FundWithdrawalsCompletedData) => void;
404
+ /** Called when the widget has loaded and is ready */
405
+ onLoaded?: () => void;
406
+ };
407
+
408
+ declare type FundWithdrawalsCompletedData = {
409
+ /** External account identifier the funds were sent to */
410
+ externalAccountId: string;
411
+ /** Symbol of the asset that was withdrawn (e.g. 'BTC') */
412
+ assetSymbol: string;
413
+ /** Quantity withdrawn as a string */
414
+ amount: string;
415
+ };
416
+
417
+ export declare interface FundWithdrawalsConfig extends BaseConfig<FundWithdrawalsEvent>, FundWithdrawalsCallbacks {
418
+ /**
419
+ * When true, the widget renders as the Payouts flow. When false or omitted,
420
+ * renders as the standard Fund Withdrawals flow.
421
+ *
422
+ * @default false
423
+ */
424
+ isPayouts?: boolean;
425
+ }
426
+
427
+ declare type FundWithdrawalsEvent = AppEvent<FundWithdrawalsEventType>;
428
+
429
+ declare type FundWithdrawalsEventType = string;
430
+
431
+ /**
432
+ * Generic HTMLElement representing a web component with custom config
433
+ */
434
+ declare type SdkElement<Config extends BaseConfig<never>> = HTMLElement & Config;
435
+
436
+ /**
437
+ * Internal state of the SDK
438
+ */
439
+ declare interface SdkState {
440
+ /** Whether the SDK is initialized */
441
+ initialized: boolean;
442
+ /** Whether the web component script is loaded */
443
+ scriptLoaded: boolean;
444
+ /** The container element where the widget is rendered */
445
+ container: HTMLElement | null;
446
+ /** The web component element */
447
+ element: HTMLElement | null;
448
+ }
449
+
450
+ /**
451
+ * Theme configuration for the SDK
452
+ *
453
+ * - `"auto"` - Automatically detect system preference (light/dark mode)
454
+ * - `"light"` - Force light theme
455
+ * - `"dark"` - Force dark theme
456
+ */
457
+ declare type Theme = 'auto' | 'light' | 'dark';
458
+
459
+ export declare type ZerohashFundWithdrawalsElement = SdkElement<FundWithdrawalsConfig>;
460
+
461
+ export { }
package/dist/index.js ADDED
@@ -0,0 +1,180 @@
1
+ const s = "production", d = "JWT token is required and must be a string.";
2
+ class h {
3
+ config;
4
+ state;
5
+ scriptLoadingPromise;
6
+ constructor(e) {
7
+ if (!e.jwt || typeof e.jwt != "string")
8
+ throw new Error(d);
9
+ this.config = {
10
+ ...e,
11
+ env: e.env || s,
12
+ theme: e.theme
13
+ }, this.state = {
14
+ initialized: !1,
15
+ scriptLoaded: !1,
16
+ container: null,
17
+ element: null
18
+ };
19
+ }
20
+ /**
21
+ * Render the widget to a container element
22
+ * @param container - The container element to render the widget into
23
+ * @returns Promise that resolves when the widget is rendered
24
+ */
25
+ async render(e) {
26
+ if (!e || !(e instanceof HTMLElement))
27
+ throw new Error(this.errorMessages.INVALID_CONTAINER);
28
+ if (this.state.initialized)
29
+ throw new Error(this.errorMessages.ALREADY_RENDERED);
30
+ try {
31
+ await this.ensureScriptLoaded();
32
+ const r = this.createWebComponent();
33
+ e.innerHTML = "", e.appendChild(r), this.state.container = e, this.state.element = r, this.state.initialized = !0;
34
+ } catch (r) {
35
+ throw console.error("Failed to render widget:", r), r;
36
+ }
37
+ }
38
+ /**
39
+ * Update the configuration of the widget
40
+ * @param config - Partial configuration to update
41
+ * @returns void
42
+ */
43
+ updateConfig(e) {
44
+ if (!this.state.initialized || !this.state.element)
45
+ throw new Error(this.errorMessages.NOT_RENDERED);
46
+ const r = this.state.element;
47
+ Object.entries(e).forEach(([t, n]) => {
48
+ n && (this.config[t] = n, r[t] = n);
49
+ });
50
+ }
51
+ /**
52
+ * Destroy the widget and clean up resources
53
+ */
54
+ destroy() {
55
+ 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);
56
+ }
57
+ /**
58
+ * Check if the widget is currently rendered
59
+ * @returns True if the widget is rendered, false otherwise
60
+ */
61
+ isRendered() {
62
+ return this.state.initialized;
63
+ }
64
+ /**
65
+ * Get the current configuration
66
+ * @returns The current configuration object
67
+ */
68
+ getConfig() {
69
+ return { ...this.config };
70
+ }
71
+ getEnvironment() {
72
+ return this.config.env || s;
73
+ }
74
+ getScriptId() {
75
+ return `${this.webComponentTag}-script-${this.getEnvironment()}`;
76
+ }
77
+ isScriptLoaded() {
78
+ return !!document.getElementById(this.getScriptId());
79
+ }
80
+ getWebComponent() {
81
+ return customElements.get(this.webComponentTag);
82
+ }
83
+ getScriptUrl() {
84
+ return this.scriptUrls[this.getEnvironment()];
85
+ }
86
+ async loadScript() {
87
+ if (!this.isScriptLoaded()) {
88
+ if (this.scriptLoadingPromise)
89
+ return this.scriptLoadingPromise;
90
+ this.scriptLoadingPromise = new Promise((e, r) => {
91
+ const t = document.createElement("script");
92
+ t.id = this.getScriptId(), t.src = this.getScriptUrl(), t.type = "module", t.async = !0, t.onload = () => {
93
+ setTimeout(() => {
94
+ this.getWebComponent() ? e() : r(new Error(this.errorMessages.WEB_COMPONENT_NOT_DEFINED));
95
+ }, 0);
96
+ }, t.onerror = () => {
97
+ this.scriptLoadingPromise = void 0, r(new Error(`${this.errorMessages.SCRIPT_LOAD_FAILED} (${this.getEnvironment()})`));
98
+ }, document.head.appendChild(t);
99
+ });
100
+ try {
101
+ await this.scriptLoadingPromise;
102
+ } catch (e) {
103
+ throw this.scriptLoadingPromise = void 0, e;
104
+ }
105
+ return this.scriptLoadingPromise;
106
+ }
107
+ }
108
+ async waitForWebComponent(e = 5e3) {
109
+ if (!this.getWebComponent())
110
+ return new Promise((r, t) => {
111
+ const n = setTimeout(() => {
112
+ t(new Error(`Timeout waiting for ${this.webComponentTag} to be defined`));
113
+ }, e);
114
+ customElements.whenDefined(this.webComponentTag).then(() => {
115
+ clearTimeout(n), r();
116
+ }).catch((a) => {
117
+ clearTimeout(n), t(a);
118
+ });
119
+ });
120
+ }
121
+ /**
122
+ * Load the web component script if not already loaded
123
+ */
124
+ async ensureScriptLoaded() {
125
+ if (!this.state.scriptLoaded)
126
+ try {
127
+ await this.loadScript(), await this.waitForWebComponent(), this.state.scriptLoaded = !0;
128
+ } catch (e) {
129
+ throw console.error("Failed to load Connect script:", e), e;
130
+ }
131
+ }
132
+ createWebComponent() {
133
+ const e = document.createElement(this.webComponentTag);
134
+ return Object.entries(this.config).forEach(([r, t]) => {
135
+ t && (e[r] = t);
136
+ }), e;
137
+ }
138
+ }
139
+ var o;
140
+ (function(i) {
141
+ 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";
142
+ })(o || (o = {}));
143
+ class c extends h {
144
+ errorMessages = {
145
+ ALREADY_RENDERED: "FundWithdrawals widget is already rendered. Call destroy() before rendering again.",
146
+ NOT_RENDERED: "FundWithdrawals widget is not rendered. Call render() first.",
147
+ INVALID_CONTAINER: "Invalid container element provided.",
148
+ SCRIPT_LOAD_FAILED: "Failed to load the Zerohash FundWithdrawals script.",
149
+ WEB_COMPONENT_NOT_DEFINED: "Web component is not defined. Script may not be loaded."
150
+ };
151
+ scriptUrls = {
152
+ local: "http://localhost:5173/fund-withdrawals-web/index.js",
153
+ dev: "https://connect-sdk.dev.0hash.com/fund-withdrawals-web/index.js",
154
+ cert: "https://sdk.sandbox.connect.xyz/fund-withdrawals-web/index.js",
155
+ prod: "https://sdk.connect.xyz/fund-withdrawals-web/index.js",
156
+ sandbox: "https://sdk.sandbox.connect.xyz/fund-withdrawals-web/index.js",
157
+ production: "https://sdk.connect.xyz/fund-withdrawals-web/index.js"
158
+ };
159
+ webComponentTag = "zerohash-fund-withdrawals";
160
+ render(e) {
161
+ return super.render(e);
162
+ }
163
+ updateConfig(e) {
164
+ return super.updateConfig(e);
165
+ }
166
+ getConfig() {
167
+ return super.getConfig();
168
+ }
169
+ isRendered() {
170
+ return super.isRendered();
171
+ }
172
+ destroy() {
173
+ return super.destroy();
174
+ }
175
+ }
176
+ export {
177
+ o as ErrorCode,
178
+ c as FundWithdrawals,
179
+ c as default
180
+ };
@@ -0,0 +1 @@
1
+ (function(r,s){typeof exports=="object"&&typeof module<"u"?s(exports):typeof define=="function"&&define.amd?define(["exports"],s):(r=typeof globalThis<"u"?globalThis:r||self,s(r.FundWithdrawals={}))})(this,(function(r){"use strict";const s="production",d="JWT token is required and must be a string.";class h{config;state;scriptLoadingPromise;constructor(e){if(!e.jwt||typeof e.jwt!="string")throw new Error(d);this.config={...e,env:e.env||s,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 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}}updateConfig(e){if(!this.state.initialized||!this.state.element)throw new Error(this.errorMessages.NOT_RENDERED);const i=this.state.element;Object.entries(e).forEach(([t,o])=>{o&&(this.config[t]=o,i[t]=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||s}getScriptId(){return`${this.webComponentTag}-script-${this.getEnvironment()}`}isScriptLoaded(){return!!document.getElementById(this.getScriptId())}getWebComponent(){return customElements.get(this.webComponentTag)}getScriptUrl(){return this.scriptUrls[this.getEnvironment()]}async loadScript(){if(!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)});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((i,t)=>{const o=setTimeout(()=>{t(new Error(`Timeout waiting for ${this.webComponentTag} to be defined`))},e);customElements.whenDefined(this.webComponentTag).then(()=>{clearTimeout(o),i()}).catch(c=>{clearTimeout(o),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(([i,t])=>{t&&(e[i]=t)}),e}}r.ErrorCode=void 0,(function(n){n.NETWORK_ERROR="network_error",n.AUTH_ERROR="auth_error",n.NOT_FOUND_ERROR="not_found_error",n.VALIDATION_ERROR="validation_error",n.SERVER_ERROR="server_error",n.CLIENT_ERROR="client_error",n.UNKNOWN_ERROR="unknown_error"})(r.ErrorCode||(r.ErrorCode={}));class a extends h{errorMessages={ALREADY_RENDERED:"FundWithdrawals widget is already rendered. Call destroy() before rendering again.",NOT_RENDERED:"FundWithdrawals widget is not rendered. Call render() first.",INVALID_CONTAINER:"Invalid container element provided.",SCRIPT_LOAD_FAILED:"Failed to load the Zerohash FundWithdrawals script.",WEB_COMPONENT_NOT_DEFINED:"Web component is not defined. Script may not be loaded."};scriptUrls={local:"http://localhost:5173/fund-withdrawals-web/index.js",dev:"https://connect-sdk.dev.0hash.com/fund-withdrawals-web/index.js",cert:"https://sdk.sandbox.connect.xyz/fund-withdrawals-web/index.js",prod:"https://sdk.connect.xyz/fund-withdrawals-web/index.js",sandbox:"https://sdk.sandbox.connect.xyz/fund-withdrawals-web/index.js",production:"https://sdk.connect.xyz/fund-withdrawals-web/index.js"};webComponentTag="zerohash-fund-withdrawals";render(e){return super.render(e)}updateConfig(e){return super.updateConfig(e)}getConfig(){return super.getConfig()}isRendered(){return super.isRendered()}destroy(){return super.destroy()}}r.FundWithdrawals=a,r.default=a,Object.defineProperties(r,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}})}));
package/package.json ADDED
@@ -0,0 +1,25 @@
1
+ {
2
+ "name": "@zerohash-sdk/fund-withdrawals-js",
3
+ "version": "0.1.0",
4
+ "private": false,
5
+ "type": "module",
6
+ "main": "./dist/index.js",
7
+ "module": "./dist/index.js",
8
+ "types": "./dist/index.d.ts",
9
+ "license": "MIT",
10
+ "exports": {
11
+ "./package.json": "./package.json",
12
+ ".": {
13
+ "types": "./dist/index.d.ts",
14
+ "import": "./dist/index.js",
15
+ "default": "./dist/index.js"
16
+ }
17
+ },
18
+ "files": [
19
+ "dist",
20
+ "!**/*.tsbuildinfo"
21
+ ],
22
+ "nx": {
23
+ "name": "fund-withdrawals-js"
24
+ }
25
+ }