@layerswap/widget 0.1.4 → 0.1.14

package/dist/lib/fuels/connectors/fuel-wallet/FuelWalletConnector.js

@@ -1,234 +1,268 @@
-import { Address, FuelConnector, FuelConnectorEventType, FuelConnectorEventTypes, Provider, transactionRequestify, } from 'fuels';
-import { JSONRPCClient } from 'json-rpc-2.0';
-import { APP_IMAGE, CONNECTOR_SCRIPT, CONTENT_SCRIPT_NAME, EVENT_MESSAGE, } from './constants';
-import { MessageTypes, } from './types';
-export class FuelWalletConnector extends FuelConnector {
-    constructor(name = 'Fuel Wallet') {
-        super();
-        this.name = '';
-        this.connected = false;
-        this.installed = false;
-        this.external = false;
-        this.events = FuelConnectorEventTypes;
-        this.metadata = {
-            image: APP_IMAGE,
-            install: {
-                action: 'Install',
-                description: 'To connect your Fuel Wallet, install the browser extension.',
-                link: 'https://chrome.google.com/webstore/detail/fuel-wallet/dldjpboieedgcmpkchcjcbijingjcgok',
-            },
-        };
-        this.onMessage = (message) => {
-            const messageFroze = Object.freeze(message);
-            if (!this.acceptMessage(messageFroze))
-                return;
-            const { data: event } = messageFroze;
-            this.onCommunicationMessage(event);
-        };
-        this.onCommunicationMessage = (message) => {
-            switch (message.type) {
-                case MessageTypes.response:
-                    this.onResponse(message);
-                    break;
-                case MessageTypes.event:
-                    this.onEvent(message);
-                    break;
-                default:
-            }
-        };
-        this.name = name;
-        this.setMaxListeners(100);
-        this.client = new JSONRPCClient(this.sendRequest.bind(this), this.createRequestId);
-        this.setupListener();
-        this.setupConnector();
-    }
-    /**
-     * ============================================================
-     * Application communication methods
-     * ============================================================
-     */
-    async setupConnector() {
-        if (typeof window !== 'undefined') {
-            this.ping()
-                .then(() => {
-                window.dispatchEvent(new CustomEvent(FuelConnectorEventType, { detail: this }));
-            })
-                .catch(() => { });
-        }
-    }
-    acceptMessage(message) {
-        const { data: event } = message;
-        return (message.origin === window.origin &&
-            event.type !== MessageTypes.request &&
-            event.connectorName === this.name &&
-            event.target === CONNECTOR_SCRIPT);
-    }
-    setupListener() {
-        if (typeof window === 'undefined')
-            return;
-        window.addEventListener(EVENT_MESSAGE, this.onMessage.bind(this));
-    }
-    createRequestId() {
-        return crypto.randomUUID();
-    }
-    postMessage(message, origin) {
-        window.postMessage(message, origin || window.origin);
-    }
-    async sendRequest(request) {
-        if (!request)
-            return;
-        this.postMessage({
-            type: MessageTypes.request,
-            target: CONTENT_SCRIPT_NAME,
-            connectorName: this.name,
-            request,
-        });
-    }
-    onResponse(message) {
-        this.client.receive(message.response);
-    }
-    onEvent(message) {
-        message.events.forEach((eventData) => {
-            if (eventData.event === 'start') {
-                this.setupConnector();
-            }
-            else {
-                this.emit(eventData.event, ...eventData.params);
-            }
-        });
-    }
-    /**
-     * ============================================================
-     * Connector methods
-     * ============================================================
-     */
-    async ping() {
-        return this.client.timeout(800).request('ping', {});
-    }
-    async isConnected() {
-        // If the wallet not exists or not connected, return false
-        try {
-            return await this.client.request('isConnected', {});
-        }
-        catch {
-            return false;
-        }
-    }
-    async connect() {
-        return this.client.request('connect', {});
-    }
-    async disconnect() {
-        return this.client.request('disconnect', {});
-    }
-    async accounts() {
-        const accounts = await this.client.request('accounts', {});
-        return accounts;
-    }
-    async currentAccount() {
-        const account = await this.client.request('currentAccount', {});
-        if (!account)
-            return null;
-        return Address.fromDynamicInput(account).toString();
-    }
-    async signMessage(address, message) {
-        if (!message.trim()) {
-            throw new Error('Message is required');
-        }
-        return this.client.request('signMessage', {
-            address,
-            message,
-        });
-    }
-    async sendTransaction(address, transaction) {
-        if (!transaction) {
-            throw new Error('Transaction is required');
-        }
-        // Transform transaction object to a transaction request
-        const txRequest = transactionRequestify(transaction);
-        /**
-         * @todo We should remove this once the chainId standard start to be used and chainId is required
-         * to be correct according to the network the transaction wants to target.
-         */
-        const network = await this.currentNetwork();
-        const provider = {
-            url: network.url,
-        };
-        return this.client.request('sendTransaction', {
-            address,
-            transaction: JSON.stringify(txRequest),
-            provider,
-        });
-    }
-    async assets() {
-        return this.client.request('assets', {});
-    }
-    async addAsset(asset) {
-        return this.addAssets([asset]);
-    }
-    async addAssets(assets) {
-        /**
-         * @todo: Remove this once Fuel Wallet supports assets with multiple networks
-         */
-        const assetsData = assets.map((asset) => {
-            const fuelNetworkAsset = asset.networks.find((n) => n.type === 'fuel');
-            if (!fuelNetworkAsset) {
-                throw new Error('Asset for Fuel Network not found!');
-            }
-            return {
-                ...asset,
-                imageUrl: asset.icon,
-                decimals: fuelNetworkAsset.decimals,
-                assetId: fuelNetworkAsset.assetId,
-            };
-        });
-        return this.client.request('addAssets', {
-            assets: assetsData,
-        });
-    }
-    async addABI(contractId, abi) {
-        return this.client.request('addAbi', {
-            abiMap: {
-                [contractId]: abi,
-            },
-        });
-    }
-    async getABI(contractId) {
-        return this.client.request('getAbi', {
-            contractId,
-        });
-    }
-    async hasABI(contractId) {
-        const abi = await this.getABI(contractId);
-        return !!abi;
-    }
-    async currentNetwork() {
-        return this.client.request('network', {});
-    }
-    async selectNetwork(network) {
-        return this.client.request('selectNetwork', {
-            network,
-        });
-    }
-    async networks() {
-        return this.client.request('networks', {});
-    }
-    async addNetwork(networkUrl) {
-        /**
-         * @todo: Remove fetch provider once Fuel Wallet supports adding networks
-         * by URL
-         */
-        const provider = new Provider(networkUrl);
-        return this.client.request('addNetwork', {
-            network: {
-                url: provider.url,
-                name: (await provider.getChain()).name,
-            },
-        });
-    }
-    async version() {
-        return this.client.request('version', {
-            app: '0.0.0',
-            network: '0.0.0',
-        });
-    }
-}
+// import {
+//     Address,
+//     type Asset,
+//     type AssetFuel,
+//     type ConnectorMetadata,
+//     type FuelABI,
+//     FuelConnector,
+//     FuelConnectorEventType,
+//     FuelConnectorEventTypes,
+//     type Network,
+//     Provider,
+//     type SelectNetworkArguments,
+//     type TransactionRequestLike,
+//     type Version,
+//     transactionRequestify,
+//   } from 'fuels';
+//   import type { JSONRPCRequest } from 'json-rpc-2.0';
+//   import { JSONRPCClient } from 'json-rpc-2.0';
+//   import {
+//     APP_IMAGE,
+//     CONNECTOR_SCRIPT,
+//     CONTENT_SCRIPT_NAME,
+//     EVENT_MESSAGE,
+//   } from './constants';
+//   import {
+//     type CommunicationMessage,
+//     type EventMessage,
+//     MessageTypes,
+//     type ResponseMessage,
+//   } from './types';
+//   export class FuelWalletConnector extends FuelConnector {
+//     name = '';
+//     connected = false;
+//     installed = false;
+//     external = false;
+//     events = FuelConnectorEventTypes;
+//     metadata: ConnectorMetadata = {
+//       image: APP_IMAGE,
+//       install: {
+//         action: 'Install',
+//         description:
+//           'To connect your Fuel Wallet, install the browser extension.',
+//         link: 'https://chrome.google.com/webstore/detail/fuel-wallet/dldjpboieedgcmpkchcjcbijingjcgok',
+//       },
+//     };
+//     readonly client: JSONRPCClient;
+//     constructor(name = 'Fuel Wallet') {
+//       super();
+//       this.name = name;
+//       this.setMaxListeners(100);
+//       this.client = new JSONRPCClient(
+//         this.sendRequest.bind(this),
+//         this.createRequestId,
+//       );
+//       this.setupListener();
+//       this.setupConnector();
+//     }
+//     /**
+//      * ============================================================
+//      * Application communication methods
+//      * ============================================================
+//      */
+//     private async setupConnector() {
+//       if (typeof window !== 'undefined') {
+//         this.ping()
+//           .then(() => {
+//             window.dispatchEvent(
+//               new CustomEvent(FuelConnectorEventType, { detail: this }),
+//             );
+//           })
+//           .catch(() => {});
+//       }
+//     }
+//     private acceptMessage(message: MessageEvent<CommunicationMessage>): boolean {
+//       const { data: event } = message;
+//       return (
+//         message.origin === window.origin &&
+//         event.type !== MessageTypes.request &&
+//         event.connectorName === this.name &&
+//         event.target === CONNECTOR_SCRIPT
+//       );
+//     }
+//     private setupListener() {
+//       if (typeof window === 'undefined') return;
+//       window.addEventListener(EVENT_MESSAGE, this.onMessage.bind(this));
+//     }
+//     private createRequestId(): string {
+//       return crypto.randomUUID();
+//     }
+//     private postMessage(message: CommunicationMessage, origin?: string) {
+//       window.postMessage(message, origin || window.origin);
+//     }
+//     private async sendRequest(request: JSONRPCRequest | null) {
+//       if (!request) return;
+//       this.postMessage({
+//         type: MessageTypes.request,
+//         target: CONTENT_SCRIPT_NAME,
+//         connectorName: this.name,
+//         request,
+//       });
+//     }
+//     private onResponse(message: ResponseMessage): void {
+//       this.client.receive(message.response);
+//     }
+//     private onEvent(message: EventMessage): void {
+//       message.events.forEach((eventData) => {
+//         if (eventData.event === 'start') {
+//           this.setupConnector();
+//         } else {
+//           this.emit(eventData.event, ...eventData.params);
+//         }
+//       });
+//     }
+//     private onMessage = (message: MessageEvent<CommunicationMessage>) => {
+//       const messageFroze = Object.freeze(message);
+//       if (!this.acceptMessage(messageFroze)) return;
+//       const { data: event } = messageFroze;
+//       this.onCommunicationMessage(event);
+//     };
+//     private onCommunicationMessage = (message: CommunicationMessage) => {
+//       switch (message.type) {
+//         case MessageTypes.response:
+//           this.onResponse(message);
+//           break;
+//         case MessageTypes.event:
+//           this.onEvent(message);
+//           break;
+//         default:
+//       }
+//     };
+//     /**
+//      * ============================================================
+//      * Connector methods
+//      * ============================================================
+//      */
+//     async ping(): Promise<boolean> {
+//       return this.client.timeout(800).request('ping', {});
+//     }
+//     async isConnected(): Promise<boolean> {
+//       // If the wallet not exists or not connected, return false
+//       try {
+//         return await this.client.request('isConnected', {});
+//       } catch {
+//         return false;
+//       }
+//     }
+//     async connect(): Promise<boolean> {
+//       return this.client.request('connect', {});
+//     }
+//     async disconnect(): Promise<boolean> {
+//       return this.client.request('disconnect', {});
+//     }
+//     async accounts(): Promise<Array<string>> {
+//       const accounts = await this.client.request('accounts', {});
+//       return accounts;
+//     }
+//     async currentAccount(): Promise<string | null> {
+//       const account = await this.client.request('currentAccount', {});
+//       if (!account) return null;
+//       return Address.fromDynamicInput(account).toString();
+//     }
+//     async signMessage(address: string, message: string): Promise<string> {
+//       if (!message.trim()) {
+//         throw new Error('Message is required');
+//       }
+//       return this.client.request('signMessage', {
+//         address,
+//         message,
+//       });
+//     }
+//     async sendTransaction(
+//       address: string,
+//       transaction: TransactionRequestLike,
+//     ): Promise<string> {
+//       if (!transaction) {
+//         throw new Error('Transaction is required');
+//       }
+//       // Transform transaction object to a transaction request
+//       const txRequest = transactionRequestify(transaction);
+//       /**
+//        * @todo We should remove this once the chainId standard start to be used and chainId is required
+//        * to be correct according to the network the transaction wants to target.
+//        */
+//       const network = await this.currentNetwork();
+//       const provider = {
+//         url: network.url,
+//       };
+//       return this.client.request('sendTransaction', {
+//         address,
+//         transaction: JSON.stringify(txRequest),
+//         provider,
+//       });
+//     }
+//     async assets(): Promise<Array<Asset>> {
+//       return this.client.request('assets', {});
+//     }
+//     async addAsset(asset: Asset): Promise<boolean> {
+//       return this.addAssets([asset]);
+//     }
+//     async addAssets(assets: Asset[]): Promise<boolean> {
+//       /**
+//        * @todo: Remove this once Fuel Wallet supports assets with multiple networks
+//        */
+//       const assetsData = assets.map((asset) => {
+//         const fuelNetworkAsset = asset.networks.find(
+//           (n) => n.type === 'fuel',
+//         ) as AssetFuel;
+//         if (!fuelNetworkAsset) {
+//           throw new Error('Asset for Fuel Network not found!');
+//         }
+//         return {
+//           ...asset,
+//           imageUrl: asset.icon,
+//           decimals: fuelNetworkAsset.decimals,
+//           assetId: fuelNetworkAsset.assetId,
+//         };
+//       });
+//       return this.client.request('addAssets', {
+//         assets: assetsData,
+//       });
+//     }
+//     async addABI(contractId: string, abi: FuelABI): Promise<boolean> {
+//       return this.client.request('addAbi', {
+//         abiMap: {
+//           [contractId]: abi,
+//         },
+//       });
+//     }
+//     async getABI(contractId: string): Promise<FuelABI> {
+//       return this.client.request('getAbi', {
+//         contractId,
+//       });
+//     }
+//     async hasABI(contractId: string): Promise<boolean> {
+//       const abi = await this.getABI(contractId);
+//       return !!abi;
+//     }
+//     async currentNetwork(): Promise<Network> {
+//       return this.client.request('network', {});
+//     }
+//     async selectNetwork(network: SelectNetworkArguments): Promise<boolean> {
+//       return this.client.request('selectNetwork', {
+//         network,
+//       });
+//     }
+//     async networks(): Promise<Network[]> {
+//       return this.client.request('networks', {});
+//     }
+//     async addNetwork(networkUrl: string): Promise<boolean> {
+//       /**
+//        * @todo: Remove fetch provider once Fuel Wallet supports adding networks
+//        * by URL
+//        */
+//       const provider = new Provider(networkUrl);
+//       return this.client.request('addNetwork', {
+//         network: {
+//           url: provider.url,
+//           name: (await provider.getChain()).name,
+//         },
+//       });
+//     }
+//     async version(): Promise<Version> {
+//       return this.client.request('version', {
+//         app: '0.0.0',
+//         network: '0.0.0',
+//       });
+//     }
+//   }

