@appcorp/stellar-solutions-invoice-module 0.1.55 → 0.1.57

package/base-modules/invoice/add-service-product-section.d.ts

@@ -1,2 +1,12 @@
-import React from "react";
-export declare const AddServiceProductSection: () => React.JSX.Element;
+/**
+ * Add Service/Product Section Component
+ *
+ * Quick action buttons to add new service or product rows to the invoice.
+ * Uses Shadcn UI components with RTL support and i18n.
+ */
+import { FC } from "react";
+interface Props {
+    isRTL?: boolean;
+}
+export declare const AddServiceProductSection: FC<Props>;
+export {};

package/base-modules/invoice/add-service-product-section.js

@@ -1,21 +1,31 @@
 "use strict";
+/**
+ * Add Service/Product Section Component
+ *
+ * Quick action buttons to add new service or product rows to the invoice.
+ * Uses Shadcn UI components with RTL support and i18n.
+ */
 var __importDefault = (this && this.__importDefault) || function (mod) {
     return (mod && mod.__esModule) ? mod : { "default": mod };
 };
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.AddServiceProductSection = void 0;
 var react_1 = __importDefault(require("react"));
+var next_intl_1 = require("next-intl");
+var lucide_react_1 = require("lucide-react");
+var button_1 = require("@appcorp/shadcn/components/button");
 var context_1 = require("./context");
 var AddServiceProductSection = function () {
-    var _a = (0, context_1.useInvoiceStateContext)(), handleAddItemService = _a.handleAddItemService, handleAddItemProduct = _a.handleAddItemProduct;
-    return (react_1.default.createElement("div", { className: "rounded-md border border-dashed border-gray-900 py-[15px] dark:border-white" },
-        react_1.default.createElement("div", { className: "flex items-center justify-center gap-2" },
-            react_1.default.createElement("div", { className: "flex gap-2" },
-                react_1.default.createElement("p", null, "Add a")),
-            react_1.default.createElement("button", { className: "flex w-fit items-center gap-4", onClick: handleAddItemService, type: "button" },
-                react_1.default.createElement("p", { className: "cursor-pointer hover:underline font-bold" }, "Service")),
-            react_1.default.createElement("div", { className: "" }, "or"),
-            react_1.default.createElement("button", { className: "flex w-fit items-center gap-4", onClick: handleAddItemProduct, type: "button" },
-                react_1.default.createElement("p", { className: "cursor-pointer hover:underline font-bold" }, "Product")))));
+    var t = (0, next_intl_1.useTranslations)("invoicePage");
+    var _a = (0, context_1.useInvoiceStateContext)(), handleAddItemProduct = _a.handleAddItemProduct, handleAddItemService = _a.handleAddItemService;
+    return (react_1.default.createElement("div", { className: "flex items-center justify-center gap-3 rounded-lg border-2 border-dashed border-muted-foreground/25 p-6 hover:border-muted-foreground/50 transition-colors" },
+        react_1.default.createElement("span", { className: "text-sm text-muted-foreground" }, t("addItemPrompt")),
+        react_1.default.createElement(button_1.Button, { onClick: handleAddItemService, size: "sm", type: "button", variant: "outline" },
+            react_1.default.createElement(lucide_react_1.Plus, { className: "h-4 w-4 mr-2" }),
+            t("buttonAddService")),
+        react_1.default.createElement("span", { className: "text-sm text-muted-foreground" }, t("addItemOr")),
+        react_1.default.createElement(button_1.Button, { onClick: handleAddItemProduct, size: "sm", type: "button", variant: "outline" },
+            react_1.default.createElement(lucide_react_1.Plus, { className: "h-4 w-4 mr-2" }),
+            t("buttonAddProduct"))));
 };
 exports.AddServiceProductSection = AddServiceProductSection;

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

@@ -1,2 +1,12 @@
-import React from 'react';
-export declare const CompanySection: () => React.JSX.Element;
+/**
+ * Company Form Section Component
+ *
+ * Form section for creating/editing company invoice information.
+ * Uses Shadcn UI components with RTL support and i18n.
+ */
+import { FC } from "react";
+interface Props {
+    isRTL: boolean;
+}
+export declare const CompanySection: FC<Props>;
+export {};

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

@@ -1,17 +1,125 @@
 "use strict";
