@appcorp/stellar-solutions-modules 0.1.54 → 0.1.56

package/global-modules/branch/context.js

@@ -84,7 +84,7 @@ var util_functions_1 = require("@react-pakistan/util-functions");
 var actions_1 = require("./actions");
 var constants_1 = require("./constants");
 var reducer_1 = require("./reducer");
-var toast_utils_1 = require("../../lib/toast-utils");
+var toast_utils_1 = require("@appcorp/shadcn/lib/toast-utils");
 var types_1 = require("./types");
 var validate_1 = require("./validate");
 var context_1 = require("../preferences/context");
@@ -96,7 +96,7 @@ var useBranchState = function () {
     // STATE & CORE HOOKS
     // ---------------------------------------------------------------------------
     var _a = (0, react_1.useReducer)(reducer_1.branchReducer, reducer_1.initialBranchState), 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)("branch");
     var tCommon = (0, next_intl_1.useTranslations)("common");
@@ -175,6 +175,10 @@ var useBranchState = function () {
         var data = _a.data, error = _a.error;
         if (error) {
             showErrorToast(tCommon("messagesNetworkError"));
+            dispatch({
+                type: actions_1.BRANCH_ACTION_TYPES.SET_DISABLE_SAVE_BUTTON,
+                payload: { disableSaveButton: false },
+            });
         }
         if (data) {
             showSuccessToast(t("messagesBranchUpdated"));
@@ -221,7 +225,7 @@ var useBranchState = function () {
     // ---------------------------------------------------------------------------
     // MODULE ENTITY HOOK
     // ---------------------------------------------------------------------------
-    var _c = (0, util_functions_1.useModuleEntity)({
+    var _b = (0, util_functions_1.useModuleEntity)({
         byIdCallback: byIdCallback,
         byIdParams: byIdParams,
         deleteCallback: deleteCallback,
@@ -229,26 +233,24 @@ var useBranchState = function () {
         listCallback: listCallback,
         listParams: listParams,
         listUrl: constants_1.BRANCH_API_ROUTES.BRANCHES,
-        searchQuery: "",
+        searchQuery: debouncedQuery,
         unitByIdUrl: constants_1.BRANCH_API_ROUTES.BRANCH_BY_ID,
         unitUrl: constants_1.BRANCH_API_ROUTES.BRANCH,
         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 === "Branch") {
-            listFetchNow();
-        }
+        listFetchNow();
         // eslint-disable-next-line react-hooks/exhaustive-deps
-    }, [debouncedQuery, state.currentPage, state.pageLimit, activeTab]);
+    }, [debouncedQuery, state.currentPage, state.pageLimit]);
     // ---------------------------------------------------------------------------
     // DRAWER & MODAL HANDLERS
     // ---------------------------------------------------------------------------
-    var closeDrawer = (0, react_1.useCallback)(function () {
+    var closeDrawer = function () {
         dispatch({
             type: actions_1.BRANCH_ACTION_TYPES.SET_DRAWER,
             payload: { drawer: null },
@@ -259,7 +261,7 @@ var useBranchState = function () {
         dispatch({
             type: actions_1.BRANCH_ACTION_TYPES.RESET_ERRORS,
         });
-    }, []);
+    };
     // ---------------------------------------------------------------------------
     // CRUD OPERATION HANDLERS
     // ---------------------------------------------------------------------------
@@ -283,10 +285,17 @@ var useBranchState = function () {
     // FORM HANDLERS
     // ---------------------------------------------------------------------------
     var handleInputChange = (0, react_1.useCallback)(function (key, value) {
+        dispatch({
+            type: actions_1.BRANCH_ACTION_TYPES.RESET_ERRORS,
+        });
         dispatch({
             type: actions_1.BRANCH_ACTION_TYPES.SET_INPUT_FIELD,
             payload: { key: key, value: value },
         });
+        dispatch({
+            type: actions_1.BRANCH_ACTION_TYPES.SET_DISABLE_SAVE_BUTTON,
+            payload: { disableSaveButton: false },
+        });
     }, []);
     var handleSubmit = (0, react_1.useCallback)(function () {
         dispatch({
@@ -306,46 +315,51 @@ var useBranchState = function () {
                     type: actions_1.BRANCH_ACTION_TYPES.SET_ERRORS,
                     payload: { errors: errors },
                 });
+                dispatch({
+                    type: actions_1.BRANCH_ACTION_TYPES.SET_DISABLE_SAVE_BUTTON,
+                    payload: { disableSaveButton: false },
+                });
+                showErrorToast(tCommon("messagesValidationError"));
             },
         });
-    }, [updateFetchNow, updateParams]);
+    }, [updateFetchNow, updateParams, showErrorToast, tCommon]);
     // ---------------------------------------------------------------------------
     // PAGINATION HANDLERS
     // ---------------------------------------------------------------------------
-    var handleNextClick = (0, react_1.useCallback)(function () {
+    var handleNextClick = function () {
         dispatch({
             type: actions_1.BRANCH_ACTION_TYPES.SET_CURRENT_PAGE,
             payload: { currentPage: state.currentPage + 1 },
         });
-    }, [state.currentPage]);
-    var handlePreviousClick = (0, react_1.useCallback)(function () {
+    };
+    var handlePreviousClick = function () {
         dispatch({
             type: actions_1.BRANCH_ACTION_TYPES.SET_CURRENT_PAGE,
             payload: { currentPage: state.currentPage - 1 },
         });
-    }, [state.currentPage]);
-    var handlePageLimit = (0, react_1.useCallback)(function (k, v) {
+    };
+    var handlePageLimit = function (k, v) {
         var val = __assign({}, v);
         dispatch({
             type: actions_1.BRANCH_ACTION_TYPES.SET_PAGE_LIMIT,
             payload: { pageLimit: Number(val.option) },
         });
-    }, []);
+    };
     // ---------------------------------------------------------------------------
     // SEARCH HANDLERS
     // ---------------------------------------------------------------------------
-    var searchOnChange = (0, react_1.useCallback)(function (k, v) {
+    var searchOnChange = function (k, v) {
         dispatch({
             type: actions_1.BRANCH_ACTION_TYPES.SET_SEARCH_QUERY,
             payload: { searchQuery: v },
         });
-    }, []);
-    var clearSearch = (0, react_1.useCallback)(function () {
+    };
+    var clearSearch = function () {
         dispatch({
             type: actions_1.BRANCH_ACTION_TYPES.SET_SEARCH_QUERY,
             payload: { searchQuery: "" },
         });
-    }, []);
+    };
     // ---------------------------------------------------------------------------
     // TABLE ACTIONS (memoized)
     // ---------------------------------------------------------------------------

package/global-modules/branch/drawer.d.ts

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

package/global-modules/branch/drawer.js

@@ -26,10 +26,11 @@ Object.defineProperty(exports, "__esModule", { value: true });
 exports.BranchDrawer = void 0;
 var react_1 = __importDefault(require("react"));
 var lucide_react_1 = require("lucide-react");
-var button_1 = require("../../components/ui/button");
-var drawer_1 = require("../../components/ui/drawer");
+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 BranchDrawer = function (_a) {
+    var isRTL = _a.isRTL;
+    var t = (0, next_intl_1.useTranslations)("branch");
     // ============================================================================
     // HOOKS & STATE
     // ============================================================================
-    var isRTL = _a.isRTL, translationMap = _a.translationMap;
     var _b = (0, context_1.useBranchStateContext)(), closeDrawer = _b.closeDrawer, disableSaveButton = _b.disableSaveButton, drawer = _b.drawer, handleSubmit = _b.handleSubmit;
     // ============================================================================
     // COMPUTED VALUES
@@ -59,17 +61,17 @@ var BranchDrawer = 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 Branch"),
+                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("drawerTitleBranch")),
                 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.Form, { isRTL: isRTL, translationMap: translationMap })),
+                react_1.default.createElement(form_1.Form, { 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 Branch"))))));
+                    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.BranchDrawer = BranchDrawer;
 // ============================================================================

package/global-modules/branch/form.d.ts

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

package/global-modules/branch/form.js

@@ -19,13 +19,12 @@ Object.defineProperty(exports, "__esModule", { value: true });
 exports.Form = 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 input_1 = require("@appcorp/shadcn/components/input");
+var switch_1 = require("@appcorp/shadcn/components/switch");
 var context_1 = require("./context");
 var Form = function (_a) {
-    var isRTL = _a.isRTL, translationMap = _a.translationMap;
-    var t = (0, next_intl_1.useTranslations)("branchPage");
-    var ui = (0, next_intl_1.useTranslations)("ui");
+    var isRTL = _a.isRTL;
+    var t = (0, next_intl_1.useTranslations)("branch");
     var _b = (0, context_1.useBranchStateContext)(), branchAddress = _b.branchAddress, branchName = _b.branchName, enabled = _b.enabled, errors = _b.errors, handleInputChange = _b.handleInputChange, isDefault = _b.isDefault, personEmail = _b.personEmail, personName = _b.personName, personPhone = _b.personPhone;
     // Helper function to translate validation error keys
     var getTranslatedError = function (key) {
@@ -41,22 +40,22 @@ var Form = function (_a) {
         react_1.default.createElement("div", { className: "space-y-4" },
             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: "branchName", type: "text", label: (translationMap === null || translationMap === void 0 ? void 0 : translationMap.formLabelBranchName) || "Branch Name", value: branchName || "", onChange: function (e) { return handleInputChange("branchName", e.target.value); }, placeholder: "Enter branch name", info: "Enter a descriptive name for this branch", error: getTranslatedError("branchName"), required: true })),
+                    react_1.default.createElement(input_1.Input, { id: "branchName", type: "text", label: t("formLabelBranchName"), value: branchName || "", onChange: function (e) { return handleInputChange("branchName", e.target.value); }, placeholder: t("formPlaceholderBranchName"), info: t("formInfoBranchName"), error: getTranslatedError("branchName"), required: true })),
                 react_1.default.createElement("div", { className: "space-y-2" },
-                    react_1.default.createElement(input_1.Input, { id: "branchAddress", type: "text", label: (translationMap === null || translationMap === void 0 ? void 0 : translationMap.formLabelBranchAddress) || "Branch Address", value: branchAddress || "", onChange: function (e) {
+                    react_1.default.createElement(input_1.Input, { id: "branchAddress", type: "text", label: t("formLabelBranchAddress"), value: branchAddress || "", onChange: function (e) {
                             return handleInputChange("branchAddress", e.target.value);
-                        }, placeholder: "Enter branch address", info: "Enter the complete address of this branch", error: getTranslatedError("branchAddress"), required: true }))),
+                        }, placeholder: t("formPlaceholderBranchAddress"), info: t("formInfoBranchAddress"), error: getTranslatedError("branchAddress"), required: true }))),
             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: "personName", type: "text", label: (translationMap === null || translationMap === void 0 ? void 0 : translationMap.formLabelPersonName) || "Contact Person Name", value: personName || "", onChange: function (e) { return handleInputChange("personName", e.target.value); }, placeholder: "Enter contact person name", info: "Enter the name of the contact person for this branch", error: getTranslatedError("personName"), required: true })),
