@onepercentio/one-ui 0.1.2

package/dist/hooks/usePooledOperation.js

@@ -0,0 +1,64 @@
+"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 });
+const react_1 = require("react");
+const useAsyncControl_1 = __importDefault(require("./useAsyncControl"));
+const usePooling_1 = __importDefault(require("./usePooling"));
+/**
+ * A toolkit hook to trigger an request to start a process and execute a pooling operation to validate when the operation is finished
+ */
+function usePooledOperation() {
+    const requestOperation = (0, react_1.useRef)();
+    const poolingOperation = (0, react_1.useRef)();
+    const requestControl = (0, useAsyncControl_1.default)();
+    const pollingControl = (0, usePooling_1.default)();
+    function triggerRequest() {
+        requestControl.process(() => __awaiter(this, void 0, void 0, function* () {
+            yield requestOperation.current();
+            triggerPooling();
+        }));
+    }
+    function triggerPooling() {
+        pollingControl.startPolling(poolingOperation.current);
+    }
+    return {
+        /** Indicates when it's loading */
+        loading: requestControl.loading || pollingControl.isPooling,
+        /** Indicates error of pooling or request */
+        error: !!requestControl.error || !!pollingControl.failed,
+        /** Retries the operation based on the current failed step */
+        retry: requestControl.error
+            ? triggerRequest
+            : pollingControl.failed
+                ? triggerPooling
+                : undefined,
+        /** Initiates the request followed by the pooling operation */
+        start: (
+        /** An arbitrary request */
+        _requestOperation, 
+        /** Resolves to a boolean that indicated if is finished (true) or not (false) */
+        _poolingOperation) => {
+            requestOperation.current = _requestOperation;
+            poolingOperation.current = _poolingOperation;
+            triggerRequest();
+        },
+        /** Clear any error that is registered */
+        clearError: () => {
+            requestControl.setError(undefined);
+            pollingControl.setFailed(false);
+        },
+    };
+}
+exports.default = usePooledOperation;
+//# sourceMappingURL=usePooledOperation.js.map

package/dist/hooks/usePooledOperation.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"usePooledOperation.js","sourceRoot":"","sources":["../../src/hooks/usePooledOperation.ts"],"names":[],"mappings":";;;;;;;;;;;;;;AAAA,iCAA0C;AAC1C,wEAAgD;AAChD,8DAAsC;AAEtC;;GAEG;AACH,SAAwB,kBAAkB;IACxC,MAAM,gBAAgB,GAAG,IAAA,cAAM,GAAuB,CAAC;IACvD,MAAM,gBAAgB,GAAG,IAAA,cAAM,GAA0B,CAAC;IAC1D,MAAM,cAAc,GAAG,IAAA,yBAAe,GAAE,CAAC;IACzC,MAAM,cAAc,GAAG,IAAA,oBAAU,GAAE,CAAC;IAEpC,SAAS,cAAc;QACrB,cAAc,CAAC,OAAO,CAAC,GAAS,EAAE;YAChC,MAAM,gBAAgB,CAAC,OAAQ,EAAE,CAAC;YAClC,cAAc,EAAE,CAAC;QACnB,CAAC,CAAA,CAAC,CAAC;IACL,CAAC;IAED,SAAS,cAAc;QACrB,cAAc,CAAC,YAAY,CAAC,gBAAgB,CAAC,OAAQ,CAAC,CAAC;IACzD,CAAC;IAED,OAAO;QACL,kCAAkC;QAClC,OAAO,EAAE,cAAc,CAAC,OAAO,IAAI,cAAc,CAAC,SAAS;QAC3D,4CAA4C;QAC5C,KAAK,EAAE,CAAC,CAAC,cAAc,CAAC,KAAK,IAAI,CAAC,CAAC,cAAc,CAAC,MAAM;QACxD,6DAA6D;QAC7D,KAAK,EAAE,cAAc,CAAC,KAAK;YACzB,CAAC,CAAC,cAAc;YAChB,CAAC,CAAC,cAAc,CAAC,MAAM;gBACvB,CAAC,CAAC,cAAc;gBAChB,CAAC,CAAC,SAAS;QACb,8DAA8D;QAC9D,KAAK,EAAE;QACL,2BAA2B;QAC3B,iBAAsC;QACtC,gFAAgF;QAChF,iBAAyC,EACzC,EAAE;YACF,gBAAgB,CAAC,OAAO,GAAG,iBAAiB,CAAC;YAC7C,gBAAgB,CAAC,OAAO,GAAG,iBAAiB,CAAC;YAE7C,cAAc,EAAE,CAAC;QACnB,CAAC;QACD,yCAAyC;QACzC,UAAU,EAAE,GAAG,EAAE;YACf,cAAc,CAAC,QAAQ,CAAC,SAAS,CAAC,CAAC;YACnC,cAAc,CAAC,SAAS,CAAC,KAAK,CAAC,CAAC;QAClC,CAAC;KACF,CAAC;AACJ,CAAC;AA9CD,qCA8CC"}

