@dynamic-labs/client 4.0.0-alpha.2 → 4.0.0-alpha.21

package/src/modules/walletsModule/walletsModule.cjs

@@ -5,8 +5,11 @@ Object.defineProperty(exports, '__esModule', { value: true });
 
 var messageTransport = require('@dynamic-labs/message-transport');
 var pickListenerActions = require('../../utils/pickListenerActions/pickListenerActions.cjs');
+var accountAbstractionModule = require('./accountAbstractionModule/accountAbstractionModule.cjs');
+var createWalletListenerMethods = require('./createWalletListenerMethods/createWalletListenerMethods.cjs');
 var embeddedWalletsModule = require('./embeddedWalletsModule/embeddedWalletsModule.cjs');
 
+const defaultConnectedWalletHandler = () => Promise.resolve(true);
 const createWalletsModule = (core) => {
     const requestChannel = messageTransport.createRequestChannel(core.messageTransport);
     const store = messageTransport.createStore({
@@ -14,15 +17,30 @@ const createWalletsModule = (core) => {
         key: 'wallets',
         messageTransport: core.messageTransport,
     });
+    const messageEvents = messageTransport.createEventEmitterForMessages({
+        eventNames: messageTransport.userWalletsEventNames,
+        initialEventEmitter: store.eventEmitter,
+        messageTransport: core.messageTransport,
+    });
     const signMessage = (params) => requestChannel.request('signMessage', params);
     const getBalance = (params) => requestChannel.request('getBalance', params);
     const switchNetwork = (params) => requestChannel.request('switchNetwork', params);
     const getNetwork = (params) => requestChannel.request('getNetwork', params);
     const setPrimary = (params) => requestChannel.request('setPrimary', params);
-    return Object.assign(store.getters, pickListenerActions.pickListenerActions(store.eventEmitter), {
+    const { offWalletEvent, onWalletEvent } = createWalletListenerMethods.createWalletListenerMethods(requestChannel);
+    const handlers = {
+        walletConnected: defaultConnectedWalletHandler,
+    };
+    requestChannel.handle('handleConnectedWallet', (wallet) => handlers.walletConnected(wallet));
+    return Object.assign(store.getters, pickListenerActions.pickListenerActions(messageEvents), {
+        accountAbstraction: accountAbstractionModule.createAccountAbstractionModule(core),
+        clearHandler: () => (handlers.walletConnected = defaultConnectedWalletHandler),
         embedded: embeddedWalletsModule.createEmbeddedWalletsModule(core),
         getBalance,
         getNetwork,
+        offWalletEvent,
+        onWalletEvent,
+        setHandler: (_, handler) => (handlers.walletConnected = handler),
         setPrimary,
         signMessage,
         switchNetwork,

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

@@ -1,12 +1,23 @@
-import { StoreEventListeners, WalletsModuleMessages, WalletsModuleState } from '@dynamic-labs/message-transport';
+import { PickedEventListeners, StoreEventListeners, WalletsModuleMessages, WalletsModuleState, userWalletsEventNames } from '@dynamic-labs/message-transport';
+import { BaseWallet } from '@dynamic-labs/types';
 import { Core } from '../../client/core';
+import { type AccountAbstractionModule } from './accountAbstractionModule';
+import { WalletEventListener } from './createWalletListenerMethods';
 import { EmbeddedWalletsModule } from './embeddedWalletsModule';
-export type WalletsModule = WalletsModuleState & {
+export type PublicWalletModuleMessages = Pick<WalletsModuleMessages, typeof userWalletsEventNames[number]>;
+export type WalletsModule = WalletsModuleState & PickedEventListeners<PublicWalletModuleMessages> & StoreEventListeners<WalletsModuleState> & {
     embedded: EmbeddedWalletsModule;
+    accountAbstraction: AccountAbstractionModule;
     signMessage: WalletsModuleMessages['signMessage'];
     switchNetwork: WalletsModuleMessages['switchNetwork'];
     getBalance: WalletsModuleMessages['getBalance'];
     getNetwork: WalletsModuleMessages['getNetwork'];
     setPrimary: WalletsModuleMessages['setPrimary'];
-} & StoreEventListeners<WalletsModuleState>;
+    onWalletEvent: WalletEventListener;
+    offWalletEvent: WalletEventListener;
+    setHandler: (name: 'walletConnected', handler: ConnectedWalletsHandler) => void;
+    clearHandler: (name: 'walletConnected') => void;
+};
+type ConnectedWalletsHandler = (wallet: Partial<BaseWallet>) => Promise<boolean>;
 export declare const createWalletsModule: (core: Core) => WalletsModule;
+export {};

package/src/modules/walletsModule/walletsModule.js

@@ -1,8 +1,11 @@
 'use client'
-import { createRequestChannel, createStore } from '@dynamic-labs/message-transport';
+import { createRequestChannel, createStore, createEventEmitterForMessages, userWalletsEventNames } from '@dynamic-labs/message-transport';
 import { pickListenerActions } from '../../utils/pickListenerActions/pickListenerActions.js';
+import { createAccountAbstractionModule } from './accountAbstractionModule/accountAbstractionModule.js';
+import { createWalletListenerMethods } from './createWalletListenerMethods/createWalletListenerMethods.js';
 import { createEmbeddedWalletsModule } from './embeddedWalletsModule/embeddedWalletsModule.js';
 
+const defaultConnectedWalletHandler = () => Promise.resolve(true);
 const createWalletsModule = (core) => {
     const requestChannel = createRequestChannel(core.messageTransport);
     const store = createStore({
@@ -10,15 +13,30 @@ const createWalletsModule = (core) => {
         key: 'wallets',
         messageTransport: core.messageTransport,
     });
+    const messageEvents = createEventEmitterForMessages({
+        eventNames: userWalletsEventNames,
+        initialEventEmitter: store.eventEmitter,
+        messageTransport: core.messageTransport,
+    });
     const signMessage = (params) => requestChannel.request('signMessage', params);
     const getBalance = (params) => requestChannel.request('getBalance', params);
     const switchNetwork = (params) => requestChannel.request('switchNetwork', params);
     const getNetwork = (params) => requestChannel.request('getNetwork', params);
     const setPrimary = (params) => requestChannel.request('setPrimary', params);
-    return Object.assign(store.getters, pickListenerActions(store.eventEmitter), {
+    const { offWalletEvent, onWalletEvent } = createWalletListenerMethods(requestChannel);
+    const handlers = {
+        walletConnected: defaultConnectedWalletHandler,
+    };
+    requestChannel.handle('handleConnectedWallet', (wallet) => handlers.walletConnected(wallet));
+    return Object.assign(store.getters, pickListenerActions(messageEvents), {
+        accountAbstraction: createAccountAbstractionModule(core),
+        clearHandler: () => (handlers.walletConnected = defaultConnectedWalletHandler),
         embedded: createEmbeddedWalletsModule(core),
         getBalance,
         getNetwork,
+        offWalletEvent,
+        onWalletEvent,
+        setHandler: (_, handler) => (handlers.walletConnected = handler),
         setPrimary,
         signMessage,
         switchNetwork,

package/src/types.d.ts

@@ -0,0 +1,2 @@
+import type { BaseWallet } from '@dynamic-labs/types';
+export type Wallet = BaseWallet;

package/src/utils/pickListenerActions/pickListenerActions.cjs

@@ -9,9 +9,15 @@ Object.defineProperty(exports, '__esModule', { value: true });
  */
 // eslint-disable-next-line @typescript-eslint/no-explicit-any
 const pickListenerActions = (emitter) => ({
-    off: emitter.off.bind(emitter),
-    on: emitter.on.bind(emitter),
-    once: emitter.once.bind(emitter),
+    off: (eventName, listener) => {
+        emitter.off(eventName, listener);
+    },
+    on: (eventName, listener) => {
+        emitter.on(eventName, listener);
+    },
+    once: (eventName, listener) => {
+        emitter.once(eventName, listener);
+    },
 });
 
 exports.pickListenerActions = pickListenerActions;

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

@@ -1,6 +1,7 @@
 import EventEmitter from 'eventemitter3';
+import { PickedEventListeners } from '@dynamic-labs/message-transport';
 /**
  * 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 Record<string, any>>(emitter: EventEmitter<T>) => PickedEventListeners<T>;

package/src/utils/pickListenerActions/pickListenerActions.js

@@ -5,9 +5,15 @@
  */
 // eslint-disable-next-line @typescript-eslint/no-explicit-any
 const pickListenerActions = (emitter) => ({
-    off: emitter.off.bind(emitter),
-    on: emitter.on.bind(emitter),
-    once: emitter.once.bind(emitter),
+    off: (eventName, listener) => {
+        emitter.off(eventName, listener);
+    },
+    on: (eventName, listener) => {
+        emitter.on(eventName, listener);
+    },
+    once: (eventName, listener) => {
+        emitter.once(eventName, listener);
+    },
 });
 
 export { pickListenerActions };

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

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

package/src/utils/setupFetchHandler/setupFetchHandler.cjs

@@ -0,0 +1,24 @@
+'use client'
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var _tslib = require('../../../_virtual/_tslib.cjs');
+var messageTransport = require('@dynamic-labs/message-transport');
+
+const setupFetchHandler = (core) => {
+    const fetchRequestChannel = messageTransport.createRequestChannel(core.messageTransport);
+    fetchRequestChannel.handle('fetch', (input, init) => _tslib.__awaiter(void 0, void 0, void 0, function* () {
+        const response = yield fetch(input, init);
+        const responseBody = yield response.text();
+        return {
+            body: responseBody,
+            // eslint-disable-next-line @typescript-eslint/no-explicit-any
+            headers: Object.fromEntries(response.headers.entries()),
+            status: response.status,
+            statusText: response.statusText,
+        };
+    }));
+};
+
+exports.setupFetchHandler = setupFetchHandler;

package/src/utils/setupFetchHandler/setupFetchHandler.d.ts

@@ -0,0 +1,2 @@
+import type { Core } from '../../client/core';
+export declare const setupFetchHandler: (core: Core) => void;

package/src/utils/setupFetchHandler/setupFetchHandler.js

@@ -0,0 +1,20 @@
+'use client'
+import { __awaiter } from '../../../_virtual/_tslib.js';
+import { createRequestChannel } from '@dynamic-labs/message-transport';
+
+const setupFetchHandler = (core) => {
+    const fetchRequestChannel = createRequestChannel(core.messageTransport);
+    fetchRequestChannel.handle('fetch', (input, init) => __awaiter(void 0, void 0, void 0, function* () {
+        const response = yield fetch(input, init);
+        const responseBody = yield response.text();
+        return {
+            body: responseBody,
+            // eslint-disable-next-line @typescript-eslint/no-explicit-any
+            headers: Object.fromEntries(response.headers.entries()),
+            status: response.status,
+            statusText: response.statusText,
+        };
+    }));
+};
+
+export { setupFetchHandler };