@appcorp/stellar-solutions-invoice-module 0.1.51 → 0.1.52

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

@@ -1,7 +1,8 @@
 import { ProductTypeBE } from '@appcorp/stellar-solutions-product-module/base-modules/product/types';
-import { CustomerTypeBE, DISCOUNT_UNIT, INVOICE_DRAWER, InvoiceState, InvoiceTypeBE, Product, Service } from './types';
+import { DISCOUNT_UNIT, INVOICE_DRAWER, InvoiceState, QuoteInvoiceTypeBE, Product, Service } from './types';
 import { TaxTypeBE } from '@appcorp/stellar-solutions-modules/global-modules/preferences/types';
 import { CompanyTypeBE } from '@appcorp/stellar-solutions-company-module/base-modules/company/types';
+import { CustomerTypeBE } from '@appcorp/stellar-solutions-company-module/base-modules/customer/types';
 export declare enum INVOICE_ACTION_TYPES {
     ADD_ITEM_PRODUCT = "ADD_ITEM_PRODUCT",
     ADD_ITEM_SERVICE = "ADD_ITEM_SERVICE",
@@ -38,7 +39,7 @@ export declare enum INVOICE_ACTION_TYPES {
 export type InvoiceUpdateFieldAction = {
     type: INVOICE_ACTION_TYPES.SET_INPUT_FIELD;
     payload: {
-        key: keyof InvoiceTypeBE;
+        key: keyof QuoteInvoiceTypeBE | 'servicesList' | 'productsList';
         value: string | string[] | boolean | number | number[] | Service[] | Product[];
     };
 };
@@ -87,7 +88,7 @@ export type InvoiceSetSearchQueryAction = {
 export type InvoiceSetInvoicesAction = {
     type: INVOICE_ACTION_TYPES.SET_INVOICES;
     payload: {
-        invoices: InvoiceTypeBE[];
+        invoices: QuoteInvoiceTypeBE[];
     };
 };
 export type InvoiceSetCountAction = {
@@ -98,7 +99,7 @@ export type InvoiceSetCountAction = {
 };
 export type InvoiceSetInvoiceFormAction = {
     type: INVOICE_ACTION_TYPES.SET_INVOICE_FORM;
-    payload: InvoiceTypeBE;
+    payload: QuoteInvoiceTypeBE;
 };
 export type InvoiceToggleLoadingAction = {
     type: INVOICE_ACTION_TYPES.SET_SKELTON_LOADING;
@@ -107,25 +108,25 @@ export type InvoiceToggleLoadingAction = {
 export type InvoiceAddItemServiceAction = {
     type: INVOICE_ACTION_TYPES.ADD_ITEM_SERVICE;
     payload: {
-        services: Service[];
+        servicesList: Service[];
     };
 };
 export type InvoiceAddItemProductAction = {
     type: INVOICE_ACTION_TYPES.ADD_ITEM_PRODUCT;
     payload: {
-        products: Product[];
+        productsList: Product[];
     };
 };
 export type InvoiceDeleteItemProductAction = {
     type: INVOICE_ACTION_TYPES.DELETE_ITEM_PRODUCT;
     payload: {
-        products: Product[];
+        productsList: Product[];
     };
 };
 export type InvoiceDeleteItemServiceAction = {
     type: INVOICE_ACTION_TYPES.DELETE_ITEM_SERVICE;
     payload: {
-        services: Service[];
+        servicesList: Service[];
     };
 };
 export type InvoiceSetDiscountUnitAction = {
@@ -151,7 +152,7 @@ export type InvoiceSetDrawerAction = {
 export type InvoiceSetFormAction = {
     type: INVOICE_ACTION_TYPES.SET_FORM;
     payload: {
-        form: InvoiceTypeBE;
+        form: QuoteInvoiceTypeBE;
     };
 };
 export type InvoiceSetAfterDiscountAction = {
@@ -175,7 +176,7 @@ export type InvoiceSetFormToRenderAction = {
 export type InvoiceSetProductsListAction = {
     type: INVOICE_ACTION_TYPES.SET_PRODUCTS_LIST;
     payload: {
-        productsList: ProductTypeBE[];
+        list: ProductTypeBE[];
     };
 };
 export type InvoiceSetCompaniesListAction = {

package/base-modules/invoice/context.js

@@ -153,28 +153,31 @@ var useInvoiceState = function () {
             });
         }
     };
-    var updateParams = (0, react_1.useMemo)(function () { return ({
-        category: state.category,
-        companyId: state.companyId,
-        currency: state.currency,
-        customerId: state.customerId,
-        date: state.date,
-        discount: state.discount.trim(),
-        discountUnit: state.discountUnit,
-        expiryDate: state.expiryDate,
-        id: state.id,
-        invoiceStatus: state.invoiceStatus,
-        mode: state.mode,
-        note: state.note.trim(),
-        phone: state.phone,
-        products: state.products,
-        quoteStatus: state.quoteStatus,
-        ref: state.ref,
-        services: state.services,
-        subTotal: state.subTotal,
-        taxRate: state.taxRate,
-        total: state.total,
-    }); }, [state]);
+    var updateParams = (0, react_1.useMemo)(function () {
+        var _a;
+        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,
+            expiryDate: state.expiryDate,
+            id: state.id,
+            invoiceStatus: state.invoiceStatus,
+            mode: state.mode,
+            note: state.note.trim(),
+            phone: state.phone,
+            products: state.products,
+            quoteStatus: state.quoteStatus,
+            ref: state.ref,
+            services: state.services,
+            subTotal: state.subTotal,
+            taxRate: state.taxRate,
+            total: state.total,
+        });
+    }, [state]);
     var updateCallback = function (_a) {
         var data = _a.data, error = _a.error;
         if (error) {
@@ -316,7 +319,7 @@ var useInvoiceState = function () {
                         if (data === null || data === void 0 ? void 0 : data.items) {
                             dispatch({
                                 type: actions_1.INVOICE_ACTION_TYPES.SET_PRODUCTS_LIST,
-                                payload: { productsList: data.items },
+                                payload: { list: data.items },
                             });
                         }
                         return [2 /*return*/];
@@ -411,7 +414,7 @@ var useInvoiceState = function () {
         }); })();
     }, [debouncedTaxList]);
     (0, react_1.useEffect)(function () {
-        var _a = (0, calculate_total_1.calculateTotal)(state.subTotal, state.taxRate, state.discountUnit, state.discount), afterDiscount = _a.afterDiscount, tax = _a.tax, total = _a.total;
+        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.INVOICE_ACTION_TYPES.SET_INPUT_FIELD,
             payload: {
@@ -444,7 +447,7 @@ var useInvoiceState = function () {
         };
         dispatch({
             type: actions_1.INVOICE_ACTION_TYPES.ADD_ITEM_SERVICE,
-            payload: { services: __spreadArray(__spreadArray([], state.services, true), [newItem], false) },
+            payload: { servicesList: __spreadArray(__spreadArray([], state.servicesList, true), [newItem], false) },
         });
     };
     var handleAddItemProduct = function () {
@@ -457,7 +460,7 @@ var useInvoiceState = function () {
         };
         dispatch({
             type: actions_1.INVOICE_ACTION_TYPES.ADD_ITEM_PRODUCT,
-            payload: { products: __spreadArray(__spreadArray([], state.products, true), [newItem], false) },
+            payload: { productsList: __spreadArray(__spreadArray([], state.productsList, true), [newItem], false) },
         });
     };
     var handleCreate = function (text) {
@@ -498,7 +501,7 @@ var useInvoiceState = function () {
             schema: validate_1.formValidation,
             successCallback: function () {
                 updateFetchNow(undefined, {
-                    body: JSON.stringify(__assign(__assign({}, updateParams), { products: updateParams.products.filter(function (item) { return item.id; }), services: updateParams.services.filter(function (item) { return item.name; }), currency: updateParams.currency || defaultCurrency.code, taxRate: updateParams.taxRate || defaultTax.taxRate })),
+                    body: JSON.stringify(__assign(__assign({}, updateParams), { products: state.getProducts.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) {
@@ -508,7 +511,7 @@ var useInvoiceState = function () {
                 });
             },
         });
-    }, [updateFetchNow, updateParams, defaultCurrency, defaultTax]);
+    }, [updateFetchNow, updateParams, defaultCurrency, defaultTax, state.getProducts, state.servicesList]);
     var handleChange = (0, react_1.useCallback)(function (key, value) {
         var _a;
         if (key === 'phone') {
@@ -564,13 +567,13 @@ var useInvoiceState = function () {
     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);
+        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.products;
+        var allProducts = state.productsList;
         var subtotal = (0, calculate_subtotal_1.calculateSubtotal)(updatedItems, allProducts);
         dispatch({
             type: actions_1.INVOICE_ACTION_TYPES.SET_INPUT_FIELD,
@@ -578,21 +581,21 @@ var useInvoiceState = function () {
         });
         dispatch({
             type: actions_1.INVOICE_ACTION_TYPES.SET_INPUT_FIELD,
-            payload: { key: 'services', value: updatedItems },
+            payload: { key: 'servicesList', value: updatedItems },
         });
-    }, [state.products, state.services]);
+    }, [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;
-        var updatedItems = __spreadArray([], state.products, true);
+        var updatedItems = __spreadArray([], state.productsList, true);
         if (key === 'id' && typeof value === 'string') {
-            var matchingProduct = (_e = state.productsList) === null || _e === void 0 ? void 0 : _e.find(function (product) { return product.id === value; });
+            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.services;
+                var allServices = state.servicesList;
                 var subtotal = (0, calculate_subtotal_1.calculateSubtotal)(allServices, updatedItems);
                 dispatch({
                     type: actions_1.INVOICE_ACTION_TYPES.SET_INPUT_FIELD,
@@ -609,7 +612,7 @@ var useInvoiceState = function () {
             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 allServices = state.servicesList;
             var subtotal = (0, calculate_subtotal_1.calculateSubtotal)(allServices, updatedItems);
             dispatch({
                 type: actions_1.INVOICE_ACTION_TYPES.SET_INPUT_FIELD,
@@ -618,9 +621,9 @@ var useInvoiceState = function () {
         }
         dispatch({
             type: actions_1.INVOICE_ACTION_TYPES.SET_INPUT_FIELD,
-            payload: { key: 'products', value: updatedItems },
+            payload: { key: 'productsList', value: updatedItems },
         });
-    }, [state.services, state.products, state.productsList]);
+    }, [state.servicesList, state.productsList, state.getProducts]);
     var handlePriceTypeChange = function (k, v) {
         dispatch({
             type: actions_1.INVOICE_ACTION_TYPES.SET_DISCOUNT_UNIT,
@@ -777,7 +780,7 @@ var useInvoiceState = function () {
             textElements[0].value = state.subTotal;
             textElements[0].error = (_b = state.errors) === null || _b === void 0 ? void 0 : _b.subTotal;
             textElements[0].handleOnChange = handleChange;
-            textElements[1].value = state.discount;
+            textElements[1].value = state.discount || '0';
             textElements[1].error = (_c = state.errors) === null || _c === void 0 ? void 0 : _c.discount;
             textElements[1].handleOnChange = handleChange;
             textElements[2].value = state.afterDiscount ? String(state.afterDiscount) : '0';
@@ -804,20 +807,20 @@ var useInvoiceState = function () {
         return elements;
     }, [handleChange, state, taxes, defaultTax]);
     var handleDeleteServiceRow = function (i) {
-        if (state.services.length > 1) {
-            var res = state.services.splice(i, 1);
+        if (state.servicesList.length > 1) {
+            var res = state.servicesList.splice(i, 1);
             dispatch({
                 type: actions_1.INVOICE_ACTION_TYPES.DELETE_ITEM_SERVICE,
-                payload: { services: __spreadArray([], res, true) },
+                payload: { servicesList: __spreadArray([], res, true) },
             });
         }
     };
     var handleDeleteProductRow = function (i) {
-        if (state.products.length > 1) {
-            var res = state.products.splice(i, 1);
+        if (state.productsList.length > 1) {
+            var res = state.productsList.splice(i, 1);
             dispatch({
                 type: actions_1.INVOICE_ACTION_TYPES.DELETE_ITEM_PRODUCT,
-                payload: { products: __spreadArray([], res, true) },
+                payload: { productsList: __spreadArray([], res, true) },
             });
         }
     };

package/base-modules/invoice/products-form-section.js

@@ -24,10 +24,10 @@ var solid_1 = require("@heroicons/react/24/solid");
 var vista_button_type_1 = require("@appcorp/app-corp-vista/type/vista-button-type");
 var vista_combobox_v1_1 = require("@appcorp/app-corp-vista/molecules/vista-combobox-v1/vista-combobox-v1");
 var ProductsSection = function () {
-    var _a = (0, context_1.useInvoiceStateContext)(), products = _a.products, handleItemChangeProducts = _a.handleItemChangeProducts, handleDeleteServiceRow = _a.handleDeleteServiceRow, handleChange = _a.handleChange, productsList = _a.productsList;
+    var _a = (0, context_1.useInvoiceStateContext)(), handleChange = _a.handleChange, handleDeleteServiceRow = _a.handleDeleteServiceRow, handleItemChangeProducts = _a.handleItemChangeProducts, productsList = _a.productsList, getProducts = _a.getProducts;
     return (react_1.default.createElement("div", { className: "flex flex-col gap-4" },
         react_1.default.createElement(vista_vertical_divider_v4_1.VistaVerticalDividerV4, { label: "Products" }),
-        products.map(function (row, index) { return (react_1.default.createElement("div", { key: index, className: 'grid grid-cols-[17.5%_17.5%_17.5%_17.5%_17.5%_auto] items-end justify-between gap-4' },
+        productsList.map(function (row, index) { return (react_1.default.createElement("div", { key: index, className: 'grid grid-cols-[17.5%_17.5%_17.5%_17.5%_17.5%_auto] items-end justify-between gap-4' },
             react_1.default.createElement("div", { className: 'col-span-2' },
                 react_1.default.createElement(vista_combobox_v1_1.VistaComboboxV1, { handleOnChange: function (k, v) {
                         var val = __assign({}, v);
@@ -36,10 +36,10 @@ var ProductsSection = function () {
                             key: k,
                             value: val.id,
                         });
-                    }, handleOnBlur: handleChange, handleInputOnChange: handleChange, label: "Product", listItems: productsList, nodeQueryKey: 'productQuery', nodeSelectKey: 'id', query: '', selectKey1: 'name', selectedItem: { id: products[index].id } })),
-            react_1.default.createElement(vista_text_input_v1_1.VistaTextInputV1, { handleOnChange: function (k, v) { return handleItemChangeProducts({ index: index, key: k, value: v }); }, id: 'quantity', label: 'Quantity', placeholder: '1', value: String(products[index].quantity), type: 'text' }),
-            react_1.default.createElement(vista_text_input_v1_1.VistaTextInputV1, { handleOnChange: function (k, v) { return handleItemChangeProducts({ index: index, key: k, value: v }); }, id: 'price', label: 'Price', placeholder: '0.00', value: products[index].price, type: 'number' }),
-            react_1.default.createElement(vista_text_input_v1_1.VistaTextInputV1, { handleOnChange: function (k, v) { return handleItemChangeProducts({ index: index, key: k, value: v }); }, id: 'rowTotal', label: 'Row Total', placeholder: '0.00', value: products[index].rowTotal, type: 'number', readOnly: true }),
+                    }, handleOnBlur: handleChange, handleInputOnChange: handleChange, label: "Product", listItems: getProducts, nodeQueryKey: 'productQuery', nodeSelectKey: 'id', query: '', selectKey1: 'name', selectedItem: { id: productsList[index].id } })),
+            react_1.default.createElement(vista_text_input_v1_1.VistaTextInputV1, { handleOnChange: function (k, v) { return handleItemChangeProducts({ index: index, key: k, value: v }); }, id: 'quantity', label: 'Quantity', placeholder: '1', value: String(productsList[index].quantity), type: 'text' }),
+            react_1.default.createElement(vista_text_input_v1_1.VistaTextInputV1, { handleOnChange: function (k, v) { return handleItemChangeProducts({ index: index, key: k, value: v }); }, id: 'price', label: 'Price', placeholder: '0.00', value: productsList[index].price, type: 'number' }),
+            react_1.default.createElement(vista_text_input_v1_1.VistaTextInputV1, { handleOnChange: function (k, v) { return handleItemChangeProducts({ index: index, key: k, value: v }); }, id: 'rowTotal', label: 'Row Total', placeholder: '0.00', value: productsList[index].rowTotal, type: 'number', readOnly: true }),
             react_1.default.createElement(vista_button_v1_1.VistaButtonV1, { className: 'flex justify-center items-end', handleOnClick: function () { return handleDeleteServiceRow(index); }, icon: react_1.default.createElement(solid_1.TrashIcon, { className: "size-6" }), variant: vista_button_type_1.VISTA_BUTTON_VARIANT.ICON }))); })));
 };
 exports.ProductsSection = ProductsSection;

package/base-modules/invoice/reducer.js

@@ -34,6 +34,7 @@ exports.initialInvoiceState = {
     count: 0,
     countryQuery: '',
     currency: '',
+    services: [],
     customer: {
         address: '',
         city: '',
@@ -60,6 +61,7 @@ exports.initialInvoiceState = {
     invoiceStatus: types_1.INVOICE_STATUS.UNPAID,
     invoices: [],
     loading: true,
+    getProducts: [],
     modal: null,
     mode: 'Create',
     netTotal: '',
@@ -67,7 +69,6 @@ exports.initialInvoiceState = {
     pageLimit: constants_1.pageLimit,
     payments: [],
     phone: '',
-    productsList: [],
     companiesList: [],
     productQuery: '',
     quoteStatus: types_1.QUOTE_STATUS.DRAFT,
@@ -79,6 +80,7 @@ exports.initialInvoiceState = {
     taxQuery: '',
     taxes: [],
     total: '',
+    products: [],
     company: {
         name: '',
         country: '',
@@ -89,7 +91,7 @@ exports.initialInvoiceState = {
         email: '',
         website: '',
     },
-    services: [
+    servicesList: [
         {
             mode: 'Create',
             name: '',
@@ -99,7 +101,7 @@ exports.initialInvoiceState = {
             rowTotal: '',
         },
     ],
-    products: [
+    productsList: [
         {
             mode: 'Create',
             price: '',
@@ -150,15 +152,15 @@ function invoiceReducer(state, action) {
         case actions_1.INVOICE_ACTION_TYPES.SET_TAX:
             return __assign(__assign({}, state), { tax: action.payload.tax });
         case actions_1.INVOICE_ACTION_TYPES.ADD_ITEM_SERVICE:
-            return __assign(__assign({}, state), { services: __spreadArray([], action.payload.services, true) });
+            return __assign(__assign({}, state), { servicesList: __spreadArray([], action.payload.servicesList, true) });
         case actions_1.INVOICE_ACTION_TYPES.ADD_ITEM_PRODUCT:
-            return __assign(__assign({}, state), { products: __spreadArray([], action.payload.products, true) });
+            return __assign(__assign({}, state), { productsList: __spreadArray([], action.payload.productsList, true) });
         case actions_1.INVOICE_ACTION_TYPES.DELETE_ITEM_SERVICE:
-            return __assign(__assign({}, state), { services: __spreadArray([], action.payload.services, true) });
+            return __assign(__assign({}, state), { servicesList: __spreadArray([], action.payload.servicesList, true) });
         case actions_1.INVOICE_ACTION_TYPES.DELETE_ITEM_PRODUCT:
-            return __assign(__assign({}, state), { products: __spreadArray([], action.payload.products, true) });
-        case actions_1.INVOICE_ACTION_TYPES.SET_PRODUCTS_LIST:
             return __assign(__assign({}, state), { productsList: __spreadArray([], action.payload.productsList, true) });
+        case actions_1.INVOICE_ACTION_TYPES.SET_PRODUCTS_LIST:
+            return __assign(__assign({}, state), { getProducts: __spreadArray([], action.payload.list, true) });
         case actions_1.INVOICE_ACTION_TYPES.SET_CUSTOMER:
             return __assign(__assign({}, state), { customerId: state.customerId, customer: __assign(__assign({}, state.customer), action.payload.customer) });
         case actions_1.INVOICE_ACTION_TYPES.SET_CUSTOMER_FORM:

package/base-modules/invoice/services-form-section.js

@@ -12,15 +12,15 @@ var vista_button_type_1 = require("@appcorp/app-corp-vista/type/vista-button-typ
 var solid_1 = require("@heroicons/react/24/solid");
 var context_1 = require("./context");
 var ServicesSection = function () {
-    var _a = (0, context_1.useInvoiceStateContext)(), services = _a.services, handleItemChangeServices = _a.handleItemChangeServices, handleDeleteServiceRow = _a.handleDeleteServiceRow;
+    var _a = (0, context_1.useInvoiceStateContext)(), servicesList = _a.servicesList, handleItemChangeServices = _a.handleItemChangeServices, handleDeleteServiceRow = _a.handleDeleteServiceRow;
     return (react_1.default.createElement("div", { className: "flex flex-col gap-4" },
         react_1.default.createElement(vista_vertical_divider_v4_1.VistaVerticalDividerV4, { label: "Services" }),
-        services.map(function (row, index) { return (react_1.default.createElement("div", { key: index, className: 'grid grid-cols-[17.5%_17.5%_17.5%_17.5%_17.5%_auto] items-end justify-between gap-4' },
-            react_1.default.createElement(vista_text_input_v1_1.VistaTextInputV1, { handleOnChange: function (k, v) { return handleItemChangeServices({ index: index, key: k, value: v }); }, id: 'name', label: 'Service Name', placeholder: 'Service Name', value: services[index].name, type: 'text' }),
-            react_1.default.createElement(vista_text_input_v1_1.VistaTextInputV1, { handleOnChange: function (k, v) { return handleItemChangeServices({ index: index, key: k, value: v }); }, id: 'description', label: 'Service Description', placeholder: 'Service Description', value: services[index].description, type: 'text' }),
-            react_1.default.createElement(vista_text_input_v1_1.VistaTextInputV1, { handleOnChange: function (k, v) { return handleItemChangeServices({ index: index, key: k, value: v }); }, id: 'quantity', label: 'Quantity', placeholder: '1', value: services[index].quantity, type: 'number' }),
-            react_1.default.createElement(vista_text_input_v1_1.VistaTextInputV1, { handleOnChange: function (k, v) { return handleItemChangeServices({ index: index, key: k, value: v }); }, id: 'price', label: 'Price', placeholder: '0.00', value: services[index].price, type: 'number' }),
-            react_1.default.createElement(vista_text_input_v1_1.VistaTextInputV1, { handleOnChange: function (k, v) { return handleItemChangeServices({ index: index, key: k, value: v }); }, id: 'rowTotal', label: 'Row Total', placeholder: '0.00', value: services[index].rowTotal, type: 'number', readOnly: true }),
+        servicesList.map(function (row, index) { return (react_1.default.createElement("div", { key: index, className: 'grid grid-cols-[17.5%_17.5%_17.5%_17.5%_17.5%_auto] items-end justify-between gap-4' },
+            react_1.default.createElement(vista_text_input_v1_1.VistaTextInputV1, { handleOnChange: function (k, v) { return handleItemChangeServices({ index: index, key: k, value: v }); }, id: 'name', label: 'Service Name', placeholder: 'Service Name', value: servicesList[index].name, type: 'text' }),
+            react_1.default.createElement(vista_text_input_v1_1.VistaTextInputV1, { handleOnChange: function (k, v) { return handleItemChangeServices({ index: index, key: k, value: v }); }, id: 'description', label: 'Service Description', placeholder: 'Service Description', value: servicesList[index].description, type: 'text' }),
+            react_1.default.createElement(vista_text_input_v1_1.VistaTextInputV1, { handleOnChange: function (k, v) { return handleItemChangeServices({ index: index, key: k, value: v }); }, id: 'quantity', label: 'Quantity', placeholder: '1', value: servicesList[index].quantity, type: 'number' }),
+            react_1.default.createElement(vista_text_input_v1_1.VistaTextInputV1, { handleOnChange: function (k, v) { return handleItemChangeServices({ index: index, key: k, value: v }); }, id: 'price', label: 'Price', placeholder: '0.00', value: servicesList[index].price, type: 'number' }),
+            react_1.default.createElement(vista_text_input_v1_1.VistaTextInputV1, { handleOnChange: function (k, v) { return handleItemChangeServices({ index: index, key: k, value: v }); }, id: 'rowTotal', label: 'Row Total', placeholder: '0.00', value: servicesList[index].rowTotal, type: 'number', readOnly: true }),
             react_1.default.createElement(vista_button_v1_1.VistaButtonV1, { className: 'flex justify-center items-end', handleOnClick: function () { return handleDeleteServiceRow(index); }, icon: react_1.default.createElement(solid_1.TrashIcon, { className: "size-6" }), variant: vista_button_type_1.VISTA_BUTTON_VARIANT.ICON }))); })));
 };
 exports.ServicesSection = ServicesSection;

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

@@ -7,6 +7,7 @@ import { InvoiceActions } from './actions';
 import { ProductTypeBE } from '@appcorp/stellar-solutions-product-module/base-modules/product/types';
 import { ContactTypeBE } from '@appcorp/stellar-solutions-company-module/base-modules/contact/types';
 import { TaxTypeBE } from '@appcorp/stellar-solutions-modules/global-modules/preferences/types';
+import { CustomerTypeBE } from '@appcorp/stellar-solutions-company-module/base-modules/customer/types';
 export interface InvoiceContextType {
     byIdError?: Error;
     byIdLoading: boolean;
@@ -62,22 +63,11 @@ export interface Service {
     mode: 'Create' | 'Edit' | '';
     rowTotal: string;
 }
-export interface CustomerTypeBE {
-    address?: string;
-    city: string;
-    country: string;
-    createdAt: string;
-    email?: string;
-    firstName: string;
-    id: string;
-    invoices?: InvoiceTypeBE[];
-    lastName: string;
-    phone: string;
-    updatedAt: string;
-}
 export declare enum PAYMENT_MODE {
 }
 export declare enum PAYMENT_TYPE {
+    FULL_AMOUNT = "FULL_AMOUNT",
+    PARTIAL_AMOUNT = "PARTIAL_AMOUNT"
 }
 export interface PaymentTypeBE {
     amount: string;
@@ -90,12 +80,23 @@ export interface PaymentTypeBE {
     id: string;
     mode: PAYMENT_MODE;
     paymentType: PAYMENT_TYPE;
-    quoteInvoice: InvoiceTypeBE;
+    quoteInvoice: QuoteInvoiceTypeBE;
     quoteInvoiceId: string;
     ref?: string;
     updatedAt: string;
 }
-export interface InvoiceTypeBE {
+export interface ServiceTypeBE {
+    createdAt: string;
+    description?: string;
+    id: string;
+    name: string;
+    price: string;
+    quantity: string;
+    quoteInvoice?: QuoteInvoiceTypeBE;
+    quoteInvoiceId?: string;
+    updatedAt: string;
+}
+export interface QuoteInvoiceTypeBE {
     category: QUOTE_INVOICE_CATEGORY;
     company?: CompanyTypeBE;
     companyId?: string;
@@ -104,24 +105,32 @@ export interface InvoiceTypeBE {
     customer?: CustomerTypeBE;
     customerId?: string;
     date: string;
-    discount: string;
+    discount?: string;
     discountUnit: DISCOUNT_UNIT;
     expiryDate: string;
     id: string;
     invoiceStatus: INVOICE_STATUS;
     note: string;
     payments: PaymentTypeBE[];
-    products: Product[];
+    products: QuoteInvoiceProduct[];
     quoteStatus: QUOTE_STATUS;
     ref: string;
-    services: Service[];
+    services: ServiceTypeBE[];
     subTotal: string;
     taxRate: string;
     total: string;
     updatedAt: string;
 }
-export interface InvoiceState extends Omit<InvoiceTypeBE, 'createdAt' | 'updatedAt'> {
+export interface QuoteInvoiceProduct {
+    quoteInvoiceId: string;
+    productId: string;
+    product: ProductTypeBE;
+    quoteInvoice: QuoteInvoiceTypeBE;
+    quantity: string;
+}
+export interface InvoiceState extends Omit<QuoteInvoiceTypeBE, 'createdAt' | 'updatedAt'> {
     afterDiscount: string;
+    companiesList: CompanyTypeBE[];
     companyQuery: string;
     contactsList: ContactTypeBE[];
     count: number;
@@ -134,7 +143,7 @@ export interface InvoiceState extends Omit<InvoiceTypeBE, 'createdAt' | 'updated
     errors: {
         [key: string]: string;
     };
-    invoices: InvoiceTypeBE[];
+    invoices: QuoteInvoiceTypeBE[];
     loading: boolean;
     modal: null | PRODUCT_MODAL;
     mode: 'Create' | 'Edit';
@@ -142,13 +151,13 @@ export interface InvoiceState extends Omit<InvoiceTypeBE, 'createdAt' | 'updated
     pageLimit: number;
     phone: string;
     productQuery: string;
-    products: Product[];
-    productsList: ProductTypeBE[];
-    companiesList: CompanyTypeBE[];
+    productsList: Product[];
     searchQuery: string;
+    servicesList: Service[];
     tax: string;
     taxQuery: string;
     taxes: TaxTypeBE[];
+    getProducts: ProductTypeBE[];
 }
 export interface FetchInvoicesArgs {
     currentPage: number;
@@ -166,22 +175,6 @@ export declare enum QUOTE_INVOICE_CATEGORY {
     QUOTE = "QUOTE",
     INVOICE = "INVOICE"
 }
-export declare enum CURRENCY {
-    AUD = "AUD",
-    BHD = "BHD",
-    CAD = "CAD",
-    CNY = "CNY",
-    EUR = "EUR",
-    GBP = "GBP",
-    JOD = "JOD",
-    JPY = "JPY",
-    KWD = "KWD",
-    MYR = "MYR",
-    OMR = "OMR",
-    PKR = "PKR",
-    SAR = "SAR",
-    USD = "USD"
-}
 export declare enum INVOICE_STATUS {
     UNPAID = "UNPAID",
     PAID = "PAID"

package/base-modules/invoice/types.js

@@ -1,11 +1,26 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.DISCOUNT_UNIT = exports.QUOTE_STATUS = exports.INVOICE_STATUS = exports.CURRENCY = exports.QUOTE_INVOICE_CATEGORY = exports.PRODUCT_MODAL = exports.INVOICE_DRAWER = exports.PAYMENT_TYPE = exports.PAYMENT_MODE = void 0;
+exports.DISCOUNT_UNIT = exports.QUOTE_STATUS = exports.INVOICE_STATUS = exports.QUOTE_INVOICE_CATEGORY = exports.PRODUCT_MODAL = exports.INVOICE_DRAWER = exports.PAYMENT_TYPE = exports.PAYMENT_MODE = void 0;
+// export interface CustomerTypeBE {
+//   address?: string;
+//   city: string;
+//   country: string;
+//   createdAt: string;
+//   email?: string;
+//   firstName: string;
+//   id: string;
+//   invoices?: InvoiceTypeBE[];
+//   lastName: string;
+//   phone: string;
+//   updatedAt: string;
+// }
 var PAYMENT_MODE;
 (function (PAYMENT_MODE) {
 })(PAYMENT_MODE || (exports.PAYMENT_MODE = PAYMENT_MODE = {}));
 var PAYMENT_TYPE;
 (function (PAYMENT_TYPE) {
+    PAYMENT_TYPE["FULL_AMOUNT"] = "FULL_AMOUNT";
+    PAYMENT_TYPE["PARTIAL_AMOUNT"] = "PARTIAL_AMOUNT";
 })(PAYMENT_TYPE || (exports.PAYMENT_TYPE = PAYMENT_TYPE = {}));
 var INVOICE_DRAWER;
 (function (INVOICE_DRAWER) {
@@ -21,23 +36,6 @@ var QUOTE_INVOICE_CATEGORY;
     QUOTE_INVOICE_CATEGORY["QUOTE"] = "QUOTE";
     QUOTE_INVOICE_CATEGORY["INVOICE"] = "INVOICE";
 })(QUOTE_INVOICE_CATEGORY || (exports.QUOTE_INVOICE_CATEGORY = QUOTE_INVOICE_CATEGORY = {}));
-var CURRENCY;
-(function (CURRENCY) {
-    CURRENCY["AUD"] = "AUD";
-    CURRENCY["BHD"] = "BHD";
-    CURRENCY["CAD"] = "CAD";
-    CURRENCY["CNY"] = "CNY";
-    CURRENCY["EUR"] = "EUR";
-    CURRENCY["GBP"] = "GBP";
-    CURRENCY["JOD"] = "JOD";
-    CURRENCY["JPY"] = "JPY";
-    CURRENCY["KWD"] = "KWD";
-    CURRENCY["MYR"] = "MYR";
-    CURRENCY["OMR"] = "OMR";
-    CURRENCY["PKR"] = "PKR";
-    CURRENCY["SAR"] = "SAR";
-    CURRENCY["USD"] = "USD";
-})(CURRENCY || (exports.CURRENCY = CURRENCY = {}));
 var INVOICE_STATUS;
 (function (INVOICE_STATUS) {
     INVOICE_STATUS["UNPAID"] = "UNPAID";
@@ -56,16 +54,3 @@ var DISCOUNT_UNIT;
     DISCOUNT_UNIT["FIXED_VALUE"] = "FIXED_VALUE";
     DISCOUNT_UNIT["PERCENTAGE_VALUE"] = "PERCENTAGE_VALUE";
 })(DISCOUNT_UNIT || (exports.DISCOUNT_UNIT = DISCOUNT_UNIT = {}));
-// export interface CustomerTypeBE {
-//   address?: string;
-//   city: string;
-//   country: string;
-//   createdAt: string;
-//   email?: string;
-//   firstName: string;
-//   id: string;
-//   invoices?: InvoiceTypeBE[]
-//   lastName: string;
-//   phone: string;
-//   updatedAt: string;
-// }

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@appcorp/stellar-solutions-invoice-module",
-  "version": "0.1.51",
+  "version": "0.1.52",
   "scripts": {
     "build": "yarn clean && yarn build:ts && cp package.json lib && cp README.md lib && cp yarn.lock lib",
     "build:next": "next build",