@onepercentio/one-ui 1.3.3 → 1.3.5

package/dist/components/UncontrolledTransition/UncontrolledTransition.js

@@ -0,0 +1,102 @@
+"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 __rest = (this && this.__rest) || function (s, e) {
+    var t = {};
+    for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
+        t[p] = s[p];
+    if (s != null && typeof Object.getOwnPropertySymbols === "function")
+        for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
+            if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
+                t[p[i]] = s[p[i]];
+        }
+    return t;
+};
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.UncontrolledTransition = void 0;
+const jsx_runtime_1 = require("react/jsx-runtime");
+const react_1 = __importStar(require("react"));
+const Transition_1 = __importDefault(require("../Transition"));
+function _UncontrolledTransition(_a, ref) {
+    var { className = "", contentClassName, children = (0, jsx_runtime_1.jsx)(react_1.default.Fragment, {}, "default"), lockTransitionWidth = true, lockTransitionHeight = false, contentStyle, onDiscardStep } = _a, props = __rest(_a, ["className", "contentClassName", "children", "lockTransitionWidth", "lockTransitionHeight", "contentStyle", "onDiscardStep"]);
+    const sectionRef = (0, react_1.useRef)(null);
+    const [{ childStack, offset }, setChildStack] = (0, react_1.useState)(() => ({
+        childStack: [Object.assign(Object.assign({}, children), { createdAt: Date.now() })],
+        offset: 1,
+    }));
+    const orientation = (0, react_1.useRef)("forward");
+    function setOrientation(a) {
+        orientation.current = a;
+    }
+    (0, react_1.useImperativeHandle)(ref, () => ({
+        setOrientation,
+        sectionRef,
+    }), []);
+    (0, react_1.useLayoutEffect)(() => {
+        if (process.env.NODE_ENV !== "production" && !children.key)
+            throw new Error("The provided child should have a key property, please provide it");
+        if (childStack.length === 1 && childStack[0].key === children.key)
+            return;
+        if (orientation.current === "forward")
+            setChildStack((p) => (Object.assign(Object.assign({}, p), { childStack: [...p.childStack, Object.assign(Object.assign({}, children), { createdAt: Date.now() })] })));
+        else
+            setChildStack((p) => (Object.assign(Object.assign({}, p), { childStack: [Object.assign(Object.assign({}, children), { createdAt: Date.now() }), ...p.childStack] })));
+    }, [children.key]);
+    (0, react_1.useEffect)(() => {
+        if (orientation.current === "backward") {
+            setChildStack((prev) => {
+                return Object.assign(Object.assign({}, prev), { offset: prev.childStack.length });
+            });
+        }
+    }, [childStack.length]);
+    childStack.forEach((a, i, arr) => {
+        if (a.key === children.key)
+            arr[i] = Object.assign(Object.assign({}, children), { createdAt: a.createdAt });
+    });
+    const predictedStep = childStack.length - offset;
+    return ((0, jsx_runtime_1.jsx)(jsx_runtime_1.Fragment, { children: childStack.length ? ((0, jsx_runtime_1.jsx)(Transition_1.default, Object.assign({ ref: sectionRef, contentStyle: contentStyle, className: className, step: predictedStep, onDiscardStep: (discardedKey, animatedAt) => {
+                setTimeout(() => {
+                    if (onDiscardStep)
+                        onDiscardStep(discardedKey);
+                    orientation.current = "forward";
+                    setChildStack((prev) => {
+                        return {
+                            childStack: prev.childStack.filter((a) => {
+                                return a.key !== discardedKey || a.createdAt > animatedAt;
+                            }),
+                            offset: prev.offset === 1 ? 1 : prev.offset - 1,
+                        };
+                    });
+                }, 0);
+            }, lockTransitionWidth: lockTransitionWidth, lockTransitionHeight: lockTransitionHeight, contentClassName: contentClassName }, props, { children: childStack }))) : null }));
+}
+/**
+ * A component that handles transitions when child elements change, making the swap appear smooth.
+ */
+exports.UncontrolledTransition = (0, react_1.forwardRef)(_UncontrolledTransition);
+exports.default = exports.UncontrolledTransition;
+//# sourceMappingURL=UncontrolledTransition.js.map

package/dist/components/UncontrolledTransition/UncontrolledTransition.js.map

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

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

@@ -0,0 +1 @@
+export default function Example(): import("react/jsx-runtime").JSX.Element;

package/dist/components/UncontrolledTransition/UncontrolledTransition.sample.js

