@appcorp/fusion-storybook 0.2.56 → 0.2.57

package/base-modules/enrollment/form.js

@@ -13,31 +13,48 @@ import { EnhancedInput } from "@appcorp/shadcn/components/enhanced-input";
 import { EnhancedCheckbox } from "@appcorp/shadcn/components/enhanced-checkbox";
 import { useEnhancedCombobox } from "@appcorp/shadcn/hooks/use-enhanced-combobox";
 import { Separator } from "@appcorp/shadcn/components/ui/separator";
-import { DATE_FORMATS, formatDate } from "@react-pakistan/util-functions";
+import { API_METHODS, DATE_FORMATS, formatDate, } from "@react-pakistan/util-functions";
 import { useEnrollmentModule } from "./context";
-import { getCachedStudentProfilesSync } from "../student-profile/cache";
-import { getCachedSectionsSync } from "../section/cache";
-import { SECTION_API_ROUTES, STUDENT_FEE_API_ROUTES, } from "../../constants";
+import { SECTION_API_ROUTES, STUDENT_PROFILE_API_ROUTES, } from "../../constants";
 import { useTranslations } from "next-intl";
+import { useFetch } from "@react-pakistan/util-functions/hooks/use-fetch";
+import { useEffect } from "storybook/internal/preview-api";
+import { getCachedWorkspaceSync } from "../workspace/cache";
 // ============================================================================
 // COMPONENT
 // ============================================================================
 export const EnrollmentForm = () => {
     const { state: { enabled, enrollmentDate, errors, sectionId, studentProfileId }, handleChange, } = useEnrollmentModule();
+    const workspace = getCachedWorkspaceSync();
     const t = useTranslations("enrollment");
+    const { fetchNow: studentProfileFetchNow, data: studentProfileData } = useFetch(STUDENT_PROFILE_API_ROUTES.UNIT, {
+        method: API_METHODS.GET,
+        params: { workspaceId: workspace === null || workspace === void 0 ? void 0 : workspace.id },
+    });
+    const { fetchNow: sectionFetchNow, data: sectionData } = useFetch(SECTION_API_ROUTES.UNIT, {
+        method: API_METHODS.GET,
+        params: { workspaceId: workspace === null || workspace === void 0 ? void 0 : workspace.id },
+    });
+    useEffect(() => {
+        if (workspace === null || workspace === void 0 ? void 0 : workspace.id) {
+            studentProfileFetchNow();
+            sectionFetchNow();
+        }
+        // eslint-disable-next-line react-hooks/exhaustive-deps
+    }, [workspace === null || workspace === void 0 ? void 0 : workspace.id]);
     const { enhancedComboboxElement: studentProfileIdCombo } = useEnhancedCombobox({
         emptyText: t("formNoStudentEmpty"),
         id: "studentProfileId",
         info: t("formStudentInfo"),
         label: t("formStudentLabel"),
         onValueChange: (value) => handleChange("studentProfileId", value),
-        options: (getCachedStudentProfilesSync().items || []).map((s) => ({
+        options: ((studentProfileData === null || studentProfileData === void 0 ? void 0 : studentProfileData.items) || []).map((s) => ({
             value: s.id,
-            label: s.studentCode || s.id,
+            label: s.studentCode,
         })),
         placeholder: t("formStudentPlaceholder"),
         required: true,
-        searchEndpoint: STUDENT_FEE_API_ROUTES.UNIT,
+        searchEndpoint: STUDENT_PROFILE_API_ROUTES.UNIT,
         searchPlaceholder: t("formSearchStudentsPlaceholder"),
         formatSearchResult: (item) => {
             var _a, _b;
@@ -54,7 +71,7 @@ export const EnrollmentForm = () => {
         info: t("sectionInfo"),
         label: t("section"),
         onValueChange: (value) => handleChange("sectionId", value),
-        options: (getCachedSectionsSync().items || []).map((s) => {
+        options: ((sectionData === null || sectionData === void 0 ? void 0 : sectionData.items) || []).map((s) => {
             var _a;
             return ({
                 value: s.id,

package/package.json

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