@onepercentio/one-ui 0.1.2

package/dist/components/WalletConnectionWrapper/WalletConnectionWrapper.stories.js

@@ -0,0 +1,56 @@
+"use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.UsageWithActionProps = exports.BasicUsage = void 0;
+const react_1 = __importDefault(require("react"));
+const WalletConnectionWrapper_1 = __importDefault(require("./WalletConnectionWrapper"));
+const AdaptiveDialog_1 = __importDefault(require("../AdaptiveDialog"));
+const Button_1 = __importDefault(require("../Button"));
+exports.default = {
+    title: "Wallet Connection Wrapper",
+    component: WalletConnectionWrapper_1.default,
+};
+const BasicUsage = (args) => {
+    return (react_1.default.createElement(WalletConnectionWrapper_1.default, Object.assign({}, args, { Content: ({ error, loading, isChainIdValid, isProviderAvailable, isConnectedAndValidChain, connect, disconnect, changeChainId, }) => (react_1.default.createElement(react_1.default.Fragment, null,
+            react_1.default.createElement("h1", null, "The content prop will receive the props of control for handling wallet connection"),
+            react_1.default.createElement("h3", null, "You can test this component by using metamask"),
+            react_1.default.createElement("p", null,
+                react_1.default.createElement("b", null, "Is connected and valid chain: "),
+                " ",
+                String(isConnectedAndValidChain)),
+            react_1.default.createElement("p", null,
+                "Error: ",
+                String(error)),
+            react_1.default.createElement("p", null,
+                "Loading: ",
+                String(loading)),
+            react_1.default.createElement("p", null,
+                "Valid chain (",
+                args.allowedChainId,
+                "): ",
+                String(isChainIdValid)),
+            react_1.default.createElement("p", null,
+                "Provider available (",
+                String(isProviderAvailable),
+                ")"),
+            react_1.default.createElement("h2", null, "actions"),
+            react_1.default.createElement("button", { onClick: connect }, "Connect"),
+            react_1.default.createElement("button", { onClick: disconnect }, "Disconnect"),
+            react_1.default.createElement("button", { onClick: changeChainId }, "Change chain id (to the chain id defined on prop)"))) })));
+};
+exports.BasicUsage = BasicUsage;
+const UsageWithActionProps = (args) => {
+    return (react_1.default.createElement(WalletConnectionWrapper_1.default, Object.assign({}, args, { ProviderUnavailable: () => (react_1.default.createElement(AdaptiveDialog_1.default, { open: true }, "Do something when the provider is not available")), ChainIdInvalid: ({ changeChainId }) => (react_1.default.createElement(AdaptiveDialog_1.default, { open: true },
+            "Some action when the chain id is invalid",
+            react_1.default.createElement(Button_1.default, { variant: "filled", onClick: changeChainId }, "This action come as prop"))), Content: ({ connect }) => (react_1.default.createElement(react_1.default.Fragment, null,
+            react_1.default.createElement("h1", null, "You can also delegate the handling to the props, check the story for more details"),
+            react_1.default.createElement("button", { onClick: connect }, "Connect"))) })));
+};
+exports.UsageWithActionProps = UsageWithActionProps;
+exports.BasicUsage.args = {
+    allowedChainId: 80001, ///MUMBAI
+};
+exports.UsageWithActionProps.args = Object.assign({}, exports.BasicUsage.args);
+//# sourceMappingURL=WalletConnectionWrapper.stories.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"WalletConnectionWrapper.stories.js","sourceRoot":"","sources":["../../../src/components/WalletConnectionWrapper/WalletConnectionWrapper.stories.tsx"],"names":[],"mappings":";;;;;;AAAA,kDAAgE;AAChE,wFAAgE;AAGhE,uEAA+C;AAC/C,uDAA+B;AAE/B,kBAAe;IACb,KAAK,EAAE,2BAA2B;IAClC,SAAS,EAAE,iCAAuB;CACnC,CAAC;AAEK,MAAM,UAAU,GAAG,CACxB,IAAoD,EACpD,EAAE;IACF,OAAO,CACL,8BAAC,iCAAuB,oBAClB,IAAI,IACR,OAAO,EAAE,CAAC,EACR,KAAK,EACL,OAAO,EACP,cAAc,EACd,mBAAmB,EACnB,wBAAwB,EACxB,OAAO,EACP,UAAU,EACV,aAAa,GACd,EAAE,EAAE,CAAC,CACJ;YACE,8HAGK;YACL,0FAAsD;YACtD;gBACE,0EAAqC;gBAAC,GAAG;gBACxC,MAAM,CAAC,wBAAwB,CAAC,CAC/B;YACJ;;gBAAW,MAAM,CAAC,KAAK,CAAC,CAAK;YAC7B;;gBAAa,MAAM,CAAC,OAAO,CAAC,CAAK;YACjC;;gBACgB,IAAI,CAAC,cAAc;;gBAAK,MAAM,CAAC,cAAc,CAAC,CAC1D;YACJ;;gBAAwB,MAAM,CAAC,mBAAmB,CAAC;oBAAM;YACzD,oDAAgB;YAChB,0CAAQ,OAAO,EAAE,OAAO,cAAkB;YAC1C,0CAAQ,OAAO,EAAE,UAAU,iBAAqB;YAChD,0CAAQ,OAAO,EAAE,aAAa,wDAErB,CACR,CACJ,IACD,CACH,CAAC;AACJ,CAAC,CAAC;AA1CW,QAAA,UAAU,cA0CrB;AAEK,MAAM,oBAAoB,GAAG,CAClC,IAAoD,EACpD,EAAE;IACF,OAAO,CACL,8BAAC,iCAAuB,oBAClB,IAAI,IACR,mBAAmB,EAAE,GAAG,EAAE,CAAC,CACzB,8BAAC,wBAAc,IAAC,IAAI,4DAEH,CAClB,EACD,cAAc,EAAE,CAAC,EAAE,aAAa,EAAE,EAAE,EAAE,CAAC,CACrC,8BAAC,wBAAc,IAAC,IAAI;;YAElB,8BAAC,gBAAM,IAAC,OAAO,EAAC,QAAQ,EAAC,OAAO,EAAE,aAAa,+BAEtC,CACM,CAClB,EACD,OAAO,EAAE,CAAC,EAAE,OAAO,EAAE,EAAE,EAAE,CAAC,CACxB;YACE,8HAGK;YACL,0CAAQ,OAAO,EAAE,OAAO,cAAkB,CACzC,CACJ,IACD,CACH,CAAC;AACJ,CAAC,CAAC;AA9BW,QAAA,oBAAoB,wBA8B/B;AAEF,kBAAU,CAAC,IAAI,GAAG;IAChB,cAAc,EAAE,KAAK,EAAE,SAAS;CACiB,CAAC;AAEpD,4BAAoB,CAAC,IAAI,qBACpB,kBAAU,CAAC,IAAI,CACnB,CAAC"}

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