package/dist/hooks/usePooling.d.ts

@@ -0,0 +1,16 @@
+/// <reference types="react" />
+/**
+ * This callback should return a boolean that indicates if the pooling has finished (true) or it should continue (false)
+ */
+declare type PoolingAction = () => Promise<boolean>;
+export default function usePooling(intervalMs?: number, maxPoolingTime?: number): {
+    failed: boolean;
+    setFailed: import("react").Dispatch<import("react").SetStateAction<boolean>>;
+    isPooling: boolean;
+    /**
+     *
+     * @param cb {@link PoolingAction} - Executes and returns if has finished (true) or not (false)
+     */
+    startPolling: (cb: PoolingAction) => void;
+};
+export {};

package/dist/hooks/usePooling.js

@@ -0,0 +1,47 @@
+"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 usePooling(intervalMs = 1000, maxPoolingTime = 60000) {
+    const [intervalId, setIntervalId] = (0, react_1.useState)();
+    const [failed, setFailed] = (0, react_1.useState)(false);
+    (0, react_1.useEffect)(() => () => {
+        if (intervalId)
+            clearInterval(intervalId);
+    }, [intervalId]);
+    return {
+        failed,
+        setFailed,
+        isPooling: !!intervalId,
+        /**
+         *
+         * @param cb {@link PoolingAction} - Executes and returns if has finished (true) or not (false)
+         */
+        startPolling: (cb) => {
+            const maxPoolings = Math.ceil(maxPoolingTime / intervalMs);
+            let poolingCount = 0;
+            const intervalId = setInterval(() => __awaiter(this, void 0, void 0, function* () {
+                poolingCount++;
+                const finished = yield cb();
+                if (finished)
+                    setIntervalId(undefined);
+                else if (poolingCount === maxPoolings) {
+                    setIntervalId(undefined);
+                    setFailed(true);
+                }
+            }), intervalMs);
+            setIntervalId(intervalId);
+            setFailed(false);
+        },
+    };
+}
+exports.default = usePooling;
+//# sourceMappingURL=usePooling.js.map

