@appcorp/stellar-solutions-invoice-module 0.1.73 → 0.1.75

package/base-modules/quote/context.js

@@ -1,42 +1,8 @@
 /**
- * Invoice State Context
+ * Quote State Context - Using Generic Module Factory
  *
- * This module provides comprehensive state management for the Invoice feature including:
- * - CRUD operations (create, read, update, delete)
- * - Form validation and error handling
- * - Multi-section forms (company, customer, pricing, products, services)
- * - Complex calculations (subtotal, tax, discount, total)
- * - Dynamic product and service row management
- * - Search and filtering functionality
- * - Pagination controls
- * - Company and customer integration
- * - Currency and tax management
- * - Internationalization support
- * - Theme-aware toast notifications
- *
- * Organization:
- * - Types & Interfaces
- * - Main Hook (useInvoiceState)
- *   - State & Core Hooks
- *   - Theme Support
- *   - Toast Helpers
- *   - Debounced Values
- *   - Tax & Currency Defaults
- *   - API Parameters (memoized)
- *   - API Callbacks (with error handling)
- *   - Module Entity Hook
- *   - Effects (list refresh, defaults, calculations)
- *   - Drawer & Modal Handlers
- *   - CRUD Operation Handlers
- *   - Form Handlers (products, services, pricing)
- *   - Calculation Handlers
- *   - Pagination Handlers
- *   - Search Handlers
- *   - Table Actions (memoized)
- *   - Return State
- * - Context Setup
- * - Provider Component
- * - Custom Hook
+ * This module provides comprehensive state management for the Quote feature using
+ * the createGenericModule factory pattern.
  */
 "use client";
 "use strict";
@@ -51,39 +17,6 @@ var __assign = (this && this.__assign) || function () {
     };
     return __assign.apply(this, arguments);
 };