@@ -0,0 +1 @@
+export {};

package/dist/components/WalletConnectionWrapper/WalletConnectionWrapper.test.js

@@ -0,0 +1,133 @@
+"use strict";
+var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    Object.defineProperty(o, k2, { enumerable: true, get: function() { return m[k]; } });
+}) : (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 WalletConnectionWrapper_1 = __importDefault(require("./WalletConnectionWrapper"));
+const utils_1 = require("../../__test__/utils");
+const ProviderMock = jest.spyOn(require("use-wallet"), "UseWalletProvider");
+const useWalletMock = jest
+    .spyOn(require("use-wallet"), "useWallet")
+    .mockImplementation(() => ({}));
+const MockContent = () => null;
+const defaultProps = {
+    Content: MockContent,
+};
+beforeEach(() => {
+    jest.clearAllMocks();
+    localStorage.removeItem("auto_connect");
+});
+it("Should auto connect the connection after the user connects", () => __awaiter(void 0, void 0, void 0, function* () {
+    const connectCb = jest.fn(() => { });
+    useWalletMock.mockImplementation(() => (Object.assign({ isConnected: () => false, connect: connectCb, reset: () => { } }, {})));
+    global.window.ethereum = {};
+    function getAutoConnectFlag() {
+        return !!localStorage.getItem("auto_connect");
+    }
+    expect(getAutoConnectFlag()).toBeFalsy();
+    const ref = (0, react_1.createRef)();
+    (0, react_2.render)(react_1.default.createElement(WalletConnectionWrapper_1.default, Object.assign({ ref: ref }, defaultProps)));
+    expect(ProviderMock).toHaveBeenCalledTimes(1);
+    yield (0, react_2.act)(() => __awaiter(void 0, void 0, void 0, function* () {
+        yield ref.current.connect();
+    }));
+    expect(connectCb).toHaveBeenCalledTimes(1);
+    (0, react_2.render)(react_1.default.createElement(WalletConnectionWrapper_1.default, Object.assign({ ref: ref }, defaultProps)));
+    yield (0, react_2.act)(() => (0, utils_1.WaitTimeout)(100));
+    expect(ProviderMock).toHaveBeenCalledTimes(2);
+    expect(getAutoConnectFlag()).toBeTruthy();
+    expect(connectCb).toHaveBeenCalledTimes(2);
+    ref.current.disconnect();
+    (0, react_2.render)(react_1.default.createElement(WalletConnectionWrapper_1.default, Object.assign({ ref: ref }, defaultProps)));
+    expect(ProviderMock).toHaveBeenCalledTimes(3);
+    expect(getAutoConnectFlag()).toBeFalsy();
+    expect(connectCb).toHaveBeenCalledTimes(2);
+}));
+it("Should warn when there is no provider available", () => {
+    useWalletMock.mockImplementation(() => (Object.assign({ isConnected: () => false }, {})));
+    delete window.ethereum;
+    const { container } = (0, react_2.render)(react_1.default.createElement(WalletConnectionWrapper_1.default, Object.assign({ ProviderUnavailable: () => react_1.default.createElement("h1", null, "Provider unavailable") }, defaultProps)));
+    expect(container.textContent).toEqual("Provider unavailable");
+    window.ethereum = {};
+    const { container: continer2 } = (0, react_2.render)(react_1.default.createElement(WalletConnectionWrapper_1.default, Object.assign({ ProviderUnavailable: () => react_1.default.createElement("h1", null, "Provider unavailable") }, defaultProps)));
+    expect(continer2.textContent).not.toEqual("Provider unavailable");
+});
+it("Should warn when the chainId is not the correct one", () => {
+    const requestMock = jest.fn();
+    window.ethereum = {
+        request: requestMock,
+    };
+    useWalletMock.mockImplementation(() => (Object.assign({ chainId: 56, isConnected: () => true }, {})));
+    const { container } = (0, react_2.render)(react_1.default.createElement(WalletConnectionWrapper_1.default, Object.assign({ allowedChainId: 56, ChainIdInvalid: () => react_1.default.createElement("h1", null, "Invalid") }, defaultProps)));
+    expect(container.textContent).not.toContain("Invalid");
+    const resetMock = jest.fn();
+    const connectMock = jest.fn();
+    useWalletMock.mockImplementation(() => (Object.assign({ chainId: "UNEXPECTED", reset: resetMock, connect: connectMock, isConnected: () => true }, {})));
+    const ui = jest.fn(({ changeChainId }) => (react_1.default.createElement("h1", null, "Invalid")));
+    const { container: container2 } = (0, react_2.render)(react_1.default.createElement(WalletConnectionWrapper_1.default, Object.assign({ allowedChainId: 56, ChainIdInvalid: ui }, defaultProps)));
+    expect(container2.textContent).toContain("Invalid");
+    // When the user clicks the change chain
+    ui.mock.calls.slice(-1)[0][0].changeChainId();
+    expect(resetMock).toHaveBeenCalled();
+    expect(connectMock).toHaveBeenCalled();
+    expect(requestMock).toHaveBeenCalledWith({
+        method: "wallet_switchEthereumChain",
+        params: [
+            {
+                chainId: `0x38`,
+            },
+        ],
+    });
+});
+it("Should warn when the connection fails", () => __awaiter(void 0, void 0, void 0, function* () {
+    useWalletMock.mockImplementation(() => (Object.assign({ chainId: "UNEXPECTED", isConnected: () => false, connect: () => Promise.reject() }, {})));
+    window.ethereum = {};
+    const ref = (0, react_1.createRef)();
+    const mockComp = jest.fn((props) => (props.error ? "Error" : props.loading ? "Loading" : "OK"));
+    const { findByText } = (0, react_2.render)(react_1.default.createElement(WalletConnectionWrapper_1.default, Object.assign({ ref: ref }, defaultProps, { Content: mockComp })));
+    (0, react_2.act)(() => {
+        ref.current.connect();
+    });
+    yield findByText("Error");
+}));
+// This cenario is given by the useWallet hook .isConnected()
+//it("Should notify when the user connects", () => {});
+describe("BUGFIX", () => {
+    it("Should not validate chainId if not connected yet", () => {
+        window.ethereum = {};
+        useWalletMock.mockImplementation(() => (Object.assign({ chainId: undefined, isConnected: () => false }, {})));
+        const { container, findByText } = (0, react_2.render)(react_1.default.createElement(WalletConnectionWrapper_1.default, Object.assign({ allowedChainId: 90, ChainIdInvalid: () => react_1.default.createElement("p", null, "Invalid") }, defaultProps)));
+        expect(container.textContent).not.toContain("Invalid");
+    });
+});
+//# sourceMappingURL=WalletConnectionWrapper.test.js.map

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

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

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

@@ -0,0 +1 @@
+export { default } from './WalletConnectionWrapper';

package/dist/components/WalletConnectionWrapper/index.js

@@ -0,0 +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 WalletConnectionWrapper_1 = require("./WalletConnectionWrapper");
+Object.defineProperty(exports, "default", { enumerable: true, get: function () { return __importDefault(WalletConnectionWrapper_1).default; } });
+//# 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"}

package/dist/context/OneUIProvider.d.ts

@@ -0,0 +1,54 @@
+import { PropsWithChildren } from "react";
+declare type DeepPartial<T> = {
+    [P in keyof T]?: T[P] extends Function ? T[P] : DeepPartial<T[P]>;
+};
+declare type ContextSpecs = {
+    component: {
+        fileInput: {
+            Icon: () => JSX.Element;
+        };
+        passwordInput: {
+            iconSrc: {
+                passwordHidden: string;
+                passwordVisible: string;
+            };
+        };
+        asyncWrapper: {
+            LoadingComponent?: () => JSX.Element;
+            messages: {
+                error: {
+                    title: string;
+                    retryBtn: string;
+                };
+            };
+        };
+        select: {
+            StateIndicator: (props: {
+                open: boolean;
+            }) => JSX.Element;
+        };
+        header: {
+            LogoImage: () => JSX.Element;
+            MoreOptions: ({ open }: {
+                open: boolean;
+            }) => JSX.Element;
+        };
+        table: {
+            controls: {
+                PrevPage: ({ disabled }: {
+                    disabled: boolean;
+                }) => JSX.Element;
+                NextPage: ({ disabled }: {
+                    disabled: boolean;
+                }) => JSX.Element;
+            };
+        };
+    };
+};
+declare type ContextConfigSpecs = DeepPartial<ContextSpecs>;
+export default function OneUIProvider({ children, config, }: PropsWithChildren<{
+    config: ContextConfigSpecs;
+}>): JSX.Element;
+export declare function ProtectVariableAccess(obj?: any, basePath?: string[]): any;
+export declare function useOneUIContext(): ContextSpecs;
+export {};

package/dist/context/OneUIProvider.js

@@ -0,0 +1,60 @@
+"use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.useOneUIContext = exports.ProtectVariableAccess = void 0;
+const lodash_1 = require("lodash");
+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);
+}
+exports.default = OneUIProvider;
+const debouncedError = (0, lodash_1.debounce)((message) => {
+    const event = new Event("error");
+    event.error = new Error(message);
+    window.dispatchEvent(event);
+}, 100);
+function ProtectVariableAccess(obj, basePath = []) {
+    const proxyInstance = new Proxy(() => obj || {}, {
+        apply: (target) => {
+            return String(target());
+        },
+        get: (ctx, variable) => {
+            const value = ctx()[variable];
+            if (variable === Symbol.toPrimitive)
+                return () => value;
+            if (value === undefined) {
+                const path = [...basePath, variable.toString()];
+                if (/[^A-Z]/.test(String(variable).charAt(0)))
+                    debouncedError(`A component is using the UI config ${path.join(".")}.
+          
+Please define it using:
+import OneUIProvider from "@onepercent/one-ui/dist/context/OneUIProvider";
+...
+  <OneUIProvider config={THE_MISSING_CONFIG}>
+    ...
+  </OneUIProvider>`);
+                else
+                    debouncedError.cancel();
+            }
+            if ((typeof value === "object" && !Array.isArray(value)) ||
+                (value === undefined && /[^A-Z]/.test(String(variable).charAt(0))))
+                return ProtectVariableAccess(value, [...basePath, variable.toString()]);
+            return value;
+        },
+    });
+    return proxyInstance;
+}
+exports.ProtectVariableAccess = ProtectVariableAccess;
+function useOneUIContext() {
+    const context = (0, react_2.useContext)(Context);
+    if (process.env.NODE_ENV === "development") {
+        return ProtectVariableAccess(context);
+    }
+    return context;
+}
+exports.useOneUIContext = useOneUIContext;
+//# sourceMappingURL=OneUIProvider.js.map

