jett.admin.npmpackage 2.0.17 → 2.0.19

package/dist/index.css

@@ -23,11 +23,13 @@
       monospace;
     --color-red-50: oklch(97.1% 0.013 17.38);
     --color-red-100: oklch(93.6% 0.032 17.717);
+    --color-red-200: oklch(88.5% 0.062 18.334);
     --color-red-500: oklch(63.7% 0.237 25.331);
     --color-red-600: oklch(57.7% 0.245 27.325);
     --color-red-700: oklch(50.5% 0.213 27.518);
     --color-red-800: oklch(44.4% 0.177 26.899);
     --color-red-900: oklch(39.6% 0.141 25.723);
+    --color-red-950: oklch(25.8% 0.092 26.042);
     --color-yellow-100: oklch(97.3% 0.071 103.193);
     --color-yellow-800: oklch(47.6% 0.114 61.907);
     --color-yellow-900: oklch(42.1% 0.095 57.708);
@@ -35,7 +37,6 @@
     --color-green-800: oklch(44.8% 0.119 151.328);
     --color-green-900: oklch(39.3% 0.095 152.535);
     --color-blue-50: oklch(97% 0.014 254.604);
-    --color-blue-400: oklch(70.7% 0.165 254.624);
     --color-blue-600: oklch(54.6% 0.245 262.881);
     --color-blue-950: oklch(28.2% 0.091 267.935);
     --color-gray-50: oklch(98.5% 0.002 247.839);
@@ -357,6 +358,9 @@
   .mb-2 {
     margin-bottom: calc(var(--spacing) * 2);
   }
+  .mb-3 {
+    margin-bottom: calc(var(--spacing) * 3);
+  }
   .mb-4 {
     margin-bottom: calc(var(--spacing) * 4);
   }
@@ -492,9 +496,6 @@
   .w-\[360px\] {
     width: 360px;
   }
-  .w-\[370px\] {
-    width: 370px;
-  }
   .w-full {
     width: 100%;
   }
@@ -692,12 +693,18 @@
   .border-primary {
     border-color: var(--color-primary);
   }
+  .border-red-200 {
+    border-color: var(--color-red-200);
+  }
   .border-red-500 {
     border-color: var(--color-red-500);
   }
   .border-transparent {
     border-color: transparent;
   }
+  .border-white {
+    border-color: var(--color-white);
+  }
   .bg-\[\#F7FAFC\] {
     background-color: #F7FAFC;
   }
@@ -815,18 +822,12 @@
   .py-3 {
     padding-block: calc(var(--spacing) * 3);
   }
-  .pt-3 {
-    padding-top: calc(var(--spacing) * 3);
-  }
   .pt-5 {
     padding-top: calc(var(--spacing) * 5);
   }
   .pt-20 {
     padding-top: calc(var(--spacing) * 20);
   }
-  .pb-2 {
-    padding-bottom: calc(var(--spacing) * 2);
-  }
   .pb-4 {
     padding-bottom: calc(var(--spacing) * 4);
   }
@@ -858,8 +859,8 @@
     font-size: var(--text-xs);
     line-height: var(--tw-leading, var(--text-xs--line-height));
   }
-  .\!text-\[13px\] {
-    font-size: 13px !important;
+  .\!text-\[10px\] {
+    font-size: 10px !important;
   }
   .\!text-\[14px\] {
     font-size: 14px !important;
@@ -873,6 +874,9 @@
   .\!text-\[22px\] {
     font-size: 22px !important;
   }
+  .text-\[9px\] {
+    font-size: 9px;
+  }
   .text-\[10px\] {
     font-size: 10px;
   }
@@ -952,6 +956,9 @@
   .\!text-\[\#3f3f46cc\] {
     color: #3f3f46cc !important;
   }
+  .text-\[\#0A0A0A\] {
+    color: #0A0A0A;
+  }
   .text-\[\#3f3f46cc\] {
     color: #3f3f46cc;
   }
@@ -1003,9 +1010,6 @@
   .uppercase {
     text-transform: uppercase;
   }
-  .opacity-0 {
-    opacity: 0%;
-  }
   .opacity-50 {
     opacity: 50%;
   }
@@ -1111,11 +1115,6 @@
     transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
     transition-duration: var(--tw-duration, var(--default-transition-duration));
   }
-  .transition-opacity {
-    transition-property: opacity;
-    transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
-    transition-duration: var(--tw-duration, var(--default-transition-duration));
-  }
   .transition-transform {
     transition-property:
       transform,
@@ -1147,13 +1146,6 @@
     -webkit-user-select: none;
     user-select: none;
   }
-  .group-hover\:opacity-100 {
-    &:is(:where(.group):hover *) {
-      @media (hover: hover) {
-        opacity: 100%;
-      }
-    }
-  }
   .peer-checked\:border-primary {
     &:is(:where(.peer):checked ~ *) {
       border-color: var(--color-primary);
@@ -1236,13 +1228,6 @@
       }
     }
   }
