@appcorp/fusion-storybook 0.3.83 → 0.3.85

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

@@ -1,56 +0,0 @@
-"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.js

@@ -1,49 +0,0 @@
-"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/single-entry-form.js

@@ -1,274 +0,0 @@
-"use strict";
-// "use client";
-// import { EnhancedInput } from "@appcorp/shadcn/components/enhanced-input";
-// import { EnhancedTextarea } from "@appcorp/shadcn/components/enhanced-textarea";
-// import { FC, useEffect, useMemo, useRef, useState } from "react";
-// import { useStudentFeeModule, STUDENT_FEE_ACTION_TYPES } from "./context";
-// import { getCachedWorkspaceSync } from "../workspace/cache";
-// import { DISCOUNT_TYPE, PAYMENT_STATUS } from "../../type";
-// import { useTranslations } from "next-intl";
-// import { useDebounce } from "@react-pakistan/util-functions/hooks/use-debounce";
-// import { Loader2 } from "lucide-react";
-// 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 const SingleEntryStudentFeeForm: FC<SingleEntryStudentFeeFormProps> = ({
-//   amountPaid,
-//   feeByComputerNumber,
-//   fetchByComputerNumber,
-//   fetchingByCN,
-//   paidAt,
-//   remarks,
-//   setAmountPaid,
-//   setPaidAt,
-//   setRemarks,
-// }) => {
-//   const { dispatch } = useStudentFeeModule();
-//   const workspace = getCachedWorkspaceSync();
-//   const currency = workspace?.school?.currency ?? "";
-//   const t = useTranslations("studentFee");
-//   // const [amountPaid, setAmountPaid] = useState("");
-//   // const [remarks, setRemarks] = useState("");
-//   const [computerNumber, setComputerNumber] = useState("");
-//   const debouncedComputerNumber = useDebounce(computerNumber, 800);
-//   const fetchByCNRef = useRef(fetchByComputerNumber);
-//   useEffect(() => {
-//     fetchByCNRef.current = fetchByComputerNumber;
-//   }, [fetchByComputerNumber]);
-//   useEffect(() => {
-//     if (!debouncedComputerNumber) return;
-//     fetchByCNRef.current(undefined, {
-//       params: {
-//         computerNumber: debouncedComputerNumber,
-//         schoolId: workspace?.school?.id,
-//       },
-//     });
-//   }, [debouncedComputerNumber, workspace?.school?.id]);
-//   const isStale = computerNumber !== debouncedComputerNumber;
-//   const hasData =
-//     !!feeByComputerNumber &&
-//     !!debouncedComputerNumber &&
-//     !isStale &&
-//     !fetchingByCN;
-//   const response = hasData
-//     ? (feeByComputerNumber as StudentFeeByCNResponse)
-//     : null;
-//   const profile = response?.studentProfile ?? null;
-//   const fee = response?.studentFees?.[0] ?? null;
-//   useEffect(() => {
-//     dispatch({
-//       type: STUDENT_FEE_ACTION_TYPES.SET_DISABLE_SAVE_BUTTON,
-//       payload: { disabled: false },
-//     });
-//   }, [fee, dispatch]);
-//   const paymentStatusLabelMap: Record<string, string> = {
-//     PENDING: t("formOptionPending"),
-//     PARTIAL: t("formOptionPartial"),
-//     PAID: t("formOptionPaid"),
-//     OVERDUE: t("formOptionOverdue"),
-//     CANCELLED: t("formOptionCancelled"),
-//     REFUNDED: t("formOptionRefunded"),
-//   };
-//   const studentName = profile
-//     ? `${profile.firstName} ${profile.lastName}`.trim() || profile.id
-//     : "";
-//   const feeStructureName = fee?.feeStructure?.name || fee?.feeStructureId || "";
-//   const discountCodeLabel = fee?.discountCode
-//     ? `${fee.discountCode.code} - ${fee.discountCode.discountValue}${fee.discountCode.discountType === DISCOUNT_TYPE.PERCENTAGE ? "%" : currency}`
-//     : fee?.discountCodeId || "";
-//   const statusDisplay = fee?.status
-//     ? paymentStatusLabelMap[fee.status] || fee.status
-//     : "";
-//   const formatDisplayDate = (rawDate: string | undefined | null): string => {
-//     if (!rawDate) return "";
-//     const d = new Date(rawDate);
-//     return `${d.getFullYear()}-${String(d.getMonth() + 1).padStart(2, "0")}-${String(d.getDate()).padStart(2, "0")}`;
-//   };
-//   const accumulatedAmount = useMemo(() => {
-//     if (!response?.studentFees?.length) return 0;
-//     return response.studentFees.reduce((sum, f) => sum + (f.amount ?? 0), 0);
-//   }, [response]);
-//   const accumulatedFine = useMemo(() => {
-//     if (!response?.studentFees?.length) return 0;
-//     return response.studentFees.reduce((sum, f) => sum + (f.fine ?? 0), 0);
-//   }, [response]);
-//   const handleUpdateAmountPaid = (value: string) => {
-//     const amountPaid = parseFloat(value);
-//     if (isNaN(amountPaid)) return;
-//     setAmountPaid(value);
-//   };
-//   useEffect(() => {
-//     (async () => {
-//       setAmountPaid(String((accumulatedAmount ?? 0) + (accumulatedFine ?? 0)));
-//     })();
-//   }, [fee, accumulatedFine, accumulatedAmount, setAmountPaid]);
-//   return (
-//     <div className="grid grid-cols-1 gap-4">
-//       <EnhancedInput
-//         id="computerNumber"
-//         info={t("formComputerNumberInfo")}
-//         label={t("formComputerNumberLabel")}
-//         onChange={(e) => setComputerNumber(e.target.value)}
-//         placeholder={t("formComputerNumberPlaceholder")}
-//         type="number"
-//         required
-//         value={computerNumber}
-//       />
-//       {fetchingByCN && debouncedComputerNumber ? (
-//         <div className="flex items-center justify-center py-4">
-//           <Loader2 className="text-muted-foreground h-5 w-5 animate-spin" />
-//         </div>
-//       ) : null}
-//       {fee && profile ? (
-//         <>
-//           <EnhancedInput
-//             readOnly
-//             id="studentProfileId-readonly"
-//             label={t("formStudentLabel")}
-//             value={studentName}
-//           />
-//           <EnhancedInput
-//             readOnly
-//             id="feeStructureId-readonly"
-//             label={t("formFeeStructureLabel")}
-//             value={feeStructureName}
-//           />
-//           <EnhancedInput
-//             readOnly
-//             id="discountCodeId-readonly"
-//             label={t("formDiscountCodeLabel")}
-//             value={discountCodeLabel}
-//           />
-//           <EnhancedInput
-//             readOnly
-//             id="discountAmount-readonly"
-//             label={t("formDiscountAmountLabel")}
-//             value={fee?.discountAmount ?? 0}
-//             type="number"
-//             step="0.01"
-//           />
-//           <EnhancedInput
-//             readOnly
-//             id="accumulatedFine-readonly"
-//             info={t("formAccumulatedFineInfo")}
-//             label={t("formAccumulatedFineLabel")}
-//             value={accumulatedFine}
-//             type="number"
-//             step="0.01"
-//           />
-//           <EnhancedInput
-//             readOnly
-//             id="amount-readonly"
-//             info={t("formTotalAmountInfo")}
-//             label={t("formTotalAmountLabel")}
-//             value={accumulatedAmount + (accumulatedFine ?? 0)}
-//             type="number"
-//             step="0.01"
-//           />
-//           <EnhancedInput
-//             id="amountPaid"
-//             info={t("formAmountPaidInfo")}
-//             label={t("formAmountPaidLabel")}
-//             value={
-//               accumulatedAmount + (accumulatedFine ?? 0) - fee.amountPaid || "0"
-//             }
-//             onChange={(e) => handleUpdateAmountPaid(e.target.value)}
-//             type="number"
-//             step="0.01"
-//           />
-//           <EnhancedInput
-//             readOnly
-//             id="amountDue-readonly"
-//             info={t("formAmountDueInfo")}
-//             label={t("formAmountDueLabel")}
-//             value={
-//               (accumulatedAmount ?? 0) +
-//               (accumulatedFine ?? 0) -
-//               parseFloat(amountPaid || "0")
-//             }
-//             type="number"
-//             step="0.01"
-//           />
-//           <EnhancedInput
-//             readOnly
-//             id="dueDate-readonly"
-//             label={t("formDueDateLabel")}
-//             value={formatDisplayDate(fee?.dueDate)}
-//             type="date"
-//           />
-//           <EnhancedInput
-//             id="paidAt"
-//             info={t("formPaidAtInfo")}
-//             label={t("formPaidAtLabel")}
-//             onChange={(e) => setPaidAt(e.target.value)}
-//             onClick={(e) => e.currentTarget.showPicker?.()}
-//             type="date"
-//             value={paidAt || ""}
-//           />
-//           <EnhancedInput
-//             readOnly
-//             id="status-readonly"
-//             label={t("formStatusLabel")}
-//             value={statusDisplay}
-//           />
-//           <EnhancedTextarea
-//             id="remarks-readonly"
-//             label={t("formRemarksLabel")}
-//             value={remarks || ""}
-//             onChange={(e) => setRemarks(e.target.value)}
-//           />
-//         </>
-//       ) : null}
-//     </div>
-//   );
-// };

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

