@appcorp/stellar-solutions-invoice-module 0.1.1

package/base-modules/invoice/drawer.js

@@ -0,0 +1,19 @@
+"use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.Drawer = void 0;
+var react_1 = __importDefault(require("react"));
+var vista_drawer_v1_1 = require("@appcorp/app-corp-vista/molecules/vista-drawer-v1/vista-drawer-v1");
+var vista_drawer_type_1 = require("@appcorp/app-corp-vista/type/vista-drawer-type");
+var vista_button_type_1 = require("@appcorp/app-corp-vista/type/vista-button-type");
+var context_1 = require("./context");
+var form_1 = require("./form");
+var Drawer = function (_a) {
+    var translationMap = _a.translationMap;
+    var _b = (0, context_1.useInvoiceStateContext)(), closeDrawer = _b.closeDrawer, disableSaveButton = _b.disableSaveButton, drawer = _b.drawer, handleSubmit = _b.handleSubmit;
+    return (react_1.default.createElement(vista_drawer_v1_1.VistaDrawerV1, { cancelLabel: "Cancel", cancelRounded: vista_button_type_1.VISTA_BUTTON_ROUNDED.MD, cancelSize: vista_button_type_1.VISTA_BUTTON_SIZE.LG, handleCancelOnClick: closeDrawer, handleSaveOnClick: handleSubmit, handleSetIsOpen: closeDrawer, isOpen: !!drawer, saveDisabled: disableSaveButton, saveLabel: 'Save', saveRounded: vista_button_type_1.VISTA_BUTTON_ROUNDED.MD, saveSize: vista_button_type_1.VISTA_BUTTON_SIZE.LG, size: vista_drawer_type_1.VISTA_DRAWER_SIZE.XL, title: 'Product' },
+        react_1.default.createElement(form_1.InvoiceForm, { translationMap: translationMap })));
+};
+exports.Drawer = Drawer;

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

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

package/base-modules/invoice/form.js

@@ -0,0 +1,67 @@
+"use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.InvoiceForm = void 0;
+var react_1 = __importDefault(require("react"));
+// import { VistaUploadV1Props } from '@appcorp/app-corp-vista/type/vista-upload-type';
+// import { VistaTextInputV1Props } from '@appcorp/app-corp-vista/type/vista-text-input-type';
+// import { VistaTextAreaV1Props } from '@appcorp/app-corp-vista/type/vista-text-area-type';
+// import { VistaSelectV1Props } from '@appcorp/app-corp-vista/type/vista-select-type';
+// import { VistaFormElements } from '@appcorp/app-corp-vista/type/vista-form-elements';
+// import { VistaComboboxV1Props } from '@appcorp/app-corp-vista/type/vista-combobox-type';
+// import { VISTA_FORM_ELEMENTS } from '@appcorp/app-corp-vista/utils/form-schema';
+// import { useInvoiceStateContext } from './context';
+// import { renderProductFormElements } from './form-elements';
+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 InvoiceForm = function () {
+    // const updated = useMemo(() => {
+    //   const elements: VistaFormElements = { ...dynamicFormElements };
+    //   const textInputElements: VistaTextInputV1Props[] | undefined = elements[VISTA_FORM_ELEMENTS.TEXT_INPUT_V1]?.sort((a, b) => a.order - b.order);
+    //   if (textInputElements) {
+    //     textInputElements?.forEach(({ label }, i) => {
+    //       if (translationMap[label as string] === undefined) return label;
+    //       textInputElements[i].label = translationMap[label as string];
+    //     });
+    //   }
+    //   const textAreaElements: VistaTextAreaV1Props[] | undefined = elements[VISTA_FORM_ELEMENTS.TEXT_AREA_V1]?.sort((a, b) => a.order - b.order);
+    //   if (textAreaElements) {
+    //     textAreaElements?.forEach(({ label }, i) => {
+    //       if (translationMap[label as string] === undefined) return label;
+    //       textAreaElements[i].label = translationMap[label];
+    //     });
+    //   }
+    //   const selectElements: VistaSelectV1Props[] | undefined = elements[VISTA_FORM_ELEMENTS.SELECT_V1]?.sort((a, b) => a.order - b.order);
+    //   if (selectElements) {
+    //     selectElements?.forEach(({ label }, i) => {
+    //       if (translationMap[label as string] === undefined) return label;
+    //       selectElements[i].label = translationMap[label as string];
+    //     });
+    //   }
+    //   const comboboxElements: VistaComboboxV1Props[] | undefined = elements[VISTA_FORM_ELEMENTS.COMBOBOX_V1]?.sort((a, b) => a.order - b.order);
+    //   if (comboboxElements) {
+    //     comboboxElements?.forEach(({ label }, i) => {
+    //       if (translationMap[label as string] === undefined) return label;
+    //       comboboxElements[i].label = translationMap[label as string];
+    //     });
+    //   }
+    //   const uploadElements: VistaUploadV1Props[] | undefined = elements[VISTA_FORM_ELEMENTS.UPLOAD_V1]?.sort((a, b) => a.order - b.order);
+    //   if (uploadElements) {
+    //     uploadElements?.forEach(({ label }, i) => {
+    //       if (translationMap[label as string] === undefined) return label;
+    //       uploadElements[i].label = translationMap[label as string];
+    //     });
+    //   }
+    //   return elements;
+    // }, [dynamicFormElements, translationMap]);
+    return (react_1.default.createElement("div", { className: "flex flex-col gap-8" },
+        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),
+        react_1.default.createElement(pricing_form_section_1.PricingSection, null)));
+};
+exports.InvoiceForm = InvoiceForm;

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

