@appcorp/stellar-solutions-modules 0.1.54 → 0.1.56

package/global-modules/bank/bank.d.ts

@@ -1,2 +1,8 @@
 import { FC } from "react";
-export declare const Bank: FC;
+interface Props {
+    params: Promise<{
+        locale: "en" | "ur";
+    }>;
+}
+export declare const BankPage: FC<Props>;
+export {};

package/global-modules/bank/bank.js

@@ -1,37 +1,23 @@
+"use client";
 "use strict";
 var __importDefault = (this && this.__importDefault) || function (mod) {
     return (mod && mod.__esModule) ? mod : { "default": mod };
 };
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.Bank = void 0;
+exports.BankPage = void 0;
 var react_1 = __importDefault(require("react"));
 var next_intl_1 = require("next-intl");
 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 enhanced_table_1 = require("@appcorp/shadcn/components/enhanced-table");
+var sonner_1 = require("@appcorp/shadcn/components/sonner");
 var constants_1 = require("./constants");
 var context_1 = require("./context");
 var drawer_1 = require("./drawer");
-var Bank = function () {
-    var _a = (0, context_1.useBankStateContext)(), banks = _a.banks, 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 BankPage = function () {
     var t = (0, next_intl_1.useTranslations)("bank");
+    var _a = (0, context_1.useBankStateContext)(), banks = _a.banks, 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 isRTL = (0, use_rtl_1.useRTL)();
-    var translationMap = {
-        formLabelBankName: t("formLabelBankName"),
-        formLabelBankAddress: t("formLabelBankAddress"),
-        formLabelAccountTitle: t("formLabelAccountTitle"),
-        formLabelAccountNumber: t("formLabelAccountNumber"),
-        formLabelIBAN: t("formLabelIBAN"),
-        formLabelSwiftCode: t("formLabelSwiftCode"),
-        headingFormCreate: t("headingFormCreate"),
-        srCloseDrawer: t("srCloseDrawer"),
-        cancelBtn: t("cancelBtn"),
-        saveBtn: t("saveBtn"),
-        enableDescription: t("enableDescription"),
-        setAsDefault: t("setAsDefault"),
-        defaultDescription: t("defaultDescription"),
-    };
     var tableHeadItems = [
         {
             label: t("tableColumnHeaderId"),
@@ -77,7 +63,7 @@ var Bank = function () {
     var totalPages = (0, util_functions_1.calculatePages)(count, pageLimit);
     return (react_1.default.createElement("div", { className: "space-y-4 ".concat(isRTL ? "rtl" : "ltr"), dir: isRTL ? "rtl" : "ltr" },
         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: "bank-search", searchPlaceholder: t("tableSearchPlaceholder"), searchValue: searchQuery, tableBodyCols: constants_1.tableBodyCols, tableBodyRows: banks, tableDescription: t("tableDescription"), tableHeadItems: tableHeadItems, tableHeading: t("tableTitle"), totalPages: Number(totalPages) }),
-        react_1.default.createElement(drawer_1.BankDrawer, { isRTL: isRTL, translationMap: translationMap }),
+        react_1.default.createElement(drawer_1.BankDrawer, { isRTL: isRTL }),
         react_1.default.createElement(sonner_1.Toaster, null)));
 };
-exports.Bank = Bank;
+exports.BankPage = BankPage;

package/global-modules/bank/constants.js

@@ -51,12 +51,16 @@ exports.tableBodyCols = [
     },
     {
         componentType: vista_table_type_1.VISTA_TABLE_CELL_TYPE.TEXT,
-        key: "accountNumber",
+        key: "bankAddress",
     },
     {
         componentType: vista_table_type_1.VISTA_TABLE_CELL_TYPE.TEXT,
         key: "accountTitle",
     },
+    {
+        componentType: vista_table_type_1.VISTA_TABLE_CELL_TYPE.TEXT,
+        key: "accountNumber",
+    },
     {
         componentType: vista_table_type_1.VISTA_TABLE_CELL_TYPE.TEXT,
         key: "iban",
@@ -73,10 +77,6 @@ exports.tableBodyCols = [
         componentType: vista_table_type_1.VISTA_TABLE_CELL_TYPE.BOOLEAN,
         key: "isDefault",
     },
-    {
-        componentType: vista_table_type_1.VISTA_TABLE_CELL_TYPE.TEXT,
-        key: "createdAt",
-    },
     {
         componentType: vista_table_type_1.VISTA_TABLE_CELL_TYPE.ACTIONS,
         key: "action",

package/global-modules/bank/context.js

@@ -84,10 +84,9 @@ 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");
 // ============================================================================
 // MAIN HOOK
 // ============================================================================
@@ -96,7 +95,6 @@ var useBankState = function () {
     // STATE & CORE HOOKS
     // ---------------------------------------------------------------------------
     var _a = (0, react_1.useReducer)(reducer_1.bankReducer, reducer_1.initialBankState), state = _a[0], dispatch = _a[1];
-    var activeTab = (0, context_1.usePreferenceStateContext)().activeTab;
     var theme = (0, next_themes_1.useTheme)().theme;
     var t = (0, next_intl_1.useTranslations)("bank");
     var tCommon = (0, next_intl_1.useTranslations)("common");
@@ -122,6 +120,7 @@ var useBankState = function () {
         iban: state.iban,
         swiftCode: state.swiftCode,
         isDefault: state.isDefault,
+        preferenceId: "preference-1",
     }); }, [
         state.id,
         state.accountNumber,
@@ -158,25 +157,24 @@ var useBankState = function () {
     var listCallback = (0, react_1.useCallback)(function (_a) {
         var data = _a.data, error = _a.error;
         if (error) {
-            showErrorToast(tCommon("messagesNetworkError"));
+            showErrorToast(t("messagesNetworkError"));
             return;
         }
-        if (data) {
-            var banks = data.data, count = data.count;
+        if (data === null || data === void 0 ? void 0 : data.items) {
             dispatch({
                 type: actions_1.BANK_ACTION_TYPES.SET_BANKS,
-                payload: { banks: banks || [] },
+                payload: { banks: data.items },
             });
             dispatch({
                 type: actions_1.BANK_ACTION_TYPES.SET_COUNT,
-                payload: { count: count || 0 },
+                payload: { count: data === null || data === void 0 ? void 0 : data.count },
             });
         }
-    }, [showErrorToast, tCommon]);
+    }, [showErrorToast, t]);
     var updateCallback = (0, react_1.useCallback)(function (_a) {
         var data = _a.data, error = _a.error;
         if (error) {
-            showErrorToast(tCommon("messagesNetworkError"));
+            showErrorToast(t("messagesNetworkError"));
             return;
         }
         if (data) {
@@ -192,11 +190,11 @@ var useBankState = function () {
                 payload: { drawer: null },
             });
         }
-    }, [showErrorToast, showSuccessToast, t, tCommon]);
+    }, [showErrorToast, showSuccessToast, t]);
     var deleteCallback = (0, react_1.useCallback)(function (_a) {
         var data = _a.data, error = _a.error;
         if (error) {
-            showErrorToast(tCommon("messagesNetworkError"));
+            showErrorToast(typeof "messagesNetworkError");
             return;
         }
         if (data) {
@@ -205,11 +203,11 @@ var useBankState = function () {
                 type: actions_1.BANK_ACTION_TYPES.RESET_FORM,
             });
         }
-    }, [showErrorToast, showSuccessToast, t, tCommon]);
+    }, [showErrorToast, showSuccessToast, t]);
     var byIdCallback = (0, react_1.useCallback)(function (_a) {
         var data = _a.data, error = _a.error;
         if (error) {
-            showErrorToast(tCommon("messagesNetworkError"));
+            showErrorToast(t("messagesNetworkError"));
             return;
         }
         if (data) {
@@ -218,7 +216,7 @@ var useBankState = function () {
                 payload: { form: data },
             });
         }
-    }, [showErrorToast, tCommon]);
+    }, [showErrorToast, t]);
     // ---------------------------------------------------------------------------
     // MODULE ENTITY HOOK
     // ---------------------------------------------------------------------------