@@ -0,0 +1,24 @@
+"use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+const jsx_runtime_1 = require("react/jsx-runtime");
+const react_1 = require("react");
+const UncontrolledTransition_1 = __importDefault(require("../UncontrolledTransition"));
+const Button_1 = __importDefault(require("../Button"));
+function colorGen() {
+    return [255 * Math.random(), 255 * Math.random(), 255 * Math.random()];
+}
+function Example() {
+    const [color, setColor] = (0, react_1.useState)(colorGen);
+    const rgb = `rgb(${color.join(",")})`;
+    return ((0, jsx_runtime_1.jsx)(UncontrolledTransition_1.default, { children: (0, jsx_runtime_1.jsxs)("div", { style: {
+                width: "100vw",
+                height: "100vh",
+                backgroundColor: rgb,
+                textAlign: "center",
+            }, children: [(0, jsx_runtime_1.jsx)(Button_1.default, { variant: "filled", onClick: () => setColor(colorGen()), children: "Click to transition" }), (0, jsx_runtime_1.jsx)("h2", { children: "RGB" }), (0, jsx_runtime_1.jsx)("p", { children: color[0].toFixed(0) }), (0, jsx_runtime_1.jsx)("p", { children: color[1].toFixed(0) }), (0, jsx_runtime_1.jsx)("p", { children: color[2].toFixed(0) })] }, color.join("")) }));
+}
+exports.default = Example;
+//# sourceMappingURL=UncontrolledTransition.sample.js.map

package/dist/components/UncontrolledTransition/UncontrolledTransition.sample.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"UncontrolledTransition.sample.js","sourceRoot":"","sources":["../../../src/components/UncontrolledTransition/UncontrolledTransition.sample.tsx"],"names":[],"mappings":";;;;;;AACA,iCAAiC;AACjC,uFAA+D;AAC/D,uDAA+B;AAE/B,SAAS,QAAQ;IACf,OAAO,CAAC,GAAG,GAAG,IAAI,CAAC,MAAM,EAAE,EAAE,GAAG,GAAG,IAAI,CAAC,MAAM,EAAE,EAAE,GAAG,GAAG,IAAI,CAAC,MAAM,EAAE,CAAC,CAAC;AACzE,CAAC;AAED,SAAwB,OAAO;IAC7B,MAAM,CAAC,KAAK,EAAE,QAAQ,CAAC,GAAG,IAAA,gBAAQ,EAAC,QAAQ,CAAC,CAAC;IAC7C,MAAM,GAAG,GAAG,OAAO,KAAK,CAAC,IAAI,CAAC,GAAG,CAAC,GAAG,CAAC;IACtC,OAAO,CACL,uBAAC,gCAAsB,cACrB,iCAEE,KAAK,EAAE;gBACL,KAAK,EAAE,OAAO;gBACd,MAAM,EAAE,OAAO;gBACf,eAAe,EAAE,GAAG;gBACpB,SAAS,EAAE,QAAQ;aACpB,aAED,uBAAC,gBAAM,IAAC,OAAO,EAAC,QAAQ,EAAC,OAAO,EAAE,GAAG,EAAE,CAAC,QAAQ,CAAC,QAAQ,EAAE,CAAC,oCAEnD,EACT,iDAAY,EACZ,wCAAI,KAAK,CAAC,CAAC,CAAC,CAAC,OAAO,CAAC,CAAC,CAAC,GAAK,EAC5B,wCAAI,KAAK,CAAC,CAAC,CAAC,CAAC,OAAO,CAAC,CAAC,CAAC,GAAK,EAC5B,wCAAI,KAAK,CAAC,CAAC,CAAC,CAAC,OAAO,CAAC,CAAC,CAAC,GAAK,KAdvB,KAAK,CAAC,IAAI,CAAC,EAAE,CAAC,CAef,GACiB,CAC1B,CAAC;AACJ,CAAC;AAxBD,0BAwBC"}

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

@@ -0,0 +1,2 @@
+export { default } from "./UncontrolledTransition";
+export * from "./UncontrolledTransition";

package/dist/components/UncontrolledTransition/index.js

@@ -0,0 +1,24 @@
+"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 __exportStar = (this && this.__exportStar) || function(m, exports) {
+    for (var p in m) if (p !== "default" && !Object.prototype.hasOwnProperty.call(exports, p)) __createBinding(exports, m, p);
+};
+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; } });
+__exportStar(require("./UncontrolledTransition"), exports);
+//# sourceMappingURL=index.js.map

package/dist/components/UncontrolledTransition/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/components/UncontrolledTransition/index.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;AAAA,mEAAmD;AAA1C,kIAAA,OAAO,OAAA;AAChB,2DAAyC"}

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

@@ -0,0 +1,55 @@
+import React, { PropsWithChildren, ReactElement } from "react";
+import useAsyncControl from "../../hooks/useAsyncControl";
+export type WalletConnectionProps = PropsWithChildren<Omit<ReturnType<typeof useAsyncControl>, "process"> & {
+    chainId?: number;
+    isChainIdValid: boolean | undefined;
+    isProviderAvailable: boolean;
+    isConnectedAndValidChain: boolean;
+    isConnected: boolean;
+    wallet?: string;
+    connect: () => Promise<void>;
+    disconnect: () => void;
+    changeChainId: () => Promise<void>;
+}>;
+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: (props: WalletConnectionProps) => ReactElement;
+};
+/**
+ * This component handles some cenarios when dealing with the wallet connection to different providers (ex: Metamask)
+ **/
+declare const WalletConnectionWrapper: React.ForwardRefExoticComponent<Props & {
+    children?: React.ReactNode;
+} & React.RefAttributes<{
+    connect: () => Promise<void>;
+    disconnect: () => void;
+}>>;
+export default WalletConnectionWrapper;
+export declare const BaseWalletConnectionWrapper: React.ForwardRefExoticComponent<Props & {
+    children?: any;
+} & React.RefAttributes<{
+    connect: () => Promise<void>;
+    disconnect: () => void;
+}>>;

