@onepercentio/one-ui 0.28.9 → 0.29.1

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

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

package/dist-ts/components/UncontrolledTransition/index.js

@@ -0,0 +1,3 @@
+export { default } from "./UncontrolledTransition";
+export * from "./UncontrolledTransition";
+//# sourceMappingURL=index.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/components/UncontrolledTransition/index.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,EAAE,MAAM,0BAA0B,CAAC;AACnD,cAAc,0BAA0B,CAAC"}

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

@@ -0,0 +1,55 @@
+import React, { PropsWithChildren, ReactElement } from "react";
+import useAsyncControl from "../../hooks/useAsyncControl";
+export type WalletConnectionProps = PropsWithChildren<Omit<ReturnType<typeof useAsyncControl>, "process"> & {
+    chainId?: number;
+    isChainIdValid: boolean | undefined;
+    isProviderAvailable: boolean;
+    isConnectedAndValidChain: boolean;
+    isConnected: boolean;
+    wallet?: string;
+    connect: () => Promise<void>;
+    disconnect: () => void;
+    changeChainId: () => Promise<void>;
+}>;
+type Props = {
+    /**
+     * The chain id that the user is expected to connect to
+     */
+    chain?: {
+        id: number;
+        rpcUrl: string;
+        explorerUrl: string;
+        name: string;
+        currency: string;
+    };
+    /**
+     * When the user doesn't have a provider like metamask available
+     */
+    ProviderUnavailable?: React.FunctionComponent;
+    /**
+     * This is invoked when the chain ID is not available
+     */
+    ChainIdInvalid?: React.FunctionComponent<{
+        changeChainId: () => void;
+    }>;
+    /**
+     * This renders the content that is shown inside the wallet content
+     */
+    Content: (props: WalletConnectionProps) => ReactElement;
+};
+/**
+ * This component handles some cenarios when dealing with the wallet connection to different providers (ex: Metamask)
+ **/
+declare const WalletConnectionWrapper: React.ForwardRefExoticComponent<Props & {
+    children?: React.ReactNode;
+} & React.RefAttributes<{
+    connect: () => Promise<void>;
+    disconnect: () => void;
+}>>;
+export default WalletConnectionWrapper;
+export declare const BaseWalletConnectionWrapper: React.ForwardRefExoticComponent<Props & {
+    children?: any;
+} & React.RefAttributes<{
+    connect: () => Promise<void>;
+    disconnect: () => void;
+}>>;

package/dist-ts/components/WalletConnectionWrapper/WalletConnectionWrapper.js

