@appcorp/stellar-solutions-invoice-module 0.1.55 → 0.1.57

package/base-modules/quote/context.js

@@ -0,0 +1,822 @@
+/**
+ * Invoice State Context
+ *
+ * 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
+ */
+"use client";
+"use strict";
+var __assign = (this && this.__assign) || function () {
+    __assign = Object.assign || function(t) {
+        for (var s, i = 1, n = arguments.length; i < n; i++) {
+            s = arguments[i];
+            for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
+                t[p] = s[p];
+        }
+        return t;
+    };
+    return __assign.apply(this, arguments);
+};
+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) {
+        function fulfilled(value) { try { step(generator.next(value)); } catch (e) { reject(e); } }
+        function rejected(value) { try { step(generator["throw"](value)); } catch (e) { reject(e); } }
+        function step(result) { result.done ? resolve(result.value) : adopt(result.value).then(fulfilled, rejected); }
+        step((generator = generator.apply(thisArg, _arguments || [])).next());
+    });
+};
+var __generator = (this && this.__generator) || function (thisArg, body) {
+    var _ = { label: 0, sent: function() { if (t[0] & 1) throw t[1]; return t[1]; }, trys: [], ops: [] }, f, y, t, g = Object.create((typeof Iterator === "function" ? Iterator : Object).prototype);
+    return g.next = verb(0), g["throw"] = verb(1), g["return"] = verb(2), typeof Symbol === "function" && (g[Symbol.iterator] = function() { return this; }), g;
+    function verb(n) { return function (v) { return step([n, v]); }; }
+    function step(op) {
+        if (f) throw new TypeError("Generator is already executing.");
+        while (g && (g = 0, op[0] && (_ = 0)), _) try {
+            if (f = 1, y && (t = op[0] & 2 ? y["return"] : op[0] ? y["throw"] || ((t = y["return"]) && t.call(y), 0) : y.next) && !(t = t.call(y, op[1])).done) return t;
+            if (y = 0, t) op = [op[0] & 2, t.value];
+            switch (op[0]) {
+                case 0: case 1: t = op; break;
+                case 4: _.label++; return { value: op[1], done: false };
+                case 5: _.label++; y = op[1]; op = [0]; continue;
+                case 7: op = _.ops.pop(); _.trys.pop(); continue;
+                default:
+                    if (!(t = _.trys, t = t.length > 0 && t[t.length - 1]) && (op[0] === 6 || op[0] === 2)) { _ = 0; continue; }
+                    if (op[0] === 3 && (!t || (op[1] > t[0] && op[1] < t[3]))) { _.label = op[1]; break; }
+                    if (op[0] === 6 && _.label < t[1]) { _.label = t[1]; t = op; break; }
+                    if (t && _.label < t[2]) { _.label = t[2]; _.ops.push(op); break; }
+                    if (t[2]) _.ops.pop();
+                    _.trys.pop(); continue;
+            }
+            op = body.call(thisArg, _);
+        } catch (e) { op = [6, e]; y = 0; } finally { f = t = 0; }
+        if (op[0] & 5) throw op[1]; return { value: op[0] ? op[1] : void 0, done: true };
+    }
+};
+var __spreadArray = (this && this.__spreadArray) || function (to, from, pack) {
+    if (pack || arguments.length === 2) for (var i = 0, l = from.length, ar; i < l; i++) {
+        if (ar || !(i in from)) {
+            if (!ar) ar = Array.prototype.slice.call(from, 0, i);
+            ar[i] = from[i];
+        }
+    }
+    return to.concat(ar || Array.prototype.slice.call(from));
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.useQuoteStateContext = exports.QuoteStateContextProvider = exports.QuoteStateContext = void 0;
+var react_1 = __importStar(require("react"));
+var next_themes_1 = require("next-themes");
+var next_intl_1 = require("next-intl");
+var util_functions_1 = require("@react-pakistan/util-functions");
+var toast_utils_1 = require("@appcorp/shadcn/lib/toast-utils");
+var actions_1 = require("./actions");
+var constants_1 = require("./constants");
+var reducer_1 = require("./reducer");
+var types_1 = require("./types");
+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
+// ============================================================================
+var useQuoteState = function () {
+    var _a;
+    // ---------------------------------------------------------------------------
+    // State & Core Hooks
+    // ---------------------------------------------------------------------------
+    var _b = (0, react_1.useReducer)(reducer_1.quoteReducer, reducer_1.initialQuoteState), state = _b[0], dispatch = _b[1];
+    var t = (0, next_intl_1.useTranslations)("toastMessages");
+    var theme = (0, next_themes_1.useTheme)().theme;
+    var taxes = (0, context_1.useTaxStateContext)().taxes;
+    var currencies = (0, context_2.usePreferenceStateContext)().currencies;
+    // ---------------------------------------------------------------------------
+    // Toast Helpers
+    // ---------------------------------------------------------------------------
+    var showErrorToast = (0, react_1.useCallback)(function (description) {
+        (0, toast_utils_1.generateThemeToast)({
+            variant: toast_utils_1.TOAST_VARIANT.ERROR,
+            description: description,
+            theme: theme,
+        });
+    }, [theme]);
+    var showSuccessToast = (0, react_1.useCallback)(function (description) {
+        (0, toast_utils_1.generateThemeToast)({
+            variant: toast_utils_1.TOAST_VARIANT.SUCCESS,
+            description: description,
+            theme: theme,
+        });
+    }, [theme]);
+    // ---------------------------------------------------------------------------
+    // Debounced Values
+    // ---------------------------------------------------------------------------
+    var debouncedQuery = (0, util_functions_1.useDebounce)(state.searchQuery, 800);
+    var debouncedProductList = (0, util_functions_1.useDebounce)(state.productQuery, 800);
+    var debouncedCustomer = (0, util_functions_1.useDebounce)((_a = state === null || state === void 0 ? void 0 : state.customer) === null || _a === void 0 ? void 0 : _a.phone, 800);
+    var debouncedTaxList = (0, util_functions_1.useDebounce)(state.taxQuery, 800);
+    var debouncedCompanyList = (0, util_functions_1.useDebounce)(state.companyQuery, 800);
+    // ---------------------------------------------------------------------------
+    // Tax & Currency Defaults
+    // ---------------------------------------------------------------------------
+    var defaultTax = (0, react_1.useMemo)(function () {
+        return taxes.filter(function (_a) {
+            var isDefault = _a.isDefault;
+            return isDefault;
+        })[0];
+    }, [taxes]);
+    var defaultCurrency = (0, react_1.useMemo)(function () {
+        return currencies.filter(function (_a) {
+            var isDefault = _a.isDefault;
+            return isDefault;
+        })[0];
+    }, [currencies]);
+    // ---------------------------------------------------------------------------
+    // API Parameters (Memoized)
+    // ---------------------------------------------------------------------------
+    var listParams = {
+        category: types_1.QUOTE_INVOICE_CATEGORY.QUOTE,
+        currentPage: state.currentPage,
+        pageLimit: state.pageLimit,
+        searchQuery: state.searchQuery,
+        includeCustomer: true,
+        includeCompany: true,
+    };
+    var updateParams = (0, react_1.useMemo)(function () {
+        var _a, _b, _c, _d, _e, _f, _g, _h;
+        return ({
+            category: state.category,
+            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(),
+            discountUnit: state.discountUnit,
+            drawer: state.drawer,
+            expiryDate: state.expiryDate,
+            id: state.id,
+            invoiceStatus: state.invoiceStatus,
+            mode: state.mode,
+            note: state.note.trim(),
+            productsList: state.productsList.filter(function (_a) {
+                var id = _a.id;
+                return id;
+            }),
+            quoteStatus: state.quoteStatus,
+            ref: state.ref,
+            servicesList: state.servicesList.filter(function (_a) {
+                var name = _a.name;
+                return name;
+            }),
+            subTotal: state.subTotal,
+            taxRate: state.taxRate,
+            total: 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,
+            email: (_e = state.customer) === null || _e === void 0 ? void 0 : _e.email,
+            address: (_f = state.customer) === null || _f === void 0 ? void 0 : _f.address,
+            city: (_g = state.customer) === null || _g === void 0 ? void 0 : _g.city,
+            country: (_h = state.customer) === null || _h === void 0 ? void 0 : _h.country,
+        });
+    }, [state]);
+    var byIdParams = {
+        id: state.id,
+    };
+    var deleteParams = {
+        id: state.id,
+    };
+    // ---------------------------------------------------------------------------
+    // API Callbacks
+    // ---------------------------------------------------------------------------
+    var listCallback = (0, react_1.useCallback)(function (_a) {
+        var data = _a.data, error = _a.error;
+        if (error) {
+            showErrorToast(t("networkError"));
+        }
+        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 },
+            });
+        }
+    }, [t, showErrorToast]);
+    var updateCallback = (0, react_1.useCallback)(function (_a) {
+        var data = _a.data, error = _a.error;
+        if (error) {
+            showErrorToast(t("networkError"));
+        }
+        if (data) {
+            showSuccessToast(state.mode === "Edit" ? t("invoiceUpdated") : t("invoiceCreated"));
+            dispatch({
+                type: actions_1.QUOTE_ACTION_TYPES.RESET_FORM,
+            });
+            dispatch({
+                type: actions_1.QUOTE_ACTION_TYPES.RESET_ERRORS,
+            });
+            listFetchNow();
+            dispatch({
+                type: actions_1.QUOTE_ACTION_TYPES.SET_DRAWER,
+                payload: { drawer: null },
+            });
+        }
+    }, 
+    // 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 data = _a.data, error = _a.error;
+        if (error) {
+            showErrorToast(t("invoiceFetchError"));
+        }
+        if (data) {
+            var updatedServices = __spreadArray([], data === null || data === void 0 ? void 0 : data.services, true).map(function (item) {
+                delete item.quoteInvoiceId;
+                return __assign(__assign({}, item), { rowTotal: Number(item.quantity) * Number(item.price) });
+            });
+            var updatedProducts = __spreadArray([], data === null || data === void 0 ? void 0 : data.products, true).map(function (item) {
+                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) && {
+                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)] });
+            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 },
+                });
+            }
+            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 },
+                });
+            }
+            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 ((_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 },
+                });
+            }
+        }
+    }, [t, showErrorToast]);
+    var deleteCallback = (0, react_1.useCallback)(function (_a) {
+        var data = _a.data, error = _a.error;
+        if (error) {
+            showErrorToast(t("networkError"));
+        }
+        if (data) {
+            showSuccessToast(t("invoiceUpdated"));
+            dispatch({
+                type: actions_1.QUOTE_ACTION_TYPES.RESET_FORM,
+            });
+            listFetchNow();
+        }
+    }, 
+    // eslint-disable-next-line react-hooks/exhaustive-deps
+    [t, showErrorToast, showSuccessToast]);
+    // ---------------------------------------------------------------------------
+    // Module Entity Hook
+    // ---------------------------------------------------------------------------
+    var _c = (0, util_functions_1.useModuleEntity)({
+        byIdCallback: byIdCallback,
+        byIdParams: byIdParams,
+        deleteCallback: deleteCallback,
+        deleteParams: deleteParams,
+        listCallback: listCallback,
+        listParams: listParams,
+        listUrl: constants_1.QUOTE_API_ROUTES.QUOTES,
+        searchQuery: debouncedQuery,
+        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;
+    // ---------------------------------------------------------------------------
+    // Effects
+    // ---------------------------------------------------------------------------
+    (0, react_1.useEffect)(function () {
+        listFetchNow();
+        // eslint-disable-next-line
+    }, [debouncedQuery, state.currentPage, state.pageLimit]);
+    (0, react_1.useEffect)(function () {
+        (function () { return __awaiter(void 0, void 0, void 0, function () {
+            var data;
+            return __generator(this, function (_a) {
+                switch (_a.label) {
+                    case 0: return [4 /*yield*/, (0, util_functions_1.fetchData)({
+                            url: constants_1.QUOTE_API_ROUTES.PRODUCTS,
+                            method: util_functions_1.API_METHODS.POST,
+                            body: JSON.stringify({
+                                searchQuery: debouncedProductList,
+                                pageLimit: 100,
+                                currentPage: 1,
+                            }),
+                        })];
+                    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 },
+                            });
+                        }
+                        return [2 /*return*/];
+                }
+            });
+        }); })();
+    }, [debouncedProductList]);
+    (0, react_1.useEffect)(function () {
+        if (state.drawer === types_1.QUOTE_DRAWER.QUOTE_CUSTOMER_FORM_DRAWER &&
+            debouncedCustomer) {
+            (function () { return __awaiter(void 0, void 0, void 0, function () {
+                var data;
+                return __generator(this, function (_a) {
+                    switch (_a.label) {
+                        case 0: return [4 /*yield*/, (0, util_functions_1.fetchData)({
+                                url: constants_1.QUOTE_API_ROUTES.CUSTOMER_BY_PHONE,
+                                method: util_functions_1.API_METHODS.POST,
+                                body: JSON.stringify({
+                                    phone: debouncedCustomer,
+                                }),
+                            })];
+                        case 1:
+                            data = (_a.sent()).data;
+                            if (data) {
+                                dispatch({
+                                    type: actions_1.QUOTE_ACTION_TYPES.SET_CUSTOMER,
+                                    payload: { customer: __assign({}, data), customerId: data.id },
+                                });
+                            }
+                            return [2 /*return*/];
+                    }
+                });
+            }); })();
+        }
+    }, [debouncedCustomer, state.drawer]);
+    (0, react_1.useEffect)(function () {
+        if (state.drawer === types_1.QUOTE_DRAWER.QUOTE_COMPANY_FORM_DRAWER &&
+            debouncedCompanyList) {
+            (function () { return __awaiter(void 0, void 0, void 0, function () {
+                var data;
+                return __generator(this, function (_a) {
+                    switch (_a.label) {
+                        case 0: return [4 /*yield*/, (0, util_functions_1.fetchData)({
+                                url: constants_1.QUOTE_API_ROUTES.COMPANIES,
+                                method: util_functions_1.API_METHODS.POST,
+                                body: JSON.stringify({
+                                    searchQuery: debouncedCompanyList,
+                                    pageLimit: 100,
+                                    currentPage: 1,
+                                }),
+                            })];
+                        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 },
+                                });
+                            }
+                            return [2 /*return*/];
+                    }
+                });
+            }); })();
+        }
+    }, [debouncedCompanyList, state.drawer]);
+    (0, react_1.useEffect)(function () {
+        (function () { return __awaiter(void 0, void 0, void 0, function () {
+            var data;
+            return __generator(this, function (_a) {
+                switch (_a.label) {
+                    case 0:
+                        if (!debouncedTaxList) return [3 /*break*/, 2];
+                        return [4 /*yield*/, (0, util_functions_1.fetchData)({
+                                url: constants_1.QUOTE_API_ROUTES.TAXES,
+                                method: util_functions_1.API_METHODS.POST,
+                                body: JSON.stringify({
+                                    searchQuery: debouncedTaxList,
+                                    pageLimit: 100,
+                                    currentPage: 1,
+                                }),
+                            })];
+                    case 1:
+                        data = (_a.sent()).data;
+                        if (data.items) {
+                            dispatch({
+                                type: actions_1.QUOTE_ACTION_TYPES.SET_TAXES,
+                                payload: { taxes: data.items },
+                            });
+                        }
+                        _a.label = 2;
+                    case 2: return [2 /*return*/];
+                }
+            });
+        }); })();
+    }, [debouncedTaxList]);
+    (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,
+            },
+        });
+        dispatch({
+            type: actions_1.QUOTE_ACTION_TYPES.SET_TAX,
+            payload: { tax: tax },
+        });
+        dispatch({
+            type: actions_1.QUOTE_ACTION_TYPES.SET_AFTER_DISCOUNT,
+            payload: { afterDiscount: String(afterDiscount) },
+        });
+    }, [state.discountUnit, state.discount, state.subTotal, state.taxRate]);
+    // ---------------------------------------------------------------------------
+    // Item Management Handlers
+    // ---------------------------------------------------------------------------
+    var handleAddItemService = (0, react_1.useCallback)(function () {
+        var newItem = {
+            mode: "Create",
+            name: "",
+            description: "",
+            quantity: "1",
+            price: "",
+            rowTotal: "",
+        };
+        dispatch({
+            type: actions_1.QUOTE_ACTION_TYPES.ADD_ITEM_SERVICE,
+            payload: { servicesList: __spreadArray(__spreadArray([], state.servicesList, true), [newItem], false) },
+        });
+    }, [state.servicesList]);
+    var handleAddItemProduct = (0, react_1.useCallback)(function () {
+        var newItem = {
+            id: "",
+            mode: "Create",
+            price: "",
+            quantity: "1",
+            rowTotal: "",
+        };
+        dispatch({
+            type: actions_1.QUOTE_ACTION_TYPES.ADD_ITEM_PRODUCT,
+            payload: { productsList: __spreadArray(__spreadArray([], state.productsList, true), [newItem], false) },
+        });
+    }, [state.productsList]);
+    // ---------------------------------------------------------------------------
+    // Drawer & Modal Handlers
+    // ---------------------------------------------------------------------------
+    var handleCreate = (0, react_1.useCallback)(function (text) {
+        dispatch({
+            type: actions_1.QUOTE_ACTION_TYPES.SET_INPUT_FIELD,
+            payload: { key: "ref", value: (0, util_functions_1.generateRef)({ refLength: 5 }) },
+        });
+        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 },
+            });
+        }
+    }, []);
+    // ---------------------------------------------------------------------------
+    // CRUD Operation Handlers
+    // ---------------------------------------------------------------------------
+    var handleEdit = (0, react_1.useCallback)(function (id) {
+        byIdFetchNow(undefined, {
+            body: JSON.stringify({
+                id: id,
+                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 (id) {
+        deleteFetchNow === null || deleteFetchNow === void 0 ? void 0 : deleteFetchNow(undefined, {
+            body: JSON.stringify({ id: 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,
+                payload: { disableSaveButton: true },
+            });
+            return;
+        }
+        dispatch({
+            type: actions_1.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 }),
+            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 })),
+                });
+            },
+            errorCallback: function (e) {
+                dispatch({
+                    type: actions_1.QUOTE_ACTION_TYPES.SET_ERRORS,
+                    payload: { errors: e },
+                });
+            },
+        });
+    }, [
+        updateFetchNow,
+        updateParams,
+        defaultCurrency,
+        defaultTax,
+        state.productsList,
+        state.servicesList,
+    ]);
+    // ---------------------------------------------------------------------------
+    // Form Change Handlers
+    // ---------------------------------------------------------------------------
+    var handleChange = (0, react_1.useCallback)(function (key, value) {
+        if (key === "companyQuery") {
+            dispatch({
+                type: actions_1.QUOTE_ACTION_TYPES.SET_INPUT_FIELD,
+                payload: { key: key, value: value },
+            });
+            return;
+        }
+        dispatch({
+            type: actions_1.QUOTE_ACTION_TYPES.SET_DISABLE_SAVE_BUTTON,
+            payload: { disableSaveButton: false },
+        });
+        dispatch({
+            type: actions_1.QUOTE_ACTION_TYPES.RESET_ERRORS,
+        });
+    }, []);
+    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,
+            payload: { disableSaveButton: false },
+        });
+        var updatedItems = __spreadArray([], state.servicesList, true);
+        updatedItems[index] = __assign(__assign({}, updatedItems[index]), (_b = {}, _b[key] = value, _b.mode = updatedItems[index].mode === "Create" ? "Create" : "Edit", _b));
+        var quantity = parseFloat(updatedItems[index].quantity) || 0;
+        var price = parseFloat(updatedItems[index].price) || 0;
+        var rowTotal = (quantity * price).toFixed(2);
+        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,
+            payload: { key: "subTotal", value: subtotal },
+        });
+        dispatch({
+            type: actions_1.QUOTE_ACTION_TYPES.SET_INPUT_FIELD,
+            payload: { key: "servicesList", value: updatedItems },
+        });
+    }, [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,
+            payload: { disableSaveButton: false },
+        });
+        var updatedItems = __spreadArray([], state.productsList, true);
+        if (key === "id" && typeof value === "string") {
+            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 allServices = state.servicesList;
+                var subtotal = (0, calculate_subtotal_1.calculateSubtotal)(allServices, updatedItems);
+                dispatch({
+                    type: actions_1.QUOTE_ACTION_TYPES.SET_INPUT_FIELD,
+                    payload: { key: "subTotal", value: subtotal },
+                });
+            }
+            else {
+                updatedItems[index] = __assign(__assign({}, updatedItems[index]), (_c = {}, _c[key] = value, _c.mode = updatedItems[index].mode === "Create" ? "Create" : "Edit", _c));
+            }
+        }
+        else {
+            updatedItems[index] = __assign(__assign({}, updatedItems[index]), (_d = {}, _d[key] = value, _d.mode = updatedItems[index].mode === "Create" ? "Create" : "Edit", _d));
+            var quantity = parseFloat(String(updatedItems[index].quantity)) || 0;
+            var price = parseFloat(updatedItems[index].price) || 0;
+            var rowTotal = (quantity * price).toFixed(2);
+            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,
+                payload: { key: "subTotal", value: subtotal },
+            });
+        }
+        dispatch({
+            type: actions_1.QUOTE_ACTION_TYPES.SET_INPUT_FIELD,
+            payload: { key: "productsList", value: updatedItems },
+        });
+    }, [state.servicesList, state.productsList, state.getProducts]);
+    var handleNextClick = function () {
+        dispatch({
+            type: actions_1.QUOTE_ACTION_TYPES.SET_CURRENT_PAGE,
+            payload: { currentPage: state.currentPage + 1 },
+        });
+    };
+    var handlePreviousClick = function () {
+        dispatch({
+            type: actions_1.QUOTE_ACTION_TYPES.SET_CURRENT_PAGE,
+            payload: { currentPage: state.currentPage - 1 },
+        });
+    };
+    var handlePageLimit = function (k, value) {
+        var val = __assign({}, value);
+        dispatch({
+            type: actions_1.QUOTE_ACTION_TYPES.SET_PAGE_LIMIT,
+            payload: { pageLimit: Number(val.option) },
+        });
+    };
+    var searchOnChange = function (k, v) {
+        dispatch({
+            type: actions_1.QUOTE_ACTION_TYPES.SET_SEARCH_QUERY,
+            payload: { searchQuery: v },
+        });
+    };
+    var clearSearch = function () {
+        dispatch({
+            type: actions_1.QUOTE_ACTION_TYPES.SET_SEARCH_QUERY,
+            payload: { searchQuery: "" },
+        });
+    };
+    var closeDrawer = function () {
+        dispatch({
+            type: actions_1.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,
+        });
+    };
+    var handleDeleteServiceRow = 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 handleDeleteProductRow = 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 headerActions = [
+        {
+            enabled: true,
+            handleOnClick: function () { return handleCreate("company"); },
+            label: "Quote for Company",
+            order: 1,
+        },
+        {
+            enabled: true,
+            handleOnClick: function () { return handleCreate("customer"); },
+            label: "Quote for Customer",
+            order: 2,
+        },
+    ];
+    var rowActions = [
+        {
+            enabled: true,
+            handleAction: function (id) { return handleEdit(id); },
+            label: "Edit",
+            order: 1,
+        },
+        {
+            enabled: true,
+            handleAction: function (id) { return handleDelete(id); },
+            label: "Delete",
+            order: 2,
+        },
+    ];
+    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, 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; }, 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;
+};
+exports.useQuoteStateContext = useQuoteStateContext;