nexus-shared 1.1.21 → 3.0.0

package/src/services/message-services.tsx

@@ -1,383 +0,0 @@
-import { DEFAULT_ANIMATION_DURATION, DEFAULT_ICON_ELEMENT_NAME, EAnimationClasses, EBackgrounds, ECallbackTypes, EIcons, EIconTypes, EMessageBoxButtons, EMessageIcons, EMessageResult, EMessageTypes, EOpacity, ESizes, PopupMessageCallback, UN } from "nexus-shared";
-import { CreateIconBox, IsBrowser, PxToRem, RemoveElement } from "nexus-shared/client";
-
-const MESSAGE_IDENTITY = "nexus-message";
-const MESSAGE_GAP_REM = 0.8;
-const MESSAGE_TOP_REM = 1;
-const PROGRESS_BAR_HEIGHT_REM = 0.2;
-
-/** Newest first — index 0 is the top message. */
-const activeMessages: HTMLElement[] = [];
-const messageProgressCleanups = new WeakMap<HTMLElement, () => void>();
-let reflowScheduled = false;
-
-const stopMessageProgress = (messageElement: HTMLElement) => {
-  messageProgressCleanups.get(messageElement)?.();
-  messageProgressCleanups.delete(messageElement);
-};
-
-const startMessageProgress = (messageElement: HTMLElement, progressFillElement: HTMLElement, durationMilliseconds: number, onComplete: () => void) => {
-  let elapsedMilliseconds = 0;
-  let lastFrameTimestamp: number | null = null;
-  let animationFrameId = 0;
-
-  const cancelAnimation = () => {
-    if (animationFrameId) cancelAnimationFrame(animationFrameId);
-    animationFrameId = 0;
-  };
-
-  const finishProgress = () => {
-    cancelAnimation();
-    messageProgressCleanups.delete(messageElement);
-    onComplete();
-  };
-
-  const updateProgress = (frameTimestamp: number) => {
-    animationFrameId = 0;
-    if (lastFrameTimestamp !== null) {
-      elapsedMilliseconds += frameTimestamp - lastFrameTimestamp;
-      progressFillElement.style.width = `${Math.min((elapsedMilliseconds / durationMilliseconds) * 100, 100)}%`;
-      if (elapsedMilliseconds >= durationMilliseconds) return finishProgress();
-    }
-    lastFrameTimestamp = frameTimestamp;
-    animationFrameId = requestAnimationFrame(updateProgress);
-  };
-
-  const onMouseEnter = () => {
-    lastFrameTimestamp = null;
-    cancelAnimation();
-  };
-  const onMouseLeave = () => {
-    if (!animationFrameId) animationFrameId = requestAnimationFrame(updateProgress);
-  };
-
-  messageElement.addEventListener("mouseenter", onMouseEnter);
-  messageElement.addEventListener("mouseleave", onMouseLeave);
-  messageProgressCleanups.set(messageElement, () => {
-    cancelAnimation();
-    messageElement.removeEventListener("mouseenter", onMouseEnter);
-    messageElement.removeEventListener("mouseleave", onMouseLeave);
-  });
-  animationFrameId = requestAnimationFrame(updateProgress);
-};
-
-const scheduleReflow = () => {
-  if (reflowScheduled) return;
-  reflowScheduled = true;
-  requestAnimationFrame(() => {
-    reflowScheduled = false;
-    let offset = MESSAGE_TOP_REM;
-    for (const el of activeMessages) {
-      el.style.top = `${offset}rem`;
-      offset += PxToRem(el.offsetHeight) + MESSAGE_GAP_REM;
-    }
-  });
-};
-
-const dismissMessage = (el: HTMLElement, callback?: PopupMessageCallback) => {
-  const index = activeMessages.indexOf(el);
-  if (index === -1) return;
-
-  stopMessageProgress(el);
-  activeMessages.splice(index, 1);
-  el.style.right = "-100%";
-  el.style.top = "100%";
-  RemoveElement(el, DEFAULT_ANIMATION_DURATION, EAnimationClasses.FADE_OUT);
-  scheduleReflow();
-  callback?.(ECallbackTypes.Destroy);
-};
-
-const _showMessage = (title: string, message: string, messageType: EMessageTypes, delay?: number | UN, duration?: number | UN, icon?: EMessageIcons | UN, callback?: PopupMessageCallback) => {
-  if (!IsBrowser()) return;
-
-  delay = delay ?? 0;
-  duration = duration ?? 3000;
-
-  const createAndShow = () => {
-    /** Root message element */
-    const messageRootElement = document.createElement("div");
-    const messageBodyElement = document.createElement("div");
-    const messageHandleElement = document.createElement("div");
-    const messageContentElement = document.createElement("div");
-    const messageIconElement = document.createElement("div");
-    const progressTrackElement = document.createElement("div");
-    const progressFillElement = document.createElement("div");
-
-    document.body.appendChild(messageRootElement);
-    messageRootElement.appendChild(messageBodyElement);
-    messageBodyElement.appendChild(messageHandleElement);
-    messageBodyElement.appendChild(messageIconElement);
-    messageBodyElement.appendChild(messageContentElement);
-    messageRootElement.appendChild(progressTrackElement);
-    progressTrackElement.appendChild(progressFillElement);
-
-    messageRootElement.className = `${MESSAGE_IDENTITY} pf bs3 r bg1 anim df ddc oh`;
-    messageBodyElement.className = "df ac w100";
-    messageHandleElement.className = messageType;
-    messageIconElement.className = `ib ml4 sm rr ${messageType}`;
-    messageContentElement.className = `p4 pr2 fg`;
-    progressTrackElement.className = "w100";
-    progressFillElement.className = messageType;
-
-    messageRootElement.style.right = "-100%";
-    messageRootElement.style.transitionDuration = `${DEFAULT_ANIMATION_DURATION * 1.5}ms`;
-
-    messageHandleElement.style.width = "0.3rem";
-    messageHandleElement.style.alignSelf = "stretch";
-    messageHandleElement.style.flexShrink = "0";
-
-    progressTrackElement.style.height = `${PROGRESS_BAR_HEIGHT_REM}rem`;
-    progressTrackElement.style.flexShrink = "0";
-    progressFillElement.style.height = "100%";
-    progressFillElement.style.width = "0%";
-
-    messageIconElement.innerHTML = `<${DEFAULT_ICON_ELEMENT_NAME} class="icon" name="${icon}" />`;
-
-    const _TM = setTimeout(() => {
-      clearTimeout(_TM);
-      const WINDOW_WIDTH = window.innerWidth;
-      if (WINDOW_WIDTH > 1000) {
-        messageRootElement.style.right = "1rem";
-        messageRootElement.style.maxWidth = "35rem";
-        messageRootElement.style.minWidth = "16rem";
-      } else {
-        messageRootElement.style.maxWidth = "calc(100vw - 1rem)";
-        messageRootElement.style.minWidth = "15rem";
-        messageRootElement.style.right = "0.5rem";
-      }
-    }, 0);
-
-    const titleElement = document.createElement("p");
-    const messageElement = document.createElement("p");
-    titleElement.className = "mb1 fw600 w100 df ac";
-    messageElement.className = "o08 fs-09 pr3";
-    titleElement.innerHTML = `<p class="w100 fg">${title}</p>`;
-    messageElement.innerHTML = message;
-    messageContentElement.appendChild(titleElement);
-    messageContentElement.appendChild(messageElement);
-
-    const dismiss = () => dismissMessage(messageRootElement, callback);
-    CreateIconBox(EIcons.CLOSE, titleElement, null, null, EIconTypes.OUTLINED, EBackgrounds.Background1, ESizes.VeryTiny, ESizes.Tiny, null, null, null, null, EOpacity.O05, "Clear Message", null, null, null, dismiss);
-
-    activeMessages.unshift(messageRootElement);
-    scheduleReflow();
-    requestAnimationFrame(scheduleReflow);
-    callback?.(ECallbackTypes.Initialize);
-
-    if (duration > 0) startMessageProgress(messageRootElement, progressFillElement, duration, dismiss);
-  };
-
-  if (typeof delay === "number" && delay > 0) {
-    const _TM = window.setTimeout(() => {
-      clearTimeout(_TM);
-      createAndShow();
-    }, delay);
-  } else createAndShow();
-};
-
-export const SuccessMessage = (title: string, message: string, delay?: number | UN, duration?: number | UN, callback?: PopupMessageCallback, icon?: EMessageIcons | UN) => {
-  return _showMessage(title, message, EMessageTypes.Success, delay, duration, icon ?? EMessageIcons.Success, callback);
-};
-export const ErrorMessage = (title: string, message: string, delay?: number | UN, duration?: number | UN, callback?: PopupMessageCallback, icon?: EMessageIcons | UN) => {
-  return _showMessage(title, message, EMessageTypes.Error, delay, duration, icon ?? EMessageIcons.Error, callback);
-};
-export const WarningMessage = (title: string, message: string, delay?: number | UN, duration?: number | UN, callback?: PopupMessageCallback, icon?: EMessageIcons | UN) => {
-  return _showMessage(title, message, EMessageTypes.Warning, delay, duration, icon ?? EMessageIcons.Warning, callback);
-};
-export const InformationMessage = (title: string, message: string, delay?: number | UN, duration?: number | UN, callback?: PopupMessageCallback, icon?: EMessageIcons | UN) => {
-  return _showMessage(title, message, EMessageTypes.Information, delay, duration, icon ?? EMessageIcons.Information, callback);
-};
-export const QuestionMessage = (title: string, message: string, delay?: number | UN, duration?: number | UN, callback?: PopupMessageCallback, icon?: EMessageIcons | UN) => {
-  return _showMessage(title, message, EMessageTypes.Information, delay, duration, icon ?? EMessageIcons.Question, callback);
-};
-
-type MessageBoxButton = {
-  result: EMessageResult;
-  label: string;
-  themeBackgroundClass?: EBackgrounds | string;
-};
-
-const normalizeMessageResult = (value: string): EMessageResult => {
-  const v = (value ?? "").trim().toLowerCase();
-  if (v === "ok") return EMessageResult.OK;
-  if (v === "yes") return EMessageResult.Yes;
-  if (v === "no") return EMessageResult.No;
-  if (v === "cancel") return EMessageResult.Cancel;
-  return EMessageResult.Undefined;
-};
-
-const getMessageBoxButtons = (messageButtons: EMessageBoxButtons, themeBackgroundClass: EMessageTypes, overrideYesButtonText?: string | null): MessageBoxButton[] => {
-  const parts = (messageButtons ?? EMessageBoxButtons.OK).split("_").filter(Boolean);
-  const results = parts.map(normalizeMessageResult).filter((r) => r !== EMessageResult.Undefined);
-  const resolved = results.length ? results : [EMessageResult.OK];
-
-  return resolved.map((result) => {
-    if (result === EMessageResult.Yes) return { result, label: overrideYesButtonText ?? "Yes", themeBackgroundClass };
-    if (result === EMessageResult.OK) return { result, label: "OK", themeBackgroundClass: themeBackgroundClass };
-    if (result === EMessageResult.No) return { result, label: "No", themeBackgroundClass: EBackgrounds.AlwaysDarkBackgroundColor };
-    if (result === EMessageResult.Cancel) return { result, label: "Cancel", themeBackgroundClass: EBackgrounds.AlwaysDarkBackgroundColor };
-    return { result, label: String(result) };
-  });
-};
-
-const getCloseResult = (buttons: MessageBoxButton[]): EMessageResult => {
-  if (buttons.some((b) => b.result === EMessageResult.Cancel)) return EMessageResult.Cancel;
-  if (buttons.some((b) => b.result === EMessageResult.No)) return EMessageResult.No;
-  if (buttons.some((b) => b.result === EMessageResult.OK)) return EMessageResult.OK;
-  return EMessageResult.Undefined;
-};
-
-/**
- * Windows-like modal message box (DOM-based).
- * - Keyboard: Tab / Shift+Tab / ArrowLeft / ArrowRight to move focus
- * - Enter: activates focused button
- * - Escape: closes with Cancel/No/OK (in that order if present)
- */
-export const ShowDialogMessageBox = async (messageButtons: EMessageBoxButtons, title: string, message: string, iconName: EMessageIcons, themeBackgroundClass?: EMessageTypes, overrideYesButtonText?: string | null, confirmMessage?: string | null, allowOverlayClick?: boolean): Promise<EMessageResult | null> => {
-  if (!IsBrowser()) return null;
-
-  return new Promise((resolve) => {
-    themeBackgroundClass = themeBackgroundClass ?? EMessageTypes.Information;
-    const bodyElement = document.body as HTMLBodyElement;
-    const overlayElement = document.createElement("div") as HTMLDivElement;
-    const dialogElement = document.createElement("div") as HTMLDivElement;
-
-    const iconBoxElement = document.createElement("div") as HTMLDivElement;
-    const headerElement = document.createElement("div") as HTMLDivElement;
-    const headerTextElement = document.createElement("div") as HTMLDivElement;
-    const titleElement = document.createElement("h4") as HTMLHeadingElement;
-    const messageElement = document.createElement("p") as HTMLParagraphElement;
-    const confirmElement = document.createElement("p") as HTMLParagraphElement;
-    const buttonRowElement = document.createElement("div") as HTMLDivElement;
-
-    const buttons = getMessageBoxButtons(messageButtons, themeBackgroundClass, overrideYesButtonText);
-    const actionButtons: HTMLButtonElement[] = [];
-    let currentFocusIndex = 0;
-    let isClosed = false;
-
-    overlayElement.className = `pf df ac jc ${EBackgrounds.PopupBackgroundColor} ${EAnimationClasses.FADE_IN}`;
-    overlayElement.style.zIndex = "100000";
-    overlayElement.style.inset = "0";
-
-    dialogElement.className = `bg1 r bs3 anim df ddc`;
-    dialogElement.style.maxWidth = "36rem";
-    dialogElement.style.width = "calc(100vw - 2rem)";
-    dialogElement.style.boxSizing = "border-box";
-
-    headerElement.className = "df w100";
-    headerElement.style.gap = "1rem";
-    headerElement.style.padding = "1.25rem";
-
-    iconBoxElement.className = `df ac jc rr bb ${themeBackgroundClass}`;
-    iconBoxElement.style.minWidth = "4rem";
-    iconBoxElement.style.maxWidth = "4rem";
-    iconBoxElement.style.minHeight = "4rem";
-    iconBoxElement.style.maxHeight = "4rem";
-
-    const iconElement = document.createElement(DEFAULT_ICON_ELEMENT_NAME) as HTMLElement & { name?: string };
-    iconElement.name = `${iconName}${EIconTypes.OUTLINED}`;
-    iconElement.className = `icon ${ESizes.Large} o08`;
-    iconElement.style.color = "white";
-    iconBoxElement.appendChild(iconElement);
-
-    headerTextElement.className = "fg";
-
-    titleElement.className = "fw600";
-    titleElement.style.margin = "0";
-    titleElement.innerText = title ?? "";
-
-    messageElement.className = "o08";
-    messageElement.style.margin = "0.5rem 0 0 0";
-    messageElement.innerHTML = message ?? "";
-
-    confirmElement.className = "o08";
-    confirmElement.style.margin = "0.75rem 0 0 0";
-    confirmElement.innerHTML = confirmMessage ?? "";
-    if (!confirmMessage) confirmElement.style.display = "none";
-
-    buttonRowElement.className = "df w100";
-    buttonRowElement.style.gap = "0.75rem";
-    buttonRowElement.style.justifyContent = "flex-end";
-    buttonRowElement.style.padding = "0 1.25rem 1.25rem 1.25rem";
-
-    const setFocus = (index: number) => {
-      currentFocusIndex = Math.min(Math.max(index, 0), actionButtons.length - 1);
-      actionButtons[currentFocusIndex]?.focus();
-    };
-
-    const closeDialog = (result: EMessageResult) => {
-      if (isClosed) return;
-      isClosed = true;
-
-      document.removeEventListener("keydown", onKeyDown);
-      overlayElement.removeEventListener("click", onOverlayClick);
-
-      overlayElement.classList.remove(EAnimationClasses.FADE_IN);
-      overlayElement.classList.add(EAnimationClasses.FADE_OUT);
-      dialogElement.classList.add(EAnimationClasses.PULSE_OUT);
-
-      RemoveElement(overlayElement, DEFAULT_ANIMATION_DURATION, EAnimationClasses.FADE_OUT).finally(() => resolve(result));
-    };
-
-    const onOverlayClick = (event: MouseEvent) => {
-      if (event.target === overlayElement) closeDialog(getCloseResult(buttons));
-    };
-
-    const onKeyDown = (event: KeyboardEvent) => {
-      const key = event.key;
-      const isShiftTab = key === "Tab" && event.shiftKey;
-      const isTab = key === "Tab" && !event.shiftKey;
-
-      if (key === "ArrowLeft" || isShiftTab) {
-        event.preventDefault();
-        setFocus((currentFocusIndex - 1 + actionButtons.length) % actionButtons.length);
-      } else if (key === "ArrowRight" || isTab) {
-        event.preventDefault();
-        setFocus((currentFocusIndex + 1) % actionButtons.length);
-      } else if (key === "Enter") {
-        event.preventDefault();
-        const result = buttons[currentFocusIndex]?.result ?? EMessageResult.Undefined;
-        closeDialog(result);
-      } else if (key === "Escape") {
-        event.preventDefault();
-        closeDialog(getCloseResult(buttons));
-      }
-    };
-
-    const createButton = (button: MessageBoxButton) => {
-      const buttonElement = document.createElement("button") as HTMLButtonElement;
-      buttonElement.type = "button";
-      buttonElement.className = `sn r h p2 pr4 pl4 ${button.themeBackgroundClass}`;
-      buttonElement.style.minWidth = "5.5rem";
-      buttonElement.innerText = button.label;
-
-      const onClick = () => closeDialog(button.result);
-      buttonElement.addEventListener("click", onClick, { once: true });
-      return buttonElement;
-    };
-
-    for (const button of buttons) {
-      const buttonElement = createButton(button);
-      buttonRowElement.appendChild(buttonElement);
-      actionButtons.push(buttonElement);
-    }
-
-    headerTextElement.appendChild(titleElement);
-    headerTextElement.appendChild(messageElement);
-    headerTextElement.appendChild(confirmElement);
-
-    headerElement.appendChild(iconBoxElement);
-    headerElement.appendChild(headerTextElement);
-
-    dialogElement.appendChild(headerElement);
-    dialogElement.appendChild(buttonRowElement);
-
-    overlayElement.appendChild(dialogElement);
-    bodyElement.insertBefore(overlayElement, bodyElement.firstChild);
-
-    if (allowOverlayClick === false) overlayElement.addEventListener("click", onOverlayClick);
-    document.addEventListener("keydown", onKeyDown);
-
-    setTimeout(() => setFocus(0), 0);
-  });
-};