+                    react_1.default.createElement(input_1.Input, { id: "personName", type: "text", label: t("formLabelPersonName"), value: personName || "", onChange: function (e) { return handleInputChange("personName", e.target.value); }, placeholder: t("formPlaceholderPersonName"), info: t("formInfoPersonName"), error: getTranslatedError("personName"), required: true })),
                 react_1.default.createElement("div", { className: "space-y-2" },
-                    react_1.default.createElement(input_1.Input, { id: "personEmail", type: "email", label: (translationMap === null || translationMap === void 0 ? void 0 : translationMap.formLabelPersonEmail) || "Contact Person Email", value: personEmail || "", onChange: function (e) { return handleInputChange("personEmail", e.target.value); }, placeholder: "Enter contact person email", info: "Enter the email address of the contact person", error: getTranslatedError("personEmail"), required: true })),
+                    react_1.default.createElement(input_1.Input, { id: "personEmail", type: "email", label: t("formLabelPersonEmail"), value: personEmail || "", onChange: function (e) { return handleInputChange("personEmail", e.target.value); }, placeholder: t("formPlaceholderPersonEmail"), info: t("formInfoPersonEmail"), error: getTranslatedError("personEmail"), required: true })),
                 react_1.default.createElement("div", { className: "space-y-2" },
-                    react_1.default.createElement(input_1.Input, { id: "personPhone", type: "tel", label: (translationMap === null || translationMap === void 0 ? void 0 : translationMap.formLabelPersonPhone) || "Contact Person Phone", value: personPhone || "", onChange: function (e) { return handleInputChange("personPhone", e.target.value); }, placeholder: "Enter contact person phone", info: "Enter the phone number of the contact person", error: getTranslatedError("personPhone"), required: true }))),
+                    react_1.default.createElement(input_1.Input, { id: "personPhone", type: "tel", label: t("formLabelPersonPhone"), value: personPhone || "", onChange: function (e) { return handleInputChange("personPhone", e.target.value); }, placeholder: t("formPlaceholderPersonPhone"), info: t("formInfoPersonPhone"), error: getTranslatedError("personPhone"), 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.Form = Form;

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

@@ -23,7 +23,7 @@
  * - Types: PascalCase following interface conventions
  */
 import { Dispatch } from "react";
-import { RowAction, HeaderAction } from "../../components/ui/enhanced-table";
+import { RowAction, HeaderAction } from "@appcorp/shadcn/components/enhanced-table";
 import { BranchActions } from "./actions";
 /**
  * Branch Context Interface

package/global-modules/branch/validate.js

@@ -4,12 +4,12 @@ exports.formValidation = void 0;
 var zod_1 = require("zod");
 // Validation error keys for i18n translation
 var VALIDATION_KEYS = {
-    branchNameRequired: "branchPageValidationBranchNameRequired",
-    branchAddressRequired: "branchPageValidationBranchAddressRequired",
-    personNameRequired: "branchPageValidationPersonNameRequired",
-    personEmailRequired: "branchPageValidationPersonEmailRequired",
-    personPhoneRequired: "branchPageValidationPersonPhoneRequired",
-    preferenceIdRequired: "branchPageValidationPreferenceIdRequired",
+    branchNameRequired: "validationBranchNameRequired",
+    branchAddressRequired: "validationBranchAddressRequired",
+    personNameRequired: "validationPersonNameRequired",
+    personEmailRequired: "validationPersonEmailRequired",
+    personPhoneRequired: "validationPersonPhoneRequired",
+    preferenceIdRequired: "validationPreferenceIdRequired",
 };
 exports.formValidation = zod_1.z.object({
     branchAddress: zod_1.z.string().nonempty(VALIDATION_KEYS.branchAddressRequired),

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

@@ -84,7 +84,7 @@ var util_functions_1 = require("@react-pakistan/util-functions");
 var actions_1 = require("./actions");
 var constants_1 = require("./constants");
 var reducer_1 = require("./reducer");
-var toast_utils_1 = require("../../lib/toast-utils");
+var toast_utils_1 = require("@appcorp/shadcn/lib/toast-utils");
 var types_1 = require("./types");
 var validate_1 = require("./validate");
 var context_1 = require("../preferences/context");
@@ -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

@@ -26,10 +26,11 @@ Object.defineProperty(exports, "__esModule", { value: true });
 exports.PaymentModeDrawer = void 0;
 var react_1 = __importDefault(require("react"));
 var lucide_react_1 = require("lucide-react");
-var button_1 = require("../../components/ui/button");
-var drawer_1 = require("../../components/ui/drawer");
+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

@@ -19,13 +19,12 @@ Object.defineProperty(exports, "__esModule", { value: true });
 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 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 {};