package/dist/context/OneUIProvider.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"OneUIProvider.js","sourceRoot":"","sources":["../../src/context/OneUIProvider.tsx"],"names":[],"mappings":";;;;;;AAAA,mCAAkC;AAClC,kDAA0B;AAC1B,iCAAqE;AA4CrE,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,MAAM,cAAc,GAAG,IAAA,iBAAQ,EAAC,CAAC,OAAe,EAAE,EAAE;IAClD,MAAM,KAAK,GAAG,IAAI,KAAK,CAAC,OAAO,CAAC,CAAC;IAChC,KAAa,CAAC,KAAK,GAAG,IAAI,KAAK,CAAC,OAAO,CAAC,CAAC;IAC1C,MAAM,CAAC,aAAa,CAAC,KAAK,CAAC,CAAC;AAC9B,CAAC,EAAE,GAAG,CAAC,CAAC;AACR,SAAgB,qBAAqB,CAAC,GAAS,EAAE,WAAqB,EAAE;IACtE,MAAM,aAAa,GAAG,IAAI,KAAK,CAAC,GAAG,EAAE,CAAC,GAAG,IAAI,EAAE,EAAE;QAC/C,KAAK,EAAE,CAAC,MAAM,EAAE,EAAE;YAChB,OAAO,MAAM,CAAC,MAAM,EAAE,CAAC,CAAC;QAC1B,CAAC;QACD,GAAG,EAAE,CAAC,GAAG,EAAE,QAAQ,EAAE,EAAE;YACrB,MAAM,KAAK,GAAG,GAAG,EAAE,CAAC,QAAwC,CAAC,CAAC;YAC9D,IAAI,QAAQ,KAAK,MAAM,CAAC,WAAW;gBAAE,OAAO,GAAG,EAAE,CAAC,KAAK,CAAC;YACxD,IAAI,KAAK,KAAK,SAAS,EAAE;gBACvB,MAAM,IAAI,GAAG,CAAC,GAAG,QAAQ,EAAE,QAAQ,CAAC,QAAQ,EAAE,CAAC,CAAC;gBAChD,IAAI,QAAQ,CAAC,IAAI,CAAC,MAAM,CAAC,QAAQ,CAAC,CAAC,MAAM,CAAC,CAAC,CAAC,CAAC;oBAC3C,cAAc,CACZ,sCAAsC,IAAI,CAAC,IAAI,CAAC,GAAG,CAAC;;;;;;;mBAO7C,CACR,CAAC;;oBACC,cAAc,CAAC,MAAM,EAAE,CAAC;aAC9B;YACD,IACE,CAAC,OAAO,KAAK,KAAK,QAAQ,IAAI,CAAC,KAAK,CAAC,OAAO,CAAC,KAAK,CAAC,CAAC;gBACpD,CAAC,KAAK,KAAK,SAAS,IAAI,QAAQ,CAAC,IAAI,CAAC,MAAM,CAAC,QAAQ,CAAC,CAAC,MAAM,CAAC,CAAC,CAAC,CAAC,CAAC;gBAElE,OAAO,qBAAqB,CAAC,KAAK,EAAE,CAAC,GAAG,QAAQ,EAAE,QAAQ,CAAC,QAAQ,EAAE,CAAC,CAAC,CAAC;YAC1E,OAAO,KAAK,CAAC;QACf,CAAC;KACF,CAAC,CAAC;IACH,OAAO,aAAa,CAAC;AACvB,CAAC;AAhCD,sDAgCC;AAED,SAAgB,eAAe;IAC7B,MAAM,OAAO,GAAG,IAAA,kBAAU,EAAC,OAAO,CAAC,CAAC;IAEpC,IAAI,OAAO,CAAC,GAAG,CAAC,QAAQ,KAAK,aAAa,EAAE;QAC1C,OAAO,qBAAqB,CAAC,OAAO,CAAiB,CAAC;KACvD;IAED,OAAO,OAAuB,CAAC;AACjC,CAAC;AARD,0CAQC"}