-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;
-    };
-})();
 var __awaiter = (this && this.__awaiter) || function (thisArg, _arguments, P, generator) {
     function adopt(value) { return value instanceof P ? value : new P(function (resolve) { resolve(value); }); }
     return new (P || (P = Promise))(function (resolve, reject) {
@@ -129,34 +62,161 @@ var __spreadArray = (this && this.__spreadArray) || function (to, from, pack) {
     }
     return to.concat(ar || Array.prototype.slice.call(from));
 };
+var _a;
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.useQuoteStateContext = exports.QuoteStateContextProvider = exports.QuoteStateContext = void 0;
-var react_1 = __importStar(require("react"));
+exports.useQuoteModule = exports.initialQuoteState = exports.QUOTE_ACTION_TYPES = exports.quoteModuleConfig = exports.useQuoteContext = exports.QuoteProvider = exports.quoteReducer = void 0;
+var react_1 = require("react");
+var date_fns_1 = require("date-fns");
 var next_themes_1 = require("next-themes");
 var next_intl_1 = require("next-intl");
 var util_functions_1 = require("@react-pakistan/util-functions");
+var generic_module_factory_1 = require("@react-pakistan/util-functions/factory/generic-module-factory");
+var generic_component_factory_1 = require("@react-pakistan/util-functions/factory/generic-component-factory");
 var toast_utils_1 = require("@appcorp/shadcn/lib/toast-utils");
-var actions_1 = require("./actions");
+// import { CompanyTypeBE } from "@appcorp/stellar-solutions-company-module/base-modules/company/types";
+// import { CustomerTypeBE } from "@appcorp/stellar-solutions-company-module/base-modules/customer/types";
+// import { ContactTypeBE } from "@appcorp/stellar-solutions-company-module/base-modules/contact/types";
+// import { ProductTypeBE } from "@appcorp/stellar-solutions-product-module/base-modules/product/types";
+// import { TaxTypeBE } from "@appcorp/stellar-solutions-modules/global-modules/preferences/types";
 var constants_1 = require("./constants");
-var reducer_1 = require("./reducer");
-var types_1 = require("./types");
+// import {
+//   DISCOUNT_UNIT,
+//   INVOICE_MODE,
+//   INVOICE_STATUS,
+//   Product,
+//   QUOTE_INVOICE_CATEGORY,
+//   QUOTE_STATUS,
+//   QuoteInvoiceTypeBE,
+//   QuoteInvoiceTypeFE,
+//   Service,
+// } from "../invoice/types";
+var cache_1 = require("./cache");
 var validate_1 = require("./validate");
 var calculate_subtotal_1 = require("./calculate-subtotal");
 var calculate_total_1 = require("./calculate-total");
 var context_1 = require("@appcorp/stellar-solutions-modules/global-modules/tax/context");
 var context_2 = require("@appcorp/stellar-solutions-modules/global-modules/preferences/context");
 // ============================================================================
-// MAIN HOOK
+// MODULE CONFIGURATION
+// ============================================================================
+var quoteConfig = {
+    name: "Quote",
+    displayName: "Quote",
+    initialState: {
+        // List Data
+        items: [],
+        count: 0,
+        // Search & Pagination
+        currentPage: 1,
+        pageLimit: constants_1.pageLimit,
+        searchQuery: "",
+        // UI State
+        disableSaveButton: false,
+        drawer: null,
+        quoteMode: null,
+        modal: null,
+        loading: true,
+        // Form Fields
+        afterDiscount: "0",
+        category: util_functions_1.QUOTE_INVOICE_CATEGORY.QUOTE,
+        companiesList: [],
+        companyId: "",
+        companyQuery: "",
+        contactsList: [],
+        countryQuery: "",
+        currency: "",
+        customerId: "",
+        date: new Date().toISOString(),
+        discount: "0",
+        discountUnit: util_functions_1.DISCOUNT_UNIT.FIXED_VALUE,
+        errors: {},
+        expiryDate: (0, date_fns_1.addDays)(new Date(), 7).toISOString(),
+        getProducts: [],
+        id: "",
+        invoiceStatus: util_functions_1.INVOICE_STATUS.UNPAID,
+        mode: "Create",
+        netTotal: "",
+        note: "",
+        payments: [],
+        products: [],
+        productQuery: "",
+        productsList: [
+            {
+                id: "",
+                mode: "Create",
+                price: "",
+                quantity: "1",
+                rowTotal: "",
+            },
+        ],
+        quoteStatus: util_functions_1.QUOTE_STATUS.DRAFT,
+        ref: "",
+        servicesList: [
+            {
+                description: "",
+                mode: "Create",
+                name: "",
+                price: "",
+                quantity: "1",
+                rowTotal: "",
+            },
+        ],
+        services: [],
+        subTotal: "",
+        tax: "",
+        taxQuery: "",
+        taxRate: "",
+        taxes: [],
+        total: "",
+        customer: {
+            address: "",
+            city: "",
+            country: "",
+            createdAt: "",
+            email: "",
+            firstName: "",
+            id: "",
+            lastName: "",
+            phone: "",
+            quotesInvoices: [],
+            updatedAt: "",
+        },
+        company: {
+            contacts: [],
+            country: "",
+            createdAt: "",
+            email: "",
+            id: "",
+            name: "",
+            phone: "",
+            quotesInvoices: [],
+            updatedAt: "",
+            website: "",
+        },
+    },
+    drawerTypes: __assign({}, generic_component_factory_1.DRAWER_TYPES),
+};
+// ============================================================================
+// CREATE QUOTE MODULE
+// ============================================================================
+exports.quoteReducer = (_a = (0, generic_module_factory_1.createGenericModule)(quoteConfig), _a.reducer), exports.QuoteProvider = _a.Provider, exports.useQuoteContext = _a.useContext, exports.quoteModuleConfig = _a.config, exports.QUOTE_ACTION_TYPES = _a.actionTypes, exports.initialQuoteState = _a.initialState;
+// ============================================================================
+// ENHANCED QUOTE HOOK WITH API INTEGRATION
 // ============================================================================
-var useQuoteState = function () {
+// interface StateProviderProps {
+//   children: ReactNode;
+// }
+var useQuoteModule = function () {
     var _a;
     // ---------------------------------------------------------------------------
-    // State & Core Hooks
+    // State via factory context
     // ---------------------------------------------------------------------------
-    var _b = (0, react_1.useReducer)(reducer_1.quoteReducer, reducer_1.initialQuoteState), state = _b[0], dispatch = _b[1];
+    var context = (0, exports.useQuoteContext)();
+    var state = context.state;
     var t = (0, next_intl_1.useTranslations)("quote");
     var theme = (0, next_themes_1.useTheme)().theme;
-    var taxes = (0, context_1.useTaxStateContext)().taxes;
+    var taxModule = (0, context_1.useTaxModule)();
+    var taxes = taxModule.state.items;
     var currencies = (0, context_2.usePreferenceStateContext)().currencies;
     // ---------------------------------------------------------------------------
     // Toast Helpers
@@ -199,10 +259,10 @@ var useQuoteState = function () {
         })[0];
     }, [currencies]);
     // ---------------------------------------------------------------------------
-    // API PARAMETERS
+    // API Parameters
     // ---------------------------------------------------------------------------
     var listParams = (0, react_1.useMemo)(function () { return ({
-        category: types_1.QUOTE_INVOICE_CATEGORY.QUOTE,
+        category: util_functions_1.QUOTE_INVOICE_CATEGORY.QUOTE,
         currentPage: state.currentPage,
         includeCompany: true,
         includeCustomer: true,
@@ -216,11 +276,10 @@ var useQuoteState = function () {
             companyId: state.companyId,
             currency: state.currency,
             customerId: state.customerId,
-            date: state.date,
-            discount: (_a = state === null || state === void 0 ? void 0 : state.discount) === null || _a === void 0 ? void 0 : _a.trim(),
+            date: new Date(state.date),
+            discount: Number((_a = state === null || state === void 0 ? void 0 : state.discount) === null || _a === void 0 ? void 0 : _a.trim()),
             discountUnit: state.discountUnit,
-            drawer: state.drawer,
-            expiryDate: state.expiryDate,
+            expiryDate: new Date(state.expiryDate),
             id: state.id,
             invoiceStatus: state.invoiceStatus,
             mode: state.mode,
@@ -235,9 +294,9 @@ var useQuoteState = function () {
                 var name = _a.name;
                 return name;
             }),
-            subTotal: state.subTotal,
-            taxRate: state.taxRate,
-            total: state.total,
+            subTotal: Number(state.subTotal),
+            taxRate: Number(state.taxRate),
+            total: Number(state.total),
             phone: (_b = state.customer) === null || _b === void 0 ? void 0 : _b.phone,
             firstName: (_c = state.customer) === null || _c === void 0 ? void 0 : _c.firstName,
             lastName: (_d = state.customer) === null || _d === void 0 ? void 0 : _d.lastName,
@@ -250,22 +309,19 @@ var useQuoteState = function () {
     var byIdParams = (0, react_1.useMemo)(function () { return ({ id: state.id }); }, [state.id]);
     var deleteParams = (0, react_1.useMemo)(function () { return ({ id: state.id }); }, [state.id]);
     // ---------------------------------------------------------------------------
-    // API CALLBACKS
+    // API Callbacks
     // ---------------------------------------------------------------------------
     var listCallback = (0, react_1.useCallback)(function (_a) {
+        var _b;
         var data = _a.data, error = _a.error;
         if (error) {
             showErrorToast(t("messagesNetworkError"));
             return;
         }
         if (data === null || data === void 0 ? void 0 : data.items) {
-            dispatch({
-                type: actions_1.QUOTE_ACTION_TYPES.SET_QUOTES,
-                payload: { quotes: data.items },
-            });
-            dispatch({
-                type: actions_1.QUOTE_ACTION_TYPES.SET_COUNT,
-                payload: { count: data === null || data === void 0 ? void 0 : data.count },
+            context.dispatch({
+                type: exports.QUOTE_ACTION_TYPES.SET_ITEMS,
+                payload: { items: data.items, count: (_b = data === null || data === void 0 ? void 0 : data.count) !== null && _b !== void 0 ? _b : 0 },
             });
         }
     }, [t, showErrorToast]);
@@ -276,14 +332,18 @@ var useQuoteState = function () {
             return;
         }
         if (data) {
+            (0, cache_1.invalidateQuotesCache)();
             showSuccessToast(state.mode === "Edit"
                 ? t("messagesQuoteUpdated")
                 : t("messagesQuoteCreated"));
-            dispatch({ type: actions_1.QUOTE_ACTION_TYPES.RESET_FORM });
-            dispatch({ type: actions_1.QUOTE_ACTION_TYPES.RESET_ERRORS });
+            context.dispatch({ type: exports.QUOTE_ACTION_TYPES.RESET_FORM });
+            context.dispatch({
+                type: exports.QUOTE_ACTION_TYPES.SET_ERRORS,
+                payload: { errors: {} },
+            });
             listFetchNow();
-            dispatch({
-                type: actions_1.QUOTE_ACTION_TYPES.SET_DRAWER,
+            context.dispatch({
+                type: exports.QUOTE_ACTION_TYPES.SET_DRAWER,
                 payload: { drawer: null },
             });
         }
@@ -291,7 +351,7 @@ var useQuoteState = function () {
     // eslint-disable-next-line react-hooks/exhaustive-deps
     [t, state.mode, showErrorToast, showSuccessToast]);
     var byIdCallback = (0, react_1.useCallback)(function (_a) {
-        var _b, _c, _d, _e, _f;
+        var _b, _c, _d;
         var data = _a.data, error = _a.error;
         if (error) {
             showErrorToast(t("messagesQuoteFetchError"));
@@ -306,39 +366,53 @@ var useQuoteState = function () {
                 var _a, _b;
                 return (__assign(__assign({}, item), { price: (_a = item === null || item === void 0 ? void 0 : item.product) === null || _a === void 0 ? void 0 : _a.salePrice, id: item === null || item === void 0 ? void 0 : item.productId, quantity: item === null || item === void 0 ? void 0 : item.quantity, rowTotal: parseFloat((_b = item === null || item === void 0 ? void 0 : item.product) === null || _b === void 0 ? void 0 : _b.salePrice) * parseInt(item.quantity) }));
             });
-            var updatedData = __assign(__assign(__assign(__assign({}, data), { mode: "Edit", companyId: (data === null || data === void 0 ? void 0 : data.companyId) || "", customerId: (data === null || data === void 0 ? void 0 : data.customerId) || "" }), (((_b = data === null || data === void 0 ? void 0 : data.customer) === null || _b === void 0 ? void 0 : _b.id) && {
+            // Normalize currency: API may return currency id or code. Store id in state.
+            var normalizedCurrency_1 = data.currency;
+            if (normalizedCurrency_1) {
+                var foundById = currencies.find(function (_a) {
+                    var id = _a.id;
+                    return id === normalizedCurrency_1;
+                });
+                if (!foundById) {
+                    var foundByCode = currencies.find(function (_a) {
+                        var code = _a.code;
+                        return code === normalizedCurrency_1;
+                    });
+                    if (foundByCode)
+                        normalizedCurrency_1 = foundByCode.id;
+                }
+            }
+            var updatedData = __assign(__assign(__assign(__assign(__assign({}, data), (normalizedCurrency_1 && { currency: normalizedCurrency_1 })), { mode: "Edit", companyId: (data === null || data === void 0 ? void 0 : data.companyId) || "", customerId: (data === null || data === void 0 ? void 0 : data.customerId) || "" }), (((_b = data === null || data === void 0 ? void 0 : data.customer) === null || _b === void 0 ? void 0 : _b.id) && {
                 customer: __assign({}, data.customer),
             })), { servicesList: __spreadArray([], updatedServices, true).filter(function (item) { return item.name; }), productsList: __spreadArray([], updatedProducts, true).filter(function (item) { return item.id; }), companiesList: [__assign({}, data.company)] });
+            context.dispatch({
+                type: exports.QUOTE_ACTION_TYPES.SET_FORM_DATA,
+                payload: { form: updatedData },
+            });
             if ((_c = updatedData === null || updatedData === void 0 ? void 0 : updatedData.company) === null || _c === void 0 ? void 0 : _c.name) {
-                dispatch({
-                    type: actions_1.QUOTE_ACTION_TYPES.SET_DRAWER,
-                    payload: { drawer: types_1.QUOTE_DRAWER.QUOTE_COMPANY_FORM_DRAWER },
+                context.dispatch({
+                    type: exports.QUOTE_ACTION_TYPES.SET_DRAWER,
+                    payload: { drawer: generic_component_factory_1.DRAWER_TYPES.FORM_DRAWER },
                 });
-            }
-            if ((_d = updatedData === null || updatedData === void 0 ? void 0 : updatedData.customer) === null || _d === void 0 ? void 0 : _d.firstName) {
-                dispatch({
-                    type: actions_1.QUOTE_ACTION_TYPES.SET_DRAWER,
-                    payload: { drawer: types_1.QUOTE_DRAWER.QUOTE_CUSTOMER_FORM_DRAWER },
+                context.dispatch({
+                    type: exports.QUOTE_ACTION_TYPES.SET_INPUT_FIELD,
+                    payload: { key: "quoteMode", value: "INVOICE_MODE.COMPANY" },
                 });
             }
-            dispatch({
-                type: actions_1.QUOTE_ACTION_TYPES.SET_FORM,
-                payload: { form: updatedData },
-            });
-            if ((_e = updatedData === null || updatedData === void 0 ? void 0 : updatedData.company) === null || _e === void 0 ? void 0 : _e.name) {
-                dispatch({
-                    type: actions_1.QUOTE_ACTION_TYPES.SET_DRAWER,
-                    payload: { drawer: types_1.QUOTE_DRAWER.QUOTE_COMPANY_FORM_DRAWER },
+            if ((_d = updatedData === null || updatedData === void 0 ? void 0 : updatedData.customer) === null || _d === void 0 ? void 0 : _d.firstName) {
+                context.dispatch({
+                    type: exports.QUOTE_ACTION_TYPES.SET_DRAWER,
+                    payload: { drawer: generic_component_factory_1.DRAWER_TYPES.FORM_DRAWER },
                 });
-            }
-            if ((_f = updatedData === null || updatedData === void 0 ? void 0 : updatedData.customer) === null || _f === void 0 ? void 0 : _f.firstName) {
-                dispatch({
-                    type: actions_1.QUOTE_ACTION_TYPES.SET_DRAWER,
-                    payload: { drawer: types_1.QUOTE_DRAWER.QUOTE_CUSTOMER_FORM_DRAWER },
+                context.dispatch({
+                    type: exports.QUOTE_ACTION_TYPES.SET_INPUT_FIELD,
+                    payload: { key: "quoteMode", value: "INVOICE_MODE.CUSTOMER" },
                 });
             }
         }
-    }, [t, showErrorToast]);
+    }, 
+    // eslint-disable-next-line react-hooks/exhaustive-deps
+    [t, showErrorToast, currencies]);
     var deleteCallback = (0, react_1.useCallback)(function (_a) {
         var data = _a.data, error = _a.error;
         if (error) {
@@ -346,8 +420,9 @@ var useQuoteState = function () {
             return;
         }
         if (data) {
+            (0, cache_1.invalidateQuotesCache)();
             showSuccessToast(t("messagesQuoteDeleted"));
-            dispatch({ type: actions_1.QUOTE_ACTION_TYPES.RESET_FORM });
+            context.dispatch({ type: exports.QUOTE_ACTION_TYPES.RESET_FORM });
             listFetchNow();
         }
     }, 
@@ -356,7 +431,7 @@ var useQuoteState = function () {
     // ---------------------------------------------------------------------------
     // Module Entity Hook
     // ---------------------------------------------------------------------------
-    var _c = (0, util_functions_1.useModuleEntity)({
+    var _b = (0, util_functions_1.useModuleEntityV2)({
         byIdCallback: byIdCallback,
         byIdParams: byIdParams,
         deleteCallback: deleteCallback,
@@ -368,13 +443,37 @@ var useQuoteState = function () {
         unitByIdUrl: constants_1.QUOTE_API_ROUTES.QUOTE_BY_ID,
         unitUrl: constants_1.QUOTE_API_ROUTES.QUOTE,
         updateCallback: updateCallback,
-        updateDeps: [state],
-        listDeps: [debouncedQuery, state.currentPage, state.pageLimit],
         updateParams: __assign(__assign({}, updateParams), { mode: "Create" }),
-    }), 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
     // ---------------------------------------------------------------------------
+    (0, react_1.useEffect)(function () {
+        (function () { return __awaiter(void 0, void 0, void 0, function () {
+            var _a, count, items, _b;
+            return __generator(this, function (_c) {
+                switch (_c.label) {
+                    case 0:
+                        _c.trys.push([0, 2, , 3]);
+                        return [4 /*yield*/, (0, cache_1.getCachedQuotes)({
+                                params: listParams,
+                            })];
+                    case 1:
+                        _a = _c.sent(), count = _a.count, items = _a.items;
+                        context.dispatch({
+                            type: exports.QUOTE_ACTION_TYPES.SET_ITEMS,
+                            payload: { items: items || [], count: count || 0 },
+                        });
+                        return [3 /*break*/, 3];
+                    case 2:
+                        _b = _c.sent();
+                        showErrorToast(t("messagesNetworkError"));
+                        return [3 /*break*/, 3];
+                    case 3: return [2 /*return*/];
+                }
+            });
+        }); })();
+    }, [listParams]); // eslint-disable-line react-hooks/exhaustive-deps
     (0, react_1.useEffect)(function () {
         listFetchNow();
         // eslint-disable-next-line
@@ -396,19 +495,18 @@ var useQuoteState = function () {
                     case 1:
                         data = (_a.sent()).data;
                         if (data === null || data === void 0 ? void 0 : data.items) {
-                            dispatch({
-                                type: actions_1.QUOTE_ACTION_TYPES.SET_PRODUCTS_LIST,
-                                payload: { list: data.items },
+                            context.dispatch({
+                                type: exports.QUOTE_ACTION_TYPES.SET_INPUT_FIELD,
+                                payload: { key: "getProducts", value: data.items },
                             });
                         }
                         return [2 /*return*/];
                 }
             });
         }); })();
-    }, [debouncedProductList]);
+    }, [debouncedProductList]); // eslint-disable-line react-hooks/exhaustive-deps
     (0, react_1.useEffect)(function () {
-        if (state.drawer === types_1.QUOTE_DRAWER.QUOTE_CUSTOMER_FORM_DRAWER &&
-            debouncedCustomer) {
+        if (state.quoteMode === "INVOICE_MODE.CUSTOMER" && debouncedCustomer) {
             (function () { return __awaiter(void 0, void 0, void 0, function () {
                 var data;
                 return __generator(this, function (_a) {
@@ -423,9 +521,16 @@ var useQuoteState = function () {
                         case 1:
                             data = (_a.sent()).data;
                             if (data) {
-                                dispatch({
-                                    type: actions_1.QUOTE_ACTION_TYPES.SET_CUSTOMER,
-                                    payload: { customer: __assign({}, data), customerId: data.id },
+                                context.dispatch({
+                                    type: exports.QUOTE_ACTION_TYPES.SET_INPUT_FIELD,
+                                    payload: {
+                                        key: "customer",
+                                        value: __assign(__assign({}, state.customer), data),
+                                    },
+                                });
+                                context.dispatch({
+                                    type: exports.QUOTE_ACTION_TYPES.SET_INPUT_FIELD,
+                                    payload: { key: "customerId", value: data.id },
                                 });
                             }
                             return [2 /*return*/];
@@ -433,10 +538,9 @@ var useQuoteState = function () {
                 });
             }); })();
         }
-    }, [debouncedCustomer, state.drawer]);
+    }, [debouncedCustomer, state.drawer]); // eslint-disable-line react-hooks/exhaustive-deps
     (0, react_1.useEffect)(function () {
-        if (state.drawer === types_1.QUOTE_DRAWER.QUOTE_COMPANY_FORM_DRAWER &&
-            debouncedCompanyList) {
+        if (state.quoteMode === "INVOICE_MODE.COMPANY" && debouncedCompanyList) {
             (function () { return __awaiter(void 0, void 0, void 0, function () {
                 var data;
                 return __generator(this, function (_a) {
@@ -453,9 +557,9 @@ var useQuoteState = function () {
                         case 1:
                             data = (_a.sent()).data;
                             if (data === null || data === void 0 ? void 0 : data.items) {
-                                dispatch({
-                                    type: actions_1.QUOTE_ACTION_TYPES.SET_COMPANIES_LIST,
-                                    payload: { companiesList: data.items },
+                                context.dispatch({
+                                    type: exports.QUOTE_ACTION_TYPES.SET_INPUT_FIELD,
+                                    payload: { key: "companiesList", value: data.items },
                                 });
                             }
                             return [2 /*return*/];
@@ -463,7 +567,7 @@ var useQuoteState = function () {
                 });
             }); })();
         }
-    }, [debouncedCompanyList, state.drawer]);
+    }, [debouncedCompanyList, state.drawer]); // eslint-disable-line react-hooks/exhaustive-deps
     (0, react_1.useEffect)(function () {
         (function () { return __awaiter(void 0, void 0, void 0, function () {
             var data;
@@ -483,9 +587,9 @@ var useQuoteState = function () {
                     case 1:
                         data = (_a.sent()).data;
                         if (data.items) {
-                            dispatch({
-                                type: actions_1.QUOTE_ACTION_TYPES.SET_TAXES,
-                                payload: { taxes: data.items },
+                            context.dispatch({
+                                type: exports.QUOTE_ACTION_TYPES.SET_INPUT_FIELD,
+                                payload: { key: "taxes", value: data.items },
                             });
                         }
                         _a.label = 2;
@@ -493,25 +597,22 @@ var useQuoteState = function () {
                 }
             });
         }); })();
-    }, [debouncedTaxList]);
+    }, [debouncedTaxList]); // eslint-disable-line react-hooks/exhaustive-deps
     (0, react_1.useEffect)(function () {
         var _a = (0, calculate_total_1.calculateTotal)(state.subTotal, state.taxRate, state.discountUnit, state.discount || "0"), afterDiscount = _a.afterDiscount, tax = _a.tax, total = _a.total;
-        dispatch({
-            type: actions_1.QUOTE_ACTION_TYPES.SET_INPUT_FIELD,
-            payload: {
-                key: "total",
-                value: total,
-            },
+        context.dispatch({
+            type: exports.QUOTE_ACTION_TYPES.SET_INPUT_FIELD,
+            payload: { key: "total", value: total },
         });
-        dispatch({
-            type: actions_1.QUOTE_ACTION_TYPES.SET_TAX,
-            payload: { tax: tax },
+        context.dispatch({
+            type: exports.QUOTE_ACTION_TYPES.SET_INPUT_FIELD,
+            payload: { key: "tax", value: tax },
         });
-        dispatch({
-            type: actions_1.QUOTE_ACTION_TYPES.SET_AFTER_DISCOUNT,
-            payload: { afterDiscount: String(afterDiscount) },
+        context.dispatch({
+            type: exports.QUOTE_ACTION_TYPES.SET_INPUT_FIELD,
+            payload: { key: "afterDiscount", value: String(afterDiscount) },
         });
-    }, [state.discountUnit, state.discount, state.subTotal, state.taxRate]);
+    }, [state.discountUnit, state.discount, state.subTotal, state.taxRate]); // eslint-disable-line react-hooks/exhaustive-deps
     // ---------------------------------------------------------------------------
     // Item Management Handlers
     // ---------------------------------------------------------------------------
@@ -524,11 +625,11 @@ var useQuoteState = function () {
             price: "",
             rowTotal: "",
         };
-        dispatch({
-            type: actions_1.QUOTE_ACTION_TYPES.ADD_ITEM_SERVICE,
-            payload: { servicesList: __spreadArray(__spreadArray([], state.servicesList, true), [newItem], false) },
+        context.dispatch({
+            type: exports.QUOTE_ACTION_TYPES.SET_INPUT_FIELD,
+            payload: { key: "servicesList", value: __spreadArray(__spreadArray([], state.servicesList, true), [newItem], false) },
         });
-    }, [state.servicesList]);
+    }, [context, state.servicesList]);
     var handleAddItemProduct = (0, react_1.useCallback)(function () {
         var newItem = {
             id: "",
@@ -537,17 +638,17 @@ var useQuoteState = function () {
             quantity: "1",
             rowTotal: "",
         };
-        dispatch({
-            type: actions_1.QUOTE_ACTION_TYPES.ADD_ITEM_PRODUCT,
-            payload: { productsList: __spreadArray(__spreadArray([], state.productsList, true), [newItem], false) },
+        context.dispatch({
+            type: exports.QUOTE_ACTION_TYPES.SET_INPUT_FIELD,
+            payload: { key: "productsList", value: __spreadArray(__spreadArray([], state.productsList, true), [newItem], false) },
         });
-    }, [state.productsList]);
+    }, [context, state.productsList]);
     // ---------------------------------------------------------------------------
     // Drawer & Modal Handlers
     // ---------------------------------------------------------------------------
     var handleCreate = (0, react_1.useCallback)(function (text) {
-        dispatch({
-            type: actions_1.QUOTE_ACTION_TYPES.SET_INPUT_FIELD,
+        context.dispatch({
+            type: exports.QUOTE_ACTION_TYPES.SET_INPUT_FIELD,
             payload: {
                 key: "ref",
                 value: (0, util_functions_1.generateRef)({
@@ -555,26 +656,28 @@ var useQuoteState = function () {
                 }),
             },
         });
-        if (text === "company") {
-            dispatch({
-                type: actions_1.QUOTE_ACTION_TYPES.SET_DRAWER,
-                payload: { drawer: types_1.QUOTE_DRAWER.QUOTE_COMPANY_FORM_DRAWER },
-            });
-        }
-        if (text === "customer") {
-            dispatch({
-                type: actions_1.QUOTE_ACTION_TYPES.SET_DRAWER,
-                payload: { drawer: types_1.QUOTE_DRAWER.QUOTE_CUSTOMER_FORM_DRAWER },
-            });
-        }
-    }, []);
+        context.dispatch({
+            type: exports.QUOTE_ACTION_TYPES.SET_DRAWER,
+            payload: { drawer: generic_component_factory_1.DRAWER_TYPES.FORM_DRAWER },
+        });
+        context.dispatch({
+            type: exports.QUOTE_ACTION_TYPES.SET_INPUT_FIELD,
+            payload: {
+                key: "quoteMode",
+                value: text === "company"
+                    ? "INVOICE_MODE.COMPANY"
+                    : "INVOICE_MODE.CUSTOMER",
+            },
+        });
+    }, [context]);
     // ---------------------------------------------------------------------------
     // CRUD Operation Handlers
     // ---------------------------------------------------------------------------
-    var handleEdit = (0, react_1.useCallback)(function (id) {
-        byIdFetchNow(undefined, {
+    var handleEdit = (0, react_1.useCallback)(function (row) {
+        var record = row;
+        byIdFetchNow === null || byIdFetchNow === void 0 ? void 0 : byIdFetchNow(undefined, {
+            params: { id: record === null || record === void 0 ? void 0 : record.id },
             body: JSON.stringify({
-                id: id,
                 includeCompany: true,
                 includeCustomer: true,
                 includePayments: true,
@@ -584,43 +687,58 @@ var useQuoteState = function () {
         });
         // eslint-disable-next-line react-hooks/exhaustive-deps
     }, []);
-    var handleDelete = (0, react_1.useCallback)(function (id) {
-        deleteFetchNow === null || deleteFetchNow === void 0 ? void 0 : deleteFetchNow(undefined, {
-            body: JSON.stringify({ id: id }),
+    var handleView = (0, react_1.useCallback)(function (row) {
+        var record = row;
+        byIdFetchNow === null || byIdFetchNow === void 0 ? void 0 : byIdFetchNow(undefined, {
+            params: { id: record === null || record === void 0 ? void 0 : record.id },
+            body: JSON.stringify({
+                includeCompany: true,
+                includeCustomer: true,
+                includePayments: true,
+                includeProducts: true,
+                includeServices: true,
+            }),
         });
         // eslint-disable-next-line react-hooks/exhaustive-deps
     }, []);
+    var handleDelete = (0, react_1.useCallback)(function (row) {
+        var record = row;
+        deleteFetchNow === null || deleteFetchNow === void 0 ? void 0 : deleteFetchNow(undefined, { params: { id: record === null || record === void 0 ? void 0 : record.id } });
+        // eslint-disable-next-line react-hooks/exhaustive-deps
+    }, []);
     // ---------------------------------------------------------------------------
     // Form Submission Handler
     // ---------------------------------------------------------------------------
     var handleSubmit = (0, react_1.useCallback)(function () {
         if (!state.servicesList[0].name && !state.productsList[0].id) {
-            dispatch({
-                type: actions_1.QUOTE_ACTION_TYPES.SET_DISABLE_SAVE_BUTTON,
+            context.dispatch({
+                type: exports.QUOTE_ACTION_TYPES.SET_DISABLE_SAVE_BUTTON,
                 payload: { disableSaveButton: true },
             });
             return;
         }
-        dispatch({
-            type: actions_1.QUOTE_ACTION_TYPES.SET_DISABLE_SAVE_BUTTON,
+        context.dispatch({
+            type: exports.QUOTE_ACTION_TYPES.SET_DISABLE_SAVE_BUTTON,
             payload: { disableSaveButton: true },
         });
         (0, util_functions_1.validateForm)({
-            params: __assign(__assign({}, updateParams), { currency: updateParams.currency || defaultCurrency.code, taxRate: updateParams.taxRate || defaultTax.taxRate }),
+            params: __assign(__assign({}, updateParams), { quoteMode: state.quoteMode, currency: updateParams.currency || defaultCurrency.id, taxRate: updateParams.taxRate || defaultTax.taxRate }),
             schema: validate_1.formValid,
             successCallback: function () {
                 updateFetchNow(undefined, {
-                    body: JSON.stringify(__assign(__assign({}, updateParams), { products: state.productsList.filter(function (item) { return item.id; }), services: state.servicesList.filter(function (item) { return item.name; }), currency: updateParams.currency || defaultCurrency.code, taxRate: updateParams.taxRate || defaultTax.taxRate })),
+                    body: JSON.stringify(__assign(__assign({}, updateParams), { products: state.productsList.filter(function (item) { return item.id; }), services: state.servicesList.filter(function (item) { return item.name; }), currency: updateParams.currency || defaultCurrency.id, taxRate: updateParams.taxRate || defaultTax.taxRate })),
                 });
             },
             errorCallback: function (e) {
-                dispatch({
-                    type: actions_1.QUOTE_ACTION_TYPES.SET_ERRORS,
+                context.dispatch({
+                    type: exports.QUOTE_ACTION_TYPES.SET_ERRORS,
                     payload: { errors: e },
                 });
             },
         });
+        // eslint-disable-next-line react-hooks/exhaustive-deps
     }, [
+        context,
         updateFetchNow,
         updateParams,
         defaultCurrency,
@@ -633,44 +751,44 @@ var useQuoteState = function () {
     // ---------------------------------------------------------------------------
     var handleChange = (0, react_1.useCallback)(function (key, value) {
         if (key === "companyQuery") {
-            dispatch({
-                type: actions_1.QUOTE_ACTION_TYPES.SET_INPUT_FIELD,
+            context.dispatch({
+                type: exports.QUOTE_ACTION_TYPES.SET_INPUT_FIELD,
                 payload: { key: key, value: value },
             });
             return;
         }
         if (key === "taxRate") {
-            dispatch({
-                type: actions_1.QUOTE_ACTION_TYPES.SET_INPUT_FIELD,
+            context.dispatch({
+                type: exports.QUOTE_ACTION_TYPES.SET_INPUT_FIELD,
                 payload: { key: key, value: Number(value) },
             });
             return;
         }
         if (key === "discountUnit") {
-            dispatch({
-                type: actions_1.QUOTE_ACTION_TYPES.SET_INPUT_FIELD,
+            context.dispatch({
+                type: exports.QUOTE_ACTION_TYPES.SET_INPUT_FIELD,
                 payload: { key: key, value: value },
             });
             return;
         }
-        // Dispatch the input field change
-        dispatch({
-            type: actions_1.QUOTE_ACTION_TYPES.SET_INPUT_FIELD,
+        context.dispatch({
+            type: exports.QUOTE_ACTION_TYPES.SET_INPUT_FIELD,
             payload: { key: key, value: value },
         });
-        dispatch({
-            type: actions_1.QUOTE_ACTION_TYPES.SET_DISABLE_SAVE_BUTTON,
+        context.dispatch({
+            type: exports.QUOTE_ACTION_TYPES.SET_DISABLE_SAVE_BUTTON,
             payload: { disableSaveButton: false },
         });
-        dispatch({
-            type: actions_1.QUOTE_ACTION_TYPES.RESET_ERRORS,
+        context.dispatch({
+            type: exports.QUOTE_ACTION_TYPES.SET_ERRORS,
+            payload: { errors: {} },
         });
-    }, []);
+    }, [context]);
     var handleItemChangeServices = (0, react_1.useCallback)(function (_a) {
         var _b;
         var index = _a.index, key = _a.key, value = _a.value;
-        dispatch({
-            type: actions_1.QUOTE_ACTION_TYPES.SET_DISABLE_SAVE_BUTTON,
+        context.dispatch({
+            type: exports.QUOTE_ACTION_TYPES.SET_DISABLE_SAVE_BUTTON,
             payload: { disableSaveButton: false },
         });
         var updatedItems = __spreadArray([], state.servicesList, true);
@@ -681,21 +799,21 @@ var useQuoteState = function () {
         updatedItems[index].rowTotal = rowTotal;
         var allProducts = state.productsList;
         var subtotal = (0, calculate_subtotal_1.calculateSubtotal)(updatedItems, allProducts);
-        dispatch({
-            type: actions_1.QUOTE_ACTION_TYPES.SET_INPUT_FIELD,
+        context.dispatch({
+            type: exports.QUOTE_ACTION_TYPES.SET_INPUT_FIELD,
             payload: { key: "subTotal", value: subtotal },
         });
-        dispatch({
-            type: actions_1.QUOTE_ACTION_TYPES.SET_INPUT_FIELD,
+        context.dispatch({
+            type: exports.QUOTE_ACTION_TYPES.SET_INPUT_FIELD,
             payload: { key: "servicesList", value: updatedItems },
         });
-    }, [state.productsList, state.servicesList]);
+    }, [context, state.productsList, state.servicesList]);
     var handleItemChangeProducts = (0, react_1.useCallback)(function (_a) {
         var _b, _c, _d;
         var _e;
         var index = _a.index, key = _a.key, value = _a.value;
-        dispatch({
-            type: actions_1.QUOTE_ACTION_TYPES.SET_DISABLE_SAVE_BUTTON,
+        context.dispatch({
+            type: exports.QUOTE_ACTION_TYPES.SET_DISABLE_SAVE_BUTTON,
             payload: { disableSaveButton: false },
         });
         var updatedItems = __spreadArray([], state.productsList, true);
@@ -703,12 +821,13 @@ var useQuoteState = function () {
             var matchingProduct = (_e = state.getProducts) === null || _e === void 0 ? void 0 : _e.find(function (product) { return product.id === value; });
             if (matchingProduct) {
                 var quantity = parseFloat(String(updatedItems[index].quantity)) || 0;
-                var rowTotal = (quantity * parseFloat(matchingProduct.salePrice)).toFixed(2);
-                updatedItems[index] = __assign(__assign({}, updatedItems[index]), (_b = {}, _b[key] = value, _b.price = matchingProduct.salePrice, _b.mode = updatedItems[index].mode === "Create" ? "Create" : "Edit", _b.rowTotal = rowTotal, _b));
+                var rowTotal = (quantity *
+                    parseFloat(String(matchingProduct.price))).toFixed(2);
+                updatedItems[index] = __assign(__assign({}, updatedItems[index]), (_b = {}, _b[key] = value, _b.price = String(matchingProduct.price), _b.mode = updatedItems[index].mode === "Create" ? "Create" : "Edit", _b.rowTotal = rowTotal, _b));
                 var allServices = state.servicesList;
                 var subtotal = (0, calculate_subtotal_1.calculateSubtotal)(allServices, updatedItems);
-                dispatch({
-                    type: actions_1.QUOTE_ACTION_TYPES.SET_INPUT_FIELD,
+                context.dispatch({
+                    type: exports.QUOTE_ACTION_TYPES.SET_INPUT_FIELD,
                     payload: { key: "subTotal", value: subtotal },
                 });
             }
@@ -724,98 +843,106 @@ var useQuoteState = function () {
             updatedItems[index] = __assign(__assign({}, updatedItems[index]), { rowTotal: rowTotal });
             var allServices = state.servicesList;
             var subtotal = (0, calculate_subtotal_1.calculateSubtotal)(allServices, updatedItems);
-            dispatch({
-                type: actions_1.QUOTE_ACTION_TYPES.SET_INPUT_FIELD,
+            context.dispatch({
+                type: exports.QUOTE_ACTION_TYPES.SET_INPUT_FIELD,
                 payload: { key: "subTotal", value: subtotal },
             });
         }
-        dispatch({
-            type: actions_1.QUOTE_ACTION_TYPES.SET_INPUT_FIELD,
+        context.dispatch({
+            type: exports.QUOTE_ACTION_TYPES.SET_INPUT_FIELD,
             payload: { key: "productsList", value: updatedItems },
         });
-    }, [state.servicesList, state.productsList, state.getProducts]);
+    }, [context, state.servicesList, state.productsList, state.getProducts]);
     // ---------------------------------------------------------------------------
-    // PAGINATION HANDLERS
+    // Pagination Handlers
     // ---------------------------------------------------------------------------
     var handleNextClick = (0, react_1.useCallback)(function () {
-        dispatch({
-            type: actions_1.QUOTE_ACTION_TYPES.SET_CURRENT_PAGE,
+        context.dispatch({
+            type: exports.QUOTE_ACTION_TYPES.SET_CURRENT_PAGE,
             payload: { currentPage: state.currentPage + 1 },
         });
-    }, [state.currentPage]);
+    }, [context, state.currentPage]);
     var handlePreviousClick = (0, react_1.useCallback)(function () {
-        dispatch({
-            type: actions_1.QUOTE_ACTION_TYPES.SET_CURRENT_PAGE,
+        context.dispatch({
+            type: exports.QUOTE_ACTION_TYPES.SET_CURRENT_PAGE,
             payload: { currentPage: state.currentPage - 1 },
         });
-    }, [state.currentPage]);
+    }, [context, state.currentPage]);
     var handlePageLimit = (0, react_1.useCallback)(function (k, value) {
         var val = __assign({}, value);
-        dispatch({
-            type: actions_1.QUOTE_ACTION_TYPES.SET_PAGE_LIMIT,
+        context.dispatch({
+            type: exports.QUOTE_ACTION_TYPES.SET_PAGE_LIMIT,
             payload: { pageLimit: Number(val.option) },
         });
-        // Reset to page 1 when page limit changes
-        dispatch({
-            type: actions_1.QUOTE_ACTION_TYPES.SET_CURRENT_PAGE,
+        context.dispatch({
+            type: exports.QUOTE_ACTION_TYPES.SET_CURRENT_PAGE,
             payload: { currentPage: 1 },
         });
-    }, []);
+    }, [context]);
     var searchOnChange = (0, react_1.useCallback)(function (k, v) {
-        dispatch({
-            type: actions_1.QUOTE_ACTION_TYPES.SET_SEARCH_QUERY,
+        context.dispatch({
+            type: exports.QUOTE_ACTION_TYPES.SET_SEARCH_QUERY,
             payload: { searchQuery: v },
         });
-    }, []);
+    }, [context]);
     var clearSearch = (0, react_1.useCallback)(function () {
-        dispatch({
-            type: actions_1.QUOTE_ACTION_TYPES.SET_SEARCH_QUERY,
+        context.dispatch({
+            type: exports.QUOTE_ACTION_TYPES.SET_SEARCH_QUERY,
             payload: { searchQuery: "" },
         });
-    }, []);
+    }, [context]);
     // ---------------------------------------------------------------------------
-    // SEARCH HANDLERS
+    // Search Handlers
     // ---------------------------------------------------------------------------
     var handleTaxSearch = (0, react_1.useCallback)(function (searchQuery) {
-        dispatch({
-            type: actions_1.QUOTE_ACTION_TYPES.SET_INPUT_FIELD,
+        context.dispatch({
+            type: exports.QUOTE_ACTION_TYPES.SET_INPUT_FIELD,
             payload: { key: "taxQuery", value: searchQuery },
         });
-    }, []);
+    }, [context]);
     // ---------------------------------------------------------------------------
-    // DRAWER & MODAL HANDLERS
+    // Drawer & Modal Handlers
     // ---------------------------------------------------------------------------
     var closeDrawer = (0, react_1.useCallback)(function () {
-        dispatch({
-            type: actions_1.QUOTE_ACTION_TYPES.SET_DRAWER,
+        context.dispatch({
+            type: exports.QUOTE_ACTION_TYPES.SET_DRAWER,
             payload: { drawer: null },
         });
-        dispatch({ type: actions_1.QUOTE_ACTION_TYPES.RESET_FORM });
-        dispatch({ type: actions_1.QUOTE_ACTION_TYPES.RESET_ERRORS });
-    }, []);
+        context.dispatch({
+            type: exports.QUOTE_ACTION_TYPES.SET_INPUT_FIELD,
+            payload: { key: "quoteMode", value: null },
+        });
+        context.dispatch({ type: exports.QUOTE_ACTION_TYPES.RESET_FORM });
+        context.dispatch({
+            type: exports.QUOTE_ACTION_TYPES.SET_ERRORS,
+            payload: { errors: {} },
+        });
+    }, [context]);
     // ---------------------------------------------------------------------------
-    // FORM HANDLERS
+    // Form Row Handlers
     // ---------------------------------------------------------------------------
     var handleDeleteServiceRow = (0, react_1.useCallback)(function (i) {
         if (state.servicesList.length > 1) {
-            var res = state.servicesList.splice(i, 1);
-            dispatch({
-                type: actions_1.QUOTE_ACTION_TYPES.DELETE_ITEM_SERVICE,
-                payload: { servicesList: __spreadArray([], res, true) },
+            var updatedList = __spreadArray([], state.servicesList, true);
+            updatedList.splice(i, 1);
+            context.dispatch({
+                type: exports.QUOTE_ACTION_TYPES.SET_INPUT_FIELD,
+                payload: { key: "servicesList", value: updatedList },
             });
         }
-    }, [state.servicesList]);
+    }, [context, state.servicesList]);
     var handleDeleteProductRow = (0, react_1.useCallback)(function (i) {
         if (state.productsList.length > 1) {
-            var res = state.productsList.splice(i, 1);
-            dispatch({
-                type: actions_1.QUOTE_ACTION_TYPES.DELETE_ITEM_PRODUCT,
-                payload: { productsList: __spreadArray([], res, true) },
+            var updatedList = __spreadArray([], state.productsList, true);
+            updatedList.splice(i, 1);
+            context.dispatch({
+                type: exports.QUOTE_ACTION_TYPES.SET_INPUT_FIELD,
+                payload: { key: "productsList", value: updatedList },
             });
         }
-    }, [state.productsList]);
+    }, [context, state.productsList]);
     // ---------------------------------------------------------------------------
-    // TABLE ACTIONS
+    // Table Actions
     // ---------------------------------------------------------------------------
     var headerActions = (0, react_1.useMemo)(function () { return [
         {
@@ -832,36 +959,47 @@ var useQuoteState = function () {
         },
     ]; }, [t, handleCreate]);
     var rowActions = (0, react_1.useMemo)(function () { return [
+        {
+            enabled: true,
+            handleAction: function (id) { return handleView(id); },
+            label: t("actionsButtonView"),
+            order: 1,
+        },
         {
             enabled: true,
             handleAction: function (id) { return handleEdit(id); },
             label: t("actionsButtonEdit"),
-            order: 1,
+            order: 2,
         },
         {
             enabled: true,
             handleAction: function (id) { return handleDelete(id); },
             label: t("actionsButtonDelete"),
-            order: 2,
+            order: 3,
         },
-    ]; }, [t, handleEdit, handleDelete]);
+    ]; }, [t, handleEdit, handleDelete, handleView]);
     // ---------------------------------------------------------------------------
-    // RETURN STATE
+    // Return State (flat, backward-compatible + factory-compatible)
     // ---------------------------------------------------------------------------
-    return __assign(__assign({}, state), { byIdError: byIdError, byIdLoading: byIdLoading, clearSearch: clearSearch, closeDrawer: closeDrawer, deleteError: deleteError, deleteLoading: deleteLoading, dispatch: dispatch, handleAddItemProduct: handleAddItemProduct, handleAddItemService: handleAddItemService, handleChange: handleChange, handleDeleteProductRow: handleDeleteProductRow, handleDeleteServiceRow: handleDeleteServiceRow, handleItemChangeProducts: handleItemChangeProducts, handleItemChangeServices: handleItemChangeServices, handleNextClick: handleNextClick, handlePageLimit: handlePageLimit, handlePreviousClick: handlePreviousClick, handleSubmit: handleSubmit, handleTaxSearch: handleTaxSearch, headerActions: headerActions, listError: listError, listFetchNow: listFetchNow, listLoading: listLoading, rowActions: rowActions, searchOnChange: searchOnChange, updateError: updateError, updateLoading: updateLoading });
-};
-exports.QuoteStateContext = (0, react_1.createContext)(__assign(__assign({}, reducer_1.initialQuoteState), { byIdError: undefined, byIdLoading: false, clearSearch: function () { return void 0; }, closeDrawer: function () { return void 0; }, deleteError: undefined, deleteLoading: false, dispatch: function () { return void 0; }, handleAddItemProduct: function () { return void 0; }, handleAddItemService: function () { return void 0; }, handleChange: function () { return void 0; }, handleDeleteProductRow: function () { return void 0; }, handleDeleteServiceRow: function () { return void 0; }, handleItemChangeProducts: function () { return void 0; }, handleItemChangeServices: function () { return void 0; }, handleNextClick: function () { return void 0; }, handlePageLimit: function () { return void 0; }, handlePreviousClick: function () { return void 0; }, handleSubmit: function () { return void 0; }, handleTaxSearch: function () { return void 0; }, headerActions: [], listError: undefined, listFetchNow: function () { return void 0; }, listLoading: false, rowActions: [], searchOnChange: function () { return void 0; }, updateError: undefined, updateLoading: false }));
-var QuoteStateContextProvider = function (_a) {
-    var children = _a.children;
-    var state = useQuoteState();
-    return (react_1.default.createElement(exports.QuoteStateContext.Provider, { value: state }, children));
-};
-exports.QuoteStateContextProvider = QuoteStateContextProvider;
-var useQuoteStateContext = function () {
-    var state = (0, react_1.useContext)(exports.QuoteStateContext);
-    if (state === undefined) {
-        throw new Error("useQuoteStateContext must be used within a QuoteContextProvider");
-    }
-    return state;
+    return __assign(__assign(__assign({}, context), state), { quotes: state.items, byIdError: byIdError, byIdLoading: byIdLoading, clearSearch: clearSearch, closeDrawer: closeDrawer, deleteError: deleteError, deleteLoading: deleteLoading, dispatch: context.dispatch, handleAddItemProduct: handleAddItemProduct, handleAddItemService: handleAddItemService, handleChange: handleChange, handleCloseDrawer: closeDrawer, handleCreate: handleCreate, handleDelete: handleDelete, handleDeleteProductRow: handleDeleteProductRow, handleDeleteServiceRow: handleDeleteServiceRow, handleEdit: handleEdit, handleItemChangeProducts: handleItemChangeProducts, handleItemChangeServices: handleItemChangeServices, handleNextClick: handleNextClick, handlePageChange: function (page) {
+            context.dispatch({
+                type: exports.QUOTE_ACTION_TYPES.SET_CURRENT_PAGE,
+                payload: { currentPage: page },
+            });
+        }, handlePageLimit: handlePageLimit, handlePageLimitChange: function (limit) {
+            context.dispatch({
+                type: exports.QUOTE_ACTION_TYPES.SET_PAGE_LIMIT,
+                payload: { pageLimit: limit },
+            });
+            context.dispatch({
+                type: exports.QUOTE_ACTION_TYPES.SET_CURRENT_PAGE,
+                payload: { currentPage: 1 },
+            });
+        }, handlePreviousClick: handlePreviousClick, handleSearch: function (query) {
+            context.dispatch({
+                type: exports.QUOTE_ACTION_TYPES.SET_SEARCH_QUERY,
+                payload: { searchQuery: query },
+            });
+        }, handleSubmit: handleSubmit, handleTaxSearch: handleTaxSearch, handleView: handleView, headerActions: headerActions, listError: listError, listFetchNow: listFetchNow, listLoading: listLoading, rowActions: rowActions, searchOnChange: searchOnChange, updateError: updateError, updateLoading: updateLoading });
 };
-exports.useQuoteStateContext = useQuoteStateContext;
+exports.useQuoteModule = useQuoteModule;