@mintmoney/react 0.1.0-alpha.12 → 0.1.0-alpha.14

package/dist/esm/components/wallet-selector/component.js

@@ -0,0 +1,61 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import { clsx } from "clsx";
+import { useState, useEffect, useMemo, useContext } from "react";
+import { AsyncButton } from "../../components/buttons/async-button.js";
+import { WalletContext } from "./provider.js";
+const cn = (...inputs) => clsx(inputs);
+const WalletSelector = ({ className, loading: propsLoading, walletProviders, recommendWallets = true, onWalletSelect, transformWallets, }) => {
+    const walletContext = useContext(WalletContext);
+    const [wallets, setWallets] = useState({});
+    const [loading, setLoading] = useState(false);
+    const [selectedWallet, setSelectedWallet] = useState(null);
+    const [installedWallets] = useMemo(() => {
+        const walletValues = transformWallets
+            ? transformWallets(Object.values(wallets))
+            : Object.values(wallets);
+        return [
+            walletValues.filter((w) => w.installed),
+            recommendWallets ? walletValues.filter((w) => !w.installed) : [],
+        ];
+    }, [wallets]);
+    const anyLoading = propsLoading || loading;
+    const handleWalletSelect = async (wallet) => {
+        if (!wallet.renderConfigureStep) {
+            await onWalletSelect(wallet);
+            walletContext?.setWallet(wallet);
+        }
+        else {
+            setSelectedWallet(wallet);
+        }
+    };
+    const handleConfigureWallet = async (wallet) => {
+        if (wallet) {
+            await onWalletSelect(wallet);
+            walletContext?.setWallet(wallet);
+        }
+        setSelectedWallet(null);
+    };
+    useEffect(() => {
+        setLoading(true);
+        const tempWallets = {};
+        for (const provider of walletProviders) {
+            const wallet = provider();
+            if (Array.isArray(wallet)) {
+                wallet.forEach((w) => {
+                    tempWallets[w.name] = w;
+                });
+            }
+            else if (wallet) {
+                tempWallets[wallet.name] = wallet;
+            }
+        }
+        setWallets(tempWallets);
+        setLoading(false);
+    }, [walletProviders]);
+    if (selectedWallet && selectedWallet.renderConfigureStep) {
+        return selectedWallet.renderConfigureStep(handleConfigureWallet);
+    }
+    return (_jsx("div", { className: cn(className), children: installedWallets.map((w) => (_jsx(AsyncButton, { onAsyncClick: () => handleWalletSelect(w), loadingContent: _jsx("span", { children: "Loading..." }), successContent: _jsx("span", { children: "Connected!" }), errorContent: _jsx("span", { children: "Failed" }), disabled: anyLoading, children: w.name }, w.name))) }));
+};
+export default WalletSelector;
+//# sourceMappingURL=component.js.map

