@mercoa/react 0.0.34 → 0.0.36

package/dist/components/CustomPaymentMethod.d.ts

@@ -1,5 +1,6 @@
 import { Mercoa } from '@mercoa/javascript';
 import { ReactNode } from 'react';
+import { UseFormRegister } from 'react-hook-form';
 export declare function CustomPaymentMethod({ children, onSelect, showEdit, schema, }: {
     children?: Function;
     onSelect?: Function;
@@ -23,7 +24,7 @@ export declare function AddCustomPaymentMethod({ onSubmit, title, actions, formO
     schema: Mercoa.CustomPaymentMethodSchemaResponse;
 }): import("react/jsx-runtime").JSX.Element;
 export declare function AddCustomPaymentMethodForm({ register, control, schema, }: {
-    register: Function;
+    register: UseFormRegister<any>;
     control: any;
     schema: Mercoa.CustomPaymentMethodSchemaResponse;
 }): import("react/jsx-runtime").JSX.Element;

package/dist/components/Mercoa.d.ts

@@ -1,7 +1,7 @@
 import { Mercoa, MercoaClient } from '@mercoa/javascript';
 import { Moov } from '@moovio/moov-js';
 import { ReactNode } from 'react';
-import { TokenOptions } from '.';
+import { TokenOptions } from './index';
 export interface MercoaContext {
     token?: string;
     entityId?: string;

package/dist/components/{InvoiceDetails.d.ts → PayableDetails.d.ts}

@@ -1,5 +1,5 @@
 import { Mercoa } from '@mercoa/javascript';
-export declare function InvoiceDetails({ invoiceId, invoice, onRedirect, heightOffset, admin, layout, }: {
+export declare function PayableDetails({ invoiceId, invoice, onRedirect, heightOffset, admin, layout, }: {
     invoiceId?: Mercoa.InvoiceId;
     invoice?: Mercoa.InvoiceResponse;
     onRedirect: (invoice: Mercoa.InvoiceResponse | undefined) => void;
@@ -16,7 +16,7 @@ export declare function InvoiceDocuments({ documents, invoice, height, showSourc
     height: number;
     showSourceEmail?: boolean;
 }): import("react/jsx-runtime").JSX.Element;
-export declare function EditInvoiceForm({ invoice, ocrResponse, uploadedImage, setUploadedImage, onRedirect, refreshInvoice, height, admin, }: {
+export declare function EditPayableForm({ invoice, ocrResponse, uploadedImage, setUploadedImage, onRedirect, refreshInvoice, height, admin, }: {
     invoice?: Mercoa.InvoiceResponse;
     ocrResponse?: Mercoa.OcrResponse;
     uploadedImage?: string;
@@ -26,6 +26,20 @@ export declare function EditInvoiceForm({ invoice, ocrResponse, uploadedImage, s
     height: number;
     admin?: boolean;
 }): import("react/jsx-runtime").JSX.Element;
+export declare function SelectPaymentSource({ paymentMethods, paymentMethodSchemas, watch, setValue, isSource, isDestination, vendorId, payerId, currentPaymentMethodId, refreshVendorPaymentMethods, refreshPayerPaymentMethods, clearErrors, }: {
+    paymentMethods: Array<Mercoa.PaymentMethodResponse>;
+    paymentMethodSchemas: Array<Mercoa.CustomPaymentMethodSchemaResponse>;
+    watch: Function;
+    setValue: Function;
+    isSource?: boolean;
+    isDestination?: boolean;
+    vendorId?: string;
+    payerId?: string;
+    currentPaymentMethodId?: string;
+    refreshVendorPaymentMethods: Function;
+    refreshPayerPaymentMethods: Function;
+    clearErrors: Function;
+}): import("react/jsx-runtime").JSX.Element;
 export declare function MetadataSelection({ schema, value, entityMetadata, setValue, hasDocument, hasNoLineItems, paymentDestination, paymentSource, lineItem, skipValidation, }: {
     schema: Mercoa.MetadataSchema;
     value?: string;

package/dist/components/{Inbox.d.ts → Payables.d.ts}

@@ -6,7 +6,7 @@ export type InvoiceTableColumn = {
     orderBy?: Mercoa.InvoiceOrderByField;
     format?: (value: string | number | Date, invoice: Mercoa.InvoiceResponse) => string | ReactElement | null;
 };
-export declare function InvoiceTable({ statuses, search, metadata, startDate, endDate, onSelectInvoice, columns, children, }: {
+export declare function PayablesTable({ statuses, search, metadata, startDate, endDate, onSelectInvoice, columns, children, }: {
     statuses: Mercoa.InvoiceStatus[];
     search?: string;
     metadata?: Mercoa.InvoiceMetadataFilter[];
@@ -31,21 +31,25 @@ export declare function InvoiceTable({ statuses, search, metadata, startDate, en
 export declare function InvoiceStatusPill({ invoice }: {
     invoice: Mercoa.InvoiceResponse;
 }): import("react/jsx-runtime").JSX.Element;
-export declare function InvoiceMetrics({ statuses, search, returnByDate, children, }: {
+export declare function InvoiceMetrics({ statuses, search, returnByDate, excludePayables, excludeReceivables, children, }: {
     statuses: Mercoa.InvoiceStatus[];
     search?: string;
     returnByDate?: Mercoa.InvoiceMetricsPerDateGroupBy;
+    excludePayables?: boolean;
+    excludeReceivables?: boolean;
     children?: ({ metrics, }: {
         metrics?: {
             [key in Mercoa.InvoiceStatus]: Mercoa.InvoiceMetricsResponse;
         };
     }) => JSX.Element;
 }): import("react/jsx-runtime").JSX.Element;
-export declare function StatusTabs({ statuses, selectedStatus, search, onStatusChange, }: {
+export declare function StatusTabs({ statuses, selectedStatus, search, onStatusChange, excludePayables, excludeReceivables, }: {
     statuses?: Array<Mercoa.InvoiceStatus>;
     selectedStatus?: Mercoa.InvoiceStatus;
     search?: string;
     onStatusChange?: (status: Mercoa.InvoiceStatus[]) => any;
+    excludePayables?: boolean;
+    excludeReceivables?: boolean;
 }): import("react/jsx-runtime").JSX.Element;
 export declare function StatusDropdown({ availableStatuses, currentStatuses, onStatusChange, placeholder, label, className, multiple, }: {
     availableStatuses?: Array<Mercoa.InvoiceStatus>;
@@ -56,7 +60,7 @@ export declare function StatusDropdown({ availableStatuses, currentStatuses, onS
     className?: string;
     multiple?: boolean;
 }): import("react/jsx-runtime").JSX.Element;
-export declare function InvoiceInbox({ statuses, onSelectInvoice, statusSelectionStyle, }: {
+export declare function Payables({ statuses, onSelectInvoice, statusSelectionStyle, }: {
     statuses?: Array<Mercoa.InvoiceStatus>;
     onSelectInvoice?: (invoice: Mercoa.InvoiceResponse) => any;
     statusSelectionStyle?: 'tabs' | 'dropdown';

package/dist/components/ReceivableDetails.d.ts

@@ -0,0 +1,8 @@
+import { Mercoa } from '@mercoa/javascript';
+export declare function ReceivableDetails({ invoiceId, invoice, onRedirect, admin, layout, }: {
+    invoiceId?: Mercoa.InvoiceId;
+    invoice?: Mercoa.InvoiceResponse;
+    onRedirect: (invoice: Mercoa.InvoiceResponse | undefined) => void;
+    admin?: boolean;
+    layout?: 'right' | 'left';
+}): import("react/jsx-runtime").JSX.Element;

package/dist/components/Receivables.d.ts

@@ -1,4 +1,6 @@
 import { Mercoa } from '@mercoa/javascript';
-export declare function Receivables({ onSelectInvoice }: {
+export declare function Receivables({ statuses, onSelectInvoice, statusSelectionStyle, }: {
+    statuses?: Array<Mercoa.InvoiceStatus>;
     onSelectInvoice?: (invoice: Mercoa.InvoiceResponse) => any;
+    statusSelectionStyle?: 'tabs' | 'dropdown';
 }): import("react/jsx-runtime").JSX.Element;

package/dist/components/generics.d.ts

@@ -1,7 +1,7 @@
 import { Mercoa } from '@mercoa/javascript';
 import { ChangeEvent, FocusEvent, HTMLAttributes, ReactNode, Ref } from 'react';
 import { Control, FieldErrors, UseFormRegister } from 'react-hook-form';
-import { TokenOptions } from '.';
+import { TokenOptions } from './index';
 export interface MercoaButtonProps extends HTMLAttributes<HTMLButtonElement> {
     isEmphasized: boolean;
     tooltip?: string;
@@ -73,7 +73,7 @@ export declare function StatCard({ title, value, icon, size, }: {
     icon?: ReactNode;
     size?: 'sm' | 'md';
 }): import("react/jsx-runtime").JSX.Element;
-export declare function MercoaCombobox({ onChange, options, value, label, placeholder, disabledText, displayIndex, secondaryDisplayIndex, className, labelClassName, inputClassName: suppliedInputClassName, multiple, freeText, displaySelectedAs, }: {
+export declare function MercoaCombobox({ onChange, options, value, label, placeholder, disabledText, displayIndex, secondaryDisplayIndex, className, labelClassName, inputClassName: suppliedInputClassName, multiple, freeText, displaySelectedAs, readOnly, }: {
     onChange: (val: any) => any;
     options: {
         value: any;
@@ -92,6 +92,7 @@ export declare function MercoaCombobox({ onChange, options, value, label, placeh
     multiple?: boolean;
     freeText?: boolean;
     displaySelectedAs?: 'input' | 'pill';
+    readOnly?: boolean;
 }): import("react/jsx-runtime").JSX.Element;
 export declare function TokenVerification({ token, children, }: {
     token?: string;
@@ -122,8 +123,8 @@ export declare function MercoaInputLabel({ label, name }: {
     label: string;
     name?: string;
 }): import("react/jsx-runtime").JSX.Element;
-export declare function MercoaInput({ type, label, onChange, onBlur, required, readOnly, ref, register, control, disabled, placeholder, optional, name, className, leadingIcon, trailingIcon, errors, dateOptions, min, max, step, noBorder, }: {
-    type?: 'text' | 'password' | 'email' | 'number' | 'date';
+export declare function MercoaInput({ type, label, onChange, onBlur, required, readOnly, ref, register, control, disabled, placeholder, optional, name, className, leadingIcon, trailingIcon, errors, dateOptions, min, max, step, noBorder, inputMask, }: {
+    type?: 'text' | 'password' | 'email' | 'number' | 'date' | 'currency';
     label?: string;
     onChange?: (e: ChangeEvent<HTMLInputElement>) => void;
     onBlur?: (e: FocusEvent<HTMLInputElement>) => void;
@@ -149,6 +150,7 @@ export declare function MercoaInput({ type, label, onChange, onBlur, required, r
     max?: string | number;
     step?: number;
     noBorder?: boolean;
+    inputMask?: string;
 }): import("react/jsx-runtime").JSX.Element;
 export declare function CountPill({ count, selected }: {
     count: number;

package/dist/components/index.d.ts

@@ -10,11 +10,12 @@ export * from './EntityDetails';
 export * from './EntityOnboarding';
 export * from './EntityPortal';
 export * from './EntityUser';
-export * from './Inbox';
 export * from './InvoiceComments';
-export * from './InvoiceDetails';
 export * from './Mercoa';
+export * from './PayableDetails';
+export * from './Payables';
 export * from './PaymentMethods';
+export * from './ReceivableDetails';
 export * from './Receivables';
 export * from './generics';
 export type onCloseFunction = (value: boolean) => void;