package/dist/components/WalletConnectionWrapper/WalletConnectionWrapper.js

@@ -0,0 +1,108 @@
+"use strict";
+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 jsx_runtime_1 = require("react/jsx-runtime");
+const react_1 = require("react");
+const use_wallet_1 = require("use-wallet");
+const useAsyncControl_1 = __importDefault(require("../../hooks/useAsyncControl"));
+function _WalletConnectionWrapper(props, ref) {
+    return ((0, jsx_runtime_1.jsx)(use_wallet_1.UseWalletProvider, { children: (0, jsx_runtime_1.jsx)(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 (0, jsx_runtime_1.jsx)(Content, Object.assign({ compRef: ref || (0, react_1.createRef)() }, props));
+}
+function Content({ ProviderUnavailable, ChainIdInvalid, chain, Content: ProvidedContentWrapper, compRef, children, }) {
+    const wallet = (0, use_wallet_1.useWallet)();
+    const connectionAsyncWrapper = (0, useAsyncControl_1.default)();
+    const connect = () => __awaiter(this, void 0, void 0, function* () {
+        yield 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 && !wallet.account)
+            connect();
+    }, []);
+    (0, react_1.useImperativeHandle)(compRef, () => ({
+        connect,
+        disconnect,
+    }), [wallet]);
+    const [isProviderAvailable] = (0, react_1.useState)(() => !!window.ethereum);
+    /**
+     * true - Mostrar o conteudo (ex: form de transferencia)
+     * false - Mostrar o botão de trocar a chain
+     *
+     * undefined ???
+     */
+    const isChainIdValid = (0, react_1.useMemo)(() => chain
+        ? wallet.isConnected()
+            ? wallet.chainId === chain.id
+            : true
+        : undefined, [wallet, chain === null || chain === void 0 ? void 0 : chain.id]);
+    function changeChainId() {
+        return __awaiter(this, void 0, void 0, function* () {
+            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:
+                        yield 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,
+                                    },
+                                },
+                            ],
+                        });
+                    default:
+                        throw e;
+                }
+            }
+        });
+    }
+    const ContentWrapper = ProvidedContentWrapper;
+    return ((0, jsx_runtime_1.jsxs)(jsx_runtime_1.Fragment, { children: [ProviderUnavailable && !isProviderAvailable && (0, jsx_runtime_1.jsx)(ProviderUnavailable, {}), ChainIdInvalid && !isChainIdValid && ((0, jsx_runtime_1.jsx)(ChainIdInvalid, { changeChainId: changeChainId })), (0, jsx_runtime_1.jsx)(ContentWrapper, 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: children }))] }));
+}
+/**
+ * This component handles some cenarios when dealing with the wallet connection to different providers (ex: Metamask)
+ **/
+const WalletConnectionWrapper = (0, react_1.forwardRef)(_WalletConnectionWrapper);
+exports.default = WalletConnectionWrapper;
+exports.BaseWalletConnectionWrapper = (0, react_1.forwardRef)(_BaseWalletConnectionWrapper);
+//# sourceMappingURL=WalletConnectionWrapper.js.map

