@appcorp/fusion-storybook 0.2.40 → 0.2.44

package/base-modules/course/form.js

@@ -8,301 +8,100 @@ import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
  */
 import { EnhancedInput } from "@appcorp/shadcn/components/enhanced-input";
 import { EnhancedCheckbox } from "@appcorp/shadcn/components/enhanced-checkbox";
-import { EnhancedCombobox } from "@appcorp/shadcn/components/enhanced-combobox";
-import { useDebounce } from "@react-pakistan/util-functions/hooks/use-debounce";
-import { useEffect, useMemo, useState } from "react";
+import { useEnhancedCombobox } from "@appcorp/shadcn/hooks/use-enhanced-combobox";
 import { useCourseModule } from "./context";
-import { getCachedSectionsSync } from "../section/cache";
-import { getCachedTeachersSync, getCachedTeachers } from "../teacher/cache";
-import { getCachedSubjectsSync } from "../subject/cache";
-import { getCachedSections } from "../section/cache";
-import { getCachedSubjects } from "../subject/cache";
-import { getCachedWorkspaceSync } from "../workspace/cache";
+import { COURSE_API_ROUTES } from "./constants";
 import { useTranslations } from "next-intl";
+import { useFetch } from "@react-pakistan/util-functions/hooks/use-fetch";
+import { API_METHODS } from "@react-pakistan/util-functions";
+import { getCachedWorkspaceSync } from "../workspace/cache";
 export const CourseForm = () => {
-    var _a;
+    const workspace = getCachedWorkspaceSync();
     const t = useTranslations("course");
     const { state, handleChange } = useCourseModule();
-    const workspace = getCachedWorkspaceSync();
-    const schoolId = ((_a = workspace === null || workspace === void 0 ? void 0 : workspace.school) === null || _a === void 0 ? void 0 : _a.id) || "";
-    const { code, enabled, errors, sectionId, sectionLabel, subjectId, subjectLabel, teacherId, teacherLabel, } = state;
-    const cachedSections = getCachedSectionsSync();
-    const cachedSubjects = getCachedSubjectsSync();
-    const cachedTeachers = getCachedTeachersSync();
-    const [sectionSearchQuery, setSectionSearchQuery] = useState("");
-    const [subjectSearchQuery, setSubjectSearchQuery] = useState("");
-    const [teacherSearchQuery, setTeacherSearchQuery] = useState("");
-    const [remoteSectionOptions, setRemoteSectionOptions] = useState(cachedSections.items.map((section) => {
-        var _a;
-        return ({
-            label: ((_a = section.class) === null || _a === void 0 ? void 0 : _a.code)
-                ? `${section.class.code}-${section.name}`
-                : section.name,
-            value: section.id,
-        });
-    }));
-    const [remoteSubjectOptions, setRemoteSubjectOptions] = useState(cachedSubjects.items.map((subject) => ({
-        label: subject.name,
-        value: subject.id,
-    })));
-    const [remoteTeacherOptions, setRemoteTeacherOptions] = useState(cachedTeachers.items.map((teacher) => ({
-        label: `${teacher.firstName || ""} ${teacher.lastName || ""}`.trim() ||
-            teacher.teacherCode ||
-            teacher.id,
-        value: teacher.id,
-    })));
-    const [sectionOptionsLoading, setSectionOptionsLoading] = useState(false);
-    const [subjectOptionsLoading, setSubjectOptionsLoading] = useState(false);
-    const [teacherOptionsLoading, setTeacherOptionsLoading] = useState(false);
-    const debouncedSectionSearchQuery = useDebounce(sectionSearchQuery, 300);
-    const debouncedSubjectSearchQuery = useDebounce(subjectSearchQuery, 300);
-    const debouncedTeacherSearchQuery = useDebounce(teacherSearchQuery, 300);
-    const trimmedSectionSearchQuery = debouncedSectionSearchQuery.trim();
-    const trimmedSubjectSearchQuery = debouncedSubjectSearchQuery.trim();
-    const trimmedTeacherSearchQuery = debouncedTeacherSearchQuery.trim();
-    const sectionOptions = useMemo(() => cachedSections.items.map((section) => {
-        var _a;
-        return ({
-            label: ((_a = section.class) === null || _a === void 0 ? void 0 : _a.code)
-                ? `${section.class.code}-${section.name}`
-                : section.name,
-            value: section.id,
-        });
-    }), [cachedSections.items]);
-    const subjectOptions = useMemo(() => cachedSubjects.items.map((subject) => ({
-        label: subject.name,
-        value: subject.id,
-    })), [cachedSubjects.items]);
-    const teacherOptions = useMemo(() => cachedTeachers.items.map((teacher) => ({
-        label: `${teacher.firstName || ""} ${teacher.lastName || ""}`.trim() ||
-            teacher.teacherCode ||
-            teacher.id,
-        value: teacher.id,
-    })), [cachedTeachers.items]);
-    const selectedSectionOption = useMemo(() => {
-        var _a;
-        const selectedSection = cachedSections.items.find((section) => section.id === sectionId);
-        return selectedSection
-            ? [
-                {
-                    label: ((_a = selectedSection.class) === null || _a === void 0 ? void 0 : _a.code)
-                        ? `${selectedSection.class.code}-${selectedSection.name}`
-                        : selectedSection.name,
-                    value: selectedSection.id,
-                },
-            ]
-            : sectionId && sectionLabel
-                ? [
-                    {
-                        label: sectionLabel,
-                        value: sectionId,
-                    },
-                ]
-                : [];
-    }, [cachedSections.items, sectionId, sectionLabel]);
-    const selectedSubjectOption = useMemo(() => {
-        const selectedSubject = cachedSubjects.items.find((subject) => subject.id === subjectId);
-        return selectedSubject
-            ? [
-                {
-                    label: selectedSubject.name,
-                    value: selectedSubject.id,
-                },
-            ]
-            : subjectId && subjectLabel
-                ? [
-                    {
-                        label: subjectLabel,
-                        value: subjectId,
-                    },
-                ]
-                : [];
-    }, [cachedSubjects.items, subjectId, subjectLabel]);
-    const selectedTeacherOption = useMemo(() => {
-        const selectedTeacher = cachedTeachers.items.find((teacher) => teacher.id === teacherId);
-        return selectedTeacher
-            ? [
-                {
-                    label: `${selectedTeacher.firstName || ""} ${selectedTeacher.lastName || ""}`.trim() ||
-                        selectedTeacher.teacherCode ||
-                        selectedTeacher.id,
-                    value: selectedTeacher.id,
-                },
-            ]
-            : teacherId && teacherLabel
-                ? [
-                    {
-                        label: teacherLabel,
-                        value: teacherId,
-                    },
-                ]
-                : [];
-    }, [cachedTeachers.items, teacherId, teacherLabel]);
-    const displayedSectionOptions = useMemo(() => {
-        const sourceOptions = trimmedSectionSearchQuery
-            ? remoteSectionOptions
-            : sectionOptions;
-        const mergedOptions = [...selectedSectionOption, ...sourceOptions];
-        const uniqueOptions = new Map(mergedOptions.map((option) => [option.value, option]));
-        return [...uniqueOptions.values()];
-    }, [
-        remoteSectionOptions,
-        sectionOptions,
-        selectedSectionOption,
-        trimmedSectionSearchQuery,
-    ]);
-    const displayedSubjectOptions = useMemo(() => {
-        const sourceOptions = trimmedSubjectSearchQuery
-            ? remoteSubjectOptions
-            : subjectOptions;
-        const mergedOptions = [...selectedSubjectOption, ...sourceOptions];
-        const uniqueOptions = new Map(mergedOptions.map((option) => [option.value, option]));
-        return [...uniqueOptions.values()];
-    }, [
-        remoteSubjectOptions,
-        selectedSubjectOption,
-        subjectOptions,
-        trimmedSubjectSearchQuery,
-    ]);
-    const displayedTeacherOptions = useMemo(() => {
-        const sourceOptions = trimmedTeacherSearchQuery
-            ? remoteTeacherOptions
-            : teacherOptions;
-        const mergedOptions = [...selectedTeacherOption, ...sourceOptions];
-        const uniqueOptions = new Map(mergedOptions.map((option) => [option.value, option]));
-        return [...uniqueOptions.values()];
-    }, [
-        remoteTeacherOptions,
-        selectedTeacherOption,
-        teacherOptions,
-        trimmedTeacherSearchQuery,
-    ]);
-    useEffect(() => {
-        if (!trimmedSectionSearchQuery || !schoolId)
-            return;
-        let isActive = true;
-        const fetchSections = async () => {
-            setSectionOptionsLoading(true);
-            try {
-                const { items } = await getCachedSections({
-                    params: {
-                        schoolId,
-                        searchQuery: trimmedSectionSearchQuery,
-                    },
-                });
-                if (!isActive)
-                    return;
-                setRemoteSectionOptions((items || []).map((section) => {
-                    var _a;
-                    return ({
-                        label: ((_a = section.class) === null || _a === void 0 ? void 0 : _a.code)
-                            ? `${section.class.code}-${section.name}`
-                            : section.name,
-                        value: section.id,
-                    });
-                }));
-            }
-            catch (_a) {
-                if (!isActive)
-                    return;
-                setRemoteSectionOptions([]);
-            }
-            finally {
-                if (isActive) {
-                    setSectionOptionsLoading(false);
-                }
-            }
-        };
-        void fetchSections();
-        return () => {
-            isActive = false;
-        };
-    }, [schoolId, trimmedSectionSearchQuery]);
-    useEffect(() => {
-        if (!trimmedSubjectSearchQuery || !schoolId)
-            return;
-        let isActive = true;
-        const fetchSubjects = async () => {
-            setSubjectOptionsLoading(true);
-            try {
-                const { items } = await getCachedSubjects({
-                    params: {
-                        schoolId,
-                        searchQuery: trimmedSubjectSearchQuery,
-                    },
-                });
-                if (!isActive)
-                    return;
-                setRemoteSubjectOptions((items || []).map((subject) => ({
-                    label: subject.name,
-                    value: subject.id,
-                })));
-            }
-            catch (_a) {
-                if (!isActive)
-                    return;
-                setRemoteSubjectOptions([]);
-            }
-            finally {
-                if (isActive) {
-                    setSubjectOptionsLoading(false);
-                }
-            }
-        };
-        void fetchSubjects();
-        return () => {
-            isActive = false;
-        };
-    }, [schoolId, trimmedSubjectSearchQuery]);
-    useEffect(() => {
-        if (!trimmedTeacherSearchQuery || !schoolId)
-            return;
-        let isActive = true;
-        const fetchTeachers = async () => {
-            setTeacherOptionsLoading(true);
-            try {
-                const { items } = await getCachedTeachers({
-                    params: {
-                        schoolId,
-                        searchQuery: trimmedTeacherSearchQuery,
-                    },
-                });
-                if (!isActive)
-                    return;
-                setRemoteTeacherOptions((items || []).map((teacher) => ({
-                    label: `${teacher.firstName || ""} ${teacher.lastName || ""}`.trim() ||
-                        teacher.teacherCode ||
-                        teacher.id,
-                    value: teacher.id,
-                })));
-            }
-            catch (_a) {
-                if (!isActive)
-                    return;
-                setRemoteTeacherOptions([]);
-            }
-            finally {
-                if (isActive) {
-                    setTeacherOptionsLoading(false);
-                }
-            }
-        };
-        void fetchTeachers();
-        return () => {
-            isActive = false;
-        };
-    }, [schoolId, trimmedTeacherSearchQuery]);
-    return (_jsxs("div", { className: "space-y-4", children: [_jsx(EnhancedInput, { error: errors.code, id: "code", info: t("formCourseCodeInfo"), label: t("formCourseCodeLabel"), onChange: (e) => handleChange("code", e.target.value), placeholder: t("formCourseCodePlaceholder"), required: true, value: code }), _jsx(EnhancedCombobox, { emptyText: t("formNoSectionEmpty"), error: errors.sectionId, id: "sectionId", info: t("sectionInfo"), label: t("section"), loading: sectionOptionsLoading && Boolean(trimmedSectionSearchQuery), onValueChange: (value) => {
-                    var _a;
-                    handleChange("sectionId", value);
-                    handleChange("sectionLabel", ((_a = displayedSectionOptions.find((option) => option.value === value)) === null || _a === void 0 ? void 0 : _a.label) || "");
-                }, onSearchChange: setSectionSearchQuery, options: displayedSectionOptions, placeholder: t("sectionPlaceholder"), required: true, searchPlaceholder: t("formSearchSectionsPlaceholder"), value: sectionId }), _jsx(EnhancedCombobox, { emptyText: t("formNoSubjectEmpty"), error: errors.subjectId, id: "subjectId", info: t("formSubjectInfo"), label: t("formSubjectLabel"), loading: subjectOptionsLoading && Boolean(trimmedSubjectSearchQuery), onValueChange: (value) => {
-                    var _a;
-                    handleChange("subjectId", value);
-                    handleChange("subjectLabel", ((_a = displayedSubjectOptions.find((option) => option.value === value)) === null || _a === void 0 ? void 0 : _a.label) || "");
-                }, onSearchChange: setSubjectSearchQuery, options: displayedSubjectOptions, placeholder: t("formSubjectPlaceholder"), required: true, searchPlaceholder: t("formSearchSubjectsPlaceholder"), value: subjectId }), _jsx(EnhancedCombobox, { emptyText: t("formNoTeacherEmpty"), error: errors.teacherId, id: "teacherId", info: t("formTeacherInfo"), label: t("formTeacherLabel"), loading: teacherOptionsLoading && Boolean(trimmedTeacherSearchQuery), onValueChange: (value) => {
-                    var _a;
-                    handleChange("teacherId", value);
-                    handleChange("teacherLabel", ((_a = displayedTeacherOptions.find((option) => option.value === value)) === null || _a === void 0 ? void 0 : _a.label) || "");
-                }, onSearchChange: setTeacherSearchQuery, options: displayedTeacherOptions, placeholder: t("formTeacherPlaceholder"), required: true, searchPlaceholder: t("formSearchTeachersPlaceholder"), value: teacherId }), _jsx(EnhancedCheckbox, { label: t("formActiveCourseLabel"), defaultChecked: enabled, onCheckedChange: (checked) => handleChange("enabled", checked), info: t("actionToggleEnableOrDisableCourse") })] }));
+    const { code, enabled, errors, sectionId, subjectId, teacherId } = state;
+    const { data: sections } = useFetch("/api/v1/sections", {
+        method: API_METHODS.GET,
+        params: { workspaceId: workspace === null || workspace === void 0 ? void 0 : workspace.id },
+    });
+    const { data: subjects } = useFetch("/api/v1/subjects", {
+        method: API_METHODS.GET,
+        params: { workspaceId: workspace === null || workspace === void 0 ? void 0 : workspace.id },
+    });
+    const { data: teachers } = useFetch("/api/v1/teachers", {
+        method: API_METHODS.GET,
+        params: { workspaceId: workspace === null || workspace === void 0 ? void 0 : workspace.id },
+    });
+    const { enhancedComboboxElement: sectionIdCombo } = useEnhancedCombobox({
+        emptyText: t("formNoSectionEmpty"),
+        id: "sectionId",
+        info: t("sectionInfo"),
+        label: t("section"),
+        onValueChange: (value) => {
+            var _a;
+            handleChange("sectionId", value);
+            handleChange("sectionLabel", ((_a = sections.find((s) => s.id === value)) === null || _a === void 0 ? void 0 : _a.name) || "");
+        },
+        options: sections === null || sections === void 0 ? void 0 : sections.map((section) => {
+            var _a;
+            return ({
+                id: section.id,
+                name: ((_a = section.class) === null || _a === void 0 ? void 0 : _a.code)
+                    ? `${section.class.code}-${section.name}`
+                    : section.name,
+            });
+        }),
+        placeholder: t("sectionPlaceholder"),
+        required: true,
+        searchEndpoint: COURSE_API_ROUTES.UNIT,
+        searchPlaceholder: t("formSearchSectionsPlaceholder"),
+        value: sectionId,
+    });
+    const { enhancedComboboxElement: subjectIdCombo } = useEnhancedCombobox({
+        emptyText: t("formNoSubjectEmpty"),
+        id: "subjectId",
+        info: t("formSubjectInfo"),
+        label: t("formSubjectLabel"),
+        onValueChange: (value) => {
+            var _a;
+            handleChange("subjectId", value);
+            handleChange("subjectLabel", ((_a = subjects === null || subjects === void 0 ? void 0 : subjects.find((s) => s.id === value)) === null || _a === void 0 ? void 0 : _a.name) || "");
+        },
+        options: subjects === null || subjects === void 0 ? void 0 : subjects.map((subject) => ({
+            id: subject.id,
+            name: subject.name,
+        })),
+        placeholder: t("formSubjectPlaceholder"),
+        required: true,
+        searchEndpoint: COURSE_API_ROUTES.UNIT,
+        searchPlaceholder: t("formSearchSubjectsPlaceholder"),
+        value: subjectId,
+    });
+    const { enhancedComboboxElement: teacherIdCombo } = useEnhancedCombobox({
+        emptyText: t("formNoTeacherEmpty"),
+        id: "teacherId",
+        info: t("formTeacherInfo"),
+        label: t("formTeacherLabel"),
+        onValueChange: (value) => {
+            handleChange("teacherId", value);
+            const teacher = teachers === null || teachers === void 0 ? void 0 : teachers.find((t) => t.id === value);
+            handleChange("teacherLabel", teacher
+                ? `${teacher.firstName || ""} ${teacher.lastName || ""}`.trim() ||
+                    teacher.teacherCode ||
+                    teacher.id
+                : "");
+        },
+        options: teachers === null || teachers === void 0 ? void 0 : teachers.map((teacher) => ({
+            id: teacher.id,
+            name: `${teacher.firstName || ""} ${teacher.lastName || ""}`.trim() ||
+                teacher.teacherCode ||
+                teacher.id,
+        })),
+        placeholder: t("formTeacherPlaceholder"),
+        required: true,
+        searchEndpoint: COURSE_API_ROUTES.UNIT,
+        searchPlaceholder: t("formSearchTeachersPlaceholder"),
+        value: teacherId,
+    });
+    return (_jsxs("div", { className: "space-y-4", children: [_jsx(EnhancedInput, { error: errors.code, id: "code", info: t("formCourseCodeInfo"), label: t("formCourseCodeLabel"), onChange: (e) => handleChange("code", e.target.value), placeholder: t("formCourseCodePlaceholder"), required: true, value: code }), sectionIdCombo, subjectIdCombo, teacherIdCombo, _jsx(EnhancedCheckbox, { label: t("formActiveCourseLabel"), defaultChecked: enabled, onCheckedChange: (checked) => handleChange("enabled", checked), info: t("actionToggleEnableOrDisableCourse") })] }));
 };

