@onepercentio/one-ui 0.18.0 → 0.18.2

package/dist/context/AsyncProcessQueue.d.ts

@@ -0,0 +1,71 @@
+import React, { PropsWithChildren, ReactElement, RefObject } from "react";
+export declare enum AsyncQueueErrors {
+    RECOVERY_IS_NOT_BEING_CALLED = "A recovery is not set for this call. If the user reloads the page, this process will not return to the async list"
+}
+declare type ReactElementWithState = ReactElement & {
+    status: "loading" | "succeded" | "failed";
+};
+declare type ContextShape = {
+    targetElRef: RefObject<HTMLDivElement>;
+    pendingTransactions: ReturnType<typeof useCounter>;
+    UIs: ReactElementWithState[];
+    setUIs: (updater: (previous: ReactElementWithState[]) => ReactElementWithState[]) => void;
+    watchPromise: <T extends keyof OnepercentUtility.AsyncQueue.UIModels>(promise: Promise<any>, retryFunc: () => Promise<any>, uiType: T, ...uiArgs: OnepercentUtility.AsyncQueue.UIModels[T]) => void;
+    recoveries: {
+        [k in keyof OnepercentUtility.AsyncQueue.RecoveryTypes]: {
+            write: (...args: OnepercentUtility.AsyncQueue.RecoveryTypes[k]) => void;
+            clear: (...args: OnepercentUtility.AsyncQueue.RecoveryTypes[k]) => void;
+        };
+    };
+};
+declare function useCounter(): {
+    count: number;
+    setCounter: React.Dispatch<React.SetStateAction<number>>;
+    increment: () => void;
+    decrement: () => void;
+    reset: () => void;
+};
+/**
+ * This propagates the utilitary functions
+ */
+export declare function AsyncProcessQueueProvider<R extends OnepercentUtility.AsyncQueue.RecoveryTypes = OnepercentUtility.AsyncQueue.RecoveryTypes, T extends keyof OnepercentUtility.AsyncQueue.UIModels = keyof OnepercentUtility.AsyncQueue.UIModels>({ children, recoveries, uiFactory, }: PropsWithChildren<{
+    recoveries: {
+        [k in keyof R]: {
+            write: (...args: R[k]) => void;
+            clear: (...args: R[k]) => void;
+            recover: () => [
+                promiseToWaitFor: Promise<any>,
+                promiseRetryFunction: () => Promise<any>,
+                uiType: T,
+                ...uiArgs: OnepercentUtility.AsyncQueue.UIModels[T]
+            ][];
+        };
+    };
+    uiFactory: (type: keyof OnepercentUtility.AsyncQueue.UIModels) => UIStateFactory;
+}>): JSX.Element;
+export declare function useAsyncProcessQueueContext(): ContextShape;
+declare type AsyncProcessStatuses = "loading" | "succeded" | "failed";
+export interface UIStateFactory {
+    (status: AsyncProcessStatuses, error?: Error, dismiss?: () => void, retry?: () => void): ReactElement;
+}
+/** This exposes the recovery registration functions available for abtract types of calls */
+export declare function useRecoveries<R extends OnepercentUtility.AsyncQueue.RecoveryTypes = OnepercentUtility.AsyncQueue.RecoveryTypes>(): {
+    [K in keyof R]: {
+        write(...args: R[K]): void;
+        clear(...args: R[K]): void;
+    };
+};
+declare type Params<U extends keyof OnepercentUtility.AsyncQueue.UIModels = keyof OnepercentUtility.AsyncQueue.UIModels> = [U, ...OnepercentUtility.AsyncQueue.UIModels[U]];
+/**
+ * This function wraps other async functions and decides when the ongoing promise should be put on the queue or not
+ */
+export declare function useAsyncProcessQueue<T extends {
+    [k: string]: (...args: any[]) => Promise<any>;
+}>(functionsToQueue: T, UIParamsFactory: <F extends keyof T>(functionName: F) => Params): T & {
+    elToTransitionToQueue: RefObject<HTMLDivElement>;
+    /**
+     * Function that wraps the current running actions and animates to the target queue element
+     */
+    wrapQueue: () => void;
+};
+export {};

