@appcorp/stellar-solutions-modules 0.1.34 → 0.1.35

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

@@ -1,8 +1,22 @@
-import { FC } from 'react';
+/**
+ * Payment Mode Form Component
+ *
+ * Enhanced form component for payment mode management with comprehensive error handling
+ * and modern UI components.
+ *
+ * Features:
+ * - Modern shadcn/ui form components
+ * - Translation support for validation messages
+ * - RTL/LTR layout compatibility
+ * - Accessibility-compliant form structure
+ * - Real-time validation feedback
+ */
+import { FC } from "react";
 interface Props {
+    isRTL: boolean;
     translationMap: {
         [key: string]: string;
     };
 }
-export declare const Form: FC<Props>;
+export declare const PaymentModeForm: FC<Props>;
 export {};

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

@@ -1,80 +1,51 @@
 "use strict";
-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);
+/**
+ * Payment Mode Form Component
+ *
+ * Enhanced form component for payment mode management with comprehensive error handling
+ * and modern UI components.
+ *
+ * Features:
+ * - Modern shadcn/ui form components
+ * - Translation support for validation messages
+ * - RTL/LTR layout compatibility
+ * - Accessibility-compliant form structure
+ * - Real-time validation feedback
+ */
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
 };
-var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
-    if (k2 === undefined) k2 = k;
-    var desc = Object.getOwnPropertyDescriptor(m, k);
-    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
-      desc = { enumerable: true, get: function() { return m[k]; } };
-    }
-    Object.defineProperty(o, k2, desc);
-}) : (function(o, m, k, k2) {
-    if (k2 === undefined) k2 = k;
-    o[k2] = m[k];
-}));
-var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
-    Object.defineProperty(o, "default", { enumerable: true, value: v });
-}) : function(o, v) {
-    o["default"] = v;
-});
-var __importStar = (this && this.__importStar) || (function () {
-    var ownKeys = function(o) {
-        ownKeys = Object.getOwnPropertyNames || function (o) {
-            var ar = [];
-            for (var k in o) if (Object.prototype.hasOwnProperty.call(o, k)) ar[ar.length] = k;
-            return ar;
-        };
-        return ownKeys(o);
-    };
-    return function (mod) {
-        if (mod && mod.__esModule) return mod;
-        var result = {};
-        if (mod != null) for (var k = ownKeys(mod), i = 0; i < k.length; i++) if (k[i] !== "default") __createBinding(result, mod, k[i]);
-        __setModuleDefault(result, mod);
-        return result;
-    };
-})();
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.Form = void 0;
-var react_1 = __importStar(require("react"));
-var form_schema_1 = require("@appcorp/app-corp-vista/utils/form-schema");
+exports.PaymentModeForm = void 0;
+var react_1 = __importDefault(require("react"));
+var next_intl_1 = require("next-intl");
+var input_1 = require("@/components/ui/input");
+var switch_1 = require("@/components/ui/switch");
 var context_1 = require("./context");
