jett.admin.npmpackage 2.0.34 → 2.0.37

package/dist/index.mjs

@@ -1,2130 +1,2508 @@
-// src/utils/cn.ts
-import { clsx } from "clsx";
-import { twMerge } from "tailwind-merge";
-function cn(...inputs) {
-  return twMerge(clsx(inputs));
-}
-
-// src/Button.jsx
-import React from "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__ */ React.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__ */ React.createElement("div", { id: `${id}-div-2` }, icon),
-    children
-  );
-};
-
-// src/inputs/Autocomplete.jsx
-import React2, { useState, useRef } from "react";
-import { ChevronDown, Check, Search } from "lucide-react";
-var CustomAutocomplete = ({
-  id = "autocomplete",
-  label,
-  value,
-  onChange,
-  options,
-  placeholder = "Search & select...",
-  isRequired = false,
-  error,
-  heading,
-  disabled = false
-}) => {
-  const [open, setOpen] = useState(false);
-  const [search, setSearch] = useState("");
-  const wrapperRef = 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__ */ React2.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__ */ React2.createElement("h3", { className: "text-lg font-semibold leading-6 mb-1", id: `${id}-h3-1` }, heading),
-    label && /* @__PURE__ */ React2.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__ */ React2.createElement("span", { className: "text-red-500", id: `${id}-span-1` }, "*")
-    ),
-    /* @__PURE__ */ React2.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__ */ React2.createElement("div", { className: "flex flex-wrap gap-1 flex-1", id: `${id}-div-3` }, selectedOptions.length > 0 ? selectedOptions.map((opt) => /* @__PURE__ */ React2.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__ */ React2.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__ */ React2.createElement("span", { className: "text-gray-400", id: `${id}-span-3` }, placeholder)),
-      /* @__PURE__ */ React2.createElement(
-        ChevronDown,
-        {
-          className: `w-4 h-4 text-gray-500 transition-transform ${open ? "rotate-180" : ""}`
-        }
-      )
-    ),
-    !disabled && open && /* @__PURE__ */ React2.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__ */ React2.createElement("div", { className: "flex items-center gap-2 p-2 border-b border-gray-200", id: `${id}-div-5` }, /* @__PURE__ */ React2.createElement(Search, { size: 16, className: "text-gray-400" }), /* @__PURE__ */ React2.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__ */ React2.createElement("ul", { id: `${id}-ul-1` }, filteredOptions.length > 0 ? filteredOptions.map((opt) => {
-      const selected = value.includes(opt.value);
-      return /* @__PURE__ */ React2.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__ */ React2.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__ */ React2.createElement(Check, { size: 14 })
-        ),
-        opt.label
-      );
-    }) : /* @__PURE__ */ React2.createElement("li", { className: "px-3 py-2 text-sm text-gray-400", id: `${id}-li-2` }, "No results found")))
-  );
-};
-
-// src/inputs/Checkbox.jsx
-import React3 from "react";
-var CustomCheckbox = ({ id = "checkbox", onChange, checked }) => {
-  const handleChange = (e) => {
-    onChange(e.target.checked);
-  };
-  return /* @__PURE__ */ React3.createElement("label", { className: "inline-flex items-center cursor-pointer select-none", id: `${id}-label-1` }, /* @__PURE__ */ React3.createElement(
-    "input",
-    {
-      type: "checkbox",
-      checked,
-      onChange: handleChange,
-      className: "peer hidden",
-      id: `${id}-input-1`
-    }
-  ), /* @__PURE__ */ React3.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__ */ React3.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__ */ React3.createElement("path", { d: "M5 13l4 4L19 7", id: `${id}-path-1` })
-    )
-  ));
-};
-
-// src/inputs/Chip.jsx
-import React4 from "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__ */ React4.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
-import React5 from "react";
-var CustomSwitch = ({ id = "custom-switch", checked, onChange, label, description }) => {
-  return /* @__PURE__ */ React5.createElement("div", { id: `${id}-div-1` }, /* @__PURE__ */ React5.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__ */ React5.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__ */ React5.createElement("div", { className: "flex flex-col", id: `${id}-div-2` }, label && /* @__PURE__ */ React5.createElement("h3", { className: "font-[500] text-sm text-black mb-2", id: `${id}-h3-1` }, label), description && /* @__PURE__ */ React5.createElement("p", { className: "font-[500] text-sm text-[#737373]", id: `${id}-p-1` }, description)));
-};
-
-// src/inputs/Input.jsx
-import React6 from "react";
-var CustomInput = ({
-  id = "input",
-  label,
-  isRequired,
-  value,
-  onChange,
-  placeholder,
-  disabled = false,
-  error,
-  heading
-}) => {
-  return /* @__PURE__ */ React6.createElement("div", { className: "flex flex-col gap-1 w-full", id: `${id}-div-1` }, heading && /* @__PURE__ */ React6.createElement("h3", { className: "text-lg font-semibold", id: `${id}-h3-1` }, heading), /* @__PURE__ */ React6.createElement(
-    "label",
-    {
-      className: `font-[500] text-sm ${heading ? "text-[#737373]" : "text-black"} dark:text-white`,
-      id: `${id}-label-1`
-    },
-    label,
-    " ",
-    isRequired && /* @__PURE__ */ React6.createElement("span", { className: "text-red-500", id: `${id}-span-1` }, "*")
-  ), /* @__PURE__ */ React6.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
-import React7 from "react";
-var ProgressBar = ({ id = "progress-bar", step, totalSteps }) => {
-  const progress = step / totalSteps * 100;
-  return /* @__PURE__ */ React7.createElement("div", { className: "mb-6", id: `${id}-div-1` }, /* @__PURE__ */ React7.createElement("p", { className: "text-gray-600 text-sm mb-2", id: `${id}-p-1` }, "Step ", step, " of ", totalSteps), /* @__PURE__ */ React7.createElement("div", { className: "w-full bg-gray-200 rounded-full h-2", id: `${id}-div-2` }, /* @__PURE__ */ React7.createElement(
-    "div",
-    {
-      className: "bg-black h-2 rounded-full transition-all duration-300",
-      style: { width: `${progress}%` },
-      id: `${id}-div-3`
-    }
-  )));
-};
-
-// src/inputs/Search.jsx
-import React8 from "react";
-import { Search as Search2 } from "lucide-react";
-var CustomSearch = ({
-  id = "search",
-  value,
-  onChange,
-  placeholder = "Search Markets..."
-}) => {
-  return /* @__PURE__ */ React8.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__ */ React8.createElement(Search2, { width: 16, height: 16, color: "gray", className: "mr-2" }), /* @__PURE__ */ React8.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
-import React9 from "react";
-var CustomTextarea = ({
-  id = "text-area",
-  label,
-  isRequired,
-  value,
-  onChange,
-  placeholder,
-  disabled = false,
-  error,
-  heading,
-  rows = 4
-}) => {
-  return /* @__PURE__ */ React9.createElement("div", { className: "flex flex-col gap-1 w-full", id: `${id}-div-1` }, heading && /* @__PURE__ */ React9.createElement("h3", { className: "text-lg font-semibold", id: `${id}-h3-1` }, heading), /* @__PURE__ */ React9.createElement(
-    "label",
-    {
-      className: `font-[500] text-sm ${heading ? "text-[#737373]" : "text-black"}`,
-      id: `${id}-label-1`
-    },
-    label,
-    " ",
-    isRequired && /* @__PURE__ */ React9.createElement("span", { className: "text-red-500", id: `${id}-span-1` }, "*")
-  ), /* @__PURE__ */ React9.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
-import React10, { useRef as useRef2 } from "react";
-import { Upload } from "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 = useRef2(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__ */ React10.createElement("div", { className: "flex flex-col gap-2 w-full", id: `${id}-div-1` }, label && /* @__PURE__ */ React10.createElement("label", { className: "text-sm font-medium", id: `${id}-label-1` }, label), /* @__PURE__ */ React10.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__ */ React10.createElement(Upload, { className: "w-6 h-6 text-gray-500 mb-2" }),
-    /* @__PURE__ */ React10.createElement("p", { className: "text-sm text-gray-700", id: `${id}-p-1` }, description),
-    /* @__PURE__ */ React10.createElement("p", { className: "text-xs text-gray-500 mt-1", id: `${id}-p-2` }, "File Supported: PDF/JPG/PNG, up to ", maxSizeMB, " MB"),
-    /* @__PURE__ */ React10.createElement(
-      "input",
-      {
-        ref: inputRef,
-        type: "file",
-        accept,
-        className: "hidden",
-        onChange: (e) => handleFileSelect(e.target.files),
-        id: `${id}-input-1`
-      }
-    )
-  ), value && /* @__PURE__ */ React10.createElement("span", { className: "text-sm truncate text-gray-500", id: `${id}-span-1` }, "Selected: ", value.name), error && /* @__PURE__ */ React10.createElement("p", { className: "text-xs text-red-500", id: `${id}-p-3` }, error));
-};
-
-// src/sideBar/SideBar.jsx
-import {
-  ChevronDown as ChevronDown3,
-  ChevronRight,
-  CircleSlash,
-  Globe,
-  LogOut as LogOut3,
-  Menu,
-  X
-} from "lucide-react";
-import React14, { useEffect as useEffect2, useState as useState4, useCallback, useRef as useRef4 } from "react";
-
-// ConstantUI.js
-import {
-  Home,
-  Banknote,
-  LifeBuoy,
-  Cog,
-  Building,
-  Handshake,
-  DollarSign,
-  BarChart3
-} from "lucide-react";
-var encodedAuthData = localStorage.getItem("encodedAuthData");
-var navItemsConstant = [
-  {
-    Icon: Home,
-    label: "Home",
-    onClick: () => {
-      window.location.href = "/";
-    },
-    isDropDown: false
-  },
-  {
-    Icon: 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: 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: 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: 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: BarChart3,
-    label: "Reports",
-    onClick: () => {
-    },
-    isDropDown: true,
-    options: [
-      {
-        label: "Reports",
-        onClick: () => {
-          window.location.href = "/reports/";
-        }
-      }
-    ]
-  },
-  {
-    Icon: 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: LifeBuoy,
-    label: "Help",
-    onClick: () => {
-      window.location.href = "/help";
-    }
-  }
-];
-
-// src/sideBar/SideBar.jsx
-import Cookies from "js-cookie";
-
-// src/inputs/CustomSelect.jsx
-import React11, { useState as useState2, useRef as useRef3 } from "react";
-import { ChevronDown as ChevronDown2, Search as Search3 } from "lucide-react";
-var CustomSelect = ({
-  id = "custom-select",
-  label,
-  value,
-  onChange,
-  options,
-  placeholder = "Select...",
-  isRequired = false,
-  error,
-  heading,
-  disabled = false
-}) => {
-  const [open, setOpen] = useState2(false);
-  const [search, setSearch] = useState2("");
-  const wrapperRef = useRef3(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__ */ React11.createElement(
-    "div",
-    {
-      className: "flex flex-col w-full relative",
-      ref: wrapperRef,
-      tabIndex: disabled ? -1 : 0,
-      onBlur: handleBlur,
-      id: `${id}-div-1`
-    },
-    heading && /* @__PURE__ */ React11.createElement("h3", { className: "text-lg font-semibold mb-1", id: `${id}-h3-1` }, heading),
-    label && /* @__PURE__ */ React11.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__ */ React11.createElement("span", { className: "text-red-500", id: `${id}-span-1` }, "*")
-    ),
-    /* @__PURE__ */ React11.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__ */ React11.createElement("span", { className: `${selectedOption ? "text-black dark:text-white" : "text-gray-400 dark:text-white"}`, id: `${id}-span-2` }, selectedOption ? selectedOption.label : placeholder),
-      /* @__PURE__ */ React11.createElement(
-        ChevronDown2,
-        {
-          className: `w-4 h-4 text-gray-500 transition-transform dark:text-white ${open ? "rotate-180" : ""}`
-        }
-      )
-    ),
-    open && !disabled && /* @__PURE__ */ React11.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__ */ React11.createElement("div", { className: "flex items-center gap-2 p-2 border-b border-gray-200", id: `${id}-div-4` }, /* @__PURE__ */ React11.createElement(Search3, { size: 16, className: "text-gray-400" }), /* @__PURE__ */ React11.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__ */ React11.createElement("ul", { id: `${id}-ul-1` }, filteredOptions.length > 0 ? filteredOptions.map((opt) => /* @__PURE__ */ React11.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__ */ React11.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/utils/switchProfileEncryption.js
-import forge from "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 = forge.util.decode64(modulus);
-  const decodedExponent = forge.util.decode64(exponent);
-  const publicKey = forge.pki.setRsaPublicKey(
-    new forge.jsbn.BigInteger(forge.util.bytesToHex(decodedModulus), 16),
-    new forge.jsbn.BigInteger(forge.util.bytesToHex(decodedExponent), 16)
-  );
-  return forge.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 = forge.pki.publicKeyFromPem(getPemKey());
-  const encrypted = publicKey.encrypt(plainText, "RSAES-PKCS1-V1_5");
-  return forge.util.encode64(encrypted).replace(/\r?\n|\r/g, "");
-};
-
-// src/utils/switchProfileApi.js
-var PROFILE_SWITCH_FLAG_KEY = "jett_profile_switch_done";
-var hasSwitchedProfileThisSession = () => {
-  try {
-    return typeof localStorage !== "undefined" && localStorage.getItem(PROFILE_SWITCH_FLAG_KEY) === "true";
-  } catch {
-    return false;
-  }
-};
-var markProfileSwitched = () => {
-  try {
-    if (typeof localStorage !== "undefined") {
-      localStorage.setItem(PROFILE_SWITCH_FLAG_KEY, "true");
-    }
-  } catch {
-  }
-};
-var clearProfileSwitchFlag = () => {
-  try {
-    if (typeof localStorage !== "undefined") {
-      localStorage.removeItem(PROFILE_SWITCH_FLAG_KEY);
-    }
-  } catch {
-  }
-};
-var 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
-});
-var switchProfile = async (profile) => {
-  markProfileSwitched();
-  const encryptedRequest = encryptForSwitchProfile(
-    JSON.stringify({
-      ProfileToken: profile.ProfileToken,
-      ProfileId: profile.ProfileId
-    })
-  );
-  return 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());
-};
-
-// src/sideBar/SwitchProfileSection.jsx
-import React13, { useEffect, useLayoutEffect, useState as useState3 } from "react";
-import { createPortal as createPortal2 } from "react-dom";
-import { LogOut as LogOut2, SlidersHorizontal } from "lucide-react";
-
-// src/sideBar/LogoutConfirmModal.jsx
-import React12 from "react";
-import { createPortal } from "react-dom";
-import { LogOut } from "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 createPortal(
-    /* @__PURE__ */ React12.createElement(
-      "div",
-      {
-        className: "fixed inset-0 z-[10000] flex items-center justify-center bg-black/50",
-        onClick: handleOverlayClick,
-        id: `${id}-overlay`
-      },
-      /* @__PURE__ */ React12.createElement("div", { className: "w-[360px] rounded-2xl bg-white dark:bg-[#18181b] p-6 text-center shadow-2xl", id: `${id}-dialog` }, /* @__PURE__ */ React12.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__ */ React12.createElement(LogOut, { className: "text-blue-600", width: 28, height: 28 })), /* @__PURE__ */ React12.createElement("p", { className: "!text-[22px] !font-semibold text-gray-900 dark:text-white" }, "Are you sure you want to logout?"), /* @__PURE__ */ React12.createElement("div", { className: "mt-6 flex gap-3" }, /* @__PURE__ */ React12.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__ */ React12.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/sideBar/SwitchProfileSection.jsx
-var SwitchProfileSection = ({
-  id = "switch-profile",
-  open,
-  anchorRef,
-  onClose,
-  onManageProfile,
-  onProfileSwitch,
-  onTmcSettings,
-  onLogout
-}) => {
-  const [position, setPosition] = useState3(null);
-  const [showLogoutConfirm, setShowLogoutConfirm] = useState3(false);
-  const [switchingProfileId, setSwitchingProfileId] = useState3(null);
-  const [switchError, setSwitchError] = useState3(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 handleProfileSwitch = async (profile) => {
-    var _a, _b, _c;
-    if (switchingProfileId) return;
-    setSwitchingProfileId(profile.ProfileId);
-    setSwitchError(null);
-    try {
-      const response = await switchProfile(profile);
-      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);
-    }
-  };
-  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]);
-  useEffect(() => {
-    if (!open) setSwitchError(null);
-  }, [open]);
-  useEffect(() => {
-    if (!switchError) return;
-    const timer = setTimeout(() => setSwitchError(null), 5e3);
-    return () => clearTimeout(timer);
-  }, [switchError]);
-  if (!open && !showLogoutConfirm || typeof document === "undefined") return null;
-  const handleConfirmLogout = () => {
-    setShowLogoutConfirm(false);
-    onLogout == null ? void 0 : onLogout();
-  };
-  return /* @__PURE__ */ React13.createElement(React13.Fragment, null, open && createPortal2(
-    /* @__PURE__ */ React13.createElement(React13.Fragment, null, /* @__PURE__ */ React13.createElement("div", { className: "fixed inset-0 z-[9999]", onClick: onClose, id: `${id}-backdrop` }), /* @__PURE__ */ React13.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__ */ React13.createElement("div", { className: "flex items-center justify-between gap-3 pb-4", id: `${id}-header` }, /* @__PURE__ */ React13.createElement("div", { className: "flex items-center gap-3 min-w-0", id: `${id}-header-user` }, /* @__PURE__ */ React13.createElement("span", { className: "relative flex shrink-0 overflow-hidden rounded-full h-10 w-10", id: `${id}-avatar` }, /* @__PURE__ */ React13.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__ */ React13.createElement("div", { className: "min-w-0", id: `${id}-header-text` }, /* @__PURE__ */ React13.createElement("p", { className: "!font-semibold dark:text-white !text-[14px] truncate" }, userName || "Admin"), /* @__PURE__ */ React13.createElement("p", { className: "!text-[10px] !font-normal text-gray-500 dark:text-[#f4f4f5cc] truncate" }, userEmail))), /* @__PURE__ */ React13.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__ */ React13.createElement("div", { className: "border-t border-gray-200 dark:border-[#303036] mb-4" }),
-      /* @__PURE__ */ React13.createElement("div", { className: "overflow-y-auto scrollbar-hide", id: `${id}-body` }, /* @__PURE__ */ React13.createElement("p", { className: "pb-4 text-[10px] font-bold tracking-wider text-[#737373] uppercase", id: `${id}-markets-label` }, "Your Markets"), switchError && /* @__PURE__ */ React13.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__ */ React13.createElement("div", { className: "flex flex-col gap-2 pb-4", id: `${id}-markets-list` }, markets.length === 0 && /* @__PURE__ */ React13.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__ */ React13.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__ */ React13.createElement("span", { className: "!font-bold !text-[14px] text-gray-900 dark:text-[#f4f4f5cc] truncate" }, profile.EntityName),
-          isCurrent && /* @__PURE__ */ React13.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__ */ React13.createElement("span", { className: "shrink-0 text-[11px] text-gray-400" }, "Switching...")
-        );
-      }))),
-      /* @__PURE__ */ React13.createElement("div", { className: "border-t border-gray-200 dark:border-[#303036] mb-4" }),
-      /* @__PURE__ */ React13.createElement("div", { className: "", id: `${id}-footer` }, /* @__PURE__ */ React13.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__ */ React13.createElement(LogOut2, { width: 18, height: 18 }),
-        /* @__PURE__ */ React13.createElement("span", { className: "!font-bold !text-[14px]" }, "Logout")
-      ))
-    )),
-    document.body
-  ), /* @__PURE__ */ React13.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 = useRef4(null);
-  const [authData, setAuthData] = useState4(null);
-  const [cookieUserName, setCookieUserName] = useState4(null);
-  const [scope, setScope] = useState4(null);
-  const [selectedCountry, setSelectedCountry] = useState4("dubai");
-  const [isMobileMenuOpen, setIsMobileMenuOpen] = useState4(false);
-  const [isSwitchProfileOpen, setIsSwitchProfileOpen] = useState4(false);
-  const [openMenus, setOpenMenus] = useState4(/* @__PURE__ */ new Set());
-  const [activeMenuPath, setActiveMenuPath] = useState4(null);
-  const [currAppearance, setCurrAppearance] = useState4("light");
-  useEffect2(() => {
-    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();
-  };
-  useEffect2(() => {
-    const storedAuthData = localStorage.getItem("authData");
-    if (storedAuthData) {
-      let parseData = JSON.parse(storedAuthData);
-      setAuthData(parseData);
-    }
-  }, [localStorage.getItem("authData")]);
-  useEffect2(() => {
-    const jettIdData = getJettIdCookieData();
-    if (jettIdData == null ? void 0 : jettIdData.UserName) {
-      setCookieUserName(jettIdData.UserName);
-    }
-    const cookieScope = getScopeFromJettIdCookie();
-    if (cookieScope) {
-      setScope(cookieScope);
-    }
-  }, []);
-  useEffect2(() => {
-    if (hasSwitchedProfileThisSession()) return;
-    const jettIdData = getJettIdCookieData();
-    const allProfiles = getProfilesFromJettIdCookie(true);
-    if (allProfiles.length <= 1) return;
-    const tmcProfile = allProfiles.find((profile) => profile.Scope === "TMC");
-    if (!tmcProfile || tmcProfile.ProfileId === (jettIdData == null ? void 0 : jettIdData.ProfileId)) return;
-    switchProfile(tmcProfile).then((response) => {
-      var _a2;
-      if ((_a2 = response == null ? void 0 : response.Response) == null ? void 0 : _a2.RedirectUrl) {
-        window.location.href = response.Response.RedirectUrl;
-      }
-    }).catch((error) => {
-      console.error("Auto TMC profile switch failed:", error);
-    });
-  }, []);
-  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 = 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] = useState4(
-    () => window.location.pathname + window.location.search
-  );
-  useEffect2(() => {
-    detectAndSetActiveMenu();
-    setCurrentUrl(window.location.pathname + window.location.search);
-  }, [detectAndSetActiveMenu]);
-  useEffect2(() => {
-    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]);
-  useEffect2(() => {
-    detectAndSetActiveMenu();
-  }, [currentUrl, detectAndSetActiveMenu]);
-  const toggleMobileMenu = () => {
-    setIsMobileMenuOpen(!isMobileMenuOpen);
-  };
-  const closeMobileMenu = () => {
-    setIsMobileMenuOpen(false);
-  };
-  return /* @__PURE__ */ React14.createElement(React14.Fragment, null, /* @__PURE__ */ React14.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__ */ React14.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__ */ React14.createElement(X, { className: "w-6 h-6 text-gray-700 dark:text-[#f4f4f5cc]" }) : /* @__PURE__ */ React14.createElement(Menu, { className: "w-6 h-6 text-gray-700 dark:text-[#f4f4f5cc]" })
-  ), /* @__PURE__ */ React14.createElement("div", { className: "flex-1 flex justify-center", id: `${id}-div-2` }, sideBarLogoLocal && /* @__PURE__ */ React14.createElement(
-    "img",
-    {
-      src: sideBarLogoLocal,
-      alt: "sidebarLogo",
-      width: 208,
-      height: 40,
-      className: "object-contain",
-      id: `${id}-img-1`
-    }
-  )), /* @__PURE__ */ React14.createElement("div", { className: "w-10", id: `${id}-div-3` })), isMobileMenuOpen && /* @__PURE__ */ React14.createElement(
-    "div",
-    {
-      className: "fixed inset-0 bg-black/80 bg-opacity-50 z-40 md:hidden",
-      onClick: closeMobileMenu,
-      id: `${id}-div-4`
-    }
-  ), /* @__PURE__ */ React14.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__ */ React14.createElement("div", { className: "p-2 mb-2 hidden md:block", id: `${id}-div-6` }, /* @__PURE__ */ React14.createElement("div", { className: "flex items-center justify-center w-full h-[60px] mb-2", id: `${id}-div-7` }, sideBarLogoLocal && /* @__PURE__ */ React14.createElement(
-      "img",
-      {
-        src: sideBarLogoLocal,
-        alt: "sidebarLogo",
-        width: 108,
-        height: 40,
-        className: "object-contain",
-        id: `${id}-img-2`
-      }
-    ))),
-    /* @__PURE__ */ React14.createElement("div", { className: "mb-4", id: `${id}-div-8` }),
-    /* @__PURE__ */ React14.createElement("div", { className: "overflow-y-auto scrollbar-hide", id: `${id}-div-9` }, /* @__PURE__ */ React14.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__ */ React14.createElement("div", { key: index, className: "", id: `${id}-div-11` }, /* @__PURE__ */ React14.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__ */ React14.createElement("div", { className: "text-primary", id: `${id}-div-13` }, /* @__PURE__ */ React14.createElement(item.Icon, { width: 20, height: 20, id: `${id}-icon-1` })),
-        /* @__PURE__ */ React14.createElement("span", { className: "!font-medium !text-[16px] !text-[#000] dark:text-[#f4f4f5cc]", id: `${id}-span-1` }, item.label),
-        item.isDropDown && /* @__PURE__ */ React14.createElement("div", { className: `ml-auto transition-all delay-75 ${isOpen ? "rotate-180" : ""}`, id: `${id}-div-14` }, /* @__PURE__ */ React14.createElement(ChevronDown3, { width: 20, height: 20, className: "text-gray-500 dark:text-gray-400" }))
-      ), item.options && item.options.length > 0 && /* @__PURE__ */ React14.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__ */ React14.createElement("div", { key: optionsIndex, className: "", id: `${id}-div-16-${optionsIndex}` }, /* @__PURE__ */ React14.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__ */ React14.createElement("div", { id: `${id}-div-18-${optionsIndex}` }),
-            /* @__PURE__ */ React14.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__ */ React14.createElement(
-              "div",
-              {
-                className: `ml-auto transition-all delay-75 ${isSubMenuOpen ? "rotate-180" : ""}`,
-                id: `${id}-div-19-${optionsIndex}`
-              },
-              /* @__PURE__ */ React14.createElement(ChevronDown3, { width: 18, height: 18, className: "text-gray-400 dark:text-gray-500" })
-            )
-          ), options.options && options.options.length > 0 && /* @__PURE__ */ React14.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__ */ React14.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__ */ React14.createElement("div", { ref: profileCardRef, className: "relative mt-auto bg-[#fafafa] dark:bg-[#18181b] sticky bottom-0 mt-2", id: `${id}-div-22` }, /* @__PURE__ */ React14.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__ */ React14.createElement("div", { className: "flex items-center gap-3", id: `${id}-div-24` }, /* @__PURE__ */ React14.createElement("span", { className: "relative flex shrink-0 overflow-hidden dark:bg-[#27272a] rounded-full h-10 w-10", id: `${id}-span-3` }, /* @__PURE__ */ React14.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__ */ React14.createElement("div", { id: `${id}-div-25` }, /* @__PURE__ */ React14.createElement("p", { className: "!font-semibold dark:text-white !text-[16px]", id: `${id}-p-1` }, cookieUserName ? cookieUserName : "Admin"), /* @__PURE__ */ React14.createElement("p", { className: "!text-[14px] !font-normal dark:text-[#f4f4f5cc]", id: `${id}-p-2` }, SCOPE_LABELS[scope] ?? scope))),
-      /* @__PURE__ */ React14.createElement(
-        "span",
-        {
-          className: "text-gray-600 dark:text-gray-400",
-          id: `${id}-span-switch`
-        },
-        /* @__PURE__ */ React14.createElement(ChevronRight, { width: 20, height: 22 })
-      )
-    ), /* @__PURE__ */ React14.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);
-          clearProfileSwitchFlag();
-          if (onLogout) {
-            onLogout();
-          } else {
-            window.location.href = `${window.location.origin}/login/logout`;
-          }
-        }
-      }
-    ))
-  ));
-};
-
-// src/RightSheet/RightSheet.jsx
-import React15, { useEffect as useEffect3, useState as useState5 } from "react";
-var RightSheet = ({
-  id = "right-sheet",
-  open,
-  setOpen,
-  children,
-  callBack,
-  actionLabel = "Save",
-  onAction = () => {
-  },
-  showFooter = true
-}) => {
-  const [visible, setVisible] = useState5(open);
-  useEffect3(() => {
-    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__ */ React15.createElement(
-    "div",
-    {
-      className: "fixed inset-0 overflow-x-hidden bg-black/80 sheetPopIn h-full overflow-auto ",
-      onClick: handleClose,
-      id: `${id}-div-1`
-    },
-    /* @__PURE__ */ React15.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__ */ React15.createElement("div", { className: " min-h-full ", id: `${id}-div-3` }, children),
-      showFooter && /* @__PURE__ */ React15.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__ */ React15.createElement(CustomButton, { variant: "SECONDARY", onClick: () => handleClose(), id: `${id}-custom-button-1` }, "Cancel"), /* @__PURE__ */ React15.createElement(CustomButton, { variant: "SECONDARY", onClick: handleAction, id: `${id}-custom-button-2` }, actionLabel))
-    )
-  );
-};
-
-// src/Table/CustomTable.jsx
-import React16 from "react";
-var CustomTable = ({
-  id = "custom-table",
-  tableHeader,
-  setIsAllChecked,
-  isAllChecked,
-  children,
-  isHideCheckbox = "false"
-}) => {
-  return /* @__PURE__ */ React16.createElement("div", { className: "border border-[#e5e5e5] dark:border-[#303036] rounded-lg overflow-x-auto", id: `${id}-div-1` }, /* @__PURE__ */ React16.createElement("div", { className: "w-full relative overflow-x-auto", id: `${id}-div-2` }, /* @__PURE__ */ React16.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__ */ React16.createElement("thead", { className: "border-b border-[#e5e5e5] dark:border-[#303036] dark:bg-[#18181b]", id: `${id}-thead-1` }, /* @__PURE__ */ React16.createElement(
-    "tr",
-    {
-      className: "transition-colors text-[#737373] hover:bg-muted/50 \r\n                                data-[state=selected]:bg-muted",
-      id: `${id}-tr-1`
-    },
-    !isHideCheckbox && /* @__PURE__ */ React16.createElement("th", { className: "px-4 py-3 text-left w-[50px]", id: `${id}-th-1` }, /* @__PURE__ */ React16.createElement(
-      CustomCheckbox,
-      {
-        checked: isAllChecked,
-        onChange: () => {
-          setIsAllChecked(!isAllChecked);
-        },
-        id: `${id}-custom-checkbox-1`
-      }
-    )),
-    tableHeader.map((header, index) => {
-      return /* @__PURE__ */ React16.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__ */ React16.createElement("tbody", { id: `${id}-tbody-1` }, children))));
-};
-
-// src/inputs/Dropdown.jsx
-import React17, { useId, useMemo } from "react";
-import ReactSelect from "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 = React17.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 = useId();
-    const isDark = isDarkMode();
-    const styles = 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__ */ React17.createElement("div", { className: `flex flex-col gap-1 w-full ${className ?? ""}`, style, id: `${id}-div-1` }, heading && /* @__PURE__ */ React17.createElement("h3", { className: "text-lg font-semibold", id: `${id}-h3-1` }, heading), label && /* @__PURE__ */ React17.createElement(
-      "label",
-      {
-        htmlFor: reactId,
-        className: `font-[500] text-sm ${heading ? "text-[#737373]" : "text-black"} dark:text-white`,
-        id: `${id}-label-1`
-      },
-      label,
-      isRequired && /* @__PURE__ */ React17.createElement("span", { className: "text-red-500 ml-0.5", id: `${id}-span-1` }, "*")
-    ), /* @__PURE__ */ React17.createElement(
-      ReactSelect,
-      {
-        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
-import React18, { useEffect as useEffect4, useState as useState6 } from "react";
-import {
-  DatePicker,
-  DateTimePicker,
-  DatesProvider
-} from "@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] = useState6(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;
-  useEffect4(() => {
-    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__ */ React18.createElement(DatesProvider, { settings: datesProviderSettings }, /* @__PURE__ */ React18.createElement(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__ */ React18.createElement(DatesProvider, { settings: datesProviderSettings }, /* @__PURE__ */ React18.createElement(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__ */ React18.createElement(DatesProvider, { settings: datesProviderSettings }, /* @__PURE__ */ React18.createElement(DatePicker, { ...datePickerProps }));
-};
-
-// src/Pagination/Pagination.jsx
-import React19, { useMemo as useMemo2, useState as useState7, useEffect as useEffect5 } from "react";
-import { ChevronLeft, ChevronRight as ChevronRight2, ChevronsLeft, ChevronsRight } from "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] = useState7(1);
-  const [internalItemsPerPage, setInternalItemsPerPage] = useState7(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 = useMemo2(() => {
-    if (totalItems > 0 && activeItemsPerPage > 0) {
-      return Math.ceil(totalItems / activeItemsPerPage);
-    }
-    return 1;
-  }, [totalItems, activeItemsPerPage]);
-  const paginatedData = useMemo2(() => {
-    if (!data || data.length === 0) return [];
-    const startIndex = (currentPage - 1) * activeItemsPerPage;
-    const endIndex = startIndex + activeItemsPerPage;
-    return data.slice(startIndex, endIndex);
-  }, [data, currentPage, activeItemsPerPage]);
-  useEffect5(() => {
-    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 (React19.isValidElement(Component)) {
-        const ComponentType = Component.type;
-        const elementProps = Component.props;
-        if (isTable) {
-          return /* @__PURE__ */ React19.createElement(
-            CustomTable,
-            {
-              tableHeader,
-              isHideCheckbox,
-              id: `${id}-custom-table-1`
-            },
-            data.map((item, index) => {
-              return /* @__PURE__ */ React19.createElement(
-                ComponentType,
-                {
-                  key: item.id || item._id || index,
-                  data: item,
-                  ...elementProps,
-                  ...componentProps,
-                  ...restProps,
-                  id: `${id}-component-type-1-${index}`
-                }
-              );
-            })
-          );
-        } else {
-          if (isTable) {
-            return /* @__PURE__ */ React19.createElement(
-              CustomTable,
-              {
-                tableHeader,
-                isHideCheckbox,
-                id: `${id}-custom-table-2`
-              },
-              paginatedData.map((item, index) => {
-                return /* @__PURE__ */ React19.createElement(
-                  ComponentType,
-                  {
-                    key: item.id || item._id || index,
-                    data: item,
-                    ...elementProps,
-                    ...componentProps,
-                    ...restProps,
-                    id: `${id}-component-type-2-${index}`
-                  }
-                );
-              })
-            );
-          }
-        }
-      } else {
-        return /* @__PURE__ */ React19.createElement(
-          CustomTable,
-          {
-            tableHeader,
-            isHideCheckbox,
-            id: `${id}-custom-table-3`
-          },
-          paginatedData.map((item, index) => {
-            return /* @__PURE__ */ React19.createElement(
-              Component,
-              {
-                key: item.id || item._id || index,
-                data: item,
-                ...componentProps,
-                ...restProps,
-                id: `${id}-component-1-${index}`
-              }
-            );
-          })
-        );
-      }
-    }
-    return null;
-  };
-  return /* @__PURE__ */ React19.createElement(React19.Fragment, null, /* @__PURE__ */ React19.createElement(React19.Fragment, null, renderContent()), /* @__PURE__ */ React19.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__ */ React19.createElement("div", { className: "text-sm text-[#737373] dark:text-white", id: `${id}-div-2` }, "Showing ", startItem, " to ", endItem, " of ", totalItems, " entries"), /* @__PURE__ */ React19.createElement("div", { className: "flex items-center gap-2", id: `${id}-div-3` }, /* @__PURE__ */ React19.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__ */ React19.createElement(ChevronsLeft, { size: 16 })
-  ), /* @__PURE__ */ React19.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__ */ React19.createElement(ChevronLeft, { size: 16 })
-  ), getPageNumbers().map((pageNum) => /* @__PURE__ */ React19.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__ */ React19.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__ */ React19.createElement(ChevronRight2, { size: 16 })
-  ), /* @__PURE__ */ React19.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__ */ React19.createElement(ChevronsRight, { size: 16 })
-  ))));
-};
-export {
-  AppSideBar,
-  Calendar,
-  Chip,
-  CustomAutocomplete,
-  CustomButton,
-  CustomCheckbox,
-  CustomInput,
-  CustomSearch,
-  CustomSelect,
-  CustomSwitch,
-  CustomTable,
-  CustomTextarea,
-  CustomUpload,
-  Dropdown,
-  Pagination,
-  ProgressBar,
-  RightSheet
-};
+// src/utils/cn.ts
+import { clsx } from "clsx";
+import { twMerge } from "tailwind-merge";
+function cn(...inputs) {
+  return twMerge(clsx(inputs));
+}
+
+// src/Button.jsx
+import React from "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__ */ React.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__ */ React.createElement("div", { id: `${id}-div-2` }, icon),
+    children
+  );
+};
+
+// src/inputs/Autocomplete.jsx
+import React2, { useState, useRef } from "react";
+import { ChevronDown, Check, Search } from "lucide-react";
+var CustomAutocomplete = ({
+  id = "autocomplete",
+  label,
+  value,
+  onChange,
+  options,
+  placeholder = "Search & select...",
+  isRequired = false,
+  error,
+  heading,
+  disabled = false
+}) => {
+  const [open, setOpen] = useState(false);
+  const [search, setSearch] = useState("");
+  const wrapperRef = 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__ */ React2.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__ */ React2.createElement("h3", { className: "text-lg font-semibold leading-6 mb-1", id: `${id}-h3-1` }, heading),
+    label && /* @__PURE__ */ React2.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__ */ React2.createElement("span", { className: "text-red-500", id: `${id}-span-1` }, "*")
+    ),
+    /* @__PURE__ */ React2.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__ */ React2.createElement("div", { className: "flex flex-wrap gap-1 flex-1", id: `${id}-div-3` }, selectedOptions.length > 0 ? selectedOptions.map((opt) => /* @__PURE__ */ React2.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__ */ React2.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__ */ React2.createElement("span", { className: "text-gray-400", id: `${id}-span-3` }, placeholder)),
+      /* @__PURE__ */ React2.createElement(
+        ChevronDown,
+        {
+          className: `w-4 h-4 text-gray-500 transition-transform ${open ? "rotate-180" : ""}`
+        }
+      )
+    ),
+    !disabled && open && /* @__PURE__ */ React2.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__ */ React2.createElement("div", { className: "flex items-center gap-2 p-2 border-b border-gray-200", id: `${id}-div-5` }, /* @__PURE__ */ React2.createElement(Search, { size: 16, className: "text-gray-400" }), /* @__PURE__ */ React2.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__ */ React2.createElement("ul", { id: `${id}-ul-1` }, filteredOptions.length > 0 ? filteredOptions.map((opt) => {
+      const selected = value.includes(opt.value);
+      return /* @__PURE__ */ React2.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__ */ React2.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__ */ React2.createElement(Check, { size: 14 })
+        ),
+        opt.label
+      );
+    }) : /* @__PURE__ */ React2.createElement("li", { className: "px-3 py-2 text-sm text-gray-400", id: `${id}-li-2` }, "No results found")))
+  );
+};
+
+// src/inputs/Checkbox.jsx
+import React3 from "react";
+var CustomCheckbox = ({ id = "checkbox", onChange, checked }) => {
+  const handleChange = (e) => {
+    onChange(e.target.checked);
+  };
+  return /* @__PURE__ */ React3.createElement("label", { className: "inline-flex items-center cursor-pointer select-none", id: `${id}-label-1` }, /* @__PURE__ */ React3.createElement(
+    "input",
+    {
+      type: "checkbox",
+      checked,
+      onChange: handleChange,
+      className: "peer hidden",
+      id: `${id}-input-1`
+    }
+  ), /* @__PURE__ */ React3.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__ */ React3.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__ */ React3.createElement("path", { d: "M5 13l4 4L19 7", id: `${id}-path-1` })
+    )
+  ));
+};
+
+// src/inputs/Chip.jsx
+import React4 from "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__ */ React4.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
+import React5 from "react";
+var CustomSwitch = ({ id = "custom-switch", checked, onChange, label, description }) => {
+  return /* @__PURE__ */ React5.createElement("div", { id: `${id}-div-1` }, /* @__PURE__ */ React5.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__ */ React5.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__ */ React5.createElement("div", { className: "flex flex-col", id: `${id}-div-2` }, label && /* @__PURE__ */ React5.createElement("h3", { className: "font-[500] text-sm text-black mb-2", id: `${id}-h3-1` }, label), description && /* @__PURE__ */ React5.createElement("p", { className: "font-[500] text-sm text-[#737373]", id: `${id}-p-1` }, description)));
+};
+
+// src/inputs/Input.jsx
+import React6 from "react";
+var CustomInput = ({
+  id = "input",
+  label,
+  isRequired,
+  value,
+  onChange,
+  placeholder,
+  disabled = false,
+  error,
+  heading
+}) => {
+  return /* @__PURE__ */ React6.createElement("div", { className: "flex flex-col gap-1 w-full", id: `${id}-div-1` }, heading && /* @__PURE__ */ React6.createElement("h3", { className: "text-lg font-semibold", id: `${id}-h3-1` }, heading), /* @__PURE__ */ React6.createElement(
+    "label",
+    {
+      className: `font-[500] text-sm ${heading ? "text-[#737373]" : "text-black"} dark:text-white`,
+      id: `${id}-label-1`
+    },
+    label,
+    " ",
+    isRequired && /* @__PURE__ */ React6.createElement("span", { className: "text-red-500", id: `${id}-span-1` }, "*")
+  ), /* @__PURE__ */ React6.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
+import React7 from "react";
+var ProgressBar = ({ id = "progress-bar", step, totalSteps }) => {
+  const progress = step / totalSteps * 100;
+  return /* @__PURE__ */ React7.createElement("div", { className: "mb-6", id: `${id}-div-1` }, /* @__PURE__ */ React7.createElement("p", { className: "text-gray-600 text-sm mb-2", id: `${id}-p-1` }, "Step ", step, " of ", totalSteps), /* @__PURE__ */ React7.createElement("div", { className: "w-full bg-gray-200 rounded-full h-2", id: `${id}-div-2` }, /* @__PURE__ */ React7.createElement(
+    "div",
+    {
+      className: "bg-black h-2 rounded-full transition-all duration-300",
+      style: { width: `${progress}%` },
+      id: `${id}-div-3`
+    }
+  )));
+};
+
+// src/inputs/Search.jsx
+import React8 from "react";
+import { Search as Search2 } from "lucide-react";
+var CustomSearch = ({
+  id = "search",
+  value,
+  onChange,
+  placeholder = "Search Markets..."
+}) => {
+  return /* @__PURE__ */ React8.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__ */ React8.createElement(Search2, { width: 16, height: 16, color: "gray", className: "mr-2" }), /* @__PURE__ */ React8.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
+import React9 from "react";
+var CustomTextarea = ({
+  id = "text-area",
+  label,
+  isRequired,
+  value,
+  onChange,
+  placeholder,
+  disabled = false,
+  error,
+  heading,
+  rows = 4
+}) => {
+  return /* @__PURE__ */ React9.createElement("div", { className: "flex flex-col gap-1 w-full", id: `${id}-div-1` }, heading && /* @__PURE__ */ React9.createElement("h3", { className: "text-lg font-semibold", id: `${id}-h3-1` }, heading), /* @__PURE__ */ React9.createElement(
+    "label",
+    {
+      className: `font-[500] text-sm ${heading ? "text-[#737373]" : "text-black"}`,
+      id: `${id}-label-1`
+    },
+    label,
+    " ",
+    isRequired && /* @__PURE__ */ React9.createElement("span", { className: "text-red-500", id: `${id}-span-1` }, "*")
+  ), /* @__PURE__ */ React9.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
+import React10, { useRef as useRef2 } from "react";
+import { Upload } from "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 = useRef2(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__ */ React10.createElement("div", { className: "flex flex-col gap-2 w-full", id: `${id}-div-1` }, label && /* @__PURE__ */ React10.createElement("label", { className: "text-sm font-medium", id: `${id}-label-1` }, label), /* @__PURE__ */ React10.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__ */ React10.createElement(Upload, { className: "w-6 h-6 text-gray-500 mb-2" }),
+    /* @__PURE__ */ React10.createElement("p", { className: "text-sm text-gray-700", id: `${id}-p-1` }, description),
+    /* @__PURE__ */ React10.createElement("p", { className: "text-xs text-gray-500 mt-1", id: `${id}-p-2` }, "File Supported: PDF/JPG/PNG, up to ", maxSizeMB, " MB"),
+    /* @__PURE__ */ React10.createElement(
+      "input",
+      {
+        ref: inputRef,
+        type: "file",
+        accept,
+        className: "hidden",
+        onChange: (e) => handleFileSelect(e.target.files),
+        id: `${id}-input-1`
+      }
+    )
+  ), value && /* @__PURE__ */ React10.createElement("span", { className: "text-sm truncate text-gray-500", id: `${id}-span-1` }, "Selected: ", value.name), error && /* @__PURE__ */ React10.createElement("p", { className: "text-xs text-red-500", id: `${id}-p-3` }, error));
+};
+
+// src/sideBar/SideBar.jsx
+import React14, { useEffect as useEffect3, useState as useState4, useCallback, useRef as useRef4, useMemo as useMemo2 } from "react";
+
+// ConstantUI.js
+import {
+  Home,
+  Banknote,
+  LifeBuoy,
+  Cog,
+  Building,
+  Handshake,
+  DollarSign,
+  BarChart3
+} from "lucide-react";
+var encodedAuthData = localStorage.getItem("encodedAuthData");
+var navItemsConstant = [
+  {
+    Icon: Home,
+    label: "Home",
+    onClick: () => {
+      window.location.href = "/";
+    },
+    isDropDown: false
+  },
+  {
+    Icon: 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: 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: 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: 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: BarChart3,
+    label: "Reports",
+    onClick: () => {
+    },
+    isDropDown: true,
+    options: [
+      {
+        label: "Reports",
+        onClick: () => {
+          window.location.href = "/reports/";
+        }
+      }
+    ]
+  },
+  {
+    Icon: Cog,
+    label: "Settings",
+    onClick: () => {
+    },
+    isDropDown: true,
+    options: [
+      {
+        label: "Whitelabel",
+        onClick: () => {
+          window.location.href = "/whitelabel/";
+        }
+      },
+      {
+        label: "Markets",
+        onClick: () => {
+          window.location.href = "/market/";
+        }
+      },
+      {
+        label: "AuthMesh",
+        onClick: () => {
+          window.location.href = "/settings/authmesh";
+        }
+      },
+      {
+        label: "Audit",
+        onClick: () => {
+          window.location.href = "/market/audit";
+        }
+      },
+      {
+        label: "Users",
+        onClick: () => {
+          window.location.href = `/users/users?role=admin&auth=${encodedAuthData}`;
+        }
+      },
+      {
+        label: "Reports Configurations",
+        onClick: () => {
+          window.location.href = "/reports/";
+        }
+      }
+    ]
+  }
+];
+var additionalItemsConstant = [
+  {
+    Icon: LifeBuoy,
+    label: "Help",
+    onClick: () => {
+      window.location.href = "/help";
+    }
+  }
+];
+
+// 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/utils/switchProfileEncryption.js
+import forge from "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 = forge.util.decode64(modulus);
+  const decodedExponent = forge.util.decode64(exponent);
+  const publicKey = forge.pki.setRsaPublicKey(
+    new forge.jsbn.BigInteger(forge.util.bytesToHex(decodedModulus), 16),
+    new forge.jsbn.BigInteger(forge.util.bytesToHex(decodedExponent), 16)
+  );
+  return forge.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 = forge.pki.publicKeyFromPem(getPemKey());
+  const encrypted = publicKey.encrypt(plainText, "RSAES-PKCS1-V1_5");
+  return forge.util.encode64(encrypted).replace(/\r?\n|\r/g, "");
+};
+
+// src/utils/switchProfileApi.js
+var PROFILE_SWITCH_FLAG_KEY = "jett_profile_switch_done";
+var hasSwitchedProfileThisSession = () => {
+  try {
+    return typeof localStorage !== "undefined" && localStorage.getItem(PROFILE_SWITCH_FLAG_KEY) === "true";
+  } catch {
+    return false;
+  }
+};
+var markProfileSwitched = () => {
+  try {
+    if (typeof localStorage !== "undefined") {
+      localStorage.setItem(PROFILE_SWITCH_FLAG_KEY, "true");
+    }
+  } catch {
+  }
+};
+var clearProfileSwitchFlag = () => {
+  try {
+    if (typeof localStorage !== "undefined") {
+      localStorage.removeItem(PROFILE_SWITCH_FLAG_KEY);
+    }
+  } catch {
+  }
+};
+var 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
+});
+var switchProfile = async (profile) => {
+  markProfileSwitched();
+  const encryptedRequest = encryptForSwitchProfile(
+    JSON.stringify({
+      ProfileToken: profile.ProfileToken,
+      ProfileId: profile.ProfileId
+    })
+  );
+  return 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());
+};
+
+// src/sideBar/SwitchProfileSection.jsx
+import React12, { useEffect, useLayoutEffect, useState as useState2 } from "react";
+import { createPortal as createPortal2 } from "react-dom";
+import { LogOut as LogOut2, UserRound } from "lucide-react";
+
+// src/sideBar/LogoutConfirmModal.jsx
+import React11 from "react";
+import { createPortal } from "react-dom";
+import { LogOut } from "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 createPortal(
+    /* @__PURE__ */ React11.createElement(
+      "div",
+      {
+        className: "fixed inset-0 z-[10000] flex items-center justify-center bg-black/50",
+        onClick: handleOverlayClick,
+        id: `${id}-overlay`
+      },
+      /* @__PURE__ */ React11.createElement("div", { className: "w-[360px] rounded-2xl bg-white dark:bg-[#18181b] p-6 text-center shadow-2xl", id: `${id}-dialog` }, /* @__PURE__ */ React11.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__ */ React11.createElement(LogOut, { className: "text-blue-600", width: 28, height: 28 })), /* @__PURE__ */ React11.createElement("p", { className: "!text-[22px] !font-semibold text-gray-900 dark:text-white" }, "Are you sure you want to logout?"), /* @__PURE__ */ React11.createElement("div", { className: "mt-6 flex gap-3" }, /* @__PURE__ */ React11.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__ */ React11.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/sideBar/SwitchProfileSection.jsx
+var SwitchProfileSection = ({
+  id = "switch-profile",
+  open,
+  anchorRef,
+  onClose,
+  onManageProfile,
+  onProfileSwitch,
+  onTmcSettings,
+  onLogout,
+  collapsed = false,
+  scopeLabel = ""
+}) => {
+  const [position, setPosition] = useState2(null);
+  const [showLogoutConfirm, setShowLogoutConfirm] = useState2(false);
+  const [switchingProfileId, setSwitchingProfileId] = useState2(null);
+  const [switchError, setSwitchError] = useState2(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 handleProfileSwitch = async (profile) => {
+    var _a, _b, _c;
+    if (switchingProfileId) return;
+    setSwitchingProfileId(profile.ProfileId);
+    setSwitchError(null);
+    try {
+      const response = await switchProfile(profile);
+      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);
+    }
+  };
+  useLayoutEffect(() => {
+    if (!open || !(anchorRef == null ? void 0 : anchorRef.current)) return;
+    const updatePosition = () => {
+      const rect = anchorRef.current.getBoundingClientRect();
+      const width = Math.min(296, window.innerWidth - 16);
+      setPosition(
+        collapsed ? { left: rect.right + 8, bottom: Math.max(8, window.innerHeight - rect.bottom) } : { left: Math.max(8, Math.min(rect.left + 12, window.innerWidth - width - 8)), bottom: window.innerHeight - rect.top - 4 }
+      );
+    };
+    updatePosition();
+    window.addEventListener("resize", updatePosition);
+    window.addEventListener("scroll", updatePosition, true);
+    return () => {
+      window.removeEventListener("resize", updatePosition);
+      window.removeEventListener("scroll", updatePosition, true);
+    };
+  }, [open, anchorRef, collapsed]);
+  useEffect(() => {
+    if (!open) setSwitchError(null);
+  }, [open]);
+  useEffect(() => {
+    if (!switchError) return;
+    const timer = setTimeout(() => setSwitchError(null), 5e3);
+    return () => clearTimeout(timer);
+  }, [switchError]);
+  if (!open && !showLogoutConfirm || typeof document === "undefined") return null;
+  const handleConfirmLogout = () => {
+    setShowLogoutConfirm(false);
+    onLogout == null ? void 0 : onLogout();
+  };
+  return /* @__PURE__ */ React12.createElement(React12.Fragment, null, open && createPortal2(
+    /* @__PURE__ */ React12.createElement("div", { className: "font-jett", "data-jett-shell": true }, /* @__PURE__ */ React12.createElement("div", { className: "fixed inset-0 z-[9999]", onClick: onClose, id: `${id}-backdrop`, "aria-hidden": "true" }), /* @__PURE__ */ React12.createElement(
+      "div",
+      {
+        role: "dialog",
+        "aria-label": "Account",
+        className: "fixed z-[9999] flex max-h-[75vh] w-[296px] max-w-[calc(100vw-16px)] flex-col overflow-hidden rounded-[10px] border border-jett-line bg-jett-surface text-jett-ink shadow-jett-pop",
+        style: position ? { left: position.left, bottom: position.bottom } : { left: -9999, bottom: 0 },
+        id: `${id}-panel`
+      },
+      /* @__PURE__ */ React12.createElement("div", { className: "flex items-center gap-3 p-4", id: `${id}-header` }, /* @__PURE__ */ React12.createElement("span", { className: "flex h-11 w-11 shrink-0 items-center justify-center rounded-full bg-jett-ink-800 text-[15px] font-semibold text-white", id: `${id}-avatar` }, userName ? userName.split(/\s+/).filter(Boolean).slice(0, 2).map((p) => p[0]).join("").toUpperCase() : "A"), /* @__PURE__ */ React12.createElement("div", { className: "min-w-0 flex-1", id: `${id}-header-text` }, /* @__PURE__ */ React12.createElement("div", { className: "truncate text-[14px] font-medium text-jett-ink-800" }, userName || "Admin"), userEmail && /* @__PURE__ */ React12.createElement("div", { className: "truncate text-[13px] text-jett-ink-500" }, userEmail), scopeLabel && /* @__PURE__ */ React12.createElement("span", { className: "mt-1.5 inline-flex rounded-full border border-jett-line bg-jett-fill px-[7px] py-px text-[11px] font-semibold text-jett-ink-600" }, scopeLabel))),
+      /* @__PURE__ */ React12.createElement("div", { className: "flex flex-col gap-0.5 px-2 pb-2" }, /* @__PURE__ */ React12.createElement(
+        "button",
+        {
+          type: "button",
+          onClick: onManageProfile,
+          className: "flex w-full cursor-pointer items-center gap-2.5 rounded-[6px] border-0 bg-transparent p-2 text-left text-[14px] text-jett-ink-700 hover:bg-jett-canvas hover:text-jett-ink",
+          id: `${id}-manage-profile-button`
+        },
+        /* @__PURE__ */ React12.createElement(UserRound, { width: 16, height: 16, strokeWidth: 1.8, className: "text-jett-ink-400", "aria-hidden": "true" }),
+        "Manage profile"
+      )),
+      /* @__PURE__ */ React12.createElement("div", { className: "min-h-0 overflow-y-auto border-t border-jett-line-row px-4 py-3 scrollbar-hide", id: `${id}-body` }, /* @__PURE__ */ React12.createElement("div", { className: "text-[11px] font-semibold uppercase tracking-[0.06em] text-jett-ink-400", id: `${id}-markets-label` }, "Your markets"), switchError && /* @__PURE__ */ React12.createElement("div", { role: "alert", className: "mt-2 rounded-[6px] border border-[#fca5a5] bg-jett-danger-soft px-3 py-2 text-[12px] font-medium text-jett-danger", id: `${id}-switch-error` }, switchError), /* @__PURE__ */ React12.createElement("div", { className: "mt-2 flex flex-col gap-1", role: "list", id: `${id}-markets-list` }, markets.length === 0 && /* @__PURE__ */ React12.createElement("p", { className: "!m-0 py-1 text-[13px] text-jett-ink-500", id: `${id}-markets-empty` }, "No markets available"), markets.map((profile) => {
+        const isCurrent = profile.ProfileId === currentProfileId;
+        const isSwitching = switchingProfileId === profile.ProfileId;
+        return /* @__PURE__ */ React12.createElement(
+          "button",
+          {
+            key: profile.ProfileId,
+            type: "button",
+            role: "listitem",
+            onClick: () => !isCurrent && handleProfileSwitch(profile),
+            disabled: isSwitching || !!switchingProfileId,
+            "aria-current": isCurrent || void 0,
+            className: `flex w-full items-center justify-between gap-2 rounded-[6px] border px-2.5 py-2 text-left transition-colors ${isCurrent ? "cursor-default border-jett-line bg-jett-fill" : "cursor-pointer border-transparent bg-transparent hover:bg-jett-canvas"} ${isSwitching ? "opacity-60" : ""}`,
+            id: `${id}-market-${profile.ProfileId}`
+          },
+          /* @__PURE__ */ React12.createElement("span", { className: `truncate text-[13px] text-jett-ink ${isCurrent ? "font-semibold" : "font-medium"}` }, profile.EntityName),
+          isCurrent && /* @__PURE__ */ React12.createElement("span", { className: "shrink-0 rounded-full bg-jett-brand-soft px-2 py-px text-[11px] font-semibold text-jett-brand-hover" }, "Signed in"),
+          isSwitching && /* @__PURE__ */ React12.createElement("span", { className: "shrink-0 text-[11px] text-jett-ink-400" }, "Switching\u2026")
+        );
+      }))),
+      /* @__PURE__ */ React12.createElement("div", { className: "border-t border-jett-line-row p-2", id: `${id}-footer` }, /* @__PURE__ */ React12.createElement(
+        "button",
+        {
+          type: "button",
+          onClick: () => {
+            onClose == null ? void 0 : onClose();
+            setShowLogoutConfirm(true);
+          },
+          className: "flex w-full cursor-pointer items-center gap-2.5 rounded-[6px] border-0 bg-transparent p-2 text-left text-[14px] font-semibold text-jett-danger hover:bg-jett-danger-soft",
+          id: `${id}-logout`
+        },
+        /* @__PURE__ */ React12.createElement(LogOut2, { width: 16, height: 16, strokeWidth: 1.8, "aria-hidden": "true" }),
+        "Log out"
+      ))
+    )),
+    document.body
+  ), /* @__PURE__ */ React12.createElement(
+    LogoutConfirmModal,
+    {
+      id: `${id}-logout-confirm`,
+      open: showLogoutConfirm,
+      onCancel: () => setShowLogoutConfirm(false),
+      onConfirm: handleConfirmLogout
+    }
+  ));
+};
+
+// src/sideBar/CommandPalette.jsx
+import React13, { useEffect as useEffect2, useMemo, useRef as useRef3, useState as useState3 } from "react";
+import { createPortal as createPortal3 } from "react-dom";
+var Kbd = ({ children, raised }) => /* @__PURE__ */ React13.createElement(
+  "span",
+  {
+    className: `inline-block min-w-[20px] rounded-[4px] border border-jett-line-soft bg-jett-surface px-[5px] text-center text-[11px] leading-[18px] font-medium text-jett-ink-500 ${raised ? "border-b-2 !text-[12px] text-jett-ink-700" : ""}`
+  },
+  children
+);
+var CommandPalette = ({ id = "command-palette", open, onClose, commands }) => {
+  const [q, setQ] = useState3("");
+  const [idx, setIdx] = useState3(0);
+  const inputRef = useRef3(null);
+  const listRef = useRef3(null);
+  useEffect2(() => {
+    if (!open) return;
+    setQ("");
+    setIdx(0);
+    const opener = document.activeElement;
+    const t = setTimeout(() => {
+      var _a;
+      return (_a = inputRef.current) == null ? void 0 : _a.focus();
+    }, 0);
+    return () => {
+      clearTimeout(t);
+      if (opener && opener.focus && document.contains(opener)) opener.focus({ preventScroll: true });
+    };
+  }, [open]);
+  const list = useMemo(() => {
+    const s = q.trim().toLowerCase();
+    return s ? commands.filter((c) => (c.label + " " + (c.sub || "")).toLowerCase().includes(s)) : commands;
+  }, [q, commands]);
+  const cur = Math.min(idx, Math.max(0, list.length - 1));
+  useEffect2(() => {
+    var _a, _b;
+    (_b = (_a = listRef.current) == null ? void 0 : _a.querySelector(`[data-idx="${cur}"]`)) == null ? void 0 : _b.scrollIntoView({ block: "nearest" });
+  }, [cur]);
+  if (!open || typeof document === "undefined") return null;
+  const run = (c) => {
+    var _a;
+    onClose();
+    (_a = c == null ? void 0 : c.run) == null ? void 0 : _a.call(c);
+  };
+  const onKey = (e) => {
+    if (e.key === "ArrowDown") {
+      e.preventDefault();
+      setIdx((cur + 1) % Math.max(1, list.length));
+    } else if (e.key === "ArrowUp") {
+      e.preventDefault();
+      setIdx((cur - 1 + list.length) % Math.max(1, list.length));
+    } else if (e.key === "Enter") {
+      e.preventDefault();
+      run(list[cur]);
+    } else if (e.key === "Tab") {
+      e.preventDefault();
+    }
+  };
+  return createPortal3(
+    /* @__PURE__ */ React13.createElement("div", { className: "font-jett", id }, /* @__PURE__ */ React13.createElement("div", { className: "fixed inset-0 z-[95] bg-[rgba(17,24,39,0.4)]", onClick: onClose, "aria-hidden": "true" }), /* @__PURE__ */ React13.createElement(
+      "div",
+      {
+        role: "dialog",
+        "aria-modal": "true",
+        "aria-label": "Command palette",
+        className: "fixed left-1/2 top-[12vh] z-[96] flex w-[calc(100%-32px)] max-w-[560px] -translate-x-1/2 flex-col overflow-hidden rounded-[12px] border border-jett-line bg-jett-surface shadow-jett-pop"
+      },
+      /* @__PURE__ */ React13.createElement("div", { className: "flex h-[52px] items-center gap-2.5 border-b border-jett-line-row px-4" }, /* @__PURE__ */ React13.createElement("svg", { width: "18", height: "18", viewBox: "0 0 24 24", fill: "none", stroke: "#9ca3af", strokeWidth: "2", strokeLinecap: "round", strokeLinejoin: "round", "aria-hidden": "true" }, /* @__PURE__ */ React13.createElement("circle", { cx: "11", cy: "11", r: "7" }), /* @__PURE__ */ React13.createElement("path", { d: "m20 20-3.5-3.5" })), /* @__PURE__ */ React13.createElement(
+        "input",
+        {
+          ref: inputRef,
+          type: "text",
+          role: "combobox",
+          "aria-expanded": "true",
+          "aria-controls": `${id}-list`,
+          "aria-activedescendant": list[cur] ? `${id}-opt-${cur}` : void 0,
+          value: q,
+          onChange: (e) => {
+            setQ(e.target.value);
+            setIdx(0);
+          },
+          onKeyDown: onKey,
+          placeholder: "Search screens and actions",
+          className: "h-full flex-1 border-0 bg-transparent p-0 text-[15px] text-jett-ink outline-none placeholder:text-jett-ink-400"
+        }
+      ), /* @__PURE__ */ React13.createElement(Kbd, null, "Esc")),
+      /* @__PURE__ */ React13.createElement("div", { ref: listRef, id: `${id}-list`, role: "listbox", className: "flex max-h-[360px] flex-col gap-0.5 overflow-y-auto p-1.5" }, list.map((c, i) => /* @__PURE__ */ React13.createElement(
+        "button",
+        {
+          key: c.label + (c.sub || ""),
+          id: `${id}-opt-${i}`,
+          "data-idx": i,
+          role: "option",
+          "aria-selected": i === cur,
+          type: "button",
+          tabIndex: -1,
+          onClick: () => run(c),
+          onMouseEnter: () => setIdx(i),
+          className: `flex cursor-pointer items-center gap-3 rounded-[6px] border-0 px-2.5 py-[9px] text-left ${i === cur ? "bg-jett-fill" : "bg-transparent"}`
+        },
+        /* @__PURE__ */ React13.createElement("span", { className: "min-w-0 flex-1 truncate text-[14px] font-medium text-jett-ink" }, c.label),
+        /* @__PURE__ */ React13.createElement("span", { className: "text-[12px] text-jett-ink-500" }, c.sub),
+        /* @__PURE__ */ React13.createElement("span", { className: "flex min-w-[44px] justify-end gap-[3px]" }, (c.keys || []).map((k) => /* @__PURE__ */ React13.createElement(Kbd, { key: k }, k)))
+      )), !list.length && /* @__PURE__ */ React13.createElement("div", { className: "px-2.5 py-6 text-center text-[14px] text-jett-ink-500" }, "No matches")),
+      /* @__PURE__ */ React13.createElement("div", { className: "flex gap-4 border-t border-jett-line-row px-4 py-2.5 text-[12px] text-jett-ink-500" }, /* @__PURE__ */ React13.createElement("span", null, "\u2191 \u2193 to move"), /* @__PURE__ */ React13.createElement("span", null, "\u21B5 to open"), /* @__PURE__ */ React13.createElement("span", null, "? for all shortcuts"))
+    )),
+    document.body
+  );
+};
+var ShortcutsSheet = ({ id = "shortcuts-sheet", open, onClose, sections }) => {
+  const closeRef = useRef3(null);
+  useEffect2(() => {
+    if (!open) return;
+    const opener = document.activeElement;
+    const t = setTimeout(() => {
+      var _a;
+      return (_a = closeRef.current) == null ? void 0 : _a.focus();
+    }, 0);
+    return () => {
+      clearTimeout(t);
+      if (opener && opener.focus && document.contains(opener)) opener.focus({ preventScroll: true });
+    };
+  }, [open]);
+  if (!open || typeof document === "undefined") return null;
+  return createPortal3(
+    /* @__PURE__ */ React13.createElement("div", { className: "font-jett", id }, /* @__PURE__ */ React13.createElement("div", { className: "fixed inset-0 z-[95] bg-[rgba(17,24,39,0.4)]", onClick: onClose, "aria-hidden": "true" }), /* @__PURE__ */ React13.createElement(
+      "div",
+      {
+        role: "dialog",
+        "aria-modal": "true",
+        "aria-label": "Keyboard shortcuts",
+        className: "fixed left-1/2 top-1/2 z-[96] max-h-[calc(100vh-64px)] w-[calc(100%-32px)] max-w-[640px] -translate-x-1/2 -translate-y-1/2 overflow-y-auto rounded-[12px] border border-jett-line bg-jett-surface shadow-jett-pop"
+      },
+      /* @__PURE__ */ React13.createElement("div", { className: "flex items-center justify-between border-b border-jett-line-row px-5 py-4" }, /* @__PURE__ */ React13.createElement("h2", { className: "!m-0 !text-[16px] !font-semibold text-jett-ink" }, "Keyboard shortcuts"), /* @__PURE__ */ React13.createElement(
+        "button",
+        {
+          ref: closeRef,
+          type: "button",
+          onClick: onClose,
+          title: "Close",
+          "aria-label": "Close",
+          className: "flex h-8 w-8 cursor-pointer items-center justify-center rounded-[6px] border-0 bg-transparent text-jett-ink-500 hover:bg-jett-fill"
+        },
+        /* @__PURE__ */ React13.createElement("svg", { width: "16", height: "16", viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: "2", strokeLinecap: "round", strokeLinejoin: "round", "aria-hidden": "true" }, /* @__PURE__ */ React13.createElement("path", { d: "M18 6 6 18M6 6l12 12" }))
+      )),
+      /* @__PURE__ */ React13.createElement("div", { className: "grid grid-cols-[repeat(auto-fit,minmax(260px,1fr))] gap-x-8 gap-y-2 px-5 pb-5 pt-2" }, sections.map((sec) => /* @__PURE__ */ React13.createElement("div", { key: sec.title, className: "flex flex-col" }, /* @__PURE__ */ React13.createElement("div", { className: "pb-1.5 pt-3 text-[11px] font-semibold uppercase tracking-[0.06em] text-jett-ink-400" }, sec.title), sec.rows.map((r) => /* @__PURE__ */ React13.createElement("div", { key: r.label, className: "flex items-center justify-between gap-3 border-b border-jett-line-row py-[7px]" }, /* @__PURE__ */ React13.createElement("span", { className: "text-[14px] text-jett-ink-700" }, r.label), /* @__PURE__ */ React13.createElement("span", { className: "flex items-center gap-1" }, r.keys.map((k) => /* @__PURE__ */ React13.createElement(Kbd, { key: k, raised: true }, k))))))))
+    )),
+    document.body
+  );
+};
+
+// src/sideBar/navMatch.js
+var 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;
+};
+var 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;
+};
+
+// src/sideBar/SideBar.jsx
+var SCOPE_LABELS = {
+  TMC: "TMC Manager",
+  TMC_ENTITY: "TMC Entity Manager"
+};
+var LS_COLLAPSED = "jett.sidebar.collapsed";
+var PHONE_MAX = 768;
+var AUTO_EXPAND = 1280;
+var GOTO = [
+  ["h", "Home"],
+  ["c", "Corporate"],
+  ["t", "Trips"],
+  ["r", "Special Request"],
+  ["b", "Booking & Invoices"],
+  ["e", "Pricing Engine"],
+  ["l", "Credit Management"],
+  ["s", "Suppliers List"],
+  ["d", "Supplier Deals"],
+  ["w", "Whitelabel"],
+  ["m", "Markets"],
+  ["p", "Users", "Settings"],
+  ["i", "AuthMesh"],
+  ["a", "Audit"]
+];
+var norm = (s) => String(s || "").trim().toLowerCase();
+var SOON_RX = /\s*\((coming )?soon\)\s*$/i;
+var cleanLabel = (s) => String(s || "").replace(SOON_RX, "");
+var isSoon = (o) => !!o.isDisabled || SOON_RX.test(o.label || "");
+var MAC = typeof navigator !== "undefined" && /Mac|iPhone|iPad/.test(navigator.platform || navigator.userAgent || "");
+var MOD = MAC ? "\u2318" : "Ctrl";
+var readPref = () => {
+  try {
+    const v = localStorage.getItem(LS_COLLAPSED);
+    return v === null ? null : v === "1";
+  } catch {
+    return null;
+  }
+};
+var initials = (name) => String(name || "A").split(/\s+/).filter(Boolean).slice(0, 2).map((p) => p[0]).join("").toUpperCase() || "A";
+var Chevron = ({ open }) => /* @__PURE__ */ React14.createElement("svg", { width: "14", height: "14", viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: "2", strokeLinecap: "round", strokeLinejoin: "round", className: "shrink-0 transition-transform duration-150", style: { transform: open ? "rotate(90deg)" : "none" }, "aria-hidden": "true" }, /* @__PURE__ */ React14.createElement("path", { d: "m9 18 6-6-6-6" }));
+var LogoTile = ({ size = 28 }) => /* @__PURE__ */ React14.createElement(
+  "div",
+  {
+    className: "flex shrink-0 items-center justify-center rounded-[6px] bg-jett-brand font-bold text-white",
+    style: { width: size, height: size, fontSize: size >= 28 ? 13 : 12 },
+    "aria-hidden": "true"
+  },
+  "J"
+);
+var AppSideBar = ({
+  id = "side-bar",
+  username,
+  navItems,
+  additionalItems,
+  sideBarLogo,
+  onManageProfile,
+  onProfileSwitch,
+  onTmcSettings,
+  onLogout
+}) => {
+  var _a, _b;
+  const profileCardRef = useRef4(null);
+  const [authData, setAuthData] = useState4(null);
+  const [cookieUserName, setCookieUserName] = useState4(null);
+  const [scope, setScope] = useState4(null);
+  const [isMobileMenuOpen, setIsMobileMenuOpen] = useState4(false);
+  const [isSwitchProfileOpen, setIsSwitchProfileOpen] = useState4(false);
+  const [openMenus, setOpenMenus] = useState4(/* @__PURE__ */ new Set());
+  const [activeMenuPath, setActiveMenuPath] = useState4(null);
+  const [width, setWidth] = useState4(() => typeof window === "undefined" ? 1440 : window.innerWidth);
+  const [pref, setPref] = useState4(readPref);
+  const [fly, setFly] = useState4(null);
+  const [palOpen, setPalOpen] = useState4(false);
+  const [helpOpen, setHelpOpen] = useState4(false);
+  const [ready, setReady] = useState4(false);
+  const gPending = useRef4(false);
+  const gTimer = useRef4(null);
+  const phone = width < PHONE_MAX;
+  const collapsed = !phone && (pref === null ? width < AUTO_EXPAND : pref);
+  const toggleMenu = (menuKey) => {
+    setOpenMenus((prev) => {
+      const next = new Set(prev);
+      if (next.has(menuKey)) next.delete(menuKey);
+      else next.add(menuKey);
+      return next;
+    });
+  };
+  const isMenuOpen = (menuKey) => openMenus.has(menuKey);
+  const closeMobileMenu = () => setIsMobileMenuOpen(false);
+  const handleMenuClick = (item, index, e) => {
+    if (item.isDropDown || item.options && item.options.length) {
+      e.preventDefault();
+      toggleMenu(`menu-${index}`);
+    } else {
+      setActiveMenuPath(`menu-${index}`);
+      if (item.onClick) item.onClick(e);
+      closeMobileMenu();
+    }
+  };
+  const handleSubMenuClick = (option, optionsIndex, parentIndex2, e) => {
+    const parentMenuKey = `menu-${parentIndex2}`;
+    setOpenMenus((prev) => new Set(prev).add(parentMenuKey));
+    if (option.isDropDown) {
+      e.preventDefault();
+      toggleMenu(`menu-${parentIndex2}-option-${optionsIndex}`);
+      return;
+    }
+    setActiveMenuPath(`menu-${parentIndex2}-option-${optionsIndex}`);
+    setFly(null);
+    if (option.onClick) option.onClick();
+    closeMobileMenu();
+  };
+  const handleSubSubMenuClick = (subOption, parentIndex2, optionsIndex) => {
+    setOpenMenus((prev) => {
+      const next = new Set(prev);
+      next.add(`menu-${parentIndex2}`);
+      next.add(`menu-${parentIndex2}-option-${optionsIndex}`);
+      return next;
+    });
+    setActiveMenuPath(`menu-${parentIndex2}-option-${optionsIndex}-sub-${subOption.label}`);
+    setFly(null);
+    if (subOption.onClick) subOption.onClick();
+    closeMobileMenu();
+  };
+  useEffect3(() => {
+    const storedAuthData = localStorage.getItem("authData");
+    if (storedAuthData) {
+      try {
+        setAuthData(JSON.parse(storedAuthData));
+      } catch {
+        setAuthData(null);
+      }
+    }
+  }, []);
+  useEffect3(() => {
+    const jettIdData = getJettIdCookieData();
+    if (jettIdData == null ? void 0 : jettIdData.UserName) setCookieUserName(jettIdData.UserName);
+    const cookieScope = getScopeFromJettIdCookie();
+    if (cookieScope) setScope(cookieScope);
+  }, []);
+  useEffect3(() => {
+    if (hasSwitchedProfileThisSession()) return;
+    const jettIdData = getJettIdCookieData();
+    const allProfiles = getProfilesFromJettIdCookie(true);
+    if (allProfiles.length <= 1) return;
+    const tmcProfile = allProfiles.find((profile) => profile.Scope === "TMC");
+    if (!tmcProfile || tmcProfile.ProfileId === (jettIdData == null ? void 0 : jettIdData.ProfileId)) return;
+    switchProfile(tmcProfile).then((response) => {
+      var _a2;
+      if ((_a2 = response == null ? void 0 : response.Response) == null ? void 0 : _a2.RedirectUrl) {
+        window.location.href = response.Response.RedirectUrl;
+      }
+    }).catch((error) => {
+      console.error("Auto TMC profile switch failed:", error);
+    });
+  }, []);
+  const navItemsLocal = navItems ?? navItemsConstant;
+  void (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 = 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)) {
+              newOpenMenus.add(`menu-${index}`);
+              foundActivePath = `menu-${index}-option-${optionsIndex}`;
+              if (option.options && option.options.length > 0) {
+                option.options.forEach((subOption) => {
+                  const subOptionUrlData = extractUrlFromOnClick(subOption.onClick);
+                  if (subOptionUrlData && currentUrlMatches(subOptionUrlData, currentPath, currentSearch)) {
+                    newOpenMenus.add(`menu-${index}-option-${optionsIndex}`);
+                    foundActivePath = `menu-${index}-option-${optionsIndex}-sub-${subOption.label}`;
+                  }
+                });
+              }
+            }
+          }
+        });
+      }
+    });
+    if (foundActivePath) {
+      setOpenMenus(newOpenMenus);
+      setActiveMenuPath(foundActivePath);
+    }
+  }, [navItemsLocal]);
+  useEffect3(() => {
+    detectAndSetActiveMenu();
+    let lastUrl = window.location.pathname + window.location.search;
+    const check = () => {
+      const newUrl = window.location.pathname + window.location.search;
+      if (newUrl !== lastUrl) {
+        lastUrl = newUrl;
+        detectAndSetActiveMenu();
+      }
+    };
+    window.addEventListener("popstate", check);
+    const interval = setInterval(check, 250);
+    return () => {
+      window.removeEventListener("popstate", check);
+      clearInterval(interval);
+    };
+  }, [detectAndSetActiveMenu]);
+  useEffect3(() => {
+    const onResize = () => {
+      setWidth(window.innerWidth);
+      setFly(null);
+    };
+    window.addEventListener("resize", onResize);
+    const r = requestAnimationFrame(() => requestAnimationFrame(() => setReady(true)));
+    return () => {
+      window.removeEventListener("resize", onResize);
+      cancelAnimationFrame(r);
+    };
+  }, []);
+  useEffect3(() => {
+    if (!phone) setIsMobileMenuOpen(false);
+  }, [phone]);
+  const toggleCollapsed = useCallback(() => {
+    if (phone) return;
+    const next = !collapsed;
+    try {
+      localStorage.setItem(LS_COLLAPSED, next ? "1" : "0");
+    } catch {
+    }
+    setPref(next);
+    setFly(null);
+    setIsSwitchProfileOpen(false);
+  }, [phone, collapsed]);
+  const screens = useMemo2(() => {
+    const out = [];
+    navItemsLocal.forEach((item) => {
+      if (item.options && item.options.length) {
+        item.options.forEach((o) => {
+          if (!isSoon(o) && o.onClick) out.push({ label: cleanLabel(o.label), group: item.label, run: () => o.onClick() });
+        });
+      } else if (item.onClick) {
+        out.push({ label: cleanLabel(item.label), group: "", run: () => item.onClick() });
+      }
+    });
+    return out;
+  }, [navItemsLocal]);
+  const gotoMap = useMemo2(() => {
+    const m = {};
+    GOTO.forEach(([key, label, group]) => {
+      const s = screens.find((x) => norm(x.label) === norm(label) && (!group || norm(x.group) === norm(group)));
+      if (s) m[key] = s;
+    });
+    return m;
+  }, [screens]);
+  const commands = useMemo2(() => {
+    const keyOf = new Map(Object.entries(gotoMap).map(([k, s]) => [s, k.toUpperCase()]));
+    const cmds = screens.map((s) => ({ label: s.label, sub: s.group, keys: keyOf.has(s) ? ["G", keyOf.get(s)] : [], run: s.run }));
+    if (!phone) cmds.push({ label: collapsed ? "Expand sidebar" : "Collapse sidebar", sub: "Action", keys: ["["], run: toggleCollapsed });
+    cmds.push({ label: "Keyboard shortcuts", sub: "Help", keys: ["?"], run: () => setHelpOpen(true) });
+    return cmds;
+  }, [screens, gotoMap, phone, collapsed, toggleCollapsed]);
+  const helpSections = useMemo2(
+    () => [
+      {
+        title: "Global",
+        rows: [
+          { label: "Focus search on this page", keys: [MOD, "K"] },
+          { label: "Focus search (alternative)", keys: ["/"] },
+          { label: "Jump to any screen or action", keys: [MOD, "\u21E7", "K"] },
+          { label: "Collapse or expand sidebar", keys: ["["] },
+          { label: "Close menu, drawer or dialog", keys: ["Esc"] },
+          { label: "Show this list", keys: ["?"] }
+        ]
+      },
+      { title: "Go to", rows: GOTO.filter(([k]) => gotoMap[k]).map(([k]) => ({ label: gotoMap[k].label, keys: ["G", k.toUpperCase()] })) },
+      {
+        title: "In the palette",
+        rows: [
+          { label: "Move selection", keys: ["\u2191", "\u2193"] },
+          { label: "Open selected", keys: ["\u21B5"] }
+        ]
+      }
+    ],
+    [gotoMap]
+  );
+  const stateRef = useRef4({});
+  stateRef.current = { palOpen, helpOpen, fly, isSwitchProfileOpen, isMobileMenuOpen, phone, gotoMap, toggleCollapsed };
+  useEffect3(() => {
+    const findSearch = () => Array.from(document.querySelectorAll('main input[type="search"], main input[placeholder^="Search"], input[type="search"], input[placeholder^="Search"]')).find(
+      (el) => el.offsetParent !== null && !el.closest("[data-jett-shell]")
+    );
+    const onKey = (e) => {
+      const s = stateRef.current;
+      const t = e.target;
+      const typing = t && (t.isContentEditable || /^(INPUT|TEXTAREA|SELECT)$/.test(t.tagName));
+      const mod = e.metaKey || e.ctrlKey;
+      const key = (e.key || "").toLowerCase();
+      if (mod && key === "k") {
+        e.preventDefault();
+        const el = !e.shiftKey && !s.palOpen ? findSearch() : null;
+        if (el && document.activeElement !== el) {
+          setHelpOpen(false);
+          el.focus();
+          if (el.select) el.select();
+          return;
+        }
+        setHelpOpen(false);
+        setFly(null);
+        setIsSwitchProfileOpen(false);
+        setPalOpen((o) => !o);
+        return;
+      }
+      if (e.key === "Escape") {
+        const close = () => {
+          e.preventDefault();
+          e.stopImmediatePropagation();
+        };
+        if (s.palOpen) return close(), setPalOpen(false);
+        if (s.helpOpen) return close(), setHelpOpen(false);
+        if (s.fly) return close(), setFly(null);
+        if (s.isSwitchProfileOpen) return close(), setIsSwitchProfileOpen(false);
+        if (s.isMobileMenuOpen) return close(), setIsMobileMenuOpen(false);
+        return;
+      }
+      if (typing || mod || e.altKey || s.palOpen) return;
+      if (gPending.current) {
+        gPending.current = false;
+        clearTimeout(gTimer.current);
+        const target = s.gotoMap[key];
+        if (target) {
+          e.preventDefault();
+          target.run();
+        }
+        return;
+      }
+      if (key === "g" && !e.shiftKey) {
+        gPending.current = true;
+        gTimer.current = setTimeout(() => gPending.current = false, 1200);
+        return;
+      }
+      if (e.key === "/") {
+        const el = findSearch();
+        if (el) {
+          e.preventDefault();
+          el.focus();
+          if (el.select) el.select();
+        }
+        return;
+      }
+      if (e.key === "?") {
+        e.preventDefault();
+        setHelpOpen((o) => !o);
+        return;
+      }
+      if (e.key === "[" && !s.phone) {
+        e.preventDefault();
+        s.toggleCollapsed();
+      }
+    };
+    window.addEventListener("keydown", onKey, true);
+    return () => {
+      window.removeEventListener("keydown", onKey, true);
+      clearTimeout(gTimer.current);
+    };
+  }, []);
+  const parentIndex = activeMenuPath ? Number((/^menu-(\d+)/.exec(activeMenuPath) || [])[1]) : -1;
+  const activeLabel = (() => {
+    var _a2, _b2;
+    if (!activeMenuPath) return "JETT Admin";
+    const m = /^menu-(\d+)(?:-option-(\d+))?/.exec(activeMenuPath);
+    const item = navItemsLocal[Number(m == null ? void 0 : m[1])];
+    if (!item) return "JETT Admin";
+    return cleanLabel(m[2] !== void 0 ? (_b2 = (_a2 = item.options) == null ? void 0 : _a2[Number(m[2])]) == null ? void 0 : _b2.label : item.label) || "JETT Admin";
+  })();
+  const displayName = username || cookieUserName || "Admin";
+  const scopeLabel = SCOPE_LABELS[scope] ?? scope ?? "";
+  const expanded = !collapsed;
+  const openFly = (index, e) => {
+    var _a2, _b2;
+    const r = e.currentTarget.getBoundingClientRect();
+    const n = ((_b2 = (_a2 = navItemsLocal[index]) == null ? void 0 : _a2.options) == null ? void 0 : _b2.length) || 1;
+    const top = Math.max(8, Math.min(r.top - 6, window.innerHeight - (n * 36 + 60)));
+    setIsSwitchProfileOpen(false);
+    setFly((f) => f && f.index === index ? null : { index, top });
+  };
+  const subItemClass = (active, soon) => `flex items-center justify-between gap-2 rounded-[6px] border-0 px-3 text-left !text-[14px] whitespace-nowrap w-full ${phone ? "py-[11px]" : "py-[6px]"} ${soon ? "cursor-default bg-transparent text-jett-ink-400" : active ? "cursor-pointer bg-jett-fill !font-semibold text-jett-ink" : "cursor-pointer bg-transparent !font-medium text-jett-ink-500 hover:bg-jett-fill hover:text-jett-ink"}`;
+  const renderOptions = (item, index, inFlyout) => item.options.map((option, optionsIndex) => {
+    const subKey = `menu-${index}-option-${optionsIndex}`;
+    const active = activeMenuPath === subKey || (activeMenuPath == null ? void 0 : activeMenuPath.startsWith(`${subKey}-`));
+    const soon = isSoon(option);
+    const hasKids = option.options && option.options.length > 0;
+    return /* @__PURE__ */ React14.createElement("div", { key: optionsIndex, id: `${id}-opt-${index}-${optionsIndex}` }, /* @__PURE__ */ React14.createElement(
+      "button",
+      {
+        type: "button",
+        disabled: soon,
+        "aria-disabled": soon || void 0,
+        "aria-current": active && !hasKids ? "page" : void 0,
+        "aria-expanded": hasKids ? isMenuOpen(subKey) : void 0,
+        title: soon ? "Not available yet" : void 0,
+        onClick: (e) => soon ? e.preventDefault() : handleSubMenuClick(option, optionsIndex, index, e),
+        className: `${subItemClass(active, soon)} ${inFlyout ? "!py-[7px] !px-2.5" : ""}`
+      },
+      /* @__PURE__ */ React14.createElement("span", { className: "truncate" }, cleanLabel(option.label)),
+      soon && /* @__PURE__ */ React14.createElement("span", { className: "text-[11px] font-semibold text-jett-ink-400" }, "Soon"),
+      hasKids && /* @__PURE__ */ React14.createElement(Chevron, { open: isMenuOpen(subKey) })
+    ), hasKids && isMenuOpen(subKey) && /* @__PURE__ */ React14.createElement("div", { className: "ml-3 flex flex-col gap-0.5 border-l border-jett-line pl-2" }, option.options.map((sub, subIndex) => {
+      const subActive = activeMenuPath === `${subKey}-sub-${sub.label}`;
+      return /* @__PURE__ */ React14.createElement("button", { key: subIndex, type: "button", "aria-current": subActive ? "page" : void 0, onClick: () => handleSubSubMenuClick(sub, index, optionsIndex), className: subItemClass(subActive, false) }, /* @__PURE__ */ React14.createElement("span", { className: "truncate" }, cleanLabel(sub.label)));
+    })));
+  });
+  const flyItem = fly ? navItemsLocal[fly.index] : null;
+  return /* @__PURE__ */ React14.createElement(React14.Fragment, null, phone && /* @__PURE__ */ React14.createElement("div", { "data-jett-shell": true, className: "font-jett fixed left-0 top-0 z-50 flex h-14 w-full items-center gap-2.5 border-b border-jett-line bg-jett-surface pl-1 pr-2", id: `${id}-div-1` }, /* @__PURE__ */ React14.createElement(
+    "button",
+    {
+      type: "button",
+      onClick: () => setIsMobileMenuOpen(true),
+      "aria-label": "Open menu",
+      title: "Open menu",
+      className: "flex h-11 w-11 cursor-pointer items-center justify-center rounded-[8px] border-0 bg-transparent text-jett-ink-700 hover:bg-jett-fill",
+      id: `${id}-button-1`
+    },
+    /* @__PURE__ */ React14.createElement("svg", { width: "20", height: "20", viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: "2", strokeLinecap: "round", strokeLinejoin: "round", "aria-hidden": "true" }, /* @__PURE__ */ React14.createElement("path", { d: "M4 6h16M4 12h16M4 18h16" }))
+  ), sideBarLogoLocal ? /* @__PURE__ */ React14.createElement("img", { src: sideBarLogoLocal, alt: "Logo", className: "h-[26px] max-w-[96px] object-contain", id: `${id}-img-1` }) : /* @__PURE__ */ React14.createElement(LogoTile, { size: 26 }), /* @__PURE__ */ React14.createElement("span", { className: "min-w-0 flex-1 truncate text-[15px] font-semibold text-jett-ink" }, activeLabel), /* @__PURE__ */ React14.createElement("button", { type: "button", onClick: () => setIsMobileMenuOpen(true), "aria-label": "Account", title: "Account", className: "flex h-11 w-11 cursor-pointer items-center justify-center border-0 bg-transparent" }, /* @__PURE__ */ React14.createElement("span", { className: "flex h-8 w-8 items-center justify-center rounded-full bg-jett-ink-800 text-[12px] font-semibold text-white" }, initials(displayName)))), phone && isMobileMenuOpen && /* @__PURE__ */ React14.createElement("div", { className: "fixed inset-0 z-[69] bg-[rgba(17,24,39,0.5)]", onClick: closeMobileMenu, "aria-hidden": "true", id: `${id}-div-4` }), /* @__PURE__ */ React14.createElement(
+    "aside",
+    {
+      "data-jett-shell": true,
+      "aria-label": "Main navigation",
+      className: `font-jett flex h-screen flex-col border-r border-jett-line bg-jett-surface text-jett-ink ${phone ? "fixed left-0 top-0 z-[70] max-w-[86vw]" : "relative"} ${ready ? "transition-[width,transform] duration-200 ease-in-out" : ""}`,
+      style: {
+        width: phone ? 280 : collapsed ? 64 : 256,
+        transform: phone && !isMobileMenuOpen ? "translateX(-100%)" : "none",
+        boxShadow: phone && isMobileMenuOpen ? "var(--shadow-jett-drawer)" : "none"
+      },
+      id: `${id}-div-5`
+    },
+    /* @__PURE__ */ React14.createElement("div", { className: `flex h-16 shrink-0 items-center gap-2.5 border-b border-jett-line-row ${collapsed ? "justify-center px-0" : "px-6"}`, id: `${id}-div-6` }, expanded && sideBarLogoLocal ? /* @__PURE__ */ React14.createElement("img", { src: sideBarLogoLocal, alt: "Logo", className: "h-8 max-w-[168px] object-contain", id: `${id}-img-2` }) : /* @__PURE__ */ React14.createElement(React14.Fragment, null, /* @__PURE__ */ React14.createElement(LogoTile, null), expanded && /* @__PURE__ */ React14.createElement("span", { className: "flex-1 whitespace-nowrap text-[15px] font-semibold tracking-[-0.01em] text-jett-ink" }, "JETT Admin")), phone && /* @__PURE__ */ React14.createElement(
+      "button",
+      {
+        type: "button",
+        onClick: closeMobileMenu,
+        "aria-label": "Close menu",
+        title: "Close menu",
+        className: "-mr-3 ml-auto flex h-11 w-11 cursor-pointer items-center justify-center rounded-[8px] border-0 bg-transparent text-jett-ink-500 hover:bg-jett-fill"
+      },
+      /* @__PURE__ */ React14.createElement("svg", { width: "18", height: "18", viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: "2", strokeLinecap: "round", strokeLinejoin: "round", "aria-hidden": "true" }, /* @__PURE__ */ React14.createElement("path", { d: "M18 6 6 18M6 6l12 12" }))
+    )),
+    /* @__PURE__ */ React14.createElement("nav", { className: "flex min-h-0 flex-1 flex-col gap-0.5 overflow-y-auto overflow-x-hidden px-3 py-4 scrollbar-hide", id: `${id}-div-9` }, expanded ? /* @__PURE__ */ React14.createElement(
+      "button",
+      {
+        type: "button",
+        onClick: () => {
+          closeMobileMenu();
+          setPalOpen(true);
+        },
+        className: "mb-2.5 flex h-[34px] w-full shrink-0 cursor-pointer items-center gap-2.5 whitespace-nowrap rounded-[6px] border border-jett-line-soft bg-jett-canvas pl-3 pr-2 text-left text-[13px] text-jett-ink-500 hover:border-jett-line-control hover:text-jett-ink-700"
+      },
+      /* @__PURE__ */ React14.createElement("svg", { width: "16", height: "16", viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: "2", strokeLinecap: "round", strokeLinejoin: "round", className: "shrink-0", "aria-hidden": "true" }, /* @__PURE__ */ React14.createElement("circle", { cx: "11", cy: "11", r: "7" }), /* @__PURE__ */ React14.createElement("path", { d: "m20 20-3.5-3.5" })),
+      /* @__PURE__ */ React14.createElement("span", { className: "flex-1" }, "Jump to\u2026"),
+      !phone && /* @__PURE__ */ React14.createElement(Kbd, null, MAC ? "\u21E7\u2318K" : "Ctrl \u21E7 K")
+    ) : /* @__PURE__ */ React14.createElement(
+      "button",
+      {
+        type: "button",
+        onClick: () => setPalOpen(true),
+        title: `Jump to  ${MAC ? "\u21E7\u2318K" : "Ctrl \u21E7 K"}`,
+        "aria-label": "Search or jump to",
+        className: "mx-auto mb-2 flex h-10 w-10 shrink-0 cursor-pointer items-center justify-center rounded-[8px] border border-jett-line-soft bg-jett-canvas text-jett-ink-500 hover:border-jett-line-control hover:text-jett-ink-700"
+      },
+      /* @__PURE__ */ React14.createElement("svg", { width: "16", height: "16", viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: "2", strokeLinecap: "round", strokeLinejoin: "round", "aria-hidden": "true" }, /* @__PURE__ */ React14.createElement("circle", { cx: "11", cy: "11", r: "7" }), /* @__PURE__ */ React14.createElement("path", { d: "m20 20-3.5-3.5" }))
+    ), navItemsLocal == null ? void 0 : navItemsLocal.map((item, index) => {
+      const menuKey = `menu-${index}`;
+      const hasOptions = !!(item.options && item.options.length);
+      const isOpen = isMenuOpen(menuKey);
+      const isParent = index === parentIndex;
+      const Icon = item.Icon;
+      const iconEl = Icon ? /* @__PURE__ */ React14.createElement(Icon, { width: 18, height: 18, strokeWidth: 1.8, className: `shrink-0 ${isParent ? "text-jett-brand" : "text-jett-ink-400"}`, "aria-hidden": "true" }) : null;
+      if (collapsed) {
+        const flying = fly && fly.index === index;
+        return /* @__PURE__ */ React14.createElement(
+          "button",
+          {
+            key: index,
+            type: "button",
+            title: item.label,
+            "aria-label": item.label,
+            "aria-haspopup": hasOptions ? "menu" : void 0,
+            "aria-expanded": hasOptions ? !!flying : void 0,
+            onClick: (e) => hasOptions ? openFly(index, e) : handleMenuClick(item, index, e),
+            className: `mx-auto flex h-10 w-10 shrink-0 cursor-pointer items-center justify-center rounded-[8px] border-0 ${isParent ? "bg-jett-brand-soft" : flying ? "bg-jett-fill" : "bg-transparent hover:bg-jett-fill"}`,
+            id: `${id}-div-12-${index}`
+          },
+          iconEl
+        );
+      }
+      return /* @__PURE__ */ React14.createElement("div", { key: index, className: "flex flex-col gap-0.5", id: `${id}-div-11-${index}` }, /* @__PURE__ */ React14.createElement(
+        "button",
+        {
+          type: "button",
+          "aria-expanded": hasOptions ? isOpen : void 0,
+          "aria-current": !hasOptions && isParent ? "page" : void 0,
+          onClick: (e) => handleMenuClick(item, index, e),
+          className: `flex w-full cursor-pointer items-center gap-3 whitespace-nowrap rounded-[6px] border-0 px-3 text-left !text-[14px] ${phone ? "py-3" : "py-2"} ${isParent ? "bg-jett-brand-soft !font-semibold text-jett-brand" : "bg-transparent !font-medium text-jett-ink-700 hover:bg-jett-fill"}`,
+          id: `${id}-div-12-${index}`
+        },
+        iconEl,
+        /* @__PURE__ */ React14.createElement("span", { className: "flex-1 truncate" }, item.label),
+        hasOptions && /* @__PURE__ */ React14.createElement("span", { className: isParent ? "text-jett-brand" : "text-jett-ink-400" }, /* @__PURE__ */ React14.createElement(Chevron, { open: isOpen }))
+      ), hasOptions && isOpen && /* @__PURE__ */ React14.createElement("div", { className: "mb-1 ml-[27px] mt-0.5 flex flex-col gap-0.5 border-l border-jett-line pl-[13px]", id: `${id}-div-15-${index}` }, renderOptions(item, index, false)));
+    })),
+    !phone && /* @__PURE__ */ React14.createElement("div", { className: `flex shrink-0 flex-wrap gap-1 border-t border-jett-line-row px-3 py-2 ${collapsed ? "justify-center" : ""}` }, /* @__PURE__ */ React14.createElement(
+      "button",
+      {
+        type: "button",
+        onClick: () => setHelpOpen(true),
+        title: "Keyboard shortcuts  ?",
+        "aria-label": "Keyboard shortcuts",
+        className: `flex h-9 min-w-10 cursor-pointer items-center justify-center gap-2 whitespace-nowrap rounded-[6px] border-0 bg-transparent text-[13px] font-medium text-jett-ink-500 hover:bg-jett-fill hover:text-jett-ink ${collapsed ? "px-0" : "px-3"}`
+      },
+      /* @__PURE__ */ React14.createElement("svg", { width: "18", height: "18", viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: "1.8", strokeLinecap: "round", strokeLinejoin: "round", "aria-hidden": "true" }, /* @__PURE__ */ React14.createElement("rect", { x: "2", y: "6", width: "20", height: "12", rx: "2" }), /* @__PURE__ */ React14.createElement("path", { d: "M6 10h.01M10 10h.01M14 10h.01M18 10h.01M7 14h10" })),
+      expanded && /* @__PURE__ */ React14.createElement(Kbd, null, "?")
+    ), /* @__PURE__ */ React14.createElement(
+      "button",
+      {
+        type: "button",
+        onClick: toggleCollapsed,
+        title: collapsed ? "Expand sidebar  [" : "Collapse sidebar  [",
+        "aria-label": collapsed ? "Expand sidebar" : "Collapse sidebar",
+        "aria-pressed": collapsed,
+        className: `flex h-9 min-w-10 cursor-pointer items-center justify-center gap-2.5 whitespace-nowrap rounded-[6px] border-0 bg-transparent text-[13px] font-medium text-jett-ink-500 hover:bg-jett-fill hover:text-jett-ink ${collapsed ? "px-0" : "flex-1 px-3"}`
+      },
+      /* @__PURE__ */ React14.createElement("svg", { width: "18", height: "18", viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: "1.8", strokeLinecap: "round", strokeLinejoin: "round", style: { transform: collapsed ? "scaleX(-1)" : "none" }, "aria-hidden": "true" }, /* @__PURE__ */ React14.createElement("rect", { x: "3", y: "4", width: "18", height: "16", rx: "2" }), /* @__PURE__ */ React14.createElement("path", { d: "M9 4v16M16 10l-2 2 2 2" })),
+      expanded && /* @__PURE__ */ React14.createElement(React14.Fragment, null, /* @__PURE__ */ React14.createElement("span", { className: "flex-1 text-left" }, "Collapse"), /* @__PURE__ */ React14.createElement(Kbd, null, "["))
+    )),
+    /* @__PURE__ */ React14.createElement("div", { ref: profileCardRef, className: "relative shrink-0 border-t border-jett-line-row px-3 py-3", id: `${id}-div-22` }, /* @__PURE__ */ React14.createElement(
+      "button",
+      {
+        type: "button",
+        onClick: () => {
+          setFly(null);
+          setIsSwitchProfileOpen((prev) => !prev);
+        },
+        title: displayName,
+        "aria-haspopup": "dialog",
+        "aria-expanded": isSwitchProfileOpen,
+        className: `flex w-full cursor-pointer items-center gap-3 rounded-[8px] border border-transparent text-left ${collapsed ? "justify-center p-0" : "p-2.5"} ${isSwitchProfileOpen ? "bg-jett-fill" : "bg-transparent hover:bg-jett-fill"}`,
+        id: `${id}-div-23`
+      },
+      /* @__PURE__ */ React14.createElement("span", { className: "flex h-9 w-9 shrink-0 items-center justify-center rounded-full bg-jett-ink-800 text-[13px] font-semibold text-white", id: `${id}-span-3` }, initials(displayName)),
+      expanded && /* @__PURE__ */ React14.createElement(React14.Fragment, null, /* @__PURE__ */ React14.createElement("span", { className: "min-w-0 flex-1 whitespace-nowrap" }, /* @__PURE__ */ React14.createElement("span", { className: "block truncate text-[14px] font-medium text-jett-ink-800", id: `${id}-p-1` }, displayName), scopeLabel && /* @__PURE__ */ React14.createElement("span", { className: "block truncate text-[12px] text-jett-ink-500", id: `${id}-p-2` }, scopeLabel)), /* @__PURE__ */ React14.createElement("svg", { width: "16", height: "16", viewBox: "0 0 24 24", fill: "none", stroke: "#9ca3af", strokeWidth: "2", strokeLinecap: "round", strokeLinejoin: "round", "aria-hidden": "true" }, /* @__PURE__ */ React14.createElement("path", { d: "m7 15 5 5 5-5M7 9l5-5 5 5" })))
+    ), /* @__PURE__ */ React14.createElement(
+      SwitchProfileSection,
+      {
+        id: `${id}-switch-profile`,
+        open: isSwitchProfileOpen,
+        anchorRef: profileCardRef,
+        collapsed,
+        scopeLabel,
+        onClose: () => setIsSwitchProfileOpen(false),
+        onManageProfile: () => {
+          setIsSwitchProfileOpen(false);
+          if (onManageProfile) onManageProfile();
+          else 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);
+          clearProfileSwitchFlag();
+          if (onLogout) {
+            onLogout();
+          } else {
+            window.location.href = `${window.location.origin}/login/logout`;
+          }
+        }
+      }
+    ))
+  ), collapsed && flyItem && /* @__PURE__ */ React14.createElement(React14.Fragment, null, /* @__PURE__ */ React14.createElement("div", { className: "fixed inset-0 z-[79]", onClick: () => setFly(null), "aria-hidden": "true" }), /* @__PURE__ */ React14.createElement(
+    "div",
+    {
+      "data-jett-shell": true,
+      role: "menu",
+      "aria-label": flyItem.label,
+      className: "font-jett fixed z-[80] flex w-[220px] flex-col gap-0.5 rounded-[10px] border border-jett-line bg-jett-surface p-1.5 shadow-jett-pop",
+      style: { left: 72, top: fly.top }
+    },
+    /* @__PURE__ */ React14.createElement("div", { className: "px-2.5 pb-2 pt-1.5 text-[11px] font-semibold uppercase tracking-[0.06em] text-jett-ink-400" }, flyItem.label),
+    renderOptions(flyItem, fly.index, true)
+  )), /* @__PURE__ */ React14.createElement(CommandPalette, { id: `${id}-palette`, open: palOpen, onClose: () => setPalOpen(false), commands }), /* @__PURE__ */ React14.createElement(ShortcutsSheet, { id: `${id}-shortcuts`, open: helpOpen, onClose: () => setHelpOpen(false), sections: helpSections }));
+};
+
+// src/RightSheet/RightSheet.jsx
+import React15, { useEffect as useEffect4, useState as useState5 } from "react";
+var RightSheet = ({
+  id = "right-sheet",
+  open,
+  setOpen,
+  children,
+  callBack,
+  actionLabel = "Save",
+  onAction = () => {
+  },
+  showFooter = true
+}) => {
+  const [visible, setVisible] = useState5(open);
+  useEffect4(() => {
+    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__ */ React15.createElement(
+    "div",
+    {
+      className: "fixed inset-0 overflow-x-hidden bg-black/80 sheetPopIn h-full overflow-auto ",
+      onClick: handleClose,
+      id: `${id}-div-1`
+    },
+    /* @__PURE__ */ React15.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__ */ React15.createElement("div", { className: " min-h-full ", id: `${id}-div-3` }, children),
+      showFooter && /* @__PURE__ */ React15.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__ */ React15.createElement(CustomButton, { variant: "SECONDARY", onClick: () => handleClose(), id: `${id}-custom-button-1` }, "Cancel"), /* @__PURE__ */ React15.createElement(CustomButton, { variant: "SECONDARY", onClick: handleAction, id: `${id}-custom-button-2` }, actionLabel))
+    )
+  );
+};
+
+// src/Table/CustomTable.jsx
+import React16 from "react";
+var CustomTable = ({
+  id = "custom-table",
+  tableHeader,
+  setIsAllChecked,
+  isAllChecked,
+  children,
+  isHideCheckbox = "false"
+}) => {
+  return /* @__PURE__ */ React16.createElement("div", { className: "border border-[#e5e5e5] dark:border-[#303036] rounded-lg overflow-x-auto", id: `${id}-div-1` }, /* @__PURE__ */ React16.createElement("div", { className: "w-full relative overflow-x-auto", id: `${id}-div-2` }, /* @__PURE__ */ React16.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__ */ React16.createElement("thead", { className: "border-b border-[#e5e5e5] dark:border-[#303036] dark:bg-[#18181b]", id: `${id}-thead-1` }, /* @__PURE__ */ React16.createElement(
+    "tr",
+    {
+      className: "transition-colors text-[#737373] hover:bg-muted/50 \r\n                                data-[state=selected]:bg-muted",
+      id: `${id}-tr-1`
+    },
+    !isHideCheckbox && /* @__PURE__ */ React16.createElement("th", { className: "px-4 py-3 text-left w-[50px]", id: `${id}-th-1` }, /* @__PURE__ */ React16.createElement(
+      CustomCheckbox,
+      {
+        checked: isAllChecked,
+        onChange: () => {
+          setIsAllChecked(!isAllChecked);
+        },
+        id: `${id}-custom-checkbox-1`
+      }
+    )),
+    tableHeader.map((header, index) => {
+      return /* @__PURE__ */ React16.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__ */ React16.createElement("tbody", { id: `${id}-tbody-1` }, children))));
+};
+
+// src/inputs/CustomSelect.jsx
+import React17, { useState as useState6, useRef as useRef5 } from "react";
+import { ChevronDown as ChevronDown2, Search as Search3 } from "lucide-react";
+var CustomSelect = ({
+  id = "custom-select",
+  label,
+  value,
+  onChange,
+  options,
+  placeholder = "Select...",
+  isRequired = false,
+  error,
+  heading,
+  disabled = false
+}) => {
+  const [open, setOpen] = useState6(false);
+  const [search, setSearch] = useState6("");
+  const wrapperRef = useRef5(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__ */ React17.createElement(
+    "div",
+    {
+      className: "flex flex-col w-full relative",
+      ref: wrapperRef,
+      tabIndex: disabled ? -1 : 0,
+      onBlur: handleBlur,
+      id: `${id}-div-1`
+    },
+    heading && /* @__PURE__ */ React17.createElement("h3", { className: "text-lg font-semibold mb-1", id: `${id}-h3-1` }, heading),
+    label && /* @__PURE__ */ React17.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__ */ React17.createElement("span", { className: "text-red-500", id: `${id}-span-1` }, "*")
+    ),
+    /* @__PURE__ */ React17.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__ */ React17.createElement("span", { className: `${selectedOption ? "text-black dark:text-white" : "text-gray-400 dark:text-white"}`, id: `${id}-span-2` }, selectedOption ? selectedOption.label : placeholder),
+      /* @__PURE__ */ React17.createElement(
+        ChevronDown2,
+        {
+          className: `w-4 h-4 text-gray-500 transition-transform dark:text-white ${open ? "rotate-180" : ""}`
+        }
+      )
+    ),
+    open && !disabled && /* @__PURE__ */ React17.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__ */ React17.createElement("div", { className: "flex items-center gap-2 p-2 border-b border-gray-200", id: `${id}-div-4` }, /* @__PURE__ */ React17.createElement(Search3, { size: 16, className: "text-gray-400" }), /* @__PURE__ */ React17.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__ */ React17.createElement("ul", { id: `${id}-ul-1` }, filteredOptions.length > 0 ? filteredOptions.map((opt) => /* @__PURE__ */ React17.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__ */ React17.createElement("li", { className: "px-3 py-2 text-sm text-gray-400 dark:text-white", id: `${id}-li-2` }, "No results found")))
+  );
+};
+
+// src/inputs/Dropdown.jsx
+import React18, { useId, useMemo as useMemo3 } from "react";
+import ReactSelect from "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 = React18.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 = useId();
+    const isDark = isDarkMode();
+    const styles = useMemo3(() => 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__ */ React18.createElement("div", { className: `flex flex-col gap-1 w-full ${className ?? ""}`, style, id: `${id}-div-1` }, heading && /* @__PURE__ */ React18.createElement("h3", { className: "text-lg font-semibold", id: `${id}-h3-1` }, heading), label && /* @__PURE__ */ React18.createElement(
+      "label",
+      {
+        htmlFor: reactId,
+        className: `font-[500] text-sm ${heading ? "text-[#737373]" : "text-black"} dark:text-white`,
+        id: `${id}-label-1`
+      },
+      label,
+      isRequired && /* @__PURE__ */ React18.createElement("span", { className: "text-red-500 ml-0.5", id: `${id}-span-1` }, "*")
+    ), /* @__PURE__ */ React18.createElement(
+      ReactSelect,
+      {
+        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
+import React19, { useEffect as useEffect5, useState as useState7 } from "react";
+import {
+  DatePicker,
+  DateTimePicker,
+  DatesProvider
+} from "@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] = useState7(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;
+  useEffect5(() => {
+    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__ */ React19.createElement(DatesProvider, { settings: datesProviderSettings }, /* @__PURE__ */ React19.createElement(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__ */ React19.createElement(DatesProvider, { settings: datesProviderSettings }, /* @__PURE__ */ React19.createElement(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__ */ React19.createElement(DatesProvider, { settings: datesProviderSettings }, /* @__PURE__ */ React19.createElement(DatePicker, { ...datePickerProps }));
+};
+
+// src/Pagination/Pagination.jsx
+import React20, { useMemo as useMemo4, useState as useState8, useEffect as useEffect6 } from "react";
+import { ChevronLeft, ChevronRight, ChevronsLeft, ChevronsRight } from "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] = useState8(1);
+  const [internalItemsPerPage, setInternalItemsPerPage] = useState8(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 = useMemo4(() => {
+    if (totalItems > 0 && activeItemsPerPage > 0) {
+      return Math.ceil(totalItems / activeItemsPerPage);
+    }
+    return 1;
+  }, [totalItems, activeItemsPerPage]);
+  const paginatedData = useMemo4(() => {
+    if (!data || data.length === 0) return [];
+    const startIndex = (currentPage - 1) * activeItemsPerPage;
+    const endIndex = startIndex + activeItemsPerPage;
+    return data.slice(startIndex, endIndex);
+  }, [data, currentPage, activeItemsPerPage]);
+  useEffect6(() => {
+    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 (React20.isValidElement(Component)) {
+        const ComponentType = Component.type;
+        const elementProps = Component.props;
+        if (isTable) {
+          return /* @__PURE__ */ React20.createElement(
+            CustomTable,
+            {
+              tableHeader,
+              isHideCheckbox,
+              id: `${id}-custom-table-1`
+            },
+            data.map((item, index) => {
+              return /* @__PURE__ */ React20.createElement(
+                ComponentType,
+                {
+                  key: item.id || item._id || index,
+                  data: item,
+                  ...elementProps,
+                  ...componentProps,
+                  ...restProps,
+                  id: `${id}-component-type-1-${index}`
+                }
+              );
+            })
+          );
+        } else {
+          if (isTable) {
+            return /* @__PURE__ */ React20.createElement(
+              CustomTable,
+              {
+                tableHeader,
+                isHideCheckbox,
+                id: `${id}-custom-table-2`
+              },
+              paginatedData.map((item, index) => {
+                return /* @__PURE__ */ React20.createElement(
+                  ComponentType,
+                  {
+                    key: item.id || item._id || index,
+                    data: item,
+                    ...elementProps,
+                    ...componentProps,
+                    ...restProps,
+                    id: `${id}-component-type-2-${index}`
+                  }
+                );
+              })
+            );
+          }
+        }
+      } else {
+        return /* @__PURE__ */ React20.createElement(
+          CustomTable,
+          {
+            tableHeader,
+            isHideCheckbox,
+            id: `${id}-custom-table-3`
+          },
+          paginatedData.map((item, index) => {
+            return /* @__PURE__ */ React20.createElement(
+              Component,
+              {
+                key: item.id || item._id || index,
+                data: item,
+                ...componentProps,
+                ...restProps,
+                id: `${id}-component-1-${index}`
+              }
+            );
+          })
+        );
+      }
+    }
+    return null;
+  };
+  return /* @__PURE__ */ React20.createElement(React20.Fragment, null, /* @__PURE__ */ React20.createElement(React20.Fragment, null, renderContent()), /* @__PURE__ */ React20.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__ */ React20.createElement("div", { className: "text-sm text-[#737373] dark:text-white", id: `${id}-div-2` }, "Showing ", startItem, " to ", endItem, " of ", totalItems, " entries"), /* @__PURE__ */ React20.createElement("div", { className: "flex items-center gap-2", id: `${id}-div-3` }, /* @__PURE__ */ React20.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__ */ React20.createElement(ChevronsLeft, { size: 16 })
+  ), /* @__PURE__ */ React20.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__ */ React20.createElement(ChevronLeft, { size: 16 })
+  ), getPageNumbers().map((pageNum) => /* @__PURE__ */ React20.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__ */ React20.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__ */ React20.createElement(ChevronRight, { size: 16 })
+  ), /* @__PURE__ */ React20.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__ */ React20.createElement(ChevronsRight, { size: 16 })
+  ))));
+};
+export {
+  AppSideBar,
+  Calendar,
+  Chip,
+  CustomAutocomplete,
+  CustomButton,
+  CustomCheckbox,
+  CustomInput,
+  CustomSearch,
+  CustomSelect,
+  CustomSwitch,
+  CustomTable,
+  CustomTextarea,
+  CustomUpload,
+  Dropdown,
+  Pagination,
+  ProgressBar,
+  RightSheet
+};