@@ -241,17 +239,16 @@ var useBankState = function () {
     // EFFECTS (list refresh)
     // ---------------------------------------------------------------------------
     (0, react_1.useEffect)(function () {
-        if (activeTab === "banking") {
-            listFetchNow();
-        }
-    }, [activeTab, listFetchNow]);
+        listFetchNow();
+        // eslint-disable-next-line react-hooks/exhaustive-deps
+    }, [debouncedQuery, state.currentPage, state.pageLimit]);
     // ---------------------------------------------------------------------------
     // DRAWER & MODAL HANDLERS
     // ---------------------------------------------------------------------------
-    var closeDrawer = (0, react_1.useCallback)(function () {
+    var closeDrawer = function () {
         dispatch({ type: actions_1.BANK_ACTION_TYPES.SET_DRAWER, payload: { drawer: null } });
         dispatch({ type: actions_1.BANK_ACTION_TYPES.RESET_FORM });
-    }, []);
+    };
     // ---------------------------------------------------------------------------
     // CRUD OPERATION HANDLERS
     // ---------------------------------------------------------------------------
@@ -296,6 +293,9 @@ var useBankState = function () {
     // FORM HANDLERS
     // ---------------------------------------------------------------------------
     var handleInputChange = (0, react_1.useCallback)(function (key, value) {
+        dispatch({
+            type: actions_1.BANK_ACTION_TYPES.RESET_ERRORS,
+        });
         dispatch({
             type: actions_1.BANK_ACTION_TYPES.SET_INPUT_FIELD,
             payload: { key: key, value: value },
@@ -310,63 +310,61 @@ var useBankState = function () {
             },
             errorCallback: function (errors) {
                 dispatch({ type: actions_1.BANK_ACTION_TYPES.SET_ERRORS, payload: { errors: errors } });
-                (0, toast_utils_1.generateThemeToast)({
-                    variant: toast_utils_1.TOAST_VARIANT.ERROR,
-                    description: tCommon("messagesValidationError"),
-                });
+                showErrorToast(tCommon("messagesValidationError"));
             },
         });
-    }, [updateParams, updateFetchNow, tCommon]);
+    }, [updateParams, updateFetchNow, showErrorToast, tCommon]);
     // ---------------------------------------------------------------------------
     // PAGINATION HANDLERS
     // ---------------------------------------------------------------------------
