@powerhousedao/contributor-billing 0.0.33 → 0.0.34

package/dist/editors/invoice/components/selectField.js

@@ -9,23 +9,31 @@ const STATUS_OPTIONS = [
     "CANCELLED",
     "ACCEPTED",
     "REJECTED",
-    "AWAITINGPAYMENT",
     "PAYMENTSCHEDULED",
     "PAYMENTSENT",
     "PAYMENTISSUE",
     "PAYMENTRECEIVED",
+    "PAYMENTCLOSED",
 ];
 function warningIcon() {
     return _jsx(Icon, { name: "WarningFill", color: "#eb4235" });
 }
 function clockIcon() {
-    return _jsx(FileCheck, { style: { width: 24, height: 24, fill: "#475264", color: 'white', padding: 0, margin: 0, borderColor: '#475264' } });
+    return (_jsx(FileCheck, { style: {
+            width: 24,
+            height: 24,
+            fill: "#475264",
+            color: "white",
+            padding: 0,
+            margin: 0,
+            borderColor: "#475264",
+        } }));
 }
 function checkCircleIcon(color) {
-    return _jsx(FileCheck, { style: { width: 24, height: 24, fill: color, color: 'white' } });
+    return (_jsx(FileCheck, { style: { width: 24, height: 24, fill: color, color: "white" } }));
 }
 function arrowRightIcon(color) {
-    return _jsx(ArrowBigRight, { style: { width: 22, height: 22, fill: color, color: color } });
+    return (_jsx(ArrowBigRight, { style: { width: 22, height: 22, fill: color, color: color } }));
 }
 const STATUS_OPTIONS_MAP = [
     {
@@ -53,11 +61,6 @@ const STATUS_OPTIONS_MAP = [
         value: "REJECTED",
         icon: warningIcon,
     },
-    {
-        label: "Awaiting Payment",
-        value: "AWAITINGPAYMENT",
-        icon: () => checkCircleIcon("#475264"),
-    },
     {
         label: "Payment Scheduled",
         value: "PAYMENTSCHEDULED",
@@ -78,6 +81,11 @@ const STATUS_OPTIONS_MAP = [
         value: "PAYMENTRECEIVED",
         icon: () => checkCircleIcon("#34a853"),
     },
+    {
+        label: "Payment Closed",
+        value: "PAYMENTCLOSED",
+        icon: () => checkCircleIcon("#475264"),
+    },
 ];
 export const SelectField = (props) => {
     const { options, value: status, onChange } = props;
@@ -105,8 +113,8 @@ export const SelectField = (props) => {
             icon: warningIcon,
         },
         {
-            label: "Re-draft Invoice",
-            value: "RE_DRAFT_INVOICE",
+            label: "Reset Invoice",
+            value: "RESET_INVOICE",
         },
     ];
     const issuedActions = [
@@ -116,70 +124,72 @@ export const SelectField = (props) => {
             icon: () => arrowRightIcon("#475264"),
         },
         {
-            label: "Pay now",
-            value: "PAY_NOW",
+            label: "Reject Invoice",
+            value: "REJECT_INVOICE",
         },
         {
-            label: "Pay later",
-            value: "PAY_LATER",
+            label: "Accept Invoice",
+            value: "ACCEPT_INVOICE",
         },
+    ];
+    const rejectedActions = [
         {
-            label: "Batch Payment",
-            value: "BATCH_PAYMENT",
+            label: "Rejected",
+            value: "REJECTED",
+            icon: warningIcon,
         },
         {
-            label: "Reject Invoice",
-            value: "REJECT_INVOICE",
+            label: "Re-instate Invoice",
+            value: "RE_INSTATE_INVOICE",
         },
+    ];
+    const acceptedActions = [
         {
-            label: "Mark as paid",
-            value: "MARK_AS_PAID",
+            label: "Accepted",
+            value: "ACCEPTED",
+            icon: () => checkCircleIcon("#475264"),
         },
-    ];
-    const paymentScheduledActions = [
         {
-            label: "Payment Scheduled",
-            value: "PAYMENTSCHEDULED",
-            icon: clockIcon,
+            label: "Schedule Payment",
+            value: "SCHEDULE_PAYMENT",
         },
         {
-            label: "Payment Sent",
-            value: "PAYMENTSENT",
-            icon: clockIcon,
+            label: "Close Payment",
+            value: "CLOSE_PAYMENT",
         },
     ];
-    const paymentSentActions = [
+    const paymentScheduledActions = [
         {
-            label: "Payment Sent",
-            value: "PAYMENTSENT",
+            label: "Payment Scheduled",
+            value: "PAYMENTSCHEDULED",
             icon: clockIcon,
         },
         {
-            label: "Payment Returned",
-            value: "PAYMENT_RETURNED",
+            label: "Register Payment",
+            value: "REGISTER_PAYMENT",
         },
         {
-            label: "Report Issue",
-            value: "REPORT_ISSUE",
+            label: "Report Payment Issue",
+            value: "REPORT_PAYMENT_ISSUE",
         },
         {
-            label: "Mark as paid",
-            value: "MARK_AS_PAID",
+            label: "Close Payment",
+            value: "CLOSE_PAYMENT",
         },
     ];
-    const awaitingPaymentActions = [
+    const paymentSentActions = [
         {
-            label: "Awaiting Payment",
-            value: "AWAITINGPAYMENT",
-            icon: () => checkCircleIcon("#475264"),
+            label: "Payment Sent",
+            value: "PAYMENTSENT",
+            icon: clockIcon,
         },
         {
-            label: "Pay now",
-            value: "PAY_NOW",
+            label: "Report Payment Issue",
+            value: "REPORT_PAYMENT_ISSUE",
         },
         {
-            label: "Mark as paid",
-            value: "MARK_AS_PAID",
+            label: "Confirm Payment",
+            value: "CONFIRM_PAYMENT",
         },
     ];
     const paymentIssueActions = [
@@ -189,8 +199,12 @@ export const SelectField = (props) => {
             icon: warningIcon,
         },
         {
-            label: "Re-draft Invoice",
-            value: "RE_DRAFT_INVOICE",
+            label: "Re-approve Payment",
+            value: "RE_APPROVE_PAYMENT",
+        },
+        {
+            label: "Close Payment",
+            value: "CLOSE_PAYMENT",
         },
     ];
     const paymentReceivedActions = [
@@ -200,34 +214,19 @@ export const SelectField = (props) => {
             icon: () => checkCircleIcon("#34a853"),
         },
         {
-            label: "Re-draft Invoice",
-            value: "RE_DRAFT_INVOICE",
+            label: "Report Payment Issue",
+            value: "REPORT_PAYMENT_ISSUE",
         },
     ];
-    const acceptedActions = [
+    const paymentClosedActions = [
         {
-            label: "Accepted",
-            value: "ACCEPTED",
+            label: "Payment Closed",
+            value: "PAYMENTCLOSED",
             icon: () => checkCircleIcon("#475264"),
         },
         {
-            label: "Pay now",
-            value: "PAY_NOW",
-        },
-        {
-            label: "Batch Payment",
-            value: "BATCH_PAYMENT",
-        },
-    ];
-    const rejectedActions = [
-        {
-            label: "Rejected",
-            value: "REJECTED",
-            icon: warningIcon,
-        },
-        {
-            label: "Re-draft Invoice",
-            value: "RE_DRAFT_INVOICE",
+            label: "Re-approve Payment",
+            value: "RE_APPROVE_PAYMENT",
         },
     ];
     const optionsToShow = () => {
@@ -238,20 +237,20 @@ export const SelectField = (props) => {
                 return issuedActions;
             case "CANCELLED":
                 return cancelledActions;
+            case "ACCEPTED":
+                return acceptedActions;
+            case "REJECTED":
+                return rejectedActions;
             case "PAYMENTSCHEDULED":
                 return paymentScheduledActions;
             case "PAYMENTSENT":
                 return paymentSentActions;
-            case "AWAITINGPAYMENT":
-                return awaitingPaymentActions;
             case "PAYMENTISSUE":
                 return paymentIssueActions;
             case "PAYMENTRECEIVED":
                 return paymentReceivedActions;
-            case "ACCEPTED":
-                return acceptedActions;
-            case "REJECTED":
-                return rejectedActions;
+            case "PAYMENTCLOSED":
+                return paymentClosedActions;
             default:
                 return STATUS_OPTIONS_MAP.filter((opt) => opt.value === status);
         }
@@ -267,54 +266,52 @@ export const SelectField = (props) => {
                     onChange("CANCELLED");
             }
             else if (status === "CANCELLED") {
-                if (value === "RE_DRAFT_INVOICE")
+                if (value === "RESET_INVOICE")
                     onChange("DRAFT");
             }
             else if (status === "ISSUED") {
-                if (value === "PAY_NOW")
-                    onChange("PAYMENTSCHEDULED");
-                else if (value === "PAY_LATER")
-                    onChange("ACCEPTED");
-                else if (value === "BATCH_PAYMENT")
-                    onChange("AWAITINGPAYMENT");
-                else if (value === "REJECT_INVOICE")
+                if (value === "REJECT_INVOICE")
                     onChange("REJECTED");
-                else if (value === "MARK_AS_PAID")
-                    onChange("PAYMENTRECEIVED");
+                else if (value === "ACCEPT_INVOICE")
+                    onChange("ACCEPTED");
             }
-            else if (status === "PAYMENTSCHEDULED") {
-                if (value === "PAYMENTSENT")
-                    onChange("PAYMENTSENT");
+            else if (status === 'REJECTED') {
+                if (value === "RE_INSTATE_INVOICE")
+                    onChange("ISSUED");
             }
-            else if (status === "PAYMENTSENT") {
-                if (value === "PAYMENT_RETURNED")
-                    onChange("AWAITINGPAYMENT");
-                else if (value === "REPORT_ISSUE")
+            else if (status === 'ACCEPTED') {
+                if (value === "SCHEDULE_PAYMENT")
+                    onChange("PAYMENTSCHEDULED");
+                else if (value === "CLOSE_PAYMENT")
+                    onChange("PAYMENTCLOSED");
+            }
+            else if (status === 'PAYMENTSCHEDULED') {
+                if (value === "REGISTER_PAYMENT")
+                    onChange("PAYMENTSENT");
+                else if (value === "REPORT_PAYMENT_ISSUE")
                     onChange("PAYMENTISSUE");
-                else if (value === "MARK_AS_PAID")
-                    onChange("PAYMENTRECEIVED");
+                else if (value === "CLOSE_PAYMENT")
+                    onChange("PAYMENTCLOSED");
             }
-            else if (status === "AWAITINGPAYMENT") {
-                if (value === "PAY_NOW")
-                    onChange("PAYMENTSCHEDULED");
-                else if (value === "MARK_AS_PAID")
+            else if (status === 'PAYMENTSENT') {
+                if (value === "REPORT_PAYMENT_ISSUE")
+                    onChange("PAYMENTISSUE");
+                else if (value === "CONFIRM_PAYMENT")
                     onChange("PAYMENTRECEIVED");
             }
-            else if (status === "PAYMENTISSUE") {
-                if (value === "RE_DRAFT_INVOICE")
-                    onChange("DRAFT");
-            }
-            else if (status === "PAYMENTRECEIVED") {
-                if (value === "RE_DRAFT_INVOICE")
-                    onChange("DRAFT");
+            else if (status === 'PAYMENTISSUE') {
+                if (value === "RE_APPROVE_PAYMENT")
+                    onChange("ACCEPTED");
+                else if (value === "CLOSE_PAYMENT")
+                    onChange("PAYMENTCLOSED");
             }
-            else if (status === "ACCEPTED") {
-                if (value === "PAY_NOW" || value === "BATCH_PAYMENT")
-                    onChange("AWAITINGPAYMENT");
+            else if (status === 'PAYMENTRECEIVED') {
+                if (value === "REPORT_PAYMENT_ISSUE")
+                    onChange("PAYMENTISSUE");
             }
-            else if (status === "REJECTED") {
-                if (value === "RE_DRAFT_INVOICE")
-                    onChange("DRAFT");
+            else if (status === 'PAYMENTCLOSED') {
+                if (value === "RE_APPROVE_PAYMENT")
+                    onChange("ACCEPTED");
             }
             // Optionally, handle other statuses/actions here
         }

package/dist/editors/invoice/components/statusModalComponents.d.ts

@@ -0,0 +1,52 @@
+import { type InvoiceDocument, type Payment } from "../../../document-models/invoice/index.js";
+interface IssueInvoiceModalContentProps {
+    invoiceNoInput: string;
+    setInvoiceNoInput: React.Dispatch<React.SetStateAction<string>>;
+    state: InvoiceDocument["state"]["global"];
+    dispatch: (action: any) => void;
+    setWarning: (hasWarning: boolean) => void;
+}
+export declare function IssueInvoiceModalContent({ invoiceNoInput, setInvoiceNoInput, state, dispatch, setWarning, }: IssueInvoiceModalContentProps): import("react/jsx-runtime").JSX.Element;
+interface RejectInvoiceModalContentProps {
+    state: InvoiceDocument["state"]["global"];
+    dispatch: (action: any) => void;
+    setWarning: (hasWarning: boolean) => void;
+    setRejectReason: (reason: string) => void;
+    setFinalReason: (final: boolean) => void;
+    finalReason: boolean;
+    rejectReason: string;
+}
+export declare function RejectInvoiceModalContent({ state, dispatch, setWarning, setRejectReason, setFinalReason, finalReason, rejectReason, }: RejectInvoiceModalContentProps): import("react/jsx-runtime").JSX.Element;
+export declare function FinalRejectionModalContent({ rejectReason, }: {
+    rejectReason: string;
+}): import("react/jsx-runtime").JSX.Element;
+interface SchedulePaymentModalContentProps {
+    paymentRef: string;
+    setPaymentRef: (paymentRef: string) => void;
+}
+export declare function SchedulePaymentModalContent({ paymentRef, setPaymentRef, }: SchedulePaymentModalContentProps): import("react/jsx-runtime").JSX.Element;
+interface ClosePaymentModalContentProps {
+    closureReason: string;
+    setClosureReason: (closureReason: string) => void;
+}
+export declare function ClosePaymentModalContent({ closureReason, setClosureReason, }: ClosePaymentModalContentProps): import("react/jsx-runtime").JSX.Element;
+interface RegisterPaymentTxModalContentProps {
+    paymentDate: string;
+    setPaymentDate: (paymentDate: string) => void;
+    txnRef: string;
+    setTxnRef: (txnRef: string) => void;
+}
+export declare function RegisterPaymentTxModalContent({ paymentDate, setPaymentDate, txnRef, setTxnRef, }: RegisterPaymentTxModalContentProps): import("react/jsx-runtime").JSX.Element;
+interface ReportPaymentIssueModalContentProps {
+    paymentIssue: string;
+    setPaymentIssue: (paymentIssue: string) => void;
+}
+export declare function ReportPaymentIssueModalContent({ paymentIssue, setPaymentIssue, }: ReportPaymentIssueModalContentProps): import("react/jsx-runtime").JSX.Element;
+interface ConfirmPaymentModalContentProps {
+    paymentAmount: string;
+    setPaymentAmount: (paymentAmount: string) => void;
+    payments: Payment[];
+}
+export declare function ConfirmPaymentModalContent({ paymentAmount, setPaymentAmount, payments, }: ConfirmPaymentModalContentProps): import("react/jsx-runtime").JSX.Element;
+export {};
+//# sourceMappingURL=statusModalComponents.d.ts.map

package/dist/editors/invoice/components/statusModalComponents.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"statusModalComponents.d.ts","sourceRoot":"","sources":["../../../../editors/invoice/components/statusModalComponents.tsx"],"names":[],"mappings":"AAAA,OAAO,EACL,KAAK,eAAe,EAEpB,KAAK,OAAO,EAEb,MAAM,2CAA2C,CAAC;AAYnD,UAAU,6BAA6B;IACrC,cAAc,EAAE,MAAM,CAAC;IACvB,iBAAiB,EAAE,KAAK,CAAC,QAAQ,CAAC,KAAK,CAAC,cAAc,CAAC,MAAM,CAAC,CAAC,CAAC;IAChE,KAAK,EAAE,eAAe,CAAC,OAAO,CAAC,CAAC,QAAQ,CAAC,CAAC;IAC1C,QAAQ,EAAE,CAAC,MAAM,EAAE,GAAG,KAAK,IAAI,CAAC;IAChC,UAAU,EAAE,CAAC,UAAU,EAAE,OAAO,KAAK,IAAI,CAAC;CAC3C;AACD,wBAAgB,wBAAwB,CAAC,EACvC,cAAc,EACd,iBAAiB,EACjB,KAAK,EACL,QAAQ,EACR,UAAU,GACX,EAAE,6BAA6B,2CAqD/B;AAED,UAAU,8BAA8B;IACtC,KAAK,EAAE,eAAe,CAAC,OAAO,CAAC,CAAC,QAAQ,CAAC,CAAC;IAC1C,QAAQ,EAAE,CAAC,MAAM,EAAE,GAAG,KAAK,IAAI,CAAC;IAChC,UAAU,EAAE,CAAC,UAAU,EAAE,OAAO,KAAK,IAAI,CAAC;IAC1C,eAAe,EAAE,CAAC,MAAM,EAAE,MAAM,KAAK,IAAI,CAAC;IAC1C,cAAc,EAAE,CAAC,KAAK,EAAE,OAAO,KAAK,IAAI,CAAC;IACzC,WAAW,EAAE,OAAO,CAAC;IACrB,YAAY,EAAE,MAAM,CAAC;CACtB;AACD,wBAAgB,yBAAyB,CAAC,EACxC,KAAK,EACL,QAAQ,EACR,UAAU,EACV,eAAe,EACf,cAAc,EACd,WAAW,EACX,YAAY,GACb,EAAE,8BAA8B,2CAwBhC;AAED,wBAAgB,0BAA0B,CAAC,EACzC,YAAY,GACb,EAAE;IACD,YAAY,EAAE,MAAM,CAAC;CACtB,2CAIA;AAED,UAAU,gCAAgC;IACxC,UAAU,EAAE,MAAM,CAAC;IACnB,aAAa,EAAE,CAAC,UAAU,EAAE,MAAM,KAAK,IAAI,CAAC;CAC7C;AAED,wBAAgB,2BAA2B,CAAC,EAC1C,UAAU,EACV,aAAa,GACd,EAAE,gCAAgC,2CAelC;AAED,UAAU,6BAA6B;IACrC,aAAa,EAAE,MAAM,CAAC;IACtB,gBAAgB,EAAE,CAAC,aAAa,EAAE,MAAM,KAAK,IAAI,CAAC;CACnD;AAED,wBAAgB,wBAAwB,CAAC,EACvC,aAAa,EACb,gBAAgB,GACjB,EAAE,6BAA6B,2CA4B/B;AAED,UAAU,kCAAkC;IAC1C,WAAW,EAAE,MAAM,CAAC;IACpB,cAAc,EAAE,CAAC,WAAW,EAAE,MAAM,KAAK,IAAI,CAAC;IAC9C,MAAM,EAAE,MAAM,CAAC;IACf,SAAS,EAAE,CAAC,MAAM,EAAE,MAAM,KAAK,IAAI,CAAC;CACrC;AAED,wBAAgB,6BAA6B,CAAC,EAC5C,WAAW,EACX,cAAc,EACd,MAAM,EACN,SAAS,GACV,EAAE,kCAAkC,2CA0BpC;AAED,UAAU,mCAAmC;IAC3C,YAAY,EAAE,MAAM,CAAC;IACrB,eAAe,EAAE,CAAC,YAAY,EAAE,MAAM,KAAK,IAAI,CAAC;CACjD;AAED,wBAAgB,8BAA8B,CAAC,EAC7C,YAAY,EACZ,eAAe,GAChB,EAAE,mCAAmC,2CAerC;AAED,UAAU,+BAA+B;IACvC,aAAa,EAAE,MAAM,CAAC;IACtB,gBAAgB,EAAE,CAAC,aAAa,EAAE,MAAM,KAAK,IAAI,CAAC;IAClD,QAAQ,EAAE,OAAO,EAAE,CAAC;CACrB;AAED,wBAAgB,0BAA0B,CAAC,EACzC,aAAa,EACb,gBAAgB,EAChB,QAAQ,GACT,EAAE,+BAA+B,2CAiCjC"}

package/dist/editors/invoice/components/statusModalComponents.js

@@ -0,0 +1,78 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { actions, } from "../../../document-models/invoice/index.js";
+import { InputField } from "../components/inputField.js";
+import { DatePicker } from "../components/datePicker.js";
+import { useEffect } from "react";
+import { Textarea, Checkbox, Select, } from "@powerhousedao/document-engineering";
+export function IssueInvoiceModalContent({ invoiceNoInput, setInvoiceNoInput, state, dispatch, setWarning, }) {
+    useEffect(() => {
+        if (invoiceNoInput === "" || state.dateIssued === "") {
+            setWarning(true);
+        }
+        else {
+            setWarning(false);
+        }
+    }, [invoiceNoInput, state.dateIssued, setWarning]);
+    const warning = invoiceNoInput === "" || state.dateIssued === "";
+    return (_jsxs("div", { children: [warning && (_jsx("div", { className: "my-6 rounded-md bg-red-50 p-4 text-center flex flex-col items-center justify-center min-h-[64px]", children: _jsx("div", { className: "text-red-500", children: _jsx("p", { children: "Warning: Fill in all fields before continuing." }) }) })), _jsxs("div", { children: [_jsx("label", { className: "block mb-1 text-sm", children: "Invoice Number:" }), _jsx(InputField, { placeholder: "Add invoice number", value: invoiceNoInput, handleInputChange: (e) => setInvoiceNoInput(e.target.value), onBlur: (e) => {
+                            const newValue = e.target.value;
+                            if (newValue !== state.invoiceNo) {
+                                dispatch(actions.editInvoice({ invoiceNo: newValue }));
+                            }
+                        }, input: invoiceNoInput })] }), _jsxs("div", { className: "mt-4", children: [_jsx("label", { className: "block mb-1 text-sm", children: "Issue Date:" }), _jsx(DatePicker, { name: "issueDate", className: String.raw `w-full p-0`, onChange: (e) => {
+                            const newDate = e.target.value.split("T")[0];
+                            dispatch(actions.editInvoice({
+                                dateIssued: newDate,
+                            }));
+                        }, value: state.dateIssued })] })] }));
+}
+export function RejectInvoiceModalContent({ state, dispatch, setWarning, setRejectReason, setFinalReason, finalReason, rejectReason, }) {
+    return (_jsxs("div", { className: "w-full", children: [_jsxs("div", { children: [_jsx("label", { className: "block mb-1 text-sm", children: "Reason:" }), _jsx(Textarea, { placeholder: "Add reason", value: rejectReason, onChange: (e) => {
+                            setRejectReason(e.target.value);
+                        } })] }), _jsx("div", { className: "mt-4 flex justify-center gap-2", children: _jsx(Checkbox, { label: "Final", value: finalReason, onChange: () => {
+                        setFinalReason(!finalReason);
+                    } }) })] }));
+}
+export function FinalRejectionModalContent({ rejectReason, }) {
+    return (_jsxs("div", { children: ["Invoice is rejected with reason: ", rejectReason, " and is final."] }));
+}
+export function SchedulePaymentModalContent({ paymentRef, setPaymentRef, }) {
+    return (_jsx("div", { className: "w-full", children: _jsxs("div", { children: [_jsx("label", { className: "block mb-1 text-sm", children: "Payment Reference:" }), _jsx(Textarea, { placeholder: "Add payment reference", value: paymentRef, onChange: (e) => {
+                        setPaymentRef(e.target.value);
+                    } })] }) }));
+}
+export function ClosePaymentModalContent({ closureReason, setClosureReason, }) {
+    return (_jsx("div", { className: "w-[250px]", children: _jsxs("div", { className: "justify-center", children: [_jsx("label", { className: "block mb-2 text-sm", children: "Closure Reason:" }), _jsx(Select, { options: [
+                        {
+                            label: "Underpaid",
+                            value: "UNDERPAID",
+                        },
+                        {
+                            label: "Overpaid",
+                            value: "OVERPAID",
+                        },
+                        {
+                            label: "Cancelled",
+                            value: "CANCELLED",
+                        },
+                    ], value: closureReason, onChange: (e) => {
+                        setClosureReason(e);
+                    } })] }) }));
+}
+export function RegisterPaymentTxModalContent({ paymentDate, setPaymentDate, txnRef, setTxnRef, }) {
+    return (_jsxs("div", { className: "w-full", children: [_jsxs("div", { className: "mt-4", children: [_jsx("label", { className: "block mb-1 text-sm", children: "Payment Date:" }), _jsx(DatePicker, { name: "paymentDate", className: String.raw `w-full p-0`, onChange: (e) => {
+                            setPaymentDate(e.target.value);
+                        }, value: paymentDate })] }), _jsxs("div", { className: "mt-4", children: [_jsx("label", { className: "block mb-1 text-sm", children: "Transaction Reference:" }), _jsx(Textarea, { placeholder: "Add transaction reference", value: txnRef, onChange: (e) => {
+                            setTxnRef(e.target.value);
+                        } })] })] }));
+}
+export function ReportPaymentIssueModalContent({ paymentIssue, setPaymentIssue, }) {
+    return (_jsx("div", { className: "w-full", children: _jsxs("div", { children: [_jsx("label", { className: "block mb-1 text-sm", children: "Payment Issue:" }), _jsx(Textarea, { placeholder: "Add payment issue", value: paymentIssue, onChange: (e) => {
+                        setPaymentIssue(e.target.value);
+                    } })] }) }));
+}
+export function ConfirmPaymentModalContent({ paymentAmount, setPaymentAmount, payments, }) {
+    return (_jsxs("div", { className: "w-full", children: [_jsxs("div", { className: "flex flex-col gap-2", children: [_jsx("label", { className: "block mb-1 text-sm font-bold", children: "Processor Reference :" }), _jsx("span", { className: "break-all max-w-full", children: payments[payments.length - 1].processorRef })] }), _jsxs("div", { className: "flex flex-col gap-2 mt-4", children: [_jsx("label", { className: "block mb-1 text-sm font-bold", children: "Payment Date :" }), _jsx("span", { className: "break-all max-w-full", children: payments[payments.length - 1].paymentDate })] }), _jsxs("div", { className: "flex flex-col gap-2 mt-4", children: [_jsx("label", { className: "block mb-1 text-sm font-bold", children: "Transaction Reference :" }), _jsx("span", { className: "break-all max-w-full", children: payments[payments.length - 1].txnRef })] }), _jsxs("div", { className: "mt-4", children: [_jsx("label", { className: "block mb-1 text-sm font-bold", children: "Payment Amount:" }), _jsx("input", { className: "w-full rounded-md border border-gray-300 px-3 py-2 bg-white", type: "number", name: "Enter payment amount", value: paymentAmount, onChange: (e) => {
+                            setPaymentAmount(e.target.value);
+                        } })] })] }));
+}

package/dist/editors/invoice/editor.d.ts

@@ -1,4 +1,4 @@
-import type { EditorProps } from "document-model";
+import { type EditorProps } from "document-model";
 import { type InvoiceDocument } from "../../document-models/invoice/index.js";
 export type IProps = EditorProps<InvoiceDocument>;
 export default function Editor(props: IProps): import("react/jsx-runtime").JSX.Element;

package/dist/editors/invoice/editor.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"editor.d.ts","sourceRoot":"","sources":["../../../editors/invoice/editor.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,gBAAgB,CAAC;AAClD,OAAO,EACL,KAAK,eAAe,EAGrB,MAAM,wCAAwC,CAAC;AA4BhD,MAAM,MAAM,MAAM,GAAG,WAAW,CAAC,eAAe,CAAC,CAAC;AAqClD,MAAM,CAAC,OAAO,UAAU,MAAM,CAAC,KAAK,EAAE,MAAM,2CAixB3C"}
+{"version":3,"file":"editor.d.ts","sourceRoot":"","sources":["../../../editors/invoice/editor.tsx"],"names":[],"mappings":"AACA,OAAO,EAAc,KAAK,WAAW,EAAE,MAAM,gBAAgB,CAAC;AAC9D,OAAO,EACL,KAAK,eAAe,EAIrB,MAAM,wCAAwC,CAAC;AA6ChD,MAAM,MAAM,MAAM,GAAG,WAAW,CAAC,eAAe,CAAC,CAAC;AAElD,MAAM,CAAC,OAAO,UAAU,MAAM,CAAC,KAAK,EAAE,MAAM,2CAu0B3C"}