aquasis-fe-components 2.3.0 → 2.4.0-a

package/dist/config/aquasisApiContext.d.ts

@@ -0,0 +1,11 @@
+import { AquasisApiContextPatch } from '../types/apiContext';
+/**
+ * Merges values into the current API context (e.g. after login or tenant switch).
+ */
+export declare function setAquasisApiContext(values: AquasisApiContextPatch): void;
+/**
+ * Replaces the entire context. Prefer when resetting session.
+ */
+export declare function replaceAquasisApiContext(values: AquasisApiContextPatch): void;
+export declare function getAquasisApiContext(): Readonly<AquasisApiContextPatch>;
+export declare function clearAquasisApiContext(): void;

package/dist/helpers/cookies.d.ts

@@ -0,0 +1,3 @@
+export declare function getCookie<T>(key: string): T;
+export declare const setCookie: (key: string, value: unknown) => void;
+export declare const removeCookie: (key: string) => void;

package/dist/helpers/index.d.ts

@@ -1,9 +1,7 @@
 import { RcFile } from 'antd/es/upload';
+export { getCookie, removeCookie, setCookie } from './cookies';
 export declare const getCurrTenantId: () => string;
 export declare const getCurrAppId: () => string;
-export declare function getCookie<T>(key: string): T;
-export declare const setCookie: (key: string, value: any) => void;
-export declare const removeCookie: (key: string) => void;
 export declare const getBase64: (img: RcFile, callback: (url: string) => void) => void;
 export declare const beforeUpload: (file: RcFile) => boolean;
 export declare const formatBase642render: (base64url?: string) => string | undefined;

package/dist/helpers/storageKeyPrefix.d.ts

@@ -0,0 +1,4 @@
+/**
+ * Resolves the localStorage key prefix: explicit context first, then legacy cookie.
+ */
+export declare function resolveStorageAppNamePrefix(): string | undefined;

package/dist/i18n/locales/br.json.d.ts

@@ -22,6 +22,7 @@ declare const _default: {
         }
       },
       "JPG_PNG_WARNING": "Apenas suporta ficheiros JPG ou PNG.",