@@ -1,94 +0,0 @@
-"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 { SingleEntryStudentFeeForm } from "./single-entry-form";
-// import { useFetch } from "@react-pakistan/util-functions/hooks/use-fetch";
-// import { STUDENT_FEE_API_ROUTES } from "../../constants";
-// import { API_METHODS } from "@react-pakistan/util-functions/constants/api-methods";
-// 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;
-//   const isOpen = drawer === STUDENT_FEE_DRAWER.MISC_DRAWER_2;
-//   const {
-//     fetchNow: fetchByComputerNumber,
-//     data: feeByComputerNumber,
-//     loading: fetchingByCN,
-//   } = useFetch(STUDENT_FEE_API_ROUTES.BY_COMPUTER_NUMBER, {
-//     method: API_METHODS.GET,
-//   });
-//   return (
-//     <DrawerGeneric
-//       filterDrawer={null}
-//       filterDrawerHeader={null}
-//       filterDrawerFooter={null}
-//       formDrawer={
-//         isOpen ? (
-//           <SingleEntryStudentFeeForm
-//             amountPaid={amountPaid}
-//             feeByComputerNumber={feeByComputerNumber}
-//             fetchByComputerNumber={fetchByComputerNumber}
-//             fetchingByCN={fetchingByCN}
-//             paidAt={paidAt}
-//             remarks={remarks}
-//             setAmountPaid={setAmountPaid}
-//             setPaidAt={setPaidAt}
-//             setRemarks={setRemarks}
-//           />
-//         ) : null
-//       }
-//       formDrawerHeader={
-//         isOpen ? (
-//           <EnhancedDrawerHeader
-//             title={t("drawerSingleEntryTitle")}
-//             description={t("drawerSingleEntryDescription")}
-//           />
-//         ) : null
-//       }
-//       formDrawerFooter={
-//         isOpen ? (
-//           <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: boolean) => !open && closeDrawer()}
-//       open={isOpen}
-//     />
-//   );
-// };