package/dist/hooks/usePooling.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"usePooling.js","sourceRoot":"","sources":["../../src/hooks/usePooling.ts"],"names":[],"mappings":";;;;;;;;;;;AAAA,iCAA4C;AAO5C,SAAwB,UAAU,CAAC,UAAU,GAAG,IAAI,EAAE,cAAc,GAAG,KAAK;IAC1E,MAAM,CAAC,UAAU,EAAE,aAAa,CAAC,GAAG,IAAA,gBAAQ,GAAgB,CAAC;IAC7D,MAAM,CAAC,MAAM,EAAE,SAAS,CAAC,GAAG,IAAA,gBAAQ,EAAU,KAAK,CAAC,CAAC;IAErD,IAAA,iBAAS,EACP,GAAG,EAAE,CAAC,GAAG,EAAE;QACT,IAAI,UAAU;YAAE,aAAa,CAAC,UAAU,CAAC,CAAC;IAC5C,CAAC,EACD,CAAC,UAAU,CAAC,CACb,CAAC;IAEF,OAAO;QACL,MAAM;QACN,SAAS;QACT,SAAS,EAAE,CAAC,CAAC,UAAU;QACvB;;;WAGG;QACH,YAAY,EAAE,CAAC,EAAiB,EAAE,EAAE;YAClC,MAAM,WAAW,GAAG,IAAI,CAAC,IAAI,CAAC,cAAc,GAAG,UAAU,CAAC,CAAC;YAC3D,IAAI,YAAY,GAAG,CAAC,CAAC;YACrB,MAAM,UAAU,GAAG,WAAW,CAAC,GAAS,EAAE;gBACxC,YAAY,EAAE,CAAC;gBACf,MAAM,QAAQ,GAAG,MAAM,EAAE,EAAE,CAAC;gBAC5B,IAAI,QAAQ;oBAAE,aAAa,CAAC,SAAS,CAAC,CAAC;qBAClC,IAAI,YAAY,KAAK,WAAW,EAAE;oBACrC,aAAa,CAAC,SAAS,CAAC,CAAC;oBACzB,SAAS,CAAC,IAAI,CAAC,CAAC;iBACjB;YACH,CAAC,CAAA,EAAE,UAAU,CAAC,CAAC;YACf,aAAa,CAAC,UAAU,CAAC,CAAC;YAC1B,SAAS,CAAC,KAAK,CAAC,CAAC;QACnB,CAAC;KACF,CAAC;AACJ,CAAC;AAnCD,6BAmCC"}

package/dist/hooks/usePooling.test.d.ts

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

package/dist/hooks/usePooling.test.js

@@ -0,0 +1,104 @@
+"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 });
+const react_hooks_1 = require("@testing-library/react-hooks");
+const test_utils_1 = require("react-dom/test-utils");
+const usePooling_1 = __importDefault(require("./usePooling"));
+const mockCb = () => Promise.resolve(true);
+beforeEach(() => {
+    jest.useFakeTimers();
+});
+afterEach(() => {
+    jest.useRealTimers();
+    jest.clearAllTimers();
+});
+function actAndSync(cb) {
+    (0, test_utils_1.act)(() => {
+        cb();
+        // This is to advance the timer for the setState
+        jest.advanceTimersByTime(100);
+    });
+}
+const renderHookAndSync = (cb) => {
+    const result = (0, react_hooks_1.renderHook)(cb);
+    jest.advanceTimersByTime(100);
+    return result;
+};
+it("Should mount", () => {
+    renderHookAndSync(() => (0, usePooling_1.default)());
+});
+it("Should be able to create an interval", () => {
+    expect(jest.getTimerCount()).toBe(0);
+    const { result: { current: { startPolling }, }, } = renderHookAndSync(() => (0, usePooling_1.default)());
+    actAndSync(() => startPolling(mockCb));
+    expect(jest.getTimerCount()).toBe(1);
+    /** Should clear the old interval */
+    actAndSync(() => startPolling(mockCb));
+    expect(jest.getTimerCount()).toBe(1);
+});
+it("Should indicate when the interval shall end", () => __awaiter(void 0, void 0, void 0, function* () {
+    let num = 0;
+    const cb = () => __awaiter(void 0, void 0, void 0, function* () {
+        num++;
+        return num === 3;
+    });
+    const { result, rerender } = renderHookAndSync(() => (0, usePooling_1.default)());
+    const { startPolling } = result.current;
+    expect(jest.getTimerCount()).toBe(0);
+    expect(result.current.isPooling).toBeFalsy();
+    actAndSync(() => startPolling(cb));
+    expect(jest.getTimerCount()).toBe(1);
+    expect(result.current.isPooling).toBeTruthy();
+    // First execution
+    (0, test_utils_1.act)(() => {
+        jest.advanceTimersByTime(1000);
+    });
+    expect(jest.getTimerCount()).toBe(1);
+    expect(result.current.isPooling).toBeTruthy();
+    //Second execution
+    (0, test_utils_1.act)(() => {
+        jest.advanceTimersByTime(1000);
+    });
+    expect(jest.getTimerCount()).toBe(1);
+    expect(result.current.isPooling).toBeTruthy();
+    //Last execution
+    (0, test_utils_1.act)(() => {
+        jest.advanceTimersByTime(1000);
+    });
+    //   expect(jest.getTimerCount()).toBe(0);
+    //   expect(result.current.isPooling).toBeFalsy();
+}));
+it.each([
+    [1000, 5000, 5],
+    [500, 10000, 20],
+    [1000, 2578, 3],
+])("Should end the pooling with error when the pooling of interval %s with max of %s exceeds max executions of %s", (poolingInterval, maxTime, expectedExecutionsCount) => {
+    const { result } = renderHookAndSync(() => (0, usePooling_1.default)(poolingInterval, maxTime));
+    const { startPolling } = result.current;
+    actAndSync(() => startPolling(() => __awaiter(void 0, void 0, void 0, function* () { return false; })));
+    for (let i = 1; i < expectedExecutionsCount; i++) {
+        (0, test_utils_1.act)(() => {
+            jest.advanceTimersByTime(poolingInterval);
+        });
+        if (i === expectedExecutionsCount) {
+            expect(result.current.isPooling).toBeFalsy();
+            expect(result.current.failed).toBeTruthy();
+        }
+        else {
+            expect(result.current.isPooling).toBeTruthy();
+            expect(result.current.failed).toBeFalsy();
+        }
+    }
+});
+//# sourceMappingURL=usePooling.test.js.map

