@dynamic-labs/wallet-book 0.0.0-exp20240808.0

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

@@ -0,0 +1,197 @@
+export declare const WALLET_CONNECT_ENTRIES_TO_REMOVE: string[];
+export declare const applyOverrides: (sourceData: any, overrides?: any) => void;
+export declare const walletConnectOverrides: {
+    coin98: {
+        group: {
+            action: string;
+            value: string;
+        };
+    };
+    cryptocom: {
+        eip6963Config: {
+            action: string;
+            value: {
+                rdns: string;
+            };
+        };
+        mobile: {
+            action: string;
+            value: null;
+        };
+    };
+    exodus: {
+        group: {
+            action: string;
+            value: string;
+        };
+    };
+    exodusevm: {
+        chains: {
+            action: string;
+            value: string[];
+        };
+        mobile: {
+            action: string;
+            value: {
+                androidId: string;
+                iosId: string;
+                native: string;
+            };
+        };
+        walletConnect: {
+            action: string;
+            value: {
+                sdks: string[];
+            };
+        };
+    };
+    ledger: {
+        mobile: {
+            action: string;
+            value: {
+                androidId: string;
+                iosId: string;
+                native: string;
+                universal: string;
+            };
+        };
+        switchNetworkOnlyFromWallet: {
+            action: string;
+            value: boolean;
+        };
+    };
+    magiceden: {
+        walletConnect: {
+            sdks: {
+                action: string;
+                value: null;
+            };
+        };
+    };
+    mathwallet: {
+        group: {
+            action: string;
+            value: string;
+        };
+    };
+    metamask: {
+        walletConnect: {
+            sdks: {
+                action: string;
+                value: string[];
+            };
+        };
+    };
+    okxwallet: {
+        desktop: {
+            action: string;
+            value: {
+                chromeId: string;
+            };
+        };
+        walletConnect: {
+            sdks: {
+                action: string;
+                value: string[];
+            };
+        };
+    };
+    rabby: {
+        brand: {
+            spriteId: {
+                action: string;
+                value: string;
+            };
+        };
+    };
+    rainbow: {
+        brand: {
+            spriteId: {
+                action: string;
+                value: string;
+            };
+        };
+    };
+    safe: {
+        mobile: {
+            native: {
+                action: string;
+                value: null;
+            };
+            universal: {
+                action: string;
+                value: null;
+            };
+        };
+    };
+    safepal: {
+        eip6963Config: {
+            action: string;
+            value: {
+                rdns: string;
+            };
+        };
+        switchNetworkOnlyFromWallet: {
+            action: string;
+            value: boolean;
+        };
+    };
+    sequence: {
+        eip6963Config: {
+            action: string;
+            value: {
+                rdns: string;
+            };
+        };
+    };
+    trust: {
+        chains: {
+            action: string;
+            value: string[];
+        };
+    };
+    uniswap: {
+        eip6963Config: {
+            action: string;
+            value: {
+                rdns: string;
+            };
+        };
+        injectedConfig: {
+            action: string;
+            value: {
+                chain: string;
+                extensionLocators: never[];
+                windowLocations: never[];
+            }[];
+        };
+        name: {
+            action: string;
+            value: string;
+        };
+    };
+    wallet: {
+        action: string;
+        value: string;
+    };
+    zengo: {
+        brand: {
+            primaryColor: {
+                action: string;
+                value: string;
+            };
+            spriteId: {
+                action: string;
+                value: string;
+            };
+        };
+    };
+    zerion: {
+        brand: {
+            primaryColor: {
+                action: string;
+                value: string;
+            };
+        };
+    };
+};

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

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

package/src/components/BrandIcon.cjs

@@ -0,0 +1,27 @@
+'use client'
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var _tslib = require('../../_virtual/_tslib.cjs');
+var react = require('react');
+var getWalletIconUrl = require('../helpers/getWalletIconUrl.cjs');
+require('../helpers/renderTemplate.cjs');
+require('../helpers/logger.cjs');
+var getBrandIconUrl = require('../helpers/getBrandIconUrl.cjs');
+
+const BrandIcon = (_a) => {
+    var { brand, walletKey } = _a, props = _tslib.__rest(_a, ["brand", "walletKey"]);
+    const [imgError, setImgError] = react.useState(false);
+    const walletIconUrl = getBrandIconUrl.getBrandIconUrl(brand);
+    const defaultWalletIconUrl = getWalletIconUrl.getDefaultWalletIconUrl();
+    if (!walletIconUrl) {
+        return react.createElement(react.Fragment, {});
+    }
+    const onError = () => {
+        setImgError(true);
+    };
+    return react.createElement('img', Object.assign(Object.assign({ 'data-testid': `wallet-icon-${walletKey}` }, props), { alt: brand.alt, onError: onError, src: imgError ? defaultWalletIconUrl : walletIconUrl }));
+};
+
+exports.BrandIcon = BrandIcon;

