ikoncomponents 1.1.7 → 1.1.9

package/dist/utils/border-radius-provider.d.ts

@@ -0,0 +1,11 @@
+import React from 'react';
+type RadiusValue = 0 | 0.25 | 0.5 | 0.75 | 1;
+interface RadiusContextType {
+    radius: RadiusValue;
+    setRadius: (radius: RadiusValue) => void;
+}
+export declare function RadiusProvider({ children }: {
+    children: React.ReactNode;
+}): import("react/jsx-runtime").JSX.Element;
+export declare const useRadius: () => RadiusContextType;
+export {};

package/dist/utils/border-radius-provider.js

@@ -0,0 +1,35 @@
+'use client';
+import { jsx as _jsx } from "react/jsx-runtime";
+import { createContext, useContext, useState, useEffect, useMemo } from 'react';
+const RadiusContext = createContext(undefined);
+export function RadiusProvider({ children }) {
+    const [radius, setRadius] = useState(0.5);
+    const [mounted, setMounted] = useState(false);
+    useEffect(() => {
+        setMounted(true);
+        const storedRadius = localStorage.getItem('app-radius');
+        if (storedRadius) {
+            const parsed = parseFloat(storedRadius);
+            if ([0, 0.25, 0.5, 0.75, 1].includes(parsed)) {
+                setRadius(parsed);
+            }
+        }
+    }, []);
+    useEffect(() => {
+        if (!mounted)
+            return;
+        const radiusInRem = radius === 0 ? '0rem' : `${radius}rem`;
+        document.documentElement.style.setProperty('--radius', radiusInRem);
+        localStorage.setItem('app-radius', radius.toString());
+        console.log('Radius changed to:', radius, radiusInRem);
+    }, [radius, mounted]);
+    const value = useMemo(() => ({ radius, setRadius }), [radius]);
+    return (_jsx(RadiusContext.Provider, { value: value, children: children }));
+}
+export const useRadius = () => {
+    const context = useContext(RadiusContext);
+    if (context === undefined) {
+        throw new Error('useRadius must be used within a RadiusProvider');
+    }
+    return context;
+};

package/dist/utils/font-provider.d.ts

@@ -0,0 +1,11 @@
+import React from 'react';
+type FontName = 'Poppins' | 'Oswald' | 'Outfit';
+interface FontContextType {
+    font: FontName;
+    setFont: (font: FontName) => void;
+}
+export declare function FontProvider({ children }: {
+    children: React.ReactNode;
+}): import("react/jsx-runtime").JSX.Element;
+export declare const useFont: () => FontContextType;
+export {};

package/dist/utils/font-provider.js

@@ -0,0 +1,37 @@
+'use client';
+import { jsx as _jsx } from "react/jsx-runtime";
+import { createContext, useContext, useState, useEffect, useMemo } from 'react';
+const FontContext = createContext(undefined);
+export function FontProvider({ children }) {
+    const [font, setFont] = useState('Poppins');
+    const [mounted, setMounted] = useState(false);
+    useEffect(() => {
+        setMounted(true);
+        const storedFont = localStorage.getItem('app-font');
+        if (storedFont && ['Poppins', 'Oswald', 'Outfit'].includes(storedFont)) {
+            setFont(storedFont);
+        }
+    }, []);
+    useEffect(() => {
+        if (!mounted)
+            return;
+        const fontVariables = {
+            Poppins: 'var(--font-poppins)',
+            Oswald: 'var(--font-oswald)',
+            Outfit: 'var(--font-outfit)',
+        };
+        document.body.style.fontFamily = fontVariables[font];
+        document.documentElement.style.fontFamily = fontVariables[font];
+        localStorage.setItem('app-font', font);
+        console.log('Font changed to:', font, fontVariables[font]);
+    }, [font, mounted]);
+    const value = useMemo(() => ({ font, setFont }), [font]);
+    return (_jsx(FontContext.Provider, { value: value, children: children }));
+}
+export const useFont = () => {
+    const context = useContext(FontContext);
+    if (context === undefined) {
+        throw new Error('useFont must be used within a FontProvider');
+    }
+    return context;
+};

package/dist/utils/session/cookieSession.d.ts