package/dist/hooks/usePooling.test.js.map

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

package/dist/hooks/useShortIntl.d.ts

@@ -0,0 +1,14 @@
+import { IntlFormatters, IntlShape } from "react-intl";
+import { BigNumber } from "bignumber.js";
+export default function useShortIntl(): IntlShape & {
+    txt: (id: OnepercentUtility.IntlIds, params?: Parameters<IntlFormatters["formatMessage"]>[1]) => ReturnType<IntlFormatters["formatMessage"]>;
+    formatBigNumber(number: BigNumber, options?: Parameters<IntlFormatters["formatNumber"]>[1]): string;
+};
+declare type StrMap = {
+    [s: string]: string;
+};
+declare type IsolatedMessages<A extends string, M extends StrMap, P extends string> = {
+    [s1 in `${P}.${keyof M extends string ? keyof M : ""}`]: M[keyof M];
+};
+export declare function isolateMessages<A extends string, M extends StrMap>(preffix: A, strings: M): IsolatedMessages<A, M, A>;
+export {};

package/dist/hooks/useShortIntl.js

@@ -0,0 +1,35 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.isolateMessages = void 0;
+const react_intl_1 = require("react-intl");
+function useShortIntl() {
+    const intl = (0, react_intl_1.useIntl)();
+    const { formatMessage } = intl;
+    return Object.assign(Object.assign({}, intl), { txt: (id, params) => {
+            return formatMessage({ id }, params);
+        }, formatBigNumber(bigNumber, options) {
+            const { decimalSeparator } = intl
+                .formatNumberToParts(1000.1)
+                .reduce((r, a) => {
+                if (a.type === "decimal")
+                    return Object.assign(Object.assign({}, r), { decimalSeparator: a.value });
+                if (a.type === "group")
+                    return Object.assign(Object.assign({}, r), { thousandSeparator: a.value });
+                return r;
+            }, {});
+            const integerPart = bigNumber.integerValue(1);
+            const integer = intl.formatNumber(integerPart.toNumber(), options);
+            const decimals = bigNumber
+                .minus(integerPart)
+                .decimalPlaces((options === null || options === void 0 ? void 0 : options.maximumFractionDigits) || bigNumber.decimalPlaces(), 5)
+                .toString()
+                .replace("0.", "");
+            return `${integer}${decimals !== "0" ? `${decimalSeparator}${decimals}` : ""}`;
+        } });
+}
+exports.default = useShortIntl;
+function isolateMessages(preffix, strings) {
+    return Object.entries(strings).reduce((r, [k, v]) => (Object.assign(Object.assign({}, r), { [`${preffix}.${k}`]: v })), {});
+}
+exports.isolateMessages = isolateMessages;
+//# sourceMappingURL=useShortIntl.js.map