-var __importDefault = (this && this.__importDefault) || function (mod) {
-    return (mod && mod.__esModule) ? mod : { "default": mod };
-};
+/**
+ * Company Form Section Component
+ *
+ * Form section for creating/editing company invoice information.
+ * Uses Shadcn UI components with RTL support and i18n.
+ */
+var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    var desc = Object.getOwnPropertyDescriptor(m, k);
+    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
+      desc = { enumerable: true, get: function() { return m[k]; } };
+    }
+    Object.defineProperty(o, k2, desc);
+}) : (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    o[k2] = m[k];
+}));
+var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
+    Object.defineProperty(o, "default", { enumerable: true, value: v });
+}) : function(o, v) {
+    o["default"] = v;
+});
+var __importStar = (this && this.__importStar) || (function () {
+    var ownKeys = function(o) {
+        ownKeys = Object.getOwnPropertyNames || function (o) {
+            var ar = [];
+            for (var k in o) if (Object.prototype.hasOwnProperty.call(o, k)) ar[ar.length] = k;
+            return ar;
+        };
+        return ownKeys(o);
+    };
+    return function (mod) {
+        if (mod && mod.__esModule) return mod;
+        var result = {};
+        if (mod != null) for (var k = ownKeys(mod), i = 0; i < k.length; i++) if (k[i] !== "default") __createBinding(result, mod, k[i]);
+        __setModuleDefault(result, mod);
+        return result;
+    };
+})();
 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 react_1 = __importStar(require("react"));
+var next_intl_1 = require("next-intl");
+var date_fns_1 = require("date-fns");
+var combobox_1 = require("@appcorp/shadcn/components/combobox");
+var input_1 = require("@appcorp/shadcn/components/input");
+var textarea_1 = require("@appcorp/shadcn/components/textarea");
+var context_1 = require("@appcorp/stellar-solutions-modules/global-modules/preferences/context");
+var actions_1 = require("./actions");
+var context_2 = require("./context");
 var CompanySection = function () {
-    var dynamicCompanyFormElements = (0, context_1.useInvoiceStateContext)().dynamicCompanyFormElements;
+    var t = (0, next_intl_1.useTranslations)("invoicePage");
+    var currencies = (0, context_1.usePreferenceStateContext)().currencies;
+    var _a = (0, context_2.useInvoiceStateContext)(), companiesList = _a.companiesList, companyId = _a.companyId, currency = _a.currency, date = _a.date, dispatch = _a.dispatch, errors = _a.errors, expiryDate = _a.expiryDate, note = _a.note, ref = _a.ref;
+    var handleInputChange = (0, react_1.useCallback)(function (key, value) {
+        dispatch({
+            type: actions_1.INVOICE_ACTION_TYPES.SET_INPUT_FIELD,
+            payload: { key: key, value: value },
+        });
+        dispatch({
+            type: actions_1.INVOICE_ACTION_TYPES.SET_DISABLE_SAVE_BUTTON,
+            payload: { disableSaveButton: false },
+        });
+        dispatch({
+            type: actions_1.INVOICE_ACTION_TYPES.RESET_ERRORS,
+        });
+    }, [dispatch]);
+    var handleCompanyChange = function (selectedCompanyId) {
+        dispatch({
+            type: actions_1.INVOICE_ACTION_TYPES.SET_INPUT_FIELD,
+            payload: { key: "companyId", value: selectedCompanyId },
+        });
+        dispatch({
+            type: actions_1.INVOICE_ACTION_TYPES.SET_DISABLE_SAVE_BUTTON,
+            payload: { disableSaveButton: false },
+        });
+        dispatch({
+            type: actions_1.INVOICE_ACTION_TYPES.RESET_ERRORS,
+        });
+    };
+    var handleCompanySearch = function (searchQuery) {
+        dispatch({
+            type: actions_1.INVOICE_ACTION_TYPES.SET_INPUT_FIELD,
+            payload: {
+                key: "companyQuery",
+                value: searchQuery,
+            },
+        });
+    };
+    var handleCurrencyChange = function (currencyCode) {
+        dispatch({
+            type: actions_1.INVOICE_ACTION_TYPES.SET_INPUT_FIELD,
+            payload: { key: "currency", value: currencyCode },
+        });
+        dispatch({
+            type: actions_1.INVOICE_ACTION_TYPES.SET_DISABLE_SAVE_BUTTON,
+            payload: { disableSaveButton: false },
+        });
+        dispatch({
+            type: actions_1.INVOICE_ACTION_TYPES.RESET_ERRORS,
+        });
+    };
+    // Map currencies to have consistent structure for CompanyCombobox
+    var currencyOptions = (currencies || []).map(function (curr) { return ({
+        id: curr.code,
+        name: curr.code,
+    }); });
     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)));
