@onepercentio/one-ui 0.3.0 → 0.5.1

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

@@ -1,4 +1,4 @@
-import React, { PropsWithChildren } from "react";
+import React, { PropsWithChildren, ReactElement } from "react";
 import useAsyncControl from "../../hooks/useAsyncControl";
 export declare type WalletConnectionProps = PropsWithChildren<Omit<ReturnType<typeof useAsyncControl>, "process"> & {
     chainId?: number;
@@ -35,17 +35,15 @@ declare type Props = {
     /**
      * This renders the content that is shown inside the wallet content
      */
-    Content: React.FunctionComponent<WalletConnectionProps>;
+    Content: (props: WalletConnectionProps) => ReactElement;
 };
-declare const _default: React.ForwardRefExoticComponent<Props & {
-    children?: React.ReactNode;
-} & React.RefAttributes<{
+declare const _default: React.ForwardRefExoticComponent<Props & React.RefAttributes<{
     connect: () => Promise<void>;
     disconnect: () => void;
 }>>;
 export default _default;
 export declare const BaseWalletConnectionWrapper: React.ForwardRefExoticComponent<Props & {
-    children?: React.ReactNode;
+    children?: any;
 } & React.RefAttributes<{
     connect: () => Promise<void>;
     disconnect: () => void;

package/dist/components/WalletConnectionWrapper/WalletConnectionWrapper.js

@@ -52,7 +52,7 @@ function WalletConnectionWrapper(props, ref) {
 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, }) {
+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* () {
@@ -110,10 +110,11 @@ function Content({ ProviderUnavailable, ChainIdInvalid, chain, Content, compRef,
             }
         });
     }
+    const ContentWrapper = ProvidedContentWrapper;
     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)));
+        react_1.default.createElement(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)));
 }
 exports.default = (0, react_1.forwardRef)(WalletConnectionWrapper);
 exports.BaseWalletConnectionWrapper = (0, react_1.forwardRef)(_BaseWalletConnectionWrapper);

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

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

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