package/dist/esm/components/wallet-selector/component.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"component.js","sourceRoot":"","sources":["../../../../src/components/wallet-selector/component.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAmB,IAAI,EAAE,MAAM,MAAM,CAAC;AAC7C,OAAO,EAAE,QAAQ,EAAE,SAAS,EAAE,OAAO,EAAE,UAAU,EAAE,MAAM,OAAO,CAAC;AAEjE,OAAO,EAAE,WAAW,EAAE,MAAM,0CAA0C,CAAC;AAGvE,OAAO,EAAE,aAAa,EAAE,MAAM,eAAe,CAAC;AAE9C,MAAM,EAAE,GAAG,CAAC,GAAG,MAAoB,EAAE,EAAE,CAAC,IAAI,CAAC,MAAM,CAAC,CAAC;AAYrD,MAAM,cAAc,GAAG,CAAC,EACtB,SAAS,EACT,OAAO,EAAE,YAAY,EACrB,eAAe,EACf,gBAAgB,GAAG,IAAI,EACvB,cAAc,EACd,gBAAgB,GACI,EAAE,EAAE;IACxB,MAAM,aAAa,GAAG,UAAU,CAAC,aAAa,CAAC,CAAC;IAEhD,MAAM,CAAC,OAAO,EAAE,UAAU,CAAC,GAAG,QAAQ,CAAkC,EAAE,CAAC,CAAC;IAC5E,MAAM,CAAC,OAAO,EAAE,UAAU,CAAC,GAAG,QAAQ,CAAU,KAAK,CAAC,CAAC;IACvD,MAAM,CAAC,cAAc,EAAE,iBAAiB,CAAC,GAAG,QAAQ,CAClD,IAAI,CACL,CAAC;IAEF,MAAM,CAAC,gBAAgB,CAAC,GAAG,OAAO,CAAC,GAAG,EAAE;QACtC,MAAM,YAAY,GAAG,gBAAgB;YACnC,CAAC,CAAC,gBAAgB,CAAC,MAAM,CAAC,MAAM,CAAC,OAAO,CAAC,CAAC;YAC1C,CAAC,CAAC,MAAM,CAAC,MAAM,CAAC,OAAO,CAAC,CAAC;QAC3B,OAAO;YACL,YAAY,CAAC,MAAM,CAAC,CAAC,CAAC,EAAE,EAAE,CAAC,CAAC,CAAC,SAAS,CAAC;YACvC,gBAAgB,CAAC,CAAC,CAAC,YAAY,CAAC,MAAM,CAAC,CAAC,CAAC,EAAE,EAAE,CAAC,CAAC,CAAC,CAAC,SAAS,CAAC,CAAC,CAAC,CAAC,EAAE;SACjE,CAAC;IACJ,CAAC,EAAE,CAAC,OAAO,CAAC,CAAC,CAAC;IAEd,MAAM,UAAU,GAAG,YAAY,IAAI,OAAO,CAAC;IAE3C,MAAM,kBAAkB,GAAG,KAAK,EAAE,MAAuB,EAAE,EAAE;QAC3D,IAAI,CAAC,MAAM,CAAC,mBAAmB,EAAE,CAAC;YAChC,MAAM,cAAc,CAAC,MAAM,CAAC,CAAC;YAC7B,aAAa,EAAE,SAAS,CAAC,MAAM,CAAC,CAAC;QACnC,CAAC;aAAM,CAAC;YACN,iBAAiB,CAAC,MAAM,CAAC,CAAC;QAC5B,CAAC;IACH,CAAC,CAAC;IAEF,MAAM,qBAAqB,GAAG,KAAK,EAAE,MAA8B,EAAE,EAAE;QACrE,IAAI,MAAM,EAAE,CAAC;YACX,MAAM,cAAc,CAAC,MAAM,CAAC,CAAC;YAC7B,aAAa,EAAE,SAAS,CAAC,MAAM,CAAC,CAAC;QACnC,CAAC;QACD,iBAAiB,CAAC,IAAI,CAAC,CAAC;IAC1B,CAAC,CAAC;IAEF,SAAS,CAAC,GAAG,EAAE;QACb,UAAU,CAAC,IAAI,CAAC,CAAC;QACjB,MAAM,WAAW,GAAoC,EAAE,CAAC;QACxD,KAAK,MAAM,QAAQ,IAAI,eAAe,EAAE,CAAC;YACvC,MAAM,MAAM,GAAG,QAAQ,EAAE,CAAC;YAC1B,IAAI,KAAK,CAAC,OAAO,CAAC,MAAM,CAAC,EAAE,CAAC;gBAC1B,MAAM,CAAC,OAAO,CAAC,CAAC,CAAC,EAAE,EAAE;oBACnB,WAAW,CAAC,CAAC,CAAC,IAAI,CAAC,GAAG,CAAC,CAAC;gBAC1B,CAAC,CAAC,CAAC;YACL,CAAC;iBAAM,IAAI,MAAM,EAAE,CAAC;gBAClB,WAAW,CAAC,MAAM,CAAC,IAAI,CAAC,GAAG,MAAM,CAAC;YACpC,CAAC;QACH,CAAC;QACD,UAAU,CAAC,WAAW,CAAC,CAAC;QACxB,UAAU,CAAC,KAAK,CAAC,CAAC;IACpB,CAAC,EAAE,CAAC,eAAe,CAAC,CAAC,CAAC;IAEtB,IAAI,cAAc,IAAI,cAAc,CAAC,mBAAmB,EAAE,CAAC;QACzD,OAAO,cAAc,CAAC,mBAAmB,CAAC,qBAAqB,CAAC,CAAC;IACnE,CAAC;IAED,OAAO,CACL,cAAK,SAAS,EAAE,EAAE,CAAC,SAAS,CAAC,YAC1B,gBAAgB,CAAC,GAAG,CAAC,CAAC,CAAC,EAAE,EAAE,CAAC,CAC3B,KAAC,WAAW,IAEV,YAAY,EAAE,GAAG,EAAE,CAAC,kBAAkB,CAAC,CAAC,CAAC,EACzC,cAAc,EAAE,wCAAuB,EACvC,cAAc,EAAE,wCAAuB,EACvC,YAAY,EAAE,oCAAmB,EACjC,QAAQ,EAAE,UAAU,YAEnB,CAAC,CAAC,IAAI,IAPF,CAAC,CAAC,IAAI,CAQC,CACf,CAAC,GACE,CACP,CAAC;AACJ,CAAC,CAAC;AAEF,eAAe,cAAc,CAAC"}

package/dist/esm/components/wallet-selector/domain.js

@@ -0,0 +1,2 @@
+export {};
+//# sourceMappingURL=domain.js.map

package/dist/esm/components/wallet-selector/domain.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"domain.js","sourceRoot":"","sources":["../../../../src/components/wallet-selector/domain.ts"],"names":[],"mappings":""}

package/dist/esm/components/wallet-selector/helper.js

@@ -0,0 +1,12 @@
+// Given a config and a list of properties ensure that the properties are defined
+// otherwise throw an error
+// This should return a type safe config object
+export const ensureConfig = (config, properties) => {
+    const missingProperties = properties.filter((property) => config[property] === undefined);
+    if (missingProperties.length > 0) {
+        throw new Error(`Missing properties in config: ${missingProperties.join(", ")}`);
+    }
+    return config;
+};
+export const normaliseName = (n) => n.toLowerCase().replaceAll(" ", "");
+//# sourceMappingURL=helper.js.map