package/src/components/BrandIcon.d.ts

@@ -0,0 +1,8 @@
+import { FC, ImgHTMLAttributes } from 'react';
+import { WalletBrand } from '../schemas';
+type BrandIconProps = {
+    walletKey: string;
+    brand: WalletBrand;
+} & ImgHTMLAttributes<HTMLImageElement>;
+export declare const BrandIcon: FC<BrandIconProps>;
+export {};

package/src/components/BrandIcon.js

@@ -0,0 +1,23 @@
+'use client'
+import { __rest } from '../../_virtual/_tslib.js';
+import { useState, createElement, Fragment } from 'react';
+import { getDefaultWalletIconUrl } from '../helpers/getWalletIconUrl.js';
+import '../helpers/renderTemplate.js';
+import '../helpers/logger.js';
+import { getBrandIconUrl } from '../helpers/getBrandIconUrl.js';
+
+const BrandIcon = (_a) => {
+    var { brand, walletKey } = _a, props = __rest(_a, ["brand", "walletKey"]);
+    const [imgError, setImgError] = useState(false);
+    const walletIconUrl = getBrandIconUrl(brand);
+    const defaultWalletIconUrl = getDefaultWalletIconUrl();
+    if (!walletIconUrl) {
+        return createElement(Fragment, {});
+    }
+    const onError = () => {
+        setImgError(true);
+    };
+    return createElement('img', Object.assign(Object.assign({ 'data-testid': `wallet-icon-${walletKey}` }, props), { alt: brand.alt, onError: onError, src: imgError ? defaultWalletIconUrl : walletIconUrl }));
+};
+
+export { BrandIcon };

package/src/components/WalletBookContext.cjs

@@ -0,0 +1,14 @@
+'use client'
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var react = require('react');
+
+const WalletBookContext = react.createContext({});
+const WalletBookContextProvider = ({ walletBook, children, }) => react.createElement(WalletBookContext.Provider, {
+    value: { walletBook },
+}, children);
+
+exports.WalletBookContext = WalletBookContext;
+exports.WalletBookContextProvider = WalletBookContextProvider;

package/src/components/WalletBookContext.d.ts

@@ -0,0 +1,9 @@
+import { WalletBookSchema } from '../schemas';
+export type IWalletBookContext = {
+    walletBook: WalletBookSchema;
+};
+export declare const WalletBookContext: import("react").Context<IWalletBookContext>;
+export declare const WalletBookContextProvider: ({ walletBook, children, }: {
+    walletBook: WalletBookSchema;
+    children: React.ReactNode;
+}) => import("react").FunctionComponentElement<import("react").ProviderProps<IWalletBookContext>>;

package/src/components/WalletBookContext.js

@@ -0,0 +1,9 @@
+'use client'
+import { createContext, createElement } from 'react';
+
+const WalletBookContext = createContext({});
+const WalletBookContextProvider = ({ walletBook, children, }) => createElement(WalletBookContext.Provider, {
+    value: { walletBook },
+}, children);
+
+export { WalletBookContext, WalletBookContextProvider };

package/src/components/WalletIcon.cjs