@@ -0,0 +1,91 @@
+import { jsx as _jsx, Fragment as _Fragment, jsxs as _jsxs } from "react/jsx-runtime";
+import { createRef, forwardRef, useEffect, useImperativeHandle, useMemo, useState, } from "react";
+import { useWallet, UseWalletProvider } from "use-wallet";
+import useAsyncControl from "../../hooks/useAsyncControl";
+function _WalletConnectionWrapper(props, ref) {
+    return (_jsx(UseWalletProvider, { children: _jsx(Content, { compRef: ref || createRef(), ...props }) }));
+}
+/**
+ * This component handles a lot of cenarios when dealing with the wallet connection to different providers (ex: Metamask)
+ **/
+function _BaseWalletConnectionWrapper(props, ref) {
+    return _jsx(Content, { compRef: ref || createRef(), ...props });
+}
+function Content({ ProviderUnavailable, ChainIdInvalid, chain, Content: ProvidedContentWrapper, compRef, children, }) {
+    const wallet = useWallet();
+    const connectionAsyncWrapper = useAsyncControl();
+    const connect = async () => {
+        await connectionAsyncWrapper.process(async () => {
+            await wallet.connect("injected");
+            localStorage.setItem("auto_connect", "true");
+        });
+    };
+    const disconnect = () => {
+        wallet.reset();
+        localStorage.removeItem("auto_connect");
+    };
+    useEffect(() => {
+        const autoConnect = !!localStorage.getItem("auto_connect");
+        if (autoConnect && !wallet.account)
+            connect();
+    }, []);
+    useImperativeHandle(compRef, () => ({
+        connect,
+        disconnect,
+    }), [wallet]);
+    const [isProviderAvailable] = useState(() => !!window.ethereum);
+    /**
+     * true - Mostrar o conteudo (ex: form de transferencia)
+     * false - Mostrar o botão de trocar a chain
+     *
+     * undefined ???
+     */
+    const isChainIdValid = useMemo(() => chain
+        ? wallet.isConnected()
+            ? wallet.chainId === chain.id
+            : true
+        : undefined, [wallet, chain?.id]);
+    async function changeChainId() {
+        try {
+            await window.ethereum.request({
+                method: "wallet_switchEthereumChain",
+                params: [
+                    {
+                        chainId: `0x${chain.id.toString(16).padStart(2, "0")}`,
+                    },
+                ],
+            });
+        }
+        catch (e) {
+            switch (e.code) {
+                case 4902:
+                    await window.ethereum.request({
+                        method: "wallet_addEthereumChain",
+                        params: [
+                            {
+                                chainId: `0x${chain.id.toString(16).padStart(2, "0")}`,
+                                chainName: chain.name,
+                                rpcUrls: [chain.rpcUrl],
+                                blockExplorerUrls: [chain.explorerUrl],
+                                nativeCurrency: {
+                                    symbol: chain.currency,
+                                    decimals: 18,
+                                },
+                            },
+                        ],
+                    });
+                default:
+                    throw e;
+            }
+        }
+    }
+    const ContentWrapper = ProvidedContentWrapper;
+    return (_jsxs(_Fragment, { children: [ProviderUnavailable && !isProviderAvailable && _jsx(ProviderUnavailable, {}), ChainIdInvalid && !isChainIdValid && (_jsx(ChainIdInvalid, { changeChainId: changeChainId })), _jsx(ContentWrapper, { ...connectionAsyncWrapper, isChainIdValid: isChainIdValid, isProviderAvailable: isProviderAvailable, isConnectedAndValidChain: isChainIdValid && wallet.isConnected(), connect: connect, disconnect: disconnect, changeChainId: changeChainId, chainId: wallet.chainId, isConnected: wallet.isConnected(), wallet: wallet.account, children: children })] }));
+}
+/**
+ * This component handles some cenarios when dealing with the wallet connection to different providers (ex: Metamask)
+ **/
+const WalletConnectionWrapper = forwardRef(_WalletConnectionWrapper);
+export default WalletConnectionWrapper;
+export const BaseWalletConnectionWrapper = forwardRef(_BaseWalletConnectionWrapper);
+//# sourceMappingURL=WalletConnectionWrapper.js.map

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

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

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

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

package/dist-ts/components/WalletConnectionWrapper/index.js

@@ -0,0 +1,2 @@
+export { default, BaseWalletConnectionWrapper } from './WalletConnectionWrapper';
+//# sourceMappingURL=index.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/components/WalletConnectionWrapper/index.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,EAAE,2BAA2B,EAAE,MAAM,2BAA2B,CAAC"}

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

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

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

@@ -0,0 +1,43 @@
+import { jsx as _jsx, Fragment as _Fragment, jsxs as _jsxs } from "react/jsx-runtime";
+import { useEffect, useRef } from "react";
+import Styles from "./ScrollAndFocusLock.module.scss";
+/**
+ * This utilitary component shall be used to lock the focus and disable scroll over the wrapped component
+ **/
+export default function ScrollAndFocusLock({ open, children, }) {
+    const firstAnchor = useRef(null);
+    const lastAnchor = useRef(null);
+    const startOfModal = useRef(null);
+    useEffect(() => {
+        if (open)
+            startOfModal.current.focus();
+    }, []);
+    useEffect(() => {
+        if (open) {
+            startOfModal.current.focus();
+            document.body.classList.add(Styles.lockClass);
+            return () => {
+                document.body.classList.remove(Styles.lockClass);
+            };
+        }
+    }, [open]);
+    function onFocusAnchors(e) {
+        const focusOnStartOfModal = () => {
+            const nextSibling = firstAnchor.current.nextElementSibling;
+            if (nextSibling instanceof HTMLDivElement)
+                nextSibling.focus();
+        };
+        if (e.target === firstAnchor.current) {
+            if (e.relatedTarget === startOfModal.current)
+                lastAnchor.current.focus();
+            else
+                focusOnStartOfModal();
+        }
+        else if (e.target === lastAnchor.current &&
+            e.relatedTarget !== firstAnchor.current) {
+            focusOnStartOfModal();
+        }
+    }
+    return (_jsxs(_Fragment, { children: [_jsx("div", { ref: firstAnchor, tabIndex: 0, onFocus: onFocusAnchors }), _jsx("div", { ref: startOfModal, tabIndex: 0 }), children, _jsx("div", { ref: lastAnchor, tabIndex: 0, onFocus: onFocusAnchors })] }));
+}
+//# sourceMappingURL=ScrollAndFocusLock.js.map

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

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

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

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

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

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

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

