@appcorp/stellar-solutions-modules 0.1.55 → 0.1.58

package/global-modules/currency/reducer.d.ts

@@ -0,0 +1,25 @@
+/**
+ * Currency State Reducer
+ *
+ * This module manages the state transitions for the Currency feature using the reducer pattern.
+ * Handles all state updates in a predictable and optimized manner.
+ *
+ * Features:
+ * - Form state management (create/edit currency data)
+ * - UI state management (drawers, loading states)
+ * - Search and pagination state
+ * - Error handling state
+ *
+ * Performance Optimizations:
+ * - Grouped related actions for better readability and maintainability
+ * - Helper functions for common operations (form reset, array updates, error merging)
+ * - Optimized object spreading patterns with shallow copies
+ * - Immutable state updates to prevent reference issues
+ * - Clear action-to-state mapping with logical grouping
+ * - Consistent patterns for similar operations
+ * - Type-safe helper functions for better error prevention
+ */
+import { CurrencyActions } from "./actions";
+import { CurrencyState } from "./types";
+export declare const initialCurrencyState: CurrencyState;
+export declare function currencyReducer(state: CurrencyState, action: CurrencyActions): CurrencyState;

package/global-modules/currency/reducer.js

@@ -0,0 +1,153 @@
+"use strict";
+/**
+ * Currency State Reducer
+ *
+ * This module manages the state transitions for the Currency feature using the reducer pattern.
+ * Handles all state updates in a predictable and optimized manner.
+ *
+ * Features:
+ * - Form state management (create/edit currency data)
+ * - UI state management (drawers, loading states)
+ * - Search and pagination state
+ * - Error handling state
+ *
+ * Performance Optimizations:
+ * - Grouped related actions for better readability and maintainability
+ * - Helper functions for common operations (form reset, array updates, error merging)
+ * - Optimized object spreading patterns with shallow copies
+ * - Immutable state updates to prevent reference issues
+ * - Clear action-to-state mapping with logical grouping
+ * - Consistent patterns for similar operations
+ * - Type-safe helper functions for better error prevention
+ */
+var __assign = (this && this.__assign) || function () {
+    __assign = Object.assign || function(t) {
+        for (var s, i = 1, n = arguments.length; i < n; i++) {
+            s = arguments[i];
+            for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
+                t[p] = s[p];
+        }
+        return t;
+    };
+    return __assign.apply(this, arguments);
+};
+var __spreadArray = (this && this.__spreadArray) || function (to, from, pack) {
+    if (pack || arguments.length === 2) for (var i = 0, l = from.length, ar; i < l; i++) {
+        if (ar || !(i in from)) {
+            if (!ar) ar = Array.prototype.slice.call(from, 0, i);
+            ar[i] = from[i];
+        }
+    }
+    return to.concat(ar || Array.prototype.slice.call(from));
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.initialCurrencyState = void 0;
+exports.currencyReducer = currencyReducer;
+var actions_1 = require("./actions");
+var constants_1 = require("./constants");
+// ============================================================================
+// HELPER FUNCTIONS
+// ============================================================================
+/**
+ * Helper function to reset form fields to their initial values
+ */
+var getFormResetState = function () { return ({
+    code: "",
+    enabled: false,
+    errors: {},
+    id: "",
+    isDefault: false,
+    label: "",
+    preferenceId: "",
+    disableSaveButton: false,
+}); };
+/**
+ * Helper function to safely update array state with immutability
+ */
+var updateArrayState = function (array) { return __spreadArray([], array, true); };
+/**
+ * Helper function to safely merge errors with existing state
+ */
+var mergeErrors = function (errors) { return (__assign({}, errors)); };
+// ============================================================================
+// INITIAL STATE
+// ============================================================================
+exports.initialCurrencyState = {
+    // Currency Form Data
+    code: "",
+    enabled: false,
+    id: "",
+    isDefault: false,
+    label: "",
+    preferenceId: "",
+    // List Data
+    currencies: [],
+    count: 0,
+    // Search & Pagination
+    currentPage: 1,
+    pageLimit: constants_1.pageLimit,
+    searchQuery: "",
+    // UI State
+    disableSaveButton: false,
+    drawer: null,
+    // Errors
+    errors: {},
+};
+// ============================================================================
+// REDUCER FUNCTION
+// ============================================================================
+function currencyReducer(state, action) {
+    var _a;
+    switch (action.type) {
+        // ------------------------------------------------------------------------
+        // FORM RESET ACTIONS
+        // ------------------------------------------------------------------------
+        case actions_1.CURRENCY_ACTION_TYPES.RESET_ERRORS:
+            return __assign(__assign({}, state), { errors: {} });
+        case actions_1.CURRENCY_ACTION_TYPES.RESET_FORM:
+            return __assign(__assign({}, state), getFormResetState());
+        // ------------------------------------------------------------------------
+        // FORM INPUT ACTIONS
+        // ------------------------------------------------------------------------
+        case actions_1.CURRENCY_ACTION_TYPES.SET_INPUT_FIELD:
+            return __assign(__assign({}, state), (_a = {}, _a[action.payload.key] = action.payload.value, _a));
+        case actions_1.CURRENCY_ACTION_TYPES.SET_FORM:
+            return __assign(__assign({}, state), action.payload.form);
+        // ------------------------------------------------------------------------
+        // ERROR HANDLING ACTIONS
+        // ------------------------------------------------------------------------
+        case actions_1.CURRENCY_ACTION_TYPES.SET_ERRORS:
+            return __assign(__assign({}, state), { disableSaveButton: false, errors: mergeErrors(action.payload.errors) });
+        // ------------------------------------------------------------------------
+        // UI STATE ACTIONS
+        // ------------------------------------------------------------------------
+        case actions_1.CURRENCY_ACTION_TYPES.SET_DISABLE_SAVE_BUTTON:
+            return __assign(__assign({}, state), { disableSaveButton: action.payload.disableSaveButton });
+        case actions_1.CURRENCY_ACTION_TYPES.SET_DRAWER:
+            return __assign(__assign({}, state), { drawer: action.payload.drawer });
+        // ------------------------------------------------------------------------
+        // LIST DATA ACTIONS
+        // ------------------------------------------------------------------------
+        case actions_1.CURRENCY_ACTION_TYPES.SET_CURRENCIES:
+            return __assign(__assign({}, state), { currencies: updateArrayState(action.payload.currencies) });
+        case actions_1.CURRENCY_ACTION_TYPES.SET_COUNT:
+            return __assign(__assign({}, state), { count: action.payload.count });
+        // ------------------------------------------------------------------------
+        // PAGINATION ACTIONS
+        // ------------------------------------------------------------------------
+        case actions_1.CURRENCY_ACTION_TYPES.SET_CURRENT_PAGE:
+            return __assign(__assign({}, state), { currentPage: action.payload.currentPage });
+        case actions_1.CURRENCY_ACTION_TYPES.SET_PAGE_LIMIT:
+            return __assign(__assign({}, state), { pageLimit: action.payload.pageLimit });
+        // ------------------------------------------------------------------------
+        // SEARCH ACTIONS
+        // ------------------------------------------------------------------------
+        case actions_1.CURRENCY_ACTION_TYPES.SET_SEARCH_QUERY:
+            return __assign(__assign({}, state), { searchQuery: action.payload.searchQuery });
+        // ------------------------------------------------------------------------
+        // DEFAULT CASE
+        // ------------------------------------------------------------------------
+        default:
+            return state;
+    }
+}

package/global-modules/currency/types.d.ts

@@ -0,0 +1,163 @@
+/**
+ * Currency Module Types
+ *
+ * This module defines all TypeScript interfaces, types, and enums for the Currency feature.
+ * Provides type safety and clear contracts for all currency-related operations.
+ *
+ * Type Categories:
+ * - Context Types (React context and state management)
+ * - Entity Types (Backend data structures)
+ * - State Types (Frontend component state)
+ * - API Types (Request/response interfaces)
+ * - UI Types (Drawer and component enums)
+ * - Utility Types (Helper and computed types)
+ *
+ * Advanced Features:
+ * - Currency management with code and symbol
+ * - CRUD operations support
+ * - Enhanced search and pagination
+ *
+ * Naming Conventions:
+ * - Interfaces: PascalCase with descriptive suffixes (Type, State, Args)
+ * - Enums: UPPER_SNAKE_CASE for values, PascalCase for enum names
+ * - Types: PascalCase following interface conventions
+ */
+import { Dispatch } from "react";
+import { RowAction, HeaderAction } from "@appcorp/shadcn/components/enhanced-table";
+import { CurrencyActions } from "./actions";
+import { CurrencyBE as CurrencyTypeBE } from "@react-pakistan/util-functions/api/stellar-solutions/type";
+/**
+ * Currency Context Interface
+ *
+ * Defines the complete context API for currency state management.
+ * Includes all handlers, state getters, and utility functions.
+ */
+export interface CurrencyContextType {
+    byIdError?: Error;
+    byIdLoading: boolean;
+    deleteError?: Error;
+    deleteLoading: boolean;
+    listError?: Error;
+    listLoading: boolean;
+    updateError?: Error;
+    updateLoading: boolean;
+    dispatch: Dispatch<CurrencyActions>;
+    handleInputChange: (key: string, value: string | boolean) => void;
+    handleNextClick: () => void;
+    handlePageLimit: (k: string, v: object) => void;
+    handlePreviousClick: () => void;
+    handleSubmit: () => void;
+    clearSearch: () => void;
+    closeDrawer: () => void;
+    searchOnChange: (k: string, v: string) => void;
+    headerActions: HeaderAction[];
+    rowActions: RowAction[];
+}
+export type { CurrencyTypeBE };
+/**
+ * Currency Component State
+ *
+ * Complete state interface for the currency module components.
+ * Extends entity data with UI state, form state, and search capabilities.
+ */
+export interface CurrencyState extends Omit<CurrencyTypeBE, "preference" | "createdAt" | "updatedAt"> {
+    currencies: CurrencyTypeBE[];
+    count: number;
+    currentPage: number;
+    pageLimit: number;
+    searchQuery: string;
+    disableSaveButton: boolean;
+    drawer: null | CURRENCY_DRAWER;
+    preferenceId: string;
+    errors: Record<string, string>;
+}
+/**
+ * Fetch Currencies API Arguments
+ *
+ * Parameters for currency list API requests.
+ * Supports pagination and search functionality.
+ */
+export interface FetchCurrenciesArgs {
+    currentPage: number;
+    pageLimit: number;
+    searchQuery?: string;
+}
+/**
+ * Currency API Response
+ *
+ * Standard API response format for currency operations.
+ */
+export interface CurrencyApiResponse {
+    data?: CurrencyTypeBE[];
+    count?: number;
+    error?: string;
+    success: boolean;
+}
+/**
+ * Update Currency Arguments
+ *
+ * Parameters for currency update operations.
+ */
+export interface UpdateCurrencyArgs {
+    id: string;
+    code: string;
+    enabled: boolean;
+    isDefault: boolean;
+    name: string;
+    symbol: string;
+}
+/**
+ * Currency Drawer Types
+ *
+ * Enumeration of available drawer states for currency operations.
+ */
+export declare enum CURRENCY_DRAWER {
+    FILTER_DRAWER = "FILTER_DRAWER",
+    FORM_DRAWER = "FORM_DRAWER"
+}
+export declare enum CURRENCY_MODAL {
+    DUMMY = "DUMMY"
+}
+/**
+ * Currency Form Fields
+ *
+ * Utility type for currency form field keys.
+ * Useful for form validation and dynamic field handling.
+ */
+export type CurrencyFormFields = keyof Omit<CurrencyTypeBE, "id" | "createdAt" | "updatedAt" | "preference">;
+/**
+ * Currency Required Fields
+ *
+ * Fields that are mandatory for currency creation.
+ */
+export type CurrencyRequiredFields = "code" | "name" | "symbol" | "preferenceId";
+/**
+ * Currency Optional Fields
+ *
+ * Fields that are optional for currency creation.
+ */
+export type CurrencyOptionalFields = "enabled" | "isDefault";
+/**
+ * Currency Form Type
+ *
+ * Complete form interface for currency operations.
+ * Combines required and optional fields.
+ */
+export interface CurrencyForm extends Record<CurrencyRequiredFields, string>, Partial<Record<CurrencyOptionalFields, boolean>> {
+}
+/**
+ * Currency Sort Fields
+ *
+ * Fields available for sorting currency lists.
+ */
+export type CurrencySortField = "name" | "code" | "symbol" | "createdAt" | "updatedAt";
+/**
+ * Currency Filter Options
+ *
+ * Available filter options for currency lists.
+ */
+export interface CurrencyFilterOptions {
+    enabled?: boolean;
+    isDefault?: boolean;
+    searchQuery?: string;
+}

package/global-modules/currency/types.js

@@ -0,0 +1,44 @@
+"use strict";
+/**
+ * Currency Module Types
+ *
+ * This module defines all TypeScript interfaces, types, and enums for the Currency feature.
+ * Provides type safety and clear contracts for all currency-related operations.
+ *
+ * Type Categories:
+ * - Context Types (React context and state management)
+ * - Entity Types (Backend data structures)
+ * - State Types (Frontend component state)
+ * - API Types (Request/response interfaces)
+ * - UI Types (Drawer and component enums)
+ * - Utility Types (Helper and computed types)
+ *
+ * Advanced Features:
+ * - Currency management with code and symbol
+ * - CRUD operations support
+ * - Enhanced search and pagination
+ *
+ * Naming Conventions:
+ * - Interfaces: PascalCase with descriptive suffixes (Type, State, Args)
+ * - Enums: UPPER_SNAKE_CASE for values, PascalCase for enum names
+ * - Types: PascalCase following interface conventions
+ */
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.CURRENCY_MODAL = exports.CURRENCY_DRAWER = void 0;
+// ============================================================================
+// UI ENUMS (Component State Definitions)
+// ============================================================================
+/**
+ * Currency Drawer Types
+ *
+ * Enumeration of available drawer states for currency operations.
+ */
+var CURRENCY_DRAWER;
+(function (CURRENCY_DRAWER) {
+    CURRENCY_DRAWER["FILTER_DRAWER"] = "FILTER_DRAWER";
+    CURRENCY_DRAWER["FORM_DRAWER"] = "FORM_DRAWER";
+})(CURRENCY_DRAWER || (exports.CURRENCY_DRAWER = CURRENCY_DRAWER = {}));
+var CURRENCY_MODAL;
+(function (CURRENCY_MODAL) {
+    CURRENCY_MODAL["DUMMY"] = "DUMMY";
+})(CURRENCY_MODAL || (exports.CURRENCY_MODAL = CURRENCY_MODAL = {}));

package/global-modules/currency/validate.d.ts

@@ -0,0 +1,9 @@
+import { z } from "zod";
+export declare const formValidation: z.ZodObject<{
+    code: z.ZodString;
+    enabled: z.ZodBoolean;
+    isDefault: z.ZodBoolean;
+    label: z.ZodString;
+    preferenceId: z.ZodString;
+}, z.core.$strip>;
+export type FormValidate = z.infer<typeof formValidation>;

package/global-modules/currency/validate.js

@@ -0,0 +1,18 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.formValidation = void 0;
+var zod_1 = require("zod");
+// Validation error keys for i18n translation
+var VALIDATION_KEYS = {
+    codeRequired: "validationCodeRequired",
+    nameRequired: "validationNameRequired",
+    preferenceIdRequired: "validationCurrencyPreferenceIdRequired",
+    symbolRequired: "validationSymbolRequired",
+};
+exports.formValidation = zod_1.z.object({
+    code: zod_1.z.string().nonempty(VALIDATION_KEYS.codeRequired),
+    enabled: zod_1.z.boolean(),
+    isDefault: zod_1.z.boolean(),
+    label: zod_1.z.string().nonempty(VALIDATION_KEYS.nameRequired),
+    preferenceId: zod_1.z.string().nonempty(VALIDATION_KEYS.preferenceIdRequired),
+});

package/global-modules/payment-mode/constants.js

@@ -58,7 +58,7 @@ exports.tableBodyCols = [
         key: "isDefault",
     },
     {
-        componentType: vista_table_type_1.VISTA_TABLE_CELL_TYPE.TEXT,
+        componentType: vista_table_type_1.VISTA_TABLE_CELL_TYPE.CREATED_UPDATED_AT,
         key: "createdAt",
     },
     {

package/global-modules/payment-mode/context.js

@@ -96,7 +96,7 @@ var usePaymentModeState = function () {
     // STATE & CORE HOOKS
     // ---------------------------------------------------------------------------
     var _a = (0, react_1.useReducer)(reducer_1.paymentModeReducer, reducer_1.initialPaymentModeState), state = _a[0], dispatch = _a[1];
-    var _b = (0, context_1.usePreferenceStateContext)(), preferences = _b.preferences, activeTab = _b.activeTab;
+    var preferences = (0, context_1.usePreferenceStateContext)().preferences;
     var theme = (0, next_themes_1.useTheme)().theme;
     var t = (0, next_intl_1.useTranslations)("paymentMode");
     var tCommon = (0, next_intl_1.useTranslations)("common");
@@ -207,7 +207,7 @@ var usePaymentModeState = function () {
     // ---------------------------------------------------------------------------
     // MODULE ENTITY HOOK
     // ---------------------------------------------------------------------------
-    var _c = (0, util_functions_1.useModuleEntity)({
+    var _b = (0, util_functions_1.useModuleEntity)({
         byIdCallback: byIdCallback,
         byIdParams: byIdParams,
         deleteCallback: deleteCallback,
@@ -215,22 +215,20 @@ var usePaymentModeState = function () {
         listCallback: listCallback,
         listParams: listParams,
         listUrl: constants_1.PAYMENT_MODE_API_ROUTES.PAYMENT_MODES,
-        searchQuery: "",
+        searchQuery: debouncedQuery,
         unitByIdUrl: constants_1.PAYMENT_MODE_API_ROUTES.PAYMENT_MODE_BY_ID,
         unitUrl: constants_1.PAYMENT_MODE_API_ROUTES.PAYMENT_MODE,
         updateCallback: updateCallback,
         updateDeps: [state],
         updateParams: updateParams,
-    }), byIdError = _c.byIdError, byIdFetchNow = _c.byIdFetchNow, byIdLoading = _c.byIdLoading, deleteError = _c.deleteError, deleteFetchNow = _c.deleteFetchNow, deleteLoading = _c.deleteLoading, listError = _c.listError, listFetchNow = _c.listFetchNow, listLoading = _c.listLoading, updateError = _c.updateError, updateFetchNow = _c.updateFetchNow, updateLoading = _c.updateLoading;
+    }), byIdError = _b.byIdError, byIdFetchNow = _b.byIdFetchNow, byIdLoading = _b.byIdLoading, deleteError = _b.deleteError, deleteFetchNow = _b.deleteFetchNow, deleteLoading = _b.deleteLoading, listError = _b.listError, listFetchNow = _b.listFetchNow, listLoading = _b.listLoading, updateError = _b.updateError, updateFetchNow = _b.updateFetchNow, updateLoading = _b.updateLoading;
     // ---------------------------------------------------------------------------
     // EFFECTS (list refresh)
     // ---------------------------------------------------------------------------
     (0, react_1.useEffect)(function () {
-        if (activeTab === "Payment Mode") {
-            listFetchNow();
-        }
-        // eslint-disable-next-line react-hooks/exhaustive-deps
-    }, [debouncedQuery, state.currentPage, state.pageLimit, activeTab]);
+        listFetchNow();
+        // eslint-disable-next-line
+    }, [debouncedQuery, state.currentPage, state.pageLimit]);
     // ---------------------------------------------------------------------------
     // DRAWER & MODAL HANDLERS
     // ---------------------------------------------------------------------------

package/global-modules/payment-mode/drawer.d.ts

@@ -22,10 +22,6 @@ import { FC } from "react";
 interface PaymentModeDrawerProps {
     /** Whether the interface is in RTL (Right-to-Left) mode */
     isRTL: boolean;
-    /** Translation map for internationalization */
-    translationMap: {
-        [key: string]: string;
-    };
 }
 export declare const PaymentModeDrawer: FC<PaymentModeDrawerProps>;
 export {};

package/global-modules/payment-mode/drawer.js

@@ -30,6 +30,7 @@ var button_1 = require("@appcorp/shadcn/components/button");
 var drawer_1 = require("@appcorp/shadcn/components/drawer");
 var context_1 = require("./context");
 var form_1 = require("./form");
+var next_intl_1 = require("next-intl");
 // ============================================================================
 // CONSTANTS
 // ============================================================================
@@ -43,10 +44,11 @@ var getDrawerDirection = function (isRTL) {
 // COMPONENT
 // ============================================================================
 var PaymentModeDrawer = function (_a) {
+    var isRTL = _a.isRTL;
+    var t = (0, next_intl_1.useTranslations)("paymentMode");
     // ============================================================================
     // HOOKS & STATE
     // ============================================================================
-    var isRTL = _a.isRTL, translationMap = _a.translationMap;
     var _b = (0, context_1.usePaymentModeStateContext)(), closeDrawer = _b.closeDrawer, disableSaveButton = _b.disableSaveButton, drawer = _b.drawer, handleSubmit = _b.handleSubmit;
     // ============================================================================
     // COMPUTED VALUES
@@ -59,17 +61,17 @@ var PaymentModeDrawer = function (_a) {
     return (react_1.default.createElement(drawer_1.Drawer, { open: isDrawerOpen, onOpenChange: function (open) { return !open && closeDrawer(); }, direction: drawerDirection },
         react_1.default.createElement(drawer_1.DrawerContent, { className: "h-full ".concat(DRAWER_WIDTH, " ").concat(isRTL ? "rtl" : "ltr"), dir: isRTL ? "rtl" : "ltr" },
             react_1.default.createElement(drawer_1.DrawerHeader, { className: "flex-row items-center justify-between border-b pb-4 ".concat(isRTL ? "flex-row-reverse" : "") },
-                react_1.default.createElement(drawer_1.DrawerTitle, { className: "text-xl font-semibold flex items-center ".concat(isRTL ? "flex-row-reverse gap-2" : "gap-2") }, (translationMap === null || translationMap === void 0 ? void 0 : translationMap.headingFormCreate) || "Create Payment Mode"),
+                react_1.default.createElement(drawer_1.DrawerTitle, { className: "text-xl font-semibold flex items-center ".concat(isRTL ? "flex-row-reverse gap-2" : "gap-2") }, t("drawerTitlePaymentMode")),
                 react_1.default.createElement(drawer_1.DrawerClose, { asChild: true },
                     react_1.default.createElement(button_1.Button, { variant: "ghost", size: "icon", className: "h-8 w-8" },
                         react_1.default.createElement(lucide_react_1.X, { className: "h-4 w-4" }),
-                        react_1.default.createElement("span", { className: "sr-only" }, (translationMap === null || translationMap === void 0 ? void 0 : translationMap.srCloseDrawer) || "Close drawer")))),
+                        react_1.default.createElement("span", { className: "sr-only" }, t("drawerButtonClose"))))),
             react_1.default.createElement("div", { className: "flex-1 overflow-y-auto px-4 py-6 ".concat(isRTL ? "text-right" : "text-left") },
-                react_1.default.createElement(form_1.PaymentModeForm, { isRTL: isRTL, translationMap: translationMap })),
+                react_1.default.createElement(form_1.PaymentModeForm, { isRTL: isRTL })),
             react_1.default.createElement(drawer_1.DrawerFooter, { className: "border-t pt-4" },
                 react_1.default.createElement("div", { className: "flex gap-2 ".concat(isRTL ? "flex-row-reverse" : "") },
-                    react_1.default.createElement(button_1.Button, { variant: "outline", onClick: closeDrawer, className: "flex-1", type: "button" }, (translationMap === null || translationMap === void 0 ? void 0 : translationMap.cancelBtn) || "Cancel"),
-                    react_1.default.createElement(button_1.Button, { onClick: handleSubmit, disabled: disableSaveButton, className: "flex-1", type: "button" }, (translationMap === null || translationMap === void 0 ? void 0 : translationMap.saveBtn) || "Save Payment Mode"))))));
+                    react_1.default.createElement(button_1.Button, { variant: "outline", onClick: closeDrawer, className: "flex-1", type: "button" }, t("drawerButtonCancel")),
+                    react_1.default.createElement(button_1.Button, { onClick: handleSubmit, disabled: disableSaveButton, className: "flex-1", type: "button" }, t("drawerButtonSave")))))));
 };
 exports.PaymentModeDrawer = PaymentModeDrawer;
 // ============================================================================

