@appcorp/fusion-storybook 0.2.63 → 0.2.64

package/base-modules/enrollment/validate.js

@@ -8,6 +8,7 @@ import { z } from "zod";
 // VALIDATION SCHEMA
 // ============================================================================
 export const enrollmentFormValidation = z.object({
+    classId: z.string().min(1, "Class is required"),
     studentProfileId: z.string().min(1, "Student is required"),
     sectionId: z.string().min(1, "Section is required"),
     enrollmentDate: z

package/base-modules/enrollment/view.js

@@ -16,6 +16,7 @@ import { Separator } from "@appcorp/shadcn/components/ui/separator";
 import { BookOpen, CheckCircle2, XCircle } from "lucide-react";
 import { DATE_FORMATS, formatDate } from "@react-pakistan/util-functions";
 import { useEnrollmentModule } from "./context";
+import { getCachedClassesSync } from "../class/cache";
 import { getCachedStudentProfilesSync } from "../student-profile/cache";
 import { getCachedSectionsSync } from "../section/cache";
 import { useTranslations } from "next-intl";
@@ -24,17 +25,19 @@ import { useTranslations } from "next-intl";
 // ============================================================================
 export const EnrollmentView = memo(() => {
     var _a, _b, _c;
-    const { state: { enrollmentDate, enabled, sectionId, studentProfileId }, } = useEnrollmentModule();
+    const { state: { classId, enrollmentDate, enabled, sectionId, studentProfileId }, } = useEnrollmentModule();
     const t = useTranslations("enrollment");
     const studentProfile = getCachedStudentProfilesSync().items.find((s) => s.id === studentProfileId);
     const studentName = (_b = (_a = studentProfile === null || studentProfile === void 0 ? void 0 : studentProfile.studentCode) !== null && _a !== void 0 ? _a : studentProfileId) !== null && _b !== void 0 ? _b : "—";
+    const cls = getCachedClassesSync().items.find((c) => c.id === classId);
+    const className = cls ? `${cls.name} (${cls.code})` : (classId !== null && classId !== void 0 ? classId : "—");
     const section = getCachedSectionsSync().items.find((s) => s.id === sectionId);
     const sectionName = section
         ? ((_c = section.class) === null || _c === void 0 ? void 0 : _c.code)
             ? `${section.class.code}-${section.name}`
             : section.name
         : (sectionId !== null && sectionId !== void 0 ? sectionId : "—");
-    return (_jsxs("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(BookOpen, { className: "h-5 w-5 text-primary" }), _jsx(CardTitle, { className: "text-lg", children: t("viewSectionEnrollmentDetails") })] }), _jsx(CardDescription, { children: t("viewSectionCompleteEnrollmentInformation") })] }), _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-sm font-medium text-muted-foreground", children: t("viewFieldStudent") }), _jsx("p", { className: "text-base", children: studentName })] }), _jsxs("div", { className: "space-y-1", children: [_jsx("p", { className: "text-sm font-medium text-muted-foreground", children: t("section") }), _jsx("p", { className: "text-base", children: sectionName })] }), _jsxs("div", { className: "space-y-1", children: [_jsx("p", { className: "text-sm font-medium text-muted-foreground", children: t("viewFieldEnrollmentDate") }), _jsx("p", { className: "text-base", children: enrollmentDate
+    return (_jsxs("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(BookOpen, { className: "h-5 w-5 text-primary" }), _jsx(CardTitle, { className: "text-lg", children: t("viewSectionEnrollmentDetails") })] }), _jsx(CardDescription, { children: t("viewSectionCompleteEnrollmentInformation") })] }), _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-sm font-medium text-muted-foreground", children: t("viewFieldStudent") }), _jsx("p", { className: "text-base", children: studentName })] }), _jsxs("div", { className: "space-y-1", children: [_jsx("p", { className: "text-sm font-medium text-muted-foreground", children: t("labelClass") }), _jsx("p", { className: "text-base", children: className })] }), _jsxs("div", { className: "space-y-1", children: [_jsx("p", { className: "text-sm font-medium text-muted-foreground", children: t("section") }), _jsx("p", { className: "text-base", children: sectionName })] }), _jsxs("div", { className: "space-y-1", children: [_jsx("p", { className: "text-sm font-medium text-muted-foreground", children: t("viewFieldEnrollmentDate") }), _jsx("p", { className: "text-base", children: enrollmentDate
                                                 ? formatDate(enrollmentDate, DATE_FORMATS.LOCALE_DATE)
                                                 : "—" })] })] }) })] }), _jsxs(Card, { children: [_jsxs(CardHeader, { className: "pb-3", children: [_jsxs("div", { className: "flex items-center gap-2", children: [_jsx(BookOpen, { className: "h-5 w-5 text-primary" }), _jsx(CardTitle, { className: "text-lg", children: t("viewFieldStatus") })] }), _jsx(CardDescription, { children: t("viewFieldEnrollmentAvailability") })] }), _jsx(Separator, {}), _jsx(CardContent, { className: "pt-6", children: _jsx("div", { className: "grid grid-cols-1 gap-6", children: _jsxs("div", { className: "space-y-1", children: [_jsx("p", { className: "text-sm font-medium text-muted-foreground", children: t("viewFieldStatus") }), _jsx(Badge, { variant: enabled ? "default" : "destructive", className: "gap-1", children: enabled ? (_jsxs(_Fragment, { children: [_jsx(CheckCircle2, { className: "h-3 w-3" }), " ", t("viewFieldStatusActive")] })) : (_jsxs(_Fragment, { children: [_jsx(XCircle, { className: "h-3 w-3" }), " ", t("viewFieldStatusInactive")] })) })] }) }) })] })] }));
 });

