@appcorp/fusion-storybook 0.1.4

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

@@ -0,0 +1,154 @@
+import { type RowAction, type TableRow } from "@appcorp/shadcn/components/enhanced-table";
+import { DiscountCodeBE } from "@/type";
+export declare const DISCOUNT_CODE_DRAWER: {
+    readonly FILTER_DRAWER: string;
+    readonly FORM_DRAWER: string;
+    readonly MORE_ACTIONS_DRAWER: string;
+    readonly VIEW_DRAWER: string;
+};
+export declare const DISCOUNT_CODE_ACTION_TYPES: {
+    readonly RESET_FORM: "RESET_FORM";
+    readonly SET_CURRENT_PAGE: "SET_CURRENT_PAGE";
+    readonly SET_PAGE_LIMIT: "SET_PAGE_LIMIT";
+    readonly SET_SEARCH_QUERY: "SET_SEARCH_QUERY";
+    readonly SET_DRAWER: "SET_DRAWER";
+    readonly SET_ITEMS: "SET_ITEMS";
+    readonly SET_FORM_DATA: "SET_FORM_DATA";
+    readonly SET_DISABLE_SAVE_BUTTON: "SET_DISABLE_SAVE_BUTTON";
+    readonly SET_INPUT_FIELD: "SET_INPUT_FIELD";
+    readonly SET_ERRORS: "SET_ERRORS";
+    readonly SET_FILTERS: "SET_FILTERS";
+}, discountCodeModuleConfig: import("@react-pakistan/util-functions/factory/generic-module-factory").ModuleConfig<{
+    items: DiscountCodeBE[];
+    count: number;
+    currentPage: number;
+    pageLimit: number;
+    searchQuery: string;
+    disableSaveButton: boolean;
+    drawer: null;
+    modal: null;
+    code: string;
+    description: string;
+    discountType: string;
+    discountValue: number;
+    enabled: boolean;
+    errors: Record<string, string>;
+    filterEnabled: boolean | undefined;
+    id: string;
+}>, initialDiscountCodeState: {
+    items: DiscountCodeBE[];
+    count: number;
+    currentPage: number;
+    pageLimit: number;
+    searchQuery: string;
+    disableSaveButton: boolean;
+    drawer: null;
+    modal: null;
+    code: string;
+    description: string;
+    discountType: string;
+    discountValue: number;
+    enabled: boolean;
+    errors: Record<string, string>;
+    filterEnabled: boolean | undefined;
+    id: string;
+}, DiscountCodeProvider: import("react").FC<{
+    children: React.ReactNode;
+}>, discountCodeReducer: (state: {
+    items: DiscountCodeBE[];
+    count: number;
+    currentPage: number;
+    pageLimit: number;
+    searchQuery: string;
+    disableSaveButton: boolean;
+    drawer: null;
+    modal: null;
+    code: string;
+    description: string;
+    discountType: string;
+    discountValue: number;
+    enabled: boolean;
+    errors: Record<string, string>;
+    filterEnabled: boolean | undefined;
+    id: string;
+}, action: any) => {
+    items: DiscountCodeBE[];
+    count: number;
+    currentPage: number;
+    pageLimit: number;
+    searchQuery: string;
+    disableSaveButton: boolean;
+    drawer: null;
+    modal: null;
+    code: string;
+    description: string;
+    discountType: string;
+    discountValue: number;
+    enabled: boolean;
+    errors: Record<string, string>;
+    filterEnabled: boolean | undefined;
+    id: string;
+}, useDiscountCodeStateContext: () => import("@react-pakistan/util-functions/factory/generic-module-factory").GenericModuleContext<{
+    items: DiscountCodeBE[];
+    count: number;
+    currentPage: number;
+    pageLimit: number;
+    searchQuery: string;
+    disableSaveButton: boolean;
+    drawer: null;
+    modal: null;
+    code: string;
+    description: string;
+    discountType: string;
+    discountValue: number;
+    enabled: boolean;
+    errors: Record<string, string>;
+    filterEnabled: boolean | undefined;
+    id: string;
+}>;
+export declare const useDiscountCodeModule: () => {
+    applyFilters: () => void;
+    byIdLoading: boolean;
+    clearFilters: () => void;
+    deleteLoading: boolean;
+    handleChange: (field: string, value: string | number | boolean | undefined) => void;
+    handleCloseDrawer: () => void;
+    handleCreate: () => void;
+    handleDelete: (row?: TableRow) => void;
+    handleEdit: (row?: TableRow) => void;
+    handleFilters: () => void;
+    handlePageChange: (page: number) => void;
+    handlePageLimitChange: (limit: number) => void;
+    handleSearch: (query: string) => void;
+    handleSubmit: () => void;
+    handleView: (row?: TableRow) => void;
+    headerActions: {
+        enabled: boolean;
+        handleOnClick: () => void;
+        label: string;
+        order: number;
+        icon: import("react").ForwardRefExoticComponent<Omit<import("lucide-react").LucideProps, "ref"> & import("react").RefAttributes<SVGSVGElement>>;
+    }[];
+    listLoading: boolean;
+    rowActions: RowAction[];
+    updateLoading: boolean;
+    state: {
+        items: DiscountCodeBE[];
+        count: number;
+        currentPage: number;
+        pageLimit: number;
+        searchQuery: string;
+        disableSaveButton: boolean;
+        drawer: null;
+        modal: null;
+        code: string;
+        description: string;
+        discountType: string;
+        discountValue: number;
+        enabled: boolean;
+        errors: Record<string, string>;
+        filterEnabled: boolean | undefined;
+        id: string;
+    };
+    dispatch: React.Dispatch<any>;
+};

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

