@appcorp/fusion-storybook 0.5.1 → 0.5.4

package/base-modules/workspace/cache.d.ts

@@ -2,8 +2,17 @@
  * Workspace Cache
  *
  * Cache utilities for workspace data using generic cache system.
+ *
+ * The cache entry shape is `{ item: WorkspaceBE, cachedAt: ISOString }` — that
+ * is what `getCachedSingleItem` writes, and what `getCachedSingleItemSync`
+ * reads. Keep any writer (including this module) on the same shape.
  */
 import { WorkspaceBE } from "../../type";
-export declare const getCachedWorkspace: (id: string) => Promise<WorkspaceBE | null>;
+export declare const getCachedWorkspace: (subdomain: string) => Promise<WorkspaceBE | null>;
 export declare const getCachedWorkspaceSync: () => WorkspaceBE | null;
+/**
+ * Persist a freshly fetched/updated workspace so every other module reading
+ * `getCachedWorkspaceSync()` sees the new values without a reload.
+ */
+export declare const setCachedWorkspace: (workspace: WorkspaceBE) => void;
 export declare const invalidateWorkspaceCache: () => void;

package/base-modules/workspace/cache.js

@@ -2,28 +2,63 @@
  * Workspace Cache
  *
  * Cache utilities for workspace data using generic cache system.
+ *
+ * The cache entry shape is `{ item: WorkspaceBE, cachedAt: ISOString }` — that
+ * is what `getCachedSingleItem` writes, and what `getCachedSingleItemSync`
+ * reads. Keep any writer (including this module) on the same shape.
  */
 import { getCachedSingleItem, getCachedSingleItemSync, invalidateCache, } from "@react-pakistan/util-functions/general/generic-cache";
 import { ONE_YEAR_IN_MS } from "@react-pakistan/util-functions/constants/cache-time";
 import { WORKSPACE_API_ROUTES } from "../../constants";
 import { LS_KEYS } from "../../constants";
+import { setStorageValue } from "@react-pakistan/util-functions/local-storage/set-storage-value";
 // ============================================================================
 // CACHE CONFIGURATION
 // ============================================================================
 const CACHE_CONFIG = {
     cacheKey: LS_KEYS.WORKSPACE,
     apiUrl: WORKSPACE_API_ROUTES.UNIT,
+    expirationMs: ONE_YEAR_IN_MS,
     responseKey: "item",
 };
 // ============================================================================
 // CACHE WRAPPERS
 // ============================================================================