@@ -0,0 +1,10 @@
+import { FC } from 'react';
+import "slick-carousel/slick/slick.css";
+import "slick-carousel/slick/slick-theme.css";
+interface Props {
+    params: Promise<{
+        locale: 'en' | 'ur';
+    }>;
+}
+export declare const InvoicePage: FC<Props>;
+export {};

package/base-modules/invoice/invoice.js

@@ -0,0 +1,90 @@
+'use client';
+"use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.InvoicePage = void 0;
+var react_1 = __importDefault(require("react"));
+var next_intl_1 = require("next-intl");
+var util_functions_1 = require("@react-pakistan/util-functions");
+var context_1 = require("./context");
+var vista_table_v1_1 = require("@appcorp/app-corp-vista/organisms/vista-table-v1/vista-table-v1");
+var constants_1 = require("./constants");
+var drawer_1 = require("./drawer");
+var generate_toast_1 = require("@appcorp/app-corp-vista/utils/generate-toast");
+require("slick-carousel/slick/slick.css");
+require("slick-carousel/slick/slick-theme.css");
+var InvoicePage = function () {
+    var _a = (0, context_1.useInvoiceStateContext)(), count = _a.count, currentPage = _a.currentPage, pageLimit = _a.pageLimit, handleNextClick = _a.handleNextClick, handlePreviousClick = _a.handlePreviousClick, 
+    // toggleDrawerOpen,
+    headerActions = _a.headerActions, handlePageLimit = _a.handlePageLimit, searchQuery = _a.searchQuery, searchOnChange = _a.searchOnChange, rowActions = _a.rowActions, invoices = _a.invoices;
+    var t = (0, next_intl_1.useTranslations)('invoicePage');
+    var translationMap = {
+        formLabelName: 'formLabelName',
+        formLabelBuyPrice: 'formLabelBuyPrice',
+        formLabelDescription: 'formLabelDescription',
+        formLabelQuantity: 'formLabelQuantity',
+        formLabelSalePrice: 'formLabelSalePrice',
+        formLabelRef: 'formLabelRef',
+        formLabelCurrency: 'formLabelCurrency',
+        formLabelImage: 'formLabelImage',
+        formLabelProductCategory: 'formLabelProductCategory',
+    };
+    var tableHeadItems = [
+        {
+            label: t('tableColumnHeaderId'),
+            width: '5%',
+        },
+        {
+            label: t('tableColumnHeaderName'),
+            width: '10%',
+        },
+        {
+            label: t('tableColumnHeaderCurrency'),
+            width: '5%',
+        },
+        {
+            label: t('tableColumnHeaderIssueExpiryDate'),
+            width: '10%',
+        },
+        {
+            label: t('tableColumnHeaderNote'),
+            width: '5%',
+        },
+        {
+            label: t('tableColumnHeaderRef'),
+            width: '5%',
+        },
+        {
+            label: t('tableColumnHeaderSubTotal'),
+            width: '5%',
+        },
+        {
+            label: t('tableColumnHeaderTaxValue'),
+            width: '5%',
+        },
+        {
+            label: t('tableColumnHeaderDiscountPrice'),
+            width: '5%',
+        },
+        {
+            label: t('tableColumnHeaderTotalPrice'),
+            width: '5%',
+        },
+        {
+            label: t('tableColumnHeaderCategory'),
+            width: '5%',
+        },
+        {
+            label: t('tableColumnHeaderActions'),
+            width: '5%',
+        },
+    ];
+    var totalPagePerRecord = (0, util_functions_1.calculatePages)(count, pageLimit);
+    return (react_1.default.createElement(react_1.default.Fragment, null,
+        react_1.default.createElement(vista_table_v1_1.VistaTableV1, { currentPage: count, isNextDisabled: (0, util_functions_1.isNextButtonDisabled)(currentPage, totalPagePerRecord), isPreviousDisabled: (0, util_functions_1.isPreviousButtonDisabled)(currentPage), handleNextOnClick: handleNextClick, handlePreviousOnClick: handlePreviousClick, tableDescription: t('subTitle'), tableHeading: t('title'), totalPages: totalPagePerRecord, headerActions: headerActions, handleOnSelect: function () { return handlePageLimit; }, selectKey1: "label", nodeSelectKey: "pageLimit", selectedItem: { label: String(pageLimit) }, listOptions: (0, util_functions_1.getAvailablePageLimits)(count), searchEnabled: true, searchValue: searchQuery, searchPlaceholder: "Enter ID or Name...", searchDisabled: false, searchId: "inventory-search", handleSearchInput: searchOnChange, loading: true, pageLimit: pageLimit, rowActions: rowActions, tableBodyCols: constants_1.tableBodyCols, tableBodyRows: invoices, tableHeadItems: tableHeadItems }),
+        react_1.default.createElement(drawer_1.Drawer, { translationMap: translationMap }),
+        react_1.default.createElement(generate_toast_1.VistaToaster, null)));
+};
+exports.InvoicePage = InvoicePage;

