@appcorp/stellar-solutions-invoice-module 0.1.1

package/base-modules/invoice/context.js

@@ -0,0 +1,661 @@
+'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.useInvoiceStateContext = exports.InvoiceStateContextProvider = exports.InvoiceStateContext = void 0;
+var react_1 = __importStar(require("react"));
+var util_functions_1 = require("@react-pakistan/util-functions");
+var form_schema_1 = require("@appcorp/app-corp-vista/utils/form-schema");
+var vista_notification_type_1 = require("@appcorp/app-corp-vista/type/vista-notification-type");
+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 generate_toast_1 = require("@appcorp/app-corp-vista/utils/generate-toast");
+var calculate_subtotal_1 = require("./calculate-subtotal");
+var context_1 = require("@appcorp/stellar-solutions-product-module/base-modules/product/context");
+var useInvoiceState = function () {
+    var _a = (0, react_1.useReducer)(reducer_1.invoiceReducer, reducer_1.initialInvoiceState), state = _a[0], dispatch = _a[1];
+    var products = (0, context_1.useProductStateContext)().products;
+    var debouncedQuery = (0, util_functions_1.useDebounce)(state.searchQuery, 800);
+    var listParams = {
+        currentPage: state.currentPage,
+        pageLimit: state.pageLimit,
+        searchQuery: state.searchQuery,
+    };
+    var listCallback = function (_a) {
+        var data = _a.data, error = _a.error;
+        if (error) {
+            (0, generate_toast_1.generateToast)({
+                variant: vista_notification_type_1.VISTA_NOTIFICATION_V1_VARIANT.ERROR,
+                description: constants_1.messages.error,
+            });
+        }
+        if (data === null || data === void 0 ? void 0 : data.items) {
+            dispatch({
+                type: actions_1.INVOICE_ACTION_TYPES.SET_INVOICES,
+                payload: { invoices: data.items },
+            });
+            dispatch({
+                type: actions_1.INVOICE_ACTION_TYPES.SET_COUNT,
+                payload: { count: data === null || data === void 0 ? void 0 : data.count },
+            });
+        }
+    };
+    // const updateParams: Omit<InvoiceTypeBE, 'createdAt' | 'updatedAt' | 'serial' | 'isDeleted'> = useMemo(() => ({
+    //   buyPrice: state.buyPrice,
+    //   currency: state.currency,
+    //   description: state.description,
+    //   id: state.id,
+    //   images: state.images,
+    //   name: state.name,
+    //   productCategoryId: state.productCategoryId,
+    //   quantity: state.quantity,
+    //   ref: state.ref,
+    //   salePrice: state.salePrice,
+    // }), [state]);
+    var updateCallback = function (_a) {
+        var data = _a.data, error = _a.error;
+        if (error) {
+            (0, generate_toast_1.generateToast)({
+                description: constants_1.messages.error,
+                variant: vista_notification_type_1.VISTA_NOTIFICATION_V1_VARIANT.ERROR,
+            });
+        }
+        if (data) {
+            (0, generate_toast_1.generateToast)({
+                description: constants_1.messages.success,
+                variant: vista_notification_type_1.VISTA_NOTIFICATION_V1_VARIANT.SUCCESS,
+            });
+            dispatch({
+                type: actions_1.INVOICE_ACTION_TYPES.RESET_FORM,
+            });
+            listFetchNow();
+            dispatch({
+                type: actions_1.INVOICE_ACTION_TYPES.SET_DRAWER,
+                payload: { drawer: null },
+            });
+        }
+    };
+    var byIdParams = {
+        id: state.id,
+    };
+    var byIdCallback = function (_a) {
+        var data = _a.data, error = _a.error;
+        if (error) {
+            (0, generate_toast_1.generateToast)({
+                description: constants_1.messages.error,
+                variant: vista_notification_type_1.VISTA_NOTIFICATION_V1_VARIANT.ERROR,
+            });
+        }
+        if (data) {
+            var updatedData = __assign(__assign(__assign(__assign({}, data), (!data.description && { description: '' })), (!data.ref && { ref: '' })), (!data.image && { image: [] }));
+            dispatch({
+                type: actions_1.INVOICE_ACTION_TYPES.SET_FORM,
+                payload: { form: updatedData },
+            });
+            dispatch({
+                type: actions_1.INVOICE_ACTION_TYPES.SET_DRAWER,
+                payload: { drawer: types_1.INVOICE_DRAWER.INVOICE_COMPANY_FORM_DRAWER },
+            });
+        }
+    };
+    var deleteParams = {
+        id: state.id,
+    };
+    var deleteCallback = function (_a) {
+        var data = _a.data, error = _a.error;
+        if (error) {
+            (0, generate_toast_1.generateToast)({
+                description: constants_1.messages.error,
+                variant: vista_notification_type_1.VISTA_NOTIFICATION_V1_VARIANT.ERROR,
+            });
+        }
+        if (data) {
+            (0, generate_toast_1.generateToast)({
+                description: constants_1.messages.success,
+                variant: vista_notification_type_1.VISTA_NOTIFICATION_V1_VARIANT.SUCCESS,
+            });
+            dispatch({
+                type: actions_1.INVOICE_ACTION_TYPES.RESET_FORM,
+            });
+            listFetchNow();
+        }
+    };
+    var _b = (0, util_functions_1.useModuleEntity)({
+        byIdCallback: byIdCallback,
+        byIdParams: byIdParams,
+        deleteCallback: deleteCallback,
+        deleteParams: deleteParams,
+        listCallback: listCallback,
+        listParams: listParams,
+        listUrl: constants_1.INVOICE_API_ROUTES.INVOICES,
+        searchQuery: debouncedQuery,
+        unitByIdUrl: constants_1.INVOICE_API_ROUTES.INVOICE_BY_ID,
+        unitUrl: constants_1.INVOICE_API_ROUTES.INVOICE,
+        updateCallback: updateCallback,
+        updateDeps: [state],
+        updateParams: {},
+    }), 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;
+    (0, react_1.useEffect)(function () {
+        listFetchNow();
+        // eslint-disable-next-line
+    }, [
+        debouncedQuery,
+        state.currentPage,
+        state.pageLimit,
+    ]);
+    var handleCreate = function (text) {
+        if (text === 'company') {
+            dispatch({
+                type: actions_1.INVOICE_ACTION_TYPES.SET_DRAWER,
+                payload: { drawer: types_1.INVOICE_DRAWER.INVOICE_COMPANY_FORM_DRAWER },
+            });
+        }
+        if (text === 'customer') {
+            dispatch({
+                type: actions_1.INVOICE_ACTION_TYPES.SET_DRAWER,
+                payload: { drawer: types_1.INVOICE_DRAWER.INVOICE_CUSTOMER_FORM_DRAWER },
+            });
+        }
+    };
+    var handleEdit = function (id) {
+        byIdFetchNow(undefined, {
+            body: JSON.stringify({ id: id }),
+        });
+    };
+    var handleDelete = function (id) {
+        deleteFetchNow === null || deleteFetchNow === void 0 ? void 0 : deleteFetchNow(undefined, {
+            body: JSON.stringify({ id: id }),
+        });
+    };
+    //   const handleUploadImage = useCallback(async () => {
+    //   const urls: string[] = [];
+    //   if (state?.images?.some((u) => u.startsWith('blob:'))) {
+    //     await Promise.all(state.images.map(async (url) => {
+    //       const blob = await fetch(url).then((r) => r.blob());
+    //       const webpBlob = await blobToWebP(blob, { quality: 1 });
+    //       const { data } = await uploadBlobToPublicSupabase({
+    //         blob: webpBlob,
+    //         supabase: supabaseClient,
+    //         fileRef: `products/${uuidv4()}.webp`,
+    //         contentType: 'image/webp',
+    //         upsert: true,
+    //       });
+    //       if (data) {
+    //         urls.push(`${supabasePublicStorageUrl}/${data.path}`);
+    //       }
+    //       return urls;
+    //     }));
+    //   }
+    //   if (urls.length) {
+    //     dispatch({
+    //       type: INVOICE_ACTION_TYPES.SET_INPUT_FIELD,
+    //       payload: { key: 'images', value: urls },
+    //     });
+    //   }
+    //   return urls;
+    // }, [state.images]);
+    var handleSubmit = (0, react_1.useCallback)(function () { return __awaiter(void 0, void 0, void 0, function () {
+        var validationResult, validationErrors_1;
+        return __generator(this, function (_a) {
+            // let urls;
+            // if (state.images?.length) {
+            //   urls = await handleUploadImage();
+            // }
+            dispatch({
+                type: actions_1.INVOICE_ACTION_TYPES.SET_DISABLE_SAVE_BUTTON,
+                payload: { disableSaveButton: true },
+            });
+            try {
+                validationResult = validate_1.formValidation === null || validate_1.formValidation === void 0 ? void 0 : validate_1.formValidation.safeParse(__assign({}));
+                if (validationResult === null || validationResult === void 0 ? void 0 : validationResult.error) {
+                    validationErrors_1 = {};
+                    validationResult === null || validationResult === void 0 ? void 0 : validationResult.error.errors.forEach(function (err) {
+                        validationErrors_1[err.path[0]] = err.message;
+                    });
+                    dispatch({
+                        type: actions_1.INVOICE_ACTION_TYPES.SET_ERRORS,
+                        payload: validationErrors_1,
+                    });
+                }
+                if (validationResult === null || validationResult === void 0 ? void 0 : validationResult.success) {
+                    updateFetchNow(undefined, {
+                        body: JSON.stringify(__assign({})),
+                    });
+                }
+                // eslint-disable-next-line
+            }
+            catch (err) {
+                (0, generate_toast_1.generateToast)({
+                    description: constants_1.messages.error,
+                    variant: vista_notification_type_1.VISTA_NOTIFICATION_V1_VARIANT.ERROR,
+                });
+            }
+            dispatch({
+                type: actions_1.INVOICE_ACTION_TYPES.RESET_FORM,
+            });
+            dispatch({
+                type: actions_1.INVOICE_ACTION_TYPES.CLEAR_ERRORS,
+            });
+            return [2 /*return*/];
+        });
+    }); }, [updateFetchNow]);
+    var handleChange = function (key, value) {
+        dispatch({
+            type: actions_1.INVOICE_ACTION_TYPES.SET_INPUT_FIELD,
+            payload: { key: key, value: String(value).trim(), },
+        });
+        dispatch({
+            type: actions_1.INVOICE_ACTION_TYPES.SET_DISABLE_SAVE_BUTTON,
+            payload: { disableSaveButton: false },
+        });
+        dispatch({
+            type: actions_1.INVOICE_ACTION_TYPES.CLEAR_ERRORS,
+        });
+    };
+    var handleItemChangeServices = (0, react_1.useCallback)(function (_a) {
+        var _b;
+        var index = _a.index, key = _a.key, value = _a.value;
+        var updatedItems = __spreadArray([], state.services, 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.products;
+        var subtotal = (0, calculate_subtotal_1.calculateSubtotal)(updatedItems, allProducts);
+        dispatch({
+            type: actions_1.INVOICE_ACTION_TYPES.SET_INPUT_FIELD,
+            payload: { key: 'subTotal', value: subtotal },
+        });
+        dispatch({
+            type: actions_1.INVOICE_ACTION_TYPES.SET_INPUT_FIELD,
+            payload: { key: 'services', value: updatedItems },
+        });
+    }, [state.products, state.services]);
+    var handleItemChangeProducts = (0, react_1.useCallback)(function (_a) {
+        var _b, _c, _d;
+        var index = _a.index, key = _a.key, value = _a.value;
+        var updatedItems = __spreadArray([], state.products, true);
+        if (key === 'productId' && typeof value === 'string') {
+            var matchingProduct = products === null || products === void 0 ? void 0 : products.find(function (product) { return product.id === value; });
+            if (matchingProduct) {
+                var quantity = parseFloat(String(updatedItems[index].quantity)) || 0;
+                var rowTotal = (quantity * Number(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.services;
+                var subtotal = (0, calculate_subtotal_1.calculateSubtotal)(allServices, updatedItems);
+                dispatch({
+                    type: actions_1.INVOICE_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.services;
+            var subtotal = (0, calculate_subtotal_1.calculateSubtotal)(allServices, updatedItems);
+            dispatch({
+                type: actions_1.INVOICE_ACTION_TYPES.SET_INPUT_FIELD,
+                payload: { key: 'subTotal', value: subtotal },
+            });
+        }
+        dispatch({
+            type: actions_1.INVOICE_ACTION_TYPES.SET_INPUT_FIELD,
+            payload: { key: 'products', value: updatedItems },
+        });
+    }, [state.services, state.products, products]);
+    // const handleSelectInputChange = useCallback(async (key: string, value: string) => {
+    //   const response = await fetch(INVOICE_CATEGORY_API_ROUTES.INVOICE_CATEGORIES, {
+    //     method: API_METHODS.POST,
+    //     body: JSON.stringify({
+    //       searchQuery: debouncedList,
+    //       pageLimit: 1000,
+    //       currentPage: 1,
+    //     }),
+    //   });
+    //   const result = await response.json();
+    //   dispatch({
+    //     type: INVOICE_ACTION_TYPES.SET_INVOICE_CATEGORIES,
+    //     payload: { productCategories: result as ProductCategoryBE[] },
+    //   });
+    //   dispatch({
+    //     type: INVOICE_ACTION_TYPES.SET_INVOICE_QUERY,
+    //     payload: { productCategoryQuery: value },
+    //   });
+    // }, []);
+    var handleSelectChange = function (key, value) {
+        var val = __assign({}, value);
+        if (key === 'currency') {
+            dispatch({
+                type: actions_1.INVOICE_ACTION_TYPES.SET_INPUT_FIELD,
+                payload: {
+                    key: key,
+                    value: val['option'],
+                }
+            });
+            return;
+        }
+        dispatch({
+            type: actions_1.INVOICE_ACTION_TYPES.SET_INPUT_FIELD,
+            payload: {
+                key: key,
+                value: val['id'],
+            },
+        });
+    };
+    var handleNextClick = function () {
+        dispatch({
+            type: actions_1.INVOICE_ACTION_TYPES.SET_CURRENT_PAGE,
+            payload: { currentPage: state.currentPage + 1 },
+        });
+    };
+    var handlePreviousClick = function () {
+        dispatch({
+            type: actions_1.INVOICE_ACTION_TYPES.SET_CURRENT_PAGE,
+            payload: { currentPage: state.currentPage - 1 },
+        });
+    };
+    var handlePageLimit = function (k, value) {
+        var val = __assign({}, value);
+        dispatch({
+            type: actions_1.INVOICE_ACTION_TYPES.SET_PAGE_LIMIT,
+            payload: { pageLimit: Number(val.option) },
+        });
+    };
+    var searchOnChange = function (k, v) {
+        dispatch({
+            type: actions_1.INVOICE_ACTION_TYPES.SET_SEARCH_QUERY,
+            payload: { searchQuery: v },
+        });
+    };
+    var clearSearch = function () {
+        dispatch({
+            type: actions_1.INVOICE_ACTION_TYPES.SET_SEARCH_QUERY,
+            payload: { searchQuery: '' },
+        });
+    };
+    var closeDrawer = function () {
+        dispatch({
+            type: actions_1.INVOICE_ACTION_TYPES.SET_DRAWER,
+            payload: { drawer: null },
+        });
+        dispatch({
+            type: actions_1.INVOICE_ACTION_TYPES.RESET_FORM,
+        });
+        dispatch({
+            type: actions_1.INVOICE_ACTION_TYPES.CLEAR_ERRORS,
+        });
+    };
+    var dynamicFormElements = (0, react_1.useMemo)(function () {
+        var _a, _b, _c, _d, _e;
+        var elements = __assign({}, constants_1.staticCompanySection);
+        var textInputElements = (_a = elements[form_schema_1.VISTA_FORM_ELEMENTS.TEXT_INPUT_V1]) === null || _a === void 0 ? void 0 : _a.sort(function (a, b) { return a.order - b.order; });
+        if (textInputElements) {
+            textInputElements === null || textInputElements === void 0 ? void 0 : textInputElements.map(function (_a, i) {
+                var id = _a.id;
+                textInputElements[i].value = state[id];
+                textInputElements[i].handleOnChange = handleChange;
+                textInputElements[i].error = state.errors[id];
+            });
+        }
+        var textAreaElements = (_b = elements[form_schema_1.VISTA_FORM_ELEMENTS.TEXT_AREA_V1]) === null || _b === void 0 ? void 0 : _b.sort(function (a, b) { return a.order - b.order; });
+        if (textAreaElements) {
+            textAreaElements === null || textAreaElements === void 0 ? void 0 : textAreaElements.forEach(function (_a, i) {
+                var id = _a.id;
+                textAreaElements[i].value = state[id];
+                textAreaElements[i].handleOnChange = handleChange;
+                textAreaElements[i].error = state.errors.description;
+            });
+        }
+        var selectElements = (_c = elements[form_schema_1.VISTA_FORM_ELEMENTS.SELECT_V1]) === null || _c === void 0 ? void 0 : _c.sort(function (a, b) { return a.order - b.order; });
+        if (selectElements) {
+            selectElements === null || selectElements === void 0 ? void 0 : selectElements.forEach(function (_a, i) {
+                var nodeSelectKey = _a.nodeSelectKey;
+                selectElements[i].handleOnChange = handleSelectChange;
+                selectElements[i].selectedItem = { option: state[nodeSelectKey] };
+            });
+        }
+        var comboboxElements = (_d = elements[form_schema_1.VISTA_FORM_ELEMENTS.COMBOBOX_V1]) === null || _d === void 0 ? void 0 : _d.sort(function (a, b) { return a.order - b.order; });
+        if (comboboxElements) {
+            // comboboxElements?.forEach(({ nodeSelectKey }, i) => {
+            //   comboboxElements[i].handleOnChange = handleSelectChange;
+            //   comboboxElements[i].selectedItem = { id: state[nodeSelectKey as 'productCategoryId'] };
+            //   comboboxElements[i].listItems = productCategories.map((item) => ({ ...item, option: item.name }));
+            //   comboboxElements[i].query = state.productCategoryQuery;
+            //   comboboxElements[i].handleInputOnChange = handleSelectInputChange;
+            //   comboboxElements[i].handleOnBlur = handleSelectInputChange;
+            // });
+        }
+        var uploadElements = (_e = elements[form_schema_1.VISTA_FORM_ELEMENTS.UPLOAD_V1]) === null || _e === void 0 ? void 0 : _e.sort(function (a, b) { return a.order - b.order; });
+        if (uploadElements) {
+            // uploadElements?.forEach((_, i) => {
+            //   uploadElements[i].imageUrls = state.images;
+            //   uploadElements[i].handleOnChange = handleFileChange;
+            //   uploadElements[i].handleClearImage = () => dispatch({
+            //     type: INVOICE_ACTION_TYPES.SET_INPUT_FIELD,
+            //     payload: { key: 'images', value: [] },
+            //   });
+            // });
+        }
+        return elements;
+    }, [state]);
+    var dynamicPricingFormElements = (0, react_1.useMemo)(function () {
+        var elements = __assign({}, constants_1.staticPricingSection);
+        return elements;
+    }, []);
+    var dynamicServiceFormElements = (0, react_1.useMemo)(function () {
+        var _a, _b;
+        var elements = __assign({}, constants_1.staticServiceSection);
+        var textInputElements = (_a = elements[form_schema_1.VISTA_FORM_ELEMENTS.TEXT_INPUT_V1]) === null || _a === void 0 ? void 0 : _a.sort(function (a, b) { return a.order - b.order; });
+        if (textInputElements) {
+            (_b = state.services) === null || _b === void 0 ? void 0 : _b.forEach(function (service, i) {
+                textInputElements[0].value = state.services[0].name;
+                textInputElements[0].handleOnChange = function (k, v) { return handleItemChangeServices({
+                    index: i,
+                    key: k,
+                    value: v,
+                }); };
+                // textInputElements[i].error = state.errors[id];
+                textInputElements[1].value = state.services[0].description;
+                textInputElements[1].handleOnChange = function (k, v) { return handleItemChangeServices({
+                    index: i,
+                    key: k,
+                    value: v,
+                }); };
+                // textInputElements[i].error = state.errors[id];
+                textInputElements[2].value = state.services[0].quantity;
+                textInputElements[2].handleOnChange = function (k, v) { return handleItemChangeServices({
+                    index: i,
+                    key: k,
+                    value: v,
+                }); };
+                // textInputElements[i].error = state.errors[id];
+                textInputElements[3].value = state.services[0].price;
+                textInputElements[3].handleOnChange = function (k, v) { return handleItemChangeServices({
+                    index: i,
+                    key: k,
+                    value: v,
+                }); };
+                // textInputElements[i].error = state.errors[id];
+            });
+        }
+        return elements;
+    }, [state.services, handleItemChangeServices]);
+    var dynamicProductFormElements = (0, react_1.useMemo)(function () {
+        var _a, _b, _c, _d;
+        var elements = __assign({}, constants_1.staticProductSection);
+        var textInputElements = (_a = elements[form_schema_1.VISTA_FORM_ELEMENTS.TEXT_INPUT_V1]) === null || _a === void 0 ? void 0 : _a.sort(function (a, b) { return a.order - b.order; });
+        if (textInputElements) {
+            (_b = state.products) === null || _b === void 0 ? void 0 : _b.forEach(function (product, i) {
+                textInputElements[0].value = String(product.quantity);
+                textInputElements[0].handleOnChange = function (k, v) { return handleItemChangeProducts({
+                    index: i,
+                    key: k,
+                    value: Number(v),
+                }); };
+                // textInputElements[i].error = state.errors[id];
+            });
+        }
+        var comboboxElements = (_c = elements[form_schema_1.VISTA_FORM_ELEMENTS.COMBOBOX_V1]) === null || _c === void 0 ? void 0 : _c.sort(function (a, b) { return a.order - b.order; });
+        if (comboboxElements) {
+            (_d = state.products) === null || _d === void 0 ? void 0 : _d.forEach(function (product, i) {
+                comboboxElements[0].listItems = [];
+                comboboxElements[0].handleOnChange = function (k, v) {
+                    var val = __assign({}, v);
+                    handleItemChangeProducts({
+                        index: i,
+                        key: k,
+                        value: val.id,
+                    });
+                };
+            });
+        }
+        return elements;
+    }, [state, handleItemChangeProducts]);
+    var headerActions = [
+        {
+            enabled: true,
+            handleOnClick: function () { return handleCreate('company'); },
+            label: 'Invoice for Company',
+            order: 1,
+        },
+        {
+            enabled: true,
+            handleOnClick: function () { return handleCreate('customer'); },
+            label: 'Invoice for Customer',
+            order: 1,
+        },
+    ];
+    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, dynamicFormElements: dynamicFormElements, dynamicPricingFormElements: dynamicPricingFormElements, dynamicProductFormElements: dynamicProductFormElements, dynamicServiceFormElements: dynamicServiceFormElements, handleChange: handleChange, handleNextClick: handleNextClick, handlePageLimit: handlePageLimit, handlePreviousClick: handlePreviousClick, handleSubmit: handleSubmit, 
+        // handleUploadImage,
+        headerActions: headerActions, listError: listError, listFetchNow: listFetchNow, listLoading: listLoading, rowActions: rowActions, searchOnChange: searchOnChange, updateError: updateError, updateLoading: updateLoading });
+};
+exports.InvoiceStateContext = (0, react_1.createContext)(__assign(__assign({}, reducer_1.initialInvoiceState), { byIdError: undefined, byIdLoading: false, clearSearch: function () { return void 0; }, closeDrawer: function () { return void 0; }, deleteError: undefined, deleteLoading: false, dispatch: function () { return void 0; }, dynamicFormElements: {}, dynamicPricingFormElements: {}, dynamicProductFormElements: {}, dynamicServiceFormElements: {}, handleChange: function () { return void 0; }, handleNextClick: function () { return void 0; }, handlePageLimit: function () { return void 0; }, handlePreviousClick: function () { return void 0; }, handleSubmit: function () { return void 0; }, 
+    // handleUploadImage: () => void 0,
+    headerActions: [], listError: undefined, listFetchNow: function () { return void 0; }, listLoading: false, rowActions: [], searchOnChange: function () { return void 0; }, updateError: undefined, updateLoading: false }));
+var InvoiceStateContextProvider = function (_a) {
+    var children = _a.children;
+    var state = useInvoiceState();
+    return (react_1.default.createElement(exports.InvoiceStateContext.Provider, { value: state }, children));
+};
+exports.InvoiceStateContextProvider = InvoiceStateContextProvider;
+var useInvoiceStateContext = function () {
+    var state = (0, react_1.useContext)(exports.InvoiceStateContext);
+    if (state === undefined) {
+        throw new Error('useInvoiceStateContext must be used within an InvoiceContextProvider');
+    }
+    return state;
+};
+exports.useInvoiceStateContext = useInvoiceStateContext;

package/base-modules/invoice/drawer.d.ts

@@ -0,0 +1,8 @@
+import { FC } from 'react';
+interface Props {
+    translationMap: {
+        [key: string]: string;
+    };
+}
+export declare const Drawer: FC<Props>;
+export {};