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

package/base-modules/payment/drawer.d.ts

@@ -1,6 +0,0 @@
-import { FC } from "react";
-interface Props {
-    isRTL: boolean;
-}
-export declare const Drawer: FC<Props>;
-export {};

package/base-modules/payment/drawer.js

@@ -1,44 +1,89 @@
-"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 lucide_react_1 = require("lucide-react");
-var button_1 = require("@appcorp/shadcn/components/ui/button");
-var drawer_1 = require("@appcorp/shadcn/components/ui/drawer");
-var context_1 = require("./context");
-var form_1 = require("./form");
-var types_1 = require("./types");
-var next_intl_1 = require("next-intl");
-var view_1 = require("./view");
-var Drawer = function (_a) {
-    var isRTL = _a.isRTL;
-    var t = (0, next_intl_1.useTranslations)("payment");
-    var _b = (0, context_1.usePaymentStateContext)(), closeDrawer = _b.closeDrawer, disableSaveButton = _b.disableSaveButton, drawer = _b.drawer, handleSubmit = _b.handleSubmit;
-    var isFormDrawer = drawer === types_1.PAYMENT_DRAWER.PAYMENT_FORM_DRAWER;
-    var isFilterDrawer = drawer === types_1.PAYMENT_DRAWER.PAYMENT_FILTER_DRAWER;
-    var isViewDrawer = drawer === types_1.PAYMENT_DRAWER.PAYMENT_VIEW_DRAWER;
-    var drawerWidth = "w-[400px] sm:w-[540px]";
-    var drawerDirection = isRTL ? "left" : "right";
-    return (react_1.default.createElement(drawer_1.Drawer, { open: !!drawer, onOpenChange: function (open) { return !open && closeDrawer(); }, direction: drawerDirection },
-        react_1.default.createElement(drawer_1.DrawerContent, { className: "h-full ".concat(drawerWidth, " ").concat(isRTL ? "rtl" : "ltr"), dir: isRTL ? "rtl" : "ltr", "aria-describedby": "drawer-description", "aria-description": "drawer-description" },
-            react_1.default.createElement(drawer_1.DrawerHeader, { className: "flex flex-row items-center justify-between border-b pb-4 ".concat(isRTL ? "flex-row-reverse" : "") },
-                react_1.default.createElement(drawer_1.DrawerTitle, { className: "text-xl font-semibold flex items-center ".concat(isRTL ? "flex-row-reverse gap-2" : "gap-2") },
-                    isFormDrawer && t("drawerTitlePayment"),
-                    isFilterDrawer && t("drawerTitleFilter"),
-                    isViewDrawer && t("drawerTitleView")),
-                react_1.default.createElement(drawer_1.DrawerClose, { asChild: true },
-                    react_1.default.createElement(button_1.Button, { variant: "ghost", size: "icon", className: "h-8 w-8" },
-                        react_1.default.createElement(lucide_react_1.X, { className: "h-4 w-4" }),
-                        react_1.default.createElement("span", { className: "sr-only" }, t("drawerButtonClose"))))),
-            react_1.default.createElement("div", { className: "flex-1 overflow-y-auto px-4 py-6 ".concat(isRTL ? "text-right" : "text-left") },
-                isFormDrawer && react_1.default.createElement(form_1.PaymentForm, { isRTL: isRTL }),
-                isViewDrawer && react_1.default.createElement(view_1.PaymentView, { isRTL: isRTL })),
-            react_1.default.createElement(drawer_1.DrawerFooter, { className: "border-t pt-4" },
-                react_1.default.createElement("div", { className: "flex gap-2 ".concat(isRTL ? "flex-row-reverse" : "") },
-                    react_1.default.createElement(button_1.Button, { variant: "outline", onClick: closeDrawer, className: "flex-1" }, t("drawerButtonCancel")),
-                    isFormDrawer && (react_1.default.createElement(button_1.Button, { onClick: handleSubmit, disabled: disableSaveButton, className: "flex-1" }, t("drawerButtonSave"))))))));
-};
-exports.Drawer = Drawer;
+// import React, { FC } from "react";
+// import { X } from "lucide-react";
+// import { Button } from "@appcorp/shadcn/components/ui/button";
+// import {
+//   Drawer as ShadcnDrawer,
+//   DrawerClose,
+//   DrawerContent,
+//   DrawerFooter,
+//   DrawerHeader,
+//   DrawerTitle,
+// } from "@appcorp/shadcn/components/ui/drawer";
+// import { usePaymentStateContext } from "./context";
+// import { PaymentForm } from "./form";
+// import { PAYMENT_DRAWER } from "./types";
+// import { useTranslations } from "next-intl";
+// import { PaymentView } from "./view";
+// interface Props {
+//   isRTL: boolean;
+// }
+// export const Drawer: FC<Props> = ({ isRTL }) => {
+//   const t = useTranslations("payment");
+//   const { closeDrawer, disableSaveButton, drawer, handleSubmit } =
+//     usePaymentStateContext();
+//   const isFormDrawer = drawer === PAYMENT_DRAWER.PAYMENT_FORM_DRAWER;
+//   const isFilterDrawer = drawer === PAYMENT_DRAWER.PAYMENT_FILTER_DRAWER;
+//   const isViewDrawer = drawer === PAYMENT_DRAWER.PAYMENT_VIEW_DRAWER;
+//   const drawerWidth = "w-[400px] sm:w-[540px]";
+//   const drawerDirection = isRTL ? "left" : "right";
+//   return (
+//     <ShadcnDrawer
+//       open={!!drawer}
+//       onOpenChange={(open: boolean) => !open && closeDrawer()}
+//       direction={drawerDirection}
+//     >
+//       <DrawerContent
+//         className={`h-full ${drawerWidth} ${isRTL ? "rtl" : "ltr"}`}
+//         dir={isRTL ? "rtl" : "ltr"}
+//         aria-describedby="drawer-description"
+//         aria-description="drawer-description"
+//       >
+//         <DrawerHeader
+//           className={`flex flex-row items-center justify-between border-b pb-4 ${
+//             isRTL ? "flex-row-reverse" : ""
+//           }`}
+//         >
+//           <DrawerTitle
+//             className={`text-xl font-semibold flex items-center ${
+//               isRTL ? "flex-row-reverse gap-2" : "gap-2"
+//             }`}
+//           >
+//             {isFormDrawer && t("drawerTitlePayment")}
+//             {isFilterDrawer && t("drawerTitleFilter")}
+//             {isViewDrawer && t("drawerTitleView")}
+//           </DrawerTitle>
+//           <DrawerClose asChild>
+//             <Button variant="ghost" size="icon" className="h-8 w-8">
+//               <X className="h-4 w-4" />
+//               <span className="sr-only">{t("drawerButtonClose")}</span>
+//             </Button>
+//           </DrawerClose>
+//         </DrawerHeader>
+//         <div
+//           className={`flex-1 overflow-y-auto px-4 py-6 ${
+//             isRTL ? "text-right" : "text-left"
+//           }`}
+//         >
+//           {isFormDrawer && <PaymentForm isRTL={isRTL} />}
+//           {isViewDrawer && <PaymentView isRTL={isRTL} />}
+//         </div>
+//         <DrawerFooter className="border-t pt-4">
+//           <div className={`flex gap-2 ${isRTL ? "flex-row-reverse" : ""}`}>
+//             <Button variant="outline" onClick={closeDrawer} className="flex-1">
+//               {t("drawerButtonCancel")}
+//             </Button>
+//             {isFormDrawer && (
+//               <Button
+//                 onClick={handleSubmit}
+//                 disabled={disableSaveButton}
+//                 className="flex-1"
+//               >
+//                 {t("drawerButtonSave")}
+//               </Button>
+//             )}
+//           </div>
+//         </DrawerFooter>
+//       </DrawerContent>
+//     </ShadcnDrawer>
+//   );
+// };

