ikoncomponents 1.3.5 → 1.3.7

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/app-breadcrumb/BreadcrumbProvider.d.ts

@@ -8,6 +8,8 @@ interface BreadcrumbContextType {
     breadcrumbItems: BreadcrumbItemProps[];
     addBreadcrumb: (item: BreadcrumbItemProps) => void;
     backBreadcrumb: (item: BreadcrumbItemProps) => void;
+    addBreadcrumbItems: (items: BreadcrumbItemProps[], isReplace?: boolean) => void;
+    clearBreadcrumb: () => void;
 }
 export declare function BreadcrumbProvider({ children }: {
     children: ReactNode;

package/dist/ikoncomponents/app-breadcrumb/BreadcrumbProvider.js

@@ -13,6 +13,14 @@ export function BreadcrumbProvider({ children }) {
             return [...filterState, item];
         });
     };
+    const addBreadcrumbItems = (items, isReplace) => {
+        if (isReplace) {
+            setBreadcrumbItems(items);
+        }
+        else {
+            setBreadcrumbItems((prevItems) => [...prevItems, ...items]);
+        }
+    };
     // Function to go back in the breadcrumb
     const backBreadcrumb = (item) => {
         setBreadcrumbItems((prevItems) => {
@@ -20,7 +28,10 @@ export function BreadcrumbProvider({ children }) {
             return [...filterState];
         });
     };
-    return (_jsx(BreadcrumbContext.Provider, { value: { breadcrumbItems, addBreadcrumb, backBreadcrumb }, children: children }));
+    const clearBreadcrumb = () => {
+        setBreadcrumbItems([]);
+    };
+    return (_jsx(BreadcrumbContext.Provider, { value: { breadcrumbItems, addBreadcrumb, backBreadcrumb, addBreadcrumbItems, clearBreadcrumb }, children: children }));
 }
 // Custom hook to use the BreadcrumbContext
 export function useBreadcrumb() {

package/dist/ikoncomponents/main-layout/SidebarNavContext.d.ts

@@ -12,14 +12,20 @@ export interface SidebarNavItem {
     isActive?: boolean;
     default?: boolean;
     items?: SidebarNavSubItem[];
+    header?: ReactNode;
+    footer?: ReactNode;
 }
 export interface SidebarNavContextType {
     navItems: SidebarNavItem[];
+    header: ReactNode | null;
+    footer: ReactNode | null;
     setNavItems: (items: SidebarNavItem[]) => void;
     addNavItem: (item: SidebarNavItem) => void;
     removeNavItem: (title: string) => void;
     updateNavItem: (title: string, updates: Partial<SidebarNavItem>) => void;
     clearNavItems: () => void;
+    setSidebarHeader: (header: ReactNode) => void;
+    setSidebarFooter: (footer: ReactNode) => void;
 }
 export declare function SidebarNavProvider({ children }: {
     children: ReactNode;

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

@@ -4,6 +4,8 @@ import { createContext, useContext, useState } from 'react';
 const SidebarNavContext = createContext(undefined);
 export function SidebarNavProvider({ children }) {
     const [navItems, setNavItems] = useState([]);
+    const [header, setHeader] = useState(null);
+    const [footer, setFooter] = useState(null);
     const addNavItem = (item) => {
         setNavItems((prevItems) => {
             const exists = prevItems.some((navItem) => navItem.title === item.title);
@@ -19,16 +21,26 @@ export function SidebarNavProvider({ children }) {
     const updateNavItem = (title, updates) => {
         setNavItems((prevItems) => prevItems.map((item) => item.title === title ? Object.assign(Object.assign({}, item), updates) : item));
     };
+    const setSidebarHeader = (header) => {
+        setHeader(header);
+    };
+    const setSidebarFooter = (footer) => {
+        setFooter(footer);
+    };
     const clearNavItems = () => {
         setNavItems([]);
     };
     return (_jsx(SidebarNavContext.Provider, { value: {
             navItems,
+            header,
+            footer,
             setNavItems,
             addNavItem,
             removeNavItem,
             updateNavItem,
             clearNavItems,
+            setSidebarHeader,
+            setSidebarFooter,
         }, children: children }));
 }
 export function useSidebarNav() {

package/dist/ikoncomponents/main-layout/app-sidebar.js

@@ -11,14 +11,14 @@ var __rest = (this && this.__rest) || function (s, e) {
     return t;
 };
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import { Sidebar, SidebarContent, SidebarFooter, SidebarRail, } from "../../shadcn/sidebar";
+import { Sidebar, SidebarContent, SidebarFooter, SidebarHeader, SidebarRail, } from "../../shadcn/sidebar";
 import { NavMain } from "./nav-main";
 import { useSidebarNav } from "./SidebarNavContext";
 export function AppSidebar(_a) {
     var props = __rest(_a, []);
-    const { navItems } = useSidebarNav();
+    const { navItems, header, footer } = useSidebarNav();
     if (!navItems || navItems.length === 0) {
         return null;
     }
-    return (_jsxs(Sidebar, Object.assign({ className: "ml-12", collapsible: "offcanvas" }, props, { children: [_jsx(SidebarContent, { children: _jsx(NavMain, {}) }), _jsx(SidebarFooter, {}), _jsx(SidebarRail, {})] })));
+    return (_jsxs(Sidebar, Object.assign({ className: "ml-12", collapsible: "offcanvas" }, props, { children: [header && _jsx(SidebarHeader, { children: header }), _jsx(SidebarContent, { children: _jsx(NavMain, {}) }), footer && _jsx(SidebarFooter, { children: footer }), _jsx(SidebarRail, {})] })));
 }

package/dist/ikoncomponents/main-layout/header.d.ts

@@ -1 +1,3 @@
-export declare function Header(): import("react/jsx-runtime").JSX.Element;
+export declare function Header({ platformUrl }: {
+    platformUrl: string;
+}): import("react/jsx-runtime").JSX.Element;

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

@@ -7,9 +7,9 @@ import { Bell, Play } from "lucide-react";
 import { IconButtonWithTooltip, IconTextButton } from "../buttons";
 import { useSidebarNav } from "./SidebarNavContext";
 import Link from "next/link";
-export function Header() {
+export function Header({ platformUrl }) {
     const { navItems } = useSidebarNav();
     return (_jsx("header", { className: "ml-12 flex h-12 border-b shrink-0 items-center gap-2 transition-[width,height] ease-linear group-has-data-[collapsible=icon]/sidebar-wrapper:h-12", children: _jsxs("div", { className: "flex items-center justify-between gap-2 px-4 w-full", children: [_jsxs("div", { className: "flex items-center gap-2", children: [(!navItems || navItems.length === 0) ? _jsx("div", {}) : _jsx(SidebarTrigger, { className: "-ml-1" }), (!navItems || navItems.length === 0) ?
                             _jsx("div", {}) :
-                            _jsx(Separator, { orientation: "vertical", className: "mr-2 data-[orientation=vertical]:h-4" }), _jsx(AppBreadcrumb, {})] }), _jsxs("div", { className: "ml-auto flex gap-4", children: [_jsx(IconButtonWithTooltip, { className: "px-2!", tooltipContent: "Notifications", children: _jsx(Bell, {}) }), _jsx(ThemeToggleBtn, {}), _jsx(Link, { href: "/app-store", children: _jsxs(IconTextButton, { variant: "default", children: [_jsx(Play, {}), "App Store"] }) })] })] }) }));
+                            _jsx(Separator, { orientation: "vertical", className: "mr-2 data-[orientation=vertical]:h-4" }), _jsx(AppBreadcrumb, {})] }), _jsxs("div", { className: "ml-auto flex gap-4", children: [_jsx(IconButtonWithTooltip, { className: "px-2!", tooltipContent: "Notifications", children: _jsx(Bell, {}) }), _jsx(ThemeToggleBtn, {}), _jsx(Link, { href: `${platformUrl}/app-store`, children: _jsxs(IconTextButton, { variant: "default", children: [_jsx(Play, {}), "App Store"] }) })] })] }) }));
 }