package/src/services/theme-service.tsx

@@ -1,163 +0,0 @@
-import { DEFAULT_SMALL_ICON_BOX_SIZE } from "../interfaces/icon-interfaces";
-import { DEFAULT_FONT_WEIGHTS } from "../interfaces/layout-interfaces";
-import { O } from "../nexus-client";
-import { EBackgroundColors, EColorTypes, ETextColors, IThemeInformation } from "./../interfaces/theme-interfaces";
-import { GetCurrentTheme, SetCurrentTheme } from "./localstorage-service";
-
-const I = "!important;";
-export const ICON_BOX_SCALES = {
-  xxs: 1 / 1.7,
-  xs: 1 / 1.5,
-  sm: DEFAULT_SMALL_ICON_BOX_SIZE,
-  ssm: 1 / 1.35,
-  lg: 1.25,
-  med: 1.1,
-  xl: 1.5,
-  xxl: 1.8,
-};
-export const THEME_KEYS = ["c1", "c2", "c3", "c10", "c11", "c12", "c13", "c20", "c30", "c41", "c51", "c52", "c100", "c200", "c400", "c600", "c800", "c950"];
-
-const _setVariable = (key: string, value: string | null) => {
-  if (value) document.documentElement.style.setProperty(key, value);
-};
-
-const _initializeThemes = (themeInformations: IThemeInformation[]): boolean => {
-  if (!themeInformations || themeInformations.length === 0) return false;
-
-  const activeTheme = GetCurrentTheme();
-  return _initializeTheme(activeTheme!);
-};
-const _setRule = (sheet: CSSStyleSheet, s: string, r: string) => sheet.insertRule(`${s} { ${r} }`, sheet.cssRules.length);
-const _setResponsiveRule = (sheet: CSSStyleSheet, i: number, max: number, pre: string, w: string, g?: number) => sheet.insertRule(`@media (max-width: ${max}px) { ${g !== undefined ? `.g${g} > ` : ""}.col-${pre}-${i} { width: ${w}${I} } }`, sheet.cssRules.length);
-const _initializeTheme = (theme: IThemeInformation): boolean => {
-  if (!theme) return false;
-  SetCurrentTheme(theme.systemName);
-
-  for (const key of THEME_KEYS) {
-    const color = theme[key as keyof IThemeInformation] as string;
-    const [background, hover, focus, text] = color.split("|");
-
-    if (!background) continue;
-    const keyNumber = key.replace("c", "");
-
-    if (background !== "NULL") _setVariable(`--B${keyNumber}`, background);
-    if (hover !== "NULL") _setVariable(`--H${keyNumber}`, hover);
-    if (focus !== "NULL") _setVariable(`--F${keyNumber}`, focus);
-    if (text !== "NULL") _setVariable(`--T${keyNumber}`, text);
-  }
-
-  return true;
-};
-export const InitializeStyles = () => {
-  const el = document.getElementById("nexus-styles") as HTMLStyleElement;
-  if (!el || !el.classList.contains("nexus-styles")) el.classList.add("nexus-styles");
-  const sheet = el.sheet as CSSStyleSheet;
-  const themeInformations = O.systemThemes;
-  if (!themeInformations || themeInformations.length === 0) return;
-  _initializeThemes(themeInformations);
-
-  const BREAK_POINTS = { xl: 1200, lg: 1050, med: 900, nr: 800, sm: 700, xs: 600 } as any;
-  const SUFFIXES = ["", "-top", "-right", "-bottom", "-left"];
-  const DIRECTIONS = ["", "t", "r", "b", "l"];
-
-  Array.from({ length: 12 }, (_, i) => i + 1).forEach((i) => {
-    const w = `${(i / 12) * 100}%`;
-    _setRule(sheet, `.col-${i}`, `float: left; box-sizing: border-box; width: ${w};`);
-    Object.keys(BREAK_POINTS).forEach((b) => _setResponsiveRule(sheet, i, BREAK_POINTS[b], b, w));
-  });
-
-  Array.from({ length: 10 }, (_, i) => i + 1).forEach((i) => {
-    const m = 0.2 * i,
-      w = `calc((100% / 12) * ${i} - ${m * 2}rem)`;
-    _setRule(sheet, `.g${i}`, `padding: 0 ${m}rem;`);
-    _setRule(sheet, `.g${i} > [class*='col-']`, `margin: 0 ${m}rem; float: left; box-sizing: border-box;`);
-    _setRule(sheet, `.g${i} > .col-12`, `width: ${w}; float: left; box-sizing: border-box;`);
-    Array.from({ length: 12 }, (_, j) => j + 1).forEach((j) => {
-      const wj = `calc((100% / 12) * ${j} - ${m * 2}rem)`;
-      _setRule(sheet, `.g${i} > .col-${j}`, `width: ${wj}; float: left; box-sizing: border-box;`);
-      Object.keys(BREAK_POINTS).forEach((b) => _setResponsiveRule(sheet, j, BREAK_POINTS[b], b, wj, i));
-    });
-  });
-  Array.from({ length: 11 }, (_, i) => {
-    const v = 0.2 * (10 - i);
-    DIRECTIONS.forEach((d, idx) => {
-      const imp = d ? I : ";";
-      _setRule(sheet, `.m${d}${10 - i}`, `margin${SUFFIXES[idx]}: ${v}rem${imp}`);
-      _setRule(sheet, `.p${d}${10 - i}`, `padding${SUFFIXES[idx]}: ${v}rem${imp}`);
-    });
-    _setRule(sheet, `.g${10 - i}`, `gap: ${v}rem;`);
-    _setRule(sheet, `.cg${10 - i}`, `column-gap: ${v}rem;`);
-    _setRule(sheet, `.rg${10 - i}`, `row-gap: ${v}rem;`);
-    if (i > 0 && i <= 6) _setRule(sheet, `.h${i}, h${i}`, `font-size: ${(6 - i) * 0.3 + 1}rem;font-weight: 600;`);
-  });
-  Array.from({ length: 13 }, (_, i) => 0.6 + 0.1 * i).forEach((v) => _setRule(sheet, `.fs-${v.toFixed(1).replace(".", "")}`, `font-size: ${v.toFixed(1)}rem;`));
-  Array.from({ length: 4 }, (_, i) => 0.5 + 0.1 * i).forEach((v) => _setRule(sheet, `.o${v.toFixed(1).replace(".", "")}`, `opacity: ${v.toFixed(1)};`));
-  Array.from({ length: 9 }, (_, i) => {
-    _setRule(sheet, `.tl${i}`, `display: -webkit-box; -webkit-box-orient: vertical; overflow: hidden; text-overflow: ellipsis; -webkit-line-clamp: ${i};`);
-    if (i <= 8) _setRule(sheet, `.bs${i}`, `box-shadow: var(--BS${i});`);
-  });
-
-  DEFAULT_FONT_WEIGHTS.forEach((weight) => _setRule(sheet, `.fw${weight}`, `font-weight: ${weight};`));
-
-  [90, 180, 270].forEach((r) => _setRule(sheet, `.r${r}`, `transform: rotate(${r}deg);`));
-  [1, 2, 3].forEach((s) => {
-    const b = `var(--BRD${s}) solid var(--B30)`;
-    DIRECTIONS.forEach((d, i) => _setRule(sheet, `.b${d}${s}`, `border${SUFFIXES[i]}: ${b}${d ? ` ${I}` : ""}`));
-    _setRule(sheet, `.bat${s}`, `border: var(--BRD${s}) solid transparent`);
-  });
-
-  for (const key of THEME_KEYS) {
-    const keyNumber = key.replace("c", "");
-    _setRule(sheet, `.bg${keyNumber}`, `background-color: var(--B${keyNumber}) ${I}; color: var(--T${keyNumber});`);
-    _setRule(sheet, `.h.bg${keyNumber}:hover`, `background-color: var(--H${keyNumber}) ${I}`);
-    _setRule(sheet, `.h.bg${keyNumber}:focus`, `background-color: var(--F${keyNumber}) ${I}`);
-    _setRule(sheet, `.tx${keyNumber}`, `color: var(--T${keyNumber}) ${I}`);
-  }
-
-  const ICON_SIZES = {
-    xxs: 0.8,
-    xs: 1,
-    ssm: 1.25,
-    sm: 1.4,
-    nr: 1.55,
-    med: 1.75,
-    lg: 1.95,
-    xl: 2.2,
-    xxl: 2.5,
-    fs: 2.85,
-  };
-
-  Object.entries(ICON_SIZES).forEach(([k, v]) => _setRule(sheet, `.icon.${k}`, `font-size: ${v}rem;`));
-
-  Object.entries(ICON_BOX_SCALES).forEach(([k, s]) => {
-    const size = `calc(var(--IH) * ${s})`;
-    const css = `min-width: ${size} ${I}; min-height: ${size} ${I}; max-width: ${size} ${I}; max-height: ${size} ${I};`;
-    _setRule(sheet, `.ib.${k}`, css);
-  });
-
-  _setVariable(`--TOP_HEIGHT`, `calc(var(--IH) * ${ICON_BOX_SCALES.sm})`);
-};
-export const SwitchTheme = (themeCode: string): boolean => {
-  const themeInformations = O.systemThemes;
-  if (!themeInformations || themeInformations.length === 0) return false;
-
-  const theme = themeInformations.find((theme) => theme.systemName === themeCode);
-  if (!theme) return false;
-  SetCurrentTheme(theme.systemName);
-  return _initializeTheme(theme);
-};
-export const GetColorCode = (colorCode: string | EBackgroundColors | ETextColors): number | null => {
-  if (colorCode) {
-    const match = colorCode.match(/\d+/);
-    return match ? parseInt(match[0], 10) : 0;
-  }
-
-  return null;
-};
-export const GetDynamicColor = (colorCode: string | EBackgroundColors | ETextColors, colorType: EColorTypes): string | null => {
-  if (colorCode) {
-    const code = GetColorCode(colorCode);
-    if (code) return `var(${colorType}${code})`;
-  }
-  return null;
-};