package/dist/components/WalletConnectionWrapper/WalletConnectionWrapper.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"WalletConnectionWrapper.js","sourceRoot":"","sources":["../../../src/components/WalletConnectionWrapper/WalletConnectionWrapper.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;AAAA,iCAWe;AACf,2CAA0D;AAC1D,kFAA0D;AA8C1D,SAAS,wBAAwB,CAC/B,KAA+B,EAC/B,GAGE;IAEF,OAAO,CACL,uBAAC,8BAAiB,cAChB,uBAAC,OAAO,kBAAC,OAAO,EAAE,GAAG,IAAI,IAAA,iBAAS,GAAE,IAAM,KAAK,EAAI,GACjC,CACrB,CAAC;AACJ,CAAC;AACD;;IAEI;AACJ,SAAS,4BAA4B,CACnC,KAEC,EACD,GAGE;IAEF,OAAO,uBAAC,OAAO,kBAAC,OAAO,EAAE,GAAG,IAAI,IAAA,iBAAS,GAAE,IAAM,KAAK,EAAI,CAAC;AAC7D,CAAC;AAED,SAAS,OAAO,CAAC,EACf,mBAAmB,EACnB,cAAc,EACd,KAAK,EACL,OAAO,EAAE,sBAAsB,EAC/B,OAAO,EACP,QAAQ,GAQT;IACC,MAAM,MAAM,GAAG,IAAA,sBAAS,GAAE,CAAC;IAC3B,MAAM,sBAAsB,GAAG,IAAA,yBAAe,GAAE,CAAC;IACjD,MAAM,OAAO,GAAG,GAAS,EAAE;QACzB,MAAM,sBAAsB,CAAC,OAAO,CAAC,GAAS,EAAE;YAC9C,MAAM,MAAM,CAAC,OAAO,CAAC,UAAU,CAAC,CAAC;YACjC,YAAY,CAAC,OAAO,CAAC,cAAc,EAAE,MAAM,CAAC,CAAC;QAC/C,CAAC,CAAA,CAAC,CAAC;IACL,CAAC,CAAA,CAAC;IACF,MAAM,UAAU,GAAG,GAAG,EAAE;QACtB,MAAM,CAAC,KAAK,EAAE,CAAC;QACf,YAAY,CAAC,UAAU,CAAC,cAAc,CAAC,CAAC;IAC1C,CAAC,CAAC;IACF,IAAA,iBAAS,EAAC,GAAG,EAAE;QACb,MAAM,WAAW,GAAG,CAAC,CAAC,YAAY,CAAC,OAAO,CAAC,cAAc,CAAC,CAAC;QAC3D,IAAI,WAAW,IAAI,CAAC,MAAM,CAAC,OAAO;YAAE,OAAO,EAAE,CAAC;IAChD,CAAC,EAAE,EAAE,CAAC,CAAC;IACP,IAAA,2BAAmB,EACjB,OAAO,EACP,GAAG,EAAE,CAAC,CAAC;QACL,OAAO;QACP,UAAU;KACX,CAAC,EACF,CAAC,MAAM,CAAC,CACT,CAAC;IACF,MAAM,CAAC,mBAAmB,CAAC,GAAG,IAAA,gBAAQ,EAAC,GAAG,EAAE,CAAC,CAAC,CAAC,MAAM,CAAC,QAAQ,CAAC,CAAC;IAChE;;;;;OAKG;IACH,MAAM,cAAc,GAAG,IAAA,eAAO,EAC5B,GAAG,EAAE,CACH,KAAK;QACH,CAAC,CAAC,MAAM,CAAC,WAAW,EAAE;YACpB,CAAC,CAAC,MAAM,CAAC,OAAO,KAAK,KAAK,CAAC,EAAE;YAC7B,CAAC,CAAC,IAAI;QACR,CAAC,CAAC,SAAS,EACf,CAAC,MAAM,EAAE,KAAK,aAAL,KAAK,uBAAL,KAAK,CAAE,EAAE,CAAC,CACpB,CAAC;IAEF,SAAe,aAAa;;YAC1B,IAAI,CAAC;gBACH,MAAM,MAAM,CAAC,QAAS,CAAC,OAAO,CAAC;oBAC7B,MAAM,EAAE,4BAA4B;oBACpC,MAAM,EAAE;wBACN;4BACE,OAAO,EAAE,KAAK,KAAM,CAAC,EAAE,CAAC,QAAQ,CAAC,EAAE,CAAC,CAAC,QAAQ,CAAC,CAAC,EAAE,GAAG,CAAC,EAAE;yBACxD;qBACF;iBACF,CAAC,CAAC;YACL,CAAC;YAAC,OAAO,CAAM,EAAE,CAAC;gBAChB,QAAQ,CAAC,CAAC,IAAI,EAAE,CAAC;oBACf,KAAK,IAAI;wBACP,MAAM,MAAM,CAAC,QAAS,CAAC,OAAO,CAAC;4BAC7B,MAAM,EAAE,yBAAyB;4BACjC,MAAM,EAAE;gCACN;oCACE,OAAO,EAAE,KAAK,KAAM,CAAC,EAAE,CAAC,QAAQ,CAAC,EAAE,CAAC,CAAC,QAAQ,CAAC,CAAC,EAAE,GAAG,CAAC,EAAE;oCACvD,SAAS,EAAE,KAAM,CAAC,IAAI;oCACtB,OAAO,EAAE,CAAC,KAAM,CAAC,MAAM,CAAC;oCACxB,iBAAiB,EAAE,CAAC,KAAM,CAAC,WAAW,CAAC;oCACvC,cAAc,EAAE;wCACd,MAAM,EAAE,KAAM,CAAC,QAAQ;wCACvB,QAAQ,EAAE,EAAE;qCACb;iCACF;6BACF;yBACF,CAAC,CAAC;oBACL;wBACE,MAAM,CAAC,CAAC;gBACZ,CAAC;YACH,CAAC;QACH,CAAC;KAAA;IACD,MAAM,cAAc,GAAG,sBAA6B,CAAC;IACrD,OAAO,CACL,6DACG,mBAAmB,IAAI,CAAC,mBAAmB,IAAI,uBAAC,mBAAmB,KAAG,EACtE,cAAc,IAAI,CAAC,cAAc,IAAI,CACpC,uBAAC,cAAc,IAAC,aAAa,EAAE,aAAa,GAAI,CACjD,EAEC,uBAAC,cAAc,oBACT,sBAAsB,IAC1B,cAAc,EAAE,cAAc,EAC9B,mBAAmB,EAAE,mBAAmB,EACxC,wBAAwB,EAAE,cAAc,IAAI,MAAM,CAAC,WAAW,EAAE,EAChE,OAAO,EAAE,OAAO,EAChB,UAAU,EAAE,UAAU,EACtB,aAAa,EAAE,aAAa,EAC5B,OAAO,EAAE,MAAM,CAAC,OAAO,EACvB,WAAW,EAAE,MAAM,CAAC,WAAW,EAAE,EACjC,MAAM,EAAE,MAAM,CAAC,OAAO,YAErB,QAAQ,IACM,IAElB,CACJ,CAAC;AACJ,CAAC;AAED;;IAEI;AACJ,MAAM,uBAAuB,GAAG,IAAA,kBAAU,EAAC,wBAAwB,CAAC,CAAC;AACrE,kBAAe,uBAAuB,CAAC;AAE1B,QAAA,2BAA2B,GAAG,IAAA,kBAAU,EACnD,4BAA4B,CAC7B,CAAC"}

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