package/dist/lib/fuels/connectors/fuel-wallet/index.d.ts

@@ -1,3 +1 @@
 export * from './constants';
-export { FuelWalletConnector } from './FuelWalletConnector';
-export * from './types';

package/dist/lib/fuels/connectors/fuel-wallet/index.js

@@ -1,3 +1,3 @@
 export * from './constants';
-export { FuelWalletConnector } from './FuelWalletConnector';
-export * from './types';
+// export { FuelWalletConnector } from './FuelWalletConnector';
+// export * from './types';

package/dist/lib/fuels/connectors/fuel-wallet/types.d.ts

@@ -1,50 +0,0 @@
-import type { JSONRPCRequest, JSONRPCResponse } from 'json-rpc-2.0';
-export declare enum MessageTypes {
-    ping = "ping",
-    uiEvent = "uiEvent",
-    event = "event",
-    request = "request",
-    response = "response",
-    removeConnection = "removeConnection"
-}
-export interface MessageSender {
-    id?: string | undefined;
-    origin?: string | undefined;
-    tab?: {
-        id?: number | undefined;
-        index?: number | undefined;
-        windowId?: number | undefined;
-        url?: string | undefined;
-        title?: string | undefined;
-        favIconUrl?: string | undefined;
-    };
-}
-type BaseEvent<T> = {
-    readonly target: string;
-    readonly connectorName?: string;
-    readonly id?: string;
-    readonly sender?: MessageSender;
-} & T;
-export type EventMessageEvents = Array<{
-    event: string;
-    params: Array<unknown>;
-}>;
-export type UIEventMessage = BaseEvent<{
-    readonly type: MessageTypes.uiEvent;
-    readonly ready: boolean;
-    readonly session: string;
-}>;
-export type RequestMessage = BaseEvent<{
-    readonly type: MessageTypes.request;
-    readonly request: JSONRPCRequest;
-}>;
-export type ResponseMessage = BaseEvent<{
-    readonly type: MessageTypes.response;
-    readonly response: JSONRPCResponse;
-}>;
-export type EventMessage<T = EventMessageEvents> = BaseEvent<{
-    readonly type: MessageTypes.event;
-    readonly events: T;
-}>;
-export type CommunicationMessage = UIEventMessage | RequestMessage | ResponseMessage | EventMessage;
-export {};

