@mercoa/react 0.0.43-rc2 → 0.0.44-rc1

package/dist/components/Counterparties.d.ts

@@ -28,11 +28,14 @@ export declare function CounterpartySearch({ counterparty, disableCreation, onSe
     type: 'payee' | 'payor';
     network?: Mercoa.CounterpartyNetworkType[];
 }): import("react/jsx-runtime").JSX.Element;
-export declare function PayableCounterpartySearch({ counterparty, disableCreation, onSelect, network, }: {
+export declare function PayableCounterpartySearch({ counterparty, disableCreation, onSelect, network, saveButton, }: {
     counterparty?: Mercoa.CounterpartyResponse;
     disableCreation?: boolean;
     onSelect?: (counterparty: Mercoa.CounterpartyResponse | undefined) => any;
     network?: Mercoa.CounterpartyNetworkType[];
+    saveButton?: ({ onClick }: {
+        onClick: () => void;
+    }) => JSX.Element;
 }): import("react/jsx-runtime").JSX.Element;
 export declare function AddCounterpartyModal({ type, show, setShow, }: {
     type: 'payor' | 'payee';

package/dist/components/InvoicePreview.d.ts

@@ -0,0 +1,16 @@
+import { Mercoa } from '@mercoa/javascript';
+export type PreviewType = 'pdf' | 'email' | 'paymentPage';
+export default function InvoicePreview({ selectedPayer }: {
+    selectedPayer?: Mercoa.CounterpartyResponse;
+}): import("react/jsx-runtime").JSX.Element;
+export declare function InvoicePreviewPdf({ invoice, logo }: {
+    invoice: Mercoa.InvoiceResponse;
+    logo: string;
+}): import("react/jsx-runtime").JSX.Element;
+export declare function InvoicePreviewEmail({ invoice }: {
+    invoice: Mercoa.InvoiceResponse;
+}): import("react/jsx-runtime").JSX.Element;
+export declare function InvoicePreviewPaymentPage({ invoice, logo }: {
+    invoice: Mercoa.InvoiceResponse;
+    logo: string;
+}): import("react/jsx-runtime").JSX.Element;

package/dist/components/PayableDetails.d.ts

@@ -1,13 +1,21 @@
 /// <reference types="react" />
 import { Mercoa } from '@mercoa/javascript';
 import { FieldErrors, UseFormSetValue, UseFormWatch } from 'react-hook-form';
-export declare function PayableDetails({ invoiceId, invoice, onRedirect, heightOffset, admin, documentPosition, children, invoicePreSubmit, }: {
+export declare function PayableDetails({ invoiceId, invoice, onRedirect, heightOffset, admin, documentPosition, documentCustomization, children, invoicePreSubmit, }: {
     invoiceId?: Mercoa.InvoiceId;
     invoice?: Mercoa.InvoiceResponse;
     onRedirect: (invoice: Mercoa.InvoiceResponse | undefined) => void;
     heightOffset?: number;
     admin?: boolean;
     documentPosition?: 'right' | 'left' | 'none';
+    documentCustomization?: {
+        downloadButton?: ({ onClick }: {
+            onClick: () => void;
+        }) => JSX.Element;
+        viewEmailButton?: ({ onClick }: {
+            onClick: () => void;
+        }) => JSX.Element;
+    };
     invoicePreSubmit?: (invoice: Mercoa.InvoiceCreationRequest) => Promise<Mercoa.InvoiceCreationRequest>;
     children?: ({ invoice, refreshInvoice, ocrResponse, uploadedDocument, setUploadedDocument, height, setSelectedVendor, selectedVendor, getVendorPaymentLink, setValue, watch, }: PayableFormChildrenProps) => JSX.Element;
 }): import("react/jsx-runtime").JSX.Element;
@@ -44,7 +52,7 @@ export declare function PayableFormHeader({ hideId }: {
     hideId?: boolean;
 }): import("react/jsx-runtime").JSX.Element;
 export declare function PayableFormErrors(): import("react/jsx-runtime").JSX.Element | null;
-export declare function PayableDocument({ onOCRComplete, onDocumentUpload, invoice, height, }: {
+export declare function PayableDocument({ onOCRComplete, onDocumentUpload, invoice, height, downloadButton, viewEmailButton, }: {
     onOCRComplete?: (ocrResponse?: Mercoa.OcrResponse) => void;
     onDocumentUpload?: ({ fileReaderObj, mimeType }: {
         fileReaderObj: string;
@@ -52,8 +60,14 @@ export declare function PayableDocument({ onOCRComplete, onDocumentUpload, invoi
     }) => void;
     invoice?: Mercoa.InvoiceResponse;
     height: number;
+    downloadButton?: ({ onClick }: {
+        onClick: () => void;
+    }) => JSX.Element;
+    viewEmailButton?: ({ onClick }: {
+        onClick: () => void;
+    }) => JSX.Element;
 }): import("react/jsx-runtime").JSX.Element;
-export declare function PayableDocumentDisplay({ documents, invoice, height, showSourceEmail, }: {
+export declare function PayableDocumentDisplay({ documents, invoice, height, showSourceEmail, downloadButton, viewEmailButton, }: {
     documents?: Array<{
         fileReaderObj: string;
         mimeType: string;
@@ -61,6 +75,12 @@ export declare function PayableDocumentDisplay({ documents, invoice, height, sho
     invoice?: Mercoa.InvoiceResponse;
     height: number;
     showSourceEmail?: boolean;
+    downloadButton?: ({ onClick }: {
+        onClick: () => void;
+    }) => JSX.Element;
+    viewEmailButton?: ({ onClick }: {
+        onClick: () => void;
+    }) => JSX.Element;
 }): import("react/jsx-runtime").JSX.Element;
 export declare function PayableActions({ approveButton, rejectButton, nonApproverButton, deleteButton, archiveButton, cancelButton, saveDraftButton, printCheckButton, createInvoiceButton, submitForApprovalButton, nextButton, markAsPaidButton, schedulePaymentButton, retryPaymentButton, admin, }: {
     approveButton?: ({ onClick }: {
@@ -111,10 +131,11 @@ export declare function PayableActions({ approveButton, rejectButton, nonApprove
 export declare function PayableOverview({ readOnly }: {
     readOnly?: boolean;
 }): import("react/jsx-runtime").JSX.Element;
-export declare function SelectPaymentMethod({ isSource, isDestination, disableCreation, readOnly, }: {
+export declare function SelectPaymentMethod({ isSource, isDestination, disableCreation, disablePaymentTimingDisplay, readOnly, }: {
     isSource?: boolean;
     isDestination?: boolean;
     disableCreation?: boolean;
+    disablePaymentTimingDisplay?: boolean;
     readOnly?: boolean;
 }): import("react/jsx-runtime").JSX.Element;
 export declare function PayablePaymentSource({ readOnly }: {
@@ -123,6 +144,7 @@ export declare function PayablePaymentSource({ readOnly }: {
 export declare function PayablePaymentDestination({ readOnly }: {
     readOnly?: boolean;
 }): import("react/jsx-runtime").JSX.Element;
+export declare function PaymentDestinationProcessingTime(): import("react/jsx-runtime").JSX.Element | null;
 export declare function PayableApprovers({ readOnly }: {
     readOnly?: boolean;
 }): import("react/jsx-runtime").JSX.Element;

package/dist/components/ReceivableDetails.d.ts

@@ -1,8 +1,66 @@
+/// <reference types="react" />
 import { Mercoa } from '@mercoa/javascript';
-export declare function ReceivableDetails({ invoiceId, invoice, onRedirect, admin, layout, }: {
+import { FieldErrors, UseFormSetValue, UseFormWatch } from 'react-hook-form';
+export type ReceivableFormValues = {
+    id?: string;
+    status?: Mercoa.InvoiceStatus;
+    invoiceNumber?: string;
+    amount?: number;
+    currency?: Mercoa.CurrencyCode;
+    payerId?: string;
+    payerName?: string;
+    invoiceDate?: Date;
+    dueDate?: Date;
+    deductionDate?: Date;
+    lineItems?: Mercoa.InvoiceLineItemResponse[];
+    paymentDestinationId?: string;
+    paymentDestinationType?: string;
+    paymentDestinationOptions?: Mercoa.PaymentDestinationOptions;
+    paymentSourceId?: string;
+    paymentSourceType?: string;
+    paymentSourceCheckEnabled?: boolean;
+    description?: string;
+    saveAsDraft?: boolean;
+    hasDocuments?: boolean;
+    saveAsStatus?: string;
+    saveAsAdmin?: boolean;
+    metadata?: Record<string, any>;
+    commentText?: string;
+    comments?: Array<any>;
+    creatorUser?: any;
+};
+export declare function ReceivableDetails({ invoiceId, invoice, onRedirect, admin, documentPosition, children, }: {
     invoiceId?: Mercoa.InvoiceId;
     invoice?: Mercoa.InvoiceResponse;
     onRedirect: (invoice: Mercoa.InvoiceResponse | undefined) => void;
     admin?: boolean;
-    layout?: 'right' | 'left';
+    documentPosition?: 'right' | 'left' | 'none';
+    children?: ({ invoice, refreshInvoice, setSelectedPayer, selectedPayer, setValue, watch, }: ReceivableFormChildrenProps) => JSX.Element;
+}): import("react/jsx-runtime").JSX.Element;
+export type ReceivableFormChildrenProps = {
+    invoice?: Mercoa.InvoiceResponse;
+    refreshInvoice?: (invoiceId: Mercoa.InvoiceId) => void;
+    setSelectedPayer: (e?: Mercoa.CounterpartyResponse) => void;
+    selectedPayer?: Mercoa.CounterpartyResponse;
+    setValue: (name: UseFormSetValue<Mercoa.InvoiceCreationRequest>, value: any, options?: {
+        shouldValidate?: boolean;
+        shouldDirty?: boolean;
+    }) => void;
+    watch: (name: UseFormWatch<Mercoa.InvoiceCreationRequest>) => any;
+    errors: FieldErrors<Mercoa.InvoiceCreationRequest>;
+};
+export declare function ReceivableForm({ invoice, onRedirect, refreshInvoice, admin, supportedCurrencies, setSupportedCurrencies, setDestinationPaymentMethods, setSourcePaymentMethods, setPaymentMethodSchemas, selectedPayer, setSelectedPayer, children, }: {
+    invoice?: Mercoa.InvoiceResponse;
+    onRedirect: (invoice: Mercoa.InvoiceResponse | undefined) => void;
+    refreshInvoice: (invoice: Mercoa.InvoiceId) => void;
+    admin?: boolean;
+    supportedCurrencies: Mercoa.CurrencyCode[];
+    setSupportedCurrencies: (currencies: Mercoa.CurrencyCode[]) => void;
+    setDestinationPaymentMethods: (paymentMethods: Mercoa.PaymentMethodResponse.BankAccount[]) => void;
+    setSourcePaymentMethods: (paymentMethods: Mercoa.PaymentMethodResponse[]) => void;
+    setPaymentMethodSchemas: (paymentMethodSchemas: Mercoa.CustomPaymentMethodSchemaResponse[]) => void;
+    invoicePreSubmit?: (invoice: Mercoa.InvoiceCreationRequest) => Promise<Mercoa.InvoiceCreationRequest>;
+    selectedPayer: Mercoa.CounterpartyResponse | undefined;
+    setSelectedPayer: (payer: Mercoa.CounterpartyResponse | undefined) => void;
+    children?: ({ invoice, refreshInvoice, setSelectedPayer, selectedPayer, setValue, watch, }: ReceivableFormChildrenProps) => JSX.Element;
 }): import("react/jsx-runtime").JSX.Element;

package/dist/components/ReceivablePayments.d.ts

@@ -0,0 +1,15 @@
+import { Mercoa } from '@mercoa/javascript';
+export declare function ReceivablePaymentPortal({ logo, complete, invoice, supportEmail, totalDisplay, selectedPaymentType, updateInvoice, setSelectedPaymentType, }: {
+    logo: string;
+    complete?: boolean;
+    invoice: Mercoa.InvoiceResponse;
+    supportEmail?: string;
+    totalDisplay: string;
+    selectedPaymentType: Mercoa.PaymentMethodType | string;
+    updateInvoice: (invoice: Mercoa.PaymentMethodResponse) => void;
+    setSelectedPaymentType: (paymentMethodType: Mercoa.PaymentMethodType | string) => void;
+}): import("react/jsx-runtime").JSX.Element;
+export declare function ReceivablePaymentPdf({ invoice, logo }: {
+    invoice?: Mercoa.InvoiceResponse;
+    logo: string;
+}): import("react/jsx-runtime").JSX.Element;

package/dist/components/index.d.ts

@@ -17,6 +17,7 @@ export * from './PayableDetails';
 export * from './Payables';
 export * from './PaymentMethods';
 export * from './ReceivableDetails';
+export * from './ReceivablePayments';
 export * from './Receivables';
 export * from './generics';
 export type onCloseFunction = (value: boolean) => void;