package/dist/ikoncomponents/main-layout/index.d.ts

@@ -1,5 +1,6 @@
 import { ReactNode } from 'react';
-export declare function MainLayout({ children, baseUrl }: {
+export declare function MainLayout({ children, baseUrl, platformUrl }: {
     children: ReactNode;
     baseUrl: string;
+    platformUrl: string;
 }): import("react/jsx-runtime").JSX.Element;

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

@@ -6,6 +6,6 @@ import { AppSidebar } from './app-sidebar';
 import { Header } from './header';
 import { Footer } from './footer';
 import { SidebarNavProvider } from './SidebarNavContext';
-export function MainLayout({ children, baseUrl }) {
-    return (_jsxs(_Fragment, { children: [_jsx(MainSidebar, { baseUrl: baseUrl }), _jsx(SidebarProvider, { children: _jsx(DialogProvider, { children: _jsxs(SidebarNavProvider, { children: [_jsx(AppSidebar, {}), _jsxs(SidebarInset, { className: "flex flex-col h-screen", children: [_jsx(Header, {}), _jsx("div", { className: "flex flex-col gap-4 p-4 pt-0 ml-12 grow overflow-auto scrollbar-hidden", children: children }), _jsx(Footer, {})] })] }) }) })] }));
+export function MainLayout({ children, baseUrl, platformUrl }) {
+    return (_jsxs(_Fragment, { children: [_jsx(MainSidebar, { baseUrl: baseUrl, platformUrl: platformUrl }), _jsx(SidebarProvider, { children: _jsx(DialogProvider, { children: _jsxs(SidebarNavProvider, { children: [_jsx(AppSidebar, {}), _jsxs(SidebarInset, { className: "flex flex-col h-screen", children: [_jsx(Header, { platformUrl: platformUrl }), _jsx("div", { className: "flex flex-col gap-4 p-4 pt-0 ml-12 grow overflow-auto scrollbar-hidden", children: children }), _jsx(Footer, {})] })] }) }) })] }));
 }

package/dist/ikoncomponents/main-layout/main-sidebar.d.ts

@@ -49,6 +49,7 @@ export interface DecodedAccessToken {
     iat: number;
     exp: number;
 }
-export declare const MainSidebar: ({ baseUrl }: {
+export declare const MainSidebar: ({ baseUrl, platformUrl }: {
     baseUrl: string;
+    platformUrl: string;
 }) => import("react/jsx-runtime").JSX.Element;

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

@@ -12,7 +12,7 @@ import { redirect } from 'next/navigation';
 import Link from 'next/link';
 import { jwtDecode } from "jwt-decode";
 import { Icon } from '../icon';
-export const MainSidebar = ({ baseUrl }) => {
+export const MainSidebar = ({ baseUrl, platformUrl }) => {
     const [user, setUser] = React.useState();
     const [accounts, setAccounts] = React.useState([]);
     const [selectedAccount, setSelectedAccount] = React.useState();
@@ -34,7 +34,10 @@ export const MainSidebar = ({ baseUrl }) => {
     React.useEffect(() => {
         const fetchUser = async () => {
             try {
-                const accessToken = await getValidAccessToken();
+                const accessToken = await getValidAccessToken(baseUrl, {
+                    platformUrl: platformUrl,
+                    isSetToken: true
+                });
                 const decoded = jwtDecode(accessToken !== null && accessToken !== void 0 ? accessToken : '');
                 const response = await axios.get(`${baseUrl}/platform/user/${decoded.sub}`, {
                     headers: {
@@ -49,7 +52,10 @@ export const MainSidebar = ({ baseUrl }) => {
         };
         const fetchAccounts = async () => {
             try {
-                const accessToken = await getValidAccessToken();
+                const accessToken = await getValidAccessToken(baseUrl, {
+                    platformUrl: platformUrl,
+                    isSetToken: true
+                });
                 const response = await axios.get(`${baseUrl}/platform/account/all`, {
                     headers: {
                         Authorization: `Bearer ${accessToken}`,
@@ -64,7 +70,10 @@ export const MainSidebar = ({ baseUrl }) => {
         };
         const fetchSubscribedSoftwares = async () => {
             try {
-                const accessToken = await getValidAccessToken();
+                const accessToken = await getValidAccessToken(baseUrl, {
+                    platformUrl: platformUrl,
+                    isSetToken: true
+                });
                 const response = await axios.get(`${baseUrl}/platform/software/accessible/user`, {
                     headers: {
                         Authorization: `Bearer ${accessToken}`,
@@ -80,14 +89,45 @@ export const MainSidebar = ({ baseUrl }) => {
         fetchSubscribedSoftwares();
         fetchUser();
     }, []);
-    return (_jsx(TooltipProvider, { delayDuration: 0, children: _jsxs("aside", { className: "fixed left-0 top-0 z-20 h-screen w-12 border-r border-border bg-sidebar text-sidebar-foreground flex flex-col items-center py-4 ", children: [_jsxs(DropdownMenu, { children: [_jsx(DropdownMenuTrigger, { asChild: true, children: _jsx(Button, { variant: "default", className: "mb-4 h-8 w-8 rounded-lg p-0", disabled: !selectedAccount, children: _jsx("span", { className: "text-base font-medium text-accent-foreground", children: selectedAccount ? getInitials(selectedAccount.accountName) : '...' }) }) }), _jsxs(DropdownMenuContent, { className: "w-55", side: "right", sideOffset: 8, align: "start", children: [_jsx("div", { className: "px-2 py-1.5 text-xs font-semibold text-foreground", children: "Accounts" }), accounts.map((account) => (_jsxs(DropdownMenuItem, { className: "flex items-center justify-between cursor-pointer", onClick: () => {
-                                        setSelectedAccount(account);
-                                    }, children: [_jsxs("div", { className: "flex items-center gap-2", children: [_jsx("div", { className: "h-6 w-6 rounded bg-primary/10 flex items-center justify-center", children: _jsx("span", { className: "text-xs font-medium text-primary", children: getInitials(account.accountName) }) }), _jsx("span", { className: "text-sm", children: account.accountName })] }), (selectedAccount === null || selectedAccount === void 0 ? void 0 : selectedAccount.accountId) === account.accountId && (_jsx(Check, { className: "h-4 w-4 text-primary" }))] }, account.accountId)))] })] }), _jsx("nav", { className: "flex flex-col gap-1", children: _jsxs(Tooltip, { children: [_jsx(TooltipTrigger, { asChild: true, className: 'h-8 w-8', children: _jsx(Button, { variant: "ghost", size: "icon", className: "h-10 w-10", asChild: true, children: _jsxs(Link, { href: "/home", children: [_jsx(Home, { className: "h-8 w-8" }), _jsx("span", { className: "sr-only", children: "Home" })] }) }) }), _jsx(TooltipContent, { side: "right", sideOffset: 5, children: "Home" })] }, "home") }), _jsx("nav", { className: "flex flex-col gap-1 flex-1", children: softwares.map((software) => {
+    const switchAccount = async (accountId, baseUrl) => {
+        try {
+            const accessToken = await getValidAccessToken(baseUrl, {
+                platformUrl: platformUrl,
+                isSetToken: true
+            });
+            const response = await axios.post(`${baseUrl}/platform/auth/switch-account`, {
+                targetAccountId: accountId,
+            }, {
+                headers: {
+                    Authorization: `Bearer ${accessToken}`,
+                },
+                withCredentials: true,
+            });
+            console.log(response);
+            return response.data;
+        }
+        catch (error) {
+            console.error(error);
+            throw error;
+        }
+    };
+    return (_jsx(TooltipProvider, { delayDuration: 0, children: _jsxs("aside", { className: "fixed left-0 top-0 z-20 h-screen w-12 border-r border-border bg-sidebar text-sidebar-foreground flex flex-col items-center py-4 ", children: [_jsxs(DropdownMenu, { children: [_jsx(DropdownMenuTrigger, { asChild: true, children: _jsx(Button, { variant: "default", className: "mb-4 h-8 w-8 rounded-lg p-0", disabled: !selectedAccount, children: _jsx("span", { className: "text-base font-medium text-accent-foreground", children: selectedAccount ? getInitials(selectedAccount.accountName) : '...' }) }) }), _jsxs(DropdownMenuContent, { className: "w-55", side: "right", sideOffset: 8, align: "start", children: [_jsx("div", { className: "px-2 py-1.5 text-xs font-semibold text-foreground", children: "Accounts" }), accounts.map((account) => (_jsxs(DropdownMenuItem, { className: "flex items-center justify-between cursor-pointer", onClick: async () => {
+                                        try {
+                                            setSelectedAccount(account);
+                                            console.log(account.accountId);
+                                            const res = await switchAccount(account.accountId, baseUrl); // Pass baseUrl
+                                            console.log(res);
+                                            window.location.reload(); // Reload to apply new account context
+                                        }
+                                        catch (error) {
+                                            console.error("Switch account failed", error);
+                                        }
+                                    }, children: [_jsxs("div", { className: "flex items-center gap-2", children: [_jsx("div", { className: "h-6 w-6 rounded bg-primary/10 flex items-center justify-center", children: _jsx("span", { className: "text-xs font-medium text-primary", children: getInitials(account.accountName) }) }), _jsx("span", { className: "text-sm", children: account.accountName })] }), (selectedAccount === null || selectedAccount === void 0 ? void 0 : selectedAccount.accountId) === account.accountId && (_jsx(Check, { className: "h-4 w-4 text-primary" }))] }, account.accountId)))] })] }), _jsx("nav", { className: "flex flex-col gap-1", children: _jsxs(Tooltip, { children: [_jsx(TooltipTrigger, { asChild: true, className: 'h-8 w-8', children: _jsx(Button, { variant: "ghost", size: "icon", className: "h-10 w-10", asChild: true, children: _jsxs(Link, { href: `${platformUrl}/home`, children: [_jsx(Home, { className: "h-8 w-8" }), _jsx("span", { className: "sr-only", children: "Home" })] }) }) }), _jsx(TooltipContent, { side: "right", sideOffset: 5, children: "Home" })] }, "home") }), _jsx("nav", { className: "flex flex-col gap-1 flex-1", children: softwares.map((software) => {
                         var _a, _b;
                         const hasIcon = Boolean(software.icon && software.icon.trim() !== "");
                         return (_jsxs(Tooltip, { children: [_jsx(TooltipTrigger, { asChild: true, className: "h-8 w-8", children: _jsx(Button, { variant: "ghost", size: "icon", className: "h-10 w-10", asChild: true, children: _jsxs(Link, { href: (_a = software.url) !== null && _a !== void 0 ? _a : "#", children: [hasIcon ? (_jsx(Icon, { name: toPascalCase((_b = software.icon) !== null && _b !== void 0 ? _b : ''), className: "h-8 w-8" })) : (_jsx(FolderCode, { className: "h-8 w-8" })), _jsx("span", { className: "sr-only", children: software.softwareName })] }) }) }), _jsx(TooltipContent, { side: "right", sideOffset: 5, children: software.softwareName })] }, software.softwareName));
-                    }) }), _jsxs(Tooltip, { children: [_jsx(TooltipTrigger, { asChild: true, className: 'h-8 w-8', children: _jsx(Button, { variant: "ghost", className: "h-10 w-10", asChild: true, children: _jsxs(Link, { href: "/settings", children: [_jsx(Settings, { className: "h-8 w-8" }), _jsx("span", { className: "sr-only", children: "Settings" })] }) }) }), _jsx(TooltipContent, { side: "right", sideOffset: 5, children: "Settings" })] }, "settings"), _jsxs(DropdownMenu, { children: [_jsx(DropdownMenuTrigger, { asChild: true, children: _jsx(Button, { variant: "ghost", size: "icon", className: "h-10 w-10", children: _jsx(CircleUserRound, { className: "h-8 w-8" }) }) }), _jsxs(DropdownMenuContent, { className: "w-55 p-0", side: 'right', sideOffset: 8, children: [_jsxs("div", { className: "flex items-start gap-3 p-4 bg-card", children: [_jsx(CircleUserRound, { className: "h-8 w-8" }), _jsxs("div", { className: "flex flex-col gap-0.5 flex-1 min-w-0", children: [_jsx("p", { className: "text-sm font-bold text-foreground blue-dark:text-muted-foreground truncate", children: user === null || user === void 0 ? void 0 : user.userName }), _jsx("p", { className: "text-xs text-muted-foreground truncate", children: user === null || user === void 0 ? void 0 : user.userEmail }), _jsx("p", { className: "text-sm text-muted-foreground font-semibold", children: selectedAccount === null || selectedAccount === void 0 ? void 0 : selectedAccount.accountName })] })] }), _jsx(DropdownMenuSeparator, { className: "my-0" }), _jsxs(DropdownMenuItem, { onClick: async () => {
+                    }) }), _jsxs(Tooltip, { children: [_jsx(TooltipTrigger, { asChild: true, className: 'h-8 w-8', children: _jsx(Button, { variant: "ghost", className: "h-10 w-10", asChild: true, children: _jsxs(Link, { href: `${platformUrl}/settings`, children: [_jsx(Settings, { className: "h-8 w-8" }), _jsx("span", { className: "sr-only", children: "Settings" })] }) }) }), _jsx(TooltipContent, { side: "right", sideOffset: 5, children: "Settings" })] }, "settings"), _jsxs(DropdownMenu, { children: [_jsx(DropdownMenuTrigger, { asChild: true, children: _jsx(Button, { variant: "ghost", size: "icon", className: "h-10 w-10", children: _jsx(CircleUserRound, { className: "h-8 w-8" }) }) }), _jsxs(DropdownMenuContent, { className: "w-55 p-0", side: 'right', sideOffset: 8, children: [_jsxs("div", { className: "flex items-start gap-3 p-4 bg-card", children: [_jsx(CircleUserRound, { className: "h-8 w-8" }), _jsxs("div", { className: "flex flex-col gap-0.5 flex-1 min-w-0", children: [_jsx("p", { className: "text-sm font-bold text-foreground blue-dark:text-muted-foreground truncate", children: user === null || user === void 0 ? void 0 : user.userName }), _jsx("p", { className: "text-xs text-muted-foreground truncate", children: user === null || user === void 0 ? void 0 : user.userEmail }), _jsx("p", { className: "text-sm text-muted-foreground font-semibold", children: selectedAccount === null || selectedAccount === void 0 ? void 0 : selectedAccount.accountName })] })] }), _jsx(DropdownMenuSeparator, { className: "my-0" }), _jsxs(DropdownMenuItem, { onClick: async () => {
                                         await clearAllCookieSession();
-                                        redirect("/login.html");
+                                        redirect(`${platformUrl}/login.html`);
                                     }, className: "flex items-center gap-2 px-4 py-3 cursor-pointer focus:bg-destructive dark:focus:bg-destructive blue-dark:focus:bg-destructive", children: [_jsx(LogOut, { className: "h-4 w-4 text-foreground" }), _jsx("span", { children: "Log out" })] })] })] })] }) }));
 };

package/dist/ikoncomponents/main-layout/nav-main.d.ts

@@ -1,7 +1,10 @@
+import { ReactNode } from "react";
 import { SidebarNavItem } from "./SidebarNavContext";
 export declare function NavMain(): import("react/jsx-runtime").JSX.Element;
-export declare function RenderSidebarNav({ items }: {
+export declare function RenderSidebarNav({ items, sidebarHeader, sidebarFooter }: {
     items: SidebarNavItem[];
+    sidebarHeader?: ReactNode;
+    sidebarFooter?: ReactNode;
 }): null;
 export declare function AddSidebarNav({ item }: {
     item: SidebarNavItem;

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

@@ -1,6 +1,6 @@
 "use client";
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import { useEffect } from "react";
+import { useEffect, } from "react";
 import { ChevronRight } from "lucide-react";
 import { SidebarGroup, SidebarMenu, SidebarMenuButton, SidebarMenuItem, SidebarMenuSub, SidebarMenuSubButton, SidebarMenuSubItem } from "../../shadcn/sidebar";
 import { Collapsible, CollapsibleContent, CollapsibleTrigger } from "../../shadcn/collapsible";
@@ -14,11 +14,13 @@ export function NavMain() {
     return (_jsx(SidebarGroup, { children: _jsx(SidebarMenu, { children: navItems.map((item) => item.items && item.items.length > 0 ? (_jsx(Collapsible, { asChild: true, defaultOpen: item.isActive, className: "group/collapsible", children: _jsxs(SidebarMenuItem, { children: [_jsx(CollapsibleTrigger, { asChild: true, children: _jsxs(SidebarMenuButton, { tooltip: item.title, children: [item.icon && _jsx(item.icon, {}), _jsx("span", { children: item.title }), _jsx(ChevronRight, { className: "ml-auto transition-transform duration-200 group-data-[state=open]/collapsible:rotate-90" })] }) }), _jsx(CollapsibleContent, { children: _jsx(SidebarMenuSub, { children: item.items.map((subItem) => (_jsx(SidebarMenuSubItem, { children: _jsx(SidebarMenuSubButton, { asChild: true, children: _jsx(Link, { href: subItem.url, children: _jsx("span", { children: subItem.title }) }) }) }, subItem.title))) }) })] }) }, item.title)) : (_jsx(SidebarMenuItem, { children: _jsx(SidebarMenuButton, { asChild: true, tooltip: item.title, children: _jsxs(Link, { href: item.url, className: "flex items-center gap-2 w-full", children: [item.icon && _jsx(item.icon, {}), _jsx("span", { children: item.title })] }) }) }, item.title))) }) }));
 }
 // Helper component to set nav items from pages
-export function RenderSidebarNav({ items }) {
-    const { setNavItems } = useSidebarNav();
+export function RenderSidebarNav({ items, sidebarHeader, sidebarFooter }) {
+    const { setNavItems, setSidebarHeader, setSidebarFooter } = useSidebarNav();
     useEffect(() => {
         setNavItems(items);
-    }, [items, setNavItems]);
+        setSidebarHeader(sidebarHeader);
+        setSidebarFooter(sidebarFooter);
+    }, [items, sidebarHeader, sidebarFooter, setNavItems, setSidebarHeader, setSidebarFooter]);
     return null;
 }
 // Helper component to add a single nav item

package/dist/ikoncomponents/provider-wrapper/index.d.ts

@@ -1,5 +1,6 @@
 import React from "react";
-export declare function ProviderWrapper({ children, baseUrl }: {
+export declare function ProviderWrapper({ children, baseUrl, platformUrl }: {
     children: React.ReactNode;
     baseUrl: string;
+    platformUrl: string;
 }): import("react/jsx-runtime").JSX.Element;

package/dist/ikoncomponents/provider-wrapper/index.js

@@ -5,6 +5,6 @@ import { FontProvider } from "../../utils/font-provider";
 import { RadiusProvider } from "../../utils/border-radius-provider";
 import { BreadcrumbProvider } from "../app-breadcrumb/BreadcrumbProvider";
 import { MainLayout } from "../main-layout";
-export function ProviderWrapper({ children, baseUrl }) {
-    return (_jsx(ThemeProvider, { attribute: "class", defaultTheme: "system", enableSystem: true, children: _jsx(FontProvider, { children: _jsx(RadiusProvider, { children: _jsx(BreadcrumbProvider, { children: _jsx(MainLayout, { baseUrl: baseUrl, children: children }) }) }) }) }));
+export function ProviderWrapper({ children, baseUrl, platformUrl }) {
+    return (_jsx(ThemeProvider, { attribute: "class", defaultTheme: "system", enableSystem: true, children: _jsx(FontProvider, { children: _jsx(RadiusProvider, { children: _jsx(BreadcrumbProvider, { children: _jsx(MainLayout, { baseUrl: baseUrl, platformUrl: platformUrl, children: children }) }) }) }) }));
 }

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";

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";

package/dist/shadcn/table.js

@@ -14,7 +14,7 @@ import { jsx as _jsx } from "react/jsx-runtime";
 import { cn } from "../utils/cn";
 function Table(_a) {
     var { className } = _a, props = __rest(_a, ["className"]);
-    return (_jsx("div", { "data-slot": "table-container", className: "relative w-full overflow-x-auto", children: _jsx("table", Object.assign({ "data-slot": "table", className: cn("w-full caption-bottom text-sm", className) }, props)) }));
+    return (_jsx("div", { "data-slot": "table-container", className: "h-full relative w-full overflow-auto", children: _jsx("table", Object.assign({ "data-slot": "table", className: cn("w-full caption-bottom text-sm", className) }, props)) }));
 }
 function TableHeader(_a) {
     var { className } = _a, props = __rest(_a, ["className"]);

package/dist/styles.css

@@ -1099,9 +1099,6 @@
   .overflow-hidden {
     overflow: hidden;
   }
-  .overflow-x-auto {
-    overflow-x: auto;
-  }
   .overflow-x-hidden {
     overflow-x: hidden;
   }

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

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

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

@@ -4,7 +4,7 @@ import { clearAllCookieSession, getCookieSession, setCookieSession, } from "../s
 import { jwtDecode } from "jwt-decode";
 // Prevent multiple refresh calls at once
 let refreshPromise = null;
-export async function getValidAccessToken(options) {
+export async function getValidAccessToken(baseUrl, options) {
     const accessToken = await getCookieSession("accessToken");
     console.log("Access Token....:");
     const refreshToken = await getCookieSession("refreshToken");
@@ -16,20 +16,20 @@ export async function getValidAccessToken(options) {
     if (refreshToken) {
         console.log("Refreshing access token using refresh token...", refreshToken);
         if (!refreshPromise) {
-            refreshPromise = refreshAccessToken(refreshToken, true);
+            refreshPromise = refreshAccessToken(refreshToken, baseUrl, options === null || options === void 0 ? void 0 : options.isSetToken);
             refreshPromise.finally(() => (refreshPromise = null));
         }
         return await refreshPromise;
     }
-    if (!(options === null || options === void 0 ? void 0 : options.isNotLogOutWhenExpire)) {
-        await logOut();
+    if (!(options === null || options === void 0 ? void 0 : options.isNotLogOutWhenExpire) && (options === null || options === void 0 ? void 0 : options.platformUrl)) {
+        await logOut(options === null || options === void 0 ? void 0 : options.platformUrl);
     }
     return null;
 }
-export async function refreshAccessToken(refreshToken, isSetToken) {
+export async function refreshAccessToken(refreshToken, baseUrl, isSetToken) {
     try {
         console.log("Refreshing access token...");
-        const response = await fetch(`https://ikoncloud-dev.keross.com/ikon-api/platform/auth/refresh-token`, {
+        const response = await fetch(`${baseUrl}/platform/auth/refresh-token`, {
             method: "POST",
             credentials: "include",
             headers: { "Content-Type": "application/json" },
@@ -58,12 +58,12 @@ export async function refreshAccessToken(refreshToken, isSetToken) {
         return null;
     }
 }
-export async function decodeAccessToken() {
-    const accessToken = await getValidAccessToken();
+export async function decodeAccessToken(baseUrl) {
+    const accessToken = await getValidAccessToken(baseUrl);
     return accessToken ? jwtDecode(accessToken) : null;
 }
-export async function logOut() {
+export async function logOut(platformUrl) {
     await clearAllCookieSession();
     console.log("Logging out...");
-    redirect("/login.html");
+    redirect(`${platformUrl}/login.html`);
 }

package/package.json

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