ikoncomponents 1.3.1 → 1.3.3

package/dist/ikoncomponents/activity-sheet/index.js

@@ -1,7 +1,7 @@
 "use client";
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import { AlignJustify } from "lucide-react";
-import { Tabs } from "../tabs";
+import { CustomTabs } from "../tabs";
 import { NoDataComponent } from "../no-data";
 import { UploadTab } from "../upload-tab";
 import { SheetComponent } from "../sheet";
@@ -19,5 +19,5 @@ export function ActivitySheet({ activityLogs = [] }) {
             tabContent: _jsx(UploadTab, {})
         }
     ];
-    return (_jsx(SheetComponent, { buttonText: "", buttonIcon: _jsx(AlignJustify, {}), sheetTitle: "", sheetContent: _jsx(Tabs, { tabArray: tabArray, tabListClass: '' }), closeButton: true }));
+    return (_jsx(SheetComponent, { buttonText: "", buttonIcon: _jsx(AlignJustify, {}), sheetTitle: "", sheetContent: _jsx(CustomTabs, { tabArray: tabArray, tabListClass: '' }), closeButton: true }));
 }

package/dist/ikoncomponents/big-calendar/big-calender-event/index.js

@@ -3,12 +3,12 @@ import { Eye, SquarePen } from "lucide-react";
 import { TooltipComponent as Tooltip } from "../../tooltip";
 // Custom event component
 export default function BigCalenderEvent({ event, extraParamsEvent }) {
-    return (_jsxs("div", { className: "custom-event flex flex-row justify-between", children: [_jsx("span", { className: "truncate", children: event.title }), _jsxs("span", { className: "flex flex-row gap-1", children: [((extraParamsEvent === null || extraParamsEvent === void 0 ? void 0 : extraParamsEvent.isEditableAll) || event.isEditable) &&
-                        _jsx(Tooltip, { tooltipContent: "Edit", children: _jsx("button", { className: "event-edit-button", onClick: (e) => {
+    return (_jsxs("div", { className: "custom-event flex flex-row justify-between", children: [_jsx("span", { className: "truncate w-auto", children: event.title }), _jsxs("span", { className: "flex flex-row gap-1", children: [((extraParamsEvent === null || extraParamsEvent === void 0 ? void 0 : extraParamsEvent.isEditableAll) || event.isEditable) &&
+                        _jsx(Tooltip, { tooltipContent: "Edit", children: _jsx("button", { className: "event-edit-button w-fit px-1", onClick: (e) => {
                                     var _a;
                                     e.stopPropagation(); // Prevent triggering other event handlers
                                     (_a = extraParamsEvent === null || extraParamsEvent === void 0 ? void 0 : extraParamsEvent.onEditEventClick) === null || _a === void 0 ? void 0 : _a.call(extraParamsEvent, event);
-                                }, children: _jsx(SquarePen, { size: 16 }) }) }), _jsx(Tooltip, { tooltipContent: "View", children: _jsx("button", { className: "event-view-button", onClick: (e) => {
+                                }, children: _jsx(SquarePen, { size: 16 }) }) }), _jsx(Tooltip, { tooltipContent: "View", children: _jsx("button", { className: "event-view-button w-fit px-1", onClick: (e) => {
                                 var _a;
                                 e.stopPropagation(); // Prevent triggering other event handlers
                                 (_a = extraParamsEvent === null || extraParamsEvent === void 0 ? void 0 : extraParamsEvent.onViewEventClick) === null || _a === void 0 ? void 0 : _a.call(extraParamsEvent, event);

package/dist/ikoncomponents/main-layout/footer.js

@@ -1,5 +1,5 @@
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import { Copyright } from "lucide-react";
 export function Footer() {
-    return (_jsx("footer", { className: "ml-12 flex border-t px-4 py-2 justify-center lg:justify-start", children: _jsxs("div", { className: "flex gap-2 items-center", children: [_jsx(Copyright, {}), _jsx("span", { children: "Powered By" }), _jsx("a", { href: "https://keross.com", target: "_blank", children: "Keross" }), _jsx("span", { className: "", children: "|" }), _jsx("span", { id: "txtCopyrightYear", className: "", children: new Date().getFullYear() })] }) }));
+    return (_jsx("footer", { className: "ml-12 flex border-t px-4 py-2 justify-center lg:justify-start", children: _jsxs("div", { className: "flex gap-2 items-center", children: [_jsx(Copyright, { className: "size-4" }), _jsx("span", { children: "Powered By" }), _jsx("a", { href: "https://keross.com", target: "_blank", children: "Keross" }), _jsx("span", { className: "", children: "|" }), _jsx("span", { id: "txtCopyrightYear", className: "", children: new Date().getFullYear() })] }) }));
 }

package/dist/ikoncomponents/tabs/index.d.ts

@@ -1,2 +1,2 @@
 import { TabProps } from "./type";
-export declare function Tabs({ children, tabArray, pathName, tabListClass, tabListInnerClass, tabListButtonClass, tabContentClass, headerEndComponent, onTabChange, isSeperatePage, }: TabProps): import("react/jsx-runtime").JSX.Element;
+export declare function CustomTabs({ children, tabArray, pathName, tabListClass, tabListInnerClass, tabListButtonClass, tabContentClass, headerEndComponent, onTabChange, isSeperatePage, }: TabProps): import("react/jsx-runtime").JSX.Element;

package/dist/ikoncomponents/tabs/index.js

@@ -7,7 +7,7 @@ import { TextButton } from "../buttons";
 import { Card } from "../../shadcn/card";
 import { useEffect, useState } from "react";
 import { useIsMobile } from "../../hooks/use-mobile";
-export function Tabs({ children, tabArray, pathName, tabListClass = "", tabListInnerClass = "", tabListButtonClass = "", tabContentClass = "", headerEndComponent, onTabChange, isSeperatePage = false, }) {
+export function CustomTabs({ children, tabArray, pathName, tabListClass = "", tabListInnerClass = "", tabListButtonClass = "", tabContentClass = "", headerEndComponent, onTabChange, isSeperatePage = false, }) {
     var _a, _b;
     // const pathName = usePathname();
     const [itemToDisplay, setItemToDisplay] = useState(5);

package/dist/index.d.ts

@@ -74,7 +74,7 @@ export { PhoneInput } from "./ikoncomponents/phone-input";
 export { SearchInput } from "./ikoncomponents/search-input";
 export { SheetComponent } from "./ikoncomponents/sheet";
 export { SimpleWidget } from "./ikoncomponents/simple-widget";
-export { Tabs } from "./ikoncomponents/tabs";
+export { CustomTabs } from "./ikoncomponents/tabs";
 export type { TabArray, TabProps } from "./ikoncomponents/tabs/type";
 export { ThemeToggleBtn } from "./ikoncomponents/theme-toggle-btn";
 export { TitleProgress } from "./ikoncomponents/title-progress";
@@ -131,7 +131,6 @@ export { FontProvider, useFont } from "./utils/font-provider";
 export { cn } from "./utils/cn";
 export type { CookieSessionOptionsProps } from "./utils/session/cookieSession";
 export { setCookieSession, getCookieSession, clearCookieSession, clearAllCookieSession, } from "./utils/session/cookieSession";
-export { getValidAccessToken, refreshAccessToken, logOut, } from "./utils/token-management";
-export type { AccessTokenOptionsProps } from "./utils/token-management";
+export { getValidAccessToken, decodeAccessToken, logOut, refreshAccessToken } from "./utils/token-management";
 export type { TokenResponse } from "./utils/token-management/types";
 export { useIsMobile } from "./hooks/use-mobile";

package/dist/index.js

@@ -68,7 +68,7 @@ export { PhoneInput } from "./ikoncomponents/phone-input";
 export { SearchInput } from "./ikoncomponents/search-input";
 export { SheetComponent } from "./ikoncomponents/sheet";
 export { SimpleWidget } from "./ikoncomponents/simple-widget";
-export { Tabs } from "./ikoncomponents/tabs";
+export { CustomTabs } from "./ikoncomponents/tabs";
 export { ThemeToggleBtn } from "./ikoncomponents/theme-toggle-btn";
 export { TitleProgress } from "./ikoncomponents/title-progress";
 export { TooltipComponent } from "./ikoncomponents/tooltip";
@@ -110,5 +110,5 @@ export { RadiusProvider, useRadius } from "./utils/border-radius-provider";
 export { FontProvider, useFont } from "./utils/font-provider";
 export { cn } from "./utils/cn";
 export { setCookieSession, getCookieSession, clearCookieSession, clearAllCookieSession, } from "./utils/session/cookieSession";
-export { getValidAccessToken, refreshAccessToken, logOut, } from "./utils/token-management";
+export { getValidAccessToken, decodeAccessToken, logOut, refreshAccessToken } from "./utils/token-management";
 export { useIsMobile } from "./hooks/use-mobile";

package/dist/styles.css

@@ -5059,10 +5059,11 @@
       direction: rtl;
     }
     .rbc-off-range {
-      color: #999999;
+      color: var(--foreground) !important;
     }
     .rbc-off-range-bg {
-      background: hsl(var(--muted));
+      background: var(--foreground) !important;
+      opacity: 0.1 !important;
     }
     .rbc-header {
       overflow: hidden;
@@ -5133,8 +5134,8 @@
       display: none;
     }
     .rbc-today {
-      background-color: hsl(var(--accent));
-      color: hsl(var(--accent-forground));
+      background-color: oklch(100% 0.00011 271.152 / 0) !important;
+      border: 3px solid var(--foreground) !important;
     }
     .rbc-toolbar {
       display: -webkit-box;
@@ -5311,7 +5312,8 @@
       background-color: rgba(0, 0, 0, 0.1);
     }
     .rbc-show-more {
-      background-color: rgba(255, 255, 255, 0.3);
+      background-color: rgba(255, 255, 255, 0) !important;
+      color: var(--foreground) !important;
       z-index: 4;
       font-weight: bold;
       font-size: 85%;
@@ -5805,819 +5807,6 @@
     border: none;
     border-radius: 50%;
   }
-  .rbc-btn-group {
-    font-size: 14px;
-  }
-  .custom-buttons {
-    font-size: 14px;
-  }
-  .rbc-date-cell.rbc-now,
-  .rbc-time-slot.rbc-now,
-  .rbc-show-more,
-  .rbc-header {
-    font-weight: normal !important;
-  }
-  .rbc-btn {
-    color: inherit;
-    font: inherit;
-    margin: 0;
-  }
-  button.rbc-btn {
-    overflow: visible;
-    text-transform: none;
-    -webkit-appearance: button;
-    -moz-appearance: button;
-    appearance: button;
-    cursor: pointer;
-  }
-  button[disabled].rbc-btn {
-    cursor: not-allowed;
-  }
-  button.rbc-input::-moz-focus-inner {
-    border: 0;
-    padding: 0;
-  }
-  .rbc-calendar {
-    -webkit-box-sizing: border-box;
-    box-sizing: border-box;
-    height: 100%;
-    display: -webkit-box;
-    display: -ms-flexbox;
-    display: flex;
-    font-size: 15px;
-    -webkit-box-orient: vertical;
-    -webkit-box-direction: normal;
-    -ms-flex-direction: column;
-    flex-direction: column;
-    -webkit-box-align: stretch;
-    -ms-flex-align: stretch;
-    align-items: stretch;
-  }
-  .rbc-m-b-negative-3 {
-    margin-bottom: -3px;
-  }
-  .rbc-h-full {
-    height: 100%;
-  }
-  .rbc-calendar *,
-  .rbc-calendar *:before,
-  .rbc-calendar *:after {
-    -webkit-box-sizing: inherit;
-    box-sizing: inherit;
-  }
-  .rbc-abs-full,
-  .rbc-row-bg {
-    overflow: hidden;
-    position: absolute;
-    top: 0;
-    left: 0;
-    right: 0;
-    bottom: 0;
-  }
-  .rbc-ellipsis,
-  .rbc-show-more,
-  .rbc-row-segment .rbc-event-content,
-  .rbc-event-label {
-    display: block;
-    overflow: hidden;
-    text-overflow: ellipsis;
-    white-space: nowrap;
-  }
-  .rbc-rtl {
-    direction: rtl;
-  }
-  .rbc-off-range {
-    color: #999999;
-  }
-  .rbc-off-range-bg {
-    background: hsl(var(--muted));
-  }
-  .rbc-header {
-    overflow: hidden;
-    -webkit-box-flex: 1;
-    -ms-flex: 1 0 0%;
-    flex: 1 0 0%;
-    text-overflow: ellipsis;
-    white-space: nowrap;
-    padding: 0 3px;
-    text-align: center;
-    vertical-align: middle;
-    font-weight: bold;
-    font-size: 90%;
-    min-height: 0;
-    border-bottom: 1px solid hsl(var(--border));
-  }
-  .rbc-header + .rbc-header {
-    border-left: 1px solid hsl(var(--border));
-  }
-  .rbc-rtl .rbc-header + .rbc-header {
-    border-left-width: 0;
-    border-right: 1px solid hsl(var(--border));
-  }
-  .rbc-header > a,
-  .rbc-header > a:active,
-  .rbc-header > a:visited {
-    color: inherit;
-    text-decoration: none;
-  }
-  .rbc-button-link {
-    color: inherit;
-    background: none;
-    margin: 0;
-    padding: 0;
-    border: none;
-    cursor: pointer;
-    -webkit-user-select: text;
-    -moz-user-select: text;
-    -ms-user-select: text;
-    user-select: text;
-  }
-  .rbc-row-content {
-    position: relative;
-    -moz-user-select: none;
-    -ms-user-select: none;
-    user-select: none;
-    -webkit-user-select: none;
-    z-index: 4;
-  }
-  .rbc-row-content-scrollable {
-    display: -webkit-box;
-    display: -ms-flexbox;
-    display: flex;
-    -webkit-box-orient: vertical;
-    -webkit-box-direction: normal;
-    -ms-flex-direction: column;
-    flex-direction: column;
-    height: 100%;
-  }
-  .rbc-row-content-scrollable .rbc-row-content-scroll-container {
-    height: 100%;
-    overflow-y: scroll;
-    -ms-overflow-style: none;
-    scrollbar-width: none;
-  }
-  .rbc-row-content-scrollable
-    .rbc-row-content-scroll-container::-webkit-scrollbar {
-    display: none;
-  }
-  .rbc-today {
-    background-color: hsl(var(--accent));
-    color: hsl(var(--accent-forground));
-  }
-  .rbc-toolbar {
-    display: -webkit-box;
-    display: -ms-flexbox;
-    display: flex;
-    -ms-flex-wrap: wrap;
-    flex-wrap: wrap;
-    -webkit-box-pack: center;
-    -ms-flex-pack: center;
-    justify-content: center;
-    -webkit-box-align: center;
-    -ms-flex-align: center;
-    align-items: center;
-    margin-bottom: 10px;
-    font-size: 16px;
-  }
-  .rbc-toolbar .rbc-toolbar-label {
-    -webkit-box-flex: 1;
-    -ms-flex-positive: 1;
-    flex-grow: 1;
-    padding: 0 10px;
-    text-align: center;
-  }
-  .rbc-toolbar button {
-    color: #373a3c;
-    display: inline-block;
-    margin: 0;
-    text-align: center;
-    vertical-align: middle;
-    background: none;
-    background-image: none;
-    border: 1px solid hsl(var(--border));
-    padding: 0.375rem 1rem;
-    border-radius: 4px;
-    line-height: normal;
-    white-space: nowrap;
-  }
-  .rbc-toolbar button:active,
-  .rbc-toolbar button.rbc-active {
-    background-image: none;
-    -webkit-box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
-    box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
-    background-color: #e6e6e6;
-    border-color: #adadad;
-  }
-  .rbc-toolbar button:active:hover,
-  .rbc-toolbar button:active:focus,
-  .rbc-toolbar button.rbc-active:hover,
-  .rbc-toolbar button.rbc-active:focus {
-    color: #373a3c;
-    background-color: #d4d4d4;
-    border-color: #8c8c8c;
-  }
-  .rbc-toolbar button:focus {
-    color: #373a3c;
-    background-color: #e6e6e6;
-    border-color: #adadad;
-  }
-  .rbc-toolbar button:hover {
-    color: #373a3c;
-    background-color: #e6e6e6;
-    border-color: #adadad;
-  }
-  .rbc-btn-group {
-    display: inline-block;
-    white-space: nowrap;
-  }
-  .rbc-btn-group > button:first-child:not(:last-child) {
-    border-top-right-radius: 0;
-    border-bottom-right-radius: 0;
-  }
-  .rbc-btn-group > button:last-child:not(:first-child) {
-    border-top-left-radius: 0;
-    border-bottom-left-radius: 0;
-  }
-  .rbc-rtl .rbc-btn-group > button:first-child:not(:last-child) {
-    border-radius: 4px;
-    border-top-left-radius: 0;
-    border-bottom-left-radius: 0;
-  }
-  .rbc-rtl .rbc-btn-group > button:last-child:not(:first-child) {
-    border-radius: 4px;
-    border-top-right-radius: 0;
-    border-bottom-right-radius: 0;
-  }
-  .rbc-btn-group > button:not(:first-child):not(:last-child) {
-    border-radius: 0;
-  }
-  .rbc-btn-group button + button {
-    margin-left: -1px;
-  }
-  .rbc-rtl .rbc-btn-group button + button {
-    margin-left: 0;
-    margin-right: -1px;
-  }
-  .rbc-btn-group + .rbc-btn-group,
-  .rbc-btn-group + button {
-    margin-left: 10px;
-  }
-  @media (max-width: 767px) {
-    .rbc-toolbar {
-      -webkit-box-orient: vertical;
-      -webkit-box-direction: normal;
-      -ms-flex-direction: column;
-      flex-direction: column;
-    }
-  }
-  .rbc-event,
-  .rbc-day-slot .rbc-background-event {
-    border: none;
-    -webkit-box-sizing: border-box;
-    box-sizing: border-box;
-    -webkit-box-shadow: none;
-    box-shadow: none;
-    margin: 0;
-    padding: 2px 5px;
-    background-color: hsl(var(--input));
-    border-radius: 5px;
-    color: #fff;
-    cursor: pointer;
-    width: 100%;
-    text-align: left;
-  }
-  .rbc-slot-selecting .rbc-event,
-  .rbc-slot-selecting .rbc-day-slot .rbc-background-event,
-  .rbc-day-slot .rbc-slot-selecting .rbc-background-event {
-    cursor: inherit;
-    pointer-events: none;
-  }
-  .rbc-event.rbc-selected,
-  .rbc-day-slot .rbc-selected.rbc-background-event {
-    background-color: #265985;
-  }
-  .rbc-event:focus,
-  .rbc-day-slot .rbc-background-event:focus {
-    outline: 5px auto #3b99fc;
-  }
-  .rbc-event-label {
-    font-size: 80%;
-  }
-  .rbc-event-overlaps {
-    -webkit-box-shadow: -1px 1px 5px 0px rgba(51, 51, 51, 0.5);
-    box-shadow: -1px 1px 5px 0px rgba(51, 51, 51, 0.5);
-  }
-  .rbc-event-continues-prior {
-    border-top-left-radius: 0;
-    border-bottom-left-radius: 0;
-  }
-  .rbc-event-continues-after {
-    border-top-right-radius: 0;
-    border-bottom-right-radius: 0;
-  }
-  .rbc-event-continues-earlier {
-    border-top-left-radius: 0;
-    border-top-right-radius: 0;
-  }
-  .rbc-event-continues-later {
-    border-bottom-left-radius: 0;
-    border-bottom-right-radius: 0;
-  }
-  .rbc-row {
-    display: -webkit-box;
-    display: -ms-flexbox;
-    display: flex;
-    -webkit-box-orient: horizontal;
-    -webkit-box-direction: normal;
-    -ms-flex-direction: row;
-    flex-direction: row;
-  }
-  .rbc-row-segment {
-    padding: 0 1px 1px 1px;
-  }
-  .rbc-selected-cell {
-    background-color: rgba(0, 0, 0, 0.1);
-  }
-  .rbc-show-more {
-    background-color: rgba(255, 255, 255, 0.3);
-    z-index: 4;
-    font-weight: bold;
-    font-size: 85%;
-    height: auto;
-    line-height: normal;
-    color: hsl(var(--input));
-  }
-  .rbc-show-more:hover,
-  .rbc-show-more:focus {
-    color: #265985;
-  }
-  .rbc-month-view {
-    position: relative;
-    border: 1px solid hsl(var(--border));
-    display: -webkit-box;
-    display: -ms-flexbox;
-    display: flex;
-    -webkit-box-orient: vertical;
-    -webkit-box-direction: normal;
-    -ms-flex-direction: column;
-    flex-direction: column;
-    -webkit-box-flex: 1;
-    -ms-flex: 1 0 0px;
-    flex: 1 0 0;
-    width: 100%;
-    -moz-user-select: none;
-    -ms-user-select: none;
-    user-select: none;
-    -webkit-user-select: none;
-    height: 100%;
-  }
-  .rbc-month-header {
-    display: -webkit-box;
-    display: -ms-flexbox;
-    display: flex;
-    -webkit-box-orient: horizontal;
-    -webkit-box-direction: normal;
-    -ms-flex-direction: row;
-    flex-direction: row;
-  }
-  .rbc-month-row {
-    display: -webkit-box;
-    display: -ms-flexbox;
-    display: flex;
-    position: relative;
-    -webkit-box-orient: vertical;
-    -webkit-box-direction: normal;
-    -ms-flex-direction: column;
-    flex-direction: column;
-    -webkit-box-flex: 1;
-    -ms-flex: 1 0 0px;
-    flex: 1 0 0;
-    -ms-flex-preferred-size: 0px;
-    flex-basis: 0px;
-    overflow: hidden;
-    height: 100%;
-  }
-  .rbc-month-row + .rbc-month-row {
-    border-top: 1px solid hsl(var(--border));
-  }
-  .rbc-date-cell {
-    -webkit-box-flex: 1;
-    -ms-flex: 1 1 0px;
-    flex: 1 1 0;
-    min-width: 0;
-    padding-right: 5px;
-    text-align: right;
-  }
-  .rbc-date-cell.rbc-now {
-    font-weight: bold;
-  }
-  .rbc-date-cell > a,
-  .rbc-date-cell > a:active,
-  .rbc-date-cell > a:visited {
-    color: inherit;
-    text-decoration: none;
-  }
-  .rbc-row-bg {
-    display: -webkit-box;
-    display: -ms-flexbox;
-    display: flex;
-    -webkit-box-orient: horizontal;
-    -webkit-box-direction: normal;
-    -ms-flex-direction: row;
-    flex-direction: row;
-    -webkit-box-flex: 1;
-    -ms-flex: 1 0 0px;
-    flex: 1 0 0;
-    overflow: hidden;
-    right: 1px;
-  }
-  .rbc-day-bg {
-    -webkit-box-flex: 1;
-    -ms-flex: 1 0 0%;
-    flex: 1 0 0%;
-  }
-  .rbc-day-bg + .rbc-day-bg {
-    border-left: 1px solid hsl(var(--border));
-  }
-  .rbc-rtl .rbc-day-bg + .rbc-day-bg {
-    border-left-width: 0;
-    border-right: 1px solid hsl(var(--border));
-  }
-  .rbc-overlay {
-    position: absolute;
-    z-index: 5;
-    border: 1px solid #e5e5e5;
-    background-color: #fff;
-    -webkit-box-shadow: 0 5px 15px rgba(0, 0, 0, 0.25);
-    box-shadow: 0 5px 15px rgba(0, 0, 0, 0.25);
-    padding: 10px;
-  }
-  .rbc-overlay > * + * {
-    margin-top: 1px;
-  }
-  .rbc-overlay-header {
-    border-bottom: 1px solid #e5e5e5;
-    margin: -10px -10px 5px -10px;
-    padding: 2px 10px;
-  }
-  .rbc-agenda-view {
-    display: -webkit-box;
-    display: -ms-flexbox;
-    display: flex;
-    -webkit-box-orient: vertical;
-    -webkit-box-direction: normal;
-    -ms-flex-direction: column;
-    flex-direction: column;
-    -webkit-box-flex: 1;
-    -ms-flex: 1 0 0px;
-    flex: 1 0 0;
-    overflow: auto;
-  }
-  .rbc-agenda-view table.rbc-agenda-table {
-    width: 100%;
-    border: 1px solid hsl(var(--border));
-    border-spacing: 0;
-    border-collapse: collapse;
-  }
-  .rbc-agenda-view table.rbc-agenda-table tbody > tr > td {
-    padding: 5px 10px;
-    vertical-align: top;
-  }
-  .rbc-agenda-view table.rbc-agenda-table .rbc-agenda-time-cell {
-    padding-left: 15px;
-    padding-right: 15px;
-    text-transform: lowercase;
-  }
-  .rbc-agenda-view table.rbc-agenda-table tbody > tr > td + td {
-    border-left: 1px solid hsl(var(--border));
-  }
-  .rbc-rtl .rbc-agenda-view table.rbc-agenda-table tbody > tr > td + td {
-    border-left-width: 0;
-    border-right: 1px solid hsl(var(--border));
-  }
-  .rbc-agenda-view table.rbc-agenda-table tbody > tr + tr {
-    border-top: 1px solid hsl(var(--border));
-  }
-  .rbc-agenda-view table.rbc-agenda-table thead > tr > th {
-    padding: 3px 5px;
-    text-align: left;
-    border-bottom: 1px solid hsl(var(--border));
-  }
-  .rbc-rtl .rbc-agenda-view table.rbc-agenda-table thead > tr > th {
-    text-align: right;
-  }
-  .rbc-agenda-time-cell {
-    text-transform: lowercase;
-  }
-  .rbc-agenda-time-cell .rbc-continues-after:after {
-    content: " »";
-  }
-  .rbc-agenda-time-cell .rbc-continues-prior:before {
-    content: "« ";
-  }
-  .rbc-agenda-date-cell,
-  .rbc-agenda-time-cell {
-    white-space: nowrap;
-  }
-  .rbc-agenda-event-cell {
-    width: 100%;
-  }
-  .rbc-time-column {
-    display: -webkit-box;
-    display: -ms-flexbox;
-    display: flex;
-    -webkit-box-orient: vertical;
-    -webkit-box-direction: normal;
-    -ms-flex-direction: column;
-    flex-direction: column;
-    min-height: 100%;
-  }
-  .rbc-time-column .rbc-timeslot-group {
-    -webkit-box-flex: 1;
-    -ms-flex: 1;
-    flex: 1;
-  }
-  .rbc-timeslot-group {
-    border-bottom: 1px solid hsl(var(--border));
-    min-height: 40px;
-    display: -webkit-box;
-    display: -ms-flexbox;
-    display: flex;
-    -webkit-box-orient: vertical;
-    -webkit-box-direction: normal;
-    -ms-flex-flow: column nowrap;
-    flex-flow: column nowrap;
-  }
-  .rbc-time-gutter,
-  .rbc-header-gutter {
-    -webkit-box-flex: 0;
-    -ms-flex: none;
-    flex: none;
-  }
-  .rbc-label {
-    padding: 0 5px;
-  }
-  .rbc-day-slot {
-    position: relative;
-  }
-  .rbc-day-slot .rbc-events-container {
-    bottom: 0;
-    left: 0;
-    position: absolute;
-    right: 0;
-    margin-right: 10px;
-    top: 0;
-  }
-  .rbc-day-slot .rbc-events-container.rbc-rtl {
-    left: 10px;
-    right: 0;
-  }
-  .rbc-day-slot .rbc-event,
-  .rbc-day-slot .rbc-background-event {
-    border: 1px solid #265985;
-    display: -webkit-box;
-    display: -ms-flexbox;
-    display: flex;
-    max-height: 100%;
-    min-height: 20px;
-    -webkit-box-orient: vertical;
-    -webkit-box-direction: normal;
-    -ms-flex-flow: column wrap;
-    flex-flow: column wrap;
-    -webkit-box-align: start;
-    -ms-flex-align: start;
-    align-items: flex-start;
-    overflow: hidden;
-    position: absolute;
-  }
-  .rbc-day-slot .rbc-background-event {
-    opacity: 0.75;
-  }
-  .rbc-day-slot .rbc-event-label {
-    -webkit-box-flex: 0;
-    -ms-flex: none;
-    flex: none;
-    padding-right: 5px;
-    width: auto;
-  }
-  .rbc-day-slot .rbc-event-content {
-    width: 100%;
-    -webkit-box-flex: 1;
-    -ms-flex: 1 1 0px;
-    flex: 1 1 0;
-    word-wrap: break-word;
-    line-height: 1;
-    height: 100%;
-    min-height: 1em;
-  }
-  .rbc-day-slot .rbc-time-slot {
-    border-top: 1px solid hsl(var(--border));
-  }
-  .rbc-time-view-resources .rbc-time-gutter,
-  .rbc-time-view-resources .rbc-time-header-gutter {
-    position: sticky;
-    left: 0;
-    background-color: white;
-    border-right: 1px solid hsl(var(--border));
-    z-index: 10;
-    margin-right: -1px;
-  }
-  .rbc-time-view-resources .rbc-time-header {
-    overflow: hidden;
-  }
-  .rbc-time-view-resources .rbc-time-header-content {
-    min-width: auto;
-    -webkit-box-flex: 1;
-    -ms-flex: 1 0 0px;
-    flex: 1 0 0;
-    -ms-flex-preferred-size: 0px;
-    flex-basis: 0px;
-  }
-  .rbc-time-view-resources .rbc-time-header-cell-single-day {
-    display: none;
-  }
-  .rbc-time-view-resources .rbc-day-slot {
-    min-width: 140px;
-  }
-  .rbc-time-view-resources .rbc-header,
-  .rbc-time-view-resources .rbc-day-bg {
-    width: 140px;
-    -webkit-box-flex: 1;
-    -ms-flex: 1 1 0px;
-    flex: 1 1 0;
-    -ms-flex-preferred-size: 0 px;
-    flex-basis: 0 px;
-  }
-  .rbc-time-header-content + .rbc-time-header-content {
-    margin-left: -1px;
-  }
-  .rbc-time-slot {
-    -webkit-box-flex: 1;
-    -ms-flex: 1 0 0px;
-    flex: 1 0 0;
-  }
-  .rbc-time-slot.rbc-now {
-    font-weight: bold;
-  }
-  .rbc-day-header {
-    text-align: center;
-  }
-  .rbc-slot-selection {
-    z-index: 10;
-    position: absolute;
-    background-color: rgba(0, 0, 0, 0.5);
-    color: white;
-    font-size: 75%;
-    width: 100%;
-    padding: 3px;
-  }
-  .rbc-slot-selecting {
-    cursor: move;
-  }
-  .rbc-time-view {
-    display: -webkit-box;
-    display: -ms-flexbox;
-    display: flex;
-    -webkit-box-orient: vertical;
-    -webkit-box-direction: normal;
-    -ms-flex-direction: column;
-    flex-direction: column;
-    -webkit-box-flex: 1;
-    -ms-flex: 1;
-    flex: 1;
-    width: 100%;
-    border: 1px solid hsl(var(--border));
-    min-height: 0;
-  }
-  .rbc-time-view .rbc-time-gutter {
-    white-space: nowrap;
-    text-align: right;
-  }
-  .rbc-time-view .rbc-allday-cell {
-    -webkit-box-sizing: content-box;
-    box-sizing: content-box;
-    width: 100%;
-    height: 100%;
-    position: relative;
-  }
-  .rbc-time-view .rbc-allday-cell + .rbc-allday-cell {
-    border-left: 1px solid hsl(var(--border));
-  }
-  .rbc-time-view .rbc-allday-events {
-    position: relative;
-    z-index: 4;
-  }
-  .rbc-time-view .rbc-row {
-    -webkit-box-sizing: border-box;
-    box-sizing: border-box;
-    min-height: 20px;
-  }
-  .rbc-time-header {
-    display: -webkit-box;
-    display: -ms-flexbox;
-    display: flex;
-    -webkit-box-flex: 0;
-    -ms-flex: 0 0 auto;
-    flex: 0 0 auto;
-    -webkit-box-orient: horizontal;
-    -webkit-box-direction: normal;
-    -ms-flex-direction: row;
-    flex-direction: row;
-  }
-  .rbc-time-header.rbc-overflowing {
-    border-right: 1px solid hsl(var(--border));
-  }
-  .rbc-rtl .rbc-time-header.rbc-overflowing {
-    border-right-width: 0;
-    border-left: 1px solid hsl(var(--border));
-  }
-  .rbc-time-header > .rbc-row:first-child {
-    border-bottom: 1px solid hsl(var(--border));
-  }
-  .rbc-time-header > .rbc-row.rbc-row-resource {
-    border-bottom: 1px solid hsl(var(--border));
-  }
-  .rbc-time-header-cell-single-day {
-    display: none;
-  }
-  .rbc-time-header-content {
-    -webkit-box-flex: 1;
-    -ms-flex: 1;
-    flex: 1;
-    display: -webkit-box;
-    display: -ms-flexbox;
-    display: flex;
-    min-width: 0;
-    -webkit-box-orient: vertical;
-    -webkit-box-direction: normal;
-    -ms-flex-direction: column;
-    flex-direction: column;
-    border-left: 1px solid hsl(var(--border));
-  }
-  .rbc-rtl .rbc-time-header-content {
-    border-left-width: 0;
-    border-right: 1px solid hsl(var(--border));
-  }
-  .rbc-time-header-content > .rbc-row.rbc-row-resource {
-    border-bottom: 1px solid hsl(var(--border));
-    -ms-flex-negative: 0;
-    flex-shrink: 0;
-  }
-  .rbc-time-content {
-    display: -webkit-box;
-    display: -ms-flexbox;
-    display: flex;
-    -webkit-box-flex: 1;
-    -ms-flex: 1 0 0%;
-    flex: 1 0 0%;
-    -webkit-box-align: start;
-    -ms-flex-align: start;
-    align-items: flex-start;
-    width: 100%;
-    border-top: 2px solid hsl(var(--border));
-    overflow-y: auto;
-    position: relative;
-  }
-  .rbc-time-content > .rbc-time-gutter {
-    -webkit-box-flex: 0;
-    -ms-flex: none;
-    flex: none;
-  }
-  .rbc-time-content > * + * > * {
-    border-left: 1px solid hsl(var(--border));
-  }
-  .rbc-rtl .rbc-time-content > * + * > * {
-    border-left-width: 0;
-    border-right: 1px solid hsl(var(--border));
-  }
-  .rbc-time-content > .rbc-day-slot {
-    width: 100%;
-    -moz-user-select: none;
-    -ms-user-select: none;
-    user-select: none;
-    -webkit-user-select: none;
-  }
-  .rbc-current-time-indicator {
-    position: absolute;
-    z-index: 3;
-    left: 0;
-    right: 0;
-    height: 1px;
-    background-color: #74ad31;
-    pointer-events: none;
-  }
-  .rbc-resource-grouping.rbc-time-header-content {
-    display: -webkit-box;
-    display: -ms-flexbox;
-    display: flex;
-    -webkit-box-orient: vertical;
-    -webkit-box-direction: normal;
-    -ms-flex-direction: column;
-    flex-direction: column;
-  }
-  .rbc-resource-grouping .rbc-row .rbc-header {
-    width: 141px;
-  }
 }
 @property --tw-translate-x {
   syntax: "*";

package/dist/utils/session/cookieSession.js

@@ -4,13 +4,13 @@ const cookiePrefix = "ikoncloud_next_";
 export async function setCookieSession(sessionName, data, options) {
     const cookieStore = await cookies();
     cookieStore.set(cookiePrefix + sessionName, data, {
-        httpOnly: false,
+        httpOnly: true,
         sameSite: "lax",
         secure: process.env.NODE_ENV === "production",
         path: "/",
         domain: process.env.NEXT_PUBLIC_COOKIE_DOMAIN,
         expires: options === null || options === void 0 ? void 0 : options.expires,
-        maxAge: options === null || options === void 0 ? void 0 : options.maxAge
+        maxAge: options === null || options === void 0 ? void 0 : options.maxAge,
     });
 }
 export async function getCookieSession(sessionName) {

package/dist/utils/token-management/index.d.ts

@@ -1,7 +1,9 @@
-export interface AccessTokenOptionsProps {
+interface AccessTokenOptionsProps {
     isNotLogOutWhenExpire?: boolean;
     isSetToken?: boolean;
 }
 export declare function getValidAccessToken(options?: AccessTokenOptionsProps): Promise<string | null>;
 export declare function refreshAccessToken(refreshToken: string, isSetToken?: boolean): Promise<string | null>;
+export declare function decodeAccessToken(): Promise<import("jwt-decode").JwtPayload | null>;
 export declare function logOut(): Promise<void>;
+export {};

package/dist/utils/token-management/index.js

@@ -1,82 +1,69 @@
 "use server";
 import { redirect } from "next/navigation";
 import { clearAllCookieSession, getCookieSession, setCookieSession, } from "../session/cookieSession";
+import { jwtDecode } from "jwt-decode";
+// Prevent multiple refresh calls at once
+let refreshPromise = null;
 export async function getValidAccessToken(options) {
     const accessToken = await getCookieSession("accessToken");
+    console.log("Access Token....:");
     const refreshToken = await getCookieSession("refreshToken");
-    if (accessToken) {
+    console.log("Refresh Token...");
+    console.log("Before Return Access Token:...............................................");
+    if (accessToken)
         return accessToken;
-    }
+    console.log("After Return Access Token:...............................................");
     if (refreshToken) {
-        // Refresh token is valid, call the refresh token API
-        const newAccessToken = await refreshAccessToken(refreshToken, options === null || options === void 0 ? void 0 : options.isSetToken);
-        if (newAccessToken) {
-            return newAccessToken; // Return the new access token
+        console.log("Refreshing access token using refresh token...", refreshToken);
+        if (!refreshPromise) {
+            refreshPromise = refreshAccessToken(refreshToken, true);
+            refreshPromise.finally(() => (refreshPromise = null));
         }
+        return await refreshPromise;
     }
     if (!(options === null || options === void 0 ? void 0 : options.isNotLogOutWhenExpire)) {
         await logOut();
     }
-    // If both tokens are invalid, return null
     return null;
 }
 export async function refreshAccessToken(refreshToken, isSetToken) {
     try {
-        // Replace this with your actual API call to refresh the token
-        const response = await fetch(`${process.env.IKON_API_URL}/platform/auth/refresh-token`, {
+        console.log("Refreshing access token...");
+        const response = await fetch(`https://ikoncloud-dev.keross.com/ikon-api/platform/auth/refresh-token`, {
             method: "POST",
-            headers: {
-                "Content-Type": "application/json",
-            },
+            credentials: "include",
+            headers: { "Content-Type": "application/json" },
             body: JSON.stringify({ refreshToken }),
         });
-        if (response.ok) {
-            const data = await response.json();
-            const { accessToken, refreshToken, expiresIn, refreshExpiresIn, } = data;
-            if (isSetToken) {
-                try {
-                    await setCookieSession("accessToken", accessToken, {
-                        maxAge: expiresIn,
-                    });
-                    await setCookieSession("refreshToken", refreshToken, {
-                        maxAge: refreshExpiresIn,
-                    });
-                }
-                catch (error) {
-                    console.error(error);
-                }
-            }
-            // const headerList = headers();
-            // const protocol = (await headerList).get("x-forwarded-proto") || "http";
-            // const hostname = (await headerList).get("host") || "localhost:3000";
-            // const host = `${protocol}://${hostname}`;
-            // // Save the new access token and its expiration time
-            // try {
-            //   const res = await fetch(`${host}/api/auth/set-token`, {
-            //     method: "POST",
-            //     headers: {
-            //       "Content-Type": "application/json",
-            //     },
-            //     body: JSON.stringify(tokenData),
-            //     credentials: "include", // Include credentials to send cookies
-            //   });
-            //   if (res.ok) {
-            //     console.log("Token updated successfully");
-            //   } else {
-            //     console.error("Failed to update token");
-            //   }
-            // } catch (error) {
-            //   console.error("Error updating token:", error);
-            // }
-            return accessToken;
+        console.log("Refresh Token API Response:", response.status);
+        if (!response.ok)
+            return null;
+        const { accessToken, refreshToken: newRefreshToken, expiresIn, refreshExpiresIn, } = await response.json();
+        //  Always set new access token
+        await setCookieSession("accessToken", accessToken, {
+            maxAge: expiresIn,
+        });
+        //  IMPORTANT: Save the rotated refresh token
+        if (newRefreshToken) {
+            await setCookieSession("refreshToken", newRefreshToken, {
+                maxAge: refreshExpiresIn,
+            });
+            console.log("Refresh token rotated & updated.");
         }
+        console.log(" Access token refreshed successfully.");
+        return accessToken;
     }
     catch (error) {
         console.error("Failed to refresh access token:", error);
+        return null;
     }
-    return null;
+}
+export async function decodeAccessToken() {
+    const accessToken = await getValidAccessToken();
+    return accessToken ? jwtDecode(accessToken) : null;
 }
 export async function logOut() {
     await clearAllCookieSession();
+    console.log("Logging out...");
     redirect("/login.html");
 }

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "ikoncomponents",
-  "version": "1.3.1",
+  "version": "1.3.3",
   "main": "dist/index.js",
   "types": "dist/index.d.ts",
   "css": "dist/styles.css",