package/dist/lib/fuels/connectors/fuel-wallet/types.js

@@ -1,9 +1,53 @@
-export var MessageTypes;
-(function (MessageTypes) {
-    MessageTypes["ping"] = "ping";
-    MessageTypes["uiEvent"] = "uiEvent";
-    MessageTypes["event"] = "event";
-    MessageTypes["request"] = "request";
-    MessageTypes["response"] = "response";
-    MessageTypes["removeConnection"] = "removeConnection";
-})(MessageTypes || (MessageTypes = {}));
+// import type { JSONRPCRequest, JSONRPCResponse } from 'json-rpc-2.0';
+// export enum MessageTypes {
+//   ping = 'ping',
+//   uiEvent = 'uiEvent',
+//   event = 'event',
+//   request = 'request',
+//   response = 'response',
+//   removeConnection = 'removeConnection',
+// }
+// export interface MessageSender {
+//   id?: string | undefined;
+//   origin?: string | undefined;
+//   tab?: {
+//     id?: number | undefined;
+//     index?: number | undefined;
+//     windowId?: number | undefined;
+//     url?: string | undefined;
+//     title?: string | undefined;
+//     favIconUrl?: string | undefined;
+//   };
+// }
+// type BaseEvent<T> = {
+//   readonly target: string;
+//   readonly connectorName?: string;
+//   readonly id?: string;
+//   readonly sender?: MessageSender;
+// } & T;
+// export type EventMessageEvents = Array<{
+//   event: string;
+//   params: Array<unknown>;
+// }>;
+// export type UIEventMessage = BaseEvent<{
+//   readonly type: MessageTypes.uiEvent;
+//   readonly ready: boolean;
+//   readonly session: string;
+// }>;
+// export type RequestMessage = BaseEvent<{
+//   readonly type: MessageTypes.request;
+//   readonly request: JSONRPCRequest;
+// }>;
+// export type ResponseMessage = BaseEvent<{
+//   readonly type: MessageTypes.response;
+//   readonly response: JSONRPCResponse;
+// }>;
+// export type EventMessage<T = EventMessageEvents> = BaseEvent<{
+//   readonly type: MessageTypes.event;
+//   readonly events: T;
+// }>;
+// export type CommunicationMessage =
+//   | UIEventMessage
+//   | RequestMessage
+//   | ResponseMessage
+//   | EventMessage;

package/dist/lib/fuels/connectors/fuelet-wallet/FueletWalletConnector.d.ts

@@ -1,7 +0,0 @@
-import type { ConnectorMetadata } from 'fuels';
-import { FuelWalletConnector } from '../fuel-wallet';
-export declare class FueletWalletConnector extends FuelWalletConnector {
-    name: string;
-    metadata: ConnectorMetadata;
-    constructor();
-}