@@ -0,0 +1,34 @@
+'use client'
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var _tslib = require('../../_virtual/_tslib.cjs');
+var react = require('react');
+var getWalletIconUrl = require('../helpers/getWalletIconUrl.cjs');
+var findWalletBookWallet = require('../helpers/findWalletBookWallet.cjs');
+require('../helpers/renderTemplate.cjs');
+require('../helpers/logger.cjs');
+require('@dynamic-labs/utils');
+require('../schemas/walletConnectSourceSchema.cjs');
+require('../schemas/walletBookSchema.cjs');
+require('../schemas/walletSchema.cjs');
+var useWalletBookContext = require('../hooks/useWalletBookContext.cjs');
+
+const WalletIcon = (_a) => {
+    var { walletKey, children } = _a, props = _tslib.__rest(_a, ["walletKey", "children"]);
+    const { walletBook } = useWalletBookContext.useWalletBookContext();
+    const walletData = findWalletBookWallet.findWalletBookWallet(walletBook, walletKey);
+    const [imgError, setImgError] = react.useState(false);
+    const walletIconUrl = getWalletIconUrl.getWalletIconUrl(walletBook, walletKey);
+    const defaultWalletIconUrl = getWalletIconUrl.getDefaultWalletIconUrl();
+    if (!walletData || !walletData.brand || !walletIconUrl) {
+        return react.createElement(react.Fragment, {}, children);
+    }
+    const onError = () => {
+        setImgError(true);
+    };
+    return react.createElement('img', Object.assign(Object.assign({ 'data-testid': `wallet-icon-${walletKey}` }, props), { alt: walletData.brand.alt, onError: onError, src: imgError ? defaultWalletIconUrl : walletIconUrl }), children);
+};
+
+exports.WalletIcon = WalletIcon;

package/src/components/WalletIcon.d.ts

@@ -0,0 +1,8 @@
+import React, { FC, ReactNode } from 'react';
+type WalletIconProps = React.DetailedHTMLProps<React.ImgHTMLAttributes<HTMLImageElement>, HTMLImageElement> & {
+    walletKey: string | undefined;
+} & {
+    children?: ReactNode | any;
+};
+export declare const WalletIcon: FC<WalletIconProps>;
+export {};

package/src/components/WalletIcon.js

@@ -0,0 +1,30 @@
+'use client'
+import { __rest } from '../../_virtual/_tslib.js';
+import { useState, createElement, Fragment } from 'react';
+import { getWalletIconUrl, getDefaultWalletIconUrl } from '../helpers/getWalletIconUrl.js';
+import { findWalletBookWallet } from '../helpers/findWalletBookWallet.js';
+import '../helpers/renderTemplate.js';
+import '../helpers/logger.js';
+import '@dynamic-labs/utils';
+import '../schemas/walletConnectSourceSchema.js';
+import '../schemas/walletBookSchema.js';
+import '../schemas/walletSchema.js';
+import { useWalletBookContext } from '../hooks/useWalletBookContext.js';
+
+const WalletIcon = (_a) => {
+    var { walletKey, children } = _a, props = __rest(_a, ["walletKey", "children"]);
+    const { walletBook } = useWalletBookContext();
+    const walletData = findWalletBookWallet(walletBook, walletKey);
+    const [imgError, setImgError] = useState(false);
+    const walletIconUrl = getWalletIconUrl(walletBook, walletKey);
+    const defaultWalletIconUrl = getDefaultWalletIconUrl();
+    if (!walletData || !walletData.brand || !walletIconUrl) {
+        return createElement(Fragment, {}, children);
+    }
+    const onError = () => {
+        setImgError(true);
+    };
+    return createElement('img', Object.assign(Object.assign({ 'data-testid': `wallet-icon-${walletKey}` }, props), { alt: walletData.brand.alt, onError: onError, src: imgError ? defaultWalletIconUrl : walletIconUrl }), children);
+};
+
+export { WalletIcon };

package/src/components/index.d.ts

@@ -0,0 +1,3 @@
+export * from './WalletIcon';
+export * from './WalletBookContext';
+export * from './BrandIcon';

package/src/helpers/findWalletBookWallet.cjs

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

package/src/helpers/findWalletBookWallet.d.ts