+        react_1.default.createElement("h3", { className: "text-lg font-semibold border-b pb-2" }, t("companySectionTitle")),
+        react_1.default.createElement("div", { className: "grid grid-cols-1 md:grid-cols-2 lg:grid-cols-3 gap-4" },
+            react_1.default.createElement("div", { className: "space-y-2" },
+                react_1.default.createElement(combobox_1.CompanyCombobox, { companies: companiesList || [], error: errors.companyId, id: "companyId", label: t("formLabelCompany"), onSearchChange: handleCompanySearch, onValueChange: handleCompanyChange, placeholder: t("formPlaceholderCompany"), required: true, value: companyId || "" })),
+            react_1.default.createElement("div", { className: "space-y-2" },
+                react_1.default.createElement(input_1.Input, { error: errors.date, id: "date", label: t("formLabelDate"), onChange: function (e) { return handleInputChange("date", e.target.value); }, required: true, type: "date", value: date ? (0, date_fns_1.format)(new Date(date), "yyyy-MM-dd") : "" })),
+            react_1.default.createElement("div", { className: "space-y-2" },
+                react_1.default.createElement(input_1.Input, { error: errors.expiryDate, id: "expiryDate", label: t("formLabelExpiryDate"), onChange: function (e) { return handleInputChange("expiryDate", e.target.value); }, required: true, type: "date", value: expiryDate ? (0, date_fns_1.format)(new Date(expiryDate), "yyyy-MM-dd") : "" })),
+            react_1.default.createElement("div", { className: "space-y-2" },
+                react_1.default.createElement(combobox_1.CompanyCombobox, { companies: currencyOptions, error: errors.currency, id: "currency", label: t("formLabelCurrency"), onSearchChange: function () { }, onValueChange: handleCurrencyChange, placeholder: t("formPlaceholderCurrency"), required: true, value: currency || "" })),
+            react_1.default.createElement("div", { className: "space-y-2" },
+                react_1.default.createElement(textarea_1.Textarea, { error: errors.note, id: "note", label: t("formLabelNote"), onChange: function (e) { return handleInputChange("note", e.target.value); }, placeholder: t("formPlaceholderNote"), rows: 3, value: note || "" })),
+            react_1.default.createElement("div", { className: "space-y-2" },
+                react_1.default.createElement(input_1.Input, { error: errors.ref, id: "ref", label: t("formLabelRef"), onChange: function (e) { return handleInputChange("ref", e.target.value); }, readOnly: true, required: true, type: "text", value: ref || "" })))));
 };
 exports.CompanySection = CompanySection;

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

@@ -1,13 +1,7 @@
-import { VistaFormElements } from '@appcorp/app-corp-vista/type/vista-form-elements';
-import { VISTA_TABLE_CELL_TYPE } from '@appcorp/app-corp-vista/type/vista-table-type';
+import { COMPONENT_TYPE } from "@appcorp/shadcn/components/enhanced-table";
 export declare const pageLimit: number;
 export declare const handleSplitId: (value: string) => string[];
 export declare const changeActionsMap: Record<string, (val: string | number | number[]) => string | number | number[]>;
-export declare const staticCompanySection: VistaFormElements;
-export declare const staticCustomerSection: VistaFormElements;
-export declare const staticPricingSection: VistaFormElements;
-export declare const staticServiceSection: VistaFormElements;
-export declare const staticProductSection: VistaFormElements;
 export declare const INVOICE_API_ROUTES: {
     INVOICES: string;
     INVOICE: string;
@@ -20,32 +14,22 @@ export declare const INVOICE_API_ROUTES: {
     COMPANIES: string;
 };
 export declare const tableBodyCols: ({
-    componentType: VISTA_TABLE_CELL_TYPE;
+    componentType: COMPONENT_TYPE;
     key: string;
-    expression?: undefined;
+    textFormatter?: undefined;
 } | {
-    componentType: VISTA_TABLE_CELL_TYPE;
+    componentType: COMPONENT_TYPE;
     key: string[];
-    expression?: undefined;
+    textFormatter?: undefined;
 } | {
-    componentType: VISTA_TABLE_CELL_TYPE;
+    componentType: COMPONENT_TYPE;
     key: string[];
-    expression: (text: string) => string;
+    textFormatter: (text: unknown) => string;
 } | {
-    componentType: VISTA_TABLE_CELL_TYPE;
+    componentType: COMPONENT_TYPE;
     key: string;
-    expression: (text: string, obj: {
-        currency: string;
-    }) => string;
-} | {
-    componentType: VISTA_TABLE_CELL_TYPE;
-    key?: undefined;
-    expression?: undefined;
+    textFormatter: (text: unknown, obj: unknown) => string;
 })[];
-export declare const networkMessages: {
-    error: string;
-    success: string;
-};
 export declare const validationErrors: {
     companyId: string;
     ref: string;
@@ -57,6 +41,13 @@ export declare const validationErrors: {
     total: string;
     subTotal: string;
     taxRate: string;
+    customerPhone: string;
+    customerFirstName: string;
+    customerLastName: string;
+    customerAddress: string;
+    customerCity: string;
+    customerCountry: string;
+    customerEmail: string;
     services: {
         name: string;
         description: string;
@@ -67,5 +58,7 @@ export declare const validationErrors: {
     products: {
         id: string;
         quantity: string;
+        price: string;
+        total: string;
     };
 };