@appcorp/fusion-storybook 0.3.76 → 0.3.77

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

@@ -460,7 +460,7 @@ export const useStudentFeeModule = () => {
         resetRecordFormState();
         dispatch({
             type: STUDENT_FEE_ACTION_TYPES.SET_DRAWER,
-            payload: { drawer: STUDENT_FEE_DRAWER.MISC_DRAWER_1 },
+            payload: { drawer: STUDENT_FEE_DRAWER.MISC_DRAWER_2 },
         });
     }, [dispatch, resetRecordFormState]);
     const handleCreateMonthly = useCallback(() => {
@@ -471,7 +471,7 @@ export const useStudentFeeModule = () => {
         });
         dispatch({
             type: STUDENT_FEE_ACTION_TYPES.SET_DRAWER,
-            payload: { drawer: STUDENT_FEE_DRAWER.MISC_DRAWER_2 },
+            payload: { drawer: STUDENT_FEE_DRAWER.MISC_DRAWER_1 },
         });
     }, [dispatch, resetRecordFormState]);
     const handleView = useCallback((row) => {

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

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

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

@@ -1,15 +1,56 @@
-"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.MISC_DRAWER_1;
-    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 }));
-};
+"use strict";
+// "use client";
+// 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.MISC_DRAWER_1;
+//   return (
+//     <DrawerGeneric
+//       filterDrawer={null}
+//       filterDrawerHeader={null}
+//       filterDrawerFooter={null}
+//       formDrawer={isOpen ? <StudentFeeMonthlyForm /> : null}
+//       formDrawerHeader={
+//         isOpen ? (
+//           <EnhancedDrawerHeader
+//             title={t("drawerCreateMonthlyTitle")}
+//             description={t("drawerCreateMonthlyDescription")}
+//           />
+//         ) : null
+//       }
+//       formDrawerFooter={
+//         isOpen ? (
+//           <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: boolean) => !open && closeDrawer()}
+//       open={isOpen}
+//     />
+//   );
+// };

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

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

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

@@ -1,27 +1,49 @@
-"use client";
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import { useCallback, useState } from "react";
-import { useTranslations } from "next-intl";
-import { EnhancedCheckbox } from "@appcorp/shadcn/components/enhanced-checkbox";
-import { useStudentFeeModule, STUDENT_FEE_ACTION_TYPES } from "./context";
-const CHECKBOX_KEYS = [
-    "formMonthlyCheckStudentProfile",
-    "formMonthlyCheckFeeStructure",
-    "formMonthlyCheckGmail",
-    "formMonthlyCheckReady",
-];
-export const StudentFeeMonthlyForm = () => {
-    const t = useTranslations("studentFee");
-    const { dispatch } = useStudentFeeModule();
-    const [checked, setChecked] = useState(Object.fromEntries(CHECKBOX_KEYS.map((key) => [key, false])));
-    // const allChecked = CHECKBOX_KEYS.every((key) => checked[key]);
-    const handleCheckChange = useCallback((key, value) => {
-        const next = Object.assign(Object.assign({}, checked), { [key]: value });
-        setChecked(next);
-        dispatch({
-            type: STUDENT_FEE_ACTION_TYPES.SET_DISABLE_SAVE_BUTTON,
-            payload: { disabled: !CHECKBOX_KEYS.every((k) => next[k]) },
-        });
-    }, [checked, dispatch]);
-    return (_jsxs("div", { className: "grid grid-cols-1 gap-4", children: [_jsx("p", { className: "text-foreground text-sm", children: t("formMonthlyWarningMessage") }), _jsx("div", { className: "flex flex-col gap-3", children: CHECKBOX_KEYS.map((key) => (_jsx(EnhancedCheckbox, { checked: checked[key], id: key, label: t(key), onCheckedChange: (value) => handleCheckChange(key, value) }, key))) })] }));
-};
+"use strict";
+// "use client";
+// import { useCallback, useState } from "react";
+// import { useTranslations } from "next-intl";
+// import { EnhancedCheckbox } from "@appcorp/shadcn/components/enhanced-checkbox";
+// import { useStudentFeeModule, STUDENT_FEE_ACTION_TYPES } from "./context";
+// const CHECKBOX_KEYS = [
+//   "formMonthlyCheckStudentProfile",
+//   "formMonthlyCheckFeeStructure",
+//   "formMonthlyCheckGmail",
+//   "formMonthlyCheckReady",
+// ] as const;
+// export const StudentFeeMonthlyForm = () => {
+//   const t = useTranslations("studentFee");
+//   const { dispatch } = useStudentFeeModule();
+//   const [checked, setChecked] = useState<Record<string, boolean>>(
+//     Object.fromEntries(CHECKBOX_KEYS.map((key) => [key, false]))
+//   );
+//   // const allChecked = CHECKBOX_KEYS.every((key) => checked[key]);
+//   const handleCheckChange = useCallback(
+//     (key: string, value: boolean) => {
+//       const next = { ...checked, [key]: value };
+//       setChecked(next);
+//       dispatch({
+//         type: STUDENT_FEE_ACTION_TYPES.SET_DISABLE_SAVE_BUTTON,
+//         payload: { disabled: !CHECKBOX_KEYS.every((k) => next[k]) },
+//       });
+//     },
+//     [checked, dispatch]
+//   );
+//   return (
+//     <div className="grid grid-cols-1 gap-4">
+//       <p className="text-foreground text-sm">
+//         {t("formMonthlyWarningMessage")}
+//       </p>
+//       <div className="flex flex-col gap-3">
+//         {CHECKBOX_KEYS.map((key) => (
+//           <EnhancedCheckbox
+//             key={key}
+//             checked={checked[key]}
+//             id={key}
+//             label={t(key)}
+//             onCheckedChange={(value: boolean) => handleCheckChange(key, value)}
+//           />
+//         ))}
+//       </div>
+//     </div>
+//   );
+// };

