@appcorp/fusion-storybook 0.4.23 → 0.4.25

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

@@ -1,4 +1,4 @@
-import { StudentFeeBE, PAYMENT_STATUS, FEE_RISK_LEVEL } from "../../../type";
+import { StudentFeeBE, PAYMENT_STATUS, FEE_RISK_LEVEL, FeeStructureBE, StudentProfileBE } from "../../../type";
 export declare const STUDENT_FEE_DRAWER: {
     readonly FILTER_DRAWER: string;
     readonly FORM_DRAWER: string;
@@ -46,6 +46,7 @@ export declare const STUDENT_FEE_ACTION_TYPES: {
     enabled: boolean;
     familyId: string;
     feeStructureId: string;
+    feeStructure: FeeStructureBE | null;
     id: string;
     lastRemindedAt: Date | string | null;
     nextFollowUpAt: Date | string | null;
@@ -57,6 +58,7 @@ export declare const STUDENT_FEE_ACTION_TYPES: {
     schoolId: string;
     status: PAYMENT_STATUS;
     studentProfileId: string;
+    studentProfile: StudentProfileBE | null;
     filterEnabled: boolean | undefined;
     filterStatus: PAYMENT_STATUS | "";
     filterFromDate: string;
@@ -88,6 +90,7 @@ export declare const STUDENT_FEE_ACTION_TYPES: {
     enabled: boolean;
     familyId: string;
     feeStructureId: string;
+    feeStructure: FeeStructureBE | null;
     id: string;
     lastRemindedAt: Date | string | null;
     nextFollowUpAt: Date | string | null;
@@ -99,6 +102,7 @@ export declare const STUDENT_FEE_ACTION_TYPES: {
     schoolId: string;
     status: PAYMENT_STATUS;
     studentProfileId: string;
+    studentProfile: StudentProfileBE | null;
     filterEnabled: boolean | undefined;
     filterStatus: PAYMENT_STATUS | "";
     filterFromDate: string;
@@ -132,6 +136,7 @@ export declare const STUDENT_FEE_ACTION_TYPES: {
     enabled: boolean;
     familyId: string;
     feeStructureId: string;
+    feeStructure: FeeStructureBE | null;
     id: string;
     lastRemindedAt: Date | string | null;
     nextFollowUpAt: Date | string | null;
@@ -143,6 +148,7 @@ export declare const STUDENT_FEE_ACTION_TYPES: {
     schoolId: string;
     status: PAYMENT_STATUS;
     studentProfileId: string;
+    studentProfile: StudentProfileBE | null;
     filterEnabled: boolean | undefined;
     filterStatus: PAYMENT_STATUS | "";
     filterFromDate: string;
@@ -174,6 +180,7 @@ export declare const STUDENT_FEE_ACTION_TYPES: {
     enabled: boolean;
     familyId: string;
     feeStructureId: string;
+    feeStructure: FeeStructureBE | null;
     id: string;
     lastRemindedAt: Date | string | null;
     nextFollowUpAt: Date | string | null;
@@ -185,6 +192,7 @@ export declare const STUDENT_FEE_ACTION_TYPES: {
     schoolId: string;
     status: PAYMENT_STATUS;
     studentProfileId: string;
+    studentProfile: StudentProfileBE | null;
     filterEnabled: boolean | undefined;
     filterStatus: PAYMENT_STATUS | "";
     filterFromDate: string;
@@ -216,6 +224,7 @@ export declare const STUDENT_FEE_ACTION_TYPES: {
     enabled: boolean;
     familyId: string;
     feeStructureId: string;
+    feeStructure: FeeStructureBE | null;
     id: string;
     lastRemindedAt: Date | string | null;
     nextFollowUpAt: Date | string | null;
@@ -227,6 +236,7 @@ export declare const STUDENT_FEE_ACTION_TYPES: {
     schoolId: string;
     status: PAYMENT_STATUS;
     studentProfileId: string;
+    studentProfile: StudentProfileBE | null;
     filterEnabled: boolean | undefined;
     filterStatus: PAYMENT_STATUS | "";
     filterFromDate: string;

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

@@ -1,9 +1,9 @@
 "use client";
 import { createGenericModule } from "@react-pakistan/util-functions/factory/generic-module-factory";
 import { DRAWER_TYPES } from "@react-pakistan/util-functions/factory/generic-component-factory";
-import { PAYMENT_STATUS } from "../../../type";
+import { PAYMENT_STATUS, } from "../../../type";
 import { filterDateDefaults, pageLimit } from "../constants";
-const { filterFromDate: defaultFilterFromDate, filterToDate: defaultFilterToDate } = filterDateDefaults();
+const { filterFromDate: defaultFilterFromDate, filterToDate: defaultFilterToDate, } = filterDateDefaults();
 // ============================================================================
 // 1.1 DRAWER TYPES
 // ============================================================================
@@ -47,6 +47,7 @@ const studentFeeConfig = {
         enabled: true,
         familyId: "",
         feeStructureId: "",
+        feeStructure: null,
         id: "",
         lastRemindedAt: null,
         nextFollowUpAt: null,
@@ -61,6 +62,7 @@ const studentFeeConfig = {
         schoolId: "",
         status: PAYMENT_STATUS.PENDING,
         studentProfileId: "",
+        studentProfile: null,
         // Draft filters (drawer edits; not fetched until Apply)
         filterEnabled: undefined,
         filterStatus: "",

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

@@ -1,4 +1,4 @@
-import { PAYMENT_STATUS, FEE_RISK_LEVEL } from "../../../type";
+import { PAYMENT_STATUS, FEE_RISK_LEVEL, StudentProfileBE } from "../../../type";
 import { type RowAction, type TableRow } from "@appcorp/shadcn/components/enhanced-table";
 export declare const useStudentFeeModule: () => {
     applyFilters: () => void;
@@ -58,6 +58,7 @@ export declare const useStudentFeeModule: () => {
         enabled: boolean;
         familyId: string;
         feeStructureId: string;
+        feeStructure: import("../../../types").FeeStructureBE | null;
         id: string;
         lastRemindedAt: Date | string | null;
         nextFollowUpAt: Date | string | null;
@@ -69,6 +70,7 @@ export declare const useStudentFeeModule: () => {
         schoolId: string;
         status: PAYMENT_STATUS;
         studentProfileId: string;
+        studentProfile: StudentProfileBE | null;
         filterEnabled: boolean | undefined;
         filterStatus: PAYMENT_STATUS | "";
         filterFromDate: string;

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

@@ -8,27 +8,17 @@ import { Calendar, FileText, CheckCircle2, XCircle } from "lucide-react";
 import { getCachedWorkspaceSync } from "../workspace/cache";
 import { formatDate } from "@react-pakistan/util-functions/general/format-date";
 import { DATE_FORMATS } from "@react-pakistan/util-functions/general/format-date";
-import { API_METHODS } from "@react-pakistan/util-functions/constants/api-methods";
-import { useFetch } from "@react-pakistan/util-functions/hooks/use-fetch";
 import { useTranslations } from "next-intl";
 export const StudentFeeView = () => {
-    var _a, _b, _c;
+    var _a, _b, _c, _d, _e;
     const { state } = useStudentFeeModule();
-    const { amount, amountDue, amountPaid, fine, dueDate, enabled, feeStructureId, paidAt, remarks, status, studentProfileId, } = state;
+    const { amount, amountDue, amountPaid, fine, dueDate, enabled, feeStructure, paidAt, remarks, status, studentProfile, } = 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");
-    const { data: studentProfile } = useFetch("/api/v1/student-profile", {
-        method: API_METHODS.GET,
-        params: { id: studentProfileId, workspaceId: workspace === null || workspace === void 0 ? void 0 : workspace.id },
-    });
-    const { data: feeStructure } = useFetch("/api/v1/fee-structure", {
-        method: API_METHODS.GET,
-        params: { id: feeStructureId, workspaceId: workspace === null || workspace === void 0 ? void 0 : workspace.id },
-    });
     return (_jsx("div", { className: "space-y-4", children: _jsxs(Card, { children: [_jsxs(CardHeader, { className: "pb-3", children: [_jsxs("div", { className: "flex items-center gap-2", children: [_jsx(FileText, { className: "text-primary h-5 w-5" }), _jsx(CardTitle, { className: "text-lg", children: t("viewSectionStudentFeeDetails") })] }), _jsx(CardDescription, { children: t("viewSectionReadOnlyStudentFeeInformation") })] }), _jsx(Separator, {}), _jsx(CardContent, { className: "pt-6", children: _jsxs("div", { className: "grid grid-cols-1 gap-6", children: [_jsxs("div", { className: "space-y-1", children: [_jsx("p", { className: "text-muted-foreground text-sm font-medium", children: t("formStudentLabel") }), _jsx("p", { className: "text-base", children: studentProfile
-                                            ? `${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] ||
+                                            ? `${(_c = studentProfile.familyMember) === null || _c === void 0 ? void 0 : _c.firstName} ${(_d = studentProfile === null || studentProfile === void 0 ? void 0 : studentProfile.familyMember) === null || _d === void 0 ? void 0 : _d.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: ((_e = studentProfile === null || studentProfile === void 0 ? void 0 : studentProfile.computerNumber) !== null && _e !== void 0 ? _e : "").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("viewFieldFine") }), _jsxs("p", { className: "text-base", children: [currency, " ", (fine !== null && fine !== void 0 ? fine : 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.4.23",
+  "version": "0.4.25",
   "scripts": {
     "build-storybook": "storybook build",
     "build:next": "next build",