package/src/services/user-services.tsx

@@ -1,10 +0,0 @@
-import { EUserRoles, ICurrentUser, UN } from "../interface";
-
-let CURRENT_USER: ICurrentUser | null = null;
-export const SetCurrentUser = (user: ICurrentUser | UN) => (CURRENT_USER = user ?? null);
-export const GetCurrentUser = (): ICurrentUser | null => CURRENT_USER;
-export const GetCurrentUserRole = (): EUserRoles | null => {
-  const roleName = CURRENT_USER?.roleName;
-  if (!roleName) return null;
-  return EUserRoles[roleName as keyof typeof EUserRoles];
-};

package/src/sso-config/auth-token-validation.ts

@@ -1,16 +0,0 @@
-import { IUserValidationResponse } from "../interfaces/user-interfaces";
-import { HttpGet } from "../services/http-services";
-import { SSO_CONFIG } from "./sso-config";
-
-/**
- * Verifies the access token by calling the backend Authentication/Verify endpoint.
- * Returns true when the backend responds with HTTP 200 (token accepted), false for any
- * other status or network failure. No JWT secrets or JWKS keys are needed in Next.js.
- */
-export async function VerifyAccessToken(token: string): Promise<boolean> {
-  if (!token?.trim()) return false;
-  const response = await HttpGet(SSO_CONFIG.BACKEND_ENDPOINTS.VERIFY, token, 0);
-  const validationResponse = response.result as IUserValidationResponse;
-  if (!response.isSuccess) return false;
-  return validationResponse.isValidUser;
-}

