@appcorp/fusion-storybook 0.1.18 → 0.1.19

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/family/context.js

@@ -86,6 +86,7 @@ export const FamilyStateContextProvider = FamilyProvider;
 export const useFamilyModule = () => {
     var _a, _b;
     const context = useFamilyContext();
+    const { dispatch } = context;
     const t = useTranslations("family");
     const workspace = getCachedWorkspaceSync();
     const debouncedQuery = useDebounce(context.state.searchQuery, 800);
@@ -134,7 +135,7 @@ export const useFamilyModule = () => {
             return;
         }
         if (data) {
-            context.dispatch({
+            dispatch({
                 type: FAMILY_ACTION_TYPES.SET_ITEMS,
                 payload: { items: data.items || [], count: data.count || 0 },
             });
@@ -168,7 +169,7 @@ export const useFamilyModule = () => {
             setField("familyCode", family.familyCode);
             setField("postalCode", family.postalCode);
             setField("stateProvince", family.state);
-            context.dispatch({
+            dispatch({
                 type: FAMILY_ACTION_TYPES.SET_FORM_DATA,
                 payload: {
                     form: {
@@ -217,74 +218,74 @@ export const useFamilyModule = () => {
         generateThemeToast({ description: message, variant });
     }, []);
     const resetFormAndCloseDrawer = useCallback(() => {
-        context.dispatch({
+        dispatch({
             type: FAMILY_ACTION_TYPES.SET_ERRORS,
             payload: { errors: {} },
         });
-        context.dispatch({
+        dispatch({
             type: FAMILY_ACTION_TYPES.SET_DISABLE_SAVE_BUTTON,
             payload: { disabled: false },
         });
-        context.dispatch({
+        dispatch({
             type: FAMILY_ACTION_TYPES.SET_DRAWER,
             payload: { drawer: null },
         });
-    }, [context]);
+    }, [dispatch]);
     const setField = useCallback((key, value) => {
-        context.dispatch({
+        dispatch({
             type: FAMILY_ACTION_TYPES.SET_INPUT_FIELD,
             payload: { key, value: value === null ? undefined : value },
         });
-    }, [context]);
+    }, [dispatch]);
     // ============================================================================
     // HANDLERS
     // ============================================================================
     const handleChange = useCallback((field, value) => {
-        context.dispatch({
+        dispatch({
             type: FAMILY_ACTION_TYPES.SET_ERRORS,
             payload: { errors: {} },
         });
-        context.dispatch({
+        dispatch({
             type: FAMILY_ACTION_TYPES.SET_DISABLE_SAVE_BUTTON,
             payload: { disabled: false },
         });
         setField(field, value);
-    }, [setField, context]);
+    }, [setField, dispatch]);
     const handlePageChange = useCallback((page) => {
-        context.dispatch({
+        dispatch({
             type: FAMILY_ACTION_TYPES.SET_CURRENT_PAGE,
             payload: { currentPage: page },
         });
-    }, [context]);
+    }, [dispatch]);
     const handlePageLimitChange = useCallback((limit) => {
-        context.dispatch({
+        dispatch({
             type: FAMILY_ACTION_TYPES.SET_PAGE_LIMIT,
             payload: { pageLimit: limit },
         });
-    }, [context]);
+    }, [dispatch]);
     const handleCloseDrawer = useCallback(() => {
         resetFormAndCloseDrawer();
     }, [resetFormAndCloseDrawer]);
     const handleCreate = useCallback(() => {
-        context.dispatch({
+        dispatch({
             type: FAMILY_ACTION_TYPES.SET_DRAWER,
             payload: { drawer: FAMILY_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: FAMILY_ACTION_TYPES.SET_DRAWER,
             payload: { drawer: FAMILY_DRAWER.VIEW_DRAWER },
         });
-    }, [context, byIdFetchNow]);
+    }, [dispatch, byIdFetchNow]);
     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: FAMILY_ACTION_TYPES.SET_DRAWER,
             payload: { drawer: FAMILY_DRAWER.FORM_DRAWER },
         });
-    }, [context, byIdFetchNow]);
+    }, [dispatch, byIdFetchNow]);
     const handleDelete = useCallback((row) => {
         if (!confirm(t("areYouSureYouWantToDeleteThisFamily")))
             return;
@@ -293,35 +294,35 @@ export const useFamilyModule = () => {
         });
     }, [t, deleteFetchNow]);
     const handleFilters = useCallback(() => {
-        context.dispatch({
+        dispatch({
             type: FAMILY_ACTION_TYPES.SET_DRAWER,
             payload: { drawer: FAMILY_DRAWER.FILTER_DRAWER },
         });
-    }, [context]);
+    }, [dispatch]);
     const handleMoreActions = useCallback(() => {
-        context.dispatch({
+        dispatch({
             type: FAMILY_ACTION_TYPES.SET_DRAWER,
             payload: { drawer: FAMILY_DRAWER.MORE_ACTIONS_DRAWER },
         });
-    }, [context]);
+    }, [dispatch]);
     const clearFilters = useCallback(() => {
-        context.dispatch({
+        dispatch({
             type: FAMILY_ACTION_TYPES.SET_FILTERS,
             payload: { filters: { filterEnabled: undefined } },
         });
-        context.dispatch({
+        dispatch({
             type: FAMILY_ACTION_TYPES.SET_CURRENT_PAGE,
             payload: { currentPage: 1 },
         });
-    }, [context]);
+    }, [dispatch]);
     const handleSearch = useCallback((query) => {
-        context.dispatch({
+        dispatch({
             type: FAMILY_ACTION_TYPES.SET_SEARCH_QUERY,
             payload: { searchQuery: query },
         });
-    }, [context]);
+    }, [dispatch]);
     const handleSubmit = useCallback(() => {
-        context.dispatch({
+        dispatch({
             type: FAMILY_ACTION_TYPES.SET_DISABLE_SAVE_BUTTON,
             payload: { disabled: true },
         });
@@ -334,26 +335,26 @@ export const useFamilyModule = () => {
                 });
             },
             errorCallback: (errors) => {
-                context.dispatch({
+                dispatch({
                     type: FAMILY_ACTION_TYPES.SET_ERRORS,
                     payload: { errors },
                 });
-                context.dispatch({
+                dispatch({
                     type: FAMILY_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]);
     const applyFilters = useCallback(() => {
-        context.dispatch({
+        dispatch({
             type: FAMILY_ACTION_TYPES.SET_CURRENT_PAGE,
             payload: { currentPage: 1 },
         });
         listFetchNow();
         handleCloseDrawer();
-    }, [context, listFetchNow, handleCloseDrawer]);
+    }, [dispatch, listFetchNow, handleCloseDrawer]);
     const headerActions = useMemo(() => [
         {
             enabled: false,
@@ -405,7 +406,7 @@ export const useFamilyModule = () => {
                 const { count, items } = await getCachedFamilies({
                     params: listParams,
                 });
-                context.dispatch({
+                dispatch({
                     type: FAMILY_ACTION_TYPES.SET_ITEMS,
                     payload: { items: items || [], count: count || 0 },
                 });
@@ -414,7 +415,7 @@ export const useFamilyModule = () => {
                 showToast(t("messagesFetchFailed"), TOAST_VARIANT.ERROR);
             }
         })();
-    }, [listParams, (_b = workspace === null || workspace === void 0 ? void 0 : workspace.school) === null || _b === void 0 ? void 0 : _b.id, context, showToast, t]);
+    }, [listParams, (_b = workspace === null || workspace === void 0 ? void 0 : workspace.school) === null || _b === void 0 ? void 0 : _b.id, dispatch, showToast, t]);
     // ============================================================================
     // RETURN
     // ============================================================================