@@ -0,0 +1,70 @@
+import { WalletBookSchema } from '../schemas';
+export declare const findWalletBookWallet: (walletBook: WalletBookSchema, walletKey: string | undefined) => {
+    name: string;
+    brand?: {
+        alt?: string | undefined;
+        primaryColor?: string | undefined;
+        spriteId?: string | undefined;
+    } | undefined;
+    chainGroup?: string | 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;
+    eip6963Config?: {
+        rdns: string;
+    } | undefined;
+    filterFromWalletConnect?: boolean | undefined;
+    group?: string | undefined;
+    hardwareWallets?: string[] | undefined;
+    injectedConfig?: {
+        chain: string;
+        extensionLocators: {
+            value: boolean;
+            flag: string;
+        }[];
+        providerInterface?: string | undefined;
+        walletStandard?: {
+            name: string;
+            features: string[];
+        } | undefined;
+        walletStandardLocators?: {
+            name: string;
+            locator: string;
+        }[] | undefined;
+        windowLocations?: string[] | undefined;
+    }[] | undefined;
+    mobile?: {
+        android?: string | null | undefined;
+        androidId?: string | undefined;
+        inAppBrowser?: string | null | undefined;
+        ios?: string | null | undefined;
+        iosId?: string | undefined;
+        native?: string | undefined;
+        universal?: string | undefined;
+    } | undefined;
+    mobileExperience?: "in-app-browser" | "redirect" | undefined;
+    shortName?: string | undefined;
+    showOnlyIfInstalled?: boolean | undefined;
+    switchNetworkOnlyFromWallet?: boolean | undefined;
+    walletConnect?: {
+        sdks?: string[] | undefined;
+    } | undefined;
+    walletGroup?: string | undefined;
+    walletLimitations?: {
+        browserExtension?: {
+            unsupportedEvents?: string[] | undefined;
+            unsupportedMethods?: string[] | undefined;
+        } | undefined;
+        mobile?: {
+            unsupportedEvents?: string[] | undefined;
+            unsupportedMethods?: string[] | undefined;
+        } | undefined;
+    } | undefined;
+} | undefined;

package/src/helpers/findWalletBookWallet.js

@@ -0,0 +1,14 @@
+'use client'
+import { getWalletBookWallet } from './getWalletBookWallet.js';
+
+const findWalletBookWallet = (walletBook, walletKey) => {
+    try {
+        const walletData = getWalletBookWallet(walletBook, walletKey);
+        return walletData;
+    }
+    catch (err) {
+        return undefined;
+    }
+};
+
+export { findWalletBookWallet };

package/src/helpers/findWalletGroup.cjs

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

package/src/helpers/findWalletGroup.d.ts

@@ -0,0 +1,18 @@
+import { WalletBookSchema } from '../schemas';
+export declare const findWalletGroup: (walletBook: WalletBookSchema, walletGroup: string) => {
+    key: string;
+    name: string;
+    brand?: {
+        alt?: string | undefined;
+        primaryColor?: string | undefined;
+        spriteId?: string | undefined;
+    } | undefined;
+    walletOverrides?: Record<string, {
+        brand?: {
+            alt?: string | undefined;
+            primaryColor?: string | undefined;
+            spriteId?: string | undefined;
+        } | undefined;
+        name?: string | undefined;
+    }> | undefined;
+} | undefined;

package/src/helpers/findWalletGroup.js

@@ -0,0 +1,15 @@
+'use client'
+import { getWalletGroup } from './getWalletGroup.js';
+import { logger } from './logger.js';
+
+const findWalletGroup = (walletBook, walletGroup) => {
+    try {
+        return getWalletGroup(walletBook, walletGroup);
+    }
+    catch (err) {
+        logger.error(err);
+        return undefined;
+    }
+};
+
+export { findWalletGroup };

package/src/helpers/findWalletGroupOverride.cjs

@@ -0,0 +1,14 @@
+'use client'
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var findWalletGroup = require('./findWalletGroup.cjs');
+
+const findWalletGroupOverride = (walletBook, groupKey, walletKey) => {
+    var _a;
+    const group = findWalletGroup.findWalletGroup(walletBook, groupKey);
+    return (_a = group === null || group === void 0 ? void 0 : group.walletOverrides) === null || _a === void 0 ? void 0 : _a[walletKey];
+};
+
+exports.findWalletGroupOverride = findWalletGroupOverride;

package/src/helpers/findWalletGroupOverride.d.ts

@@ -0,0 +1,3 @@
+import { WalletBookSchema } from '../schemas';
+import { WalletGroupOverride } from '../schemas/walletGroup';
+export declare const findWalletGroupOverride: (walletBook: WalletBookSchema, groupKey: string, walletKey: string) => WalletGroupOverride | undefined;

package/src/helpers/findWalletGroupOverride.js

@@ -0,0 +1,10 @@
+'use client'
+import { findWalletGroup } from './findWalletGroup.js';
+
+const findWalletGroupOverride = (walletBook, groupKey, walletKey) => {
+    var _a;
+    const group = findWalletGroup(walletBook, groupKey);
+    return (_a = group === null || group === void 0 ? void 0 : group.walletOverrides) === null || _a === void 0 ? void 0 : _a[walletKey];
+};
+
+export { findWalletGroupOverride };

