@onepercentio/one-ui 0.2.0 → 0.2.1

package/dist/components/UncontrolledTransition/UncontrolledTransition.test.js

@@ -1,135 +1,135 @@
-"use strict";
-var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
-    if (k2 === undefined) k2 = k;
-    var desc = Object.getOwnPropertyDescriptor(m, k);
-    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
-      desc = { enumerable: true, get: function() { return m[k]; } };
-    }
-    Object.defineProperty(o, k2, desc);
-}) : (function(o, m, k, k2) {
-    if (k2 === undefined) k2 = k;
-    o[k2] = m[k];
-}));
-var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
-    Object.defineProperty(o, "default", { enumerable: true, value: v });
-}) : function(o, v) {
-    o["default"] = v;
-});
-var __importStar = (this && this.__importStar) || function (mod) {
-    if (mod && mod.__esModule) return mod;
-    var result = {};
-    if (mod != null) for (var k in mod) if (k !== "default" && Object.prototype.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k);
-    __setModuleDefault(result, mod);
-    return result;
-};
-var __awaiter = (this && this.__awaiter) || function (thisArg, _arguments, P, generator) {
-    function adopt(value) { return value instanceof P ? value : new P(function (resolve) { resolve(value); }); }
-    return new (P || (P = Promise))(function (resolve, reject) {
-        function fulfilled(value) { try { step(generator.next(value)); } catch (e) { reject(e); } }
-        function rejected(value) { try { step(generator["throw"](value)); } catch (e) { reject(e); } }
-        function step(result) { result.done ? resolve(result.value) : adopt(result.value).then(fulfilled, rejected); }
-        step((generator = generator.apply(thisArg, _arguments || [])).next());
-    });
-};
-var __importDefault = (this && this.__importDefault) || function (mod) {
-    return (mod && mod.__esModule) ? mod : { "default": mod };
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-const react_1 = __importStar(require("react"));
-const react_2 = require("@testing-library/react");
-const UncontrolledTransition_1 = __importDefault(require("./UncontrolledTransition"));
-function renderScreen(props) {
-    return (0, react_2.render)(react_1.default.createElement(UncontrolledTransition_1.default, Object.assign({}, props)));
-}
-const spyOnTransitionContructor = jest.spyOn(require("../Transition"), "default");
-describe("Bugfix", () => {
-    it("Should render correctly when multiple backwards", () => {
-        const ref = {
-            current: null,
-        };
-        const event = new Event("animationend");
-        event.initEvent("animationend", true, true);
-        function BugWrapper({ shouldEffectBackwards, txt, }) {
-            (0, react_1.useLayoutEffect)(() => {
-                if (shouldEffectBackwards)
-                    ref.current.setOrientation("backward");
-            }, [shouldEffectBackwards, txt]);
-            return (react_1.default.createElement(UncontrolledTransition_1.default, { ref: ref },
-                react_1.default.createElement("h1", { key: txt }, txt)));
-        }
-        const wrapper = (0, react_2.render)(react_1.default.createElement(BugWrapper, { shouldEffectBackwards: false, txt: "1" }));
-        wrapper.rerender(react_1.default.createElement(BugWrapper, { shouldEffectBackwards: true, txt: "0" }));
-        expect(wrapper.container.textContent).toEqual("01");
-        function finishFirst() {
-            const [firstStepEl] = wrapper.getAllByTestId("transition-container");
-            firstStepEl.dispatchEvent(event);
-        }
-        finishFirst();
-        expect(wrapper.container.textContent).toEqual("0");
-        wrapper.rerender(react_1.default.createElement(BugWrapper, { shouldEffectBackwards: true, txt: "-1" }));
-        expect(wrapper.container.textContent).toEqual("-10");
-        finishFirst();
-        expect(wrapper.container.textContent).toEqual("-1");
-    });
-});
-it("Should work with backwards", () => __awaiter(void 0, void 0, void 0, function* () {
-    const ref = {
-        current: null,
-    };
-    function BugWrapper({ shouldEffectBackwards, txt, }) {
-        (0, react_1.useLayoutEffect)(() => {
-            if (shouldEffectBackwards)
-                ref.current.setOrientation("backward");
-        }, [shouldEffectBackwards]);
-        return (react_1.default.createElement(UncontrolledTransition_1.default, { ref: ref },
-            react_1.default.createElement("h1", { key: txt }, txt)));
-    }
-    const wrapper = (0, react_2.render)(react_1.default.createElement(BugWrapper, { shouldEffectBackwards: false, txt: "First step" }));
-    wrapper.rerender(react_1.default.createElement(BugWrapper, { shouldEffectBackwards: true, txt: "Zero" }));
-    expect(wrapper.container.textContent).toEqual("ZeroFirst step");
-    wrapper.rerender(react_1.default.createElement(BugWrapper, { shouldEffectBackwards: false, txt: "Third screen" }));
-    // This is a bug that will be fixed in the future
-    // expect(wrapper.container.textContent).toEqual("ZeroFirst stepThird screen");
-}));
-it("Should transition only when the child changes", () => __awaiter(void 0, void 0, void 0, function* () {
-    const ref = {
-        current: null,
-    };
-    const event = new Event("animationend");
-    event.initEvent("animationend", true, true);
-    const wrapper = (0, react_2.render)(react_1.default.createElement(UncontrolledTransition_1.default, { ref: ref },
-        react_1.default.createElement("h1", { key: "1" }, "First step")));
-    expect(wrapper.container.textContent).toEqual("First step");
-    wrapper.rerender(react_1.default.createElement(UncontrolledTransition_1.default, { ref: ref },
-        react_1.default.createElement("h1", { key: "2" }, "Second step")));
-    expect(wrapper.container.textContent).toEqual("First stepSecond step");
-    wrapper.rerender(react_1.default.createElement(UncontrolledTransition_1.default, { ref: ref },
-        react_1.default.createElement("h1", { key: "2" }, "Second step")));
-    expect(wrapper.container.textContent).toEqual("First stepSecond step");
-    const [firstStepEl] = wrapper.getAllByTestId("transition-container");
-    firstStepEl.dispatchEvent(event);
-    expect(wrapper.container.textContent).toEqual("Second step");
-    wrapper.rerender(react_1.default.createElement(UncontrolledTransition_1.default, { ref: ref },
-        react_1.default.createElement("h1", { key: "3" }, "Third step")));
-    expect(spyOnTransitionContructor).toHaveBeenLastCalledWith(expect.objectContaining({
-        step: 1,
-        children: expect.arrayContaining([
-            expect.objectContaining({ key: "2" }),
-            expect.objectContaining({ key: "3" }),
-        ]),
-    }), expect.anything());
-    expect(wrapper.container.textContent).toEqual("Second stepThird step");
-    const [secondStepEl] = wrapper.getAllByTestId("transition-container");
-    secondStepEl.dispatchEvent(event);
-    expect(wrapper.container.textContent).toEqual("Third step");
-    (0, react_2.act)(() => {
-        ref.current.setOrientation("backward");
-    });
-    wrapper.rerender(react_1.default.createElement(UncontrolledTransition_1.default, { ref: ref },
-        react_1.default.createElement("h1", { key: "2" }, "Second step")));
-    expect(wrapper.container.textContent).toEqual("Second stepThird step");
-    const [secondStepEl2] = wrapper.getAllByTestId("transition-container");
-    secondStepEl2.dispatchEvent(event);
-    expect(wrapper.container.textContent).toEqual("Second step");
-}));
+"use strict";
+var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    var desc = Object.getOwnPropertyDescriptor(m, k);
+    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
+      desc = { enumerable: true, get: function() { return m[k]; } };
+    }
+    Object.defineProperty(o, k2, desc);
+}) : (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    o[k2] = m[k];
+}));
+var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
+    Object.defineProperty(o, "default", { enumerable: true, value: v });
+}) : function(o, v) {
+    o["default"] = v;
+});
+var __importStar = (this && this.__importStar) || function (mod) {
+    if (mod && mod.__esModule) return mod;
+    var result = {};
+    if (mod != null) for (var k in mod) if (k !== "default" && Object.prototype.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k);
+    __setModuleDefault(result, mod);
+    return result;
+};
+var __awaiter = (this && this.__awaiter) || function (thisArg, _arguments, P, generator) {
+    function adopt(value) { return value instanceof P ? value : new P(function (resolve) { resolve(value); }); }
+    return new (P || (P = Promise))(function (resolve, reject) {
+        function fulfilled(value) { try { step(generator.next(value)); } catch (e) { reject(e); } }
+        function rejected(value) { try { step(generator["throw"](value)); } catch (e) { reject(e); } }
+        function step(result) { result.done ? resolve(result.value) : adopt(result.value).then(fulfilled, rejected); }
+        step((generator = generator.apply(thisArg, _arguments || [])).next());
+    });
+};
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+const react_1 = __importStar(require("react"));
+const react_2 = require("@testing-library/react");
+const UncontrolledTransition_1 = __importDefault(require("./UncontrolledTransition"));
+function renderScreen(props) {
+    return (0, react_2.render)(react_1.default.createElement(UncontrolledTransition_1.default, Object.assign({}, props)));
+}
+const spyOnTransitionContructor = jest.spyOn(require("../Transition"), "default");
+describe("Bugfix", () => {
+    it("Should render correctly when multiple backwards", () => {
+        const ref = {
+            current: null,
+        };
+        const event = new Event("animationend");
+        event.initEvent("animationend", true, true);
+        function BugWrapper({ shouldEffectBackwards, txt, }) {
+            (0, react_1.useLayoutEffect)(() => {
+                if (shouldEffectBackwards)
+                    ref.current.setOrientation("backward");
+            }, [shouldEffectBackwards, txt]);
+            return (react_1.default.createElement(UncontrolledTransition_1.default, { ref: ref },
+                react_1.default.createElement("h1", { key: txt }, txt)));
+        }
+        const wrapper = (0, react_2.render)(react_1.default.createElement(BugWrapper, { shouldEffectBackwards: false, txt: "1" }));
+        wrapper.rerender(react_1.default.createElement(BugWrapper, { shouldEffectBackwards: true, txt: "0" }));
+        expect(wrapper.container.textContent).toEqual("01");
+        function finishFirst() {
+            const [firstStepEl] = wrapper.getAllByTestId("transition-container");
+            firstStepEl.dispatchEvent(event);
+        }
+        finishFirst();
+        expect(wrapper.container.textContent).toEqual("0");
+        wrapper.rerender(react_1.default.createElement(BugWrapper, { shouldEffectBackwards: true, txt: "-1" }));
+        expect(wrapper.container.textContent).toEqual("-10");
+        finishFirst();
+        expect(wrapper.container.textContent).toEqual("-1");
+    });
+});
+it("Should work with backwards", () => __awaiter(void 0, void 0, void 0, function* () {
+    const ref = {
+        current: null,
+    };
+    function BugWrapper({ shouldEffectBackwards, txt, }) {
+        (0, react_1.useLayoutEffect)(() => {
+            if (shouldEffectBackwards)
+                ref.current.setOrientation("backward");
+        }, [shouldEffectBackwards]);
+        return (react_1.default.createElement(UncontrolledTransition_1.default, { ref: ref },
+            react_1.default.createElement("h1", { key: txt }, txt)));
+    }
+    const wrapper = (0, react_2.render)(react_1.default.createElement(BugWrapper, { shouldEffectBackwards: false, txt: "First step" }));
+    wrapper.rerender(react_1.default.createElement(BugWrapper, { shouldEffectBackwards: true, txt: "Zero" }));
+    expect(wrapper.container.textContent).toEqual("ZeroFirst step");
+    wrapper.rerender(react_1.default.createElement(BugWrapper, { shouldEffectBackwards: false, txt: "Third screen" }));
+    // This is a bug that will be fixed in the future
+    // expect(wrapper.container.textContent).toEqual("ZeroFirst stepThird screen");
+}));
+it("Should transition only when the child changes", () => __awaiter(void 0, void 0, void 0, function* () {
+    const ref = {
+        current: null,
+    };
+    const event = new Event("animationend");
+    event.initEvent("animationend", true, true);
+    const wrapper = (0, react_2.render)(react_1.default.createElement(UncontrolledTransition_1.default, { ref: ref },
+        react_1.default.createElement("h1", { key: "1" }, "First step")));
+    expect(wrapper.container.textContent).toEqual("First step");
+    wrapper.rerender(react_1.default.createElement(UncontrolledTransition_1.default, { ref: ref },
+        react_1.default.createElement("h1", { key: "2" }, "Second step")));
+    expect(wrapper.container.textContent).toEqual("First stepSecond step");
+    wrapper.rerender(react_1.default.createElement(UncontrolledTransition_1.default, { ref: ref },
+        react_1.default.createElement("h1", { key: "2" }, "Second step")));
+    expect(wrapper.container.textContent).toEqual("First stepSecond step");
+    const [firstStepEl] = wrapper.getAllByTestId("transition-container");
+    firstStepEl.dispatchEvent(event);
+    expect(wrapper.container.textContent).toEqual("Second step");
+    wrapper.rerender(react_1.default.createElement(UncontrolledTransition_1.default, { ref: ref },
+        react_1.default.createElement("h1", { key: "3" }, "Third step")));
+    expect(spyOnTransitionContructor).toHaveBeenLastCalledWith(expect.objectContaining({
+        step: 1,
+        children: expect.arrayContaining([
+            expect.objectContaining({ key: "2" }),
+            expect.objectContaining({ key: "3" }),
+        ]),
+    }), expect.anything());
+    expect(wrapper.container.textContent).toEqual("Second stepThird step");
+    const [secondStepEl] = wrapper.getAllByTestId("transition-container");
+    secondStepEl.dispatchEvent(event);
+    expect(wrapper.container.textContent).toEqual("Third step");
+    (0, react_2.act)(() => {
+        ref.current.setOrientation("backward");
+    });
+    wrapper.rerender(react_1.default.createElement(UncontrolledTransition_1.default, { ref: ref },
+        react_1.default.createElement("h1", { key: "2" }, "Second step")));
+    expect(wrapper.container.textContent).toEqual("Second stepThird step");
+    const [secondStepEl2] = wrapper.getAllByTestId("transition-container");
+    secondStepEl2.dispatchEvent(event);
+    expect(wrapper.container.textContent).toEqual("Second step");
+}));
 //# sourceMappingURL=UncontrolledTransition.test.js.map

