nexus-shared 1.1.18 → 1.1.20

package/src/interfaces/input-interfaces.tsx

@@ -1,6 +1,7 @@
 import { EButtonTypes, ETargets } from "./button-interfaces";
 import { DatasourceTypes } from "./datasource-interfaces";
 import { IColumn } from "./datatable-interfaces";
+import { EActions, IApiInformations, IErrorRespose, ISuccessResponse } from "./http-interfaces";
 import { EIcons, EIconTypes } from "./icon-interfaces";
 import { EFlexPositions, EOpacity, ESizes } from "./layout-interfaces";
 import { EBackgrounds } from "./theme-interfaces";
@@ -11,11 +12,16 @@ export type OnElementLoad = (inputBox: HTMLElement | null, inputWrapper: HTMLEle
 export type AutoCompletes = "on" | "off";
 export type ForceChangeDefaultValue<T> = (defaultValue: T, type?: EValueChangeTypes, invokeOnChanged?: boolean | UN) => boolean;
 export type OnFormChangeHandler = (currentValue: any, isInitilizing: boolean, isForcedChanged: boolean, isDisposed: boolean, currentKey: string, index: number, type?: EValueChangeTypes, dataSource?: any | any[]) => void;
+export type OnFormSubmitHandler = (currentValue: any, isValidForm: boolean, event: Event, form: IFormCreateResults, defaultValue: any | UN) => void;
+export type OnApiFormSubmitHandler = (currentValue: any, apiResponse: ISuccessResponse | IErrorRespose, formResults: ISubmitFormCreateResults, defaultValue: any | UN) => void;
+export type OverrideValidation = (currentValue: any, isValidForm: boolean, formReference: IFormCreateResults | null, action?: EActions | UN) => boolean;
+export type RegexTypes = ERegexs | string[] | UN;
 
 export const DEFAULT_INPUT_BACKGROUND = EBackgrounds.Background1;
 export const MAX_INPUT_TYPE = 1900;
 export const DEFAULT_INPUT_BORDER_SIZE = 1;
 export const DEFAULT_TEXTAREA_ROWS = 3;
+export const DEFAULT_ROW_GAP = 3;
 
 export const REQUIRED_TEXT1 = "✲";
 
@@ -28,18 +34,20 @@ export enum EValueChangeTypes {
 }
 export enum ERegexs {
   Fullname = "^[A-Za-z]+(?: [A-Za-z]+)*[0-9]?$",
-  Username = "^[A-Za-z0-9]{7,30}$",
-  ContactNumber = "^[0-9]{10}$",
-  /** Allow Null */
-  ContactNumber_NULL = "^$|^[0-9]{10}$",
   Email = "^[a-zA-Z0-9._%+-]+@[a-zA-Z0-9.-]+\\.[a-zA-Z]{2,}$",
   /** Allow Null */
   Email_NULL = "^$|^[a-zA-Z0-9._%+-]+@[a-zA-Z0-9.-]+.[a-zA-Z]{2,}$",
   EmailUsername = "^(?=.*[a-zA-Z0-9])[a-zA-Z0-9]+@[a-zA-Z0-9]+\\.[a-zA-Z]{2,}$|[a-zA-Z0-9]{8,100}$",
   Password = "^(?=.*[a-z])(?=.*[A-Z])(?=.*[0-9])(?=.*[!@#$%^&*()_+{}|:,.<>?/~]).{8,30}$",
-  EmailUsernameContact = "^(?:[A-Za-z]+[A-Za-z0-9]{2,30}|[0-9]{10}|[a-zA-Z0-9._%+-]+@[a-zA-Z0-9.-]+\\.[a-zA-Z]{2,})$",
   Hexadecimal = "^[0-9A-Fa-f]{8}$",
   ContactEmail = "^(?:[0-9]{10}|[a-zA-Z0-9._%+-]+@[a-zA-Z0-9.-]+\\.[a-zA-Z]{2,})$",
+
+  /** Allow Null */
+  ContactNumber_NULL = "^$|^[0-9]{10}$",
+
+  ContactNumber = "^[0-9]{10}$",
+  Username = "^(?!.*[._-]{2})[a-zA-Z0-9]+(?:[._-][a-zA-Z0-9]+)*$",
+  EmailUsernameMobile = "^(?:[0-9]{10}|(?!.*[._-]{2})[a-zA-Z0-9]+(?:[._-][a-zA-Z0-9]+)*|[a-zA-Z0-9._%+-]+@[a-zA-Z0-9.-]+\\.[A-Za-z]{2,})$",
 }
 export enum EInputTypes {
   Textbox = 1,
@@ -119,7 +127,7 @@ export interface ISubmitbutton extends IElement {
 }
 export interface ITextbox extends IInputParameters<string | null> {
   isPassword?: boolean | UN;
-  regexKey?: ERegexs | UN;
+  regexKey?: RegexTypes | UN;
 }
 export interface ISlider extends IInputParameters<number | null> {
   step?: number | UN;
@@ -133,7 +141,7 @@ export interface IRadiobox extends ICheckbox {}
 export interface ITextarea extends IInputParameters<string | null> {
   isShowPreview?: boolean | UN;
   rows?: number | UN;
-  regexKey?: ERegexs | UN;
+  regexKey?: RegexTypes | UN;
 }
 export interface INumber extends IInputParameters<number | null> {
   floatingPoint?: number | UN;
@@ -176,18 +184,60 @@ export interface IForm {
   onChanged: OnFormChangeHandler;
   index: number;
   isTabularForm: boolean;
-  parentIdentifier: HTMLElement | UN | string;
   defaultValue?: any | UN;
 }
+export interface ISubmitForm {
+  inputs: IInputRootParameters<any>[];
+  onChanged: OnFormChangeHandler | UN;
+  defaultValue?: DatasourceTypes | UN;
+  onSubmit: OnFormSubmitHandler;
+  onCancelClick?: ClickHandler | UN;
+  overrideValidation?: OverrideValidation | UN;
+}
+
+export interface IApiForm {
+  inputs: IInputRootParameters<any>[];
+  api: IApiInformations;
+  onApiSubmit: OnApiFormSubmitHandler;
+  onChanged: OnFormChangeHandler | UN;
+  onSubmit: OnFormSubmitHandler | UN;
+  defaultValue?: DatasourceTypes | UN;
+  onCancelClick?: ClickHandler | UN;
+  overrideValidation?: OverrideValidation | UN;
+}
+
 export interface IFormCreateResults {
   inputResults: IInputCreateResults[];
   formElement: HTMLElement;
   dispose: (invokeOnChanged?: boolean) => void;
   forceChangeDefaultValue: ForceChangeDefaultValue<any> | null;
 }
+export interface ISubmitFormCreateResults {
+  formElement: HTMLElement;
+  dispose: () => void;
+  formObject: IFormCreateResults;
+}
 
 export const GetForms = {
-  FORM: (inputs: IInputRootParameters<any>[], parentIdentifier: HTMLElement | string | UN, onChanged: OnFormChangeHandler, defaultValue?: any, index?: number, isTabularForm?: boolean): IForm => ({ inputs, onChanged, index: index ?? 0, isTabularForm: isTabularForm ?? false, parentIdentifier, defaultValue }),
+  FORM: (inputs: IInputRootParameters<any>[], onChanged: OnFormChangeHandler, defaultValue?: any | UN, index?: number | UN, isTabularForm?: boolean | UN): IForm => ({ inputs, onChanged, index: index ?? 0, isTabularForm: isTabularForm ?? false, defaultValue }),
+  SUBMITFORM: (inputs: IInputRootParameters<any>[], onSubmit: OnFormSubmitHandler, defaultValue?: DatasourceTypes | UN, overrideValidation?: OverrideValidation | UN, onChanged?: OnFormChangeHandler | UN, onCancelClick?: ClickHandler | UN): ISubmitForm => ({
+    inputs,
+    onChanged,
+    defaultValue,
+    onSubmit,
+    onCancelClick,
+    overrideValidation,
+  }),
+  APIFORM: (inputs: IInputRootParameters<any>[], api: IApiInformations, onApiSubmit: OnApiFormSubmitHandler, defaultValue?: DatasourceTypes | UN, onSubmit?: OnFormSubmitHandler | UN, overrideValidation?: OverrideValidation | UN, onCancelClick?: ClickHandler | UN, onChanged?: OnFormChangeHandler | UN): IApiForm => ({
+    inputs,
+    api,
+    onApiSubmit,
+    onChanged,
+    defaultValue,
+    onSubmit,
+    onCancelClick,
+    overrideValidation,
+  }),
 };
 export const GetInputs = {
   ICON: (icon: EIcons, iconSize?: ESizes | UN, boxSize?: ESizes | UN, opacity?: EOpacity | UN, type?: EIconTypes | UN, background?: EBackgrounds | UN, onClicked?: ClickHandler | UN, onMouseEnter?: ClickHandler | UN): IInputIcon => ({
@@ -200,7 +250,7 @@ export const GetInputs = {
     onClicked: onClicked,
     onMouseEnter: onMouseEnter,
   }),
-  TEXTBOX: (id: string, columnSize: number, displayOrder: number, label?: string | UN, placeholder?: string | UN, validatorKey?: string | UN, minLength?: number | UN, maxLength?: number | UN, regexKey?: ERegexs | UN, isPassword?: boolean | UN, isReadonly?: boolean | UN, isAutoComplete?: boolean | UN, defaultValue?: string | UN, background?: EBackgrounds | UN, borderSize?: number | UN, inputSize?: ESizes | UN, icon?: IInputIcon | UN, defaultClass?: string | UN, onChanged?: OnInputChangeHandler<string | null> | UN): ITextbox => ({
+  TEXTBOX: (id: string, columnSize: number, displayOrder: number, label?: string | UN, placeholder?: string | UN, validatorKey?: string | UN, minLength?: number | UN, maxLength?: number | UN, regexKey?: RegexTypes | UN, isPassword?: boolean | UN, isReadonly?: boolean | UN, isAutoComplete?: boolean | UN, defaultValue?: string | UN, background?: EBackgrounds | UN, borderSize?: number | UN, inputSize?: ESizes | UN, icon?: IInputIcon | UN, defaultClass?: string | UN, onChanged?: OnInputChangeHandler<string | null> | UN): ITextbox => ({
     id: id,
     columnSize: columnSize,
     displayOrder: displayOrder,
@@ -223,7 +273,7 @@ export const GetInputs = {
     inputType: EInputTypes.Textbox,
     autoComplete: isAutoComplete !== false ? undefined : "off",
   }),
-  TEXTAREA: (id: string, columnSize: number, displayOrder: number, label?: string | UN, placeholder?: string | UN, validatorKey?: string | UN, minLength?: number | UN, maxLength?: number | UN, rows?: number | UN, isShowPreview?: boolean | UN, defaultValue?: string | UN, regexKey?: ERegexs | UN, isReadonly?: boolean | UN, isAutoComplete?: boolean | UN, background?: EBackgrounds | UN, borderSize?: number | UN, inputSize?: ESizes | UN, icon?: IInputIcon | UN, defaultClass?: string | UN, onChanged?: OnInputChangeHandler<string | null> | UN): ITextarea => ({
+  TEXTAREA: (id: string, columnSize: number, displayOrder: number, label?: string | UN, placeholder?: string | UN, validatorKey?: string | UN, minLength?: number | UN, maxLength?: number | UN, rows?: number | UN, isShowPreview?: boolean | UN, defaultValue?: string | UN, regexKey?: RegexTypes | UN, isReadonly?: boolean | UN, isAutoComplete?: boolean | UN, background?: EBackgrounds | UN, borderSize?: number | UN, inputSize?: ESizes | UN, icon?: IInputIcon | UN, defaultClass?: string | UN, onChanged?: OnInputChangeHandler<string | null> | UN): ITextarea => ({
     id: id,
     columnSize: columnSize,
     displayOrder: displayOrder,

package/src/interfaces/menu-interfaces.tsx

@@ -34,3 +34,16 @@ export interface IClientMenu extends IMenuBase {
   pageTitle: string;
   breadcrumbTitle?: string;
 }
+export const BUTTON_IDENTITY = (isneedPrefix: boolean) => {
+  const _ = isneedPrefix ? UTILITIES_BUTTON_PREFIX : "";
+  return {
+    PROFILE_BOX: `${_}profile`,
+    SEARCH_BOX: `${_}root-search`,
+    FAVORITE_BOX: `${_}favorite-menu`,
+    CARD_BOX: `${_}cart-menu`,
+    THEME_BOX: `${_}switch-theme`,
+    MEGA_BOX: `${_}mega-menu`,
+    SIGN_IN_BUTTON: `${_}sign-in`,
+    SIGN_OUT_BUTTON: `${_}sign-out`,
+  };
+};

package/src/interfaces/message-interfaces.tsx

@@ -0,0 +1,32 @@
+import { EIcons } from "./icon-interfaces";
+import { EBackgrounds } from "./theme-interfaces";
+
+export enum EMessageTypes {
+  Information = EBackgrounds.InfoColor,
+  Success = EBackgrounds.SuccessColor,
+  Warning = EBackgrounds.WarningColor,
+  Error = EBackgrounds.ErrorColor,
+}
+export enum EMessageIcons {
+  Information = EIcons.INFORMATION,
+  Success = EIcons.CHECKMARK_DOUBLE,
+  Warning = EIcons.WARNING,
+  Error = EIcons.CLOSE,
+  Question = EIcons.HELP,
+  Delete = EIcons.TRASH,
+  Bin = EIcons.TRASH_BIN,
+}
+export enum EMessageResult {
+  OK = "OK",
+  Yes = "Yes",
+  No = "No",
+  Cancel = "Cancel",
+  Undefined = "Undefined",
+}
+
+export enum EMessageBoxButtons {
+  OK = "OK",
+  YES_NO = "Yes_No",
+  YES_CANCEL = "Yes_Cancel",
+  YES_NO_CANCEL = "Yes_No_Cancel",
+}

package/src/interfaces/storage-interfaces.tsx

@@ -1,3 +1,5 @@
 export const LOCAL_STORAGE_KEYS = {
   ACTIVE_THEME: "nexus-themes",
+  CURRENT_USER: "nexus-current-user",
+  FORM_BUTTON_POSITION: "nexus-form-button-position",
 };

package/src/interfaces/theme-interfaces.tsx

@@ -1,4 +1,5 @@
 import { EIcons } from "./icon-interfaces";
+import { UN } from "./type-interfaces";
 
 export const DEFAULT_THEME_NAME = "light";
 
@@ -43,25 +44,57 @@ export enum EBackgrounds {
   ThemeColor800 = "bg800",
   ThemeColor950 = "bg950",
 }
-/** Color divided into 4 parts: background, hover, focus, text */
-export interface IThemeColors {
-  /* Background Color 1 */
+export enum ETextColors {
+  TextColor1 = "var(--T1)",
+  TextColor2 = "var(--T2)",
+  TextColor3 = "var(--T3)",
+  TextColor10 = "var(--T10)",
+  TextColor11 = "var(--T11)",
+  TextColor12 = "var(--T12)",
+  TextColor13 = "var(--T13)",
+  TextColor20 = "var(--T20)",
+  TextColor30 = "var(--T30)",
+  TextColor41 = "var(--T41)",
+  TextColor51 = "var(--T51)",
+  TextColor52 = "var(--T52)",
+  TextColor100 = "var(--T100)",
+  TextColor200 = "var(--T200)",
+  TextColor400 = "var(--T400)",
+  TextColor600 = "var(--T600)",
+  TextColor800 = "var(--T800)",
+  TextColor950 = "var(--T950)",
+}
+export enum EColorTypes {
+  Background = "--B",
+  Hover = "--H",
+  Focus = "--F",
+  Text = "--T",
+}
+
+export interface IThemeInformation {
+  displayName: string;
+  systemName: string;
+  displayOrder: number;
+  iconName: EIcons;
+  id?: string | UN;
+
+  /** Background Color 1 */
   C1: string;
-  /* Background Color 2 */
+  /** Background Color 2 */
   C2: string;
-  /* Background Color 3 */
+  /** Background Color 3 */
   C3: string;
 
-  /* Success Color */
+  /** Success Color */
   C10: string;
-  /* Warning/Reset/Clear Color */
+  /** Warning/Reset/Clear Color */
   C11: string;
-  /* Info Color */
+  /** Info Color */
   C12: string;
-  /* Error/Delete/Remove Color */
+  /** Error/Delete/Remove Color */
   C13: string;
 
-  /* Primary/Submit/Link Button Color */
+  /** Primary/Submit/Link Button Color */
   C20: string;
 
   /** Border Color 1 */
@@ -88,122 +121,3 @@ export interface IThemeColors {
   /** Theme Color 950 */
   C950: string;
 }
-export interface IThemeInformation {
-  displayName: string;
-  systemName: string;
-  displayOrder: number;
-  icon: EIcons;
-  themeColors: IThemeColors;
-  isSystemTheme: boolean;
-}
-
-export const DEFAULT_THEME_INFORMATIONS: IThemeInformation[] = [
-  {
-    displayName: "Light",
-    systemName: DEFAULT_THEME_NAME,
-    displayOrder: 0,
-    icon: EIcons.SUNNY,
-    themeColors: {
-      C1: "rgb(255, 255, 255)|rgb(240, 240, 240)|rgb(225, 225, 225)|rgb(0, 0, 0)",
-      C2: "rgb(245, 245, 245)|rgb(230, 230, 230)|rgb(215, 215, 215)|rgb(0, 0, 0)",
-      C3: "rgb(230, 230, 230)|rgb(200, 200, 200)|rgb(185, 185, 185)|rgb(0, 0, 0)",
-      C10: "rgb(34, 187, 51)|rgb(0, 150, 80)|rgb(20, 120, 40)|rgb(255, 255, 255)",
-      C11: "rgb(240, 173, 78)|rgb(210, 140, 50)|rgb(180, 110, 20)|rgb(255, 255, 255)",
-      C12: "rgb(76, 185, 255)|rgb(100, 180, 255)|rgb(80, 160, 220)|rgb(255, 255, 255)",
-      C13: "rgb(255, 102, 102)|rgb(220, 80, 80)|rgb(190, 60, 60)|rgb(255, 255, 255)",
-      C20: "rgb(47, 81, 255)|rgb(30, 60, 220)|rgb(20, 40, 180)|rgb(255, 255, 255)",
-      C30: "rgb(200, 200, 200)|rgb(180, 180, 180)|rgb(160, 160, 160)|rgb(0, 0, 0)",
-      C41: "rgba(0, 0, 0, 0.4)|rgb(150, 150, 150)|rgb(120, 120, 120)|rgb(0, 0, 0)",
-      C51: "rgba(0, 0, 0, 0.6)|rgb(0, 0, 0, 0.8)|rgb(0, 0, 0, 0.9)|rgb(255, 255, 255)",
-      C52: "rgb(60, 60, 60)|rgb(85, 85, 85)|rgb(35, 35, 35)|rgb(255, 255, 255)",
-      C100: "rgb(213, 228, 255)|rgb(200, 210, 255)|rgb(185, 200, 220)|rgb(0, 0, 0)",
-      C200: "rgb(179, 205, 255)|rgb(160, 180, 255)|rgb(140, 160, 220)|rgb(0, 0, 0)",
-      C400: "rgb(86, 126, 255)|rgb(60, 90, 220)|rgb(40, 60, 180)|rgb(255, 255, 255)",
-      C600: "rgb(12, 33, 255)|rgb(10, 20, 220)|rgb(8, 15, 180)|rgb(255, 255, 255)",
-      C800: "rgb(6, 22, 205)|rgb(4, 15, 180)|rgb(2, 10, 120)|rgb(255, 255, 255)",
-      C950: "rgb(10, 17, 92)|rgb(8, 12, 70)|rgb(6, 9, 40)|rgb(255, 255, 255)",
-    },
-    isSystemTheme: true,
-  },
-  {
-    displayName: "Dark",
-    displayOrder: 1,
-    icon: EIcons.MOON,
-    systemName: "dark",
-    themeColors: {
-      C1: "rgb(50, 50, 50)|rgb(40, 40, 40)|rgb(30, 30, 30)|rgb(220, 220, 220)",
-      C2: "rgb(65, 65, 65)|rgb(55, 55, 55)|rgb(45, 45, 45)|rgb(220, 220, 220)",
-      C3: "rgb(70, 70, 70)|rgb(60, 60, 60)|rgb(50, 50, 50)|rgb(220, 220, 220)",
-      C10: "rgb(34, 187, 51)|rgb(0, 150, 80)|rgb(20, 120, 40)|rgb(255, 255, 255)",
-      C11: "rgb(240, 173, 78)|rgb(210, 140, 50)|rgb(180, 110, 20)|rgb(255, 255, 255)",
-      C12: "rgb(76, 185, 255)|rgb(100, 180, 255)|rgb(80, 160, 220)|rgb(255, 255, 255)",
-      C13: "rgb(255, 102, 102)|rgb(220, 80, 80)|rgb(190, 60, 60)|rgb(255, 255, 255)",
-      C20: "rgb(47, 81, 255)|rgb(30, 60, 220)|rgb(20, 40, 180)|rgb(255, 255, 255)",
-      C30: "rgb(100, 100, 100)|rgb(90, 90, 90)|rgb(80, 80, 80)|rgb(220, 220, 220)",
-      C41: "rgb(100, 100, 100)|rgb(255, 255, 255)|rgb(120, 120, 120)|rgb(0, 0, 0)",
-      C51: "rgba(0, 0, 0, 0.6)|rgb(0, 0, 0, 0.8)|rgb(0, 0, 0, 0.9)|rgb(255, 255, 255)",
-      C52: "rgb(60, 60, 60)|rgb(85, 85, 85)|rgb(35, 35, 35)|rgb(255, 255, 255)",
-      C100: "rgb(213, 228, 255)|rgb(200, 210, 255)|rgb(185, 200, 220)|rgb(0, 0, 0)",
-      C200: "rgb(179, 205, 255)|rgb(160, 180, 255)|rgb(140, 160, 220)|rgb(0, 0, 0)",
-      C400: "rgb(86, 126, 255)|rgb(60, 90, 220)|rgb(40, 60, 180)|rgb(255, 255, 255)",
-      C600: "rgb(12, 33, 255)|rgb(10, 20, 220)|rgb(8, 15, 180)|rgb(255, 255, 255)",
-      C800: "rgb(6, 22, 205)|rgb(4, 15, 180)|rgb(2, 10, 120)|rgb(255, 255, 255)",
-      C950: "rgb(10, 17, 92)|rgb(8, 12, 70)|rgb(6, 9, 40)|rgb(255, 255, 255)",
-    },
-    isSystemTheme: true,
-  },
-  {
-    displayName: "Light2",
-    systemName: "light2",
-    displayOrder: 0,
-    icon: EIcons.SUNNY,
-    themeColors: {
-      C1: "rgb(255, 255, 255)|rgb(240, 240, 240)|rgb(225, 225, 225)|rgb(0, 0, 0)",
-      C2: "rgb(245, 245, 245)|rgb(230, 230, 230)|rgb(215, 215, 215)|rgb(0, 0, 0)",
-      C3: "rgb(230, 230, 230)|rgb(200, 200, 200)|rgb(185, 185, 185)|rgb(0, 0, 0)",
-      C10: "rgb(34, 187, 51)|rgb(0, 150, 80)|rgb(20, 120, 40)|rgb(255, 255, 255)",
-      C11: "rgb(240, 173, 78)|rgb(210, 140, 50)|rgb(180, 110, 20)|rgb(255, 255, 255)",
-      C12: "rgb(76, 185, 255)|rgb(100, 180, 255)|rgb(80, 160, 220)|rgb(255, 255, 255)",
-      C13: "rgb(255, 102, 102)|rgb(220, 80, 80)|rgb(190, 60, 60)|rgb(255, 255, 255)",
-      C20: "rgb(47, 81, 255)|rgb(30, 60, 220)|rgb(20, 40, 180)|rgb(255, 255, 255)",
-      C30: "rgb(200, 200, 200)|rgb(180, 180, 180)|rgb(160, 160, 160)|rgb(0, 0, 0)",
-      C41: "rgba(0, 0, 0, 0.4)|rgb(150, 150, 150)|rgb(120, 120, 120)|rgb(0, 0, 0)",
-      C51: "rgba(0, 0, 0, 0.6)|rgb(0, 0, 0, 0.8)|rgb(0, 0, 0, 0.9)|rgb(255, 255, 255)",
-      C52: "rgb(60, 60, 60)|rgb(85, 85, 85)|rgb(35, 35, 35)|rgb(255, 255, 255)",
-      C100: "rgb(213, 228, 255)|rgb(200, 210, 255)|rgb(185, 200, 220)|rgb(0, 0, 0)",
-      C200: "rgb(179, 205, 255)|rgb(160, 180, 255)|rgb(140, 160, 220)|rgb(0, 0, 0)",
-      C400: "rgb(86, 126, 255)|rgb(60, 90, 220)|rgb(40, 60, 180)|rgb(255, 255, 255)",
-      C600: "rgb(12, 33, 255)|rgb(10, 20, 220)|rgb(8, 15, 180)|rgb(255, 255, 255)",
-      C800: "rgb(6, 22, 205)|rgb(4, 15, 180)|rgb(2, 10, 120)|rgb(255, 255, 255)",
-      C950: "rgb(10, 17, 92)|rgb(8, 12, 70)|rgb(6, 9, 40)|rgb(255, 255, 255)",
-    },
-    isSystemTheme: true,
-  },
-  {
-    displayName: "Dark2",
-    displayOrder: 1,
-    icon: EIcons.MOON,
-    systemName: "dark2",
-    themeColors: {
-      C1: "rgb(50, 50, 50)|rgb(40, 40, 40)|rgb(30, 30, 30)|rgb(220, 220, 220)",
-      C2: "rgb(65, 65, 65)|rgb(55, 55, 55)|rgb(45, 45, 45)|rgb(220, 220, 220)",
-      C3: "rgb(70, 70, 70)|rgb(60, 60, 60)|rgb(50, 50, 50)|rgb(220, 220, 220)",
-      C10: "rgb(34, 187, 51)|rgb(0, 150, 80)|rgb(20, 120, 40)|rgb(255, 255, 255)",
-      C11: "rgb(240, 173, 78)|rgb(210, 140, 50)|rgb(180, 110, 20)|rgb(255, 255, 255)",
-      C12: "rgb(76, 185, 255)|rgb(100, 180, 255)|rgb(80, 160, 220)|rgb(255, 255, 255)",
-      C13: "rgb(255, 102, 102)|rgb(220, 80, 80)|rgb(190, 60, 60)|rgb(255, 255, 255)",
-      C20: "rgb(47, 81, 255)|rgb(30, 60, 220)|rgb(20, 40, 180)|rgb(255, 255, 255)",
-      C30: "rgb(100, 100, 100)|rgb(90, 90, 90)|rgb(80, 80, 80)|rgb(220, 220, 220)",
-      C41: "rgb(100, 100, 100)|rgb(255, 255, 255)|rgb(120, 120, 120)|rgb(0, 0, 0)",
-      C51: "rgba(0, 0, 0, 0.6)|rgb(0, 0, 0, 0.8)|rgb(0, 0, 0, 0.9)|rgb(255, 255, 255)",
-      C52: "rgb(60, 60, 60)|rgb(85, 85, 85)|rgb(35, 35, 35)|rgb(255, 255, 255)",
-      C100: "rgb(213, 228, 255)|rgb(200, 210, 255)|rgb(185, 200, 220)|rgb(0, 0, 0)",
-      C200: "rgb(179, 205, 255)|rgb(160, 180, 255)|rgb(140, 160, 220)|rgb(0, 0, 0)",
-      C400: "rgb(86, 126, 255)|rgb(60, 90, 220)|rgb(40, 60, 180)|rgb(255, 255, 255)",
-      C600: "rgb(12, 33, 255)|rgb(10, 20, 220)|rgb(8, 15, 180)|rgb(255, 255, 255)",
-      C800: "rgb(6, 22, 205)|rgb(4, 15, 180)|rgb(2, 10, 120)|rgb(255, 255, 255)",
-      C950: "rgb(10, 17, 92)|rgb(8, 12, 70)|rgb(6, 9, 40)|rgb(255, 255, 255)",
-    },
-    isSystemTheme: true,
-  },
-];

package/src/interfaces/type-interfaces.tsx

@@ -15,8 +15,14 @@ export type ObjectCallbackHandler<T> = CallbackHandler<T, T>;
 export type ObjectNullCallbackHandler<T> = CallbackHandler<T | UN, T | UN>;
 export type ArrayCallbackHandler<T> = CallbackHandler<T[], T[]>;
 export type ArrayNullCallbackHandler<T> = CallbackHandler<T[] | UN, T[] | UN>;
-export type VoidCallbackHandler = CallbackHandler<void, void>;
-
+export type VoidCallbackHandler = CallbackHandler<void | any | any[] | UN, void>;
+export type PopupMessageCallback = (type: ECallbackTypes) => void;
 export interface IInterface {
   // Blank Interface
 }
+
+export enum ECallbackTypes {
+  Initialize = 0,
+  Destroy = 1,
+  ForceChangeValue = 2,
+}

package/src/interfaces/user-interfaces.tsx

@@ -0,0 +1,47 @@
+import { EModules } from "./system-interfaces";
+import { UN } from "./type-interfaces";
+
+export enum EUserRoles {
+  Guest = 0,
+  User = 1,
+  Admin = 2,
+  SuperAdmin = 3,
+}
+export const IsAdmin = (userRole: EUserRoles | string | UN) => userRole === EUserRoles.Admin || EUserRoles[EUserRoles.Admin] === userRole;
+export const IsSuperAdmin = (userRole: EUserRoles | string | UN) => userRole === EUserRoles.SuperAdmin || EUserRoles[EUserRoles.SuperAdmin] === userRole;
+export const IsAdmin_SuperAdmin = (userRole: EUserRoles | string | UN) => IsAdmin(userRole) || IsSuperAdmin(userRole);
+export const IsUser = (userRole: EUserRoles | string | UN) => userRole === EUserRoles.User || EUserRoles[EUserRoles.User] === userRole;
+export const IsGuest = (userRole: EUserRoles | string | UN) => userRole === EUserRoles.Guest || EUserRoles[EUserRoles.Guest] === userRole;
+export const IsUser_Guest = (userRole: EUserRoles | string | UN) => IsUser(userRole) || IsGuest(userRole);
+
+export interface IUserValidationResponse {
+  isValidUser: boolean;
+  isValidCompany: boolean;
+  isValidBranch: boolean;
+  isValidFiscalYear: boolean;
+  userRole: EUserRoles;
+  assignedModules: EModules;
+}
+export interface ICurrentUser {
+  id: string;
+  fullname: string;
+  username: string;
+  roleName: string;
+  profilePicture: string | UN;
+  emailAddress: string | UN;
+  contactNumber: string | UN;
+  isImpersonating: boolean | UN;
+  isMultiTenant: boolean | UN;
+  enableAuditHistory: boolean | UN;
+  rootAccess: boolean | UN;
+  branchId: string | UN;
+  companyId: string | UN;
+  fiscalYearId: string | UN;
+  modules: EModules | UN;
+}
+export enum ESigninRequestMode {
+  DEFAULT = "0",
+  SIGN_OUT = "1",
+  SWITCH_BRANCH = "2",
+  SWITCH_FISCAL_YEAR = "3",
+}

package/src/nexus.environments.tsx

@@ -1,49 +1,66 @@
 import { EModules } from "./interfaces/system-interfaces";
 import { EBackgrounds } from "./interfaces/theme-interfaces";
 
+// @ts-ignore
+const processEnv = process.env;
+
 export const APIS = {
-  DRIVE: process.env.API_DRIVE as string,
-  AUTHENTICATION: process.env.API_AUTHENTICATION as string,
-  CONFIGURATION: process.env.API_CONFIGURATION as string,
-  CURRENT: process.env.API_CURRENT as string,
-  ENTERPRISE: process.env.API_ENTERPRISE as string,
-  MESSAGE: process.env.API_MESSAGE as string,
-  ACCOUNTING: process.env.API_ACCOUNTING as string,
-  REPORT: process.env.API_REPORT as string,
+  DRIVE: processEnv.API_DRIVE as string,
+  AUTHENTICATION: processEnv.API_AUTHENTICATION as string,
+  CONFIGURATION: processEnv.API_CONFIGURATION as string,
+  CURRENT: processEnv.API_CURRENT as string,
+  ENTERPRISE: processEnv.API_ENTERPRISE as string,
+  MESSAGE: processEnv.API_MESSAGE as string,
+  ACCOUNTING: processEnv.API_ACCOUNTING as string,
+  REPORT: processEnv.API_REPORT as string,
 };
 
 export const URLS = {
-  CURRENT: process.env.URL_CURRENT as string,
-  AUTHENTICATION: process.env.URL_AUTHENTICATION as string,
-  SIGN_IN: process.env.URL_AUTHENTICATION_SIGN_IN as string,
+  GLOBAL_SIGNIN: `${processEnv.URL_AUTHENTICATION}/api/auth/redirect-context`,
+  CURRENT: processEnv.URL_CURRENT as string,
+  AUTHENTICATION: processEnv.URL_AUTHENTICATION as string,
+  SIGN_IN: processEnv.URL_AUTHENTICATION_SIGN_IN as string,
+  ALLOWED_ORIGINS: (processEnv.ALLOWED_ORIGINS ?? "")
+    .split(",")
+    .map((origin: string) => origin.trim())
+    .filter(Boolean),
 };
-const FILE = (apiName: string, filePath: string, fileName: string) => `${APIS.DRIVE}/Resources/${apiName}/${encodeURIComponent(filePath)}/${encodeURIComponent(fileName)}`;
+const FILE = (apiName: string, filePath: string, fileName: string) => `${processEnv.API_RESOURCES_BASE_PATH ?? `/api/app/${EModules.Drive}/Resources`}/${apiName}/${encodeURIComponent(filePath)}/${encodeURIComponent(fileName)}`;
 export const FILES = {
   LOGO: {
     ICON: FILE("Image", "logos", "icon-logo"),
     FULL: FILE("Image", "logos", "full-logo"),
     FULL_TEXT: FILE("Image", "logos", "full-text-logo"),
   },
+  ICONS: {
+    USER: FILE("Image", "icons", "user"),
+    NO_IMAGE: FILE("Image", "icons", "no-image"),
+  },
   SCRIPT: (fileName: string, isStyles: boolean = false) => FILE("Script", isStyles ? "css" : "js", fileName),
 };
 export const NEXUS_INFO = {
-  IS_ADMIN_MODULE: process.env.IS_ADMIN_MODULE !== "false",
-  CURRENT_MODULE: process.env.CURRENT_MODULE !== undefined ? (parseInt(process.env.CURRENT_MODULE) as EModules) : undefined,
-  CURRENT_MODULE_NAME: process.env.CURRENT_MODULE_NAME as string,
-  CURRENT_MODULE_SHORT_NAME: process.env.CURRENT_MODULE_SHORT_NAME as string,
-  IS_PRODUCTION: process.env.NODE_ENV === "production",
-  SOFTWARE_COMPANY_SHORT_NAME: process.env.SOFTWARE_COMPANY_SHORT_NAME as string,
-  SOFTWARE_COMPANY_FULL_NAME: process.env.SOFTWARE_COMPANY_FULL_NAME as string,
-  SOFTWARE_VERSION: process.env.SOFTWARE_VERSION as string,
-  SOFTWARE_LAST_UPDATE_DATE: process.env.SOFTWARE_LAST_UPDATE_DATE as string,
-  SOFTWARE_COMPANY_WEBSITE: process.env.SOFTWARE_COMPANY_WEBSITE as string,
+  IS_ADMIN_MODULE: processEnv.IS_ADMIN_MODULE !== "false",
+  CURRENT_MODULE: processEnv.CURRENT_MODULE !== undefined ? (parseInt(processEnv.CURRENT_MODULE) as EModules) : undefined,
+  CURRENT_MODULE_NAME: processEnv.CURRENT_MODULE_NAME as string,
+  CURRENT_MODULE_SHORT_NAME: processEnv.CURRENT_MODULE_SHORT_NAME as string,
+  IS_PRODUCTION: processEnv.NODE_ENV === "production",
+  SOFTWARE_COMPANY_SHORT_NAME: processEnv.SOFTWARE_COMPANY_SHORT_NAME as string,
+  SOFTWARE_COMPANY_FULL_NAME: processEnv.SOFTWARE_COMPANY_FULL_NAME as string,
+  SOFTWARE_VERSION: processEnv.SOFTWARE_VERSION as string,
+  SOFTWARE_LAST_UPDATE_DATE: processEnv.SOFTWARE_LAST_UPDATE_DATE as string,
+  SOFTWARE_COMPANY_WEBSITE: processEnv.SOFTWARE_COMPANY_WEBSITE as string,
+  IS_PROXY_SERVER: processEnv.IS_PROXY_SERVER !== "false",
 };
 export const NEXUS_CONFIG = {
   /** Default revalidate time for static generation (in minutes) */
   DEFAULT_REVALIDATE_TIME: NEXUS_INFO.IS_PRODUCTION ? 60 * 24 : 0,
-
+  DEFAULT_REVALIDATE_TIME_ONE_HOUR: NEXUS_INFO.IS_PRODUCTION ? 60 : 0,
+  DEFAULT_REVALIDATE_TIME_ONE_DAY: NEXUS_INFO.IS_PRODUCTION ? 60 * 24 : 0,
+  DEFAULT_REVALIDATE_TIME_ONE_WEEK: NEXUS_INFO.IS_PRODUCTION ? 60 * 24 * 7 : 0,
+  DEFAULT_REVALIDATE_TIME_ONE_MONTH: NEXUS_INFO.IS_PRODUCTION ? 60 * 24 * 30 : 0,
+  DEFAULT_REVALIDATE_TIME_ONE_YEAR: NEXUS_INFO.IS_PRODUCTION ? 60 * 24 * 365 : 0,
   /** Default timeout for HTTP requests (in milliseconds) */
   DEFAULT_HTTP_REQUEST_TIMEOUT: NEXUS_INFO.IS_PRODUCTION ? 60000 : 1000000,
 
-  DEFAULT_BACKGROUND: (process.env.DEFAULT_BACKGROUND as EBackgrounds) ?? EBackgrounds.Background1,
+  DEFAULT_BACKGROUND: (processEnv.DEFAULT_BACKGROUND as EBackgrounds) ?? EBackgrounds.Background1,
 };

package/src/proxy-api/proxy-backend.tsx

@@ -0,0 +1,60 @@
+import { NextRequest, NextResponse } from "next/server";
+import { EErrorCodes } from "../interfaces/exception-interfaces";
+import { GetRootApi } from "../services/http-services";
+import { DecryptCookieValue } from "../sso-config/cookie-encryption";
+import { ALLOWED_MODULES, PROXY_ALLOWED_METHODS } from "./proxy-constants";
+import { BuildBackendUrl, BuildForwardHeaders, ProxyErrorResponse, ReadRequestBody, SanitizeResponseHeaders } from "./proxy-helpers";
+
+const GENERIC_PROXY_ERROR = "Unable to reach the backend service.";
+const MODULE_NOT_ALLOWED_ERROR = "This module is not allowed for proxy requests.";
+
+const ACCESS_TOKEN_COOKIE = "access_token";
+
+export async function ProxyToBackend(req: NextRequest, moduleParam: string, pathSegments: string[]): Promise<NextResponse> {
+  const method = req.method.toUpperCase();
+
+  if (!PROXY_ALLOWED_METHODS.has(method)) {
+    return ProxyErrorResponse(`Method ${method} is not supported.`, 405, "METHOD_NOT_SUPPORTED", EErrorCodes.Forbidden);
+  }
+
+  const module = ALLOWED_MODULES.includes(moduleParam) ? parseInt(moduleParam) : null;
+  if (!module) return ProxyErrorResponse(MODULE_NOT_ALLOWED_ERROR, 400, "INVALID_MODULE");
+  const backendBase = GetRootApi(module);
+  const backendUrl = BuildBackendUrl(backendBase, pathSegments, req.nextUrl.searchParams);
+
+  return ProxyToBackendRequest(backendUrl, backendBase, module, method, req);
+}
+
+export async function ProxyToBackendRequest(backendFullUrl: string, backendUrlBase: string, module: number, method: string, req: NextRequest): Promise<NextResponse> {
+  // BuildForwardHeaders already strips the Cookie header (see PROXY_REQUEST_HEADERS_TO_SKIP).
+  const headers = BuildForwardHeaders(req);
+
+  // Decrypt the access token from the httpOnly cookie and inject it as a Bearer token.
+  // The raw encrypted blob is never forwarded — only the plaintext token reaches the backend.
+  const encryptedToken = req.cookies.get(ACCESS_TOKEN_COOKIE)?.value;
+  if (encryptedToken) {
+    const token = DecryptCookieValue(encryptedToken);
+    if (token) headers.set("Authorization", `Bearer ${token}`);
+  }
+
+  const body = await ReadRequestBody(req, method);
+
+  let backendResponse: Response;
+  try {
+    backendResponse = await fetch(backendFullUrl, {
+      method,
+      headers,
+      body,
+      redirect: "manual",
+    });
+  } catch {
+    return ProxyErrorResponse(GENERIC_PROXY_ERROR, 502, "BACKEND_UNREACHABLE");
+  }
+  const responseHeaders = SanitizeResponseHeaders(backendResponse.headers, backendUrlBase, module);
+  const responseBody = await backendResponse.arrayBuffer();
+
+  return new NextResponse(responseBody, {
+    status: backendResponse.status,
+    headers: responseHeaders,
+  });
+}

package/src/proxy-api/proxy-constants.tsx

@@ -0,0 +1,28 @@
+import { EModules } from "../interfaces/system-interfaces";
+
+
+/** HTTP methods supported by the backend proxy. */
+export const PROXY_ALLOWED_METHODS = new Set(["GET", "POST", "PUT", "DELETE", "PATCH"]);
+
+/** Request headers that must not be forwarded to the backend. */
+export const PROXY_REQUEST_HEADERS_TO_SKIP = new Set(["host", "connection", "content-length", "transfer-encoding", "keep-alive", "upgrade", "cookie"]);
+
+/** Response headers that must not be forwarded to the browser. */
+export const PROXY_RESPONSE_HEADERS_TO_SKIP = new Set(["connection", "transfer-encoding", "keep-alive", "proxy-authenticate", "proxy-authorization", "te", "trailer", "upgrade"]);
+
+/** Public path prefix the browser uses to reach the proxy. */
+
+/** Allowed modules for proxy requests. */
+
+export const ALLOWED_MODULES = [
+    EModules.Authentication.toString(),
+    EModules.Configuration.toString(),
+    EModules.Enterprise.toString(),
+    EModules.Drive.toString(),
+    EModules.Message.toString(),
+    EModules.Accounting.toString(),
+    EModules.Report.toString(),
+    EModules.Portfolio.toString(),
+    EModules.Subscription.toString(),
+    EModules.Reservation.toString(),
+]