@mercoa/react 0.0.39-rc5 → 0.0.41

package/dist/components/Counterparties.d.ts

@@ -1,11 +1,44 @@
 /// <reference types="react" />
 import { Mercoa } from '@mercoa/javascript';
-export declare function CounterpartySearch({ counterparty, onSelect, type, network, }: {
-    counterparty?: Mercoa.CounterpartyResponse | Mercoa.EntityResponse;
-    onSelect?: (counterparty: Mercoa.CounterpartyResponse | Mercoa.EntityResponse | undefined) => any;
+import * as yup from 'yup';
+import { MercoaContext } from './index';
+export declare function onSubmitCounterparty({ data, mercoaSession, type, setError, onSelect, }: {
+    data: any;
+    mercoaSession: MercoaContext;
     type: 'payee' | 'payor';
+    setError: any;
+    onSelect?: (counterparty: Mercoa.CounterpartyResponse | undefined) => any;
+}): Promise<void>;
+export declare const counterpartyYupValidation: {
+    id: yup.StringSchema<string | null | undefined, yup.AnyObject, undefined, "">;
+    name: yup.StringSchema<string | undefined, yup.AnyObject, undefined, "">;
+    email: yup.StringSchema<string | undefined, yup.AnyObject, undefined, "">;
+    accountType: yup.StringSchema<string | undefined, yup.AnyObject, undefined, "">;
+    firstName: yup.StringSchema<string | undefined, yup.AnyObject, undefined, "">;
+    lastName: yup.StringSchema<string | undefined, yup.AnyObject, undefined, "">;
+    middleName: yup.StringSchema<string | undefined, yup.AnyObject, undefined, "">;
+    suffix: yup.StringSchema<string | undefined, yup.AnyObject, undefined, "">;
+    website: yup.StringSchema<string | undefined, yup.AnyObject, undefined, "">;
+    description: yup.StringSchema<string | undefined, yup.AnyObject, undefined, "">;
+};
+export declare function CounterpartySearch({ counterparty, disableCreation, onSelect, type, network, }: {
+    counterparty?: Mercoa.CounterpartyResponse;
+    disableCreation?: boolean;
+    onSelect?: (counterparty: Mercoa.CounterpartyResponse | undefined) => any;
+    type: 'payee' | 'payor';
+    network?: Mercoa.CounterpartyNetworkType[];
+}): import("react/jsx-runtime").JSX.Element;
+export declare function PayableCounterpartySearch({ counterparty, disableCreation, onSelect, network, }: {
+    counterparty?: Mercoa.CounterpartyResponse;
+    disableCreation?: boolean;
+    onSelect?: (counterparty: Mercoa.CounterpartyResponse | undefined) => any;
     network?: Mercoa.CounterpartyNetworkType[];
 }): import("react/jsx-runtime").JSX.Element;
+export declare function AddCounterpartyModal({ type, show, setShow, }: {
+    type: 'payor' | 'payee';
+    show: boolean;
+    setShow: (show: boolean) => void;
+}): import("react/jsx-runtime").JSX.Element;
 export type CounterpartiesChildrenProps = {
     setSearch: (search: string) => void;
     dataLoaded: boolean;
@@ -22,11 +55,6 @@ export declare function Counterparties({ type, admin, children, }: {
     admin?: boolean;
     children?: ({ setSearch, dataLoaded, hasNext, getNext, hasPrevious, getPrevious, resultsPerPage, setResultsPerPage, counterparties, }: CounterpartiesChildrenProps) => JSX.Element;
 }): import("react/jsx-runtime").JSX.Element;
-export declare function AddCounterpartyModal({ type, show, setShow, }: {
-    type: 'payor' | 'payee';
-    show: boolean;
-    setShow: (show: boolean) => void;
-}): import("react/jsx-runtime").JSX.Element;
 export declare function CounterpartyDetails({ counterparty, counterpartyId, admin, type, children, }: {
     counterparty?: Mercoa.CounterpartyResponse;
     counterpartyId?: Mercoa.EntityId;

package/dist/components/CustomPaymentMethod.d.ts

@@ -1,13 +1,13 @@
 import { Mercoa } from '@mercoa/javascript';
 import { ReactNode } from 'react';
 import { UseFormRegister } from 'react-hook-form';
-export declare function CustomPaymentMethod({ children, onSelect, showEdit, schema, }: {
+export declare function CustomPaymentMethods({ children, onSelect, showEdit, schema, }: {
     children?: Function;
     onSelect?: Function;
     showEdit?: boolean;
     schema?: Mercoa.CustomPaymentMethodSchemaResponse;
 }): any;
-export declare function CustomPaymentMethodComponent({ children, account, onSelect, selected, showEdit, schema, }: {
+export declare function CustomPaymentMethod({ children, account, onSelect, selected, showEdit, schema, }: {
     children?: Function;
     account?: Mercoa.CustomPaymentMethodResponse;
     onSelect?: Function;
@@ -15,12 +15,12 @@ export declare function CustomPaymentMethodComponent({ children, account, onSele
     showEdit?: boolean;
     schema?: Mercoa.CustomPaymentMethodSchemaResponse;
 }): import("react/jsx-runtime").JSX.Element;
-export declare function AddCustomPaymentMethod({ onSubmit, title, actions, formOnlySubmit, custom, schema, }: {
-    onSubmit?: Function;
+export declare function AddCustomPaymentMethod({ onSubmit, title, actions, formOnlySubmit, entityId, schema, }: {
+    onSubmit?: (data: Mercoa.PaymentMethodResponse) => void;
     title?: ReactNode;
     actions?: ReactNode;
     formOnlySubmit?: Function;
-    custom?: Mercoa.CustomPaymentMethodRequest;
+    entityId?: string;
     schema: Mercoa.CustomPaymentMethodSchemaResponse;
 }): import("react/jsx-runtime").JSX.Element;
 export declare function AddCustomPaymentMethodForm({ register, control, schema, }: {
@@ -32,3 +32,8 @@ export declare function findCustomPaymentMethodAccountNameAndNumber(account: Mer
     accountName: string;
     accountNumber: string | undefined;
 };
+export declare function AddCustomPaymentMethodDialog({ entityId, schema, onSelect, }: {
+    entityId?: Mercoa.EntityId;
+    schema?: Mercoa.CustomPaymentMethodSchemaResponse;
+    onSelect?: Function;
+}): import("react/jsx-runtime").JSX.Element;

package/dist/components/EntityDetails.d.ts

@@ -6,8 +6,9 @@ export declare function EntityDetails({ children }: {
 export declare function EntityStatus({ entity }: {
     entity?: Mercoa.EntityResponse;
 }): import("react/jsx-runtime").JSX.Element;
-export declare function EntityInboxEmail({ entity }: {
+export declare function EntityInboxEmail({ entity, layout }: {
     entity?: Mercoa.EntityResponse;
+    layout?: 'left' | 'right';
 }): import("react/jsx-runtime").JSX.Element;
 export declare function EntityEmailLogs({ entity, onClick, children, }: {
     entity?: Mercoa.EntityResponse;

package/dist/components/InvoiceComments.d.ts

@@ -1,4 +1,3 @@
-import { Mercoa } from '@mercoa/javascript';
-export declare function InvoiceComments({ invoice }: {
-    invoice?: Mercoa.InvoiceResponse;
+export declare function InvoiceComments({ readOnly }: {
+    readOnly?: boolean;
 }): import("react/jsx-runtime").JSX.Element;

package/dist/components/Mercoa.d.ts

@@ -8,6 +8,7 @@ export interface MercoaContext {
     entity: Mercoa.EntityResponse | undefined;
     user: Mercoa.EntityUserResponse | undefined;
     users: Mercoa.EntityUserResponse[];
+    customPaymentMethodSchemas: Mercoa.CustomPaymentMethodSchemaResponse[];
     selectedInvoice: Mercoa.InvoiceResponse | undefined;
     setSelectedInvoice: Function;
     client: MercoaClient | undefined;

package/dist/components/PayableDetails.d.ts

@@ -1,22 +1,47 @@
+/// <reference types="react" />
 import { Mercoa } from '@mercoa/javascript';
-export declare function PayableDetails({ invoiceId, invoice, onRedirect, heightOffset, admin, documentPosition, }: {
+export declare function PayableDetails({ invoiceId, invoice, onRedirect, heightOffset, admin, documentPosition, children, invoicePreSubmit, }: {
     invoiceId?: Mercoa.InvoiceId;
     invoice?: Mercoa.InvoiceResponse;
     onRedirect: (invoice: Mercoa.InvoiceResponse | undefined) => void;
     heightOffset?: number;
     admin?: boolean;
     documentPosition?: 'right' | 'left' | 'none';
+    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;
-export declare function PayableForm({ invoice, ocrResponse, uploadedImage, setUploadedImage, onRedirect, refreshInvoice, height, admin, }: {
+export type PayableFormChildrenProps = {
+    invoice?: Mercoa.InvoiceResponse;
+    refreshInvoice: (invoiceId: Mercoa.InvoiceId) => void;
+    ocrResponse?: Mercoa.OcrResponse;
+    uploadedDocument?: string;
+    setUploadedDocument: (e?: string) => void;
+    height: number;
+    setSelectedVendor: (e?: Mercoa.CounterpartyResponse) => void;
+    selectedVendor?: Mercoa.CounterpartyResponse;
+    getVendorPaymentLink: () => Promise<string | undefined>;
+    setValue: (name: any, value: any, options?: {
+        shouldValidate?: boolean;
+        shouldDirty?: boolean;
+    }) => void;
+    watch: (name: string, defaultValue?: any) => any;
+};
+export declare function PayableForm({ invoice, ocrResponse, uploadedDocument, setUploadedDocument, onRedirect, refreshInvoice, height, admin, invoicePreSubmit, children, }: {
     invoice?: Mercoa.InvoiceResponse;
     ocrResponse?: Mercoa.OcrResponse;
-    uploadedImage?: string;
-    setUploadedImage: (e?: string) => void;
+    uploadedDocument?: string;
+    setUploadedDocument: (e?: string) => void;
     onRedirect: (invoice: Mercoa.InvoiceResponse | undefined) => void;
     refreshInvoice: (invoiceId: Mercoa.InvoiceId) => void;
     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;
 }): 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, }: {
     onOCRComplete?: (ocrResponse?: Mercoa.OcrResponse) => void;
     onDocumentUpload?: ({ fileReaderObj, mimeType }: {
@@ -35,29 +60,76 @@ export declare function PayableDocumentDisplay({ documents, invoice, height, sho
     height: number;
     showSourceEmail?: boolean;
 }): import("react/jsx-runtime").JSX.Element;
-export declare function SelectPaymentMethod({ paymentMethods, paymentMethodSchemas, watch, setValue, isSource, isDestination, vendorId, payerId, currentPaymentMethodId, refreshVendorPaymentMethods, refreshPayerPaymentMethods, clearErrors, }: {
-    paymentMethods: Array<Mercoa.PaymentMethodResponse>;
-    paymentMethodSchemas: Array<Mercoa.CustomPaymentMethodSchemaResponse>;
-    watch: Function;
-    setValue: Function;
+export declare function PayableActions({ approveButton, rejectButton, nonApproverButton, deleteButton, archiveButton, cancelButton, saveDraftButton, printCheckButton, createInvoiceButton, submitForApprovalButton, nextButton, markAsPaidButton, schedulePaymentButton, retryPaymentButton, admin, }: {
+    approveButton?: ({ onClick }: {
+        onClick: () => void;
+    }) => JSX.Element;
+    rejectButton?: ({ onClick }: {
+        onClick: () => void;
+    }) => JSX.Element;
+    nonApproverButton?: ({ onClick }: {
+        onClick: () => void;
+    }) => JSX.Element;
+    deleteButton?: ({ onClick }: {
+        onClick: () => void;
+    }) => JSX.Element;
+    archiveButton?: ({ onClick }: {
+        onClick: () => void;
+    }) => JSX.Element;
+    cancelButton?: ({ onClick }: {
+        onClick: () => void;
+    }) => JSX.Element;
+    saveDraftButton?: ({ onClick }: {
+        onClick: () => void;
+    }) => JSX.Element;
+    printCheckButton?: ({ onClick }: {
+        onClick: () => void;
+    }) => JSX.Element;
+    createInvoiceButton?: ({ onClick }: {
+        onClick: () => void;
+    }) => JSX.Element;
+    submitForApprovalButton?: ({ onClick, approversAssigned, }: {
+        onClick: () => void;
+        approversAssigned: boolean;
+    }) => JSX.Element;
+    nextButton?: ({ onClick }: {
+        onClick: () => void;
+    }) => JSX.Element;
+    markAsPaidButton?: ({ onClick }: {
+        onClick: () => void;
+    }) => JSX.Element;
+    schedulePaymentButton?: ({ onClick }: {
+        onClick: () => void;
+    }) => JSX.Element;
+    retryPaymentButton?: ({ onClick }: {
+        onClick: () => void;
+    }) => JSX.Element;
+    admin?: boolean;
+}): import("react/jsx-runtime").JSX.Element;
+export declare function PayableOverview({ readOnly }: {
+    readOnly?: boolean;
+}): import("react/jsx-runtime").JSX.Element;
+export declare function SelectPaymentMethod({ isSource, isDestination, disableCreation, readOnly, }: {
     isSource?: boolean;
     isDestination?: boolean;
-    vendorId?: string;
-    payerId?: string;
-    currentPaymentMethodId?: string;
-    refreshVendorPaymentMethods: Function;
-    refreshPayerPaymentMethods: Function;
-    clearErrors: Function;
+    disableCreation?: boolean;
+    readOnly?: boolean;
+}): import("react/jsx-runtime").JSX.Element;
+export declare function PayablePaymentSource({ readOnly }: {
+    readOnly?: boolean;
+}): import("react/jsx-runtime").JSX.Element;
+export declare function PayablePaymentDestination({ readOnly }: {
+    readOnly?: boolean;
+}): import("react/jsx-runtime").JSX.Element;
+export declare function PayableApprovers({ readOnly }: {
+    readOnly?: boolean;
 }): import("react/jsx-runtime").JSX.Element;
 export declare function filterApproverOptions({ approverSlotIndex, eligibleRoles, eligibleUserIds, users, selectedApprovers, }: {
     approverSlotIndex: number;
     eligibleRoles: string[];
     eligibleUserIds: Mercoa.EntityUserId[];
     users: Mercoa.EntityUserResponse[];
-    selectedApprovers: ({
-        approvalSlotId: string;
-        assignedUserId: string | undefined;
-    } | undefined)[];
+    selectedApprovers: Mercoa.ApprovalSlot[];
 }): {
     user: Mercoa.EntityUserResponse;
     disabled: boolean;
@@ -66,10 +138,7 @@ export declare function isUpstreamPolicyAssigned({ policyId, approvalPolicies, a
     policyId: string;
     approvalPolicies: Mercoa.ApprovalPolicyResponse[];
     approverSlots: Mercoa.ApprovalSlot[];
-    selectedApprovers: ({
-        approvalSlotId: string;
-        assignedUserId: string | undefined;
-    } | undefined)[];
+    selectedApprovers: Mercoa.ApprovalSlot[];
 }): boolean;
 export declare function propagateApprovalPolicy({ userId, policyId, approvalPolicies, approverSlots, setValue, users, selectedApprovers, }: {
     userId: string;
@@ -78,20 +147,21 @@ export declare function propagateApprovalPolicy({ userId, policyId, approvalPoli
     approverSlots: Mercoa.ApprovalSlot[];
     setValue: Function;
     users: Mercoa.EntityUserResponse[];
-    selectedApprovers: ({
-        approvalSlotId: string;
-        assignedUserId: string | undefined;
-    } | undefined)[];
+    selectedApprovers: Mercoa.ApprovalSlot[];
 }): void;
-export declare function MetadataSelection({ schema, value, entityMetadata, setValue, hasDocument, hasNoLineItems, paymentDestination, paymentSource, lineItem, skipValidation, }: {
+export declare function PayableMetadata({ skipValidation, readOnly }: {
+    skipValidation?: boolean;
+    readOnly?: boolean;
+}): import("react/jsx-runtime").JSX.Element;
+export declare function MetadataSelection({ schema, value, setValue, skipValidation, readOnly, lineItem, hideLabel, }: {
     schema: Mercoa.MetadataSchema;
     value?: string;
-    entityMetadata?: Mercoa.EntityMetadataResponse;
     setValue: (e: string) => void;
-    hasDocument: boolean;
-    hasNoLineItems: boolean;
-    paymentDestination?: Mercoa.PaymentMethodResponse;
-    paymentSource?: Mercoa.PaymentMethodResponse;
-    lineItem?: boolean;
     skipValidation?: boolean;
+    readOnly?: boolean;
+    lineItem?: boolean;
+    hideLabel?: boolean;
+}): import("react/jsx-runtime").JSX.Element | null;
+export declare function PayableLineItems({ readOnly }: {
+    readOnly?: boolean;
 }): import("react/jsx-runtime").JSX.Element;

package/dist/components/Payables.d.ts

@@ -29,8 +29,14 @@ export declare function PayablesTable({ statuses, search, metadata, startDate, e
     columns?: InvoiceTableColumn[];
     children?: ({ dataLoaded, invoices, hasNext, getNext, hasPrevious, getPrevious, resultsPerPage, setResultsPerPage, selectedInvoiceStatuses, setSelectedInvoiceStatues, downloadCSV, }: PayablesTableChildrenProps) => ReactElement | null;
 }): import("react/jsx-runtime").JSX.Element | null;
-export declare function InvoiceStatusPill({ invoice, type, }: {
-    invoice: Mercoa.InvoiceResponse;
+export declare function InvoiceStatusPill({ status, amount, payerId, vendorId, dueDate, paymentSourceId, paymentDestinationId, type, }: {
+    status: Mercoa.InvoiceStatus;
+    amount?: number;
+    payerId?: string;
+    vendorId?: string;
+    dueDate?: Date;
+    paymentSourceId?: string;
+    paymentDestinationId?: string;
     type?: 'payable' | 'receivable';
 }): import("react/jsx-runtime").JSX.Element;
 export declare function InvoiceMetrics({ statuses, search, returnByDate, excludePayables, excludeReceivables, children, }: {

package/dist/components/generics.d.ts

@@ -163,3 +163,4 @@ export declare function getAllUsers(client: MercoaClient, entityId: string): Pro
 export declare function NoSession({ componentName }: {
     componentName: string;
 }): import("react/jsx-runtime").JSX.Element;
+export declare function removeThousands(_value: any, originalValue: string | number): number;