package/dist/context/AsyncProcessQueue.development.d.ts

@@ -0,0 +1,8 @@
+/**
+ * Binds to the promise and checks if a restore has been registered when finishing
+ * @param promise
+ */
+export declare function securePromise<T>(promise: Promise<T>): Promise<T>;
+/** This registers that a registration has been made an this will be recoverable */
+export declare function countRegistration(): void;
+export declare function resetRegistrationCounter(): void;

package/dist/context/AsyncProcessQueue.development.js

@@ -0,0 +1,42 @@
+"use strict";
+// This file has been created to optimize module bundling and ignore development utility
+// when on production by unused imports
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.resetRegistrationCounter = exports.countRegistration = exports.securePromise = void 0;
+const AsyncProcessQueue_1 = require("./AsyncProcessQueue");
+/** This count how many registrations have been made */
+let amountOfRestorationThatShouldBeNeeded = 0;
+/**
+ * Binds to the promise and checks if a restore has been registered when finishing
+ * @param promise
+ */
+function securePromise(promise) {
+    function validate() {
+        if (amountOfRestorationThatShouldBeNeeded === 0) {
+            throw new Error(AsyncProcessQueue_1.AsyncQueueErrors.RECOVERY_IS_NOT_BEING_CALLED);
+        }
+    }
+    return promise
+        .then((e) => {
+        validate();
+        return e;
+    })
+        .catch((e) => {
+        validate();
+        return Promise.reject(e);
+    })
+        .finally(() => amountOfRestorationThatShouldBeNeeded > 0
+        ? amountOfRestorationThatShouldBeNeeded--
+        : 0);
+}
+exports.securePromise = securePromise;
+/** This registers that a registration has been made an this will be recoverable */
+function countRegistration() {
+    amountOfRestorationThatShouldBeNeeded++;
+}
+exports.countRegistration = countRegistration;
+function resetRegistrationCounter() {
+    amountOfRestorationThatShouldBeNeeded = 0;
+}
+exports.resetRegistrationCounter = resetRegistrationCounter;
+//# sourceMappingURL=AsyncProcessQueue.development.js.map

package/dist/context/AsyncProcessQueue.development.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"AsyncProcessQueue.development.js","sourceRoot":"","sources":["../../src/context/AsyncProcessQueue.development.tsx"],"names":[],"mappings":";AAAA,wFAAwF;AACxF,uCAAuC;;;AAEvC,2DAAuD;AAEvD,uDAAuD;AACvD,IAAI,qCAAqC,GAAG,CAAC,CAAC;AAE9C;;;GAGG;AACH,SAAgB,aAAa,CAAI,OAAmB;IAClD,SAAS,QAAQ;QACf,IAAI,qCAAqC,KAAK,CAAC,EAAE;YAC/C,MAAM,IAAI,KAAK,CAAC,oCAAgB,CAAC,4BAA4B,CAAC,CAAC;SAChE;IACH,CAAC;IACD,OAAO,OAAO;SACX,IAAI,CAAC,CAAC,CAAC,EAAE,EAAE;QACV,QAAQ,EAAE,CAAC;QACX,OAAO,CAAC,CAAC;IACX,CAAC,CAAC;SACD,KAAK,CAAC,CAAC,CAAC,EAAE,EAAE;QACX,QAAQ,EAAE,CAAC;QACX,OAAO,OAAO,CAAC,MAAM,CAAC,CAAC,CAAC,CAAC;IAC3B,CAAC,CAAC;SACD,OAAO,CAAC,GAAG,EAAE,CACZ,qCAAqC,GAAG,CAAC;QACvC,CAAC,CAAC,qCAAqC,EAAE;QACzC,CAAC,CAAC,CAAC,CACN,CAAC;AACN,CAAC;AApBD,sCAoBC;AAED,mFAAmF;AACnF,SAAgB,iBAAiB;IAC/B,qCAAqC,EAAE,CAAC;AAC1C,CAAC;AAFD,8CAEC;AAED,SAAgB,wBAAwB;IACtC,qCAAqC,GAAG,CAAC,CAAC;AAC5C,CAAC;AAFD,4DAEC"}