package/src/sso-config/callback-route.tsx

@@ -1,35 +0,0 @@
-import { NextRequest, NextResponse } from "next/server";
-import { URLS } from "../nexus.environments";
-import { SetAuthCookies } from "./cookie-helpers";
-import { DecodeOAuthCallbackState } from "./oauth-callback-state";
-import { ClearRedirectContextCookie, SanitizeReturnPath } from "./redirect-context-helpers";
-import { ExchangeAuthorizationCode } from "./sso-backend-flow";
-import { BuildAuthenticationSignInUrl, SSO_CONFIG } from "./sso-config";
-
-export async function CallbackRoute(req: NextRequest) {
-  const code = req.nextUrl.searchParams.get("code");
-  const state = req.nextUrl.searchParams.get("state");
-  const callbackState = DecodeOAuthCallbackState(state);
-  const failUrl = new URL(BuildAuthenticationSignInUrl(callbackState?.returnPath));
-
-  if (!code) return NextResponse.redirect(failUrl);
-
-  if (!callbackState?.codeVerifier) return NextResponse.redirect(failUrl);
-
-  try {
-    const tokenData = await ExchangeAuthorizationCode({
-      code,
-      redirectUri: SSO_CONFIG.FRONTEND_ENDPOINTS.CALLBACK,
-      codeVerifier: callbackState.codeVerifier,
-    });
-    if (!tokenData) return NextResponse.redirect(failUrl);
-
-    const redirectTarget = new URL(SanitizeReturnPath(tokenData.returnPath ?? callbackState.returnPath), URLS.CURRENT!);
-    const response = NextResponse.redirect(redirectTarget);
-    SetAuthCookies(response, tokenData);
-    ClearRedirectContextCookie(response);
-    return response;
-  } catch {
-    return NextResponse.redirect(new URL(BuildAuthenticationSignInUrl(callbackState?.returnPath)));
-  }
-}