package/base-modules/discount-code/constants.d.ts

@@ -5,6 +5,7 @@
  * environment-driven (via `NEXT_PUBLIC_*`) where appropriate so CI/infra
  * can override them without code changes.
  */
+import { DISCOUNT_TYPE } from "../../types";
 /**
  * Default page limit for the discount codes list. Controlled by
  * `NEXT_PUBLIC_PAGE_LIMIT` with a safe fallback to `10`.
@@ -17,3 +18,7 @@ export declare const pageLimit: number;
 export declare const DISCOUNT_CODE_API_ROUTES: {
     UNIT: string;
 };
+export declare const DISCOUNT_TYPE_OPTIONS: {
+    label: string;
+    value: DISCOUNT_TYPE;
+}[];

package/base-modules/discount-code/constants.js

@@ -6,6 +6,7 @@
  * can override them without code changes.
  */
 "use client";
+import { DISCOUNT_TYPE } from "../../types";
 // ============================================================================
 // PAGE CONFIGURATION
 // ============================================================================
@@ -24,3 +25,7 @@ export const pageLimit = Number(process.env.NEXT_PUBLIC_PAGE_LIMIT) || 10;
 export const DISCOUNT_CODE_API_ROUTES = {
     UNIT: "/api/v1/discount-code",
 };
