@appcorp/fusion-storybook 0.3.48 → 0.3.49

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

@@ -47,6 +47,7 @@ export declare const STUDENT_FEE_ACTION_TYPES: {
     lastRemindedAt: Date | string | null;
     nextFollowUpAt: Date | string | null;
     originalFee: number;
+    paidAt: string;
     reliabilityScore: number | null;
     remarks: string | null;
     riskLevel: FEE_RISK_LEVEL | null;
@@ -77,6 +78,7 @@ export declare const STUDENT_FEE_ACTION_TYPES: {
     lastRemindedAt: Date | string | null;
     nextFollowUpAt: Date | string | null;
     originalFee: number;
+    paidAt: string;
     reliabilityScore: number | null;
     remarks: string | null;
     riskLevel: FEE_RISK_LEVEL | null;
@@ -109,6 +111,7 @@ export declare const STUDENT_FEE_ACTION_TYPES: {
     lastRemindedAt: Date | string | null;
     nextFollowUpAt: Date | string | null;
     originalFee: number;
+    paidAt: string;
     reliabilityScore: number | null;
     remarks: string | null;
     riskLevel: FEE_RISK_LEVEL | null;
@@ -139,6 +142,7 @@ export declare const STUDENT_FEE_ACTION_TYPES: {
     lastRemindedAt: Date | string | null;
     nextFollowUpAt: Date | string | null;
     originalFee: number;
+    paidAt: string;
     reliabilityScore: number | null;
     remarks: string | null;
     riskLevel: FEE_RISK_LEVEL | null;
@@ -169,6 +173,7 @@ export declare const STUDENT_FEE_ACTION_TYPES: {
     lastRemindedAt: Date | string | null;
     nextFollowUpAt: Date | string | null;
     originalFee: number;
+    paidAt: string;
     reliabilityScore: number | null;
     remarks: string | null;
     riskLevel: FEE_RISK_LEVEL | null;

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

@@ -47,6 +47,10 @@ const studentFeeConfig = {
         lastRemindedAt: null,
         nextFollowUpAt: null,
         originalFee: 0,
+        paidAt: (() => {
+            const d = new Date();
+            return `${d.getFullYear()}-${String(d.getMonth() + 1).padStart(2, "0")}-${String(d.getDate()).padStart(2, "0")}`;
+        })(),
         reliabilityScore: null,
         remarks: null,
         riskLevel: null,

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

@@ -22,7 +22,7 @@ export declare const useStudentFeeModule: () => {
     handleSubmit: () => void;
     handleSubmitSingleEntry: (fees: {
         studentFees: StudentFeeBE[];
-    }, amountPaid: string, remarks: string) => Promise<void>;
+    }, amountPaid: string, remarks: string, paidAt?: string) => Promise<void>;
     handleView: (row?: TableRow) => void;
     headerActions: {
         enabled: boolean;
@@ -59,6 +59,7 @@ export declare const useStudentFeeModule: () => {
         lastRemindedAt: Date | string | null;
         nextFollowUpAt: Date | string | null;
         originalFee: number;
+        paidAt: string;
         reliabilityScore: number | null;
         remarks: string | null;
         riskLevel: FEE_RISK_LEVEL | null;

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

@@ -69,6 +69,7 @@ export const useStudentFeeModule = () => {
             familyId: state.familyId,
             feeStructureId: state.feeStructureId,
             id: state.id,
+            paidAt: state.paidAt || null,
             remarks: state.remarks || null,
             schoolId: ((_a = workspace === null || workspace === void 0 ? void 0 : workspace.school) === null || _a === void 0 ? void 0 : _a.id) || "",
             status: state.status,
@@ -105,6 +106,7 @@ export const useStudentFeeModule = () => {
     const resetRecordFormState = useCallback(() => {
         var _a, _b;
         const dueDay = (_a = workspace === null || workspace === void 0 ? void 0 : workspace.dueDateLength) !== null && _a !== void 0 ? _a : 1;
+        const currentDate = new Date();
         const dueDate = new Date();
         dueDate.setDate(dueDay);
         dispatch({
@@ -134,6 +136,7 @@ export const useStudentFeeModule = () => {
                     lastRemindedAt: null,
                     nextFollowUpAt: null,
                     originalFee: 0,
+                    paidAt: `${currentDate.getFullYear()}-${String(currentDate.getMonth() + 1).padStart(2, "0")}-${String(currentDate.getDate()).padStart(2, "0")}`,
                     reliabilityScore: null,
                     remarks: null,
                     riskLevel: null,
@@ -187,11 +190,20 @@ export const useStudentFeeModule = () => {
             const dueDate = rawDueDate instanceof Date
                 ? `${rawDueDate.getFullYear()}-${String(rawDueDate.getMonth() + 1).padStart(2, "0")}-${String(rawDueDate.getDate()).padStart(2, "0")}`
                 : String(rawDueDate).slice(0, 10);
+            const rawPaidAt = fee.paidAt;
+            const today = new Date();
+            const todayStr = `${today.getFullYear()}-${String(today.getMonth() + 1).padStart(2, "0")}-${String(today.getDate()).padStart(2, "0")}`;
+            const paidAt = rawPaidAt instanceof Date
+                ? `${rawPaidAt.getFullYear()}-${String(rawPaidAt.getMonth() + 1).padStart(2, "0")}-${String(rawPaidAt.getDate()).padStart(2, "0")}`
+                : rawPaidAt
+                    ? String(rawPaidAt).slice(0, 10)
+                    : todayStr;
             const originalFee = Number(fee.amount) + Number(fee.discountAmount || 0);
             dispatch({
                 type: STUDENT_FEE_ACTION_TYPES.SET_FORM_DATA,
                 payload: {
                     form: Object.assign(Object.assign({}, fee), { dueDate,
+                        paidAt,
                         originalFee, filterEnabled: undefined, filterStatus: state.filterStatus }),
                 },
             });
@@ -375,10 +387,17 @@ export const useStudentFeeModule = () => {
                 : validatedPaid >= totalAmount
                     ? PAYMENT_STATUS.PAID
                     : PAYMENT_STATUS.PARTIAL;
+            const today = new Date();
+            const todayStr = `${today.getFullYear()}-${String(today.getMonth() + 1).padStart(2, "0")}-${String(today.getDate()).padStart(2, "0")}`;
+            const newPaidAt = newStatus === PAYMENT_STATUS.PAID ? todayStr : null;
             dispatch({
                 type: STUDENT_FEE_ACTION_TYPES.SET_INPUT_FIELD,
                 payload: { key: "status", value: newStatus },
             });
+            dispatch({
+                type: STUDENT_FEE_ACTION_TYPES.SET_INPUT_FIELD,
+                payload: { key: "paidAt", value: newPaidAt },
+            });
         }
         if (field === "amount" && typeof value === "number") {
             const amountPaid = Number(currentState.amountPaid) || 0;
@@ -569,7 +588,7 @@ export const useStudentFeeModule = () => {
             },
         });
     }, [dispatch, updateParams, t, showToast, updateFetchNow]);
-    const handleSubmitSingleEntry = useCallback(async (fees, amountPaid, remarks) => {
+    const handleSubmitSingleEntry = useCallback(async (fees, amountPaid, remarks, paidAt) => {
         var _a, _b;
         console.log("Submitting single entry fees:", fees);
         dispatch({
@@ -584,6 +603,7 @@ export const useStudentFeeModule = () => {
                 body: JSON.stringify({
                     studentFees: fees.studentFees,
                     amountPaid: Number(amountPaid),
+                    paidAt: paidAt || null,
                     remarks,
                     schoolId: ((_a = workspace === null || workspace === void 0 ? void 0 : workspace.school) === null || _a === void 0 ? void 0 : _a.id) || "",
                 }),

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

@@ -24,7 +24,7 @@ import { getTranslatedError } from "../../utils/get-translated-error";
 export const StudentFeeForm = () => {
     var _a, _b, _c, _d, _e;
     const { state, handleChange } = useStudentFeeModule();
-    const { amount, amountDue, amountPaid, discountAmount, discountCodeId, dueDate, enabled, errors, feeStructureId, remarks, status, studentProfileId, } = state;
+    const { amount, amountDue, amountPaid, discountAmount, discountCodeId, dueDate, enabled, errors, feeStructureId, paidAt, remarks, status, studentProfileId, } = state;
     const workspace = getCachedWorkspaceSync();
     const currency = (_b = (_a = workspace === null || workspace === void 0 ? void 0 : workspace.school) === null || _a === void 0 ? void 0 : _a.currency) !== null && _b !== void 0 ? _b : "";
     const t = useTranslations("studentFee");
@@ -152,5 +152,5 @@ export const StudentFeeForm = () => {
         },
         value: status,
     });
-    return (_jsxs("div", { className: "grid grid-cols-1 gap-4", children: [studentProfileIdCombo, feeStructureIdCombo, discountCodeIdCombo, _jsx(EnhancedInput, { error: errors.discountAmount, id: "discountAmount", info: t("formDiscountAmountInfo"), label: t("formDiscountAmountLabel"), min: "0", onChange: (e) => handleChange("discountAmount", Number(e.target.value)), placeholder: "0.00", step: "0.01", type: "number", value: discountAmount || 0 }), _jsx(EnhancedInput, { error: getTranslatedError({ errors, key: "amount", t }), id: "amount", info: t("formTotalAmountInfo"), label: t("formTotalAmountLabel"), min: "0", onChange: (e) => handleChange("amount", Number(e.target.value)), placeholder: "0.00", required: true, step: "0.01", type: "number", value: amount }), _jsx(EnhancedInput, { error: getTranslatedError({ errors, key: "amountPaid", t }), id: "amountPaid", info: t("formAmountPaidInfo"), label: t("formAmountPaidLabel"), min: "0", required: true, onChange: (e) => handleChange("amountPaid", Number(e.target.value)), placeholder: "0.00", step: "0.01", type: "number", value: amountPaid }), _jsx(EnhancedInput, { disabled: true, error: getTranslatedError({ errors, key: "amountDue", t }), id: "amountDue", info: t("formAmountDueInfo"), label: t("formAmountDueLabel"), min: "0", required: true, onChange: (e) => handleChange("amountDue", Number(e.target.value)), placeholder: "0.00", step: "0.01", type: "number", value: amountDue }), _jsx(EnhancedInput, { error: getTranslatedError({ errors, key: "dueDate", t }), id: "dueDate", info: t("formDueDateInfo"), label: t("formDueDateLabel"), onChange: (e) => handleChange("dueDate", e.target.value), required: true, type: "date", value: dueDate || "" }), statusCombo, _jsx(EnhancedTextarea, { error: getTranslatedError({ errors, key: "remarks", t }), id: "remarks", label: t("formRemarksLabel"), onChange: (e) => handleChange("remarks", e.target.value), placeholder: t("formRemarksPlaceholder"), value: remarks || "" }), _jsx(EnhancedCheckbox, { checked: enabled, error: getTranslatedError({ errors, key: "enabled", t }), id: "enabled", info: t("formEnabledInfo"), label: t("formEnabledLabel"), onCheckedChange: (checked) => handleChange("enabled", !!checked) })] }));
+    return (_jsxs("div", { className: "grid grid-cols-1 gap-4", children: [studentProfileIdCombo, feeStructureIdCombo, discountCodeIdCombo, _jsx(EnhancedInput, { error: errors.discountAmount, id: "discountAmount", info: t("formDiscountAmountInfo"), label: t("formDiscountAmountLabel"), min: "0", onChange: (e) => handleChange("discountAmount", Number(e.target.value)), placeholder: "0.00", step: "0.01", type: "number", value: discountAmount || 0 }), _jsx(EnhancedInput, { error: getTranslatedError({ errors, key: "amount", t }), id: "amount", info: t("formTotalAmountInfo"), label: t("formTotalAmountLabel"), min: "0", onChange: (e) => handleChange("amount", Number(e.target.value)), placeholder: "0.00", required: true, step: "0.01", type: "number", value: amount }), _jsx(EnhancedInput, { error: getTranslatedError({ errors, key: "amountPaid", t }), id: "amountPaid", info: t("formAmountPaidInfo"), label: t("formAmountPaidLabel"), min: "0", required: true, onChange: (e) => handleChange("amountPaid", Number(e.target.value)), placeholder: "0.00", step: "0.01", type: "number", value: amountPaid }), _jsx(EnhancedInput, { disabled: true, error: getTranslatedError({ errors, key: "amountDue", t }), id: "amountDue", info: t("formAmountDueInfo"), label: t("formAmountDueLabel"), min: "0", required: true, onChange: (e) => handleChange("amountDue", Number(e.target.value)), placeholder: "0.00", step: "0.01", type: "number", value: amountDue }), _jsx(EnhancedInput, { error: getTranslatedError({ errors, key: "dueDate", t }), id: "dueDate", info: t("formDueDateInfo"), label: t("formDueDateLabel"), onChange: (e) => handleChange("dueDate", e.target.value), required: true, type: "date", value: dueDate || "" }), _jsx(EnhancedInput, { error: getTranslatedError({ errors, key: "paidAt", t }), id: "paidAt", info: t("formPaidAtInfo"), label: t("formPaidAtLabel"), onChange: (e) => handleChange("paidAt", e.target.value), type: "date", value: paidAt || "" }), statusCombo, _jsx(EnhancedTextarea, { error: getTranslatedError({ errors, key: "remarks", t }), id: "remarks", label: t("formRemarksLabel"), onChange: (e) => handleChange("remarks", e.target.value), placeholder: t("formRemarksPlaceholder"), value: remarks || "" }), _jsx(EnhancedCheckbox, { checked: enabled, error: getTranslatedError({ errors, key: "enabled", t }), id: "enabled", info: t("formEnabledInfo"), label: t("formEnabledLabel"), onCheckedChange: (checked) => handleChange("enabled", !!checked) })] }));
 };

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

@@ -56,8 +56,10 @@ interface SingleEntryStudentFeeFormProps {
     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>;

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

@@ -9,7 +9,7 @@ import { DISCOUNT_TYPE } from "../../type";
 import { useTranslations } from "next-intl";
 import { useDebounce } from "@react-pakistan/util-functions/hooks/use-debounce";
 import { Loader2 } from "lucide-react";
-export const SingleEntryStudentFeeForm = ({ amountPaid, feeByComputerNumber, fetchByComputerNumber, fetchingByCN, remarks, setAmountPaid, setRemarks, }) => {
+export const SingleEntryStudentFeeForm = ({ amountPaid, feeByComputerNumber, fetchByComputerNumber, fetchingByCN, paidAt, remarks, setAmountPaid, setPaidAt, setRemarks, }) => {
     var _a, _b, _c, _d, _e, _f, _g, _h;
     const { dispatch } = useStudentFeeModule();
     const workspace = getCachedWorkspaceSync();
@@ -99,5 +99,5 @@ export const SingleEntryStudentFeeForm = ({ amountPaid, feeByComputerNumber, fet
     }, [fee, accumulatedFine, accumulatedAmount, setAmountPaid]);
     return (_jsxs("div", { className: "grid grid-cols-1 gap-4", children: [_jsx(EnhancedInput, { id: "computerNumber", info: t("formComputerNumberInfo"), label: t("formComputerNumberLabel"), onChange: (e) => setComputerNumber(e.target.value), placeholder: t("formComputerNumberPlaceholder"), type: "number", required: true, value: computerNumber }), fetchingByCN && debouncedComputerNumber ? (_jsx("div", { className: "flex items-center justify-center py-4", children: _jsx(Loader2, { className: "text-muted-foreground h-5 w-5 animate-spin" }) })) : null, fee && profile ? (_jsxs(_Fragment, { children: [_jsx(EnhancedInput, { readOnly: true, id: "studentProfileId-readonly", label: t("formStudentLabel"), value: studentName }), _jsx(EnhancedInput, { readOnly: true, id: "feeStructureId-readonly", label: t("formFeeStructureLabel"), value: feeStructureName }), _jsx(EnhancedInput, { readOnly: true, id: "discountCodeId-readonly", label: t("formDiscountCodeLabel"), value: discountCodeLabel }), _jsx(EnhancedInput, { readOnly: true, id: "discountAmount-readonly", label: t("formDiscountAmountLabel"), value: (_h = fee === null || fee === void 0 ? void 0 : fee.discountAmount) !== null && _h !== void 0 ? _h : 0, type: "number", step: "0.01" }), _jsx(EnhancedInput, { readOnly: true, id: "accumulatedFine-readonly", info: t("formAccumulatedFineInfo"), label: t("formAccumulatedFineLabel"), value: accumulatedFine, type: "number", step: "0.01" }), _jsx(EnhancedInput, { readOnly: true, id: "amount-readonly", info: t("formTotalAmountInfo"), label: t("formTotalAmountLabel"), value: accumulatedAmount + (accumulatedFine !== null && accumulatedFine !== void 0 ? accumulatedFine : 0), type: "number", step: "0.01" }), _jsx(EnhancedInput, { id: "amountPaid", info: t("formAmountPaidInfo"), label: t("formAmountPaidLabel"), value: accumulatedAmount + (accumulatedFine !== null && accumulatedFine !== void 0 ? accumulatedFine : 0) - fee.amountPaid || "0", onChange: (e) => handleUpdateAmountPaid(e.target.value), type: "number", step: "0.01" }), _jsx(EnhancedInput, { readOnly: true, id: "amountDue-readonly", info: t("formAmountDueInfo"), label: t("formAmountDueLabel"), value: (accumulatedAmount !== null && accumulatedAmount !== void 0 ? accumulatedAmount : 0) +
                             (accumulatedFine !== null && accumulatedFine !== void 0 ? accumulatedFine : 0) -
-                            parseFloat(amountPaid || "0"), type: "number", step: "0.01" }), _jsx(EnhancedInput, { readOnly: true, id: "dueDate-readonly", label: t("formDueDateLabel"), value: formatDisplayDate(fee === null || fee === void 0 ? void 0 : fee.dueDate), type: "date" }), _jsx(EnhancedInput, { readOnly: true, id: "status-readonly", label: t("formStatusLabel"), value: statusDisplay }), _jsx(EnhancedTextarea, { id: "remarks-readonly", label: t("formRemarksLabel"), value: remarks || "", onChange: (e) => setRemarks(e.target.value) })] })) : null] }));
+                            parseFloat(amountPaid || "0"), type: "number", step: "0.01" }), _jsx(EnhancedInput, { readOnly: true, id: "dueDate-readonly", label: t("formDueDateLabel"), value: formatDisplayDate(fee === null || fee === void 0 ? void 0 : fee.dueDate), type: "date" }), _jsx(EnhancedInput, { id: "paidAt", info: t("formPaidAtInfo"), label: t("formPaidAtLabel"), onChange: (e) => setPaidAt(e.target.value), type: "date", value: paidAt || "" }), _jsx(EnhancedInput, { readOnly: true, id: "status-readonly", label: t("formStatusLabel"), value: statusDisplay }), _jsx(EnhancedTextarea, { id: "remarks-readonly", label: t("formRemarksLabel"), value: remarks || "", onChange: (e) => setRemarks(e.target.value) })] })) : null] }));
 };

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

@@ -13,6 +13,10 @@ import { useState } from "react";
 export const StudentFeeSingleEntry = () => {
     const { closeDrawer, handleSubmitSingleEntry, state, updateLoading } = useStudentFeeModule();
     const [amountPaid, setAmountPaid] = useState("");
+    const [paidAt, setPaidAt] = useState(() => {
+        const d = new Date();
+        return `${d.getFullYear()}-${String(d.getMonth() + 1).padStart(2, "0")}-${String(d.getDate()).padStart(2, "0")}`;
+    });
     const [remarks, setRemarks] = useState("");
     const t = useTranslations("studentFee");
     const { disableSaveButton, drawer, errors } = state;
@@ -20,5 +24,5 @@ export const StudentFeeSingleEntry = () => {
     const { fetchNow: fetchByComputerNumber, data: feeByComputerNumber, loading: fetchingByCN, } = useFetch(STUDENT_FEE_API_ROUTES.BY_COMPUTER_NUMBER, {
         method: API_METHODS.GET,
     });
-    return (_jsx(DrawerGeneric, { filterDrawer: null, filterDrawerHeader: null, filterDrawerFooter: null, formDrawer: isOpen ? (_jsx(SingleEntryStudentFeeForm, { amountPaid: amountPaid, feeByComputerNumber: feeByComputerNumber, fetchByComputerNumber: fetchByComputerNumber, fetchingByCN: fetchingByCN, remarks: remarks, setAmountPaid: setAmountPaid, setRemarks: setRemarks })) : 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: () => handleSubmitSingleEntry(feeByComputerNumber, amountPaid, remarks), updateLoading: updateLoading })) : null, viewDrawer: null, viewDrawerHeader: null, viewDrawerFooter: null, moreActionsDrawer: null, moreActionsDrawerHeader: null, moreActionsDrawerFooter: null, onOpenChange: (open) => !open && closeDrawer(), open: isOpen }));
+    return (_jsx(DrawerGeneric, { filterDrawer: null, filterDrawerHeader: null, filterDrawerFooter: null, formDrawer: isOpen ? (_jsx(SingleEntryStudentFeeForm, { amountPaid: amountPaid, feeByComputerNumber: feeByComputerNumber, fetchByComputerNumber: fetchByComputerNumber, fetchingByCN: fetchingByCN, paidAt: paidAt, remarks: remarks, setAmountPaid: setAmountPaid, setPaidAt: setPaidAt, setRemarks: setRemarks })) : 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: () => handleSubmitSingleEntry(feeByComputerNumber, amountPaid, remarks, paidAt), 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/validate.d.ts

@@ -24,6 +24,7 @@ export declare const studentFeeFormValidation: z.ZodObject<{
     amountDue: z.ZodOptional<z.ZodNumber>;
     dueDate: z.ZodString;
     status: z.ZodEnum<typeof PAYMENT_STATUS>;
+    paidAt: z.ZodNullable<z.ZodOptional<z.ZodString>>;
     remarks: z.ZodNullable<z.ZodOptional<z.ZodString>>;
     enabled: z.ZodOptional<z.ZodBoolean>;
 }, z.core.$strip>;

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

@@ -29,6 +29,7 @@ export const studentFeeFormValidation = z.object({
     status: z.nativeEnum(PAYMENT_STATUS, {
         error: VALIDATION_KEYS.statusInvalid,
     }),
+    paidAt: z.string().optional().nullable(),
     remarks: z.string().optional().nullable(),
     enabled: z.boolean().optional(),
 });

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

@@ -14,7 +14,7 @@ import { useTranslations } from "next-intl";
 export const StudentFeeView = () => {
     var _a, _b, _c;
     const { state } = useStudentFeeModule();
-    const { amount, amountDue, amountPaid, dueDate, enabled, feeStructureId, remarks, status, studentProfileId, } = state;
+    const { amount, amountDue, amountPaid, dueDate, enabled, feeStructureId, paidAt, remarks, status, studentProfileId, } = state;
     const workspace = getCachedWorkspaceSync();
     const currency = (_b = (_a = workspace === null || workspace === void 0 ? void 0 : workspace.school) === null || _a === void 0 ? void 0 : _a.currency) !== null && _b !== void 0 ? _b : "";
     const t = useTranslations("studentFee");
@@ -30,5 +30,5 @@ export const StudentFeeView = () => {
                                             ? `${studentProfile.firstName} ${studentProfile.lastName}`
                                             : "—" })] }), _jsxs("div", { className: "space-y-1", children: [_jsx("p", { className: "text-muted-foreground text-sm font-medium", children: t("viewFieldComputerNumber") }), _jsx("p", { className: "text-base", children: ((_c = studentProfile === null || studentProfile === void 0 ? void 0 : studentProfile.computerNumber) !== null && _c !== void 0 ? _c : "").split(":")[1] ||
                                             (studentProfile === null || studentProfile === void 0 ? void 0 : studentProfile.computerNumber) ||
-                                            "—" })] }), _jsxs("div", { className: "space-y-1", children: [_jsx("p", { className: "text-muted-foreground text-sm font-medium", children: t("formFeeStructureLabel") }), _jsx("p", { className: "text-base", children: (feeStructure === null || feeStructure === void 0 ? void 0 : feeStructure.name) || "—" })] }), _jsxs("div", { className: "space-y-1", children: [_jsx("p", { className: "text-muted-foreground text-sm font-medium", children: t("formTotalAmountLabel") }), _jsxs("p", { className: "text-base", children: [currency, " ", (amount !== null && amount !== void 0 ? amount : 0).toFixed(2)] })] }), _jsxs("div", { className: "space-y-1", children: [_jsx("p", { className: "text-muted-foreground text-sm font-medium", children: t("formAmountPaidLabel") }), _jsxs("p", { className: "text-base", children: [currency, " ", (amountPaid !== null && amountPaid !== void 0 ? amountPaid : 0).toFixed(2)] })] }), _jsxs("div", { className: "space-y-1", children: [_jsx("p", { className: "text-muted-foreground text-sm font-medium", children: t("formAmountDueLabel") }), _jsxs("p", { className: "text-base", children: [currency, " ", (amountDue !== null && amountDue !== void 0 ? amountDue : 0).toFixed(2)] })] }), _jsxs("div", { className: "space-y-1", children: [_jsxs("div", { className: "flex items-center gap-2", children: [_jsx(Calendar, { className: "text-muted-foreground h-4 w-4" }), _jsx("p", { className: "text-muted-foreground text-sm font-medium", children: t("formDueDateLabel") })] }), _jsx("p", { className: "text-base", children: formatDate(dueDate, DATE_FORMATS.LOCALE_DATE) })] }), _jsxs("div", { className: "space-y-1", children: [_jsx("p", { className: "text-muted-foreground text-sm font-medium", children: t("formStatusLabel") }), _jsx(Badge, { variant: "secondary", children: status || "—" })] }), remarks && (_jsxs("div", { className: "space-y-1", children: [_jsx("p", { className: "text-muted-foreground text-sm font-medium", children: t("formRemarksLabel") }), _jsx("p", { className: "text-base", children: remarks })] })), _jsxs("div", { className: "space-y-1", children: [_jsx("p", { className: "text-muted-foreground text-sm font-medium", children: t("viewFieldRecordState") }), _jsxs(Badge, { className: "gap-1", variant: enabled ? "default" : "destructive", children: [enabled ? (_jsx(CheckCircle2, { className: "h-3 w-3" })) : (_jsx(XCircle, { className: "h-3 w-3" })), enabled ? t("badgeActive") : t("badgeInactive")] })] })] }) })] }) }));
+                                            "—" })] }), _jsxs("div", { className: "space-y-1", children: [_jsx("p", { className: "text-muted-foreground text-sm font-medium", children: t("formFeeStructureLabel") }), _jsx("p", { className: "text-base", children: (feeStructure === null || feeStructure === void 0 ? void 0 : feeStructure.name) || "—" })] }), _jsxs("div", { className: "space-y-1", children: [_jsx("p", { className: "text-muted-foreground text-sm font-medium", children: t("formTotalAmountLabel") }), _jsxs("p", { className: "text-base", children: [currency, " ", (amount !== null && amount !== void 0 ? amount : 0).toFixed(2)] })] }), _jsxs("div", { className: "space-y-1", children: [_jsx("p", { className: "text-muted-foreground text-sm font-medium", children: t("formAmountPaidLabel") }), _jsxs("p", { className: "text-base", children: [currency, " ", (amountPaid !== null && amountPaid !== void 0 ? amountPaid : 0).toFixed(2)] })] }), _jsxs("div", { className: "space-y-1", children: [_jsx("p", { className: "text-muted-foreground text-sm font-medium", children: t("formAmountDueLabel") }), _jsxs("p", { className: "text-base", children: [currency, " ", (amountDue !== null && amountDue !== void 0 ? amountDue : 0).toFixed(2)] })] }), _jsxs("div", { className: "space-y-1", children: [_jsxs("div", { className: "flex items-center gap-2", children: [_jsx(Calendar, { className: "text-muted-foreground h-4 w-4" }), _jsx("p", { className: "text-muted-foreground text-sm font-medium", children: t("formDueDateLabel") })] }), _jsx("p", { className: "text-base", children: formatDate(dueDate, DATE_FORMATS.LOCALE_DATE) })] }), paidAt && (_jsxs("div", { className: "space-y-1", children: [_jsxs("div", { className: "flex items-center gap-2", children: [_jsx(Calendar, { className: "text-muted-foreground h-4 w-4" }), _jsx("p", { className: "text-muted-foreground text-sm font-medium", children: t("formPaidAtLabel") })] }), _jsx("p", { className: "text-base", children: formatDate(paidAt, DATE_FORMATS.LOCALE_DATE) })] })), _jsxs("div", { className: "space-y-1", children: [_jsx("p", { className: "text-muted-foreground text-sm font-medium", children: t("formStatusLabel") }), _jsx(Badge, { variant: "secondary", children: status || "—" })] }), remarks && (_jsxs("div", { className: "space-y-1", children: [_jsx("p", { className: "text-muted-foreground text-sm font-medium", children: t("formRemarksLabel") }), _jsx("p", { className: "text-base", children: remarks })] })), _jsxs("div", { className: "space-y-1", children: [_jsx("p", { className: "text-muted-foreground text-sm font-medium", children: t("viewFieldRecordState") }), _jsxs(Badge, { className: "gap-1", variant: enabled ? "default" : "destructive", children: [enabled ? (_jsx(CheckCircle2, { className: "h-3 w-3" })) : (_jsx(XCircle, { className: "h-3 w-3" })), enabled ? t("badgeActive") : t("badgeInactive")] })] })] }) })] }) }));
 };

package/package.json

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