@appcorp/fusion-storybook 0.2.99 → 0.3.0

package/base-modules/student-fee/context/shared.d.ts

@@ -4,6 +4,8 @@ export declare const STUDENT_FEE_DRAWER: {
     readonly FORM_DRAWER: string;
     readonly MORE_ACTIONS_DRAWER: string;
     readonly VIEW_DRAWER: string;
+    readonly SINGLE_ENTRY_DRAWER: "SINGLE_ENTRY_DRAWER";
+    readonly CREATE_MONTHLY_DRAWER: "CREATE_MONTHLY_DRAWER";
 };
 export interface StudentFeesListResponse {
     items: StudentFeeBE[];

package/base-modules/student-fee/context/shared.js

@@ -11,6 +11,8 @@ export const STUDENT_FEE_DRAWER = {
     FORM_DRAWER: DRAWER_TYPES.FORM_DRAWER,
     MORE_ACTIONS_DRAWER: DRAWER_TYPES.MORE_ACTIONS_DRAWER,
     VIEW_DRAWER: DRAWER_TYPES.VIEW_DRAWER,
+    SINGLE_ENTRY_DRAWER: "SINGLE_ENTRY_DRAWER",
+    CREATE_MONTHLY_DRAWER: "CREATE_MONTHLY_DRAWER",
 };
 const studentFeeConfig = {
     name: "StudentFee",

package/base-modules/student-fee/context/use-student-fee-module.d.ts

@@ -9,12 +9,15 @@ export declare const useStudentFeeModule: () => {
     deleteLoading: boolean;
     handleChange: (field: string, value: string | number | boolean | PAYMENT_STATUS | FEE_RISK_LEVEL | null | undefined) => void;
     handleCreate: () => void;
+    handleCreateMonthly: () => void;
+    handleCreateSingleEntry: () => void;
     handleDelete: (row?: TableRow) => void;
     handleEdit: (row?: TableRow) => void;
     handleFilters: () => void;
     handleMoreActions: () => void;
     handlePageChange: (page: number | unknown) => void;
     handlePageLimitChange: (k: string, value: object) => void;
+    handleProceedMonthlyCreation: () => Promise<void>;
     handleSearch: (query: string) => void;
     handleSubmit: () => void;
     handleView: (row?: TableRow) => void;

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

@@ -29,7 +29,7 @@ export const useStudentFeeModule = () => {
     // ============================================================================
     // 1.4.1 STATE & CORE HOOKS
     // ============================================================================
-    var _a, _b, _c, _d;
+    var _a, _b, _c, _d, _e;
     const context = useStudentFeeContext();
     const { dispatch } = context;
     const state = context.state;
@@ -463,6 +463,20 @@ export const useStudentFeeModule = () => {
             payload: { drawer: STUDENT_FEE_DRAWER.FORM_DRAWER },
         });
     }, [dispatch, resetRecordFormState]);
+    const handleCreateSingleEntry = useCallback(() => {
+        resetRecordFormState();
+        dispatch({
+            type: STUDENT_FEE_ACTION_TYPES.SET_DRAWER,
+            payload: { drawer: STUDENT_FEE_DRAWER.SINGLE_ENTRY_DRAWER },
+        });
+    }, [dispatch, resetRecordFormState]);
+    const handleCreateMonthly = useCallback(() => {
+        resetRecordFormState();
+        dispatch({
+            type: STUDENT_FEE_ACTION_TYPES.SET_DRAWER,
+            payload: { drawer: STUDENT_FEE_DRAWER.CREATE_MONTHLY_DRAWER },
+        });
+    }, [dispatch, resetRecordFormState]);
     const handleView = useCallback((row) => {
         resetRecordFormState();
         byIdFetchNow === null || byIdFetchNow === void 0 ? void 0 : byIdFetchNow(undefined, { params: { id: row === null || row === void 0 ? void 0 : row.id } });
@@ -524,6 +538,42 @@ export const useStudentFeeModule = () => {
     // ============================================================================
     // 1.4.7 NETWORK ACTIONS
     // ============================================================================
+    const handleProceedMonthlyCreation = useCallback(async () => {
+        var _a, _b;
+        const schoolId = (_a = workspace === null || workspace === void 0 ? void 0 : workspace.school) === null || _a === void 0 ? void 0 : _a.id;
+        if (!schoolId) {
+            showToast(t("messagesNetworkError"), TOAST_VARIANT.ERROR);
+            return;
+        }
+        dispatch({
+            type: STUDENT_FEE_ACTION_TYPES.SET_DISABLE_SAVE_BUTTON,
+            payload: { disabled: true },
+        });
+        try {
+            const res = await fetch(STUDENT_FEE_API_ROUTES.CREATE_MONTHLY, {
+                method: "POST",
+                headers: { "Content-Type": "application/json" },
+                body: JSON.stringify({ schoolId }),
+            });
+            if (!res.ok) {
+                const err = (await res.json().catch(() => ({})));
+                showToast(err.error || t("messagesNetworkError"), TOAST_VARIANT.ERROR);
+                return;
+            }
+            showToast(t("messagesMonthlyJobQueued"), TOAST_VARIANT.SUCCESS);
+            resetFormAndCloseDrawer();
+            (_b = listFetchNowRef.current) === null || _b === void 0 ? void 0 : _b.call(listFetchNowRef);
+        }
+        catch (_c) {
+            showToast(t("messagesNetworkError"), TOAST_VARIANT.ERROR);
+        }
+        finally {
+            dispatch({
+                type: STUDENT_FEE_ACTION_TYPES.SET_DISABLE_SAVE_BUTTON,
+                payload: { disabled: false },
+            });
+        }
+    }, [dispatch, showToast, t, (_d = workspace === null || workspace === void 0 ? void 0 : workspace.school) === null || _d === void 0 ? void 0 : _d.id, resetFormAndCloseDrawer]);
     const handleSubmit = useCallback(() => {
         dispatch({
             type: STUDENT_FEE_ACTION_TYPES.SET_DISABLE_SAVE_BUTTON,
@@ -556,23 +606,42 @@ export const useStudentFeeModule = () => {
     const headerActions = useMemo(() => [
         {
             enabled: true,
+            handleOnClick: handleCreateMonthly,
+            label: t("actionsButtonCreateMonthly"),
+            order: 1,
+        },
+        {
+            enabled: true,
+            handleOnClick: handleCreateSingleEntry,
+            label: t("actionsButtonSingleEntry"),
+            order: 2,
+        },
+        {
+            enabled: false,
             handleOnClick: handleMoreActions,
             label: t("actionsButtonMoreActions"),
-            order: 0,
+            order: 3,
         },
         {
             enabled: true,
             handleOnClick: handleFilters,
             label: t("actionsButtonFilters"),
-            order: 1,
+            order: 4,
         },
         {
             enabled: true,
             handleOnClick: handleCreate,
             label: t("actionsButtonAdd"),
-            order: 2,
+            order: 5,
         },
-    ], [handleMoreActions, handleFilters, handleCreate, t]);
+    ], [
+        handleCreateMonthly,
+        handleCreateSingleEntry,
+        handleMoreActions,
+        handleFilters,
+        handleCreate,
+        t,
+    ]);
     const rowActions = useMemo(() => [
         {
             enabled: true,
@@ -605,7 +674,7 @@ export const useStudentFeeModule = () => {
         if (!((_a = workspace === null || workspace === void 0 ? void 0 : workspace.school) === null || _a === void 0 ? void 0 : _a.id))
             return;
         (_b = listFetchNowRef.current) === null || _b === void 0 ? void 0 : _b.call(listFetchNowRef);
-    }, [dispatch, listParams, (_d = workspace === null || workspace === void 0 ? void 0 : workspace.school) === null || _d === void 0 ? void 0 : _d.id, showToast, t]);
+    }, [dispatch, listParams, (_e = workspace === null || workspace === void 0 ? void 0 : workspace.school) === null || _e === void 0 ? void 0 : _e.id, showToast, t]);
     // ============================================================================
     // 1.4.10 RETURN
     // ============================================================================
@@ -617,12 +686,15 @@ export const useStudentFeeModule = () => {
         deleteLoading,
         handleChange,
         handleCreate,
+        handleCreateMonthly,
+        handleCreateSingleEntry,
         handleDelete,
         handleEdit,
         handleFilters,
         handleMoreActions,
         handlePageChange,
         handlePageLimitChange,
+        handleProceedMonthlyCreation,
         handleSearch,
         handleSubmit,
         handleView,

package/base-modules/student-fee/monthly-create.d.ts

@@ -0,0 +1 @@
+export declare const StudentFeeCreateMonthly: () => import("react").JSX.Element;

package/base-modules/student-fee/monthly-create.js

@@ -0,0 +1,15 @@
+"use client";
+import { jsx as _jsx } from "react/jsx-runtime";
+import { EnhancedDrawerHeader } from "@appcorp/shadcn/components/enhanced-drawer-header";
+import { EnhancedDrawerFooter, DRAWER_FOOTER_COMPONENT_TYPE, } from "@appcorp/shadcn/components/enhanced-drawer-footer";
+import { DrawerGeneric } from "@appcorp/shadcn/components/drawer-generic";
+import { useStudentFeeModule, STUDENT_FEE_DRAWER } from "./context";
+import { useTranslations } from "next-intl";
+import { StudentFeeMonthlyForm } from "./monthly-form";
+export const StudentFeeCreateMonthly = () => {
+    const { closeDrawer, handleProceedMonthlyCreation, state, updateLoading } = useStudentFeeModule();
+    const t = useTranslations("studentFee");
+    const { disableSaveButton, drawer, errors } = state;
+    const isOpen = drawer === STUDENT_FEE_DRAWER.CREATE_MONTHLY_DRAWER;
+    return (_jsx(DrawerGeneric, { filterDrawer: null, filterDrawerHeader: null, filterDrawerFooter: null, formDrawer: isOpen ? _jsx(StudentFeeMonthlyForm, {}) : null, formDrawerHeader: isOpen ? (_jsx(EnhancedDrawerHeader, { title: t("drawerCreateMonthlyTitle"), description: t("drawerCreateMonthlyDescription") })) : null, formDrawerFooter: isOpen ? (_jsx(EnhancedDrawerFooter, { applyFilters: () => { }, clearFilters: () => { }, closeDrawer: closeDrawer, disableSaveButton: disableSaveButton, drawerType: DRAWER_FOOTER_COMPONENT_TYPE.FORM_DRAWER, errors: errors, handleSubmit: handleProceedMonthlyCreation, updateLoading: updateLoading })) : null, viewDrawer: null, viewDrawerHeader: null, viewDrawerFooter: null, moreActionsDrawer: null, moreActionsDrawerHeader: null, moreActionsDrawerFooter: null, onOpenChange: (open) => !open && closeDrawer(), open: isOpen }));
+};

package/base-modules/student-fee/monthly-form.d.ts

@@ -0,0 +1 @@
+export declare const StudentFeeMonthlyForm: () => import("react").JSX.Element;

package/base-modules/student-fee/monthly-form.js

@@ -0,0 +1,7 @@
+"use client";
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { useTranslations } from "next-intl";
+export const StudentFeeMonthlyForm = () => {
+    const t = useTranslations("studentFee");
+    return (_jsx("div", { className: "grid grid-cols-1 gap-4", children: _jsxs("div", { children: [_jsx("h3", { children: t("formMonthlyProceedInfo") }), _jsx("p", { children: t("formMonthlyAdjustmentNote") })] }) }));
+};

package/base-modules/student-fee/page.js

@@ -13,7 +13,7 @@
  * - `StudentFeePage` — root component that wraps with StudentFeeProvider
  */
 "use client";
-import { jsx as _jsx } from "react/jsx-runtime";
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import { useMemo } from "react";
 import { COMPONENT_TYPE } from "@appcorp/shadcn/components/enhanced-table";
 import { createGenericModulePage, } from "@react-pakistan/util-functions/factory/generic-component-factory";
@@ -23,6 +23,8 @@ import { StudentFeeFilter } from "./filter";
 import { StudentFeeForm } from "./form";
 import { StudentFeeMoreActions } from "./more-actions";
 import { StudentFeeView } from "./view";
+import { StudentFeeSingleEntry } from "./single-entry";
+import { StudentFeeCreateMonthly } from "./monthly-create";
 import { resolveRbacPermissions } from "../../utils/resolve-rbac-permissions";
 import { RbacNoAccess } from "../../components/rbac-no-access";
 import { formatStudentName, formatAmount, formatAmountPaid, formatAmountDue, } from "./constants";
@@ -177,7 +179,7 @@ const StudentFeePageInner = (props) => {
     if (!hasPermission) {
         return _jsx(RbacNoAccess, { moduleName: "Student Fee" });
     }
-    return (_jsx("div", { className: "p-4", children: _jsx(GenericStudentFeePage, { overrideConfig: studentFeeConfig, context: context, tableBodyCols: tableBodyCols }) }));
+    return (_jsxs("div", { className: "p-4", children: [_jsx(GenericStudentFeePage, { overrideConfig: studentFeeConfig, context: context, tableBodyCols: tableBodyCols }), _jsx(StudentFeeSingleEntry, {}), _jsx(StudentFeeCreateMonthly, {})] }));
 };
 // ============================================================================
 // PAGE EXPORTS

package/base-modules/student-fee/single-entry.d.ts

@@ -0,0 +1 @@
+export declare const StudentFeeSingleEntry: () => import("react").JSX.Element;

package/base-modules/student-fee/single-entry.js

@@ -0,0 +1,15 @@
+"use client";
+import { jsx as _jsx } from "react/jsx-runtime";
+import { EnhancedDrawerHeader } from "@appcorp/shadcn/components/enhanced-drawer-header";
+import { EnhancedDrawerFooter, DRAWER_FOOTER_COMPONENT_TYPE, } from "@appcorp/shadcn/components/enhanced-drawer-footer";
+import { DrawerGeneric } from "@appcorp/shadcn/components/drawer-generic";
+import { useStudentFeeModule, STUDENT_FEE_DRAWER } from "./context";
+import { useTranslations } from "next-intl";
+import { StudentFeeForm } from "./form";
+export const StudentFeeSingleEntry = () => {
+    const { closeDrawer, handleSubmit, state, updateLoading } = useStudentFeeModule();
+    const t = useTranslations("studentFee");
+    const { disableSaveButton, drawer, errors } = state;
+    const isOpen = drawer === STUDENT_FEE_DRAWER.SINGLE_ENTRY_DRAWER;
+    return (_jsx(DrawerGeneric, { filterDrawer: null, filterDrawerHeader: null, filterDrawerFooter: null, formDrawer: isOpen ? _jsx(StudentFeeForm, {}) : null, formDrawerHeader: isOpen ? (_jsx(EnhancedDrawerHeader, { title: t("drawerSingleEntryTitle"), description: t("drawerSingleEntryDescription") })) : null, formDrawerFooter: isOpen ? (_jsx(EnhancedDrawerFooter, { applyFilters: () => { }, clearFilters: () => { }, closeDrawer: closeDrawer, disableSaveButton: disableSaveButton, drawerType: DRAWER_FOOTER_COMPONENT_TYPE.FORM_DRAWER, errors: errors, handleSubmit: handleSubmit, updateLoading: updateLoading })) : null, viewDrawer: null, viewDrawerHeader: null, viewDrawerFooter: null, moreActionsDrawer: null, moreActionsDrawerHeader: null, moreActionsDrawerFooter: null, onOpenChange: (open) => !open && closeDrawer(), open: isOpen }));
+};

package/constants.d.ts

@@ -73,6 +73,7 @@ export declare const STUDENT_FEE_API_ROUTES: {
     readonly UNIT: "/api/v1/student-fee";
     readonly BULK: "/api/v1/student-fee/bulk";
     readonly BULK_STATUS: (jobId: string) => string;
+    readonly CREATE_MONTHLY: "/api/v1/student-fee/create-monthly";
 };
 export declare const STUDENT_PROFILE_API_ROUTES: {
     readonly LIST: "/api/v1/student-profile";

package/constants.js

@@ -84,6 +84,7 @@ export const STUDENT_FEE_API_ROUTES = {
     UNIT: "/api/v1/student-fee",
     BULK: "/api/v1/student-fee/bulk",
     BULK_STATUS: (jobId) => `/api/v1/student-fee/bulk/${jobId}`,
+    CREATE_MONTHLY: "/api/v1/student-fee/create-monthly",
 };
 export const STUDENT_PROFILE_API_ROUTES = {
     LIST: "/api/v1/student-profile",

package/package.json

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