package/dist/components/UncontrolledTransition/index.d.ts

@@ -1 +1 @@
-export { default } from './UncontrolledTransition';
+export { default } from './UncontrolledTransition';

package/dist/components/UncontrolledTransition/index.js

@@ -1,9 +1,9 @@
-"use strict";
-var __importDefault = (this && this.__importDefault) || function (mod) {
-    return (mod && mod.__esModule) ? mod : { "default": mod };
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.default = void 0;
-var UncontrolledTransition_1 = require("./UncontrolledTransition");
-Object.defineProperty(exports, "default", { enumerable: true, get: function () { return __importDefault(UncontrolledTransition_1).default; } });
+"use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.default = void 0;
+var UncontrolledTransition_1 = require("./UncontrolledTransition");
+Object.defineProperty(exports, "default", { enumerable: true, get: function () { return __importDefault(UncontrolledTransition_1).default; } });
 //# sourceMappingURL=index.js.map

package/dist/components/WalletConnectionWrapper/WalletConnectionWrapper.d.ts

@@ -1,46 +1,52 @@
-import React, { PropsWithChildren } from "react";
-import useAsyncControl from "../../hooks/useAsyncControl";
-export declare type WalletConnectionProps = PropsWithChildren<Omit<ReturnType<typeof useAsyncControl>, "process"> & {
-    chainId?: number;
-    isChainIdValid: boolean;
-    isProviderAvailable: boolean;
-    isConnectedAndValidChain: boolean;
-    isConnected: boolean;
-    wallet?: string;
-    connect: () => void;
-    disconnect: () => void;
-    changeChainId: () => void;
-}>;
-declare type Props = {
-    /**
-     * The chain id that the user is expected to connect to
-     */
-    chain: {
-        id: number;
-        rpcUrl: string;
-        explorerUrl: string;
-        name: string;
-        currency: string;
-    };
-    /**
-     * When the user doesn't have a provider like metamask available
-     */
-    ProviderUnavailable?: React.FunctionComponent;
-    /**
-     * This is invoked when the chain ID is not available
-     */
-    ChainIdInvalid?: React.FunctionComponent<{
-        changeChainId: () => void;
-    }>;
-    /**
-     * This renders the content that is shown inside the wallet content
-     */
-    Content: React.FunctionComponent<WalletConnectionProps>;
-};
-declare const _default: React.ForwardRefExoticComponent<Props & {
-    children?: React.ReactNode;
-} & React.RefAttributes<{
-    connect: () => Promise<void>;
-    disconnect: () => void;
-}>>;
-export default _default;
+import React, { PropsWithChildren } from "react";
+import useAsyncControl from "../../hooks/useAsyncControl";
+export declare type WalletConnectionProps = PropsWithChildren<Omit<ReturnType<typeof useAsyncControl>, "process"> & {
+    chainId?: number;
+    isChainIdValid: boolean;
+    isProviderAvailable: boolean;
+    isConnectedAndValidChain: boolean;
+    isConnected: boolean;
+    wallet?: string;
+    connect: () => void;
+    disconnect: () => void;
+    changeChainId: () => void;
+}>;
+declare type Props = {
+    /**
+     * The chain id that the user is expected to connect to
+     */
+    chain: {
+        id: number;
+        rpcUrl: string;
+        explorerUrl: string;
+        name: string;
+        currency: string;
+    };
+    /**
+     * When the user doesn't have a provider like metamask available
+     */
+    ProviderUnavailable?: React.FunctionComponent;
+    /**
+     * This is invoked when the chain ID is not available
+     */
+    ChainIdInvalid?: React.FunctionComponent<{
+        changeChainId: () => void;
+    }>;
+    /**
+     * This renders the content that is shown inside the wallet content
+     */
+    Content: React.FunctionComponent<WalletConnectionProps>;
+};
+declare const _default: React.ForwardRefExoticComponent<Props & {
+    children?: React.ReactNode;
+} & React.RefAttributes<{
+    connect: () => Promise<void>;
+    disconnect: () => void;
+}>>;
+export default _default;
+export declare const BaseWalletConnectionWrapper: React.ForwardRefExoticComponent<Props & {
+    children?: React.ReactNode;
+} & React.RefAttributes<{
+    connect: () => Promise<void>;
+    disconnect: () => void;
+}>>;

package/dist/components/WalletConnectionWrapper/WalletConnectionWrapper.js

@@ -1,114 +1,122 @@
-"use strict";
-var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
-    if (k2 === undefined) k2 = k;
-    var desc = Object.getOwnPropertyDescriptor(m, k);
-    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
-      desc = { enumerable: true, get: function() { return m[k]; } };
-    }
-    Object.defineProperty(o, k2, desc);
-}) : (function(o, m, k, k2) {
-    if (k2 === undefined) k2 = k;
-    o[k2] = m[k];
-}));
-var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
-    Object.defineProperty(o, "default", { enumerable: true, value: v });
-}) : function(o, v) {
-    o["default"] = v;
-});
-var __importStar = (this && this.__importStar) || function (mod) {
-    if (mod && mod.__esModule) return mod;
-    var result = {};
-    if (mod != null) for (var k in mod) if (k !== "default" && Object.prototype.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k);
-    __setModuleDefault(result, mod);
-    return result;
-};
-var __awaiter = (this && this.__awaiter) || function (thisArg, _arguments, P, generator) {
-    function adopt(value) { return value instanceof P ? value : new P(function (resolve) { resolve(value); }); }
-    return new (P || (P = Promise))(function (resolve, reject) {
-        function fulfilled(value) { try { step(generator.next(value)); } catch (e) { reject(e); } }
-        function rejected(value) { try { step(generator["throw"](value)); } catch (e) { reject(e); } }
-        function step(result) { result.done ? resolve(result.value) : adopt(result.value).then(fulfilled, rejected); }
-        step((generator = generator.apply(thisArg, _arguments || [])).next());
-    });
-};
-var __importDefault = (this && this.__importDefault) || function (mod) {
-    return (mod && mod.__esModule) ? mod : { "default": mod };
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-const react_1 = __importStar(require("react"));
-const use_wallet_1 = require("use-wallet");
-const useAsyncControl_1 = __importDefault(require("../../hooks/useAsyncControl"));
-/**
- * This component handles a lot of cenarios when dealing with the wallet connection to different providers (ex: Metamask)
- **/
-function WalletConnectionWrapper(props, ref) {
-    return (react_1.default.createElement(use_wallet_1.UseWalletProvider, null,
-        react_1.default.createElement(Content, Object.assign({ compRef: ref || (0, react_1.createRef)() }, props))));
-}
-function Content({ ProviderUnavailable, ChainIdInvalid, chain, Content, compRef, children, }) {
-    const wallet = (0, use_wallet_1.useWallet)();
-    const connectionAsyncWrapper = (0, useAsyncControl_1.default)();
-    const connect = () => __awaiter(this, void 0, void 0, function* () {
-        connectionAsyncWrapper.process(() => __awaiter(this, void 0, void 0, function* () {
-            yield wallet.connect("injected");
-            localStorage.setItem("auto_connect", "true");
-        }));
-    });
-    const disconnect = () => {
-        wallet.reset();
-        localStorage.removeItem("auto_connect");
-    };
-    (0, react_1.useEffect)(() => {
-        const autoConnect = !!localStorage.getItem("auto_connect");
-        if (autoConnect)
-            connect();
-    }, []);
-    (0, react_1.useImperativeHandle)(compRef, () => ({
-        connect,
-        disconnect,
-    }), [wallet]);
-    const [isProviderAvailable] = (0, react_1.useState)(() => !!window.ethereum);
-    const isChainIdValid = (0, react_1.useMemo)(() => (wallet.isConnected() ? wallet.chainId === chain.id : true), [wallet, chain.id]);
-    function changeChainId() {
-        return __awaiter(this, void 0, void 0, function* () {
-            wallet.reset();
-            try {
-                yield window.ethereum.request({
-                    method: "wallet_switchEthereumChain",
-                    params: [
-                        {
-                            chainId: `0x${chain.id.toString(16).padStart(2, "0")}`,
-                        },
-                    ],
-                });
-            }
-            catch (e) {
-                switch (e.code) {
-                    case 4902:
-                        window.ethereum.request({
-                            method: "wallet_addEthereumChain",
-                            params: [
-                                {
-                                    chainId: `0x${chain.id.toString(16).padStart(2, "0")}`,
-                                    chainName: chain.name,
-                                    rpcUrls: [chain.rpcUrl],
-                                    blockExplorerUrls: [chain.explorerUrl],
-                                    nativeCurrency: {
-                                        symbol: chain.currency,
-                                        decimals: 18,
-                                    },
-                                },
-                            ],
-                        });
-                }
-            }
-            wallet.connect("injected");
-        });
-    }
-    return (react_1.default.createElement(react_1.default.Fragment, null,
-        ProviderUnavailable && !isProviderAvailable && react_1.default.createElement(ProviderUnavailable, null),
-        ChainIdInvalid && !isChainIdValid && (react_1.default.createElement(ChainIdInvalid, { changeChainId: changeChainId })),
-        react_1.default.createElement(Content, Object.assign({}, connectionAsyncWrapper, { isChainIdValid: isChainIdValid, isProviderAvailable: isProviderAvailable, isConnectedAndValidChain: isChainIdValid && wallet.isConnected(), connect: connect, disconnect: disconnect, changeChainId: changeChainId, chainId: wallet.chainId, isConnected: wallet.isConnected(), wallet: wallet.account }), children)));
-}
-exports.default = (0, react_1.forwardRef)(WalletConnectionWrapper);
+"use strict";
+var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    var desc = Object.getOwnPropertyDescriptor(m, k);
+    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
+      desc = { enumerable: true, get: function() { return m[k]; } };
+    }
+    Object.defineProperty(o, k2, desc);
+}) : (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    o[k2] = m[k];
+}));
+var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
+    Object.defineProperty(o, "default", { enumerable: true, value: v });
+}) : function(o, v) {
+    o["default"] = v;
+});
+var __importStar = (this && this.__importStar) || function (mod) {
+    if (mod && mod.__esModule) return mod;
+    var result = {};
+    if (mod != null) for (var k in mod) if (k !== "default" && Object.prototype.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k);
+    __setModuleDefault(result, mod);
+    return result;
+};
+var __awaiter = (this && this.__awaiter) || function (thisArg, _arguments, P, generator) {
+    function adopt(value) { return value instanceof P ? value : new P(function (resolve) { resolve(value); }); }
+    return new (P || (P = Promise))(function (resolve, reject) {
+        function fulfilled(value) { try { step(generator.next(value)); } catch (e) { reject(e); } }
+        function rejected(value) { try { step(generator["throw"](value)); } catch (e) { reject(e); } }
+        function step(result) { result.done ? resolve(result.value) : adopt(result.value).then(fulfilled, rejected); }
+        step((generator = generator.apply(thisArg, _arguments || [])).next());
+    });
+};
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.BaseWalletConnectionWrapper = void 0;
+const react_1 = __importStar(require("react"));
+const use_wallet_1 = require("use-wallet");
+const useAsyncControl_1 = __importDefault(require("../../hooks/useAsyncControl"));
+/**
+ * This component handles a lot of cenarios when dealing with the wallet connection to different providers (ex: Metamask)
+ **/
+function WalletConnectionWrapper(props, ref) {
+    return (react_1.default.createElement(use_wallet_1.UseWalletProvider, null,
+        react_1.default.createElement(Content, Object.assign({ compRef: ref || (0, react_1.createRef)() }, props))));
+}
+/**
+ * This component handles a lot of cenarios when dealing with the wallet connection to different providers (ex: Metamask)
+ **/
+function _BaseWalletConnectionWrapper(props, ref) {
+    return react_1.default.createElement(Content, Object.assign({ compRef: ref || (0, react_1.createRef)() }, props));
+}
+function Content({ ProviderUnavailable, ChainIdInvalid, chain, Content, compRef, children, }) {
+    const wallet = (0, use_wallet_1.useWallet)();
+    const connectionAsyncWrapper = (0, useAsyncControl_1.default)();
+    const connect = () => __awaiter(this, void 0, void 0, function* () {
+        connectionAsyncWrapper.process(() => __awaiter(this, void 0, void 0, function* () {
+            yield wallet.connect("injected");
+            localStorage.setItem("auto_connect", "true");
+        }));
+    });
+    const disconnect = () => {
+        wallet.reset();
+        localStorage.removeItem("auto_connect");
+    };
+    (0, react_1.useEffect)(() => {
+        const autoConnect = !!localStorage.getItem("auto_connect");
+        if (autoConnect)
+            connect();
+    }, []);
+    (0, react_1.useImperativeHandle)(compRef, () => ({
+        connect,
+        disconnect,
+    }), [wallet]);
+    const [isProviderAvailable] = (0, react_1.useState)(() => !!window.ethereum);
+    const isChainIdValid = (0, react_1.useMemo)(() => false, [wallet, chain.id]);
+    function changeChainId() {
+        return __awaiter(this, void 0, void 0, function* () {
+            wallet.reset();
+            try {
+                yield window.ethereum.request({
+                    method: "wallet_switchEthereumChain",
+                    params: [
+                        {
+                            chainId: `0x${chain.id.toString(16).padStart(2, "0")}`,
+                        },
+                    ],
+                });
+            }
+            catch (e) {
+                switch (e.code) {
+                    case 4902:
+                        window.ethereum.request({
+                            method: "wallet_addEthereumChain",
+                            params: [
+                                {
+                                    chainId: `0x${chain.id.toString(16).padStart(2, "0")}`,
+                                    chainName: chain.name,
+                                    rpcUrls: [chain.rpcUrl],
+                                    blockExplorerUrls: [chain.explorerUrl],
+                                    nativeCurrency: {
+                                        symbol: chain.currency,
+                                        decimals: 18,
+                                    },
+                                },
+                            ],
+                        });
+                }
+            }
+            wallet.connect("injected");
+        });
+    }
+    return (react_1.default.createElement(react_1.default.Fragment, null,
+        ProviderUnavailable && !isProviderAvailable && react_1.default.createElement(ProviderUnavailable, null),
+        ChainIdInvalid && !isChainIdValid && (react_1.default.createElement(ChainIdInvalid, { changeChainId: changeChainId })),
+        react_1.default.createElement(Content, Object.assign({}, connectionAsyncWrapper, { isChainIdValid: isChainIdValid, isProviderAvailable: isProviderAvailable, isConnectedAndValidChain: isChainIdValid && false, connect: connect, disconnect: disconnect, changeChainId: changeChainId, chainId: wallet.chainId, isConnected: false, wallet: wallet.account }), children)));
+}
+exports.default = (0, react_1.forwardRef)(WalletConnectionWrapper);
+exports.BaseWalletConnectionWrapper = (0, react_1.forwardRef)(_BaseWalletConnectionWrapper);
 //# sourceMappingURL=WalletConnectionWrapper.js.map