package/dist/hooks/useShortIntl.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"useShortIntl.js","sourceRoot":"","sources":["../../src/hooks/useShortIntl.ts"],"names":[],"mappings":";;;AAAA,2CAAgE;AAGhE,SAAwB,YAAY;IAUlC,MAAM,IAAI,GAAG,IAAA,oBAAO,GAAE,CAAC;IACvB,MAAM,EAAE,aAAa,EAAE,GAAG,IAAI,CAAC;IAC/B,uCACK,IAAI,KACP,GAAG,EAAE,CAAC,EAAE,EAAE,MAAM,EAAE,EAAE;YAClB,OAAO,aAAa,CAAC,EAAE,EAAE,EAAE,EAAE,MAAM,CAAC,CAAC;QACvC,CAAC,EACD,eAAe,CAAC,SAAS,EAAE,OAAO;YAChC,MAAM,EAAE,gBAAgB,EAAE,GAAG,IAAI;iBAC9B,mBAAmB,CAAC,MAAM,CAAC;iBAC3B,MAAM,CAAC,CAAC,CAAC,EAAE,CAAC,EAAE,EAAE;gBACf,IAAI,CAAC,CAAC,IAAI,KAAK,SAAS;oBAAE,uCAAY,CAAC,KAAE,gBAAgB,EAAE,CAAC,CAAC,KAAK,IAAG;gBACrE,IAAI,CAAC,CAAC,IAAI,KAAK,OAAO;oBAAE,uCAAY,CAAC,KAAE,iBAAiB,EAAE,CAAC,CAAC,KAAK,IAAG;gBACpE,OAAO,CAAC,CAAC;YACX,CAAC,EAAE,EAA6D,CAAC,CAAC;YAEpE,MAAM,WAAW,GAAG,SAAS,CAAC,YAAY,CAAC,CAAC,CAAC,CAAC;YAC9C,MAAM,OAAO,GAAG,IAAI,CAAC,YAAY,CAAC,WAAW,CAAC,QAAQ,EAAE,EAAE,OAAO,CAAC,CAAC;YACnE,MAAM,QAAQ,GAAG,SAAS;iBACvB,KAAK,CAAC,WAAW,CAAC;iBAClB,aAAa,CACZ,CAAA,OAAO,aAAP,OAAO,uBAAP,OAAO,CAAE,qBAAqB,KAAI,SAAS,CAAC,aAAa,EAAE,EAC3D,CAAC,CACF;iBACA,QAAQ,EAAE;iBACV,OAAO,CAAC,IAAI,EAAE,EAAE,CAAC,CAAC;YACrB,OAAO,GAAG,OAAO,GACf,QAAQ,KAAK,GAAG,CAAC,CAAC,CAAC,GAAG,gBAAgB,GAAG,QAAQ,EAAE,CAAC,CAAC,CAAC,EACxD,EAAE,CAAC;QACL,CAAC,IACD;AACJ,CAAC;AAzCD,+BAyCC;AAUD,SAAgB,eAAe,CAC7B,OAAU,EACV,OAAU;IAEV,OAAO,MAAM,CAAC,OAAO,CAAC,OAAO,CAAC,CAAC,MAAM,CACnC,CAAC,CAAC,EAAE,CAAC,CAAC,EAAE,CAAC,CAAC,EAAE,EAAE,CAAC,iCACV,CAAC,KACJ,CAAC,GAAG,OAAO,IAAI,CAAC,EAAE,CAAC,EAAE,CAAC,IACtB,EACF,EAA4C,CAC7C,CAAC;AACJ,CAAC;AAXD,0CAWC"}

package/dist/models/GenericContract.d.ts