-var form_elements_1 = require("./form-elements");
-var Form = function (_a) {
-    var translationMap = _a.translationMap;
-    var dynamicFormElements = (0, context_1.usePaymentModeStateContext)().dynamicFormElements;
-    var updated = (0, react_1.useMemo)(function () {
-        var _a, _b;
-        var elements = __assign({}, dynamicFormElements);
-        var textInputElements = (_a = elements[form_schema_1.VISTA_FORM_ELEMENTS.TEXT_INPUT_V1]) === null || _a === void 0 ? void 0 : _a.sort(function (a, b) { return a.order - b.order; });
-        if (textInputElements) {
-            textInputElements === null || textInputElements === void 0 ? void 0 : textInputElements.forEach(function (_a, i) {
-                var label = _a.label;
-                if (translationMap[label] === undefined)
-                    return label;
-                textInputElements[i].label = translationMap[label];
-            });
-        }
-        var textAreaElements = (_b = elements[form_schema_1.VISTA_FORM_ELEMENTS.TEXT_AREA_V1]) === null || _b === void 0 ? void 0 : _b.sort(function (a, b) { return a.order - b.order; });
-        if (textAreaElements) {
-            textAreaElements === null || textAreaElements === void 0 ? void 0 : textAreaElements.forEach(function (_a, i) {
-                var label = _a.label;
-                if (translationMap[label] === undefined)
-                    return label;
-                textAreaElements[i].label = translationMap[label];
-            });
+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 _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) {
+        if (!errors[key])
+            return undefined;
+        // If error starts with "validation.", it's a key to translate
+        if (errors[key].startsWith("validation.")) {
+            return t(errors[key]);
         }
-        return elements;
-    }, [dynamicFormElements, translationMap]);
-    return react_1.default.createElement(react_1.default.Fragment, null, (0, form_elements_1.renderFormElements)(updated));
+        // Otherwise return as is (already translated)
+        return errors[key];
+    };
+    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("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) {
+                        return handleInputChange("isDefault", checked);
+                    }, info: isDefault ? ui("switch.infoEnabled") : ui("switch.infoDisabled"), error: getTranslatedError("isDefault") })))));
 };
-exports.Form = Form;
+exports.PaymentModeForm = PaymentModeForm;

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

@@ -1,2 +1,25 @@
-import React from "react";
-export declare const PaymentMode: () => React.JSX.Element;
+import { FC } from "react";
+interface Props {
+    params?: Promise<{
+        locale: "en" | "ur";
+    }>;
+}
+/**
+ * Payment Mode Page Component
+ *
+ * Main component for the Payment Mode management feature.
+ * Provides a comprehensive interface for managing payment methods with advanced features.
+ *
+ * Features:
+ * - Payment mode listing with search and pagination
+ * - CRUD operations (Create, Read, Update, Delete)
+ * - Advanced table with sorting and filtering
+ * - Responsive design with RTL support
+ * - Internationalization support
+ * - Theme switching capability
+ * - Toast notifications for user feedback
+ *
+ * @param params - Route parameters containing locale information
+ */
+export declare const PaymentMode: FC<Props>;
+export {};

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