package/dist/context/OneUIProvider.test.d.ts

@@ -0,0 +1 @@
+export {};

package/dist/context/OneUIProvider.test.js

@@ -0,0 +1,46 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+const OneUIProvider_1 = require("./OneUIProvider");
+const loggingSpy = jest.spyOn(console, "error");
+loggingSpy.mockImplementation(() => { });
+jest.mock("lodash", () => ({ debounce: () => (a) => console.error(a) }));
+describe("The proxy that protects variable access", () => {
+    it("Should work when there is no object (the provider is not added yet)", () => {
+        (0, OneUIProvider_1.ProtectVariableAccess)();
+    });
+    it("Should work when there is a concatenation", () => {
+        const val = (0, OneUIProvider_1.ProtectVariableAccess)(() => { });
+        expect("" + val).toBeDefined();
+    });
+    it("Should work when there is an or", () => {
+        const val = (0, OneUIProvider_1.ProtectVariableAccess)(() => { });
+        expect(val || "expectedResult").toEqual("expectedResult");
+    });
+    it("Should log expected value", () => {
+        const a = (0, OneUIProvider_1.ProtectVariableAccess)({ some: { prop: "string" } });
+        // expect("Result: " + a).toEqual("Result: [object Object]");
+        expect("Result: " + a.some.prop).toEqual("Result: string");
+    });
+    it("Should display the path to the file when it doesn't exists", () => {
+        const protectedObject = (0, OneUIProvider_1.ProtectVariableAccess)({});
+        protectedObject.undefinedProperty;
+        expect(loggingSpy).toHaveBeenCalledWith(expect.stringContaining("undefinedProperty"));
+        jest.clearAllMocks();
+        const protectedObjectWithSecondLevelDependency = (0, OneUIProvider_1.ProtectVariableAccess)({
+            undefinedProperty: {},
+        });
+        protectedObjectWithSecondLevelDependency.undefinedProperty
+            .thisShouldNotCrash;
+        expect(loggingSpy).toHaveBeenCalledWith(expect.stringContaining("undefinedProperty.thisShouldNotCrash"));
+        jest.clearAllMocks();
+        const protectedObjectWithThirddLevelDependency = (0, OneUIProvider_1.ProtectVariableAccess)({
+            undefinedProperty: {
+                thisShouldNotCrash: {},
+            },
+        });
+        protectedObjectWithThirddLevelDependency.undefinedProperty
+            .thisShouldNotCrash.andThisShouldFollowAllThePath;
+        expect(loggingSpy).toHaveBeenCalledWith(expect.stringContaining("undefinedProperty.thisShouldNotCrash.andThisShouldFollowAllThePath"));
+    });
+});
+//# sourceMappingURL=OneUIProvider.test.js.map

