@appcorp/stellar-solutions-invoice-module 0.1.4 → 0.1.6

package/base-modules/invoice/company-form-elements.d.ts

@@ -0,0 +1,3 @@
+import React from 'react';
+import { VistaFormElements } from '@appcorp/app-corp-vista/type/vista-form-elements';
+export declare const renderCompanyFormElements: (elementProps: VistaFormElements) => React.JSX.Element;

package/base-modules/invoice/company-form-elements.js

@@ -0,0 +1,41 @@
+"use strict";
+/* eslint-disable */
+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 __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.renderCompanyFormElements = void 0;
+var react_1 = __importDefault(require("react"));
+var form_schema_1 = require("@appcorp/app-corp-vista/utils/form-schema");
+var renderCompanyFormElements = function (elementProps) {
+    var _a;
+    var elementsArray = (_a = Object.entries(form_schema_1.vistaFormSchema)
+        .flatMap(function (_a) {
+        var _b, _c;
+        var key = _a[0], config = _a[1];
+        var Component = config;
+        return (_c = (_b = (elementProps[key] || [])) === null || _b === void 0 ? void 0 : _b.filter(function (props) { return props.enabled; })) === null || _c === void 0 ? void 0 : _c.map(function (props) { return ({
+            Component: Component,
+            key: key,
+            order: props.order,
+            props: props,
+        }); });
+    })) === null || _a === void 0 ? void 0 : _a.sort(function (a, b) { return a.order - b.order; });
+    return (react_1.default.createElement("div", { className: "grid grid-cols-3 gap-4" }, elementsArray === null || elementsArray === void 0 ? void 0 : elementsArray.map(function (_a, index) {
+        var key = _a.key, Component = _a.Component, props = _a.props;
+        return (react_1.default.createElement("div", { key: "".concat(key, "-").concat(index) },
+            react_1.default.createElement(Component, __assign({}, props))));
+    })));
+};
+exports.renderCompanyFormElements = renderCompanyFormElements;

package/base-modules/invoice/company-form-section.d.ts

@@ -0,0 +1,2 @@
+import React from 'react';
+export declare const CompanySection: () => React.JSX.Element;

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

@@ -0,0 +1,17 @@
+"use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.CompanySection = void 0;
+var react_1 = __importDefault(require("react"));
+var vista_vertical_divider_v4_1 = require("@appcorp/app-corp-vista/molecules/vista-vertical-divider-v4");
+var company_form_elements_1 = require("./company-form-elements");
+var context_1 = require("./context");
+var CompanySection = function () {
+    var dynamicCompanyFormElements = (0, context_1.useInvoiceStateContext)().dynamicCompanyFormElements;
+    return (react_1.default.createElement("div", { className: "flex flex-col gap-4" },
+        react_1.default.createElement(vista_vertical_divider_v4_1.VistaVerticalDividerV4, { label: "Company" }),
+        (0, company_form_elements_1.renderCompanyFormElements)(dynamicCompanyFormElements)));
+};
+exports.CompanySection = CompanySection;

package/base-modules/invoice/constants.js