@@ -1,3 +1,4 @@
+"use client";
 "use strict";
 var __importDefault = (this && this.__importDefault) || function (mod) {
     return (mod && mod.__esModule) ? mod : { "default": mod };
@@ -5,49 +6,115 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.PaymentMode = void 0;
 var react_1 = __importDefault(require("react"));
-var vista_table_v1_1 = require("@appcorp/app-corp-vista/organisms/vista-table-v1/vista-table-v1");
-var drawer_1 = require("./drawer");
-var generate_toast_1 = require("@appcorp/app-corp-vista/utils/generate-toast");
 var next_intl_1 = require("next-intl");
-var context_1 = require("./context");
 var util_functions_1 = require("@react-pakistan/util-functions");
+var use_rtl_1 = require("@/hooks/use-rtl");
+var enhanced_table_1 = require("@/components/ui/enhanced-table");
+var sonner_1 = require("@/components/ui/sonner");
+var theme_switcher_1 = require("@/components/theme-switcher");
 var constants_1 = require("./constants");
+var context_1 = require("./context");
+var drawer_1 = require("./drawer");
+/**
+ * Payment Mode Page Component
+ *
+ * Main component for the Payment Mode management feature.
+ * Provides a comprehensive interface for managing payment methods with advanced features.
+ *
+ * Features:
+ * - Payment mode listing with search and pagination
+ * - CRUD operations (Create, Read, Update, Delete)
+ * - Advanced table with sorting and filtering
+ * - Responsive design with RTL support
+ * - Internationalization support
+ * - Theme switching capability
+ * - Toast notifications for user feedback
+ *
+ * @param params - Route parameters containing locale information
+ */
 var PaymentMode = function () {
-    var _a = (0, context_1.usePaymentModeStateContext)(), paymentModes = _a.paymentModes, count = _a.count, currentPage = _a.currentPage, handleNextClick = _a.handleNextClick, handlePageLimit = _a.handlePageLimit, handlePreviousClick = _a.handlePreviousClick, headerActions = _a.headerActions, listLoading = _a.listLoading, pageLimit = _a.pageLimit, rowActions = _a.rowActions, searchOnChange = _a.searchOnChange, searchQuery = _a.searchQuery;
-    var t = (0, next_intl_1.useTranslations)('paymentModePage');
+    var _a = (0, context_1.usePaymentModeStateContext)(), count = _a.count, currentPage = _a.currentPage, handleNextClick = _a.handleNextClick, handlePageLimit = _a.handlePageLimit, handlePreviousClick = _a.handlePreviousClick, headerActions = _a.headerActions, listLoading = _a.listLoading, pageLimit = _a.pageLimit, paymentModes = _a.paymentModes, rowActions = _a.rowActions, searchOnChange = _a.searchOnChange, searchQuery = _a.searchQuery;
+    var t = (0, next_intl_1.useTranslations)("paymentModePage");
+    var isRTL = (0, use_rtl_1.useRTL)();
+    // ============================================================================
+    // TRANSLATION MAPPING
+    // ============================================================================
     var translationMap = {
-        formLabelLabel: t('formLabelLabel'),
+        // Form Labels
+        formLabelLabel: t("formLabelLabel"),
+        // Drawer
+        drawerTitlePaymentMode: t("headingFormEdit"),
+        headingFormCreate: t("headingFormCreate"),
+        srCloseDrawer: t("srCloseDrawer"),
+        cancelBtn: t("cancelBtn"),
+        saveBtn: t("saveBtn"),
+        // Actions
+        addItem: t("addItem"),
+        edit: t("edit"),
+        delete: t("delete"),
+        // Form Settings
+        settings: t("settings"),
+        enabled: t("enabled"),
+        isDefault: t("isDefault"),
+        setAsDefault: t("setAsDefault"),
+        enableDescription: t("enableDescription"),
+        defaultDescription: t("defaultDescription"),
+        // Messages
+        messagePaymentModeCreated: t("messages.paymentModeCreated"),
+        messagePaymentModeUpdated: t("messages.paymentModeUpdated"),
+        messagePaymentModeDeleted: t("messages.paymentModeDeleted"),
+        messageSavingPaymentMode: t("messages.savingPaymentMode"),
+        messageDeletingPaymentMode: t("messages.deletingPaymentMode"),
+        messageLoadingPaymentModes: t("messages.loadingPaymentModes"),
+        messageSuccess: t("messages.success"),
+        messageError: t("messages.error"),
+        // Validation
+        validationLabelRequired: t("validation.labelRequired"),
+        validationPreferenceIdRequired: t("validation.preferenceIdRequired"),
+        validationFormGeneralError: t("validation.formGeneralError"),
     };
+    // ============================================================================
+    // TABLE CONFIGURATION
+    // ============================================================================
     var tableHeadItems = [
         {
-            label: t('tableColumnHeaderId'),
-            width: '5%',
+            label: t("tableColumnHeaderId"),
+            width: "5%",
         },
         {
-            label: t('tableColumnHeaderLabel'),
-            width: '25%',
+            label: t("tableColumnHeaderLabel"),
+            width: "25%",
         },
         {
-            label: t('tableColumnHeaderEnabled'),
-            width: '20%',
+            label: t("tableColumnHeaderEnabled"),
+            width: "20%",
         },
         {
-            label: t('tableColumnHeaderIsDefault'),
-            width: '20%',
+            label: t("tableColumnHeaderIsDefault"),
+            width: "20%",
         },
         {
-            label: t('tableColumnHeaderActivity'),
-            width: '25%',
+            label: t("tableColumnHeaderActivity"),
+            width: "25%",
         },
         {
-            label: t('tableColumnHeaderActions'),
-            width: '5%',
+            label: t("tableColumnHeaderActions"),
+            width: "5%",
         },
     ];
+    // ============================================================================
+    // PAGINATION CALCULATIONS
+    // ============================================================================
     var totalPages = (0, util_functions_1.calculatePages)(count, pageLimit);
-    return (react_1.default.createElement(react_1.default.Fragment, null,
-        react_1.default.createElement(vista_table_v1_1.VistaTableV1, { currentPage: currentPage, handleNextOnClick: handleNextClick, handleOnSelect: handlePageLimit, handlePreviousOnClick: handlePreviousClick, handleSearchInput: searchOnChange, headerActions: headerActions, isNextDisabled: (0, util_functions_1.isNextButtonDisabled)(currentPage, totalPages), isPreviousDisabled: (0, util_functions_1.isPreviousButtonDisabled)(currentPage), listOptions: (0, util_functions_1.getAvailablePageLimits)(count), loading: listLoading, nodeSelectKey: "pageLimit", pageLimit: pageLimit, rowActions: rowActions, searchDisabled: false, searchEnabled: true, searchId: "payment-mode-search", searchPlaceholder: t('tableHeaderSearchPlaceholder'), searchValue: searchQuery, selectKey1: "option", selectedItem: { option: String(pageLimit) }, tableBodyCols: constants_1.tableBodyCols, tableBodyRows: paymentModes, tableDescription: t('tableDescription'), tableHeadItems: tableHeadItems, tableHeading: t('tableTitle'), totalPages: totalPages }),
-        react_1.default.createElement(drawer_1.BranchDrawer, { translationMap: translationMap }),
-        react_1.default.createElement(generate_toast_1.VistaToaster, null)));
+    // ============================================================================
+    // RENDER
+    // ============================================================================
+    return (react_1.default.createElement("div", { className: "space-y-4 ".concat(isRTL ? "rtl" : "ltr"), dir: isRTL ? "rtl" : "ltr" },
+        react_1.default.createElement("div", { className: "flex items-center justify-between ".concat(isRTL ? "flex-row-reverse" : "") },
+            react_1.default.createElement("div", null),
+            react_1.default.createElement(theme_switcher_1.ThemeSwitcher, null)),
+        react_1.default.createElement(enhanced_table_1.EnhancedTable, { currentPage: Number(currentPage), handleNextOnClick: handleNextClick, handleOnSelect: handlePageLimit, handlePreviousOnClick: handlePreviousClick, handleSearchInput: searchOnChange, headerActions: headerActions, isNextDisabled: (0, util_functions_1.isNextButtonDisabled)(currentPage, totalPages), isPreviousDisabled: (0, util_functions_1.isPreviousButtonDisabled)(currentPage), listOptions: (0, util_functions_1.getAvailablePageLimits)(count), loading: listLoading, nodeSelectKey: "pageLimit", pageLimit: pageLimit, rowActions: rowActions, searchDisabled: false, searchEnabled: true, searchId: "payment-mode-search", searchPlaceholder: t("tableHeaderSearchPlaceholder"), searchValue: searchQuery, tableBodyCols: constants_1.tableBodyCols, tableBodyRows: paymentModes, tableDescription: t("tableDescription"), tableHeadItems: tableHeadItems, tableHeading: t("tableTitle"), totalPages: Number(totalPages) }),
+        react_1.default.createElement(drawer_1.PaymentModeDrawer, { isRTL: isRTL, translationMap: translationMap }),
+        react_1.default.createElement(sonner_1.Toaster, null)));
 };
 exports.PaymentMode = PaymentMode;

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

@@ -1,4 +1,25 @@
-import { PaymentModeActions } from './actions';
-import { PaymentModeState } from './types';
+/**
+ * Payment Mode State Reducer
+ *
+ * This module manages the state transitions for the Payment Mode feature using the reducer pattern.
+ * Handles all state updates in a predictable and optimized manner.
+ *
+ * Features:
+ * - Form state management (create/edit payment mode 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 { PaymentModeActions } from "./actions";
+import { PaymentModeState } from "./types";
 export declare const initialPaymentModeState: PaymentModeState;
 export declare function paymentModeReducer(state: PaymentModeState, action: PaymentModeActions): PaymentModeState;

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

@@ -1,4 +1,25 @@
 "use strict";
+/**
+ * Payment Mode State Reducer
+ *
+ * This module manages the state transitions for the Payment Mode feature using the reducer pattern.
+ * Handles all state updates in a predictable and optimized manner.
+ *
+ * Features:
+ * - Form state management (create/edit payment mode 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++) {
@@ -24,140 +45,145 @@ exports.initialPaymentModeState = void 0;
 exports.paymentModeReducer = paymentModeReducer;
 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 ({
+    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.initialPaymentModeState = {
+    // Payment Mode Form Data
+    enabled: false,
+    id: "",
+    isDefault: false,
+    label: "",
+    preferenceId: "",
+    // List Data
     paymentModes: [],
     count: 0,
+    // Search & Pagination
     currentPage: 1,
+    pageLimit: constants_1.pageLimit,
+    searchQuery: "",
+    // UI State
     disableSaveButton: false,
     drawer: null,
-    enabled: false,
+    // Errors
     errors: {},
-    id: '',
-    isDefault: false,
-    pageLimit: constants_1.pageLimit,
-    preferenceId: '',
-    searchQuery: '',
-    label: '',
 };
+// ============================================================================
+// REDUCER FUNCTION
+// ============================================================================
 function paymentModeReducer(state, action) {
     var _a;
     switch (action.type) {
-        // case PAYMENT_MODE_ACTION_TYPES.SET_PAYMENT_MODES:
-        //   return {
-        //     ...state,
-        //     paymentModes: [...action.payload.paymentModes],
-        //   };
-        // case PAYMENT_MODE_ACTION_TYPES.SET_CURRENCIES:
-        //   return {
-        //     ...state,
-        //     currencies: [...action.payload.currencies],
-        //   };
-        // case PAYMENT_MODE_ACTION_TYPES.SET_BRANCH_BTN_DISABLE:
-        //   return { ...state, tax: { ...state.tax, btnDisableTax: action.payload } };
-        // case PAYMENT_MODE_ACTION_TYPES.SET_BANK_BTN_DISABLE:
-        //   return {
-        //     ...state,
-        //     bankDetails: {
-        //       ...state.bankDetails,
-        //       btnDisableBankDetail: action.payload,
-        //     },
-        //   };
-        // case PAYMENT_MODE_ACTION_TYPES.SET_BRANCH_BTN_DISABLE:
-        //   return {
-        //     ...state,
-        //     branches: { ...state.branches, btnDisableBranches: action.payload },
-        //   };
-        // case PAYMENT_MODE_ACTION_TYPES.SET_INPUT_FIELD:
-        //   return {
-        //     ...state,
-        //     [action.payload.key]: action.payload.value,
-        //   };
-        // case PAYMENT_MODE_ACTION_TYPES.UPDATE_BANK_FIELDS:
-        //   return {
-        //     ...state,
-        //     bankDetails: {
-        //       ...state.bankDetails,
-        //       [action.payload.field]: action.payload.value,
-        //     },
-        //   };
-        // case PAYMENT_MODE_ACTION_TYPES.UPDATE_BRANCH_FIELDS:
-        //   return {
-        //     ...state,
-        //     branches: {
-        //       ...state.branches,
-        //       [action.payload.field]: action.payload.value,
-        //     },
-        //   };
-        // case PAYMENT_MODE_ACTION_TYPES.UPDATE_BRANCH_FIELDS:
-        //   return {
-        //     ...state,
-        //     tax: {
-        //       ...state.tax,
-        //       [action.payload.field]: action.payload.value,
-        //     },
-        //   };
-        // case PAYMENT_MODE_ACTION_TYPES.CLEAR_BANK_DETAILS:
-        //   return { ...state, bankDetails: initialPreferenceState.bankDetails };
-        // case PAYMENT_MODE_ACTION_TYPES.CLEAR_BRANCHES:
-        //   return { ...state, branches: initialPreferenceState.branches };
-        // case PAYMENT_MODE_ACTION_TYPES.CLEAR_TAXES:
-        //   return { ...state, tax: initialPreferenceState.tax };
-        case actions_1.PAYMENT_MODE_ACTION_TYPES.SET_ERRORS:
-            return __assign(__assign({}, state), { errors: __assign({}, action.payload.errors) });
-        case actions_1.PAYMENT_MODE_ACTION_TYPES.SET_SEARCH_QUERY:
-            return __assign(__assign({}, state), { searchQuery: action.payload.searchQuery });
-        // case PAYMENT_MODE_ACTION_TYPES.SET_ACTIVE_TAB:
-        //   return {
-        //     ...state,
-        //     activeTab: action.payload.activeTab,
-        //   };
-        // case PAYMENT_MODE_ACTION_TYPES.RESET_FORM:
-        //   return {
-        //     ...state,
-        //     taxForm: {
-        //       ...state.taxForm,
-        //       ...initialPreferenceState.taxForm,
-        //     },
-        //   };
-        // case PAYMENT_MODE_ACTION_TYPES.SET_CURRENCY_UPDATE_ID:
-        //   return {
-        //     ...state,
-        //     currencyUpdateId: action.payload.currencyUpdateId,
-        //   };
-        // case PAYMENT_MODE_ACTION_TYPES.SET_PAYMENT_MODE_COUNT:
-        //   return {
-        //     ...state,
-        //     paymentModeCount: action.payload.paymentModeCount,
-        //   };
-        // case PAYMENT_MODE_ACTION_TYPES.SET_BRANCHES:
-        //   return {
-        //     ...state,
-        //     branches: [...action.payload.branches],
-        //   };
-        // case PAYMENT_MODE_ACTION_TYPES.SET_BRANCH_COUNT:
-        //   return {
-        //     ...state,
-        //     branchCount: action.payload.branchCount,
-        //   };
-        case actions_1.PAYMENT_MODE_ACTION_TYPES.SET_PAYMENT_MODES:
-            return __assign(__assign({}, state), { paymentModes: __spreadArray([], action.payload.paymentModes, true) });
-        case actions_1.PAYMENT_MODE_ACTION_TYPES.SET_COUNT:
-            return __assign(__assign({}, state), { count: action.payload.count });
-        case actions_1.PAYMENT_MODE_ACTION_TYPES.SET_FORM:
-            return __assign(__assign({}, state), action.payload.form);
-        case actions_1.PAYMENT_MODE_ACTION_TYPES.SET_DRAWER:
-            return __assign(__assign({}, state), { drawer: action.payload.drawer });
+        // ------------------------------------------------------------------------
+        // FORM RESET ACTIONS
+        // ------------------------------------------------------------------------
+        case actions_1.PAYMENT_MODE_ACTION_TYPES.RESET_ERRORS:
+            return __assign(__assign({}, state), { errors: {} });
+        case actions_1.PAYMENT_MODE_ACTION_TYPES.RESET_FORM:
+            return __assign(__assign({}, state), getFormResetState());
+        // ------------------------------------------------------------------------
+        // FORM INPUT ACTIONS
+        // ------------------------------------------------------------------------
         case actions_1.PAYMENT_MODE_ACTION_TYPES.SET_INPUT_FIELD:
             return __assign(__assign({}, state), (_a = {}, _a[action.payload.key] = action.payload.value, _a));
+        case actions_1.PAYMENT_MODE_ACTION_TYPES.SET_FORM:
+            return __assign(__assign({}, state), action.payload.form);
+        // ------------------------------------------------------------------------
+        // ERROR HANDLING ACTIONS
+        // ------------------------------------------------------------------------
+        case actions_1.PAYMENT_MODE_ACTION_TYPES.SET_ERRORS:
+            return __assign(__assign({}, state), { disableSaveButton: false, errors: mergeErrors(action.payload.errors) });
+        // ------------------------------------------------------------------------
+        // UI STATE ACTIONS
+        // ------------------------------------------------------------------------
         case actions_1.PAYMENT_MODE_ACTION_TYPES.SET_DISABLE_SAVE_BUTTON:
             return __assign(__assign({}, state), { disableSaveButton: action.payload.disableSaveButton });
-        case actions_1.PAYMENT_MODE_ACTION_TYPES.RESET_ERRORS:
-            return __assign(__assign({}, state), { errors: {} });
+        case actions_1.PAYMENT_MODE_ACTION_TYPES.SET_DRAWER:
+            return __assign(__assign({}, state), { drawer: action.payload.drawer });
+        // ------------------------------------------------------------------------
+        // LIST DATA ACTIONS
+        // ------------------------------------------------------------------------
+        case actions_1.PAYMENT_MODE_ACTION_TYPES.SET_PAYMENT_MODES:
+            return __assign(__assign({}, state), { paymentModes: updateArrayState(action.payload.paymentModes) });
+        case actions_1.PAYMENT_MODE_ACTION_TYPES.SET_COUNT:
+            return __assign(__assign({}, state), { count: action.payload.count });
+        // ------------------------------------------------------------------------
+        // PAGINATION ACTIONS
+        // ------------------------------------------------------------------------
         case actions_1.PAYMENT_MODE_ACTION_TYPES.SET_CURRENT_PAGE:
             return __assign(__assign({}, state), { currentPage: action.payload.currentPage });
         case actions_1.PAYMENT_MODE_ACTION_TYPES.SET_PAGE_LIMIT:
             return __assign(__assign({}, state), { pageLimit: action.payload.pageLimit });
+        // ------------------------------------------------------------------------
+        // SEARCH ACTIONS
+        // ------------------------------------------------------------------------
+        case actions_1.PAYMENT_MODE_ACTION_TYPES.SET_SEARCH_QUERY:
+            return __assign(__assign({}, state), { searchQuery: action.payload.searchQuery });
+        // ------------------------------------------------------------------------
+        // DEFAULT CASE
+        // ------------------------------------------------------------------------
         default:
             return state;
     }
 }
+// ============================================================================
+// OPTIMIZATION SUMMARY
+// ============================================================================
+/*
+ * Reducer Optimizations Applied:
+ *
+ * 1. **Structural Organization**
+ *    - Grouped related actions into logical sections with clear headers
+ *    - Added comprehensive documentation and comments
+ *    - Organized initial state by functionality
+ *    - Removed all commented-out legacy code
+ *
+ * 2. **Performance Improvements**
+ *    - Helper functions for common operations (getFormResetState, updateArrayState, mergeErrors)
+ *    - Immutable state updates using spread operator
+ *    - Optimized object creation patterns
+ *    - Consistent shallow copying for arrays
+ *
+ * 3. **Code Quality**
+ *    - Clear section headers for better navigation
+ *    - Consistent action handling patterns
+ *    - Improved readability with logical grouping
+ *    - Type-safe helper functions where applicable
+ *    - Removed dead code and unnecessary comments
+ *
+ * 4. **Maintainability**
+ *    - Predictable state update patterns
+ *    - Easy-to-locate action handlers
+ *    - Self-documenting code structure
+ *    - Consistent formatting and style
+ *    - Clear separation of concerns
+ *
+ * 5. **Payment Mode-Specific Optimizations**
+ *    - Focused on payment mode operations only
+ *    - Removed unrelated legacy reducer cases
+ *    - Streamlined state management for payment mode features
+ *    - Optimized for payment mode CRUD operations
+ */