@@ -0,0 +1,8 @@
+export interface CookieSessionOptionsProps {
+    maxAge?: number;
+    expires?: Date;
+}
+export declare function setCookieSession(sessionName: string, data: string, options?: CookieSessionOptionsProps): Promise<void>;
+export declare function getCookieSession(sessionName: string): Promise<string | undefined>;
+export declare function clearCookieSession(sessionName: string): Promise<void>;
+export declare function clearAllCookieSession(): Promise<void>;

package/dist/utils/session/cookieSession.js

@@ -0,0 +1,33 @@
+"use server";
+import { cookies } from "next/headers";
+const cookiePrefix = "ikoncloud_next_";
+export async function setCookieSession(sessionName, data, options) {
+    const cookieStore = await cookies();
+    cookieStore.set(cookiePrefix + sessionName, data, {
+        httpOnly: false,
+        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
+    });
+}
+export async function getCookieSession(sessionName) {
+    var _a;
+    const cookieStore = await cookies();
+    const cookie = (_a = cookieStore.get(cookiePrefix + sessionName)) === null || _a === void 0 ? void 0 : _a.value;
+    return cookie;
+}
+export async function clearCookieSession(sessionName) {
+    const cookieStore = await cookies();
+    cookieStore.delete(cookiePrefix + sessionName);
+}
+export async function clearAllCookieSession() {
+    const cookieStore = await cookies();
+    cookieStore.getAll().forEach((cookie) => {
+        if (cookie.name.startsWith(cookiePrefix)) {
+            cookieStore.delete(cookie.name);
+        }
+    });
+}

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

@@ -0,0 +1,7 @@
+export 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 logOut(): Promise<void>;

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

@@ -0,0 +1,78 @@
+"use server";
+import { redirect } from "next/navigation";
+import { clearAllCookieSession, getCookieSession, setCookieSession } from "../session/cookieSession";
+export async function getValidAccessToken(options) {
+    const accessToken = await getCookieSession("accessToken");
+    const refreshToken = await getCookieSession("refreshToken");
+    if (accessToken) {
+        return accessToken;
+    }
+    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
+        }
+    }
+    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`, {
+            method: "POST",
+            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;
+        }
+    }
+    catch (error) {
+        console.error("Failed to refresh access token:", error);
+    }
+    return null;
+}
+export async function logOut() {
+    await clearAllCookieSession();
+    redirect(process.env.IKON_LOGIN_PAGE_URL || process.env.DEV_TOOL_BASE_PATH + "/signup.html");
+}

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

@@ -0,0 +1,6 @@
+export interface TokenResponse {
+    accessToken: string;
+    refreshToken: string;
+    expiresIn: number;
+    refreshExpiresIn: number;
+}

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

@@ -0,0 +1 @@
+export {};

package/package.json

@@ -1,91 +1,98 @@
-{
-  "name": "ikoncomponents",
-  "version": "1.1.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-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-tooltip": "^1.2.8",
-    "@tanstack/react-table": "^8.21.3",
-    "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",
-    "date-fns": "^4.1.0",
-    "echarts": "^6.0.0",
-    "eslint": "^9",
-    "framer-motion": "^12.23.22",
-    "lucide-react": "^0.545.0",
-    "motion": "^12.23.22",
-    "next": "16.0.0",
-    "next-themes": "^0.4.6",
-    "react": "^18.2.0",
-    "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",
-    "vaul": "^1.1.2",
-    "zxcvbn": "^4.4.2"
-  },
-  "devDependencies": {
-    "@tailwindcss/postcss": "^4",
-    "@types/node": "^20",
-    "@types/react": "^19",
-    "@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.1.9",
+  "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",
+    "date-fns": "^4.1.0",
+    "echarts": "^6.0.0",
+    "eslint": "^9",
+    "framer-motion": "^12.23.22",
+    "input-otp": "^1.4.2",
+    "lucide-react": "^0.545.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-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",
+    "vaul": "^1.1.2",
+    "zxcvbn": "^4.4.2"
+  },
+  "devDependencies": {
+    "@tailwindcss/postcss": "^4",
+    "@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"
+  }
+}