@@ -35,7 +35,7 @@ exports.staticCompanySection = (_a = {},
             error: '',
             handleOnChange: function () { return void 0; },
             id: 'ref',
-            label: '',
+            label: 'Ref',
             order: 6,
             placeholder: '',
             required: true,
@@ -47,10 +47,10 @@ exports.staticCompanySection = (_a = {},
             error: '',
             handleOnChange: function () { return void 0; },
             id: 'date',
-            label: '',
+            label: 'Date',
             order: 2,
             placeholder: '',
-            required: false,
+            required: true,
             type: 'date',
             value: '',
         },
@@ -59,10 +59,10 @@ exports.staticCompanySection = (_a = {},
             error: '',
             handleOnChange: function () { return void 0; },
             id: 'expiryDate',
-            label: '',
+            label: 'Expire Date',
             order: 3,
             placeholder: '',
-            required: false,
+            required: true,
             type: 'date',
             value: '',
         },
@@ -71,7 +71,7 @@ exports.staticCompanySection = (_a = {},
             error: '',
             handleOnChange: function () { return void 0; },
             id: 'note',
-            label: '',
+            label: 'Note',
             order: 5,
             placeholder: 'This is invoice for...',
             required: false,
@@ -79,29 +79,35 @@ exports.staticCompanySection = (_a = {},
             value: '',
         },
     ],
-    _a[form_schema_1.VISTA_FORM_ELEMENTS.SELECT_V1] = [
+    _a[form_schema_1.VISTA_FORM_ELEMENTS.COMBOBOX_V1] = [
         {
             enabled: true,
+            handleInputOnChange: function () { return void 0; },
+            handleOnBlur: function () { return void 0; },
             handleOnChange: function () { return void 0; },
             label: 'Company',
             listItems: [],
+            nodeQueryKey: '',
             nodeSelectKey: 'companyId',
             order: 1,
-            required: false,
+            query: '',
+            required: true,
             selectKey1: 'name',
-            selectKey2: '',
             selectedItem: { name: '' },
         },
         {
             enabled: true,
+            handleInputOnChange: function () { return void 0; },
+            handleOnBlur: function () { return void 0; },
             handleOnChange: function () { return void 0; },
             label: 'Currency',
             listItems: [],
+            nodeQueryKey: '',
             nodeSelectKey: 'currency',
             order: 4,
-            required: false,
+            query: '',
+            required: true,
             selectKey1: 'label',
-            selectKey2: '',
             selectedItem: { label: '' },
         },
         // {

package/base-modules/invoice/context.js

@@ -103,9 +103,12 @@ 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 context_2 = require("@appcorp/stellar-solutions-company-module/base-modules/company/context");
+var date_fns_1 = require("date-fns");
 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 companies = (0, context_2.useCompanyStateContext)().companies;
     var debouncedQuery = (0, util_functions_1.useDebounce)(state.searchQuery, 800);
     var listParams = {
         currentPage: state.currentPage,
@@ -313,9 +316,8 @@ var useInvoiceState = function () {
                         body: JSON.stringify(__assign({})),
                     });
                 }
-                // eslint-disable-next-line
             }
-            catch (err) {
+            catch (_b) {
                 (0, generate_toast_1.generateToast)({
                     description: constants_1.messages.error,
                     variant: vista_notification_type_1.VISTA_NOTIFICATION_V1_VARIANT.ERROR,
@@ -330,7 +332,16 @@ var useInvoiceState = function () {
             return [2 /*return*/];
         });
     }); }, [updateFetchNow]);
