jett.admin.npmpackage 2.0.24 → 2.0.26

package/dist/index.js

@@ -1,2113 +1,2114 @@
-var __create = Object.create;
-var __defProp = Object.defineProperty;
-var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
-var __getOwnPropNames = Object.getOwnPropertyNames;
-var __getProtoOf = Object.getPrototypeOf;
-var __hasOwnProp = Object.prototype.hasOwnProperty;
-var __export = (target, all) => {
-  for (var name in all)
-    __defProp(target, name, { get: all[name], enumerable: true });
-};
-var __copyProps = (to, from, except, desc) => {
-  if (from && typeof from === "object" || typeof from === "function") {
-    for (let key of __getOwnPropNames(from))
-      if (!__hasOwnProp.call(to, key) && key !== except)
-        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
-  }
-  return to;
-};
-var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(
-  // If the importer is in node compatibility mode or this is not an ESM
-  // file that has been converted to a CommonJS file using a Babel-
-  // compatible transform (i.e. "__esModule" has not been set), then set
-  // "default" to the CommonJS "module.exports" for node compatibility.
-  isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target,
-  mod
-));
-var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
-
-// src/index.js
-var index_exports = {};
-__export(index_exports, {
-  AppSideBar: () => AppSideBar,
-  Calendar: () => Calendar,
-  Chip: () => Chip,
-  CustomAutocomplete: () => CustomAutocomplete,
-  CustomButton: () => CustomButton,
-  CustomCheckbox: () => CustomCheckbox,
-  CustomInput: () => CustomInput,
-  CustomSearch: () => CustomSearch,
-  CustomSelect: () => CustomSelect,
-  CustomSwitch: () => CustomSwitch,
-  CustomTable: () => CustomTable,
-  CustomTextarea: () => CustomTextarea,
-  CustomUpload: () => CustomUpload,
-  Dropdown: () => Dropdown,
-  Pagination: () => Pagination,
-  ProgressBar: () => ProgressBar,
-  RightSheet: () => RightSheet
-});
-module.exports = __toCommonJS(index_exports);
-
-// src/utils/cn.ts
-var import_clsx = require("clsx");
-var import_tailwind_merge = require("tailwind-merge");
-function cn(...inputs) {
-  return (0, import_tailwind_merge.twMerge)((0, import_clsx.clsx)(inputs));
-}
-
-// src/Button.jsx
-var import_react = __toESM(require("react"));
-var variantStyles = {
-  PRIMARY: "bg-white dark:bg-[#18181b] dark:text-white",
-  SECONDARY: "bg-primary text-white dark:text-white",
-  DEFAULT: "bg-white text-black dark:text-white",
-  DANGER: "bg-[#ef4444] text-white dark:text-white"
-};
-var CustomButton = ({
-  id = "button",
-  variant = "DEFAULT",
-  children,
-  className,
-  onClick,
-  disabled = false,
-  icon
-}) => {
-  return /* @__PURE__ */ import_react.default.createElement(
-    "div",
-    {
-      className: cn(
-        `cursor-pointer flex items-center py-2 px-3 min-h-10 justify-center border rounded-[6px] border-[#e5e5e5] dark:border-[#303036] ${variant == "DANGER" ? "bg-[#ef4444]" : "dark:bg-[#1d1d20]"} gap-2`,
-        variantStyles[variant],
-        className
-      ),
-      onClick,
-      id: `${id}-div-1`
-    },
-    icon && /* @__PURE__ */ import_react.default.createElement("div", { id: `${id}-div-2` }, icon),
-    children
-  );
-};
-
-// src/inputs/Autocomplete.jsx
-var import_react2 = __toESM(require("react"));
-var import_lucide_react = require("lucide-react");
-var CustomAutocomplete = ({
-  id = "autocomplete",
-  label,
-  value,
-  onChange,
-  options,
-  placeholder = "Search & select...",
-  isRequired = false,
-  error,
-  heading,
-  disabled = false
-}) => {
-  const [open, setOpen] = (0, import_react2.useState)(false);
-  const [search, setSearch] = (0, import_react2.useState)("");
-  const wrapperRef = (0, import_react2.useRef)(null);
-  const selectedOptions = options.filter((opt) => value.includes(opt.value));
-  const handleBlur = (e) => {
-    var _a;
-    if (!((_a = wrapperRef.current) == null ? void 0 : _a.contains(e.relatedTarget))) {
-      setOpen(false);
-    }
-  };
-  const filteredOptions = options.filter(
-    (opt) => opt.label.toLowerCase().includes(search.toLowerCase())
-  );
-  const toggleValue = (val) => {
-    if (value.includes(val)) {
-      onChange(value.filter((v) => v !== val));
-    } else {
-      onChange([...value, val]);
-    }
-  };
-  return /* @__PURE__ */ import_react2.default.createElement(
-    "div",
-    {
-      className: "flex flex-col w-full relative dark:bg-[#18181b] dark:text-white",
-      ref: wrapperRef,
-      tabIndex: disabled ? -1 : 0,
-      onBlur: handleBlur,
-      id: `${id}-div-1`
-    },
-    heading && /* @__PURE__ */ import_react2.default.createElement("h3", { className: "text-lg font-semibold leading-6 mb-1", id: `${id}-h3-1` }, heading),
-    label && /* @__PURE__ */ import_react2.default.createElement(
-      "label",
-      {
-        className: `font-[500] text-sm leading-5 mb-1 ${heading ? "text-[#737373]" : "text-black dark:text-white"}`,
-        id: `${id}-label-1`
-      },
-      label,
-      " ",
-      isRequired && /* @__PURE__ */ import_react2.default.createElement("span", { className: "text-red-500", id: `${id}-span-1` }, "*")
-    ),
-    /* @__PURE__ */ import_react2.default.createElement(
-      "div",
-      {
-        onClick: () => {
-          if (!disabled) setOpen((prev) => !prev);
-        },
-        className: `flex justify-between items-center flex-wrap gap-1 rounded-md px-3 py-2 text-sm transition border dark:border-[#303036] h-auto min-h-10 dark:bg-[#18181b] dark:text-white
-          ${disabled ? "bg-gray-100 cursor-not-allowed text-gray-400" : "cursor-text"}
-          ${error ? "border-red-500 bg-red-50" : "bg-white border-[hsl(0_0%_89.8%)] hover:border-gray-400 dark:bg-[#18181b] dark:text-white"}
-        `,
-        id: `${id}-div-2`
-      },
-      /* @__PURE__ */ import_react2.default.createElement("div", { className: "flex flex-wrap gap-1 flex-1", id: `${id}-div-3` }, selectedOptions.length > 0 ? selectedOptions.map((opt) => /* @__PURE__ */ import_react2.default.createElement(
-        "span",
-        {
-          key: opt.value,
-          className: "bg-[#F7FAFC] dark:bg-[#303036] border border-gray-300 px-2 dark:text-white py-0.5 rounded text-xs flex items-center gap-1",
-          id: `${id}-span-2`
-        },
-        opt.label,
-        /* @__PURE__ */ import_react2.default.createElement(
-          "button",
-          {
-            onClick: (e) => {
-              e.stopPropagation();
-              toggleValue(opt.value);
-            },
-            className: "text-gray-500 hover:text-gray-700 dark:text-white cursor-pointer dark:hover:text-white",
-            id: `${id}-button-1`
-          },
-          "\u2715"
-        )
-      )) : /* @__PURE__ */ import_react2.default.createElement("span", { className: "text-gray-400", id: `${id}-span-3` }, placeholder)),
-      /* @__PURE__ */ import_react2.default.createElement(
-        import_lucide_react.ChevronDown,
-        {
-          className: `w-4 h-4 text-gray-500 transition-transform ${open ? "rotate-180" : ""}`
-        }
-      )
-    ),
-    !disabled && open && /* @__PURE__ */ import_react2.default.createElement("div", { className: "absolute top-full mt-1 w-full bg-white border border-gray-200 rounded-lg shadow-lg z-10 max-h-60 overflow-y-auto dark:bg-[#18181b] dark:text-white", id: `${id}-div-4` }, /* @__PURE__ */ import_react2.default.createElement("div", { className: "flex items-center gap-2 p-2 border-b border-gray-200", id: `${id}-div-5` }, /* @__PURE__ */ import_react2.default.createElement(import_lucide_react.Search, { size: 16, className: "text-gray-400" }), /* @__PURE__ */ import_react2.default.createElement(
-      "input",
-      {
-        type: "text",
-        value: search,
-        onChange: (e) => setSearch(e.target.value),
-        placeholder: "Search...",
-        className: "flex-1 text-sm focus:outline-none",
-        id: `${id}-input-1`
-      }
-    )), /* @__PURE__ */ import_react2.default.createElement("ul", { id: `${id}-ul-1` }, filteredOptions.length > 0 ? filteredOptions.map((opt) => {
-      const selected = value.includes(opt.value);
-      return /* @__PURE__ */ import_react2.default.createElement(
-        "li",
-        {
-          key: opt.value,
-          onClick: () => toggleValue(opt.value),
-          className: `flex items-center gap-2 px-3 py-2 text-sm cursor-pointer hover:bg-[#F7FAFC] dark:hover:bg-[#303036] ${selected ? "bg-[#F7FAFC] dark:bg-[#303036] font-medium" : ""}`,
-          id: `${id}-li-1`
-        },
-        /* @__PURE__ */ import_react2.default.createElement(
-          "span",
-          {
-            className: `w-4 h-4 flex items-center justify-center border rounded-sm ${selected ? "bg-blue-600 border-blue-600 text-white" : "border-gray-300"}`,
-            id: `${id}-span-4`
-          },
-          selected && /* @__PURE__ */ import_react2.default.createElement(import_lucide_react.Check, { size: 14 })
-        ),
-        opt.label
-      );
-    }) : /* @__PURE__ */ import_react2.default.createElement("li", { className: "px-3 py-2 text-sm text-gray-400", id: `${id}-li-2` }, "No results found")))
-  );
-};
-
-// src/inputs/Checkbox.jsx
-var import_react3 = __toESM(require("react"));
-var CustomCheckbox = ({ id = "checkbox", onChange, checked }) => {
-  const handleChange = (e) => {
-    onChange(e.target.checked);
-  };
-  return /* @__PURE__ */ import_react3.default.createElement("label", { className: "inline-flex items-center cursor-pointer select-none", id: `${id}-label-1` }, /* @__PURE__ */ import_react3.default.createElement(
-    "input",
-    {
-      type: "checkbox",
-      checked,
-      onChange: handleChange,
-      className: "peer hidden",
-      id: `${id}-input-1`
-    }
-  ), /* @__PURE__ */ import_react3.default.createElement(
-    "span",
-    {
-      className: "\r\n          w-4 h-4 flex items-center justify-center border-2 border-gray-400 rounded \r\n          peer-checked:bg-primary peer-checked:border-primary\r\n          transition-colors\r\n        ",
-      id: `${id}-span-1`
-    },
-    checked && /* @__PURE__ */ import_react3.default.createElement(
-      "svg",
-      {
-        className: "w-4 h-4 text-white",
-        fill: "none",
-        stroke: "currentColor",
-        strokeWidth: "3",
-        viewBox: "0 0 24 24",
-        id: `${id}-svg-1`
-      },
-      /* @__PURE__ */ import_react3.default.createElement("path", { d: "M5 13l4 4L19 7", id: `${id}-path-1` })
-    )
-  ));
-};
-
-// src/inputs/Chip.jsx
-var import_react4 = __toESM(require("react"));
-var VARIANTS = {
-  PRIMARY: "bg-gray-100 text-black dark:bg-gray-800 dark:text-white",
-  GREEN: "bg-green-100 text-green-800 dark:bg-green-900 dark:text-green-100",
-  RED: "bg-red-100 text-red-800 dark:bg-red-900 dark:text-red-100",
-  YELLOW: "bg-yellow-100 text-yellow-800 dark:bg-yellow-900 dark:text-yellow-100"
-};
-var Chip = ({ id = "chip", label, variant }) => {
-  return /* @__PURE__ */ import_react4.default.createElement(
-    "div",
-    {
-      className: `inline-flex text-[12px] items-center px-3 py-1 rounded-full ${VARIANTS[variant] || VARIANTS.PRIMARY} text-sm font-[600]`,
-      id: `${id}-div-1`
-    },
-    label
-  );
-};
-
-// src/inputs/CustomSwitch.jsx
-var import_react5 = __toESM(require("react"));
-var CustomSwitch = ({ id = "custom-switch", checked, onChange, label, description }) => {
-  return /* @__PURE__ */ import_react5.default.createElement("div", { id: `${id}-div-1` }, /* @__PURE__ */ import_react5.default.createElement(
-    "button",
-    {
-      type: "button",
-      role: "switch",
-      "aria-checked": checked,
-      onClick: () => onChange(!checked),
-      className: `relative inline-flex h-6 w-11 shrink-0 items-center rounded-full transition-colors ${checked ? "bg-black" : "bg-gray-300"}`,
-      id: `${id}-button-1`
-    },
-    /* @__PURE__ */ import_react5.default.createElement(
-      "span",
-      {
-        className: `inline-block h-4 w-4 transform rounded-full bg-white shadow transition ${checked ? "translate-x-6" : "translate-x-1"}`,
-        id: `${id}-span-1`
-      }
-    )
-  ), /* @__PURE__ */ import_react5.default.createElement("div", { className: "flex flex-col", id: `${id}-div-2` }, label && /* @__PURE__ */ import_react5.default.createElement("h3", { className: "font-[500] text-sm text-black mb-2", id: `${id}-h3-1` }, label), description && /* @__PURE__ */ import_react5.default.createElement("p", { className: "font-[500] text-sm text-[#737373]", id: `${id}-p-1` }, description)));
-};
-
-// src/inputs/Input.jsx
-var import_react6 = __toESM(require("react"));
-var CustomInput = ({
-  id = "input",
-  label,
-  isRequired,
-  value,
-  onChange,
-  placeholder,
-  disabled = false,
-  error,
-  heading
-}) => {
-  return /* @__PURE__ */ import_react6.default.createElement("div", { className: "flex flex-col gap-1 w-full", id: `${id}-div-1` }, heading && /* @__PURE__ */ import_react6.default.createElement("h3", { className: "text-lg font-semibold", id: `${id}-h3-1` }, heading), /* @__PURE__ */ import_react6.default.createElement(
-    "label",
-    {
-      className: `font-[500] text-sm ${heading ? "text-[#737373]" : "text-black"} dark:text-white`,
-      id: `${id}-label-1`
-    },
-    label,
-    " ",
-    isRequired && /* @__PURE__ */ import_react6.default.createElement("span", { className: "text-red-500", id: `${id}-span-1` }, "*")
-  ), /* @__PURE__ */ import_react6.default.createElement(
-    "input",
-    {
-      className: `border border-gray-200 rounded-md h-10 px-4 py-2 w-full text-[14px]
-          placeholder:text-[14px] placeholder:font-normal placeholder:text-[#6b7280]
-          focus:outline-2 outline-black dark:outline-white outline-offset-2
-          dark:bg-transparent dark:text-white dark:border-[#303036]
-          ${disabled ? "bg-gray-100 cursor-not-allowed text-gray-500 border-gray-300" : error ? "border-red-500 bg-red-50" : "bg-white border-[hsl(0_0%_89.8%)]"}
-        `,
-      value,
-      onChange: (e) => onChange == null ? void 0 : onChange(e.target.value),
-      placeholder,
-      disabled,
-      readOnly: disabled,
-      id: `${id}-input-1`
-    }
-  ));
-};
-
-// src/inputs/ProgressBar.jsx
-var import_react7 = __toESM(require("react"));
-var ProgressBar = ({ id = "progress-bar", step, totalSteps }) => {
-  const progress = step / totalSteps * 100;
-  return /* @__PURE__ */ import_react7.default.createElement("div", { className: "mb-6", id: `${id}-div-1` }, /* @__PURE__ */ import_react7.default.createElement("p", { className: "text-gray-600 text-sm mb-2", id: `${id}-p-1` }, "Step ", step, " of ", totalSteps), /* @__PURE__ */ import_react7.default.createElement("div", { className: "w-full bg-gray-200 rounded-full h-2", id: `${id}-div-2` }, /* @__PURE__ */ import_react7.default.createElement(
-    "div",
-    {
-      className: "bg-black h-2 rounded-full transition-all duration-300",
-      style: { width: `${progress}%` },
-      id: `${id}-div-3`
-    }
-  )));
-};
-
-// src/inputs/Search.jsx
-var import_react8 = __toESM(require("react"));
-var import_lucide_react2 = require("lucide-react");
-var CustomSearch = ({
-  id = "search",
-  value,
-  onChange,
-  placeholder = "Search Markets..."
-}) => {
-  return /* @__PURE__ */ import_react8.default.createElement("div", { className: "flex items-center border bg-transparent text-[14px] border-[hsl(0_0%_89.8%)] dark:border-[#303036] \r\n                    rounded-md h-10 px-2 w-full focus-within:outline-2 focus-within:outline-black focus-within:outline-offset-2 dark:text-white", id: `${id}-div-1` }, /* @__PURE__ */ import_react8.default.createElement(import_lucide_react2.Search, { width: 16, height: 16, color: "gray", className: "mr-2" }), /* @__PURE__ */ import_react8.default.createElement(
-    "input",
-    {
-      type: "text",
-      value,
-      onChange,
-      placeholder,
-      className: "bg-transparent w-full h-full focus:outline-none",
-      id: `${id}-input-1`
-    }
-  ));
-};
-
-// src/inputs/TextArea.jsx
-var import_react9 = __toESM(require("react"));
-var CustomTextarea = ({
-  id = "text-area",
-  label,
-  isRequired,
-  value,
-  onChange,
-  placeholder,
-  disabled = false,
-  error,
-  heading,
-  rows = 4
-}) => {
-  return /* @__PURE__ */ import_react9.default.createElement("div", { className: "flex flex-col gap-1 w-full", id: `${id}-div-1` }, heading && /* @__PURE__ */ import_react9.default.createElement("h3", { className: "text-lg font-semibold", id: `${id}-h3-1` }, heading), /* @__PURE__ */ import_react9.default.createElement(
-    "label",
-    {
-      className: `font-[500] text-sm ${heading ? "text-[#737373]" : "text-black"}`,
-      id: `${id}-label-1`
-    },
-    label,
-    " ",
-    isRequired && /* @__PURE__ */ import_react9.default.createElement("span", { className: "text-red-500", id: `${id}-span-1` }, "*")
-  ), /* @__PURE__ */ import_react9.default.createElement(
-    "textarea",
-    {
-      rows,
-      className: `border rounded-md px-4 py-2 w-full text-[14px]
-          focus:outline-2 focus:outline-black focus:outline-offset-2
-          focus:ring-0 focus:shadow-none focus:border-black
-          ${disabled ? "bg-gray-100 text-gray-500 border-gray-300" : error ? "border-red-500 bg-red-50" : "bg-white border-[hsl(0_0%_89.8%)]"}
-        `,
-      value,
-      onChange: (e) => onChange == null ? void 0 : onChange(e.target.value),
-      placeholder,
-      disabled,
-      readOnly: disabled,
-      id: `${id}-textarea-1`
-    }
-  ));
-};
-
-// src/inputs/Upload.jsx
-var import_react10 = __toESM(require("react"));
-var import_lucide_react3 = require("lucide-react");
-var CustomUpload = ({
-  id = "upload",
-  label = "Supporting documents",
-  description = "Drop items here or Browse Files",
-  accept = ".pdf,.jpg,.jpeg,.png",
-  maxSizeMB = 5,
-  onChange,
-  error,
-  value
-}) => {
-  const inputRef = (0, import_react10.useRef)(null);
-  const handleFileSelect = (files) => {
-    if (!files || files.length === 0) return;
-    const selectedFile = files[0];
-    if (selectedFile.size > maxSizeMB * 1024 * 1024) {
-      alert(`File size must be less than ${maxSizeMB} MB`);
-      return;
-    }
-    onChange == null ? void 0 : onChange(selectedFile);
-  };
-  return /* @__PURE__ */ import_react10.default.createElement("div", { className: "flex flex-col gap-2 w-full", id: `${id}-div-1` }, label && /* @__PURE__ */ import_react10.default.createElement("label", { className: "text-sm font-medium", id: `${id}-label-1` }, label), /* @__PURE__ */ import_react10.default.createElement(
-    "div",
-    {
-      className: `border-2 border-dashed rounded-lg p-6 flex flex-col items-center justify-center text-center cursor-pointer transition
-          ${error ? "border-red-500 bg-red-50" : "border-gray-300 hover:border-gray-400 bg-gray-50"}`,
-      onClick: () => {
-        var _a;
-        return (_a = inputRef.current) == null ? void 0 : _a.click();
-      },
-      onDragOver: (e) => e.preventDefault(),
-      onDrop: (e) => {
-        e.preventDefault();
-        handleFileSelect(e.dataTransfer.files);
-      },
-      id: `${id}-div-2`
-    },
-    /* @__PURE__ */ import_react10.default.createElement(import_lucide_react3.Upload, { className: "w-6 h-6 text-gray-500 mb-2" }),
-    /* @__PURE__ */ import_react10.default.createElement("p", { className: "text-sm text-gray-700", id: `${id}-p-1` }, description),
-    /* @__PURE__ */ import_react10.default.createElement("p", { className: "text-xs text-gray-500 mt-1", id: `${id}-p-2` }, "File Supported: PDF/JPG/PNG, up to ", maxSizeMB, " MB"),
-    /* @__PURE__ */ import_react10.default.createElement(
-      "input",
-      {
-        ref: inputRef,
-        type: "file",
-        accept,
-        className: "hidden",
-        onChange: (e) => handleFileSelect(e.target.files),
-        id: `${id}-input-1`
-      }
-    )
-  ), value && /* @__PURE__ */ import_react10.default.createElement("span", { className: "text-sm truncate text-gray-500", id: `${id}-span-1` }, "Selected: ", value.name), error && /* @__PURE__ */ import_react10.default.createElement("p", { className: "text-xs text-red-500", id: `${id}-p-3` }, error));
-};
-
-// src/sideBar/SideBar.jsx
-var import_lucide_react8 = require("lucide-react");
-var import_react14 = __toESM(require("react"));
-
-// ConstantUI.js
-var import_lucide_react4 = require("lucide-react");
-var encodedAuthData = localStorage.getItem("encodedAuthData");
-var navItemsConstant = [
-  {
-    Icon: import_lucide_react4.Home,
-    label: "Home",
-    onClick: () => {
-      window.location.href = "/";
-    },
-    isDropDown: false
-  },
-  {
-    Icon: import_lucide_react4.Building,
-    label: "Consumer Ecosystem",
-    onClick: () => {
-    },
-    options: [
-      {
-        label: "Corporate",
-        onClick: () => {
-          window.location.href = "/corporate/";
-        }
-      },
-      {
-        label: "Trips",
-        onClick: () => {
-          window.location.href = "/corporate/trips/";
-        }
-      },
-      {
-        label: "Users",
-        onClick: () => {
-          window.location.href = "/users/users";
-        }
-      },
-      {
-        label: "Tags (Custom Variables)",
-        onClick: () => {
-          window.location.href = "/orgselector/?path=tag";
-        }
-      },
-      {
-        label: "Special Request",
-        onClick: () => {
-          window.location.href = "/orgselector/?path=special-requests";
-        }
-      },
-      {
-        label: "Support Tickets (Coming Soon)",
-        isDisabled: true
-        // onClick: () => {},
-      }
-    ],
-    isDropDown: true
-  },
-  {
-    Icon: import_lucide_react4.Banknote,
-    label: "Finance",
-    onClick: () => {
-    },
-    isDropDown: true,
-    options: [
-      {
-        label: "Credit Management",
-        onClick: () => {
-          window.location.href = "/finance/paymentsLedger/";
-        }
-      },
-      {
-        label: "Booking & Invoices",
-        onClick: () => {
-          window.location.href = "/finance/bookingHistory/";
-        }
-      }
-    ]
-  },
-  {
-    Icon: import_lucide_react4.DollarSign,
-    label: "Revenue Management",
-    onClick: () => {
-    },
-    isDropDown: true,
-    options: [
-      {
-        label: "Pricing Engine",
-        onClick: () => {
-          window.location.href = "/orgselector/?path=pricing-policy";
-        }
-      },
-      {
-        label: "Offers",
-        onClick: () => {
-          window.location.href = "/orgselector/?path=offer";
-        }
-      },
-      {
-        label: "Vouchers",
-        onClick: () => {
-          window.location.href = "/orgselector/?path=voucher";
-        }
-      }
-    ]
-  },
-  {
-    Icon: import_lucide_react4.Handshake,
-    label: "Supplier Ecosystem",
-    onClick: () => {
-    },
-    isDropDown: true,
-    options: [
-      {
-        label: "Suppliers List",
-        onClick: () => {
-          window.location.href = "/orgselector/?path=supplier-list";
-        }
-      },
-      {
-        label: "Supplier Deals",
-        onClick: () => {
-          window.location.href = "/supplierdeals/";
-        }
-      }
-    ]
-  },
-  {
-    Icon: import_lucide_react4.BarChart3,
-    label: "Reports",
-    onClick: () => {
-    },
-    isDropDown: true,
-    options: [
-      {
-        label: "Reports (Coming Soon)",
-        isDisabled: true
-        // onClick: () => {
-        //   window.open("https://viz.jett.travel", "_blank");
-        // },
-      }
-    ]
-  },
-  {
-    Icon: import_lucide_react4.Cog,
-    label: "Settings",
-    onClick: () => {
-    },
-    isDropDown: true,
-    options: [
-      {
-        label: "Whitelabel",
-        onClick: () => {
-          window.location.href = "/whitelabel/";
-        }
-      },
-      {
-        label: "Markets",
-        onClick: () => {
-          window.location.href = "/market/";
-        }
-      },
-      {
-        label: "Users",
-        onClick: () => {
-          window.location.href = `/users/users?role=admin&auth=${encodedAuthData}`;
-        }
-      },
-      {
-        label: "Reports Configurations (Coming Soon)",
-        isDisabled: true
-        // onClick: () => {},
-      }
-    ]
-  }
-];
-var additionalItemsConstant = [
-  {
-    Icon: import_lucide_react4.LifeBuoy,
-    label: "Help",
-    onClick: () => {
-      window.location.href = "/help";
-    }
-  }
-];
-
-// src/sideBar/SideBar.jsx
-var import_js_cookie = __toESM(require("js-cookie"));
-
-// src/inputs/CustomSelect.jsx
-var import_react11 = __toESM(require("react"));
-var import_lucide_react5 = require("lucide-react");
-var CustomSelect = ({
-  id = "custom-select",
-  label,
-  value,
-  onChange,
-  options,
-  placeholder = "Select...",
-  isRequired = false,
-  error,
-  heading,
-  disabled = false
-}) => {
-  const [open, setOpen] = (0, import_react11.useState)(false);
-  const [search, setSearch] = (0, import_react11.useState)("");
-  const wrapperRef = (0, import_react11.useRef)(null);
-  const handleBlur = (e) => {
-    var _a;
-    if (!((_a = wrapperRef.current) == null ? void 0 : _a.contains(e.relatedTarget))) {
-      setOpen(false);
-    }
-  };
-  const filteredOptions = options.filter(
-    (opt) => opt.label.toLowerCase().includes(search.toLowerCase())
-  );
-  const handleSelect = (val) => {
-    onChange(val);
-    setOpen(false);
-  };
-  const selectedOption = options.find((opt) => opt.value === value);
-  return /* @__PURE__ */ import_react11.default.createElement(
-    "div",
-    {
-      className: "flex flex-col w-full relative",
-      ref: wrapperRef,
-      tabIndex: disabled ? -1 : 0,
-      onBlur: handleBlur,
-      id: `${id}-div-1`
-    },
-    heading && /* @__PURE__ */ import_react11.default.createElement("h3", { className: "text-lg font-semibold mb-1", id: `${id}-h3-1` }, heading),
-    label && /* @__PURE__ */ import_react11.default.createElement(
-      "label",
-      {
-        className: `font-medium text-sm mb-1 ${heading ? "text-[#737373] dark:text-white" : "text-black dark:text-white"}`,
-        id: `${id}-label-1`
-      },
-      label,
-      " ",
-      isRequired && /* @__PURE__ */ import_react11.default.createElement("span", { className: "text-red-500", id: `${id}-span-1` }, "*")
-    ),
-    /* @__PURE__ */ import_react11.default.createElement(
-      "div",
-      {
-        onClick: () => !disabled && setOpen((prev) => !prev),
-        className: `flex justify-between items-center rounded-md px-3 py-2 text-sm border h-10 cursor-pointer dark:border-[#303036] dark:bg-[#18181b] dark:text-white
-          ${disabled ? "bg-gray-100 text-gray-400" : "bg-white dark:bg-[#18181b] dark:text-white"}
-          ${error ? "border-red-500" : "border-gray-300"}
-        `,
-        id: `${id}-div-2`
-      },
-      /* @__PURE__ */ import_react11.default.createElement("span", { className: `${selectedOption ? "text-black dark:text-white" : "text-gray-400 dark:text-white"}`, id: `${id}-span-2` }, selectedOption ? selectedOption.label : placeholder),
-      /* @__PURE__ */ import_react11.default.createElement(
-        import_lucide_react5.ChevronDown,
-        {
-          className: `w-4 h-4 text-gray-500 transition-transform dark:text-white ${open ? "rotate-180" : ""}`
-        }
-      )
-    ),
-    open && !disabled && /* @__PURE__ */ import_react11.default.createElement("div", { className: "absolute top-full mt-1 w-full bg-white border border-gray-200 rounded-lg shadow-lg z-10 max-h-60 overflow-y-auto dark:bg-[#18181b] dark:text-white", id: `${id}-div-3` }, /* @__PURE__ */ import_react11.default.createElement("div", { className: "flex items-center gap-2 p-2 border-b border-gray-200", id: `${id}-div-4` }, /* @__PURE__ */ import_react11.default.createElement(import_lucide_react5.Search, { size: 16, className: "text-gray-400" }), /* @__PURE__ */ import_react11.default.createElement(
-      "input",
-      {
-        type: "text",
-        value: search,
-        onChange: (e) => setSearch(e.target.value),
-        placeholder: "Search...",
-        className: "flex-1 text-sm focus:outline-none",
-        id: `${id}-input-1`
-      }
-    )), /* @__PURE__ */ import_react11.default.createElement("ul", { id: `${id}-ul-1` }, filteredOptions.length > 0 ? filteredOptions.map((opt) => /* @__PURE__ */ import_react11.default.createElement(
-      "li",
-      {
-        key: opt.value,
-        onClick: () => handleSelect(opt.value),
-        className: `px-3 py-2 text-sm cursor-pointer hover:bg-gray-100 dark:hover:bg-[#27272a] ${value === opt.value ? "bg-gray-100 font-medium dark:bg-[#27272a] dark:text-white" : ""}`,
-        id: `${id}-li-1`
-      },
-      opt.label
-    )) : /* @__PURE__ */ import_react11.default.createElement("li", { className: "px-3 py-2 text-sm text-gray-400 dark:text-white", id: `${id}-li-2` }, "No results found")))
-  );
-};
-
-// src/utils/cookieHelpers.js
-var JETT_ID_COOKIE_NAME = "jett-id";
-function getCookie(name) {
-  if (typeof document === "undefined" || !document.cookie) return null;
-  const match = document.cookie.match(
-    new RegExp("(^|\\s)" + name + "=([^;]+)")
-  );
-  return match ? decodeURIComponent(match[2].trim()) : null;
-}
-function decodeBase64(value) {
-  try {
-    let base64 = value.replace(/-/g, "+").replace(/_/g, "/");
-    const pad = base64.length % 4;
-    if (pad) base64 += "=".repeat(4 - pad);
-    return atob(base64);
-  } catch {
-    return "";
-  }
-}
-function getJettIdCookieData() {
-  const raw = getCookie(JETT_ID_COOKIE_NAME);
-  if (!raw) return null;
-  try {
-    const decoded = decodeBase64(raw);
-    if (!decoded) return null;
-    const data = JSON.parse(decoded);
-    return data && typeof data === "object" ? data : null;
-  } catch {
-    return null;
-  }
-}
-function getLogoFromJettIdCookie() {
-  const data = getJettIdCookieData();
-  if (!(data == null ? void 0 : data.CDNBasePath)) return null;
-  const logoPath = (data.OrgLogo || data.TmcLogo || "").trim();
-  if (!logoPath) return null;
-  return {
-    logoPath,
-    CDNBasePath: data.CDNBasePath
-  };
-}
-function getScopeFromJettIdCookie() {
-  const data = getJettIdCookieData();
-  return (data == null ? void 0 : data.Scope) ?? null;
-}
-function getProfilesFromJettIdCookie(all) {
-  const data = getJettIdCookieData();
-  if (!(data == null ? void 0 : data.Profiles)) return [];
-  if (all) return data.Profiles;
-  return data.Profiles.filter((profile) => {
-    var _a;
-    return (_a = profile.Scope) == null ? void 0 : _a.endsWith("_ENTITY");
-  });
-}
-function buildLogoUrl(CDNBasePath, logoPath) {
-  const base = (CDNBasePath || "").replace(/\/$/, "");
-  const path = (logoPath || "").replace(/^\//, "");
-  if (!base || !path) return "";
-  return `${base}/${path}`;
-}
-
-// src/sideBar/SwitchProfileSection.jsx
-var import_react13 = __toESM(require("react"));
-var import_react_dom2 = require("react-dom");
-var import_lucide_react7 = require("lucide-react");
-
-// src/sideBar/LogoutConfirmModal.jsx
-var import_react12 = __toESM(require("react"));
-var import_react_dom = require("react-dom");
-var import_lucide_react6 = require("lucide-react");
-var LogoutConfirmModal = ({
-  id = "logout-confirm",
-  open,
-  onConfirm,
-  onCancel,
-  loading = false
-}) => {
-  if (!open || typeof document === "undefined") return null;
-  const handleOverlayClick = (e) => {
-    if (e.target === e.currentTarget && !loading) onCancel();
-  };
-  return (0, import_react_dom.createPortal)(
-    /* @__PURE__ */ import_react12.default.createElement(
-      "div",
-      {
-        className: "fixed inset-0 z-[10000] flex items-center justify-center bg-black/50",
-        onClick: handleOverlayClick,
-        id: `${id}-overlay`
-      },
-      /* @__PURE__ */ import_react12.default.createElement("div", { className: "w-[360px] rounded-2xl bg-white dark:bg-[#18181b] p-6 text-center shadow-2xl", id: `${id}-dialog` }, /* @__PURE__ */ import_react12.default.createElement("div", { className: "mx-auto mb-4 flex h-16 w-16 items-center justify-center rounded-full bg-blue-50 dark:bg-blue-950/40", id: `${id}-icon` }, /* @__PURE__ */ import_react12.default.createElement(import_lucide_react6.LogOut, { className: "text-blue-600", width: 28, height: 28 })), /* @__PURE__ */ import_react12.default.createElement("p", { className: "!text-[22px] !font-semibold text-gray-900 dark:text-white" }, "Are you sure you want to logout?"), /* @__PURE__ */ import_react12.default.createElement("div", { className: "mt-6 flex gap-3" }, /* @__PURE__ */ import_react12.default.createElement(
-        "button",
-        {
-          type: "button",
-          onClick: onCancel,
-          disabled: loading,
-          className: "flex-1 no-wrap rounded-lg border border-gray-300 dark:border-[#303036] px-4 py-2 text-[14px] font-medium text-gray-700 dark:text-[#f4f4f5cc] cursor-pointer hover:bg-gray-50 dark:hover:bg-[#27272a] disabled:opacity-50 disabled:cursor-not-allowed transition-colors duration-200",
-          id: `${id}-cancel-button`
-        },
-        "No, Keep me in"
-      ), /* @__PURE__ */ import_react12.default.createElement(
-        "button",
-        {
-          type: "button",
-          onClick: onConfirm,
-          disabled: loading,
-          className: "flex-1 rounded-lg bg-red-600 px-4 py-2 text-[14px] font-medium text-white cursor-pointer hover:bg-red-700 disabled:opacity-50 disabled:cursor-not-allowed transition-colors duration-200",
-          id: `${id}-confirm-button`
-        },
-        loading ? "Logging out..." : "Yes, logout"
-      )))
-    ),
-    document.body
-  );
-};
-
-// src/utils/switchProfileEncryption.js
-var import_node_forge = __toESM(require("node-forge"));
-var RSA_MODULUS_BASE64 = "zktSGmyKa5SR8HO540HKTdgDPVmXafgGFrf4OYtRNApRssnt0hGoMU7Jitc/SVWbPstFshIi5XblbDL2NXWYhZtj4PWL4SKc1/bM02xxabPw/eFr3XAAPCF62WxAVPsJBbEoAB0AcOCeIcGHb+tzLtXQJAvOuIBsKLQiiB7/c9ltt5AVVM4si1RC3JsxpqcGTkgwnh+FMg8CFvLdHjh/oi789wj8zoGWLAdYSBBa8IoQgTuzZt1tft2LF0y4Ck3yT8F9TX5GbAiVXb0G9cM/hUmDNz/6xOvHuOfH5147tKDUNCT/sr5tEaLm5ePUmRdpoc5PZa04q1KGJ0rxf6T55E5pQ8Qh2EFr1yPyLh12wiSTRsnHwXwVsosbNNBBN3HdBOMklTQx2VJNDHpi19G+z4d1evlS8yDqNZe9QyRFKEsTd+xPg3ob3j/ObpYDOtXoMaw8fXWbvyG4MJTz7nWG5YL2s5oWSAFZ4mifgwOmM/OuTO/uholelws25k/a3+O/s5Xd/HOugBvpeb5azGLfMHrGvu6J9DSIVI28hfbaFm2+smjyLdS+5PWV2+hM9EQLgaw/euGx4Qhzo2nagLwl9+hNOZ2gjtNHJxJtbQJTNrE90d3mX2/yfxHzh8FiiAiraxiZCgdUQeEZbZNlAwQLHIYWazSqgmRhf4D1LGMMrak=";
-var RSA_EXPONENT_BASE64 = "AQAB";
-var convertModulusExponentToPem = (modulus, exponent) => {
-  const decodedModulus = import_node_forge.default.util.decode64(modulus);
-  const decodedExponent = import_node_forge.default.util.decode64(exponent);
-  const publicKey = import_node_forge.default.pki.setRsaPublicKey(
-    new import_node_forge.default.jsbn.BigInteger(import_node_forge.default.util.bytesToHex(decodedModulus), 16),
-    new import_node_forge.default.jsbn.BigInteger(import_node_forge.default.util.bytesToHex(decodedExponent), 16)
-  );
-  return import_node_forge.default.pki.publicKeyToPem(publicKey);
-};
-var cachedPemKey = null;
-var getPemKey = () => {
-  if (!cachedPemKey) {
-    cachedPemKey = convertModulusExponentToPem(RSA_MODULUS_BASE64, RSA_EXPONENT_BASE64);
-  }
-  return cachedPemKey;
-};
-var encryptForSwitchProfile = (plainText) => {
-  const publicKey = import_node_forge.default.pki.publicKeyFromPem(getPemKey());
-  const encrypted = publicKey.encrypt(plainText, "RSAES-PKCS1-V1_5");
-  return import_node_forge.default.util.encode64(encrypted).replace(/\r?\n|\r/g, "");
-};
-
-// src/sideBar/SwitchProfileSection.jsx
-var SwitchProfileSection = ({
-  id = "switch-profile",
-  open,
-  anchorRef,
-  onClose,
-  onManageProfile,
-  onProfileSwitch,
-  onTmcSettings,
-  onLogout
-}) => {
-  const [position, setPosition] = (0, import_react13.useState)(null);
-  const [showLogoutConfirm, setShowLogoutConfirm] = (0, import_react13.useState)(false);
-  const [switchingProfileId, setSwitchingProfileId] = (0, import_react13.useState)(null);
-  const [switchError, setSwitchError] = (0, import_react13.useState)(null);
-  (0, import_react13.useLayoutEffect)(() => {
-    if (!open || !(anchorRef == null ? void 0 : anchorRef.current)) return;
-    const updatePosition = () => {
-      const rect = anchorRef.current.getBoundingClientRect();
-      setPosition({
-        left: rect.right + 2,
-        bottom: window.innerHeight - rect.bottom
-      });
-    };
-    updatePosition();
-    window.addEventListener("resize", updatePosition);
-    window.addEventListener("scroll", updatePosition, true);
-    return () => {
-      window.removeEventListener("resize", updatePosition);
-      window.removeEventListener("scroll", updatePosition, true);
-    };
-  }, [open, anchorRef]);
-  (0, import_react13.useEffect)(() => {
-    if (!open) setSwitchError(null);
-  }, [open]);
-  (0, import_react13.useEffect)(() => {
-    if (!switchError) return;
-    const timer = setTimeout(() => setSwitchError(null), 5e3);
-    return () => clearTimeout(timer);
-  }, [switchError]);
-  if (!open && !showLogoutConfirm || typeof document === "undefined") return null;
-  const jettIdData = getJettIdCookieData();
-  const userName = (jettIdData == null ? void 0 : jettIdData.UserName) || "";
-  const userEmail = (jettIdData == null ? void 0 : jettIdData.UserEmail) || "";
-  const currentProfileId = jettIdData == null ? void 0 : jettIdData.ProfileId;
-  const allMarkets = getProfilesFromJettIdCookie(true);
-  const markets = allMarkets.length ? allMarkets : (jettIdData == null ? void 0 : jettIdData.EntityName) ? [{ ProfileId: currentProfileId, EntityName: jettIdData.EntityName }] : [];
-  const handleConfirmLogout = () => {
-    setShowLogoutConfirm(false);
-    onLogout == null ? void 0 : onLogout();
-  };
-  const buildRequestContext = () => ({
-    UserAgent: typeof navigator !== "undefined" ? navigator.userAgent : "Mozilla/5.0",
-    TrackingId: crypto.randomUUID(),
-    TransactionId: crypto.randomUUID(),
-    CountryCode: "IN",
-    IpAddress: "127.0.0.1"
-    // Client IP cannot be retrieved from browser
-  });
-  const handleProfileSwitch = async (profile) => {
-    var _a, _b, _c;
-    if (switchingProfileId) return;
-    setSwitchingProfileId(profile.ProfileId);
-    setSwitchError(null);
-    try {
-      const encryptedRequest = encryptForSwitchProfile(
-        JSON.stringify({
-          ProfileToken: profile.ProfileToken,
-          ProfileId: profile.ProfileId
-        })
-      );
-      const response = await fetch(`${window.location.origin}/auth/switch/profile`, {
-        method: "POST",
-        credentials: "include",
-        headers: { "Content-Type": "application/json" },
-        body: JSON.stringify({
-          Context: buildRequestContext(),
-          Request: encryptedRequest
-        })
-      }).then((res) => res.json());
-      const statusCode = (_a = response == null ? void 0 : response.Context) == null ? void 0 : _a.StatusCode;
-      const isSuccess = !statusCode || statusCode === 200;
-      if (!isSuccess) {
-        setSwitchError(((_b = response == null ? void 0 : response.Context) == null ? void 0 : _b.Message) || "Unable to switch profile. Please try again.");
-        setSwitchingProfileId(null);
-        return;
-      }
-      if ((_c = response == null ? void 0 : response.Response) == null ? void 0 : _c.RedirectUrl) {
-        window.location.href = response.Response.RedirectUrl;
-        return;
-      }
-      setSwitchingProfileId(null);
-      onProfileSwitch == null ? void 0 : onProfileSwitch(profile);
-    } catch (error) {
-      console.error("Switch profile request failed:", error);
-      setSwitchError("Something went wrong while switching profile. Please try again.");
-      setSwitchingProfileId(null);
-    }
-  };
-  return /* @__PURE__ */ import_react13.default.createElement(import_react13.default.Fragment, null, open && (0, import_react_dom2.createPortal)(
-    /* @__PURE__ */ import_react13.default.createElement(import_react13.default.Fragment, null, /* @__PURE__ */ import_react13.default.createElement("div", { className: "fixed inset-0 z-[9999]", onClick: onClose, id: `${id}-backdrop` }), /* @__PURE__ */ import_react13.default.createElement(
-      "div",
-      {
-        className: "fixed w-[320px] max-h-[75vh] flex p-4 flex-col overflow-hidden bg-white dark:bg-[#18181b] rounded-xl shadow-xl border border-gray-200 dark:border-[#303036] z-[9999]",
-        style: position ? { left: position.left, bottom: position.bottom } : { left: -9999, bottom: 0 },
-        id: `${id}-panel`
-      },
-      /* @__PURE__ */ import_react13.default.createElement("div", { className: "flex items-center justify-between gap-3 pb-4", id: `${id}-header` }, /* @__PURE__ */ import_react13.default.createElement("div", { className: "flex items-center gap-3 min-w-0", id: `${id}-header-user` }, /* @__PURE__ */ import_react13.default.createElement("span", { className: "relative flex shrink-0 overflow-hidden rounded-full h-10 w-10", id: `${id}-avatar` }, /* @__PURE__ */ import_react13.default.createElement("span", { className: "flex h-full w-full items-center justify-center !text-[16px] !font-normal border-2 border-gray-200 dark:border-[#303036] rounded-full bg-muted dark:text-white" }, userName ? userName.charAt(0) : "40 * 40")), /* @__PURE__ */ import_react13.default.createElement("div", { className: "min-w-0", id: `${id}-header-text` }, /* @__PURE__ */ import_react13.default.createElement("p", { className: "!font-semibold dark:text-white !text-[14px] truncate" }, userName || "Admin"), /* @__PURE__ */ import_react13.default.createElement("p", { className: "!text-[10px] !font-normal text-gray-500 dark:text-[#f4f4f5cc] truncate" }, userEmail))), /* @__PURE__ */ import_react13.default.createElement(
-        "button",
-        {
-          type: "button",
-          onClick: onManageProfile,
-          className: "shrink-0 whitespace-nowrap rounded-md border border-gray-300 dark:border-[#303036] px-3 py-1.5 text-[10px] font-bold uppercase tracking-wide text-[#0A0A0A] dark:text-[#f4f4f5cc] cursor-pointer hover:bg-gray-50 dark:hover:bg-[#27272a] transition-colors duration-200",
-          id: `${id}-manage-profile-button`
-        },
-        "Manage Profile"
-      )),
-      /* @__PURE__ */ import_react13.default.createElement("div", { className: "border-t border-gray-200 dark:border-[#303036] mb-4" }),
-      /* @__PURE__ */ import_react13.default.createElement("div", { className: "overflow-y-auto scrollbar-hide", id: `${id}-body` }, /* @__PURE__ */ import_react13.default.createElement("p", { className: "pb-4 text-[10px] font-bold tracking-wider text-[#737373] uppercase", id: `${id}-markets-label` }, "Your Markets"), switchError && /* @__PURE__ */ import_react13.default.createElement(
-        "div",
-        {
-          className: "mb-3 rounded-lg border border-red-200 dark:border-red-900 bg-red-50 dark:bg-red-950/40 px-3 py-2 text-[12px] font-medium text-red-600",
-          id: `${id}-switch-error`
-        },
-        switchError
-      ), /* @__PURE__ */ import_react13.default.createElement("div", { className: "flex flex-col gap-2 pb-4", id: `${id}-markets-list` }, markets.length === 0 && /* @__PURE__ */ import_react13.default.createElement("p", { className: "px-2 py-2 text-[13px] text-gray-400", id: `${id}-markets-empty` }, "No markets available"), markets.map((profile) => {
-        const isCurrent = profile.ProfileId === currentProfileId;
-        const isSwitching = switchingProfileId === profile.ProfileId;
-        return /* @__PURE__ */ import_react13.default.createElement(
-          "div",
-          {
-            key: profile.ProfileId,
-            onClick: () => !isCurrent && handleProfileSwitch(profile),
-            "aria-disabled": isSwitching,
-            className: `flex items-center justify-between gap-2 rounded-lg p-3 cursor-pointer hover:bg-[#f4f4f5] dark:hover:bg-[#27272a] transition-colors duration-200 ${isCurrent ? "border border-gray-800 dark:border-white bg-[#f4f4f5] text-[#0A0A0A]" : "border border-transparent"} ${isSwitching ? "opacity-50 pointer-events-none" : ""}`,
-            id: `${id}-market-${profile.ProfileId}`
-          },
-          /* @__PURE__ */ import_react13.default.createElement("span", { className: "!font-bold !text-[14px] text-gray-900 dark:text-[#f4f4f5cc] truncate" }, profile.EntityName),
-          isCurrent && /* @__PURE__ */ import_react13.default.createElement("span", { className: "shrink-0 rounded-full bg-blue-600 px-2.5 py-0.5 border-2 border-white text-[9px] font-bold uppercase tracking-wide text-white" }, "Logged In"),
-          isSwitching && /* @__PURE__ */ import_react13.default.createElement("span", { className: "shrink-0 text-[11px] text-gray-400" }, "Switching...")
-        );
-      }))),
-      /* @__PURE__ */ import_react13.default.createElement("div", { className: "border-t border-gray-200 dark:border-[#303036] mb-4" }),
-      /* @__PURE__ */ import_react13.default.createElement("div", { className: "", id: `${id}-footer` }, /* @__PURE__ */ import_react13.default.createElement(
-        "div",
-        {
-          onClick: () => {
-            onClose == null ? void 0 : onClose();
-            setShowLogoutConfirm(true);
-          },
-          className: "flex items-center gap-3 p-3 rounded-lg cursor-pointer text-red-600 hover:bg-red-50 dark:hover:bg-[#27272a] transition-colors duration-200",
-          id: `${id}-logout`
-        },
-        /* @__PURE__ */ import_react13.default.createElement(import_lucide_react7.LogOut, { width: 18, height: 18 }),
-        /* @__PURE__ */ import_react13.default.createElement("span", { className: "!font-bold !text-[14px]" }, "Logout")
-      ))
-    )),
-    document.body
-  ), /* @__PURE__ */ import_react13.default.createElement(
-    LogoutConfirmModal,
-    {
-      id: `${id}-logout-confirm`,
-      open: showLogoutConfirm,
-      onCancel: () => setShowLogoutConfirm(false),
-      onConfirm: handleConfirmLogout
-    }
-  ));
-};
-
-// src/sideBar/SideBar.jsx
-var SCOPE_LABELS = {
-  TMC: "TMC Manager",
-  TMC_ENTITY: "TMC Entity Manager"
-};
-var AppSideBar = ({
-  id = "side-bar",
-  username,
-  navItems,
-  additionalItems,
-  sideBarLogo,
-  onManageProfile,
-  onProfileSwitch,
-  onTmcSettings,
-  onLogout
-}) => {
-  var _a, _b;
-  const profileCardRef = (0, import_react14.useRef)(null);
-  const [authData, setAuthData] = (0, import_react14.useState)(null);
-  const [cookieUserName, setCookieUserName] = (0, import_react14.useState)(null);
-  const [scope, setScope] = (0, import_react14.useState)(null);
-  const [selectedCountry, setSelectedCountry] = (0, import_react14.useState)("dubai");
-  const [isMobileMenuOpen, setIsMobileMenuOpen] = (0, import_react14.useState)(false);
-  const [isSwitchProfileOpen, setIsSwitchProfileOpen] = (0, import_react14.useState)(false);
-  const [openMenus, setOpenMenus] = (0, import_react14.useState)(/* @__PURE__ */ new Set());
-  const [activeMenuPath, setActiveMenuPath] = (0, import_react14.useState)(null);
-  const [currAppearance, setCurrAppearance] = (0, import_react14.useState)("light");
-  (0, import_react14.useEffect)(() => {
-    setCurrAppearance("light");
-  }, []);
-  const countryOptions = [
-    { label: "India", value: "india" },
-    { label: "Dubai", value: "dubai" },
-    { label: "Singapore", value: "singapore" },
-    { label: "Qatar", value: "qatar" }
-  ];
-  const toggleMenu = (menuKey) => {
-    setOpenMenus((prev) => {
-      const newSet = new Set(prev);
-      if (newSet.has(menuKey)) {
-        newSet.delete(menuKey);
-      } else {
-        newSet.add(menuKey);
-      }
-      return newSet;
-    });
-  };
-  const isMenuOpen = (menuKey) => {
-    return openMenus.has(menuKey);
-  };
-  const handleMenuClick = (item, index, e) => {
-    if (item.isDropDown) {
-      e.preventDefault();
-      const menuKey = `menu-${index}`;
-      toggleMenu(menuKey);
-      setActiveMenuPath(`menu-${index}`);
-    } else {
-      setActiveMenuPath(`menu-${index}`);
-      if (item.onClick) {
-        item.onClick(e);
-      }
-      closeMobileMenu();
-    }
-  };
-  const handleSubMenuClick = (option, optionsIndex, parentIndex, e) => {
-    const parentMenuKey = `menu-${parentIndex}`;
-    setOpenMenus((prev) => {
-      const newSet = new Set(prev);
-      newSet.add(parentMenuKey);
-      return newSet;
-    });
-    if (option.isDropDown) {
-      e.preventDefault();
-      const menuKey = `menu-${parentIndex}-option-${optionsIndex}`;
-      toggleMenu(menuKey);
-      setActiveMenuPath(`menu-${parentIndex}-option-${optionsIndex}`);
-    } else {
-      setActiveMenuPath(`menu-${parentIndex}-option-${optionsIndex}`);
-      if (option.onClick) {
-        option.onClick();
-      }
-      closeMobileMenu();
-    }
-  };
-  const handleSubSubMenuClick = (subOption, parentIndex, optionsIndex, e) => {
-    const parentMenuKey = `menu-${parentIndex}`;
-    const subMenuKey = `menu-${parentIndex}-option-${optionsIndex}`;
-    setOpenMenus((prev) => {
-      const newSet = new Set(prev);
-      newSet.add(parentMenuKey);
-      newSet.add(subMenuKey);
-      return newSet;
-    });
-    setActiveMenuPath(`menu-${parentIndex}-option-${optionsIndex}-sub-${subOption.label}`);
-    if (subOption.onClick) {
-      subOption.onClick();
-    }
-    closeMobileMenu();
-  };
-  (0, import_react14.useEffect)(() => {
-    const storedAuthData = localStorage.getItem("authData");
-    if (storedAuthData) {
-      let parseData = JSON.parse(storedAuthData);
-      setAuthData(parseData);
-    }
-  }, [localStorage.getItem("authData")]);
-  (0, import_react14.useEffect)(() => {
-    const jettIdData = getJettIdCookieData();
-    if (jettIdData == null ? void 0 : jettIdData.UserName) {
-      setCookieUserName(jettIdData.UserName);
-    }
-    const cookieScope = getScopeFromJettIdCookie();
-    if (cookieScope) {
-      setScope(cookieScope);
-    }
-  }, []);
-  const extractUrlFromOnClick = (onClick) => {
-    if (!onClick || typeof onClick !== "function") return null;
-    const funcString = onClick.toString();
-    let match = funcString.match(/window\.location\.href\s*=\s*`([^`]+)`/);
-    if (!match) {
-      match = funcString.match(/window\.location\.href\s*=\s*["']([^"']+)["']/);
-    }
-    if (match && match[1]) {
-      try {
-        if (match[1].startsWith("http://") || match[1].startsWith("https://")) {
-          const url = new URL(match[1]);
-          return {
-            pathname: url.pathname,
-            search: url.search,
-            fullPath: url.pathname + url.search
-          };
-        }
-        if (match[1].startsWith("/")) {
-          const url = new URL(match[1], window.location.origin);
-          return {
-            pathname: url.pathname,
-            search: url.search,
-            fullPath: url.pathname + url.search
-          };
-        }
-        return null;
-      } catch {
-        const pathMatch = match[1].match(/^([^?]+)(\?.*)?$/);
-        if (pathMatch) {
-          return {
-            pathname: pathMatch[1],
-            search: pathMatch[2] || "",
-            fullPath: match[1]
-          };
-        }
-        return null;
-      }
-    }
-    return null;
-  };
-  const currentUrlMatches = (menuUrlData, currentPath, currentSearch) => {
-    if (!menuUrlData || !currentPath) return false;
-    const normalizedMenuPath = menuUrlData.pathname.replace(/\/$/, "") || "/";
-    const normalizedCurrentPath = currentPath.replace(/\/$/, "") || "/";
-    if (normalizedMenuPath === "/users/users" && normalizedCurrentPath === "/users/users") {
-      const menuParams = new URLSearchParams(menuUrlData.search);
-      const currentParams = new URLSearchParams(currentSearch);
-      const menuRole = menuParams.get("role");
-      const currentRole = currentParams.get("role");
-      if (menuRole && currentRole) {
-        return menuRole === currentRole;
-      }
-      if (menuRole && !currentRole || !menuRole && currentRole) {
-        return false;
-      }
-      return true;
-    }
-    if (normalizedMenuPath === "/corporate" && normalizedCurrentPath.startsWith("/org/organizations")) {
-      return true;
-    }
-    if (normalizedMenuPath === "/supplier" && normalizedCurrentPath === "/orgselector") {
-      const currentPathParam = new URLSearchParams(currentSearch).get("path");
-      if (currentPathParam === "supplier-list") {
-        return true;
-      }
-    }
-    if (normalizedMenuPath === "/supplierdeals" && normalizedCurrentPath === "/orgselector") {
-      const currentPathParam = new URLSearchParams(currentSearch).get("path");
-      if (currentPathParam === "supplier-deals") {
-        return true;
-      }
-    }
-    if (normalizedMenuPath === "/corporate/trips") {
-      if (normalizedCurrentPath.startsWith("/tripdetails") || normalizedCurrentPath.startsWith("/offline")) {
-        return true;
-      }
-    }
-    if (normalizedMenuPath === "/orgselector" && menuUrlData.search) {
-      const menuPathParam = new URLSearchParams(menuUrlData.search).get("path");
-      if (menuPathParam) {
-        const pathRouteMap = {
-          "offer": "/offer/offer",
-          "voucher": "/voucher/voucher",
-          "tag": "/tags/tags",
-          "special-requests": "/corporate/special-requests",
-          "pricing-policy": "/policies/pricing-policy",
-          "supplier-list": "/supplier",
-          "users": "/users/users"
-          // Consumer Ecosystem Users (no role param)
-        };
-        const expectedRoute = pathRouteMap[menuPathParam];
-        if (expectedRoute) {
-          if (normalizedCurrentPath === expectedRoute || normalizedCurrentPath.startsWith(expectedRoute + "/")) {
-            if (menuPathParam === "users") {
-              const currentParams = new URLSearchParams(currentSearch);
-              const currentRole = currentParams.get("role");
-              return currentRole !== "admin";
-            }
-            return true;
-          }
-        }
-      }
-      if (normalizedCurrentPath === "/orgselector") {
-        const menuPathParam2 = new URLSearchParams(menuUrlData.search).get("path");
-        const currentPathParam = new URLSearchParams(currentSearch).get("path");
-        if (menuPathParam2 && currentPathParam) {
-          return menuPathParam2 === currentPathParam;
-        }
-      }
-    }
-    if (normalizedMenuPath === normalizedCurrentPath) {
-      if (menuUrlData.search) {
-        const menuParams = new URLSearchParams(menuUrlData.search);
-        const currentParams = new URLSearchParams(currentSearch);
-        for (const [key, value] of menuParams.entries()) {
-          if (key === "auth") {
-            continue;
-          }
-          if (currentParams.get(key) !== value) {
-            return false;
-          }
-        }
-        return true;
-      }
-      return true;
-    }
-    if (normalizedCurrentPath.startsWith(normalizedMenuPath + "/")) {
-      return true;
-    }
-    return false;
-  };
-  const navItemsLocal = navItems ?? navItemsConstant;
-  const additionalItemsLocal = additionalItems ?? additionalItemsConstant;
-  const logoFromCookie = getLogoFromJettIdCookie();
-  const logoUrlFromCookie = logoFromCookie ? buildLogoUrl(logoFromCookie.CDNBasePath, logoFromCookie.logoPath) : null;
-  const logoUrlFromUserInfo = ((_a = authData == null ? void 0 : authData.userInfo) == null ? void 0 : _a.CDNBasePath) && ((_b = authData == null ? void 0 : authData.userInfo) == null ? void 0 : _b.OrgLogo) ? buildLogoUrl(
-    authData.userInfo.CDNBasePath,
-    authData.userInfo.OrgLogo
-  ) : null;
-  const sideBarLogoLocal = sideBarLogo ?? logoUrlFromCookie ?? logoUrlFromUserInfo ?? null;
-  const detectAndSetActiveMenu = (0, import_react14.useCallback)(() => {
-    const currentPath = window.location.pathname;
-    const currentSearch = window.location.search;
-    const newOpenMenus = /* @__PURE__ */ new Set();
-    let foundActivePath = null;
-    navItemsLocal.forEach((item, index) => {
-      if (!item.isDropDown && item.onClick && typeof item.onClick === "function") {
-        const itemUrlData = extractUrlFromOnClick(item.onClick);
-        if (itemUrlData && currentUrlMatches(itemUrlData, currentPath, currentSearch)) {
-          foundActivePath = `menu-${index}`;
-        }
-      }
-      if (item.options && item.options.length > 0) {
-        item.options.forEach((option, optionsIndex) => {
-          if (option.onClick && typeof option.onClick === "function") {
-            const optionUrlData = extractUrlFromOnClick(option.onClick);
-            if (optionUrlData && currentUrlMatches(optionUrlData, currentPath, currentSearch)) {
-              const menuKey = `menu-${index}`;
-              newOpenMenus.add(menuKey);
-              foundActivePath = `menu-${index}-option-${optionsIndex}`;
-              if (option.options && option.options.length > 0) {
-                option.options.forEach((subOption, subIndex) => {
-                  const subOptionUrlData = extractUrlFromOnClick(subOption.onClick);
-                  if (subOptionUrlData && currentUrlMatches(subOptionUrlData, currentPath, currentSearch)) {
-                    const subMenuKey = `menu-${index}-option-${optionsIndex}`;
-                    newOpenMenus.add(subMenuKey);
-                    foundActivePath = `menu-${index}-option-${optionsIndex}-sub-${subOption.label}`;
-                  }
-                });
-              }
-            }
-          }
-        });
-      }
-    });
-    if (foundActivePath) {
-      setOpenMenus(newOpenMenus);
-      setActiveMenuPath(foundActivePath);
-    }
-  }, [navItemsLocal]);
-  const [currentUrl, setCurrentUrl] = (0, import_react14.useState)(
-    () => window.location.pathname + window.location.search
-  );
-  (0, import_react14.useEffect)(() => {
-    detectAndSetActiveMenu();
-    setCurrentUrl(window.location.pathname + window.location.search);
-  }, [detectAndSetActiveMenu]);
-  (0, import_react14.useEffect)(() => {
-    let lastUrl = window.location.pathname + window.location.search;
-    const handleLocationChange = () => {
-      const newUrl = window.location.pathname + window.location.search;
-      if (newUrl !== lastUrl) {
-        lastUrl = newUrl;
-        setCurrentUrl(newUrl);
-        detectAndSetActiveMenu();
-      }
-    };
-    window.addEventListener("popstate", handleLocationChange);
-    const checkInterval = setInterval(() => {
-      const newUrl = window.location.pathname + window.location.search;
-      if (newUrl !== lastUrl) {
-        handleLocationChange();
-      }
-    }, 250);
-    return () => {
-      window.removeEventListener("popstate", handleLocationChange);
-      clearInterval(checkInterval);
-    };
-  }, [detectAndSetActiveMenu]);
-  (0, import_react14.useEffect)(() => {
-    detectAndSetActiveMenu();
-  }, [currentUrl, detectAndSetActiveMenu]);
-  const toggleMobileMenu = () => {
-    setIsMobileMenuOpen(!isMobileMenuOpen);
-  };
-  const closeMobileMenu = () => {
-    setIsMobileMenuOpen(false);
-  };
-  return /* @__PURE__ */ import_react14.default.createElement(import_react14.default.Fragment, null, /* @__PURE__ */ import_react14.default.createElement("div", { className: "fixed top-0 left-0 w-full z-50 flex items-center justify-between px-4 py-3 bg-white dark:bg-[#18181b] border-b border-gray-200 dark:border-[#303036] shadow-lg md:hidden", id: `${id}-div-1` }, /* @__PURE__ */ import_react14.default.createElement(
-    "button",
-    {
-      onClick: toggleMobileMenu,
-      className: "p-2 rounded-lg hover:bg-gray-50 dark:hover:bg-[#27272a] transition-colors",
-      "aria-label": "Toggle menu",
-      id: `${id}-button-1`
-    },
-    isMobileMenuOpen ? /* @__PURE__ */ import_react14.default.createElement(import_lucide_react8.X, { className: "w-6 h-6 text-gray-700 dark:text-[#f4f4f5cc]" }) : /* @__PURE__ */ import_react14.default.createElement(import_lucide_react8.Menu, { className: "w-6 h-6 text-gray-700 dark:text-[#f4f4f5cc]" })
-  ), /* @__PURE__ */ import_react14.default.createElement("div", { className: "flex-1 flex justify-center", id: `${id}-div-2` }, sideBarLogoLocal && /* @__PURE__ */ import_react14.default.createElement(
-    "img",
-    {
-      src: sideBarLogoLocal,
-      alt: "sidebarLogo",
-      width: 208,
-      height: 40,
-      className: "object-contain",
-      id: `${id}-img-1`
-    }
-  )), /* @__PURE__ */ import_react14.default.createElement("div", { className: "w-10", id: `${id}-div-3` })), isMobileMenuOpen && /* @__PURE__ */ import_react14.default.createElement(
-    "div",
-    {
-      className: "fixed inset-0 bg-black/80 bg-opacity-50 z-40 md:hidden",
-      onClick: closeMobileMenu,
-      id: `${id}-div-4`
-    }
-  ), /* @__PURE__ */ import_react14.default.createElement(
-    "div",
-    {
-      className: `fixed top-0 left-0 md:relative w-[320px] transition-all ease-in-out delay-100 bg-white dark:bg-[#18181b] border-r border-gray-200 dark:border-[#303036] flex flex-col p-4 pt-20 md:pt-4 h-full max-h-[100vh] xs:max-md:z-40 md:max-lg:w-[280px] ${isMobileMenuOpen ? "translate-x-0" : "-translate-x-full md:translate-x-0"}`,
-      id: `${id}-div-5`
-    },
-    /* @__PURE__ */ import_react14.default.createElement("div", { className: "p-2 mb-2 hidden md:block", id: `${id}-div-6` }, /* @__PURE__ */ import_react14.default.createElement("div", { className: "flex items-center justify-center w-full h-[60px] mb-2", id: `${id}-div-7` }, sideBarLogoLocal && /* @__PURE__ */ import_react14.default.createElement(
-      "img",
-      {
-        src: sideBarLogoLocal,
-        alt: "sidebarLogo",
-        width: 108,
-        height: 40,
-        className: "object-contain",
-        id: `${id}-img-2`
-      }
-    ))),
-    /* @__PURE__ */ import_react14.default.createElement("div", { className: "mb-4", id: `${id}-div-8` }),
-    /* @__PURE__ */ import_react14.default.createElement("div", { className: "overflow-y-auto scrollbar-hide", id: `${id}-div-9` }, /* @__PURE__ */ import_react14.default.createElement("div", { id: `${id}-div-10` }, navItemsLocal == null ? void 0 : navItemsLocal.map((item, index) => {
-      const menuKey = `menu-${index}`;
-      const isOpen = isMenuOpen(menuKey);
-      const isActive = activeMenuPath === menuKey;
-      return /* @__PURE__ */ import_react14.default.createElement("div", { key: index, className: "", id: `${id}-div-11` }, /* @__PURE__ */ import_react14.default.createElement(
-        "div",
-        {
-          className: `flex items-center gap-3 p-2.5 hover:bg-[#f4f4f5] dark:hover:bg-[#27272a] text-gray-700 dark:text-[#f4f4f5cc] cursor-pointer rounded-lg ml-2 mr-2 transition-colors duration-200 ${isActive ? "bg-[#f4f4f5] dark:bg-[#27272a]" : ""}`,
-          onClick: (e) => handleMenuClick(item, index, e),
-          id: `${id}-div-12`
-        },
-        /* @__PURE__ */ import_react14.default.createElement("div", { className: "text-primary", id: `${id}-div-13` }, /* @__PURE__ */ import_react14.default.createElement(item.Icon, { width: 20, height: 20, id: `${id}-icon-1` })),
-        /* @__PURE__ */ import_react14.default.createElement("span", { className: "!font-medium !text-[16px] !text-[#000] dark:text-[#f4f4f5cc]", id: `${id}-span-1` }, item.label),
-        item.isDropDown && /* @__PURE__ */ import_react14.default.createElement("div", { className: `ml-auto transition-all delay-75 ${isOpen ? "rotate-180" : ""}`, id: `${id}-div-14` }, /* @__PURE__ */ import_react14.default.createElement(import_lucide_react8.ChevronDown, { width: 20, height: 20, className: "text-gray-500 dark:text-gray-400" }))
-      ), item.options && item.options.length > 0 && /* @__PURE__ */ import_react14.default.createElement(
-        "div",
-        {
-          className: `ml-[20px] overflow-hidden flex flex-col transition-all duration-200 ${isOpen ? "max-h-[1000px] min-h-[50px]" : "max-h-0"}`,
-          id: `${id}-div-15`
-        },
-        item.options.map((options, optionsIndex) => {
-          const subMenuKey = `menu-${index}-option-${optionsIndex}`;
-          const isSubMenuOpen = isMenuOpen(subMenuKey);
-          const isSubActive = activeMenuPath === subMenuKey || (activeMenuPath == null ? void 0 : activeMenuPath.startsWith(`${subMenuKey}-`));
-          const isDisabled = options.isDisabled;
-          return /* @__PURE__ */ import_react14.default.createElement("div", { key: optionsIndex, className: "", id: `${id}-div-16-${optionsIndex}` }, /* @__PURE__ */ import_react14.default.createElement(
-            "div",
-            {
-              className: `group flex items-center gap-3 py-2 px-3 ml-4 mr-2 rounded-md transition-colors duration-200 ${isDisabled ? "cursor-not-allowed opacity-70 text-gray-400 dark:text-gray-500" : `hover:bg-[#f4f4f5] dark:hover:bg-[#27272a] text-gray-600 dark:text-[#a1a1aa] cursor-pointer ${isSubActive ? "bg-[#f4f4f5] dark:bg-[#27272a]" : ""}`}`,
-              onClick: (e) => {
-                if (isDisabled) {
-                  e.preventDefault();
-                  return;
-                }
-                handleSubMenuClick(options, optionsIndex, index, e);
-              },
-              id: `${id}-div-17-${optionsIndex}`
-            },
-            /* @__PURE__ */ import_react14.default.createElement("div", { id: `${id}-div-18-${optionsIndex}` }),
-            /* @__PURE__ */ import_react14.default.createElement("span", { className: `!font-medium !text-[15px] ${isDisabled ? "!text-[#3f3f46cc] dark:!text-[#a1a1aa]" : "!text-[#3f3f46cc] dark:!text-[#a1a1aa]"}`, id: `${id}-span-2-${optionsIndex}` }, options.label),
-            options.isDropDown && /* @__PURE__ */ import_react14.default.createElement(
-              "div",
-              {
-                className: `ml-auto transition-all delay-75 ${isSubMenuOpen ? "rotate-180" : ""}`,
-                id: `${id}-div-19-${optionsIndex}`
-              },
-              /* @__PURE__ */ import_react14.default.createElement(import_lucide_react8.ChevronDown, { width: 18, height: 18, className: "text-gray-400 dark:text-gray-500" })
-            )
-          ), options.options && options.options.length > 0 && /* @__PURE__ */ import_react14.default.createElement(
-            "div",
-            {
-              className: `ml-[20px] overflow-hidden flex flex-col transition-all duration-200 ${isSubMenuOpen ? "max-h-[1000px] min-h-[50px]" : "max-h-0"}`,
-              id: `${id}-div-20-${optionsIndex}`
-            },
-            options.options.map((subOption, subIndex) => {
-              const isSubSubActive = activeMenuPath === `menu-${index}-option-${optionsIndex}-sub-${subOption.label}`;
-              return /* @__PURE__ */ import_react14.default.createElement(
-                "div",
-                {
-                  key: subIndex,
-                  className: `py-1.5 px-3 rounded-md hover:bg-[#f4f4f5] dark:hover:bg-[#27272a] text-gray-500 dark:text-[#71717a] font-medium text-base cursor-pointer ml-8 mr-2 transition-colors duration-200 ${isSubSubActive ? "bg-[#f4f4f5] dark:bg-[#27272a]" : ""}`,
-                  onClick: (e) => handleSubSubMenuClick(subOption, index, optionsIndex, e),
-                  id: `${id}-div-21-${subIndex}`
-                },
-                subOption.label
-              );
-            })
-          ));
-        })
-      ));
-    }))),
-    /* @__PURE__ */ import_react14.default.createElement("div", { ref: profileCardRef, className: "relative mt-auto bg-[#fafafa] dark:bg-[#18181b] sticky bottom-0 mt-2", id: `${id}-div-22` }, /* @__PURE__ */ import_react14.default.createElement(
-      "div",
-      {
-        className: "group flex items-center justify-between p-2 rounded-lg hover:bg-[#f4f4f5] dark:hover:bg-[#27272a] cursor-pointer transition-colors duration-200",
-        onClick: () => setIsSwitchProfileOpen((prev) => !prev),
-        id: `${id}-div-23`
-      },
-      /* @__PURE__ */ import_react14.default.createElement("div", { className: "flex items-center gap-3", id: `${id}-div-24` }, /* @__PURE__ */ import_react14.default.createElement("span", { className: "relative flex shrink-0 overflow-hidden dark:bg-[#27272a] rounded-full h-10 w-10", id: `${id}-span-3` }, /* @__PURE__ */ import_react14.default.createElement("span", { className: "flex h-full w-full items-center justify-center !text-[16px] !font-normal border border-gray-200 dark:border-[#303036] rounded-full bg-muted dark:text-white", id: `${id}-span-4` }, cookieUserName ? cookieUserName.split("")[0] : "A")), /* @__PURE__ */ import_react14.default.createElement("div", { id: `${id}-div-25` }, /* @__PURE__ */ import_react14.default.createElement("p", { className: "!font-semibold dark:text-white !text-[16px]", id: `${id}-p-1` }, cookieUserName ? cookieUserName : "Admin"), /* @__PURE__ */ import_react14.default.createElement("p", { className: "!text-[14px] !font-normal dark:text-[#f4f4f5cc]", id: `${id}-p-2` }, SCOPE_LABELS[scope] ?? scope))),
-      /* @__PURE__ */ import_react14.default.createElement(
-        "span",
-        {
-          className: "text-gray-600 dark:text-gray-400",
-          id: `${id}-span-switch`
-        },
-        /* @__PURE__ */ import_react14.default.createElement(import_lucide_react8.ChevronRight, { width: 20, height: 22 })
-      )
-    ), /* @__PURE__ */ import_react14.default.createElement(
-      SwitchProfileSection,
-      {
-        id: `${id}-switch-profile`,
-        open: isSwitchProfileOpen,
-        anchorRef: profileCardRef,
-        onClose: () => setIsSwitchProfileOpen(false),
-        onManageProfile: () => {
-          setIsSwitchProfileOpen(false);
-          window.location.href = "/profile";
-        },
-        onProfileSwitch: (profile) => {
-          setIsSwitchProfileOpen(false);
-          onProfileSwitch == null ? void 0 : onProfileSwitch(profile);
-        },
-        onTmcSettings: () => {
-          setIsSwitchProfileOpen(false);
-          onTmcSettings == null ? void 0 : onTmcSettings();
-        },
-        onLogout: () => {
-          setIsSwitchProfileOpen(false);
-          if (onLogout) {
-            onLogout();
-          } else {
-            window.location.href = `${window.location.origin}/login/logout`;
-          }
-        }
-      }
-    ))
-  ));
-};
-
-// src/RightSheet/RightSheet.jsx
-var import_react15 = __toESM(require("react"));
-var RightSheet = ({
-  id = "right-sheet",
-  open,
-  setOpen,
-  children,
-  callBack,
-  actionLabel = "Save",
-  onAction = () => {
-  }
-}) => {
-  const [visible, setVisible] = (0, import_react15.useState)(open);
-  (0, import_react15.useEffect)(() => {
-    if (open) {
-      document.body.style.overflow = "hidden";
-      setVisible(true);
-    }
-    return () => {
-      document.body.style.overflow = "auto";
-    };
-  }, [open]);
-  const handleClose = () => {
-    setVisible(false);
-    setTimeout(() => {
-      setOpen(false);
-      callBack();
-    }, 200);
-  };
-  const handleAction = () => {
-    onAction();
-    handleClose();
-  };
-  if (!visible) return null;
-  return /* @__PURE__ */ import_react15.default.createElement(
-    "div",
-    {
-      className: "fixed inset-0 overflow-x-hidden bg-black/80 sheetPopIn h-full overflow-auto ",
-      onClick: handleClose,
-      id: `${id}-div-1`
-    },
-    /* @__PURE__ */ import_react15.default.createElement(
-      "div",
-      {
-        className: `absolute flex flex-col right-0 top-0 min-h-full min-w-[100%] md:min-w-[576px]
-                ${visible ? "sheetRightSlide" : "transition-all duration-200 translate-x-[100%]"} justify-between bg-[#fff] dark:bg-[#18181b] dark:text-white`,
-        onClick: (e) => e.stopPropagation(),
-        id: `${id}-div-2`
-      },
-      /* @__PURE__ */ import_react15.default.createElement("div", { className: " min-h-full ", id: `${id}-div-3` }, children),
-      /* @__PURE__ */ import_react15.default.createElement("div", { className: "h-[90px] flex flex-col-reverse sm:flex-row sm:justify-end sm:space-x-2 p-6 border-t sticky bottom-0 bg-white border-[#e6e6e6] dark:border-[#303036] dark:bg-[#18181b] dark:text-white", id: `${id}-div-4` }, /* @__PURE__ */ import_react15.default.createElement(CustomButton, { variant: "SECONDARY", onClick: () => handleClose(), id: `${id}-custom-button-1` }, "Cancel"), /* @__PURE__ */ import_react15.default.createElement(CustomButton, { variant: "SECONDARY", onClick: handleAction, id: `${id}-custom-button-2` }, actionLabel))
-    )
-  );
-};
-
-// src/Table/CustomTable.jsx
-var import_react16 = __toESM(require("react"));
-var CustomTable = ({
-  id = "custom-table",
-  tableHeader,
-  setIsAllChecked,
-  isAllChecked,
-  children,
-  isHideCheckbox = "false"
-}) => {
-  return /* @__PURE__ */ import_react16.default.createElement("div", { className: "border border-[#e5e5e5] dark:border-[#303036] rounded-lg overflow-x-auto", id: `${id}-div-1` }, /* @__PURE__ */ import_react16.default.createElement("div", { className: "w-full relative overflow-x-auto", id: `${id}-div-2` }, /* @__PURE__ */ import_react16.default.createElement("table", { className: "w-full caption-bottom text-sm overflow-x-auto bg-white dark:bg-[#18181b] table-fixed border-collapse", id: `${id}-table-1` }, /* @__PURE__ */ import_react16.default.createElement("thead", { className: "border-b border-[#e5e5e5] dark:border-[#303036] dark:bg-[#18181b]", id: `${id}-thead-1` }, /* @__PURE__ */ import_react16.default.createElement(
-    "tr",
-    {
-      className: "transition-colors text-[#737373] hover:bg-muted/50 \r\n                                data-[state=selected]:bg-muted",
-      id: `${id}-tr-1`
-    },
-    !isHideCheckbox && /* @__PURE__ */ import_react16.default.createElement("th", { className: "px-4 py-3 text-left w-[50px]", id: `${id}-th-1` }, /* @__PURE__ */ import_react16.default.createElement(
-      CustomCheckbox,
-      {
-        checked: isAllChecked,
-        onChange: () => {
-          setIsAllChecked(!isAllChecked);
-        },
-        id: `${id}-custom-checkbox-1`
-      }
-    )),
-    tableHeader.map((header, index) => {
-      return /* @__PURE__ */ import_react16.default.createElement(
-        "th",
-        {
-          className: `text-[#737373] px-4 py-3 text-sm dark:bg-[#18181b] font-medium ${index == tableHeader.length - 1 ? "text-right" : "text-left"}`,
-          key: header + index,
-          id: `${id}-th-2-${index}`
-        },
-        header
-      );
-    })
-  )), /* @__PURE__ */ import_react16.default.createElement("tbody", { id: `${id}-tbody-1` }, children))));
-};
-
-// src/inputs/Dropdown.jsx
-var import_react17 = __toESM(require("react"));
-var import_react_select = __toESM(require("react-select"));
-var isDarkMode = () => typeof document !== "undefined" && document.documentElement.classList.contains("dark");
-function buildStyles(isDark, error) {
-  return {
-    control: (base, state) => ({
-      ...base,
-      minHeight: "40px !important",
-      fontSize: 14,
-      borderRadius: "6px",
-      boxShadow: "none",
-      backgroundColor: state.isDisabled ? "#f3f4f6" : error ? "#fef2f2" : isDark ? "#18181b" : "#ffffff",
-      borderColor: state.isDisabled ? "#d1d5db" : error ? "#ef4444" : isDark ? "#303036" : "#e5e5e5",
-      outline: state.isFocused ? "2px solid #000" : "none",
-      outlineOffset: "2px",
-      "&:hover": {
-        borderColor: error ? "#ef4444" : "none"
-      }
-    }),
-    menu: (base) => ({
-      ...base,
-      backgroundColor: isDark ? "#18181b" : "#ffffff",
-      zIndex: 9999
-    }),
-    menuPortal: (base) => ({ ...base, zIndex: 9999 }),
-    option: (base, state) => ({
-      ...base,
-      fontSize: 14,
-      cursor: "pointer",
-      backgroundColor: state.isSelected ? "#0087FA" : state.isFocused ? isDark ? "#303036" : "#EBF5FF" : "transparent",
-      color: state.isSelected ? "#ffffff" : isDark ? "#f3f4f6" : "#111827",
-      "&:active": { backgroundColor: "#0087FA", color: "#ffffff" }
-    }),
-    singleValue: (base, state) => ({
-      ...base,
-      fontSize: 14,
-      fontWeight: 400,
-      color: state.isDisabled ? "#6b7280" : isDark ? "#f3f4f6" : "#111827"
-    }),
-    multiValue: (base) => ({
-      ...base,
-      backgroundColor: isDark ? "#303036" : "#EBF5FF"
-    }),
-    multiValueLabel: (base) => ({
-      ...base,
-      fontSize: 12,
-      color: isDark ? "#f3f4f6" : "#0087FA"
-    }),
-    multiValueRemove: (base) => ({
-      ...base,
-      color: isDark ? "#9ca3af" : "#0087FA",
-      "&:hover": { backgroundColor: "#0087FA", color: "#ffffff" }
-    }),
-    placeholder: (base) => ({
-      ...base,
-      fontSize: 14,
-      fontWeight: 400,
-      color: "#6b7280"
-    }),
-    input: (base) => ({
-      ...base,
-      fontSize: 14,
-      fontWeight: 400,
-      color: isDark ? "#f3f4f6" : "#111827"
-    }),
-    indicatorSeparator: () => ({ display: "none" }),
-    dropdownIndicator: (base) => ({
-      ...base,
-      padding: "0 6px",
-      color: isDark ? "#9ca3af" : "#6b7280"
-    }),
-    clearIndicator: (base) => ({
-      ...base,
-      padding: "0 4px",
-      color: isDark ? "#9ca3af" : "#6b7280",
-      cursor: "pointer",
-      "&:hover": { color: "#0087FA" }
-    }),
-    valueContainer: (base) => ({ ...base, padding: "2px 16px" })
-  };
-}
-var Dropdown = import_react17.default.forwardRef(
-  ({
-    id = "dropdown",
-    options,
-    placeholder = "Select...",
-    isDisabled = false,
-    isClearable = true,
-    isLoading = false,
-    error = false,
-    label,
-    heading,
-    isRequired = false,
-    name,
-    menuPortalTarget,
-    menuPosition = "absolute",
-    className,
-    style,
-    isMulti = false,
-    value,
-    onChange
-  }, ref) => {
-    const reactId = (0, import_react17.useId)();
-    const isDark = isDarkMode();
-    const styles = (0, import_react17.useMemo)(() => buildStyles(isDark, !!error), [isDark, error]);
-    const selectedValue = isMulti ? options.filter((o) => (value ?? []).includes(o.value)) : options.find((o) => o.value === value) ?? null;
-    const handleChange = (selected) => {
-      if (isMulti) {
-        onChange((selected ?? []).map((o) => o.value));
-      } else {
-        onChange((selected == null ? void 0 : selected.value) ?? null);
-      }
-    };
-    return /* @__PURE__ */ import_react17.default.createElement("div", { className: `flex flex-col gap-1 w-full ${className ?? ""}`, style, id: `${id}-div-1` }, heading && /* @__PURE__ */ import_react17.default.createElement("h3", { className: "text-lg font-semibold", id: `${id}-h3-1` }, heading), label && /* @__PURE__ */ import_react17.default.createElement(
-      "label",
-      {
-        htmlFor: reactId,
-        className: `font-[500] text-sm ${heading ? "text-[#737373]" : "text-black"} dark:text-white`,
-        id: `${id}-label-1`
-      },
-      label,
-      isRequired && /* @__PURE__ */ import_react17.default.createElement("span", { className: "text-red-500 ml-0.5", id: `${id}-span-1` }, "*")
-    ), /* @__PURE__ */ import_react17.default.createElement(
-      import_react_select.default,
-      {
-        ref,
-        inputId: reactId,
-        name,
-        options,
-        value: selectedValue,
-        onChange: handleChange,
-        placeholder,
-        isDisabled,
-        isClearable,
-        isLoading,
-        isMulti,
-        styles,
-        menuPortalTarget,
-        menuPosition,
-        classNamePrefix: "jett-dropdown"
-      }
-    ));
-  }
-);
-Dropdown.displayName = "Dropdown";
-
-// src/Calendar/Calendar.tsx
-var import_react18 = __toESM(require("react"));
-var import_dates = require("@mantine/dates");
-var Calendar = (props) => {
-  var _a, _b, _c, _d, _e, _f, _g, _h, _i;
-  const {
-    minDate,
-    maxDate,
-    excludeDate,
-    firstDayOfWeek = 1,
-    locale,
-    size,
-    className,
-    error
-  } = props;
-  const isRange = props.mode === "range";
-  const isDateTime = props.mode === "datetime";
-  const datesProviderSettings = {
-    firstDayOfWeek,
-    consistentWeeks: true
-  };
-  if (locale) {
-    datesProviderSettings.locale = locale;
-  }
-  const anchorDate = isRange ? ((_a = props.value) == null ? void 0 : _a[0]) ?? ((_b = props.value) == null ? void 0 : _b[1]) ?? ((_c = props.defaultValue) == null ? void 0 : _c[0]) ?? ((_d = props.defaultValue) == null ? void 0 : _d[1]) ?? void 0 : !isDateTime ? props.value ?? props.defaultValue ?? void 0 : void 0;
-  const [displayDate, setDisplayDate] = (0, import_react18.useState)(anchorDate ?? void 0);
-  const anchorTime = isRange ? ((_f = (_e = props.value) == null ? void 0 : _e[0]) == null ? void 0 : _f.getTime()) ?? ((_h = (_g = props.value) == null ? void 0 : _g[1]) == null ? void 0 : _h.getTime()) : !isDateTime ? (_i = props.value) == null ? void 0 : _i.getTime() : void 0;
-  (0, import_react18.useEffect)(() => {
-    if (anchorTime !== void 0) {
-      setDisplayDate(new Date(anchorTime));
-    }
-  }, [anchorTime]);
-  const weekendColorStyle = {
-    "--mantine-color-red-6": "var(--mantine-color-text)"
-  };
-  if (isRange) {
-    const datePickerProps2 = {
-      type: "range",
-      value: props.value,
-      defaultValue: props.defaultValue,
-      onChange: props.onChange,
-      minDate,
-      maxDate,
-      excludeDate,
-      size,
-      className,
-      date: displayDate,
-      onDateChange: setDisplayDate,
-      style: weekendColorStyle
-    };
-    return /* @__PURE__ */ import_react18.default.createElement(import_dates.DatesProvider, { settings: datesProviderSettings }, /* @__PURE__ */ import_react18.default.createElement(import_dates.DatePicker, { ...datePickerProps2 }));
-  }
-  if (isDateTime) {
-    const dateTimePickerProps = {
-      value: props.value,
-      defaultValue: props.defaultValue,
-      onChange: props.onChange,
-      minDate,
-      maxDate,
-      excludeDate,
-      size,
-      className,
-      error,
-      style: weekendColorStyle
-    };
-    return /* @__PURE__ */ import_react18.default.createElement(import_dates.DatesProvider, { settings: datesProviderSettings }, /* @__PURE__ */ import_react18.default.createElement(import_dates.DateTimePicker, { ...dateTimePickerProps }));
-  }
-  const datePickerProps = {
-    value: props.value,
-    defaultValue: props.defaultValue,
-    onChange: props.onChange,
-    minDate,
-    maxDate,
-    excludeDate,
-    size,
-    className,
-    date: displayDate,
-    onDateChange: setDisplayDate,
-    style: weekendColorStyle
-  };
-  return /* @__PURE__ */ import_react18.default.createElement(import_dates.DatesProvider, { settings: datesProviderSettings }, /* @__PURE__ */ import_react18.default.createElement(import_dates.DatePicker, { ...datePickerProps }));
-};
-
-// src/Pagination/Pagination.jsx
-var import_react19 = __toESM(require("react"));
-var import_lucide_react9 = require("lucide-react");
-var Pagination = ({
-  id = "pagination",
-  data = [],
-  component: Component,
-  itemsPerPage = 6,
-  itemsPerPageOptions = [5, 10, 20, 50, 100],
-  // Controlled props (optional)
-  currentPage: controlledCurrentPage,
-  onPageChange: controlledOnPageChange,
-  onItemsPerPageChange: controlledOnItemsPerPageChange,
-  // Legacy props for backward compatibility
-  totalPages,
-  totalItems: legacyTotalItems,
-  onPageChange: legacyOnPageChange,
-  onItemsPerPageChange: legacyOnItemsPerPageChange,
-  tableHeader,
-  isHideCheckbox,
-  callback,
-  isTable = false,
-  // Component props - any additional props to pass to the component
-  componentProps = {},
-  ...restProps
-}) => {
-  const [internalCurrentPage, setInternalCurrentPage] = (0, import_react19.useState)(1);
-  const [internalItemsPerPage, setInternalItemsPerPage] = (0, import_react19.useState)(itemsPerPage);
-  const isControlled = controlledCurrentPage !== void 0;
-  const isItemsPerPageControlled = controlledOnItemsPerPageChange !== void 0;
-  const currentPage = isControlled ? controlledCurrentPage : internalCurrentPage;
-  const activeItemsPerPage = isItemsPerPageControlled ? itemsPerPage : internalItemsPerPage;
-  const totalItems = legacyTotalItems !== void 0 ? legacyTotalItems : data.length;
-  const calculatedTotalPages = (0, import_react19.useMemo)(() => {
-    if (totalItems > 0 && activeItemsPerPage > 0) {
-      return Math.ceil(totalItems / activeItemsPerPage);
-    }
-    return 1;
-  }, [totalItems, activeItemsPerPage]);
-  const paginatedData = (0, import_react19.useMemo)(() => {
-    if (!data || data.length === 0) return [];
-    const startIndex = (currentPage - 1) * activeItemsPerPage;
-    const endIndex = startIndex + activeItemsPerPage;
-    return data.slice(startIndex, endIndex);
-  }, [data, currentPage, activeItemsPerPage]);
-  (0, import_react19.useEffect)(() => {
-    if (!isControlled && currentPage > calculatedTotalPages && calculatedTotalPages > 0) {
-      setInternalCurrentPage(1);
-    }
-  }, [calculatedTotalPages, isControlled, currentPage]);
-  const getPageNumbers = () => {
-    const pages = [];
-    const maxVisible = 5;
-    let startPage = Math.max(1, currentPage - Math.floor(maxVisible / 2));
-    let endPage = Math.min(calculatedTotalPages, startPage + maxVisible - 1);
-    if (endPage - startPage < maxVisible - 1) {
-      startPage = Math.max(1, endPage - maxVisible + 1);
-    }
-    for (let i = startPage; i <= endPage; i++) {
-      pages.push(i);
-    }
-    return pages;
-  };
-  const handlePageChange = (page) => {
-    if (page >= 1 && page <= calculatedTotalPages) {
-      if (isControlled && controlledOnPageChange) {
-        controlledOnPageChange(page);
-      } else if (legacyOnPageChange) {
-        legacyOnPageChange(page);
-      } else {
-        setInternalCurrentPage(page);
-      }
-    }
-  };
-  const startItem = totalItems !== void 0 ? (currentPage - 1) * activeItemsPerPage + 1 : null;
-  const endItem = totalItems !== void 0 ? Math.min(currentPage * activeItemsPerPage, totalItems) : null;
-  const renderContent = () => {
-    if (Component) {
-      if (import_react19.default.isValidElement(Component)) {
-        const ComponentType = Component.type;
-        const elementProps = Component.props;
-        if (isTable) {
-          return /* @__PURE__ */ import_react19.default.createElement(
-            CustomTable,
-            {
-              tableHeader,
-              isHideCheckbox,
-              id: `${id}-custom-table-1`
-            },
-            data.map((item, index) => {
-              return /* @__PURE__ */ import_react19.default.createElement(
-                ComponentType,
-                {
-                  key: item.id || item._id || index,
-                  data: item,
-                  ...elementProps,
-                  ...componentProps,
-                  ...restProps,
-                  id: `${id}-component-type-1-${index}`
-                }
-              );
-            })
-          );
-        } else {
-          if (isTable) {
-            return /* @__PURE__ */ import_react19.default.createElement(
-              CustomTable,
-              {
-                tableHeader,
-                isHideCheckbox,
-                id: `${id}-custom-table-2`
-              },
-              paginatedData.map((item, index) => {
-                return /* @__PURE__ */ import_react19.default.createElement(
-                  ComponentType,
-                  {
-                    key: item.id || item._id || index,
-                    data: item,
-                    ...elementProps,
-                    ...componentProps,
-                    ...restProps,
-                    id: `${id}-component-type-2-${index}`
-                  }
-                );
-              })
-            );
-          }
-        }
-      } else {
-        return /* @__PURE__ */ import_react19.default.createElement(
-          CustomTable,
-          {
-            tableHeader,
-            isHideCheckbox,
-            id: `${id}-custom-table-3`
-          },
-          paginatedData.map((item, index) => {
-            return /* @__PURE__ */ import_react19.default.createElement(
-              Component,
-              {
-                key: item.id || item._id || index,
-                data: item,
-                ...componentProps,
-                ...restProps,
-                id: `${id}-component-1-${index}`
-              }
-            );
-          })
-        );
-      }
-    }
-    return null;
-  };
-  return /* @__PURE__ */ import_react19.default.createElement(import_react19.default.Fragment, null, /* @__PURE__ */ import_react19.default.createElement(import_react19.default.Fragment, null, renderContent()), /* @__PURE__ */ import_react19.default.createElement("div", { className: "flex flex-col sm:flex-row justify-between items-center gap-4 px-4 py-3 border-t border-[#e5e5e5] dark:border-[#303036] bg-white dark:bg-[#18181b] z-10", id: `${id}-div-1` }, totalItems !== void 0 && /* @__PURE__ */ import_react19.default.createElement("div", { className: "text-sm text-[#737373] dark:text-white", id: `${id}-div-2` }, "Showing ", startItem, " to ", endItem, " of ", totalItems, " entries"), /* @__PURE__ */ import_react19.default.createElement("div", { className: "flex items-center gap-2", id: `${id}-div-3` }, /* @__PURE__ */ import_react19.default.createElement(
-    "button",
-    {
-      onClick: () => handlePageChange(1),
-      disabled: currentPage === 1,
-      className: `flex items-center justify-center w-9 h-9 rounded-md border border-[#e5e5e5] dark:border-[#303036] text-sm transition-colors ${currentPage === 1 ? "bg-gray-100 text-gray-400 cursor-not-allowed dark:bg-[#27272a] dark:text-gray-600" : "bg-white text-black hover:bg-gray-50 cursor-pointer dark:bg-[#18181b] dark:text-white dark:hover:bg-[#27272a]"}`,
-      title: "First page",
-      id: `${id}-button-1`
-    },
-    /* @__PURE__ */ import_react19.default.createElement(import_lucide_react9.ChevronsLeft, { size: 16 })
-  ), /* @__PURE__ */ import_react19.default.createElement(
-    "button",
-    {
-      onClick: () => handlePageChange(currentPage - 1),
-      disabled: currentPage === 1,
-      className: `flex items-center justify-center w-9 h-9 rounded-md border border-[#e5e5e5] dark:border-[#303036] text-sm transition-colors ${currentPage === 1 ? "bg-gray-100 text-gray-400 cursor-not-allowed dark:bg-[#27272a] dark:text-gray-600" : "bg-white text-black hover:bg-gray-50 cursor-pointer dark:bg-[#18181b] dark:text-white dark:hover:bg-[#27272a]"}`,
-      title: "Previous page",
-      id: `${id}-button-2`
-    },
-    /* @__PURE__ */ import_react19.default.createElement(import_lucide_react9.ChevronLeft, { size: 16 })
-  ), getPageNumbers().map((pageNum) => /* @__PURE__ */ import_react19.default.createElement(
-    "button",
-    {
-      key: pageNum,
-      onClick: () => handlePageChange(pageNum),
-      className: `flex items-center justify-center min-w-9 h-9 px-3 cursor-pointer rounded-md border border-[#e5e5e5] dark:border-[#303036] text-sm transition-colors ${currentPage === pageNum ? "bg-primary text-white border-primary dark:bg-primary" : "bg-white text-black hover:bg-gray-50 dark:bg-[#18181b] dark:text-white dark:hover:bg-[#27272a]"}`,
-      id: `${id}-button-3`
-    },
-    pageNum
-  )), /* @__PURE__ */ import_react19.default.createElement(
-    "button",
-    {
-      onClick: () => handlePageChange(currentPage + 1),
-      disabled: currentPage === calculatedTotalPages || calculatedTotalPages === 0,
-      className: `flex items-center justify-center w-9 h-9 rounded-md border border-[#e5e5e5] dark:border-[#303036] text-sm transition-colors ${currentPage === calculatedTotalPages || calculatedTotalPages === 0 ? "bg-gray-100 text-gray-400 cursor-not-allowed dark:bg-[#27272a] dark:text-gray-600" : "bg-white text-black hover:bg-gray-50 cursor-pointer dark:bg-[#18181b] dark:text-white dark:hover:bg-[#27272a]"}`,
-      title: "Next page",
-      id: `${id}-button-4`
-    },
-    /* @__PURE__ */ import_react19.default.createElement(import_lucide_react9.ChevronRight, { size: 16 })
-  ), /* @__PURE__ */ import_react19.default.createElement(
-    "button",
-    {
-      onClick: () => handlePageChange(calculatedTotalPages),
-      disabled: currentPage === calculatedTotalPages || calculatedTotalPages === 0,
-      className: `flex items-center justify-center w-9 h-9 rounded-md border border-[#e5e5e5] dark:border-[#303036] text-sm transition-colors ${currentPage === calculatedTotalPages || calculatedTotalPages === 0 ? "bg-gray-100 text-gray-400 cursor-not-allowed dark:bg-[#27272a] dark:text-gray-600" : "bg-white text-black hover:bg-gray-50 cursor-pointer dark:bg-[#18181b] dark:text-white dark:hover:bg-[#27272a]"}`,
-      title: "Last page",
-      id: `${id}-button-5`
-    },
-    /* @__PURE__ */ import_react19.default.createElement(import_lucide_react9.ChevronsRight, { size: 16 })
-  ))));
-};
-// Annotate the CommonJS export names for ESM import in node:
-0 && (module.exports = {
-  AppSideBar,
-  Calendar,
-  Chip,
-  CustomAutocomplete,
-  CustomButton,
-  CustomCheckbox,
-  CustomInput,
-  CustomSearch,
-  CustomSelect,
-  CustomSwitch,
-  CustomTable,
-  CustomTextarea,
-  CustomUpload,
-  Dropdown,
-  Pagination,
-  ProgressBar,
-  RightSheet
-});
+var __create = Object.create;
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __getProtoOf = Object.getPrototypeOf;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __export = (target, all) => {
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: true });
+};
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from))
+      if (!__hasOwnProp.call(to, key) && key !== except)
+        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
+  }
+  return to;
+};
+var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(
+  // If the importer is in node compatibility mode or this is not an ESM
+  // file that has been converted to a CommonJS file using a Babel-
+  // compatible transform (i.e. "__esModule" has not been set), then set
+  // "default" to the CommonJS "module.exports" for node compatibility.
+  isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target,
+  mod
+));
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+
+// src/index.js
+var index_exports = {};
+__export(index_exports, {
+  AppSideBar: () => AppSideBar,
+  Calendar: () => Calendar,
+  Chip: () => Chip,
+  CustomAutocomplete: () => CustomAutocomplete,
+  CustomButton: () => CustomButton,
+  CustomCheckbox: () => CustomCheckbox,
+  CustomInput: () => CustomInput,
+  CustomSearch: () => CustomSearch,
+  CustomSelect: () => CustomSelect,
+  CustomSwitch: () => CustomSwitch,
+  CustomTable: () => CustomTable,
+  CustomTextarea: () => CustomTextarea,
+  CustomUpload: () => CustomUpload,
+  Dropdown: () => Dropdown,
+  Pagination: () => Pagination,
+  ProgressBar: () => ProgressBar,
+  RightSheet: () => RightSheet
+});
+module.exports = __toCommonJS(index_exports);
+
+// src/utils/cn.ts
+var import_clsx = require("clsx");
+var import_tailwind_merge = require("tailwind-merge");
+function cn(...inputs) {
+  return (0, import_tailwind_merge.twMerge)((0, import_clsx.clsx)(inputs));
+}
+
+// src/Button.jsx
+var import_react = __toESM(require("react"));
+var variantStyles = {
+  PRIMARY: "bg-white dark:bg-[#18181b] dark:text-white",
+  SECONDARY: "bg-primary text-white dark:text-white",
+  DEFAULT: "bg-white text-black dark:text-white",
+  DANGER: "bg-[#ef4444] text-white dark:text-white"
+};
+var CustomButton = ({
+  id = "button",
+  variant = "DEFAULT",
+  children,
+  className,
+  onClick,
+  disabled = false,
+  icon
+}) => {
+  return /* @__PURE__ */ import_react.default.createElement(
+    "div",
+    {
+      className: cn(
+        `cursor-pointer flex items-center py-2 px-3 min-h-10 justify-center border rounded-[6px] border-[#e5e5e5] dark:border-[#303036] ${variant == "DANGER" ? "bg-[#ef4444]" : "dark:bg-[#1d1d20]"} gap-2`,
+        variantStyles[variant],
+        className
+      ),
+      onClick,
+      id: `${id}-div-1`
+    },
+    icon && /* @__PURE__ */ import_react.default.createElement("div", { id: `${id}-div-2` }, icon),
+    children
+  );
+};
+
+// src/inputs/Autocomplete.jsx
+var import_react2 = __toESM(require("react"));
+var import_lucide_react = require("lucide-react");
+var CustomAutocomplete = ({
+  id = "autocomplete",
+  label,
+  value,
+  onChange,
+  options,
+  placeholder = "Search & select...",
+  isRequired = false,
+  error,
+  heading,
+  disabled = false
+}) => {
+  const [open, setOpen] = (0, import_react2.useState)(false);
+  const [search, setSearch] = (0, import_react2.useState)("");
+  const wrapperRef = (0, import_react2.useRef)(null);
+  const selectedOptions = options.filter((opt) => value.includes(opt.value));
+  const handleBlur = (e) => {
+    var _a;
+    if (!((_a = wrapperRef.current) == null ? void 0 : _a.contains(e.relatedTarget))) {
+      setOpen(false);
+    }
+  };
+  const filteredOptions = options.filter(
+    (opt) => opt.label.toLowerCase().includes(search.toLowerCase())
+  );
+  const toggleValue = (val) => {
+    if (value.includes(val)) {
+      onChange(value.filter((v) => v !== val));
+    } else {
+      onChange([...value, val]);
+    }
+  };
+  return /* @__PURE__ */ import_react2.default.createElement(
+    "div",
+    {
+      className: "flex flex-col w-full relative dark:bg-[#18181b] dark:text-white",
+      ref: wrapperRef,
+      tabIndex: disabled ? -1 : 0,
+      onBlur: handleBlur,
+      id: `${id}-div-1`
+    },
+    heading && /* @__PURE__ */ import_react2.default.createElement("h3", { className: "text-lg font-semibold leading-6 mb-1", id: `${id}-h3-1` }, heading),
+    label && /* @__PURE__ */ import_react2.default.createElement(
+      "label",
+      {
+        className: `font-[500] text-sm leading-5 mb-1 ${heading ? "text-[#737373]" : "text-black dark:text-white"}`,
+        id: `${id}-label-1`
+      },
+      label,
+      " ",
+      isRequired && /* @__PURE__ */ import_react2.default.createElement("span", { className: "text-red-500", id: `${id}-span-1` }, "*")
+    ),
+    /* @__PURE__ */ import_react2.default.createElement(
+      "div",
+      {
+        onClick: () => {
+          if (!disabled) setOpen((prev) => !prev);
+        },
+        className: `flex justify-between items-center flex-wrap gap-1 rounded-md px-3 py-2 text-sm transition border dark:border-[#303036] h-auto min-h-10 dark:bg-[#18181b] dark:text-white
+          ${disabled ? "bg-gray-100 cursor-not-allowed text-gray-400" : "cursor-text"}
+          ${error ? "border-red-500 bg-red-50" : "bg-white border-[hsl(0_0%_89.8%)] hover:border-gray-400 dark:bg-[#18181b] dark:text-white"}
+        `,
+        id: `${id}-div-2`
+      },
+      /* @__PURE__ */ import_react2.default.createElement("div", { className: "flex flex-wrap gap-1 flex-1", id: `${id}-div-3` }, selectedOptions.length > 0 ? selectedOptions.map((opt) => /* @__PURE__ */ import_react2.default.createElement(
+        "span",
+        {
+          key: opt.value,
+          className: "bg-[#F7FAFC] dark:bg-[#303036] border border-gray-300 px-2 dark:text-white py-0.5 rounded text-xs flex items-center gap-1",
+          id: `${id}-span-2`
+        },
+        opt.label,
+        /* @__PURE__ */ import_react2.default.createElement(
+          "button",
+          {
+            onClick: (e) => {
+              e.stopPropagation();
+              toggleValue(opt.value);
+            },
+            className: "text-gray-500 hover:text-gray-700 dark:text-white cursor-pointer dark:hover:text-white",
+            id: `${id}-button-1`
+          },
+          "\u2715"
+        )
+      )) : /* @__PURE__ */ import_react2.default.createElement("span", { className: "text-gray-400", id: `${id}-span-3` }, placeholder)),
+      /* @__PURE__ */ import_react2.default.createElement(
+        import_lucide_react.ChevronDown,
+        {
+          className: `w-4 h-4 text-gray-500 transition-transform ${open ? "rotate-180" : ""}`
+        }
+      )
+    ),
+    !disabled && open && /* @__PURE__ */ import_react2.default.createElement("div", { className: "absolute top-full mt-1 w-full bg-white border border-gray-200 rounded-lg shadow-lg z-10 max-h-60 overflow-y-auto dark:bg-[#18181b] dark:text-white", id: `${id}-div-4` }, /* @__PURE__ */ import_react2.default.createElement("div", { className: "flex items-center gap-2 p-2 border-b border-gray-200", id: `${id}-div-5` }, /* @__PURE__ */ import_react2.default.createElement(import_lucide_react.Search, { size: 16, className: "text-gray-400" }), /* @__PURE__ */ import_react2.default.createElement(
+      "input",
+      {
+        type: "text",
+        value: search,
+        onChange: (e) => setSearch(e.target.value),
+        placeholder: "Search...",
+        className: "flex-1 text-sm focus:outline-none",
+        id: `${id}-input-1`
+      }
+    )), /* @__PURE__ */ import_react2.default.createElement("ul", { id: `${id}-ul-1` }, filteredOptions.length > 0 ? filteredOptions.map((opt) => {
+      const selected = value.includes(opt.value);
+      return /* @__PURE__ */ import_react2.default.createElement(
+        "li",
+        {
+          key: opt.value,
+          onClick: () => toggleValue(opt.value),
+          className: `flex items-center gap-2 px-3 py-2 text-sm cursor-pointer hover:bg-[#F7FAFC] dark:hover:bg-[#303036] ${selected ? "bg-[#F7FAFC] dark:bg-[#303036] font-medium" : ""}`,
+          id: `${id}-li-1`
+        },
+        /* @__PURE__ */ import_react2.default.createElement(
+          "span",
+          {
+            className: `w-4 h-4 flex items-center justify-center border rounded-sm ${selected ? "bg-blue-600 border-blue-600 text-white" : "border-gray-300"}`,
+            id: `${id}-span-4`
+          },
+          selected && /* @__PURE__ */ import_react2.default.createElement(import_lucide_react.Check, { size: 14 })
+        ),
+        opt.label
+      );
+    }) : /* @__PURE__ */ import_react2.default.createElement("li", { className: "px-3 py-2 text-sm text-gray-400", id: `${id}-li-2` }, "No results found")))
+  );
+};
+
+// src/inputs/Checkbox.jsx
+var import_react3 = __toESM(require("react"));
+var CustomCheckbox = ({ id = "checkbox", onChange, checked }) => {
+  const handleChange = (e) => {
+    onChange(e.target.checked);
+  };
+  return /* @__PURE__ */ import_react3.default.createElement("label", { className: "inline-flex items-center cursor-pointer select-none", id: `${id}-label-1` }, /* @__PURE__ */ import_react3.default.createElement(
+    "input",
+    {
+      type: "checkbox",
+      checked,
+      onChange: handleChange,
+      className: "peer hidden",
+      id: `${id}-input-1`
+    }
+  ), /* @__PURE__ */ import_react3.default.createElement(
+    "span",
+    {
+      className: "\r\n          w-4 h-4 flex items-center justify-center border-2 border-gray-400 rounded \r\n          peer-checked:bg-primary peer-checked:border-primary\r\n          transition-colors\r\n        ",
+      id: `${id}-span-1`
+    },
+    checked && /* @__PURE__ */ import_react3.default.createElement(
+      "svg",
+      {
+        className: "w-4 h-4 text-white",
+        fill: "none",
+        stroke: "currentColor",
+        strokeWidth: "3",
+        viewBox: "0 0 24 24",
+        id: `${id}-svg-1`
+      },
+      /* @__PURE__ */ import_react3.default.createElement("path", { d: "M5 13l4 4L19 7", id: `${id}-path-1` })
+    )
+  ));
+};
+
+// src/inputs/Chip.jsx
+var import_react4 = __toESM(require("react"));
+var VARIANTS = {
+  PRIMARY: "bg-gray-100 text-black dark:bg-gray-800 dark:text-white",
+  GREEN: "bg-green-100 text-green-800 dark:bg-green-900 dark:text-green-100",
+  RED: "bg-red-100 text-red-800 dark:bg-red-900 dark:text-red-100",
+  YELLOW: "bg-yellow-100 text-yellow-800 dark:bg-yellow-900 dark:text-yellow-100"
+};
+var Chip = ({ id = "chip", label, variant }) => {
+  return /* @__PURE__ */ import_react4.default.createElement(
+    "div",
+    {
+      className: `inline-flex text-[12px] items-center px-3 py-1 rounded-full ${VARIANTS[variant] || VARIANTS.PRIMARY} text-sm font-[600]`,
+      id: `${id}-div-1`
+    },
+    label
+  );
+};
+
+// src/inputs/CustomSwitch.jsx
+var import_react5 = __toESM(require("react"));
+var CustomSwitch = ({ id = "custom-switch", checked, onChange, label, description }) => {
+  return /* @__PURE__ */ import_react5.default.createElement("div", { id: `${id}-div-1` }, /* @__PURE__ */ import_react5.default.createElement(
+    "button",
+    {
+      type: "button",
+      role: "switch",
+      "aria-checked": checked,
+      onClick: () => onChange(!checked),
+      className: `relative inline-flex h-6 w-11 shrink-0 items-center rounded-full transition-colors ${checked ? "bg-black" : "bg-gray-300"}`,
+      id: `${id}-button-1`
+    },
+    /* @__PURE__ */ import_react5.default.createElement(
+      "span",
+      {
+        className: `inline-block h-4 w-4 transform rounded-full bg-white shadow transition ${checked ? "translate-x-6" : "translate-x-1"}`,
+        id: `${id}-span-1`
+      }
+    )
+  ), /* @__PURE__ */ import_react5.default.createElement("div", { className: "flex flex-col", id: `${id}-div-2` }, label && /* @__PURE__ */ import_react5.default.createElement("h3", { className: "font-[500] text-sm text-black mb-2", id: `${id}-h3-1` }, label), description && /* @__PURE__ */ import_react5.default.createElement("p", { className: "font-[500] text-sm text-[#737373]", id: `${id}-p-1` }, description)));
+};
+
+// src/inputs/Input.jsx
+var import_react6 = __toESM(require("react"));
+var CustomInput = ({
+  id = "input",
+  label,
+  isRequired,
+  value,
+  onChange,
+  placeholder,
+  disabled = false,
+  error,
+  heading
+}) => {
+  return /* @__PURE__ */ import_react6.default.createElement("div", { className: "flex flex-col gap-1 w-full", id: `${id}-div-1` }, heading && /* @__PURE__ */ import_react6.default.createElement("h3", { className: "text-lg font-semibold", id: `${id}-h3-1` }, heading), /* @__PURE__ */ import_react6.default.createElement(
+    "label",
+    {
+      className: `font-[500] text-sm ${heading ? "text-[#737373]" : "text-black"} dark:text-white`,
+      id: `${id}-label-1`
+    },
+    label,
+    " ",
+    isRequired && /* @__PURE__ */ import_react6.default.createElement("span", { className: "text-red-500", id: `${id}-span-1` }, "*")
+  ), /* @__PURE__ */ import_react6.default.createElement(
+    "input",
+    {
+      className: `border border-gray-200 rounded-md h-10 px-4 py-2 w-full text-[14px]
+          placeholder:text-[14px] placeholder:font-normal placeholder:text-[#6b7280]
+          focus:outline-2 outline-black dark:outline-white outline-offset-2
+          dark:bg-transparent dark:text-white dark:border-[#303036]
+          ${disabled ? "bg-gray-100 cursor-not-allowed text-gray-500 border-gray-300" : error ? "border-red-500 bg-red-50" : "bg-white border-[hsl(0_0%_89.8%)]"}
+        `,
+      value,
+      onChange: (e) => onChange == null ? void 0 : onChange(e.target.value),
+      placeholder,
+      disabled,
+      readOnly: disabled,
+      id: `${id}-input-1`
+    }
+  ));
+};
+
+// src/inputs/ProgressBar.jsx
+var import_react7 = __toESM(require("react"));
+var ProgressBar = ({ id = "progress-bar", step, totalSteps }) => {
+  const progress = step / totalSteps * 100;
+  return /* @__PURE__ */ import_react7.default.createElement("div", { className: "mb-6", id: `${id}-div-1` }, /* @__PURE__ */ import_react7.default.createElement("p", { className: "text-gray-600 text-sm mb-2", id: `${id}-p-1` }, "Step ", step, " of ", totalSteps), /* @__PURE__ */ import_react7.default.createElement("div", { className: "w-full bg-gray-200 rounded-full h-2", id: `${id}-div-2` }, /* @__PURE__ */ import_react7.default.createElement(
+    "div",
+    {
+      className: "bg-black h-2 rounded-full transition-all duration-300",
+      style: { width: `${progress}%` },
+      id: `${id}-div-3`
+    }
+  )));
+};
+
+// src/inputs/Search.jsx
+var import_react8 = __toESM(require("react"));
+var import_lucide_react2 = require("lucide-react");
+var CustomSearch = ({
+  id = "search",
+  value,
+  onChange,
+  placeholder = "Search Markets..."
+}) => {
+  return /* @__PURE__ */ import_react8.default.createElement("div", { className: "flex items-center border bg-transparent text-[14px] border-[hsl(0_0%_89.8%)] dark:border-[#303036] \r\n                    rounded-md h-10 px-2 w-full focus-within:outline-2 focus-within:outline-black focus-within:outline-offset-2 dark:text-white", id: `${id}-div-1` }, /* @__PURE__ */ import_react8.default.createElement(import_lucide_react2.Search, { width: 16, height: 16, color: "gray", className: "mr-2" }), /* @__PURE__ */ import_react8.default.createElement(
+    "input",
+    {
+      type: "text",
+      value,
+      onChange,
+      placeholder,
+      className: "bg-transparent w-full h-full focus:outline-none",
+      id: `${id}-input-1`
+    }
+  ));
+};
+
+// src/inputs/TextArea.jsx
+var import_react9 = __toESM(require("react"));
+var CustomTextarea = ({
+  id = "text-area",
+  label,
+  isRequired,
+  value,
+  onChange,
+  placeholder,
+  disabled = false,
+  error,
+  heading,
+  rows = 4
+}) => {
+  return /* @__PURE__ */ import_react9.default.createElement("div", { className: "flex flex-col gap-1 w-full", id: `${id}-div-1` }, heading && /* @__PURE__ */ import_react9.default.createElement("h3", { className: "text-lg font-semibold", id: `${id}-h3-1` }, heading), /* @__PURE__ */ import_react9.default.createElement(
+    "label",
+    {
+      className: `font-[500] text-sm ${heading ? "text-[#737373]" : "text-black"}`,
+      id: `${id}-label-1`
+    },
+    label,
+    " ",
+    isRequired && /* @__PURE__ */ import_react9.default.createElement("span", { className: "text-red-500", id: `${id}-span-1` }, "*")
+  ), /* @__PURE__ */ import_react9.default.createElement(
+    "textarea",
+    {
+      rows,
+      className: `border rounded-md px-4 py-2 w-full text-[14px]
+          focus:outline-2 focus:outline-black focus:outline-offset-2
+          focus:ring-0 focus:shadow-none focus:border-black
+          ${disabled ? "bg-gray-100 text-gray-500 border-gray-300" : error ? "border-red-500 bg-red-50" : "bg-white border-[hsl(0_0%_89.8%)]"}
+        `,
+      value,
+      onChange: (e) => onChange == null ? void 0 : onChange(e.target.value),
+      placeholder,
+      disabled,
+      readOnly: disabled,
+      id: `${id}-textarea-1`
+    }
+  ));
+};
+
+// src/inputs/Upload.jsx
+var import_react10 = __toESM(require("react"));
+var import_lucide_react3 = require("lucide-react");
+var CustomUpload = ({
+  id = "upload",
+  label = "Supporting documents",
+  description = "Drop items here or Browse Files",
+  accept = ".pdf,.jpg,.jpeg,.png",
+  maxSizeMB = 5,
+  onChange,
+  error,
+  value
+}) => {
+  const inputRef = (0, import_react10.useRef)(null);
+  const handleFileSelect = (files) => {
+    if (!files || files.length === 0) return;
+    const selectedFile = files[0];
+    if (selectedFile.size > maxSizeMB * 1024 * 1024) {
+      alert(`File size must be less than ${maxSizeMB} MB`);
+      return;
+    }
+    onChange == null ? void 0 : onChange(selectedFile);
+  };
+  return /* @__PURE__ */ import_react10.default.createElement("div", { className: "flex flex-col gap-2 w-full", id: `${id}-div-1` }, label && /* @__PURE__ */ import_react10.default.createElement("label", { className: "text-sm font-medium", id: `${id}-label-1` }, label), /* @__PURE__ */ import_react10.default.createElement(
+    "div",
+    {
+      className: `border-2 border-dashed rounded-lg p-6 flex flex-col items-center justify-center text-center cursor-pointer transition
+          ${error ? "border-red-500 bg-red-50" : "border-gray-300 hover:border-gray-400 bg-gray-50"}`,
+      onClick: () => {
+        var _a;
+        return (_a = inputRef.current) == null ? void 0 : _a.click();
+      },
+      onDragOver: (e) => e.preventDefault(),
+      onDrop: (e) => {
+        e.preventDefault();
+        handleFileSelect(e.dataTransfer.files);
+      },
+      id: `${id}-div-2`
+    },
+    /* @__PURE__ */ import_react10.default.createElement(import_lucide_react3.Upload, { className: "w-6 h-6 text-gray-500 mb-2" }),
+    /* @__PURE__ */ import_react10.default.createElement("p", { className: "text-sm text-gray-700", id: `${id}-p-1` }, description),
+    /* @__PURE__ */ import_react10.default.createElement("p", { className: "text-xs text-gray-500 mt-1", id: `${id}-p-2` }, "File Supported: PDF/JPG/PNG, up to ", maxSizeMB, " MB"),
+    /* @__PURE__ */ import_react10.default.createElement(
+      "input",
+      {
+        ref: inputRef,
+        type: "file",
+        accept,
+        className: "hidden",
+        onChange: (e) => handleFileSelect(e.target.files),
+        id: `${id}-input-1`
+      }
+    )
+  ), value && /* @__PURE__ */ import_react10.default.createElement("span", { className: "text-sm truncate text-gray-500", id: `${id}-span-1` }, "Selected: ", value.name), error && /* @__PURE__ */ import_react10.default.createElement("p", { className: "text-xs text-red-500", id: `${id}-p-3` }, error));
+};
+
+// src/sideBar/SideBar.jsx
+var import_lucide_react8 = require("lucide-react");
+var import_react14 = __toESM(require("react"));
+
+// ConstantUI.js
+var import_lucide_react4 = require("lucide-react");
+var encodedAuthData = localStorage.getItem("encodedAuthData");
+var navItemsConstant = [
+  {
+    Icon: import_lucide_react4.Home,
+    label: "Home",
+    onClick: () => {
+      window.location.href = "/";
+    },
+    isDropDown: false
+  },
+  {
+    Icon: import_lucide_react4.Building,
+    label: "Consumer Ecosystem",
+    onClick: () => {
+    },
+    options: [
+      {
+        label: "Corporate",
+        onClick: () => {
+          window.location.href = "/corporate/";
+        }
+      },
+      {
+        label: "Trips",
+        onClick: () => {
+          window.location.href = "/corporate/trips/";
+        }
+      },
+      {
+        label: "Users",
+        onClick: () => {
+          window.location.href = "/users/users";
+        }
+      },
+      {
+        label: "Tags (Custom Variables)",
+        onClick: () => {
+          window.location.href = "/orgselector/?path=tag";
+        }
+      },
+      {
+        label: "Special Request",
+        onClick: () => {
+          window.location.href = "/orgselector/?path=special-requests";
+        }
+      },
+      {
+        label: "Support Tickets (Coming Soon)",
+        isDisabled: true
+        // onClick: () => {},
+      }
+    ],
+    isDropDown: true
+  },
+  {
+    Icon: import_lucide_react4.Banknote,
+    label: "Finance",
+    onClick: () => {
+    },
+    isDropDown: true,
+    options: [
+      {
+        label: "Credit Management",
+        onClick: () => {
+          window.location.href = "/finance/paymentsLedger/";
+        }
+      },
+      {
+        label: "Booking & Invoices",
+        onClick: () => {
+          window.location.href = "/finance/bookingHistory/";
+        }
+      }
+    ]
+  },
+  {
+    Icon: import_lucide_react4.DollarSign,
+    label: "Revenue Management",
+    onClick: () => {
+    },
+    isDropDown: true,
+    options: [
+      {
+        label: "Pricing Engine",
+        onClick: () => {
+          window.location.href = "/orgselector/?path=pricing-policy";
+        }
+      },
+      {
+        label: "Offers",
+        onClick: () => {
+          window.location.href = "/orgselector/?path=offer";
+        }
+      },
+      {
+        label: "Vouchers",
+        onClick: () => {
+          window.location.href = "/orgselector/?path=voucher";
+        }
+      }
+    ]
+  },
+  {
+    Icon: import_lucide_react4.Handshake,
+    label: "Supplier Ecosystem",
+    onClick: () => {
+    },
+    isDropDown: true,
+    options: [
+      {
+        label: "Suppliers List",
+        onClick: () => {
+          window.location.href = "/orgselector/?path=supplier-list";
+        }
+      },
+      {
+        label: "Supplier Deals",
+        onClick: () => {
+          window.location.href = "/supplierdeals/";
+        }
+      }
+    ]
+  },
+  {
+    Icon: import_lucide_react4.BarChart3,
+    label: "Reports",
+    onClick: () => {
+    },
+    isDropDown: true,
+    options: [
+      {
+        label: "Reports",
+        onClick: () => {
+          window.location.href = "/reports/";
+        }
+      }
+    ]
+  },
+  {
+    Icon: import_lucide_react4.Cog,
+    label: "Settings",
+    onClick: () => {
+    },
+    isDropDown: true,
+    options: [
+      {
+        label: "Whitelabel",
+        onClick: () => {
+          window.location.href = "/whitelabel/";
+        }
+      },
+      {
+        label: "Markets",
+        onClick: () => {
+          window.location.href = "/market/";
+        }
+      },
+      {
+        label: "Users",
+        onClick: () => {
+          window.location.href = `/users/users?role=admin&auth=${encodedAuthData}`;
+        }
+      },
+      {
+        label: "Reports Configurations",
+        onClick: () => {
+          window.location.href = "/reports/";
+        }
+      }
+    ]
+  }
+];
+var additionalItemsConstant = [
+  {
+    Icon: import_lucide_react4.LifeBuoy,
+    label: "Help",
+    onClick: () => {
+      window.location.href = "/help";
+    }
+  }
+];
+
+// src/sideBar/SideBar.jsx
+var import_js_cookie = __toESM(require("js-cookie"));
+
+// src/inputs/CustomSelect.jsx
+var import_react11 = __toESM(require("react"));
+var import_lucide_react5 = require("lucide-react");
+var CustomSelect = ({
+  id = "custom-select",
+  label,
+  value,
+  onChange,
+  options,
+  placeholder = "Select...",
+  isRequired = false,
+  error,
+  heading,
+  disabled = false
+}) => {
+  const [open, setOpen] = (0, import_react11.useState)(false);
+  const [search, setSearch] = (0, import_react11.useState)("");
+  const wrapperRef = (0, import_react11.useRef)(null);
+  const handleBlur = (e) => {
+    var _a;
+    if (!((_a = wrapperRef.current) == null ? void 0 : _a.contains(e.relatedTarget))) {
+      setOpen(false);
+    }
+  };
+  const filteredOptions = options.filter(
+    (opt) => opt.label.toLowerCase().includes(search.toLowerCase())
+  );
+  const handleSelect = (val) => {
+    onChange(val);
+    setOpen(false);
+  };
+  const selectedOption = options.find((opt) => opt.value === value);
+  return /* @__PURE__ */ import_react11.default.createElement(
+    "div",
+    {
+      className: "flex flex-col w-full relative",
+      ref: wrapperRef,
+      tabIndex: disabled ? -1 : 0,
+      onBlur: handleBlur,
+      id: `${id}-div-1`
+    },
+    heading && /* @__PURE__ */ import_react11.default.createElement("h3", { className: "text-lg font-semibold mb-1", id: `${id}-h3-1` }, heading),
+    label && /* @__PURE__ */ import_react11.default.createElement(
+      "label",
+      {
+        className: `font-medium text-sm mb-1 ${heading ? "text-[#737373] dark:text-white" : "text-black dark:text-white"}`,
+        id: `${id}-label-1`
+      },
+      label,
+      " ",
+      isRequired && /* @__PURE__ */ import_react11.default.createElement("span", { className: "text-red-500", id: `${id}-span-1` }, "*")
+    ),
+    /* @__PURE__ */ import_react11.default.createElement(
+      "div",
+      {
+        onClick: () => !disabled && setOpen((prev) => !prev),
+        className: `flex justify-between items-center rounded-md px-3 py-2 text-sm border h-10 cursor-pointer dark:border-[#303036] dark:bg-[#18181b] dark:text-white
+          ${disabled ? "bg-gray-100 text-gray-400" : "bg-white dark:bg-[#18181b] dark:text-white"}
+          ${error ? "border-red-500" : "border-gray-300"}
+        `,
+        id: `${id}-div-2`
+      },
+      /* @__PURE__ */ import_react11.default.createElement("span", { className: `${selectedOption ? "text-black dark:text-white" : "text-gray-400 dark:text-white"}`, id: `${id}-span-2` }, selectedOption ? selectedOption.label : placeholder),
+      /* @__PURE__ */ import_react11.default.createElement(
+        import_lucide_react5.ChevronDown,
+        {
+          className: `w-4 h-4 text-gray-500 transition-transform dark:text-white ${open ? "rotate-180" : ""}`
+        }
+      )
+    ),
+    open && !disabled && /* @__PURE__ */ import_react11.default.createElement("div", { className: "absolute top-full mt-1 w-full bg-white border border-gray-200 rounded-lg shadow-lg z-10 max-h-60 overflow-y-auto dark:bg-[#18181b] dark:text-white", id: `${id}-div-3` }, /* @__PURE__ */ import_react11.default.createElement("div", { className: "flex items-center gap-2 p-2 border-b border-gray-200", id: `${id}-div-4` }, /* @__PURE__ */ import_react11.default.createElement(import_lucide_react5.Search, { size: 16, className: "text-gray-400" }), /* @__PURE__ */ import_react11.default.createElement(
+      "input",
+      {
+        type: "text",
+        value: search,
+        onChange: (e) => setSearch(e.target.value),
+        placeholder: "Search...",
+        className: "flex-1 text-sm focus:outline-none",
+        id: `${id}-input-1`
+      }
+    )), /* @__PURE__ */ import_react11.default.createElement("ul", { id: `${id}-ul-1` }, filteredOptions.length > 0 ? filteredOptions.map((opt) => /* @__PURE__ */ import_react11.default.createElement(
+      "li",
+      {
+        key: opt.value,
+        onClick: () => handleSelect(opt.value),
+        className: `px-3 py-2 text-sm cursor-pointer hover:bg-gray-100 dark:hover:bg-[#27272a] ${value === opt.value ? "bg-gray-100 font-medium dark:bg-[#27272a] dark:text-white" : ""}`,
+        id: `${id}-li-1`
+      },
+      opt.label
+    )) : /* @__PURE__ */ import_react11.default.createElement("li", { className: "px-3 py-2 text-sm text-gray-400 dark:text-white", id: `${id}-li-2` }, "No results found")))
+  );
+};
+
+// src/utils/cookieHelpers.js
+var JETT_ID_COOKIE_NAME = "jett-id";
+function getCookie(name) {
+  if (typeof document === "undefined" || !document.cookie) return null;
+  const match = document.cookie.match(
+    new RegExp("(^|\\s)" + name + "=([^;]+)")
+  );
+  return match ? decodeURIComponent(match[2].trim()) : null;
+}
+function decodeBase64(value) {
+  try {
+    let base64 = value.replace(/-/g, "+").replace(/_/g, "/");
+    const pad = base64.length % 4;
+    if (pad) base64 += "=".repeat(4 - pad);
+    return atob(base64);
+  } catch {
+    return "";
+  }
+}
+function getJettIdCookieData() {
+  const raw = getCookie(JETT_ID_COOKIE_NAME);
+  if (!raw) return null;
+  try {
+    const decoded = decodeBase64(raw);
+    if (!decoded) return null;
+    const data = JSON.parse(decoded);
+    return data && typeof data === "object" ? data : null;
+  } catch {
+    return null;
+  }
+}
+function getLogoFromJettIdCookie() {
+  const data = getJettIdCookieData();
+  if (!(data == null ? void 0 : data.CDNBasePath)) return null;
+  const logoPath = (data.OrgLogo || data.TmcLogo || "").trim();
+  if (!logoPath) return null;
+  return {
+    logoPath,
+    CDNBasePath: data.CDNBasePath
+  };
+}
+function getScopeFromJettIdCookie() {
+  const data = getJettIdCookieData();
+  return (data == null ? void 0 : data.Scope) ?? null;
+}
+function getProfilesFromJettIdCookie(all) {
+  const data = getJettIdCookieData();
+  if (!(data == null ? void 0 : data.Profiles)) return [];
+  if (all) return data.Profiles;
+  return data.Profiles.filter((profile) => {
+    var _a;
+    return (_a = profile.Scope) == null ? void 0 : _a.endsWith("_ENTITY");
+  });
+}
+function buildLogoUrl(CDNBasePath, logoPath) {
+  const base = (CDNBasePath || "").replace(/\/$/, "");
+  const path = (logoPath || "").replace(/^\//, "");
+  if (!base || !path) return "";
+  return `${base}/${path}`;
+}
+
+// src/sideBar/SwitchProfileSection.jsx
+var import_react13 = __toESM(require("react"));
+var import_react_dom2 = require("react-dom");
+var import_lucide_react7 = require("lucide-react");
+
+// src/sideBar/LogoutConfirmModal.jsx
+var import_react12 = __toESM(require("react"));
+var import_react_dom = require("react-dom");
+var import_lucide_react6 = require("lucide-react");
+var LogoutConfirmModal = ({
+  id = "logout-confirm",
+  open,
+  onConfirm,
+  onCancel,
+  loading = false
+}) => {
+  if (!open || typeof document === "undefined") return null;
+  const handleOverlayClick = (e) => {
+    if (e.target === e.currentTarget && !loading) onCancel();
+  };
+  return (0, import_react_dom.createPortal)(
+    /* @__PURE__ */ import_react12.default.createElement(
+      "div",
+      {
+        className: "fixed inset-0 z-[10000] flex items-center justify-center bg-black/50",
+        onClick: handleOverlayClick,
+        id: `${id}-overlay`
+      },
+      /* @__PURE__ */ import_react12.default.createElement("div", { className: "w-[360px] rounded-2xl bg-white dark:bg-[#18181b] p-6 text-center shadow-2xl", id: `${id}-dialog` }, /* @__PURE__ */ import_react12.default.createElement("div", { className: "mx-auto mb-4 flex h-16 w-16 items-center justify-center rounded-full bg-blue-50 dark:bg-blue-950/40", id: `${id}-icon` }, /* @__PURE__ */ import_react12.default.createElement(import_lucide_react6.LogOut, { className: "text-blue-600", width: 28, height: 28 })), /* @__PURE__ */ import_react12.default.createElement("p", { className: "!text-[22px] !font-semibold text-gray-900 dark:text-white" }, "Are you sure you want to logout?"), /* @__PURE__ */ import_react12.default.createElement("div", { className: "mt-6 flex gap-3" }, /* @__PURE__ */ import_react12.default.createElement(
+        "button",
+        {
+          type: "button",
+          onClick: onCancel,
+          disabled: loading,
+          className: "flex-1 no-wrap rounded-lg border border-gray-300 dark:border-[#303036] px-4 py-2 text-[14px] font-medium text-gray-700 dark:text-[#f4f4f5cc] cursor-pointer hover:bg-gray-50 dark:hover:bg-[#27272a] disabled:opacity-50 disabled:cursor-not-allowed transition-colors duration-200",
+          id: `${id}-cancel-button`
+        },
+        "No, Keep me in"
+      ), /* @__PURE__ */ import_react12.default.createElement(
+        "button",
+        {
+          type: "button",
+          onClick: onConfirm,
+          disabled: loading,
+          className: "flex-1 rounded-lg bg-red-600 px-4 py-2 text-[14px] font-medium text-white cursor-pointer hover:bg-red-700 disabled:opacity-50 disabled:cursor-not-allowed transition-colors duration-200",
+          id: `${id}-confirm-button`
+        },
+        loading ? "Logging out..." : "Yes, logout"
+      )))
+    ),
+    document.body
+  );
+};
+
+// src/utils/switchProfileEncryption.js
+var import_node_forge = __toESM(require("node-forge"));
+var RSA_MODULUS_BASE64 = "zktSGmyKa5SR8HO540HKTdgDPVmXafgGFrf4OYtRNApRssnt0hGoMU7Jitc/SVWbPstFshIi5XblbDL2NXWYhZtj4PWL4SKc1/bM02xxabPw/eFr3XAAPCF62WxAVPsJBbEoAB0AcOCeIcGHb+tzLtXQJAvOuIBsKLQiiB7/c9ltt5AVVM4si1RC3JsxpqcGTkgwnh+FMg8CFvLdHjh/oi789wj8zoGWLAdYSBBa8IoQgTuzZt1tft2LF0y4Ck3yT8F9TX5GbAiVXb0G9cM/hUmDNz/6xOvHuOfH5147tKDUNCT/sr5tEaLm5ePUmRdpoc5PZa04q1KGJ0rxf6T55E5pQ8Qh2EFr1yPyLh12wiSTRsnHwXwVsosbNNBBN3HdBOMklTQx2VJNDHpi19G+z4d1evlS8yDqNZe9QyRFKEsTd+xPg3ob3j/ObpYDOtXoMaw8fXWbvyG4MJTz7nWG5YL2s5oWSAFZ4mifgwOmM/OuTO/uholelws25k/a3+O/s5Xd/HOugBvpeb5azGLfMHrGvu6J9DSIVI28hfbaFm2+smjyLdS+5PWV2+hM9EQLgaw/euGx4Qhzo2nagLwl9+hNOZ2gjtNHJxJtbQJTNrE90d3mX2/yfxHzh8FiiAiraxiZCgdUQeEZbZNlAwQLHIYWazSqgmRhf4D1LGMMrak=";
+var RSA_EXPONENT_BASE64 = "AQAB";
+var convertModulusExponentToPem = (modulus, exponent) => {
+  const decodedModulus = import_node_forge.default.util.decode64(modulus);
+  const decodedExponent = import_node_forge.default.util.decode64(exponent);
+  const publicKey = import_node_forge.default.pki.setRsaPublicKey(
+    new import_node_forge.default.jsbn.BigInteger(import_node_forge.default.util.bytesToHex(decodedModulus), 16),
+    new import_node_forge.default.jsbn.BigInteger(import_node_forge.default.util.bytesToHex(decodedExponent), 16)
+  );
+  return import_node_forge.default.pki.publicKeyToPem(publicKey);
+};
+var cachedPemKey = null;
+var getPemKey = () => {
+  if (!cachedPemKey) {
+    cachedPemKey = convertModulusExponentToPem(RSA_MODULUS_BASE64, RSA_EXPONENT_BASE64);
+  }
+  return cachedPemKey;
+};
+var encryptForSwitchProfile = (plainText) => {
+  const publicKey = import_node_forge.default.pki.publicKeyFromPem(getPemKey());
+  const encrypted = publicKey.encrypt(plainText, "RSAES-PKCS1-V1_5");
+  return import_node_forge.default.util.encode64(encrypted).replace(/\r?\n|\r/g, "");
+};
+
+// src/sideBar/SwitchProfileSection.jsx
+var SwitchProfileSection = ({
+  id = "switch-profile",
+  open,
+  anchorRef,
+  onClose,
+  onManageProfile,
+  onProfileSwitch,
+  onTmcSettings,
+  onLogout
+}) => {
+  const [position, setPosition] = (0, import_react13.useState)(null);
+  const [showLogoutConfirm, setShowLogoutConfirm] = (0, import_react13.useState)(false);
+  const [switchingProfileId, setSwitchingProfileId] = (0, import_react13.useState)(null);
+  const [switchError, setSwitchError] = (0, import_react13.useState)(null);
+  (0, import_react13.useLayoutEffect)(() => {
+    if (!open || !(anchorRef == null ? void 0 : anchorRef.current)) return;
+    const updatePosition = () => {
+      const rect = anchorRef.current.getBoundingClientRect();
+      setPosition({
+        left: rect.right + 2,
+        bottom: window.innerHeight - rect.bottom
+      });
+    };
+    updatePosition();
+    window.addEventListener("resize", updatePosition);
+    window.addEventListener("scroll", updatePosition, true);
+    return () => {
+      window.removeEventListener("resize", updatePosition);
+      window.removeEventListener("scroll", updatePosition, true);
+    };
+  }, [open, anchorRef]);
+  (0, import_react13.useEffect)(() => {
+    if (!open) setSwitchError(null);
+  }, [open]);
+  (0, import_react13.useEffect)(() => {
+    if (!switchError) return;
+    const timer = setTimeout(() => setSwitchError(null), 5e3);
+    return () => clearTimeout(timer);
+  }, [switchError]);
+  if (!open && !showLogoutConfirm || typeof document === "undefined") return null;
+  const jettIdData = getJettIdCookieData();
+  const userName = (jettIdData == null ? void 0 : jettIdData.UserName) || "";
+  const userEmail = (jettIdData == null ? void 0 : jettIdData.UserEmail) || "";
+  const currentProfileId = jettIdData == null ? void 0 : jettIdData.ProfileId;
+  const allMarkets = getProfilesFromJettIdCookie(true);
+  const markets = allMarkets.length ? allMarkets : (jettIdData == null ? void 0 : jettIdData.EntityName) ? [{ ProfileId: currentProfileId, EntityName: jettIdData.EntityName }] : [];
+  const handleConfirmLogout = () => {
+    setShowLogoutConfirm(false);
+    onLogout == null ? void 0 : onLogout();
+  };
+  const buildRequestContext = () => ({
+    UserAgent: typeof navigator !== "undefined" ? navigator.userAgent : "Mozilla/5.0",
+    TrackingId: crypto.randomUUID(),
+    TransactionId: crypto.randomUUID(),
+    CountryCode: "IN",
+    IpAddress: "127.0.0.1"
+    // Client IP cannot be retrieved from browser
+  });
+  const handleProfileSwitch = async (profile) => {
+    var _a, _b, _c;
+    if (switchingProfileId) return;
+    setSwitchingProfileId(profile.ProfileId);
+    setSwitchError(null);
+    try {
+      const encryptedRequest = encryptForSwitchProfile(
+        JSON.stringify({
+          ProfileToken: profile.ProfileToken,
+          ProfileId: profile.ProfileId
+        })
+      );
+      const response = await fetch(`${window.location.origin}/auth/switch/profile`, {
+        method: "POST",
+        credentials: "include",
+        headers: { "Content-Type": "application/json" },
+        body: JSON.stringify({
+          Context: buildRequestContext(),
+          Request: encryptedRequest
+        })
+      }).then((res) => res.json());
+      const statusCode = (_a = response == null ? void 0 : response.Context) == null ? void 0 : _a.StatusCode;
+      const isSuccess = !statusCode || statusCode === 200;
+      if (!isSuccess) {
+        setSwitchError(((_b = response == null ? void 0 : response.Context) == null ? void 0 : _b.Message) || "Unable to switch profile. Please try again.");
+        setSwitchingProfileId(null);
+        return;
+      }
+      if ((_c = response == null ? void 0 : response.Response) == null ? void 0 : _c.RedirectUrl) {
+        window.location.href = response.Response.RedirectUrl;
+        return;
+      }
+      setSwitchingProfileId(null);
+      onProfileSwitch == null ? void 0 : onProfileSwitch(profile);
+    } catch (error) {
+      console.error("Switch profile request failed:", error);
+      setSwitchError("Something went wrong while switching profile. Please try again.");
+      setSwitchingProfileId(null);
+    }
+  };
+  return /* @__PURE__ */ import_react13.default.createElement(import_react13.default.Fragment, null, open && (0, import_react_dom2.createPortal)(
+    /* @__PURE__ */ import_react13.default.createElement(import_react13.default.Fragment, null, /* @__PURE__ */ import_react13.default.createElement("div", { className: "fixed inset-0 z-[9999]", onClick: onClose, id: `${id}-backdrop` }), /* @__PURE__ */ import_react13.default.createElement(
+      "div",
+      {
+        className: "fixed w-[320px] max-h-[75vh] flex p-4 flex-col overflow-hidden bg-white dark:bg-[#18181b] rounded-xl shadow-xl border border-gray-200 dark:border-[#303036] z-[9999]",
+        style: position ? { left: position.left, bottom: position.bottom } : { left: -9999, bottom: 0 },
+        id: `${id}-panel`
+      },
+      /* @__PURE__ */ import_react13.default.createElement("div", { className: "flex items-center justify-between gap-3 pb-4", id: `${id}-header` }, /* @__PURE__ */ import_react13.default.createElement("div", { className: "flex items-center gap-3 min-w-0", id: `${id}-header-user` }, /* @__PURE__ */ import_react13.default.createElement("span", { className: "relative flex shrink-0 overflow-hidden rounded-full h-10 w-10", id: `${id}-avatar` }, /* @__PURE__ */ import_react13.default.createElement("span", { className: "flex h-full w-full items-center justify-center !text-[16px] !font-normal border-2 border-gray-200 dark:border-[#303036] rounded-full bg-muted dark:text-white" }, userName ? userName.charAt(0) : "40 * 40")), /* @__PURE__ */ import_react13.default.createElement("div", { className: "min-w-0", id: `${id}-header-text` }, /* @__PURE__ */ import_react13.default.createElement("p", { className: "!font-semibold dark:text-white !text-[14px] truncate" }, userName || "Admin"), /* @__PURE__ */ import_react13.default.createElement("p", { className: "!text-[10px] !font-normal text-gray-500 dark:text-[#f4f4f5cc] truncate" }, userEmail))), /* @__PURE__ */ import_react13.default.createElement(
+        "button",
+        {
+          type: "button",
+          onClick: onManageProfile,
+          className: "shrink-0 whitespace-nowrap rounded-md border border-gray-300 dark:border-[#303036] px-3 py-1.5 text-[10px] font-bold uppercase tracking-wide text-[#0A0A0A] dark:text-[#f4f4f5cc] cursor-pointer hover:bg-gray-50 dark:hover:bg-[#27272a] transition-colors duration-200",
+          id: `${id}-manage-profile-button`
+        },
+        "Manage Profile"
+      )),
+      /* @__PURE__ */ import_react13.default.createElement("div", { className: "border-t border-gray-200 dark:border-[#303036] mb-4" }),
+      /* @__PURE__ */ import_react13.default.createElement("div", { className: "overflow-y-auto scrollbar-hide", id: `${id}-body` }, /* @__PURE__ */ import_react13.default.createElement("p", { className: "pb-4 text-[10px] font-bold tracking-wider text-[#737373] uppercase", id: `${id}-markets-label` }, "Your Markets"), switchError && /* @__PURE__ */ import_react13.default.createElement(
+        "div",
+        {
+          className: "mb-3 rounded-lg border border-red-200 dark:border-red-900 bg-red-50 dark:bg-red-950/40 px-3 py-2 text-[12px] font-medium text-red-600",
+          id: `${id}-switch-error`
+        },
+        switchError
+      ), /* @__PURE__ */ import_react13.default.createElement("div", { className: "flex flex-col gap-2 pb-4", id: `${id}-markets-list` }, markets.length === 0 && /* @__PURE__ */ import_react13.default.createElement("p", { className: "px-2 py-2 text-[13px] text-gray-400", id: `${id}-markets-empty` }, "No markets available"), markets.map((profile) => {
+        const isCurrent = profile.ProfileId === currentProfileId;
+        const isSwitching = switchingProfileId === profile.ProfileId;
+        return /* @__PURE__ */ import_react13.default.createElement(
+          "div",
+          {
+            key: profile.ProfileId,
+            onClick: () => !isCurrent && handleProfileSwitch(profile),
+            "aria-disabled": isSwitching,
+            className: `flex items-center justify-between gap-2 rounded-lg p-3 cursor-pointer hover:bg-[#f4f4f5] dark:hover:bg-[#27272a] transition-colors duration-200 ${isCurrent ? "border border-gray-800 dark:border-white bg-[#f4f4f5] text-[#0A0A0A]" : "border border-transparent"} ${isSwitching ? "opacity-50 pointer-events-none" : ""}`,
+            id: `${id}-market-${profile.ProfileId}`
+          },
+          /* @__PURE__ */ import_react13.default.createElement("span", { className: "!font-bold !text-[14px] text-gray-900 dark:text-[#f4f4f5cc] truncate" }, profile.EntityName),
+          isCurrent && /* @__PURE__ */ import_react13.default.createElement("span", { className: "shrink-0 rounded-full bg-blue-600 px-2.5 py-0.5 border-2 border-white text-[9px] font-bold uppercase tracking-wide text-white" }, "Logged In"),
+          isSwitching && /* @__PURE__ */ import_react13.default.createElement("span", { className: "shrink-0 text-[11px] text-gray-400" }, "Switching...")
+        );
+      }))),
+      /* @__PURE__ */ import_react13.default.createElement("div", { className: "border-t border-gray-200 dark:border-[#303036] mb-4" }),
+      /* @__PURE__ */ import_react13.default.createElement("div", { className: "", id: `${id}-footer` }, /* @__PURE__ */ import_react13.default.createElement(
+        "div",
+        {
+          onClick: () => {
+            onClose == null ? void 0 : onClose();
+            setShowLogoutConfirm(true);
+          },
+          className: "flex items-center gap-3 p-3 rounded-lg cursor-pointer text-red-600 hover:bg-red-50 dark:hover:bg-[#27272a] transition-colors duration-200",
+          id: `${id}-logout`
+        },
+        /* @__PURE__ */ import_react13.default.createElement(import_lucide_react7.LogOut, { width: 18, height: 18 }),
+        /* @__PURE__ */ import_react13.default.createElement("span", { className: "!font-bold !text-[14px]" }, "Logout")
+      ))
+    )),
+    document.body
+  ), /* @__PURE__ */ import_react13.default.createElement(
+    LogoutConfirmModal,
+    {
+      id: `${id}-logout-confirm`,
+      open: showLogoutConfirm,
+      onCancel: () => setShowLogoutConfirm(false),
+      onConfirm: handleConfirmLogout
+    }
+  ));
+};
+
+// src/sideBar/SideBar.jsx
+var SCOPE_LABELS = {
+  TMC: "TMC Manager",
+  TMC_ENTITY: "TMC Entity Manager"
+};
+var AppSideBar = ({
+  id = "side-bar",
+  username,
+  navItems,
+  additionalItems,
+  sideBarLogo,
+  onManageProfile,
+  onProfileSwitch,
+  onTmcSettings,
+  onLogout
+}) => {
+  var _a, _b;
+  const profileCardRef = (0, import_react14.useRef)(null);
+  const [authData, setAuthData] = (0, import_react14.useState)(null);
+  const [cookieUserName, setCookieUserName] = (0, import_react14.useState)(null);
+  const [scope, setScope] = (0, import_react14.useState)(null);
+  const [selectedCountry, setSelectedCountry] = (0, import_react14.useState)("dubai");
+  const [isMobileMenuOpen, setIsMobileMenuOpen] = (0, import_react14.useState)(false);
+  const [isSwitchProfileOpen, setIsSwitchProfileOpen] = (0, import_react14.useState)(false);
+  const [openMenus, setOpenMenus] = (0, import_react14.useState)(/* @__PURE__ */ new Set());
+  const [activeMenuPath, setActiveMenuPath] = (0, import_react14.useState)(null);
+  const [currAppearance, setCurrAppearance] = (0, import_react14.useState)("light");
+  (0, import_react14.useEffect)(() => {
+    setCurrAppearance("light");
+  }, []);
+  const countryOptions = [
+    { label: "India", value: "india" },
+    { label: "Dubai", value: "dubai" },
+    { label: "Singapore", value: "singapore" },
+    { label: "Qatar", value: "qatar" }
+  ];
+  const toggleMenu = (menuKey) => {
+    setOpenMenus((prev) => {
+      const newSet = new Set(prev);
+      if (newSet.has(menuKey)) {
+        newSet.delete(menuKey);
+      } else {
+        newSet.add(menuKey);
+      }
+      return newSet;
+    });
+  };
+  const isMenuOpen = (menuKey) => {
+    return openMenus.has(menuKey);
+  };
+  const handleMenuClick = (item, index, e) => {
+    if (item.isDropDown) {
+      e.preventDefault();
+      const menuKey = `menu-${index}`;
+      toggleMenu(menuKey);
+      setActiveMenuPath(`menu-${index}`);
+    } else {
+      setActiveMenuPath(`menu-${index}`);
+      if (item.onClick) {
+        item.onClick(e);
+      }
+      closeMobileMenu();
+    }
+  };
+  const handleSubMenuClick = (option, optionsIndex, parentIndex, e) => {
+    const parentMenuKey = `menu-${parentIndex}`;
+    setOpenMenus((prev) => {
+      const newSet = new Set(prev);
+      newSet.add(parentMenuKey);
+      return newSet;
+    });
+    if (option.isDropDown) {
+      e.preventDefault();
+      const menuKey = `menu-${parentIndex}-option-${optionsIndex}`;
+      toggleMenu(menuKey);
+      setActiveMenuPath(`menu-${parentIndex}-option-${optionsIndex}`);
+    } else {
+      setActiveMenuPath(`menu-${parentIndex}-option-${optionsIndex}`);
+      if (option.onClick) {
+        option.onClick();
+      }
+      closeMobileMenu();
+    }
+  };
+  const handleSubSubMenuClick = (subOption, parentIndex, optionsIndex, e) => {
+    const parentMenuKey = `menu-${parentIndex}`;
+    const subMenuKey = `menu-${parentIndex}-option-${optionsIndex}`;
+    setOpenMenus((prev) => {
+      const newSet = new Set(prev);
+      newSet.add(parentMenuKey);
+      newSet.add(subMenuKey);
+      return newSet;
+    });
+    setActiveMenuPath(`menu-${parentIndex}-option-${optionsIndex}-sub-${subOption.label}`);
+    if (subOption.onClick) {
+      subOption.onClick();
+    }
+    closeMobileMenu();
+  };
+  (0, import_react14.useEffect)(() => {
+    const storedAuthData = localStorage.getItem("authData");
+    if (storedAuthData) {
+      let parseData = JSON.parse(storedAuthData);
+      setAuthData(parseData);
+    }
+  }, [localStorage.getItem("authData")]);
+  (0, import_react14.useEffect)(() => {
+    const jettIdData = getJettIdCookieData();
+    if (jettIdData == null ? void 0 : jettIdData.UserName) {
+      setCookieUserName(jettIdData.UserName);
+    }
+    const cookieScope = getScopeFromJettIdCookie();
+    if (cookieScope) {
+      setScope(cookieScope);
+    }
+  }, []);
+  const extractUrlFromOnClick = (onClick) => {
+    if (!onClick || typeof onClick !== "function") return null;
+    const funcString = onClick.toString();
+    let match = funcString.match(/window\.location\.href\s*=\s*`([^`]+)`/);
+    if (!match) {
+      match = funcString.match(/window\.location\.href\s*=\s*["']([^"']+)["']/);
+    }
+    if (match && match[1]) {
+      try {
+        if (match[1].startsWith("http://") || match[1].startsWith("https://")) {
+          const url = new URL(match[1]);
+          return {
+            pathname: url.pathname,
+            search: url.search,
+            fullPath: url.pathname + url.search
+          };
+        }
+        if (match[1].startsWith("/")) {
+          const url = new URL(match[1], window.location.origin);
+          return {
+            pathname: url.pathname,
+            search: url.search,
+            fullPath: url.pathname + url.search
+          };
+        }
+        return null;
+      } catch {
+        const pathMatch = match[1].match(/^([^?]+)(\?.*)?$/);
+        if (pathMatch) {
+          return {
+            pathname: pathMatch[1],
+            search: pathMatch[2] || "",
+            fullPath: match[1]
+          };
+        }
+        return null;
+      }
+    }
+    return null;
+  };
+  const currentUrlMatches = (menuUrlData, currentPath, currentSearch) => {
+    if (!menuUrlData || !currentPath) return false;
+    const normalizedMenuPath = menuUrlData.pathname.replace(/\/$/, "") || "/";
+    const normalizedCurrentPath = currentPath.replace(/\/$/, "") || "/";
+    if (normalizedMenuPath === "/users/users" && normalizedCurrentPath === "/users/users") {
+      const menuParams = new URLSearchParams(menuUrlData.search);
+      const currentParams = new URLSearchParams(currentSearch);
+      const menuRole = menuParams.get("role");
+      const currentRole = currentParams.get("role");
+      if (menuRole && currentRole) {
+        return menuRole === currentRole;
+      }
+      if (menuRole && !currentRole || !menuRole && currentRole) {
+        return false;
+      }
+      return true;
+    }
+    if (normalizedMenuPath === "/corporate" && normalizedCurrentPath.startsWith("/org/organizations")) {
+      return true;
+    }
+    if (normalizedMenuPath === "/supplier" && normalizedCurrentPath === "/orgselector") {
+      const currentPathParam = new URLSearchParams(currentSearch).get("path");
+      if (currentPathParam === "supplier-list") {
+        return true;
+      }
+    }
+    if (normalizedMenuPath === "/supplierdeals" && normalizedCurrentPath === "/orgselector") {
+      const currentPathParam = new URLSearchParams(currentSearch).get("path");
+      if (currentPathParam === "supplier-deals") {
+        return true;
+      }
+    }
+    if (normalizedMenuPath === "/corporate/trips") {
+      if (normalizedCurrentPath.startsWith("/tripdetails") || normalizedCurrentPath.startsWith("/offline")) {
+        return true;
+      }
+    }
+    if (normalizedMenuPath === "/orgselector" && menuUrlData.search) {
+      const menuPathParam = new URLSearchParams(menuUrlData.search).get("path");
+      if (menuPathParam) {
+        const pathRouteMap = {
+          "offer": "/offer/offer",
+          "voucher": "/voucher/voucher",
+          "tag": "/tags/tags",
+          "special-requests": "/corporate/special-requests",
+          "pricing-policy": "/policies/pricing-policy",
+          "supplier-list": "/supplier",
+          "users": "/users/users"
+          // Consumer Ecosystem Users (no role param)
+        };
+        const expectedRoute = pathRouteMap[menuPathParam];
+        if (expectedRoute) {
+          if (normalizedCurrentPath === expectedRoute || normalizedCurrentPath.startsWith(expectedRoute + "/")) {
+            if (menuPathParam === "users") {
+              const currentParams = new URLSearchParams(currentSearch);
+              const currentRole = currentParams.get("role");
+              return currentRole !== "admin";
+            }
+            return true;
+          }
+        }
+      }
+      if (normalizedCurrentPath === "/orgselector") {
+        const menuPathParam2 = new URLSearchParams(menuUrlData.search).get("path");
+        const currentPathParam = new URLSearchParams(currentSearch).get("path");
+        if (menuPathParam2 && currentPathParam) {
+          return menuPathParam2 === currentPathParam;
+        }
+      }
+    }
+    if (normalizedMenuPath === normalizedCurrentPath) {
+      if (menuUrlData.search) {
+        const menuParams = new URLSearchParams(menuUrlData.search);
+        const currentParams = new URLSearchParams(currentSearch);
+        for (const [key, value] of menuParams.entries()) {
+          if (key === "auth") {
+            continue;
+          }
+          if (currentParams.get(key) !== value) {
+            return false;
+          }
+        }
+        return true;
+      }
+      return true;
+    }
+    if (normalizedCurrentPath.startsWith(normalizedMenuPath + "/")) {
+      return true;
+    }
+    return false;
+  };
+  const navItemsLocal = navItems ?? navItemsConstant;
+  const additionalItemsLocal = additionalItems ?? additionalItemsConstant;
+  const logoFromCookie = getLogoFromJettIdCookie();
+  const logoUrlFromCookie = logoFromCookie ? buildLogoUrl(logoFromCookie.CDNBasePath, logoFromCookie.logoPath) : null;
+  const logoUrlFromUserInfo = ((_a = authData == null ? void 0 : authData.userInfo) == null ? void 0 : _a.CDNBasePath) && ((_b = authData == null ? void 0 : authData.userInfo) == null ? void 0 : _b.OrgLogo) ? buildLogoUrl(
+    authData.userInfo.CDNBasePath,
+    authData.userInfo.OrgLogo
+  ) : null;
+  const sideBarLogoLocal = sideBarLogo ?? logoUrlFromCookie ?? logoUrlFromUserInfo ?? null;
+  const detectAndSetActiveMenu = (0, import_react14.useCallback)(() => {
+    const currentPath = window.location.pathname;
+    const currentSearch = window.location.search;
+    const newOpenMenus = /* @__PURE__ */ new Set();
+    let foundActivePath = null;
+    navItemsLocal.forEach((item, index) => {
+      if (!item.isDropDown && item.onClick && typeof item.onClick === "function") {
+        const itemUrlData = extractUrlFromOnClick(item.onClick);
+        if (itemUrlData && currentUrlMatches(itemUrlData, currentPath, currentSearch)) {
+          foundActivePath = `menu-${index}`;
+        }
+      }
+      if (item.options && item.options.length > 0) {
+        item.options.forEach((option, optionsIndex) => {
+          if (option.onClick && typeof option.onClick === "function") {
+            const optionUrlData = extractUrlFromOnClick(option.onClick);
+            if (optionUrlData && currentUrlMatches(optionUrlData, currentPath, currentSearch)) {
+              const menuKey = `menu-${index}`;
+              newOpenMenus.add(menuKey);
+              foundActivePath = `menu-${index}-option-${optionsIndex}`;
+              if (option.options && option.options.length > 0) {
+                option.options.forEach((subOption, subIndex) => {
+                  const subOptionUrlData = extractUrlFromOnClick(subOption.onClick);
+                  if (subOptionUrlData && currentUrlMatches(subOptionUrlData, currentPath, currentSearch)) {
+                    const subMenuKey = `menu-${index}-option-${optionsIndex}`;
+                    newOpenMenus.add(subMenuKey);
+                    foundActivePath = `menu-${index}-option-${optionsIndex}-sub-${subOption.label}`;
+                  }
+                });
+              }
+            }
+          }
+        });
+      }
+    });
+    if (foundActivePath) {
+      setOpenMenus(newOpenMenus);
+      setActiveMenuPath(foundActivePath);
+    }
+  }, [navItemsLocal]);
+  const [currentUrl, setCurrentUrl] = (0, import_react14.useState)(
+    () => window.location.pathname + window.location.search
+  );
+  (0, import_react14.useEffect)(() => {
+    detectAndSetActiveMenu();
+    setCurrentUrl(window.location.pathname + window.location.search);
+  }, [detectAndSetActiveMenu]);
+  (0, import_react14.useEffect)(() => {
+    let lastUrl = window.location.pathname + window.location.search;
+    const handleLocationChange = () => {
+      const newUrl = window.location.pathname + window.location.search;
+      if (newUrl !== lastUrl) {
+        lastUrl = newUrl;
+        setCurrentUrl(newUrl);
+        detectAndSetActiveMenu();
+      }
+    };
+    window.addEventListener("popstate", handleLocationChange);
+    const checkInterval = setInterval(() => {
+      const newUrl = window.location.pathname + window.location.search;
+      if (newUrl !== lastUrl) {
+        handleLocationChange();
+      }
+    }, 250);
+    return () => {
+      window.removeEventListener("popstate", handleLocationChange);
+      clearInterval(checkInterval);
+    };
+  }, [detectAndSetActiveMenu]);
+  (0, import_react14.useEffect)(() => {
+    detectAndSetActiveMenu();
+  }, [currentUrl, detectAndSetActiveMenu]);
+  const toggleMobileMenu = () => {
+    setIsMobileMenuOpen(!isMobileMenuOpen);
+  };
+  const closeMobileMenu = () => {
+    setIsMobileMenuOpen(false);
+  };
+  return /* @__PURE__ */ import_react14.default.createElement(import_react14.default.Fragment, null, /* @__PURE__ */ import_react14.default.createElement("div", { className: "fixed top-0 left-0 w-full z-50 flex items-center justify-between px-4 py-3 bg-white dark:bg-[#18181b] border-b border-gray-200 dark:border-[#303036] shadow-lg md:hidden", id: `${id}-div-1` }, /* @__PURE__ */ import_react14.default.createElement(
+    "button",
+    {
+      onClick: toggleMobileMenu,
+      className: "p-2 rounded-lg hover:bg-gray-50 dark:hover:bg-[#27272a] transition-colors",
+      "aria-label": "Toggle menu",
+      id: `${id}-button-1`
+    },
+    isMobileMenuOpen ? /* @__PURE__ */ import_react14.default.createElement(import_lucide_react8.X, { className: "w-6 h-6 text-gray-700 dark:text-[#f4f4f5cc]" }) : /* @__PURE__ */ import_react14.default.createElement(import_lucide_react8.Menu, { className: "w-6 h-6 text-gray-700 dark:text-[#f4f4f5cc]" })
+  ), /* @__PURE__ */ import_react14.default.createElement("div", { className: "flex-1 flex justify-center", id: `${id}-div-2` }, sideBarLogoLocal && /* @__PURE__ */ import_react14.default.createElement(
+    "img",
+    {
+      src: sideBarLogoLocal,
+      alt: "sidebarLogo",
+      width: 208,
+      height: 40,
+      className: "object-contain",
+      id: `${id}-img-1`
+    }
+  )), /* @__PURE__ */ import_react14.default.createElement("div", { className: "w-10", id: `${id}-div-3` })), isMobileMenuOpen && /* @__PURE__ */ import_react14.default.createElement(
+    "div",
+    {
+      className: "fixed inset-0 bg-black/80 bg-opacity-50 z-40 md:hidden",
+      onClick: closeMobileMenu,
+      id: `${id}-div-4`
+    }
+  ), /* @__PURE__ */ import_react14.default.createElement(
+    "div",
+    {
+      className: `fixed top-0 left-0 md:relative w-[320px] transition-all ease-in-out delay-100 bg-white dark:bg-[#18181b] border-r border-gray-200 dark:border-[#303036] flex flex-col p-4 pt-20 md:pt-4 h-full max-h-[100vh] xs:max-md:z-40 md:max-lg:w-[280px] ${isMobileMenuOpen ? "translate-x-0" : "-translate-x-full md:translate-x-0"}`,
+      id: `${id}-div-5`
+    },
+    /* @__PURE__ */ import_react14.default.createElement("div", { className: "p-2 mb-2 hidden md:block", id: `${id}-div-6` }, /* @__PURE__ */ import_react14.default.createElement("div", { className: "flex items-center justify-center w-full h-[60px] mb-2", id: `${id}-div-7` }, sideBarLogoLocal && /* @__PURE__ */ import_react14.default.createElement(
+      "img",
+      {
+        src: sideBarLogoLocal,
+        alt: "sidebarLogo",
+        width: 108,
+        height: 40,
+        className: "object-contain",
+        id: `${id}-img-2`
+      }
+    ))),
+    /* @__PURE__ */ import_react14.default.createElement("div", { className: "mb-4", id: `${id}-div-8` }),
+    /* @__PURE__ */ import_react14.default.createElement("div", { className: "overflow-y-auto scrollbar-hide", id: `${id}-div-9` }, /* @__PURE__ */ import_react14.default.createElement("div", { id: `${id}-div-10` }, navItemsLocal == null ? void 0 : navItemsLocal.map((item, index) => {
+      const menuKey = `menu-${index}`;
+      const isOpen = isMenuOpen(menuKey);
+      const isActive = activeMenuPath === menuKey;
+      return /* @__PURE__ */ import_react14.default.createElement("div", { key: index, className: "", id: `${id}-div-11` }, /* @__PURE__ */ import_react14.default.createElement(
+        "div",
+        {
+          className: `flex items-center gap-3 p-2.5 hover:bg-[#f4f4f5] dark:hover:bg-[#27272a] text-gray-700 dark:text-[#f4f4f5cc] cursor-pointer rounded-lg ml-2 mr-2 transition-colors duration-200 ${isActive ? "bg-[#f4f4f5] dark:bg-[#27272a]" : ""}`,
+          onClick: (e) => handleMenuClick(item, index, e),
+          id: `${id}-div-12`
+        },
+        /* @__PURE__ */ import_react14.default.createElement("div", { className: "text-primary", id: `${id}-div-13` }, /* @__PURE__ */ import_react14.default.createElement(item.Icon, { width: 20, height: 20, id: `${id}-icon-1` })),
+        /* @__PURE__ */ import_react14.default.createElement("span", { className: "!font-medium !text-[16px] !text-[#000] dark:text-[#f4f4f5cc]", id: `${id}-span-1` }, item.label),
+        item.isDropDown && /* @__PURE__ */ import_react14.default.createElement("div", { className: `ml-auto transition-all delay-75 ${isOpen ? "rotate-180" : ""}`, id: `${id}-div-14` }, /* @__PURE__ */ import_react14.default.createElement(import_lucide_react8.ChevronDown, { width: 20, height: 20, className: "text-gray-500 dark:text-gray-400" }))
+      ), item.options && item.options.length > 0 && /* @__PURE__ */ import_react14.default.createElement(
+        "div",
+        {
+          className: `ml-[20px] overflow-hidden flex flex-col transition-all duration-200 ${isOpen ? "max-h-[1000px] min-h-[50px]" : "max-h-0"}`,
+          id: `${id}-div-15`
+        },
+        item.options.map((options, optionsIndex) => {
+          const subMenuKey = `menu-${index}-option-${optionsIndex}`;
+          const isSubMenuOpen = isMenuOpen(subMenuKey);
+          const isSubActive = activeMenuPath === subMenuKey || (activeMenuPath == null ? void 0 : activeMenuPath.startsWith(`${subMenuKey}-`));
+          const isDisabled = options.isDisabled;
+          return /* @__PURE__ */ import_react14.default.createElement("div", { key: optionsIndex, className: "", id: `${id}-div-16-${optionsIndex}` }, /* @__PURE__ */ import_react14.default.createElement(
+            "div",
+            {
+              className: `group flex items-center gap-3 py-2 px-3 ml-4 mr-2 rounded-md transition-colors duration-200 ${isDisabled ? "cursor-not-allowed opacity-70 text-gray-400 dark:text-gray-500" : `hover:bg-[#f4f4f5] dark:hover:bg-[#27272a] text-gray-600 dark:text-[#a1a1aa] cursor-pointer ${isSubActive ? "bg-[#f4f4f5] dark:bg-[#27272a]" : ""}`}`,
+              onClick: (e) => {
+                if (isDisabled) {
+                  e.preventDefault();
+                  return;
+                }
+                handleSubMenuClick(options, optionsIndex, index, e);
+              },
+              id: `${id}-div-17-${optionsIndex}`
+            },
+            /* @__PURE__ */ import_react14.default.createElement("div", { id: `${id}-div-18-${optionsIndex}` }),
+            /* @__PURE__ */ import_react14.default.createElement("span", { className: `!font-medium !text-[15px] ${isDisabled ? "!text-[#3f3f46cc] dark:!text-[#a1a1aa]" : "!text-[#3f3f46cc] dark:!text-[#a1a1aa]"}`, id: `${id}-span-2-${optionsIndex}` }, options.label),
+            options.isDropDown && /* @__PURE__ */ import_react14.default.createElement(
+              "div",
+              {
+                className: `ml-auto transition-all delay-75 ${isSubMenuOpen ? "rotate-180" : ""}`,
+                id: `${id}-div-19-${optionsIndex}`
+              },
+              /* @__PURE__ */ import_react14.default.createElement(import_lucide_react8.ChevronDown, { width: 18, height: 18, className: "text-gray-400 dark:text-gray-500" })
+            )
+          ), options.options && options.options.length > 0 && /* @__PURE__ */ import_react14.default.createElement(
+            "div",
+            {
+              className: `ml-[20px] overflow-hidden flex flex-col transition-all duration-200 ${isSubMenuOpen ? "max-h-[1000px] min-h-[50px]" : "max-h-0"}`,
+              id: `${id}-div-20-${optionsIndex}`
+            },
+            options.options.map((subOption, subIndex) => {
+              const isSubSubActive = activeMenuPath === `menu-${index}-option-${optionsIndex}-sub-${subOption.label}`;
+              return /* @__PURE__ */ import_react14.default.createElement(
+                "div",
+                {
+                  key: subIndex,
+                  className: `py-1.5 px-3 rounded-md hover:bg-[#f4f4f5] dark:hover:bg-[#27272a] text-gray-500 dark:text-[#71717a] font-medium text-base cursor-pointer ml-8 mr-2 transition-colors duration-200 ${isSubSubActive ? "bg-[#f4f4f5] dark:bg-[#27272a]" : ""}`,
+                  onClick: (e) => handleSubSubMenuClick(subOption, index, optionsIndex, e),
+                  id: `${id}-div-21-${subIndex}`
+                },
+                subOption.label
+              );
+            })
+          ));
+        })
+      ));
+    }))),
+    /* @__PURE__ */ import_react14.default.createElement("div", { ref: profileCardRef, className: "relative mt-auto bg-[#fafafa] dark:bg-[#18181b] sticky bottom-0 mt-2", id: `${id}-div-22` }, /* @__PURE__ */ import_react14.default.createElement(
+      "div",
+      {
+        className: "group flex items-center justify-between p-2 rounded-lg hover:bg-[#f4f4f5] dark:hover:bg-[#27272a] cursor-pointer transition-colors duration-200",
+        onClick: () => setIsSwitchProfileOpen((prev) => !prev),
+        id: `${id}-div-23`
+      },
+      /* @__PURE__ */ import_react14.default.createElement("div", { className: "flex items-center gap-3", id: `${id}-div-24` }, /* @__PURE__ */ import_react14.default.createElement("span", { className: "relative flex shrink-0 overflow-hidden dark:bg-[#27272a] rounded-full h-10 w-10", id: `${id}-span-3` }, /* @__PURE__ */ import_react14.default.createElement("span", { className: "flex h-full w-full items-center justify-center !text-[16px] !font-normal border border-gray-200 dark:border-[#303036] rounded-full bg-muted dark:text-white", id: `${id}-span-4` }, cookieUserName ? cookieUserName.split("")[0] : "A")), /* @__PURE__ */ import_react14.default.createElement("div", { id: `${id}-div-25` }, /* @__PURE__ */ import_react14.default.createElement("p", { className: "!font-semibold dark:text-white !text-[16px]", id: `${id}-p-1` }, cookieUserName ? cookieUserName : "Admin"), /* @__PURE__ */ import_react14.default.createElement("p", { className: "!text-[14px] !font-normal dark:text-[#f4f4f5cc]", id: `${id}-p-2` }, SCOPE_LABELS[scope] ?? scope))),
+      /* @__PURE__ */ import_react14.default.createElement(
+        "span",
+        {
+          className: "text-gray-600 dark:text-gray-400",
+          id: `${id}-span-switch`
+        },
+        /* @__PURE__ */ import_react14.default.createElement(import_lucide_react8.ChevronRight, { width: 20, height: 22 })
+      )
+    ), /* @__PURE__ */ import_react14.default.createElement(
+      SwitchProfileSection,
+      {
+        id: `${id}-switch-profile`,
+        open: isSwitchProfileOpen,
+        anchorRef: profileCardRef,
+        onClose: () => setIsSwitchProfileOpen(false),
+        onManageProfile: () => {
+          setIsSwitchProfileOpen(false);
+          window.location.href = "/profile";
+        },
+        onProfileSwitch: (profile) => {
+          setIsSwitchProfileOpen(false);
+          onProfileSwitch == null ? void 0 : onProfileSwitch(profile);
+        },
+        onTmcSettings: () => {
+          setIsSwitchProfileOpen(false);
+          onTmcSettings == null ? void 0 : onTmcSettings();
+        },
+        onLogout: () => {
+          setIsSwitchProfileOpen(false);
+          if (onLogout) {
+            onLogout();
+          } else {
+            window.location.href = `${window.location.origin}/login/logout`;
+          }
+        }
+      }
+    ))
+  ));
+};
+
+// src/RightSheet/RightSheet.jsx
+var import_react15 = __toESM(require("react"));
+var RightSheet = ({
+  id = "right-sheet",
+  open,
+  setOpen,
+  children,
+  callBack,
+  actionLabel = "Save",
+  onAction = () => {
+  },
+  showFooter = true
+}) => {
+  const [visible, setVisible] = (0, import_react15.useState)(open);
+  (0, import_react15.useEffect)(() => {
+    if (open) {
+      document.body.style.overflow = "hidden";
+      setVisible(true);
+    }
+    return () => {
+      document.body.style.overflow = "auto";
+    };
+  }, [open]);
+  const handleClose = () => {
+    setVisible(false);
+    setTimeout(() => {
+      setOpen(false);
+      callBack();
+    }, 200);
+  };
+  const handleAction = () => {
+    onAction();
+    handleClose();
+  };
+  if (!visible) return null;
+  return /* @__PURE__ */ import_react15.default.createElement(
+    "div",
+    {
+      className: "fixed inset-0 overflow-x-hidden bg-black/80 sheetPopIn h-full overflow-auto ",
+      onClick: handleClose,
+      id: `${id}-div-1`
+    },
+    /* @__PURE__ */ import_react15.default.createElement(
+      "div",
+      {
+        className: `absolute flex flex-col right-0 top-0 min-h-full min-w-[100%] md:min-w-[576px]
+                ${visible ? "sheetRightSlide" : "transition-all duration-200 translate-x-[100%]"} justify-between bg-[#fff] dark:bg-[#18181b] dark:text-white`,
+        onClick: (e) => e.stopPropagation(),
+        id: `${id}-div-2`
+      },
+      /* @__PURE__ */ import_react15.default.createElement("div", { className: " min-h-full ", id: `${id}-div-3` }, children),
+      showFooter && /* @__PURE__ */ import_react15.default.createElement("div", { className: "h-[90px] flex flex-col-reverse sm:flex-row sm:justify-end sm:space-x-2 p-6 border-t sticky bottom-0 bg-white border-[#e6e6e6] dark:border-[#303036] dark:bg-[#18181b] dark:text-white", id: `${id}-div-4` }, /* @__PURE__ */ import_react15.default.createElement(CustomButton, { variant: "SECONDARY", onClick: () => handleClose(), id: `${id}-custom-button-1` }, "Cancel"), /* @__PURE__ */ import_react15.default.createElement(CustomButton, { variant: "SECONDARY", onClick: handleAction, id: `${id}-custom-button-2` }, actionLabel))
+    )
+  );
+};
+
+// src/Table/CustomTable.jsx
+var import_react16 = __toESM(require("react"));
+var CustomTable = ({
+  id = "custom-table",
+  tableHeader,
+  setIsAllChecked,
+  isAllChecked,
+  children,
+  isHideCheckbox = "false"
+}) => {
+  return /* @__PURE__ */ import_react16.default.createElement("div", { className: "border border-[#e5e5e5] dark:border-[#303036] rounded-lg overflow-x-auto", id: `${id}-div-1` }, /* @__PURE__ */ import_react16.default.createElement("div", { className: "w-full relative overflow-x-auto", id: `${id}-div-2` }, /* @__PURE__ */ import_react16.default.createElement("table", { className: "w-full caption-bottom text-sm overflow-x-auto bg-white dark:bg-[#18181b] table-fixed border-collapse", id: `${id}-table-1` }, /* @__PURE__ */ import_react16.default.createElement("thead", { className: "border-b border-[#e5e5e5] dark:border-[#303036] dark:bg-[#18181b]", id: `${id}-thead-1` }, /* @__PURE__ */ import_react16.default.createElement(
+    "tr",
+    {
+      className: "transition-colors text-[#737373] hover:bg-muted/50 \r\n                                data-[state=selected]:bg-muted",
+      id: `${id}-tr-1`
+    },
+    !isHideCheckbox && /* @__PURE__ */ import_react16.default.createElement("th", { className: "px-4 py-3 text-left w-[50px]", id: `${id}-th-1` }, /* @__PURE__ */ import_react16.default.createElement(
+      CustomCheckbox,
+      {
+        checked: isAllChecked,
+        onChange: () => {
+          setIsAllChecked(!isAllChecked);
+        },
+        id: `${id}-custom-checkbox-1`
+      }
+    )),
+    tableHeader.map((header, index) => {
+      return /* @__PURE__ */ import_react16.default.createElement(
+        "th",
+        {
+          className: `text-[#737373] px-4 py-3 text-sm dark:bg-[#18181b] font-medium ${index == tableHeader.length - 1 ? "text-right" : "text-left"}`,
+          key: header + index,
+          id: `${id}-th-2-${index}`
+        },
+        header
+      );
+    })
+  )), /* @__PURE__ */ import_react16.default.createElement("tbody", { id: `${id}-tbody-1` }, children))));
+};
+
+// src/inputs/Dropdown.jsx
+var import_react17 = __toESM(require("react"));
+var import_react_select = __toESM(require("react-select"));
+var isDarkMode = () => typeof document !== "undefined" && document.documentElement.classList.contains("dark");
+function buildStyles(isDark, error) {
+  return {
+    control: (base, state) => ({
+      ...base,
+      minHeight: "40px !important",
+      fontSize: 14,
+      borderRadius: "6px",
+      boxShadow: "none",
+      backgroundColor: state.isDisabled ? "#f3f4f6" : error ? "#fef2f2" : isDark ? "#18181b" : "#ffffff",
+      borderColor: state.isDisabled ? "#d1d5db" : error ? "#ef4444" : isDark ? "#303036" : "#e5e5e5",
+      outline: state.isFocused ? "2px solid #000" : "none",
+      outlineOffset: "2px",
+      "&:hover": {
+        borderColor: error ? "#ef4444" : "none"
+      }
+    }),
+    menu: (base) => ({
+      ...base,
+      backgroundColor: isDark ? "#18181b" : "#ffffff",
+      zIndex: 9999
+    }),
+    menuPortal: (base) => ({ ...base, zIndex: 9999 }),
+    option: (base, state) => ({
+      ...base,
+      fontSize: 14,
+      cursor: "pointer",
+      backgroundColor: state.isSelected ? "#0087FA" : state.isFocused ? isDark ? "#303036" : "#EBF5FF" : "transparent",
+      color: state.isSelected ? "#ffffff" : isDark ? "#f3f4f6" : "#111827",
+      "&:active": { backgroundColor: "#0087FA", color: "#ffffff" }
+    }),
+    singleValue: (base, state) => ({
+      ...base,
+      fontSize: 14,
+      fontWeight: 400,
+      color: state.isDisabled ? "#6b7280" : isDark ? "#f3f4f6" : "#111827"
+    }),
+    multiValue: (base) => ({
+      ...base,
+      backgroundColor: isDark ? "#303036" : "#EBF5FF"
+    }),
+    multiValueLabel: (base) => ({
+      ...base,
+      fontSize: 12,
+      color: isDark ? "#f3f4f6" : "#0087FA"
+    }),
+    multiValueRemove: (base) => ({
+      ...base,
+      color: isDark ? "#9ca3af" : "#0087FA",
+      "&:hover": { backgroundColor: "#0087FA", color: "#ffffff" }
+    }),
+    placeholder: (base) => ({
+      ...base,
+      fontSize: 14,
+      fontWeight: 400,
+      color: "#6b7280"
+    }),
+    input: (base) => ({
+      ...base,
+      fontSize: 14,
+      fontWeight: 400,
+      color: isDark ? "#f3f4f6" : "#111827"
+    }),
+    indicatorSeparator: () => ({ display: "none" }),
+    dropdownIndicator: (base) => ({
+      ...base,
+      padding: "0 6px",
+      color: isDark ? "#9ca3af" : "#6b7280"
+    }),
+    clearIndicator: (base) => ({
+      ...base,
+      padding: "0 4px",
+      color: isDark ? "#9ca3af" : "#6b7280",
+      cursor: "pointer",
+      "&:hover": { color: "#0087FA" }
+    }),
+    valueContainer: (base) => ({ ...base, padding: "2px 16px" })
+  };
+}
+var Dropdown = import_react17.default.forwardRef(
+  ({
+    id = "dropdown",
+    options,
+    placeholder = "Select...",
+    isDisabled = false,
+    isClearable = true,
+    isLoading = false,
+    error = false,
+    label,
+    heading,
+    isRequired = false,
+    name,
+    menuPortalTarget,
+    menuPosition = "absolute",
+    className,
+    style,
+    isMulti = false,
+    value,
+    onChange
+  }, ref) => {
+    const reactId = (0, import_react17.useId)();
+    const isDark = isDarkMode();
+    const styles = (0, import_react17.useMemo)(() => buildStyles(isDark, !!error), [isDark, error]);
+    const selectedValue = isMulti ? options.filter((o) => (value ?? []).includes(o.value)) : options.find((o) => o.value === value) ?? null;
+    const handleChange = (selected) => {
+      if (isMulti) {
+        onChange((selected ?? []).map((o) => o.value));
+      } else {
+        onChange((selected == null ? void 0 : selected.value) ?? null);
+      }
+    };
+    return /* @__PURE__ */ import_react17.default.createElement("div", { className: `flex flex-col gap-1 w-full ${className ?? ""}`, style, id: `${id}-div-1` }, heading && /* @__PURE__ */ import_react17.default.createElement("h3", { className: "text-lg font-semibold", id: `${id}-h3-1` }, heading), label && /* @__PURE__ */ import_react17.default.createElement(
+      "label",
+      {
+        htmlFor: reactId,
+        className: `font-[500] text-sm ${heading ? "text-[#737373]" : "text-black"} dark:text-white`,
+        id: `${id}-label-1`
+      },
+      label,
+      isRequired && /* @__PURE__ */ import_react17.default.createElement("span", { className: "text-red-500 ml-0.5", id: `${id}-span-1` }, "*")
+    ), /* @__PURE__ */ import_react17.default.createElement(
+      import_react_select.default,
+      {
+        ref,
+        inputId: reactId,
+        name,
+        options,
+        value: selectedValue,
+        onChange: handleChange,
+        placeholder,
+        isDisabled,
+        isClearable,
+        isLoading,
+        isMulti,
+        styles,
+        menuPortalTarget,
+        menuPosition,
+        classNamePrefix: "jett-dropdown"
+      }
+    ));
+  }
+);
+Dropdown.displayName = "Dropdown";
+
+// src/Calendar/Calendar.tsx
+var import_react18 = __toESM(require("react"));
+var import_dates = require("@mantine/dates");
+var Calendar = (props) => {
+  var _a, _b, _c, _d, _e, _f, _g, _h, _i;
+  const {
+    minDate,
+    maxDate,
+    excludeDate,
+    firstDayOfWeek = 1,
+    locale,
+    size,
+    className,
+    error
+  } = props;
+  const isRange = props.mode === "range";
+  const isDateTime = props.mode === "datetime";
+  const datesProviderSettings = {
+    firstDayOfWeek,
+    consistentWeeks: true
+  };
+  if (locale) {
+    datesProviderSettings.locale = locale;
+  }
+  const anchorDate = isRange ? ((_a = props.value) == null ? void 0 : _a[0]) ?? ((_b = props.value) == null ? void 0 : _b[1]) ?? ((_c = props.defaultValue) == null ? void 0 : _c[0]) ?? ((_d = props.defaultValue) == null ? void 0 : _d[1]) ?? void 0 : !isDateTime ? props.value ?? props.defaultValue ?? void 0 : void 0;
+  const [displayDate, setDisplayDate] = (0, import_react18.useState)(anchorDate ?? void 0);
+  const anchorTime = isRange ? ((_f = (_e = props.value) == null ? void 0 : _e[0]) == null ? void 0 : _f.getTime()) ?? ((_h = (_g = props.value) == null ? void 0 : _g[1]) == null ? void 0 : _h.getTime()) : !isDateTime ? (_i = props.value) == null ? void 0 : _i.getTime() : void 0;
+  (0, import_react18.useEffect)(() => {
+    if (anchorTime !== void 0) {
+      setDisplayDate(new Date(anchorTime));
+    }
+  }, [anchorTime]);
+  const weekendColorStyle = {
+    "--mantine-color-red-6": "var(--mantine-color-text)"
+  };
+  if (isRange) {
+    const datePickerProps2 = {
+      type: "range",
+      value: props.value,
+      defaultValue: props.defaultValue,
+      onChange: props.onChange,
+      minDate,
+      maxDate,
+      excludeDate,
+      size,
+      className,
+      date: displayDate,
+      onDateChange: setDisplayDate,
+      style: weekendColorStyle
+    };
+    return /* @__PURE__ */ import_react18.default.createElement(import_dates.DatesProvider, { settings: datesProviderSettings }, /* @__PURE__ */ import_react18.default.createElement(import_dates.DatePicker, { ...datePickerProps2 }));
+  }
+  if (isDateTime) {
+    const dateTimePickerProps = {
+      value: props.value,
+      defaultValue: props.defaultValue,
+      onChange: props.onChange,
+      minDate,
+      maxDate,
+      excludeDate,
+      size,
+      className,
+      error,
+      style: weekendColorStyle
+    };
+    return /* @__PURE__ */ import_react18.default.createElement(import_dates.DatesProvider, { settings: datesProviderSettings }, /* @__PURE__ */ import_react18.default.createElement(import_dates.DateTimePicker, { ...dateTimePickerProps }));
+  }
+  const datePickerProps = {
+    value: props.value,
+    defaultValue: props.defaultValue,
+    onChange: props.onChange,
+    minDate,
+    maxDate,
+    excludeDate,
+    size,
+    className,
+    date: displayDate,
+    onDateChange: setDisplayDate,
+    style: weekendColorStyle
+  };
+  return /* @__PURE__ */ import_react18.default.createElement(import_dates.DatesProvider, { settings: datesProviderSettings }, /* @__PURE__ */ import_react18.default.createElement(import_dates.DatePicker, { ...datePickerProps }));
+};
+
+// src/Pagination/Pagination.jsx
+var import_react19 = __toESM(require("react"));
+var import_lucide_react9 = require("lucide-react");
+var Pagination = ({
+  id = "pagination",
+  data = [],
+  component: Component,
+  itemsPerPage = 6,
+  itemsPerPageOptions = [5, 10, 20, 50, 100],
+  // Controlled props (optional)
+  currentPage: controlledCurrentPage,
+  onPageChange: controlledOnPageChange,
+  onItemsPerPageChange: controlledOnItemsPerPageChange,
+  // Legacy props for backward compatibility
+  totalPages,
+  totalItems: legacyTotalItems,
+  onPageChange: legacyOnPageChange,
+  onItemsPerPageChange: legacyOnItemsPerPageChange,
+  tableHeader,
+  isHideCheckbox,
+  callback,
+  isTable = false,
+  // Component props - any additional props to pass to the component
+  componentProps = {},
+  ...restProps
+}) => {
+  const [internalCurrentPage, setInternalCurrentPage] = (0, import_react19.useState)(1);
+  const [internalItemsPerPage, setInternalItemsPerPage] = (0, import_react19.useState)(itemsPerPage);
+  const isControlled = controlledCurrentPage !== void 0;
+  const isItemsPerPageControlled = controlledOnItemsPerPageChange !== void 0;
+  const currentPage = isControlled ? controlledCurrentPage : internalCurrentPage;
+  const activeItemsPerPage = isItemsPerPageControlled ? itemsPerPage : internalItemsPerPage;
+  const totalItems = legacyTotalItems !== void 0 ? legacyTotalItems : data.length;
+  const calculatedTotalPages = (0, import_react19.useMemo)(() => {
+    if (totalItems > 0 && activeItemsPerPage > 0) {
+      return Math.ceil(totalItems / activeItemsPerPage);
+    }
+    return 1;
+  }, [totalItems, activeItemsPerPage]);
+  const paginatedData = (0, import_react19.useMemo)(() => {
+    if (!data || data.length === 0) return [];
+    const startIndex = (currentPage - 1) * activeItemsPerPage;
+    const endIndex = startIndex + activeItemsPerPage;
+    return data.slice(startIndex, endIndex);
+  }, [data, currentPage, activeItemsPerPage]);
+  (0, import_react19.useEffect)(() => {
+    if (!isControlled && currentPage > calculatedTotalPages && calculatedTotalPages > 0) {
+      setInternalCurrentPage(1);
+    }
+  }, [calculatedTotalPages, isControlled, currentPage]);
+  const getPageNumbers = () => {
+    const pages = [];
+    const maxVisible = 5;
+    let startPage = Math.max(1, currentPage - Math.floor(maxVisible / 2));
+    let endPage = Math.min(calculatedTotalPages, startPage + maxVisible - 1);
+    if (endPage - startPage < maxVisible - 1) {
+      startPage = Math.max(1, endPage - maxVisible + 1);
+    }
+    for (let i = startPage; i <= endPage; i++) {
+      pages.push(i);
+    }
+    return pages;
+  };
+  const handlePageChange = (page) => {
+    if (page >= 1 && page <= calculatedTotalPages) {
+      if (isControlled && controlledOnPageChange) {
+        controlledOnPageChange(page);
+      } else if (legacyOnPageChange) {
+        legacyOnPageChange(page);
+      } else {
+        setInternalCurrentPage(page);
+      }
+    }
+  };
+  const startItem = totalItems !== void 0 ? (currentPage - 1) * activeItemsPerPage + 1 : null;
+  const endItem = totalItems !== void 0 ? Math.min(currentPage * activeItemsPerPage, totalItems) : null;
+  const renderContent = () => {
+    if (Component) {
+      if (import_react19.default.isValidElement(Component)) {
+        const ComponentType = Component.type;
+        const elementProps = Component.props;
+        if (isTable) {
+          return /* @__PURE__ */ import_react19.default.createElement(
+            CustomTable,
+            {
+              tableHeader,
+              isHideCheckbox,
+              id: `${id}-custom-table-1`
+            },
+            data.map((item, index) => {
+              return /* @__PURE__ */ import_react19.default.createElement(
+                ComponentType,
+                {
+                  key: item.id || item._id || index,
+                  data: item,
+                  ...elementProps,
+                  ...componentProps,
+                  ...restProps,
+                  id: `${id}-component-type-1-${index}`
+                }
+              );
+            })
+          );
+        } else {
+          if (isTable) {
+            return /* @__PURE__ */ import_react19.default.createElement(
+              CustomTable,
+              {
+                tableHeader,
+                isHideCheckbox,
+                id: `${id}-custom-table-2`
+              },
+              paginatedData.map((item, index) => {
+                return /* @__PURE__ */ import_react19.default.createElement(
+                  ComponentType,
+                  {
+                    key: item.id || item._id || index,
+                    data: item,
+                    ...elementProps,
+                    ...componentProps,
+                    ...restProps,
+                    id: `${id}-component-type-2-${index}`
+                  }
+                );
+              })
+            );
+          }
+        }
+      } else {
+        return /* @__PURE__ */ import_react19.default.createElement(
+          CustomTable,
+          {
+            tableHeader,
+            isHideCheckbox,
+            id: `${id}-custom-table-3`
+          },
+          paginatedData.map((item, index) => {
+            return /* @__PURE__ */ import_react19.default.createElement(
+              Component,
+              {
+                key: item.id || item._id || index,
+                data: item,
+                ...componentProps,
+                ...restProps,
+                id: `${id}-component-1-${index}`
+              }
+            );
+          })
+        );
+      }
+    }
+    return null;
+  };
+  return /* @__PURE__ */ import_react19.default.createElement(import_react19.default.Fragment, null, /* @__PURE__ */ import_react19.default.createElement(import_react19.default.Fragment, null, renderContent()), /* @__PURE__ */ import_react19.default.createElement("div", { className: "flex flex-col sm:flex-row justify-between items-center gap-4 px-4 py-3 border-t border-[#e5e5e5] dark:border-[#303036] bg-white dark:bg-[#18181b] z-10", id: `${id}-div-1` }, totalItems !== void 0 && /* @__PURE__ */ import_react19.default.createElement("div", { className: "text-sm text-[#737373] dark:text-white", id: `${id}-div-2` }, "Showing ", startItem, " to ", endItem, " of ", totalItems, " entries"), /* @__PURE__ */ import_react19.default.createElement("div", { className: "flex items-center gap-2", id: `${id}-div-3` }, /* @__PURE__ */ import_react19.default.createElement(
+    "button",
+    {
+      onClick: () => handlePageChange(1),
+      disabled: currentPage === 1,
+      className: `flex items-center justify-center w-9 h-9 rounded-md border border-[#e5e5e5] dark:border-[#303036] text-sm transition-colors ${currentPage === 1 ? "bg-gray-100 text-gray-400 cursor-not-allowed dark:bg-[#27272a] dark:text-gray-600" : "bg-white text-black hover:bg-gray-50 cursor-pointer dark:bg-[#18181b] dark:text-white dark:hover:bg-[#27272a]"}`,
+      title: "First page",
+      id: `${id}-button-1`
+    },
+    /* @__PURE__ */ import_react19.default.createElement(import_lucide_react9.ChevronsLeft, { size: 16 })
+  ), /* @__PURE__ */ import_react19.default.createElement(
+    "button",
+    {
+      onClick: () => handlePageChange(currentPage - 1),
+      disabled: currentPage === 1,
+      className: `flex items-center justify-center w-9 h-9 rounded-md border border-[#e5e5e5] dark:border-[#303036] text-sm transition-colors ${currentPage === 1 ? "bg-gray-100 text-gray-400 cursor-not-allowed dark:bg-[#27272a] dark:text-gray-600" : "bg-white text-black hover:bg-gray-50 cursor-pointer dark:bg-[#18181b] dark:text-white dark:hover:bg-[#27272a]"}`,
+      title: "Previous page",
+      id: `${id}-button-2`
+    },
+    /* @__PURE__ */ import_react19.default.createElement(import_lucide_react9.ChevronLeft, { size: 16 })
+  ), getPageNumbers().map((pageNum) => /* @__PURE__ */ import_react19.default.createElement(
+    "button",
+    {
+      key: pageNum,
+      onClick: () => handlePageChange(pageNum),
+      className: `flex items-center justify-center min-w-9 h-9 px-3 cursor-pointer rounded-md border border-[#e5e5e5] dark:border-[#303036] text-sm transition-colors ${currentPage === pageNum ? "bg-primary text-white border-primary dark:bg-primary" : "bg-white text-black hover:bg-gray-50 dark:bg-[#18181b] dark:text-white dark:hover:bg-[#27272a]"}`,
+      id: `${id}-button-3`
+    },
+    pageNum
+  )), /* @__PURE__ */ import_react19.default.createElement(
+    "button",
+    {
+      onClick: () => handlePageChange(currentPage + 1),
+      disabled: currentPage === calculatedTotalPages || calculatedTotalPages === 0,
+      className: `flex items-center justify-center w-9 h-9 rounded-md border border-[#e5e5e5] dark:border-[#303036] text-sm transition-colors ${currentPage === calculatedTotalPages || calculatedTotalPages === 0 ? "bg-gray-100 text-gray-400 cursor-not-allowed dark:bg-[#27272a] dark:text-gray-600" : "bg-white text-black hover:bg-gray-50 cursor-pointer dark:bg-[#18181b] dark:text-white dark:hover:bg-[#27272a]"}`,
+      title: "Next page",
+      id: `${id}-button-4`
+    },
+    /* @__PURE__ */ import_react19.default.createElement(import_lucide_react9.ChevronRight, { size: 16 })
+  ), /* @__PURE__ */ import_react19.default.createElement(
+    "button",
+    {
+      onClick: () => handlePageChange(calculatedTotalPages),
+      disabled: currentPage === calculatedTotalPages || calculatedTotalPages === 0,
+      className: `flex items-center justify-center w-9 h-9 rounded-md border border-[#e5e5e5] dark:border-[#303036] text-sm transition-colors ${currentPage === calculatedTotalPages || calculatedTotalPages === 0 ? "bg-gray-100 text-gray-400 cursor-not-allowed dark:bg-[#27272a] dark:text-gray-600" : "bg-white text-black hover:bg-gray-50 cursor-pointer dark:bg-[#18181b] dark:text-white dark:hover:bg-[#27272a]"}`,
+      title: "Last page",
+      id: `${id}-button-5`
+    },
+    /* @__PURE__ */ import_react19.default.createElement(import_lucide_react9.ChevronsRight, { size: 16 })
+  ))));
+};
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {
+  AppSideBar,
+  Calendar,
+  Chip,
+  CustomAutocomplete,
+  CustomButton,
+  CustomCheckbox,
+  CustomInput,
+  CustomSearch,
+  CustomSelect,
+  CustomSwitch,
+  CustomTable,
+  CustomTextarea,
+  CustomUpload,
+  Dropdown,
+  Pagination,
+  ProgressBar,
+  RightSheet
+});