package/base-modules/student-fee/more-actions.js

@@ -232,5 +232,9 @@ export const StudentFeeMoreActions = () => {
             title: t("uploadTheCompletedCsvToTheSystem"),
         },
     ];
-    return (_jsxs("div", { className: "space-y-4", children: [_jsx(Button, { disabled: new Date().getDate() !== 1, onClick: handleCreateMonthly, children: t('actionsButtonCreateMonthly') }), _jsx(Button, { onClick: handleCreateSingleEntry, children: t('actionsButtonSingleEntry') }), _jsx(Separator, {}), _jsx(Timeline, { events: update, heading: t("bulkUpdate"), handleOnBulkCreate: handleBulkUpdate })] }));
+    return (_jsxs("div", { className: "space-y-4", children: [_jsx(Button
+            // disabled={new Date().getDate() !== 1}
+            , { 
+                // disabled={new Date().getDate() !== 1}
+                onClick: handleCreateMonthly, children: t("actionsButtonCreateMonthly") }), _jsx(Button, { onClick: handleCreateSingleEntry, children: t("actionsButtonSingleEntry") }), _jsx(Separator, {}), _jsx(Timeline, { events: update, heading: t("bulkUpdate"), handleOnBulkCreate: handleBulkUpdate })] }));
 };

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

@@ -28,8 +28,8 @@ import { StudentFeeView } from "./view";
 import { resolveRbacPermissions } from "../../utils/resolve-rbac-permissions";
 import { RbacNoAccess } from "../../components/rbac-no-access";
 import { formatStudentName, formatAmount, formatAmountPaid, formatAmountDue, } from "./constants";
-import { StudentFeeMonthly } from "./msic-1";
-import { StudentFeeSingle } from "./msic-2";
+import { StudentFeeMonthly } from "./misc-1";
+import { StudentFeeSingle } from "./misc-2";
 // ============================================================================
 // TABLE COLUMN CONFIGURATION (static — formatters imported from constants)
 // ============================================================================
@@ -101,16 +101,18 @@ const createStudentFeeConfig = ({ dispatch, drawerButtonCancel, drawerButtonSave
         drawerFilterTitle,
         drawerFormDescription,
         drawerFormTitle,
-        drawerMoreActionsDescription,
-        drawerMoreActionsTitle,
-        drawerViewDescription,
-        drawerViewTitle,
         drawerMisc1Description,
         drawerMisc1Title,
         drawerMisc2Description,
         drawerMisc2Title,
+        drawerMoreActionsDescription,
+        drawerMoreActionsTitle,
+        drawerViewDescription,
+        drawerViewTitle,
         filterContent: components.filter,
         formContent: components.form,
+        misc1Content: components.misc1,
+        misc2Content: components.misc2,
         moreActionsContent: components.moreActions,
         saveLabel: drawerButtonSave,
         searchPlaceholder: tableSearchPlaceholder,

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

@@ -1,66 +0,0 @@
-import { FC } from "react";
-import { DISCOUNT_TYPE, PAYMENT_STATUS } from "../../type";
-interface StudentProfileSummary {
-    id: string;
-    computerNumber: string;
-    firstName: string;
-    lastName: string;
-    status: string;
-}
-interface FeeRecordSummary {
-    amount: number;
-    amountDue: number;
-    amountPaid: number;
-    createdAt: string;
-    discountAmount: number | null;
-    discountCodeId: string | null;
-    dueDate: string;
-    enabled: boolean;
-    familyId: string;
-    feeStructureId: string;
-    fine?: number | null;
-    id: string;
-    lastRemindedAt: string | null;
-    paidAt?: Date | string | null;
-    nextFollowUpAt: string | null;
-    reliabilityScore: number | null;
-    remarks: string | null;
-    riskLevel: string | null;
-    schoolId: string;
-    status: PAYMENT_STATUS;
-    studentProfileId: string;
-    updatedAt: string;
-    family: {
-        address: string;
-        city: string;
-        country: string;
-        id: string;
-    } | null;
-    feeStructure: {
-        name: string;
-        amount: number;
-        id: string;
-    } | null;
-    discountCode: {
-        code: string;
-        discountValue: number;
-        discountType: DISCOUNT_TYPE;
-    } | null;
-}
-interface StudentFeeByCNResponse {
-    studentProfile: StudentProfileSummary;
-    studentFees: FeeRecordSummary[];
-}
-interface SingleEntryStudentFeeFormProps {
-    amountPaid: string;
-    feeByComputerNumber: StudentFeeByCNResponse | null;
-    fetchByComputerNumber: (url: string | undefined, options: object) => void;
-    fetchingByCN: boolean;
-    paidAt: string;
-    remarks: string;
-    setAmountPaid: (value: string) => void;
-    setPaidAt: (value: string) => void;
-    setRemarks: (value: string) => void;
-}
-export declare const SingleEntryStudentFeeForm: FC<SingleEntryStudentFeeFormProps>;
-export {};