@@ -0,0 +1,2 @@
+export { default } from "./WalletConnectionWrapper";
+export * from "./WalletConnectionWrapper";

package/dist/components/WalletConnectionWrapper/index.js

@@ -0,0 +1,24 @@
+"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 __exportStar = (this && this.__exportStar) || function(m, exports) {
+    for (var p in m) if (p !== "default" && !Object.prototype.hasOwnProperty.call(exports, p)) __createBinding(exports, m, p);
+};
+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 WalletConnectionWrapper_1 = require("./WalletConnectionWrapper");
+Object.defineProperty(exports, "default", { enumerable: true, get: function () { return __importDefault(WalletConnectionWrapper_1).default; } });
+__exportStar(require("./WalletConnectionWrapper"), exports);
+//# sourceMappingURL=index.js.map

package/dist/components/WalletConnectionWrapper/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/components/WalletConnectionWrapper/index.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;AAAA,qEAAoD;AAA3C,mIAAA,OAAO,OAAA;AAChB,4DAA0C"}

package/dist/components/utilitary/ScrollAndFocusLock/ScrollAndFocusLock.d.ts

@@ -0,0 +1,7 @@
+import { PropsWithChildren } from "react";
+/**
+ * This utilitary component shall be used to lock the focus and disable scroll over the wrapped component
+ **/
+export default function ScrollAndFocusLock({ open, children, }: PropsWithChildren<{
+    open: boolean;
+}>): import("react/jsx-runtime").JSX.Element;

package/dist/components/utilitary/ScrollAndFocusLock/ScrollAndFocusLock.js

@@ -0,0 +1,49 @@
+"use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+const jsx_runtime_1 = require("react/jsx-runtime");
+const react_1 = require("react");
+const ScrollAndFocusLock_module_scss_1 = __importDefault(require("./ScrollAndFocusLock.module.scss"));
+/**
+ * This utilitary component shall be used to lock the focus and disable scroll over the wrapped component
+ **/
+function ScrollAndFocusLock({ open, children, }) {
+    const firstAnchor = (0, react_1.useRef)(null);
+    const lastAnchor = (0, react_1.useRef)(null);
+    const startOfModal = (0, react_1.useRef)(null);
+    (0, react_1.useEffect)(() => {
+        if (open)
+            startOfModal.current.focus();
+    }, []);
+    (0, react_1.useEffect)(() => {
+        if (open) {
+            startOfModal.current.focus();
+            document.body.classList.add(ScrollAndFocusLock_module_scss_1.default.lockClass);
+            return () => {
+                document.body.classList.remove(ScrollAndFocusLock_module_scss_1.default.lockClass);
+            };
+        }
+    }, [open]);
+    function onFocusAnchors(e) {
+        const focusOnStartOfModal = () => {
+            const nextSibling = firstAnchor.current.nextElementSibling;
+            if (nextSibling instanceof HTMLDivElement)
+                nextSibling.focus();
+        };
+        if (e.target === firstAnchor.current) {
+            if (e.relatedTarget === startOfModal.current)
+                lastAnchor.current.focus();
+            else
+                focusOnStartOfModal();
+        }
+        else if (e.target === lastAnchor.current &&
+            e.relatedTarget !== firstAnchor.current) {
+            focusOnStartOfModal();
+        }
+    }
+    return ((0, jsx_runtime_1.jsxs)(jsx_runtime_1.Fragment, { children: [(0, jsx_runtime_1.jsx)("div", { ref: firstAnchor, tabIndex: 0, onFocus: onFocusAnchors }), (0, jsx_runtime_1.jsx)("div", { ref: startOfModal, tabIndex: 0 }), children, (0, jsx_runtime_1.jsx)("div", { ref: lastAnchor, tabIndex: 0, onFocus: onFocusAnchors })] }));
+}
+exports.default = ScrollAndFocusLock;
+//# sourceMappingURL=ScrollAndFocusLock.js.map

