@appcorp/stellar-solutions-invoice-module 0.1.62 → 0.1.63

package/base-modules/invoice/context.js

@@ -818,19 +818,19 @@ var useInvoiceState = function () {
     var rowActions = (0, react_1.useMemo)(function () { return [
         {
             enabled: true,
-            handleAction: function (id) { return handleEdit(id); },
+            handleAction: handleEdit,
             label: "Edit",
             order: 1,
         },
         {
             enabled: true,
-            handleAction: function (id) { return handleRecordPayment(id); },
+            handleAction: handleRecordPayment,
             label: "Record payment",
             order: 2,
         },
         {
             enabled: true,
-            handleAction: function (id) { return handleDelete(id); },
+            handleAction: handleDelete,
             label: "Delete",
             order: 3,
         },

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

@@ -35,7 +35,8 @@ export declare enum PAYMENT_ACTION_TYPES {
     SET_QUOTE_INVOICES = "SET_QUOTE_INVOICES",
     SET_PAYMENT_MODE_QUERY = "SET_PAYMENT_MODE_QUERY",
     SET_QUOTE_INVOICE_QUERY = "SET_QUOTE_INVOICE_QUERY",
-    SET_SEARCH_QUERY = "SET_SEARCH_QUERY"
+    SET_SEARCH_QUERY = "SET_SEARCH_QUERY",
+    SET_INVOICE = "SET_INVOICE"
 }
 /**
  * Reset form validation errors
@@ -187,10 +188,16 @@ export type PaymentSetSearchQueryAction = {
         searchQuery: string;
     };
 };
+export type PaymentSetInvoiceAction = {
+    type: PAYMENT_ACTION_TYPES.SET_INVOICE;
+    payload: {
+        invoice: QuoteInvoiceTypeBE | null;
+    };
+};
 /**
  * All Payment Actions
  *
  * A union of all action types for the Payment module, representing all possible actions
  * that can be dispatched to modify the Payment state.
  */
-export type PaymentActions = PaymentResetErrorsAction | PaymentResetFormAction | PaymentSetCountAction | PaymentSetCurrentPageAction | PaymentSetDisableSaveButtonAction | PaymentSetDrawerAction | PaymentSetErrorsAction | PaymentSetFormAction | PaymentSetInputFieldAction | PaymentSetModalAction | PaymentSetPageLimitAction | PaymentSetPaymentModeQueryAction | PaymentSetPaymentModesAction | PaymentSetPaymentsAction | PaymentSetQuoteInvoiceQueryAction | PaymentSetQuoteInvoicesAction | PaymentSetSearchQueryAction;
+export type PaymentActions = PaymentResetErrorsAction | PaymentResetFormAction | PaymentSetCountAction | PaymentSetCurrentPageAction | PaymentSetDisableSaveButtonAction | PaymentSetDrawerAction | PaymentSetErrorsAction | PaymentSetFormAction | PaymentSetInputFieldAction | PaymentSetModalAction | PaymentSetPageLimitAction | PaymentSetPaymentModeQueryAction | PaymentSetPaymentModesAction | PaymentSetPaymentsAction | PaymentSetQuoteInvoiceQueryAction | PaymentSetQuoteInvoicesAction | PaymentSetSearchQueryAction | PaymentSetInvoiceAction;

package/base-modules/payment/actions.js

@@ -46,4 +46,5 @@ var PAYMENT_ACTION_TYPES;
     PAYMENT_ACTION_TYPES["SET_PAYMENT_MODE_QUERY"] = "SET_PAYMENT_MODE_QUERY";
     PAYMENT_ACTION_TYPES["SET_QUOTE_INVOICE_QUERY"] = "SET_QUOTE_INVOICE_QUERY";
     PAYMENT_ACTION_TYPES["SET_SEARCH_QUERY"] = "SET_SEARCH_QUERY";
+    PAYMENT_ACTION_TYPES["SET_INVOICE"] = "SET_INVOICE";
 })(PAYMENT_ACTION_TYPES || (exports.PAYMENT_ACTION_TYPES = PAYMENT_ACTION_TYPES = {}));

package/base-modules/payment/context.js

@@ -89,7 +89,7 @@ var reducer_1 = require("./reducer");
 var toast_utils_1 = require("@appcorp/shadcn/lib/toast-utils");
 var types_1 = require("./types");
 var validate_1 = require("./validate");
-var context_1 = require("@appcorp/stellar-solutions-modules/global-modules/preferences/context");
+var context_1 = require("../invoice/context");
 // ============================================================================
 // MAIN HOOK
 // ============================================================================
@@ -97,8 +97,8 @@ var usePaymentState = function () {
     // ---------------------------------------------------------------------------
     // STATE & CORE HOOKS
     // ---------------------------------------------------------------------------
+    var invoices = (0, context_1.useInvoiceStateContext)().invoices;
     var _a = (0, react_1.useReducer)(reducer_1.paymentReducer, reducer_1.initialPaymentState), state = _a[0], dispatch = _a[1];
-    var currencies = (0, context_1.usePreferenceStateContext)().currencies;
     var theme = (0, next_themes_1.useTheme)().theme;
     var t = (0, next_intl_1.useTranslations)("payment");
     // const tCommon = useTranslations("common");
@@ -245,26 +245,44 @@ var usePaymentState = function () {
         listFetchNow();
         // eslint-disable-next-line
     }, [debouncedQuery, state.currentPage, state.pageLimit]);
+    (0, react_1.useEffect)(function () {
+        var invoiceId = (0, util_functions_1.getStorageValue)("paymentInvoiceId");
+        if (invoiceId) {
+            var invoice = invoices.filter(function (_a) {
+                var id = _a.id;
+                return id === invoiceId;
+            })[0];
+            if (invoice) {
+                dispatch({
+                    type: actions_1.PAYMENT_ACTION_TYPES.SET_INPUT_FIELD,
+                    payload: { key: "quoteInvoiceId", value: invoiceId },
+                });
+                dispatch({
+                    type: actions_1.PAYMENT_ACTION_TYPES.SET_INPUT_FIELD,
+                    payload: { key: "currency", value: invoice === null || invoice === void 0 ? void 0 : invoice.currency },
+                });
+                dispatch({
+                    type: actions_1.PAYMENT_ACTION_TYPES.SET_INPUT_FIELD,
+                    payload: { key: "amount", value: invoice === null || invoice === void 0 ? void 0 : invoice.total },
+                });
+                dispatch({
+                    type: actions_1.PAYMENT_ACTION_TYPES.SET_INPUT_FIELD,
+                    payload: { key: "balance", value: "0.00" },
+                });
+                dispatch({
+                    type: actions_1.PAYMENT_ACTION_TYPES.SET_INVOICE,
+                    payload: { invoice: invoice },
+                });
+                dispatch({
+                    type: actions_1.PAYMENT_ACTION_TYPES.SET_DRAWER,
+                    payload: { drawer: types_1.PAYMENT_DRAWER.PAYMENT_FORM_DRAWER },
+                });
+            }
+        }
+    }, [invoices]);
     // ---------------------------------------------------------------------------
     // DRAWER & MODAL HANDLERS
     // ---------------------------------------------------------------------------
-    var handleCreate = (0, react_1.useCallback)(function () {
-        var _a;
-        if (currencies.length > 0) {
-            var defaultCurrency = (_a = currencies.filter(function (_a) {
-                var isDefault = _a.isDefault;
-                return isDefault;
-            })) === null || _a === void 0 ? void 0 : _a[0];
-            dispatch({
-                payload: { key: "currency", value: defaultCurrency.code },
-                type: actions_1.PAYMENT_ACTION_TYPES.SET_INPUT_FIELD,
-            });
-        }
-        dispatch({
-            payload: { drawer: types_1.PAYMENT_DRAWER.PAYMENT_FORM_DRAWER },
-            type: actions_1.PAYMENT_ACTION_TYPES.SET_DRAWER,
-        });
-    }, [currencies, dispatch]);
     var closeDrawer = (0, react_1.useCallback)(function () {
         dispatch({
             payload: { drawer: null },
@@ -315,6 +333,30 @@ var usePaymentState = function () {
     // FORM HANDLERS
     // ---------------------------------------------------------------------------
     var handleChange = (0, react_1.useCallback)(function (key, value) {
+        var _a, _b, _c, _d;
+        console.log("_>>>", state.invoice);
+        if (key === "amount" && typeof value === "string") {
+            if (Number((_a = state === null || state === void 0 ? void 0 : state.invoice) === null || _a === void 0 ? void 0 : _a.total) > Number(value)) {
+                dispatch({
+                    type: actions_1.PAYMENT_ACTION_TYPES.SET_INPUT_FIELD,
+                    payload: { key: "paymentType", value: types_1.PAYMENT_TYPE.PARTIAL_AMOUNT },
+                });
+            }
+            if (Number((_b = state === null || state === void 0 ? void 0 : state.invoice) === null || _b === void 0 ? void 0 : _b.total) === Number(value)) {
+                dispatch({
+                    type: actions_1.PAYMENT_ACTION_TYPES.SET_INPUT_FIELD,
+                    payload: { key: "paymentType", value: types_1.PAYMENT_TYPE.FULL_AMOUNT },
+                });
+            }
+            console.log(Number(Number((_c = state === null || state === void 0 ? void 0 : state.invoice) === null || _c === void 0 ? void 0 : _c.total) - Number(value)).toFixed(2));
+            dispatch({
+                type: actions_1.PAYMENT_ACTION_TYPES.SET_INPUT_FIELD,
+                payload: {
+                    key: "balance",
+                    value: Number(Number((_d = state === null || state === void 0 ? void 0 : state.invoice) === null || _d === void 0 ? void 0 : _d.total) - Number(value)).toFixed(2),
+                },
+            });
+        }
         dispatch({
             payload: { key: key, value: String(value) },
             type: actions_1.PAYMENT_ACTION_TYPES.SET_INPUT_FIELD,
@@ -326,7 +368,7 @@ var usePaymentState = function () {
         dispatch({
             type: actions_1.PAYMENT_ACTION_TYPES.RESET_ERRORS,
         });
-    }, [dispatch]);
+    }, [dispatch, state === null || state === void 0 ? void 0 : state.invoice]);
     // ---------------------------------------------------------------------------
     // PAGINATION HANDLERS
     // ---------------------------------------------------------------------------
@@ -367,14 +409,7 @@ var usePaymentState = function () {
     // ---------------------------------------------------------------------------
     // TABLE ACTIONS
     // ---------------------------------------------------------------------------
-    var headerActions = (0, react_1.useMemo)(function () { return [
-        {
-            enabled: false,
-            handleOnClick: handleCreate,
-            label: t("actionsButtonAddItem"),
-            order: 1,
-        },
-    ]; }, [handleCreate, t]);
+    var headerActions = (0, react_1.useMemo)(function () { return []; }, []);
     var rowActions = (0, react_1.useMemo)(function () { return [
         {
             enabled: true,

package/base-modules/payment/form.js

@@ -52,7 +52,7 @@ var PaymentForm = function (_a) {
                 react_1.default.createElement("div", { className: "space-y-2" },
                     react_1.default.createElement(input_1.Input, { id: "amount", type: "text", label: t("formLabelAmount"), value: amount || "", onChange: function (e) { return handleChange("amount", e.target.value); }, placeholder: t("formPlaceholderAmount"), info: t("formInfoAmount"), error: getTranslatedError("amount"), required: true })),
                 react_1.default.createElement("div", { className: "space-y-2" },
-                    react_1.default.createElement(input_1.Input, { id: "balance", type: "text", label: t("formLabelBalance"), value: balance || "", onChange: function (e) { return handleChange("balance", e.target.value); }, placeholder: t("formPlaceholderBalance"), info: t("formInfoBalance"), error: getTranslatedError("balance"), required: true })),
+                    react_1.default.createElement(input_1.Input, { id: "balance", type: "text", label: t("formLabelBalance"), value: balance || "", onChange: function (e) { return handleChange("balance", e.target.value); }, placeholder: t("formPlaceholderBalance"), info: t("formInfoBalance"), error: getTranslatedError("balance"), required: true, readOnly: true })),
                 react_1.default.createElement("div", { className: "space-y-2" },
                     react_1.default.createElement(input_1.Input, { id: "paymentType", type: "text", label: t("formLabelPaymentType"), value: paymentType || "", readOnly: true, placeholder: t("formPlaceholderPaymentType"), info: t("formInfoPaymentType"), error: getTranslatedError("paymentType"), required: true })),
                 react_1.default.createElement("div", { className: "space-y-2" },

package/base-modules/payment/reducer.js

@@ -65,6 +65,7 @@ var getFormResetState = function () { return ({
     paymentType: types_1.PAYMENT_TYPE.FULL_AMOUNT,
     quoteInvoiceId: "",
     ref: "",
+    invoice: null,
 }); };
 /**
  * Helper function to safely update array state with immutability
@@ -91,6 +92,7 @@ exports.initialPaymentState = {
     paymentType: types_1.PAYMENT_TYPE.FULL_AMOUNT,
     quoteInvoiceId: "",
     ref: "",
+    invoice: null,
     // List data
     count: 0,
     paymentModes: [],
@@ -104,7 +106,7 @@ exports.initialPaymentState = {
     searchQuery: "",
     // UI state
     disableSaveButton: true,
-    drawer: types_1.PAYMENT_DRAWER.PAYMENT_FORM_DRAWER,
+    drawer: null,
     // Errors
     errors: {},
 };
@@ -175,6 +177,8 @@ function paymentReducer(state, action) {
             return __assign(__assign({}, state), { currentPage: action.payload.currentPage });
         case actions_1.PAYMENT_ACTION_TYPES.SET_PAGE_LIMIT:
             return __assign(__assign({}, state), { pageLimit: action.payload.pageLimit });
+        case actions_1.PAYMENT_ACTION_TYPES.SET_INVOICE:
+            return __assign(__assign({}, state), { invoice: action.payload.invoice });
         // ------------------------------------------------------------------------
         // DEFAULT CASE
         // ------------------------------------------------------------------------

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

@@ -74,6 +74,7 @@ export interface PaymentState extends Omit<PaymentTypeBE, "createdAt" | "updated
     quoteInvoiceQuery: string;
     quoteInvoices: QuoteInvoiceTypeBE[];
     searchQuery: string;
+    invoice: QuoteInvoiceTypeBE | null;
 }
 export interface FetchPaymentsArgs {
     currentPage: number;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@appcorp/stellar-solutions-invoice-module",
-  "version": "0.1.62",
+  "version": "0.1.63",
   "scripts": {
     "automate": "./automate.sh",
     "build": "yarn clean && yarn build:ts && cp package.json lib && cp README.md lib && cp yarn.lock lib",

package/base-modules/payment/index.js

@@ -1,13 +0,0 @@
-// /**
-//  * Payment Module Exports
-//  *
-//  * Central export point for the Payment module
-//  */
-// export { PaymentPage } from "./payment";
-// export { PaymentStateContextProvider, usePaymentStateContext } from "./context";
-// export { PaymentForm } from "./form";
-// export { Drawer as PaymentDrawer } from "./drawer";
-// export * from "./types";
-// export * from "./actions";
-// export * from "./constants";
-// export * from "./validate";