@@ -0,0 +1,416 @@
+"use client";
+/**
+ * Discount Code Module — business logic + API integration
+ *
+ * Wires the generic module state (created by `createGenericModule`) to network
+ * actions using `useModuleEntityV2`. Contains domain-specific handlers for
+ * create/view/edit/delete operations.
+ *
+ * Key responsibilities:
+ * - expose `useDiscountCodeModule()` which UI components call for actions
+ * - keep module-specific `apiParams` and callbacks in one place
+ * - ensure cache invalidation and toast notifications on mutation
+ *
+ * Exported utilities:
+ * - `DiscountCodeProvider` — provider component used by the page
+ * - `useDiscountCodeModule()` — hook that returns state, dispatch, and handlers
+ */
+import { useCallback, useEffect, useMemo } from "react";
+import { isCreatedOrUpdated, validateForm, } from "@react-pakistan/util-functions";
+import { useModuleEntityV2, } from "@react-pakistan/util-functions/hooks/use-module-entity-v2";
+import { useDebounce } from "@react-pakistan/util-functions/hooks/use-debounce";
+import { createGenericModule } from "@react-pakistan/util-functions/factory/generic-module-factory";
+import { DRAWER_TYPES } from "@react-pakistan/util-functions/factory/generic-component-factory";
+import { DISCOUNT_CODE_API_ROUTES, pageLimit } from "./constants";
+import { getCachedDiscountCodes, invalidateDiscountCodeCache } from "./cache";
+import { accountDiscountCodeFormValidation } from "./validate";
+import { generateThemeToast, TOAST_VARIANT, } from "@appcorp/shadcn/lib/toast-utils";
+import { useTranslations } from "next-intl";
+import { getCachedWorkspaceSync } from "../workspace/cache";
+import { Filter, Plus } from "lucide-react";
+// ============================================================================
+// DRAWER TYPES
+// ============================================================================
+export const DISCOUNT_CODE_DRAWER = {
+    FILTER_DRAWER: DRAWER_TYPES.FILTER_DRAWER,
+    FORM_DRAWER: DRAWER_TYPES.FORM_DRAWER,
+    MORE_ACTIONS_DRAWER: DRAWER_TYPES.MORE_ACTIONS_DRAWER,
+    VIEW_DRAWER: DRAWER_TYPES.VIEW_DRAWER,
+};
+// ============================================================================
+// CONFIGURATION
+// ============================================================================
+const discountCodeConfig = {
+    name: "DiscountCode",
+    displayName: "Discount Code",
+    initialState: {
+        // List Data
+        items: [],
+        count: 0,
+        // Search & Pagination
+        currentPage: 1,
+        pageLimit,
+        searchQuery: "",
+        // UI State
+        disableSaveButton: false,
+        drawer: null,
+        modal: null,
+        // Form State
+        code: "",
+        description: "",
+        discountType: "",
+        discountValue: 0,
+        enabled: true,
+        errors: {},
+        filterEnabled: undefined,
+        id: "",
+    },
+    drawerTypes: DRAWER_TYPES,
+};
+// ============================================================================
+// CREATE DISCOUNT CODE MODULE
+// ============================================================================
+export const { actionTypes: DISCOUNT_CODE_ACTION_TYPES, config: discountCodeModuleConfig, initialState: initialDiscountCodeState, Provider: DiscountCodeProvider, reducer: discountCodeReducer, useContext: useDiscountCodeStateContext, } = createGenericModule(discountCodeConfig);
+// ============================================================================
+// ENHANCED DISCOUNT CODE HOOK WITH API INTEGRATION
+// ============================================================================
+export const useDiscountCodeModule = () => {
+    var _a;
+    const context = useDiscountCodeStateContext();
+    const t = useTranslations("discountCode");
+    const workspace = getCachedWorkspaceSync();
+    const schoolId = ((_a = workspace === null || workspace === void 0 ? void 0 : workspace.school) === null || _a === void 0 ? void 0 : _a.id) || "";
+    const debouncedQuery = useDebounce(context.state.searchQuery, 800);
+    // ============================================================================
+    // API PARAMETERS
+    // ============================================================================
+    const listParams = useMemo(() => (Object.assign(Object.assign({ currentPage: context.state.currentPage, pageLimit: context.state.pageLimit, schoolId }, (debouncedQuery ? { searchQuery: debouncedQuery } : {})), (context.state.filterEnabled !== undefined
+        ? { filterEnabled: String(context.state.filterEnabled) }
+        : {}))), [
+        context.state.currentPage,
+        context.state.pageLimit,
+        context.state.filterEnabled,
+        debouncedQuery,
+        schoolId,
+    ]);
+    const updateParams = useMemo(() => ({
+        code: context.state.code,
+        description: context.state.description,
+        discountType: context.state.discountType,
+        discountValue: context.state.discountValue,
+        enabled: context.state.enabled,
+        id: context.state.id,
+        schoolId,
+    }), [
+        context.state.code,
+        context.state.description,
+        context.state.discountType,
+        context.state.discountValue,
+        context.state.enabled,
+        context.state.id,
+        schoolId,
+    ]);
+    const byIdParams = useMemo(() => ({ id: context.state.id }), [context.state.id]);
+    const deleteParams = useMemo(() => ({ id: context.state.id }), [context.state.id]);
+    // ============================================================================
+    // API CALLBACKS
+    // ============================================================================
+    const listCallback = ({ data, error }) => {
+        if (error) {
+            showToast(t("messagesFetchFailed"), TOAST_VARIANT.ERROR);
+            return;
+        }
+        if (data) {
+            context.dispatch({
+                type: DISCOUNT_CODE_ACTION_TYPES.SET_ITEMS,
+                payload: { items: data.items || [], count: data.count || 0 },
+            });
+        }
+    };
+    const updateCallback = ({ data, error }) => {
+        const isCreated = isCreatedOrUpdated(data);
+        if (error) {
+            showToast(isCreated ? t("messagesCreateFailed") : t("messagesUpdateFailed"), TOAST_VARIANT.ERROR);
+            return;
+        }
+        if (data) {
+            showToast(t("messagesSaveSuccess"), TOAST_VARIANT.SUCCESS);
+            invalidateDiscountCodeCache();
+            listFetchNow();
+            resetFormAndCloseDrawer();
+        }
+    };
+    const byIdCallback = ({ data, error }) => {
+        if (error) {
+            showToast(t("messagesDetailsFetchFailed"), TOAST_VARIANT.ERROR);
+            return;
+        }
+        if (data) {
+            const discountCode = data;
+            // Batch field updates for better performance
+            const fieldMappings = {
+                id: discountCode.id,
+                code: discountCode.code,
+                description: discountCode.description,
+                discountType: discountCode.discountType,
+                discountValue: discountCode.discountValue,
+                enabled: discountCode.enabled,
+            };
+            Object.entries(fieldMappings).forEach(([key, value]) => {
+                setField(key, value !== null && value !== void 0 ? value : undefined);
+            });
+        }
+    };
+    const deleteCallback = ({ data, error }) => {
+        if (error) {
+            showToast(t("messagesDeleteFailed"), TOAST_VARIANT.ERROR);
+            return;
+        }
+        if (data) {
+            showToast(t("messagesDeleteSuccess"), TOAST_VARIANT.SUCCESS);
+            invalidateDiscountCodeCache();
+            listFetchNow();
+        }
+    };
+    // ============================================================================
+    // API HOOKS
+    // ============================================================================
+    const { listFetchNow, listLoading, updateFetchNow, updateLoading, byIdFetchNow, deleteFetchNow, deleteLoading, byIdLoading, } = useModuleEntityV2({
+        byIdCallback,
+        byIdParams,
+        deleteCallback,
+        deleteParams,
+        listCallback,
+        listParams,
+        listUrl: DISCOUNT_CODE_API_ROUTES.UNIT,
+        searchQuery: debouncedQuery,
+        unitByIdUrl: DISCOUNT_CODE_API_ROUTES.UNIT,
+        unitUrl: DISCOUNT_CODE_API_ROUTES.UNIT,
+        updateCallback,
+        updateParams,
+        headers: {
+            "Content-Type": "application/json",
+            "x-api-token": process.env.NEXT_PUBLIC_API_KEY,
+        },
+    });
+    // ============================================================================
+    // UTILITIES
+    // ============================================================================
+    const showToast = useCallback((message, variant) => {
+        generateThemeToast({ description: message, variant });
+    }, []);
+    const resetFormAndCloseDrawer = useCallback(() => {
+        context.dispatch({
+            type: DISCOUNT_CODE_ACTION_TYPES.SET_ERRORS,
+            payload: { errors: {} },
+        });
+        context.dispatch({
+            type: DISCOUNT_CODE_ACTION_TYPES.SET_DISABLE_SAVE_BUTTON,
+            payload: { disabled: false },
+        });
+        context.dispatch({
+            type: DISCOUNT_CODE_ACTION_TYPES.SET_DRAWER,
+            payload: { drawer: null },
+        });
+    }, [context]);
+    const setField = useCallback((key, value) => {
+        context.dispatch({
+            type: DISCOUNT_CODE_ACTION_TYPES.SET_INPUT_FIELD,
+            payload: { field: key, value },
+        });
+    }, [context]);
+    // ============================================================================
+    // HANDLERS
+    // ============================================================================
+    const handleChange = useCallback((field, value) => {
+        context.dispatch({
+            type: DISCOUNT_CODE_ACTION_TYPES.SET_ERRORS,
+            payload: { errors: {} },
+        });
+        context.dispatch({
+            type: DISCOUNT_CODE_ACTION_TYPES.SET_DISABLE_SAVE_BUTTON,
+            payload: { disabled: false },
+        });
+        setField(field, value);
+    }, [setField, context]);
+    const handleCloseDrawer = useCallback(() => {
+        resetFormAndCloseDrawer();
+    }, [resetFormAndCloseDrawer]);
+    const handleCreate = useCallback(() => {
+        context.dispatch({
+            type: DISCOUNT_CODE_ACTION_TYPES.SET_DRAWER,
+            payload: { drawer: DISCOUNT_CODE_DRAWER.FORM_DRAWER },
+        });
+    }, [context]);
+    const handleView = useCallback((row) => {
+        byIdFetchNow === null || byIdFetchNow === void 0 ? void 0 : byIdFetchNow(undefined, { params: { id: row === null || row === void 0 ? void 0 : row.id } });
+        context.dispatch({
+            type: DISCOUNT_CODE_ACTION_TYPES.SET_DRAWER,
+            payload: { drawer: DISCOUNT_CODE_DRAWER.VIEW_DRAWER },
+        });
+    }, [context, byIdFetchNow]);
+    const handleEdit = useCallback((row) => {
+        byIdFetchNow === null || byIdFetchNow === void 0 ? void 0 : byIdFetchNow(undefined, { params: { id: row === null || row === void 0 ? void 0 : row.id } });
+        context.dispatch({
+            type: DISCOUNT_CODE_ACTION_TYPES.SET_DRAWER,
+            payload: { drawer: DISCOUNT_CODE_DRAWER.FORM_DRAWER },
+        });
+    }, [context, byIdFetchNow]);
+    const handleDelete = useCallback((row) => {
+        if (confirm(t("confirmDelete"))) {
+            deleteFetchNow === null || deleteFetchNow === void 0 ? void 0 : deleteFetchNow(undefined, {
+                body: JSON.stringify({ id: row === null || row === void 0 ? void 0 : row.id }),
+            });
+        }
+    }, [t, deleteFetchNow]);
+    const handleFilters = useCallback(() => {
+        context.dispatch({
+            type: DISCOUNT_CODE_ACTION_TYPES.SET_DRAWER,
+            payload: { drawer: DISCOUNT_CODE_DRAWER.FILTER_DRAWER },
+        });
+    }, [context]);
+    const handlePageChange = useCallback((page) => {
+        context.dispatch({
+            type: DISCOUNT_CODE_ACTION_TYPES.SET_CURRENT_PAGE,
+            payload: { currentPage: page },
+        });
+    }, [context]);
+    const handlePageLimitChange = useCallback((limit) => {
+        context.dispatch({
+            type: DISCOUNT_CODE_ACTION_TYPES.SET_PAGE_LIMIT,
+            payload: { pageLimit: limit },
+        });
+    }, [context]);
+    const handleSearch = useCallback((query) => {
+        context.dispatch({
+            type: DISCOUNT_CODE_ACTION_TYPES.SET_SEARCH_QUERY,
+            payload: { searchQuery: query },
+        });
+    }, [context]);
+    const clearFilters = useCallback(() => {
+        context.dispatch({
+            type: DISCOUNT_CODE_ACTION_TYPES.SET_FILTERS,
+            payload: { filters: { filterEnabled: undefined } },
+        });
+        context.dispatch({
+            type: DISCOUNT_CODE_ACTION_TYPES.SET_CURRENT_PAGE,
+            payload: { currentPage: 1 },
+        });
+    }, [context]);
+    const handleSubmit = useCallback(() => {
+        context.dispatch({
+            type: DISCOUNT_CODE_ACTION_TYPES.SET_DISABLE_SAVE_BUTTON,
+            payload: { disabled: true },
+        });
+        validateForm({
+            params: updateParams,
+            schema: accountDiscountCodeFormValidation,
+            successCallback: () => {
+                updateFetchNow(undefined, {
+                    body: JSON.stringify(updateParams),
+                });
+            },
+            errorCallback: (errors) => {
+                context.dispatch({
+                    type: DISCOUNT_CODE_ACTION_TYPES.SET_ERRORS,
+                    payload: { errors },
+                });
+                context.dispatch({
+                    type: DISCOUNT_CODE_ACTION_TYPES.SET_DISABLE_SAVE_BUTTON,
+                    payload: { disabled: false },
+                });
+                showToast(t("messagesFormErrors"), TOAST_VARIANT.ERROR);
+            },
+        });
+    }, [context, updateParams, t, showToast, updateFetchNow]);
+    // ============================================================================
+    // HEADER & ROW ACTIONS
+    // ============================================================================
+    const headerActions = useMemo(() => [
+        {
+            enabled: true,
+            handleOnClick: handleFilters,
+            label: t("headerActionsFilters"),
+            order: 1,
+            icon: Filter,
+        },
+        {
+            enabled: true,
+            handleOnClick: handleCreate,
+            label: t("headerActionsAdd"),
+            order: 2,
+            icon: Plus,
+        },
+    ], [handleFilters, handleCreate, t]);
+    const rowActions = useMemo(() => [
+        {
+            enabled: true,
+            handleOnClick: handleView,
+            label: t("rowActionsView"),
+            order: 1,
+        },
+        {
+            enabled: true,
+            handleOnClick: handleEdit,
+            label: t("rowActionsEdit"),
+            order: 2,
+        },
+        {
+            enabled: true,
+            handleOnClick: handleDelete,
+            label: t("rowActionsDelete"),
+            order: 3,
+        },
+    ], [handleView, handleEdit, handleDelete, t]);
+    const applyFilters = useCallback(() => {
+        context.dispatch({
+            type: DISCOUNT_CODE_ACTION_TYPES.SET_CURRENT_PAGE,
+            payload: { currentPage: 1 },
+        });
+        listFetchNow();
+        handleCloseDrawer();
+    }, [context, listFetchNow, handleCloseDrawer]);
+    // ============================================================================
+    // EFFECTS
+    // ============================================================================
+    useEffect(() => {
+        if (!(workspace === null || workspace === void 0 ? void 0 : workspace.id))
+            return;
+        (async () => {
+            try {
+                const { count, items } = await getCachedDiscountCodes({
+                    params: listParams,
+                });
+                context.dispatch({
+                    type: DISCOUNT_CODE_ACTION_TYPES.SET_ITEMS,
+                    payload: { items: items || [], count: count || 0 },
+                });
+            }
+            catch (_a) {
+                showToast(t("messagesFetchFailed"), TOAST_VARIANT.ERROR);
+            }
+        })();
+    }, [listParams, showToast, t, workspace === null || workspace === void 0 ? void 0 : workspace.id, context]);
+    // ============================================================================
+    // RETURN
+    // ============================================================================
+    return Object.assign(Object.assign({}, context), { applyFilters,
+        byIdLoading,
+        clearFilters,
+        deleteLoading,
+        handleChange,
+        handleCloseDrawer,
+        handleCreate,
+        handleDelete,
+        handleEdit,
+        handleFilters,
+        handlePageChange,
+        handlePageLimitChange,
+        handleSearch,
+        handleSubmit,
+        handleView,
+        headerActions,
+        listLoading,
+        rowActions,
+        updateLoading });
+};

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

