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

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

@@ -0,0 +1,215 @@
+import { ProductTypeBE } from "@appcorp/stellar-solutions-product-module/base-modules/product/types";
+import { DISCOUNT_UNIT, QUOTE_DRAWER, QuoteState, QuoteInvoiceTypeBE, Product, Service, QUOTE_MODAL } 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 QUOTE_ACTION_TYPES {
+    ADD_ITEM_PRODUCT = "ADD_ITEM_PRODUCT",
+    ADD_ITEM_SERVICE = "ADD_ITEM_SERVICE",
+    DELETE_ITEM_PRODUCT = "DELETE_ITEM_PRODUCT",
+    DELETE_ITEM_SERVICE = "DELETE_ITEM_SERVICE",
+    RESET_ERRORS = "RESET_ERRORS",
+    RESET_FORM = "RESET_FORM",
+    SET_AFTER_DISCOUNT = "SET_AFTER_DISCOUNT",
+    SET_BUTTON_DISABLE = "SET_BUTTON_DISABLE",
+    SET_COMPANIES_LIST = "SET_COMPANIES_LIST",
+    SET_COUNT = "SET_COUNT",
+    SET_CURRENT_PAGE = "SET_CURRENT_PAGE",
+    SET_CUSTOMER = "SET_CUSTOMER",
+    SET_CUSTOMER_DATA = "SET_CUSTOMER_DATA",
+    SET_CUSTOMER_FORM = "SET_CUSTOMER_FORM",
+    SET_DISABLE_SAVE_BUTTON = "SET_DISABLE_SAVE_BUTTON",
+    SET_DISCOUNT_UNIT = "SET_DISCOUNT_UNIT",
+    SET_DRAWER = "SET_DRAWER",
+    SET_ERRORS = "SET_ERRORS",
+    SET_FORM = "SET_FORM",
+    SET_FORM_LOADING = "SET_FORM_LOADING",
+    SET_FORM_TO_RENDER = "SET_FORM_TO_RENDER",
+    SET_INPUT_FIELD = "SET_INPUT_FIELD",
+    SET_QUOTES = "SET_QUOTES",
+    SET_QUOTE_FORM = "SET_QUOTE_FORM",
+    SET_IS_QUOTE_API_SUCCESS = "SET_IS_QUOTE_API_SUCCESS",
+    SET_MODAL = "SET_MODAL",
+    SET_PAGE_LIMIT = "SET_PAGE_LIMIT",
+    SET_PRODUCTS_LIST = "SET_PRODUCTS_LIST",
+    SET_SEARCH_QUERY = "SET_SEARCH_QUERY",
+    SET_SKELTON_LOADING = "SET_SKELTON_LOADING",
+    SET_TAX = "SET_TAX",
+    SET_TAXES = "SET_TAXES"
+}
+export type QuoteUpdateFieldAction = {
+    type: QUOTE_ACTION_TYPES.SET_INPUT_FIELD;
+    payload: {
+        key: keyof QuoteInvoiceTypeBE | "servicesList" | "productsList";
+        value: string | string[] | boolean | number | number[] | Service[] | Product[];
+    };
+};
+export type QuoteResetErrorAction = {
+    type: QUOTE_ACTION_TYPES.RESET_ERRORS;
+};
+export type QuoteResetFormAction = {
+    type: QUOTE_ACTION_TYPES.RESET_FORM;
+};
+export type QuoteSetErrorsAction = {
+    type: QUOTE_ACTION_TYPES.SET_ERRORS;
+    payload: {
+        errors: {
+            [key: string]: string;
+        };
+    };
+};
+export type QuoteSetCurrentPageAction = {
+    type: QUOTE_ACTION_TYPES.SET_CURRENT_PAGE;
+    payload: {
+        currentPage: number;
+    };
+};
+export type QuoteSetButtonDisableAction = {
+    type: QUOTE_ACTION_TYPES.SET_DISABLE_SAVE_BUTTON;
+    payload: {
+        disableSaveButton: boolean;
+    };
+};
+export type QuoteSetFormLoadingAction = {
+    type: QUOTE_ACTION_TYPES.SET_FORM_LOADING;
+    payload: boolean;
+};
+export type QuoteSetMaxPageLimitAction = {
+    type: QUOTE_ACTION_TYPES.SET_PAGE_LIMIT;
+    payload: {
+        pageLimit: number;
+    };
+};
+export type QuoteSetSearchQueryAction = {
+    type: QUOTE_ACTION_TYPES.SET_SEARCH_QUERY;
+    payload: {
+        searchQuery: string;
+    };
+};
+export type QuoteSetQuotesAction = {
+    type: QUOTE_ACTION_TYPES.SET_QUOTES;
+    payload: {
+        quotes: QuoteInvoiceTypeBE[];
+    };
+};
+export type QuoteSetCountAction = {
+    type: QUOTE_ACTION_TYPES.SET_COUNT;
+    payload: {
+        count: number;
+    };
+};
+export type QuoteSetQuoteFormAction = {
+    type: QUOTE_ACTION_TYPES.SET_QUOTE_FORM;
+    payload: QuoteInvoiceTypeBE;
+};
+export type QuoteToggleLoadingAction = {
+    type: QUOTE_ACTION_TYPES.SET_SKELTON_LOADING;
+    payload: boolean;
+};
+export type QuoteAddItemServiceAction = {
+    type: QUOTE_ACTION_TYPES.ADD_ITEM_SERVICE;
+    payload: {
+        servicesList: Service[];
+    };
+};
+export type QuoteAddItemProductAction = {
+    type: QUOTE_ACTION_TYPES.ADD_ITEM_PRODUCT;
+    payload: {
+        productsList: Product[];
+    };
+};
+export type QuoteDeleteItemProductAction = {
+    type: QUOTE_ACTION_TYPES.DELETE_ITEM_PRODUCT;
+    payload: {
+        productsList: Product[];
+    };
+};
+export type QuoteDeleteItemServiceAction = {
+    type: QUOTE_ACTION_TYPES.DELETE_ITEM_SERVICE;
+    payload: {
+        servicesList: Service[];
+    };
+};
+export type QuoteSetDiscountUnitAction = {
+    type: QUOTE_ACTION_TYPES.SET_DISCOUNT_UNIT;
+    payload: {
+        discountUnit: DISCOUNT_UNIT;
+    };
+};
+export type QuoteSetCustomerDataAction = {
+    type: QUOTE_ACTION_TYPES.SET_CUSTOMER_DATA;
+    payload: QuoteState;
+};
+export type QuoteSetIsQuoteApiSuccessAction = {
+    type: QUOTE_ACTION_TYPES.SET_IS_QUOTE_API_SUCCESS;
+    payload: boolean;
+};
+export type QuoteSetDrawerAction = {
+    type: QUOTE_ACTION_TYPES.SET_DRAWER;
+    payload: {
+        drawer: QUOTE_DRAWER | null;
+    };
+};
+export type QuoteSetFormAction = {
+    type: QUOTE_ACTION_TYPES.SET_FORM;
+    payload: {
+        form: QuoteInvoiceTypeBE;
+    };
+};
+export type QuoteSetAfterDiscountAction = {
+    type: QUOTE_ACTION_TYPES.SET_AFTER_DISCOUNT;
+    payload: {
+        afterDiscount: string;
+    };
+};
+export type QuoteSetTaxAction = {
+    type: QUOTE_ACTION_TYPES.SET_TAX;
+    payload: {
+        tax: string;
+    };
+};
+export type QuoteSetFormToRenderAction = {
+    type: QUOTE_ACTION_TYPES.SET_FORM_TO_RENDER;
+    payload: {
+        formToRender: string;
+    };
+};
+export type QuoteSetProductsListAction = {
+    type: QUOTE_ACTION_TYPES.SET_PRODUCTS_LIST;
+    payload: {
+        list: ProductTypeBE[];
+    };
+};
+export type QuoteSetCompaniesListAction = {
+    type: QUOTE_ACTION_TYPES.SET_COMPANIES_LIST;
+    payload: {
+        companiesList: CompanyTypeBE[];
+    };
+};
+export type QuoteSetCustomerAction = {
+    type: QUOTE_ACTION_TYPES.SET_CUSTOMER;
+    payload: {
+        customer: CustomerTypeBE;
+        customerId: string;
+    };
+};
+export type QuoteSetCustomerFormAction = {
+    type: QUOTE_ACTION_TYPES.SET_CUSTOMER_FORM;
+    payload: {
+        key: keyof CustomerTypeBE;
+        value: string;
+    };
+};
+export type QuoteSetTaxesAction = {
+    type: QUOTE_ACTION_TYPES.SET_TAXES;
+    payload: {
+        taxes: TaxTypeBE[];
+    };
+};
+export type QuoteSetModalAction = {
+    type: QUOTE_ACTION_TYPES.SET_MODAL;
+    payload: {
+        modal: QUOTE_MODAL;
+    };
+};
+export type QuoteActions = QuoteAddItemProductAction | QuoteAddItemServiceAction | QuoteResetErrorAction | QuoteDeleteItemProductAction | QuoteDeleteItemServiceAction | QuoteResetFormAction | QuoteSetButtonDisableAction | QuoteSetCurrentPageAction | QuoteSetCustomerDataAction | QuoteSetDiscountUnitAction | QuoteSetErrorsAction | QuoteSetFormLoadingAction | QuoteSetQuotesAction | QuoteSetQuoteFormAction | QuoteSetIsQuoteApiSuccessAction | QuoteSetMaxPageLimitAction | QuoteSetSearchQueryAction | QuoteUpdateFieldAction | QuoteToggleLoadingAction | QuoteSetDrawerAction | QuoteSetCountAction | QuoteSetFormAction | QuoteSetAfterDiscountAction | QuoteSetTaxAction | QuoteSetFormToRenderAction | QuoteSetProductsListAction | QuoteSetCustomerAction | QuoteSetTaxesAction | QuoteSetCustomerFormAction | QuoteSetCompaniesListAction | QuoteSetModalAction;

