@mercoa/react 0.0.47-rc1 → 0.0.48-rc1

package/dist/components/EntityOnboarding.d.ts

@@ -217,7 +217,7 @@ export declare function AcceptToSButton({ className, buttonText, title, onClose,
 }): import("react/jsx-runtime").JSX.Element;
 export declare function AcceptTosForm({ entity, onComplete, }: {
     entity: Mercoa.EntityResponse;
-    onComplete?: (val: boolean) => void;
+    onComplete: () => Promise<void>;
 }): import("react/jsx-runtime").JSX.Element;
 export declare function EntityOnboardingForm({ entity, type, onOnboardingSubmit, onCancel, admin, }: {
     entity: Mercoa.EntityResponse;

package/dist/components/InvoiceComments.d.ts

@@ -1,3 +1,10 @@
-export declare function InvoiceComments({ readOnly }: {
+/// <reference types="react" />
+import { Mercoa } from '@mercoa/javascript';
+export type InvoiceCommentsChildrenProps = {
+    comments: Mercoa.CommentResponse[];
+    addComment: (comment: string) => void;
+};
+export declare function InvoiceComments({ readOnly, children, }: {
     readOnly?: boolean;
-}): import("react/jsx-runtime").JSX.Element;
+    children?: (props: InvoiceCommentsChildrenProps) => JSX.Element;
+}): import("react/jsx-runtime").JSX.Element | null;

package/dist/components/PayableDetails.d.ts

@@ -1,23 +1,26 @@
 /// <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, documentCustomization, children, invoicePreSubmit, }: {
+export type PayableDetailsChildrenProps = {
+    invoice?: Mercoa.InvoiceResponse;
+    ocrResponse?: Mercoa.OcrResponse;
+    uploadedDocument?: string;
+    onRedirect: (invoice: Mercoa.InvoiceResponse | undefined) => void;
+    setUploadedDocument: (e?: string) => void;
+    height: number;
+    refreshInvoice: (invoiceId: Mercoa.InvoiceId) => void;
+    invoicePreSubmit?: (invoice: Mercoa.InvoiceCreationRequest) => Promise<Mercoa.InvoiceCreationRequest>;
+    onOcrComplete: (ocrResponse?: Mercoa.OcrResponse) => void;
+};
+export declare function PayableDetails({ invoiceId, invoice, onRedirect, heightOffset, admin, documentPosition, invoicePreSubmit, children, }: {
     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;
+    children?: (props: PayableDetailsChildrenProps) => JSX.Element[];
 }): import("react/jsx-runtime").JSX.Element;
 export type PayableFormChildrenProps = {
     invoice?: Mercoa.InvoiceResponse;
@@ -47,15 +50,33 @@ export declare function PayableForm({ invoice, ocrResponse, uploadedDocument, se
     height: number;
     admin?: boolean;
     invoicePreSubmit?: (invoice: Mercoa.InvoiceCreationRequest) => Promise<Mercoa.InvoiceCreationRequest>;
-    children?: ({ invoice, refreshInvoice, ocrResponse, uploadedDocument, setUploadedDocument, height, setSelectedVendor, selectedVendor, getVendorPaymentLink, setValue, watch, }: PayableFormChildrenProps) => JSX.Element;
+    children?: (props: PayableFormChildrenProps) => JSX.Element;
 }): import("react/jsx-runtime").JSX.Element;
 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, downloadButton, viewEmailButton, theme, }: {
-    onOCRComplete?: (ocrResponse?: Mercoa.OcrResponse) => void;
-    onDocumentUpload?: ({ fileReaderObj, mimeType }: {
+export type PayableDocumentChildrenProps = {
+    documents?: Array<{
+        fileReaderObj: string;
+        mimeType: string;
+    }>;
+    sourceEmails?: Mercoa.EmailLog[];
+    ocrProcessing: boolean;
+    invoice?: Mercoa.InvoiceResponse;
+    height: number;
+    downloadButton?: ({ onClick }: {
+        onClick: () => void;
+    }) => JSX.Element;
+    viewEmailButton?: ({ onClick }: {
+        onClick: () => void;
+    }) => JSX.Element;
+    theme?: 'light' | 'dark';
+    onFileUpload: (fileReaderObj: string, mimeType: string) => void;
+};
+export declare function PayableDocument({ onOcrComplete, onDocumentUpload, invoice, height, downloadButton, viewEmailButton, theme, children, }: {
+    onOcrComplete?: (ocrResponse?: Mercoa.OcrResponse) => void;
+    onDocumentUpload?: (document: {
         fileReaderObj: string;
         mimeType: string;
     }) => void;
@@ -68,8 +89,13 @@ export declare function PayableDocument({ onOCRComplete, onDocumentUpload, invoi
         onClick: () => void;
     }) => JSX.Element;
     theme?: 'light' | 'dark';
+    children?: (props: PayableDocumentChildrenProps) => JSX.Element;
 }): import("react/jsx-runtime").JSX.Element;
-export declare function PayableDocumentDisplay({ documents, invoice, height, showSourceEmail, downloadButton, viewEmailButton, }: {
+export declare function DocumentUploadBox({ onFileUpload, theme, }: {
+    onFileUpload: (fileReaderObj: string, mimeType: string) => void;
+    theme?: 'light' | 'dark';
+}): import("react/jsx-runtime").JSX.Element;
+export declare function PayableDocumentDisplay({ documents, invoice, height, showSourceEmail, sourceEmails, downloadButton, viewEmailButton, }: {
     documents?: Array<{
         fileReaderObj: string;
         mimeType: string;
@@ -77,6 +103,7 @@ export declare function PayableDocumentDisplay({ documents, invoice, height, sho
     invoice?: Mercoa.InvoiceResponse;
     height: number;
     showSourceEmail?: boolean;
+    sourceEmails?: Mercoa.EmailLog[];
     downloadButton?: ({ onClick }: {
         onClick: () => void;
     }) => JSX.Element;
@@ -84,7 +111,10 @@ export declare function PayableDocumentDisplay({ documents, invoice, height, sho
         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, }: {
+export declare function OcrProgressBar({ ocrProcessing }: {
+    ocrProcessing: boolean;
+}): 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, children, }: {
     approveButton?: ({ onClick }: {
         onClick: () => void;
     }) => JSX.Element;
@@ -129,9 +159,32 @@ export declare function PayableActions({ approveButton, rejectButton, nonApprove
         onClick: () => void;
     }) => JSX.Element;
     admin?: boolean;
+    children?: ({ isSaving, buttons }: {
+        isSaving: boolean;
+        buttons: JSX.Element[];
+    }) => JSX.Element;
 }): import("react/jsx-runtime").JSX.Element;
-export declare function PayableOverview({ readOnly }: {
+export type PayableOverviewChildrenProps = {
     readOnly?: boolean;
+    amount?: number;
+    setAmount?: (amount: number) => void;
+    supportedCurrencies?: Array<Mercoa.CurrencyCode>;
+    currency?: Mercoa.CurrencyCode;
+    setCurrency?: (currency: Mercoa.CurrencyCode) => void;
+    dueDate?: Date;
+    setDueDate?: (dueDate: Date) => void;
+    invoiceDate?: Date;
+    setInvoiceDate?: (invoiceDate: Date) => void;
+    schedulePaymentDate?: Date;
+    setSchedulePaymentDate?: (schedulePaymentDate: Date) => void;
+    invoiceNumber?: string;
+    setInvoiceNumber?: (invoiceNumber: string) => void;
+    description?: string;
+    setDescription?: (description: string) => void;
+};
+export declare function PayableOverview({ readOnly, children, }: {
+    readOnly?: boolean;
+    children?: (props: PayableOverviewChildrenProps) => JSX.Element;
 }): import("react/jsx-runtime").JSX.Element;
 export declare function PayableSelectPaymentMethod({ isSource, isDestination, disableCreation, readOnly, }: {
     isSource?: boolean;
@@ -190,8 +243,16 @@ export declare function MetadataSelection({ schema, field, skipValidation, readO
     lineItem?: boolean;
     hideLabel?: boolean;
 }): import("react/jsx-runtime").JSX.Element | null;
-export declare function PayableLineItems({ readOnly }: {
+export type PayableLineItemChildrenProps = {
+    readOnly?: boolean;
+    items: Mercoa.InvoiceLineItemRequest[];
+    addItem: () => void;
+    updateItem: (index: number, item: Mercoa.InvoiceLineItemRequest) => void;
+    removeItem: (index: number) => void;
+};
+export declare function PayableLineItems({ readOnly, children, }: {
     readOnly?: boolean;
+    children?: (props: PayableLineItemChildrenProps) => JSX.Element;
 }): import("react/jsx-runtime").JSX.Element;
 export declare function PayableFees({ children, }: {
     children?: ({ fees }: {