+export const DISCOUNT_TYPE_OPTIONS = [
+    { label: "Percentage", value: DISCOUNT_TYPE.PERCENTAGE },
+    { label: "Fixed Amount", value: DISCOUNT_TYPE.FIXED },
+];

package/base-modules/discount-code/context.d.ts

@@ -113,6 +113,7 @@ export declare const useDiscountCodeModule: () => {
     clearSearch: () => void;
     closeDrawer: () => void;
     deleteLoading: boolean;
+    resetRecordFormState: () => void;
     handleChange: (key: string, value: string | number | boolean | string[]) => void;
     handleCreate: () => void;
     handleDelete: (row?: TableRow) => void;

package/base-modules/discount-code/context.js

@@ -28,7 +28,6 @@ import { DRAWER_TYPES } from "@react-pakistan/util-functions/factory/generic-com
 import { generateThemeToast, TOAST_VARIANT, } from "@appcorp/shadcn/lib/toast-utils";
 import { DISCOUNT_CODE_API_ROUTES, pageLimit } from "./constants";
 import { accountDiscountCodeFormValidation } from "./validate";
-import { getCachedDiscountCodes, invalidateDiscountCodeCache } from "./cache";
 import { getCachedWorkspaceSync } from "../workspace/cache";
 // ============================================================================
 // 1.1 DRAWER TYPES
@@ -121,10 +120,6 @@ export const useDiscountCodeModule = () => {
     ]);
     const byIdParams = useMemo(() => ({ id: state.id }), [state.id]);
     const deleteParams = useMemo(() => ({ id: state.id }), [state.id]);