package/dist/context/AsyncProcessQueue.js

@@ -0,0 +1,186 @@
+"use strict";
+var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    var desc = Object.getOwnPropertyDescriptor(m, k);
+    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
+      desc = { enumerable: true, get: function() { return m[k]; } };
+    }
+    Object.defineProperty(o, k2, desc);
+}) : (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    o[k2] = m[k];
+}));
+var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
+    Object.defineProperty(o, "default", { enumerable: true, value: v });
+}) : function(o, v) {
+    o["default"] = v;
+});
+var __importStar = (this && this.__importStar) || function (mod) {
+    if (mod && mod.__esModule) return mod;
+    var result = {};
+    if (mod != null) for (var k in mod) if (k !== "default" && Object.prototype.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k);
+    __setModuleDefault(result, mod);
+    return result;
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.useAsyncProcessQueue = exports.useRecoveries = exports.useAsyncProcessQueueContext = exports.AsyncProcessQueueProvider = exports.AsyncQueueErrors = void 0;
+const react_1 = __importStar(require("react"));
+const AsyncProcessQueue_development_1 = require("./AsyncProcessQueue.development");
+var AsyncQueueErrors;
+(function (AsyncQueueErrors) {
+    AsyncQueueErrors["RECOVERY_IS_NOT_BEING_CALLED"] = "A recovery is not set for this call. If the user reloads the page, this process will not return to the async list";
+})(AsyncQueueErrors = exports.AsyncQueueErrors || (exports.AsyncQueueErrors = {}));
+const Context = (0, react_1.createContext)(null);
+function useCounter() {
+    const [count, setCounter] = (0, react_1.useState)(0);
+    return {
+        count,
+        setCounter,
+        increment: () => setCounter((prev) => prev + 1),
+        decrement: () => setCounter((prev) => prev - 1),
+        reset: () => setCounter(0),
+    };
+}
+/**
+ * This propagates the utilitary functions
+ */
+function AsyncProcessQueueProvider({ children, recoveries, uiFactory, }) {
+    const targetRef = (0, react_1.useRef)(null);
+    const pendingCounter = useCounter();
+    const [UIs, setUIs] = (0, react_1.useState)([]);
+    const _recoveries = process.env.NODE_ENV === "development"
+        ? Object.entries(recoveries).reduce((r, [k, v]) => (Object.assign(Object.assign({}, r), { [k]: Object.assign(Object.assign({}, v), { write: (...args) => {
+                    (0, AsyncProcessQueue_development_1.countRegistration)();
+                    return v.write(...args);
+                } }) })), {})
+        : recoveries;
+    const watchPromise = (0, react_1.useCallback)((promise, retry, uiType, ...uiParams) => {
+        const Factory = uiFactory(uiType);
+        const LoadingUIInstance = Object.assign(Object.assign({}, Factory("loading")), { status: "loading" });
+        if (process.env.NODE_ENV === "development" && !LoadingUIInstance.key)
+            throw new Error(`The UI generate for the async process should have a key`);
+        setUIs((prev) => [
+            ...prev.filter((a) => a.key !== LoadingUIInstance.key),
+            LoadingUIInstance,
+        ]);
+        promise.then((result) => {
+            // Write success UI
+            setUIs((prev) => prev.map((a) => a === LoadingUIInstance
+                ? Object.assign(Object.assign({}, Factory("succeded")), { status: "succeded" }) : a));
+            return result;
+        });
+        promise.catch((error) => {
+            const UIInstance = Factory("failed", error, () => setUIs((prev) => prev.filter((ui) => ui !== UIInstance)), () => watchPromise(retry(), retry, uiType, ...uiParams));
+            // Write success UI
+            setUIs((prev) => prev.map((a) => a === LoadingUIInstance ? Object.assign(Object.assign({}, UIInstance), { status: "failed" }) : a));
+            throw error;
+        });
+        return promise;
+    }, []);
+    (0, react_1.useEffect)(() => {
+        for (let recovery in recoveries) {
+            const recoveredProcesses = recoveries[recovery].recover();
+            for (let [promise, ...recoveredProcess] of recoveredProcesses) {
+                watchPromise(promise.catch(() => { }), ...recoveredProcess);
+            }
+        }
+    }, []);
+    return (react_1.default.createElement(Context.Provider, { value: {
+            targetElRef: targetRef,
+            pendingTransactions: pendingCounter,
+            watchPromise,
+            setUIs,
+            UIs,
+            recoveries: _recoveries,
+        } }, children));
+}
+exports.AsyncProcessQueueProvider = AsyncProcessQueueProvider;
+function useAsyncProcessQueueContext() {
+    return (0, react_1.useContext)(Context);
+}
+exports.useAsyncProcessQueueContext = useAsyncProcessQueueContext;
+function calculateCenter(el) {
+    const boundsOnViewport = el.getBoundingClientRect();
+    return {
+        x: boundsOnViewport.x + boundsOnViewport.width / 2,
+        y: boundsOnViewport.y + boundsOnViewport.height / 2,
+    };
+}
+/** This exposes the recovery registration functions available for abtract types of calls */
+function useRecoveries() {
+    return useAsyncProcessQueueContext().recoveries;
+}
+exports.useRecoveries = useRecoveries;
+/**
+ * This function wraps other async functions and decides when the ongoing promise should be put on the queue or not
+ */
+function useAsyncProcessQueue(functionsToQueue, UIParamsFactory) {
+    const loadingRef = (0, react_1.useRef)(null);
+    const wrapped = (0, react_1.useRef)(false);
+    const elToTransitionToQueue = (0, react_1.useRef)(null);
+    const { targetElRef: targetEl, watchPromise } = (0, react_1.useContext)(Context);
+    const initialCenter = (0, react_1.useRef)();
+    (0, react_1.useEffect)(() => {
+        if (targetEl.current)
+            initialCenter.current = {
+                center: calculateCenter(targetEl.current),
+                dimensions: [
+                    targetEl.current.clientWidth,
+                    targetEl.current.clientHeight,
+                ],
+            };
+    }, []);
+    const wrapQueue = (0, react_1.useCallback)(() => {
+        if (wrapped.current || !loadingRef.current || !targetEl.current)
+            return;
+        const wrapUI = loadingRef.current;
+        wrapped.current = true;
+        const clone = elToTransitionToQueue.current.cloneNode(true);
+        const currPositionOnViewport = elToTransitionToQueue.current.getBoundingClientRect();
+        const currPosCenter = calculateCenter(elToTransitionToQueue.current);
+        const targetCenter = targetEl.current
+            ? calculateCenter(targetEl.current)
+            : initialCenter.current.center;
+        clone.style.position = "fixed";
+        clone.style.top = `${currPositionOnViewport.top}px`;
+        clone.style.left = `${currPositionOnViewport.left}px`;
+        clone.style.width = `${currPositionOnViewport.width}px`;
+        clone.style.height = `${currPositionOnViewport.height}px`;
+        clone.style.transition = `transform 250ms  ease-out, opacity 250ms ease-in`;
+        clone.style.opacity = "1";
+        clone.ontransitionend = ({ target, currentTarget }) => {
+            if (target === currentTarget)
+                wrapUI();
+        };
+        const targetHeight = Math.min(targetEl.current
+            ? targetEl.current.clientHeight
+            : initialCenter.current.dimensions[1], elToTransitionToQueue.current.clientHeight);
+        const targetWidth = Math.min(targetHeight, targetEl.current
+            ? targetEl.current.clientWidth
+            : initialCenter.current.dimensions[0], elToTransitionToQueue.current.clientWidth);
+        const targetScaleX = targetWidth / elToTransitionToQueue.current.clientWidth;
+        const targetScaleY = targetHeight / elToTransitionToQueue.current.clientHeight;
+        document.body.appendChild(clone);
+        setTimeout(() => {
+            clone.style.opacity = "0";
+            clone.style.transform = `translateX(${targetCenter.x - currPosCenter.x}px) translateY(${targetCenter.y - currPosCenter.y}px) scaleX(${targetScaleX}) scaleY(${targetScaleY})`;
+            clone.addEventListener("transitionend", ({ target, currentTarget }) => {
+                if (target === currentTarget)
+                    clone.remove();
+            });
+        }, 100);
+    }, []);
+    return Object.entries(functionsToQueue).reduce((r, [k, v]) => {
+        const _process = (...args) => {
+            let promise = v(...args);
+            loadingRef.current = () => watchPromise(promise, () => v(...args), ...UIParamsFactory(k));
+            promise.finally(() => (loadingRef.current = null));
+            if (process.env.NODE_ENV === "development")
+                promise = (0, AsyncProcessQueue_development_1.securePromise)(promise);
+            return promise;
+        };
+        return Object.assign(Object.assign({}, r), { [k]: _process });
+    }, { elToTransitionToQueue, wrapQueue });
+}
+exports.useAsyncProcessQueue = useAsyncProcessQueue;
+//# sourceMappingURL=AsyncProcessQueue.js.map

package/dist/context/AsyncProcessQueue.js.map

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

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@onepercentio/one-ui",
-  "version": "0.18.0",
+  "version": "0.18.2",
   "description": "A set of reusable components created through the development of Onepercent projects",
   "repository": "git@github.com:onepercentio/one-ui.git",
   "author": "Murilo Oliveira de Araujo <murilo.araujo@onepercent.io>",
@@ -23,6 +23,7 @@
     "@testing-library/react": "^12.1.2",
     "@testing-library/react-hooks": "^7.0.2",
     "@testing-library/user-event": "^13.5.0",
+    "@types/chroma-js": "^2.1.3",
     "@types/jest": "^27.4.0",
     "@types/jsdom": "^21.1.1",
     "@types/matter-js": "^0.18.2",
@@ -65,10 +66,8 @@
     "use-wallet": "0.13.5"
   },
   "dependencies": {
-    "@types/chroma-js": "^2.1.3",
     "@types/lodash": "^4.14.177",
     "bignumber.js": "^9.0.2",
-    "color-seed": "^1.1.3",
     "deepdash": "^5.3.9",
     "eslint-plugin-import-helpers": "^1.2.1",
     "identity-obj-proxy": "^3.0.0",
@@ -110,6 +109,7 @@
     ]
   },
   "peerDependencies": {
+    "color-seed": "^1.1.3",
     "chroma-js": "^2.4.2",
     "use-wallet": "0.13.5"
   }