@@ -0,0 +1,66 @@
+import { Contract, ContractOptions, EventData, PastEventOptions } from "web3-eth-contract";
+export declare type AllABIs = OnepercentUtility.ApplicationABIs;
+declare type ExtractMethods<A extends AllABIs[number]> = A extends {
+    type: "function";
+} ? A["name"] : never;
+declare type ExtractEvents<A extends AllABIs[number]> = A extends {
+    type: "event";
+} ? A["name"] : never;
+declare type MapTypeToJS<L> = L extends "string" ? string : L extends "address" ? string : L extends "uint256" ? string : L extends "bool" ? boolean : unknown;
+declare type ExtractFromObj<R extends (AllABIs[number] & {
+    type: "function";
+})> = {
+    [K in R["outputs"][number]["name"]]: MapTypeToJS<(R["outputs"][number] & {
+        name: K;
+    })["type"]>;
+};
+declare type ExtractMethodDefinition<A extends AllABIs, N extends (AllABIs[number] & {
+    type: "function";
+})["name"], R = A[number] & {
+    type: "function";
+    name: N;
+}> = (...args: TuplifyUnion<(A[number] & {
+    type: "function";
+    name: N;
+})["inputs"][number]["name"]>) => {
+    call: () => Promise<R extends {
+        outputs: {
+            length: 1;
+        };
+    } ? MapTypeToJS<R["outputs"][0]["type"]> : R extends {
+        outputs: any;
+    } ? ExtractFromObj<R> : void>;
+    send: (prop: {
+        from: string;
+    }) => Promise<void>;
+};
+declare type UnionToIntersection<U> = (U extends any ? (k: U) => void : never) extends (k: infer I) => void ? I : never;
+declare type LastOf<T> = UnionToIntersection<T extends any ? () => T : never> extends () => infer R ? R : never;
+declare type Push<T extends any[], V> = [...T, V];
+declare type TuplifyUnion<T, L = LastOf<T>, N = [T] extends [never] ? true : false> = true extends N ? [] : Push<TuplifyUnion<Exclude<T, L>>, MapTypeToJS<L>>;
+export default class GenericContract<A extends AllABIs = AllABIs, E extends string = ExtractEvents<A[number]> | "allEvents"> extends Contract {
+    events: Exclude<E, "allEvents">;
+    constructor(jsonInterface: A, address?: string, options?: ContractOptions);
+    methods: {
+        [k in ExtractMethods<A[number]>]: ExtractMethodDefinition<A, k>;
+    };
+    getPastEvents(event: E): Promise<GenericEventData<A>[]>;
+    getPastEvents(event: E, options: PastEventOptions, callback: (error: Error, event: EventData) => void): Promise<GenericEventData<A>[]>;
+    getPastEvents(event: E, options: PastEventOptions): Promise<GenericEventData<A>[]>;
+    getPastEvents(event: E, callback: (error: Error, event: EventData) => void): Promise<GenericEventData<A>[]>;
+}
+export declare type GenericEventData<E extends AllABIs> = EventData & GenericEvent<E>;
+declare type ABIEvent = AllABIs[number] & {
+    type: "event";
+};
+declare type GenericEvent<ABI extends AllABIs, E extends string = ExtractEvents<ABI[number]>> = {
+    event: E;
+    returnValues: ExtractReturnValues<ABIEvent & {
+        name: E;
+    }>;
+};
+declare type ExtractReturnValues<E extends ABIEvent> = ExtractInputType<E["inputs"][number]>;
+declare type ExtractInputType<I extends ABIEvent["inputs"][number]> = {
+    [k in I["name"]]: MapTypeToJS<I["internalType"]>;
+};
+export {};

package/dist/models/GenericContract.js

@@ -0,0 +1,14 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+// @ts-nocheck
+const web3_eth_contract_1 = require("web3-eth-contract");
+class GenericContract extends web3_eth_contract_1.Contract {
+    constructor(jsonInterface, address, options) {
+        super(jsonInterface, address, options);
+    }
+    getPastEvents(event, options, callback) {
+        return super.getPastEvents(event, options, callback);
+    }
+}
+exports.default = GenericContract;
+//# sourceMappingURL=GenericContract.js.map

