@appcorp/stellar-solutions-invoice-module 0.1.3 → 0.1.5

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,7 +47,7 @@ exports.staticCompanySection = (_a = {},
             error: '',
             handleOnChange: function () { return void 0; },
             id: 'date',
-            label: '',
+            label: 'Date',
             order: 2,
             placeholder: '',
             required: false,
@@ -59,7 +59,7 @@ exports.staticCompanySection = (_a = {},
             error: '',
             handleOnChange: function () { return void 0; },
             id: 'expiryDate',
-            label: '',
+            label: 'Expire Date',
             order: 3,
             placeholder: '',
             required: false,
@@ -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,

package/base-modules/invoice/context.js

@@ -103,6 +103,7 @@ 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 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;
@@ -313,9 +314,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 +330,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 +351,30 @@ var useInvoiceState = function () {
         dispatch({
             type: actions_1.INVOICE_ACTION_TYPES.CLEAR_ERRORS,
         });
+    }, []);
+    var handleDateChange = function (key, date) {
+        var _a, _b;
+        console.log('_???', key, date);
+        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,17 +517,24 @@ var useInvoiceState = function () {
             type: actions_1.INVOICE_ACTION_TYPES.CLEAR_ERRORS,
         });
     };
-    var dynamicFormElements = (0, react_1.useMemo)(function () {
+    var dynamicCompanyFormElements = (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];
-            });
+            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;
+            textInputElements[3].handleOnChange = handleChange;
+            textInputElements[3].error = state.errors.ref;
+            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; });
         if (textAreaElements) {
@@ -536,7 +576,7 @@ var useInvoiceState = function () {
             // });
         }
         return elements;
-    }, [state]);
+    }, [state, handleChange]);
     var dynamicPricingFormElements = (0, react_1.useMemo)(function () {
         var elements = __assign({}, constants_1.staticPricingSection);
         return elements;
@@ -575,6 +615,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,6 +634,7 @@ 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; });
@@ -638,11 +681,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/reducer.js

@@ -10,6 +10,15 @@ var __assign = (this && this.__assign) || function () {
     };
     return __assign.apply(this, arguments);
 };
+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.initialInvoiceState = void 0;
 exports.invoiceReducer = invoiceReducer;
@@ -116,11 +125,8 @@ function invoiceReducer(state, action) {
         //   };
         case actions_1.INVOICE_ACTION_TYPES.SET_PAGE_LIMIT:
             return __assign(__assign({}, state), { pageLimit: action.payload.pageLimit });
-        // case INVOICE_ACTION_TYPES.SET_PRODUCTS:
-        //   return {
-        //     ...state,
-        //     products: [...action.payload.products],
-        //   };
+        case actions_1.INVOICE_ACTION_TYPES.SET_INVOICES:
+            return __assign(__assign({}, state), { invoices: __spreadArray([], action.payload.invoices, true) });
         case actions_1.INVOICE_ACTION_TYPES.SET_SEARCH_QUERY:
             return __assign(__assign({}, state), { searchQuery: action.payload.searchQuery });
         case actions_1.INVOICE_ACTION_TYPES.SET_FORM:

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.3",
+  "version": "0.1.5",
   "scripts": {
     "build": "yarn clean && yarn build:ts && cp package.json lib && cp README.md lib",
     "build:next": "next build",