-export const getCachedWorkspace = (id) => {
-    return getCachedSingleItem(CACHE_CONFIG, { id });
+export const getCachedWorkspace = async (subdomain) => {
+    const item = await getCachedSingleItem(CACHE_CONFIG, {
+        subdomain,
+    });
+    // The generic cache ignores request params and caches whatever body came
+    // back (including a 404 `{ error }`). Drop anything that is not a workspace
+    // for the requested tenant so we never render another tenant's data.
+    if (!(item === null || item === void 0 ? void 0 : item.id)) {
+        invalidateCache(LS_KEYS.WORKSPACE);
+        return null;
+    }
+    if (subdomain && item.subdomain !== subdomain) {
+        invalidateCache(LS_KEYS.WORKSPACE);
+        const fresh = await getCachedSingleItem(CACHE_CONFIG, {
+            subdomain,
+        });
+        return (fresh === null || fresh === void 0 ? void 0 : fresh.id) && fresh.subdomain === subdomain ? fresh : null;
+    }
+    return item;
 };
 export const getCachedWorkspaceSync = () => {
     return getCachedSingleItemSync(LS_KEYS.WORKSPACE, ONE_YEAR_IN_MS);
 };
+/**
+ * Persist a freshly fetched/updated workspace so every other module reading
+ * `getCachedWorkspaceSync()` sees the new values without a reload.
+ */
+export const setCachedWorkspace = (workspace) => {
+    if (!(workspace === null || workspace === void 0 ? void 0 : workspace.id))
+        return;
+    setStorageValue(LS_KEYS.WORKSPACE, {
+        item: workspace,
+        cachedAt: new Date().toISOString(),
+    });
+};
 export const invalidateWorkspaceCache = () => {
     invalidateCache(LS_KEYS.WORKSPACE);
 };

package/base-modules/workspace/context.d.ts

@@ -1,3 +1,4 @@
+import type { WorkspaceBE } from "../../type";
 export declare const WORKSPACE_DRAWER: {
     readonly FILTER_DRAWER: string;
     readonly FORM_DRAWER: string;
@@ -30,6 +31,11 @@ export declare const WORKSPACE_ACTION_TYPES: {
     id: string;
     logo: string;
     name: string;
+    plan: {
+        currency?: string;
+        id: string;
+        name: string;
+    } | null;
     planEndDate: null;
     planId: string;
     planStartDate: null;
@@ -56,6 +62,11 @@ export declare const WORKSPACE_ACTION_TYPES: {
     id: string;
     logo: string;
     name: string;
+    plan: {
+        currency?: string;
+        id: string;
+        name: string;
+    } | null;
     planEndDate: null;
     planId: string;
     planStartDate: null;
@@ -84,6 +95,11 @@ export declare const WORKSPACE_ACTION_TYPES: {
     id: string;
     logo: string;
     name: string;
+    plan: {
+        currency?: string;
+        id: string;
+        name: string;
+    } | null;
     planEndDate: null;
     planId: string;
     planStartDate: null;
@@ -110,6 +126,11 @@ export declare const WORKSPACE_ACTION_TYPES: {
     id: string;
     logo: string;
     name: string;
+    plan: {
+        currency?: string;
+        id: string;
+        name: string;
+    } | null;
     planEndDate: null;
     planId: string;
     planStartDate: null;
@@ -136,6 +157,11 @@ export declare const WORKSPACE_ACTION_TYPES: {
     id: string;
     logo: string;
     name: string;
+    plan: {
+        currency?: string;
+        id: string;
+        name: string;
+    } | null;
     planEndDate: null;
     planId: string;
     planStartDate: null;
@@ -150,11 +176,13 @@ export declare const WORKSPACE_ACTION_TYPES: {
     errors: Record<string, string>;
 }>;
 type Plan = {
-    name: string;
+    currency?: string;
     id: string;
+    name: string;
 };
-export declare const WorkspaceStateContextProvider: ({ children, }: {
+export declare const WorkspaceStateContextProvider: ({ children, subdomain, }: {
     children: React.ReactNode;
+    subdomain?: string;
 }) => import("react").JSX.Element;
 export declare const useWorkspaceModule: () => {
     handleChange: (field: string, value: string | number | boolean | undefined | Record<string, string>) => void;
@@ -164,6 +192,7 @@ export declare const useWorkspaceModule: () => {
     handleView: () => void;
     plans: Plan[];
     updateLoading: boolean;
+    workspace: WorkspaceBE | null;
     handleSearch?: (query: string) => void;
     handlePageChange?: (page: number) => void;
     handlePageLimitChange?: (limit: number) => void;
@@ -181,6 +210,11 @@ export declare const useWorkspaceModule: () => {
         id: string;
         logo: string;
         name: string;
+        plan: {
+            currency?: string;
+            id: string;
+            name: string;
+        } | null;
         planEndDate: null;
         planId: string;
         planStartDate: null;

package/base-modules/workspace/context.js

@@ -10,7 +10,7 @@ import { jsx as _jsx } from "react/jsx-runtime";
  * Key responsibilities:
  * - Expose `useWorkspaceModule()` which UI components call for actions
  * - Keep module-specific `apiParams` and callbacks in one place
- * - Ensure cache invalidation and toast notifications on mutation
+ * - Keep the shared workspace cache in sync on mutation
  *
  * Exported utilities:
  * - `WorkspaceStateContextProvider` — provider component used by the page
@@ -26,10 +26,9 @@ import { useModuleEntityV2, } from "@react-pakistan/util-functions/hooks/use-mod
 import { createGenericModule } from "@react-pakistan/util-functions/factory/generic-module-factory";
 import { DRAWER_TYPES } from "@react-pakistan/util-functions/factory/generic-component-factory";
 import { generateThemeToast, TOAST_VARIANT, } from "@appcorp/shadcn/lib/toast-utils";
-import { WORKSPACE_API_ROUTES } from "../../constants";
-import { getCachedWorkspaceSync, invalidateWorkspaceCache } from "./cache";
+import { AUTH_API_ROUTES, WORKSPACE_API_ROUTES } from "../../constants";
+import { getCachedWorkspace, getCachedWorkspaceSync, setCachedWorkspace, } from "./cache";
 import { workspaceFormValidation } from "./validate";
-import { AUTH_API_ROUTES } from "../../constants";
 // ============================================================================
 // 1.1 DRAWER TYPES
 // ============================================================================
@@ -60,6 +59,7 @@ const workspaceConfig = {
         id: "",
         logo: "",
         name: "",
+        plan: null,
         planEndDate: null,
         planId: "",
         planStartDate: null,
@@ -81,23 +81,49 @@ const workspaceConfig = {
 // ============================================================================
 export const { actionTypes: WORKSPACE_ACTION_TYPES, config: workspaceModuleConfig, initialState: initialWorkspaceState, Provider: WorkspaceProvider, reducer: workspaceReducer, useContext: useWorkspaceContext, } = createGenericModule(workspaceConfig);
 const PlansContext = createContext([]);
-export const WorkspaceStateContextProvider = ({ children, }) => {
+export const WorkspaceStateContextProvider = ({ children, subdomain, }) => {
     const [plans, setPlans] = useState([]);
+    // Render only once the cache holds the workspace for this tenant, otherwise
+    // the lazy `useState(() => getCachedWorkspaceSync())` below hydrates empty.
+    // Start `false` whenever a subdomain is given so SSR and hydration agree.
+    const [ready, setReady] = useState(() => !subdomain);
     const t = useTranslations("workspace");
+    useEffect(() => {
+        if (!subdomain)
+            return;
+        let isMounted = true;
+        (async () => {
+            const cached = getCachedWorkspaceSync();
+            if ((cached === null || cached === void 0 ? void 0 : cached.id) && cached.subdomain === subdomain) {
+                if (isMounted)
+                    setReady(true);
+                return;
+            }
+            try {
+                await getCachedWorkspace(subdomain);
+            }
+            finally {
+                if (isMounted)
+                    setReady(true);
+            }
+        })();
+        return () => {
+            isMounted = false;
+        };
+    }, [subdomain]);
     useEffect(() => {
         const fetchPlans = async () => {
             try {
-                const response = await fetch(AUTH_API_ROUTES.PLAN, {
+                const response = await fetch(`${AUTH_API_ROUTES.PLAN}?currentPage=1&pageLimit=100`, {
                     method: "GET",
                     headers: {
                         "Content-Type": "application/json",
-                        // "x-api-token": process.env.NEXT_PUBLIC_API_KEY!,
                     },
                 });
-                if (response.ok) {
-                    const data = await response.json();
-                    setPlans((data.items || []));
-                }
+                if (!response.ok)
+                    throw new Error(`Plans fetch failed: ${response.status}`);
+                const data = await response.json();
+                setPlans((data.items || []));
             }
             catch (_a) {
                 generateThemeToast({
@@ -108,6 +134,9 @@ export const WorkspaceStateContextProvider = ({ children, }) => {
         };
         fetchPlans();
     }, [t]);
+    if (!ready) {
+        return (_jsx("div", { className: "flex min-h-[50vh] items-center justify-center", children: _jsx("div", { className: "border-primary h-8 w-8 animate-spin rounded-full border-4 border-r-transparent" }) }));
+    }
     return (_jsx(PlansContext.Provider, { value: plans, children: _jsx(WorkspaceProvider, { children: children }) }));
 };
 // ============================================================================
@@ -207,11 +236,18 @@ export const useWorkspaceModule = () => {
             return;
         }
         if (data) {
+            const updated = data;
+            // Keep local state and the shared cache in sync. Invalidating without
+            // refetching used to leave every workspace-scoped module with no data.
+            dispatch({
+                type: WORKSPACE_ACTION_TYPES.SET_FORM_DATA,
+                payload: { form: updated },
+            });
+            setCachedWorkspace(updated);
             showToast(t("messagesWorkspaceUpdated"), TOAST_VARIANT.SUCCESS);
-            invalidateWorkspaceCache();
             resetFormAndCloseDrawer();
         }
-    }, [resetFormAndCloseDrawer, showToast, t]);
+    }, [dispatch, resetFormAndCloseDrawer, showToast, t]);
     const byIdCallback = useCallback(() => { }, []);
     const deleteCallback = useCallback(() => { }, []);
     // ============================================================================
@@ -224,7 +260,7 @@ export const useWorkspaceModule = () => {
         deleteParams: {},
         listCallback,
         listParams: {},
-        listUrl: WORKSPACE_API_ROUTES.LIST,
+        listUrl: WORKSPACE_API_ROUTES.UNIT,
         searchQuery: "",
         unitByIdUrl: WORKSPACE_API_ROUTES.UNIT,
         unitUrl: WORKSPACE_API_ROUTES.UNIT,
@@ -242,7 +278,16 @@ export const useWorkspaceModule = () => {
             type: WORKSPACE_ACTION_TYPES.SET_INPUT_FIELD,
             payload: { key: field, value },
         });
-    }, [dispatch]);
+        // A retried field must not keep blocking the Save button.
+        if (state.errors[field]) {
+            const nextErrors = Object.assign({}, state.errors);
+            delete nextErrors[field];
+            dispatch({
+                type: WORKSPACE_ACTION_TYPES.SET_ERRORS,
+                payload: { errors: nextErrors },
+            });
+        }
+    }, [dispatch, state.errors]);
     const handleCloseDrawer = useCallback(() => {
         resetFormAndCloseDrawer();
     }, [resetFormAndCloseDrawer]);
@@ -275,7 +320,6 @@ export const useWorkspaceModule = () => {
                 });
             },
             errorCallback: (errors) => {
-                console.log("Validation errors:", errors);
                 dispatch({
                     type: WORKSPACE_ACTION_TYPES.SET_ERRORS,
                     payload: { errors },
@@ -308,5 +352,6 @@ export const useWorkspaceModule = () => {
         handleSubmit,
         handleView,
         plans,
-        updateLoading });
+        updateLoading,
+        workspace });
 };

package/base-modules/workspace/form.js

@@ -27,31 +27,34 @@ const SecretsEditor = ({ secrets, errors, onChange, secretPlaceholder, }) => {
 // WORKSPACE FORM
 // ============================================================================
 export const WorkspaceForm = () => {
-    const { state, handleChange, plans } = useWorkspaceModule();
+    const { state, handleChange, plans, workspace } = useWorkspaceModule();
     const t = useTranslations("workspace");
     const secrets = state.secrets || {};
     const handleSecretChange = (key, value) => {
         handleChange("secrets", Object.assign(Object.assign({}, secrets), { [key]: value }));
     };
+    // Plans are priced per currency. Match the workspace's agreed currency and
+    // fall back to the full list when the workspace has none (new/unpriced).
+    const currency = state.agreedCurrency || (workspace === null || workspace === void 0 ? void 0 : workspace.agreedCurrency);
+    const currencyPlans = currency
+        ? plans.filter((plan) => !plan.currency || plan.currency === currency)
+        : plans;
+    const planOptions = (currencyPlans.length > 0 ? currencyPlans : plans).map((plan) => ({ value: plan.id, label: plan.name }));
     const { enhancedComboboxElement: planIdCombo } = useEnhancedCombobox({
         id: "planId",
         label: t("formPlanLabel"),
         value: state.planId || "",
-        onValueChange: (value) => handleChange("planId", value),
-        options: plans
-            .filter(({ name }) => name.match("PKR"))
-            .map((plan) => ({
-            value: plan.id,
-            label: plan.name,
-        })),
+        onValueChange: (value) => handleChange("planId", value || ""),
+        options: planOptions,
         placeholder: t("formPlanPlaceholder"),
         info: t("formPlanInfo"),
         searchEndpoint: PLAN_API_ROUTES.UNIT,
+        searchParams: currency ? { currency } : undefined,
         formatSearchResult: (item) => {
-            var _a, _b;
+            var _a, _b, _c, _d;
             return ({
-                label: String((_a = item.label) !== null && _a !== void 0 ? _a : ""),
-                value: String((_b = item.value) !== null && _b !== void 0 ? _b : ""),
+                label: String((_b = (_a = item.name) !== null && _a !== void 0 ? _a : item.label) !== null && _b !== void 0 ? _b : ""),
+                value: String((_d = (_c = item.id) !== null && _c !== void 0 ? _c : item.value) !== null && _d !== void 0 ? _d : ""),
             });
         },
     });

package/base-modules/workspace/page.d.ts

@@ -16,6 +16,11 @@ interface Props {
     tableDescription: string;
     tableTitle: string;
     userRole: USER_ROLE;
+    /**
+     * Tenant subdomain used to hydrate the workspace cache when it is empty.
+     * Optional so the module still renders in Storybook / standalone apps.
+     */
+    subdomain?: string;
 }
 export declare const WorkspacePage: FC<Props>;
 export {};

package/base-modules/workspace/page.js

@@ -35,4 +35,4 @@ const WorkspaceInnerPage = ({ actionsButtonEdit, tableDescription, tableTitle, u
 // ============================================================================
 // ROOT PAGE COMPONENT (wraps with provider)
 // ============================================================================
-export const WorkspacePage = (props) => (_jsx(WorkspaceStateContextProvider, { children: _jsx(WorkspaceInnerPage, Object.assign({}, props)) }));
+export const WorkspacePage = (props) => (_jsx(WorkspaceStateContextProvider, { subdomain: props.subdomain, children: _jsx(WorkspaceInnerPage, Object.assign({}, props)) }));

package/base-modules/workspace/view.js

@@ -7,16 +7,19 @@ import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
  */
 import { useWorkspaceModule } from "./context";
 import { useTranslations } from "next-intl";
-import Image from "next/image";
 import { Card, CardContent, CardDescription, CardHeader, CardTitle, } from "@appcorp/shadcn/components/ui/card";
 import { Badge } from "@appcorp/shadcn/components/ui/badge";
 import { Separator } from "@appcorp/shadcn/components/ui/separator";
 import { Building2, Globe, FileText, Image as LucideImage, CheckCircle2, XCircle, Calendar, CreditCard, Users, BookOpen, GraduationCap, Home, HardDrive, Clock, Shield, } from "lucide-react";
 import { DATE_FORMATS, formatDate, } from "@react-pakistan/util-functions/general/format-date";
 import { formatValue } from "@react-pakistan/util-functions/general/format-value";
+const APP_DOMAIN = process.env.NEXT_PUBLIC_APP_DOMAIN || "edupilotpro.com";
 export const WorkspaceView = () => {
-    const { state } = useWorkspaceModule();
+    var _a, _b;
+    const { state, workspace } = useWorkspaceModule();
     const t = useTranslations("workspace");
+    const appDomain = APP_DOMAIN;
+    const planName = ((_a = state.plan) === null || _a === void 0 ? void 0 : _a.name) || ((_b = workspace === null || workspace === void 0 ? void 0 : workspace.plan) === null || _b === void 0 ? void 0 : _b.name) || formatValue(state.planId);
     const formatCurrency = (amount, currency) => {
         if (!amount)
             return "—";
@@ -40,17 +43,14 @@ export const WorkspaceView = () => {
             return `${mb} MB`;
         return `${(mb / 1024).toFixed(1)} GB`;
     };
-    return (_jsxs("div", { className: "space-y-6", children: [_jsxs(Card, { children: [_jsxs(CardHeader, { className: "pb-3", children: [_jsxs("div", { className: "flex items-center gap-2", children: [_jsx(Building2, { className: "text-primary h-5 w-5" }), _jsx(CardTitle, { className: "text-lg", children: t("viewSectionBasicInfo") })] }), _jsx(CardDescription, { children: t("viewBasicInfoDescription") })] }), _jsx(Separator, {}), _jsx(CardContent, { className: "pt-6", children: _jsxs("div", { className: "grid grid-cols-2 gap-6 md:grid-cols-2", children: [_jsxs("div", { className: "space-y-1 md:col-span-2", children: [_jsxs("div", { className: "flex items-center gap-2", children: [_jsx(Building2, { className: "text-muted-foreground h-4 w-4" }), _jsx("p", { className: "text-muted-foreground text-sm font-medium", children: t("formNameLabel") })] }), _jsx("p", { className: "text-base", children: formatValue(state.name) })] }), _jsxs("div", { className: "space-y-1 md:col-span-2", children: [_jsxs("div", { className: "flex items-center gap-2", children: [_jsx(Globe, { className: "text-muted-foreground h-4 w-4" }), _jsx("p", { className: "text-muted-foreground text-sm font-medium", children: t("formSubdomainLabel") })] }), _jsx("p", { className: "text-base", children: formatValue(state.subdomain) }), state.subdomain && (_jsxs("p", { className: "text-muted-foreground text-sm", children: [t("viewFieldUrlPrefix"), state.subdomain, ".edupilotpro.com"] }))] }), _jsxs("div", { className: "space-y-1 md:col-span-2", children: [_jsxs("div", { className: "flex items-center gap-2", children: [_jsx(FileText, { className: "text-muted-foreground h-4 w-4" }), _jsx("p", { className: "text-muted-foreground text-sm font-medium", children: t("formDescriptionLabel") })] }), _jsx("p", { className: "text-base", children: formatValue(state.description) === "—"
+    return (_jsxs("div", { className: "space-y-6", children: [_jsxs(Card, { children: [_jsxs(CardHeader, { className: "pb-3", children: [_jsxs("div", { className: "flex items-center gap-2", children: [_jsx(Building2, { className: "text-primary h-5 w-5" }), _jsx(CardTitle, { className: "text-lg", children: t("viewSectionBasicInfo") })] }), _jsx(CardDescription, { children: t("viewBasicInfoDescription") })] }), _jsx(Separator, {}), _jsx(CardContent, { className: "pt-6", children: _jsxs("div", { className: "grid grid-cols-2 gap-6 md:grid-cols-2", children: [_jsxs("div", { className: "space-y-1 md:col-span-2", children: [_jsxs("div", { className: "flex items-center gap-2", children: [_jsx(Building2, { className: "text-muted-foreground h-4 w-4" }), _jsx("p", { className: "text-muted-foreground text-sm font-medium", children: t("formNameLabel") })] }), _jsx("p", { className: "text-base", children: formatValue(state.name) })] }), _jsxs("div", { className: "space-y-1 md:col-span-2", children: [_jsxs("div", { className: "flex items-center gap-2", children: [_jsx(Globe, { className: "text-muted-foreground h-4 w-4" }), _jsx("p", { className: "text-muted-foreground text-sm font-medium", children: t("formSubdomainLabel") })] }), _jsx("p", { className: "text-base", children: formatValue(state.subdomain) }), state.subdomain && (_jsxs("p", { className: "text-muted-foreground text-sm", children: [t("viewFieldUrlPrefix"), state.subdomain, ".", appDomain] }))] }), _jsxs("div", { className: "space-y-1 md:col-span-2", children: [_jsxs("div", { className: "flex items-center gap-2", children: [_jsx(FileText, { className: "text-muted-foreground h-4 w-4" }), _jsx("p", { className: "text-muted-foreground text-sm font-medium", children: t("formDescriptionLabel") })] }), _jsx("p", { className: "text-base", children: formatValue(state.description) === "—"
                                                 ? t("viewTextDescriptionNotProvided")
-                                                : state.description })] }), state.logo && (_jsxs("div", { className: "space-y-1 md:col-span-2", children: [_jsxs("div", { className: "flex items-center gap-2", children: [_jsx(LucideImage, { className: "text-muted-foreground h-4 w-4" }), _jsx("p", { className: "text-muted-foreground text-sm font-medium", children: t("formLogoLabel") })] }), _jsx("div", { className: "mt-2", children: _jsx(Image, { src: state.logo, alt: t("viewFieldLogoAlt"), width: 64, height: 64, className: "h-16 w-16 rounded border object-contain", onError: (e) => {
+                                                : state.description })] }), state.logo && (_jsxs("div", { className: "space-y-1 md:col-span-2", children: [_jsxs("div", { className: "flex items-center gap-2", children: [_jsx(LucideImage, { className: "text-muted-foreground h-4 w-4" }), _jsx("p", { className: "text-muted-foreground text-sm font-medium", children: t("formLogoLabel") })] }), _jsx("div", { className: "mt-2", children: _jsx("img", { src: state.logo, alt: t("viewFieldLogoAlt"), width: 64, height: 64, className: "h-16 w-16 rounded border object-contain", onError: (e) => {
                                                     e.currentTarget.style.display = "none";
                                                 } }) })] })), _jsxs("div", { className: "space-y-1", children: [_jsx("p", { className: "text-muted-foreground text-sm font-medium", children: t("viewFieldStatus") }), _jsxs(Badge, { variant: state.enabled ? "default" : "destructive", className: "gap-1", children: [state.enabled ? (_jsx(CheckCircle2, { className: "h-3 w-3" })) : (_jsx(XCircle, { className: "h-3 w-3" })), state.enabled
                                                     ? t("viewStatusEnabled")
-                                                    : t("viewStatusDisabled")] })] })] }) })] }), _jsxs(Card, { children: [_jsxs(CardHeader, { className: "pb-3", children: [_jsxs("div", { className: "flex items-center gap-2", children: [_jsx(CreditCard, { className: "text-primary h-5 w-5" }), _jsx(CardTitle, { className: "text-lg", children: t("viewSectionPlanBilling") })] }), _jsx(CardDescription, { children: t("viewPlanBillingDescription") })] }), _jsx(Separator, {}), _jsx(CardContent, { className: "pt-6", children: _jsxs("div", { className: "grid grid-cols-1 gap-6 md:grid-cols-2", children: [_jsxs("div", { className: "space-y-1", children: [_jsxs("div", { className: "flex items-center gap-2", children: [_jsx(CreditCard, { className: "text-muted-foreground h-4 w-4" }), _jsx("p", { className: "text-muted-foreground text-sm font-medium", children: t("viewFieldPlanIdLabel") })] }), _jsx("p", { className: "font-mono text-sm", children: formatValue(state.planId) })] }), _jsxs("div", { className: "space-y-1", children: [_jsxs("div", { className: "flex items-center gap-2", children: [_jsx(Calendar, { className: "text-muted-foreground h-4 w-4" }), _jsx("p", { className: "text-muted-foreground text-sm font-medium", children: t("viewFieldPlanStartDateLabel") })] }), _jsx("p", { className: "text-base", children: formatDate(state.planStartDate || "", DATE_FORMATS.LOCALE_DATE) })] }), _jsxs("div", { className: "space-y-1", children: [_jsxs("div", { className: "flex items-center gap-2", children: [_jsx(Calendar, { className: "text-muted-foreground h-4 w-4" }), _jsx("p", { className: "text-muted-foreground text-sm font-medium", children: t("viewFieldPlanEndDateLabel") })] }), _jsx("p", { className: "text-base", children: formatDate(state.planEndDate || "", DATE_FORMATS.LOCALE_DATE) })] }), _jsxs("div", { className: "space-y-1", children: [_jsxs("div", { className: "flex items-center gap-2", children: [_jsx(Clock, { className: "text-muted-foreground h-4 w-4" }), _jsx("p", { className: "text-muted-foreground text-sm font-medium", children: t("viewFieldBillingIntervalLabel") })] }), _jsx("p", { className: "text-base", children: formatBillingInterval(state.billingInterval) })] }), _jsxs("div", { className: "space-y-1", children: [_jsxs("div", { className: "flex items-center gap-2", children: [_jsx(CreditCard, { className: "text-muted-foreground h-4 w-4" }), _jsx("p", { className: "text-muted-foreground text-sm font-medium", children: t("viewFieldAgreedPriceLabel") })] }), _jsx("p", { className: "text-base", children: formatCurrency(state.agreedPrice, state.agreedCurrency) })] }), _jsxs("div", { className: "space-y-1", children: [_jsxs("div", { className: "flex items-center gap-2", children: [_jsx(Globe, { className: "text-muted-foreground h-4 w-4" }), _jsx("p", { className: "text-muted-foreground text-sm font-medium", children: t("viewFieldCurrencyLabel") })] }), _jsx("p", { className: "text-base", children: formatValue(state.agreedCurrency) })] })] }) })] }), _jsxs(Card, { children: [_jsxs(CardHeader, { className: "pb-3", children: [_jsxs("div", { className: "flex items-center gap-2", children: [_jsx(Users, { className: "text-primary h-5 w-5" }), _jsx(CardTitle, { className: "text-lg", children: t("viewSectionUsageStats") })] }), _jsx(CardDescription, { children: t("viewUsageStatsDescription") })] }), _jsx(Separator, {}), _jsx(CardContent, { className: "pt-6", children: _jsxs("div", { className: "grid grid-cols-2 gap-6 md:grid-cols-3", children: [_jsxs("div", { className: "space-y-1", children: [_jsxs("div", { className: "flex items-center gap-2", children: [_jsx(GraduationCap, { className: "text-muted-foreground h-4 w-4" }), _jsx("p", { className: "text-muted-foreground text-sm font-medium", children: t("viewFieldStudentsLabel") })] }), _jsx("p", { className: "text-primary text-2xl font-bold", children: state.studentsCount })] }), _jsxs("div", { className: "space-y-1", children: [_jsxs("div", { className: "flex items-center gap-2", children: [_jsx(Users, { className: "text-muted-foreground h-4 w-4" }), _jsx("p", { className: "text-muted-foreground text-sm font-medium", children: t("viewFieldTeachersLabel") })] }), _jsx("p", { className: "text-primary text-2xl font-bold", children: state.teachersCount })] }), _jsxs("div", { className: "space-y-1", children: [_jsxs("div", { className: "flex items-center gap-2", children: [_jsx(BookOpen, { className: "text-muted-foreground h-4 w-4" }), _jsx("p", { className: "text-muted-foreground text-sm font-medium", children: t("viewFieldClassesLabel") })] }), _jsx("p", { className: "text-primary text-2xl font-bold", children: state.classesCount })] }), _jsxs("div", { className: "space-y-1", children: [_jsxs("div", { className: "flex items-center gap-2", children: [_jsx(BookOpen, { className: "text-muted-foreground h-4 w-4" }), _jsx("p", { className: "text-muted-foreground text-sm font-medium", children: t("viewFieldCoursesLabel") })] }), _jsx("p", { className: "text-primary text-2xl font-bold", children: state.coursesCount })] }), _jsxs("div", { className: "space-y-1", children: [_jsxs("div", { className: "flex items-center gap-2", children: [_jsx(Home, { className: "text-muted-foreground h-4 w-4" }), _jsx("p", { className: "text-muted-foreground text-sm font-medium", children: t("viewFieldFamiliesLabel") })] }), _jsx("p", { className: "text-primary text-2xl font-bold", children: state.familiesCount })] }), _jsxs("div", { className: "space-y-1", children: [_jsxs("div", { className: "flex items-center gap-2", children: [_jsx(HardDrive, { className: "text-muted-foreground h-4 w-4" }), _jsx("p", { className: "text-muted-foreground text-sm font-medium", children: t("viewFieldStorageUsedLabel") })] }), _jsx("p", { className: "text-primary text-2xl font-bold", children: formatStorage(state.storageUsedMB) })] })] }) })] }), _jsxs(Card, { children: [_jsxs(CardHeader, { className: "pb-3", children: [_jsxs("div", { className: "flex items-center gap-2", children: [_jsx(Shield, { className: "text-primary h-5 w-5" }), _jsx(CardTitle, { className: "text-lg", children: t("viewSectionSecrets") })] }), _jsx(CardDescription, { children: t("viewSecretsDescription") })] }), _jsx(Separator, {}), _jsx(CardContent, { className: "pt-6", children: _jsx("div", { className: "space-y-4", children: _jsxs("div", { children: [_jsxs("div", { className: "mb-2 flex items-center gap-2", children: [_jsx(Shield, { className: "text-muted-foreground h-4 w-4" }), _jsx("p", { className: "text-muted-foreground text-sm font-medium", children: t("viewFieldSecretsJsonLabel") })] }), state.secrets ? (_jsx("div", { className: "space-y-2", children: Object.keys(state.secrets)
-                                            .length === 0 ? (_jsx("p", { className: "text-muted-foreground italic", children: t("viewFieldNoSecretsConfigured") })) : (Object.entries(state.secrets).map(([k, v]) => {
-                                            var _a;
-                                            return (_jsxs("div", { className: "bg-muted/10 border-border/60 flex items-center justify-between rounded-md border p-3", children: [_jsx("div", { className: "text-foreground text-sm font-medium", children: k }), _jsx("div", { className: "text-foreground/80 font-mono text-sm", children: typeof v === "string" && v.length > 0
-                                                            ? `${(_a = String(v)) === null || _a === void 0 ? void 0 : _a.slice(0, 3)}${"*".repeat(Math.max(0, String(v).length - 3))}`
-                                                            : "—" })] }, k));
-                                        })) })) : (_jsx("p", { className: "text-muted-foreground italic", children: t("viewFieldNoSecretsConfigured") })), _jsx("p", { className: "text-muted-foreground mt-2 text-xs", children: t("viewFieldSecretsHelpText") })] }) }) })] })] }));
+                                                    : t("viewStatusDisabled")] })] })] }) })] }), _jsxs(Card, { children: [_jsxs(CardHeader, { className: "pb-3", children: [_jsxs("div", { className: "flex items-center gap-2", children: [_jsx(CreditCard, { className: "text-primary h-5 w-5" }), _jsx(CardTitle, { className: "text-lg", children: t("viewSectionPlanBilling") })] }), _jsx(CardDescription, { children: t("viewPlanBillingDescription") })] }), _jsx(Separator, {}), _jsx(CardContent, { className: "pt-6", children: _jsxs("div", { className: "grid grid-cols-1 gap-6 md:grid-cols-2", children: [_jsxs("div", { className: "space-y-1", children: [_jsxs("div", { className: "flex items-center gap-2", children: [_jsx(CreditCard, { className: "text-muted-foreground h-4 w-4" }), _jsx("p", { className: "text-muted-foreground text-sm font-medium", children: t("viewFieldPlanIdLabel") })] }), _jsx("p", { className: "text-base", children: planName })] }), _jsxs("div", { className: "space-y-1", children: [_jsxs("div", { className: "flex items-center gap-2", children: [_jsx(Calendar, { className: "text-muted-foreground h-4 w-4" }), _jsx("p", { className: "text-muted-foreground text-sm font-medium", children: t("viewFieldPlanStartDateLabel") })] }), _jsx("p", { className: "text-base", children: formatDate(state.planStartDate || "", DATE_FORMATS.LOCALE_DATE) })] }), _jsxs("div", { className: "space-y-1", children: [_jsxs("div", { className: "flex items-center gap-2", children: [_jsx(Calendar, { className: "text-muted-foreground h-4 w-4" }), _jsx("p", { className: "text-muted-foreground text-sm font-medium", children: t("viewFieldPlanEndDateLabel") })] }), _jsx("p", { className: "text-base", children: formatDate(state.planEndDate || "", DATE_FORMATS.LOCALE_DATE) })] }), _jsxs("div", { className: "space-y-1", children: [_jsxs("div", { className: "flex items-center gap-2", children: [_jsx(Clock, { className: "text-muted-foreground h-4 w-4" }), _jsx("p", { className: "text-muted-foreground text-sm font-medium", children: t("viewFieldBillingIntervalLabel") })] }), _jsx("p", { className: "text-base", children: formatBillingInterval(state.billingInterval) })] }), _jsxs("div", { className: "space-y-1", children: [_jsxs("div", { className: "flex items-center gap-2", children: [_jsx(CreditCard, { className: "text-muted-foreground h-4 w-4" }), _jsx("p", { className: "text-muted-foreground text-sm font-medium", children: t("viewFieldAgreedPriceLabel") })] }), _jsx("p", { className: "text-base", children: formatCurrency(state.agreedPrice, state.agreedCurrency) })] }), _jsxs("div", { className: "space-y-1", children: [_jsxs("div", { className: "flex items-center gap-2", children: [_jsx(Globe, { className: "text-muted-foreground h-4 w-4" }), _jsx("p", { className: "text-muted-foreground text-sm font-medium", children: t("viewFieldCurrencyLabel") })] }), _jsx("p", { className: "text-base", children: formatValue(state.agreedCurrency) })] })] }) })] }), _jsxs(Card, { children: [_jsxs(CardHeader, { className: "pb-3", children: [_jsxs("div", { className: "flex items-center gap-2", children: [_jsx(Users, { className: "text-primary h-5 w-5" }), _jsx(CardTitle, { className: "text-lg", children: t("viewSectionUsageStats") })] }), _jsx(CardDescription, { children: t("viewUsageStatsDescription") })] }), _jsx(Separator, {}), _jsx(CardContent, { className: "pt-6", children: _jsxs("div", { className: "grid grid-cols-2 gap-6 md:grid-cols-3", children: [_jsxs("div", { className: "space-y-1", children: [_jsxs("div", { className: "flex items-center gap-2", children: [_jsx(GraduationCap, { className: "text-muted-foreground h-4 w-4" }), _jsx("p", { className: "text-muted-foreground text-sm font-medium", children: t("viewFieldStudentsLabel") })] }), _jsx("p", { className: "text-primary text-2xl font-bold", children: state.studentsCount })] }), _jsxs("div", { className: "space-y-1", children: [_jsxs("div", { className: "flex items-center gap-2", children: [_jsx(Users, { className: "text-muted-foreground h-4 w-4" }), _jsx("p", { className: "text-muted-foreground text-sm font-medium", children: t("viewFieldTeachersLabel") })] }), _jsx("p", { className: "text-primary text-2xl font-bold", children: state.teachersCount })] }), _jsxs("div", { className: "space-y-1", children: [_jsxs("div", { className: "flex items-center gap-2", children: [_jsx(BookOpen, { className: "text-muted-foreground h-4 w-4" }), _jsx("p", { className: "text-muted-foreground text-sm font-medium", children: t("viewFieldClassesLabel") })] }), _jsx("p", { className: "text-primary text-2xl font-bold", children: state.classesCount })] }), _jsxs("div", { className: "space-y-1", children: [_jsxs("div", { className: "flex items-center gap-2", children: [_jsx(BookOpen, { className: "text-muted-foreground h-4 w-4" }), _jsx("p", { className: "text-muted-foreground text-sm font-medium", children: t("viewFieldCoursesLabel") })] }), _jsx("p", { className: "text-primary text-2xl font-bold", children: state.coursesCount })] }), _jsxs("div", { className: "space-y-1", children: [_jsxs("div", { className: "flex items-center gap-2", children: [_jsx(Home, { className: "text-muted-foreground h-4 w-4" }), _jsx("p", { className: "text-muted-foreground text-sm font-medium", children: t("viewFieldFamiliesLabel") })] }), _jsx("p", { className: "text-primary text-2xl font-bold", children: state.familiesCount })] }), _jsxs("div", { className: "space-y-1", children: [_jsxs("div", { className: "flex items-center gap-2", children: [_jsx(HardDrive, { className: "text-muted-foreground h-4 w-4" }), _jsx("p", { className: "text-muted-foreground text-sm font-medium", children: t("viewFieldStorageUsedLabel") })] }), _jsx("p", { className: "text-primary text-2xl font-bold", children: formatStorage(state.storageUsedMB) })] })] }) })] }), _jsxs(Card, { children: [_jsxs(CardHeader, { className: "pb-3", children: [_jsxs("div", { className: "flex items-center gap-2", children: [_jsx(Shield, { className: "text-primary h-5 w-5" }), _jsx(CardTitle, { className: "text-lg", children: t("viewSectionSecrets") })] }), _jsx(CardDescription, { children: t("viewSecretsDescription") })] }), _jsx(Separator, {}), _jsx(CardContent, { className: "pt-6", children: _jsx("div", { className: "space-y-4", children: _jsxs("div", { children: [_jsxs("div", { className: "mb-2 flex items-center gap-2", children: [_jsx(Shield, { className: "text-muted-foreground h-4 w-4" }), _jsx("p", { className: "text-muted-foreground text-sm font-medium", children: t("viewFieldSecretsJsonLabel") })] }), state.secrets ? (_jsx("div", { className: "space-y-2", children: Object.keys(state.secrets)
+                                            .length === 0 ? (_jsx("p", { className: "text-muted-foreground italic", children: t("viewFieldNoSecretsConfigured") })) : (Object.entries(state.secrets).map(([k, v]) => (_jsxs("div", { className: "bg-muted/10 border-border/60 flex items-center justify-between rounded-md border p-3", children: [_jsx("div", { className: "text-foreground text-sm font-medium", children: k }), _jsx("div", { className: "text-foreground/80 text-sm", children: typeof v === "string" && v.length > 0
+                                                        ? t("viewFieldSecretConfigured")
+                                                        : "—" })] }, k)))) })) : (_jsx("p", { className: "text-muted-foreground italic", children: t("viewFieldNoSecretsConfigured") })), _jsx("p", { className: "text-muted-foreground mt-2 text-xs", children: t("viewFieldSecretsHelpText") })] }) }) })] })] }));
 };

package/base-modules/workspace-user/context.d.ts

@@ -17,8 +17,8 @@
  * - `WORKSPACE_USER_DRAWER` — drawer type constants
  * - `useWorkspaceUserModule()` — hook that returns handlers and state
  */
-import { RoleBE, WorkspaceBE, WorkspaceUserBE } from "../../type";
-import { type RowAction } from "@appcorp/shadcn/components/enhanced-table";
+import { RoleBE, UserBE, WorkspaceBE, WorkspaceUserBE } from "../../type";
+import { type RowAction, type TableRow } from "@appcorp/shadcn/components/enhanced-table";
 export declare const WORKSPACE_USER_DRAWER: {
     readonly FILTER_DRAWER: string;
     readonly FORM_DRAWER: string;
@@ -53,6 +53,7 @@ export declare const WORKSPACE_USER_ACTION_TYPES: {
     userId: string;
     workspaceId: string;
     role: RoleBE | undefined;
+    user: UserBE | undefined;
     workspace: WorkspaceBE | undefined;
 }>, initialWorkspaceUserState: {
     items: WorkspaceUserBE[];
@@ -70,6 +71,7 @@ export declare const WORKSPACE_USER_ACTION_TYPES: {
     userId: string;
     workspaceId: string;
     role: RoleBE | undefined;
+    user: UserBE | undefined;
     workspace: WorkspaceBE | undefined;
 }, WorkspaceUserProvider: import("react").FC<{
     children: React.ReactNode;
@@ -89,6 +91,7 @@ export declare const WORKSPACE_USER_ACTION_TYPES: {
     userId: string;
     workspaceId: string;
     role: RoleBE | undefined;
+    user: UserBE | undefined;
     workspace: WorkspaceBE | undefined;
 }, action: any) => {
     items: WorkspaceUserBE[];
@@ -106,6 +109,7 @@ export declare const WORKSPACE_USER_ACTION_TYPES: {
     userId: string;
     workspaceId: string;
     role: RoleBE | undefined;
+    user: UserBE | undefined;
     workspace: WorkspaceBE | undefined;
 }, useWorkspaceUserContext: () => import("@react-pakistan/util-functions/factory/generic-module-factory").GenericModuleContextWithHandlers<{
     items: WorkspaceUserBE[];
@@ -123,6 +127,7 @@ export declare const WORKSPACE_USER_ACTION_TYPES: {
     userId: string;
     workspaceId: string;
     role: RoleBE | undefined;
+    user: UserBE | undefined;
     workspace: WorkspaceBE | undefined;
 }>;
 export declare const useWorkspaceUserModule: () => {
@@ -133,15 +138,15 @@ export declare const useWorkspaceUserModule: () => {
     handleChange: (field: string, value: string | number | boolean | undefined | Record<string, string>) => void;
     handleCloseDrawer: () => void;
     handleCreate: () => void;
-    handleDelete: (row?: WorkspaceUserBE) => void;
-    handleEdit: () => void;
+    handleDelete: (row?: TableRow) => void;
+    handleEdit: (row?: TableRow) => void;
     handleFilters: () => void;
     handleMoreActions: () => void;
     handlePageChange: (page: number | unknown) => void;
     handlePageLimitChange: (limit: number) => void;
     handleSearch: (query: string) => void;
     handleSubmit: () => void;
-    handleView: () => void;
+    handleView: (row?: TableRow) => void;
     headerActions: {
         enabled: boolean;
         handleOnClick: () => void;
@@ -169,6 +174,7 @@ export declare const useWorkspaceUserModule: () => {
         userId: string;
         workspaceId: string;
         role: RoleBE | undefined;
+        user: UserBE | undefined;
         workspace: WorkspaceBE | undefined;
     };
     dispatch: React.Dispatch<any>;