@dynamic-labs/wallet-book 0.0.18 → 0.17.0-RC.24

package/LICENSE

@@ -0,0 +1,21 @@
+MIT License
+
+Copyright (c) 2022 Dynamic Labs, Inc.
+
+Permission is hereby granted, free of charge, to any person obtaining a copy
+of this software and associated documentation files (the "Software"), to deal
+in the Software without restriction, including without limitation the rights
+to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
+copies of the Software, and to permit persons to whom the Software is
+furnished to do so, subject to the following conditions:
+
+The above copyright notice and this permission notice shall be included in all
+copies or substantial portions of the Software.
+
+THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
+IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
+FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
+AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
+LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
+OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
+SOFTWARE.

package/README.md

@@ -1,12 +0,0 @@
-# Wallet Book
-
-## Updating Wallet Connect Data
-
- - Download the data from : https://registry.walletconnect.org/data/wallets.json replace
- - Replace src/build/sources/walletConnect/walletconnect.json
- - run `yarn build`
-## Adding overrides to WalletConnect
-- modify src/build/sources/walletConnectOverrides/index.ts
-## Publish
- - Update and commit the package json version
- - Run the `publish` action in github actions

package/package.json

@@ -1,52 +1,35 @@
 {
   "name": "@dynamic-labs/wallet-book",
-  "version": "0.0.18",
-  "license": "MIT",
-  "scripts": {
-    "build": "rimraf dist && yarn build:cjs && yarn build:esm && yarn compile",
-    "build:cjs": "rimraf dist/cjs && tsc -p tsconfig.cjs.json",
-    "build:esm": "rimraf dist/esm && tsc -p tsconfig.esm.json",
-    "compile": "ts-node-esm ./src/build/index.ts",
-    "test": "jest"
+  "version": "0.17.0-RC.24",
+  "repository": {
+    "type": "git",
+    "url": "https://github.com/dynamic-labs/DynamicAuth.git",
+    "directory": "packages/wallet-book"
   },
-  "devDependencies": {
-    "@dynamic-labs/iconic": "^0.1.7",
-    "@types/jest": "^29.4.0",
-    "@types/jsonminify": "^0.4.1",
-    "@types/lodash": "^4.14.191",
-    "@types/node": "^18.14.0",
-    "@types/node-fetch": "^2.6.2",
-    "@types/react": "^18.0.28",
-    "@typescript-eslint/eslint-plugin": "^5.53.0",
-    "@typescript-eslint/parser": "^5.53.0",
-    "debug": "^4.3.4",
-    "eslint": "^8.34.0",
-    "eslint-plugin-react": "^7.32.2",
-    "jest": "^29.4.3",
-    "jsonminify": "^0.4.2",
-    "lodash": "^4.17.21",
-    "node-fetch": "^2",
-    "react": "^18.2.0",
-    "rimraf": "^4.1.2",
-    "ts-jest": "^29.0.5",
-    "ts-node": "^10.9.1",
-    "typescript": "^4.9.5",
-    "zod": "^3.20.6"
+  "bugs": {
+    "url": "https://github.com/dynamic-labs/DynamicAuth/issues"
   },
-  "optionalDependencies": {
-    "zod": "^3.20.6"
+  "homepage": "https://github.com/dynamic-labs/DynamicAuth#readme",
+  "author": "Dynamic Labs, Inc.",
+  "license": "MIT",
+  "main": "./src/index.cjs",
+  "module": "./src/index.js",
+  "types": "./src/index.d.ts",
+  "type": "module",
+  "exports": {
+    ".": {
+      "types": "./src/index.d.ts",
+      "import": "./src/index.js",
+      "require": "./src/index.cjs"
+    },
+    "./package.json": "./package.json"
   },
   "peerDependencies": {
-    "@dynamic-labs/iconic": "^0.1.7",
-    "react": "^18.2.0"
+    "react": "^17.0.2 || ^18.0.0",
+    "react-dom": "^17.0.2 || ^18.0.0"
   },
-  "files": [
-    "./dist/**/*",
-    "./package.json"
-  ],
-  "main": "dist/cjs/src/index.js",
-  "module": "dist/esm/src/index.js",
   "dependencies": {
-    "@dynamic-labs/logger": "^0.16.4"
+    "@dynamic-labs/iconic": "0.1.19",
+    "@dynamic-labs/logger": "0.17.0-RC.24"
   }
-}
+}

package/src/build/generateGroups.d.ts

@@ -0,0 +1,2 @@
+import { WalletBookGroupSchema, WalletRecordsSchema } from '../schemas';
+export declare const generateGroups: (wallets: WalletRecordsSchema) => WalletBookGroupSchema;

package/src/build/index.d.ts

@@ -0,0 +1 @@
+export {};

package/src/build/sources/firstParty/index.d.ts

@@ -0,0 +1,2 @@
+import { WalletRecordsSchema } from '../../../schemas';
+export declare const firstPartyWalletsData: WalletRecordsSchema;

package/src/build/sources/groups/index.d.ts

@@ -0,0 +1,2 @@
+import { WalletGroupRecordSchema } from '../../../schemas';
+export declare const groups: WalletGroupRecordSchema;

package/src/build/sources/index.d.ts

@@ -0,0 +1,3 @@
+export * from './firstParty';
+export * from './walletConnect';
+export * from './walletConnectOverrides';

package/src/build/sources/walletConnect/index.d.ts

@@ -0,0 +1,91 @@
+export declare const walletConnectSourceData: Record<string, {
+    id: string;
+    metadata: {
+        shortName: string | null;
+        colors: {
+            primary: string | null;
+            secondary: string | null;
+        };
+    };
+    chains: string[];
+    desktop: {
+        native: string | null;
+        universal: string | null;
+    };
+    mobile: {
+        native: string | null;
+        universal: string | null;
+    };
+    name: string;
+    sdks: string[];
+    app: {
+        android: string | null;
+        ios: string | null;
+        opera: string | null;
+        browser: string | null;
+        chrome: string | null;
+        edge: string | null;
+        firefox: string | null;
+        linux: string | null;
+        mac: string | null;
+        safari: string | null;
+        windows: string | null;
+    };
+    app_type: string;
+    description: string | null;
+    homepage: string;
+    image_id: string;
+    image_url: {
+        lg: string;
+        md: string;
+        sm: string;
+    };
+    injected: {
+        injected_id: string;
+        namespace: string;
+    }[] | null;
+    slug: string;
+    supported_standards: {
+        url: string;
+        id: string;
+        title: string;
+        standard_id: number;
+        standard_prefix: string;
+    }[];
+    updatedAt: string;
+    versions: string[];
+}>;
+export declare const walletConnectTransformedData: Promise<Record<string, {
+    name: string;
+    brand?: {
+        alt?: string | undefined;
+        imageId?: string | undefined;
+        primaryColor?: string | undefined;
+        spriteId?: string | undefined;
+    } | undefined;
+    chains?: string[] | undefined;
+    desktop?: {
+        chromeId?: string | undefined;
+        edgeId?: string | undefined;
+        firefoxId?: string | undefined;
+        native?: string | undefined;
+        operaId?: string | undefined;
+        safariId?: string | undefined;
+        universal?: string | undefined;
+    } | undefined;
+    group?: string | undefined;
+    mobile?: {
+        android?: string | null | undefined;
+        androidId?: string | undefined;
+        ios?: string | null | undefined;
+        iosId?: string | undefined;
+        native?: string | undefined;
+        universal?: string | undefined;
+    } | undefined;
+    shortName?: string | undefined;
+    showOnlyIfInstalled?: boolean | undefined;
+    switchNetworkOnlyFromWallet?: boolean | undefined;
+    walletConnect?: {
+        sdks?: string[] | undefined;
+    } | undefined;
+}>>;

package/src/build/sources/walletConnect/preprocessors.d.ts

@@ -0,0 +1,13 @@
+export declare const preprocessFilterWCWallets: (sourceData: any) => void;
+export declare const preprocessBrand: (sourceData: any) => void;
+export declare const preprocessDesktop: (sourceData: any) => void;
+export declare const preprocessMobile: (sourceData: any) => void;
+export declare const preprocessSdks: (sourceData: any) => void;
+export declare const preprocessUniversal: (data: any) => Promise<void>;
+export declare const preprocessNative: (data: any) => void;
+/**
+ * 1. Convert the name to lowercase
+ * 2. Replace all spaces with empty string
+ * 3. Use the new name as the key
+ */
+export declare const preprocessRenameKey: (sourceData: any) => void;

package/src/build/sources/walletConnectOverrides/index.d.ts

@@ -0,0 +1,173 @@
+export declare const WALLET_CONNECT_ENTRIES_TO_REMOVE: string[];
+export declare const applyOverrides: (sourceData: any, overrides?: {
+    cryptocom: {
+        mobile: {
+            action: string;
+            value: null;
+        };
+    };
+    dawn: {
+        brand: {
+            imageId: {
+                action: string;
+                value: null;
+            };
+        };
+    };
+    ledger: {
+        switchNetworkOnlyFromWallet: {
+            action: string;
+            value: boolean;
+        };
+    };
+    lilico: {
+        brand: {
+            imageId: {
+                action: string;
+                value: null;
+            };
+        };
+    };
+    metamask: {
+        brand: {
+            imageId: {
+                action: string;
+                value: null;
+            };
+        };
+    };
+    rainbow: {
+        brand: {
+            imageId: {
+                action: string;
+                value: null;
+            };
+            spriteId: {
+                action: string;
+                value: string;
+            };
+        };
+    };
+    safepal: {
+        switchNetworkOnlyFromWallet: {
+            action: string;
+            value: boolean;
+        };
+    };
+    trust: {
+        chains: {
+            action: string;
+            value: string[];
+        };
+    };
+    zengo: {
+        brand: {
+            imageId: {
+                action: string;
+                value: null;
+            };
+            primaryColor: {
+                action: string;
+                value: string;
+            };
+            spriteId: {
+                action: string;
+                value: string;
+            };
+        };
+    };
+    zerion: {
+        brand: {
+            primaryColor: {
+                action: string;
+                value: string;
+            };
+        };
+    };
+}) => void;
+export declare const walletConnectOverrides: {
+    cryptocom: {
+        mobile: {
+            action: string;
+            value: null;
+        };
+    };
+    dawn: {
+        brand: {
+            imageId: {
+                action: string;
+                value: null;
+            };
+        };
+    };
+    ledger: {
+        switchNetworkOnlyFromWallet: {
+            action: string;
+            value: boolean;
+        };
+    };
+    lilico: {
+        brand: {
+            imageId: {
+                action: string;
+                value: null;
+            };
+        };
+    };
+    metamask: {
+        brand: {
+            imageId: {
+                action: string;
+                value: null;
+            };
+        };
+    };
+    rainbow: {
+        brand: {
+            imageId: {
+                action: string;
+                value: null;
+            };
+            spriteId: {
+                action: string;
+                value: string;
+            };
+        };
+    };
+    safepal: {
+        switchNetworkOnlyFromWallet: {
+            action: string;
+            value: boolean;
+        };
+    };
+    trust: {
+        chains: {
+            action: string;
+            value: string[];
+        };
+    };
+    zengo: {
+        brand: {
+            imageId: {
+                action: string;
+                value: null;
+            };
+            primaryColor: {
+                action: string;
+                value: string;
+            };
+            spriteId: {
+                action: string;
+                value: string;
+            };
+        };
+    };
+    zerion: {
+        brand: {
+            primaryColor: {
+                action: string;
+                value: string;
+            };
+        };
+    };
+};

package/src/components/WalletIcon.cjs

@@ -0,0 +1,25 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var react = require('react');
+var getIconUrl = require('../helpers/getIconUrl.cjs');
+require('@dynamic-labs/iconic');
+var findWalletBookWallet = require('../helpers/findWalletBookWallet.cjs');
+require('../helpers/logger.cjs');
+
+const WalletIcon = ({ walletName, children, ...props }) => {
+    const walletData = findWalletBookWallet.findWalletBookWallet(walletName);
+    const walletIconUrl = getIconUrl.getWalletIconUrl(walletName);
+    if (!walletData || !walletData.brand || !walletIconUrl) {
+        return react.createElement(react.Fragment, {}, children);
+    }
+    return react.createElement('img', {
+        'data-testid': `wallet-icon-${walletName}`,
+        ...props,
+        alt: walletData.brand.alt,
+        src: walletIconUrl,
+    }, children);
+};
+
+exports.WalletIcon = WalletIcon;

package/{dist/cjs/src → src}/components/WalletIcon.d.ts

@@ -1,6 +1,6 @@
-import React, { FC } from "react";
-type WalletIconProps = React.DetailedHTMLProps<React.ImgHTMLAttributes<HTMLImageElement>, HTMLImageElement> & {
-    walletName: string | undefined;
-};
-export declare const WalletIcon: FC<WalletIconProps>;
-export {};
+import React, { FC } from 'react';
+type WalletIconProps = React.DetailedHTMLProps<React.ImgHTMLAttributes<HTMLImageElement>, HTMLImageElement> & {
+    walletName: string | undefined;
+};
+export declare const WalletIcon: FC<WalletIconProps>;
+export {};

package/src/components/WalletIcon.js

@@ -0,0 +1,21 @@
+import { createElement, Fragment } from 'react';
+import { getWalletIconUrl } from '../helpers/getIconUrl.js';
+import '@dynamic-labs/iconic';
+import { findWalletBookWallet } from '../helpers/findWalletBookWallet.js';
+import '../helpers/logger.js';
+
+const WalletIcon = ({ walletName, children, ...props }) => {
+    const walletData = findWalletBookWallet(walletName);
+    const walletIconUrl = getWalletIconUrl(walletName);
+    if (!walletData || !walletData.brand || !walletIconUrl) {
+        return createElement(Fragment, {}, children);
+    }
+    return createElement('img', {
+        'data-testid': `wallet-icon-${walletName}`,
+        ...props,
+        alt: walletData.brand.alt,
+        src: walletIconUrl,
+    }, children);
+};
+
+export { WalletIcon };

package/{dist/esm/src → src}/components/index.d.ts

@@ -1 +1 @@
-export * from './WalletIcon';
+export * from './WalletIcon';

package/src/helpers/findWalletBookWallet.cjs

@@ -0,0 +1,19 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var getWalletBookWallet = require('./getWalletBookWallet.cjs');
+var logger = require('./logger.cjs');
+
+const findWalletBookWallet = (walletName) => {
+    try {
+        const walletData = getWalletBookWallet.getWalletBookWallet(walletName);
+        return walletData;
+    }
+    catch (err) {
+        logger.logger.error(err);
+        return undefined;
+    }
+};
+
+exports.findWalletBookWallet = findWalletBookWallet;

package/{dist/cjs/src → src}/helpers/findWalletBookWallet.d.ts

@@ -1,33 +1,34 @@
-export declare const findWalletBookWallet: (walletName: string | undefined) => {
-    name: string;
-    brand?: {
-        spriteId?: string | undefined;
-        imageId?: string | undefined;
-        alt?: string | undefined;
-        primaryColor?: string | undefined;
-    } | undefined;
-    desktop?: {
-        native?: string | undefined;
-        universal?: string | undefined;
-        chromeId?: string | undefined;
-        firefoxId?: string | undefined;
-        operaId?: string | undefined;
-        edgeId?: string | undefined;
-        safariId?: string | undefined;
-    } | undefined;
-    mobile?: {
-        native?: string | undefined;
-        universal?: string | undefined;
-        ios?: string | null | undefined;
-        android?: string | null | undefined;
-        iosId?: string | undefined;
-        androidId?: string | undefined;
-    } | undefined;
-    chains?: string[] | undefined;
-    walletConnect?: {
-        sdks?: string[] | undefined;
-    } | undefined;
-    showOnlyIfInstalled?: boolean | undefined;
-    switchNetworkOnlyFromWallet?: boolean | undefined;
-    shortName?: string | undefined;
-} | undefined;
+export declare const findWalletBookWallet: (walletName: string | undefined) => {
+    name: string;
+    brand?: {
+        alt?: string | undefined;
+        imageId?: string | undefined;
+        primaryColor?: string | undefined;
+        spriteId?: string | undefined;
+    } | undefined;
+    chains?: string[] | undefined;
+    desktop?: {
+        chromeId?: string | undefined;
+        edgeId?: string | undefined;
+        firefoxId?: string | undefined;
+        native?: string | undefined;
+        operaId?: string | undefined;
+        safariId?: string | undefined;
+        universal?: string | undefined;
+    } | undefined;
+    group?: string | undefined;
+    mobile?: {
+        android?: string | null | undefined;
+        androidId?: string | undefined;
+        ios?: string | null | undefined;
+        iosId?: string | undefined;
+        native?: string | undefined;
+        universal?: string | undefined;
+    } | undefined;
+    shortName?: string | undefined;
+    showOnlyIfInstalled?: boolean | undefined;
+    switchNetworkOnlyFromWallet?: boolean | undefined;
+    walletConnect?: {
+        sdks?: string[] | undefined;
+    } | undefined;
+} | undefined;

package/src/helpers/findWalletBookWallet.js

@@ -0,0 +1,15 @@
+import { getWalletBookWallet } from './getWalletBookWallet.js';
+import { logger } from './logger.js';
+
+const findWalletBookWallet = (walletName) => {
+    try {
+        const walletData = getWalletBookWallet(walletName);
+        return walletData;
+    }
+    catch (err) {
+        logger.error(err);
+        return undefined;
+    }
+};
+
+export { findWalletBookWallet };

package/{dist/cjs/src/hooks/useWalletBookCdn.d.ts → src/helpers/findWalletGroup.d.ts}

@@ -1,35 +1,43 @@
-export declare const useWalletBookCdn: () => {
-    wallets: Record<string, {
-        name: string;
-        brand?: {
-            spriteId?: string | undefined;
-            imageId?: string | undefined;
-            alt?: string | undefined;
-            primaryColor?: string | undefined;
-        } | undefined;
-        desktop?: {
-            native?: string | undefined;
-            universal?: string | undefined;
-            chromeId?: string | undefined;
-            firefoxId?: string | undefined;
-            operaId?: string | undefined;
-            edgeId?: string | undefined;
-            safariId?: string | undefined;
-        } | undefined;
-        mobile?: {
-            native?: string | undefined;
-            universal?: string | undefined;
-            ios?: string | null | undefined;
-            android?: string | null | undefined;
-            iosId?: string | undefined;
-            androidId?: string | undefined;
-        } | undefined;
-        chains?: string[] | undefined;
-        walletConnect?: {
-            sdks?: string[] | undefined;
-        } | undefined;
-        showOnlyIfInstalled?: boolean | undefined;
-        switchNetworkOnlyFromWallet?: boolean | undefined;
-        shortName?: string | undefined;
-    }>;
-};
+export declare const findWalletGroup: (walletGroup: string) => {
+    key: string;
+    wallets: {
+        name: string;
+        brand?: {
+            alt?: string | undefined;
+            imageId?: string | undefined;
+            primaryColor?: string | undefined;
+            spriteId?: string | undefined;
+        } | undefined;
+        chains?: string[] | undefined;
+        desktop?: {
+            chromeId?: string | undefined;
+            edgeId?: string | undefined;
+            firefoxId?: string | undefined;
+            native?: string | undefined;
+            operaId?: string | undefined;
+            safariId?: string | undefined;
+            universal?: string | undefined;
+        } | undefined;
+        group?: string | undefined;
+        mobile?: {
+            android?: string | null | undefined;
+            androidId?: string | undefined;
+            ios?: string | null | undefined;
+            iosId?: string | undefined;
+            native?: string | undefined;
+            universal?: string | undefined;
+        } | undefined;
+        shortName?: string | undefined;
+        showOnlyIfInstalled?: boolean | undefined;
+        switchNetworkOnlyFromWallet?: boolean | undefined;
+        walletConnect?: {
+            sdks?: string[] | undefined;
+        } | undefined;
+    }[];
+    brand?: {
+        alt?: string | undefined;
+        imageId?: string | undefined;
+        primaryColor?: string | undefined;
+        spriteId?: string | undefined;
+    } | undefined;
+} | undefined;