package/dist/components/utilitary/ScrollAndFocusLock/ScrollAndFocusLock.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ScrollAndFocusLock.js","sourceRoot":"","sources":["../../../../src/components/utilitary/ScrollAndFocusLock/ScrollAndFocusLock.tsx"],"names":[],"mappings":";;;;;;AAAA,iCAAoE;AACpE,sGAAsD;AACtD;;IAEI;AACJ,SAAwB,kBAAkB,CAAC,EACzC,IAAI,EACJ,QAAQ,GAGR;IACA,MAAM,WAAW,GAAG,IAAA,cAAM,EAAiB,IAAI,CAAC,CAAC;IACjD,MAAM,UAAU,GAAG,IAAA,cAAM,EAAiB,IAAI,CAAC,CAAC;IAChD,MAAM,YAAY,GAAG,IAAA,cAAM,EAAiB,IAAI,CAAC,CAAC;IAClD,IAAA,iBAAS,EAAC,GAAG,EAAE;QACb,IAAI,IAAI;YAAE,YAAY,CAAC,OAAQ,CAAC,KAAK,EAAE,CAAC;IAC1C,CAAC,EAAE,EAAE,CAAC,CAAC;IACP,IAAA,iBAAS,EAAC,GAAG,EAAE;QACb,IAAI,IAAI,EAAE,CAAC;YACT,YAAY,CAAC,OAAQ,CAAC,KAAK,EAAE,CAAC;YAC9B,QAAQ,CAAC,IAAI,CAAC,SAAS,CAAC,GAAG,CAAC,wCAAM,CAAC,SAAS,CAAC,CAAA;YAE7C,OAAO,GAAG,EAAE;gBACV,QAAQ,CAAC,IAAI,CAAC,SAAS,CAAC,MAAM,CAAC,wCAAM,CAAC,SAAS,CAAC,CAAA;YAClD,CAAC,CAAC;QACJ,CAAC;IACH,CAAC,EAAE,CAAC,IAAI,CAAC,CAAC,CAAC;IAEX,SAAS,cAAc,CAAC,CAAmC;QACzD,MAAM,mBAAmB,GAAG,GAAG,EAAE;YAC/B,MAAM,WAAW,GAAG,WAAW,CAAC,OAAQ,CAAC,kBAAkB,CAAC;YAC5D,IAAI,WAAW,YAAY,cAAc;gBAAE,WAAW,CAAC,KAAK,EAAE,CAAC;QACjE,CAAC,CAAC;QACF,IAAI,CAAC,CAAC,MAAM,KAAK,WAAW,CAAC,OAAO,EAAE,CAAC;YACrC,IAAI,CAAC,CAAC,aAAa,KAAK,YAAY,CAAC,OAAO;gBAAE,UAAU,CAAC,OAAQ,CAAC,KAAK,EAAE,CAAC;;gBACrE,mBAAmB,EAAE,CAAC;QAC7B,CAAC;aAAM,IACL,CAAC,CAAC,MAAM,KAAK,UAAU,CAAC,OAAO;YAC/B,CAAC,CAAC,aAAa,KAAK,WAAW,CAAC,OAAO,EACvC,CAAC;YACD,mBAAmB,EAAE,CAAC;QACxB,CAAC;IACH,CAAC;IACD,OAAO,CACL,6DACE,gCAAK,GAAG,EAAE,WAAW,EAAE,QAAQ,EAAE,CAAC,EAAE,OAAO,EAAE,cAAc,GAAI,EAC/D,gCAAK,GAAG,EAAE,YAAY,EAAE,QAAQ,EAAE,CAAC,GAAI,EACtC,QAAQ,EACT,gCAAK,GAAG,EAAE,UAAU,EAAE,QAAQ,EAAE,CAAC,EAAE,OAAO,EAAE,cAAc,GAAI,IAC7D,CACJ,CAAC;AACJ,CAAC;AA9CD,qCA8CC"}

package/dist/components/utilitary/ScrollAndFocusLock/ScrollAndFocusLock.module.scss

@@ -0,0 +1,5 @@
+.lockClass {
+    @media screen and (max-width: 639px) {
+        overflow: hidden;
+    }
+}

package/dist/components/utilitary/ScrollAndFocusLock/index.d.ts

@@ -0,0 +1,2 @@
+export { default } from "./ScrollAndFocusLock";
+export * from "./ScrollAndFocusLock";

package/dist/components/utilitary/ScrollAndFocusLock/index.js

@@ -0,0 +1,24 @@
+"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 __exportStar = (this && this.__exportStar) || function(m, exports) {
+    for (var p in m) if (p !== "default" && !Object.prototype.hasOwnProperty.call(exports, p)) __createBinding(exports, m, p);
+};
+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 ScrollAndFocusLock_1 = require("./ScrollAndFocusLock");
+Object.defineProperty(exports, "default", { enumerable: true, get: function () { return __importDefault(ScrollAndFocusLock_1).default; } });
+__exportStar(require("./ScrollAndFocusLock"), exports);
+//# sourceMappingURL=index.js.map