package/src/helpers/getBrandIconUrl.cjs

@@ -0,0 +1,15 @@
+'use client'
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var renderTemplate = require('./renderTemplate.cjs');
+
+const getBrandIconUrl = (brand) => {
+    if (brand.spriteId) {
+        return renderTemplate.renderTemplate('iconicUrl', brand.spriteId);
+    }
+    return '';
+};
+
+exports.getBrandIconUrl = getBrandIconUrl;

package/src/helpers/getBrandIconUrl.d.ts

@@ -0,0 +1,2 @@
+import { WalletBrand } from '../schemas';
+export declare const getBrandIconUrl: (brand: WalletBrand) => string | undefined;

package/src/helpers/getBrandIconUrl.js

@@ -0,0 +1,11 @@
+'use client'
+import { renderTemplate } from './renderTemplate.js';
+
+const getBrandIconUrl = (brand) => {
+    if (brand.spriteId) {
+        return renderTemplate('iconicUrl', brand.spriteId);
+    }
+    return '';
+};
+
+export { getBrandIconUrl };

package/src/helpers/getWalletBookCdnUrl.cjs

@@ -0,0 +1,14 @@
+'use client'
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+/* eslint-disable arrow-body-style */
+// This method needs to be wrapped correctly to avoid bundler issues
+// that may update process.env variable via custom configs in customers apps
+const getWalletBookCdnUrl = () => {
+    var _a, _b, _c;
+    return ((_c = (_b = (_a = process.env['WALLET_BOOK_CDN_URL']) !== null && _a !== void 0 ? _a : process.env['NEXT_PUBLIC_WALLET_BOOK_CDN_URL']) !== null && _b !== void 0 ? _b : process.env['REACT_APP_WALLET_BOOK_CDN_URL']) !== null && _c !== void 0 ? _c : 'https://dynamic-static-assets.com/wallet-book/v1/stable/wallet-book.json');
+};
+
+exports.getWalletBookCdnUrl = getWalletBookCdnUrl;

package/src/helpers/getWalletBookCdnUrl.d.ts

@@ -0,0 +1 @@
+export declare const getWalletBookCdnUrl: () => string;

package/src/helpers/getWalletBookCdnUrl.js

@@ -0,0 +1,10 @@
+'use client'
+/* eslint-disable arrow-body-style */
+// This method needs to be wrapped correctly to avoid bundler issues
+// that may update process.env variable via custom configs in customers apps
+const getWalletBookCdnUrl = () => {
+    var _a, _b, _c;
+    return ((_c = (_b = (_a = process.env['WALLET_BOOK_CDN_URL']) !== null && _a !== void 0 ? _a : process.env['NEXT_PUBLIC_WALLET_BOOK_CDN_URL']) !== null && _b !== void 0 ? _b : process.env['REACT_APP_WALLET_BOOK_CDN_URL']) !== null && _c !== void 0 ? _c : 'https://dynamic-static-assets.com/wallet-book/v1/stable/wallet-book.json');
+};
+
+export { getWalletBookCdnUrl };

package/src/helpers/getWalletBookWallet.cjs

@@ -0,0 +1,17 @@
+'use client'
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+const getWalletBookWallet = (walletBook, walletKey, walletFallback) => {
+    var _a, _b, _c;
+    if (!walletKey)
+        throw new Error('Wallet key is required. Please pass in a wallet key to getWalletBookWallet');
+    const walletData = (_b = (_a = walletBook === null || walletBook === void 0 ? void 0 : walletBook.wallets) === null || _a === void 0 ? void 0 : _a[walletKey]) !== null && _b !== void 0 ? _b : walletFallback;
+    if (!walletData) {
+        throw new Error(`Wallet ${walletKey} not found in wallet book (${Object.keys((_c = walletBook === null || walletBook === void 0 ? void 0 : walletBook.wallets) !== null && _c !== void 0 ? _c : {}).length} wallets found)`);
+    }
+    return walletData;
+};
+
+exports.getWalletBookWallet = getWalletBookWallet;

package/src/helpers/getWalletBookWallet.d.ts

@@ -0,0 +1,2 @@
+import { WalletBookSchema, WalletSchema } from '../schemas';
+export declare const getWalletBookWallet: (walletBook: WalletBookSchema, walletKey: string | undefined, walletFallback?: WalletSchema) => WalletSchema;