package/dist/context/OneUIProvider.test.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"OneUIProvider.test.js","sourceRoot":"","sources":["../../src/context/OneUIProvider.test.ts"],"names":[],"mappings":";;AAAA,mDAAwD;AAExD,MAAM,UAAU,GAAG,IAAI,CAAC,KAAK,CAAC,OAAO,EAAE,OAAO,CAAC,CAAC;AAEhD,UAAU,CAAC,kBAAkB,CAAC,GAAG,EAAE,GAAE,CAAC,CAAC,CAAC;AAExC,IAAI,CAAC,IAAI,CAAC,QAAQ,EAAE,GAAG,EAAE,CAAC,CAAC,EAAE,QAAQ,EAAE,GAAG,EAAE,CAAC,CAAC,CAAM,EAAE,EAAE,CAAC,OAAO,CAAC,KAAK,CAAC,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC;AAE9E,QAAQ,CAAC,yCAAyC,EAAE,GAAG,EAAE;IACvD,EAAE,CAAC,qEAAqE,EAAE,GAAG,EAAE;QAC7E,IAAA,qCAAqB,GAAE,CAAC;IAC1B,CAAC,CAAC,CAAC;IACH,EAAE,CAAC,2CAA2C,EAAE,GAAG,EAAE;QACnD,MAAM,GAAG,GAAG,IAAA,qCAAqB,EAAC,GAAG,EAAE,GAAE,CAAC,CAAC,CAAC;QAC5C,MAAM,CAAC,EAAE,GAAG,GAAG,CAAC,CAAC,WAAW,EAAE,CAAC;IACjC,CAAC,CAAC,CAAC;IACH,EAAE,CAAC,iCAAiC,EAAE,GAAG,EAAE;QACzC,MAAM,GAAG,GAAG,IAAA,qCAAqB,EAAC,GAAG,EAAE,GAAE,CAAC,CAAC,CAAC;QAC5C,MAAM,CAAC,GAAG,IAAI,gBAAgB,CAAC,CAAC,OAAO,CAAC,gBAAgB,CAAC,CAAC;IAC5D,CAAC,CAAC,CAAC;IACH,EAAE,CAAC,2BAA2B,EAAE,GAAG,EAAE;QACnC,MAAM,CAAC,GAAG,IAAA,qCAAqB,EAAC,EAAE,IAAI,EAAE,EAAE,IAAI,EAAE,QAAQ,EAAE,EAAE,CAAC,CAAC;QAC9D,6DAA6D;QAC7D,MAAM,CAAC,UAAU,GAAG,CAAC,CAAC,IAAI,CAAC,IAAI,CAAC,CAAC,OAAO,CAAC,gBAAgB,CAAC,CAAC;IAC7D,CAAC,CAAC,CAAC;IACH,EAAE,CAAC,4DAA4D,EAAE,GAAG,EAAE;QACpE,MAAM,eAAe,GAAG,IAAA,qCAAqB,EAAC,EAAE,CAAC,CAAC;QAClD,eAAe,CAAC,iBAAiB,CAAC;QAClC,MAAM,CAAC,UAAU,CAAC,CAAC,oBAAoB,CACrC,MAAM,CAAC,gBAAgB,CAAC,mBAAmB,CAAC,CAC7C,CAAC;QAEF,IAAI,CAAC,aAAa,EAAE,CAAC;QACrB,MAAM,wCAAwC,GAAG,IAAA,qCAAqB,EAAC;YACrE,iBAAiB,EAAE,EAAE;SACtB,CAAC,CAAC;QACH,wCAAwC,CAAC,iBAAiB;aACvD,kBAAkB,CAAC;QACtB,MAAM,CAAC,UAAU,CAAC,CAAC,oBAAoB,CACrC,MAAM,CAAC,gBAAgB,CAAC,sCAAsC,CAAC,CAChE,CAAC;QAEF,IAAI,CAAC,aAAa,EAAE,CAAC;QACrB,MAAM,wCAAwC,GAAG,IAAA,qCAAqB,EAAC;YACrE,iBAAiB,EAAE;gBACjB,kBAAkB,EAAE,EAAE;aACvB;SACF,CAAC,CAAC;QACH,wCAAwC,CAAC,iBAAiB;aACvD,kBAAkB,CAAC,6BAA6B,CAAC;QACpD,MAAM,CAAC,UAAU,CAAC,CAAC,oBAAoB,CACrC,MAAM,CAAC,gBAAgB,CACrB,oEAAoE,CACrE,CACF,CAAC;IACJ,CAAC,CAAC,CAAC;AACL,CAAC,CAAC,CAAC"}