-    var handleNextClick = (0, react_1.useCallback)(function () {
+    var handleNextClick = function () {
         dispatch({
             type: actions_1.BANK_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.BANK_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.BANK_ACTION_TYPES.SET_PAGE_LIMIT,
-            payload: { pageLimit: v },
+            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.BANK_ACTION_TYPES.SET_SEARCH_QUERY,
             payload: { searchQuery: v },
         });
-    }, []);
-    var clearSearch = (0, react_1.useCallback)(function () {
+    };
+    var clearSearch = function () {
         dispatch({
             type: actions_1.BANK_ACTION_TYPES.SET_SEARCH_QUERY,
             payload: { searchQuery: "" },
         });
-    }, []);
+    };
     // ---------------------------------------------------------------------------
     // TABLE ACTIONS (memoized)
     // ---------------------------------------------------------------------------
     var headerActions = (0, react_1.useMemo)(function () { return [
         {
-            enabled: true,
+            enabled: false,
             handleOnClick: handleFilterDrawer,
-            label: t("actionsButtonFilters"),
+            label: t("tableHeaderActionFilter"),
             order: 1,
         },
         {
             enabled: true,
             handleOnClick: handleCreate,
-            label: t("actionsButtonAddItem"),
+            label: t("tableHeaderActionAddItem"),
             order: 2,
         },
     ]; }, [handleFilterDrawer, handleCreate, t]);
@@ -374,13 +372,13 @@ var useBankState = function () {
         {
             enabled: true,
             handleAction: handleEdit,
-            label: t("actionsButtonEdit"),
+            label: t("tableHeaderActionEdit"),
             order: 1,
         },
         {
             enabled: true,
             handleAction: handleDelete,
-            label: t("actionsButtonDelete"),
+            label: t("tableHeaderActionDelete"),
             order: 2,
         },
     ]; }, [handleEdit, handleDelete, t]);

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

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