package/dist/models/GenericContract.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"GenericContract.js","sourceRoot":"","sources":["../../src/models/GenericContract.ts"],"names":[],"mappings":";;AAAA,cAAc;AACd,yDAK6B;AAoF3B,MAAqB,eAGnB,SAAQ,4BAAQ;IAEhB,YAAY,aAAgB,EAAE,OAAgB,EAAE,OAAyB;QACvE,KAAK,CAAC,aAAqC,EAAE,OAAO,EAAE,OAAO,CAAC,CAAC;IACjE,CAAC;IAkBQ,aAAa,CACpB,KAAU,EACV,OAAa,EACb,QAAc;QAEd,OAAO,KAAK,CAAC,aAAa,CAAC,KAAK,EAAE,OAAO,EAAE,QAAQ,CAAQ,CAAC;IAC9D,CAAC;CACF;AAhCD,kCAgCC"}

package/dist/storybookUtils/index.d.ts

@@ -0,0 +1,5 @@
+import React, { ComponentProps, PropsWithChildren } from "react";
+export declare function extractAllPossibilitiesFromEnumProp<C extends React.JSXElementConstructor<any>, K extends keyof P, P = ComponentProps<C>>(component: C, propName: K): P[K][];
+export declare function SideBySideContainer({ children, exampleName, }: PropsWithChildren<{
+    exampleName: string;
+}>): JSX.Element;

package/dist/storybookUtils/index.js

@@ -0,0 +1,27 @@
+"use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.SideBySideContainer = exports.extractAllPossibilitiesFromEnumProp = void 0;
+const react_1 = __importDefault(require("react"));
+const Spacing_1 = __importDefault(require("../components/Spacing"));
+function extractAllPossibilitiesFromEnumProp(component, propName) {
+    return component.__docgenInfo.props[propName].type.value.map((a) => JSON.parse(a.value));
+}
+exports.extractAllPossibilitiesFromEnumProp = extractAllPossibilitiesFromEnumProp;
+function SideBySideContainer({ children, exampleName, }) {
+    return (react_1.default.createElement("div", { style: {
+            width: "25%",
+            marginRight: 24,
+            display: "inline-flex",
+            flexDirection: "column",
+        } },
+        react_1.default.createElement("span", { style: { borderBottom: "2px solid black", marginBottom: 14 } },
+            "Tipo: ",
+            react_1.default.createElement("b", null, exampleName)),
+        children,
+        react_1.default.createElement(Spacing_1.default, { size: "large" })));
+}
+exports.SideBySideContainer = SideBySideContainer;
+//# sourceMappingURL=index.js.map

package/dist/storybookUtils/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../src/storybookUtils/index.tsx"],"names":[],"mappings":";;;;;;AAAA,kDAAiE;AACjE,oEAA4C;AAE5C,SAAgB,mCAAmC,CAIjD,SAAY,EAAE,QAAW;IACzB,OAAQ,SAAiB,CAAC,YAAY,CAAC,KAAK,CAAC,QAAQ,CAAC,CAAC,IAAI,CAAC,KAAK,CAAC,GAAG,CACnE,CAAC,CAAoB,EAAE,EAAE,CAAC,IAAI,CAAC,KAAK,CAAC,CAAC,CAAC,KAAK,CAAC,CACpC,CAAC;AACd,CAAC;AARD,kFAQC;AAED,SAAgB,mBAAmB,CAAC,EAClC,QAAQ,EACR,WAAW,GACgC;IAC3C,OAAO,CACL,uCACE,KAAK,EAAE;YACL,KAAK,EAAE,KAAK;YACZ,WAAW,EAAE,EAAE;YACf,OAAO,EAAE,aAAa;YACtB,aAAa,EAAE,QAAQ;SACxB;QAED,wCAAM,KAAK,EAAE,EAAE,YAAY,EAAE,iBAAiB,EAAE,YAAY,EAAE,EAAE,EAAE;;YAC1D,yCAAI,WAAW,CAAK,CACrB;QACN,QAAQ;QACT,8BAAC,iBAAO,IAAC,IAAI,EAAC,OAAO,GAAG,CACpB,CACP,CAAC;AACJ,CAAC;AApBD,kDAoBC"}