-  .hover\:underline {
-    &:hover {
-      @media (hover: hover) {
-        text-decoration-line: underline;
-      }
-    }
-  }
   .focus\:border-black {
     &:focus {
       border-color: var(--color-black);
@@ -1371,6 +1356,11 @@
       border-color: #303036;
     }
   }
+  .dark\:border-red-900 {
+    &:where(.dark, .dark *) {
+      border-color: var(--color-red-900);
+    }
+  }
   .dark\:border-white {
     &:where(.dark, .dark *) {
       border-color: var(--color-white);
@@ -1429,6 +1419,14 @@
       background-color: var(--color-red-900);
     }
   }
+  .dark\:bg-red-950\/40 {
+    &:where(.dark, .dark *) {
+      background-color: color-mix(in srgb, oklch(25.8% 0.092 26.042) 40%, transparent);
+      @supports (color: color-mix(in lab, red, red)) {
+        background-color: color-mix(in oklab, var(--color-red-950) 40%, transparent);
+      }
+    }
+  }
   .dark\:bg-transparent {
     &:where(.dark, .dark *) {
       background-color: transparent;
@@ -1459,11 +1457,6 @@
       color: #f4f4f5cc;
     }
   }
-  .dark\:text-blue-400 {
-    &:where(.dark, .dark *) {
-      color: var(--color-blue-400);
-    }
-  }
   .dark\:text-gray-400 {
     &:where(.dark, .dark *) {
       color: var(--color-gray-400);

package/dist/index.js

@@ -499,7 +499,7 @@ var navItemsConstant = [
       {
         label: "Trips",
         onClick: () => {
-          window.location.href = "/trips/";
+          window.location.href = "/corporate/trips/";
         }
       },
       {
@@ -907,12 +907,13 @@ var SwitchProfileSection = ({
   const [position, setPosition] = (0, import_react13.useState)(null);
   const [showLogoutConfirm, setShowLogoutConfirm] = (0, import_react13.useState)(false);
   const [switchingProfileId, setSwitchingProfileId] = (0, import_react13.useState)(null);
+  const [switchError, setSwitchError] = (0, import_react13.useState)(null);
   (0, import_react13.useLayoutEffect)(() => {
     if (!open || !(anchorRef == null ? void 0 : anchorRef.current)) return;
     const updatePosition = () => {
       const rect = anchorRef.current.getBoundingClientRect();
       setPosition({
-        left: rect.right + 12,
+        left: rect.right + 2,
         bottom: window.innerHeight - rect.bottom
       });
     };
@@ -924,6 +925,14 @@ var SwitchProfileSection = ({
       window.removeEventListener("scroll", updatePosition, true);
     };
   }, [open, anchorRef]);
+  (0, import_react13.useEffect)(() => {
+    if (!open) setSwitchError(null);
+  }, [open]);
+  (0, import_react13.useEffect)(() => {
+    if (!switchError) return;
+    const timer = setTimeout(() => setSwitchError(null), 5e3);
+    return () => clearTimeout(timer);
+  }, [switchError]);
   if (!open && !showLogoutConfirm || typeof document === "undefined") return null;
   const jettIdData = getJettIdCookieData();
   const userName = (jettIdData == null ? void 0 : jettIdData.UserName) || "";
@@ -944,9 +953,10 @@ var SwitchProfileSection = ({
     // Client IP cannot be retrieved from browser
   });
   const handleProfileSwitch = async (profile) => {
-    var _a;
+    var _a, _b, _c;
     if (switchingProfileId) return;
     setSwitchingProfileId(profile.ProfileId);
+    setSwitchError(null);
     try {
       const encryptedRequest = encryptForSwitchProfile(
         JSON.stringify({
@@ -963,7 +973,14 @@ var SwitchProfileSection = ({
           Request: encryptedRequest
         })
       }).then((res) => res.json());
-      if ((_a = response == null ? void 0 : response.Response) == null ? void 0 : _a.RedirectUrl) {
+      const statusCode = (_a = response == null ? void 0 : response.Context) == null ? void 0 : _a.StatusCode;
+      const isSuccess = !statusCode || statusCode === 200;
+      if (!isSuccess) {
+        setSwitchError(((_b = response == null ? void 0 : response.Context) == null ? void 0 : _b.Message) || "Unable to switch profile. Please try again.");
+        setSwitchingProfileId(null);
+        return;
+      }
+      if ((_c = response == null ? void 0 : response.Response) == null ? void 0 : _c.RedirectUrl) {
         window.location.href = response.Response.RedirectUrl;
         return;
       }
@@ -971,30 +988,37 @@ var SwitchProfileSection = ({
       onProfileSwitch == null ? void 0 : onProfileSwitch(profile);
     } catch (error) {
       console.error("Switch profile request failed:", error);
+      setSwitchError("Something went wrong while switching profile. Please try again.");
       setSwitchingProfileId(null);
-      onProfileSwitch == null ? void 0 : onProfileSwitch(profile);
     }
   };
   return /* @__PURE__ */ import_react13.default.createElement(import_react13.default.Fragment, null, open && (0, import_react_dom2.createPortal)(
     /* @__PURE__ */ import_react13.default.createElement(import_react13.default.Fragment, null, /* @__PURE__ */ import_react13.default.createElement("div", { className: "fixed inset-0 z-[9999]", onClick: onClose, id: `${id}-backdrop` }), /* @__PURE__ */ import_react13.default.createElement(
       "div",
       {
-        className: "fixed w-[370px] max-h-[75vh] flex flex-col overflow-hidden bg-white dark:bg-[#18181b] rounded-xl shadow-xl border border-gray-200 dark:border-[#303036] z-[9999]",
+        className: "fixed w-[320px] max-h-[75vh] flex p-4 flex-col overflow-hidden bg-white dark:bg-[#18181b] rounded-xl shadow-xl border border-gray-200 dark:border-[#303036] z-[9999]",
         style: position ? { left: position.left, bottom: position.bottom } : { left: -9999, bottom: 0 },
         id: `${id}-panel`
       },
-      /* @__PURE__ */ import_react13.default.createElement("div", { className: "flex items-center justify-between gap-3 p-4", id: `${id}-header` }, /* @__PURE__ */ import_react13.default.createElement("div", { className: "flex items-center gap-3 min-w-0", id: `${id}-header-user` }, /* @__PURE__ */ import_react13.default.createElement("span", { className: "relative flex shrink-0 overflow-hidden rounded-full h-10 w-10", id: `${id}-avatar` }, /* @__PURE__ */ import_react13.default.createElement("span", { className: "flex h-full w-full items-center justify-center !text-[16px] !font-normal border border-gray-200 dark:border-[#303036] rounded-full bg-muted dark:text-white" }, userName ? userName.charAt(0) : "A")), /* @__PURE__ */ import_react13.default.createElement("div", { className: "min-w-0", id: `${id}-header-text` }, /* @__PURE__ */ import_react13.default.createElement("p", { className: "!font-semibold dark:text-white !text-[15px] truncate" }, userName || "Admin"), /* @__PURE__ */ import_react13.default.createElement("p", { className: "!text-[13px] !font-normal text-gray-500 dark:text-[#f4f4f5cc] truncate" }, userEmail))), /* @__PURE__ */ import_react13.default.createElement(
+      /* @__PURE__ */ import_react13.default.createElement("div", { className: "flex items-center justify-between gap-3 pb-4", id: `${id}-header` }, /* @__PURE__ */ import_react13.default.createElement("div", { className: "flex items-center gap-3 min-w-0", id: `${id}-header-user` }, /* @__PURE__ */ import_react13.default.createElement("span", { className: "relative flex shrink-0 overflow-hidden rounded-full h-10 w-10", id: `${id}-avatar` }, /* @__PURE__ */ import_react13.default.createElement("span", { className: "flex h-full w-full items-center justify-center !text-[16px] !font-normal border-2 border-gray-200 dark:border-[#303036] rounded-full bg-muted dark:text-white" }, userName ? userName.charAt(0) : "40 * 40")), /* @__PURE__ */ import_react13.default.createElement("div", { className: "min-w-0", id: `${id}-header-text` }, /* @__PURE__ */ import_react13.default.createElement("p", { className: "!font-semibold dark:text-white !text-[14px] truncate" }, userName || "Admin"), /* @__PURE__ */ import_react13.default.createElement("p", { className: "!text-[10px] !font-normal text-gray-500 dark:text-[#f4f4f5cc] truncate" }, userEmail))), /* @__PURE__ */ import_react13.default.createElement(
         "button",
         {
           type: "button",
           onClick: onManageProfile,
-          className: "shrink-0 whitespace-nowrap rounded-md border border-gray-300 dark:border-[#303036] px-3 py-1.5 text-[11px] font-semibold uppercase tracking-wide text-gray-700 dark:text-[#f4f4f5cc] cursor-pointer hover:bg-gray-50 dark:hover:bg-[#27272a] transition-colors duration-200",
+          className: "shrink-0 whitespace-nowrap rounded-md border border-gray-300 dark:border-[#303036] px-3 py-1.5 text-[10px] font-bold uppercase tracking-wide text-[#0A0A0A] dark:text-[#f4f4f5cc] cursor-pointer hover:bg-gray-50 dark:hover:bg-[#27272a] transition-colors duration-200",
           id: `${id}-manage-profile-button`
         },
         "Manage Profile"
       )),
-      /* @__PURE__ */ import_react13.default.createElement("div", { className: "border-t border-gray-200 dark:border-[#303036]" }),
-      /* @__PURE__ */ import_react13.default.createElement("div", { className: "overflow-y-auto scrollbar-hide", id: `${id}-body` }, /* @__PURE__ */ import_react13.default.createElement("p", { className: "px-4 pt-3 pb-2 text-[11px] font-semibold tracking-wider text-gray-400 uppercase", id: `${id}-markets-label` }, "Your Markets"), /* @__PURE__ */ import_react13.default.createElement("div", { className: "flex flex-col gap-1 px-2 pb-2", id: `${id}-markets-list` }, markets.length === 0 && /* @__PURE__ */ import_react13.default.createElement("p", { className: "px-2 py-2 text-[13px] text-gray-400", id: `${id}-markets-empty` }, "No markets available"), markets.map((profile) => {
+      /* @__PURE__ */ import_react13.default.createElement("div", { className: "border-t border-gray-200 dark:border-[#303036] mb-4" }),
+      /* @__PURE__ */ import_react13.default.createElement("div", { className: "overflow-y-auto scrollbar-hide", id: `${id}-body` }, /* @__PURE__ */ import_react13.default.createElement("p", { className: "pb-4 text-[10px] font-bold tracking-wider text-[#737373] uppercase", id: `${id}-markets-label` }, "Your Markets"), switchError && /* @__PURE__ */ import_react13.default.createElement(
+        "div",
+        {
+          className: "mb-3 rounded-lg border border-red-200 dark:border-red-900 bg-red-50 dark:bg-red-950/40 px-3 py-2 text-[12px] font-medium text-red-600",
+          id: `${id}-switch-error`
+        },
+        switchError
+      ), /* @__PURE__ */ import_react13.default.createElement("div", { className: "flex flex-col gap-1 pb-4", id: `${id}-markets-list` }, markets.length === 0 && /* @__PURE__ */ import_react13.default.createElement("p", { className: "px-2 py-2 text-[13px] text-gray-400", id: `${id}-markets-empty` }, "No markets available"), markets.map((profile) => {
         const isCurrent = profile.ProfileId === currentProfileId;
         const isSwitching = switchingProfileId === profile.ProfileId;
         return /* @__PURE__ */ import_react13.default.createElement(
@@ -1003,27 +1027,27 @@ var SwitchProfileSection = ({
             key: profile.ProfileId,
             onClick: () => !isCurrent && handleProfileSwitch(profile),
             "aria-disabled": isSwitching,
-            className: `flex items-center justify-between gap-2 rounded-lg p-3 cursor-pointer hover:bg-[#f4f4f5] dark:hover:bg-[#27272a] transition-colors duration-200 ${isCurrent ? "border border-gray-800 dark:border-white" : "border border-transparent"} ${isSwitching ? "opacity-50 pointer-events-none" : ""}`,
+            className: `flex items-center justify-between gap-2 rounded-lg p-3 cursor-pointer hover:bg-[#f4f4f5] dark:hover:bg-[#27272a] transition-colors duration-200 ${isCurrent ? "border border-gray-800 dark:border-white bg-[#f4f4f5] text-[#0A0A0A]" : "border border-transparent"} ${isSwitching ? "opacity-50 pointer-events-none" : ""}`,
             id: `${id}-market-${profile.ProfileId}`
           },
-          /* @__PURE__ */ import_react13.default.createElement("span", { className: "!font-medium !text-[14px] dark:text-[#f4f4f5cc] truncate" }, profile.EntityName),
-          isCurrent && /* @__PURE__ */ import_react13.default.createElement("span", { className: "shrink-0 rounded-full bg-blue-600 px-2.5 py-0.5 text-[10px] font-bold uppercase tracking-wide text-white" }, "Logged In"),
+          /* @__PURE__ */ import_react13.default.createElement("span", { className: "!font-bold !text-[14px] text-gray-900 dark:text-[#f4f4f5cc] truncate" }, profile.EntityName),
+          isCurrent && /* @__PURE__ */ import_react13.default.createElement("span", { className: "shrink-0 rounded-full bg-blue-600 px-2.5 py-0.5 border-2 border-white text-[9px] font-bold uppercase tracking-wide text-white" }, "Logged In"),
           isSwitching && /* @__PURE__ */ import_react13.default.createElement("span", { className: "shrink-0 text-[11px] text-gray-400" }, "Switching...")
         );
       }))),
-      /* @__PURE__ */ import_react13.default.createElement("div", { className: "border-t border-gray-200 dark:border-[#303036]" }),
-      /* @__PURE__ */ import_react13.default.createElement("div", { className: "p-2", id: `${id}-footer` }, /* @__PURE__ */ import_react13.default.createElement(
+      /* @__PURE__ */ import_react13.default.createElement("div", { className: "border-t border-gray-200 dark:border-[#303036] mb-4" }),
+      /* @__PURE__ */ import_react13.default.createElement("div", { className: "", id: `${id}-footer` }, /* @__PURE__ */ import_react13.default.createElement(
         "div",
         {
           onClick: () => {
             onClose == null ? void 0 : onClose();
             setShowLogoutConfirm(true);
           },
-          className: "flex items-center gap-3 rounded-lg p-3 cursor-pointer text-red-600 hover:bg-red-50 dark:hover:bg-[#27272a] transition-colors duration-200",
+          className: "flex items-center gap-3 p-3 rounded-lg cursor-pointer text-red-600 hover:bg-red-50 dark:hover:bg-[#27272a] transition-colors duration-200",
           id: `${id}-logout`
         },
         /* @__PURE__ */ import_react13.default.createElement(import_lucide_react7.LogOut, { width: 18, height: 18 }),
-        /* @__PURE__ */ import_react13.default.createElement("span", { className: "!font-medium !text-[14px]" }, "Logout")
+        /* @__PURE__ */ import_react13.default.createElement("span", { className: "!font-bold !text-[14px]" }, "Logout")
       ))
     )),
     document.body
@@ -1498,10 +1522,10 @@ var AppSideBar = ({
       /* @__PURE__ */ import_react14.default.createElement(
         "span",
         {
-          className: "opacity-0 group-hover:opacity-100 transition-opacity duration-200 !text-[14px] !font-bold text-blue-600 dark:text-blue-400 hover:underline",
+          className: "text-gray-600 dark:text-gray-400",
           id: `${id}-span-switch`
         },
-        "Switch"
+        /* @__PURE__ */ import_react14.default.createElement(import_lucide_react8.ChevronRight, { width: 20, height: 22 })
       )
     ), /* @__PURE__ */ import_react14.default.createElement(
       SwitchProfileSection,

package/dist/index.mjs

@@ -422,13 +422,14 @@ var CustomUpload = ({
 // src/sideBar/SideBar.jsx
 import {
   ChevronDown as ChevronDown3,
+  ChevronRight,
   CircleSlash,
   Globe,
   LogOut as LogOut3,
   Menu,
   X
 } from "lucide-react";
-import React14, { useEffect, useState as useState4, useCallback, useRef as useRef4 } from "react";
+import React14, { useEffect as useEffect2, useState as useState4, useCallback, useRef as useRef4 } from "react";
 
 // ConstantUI.js
 import {
@@ -466,7 +467,7 @@ var navItemsConstant = [
       {
         label: "Trips",
         onClick: () => {
-          window.location.href = "/trips/";
+          window.location.href = "/corporate/trips/";
         }
       },
       {
@@ -781,9 +782,9 @@ function buildLogoUrl(CDNBasePath, logoPath) {
 }
 
 // src/sideBar/SwitchProfileSection.jsx
-import React13, { useLayoutEffect, useState as useState3 } from "react";
+import React13, { useEffect, useLayoutEffect, useState as useState3 } from "react";
 import { createPortal as createPortal2 } from "react-dom";
-import { LogOut as LogOut2, Settings } from "lucide-react";
+import { LogOut as LogOut2, SlidersHorizontal } from "lucide-react";
 
 // src/sideBar/LogoutConfirmModal.jsx
 import React12 from "react";
@@ -874,12 +875,13 @@ var SwitchProfileSection = ({
   const [position, setPosition] = useState3(null);
   const [showLogoutConfirm, setShowLogoutConfirm] = useState3(false);
   const [switchingProfileId, setSwitchingProfileId] = useState3(null);
+  const [switchError, setSwitchError] = useState3(null);
   useLayoutEffect(() => {
     if (!open || !(anchorRef == null ? void 0 : anchorRef.current)) return;
     const updatePosition = () => {
       const rect = anchorRef.current.getBoundingClientRect();
       setPosition({
-        left: rect.right + 12,
+        left: rect.right + 2,
         bottom: window.innerHeight - rect.bottom
       });
     };
@@ -891,6 +893,14 @@ var SwitchProfileSection = ({
       window.removeEventListener("scroll", updatePosition, true);
     };
   }, [open, anchorRef]);
+  useEffect(() => {
+    if (!open) setSwitchError(null);
+  }, [open]);
+  useEffect(() => {
+    if (!switchError) return;
+    const timer = setTimeout(() => setSwitchError(null), 5e3);
+    return () => clearTimeout(timer);
+  }, [switchError]);
   if (!open && !showLogoutConfirm || typeof document === "undefined") return null;
   const jettIdData = getJettIdCookieData();
   const userName = (jettIdData == null ? void 0 : jettIdData.UserName) || "";
@@ -911,9 +921,10 @@ var SwitchProfileSection = ({
     // Client IP cannot be retrieved from browser
   });
   const handleProfileSwitch = async (profile) => {
-    var _a;
+    var _a, _b, _c;
     if (switchingProfileId) return;
     setSwitchingProfileId(profile.ProfileId);
+    setSwitchError(null);
     try {
       const encryptedRequest = encryptForSwitchProfile(
         JSON.stringify({
@@ -930,7 +941,14 @@ var SwitchProfileSection = ({
           Request: encryptedRequest
         })
       }).then((res) => res.json());
-      if ((_a = response == null ? void 0 : response.Response) == null ? void 0 : _a.RedirectUrl) {
+      const statusCode = (_a = response == null ? void 0 : response.Context) == null ? void 0 : _a.StatusCode;
+      const isSuccess = !statusCode || statusCode === 200;
+      if (!isSuccess) {
+        setSwitchError(((_b = response == null ? void 0 : response.Context) == null ? void 0 : _b.Message) || "Unable to switch profile. Please try again.");
+        setSwitchingProfileId(null);
+        return;
+      }
+      if ((_c = response == null ? void 0 : response.Response) == null ? void 0 : _c.RedirectUrl) {
         window.location.href = response.Response.RedirectUrl;
         return;
       }
@@ -938,30 +956,37 @@ var SwitchProfileSection = ({
       onProfileSwitch == null ? void 0 : onProfileSwitch(profile);
     } catch (error) {
       console.error("Switch profile request failed:", error);
+      setSwitchError("Something went wrong while switching profile. Please try again.");
       setSwitchingProfileId(null);
-      onProfileSwitch == null ? void 0 : onProfileSwitch(profile);
     }
   };
   return /* @__PURE__ */ React13.createElement(React13.Fragment, null, open && createPortal2(
     /* @__PURE__ */ React13.createElement(React13.Fragment, null, /* @__PURE__ */ React13.createElement("div", { className: "fixed inset-0 z-[9999]", onClick: onClose, id: `${id}-backdrop` }), /* @__PURE__ */ React13.createElement(
       "div",
       {
-        className: "fixed w-[370px] max-h-[75vh] flex flex-col overflow-hidden bg-white dark:bg-[#18181b] rounded-xl shadow-xl border border-gray-200 dark:border-[#303036] z-[9999]",
+        className: "fixed w-[320px] max-h-[75vh] flex p-4 flex-col overflow-hidden bg-white dark:bg-[#18181b] rounded-xl shadow-xl border border-gray-200 dark:border-[#303036] z-[9999]",
         style: position ? { left: position.left, bottom: position.bottom } : { left: -9999, bottom: 0 },
         id: `${id}-panel`
       },
-      /* @__PURE__ */ React13.createElement("div", { className: "flex items-center justify-between gap-3 p-4", id: `${id}-header` }, /* @__PURE__ */ React13.createElement("div", { className: "flex items-center gap-3 min-w-0", id: `${id}-header-user` }, /* @__PURE__ */ React13.createElement("span", { className: "relative flex shrink-0 overflow-hidden rounded-full h-10 w-10", id: `${id}-avatar` }, /* @__PURE__ */ React13.createElement("span", { className: "flex h-full w-full items-center justify-center !text-[16px] !font-normal border border-gray-200 dark:border-[#303036] rounded-full bg-muted dark:text-white" }, userName ? userName.charAt(0) : "A")), /* @__PURE__ */ React13.createElement("div", { className: "min-w-0", id: `${id}-header-text` }, /* @__PURE__ */ React13.createElement("p", { className: "!font-semibold dark:text-white !text-[15px] truncate" }, userName || "Admin"), /* @__PURE__ */ React13.createElement("p", { className: "!text-[13px] !font-normal text-gray-500 dark:text-[#f4f4f5cc] truncate" }, userEmail))), /* @__PURE__ */ React13.createElement(
+      /* @__PURE__ */ React13.createElement("div", { className: "flex items-center justify-between gap-3 pb-4", id: `${id}-header` }, /* @__PURE__ */ React13.createElement("div", { className: "flex items-center gap-3 min-w-0", id: `${id}-header-user` }, /* @__PURE__ */ React13.createElement("span", { className: "relative flex shrink-0 overflow-hidden rounded-full h-10 w-10", id: `${id}-avatar` }, /* @__PURE__ */ React13.createElement("span", { className: "flex h-full w-full items-center justify-center !text-[16px] !font-normal border-2 border-gray-200 dark:border-[#303036] rounded-full bg-muted dark:text-white" }, userName ? userName.charAt(0) : "40 * 40")), /* @__PURE__ */ React13.createElement("div", { className: "min-w-0", id: `${id}-header-text` }, /* @__PURE__ */ React13.createElement("p", { className: "!font-semibold dark:text-white !text-[14px] truncate" }, userName || "Admin"), /* @__PURE__ */ React13.createElement("p", { className: "!text-[10px] !font-normal text-gray-500 dark:text-[#f4f4f5cc] truncate" }, userEmail))), /* @__PURE__ */ React13.createElement(
         "button",
         {
           type: "button",
           onClick: onManageProfile,
-          className: "shrink-0 whitespace-nowrap rounded-md border border-gray-300 dark:border-[#303036] px-3 py-1.5 text-[11px] font-semibold uppercase tracking-wide text-gray-700 dark:text-[#f4f4f5cc] cursor-pointer hover:bg-gray-50 dark:hover:bg-[#27272a] transition-colors duration-200",
+          className: "shrink-0 whitespace-nowrap rounded-md border border-gray-300 dark:border-[#303036] px-3 py-1.5 text-[10px] font-bold uppercase tracking-wide text-[#0A0A0A] dark:text-[#f4f4f5cc] cursor-pointer hover:bg-gray-50 dark:hover:bg-[#27272a] transition-colors duration-200",
           id: `${id}-manage-profile-button`
         },
         "Manage Profile"
       )),
-      /* @__PURE__ */ React13.createElement("div", { className: "border-t border-gray-200 dark:border-[#303036]" }),
-      /* @__PURE__ */ React13.createElement("div", { className: "overflow-y-auto scrollbar-hide", id: `${id}-body` }, /* @__PURE__ */ React13.createElement("p", { className: "px-4 pt-3 pb-2 text-[11px] font-semibold tracking-wider text-gray-400 uppercase", id: `${id}-markets-label` }, "Your Markets"), /* @__PURE__ */ React13.createElement("div", { className: "flex flex-col gap-1 px-2 pb-2", id: `${id}-markets-list` }, markets.length === 0 && /* @__PURE__ */ React13.createElement("p", { className: "px-2 py-2 text-[13px] text-gray-400", id: `${id}-markets-empty` }, "No markets available"), markets.map((profile) => {
+      /* @__PURE__ */ React13.createElement("div", { className: "border-t border-gray-200 dark:border-[#303036] mb-4" }),
+      /* @__PURE__ */ React13.createElement("div", { className: "overflow-y-auto scrollbar-hide", id: `${id}-body` }, /* @__PURE__ */ React13.createElement("p", { className: "pb-4 text-[10px] font-bold tracking-wider text-[#737373] uppercase", id: `${id}-markets-label` }, "Your Markets"), switchError && /* @__PURE__ */ React13.createElement(
+        "div",
+        {
+          className: "mb-3 rounded-lg border border-red-200 dark:border-red-900 bg-red-50 dark:bg-red-950/40 px-3 py-2 text-[12px] font-medium text-red-600",
+          id: `${id}-switch-error`
+        },
+        switchError
+      ), /* @__PURE__ */ React13.createElement("div", { className: "flex flex-col gap-1 pb-4", id: `${id}-markets-list` }, markets.length === 0 && /* @__PURE__ */ React13.createElement("p", { className: "px-2 py-2 text-[13px] text-gray-400", id: `${id}-markets-empty` }, "No markets available"), markets.map((profile) => {
         const isCurrent = profile.ProfileId === currentProfileId;
         const isSwitching = switchingProfileId === profile.ProfileId;
         return /* @__PURE__ */ React13.createElement(
@@ -970,27 +995,27 @@ var SwitchProfileSection = ({
             key: profile.ProfileId,
             onClick: () => !isCurrent && handleProfileSwitch(profile),
             "aria-disabled": isSwitching,
-            className: `flex items-center justify-between gap-2 rounded-lg p-3 cursor-pointer hover:bg-[#f4f4f5] dark:hover:bg-[#27272a] transition-colors duration-200 ${isCurrent ? "border border-gray-800 dark:border-white" : "border border-transparent"} ${isSwitching ? "opacity-50 pointer-events-none" : ""}`,
+            className: `flex items-center justify-between gap-2 rounded-lg p-3 cursor-pointer hover:bg-[#f4f4f5] dark:hover:bg-[#27272a] transition-colors duration-200 ${isCurrent ? "border border-gray-800 dark:border-white bg-[#f4f4f5] text-[#0A0A0A]" : "border border-transparent"} ${isSwitching ? "opacity-50 pointer-events-none" : ""}`,
             id: `${id}-market-${profile.ProfileId}`
           },
-          /* @__PURE__ */ React13.createElement("span", { className: "!font-medium !text-[14px] dark:text-[#f4f4f5cc] truncate" }, profile.EntityName),
-          isCurrent && /* @__PURE__ */ React13.createElement("span", { className: "shrink-0 rounded-full bg-blue-600 px-2.5 py-0.5 text-[10px] font-bold uppercase tracking-wide text-white" }, "Logged In"),
+          /* @__PURE__ */ React13.createElement("span", { className: "!font-bold !text-[14px] text-gray-900 dark:text-[#f4f4f5cc] truncate" }, profile.EntityName),
+          isCurrent && /* @__PURE__ */ React13.createElement("span", { className: "shrink-0 rounded-full bg-blue-600 px-2.5 py-0.5 border-2 border-white text-[9px] font-bold uppercase tracking-wide text-white" }, "Logged In"),
           isSwitching && /* @__PURE__ */ React13.createElement("span", { className: "shrink-0 text-[11px] text-gray-400" }, "Switching...")
         );
       }))),
-      /* @__PURE__ */ React13.createElement("div", { className: "border-t border-gray-200 dark:border-[#303036]" }),
-      /* @__PURE__ */ React13.createElement("div", { className: "p-2", id: `${id}-footer` }, /* @__PURE__ */ React13.createElement(
+      /* @__PURE__ */ React13.createElement("div", { className: "border-t border-gray-200 dark:border-[#303036] mb-4" }),
+      /* @__PURE__ */ React13.createElement("div", { className: "", id: `${id}-footer` }, /* @__PURE__ */ React13.createElement(
         "div",
         {
           onClick: () => {
             onClose == null ? void 0 : onClose();
             setShowLogoutConfirm(true);
           },
-          className: "flex items-center gap-3 rounded-lg p-3 cursor-pointer text-red-600 hover:bg-red-50 dark:hover:bg-[#27272a] transition-colors duration-200",
+          className: "flex items-center gap-3 p-3 rounded-lg cursor-pointer text-red-600 hover:bg-red-50 dark:hover:bg-[#27272a] transition-colors duration-200",
           id: `${id}-logout`
         },
         /* @__PURE__ */ React13.createElement(LogOut2, { width: 18, height: 18 }),
-        /* @__PURE__ */ React13.createElement("span", { className: "!font-medium !text-[14px]" }, "Logout")
+        /* @__PURE__ */ React13.createElement("span", { className: "!font-bold !text-[14px]" }, "Logout")
       ))
     )),
     document.body
@@ -1032,7 +1057,7 @@ var AppSideBar = ({
   const [openMenus, setOpenMenus] = useState4(/* @__PURE__ */ new Set());
   const [activeMenuPath, setActiveMenuPath] = useState4(null);
   const [currAppearance, setCurrAppearance] = useState4("light");
-  useEffect(() => {
+  useEffect2(() => {
     setCurrAppearance("light");
   }, []);
   const countryOptions = [
@@ -1104,14 +1129,14 @@ var AppSideBar = ({
     }
     closeMobileMenu();
   };
-  useEffect(() => {
+  useEffect2(() => {
     const storedAuthData = localStorage.getItem("authData");
     if (storedAuthData) {
       let parseData = JSON.parse(storedAuthData);
       setAuthData(parseData);
     }
   }, [localStorage.getItem("authData")]);
-  useEffect(() => {
+  useEffect2(() => {
     const jettIdData = getJettIdCookieData();
     if (jettIdData == null ? void 0 : jettIdData.UserName) {
       setCookieUserName(jettIdData.UserName);
@@ -1304,11 +1329,11 @@ var AppSideBar = ({
   const [currentUrl, setCurrentUrl] = useState4(
     () => window.location.pathname + window.location.search
   );
-  useEffect(() => {
+  useEffect2(() => {
     detectAndSetActiveMenu();
     setCurrentUrl(window.location.pathname + window.location.search);
   }, [detectAndSetActiveMenu]);
-  useEffect(() => {
+  useEffect2(() => {
     let lastUrl = window.location.pathname + window.location.search;
     const handleLocationChange = () => {
       const newUrl = window.location.pathname + window.location.search;
@@ -1330,7 +1355,7 @@ var AppSideBar = ({
       clearInterval(checkInterval);
     };
   }, [detectAndSetActiveMenu]);
-  useEffect(() => {
+  useEffect2(() => {
     detectAndSetActiveMenu();
   }, [currentUrl, detectAndSetActiveMenu]);
   const toggleMobileMenu = () => {
@@ -1465,10 +1490,10 @@ var AppSideBar = ({
       /* @__PURE__ */ React14.createElement(
         "span",
         {
-          className: "opacity-0 group-hover:opacity-100 transition-opacity duration-200 !text-[14px] !font-bold text-blue-600 dark:text-blue-400 hover:underline",
+          className: "text-gray-600 dark:text-gray-400",
           id: `${id}-span-switch`
         },
-        "Switch"
+        /* @__PURE__ */ React14.createElement(ChevronRight, { width: 20, height: 22 })
       )
     ), /* @__PURE__ */ React14.createElement(
       SwitchProfileSection,
@@ -1503,7 +1528,7 @@ var AppSideBar = ({
 };
 
 // src/RightSheet/RightSheet.jsx
-import React15, { useEffect as useEffect2, useState as useState5 } from "react";
+import React15, { useEffect as useEffect3, useState as useState5 } from "react";
 var RightSheet = ({
   id = "right-sheet",
   open,
@@ -1515,7 +1540,7 @@ var RightSheet = ({
   }
 }) => {
   const [visible, setVisible] = useState5(open);
-  useEffect2(() => {
+  useEffect3(() => {
     if (open) {
       document.body.style.overflow = "hidden";
       setVisible(true);
@@ -1598,8 +1623,8 @@ var CustomTable = ({
 };
 
 // src/Pagination/Pagination.jsx
-import React17, { useMemo, useState as useState6, useEffect as useEffect3 } from "react";
-import { ChevronLeft, ChevronRight, ChevronsLeft, ChevronsRight } from "lucide-react";
+import React17, { useMemo, useState as useState6, useEffect as useEffect4 } from "react";
+import { ChevronLeft, ChevronRight as ChevronRight2, ChevronsLeft, ChevronsRight } from "lucide-react";
 var Pagination = ({
   id = "pagination",
   data = [],
@@ -1642,7 +1667,7 @@ var Pagination = ({
     const endIndex = startIndex + activeItemsPerPage;
     return data.slice(startIndex, endIndex);
   }, [data, currentPage, activeItemsPerPage]);
-  useEffect3(() => {
+  useEffect4(() => {
     if (!isControlled && currentPage > calculatedTotalPages && calculatedTotalPages > 0) {
       setInternalCurrentPage(1);
     }
@@ -1788,7 +1813,7 @@ var Pagination = ({
       title: "Next page",
       id: `${id}-button-4`
     },
-    /* @__PURE__ */ React17.createElement(ChevronRight, { size: 16 })
+    /* @__PURE__ */ React17.createElement(ChevronRight2, { size: 16 })
   ), /* @__PURE__ */ React17.createElement(
     "button",
     {

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "jett.admin.npmpackage",
-  "version": "2.0.17",
+  "version": "2.0.19",
   "main": "dist/index.js",
   "module": "dist/index.mjs",
   "exports": {