@zerohash-sdk/csp-crypto-withdrawals-js 1.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,118 @@
1
+ # @zerohash-sdk/csp-crypto-withdrawals-js
2
+
3
+ A JavaScript SDK that enables frontend applications to seamlessly integrate with the Connect CSP Crypto Withdrawals product.
4
+
5
+ Connect CSP Crypto Withdrawals provides a secure, customizable flow for withdrawing crypto assets directly within your application.
6
+
7
+ ## Installation
8
+
9
+ ### Via NPM (recommended)
10
+
11
+ ```bash
12
+ npm install @zerohash-sdk/csp-crypto-withdrawals-js
13
+ ```
14
+
15
+ ```javascript
16
+ import { CspCryptoWithdrawals } from '@zerohash-sdk/csp-crypto-withdrawals-js';
17
+ ```
18
+
19
+ ### Via CDN
20
+
21
+ ```html
22
+ <script
23
+ type="module"
24
+ src="https://sdk.connect.xyz/csp-crypto-withdrawals-web/index.js"
25
+ ></script>
26
+ ```
27
+
28
+ Or import directly in your JavaScript code:
29
+
30
+ ```javascript
31
+ import { CspCryptoWithdrawals } from 'https://sdk.connect.xyz/csp-crypto-withdrawals-web/index.js';
32
+ ```
33
+
34
+ ## Getting Started
35
+
36
+ ### 1. Import the CspCryptoWithdrawals module
37
+
38
+ ```javascript
39
+ import { CspCryptoWithdrawals } from '@zerohash-sdk/csp-crypto-withdrawals-js';
40
+ ```
41
+
42
+ ### 2. Initialize and render the widget
43
+
44
+ ```javascript
45
+ const cspCryptoWithdrawals = new CspCryptoWithdrawals({
46
+ jwt: 'your-jwt-token',
47
+ env: 'prod',
48
+ theme: 'auto',
49
+ onCompleted: ({ withdrawalRequestId, assetSymbol, amount, networkFee, withdrawalFee }) => {
50
+ console.log('Withdrawal completed:', withdrawalRequestId, amount, assetSymbol);
51
+ },
52
+ onError: ({ errorCode, reason }) => {
53
+ console.error('Error:', errorCode, 'Reason:', reason);
54
+ },
55
+ onClose: () => console.log('Widget closed'),
56
+ onEvent: ({ type, data }) => console.log('Event:', type, data),
57
+ onLoaded: () => console.log('Widget loaded and ready'),
58
+ });
59
+
60
+ await cspCryptoWithdrawals.render(document.getElementById('csp-crypto-withdrawals-container'));
61
+
62
+ cspCryptoWithdrawals.destroy();
63
+ ```
64
+
65
+ ### 2.1 Using TypeScript (optional)
66
+
67
+ ```typescript
68
+ import { CspCryptoWithdrawals, CspCryptoWithdrawalsConfig } from '@zerohash-sdk/csp-crypto-withdrawals-js';
69
+
70
+ const config: CspCryptoWithdrawalsConfig = {
71
+ jwt: 'your-jwt-token',
72
+ env: 'cert',
73
+ onCompleted: ({ withdrawalRequestId, assetSymbol, amount, networkFee, withdrawalFee }) => {
74
+ console.log(withdrawalRequestId, amount, assetSymbol);
75
+ },
76
+ };
77
+
78
+ const cspCryptoWithdrawals = new CspCryptoWithdrawals(config);
79
+ await cspCryptoWithdrawals.render(document.getElementById('container')!);
80
+ ```
81
+
82
+ ## API Reference
83
+
84
+ ### Configuration
85
+
86
+ | Prop | Type | Required | Default | Description |
87
+ | ------------- | ----------------------------------------------------------------------------------- | -------- | -------- | -------------------------------------------------------- |
88
+ | `jwt` | `string` | Yes | - | JWT token for authentication with Connect |
89
+ | `env` | `"prod" \| "cert" \| "dev" \| "local"` | No | `"prod"` | Target environment |
90
+ | `theme` | `"auto" \| "light" \| "dark"` | No | `"auto"` | Theme mode for the interface |
91
+ | `onCompleted` | `({ withdrawalRequestId, assetSymbol, amount, networkFee, withdrawalFee }) => void` | No | - | Callback when the withdrawal flow completes successfully |
92
+ | `onError` | `({ errorCode, reason }) => void` | No | - | Callback for error events |
93
+ | `onClose` | `() => void` | No | - | Callback when the widget is closed |
94
+ | `onEvent` | `({ type, data }) => void` | No | - | Callback for general events |
95
+ | `onLoaded` | `() => void` | No | - | Callback when the widget is loaded and ready |
96
+
97
+ ### Methods
98
+
99
+ #### `render(container: HTMLElement): Promise<void>`
100
+
101
+ #### `updateConfig(config: Partial<CspCryptoWithdrawalsConfig>): void`
102
+
103
+ #### `destroy(): void`
104
+
105
+ #### `isRendered(): boolean`
106
+
107
+ #### `getConfig(): CspCryptoWithdrawalsConfig`
108
+
109
+ ## Browser Support
110
+
111
+ - Chrome/Edge 90+
112
+ - Firefox 88+
113
+ - Safari 14+
114
+ - All modern browsers with Web Components support
115
+
116
+ ## More Information & Support
117
+
118
+ For comprehensive documentation or support about Connect, visit our [Documentation Page](https://docs.zerohash.com/).
@@ -0,0 +1,468 @@
1
+ /**
2
+ * Zerohash CSP Crypto Withdrawals JavaScript SDK
3
+ *
4
+ * A programmatic JavaScript SDK for integrating the CSP Crypto 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
+ * CspCryptoWithdrawals SDK class for programmatic control of the Connect CSP Crypto Withdrawals widget.
321
+ *
322
+ * Renders the `zerohash-csp-crypto-withdrawals` web component, which handles the iframe
323
+ * and postMessage communication internally.
324
+ *
325
+ * @example
326
+ * ```javascript
327
+ * const cspCryptoWithdrawals = new CspCryptoWithdrawals({
328
+ * jwt: 'your-jwt-token',
329
+ * env: 'prod',
330
+ * theme: 'auto',
331
+ * onCompleted: (data) => console.log('Withdrawal complete', data),
332
+ * onClose: () => console.log('Closed'),
333
+ * onError: ({ errorCode, reason }) => console.error(errorCode, reason),
334
+ * });
335
+ *
336
+ * // Render to a container
337
+ * await cspCryptoWithdrawals.render(document.getElementById('csp-crypto-withdrawals-container'));
338
+ *
339
+ * // Update configuration
340
+ * cspCryptoWithdrawals.updateConfig({ jwt: 'new-token', theme: 'dark' });
341
+ *
342
+ * // Clean up
343
+ * cspCryptoWithdrawals.destroy();
344
+ * ```
345
+ */
346
+ declare class CspCryptoWithdrawals extends BaseJsSdk<CspCryptoWithdrawalsConfig> {
347
+ protected errorMessages: {
348
+ ALREADY_RENDERED: string;
349
+ NOT_RENDERED: string;
350
+ INVALID_CONTAINER: string;
351
+ SCRIPT_LOAD_FAILED: string;
352
+ WEB_COMPONENT_NOT_DEFINED: string;
353
+ };
354
+ protected scriptUrls: {
355
+ local: string;
356
+ dev: string;
357
+ cert: string;
358
+ prod: string;
359
+ sandbox: string;
360
+ production: string;
361
+ };
362
+ protected webComponentTag: string;
363
+ render(container: HTMLElement): Promise<void>;
364
+ updateConfig(config: Partial<CspCryptoWithdrawalsConfig>): void;
365
+ getConfig(): Readonly<CspCryptoWithdrawalsConfig>;
366
+ isRendered(): boolean;
367
+ destroy(): void;
368
+ }
369
+ export { CspCryptoWithdrawals }
370
+ export default CspCryptoWithdrawals;
371
+
372
+ declare type CspCryptoWithdrawalsCallbacks = CommonCallbacks<CspCryptoWithdrawalsEvent> & {
373
+ /** Called when the withdrawal is successfully completed */
374
+ onCompleted?: (data: CspCryptoWithdrawalsCompletedData) => void;
375
+ };
376
+
377
+ declare type CspCryptoWithdrawalsCompletedData = {
378
+ /** ID of the withdrawal request */
379
+ withdrawalRequestId: string;
380
+ /** Symbol of the asset being withdrawn (e.g. 'BTC') */
381
+ assetSymbol: string;
382
+ /** Amount being withdrawn as a string */
383
+ amount: string;
384
+ /** Network fee as a string */
385
+ networkFee: string;
386
+ /** Withdrawal fee as a string */
387
+ withdrawalFee: string;
388
+ };
389
+
390
+ export declare interface CspCryptoWithdrawalsConfig extends BaseConfig<CspCryptoWithdrawalsEvent>, CspCryptoWithdrawalsCallbacks {
391
+ }
392
+
393
+ /**
394
+ * CSP Crypto Withdrawals event structure
395
+ */
396
+ declare type CspCryptoWithdrawalsEvent = AppEvent<CspCryptoWithdrawalsEventType>;
397
+
398
+ /**
399
+ * CSP Crypto Withdrawals event type literals
400
+ */
401
+ declare type CspCryptoWithdrawalsEventType = string;
402
+
403
+ /**
404
+ * Environment configuration for the SDK
405
+ */
406
+ export declare type Environment = 'local' | 'dev' | 'cert' | 'prod' | 'sandbox' | 'production';
407
+
408
+ /**
409
+ * Generic error codes for all Connect applications
410
+ */
411
+ export declare enum ErrorCode {
412
+ /** Network connectivity error */
413
+ NETWORK_ERROR = 'network_error',
414
+ /** Authentication or session expired error */
415
+ AUTH_ERROR = 'auth_error',
416
+ /** Resource not found error */
417
+ NOT_FOUND_ERROR = 'not_found_error',
418
+ /** Validation error from user input */
419
+ VALIDATION_ERROR = 'validation_error',
420
+ /** Server error (5xx) */
421
+ SERVER_ERROR = 'server_error',
422
+ /** Client error (4xx) */
423
+ CLIENT_ERROR = 'client_error',
424
+ /** Unknown or unexpected error */
425
+ UNKNOWN_ERROR = 'unknown_error',
426
+ }
427
+
428
+ /**
429
+ * Generic error payload structure for error callbacks
430
+ */
431
+ declare type ErrorPayload = {
432
+ /** Error code indicating the type of error */
433
+ errorCode: ErrorCode;
434
+ /** Human-readable reason for the error */
435
+ reason: string;
436
+ };
437
+
438
+ /**
439
+ * Generic HTMLElement representing a web component with custom config
440
+ */
441
+ declare type SdkElement<Config extends BaseConfig<never>> = HTMLElement & Config;
442
+
443
+ /**
444
+ * Internal state of the SDK
445
+ */
446
+ declare interface SdkState {
447
+ /** Whether the SDK is initialized */
448
+ initialized: boolean;
449
+ /** Whether the web component script is loaded */
450
+ scriptLoaded: boolean;
451
+ /** The container element where the widget is rendered */
452
+ container: HTMLElement | null;
453
+ /** The web component element */
454
+ element: HTMLElement | null;
455
+ }
456
+
457
+ /**
458
+ * Theme configuration for the SDK
459
+ *
460
+ * - `"auto"` - Automatically detect system preference (light/dark mode)
461
+ * - `"light"` - Force light theme
462
+ * - `"dark"` - Force dark theme
463
+ */
464
+ declare type Theme = 'auto' | 'light' | 'dark';
465
+
466
+ export declare type ZerohashCspCryptoWithdrawalsElement = SdkElement<CspCryptoWithdrawalsConfig>;
467
+
468
+ export { }
package/dist/index.js ADDED
@@ -0,0 +1,180 @@
1
+ const n = "production", d = "JWT token is required and must be a string.";
2
+ class c {
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 || n,
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, s]) => {
48
+ s && (this.config[t] = s, r[t] = s);
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 || n;
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 s = setTimeout(() => {
112
+ t(new Error(`Timeout waiting for ${this.webComponentTag} to be defined`));
113
+ }, e);
114
+ customElements.whenDefined(this.webComponentTag).then(() => {
115
+ clearTimeout(s), r();
116
+ }).catch((a) => {
117
+ clearTimeout(s), 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 h extends c {
144
+ errorMessages = {
145
+ ALREADY_RENDERED: "CspCryptoWithdrawals widget is already rendered. Call destroy() before rendering again.",
146
+ NOT_RENDERED: "CspCryptoWithdrawals widget is not rendered. Call render() first.",
147
+ INVALID_CONTAINER: "Invalid container element provided.",
148
+ SCRIPT_LOAD_FAILED: "Failed to load the Connect CspCryptoWithdrawals script.",
149
+ WEB_COMPONENT_NOT_DEFINED: "Web component is not defined. Script may not be loaded."
150
+ };
151
+ scriptUrls = {
152
+ local: "http://localhost:5173/csp-crypto-withdrawals-web/index.js",
153
+ dev: "https://connect-sdk.dev.0hash.com/csp-crypto-withdrawals-web/index.js",
154
+ cert: "https://sdk.sandbox.connect.xyz/csp-crypto-withdrawals-web/index.js",
155
+ prod: "https://sdk.connect.xyz/csp-crypto-withdrawals-web/index.js",
156
+ sandbox: "https://sdk.sandbox.connect.xyz/csp-crypto-withdrawals-web/index.js",
157
+ production: "https://sdk.connect.xyz/csp-crypto-withdrawals-web/index.js"
158
+ };
159
+ webComponentTag = "zerohash-csp-crypto-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
+ h as CspCryptoWithdrawals,
178
+ o as ErrorCode,
179
+ h as default
180
+ };
@@ -0,0 +1 @@
1
+ (function(i,n){typeof exports=="object"&&typeof module<"u"?n(exports):typeof define=="function"&&define.amd?define(["exports"],n):(i=typeof globalThis<"u"?globalThis:i||self,n(i.CspCryptoWithdrawals={}))})(this,(function(i){"use strict";const n="production",d="JWT token is required and must be a string.";class c{config;state;scriptLoadingPromise;constructor(e){if(!e.jwt||typeof e.jwt!="string")throw new Error(d);this.config={...e,env:e.env||n,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,o])=>{o&&(this.config[t]=o,r[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||n}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,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 o=setTimeout(()=>{t(new Error(`Timeout waiting for ${this.webComponentTag} to be defined`))},e);customElements.whenDefined(this.webComponentTag).then(()=>{clearTimeout(o),r()}).catch(h=>{clearTimeout(o),t(h)})})}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}}i.ErrorCode=void 0,(function(s){s.NETWORK_ERROR="network_error",s.AUTH_ERROR="auth_error",s.NOT_FOUND_ERROR="not_found_error",s.VALIDATION_ERROR="validation_error",s.SERVER_ERROR="server_error",s.CLIENT_ERROR="client_error",s.UNKNOWN_ERROR="unknown_error"})(i.ErrorCode||(i.ErrorCode={}));class a extends c{errorMessages={ALREADY_RENDERED:"CspCryptoWithdrawals widget is already rendered. Call destroy() before rendering again.",NOT_RENDERED:"CspCryptoWithdrawals widget is not rendered. Call render() first.",INVALID_CONTAINER:"Invalid container element provided.",SCRIPT_LOAD_FAILED:"Failed to load the Connect CspCryptoWithdrawals script.",WEB_COMPONENT_NOT_DEFINED:"Web component is not defined. Script may not be loaded."};scriptUrls={local:"http://localhost:5173/csp-crypto-withdrawals-web/index.js",dev:"https://connect-sdk.dev.0hash.com/csp-crypto-withdrawals-web/index.js",cert:"https://sdk.sandbox.connect.xyz/csp-crypto-withdrawals-web/index.js",prod:"https://sdk.connect.xyz/csp-crypto-withdrawals-web/index.js",sandbox:"https://sdk.sandbox.connect.xyz/csp-crypto-withdrawals-web/index.js",production:"https://sdk.connect.xyz/csp-crypto-withdrawals-web/index.js"};webComponentTag="zerohash-csp-crypto-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()}}i.CspCryptoWithdrawals=a,i.default=a,Object.defineProperties(i,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}})}));
package/package.json ADDED
@@ -0,0 +1,25 @@
1
+ {
2
+ "name": "@zerohash-sdk/csp-crypto-withdrawals-js",
3
+ "version": "1.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": "csp-crypto-withdrawals-js"
24
+ }
25
+ }