package/global-modules/bank/drawer.js

@@ -26,10 +26,11 @@ Object.defineProperty(exports, "__esModule", { value: true });
 exports.BankDrawer = 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 BankDrawer = function (_a) {
+    var isRTL = _a.isRTL;
+    var t = (0, next_intl_1.useTranslations)("bank");
     // ============================================================================
     // HOOKS & STATE
     // ============================================================================
-    var isRTL = _a.isRTL, translationMap = _a.translationMap;
     var _b = (0, context_1.useBankStateContext)(), closeDrawer = _b.closeDrawer, disableSaveButton = _b.disableSaveButton, drawer = _b.drawer, handleSubmit = _b.handleSubmit;
     // ============================================================================
     // COMPUTED VALUES
@@ -59,17 +61,17 @@ var BankDrawer = 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 Bank"),
+                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("drawerTitleProduct")),
                 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 Bank"))))));
+                    react_1.default.createElement(button_1.Button, { variant: "outline", onClick: closeDrawer, className: "flex-1", type: "button" }, t("drawerButtonClose")),
+                    react_1.default.createElement(button_1.Button, { onClick: handleSubmit, disabled: disableSaveButton, className: "flex-1", type: "button" }, t("drawerButtonSave")))))));
 };
 exports.BankDrawer = BankDrawer;
 // ============================================================================

package/global-modules/bank/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/bank/form.js

@@ -19,14 +19,13 @@ 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)("bankPage");
-    var ui = (0, next_intl_1.useTranslations)("ui");
-    var _b = (0, context_1.useBankStateContext)(), accountNumber = _b.accountNumber, bankAddress = _b.bankAddress, bankName = _b.bankName, enabled = _b.enabled, errors = _b.errors, handleInputChange = _b.handleInputChange, iban = _b.iban, isDefault = _b.isDefault, swiftCode = _b.swiftCode;
+    var isRTL = _a.isRTL;
+    var t = (0, next_intl_1.useTranslations)("bank");
+    var _b = (0, context_1.useBankStateContext)(), accountNumber = _b.accountNumber, accountTitle = _b.accountTitle, bankAddress = _b.bankAddress, bankName = _b.bankName, enabled = _b.enabled, errors = _b.errors, handleInputChange = _b.handleInputChange, iban = _b.iban, isDefault = _b.isDefault, swiftCode = _b.swiftCode;
     // Helper function to translate validation error keys
     var getTranslatedError = function (key) {
         if (!errors[key])
@@ -41,22 +40,26 @@ 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: "bankName", type: "text", label: (translationMap === null || translationMap === void 0 ? void 0 : translationMap.formLabelBankName) || "Bank Name", value: bankName || "", onChange: function (e) { return handleInputChange("bankName", e.target.value); }, placeholder: t("placeholderBankName"), info: t("infoBankName"), error: getTranslatedError("bankName"), required: true })),
+                    react_1.default.createElement(input_1.Input, { id: "bankName", type: "text", label: t("formLabelBankName"), value: bankName || "", onChange: function (e) { return handleInputChange("bankName", e.target.value); }, placeholder: t("formPlaceholderBankName"), info: t("formInfoBankName"), error: getTranslatedError("bankName"), required: true })),
                 react_1.default.createElement("div", { className: "space-y-2" },
-                    react_1.default.createElement(input_1.Input, { id: "bankAddress", type: "text", label: (translationMap === null || translationMap === void 0 ? void 0 : translationMap.formLabelBankAddress) || "Bank Address", value: bankAddress || "", onChange: function (e) { return handleInputChange("bankAddress", e.target.value); }, placeholder: t("placeholderBankAddress"), info: t("infoBankAddress"), error: getTranslatedError("bankAddress"), required: true })),
+                    react_1.default.createElement(input_1.Input, { id: "accountTitle", type: "text", label: t("formLabelAccountTitle"), value: accountTitle || "", onChange: function (e) {
+                            return handleInputChange("accountTitle", e.target.value);
+                        }, placeholder: t("formPlaceholderAccountTitle"), info: t("formInfoAccountTitle"), error: getTranslatedError("accountTitle"), required: true })),
                 react_1.default.createElement("div", { className: "space-y-2" },
-                    react_1.default.createElement(input_1.Input, { id: "accountNumber", type: "text", label: (translationMap === null || translationMap === void 0 ? void 0 : translationMap.formLabelAccountNumber) || "Account Number", value: accountNumber || "", onChange: function (e) {
+                    react_1.default.createElement(input_1.Input, { id: "accountNumber", type: "text", label: t("formLabelAccountNumber"), value: accountNumber || "", onChange: function (e) {
                             return handleInputChange("accountNumber", e.target.value);
-                        }, placeholder: t("placeholderAccountNumber"), info: t("infoAccountNumber"), error: getTranslatedError("accountNumber"), required: true }))),
+                        }, placeholder: t("formPlaceholderAccountNumber"), info: t("formInfoAccountNumber"), error: getTranslatedError("accountNumber"), required: true }))),
+            react_1.default.createElement("div", { className: "space-y-2" },
+                react_1.default.createElement(input_1.Input, { id: "bankAddress", type: "text", label: t("formLabelBankAddress"), value: bankAddress || "", onChange: function (e) { return handleInputChange("bankAddress", e.target.value); }, placeholder: t("formPlaceholderBankAddress"), info: t("formInfoBankAddress"), error: getTranslatedError("bankAddress") })),
             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: "iban", type: "text", label: (translationMap === null || translationMap === void 0 ? void 0 : translationMap.formLabelIBAN) || "IBAN", value: iban || "", onChange: function (e) { return handleInputChange("iban", e.target.value); }, placeholder: t("placeholderIBAN"), info: t("infoIBAN"), error: getTranslatedError("iban") })),