package/global-modules/payment-mode/form.d.ts

@@ -14,9 +14,6 @@
 import { FC } from "react";
 interface Props {
     isRTL: boolean;
-    translationMap: {
-        [key: string]: string;
-    };
 }
 export declare const PaymentModeForm: FC<Props>;
 export {};

package/global-modules/payment-mode/form.js

@@ -23,9 +23,8 @@ var input_1 = require("@appcorp/shadcn/components/input");
 var switch_1 = require("@appcorp/shadcn/components/switch");
 var context_1 = require("./context");
 var PaymentModeForm = function (_a) {
-    var isRTL = _a.isRTL, translationMap = _a.translationMap;
-    var t = (0, next_intl_1.useTranslations)("paymentModePage");
-    var ui = (0, next_intl_1.useTranslations)("ui");
+    var isRTL = _a.isRTL;
+    var t = (0, next_intl_1.useTranslations)("paymentMode");
     var _b = (0, context_1.usePaymentModeStateContext)(), enabled = _b.enabled, errors = _b.errors, handleInputChange = _b.handleInputChange, isDefault = _b.isDefault, label = _b.label;
     // Helper function to translate validation error keys
     var getTranslatedError = function (key) {
@@ -40,11 +39,11 @@ var PaymentModeForm = function (_a) {
     return (react_1.default.createElement("div", { className: "space-y-6 ".concat(isRTL ? "rtl" : "ltr"), dir: isRTL ? "rtl" : "ltr" },
         react_1.default.createElement("div", { className: "space-y-4" },
             react_1.default.createElement("div", { className: "space-y-2" },
-                react_1.default.createElement(input_1.Input, { id: "label", type: "text", label: (translationMap === null || translationMap === void 0 ? void 0 : translationMap.formLabelLabel) || "Payment Mode Name", value: label || "", onChange: function (e) { return handleInputChange("label", e.target.value); }, placeholder: "Enter payment mode name", info: "Enter a descriptive name for this payment method", error: getTranslatedError("label"), required: true })),
+                react_1.default.createElement(input_1.Input, { id: "label", type: "text", label: t("formLabelLabel"), value: label || "", onChange: function (e) { return handleInputChange("label", e.target.value); }, placeholder: t("formPlaceholderLabel"), info: t("formInfoLabel"), error: getTranslatedError("label"), required: true })),
             react_1.default.createElement("div", { className: "space-y-4" },
-                react_1.default.createElement(switch_1.Switch, { id: "enabled", label: (translationMap === null || translationMap === void 0 ? void 0 : translationMap.enabled) || "Enabled", checked: enabled || false, onCheckedChange: function (checked) { return handleInputChange("enabled", checked); }, info: enabled ? ui("switch.infoEnabled") : ui("switch.infoDisabled"), error: getTranslatedError("enabled") }),
-                react_1.default.createElement(switch_1.Switch, { id: "isDefault", label: (translationMap === null || translationMap === void 0 ? void 0 : translationMap.setAsDefault) || "Set as Default", checked: isDefault || false, onCheckedChange: function (checked) {
+                react_1.default.createElement(switch_1.Switch, { id: "enabled", label: t("formLabelEnabled"), checked: enabled || false, onCheckedChange: function (checked) { return handleInputChange("enabled", checked); }, info: t("formInfoEnabled"), error: getTranslatedError("enabled") }),
+                react_1.default.createElement(switch_1.Switch, { id: "isDefault", label: t("formLabelIsDefault"), checked: isDefault || false, onCheckedChange: function (checked) {
                         return handleInputChange("isDefault", checked);
-                    }, info: isDefault ? ui("switch.infoEnabled") : ui("switch.infoDisabled"), error: getTranslatedError("isDefault") })))));
+                    }, info: t("formInfoIsDefault"), error: getTranslatedError("isDefault") })))));
 };
 exports.PaymentModeForm = PaymentModeForm;

package/global-modules/payment-mode/payment-mode.d.ts

@@ -21,5 +21,5 @@ interface Props {
  *
  * @param params - Route parameters containing locale information
  */
-export declare const PaymentMode: FC<Props>;
+export declare const PaymentModePage: FC<Props>;
 export {};