jett.admin.npmpackage 2.0.13 → 2.0.15

package/dist/index.mjs

@@ -1,1479 +1,1546 @@
-// 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 = ({
-  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
-    },
-    icon && /* @__PURE__ */ React.createElement("div", null, icon),
-    children
-  );
-};
-
-// src/inputs/Autocomplete.jsx
-import React2, { useState, useRef } from "react";
-import { ChevronDown, Check, Search } from "lucide-react";
-var CustomAutocomplete = ({
-  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
-    },
-    heading && /* @__PURE__ */ React2.createElement("h3", { className: "text-lg font-semibold leading-6 mb-1" }, heading),
-    label && /* @__PURE__ */ React2.createElement(
-      "label",
-      {
-        className: `font-[500] text-sm leading-5 mb-1 ${heading ? "text-[#737373]" : "text-black dark:text-white"}`
-      },
-      label,
-      " ",
-      isRequired && /* @__PURE__ */ React2.createElement("span", { className: "text-red-500" }, "*")
-    ),
-    /* @__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"}
-        `
-      },
-      /* @__PURE__ */ React2.createElement("div", { className: "flex flex-wrap gap-1 flex-1" }, 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"
-        },
-        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"
-          },
-          "\u2715"
-        )
-      )) : /* @__PURE__ */ React2.createElement("span", { className: "text-gray-400" }, 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" }, /* @__PURE__ */ React2.createElement("div", { className: "flex items-center gap-2 p-2 border-b border-gray-200" }, /* @__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"
-      }
-    )), /* @__PURE__ */ React2.createElement("ul", null, 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" : ""}`
-        },
-        /* @__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"}`
-          },
-          selected && /* @__PURE__ */ React2.createElement(Check, { size: 14 })
-        ),
-        opt.label
-      );
-    }) : /* @__PURE__ */ React2.createElement("li", { className: "px-3 py-2 text-sm text-gray-400" }, "No results found")))
-  );
-};
-
-// src/inputs/Checkbox.jsx
-import React3 from "react";
-var CustomCheckbox = ({ onChange, checked }) => {
-  const handleChange = (e) => {
-    onChange(e.target.checked);
-  };
-  return /* @__PURE__ */ React3.createElement("label", { className: "inline-flex items-center cursor-pointer select-none" }, /* @__PURE__ */ React3.createElement(
-    "input",
-    {
-      type: "checkbox",
-      checked,
-      onChange: handleChange,
-      className: "peer hidden"
-    }
-  ), /* @__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        "
-    },
-    checked && /* @__PURE__ */ React3.createElement(
-      "svg",
-      {
-        className: "w-4 h-4 text-white",
-        fill: "none",
-        stroke: "currentColor",
-        strokeWidth: "3",
-        viewBox: "0 0 24 24"
-      },
-      /* @__PURE__ */ React3.createElement("path", { d: "M5 13l4 4L19 7" })
-    )
-  ));
-};
-
-// 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 = ({ 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]`
-    },
-    label
-  );
-};
-
-// src/inputs/CustomSwitch.jsx
-import React5 from "react";
-var CustomSwitch = ({ checked, onChange, label, description }) => {
-  return /* @__PURE__ */ React5.createElement("div", null, /* @__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"}`
-    },
-    /* @__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"}`
-      }
-    )
-  ), /* @__PURE__ */ React5.createElement("div", { className: "flex flex-col" }, label && /* @__PURE__ */ React5.createElement("h3", { className: "font-[500] text-sm text-black mb-2" }, label), description && /* @__PURE__ */ React5.createElement("p", { className: "font-[500] text-sm text-[#737373]" }, description)));
-};
-
-// src/inputs/Input.jsx
-import React6 from "react";
-var CustomInput = ({
-  label,
-  isRequired,
-  value,
-  onChange,
-  placeholder,
-  disabled = false,
-  error,
-  heading
-}) => {
-  return /* @__PURE__ */ React6.createElement("div", { className: "flex flex-col gap-1 w-full" }, heading && /* @__PURE__ */ React6.createElement("h3", { className: "text-lg font-semibold" }, heading), /* @__PURE__ */ React6.createElement(
-    "label",
-    {
-      className: `font-[500] text-sm ${heading ? "text-[#737373]" : "text-black"} dark:text-white`
-    },
-    label,
-    " ",
-    isRequired && /* @__PURE__ */ React6.createElement("span", { className: "text-red-500" }, "*")
-  ), /* @__PURE__ */ React6.createElement(
-    "input",
-    {
-      className: `border border-gray-200 rounded-md h-10 px-4 py-2 w-full text-[14px]
-          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
-    }
-  ));
-};
-
-// src/inputs/ProgressBar.jsx
-import React7 from "react";
-var ProgressBar = ({ step, totalSteps }) => {
-  const progress = step / totalSteps * 100;
-  return /* @__PURE__ */ React7.createElement("div", { className: "mb-6" }, /* @__PURE__ */ React7.createElement("p", { className: "text-gray-600 text-sm mb-2" }, "Step ", step, " of ", totalSteps), /* @__PURE__ */ React7.createElement("div", { className: "w-full bg-gray-200 rounded-full h-2" }, /* @__PURE__ */ React7.createElement(
-    "div",
-    {
-      className: "bg-black h-2 rounded-full transition-all duration-300",
-      style: { width: `${progress}%` }
-    }
-  )));
-};
-
-// src/inputs/Search.jsx
-import React8 from "react";
-import { Search as Search2 } from "lucide-react";
-var CustomSearch = ({
-  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" }, /* @__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"
-    }
-  ));
-};
-
-// src/inputs/TextArea.jsx
-import React9 from "react";
-var CustomTextarea = ({
-  label,
-  isRequired,
-  value,
-  onChange,
-  placeholder,
-  disabled = false,
-  error,
-  heading,
-  rows = 4
-}) => {
-  return /* @__PURE__ */ React9.createElement("div", { className: "flex flex-col gap-1 w-full" }, heading && /* @__PURE__ */ React9.createElement("h3", { className: "text-lg font-semibold" }, heading), /* @__PURE__ */ React9.createElement(
-    "label",
-    {
-      className: `font-[500] text-sm ${heading ? "text-[#737373]" : "text-black"}`
-    },
-    label,
-    " ",
-    isRequired && /* @__PURE__ */ React9.createElement("span", { className: "text-red-500" }, "*")
-  ), /* @__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
-    }
-  ));
-};
-
-// src/inputs/Upload.jsx
-import React10, { useRef as useRef2 } from "react";
-import { Upload } from "lucide-react";
-var CustomUpload = ({
-  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" }, label && /* @__PURE__ */ React10.createElement("label", { className: "text-sm font-medium" }, 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);
-      }
-    },
-    /* @__PURE__ */ React10.createElement(Upload, { className: "w-6 h-6 text-gray-500 mb-2" }),
-    /* @__PURE__ */ React10.createElement("p", { className: "text-sm text-gray-700" }, description),
-    /* @__PURE__ */ React10.createElement("p", { className: "text-xs text-gray-500 mt-1" }, "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)
-      }
-    )
-  ), value && /* @__PURE__ */ React10.createElement("span", { className: "text-sm truncate text-gray-500" }, "Selected: ", value.name), error && /* @__PURE__ */ React10.createElement("p", { className: "text-xs text-red-500" }, error));
-};
-
-// src/sideBar/SideBar.jsx
-import {
-  ChevronDown as ChevronDown3,
-  CircleSlash,
-  Globe,
-  LogOut,
-  Menu,
-  X
-} from "lucide-react";
-import React12, { useEffect, useState as useState3, useCallback } 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 (Coming Soon)",
-        isDisabled: true
-        // onClick: () => {
-        //   window.open("https://viz.jett.travel", "_blank");
-        // },
-      }
-    ]
-  },
-  {
-    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 (Coming Soon)",
-        isDisabled: true
-        // onClick: () => {},
-      }
-    ]
-  }
-];
-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 = ({
-  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
-    },
-    heading && /* @__PURE__ */ React11.createElement("h3", { className: "text-lg font-semibold mb-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"}`
-      },
-      label,
-      " ",
-      isRequired && /* @__PURE__ */ React11.createElement("span", { className: "text-red-500" }, "*")
-    ),
-    /* @__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"}
-        `
-      },
-      /* @__PURE__ */ React11.createElement("span", { className: `${selectedOption ? "text-black dark:text-white" : "text-gray-400 dark:text-white"}` }, 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" }, /* @__PURE__ */ React11.createElement("div", { className: "flex items-center gap-2 p-2 border-b border-gray-200" }, /* @__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"
-      }
-    )), /* @__PURE__ */ React11.createElement("ul", null, 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" : ""}`
-      },
-      opt.label
-    )) : /* @__PURE__ */ React11.createElement("li", { className: "px-3 py-2 text-sm text-gray-400 dark:text-white" }, "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 buildLogoUrl(CDNBasePath, logoPath) {
-  const base = (CDNBasePath || "").replace(/\/$/, "");
-  const path = (logoPath || "").replace(/^\//, "");
-  if (!base || !path) return "";
-  return `${base}/${path}`;
-}
-
-// src/sideBar/SideBar.jsx
-var SCOPE_LABELS = {
-  TMC: "TMC Manager",
-  TMC_ENTITY: "TMC Entity Manager"
-};
-var AppSideBar = ({
-  username,
-  navItems,
-  additionalItems,
-  sideBarLogo
-}) => {
-  var _a, _b;
-  const [authData, setAuthData] = useState3(null);
-  const [cookieUserName, setCookieUserName] = useState3(null);
-  const [scope, setScope] = useState3(null);
-  const [selectedCountry, setSelectedCountry] = useState3("dubai");
-  const [isMobileMenuOpen, setIsMobileMenuOpen] = useState3(false);
-  const [openMenus, setOpenMenus] = useState3(/* @__PURE__ */ new Set());
-  const [activeMenuPath, setActiveMenuPath] = useState3(null);
-  const [currAppearance, setCurrAppearance] = useState3("light");
-  useEffect(() => {
-    setCurrAppearance("light");
-  }, []);
-  const countryOptions = [
-    { label: "India", value: "india" },
-    { label: "Dubai", value: "dubai" },
-    { label: "Singapore", value: "singapore" },
-    { label: "Qatar", value: "qatar" }
-  ];
-  const toggleMenu = (menuKey) => {
-    setOpenMenus((prev) => {
-      const newSet = new Set(prev);
-      if (newSet.has(menuKey)) {
-        newSet.delete(menuKey);
-      } else {
-        newSet.add(menuKey);
-      }
-      return newSet;
-    });
-  };
-  const isMenuOpen = (menuKey) => {
-    return openMenus.has(menuKey);
-  };
-  const handleMenuClick = (item, index, e) => {
-    if (item.isDropDown) {
-      e.preventDefault();
-      const menuKey = `menu-${index}`;
-      toggleMenu(menuKey);
-      setActiveMenuPath(`menu-${index}`);
-    } else {
-      setActiveMenuPath(`menu-${index}`);
-      if (item.onClick) {
-        item.onClick(e);
-      }
-      closeMobileMenu();
-    }
-  };
-  const handleSubMenuClick = (option, optionsIndex, parentIndex, e) => {
-    const parentMenuKey = `menu-${parentIndex}`;
-    setOpenMenus((prev) => {
-      const newSet = new Set(prev);
-      newSet.add(parentMenuKey);
-      return newSet;
-    });
-    if (option.isDropDown) {
-      e.preventDefault();
-      const menuKey = `menu-${parentIndex}-option-${optionsIndex}`;
-      toggleMenu(menuKey);
-      setActiveMenuPath(`menu-${parentIndex}-option-${optionsIndex}`);
-    } else {
-      setActiveMenuPath(`menu-${parentIndex}-option-${optionsIndex}`);
-      if (option.onClick) {
-        option.onClick();
-      }
-      closeMobileMenu();
-    }
-  };
-  const handleSubSubMenuClick = (subOption, parentIndex, optionsIndex, e) => {
-    const parentMenuKey = `menu-${parentIndex}`;
-    const subMenuKey = `menu-${parentIndex}-option-${optionsIndex}`;
-    setOpenMenus((prev) => {
-      const newSet = new Set(prev);
-      newSet.add(parentMenuKey);
-      newSet.add(subMenuKey);
-      return newSet;
-    });
-    setActiveMenuPath(`menu-${parentIndex}-option-${optionsIndex}-sub-${subOption.label}`);
-    if (subOption.onClick) {
-      subOption.onClick();
-    }
-    closeMobileMenu();
-  };
-  useEffect(() => {
-    const storedAuthData = localStorage.getItem("authData");
-    if (storedAuthData) {
-      let parseData = JSON.parse(storedAuthData);
-      setAuthData(parseData);
-    }
-  }, [localStorage.getItem("authData")]);
-  useEffect(() => {
-    const jettIdData = getJettIdCookieData();
-    if (jettIdData == null ? void 0 : jettIdData.UserName) {
-      setCookieUserName(jettIdData.UserName);
-    }
-    const cookieScope = getScopeFromJettIdCookie();
-    if (cookieScope) {
-      setScope(cookieScope);
-    }
-  }, []);
-  const extractUrlFromOnClick = (onClick) => {
-    if (!onClick || typeof onClick !== "function") return null;
-    const funcString = onClick.toString();
-    let match = funcString.match(/window\.location\.href\s*=\s*`([^`]+)`/);
-    if (!match) {
-      match = funcString.match(/window\.location\.href\s*=\s*["']([^"']+)["']/);
-    }
-    if (match && match[1]) {
-      try {
-        if (match[1].startsWith("http://") || match[1].startsWith("https://")) {
-          const url = new URL(match[1]);
-          return {
-            pathname: url.pathname,
-            search: url.search,
-            fullPath: url.pathname + url.search
-          };
-        }
-        if (match[1].startsWith("/")) {
-          const url = new URL(match[1], window.location.origin);
-          return {
-            pathname: url.pathname,
-            search: url.search,
-            fullPath: url.pathname + url.search
-          };
-        }
-        return null;
-      } catch {
-        const pathMatch = match[1].match(/^([^?]+)(\?.*)?$/);
-        if (pathMatch) {
-          return {
-            pathname: pathMatch[1],
-            search: pathMatch[2] || "",
-            fullPath: match[1]
-          };
-        }
-        return null;
-      }
-    }
-    return null;
-  };
-  const currentUrlMatches = (menuUrlData, currentPath, currentSearch) => {
-    if (!menuUrlData || !currentPath) return false;
-    const normalizedMenuPath = menuUrlData.pathname.replace(/\/$/, "") || "/";
-    const normalizedCurrentPath = currentPath.replace(/\/$/, "") || "/";
-    if (normalizedMenuPath === "/users/users" && normalizedCurrentPath === "/users/users") {
-      const menuParams = new URLSearchParams(menuUrlData.search);
-      const currentParams = new URLSearchParams(currentSearch);
-      const menuRole = menuParams.get("role");
-      const currentRole = currentParams.get("role");
-      if (menuRole && currentRole) {
-        return menuRole === currentRole;
-      }
-      if (menuRole && !currentRole || !menuRole && currentRole) {
-        return false;
-      }
-      return true;
-    }
-    if (normalizedMenuPath === "/corporate" && normalizedCurrentPath.startsWith("/org/organizations")) {
-      return true;
-    }
-    if (normalizedMenuPath === "/supplier" && normalizedCurrentPath === "/orgselector") {
-      const currentPathParam = new URLSearchParams(currentSearch).get("path");
-      if (currentPathParam === "supplier-list") {
-        return true;
-      }
-    }
-    if (normalizedMenuPath === "/supplierdeals" && normalizedCurrentPath === "/orgselector") {
-      const currentPathParam = new URLSearchParams(currentSearch).get("path");
-      if (currentPathParam === "supplier-deals") {
-        return true;
-      }
-    }
-    if (normalizedMenuPath === "/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] = useState3(
-    () => window.location.pathname + window.location.search
-  );
-  useEffect(() => {
-    detectAndSetActiveMenu();
-    setCurrentUrl(window.location.pathname + window.location.search);
-  }, [detectAndSetActiveMenu]);
-  useEffect(() => {
-    let lastUrl = window.location.pathname + window.location.search;
-    const handleLocationChange = () => {
-      const newUrl = window.location.pathname + window.location.search;
-      if (newUrl !== lastUrl) {
-        lastUrl = newUrl;
-        setCurrentUrl(newUrl);
-        detectAndSetActiveMenu();
-      }
-    };
-    window.addEventListener("popstate", handleLocationChange);
-    const checkInterval = setInterval(() => {
-      const newUrl = window.location.pathname + window.location.search;
-      if (newUrl !== lastUrl) {
-        handleLocationChange();
-      }
-    }, 250);
-    return () => {
-      window.removeEventListener("popstate", handleLocationChange);
-      clearInterval(checkInterval);
-    };
-  }, [detectAndSetActiveMenu]);
-  useEffect(() => {
-    detectAndSetActiveMenu();
-  }, [currentUrl, detectAndSetActiveMenu]);
-  const toggleMobileMenu = () => {
-    setIsMobileMenuOpen(!isMobileMenuOpen);
-  };
-  const closeMobileMenu = () => {
-    setIsMobileMenuOpen(false);
-  };
-  return /* @__PURE__ */ React12.createElement(React12.Fragment, null, /* @__PURE__ */ React12.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" }, /* @__PURE__ */ React12.createElement(
-    "button",
-    {
-      onClick: toggleMobileMenu,
-      className: "p-2 rounded-lg hover:bg-gray-50 dark:hover:bg-[#27272a] transition-colors",
-      "aria-label": "Toggle menu"
-    },
-    isMobileMenuOpen ? /* @__PURE__ */ React12.createElement(X, { className: "w-6 h-6 text-gray-700 dark:text-[#f4f4f5cc]" }) : /* @__PURE__ */ React12.createElement(Menu, { className: "w-6 h-6 text-gray-700 dark:text-[#f4f4f5cc]" })
-  ), /* @__PURE__ */ React12.createElement("div", { className: "flex-1 flex justify-center" }, sideBarLogoLocal && /* @__PURE__ */ React12.createElement(
-    "img",
-    {
-      src: sideBarLogoLocal,
-      alt: "sidebarLogo",
-      width: 208,
-      height: 40,
-      className: "object-contain"
-    }
-  )), /* @__PURE__ */ React12.createElement("div", { className: "w-10" })), isMobileMenuOpen && /* @__PURE__ */ React12.createElement(
-    "div",
-    {
-      className: "fixed inset-0 bg-black/80 bg-opacity-50 z-40 md:hidden",
-      onClick: closeMobileMenu
-    }
-  ), /* @__PURE__ */ React12.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"}`
-    },
-    /* @__PURE__ */ React12.createElement("div", { className: "p-2 mb-2 hidden md:block" }, /* @__PURE__ */ React12.createElement("div", { className: "flex items-center justify-center w-full h-[60px] mb-2" }, sideBarLogoLocal && /* @__PURE__ */ React12.createElement(
-      "img",
-      {
-        src: sideBarLogoLocal,
-        alt: "sidebarLogo",
-        width: 108,
-        height: 40,
-        className: "object-contain"
-      }
-    ))),
-    /* @__PURE__ */ React12.createElement("div", { className: "mb-4" }),
-    /* @__PURE__ */ React12.createElement("div", { className: "overflow-y-auto scrollbar-hide" }, /* @__PURE__ */ React12.createElement("div", null, navItemsLocal == null ? void 0 : navItemsLocal.map((item, index) => {
-      const menuKey = `menu-${index}`;
-      const isOpen = isMenuOpen(menuKey);
-      const isActive = activeMenuPath === menuKey;
-      return /* @__PURE__ */ React12.createElement("div", { key: index, className: "" }, /* @__PURE__ */ React12.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)
-        },
-        /* @__PURE__ */ React12.createElement("div", { className: "text-primary" }, /* @__PURE__ */ React12.createElement(item.Icon, { width: 20, height: 20 })),
-        /* @__PURE__ */ React12.createElement("span", { className: "!font-medium !text-[16px] !text-[#000] dark:text-[#f4f4f5cc]" }, item.label),
-        item.isDropDown && /* @__PURE__ */ React12.createElement("div", { className: `ml-auto transition-all delay-75 ${isOpen ? "rotate-180" : ""}` }, /* @__PURE__ */ React12.createElement(ChevronDown3, { width: 20, height: 20, className: "text-gray-500 dark:text-gray-400" }))
-      ), item.options && item.options.length > 0 && /* @__PURE__ */ React12.createElement(
-        "div",
-        {
-          className: `ml-[20px] overflow-hidden flex flex-col transition-all duration-200 ${isOpen ? "max-h-[1000px] min-h-[50px]" : "max-h-0"}`
-        },
-        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__ */ React12.createElement("div", { key: optionsIndex, className: "" }, /* @__PURE__ */ React12.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);
-              }
-            },
-            /* @__PURE__ */ React12.createElement("div", null),
-            /* @__PURE__ */ React12.createElement("span", { className: `!font-medium !text-[15px] ${isDisabled ? "!text-[#3f3f46cc] dark:!text-[#a1a1aa]" : "!text-[#3f3f46cc] dark:!text-[#a1a1aa]"}` }, options.label),
-            options.isDropDown && /* @__PURE__ */ React12.createElement(
-              "div",
-              {
-                className: `ml-auto transition-all delay-75 ${isSubMenuOpen ? "rotate-180" : ""}`
-              },
-              /* @__PURE__ */ React12.createElement(ChevronDown3, { width: 18, height: 18, className: "text-gray-400 dark:text-gray-500" })
-            )
-          ), options.options && options.options.length > 0 && /* @__PURE__ */ React12.createElement(
-            "div",
-            {
-              className: `ml-[20px] overflow-hidden flex flex-col transition-all duration-200 ${isSubMenuOpen ? "max-h-[1000px] min-h-[50px]" : "max-h-0"}`
-            },
-            options.options.map((subOption, subIndex) => {
-              const isSubSubActive = activeMenuPath === `menu-${index}-option-${optionsIndex}-sub-${subOption.label}`;
-              return /* @__PURE__ */ React12.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)
-                },
-                subOption.label
-              );
-            })
-          ));
-        })
-      ));
-    }))),
-    /* @__PURE__ */ React12.createElement("div", { className: "mt-auto bg-[#fafafa] dark:bg-[#18181b] sticky bottom-0 mt-2" }, /* @__PURE__ */ React12.createElement(
-      "div",
-      {
-        className: "flex items-center justify-between p-2 rounded-lg hover:bg-[#f4f4f5] dark:hover:bg-[#27272a] cursor-pointer transition-colors duration-200",
-        onClick: () => {
-          window.location.href = "/profile";
-        }
-      },
-      /* @__PURE__ */ React12.createElement("div", { className: "flex items-center gap-3" }, /* @__PURE__ */ React12.createElement("span", { className: "relative flex shrink-0 overflow-hidden dark:bg-[#27272a] rounded-full h-10 w-10" }, /* @__PURE__ */ React12.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" }, cookieUserName ? cookieUserName.split("")[0] : "A")), /* @__PURE__ */ React12.createElement("div", null, /* @__PURE__ */ React12.createElement("p", { className: "!font-semibold dark:text-white !text-[16px]" }, cookieUserName ? cookieUserName : "Admin"), /* @__PURE__ */ React12.createElement("p", { className: "!text-[14px] !font-normal dark:text-[#f4f4f5cc]" }, SCOPE_LABELS[scope] ?? scope)))
-    ))
-  ));
-};
-
-// src/RightSheet/RightSheet.jsx
-import React13, { useEffect as useEffect2, useState as useState4 } from "react";
-var RightSheet = ({
-  open,
-  setOpen,
-  children,
-  callBack,
-  actionLabel = "Save",
-  onAction = () => {
-  }
-}) => {
-  const [visible, setVisible] = useState4(open);
-  useEffect2(() => {
-    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__ */ React13.createElement(
-    "div",
-    {
-      className: "fixed inset-0 overflow-x-hidden bg-black/80 sheetPopIn h-full overflow-auto ",
-      onClick: handleClose
-    },
-    /* @__PURE__ */ React13.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()
-      },
-      /* @__PURE__ */ React13.createElement("div", { className: " min-h-full " }, children),
-      /* @__PURE__ */ React13.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" }, /* @__PURE__ */ React13.createElement(CustomButton, { variant: "SECONDARY", onClick: () => handleClose() }, "Cancel"), /* @__PURE__ */ React13.createElement(CustomButton, { variant: "SECONDARY", onClick: handleAction }, actionLabel))
-    )
-  );
-};
-
-// src/Table/CustomTable.jsx
-import React14 from "react";
-var CustomTable = ({
-  tableHeader,
-  setIsAllChecked,
-  isAllChecked,
-  children,
-  isHideCheckbox = "false"
-}) => {
-  return /* @__PURE__ */ React14.createElement("div", { className: "border border-[#e5e5e5] dark:border-[#303036] rounded-lg overflow-x-auto" }, /* @__PURE__ */ React14.createElement("div", { className: "w-full relative overflow-x-auto" }, /* @__PURE__ */ React14.createElement("table", { className: "w-full caption-bottom text-sm overflow-x-auto bg-white dark:bg-[#18181b] table-fixed border-collapse" }, /* @__PURE__ */ React14.createElement("thead", { className: "border-b border-[#e5e5e5] dark:border-[#303036] dark:bg-[#18181b]" }, /* @__PURE__ */ React14.createElement(
-    "tr",
-    {
-      className: "transition-colors text-[#737373] hover:bg-muted/50 \r\n                                data-[state=selected]:bg-muted"
-    },
-    !isHideCheckbox && /* @__PURE__ */ React14.createElement("th", { className: "px-4 py-3 text-left w-[50px]" }, /* @__PURE__ */ React14.createElement(
-      CustomCheckbox,
-      {
-        checked: isAllChecked,
-        onChange: () => {
-          setIsAllChecked(!isAllChecked);
-        }
-      }
-    )),
-    tableHeader.map((header, index) => {
-      return /* @__PURE__ */ React14.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
-        },
-        header
-      );
-    })
-  )), /* @__PURE__ */ React14.createElement("tbody", null, children))));
-};
-
-// src/Pagination/Pagination.jsx
-import React15, { useMemo, useState as useState5, useEffect as useEffect3 } from "react";
-import { ChevronLeft, ChevronRight, ChevronsLeft, ChevronsRight } from "lucide-react";
-var 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] = useState5(1);
-  const [internalItemsPerPage, setInternalItemsPerPage] = useState5(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 = useMemo(() => {
-    if (totalItems > 0 && activeItemsPerPage > 0) {
-      return Math.ceil(totalItems / activeItemsPerPage);
-    }
-    return 1;
-  }, [totalItems, activeItemsPerPage]);
-  const paginatedData = useMemo(() => {
-    if (!data || data.length === 0) return [];
-    const startIndex = (currentPage - 1) * activeItemsPerPage;
-    const endIndex = startIndex + activeItemsPerPage;
-    return data.slice(startIndex, endIndex);
-  }, [data, currentPage, activeItemsPerPage]);
-  useEffect3(() => {
-    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 (React15.isValidElement(Component)) {
-        const ComponentType = Component.type;
-        const elementProps = Component.props;
-        if (isTable) {
-          return /* @__PURE__ */ React15.createElement(
-            CustomTable,
-            {
-              tableHeader,
-              isHideCheckbox
-            },
-            data.map((item, index) => {
-              return /* @__PURE__ */ React15.createElement(
-                ComponentType,
-                {
-                  key: item.id || item._id || index,
-                  data: item,
-                  ...elementProps,
-                  ...componentProps,
-                  ...restProps
-                }
-              );
-            })
-          );
-        } else {
-          if (isTable) {
-            return /* @__PURE__ */ React15.createElement(
-              CustomTable,
-              {
-                tableHeader,
-                isHideCheckbox
-              },
-              paginatedData.map((item, index) => {
-                return /* @__PURE__ */ React15.createElement(
-                  ComponentType,
-                  {
-                    key: item.id || item._id || index,
-                    data: item,
-                    ...elementProps,
-                    ...componentProps,
-                    ...restProps
-                  }
-                );
-              })
-            );
-          }
-        }
-      } else {
-        return /* @__PURE__ */ React15.createElement(
-          CustomTable,
-          {
-            tableHeader,
-            isHideCheckbox
-          },
-          paginatedData.map((item, index) => {
-            return /* @__PURE__ */ React15.createElement(
-              Component,
-              {
-                key: item.id || item._id || index,
-                data: item,
-                ...componentProps,
-                ...restProps
-              }
-            );
-          })
-        );
-      }
-    }
-    return null;
-  };
-  return /* @__PURE__ */ React15.createElement(React15.Fragment, null, /* @__PURE__ */ React15.createElement(React15.Fragment, null, renderContent()), /* @__PURE__ */ React15.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" }, totalItems !== void 0 && /* @__PURE__ */ React15.createElement("div", { className: "text-sm text-[#737373] dark:text-white" }, "Showing ", startItem, " to ", endItem, " of ", totalItems, " entries"), /* @__PURE__ */ React15.createElement("div", { className: "flex items-center gap-2" }, /* @__PURE__ */ React15.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"
-    },
-    /* @__PURE__ */ React15.createElement(ChevronsLeft, { size: 16 })
-  ), /* @__PURE__ */ React15.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"
-    },
-    /* @__PURE__ */ React15.createElement(ChevronLeft, { size: 16 })
-  ), getPageNumbers().map((pageNum) => /* @__PURE__ */ React15.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]"}`
-    },
-    pageNum
-  )), /* @__PURE__ */ React15.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"
-    },
-    /* @__PURE__ */ React15.createElement(ChevronRight, { size: 16 })
-  ), /* @__PURE__ */ React15.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"
-    },
-    /* @__PURE__ */ React15.createElement(ChevronsRight, { size: 16 })
-  ))));
-};
-export {
-  AppSideBar,
-  Chip,
-  CustomAutocomplete,
-  CustomButton,
-  CustomCheckbox,
-  CustomInput,
-  CustomSearch,
-  CustomSelect,
-  CustomSwitch,
-  CustomTable,
-  CustomTextarea,
-  CustomUpload,
-  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]
+          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,
+  CircleSlash,
+  Globe,
+  LogOut,
+  Menu,
+  X
+} from "lucide-react";
+import React12, { useEffect, useState as useState3, useCallback } 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 (Coming Soon)",
+        isDisabled: true
+        // onClick: () => {
+        //   window.open("https://viz.jett.travel", "_blank");
+        // },
+      }
+    ]
+  },
+  {
+    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 (Coming Soon)",
+        isDisabled: true
+        // onClick: () => {},
+      }
+    ]
+  }
+];
+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 buildLogoUrl(CDNBasePath, logoPath) {
+  const base = (CDNBasePath || "").replace(/\/$/, "");
+  const path = (logoPath || "").replace(/^\//, "");
+  if (!base || !path) return "";
+  return `${base}/${path}`;
+}
+
+// src/sideBar/SideBar.jsx
+var SCOPE_LABELS = {
+  TMC: "TMC Manager",
+  TMC_ENTITY: "TMC Entity Manager"
+};
+var AppSideBar = ({
+  id = "side-bar",
+  username,
+  navItems,
+  additionalItems,
+  sideBarLogo
+}) => {
+  var _a, _b;
+  const [authData, setAuthData] = useState3(null);
+  const [cookieUserName, setCookieUserName] = useState3(null);
+  const [scope, setScope] = useState3(null);
+  const [selectedCountry, setSelectedCountry] = useState3("dubai");
+  const [isMobileMenuOpen, setIsMobileMenuOpen] = useState3(false);
+  const [openMenus, setOpenMenus] = useState3(/* @__PURE__ */ new Set());
+  const [activeMenuPath, setActiveMenuPath] = useState3(null);
+  const [currAppearance, setCurrAppearance] = useState3("light");
+  useEffect(() => {
+    setCurrAppearance("light");
+  }, []);
+  const countryOptions = [
+    { label: "India", value: "india" },
+    { label: "Dubai", value: "dubai" },
+    { label: "Singapore", value: "singapore" },
+    { label: "Qatar", value: "qatar" }
+  ];
+  const toggleMenu = (menuKey) => {
+    setOpenMenus((prev) => {
+      const newSet = new Set(prev);
+      if (newSet.has(menuKey)) {
+        newSet.delete(menuKey);
+      } else {
+        newSet.add(menuKey);
+      }
+      return newSet;
+    });
+  };
+  const isMenuOpen = (menuKey) => {
+    return openMenus.has(menuKey);
+  };
+  const handleMenuClick = (item, index, e) => {
+    if (item.isDropDown) {
+      e.preventDefault();
+      const menuKey = `menu-${index}`;
+      toggleMenu(menuKey);
+      setActiveMenuPath(`menu-${index}`);
+    } else {
+      setActiveMenuPath(`menu-${index}`);
+      if (item.onClick) {
+        item.onClick(e);
+      }
+      closeMobileMenu();
+    }
+  };
+  const handleSubMenuClick = (option, optionsIndex, parentIndex, e) => {
+    const parentMenuKey = `menu-${parentIndex}`;
+    setOpenMenus((prev) => {
+      const newSet = new Set(prev);
+      newSet.add(parentMenuKey);
+      return newSet;
+    });
+    if (option.isDropDown) {
+      e.preventDefault();
+      const menuKey = `menu-${parentIndex}-option-${optionsIndex}`;
+      toggleMenu(menuKey);
+      setActiveMenuPath(`menu-${parentIndex}-option-${optionsIndex}`);
+    } else {
+      setActiveMenuPath(`menu-${parentIndex}-option-${optionsIndex}`);
+      if (option.onClick) {
+        option.onClick();
+      }
+      closeMobileMenu();
+    }
+  };
+  const handleSubSubMenuClick = (subOption, parentIndex, optionsIndex, e) => {
+    const parentMenuKey = `menu-${parentIndex}`;
+    const subMenuKey = `menu-${parentIndex}-option-${optionsIndex}`;
+    setOpenMenus((prev) => {
+      const newSet = new Set(prev);
+      newSet.add(parentMenuKey);
+      newSet.add(subMenuKey);
+      return newSet;
+    });
+    setActiveMenuPath(`menu-${parentIndex}-option-${optionsIndex}-sub-${subOption.label}`);
+    if (subOption.onClick) {
+      subOption.onClick();
+    }
+    closeMobileMenu();
+  };
+  useEffect(() => {
+    const storedAuthData = localStorage.getItem("authData");
+    if (storedAuthData) {
+      let parseData = JSON.parse(storedAuthData);
+      setAuthData(parseData);
+    }
+  }, [localStorage.getItem("authData")]);
+  useEffect(() => {
+    const jettIdData = getJettIdCookieData();
+    if (jettIdData == null ? void 0 : jettIdData.UserName) {
+      setCookieUserName(jettIdData.UserName);
+    }
+    const cookieScope = getScopeFromJettIdCookie();
+    if (cookieScope) {
+      setScope(cookieScope);
+    }
+  }, []);
+  const extractUrlFromOnClick = (onClick) => {
+    if (!onClick || typeof onClick !== "function") return null;
+    const funcString = onClick.toString();
+    let match = funcString.match(/window\.location\.href\s*=\s*`([^`]+)`/);
+    if (!match) {
+      match = funcString.match(/window\.location\.href\s*=\s*["']([^"']+)["']/);
+    }
+    if (match && match[1]) {
+      try {
+        if (match[1].startsWith("http://") || match[1].startsWith("https://")) {
+          const url = new URL(match[1]);
+          return {
+            pathname: url.pathname,
+            search: url.search,
+            fullPath: url.pathname + url.search
+          };
+        }
+        if (match[1].startsWith("/")) {
+          const url = new URL(match[1], window.location.origin);
+          return {
+            pathname: url.pathname,
+            search: url.search,
+            fullPath: url.pathname + url.search
+          };
+        }
+        return null;
+      } catch {
+        const pathMatch = match[1].match(/^([^?]+)(\?.*)?$/);
+        if (pathMatch) {
+          return {
+            pathname: pathMatch[1],
+            search: pathMatch[2] || "",
+            fullPath: match[1]
+          };
+        }
+        return null;
+      }
+    }
+    return null;
+  };
+  const currentUrlMatches = (menuUrlData, currentPath, currentSearch) => {
+    if (!menuUrlData || !currentPath) return false;
+    const normalizedMenuPath = menuUrlData.pathname.replace(/\/$/, "") || "/";
+    const normalizedCurrentPath = currentPath.replace(/\/$/, "") || "/";
+    if (normalizedMenuPath === "/users/users" && normalizedCurrentPath === "/users/users") {
+      const menuParams = new URLSearchParams(menuUrlData.search);
+      const currentParams = new URLSearchParams(currentSearch);
+      const menuRole = menuParams.get("role");
+      const currentRole = currentParams.get("role");
+      if (menuRole && currentRole) {
+        return menuRole === currentRole;
+      }
+      if (menuRole && !currentRole || !menuRole && currentRole) {
+        return false;
+      }
+      return true;
+    }
+    if (normalizedMenuPath === "/corporate" && normalizedCurrentPath.startsWith("/org/organizations")) {
+      return true;
+    }
+    if (normalizedMenuPath === "/supplier" && normalizedCurrentPath === "/orgselector") {
+      const currentPathParam = new URLSearchParams(currentSearch).get("path");
+      if (currentPathParam === "supplier-list") {
+        return true;
+      }
+    }
+    if (normalizedMenuPath === "/supplierdeals" && normalizedCurrentPath === "/orgselector") {
+      const currentPathParam = new URLSearchParams(currentSearch).get("path");
+      if (currentPathParam === "supplier-deals") {
+        return true;
+      }
+    }
+    if (normalizedMenuPath === "/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] = useState3(
+    () => window.location.pathname + window.location.search
+  );
+  useEffect(() => {
+    detectAndSetActiveMenu();
+    setCurrentUrl(window.location.pathname + window.location.search);
+  }, [detectAndSetActiveMenu]);
+  useEffect(() => {
+    let lastUrl = window.location.pathname + window.location.search;
+    const handleLocationChange = () => {
+      const newUrl = window.location.pathname + window.location.search;
+      if (newUrl !== lastUrl) {
+        lastUrl = newUrl;
+        setCurrentUrl(newUrl);
+        detectAndSetActiveMenu();
+      }
+    };
+    window.addEventListener("popstate", handleLocationChange);
+    const checkInterval = setInterval(() => {
+      const newUrl = window.location.pathname + window.location.search;
+      if (newUrl !== lastUrl) {
+        handleLocationChange();
+      }
+    }, 250);
+    return () => {
+      window.removeEventListener("popstate", handleLocationChange);
+      clearInterval(checkInterval);
+    };
+  }, [detectAndSetActiveMenu]);
+  useEffect(() => {
+    detectAndSetActiveMenu();
+  }, [currentUrl, detectAndSetActiveMenu]);
+  const toggleMobileMenu = () => {
+    setIsMobileMenuOpen(!isMobileMenuOpen);
+  };
+  const closeMobileMenu = () => {
+    setIsMobileMenuOpen(false);
+  };
+  return /* @__PURE__ */ React12.createElement(React12.Fragment, null, /* @__PURE__ */ React12.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__ */ React12.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__ */ React12.createElement(X, { className: "w-6 h-6 text-gray-700 dark:text-[#f4f4f5cc]" }) : /* @__PURE__ */ React12.createElement(Menu, { className: "w-6 h-6 text-gray-700 dark:text-[#f4f4f5cc]" })
+  ), /* @__PURE__ */ React12.createElement("div", { className: "flex-1 flex justify-center", id: `${id}-div-2` }, sideBarLogoLocal && /* @__PURE__ */ React12.createElement(
+    "img",
+    {
+      src: sideBarLogoLocal,
+      alt: "sidebarLogo",
+      width: 208,
+      height: 40,
+      className: "object-contain",
+      id: `${id}-img-1`
+    }
+  )), /* @__PURE__ */ React12.createElement("div", { className: "w-10", id: `${id}-div-3` })), isMobileMenuOpen && /* @__PURE__ */ React12.createElement(
+    "div",
+    {
+      className: "fixed inset-0 bg-black/80 bg-opacity-50 z-40 md:hidden",
+      onClick: closeMobileMenu,
+      id: `${id}-div-4`
+    }
+  ), /* @__PURE__ */ React12.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__ */ React12.createElement("div", { className: "p-2 mb-2 hidden md:block", id: `${id}-div-6` }, /* @__PURE__ */ React12.createElement("div", { className: "flex items-center justify-center w-full h-[60px] mb-2", id: `${id}-div-7` }, sideBarLogoLocal && /* @__PURE__ */ React12.createElement(
+      "img",
+      {
+        src: sideBarLogoLocal,
+        alt: "sidebarLogo",
+        width: 108,
+        height: 40,
+        className: "object-contain",
+        id: `${id}-img-2`
+      }
+    ))),
+    /* @__PURE__ */ React12.createElement("div", { className: "mb-4", id: `${id}-div-8` }),
+    /* @__PURE__ */ React12.createElement("div", { className: "overflow-y-auto scrollbar-hide", id: `${id}-div-9` }, /* @__PURE__ */ React12.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__ */ React12.createElement("div", { key: index, className: "", id: `${id}-div-11` }, /* @__PURE__ */ React12.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__ */ React12.createElement("div", { className: "text-primary", id: `${id}-div-13` }, /* @__PURE__ */ React12.createElement(item.Icon, { width: 20, height: 20, id: `${id}-icon-1` })),
+        /* @__PURE__ */ React12.createElement("span", { className: "!font-medium !text-[16px] !text-[#000] dark:text-[#f4f4f5cc]", id: `${id}-span-1` }, item.label),
+        item.isDropDown && /* @__PURE__ */ React12.createElement("div", { className: `ml-auto transition-all delay-75 ${isOpen ? "rotate-180" : ""}`, id: `${id}-div-14` }, /* @__PURE__ */ React12.createElement(ChevronDown3, { width: 20, height: 20, className: "text-gray-500 dark:text-gray-400" }))
+      ), item.options && item.options.length > 0 && /* @__PURE__ */ React12.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__ */ React12.createElement("div", { key: optionsIndex, className: "", id: `${id}-div-16-${optionsIndex}` }, /* @__PURE__ */ React12.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__ */ React12.createElement("div", { id: `${id}-div-18-${optionsIndex}` }),
+            /* @__PURE__ */ React12.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__ */ React12.createElement(
+              "div",
+              {
+                className: `ml-auto transition-all delay-75 ${isSubMenuOpen ? "rotate-180" : ""}`,
+                id: `${id}-div-19-${optionsIndex}`
+              },
+              /* @__PURE__ */ React12.createElement(ChevronDown3, { width: 18, height: 18, className: "text-gray-400 dark:text-gray-500" })
+            )
+          ), options.options && options.options.length > 0 && /* @__PURE__ */ React12.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__ */ React12.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__ */ React12.createElement("div", { className: "mt-auto bg-[#fafafa] dark:bg-[#18181b] sticky bottom-0 mt-2", id: `${id}-div-22` }, /* @__PURE__ */ React12.createElement(
+      "div",
+      {
+        className: "flex items-center justify-between p-2 rounded-lg hover:bg-[#f4f4f5] dark:hover:bg-[#27272a] cursor-pointer transition-colors duration-200",
+        onClick: () => {
+          window.location.href = "/profile";
+        },
+        id: `${id}-div-23`
+      },
+      /* @__PURE__ */ React12.createElement("div", { className: "flex items-center gap-3", id: `${id}-div-24` }, /* @__PURE__ */ React12.createElement("span", { className: "relative flex shrink-0 overflow-hidden dark:bg-[#27272a] rounded-full h-10 w-10", id: `${id}-span-3` }, /* @__PURE__ */ React12.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__ */ React12.createElement("div", { id: `${id}-div-25` }, /* @__PURE__ */ React12.createElement("p", { className: "!font-semibold dark:text-white !text-[16px]", id: `${id}-p-1` }, cookieUserName ? cookieUserName : "Admin"), /* @__PURE__ */ React12.createElement("p", { className: "!text-[14px] !font-normal dark:text-[#f4f4f5cc]", id: `${id}-p-2` }, SCOPE_LABELS[scope] ?? scope)))
+    ))
+  ));
+};
+
+// src/RightSheet/RightSheet.jsx
+import React13, { useEffect as useEffect2, useState as useState4 } from "react";
+var RightSheet = ({
+  id = "right-sheet",
+  open,
+  setOpen,
+  children,
+  callBack,
+  actionLabel = "Save",
+  onAction = () => {
+  }
+}) => {
+  const [visible, setVisible] = useState4(open);
+  useEffect2(() => {
+    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__ */ React13.createElement(
+    "div",
+    {
+      className: "fixed inset-0 overflow-x-hidden bg-black/80 sheetPopIn h-full overflow-auto ",
+      onClick: handleClose,
+      id: `${id}-div-1`
+    },
+    /* @__PURE__ */ React13.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__ */ React13.createElement("div", { className: " min-h-full ", id: `${id}-div-3` }, children),
+      /* @__PURE__ */ React13.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__ */ React13.createElement(CustomButton, { variant: "SECONDARY", onClick: () => handleClose(), id: `${id}-custom-button-1` }, "Cancel"), /* @__PURE__ */ React13.createElement(CustomButton, { variant: "SECONDARY", onClick: handleAction, id: `${id}-custom-button-2` }, actionLabel))
+    )
+  );
+};
+
+// src/Table/CustomTable.jsx
+import React14 from "react";
+var CustomTable = ({
+  id = "custom-table",
+  tableHeader,
+  setIsAllChecked,
+  isAllChecked,
+  children,
+  isHideCheckbox = "false"
+}) => {
+  return /* @__PURE__ */ React14.createElement("div", { className: "border border-[#e5e5e5] dark:border-[#303036] rounded-lg overflow-x-auto", id: `${id}-div-1` }, /* @__PURE__ */ React14.createElement("div", { className: "w-full relative overflow-x-auto", id: `${id}-div-2` }, /* @__PURE__ */ React14.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__ */ React14.createElement("thead", { className: "border-b border-[#e5e5e5] dark:border-[#303036] dark:bg-[#18181b]", id: `${id}-thead-1` }, /* @__PURE__ */ React14.createElement(
+    "tr",
+    {
+      className: "transition-colors text-[#737373] hover:bg-muted/50 \r\n                                data-[state=selected]:bg-muted",
+      id: `${id}-tr-1`
+    },
+    !isHideCheckbox && /* @__PURE__ */ React14.createElement("th", { className: "px-4 py-3 text-left w-[50px]", id: `${id}-th-1` }, /* @__PURE__ */ React14.createElement(
+      CustomCheckbox,
+      {
+        checked: isAllChecked,
+        onChange: () => {
+          setIsAllChecked(!isAllChecked);
+        },
+        id: `${id}-custom-checkbox-1`
+      }
+    )),
+    tableHeader.map((header, index) => {
+      return /* @__PURE__ */ React14.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__ */ React14.createElement("tbody", { id: `${id}-tbody-1` }, children))));
+};
+
+// src/Pagination/Pagination.jsx
+import React15, { useMemo, useState as useState5, useEffect as useEffect3 } 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] = useState5(1);
+  const [internalItemsPerPage, setInternalItemsPerPage] = useState5(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 = useMemo(() => {
+    if (totalItems > 0 && activeItemsPerPage > 0) {
+      return Math.ceil(totalItems / activeItemsPerPage);
+    }
+    return 1;
+  }, [totalItems, activeItemsPerPage]);
+  const paginatedData = useMemo(() => {
+    if (!data || data.length === 0) return [];
+    const startIndex = (currentPage - 1) * activeItemsPerPage;
+    const endIndex = startIndex + activeItemsPerPage;
+    return data.slice(startIndex, endIndex);
+  }, [data, currentPage, activeItemsPerPage]);
+  useEffect3(() => {
+    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 (React15.isValidElement(Component)) {
+        const ComponentType = Component.type;
+        const elementProps = Component.props;
+        if (isTable) {
+          return /* @__PURE__ */ React15.createElement(
+            CustomTable,
+            {
+              tableHeader,
+              isHideCheckbox,
+              id: `${id}-custom-table-1`
+            },
+            data.map((item, index) => {
+              return /* @__PURE__ */ React15.createElement(
+                ComponentType,
+                {
+                  key: item.id || item._id || index,
+                  data: item,
+                  ...elementProps,
+                  ...componentProps,
+                  ...restProps,
+                  id: `${id}-component-type-1-${index}`
+                }
+              );
+            })
+          );
+        } else {
+          if (isTable) {
+            return /* @__PURE__ */ React15.createElement(
+              CustomTable,
+              {
+                tableHeader,
+                isHideCheckbox,
+                id: `${id}-custom-table-2`
+              },
+              paginatedData.map((item, index) => {
+                return /* @__PURE__ */ React15.createElement(
+                  ComponentType,
+                  {
+                    key: item.id || item._id || index,
+                    data: item,
+                    ...elementProps,
+                    ...componentProps,
+                    ...restProps,
+                    id: `${id}-component-type-2-${index}`
+                  }
+                );
+              })
+            );
+          }
+        }
+      } else {
+        return /* @__PURE__ */ React15.createElement(
+          CustomTable,
+          {
+            tableHeader,
+            isHideCheckbox,
+            id: `${id}-custom-table-3`
+          },
+          paginatedData.map((item, index) => {
+            return /* @__PURE__ */ React15.createElement(
+              Component,
+              {
+                key: item.id || item._id || index,
+                data: item,
+                ...componentProps,
+                ...restProps,
+                id: `${id}-component-1-${index}`
+              }
+            );
+          })
+        );
+      }
+    }
+    return null;
+  };
+  return /* @__PURE__ */ React15.createElement(React15.Fragment, null, /* @__PURE__ */ React15.createElement(React15.Fragment, null, renderContent()), /* @__PURE__ */ React15.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__ */ React15.createElement("div", { className: "text-sm text-[#737373] dark:text-white", id: `${id}-div-2` }, "Showing ", startItem, " to ", endItem, " of ", totalItems, " entries"), /* @__PURE__ */ React15.createElement("div", { className: "flex items-center gap-2", id: `${id}-div-3` }, /* @__PURE__ */ React15.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__ */ React15.createElement(ChevronsLeft, { size: 16 })
+  ), /* @__PURE__ */ React15.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__ */ React15.createElement(ChevronLeft, { size: 16 })
+  ), getPageNumbers().map((pageNum) => /* @__PURE__ */ React15.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__ */ React15.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__ */ React15.createElement(ChevronRight, { size: 16 })
+  ), /* @__PURE__ */ React15.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__ */ React15.createElement(ChevronsRight, { size: 16 })
+  ))));
+};
+export {
+  AppSideBar,
+  Chip,
+  CustomAutocomplete,
+  CustomButton,
+  CustomCheckbox,
+  CustomInput,
+  CustomSearch,
+  CustomSelect,
+  CustomSwitch,
+  CustomTable,
+  CustomTextarea,
+  CustomUpload,
+  Pagination,
+  ProgressBar,
+  RightSheet
+};