@appcorp/fusion-storybook 0.1.18 → 0.1.20

package/base-modules/discount-code/context.d.ts

@@ -107,6 +107,25 @@ export declare const DISCOUNT_CODE_ACTION_TYPES: {
     id: string;
 }>;
 export declare const useDiscountCodeModule: () => {
+    state: {
+        items: DiscountCodeBE[];
+        count: number;
+        currentPage: number;
+        pageLimit: number;
+        searchQuery: string;
+        disableSaveButton: boolean;
+        drawer: null;
+        modal: null;
+        code: string;
+        description: string;
+        discountType: string;
+        discountValue: number;
+        enabled: boolean;
+        errors: Record<string, string>;
+        filterEnabled: boolean | undefined;
+        id: string;
+    };
+    dispatch: import("react").Dispatch<any>;
     applyFilters: () => void;
     byIdLoading: boolean;
     clearFilters: () => void;
@@ -132,23 +151,4 @@ export declare const useDiscountCodeModule: () => {
     listLoading: boolean;
     rowActions: RowAction[];
     updateLoading: boolean;
-    state: {
-        items: DiscountCodeBE[];
-        count: number;
-        currentPage: number;
-        pageLimit: number;
-        searchQuery: string;
-        disableSaveButton: boolean;
-        drawer: null;
-        modal: null;
-        code: string;
-        description: string;
-        discountType: string;
-        discountValue: number;
-        enabled: boolean;
-        errors: Record<string, string>;
-        filterEnabled: boolean | undefined;
-        id: string;
-    };
-    dispatch: React.Dispatch<any>;
 };

package/base-modules/discount-code/context.js

@@ -76,42 +76,42 @@ export const { actionTypes: DISCOUNT_CODE_ACTION_TYPES, config: discountCodeModu
 // ============================================================================
 export const useDiscountCodeModule = () => {
     var _a;
-    const context = useDiscountCodeStateContext();
+    const { state, dispatch } = useDiscountCodeStateContext();
     const t = useTranslations("discountCode");
     const workspace = getCachedWorkspaceSync();
     const schoolId = ((_a = workspace === null || workspace === void 0 ? void 0 : workspace.school) === null || _a === void 0 ? void 0 : _a.id) || "";
-    const debouncedQuery = useDebounce(context.state.searchQuery, 800);
+    const debouncedQuery = useDebounce(state.searchQuery, 800);
     // ============================================================================
     // API PARAMETERS
     // ============================================================================
-    const listParams = useMemo(() => (Object.assign(Object.assign({ currentPage: context.state.currentPage, pageLimit: context.state.pageLimit, schoolId }, (debouncedQuery ? { searchQuery: debouncedQuery } : {})), (context.state.filterEnabled !== undefined
-        ? { filterEnabled: String(context.state.filterEnabled) }
+    const listParams = useMemo(() => (Object.assign(Object.assign({ currentPage: state.currentPage, pageLimit: state.pageLimit, schoolId }, (debouncedQuery ? { searchQuery: debouncedQuery } : {})), (state.filterEnabled !== undefined
+        ? { filterEnabled: String(state.filterEnabled) }
         : {}))), [
-        context.state.currentPage,
-        context.state.pageLimit,
-        context.state.filterEnabled,
+        state.currentPage,
+        state.pageLimit,
+        state.filterEnabled,
         debouncedQuery,
         schoolId,
     ]);
     const updateParams = useMemo(() => ({
-        code: context.state.code,
-        description: context.state.description,
-        discountType: context.state.discountType,
-        discountValue: context.state.discountValue,
-        enabled: context.state.enabled,
-        id: context.state.id,
+        code: state.code,
+        description: state.description,
+        discountType: state.discountType,
+        discountValue: state.discountValue,
+        enabled: state.enabled,
+        id: state.id,
         schoolId,
     }), [
-        context.state.code,
-        context.state.description,
-        context.state.discountType,
-        context.state.discountValue,
-        context.state.enabled,
-        context.state.id,
+        state.code,
+        state.description,
+        state.discountType,
+        state.discountValue,
+        state.enabled,
+        state.id,
         schoolId,
     ]);
-    const byIdParams = useMemo(() => ({ id: context.state.id }), [context.state.id]);
-    const deleteParams = useMemo(() => ({ id: context.state.id }), [context.state.id]);
+    const byIdParams = useMemo(() => ({ id: state.id }), [state.id]);
+    const deleteParams = useMemo(() => ({ id: state.id }), [state.id]);
     // ============================================================================
     // API CALLBACKS
     // ============================================================================
@@ -121,7 +121,7 @@ export const useDiscountCodeModule = () => {
             return;
         }
         if (data) {
-            context.dispatch({
+            dispatch({
                 type: DISCOUNT_CODE_ACTION_TYPES.SET_ITEMS,
                 payload: { items: data.items || [], count: data.count || 0 },
             });
@@ -200,62 +200,62 @@ export const useDiscountCodeModule = () => {
         generateThemeToast({ description: message, variant });
     }, []);
     const resetFormAndCloseDrawer = useCallback(() => {
-        context.dispatch({
+        dispatch({
             type: DISCOUNT_CODE_ACTION_TYPES.SET_ERRORS,
             payload: { errors: {} },
         });
-        context.dispatch({
+        dispatch({
             type: DISCOUNT_CODE_ACTION_TYPES.SET_DISABLE_SAVE_BUTTON,
             payload: { disabled: false },
         });
-        context.dispatch({
+        dispatch({
             type: DISCOUNT_CODE_ACTION_TYPES.SET_DRAWER,
             payload: { drawer: null },
         });
-    }, [context]);
+    }, [dispatch]);
     const setField = useCallback((key, value) => {
-        context.dispatch({
+        dispatch({
             type: DISCOUNT_CODE_ACTION_TYPES.SET_INPUT_FIELD,
             payload: { field: key, value },
         });
-    }, [context]);
+    }, [dispatch]);
     // ============================================================================
     // HANDLERS
     // ============================================================================
     const handleChange = useCallback((field, value) => {
-        context.dispatch({
+        dispatch({
             type: DISCOUNT_CODE_ACTION_TYPES.SET_ERRORS,
             payload: { errors: {} },
         });
-        context.dispatch({
+        dispatch({
             type: DISCOUNT_CODE_ACTION_TYPES.SET_DISABLE_SAVE_BUTTON,
             payload: { disabled: false },
         });
         setField(field, value);
-    }, [setField, context]);
+    }, [setField, dispatch]);
     const handleCloseDrawer = useCallback(() => {
         resetFormAndCloseDrawer();
     }, [resetFormAndCloseDrawer]);
     const handleCreate = useCallback(() => {
-        context.dispatch({
+        dispatch({
             type: DISCOUNT_CODE_ACTION_TYPES.SET_DRAWER,
             payload: { drawer: DISCOUNT_CODE_DRAWER.FORM_DRAWER },
         });
-    }, [context]);
+    }, [dispatch]);
     const handleView = useCallback((row) => {
         byIdFetchNow === null || byIdFetchNow === void 0 ? void 0 : byIdFetchNow(undefined, { params: { id: row === null || row === void 0 ? void 0 : row.id } });
-        context.dispatch({
+        dispatch({
             type: DISCOUNT_CODE_ACTION_TYPES.SET_DRAWER,
             payload: { drawer: DISCOUNT_CODE_DRAWER.VIEW_DRAWER },
         });
-    }, [context, byIdFetchNow]);
+    }, [byIdFetchNow, dispatch]);
     const handleEdit = useCallback((row) => {
         byIdFetchNow === null || byIdFetchNow === void 0 ? void 0 : byIdFetchNow(undefined, { params: { id: row === null || row === void 0 ? void 0 : row.id } });
-        context.dispatch({
+        dispatch({
             type: DISCOUNT_CODE_ACTION_TYPES.SET_DRAWER,
             payload: { drawer: DISCOUNT_CODE_DRAWER.FORM_DRAWER },
         });
-    }, [context, byIdFetchNow]);
+    }, [byIdFetchNow, dispatch]);
     const handleDelete = useCallback((row) => {
         if (confirm(t("confirmDelete"))) {
             deleteFetchNow === null || deleteFetchNow === void 0 ? void 0 : deleteFetchNow(undefined, {
@@ -264,41 +264,41 @@ export const useDiscountCodeModule = () => {
         }
     }, [t, deleteFetchNow]);
     const handleFilters = useCallback(() => {
-        context.dispatch({
+        dispatch({
             type: DISCOUNT_CODE_ACTION_TYPES.SET_DRAWER,
             payload: { drawer: DISCOUNT_CODE_DRAWER.FILTER_DRAWER },
         });
-    }, [context]);
+    }, [dispatch]);
     const handlePageChange = useCallback((page) => {
-        context.dispatch({
+        dispatch({
             type: DISCOUNT_CODE_ACTION_TYPES.SET_CURRENT_PAGE,
             payload: { currentPage: page },
         });
-    }, [context]);
+    }, [dispatch]);
     const handlePageLimitChange = useCallback((limit) => {
-        context.dispatch({
+        dispatch({
             type: DISCOUNT_CODE_ACTION_TYPES.SET_PAGE_LIMIT,
             payload: { pageLimit: limit },
         });
-    }, [context]);
+    }, [dispatch]);
     const handleSearch = useCallback((query) => {
-        context.dispatch({
+        dispatch({
             type: DISCOUNT_CODE_ACTION_TYPES.SET_SEARCH_QUERY,
             payload: { searchQuery: query },
         });
-    }, [context]);
+    }, [dispatch]);
     const clearFilters = useCallback(() => {
-        context.dispatch({
+        dispatch({
             type: DISCOUNT_CODE_ACTION_TYPES.SET_FILTERS,
             payload: { filters: { filterEnabled: undefined } },
         });
-        context.dispatch({
+        dispatch({
             type: DISCOUNT_CODE_ACTION_TYPES.SET_CURRENT_PAGE,
             payload: { currentPage: 1 },
         });
-    }, [context]);
+    }, [dispatch]);
     const handleSubmit = useCallback(() => {
-        context.dispatch({
+        dispatch({
             type: DISCOUNT_CODE_ACTION_TYPES.SET_DISABLE_SAVE_BUTTON,
             payload: { disabled: true },
         });
@@ -311,18 +311,18 @@ export const useDiscountCodeModule = () => {
                 });
             },
             errorCallback: (errors) => {
-                context.dispatch({
+                dispatch({
                     type: DISCOUNT_CODE_ACTION_TYPES.SET_ERRORS,
                     payload: { errors },
                 });
-                context.dispatch({
+                dispatch({
                     type: DISCOUNT_CODE_ACTION_TYPES.SET_DISABLE_SAVE_BUTTON,
                     payload: { disabled: false },
                 });
                 showToast(t("messagesFormErrors"), TOAST_VARIANT.ERROR);
             },
         });
-    }, [context, updateParams, t, showToast, updateFetchNow]);
+    }, [dispatch, updateParams, t, showToast, updateFetchNow]);
     // ============================================================================
     // HEADER & ROW ACTIONS
     // ============================================================================
@@ -363,13 +363,13 @@ export const useDiscountCodeModule = () => {
         },
     ], [handleView, handleEdit, handleDelete, t]);
     const applyFilters = useCallback(() => {
-        context.dispatch({
+        dispatch({
             type: DISCOUNT_CODE_ACTION_TYPES.SET_CURRENT_PAGE,
             payload: { currentPage: 1 },
         });
         listFetchNow();
         handleCloseDrawer();
-    }, [context, listFetchNow, handleCloseDrawer]);
+    }, [dispatch, listFetchNow, handleCloseDrawer]);
     // ============================================================================
     // EFFECTS
     // ============================================================================
@@ -381,7 +381,7 @@ export const useDiscountCodeModule = () => {
                 const { count, items } = await getCachedDiscountCodes({
                     params: listParams,
                 });
-                context.dispatch({
+                dispatch({
                     type: DISCOUNT_CODE_ACTION_TYPES.SET_ITEMS,
                     payload: { items: items || [], count: count || 0 },
                 });
@@ -390,11 +390,14 @@ export const useDiscountCodeModule = () => {
                 showToast(t("messagesFetchFailed"), TOAST_VARIANT.ERROR);
             }
         })();
-    }, [listParams, showToast, t, workspace === null || workspace === void 0 ? void 0 : workspace.id, context]);
+    }, [listParams, showToast, t, workspace === null || workspace === void 0 ? void 0 : workspace.id, dispatch]);
     // ============================================================================
     // RETURN
     // ============================================================================
-    return Object.assign(Object.assign({}, context), { applyFilters,
+    return {
+        state,
+        dispatch,
+        applyFilters,
         byIdLoading,
         clearFilters,
         deleteLoading,
@@ -412,5 +415,6 @@ export const useDiscountCodeModule = () => {
         headerActions,
         listLoading,
         rowActions,
-        updateLoading });
+        updateLoading,
+    };
 };

package/base-modules/discount-code/page.d.ts

@@ -11,6 +11,21 @@
  */
 import { FC } from "react";
 import { USER_ROLE } from "@/type";
-export declare const DiscountCodePage: FC<{
+interface Props {
+    cancelLabel: string;
+    drawerTitle: string;
+    labelActions: string;
+    labelCode: string;
+    labelDescription: string;
+    labelDiscountType: string;
+    labelDiscountValue: string;
+    labelEnabled: string;
+    labelId: string;
+    saveLabel: string;
+    searchPlaceholder: string;
+    tableDescription: string;
+    tableTitle: string;
     userRole: USER_ROLE;
-}>;
+}
+export declare const DiscountCodePage: FC<Props>;
+export {};

package/base-modules/discount-code/page.js

@@ -19,10 +19,8 @@ import { DiscountCodeFilter } from "./filter";
 import { DiscountCodeForm } from "./form";
 import { DiscountCodeMoreActions } from "./more-actions";
 import { DiscountCodeView } from "./view";
-// import { useAuthStateContext } from "@/contexts/auth-context";
 import { resolveRbacPermissions } from "@/utils/resolve-rbac-permissions";
 import { RbacNoAccess } from "@/components/rbac-no-access";
-import { useTranslations } from "next-intl";
 // ============================================================================
 // TABLE COLUMN CONFIGURATION (static — no runtime deps)
 // ============================================================================
@@ -35,19 +33,6 @@ const tableBodyCols = [
     { componentType: COMPONENT_TYPE.BOOLEAN, key: "enabled" },
     { componentType: COMPONENT_TYPE.ACTIONS },
 ];
-const tableColumns = [
-    { label: "id", width: "5%" },
-    { label: "code", width: "15%" },
-    { label: "description", width: "25%" },
-    { label: "discountType", width: "15%" },
-    { label: "discountValue", width: "15%" },
-    { label: "status", width: "15%" },
-    { label: "actions", width: "10%" },
-];
-// ============================================================================
-// TRANSLATED COLUMNS HELPER
-// ============================================================================
-const getTranslatedColumns = (t) => tableColumns.map((col) => (Object.assign(Object.assign({}, col), { label: t(col.label) })));
 // ============================================================================
 // COMPONENT FACTORY (creates JSX elements when config is created, not during render)
 // ============================================================================
@@ -57,23 +42,28 @@ const createComponentInstances = () => ({
     moreActions: _jsx(DiscountCodeMoreActions, {}),
     view: _jsx(DiscountCodeView, {}),
 });
-// ============================================================================
-// CONFIG CREATION HELPER
-// ============================================================================
-const createDiscountCodeConfig = (t, drawer, dispatch) => {
+const createDiscountCodeConfig = ({ cancelLabel, drawer, dispatch, drawerTitle, labelActions, labelCode, labelDescription, labelDiscountType, labelDiscountValue, labelEnabled, labelId, saveLabel, searchPlaceholder, tableDescription, tableTitle, }) => {
     const components = createComponentInstances();
     return {
         moduleName: "discountCode",
-        tableColumns: getTranslatedColumns(t),
-        cancelLabel: t("cancel"),
-        drawerTitle: t("drawerTitle"),
+        tableColumns: [
+            { label: labelId, width: "5%" },
+            { label: labelCode, width: "15%" },
+            { label: labelDescription, width: "25%" },
+            { label: labelDiscountType, width: "15%" },
+            { label: labelDiscountValue, width: "15%" },
+            { label: labelEnabled, width: "15%" },
+            { label: labelActions, width: "10%" },
+        ],
+        cancelLabel,
+        drawerTitle,
         filterContent: components.filter,
         formContent: components.form,
         moreActionsContent: components.moreActions,
-        saveLabel: t("save"),
-        searchPlaceholder: t("tableSearchPlaceholder"),
-        tableDescription: t("tableDescription"),
-        tableTitle: t("tableTitle"),
+        saveLabel,
+        searchPlaceholder,
+        tableDescription,
+        tableTitle,
         viewContent: components.view,
         size: drawer === DISCOUNT_CODE_DRAWER.FORM_DRAWER ? "full" : "small",
         onClearFilters: () => {
@@ -88,18 +78,49 @@ const GenericDiscountCodePage = createGenericModulePage();
 // ============================================================================
 // INNER PAGE (requires DiscountCodeProvider context)
 // ============================================================================
-const DiscountCodePageInner = ({ userRole }) => {
-    const t = useTranslations("discountCode");
+const DiscountCodePageInner = (props) => {
     const context = useDiscountCodeModule();
-    const hasPermission = useMemo(() => resolveRbacPermissions({
-        userRole,
+    // Memoize config creation - destructure props to avoid object reference changes
+    const discountCodeConfig = useMemo(() => createDiscountCodeConfig({
+        dispatch: context.dispatch,
+        drawer: context.state.drawer,
+        cancelLabel: props.cancelLabel,
+        drawerTitle: props.drawerTitle,
+        labelActions: props.labelActions,
+        labelCode: props.labelCode,
+        labelDescription: props.labelDescription,
+        labelDiscountType: props.labelDiscountType,
+        labelDiscountValue: props.labelDiscountValue,
+        labelEnabled: props.labelEnabled,
+        labelId: props.labelId,
+        saveLabel: props.saveLabel,
+        searchPlaceholder: props.searchPlaceholder,
+        tableDescription: props.tableDescription,
+        tableTitle: props.tableTitle,
+    }), [
+        context.dispatch,
+        context.state.drawer,
+        props.cancelLabel,
+        props.drawerTitle,
+        props.labelActions,
+        props.labelCode,
+        props.labelDescription,
+        props.labelDiscountType,
+        props.labelDiscountValue,
+        props.labelEnabled,
+        props.labelId,
+        props.saveLabel,
+        props.searchPlaceholder,
+        props.tableDescription,
+        props.tableTitle,
+    ]);
+    const hasPermission = resolveRbacPermissions({
+        userRole: props.userRole,
         moduleName: "DiscountCode",
-    }), [userRole]);
-    // Memoize config creation
-    const discountCodeConfig = useMemo(() => createDiscountCodeConfig(t, context.state.drawer, context.dispatch), [t, context.state.drawer, context.dispatch]);
+    });
     if (!hasPermission) {
         return _jsx(RbacNoAccess, { moduleName: "DiscountCode" });
     }
     return (_jsx("div", { className: "p-4", children: _jsx(GenericDiscountCodePage, { overrideConfig: discountCodeConfig, context: context, tableBodyCols: tableBodyCols }) }));
 };
-export const DiscountCodePage = ({ userRole }) => (_jsx(DiscountCodeProvider, { children: _jsx(DiscountCodePageInner, { userRole: userRole }) }));
+export const DiscountCodePage = (props) => (_jsx(DiscountCodeProvider, { children: _jsx(DiscountCodePageInner, Object.assign({}, props)) }));

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

@@ -123,6 +123,27 @@ export declare const FamilyStateContextProvider: import("react").FC<{
     children: React.ReactNode;
 }>;
 export declare const useFamilyModule: () => {
+    state: {
+        items: FamilyBE[];
+        count: number;
+        currentPage: number;
+        pageLimit: number;
+        searchQuery: string;
+        disableSaveButton: boolean;
+        drawer: string | null;
+        address: string;
+        city: string;
+        country: string;
+        enabled: boolean;
+        errors: Record<string, string>;
+        familyCode: string;
+        filterEnabled: boolean | undefined;
+        id: string;
+        postalCode: string;
+        stateProvince: string;
+        userId: string;
+    };
+    dispatch: import("react").Dispatch<any>;
     applyFilters: () => void;
     byIdLoading: boolean;
     clearFilters: () => void;
@@ -149,25 +170,4 @@ export declare const useFamilyModule: () => {
     listLoading: boolean;
     rowActions: RowAction[];
     updateLoading: boolean;
-    state: {
-        items: FamilyBE[];
-        count: number;
-        currentPage: number;
-        pageLimit: number;
-        searchQuery: string;
-        disableSaveButton: boolean;
-        drawer: string | null;
-        address: string;
-        city: string;
-        country: string;
-        enabled: boolean;
-        errors: Record<string, string>;
-        familyCode: string;
-        filterEnabled: boolean | undefined;
-        id: string;
-        postalCode: string;
-        stateProvince: string;
-        userId: string;
-    };
-    dispatch: React.Dispatch<any>;
 };