+                    react_1.default.createElement(input_1.Input, { id: "iban", type: "text", label: t("formLabelIBAN"), value: iban || "", onChange: function (e) { return handleInputChange("iban", e.target.value); }, placeholder: t("formPlaceholderIBAN"), info: t("formInfoIBAN"), error: getTranslatedError("iban") })),
                 react_1.default.createElement("div", { className: "space-y-2" },
-                    react_1.default.createElement(input_1.Input, { id: "swiftCode", type: "text", label: (translationMap === null || translationMap === void 0 ? void 0 : translationMap.formLabelSwiftCode) || "SWIFT Code", value: swiftCode || "", onChange: function (e) { return handleInputChange("swiftCode", e.target.value); }, placeholder: t("placeholderSwiftCode"), info: t("infoSwiftCode"), error: getTranslatedError("swiftCode") }))),
+                    react_1.default.createElement(input_1.Input, { id: "swiftCode", type: "text", label: t("formLabelSwiftCode"), value: swiftCode || "", onChange: function (e) { return handleInputChange("swiftCode", e.target.value); }, placeholder: t("formPlaceholderSwiftCode"), info: t("formInfoSwiftCode"), error: getTranslatedError("swiftCode") }))),
             react_1.default.createElement("div", { className: "space-y-4" },
-                react_1.default.createElement(switch_1.Switch, { label: (translationMap === null || translationMap === void 0 ? void 0 : translationMap.enabled) || "Enabled", id: "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, { label: (translationMap === null || translationMap === void 0 ? void 0 : translationMap.setAsDefault) || "Set as Default", id: "isDefault", checked: isDefault || false, onCheckedChange: function (checked) {
+                react_1.default.createElement(switch_1.Switch, { label: t("formLabelEnabled"), id: "enabled", checked: enabled || false, onCheckedChange: function (checked) { return handleInputChange("enabled", checked); }, info: t("formInfoEnabled"), error: getTranslatedError("enabled") }),
+                react_1.default.createElement(switch_1.Switch, { label: t("formLabelDefault"), id: "isDefault", checked: isDefault || false, onCheckedChange: function (checked) {
                         return handleInputChange("isDefault", checked);
-                    }, info: isDefault ? ui("switch.infoEnabled") : ui("switch.infoDisabled"), error: getTranslatedError("isDefault") })))));
+                    }, info: t("formInfoDefault"), error: getTranslatedError("isDefault") })))));
 };
 exports.Form = Form;