-    var handleChange = function (key, value) {
+    var handleChange = (0, react_1.useCallback)(function (key, value) {
+        if (key === 'taxValue') {
+            dispatch({
+                type: actions_1.INVOICE_ACTION_TYPES.SET_INPUT_FIELD,
+                payload: {
+                    key: key,
+                    value: value,
+                },
+            });
+        }
         dispatch({
             type: actions_1.INVOICE_ACTION_TYPES.SET_INPUT_FIELD,
             payload: { key: key, value: String(value).trim(), },
@@ -342,6 +353,29 @@ var useInvoiceState = function () {
         dispatch({
             type: actions_1.INVOICE_ACTION_TYPES.CLEAR_ERRORS,
         });
+    }, []);
+    var handleDateChange = function (key, date) {
+        var _a, _b;
+        var selectedDate = (_a = new Date(date)) === null || _a === void 0 ? void 0 : _a.toISOString();
+        var expireDate = (_b = (0, date_fns_1.addDays)(selectedDate, 7)) === null || _b === void 0 ? void 0 : _b.toISOString();
+        if (key === 'expiryDate') {
+            dispatch({
+                type: actions_1.INVOICE_ACTION_TYPES.SET_INPUT_FIELD,
+                payload: { key: 'expiryDate', value: selectedDate },
+            });
+            return;
+        }
+        dispatch({
+            type: actions_1.INVOICE_ACTION_TYPES.SET_INPUT_FIELD,
+            payload: {
+                key: key,
+                value: selectedDate,
+            },
+        });
+        dispatch({
+            type: actions_1.INVOICE_ACTION_TYPES.SET_INPUT_FIELD,
+            payload: { key: 'expiryDate', value: expireDate },
+        });
     };
     var handleItemChangeServices = (0, react_1.useCallback)(function (_a) {
         var _b;
@@ -484,19 +518,29 @@ var useInvoiceState = function () {
             type: actions_1.INVOICE_ACTION_TYPES.CLEAR_ERRORS,
         });
     };
-    var dynamicFormElements = (0, react_1.useMemo)(function () {
-        var _a, _b, _c, _d, _e;
+    var dynamicCompanyFormElements = (0, react_1.useMemo)(function () {
+        var _a, _b, _c, _d, _e, _f;
         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];
-            });
+            textInputElements[0].value = state.date ? (0, date_fns_1.format)(state === null || state === void 0 ? void 0 : state.date, 'yyyy-MM-dd') : '';
+            textInputElements[0].handleOnChange = handleDateChange;
+            textInputElements[0].error = state.errors.date;
+            textInputElements[1].value = state.expiryDate ? (0, date_fns_1.format)(new Date(state.expiryDate), 'yyyy-MM-dd') : '';
+            textInputElements[1].handleOnChange = handleDateChange;
+            textInputElements[1].error = state.errors.expiryDate;
+            textInputElements[2].value = state.note;
+            textInputElements[2].handleOnChange = handleChange;
+            textInputElements[2].error = state.errors.note;
+            textInputElements[3].value = state.ref || (0, util_functions_1.generateRef)({ refLength: 5 });
+            var comboboxElements_1 = (_b = elements[form_schema_1.VISTA_FORM_ELEMENTS.COMBOBOX_V1]) === null || _b === void 0 ? void 0 : _b.sort(function (a, b) { return a.order - b.order; });
+            if (comboboxElements_1) {
+                comboboxElements_1[0].selectedItem = {};
+                comboboxElements_1[0].listItems = companies;
+            }
+            return elements;
         }
-        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; });
+        var textAreaElements = (_c = elements[form_schema_1.VISTA_FORM_ELEMENTS.TEXT_AREA_V1]) === null || _c === void 0 ? void 0 : _c.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;
@@ -505,7 +549,7 @@ var useInvoiceState = function () {
                 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; });
+        var selectElements = (_d = elements[form_schema_1.VISTA_FORM_ELEMENTS.SELECT_V1]) === null || _d === void 0 ? void 0 : _d.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;
@@ -513,7 +557,7 @@ var useInvoiceState = function () {
                 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; });
+        var comboboxElements = (_e = elements[form_schema_1.VISTA_FORM_ELEMENTS.COMBOBOX_V1]) === null || _e === void 0 ? void 0 : _e.sort(function (a, b) { return a.order - b.order; });
         if (comboboxElements) {
             // comboboxElements?.forEach(({ nodeSelectKey }, i) => {
             //   comboboxElements[i].handleOnChange = handleSelectChange;
@@ -524,7 +568,7 @@ var useInvoiceState = function () {
             //   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; });
+        var uploadElements = (_f = elements[form_schema_1.VISTA_FORM_ELEMENTS.UPLOAD_V1]) === null || _f === void 0 ? void 0 : _f.sort(function (a, b) { return a.order - b.order; });
         if (uploadElements) {
             // uploadElements?.forEach((_, i) => {
             //   uploadElements[i].imageUrls = state.images;
@@ -536,7 +580,7 @@ var useInvoiceState = function () {
             // });
         }
         return elements;
-    }, [state]);
+    }, [state, handleChange, companies]);
     var dynamicPricingFormElements = (0, react_1.useMemo)(function () {
         var elements = __assign({}, constants_1.staticPricingSection);
         return elements;
@@ -575,6 +619,8 @@ var useInvoiceState = function () {
                     value: v,
                 }); };
                 // textInputElements[i].error = state.errors[id];
+                textInputElements[4].value = state.services[0].rowTotal;
+                // textInputElements[i].error = state.errors[id];
             });
         }
         return elements;
@@ -592,12 +638,13 @@ var useInvoiceState = function () {
                     value: Number(v),
                 }); };
                 // textInputElements[i].error = state.errors[id];
