@appcorp/stellar-solutions-invoice-module 0.1.73 → 0.1.75

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

@@ -5,8 +5,4 @@
  * Uses Shadcn UI components with RTL support and i18n.
  */
 import { FC } from "react";
-interface Props {
-    isRTL?: boolean;
-}
-export declare const AddServiceProductSection: FC<Props>;
-export {};
+export declare const AddServiceProductSection: FC;

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

@@ -17,15 +17,15 @@ var button_1 = require("@appcorp/shadcn/components/ui/button");
 var context_1 = require("./context");
 var AddServiceProductSection = function () {
     var t = (0, next_intl_1.useTranslations)("invoice");
-    var _a = (0, context_1.useInvoiceStateContext)(), handleAddItemProduct = _a.handleAddItemProduct, handleAddItemService = _a.handleAddItemService;
+    var _a = (0, context_1.useInvoiceModule)(), 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("addItem")),
         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" }),
+            react_1.default.createElement(lucide_react_1.Plus, { className: "h-4 w-4" }),
             t("addItemService")),
         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" }),
+            react_1.default.createElement(lucide_react_1.Plus, { className: "h-4 w-4" }),
             t("addItemProduct"))));
 };
 exports.AddServiceProductSection = AddServiceProductSection;

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

@@ -0,0 +1,15 @@
+/**
+ * Invoice Cache
+ *
+ * Client-side caching utilities for invoice data.
+ * Uses localStorage-backed cache to reduce redundant API calls.
+ */
+import { QuoteInvoiceBE, type ListResponse } from "@react-pakistan/util-functions";
+export declare const getCachedInvoicesSync: () => ListResponse<QuoteInvoiceBE> | null;
+export declare const getCachedInvoices: ({ params, }?: {
+    params?: Record<string, unknown>;
+}) => Promise<ListResponse<QuoteInvoiceBE>>;
+export declare const getCachedInvoiceById: (invoiceId: string) => QuoteInvoiceBE | null;
+export declare const invalidateInvoicesCache: () => void;
+export declare const preloadInvoices: () => Promise<ListResponse<QuoteInvoiceBE>>;
+export declare const isInvoicesCacheStale: () => boolean;

package/base-modules/invoice/cache.js

@@ -0,0 +1,50 @@
+"use strict";
+/**
+ * Invoice Cache
+ *
+ * Client-side caching utilities for invoice data.
+ * Uses localStorage-backed cache to reduce redundant API calls.
+ */
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.isInvoicesCacheStale = exports.preloadInvoices = exports.invalidateInvoicesCache = exports.getCachedInvoiceById = exports.getCachedInvoices = exports.getCachedInvoicesSync = void 0;
+var util_functions_1 = require("@react-pakistan/util-functions");
+var constants_1 = require("./constants");
+var constants_2 = require("@appcorp/stellar-solutions-modules/constants");
+// ============================================================================
+// CACHE CONFIG
+// ============================================================================
+var INVOICE_CACHE_CONFIG = {
+    apiUrl: constants_1.INVOICE_API_ROUTES.UNIT,
+    cacheKey: constants_2.LS_KEYS.INVOICES,
+};
+// ============================================================================
+// CACHE UTILITIES
+// ============================================================================
+var getCachedInvoicesSync = function () {
+    return (0, util_functions_1.getCachedDataSync)(constants_2.LS_KEYS.INVOICES);
+};
+exports.getCachedInvoicesSync = getCachedInvoicesSync;
+var getCachedInvoices = function (_a) {
+    var _b = _a === void 0 ? {} : _a, params = _b.params;
+    return (0, util_functions_1.getCachedData)({
+        config: INVOICE_CACHE_CONFIG,
+        params: params,
+        headers: {
+            "Content-Type": "application/json",
+            "x-api-token": process.env.NEXT_PUBLIC_API_KEY,
+        },
+    });
+};
+exports.getCachedInvoices = getCachedInvoices;
+var getCachedInvoiceById = function (invoiceId) {
+    return (0, util_functions_1.getCachedItemById)(constants_2.LS_KEYS.INVOICES, invoiceId);
+};
+exports.getCachedInvoiceById = getCachedInvoiceById;
+var invalidateInvoicesCache = function () { return (0, util_functions_1.invalidateCache)(constants_2.LS_KEYS.INVOICES); };
+exports.invalidateInvoicesCache = invalidateInvoicesCache;
+var preloadInvoices = function () {
+    return (0, util_functions_1.preloadCache)(INVOICE_CACHE_CONFIG);
+};
+exports.preloadInvoices = preloadInvoices;
+var isInvoicesCacheStale = function () { return (0, util_functions_1.isCacheStale)(constants_2.LS_KEYS.INVOICES); };
+exports.isInvoicesCacheStale = isInvoicesCacheStale;

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