package/dist/esm/components/wallet-selector/helper.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"helper.js","sourceRoot":"","sources":["../../../../src/components/wallet-selector/helper.ts"],"names":[],"mappings":"AAEA,iFAAiF;AACjF,2BAA2B;AAC3B,+CAA+C;AAC/C,MAAM,CAAC,MAAM,YAAY,GAAG,CAC1B,MAAuB,EACvB,UAAkB,EAClB,EAAE;IACF,MAAM,iBAAiB,GAAG,UAAU,CAAC,MAAM,CACzC,CAAC,QAAQ,EAAE,EAAE,CAAC,MAAM,CAAC,QAAQ,CAAC,KAAK,SAAS,CAC7C,CAAC;IACF,IAAI,iBAAiB,CAAC,MAAM,GAAG,CAAC,EAAE,CAAC;QACjC,MAAM,IAAI,KAAK,CACb,iCAAiC,iBAAiB,CAAC,IAAI,CAAC,IAAI,CAAC,EAAE,CAChE,CAAC;IACJ,CAAC;IACD,OAAO,MAAoC,CAAC;AAC9C,CAAC,CAAC;AAEF,MAAM,CAAC,MAAM,aAAa,GAAG,CAAC,CAAS,EAAE,EAAE,CAAC,CAAC,CAAC,WAAW,EAAE,CAAC,UAAU,CAAC,GAAG,EAAE,EAAE,CAAC,CAAC"}

package/dist/esm/components/wallet-selector/index.js

@@ -0,0 +1,5 @@
+import WalletSelector from "./component.js";
+import { normaliseName } from "./helper.js";
+export { WalletSelector, normaliseName };
+export * from "./wallets/index.js";
+//# sourceMappingURL=index.js.map

package/dist/esm/components/wallet-selector/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/components/wallet-selector/index.tsx"],"names":[],"mappings":"AAAA,OAAO,cAAc,MAAM,gBAAgB,CAAC;AAC5C,OAAO,EAAE,aAAa,EAAE,MAAM,aAAa,CAAC;AAK5C,OAAO,EAAE,cAAc,EAAE,aAAa,EAAE,CAAC;AACzC,cAAc,oBAAoB,CAAC"}

package/dist/esm/components/wallet-selector/provider.js

@@ -0,0 +1,15 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import { useState, createContext } from "react";
+export const WalletContext = createContext({
+    wallet: null,
+    setWallet: () => { },
+});
+export const WalletProvider = ({ children, }) => {
+    const [wallet, setWallet] = useState(null);
+    const value = {
+        wallet,
+        setWallet,
+    };
+    return (_jsx(WalletContext.Provider, { value: value, children: children }));
+};
+//# sourceMappingURL=provider.js.map

package/dist/esm/components/wallet-selector/provider.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"provider.js","sourceRoot":"","sources":["../../../../src/components/wallet-selector/provider.tsx"],"names":[],"mappings":";AAAA,OAAc,EAAE,QAAQ,EAAE,aAAa,EAAE,MAAM,OAAO,CAAC;AAIvD,MAAM,CAAC,MAAM,aAAa,GAAG,aAAa,CAGvC;IACD,MAAM,EAAE,IAAI;IACZ,SAAS,EAAE,GAAG,EAAE,GAAE,CAAC;CACpB,CAAC,CAAC;AAEH,MAAM,CAAC,MAAM,cAAc,GAAG,CAAC,EAC7B,QAAQ,GAGT,EAAE,EAAE;IACH,MAAM,CAAC,MAAM,EAAE,SAAS,CAAC,GAAG,QAAQ,CAAyB,IAAI,CAAC,CAAC;IAEnE,MAAM,KAAK,GAAG;QACZ,MAAM;QACN,SAAS;KACV,CAAC;IACF,OAAO,CACL,KAAC,aAAa,CAAC,QAAQ,IAAC,KAAK,EAAE,KAAK,YAAG,QAAQ,GAA0B,CAC1E,CAAC;AACJ,CAAC,CAAC"}

package/dist/esm/components/wallet-selector/schemas.js

@@ -0,0 +1,6 @@
+export class PopupBlockedError extends Error {
+    constructor() {
+        super('Please enable popups for this site.');
+    }
+}
+//# sourceMappingURL=schemas.js.map

package/dist/esm/components/wallet-selector/schemas.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"schemas.js","sourceRoot":"","sources":["../../../../src/components/wallet-selector/schemas.ts"],"names":[],"mappings":"AAAA,MAAM,OAAO,iBAAkB,SAAQ,KAAK;IAC1C;QACE,KAAK,CAAC,qCAAqC,CAAC,CAAC;IAC/C,CAAC;CACF"}

package/dist/esm/components/wallet-selector/store.js

