jett.admin.npmpackage 1.0.20 → 1.0.22

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (4) hide show
  1. package/dist/index.css +35 -19
  2. package/dist/index.js +92 -49
  3. package/dist/index.mjs +92 -49
  4. package/package.json +2 -1
package/dist/index.css CHANGED
@@ -57,6 +57,9 @@
57
57
  --default-transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
58
58
  --default-font-family: var(--font-sans);
59
59
  --default-mono-font-family: var(--font-mono);
60
+ --color-primary: rgb(63, 63, 70);
61
+ --color-accent: rgb(244, 244, 245);
62
+ --color-secondary: rgb(0, 0, 0);
60
63
  }
61
64
  }
62
65
  @layer base {
@@ -453,9 +456,6 @@
453
456
  .items-center {
454
457
  align-items: center;
455
458
  }
456
- .items-start {
457
- align-items: flex-start;
458
- }
459
459
  .justify-between {
460
460
  justify-content: space-between;
461
461
  }
@@ -590,6 +590,9 @@
590
590
  .bg-green-100 {
591
591
  background-color: var(--color-green-100);
592
592
  }
593
+ .bg-primary {
594
+ background-color: var(--color-primary);
595
+ }
593
596
  .bg-red-50 {
594
597
  background-color: var(--color-red-50);
595
598
  }
@@ -692,12 +695,12 @@
692
695
  .text-\[\#3f3f46cc\] {
693
696
  color: #3f3f46cc;
694
697
  }
695
- .text-\[\#18181b\] {
696
- color: #18181b;
697
- }
698
698
  .text-\[\#737373\] {
699
699
  color: #737373;
700
700
  }
701
+ .text-accent {
702
+ color: var(--color-accent);
703
+ }
701
704
  .text-black {
702
705
  color: var(--color-black);
703
706
  }
@@ -716,12 +719,18 @@
716
719
  .text-green-800 {
717
720
  color: var(--color-green-800);
718
721
  }
722
+ .text-primary {
723
+ color: var(--color-primary);
724
+ }
719
725
  .text-red-500 {
720
726
  color: var(--color-red-500);
721
727
  }
722
728
  .text-red-800 {
723
729
  color: var(--color-red-800);
724
730
  }
731
+ .text-secondary {
732
+ color: var(--color-secondary);
733
+ }
725
734
  .text-white {
726
735
  color: var(--color-white);
727
736
  }
@@ -831,14 +840,19 @@
831
840
  -webkit-user-select: none;
832
841
  user-select: none;
833
842
  }
834
- .peer-checked\:border-black {
843
+ .\*\:text-primary {
844
+ :is(& > *) {
845
+ color: var(--color-primary);
846
+ }
847
+ }
848
+ .peer-checked\:border-primary {
835
849
  &:is(:where(.peer):checked ~ *) {
836
- border-color: var(--color-black);
850
+ border-color: var(--color-primary);
837
851
  }
838
852
  }
839
- .peer-checked\:bg-black {
853
+ .peer-checked\:bg-primary {
840
854
  &:is(:where(.peer):checked ~ *) {
841
- background-color: var(--color-black);
855
+ background-color: var(--color-primary);
842
856
  }
843
857
  }
844
858
  .focus-within\:outline-2 {
@@ -864,17 +878,10 @@
864
878
  }
865
879
  }
866
880
  }
867
- .hover\:bg-\[\#f3f4f6\] {
881
+ .hover\:bg-accent {
868
882
  &:hover {
869
883
  @media (hover: hover) {
870
- background-color: #f3f4f6;
871
- }
872
- }
873
- }
874
- .hover\:bg-\[\#f4f4f5\] {
875
- &:hover {
876
- @media (hover: hover) {
877
- background-color: #f4f4f5;
884
+ background-color: var(--color-accent);
878
885
  }
879
886
  }
880
887
  }
@@ -1004,6 +1011,15 @@
1004
1011
  }
1005
1012
  }
1006
1013
  }
1014
+ .dark\:hover\:bg-accent {
1015
+ &:where(.dark, .dark *) {
1016
+ &:hover {
1017
+ @media (hover: hover) {
1018
+ background-color: var(--color-accent);
1019
+ }
1020
+ }
1021
+ }
1022
+ }
1007
1023
  }
1008
1024
  @property --tw-translate-x { syntax: "*"; inherits: false; initial-value: 0; }
1009
1025
  @property --tw-translate-y { syntax: "*"; inherits: false; initial-value: 0; }