@@ -0,0 +1,2 @@
+export { default } from './ScrollAndFocusLock';
+//# sourceMappingURL=index.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/components/utilitary/ScrollAndFocusLock/index.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,EAAE,MAAM,sBAAsB,CAAC"}

package/dist-ts/context/AsyncProcess.d.ts

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

package/dist-ts/context/AsyncProcess.js

@@ -0,0 +1,43 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import { useMemo } from "react";
+import { createContext, useContext, useEffect, useRef, } from "react";
+import useEvents from "../hooks/utility/useEvents";
+const AsyncProcessContext = createContext(null);
+export default function AsyncProcessProvider({ children, triggers, persistence, }) {
+    const { subscriber, dispatcher } = useEvents();
+    const wrappedFunctions = useMemo(() => {
+        return Object.keys(triggers).reduce((r, k) => ({
+            ...r,
+            [k]: (...args) => {
+                let persisted = persistence.write(k, ...args);
+                return triggers[k](...args).finally(() => {
+                    persistence.remove(persisted);
+                    dispatcher(k);
+                });
+            },
+        }), {});
+    }, []);
+    useEffect(() => {
+        const recoveries = persistence.recover();
+        for (let [recoveryId, recoveryProcess] of recoveries)
+            recoveryProcess.finally(() => {
+                persistence.remove(recoveryId);
+            });
+    }, []);
+    return (_jsx(AsyncProcessContext.Provider, { value: { _subscriber: subscriber, _wrappedFunctions: wrappedFunctions }, children: children }));
+}
+export function useAsyncProcess() {
+    const { _subscriber: subscriber, _wrappedFunctions } = useContext(AsyncProcessContext);
+    const subscriptions = useRef([]);
+    useEffect(() => () => {
+        for (let unsubscribe of subscriptions.current)
+            unsubscribe();
+    }, []);
+    return {
+        on: (k, whatToDo) => {
+            subscriptions.current.push(subscriber(k, whatToDo));
+        },
+        ..._wrappedFunctions,
+    };
+}
+//# sourceMappingURL=AsyncProcess.js.map

