@mercoa/react 0.0.43-rc1 → 0.0.43

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

@@ -111,10 +111,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 +124,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;
@@ -155,10 +157,9 @@ 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, }: {
+export declare function MetadataSelection({ schema, field, skipValidation, readOnly, lineItem, hideLabel, }: {
     schema: Mercoa.MetadataSchema;
-    value?: string;
-    setValue: (e: string) => void;
+    field: string;
     skipValidation?: boolean;
     readOnly?: boolean;
     lineItem?: boolean;

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;