@appcorp/fusion-storybook 0.3.2 → 0.3.3

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

@@ -15,7 +15,7 @@ import { useStudentFeeModule } from "./context";
 import { PAYMENT_STATUS_OPTIONS } from "./constants";
 import { STUDENT_FEE_API_ROUTES, DISCOUNT_CODE_API_ROUTES, FEE_STRUCTURE_API_ROUTES, STUDENT_PROFILE_API_ROUTES, } from "../../constants";
 import { getCachedWorkspaceSync } from "../workspace/cache";
-import { API_METHODS, } from "@react-pakistan/util-functions";
+import { API_METHODS } from "@react-pakistan/util-functions";
 import { DISCOUNT_TYPE, } from "../../type";
 import { useTranslations } from "next-intl";
 import { useFetch } from "@react-pakistan/util-functions/hooks/use-fetch";
@@ -148,5 +148,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", required: true, 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", 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", 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 || "" }), 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/monthly-form.js

@@ -14,7 +14,7 @@ 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 allChecked = CHECKBOX_KEYS.every((key) => checked[key]);
     const handleCheckChange = useCallback((key, value) => {
         const next = Object.assign(Object.assign({}, checked), { [key]: value });
         setChecked(next);
@@ -23,5 +23,5 @@ export const StudentFeeMonthlyForm = () => {
             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-sm text-foreground", 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))) })] }));
+    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))) })] }));
 };

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

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

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