+      "LANGUAGE_SWITCHER_ARIA": "Selecionar idioma",
       "MENU": "Menu",
       "MESSAGES": {
         "ERROR": {

package/dist/i18n/locales/en.json.d.ts

@@ -22,6 +22,7 @@ declare const _default: {
         }
       },
       "JPG_PNG_WARNING": "Only supports JPG or PNG files.",
+      "LANGUAGE_SWITCHER_ARIA": "Select language",
       "MENU": "Menu",
       "MESSAGES": {
         "ERROR": {

package/dist/i18n/locales/es.json.d.ts

@@ -22,6 +22,7 @@ declare const _default: {
         }
       },
       "JPG_PNG_WARNING": "Solo admite archivos JPG o PNG.",
+      "LANGUAGE_SWITCHER_ARIA": "Seleccionar idioma",
       "MENU": "Menú",
       "MESSAGES": {
         "ERROR": {

package/dist/i18n/locales/jp.json.d.ts

@@ -22,6 +22,7 @@ declare const _default: {
         }
       },
       "JPG_PNG_WARNING": "Only supports JPG or PNG files.",
+      "LANGUAGE_SWITCHER_ARIA": "言語を選択",
       "MENU": "Menu",
       "MESSAGES": {
         "ERROR": {

package/dist/i18n/locales/pt.json.d.ts

@@ -22,6 +22,7 @@ declare const _default: {
         }
       },
       "JPG_PNG_WARNING": "Apenas suporta ficheiros JPG ou PNG.",
+      "LANGUAGE_SWITCHER_ARIA": "Selecionar idioma",
       "MENU": "Menu",
       "MESSAGES": {
         "ERROR": {

package/dist/i18n/locales/ro.json.d.ts

@@ -22,6 +22,7 @@ declare const _default: {
         }
       },
       "JPG_PNG_WARNING": "Acceptă numai fișiere JPG sau PNG.",
+      "LANGUAGE_SWITCHER_ARIA": "Selectați limba",
       "MENU": "Meniu",
       "MESSAGES": {
         "ERROR": {

package/dist/index.css

@@ -1 +1 @@
-.helpdesk__container .ant-card .ant-card-body{height:100%;max-height:80dvh;overflow-y:auto}.helpdesk__content{border-radius:10px;padding:10px;max-width:400px;background-color:#f7f7f7}.helpdesk__title{padding:10px 16px}.helpdesk__title.ant-typography{color:#60c5cf}.helpdesk__fields-files{flex-direction:column;margin-top:10px;width:100%}.helpdesk__fields-files .ant-upload-list{margin-top:5px;width:100%}body.dark .helpdesk__content{background-color:#333}.form__item-multiTable .ant-transfer-list-body-customize-wrapper{overflow-y:auto}.switcher__option{display:flex;align-items:center;column-gap:5px}.switcher__option img{max-width:20px}.switcher__option span{text-transform:uppercase}.ant-skeleton.ant-skeleton-element .language-switcher-skeleton.ant-skeleton-image{border-radius:50%;width:40px;height:40px}.ant-skeleton.ant-skeleton-element .language-switcher-skeleton.ant-skeleton-image svg{width:20px;height:20px}.release-notes-image.ant-upload-wrapper,.release-notes-image-uploader .ant-upload-select{width:100%}.addUser__modal .ant-form-item-control-input{min-height:0}body{height:100vh;width:100vw;overflow:hidden;background-color:#fff}body #root{height:100%}body ::placeholder{color:#919191}body .map-container{height:90dvh;width:100%}body .map-container canvas{border-radius:8px}body .map-widgets-wrapper{padding:0;min-width:400px;max-height:540px;overflow-y:auto}body .page__title-container{margin:0;padding:10px 20px;height:auto;border-bottom:1px solid rgba(5,5,5,.06)}body .page__title-container h1,body .page__title-container h2,body .page__title-container h3,body .page__title-container h4,body .page__title-container h5{color:#60c5cf;margin:0}body .recaptcha{display:flex;justify-content:center;width:100%;margin-bottom:24px}body .ant-layout-sider-trigger{border-right:1px solid rgba(5,5,5,.06)}body .ant-skeleton.ant-skeleton-element,body .ant-skeleton.ant-skeleton-element .ant-skeleton-image{width:100%;height:100%}body .filter__buttons{display:flex;align-items:center;justify-content:center;width:100%;gap:10px}body .ant-form-item .ant-form-item-control-input{min-height:32px}body .ant-form-item .ant-form-item-control-input .ant-form-item-control-input-content{display:flex}body .ant-form-item .ant-form-item-control-input .ant-form-item-control-input-content .ant-upload-wrapper{display:flex;align-items:center}body .ant-form-item .ant-form-item-control-input .ant-form-item-control-input-content .ant-upload-wrapper .ant-upload-list-item{margin:0 0 0 10px}body .avatar-uploader.ant-upload-wrapper.ant-upload-picture-circle-wrapper .ant-upload,body .avatar-uploader.ant-upload-wrapper.ant-upload-picture-circle-wrapper .ant-upload-select{margin-inline-end:0;margin-bottom:0}body .avatar-uploader .float-btn{opacity:0;position:absolute;bottom:3px;left:40%;transition:opacity .5s ease;display:flex;justify-content:center;align-items:center}body .avatar-uploader .float-btn-container{width:100%;height:100%;display:flex;justify-content:center}body .avatar-uploader .float-btn-container:hover .float-btn{opacity:1}body .rule-form-badge{margin-right:5px}body .rule-form-badge.ant-badge.ant-badge-status .ant-badge-status-dot{width:20px;height:20px}body .skeleton__loading{height:100%}body .ant-list-items .ant-list-item .ant-list-item-action{margin-inline-start:12px}body .ant-notification .ant-notification-notice.table-notification{min-width:500px}body .ant-notification .ant-notification-notice.notification-error{width:250px;padding:14px 16px}body .ant-notification .ant-notification-notice.notification-error .ant-notification-notice-icon{font-size:20px}body .ant-notification .ant-notification-notice.notification-error .ant-notification-notice-close{top:14px;right:14px}body .ant-notification .ant-notification-notice.notification-error .ant-notification-notice-message{font-size:14px;margin-inline-start:30px}body .ant-notification .ant-notification-notice.notification-error .ant-notification-notice-description{font-size:12px;margin-inline-start:30px}body .ant-spin-nested-loading,body .ant-spin-nested-loading .ant-spin-container{height:100%;width:100%}body .ant-skeleton.ant-skeleton-element.custom-skeleton{display:flex}body .esri-attribution{display:none}body .ant-carousel .slick-slider .slick-arrow{color:#60c5cf}body .ant-carousel .slick-slider .slick-dots>li>button{background:#60c5cf}body .ant-carousel .slick-slider .slick-list .slick-track .slick-slide{width:100%}body.dark{background-color:#333}body.dark .ant-layout-sider-trigger{border-right:1px solid rgba(253,253,253,.12)}body.dark .page__title-container{border-bottom:1px solid rgba(253,253,253,.12)}body.dark .ant-popover .ant-popover-arrow{--antd-arrow-background-color: #3b3b3b}body.dark .ant-popover .ant-popover-content .ant-popover-inner{background-color:#3b3b3b}body.dark .ant-badge .ant-badge-count{color:#fff;box-shadow:0 0 0 1px #3b3b3b}
+.helpdesk__container .ant-card .ant-card-body{height:100%;max-height:80dvh;overflow-y:auto}.helpdesk__content{border-radius:10px;padding:10px;max-width:400px;background-color:#f7f7f7}.helpdesk__title{padding:10px 16px}.helpdesk__title.ant-typography{color:#60c5cf}.helpdesk__fields-files{flex-direction:column;margin-top:10px;width:100%}.helpdesk__fields-files .ant-upload-list{margin-top:5px;width:100%}body.dark .helpdesk__content{background-color:#333}.form__item-multiTable .ant-transfer-list-body-customize-wrapper{overflow-y:auto}.language-switcher__trigger{display:inline-flex;max-width:100%;align-items:center;gap:.5rem;border-radius:9999px;border:1px solid rgba(226,232,240,.9);background-color:#ffffffb3;padding:.375rem .625rem;text-align:left;font-size:.875rem;line-height:1.25;color:#334155;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);box-shadow:0 1px 2px #0f172a0f;cursor:pointer;outline:none;transition:transform .2s ease,box-shadow .2s ease,border-color .2s ease,background-color .2s ease,opacity .2s ease}.language-switcher__trigger:hover:not(:disabled){transform:translateY(-1px);border-color:#67e8f98c;background-color:#ffffffeb;box-shadow:0 4px 12px #0f172a14,0 0 0 1px #06b6d41f}.language-switcher__trigger:focus-visible{box-shadow:0 0 0 2px #06b6d459}.language-switcher__trigger:disabled{cursor:wait;opacity:.6;pointer-events:none}.language-switcher__trigger--dark{border-color:#475569cc;background-color:#1e293ba6;color:#f1f5f9}.language-switcher__trigger--dark:hover:not(:disabled){border-color:#06b6d473;background-color:#1e293be6;box-shadow:0 0 0 1px #06b6d41a}.language-switcher__trigger-label{display:none;min-width:0;max-width:6.5rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:.75rem;font-weight:600;letter-spacing:-.02em;color:#475569}@media(min-width:640px){.language-switcher__trigger-label{display:inline}}.language-switcher__trigger--dark .language-switcher__trigger-label{color:#cbd5e1}.language-switcher__globe{flex-shrink:0;width:.875rem;height:.875rem;color:#0891b2;opacity:.88}.language-switcher__trigger:hover:not(:disabled) .language-switcher__globe{opacity:1}.language-switcher__trigger--dark .language-switcher__globe{color:#22d3ee}.language-switcher__chevron{flex-shrink:0;width:.875rem;height:.875rem;opacity:.45;transition:transform .2s ease-out}.language-switcher__chevron--open{transform:rotate(180deg)}.language-switcher__panel{overflow:hidden;border-radius:1rem;border:1px solid rgba(226,232,240,.9);background-color:#fffffff2;padding:.375rem;box-shadow:0 25px 50px -12px #0f172a26,0 12px 24px #0f172a14;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px)}.language-switcher__panel--dark{border-color:#334155cc;background-color:#0f172af2;box-shadow:0 25px 50px -12px #00000073,0 12px 24px #00000040}.language-switcher__flag-shell{display:inline-flex;flex-shrink:0;-webkit-user-select:none;user-select:none;overflow:hidden;border-radius:9999px;align-items:center;justify-content:center;line-height:1;background:linear-gradient(to bottom,#f1f5f9,#e2e8f0e6);box-shadow:inset 0 1px #ffffff59;border:1px solid rgba(203,213,225,.7);box-sizing:border-box}.language-switcher__flag-shell--sm{width:1.5rem;height:1.5rem;font-size:15px}.language-switcher__flag-shell--md{width:1.75rem;height:1.75rem;font-size:17px}.language-switcher__panel--dark .language-switcher__flag-shell,.language-switcher__trigger--dark .language-switcher__flag-shell{background:linear-gradient(to bottom,#334155,#0f172a);box-shadow:inset 0 1px #ffffff0f;border-color:#64748b73}.language-switcher__flag-img{width:100%;height:100%;object-fit:cover;object-position:center 42%;transform:scale(1.06)}.language-switcher__menu-row{display:flex;width:100%;min-width:11rem;align-items:center;gap:.75rem}.language-switcher__menu-row--flag-only{min-width:2.75rem;justify-content:center;gap:0}.language-switcher__menu-text{display:flex;min-width:0;flex:1;flex-direction:column;gap:.125rem;text-align:left}.language-switcher__menu-title{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:.875rem;font-weight:500;color:#1e293b}.language-switcher__panel--dark .language-switcher__menu-title{color:#f1f5f9}.language-switcher__menu-code{font-size:11px;font-weight:600;letter-spacing:.08em;text-transform:uppercase;color:#94a3b8}.language-switcher__panel--dark .language-switcher__menu-code{color:#64748b}.language-switcher__check{margin-left:auto;display:flex;width:1rem;height:1rem;flex-shrink:0;align-items:center;justify-content:center;color:#0891b2}.language-switcher__panel--dark .language-switcher__check{color:#22d3ee}.language-switcher__panel .ant-dropdown-menu{border:none;background:transparent;box-shadow:none;padding:0}.language-switcher__panel .ant-dropdown-menu-item{margin-block:.125rem;margin-inline:0;height:auto;line-height:1.35;border-radius:.75rem;padding:.5rem!important}.language-switcher__panel .ant-dropdown-menu-item-active{background-color:#f1f5f9e6!important}.language-switcher__panel--dark .ant-dropdown-menu-item-active{background-color:#33415580!important}.language-switcher__panel .ant-dropdown-menu-item-selected{background-color:#06b6d41f!important}.language-switcher__panel--dark .ant-dropdown-menu-item-selected{background-color:#22d3ee26!important}.language-switcher__only-flag-btn--dark .language-switcher__flag-shell{background:linear-gradient(to bottom,#334155,#0f172a);box-shadow:inset 0 1px #ffffff0f;border-color:#64748b73}.ant-skeleton.ant-skeleton-element .language-switcher-skeleton.ant-skeleton-image{border-radius:50%;width:40px;height:40px}.ant-skeleton.ant-skeleton-element .language-switcher-skeleton.ant-skeleton-image svg{width:20px;height:20px}.release-notes-image.ant-upload-wrapper,.release-notes-image-uploader .ant-upload-select{width:100%}.theme-mode-toggle{position:relative;z-index:20;isolation:isolate;display:inline-flex;height:2.5rem;min-height:2.5rem;flex-shrink:0;-webkit-user-select:none;user-select:none;align-items:center;justify-content:center;border-radius:9999px;padding:.25rem;line-height:1;border:1px solid rgba(226,232,240,.8);background-color:#ffffffb3;box-shadow:0 1px 2px #0f172a0f,0 2px 6px #0f172a0a;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);transition:box-shadow .3s ease,background-color .3s ease}.theme-mode-toggle:hover{box-shadow:0 2px 8px #0f172a14,0 1px 2px #0f172a0d,0 0 0 1px #06b6d41a}.theme-mode-toggle:focus-visible{outline:none;box-shadow:0 0 0 2px #fff,0 0 0 4px #06b6d466}.theme-mode-toggle--dark-context{border-color:#ffffff1a;background-color:#0f172a99;box-shadow:0 1px 2px #00000059,0 2px 8px #0003}.theme-mode-toggle--dark-context:hover{box-shadow:0 2px 10px #0006,0 0 0 1px #06b6d426}.theme-mode-toggle--dark-context:focus-visible{box-shadow:0 0 0 2px #020617,0 0 0 4px #22d3ee59}.theme-mode-toggle--dark-context .theme-mode-toggle__thumb{background:linear-gradient(to bottom right,#475569,#334155);box-shadow:0 1px 3px #00000073;border-color:#ffffff1f}.theme-mode-toggle__track{position:relative;height:2rem;width:4rem;flex-shrink:0}.theme-mode-toggle__thumb{pointer-events:none;position:absolute;inset-block:0;left:0;z-index:0;width:2rem;border-radius:9999px;background:linear-gradient(to bottom right,#fff,#f1f5f9);box-shadow:0 1px 2px #0f172a1f,inset 0 1px #ffffffd9;border:1px solid rgba(15,23,42,.08);transition:transform .38s cubic-bezier(.34,1.56,.64,1);will-change:transform}.theme-mode-toggle__thumb--dark{transform:translate(2rem)}.theme-mode-toggle__icons{position:relative;z-index:10;display:grid;height:100%;width:100%;grid-template-columns:repeat(2,1fr);place-items:center}.theme-mode-toggle__icon-cell{display:flex;height:100%;width:100%;align-items:center;justify-content:center}.theme-mode-toggle__icon{display:block;width:1rem;height:1rem;flex-shrink:0;transition:color .2s ease}.theme-mode-toggle__icon--sun-active{color:#f59e0b}.theme-mode-toggle__icon--sun-idle{color:#94a3b8}.theme-mode-toggle__icon--moon-active{color:#67e8f9}.theme-mode-toggle__icon--moon-idle{color:#94a3b8}.addUser__modal .ant-form-item-control-input{min-height:0}.user-modal__header{border-bottom:1px solid rgba(226,232,240,.8);padding-bottom:.75rem}.user-modal__header--dark{border-bottom-color:#ffffff1a}.user-modal__title-block{display:flex;flex-direction:column;gap:.25rem}.user-modal__title{font-size:1rem;font-weight:600;letter-spacing:-.02em;color:#0f172a;margin:0}.user-modal__header--dark .user-modal__title{color:#f8fafc}.user-modal__meta{display:flex;flex-direction:column;gap:.125rem;padding-top:.25rem}.user-modal__display-name{font-size:.9375rem;font-weight:600;color:#1e293b}.user-modal__header--dark .user-modal__display-name{color:#f1f5f9}.user-modal__role{font-size:.75rem;font-weight:600;letter-spacing:.06em;text-transform:uppercase;color:#64748b}.user-modal__header--dark .user-modal__role{color:#94a3b8}.user-modal__body{padding-top:.5rem}.user-modal__container{overflow:hidden;border-radius:1rem;border:1px solid rgba(226,232,240,.9);box-shadow:0 20px 25px -5px #0f172a14,0 8px 10px -6px #0f172a0f}.user-modal__container--dark{border-color:#ffffff1f;box-shadow:0 20px 25px -5px #00000059,0 8px 10px -6px #00000040}.user-modal__form .ant-form-item-label>label{font-size:.75rem;font-weight:500;color:#475569}.user-modal__form .ant-input,.user-modal__form .ant-input-affix-wrapper{border-radius:.5rem;border-color:#e2e8f0e6;background-color:#f8fafccc}.user-modal__form--dark .ant-form-item-label>label{color:#cbd5e1}.user-modal__form--dark .ant-input,.user-modal__form--dark .ant-input-affix-wrapper{border-color:#ffffff1f;background-color:#ffffff0d}body{height:100vh;width:100vw;overflow:hidden;background-color:#fff}body #root{height:100%}body ::placeholder{color:#919191}body .map-container{height:90dvh;width:100%}body .map-container canvas{border-radius:8px}body .map-widgets-wrapper{padding:0;min-width:400px;max-height:540px;overflow-y:auto}body .page__title-container{margin:0;padding:10px 20px;height:auto;border-bottom:1px solid rgba(5,5,5,.06)}body .page__title-container h1,body .page__title-container h2,body .page__title-container h3,body .page__title-container h4,body .page__title-container h5{color:#60c5cf;margin:0}body .recaptcha{display:flex;justify-content:center;width:100%;margin-bottom:24px}body .ant-layout-sider-trigger{border-right:1px solid rgba(5,5,5,.06)}body .ant-skeleton.ant-skeleton-element,body .ant-skeleton.ant-skeleton-element .ant-skeleton-image{width:100%;height:100%}body .filter__buttons{display:flex;align-items:center;justify-content:center;width:100%;gap:10px}body .ant-form-item .ant-form-item-control-input{min-height:32px}body .ant-form-item .ant-form-item-control-input .ant-form-item-control-input-content{display:flex}body .ant-form-item .ant-form-item-control-input .ant-form-item-control-input-content .ant-upload-wrapper{display:flex;align-items:center}body .ant-form-item .ant-form-item-control-input .ant-form-item-control-input-content .ant-upload-wrapper .ant-upload-list-item{margin:0 0 0 10px}body .avatar-uploader.ant-upload-wrapper.ant-upload-picture-circle-wrapper .ant-upload,body .avatar-uploader.ant-upload-wrapper.ant-upload-picture-circle-wrapper .ant-upload-select{margin-inline-end:0;margin-bottom:0}body .avatar-uploader .float-btn{opacity:0;position:absolute;bottom:3px;left:40%;transition:opacity .5s ease;display:flex;justify-content:center;align-items:center}body .avatar-uploader .float-btn-container{width:100%;height:100%;display:flex;justify-content:center}body .avatar-uploader .float-btn-container:hover .float-btn{opacity:1}body .rule-form-badge{margin-right:5px}body .rule-form-badge.ant-badge.ant-badge-status .ant-badge-status-dot{width:20px;height:20px}body .skeleton__loading{height:100%}body .ant-list-items .ant-list-item .ant-list-item-action{margin-inline-start:12px}body .ant-notification .ant-notification-notice.table-notification{min-width:500px}body .ant-notification .ant-notification-notice.notification-error{width:250px;padding:14px 16px}body .ant-notification .ant-notification-notice.notification-error .ant-notification-notice-icon{font-size:20px}body .ant-notification .ant-notification-notice.notification-error .ant-notification-notice-close{top:14px;right:14px}body .ant-notification .ant-notification-notice.notification-error .ant-notification-notice-message{font-size:14px;margin-inline-start:30px}body .ant-notification .ant-notification-notice.notification-error .ant-notification-notice-description{font-size:12px;margin-inline-start:30px}body .ant-spin-nested-loading,body .ant-spin-nested-loading .ant-spin-container{height:100%;width:100%}body .ant-skeleton.ant-skeleton-element.custom-skeleton{display:flex}body .esri-attribution{display:none}body .ant-carousel .slick-slider .slick-arrow{color:#60c5cf}body .ant-carousel .slick-slider .slick-dots>li>button{background:#60c5cf}body .ant-carousel .slick-slider .slick-list .slick-track .slick-slide{width:100%}body.dark{background-color:#333}body.dark .ant-layout-sider-trigger{border-right:1px solid rgba(253,253,253,.12)}body.dark .page__title-container{border-bottom:1px solid rgba(253,253,253,.12)}body.dark .ant-popover .ant-popover-arrow{--antd-arrow-background-color: #3b3b3b}body.dark .ant-popover .ant-popover-content .ant-popover-inner{background-color:#3b3b3b}body.dark .ant-badge .ant-badge-count{color:#fff;box-shadow:0 0 0 1px #3b3b3b}

package/dist/index.d.ts

@@ -1,12 +1,15 @@
 import { HelpdeskComponent as Helpdesk } from './lib/Helpdesk/HelpdeskConnector';
 import { LanguageSwitcherComponent as LanguageSwitcher } from './lib/LanguageSwitcher/LanguageSwitcherConnector';
 import { ReleaseNoteComponent as ReleaseNote } from './lib/ReleaseNote/ReleaseNoteConnector';
+import { ThemeModeToggleComponent as ThemeModeToggle } from './lib/ThemeModeToggle/ThemeModeToggleConnector';
 import { UserModalComponent as UserModal } from './lib/UserModal/UserModalConnector';
 import { WhatsNewsComponent as WhatsNews } from './lib/WhatsNews/WhatsNewsConnector';
 import { default as i18n } from './i18n';
+export type * from './types/apiContext';
 export type * from './types/app';
 export type * from './types/helpdesk';
 export type * from './types/user';
 export type * from './types/whatsNews';
+export { clearAquasisApiContext, getAquasisApiContext, replaceAquasisApiContext, setAquasisApiContext, } from './config/aquasisApiContext';
 /** @deprecated ReleaseNote will be removed in the next major version. Use WhatsNews instead. */
-export { Helpdesk, i18n, LanguageSwitcher, ReleaseNote, UserModal, WhatsNews };
+export { Helpdesk, i18n, LanguageSwitcher, ReleaseNote, ThemeModeToggle, UserModal, WhatsNews };

package/dist/lib/LanguageSwitcher/index.d.ts

@@ -2,5 +2,6 @@ import { FC } from 'react';
 export interface LanguageSwitcherProps {
     onlyFlag?: boolean;
     gauApiUrl: string;
+    className?: string;
 }
 export declare const LanguageSwitcher: FC<LanguageSwitcherProps>;

package/dist/lib/LanguageSwitcher/languageSwitcher.constants.d.ts

@@ -0,0 +1,7 @@
+import { LanguageSwitcherCode } from '../../types/app';
+/** Emoji fallback when flag image fails to load. */
+export declare const LANGUAGE_FLAG_EMOJI: Record<LanguageSwitcherCode, string>;
+/** Primary label shown in the switcher (native language names). */
+export declare const LANGUAGE_PRIMARY_LABEL: Record<LanguageSwitcherCode, string>;
+export declare function resolveLanguageSwitcherCode(raw: string): LanguageSwitcherCode;
+export declare function labelForLanguageCode(code: string): string;

package/dist/lib/ThemeModeToggle/ThemeModeToggleConnector.d.ts

@@ -0,0 +1,4 @@
+import { FC } from 'react';
+import { ThemeModeToggleProps } from '.';
+declare const ThemeModeToggleComponent: FC<ThemeModeToggleProps>;
+export { ThemeModeToggleComponent };

package/dist/lib/ThemeModeToggle/index.d.ts

@@ -0,0 +1,9 @@
+import { FC } from 'react';
+export interface ThemeModeToggleProps {
+    className?: string;
+}
+/**
+ * Pill switch for light/dark theme. Syncs with Redux `app.theme` and persists to LocalStorage.
+ */
+export declare const ThemeModeToggle: FC<ThemeModeToggleProps>;
+export default ThemeModeToggle;

package/dist/lib/UserModal/index.d.ts

@@ -3,8 +3,10 @@ import { FC } from 'react';
 export interface UserModalProps {
     isOpen: boolean;
     user: IUser;
-    /** Current application id from the host app (e.g. cookie); used to resolve the user's role for this app */
-    appId: string;
+    /**
+     * When provided, resolves the user's role for this app from `user.userRolesApp` and shows it in the modal header.
+     */
+    appId?: string;
     /** Base URL for the GA / auth HTTP API (same value used for roles and maintain user). */
     gauApiUrl: string;
     isLoading?: boolean;

package/dist/reactQuery/index.d.ts

@@ -1,5 +1,5 @@
 import { IApp, ILanguage, IRole } from '../types/app';
 import { AxiosError } from 'axios';
 export declare const useGetApps: (gauApiUrl: string) => import('@tanstack/react-query').UseQueryResult<IApp[], AxiosError<unknown, any>>;
-export declare const useGetRoles: (gauApiUrl: string) => import('@tanstack/react-query').UseQueryResult<IRole[], AxiosError<unknown, any>>;
+export declare const useGetRoles: (gauApiUrl: string, enabled?: boolean) => import('@tanstack/react-query').UseQueryResult<IRole[], AxiosError<unknown, any>>;
 export declare const useGetLanguages: (gauApiUrl: string) => import('@tanstack/react-query').UseQueryResult<ILanguage[], AxiosError<unknown, any>>;

package/dist/types/apiContext.d.ts

@@ -0,0 +1,12 @@
+/**
+ * Explicit tenant/app identity for API requests and storage namespacing.
+ * Host applications should call setAquasisApiContext() at bootstrap instead of
+ * relying only on cookies for appId / tenantId / appName.
+ */
+export interface AquasisApiContext {
+    appId: string;
+    tenantId: string;
+    /** Namespaces localStorage keys; sent as AppName header when set */
+    appName: string;
+}
+export type AquasisApiContextPatch = Partial<AquasisApiContext>;

package/dist/types/app.d.ts

@@ -8,7 +8,9 @@ export interface IApp {
     appName: string;
     isPrivate: boolean;
 }
-export type LanguageType = "EN" | "ES" | "PT" | "RO" | "BR";
+export type LanguageType = "EN" | "ES" | "PT" | "RO" | "BR" | "JP";
+/** Codes supported by the pill language switcher UI (matches GA language codes). */
+export type LanguageSwitcherCode = LanguageType;
 export interface ILanguage {
     idLanguage: number;
     description: LanguageType;

package/package.json

@@ -1,113 +1,107 @@
-{
-  "name": "aquasis-fe-components",
-  "private": false,
-  "version": "2.3.0",
-  "type": "module",
-  "license": "ISC",
-  "author": "Ewerton Souza",
-  "scripts": {
-    "dev": "vite",
-    "build": "tsc && vite build",
-    "lint": "eslint . --ext ts,tsx --report-unused-disable-directives --max-warnings 0",
-    "preview": "vite preview",
-    "upd-version": "pnpm version patch --no-git-tag-version",
-    "prepublishOnly": "pnpm run build",
-    "publish-beta": "pnpm publish --tag beta"
-  },
-  "peerDependencies": {
-    "i18next": "^25.8.0",
-    "react": "^19.0.0",
-    "react-dom": "^19.0.0",
-    "react-i18next": "^16.5.4",
-    "@tanstack/react-query": "^5.90.21"
-  },
-  "files": [
-    "dist"
-  ],
-  "main": "dist/aquasis-fe-components.umd.cjs",
-  "module": "dist/aquasis-fe-components.js",
-  "types": "dist/src/index.d.ts",
-  "exports": {
-    ".": {
-      "import": {
-        "types": "./dist/src/index.d.ts",
-        "default": "./dist/aquasis-fe-components.js"
-      },
-      "require": {
-        "types": "./dist/src/index.d.ts",
-        "default": "./dist/aquasis-fe-components.umd.cjs"
-      }
-    }
-  },
-  "repository": {
-    "type": "git",
-    "url": "git+https://github.com/AQUASISPT/FrontendComponents.git"
-  },
-  "keywords": [
-    "react"
-  ],
-  "homepage": "https://github.com/AQUASISPT/FrontendComponents",
-  "browserslist": {
-    "production": [
-      ">0.2%",
-      "not dead",
-      "not op_mini all"
-    ],
-    "development": [
-      "last 1 chrome version",
-      "last 1 firefox version",
-      "last 1 safari version"
-    ]
-  },
-  "pnpm": {
-    "overrides": {
-      "@rc-component/trigger": "^3.9.0"
-    }
-  },
-  "devDependencies": {
-    "@tanstack/react-query": "^5.90.21",
-    "@types/hoist-non-react-statics": "^3.3.7",
-    "@types/lodash": "^4.17.23",
-    "@types/node": "^25.1.0",
-    "@types/react": "^19.2.10",
-    "@types/react-dom": "^19.2.3",
-    "@typescript-eslint/eslint-plugin": "^8.54.0",
-    "@typescript-eslint/parser": "^8.54.0",
-    "@vitejs/plugin-react": "^5.1.2",
-    "eslint": "^9.39.2",
-    "eslint-plugin-react-hooks": "^7.0.1",
-    "eslint-plugin-react-refresh": "^0.4.26",
-    "i18next": "^25.8.0",
-    "react": "^19.2.4",
-    "react-dom": "^19.2.4",
-    "react-i18next": "^16.5.4",
-    "sass": "^1.97.3",
-    "typescript": "^5.9.3",
-    "vite": "^7.3.1",
-    "vite-plugin-dts": "^4.5.4",
-    "vite-plugin-lib-inject-css": "^2.2.2"
-  },
-  "dependencies": {
-    "@ant-design/icons": "^6.1.0",
-    "@fortawesome/fontawesome-svg-core": "^7.1.0",
-    "@fortawesome/free-regular-svg-icons": "^7.1.0",
-    "@fortawesome/free-solid-svg-icons": "^7.1.0",
-    "@fortawesome/react-fontawesome": "^3.1.1",
-    "@rc-component/trigger": "^3.9.0",
-    "@reduxjs/toolkit": "^2.11.2",
-    "@uidotdev/usehooks": "^2.4.1",
-    "antd": "^6.2.2",
-    "axios": "^1.13.4",
-    "classnames": "^2.5.1",
-    "dayjs": "^1.11.19",
-    "hoist-non-react-statics": "^3.3.2",
-    "i18next-browser-languagedetector": "^8.2.0",
-    "lodash": "^4.17.23",
-    "rc-motion": "^2.9.5",
-    "rc-resize-observer": "^1.4.3",
-    "react-redux": "^9.1.2",
-    "react-router-dom": "^7.13.0",
-    "redux": "^5.0.1",
-    "universal-cookie": "^8.0.1"
-  }
-}
+{
+  "name": "aquasis-fe-components",
+  "private": false,
+  "version": "2.4.0a",
+  "type": "module",
+  "license": "ISC",
+  "author": "Ewerton Souza",
+  "peerDependencies": {
+    "i18next": "^25.8.0",
+    "react": "^19.0.0",
+    "react-dom": "^19.0.0",
+    "react-i18next": "^16.5.4",
+    "@tanstack/react-query": "^5.90.21"
+  },
+  "files": [
+    "dist"
+  ],
+  "main": "dist/aquasis-fe-components.umd.cjs",
+  "module": "dist/aquasis-fe-components.js",
+  "types": "dist/src/index.d.ts",
+  "exports": {
+    ".": {
+      "import": {
+        "types": "./dist/src/index.d.ts",
+        "default": "./dist/aquasis-fe-components.js"
+      },
+      "require": {
+        "types": "./dist/src/index.d.ts",
+        "default": "./dist/aquasis-fe-components.umd.cjs"
+      }
+    }
+  },
+  "repository": {
+    "type": "git",
+    "url": "git+https://github.com/AQUASISPT/FrontendComponents.git"
+  },
+  "keywords": [
+    "react"
+  ],
+  "homepage": "https://github.com/AQUASISPT/FrontendComponents",
+  "browserslist": {
+    "production": [
+      ">0.2%",
+      "not dead",
+      "not op_mini all"
+    ],
+    "development": [
+      "last 1 chrome version",
+      "last 1 firefox version",
+      "last 1 safari version"
+    ]
+  },
+  "devDependencies": {
+    "@tanstack/react-query": "^5.90.21",
+    "@types/hoist-non-react-statics": "^3.3.7",
+    "@types/lodash": "^4.17.23",
+    "@types/node": "^25.1.0",
+    "@types/react": "^19.2.10",
+    "@types/react-dom": "^19.2.3",
+    "@typescript-eslint/eslint-plugin": "^8.54.0",
+    "@typescript-eslint/parser": "^8.54.0",
+    "@vitejs/plugin-react": "^5.1.2",
+    "eslint": "^9.39.2",
+    "eslint-plugin-react-hooks": "^7.0.1",
+    "eslint-plugin-react-refresh": "^0.4.26",
+    "i18next": "^25.8.0",
+    "react": "^19.2.4",
+    "react-dom": "^19.2.4",
+    "react-i18next": "^16.5.4",
+    "sass": "^1.97.3",
+    "typescript": "^5.9.3",
+    "vite": "^7.3.1",
+    "vite-plugin-dts": "^4.5.4",
+    "vite-plugin-lib-inject-css": "^2.2.2"
+  },
+  "dependencies": {
+    "@ant-design/icons": "^6.1.0",
+    "@fortawesome/fontawesome-svg-core": "^7.1.0",
+    "@fortawesome/free-regular-svg-icons": "^7.1.0",
+    "@fortawesome/free-solid-svg-icons": "^7.1.0",
+    "@fortawesome/react-fontawesome": "^3.1.1",
+    "@rc-component/trigger": "^3.9.0",
+    "@reduxjs/toolkit": "^2.11.2",
+    "@uidotdev/usehooks": "^2.4.1",
+    "antd": "^6.2.2",
+    "axios": "^1.13.4",
+    "classnames": "^2.5.1",
+    "dayjs": "^1.11.19",
+    "hoist-non-react-statics": "^3.3.2",
+    "i18next-browser-languagedetector": "^8.2.0",
+    "lodash": "^4.17.23",
+    "rc-motion": "^2.9.5",
+    "rc-resize-observer": "^1.4.3",
+    "react-redux": "^9.1.2",
+    "react-router-dom": "^7.13.0",
+    "redux": "^5.0.1",
+    "universal-cookie": "^8.0.1"
+  },
+  "scripts": {
+    "dev": "vite",
+    "build": "tsc && vite build",
+    "lint": "eslint . --ext ts,tsx --report-unused-disable-directives --max-warnings 0",
+    "preview": "vite preview",
+    "upd-version": "pnpm version patch --no-git-tag-version",
+    "publish-beta": "pnpm publish --tag beta --no-git-checks"
+  }
+}