-    const isDefaultListState = state.currentPage === 1 &&
-        state.pageLimit === pageLimit &&
-        !debouncedQuery &&
-        state.filterEnabled === undefined;
     // ============================================================================
     // 1.4.3 UTILITIES
     // ============================================================================
@@ -169,7 +164,6 @@ export const useDiscountCodeModule = () => {
         }
         if (data) {
             const isCreated = isCreatedOrUpdated(data);
-            invalidateDiscountCodeCache();
             showToast(isCreated
                 ? t("messagesDiscountCodeCreated")
                 : t("messagesDiscountCodeUpdated"), TOAST_VARIANT.SUCCESS);
@@ -196,7 +190,6 @@ export const useDiscountCodeModule = () => {
             return;
         }
         if (data) {
-            invalidateDiscountCodeCache();
             showToast(t("messagesDiscountCodeDeleted"), TOAST_VARIANT.SUCCESS);
             (_a = listFetchNowRef.current) === null || _a === void 0 ? void 0 : _a.call(listFetchNowRef);
         }
@@ -272,22 +265,46 @@ export const useDiscountCodeModule = () => {
             payload: { currentPage: 1 },
         });
     }, [dispatch]);
+    const resetRecordFormState = useCallback(() => {
+        dispatch({
+            type: DISCOUNT_CODE_ACTION_TYPES.SET_INPUT_FIELD,
+            payload: { key: "code", value: "" },
+        });
+        dispatch({
+            type: DISCOUNT_CODE_ACTION_TYPES.SET_INPUT_FIELD,
+            payload: { key: "description", value: "" },
+        });
+        dispatch({
+            type: DISCOUNT_CODE_ACTION_TYPES.SET_INPUT_FIELD,
+            payload: { key: "discountType", value: "" },
+        });
+        dispatch({
+            type: DISCOUNT_CODE_ACTION_TYPES.SET_INPUT_FIELD,
+            payload: { key: "discountValue", value: 0 },
+        });
+        dispatch({
+            type: DISCOUNT_CODE_ACTION_TYPES.SET_INPUT_FIELD,
+            payload: { key: "enabled", value: true },
+        });
+    }, [dispatch]);
     const handleView = useCallback((row) => {
+        resetRecordFormState();
         byIdFetchNow === null || byIdFetchNow === void 0 ? void 0 : byIdFetchNow(undefined, { params: { id: row === null || row === void 0 ? void 0 : row.id } });
         dispatch({
             type: DISCOUNT_CODE_ACTION_TYPES.SET_DRAWER,
             payload: { drawer: DISCOUNT_CODE_DRAWER.VIEW_DRAWER },
         });
-    }, [byIdFetchNow, dispatch]);
+    }, [byIdFetchNow, dispatch, resetRecordFormState]);
     const handleEdit = useCallback((row) => {
+        resetRecordFormState();
         byIdFetchNow === null || byIdFetchNow === void 0 ? void 0 : byIdFetchNow(undefined, { params: { id: row === null || row === void 0 ? void 0 : row.id } });
         dispatch({
             type: DISCOUNT_CODE_ACTION_TYPES.SET_DRAWER,
             payload: { drawer: DISCOUNT_CODE_DRAWER.FORM_DRAWER },
         });
-    }, [byIdFetchNow, dispatch]);
+    }, [byIdFetchNow, dispatch, resetRecordFormState]);
     const handleDelete = useCallback((row) => {
-        if (confirm(t("actionDeleteConfirmation"))) {
+        if (confirm(t("messagesDeleteConfirmation"))) {
             deleteFetchNow === null || deleteFetchNow === void 0 ? void 0 : deleteFetchNow(undefined, {
                 body: JSON.stringify({ id: row === null || row === void 0 ? void 0 : row.id }),
             });
@@ -376,19 +393,19 @@ export const useDiscountCodeModule = () => {
         {
             enabled: true,
             handleOnClick: handleMoreActions,
-            label: t("actionHeaderMoreActions"),
+            label: t("actionsButtonMoreActions"),
             order: 0,
         },
         {
             enabled: true,
             handleOnClick: handleFilters,
-            label: t("actionHeaderFilters"),
+            label: t("actionsButtonFilters"),
             order: 1,
         },
         {
             enabled: true,
             handleOnClick: handleCreate,
-            label: t("actionHeaderAdd"),
+            label: t("actionsButtonAdd"),
             order: 2,
         },
     ], [handleCreate, handleFilters, handleMoreActions, t]);
@@ -396,53 +413,36 @@ export const useDiscountCodeModule = () => {
         {
             enabled: true,
             handleOnClick: handleView,
-            label: t("actionRowView"),
+            label: t("actionsButtonView"),
             order: 1,
         },
         {
             enabled: true,
             handleOnClick: handleEdit,
-            label: t("actionRowEdit"),
+            label: t("actionsButtonEdit"),
             order: 2,
         },
         {
             enabled: true,
             handleOnClick: handleDelete,
-            label: t("actionRowDelete"),
+            label: t("actionsButtonDelete"),
             order: 3,
         },
     ], [handleDelete, handleEdit, handleView, t]);
     // ============================================================================
     // 1.4.9 EFFECTS
     // ============================================================================
-    // Initial load + re-fetch on page/search/filter change via cache
+    // Keep ref in sync with latest listFetchNow (avoids stale closure in callbacks)
+    useEffect(() => {
+        listFetchNowRef.current = listFetchNow;
+    }, [listFetchNow]);
+    // Fetch list on mount and on page/search/filter change
     useEffect(() => {
         var _a;
         if (!(workspace === null || workspace === void 0 ? void 0 : workspace.id))
             return;
-        if (isDefaultListState) {
-            (async () => {
-                try {
-                    const { count, items } = await getCachedDiscountCodes({
-                        params: listParams,
-                    });
-                    dispatch({
-                        type: DISCOUNT_CODE_ACTION_TYPES.SET_ITEMS,
-                        payload: { items: items || [], count: count || 0 },
-                    });
-                }
-                catch (_a) {
-                    showToast(t("messagesNetworkError"), TOAST_VARIANT.ERROR);
-                }
-            })();
-            return;
-        }
         (_a = listFetchNowRef.current) === null || _a === void 0 ? void 0 : _a.call(listFetchNowRef);
-    }, [dispatch, isDefaultListState, listParams, showToast, t, workspace === null || workspace === void 0 ? void 0 : workspace.id]);
-    // Keep ref in sync with latest listFetchNow (avoids stale closure in callbacks)
-    useEffect(() => {
-        listFetchNowRef.current = listFetchNow;
-    }, [listFetchNow]);
+    }, [dispatch, listParams, showToast, t, workspace === null || workspace === void 0 ? void 0 : workspace.id]);
     // ============================================================================
     // 1.4.10 RETURN
     // ============================================================================
@@ -452,6 +452,7 @@ export const useDiscountCodeModule = () => {
         clearSearch,
         closeDrawer,
         deleteLoading,
+        resetRecordFormState,
         handleChange,
         handleCreate,
         handleDelete,