@@ -0,0 +1,9 @@
+/**
+ * DiscountCodeFilter
+ *
+ * Lightweight filter UI for the discount-code drawer. The generic page
+ * will render this component inside the filter drawer slot. Keep filters
+ * minimal and explicit (enabled flag, type select) so caching remains
+ * predictable.
+ */
+export declare const DiscountCodeFilter: () => import("react/jsx-runtime").JSX.Element;

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

@@ -0,0 +1,14 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import { useTranslations } from "next-intl";
+/**
+ * DiscountCodeFilter
+ *
+ * Lightweight filter UI for the discount-code drawer. The generic page
+ * will render this component inside the filter drawer slot. Keep filters
+ * minimal and explicit (enabled flag, type select) so caching remains
+ * predictable.
+ */
+export const DiscountCodeFilter = () => {
+    const t = useTranslations("discountCode");
+    return (_jsx("div", { className: "space-y-4", children: _jsx("div", { className: "text-sm text-muted-foreground", children: t("filter") }) }));
+};

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

@@ -0,0 +1 @@
+export declare const DiscountCodeForm: () => import("react/jsx-runtime").JSX.Element;

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

@@ -0,0 +1,44 @@
+"use client";
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+/**
+ * Discount Code Form
+ *
+ * Controlled form component used inside the generic module drawer.
+ * Fields in this form map directly to the `accountDiscountCodeFormValidation`
+ * schema in `validate.ts` and to the `update` payload sent to the API.
+ *
+ * Guidelines:
+ * - Use `handleChange(field, value)` from `useDiscountCodeModule()` to
+ *   update the local module state.
+ * - Keep input `id` props stable to preserve accessibility and testing hooks.
+ */
+import { useDiscountCodeModule } from "./context";
+import { useTranslations } from "next-intl";
+import { EnhancedInput } from "@appcorp/shadcn/components/enhanced-input";
+import { EnhancedTextarea } from "@appcorp/shadcn/components/enhanced-textarea";
+import { EnhancedCombobox } from "@appcorp/shadcn/components/enhanced-combobox";
+import { EnhancedCheckbox } from "@appcorp/shadcn/components/enhanced-checkbox";
+import { Percent, DollarSign } from "lucide-react";
+import { DISCOUNT_TYPE } from "@/type";
+export const DiscountCodeForm = () => {
+    const { state, handleChange } = useDiscountCodeModule();
+    const t = useTranslations("discountCode");
+    const { code, description, discountType, discountValue, enabled, errors } = state;
+    const discountTypeOptions = [
+        {
+            label: t("formDiscountTypeOptionsPercentage"),
+            value: DISCOUNT_TYPE.PERCENTAGE,
+            icon: _jsx(Percent, { className: "h-4 w-4" }),
+        },
+        {
+            label: t("formDiscountTypeOptionsFixed"),
+            value: DISCOUNT_TYPE.FIXED,
+            icon: _jsx(DollarSign, { className: "h-4 w-4" }),
+        },
+    ];
+    return (_jsx("div", { className: "space-y-6", children: _jsxs("div", { className: "grid grid-cols-1 gap-4", children: [_jsx(EnhancedInput, { error: errors.code, id: "code", info: t("formDiscountCodeInfo"), label: t("formDiscountCodeLabel"), onChange: (e) => handleChange("code", e.target.value.toUpperCase()), placeholder: t("formDiscountCodePlaceholder"), required: true, value: code }), _jsx(EnhancedTextarea, { error: errors.description, id: "description", info: t("formDescriptionInfo"), label: t("formDescriptionLabel"), onChange: (e) => handleChange("description", e.target.value), placeholder: t("formDescriptionPlaceholder"), rows: 3, value: description || "" }), _jsx(EnhancedCombobox, { error: errors.discountType, id: "discountType", info: t("formDiscountTypeInfo"), label: t("formDiscountTypeLabel"), onValueChange: (value) => handleChange("discountType", value), options: discountTypeOptions, placeholder: t("formDiscountTypePlaceholder"), required: true, value: discountType }), _jsx(EnhancedInput, { id: "discountValue", label: t("formDiscountValueLabel"), type: "number", value: (discountValue === null || discountValue === void 0 ? void 0 : discountValue.toString()) || "", onChange: (e) => handleChange("discountValue", parseFloat(e.target.value) || 0), error: errors.discountValue, placeholder: discountType === DISCOUNT_TYPE.PERCENTAGE
+                        ? t("formDiscountValuePlaceholderPercentage")
+                        : t("formDiscountValuePlaceholderFixed"), required: true, min: 0, max: discountType === DISCOUNT_TYPE.PERCENTAGE ? 100 : undefined, step: discountType === DISCOUNT_TYPE.PERCENTAGE ? 0.1 : 0.01, info: discountType === DISCOUNT_TYPE.PERCENTAGE
+                        ? t("formDiscountValueInfoPercentage")
+                        : t("formDiscountValueInfoFixed") }), _jsx(EnhancedCheckbox, { checked: enabled, id: "enabled", info: t("formEnabledInfo"), label: t("formEnabledLabel"), onCheckedChange: (checked) => handleChange("enabled", checked) })] }) }));
+};