package/dist-ts/context/AsyncProcess.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"AsyncProcess.js","sourceRoot":"","sources":["../../src/context/AsyncProcess.tsx"],"names":[],"mappings":";AAAA,OAAc,EAAE,OAAO,EAAE,MAAM,OAAO,CAAC;AACvC,OAAO,EACL,aAAa,EAEb,UAAU,EACV,SAAS,EACT,MAAM,GACP,MAAM,OAAO,CAAC;AACf,OAAO,SAAS,MAAM,4BAA4B,CAAC;AAEnD,MAAM,mBAAmB,GAAG,aAAa,CAOtC,IAAW,CAAC,CAAC;AAIhB,MAAM,CAAC,OAAO,UAAU,oBAAoB,CAAC,EAC3C,QAAQ,EACR,QAAQ,EACR,WAAW,GAiBX;IACA,MAAM,EAAE,UAAU,EAAE,UAAU,EAAE,GAAG,SAAS,EAAE,CAAC;IAE/C,MAAM,gBAAgB,GAAG,OAAO,CAAC,GAAG,EAAE;QACpC,OAAO,MAAM,CAAC,IAAI,CAAC,QAAQ,CAAC,CAAC,MAAM,CACjC,CAAC,CAAC,EAAE,CAAC,EAAE,EAAE,CAAC,CAAC;YACT,GAAG,CAAC;YACJ,CAAC,CAAC,CAAC,EAAE,CACH,GAAG,IAA0F,EAC7F,EAAE;gBACF,IAAI,SAAS,GAAG,WAAW,CAAC,KAAK,CAAC,CAAQ,EAAE,GAAG,IAAI,CAAC,CAAC;gBACrD,OAAQ,QAAgB,CAAC,CAAQ,CAAC,CAAC,GAAG,IAAI,CAAC,CAAC,OAAO,CAAC,GAAG,EAAE;oBACvD,WAAW,CAAC,MAAM,CAAC,SAAS,CAAC,CAAC;oBAC9B,UAAU,CAAC,CAAQ,CAAC,CAAC;gBACvB,CAAC,CAAC,CAAC;YACL,CAAC;SACF,CAAC,EACF,EAAqB,CACtB,CAAC;IACJ,CAAC,EAAE,EAAE,CAAC,CAAC;IAEP,SAAS,CAAC,GAAG,EAAE;QACb,MAAM,UAAU,GAAG,WAAW,CAAC,OAAO,EAAE,CAAC;QACzC,KAAK,IAAI,CAAC,UAAU,EAAE,eAAe,CAAC,IAAI,UAAU;YAClD,eAAe,CAAC,OAAO,CAAC,GAAG,EAAE;gBAC3B,WAAW,CAAC,MAAM,CAAC,UAAU,CAAC,CAAC;YACjC,CAAC,CAAC,CAAC;IACP,CAAC,EAAE,EAAE,CAAC,CAAC;IAEP,OAAO,CACL,KAAC,mBAAmB,CAAC,QAAQ,IAC3B,KAAK,EAAE,EAAE,WAAW,EAAE,UAAU,EAAE,iBAAiB,EAAE,gBAAgB,EAAE,YAEtE,QAAQ,GACoB,CAChC,CAAC;AACJ,CAAC;AAED,MAAM,UAAU,eAAe;IAU7B,MAAM,EAAE,WAAW,EAAE,UAAU,EAAE,iBAAiB,EAAE,GAClD,UAAU,CAAC,mBAAmB,CAAC,CAAC;IAClC,MAAM,aAAa,GAAG,MAAM,CAAa,EAAE,CAAC,CAAC;IAE7C,SAAS,CACP,GAAG,EAAE,CAAC,GAAG,EAAE;QACT,KAAK,IAAI,WAAW,IAAI,aAAa,CAAC,OAAO;YAAE,WAAW,EAAE,CAAC;IAC/D,CAAC,EACD,EAAE,CACH,CAAC;IAEF,OAAO;QACL,EAAE,EAAE,CAAC,CAAC,EAAE,QAAQ,EAAE,EAAE;YAClB,aAAa,CAAC,OAAO,CAAC,IAAI,CAAC,UAAU,CAAC,CAAC,EAAE,QAAQ,CAAC,CAAC,CAAC;QACtD,CAAC;QACD,GAAG,iBAAiB;KACrB,CAAC;AACJ,CAAC"}

package/dist-ts/context/ContextAsyncControl.d.ts

@@ -0,0 +1,24 @@
+import React, { PropsWithChildren } from "react";
+import { FunctionMap } from "../hooks/useAsyncControl";
+type CB = (...args: any[]) => void;
+declare class Subscriber {
+    private sharedCbs;
+    private latest;
+    register<C extends CB>(cbId: string, cb: C): (...args: Parameters<C>) => void;
+    unregister<C extends CB>(cbId: string, cb: C): void;
+    current(cbId: string): any;
+}
+export type ContextAsyncControlContextShape = {
+    [controlId: string]: Subscriber;
+};
+export declare const ContextAsyncControlContext: React.Context<ContextAsyncControlContextShape>;
+export default function ContextAsyncControlProvider({ children, }: PropsWithChildren<{}>): import("react/jsx-runtime").JSX.Element;
+export declare function useShareState<E>(controlId: string, stateId: string): readonly [E, (value: React.SetStateAction<E>) => void];
+export declare function useContextControl<E, F extends FunctionMap>(controlId: string, functionsToWrap: F): {
+    process: (asyncFn: Promise<any> | (() => Promise<any>)) => Promise<any>;
+    loading: boolean;
+    error: Error | E | undefined;
+    setError: React.Dispatch<React.SetStateAction<Error | E | undefined>>;
+    setLoading: React.Dispatch<React.SetStateAction<boolean>>;
+} & F;
+export {};

package/dist-ts/context/ContextAsyncControl.js