package/test/models/examples/contract.ts

@@ -0,0 +1,4 @@
+import GenericContract, { ExtractMethodDefinition, TuplifyUnion } from "../../../src/models/GenericContract";
+import { AbiItem, RAW_ERC1155ABI } from "./raw_erc"
+import { Contract } from 'web3-eth-contract'
+const xpto = new Contract(RAW_ERC1155ABI as unknown as AbiItem[]) as unknown as GenericContract<typeof RAW_ERC1155ABI>;

package/test/models/examples/raw_erc.ts

@@ -0,0 +1,367 @@
+
+export interface AbiInput {
+    name: string;
+    type: string;
+    indexed?: boolean;
+	components?: AbiInput[];
+    internalType?: string;
+}
+
+export interface AbiOutput {
+    name: string;
+    type: string;
+	components?: AbiOutput[];
+    internalType?: string;
+}
+export type StateMutabilityType = 'pure' | 'view' | 'nonpayable' | 'payable';
+
+export type AbiType = 'function' | 'constructor' | 'event' | 'fallback';
+export interface AbiItem {
+    anonymous?: boolean;
+    constant?: boolean;
+    inputs?: AbiInput[];
+    name?: string;
+    outputs?: AbiOutput[];
+    payable?: boolean;
+    stateMutability?: StateMutabilityType;
+    type: AbiType;
+    gas?: number;
+}
+export const RAW_ERC1155ABI = [
+    {
+        "anonymous": false,
+        "inputs": [
+            {
+                "indexed": true,
+                "internalType": "address",
+                "name": "account",
+                "type": "address"
+            },
+            {
+                "indexed": true,
+                "internalType": "address",
+                "name": "operator",
+                "type": "address"
+            },
+            {
+                "indexed": false,
+                "internalType": "bool",
+                "name": "approved",
+                "type": "bool"
+            }
+        ],
+        "name": "ApprovalForAll",
+        "type": "event"
+    },
+    {
+        "anonymous": false,
+        "inputs": [
+            {
+                "indexed": true,
+                "internalType": "address",
+                "name": "operator",
+                "type": "address"
+            },
+            {
+                "indexed": true,
+                "internalType": "address",
+                "name": "from",
+                "type": "address"
+            },
+            {
+                "indexed": true,
+                "internalType": "address",
+                "name": "to",
+                "type": "address"
+            },
+            {
+                "indexed": false,
+                "internalType": "uint256[]",
+                "name": "ids",
+                "type": "uint256[]"
+            },
+            {
+                "indexed": false,
+                "internalType": "uint256[]",
+                "name": "values",
+                "type": "uint256[]"
+            }
+        ],
+        "name": "TransferBatch",
+        "type": "event"
+    },
+    {
+        "anonymous": false,
+        "inputs": [
+            {
+                "indexed": true,
+                "internalType": "address",
+                "name": "operator",
+                "type": "address"
+            },
+            {
+                "indexed": true,
+                "internalType": "address",
+                "name": "from",
+                "type": "address"
+            },
+            {
+                "indexed": true,
+                "internalType": "address",
+                "name": "to",
+                "type": "address"
+            },
+            {
+                "indexed": false,
+                "internalType": "uint256",
+                "name": "id",
+                "type": "uint256"
+            },
+            {
+                "indexed": false,
+                "internalType": "uint256",
+                "name": "value",
+                "type": "uint256"
+            }
+        ],
+        "name": "TransferSingle",
+        "type": "event"
+    },
+    {
+        "anonymous": false,
+        "inputs": [
+            {
+                "indexed": false,
+                "internalType": "string",
+                "name": "value",
+                "type": "string"
+            },
+            {
+                "indexed": true,
+                "internalType": "uint256",
+                "name": "id",
+                "type": "uint256"
+            }
+        ],
+        "name": "URI",
+        "type": "event"
+    },
+    {
+        "inputs": [
+            {
+                "internalType": "address",
+                "name": "account",
+                "type": "address"
+            },
+            {
+                "internalType": "uint256",
+                "name": "id",
+                "type": "uint256"
+            }
+        ],
+        "name": "balanceOf",
+        "outputs": [
+            {
+                "internalType": "uint256",
+                "name": "",
+                "type": "uint256"
+            }
+        ],
+        "stateMutability": "view",
+        "type": "function"
+    },
+    {
+        "inputs": [
+            {
+                "internalType": "address[]",
+                "name": "accounts",
+                "type": "address[]"
+            },
+            {
+                "internalType": "uint256[]",
+                "name": "ids",
+                "type": "uint256[]"
+            }
+        ],
+        "name": "balanceOfBatch",
+        "outputs": [
+            {
+                "internalType": "uint256[]",
+                "name": "",
+                "type": "uint256[]"
+            }
+        ],
+        "stateMutability": "view",
+        "type": "function"
+    },
+    {
+        "inputs": [
+            {
+                "internalType": "address",
+                "name": "account",
+                "type": "address"
+            },
+            {
+                "internalType": "address",
+                "name": "operator",
+                "type": "address"
+            }
+        ],
+        "name": "isApprovedForAll",
+        "outputs": [
+            {
+                "internalType": "bool",
+                "name": "",
+                "type": "bool"
+            }
+        ],
+        "stateMutability": "view",
+        "type": "function"
+    },
+    {
+        "inputs": [
+            {
+                "internalType": "address",
+                "name": "from",
+                "type": "address"
+            },
+            {
+                "internalType": "address",
+                "name": "to",
+                "type": "address"
+            },
+            {
+                "internalType": "uint256[]",
+                "name": "ids",
+                "type": "uint256[]"
+            },
+            {
+                "internalType": "uint256[]",
+                "name": "amounts",
+                "type": "uint256[]"
+            },
+            {
+                "internalType": "bytes",
+                "name": "data",
+                "type": "bytes"
+            }
+        ],
+        "name": "safeBatchTransferFrom",
+        "outputs": [],
+        "stateMutability": "nonpayable",
+        "type": "function"
+    },
+    {
+        "inputs": [
+            {
+                "internalType": "address",
+                "name": "from",
+                "type": "address"
+            },
+            {
+                "internalType": "address",
+                "name": "to",
+                "type": "address"
+            },
+            {
+                "internalType": "uint256",
+                "name": "id",
+                "type": "uint256"
+            },
+            {
+                "internalType": "uint256",
+                "name": "amount",
+                "type": "uint256"
+            },
+            {
+                "internalType": "bytes",
+                "name": "data",
+                "type": "bytes"
+            }
+        ],
+        "name": "safeTransferFrom",
+        "outputs": [],
+        "stateMutability": "nonpayable",
+        "type": "function"
+    },
+    {
+        "inputs": [
+            {
+                "internalType": "address",
+                "name": "operator",
+                "type": "address"
+            },
+            {
+                "internalType": "bool",
+                "name": "approved",
+                "type": "bool"
+            }
+        ],
+        "name": "setApprovalForAll",
+        "outputs": [],
+        "stateMutability": "nonpayable",
+        "type": "function"
+    },
+    {
+        "inputs": [
+            {
+                "internalType": "bytes4",
+                "name": "interfaceId",
+                "type": "bytes4"
+            }
+        ],
+        "name": "supportsInterface",
+        "outputs": [
+            {
+                "internalType": "bool",
+                "name": "",
+                "type": "bool"
+            }
+        ],
+        "stateMutability": "view",
+        "type": "function"
+    },
+    {
+        "inputs": [
+            {
+                "internalType": "uint256",
+                "name": "id",
+                "type": "uint256"
+            }
+        ],
+        "name": "uri",
+        "outputs": [
+            {
+                "internalType": "string",
+                "name": "",
+                "type": "string"
+            }
+        ],
+        "stateMutability": "view",
+        "type": "function"
+    },
+    {
+        inputs: [
+            {
+                internalType: 'address',
+                name: 'wallet',
+                type: 'address',
+            },
+        ],
+        name: 'balancesOf',
+        outputs: [
+            {
+                internalType: 'uint256[]',
+                name: 'tokens',
+                type: 'uint256[]',
+            },
+            {
+                internalType: 'uint256[]',
+                name: 'balances',
+                type: 'uint256[]',
+            },
+        ],
+        stateMutability: 'view',
+        type: 'function',
+    },
+] as const

package/dist/hooks/useHero.module.scss

@@ -1,5 +0,0 @@
-.base {
-  transition-duration: 10s;
-  background-color: red;
-  transition-timing-function: linear;
-}