@@ -0,0 +1,79 @@
+import { create } from "zustand";
+import { immer } from "zustand/middleware/immer";
+export var ACTIONS;
+(function (ACTIONS) {
+    ACTIONS["GET_WALLETS"] = "GET_WALLETS";
+})(ACTIONS || (ACTIONS = {}));
+const initialActionState = (initialValue) => Object.values(ACTIONS).reduce((acc, action) => {
+    acc[action] = initialValue;
+    return acc;
+}, {});
+export const useWalletStore = create()(immer((set, get) => ({
+    wallets: {},
+    loading: initialActionState(false),
+    error: initialActionState(null),
+    actions: {
+        initialiseWallets: (initialisers) => {
+            const ACTION = ACTIONS.GET_WALLETS;
+            set((state) => {
+                state.loading[ACTION] = true;
+                state.error[ACTION] = null;
+            });
+            try {
+                for (const initialiser of initialisers) {
+                    const wallet = initialiser();
+                    set((state) => {
+                        if (Array.isArray(wallet)) {
+                            wallet.forEach((w) => {
+                                state.wallets[w.name] = w;
+                            });
+                        }
+                        else if (wallet) {
+                            state.wallets[wallet.name] = wallet;
+                        }
+                        state.loading[ACTION] = false;
+                    });
+                }
+                return get().wallets;
+            }
+            catch (error) {
+                console.error(error);
+                set((state) => {
+                    state.error[ACTION] = {
+                        id: ACTION,
+                        title: "Wallet Configure Error",
+                        message: "Failed to configure wallets",
+                    };
+                    state.loading[ACTION] = false;
+                });
+                return {};
+            }
+        },
+        clearError: (action) => {
+            set((state) => {
+                if (action) {
+                    delete state.error[action];
+                }
+                else {
+                    Object.values(ACTIONS).forEach((key) => {
+                        delete state.error[key];
+                    });
+                }
+            });
+        },
+        clearLoading: (action) => {
+            set((state) => {
+                if (action) {
+                    state.loading[action] = false;
+                }
+                else {
+                    Object.values(ACTIONS).forEach((key) => {
+                        state.loading[key] = false;
+                    });
+                }
+            });
+        },
+    },
+})));
+export const useWalletActions = () => useWalletStore((state) => state.actions);
+//# sourceMappingURL=store.js.map

package/dist/esm/components/wallet-selector/store.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"store.js","sourceRoot":"","sources":["../../../../src/components/wallet-selector/store.ts"],"names":[],"mappings":"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"}

package/dist/esm/components/wallet-selector/util/exceptions.js

@@ -0,0 +1,16 @@
+export class BaseError extends Error {
+}
+export class NotEnoughBalance extends BaseError {
+    constructor(message) {
+        super(message);
+        Object.defineProperty(this, "message", {
+            enumerable: true,
+            configurable: true,
+            writable: true,
+            value: void 0
+        });
+        this.message = message;
+        this.name = 'NotEnoughBalance';
+    }
+}
+//# sourceMappingURL=exceptions.js.map

package/dist/esm/components/wallet-selector/util/exceptions.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"exceptions.js","sourceRoot":"","sources":["../../../../../src/components/wallet-selector/util/exceptions.ts"],"names":[],"mappings":"AAAA,MAAM,OAAgB,SAAU,SAAQ,KAAK;CAAG;AAEhD,MAAM,OAAO,gBAAiB,SAAQ,SAAS;IAG7C,YAAY,OAAe;QACzB,KAAK,CAAC,OAAO,CAAC,CAAC;QAHR;;;;;WAAgB;QAIvB,IAAI,CAAC,OAAO,GAAG,OAAO,CAAC;QACvB,IAAI,CAAC,IAAI,GAAG,kBAAkB,CAAC;IACjC,CAAC;CACF"}

package/dist/esm/components/wallet-selector/wallets/address/addressInput.js

@@ -0,0 +1,17 @@
+import { jsx as _jsx, Fragment as _Fragment, jsxs as _jsxs } from "react/jsx-runtime";
+import { useState } from "react";
+import { StyledButton } from "../../../buttons/index.js";
+import { Input } from "../../../inputs/index.js";
+const AddressInput = ({ onConfirm, validate }) => {
+    const [address, setAddress] = useState("");
+    const [error, setError] = useState(null);
+    const handleAddressChange = (event) => {
+        setAddress(event.target.value);
+        if (validate) {
+            setError(validate(event.target.value));
+        }
+    };
+    return (_jsxs(_Fragment, { children: [_jsx(Input, { type: "text", placeholder: "Your address", value: address, onChange: handleAddressChange }), error && _jsx("p", { className: "mb-2 mt-3 text-sm text-alert-500", children: error }), _jsx(StyledButton, { variant: "primary", onClick: () => onConfirm(address), disabled: !!error, children: "Confirm" })] }));
+};
+export default AddressInput;
+//# sourceMappingURL=addressInput.js.map