package/base-modules/discount-code/more-actions.d.ts

@@ -0,0 +1,9 @@
+import React from "react";
+/**
+ * DiscountCodeMoreActions
+ *
+ * Placeholder slot rendered inside the generic page's "more actions"
+ * area. Keep this file small — add any contextual bulk-actions here
+ * (export/import, bulk enable/disable) as the product requires.
+ */
+export declare const DiscountCodeMoreActions: React.FC;

package/base-modules/discount-code/more-actions.js

@@ -0,0 +1,13 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import { useTranslations } from "next-intl";
+/**
+ * DiscountCodeMoreActions
+ *
+ * Placeholder slot rendered inside the generic page's "more actions"
+ * area. Keep this file small — add any contextual bulk-actions here
+ * (export/import, bulk enable/disable) as the product requires.
+ */
+export const DiscountCodeMoreActions = () => {
+    const t = useTranslations("discountCode");
+    return (_jsx("div", { className: "space-y-4", children: _jsx("div", { className: "text-sm text-muted-foreground", children: t("moreActions") }) }));
+};

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

@@ -0,0 +1,16 @@
+/**
+ * Discount Code Page Component
+ *
+ * Thin wrapper around GenericModulePage. All handlers, header actions, and row
+ * actions live in context.tsx — this file only owns:
+ *   - tableBodyCols  (static, module-level constant)
+ *   - discountCodeConfig (memoised on locale change only; size fixed so the
+ *     component type produced by createGenericModulePage never changes at
+ *     runtime, preventing the infinite-remount re-render loop)
+ *   - permission guard
+ */
+import { FC } from "react";
+import { USER_ROLE } from "@/type";
+export declare const DiscountCodePage: FC<{
+    userRole: USER_ROLE;
+}>;