+                textInputElements[2].value = product.rowTotal;
             });
         }
         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].listItems = products;
                 comboboxElements[0].handleOnChange = function (k, v) {
                     var val = __assign({}, v);
                     handleItemChangeProducts({
@@ -609,7 +656,7 @@ var useInvoiceState = function () {
             });
         }
         return elements;
-    }, [state, handleItemChangeProducts]);
+    }, [state, handleItemChangeProducts, products]);
     var headerActions = [
         {
             enabled: true,
@@ -638,11 +685,11 @@ var useInvoiceState = function () {
             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, 
+    return __assign(__assign({}, state), { byIdError: byIdError, byIdLoading: byIdLoading, clearSearch: clearSearch, closeDrawer: closeDrawer, deleteError: deleteError, deleteLoading: deleteLoading, dispatch: dispatch, dynamicCompanyFormElements: dynamicCompanyFormElements, 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; }, 
+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; }, dynamicCompanyFormElements: {}, 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) {

package/base-modules/invoice/form.js

@@ -18,6 +18,7 @@ var products_form_section_1 = require("./products-form-section");
 var pricing_form_section_1 = require("./pricing-form-section");
 var add_service_product_section_1 = require("./add-service-product-section");
 var services_form_section_1 = require("./services-form-section");
+var company_form_section_1 = require("./company-form-section");
 var InvoiceForm = function () {
     // const updated = useMemo(() => {
     //   const elements: VistaFormElements = { ...dynamicFormElements };
@@ -59,6 +60,7 @@ var InvoiceForm = function () {
     //   return elements;
     // }, [dynamicFormElements, translationMap]);
     return (react_1.default.createElement("div", { className: "flex flex-col gap-8" },
+        react_1.default.createElement(company_form_section_1.CompanySection, null),
         react_1.default.createElement(services_form_section_1.ServicesSection, null),
         react_1.default.createElement(products_form_section_1.ProductsSection, null),
         react_1.default.createElement(add_service_product_section_1.AddServiceProductSection, null),

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

@@ -12,7 +12,7 @@ export interface InvoiceContextType {
     deleteError?: Error;
     deleteLoading: boolean;
     dispatch: Dispatch<InvoiceActions>;
-    dynamicFormElements: VistaFormElements;
+    dynamicCompanyFormElements: VistaFormElements;
     dynamicPricingFormElements: VistaFormElements;
     dynamicProductFormElements: VistaFormElements;
     dynamicServiceFormElements: VistaFormElements;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@appcorp/stellar-solutions-invoice-module",
-  "version": "0.1.4",
+  "version": "0.1.6",
   "scripts": {
     "build": "yarn clean && yarn build:ts && cp package.json lib && cp README.md lib",
     "build:next": "next build",
@@ -16,19 +16,17 @@
     "start": "next start",
     "upgrade": "ncu -u"
   },
-  "dependencies": {
-    "@appcorp/stellar-solutions-company-module": "^0.1.16",
-    "@appcorp/stellar-solutions-product-module": "^0.1.84",
-    "date-fns": "^4.1.0"
-  },
+  "dependencies": {},
   "devDependencies": {
     "@appcorp/app-corp-designs": "^0.4.79",
-    "@appcorp/app-corp-vista": "^0.1.95",
+    "@appcorp/app-corp-vista": "^0.2.20",
+    "@appcorp/stellar-solutions-company-module": "^0.1.16",
     "@appcorp/stellar-solutions-modules": "^0.1.5",
+    "@appcorp/stellar-solutions-product-module": "^0.1.87",
     "@eslint/eslintrc": "^3",
     "@headlessui/react": "^2.2.0",
     "@heroicons/react": "^2.2.0",
-    "@react-pakistan/util-functions": "^1.24.10",
+    "@react-pakistan/util-functions": "^1.24.16",
     "@supabase/supabase-js": "^2.50.0",
     "@tailwindcss/forms": "^0.5.10",
     "@tailwindcss/postcss": "^4",
@@ -36,6 +34,7 @@
     "@types/react": "^19",
     "@types/react-dom": "^19",
     "@types/react-slick": "^0",
+    "date-fns": "^4.1.0",
     "dayjs": "^1.11.13",
     "eslint": "^9",
     "eslint-config-next": "15",