package/base-modules/invoice/pricing-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 renderPricingFormElements: (elementProps: VistaFormElements) => React.JSX.Element;

package/base-modules/invoice/pricing-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.renderPricingFormElements = void 0;
+var react_1 = __importDefault(require("react"));
+var form_schema_1 = require("@appcorp/app-corp-vista/utils/form-schema");
+var renderPricingFormElements = 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-1 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.renderPricingFormElements = renderPricingFormElements;

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

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

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

@@ -0,0 +1,20 @@
+"use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.PricingSection = 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 context_1 = require("./context");
+var pricing_form_elements_1 = require("./pricing-form-elements");
+var PricingSection = function () {
+    var dynamicPricingFormElements = (0, context_1.useInvoiceStateContext)().dynamicPricingFormElements;
+    return (react_1.default.createElement(react_1.default.Fragment, null,
+        react_1.default.createElement(vista_vertical_divider_v4_1.VistaVerticalDividerV4, { label: "Totals" }),
+        react_1.default.createElement("div", { className: "grid grid-cols-3 justify-end" },
+            react_1.default.createElement("div", null),
+            react_1.default.createElement("div", null),
+            (0, pricing_form_elements_1.renderPricingFormElements)(dynamicPricingFormElements))));
+};
+exports.PricingSection = PricingSection;

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

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

package/base-modules/invoice/products-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.renderProductsFormElements = void 0;
+var react_1 = __importDefault(require("react"));
+var form_schema_1 = require("@appcorp/app-corp-vista/utils/form-schema");
+var renderProductsFormElements = function (elementProps, row) {
+    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-[17.5%_17.5%_17.5%_17.5%_17.5%_auto] 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), className: props.className },
+            react_1.default.createElement(Component, __assign({}, props, row))));
+    })));
+};
+exports.renderProductsFormElements = renderProductsFormElements;

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

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

package/base-modules/invoice/products-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.ProductsSection = 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 context_1 = require("./context");
+var products_form_elements_1 = require("./products-form-elements");
+var ProductsSection = function () {
+    var _a = (0, context_1.useInvoiceStateContext)(), dynamicProductFormElements = _a.dynamicProductFormElements, products = _a.products;
+    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 }, (0, products_form_elements_1.renderProductsFormElements)(dynamicProductFormElements, row))); })));
+};
+exports.ProductsSection = ProductsSection;

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

@@ -0,0 +1,4 @@
+import { InvoiceActions } from './actions';
+import { InvoiceState } from './types';
+export declare const initialInvoiceState: InvoiceState;
+export declare function invoiceReducer(state: InvoiceState, action: InvoiceActions): InvoiceState;

package/base-modules/invoice/reducer.js