package/dist/context/__mocks__/OneUIProvider.d.ts

@@ -0,0 +1,45 @@
+import { ComponentProps } from "react";
+export declare function useOneUIContext(): {
+    component?: {
+        fileInput?: {
+            Icon?: (() => JSX.Element) | undefined;
+        } | undefined;
+        passwordInput?: {
+            iconSrc?: {
+                passwordHidden?: string | undefined;
+                passwordVisible?: string | undefined;
+            } | undefined;
+        } | undefined;
+        asyncWrapper?: {
+            LoadingComponent?: {} | undefined;
+            messages?: {
+                error?: {
+                    title?: string | undefined;
+                    retryBtn?: string | undefined;
+                } | undefined;
+            } | undefined;
+        } | undefined;
+        select?: {
+            StateIndicator?: ((props: {
+                open: boolean;
+            }) => JSX.Element) | undefined;
+        } | undefined;
+        header?: {
+            LogoImage?: (() => JSX.Element) | undefined;
+            MoreOptions?: (({ open }: {
+                open: boolean;
+            }) => JSX.Element) | undefined;
+        } | undefined;
+        table?: {
+            controls?: {
+                PrevPage?: (({ disabled }: {
+                    disabled: boolean;
+                }) => JSX.Element) | undefined;
+                NextPage?: (({ disabled }: {
+                    disabled: boolean;
+                }) => JSX.Element) | undefined;
+            } | undefined;
+        } | undefined;
+    } | undefined;
+};
+export declare function setupMock(ctx: ComponentProps<typeof import("../OneUIProvider")["default"]>["config"]): void;