package/base-modules/quote/actions.js

@@ -0,0 +1,38 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.QUOTE_ACTION_TYPES = void 0;
+var QUOTE_ACTION_TYPES;
+(function (QUOTE_ACTION_TYPES) {
+    QUOTE_ACTION_TYPES["ADD_ITEM_PRODUCT"] = "ADD_ITEM_PRODUCT";
+    QUOTE_ACTION_TYPES["ADD_ITEM_SERVICE"] = "ADD_ITEM_SERVICE";
+    QUOTE_ACTION_TYPES["DELETE_ITEM_PRODUCT"] = "DELETE_ITEM_PRODUCT";
+    QUOTE_ACTION_TYPES["DELETE_ITEM_SERVICE"] = "DELETE_ITEM_SERVICE";
+    QUOTE_ACTION_TYPES["RESET_ERRORS"] = "RESET_ERRORS";
+    QUOTE_ACTION_TYPES["RESET_FORM"] = "RESET_FORM";
+    QUOTE_ACTION_TYPES["SET_AFTER_DISCOUNT"] = "SET_AFTER_DISCOUNT";
+    QUOTE_ACTION_TYPES["SET_BUTTON_DISABLE"] = "SET_BUTTON_DISABLE";
+    QUOTE_ACTION_TYPES["SET_COMPANIES_LIST"] = "SET_COMPANIES_LIST";
+    QUOTE_ACTION_TYPES["SET_COUNT"] = "SET_COUNT";
+    QUOTE_ACTION_TYPES["SET_CURRENT_PAGE"] = "SET_CURRENT_PAGE";
+    QUOTE_ACTION_TYPES["SET_CUSTOMER"] = "SET_CUSTOMER";
+    QUOTE_ACTION_TYPES["SET_CUSTOMER_DATA"] = "SET_CUSTOMER_DATA";
+    QUOTE_ACTION_TYPES["SET_CUSTOMER_FORM"] = "SET_CUSTOMER_FORM";
+    QUOTE_ACTION_TYPES["SET_DISABLE_SAVE_BUTTON"] = "SET_DISABLE_SAVE_BUTTON";
+    QUOTE_ACTION_TYPES["SET_DISCOUNT_UNIT"] = "SET_DISCOUNT_UNIT";
+    QUOTE_ACTION_TYPES["SET_DRAWER"] = "SET_DRAWER";
+    QUOTE_ACTION_TYPES["SET_ERRORS"] = "SET_ERRORS";
+    QUOTE_ACTION_TYPES["SET_FORM"] = "SET_FORM";
+    QUOTE_ACTION_TYPES["SET_FORM_LOADING"] = "SET_FORM_LOADING";
+    QUOTE_ACTION_TYPES["SET_FORM_TO_RENDER"] = "SET_FORM_TO_RENDER";
+    QUOTE_ACTION_TYPES["SET_INPUT_FIELD"] = "SET_INPUT_FIELD";
+    QUOTE_ACTION_TYPES["SET_QUOTES"] = "SET_QUOTES";
+    QUOTE_ACTION_TYPES["SET_QUOTE_FORM"] = "SET_QUOTE_FORM";
+    QUOTE_ACTION_TYPES["SET_IS_QUOTE_API_SUCCESS"] = "SET_IS_QUOTE_API_SUCCESS";
+    QUOTE_ACTION_TYPES["SET_MODAL"] = "SET_MODAL";
+    QUOTE_ACTION_TYPES["SET_PAGE_LIMIT"] = "SET_PAGE_LIMIT";
+    QUOTE_ACTION_TYPES["SET_PRODUCTS_LIST"] = "SET_PRODUCTS_LIST";
+    QUOTE_ACTION_TYPES["SET_SEARCH_QUERY"] = "SET_SEARCH_QUERY";
+    QUOTE_ACTION_TYPES["SET_SKELTON_LOADING"] = "SET_SKELTON_LOADING";
+    QUOTE_ACTION_TYPES["SET_TAX"] = "SET_TAX";
+    QUOTE_ACTION_TYPES["SET_TAXES"] = "SET_TAXES";
+})(QUOTE_ACTION_TYPES || (exports.QUOTE_ACTION_TYPES = QUOTE_ACTION_TYPES = {}));

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