package/package.json

@@ -0,0 +1,85 @@
+{
+  "name": "@onepercentio/one-ui",
+  "version": "0.1.2",
+  "description": "A set of reusable components created through the development of Onepercent projects",
+  "files": [
+    "dist",
+    "WebpackConfigs"
+  ],
+  "repository": "git@github.com:onepercentio/one-ui.git",
+  "author": "Murilo Oliveira de Araujo <muritavo@outlook.com>",
+  "license": "MIT",
+  "private": false,
+  "types": "src/types.d.ts",
+  "devDependencies": {
+    "@babel/core": "^7.16.0",
+    "@muritavo/webpack-microfrontend-scripts": "^0.0.16",
+    "@storybook/addon-actions": "^6.4.18",
+    "@storybook/addon-essentials": "^6.4.18",
+    "@storybook/addon-links": "^6.4.18",
+    "@storybook/builder-webpack5": "^6.4.18",
+    "@storybook/manager-webpack5": "^6.4.18",
+    "@storybook/preset-scss": "^1.0.3",
+    "@storybook/react": "^6.4.18",
+    "@testing-library/react": "^12.1.2",
+    "@testing-library/react-hooks": "^7.0.2",
+    "@testing-library/user-event": "^13.5.0",
+    "@types/jest": "^27.4.0",
+    "@types/node": "^17.0.13",
+    "assert": "^2.0.0",
+    "babel-loader": "^8.2.3",
+    "buffer": "^6.0.3",
+    "chroma-js": "^2.4.2",
+    "cpy-cli": "^3.1.1",
+    "crypto-browserify": "^3.12.0",
+    "css-loader": "^5",
+    "cypress": "^9.2.0",
+    "https-browserify": "^1.0.0",
+    "inquirer": "^8.2.2",
+    "jest": "^27.3.1",
+    "node-sass": "^6.0.1",
+    "os-browserify": "^0.3.0",
+    "react": "^17.0.2",
+    "react-dom": "^17.0.2",
+    "react-intl": "^5.24.4",
+    "react-scripts": "^5.0.0",
+    "sass": "^1.43.4",
+    "sass-loader": "^10",
+    "stream-browserify": "^3.0.0",
+    "stream-http": "^3.2.0",
+    "style-loader": "^2",
+    "ts-jest": "^27.0.7",
+    "typescript": "^4.5.2",
+    "url": "^0.11.0"
+  },
+  "dependencies": {
+    "@types/chroma-js": "^2.1.3",
+    "@types/lodash": "^4.14.177",
+    "bignumber.js": "^9.0.2",
+    "deepdash": "^5.3.9",
+    "identity-obj-proxy": "^3.0.0",
+    "lodash": "^4.17.21",
+    "prerender-loader": "^1.3.0",
+    "sharp": "^0.30.3"
+  },
+  "resolutions": {
+    "**/html-webpack-plugin": "^5",
+    "**/webpack": "^5"
+  },
+  "scripts": {
+    "storybook": "start-storybook -p 6006",
+    "build-storybook": "build-storybook",
+    "prebuild": "cd src",
+    "copy-css": "cpy --cwd=\"src\" \"**/*.{scss,svg}\" \"../dist\" --parents",
+    "build": "tsc && npm run copy-css",
+    "postbuild": "cd ..",
+    "prepare": "npm run build",
+    "dev": "tsc --watch",
+    "test:watch": "jest --watchAll --coverage",
+    "deploy:storybook": "yarn build-storybook; firebase deploy --only hosting"
+  },
+  "peerDependencies": {
+    "chroma-js": "^2.4.2",
+    "use-wallet": "^0.13.4"
+  }
+}