@appcorp/fusion-storybook 0.2.12 → 0.2.14

package/base-modules/student-profile/context/use-student-profile-module.js

@@ -0,0 +1,506 @@
+import { useCallback, useEffect, useMemo, useRef } from "react";
+import { useTheme } from "next-themes";
+import { useTranslations } from "next-intl";
+import { isCreatedOrUpdated, validateForm, API_METHODS, fetchData, } from "@react-pakistan/util-functions";
+import { useModuleEntityV2, } from "@react-pakistan/util-functions/hooks/use-module-entity-v2";
+import { useDebounce } from "@react-pakistan/util-functions/hooks/use-debounce";
+import { generateThemeToast, TOAST_VARIANT, } from "@appcorp/shadcn/lib/toast-utils";
+import { STUDENT_STATUS } from "../../../type";
+import { formatNumber } from "@react-pakistan/util-functions/general/format-number";
+import { formatPhoneDisplay } from "@react-pakistan/util-functions/general/format-phone-display";
+import { STUDENT_PROFILE_API_ROUTES, pageLimit } from "../constants";
+import { studentProfileFormValidation } from "../validate";
+import { getCachedStudentProfiles, invalidateStudentProfilesCache, } from "../cache";
+import { getCachedWorkspaceSync } from "../../workspace/cache";
+import { invalidateFamiliesCache } from "../../family/cache";
+import { invalidateFamilyMembersCache } from "../../family-member/cache";
+import { invalidateAdmissionsCache } from "../../admission/cache";
+import { useStudentProfileContext, STUDENT_PROFILE_ACTION_TYPES, STUDENT_PROFILE_DRAWER, } from "./module-base";
+export const useStudentProfileModule = () => {
+    var _a;
+    const context = useStudentProfileContext();
+    const { dispatch } = context;
+    const state = context.state;
+    const t = useTranslations("studentProfile");
+    const { theme } = useTheme();
+    const workspace = getCachedWorkspaceSync();
+    const schoolId = ((_a = workspace === null || workspace === void 0 ? void 0 : workspace.school) === null || _a === void 0 ? void 0 : _a.id) || "";
+    const listFetchNowRef = useRef(null);
+    const debouncedQuery = useDebounce(state.searchQuery, 800);
+    const listParams = useMemo(() => (Object.assign(Object.assign(Object.assign(Object.assign({ currentPage: state.currentPage, pageLimit: state.pageLimit, schoolId }, (debouncedQuery ? { searchQuery: debouncedQuery } : {})), (state.filterEnabled !== undefined
+        ? { filterEnabled: String(state.filterEnabled) }
+        : {})), (state.filterGender ? { filterGender: state.filterGender } : {})), (state.filterStatus ? { filterStatus: state.filterStatus } : {}))), [
+        state.currentPage,
+        state.filterEnabled,
+        state.filterGender,
+        state.filterStatus,
+        state.pageLimit,
+        debouncedQuery,
+        schoolId,
+    ]);
+    const updateParams = useMemo(() => ({
+        avatar: state.avatar,
+        bloodGroup: state.bloodGroup,
+        dateOfBirth: state.dateOfBirth,
+        email: state.email,
+        emergencyPhone: formatNumber(state.emergencyPhone),
+        enabled: state.enabled,
+        familyMemberId: state.familyMemberId,
+        firstName: state.firstName,
+        gender: state.gender,
+        id: state.id,
+        lastName: state.lastName,
+        phone: formatNumber(state.phone),
+        status: state.status,
+        studentCode: state.studentCode,
+    }), [
+        state.avatar,
+        state.bloodGroup,
+        state.dateOfBirth,
+        state.email,
+        state.emergencyPhone,
+        state.enabled,
+        state.familyMemberId,
+        state.firstName,
+        state.gender,
+        state.id,
+        state.lastName,
+        state.phone,
+        state.status,
+        state.studentCode,
+    ]);
+    const byIdParams = useMemo(() => ({ id: state.id }), [state.id]);
+    const deleteParams = useMemo(() => ({ id: state.id }), [state.id]);
+    const isDefaultListState = state.currentPage === 1 &&
+        state.pageLimit === pageLimit &&
+        !debouncedQuery &&
+        state.filterEnabled === undefined &&
+        !state.filterGender &&
+        !state.filterStatus;
+    const showToast = useCallback((description, variant) => {
+        generateThemeToast({
+            description,
+            theme: theme,
+            variant,
+        });
+    }, [theme]);
+    const resetFormAndCloseDrawer = useCallback(() => {
+        dispatch({ type: STUDENT_PROFILE_ACTION_TYPES.RESET_FORM });
+        dispatch({
+            type: STUDENT_PROFILE_ACTION_TYPES.SET_ERRORS,
+            payload: { errors: {} },
+        });
+        dispatch({
+            type: STUDENT_PROFILE_ACTION_TYPES.SET_DISABLE_SAVE_BUTTON,
+            payload: { disabled: false },
+        });
+        dispatch({
+            type: STUDENT_PROFILE_ACTION_TYPES.SET_DRAWER,
+            payload: { drawer: null },
+        });
+    }, [dispatch]);
+    const listCallback = useCallback(({ data, error }) => {
+        var _a, _b;
+        if (error) {
+            showToast(t("messagesFetchFailed"), TOAST_VARIANT.ERROR);
+            return;
+        }
+        if (data) {
+            const response = data;
+            dispatch({
+                type: STUDENT_PROFILE_ACTION_TYPES.SET_ITEMS,
+                payload: { items: (_a = response.items) !== null && _a !== void 0 ? _a : [], count: (_b = response.count) !== null && _b !== void 0 ? _b : 0 },
+            });
+        }
+    }, [dispatch, showToast, t]);
+    const updateCallback = useCallback(({ data, error }) => {
+        var _a;
+        if (error) {
+            showToast(t("messagesUpdateFailed"), TOAST_VARIANT.ERROR);
+            return;
+        }
+        if (data) {
+            const isCreated = isCreatedOrUpdated(data);
+            invalidateStudentProfilesCache();
+            invalidateFamiliesCache();
+            invalidateFamilyMembersCache();
+            showToast(isCreated ? t("messagesCreateSuccess") : t("messagesSaveSuccess"), TOAST_VARIANT.SUCCESS);
+            resetFormAndCloseDrawer();
+            (_a = listFetchNowRef.current) === null || _a === void 0 ? void 0 : _a.call(listFetchNowRef);
+        }
+    }, [resetFormAndCloseDrawer, showToast, t]);
+    const byIdCallback = useCallback(({ data, error }) => {
+        var _a, _b, _c, _d, _e, _f, _g, _h, _j, _k, _l, _m, _o, _p, _q, _r;
+        if (error) {
+            showToast(t("messagesDetailsFetchFailed"), TOAST_VARIANT.ERROR);
+            return;
+        }
+        if (data && typeof data === "object" && "id" in data) {
+            const sp = data;
+            const fm = sp.familyMember;
+            const family = fm === null || fm === void 0 ? void 0 : fm.family;
+            dispatch({
+                type: STUDENT_PROFILE_ACTION_TYPES.SET_FORM_DATA,
+                payload: {
+                    form: {
+                        id: sp.id,
+                        familyMemberId: sp.familyMemberId,
+                        studentCode: sp.studentCode,
+                        status: sp.status,
+                        enabled: sp.enabled,
+                        remarks: (_a = sp.remarks) !== null && _a !== void 0 ? _a : null,
+                        firstName: (_b = fm === null || fm === void 0 ? void 0 : fm.firstName) !== null && _b !== void 0 ? _b : "",
+                        lastName: (_c = fm === null || fm === void 0 ? void 0 : fm.lastName) !== null && _c !== void 0 ? _c : "",
+                        dateOfBirth: (_d = fm === null || fm === void 0 ? void 0 : fm.dateOfBirth) !== null && _d !== void 0 ? _d : null,
+                        gender: (_e = fm === null || fm === void 0 ? void 0 : fm.gender) !== null && _e !== void 0 ? _e : null,
+                        bloodGroup: (_f = fm === null || fm === void 0 ? void 0 : fm.bloodGroup) !== null && _f !== void 0 ? _f : null,
+                        phone: (_g = formatPhoneDisplay(fm === null || fm === void 0 ? void 0 : fm.phone)) !== null && _g !== void 0 ? _g : null,
+                        email: (_h = fm === null || fm === void 0 ? void 0 : fm.email) !== null && _h !== void 0 ? _h : null,
+                        emergencyPhone: (_j = formatPhoneDisplay(fm === null || fm === void 0 ? void 0 : fm.emergencyPhone)) !== null && _j !== void 0 ? _j : null,
+                        avatar: (_k = fm === null || fm === void 0 ? void 0 : fm.avatar) !== null && _k !== void 0 ? _k : null,
+                        familyId: (_l = fm === null || fm === void 0 ? void 0 : fm.familyId) !== null && _l !== void 0 ? _l : "",
+                        address: (_m = family === null || family === void 0 ? void 0 : family.address) !== null && _m !== void 0 ? _m : null,
+                        city: (_o = family === null || family === void 0 ? void 0 : family.city) !== null && _o !== void 0 ? _o : null,
+                        state: (_p = family === null || family === void 0 ? void 0 : family.state) !== null && _p !== void 0 ? _p : null,
+                        country: (_q = family === null || family === void 0 ? void 0 : family.country) !== null && _q !== void 0 ? _q : null,
+                        postalCode: (_r = family === null || family === void 0 ? void 0 : family.postalCode) !== null && _r !== void 0 ? _r : null,
+                    },
+                },
+            });
+        }
+    }, [dispatch, showToast, t]);
+    const deleteCallback = useCallback(({ data, error }) => {
+        var _a;
+        if (error) {
+            showToast(t("messagesDeleteFailed"), TOAST_VARIANT.ERROR);
+            return;
+        }
+        if (data) {
+            invalidateStudentProfilesCache();
+            showToast(t("messagesDeleteSuccess"), TOAST_VARIANT.SUCCESS);
+            (_a = listFetchNowRef.current) === null || _a === void 0 ? void 0 : _a.call(listFetchNowRef);
+        }
+    }, [showToast, t]);
+    const { byIdFetchNow, byIdLoading, deleteFetchNow, deleteLoading, listFetchNow, listLoading, updateFetchNow, updateLoading, } = useModuleEntityV2({
+        byIdCallback,
+        byIdParams,
+        deleteCallback,
+        deleteParams,
+        listCallback,
+        listParams,
+        listUrl: STUDENT_PROFILE_API_ROUTES.UNIT,
+        searchQuery: debouncedQuery,
+        unitByIdUrl: STUDENT_PROFILE_API_ROUTES.UNIT,
+        unitUrl: STUDENT_PROFILE_API_ROUTES.UNIT,
+        updateCallback,
+        updateParams,
+        headers: {
+            "Content-Type": "application/json",
+            "x-api-token": process.env.NEXT_PUBLIC_API_KEY,
+        },
+    });
+    const handleChange = useCallback((field, value) => {
+        dispatch({
+            type: STUDENT_PROFILE_ACTION_TYPES.SET_ERRORS,
+            payload: { errors: {} },
+        });
+        dispatch({
+            type: STUDENT_PROFILE_ACTION_TYPES.SET_DISABLE_SAVE_BUTTON,
+            payload: { disabled: false },
+        });
+        dispatch({
+            type: STUDENT_PROFILE_ACTION_TYPES.SET_INPUT_FIELD,
+            payload: { key: field, value },
+        });
+    }, [dispatch]);
+    const closeDrawer = useCallback(() => {
+        resetFormAndCloseDrawer();
+    }, [resetFormAndCloseDrawer]);
+    const handleCreate = useCallback(() => {
+        dispatch({
+            type: STUDENT_PROFILE_ACTION_TYPES.SET_DRAWER,
+            payload: { drawer: STUDENT_PROFILE_DRAWER.FORM_DRAWER },
+        });
+    }, [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 } });
+        dispatch({
+            type: STUDENT_PROFILE_ACTION_TYPES.SET_DRAWER,
+            payload: { drawer: STUDENT_PROFILE_DRAWER.VIEW_DRAWER },
+        });
+    }, [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 } });
+        dispatch({
+            type: STUDENT_PROFILE_ACTION_TYPES.SET_DRAWER,
+            payload: { drawer: STUDENT_PROFILE_DRAWER.FORM_DRAWER },
+        });
+    }, [byIdFetchNow, dispatch]);
+    const handleDelete = useCallback((row) => {
+        if (!confirm(t("actionDeleteConfirmation")))
+            return;
+        deleteFetchNow === null || deleteFetchNow === void 0 ? void 0 : deleteFetchNow(undefined, {
+            body: JSON.stringify({ id: row === null || row === void 0 ? void 0 : row.id }),
+        });
+    }, [deleteFetchNow, t]);
+    const handleFilters = useCallback(() => {
+        dispatch({
+            type: STUDENT_PROFILE_ACTION_TYPES.SET_DRAWER,
+            payload: { drawer: STUDENT_PROFILE_DRAWER.FILTER_DRAWER },
+        });
+    }, [dispatch]);
+    const handleMoreActions = useCallback(() => {
+        dispatch({
+            type: STUDENT_PROFILE_ACTION_TYPES.SET_DRAWER,
+            payload: { drawer: STUDENT_PROFILE_DRAWER.MORE_ACTIONS_DRAWER },
+        });
+    }, [dispatch]);
+    const handlePageChange = useCallback((page) => {
+        const nextPage = typeof page === "number" ? page : state.currentPage + 1;
+        dispatch({
+            type: STUDENT_PROFILE_ACTION_TYPES.SET_CURRENT_PAGE,
+            payload: { currentPage: nextPage },
+        });
+    }, [dispatch, state.currentPage]);
+    const handlePageLimitChange = useCallback((k, value) => {
+        const val = Object.assign({}, value);
+        dispatch({
+            type: STUDENT_PROFILE_ACTION_TYPES.SET_PAGE_LIMIT,
+            payload: { pageLimit: Number(val.option) },
+        });
+        dispatch({
+            type: STUDENT_PROFILE_ACTION_TYPES.SET_CURRENT_PAGE,
+            payload: { currentPage: 1 },
+        });
+    }, [dispatch]);
+    const handleSearch = useCallback((query) => {
+        dispatch({
+            type: STUDENT_PROFILE_ACTION_TYPES.SET_SEARCH_QUERY,
+            payload: { searchQuery: query },
+        });
+    }, [dispatch]);
+    const clearSearch = useCallback(() => {
+        dispatch({
+            type: STUDENT_PROFILE_ACTION_TYPES.SET_SEARCH_QUERY,
+            payload: { searchQuery: "" },
+        });
+    }, [dispatch]);
+    const handleAvatar = useCallback((files) => {
+        if (!files || files.length === 0)
+            return;
+        const file = files[0];
+        const blob = new Blob([file], { type: file.type });
+        const url = URL.createObjectURL(blob);
+        dispatch({
+            type: STUDENT_PROFILE_ACTION_TYPES.SET_INPUT_FIELD,
+            payload: { key: "avatar", value: url },
+        });
+    }, [dispatch]);
+    const applyFilters = useCallback(() => {
+        dispatch({
+            type: STUDENT_PROFILE_ACTION_TYPES.SET_CURRENT_PAGE,
+            payload: { currentPage: 1 },
+        });
+        closeDrawer();
+    }, [dispatch, closeDrawer]);
+    const clearFilters = useCallback(() => {
+        dispatch({
+            type: STUDENT_PROFILE_ACTION_TYPES.SET_FILTERS,
+            payload: {
+                filters: {
+                    filterEnabled: undefined,
+                    filterStatus: undefined,
+                    filterGender: undefined,
+                },
+            },
+        });
+        dispatch({
+            type: STUDENT_PROFILE_ACTION_TYPES.SET_CURRENT_PAGE,
+            payload: { currentPage: 1 },
+        });
+    }, [dispatch]);
+    const toggleStatus = useCallback((row) => {
+        updateFetchNow(undefined, {
+            body: JSON.stringify(Object.assign(Object.assign({}, row), { enabled: !(row === null || row === void 0 ? void 0 : row.enabled) })),
+        });
+    }, [updateFetchNow]);
+    const handleWithdrawStudent = useCallback(async () => {
+        if (!confirm(t("areYouSureYouWantToWithdrawThisStudent")))
+            return;
+        dispatch({
+            type: STUDENT_PROFILE_ACTION_TYPES.SET_INPUT_FIELD,
+            payload: { key: "status", value: STUDENT_STATUS.INACTIVE },
+        });
+        dispatch({
+            type: STUDENT_PROFILE_ACTION_TYPES.SET_INPUT_FIELD,
+            payload: { key: "enabled", value: false },
+        });
+        invalidateStudentProfilesCache();
+        invalidateFamiliesCache();
+        invalidateFamilyMembersCache();
+        invalidateAdmissionsCache();
+    }, [dispatch, t]);
+    const handleReAdmitStudent = useCallback(async (row) => {
+        var _a;
+        if (!confirm(t("areYouSureYouWantToReAdmitThisStudent")))
+            return;
+        const { data, error } = await fetchData({
+            url: "/api/v1/readmit-student",
+            method: API_METHODS.POST,
+            headers: {
+                "Content-Type": "application/json",
+                "x-api-token": process.env.NEXT_PUBLIC_API_KEY,
+            },
+            body: JSON.stringify({ studentProfileId: row === null || row === void 0 ? void 0 : row.id }),
+        });
+        (_a = listFetchNowRef.current) === null || _a === void 0 ? void 0 : _a.call(listFetchNowRef);
+        invalidateStudentProfilesCache();
+        invalidateFamiliesCache();
+        invalidateFamilyMembersCache();
+        invalidateAdmissionsCache();
+        if (data) {
+            showToast(t("messagesReAdmitSuccess"), TOAST_VARIANT.SUCCESS);
+        }
+        if (error) {
+            showToast(t("messagesReAdmitFailed"), TOAST_VARIANT.ERROR);
+        }
+    }, [showToast, t]);
+    const handleSubmit = useCallback(() => {
+        dispatch({
+            type: STUDENT_PROFILE_ACTION_TYPES.SET_DISABLE_SAVE_BUTTON,
+            payload: { disabled: true },
+        });
+        validateForm({
+            params: updateParams,
+            schema: studentProfileFormValidation,
+            successCallback: () => {
+                updateFetchNow(undefined, {
+                    body: JSON.stringify(updateParams),
+                });
+            },
+            errorCallback: (errors) => {
+                dispatch({
+                    type: STUDENT_PROFILE_ACTION_TYPES.SET_ERRORS,
+                    payload: { errors },
+                });
+                dispatch({
+                    type: STUDENT_PROFILE_ACTION_TYPES.SET_DISABLE_SAVE_BUTTON,
+                    payload: { disabled: false },
+                });
+                showToast(t("messagesFormErrors"), TOAST_VARIANT.ERROR);
+            },
+        });
+    }, [dispatch, updateParams, t, showToast, updateFetchNow]);
+    const headerActions = useMemo(() => [
+        {
+            enabled: false,
+            handleOnClick: handleMoreActions,
+            label: t("actionHeaderMoreActions"),
+            order: 1,
+        },
+        {
+            enabled: true,
+            handleOnClick: handleFilters,
+            label: t("actionHeaderFilters"),
+            order: 2,
+        },
+        {
+            enabled: false,
+            handleOnClick: handleCreate,
+            label: t("actionHeaderAddStudentProfile"),
+            order: 3,
+        },
+    ], [handleCreate, handleFilters, handleMoreActions, t]);
+    const rowActions = useMemo(() => [
+        {
+            enabled: true,
+            handleOnClick: handleView,
+            label: t("actionRowView"),
+            order: 1,
+        },
+        {
+            enabled: true,
+            handleOnClick: handleEdit,
+            label: t("actionRowEdit"),
+            order: 2,
+        },
+        {
+            enabled: false,
+            handleOnClick: handleDelete,
+            label: t("actionRowDelete"),
+            order: 3,
+        },
+        {
+            enabled: (row) => (row === null || row === void 0 ? void 0 : row.status) === STUDENT_STATUS.ACTIVE,
+            handleOnClick: handleWithdrawStudent,
+            label: t("actionRowWithdrawStudent"),
+            order: 4,
+            variant: "destructive",
+        },
+        {
+            enabled: (row) => (row === null || row === void 0 ? void 0 : row.status) === STUDENT_STATUS.INACTIVE,
+            handleOnClick: handleReAdmitStudent,
+            label: t("actionRowReAdmitStudent"),
+            order: 5,
+        },
+    ], [
+        handleDelete,
+        handleEdit,
+        handleView,
+        handleWithdrawStudent,
+        handleReAdmitStudent,
+        t,
+    ]);
+    useEffect(() => {
+        var _a;
+        if (!schoolId)
+            return;
+        if (isDefaultListState) {
+            (async () => {
+                try {
+                    const { count, items } = await getCachedStudentProfiles({
+                        params: listParams,
+                    });
+                    dispatch({
+                        type: STUDENT_PROFILE_ACTION_TYPES.SET_ITEMS,
+                        payload: { items: items || [], count: count || 0 },
+                    });
+                }
+                catch (_a) {
+                    showToast(t("messagesFetchFailed"), TOAST_VARIANT.ERROR);
+                }
+            })();
+            return;
+        }
+        (_a = listFetchNowRef.current) === null || _a === void 0 ? void 0 : _a.call(listFetchNowRef);
+    }, [dispatch, isDefaultListState, listParams, schoolId, showToast, t]);
+    useEffect(() => {
+        listFetchNowRef.current = listFetchNow;
+    }, [listFetchNow]);
+    return Object.assign(Object.assign({}, context), { applyFilters,
+        byIdLoading,
+        clearFilters,
+        clearSearch,
+        closeDrawer,
+        deleteLoading,
+        handleAvatar,
+        handleChange,
+        handleCreate,
+        handleDelete,
+        handleEdit,
+        handleFilters,
+        handleMoreActions,
+        handlePageChange,
+        handlePageLimitChange,
+        handleReAdmitStudent,
+        handleSearch,
+        handleSubmit,
+        handleView,
+        handleWithdrawStudent,
+        headerActions,
+        listFetchNow,
+        listLoading,
+        rowActions,
+        toggleStatus,
+        updateLoading });
+};