@@ -0,0 +1,12 @@
+/**
+ * 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/quote/add-service-product-section.js

@@ -0,0 +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 t = (0, next_intl_1.useTranslations)("invoicePage");
+    var _a = (0, context_1.useQuoteStateContext)(), 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/quote/calculate-subtotal.d.ts

@@ -0,0 +1 @@
+export { calculateSubtotal } from "../invoice/calculate-subtotal";

package/base-modules/quote/calculate-subtotal.js

@@ -0,0 +1,6 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.calculateSubtotal = void 0;
+// Re-export from invoice module since calculation logic is identical
+var calculate_subtotal_1 = require("../invoice/calculate-subtotal");
+Object.defineProperty(exports, "calculateSubtotal", { enumerable: true, get: function () { return calculate_subtotal_1.calculateSubtotal; } });

package/base-modules/quote/calculate-total.d.ts

@@ -0,0 +1 @@
+export { calculateTotal } from "../invoice/calculate-total";

package/base-modules/quote/calculate-total.js

@@ -0,0 +1,6 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.calculateTotal = void 0;
+// Re-export from invoice module since calculation logic is identical
+var calculate_total_1 = require("../invoice/calculate-total");
+Object.defineProperty(exports, "calculateTotal", { enumerable: true, get: function () { return calculate_total_1.calculateTotal; } });

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

@@ -0,0 +1,12 @@
+/**
+ * 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/quote/company-form-section.js

@@ -0,0 +1,125 @@
+"use strict";
+/**
+ * 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 = __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 t = (0, next_intl_1.useTranslations)("invoicePage");
+    var currencies = (0, context_1.usePreferenceStateContext)().currencies;
+    var _a = (0, context_2.useQuoteStateContext)(), 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.QUOTE_ACTION_TYPES.SET_INPUT_FIELD,
+            payload: { key: key, value: value },
+        });
+        dispatch({
+            type: actions_1.QUOTE_ACTION_TYPES.SET_DISABLE_SAVE_BUTTON,
+            payload: { disableSaveButton: false },
+        });
+        dispatch({
+            type: actions_1.QUOTE_ACTION_TYPES.RESET_ERRORS,
+        });
+    }, [dispatch]);
+    var handleCompanyChange = function (selectedCompanyId) {
+        dispatch({
+            type: actions_1.QUOTE_ACTION_TYPES.SET_INPUT_FIELD,
+            payload: { key: "companyId", value: selectedCompanyId },
+        });
+        dispatch({
+            type: actions_1.QUOTE_ACTION_TYPES.SET_DISABLE_SAVE_BUTTON,
+            payload: { disableSaveButton: false },
+        });
+        dispatch({
+            type: actions_1.QUOTE_ACTION_TYPES.RESET_ERRORS,
+        });
+    };
+    var handleCompanySearch = function (searchQuery) {
+        dispatch({
+            type: actions_1.QUOTE_ACTION_TYPES.SET_INPUT_FIELD,
+            payload: {
+                key: "companyQuery",
+                value: searchQuery,
+            },
+        });
+    };
+    var handleCurrencyChange = function (currencyCode) {
+        dispatch({
+            type: actions_1.QUOTE_ACTION_TYPES.SET_INPUT_FIELD,
+            payload: { key: "currency", value: currencyCode },
+        });
+        dispatch({
+            type: actions_1.QUOTE_ACTION_TYPES.SET_DISABLE_SAVE_BUTTON,
+            payload: { disableSaveButton: false },
+        });
+        dispatch({
+            type: actions_1.QUOTE_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("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/quote/constants.d.ts

@@ -0,0 +1,64 @@
+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 QUOTE_API_ROUTES: {
+    QUOTES: string;
+    QUOTE: string;
+    QUOTE_BY_ID: string;
+    PRODUCTS: string;
+    CONTACTS: string;
+    CUSTOMER_BY_PHONE: string;
+    TAXES: string;
+    TAX: string;
+    COMPANIES: string;
+};
+export declare const tableBodyCols: ({
+    componentType: COMPONENT_TYPE;
+    key: string;
+    textFormatter?: undefined;
+} | {
+    componentType: COMPONENT_TYPE;
+    key: string[];
+    textFormatter?: undefined;
+} | {
+    componentType: COMPONENT_TYPE;
+    key: string[];
+    textFormatter: (text: unknown) => string;
+} | {
+    componentType: COMPONENT_TYPE;
+    key: string;
+    textFormatter: (text: unknown, obj: unknown) => string;
+})[];
+export declare const validationErrors: {
+    companyId: string;
+    ref: string;
+    status: string;
+    date: string;
+    expiryDate: string;
+    note: string;
+    currency: string;
+    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;
+        quantity: string;
+        price: string;
+        total: string;
+    };
+    products: {
+        id: string;
+        quantity: string;
+        price: string;
+        total: string;
+    };
+};

package/base-modules/quote/constants.js

@@ -0,0 +1,107 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.validationErrors = exports.tableBodyCols = exports.QUOTE_API_ROUTES = exports.changeActionsMap = exports.handleSplitId = exports.pageLimit = void 0;
+var util_functions_1 = require("@react-pakistan/util-functions");
+var enhanced_table_1 = require("@appcorp/shadcn/components/enhanced-table");
+exports.pageLimit = Number(process.env.NEXT_PUBLIC_PAGE_LIMIT);
+var handleSplitId = function (value) {
+    return value === null || value === void 0 ? void 0 : value.split(util_functions_1.VALUE_DELIMITER.COLON);
+};
+exports.handleSplitId = handleSplitId;
+exports.changeActionsMap = {
+    companyId: function (val) { return (0, exports.handleSplitId)(val)[1]; },
+};
+exports.QUOTE_API_ROUTES = {
+    QUOTES: "/api/quotes-invoices",
+    QUOTE: "/api/quote-invoice",
+    QUOTE_BY_ID: "/api/quote-invoice/quote-invoice-by-id",
+    PRODUCTS: "/api/products",
+    CONTACTS: "/api/contacts",
+    CUSTOMER_BY_PHONE: "/api/customer/customer-by-phone",
+    TAXES: "/api/taxes",
+    TAX: "/api/tax",
+    COMPANIES: "/api/companies",
+};
+exports.tableBodyCols = [
+    {
+        componentType: enhanced_table_1.COMPONENT_TYPE.ID,
+        key: "id",
+    },
+    {
+        componentType: enhanced_table_1.COMPONENT_TYPE.OBJECT,
+        key: ["company", "name"],
+    },
+    {
+        componentType: enhanced_table_1.COMPONENT_TYPE.MULTIPLE_TEXT_LINES,
+        key: ["date", "expiryDate"],
+        textFormatter: function (text) {
+            return (0, util_functions_1.formatDate)(text, util_functions_1.DATE_FORMATS.LOCALE_DATE);
+        },
+    },
+    {
+        componentType: enhanced_table_1.COMPONENT_TYPE.TEXT,
+        key: "ref",
+    },
+    {
+        componentType: enhanced_table_1.COMPONENT_TYPE.TEXT,
+        key: "subTotal",
+        textFormatter: function (text, obj) {
+            return "".concat(obj === null || obj === void 0 ? void 0 : obj.currency).concat(text);
+        },
+    },
+    {
+        componentType: enhanced_table_1.COMPONENT_TYPE.TEXT,
+        key: "taxRate",
+    },
+    {
+        componentType: enhanced_table_1.COMPONENT_TYPE.TEXT,
+        key: "discount",
+    },
+    {
+        componentType: enhanced_table_1.COMPONENT_TYPE.TEXT,
+        key: "total",
+        textFormatter: function (text, obj) {
+            return "".concat(obj === null || obj === void 0 ? void 0 : obj.currency).concat(text);
+        },
+    },
+    {
+        componentType: enhanced_table_1.COMPONENT_TYPE.TEXT,
+        key: "category",
+    },
+    {
+        componentType: enhanced_table_1.COMPONENT_TYPE.ACTIONS,
+        key: "actions",
+    },
+];
+exports.validationErrors = {
+    companyId: "Please select Company",
+    ref: "Please enter ref",
+    status: "Please select status",
+    date: "Please select date",
+    expiryDate: "Please select expire date",
+    note: "Please enter a note",
+    currency: "Please select currency",
+    total: "Please enter net total",
+    subTotal: "Please enter sub total",
+    taxRate: "Please enter tax value",
+    customerPhone: "Please enter phone",
+    customerFirstName: "Please enter first name",
+    customerLastName: "Please enter last name",
+    customerAddress: "Please enter address",
+    customerCity: "Please enter city",
+    customerCountry: "Please enter country",
+    customerEmail: "Please enter email",
+    services: {
+        name: "Item is required",
+        description: "Description is required",
+        quantity: "Quantity is required",
+        price: "Price is required",
+        total: "Total price is required",
+    },
+    products: {
+        id: "Please select a product",
+        quantity: "Please enter Quantity",
+        price: "Price is required",
+        total: "Total price is required",
+    },
+};