@bunnyapp/components 1.6.0-beta.20 → 1.6.0-beta.22

package/dist/esm/types/src/components/PaymentForm/context/PaymentProvider.d.ts

@@ -1,6 +1,6 @@
 import { FormattedInvoice, Invoice, Quote } from '@bunnyapp/common';
 import { PaymentType } from '../types/PaymentType';
-declare const useAmountDue: () => string | undefined;
+declare const useFormattedAmountDue: () => string | undefined;
 declare const usePaymentType: () => PaymentType | undefined;
 declare const useIsPaying: () => boolean | undefined;
 declare const useHandlePaymentFormSubmit: () => (demoPayCardDetails?: {
@@ -9,8 +9,9 @@ declare const useHandlePaymentFormSubmit: () => (demoPayCardDetails?: {
     cvc: string;
 }) => Promise<void>;
 declare const useIsSaving: () => boolean | undefined;
+declare const useIsPaid: () => boolean | undefined;
 declare const useAccountId: () => string | undefined;
-export { useAccountId, useAmountDue, useHandlePaymentFormSubmit, useIsPaying, useIsSaving, usePaymentType, };
+export { useAccountId, useFormattedAmountDue, useHandlePaymentFormSubmit, useIsPaying, useIsSaving, useIsPaid, usePaymentType, };
 export declare function PaymentProvider({ children, accountId, quote, invoice, onPaymentSuccess, onPaymentHoldSuccess, paymentHoldOptions, onSavePaymentMethod, }: {
     children: React.ReactNode;
     accountId?: string;

package/dist/esm/types/src/components/PaymentForm/hooks/useHandlePayment.d.ts

@@ -18,6 +18,7 @@ declare const useHandlePayment: ({ quote, invoice, onPaymentSuccess, onPaymentHo
         savePaymentMethod: boolean | undefined;
     }, Error, void, unknown>;
     isPaying: boolean;
+    isPaid: boolean;
     paymentType: PaymentType;
     formattedAmountDue: string | undefined;
 };

package/dist/esm/types/src/components/PaymentForm/hooks/usePaymentButtonText.d.ts

@@ -0,0 +1 @@
+export declare function usePaymentButtonText(): string;

package/dist/esm/types/src/components/Quotes/Quotes.d.ts

@@ -1,9 +1,9 @@
 import { Transaction } from '@bunnyapp/common';
 import { ShadowType } from '../../types/shadowType';
 import { TransactionListColumnType } from '../Transactions/transactionsList/TransactionsListDesktop';
-declare function Quotes({ className, columns, filter, filterQuotes, sort, noQuotesMessage, onQuoteClick, quoteComponent, searchBarClassName, shadow, showSearchBar, showTitle, title, style, suppressQuoteDisplay, useModal, }: {
-    /** A custom component to render instead of the default invoice component */
-    quoteComponent?: React.ReactNode;
+declare function Quotes({ className, columns, filter, filterQuotes, sort, noQuotesMessage, onQuoteClick, renderQuote, searchBarClassName, shadow, showSearchBar, showTitle, title, style, suppressQuoteDisplay, useModal, }: {
+    /** Render a custom quote component. Receives the quoteId as a parameter. */
+    renderQuote?: (quote: Transaction) => React.ReactNode;
     /** Whether to show the search bar */
     showSearchBar?: boolean;
     /** Whether to show the title */

package/dist/esm/types/src/graphql/queries/getFormattedQuote.d.ts

@@ -2,5 +2,143 @@ declare const getFormattedQuote: ({ token, apiHost, id, }: {
     apiHost: string;
     token?: string;
     id?: string;
-}) => Promise<any>;
+}) => Promise<{
+    quote: {
+        documentTemplateId: string | null;
+        documents: {
+            id: string;
+            filename: string;
+            size: string;
+            date: unknown;
+            url: string;
+        }[] | null;
+        firstInvoice: {
+            id: string | null;
+            state: "FAILED" | "DRAFT" | "NOT_DUE" | "DUE" | "UNPAID" | "PAID" | "VOIDED" | "READY" | "PREPARING" | "PROCESSING_PAYMENT" | "MERGED" | "QUEUED" | "CONSOLIDATED";
+        } | null;
+        payableId: string | null;
+        id: string | null;
+        payToAccept: boolean | null;
+        currentPaymentHold: {
+            createdAt: unknown;
+            expiresAt: unknown;
+            id: string | null;
+            updatedAt: unknown;
+            paymentMethod: {
+                accountId: string | null;
+                createdAt: unknown;
+                expirationDate: unknown;
+                failureCode: string | null;
+                id: string;
+                isDefault: boolean | null;
+                lastSuccess: unknown;
+                paymentType: "ach" | "card" | "other" | "wire" | null;
+                pluginId: string | null;
+                state: "UNKNOWN" | "SUCCESS" | "FAILED" | null;
+                updatedAt: unknown;
+                metadata: {
+                    description: string | null;
+                    expiration: unknown;
+                    icon: string | null;
+                    identifier: string | null;
+                    issuer: string | null;
+                    kind: string | null;
+                } | null;
+            } | null;
+        } | null;
+    };
+    payableId: string | null;
+    acceptedAt: unknown;
+    acceptedByName: string | null;
+    amount: number;
+    amountDue: number;
+    amountsByPeriod: {
+        id: string | null;
+        name: string | null;
+        amount: number | null;
+    }[];
+    billingCity: string | null;
+    billingCountry: string | null;
+    billingState: string | null;
+    billingStreet: string | null;
+    billingZip: string | null;
+    contactName: string | null;
+    currency: string | null;
+    customerBillingCity: string | null;
+    customerBillingCountry: string | null;
+    customerBillingState: string | null;
+    customerBillingStreet: string | null;
+    customerBillingZip: string | null;
+    customerName: string | null;
+    discount: number;
+    discountValue: number;
+    duration: string | null;
+    endDate: unknown;
+    expiresAt: unknown;
+    html: string | null;
+    formattedLines: {
+        amount: number;
+        amountsByPeriod: {
+            quantity: number | null;
+            id: string | null;
+            name: string | null;
+            startDate: unknown;
+            endDate: unknown;
+            amount: number | null;
+            amountsByTier: {
+                id: string | null;
+                tier: {
+                    starts: number | null;
+                    ends: number | null;
+                    price: number | null;
+                } | null;
+                quantity: number | null;
+                amount: number | null;
+            }[] | null;
+            prorationRate: number | null;
+        }[];
+        billingPeriodEnd: string | null;
+        billingPeriodStart: string | null;
+        chargeType: string;
+        discount: number | null;
+        frequency: string;
+        isRamp: boolean;
+        periods: number;
+        planName: string;
+        position: number;
+        price: number | null;
+        priceDecimals: number | null;
+        priceListChargeId: string | null;
+        priceListChargeName: string | null;
+        priceListId: string;
+        priceListName: string | null;
+        priceTiers: {
+            price: number | null;
+            starts: number;
+        }[] | null;
+        pricingModel: string;
+        productName: string;
+        prorationRate: number | null;
+        quantity: number | null;
+        showProductNameOnLineItem: boolean;
+        taxCode: string | null;
+        trialEndDate: unknown;
+        trialStartDate: unknown;
+        unitOfMeasure: string;
+        vatCode: string | null;
+    }[];
+    netPaymentDays: number | null;
+    notes: string | null;
+    number: string | null;
+    poNumberRequired: boolean | null;
+    salesContactEmail: string | null;
+    sharedAt: unknown;
+    startDate: unknown;
+    state: "DRAFT" | "SHARED" | "VIEWED" | "ACCEPTED" | "IN_APPROVAL" | "APPROVED" | "REJECTED" | "UNDONE";
+    subtotal: number;
+    taxAmount: number;
+    taxNumberLabel: string | null;
+    taxNumberRequired: boolean | null;
+    vendorName: string | null;
+}>;
 export default getFormattedQuote;

package/dist/index.d.ts

@@ -41,9 +41,9 @@ declare function Quote({ id, invoiceQuoteViewComponent, onInvoiceDownloadError,
 
 type TransactionListColumnType = 'date' | 'title' | 'state' | 'amount' | 'download' | 'accountName';
 
-declare function Quotes({ className, columns, filter, filterQuotes, sort, noQuotesMessage, onQuoteClick, quoteComponent, searchBarClassName, shadow, showSearchBar, showTitle, title, style, suppressQuoteDisplay, useModal, }: {
-    /** A custom component to render instead of the default invoice component */
-    quoteComponent?: React.ReactNode;
+declare function Quotes({ className, columns, filter, filterQuotes, sort, noQuotesMessage, onQuoteClick, renderQuote, searchBarClassName, shadow, showSearchBar, showTitle, title, style, suppressQuoteDisplay, useModal, }: {
+    /** Render a custom quote component. Receives the quoteId as a parameter. */
+    renderQuote?: (quote: Transaction) => React.ReactNode;
     /** Whether to show the search bar */
     showSearchBar?: boolean;
     /** Whether to show the title */

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@bunnyapp/components",
-  "version": "1.6.0-beta.20",
+  "version": "1.6.0-beta.22",
   "description": "Components from the Bunny portal to embed Bunny UI functionality into your application.",
   "main": "dist/cjs/index.js",
   "module": "dist/esm/index.js",