package/dist/esm/components/wallet-selector/wallets/address/addressInput.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"addressInput.js","sourceRoot":"","sources":["../../../../../../src/components/wallet-selector/wallets/address/addressInput.tsx"],"names":[],"mappings":";AAAA,OAAc,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAC;AAExC,OAAO,EAAE,YAAY,EAAE,MAAM,2BAA2B,CAAC;AACzD,OAAO,EAAE,KAAK,EAAE,MAAM,0BAA0B,CAAC;AAOjD,MAAM,YAAY,GAAG,CAAC,EAAE,SAAS,EAAE,QAAQ,EAAS,EAAE,EAAE;IACtD,MAAM,CAAC,OAAO,EAAE,UAAU,CAAC,GAAG,QAAQ,CAAC,EAAE,CAAC,CAAC;IAC3C,MAAM,CAAC,KAAK,EAAE,QAAQ,CAAC,GAAG,QAAQ,CAAgB,IAAI,CAAC,CAAC;IACxD,MAAM,mBAAmB,GAAG,CAAC,KAA0C,EAAE,EAAE;QACzE,UAAU,CAAC,KAAK,CAAC,MAAM,CAAC,KAAK,CAAC,CAAC;QAC/B,IAAI,QAAQ,EAAE,CAAC;YACb,QAAQ,CAAC,QAAQ,CAAC,KAAK,CAAC,MAAM,CAAC,KAAK,CAAC,CAAC,CAAC;QACzC,CAAC;IACH,CAAC,CAAC;IACF,OAAO,CACL,8BACE,KAAC,KAAK,IACJ,IAAI,EAAC,MAAM,EACX,WAAW,EAAC,cAAc,EAC1B,KAAK,EAAE,OAAO,EACd,QAAQ,EAAE,mBAAmB,GAC7B,EACD,KAAK,IAAI,YAAG,SAAS,EAAC,kCAAkC,YAAE,KAAK,GAAK,EACrE,KAAC,YAAY,IACX,OAAO,EAAE,SAAS,EAClB,OAAO,EAAE,GAAG,EAAE,CAAC,SAAS,CAAC,OAAO,CAAC,EACjC,QAAQ,EAAE,CAAC,CAAC,KAAK,wBAGJ,IACd,CACJ,CAAC;AACJ,CAAC,CAAC;AAEF,eAAe,YAAY,CAAC"}

package/dist/esm/components/wallet-selector/wallets/address/index.js

@@ -0,0 +1,75 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import AddressInput from "./addressInput.js";
+import { LinkIcon } from "../../../icons/link.js";
+class AddressWalletInterface {
+    constructor(config) {
+        Object.defineProperty(this, "name", {
+            enumerable: true,
+            configurable: true,
+            writable: true,
+            value: void 0
+        });
+        Object.defineProperty(this, "icon", {
+            enumerable: true,
+            configurable: true,
+            writable: true,
+            value: void 0
+        });
+        Object.defineProperty(this, "address", {
+            enumerable: true,
+            configurable: true,
+            writable: true,
+            value: void 0
+        });
+        Object.defineProperty(this, "installed", {
+            enumerable: true,
+            configurable: true,
+            writable: true,
+            value: true
+        });
+        Object.defineProperty(this, "config", {
+            enumerable: true,
+            configurable: true,
+            writable: true,
+            value: void 0
+        });
+        Object.defineProperty(this, "handleConfigureConfirm", {
+            enumerable: true,
+            configurable: true,
+            writable: true,
+            value: (callback, address) => {
+                // TODO: Validate?
+                this.address = address;
+                callback(this);
+            }
+        });
+        this.name = "Send to other address";
+        this.icon = _jsx(LinkIcon, {});
+        this.address = null;
+        this.config = config;
+    }
+    async connect() {
+        return Promise.resolve(this.address);
+    }
+    async signMessage() {
+        return Promise.resolve(null);
+    }
+    async getAddress() {
+        return Promise.resolve(this.address);
+    }
+    async executeTransfer() {
+        return Promise.resolve(null);
+    }
+    async getBalance() {
+        return Promise.resolve({
+            uiAmount: null,
+            intAmount: null,
+            decimals: null,
+        });
+    }
+    renderConfigureStep(callback) {
+        return (_jsx(AddressInput, { onConfirm: (address) => this.handleConfigureConfirm(callback, address), validate: this.config?.validate }));
+    }
+}
+export const AddressWallet = (config) => () => new AddressWalletInterface(config);
+//# sourceMappingURL=index.js.map