package/dist/context/__mocks__/OneUIProvider.js

@@ -0,0 +1,13 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.setupMock = exports.useOneUIContext = void 0;
+let MockedProvider;
+function useOneUIContext() {
+    return MockedProvider;
+}
+exports.useOneUIContext = useOneUIContext;
+function setupMock(ctx) {
+    MockedProvider = ctx;
+}
+exports.setupMock = setupMock;
+//# sourceMappingURL=OneUIProvider.js.map

package/dist/context/__mocks__/OneUIProvider.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"OneUIProvider.js","sourceRoot":"","sources":["../../../src/context/__mocks__/OneUIProvider.tsx"],"names":[],"mappings":";;;AAEA,IAAI,cAEO,CAAC;AAEZ,SAAgB,eAAe;IAC7B,OAAO,cAAc,CAAC;AACxB,CAAC;AAFD,0CAEC;AAED,SAAgB,SAAS,CACvB,GAA2E;IAE3E,cAAc,GAAG,GAAG,CAAC;AACvB,CAAC;AAJD,8BAIC"}

package/dist/hooks/useAsyncControl.d.ts

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

package/dist/hooks/useAsyncControl.js

@@ -0,0 +1,40 @@
+"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());
+    });
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+const react_1 = require("react");
+function useAsyncControl() {
+    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* () {
+        try {
+            setLoading(true);
+            setError(undefined);
+            yield asyncFn();
+        }
+        catch (e) {
+            if (process.env.NODE_ENV === "development")
+                console.error(e);
+            setError("UNEXPECTED_ERROR");
+        }
+        finally {
+            setLoading(false);
+        }
+    });
+    return {
+        process: _process,
+        loading,
+        error,
+        setError,
+        setLoading,
+    };
+}
+exports.default = useAsyncControl;
+//# sourceMappingURL=useAsyncControl.js.map

package/dist/hooks/useAsyncControl.js.map

@@ -0,0 +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"}

package/dist/hooks/usePagination.d.ts

@@ -0,0 +1,19 @@
+import useAsyncControl from "./useAsyncControl";
+import { CommonErrorCodes } from "../types";
+declare type UpdateEvent<I extends any> = {
+    finished: boolean;
+    items: I;
+    totalItems: number;
+};
+export default function usePagination<I extends any, A extends any[]>(request: (page: number, currItems?: I, ...args: A) => Promise<UpdateEvent<I>>, paginationId?: (...args: A) => string): Paginable<I, A>;
+export declare type Paginable<I extends any, A extends any[] = []> = {
+    updateItems: (cb: (prevItems?: I) => UpdateEvent<I>["items"]) => void;
+    getNextPage: (...args: A) => void;
+    getPage: (page: number, ...args: A) => void;
+    totalItems: (...args: A) => number | undefined;
+    loading: boolean;
+    error: CommonErrorCodes | undefined;
+    items: I | undefined;
+    setError: ReturnType<typeof useAsyncControl>["setError"];
+};
+export {};

package/dist/hooks/usePagination.js

@@ -0,0 +1,65 @@
+"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 __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 });
+const react_1 = require("react");
+const useAsyncControl_1 = __importDefault(require("./useAsyncControl"));
+function usePagination(request, paginationId = () => "default") {
+    const paginationDataRef = (0, react_1.useRef)({});
+    const { current: paginationData } = paginationDataRef;
+    const currentPageRef = (0, react_1.useRef)({});
+    const { current: currentPage } = currentPageRef;
+    const [items, setItems] = (0, react_1.useState)();
+    const _a = (0, useAsyncControl_1.default)(), { process } = _a, control = __rest(_a, ["process"]);
+    function updateItems(cb) {
+        setItems(cb);
+    }
+    function _requestPage(page, ...args) {
+        var _a;
+        const id = paginationId(...args);
+        if (((_a = paginationData[id]) === null || _a === void 0 ? void 0 : _a.finished) || control.loading)
+            return;
+        process(() => __awaiter(this, void 0, void 0, function* () {
+            const result = yield request(page, items, ...args);
+            currentPage[id] = page;
+            paginationData[id] = {
+                finished: result.finished,
+                totalItems: result.totalItems,
+            };
+            setItems(result.items);
+        }));
+    }
+    return {
+        updateItems,
+        getNextPage: (...args) => _requestPage((currentPage[paginationId(...args)] || 0) + 1, ...args),
+        getPage: _requestPage,
+        totalItems: (...args) => { var _a; return (_a = paginationData[paginationId(...args)]) === null || _a === void 0 ? void 0 : _a.totalItems; },
+        loading: control.loading,
+        error: control.error,
+        items,
+        setError: control.setError
+    };
+}
+exports.default = usePagination;
+//# sourceMappingURL=usePagination.js.map

