@appcorp/fusion-storybook 0.1.56 → 0.1.57

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

@@ -148,6 +148,13 @@ export declare const WORKSPACE_DRAWER: {
     readonly MORE_ACTIONS_DRAWER: string;
     readonly VIEW_DRAWER: string;
 };
+type Plan = {
+    name: string;
+    id: string;
+};
+export declare const WorkspaceStateContextProvider: ({ children, }: {
+    children: React.ReactNode;
+}) => import("react/jsx-runtime").JSX.Element;
 export declare const useWorkspaceModule: () => {
     state: {
         agreedCurrency: string;
@@ -177,10 +184,7 @@ export declare const useWorkspaceModule: () => {
         errors: Record<string, string>;
     };
     dispatch: import("react").Dispatch<any>;
-    plans: {
-        name: string;
-        id: string;
-    }[];
+    plans: Plan[];
     handleChange: (field: string, value: string | number | boolean | undefined | Record<string, string>) => void;
     handleCloseDrawer: () => void;
     handleEdit: () => void;
@@ -188,3 +192,4 @@ export declare const useWorkspaceModule: () => {
     handleView: () => void;
     updateLoading: boolean;
 };
+export {};

package/base-modules/workspace/context.js

@@ -1,4 +1,5 @@
 "use client";
+import { jsx as _jsx } from "react/jsx-runtime";
 /**
  * Workspace Module — business logic + API integration
  *
@@ -16,7 +17,7 @@
  * - `WorkspaceStateContextProvider` — provider component used by the page
  * - `useWorkspaceModule()` — hook that returns handlers and state
  */
-import { useCallback, useEffect, useMemo, useState } from "react";
+import { createContext, useCallback, useContext, useEffect, useMemo, useState, } from "react";
 import { validateForm } from "@react-pakistan/util-functions";
 import { useModuleEntityV2, } from "@react-pakistan/util-functions/hooks/use-module-entity-v2";
 import { createGenericModule } from "@react-pakistan/util-functions/factory/generic-module-factory";
@@ -80,12 +81,42 @@ export const WORKSPACE_DRAWER = {
     MORE_ACTIONS_DRAWER: "MORE_ACTIONS_DRAWER",
     VIEW_DRAWER: DRAWER_TYPES.VIEW_DRAWER,
 };
+const PlansContext = createContext([]);
+export const WorkspaceStateContextProvider = ({ children, }) => {
+    const [plans, setPlans] = useState([]);
+    const t = useTranslations("workspace");
+    useEffect(() => {
+        const fetchPlans = async () => {
+            try {
+                const response = await fetch(AUTH_API_ROUTES.PLAN, {
+                    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 || []));
+                }
+            }
+            catch (_a) {
+                generateThemeToast({
+                    description: t("messagesFetchFailed"),
+                    variant: TOAST_VARIANT.ERROR,
+                });
+            }
+        };
+        fetchPlans();
+    }, [t]);
+    return (_jsx(PlansContext.Provider, { value: plans, children: _jsx(WorkspaceProvider, { children: children }) }));
+};
 // ============================================================================
 // ENHANCED WORKSPACE HOOK WITH API INTEGRATION
 // ============================================================================
 export const useWorkspaceModule = () => {
     const { state, dispatch } = useWorkspaceContext();
-    const [plans, setPlans] = useState([]);
+    const plans = useContext(PlansContext);
     const workspace = getCachedWorkspaceSync();
     const t = useTranslations("workspace");
     // ============================================================================
@@ -251,6 +282,7 @@ export const useWorkspaceModule = () => {
     // EFFECTS
     // ============================================================================
     useEffect(() => {
+        console.log("Workspace data loaded into context:", workspace);
         if (workspace) {
             dispatch({
                 type: WORKSPACE_ACTION_TYPES.SET_FORM_DATA,
@@ -258,28 +290,6 @@ export const useWorkspaceModule = () => {
             });
         }
     }, [dispatch, workspace]);
-    // Fetch plans for the combobox
-    useEffect(() => {
-        const fetchPlans = async () => {
-            try {
-                const response = await fetch(AUTH_API_ROUTES.PLAN, {
-                    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 || []));
-                }
-            }
-            catch (_a) {
-                showToast(t("messagesFetchFailed"), TOAST_VARIANT.ERROR);
-            }
-        };
-        fetchPlans();
-    }, []); // eslint-disable-line react-hooks/exhaustive-deps
     // ============================================================================
     // RETURN
     // ============================================================================

package/base-modules/workspace/page.js

@@ -1,6 +1,6 @@
 "use client";
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import { useWorkspaceModule, WorkspaceProvider } from "./context";
+import { useWorkspaceModule, WorkspaceStateContextProvider } from "./context";
 import { WorkspaceView } from "./view";
 import { WorkspaceDrawer } from "./drawer";
 import { Button } from "@appcorp/shadcn/components/ui/button";
@@ -21,4 +21,4 @@ const WorkspaceInnerPage = ({ labelEdit, tableDescription, tableTitle, userRole,
     }
     return (_jsx("div", { className: "container mx-auto px-4 py-8", children: _jsxs("div", { className: "mx-auto max-w-6xl", children: [_jsxs("div", { className: "mb-8", children: [_jsx("h1", { className: "text-3xl font-bold text-gray-900", children: tableTitle }), _jsx("p", { className: "mt-2 text-gray-600", children: tableDescription })] }), _jsx("div", { className: "mb-6 flex justify-end", children: _jsxs(Button, { onClick: handleEdit, className: "flex items-center space-x-2", children: [_jsx(Edit, { className: "h-4 w-4" }), _jsx("span", { children: labelEdit })] }) }), _jsx(WorkspaceView, {}), _jsx(WorkspaceDrawer, {})] }) }));
 };
-export const WorkspacePage = (props) => (_jsx(WorkspaceProvider, { children: _jsx(WorkspaceInnerPage, Object.assign({}, props)) }));
+export const WorkspacePage = (props) => (_jsx(WorkspaceStateContextProvider, { children: _jsx(WorkspaceInnerPage, Object.assign({}, props)) }));

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@appcorp/fusion-storybook",
-  "version": "0.1.56",
+  "version": "0.1.57",
   "scripts": {
     "build-storybook": "storybook build",
     "build:next": "next build",