@@ -0,0 +1,138 @@
+"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);
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.initialInvoiceState = void 0;
+exports.invoiceReducer = invoiceReducer;
+var actions_1 = require("./actions");
+var types_1 = require("./types");
+var constants_1 = require("./constants");
+var date_fns_1 = require("date-fns");
+exports.initialInvoiceState = {
+    count: 0,
+    disableSaveButton: false,
+    drawer: null,
+    modal: null,
+    payments: [],
+    mode: 'Create',
+    invoiceId: '',
+    category: types_1.QUOTE_INVOICE.INVOICE,
+    company: {
+        name: '',
+        country: '',
+        createdAt: '',
+        updatedAt: '',
+        id: '',
+        phone: '',
+        email: '',
+        website: '',
+    },
+    // btnDisableInvoice: false,
+    companyId: '',
+    currency: '',
+    currentPage: 1,
+    date: new Date().toISOString(),
+    discount: '',
+    discountUnit: '',
+    errors: {},
+    expiryDate: (0, date_fns_1.addDays)(new Date(), 7).toISOString(),
+    // formLoadingInvoice: false,
+    id: '',
+    invoiceStatus: '',
+    invoices: [],
+    loading: true,
+    netTotal: '',
+    note: '',
+    pageLimit: constants_1.pageLimit,
+    ref: '',
+    searchQuery: '',
+    subTotal: '',
+    taxValue: '',
+    total: '',
+    services: [
+        {
+            mode: 'Create',
+            name: '',
+            description: '',
+            quantity: '1',
+            price: '',
+            rowTotal: '',
+        },
+    ],
+    products: [
+        {
+            mode: 'Create',
+            price: '',
+            productId: '',
+            quantity: 1,
+            rowTotal: '',
+        },
+    ],
+    firstName: '',
+    lastName: '',
+    country: '',
+    phone: '',
+    email: '',
+    city: '',
+    // fetchPhoneLoading: false,
+    address: '',
+    customerId: '',
+    // fieldDisabled: true,
+    // isInvoiceApiSuccess: false,
+    // pageLimit: pageLimit
+};
+function invoiceReducer(state, action) {
+    var _a;
+    switch (action.type) {
+        case actions_1.INVOICE_ACTION_TYPES.SET_DRAWER:
+            return __assign(__assign({}, state), { drawer: action.payload.drawer });
+        case actions_1.INVOICE_ACTION_TYPES.CLEAR_ERRORS:
+            return __assign(__assign({}, state), { errors: {} });
+        case actions_1.INVOICE_ACTION_TYPES.RESET_FORM:
+            return __assign(__assign({}, state), { disableSaveButton: false, errors: {} });
+        case actions_1.INVOICE_ACTION_TYPES.SET_DISABLE_SAVE_BUTTON:
+            return __assign(__assign({}, state), { disableSaveButton: action.payload.disableSaveButton });
+        case actions_1.INVOICE_ACTION_TYPES.SET_CURRENT_PAGE:
+            return __assign(__assign({}, state), { currentPage: action.payload.currentPage });
+        case actions_1.INVOICE_ACTION_TYPES.SET_COUNT:
+            return __assign(__assign({}, state), { count: action.payload.count });
+        case actions_1.INVOICE_ACTION_TYPES.SET_ERRORS:
+            return __assign(__assign({}, state), { disableSaveButton: false, errors: __assign({}, action.payload) });
+        case actions_1.INVOICE_ACTION_TYPES.SET_INPUT_FIELD:
+            return __assign(__assign({}, state), (_a = {}, _a[action.payload.key] = action.payload.value, _a));
+        // case INVOICE_ACTION_TYPES.SET_INPUT_IMAGES:
+        //   return {
+        //     ...state,
+        //     [action.payload.key]: [...action.payload.value],
+        //   };
+        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_SEARCH_QUERY:
+            return __assign(__assign({}, state), { searchQuery: action.payload.searchQuery });
+        case actions_1.INVOICE_ACTION_TYPES.SET_FORM:
+            return __assign(__assign({}, state), action.payload.form);
+        case actions_1.INVOICE_ACTION_TYPES.SET_DRAWER:
+            return __assign(__assign({}, state), { drawer: action.payload.drawer });
+        // case INVOICE_ACTION_TYPES.SET_MODAL:
+        //   return {
+        //     ...state,
+        //     modal: action.payload.modal,
+        //   };
+        default:
+            return state;
+    }
+}

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

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

package/base-modules/invoice/services-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.renderServicesFormElements = void 0;
+var react_1 = __importDefault(require("react"));
+var form_schema_1 = require("@appcorp/app-corp-vista/utils/form-schema");
+var renderServicesFormElements = function (elementProps, row) {
+    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-[17.5%_17.5%_17.5%_17.5%_17.5%_auto] 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), className: props.className },
+            react_1.default.createElement(Component, __assign({}, props, row))));
+    })));
+};
+exports.renderServicesFormElements = renderServicesFormElements;

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

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

package/base-modules/invoice/services-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.ServicesSection = 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 context_1 = require("./context");
+var services_form_elements_1 = require("./services-form-elements");
+var ServicesSection = function () {
+    var _a = (0, context_1.useInvoiceStateContext)(), services = _a.services, dynamicServiceFormElements = _a.dynamicServiceFormElements;
+    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 }, (0, services_form_elements_1.renderServicesFormElements)(dynamicServiceFormElements, row))); })));
+};
+exports.ServicesSection = ServicesSection;