@dynamic-labs/client 2.1.0-alpha.0 → 2.1.0-alpha.1

package/CHANGELOG.md

@@ -1,4 +1,25 @@
 
+## [2.1.0-alpha.1](https://github.com/dynamic-labs/DynamicAuth/compare/v2.1.0-alpha.0...v2.1.0-alpha.1) (2024-04-18)
+
+
+### Features
+
+* add frame metadata to demo index page ([#5327](https://github.com/dynamic-labs/DynamicAuth/issues/5327)) ([34a071a](https://github.com/dynamic-labs/DynamicAuth/commit/34a071af8faa8a867ad747ec2a607056a883568d))
+* add MfaChooseDeviceView and MfaSecureDeviceView ([#5343](https://github.com/dynamic-labs/DynamicAuth/issues/5343)) ([4c39b1c](https://github.com/dynamic-labs/DynamicAuth/commit/4c39b1c34b5091190b095770e95a733c8f458ca2)), closes [#5356](https://github.com/dynamic-labs/DynamicAuth/issues/5356)
+* add redirectUri to farcaster connect ([#5373](https://github.com/dynamic-labs/DynamicAuth/issues/5373)) ([ed13fc2](https://github.com/dynamic-labs/DynamicAuth/commit/ed13fc2948e06df0017ac122db54aca44f264a6d))
+* add useMfa hook ([#5337](https://github.com/dynamic-labs/DynamicAuth/issues/5337)) ([a7682ba](https://github.com/dynamic-labs/DynamicAuth/commit/a7682ba10fd0f0809af802e0172154726f1bd857))
+* headless create session and is session active ([#5346](https://github.com/dynamic-labs/DynamicAuth/issues/5346)) ([a787bbc](https://github.com/dynamic-labs/DynamicAuth/commit/a787bbcbb44104d2d0bd263579bd87a78453681d))
+* secure enclave wallet generate one-time code headless ([#5329](https://github.com/dynamic-labs/DynamicAuth/issues/5329)) ([cab80a2](https://github.com/dynamic-labs/DynamicAuth/commit/cab80a2bfa77e48263d47cdcb813c54ef5b831d5))
+
+
+### Bug Fixes
+
+* always stringify the message before signing a message using walletUiUtils ([#5325](https://github.com/dynamic-labs/DynamicAuth/issues/5325)) ([7abf094](https://github.com/dynamic-labs/DynamicAuth/commit/7abf09456e30ad0657892e9ba58d7391f0f430e6))
+* bitcoin network connector sendBitcoin methods updates ([#5369](https://github.com/dynamic-labs/DynamicAuth/issues/5369)) ([e9bf444](https://github.com/dynamic-labs/DynamicAuth/commit/e9bf444122ee86030d85b84ede96bdfb9772425e))
+* buffer missing when using buffer util function ([#5360](https://github.com/dynamic-labs/DynamicAuth/issues/5360)) ([e998e46](https://github.com/dynamic-labs/DynamicAuth/commit/e998e464bd2671a82aa271b407a7d8fc49a16bd0))
+* embedded solana send transaction shouldn't sign a signed transaction ([#5357](https://github.com/dynamic-labs/DynamicAuth/issues/5357)) ([c2ae2fa](https://github.com/dynamic-labs/DynamicAuth/commit/c2ae2faa509b62fc5ceb345fbc0f0b47217bf4b0))
+* use network.name if vanity name is missing ([#5338](https://github.com/dynamic-labs/DynamicAuth/issues/5338)) ([34ec2ae](https://github.com/dynamic-labs/DynamicAuth/commit/34ec2ae5c4dad5376a3b9c5a07221f68a2f7756c))
+
 ## [2.1.0-alpha.0](https://github.com/dynamic-labs/DynamicAuth/compare/v2.0.0-alpha.32...v2.1.0-alpha.0) (2024-04-15)
 
 ## [2.0.0-alpha.32](https://github.com/dynamic-labs/DynamicAuth/compare/v2.0.0-alpha.31...v2.0.0-alpha.32) (2024-04-15)

package/_virtual/_tslib.cjs

@@ -1,3 +1,4 @@
+'use client'
 'use strict';
 
 Object.defineProperty(exports, '__esModule', { value: true });

package/_virtual/_tslib.js

@@ -1,3 +1,4 @@
+'use client'
 /******************************************************************************
 Copyright (c) Microsoft Corporation.
 

package/package.cjs

@@ -1,7 +1,8 @@
+'use client'
 'use strict';
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-var version = "2.1.0-alpha.0";
+var version = "2.1.0-alpha.1";
 
 exports.version = version;

package/package.js

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

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@dynamic-labs/client",
-  "version": "2.1.0-alpha.0",
+  "version": "2.1.0-alpha.1",
   "repository": {
     "type": "git",
     "url": "https://github.com/dynamic-labs/DynamicAuth.git",
@@ -25,9 +25,11 @@
     },
     "./package.json": "./package.json"
   },
+  "dependencies": {
+    "@dynamic-labs/message-transport": "2.1.0-alpha.1"
+  },
   "peerDependencies": {
-    "@dynamic-labs/message-transport": "2.1.0-alpha.0",
-    "@dynamic-labs/types": "2.1.0-alpha.0",
+    "@dynamic-labs/types": "2.1.0-alpha.1",
     "eventemitter3": "5.0.1"
   }
 }

package/src/client/client.cjs

@@ -1,3 +1,4 @@
+'use client'
 'use strict';
 
 Object.defineProperty(exports, '__esModule', { value: true });

package/src/client/client.d.ts

@@ -16,11 +16,9 @@ export type ClientProps = {
  */
 export declare const createClient: (props: ClientProps) => {
     /** Module that gives access over authentication state, such as the auth token and user */
-    auth: import("dist/packages/message-transport/src").StoreStateGetters<import("dist/packages/message-transport/src").AuthModuleState> & Pick<import("eventemitter3").EventEmitter<import("dist/packages/message-transport/src").AuthModuleMessages & import("dist/packages/message-transport/src").StoreStateEvents<import("dist/packages/message-transport/src").AuthModuleState>, any>, "on" | "off" | "once"> & {
-        logout: () => Promise<void>;
-    };
+    auth: import("../modules/authModule").AuthModule;
     /** Module that gives insight over the state of the SDK */
-    sdk: import("dist/packages/message-transport/src").StoreStateGetters<import("dist/packages/message-transport/src").SdkModuleState>;
+    sdk: import("../modules/sdkModule").SdkModule;
     /** Module that provides access to user's wallets */
-    wallets: import("dist/packages/message-transport/src").StoreStateGetters<import("dist/packages/message-transport/src").WalletsModuleState> & Pick<import("eventemitter3").EventEmitter<import("dist/packages/message-transport/src").StoreStateEvents<import("dist/packages/message-transport/src").WalletsModuleState>, any>, "on" | "off" | "once">;
+    wallets: import("../modules/walletsModule").WalletsModule;
 } & Extendable;

package/src/client/client.js

@@ -1,3 +1,4 @@
+'use client'
 import { createAuthModule } from '../modules/authModule/authModule.js';
 import { createSdkModule } from '../modules/sdkModule/sdkModule.js';
 import { createWalletsModule } from '../modules/walletsModule/walletsModule.js';

package/src/client/core/core.cjs

@@ -1,9 +1,22 @@
+'use client'
 'use strict';
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-var messageTransport = require('@dynamic-labs/message-transport');
+var messageTransport$1 = require('@dynamic-labs/message-transport');
 
+const messageTransport = messageTransport$1.applyDefaultMessageOrigin({
+    defaultOrigin: 'host',
+    messageTransport: messageTransport$1.makeWaitForInitEvent({
+        bypassBlockIf: (message) => message.origin === 'webview',
+        initializeMessageType: messageTransport$1.sdkHasLoadedEventName,
+        messageTransport: messageTransport$1.createMessageTransport(),
+    }),
+});
+// Uncomment this to easily debug incoming/outgoing messages to webview
+// messageTransport.on((message) =>
+//   console.log('message', JSON.stringify(message, null, 2)),
+// );
 const createCore = () => ({
     /**
      * Allows an extension to add its name to the list, such that
@@ -20,14 +33,7 @@ const createCore = () => ({
      * Note: Doesn't implement forwarding messages to/from webview yet.
      * The user is expected to extend the client with an Extension that implements that.
      */
-    messageTransport: messageTransport.applyDefaultMessageOrigin({
-        defaultOrigin: 'host',
-        messageTransport: messageTransport.makeWaitForInitEvent({
-            bypassBlockIf: (message) => message.origin === 'webview',
-            initializeMessageType: messageTransport.sdkHasLoadedEventName,
-            messageTransport: messageTransport.createMessageTransport(),
-        }),
-    }),
+    messageTransport,
 });
 
 exports.createCore = createCore;

package/src/client/core/core.js

@@ -1,5 +1,18 @@
+'use client'
 import { applyDefaultMessageOrigin, makeWaitForInitEvent, sdkHasLoadedEventName, createMessageTransport } from '@dynamic-labs/message-transport';
 
+const messageTransport = applyDefaultMessageOrigin({
+    defaultOrigin: 'host',
+    messageTransport: makeWaitForInitEvent({
+        bypassBlockIf: (message) => message.origin === 'webview',
+        initializeMessageType: sdkHasLoadedEventName,
+        messageTransport: createMessageTransport(),
+    }),
+});
+// Uncomment this to easily debug incoming/outgoing messages to webview
+// messageTransport.on((message) =>
+//   console.log('message', JSON.stringify(message, null, 2)),
+// );
 const createCore = () => ({
     /**
      * Allows an extension to add its name to the list, such that
@@ -16,14 +29,7 @@ const createCore = () => ({
      * Note: Doesn't implement forwarding messages to/from webview yet.
      * The user is expected to extend the client with an Extension that implements that.
      */
-    messageTransport: applyDefaultMessageOrigin({
-        defaultOrigin: 'host',
-        messageTransport: makeWaitForInitEvent({
-            bypassBlockIf: (message) => message.origin === 'webview',
-            initializeMessageType: sdkHasLoadedEventName,
-            messageTransport: createMessageTransport(),
-        }),
-    }),
+    messageTransport,
 });
 
 export { createCore };

package/src/index.cjs

@@ -1,3 +1,4 @@
+'use client'
 'use strict';
 
 Object.defineProperty(exports, '__esModule', { value: true });

package/src/index.d.ts

@@ -1,3 +1,6 @@
 export { type Core } from './client/core';
 export { Extendable, type Extension } from './utils/Extendable';
 export { createClient, type BaseClient, type ClientProps } from './client';
+export type { AuthModule } from './modules/authModule';
+export type { SdkModule } from './modules/sdkModule';
+export type { WalletsModule } from './modules/walletsModule';

package/src/index.js

@@ -1,2 +1,3 @@
+'use client'
 export { Extendable } from './utils/Extendable/Extendable.js';
 export { createClient } from './client/client.js';

package/src/modules/authModule/authModule.cjs

@@ -1,3 +1,4 @@
+'use client'
 'use strict';
 
 Object.defineProperty(exports, '__esModule', { value: true });
@@ -8,8 +9,8 @@ var pickListenerActions = require('../../utils/pickListenerActions/pickListenerA
 const createAuthModule = (core) => {
     const store = messageTransport.createStore({
         initialState: {
-            authToken: null,
             authenticatedUser: null,
+            token: null,
         },
         key: 'auth',
         messageTransport: core.messageTransport,

package/src/modules/authModule/authModule.d.ts

@@ -1,6 +1,4 @@
-import { AuthModuleMessages, AuthModuleState } from '@dynamic-labs/message-transport';
+import { AuthModuleMessages, AuthModuleState, StoreEventListeners } from '@dynamic-labs/message-transport';
 import { Core } from '../../client/core';
-export type AuthModule = ReturnType<typeof createAuthModule>;
-export declare const createAuthModule: (core: Core) => import("@dynamic-labs/message-transport").StoreStateGetters<AuthModuleState> & Pick<import("eventemitter3").EventEmitter<AuthModuleMessages & import("@dynamic-labs/message-transport").StoreStateEvents<AuthModuleState>, any>, "on" | "off" | "once"> & {
-    logout: () => Promise<void>;
-};
+export type AuthModule = AuthModuleState & StoreEventListeners<AuthModuleState> & Pick<AuthModuleMessages, 'logout'>;
+export declare const createAuthModule: (core: Core) => AuthModule;

package/src/modules/authModule/authModule.js

@@ -1,11 +1,12 @@
+'use client'
 import { createStore, createEventEmitterForMessages, createRequestChannel } from '@dynamic-labs/message-transport';
 import { pickListenerActions } from '../../utils/pickListenerActions/pickListenerActions.js';
 
 const createAuthModule = (core) => {
     const store = createStore({
         initialState: {
-            authToken: null,
             authenticatedUser: null,
+            token: null,
         },
         key: 'auth',
         messageTransport: core.messageTransport,

package/src/modules/sdkModule/manifest/manifest.cjs

@@ -1,3 +1,4 @@
+'use client'
 'use strict';
 
 Object.defineProperty(exports, '__esModule', { value: true });

package/src/modules/sdkModule/manifest/manifest.js

@@ -1,3 +1,4 @@
+'use client'
 import { version } from '../../../../package.js';
 
 const createManifest = ({ apiBaseUrl, environmentId, appLogoUrl, appName, cssOverrides, }) => ({

package/src/modules/sdkModule/sdkModule.cjs

@@ -1,9 +1,11 @@
+'use client'
 'use strict';
 
 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 manifest = require('./manifest/manifest.cjs');
 
 const createSdkModule = (core, props) => {
@@ -16,7 +18,7 @@ const createSdkModule = (core, props) => {
         key: 'sdk',
         messageTransport: core.messageTransport,
     });
-    return store.getters;
+    return Object.assign(store.getters, pickListenerActions.pickListenerActions(store.eventEmitter));
 };
 
 exports.createSdkModule = createSdkModule;

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

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

package/src/modules/sdkModule/sdkModule.js

@@ -1,5 +1,7 @@
+'use client'
 import { __awaiter } from '../../../_virtual/_tslib.js';
 import { createRequestChannel, createStore } from '@dynamic-labs/message-transport';
+import { pickListenerActions } from '../../utils/pickListenerActions/pickListenerActions.js';
 import { createManifest } from './manifest/manifest.js';
 
 const createSdkModule = (core, props) => {
@@ -12,7 +14,7 @@ const createSdkModule = (core, props) => {
         key: 'sdk',
         messageTransport: core.messageTransport,
     });
-    return store.getters;
+    return Object.assign(store.getters, pickListenerActions(store.eventEmitter));
 };
 
 export { createSdkModule };

package/src/modules/walletsModule/walletsModule.cjs

@@ -1,3 +1,4 @@
+'use client'
 'use strict';
 
 Object.defineProperty(exports, '__esModule', { value: true });

package/src/modules/walletsModule/walletsModule.d.ts

@@ -1,4 +1,4 @@
-import { WalletsModuleState } from '@dynamic-labs/message-transport';
+import { StoreEventListeners, WalletsModuleState } from '@dynamic-labs/message-transport';
 import { Core } from '../../client/core';
-export type WalletsModule = ReturnType<typeof createWalletsModule>;
-export declare const createWalletsModule: (core: Core) => import("@dynamic-labs/message-transport").StoreStateGetters<WalletsModuleState> & Pick<import("eventemitter3").EventEmitter<import("@dynamic-labs/message-transport").StoreStateEvents<WalletsModuleState>, any>, "on" | "off" | "once">;
+export type WalletsModule = WalletsModuleState & StoreEventListeners<WalletsModuleState>;
+export declare const createWalletsModule: (core: Core) => WalletsModule;

package/src/modules/walletsModule/walletsModule.js

@@ -1,3 +1,4 @@
+'use client'
 import { createStore } from '@dynamic-labs/message-transport';
 import { pickListenerActions } from '../../utils/pickListenerActions/pickListenerActions.js';
 

package/src/utils/Extendable/Extendable.cjs

@@ -1,7 +1,10 @@
+'use client'
 'use strict';
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
+var deepMergeInto = require('./deepMerge/deepMergeInto.cjs');
+
 // Class here is necessary to have access to "this" keyword
 /**
  * An object that can be extended.
@@ -19,7 +22,7 @@ class Extendable {
         this.core = core;
     }
     extend(extension) {
-        return Object.assign(this, extension(this, this.core));
+        return deepMergeInto.deepMergeInto(this, extension(this, this.core));
     }
 }
 

package/src/utils/Extendable/Extendable.js

@@ -1,3 +1,6 @@
+'use client'
+import { deepMergeInto } from './deepMerge/deepMergeInto.js';
+
 // Class here is necessary to have access to "this" keyword
 /**
  * An object that can be extended.
@@ -15,7 +18,7 @@ class Extendable {
         this.core = core;
     }
     extend(extension) {
-        return Object.assign(this, extension(this, this.core));
+        return deepMergeInto(this, extension(this, this.core));
     }
 }
 

package/src/utils/Extendable/deepMerge/deepMergeInto.cjs

@@ -0,0 +1,26 @@
+'use client'
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+/** Performs a deep merge into obj1 */
+const deepMergeInto = (obj1, obj2) => {
+    // Merge obj2 into obj1, recursively if the property is an object
+    for (const key in obj2) {
+        if (!Object.prototype.hasOwnProperty.call(obj2, key))
+            continue;
+        // If key exists in obj1 and both are objects, recurse
+        if (Object.prototype.hasOwnProperty.call(obj1, key) &&
+            typeof obj1[key] === 'object' &&
+            typeof obj2[key] === 'object') {
+            obj1[key] = deepMergeInto(obj1[key], obj2[key]);
+        }
+        else {
+            // Otherwise, just overwrite/add the property from obj2
+            obj1[key] = obj2[key];
+        }
+    }
+    return obj1;
+};
+
+exports.deepMergeInto = deepMergeInto;

package/src/utils/Extendable/deepMerge/deepMergeInto.d.ts

@@ -0,0 +1,6 @@
+type GenericObject = {
+    [key: string]: any;
+};
+/** Performs a deep merge into obj1 */
+export declare const deepMergeInto: <T extends GenericObject>(obj1: GenericObject, obj2: GenericObject) => T;
+export {};

package/src/utils/Extendable/deepMerge/deepMergeInto.js

@@ -0,0 +1,22 @@
+'use client'
+/** Performs a deep merge into obj1 */
+const deepMergeInto = (obj1, obj2) => {
+    // Merge obj2 into obj1, recursively if the property is an object
+    for (const key in obj2) {
+        if (!Object.prototype.hasOwnProperty.call(obj2, key))
+            continue;
+        // If key exists in obj1 and both are objects, recurse
+        if (Object.prototype.hasOwnProperty.call(obj1, key) &&
+            typeof obj1[key] === 'object' &&
+            typeof obj2[key] === 'object') {
+            obj1[key] = deepMergeInto(obj1[key], obj2[key]);
+        }
+        else {
+            // Otherwise, just overwrite/add the property from obj2
+            obj1[key] = obj2[key];
+        }
+    }
+    return obj1;
+};
+
+export { deepMergeInto };

package/src/utils/Extendable/deepMerge/index.d.ts

@@ -0,0 +1 @@
+export * from './deepMergeInto';

package/src/utils/pickListenerActions/pickListenerActions.cjs

@@ -1,3 +1,4 @@
+'use client'
 'use strict';
 
 Object.defineProperty(exports, '__esModule', { value: true });

package/src/utils/pickListenerActions/pickListenerActions.d.ts

@@ -3,4 +3,4 @@ import EventEmitter from 'eventemitter3';
  * This only serves to limit the methods of an event emitter to
  * only the ones necessary for event listening
  */
-export declare const pickListenerActions: <T extends EventEmitter<any, any>>(emitter: T) => Pick<T, "on" | "off" | "once">;
+export declare const pickListenerActions: <T extends EventEmitter<any, any>>(emitter: T) => Pick<T, 'on' | 'off' | 'once'>;

package/src/utils/pickListenerActions/pickListenerActions.js

@@ -1,3 +1,4 @@
+'use client'
 /**
  * This only serves to limit the methods of an event emitter to
  * only the ones necessary for event listening