@@ -14,9 +14,7 @@ declare const _default: {
         ChainIdInvalid?: React.FunctionComponent<{
             changeChainId: () => void;
         }> | undefined;
-        Content: React.FunctionComponent<import("./WalletConnectionWrapper").WalletConnectionProps>;
-    } & {
-        children?: React.ReactNode;
+        Content: (props: import("./WalletConnectionWrapper").WalletConnectionProps) => React.ReactElement<any, string | React.JSXElementConstructor<any>>;
     } & React.RefAttributes<{
         connect: () => Promise<void>;
         disconnect: () => void;
@@ -37,9 +35,7 @@ export declare const BasicUsage: {
         ChainIdInvalid?: React.FunctionComponent<{
             changeChainId: () => void;
         }> | undefined;
-        Content: React.FunctionComponent<import("./WalletConnectionWrapper").WalletConnectionProps>;
-    } & {
-        children?: React.ReactNode;
+        Content: (props: import("./WalletConnectionWrapper").WalletConnectionProps) => React.ReactElement<any, string | React.JSXElementConstructor<any>>;
     } & React.RefAttributes<{
         connect: () => Promise<void>;
         disconnect: () => void;
@@ -59,8 +55,7 @@ export declare const UsageWithActionProps: {
         ChainIdInvalid?: React.FunctionComponent<{
             changeChainId: () => void;
         }> | undefined;
-        Content: React.FunctionComponent<import("./WalletConnectionWrapper").WalletConnectionProps>;
-        children?: React.ReactNode;
+        Content: (props: import("./WalletConnectionWrapper").WalletConnectionProps) => React.ReactElement<any, string | React.JSXElementConstructor<any>>;
         ref?: React.Ref<{
             connect: () => Promise<void>;
             disconnect: () => void;

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

@@ -22,8 +22,12 @@ var __importStar = (this && this.__importStar) || function (mod) {
     __setModuleDefault(result, mod);
     return result;
 };
+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 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
  **/
@@ -38,9 +42,9 @@ function ScrollAndFocusLock({ open, children, }) {
     (0, react_1.useEffect)(() => {
         if (open) {
             startOfModal.current.focus();
-            document.body.style.overflow = "hidden";
+            document.body.classList.add(ScrollAndFocusLock_module_scss_1.default.lockClass);
             return () => {
-                document.body.style.overflow = "";
+                document.body.classList.remove(ScrollAndFocusLock_module_scss_1.default.lockClass);
             };
         }
     }, [open]);

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

@@ -1 +1 @@
-{"version":3,"file":"ScrollAndFocusLock.js","sourceRoot":"","sources":["../../../../src/components/utilitary/ScrollAndFocusLock/ScrollAndFocusLock.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;AAAA,+CAAoE;AAEpE;;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;YACR,YAAY,CAAC,OAAQ,CAAC,KAAK,EAAE,CAAC;YAC9B,QAAQ,CAAC,IAAI,CAAC,KAAK,CAAC,QAAQ,GAAG,QAAQ,CAAC;YAExC,OAAO,GAAG,EAAE;gBACV,QAAQ,CAAC,IAAI,CAAC,KAAK,CAAC,QAAQ,GAAG,EAAE,CAAC;YACpC,CAAC,CAAC;SACH;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;YACpC,IAAI,CAAC,CAAC,aAAa,KAAK,YAAY,CAAC,OAAO;gBAAE,UAAU,CAAC,OAAQ,CAAC,KAAK,EAAE,CAAC;;gBACrE,mBAAmB,EAAE,CAAC;SAC5B;aAAM,IACL,CAAC,CAAC,MAAM,KAAK,UAAU,CAAC,OAAO;YAC/B,CAAC,CAAC,aAAa,KAAK,WAAW,CAAC,OAAO,EACvC;YACA,mBAAmB,EAAE,CAAC;SACvB;IACH,CAAC;IACD,OAAO,CACL;QACE,uCAAK,GAAG,EAAE,WAAW,EAAE,QAAQ,EAAE,CAAC,EAAE,OAAO,EAAE,cAAc,GAAI;QAC/D,uCAAK,GAAG,EAAE,YAAY,EAAE,QAAQ,EAAE,CAAC,GAAI;QACtC,QAAQ;QACT,uCAAK,GAAG,EAAE,UAAU,EAAE,QAAQ,EAAE,CAAC,EAAE,OAAO,EAAE,cAAc,GAAI,CAC7D,CACJ,CAAC;AACJ,CAAC;AA9CD,qCA8CC"}
+{"version":3,"file":"ScrollAndFocusLock.js","sourceRoot":"","sources":["../../../../src/components/utilitary/ScrollAndFocusLock/ScrollAndFocusLock.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,+CAAoE;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;YACR,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;SACH;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;YACpC,IAAI,CAAC,CAAC,aAAa,KAAK,YAAY,CAAC,OAAO;gBAAE,UAAU,CAAC,OAAQ,CAAC,KAAK,EAAE,CAAC;;gBACrE,mBAAmB,EAAE,CAAC;SAC5B;aAAM,IACL,CAAC,CAAC,MAAM,KAAK,UAAU,CAAC,OAAO;YAC/B,CAAC,CAAC,aAAa,KAAK,WAAW,CAAC,OAAO,EACvC;YACA,mBAAmB,EAAE,CAAC;SACvB;IACH,CAAC;IACD,OAAO,CACL;QACE,uCAAK,GAAG,EAAE,WAAW,EAAE,QAAQ,EAAE,CAAC,EAAE,OAAO,EAAE,cAAc,GAAI;QAC/D,uCAAK,GAAG,EAAE,YAAY,EAAE,QAAQ,EAAE,CAAC,GAAI;QACtC,QAAQ;QACT,uCAAK,GAAG,EAAE,UAAU,EAAE,QAAQ,EAAE,CAAC,EAAE,OAAO,EAAE,cAAc,GAAI,CAC7D,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/context/OneUIProvider.d.ts

@@ -5,7 +5,7 @@ import { FieldPath } from "../utils";
 declare type DeepPartial<T> = {
     [P in keyof T]?: T[P] extends Function ? T[P] : DeepPartial<T[P]>;
 };
-declare type ContextSpecs = {
+export declare type ContextSpecs = {
     component: {
         text?: {
             className?: {

package/dist/context/OneUIProvider.js

@@ -5,22 +5,27 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.useOneUIConfig = exports.useOneUIContext = void 0;
 const get_1 = __importDefault(require("lodash/get"));
+const merge_1 = __importDefault(require("lodash/merge"));
+const cloneDeep_1 = __importDefault(require("lodash/cloneDeep"));
 const react_1 = __importDefault(require("react"));
 const react_2 = require("react");
 const Context = (0, react_2.createContext)(null);
 function OneUIProvider({ children, config, }) {
-    return react_1.default.createElement(Context.Provider, { value: config }, children);
+    const prevCtx = (0, react_2.useContext)(Context);
+    return (react_1.default.createElement(Context.Provider, { value: (0, merge_1.default)((0, cloneDeep_1.default)(prevCtx), config) }, children));
 }
 exports.default = OneUIProvider;
 function ErrorWrapper(originalObject, path = "config") {
-    return new Proxy(originalObject || {}, {
+    return new Proxy(typeof originalObject !== "object" ? {} : originalObject || {}, {
         get(_target, key) {
             if (key === Symbol.toPrimitive) {
                 return () => _target[key];
             }
             try {
                 const value = originalObject[key];
-                if (typeof value === "undefined" || typeof value === "object")
+                if (typeof value === "undefined")
+                    return undefined;
+                if (typeof value === "object")
                     return ErrorWrapper(value, [path, key].filter(Boolean).join("."));
                 return value;
             }
@@ -54,7 +59,13 @@ function useOneUIContext() {
 exports.useOneUIContext = useOneUIContext;
 function useOneUIConfig(prop, defaultValue) {
     const context = (0, react_2.useContext)(Context);
-    return ErrorWrapper((0, get_1.default)(context, prop) || defaultValue);
+    if (process.env.NODE_ENV === "development") {
+        const val = (0, get_1.default)(context, prop);
+        if (typeof val === "string")
+            return val;
+        return ErrorWrapper(val || defaultValue);
+    }
+    return (0, get_1.default)(context, prop) || defaultValue;
 }
 exports.useOneUIConfig = useOneUIConfig;
 //# sourceMappingURL=OneUIProvider.js.map

package/dist/context/OneUIProvider.js.map

@@ -1 +1 @@
-{"version":3,"file":"OneUIProvider.js","sourceRoot":"","sources":["../../src/context/OneUIProvider.tsx"],"names":[],"mappings":";;;;;;AACA,qDAA6B;AAE7B,kDAAyC;AACzC,iCAAqE;AA2DrE,MAAM,OAAO,GAAG,IAAA,qBAAa,EAAqB,IAAW,CAAC,CAAC;AAE/D,SAAwB,aAAa,CAAC,EACpC,QAAQ,EACR,MAAM,GAC4C;IAClD,OAAO,8BAAC,OAAO,CAAC,QAAQ,IAAC,KAAK,EAAE,MAAM,IAAG,QAAQ,CAAoB,CAAC;AACxE,CAAC;AALD,gCAKC;AAED,SAAS,YAAY,CACnB,cAAmB,EACnB,OAAe,QAAQ;IAEvB,OAAO,IAAI,KAAK,CAAC,cAAc,IAAI,EAAE,EAAE;QACrC,GAAG,CAAC,OAAO,EAAE,GAAG;YACd,IAAI,GAAG,KAAK,MAAM,CAAC,WAAW,EAAE;gBAC9B,OAAO,GAAG,EAAE,CAAC,OAAO,CAAC,GAAG,CAAC,CAAC;aAC3B;YACD,IAAI;gBACF,MAAM,KAAK,GAAG,cAAc,CAAC,GAAG,CAAC,CAAC;gBAClC,IAAI,OAAO,KAAK,KAAK,WAAW,IAAI,OAAO,KAAK,KAAK,QAAQ;oBAC3D,OAAO,YAAY,CAAC,KAAK,EAAE,CAAC,IAAI,EAAE,GAAG,CAAC,CAAC,MAAM,CAAC,OAAO,CAAC,CAAC,IAAI,CAAC,GAAG,CAAC,CAAC,CAAC;gBACpE,OAAO,KAAK,CAAC;aACd;YAAC,OAAO,CAAC,EAAE;gBACV,MAAM,QAAQ,GAAG,IAAI;qBAClB,KAAK,CAAC,GAAG,CAAC;qBACV,MAAM,CAAC,GAAa,CAAC;qBACrB,MAAM,CAAC,CAAC,MAAM,EAAE,GAAG,EAAE,GAAG,EAAE,GAAG,EAAE,EAAE;oBAC/B,GAAG,CAAC,KAAK,CAAC,CAAC,EAAE,GAAG,CAAC,CAAC,MAAM,CAAC,CAAC,CAAC,EAAE,CAAC,EAAE,EAAE,CAAE,CAAS,CAAC,CAAC,CAAC,EAAE,MAAM,CAAS,CAChE,GAAG,CACJ,GAAG,GAAG,KAAK,GAAG,CAAC,MAAM,GAAG,CAAC,CAAC,CAAC,CAAC,oBAAoB,CAAC,CAAC,CAAC,EAAE,CAAC;oBACvD,OAAO,MAAM,CAAC;gBAChB,CAAC,EAAE,EAAE,CAAC,CAAC;gBACT,MAAM,IAAI,KAAK,CACb,sCAAsC,CAAC,IAAI,EAAE,GAAG,CAAC,CAAC,IAAI,CAAC,GAAG,CAAC;;;;;;EAMnE,0BAA0B,IAAI,CAAC,SAAS,CAAC,QAAQ,EAAE,IAAI,EAAE,CAAC,CAAC;;iBAE5C,CAAC,OAAO,CAAC,MAAM,EAAE,GAAG,CAAC,EAAE,CAC/B,CAAC;aACH;QACH,CAAC;KACF,CAAC,CAAC;AACL,CAAC;AAED,SAAgB,eAAe;IAC7B,MAAM,OAAO,GAAG,IAAA,kBAAU,EAAC,OAAO,CAAC,CAAC;IAEpC,IAAI,OAAO,CAAC,GAAG,CAAC,QAAQ,KAAK,aAAa;QACxC,OAAO,YAAY,CAAC,OAAO,CAA4B,CAAC;IAE1D,OAAO,OAAuB,CAAC;AACjC,CAAC;AAPD,0CAOC;AAED,SAAgB,cAAc,CAG5B,IAAO,EAAE,YAAgB;IACzB,MAAM,OAAO,GAAG,IAAA,kBAAU,EAAC,OAAO,CAAC,CAAC;IACpC,OAAO,YAAY,CAAC,IAAA,aAAG,EAAC,OAAO,EAAE,IAAI,CAAC,IAAI,YAAY,CAAmB,CAAC;AAC5E,CAAC;AAND,wCAMC"}
+{"version":3,"file":"OneUIProvider.js","sourceRoot":"","sources":["../../src/context/OneUIProvider.tsx"],"names":[],"mappings":"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"}

package/dist/hooks/shims/ObjectWatchShim.js

@@ -1,7 +1,7 @@
 "use strict";
 // @ts-nocheck
 // object.watch
-if (!Object.prototype.watch)
+if (!Object.prototype.watch) {
     Object.prototype.watch = function (propsToWatchFor, handler) {
         (this._handlers || (this._handlers = [])).push(handler);
         propsToWatchFor.forEach((prop) => {
@@ -20,26 +20,33 @@ if (!Object.prototype.watch)
                 newval = val;
                 return true;
             };
-            if (delete this[prop]) {
-                // can't watch constants
-                if (Object.defineProperty) {
-                    // ECMAScript 5          
-                    Object.defineProperty(this, prop, {
-                        get: getter,
-                        set: setter,
-                    });
-                }
-                else if (Object.prototype.__defineGetter__ &&
-                    Object.prototype.__defineSetter__) {
-                    // legacy
-                    Object.prototype.__defineGetter__.call(this, prop, getter);
-                    Object.prototype.__defineSetter__.call(this, prop, setter);
+            try {
+                if (delete this[prop]) {
+                    // can't watch constants
+                    if (Object.defineProperty) {
+                        // ECMAScript 5          
+                        Object.defineProperty(this, prop, {
+                            get: getter,
+                            set: setter,
+                        });
+                    }
+                    else if (Object.prototype.__defineGetter__ &&
+                        Object.prototype.__defineSetter__) {
+                        // legacy
+                        Object.prototype.__defineGetter__.call(this, prop, getter);
+                        Object.prototype.__defineSetter__.call(this, prop, setter);
+                    }
                 }
             }
+            catch (e) { }
         });
-        this.unwatch = () => {
+        return () => {
             this._handlers.splice(this._handlers.indexOf(handler), 1);
         };
-        return this.unwatch;
     };
+    Object.defineProperty(Object.prototype, 'watch', {
+        enumerable: false,
+        configurable: true
+    });
+}
 //# sourceMappingURL=ObjectWatchShim.js.map

package/dist/hooks/shims/ObjectWatchShim.js.map

@@ -1 +1 @@
-{"version":3,"file":"ObjectWatchShim.js","sourceRoot":"","sources":["../../../src/hooks/shims/ObjectWatchShim.ts"],"names":[],"mappings":";AAAA,cAAc;AACd,eAAe;AACf,IAAI,CAAC,MAAM,CAAC,SAAS,CAAC,KAAK;IACzB,MAAM,CAAC,SAAS,CAAC,KAAK,GAAG,UAAU,eAAe,EAAE,OAAO;QACzD,CAAC,IAAI,CAAC,SAAS,IAAI,CAAC,IAAI,CAAC,SAAS,GAAG,EAAE,CAAC,CAAC,CAAC,IAAI,CAAC,OAAO,CAAC,CAAA;QACvD,eAAe,CAAC,OAAO,CAAC,CAAC,IAAI,EAAE,EAAE;YAC/B,IAAI,MAAM,GAAG,IAAI,CAAC,IAAI,CAAC,EACrB,MAAM,GAAG,MAAM,EACf,MAAM,GAAG;gBACP,OAAO,MAAM,CAAC;YAChB,CAAC,EACD,MAAM,GAAG,UAAU,GAAG;gBACpB,IAAI,IAAI,CAAC,WAAW;oBAAE,YAAY,CAAC,IAAI,CAAC,WAAW,CAAC,CAAC;gBACrD,IAAI,CAAC,WAAW,GAAG,UAAU,CAAC,GAAG,EAAE;oBACjC,KAAK,IAAI,OAAO,IAAI,IAAI,CAAC,SAAS;wBAChC,OAAO,CAAC,IAAI,EAAE,CAAC;oBACjB,YAAY,CAAC,IAAI,CAAC,WAAW,CAAC,CAAC;oBAC/B,OAAO,IAAI,CAAC,WAAW,CAAC;gBAC1B,CAAC,EAAE,CAAC,CAAC,CAAC;gBACN,MAAM,GAAG,MAAM,CAAC;gBAChB,MAAM,GAAG,GAAG,CAAC;gBACb,OAAO,IAAI,CAAC;YACd,CAAC,CAAC;YACJ,IAAI,OAAO,IAAI,CAAC,IAAI,CAAC,EAAE;gBACrB,wBAAwB;gBACxB,IAAI,MAAM,CAAC,cAAc,EAAE;oBACzB,yBAAyB;oBACzB,MAAM,CAAC,cAAc,CAAC,IAAI,EAAE,IAAI,EAAE;wBAChC,GAAG,EAAE,MAAM;wBACX,GAAG,EAAE,MAAM;qBACZ,CAAC,CAAC;iBACJ;qBACI,IACH,MAAM,CAAC,SAAS,CAAC,gBAAgB;oBACjC,MAAM,CAAC,SAAS,CAAC,gBAAgB,EACjC;oBACA,SAAS;oBACT,MAAM,CAAC,SAAS,CAAC,gBAAgB,CAAC,IAAI,CAAC,IAAI,EAAE,IAAI,EAAE,MAAM,CAAC,CAAC;oBAC3D,MAAM,CAAC,SAAS,CAAC,gBAAgB,CAAC,IAAI,CAAC,IAAI,EAAE,IAAI,EAAE,MAAM,CAAC,CAAC;iBAC5D;aACF;QACH,CAAC,CAAC,CAAC;QACH,IAAI,CAAC,OAAO,GAAG,GAAG,EAAE;YAClB,IAAI,CAAC,SAAS,CAAC,MAAM,CAAC,IAAI,CAAC,SAAS,CAAC,OAAO,CAAC,OAAO,CAAC,EAAE,CAAC,CAAC,CAAC;QAC5D,CAAC,CAAC;QAEF,OAAO,IAAI,CAAC,OAAO,CAAA;IACrB,CAAC,CAAC"}
+{"version":3,"file":"ObjectWatchShim.js","sourceRoot":"","sources":["../../../src/hooks/shims/ObjectWatchShim.ts"],"names":[],"mappings":";AAAA,cAAc;AACd,eAAe;AACf,IAAI,CAAC,MAAM,CAAC,SAAS,CAAC,KAAK,EAAE;IAC3B,MAAM,CAAC,SAAS,CAAC,KAAK,GAAG,UAAU,eAAe,EAAE,OAAO;QACzD,CAAC,IAAI,CAAC,SAAS,IAAI,CAAC,IAAI,CAAC,SAAS,GAAG,EAAE,CAAC,CAAC,CAAC,IAAI,CAAC,OAAO,CAAC,CAAA;QACvD,eAAe,CAAC,OAAO,CAAC,CAAC,IAAI,EAAE,EAAE;YAC/B,IAAI,MAAM,GAAG,IAAI,CAAC,IAAI,CAAC,EACrB,MAAM,GAAG,MAAM,EACf,MAAM,GAAG;gBACP,OAAO,MAAM,CAAC;YAChB,CAAC,EACD,MAAM,GAAG,UAAU,GAAG;gBACpB,IAAI,IAAI,CAAC,WAAW;oBAAE,YAAY,CAAC,IAAI,CAAC,WAAW,CAAC,CAAC;gBACrD,IAAI,CAAC,WAAW,GAAG,UAAU,CAAC,GAAG,EAAE;oBACjC,KAAK,IAAI,OAAO,IAAI,IAAI,CAAC,SAAS;wBAChC,OAAO,CAAC,IAAI,EAAE,CAAC;oBACjB,YAAY,CAAC,IAAI,CAAC,WAAW,CAAC,CAAC;oBAC/B,OAAO,IAAI,CAAC,WAAW,CAAC;gBAC1B,CAAC,EAAE,CAAC,CAAC,CAAC;gBACN,MAAM,GAAG,MAAM,CAAC;gBAChB,MAAM,GAAG,GAAG,CAAC;gBACb,OAAO,IAAI,CAAC;YACd,CAAC,CAAC;YACJ,IAAI;gBAEF,IAAI,OAAO,IAAI,CAAC,IAAI,CAAC,EAAE;oBACrB,wBAAwB;oBACxB,IAAI,MAAM,CAAC,cAAc,EAAE;wBACzB,yBAAyB;wBACzB,MAAM,CAAC,cAAc,CAAC,IAAI,EAAE,IAAI,EAAE;4BAChC,GAAG,EAAE,MAAM;4BACX,GAAG,EAAE,MAAM;yBACZ,CAAC,CAAC;qBACJ;yBACI,IACH,MAAM,CAAC,SAAS,CAAC,gBAAgB;wBACjC,MAAM,CAAC,SAAS,CAAC,gBAAgB,EACjC;wBACA,SAAS;wBACT,MAAM,CAAC,SAAS,CAAC,gBAAgB,CAAC,IAAI,CAAC,IAAI,EAAE,IAAI,EAAE,MAAM,CAAC,CAAC;wBAC3D,MAAM,CAAC,SAAS,CAAC,gBAAgB,CAAC,IAAI,CAAC,IAAI,EAAE,IAAI,EAAE,MAAM,CAAC,CAAC;qBAC5D;iBACF;aACF;YAAC,OAAO,CAAC,EAAE,GAAG;QACjB,CAAC,CAAC,CAAC;QAEH,OAAO,GAAG,EAAE;YACV,IAAI,CAAC,SAAS,CAAC,MAAM,CAAC,IAAI,CAAC,SAAS,CAAC,OAAO,CAAC,OAAO,CAAC,EAAE,CAAC,CAAC,CAAC;QAC5D,CAAC,CAAC;IACJ,CAAC,CAAC;IACF,MAAM,CAAC,cAAc,CAAC,MAAM,CAAC,SAAS,EAAE,OAAO,EAAE;QAC/C,UAAU,EAAE,KAAK;QACjB,YAAY,EAAE,IAAI;KACnB,CAAC,CAAC;CACJ"}

package/dist/hooks/useAsyncControl.d.ts

@@ -1,9 +1,8 @@
-/// <reference types="react" />
 import { CommonErrorCodes } from "../types";
-export default function useAsyncControl<E extends CommonErrorCodes>(): {
-    process: (asyncFn: () => Promise<any>) => Promise<void>;
+export default function useAsyncControl<E extends CommonErrorCodes, F = any>(functionsToWrap?: F): {
+    process: (asyncFn: () => Promise<any>) => Promise<any>;
     loading: boolean;
     error: E | undefined;
     setError: import("react").Dispatch<import("react").SetStateAction<E | undefined>>;
     setLoading: import("react").Dispatch<import("react").SetStateAction<boolean>>;
-};
+} & F;

package/dist/hooks/useAsyncControl.js

@@ -10,31 +10,31 @@ var __awaiter = (this && this.__awaiter) || function (thisArg, _arguments, P, ge
 };
 Object.defineProperty(exports, "__esModule", { value: true });
 const react_1 = require("react");
-function useAsyncControl() {
+function useAsyncControl(functionsToWrap) {
     const [error, setError] = (0, react_1.useState)();
     const [loading, setLoading] = (0, react_1.useState)(false);
-    const _process = (asyncFn) => __awaiter(this, void 0, void 0, function* () {
+    const _process = (0, react_1.useCallback)((asyncFn) => __awaiter(this, void 0, void 0, function* () {
         try {
             setLoading(true);
             setError(undefined);
-            yield asyncFn();
+            return yield asyncFn();
         }
         catch (e) {
             if (process.env.NODE_ENV === "development")
                 console.error(e);
             setError("UNEXPECTED_ERROR");
+            throw e;
         }
         finally {
             setLoading(false);
         }
-    });
-    return {
-        process: _process,
-        loading,
+    }), []);
+    return Object.assign({ process: _process, loading,
         error,
         setError,
-        setLoading,
-    };
+        setLoading }, Object.entries(functionsToWrap || {}).reduce((r, [k, func]) => {
+        return Object.assign(Object.assign({}, r), { [k]: (...args) => _process(() => func(...args)) });
+    }, {}));
 }
 exports.default = useAsyncControl;
 //# sourceMappingURL=useAsyncControl.js.map

package/dist/hooks/useAsyncControl.js.map

@@ -1 +1 @@
-{"version":3,"file":"useAsyncControl.js","sourceRoot":"","sources":["../../src/hooks/useAsyncControl.ts"],"names":[],"mappings":";;;;;;;;;;;AAAA,iCAAiC;AAGjC,SAAwB,eAAe;IACrC,MAAM,CAAC,KAAK,EAAE,QAAQ,CAAC,GAAG,IAAA,gBAAQ,GAAK,CAAC;IACxC,MAAM,CAAC,OAAO,EAAE,UAAU,CAAC,GAAG,IAAA,gBAAQ,EAAU,KAAK,CAAC,CAAC;IAEvD,MAAM,QAAQ,GAAG,CAAO,OAA2B,EAAE,EAAE;QACrD,IAAI;YACF,UAAU,CAAC,IAAI,CAAC,CAAC;YACjB,QAAQ,CAAC,SAAS,CAAC,CAAC;YACpB,MAAM,OAAO,EAAE,CAAC;SACjB;QAAC,OAAO,CAAC,EAAE;YACV,IAAI,OAAO,CAAC,GAAG,CAAC,QAAQ,KAAK,aAAa;gBAAE,OAAO,CAAC,KAAK,CAAC,CAAC,CAAC,CAAC;YAC7D,QAAQ,CAAC,kBAAuB,CAAC,CAAC;SACnC;gBAAS;YACR,UAAU,CAAC,KAAK,CAAC,CAAC;SACnB;IACH,CAAC,CAAA,CAAC;IAEF,OAAO;QACL,OAAO,EAAE,QAAQ;QACjB,OAAO;QACP,KAAK;QACL,QAAQ;QACR,UAAU;KACX,CAAC;AACJ,CAAC;AAxBD,kCAwBC"}
+{"version":3,"file":"useAsyncControl.js","sourceRoot":"","sources":["../../src/hooks/useAsyncControl.ts"],"names":[],"mappings":";;;;;;;;;;;AAAA,iCAA8C;AAG9C,SAAwB,eAAe,CAAsC,eAAmB;IAC9F,MAAM,CAAC,KAAK,EAAE,QAAQ,CAAC,GAAG,IAAA,gBAAQ,GAAK,CAAC;IACxC,MAAM,CAAC,OAAO,EAAE,UAAU,CAAC,GAAG,IAAA,gBAAQ,EAAU,KAAK,CAAC,CAAC;IAEvD,MAAM,QAAQ,GAAG,IAAA,mBAAW,EAAC,CAAO,OAA2B,EAAE,EAAE;QACjE,IAAI;YACF,UAAU,CAAC,IAAI,CAAC,CAAC;YACjB,QAAQ,CAAC,SAAS,CAAC,CAAC;YACpB,OAAO,MAAM,OAAO,EAAE,CAAC;SACxB;QAAC,OAAO,CAAC,EAAE;YACV,IAAI,OAAO,CAAC,GAAG,CAAC,QAAQ,KAAK,aAAa;gBAAE,OAAO,CAAC,KAAK,CAAC,CAAC,CAAC,CAAC;YAC7D,QAAQ,CAAC,kBAAuB,CAAC,CAAC;YAClC,MAAM,CAAC,CAAC;SACT;gBAAS;YACR,UAAU,CAAC,KAAK,CAAC,CAAC;SACnB;IACH,CAAC,CAAA,EAAE,EAAE,CAAC,CAAC;IAEP,uBACE,OAAO,EAAE,QAAQ,EACjB,OAAO;QACP,KAAK;QACL,QAAQ;QACR,UAAU,IACP,MAAM,CAAC,OAAO,CAAC,eAAe,IAAI,EAAE,CAAC,CAAC,MAAM,CAAC,CAAC,CAAC,EAAE,CAAC,CAAC,EAAE,IAAI,CAAC,EAAE,EAAE;QAC/D,uCACK,CAAC,KACJ,CAAC,CAAC,CAAC,EAAE,CAAC,GAAG,IAAW,EAAE,EAAE,CAAC,QAAQ,CAAC,GAAG,EAAE,CAAE,IAAY,CAAC,GAAG,IAAI,CAAC,CAAC,IAChE;IACH,CAAC,EAAE,EAAO,CAAM,EAChB;AACJ,CAAC;AA/BD,kCA+BC"}

package/dist/hooks/useFirestoreWatch.d.ts

@@ -0,0 +1,12 @@
+import { DocumentChangeType, Unsubscribe } from "firebase/firestore";
+declare type SnapshotFactoryCb<D extends any> = (changes: {
+    doc: D;
+    type: DocumentChangeType;
+}[]) => void;
+export declare type SnapshotFactoryReturn<D extends {
+    id: string;
+}> = (cb: SnapshotFactoryCb<D>) => Unsubscribe;
+export default function useFirestoreWatch<D extends {
+    id: string;
+}, P extends any[]>(queryFactory: (...params: P) => SnapshotFactoryReturn<D>, params: P): D[] | undefined;
+export {};

package/dist/hooks/useFirestoreWatch.js

@@ -0,0 +1,38 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+const react_1 = require("react");
+function useFirestoreWatch(queryFactory, params) {
+    const [docsList, updateList] = (0, react_1.useState)();
+    (0, react_1.useEffect)(() => {
+        const unsub = queryFactory(...params)((changes) => {
+            updateList((prevList = []) => {
+                for (let docChange of changes) {
+                    switch (docChange.type) {
+                        case 'added':
+                            if (!prevList.find((f) => f.id === docChange.doc.id)) {
+                                prevList.unshift(docChange.doc);
+                            }
+                            break;
+                        case 'modified':
+                            prevList = prevList.map((item) => {
+                                if (item.id === docChange.doc.id)
+                                    for (let key in docChange.doc) {
+                                        item[key] = docChange.doc[key];
+                                    }
+                                return item;
+                            });
+                            break;
+                        case 'removed':
+                            prevList = prevList.filter((item) => item.id !== docChange.doc.id);
+                            break;
+                    }
+                }
+                return [...prevList];
+            });
+        });
+        return unsub;
+    }, params);
+    return docsList;
+}
+exports.default = useFirestoreWatch;
+//# sourceMappingURL=useFirestoreWatch.js.map

package/dist/hooks/useFirestoreWatch.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"useFirestoreWatch.js","sourceRoot":"","sources":["../../src/hooks/useFirestoreWatch.ts"],"names":[],"mappings":";;AAAA,iCAA4C;AAU5C,SAAwB,iBAAiB,CAA4C,YAAwD,EAAE,MAAS;IACpJ,MAAM,CAAC,QAAQ,EAAE,UAAU,CAAC,GAAG,IAAA,gBAAQ,GAAO,CAAC;IAE/C,IAAA,iBAAS,EAAC,GAAG,EAAE;QACX,MAAM,KAAK,GAAG,YAAY,CAAC,GAAG,MAAM,CAAC,CAAC,CAAC,OAAO,EAAE,EAAE;YAC9C,UAAU,CAAC,CAAC,QAAQ,GAAG,EAAE,EAAE,EAAE;gBACzB,KAAK,IAAI,SAAS,IAAI,OAAO,EAAE;oBAC3B,QAAQ,SAAS,CAAC,IAAI,EAAE;wBACpB,KAAK,OAAO;4BACR,IAAI,CAAC,QAAQ,CAAC,IAAI,CAAC,CAAC,CAAC,EAAE,EAAE,CAAC,CAAC,CAAC,EAAE,KAAK,SAAS,CAAC,GAAG,CAAC,EAAE,CAAC,EAAE;gCAClD,QAAQ,CAAC,OAAO,CAAC,SAAS,CAAC,GAAG,CAAC,CAAA;6BAClC;4BACD,MAAK;wBACT,KAAK,UAAU;4BACX,QAAQ,GAAG,QAAS,CAAC,GAAG,CAAC,CAAC,IAAI,EAAE,EAAE;gCAC9B,IAAI,IAAI,CAAC,EAAE,KAAK,SAAS,CAAC,GAAG,CAAC,EAAE;oCAC5B,KAAK,IAAI,GAAG,IAAI,SAAS,CAAC,GAAG,EAAE;wCAC3B,IAAI,CAAC,GAAG,CAAC,GAAG,SAAS,CAAC,GAAG,CAAC,GAAG,CAAC,CAAC;qCAClC;gCACL,OAAO,IAAI,CAAA;4BACf,CAAC,CAAC,CAAA;4BACF,MAAK;wBACT,KAAK,SAAS;4BACV,QAAQ,GAAG,QAAS,CAAC,MAAM,CACvB,CAAC,IAAI,EAAE,EAAE,CAAC,IAAI,CAAC,EAAE,KAAK,SAAS,CAAC,GAAG,CAAC,EAAE,CACzC,CAAA;4BACD,MAAK;qBACZ;iBACJ;gBAED,OAAO,CAAC,GAAG,QAAQ,CAAC,CAAA;YACxB,CAAC,CAAC,CAAA;QAEN,CAAC,CAAC,CAAA;QACF,OAAO,KAAK,CAAC;IACjB,CAAC,EAAE,MAAM,CAAC,CAAC;IAEX,OAAO,QAAQ,CAAC;AACpB,CAAC;AAtCD,oCAsCC"}

package/dist/hooks/useObserve.d.ts

@@ -1,2 +1,2 @@
 import "./shims/ObjectWatchShim.js";
-export default function useObserve<T extends any>(object: T, keysToObserve: (keyof T)[]): void;
+export default function useObserve<T extends any>(toObserve: T | T[], keysToObserve: (keyof T)[]): void;

package/dist/hooks/useObserve.js

@@ -2,15 +2,17 @@
 Object.defineProperty(exports, "__esModule", { value: true });
 const react_1 = require("react");
 require("./shims/ObjectWatchShim.js");
-function useObserve(object, keysToObserve) {
+function useObserve(toObserve, keysToObserve) {
     const [_, ss] = (0, react_1.useState)(0);
     (0, react_1.useLayoutEffect)(() => {
-        return object.watch(keysToObserve, () => {
+        const arr = Array.isArray(toObserve) ? toObserve : [toObserve];
+        const unwatchers = arr.map(object => object.watch(keysToObserve, () => {
             ss((p) => {
                 return p + 1;
             });
-        });
-    }, [object]);
+        }));
+        return () => unwatchers.forEach(unwatch => unwatch());
+    }, [toObserve]);
 }
 exports.default = useObserve;
 //# sourceMappingURL=useObserve.js.map

package/dist/hooks/useObserve.js.map

@@ -1 +1 @@
-{"version":3,"file":"useObserve.js","sourceRoot":"","sources":["../../src/hooks/useObserve.ts"],"names":[],"mappings":";;AAAA,iCAA6D;AAC7D,sCAAoC;AAOpC,SAAwB,UAAU,CAChC,MAAS,EACT,aAA0B;IAE1B,MAAM,CAAC,CAAC,EAAE,EAAE,CAAC,GAAG,IAAA,gBAAQ,EAAC,CAAC,CAAC,CAAC;IAC5B,IAAA,uBAAe,EAAC,GAAG,EAAE;QACnB,OAAQ,MAAiB,CAAC,KAAK,CAAC,aAAoB,EAAE,GAAG,EAAE;YACzD,EAAE,CAAC,CAAC,CAAC,EAAE,EAAE;gBACP,OAAO,CAAC,GAAG,CAAC,CAAA;YACd,CAAC,CAAC,CAAC;QACL,CAAC,CAAC,CAAC;IACL,CAAC,EAAE,CAAC,MAAM,CAAC,CAAC,CAAC;AACf,CAAC;AAZD,6BAYC"}
+{"version":3,"file":"useObserve.js","sourceRoot":"","sources":["../../src/hooks/useObserve.ts"],"names":[],"mappings":";;AAAA,iCAA6D;AAC7D,sCAAoC;AAOpC,SAAwB,UAAU,CAChC,SAAkB,EAClB,aAA0B;IAE1B,MAAM,CAAC,CAAC,EAAE,EAAE,CAAC,GAAG,IAAA,gBAAQ,EAAC,CAAC,CAAC,CAAC;IAC5B,IAAA,uBAAe,EAAC,GAAG,EAAE;QACnB,MAAM,GAAG,GAAG,KAAK,CAAC,OAAO,CAAC,SAAS,CAAC,CAAC,CAAC,CAAC,SAAS,CAAC,CAAC,CAAC,CAAC,SAAS,CAAC,CAAA;QAC9D,MAAM,UAAU,GAAG,GAAG,CAAC,GAAG,CAAC,MAAM,CAAC,EAAE,CAAE,MAAiB,CAAC,KAAK,CAAC,aAAoB,EAAE,GAAG,EAAE;YACvF,EAAE,CAAC,CAAC,CAAC,EAAE,EAAE;gBACP,OAAO,CAAC,GAAG,CAAC,CAAA;YACd,CAAC,CAAC,CAAC;QACL,CAAC,CAAC,CAAC,CAAA;QAEH,OAAO,GAAG,EAAE,CAAC,UAAU,CAAC,OAAO,CAAC,OAAO,CAAC,EAAE,CAAC,OAAO,EAAE,CAAC,CAAA;IACvD,CAAC,EAAE,CAAC,SAAS,CAAC,CAAC,CAAC;AAClB,CAAC;AAfD,6BAeC"}

package/dist/hooks/usePooledOperation.d.ts

@@ -3,7 +3,7 @@
  */
 export default function usePooledOperation(): {
     /** Indicates when it's loading */
-    loading: boolean;
+    loading: any;
     /** Indicates error of pooling or request */
     error: boolean;
     /** Retries the operation based on the current failed step */

package/dist/hooks/usePooling.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 /**
  * This callback should return a boolean that indicates if the pooling has finished (true) or it should continue (false)
  */

package/dist/hooks/useRebound.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 /**
  * This hook adds a prop that you can toggle and returns to initial
  * state after a defined time (usefull for notification)

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@onepercentio/one-ui",
-  "version": "0.3.0",
+  "version": "0.5.1",
   "description": "A set of reusable components created through the development of Onepercent projects",
   "files": [
     "dist",
@@ -18,6 +18,7 @@
     "@babel/core": "^7.16.0",
     "@cypress/react": "^5.12.5",
     "@firebase/rules-unit-testing": "^2.0.2",
+    "@muritavo/cypress-toolkit": "^0.1.0",
     "@muritavo/webpack-microfrontend-scripts": "^0.0.16",
     "@storybook/addon-actions": "^6.4.18",
     "@storybook/addon-essentials": "^6.4.18",
@@ -39,7 +40,7 @@
     "cpy-cli": "^3.1.1",
     "crypto-browserify": "^3.12.0",
     "css-loader": "^5",
-    "cypress": "^9.7.0",
+    "cypress": "^10.2.0",
     "firebase": "^9.8.1",
     "firebase-admin": "^10.2.0",
     "https-browserify": "^1.0.0",
@@ -49,6 +50,8 @@
     "node-sass": "^6.0.1",
     "os-browserify": "^0.3.0",
     "react": "^18.0.0",
+    "react-docgen-typescript": "^2.2.2",
+    "react-docgen-typescript-plugin": "^1.0.1",
     "react-dom": "^18.0.0",
     "react-intl": "^5.24.4",
     "react-scripts": "^5.0.0",
@@ -68,6 +71,7 @@
     "@types/lodash": "^4.14.177",
     "bignumber.js": "^9.0.2",
     "deepdash": "^5.3.9",
+    "eslint-plugin-import-helpers": "^1.2.1",
     "identity-obj-proxy": "^3.0.0",
     "kill-port": "^2.0.0",
     "lodash": "^4.17.21",
@@ -77,7 +81,8 @@
   },
   "resolutions": {
     "**/html-webpack-plugin": "^5",
-    "**/webpack": "^5"
+    "**/webpack": "^5",
+    "**/react-docgen-typescript": "^2"
   },
   "scripts": {
     "storybook": "start-storybook -p 6006",
@@ -88,9 +93,23 @@
     "postbuild": "cd ..",
     "dev": "tsc --watch",
     "test:watch": "jest --watchAll --coverage",
-    "deploy:storybook": "yarn build-storybook; firebase deploy --only hosting",
+    "deploy:storybook": "yarn build-storybook && firebase deploy --only hosting",
+    "test:e2e:watch": "cypress open --component --port 6005 --browser firefox",
+    "test:e2e": "cypress run --component --port 6015 --browser chrome",
     "prepublish": "yarn build"
   },
+  "browserslist": {
+    "production": [
+      ">0.2%",
+      "not dead",
+      "not op_mini all"
+    ],
+    "development": [
+      "last 1 chrome version",
+      "last 1 firefox version",
+      "last 1 safari version"
+    ]
+  },
   "peerDependencies": {
     "chroma-js": "^2.4.2",
     "use-wallet": "0.13.5"