package/src/sso-config/cookie-encryption.ts

@@ -1,51 +0,0 @@
-import { createCipheriv, createDecipheriv, createHash, randomBytes } from "crypto";
-
-const ALGORITHM = "aes-256-gcm";
-const IV_BYTES = 12; // 96-bit IV recommended for GCM
-
-/**
- * Derives a 32-byte AES key from SSO_COOKIE_SECRET using SHA-256.
- * The secret itself is never sent to the browser.
- */
-function deriveKey(): Buffer {
-  const raw = process.env.SSO_COOKIE_SECRET?.trim();
-  const secret = raw && !raw.startsWith("$") ? raw : process.env.NODE_ENV === "development" ? "NexusDevAuthSecretKey2026MustBe32CharsLong!" : null;
-  if (!secret) throw new Error("SSO_COOKIE_SECRET must be configured for cookie encryption.");
-  return createHash("sha256").update(secret).digest();
-}
-
-/**
- * Encrypts a cookie value with AES-256-GCM.
- * Output format: `<iv>.<authTag>.<ciphertext>` (all base64url).
- * The browser stores only this opaque string — the raw token is never exposed.
- */
-export function EncryptCookieValue(value: string): string {
-  const key = deriveKey();
-  const iv = randomBytes(IV_BYTES);
-  const cipher = createCipheriv(ALGORITHM, key, iv);
-  const encrypted = Buffer.concat([cipher.update(value, "utf8"), cipher.final()]);
-  const authTag = cipher.getAuthTag();
-  return `${iv.toString("base64url")}.${authTag.toString("base64url")}.${encrypted.toString("base64url")}`;
-}
-
-/**
- * Decrypts a cookie value produced by EncryptCookieValue.
- * Returns null if the value is missing, malformed, or the auth tag fails (tampered).
- */
-export function DecryptCookieValue(value: string): string | null {
-  if (!value) return null;
-  try {
-    const parts = value.split(".");
-    if (parts.length !== 3) return null;
-    const key = deriveKey();
-    const iv = Buffer.from(parts[0], "base64url");
-    const authTag = Buffer.from(parts[1], "base64url");
-    const encrypted = Buffer.from(parts[2], "base64url");
-    const decipher = createDecipheriv(ALGORITHM, key, iv);
-    decipher.setAuthTag(authTag);
-    const decrypted = Buffer.concat([decipher.update(encrypted), decipher.final()]);
-    return decrypted.toString("utf8");
-  } catch {
-    return null;
-  }
-}