package/global-modules/bank/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 { BankActions } from "./actions";
 import { PreferenceBE as PreferenceTypeBE } from "@react-pakistan/util-functions/api/stellar-solutions/type";
 /**

package/global-modules/bank/validate.js

@@ -4,8 +4,8 @@ exports.formValidation = void 0;
 var zod_1 = require("zod");
 // Validation error keys for i18n translation
 var VALIDATION_KEYS = {
-    accountNumberRequired: "validationBankAccountNumberRequired",
-    accountTitleRequired: "validationBankAccountTitleRequired",
+    accountNumberRequired: "validationAccountNumberRequired",
+    accountTitleRequired: "validationAccountTitleRequired",
     bankNameRequired: "validationBankNameRequired",
     preferenceIdRequired: "validationBankPreferenceIdRequired",
 };

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

@@ -1,2 +1,8 @@
 import { FC } from "react";
-export declare const Branch: FC;
+interface Props {
+    params: Promise<{
+        locale: "en" | "ur";
+    }>;
+}
+export declare const BranchPage: FC<Props>;
+export {};

package/global-modules/branch/branch.js

@@ -1,34 +1,23 @@
+"use client";
 "use strict";
 var __importDefault = (this && this.__importDefault) || function (mod) {
     return (mod && mod.__esModule) ? mod : { "default": mod };
 };
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.Branch = void 0;
+exports.BranchPage = void 0;
 var react_1 = __importDefault(require("react"));
 var next_intl_1 = require("next-intl");
 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 enhanced_table_1 = require("@appcorp/shadcn/components/enhanced-table");
+var sonner_1 = require("@appcorp/shadcn/components/sonner");
 var constants_1 = require("./constants");
 var context_1 = require("./context");
 var drawer_1 = require("./drawer");
-var Branch = function () {
+var BranchPage = function () {
     var _a = (0, context_1.useBranchStateContext)(), branches = _a.branches, 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)("branch");
     var isRTL = (0, use_rtl_1.useRTL)();
-    var translationMap = {
-        formLabelBranchName: t("formLabelBranchName"),
-        formLabelBranchAddress: t("formLabelBranchAddress"),
-        formLabelPersonName: t("formLabelPersonName"),
-        formLabelPersonPhone: t("formLabelPersonPhone"),
-        formLabelPersonEmail: t("formLabelPersonEmail"),
-        headingFormCreate: t("headingFormCreate"),
-        srCloseDrawer: t("srCloseDrawer"),
-        cancelBtn: t("cancelBtn"),
-        saveBtn: t("saveBtn"),
-    };
     var tableHeadItems = [
         {
             label: t("tableColumnHeaderId"),
@@ -73,11 +62,8 @@ var Branch = function () {
     ];
     var totalPages = (0, util_functions_1.calculatePages)(count, pageLimit);
     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: "branch-search", searchPlaceholder: t("tableHeaderSearchPlaceholder"), searchValue: searchQuery, tableBodyCols: constants_1.tableBodyCols, tableBodyRows: branches, tableDescription: t("tableDescription"), tableHeadItems: tableHeadItems, tableHeading: t("tableTitle"), totalPages: Number(totalPages) }),
-        react_1.default.createElement(drawer_1.BranchDrawer, { isRTL: isRTL, translationMap: translationMap }),
+        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: "branch-search", searchPlaceholder: t("tableSearchPlaceholder"), searchValue: searchQuery, tableBodyCols: constants_1.tableBodyCols, tableBodyRows: branches, tableDescription: t("tableDescription"), tableHeadItems: tableHeadItems, tableHeading: t("tableTitle"), totalPages: Number(totalPages) }),
+        react_1.default.createElement(drawer_1.BranchDrawer, { isRTL: isRTL }),
         react_1.default.createElement(sonner_1.Toaster, null)));
 };
-exports.Branch = Branch;
+exports.BranchPage = BranchPage;

package/global-modules/branch/constants.js

@@ -74,7 +74,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",
     },
     {