package/base-modules/section/cache.js

@@ -21,7 +21,6 @@ export const getCachedSections = ({ params, }) => getCachedData({
     params,
     headers: {
         "Content-Type": "application/json",
-        // "x-api-token": process.env.NEXT_PUBLIC_API_KEY!,
     },
 });
 export const getCachedSectionById = (sectionId) => getCachedItemById(LS_KEYS.SECTIONS, sectionId);

package/base-modules/section/context.d.ts

@@ -28,7 +28,6 @@ export declare const SECTION_ACTION_TYPES: {
     drawer: string | null;
     errors: Record<string, string>;
     capacity: number | null;
-    classId: string;
     enabled: boolean;
     id: string;
     name: string;
@@ -44,7 +43,6 @@ export declare const SECTION_ACTION_TYPES: {
     drawer: string | null;
     errors: Record<string, string>;
     capacity: number | null;
-    classId: string;
     enabled: boolean;
     id: string;
     name: string;
@@ -62,7 +60,6 @@ export declare const SECTION_ACTION_TYPES: {
     drawer: string | null;
     errors: Record<string, string>;
     capacity: number | null;
-    classId: string;
     enabled: boolean;
     id: string;
     name: string;
@@ -78,7 +75,6 @@ export declare const SECTION_ACTION_TYPES: {
     drawer: string | null;
     errors: Record<string, string>;
     capacity: number | null;
-    classId: string;
     enabled: boolean;
     id: string;
     name: string;
@@ -94,7 +90,6 @@ export declare const SECTION_ACTION_TYPES: {
     drawer: string | null;
     errors: Record<string, string>;
     capacity: number | null;
-    classId: string;
     enabled: boolean;
     id: string;
     name: string;
@@ -143,7 +138,6 @@ export declare const useSectionModule: () => {
         drawer: string | null;
         errors: Record<string, string>;
         capacity: number | null;
-        classId: string;
         enabled: boolean;
         id: string;
         name: string;

package/base-modules/section/context.js

@@ -57,7 +57,6 @@ const sectionConfig = {
         errors: {},
         // Form State
         capacity: null,
-        classId: "",
         enabled: true,
         id: "",
         name: "",
@@ -101,7 +100,6 @@ export const useSectionModule = () => {
     ]);
     const updateParams = useMemo(() => ({
         capacity: state.capacity,
-        classId: state.classId,
         enabled: state.enabled,
         id: state.id,
         name: state.name,
@@ -150,7 +148,6 @@ export const useSectionModule = () => {
             payload: {
                 form: {
                     capacity: null,
-                    classId: "",
                     enabled: true,
                     filterEnabled: undefined,
                     id: "",

package/base-modules/section/form.js

@@ -7,53 +7,14 @@ import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
  * Uses a class combobox populated from cached class data.
  */
 import { EnhancedInput } from "@appcorp/shadcn/components/enhanced-input";
-import { useEnhancedCombobox } from "@appcorp/shadcn/hooks/use-enhanced-combobox";
 import { EnhancedCheckbox } from "@appcorp/shadcn/components/enhanced-checkbox";
 import { useSectionModule } from "./context";
 import { useTranslations } from "next-intl";
-import { getCachedWorkspaceSync } from "../workspace/cache";
-import { CLASS_API_ROUTES } from "../../constants";
-import { useFetch } from "@react-pakistan/util-functions/hooks/use-fetch";
-import { API_METHODS } from "@react-pakistan/util-functions";
-import { useEffect } from "react";
 export const SectionForm = () => {
-    var _a;
     const { state, handleChange } = useSectionModule();
-    const { capacity, classId, enabled, errors, name } = state;
+    const { capacity, enabled, errors, name } = state;
     const t = useTranslations("section");
-    const workspace = getCachedWorkspaceSync();
-    const { fetchNow, data: classes } = useFetch(CLASS_API_ROUTES.UNIT, {
-        params: { workspaceId: workspace === null || workspace === void 0 ? void 0 : workspace.id },
-        method: API_METHODS.GET,
-    });
-    useEffect(() => {
-        fetchNow();
-        // eslint-disable-next-line react-hooks/exhaustive-deps
-    }, []);
-    const { enhancedComboboxElement: classIdCombo } = useEnhancedCombobox({
-        emptyText: t("formNoClassEmpty"),
-        id: "classId",
-        info: t("formClassInfo"),
-        label: t("formClassLabel"),
-        onValueChange: (value) => handleChange("classId", value),
-        options: ((_a = ((classes === null || classes === void 0 ? void 0 : classes.items) || [])) === null || _a === void 0 ? void 0 : _a.map((cls) => ({
-            value: cls.id,
-            label: `${cls.name} (${cls.code})`,
-        }))) || [],
-        placeholder: t("formClassPlaceholder"),
-        required: true,
-        searchEndpoint: CLASS_API_ROUTES.UNIT,
-        searchPlaceholder: t("formSearchClassesPlaceholder"),
-        formatSearchResult: (item) => {
-            const classItem = Object.assign({}, item);
-            return {
-                label: `${classItem === null || classItem === void 0 ? void 0 : classItem.name} (${classItem === null || classItem === void 0 ? void 0 : classItem.code})`,
-                value: classItem === null || classItem === void 0 ? void 0 : classItem.id,
-            };
-        },
-        value: classId,
-    });
-    return (_jsxs("div", { className: "grid grid-cols-1 gap-4", children: [classIdCombo, _jsx(EnhancedInput, { error: errors.name, id: "name", info: t("sectionNameInfo"), label: t("sectionName"), onChange: (e) => handleChange("name", e.target.value), placeholder: t("sectionNamePlaceholder"), required: true, value: name }), _jsx(EnhancedInput, { error: errors.capacity, id: "capacity", info: t("formCapacityInfo"), label: t("formCapacityLabel"), onChange: (e) => {
+    return (_jsxs("div", { className: "grid grid-cols-1 gap-4", children: [_jsx(EnhancedInput, { error: errors.name, id: "name", info: t("sectionNameInfo"), label: t("sectionName"), onChange: (e) => handleChange("name", e.target.value), placeholder: t("sectionNamePlaceholder"), required: true, value: name }), _jsx(EnhancedInput, { error: errors.capacity, id: "capacity", info: t("formCapacityInfo"), label: t("formCapacityLabel"), onChange: (e) => {
                     const value = e.target.value;
                     handleChange("capacity", value ? Number(value) : 0);
                 }, placeholder: t("formCapacityPlaceholder"), type: "number", value: (capacity === null || capacity === void 0 ? void 0 : capacity.toString()) || "" }), _jsx(EnhancedCheckbox, { label: t("formActiveSectionLabel"), defaultChecked: enabled, onCheckedChange: (checked) => handleChange("enabled", checked), info: t("actionToggleActivateOrDeactivateSection") })] }));

package/base-modules/section/more-actions.js

@@ -91,7 +91,7 @@ export const SectionMoreActions = () => {
         };
     }, []);
     const handleBulkFlow = useCallback(async (files, method) => {
-        var _a, _b, _c, _d, _e, _f, _g;
+        var _a, _b, _c, _d, _e, _f;
         const closeDrawer = () => {
             dispatch({
                 type: SECTION_ACTION_TYPES.SET_DRAWER,
@@ -120,11 +120,9 @@ export const SectionMoreActions = () => {
             if (method === "POST") {
                 if (!((_b = row.name) === null || _b === void 0 ? void 0 : _b.trim()))
                     msgs.push(t("validationRequiredName"));
-                if (!((_c = row.classId) === null || _c === void 0 ? void 0 : _c.trim()))
-                    msgs.push(t("validationRequiredClassId"));
             }
             else {
-                if (!((_d = row.id) === null || _d === void 0 ? void 0 : _d.trim()))
+                if (!((_c = row.id) === null || _c === void 0 ? void 0 : _c.trim()))
                     msgs.push(t("validationRequiredIdForUpdate"));
             }
             if (msgs.length > 0) {
@@ -167,7 +165,7 @@ export const SectionMoreActions = () => {
                 return;
             if (status.status === "completed") {
                 const r = status.results;
-                if (r && ((_e = r.errors) === null || _e === void 0 ? void 0 : _e.length) > 0) {
+                if (r && ((_d = r.errors) === null || _d === void 0 ? void 0 : _d.length) > 0) {
                     const summary = formatErrorSummary(t, r.errors);
                     showSuccessToast(t("messagesBulkResults", {
                         created: r.created,
@@ -187,7 +185,7 @@ export const SectionMoreActions = () => {
                 else {
                     showSuccessToast(t("messagesBulkSuccess"));
                 }
-                const schoolId = ((_f = workspace === null || workspace === void 0 ? void 0 : workspace.school) === null || _f === void 0 ? void 0 : _f.id) || "";
+                const schoolId = ((_e = workspace === null || workspace === void 0 ? void 0 : workspace.school) === null || _e === void 0 ? void 0 : _e.id) || "";
                 fetch(`${SECTION_API_ROUTES.LIST}?currentPage=1&pageLimit=${pageLimit}&schoolId=${schoolId}`, {
                     headers: {
                         "Content-Type": "application/json",
@@ -211,7 +209,7 @@ export const SectionMoreActions = () => {
             }
             else {
                 const r = status.results;
-                const detail = ((_g = r === null || r === void 0 ? void 0 : r.errors) === null || _g === void 0 ? void 0 : _g.length)
+                const detail = ((_f = r === null || r === void 0 ? void 0 : r.errors) === null || _f === void 0 ? void 0 : _f.length)
                     ? formatErrorSummary(t, r.errors)
                     : t("unknownError");
                 showErrorToast(t("messagesBulkFailed", { action: label }) + "\n" + detail);

package/base-modules/section/page.d.ts

@@ -29,7 +29,6 @@ interface Props {
     drawerViewTitle: string;
     labelActions: string;
     labelCapacity: string;
-    labelClass: string;
     labelEnabled: string;
     labelId: string;
     labelName: string;

package/base-modules/section/page.js

@@ -33,7 +33,6 @@ import { RbacNoAccess } from "../../components/rbac-no-access";
 const tableBodyCols = [
     { componentType: COMPONENT_TYPE.ID, key: "id" },
     { componentType: COMPONENT_TYPE.BOLD_TEXT, key: "name" },
-    { componentType: COMPONENT_TYPE.OBJECT, key: ["class:name"] },
     { componentType: COMPONENT_TYPE.TEXT, key: "capacity" },
     { componentType: COMPONENT_TYPE.BOOLEAN, key: "enabled" },
     { componentType: COMPONENT_TYPE.ACTIONS },
@@ -47,15 +46,14 @@ const createComponentInstances = () => ({
     moreActions: _jsx(SectionMoreActions, {}),
     view: _jsx(SectionView, {}),
 });
-const createSectionConfig = ({ cancelLabel, dispatch, drawerFilterDescription, drawerFilterTitle, drawerFormDescription, drawerFormTitle, drawerMoreActionsDescription, drawerMoreActionsTitle, drawerViewDescription, drawerViewTitle, labelActions, labelCapacity, labelClass, labelEnabled, labelId, labelName, saveLabel, searchPlaceholder, tableDescription, tableTitle, }) => {
+const createSectionConfig = ({ cancelLabel, dispatch, drawerFilterDescription, drawerFilterTitle, drawerFormDescription, drawerFormTitle, drawerMoreActionsDescription, drawerMoreActionsTitle, drawerViewDescription, drawerViewTitle, labelActions, labelCapacity, labelEnabled, labelId, labelName, saveLabel, searchPlaceholder, tableDescription, tableTitle, }) => {
     const components = createComponentInstances();
     return {
         moduleName: "section",
         tableColumns: [
             { label: labelId, width: "5%" },
-            { label: labelName, width: "25%" },
-            { label: labelClass, width: "30%" },
-            { label: labelCapacity, width: "20%" },
+            { label: labelName, width: "30%" },
+            { label: labelCapacity, width: "25%" },
             { label: labelEnabled, width: "15%" },
             { label: labelActions, width: "5%" },
         ],
@@ -100,7 +98,6 @@ const SectionPageInner = (props) => {
         drawerMoreActionsDescription: props.drawerMoreActionsDescription,
         labelActions: props.labelActions,
         labelCapacity: props.labelCapacity,
-        labelClass: props.labelClass,
         labelEnabled: props.labelEnabled,
         labelId: props.labelId,
         labelName: props.labelName,
@@ -121,7 +118,6 @@ const SectionPageInner = (props) => {
         props.drawerMoreActionsDescription,
         props.labelActions,
         props.labelCapacity,
-        props.labelClass,
         props.labelEnabled,
         props.labelId,
         props.labelName,

package/base-modules/section/validate.d.ts

@@ -6,7 +6,6 @@
 import { z } from "zod";
 export declare const sectionFormValidation: z.ZodObject<{
     name: z.ZodString;
-    classId: z.ZodString;
     capacity: z.ZodNullable<z.ZodOptional<z.ZodNumber>>;
     enabled: z.ZodOptional<z.ZodBoolean>;
 }, z.core.$strip>;

package/base-modules/section/validate.js

@@ -13,7 +13,6 @@ export const sectionFormValidation = z.object({
         .min(1, "Name is required")
         .max(100, "Name must be less than 100 characters")
         .regex(/^[a-zA-Z0-9\s\-_]+$/, "Name can only contain letters, numbers, spaces, hyphens, and underscores"),
-    classId: z.string().min(1, "Class is required"),
     capacity: z
         .number()
         .int()

package/base-modules/section/view.js

@@ -12,19 +12,11 @@ import { GraduationCap, CheckCircle2, XCircle, Users } from "lucide-react";
 import { useSectionModule } from "./context";
 import { useTranslations } from "next-intl";
 import { formatValue } from "@react-pakistan/util-functions/general/format-value";
-import { getCachedWorkspaceSync } from "../workspace/cache";
-import { useFetch } from "@react-pakistan/util-functions/hooks/use-fetch";
-import { API_METHODS } from "@react-pakistan/util-functions";
 export const SectionView = () => {
     const { state } = useSectionModule();
-    const { capacity, classId, enabled, name } = state;
-    const workspace = getCachedWorkspaceSync();
+    const { capacity, enabled, name } = state;
     const t = useTranslations("section");
-    const { data: classData } = useFetch("/api/v1/class", {
-        params: { classId, workspaceId: workspace === null || workspace === void 0 ? void 0 : workspace.id },
-        method: API_METHODS.GET,
-    });
-    return (_jsxs("div", { className: "space-y-4", children: [_jsx(Card, { children: _jsx(CardContent, { className: "pt-6", children: _jsxs("div", { className: "flex items-center gap-6", children: [_jsx("div", { className: "bg-primary/10 flex h-24 w-24 items-center justify-center rounded-full", children: _jsx(Users, { className: "text-primary h-12 w-12" }) }), _jsxs("div", { className: "flex-1", children: [_jsxs("div", { className: "flex items-center gap-3", children: [_jsx("h2", { className: "text-2xl font-bold", children: name }), enabled ? (_jsx(CheckCircle2, { className: "h-5 w-5 text-green-500" })) : (_jsx(XCircle, { className: "h-5 w-5 text-red-500" }))] }), _jsxs("p", { className: "text-muted-foreground mt-1", children: [t("viewFieldClass"), ": ", (classData === null || classData === void 0 ? void 0 : classData.name) || "—"] })] })] }) }) }), _jsxs(Card, { children: [_jsxs(CardHeader, { className: "pb-3", children: [_jsxs("div", { className: "flex items-center gap-2", children: [_jsx(GraduationCap, { className: "text-primary h-5 w-5" }), _jsx(CardTitle, { className: "text-lg", children: t("sectionDetails") })] }), _jsx(CardDescription, { children: t("viewSectionCompleteSectionInformation") })] }), _jsx(Separator, {}), _jsx(CardContent, { className: "pt-6", children: _jsxs("div", { className: "grid grid-cols-1 gap-6 md:grid-cols-2", children: [_jsxs("div", { className: "space-y-1", children: [_jsx("p", { className: "text-muted-foreground text-sm font-medium", children: t("sectionName") }), _jsx("p", { className: "text-base", children: formatValue(name) })] }), _jsxs("div", { className: "space-y-1", children: [_jsx("p", { className: "text-muted-foreground text-sm font-medium", children: t("viewFieldClass") }), _jsx("p", { className: "text-base", children: (classData === null || classData === void 0 ? void 0 : classData.name) || "—" })] }), _jsxs("div", { className: "space-y-1", children: [_jsx("p", { className: "text-muted-foreground text-sm font-medium", children: t("viewFieldCapacity") }), _jsxs("p", { className: "text-base", children: [formatValue(capacity), " ", capacity !== null ? t("viewFieldStudents") : ""] })] }), _jsxs("div", { className: "space-y-1", children: [_jsx("p", { className: "text-muted-foreground text-sm font-medium", children: t("viewFieldStatus") }), _jsx(Badge, { variant: enabled ? "default" : "secondary", children: enabled
+    return (_jsxs("div", { className: "space-y-4", children: [_jsx(Card, { children: _jsx(CardContent, { className: "pt-6", children: _jsxs("div", { className: "flex items-center gap-6", children: [_jsx("div", { className: "bg-primary/10 flex h-24 w-24 items-center justify-center rounded-full", children: _jsx(Users, { className: "text-primary h-12 w-12" }) }), _jsx("div", { className: "flex-1", children: _jsxs("div", { className: "flex items-center gap-3", children: [_jsx("h2", { className: "text-2xl font-bold", children: name }), enabled ? (_jsx(CheckCircle2, { className: "h-5 w-5 text-green-500" })) : (_jsx(XCircle, { className: "h-5 w-5 text-red-500" }))] }) })] }) }) }), _jsxs(Card, { children: [_jsxs(CardHeader, { className: "pb-3", children: [_jsxs("div", { className: "flex items-center gap-2", children: [_jsx(GraduationCap, { className: "text-primary h-5 w-5" }), _jsx(CardTitle, { className: "text-lg", children: t("sectionDetails") })] }), _jsx(CardDescription, { children: t("viewSectionCompleteSectionInformation") })] }), _jsx(Separator, {}), _jsx(CardContent, { className: "pt-6", children: _jsxs("div", { className: "grid grid-cols-1 gap-6 md:grid-cols-2", children: [_jsxs("div", { className: "space-y-1", children: [_jsx("p", { className: "text-muted-foreground text-sm font-medium", children: t("sectionName") }), _jsx("p", { className: "text-base", children: formatValue(name) })] }), _jsxs("div", { className: "space-y-1", children: [_jsx("p", { className: "text-muted-foreground text-sm font-medium", children: t("viewFieldCapacity") }), _jsxs("p", { className: "text-base", children: [formatValue(capacity), " ", capacity !== null ? t("viewFieldStudents") : ""] })] }), _jsxs("div", { className: "space-y-1", children: [_jsx("p", { className: "text-muted-foreground text-sm font-medium", children: t("viewFieldStatus") }), _jsx(Badge, { variant: enabled ? "default" : "secondary", children: enabled
                                                 ? t("viewFieldStatusActive")
                                                 : t("viewFieldStatusInactive") })] })] }) })] })] }));
 };

package/package.json

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