@codebit-programando-solucoes/codebit-web-antd 1.1.16 → 1.1.21

package/dist/index.cjs

@@ -1,7 +1,7 @@
 /*! For license information please see index.cjs.LICENSE.txt */
 "use strict";
 var __webpack_modules__ = {
-    "../../node_modules/.pnpm/react@19.2.0/node_modules/react/cjs/react-jsx-runtime.development.js": function(__unused_webpack_module, exports1, __webpack_require__) {
+    "../../node_modules/.pnpm/react@19.2.3/node_modules/react/cjs/react-jsx-runtime.development.js" (__unused_rspack_module, exports1, __webpack_require__) {
         /**
  * @license React
  * react-jsx-runtime.development.js
@@ -209,7 +209,7 @@ var __webpack_modules__ = {
             };
         }();
     },
-    "../../node_modules/.pnpm/react@19.2.0/node_modules/react/cjs/react-jsx-runtime.production.js": function(__unused_webpack_module, exports1) {
+    "../../node_modules/.pnpm/react@19.2.3/node_modules/react/cjs/react-jsx-runtime.production.js" (__unused_rspack_module, exports1) {
         /**
  * @license React
  * react-jsx-runtime.production.js
@@ -240,11 +240,11 @@ var __webpack_modules__ = {
         exports1.jsx = jsxProd;
         exports1.jsxs = jsxProd;
     },
-    "../../node_modules/.pnpm/react@19.2.0/node_modules/react/jsx-runtime.js": function(module, __unused_webpack_exports, __webpack_require__) {
-        if ('production' === process.env.NODE_ENV) module.exports = __webpack_require__("../../node_modules/.pnpm/react@19.2.0/node_modules/react/cjs/react-jsx-runtime.production.js");
-        else module.exports = __webpack_require__("../../node_modules/.pnpm/react@19.2.0/node_modules/react/cjs/react-jsx-runtime.development.js");
+    "../../node_modules/.pnpm/react@19.2.3/node_modules/react/jsx-runtime.js" (module, __unused_rspack_exports, __webpack_require__) {
+        if ('production' === process.env.NODE_ENV) module.exports = __webpack_require__("../../node_modules/.pnpm/react@19.2.3/node_modules/react/cjs/react-jsx-runtime.production.js");
+        else module.exports = __webpack_require__("../../node_modules/.pnpm/react@19.2.3/node_modules/react/cjs/react-jsx-runtime.development.js");
     },
-    react: function(module) {
+    react (module) {
         module.exports = require("react");
     }
 };
@@ -280,7 +280,7 @@ function __webpack_require__(moduleId) {
 })();
 (()=>{
     __webpack_require__.r = (exports1)=>{
-        if ('undefined' != typeof Symbol && Symbol.toStringTag) Object.defineProperty(exports1, Symbol.toStringTag, {
+        if ("u" > typeof Symbol && Symbol.toStringTag) Object.defineProperty(exports1, Symbol.toStringTag, {
             value: 'Module'
         });
         Object.defineProperty(exports1, '__esModule', {
@@ -296,12 +296,15 @@ var __webpack_exports__ = {};
         CssTokenBridge: ()=>CssTokenBridge,
         LoggedMainContainer: ()=>LoggedMainContainer,
         Login: ()=>Login,
+        CodebitThemeProvider: ()=>CodebitThemeProvider,
+        useErrorModal: ()=>useErrorModal,
         ErrorRetry: ()=>ErrorRetry,
+        CodebitThemeContext: ()=>CodebitThemeContext,
         CodebitConfigContext: ()=>CodebitConfigContext,
         ListCard: ()=>ListCard,
         ForgotPassword: ()=>ForgotPassword,
         LoginContainer: ()=>LoginContainer,
-        CodebitTheme: ()=>CodebitTheme,
+        useErrorMessage: ()=>useErrorMessage,
         LocalLoginRecoveryPasswordResult: ()=>LocalLoginRecoveryPasswordResult,
         FilterContainer: ()=>FilterContainer,
         HandleError: ()=>HandleError,
@@ -309,15 +312,102 @@ var __webpack_exports__ = {};
         CodebitConfigProvider: ()=>CodebitConfigProvider,
         ThemeToggle: ()=>ThemeToggle
     });
-    var jsx_runtime = __webpack_require__("../../node_modules/.pnpm/react@19.2.0/node_modules/react/jsx-runtime.js");
+    var jsx_runtime = __webpack_require__("../../node_modules/.pnpm/react@19.2.3/node_modules/react/jsx-runtime.js");
     const icons_namespaceObject = require("@ant-design/icons");
     const external_antd_namespaceObject = require("antd");
     const external_prop_types_namespaceObject = require("prop-types");
     var external_prop_types_default = /*#__PURE__*/ __webpack_require__.n(external_prop_types_namespaceObject);
     var external_react_ = __webpack_require__("react");
     const external_react_router_namespaceObject = require("react-router");
-    const external_i18next_namespaceObject = require("i18next");
+    const react_namespaceObject = require("@sentry/react");
+    const codebit_web_namespaceObject = require("@codebit-programando-solucoes/codebit-web");
+    const logger = new codebit_web_namespaceObject.Logger('CodebitConfigContext');
+    const CodebitConfigContext = /*#__PURE__*/ (0, external_react_.createContext)(null);
+    function CodebitConfigProvider({ children, menuItems, version = '1.0', showVersion = ()=>true, secondarySidebar, secondarySidebarWidth = 280, doLogout, checkLogin }) {
+        const [isLogged, setIsLogged] = (0, external_react_.useState)(null);
+        const [user, setUser] = (0, external_react_.useState)(null);
+        const logout = async ()=>{
+            await doLogout();
+            setIsLogged(false);
+            setUser(null);
+            react_namespaceObject.setUser(null);
+        };
+        (0, external_react_.useEffect)(()=>{
+            if (null === isLogged) checkLogin().then((loggedUser)=>{
+                if (loggedUser) {
+                    logger.trace('User data.', loggedUser);
+                    setIsLogged(true);
+                    setUser(loggedUser);
+                    react_namespaceObject.setUser({
+                        id: loggedUser.id,
+                        email: loggedUser.email,
+                        name: loggedUser.name
+                    });
+                } else {
+                    logger.trace('User not logged in.');
+                    setIsLogged(false);
+                    setUser(null);
+                    react_namespaceObject.setUser(null);
+                }
+            }).catch((e)=>{
+                logger.error('Error fetching session state.', e);
+                setIsLogged(false);
+                setUser(null);
+            });
+        }, [
+            isLogged
+        ]);
+        const contextValue = (0, external_react_.useMemo)(()=>({
+                menuItems,
+                isLogged,
+                user,
+                logout,
+                version,
+                showVersion,
+                secondarySidebar,
+                secondarySidebarWidth
+            }), [
+            menuItems,
+            isLogged,
+            user,
+            version,
+            showVersion,
+            secondarySidebar,
+            secondarySidebarWidth
+        ]);
+        return /*#__PURE__*/ (0, jsx_runtime.jsx)(CodebitConfigContext.Provider, {
+            value: contextValue,
+            children: children
+        });
+    }
+    CodebitConfigProvider.propTypes = {
+        children: external_prop_types_default().node.isRequired,
+        menuItems: external_prop_types_default().func.isRequired,
+        version: external_prop_types_default().string,
+        showVersion: external_prop_types_default().func,
+        secondarySidebar: external_prop_types_default().func,
+        secondarySidebarWidth: external_prop_types_default().number,
+        doLogout: external_prop_types_default().func.isRequired,
+        checkLogin: external_prop_types_default().func.isRequired
+    };
+    const ThemeToggle = ()=>{
+        const config = (0, external_react_.useContext)(CodebitThemeContext);
+        if (!config) throw new Error('ThemeToggle must be used within CodebitThemeContext');
+        (0, external_react_.useEffect)(()=>{
+            document.documentElement.style.colorScheme = config.isDarkMode ? 'dark' : 'light';
+        }, [
+            config.isDarkMode
+        ]);
+        return /*#__PURE__*/ (0, jsx_runtime.jsx)(external_antd_namespaceObject.Switch, {
+            theme: config.isDarkMode ? 'dark' : 'light',
+            checked: config.isDarkMode,
+            onChange: (value)=>config.setIsDarkMode(value),
+            checkedChildren: /*#__PURE__*/ (0, jsx_runtime.jsx)(icons_namespaceObject.MoonOutlined, {}),
+            unCheckedChildren: /*#__PURE__*/ (0, jsx_runtime.jsx)(icons_namespaceObject.SunOutlined, {})
+        });
+    };
     const external_react_i18next_namespaceObject = require("react-i18next");
+    const external_i18next_namespaceObject = require("i18next");
     const pt = {
         codebitWebAntd: {
             LoggedMainContainer: {
@@ -336,7 +426,8 @@ var __webpack_exports__ = {};
                 genericMessage: 'Ocorreu um erro inesperado.',
                 backHome: 'Voltar para página inicial'
             },
-            ErrorRetry: {
+            Error: {
+                errorTitle: 'Erro',
                 defaultError: 'Erro ao carregar',
                 retryButton: 'Tentar novamente',
                 reloadPageButton: 'Recarregar página',
@@ -437,7 +528,8 @@ var __webpack_exports__ = {};
                 genericMessage: 'An unexpected error occurred.',
                 backHome: 'Back to home'
             },
-            ErrorRetry: {
+            Error: {
+                errorTitle: 'Error',
                 defaultError: 'Failed to load',
                 retryButton: 'Try again',
                 reloadPageButton: 'Reload page',
@@ -537,108 +629,387 @@ var __webpack_exports__ = {};
         }
     });
     const i18n = i18nLib;
-    const CodebitConfigContext = /*#__PURE__*/ (0, external_react_.createContext)(null);
-    function CodebitConfigProvider({ children, menuItems, user, onLogout, version = '1.0', showVersion = true, secondarySidebar, secondarySidebarWidth = 280, storeThemeInLocalStorage = true }) {
-        const getSystemTheme = ()=>globalThis.matchMedia?.('(prefers-color-scheme: dark)')?.matches ?? false;
-        const [isDarkMode, setIsDarkMode] = (0, external_react_.useState)(()=>{
-            if (storeThemeInLocalStorage) {
-                const savedTheme = localStorage.getItem('theme');
-                if (null !== savedTheme) return 'dark' === savedTheme;
+    const useCodebitWebAntdTranslation = ()=>(0, external_react_i18next_namespaceObject.useTranslation)('codebitWebAntd', {
+            i18n: i18n
+        });
+    function useErrorMessage() {
+        const { t } = useCodebitWebAntdTranslation();
+        const getErrorMessage = (error)=>{
+            let status = 'error';
+            const responseStatus = error?.response?.status || null;
+            let errorMessage = t('Error.defaultError');
+            let retryText = t('Error.retryButton');
+            let onRetryAction = null;
+            if (error?.errorCode) switch(error.errorCode){
+                case codebit_web_namespaceObject.ErrorCode.ERR_NETWORK:
+                    errorMessage = t('Error.networkError');
+                    break;
+                case codebit_web_namespaceObject.ErrorCode.ERR_TIMEOUT:
+                    errorMessage = t('Error.timeoutError');
+                    break;
             }
-            return getSystemTheme();
+            else if (responseStatus) switch(responseStatus){
+                case 400:
+                    errorMessage = t('Error.badRequestError');
+                    break;
+                case 403:
+                    errorMessage = t('Error.forbiddenError');
+                    retryText = t('Error.reloadPageButton');
+                    status = 403;
+                    onRetryAction = ()=>{
+                        globalThis.location.reload();
+                    };
+                    break;
+                case 404:
+                    errorMessage = t('Error.notFoundError');
+                    status = 404;
+                    break;
+                case 500:
+                    errorMessage = t('Error.internalServerError');
+                    status = 500;
+                    break;
+                case 401:
+                    errorMessage = t('Error.sessionExpiredError');
+                    retryText = t('Error.reloadPageButton');
+                    onRetryAction = ()=>{
+                        globalThis.location.reload();
+                    };
+                    break;
+            }
+            return {
+                errorMessage,
+                status,
+                retryText,
+                onRetryAction
+            };
+        };
+        return {
+            getErrorMessage
+        };
+    }
+    const ErrorRetry_logger = new codebit_web_namespaceObject.Logger('ErrorRetry');
+    function ErrorRetry({ error, onRetry }) {
+        if (error && error instanceof Error) {
+            ErrorRetry_logger.error('Fail to load.', error);
+            react_namespaceObject.captureException(error);
+        }
+        const { getErrorMessage } = useErrorMessage();
+        const { status, errorMessage, retryText, onRetryAction } = getErrorMessage(error);
+        return /*#__PURE__*/ (0, jsx_runtime.jsx)(external_antd_namespaceObject.Card, {
+            children: /*#__PURE__*/ (0, jsx_runtime.jsx)(external_antd_namespaceObject.Result, {
+                status: status,
+                title: errorMessage,
+                extra: [
+                    /*#__PURE__*/ (0, jsx_runtime.jsx)(external_antd_namespaceObject.Button, {
+                        type: 'primary',
+                        onClick: onRetryAction ?? onRetry,
+                        icon: /*#__PURE__*/ (0, jsx_runtime.jsx)(icons_namespaceObject.ReloadOutlined, {}),
+                        children: retryText
+                    }, 'retry')
+                ]
+            })
         });
-        (0, external_react_.useEffect)(()=>{
-            const mediaQuery = globalThis.matchMedia('(prefers-color-scheme: dark)');
-            const handleThemeChange = (e)=>{
-                if (!storeThemeInLocalStorage) return void setIsDarkMode(e.matches);
-                const savedTheme = localStorage.getItem('theme');
-                if (null === savedTheme) setIsDarkMode(e.matches);
+    }
+    ErrorRetry.propTypes = {
+        error: external_prop_types_default().object.isRequired,
+        onRetry: external_prop_types_default().func.isRequired
+    };
+    const ListCard_module = {
+        listCard: "listCard-ISftFd",
+        headerRow: "headerRow-UsZAzP",
+        actions: "actions-ig53s2",
+        filtersRow: "filtersRow-f3Xk5a",
+        expandArea: "expandArea-czOoFS"
+    };
+    const { Title } = external_antd_namespaceObject.Typography;
+    function ListCard({ title, onClearFilters, headerContainer, tableContainer, actions }) {
+        const { token } = external_antd_namespaceObject.theme.useToken();
+        const { t } = (0, external_react_i18next_namespaceObject.useTranslation)('codebitWebAntd');
+        const margin = token['margin'];
+        return /*#__PURE__*/ (0, jsx_runtime.jsxs)(external_antd_namespaceObject.Card, {
+            className: ListCard_module.listCard,
+            children: [
+                /*#__PURE__*/ (0, jsx_runtime.jsxs)(external_antd_namespaceObject.Row, {
+                    gutter: margin,
+                    align: 'middle',
+                    className: ListCard_module.headerRow,
+                    children: [
+                        /*#__PURE__*/ (0, jsx_runtime.jsx)(external_antd_namespaceObject.Col, {
+                            xs: 24,
+                            sm: 24,
+                            md: 12,
+                            children: /*#__PURE__*/ (0, jsx_runtime.jsx)(Title, {
+                                level: 4,
+                                children: title
+                            })
+                        }),
+                        (!!onClearFilters || !!actions) && /*#__PURE__*/ (0, jsx_runtime.jsxs)(external_antd_namespaceObject.Col, {
+                            xs: 24,
+                            sm: 24,
+                            md: 12,
+                            className: ListCard_module.actions,
+                            children: [
+                                !!onClearFilters && /*#__PURE__*/ (0, jsx_runtime.jsx)(external_antd_namespaceObject.Button, {
+                                    icon: /*#__PURE__*/ (0, jsx_runtime.jsx)(icons_namespaceObject.ClearOutlined, {}),
+                                    onClick: onClearFilters,
+                                    children: t('ListCard.clearFilters')
+                                }),
+                                actions
+                            ]
+                        })
+                    ]
+                }),
+                !!headerContainer && /*#__PURE__*/ (0, jsx_runtime.jsx)(external_antd_namespaceObject.Row, {
+                    gutter: margin,
+                    className: ListCard_module.filtersRow,
+                    children: headerContainer
+                }),
+                /*#__PURE__*/ (0, jsx_runtime.jsx)(external_antd_namespaceObject.Layout, {
+                    className: ListCard_module.expandArea,
+                    children: tableContainer
+                })
+            ]
+        });
+    }
+    ListCard.propTypes = {
+        title: external_prop_types_default().string.isRequired,
+        onClearFilters: external_prop_types_default().func,
+        headerContainer: external_prop_types_default().node,
+        tableContainer: external_prop_types_default().node,
+        actions: external_prop_types_default().node
+    };
+    ListCard.defaultProps = {
+        onClearFilters: null,
+        headerContainer: null,
+        tableContainer: null,
+        actions: null
+    };
+    const CssTokenBridge = ()=>{
+        const { token } = external_antd_namespaceObject.theme.useToken();
+        (0, external_react_.useLayoutEffect)(()=>{
+            const root = document.documentElement;
+            root.style.setProperty('--antd-color-bg-container', token['colorBgContainer']);
+            root.style.setProperty('--antd-color-bg-elevated', token['colorBgElevated']);
+            root.style.setProperty('--antd-color-bg-layout', token['colorBgLayout']);
+            root.style.setProperty('--antd-color-border', token['colorBorder']);
+            root.style.setProperty('--antd-color-primary', token['colorPrimary']);
+            root.style.setProperty('--antd-color-text', token['colorText']);
+            root.style.setProperty('--antd-color-text-secondary', token['colorTextSecondary']);
+            root.style.setProperty('--antd-color-split', token['colorSplit']);
+            root.style.setProperty('--antd-margin-xxs', `${token['marginXXS']}px`);
+            root.style.setProperty('--antd-margin-xs', `${token['marginXS']}px`);
+            root.style.setProperty('--antd-margin-sm', `${token['marginSM']}px`);
+            root.style.setProperty('--antd-margin', `${token['margin']}px`);
+            root.style.setProperty('--antd-margin-md', `${token['marginMD']}px`);
+            root.style.setProperty('--antd-margin-lg', `${token['marginLG']}px`);
+            root.style.setProperty('--antd-margin-xl', `${token['marginXL']}px`);
+            root.style.setProperty('--antd-margin-xxl', `${token['marginXXL']}px`);
+            root.style.setProperty('--antd-padding-xxs', `${token['paddingXXS']}px`);
+            root.style.setProperty('--antd-padding-xs', `${token['paddingXS']}px`);
+            root.style.setProperty('--antd-padding-sm', `${token['paddingSM']}px`);
+            root.style.setProperty('--antd-padding', `${token['padding']}px`);
+            root.style.setProperty('--antd-padding-md', `${token['paddingMD']}px`);
+            root.style.setProperty('--antd-padding-lg', `${token['paddingLG']}px`);
+            root.style.setProperty('--antd-padding-xl', `${token['paddingXL']}px`);
+            root.style.setProperty('--antd-font-size-xxs', '8px');
+            root.style.setProperty('--antd-font-size-xs', '10px');
+            root.style.setProperty('--antd-font-size-sm', `${token['fontSizeSM']}px`);
+            root.style.setProperty('--antd-font-size', `${token['fontSize']}px`);
+            root.style.setProperty('--antd-font-size-lg', `${token['fontSizeLG']}px`);
+            root.style.setProperty('--antd-font-size-xl', `${token['fontSizeXL']}px`);
+            root.style.setProperty('--antd-font-size-xxl', `${token['fontSizeXXL']}px`);
+            root.style.setProperty('--antd-font-size-heading1', `${token['fontSizeHeading1']}px`);
+            root.style.setProperty('--antd-font-size-heading2', `${token['fontSizeHeading2']}px`);
+            root.style.setProperty('--antd-font-size-heading3', `${token['fontSizeHeading3']}px`);
+            root.style.setProperty('--antd-font-size-heading4', `${token['fontSizeHeading4']}px`);
+            root.style.setProperty('--antd-font-size-heading5', `${token['fontSizeHeading5']}px`);
+            root.style.setProperty('--antd-line-height', token['lineHeight']);
+            root.style.setProperty('--antd-line-height-lg', token['lineHeightLG']);
+            root.style.setProperty('--antd-control-height-sm', `${token['controlHeightSM']}px`);
+            root.style.setProperty('--antd-control-height', `${token['controlHeight']}px`);
+            root.style.setProperty('--antd-control-height-lg', `${token['controlHeightLG']}px`);
+            root.style.setProperty('--antd-border-radius-sm', `${token['borderRadiusSM']}px`);
+            root.style.setProperty('--antd-border-radius', `${token['borderRadius']}px`);
+            root.style.setProperty('--antd-border-radius-lg', `${token['borderRadiusLG']}px`);
+        }, [
+            token
+        ]);
+        return null;
+    };
+    const TableContainer_module = {
+        tableContainer: "tableContainer-EhNwOm"
+    };
+    function isPaginationNode(node) {
+        if (node.nodeType !== Node.ELEMENT_NODE) return false;
+        const element = node;
+        return element.classList?.contains('ant-table-pagination') || element.querySelector?.('.ant-table-pagination');
+    }
+    function hasPaginationInMutation(mutation) {
+        return Array.from(mutation.addedNodes).some(isPaginationNode);
+    }
+    function TableContainer({ children }) {
+        const containerRef = (0, external_react_.useRef)(null);
+        const containerHeightRef = (0, external_react_.useRef)(null);
+        const [scrollY, setScrollY] = (0, external_react_.useState)(void 0);
+        (0, external_react_.useLayoutEffect)(()=>{
+            const calculateHeights = ()=>{
+                if (!containerRef.current) return;
+                containerHeightRef.current = containerRef.current.offsetHeight;
+                const thead = containerRef.current.querySelector('thead');
+                let theadHeight = 0;
+                if (thead) {
+                    const rect = thead.getBoundingClientRect();
+                    const styles = globalThis.getComputedStyle(thead);
+                    const marginTop = Number.parseFloat(styles.marginTop) || 0;
+                    const marginBottom = Number.parseFloat(styles.marginBottom) || 0;
+                    theadHeight = rect.height + marginTop + marginBottom;
+                }
+                const pagination = containerRef.current.querySelector('.ant-table-pagination');
+                let paginationHeight = 0;
+                if (pagination) {
+                    const rect = pagination.getBoundingClientRect();
+                    const styles = globalThis.getComputedStyle(pagination);
+                    const marginTop = Number.parseFloat(styles.marginTop) || 0;
+                    const marginBottom = Number.parseFloat(styles.marginBottom) || 0;
+                    paginationHeight = rect.height + marginTop + marginBottom;
+                }
+                const availableHeight = Math.ceil(containerHeightRef.current) - Math.ceil(theadHeight) - Math.ceil(paginationHeight) - 1;
+                setScrollY(availableHeight);
             };
-            mediaQuery.addEventListener('change', handleThemeChange);
+            calculateHeights();
+            const observer = new MutationObserver((mutations)=>{
+                const hasPagination = mutations.some(hasPaginationInMutation);
+                if (hasPagination) calculateHeights();
+            });
+            if (containerRef.current) observer.observe(containerRef.current, {
+                childList: true,
+                subtree: true
+            });
+            globalThis.addEventListener('resize', calculateHeights);
             return ()=>{
-                mediaQuery.removeEventListener('change', handleThemeChange);
+                observer.disconnect();
+                globalThis.removeEventListener('resize', calculateHeights);
             };
+        }, []);
+        const enhancedChildren = scrollY ? /*#__PURE__*/ (0, external_react_.cloneElement)(children, {
+            scroll: {
+                ...children.props?.scroll,
+                y: scrollY,
+                x: 'max-content'
+            }
+        }) : children;
+        return /*#__PURE__*/ (0, jsx_runtime.jsx)("div", {
+            ref: containerRef,
+            className: TableContainer_module.tableContainer,
+            children: enhancedChildren
+        });
+    }
+    TableContainer.propTypes = {
+        children: external_prop_types_default().element.isRequired
+    };
+    function FilterContainer({ children, ...props }) {
+        const { token } = external_antd_namespaceObject.theme.useToken();
+        return /*#__PURE__*/ (0, jsx_runtime.jsx)(external_antd_namespaceObject.Card, {
+            styles: {
+                body: {
+                    padding: token['paddingXS'] + 'px'
+                }
+            },
+            ...props,
+            children: children
+        });
+    }
+    FilterContainer.propTypes = {
+        children: external_prop_types_default().node.isRequired,
+        ...external_antd_namespaceObject.Card.propTypes
+    };
+    const CodebitThemeContext = /*#__PURE__*/ (0, external_react_.createContext)(null);
+    const CodebitThemeProvider = ({ children, storeThemeInLocalStorage = true, ...props })=>{
+        const hasLoaded = (0, external_react_.useRef)(false);
+        const [isDarkMode, setIsDarkMode] = (0, external_react_.useState)(()=>{
+            try {
+                if (storeThemeInLocalStorage) {
+                    const savedTheme = localStorage?.getItem('theme');
+                    if (null !== savedTheme) return 'dark' === savedTheme;
+                }
+                return globalThis.matchMedia?.('(prefers-color-scheme: dark)')?.matches ?? false;
+            } finally{
+                hasLoaded.current = true;
+            }
+        });
+        const toggleTheme = ()=>{
+            setIsDarkMode((prev)=>!prev);
+        };
+        (0, external_react_.useEffect)(()=>{
+            const rootElement = document.getElementById('root');
+            if (isDarkMode) {
+                document.body.classList.add('dark-theme');
+                rootElement.classList.add('dark-theme');
+            } else {
+                document.body.classList.remove('dark-theme');
+                rootElement.classList.remove('dark-theme');
+            }
+            document.documentElement.style.setProperty('--color-primary', isDarkMode ? '#589C75' : '#29D266');
         }, [
+            isDarkMode
+        ]);
+        (0, external_react_.useEffect)(()=>{
+            if (hasLoaded.current && storeThemeInLocalStorage) localStorage.setItem('theme', isDarkMode ? 'dark' : 'light');
+        }, [
+            isDarkMode,
             storeThemeInLocalStorage
         ]);
-        const toggleTheme = ()=>{
-            const newTheme = !isDarkMode;
-            setIsDarkMode(newTheme);
-            if (storeThemeInLocalStorage) localStorage.setItem('theme', newTheme ? 'dark' : 'light');
-        };
-        const resetToSystemTheme = ()=>{
-            if (storeThemeInLocalStorage) localStorage.removeItem('theme');
-            setIsDarkMode(getSystemTheme());
-        };
-        const contextValue = (0, external_react_.useMemo)(()=>({
-                menuItems,
-                user,
-                onLogout,
-                version,
-                showVersion,
-                i18n: i18n,
-                secondarySidebar,
-                secondarySidebarWidth,
+        const themeContextValue = (0, external_react_.useMemo)(()=>({
                 isDarkMode,
-                setIsDarkMode,
                 toggleTheme,
-                resetToSystemTheme
+                setIsDarkMode
             }), [
-            menuItems,
-            user,
-            onLogout,
-            version,
-            showVersion,
-            secondarySidebar,
-            secondarySidebarWidth,
-            isDarkMode,
-            storeThemeInLocalStorage
+            isDarkMode
         ]);
-        return /*#__PURE__*/ (0, jsx_runtime.jsxs)(CodebitConfigContext.Provider, {
-            value: contextValue,
-            children: [
-                /*#__PURE__*/ (0, jsx_runtime.jsx)(CssTokenBridge, {}),
-                children
-            ]
+        return /*#__PURE__*/ (0, jsx_runtime.jsx)(CodebitThemeContext.Provider, {
+            value: themeContextValue,
+            children: /*#__PURE__*/ (0, jsx_runtime.jsxs)(external_antd_namespaceObject.ConfigProvider, {
+                theme: {
+                    algorithm: isDarkMode ? external_antd_namespaceObject.theme.darkAlgorithm : external_antd_namespaceObject.theme.defaultAlgorithm,
+                    token: {
+                        colorPrimary: isDarkMode ? '#589C75' : '#29D266',
+                        colorInfo: isDarkMode ? '#589C75' : '#29D266',
+                        colorLink: isDarkMode ? '#589C75' : '#29D266'
+                    },
+                    components: {
+                        Menu: {
+                            itemSelectedBg: isDarkMode ? '#589C75' : '#29D266',
+                            itemSelectedColor: '#FAFAFA',
+                            darkItemSelectedBg: isDarkMode ? '#589C75' : '#29D266',
+                            darkItemSelectedColor: '#FAFAFA'
+                        },
+                        Button: {
+                            colorPrimary: isDarkMode ? '#589C75' : '#29D266',
+                            colorPrimaryHover: isDarkMode ? '#6DB589' : '#3FE67F',
+                            colorPrimaryActive: isDarkMode ? '#4A8361' : '#1FBF4D'
+                        },
+                        Layout: {
+                            siderBg: isDarkMode ? '#1a1a1a' : '#001529',
+                            triggerBg: isDarkMode ? '#589C75' : '#29D266',
+                            triggerColor: '#FAFAFA'
+                        },
+                        Header: {
+                            colorPrimary: isDarkMode ? '#589C75' : '#29D266'
+                        }
+                    }
+                },
+                ...props,
+                children: [
+                    /*#__PURE__*/ (0, jsx_runtime.jsx)(CssTokenBridge, {}),
+                    children
+                ]
+            })
         });
-    }
-    CodebitConfigProvider.propTypes = {
+    };
+    CodebitThemeProvider.propTypes = {
         children: external_prop_types_default().node.isRequired,
-        menuItems: external_prop_types_default().arrayOf(external_prop_types_default().shape({
-            key: external_prop_types_default().string.isRequired,
-            icon: external_prop_types_default().node,
-            label: external_prop_types_default().string.isRequired,
-            roles: external_prop_types_default().arrayOf(external_prop_types_default().string)
-        })).isRequired,
-        user: external_prop_types_default().shape({
-            name: external_prop_types_default().string.isRequired,
-            email: external_prop_types_default().string.isRequired,
-            id: external_prop_types_default().string.isRequired,
-            roles: external_prop_types_default().arrayOf(external_prop_types_default().string).isRequired
-        }).isRequired,
-        onLogout: external_prop_types_default().func.isRequired,
-        version: external_prop_types_default().string,
-        showVersion: external_prop_types_default().bool,
-        secondarySidebar: external_prop_types_default().node,
-        secondarySidebarWidth: external_prop_types_default().number,
         storeThemeInLocalStorage: external_prop_types_default().bool
     };
-    const ThemeToggle = ()=>{
-        const config = (0, external_react_.useContext)(CodebitConfigContext);
-        if (!config) throw new Error('ThemeToggle must be used within CodebitConfigProvider');
-        (0, external_react_.useEffect)(()=>{
-            document.documentElement.style.colorScheme = config.isDarkMode ? 'dark' : 'light';
-        }, [
-            config.isDarkMode
-        ]);
-        return /*#__PURE__*/ (0, jsx_runtime.jsx)(external_antd_namespaceObject.Switch, {
-            theme: config.isDarkMode ? 'dark' : 'light',
-            checked: config.isDarkMode,
-            onChange: config.toggleTheme,
-            checkedChildren: /*#__PURE__*/ (0, jsx_runtime.jsx)(icons_namespaceObject.MoonOutlined, {}),
-            unCheckedChildren: /*#__PURE__*/ (0, jsx_runtime.jsx)(icons_namespaceObject.SunOutlined, {})
-        });
-    };
     const LoggedMainContainer_module = {
         layout: "layout-mL5o6I",
         drawer: "drawer-oj0mJX",
@@ -659,9 +1030,6 @@ var __webpack_exports__ = {};
         headerSpace: "headerSpace-Fd_iha",
         content: "content-OZHp2h"
     };
-    const useCodebitWebAntdTranslation = ()=>(0, external_react_i18next_namespaceObject.useTranslation)('codebitWebAntd', {
-            i18n: i18n
-        });
     const { Header, Sider, Content } = external_antd_namespaceObject.Layout;
     const { Text } = external_antd_namespaceObject.Typography;
     function LoggedMainContainer({ children }) {
@@ -672,11 +1040,13 @@ var __webpack_exports__ = {};
         const { t } = useCodebitWebAntdTranslation();
         const navigate = (0, external_react_router_namespaceObject.useNavigate)();
         const location = (0, external_react_router_namespaceObject.useLocation)();
-        const config = (0, external_react_.useContext)(CodebitConfigContext);
-        if (!config) throw new Error('LoggedContainer must be used within CodebitConfigProvider');
-        const { menuItems, user, onLogout, version, showVersion, isDarkMode, secondarySidebar, secondarySidebarWidth = 280 } = config;
+        const configCodebit = (0, external_react_.useContext)(CodebitConfigContext);
+        const configTheme = (0, external_react_.useContext)(CodebitThemeContext);
+        if (!configCodebit || !configTheme) throw new Error('LoggedContainer must be used within CodebitConfigProvider and CodebitThemeContext');
+        const { logout, user, menuItems, version, showVersion, secondarySidebar, secondarySidebarWidth = 280 } = configCodebit;
+        const { isDarkMode } = configTheme;
         const systemTheme = isDarkMode ? 'dark' : 'light';
-        const filteredMenuItems = (0, external_react_.useMemo)(()=>menuItems.filter((item)=>{
+        const filteredMenuItems = (0, external_react_.useMemo)(()=>menuItems(user).filter((item)=>{
                 if (!item.roles) return true;
                 if (!user || !user.roles) return false;
                 if (item.roles) return item.roles.some((role)=>user.roles.includes(role));
@@ -694,7 +1064,7 @@ var __webpack_exports__ = {};
             return ()=>window.removeEventListener('resize', checkScreenSize);
         }, []);
         const handleLogout = async ()=>{
-            if (onLogout) await onLogout();
+            await logout?.();
             if (isMobile) setDrawerVisible(false);
             navigate('/');
         };
@@ -725,7 +1095,7 @@ var __webpack_exports__ = {};
                 /*#__PURE__*/ (0, jsx_runtime.jsx)(external_antd_namespaceObject.Layout.Content, {
                     className: LoggedMainContainer_module.menuSpacer
                 }),
-                showVersion && version && /*#__PURE__*/ (0, jsx_runtime.jsx)(external_antd_namespaceObject.Menu, {
+                showVersion?.(user) && version && /*#__PURE__*/ (0, jsx_runtime.jsx)(external_antd_namespaceObject.Menu, {
                     theme: systemTheme,
                     mode: 'horizontal',
                     className: LoggedMainContainer_module.versionMenu,
@@ -777,339 +1147,71 @@ var __webpack_exports__ = {};
                     collapsed: !collapsed,
                     breakpoint: 'lg',
                     collapsedWidth: 80,
-                    className: LoggedMainContainer_module.sider,
-                    children: /*#__PURE__*/ (0, jsx_runtime.jsx)(external_antd_namespaceObject.Layout, {
-                        className: LoggedMainContainer_module.siderLayout,
-                        children: menuContent
-                    })
-                }),
-                secondarySidebar && !isMobile ? /*#__PURE__*/ (0, jsx_runtime.jsx)(Sider, {
-                    theme: systemTheme,
-                    width: secondarySidebarWidth,
-                    className: `${LoggedMainContainer_module.secondarySidebar} ${isDarkMode ? LoggedMainContainer_module.secondarySidebarDark : ''}`,
-                    children: secondarySidebar
-                }) : /*#__PURE__*/ (0, jsx_runtime.jsx)(external_antd_namespaceObject.Drawer, {
-                    placement: 'right',
-                    onClose: ()=>setSecondarySidebarDrawerVisible(false),
-                    open: secondarySidebarDrawerVisible,
-                    width: 280,
-                    className: LoggedMainContainer_module.drawer,
-                    title: null,
-                    closeIcon: /*#__PURE__*/ (0, jsx_runtime.jsx)(icons_namespaceObject.CloseOutlined, {}),
-                    children: secondarySidebar
-                }),
-                /*#__PURE__*/ (0, jsx_runtime.jsxs)(external_antd_namespaceObject.Layout, {
-                    children: [
-                        /*#__PURE__*/ (0, jsx_runtime.jsxs)(Header, {
-                            className: `${LoggedMainContainer_module.header} ${isMobile ? LoggedMainContainer_module.mobile : ''}`,
-                            children: [
-                                /*#__PURE__*/ (0, jsx_runtime.jsx)(external_antd_namespaceObject.Space, {
-                                    children: isMobile ? /*#__PURE__*/ (0, jsx_runtime.jsx)(external_antd_namespaceObject.Button, {
-                                        type: 'text',
-                                        icon: /*#__PURE__*/ (0, jsx_runtime.jsx)(icons_namespaceObject.MenuOutlined, {}),
-                                        onClick: ()=>setDrawerVisible(true)
-                                    }) : /*#__PURE__*/ (0, jsx_runtime.jsx)(external_antd_namespaceObject.Button, {
-                                        type: 'text',
-                                        icon: collapsed ? /*#__PURE__*/ (0, jsx_runtime.jsx)(icons_namespaceObject.MenuUnfoldOutlined, {}) : /*#__PURE__*/ (0, jsx_runtime.jsx)(icons_namespaceObject.MenuFoldOutlined, {}),
-                                        onClick: ()=>setCollapsed(!collapsed)
-                                    })
-                                }),
-                                /*#__PURE__*/ (0, jsx_runtime.jsxs)(external_antd_namespaceObject.Space, {
-                                    size: isMobile ? 'small' : 'middle',
-                                    className: `${LoggedMainContainer_module.headerSpace} ${isMobile ? LoggedMainContainer_module.mobile : ''}`,
-                                    children: [
-                                        secondarySidebar && isMobile && /*#__PURE__*/ (0, jsx_runtime.jsx)(external_antd_namespaceObject.Button, {
-                                            type: 'text',
-                                            icon: /*#__PURE__*/ (0, jsx_runtime.jsx)(icons_namespaceObject.MenuOutlined, {}),
-                                            onClick: ()=>setSecondarySidebarDrawerVisible(true)
-                                        }),
-                                        !isMobile && /*#__PURE__*/ (0, jsx_runtime.jsx)(Text, {
-                                            children: t('LoggedMainContainer.theme')
-                                        }),
-                                        /*#__PURE__*/ (0, jsx_runtime.jsx)(ThemeToggle, {})
-                                    ]
-                                })
-                            ]
-                        }),
-                        /*#__PURE__*/ (0, jsx_runtime.jsx)(Content, {
-                            className: `${LoggedMainContainer_module.content} ${isMobile ? LoggedMainContainer_module.mobile : ''}`,
-                            children: children
-                        })
-                    ]
-                })
-            ]
-        });
-    }
-    LoggedMainContainer.propTypes = {
-        children: external_prop_types_default().node.isRequired
-    };
-    const codebit_web_namespaceObject = require("@codebit-programando-solucoes/codebit-web");
-    const react_namespaceObject = require("@sentry/react");
-    function ErrorRetry({ error, onRetry }) {
-        const { t } = useCodebitWebAntdTranslation();
-        if (error && error instanceof Error) {
-            console.error('Fail to load.', error);
-            react_namespaceObject.captureException(error);
-        }
-        const responseStatus = error?.response?.status || null;
-        let errorMessage = t('ErrorRetry.defaultError');
-        let retryText = t('ErrorRetry.retryButton');
-        let status = 'error';
-        if (error?.errorCode) switch(error.errorCode){
-            case codebit_web_namespaceObject.ErrorCode.ERR_NETWORK:
-                errorMessage = t('ErrorRetry.networkError');
-                break;
-            case codebit_web_namespaceObject.ErrorCode.ERR_TIMEOUT:
-                errorMessage = t('ErrorRetry.timeoutError');
-                break;
-        }
-        else if (responseStatus) switch(responseStatus){
-            case 400:
-                errorMessage = t('ErrorRetry.badRequestError');
-                break;
-            case 403:
-                errorMessage = t('ErrorRetry.forbiddenError');
-                retryText = t('ErrorRetry.reloadPageButton');
-                onRetry = ()=>{
-                    globalThis.location.reload();
-                };
-                status = 403;
-                break;
-            case 404:
-                errorMessage = t('ErrorRetry.notFoundError');
-                status = 404;
-                break;
-            case 500:
-                errorMessage = t('ErrorRetry.internalServerError');
-                status = 500;
-                break;
-            case 401:
-                errorMessage = t('ErrorRetry.sessionExpiredError');
-                retryText = t('ErrorRetry.reloadPageButton');
-                onRetry = ()=>{
-                    globalThis.location.reload();
-                };
-                break;
-        }
-        return /*#__PURE__*/ (0, jsx_runtime.jsx)(external_antd_namespaceObject.Card, {
-            children: /*#__PURE__*/ (0, jsx_runtime.jsx)(external_antd_namespaceObject.Result, {
-                status: status,
-                title: errorMessage,
-                extra: [
-                    /*#__PURE__*/ (0, jsx_runtime.jsx)(external_antd_namespaceObject.Button, {
-                        type: 'primary',
-                        onClick: onRetry,
-                        icon: /*#__PURE__*/ (0, jsx_runtime.jsx)(icons_namespaceObject.ReloadOutlined, {}),
-                        children: retryText
-                    }, 'retry')
-                ]
-            })
-        });
-    }
-    ErrorRetry.propTypes = {
-        error: external_prop_types_default().object.isRequired,
-        onRetry: external_prop_types_default().func.isRequired
-    };
-    const ListCard_module = {
-        listCard: "listCard-ISftFd",
-        headerRow: "headerRow-UsZAzP",
-        actions: "actions-ig53s2",
-        filtersRow: "filtersRow-f3Xk5a",
-        expandArea: "expandArea-czOoFS"
-    };
-    const { Title } = external_antd_namespaceObject.Typography;
-    function ListCard({ title, onClearFilters, headerContainer, tableContainer, actions }) {
-        const { token } = external_antd_namespaceObject.theme.useToken();
-        const { t } = (0, external_react_i18next_namespaceObject.useTranslation)('codebitWebAntd');
-        const margin = token['margin'];
-        return /*#__PURE__*/ (0, jsx_runtime.jsxs)(external_antd_namespaceObject.Card, {
-            className: ListCard_module.listCard,
-            children: [
-                /*#__PURE__*/ (0, jsx_runtime.jsxs)(external_antd_namespaceObject.Row, {
-                    gutter: margin,
-                    align: 'middle',
-                    className: ListCard_module.headerRow,
+                    className: LoggedMainContainer_module.sider,
+                    children: /*#__PURE__*/ (0, jsx_runtime.jsx)(external_antd_namespaceObject.Layout, {
+                        className: LoggedMainContainer_module.siderLayout,
+                        children: menuContent
+                    })
+                }),
+                secondarySidebar && !isMobile ? /*#__PURE__*/ (0, jsx_runtime.jsx)(Sider, {
+                    theme: systemTheme,
+                    width: secondarySidebarWidth,
+                    className: `${LoggedMainContainer_module.secondarySidebar} ${isDarkMode ? LoggedMainContainer_module.secondarySidebarDark : ''}`,
+                    children: secondarySidebar(user)
+                }) : /*#__PURE__*/ (0, jsx_runtime.jsx)(external_antd_namespaceObject.Drawer, {
+                    placement: 'right',
+                    onClose: ()=>setSecondarySidebarDrawerVisible(false),
+                    open: secondarySidebarDrawerVisible,
+                    width: 280,
+                    className: LoggedMainContainer_module.drawer,
+                    title: null,
+                    closeIcon: /*#__PURE__*/ (0, jsx_runtime.jsx)(icons_namespaceObject.CloseOutlined, {}),
+                    children: secondarySidebar(user)
+                }),
+                /*#__PURE__*/ (0, jsx_runtime.jsxs)(external_antd_namespaceObject.Layout, {
                     children: [
-                        /*#__PURE__*/ (0, jsx_runtime.jsx)(external_antd_namespaceObject.Col, {
-                            xs: 24,
-                            sm: 24,
-                            md: 12,
-                            children: /*#__PURE__*/ (0, jsx_runtime.jsx)(Title, {
-                                level: 4,
-                                children: title
-                            })
-                        }),
-                        (!!onClearFilters || !!actions) && /*#__PURE__*/ (0, jsx_runtime.jsxs)(external_antd_namespaceObject.Col, {
-                            xs: 24,
-                            sm: 24,
-                            md: 12,
-                            className: ListCard_module.actions,
+                        /*#__PURE__*/ (0, jsx_runtime.jsxs)(Header, {
+                            className: `${LoggedMainContainer_module.header} ${isMobile ? LoggedMainContainer_module.mobile : ''}`,
                             children: [
-                                !!onClearFilters && /*#__PURE__*/ (0, jsx_runtime.jsx)(external_antd_namespaceObject.Button, {
-                                    icon: /*#__PURE__*/ (0, jsx_runtime.jsx)(icons_namespaceObject.ClearOutlined, {}),
-                                    onClick: onClearFilters,
-                                    children: t('ListCard.clearFilters')
+                                /*#__PURE__*/ (0, jsx_runtime.jsx)(external_antd_namespaceObject.Space, {
+                                    children: isMobile ? /*#__PURE__*/ (0, jsx_runtime.jsx)(external_antd_namespaceObject.Button, {
+                                        type: 'text',
+                                        icon: /*#__PURE__*/ (0, jsx_runtime.jsx)(icons_namespaceObject.MenuOutlined, {}),
+                                        onClick: ()=>setDrawerVisible(true)
+                                    }) : /*#__PURE__*/ (0, jsx_runtime.jsx)(external_antd_namespaceObject.Button, {
+                                        type: 'text',
+                                        icon: collapsed ? /*#__PURE__*/ (0, jsx_runtime.jsx)(icons_namespaceObject.MenuUnfoldOutlined, {}) : /*#__PURE__*/ (0, jsx_runtime.jsx)(icons_namespaceObject.MenuFoldOutlined, {}),
+                                        onClick: ()=>setCollapsed(!collapsed)
+                                    })
                                 }),
-                                actions
+                                /*#__PURE__*/ (0, jsx_runtime.jsxs)(external_antd_namespaceObject.Space, {
+                                    size: isMobile ? 'small' : 'middle',
+                                    className: `${LoggedMainContainer_module.headerSpace} ${isMobile ? LoggedMainContainer_module.mobile : ''}`,
+                                    children: [
+                                        secondarySidebar && isMobile && /*#__PURE__*/ (0, jsx_runtime.jsx)(external_antd_namespaceObject.Button, {
+                                            type: 'text',
+                                            icon: /*#__PURE__*/ (0, jsx_runtime.jsx)(icons_namespaceObject.MenuOutlined, {}),
+                                            onClick: ()=>setSecondarySidebarDrawerVisible(true)
+                                        }),
+                                        !isMobile && /*#__PURE__*/ (0, jsx_runtime.jsx)(Text, {
+                                            children: t('LoggedMainContainer.theme')
+                                        }),
+                                        /*#__PURE__*/ (0, jsx_runtime.jsx)(ThemeToggle, {})
+                                    ]
+                                })
                             ]
+                        }),
+                        /*#__PURE__*/ (0, jsx_runtime.jsx)(Content, {
+                            className: `${LoggedMainContainer_module.content} ${isMobile ? LoggedMainContainer_module.mobile : ''}`,
+                            children: children
                         })
                     ]
-                }),
-                !!headerContainer && /*#__PURE__*/ (0, jsx_runtime.jsx)(external_antd_namespaceObject.Row, {
-                    gutter: margin,
-                    className: ListCard_module.filtersRow,
-                    children: headerContainer
-                }),
-                /*#__PURE__*/ (0, jsx_runtime.jsx)(external_antd_namespaceObject.Layout, {
-                    className: ListCard_module.expandArea,
-                    children: tableContainer
                 })
             ]
         });
     }
-    ListCard.propTypes = {
-        title: external_prop_types_default().string.isRequired,
-        onClearFilters: external_prop_types_default().func,
-        headerContainer: external_prop_types_default().node,
-        tableContainer: external_prop_types_default().node,
-        actions: external_prop_types_default().node
-    };
-    ListCard.defaultProps = {
-        onClearFilters: null,
-        headerContainer: null,
-        tableContainer: null,
-        actions: null
-    };
-    const CssTokenBridge = ()=>{
-        const { token } = external_antd_namespaceObject.theme.useToken();
-        (0, external_react_.useLayoutEffect)(()=>{
-            const root = document.documentElement;
-            root.style.setProperty('--antd-color-bg-container', token['colorBgContainer']);
-            root.style.setProperty('--antd-color-bg-elevated', token['colorBgElevated']);
-            root.style.setProperty('--antd-color-bg-layout', token['colorBgLayout']);
-            root.style.setProperty('--antd-color-border', token['colorBorder']);
-            root.style.setProperty('--antd-color-primary', token['colorPrimary']);
-            root.style.setProperty('--antd-color-text', token['colorText']);
-            root.style.setProperty('--antd-color-text-secondary', token['colorTextSecondary']);
-            root.style.setProperty('--antd-color-split', token['colorSplit']);
-            root.style.setProperty('--antd-margin-xxs', `${token['marginXXS']}px`);
-            root.style.setProperty('--antd-margin-xs', `${token['marginXS']}px`);
-            root.style.setProperty('--antd-margin-sm', `${token['marginSM']}px`);
-            root.style.setProperty('--antd-margin', `${token['margin']}px`);
-            root.style.setProperty('--antd-margin-md', `${token['marginMD']}px`);
-            root.style.setProperty('--antd-margin-lg', `${token['marginLG']}px`);
-            root.style.setProperty('--antd-margin-xl', `${token['marginXL']}px`);
-            root.style.setProperty('--antd-margin-xxl', `${token['marginXXL']}px`);
-            root.style.setProperty('--antd-padding-xxs', `${token['paddingXXS']}px`);
-            root.style.setProperty('--antd-padding-xs', `${token['paddingXS']}px`);
-            root.style.setProperty('--antd-padding-sm', `${token['paddingSM']}px`);
-            root.style.setProperty('--antd-padding', `${token['padding']}px`);
-            root.style.setProperty('--antd-padding-md', `${token['paddingMD']}px`);
-            root.style.setProperty('--antd-padding-lg', `${token['paddingLG']}px`);
-            root.style.setProperty('--antd-padding-xl', `${token['paddingXL']}px`);
-            root.style.setProperty('--antd-font-size-sm', `${token['fontSizeSM']}px`);
-            root.style.setProperty('--antd-font-size', `${token['fontSize']}px`);
-            root.style.setProperty('--antd-font-size-lg', `${token['fontSizeLG']}px`);
-            root.style.setProperty('--antd-font-size-xl', `${token['fontSizeXL']}px`);
-            root.style.setProperty('--antd-line-height', token['lineHeight']);
-            root.style.setProperty('--antd-line-height-lg', token['lineHeightLG']);
-            root.style.setProperty('--antd-control-height-sm', `${token['controlHeightSM']}px`);
-            root.style.setProperty('--antd-control-height', `${token['controlHeight']}px`);
-            root.style.setProperty('--antd-control-height-lg', `${token['controlHeightLG']}px`);
-            root.style.setProperty('--antd-border-radius-sm', `${token['borderRadiusSM']}px`);
-            root.style.setProperty('--antd-border-radius', `${token['borderRadius']}px`);
-            root.style.setProperty('--antd-border-radius-lg', `${token['borderRadiusLG']}px`);
-        }, [
-            token
-        ]);
-        return null;
-    };
-    const TableContainer_module = {
-        tableContainer: "tableContainer-EhNwOm"
-    };
-    function isPaginationNode(node) {
-        if (node.nodeType !== Node.ELEMENT_NODE) return false;
-        const element = node;
-        return element.classList?.contains('ant-table-pagination') || element.querySelector?.('.ant-table-pagination');
-    }
-    function hasPaginationInMutation(mutation) {
-        return Array.from(mutation.addedNodes).some(isPaginationNode);
-    }
-    function TableContainer({ children }) {
-        const containerRef = (0, external_react_.useRef)(null);
-        const containerHeightRef = (0, external_react_.useRef)(null);
-        const [scrollY, setScrollY] = (0, external_react_.useState)(void 0);
-        (0, external_react_.useLayoutEffect)(()=>{
-            const calculateHeights = ()=>{
-                if (!containerRef.current) return;
-                containerHeightRef.current = containerRef.current.offsetHeight;
-                const thead = containerRef.current.querySelector('thead');
-                let theadHeight = 0;
-                if (thead) {
-                    const rect = thead.getBoundingClientRect();
-                    const styles = globalThis.getComputedStyle(thead);
-                    const marginTop = Number.parseFloat(styles.marginTop) || 0;
-                    const marginBottom = Number.parseFloat(styles.marginBottom) || 0;
-                    theadHeight = rect.height + marginTop + marginBottom;
-                }
-                const pagination = containerRef.current.querySelector('.ant-table-pagination');
-                let paginationHeight = 0;
-                if (pagination) {
-                    const rect = pagination.getBoundingClientRect();
-                    const styles = globalThis.getComputedStyle(pagination);
-                    const marginTop = Number.parseFloat(styles.marginTop) || 0;
-                    const marginBottom = Number.parseFloat(styles.marginBottom) || 0;
-                    paginationHeight = rect.height + marginTop + marginBottom;
-                }
-                const availableHeight = Math.ceil(containerHeightRef.current) - Math.ceil(theadHeight) - Math.ceil(paginationHeight) - 1;
-                setScrollY(availableHeight);
-            };
-            calculateHeights();
-            const observer = new MutationObserver((mutations)=>{
-                const hasPagination = mutations.some(hasPaginationInMutation);
-                if (hasPagination) calculateHeights();
-            });
-            if (containerRef.current) observer.observe(containerRef.current, {
-                childList: true,
-                subtree: true
-            });
-            globalThis.addEventListener('resize', calculateHeights);
-            return ()=>{
-                observer.disconnect();
-                globalThis.removeEventListener('resize', calculateHeights);
-            };
-        }, []);
-        const enhancedChildren = scrollY ? /*#__PURE__*/ (0, external_react_.cloneElement)(children, {
-            scroll: {
-                ...children.props?.scroll,
-                y: scrollY,
-                x: 'max-content'
-            }
-        }) : children;
-        return /*#__PURE__*/ (0, jsx_runtime.jsx)("div", {
-            ref: containerRef,
-            className: TableContainer_module.tableContainer,
-            children: enhancedChildren
-        });
-    }
-    TableContainer.propTypes = {
-        children: external_prop_types_default().element.isRequired
-    };
-    function FilterContainer({ children, ...props }) {
-        const { token } = external_antd_namespaceObject.theme.useToken();
-        return /*#__PURE__*/ (0, jsx_runtime.jsx)(external_antd_namespaceObject.Card, {
-            styles: {
-                body: {
-                    padding: token['paddingXS'] + 'px'
-                }
-            },
-            ...props,
-            children: children
-        });
-    }
-    FilterContainer.propTypes = {
-        children: external_prop_types_default().node.isRequired,
-        ...external_antd_namespaceObject.Card.propTypes
+    LoggedMainContainer.propTypes = {
+        children: external_prop_types_default().node.isRequired
     };
     const Login_module = {
         containerRow: "containerRow-lnjnDt",
@@ -1122,8 +1224,8 @@ var __webpack_exports__ = {};
         loginHeader: "loginHeader-bBGO5B"
     };
     function LoginContainer({ title, children }) {
-        const config = (0, external_react_.useContext)(CodebitConfigContext);
-        if (!config) throw new Error('Login must be used within CodebitConfigProvider');
+        const config = (0, external_react_.useContext)(CodebitThemeContext);
+        if (!config) throw new Error('Login must be used within CodebitThemeContext');
         const { t } = useCodebitWebAntdTranslation();
         const classList = [
             Login_module.loginCard
@@ -1183,7 +1285,7 @@ var __webpack_exports__ = {};
         ]).isRequired,
         children: external_prop_types_default().node
     };
-    const logger = new codebit_web_namespaceObject.Logger('Login');
+    const Login_logger = new codebit_web_namespaceObject.Logger('Login');
     const LocalLoginAuthenticationResult = Object.freeze({
         INVALID_EMAIL: 'INVALID_EMAIL',
         INVALID_PASSWORD: 'INVALID_PASSWORD',
@@ -1268,7 +1370,7 @@ var __webpack_exports__ = {};
                         });
                         break;
                     default:
-                        logger.warn('Unhandled authentication result:', result);
+                        Login_logger.warn('Unhandled authentication result:', result);
                         modal.error({
                             title: t('Login.authenticationFailed'),
                             content: t('Common.genericError'),
@@ -1276,7 +1378,7 @@ var __webpack_exports__ = {};
                         });
                 }
             } catch (error) {
-                logger.error(error);
+                Login_logger.error(error);
                 react_namespaceObject.captureException(error);
                 modal.error({
                     title: t('Login.errorTitle'),
@@ -1597,63 +1699,38 @@ var __webpack_exports__ = {};
         navigateToLogin: external_prop_types_default().func,
         submitRecoveryPassword: external_prop_types_default().func.isRequired
     };
-    const CodebitTheme = (props)=>{
-        const { token } = external_antd_namespaceObject.theme.useToken();
-        const config = (0, external_react_.useContext)(CodebitConfigContext);
-        if (!config) throw new Error('CodebitTheme must be used within CodebitConfigProvider');
-        const { isDarkMode } = config;
-        (0, external_react_.useEffect)(()=>{
-            const rootElement = document.getElementById('root');
-            if (isDarkMode) {
-                document.body.classList.add('dark-theme');
-                rootElement.classList.add('dark-theme');
-            } else {
-                document.body.classList.remove('dark-theme');
-                rootElement.classList.remove('dark-theme');
+    const useErrorModal_logger = new codebit_web_namespaceObject.Logger('useErrorModal');
+    function useErrorModal() {
+        const { modal } = external_antd_namespaceObject.App.useApp();
+        const { getErrorMessage } = useErrorMessage();
+        const { t } = useCodebitWebAntdTranslation();
+        const showErrorModal = (error, title, closeButtonText, onClose)=>{
+            if (error && error instanceof Error) {
+                useErrorModal_logger.error('Fail to load.', error);
+                react_namespaceObject.captureException(error);
             }
-            document.documentElement.style.setProperty('--color-primary', isDarkMode ? '#589C75' : '#29D266');
-        }, [
-            isDarkMode,
-            token.colorBgContainer
-        ]);
-        return /*#__PURE__*/ (0, jsx_runtime.jsx)(external_antd_namespaceObject.ConfigProvider, {
-            theme: {
-                algorithm: isDarkMode ? external_antd_namespaceObject.theme.darkAlgorithm : external_antd_namespaceObject.theme.defaultAlgorithm,
-                token: {
-                    colorPrimary: isDarkMode ? '#589C75' : '#29D266',
-                    colorInfo: isDarkMode ? '#589C75' : '#29D266',
-                    colorLink: isDarkMode ? '#589C75' : '#29D266'
-                },
-                components: {
-                    Menu: {
-                        itemSelectedBg: isDarkMode ? '#589C75' : '#29D266',
-                        itemSelectedColor: '#FAFAFA',
-                        darkItemSelectedBg: isDarkMode ? '#589C75' : '#29D266',
-                        darkItemSelectedColor: '#FAFAFA'
-                    },
-                    Button: {
-                        colorPrimary: isDarkMode ? '#589C75' : '#29D266',
-                        colorPrimaryHover: isDarkMode ? '#6DB589' : '#3FE67F',
-                        colorPrimaryActive: isDarkMode ? '#4A8361' : '#1FBF4D'
-                    },
-                    Layout: {
-                        siderBg: isDarkMode ? '#1a1a1a' : '#001529',
-                        triggerBg: isDarkMode ? '#589C75' : '#29D266',
-                        triggerColor: '#FAFAFA'
-                    },
-                    Header: {
-                        colorPrimary: isDarkMode ? '#589C75' : '#29D266'
-                    }
-                }
-            },
-            ...props
-        });
-    };
-    CodebitTheme.propTypes = {};
+            const { errorMessage, retryText, onRetryAction } = getErrorMessage(error);
+            if (error && error instanceof Error) {
+                useErrorModal_logger.error(error);
+                react_namespaceObject.captureException(error);
+            }
+            onClose = onClose ?? onRetryAction;
+            modal.error({
+                title: title || t('Error.errorTitle'),
+                content: errorMessage + '.',
+                afterClose: onClose,
+                okText: closeButtonText || (onClose ? retryText : t('Common.close'))
+            });
+        };
+        return {
+            showErrorModal
+        };
+    }
 })();
 exports.CodebitConfigContext = __webpack_exports__.CodebitConfigContext;
 exports.CodebitConfigProvider = __webpack_exports__.CodebitConfigProvider;
-exports.CodebitTheme = __webpack_exports__.CodebitTheme;
+exports.CodebitThemeContext = __webpack_exports__.CodebitThemeContext;
+exports.CodebitThemeProvider = __webpack_exports__.CodebitThemeProvider;
 exports.CssTokenBridge = __webpack_exports__.CssTokenBridge;
 exports.ErrorRetry = __webpack_exports__.ErrorRetry;
 exports.FilterContainer = __webpack_exports__.FilterContainer;
@@ -1667,10 +1744,13 @@ exports.Login = __webpack_exports__.Login;
 exports.LoginContainer = __webpack_exports__.LoginContainer;
 exports.TableContainer = __webpack_exports__.TableContainer;
 exports.ThemeToggle = __webpack_exports__.ThemeToggle;
-for(var __webpack_i__ in __webpack_exports__)if (-1 === [
+exports.useErrorMessage = __webpack_exports__.useErrorMessage;
+exports.useErrorModal = __webpack_exports__.useErrorModal;
+for(var __rspack_i in __webpack_exports__)if (-1 === [
     "CodebitConfigContext",
     "CodebitConfigProvider",
-    "CodebitTheme",
+    "CodebitThemeContext",
+    "CodebitThemeProvider",
     "CssTokenBridge",
     "ErrorRetry",
     "FilterContainer",
@@ -1683,8 +1763,10 @@ for(var __webpack_i__ in __webpack_exports__)if (-1 === [
     "Login",
     "LoginContainer",
     "TableContainer",
-    "ThemeToggle"
-].indexOf(__webpack_i__)) exports[__webpack_i__] = __webpack_exports__[__webpack_i__];
+    "ThemeToggle",
+    "useErrorMessage",
+    "useErrorModal"
+].indexOf(__rspack_i)) exports[__rspack_i] = __webpack_exports__[__rspack_i];
 Object.defineProperty(exports, '__esModule', {
     value: true
 });