package/dist/components/utilitary/ScrollAndFocusLock/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/components/utilitary/ScrollAndFocusLock/index.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;AAAA,2DAA+C;AAAtC,8HAAA,OAAO,OAAA;AAChB,uDAAqC"}

package/dist/context/AsyncProcess.d.ts

@@ -0,0 +1,23 @@
+import { PropsWithChildren } from "react";
+import { FromOnePercentUtility } from "../type-utils";
+type PersistedIdentifier = string;
+/** Provides the async process functionality to the application */
+export default function AsyncProcessProvider({ children, triggers, persistence, }: PropsWithChildren<{
+    /** Functions that will be provided to those that use the async process */
+    triggers: {
+        [k in keyof FromOnePercentUtility<'AsyncQueue.Processes'>]: (...args: FromOnePercentUtility<'AsyncQueue.Processes'>[k]) => Promise<void>;
+    };
+    /** This will persist the data required for restoring the async processes when required */
+    persistence: {
+        write: <K extends keyof FromOnePercentUtility<'AsyncQueue.Processes'>>(k: K, ...args: FromOnePercentUtility<'AsyncQueue.Processes'>[K]) => PersistedIdentifier;
+        remove: (id: PersistedIdentifier) => void;
+        recover: () => [PersistedIdentifier, Promise<void>][];
+    };
+}>): import("react/jsx-runtime").JSX.Element;
+/** Allows components to use the async process functionality */
+export declare function useAsyncProcess(): {
+    [k in keyof FromOnePercentUtility<'AsyncQueue.Processes'>]: (...args: FromOnePercentUtility<'AsyncQueue.Processes'>[k]) => Promise<void>;
+} & {
+    on: (k: keyof FromOnePercentUtility<'AsyncQueue.Processes'>, whatToDo: () => void) => void;
+};
+export {};

package/dist/context/AsyncProcess.js

@@ -0,0 +1,47 @@
+"use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.useAsyncProcess = void 0;
+const jsx_runtime_1 = require("react/jsx-runtime");
+const react_1 = require("react");
+const react_2 = require("react");
+const useEvents_1 = __importDefault(require("../hooks/utility/useEvents"));
+const AsyncProcessContext = (0, react_2.createContext)(null);
+/** Provides the async process functionality to the application */
+function AsyncProcessProvider({ children, triggers, persistence, }) {
+    const { subscriber, dispatcher } = (0, useEvents_1.default)();
+    const wrappedFunctions = (0, react_1.useMemo)(() => {
+        return Object.keys(triggers).reduce((r, k) => (Object.assign(Object.assign({}, r), { [k]: (...args) => {
+                let persisted = persistence.write(k, ...args);
+                return triggers[k](...args).finally(() => {
+                    persistence.remove(persisted);
+                    dispatcher(k);
+                });
+            } })), {});
+    }, []);
+    (0, react_2.useEffect)(() => {
+        const recoveries = persistence.recover();
+        for (let [recoveryId, recoveryProcess] of recoveries)
+            recoveryProcess.finally(() => {
+                persistence.remove(recoveryId);
+            });
+    }, []);
+    return ((0, jsx_runtime_1.jsx)(AsyncProcessContext.Provider, { value: { _subscriber: subscriber, _wrappedFunctions: wrappedFunctions }, children: children }));
+}
+exports.default = AsyncProcessProvider;
+/** Allows components to use the async process functionality */
+function useAsyncProcess() {
+    const { _subscriber: subscriber, _wrappedFunctions } = (0, react_2.useContext)(AsyncProcessContext);
+    const subscriptions = (0, react_2.useRef)([]);
+    (0, react_2.useEffect)(() => () => {
+        for (let unsubscribe of subscriptions.current)
+            unsubscribe();
+    }, []);
+    return Object.assign({ on: (k, whatToDo) => {
+            subscriptions.current.push(subscriber(k, whatToDo));
+        } }, _wrappedFunctions);
+}
+exports.useAsyncProcess = useAsyncProcess;
+//# sourceMappingURL=AsyncProcess.js.map