@@ -1,2 +1,7 @@
-import { Product, Service } from './types';
+export interface Service {
+    rowTotal: string;
+}
+export interface Product {
+    rowTotal: string;
+}
 export declare const calculateSubtotal: (services?: Service[], products?: Product[]) => string;

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

@@ -5,13 +5,13 @@ var calculateSubtotal = function (services, products) {
     var subtotal = 0;
     if (services) {
         var servicesSubtotal = services.reduce(function (acc, item) {
-            return acc + parseFloat(item.rowTotal || '0');
+            return acc + parseFloat(item.rowTotal || "0");
         }, 0);
         subtotal += servicesSubtotal;
     }
     if (products) {
         var productsSubtotal = products.reduce(function (acc, item) {
-            return acc + parseFloat(item.rowTotal || '0');
+            return acc + parseFloat(item.rowTotal || "0");
         }, 0);
         subtotal += productsSubtotal;
     }

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

@@ -1,4 +1,4 @@
-import { DISCOUNT_UNIT } from "./types";
+import { DISCOUNT_UNIT } from "@react-pakistan/util-functions";
 interface Return {
     afterDiscount: number;
     tax: string;

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

@@ -1,19 +1,19 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.calculateTotal = void 0;
-var types_1 = require("./types");
+var util_functions_1 = require("@react-pakistan/util-functions");
 var calculateTotal = function (subtotal, taxRate, discountUnit, discount) {
-    var subtotalValue = parseFloat(subtotal || '0');
+    var subtotalValue = parseFloat(subtotal || "0");
     var discountType = discountUnit;
-    var discountValue = parseFloat(discount || '0');
-    var discountedAmount = discountType === types_1.DISCOUNT_UNIT.PERCENTAGE_VALUE
+    var discountValue = parseFloat(discount || "0");
+    var discountedAmount = discountType === util_functions_1.DISCOUNT_UNIT.PERCENTAGE_VALUE
         ? (subtotalValue * discountValue) / 100
         : discountValue;
     var afterDiscount = subtotalValue - discountedAmount;
-    var tax = taxRate ? ((afterDiscount * parseFloat(taxRate)) / 100).toFixed(2) : Number(0).toFixed(2);
-    var total = (subtotalValue +
-        parseFloat(tax) -
-        discountedAmount).toFixed(2);
+    var tax = taxRate
+        ? ((afterDiscount * parseFloat(taxRate)) / 100).toFixed(2)
+        : Number(0).toFixed(2);
+    var total = (subtotalValue + parseFloat(tax) - discountedAmount).toFixed(2);
     return {
         tax: tax,
         afterDiscount: afterDiscount,

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

@@ -5,8 +5,4 @@
  * Uses Shadcn UI components with RTL support and i18n.
  */
 import { FC } from "react";
-interface Props {
-    isRTL: boolean;
-}
-export declare const CompanySection: FC<Props>;
-export {};
+export declare const CompanySection: FC;

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

@@ -46,42 +46,46 @@ var date_fns_1 = require("date-fns");
 var enhanced_combobox_1 = require("@appcorp/shadcn/components/enhanced-combobox");
 var enhanced_input_1 = require("@appcorp/shadcn/components/enhanced-input");
 var enhanced_textarea_1 = require("@appcorp/shadcn/components/enhanced-textarea");
-var context_1 = require("@appcorp/stellar-solutions-modules/global-modules/preferences/context");
-var actions_1 = require("./actions");
-var context_2 = require("./context");
+var context_1 = require("./context");
+var cache_1 = require("@appcorp/stellar-solutions-company-module/base-modules/company/cache");
+var cache_2 = require("@appcorp/stellar-solutions-modules/global-modules/currency/cache");
 var CompanySection = function () {
     var t = (0, next_intl_1.useTranslations)("invoice");
-    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 companies = (0, cache_1.getCachedCompaniesSync)();
+    var currencies = (0, cache_2.getCachedCurrenciesSync)();
+    var _a = (0, context_1.useInvoiceModule)(), state = _a.state, dispatch = _a.dispatch;
+    var companyId = state.companyId, currency = state.currency, date = state.date, errors = state.errors, expiryDate = state.expiryDate, note = state.note, ref = state.ref;
     var handleInputChange = (0, react_1.useCallback)(function (key, value) {
         dispatch({
-            type: actions_1.INVOICE_ACTION_TYPES.SET_INPUT_FIELD,
+            type: context_1.INVOICE_ACTION_TYPES.SET_INPUT_FIELD,
             payload: { key: key, value: value },
         });
         dispatch({
-            type: actions_1.INVOICE_ACTION_TYPES.SET_DISABLE_SAVE_BUTTON,
+            type: context_1.INVOICE_ACTION_TYPES.SET_DISABLE_SAVE_BUTTON,
             payload: { disableSaveButton: false },
         });
         dispatch({
-            type: actions_1.INVOICE_ACTION_TYPES.RESET_ERRORS,
+            type: context_1.INVOICE_ACTION_TYPES.SET_ERRORS,
+            payload: { errors: {} },
         });
     }, [dispatch]);
     var handleCompanyChange = function (selectedCompanyId) {
         dispatch({
-            type: actions_1.INVOICE_ACTION_TYPES.SET_INPUT_FIELD,
+            type: context_1.INVOICE_ACTION_TYPES.SET_INPUT_FIELD,
             payload: { key: "companyId", value: selectedCompanyId },
         });
         dispatch({
-            type: actions_1.INVOICE_ACTION_TYPES.SET_DISABLE_SAVE_BUTTON,
+            type: context_1.INVOICE_ACTION_TYPES.SET_DISABLE_SAVE_BUTTON,
             payload: { disableSaveButton: false },
         });
         dispatch({
-            type: actions_1.INVOICE_ACTION_TYPES.RESET_ERRORS,
+            type: context_1.INVOICE_ACTION_TYPES.SET_ERRORS,
+            payload: { errors: {} },
         });
     };
     var handleCompanySearch = function (searchQuery) {
         dispatch({
-            type: actions_1.INVOICE_ACTION_TYPES.SET_INPUT_FIELD,
+            type: context_1.INVOICE_ACTION_TYPES.SET_INPUT_FIELD,
             payload: {
                 key: "companyQuery",
                 value: searchQuery,
@@ -90,33 +94,32 @@ var CompanySection = function () {
     };
     var handleCurrencyChange = function (currencyCode) {
         dispatch({
-            type: actions_1.INVOICE_ACTION_TYPES.SET_INPUT_FIELD,
+            type: context_1.INVOICE_ACTION_TYPES.SET_INPUT_FIELD,
             payload: { key: "currency", value: currencyCode },
         });
         dispatch({
-            type: actions_1.INVOICE_ACTION_TYPES.SET_DISABLE_SAVE_BUTTON,
+            type: context_1.INVOICE_ACTION_TYPES.SET_DISABLE_SAVE_BUTTON,
             payload: { disableSaveButton: false },
         });
         dispatch({
-            type: actions_1.INVOICE_ACTION_TYPES.RESET_ERRORS,
+            type: context_1.INVOICE_ACTION_TYPES.SET_ERRORS,
+            payload: { 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("companyFormSectionTitle")),
         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(enhanced_combobox_1.CompanyCombobox, { companies: companiesList || [], error: errors.companyId, id: "companyId", info: t("companyFormInfoCompany"), label: t("companyFormLabelCompany"), onSearchChange: handleCompanySearch, onValueChange: handleCompanyChange, placeholder: t("companyFormPlaceholderCompany"), required: true, value: companyId || "" })),
+                react_1.default.createElement(enhanced_combobox_1.CompanyCombobox, { companies: (companies === null || companies === void 0 ? void 0 : companies.items) || [], error: errors.companyId, id: "companyId", info: t("companyFormInfoCompany"), label: t("companyFormLabelCompany"), onSearchChange: handleCompanySearch, onValueChange: handleCompanyChange, placeholder: t("companyFormPlaceholderCompany"), required: true, value: companyId || "" })),
             react_1.default.createElement("div", { className: "space-y-2" },
                 react_1.default.createElement(enhanced_input_1.EnhancedInput, { error: errors.date, id: "date", info: t("companyFormInfoDate"), label: t("companyFormLabelDate"), onChange: function (e) { return handleInputChange("date", e.target.value); }, placeholder: t("companyFormPlaceholderDate"), 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(enhanced_input_1.EnhancedInput, { error: errors.expiryDate, id: "expiryDate", info: t("companyFormInfoExpiryDate"), label: t("companyFormLabelExpiryDate"), onChange: function (e) { return handleInputChange("expiryDate", e.target.value); }, placeholder: t("companyFormPlaceholderExpiryDate"), 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(enhanced_combobox_1.CompanyCombobox, { companies: currencyOptions, error: errors.currency, id: "currency", info: t("companyFormInfoCurrency"), label: t("companyFormLabelCurrency"), onSearchChange: function () { }, onValueChange: handleCurrencyChange, placeholder: t("companyFormPlaceholderCurrency"), required: true, value: currency || "" })),
+                react_1.default.createElement(enhanced_combobox_1.EnhancedCombobox, { id: "currency", label: t("companyFormLabelCurrency"), value: currency || "", onValueChange: handleCurrencyChange, options: (currencies === null || currencies === void 0 ? void 0 : currencies.items.map(function (c) { return ({
+                        label: "".concat(c.label, " - ").concat(c.code) || c.code,
+                        value: c.code,
+                    }); })) || [], placeholder: t("companyFormPlaceholderCurrency"), info: t("companyFormInfoCurrency"), error: errors.currency, required: true })),
             react_1.default.createElement("div", { className: "space-y-2" },
                 react_1.default.createElement(enhanced_textarea_1.EnhancedTextarea, { error: errors.note, id: "note", info: t("companyFormInfoNote"), label: t("companyFormLabelNote"), onChange: function (e) { return handleInputChange("note", e.target.value); }, placeholder: t("companyFormPlaceholderNote"), rows: 3, value: note || "" })),
             react_1.default.createElement("div", { className: "space-y-2" },

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

@@ -3,10 +3,9 @@ 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 INVOICE_API_ROUTES: {
-    INVOICES: string;
-    INVOICE: string;
+    UNIT: string;
     INVOICE_BY_ID: string;
-    PRODUCTS: string;
+    PRODUCT: string;
     CONTACTS: string;
     CUSTOMER_BY_PHONE: string;
     TAXES: string;

package/base-modules/invoice/constants.js

@@ -12,10 +12,9 @@ exports.changeActionsMap = {
     companyId: function (val) { return (0, exports.handleSplitId)(val)[1]; },
 };
 exports.INVOICE_API_ROUTES = {
-    INVOICES: "/api/quotes-invoices",
-    INVOICE: "/api/quote-invoice",
+    UNIT: "/api/quote-invoice",
     INVOICE_BY_ID: "/api/quote-invoice/quote-invoice-by-id",
-    PRODUCTS: "/api/products",
+    PRODUCT: "/api/product",
     CONTACTS: "/api/contacts",
     CUSTOMER_BY_PHONE: "/api/customer/customer-by-phone",
     TAXES: "/api/taxes",