@@ -0,0 +1,75 @@
+"use client";
+import { jsx as _jsx, Fragment as _Fragment, jsxs as _jsxs } from "react/jsx-runtime";
+import { EnhancedInput } from "@appcorp/shadcn/components/enhanced-input";
+import { EnhancedTextarea } from "@appcorp/shadcn/components/enhanced-textarea";
+import { useEffect, useRef, useState } from "react";
+import { useStudentFeeModule, STUDENT_FEE_ACTION_TYPES } from "./context";
+import { STUDENT_FEE_API_ROUTES } from "../../constants";
+import { getCachedWorkspaceSync } from "../workspace/cache";
+import { API_METHODS } from "@react-pakistan/util-functions";
+import { DISCOUNT_TYPE } from "../../type";
+import { useTranslations } from "next-intl";
+import { useFetch } from "@react-pakistan/util-functions/hooks/use-fetch";
+import { useDebounce } from "@react-pakistan/util-functions/hooks/use-debounce";
+import { Loader2 } from "lucide-react";
+export const SingleEntryStudentFeeForm = () => {
+    var _a, _b, _c, _d, _e, _f, _g, _h;
+    const { dispatch } = useStudentFeeModule();
+    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");
+    const [computerNumber, setComputerNumber] = useState("");
+    const debouncedComputerNumber = useDebounce(computerNumber, 500);
+    const { fetchNow: fetchByComputerNumber, data: feeByComputerNumber, loading: fetchingByCN, } = useFetch(STUDENT_FEE_API_ROUTES.BY_COMPUTER_NUMBER, {
+        method: API_METHODS.GET,
+    });
+    const fetchByCNRef = useRef(fetchByComputerNumber);
+    useEffect(() => {
+        fetchByCNRef.current = fetchByComputerNumber;
+    }, [fetchByComputerNumber]);
+    useEffect(() => {
+        if (!debouncedComputerNumber)
+            return;
+        fetchByCNRef.current(undefined, {
+            params: { computerNumber: debouncedComputerNumber },
+        });
+    }, [debouncedComputerNumber]);
+    const isStale = computerNumber !== debouncedComputerNumber;
+    const hasData = !!feeByComputerNumber &&
+        !!debouncedComputerNumber &&
+        !isStale &&
+        !fetchingByCN;
+    const fee = hasData ? feeByComputerNumber : null;
+    useEffect(() => {
+        dispatch({
+            type: STUDENT_FEE_ACTION_TYPES.SET_DISABLE_SAVE_BUTTON,
+            payload: { disabled: !!fee },
+        });
+    }, [fee, dispatch]);
+    const paymentStatusLabelMap = {
+        PENDING: t("formOptionPending"),
+        PARTIAL: t("formOptionPartial"),
+        PAID: t("formOptionPaid"),
+        OVERDUE: t("formOptionOverdue"),
+        CANCELLED: t("formOptionCancelled"),
+        REFUNDED: t("formOptionRefunded"),
+    };
+    const studentName = (fee === null || fee === void 0 ? void 0 : fee.studentProfile)
+        ? `${(_d = (_c = fee.studentProfile.familyMember) === null || _c === void 0 ? void 0 : _c.firstName) !== null && _d !== void 0 ? _d : ""} ${(_f = (_e = fee.studentProfile.familyMember) === null || _e === void 0 ? void 0 : _e.lastName) !== null && _f !== void 0 ? _f : ""}`.trim() ||
+            fee.studentProfileId
+        : (fee === null || fee === void 0 ? void 0 : fee.studentProfileId) || "";
+    const feeStructureName = ((_g = fee === null || fee === void 0 ? void 0 : fee.feeStructure) === null || _g === void 0 ? void 0 : _g.name) || (fee === null || fee === void 0 ? void 0 : fee.feeStructureId) || "";
+    const discountCodeLabel = (fee === null || fee === void 0 ? void 0 : fee.discountCode)
+        ? `${fee.discountCode.code} - ${fee.discountCode.discountValue}${fee.discountCode.discountType === DISCOUNT_TYPE.PERCENTAGE ? "%" : currency}`
+        : (fee === null || fee === void 0 ? void 0 : fee.discountCodeId) || "";
+    const statusDisplay = (fee === null || fee === void 0 ? void 0 : fee.status)
+        ? paymentStatusLabelMap[fee.status] || fee.status
+        : "";
+    const formatDisplayDate = (rawDate) => {
+        if (!rawDate)
+            return "";
+        const d = rawDate instanceof Date ? rawDate : new Date(rawDate);
+        return `${d.getFullYear()}-${String(d.getMonth() + 1).padStart(2, "0")}-${String(d.getDate()).padStart(2, "0")}`;
+    };
+    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 ? (_jsxs(_Fragment, { children: [_jsx(EnhancedInput, { disabled: true, id: "studentProfileId-readonly", label: t("formStudentLabel"), value: studentName }), _jsx(EnhancedInput, { disabled: true, id: "feeStructureId-readonly", label: t("formFeeStructureLabel"), value: feeStructureName }), _jsx(EnhancedInput, { disabled: true, id: "discountCodeId-readonly", label: t("formDiscountCodeLabel"), value: discountCodeLabel }), _jsx(EnhancedInput, { disabled: true, id: "discountAmount-readonly", label: t("formDiscountAmountLabel"), value: (_h = fee.discountAmount) !== null && _h !== void 0 ? _h : 0, type: "number", step: "0.01" }), _jsx(EnhancedInput, { disabled: true, id: "amount-readonly", info: t("formTotalAmountInfo"), label: t("formTotalAmountLabel"), value: fee.amount, type: "number", step: "0.01" }), _jsx(EnhancedInput, { disabled: true, id: "amountPaid-readonly", info: t("formAmountPaidInfo"), label: t("formAmountPaidLabel"), value: fee.amountPaid, type: "number", step: "0.01" }), _jsx(EnhancedInput, { disabled: true, id: "amountDue-readonly", info: t("formAmountDueInfo"), label: t("formAmountDueLabel"), value: fee.amountDue, type: "number", step: "0.01" }), _jsx(EnhancedInput, { disabled: true, id: "dueDate-readonly", label: t("formDueDateLabel"), value: formatDisplayDate(fee.dueDate), type: "date" }), _jsx(EnhancedInput, { disabled: true, id: "status-readonly", label: t("formStatusLabel"), value: statusDisplay }), _jsx(EnhancedTextarea, { disabled: true, id: "remarks-readonly", label: t("formRemarksLabel"), value: fee.remarks || "" })] })) : null] }));
+};

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

@@ -5,11 +5,11 @@ import { EnhancedDrawerFooter, DRAWER_FOOTER_COMPONENT_TYPE, } from "@appcorp/sh
 import { DrawerGeneric } from "@appcorp/shadcn/components/drawer-generic";
 import { useStudentFeeModule, STUDENT_FEE_DRAWER } from "./context";
 import { useTranslations } from "next-intl";
-import { StudentFeeForm } from "./form";
+import { SingleEntryStudentFeeForm } from "./single-entry-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 }));
+    return (_jsx(DrawerGeneric, { filterDrawer: null, filterDrawerHeader: null, filterDrawerFooter: null, formDrawer: isOpen ? _jsx(SingleEntryStudentFeeForm, {}) : 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

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

package/constants.js

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

package/package.json

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