ikoncomponents 1.3.7 → 1.3.8

package/README.md

@@ -1,36 +1,36 @@
-This is a [Next.js](https://nextjs.org) project bootstrapped with [`create-next-app`](https://nextjs.org/docs/app/api-reference/cli/create-next-app).
-
-## Getting Started
-
-First, run the development server:
-
-```bash
-npm run dev
-# or
-yarn dev
-# or
-pnpm dev
-# or
-bun dev
-```
-
-Open [http://localhost:3000](http://localhost:3000) with your browser to see the result.
-
-You can start editing the page by modifying `app/page.tsx`. The page auto-updates as you edit the file.
-
-This project uses [`next/font`](https://nextjs.org/docs/app/building-your-application/optimizing/fonts) to automatically optimize and load [Geist](https://vercel.com/font), a new font family for Vercel.
-
-## Learn More
-
-To learn more about Next.js, take a look at the following resources:
-
-- [Next.js Documentation](https://nextjs.org/docs) - learn about Next.js features and API.
-- [Learn Next.js](https://nextjs.org/learn) - an interactive Next.js tutorial.
-
-You can check out [the Next.js GitHub repository](https://github.com/vercel/next.js) - your feedback and contributions are welcome!
-
-## Deploy on Vercel
-
-The easiest way to deploy your Next.js app is to use the [Vercel Platform](https://vercel.com/new?utm_medium=default-template&filter=next.js&utm_source=create-next-app&utm_campaign=create-next-app-readme) from the creators of Next.js.
-
-Check out our [Next.js deployment documentation](https://nextjs.org/docs/app/building-your-application/deploying) for more details.
+This is a [Next.js](https://nextjs.org) project bootstrapped with [`create-next-app`](https://nextjs.org/docs/app/api-reference/cli/create-next-app).
+
+## Getting Started
+
+First, run the development server:
+
+```bash
+npm run dev
+# or
+yarn dev
+# or
+pnpm dev
+# or
+bun dev
+```
+
+Open [http://localhost:3000](http://localhost:3000) with your browser to see the result.
+
+You can start editing the page by modifying `app/page.tsx`. The page auto-updates as you edit the file.
+
+This project uses [`next/font`](https://nextjs.org/docs/app/building-your-application/optimizing/fonts) to automatically optimize and load [Geist](https://vercel.com/font), a new font family for Vercel.
+
+## Learn More
+
+To learn more about Next.js, take a look at the following resources:
+
+- [Next.js Documentation](https://nextjs.org/docs) - learn about Next.js features and API.
+- [Learn Next.js](https://nextjs.org/learn) - an interactive Next.js tutorial.
+
+You can check out [the Next.js GitHub repository](https://github.com/vercel/next.js) - your feedback and contributions are welcome!
+
+## Deploy on Vercel
+
+The easiest way to deploy your Next.js app is to use the [Vercel Platform](https://vercel.com/new?utm_medium=default-template&filter=next.js&utm_source=create-next-app&utm_campaign=create-next-app-readme) from the creators of Next.js.
+
+Check out our [Next.js deployment documentation](https://nextjs.org/docs/app/building-your-application/deploying) for more details.

package/dist/ikoncomponents/fileUpload/index.js

@@ -51,8 +51,8 @@ export function FileUploader({ label = "Upload File", isDrag = false, onFileSele
         if (file)
             handleFile(file);
     };
-    return (_jsxs("div", { className: "flex flex-col gap-2 w-full", children: [_jsx("label", { className: "text-sm font-medium", children: label }), _jsx("input", { type: "file", id: "fileInput", className: "hidden", onChange: handleInputChange }), isDrag ? (_jsx("div", { className: `border-2 border-dashed rounded-lg p-6 text-center cursor-pointer transition
-            ${isDragging ? "border-blue-600 bg-blue-50" : "border-gray-300"}
+    return (_jsxs("div", { className: "flex flex-col gap-2 w-full", children: [_jsx("label", { className: "text-sm font-medium", children: label }), _jsx("input", { type: "file", id: "fileInput", className: "hidden", onChange: handleInputChange }), isDrag ? (_jsx("div", { className: `border-2 border-dashed rounded-lg p-6 text-center cursor-pointer transition
+            ${isDragging ? "border-blue-600 bg-blue-50" : "border-gray-300"}
           `, onDragOver: handleDragOver, onDragLeave: handleDragLeave, onDrop: handleDrop, onClick: () => { var _a; return (_a = document.getElementById("fileInput")) === null || _a === void 0 ? void 0 : _a.click(); }, children: _jsxs("div", { className: "flex flex-col items-center gap-3", children: [_jsx(UploadCloud, { className: "w-10 h-10 text-blue-600" }), _jsxs("p", { className: "text-gray-600", children: ["Drag & drop your file here or", " ", _jsx("span", { className: "text-blue-600 underline", children: "browse" })] })] }) })) : (
             // ----- SIMPLE UPLOAD BOX -----
             _jsxs("div", { className: "border rounded-lg p-4 flex flex-col items-center gap-2 cursor-pointer text-center", onClick: () => { var _a; return (_a = document.getElementById("fileInput")) === null || _a === void 0 ? void 0 : _a.click(); }, children: [_jsx(FileUp, { className: "w-8 h-8 text-blue-600" }), _jsx("span", { className: "text-blue-600 underline", children: "Browse File" })] }))] }));

package/dist/ikoncomponents/form-fields/date-input/index.js

@@ -7,7 +7,7 @@ import { format } from "date-fns";
 import { CalendarIcon } from "lucide-react";
 import { Calendar } from "../../../shadcn/calendar";
 export function FormDateInput({ formControl, name, label, placeholder, dateFormat, calendarDateDisabled, formDescription, disabled, }) {
-    return (_jsx(_Fragment, { children: _jsx(FormField, { control: formControl, name: name, render: ({ field }) => (_jsxs(FormItem, { children: [label && (_jsx(_Fragment, { children: _jsx(FormLabel, { children: label }) })), _jsxs(Popover, { children: [_jsx(PopoverTrigger, { asChild: true, className: "w-full", children: _jsx(FormControl, { children: _jsxs(Button, { variant: "outline", className: cn(!field.value && "text-foreground/50"), disabled: disabled, children: [field.value ? (format(field.value, dateFormat || "PPP")) : (_jsx("span", { children: placeholder || "Pick a date" })), _jsx(CalendarIcon, { className: "ml-auto h-4 w-4 opacity-50" })] }) }) }), _jsx(PopoverContent, { className: "w-auto p-0", align: "start", children: _jsx(Calendar, { mode: "single", selected: field.value, onSelect: field.onChange, disabled: calendarDateDisabled, 
+    return (_jsx(_Fragment, { children: _jsx(FormField, { control: formControl, name: name, render: ({ field }) => (_jsxs(FormItem, { children: [label && (_jsx(_Fragment, { children: _jsx(FormLabel, { children: label }) })), _jsxs(Popover, { children: [_jsx(PopoverTrigger, { asChild: true, className: "w-full", children: _jsx(FormControl, { children: _jsxs(Button, { variant: "outline", className: cn(!field.value && "text-foreground/50"), disabled: disabled, children: [field.value ? (format(field.value, dateFormat || "PPP")) : (_jsx("span", { children: placeholder || "Pick a date" })), _jsx(CalendarIcon, { className: "ml-auto h-4 w-4 opacity-50" })] }) }) }), _jsx(PopoverContent, { className: "w-auto p-0", align: "start", children: _jsx(Calendar, { mode: "single", selected: field.value, onSelect: field.onChange, disabled: calendarDateDisabled, captionLayout: "dropdown", 
                                     // disabled={(date) =>
                                     //   date > new Date() || date < new Date("1900-01-01")
                                     // }

package/dist/ikoncomponents/image-cropper-upload/components/newImageUploadForm.js

@@ -90,12 +90,12 @@ const NewImageFormComponent = ({ open, setOpen, onImageSubmit, }) => {
     const getImagePreview = (state) => {
         const imgSource = croppedImage && activeState === state ? croppedImage : prevImages[state];
         // const imgSource = prevImages[state];
-        return imgSource ? (_jsx("div", { className: `
+        return imgSource ? (_jsx("div", { className: `
             ${state === "first"
                 ? "relative w-3/5 h-[200px] bg-slate-400"
                 : state === "second"
                     ? "relative w-1/2 h-[220px] bg-slate-400"
-                    : "relative w-1/3 h-[120px] bg-slate-400"}`, children: _jsx(Image, { src: imgSource || "", alt: `Preview ${state}`, layout: "fill", objectFit: "70vh" }) })) : (_jsx("div", { className: `
+                    : "relative w-1/3 h-[120px] bg-slate-400"}`, children: _jsx(Image, { src: imgSource || "", alt: `Preview ${state}`, layout: "fill", objectFit: "70vh" }) })) : (_jsx("div", { className: `
             ${state === "first"
                 ? "relative w-3/5 h-[200px] bg-slate-400"
                 : state === "second"

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

@@ -0,0 +1,10 @@
+import React from 'react';
+interface RefreshContextType {
+    refresh: () => void;
+    refreshCounter: number;
+}
+export declare function RefreshProvider({ children }: {
+    children: React.ReactNode;
+}): import("react/jsx-runtime").JSX.Element;
+export declare function useRefresh(): RefreshContextType;
+export {};

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

@@ -0,0 +1,17 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import { createContext, useContext, useState, useCallback } from 'react';
+const RefreshContext = createContext(undefined);
+export function RefreshProvider({ children }) {
+    const [refreshCounter, setRefreshCounter] = useState(0);
+    const refresh = useCallback(() => {
+        setRefreshCounter((prev) => prev + 1);
+    }, []);
+    return (_jsx(RefreshContext.Provider, { value: { refresh, refreshCounter }, children: children }));
+}
+export function useRefresh() {
+    const context = useContext(RefreshContext);
+    if (context === undefined) {
+        throw new Error('useRefresh must be used within a RefreshProvider');
+    }
+    return context;
+}

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

@@ -1,3 +1,8 @@
+export interface AccountMembership {
+    accountId: string;
+    accountName: string;
+    primaryAccount?: boolean;
+}
 export interface Account {
     accountId: string;
     accountName: string;
@@ -49,7 +54,7 @@ export interface DecodedAccessToken {
     iat: number;
     exp: number;
 }
-export declare const MainSidebar: ({ baseUrl, platformUrl }: {
+export declare const MainSidebar: ({ baseUrl, platformUrl, }: {
     baseUrl: string;
     platformUrl: string;
 }) => import("react/jsx-runtime").JSX.Element;

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

@@ -1,27 +1,29 @@
 "use client";
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import * as React from 'react';
-import { Check, CircleUserRound, FolderCode, Home, LogOut, Settings } from 'lucide-react';
-import { Button } from '../../shadcn/button';
-import { Tooltip, TooltipContent, TooltipProvider, TooltipTrigger } from '../../shadcn/tooltip';
-import { DropdownMenu, DropdownMenuContent, DropdownMenuItem, DropdownMenuSeparator, DropdownMenuTrigger } from '../../shadcn/dropdown-menu';
-import { getValidAccessToken } from '../../utils/token-management';
-import { clearAllCookieSession } from '../../utils/session/cookieSession';
-import axios from 'axios';
-import { redirect } from 'next/navigation';
-import Link from 'next/link';
+import * as React from "react";
+import { Check, CircleUserRound, FolderCode, Home, LogOut, Settings, } from "lucide-react";
+import { Button } from "../../shadcn/button";
+import { Tooltip, TooltipContent, TooltipProvider, TooltipTrigger, } from "../../shadcn/tooltip";
+import { DropdownMenu, DropdownMenuContent, DropdownMenuItem, DropdownMenuSeparator, DropdownMenuTrigger, } from "../../shadcn/dropdown-menu";
+import { getValidAccessToken } from "../../utils/token-management";
+import { clearAllCookieSession, setCookieSession } from "../../utils/session/cookieSession";
+import axios from "axios";
+import { redirect } from "next/navigation";
+import Link from "next/link";
 import { jwtDecode } from "jwt-decode";
-import { Icon } from '../icon';
-export const MainSidebar = ({ baseUrl, platformUrl }) => {
+import { Icon } from "../icon";
+import { useRefresh } from "./RefreshContext";
+export const MainSidebar = ({ baseUrl, platformUrl, }) => {
     const [user, setUser] = React.useState();
     const [accounts, setAccounts] = React.useState([]);
     const [selectedAccount, setSelectedAccount] = React.useState();
     const [softwares, setSoftwares] = React.useState([]);
+    const { refreshCounter } = useRefresh();
     const getInitials = (name) => {
         return name
-            .split(' ')
-            .map(word => word[0])
-            .join('')
+            .split(" ")
+            .map((word) => word[0])
+            .join("")
             .toUpperCase()
             .slice(0, 2);
     };
@@ -31,69 +33,51 @@ export const MainSidebar = ({ baseUrl, platformUrl }) => {
             .map((word) => word.charAt(0).toUpperCase() + word.slice(1))
             .join("");
     }
+    // Fetch all data
     React.useEffect(() => {
-        const fetchUser = async () => {
+        const fetchAllData = async () => {
             try {
                 const accessToken = await getValidAccessToken(baseUrl, {
-                    platformUrl: platformUrl,
-                    isSetToken: true
+                    platformUrl,
+                    isSetToken: true,
                 });
-                const decoded = jwtDecode(accessToken !== null && accessToken !== void 0 ? accessToken : '');
-                const response = await axios.get(`${baseUrl}/platform/user/${decoded.sub}`, {
-                    headers: {
-                        Authorization: `Bearer ${accessToken}`,
-                    },
-                });
-                setUser(response.data);
-            }
-            catch (error) {
-                console.error(error);
-            }
-        };
-        const fetchAccounts = async () => {
-            try {
-                const accessToken = await getValidAccessToken(baseUrl, {
-                    platformUrl: platformUrl,
-                    isSetToken: true
-                });
-                const response = await axios.get(`${baseUrl}/platform/account/all`, {
-                    headers: {
-                        Authorization: `Bearer ${accessToken}`,
-                    },
-                });
-                setAccounts(response.data);
-                setSelectedAccount(response.data[0]);
-            }
-            catch (error) {
-                console.error(error);
-            }
-        };
-        const fetchSubscribedSoftwares = async () => {
-            try {
-                const accessToken = await getValidAccessToken(baseUrl, {
-                    platformUrl: platformUrl,
-                    isSetToken: true
-                });
-                const response = await axios.get(`${baseUrl}/platform/software/accessible/user`, {
-                    headers: {
-                        Authorization: `Bearer ${accessToken}`,
-                    },
-                });
-                setSoftwares(response.data);
+                const decoded = jwtDecode(accessToken !== null && accessToken !== void 0 ? accessToken : "");
+                // Fetch all data in parallel
+                const [userResponse, accountsResponse, softwaresResponse] = await Promise.all([
+                    axios.get(`${baseUrl}/platform/user/${decoded.sub}`, {
+                        headers: { Authorization: `Bearer ${accessToken}` },
+                    }),
+                    axios.get(`${baseUrl}/platform/user/account-membership`, {
+                        headers: { Authorization: `Bearer ${accessToken}` },
+                    }),
+                    axios.get(`${baseUrl}/platform/software/accessible/user`, {
+                        headers: { Authorization: `Bearer ${accessToken}` },
+                    }),
+                ]);
+                setUser(userResponse.data);
+                setAccounts(accountsResponse.data);
+                // const primaryAccount = accountsResponse.data.find(
+                //   (account) => account.primaryAccount === true
+                // );
+                // if (primaryAccount) {
+                //   setSelectedAccount(primaryAccount);
+                // }
+                const activeAccount = accountsResponse.data.find((account) => account.accountId === decoded.activeAccountId);
+                setSelectedAccount(activeAccount);
+                const visibleSoftwares = softwaresResponse.data.filter((item) => item.visible);
+                setSoftwares(visibleSoftwares);
             }
             catch (error) {
-                console.error(error);
+                console.error("Failed to fetch data:", error);
             }
         };
-        fetchAccounts();
-        fetchSubscribedSoftwares();
-        fetchUser();
-    }, []);
+        fetchAllData();
+    }, [baseUrl, platformUrl, refreshCounter]);
     const switchAccount = async (accountId, baseUrl) => {
         try {
             const accessToken = await getValidAccessToken(baseUrl, {
                 platformUrl: platformUrl,
-                isSetToken: true
+                isSetToken: true,
             });
             const response = await axios.post(`${baseUrl}/platform/auth/switch-account`, {
                 targetAccountId: accountId,
@@ -104,29 +88,31 @@ export const MainSidebar = ({ baseUrl, platformUrl }) => {
                 withCredentials: true,
             });
             console.log(response);
-            return response.data;
+            await setCookieSession("accessToken", response.data.accessToken);
+            await setCookieSession("refreshToken", response.data.refreshToken);
         }
         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 () => {
+    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
+                                            await switchAccount(account.accountId, baseUrl);
+                                            window.location.reload();
                                         }
                                         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) => {
+                                    }, 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: `${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 () => {
+                        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: `${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(`${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/index.d.ts

@@ -135,3 +135,4 @@ export { setCookieSession, getCookieSession, clearCookieSession, clearAllCookieS
 export { getValidAccessToken, refreshAccessToken, decodeAccessToken, logOut, } from "./utils/token-management";
 export type { TokenResponse } from "./utils/token-management/types";
 export { useIsMobile } from "./hooks/use-mobile";
+export { useRefresh } from "./ikoncomponents/main-layout/RefreshContext";

package/dist/index.js

@@ -113,3 +113,4 @@ export { cn } from "./utils/cn";
 export { setCookieSession, getCookieSession, clearCookieSession, clearAllCookieSession, } from "./utils/session/cookieSession";
 export { getValidAccessToken, refreshAccessToken, decodeAccessToken, logOut, } from "./utils/token-management";
 export { useIsMobile } from "./hooks/use-mobile";
+export { useRefresh } from "./ikoncomponents/main-layout/RefreshContext";

package/dist/styles.css

@@ -4980,9 +4980,9 @@
     .custom-buttons {
       font-size: 14px;
     }
-    .rbc-date-cell.rbc-now,
-    .rbc-time-slot.rbc-now,
-    .rbc-show-more,
+    .rbc-date-cell.rbc-now,
+    .rbc-time-slot.rbc-now,
+    .rbc-show-more,
     .rbc-header {
       font-weight: normal !important;
     }
@@ -5028,13 +5028,13 @@
     .rbc-h-full {
       height: 100%;
     }
-    .rbc-calendar *,
-    .rbc-calendar *:before,
+    .rbc-calendar *,
+    .rbc-calendar *:before,
     .rbc-calendar *:after {
       -webkit-box-sizing: inherit;
       box-sizing: inherit;
     }
-    .rbc-abs-full,
+    .rbc-abs-full,
     .rbc-row-bg {
       overflow: hidden;
       position: absolute;
@@ -5043,9 +5043,9 @@
       right: 0;
       bottom: 0;
     }
-    .rbc-ellipsis,
-    .rbc-show-more,
-    .rbc-row-segment .rbc-event-content,
+    .rbc-ellipsis,
+    .rbc-show-more,
+    .rbc-row-segment .rbc-event-content,
     .rbc-event-label {
       display: block;
       overflow: hidden;
@@ -5084,8 +5084,8 @@
       border-left-width: 0;
       border-right: 1px solid hsl(var(--border));
     }
-    .rbc-header>a,
-    .rbc-header>a:active,
+    .rbc-header>a,
+    .rbc-header>a:active,
     .rbc-header>a:visited {
       color: inherit;
       text-decoration: none;
@@ -5169,7 +5169,7 @@
       line-height: normal;
       white-space: nowrap;
     }
-    .rbc-toolbar button:active,
+    .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);
@@ -5177,9 +5177,9 @@
       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:active:hover,
+    .rbc-toolbar button:active:focus,
+    .rbc-toolbar button.rbc-active:hover,
     .rbc-toolbar button.rbc-active:focus {
       color: #373a3c;
       background-color: #d4d4d4;
@@ -5227,7 +5227,7 @@
       margin-left: 0;
       margin-right: -1px;
     }
-    .rbc-btn-group+.rbc-btn-group,
+    .rbc-btn-group+.rbc-btn-group,
     .rbc-btn-group+button {
       margin-left: 10px;
     }
@@ -5239,7 +5239,7 @@
         flex-direction: column;
       }
     }
-    .rbc-event,
+    .rbc-event,
     .rbc-day-slot .rbc-background-event {
       border: none;
       -webkit-box-sizing: border-box;
@@ -5255,17 +5255,17 @@
       width: 100%;
       text-align: left;
     }
-    .rbc-slot-selecting .rbc-event,
-    .rbc-slot-selecting .rbc-day-slot .rbc-background-event,
+    .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-event.rbc-selected,
     .rbc-day-slot .rbc-selected.rbc-background-event {
       background-color: #265985;
     }
-    .rbc-event:focus,
+    .rbc-event:focus,
     .rbc-day-slot .rbc-background-event:focus {
       outline: 5px auto #3b99fc;
     }
@@ -5317,7 +5317,7 @@
       line-height: normal;
       color: hsl(var(--input));
     }
-    .rbc-show-more:hover,
+    .rbc-show-more:hover,
     .rbc-show-more:focus {
       color: #265985;
     }
@@ -5381,8 +5381,8 @@
     .rbc-date-cell.rbc-now {
       font-weight: bold;
     }
-    .rbc-date-cell>a,
-    .rbc-date-cell>a:active,
+    .rbc-date-cell>a,
+    .rbc-date-cell>a:active,
     .rbc-date-cell>a:visited {
       color: inherit;
       text-decoration: none;
@@ -5485,7 +5485,7 @@
     .rbc-agenda-time-cell .rbc-continues-prior:before {
       content: "« ";
     }
-    .rbc-agenda-date-cell,
+    .rbc-agenda-date-cell,
     .rbc-agenda-time-cell {
       white-space: nowrap;
     }
@@ -5518,7 +5518,7 @@
       -ms-flex-flow: column nowrap;
       flex-flow: column nowrap;
     }
-    .rbc-time-gutter,
+    .rbc-time-gutter,
     .rbc-header-gutter {
       -webkit-box-flex: 0;
       -ms-flex: none;
@@ -5542,7 +5542,7 @@
       left: 10px;
       right: 0;
     }
-    .rbc-day-slot .rbc-event,
+    .rbc-day-slot .rbc-event,
     .rbc-day-slot .rbc-background-event {
       border: 1px solid #265985;
       display: -webkit-box;
@@ -5583,7 +5583,7 @@
     .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-gutter,
     .rbc-time-view-resources .rbc-time-header-gutter {
       position: sticky;
       left: 0;
@@ -5609,7 +5609,7 @@
     .rbc-time-view-resources .rbc-day-slot {
       min-width: 140px;
     }
-    .rbc-time-view-resources .rbc-header,
+    .rbc-time-view-resources .rbc-header,
     .rbc-time-view-resources .rbc-day-bg {
       width: 140px;
       -webkit-box-flex: 1;

package/package.json

@@ -1,103 +1,103 @@
-{
-  "name": "ikoncomponents",
-  "version": "1.3.7",
-  "main": "dist/index.js",
-  "types": "dist/index.d.ts",
-  "css": "dist/styles.css",
-  "files": [
-    "dist"
-  ],
-  "scripts": {
-    "build": "npm run build:js && npm run build:css",
-    "build:js": "tsc -p tsconfig.json",
-    "build:css": "postcss src/styles.css -o dist/styles.css --config postcss.config.mjs --minify",
-    "clean": "rimraf dist",
-    "prepublishOnly": "npm run build"
-  },
-  "dependencies": {
-    "@radix-ui/react-accordion": "^1.2.12",
-    "@radix-ui/react-alert-dialog": "^1.1.15",
-    "@radix-ui/react-aspect-ratio": "^1.1.7",
-    "@radix-ui/react-avatar": "^1.1.10",
-    "@radix-ui/react-checkbox": "^1.3.3",
-    "@radix-ui/react-dialog": "^1.1.15",
-    "@radix-ui/react-dropdown-menu": "^2.1.16",
-    "@radix-ui/react-hover-card": "^1.1.15",
-    "@radix-ui/react-icons": "^1.3.0",
-    "@radix-ui/react-label": "^2.1.7",
-    "@radix-ui/react-navigation-menu": "^1.2.14",
-    "@radix-ui/react-popover": "^1.1.15",
-    "@radix-ui/react-progress": "^1.1.7",
-    "@radix-ui/react-radio-group": "^1.3.8",
-    "@radix-ui/react-scroll-area": "^1.2.10",
-    "@radix-ui/react-select": "^2.2.6",
-    "@radix-ui/react-separator": "^1.1.7",
-    "@radix-ui/react-slider": "^1.3.6",
-    "@radix-ui/react-slot": "^1.2.3",
-    "@radix-ui/react-switch": "^1.2.6",
-    "@radix-ui/react-tabs": "^1.1.13",
-    "@radix-ui/react-toggle": "^1.1.10",
-    "@radix-ui/react-toggle-group": "^1.1.11",
-    "@radix-ui/react-tooltip": "^1.2.8",
-    "@tanstack/react-table": "^8.21.3",
-    "axios": "^1.13.1",
-    "class-variance-authority": "^0.7.1",
-    "clsx": "^2.1.1",
-    "cmdk": "^1.1.1",
-    "countries-list": "^3.1.1",
-    "country-flag-icons": "^1.5.21",
-    "crypto-js": "^4.2.0",
-    "date-fns": "^4.1.0",
-    "echarts": "^6.0.0",
-    "eslint": "^9",
-    "framer-motion": "^12.23.22",
-    "input-otp": "^1.4.2",
-    "jwt-decode": "^4.0.0",
-    "lucide-react": "^0.552.0",
-    "motion": "^12.23.22",
-    "next": "16.0.0",
-    "next-themes": "^0.4.6",
-    "react": "^18.2.0",
-    "react-big-calendar": "^1.19.4",
-    "react-cropper": "^2.3.3",
-    "react-day-picker": "^9.9.0",
-    "react-dom": "^18.2.0",
-    "react-hook-form": "^7.64.0",
-    "shadcn": "^3.5.0",
-    "sonner": "^2.0.7",
-    "tailwind-merge": "^3.3.1",
-    "tailwindcss-animate": "^1.0.7",
-    "uuid": "^13.0.0",
-    "vaul": "^1.1.2",
-    "zxcvbn": "^4.4.2"
-  },
-  "devDependencies": {
-    "@tailwindcss/postcss": "^4",
-    "@types/crypto-js": "^4.2.2",
-    "@types/node": "^20",
-    "@types/react": "^19",
-    "@types/react-big-calendar": "^1.16.3",
-    "@types/react-dom": "^19",
-    "@types/zxcvbn": "^4.4.5",
-    "autoprefixer": "^10.4.21",
-    "eslint": "^9",
-    "eslint-config-next": "16.0.0",
-    "next": "^14.0.0",
-    "postcss": "^8.5.6",
-    "postcss-cli": "^11.0.1",
-    "postcss-import": "^16.1.1",
-    "postcss-preset-env": "^10.4.0",
-    "rimraf": "^6.0.1",
-    "tailwindcss": "^4",
-    "tw-animate-css": "^1.4.0",
-    "typescript": "^5"
-  },
-  "peerDependencies": {
-    "clsx": "^2.1.1",
-    "next": "16.0.0",
-    "next-themes": "^0.4.6",
-    "react": "^18.2.0",
-    "react-dom": "^18.2.0",
-    "tailwind-merge": "^3.3.1"
-  }
-}
+{
+  "name": "ikoncomponents",
+  "version": "1.3.8",
+  "main": "dist/index.js",
+  "types": "dist/index.d.ts",
+  "css": "dist/styles.css",
+  "files": [
+    "dist"
+  ],
+  "scripts": {
+    "build": "npm run build:js && npm run build:css",
+    "build:js": "tsc -p tsconfig.json",
+    "build:css": "postcss src/styles.css -o dist/styles.css --config postcss.config.mjs --minify",
+    "clean": "rimraf dist",
+    "prepublishOnly": "npm run build"
+  },
+  "dependencies": {
+    "@radix-ui/react-accordion": "^1.2.12",
+    "@radix-ui/react-alert-dialog": "^1.1.15",
+    "@radix-ui/react-aspect-ratio": "^1.1.7",
+    "@radix-ui/react-avatar": "^1.1.10",
+    "@radix-ui/react-checkbox": "^1.3.3",
+    "@radix-ui/react-dialog": "^1.1.15",
+    "@radix-ui/react-dropdown-menu": "^2.1.16",
+    "@radix-ui/react-hover-card": "^1.1.15",
+    "@radix-ui/react-icons": "^1.3.0",
+    "@radix-ui/react-label": "^2.1.7",
+    "@radix-ui/react-navigation-menu": "^1.2.14",
+    "@radix-ui/react-popover": "^1.1.15",
+    "@radix-ui/react-progress": "^1.1.7",
+    "@radix-ui/react-radio-group": "^1.3.8",
+    "@radix-ui/react-scroll-area": "^1.2.10",
+    "@radix-ui/react-select": "^2.2.6",
+    "@radix-ui/react-separator": "^1.1.7",
+    "@radix-ui/react-slider": "^1.3.6",
+    "@radix-ui/react-slot": "^1.2.3",
+    "@radix-ui/react-switch": "^1.2.6",
+    "@radix-ui/react-tabs": "^1.1.13",
+    "@radix-ui/react-toggle": "^1.1.10",
+    "@radix-ui/react-toggle-group": "^1.1.11",
+    "@radix-ui/react-tooltip": "^1.2.8",
+    "@tanstack/react-table": "^8.21.3",
+    "axios": "^1.13.1",
+    "class-variance-authority": "^0.7.1",
+    "clsx": "^2.1.1",
+    "cmdk": "^1.1.1",
+    "countries-list": "^3.1.1",
+    "country-flag-icons": "^1.5.21",
+    "crypto-js": "^4.2.0",
+    "date-fns": "^4.1.0",
+    "echarts": "^6.0.0",
+    "eslint": "^9",
+    "framer-motion": "^12.23.22",
+    "input-otp": "^1.4.2",
+    "jwt-decode": "^4.0.0",
+    "lucide-react": "^0.552.0",
+    "motion": "^12.23.22",
+    "next": "16.0.0",
+    "next-themes": "^0.4.6",
+    "react": "^18.2.0",
+    "react-big-calendar": "^1.19.4",
+    "react-cropper": "^2.3.3",
+    "react-day-picker": "^9.9.0",
+    "react-dom": "^18.2.0",
+    "react-hook-form": "^7.64.0",
+    "shadcn": "^3.5.0",
+    "sonner": "^2.0.7",
+    "tailwind-merge": "^3.3.1",
+    "tailwindcss-animate": "^1.0.7",
+    "uuid": "^13.0.0",
+    "vaul": "^1.1.2",
+    "zxcvbn": "^4.4.2"
+  },
+  "devDependencies": {
+    "@tailwindcss/postcss": "^4",
+    "@types/crypto-js": "^4.2.2",
+    "@types/node": "^20",
+    "@types/react": "^19",
+    "@types/react-big-calendar": "^1.16.3",
+    "@types/react-dom": "^19",
+    "@types/zxcvbn": "^4.4.5",
+    "autoprefixer": "^10.4.21",
+    "eslint": "^9",
+    "eslint-config-next": "16.0.0",
+    "next": "^14.0.0",
+    "postcss": "^8.5.6",
+    "postcss-cli": "^11.0.1",
+    "postcss-import": "^16.1.1",
+    "postcss-preset-env": "^10.4.0",
+    "rimraf": "^6.0.1",
+    "tailwindcss": "^4",
+    "tw-animate-css": "^1.4.0",
+    "typescript": "^5"
+  },
+  "peerDependencies": {
+    "clsx": "^2.1.1",
+    "next": "16.0.0",
+    "next-themes": "^0.4.6",
+    "react": "^18.2.0",
+    "react-dom": "^18.2.0",
+    "tailwind-merge": "^3.3.1"
+  }
+}