package/dist/context/AsyncProcess.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"AsyncProcess.js","sourceRoot":"","sources":["../../src/context/AsyncProcess.tsx"],"names":[],"mappings":";;;;;;;AAAA,iCAAuC;AACvC,iCAMe;AACf,2EAAmD;AAGnD,MAAM,mBAAmB,GAAG,IAAA,qBAAa,EAOtC,IAAW,CAAC,CAAC;AAIhB,kEAAkE;AAClE,SAAwB,oBAAoB,CAAC,EAC3C,QAAQ,EACR,QAAQ,EACR,WAAW,GAiBX;IACA,MAAM,EAAE,UAAU,EAAE,UAAU,EAAE,GAAG,IAAA,mBAAS,GAAE,CAAC;IAE/C,MAAM,gBAAgB,GAAG,IAAA,eAAO,EAAC,GAAG,EAAE;QACpC,OAAO,MAAM,CAAC,IAAI,CAAC,QAAQ,CAAC,CAAC,MAAM,CACjC,CAAC,CAAC,EAAE,CAAC,EAAE,EAAE,CAAC,iCACL,CAAC,KACJ,CAAC,CAAC,CAAC,EAAE,CACH,GAAG,IAAwG,EAC3G,EAAE;gBACF,IAAI,SAAS,GAAG,WAAW,CAAC,KAAK,CAAC,CAAQ,EAAE,GAAG,IAAI,CAAC,CAAC;gBACrD,OAAQ,QAAgB,CAAC,CAAQ,CAAC,CAAC,GAAG,IAAI,CAAC,CAAC,OAAO,CAAC,GAAG,EAAE;oBACvD,WAAW,CAAC,MAAM,CAAC,SAAS,CAAC,CAAC;oBAC9B,UAAU,CAAC,CAAQ,CAAC,CAAC;gBACvB,CAAC,CAAC,CAAC;YACL,CAAC,IACD,EACF,EAAqB,CACtB,CAAC;IACJ,CAAC,EAAE,EAAE,CAAC,CAAC;IAEP,IAAA,iBAAS,EAAC,GAAG,EAAE;QACb,MAAM,UAAU,GAAG,WAAW,CAAC,OAAO,EAAE,CAAC;QACzC,KAAK,IAAI,CAAC,UAAU,EAAE,eAAe,CAAC,IAAI,UAAU;YAClD,eAAe,CAAC,OAAO,CAAC,GAAG,EAAE;gBAC3B,WAAW,CAAC,MAAM,CAAC,UAAU,CAAC,CAAC;YACjC,CAAC,CAAC,CAAC;IACP,CAAC,EAAE,EAAE,CAAC,CAAC;IAEP,OAAO,CACL,uBAAC,mBAAmB,CAAC,QAAQ,IAC3B,KAAK,EAAE,EAAE,WAAW,EAAE,UAAU,EAAE,iBAAiB,EAAE,gBAAgB,EAAE,YAEtE,QAAQ,GACoB,CAChC,CAAC;AACJ,CAAC;AAxDD,uCAwDC;AAED,+DAA+D;AAC/D,SAAgB,eAAe;IAU7B,MAAM,EAAE,WAAW,EAAE,UAAU,EAAE,iBAAiB,EAAE,GAClD,IAAA,kBAAU,EAAC,mBAAmB,CAAC,CAAC;IAClC,MAAM,aAAa,GAAG,IAAA,cAAM,EAAa,EAAE,CAAC,CAAC;IAE7C,IAAA,iBAAS,EACP,GAAG,EAAE,CAAC,GAAG,EAAE;QACT,KAAK,IAAI,WAAW,IAAI,aAAa,CAAC,OAAO;YAAE,WAAW,EAAE,CAAC;IAC/D,CAAC,EACD,EAAE,CACH,CAAC;IAEF,uBACE,EAAE,EAAE,CAAC,CAAC,EAAE,QAAQ,EAAE,EAAE;YAClB,aAAa,CAAC,OAAO,CAAC,IAAI,CAAC,UAAU,CAAC,CAAC,EAAE,QAAQ,CAAC,CAAC,CAAC;QACtD,CAAC,IACE,iBAAiB,EACpB;AACJ,CAAC;AA3BD,0CA2BC"}

package/dist/context/ContextAsyncControl.d.ts

@@ -0,0 +1,39 @@
+import React, { PropsWithChildren } from "react";
+import { FunctionMap } from "../hooks/useAsyncControl";
+type CB = (...args: any[]) => void;
+declare class Subscriber {
+    private sharedCbs;
+    private latest;
+    register<C extends CB>(cbId: string, cb: C): (...args: Parameters<C>) => void;
+    unregister<C extends CB>(cbId: string, cb: C): void;
+    current(cbId: string): any;
+}
+/**
+ * Defines the structure for context control sharing.
+ */
+export type ContextAsyncControlContextShape = {
+    [controlId: string]: Subscriber;
+};
+/**
+ * The context used to share state across components.
+ */
+export declare const ContextAsyncControlContext: React.Context<ContextAsyncControlContextShape>;
+/**
+ * Provider component to wrap the application context.
+ */
+export default function ContextAsyncControlProvider({ children, }: PropsWithChildren<{}>): import("react/jsx-runtime").JSX.Element;
+/**
+ * Hook to share state between components.
+ */
+export declare function useShareState<E>(controlId: string, stateId: string): readonly [E, (value: React.SetStateAction<E>) => void];
+/**
+ * Hook to control context with error and loading states.
+ */
+export declare function useContextControl<E, F extends FunctionMap>(controlId: string, functionsToWrap: F): {
+    process: (asyncFn: Promise<any> | (() => Promise<any>)) => Promise<any>;
+    loading: boolean;
+    error: Error | E | undefined;
+    setError: React.Dispatch<React.SetStateAction<Error | E | undefined>>;
+    setLoading: React.Dispatch<React.SetStateAction<boolean>>;
+} & F;
+export {};