package/dist/hooks/usePagination.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"usePagination.js","sourceRoot":"","sources":["../../src/hooks/usePagination.ts"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;AAAA,iCAAyC;AACzC,wEAAgD;AAShD,SAAwB,aAAa,CACnC,OAA6E,EAC7E,eAAuC,GAAG,EAAE,CAAC,SAAS;IAEtD,MAAM,iBAAiB,GAAG,IAAA,cAAM,EAO7B,EAAE,CAAC,CAAC;IACP,MAAM,EAAE,OAAO,EAAE,cAAc,EAAE,GAAG,iBAAiB,CAAC;IAEtD,MAAM,cAAc,GAAG,IAAA,cAAM,EAA0B,EAAE,CAAC,CAAC;IAC3D,MAAM,EAAE,OAAO,EAAE,WAAW,EAAE,GAAG,cAAc,CAAC;IAEhD,MAAM,CAAC,KAAK,EAAE,QAAQ,CAAC,GAAG,IAAA,gBAAQ,GAAK,CAAC;IACxC,MAAM,KAA0B,IAAA,yBAAe,GAAE,EAA3C,EAAE,OAAO,OAAkC,EAA7B,OAAO,cAArB,WAAuB,CAAoB,CAAC;IAElD,SAAS,WAAW,CAAC,EAA8C;QACjE,QAAQ,CAAC,EAAE,CAAC,CAAC;IACf,CAAC;IAED,SAAS,YAAY,CAAC,IAAY,EAAE,GAAG,IAAO;;QAC5C,MAAM,EAAE,GAAG,YAAY,CAAC,GAAG,IAAI,CAAC,CAAC;QACjC,IAAI,CAAA,MAAA,cAAc,CAAC,EAAE,CAAC,0CAAE,QAAQ,KAAI,OAAO,CAAC,OAAO;YAAE,OAAO;QAC5D,OAAO,CAAC,GAAS,EAAE;YACjB,MAAM,MAAM,GAAG,MAAM,OAAO,CAAC,IAAI,EAAE,KAAK,EAAE,GAAG,IAAI,CAAC,CAAC;YACnD,WAAW,CAAC,EAAE,CAAC,GAAG,IAAI,CAAC;YACvB,cAAc,CAAC,EAAE,CAAC,GAAG;gBACnB,QAAQ,EAAE,MAAM,CAAC,QAAQ;gBACzB,UAAU,EAAE,MAAM,CAAC,UAAU;aAC9B,CAAC;YACF,QAAQ,CAAC,MAAM,CAAC,KAAK,CAAC,CAAC;QACzB,CAAC,CAAA,CAAC,CAAC;IACL,CAAC;IAED,OAAO;QACL,WAAW;QACX,WAAW,EAAE,CAAC,GAAG,IAAO,EAAE,EAAE,CAC1B,YAAY,CAAC,CAAC,WAAW,CAAC,YAAY,CAAC,GAAG,IAAI,CAAC,CAAC,IAAI,CAAC,CAAC,GAAG,CAAC,EAAE,GAAG,IAAI,CAAC;QACtE,OAAO,EAAE,YAAY;QACrB,UAAU,EAAE,CAAC,GAAG,IAAI,EAAE,EAAE,WAAC,OAAA,MAAA,cAAc,CAAC,YAAY,CAAC,GAAG,IAAI,CAAC,CAAC,0CAAE,UAAU,CAAA,EAAA;QAC1E,OAAO,EAAE,OAAO,CAAC,OAAO;QACxB,KAAK,EAAE,OAAO,CAAC,KAAK;QACpB,KAAK;QACL,QAAQ,EAAE,OAAO,CAAC,QAAQ;KAC3B,CAAC;AACJ,CAAC;AAjDD,gCAiDC"}

package/dist/hooks/usePooledOperation.d.ts

@@ -0,0 +1,15 @@
+/**
+ * A toolkit hook to trigger an request to start a process and execute a pooling operation to validate when the operation is finished
+ */
+export default function usePooledOperation(): {
+    /** Indicates when it's loading */
+    loading: boolean;
+    /** Indicates error of pooling or request */
+    error: boolean;
+    /** Retries the operation based on the current failed step */
+    retry: (() => void) | undefined;
+    /** Initiates the request followed by the pooling operation */
+    start: (_requestOperation: () => Promise<void>, _poolingOperation: () => Promise<boolean>) => void;
+    /** Clear any error that is registered */
+    clearError: () => void;
+};