package/dist/esm/components/wallet-selector/wallets/address/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../../../src/components/wallet-selector/wallets/address/index.tsx"],"names":[],"mappings":";AAAA,OAAO,YAAY,MAAM,mBAAmB,CAAC;AAG7C,OAAO,EAAE,QAAQ,EAAE,MAAM,wBAAwB,CAAC;AAMlD,MAAM,sBAAsB;IAO1B,YAAY,MAAe;QAN3B;;;;;WAAa;QACb;;;;;WAAkC;QAClC;;;;;WAAuB;QACvB;;;;mBAAY,IAAI;WAAC;QACjB;;;;;WAAgB;QAiChB;;;;mBAAyB,CACvB,QAA2C,EAC3C,OAAe,EACf,EAAE;gBACF,kBAAkB;gBAClB,IAAI,CAAC,OAAO,GAAG,OAAO,CAAC;gBACvB,QAAQ,CAAC,IAAI,CAAC,CAAC;YACjB,CAAC;WAAC;QArCA,IAAI,CAAC,IAAI,GAAG,uBAAuB,CAAC;QACpC,IAAI,CAAC,IAAI,GAAG,KAAC,QAAQ,KAAG,CAAC;QACzB,IAAI,CAAC,OAAO,GAAG,IAAI,CAAC;QACpB,IAAI,CAAC,MAAM,GAAG,MAAM,CAAC;IACvB,CAAC;IAED,KAAK,CAAC,OAAO;QACX,OAAO,OAAO,CAAC,OAAO,CAAC,IAAI,CAAC,OAAO,CAAC,CAAC;IACvC,CAAC;IAED,KAAK,CAAC,WAAW;QACf,OAAO,OAAO,CAAC,OAAO,CAAC,IAAI,CAAC,CAAC;IAC/B,CAAC;IAED,KAAK,CAAC,UAAU;QACd,OAAO,OAAO,CAAC,OAAO,CAAC,IAAI,CAAC,OAAO,CAAC,CAAC;IACvC,CAAC;IAED,KAAK,CAAC,eAAe;QACnB,OAAO,OAAO,CAAC,OAAO,CAAC,IAAI,CAAC,CAAC;IAC/B,CAAC;IAED,KAAK,CAAC,UAAU;QACd,OAAO,OAAO,CAAC,OAAO,CAAC;YACrB,QAAQ,EAAE,IAAI;YACd,SAAS,EAAE,IAAI;YACf,QAAQ,EAAE,IAAI;SACf,CAAC,CAAC;IACL,CAAC;IAWD,mBAAmB,CAAC,QAAkD;QACpE,OAAO,CACL,KAAC,YAAY,IACX,SAAS,EAAE,CAAC,OAAO,EAAE,EAAE,CAAC,IAAI,CAAC,sBAAsB,CAAC,QAAQ,EAAE,OAAO,CAAC,EACtE,QAAQ,EAAE,IAAI,CAAC,MAAM,EAAE,QAAQ,GAC/B,CACH,CAAC;IACJ,CAAC;CACF;AAED,MAAM,CAAC,MAAM,aAAa,GACxB,CAAC,MAAe,EAA2B,EAAE,CAC7C,GAAG,EAAE,CACH,IAAI,sBAAsB,CAAC,MAAM,CAAC,CAAC"}

package/dist/esm/components/wallet-selector/wallets/index.js

@@ -0,0 +1,5 @@
+import { AddressWallet } from "./address/index.js";
+import { RecommendedWalletInterface } from "./recommended/index.js";
+import { WagmiWallets } from "./wagmi/index.js";
+export { AddressWallet, RecommendedWalletInterface, WagmiWallets };
+//# sourceMappingURL=index.js.map

package/dist/esm/components/wallet-selector/wallets/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../../src/components/wallet-selector/wallets/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,aAAa,EAAE,MAAM,oBAAoB,CAAC;AACnD,OAAO,EAAE,0BAA0B,EAAE,MAAM,wBAAwB,CAAC;AACpE,OAAO,EAAE,YAAY,EAAE,MAAM,kBAAkB,CAAC;AAEhD,OAAO,EAAE,aAAa,EAAE,0BAA0B,EAAE,YAAY,EAAE,CAAC"}

package/dist/esm/components/wallet-selector/wallets/recommended/index.js

@@ -0,0 +1,64 @@
+/**
+ * @dev This is intended to be a placeholder for a recommended wallet.
+ */
+export class RecommendedWalletInterface {
+    constructor(name, url, icon, installed = false) {
+        Object.defineProperty(this, "name", {
+            enumerable: true,
+            configurable: true,
+            writable: true,
+            value: ""
+        });
+        Object.defineProperty(this, "icon", {
+            enumerable: true,
+            configurable: true,
+            writable: true,
+            value: ""
+        });
+        Object.defineProperty(this, "url", {
+            enumerable: true,
+            configurable: true,
+            writable: true,
+            value: ""
+        });
+        Object.defineProperty(this, "installed", {
+            enumerable: true,
+            configurable: true,
+            writable: true,
+            value: false
+        });
+        this.name = name;
+        this.url = url;
+        this.icon = icon;
+        this.installed = installed;
+    }
+    // eslint-disable-next-line @typescript-eslint/require-await
+    async connect() {
+        return null;
+    }
+    // eslint-disable-next-line @typescript-eslint/require-await
+    async getBalance() {
+        return {
+            uiAmount: null,
+            intAmount: null,
+            decimals: null,
+        };
+    }
+    // eslint-disable-next-line @typescript-eslint/require-await
+    async signMessage() {
+        return null;
+    }
+    // eslint-disable-next-line @typescript-eslint/require-await
+    async signTransaction() {
+        return null;
+    }
+    // eslint-disable-next-line @typescript-eslint/require-await
+    async getAddress() {
+        return null;
+    }
+    // eslint-disable-next-line @typescript-eslint/require-await
+    async executeTransfer() {
+        return null;
+    }
+}
+//# sourceMappingURL=index.js.map