package/dist/index.js CHANGED
@@ -57,7 +57,7 @@ function cn(...inputs) {
57
57
  var import_react = __toESM(require("react"));
58
58
  var variantStyles = {
59
59
  PRIMARY: "bg-white",
60
- SECONDARY: "bg-black text-white",
60
+ SECONDARY: "bg-primary text-white",
61
61
  DEFAULT: "bg-white text-black hover:bg-gray-100",
62
62
  DANGER: "bg-[#ef4444] text-white"
63
63
  };
@@ -222,7 +222,7 @@ var CustomCheckbox = ({ onChange, checked }) => {
222
222
  ), /* @__PURE__ */ import_react3.default.createElement(
223
223
  "span",
224
224
  {
225
- className: "\r\n w-4 h-4 flex items-center justify-center border-2 border-gray-400 rounded \r\n peer-checked:bg-black peer-checked:border-black\r\n transition-colors\r\n "
225
+ 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 "
226
226
  },
227
227
  checked && /* @__PURE__ */ import_react3.default.createElement(
228
228
  "svg",
@@ -445,6 +445,7 @@ var import_react11 = __toESM(require("react"));
445
445
 
446
446
  // ConstantUI.js
447
447
  var import_lucide_react4 = require("lucide-react");
448
+ var encodedAuthData = localStorage.getItem("encodedAuthData");
448
449
  var navItemsConstant = [
449
450
  {
450
451
  Icon: import_lucide_react4.Home,
@@ -461,9 +462,12 @@ var navItemsConstant = [
461
462
  },
462
463
  isDropDown: true,
463
464
  options: [
464
- { label: "Suppliers", onClick: () => {
465
- window.location.href = "/supplier/";
466
- } }
465
+ {
466
+ label: "Suppliers",
467
+ onClick: () => {
468
+ window.location.href = "/supplier/";
469
+ }
470
+ }
467
471
  ]
468
472
  },
469
473
  {
@@ -478,12 +482,18 @@ var navItemsConstant = [
478
482
  window.location.href = "/corporate/";
479
483
  }
480
484
  },
481
- { label: "Trips", onClick: () => {
482
- window.location.href = "/trips/";
483
- } },
484
- { label: "Reports", onClick: () => {
485
- window.location.href = "/reports/";
486
- } },
485
+ {
486
+ label: "Trips",
487
+ onClick: () => {
488
+ window.location.href = "/trips/";
489
+ }
490
+ },
491
+ {
492
+ label: "Reports",
493
+ onClick: () => {
494
+ window.location.href = "/reports/";
495
+ }
496
+ },
487
497
  {
488
498
  label: "Tags",
489
499
  onClick: () => {
@@ -500,15 +510,24 @@ var navItemsConstant = [
500
510
  },
501
511
  isDropDown: true,
502
512
  options: [
503
- { label: "Invoices", onClick: () => {
504
- window.location.href = "/invoices/";
505
- } },
506
- { label: "Ledger", onClick: () => {
507
- window.location.href = "/ledger/";
508
- } },
509
- { label: "Payments", onClick: () => {
510
- window.location.href = "/payments/";
511
- } }
513
+ {
514
+ label: "Invoices",
515
+ onClick: () => {
516
+ window.location.href = "/invoices/";
517
+ }
518
+ },
519
+ {
520
+ label: "Ledger",
521
+ onClick: () => {
522
+ window.location.href = "/ledger/";
523
+ }
524
+ },
525
+ {
526
+ label: "Payments",
527
+ onClick: () => {
528
+ window.location.href = "/payments/";
529
+ }
530
+ }
512
531
  ]
513
532
  },
514
533
  {
@@ -521,18 +540,35 @@ var navItemsConstant = [
521
540
  {
522
541
  label: "Pricing Policy",
523
542
  onClick: () => {
524
- window.location.href = "/pricing/";
543
+ },
544
+ isDropDown: true,
545
+ options: [
546
+ { label: "Pricing Policy", onClick: () => {
547
+ window.location.href = "/policy/pricing-policy?auth=" + encodedAuthData;
548
+ } },
549
+ { label: "Travel Policy", onClick: () => {
550
+ window.location.href = "/policy/travel-policy?auth=" + encodedAuthData;
551
+ } }
552
+ ]
553
+ },
554
+ {
555
+ label: "Offers",
556
+ onClick: () => {
557
+ window.location.href = "/offers?auth=" + encodedAuthData;
558
+ }
559
+ },
560
+ {
561
+ label: "Vouchers",
562
+ onClick: () => {
563
+ window.location.href = "https://devadmin.musafirbiz.com/vouchers?auth=" + encodedAuthData;
564
+ }
565
+ },
566
+ {
567
+ label: "Supplier Deals",
568
+ onClick: () => {
569
+ window.location.href = "/supplierdeals/";
525
570
  }
526
571
  },
527
- { label: "Offers", onClick: () => {
528
- window.location.href = "/offers/";
529
- } },
530
- { label: "Vouchers", onClick: () => {
531
- window.location.href = "/vouchers/";
532
- } },
533
- { label: "Supplier Deals", onClick: () => {
534
- window.location.href = "/supplierdeals/";
535
- } },
536
572
  {
537
573
  label: "Subscription Plans",
538
574
  onClick: () => {
@@ -577,19 +613,24 @@ var navItemsConstant = [
577
613
  }
578
614
  ];
579
615
  var additionalItemsConstant = [
580
- { Icon: import_lucide_react4.LifeBuoy, label: "Help", onClick: () => {
581
- window.location.href = "/help";
582
- } }
616
+ {
617
+ Icon: import_lucide_react4.LifeBuoy,
618
+ label: "Help",
619
+ onClick: () => {
620
+ window.location.href = "/help";
621
+ }
622
+ }
583
623
  ];
584
624
 
585
625
  // src/assests/logo/sidebarlogo.webp
586
626
  var sidebarlogo_default = "./sidebarlogo-S4TNJORM.webp";
587
627
 
588
628
  // src/sideBar/SideBar.jsx
629
+ var import_js_cookie = __toESM(require("js-cookie"));
589
630
  var AppSideBar = ({ username, role, navItems, additionalItems, sideBarLogo }) => {
590
631
  var _a, _b;
591
632
  const [authData, setAuthData] = (0, import_react11.useState)(null);
592
- const handleIconRotate = (e, index, additionalKey) => {
633
+ const handleIconRotate = (e, index, additionalKey, parentIndex) => {
593
634
  let dropDownIcon = e.currentTarget.children[2];
594
635
  if (!dropDownIcon) return;
595
636
  if (dropDownIcon.classList.contains("rotate-180")) {
@@ -598,7 +639,7 @@ var AppSideBar = ({ username, role, navItems, additionalItems, sideBarLogo }) =>
598
639
  dropDownIcon.classList.add("transition-all");
599
640
  dropDownIcon.classList.add("rotate-180");
600
641
  }
601
- const optionsContainer = document.getElementById(`dropDownOptions-${index}${additionalKey ? `-${additionalKey}` : ""}`);
642
+ const optionsContainer = document.getElementById(`dropDownOptions-${index}${additionalKey ? `-${additionalKey}` : ""}${parentIndex ? `-${parentIndex}` : ""}`);
602
643
  if (!optionsContainer) return;
603
644
  optionsContainer.classList.add("transition-all");
604
645
  if (optionsContainer.classList.contains("max-h-0")) {
@@ -613,9 +654,11 @@ var AppSideBar = ({ username, role, navItems, additionalItems, sideBarLogo }) =>
613
654
  const params = new URLSearchParams(window.location.search);
614
655
  let authData2 = params.get("authData");
615
656
  if (authData2) {
657
+ localStorage.setItem("encodedAuthData", authData2);
616
658
  authData2 = atob(authData2);
617
659
  localStorage.setItem("authData", authData2);
618
- setAuthData(JSON.parse(authData2));
660
+ const parsedAuthData = JSON.parse(authData2);
661
+ setAuthData(parsedAuthData);
619
662
  params.delete("authData");
620
663
  const newUrl = window.location.pathname + (params.toString() ? "?" + params.toString() : "");
621
664
  window.history.replaceState({}, document.title, newUrl);
@@ -634,28 +677,28 @@ var AppSideBar = ({ username, role, navItems, additionalItems, sideBarLogo }) =>
634
677
  const navItemsLocal = navItems ?? navItemsConstant;
635
678
  const additionalItemsLocal = additionalItems ?? additionalItemsConstant;
636
679
  const sideBarLogoLocal = sideBarLogo ?? sidebarlogo_default;
637
- return /* @__PURE__ */ import_react11.default.createElement("div", { className: "w-[320px] transition-all ease-in-out delay-100 bg-transparent border-r border-gray-200 dark:border-[#303036] flex flex-col p-4 h-full max-h-[100vh]" }, /* @__PURE__ */ import_react11.default.createElement("div", { className: "p-2 mb-4" }, /* @__PURE__ */ import_react11.default.createElement("div", { className: "w-[108px] h-[40px] flex items-center \r\n justify-center" }, /* @__PURE__ */ import_react11.default.createElement("img", { src: sideBarLogoLocal, alt: "sidebarLogo", width: 108, height: 40 }))), /* @__PURE__ */ import_react11.default.createElement("div", { className: "mb-6" }, /* @__PURE__ */ import_react11.default.createElement("div", { className: "flex ml-[20px] items-center gap-2 mb-2 dark:text-[#f4f4f5cc]" }, /* @__PURE__ */ import_react11.default.createElement(import_lucide_react5.Globe, { width: 20, height: 20 }), /* @__PURE__ */ import_react11.default.createElement("h3", { className: "text-[#3f3f46cc] dark:text-[#f4f4f5cc] font-medium" }, "Data Centers")), /* @__PURE__ */ import_react11.default.createElement("div", null, /* @__PURE__ */ import_react11.default.createElement(CustomAutocomplete, { options: [] }))), /* @__PURE__ */ import_react11.default.createElement("div", { className: "overflow-y-auto" }, /* @__PURE__ */ import_react11.default.createElement("div", null, navItemsLocal == null ? void 0 : navItemsLocal.map((item, index) => {
638
- return /* @__PURE__ */ import_react11.default.createElement("div", { key: index, className: "" }, /* @__PURE__ */ import_react11.default.createElement("div", { className: "flex items-center gap-3 p-2 hover:bg-[#f3f4f6] dark:hover:bg-[#27272a] dark:text-[#f4f4f5cc] cursor-pointer rounded-lg ml-2", onClick: (e) => {
680
+ return /* @__PURE__ */ import_react11.default.createElement("div", { className: "w-[320px] transition-all ease-in-out delay-100 bg-transparent border-r border-gray-200 dark:border-[#303036] flex flex-col p-4 h-full max-h-[100vh] *:text-primary" }, /* @__PURE__ */ import_react11.default.createElement("div", { className: "p-2 mb-4" }, /* @__PURE__ */ import_react11.default.createElement("div", { className: "w-[108px] h-[40px] flex items-center \r\n justify-center" }, /* @__PURE__ */ import_react11.default.createElement("img", { src: sideBarLogoLocal, alt: "sidebarLogo", width: 108, height: 40 }))), /* @__PURE__ */ import_react11.default.createElement("div", { className: "mb-6" }, /* @__PURE__ */ import_react11.default.createElement("div", { className: "flex ml-[20px] items-center gap-2 mb-2 dark:text-[#f4f4f5cc]" }, /* @__PURE__ */ import_react11.default.createElement(import_lucide_react5.Globe, { width: 20, height: 20 }), /* @__PURE__ */ import_react11.default.createElement("h3", { className: "text-[#3f3f46cc] dark:text-[#f4f4f5cc] font-medium" }, "Data Centers")), /* @__PURE__ */ import_react11.default.createElement("div", null, /* @__PURE__ */ import_react11.default.createElement(CustomAutocomplete, { options: [] }))), /* @__PURE__ */ import_react11.default.createElement("div", { className: "overflow-y-auto" }, /* @__PURE__ */ import_react11.default.createElement("div", null, navItemsLocal == null ? void 0 : navItemsLocal.map((item, index) => {
681
+ return /* @__PURE__ */ import_react11.default.createElement("div", { key: index, className: "" }, /* @__PURE__ */ import_react11.default.createElement("div", { className: "flex items-center gap-3 p-2 hover:bg-accent dark:hover:bg-accent dark:text-[#f4f4f5cc] cursor-pointer rounded-lg ml-2", onClick: (e) => {
639
682
  item.onClick && item.onClick(e);
640
683
  handleIconRotate(e, index);
641
- } }, /* @__PURE__ */ import_react11.default.createElement(item.Icon, { width: 20, height: 20 }), /* @__PURE__ */ import_react11.default.createElement("span", { className: "font-medium text-[#3f3f46cc] dark:text-[#f4f4f5cc]" }, item.label), item.isDropDown && /* @__PURE__ */ import_react11.default.createElement("div", { className: `ml-auto transition-all delay-75` }, /* @__PURE__ */ import_react11.default.createElement(import_lucide_react5.ChevronDown, { width: 20, height: 20 }))), item.options && item.options.length > 0 && /* @__PURE__ */ import_react11.default.createElement("div", { className: "ml-[20px] max-h-0 overflow-hidden flex flex-col", id: `dropDownOptions-${index}` }, item.options.map((options, optionsIndex) => {
684
+ } }, /* @__PURE__ */ import_react11.default.createElement(item.Icon, { width: 20, height: 20 }), /* @__PURE__ */ import_react11.default.createElement("span", { className: "font-medium text-secondary dark:text-[#f4f4f5cc]" }, item.label), item.isDropDown && /* @__PURE__ */ import_react11.default.createElement("div", { className: `ml-auto transition-all delay-75` }, /* @__PURE__ */ import_react11.default.createElement(import_lucide_react5.ChevronDown, { width: 20, height: 20 }))), item.options && item.options.length > 0 && /* @__PURE__ */ import_react11.default.createElement("div", { className: "ml-[20px] max-h-0 overflow-hidden flex flex-col", id: `dropDownOptions-${index}` }, item.options.map((options, optionsIndex) => {
642
685
  return /* @__PURE__ */ import_react11.default.createElement("div", { className: "" }, /* @__PURE__ */ import_react11.default.createElement(
643
686
  "div",
644
687
  {
645
- className: "flex items-center gap-3 p-2 hover:bg-[#f3f4f6] dark:hover:bg-[#27272a] cursor-pointer",
688
+ className: "flex items-center gap-3 p-2 hover:bg-accent dark:hover:bg-[#27272a] cursor-pointer",
646
689
  onClick: (e) => {
647
690
  options.onClick && options.onClick();
648
- options.isDropDown && handleIconRotate(e, optionsIndex, "subOption");
691
+ options.isDropDown && handleIconRotate(e, optionsIndex, "subOption", index);
649
692
  }
650
693
  },
651
694
  /* @__PURE__ */ import_react11.default.createElement("div", null),
652
- /* @__PURE__ */ import_react11.default.createElement("span", { className: "font-medium text-sm text-[#3f3f46cc] dark:text-[#f4f4f5cc]" }, options.label),
695
+ /* @__PURE__ */ import_react11.default.createElement("span", { className: "font-medium text-sm text-secondary dark:text-[#f4f4f5cc]" }, options.label),
653
696
  options.isDropDown && /* @__PURE__ */ import_react11.default.createElement("div", { className: `ml-auto transition-all delay-75` }, /* @__PURE__ */ import_react11.default.createElement(import_lucide_react5.ChevronDown, { width: 20, height: 20 }))
654
- ), options.options && options.options.length > 1 && /* @__PURE__ */ import_react11.default.createElement("div", { className: "ml-[20px] max-h-0 overflow-hidden flex flex-col", id: `dropDownOptions-${optionsIndex}-subOption` }, options.options.map((subOption) => {
697
+ ), options.options && options.options.length > 1 && /* @__PURE__ */ import_react11.default.createElement("div", { className: "ml-[20px] max-h-0 overflow-hidden flex flex-col", id: `dropDownOptions-${optionsIndex}-subOption-${index}` }, options.options.map((subOption) => {
655
698
  return /* @__PURE__ */ import_react11.default.createElement(
656
699
  "div",
657
700
  {
658
- className: "p-2 rounded-lg hover:bg-gray-100 text-[#3f3f46cc] dark:hover:bg-[#27272a] dark:text-[#f4f4f5cc] font-medium text-sm",
701
+ className: "p-2 rounded-lg hover:bg-accent dark:hover:bg-[#27272a] dark:text-[#f4f4f5cc] font-medium text-sm text-secondary",
659
702
  onClick: (e) => {
660
703
  subOption.onClick && subOption.onClick();
661
704
  }
@@ -665,10 +708,10 @@ var AppSideBar = ({ username, role, navItems, additionalItems, sideBarLogo }) =>
665
708
  })));
666
709
  })));
667
710
  })), /* @__PURE__ */ import_react11.default.createElement("div", { className: "border-t border-[#e5e5e5] dark:border-[#303036] mt-4" }, (additionalItemsLocal == null ? void 0 : additionalItemsLocal.length) > 0 && additionalItemsLocal.map((item, index) => {
668
- return /* @__PURE__ */ import_react11.default.createElement("div", { key: index, className: "flex items-center gap-3 p-2 hover:bg-[#f3f4f6] dark:hover:bg-[#27272a] dark:text-[#f4f4f5cc] cursor-pointer", onClick: () => item.onClick && item.onClick() }, /* @__PURE__ */ import_react11.default.createElement(item.Icon, { width: 20, height: 20 }), /* @__PURE__ */ import_react11.default.createElement("span", { className: "font-medium text-[#3f3f46cc] dark:text-[#f4f4f5cc]" }, item.label));
669
- }))), /* @__PURE__ */ import_react11.default.createElement("div", { className: "mt-auto bg-[#fafafa] dark:bg-transparent sticky bottom-0 pt-2" }, /* @__PURE__ */ import_react11.default.createElement("div", { className: "flex items-center justify-between p-2 rounded-lg hover:bg-[#f4f4f5] dark:hover:bg-[#27272a] cursor-pointer", onClick: () => {
711
+ return /* @__PURE__ */ import_react11.default.createElement("div", { key: index, className: "flex items-center gap-3 p-2 hover:bg-accent dark:hover:bg-[#27272a] dark:text-[#f4f4f5cc] cursor-pointer", onClick: () => item.onClick && item.onClick() }, /* @__PURE__ */ import_react11.default.createElement(item.Icon, { width: 20, height: 20 }), /* @__PURE__ */ import_react11.default.createElement("span", { className: "font-medium text-primary dark:text-[#f4f4f5cc]" }, item.label));
712
+ }))), /* @__PURE__ */ import_react11.default.createElement("div", { className: "mt-auto bg-[#fafafa] dark:bg-transparent sticky bottom-0 pt-2" }, /* @__PURE__ */ import_react11.default.createElement("div", { className: "flex items-center justify-between p-2 rounded-lg hover:bg-accent dark:hover:bg-[#27272a] cursor-pointer", onClick: () => {
670
713
  window.location.href = "/profile";
671
- } }, /* @__PURE__ */ import_react11.default.createElement("div", { className: "flex items-center gap-3" }, /* @__PURE__ */ import_react11.default.createElement("span", { className: "relative flex shrink-0 overflow-hidden rounded-full h-10 w-10" }, /* @__PURE__ */ import_react11.default.createElement("span", { className: "flex h-full w-full items-center justify-center rounded-full bg-muted" }, ((_a = authData == null ? void 0 : authData.userInfo) == null ? void 0 : _a.UserName) ? authData.userInfo.UserName.split("")[0] : "A")), /* @__PURE__ */ import_react11.default.createElement("div", null, /* @__PURE__ */ import_react11.default.createElement("p", { className: "font-semibold" }, ((_b = authData == null ? void 0 : authData.userInfo) == null ? void 0 : _b.UserName) ? authData.userInfo.UserName : "Admin User"), /* @__PURE__ */ import_react11.default.createElement("p", { className: "text-sm text-[#3f3f46cc] dark:text-[#f4f4f5cc]" }, role))), /* @__PURE__ */ import_react11.default.createElement("div", { className: "text-[#18181b] dark:text-[#f4f4f5cc]" }, /* @__PURE__ */ import_react11.default.createElement(import_lucide_react5.LogOut, null)))));
714
+ } }, /* @__PURE__ */ import_react11.default.createElement("div", { className: "flex items-center gap-3" }, /* @__PURE__ */ import_react11.default.createElement("span", { className: "relative flex shrink-0 overflow-hidden rounded-full h-10 w-10" }, /* @__PURE__ */ import_react11.default.createElement("span", { className: "flex h-full w-full items-center justify-center rounded-full bg-muted" }, ((_a = authData == null ? void 0 : authData.userInfo) == null ? void 0 : _a.UserName) ? authData.userInfo.UserName.split("")[0] : "A")), /* @__PURE__ */ import_react11.default.createElement("div", null, /* @__PURE__ */ import_react11.default.createElement("p", { className: "font-semibold" }, ((_b = authData == null ? void 0 : authData.userInfo) == null ? void 0 : _b.UserName) ? authData.userInfo.UserName : "Admin User"), /* @__PURE__ */ import_react11.default.createElement("p", { className: "text-sm dark:text-[#f4f4f5cc]" }, role))), /* @__PURE__ */ import_react11.default.createElement("div", { className: "dark:text-[#f4f4f5cc]" }, /* @__PURE__ */ import_react11.default.createElement(import_lucide_react5.LogOut, null)))));
672
715
  };
673
716
 
674
717
  // src/RightSheet/RightSheet.jsx
@@ -726,10 +769,10 @@ var RightSheet = ({
726
769
  // src/Table/CustomTable.jsx
727
770
  var import_react13 = __toESM(require("react"));
728
771
  var CustomTable = ({ tableHeader, setIsAllChecked, isAllChecked, children }) => {
729
- return /* @__PURE__ */ import_react13.default.createElement("div", { className: "border border-[#e5e5e5] rounded-lg overflow-x-auto" }, /* @__PURE__ */ import_react13.default.createElement("div", { className: "w-full relative overflow-x-auto" }, /* @__PURE__ */ import_react13.default.createElement("table", { className: "w-full caption-bottom text-sm overflow-x-auto bg-white table-fixed border-collapse" }, /* @__PURE__ */ import_react13.default.createElement("thead", { className: "border-b border-[#e5e5e5]" }, /* @__PURE__ */ import_react13.default.createElement("tr", { className: "transition-colors text-[#737373] hover:bg-muted/50 \r\n data-[state=selected]:bg-muted" }, /* @__PURE__ */ import_react13.default.createElement("th", { className: "px-4 py-3 text-left w-[50px]" }, /* @__PURE__ */ import_react13.default.createElement(CustomCheckbox, { checked: isAllChecked, onChange: () => {
772
+ return /* @__PURE__ */ import_react13.default.createElement("div", { className: "border border-[#e5e5e5] rounded-lg overflow-x-auto" }, /* @__PURE__ */ import_react13.default.createElement("div", { className: "w-full relative overflow-x-auto" }, /* @__PURE__ */ import_react13.default.createElement("table", { className: "w-full caption-bottom text-sm overflow-x-auto bg-white table-fixed border-collapse" }, /* @__PURE__ */ import_react13.default.createElement("thead", { className: "border-b border-[#e5e5e5] text-accent" }, /* @__PURE__ */ import_react13.default.createElement("tr", { className: "transition-colors text-[#737373] hover:bg-muted/50 \r\n data-[state=selected]:bg-muted" }, /* @__PURE__ */ import_react13.default.createElement("th", { className: "px-4 py-3 text-left w-[50px] text-accent" }, /* @__PURE__ */ import_react13.default.createElement(CustomCheckbox, { checked: isAllChecked, onChange: () => {
730
773
  setIsAllChecked(!isAllChecked);
731
774
  } })), tableHeader.map((header, index) => {
732
- return /* @__PURE__ */ import_react13.default.createElement("th", { className: `px-4 py-3 text-sm font-medium ${index == tableHeader.length - 1 ? "text-right" : "text-left"}`, key: header + index }, header);
775
+ return /* @__PURE__ */ import_react13.default.createElement("th", { className: `px-4 py-3 text-sm text-accent font-medium ${index == tableHeader.length - 1 ? "text-right" : "text-left"}`, key: header + index }, header);
733
776
  }))), /* @__PURE__ */ import_react13.default.createElement("tbody", null, children))));
734
777
  };
735
778
 
package/dist/index.mjs CHANGED
@@ -9,7 +9,7 @@ function cn(...inputs) {
9
9
  import React from "react";
10
10
  var variantStyles = {
11
11
  PRIMARY: "bg-white",
12
- SECONDARY: "bg-black text-white",
12
+ SECONDARY: "bg-primary text-white",
13
13
  DEFAULT: "bg-white text-black hover:bg-gray-100",
14
14
  DANGER: "bg-[#ef4444] text-white"
15
15
  };
@@ -174,7 +174,7 @@ var CustomCheckbox = ({ onChange, checked }) => {
174
174
  ), /* @__PURE__ */ React3.createElement(
175
175
  "span",
176
176
  {
177
- className: "\r\n w-4 h-4 flex items-center justify-center border-2 border-gray-400 rounded \r\n peer-checked:bg-black peer-checked:border-black\r\n transition-colors\r\n "
177
+ 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 "
178
178
  },
179
179
  checked && /* @__PURE__ */ React3.createElement(
180
180
  "svg",
@@ -397,6 +397,7 @@ import React11, { useEffect, useState as useState2 } from "react";
397
397
 
398
398
  // ConstantUI.js
399
399
  import { Home, BaggageClaim, Users, Banknote, Globe, TrendingUp, FileText, FileKey2, LifeBuoy, Cog, Building, Handshake, DollarSign } from "lucide-react";
400
+ var encodedAuthData = localStorage.getItem("encodedAuthData");
400
401
  var navItemsConstant = [
401
402
  {
402
403
  Icon: Home,
@@ -413,9 +414,12 @@ var navItemsConstant = [
413
414
  },
414
415
  isDropDown: true,
415
416
  options: [
416
- { label: "Suppliers", onClick: () => {
417
- window.location.href = "/supplier/";
418
- } }
417
+ {
418
+ label: "Suppliers",
419
+ onClick: () => {
420
+ window.location.href = "/supplier/";
421
+ }
422
+ }
419
423
  ]
420
424
  },
421
425
  {
@@ -430,12 +434,18 @@ var navItemsConstant = [
430
434
  window.location.href = "/corporate/";
431
435
  }
432
436
  },
433
- { label: "Trips", onClick: () => {
434
- window.location.href = "/trips/";
435
- } },
436
- { label: "Reports", onClick: () => {
437
- window.location.href = "/reports/";
438
- } },
437
+ {
438
+ label: "Trips",
439
+ onClick: () => {
440
+ window.location.href = "/trips/";
441
+ }
442
+ },
443
+ {
444
+ label: "Reports",
445
+ onClick: () => {
446
+ window.location.href = "/reports/";
447
+ }
448
+ },
439
449
  {
440
450
  label: "Tags",
441
451
  onClick: () => {
@@ -452,15 +462,24 @@ var navItemsConstant = [
452
462
  },
453
463
  isDropDown: true,
454
464
  options: [
455
- { label: "Invoices", onClick: () => {
456
- window.location.href = "/invoices/";
457
- } },
458
- { label: "Ledger", onClick: () => {
459
- window.location.href = "/ledger/";
460
- } },
461
- { label: "Payments", onClick: () => {
462
- window.location.href = "/payments/";
463
- } }
465
+ {
466
+ label: "Invoices",
467
+ onClick: () => {
468
+ window.location.href = "/invoices/";
469
+ }
470
+ },
471
+ {
472
+ label: "Ledger",
473
+ onClick: () => {
474
+ window.location.href = "/ledger/";
475
+ }
476
+ },
477
+ {
478
+ label: "Payments",
479
+ onClick: () => {
480
+ window.location.href = "/payments/";
481
+ }
482
+ }
464
483
  ]
465
484
  },
466
485
  {
@@ -473,18 +492,35 @@ var navItemsConstant = [
473
492
  {
474
493
  label: "Pricing Policy",
475
494
  onClick: () => {
476
- window.location.href = "/pricing/";
495
+ },
496
+ isDropDown: true,
497
+ options: [
498
+ { label: "Pricing Policy", onClick: () => {
499
+ window.location.href = "/policy/pricing-policy?auth=" + encodedAuthData;
500
+ } },
501
+ { label: "Travel Policy", onClick: () => {
502
+ window.location.href = "/policy/travel-policy?auth=" + encodedAuthData;
503
+ } }
504
+ ]
505
+ },
506
+ {
507
+ label: "Offers",
508
+ onClick: () => {
509
+ window.location.href = "/offers?auth=" + encodedAuthData;
510
+ }
511
+ },
512
+ {
513
+ label: "Vouchers",
514
+ onClick: () => {
515
+ window.location.href = "https://devadmin.musafirbiz.com/vouchers?auth=" + encodedAuthData;
516
+ }
517
+ },
518
+ {
519
+ label: "Supplier Deals",
520
+ onClick: () => {
521
+ window.location.href = "/supplierdeals/";
477
522
  }
478
523
  },
479
- { label: "Offers", onClick: () => {
480
- window.location.href = "/offers/";
481
- } },
482
- { label: "Vouchers", onClick: () => {
483
- window.location.href = "/vouchers/";
484
- } },
485
- { label: "Supplier Deals", onClick: () => {
486
- window.location.href = "/supplierdeals/";
487
- } },
488
524
  {
489
525
  label: "Subscription Plans",
490
526
  onClick: () => {
@@ -529,19 +565,24 @@ var navItemsConstant = [
529
565
  }
530
566
  ];
531
567
  var additionalItemsConstant = [
532
- { Icon: LifeBuoy, label: "Help", onClick: () => {
533
- window.location.href = "/help";
534
- } }
568
+ {
569
+ Icon: LifeBuoy,
570
+ label: "Help",
571
+ onClick: () => {
572
+ window.location.href = "/help";
573
+ }
574
+ }
535
575
  ];
536
576
 
537
577
  // src/assests/logo/sidebarlogo.webp
538
578
  var sidebarlogo_default = "./sidebarlogo-S4TNJORM.webp";
539
579
 
540
580
  // src/sideBar/SideBar.jsx
581
+ import Cookies from "js-cookie";
541
582
  var AppSideBar = ({ username, role, navItems, additionalItems, sideBarLogo }) => {
542
583
  var _a, _b;
543
584
  const [authData, setAuthData] = useState2(null);
544
- const handleIconRotate = (e, index, additionalKey) => {
585
+ const handleIconRotate = (e, index, additionalKey, parentIndex) => {
545
586
  let dropDownIcon = e.currentTarget.children[2];
546
587
  if (!dropDownIcon) return;
547
588
  if (dropDownIcon.classList.contains("rotate-180")) {
@@ -550,7 +591,7 @@ var AppSideBar = ({ username, role, navItems, additionalItems, sideBarLogo }) =>
550
591
  dropDownIcon.classList.add("transition-all");
551
592
  dropDownIcon.classList.add("rotate-180");
552
593
  }
553
- const optionsContainer = document.getElementById(`dropDownOptions-${index}${additionalKey ? `-${additionalKey}` : ""}`);
594
+ const optionsContainer = document.getElementById(`dropDownOptions-${index}${additionalKey ? `-${additionalKey}` : ""}${parentIndex ? `-${parentIndex}` : ""}`);
554
595
  if (!optionsContainer) return;
555
596
  optionsContainer.classList.add("transition-all");
556
597
  if (optionsContainer.classList.contains("max-h-0")) {
@@ -565,9 +606,11 @@ var AppSideBar = ({ username, role, navItems, additionalItems, sideBarLogo }) =>
565
606
  const params = new URLSearchParams(window.location.search);
566
607
  let authData2 = params.get("authData");
567
608
  if (authData2) {
609
+ localStorage.setItem("encodedAuthData", authData2);
568
610
  authData2 = atob(authData2);
569
611
  localStorage.setItem("authData", authData2);
570
- setAuthData(JSON.parse(authData2));
612
+ const parsedAuthData = JSON.parse(authData2);
613
+ setAuthData(parsedAuthData);
571
614
  params.delete("authData");
572
615
  const newUrl = window.location.pathname + (params.toString() ? "?" + params.toString() : "");
573
616
  window.history.replaceState({}, document.title, newUrl);
@@ -586,28 +629,28 @@ var AppSideBar = ({ username, role, navItems, additionalItems, sideBarLogo }) =>
586
629
  const navItemsLocal = navItems ?? navItemsConstant;
587
630
  const additionalItemsLocal = additionalItems ?? additionalItemsConstant;
588
631
  const sideBarLogoLocal = sideBarLogo ?? sidebarlogo_default;
589
- return /* @__PURE__ */ React11.createElement("div", { className: "w-[320px] transition-all ease-in-out delay-100 bg-transparent border-r border-gray-200 dark:border-[#303036] flex flex-col p-4 h-full max-h-[100vh]" }, /* @__PURE__ */ React11.createElement("div", { className: "p-2 mb-4" }, /* @__PURE__ */ React11.createElement("div", { className: "w-[108px] h-[40px] flex items-center \r\n justify-center" }, /* @__PURE__ */ React11.createElement("img", { src: sideBarLogoLocal, alt: "sidebarLogo", width: 108, height: 40 }))), /* @__PURE__ */ React11.createElement("div", { className: "mb-6" }, /* @__PURE__ */ React11.createElement("div", { className: "flex ml-[20px] items-center gap-2 mb-2 dark:text-[#f4f4f5cc]" }, /* @__PURE__ */ React11.createElement(Globe2, { width: 20, height: 20 }), /* @__PURE__ */ React11.createElement("h3", { className: "text-[#3f3f46cc] dark:text-[#f4f4f5cc] font-medium" }, "Data Centers")), /* @__PURE__ */ React11.createElement("div", null, /* @__PURE__ */ React11.createElement(CustomAutocomplete, { options: [] }))), /* @__PURE__ */ React11.createElement("div", { className: "overflow-y-auto" }, /* @__PURE__ */ React11.createElement("div", null, navItemsLocal == null ? void 0 : navItemsLocal.map((item, index) => {
590
- return /* @__PURE__ */ React11.createElement("div", { key: index, className: "" }, /* @__PURE__ */ React11.createElement("div", { className: "flex items-center gap-3 p-2 hover:bg-[#f3f4f6] dark:hover:bg-[#27272a] dark:text-[#f4f4f5cc] cursor-pointer rounded-lg ml-2", onClick: (e) => {
632
+ return /* @__PURE__ */ React11.createElement("div", { className: "w-[320px] transition-all ease-in-out delay-100 bg-transparent border-r border-gray-200 dark:border-[#303036] flex flex-col p-4 h-full max-h-[100vh] *:text-primary" }, /* @__PURE__ */ React11.createElement("div", { className: "p-2 mb-4" }, /* @__PURE__ */ React11.createElement("div", { className: "w-[108px] h-[40px] flex items-center \r\n justify-center" }, /* @__PURE__ */ React11.createElement("img", { src: sideBarLogoLocal, alt: "sidebarLogo", width: 108, height: 40 }))), /* @__PURE__ */ React11.createElement("div", { className: "mb-6" }, /* @__PURE__ */ React11.createElement("div", { className: "flex ml-[20px] items-center gap-2 mb-2 dark:text-[#f4f4f5cc]" }, /* @__PURE__ */ React11.createElement(Globe2, { width: 20, height: 20 }), /* @__PURE__ */ React11.createElement("h3", { className: "text-[#3f3f46cc] dark:text-[#f4f4f5cc] font-medium" }, "Data Centers")), /* @__PURE__ */ React11.createElement("div", null, /* @__PURE__ */ React11.createElement(CustomAutocomplete, { options: [] }))), /* @__PURE__ */ React11.createElement("div", { className: "overflow-y-auto" }, /* @__PURE__ */ React11.createElement("div", null, navItemsLocal == null ? void 0 : navItemsLocal.map((item, index) => {
633
+ return /* @__PURE__ */ React11.createElement("div", { key: index, className: "" }, /* @__PURE__ */ React11.createElement("div", { className: "flex items-center gap-3 p-2 hover:bg-accent dark:hover:bg-accent dark:text-[#f4f4f5cc] cursor-pointer rounded-lg ml-2", onClick: (e) => {
591
634
  item.onClick && item.onClick(e);
592
635
  handleIconRotate(e, index);
593
- } }, /* @__PURE__ */ React11.createElement(item.Icon, { width: 20, height: 20 }), /* @__PURE__ */ React11.createElement("span", { className: "font-medium text-[#3f3f46cc] dark:text-[#f4f4f5cc]" }, item.label), item.isDropDown && /* @__PURE__ */ React11.createElement("div", { className: `ml-auto transition-all delay-75` }, /* @__PURE__ */ React11.createElement(ChevronDown2, { width: 20, height: 20 }))), item.options && item.options.length > 0 && /* @__PURE__ */ React11.createElement("div", { className: "ml-[20px] max-h-0 overflow-hidden flex flex-col", id: `dropDownOptions-${index}` }, item.options.map((options, optionsIndex) => {
636
+ } }, /* @__PURE__ */ React11.createElement(item.Icon, { width: 20, height: 20 }), /* @__PURE__ */ React11.createElement("span", { className: "font-medium text-secondary dark:text-[#f4f4f5cc]" }, item.label), item.isDropDown && /* @__PURE__ */ React11.createElement("div", { className: `ml-auto transition-all delay-75` }, /* @__PURE__ */ React11.createElement(ChevronDown2, { width: 20, height: 20 }))), item.options && item.options.length > 0 && /* @__PURE__ */ React11.createElement("div", { className: "ml-[20px] max-h-0 overflow-hidden flex flex-col", id: `dropDownOptions-${index}` }, item.options.map((options, optionsIndex) => {
594
637
  return /* @__PURE__ */ React11.createElement("div", { className: "" }, /* @__PURE__ */ React11.createElement(
595
638
  "div",
596
639
  {
597
- className: "flex items-center gap-3 p-2 hover:bg-[#f3f4f6] dark:hover:bg-[#27272a] cursor-pointer",
640
+ className: "flex items-center gap-3 p-2 hover:bg-accent dark:hover:bg-[#27272a] cursor-pointer",
598
641
  onClick: (e) => {
599
642
  options.onClick && options.onClick();
600
- options.isDropDown && handleIconRotate(e, optionsIndex, "subOption");
643
+ options.isDropDown && handleIconRotate(e, optionsIndex, "subOption", index);
601
644
  }
602
645
  },
603
646
  /* @__PURE__ */ React11.createElement("div", null),
604
- /* @__PURE__ */ React11.createElement("span", { className: "font-medium text-sm text-[#3f3f46cc] dark:text-[#f4f4f5cc]" }, options.label),
647
+ /* @__PURE__ */ React11.createElement("span", { className: "font-medium text-sm text-secondary dark:text-[#f4f4f5cc]" }, options.label),
605
648
  options.isDropDown && /* @__PURE__ */ React11.createElement("div", { className: `ml-auto transition-all delay-75` }, /* @__PURE__ */ React11.createElement(ChevronDown2, { width: 20, height: 20 }))
606
- ), options.options && options.options.length > 1 && /* @__PURE__ */ React11.createElement("div", { className: "ml-[20px] max-h-0 overflow-hidden flex flex-col", id: `dropDownOptions-${optionsIndex}-subOption` }, options.options.map((subOption) => {
649
+ ), options.options && options.options.length > 1 && /* @__PURE__ */ React11.createElement("div", { className: "ml-[20px] max-h-0 overflow-hidden flex flex-col", id: `dropDownOptions-${optionsIndex}-subOption-${index}` }, options.options.map((subOption) => {
607
650
  return /* @__PURE__ */ React11.createElement(
608
651
  "div",
609
652
  {
610
- className: "p-2 rounded-lg hover:bg-gray-100 text-[#3f3f46cc] dark:hover:bg-[#27272a] dark:text-[#f4f4f5cc] font-medium text-sm",
653
+ className: "p-2 rounded-lg hover:bg-accent dark:hover:bg-[#27272a] dark:text-[#f4f4f5cc] font-medium text-sm text-secondary",
611
654
  onClick: (e) => {
612
655
  subOption.onClick && subOption.onClick();
613
656
  }
@@ -617,10 +660,10 @@ var AppSideBar = ({ username, role, navItems, additionalItems, sideBarLogo }) =>
617
660
  })));
618
661
  })));
619
662
  })), /* @__PURE__ */ React11.createElement("div", { className: "border-t border-[#e5e5e5] dark:border-[#303036] mt-4" }, (additionalItemsLocal == null ? void 0 : additionalItemsLocal.length) > 0 && additionalItemsLocal.map((item, index) => {
620
- return /* @__PURE__ */ React11.createElement("div", { key: index, className: "flex items-center gap-3 p-2 hover:bg-[#f3f4f6] dark:hover:bg-[#27272a] dark:text-[#f4f4f5cc] cursor-pointer", onClick: () => item.onClick && item.onClick() }, /* @__PURE__ */ React11.createElement(item.Icon, { width: 20, height: 20 }), /* @__PURE__ */ React11.createElement("span", { className: "font-medium text-[#3f3f46cc] dark:text-[#f4f4f5cc]" }, item.label));
621
- }))), /* @__PURE__ */ React11.createElement("div", { className: "mt-auto bg-[#fafafa] dark:bg-transparent sticky bottom-0 pt-2" }, /* @__PURE__ */ React11.createElement("div", { className: "flex items-center justify-between p-2 rounded-lg hover:bg-[#f4f4f5] dark:hover:bg-[#27272a] cursor-pointer", onClick: () => {
663
+ return /* @__PURE__ */ React11.createElement("div", { key: index, className: "flex items-center gap-3 p-2 hover:bg-accent dark:hover:bg-[#27272a] dark:text-[#f4f4f5cc] cursor-pointer", onClick: () => item.onClick && item.onClick() }, /* @__PURE__ */ React11.createElement(item.Icon, { width: 20, height: 20 }), /* @__PURE__ */ React11.createElement("span", { className: "font-medium text-primary dark:text-[#f4f4f5cc]" }, item.label));
664
+ }))), /* @__PURE__ */ React11.createElement("div", { className: "mt-auto bg-[#fafafa] dark:bg-transparent sticky bottom-0 pt-2" }, /* @__PURE__ */ React11.createElement("div", { className: "flex items-center justify-between p-2 rounded-lg hover:bg-accent dark:hover:bg-[#27272a] cursor-pointer", onClick: () => {
622
665
  window.location.href = "/profile";
623
- } }, /* @__PURE__ */ React11.createElement("div", { className: "flex items-center gap-3" }, /* @__PURE__ */ React11.createElement("span", { className: "relative flex shrink-0 overflow-hidden rounded-full h-10 w-10" }, /* @__PURE__ */ React11.createElement("span", { className: "flex h-full w-full items-center justify-center rounded-full bg-muted" }, ((_a = authData == null ? void 0 : authData.userInfo) == null ? void 0 : _a.UserName) ? authData.userInfo.UserName.split("")[0] : "A")), /* @__PURE__ */ React11.createElement("div", null, /* @__PURE__ */ React11.createElement("p", { className: "font-semibold" }, ((_b = authData == null ? void 0 : authData.userInfo) == null ? void 0 : _b.UserName) ? authData.userInfo.UserName : "Admin User"), /* @__PURE__ */ React11.createElement("p", { className: "text-sm text-[#3f3f46cc] dark:text-[#f4f4f5cc]" }, role))), /* @__PURE__ */ React11.createElement("div", { className: "text-[#18181b] dark:text-[#f4f4f5cc]" }, /* @__PURE__ */ React11.createElement(LogOut, null)))));
666
+ } }, /* @__PURE__ */ React11.createElement("div", { className: "flex items-center gap-3" }, /* @__PURE__ */ React11.createElement("span", { className: "relative flex shrink-0 overflow-hidden rounded-full h-10 w-10" }, /* @__PURE__ */ React11.createElement("span", { className: "flex h-full w-full items-center justify-center rounded-full bg-muted" }, ((_a = authData == null ? void 0 : authData.userInfo) == null ? void 0 : _a.UserName) ? authData.userInfo.UserName.split("")[0] : "A")), /* @__PURE__ */ React11.createElement("div", null, /* @__PURE__ */ React11.createElement("p", { className: "font-semibold" }, ((_b = authData == null ? void 0 : authData.userInfo) == null ? void 0 : _b.UserName) ? authData.userInfo.UserName : "Admin User"), /* @__PURE__ */ React11.createElement("p", { className: "text-sm dark:text-[#f4f4f5cc]" }, role))), /* @__PURE__ */ React11.createElement("div", { className: "dark:text-[#f4f4f5cc]" }, /* @__PURE__ */ React11.createElement(LogOut, null)))));
624
667
  };
625
668
 
626
669
  // src/RightSheet/RightSheet.jsx
@@ -678,10 +721,10 @@ var RightSheet = ({
678
721
  // src/Table/CustomTable.jsx
679
722
  import React13 from "react";
680
723
  var CustomTable = ({ tableHeader, setIsAllChecked, isAllChecked, children }) => {
681
- return /* @__PURE__ */ React13.createElement("div", { className: "border border-[#e5e5e5] rounded-lg overflow-x-auto" }, /* @__PURE__ */ React13.createElement("div", { className: "w-full relative overflow-x-auto" }, /* @__PURE__ */ React13.createElement("table", { className: "w-full caption-bottom text-sm overflow-x-auto bg-white table-fixed border-collapse" }, /* @__PURE__ */ React13.createElement("thead", { className: "border-b border-[#e5e5e5]" }, /* @__PURE__ */ React13.createElement("tr", { className: "transition-colors text-[#737373] hover:bg-muted/50 \r\n data-[state=selected]:bg-muted" }, /* @__PURE__ */ React13.createElement("th", { className: "px-4 py-3 text-left w-[50px]" }, /* @__PURE__ */ React13.createElement(CustomCheckbox, { checked: isAllChecked, onChange: () => {
724
+ return /* @__PURE__ */ React13.createElement("div", { className: "border border-[#e5e5e5] rounded-lg overflow-x-auto" }, /* @__PURE__ */ React13.createElement("div", { className: "w-full relative overflow-x-auto" }, /* @__PURE__ */ React13.createElement("table", { className: "w-full caption-bottom text-sm overflow-x-auto bg-white table-fixed border-collapse" }, /* @__PURE__ */ React13.createElement("thead", { className: "border-b border-[#e5e5e5] text-accent" }, /* @__PURE__ */ React13.createElement("tr", { className: "transition-colors text-[#737373] hover:bg-muted/50 \r\n data-[state=selected]:bg-muted" }, /* @__PURE__ */ React13.createElement("th", { className: "px-4 py-3 text-left w-[50px] text-accent" }, /* @__PURE__ */ React13.createElement(CustomCheckbox, { checked: isAllChecked, onChange: () => {
682
725
  setIsAllChecked(!isAllChecked);
683
726
  } })), tableHeader.map((header, index) => {
684
- return /* @__PURE__ */ React13.createElement("th", { className: `px-4 py-3 text-sm font-medium ${index == tableHeader.length - 1 ? "text-right" : "text-left"}`, key: header + index }, header);
727
+ return /* @__PURE__ */ React13.createElement("th", { className: `px-4 py-3 text-sm text-accent font-medium ${index == tableHeader.length - 1 ? "text-right" : "text-left"}`, key: header + index }, header);
685
728
  }))), /* @__PURE__ */ React13.createElement("tbody", null, children))));
686
729
  };
687
730
 
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "jett.admin.npmpackage",
3
- "version": "1.0.20",
3
+ "version": "1.0.22",
4
4
  "main": "dist/index.js",
5
5
  "module": "dist/index.mjs",
6
6
  "exports": {
@@ -24,6 +24,7 @@
24
24
  "dependencies": {
25
25
  "@tailwindcss/postcss": "^4.1.13",
26
26
  "clsx": "^2.1.1",
27
+ "js-cookie": "^3.0.5",
27
28
  "lucide-react": "^0.544.0",
28
29
  "tailwind-merge": "^3.3.1",
29
30
  "tsup": "^8.5.0"