@@ -0,0 +1,50 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import { createContext, useContext, useInsertionEffect, useMemo, useState, } from "react";
+import { useRawAsynControl } from "../hooks/useAsyncControl";
+class Subscriber {
+    sharedCbs = {};
+    latest = {};
+    register(cbId, cb) {
+        if (!this.sharedCbs[cbId])
+            this.sharedCbs[cbId] = [];
+        this.sharedCbs[cbId].push(cb);
+        return (...args) => {
+            this.latest[cbId] = args;
+            for (let cb of this.sharedCbs[cbId])
+                cb(...args);
+        };
+    }
+    unregister(cbId, cb) {
+        const cbIdx = this.sharedCbs[cbId].indexOf(cb);
+        this.sharedCbs[cbId].splice(cbIdx, 1);
+    }
+    current(cbId) {
+        return this.latest[cbId];
+    }
+}
+export const ContextAsyncControlContext = createContext(null);
+export default function ContextAsyncControlProvider({ children, }) {
+    return (_jsx(ContextAsyncControlContext.Provider, { value: {}, children: children }));
+}
+export function useShareState(controlId, stateId) {
+    const ctx = useContext(ContextAsyncControlContext);
+    const [state, setLocalState] = useState(() => {
+        if (!ctx[controlId])
+            ctx[controlId] = new Subscriber();
+        const initAs = ctx[controlId].current(stateId)?.[0];
+        return initAs;
+    });
+    const wrappedSetState = useMemo(() => {
+        return ctx[controlId].register(stateId, setLocalState);
+    }, []);
+    useInsertionEffect(() => () => {
+        ctx[controlId].unregister(stateId, setLocalState);
+    }, []);
+    return [state, wrappedSetState];
+}
+export function useContextControl(controlId, functionsToWrap) {
+    const [error, setError] = useShareState(controlId, "error");
+    const [loading, setLoading] = useShareState(controlId, "loading");
+    return useRawAsynControl(functionsToWrap, [error, setError], [loading, setLoading]);
+}
+//# sourceMappingURL=ContextAsyncControl.js.map

package/dist-ts/context/ContextAsyncControl.js.map

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

package/dist-ts/context/CustomBrowserRouter.d.ts

@@ -0,0 +1,13 @@
+import { createBrowserHistory } from "history";
+import { PropsWithChildren } from "react";
+export type CustomState = {
+    internalNavigation?: boolean;
+};
+export default function CustomBrowserRouter({ children, beforeRouteChange, }: PropsWithChildren<{
+    /**
+     * Allows the dev to modify the route before commiting the route change
+     *
+     * @returns The new route
+     */
+    beforeRouteChange?: (newRoute: string, history: ReturnType<typeof createBrowserHistory>) => string;
+}>): import("react/jsx-runtime").JSX.Element;

package/dist-ts/context/CustomBrowserRouter.js

@@ -0,0 +1,29 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import { Router } from "react-router-dom";
+import { createBrowserHistory } from "history";
+import { useLayoutEffect, useRef, } from "react";
+export default function CustomBrowserRouter({ children, beforeRouteChange = (s) => s, }) {
+    const { current: historyCustom } = useRef(createBrowserHistory());
+    useLayoutEffect(() => {
+        function overrideFunction(name) {
+            const orig = historyCustom[name];
+            historyCustom[name] = (route, state, ...args) => {
+                const isReplacingAnInternalNavigation = name === "replace" && history.state?.state?.internalNavigation;
+                const isARouteChange = name !== "replace";
+                if ((isARouteChange || isReplacingAnInternalNavigation) && !state)
+                    state = {};
+                if (state)
+                    state.internalNavigation =
+                        name === "replace"
+                            ? history.state?.state?.internalNavigation
+                            : true;
+                const modifiedRoute = beforeRouteChange(route, historyCustom);
+                return orig(modifiedRoute, state, ...args);
+            };
+        }
+        overrideFunction("push");
+        overrideFunction("replace");
+    }, [historyCustom]);
+    return _jsx(Router, { history: historyCustom, children: children });
+}
+//# sourceMappingURL=CustomBrowserRouter.js.map