package/dist/esm/components/wallet-selector/wallets/recommended/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../../../src/components/wallet-selector/wallets/recommended/index.tsx"],"names":[],"mappings":"AAIA;;GAEG;AACH,MAAM,OAAO,0BAA0B;IAMrC,YACE,IAAY,EACZ,GAAW,EACX,IAAqB,EACrB,SAAS,GAAG,KAAK;QATnB;;;;mBAAO,EAAE;WAAC;QACV;;;;mBAAiC,EAAE;WAAC;QACpC;;;;mBAAM,EAAE;WAAC;QACT;;;;mBAAqB,KAAK;WAAC;QAQzB,IAAI,CAAC,IAAI,GAAG,IAAI,CAAC;QACjB,IAAI,CAAC,GAAG,GAAG,GAAG,CAAC;QACf,IAAI,CAAC,IAAI,GAAG,IAAI,CAAC;QACjB,IAAI,CAAC,SAAS,GAAG,SAAS,CAAC;IAC7B,CAAC;IAED,4DAA4D;IAC5D,KAAK,CAAC,OAAO;QACX,OAAO,IAAI,CAAC;IACd,CAAC;IAED,4DAA4D;IAC5D,KAAK,CAAC,UAAU;QACd,OAAO;YACL,QAAQ,EAAE,IAAI;YACd,SAAS,EAAE,IAAI;YACf,QAAQ,EAAE,IAAI;SACf,CAAC;IACJ,CAAC;IAED,4DAA4D;IAC5D,KAAK,CAAC,WAAW;QACf,OAAO,IAAI,CAAC;IACd,CAAC;IAED,4DAA4D;IAC5D,KAAK,CAAC,eAAe;QACnB,OAAO,IAAI,CAAC;IACd,CAAC;IAED,4DAA4D;IAC5D,KAAK,CAAC,UAAU;QACd,OAAO,IAAI,CAAC;IACd,CAAC;IAED,4DAA4D;IAC5D,KAAK,CAAC,eAAe;QACnB,OAAO,IAAI,CAAC;IACd,CAAC;CACF"}

package/dist/esm/components/wallet-selector/wallets/wagmi/index.js

