@dynamic-labs/client 2.1.0-alpha.15 → 2.1.0-alpha.16

package/CHANGELOG.md

@@ -1,4 +1,13 @@
 
+## [2.1.0-alpha.16](https://github.com/dynamic-labs/DynamicAuth/compare/v2.1.0-alpha.15...v2.1.0-alpha.16) (2024-05-14)
+
+
+### Features
+
+* add client.sdk.error with errors from the webview ([#5520](https://github.com/dynamic-labs/DynamicAuth/issues/5520)) ([a886927](https://github.com/dynamic-labs/DynamicAuth/commit/a8869273bf361c870d6e3cb82a28d9ccec65905b))
+* add setDefaultTabIndex to default the selected wallets tab ([#5593](https://github.com/dynamic-labs/DynamicAuth/issues/5593)) ([6e8ce05](https://github.com/dynamic-labs/DynamicAuth/commit/6e8ce053c4f6f009acc57dac55a8e9c74fbcc73b))
+* add visibility/auth-flow/user-profile to react-native ([#5564](https://github.com/dynamic-labs/DynamicAuth/issues/5564)) ([d93cea8](https://github.com/dynamic-labs/DynamicAuth/commit/d93cea82a123c6ec4d3d594a7dc064f4db2981c2))
+
 ## [2.1.0-alpha.15](https://github.com/dynamic-labs/DynamicAuth/compare/v2.1.0-alpha.14...v2.1.0-alpha.15) (2024-05-13)
 
 

package/package.cjs

@@ -3,6 +3,6 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-var version = "2.1.0-alpha.15";
+var version = "2.1.0-alpha.16";
 
 exports.version = version;

package/package.js

@@ -1,4 +1,4 @@
 'use client'
-var version = "2.1.0-alpha.15";
+var version = "2.1.0-alpha.16";
 
 export { version };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@dynamic-labs/client",
-  "version": "2.1.0-alpha.15",
+  "version": "2.1.0-alpha.16",
   "repository": {
     "type": "git",
     "url": "https://github.com/dynamic-labs/DynamicAuth.git",
@@ -26,10 +26,12 @@
     "./package.json": "./package.json"
   },
   "dependencies": {
-    "@dynamic-labs/message-transport": "2.1.0-alpha.15"
+    "@dynamic-labs/message-transport": "2.1.0-alpha.16",
+    "@vue/reactivity": "3.4.21"
   },
   "peerDependencies": {
-    "@dynamic-labs/types": "2.1.0-alpha.15",
+    "@dynamic-labs/logger": "2.1.0-alpha.16",
+    "@dynamic-labs/types": "2.1.0-alpha.16",
     "eventemitter3": "5.0.1"
   }
 }

package/src/client/client.cjs

@@ -5,6 +5,7 @@ Object.defineProperty(exports, '__esModule', { value: true });
 
 var authModule = require('../modules/authModule/authModule.cjs');
 var sdkModule = require('../modules/sdkModule/sdkModule.cjs');
+var userInterfaceModule = require('../modules/userInterfaceModule/userInterfaceModule.cjs');
 var walletsModule = require('../modules/walletsModule/walletsModule.cjs');
 var Extendable = require('../utils/Extendable/Extendable.cjs');
 var core = require('./core/core.cjs');
@@ -24,6 +25,8 @@ const createClient = (props) => {
         auth: authModule.createAuthModule(core$1),
         /** Module that gives insight over the state of the SDK */
         sdk: sdkModule.createSdkModule(core$1, props),
+        /** Module that provide access to UI features */
+        ui: userInterfaceModule.createUserInterfaceModule(core$1),
         /** Module that provides access to user's wallets */
         wallets: walletsModule.createWalletsModule(core$1),
     }));

package/src/client/client.d.ts

@@ -19,6 +19,15 @@ export declare const createClient: (props: ClientProps) => {
     auth: import("../modules/authModule").AuthModule;
     /** Module that gives insight over the state of the SDK */
     sdk: import("../modules/sdkModule").SdkModule;
+    /** Module that provide access to UI features */
+    ui: {
+        auth: {
+            show: () => void;
+        };
+        userProfile: {
+            show: () => void;
+        };
+    };
     /** Module that provides access to user's wallets */
     wallets: import("../modules/walletsModule").WalletsModule;
 } & Extendable;

package/src/client/client.js

@@ -1,6 +1,7 @@
 'use client'
 import { createAuthModule } from '../modules/authModule/authModule.js';
 import { createSdkModule } from '../modules/sdkModule/sdkModule.js';
+import { createUserInterfaceModule } from '../modules/userInterfaceModule/userInterfaceModule.js';
 import { createWalletsModule } from '../modules/walletsModule/walletsModule.js';
 import { Extendable } from '../utils/Extendable/Extendable.js';
 import { createCore } from './core/core.js';
@@ -20,6 +21,8 @@ const createClient = (props) => {
         auth: createAuthModule(core),
         /** Module that gives insight over the state of the SDK */
         sdk: createSdkModule(core, props),
+        /** Module that provide access to UI features */
+        ui: createUserInterfaceModule(core),
         /** Module that provides access to user's wallets */
         wallets: createWalletsModule(core),
     }));

package/src/client/core/core.cjs

@@ -4,6 +4,7 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
 var messageTransport$1 = require('@dynamic-labs/message-transport');
+var initializationModule = require('./modules/initializationModule/initializationModule.cjs');
 
 const messageTransport = messageTransport$1.applyDefaultMessageOrigin({
     defaultOrigin: 'host',
@@ -26,6 +27,10 @@ const createCore = () => ({
      * checks this list and throws an error if it doesn't find "viem" there.
      */
     declaredExtensionNames: [],
+    /**
+     * SDK initialization module handles the initialization error
+     */
+    initialization: initializationModule.createInitializationModule(messageTransport),
     /**
      * Message transport that will be used to send and receive messages to the webview.
      * Should preferably be used with createRequestChannel, rather than used directly.

package/src/client/core/core.d.ts

@@ -12,6 +12,13 @@ export declare const createCore: () => {
      * checks this list and throws an error if it doesn't find "viem" there.
      */
     declaredExtensionNames: string[];
+    /**
+     * SDK initialization module handles the initialization error
+     */
+    initialization: {
+        get error(): Error | null;
+        set error(error: Error);
+    };
     /**
      * Message transport that will be used to send and receive messages to the webview.
      * Should preferably be used with createRequestChannel, rather than used directly.
@@ -25,7 +32,7 @@ export declare const createCore: () => {
         off: (callback: import("@dynamic-labs/message-transport").MessageTransportCallback) => void;
         on: (callback: import("@dynamic-labs/message-transport").MessageTransportCallback) => void;
     } & {
-        defaultOrigin: "host" | "webview";
+        defaultOrigin: "webview" | "host";
         emit: (message: import("@dynamic-labs/message-transport").MessageTransportDataOptionalOrigin) => void;
     };
 };

package/src/client/core/core.js

@@ -1,5 +1,6 @@
 'use client'
 import { applyDefaultMessageOrigin, makeWaitForInitEvent, sdkHasLoadedEventName, createMessageTransport } from '@dynamic-labs/message-transport';
+import { createInitializationModule } from './modules/initializationModule/initializationModule.js';
 
 const messageTransport = applyDefaultMessageOrigin({
     defaultOrigin: 'host',
@@ -22,6 +23,10 @@ const createCore = () => ({
      * checks this list and throws an error if it doesn't find "viem" there.
      */
     declaredExtensionNames: [],
+    /**
+     * SDK initialization module handles the initialization error
+     */
+    initialization: createInitializationModule(messageTransport),
     /**
      * Message transport that will be used to send and receive messages to the webview.
      * Should preferably be used with createRequestChannel, rather than used directly.

package/src/client/core/modules/initializationModule/index.d.ts

@@ -0,0 +1 @@
+export { createInitializationModule } from './initializationModule';

package/src/client/core/modules/initializationModule/initializationModule.cjs

@@ -0,0 +1,30 @@
+'use client'
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var reactivity = require('@vue/reactivity');
+var messageTransport = require('@dynamic-labs/message-transport');
+var logger = require('../../../../utils/logger/logger.cjs');
+
+const createInitializationModule = (messageTransport$1) => {
+    const consoleRequestChannel = messageTransport.createRequestChannel(messageTransport$1);
+    const state = reactivity.reactive({
+        error: null,
+    });
+    consoleRequestChannel.handle('error', (serializedError) => {
+        state.error = messageTransport.parseErrorFromTransport(serializedError);
+        logger.logger.error(state.error);
+    });
+    return {
+        get error() {
+            return state.error;
+        },
+        set error(error) {
+            state.error = error;
+            logger.logger.error(state.error);
+        },
+    };
+};
+
+exports.createInitializationModule = createInitializationModule;

package/src/client/core/modules/initializationModule/initializationModule.d.ts

@@ -0,0 +1,5 @@
+import { MessageTransportWithDefaultOrigin } from '@dynamic-labs/message-transport';
+export declare const createInitializationModule: (messageTransport: MessageTransportWithDefaultOrigin) => {
+    get error(): Error | null;
+    set error(error: Error);
+};

package/src/client/core/modules/initializationModule/initializationModule.js

@@ -0,0 +1,26 @@
+'use client'
+import { reactive } from '@vue/reactivity';
+import { createRequestChannel, parseErrorFromTransport } from '@dynamic-labs/message-transport';
+import { logger } from '../../../../utils/logger/logger.js';
+
+const createInitializationModule = (messageTransport) => {
+    const consoleRequestChannel = createRequestChannel(messageTransport);
+    const state = reactive({
+        error: null,
+    });
+    consoleRequestChannel.handle('error', (serializedError) => {
+        state.error = parseErrorFromTransport(serializedError);
+        logger.error(state.error);
+    });
+    return {
+        get error() {
+            return state.error;
+        },
+        set error(error) {
+            state.error = error;
+            logger.error(state.error);
+        },
+    };
+};
+
+export { createInitializationModule };

package/src/modules/sdkModule/sdkModule.cjs

@@ -6,6 +6,7 @@ Object.defineProperty(exports, '__esModule', { value: true });
 var _tslib = require('../../../_virtual/_tslib.cjs');
 var messageTransport = require('@dynamic-labs/message-transport');
 var pickListenerActions = require('../../utils/pickListenerActions/pickListenerActions.cjs');
+var addProperty = require('../../utils/addProperty/addProperty.cjs');
 var manifest = require('./manifest/manifest.cjs');
 
 const createSdkModule = (core, props) => {
@@ -18,7 +19,10 @@ const createSdkModule = (core, props) => {
         key: 'sdk',
         messageTransport: core.messageTransport,
     });
-    return Object.assign(store.getters, pickListenerActions.pickListenerActions(store.eventEmitter));
+    const baseModule = Object.assign(store.getters, pickListenerActions.pickListenerActions(store.eventEmitter));
+    return addProperty.addProperty(baseModule, 'error', {
+        get: () => core.initialization.error,
+    });
 };
 
 exports.createSdkModule = createSdkModule;

package/src/modules/sdkModule/sdkModule.d.ts

@@ -1,5 +1,7 @@
 import { SdkModuleState, StoreEventListeners } from '@dynamic-labs/message-transport';
 import type { ClientProps } from '../../client';
 import { Core } from '../../client/core';
-export type SdkModule = SdkModuleState & StoreEventListeners<SdkModuleState>;
+export type SdkModule = SdkModuleState & StoreEventListeners<SdkModuleState> & {
+    readonly error: Error | null;
+};
 export declare const createSdkModule: (core: Core, props: ClientProps) => SdkModule;

package/src/modules/sdkModule/sdkModule.js

@@ -2,6 +2,7 @@
 import { __awaiter } from '../../../_virtual/_tslib.js';
 import { createRequestChannel, createStore } from '@dynamic-labs/message-transport';
 import { pickListenerActions } from '../../utils/pickListenerActions/pickListenerActions.js';
+import { addProperty } from '../../utils/addProperty/addProperty.js';
 import { createManifest } from './manifest/manifest.js';
 
 const createSdkModule = (core, props) => {
@@ -14,7 +15,10 @@ const createSdkModule = (core, props) => {
         key: 'sdk',
         messageTransport: core.messageTransport,
     });
-    return Object.assign(store.getters, pickListenerActions(store.eventEmitter));
+    const baseModule = Object.assign(store.getters, pickListenerActions(store.eventEmitter));
+    return addProperty(baseModule, 'error', {
+        get: () => core.initialization.error,
+    });
 };
 
 export { createSdkModule };

package/src/modules/userInterfaceModule/index.d.ts

@@ -0,0 +1 @@
+export { createUserInterfaceModule } from './userInterfaceModule';

package/src/modules/userInterfaceModule/userInterfaceModule.cjs

@@ -0,0 +1,20 @@
+'use client'
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var messageTransport = require('@dynamic-labs/message-transport');
+
+const createUserInterfaceModule = (core) => {
+    const userInterfaceRequestChannel = messageTransport.createRequestChannel(core.messageTransport);
+    return {
+        auth: {
+            show: () => userInterfaceRequestChannel.emit('openAuthFlow'),
+        },
+        userProfile: {
+            show: () => userInterfaceRequestChannel.emit('openUserProfile'),
+        },
+    };
+};
+
+exports.createUserInterfaceModule = createUserInterfaceModule;

package/src/modules/userInterfaceModule/userInterfaceModule.d.ts

@@ -0,0 +1,9 @@
+import { Core } from '../../client/core';
+export declare const createUserInterfaceModule: (core: Core) => {
+    auth: {
+        show: () => void;
+    };
+    userProfile: {
+        show: () => void;
+    };
+};

package/src/modules/userInterfaceModule/userInterfaceModule.js

@@ -0,0 +1,16 @@
+'use client'
+import { createRequestChannel } from '@dynamic-labs/message-transport';
+
+const createUserInterfaceModule = (core) => {
+    const userInterfaceRequestChannel = createRequestChannel(core.messageTransport);
+    return {
+        auth: {
+            show: () => userInterfaceRequestChannel.emit('openAuthFlow'),
+        },
+        userProfile: {
+            show: () => userInterfaceRequestChannel.emit('openUserProfile'),
+        },
+    };
+};
+
+export { createUserInterfaceModule };

package/src/utils/addProperty/addProperty.cjs

@@ -0,0 +1,21 @@
+'use client'
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+/**
+ * Adds a new property to an object with a specified key and value.
+ * @template T - The type of the object.
+ * @param {T} obj - The object to add the property to.
+ * @param {string} key - The key of the new property.
+ * @param {PropertyDescriptor} descriptor - The property descriptor.
+ * @returns {T & Record<K, V>} The object with the added property.
+ * @template K - The key type.
+ * @template V - The value type.
+ */
+const addProperty = (obj, key, descriptor) => {
+    Object.defineProperty(obj, key, descriptor);
+    return obj;
+};
+
+exports.addProperty = addProperty;

package/src/utils/addProperty/addProperty.d.ts

@@ -0,0 +1,13 @@
+/**
+ * Adds a new property to an object with a specified key and value.
+ * @template T - The type of the object.
+ * @param {T} obj - The object to add the property to.
+ * @param {string} key - The key of the new property.
+ * @param {PropertyDescriptor} descriptor - The property descriptor.
+ * @returns {T & Record<K, V>} The object with the added property.
+ * @template K - The key type.
+ * @template V - The value type.
+ */
+export declare const addProperty: <T extends object, K extends string, V>(obj: T, key: K, descriptor: {
+    get: () => V;
+}) => T & Record<K, V>;

package/src/utils/addProperty/addProperty.js

@@ -0,0 +1,17 @@
+'use client'
+/**
+ * Adds a new property to an object with a specified key and value.
+ * @template T - The type of the object.
+ * @param {T} obj - The object to add the property to.
+ * @param {string} key - The key of the new property.
+ * @param {PropertyDescriptor} descriptor - The property descriptor.
+ * @returns {T & Record<K, V>} The object with the added property.
+ * @template K - The key type.
+ * @template V - The value type.
+ */
+const addProperty = (obj, key, descriptor) => {
+    Object.defineProperty(obj, key, descriptor);
+    return obj;
+};
+
+export { addProperty };

package/src/utils/addProperty/index.d.ts

@@ -0,0 +1 @@
+export { addProperty } from './addProperty';

package/src/utils/logger/index.d.ts

@@ -0,0 +1 @@
+export { logger } from './logger';

package/src/utils/logger/logger.cjs

@@ -0,0 +1,10 @@
+'use client'
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var logger$1 = require('@dynamic-labs/logger');
+
+const logger = new logger$1.Logger('@dynamic-labs/client');
+
+exports.logger = logger;

package/src/utils/logger/logger.d.ts

@@ -0,0 +1,2 @@
+import { Logger } from '@dynamic-labs/logger';
+export declare const logger: Logger;

package/src/utils/logger/logger.js

@@ -0,0 +1,6 @@
+'use client'
+import { Logger } from '@dynamic-labs/logger';
+
+const logger = new Logger('@dynamic-labs/client');
+
+export { logger };