package/dist-ts/context/CustomBrowserRouter.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"CustomBrowserRouter.js","sourceRoot":"","sources":["../../src/context/CustomBrowserRouter.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,MAAM,EAAc,MAAM,kBAAkB,CAAC;AACtD,OAAO,EAAE,oBAAoB,EAAE,MAAM,SAAS,CAAC;AAC/C,OAAc,EAGZ,eAAe,EACf,MAAM,GACP,MAAM,OAAO,CAAC;AAMf,MAAM,CAAC,OAAO,UAAU,mBAAmB,CAAC,EAC1C,QAAQ,EACR,iBAAiB,GAAG,CAAC,CAAC,EAAE,EAAE,CAAC,CAAC,GAW5B;IACA,MAAM,EAAE,OAAO,EAAE,aAAa,EAAE,GAAG,MAAM,CAAC,oBAAoB,EAAO,CAAC,CAAC;IACvE,eAAe,CAAC,GAAG,EAAE;QACnB,SAAS,gBAAgB,CAAC,IAAgC;YACxD,MAAM,IAAI,GAAG,aAAa,CAAC,IAAI,CAAQ,CAAC;YACvC,aAAqB,CAAC,IAAI,CAAC,GAAG,CAC7B,KAAa,EACb,KAAyB,EACzB,GAAG,IAAW,EACd,EAAE;gBACF,MAAM,+BAA+B,GACnC,IAAI,KAAK,SAAS,IAAI,OAAO,CAAC,KAAK,EAAE,KAAK,EAAE,kBAAkB,CAAC;gBACjE,MAAM,cAAc,GAAG,IAAI,KAAK,SAAS,CAAC;gBAC1C,IAAI,CAAC,cAAc,IAAI,+BAA+B,CAAC,IAAI,CAAC,KAAK;oBAC/D,KAAK,GAAG,EAAE,CAAC;gBACb,IAAI,KAAK;oBACP,KAAK,CAAC,kBAAkB;wBACtB,IAAI,KAAK,SAAS;4BAChB,CAAC,CAAC,OAAO,CAAC,KAAK,EAAE,KAAK,EAAE,kBAAkB;4BAC1C,CAAC,CAAC,IAAI,CAAC;gBACb,MAAM,aAAa,GAAG,iBAAiB,CAAC,KAAK,EAAE,aAAa,CAAC,CAAC;gBAC9D,OAAO,IAAI,CAAC,aAAa,EAAE,KAAK,EAAE,GAAG,IAAI,CAAC,CAAC;YAC7C,CAAC,CAAC;QACJ,CAAC;QACD,gBAAgB,CAAC,MAAM,CAAC,CAAC;QACzB,gBAAgB,CAAC,SAAS,CAAC,CAAC;IAC9B,CAAC,EAAE,CAAC,aAAa,CAAC,CAAC,CAAC;IACpB,OAAO,KAAC,MAAM,IAAC,OAAO,EAAE,aAAa,YAAG,QAAe,GAAU,CAAC;AACpE,CAAC"}

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