package/base-modules/payment/form.js

@@ -27,8 +27,9 @@ var context_2 = require("@appcorp/stellar-solutions-modules/global-modules/payme
 var PaymentForm = function (_a) {
     var isRTL = _a.isRTL;
     var t = (0, next_intl_1.useTranslations)("payment");
-    var _b = (0, context_1.usePaymentStateContext)(), amount = _b.amount, attachment = _b.attachment, balance = _b.balance, currency = _b.currency, date = _b.date, description = _b.description, errors = _b.errors, handleChange = _b.handleChange, paymentModeId = _b.paymentModeId, paymentType = _b.paymentType, ref = _b.ref;
-    var _c = (0, context_2.usePaymentModeStateContext)(), paymentModes = _c.paymentModes, paymentModesLoading = _c.listLoading;
+    var _b = (0, context_1.usePaymentModule)(), amount = _b.amount, attachment = _b.attachment, balance = _b.balance, currency = _b.currency, date = _b.date, description = _b.description, errors = _b.errors, handleChange = _b.handleChange, paymentModeId = _b.paymentModeId, paymentType = _b.paymentType, ref = _b.ref;
+    var _c = (0, context_2.usePaymentModeModule)(), paymentModesLoading = _c.listLoading, paymentModeState = _c.state;
+    var paymentModes = paymentModeState.items;
     // Helper function to translate validation error keys
     var getTranslatedError = function (key) {
         if (!errors[key])

package/base-modules/payment/{payment.js → page.js}

@@ -8,16 +8,14 @@ exports.PaymentPage = 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 use_rtl_1 = require("@appcorp/stellar-solutions-modules/hooks/use-rtl");
 var enhanced_table_1 = require("@appcorp/shadcn/components/enhanced-table");
 var sonner_1 = require("@appcorp/shadcn/components/ui/sonner");
 var constants_1 = require("./constants");
 var context_1 = require("./context");
-var drawer_1 = require("./drawer");
 var PaymentPage = function () {
-    var _a = (0, context_1.usePaymentStateContext)(), count = _a.count, currentPage = _a.currentPage, handleNextClick = _a.handleNextClick, handlePageLimit = _a.handlePageLimit, handlePreviousClick = _a.handlePreviousClick, headerActions = _a.headerActions, listLoading = _a.listLoading, pageLimit = _a.pageLimit, payments = _a.payments, rowActions = _a.rowActions, searchOnChange = _a.searchOnChange, searchQuery = _a.searchQuery;
+    var _a = (0, context_1.usePaymentModule)(), count = _a.count, currentPage = _a.currentPage, handleNextClick = _a.handleNextClick, handlePageLimit = _a.handlePageLimit, handlePreviousClick = _a.handlePreviousClick, headerActions = _a.headerActions, listLoading = _a.listLoading, pageLimit = _a.pageLimit, payments = _a.payments, rowActions = _a.rowActions, searchOnChange = _a.searchOnChange, searchQuery = _a.searchQuery;
     var t = (0, next_intl_1.useTranslations)("payment");
-    var isRTL = (0, use_rtl_1.useRTL)();
+    var isRTL = (0, util_functions_1.useRTL)();
     var tableHeadItems = [
         { label: t("tableColumnHeaderId"), width: "5%" },
         { label: t("tableColumnHeaderQuoteInvoice"), width: "15%" },
@@ -33,7 +31,6 @@ var PaymentPage = function () {
     var totalPages = (0, util_functions_1.calculatePages)(count, pageLimit);
     return (react_1.default.createElement("div", { className: "space-y-4 ".concat(isRTL ? "rtl" : "ltr"), dir: isRTL ? "rtl" : "ltr" },
         react_1.default.createElement(enhanced_table_1.EnhancedTable, { currentPage: Number(currentPage), handleNextOnClick: handleNextClick, handleOnSelect: handlePageLimit, handlePreviousOnClick: handlePreviousClick, handleSearchInput: searchOnChange, headerActions: headerActions, isNextDisabled: (0, util_functions_1.isNextButtonDisabled)(currentPage, totalPages), isPreviousDisabled: (0, util_functions_1.isPreviousButtonDisabled)(currentPage), listOptions: (0, util_functions_1.getAvailablePageLimits)(count), loading: listLoading, nodeSelectKey: "pageLimit", pageLimit: pageLimit, rowActions: rowActions, searchDisabled: false, searchEnabled: true, searchId: "payment-search", searchPlaceholder: t("tableSearchPlaceholder"), searchValue: searchQuery, tableBodyCols: constants_1.tableBodyCols, tableBodyRows: payments, tableDescription: t("tableDescription"), tableHeadItems: tableHeadItems, tableHeading: t("tableTitle"), totalPages: Number(totalPages) }),
-        react_1.default.createElement(drawer_1.Drawer, { isRTL: isRTL }),
         react_1.default.createElement(sonner_1.Toaster, null)));
 };
 exports.PaymentPage = PaymentPage;

package/base-modules/payment/types.d.ts

@@ -1,85 +0,0 @@
-import { Dispatch } from "react";
-import { PaymentModeTypeBE } from "@appcorp/stellar-solutions-modules/global-modules/payment-mode/types";
-import { QuoteInvoiceTypeBE } from "../invoice/types";
-import { PaymentActions } from "./actions";
-import { HeaderAction, RowAction } from "@appcorp/shadcn/components/enhanced-table";
-export declare enum PAYMENT_TYPE {
-    FULL_AMOUNT = "FULL_AMOUNT",
-    PARTIAL_AMOUNT = "PARTIAL_AMOUNT"
-}
-export declare enum PAYMENT_DRAWER {
-    PAYMENT_FILTER_DRAWER = "PAYMENT_FILTER_DRAWER",
-    PAYMENT_FORM_DRAWER = "PAYMENT_FORM_DRAWER",
-    PAYMENT_VIEW_DRAWER = "PAYMENT_VIEW_DRAWER"
-}
-export declare enum PAYMENT_MODAL {
-    DUMMY = "DUMMY"
-}
-/**
- * Payment Backend Entity
- */
-export interface PaymentTypeBE {
-    amount: string;
-    attachment?: string;
-    balance: string;
-    createdAt: string;
-    currency: string;
-    date: string;
-    description?: string;
-    id: string;
-    paymentMode?: PaymentModeTypeBE;
-    paymentModeId: string;
-    paymentType: PAYMENT_TYPE;
-    quoteInvoice?: QuoteInvoiceTypeBE;
-    quoteInvoiceId: string;
-    ref?: string;
-    updatedAt: string;
-}
-export type { PaymentModeTypeBE };
-export interface PaymentContextType {
-    byIdError?: Error;
-    byIdLoading: boolean;
-    clearSearch: () => void;
-    closeDrawer: () => void;
-    deleteError?: Error;
-    deleteLoading: boolean;
-    dispatch: Dispatch<PaymentActions>;
-    handleChange: (field: string, value: string | number | number[]) => void;
-    handleNextClick: () => void;
-    handlePageLimit: (node: string, value: object) => void;
-    handlePreviousClick: () => void;
-    handleSubmit: () => void;
-    headerActions: HeaderAction[];
-    listError?: Error;
-    listFetchNow: () => void;
-    listLoading: boolean;
-    rowActions: RowAction[];
-    searchOnChange: (k: string, v: string) => void;
-    updateError?: Error;
-    updateLoading: boolean;
-}
-export interface PaymentState extends Omit<PaymentTypeBE, "createdAt" | "updatedAt" | "paymentMode" | "quoteInvoice"> {
-    count: number;
-    currentPage: number;
-    disableSaveButton: boolean;
-    drawer: null | PAYMENT_DRAWER;
-    errors: {
-        [key: string]: string;
-    };
-    mode: "Create" | "Edit";
-    pageLimit: number;
-    paymentMode?: PaymentModeTypeBE;
-    paymentModeQuery: string;
-    paymentModes: PaymentModeTypeBE[];
-    payments: PaymentTypeBE[];
-    quoteInvoice?: QuoteInvoiceTypeBE;
-    quoteInvoiceQuery: string;
-    quoteInvoices: QuoteInvoiceTypeBE[];
-    searchQuery: string;
-    invoice: QuoteInvoiceTypeBE | null;
-}
-export interface FetchPaymentsArgs {
-    currentPage: number;
-    pageLimit: number;
-    searchQuery?: string;
-}

package/base-modules/payment/types.js

@@ -1,21 +1,74 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.PAYMENT_MODAL = exports.PAYMENT_DRAWER = exports.PAYMENT_TYPE = void 0;
-// ============================================================================
-// ENUMS
-// ============================================================================
-var PAYMENT_TYPE;
-(function (PAYMENT_TYPE) {
-    PAYMENT_TYPE["FULL_AMOUNT"] = "FULL_AMOUNT";
-    PAYMENT_TYPE["PARTIAL_AMOUNT"] = "PARTIAL_AMOUNT";
-})(PAYMENT_TYPE || (exports.PAYMENT_TYPE = PAYMENT_TYPE = {}));
-var PAYMENT_DRAWER;
-(function (PAYMENT_DRAWER) {
-    PAYMENT_DRAWER["PAYMENT_FILTER_DRAWER"] = "PAYMENT_FILTER_DRAWER";
-    PAYMENT_DRAWER["PAYMENT_FORM_DRAWER"] = "PAYMENT_FORM_DRAWER";
-    PAYMENT_DRAWER["PAYMENT_VIEW_DRAWER"] = "PAYMENT_VIEW_DRAWER";
-})(PAYMENT_DRAWER || (exports.PAYMENT_DRAWER = PAYMENT_DRAWER = {}));
-var PAYMENT_MODAL;
-(function (PAYMENT_MODAL) {
-    PAYMENT_MODAL["DUMMY"] = "DUMMY";
-})(PAYMENT_MODAL || (exports.PAYMENT_MODAL = PAYMENT_MODAL = {}));
+// import { PaymentModeBE } from '@react-pakistan/util-functions/api/stellar-solutions/type';
+// import { QuoteInvoiceTypeBE } from "@appcorp/stellar-solutions-modules/global-modules/quote-invoice/types";
+// // import { PaymentModeTypeBE } from "@appcorp/stellar-solutions-modules/global-modules/payment-mode/types";
+// // import { PaymentModeBE } from "@appcorp/stellar-solutions-modules/global-modules/payment-mode/types";
+// // import { QuoteInvoiceTypeBE } from "../invoice/types";
+// // ============================================================================
+// // ENUMS
+// // ============================================================================
+// export enum PAYMENT_TYPE {
+//   FULL_AMOUNT = "FULL_AMOUNT",
+//   PARTIAL_AMOUNT = "PARTIAL_AMOUNT",
+// }
+// export enum PAYMENT_DRAWER {
+//   PAYMENT_FILTER_DRAWER = "PAYMENT_FILTER_DRAWER",
+//   PAYMENT_FORM_DRAWER = "PAYMENT_FORM_DRAWER",
+//   PAYMENT_VIEW_DRAWER = "PAYMENT_VIEW_DRAWER",
+// }
+// export enum PAYMENT_MODAL {
+//   DUMMY = "DUMMY",
+// }
+// // ============================================================================
+// // ENTITY TYPES (Backend Data Structures)
+// // ============================================================================
+// /**
+//  * Payment Backend Entity
+//  */
+// export interface PaymentTypeBE {
+//   amount: string;
+//   attachment?: string;
+//   balance: string;
+//   createdAt: string;
+//   currency: string;
+//   date: string;
+//   description?: string;
+//   id: string;
+//   paymentMode?: PaymentModeTypeBE;
+//   paymentModeId: string;
+//   paymentType: PAYMENT_TYPE;
+//   quoteInvoice?: QuoteInvoiceTypeBE;
+//   quoteInvoiceId: string;
+//   ref?: string;
+//   updatedAt: string;
+// }
+// // Re-export PaymentModeTypeBE for convenience
+// export type { PaymentModeTypeBE };
+// // ============================================================================
+// // STATE TYPES (Frontend Component State)
+// // ============================================================================
+// export interface PaymentState extends Omit<
+//   PaymentTypeBE,
+//   "createdAt" | "updatedAt" | "paymentMode" | "quoteInvoice"
+// > {
+//   count: number;
+//   currentPage: number;
+//   disableSaveButton: boolean;
+//   drawer: null | PAYMENT_DRAWER;
+//   errors: { [key: string]: string };
+//   mode: "Create" | "Edit";
+//   pageLimit: number;
+//   paymentMode?: PaymentModeTypeBE;
+//   paymentModeQuery: string;
+//   paymentModes: PaymentModeTypeBE[];
+//   payments: PaymentTypeBE[];
+//   quoteInvoice?: QuoteInvoiceTypeBE;
+//   quoteInvoiceQuery: string;
+//   quoteInvoices: QuoteInvoiceTypeBE[];
+//   searchQuery: string;
+//   invoice: QuoteInvoiceTypeBE | null;
+// }
+// export interface FetchPaymentsArgs {
+//   currentPage: number;
+//   pageLimit: number;
+//   searchQuery?: string;
+// }

package/base-modules/payment/validate.d.ts

@@ -1,4 +1,16 @@
 import { z } from "zod";
+export declare const VALIDATION_KEYS: {
+    amount: string;
+    attachment: string;
+    balance: string;
+    currency: string;
+    date: string;
+    description: string;
+    paymentMode: string;
+    paymentType: string;
+    quoteInvoice: string;
+    ref: string;
+};
 /**
  * Validation schema for payment form
  */

package/base-modules/payment/validate.js

@@ -1,8 +1,19 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.formValidation = void 0;
+exports.formValidation = exports.VALIDATION_KEYS = void 0;
 var zod_1 = require("zod");
-var constants_1 = require("./constants");
+exports.VALIDATION_KEYS = {
+    amount: "validationAmountRequired",
+    attachment: "validationAttachmentInvalid",
+    balance: "validationBalanceInvalid",
+    currency: "validationCurrencyRequired",
+    date: "validationDateRequired",
+    description: "validationDescriptionInvalid",
+    paymentMode: "validationPaymentModeRequired",
+    paymentType: "validationPaymentTypeRequired",
+    quoteInvoice: "validationQuoteInvoiceRequired",
+    ref: "validationRefInvalid",
+};
 // ============================================================================
 // FORM VALIDATION SCHEMA
 // ============================================================================
@@ -10,14 +21,14 @@ var constants_1 = require("./constants");
  * Validation schema for payment form
  */
 exports.formValidation = zod_1.z.object({
-    amount: zod_1.z.string().nonempty(constants_1.VALIDATION_KEYS.amount),
+    amount: zod_1.z.string().nonempty(exports.VALIDATION_KEYS.amount),
     attachment: zod_1.z.string().optional(),
     balance: zod_1.z.string().optional(),
-    currency: zod_1.z.string().nonempty(constants_1.VALIDATION_KEYS.currency),
-    date: zod_1.z.string().nonempty(constants_1.VALIDATION_KEYS.date),
+    currency: zod_1.z.string().nonempty(exports.VALIDATION_KEYS.currency),
+    date: zod_1.z.string().nonempty(exports.VALIDATION_KEYS.date),
     description: zod_1.z.string().optional(),
-    paymentModeId: zod_1.z.string().nonempty(constants_1.VALIDATION_KEYS.paymentMode),
-    paymentType: zod_1.z.string().nonempty(constants_1.VALIDATION_KEYS.paymentType),
-    quoteInvoiceId: zod_1.z.string().nonempty(constants_1.VALIDATION_KEYS.quoteInvoice),
+    paymentModeId: zod_1.z.string().nonempty(exports.VALIDATION_KEYS.paymentMode),
+    paymentType: zod_1.z.string().nonempty(exports.VALIDATION_KEYS.paymentType),
+    quoteInvoiceId: zod_1.z.string().nonempty(exports.VALIDATION_KEYS.quoteInvoice),
     ref: zod_1.z.string().optional(),
 });

package/base-modules/payment/view.d.ts

@@ -1,6 +1,2 @@
 import { FC } from "react";
-interface Props {
-    isRTL: boolean;
-}
-export declare const PaymentView: FC<Props>;
-export {};
+export declare const PaymentView: FC;

package/base-modules/payment/view.js

@@ -9,15 +9,16 @@ var context_1 = require("./context");
 var card_1 = require("@appcorp/shadcn/components/ui/card");
 var separator_1 = require("@appcorp/shadcn/components/ui/separator");
 var badge_1 = require("@appcorp/shadcn/components/ui/badge");
+var util_functions_1 = require("@react-pakistan/util-functions");
 var Row = function (_a) {
     var label = _a.label, value = _a.value;
     return (react_1.default.createElement("div", { className: "flex w-full items-start justify-between py-2" },
         react_1.default.createElement("div", { className: "text-sm text-muted-foreground" }, label),
         react_1.default.createElement("div", { className: "text-sm text-foreground ml-4" }, value !== null && value !== void 0 ? value : "—")));
 };
-var PaymentView = function (_a) {
-    var isRTL = _a.isRTL;
-    var _b = (0, context_1.usePaymentStateContext)(), amount = _b.amount, attachment = _b.attachment, balance = _b.balance, currency = _b.currency, date = _b.date, description = _b.description, id = _b.id, paymentMode = _b.paymentMode, paymentType = _b.paymentType, quoteInvoice = _b.quoteInvoice, ref = _b.ref;
+var PaymentView = function () {
+    var isRTL = (0, util_functions_1.useRTL)();
+    var _a = (0, context_1.usePaymentModule)(), amount = _a.amount, attachment = _a.attachment, balance = _a.balance, currency = _a.currency, date = _a.date, description = _a.description, id = _a.id, paymentMode = _a.paymentMode, paymentType = _a.paymentType, quoteInvoice = _a.quoteInvoice, ref = _a.ref;
     return (react_1.default.createElement(card_1.Card, { className: "w-full" },
         react_1.default.createElement(card_1.CardHeader, { className: "flex ".concat(isRTL ? "flex-row-reverse" : "flex-row", " items-center justify-between") },
             react_1.default.createElement(card_1.CardTitle, null, "Payment"),

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

@@ -17,7 +17,7 @@ var button_1 = require("@appcorp/shadcn/components/ui/button");
 var context_1 = require("./context");
 var AddServiceProductSection = function () {
     var t = (0, next_intl_1.useTranslations)("quote");
-    var _a = (0, context_1.useQuoteStateContext)(), handleAddItemProduct = _a.handleAddItemProduct, handleAddItemService = _a.handleAddItemService;
+    var _a = (0, context_1.useQuoteModule)(), 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" },

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

@@ -0,0 +1,15 @@
+/**
+ * Quote Cache
+ *
+ * Client-side caching utilities for quote data.
+ * Uses localStorage-backed cache to reduce redundant API calls.
+ */
+import { QuoteInvoiceBE, type ListResponse } from "@react-pakistan/util-functions";
+export declare const getCachedQuotesSync: () => ListResponse<QuoteInvoiceBE> | null;
+export declare const getCachedQuotes: ({ params, }?: {
+    params?: Record<string, unknown>;
+}) => Promise<ListResponse<QuoteInvoiceBE>>;
+export declare const getCachedQuoteById: (quoteId: string) => QuoteInvoiceBE | null;
+export declare const invalidateQuotesCache: () => void;
+export declare const preloadQuotes: () => Promise<ListResponse<QuoteInvoiceBE>>;
+export declare const isQuotesCacheStale: () => boolean;

package/base-modules/quote/cache.js

@@ -0,0 +1,50 @@
+"use strict";
+/**
+ * Quote Cache
+ *
+ * Client-side caching utilities for quote data.
+ * Uses localStorage-backed cache to reduce redundant API calls.
+ */
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.isQuotesCacheStale = exports.preloadQuotes = exports.invalidateQuotesCache = exports.getCachedQuoteById = exports.getCachedQuotes = exports.getCachedQuotesSync = void 0;
+var util_functions_1 = require("@react-pakistan/util-functions");
+var constants_1 = require("./constants");
+// ============================================================================
+// CACHE CONFIG
+// ============================================================================
+var QUOTES_CACHE_KEY = "stellar_quotes_cache";
+var QUOTE_CACHE_CONFIG = {
+    apiUrl: constants_1.QUOTE_API_ROUTES.QUOTE,
+    cacheKey: QUOTES_CACHE_KEY,
+};
+// ============================================================================
+// CACHE UTILITIES
+// ============================================================================
+var getCachedQuotesSync = function () {
+    return (0, util_functions_1.getCachedDataSync)(QUOTES_CACHE_KEY);
+};
+exports.getCachedQuotesSync = getCachedQuotesSync;
+var getCachedQuotes = function (_a) {
+    var _b = _a === void 0 ? {} : _a, params = _b.params;
+    return (0, util_functions_1.getCachedData)({
+        config: QUOTE_CACHE_CONFIG,
+        params: params,
+        headers: {
+            "Content-Type": "application/json",
+            "x-api-token": process.env.NEXT_PUBLIC_API_KEY,
+        },
+    });
+};
+exports.getCachedQuotes = getCachedQuotes;
+var getCachedQuoteById = function (quoteId) {
+    return (0, util_functions_1.getCachedItemById)(QUOTES_CACHE_KEY, quoteId);
+};
+exports.getCachedQuoteById = getCachedQuoteById;
+var invalidateQuotesCache = function () { return (0, util_functions_1.invalidateCache)(QUOTES_CACHE_KEY); };
+exports.invalidateQuotesCache = invalidateQuotesCache;
+var preloadQuotes = function () {
+    return (0, util_functions_1.preloadCache)(QUOTE_CACHE_CONFIG);
+};
+exports.preloadQuotes = preloadQuotes;
+var isQuotesCacheStale = function () { return (0, util_functions_1.isCacheStale)(QUOTES_CACHE_KEY); };
+exports.isQuotesCacheStale = isQuotesCacheStale;

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

@@ -6,7 +6,7 @@
  */
 import { FC } from "react";
 interface Props {
-    isRTL: boolean;
+    isRTL?: boolean;
 }
 export declare const CompanySection: FC<Props>;
 export {};

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

@@ -47,41 +47,42 @@ 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 CompanySection = function () {
     var t = (0, next_intl_1.useTranslations)("quote");
     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 _a = (0, context_2.useQuoteModule)(), 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,
+            type: context_2.QUOTE_ACTION_TYPES.SET_INPUT_FIELD,
             payload: { key: key, value: value },
         });
         dispatch({
-            type: actions_1.QUOTE_ACTION_TYPES.SET_DISABLE_SAVE_BUTTON,
+            type: context_2.QUOTE_ACTION_TYPES.SET_DISABLE_SAVE_BUTTON,
             payload: { disableSaveButton: false },
         });
         dispatch({
-            type: actions_1.QUOTE_ACTION_TYPES.RESET_ERRORS,
+            type: context_2.QUOTE_ACTION_TYPES.SET_ERRORS,
+            payload: { errors: {} },
         });
     }, [dispatch]);
     var handleCompanyChange = function (selectedCompanyId) {
         dispatch({
-            type: actions_1.QUOTE_ACTION_TYPES.SET_INPUT_FIELD,
+            type: context_2.QUOTE_ACTION_TYPES.SET_INPUT_FIELD,
             payload: { key: "companyId", value: selectedCompanyId },
         });
         dispatch({
-            type: actions_1.QUOTE_ACTION_TYPES.SET_DISABLE_SAVE_BUTTON,
+            type: context_2.QUOTE_ACTION_TYPES.SET_DISABLE_SAVE_BUTTON,
             payload: { disableSaveButton: false },
         });
         dispatch({
-            type: actions_1.QUOTE_ACTION_TYPES.RESET_ERRORS,
+            type: context_2.QUOTE_ACTION_TYPES.SET_ERRORS,
+            payload: { errors: {} },
         });
     };
     var handleCompanySearch = function (searchQuery) {
         dispatch({
-            type: actions_1.QUOTE_ACTION_TYPES.SET_INPUT_FIELD,
+            type: context_2.QUOTE_ACTION_TYPES.SET_INPUT_FIELD,
             payload: {
                 key: "companyQuery",
                 value: searchQuery,
@@ -90,15 +91,16 @@ var CompanySection = function () {
     };
     var handleCurrencyChange = function (currencyCode) {
         dispatch({
-            type: actions_1.QUOTE_ACTION_TYPES.SET_INPUT_FIELD,
+            type: context_2.QUOTE_ACTION_TYPES.SET_INPUT_FIELD,
             payload: { key: "currency", value: currencyCode },
         });
         dispatch({
-            type: actions_1.QUOTE_ACTION_TYPES.SET_DISABLE_SAVE_BUTTON,
+            type: context_2.QUOTE_ACTION_TYPES.SET_DISABLE_SAVE_BUTTON,
             payload: { disableSaveButton: false },
         });
         dispatch({
-            type: actions_1.QUOTE_ACTION_TYPES.RESET_ERRORS,
+            type: context_2.QUOTE_ACTION_TYPES.SET_ERRORS,
+            payload: { errors: {} },
         });
     };
     // Map currencies to have consistent structure for CompanyCombobox

package/base-modules/quote/constants.js

@@ -3,6 +3,7 @@ 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");
+// import { QuoteInvoiceTypeBE } from "../invoice/types";
 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);