@@ -0,0 +1,211 @@
+import { connect, disconnect, getAccount, getBalance, getConnectors, getConnectorClient, sendTransaction, signMessage, waitForTransactionReceipt, writeContract, } from "@wagmi/core";
+import { BrowserProvider, JsonRpcSigner } from "ethers";
+import { erc20Abi, formatUnits, zeroAddress } from "viem";
+import { readContract } from "viem/actions";
+import { normaliseName } from "../../helper.js";
+import { NotEnoughBalance } from "../../util/exceptions.js";
+import usdtContractInterface from "./usdt-abi.json" with { type: "json" };
+export const transferNativeCoin = (wagmiConfig, address, amount) => sendTransaction(wagmiConfig, {
+    to: address,
+    value: BigInt(amount),
+}).catch((e) => {
+    console.log("Error", e);
+    if (e instanceof Error) {
+        if (e.message.includes("transaction exceeds the balance of the account")) {
+            throw new Error(`Wallet does not have enough balance to complete the transaction`);
+        }
+    }
+    throw e;
+});
+const getAbi = (currency) => {
+    if (currency === "USDT") {
+        return usdtContractInterface;
+    }
+    else {
+        return erc20Abi;
+    }
+};
+const approveTokenTransfer = async (wagmiConfig, amount, spenderAddress, currencyAddress) => {
+    /**
+     * @dev
+     * USDT contract does not have a return value for approve function
+     * Viem enforces ERC-20 tokens to have an output of type boolean
+     * This causes the approval to fail for USDT
+     * As recommended by https://github.com/wevm/viem/issues/663#issuecomment-1581829721
+     * We are currently checking if the currency is USDT and modifies the ABI passed
+     */
+    const currencyIsUSDT = currencyAddress === "0xdAC17F958D2ee523a2206206994597C13D831ec7";
+    const userAddress = getAccount(wagmiConfig).address;
+    // Transactions with the native token don't need approval
+    if (currencyAddress === zeroAddress || !userAddress) {
+        return;
+    }
+    try {
+        // Query the current allowance
+        const currentAllowance = await readContract(wagmiConfig.getClient(), {
+            address: currencyAddress,
+            abi: currencyIsUSDT ? usdtContractInterface : erc20Abi,
+            functionName: "allowance",
+            args: [userAddress, spenderAddress],
+        });
+        // If allowance is already sufficient, return early
+        if (BigInt(currentAllowance) >= BigInt(amount)) {
+            return;
+        }
+        // Otherwise, proceed with approving the new amount
+        const approvalTx = await writeContract(wagmiConfig, {
+            address: currencyAddress,
+            abi: currencyIsUSDT ? usdtContractInterface : erc20Abi,
+            functionName: "approve",
+            args: [spenderAddress, BigInt(amount)],
+        });
+        // wait for transaction confirmation
+        await waitForTransactionReceipt(wagmiConfig, {
+            hash: approvalTx,
+            confirmations: 1,
+            chainId: wagmiConfig.state.chainId,
+        });
+        return approvalTx;
+    }
+    catch (e) {
+        console.log("Error", e);
+        if (e instanceof Error &&
+            e.message.includes("transfer amount exceeds balance")) {
+            throw new NotEnoughBalance("Wallet does not have enough balance to complete the transaction");
+        }
+        throw e;
+    }
+};
+export const transferCoins = (wagmiConfig, address, amount, contractAddress, currency) => {
+    return writeContract(wagmiConfig, {
+        address: contractAddress,
+        abi: getAbi(currency),
+        functionName: "transfer",
+        args: [address, BigInt(amount)],
+    }).catch((e) => {
+        console.log("Error", e);
+        if (e instanceof Error &&
+            e.message.includes("transfer amount exceeds balance")) {
+            throw new NotEnoughBalance(`Wallet does not have enough ${currency} balance to complete the transaction`);
+        }
+        throw e;
+    });
+};
+export function clientToSigner(client) {
+    const { account, chain, transport } = client;
+    const network = {
+        chainId: chain.id,
+        name: chain.name,
+        ensAddress: chain.contracts?.ensRegistry?.address,
+    };
+    const provider = new BrowserProvider(transport, network);
+    const signer = new JsonRpcSigner(provider, account.address);
+    return signer;
+}
+class WagmiWalletInterface {
+    constructor(connector, wagmiConfig) {
+        Object.defineProperty(this, "connector", {
+            enumerable: true,
+            configurable: true,
+            writable: true,
+            value: void 0
+        });
+        Object.defineProperty(this, "name", {
+            enumerable: true,
+            configurable: true,
+            writable: true,
+            value: void 0
+        });
+        Object.defineProperty(this, "icon", {
+            enumerable: true,
+            configurable: true,
+            writable: true,
+            value: void 0
+        });
+        Object.defineProperty(this, "installed", {
+            enumerable: true,
+            configurable: true,
+            writable: true,
+            value: true
+        });
+        Object.defineProperty(this, "wagmiConfig", {
+            enumerable: true,
+            configurable: true,
+            writable: true,
+            value: void 0
+        });
+        this.connector = connector;
+        this.name = connector.name;
+        this.icon = connector.icon;
+        this.wagmiConfig = wagmiConfig;
+    }
+    async connect(networkId) {
+        try {
+            await disconnect(this.wagmiConfig);
+        }
+        catch (e) {
+            // Not connected
+        }
+        const result = await connect(this.wagmiConfig, {
+            chainId: networkId,
+            connector: this.connector,
+        });
+        return result.accounts[0];
+    }
+    async signMessage(message) {
+        return signMessage(this.wagmiConfig, { message });
+    }
+    async getAddress() {
+        return Promise.resolve(getAccount(this.wagmiConfig).address || null);
+    }
+    async approveTokenTransfer(amount, spenderAddress, currencyAddress) {
+        return approveTokenTransfer(this.wagmiConfig, amount, spenderAddress, currencyAddress);
+    }
+    async executeTransfer(transfer) {
+        if (transfer.evm?.implementationAddress === undefined) {
+            return transferNativeCoin(this.wagmiConfig, transfer.destinationAddress, transfer.amount);
+        }
+        else {
+            return transferCoins(this.wagmiConfig, transfer.destinationAddress, transfer.amount, transfer.evm.implementationAddress, transfer.evm.assetName);
+        }
+    }
+    async getBalance(address, tokenAddress) {
+        const chainId = await this.connector.getChainId();
+        const balance = await getBalance(this.wagmiConfig, {
+            address: address,
+            token: tokenAddress,
+            chainId,
+        });
+        return {
+            uiAmount: formatUnits(balance.value, balance.decimals),
+            intAmount: balance.value,
+            decimals: balance.decimals,
+        };
+    }
+    async getSigner() {
+        const chainId = await this.connector.getChainId();
+        const client = await getConnectorClient(this.wagmiConfig, { chainId });
+        return clientToSigner(client);
+    }
+}
+export const WagmiWallets = (config, extraConfig) => () => {
+    const wallets = getConnectors(config).map((connector) => new WagmiWalletInterface(connector, config));
+    const recommendedWallets = extraConfig?.recommendedWallets || [];
+    const allowedWallets = extraConfig?.allowedWallets?.map(normaliseName);
+    const excludedWallets = extraConfig?.excludedWallets?.map(normaliseName);
+    const recommend = (recommendedWallets || []).filter((rw) => wallets.every((w) => normaliseName(w.name) !== normaliseName(rw.name)));
+    const allWallets = [...recommend, ...wallets];
+    const filteredWallets = allWallets.filter((w) => (!allowedWallets || allowedWallets.includes(normaliseName(w.name))) &&
+        (!excludedWallets || !excludedWallets.includes(normaliseName(w.name))));
+    filteredWallets.forEach((w) => {
+        if (extraConfig?.icons[w.name]) {
+            w.icon = extraConfig.icons[w.name];
+        }
+    });
+    if (allowedWallets) {
+        filteredWallets.sort((a, b) => allowedWallets.indexOf(normaliseName(a.name)) -
+            allowedWallets.indexOf(normaliseName(b.name)));
+    }
+    return filteredWallets;
+};
+//# sourceMappingURL=index.js.map