@@ -0,0 +1,154 @@
+import { JSX } from "react";
+import { Get } from "type-fest";
+import React, { ComponentProps, ReactElement } from "react";
+import { PropsWithChildren } from "react";
+import { ImageScales } from "@muritavo/webpack-microfrontend-scripts/bin/types/ImageScales";
+import { UploadTask } from "firebase/storage";
+import { FieldPath } from "../type-utils";
+import Button from "../components/Button";
+import CheckBox from "../components/CheckBox";
+import Radio from "../components/Radio/Radio";
+import { FileInputViewProps } from "../components/FileInput/View/View.types";
+import { AnswerByField, GenericFormFieldProps } from "../components/Form/v2/FormField/FormField.types";
+import { BaseQuestion } from "../components/Form/v2/Form.types";
+type DeepPartial<T> = {
+    [P in keyof T]?: NonNullable<T[P]> extends Function ? T[P] : DeepPartial<T[P]>;
+};
+export type OneUIContextSpecs = {
+    component: {
+        spacing: {
+            variants: {
+                [k in OnepercentUtility.UIElements.SpacingVariants]: string;
+            };
+        };
+        collapsable: {
+            className: string;
+        };
+        form: {
+            titleVariant: OnepercentUtility.UIElements.TextVariants;
+            labelVariant: OnepercentUtility.UIElements.TextVariants;
+            /** Label shown when a field is optional */
+            optionalLabel: string;
+            /** Label shown when a required field was not provided */
+            requiredLabel: string;
+            onFileUpload(questionId: string, file: File): UploadTask;
+            extensions?: {
+                [K in OnepercentUtility.UIElements.FormExtension["fields"]["type"]]: {
+                    Input: (props: GenericFormFieldProps<K>) => ReactElement;
+                    validator: (answer: AnswerByField<{
+                        type: K;
+                    }>, question: BaseQuestion & (OnepercentUtility.UIElements.FormExtension["fields"] & {
+                        type: K;
+                    })) => {
+                        isValid: boolean;
+                        error?: string;
+                    };
+                };
+            };
+        };
+        text?: {
+            className?: {
+                [k in React.ComponentProps<typeof import("../components/Text")["default"]>["type"]]?: string;
+            };
+            htmlTag?: {
+                [k in React.ComponentProps<typeof import("../components/Text")["default"]>["type"]]?: "p" | "h1" | "h2" | "h3" | "h4" | "h5" | "h6";
+            };
+        };
+        button?: {
+            className?: {
+                [k in NonNullable<React.ComponentProps<typeof import("../components/Button")["default"]>["variant"]>]?: string;
+            };
+            Component?: (props: ComponentProps<typeof Button>) => ReactElement;
+        };
+        input: {
+            className: string;
+            border: boolean;
+        };
+        fileInput: {
+            View: (props: FileInputViewProps) => ReactElement;
+        };
+        passwordInput: {
+            iconSrc: {
+                passwordHidden: string;
+                passwordVisible: string;
+            };
+        };
+        asyncWrapper: {
+            LoadingComponent?: () => JSX.Element;
+            messages: {
+                error: {
+                    title: string;
+                    retryBtn: string;
+                };
+            };
+        };
+        select: {
+            StateIndicator: (props: {
+                open: boolean;
+            }) => JSX.Element;
+            className?: {
+                dropdown?: string;
+                item?: string;
+                selectedItem?: string;
+                input?: string;
+            };
+        };
+        header: {
+            LogoImage: () => JSX.Element;
+            MoreOptions: ({ open }: {
+                open: boolean;
+            }) => JSX.Element;
+        };
+        table: {
+            controls: {
+                PrevPage: ({ disabled }: {
+                    disabled: boolean;
+                }) => JSX.Element;
+                NextPage: ({ disabled }: {
+                    disabled: boolean;
+                }) => JSX.Element;
+            };
+        };
+        tooltip: {
+            className?: string;
+        };
+        adaptiveDialog: {
+            dialogClassName: string;
+            backdropClassName: string;
+            variant: {
+                [k in OnepercentUtility.UIElements.AdaptiveDialogVariants]: string;
+            };
+        };
+        adaptiveSidebar: {
+            className: string;
+            controlClassName: string;
+        };
+        checkbox: {
+            Component?: (props: ComponentProps<typeof CheckBox>) => ReactElement;
+        };
+        radio: {
+            Component?: (props: ComponentProps<typeof Radio>) => ReactElement;
+        };
+    };
+    hook: {
+        ui: {
+            usePaginationControls: {
+                LeftControl: () => ReactElement;
+                RightControl: () => ReactElement;
+                className?: string;
+            };
+        };
+    };
+    state: {
+        imageScale: ImageScales;
+    };
+};
+type ContextConfigSpecs = DeepPartial<OneUIContextSpecs>;
+declare function OneUIProvider({ children, config, }: PropsWithChildren<{
+    config: ContextConfigSpecs;
+}>): import("react/jsx-runtime").JSX.Element;
+export default OneUIProvider;
+export declare function useOneUIContext(): OneUIContextSpecs;
+export declare function useOneUIView<P extends FieldPath<OneUIContextSpecs>>(oneuiConfigPath: P, componentName: string): NonNullable<import("type-fest/source/get").GetWithPath<OneUIContextSpecs, P extends string ? import("type-fest").Split<import("type-fest/source/get").FixPathSquareBrackets<P>, "."> : P, {}>>;
+export declare function useOneUIConfig<P extends FieldPath<OneUIContextSpecs>, T extends Get<OneUIContextSpecs, P>>(prop: P, defaultValue?: T): NonNullable<Get<OneUIContextSpecs, P>>;
+export declare function useCurrentImageScale(): DeepPartial<ImageScales>;