@bunnyapp/components 1.7.0 → 1.8.0-beta.11

package/dist/cjs/types/node_modules/@reduxjs/toolkit/dist/uncheckedindexed.d.ts

@@ -0,0 +1,5 @@
+type IfMaybeUndefined<T, True, False> = [undefined] extends [T] ? True : False;
+declare const testAccess: 0;
+export type IfUncheckedIndexedAccess<True, False> = IfMaybeUndefined<typeof testAccess, True, False>;
+export type UncheckedIndexedAccess<T> = IfUncheckedIndexedAccess<T | undefined, T>;
+export {};

package/dist/cjs/types/src/UI/Tooltip.d.ts

@@ -0,0 +1,2 @@
+import { TooltipProps as AntdTooltipProps } from 'antd';
+export declare function Tooltip(props: AntdTooltipProps): import("react/jsx-runtime").JSX.Element;

package/dist/cjs/types/src/UI/TruncatedText/TruncatedText.d.ts

@@ -0,0 +1,4 @@
+export declare const TruncatedText: ({ className, text }: {
+    className?: string;
+    text: string;
+}) => import("react/jsx-runtime").JSX.Element;

package/dist/cjs/types/src/UI/TruncatedText/hooks/useIsTextTruncated.d.ts

@@ -0,0 +1,3 @@
+import { RefObject } from 'react';
+declare const useIsTextTruncated: (textRef: RefObject<HTMLElement>, text?: string) => boolean;
+export default useIsTextTruncated;

package/dist/cjs/types/src/ajax.d.ts

@@ -1 +1 @@
-export declare const useDownloadFile: (id?: string, onError?: (error: any) => void) => (url: string, token?: string) => Promise<any>;
+export declare const useDownloadFile: (id?: string | null | undefined, onError?: (error: any) => void) => (url: string, token?: string) => Promise<any>;

package/dist/cjs/types/src/components/BillingDetails/BillingDetails.d.ts

@@ -1,6 +1,6 @@
 import '../../styles/index.less';
 import { ShadowType } from '../../types/shadowType';
-declare const BillingDetails: ({ className, countryListFilter, hideBillingDetailsForm, hidePaymentMethodForm, isCardEnabled, isUpgradeFromTrial, shadow, onSavePaymentMethod, }: {
+declare const BillingDetails: ({ className, countryListFilter, hideBillingDetailsForm, hidePaymentMethodForm, isCardEnabled, isUpgradeFromTrial, shadow, onSavePaymentMethod, onPaymentMethodRemoved, }: {
     className?: string;
     countryListFilter?: (country: {
         value: string;
@@ -11,6 +11,7 @@ declare const BillingDetails: ({ className, countryListFilter, hideBillingDetail
     isCardEnabled?: boolean;
     isUpgradeFromTrial?: boolean;
     shadow?: ShadowType;
-    onSavePaymentMethod?: (paymentMethodData?: any) => void;
+    onSavePaymentMethod?: (paymentMethodId: string) => void;
+    onPaymentMethodRemoved?: (paymentMethodId: string) => void;
 }) => import("react/jsx-runtime").JSX.Element;
 export default BillingDetails;

package/dist/cjs/types/src/components/BillingDetails/fragments/AccountContactsFragment.d.ts

@@ -2,6 +2,7 @@ export declare const AccountContactsFragment: import("gql.tada").TadaDocumentNod
     id: string;
     email: string | null;
     firstName: string;
+    lastName: string | null;
 }, {}, {
     fragment: "AccountContactsFragment";
     on: "Contact";

package/dist/cjs/types/src/components/{BunnyProvider.d.ts → BunnyProvider/BunnyProvider.d.ts}

@@ -7,13 +7,16 @@ export type BunnyContextValues = {
     onTokenExpired?: () => void;
 };
 export declare const BunnyContext: import("react").Context<BunnyContextValues>;
-declare function BunnyProvider({ children, darkMode, queryClient, apiHost, token, onTokenExpired, configProviderProps, }: {
+declare function BunnyProvider({ children, darkMode, queryClient, apiHost, token, onTokenExpired, onUserUnavailable, onInvalidOrMissingAuthorization, suppressUserUnavailableErrorNotification, configProviderProps, }: {
     children: React.ReactNode;
     darkMode?: boolean;
     queryClient?: QueryClient;
     apiHost: string;
     token?: string;
     onTokenExpired?: () => void;
+    onUserUnavailable?: () => void;
+    onInvalidOrMissingAuthorization?: () => void;
+    suppressUserUnavailableErrorNotification?: boolean;
     configProviderProps?: ThemeConfig | undefined;
 }): import("react/jsx-runtime").JSX.Element;
 export default BunnyProvider;

package/dist/cjs/types/src/components/BunnyProvider/contexts/BunnyProviderCallbacksProvider.d.ts

@@ -0,0 +1,13 @@
+declare const BunnyProviderCallbacksProvider: ({ value, children }: {
+    value: {
+        onUserUnavailable?: () => void;
+        onInvalidOrMissingAuthorization?: () => void;
+        suppressUserUnavailableErrorNotification?: boolean;
+    };
+    children?: import("react").ReactNode;
+}) => import("react/jsx-runtime").JSX.Element, useBunnyProviderCallbacks: () => {
+    onUserUnavailable?: () => void;
+    onInvalidOrMissingAuthorization?: () => void;
+    suppressUserUnavailableErrorNotification?: boolean;
+};
+export { BunnyProviderCallbacksProvider, useBunnyProviderCallbacks };

package/dist/cjs/types/src/components/Checkout/Checkout.d.ts

@@ -1,4 +1,4 @@
-import { FormattedInvoice } from '@bunnyapp/common';
+import FormattedInvoice from '@/types/FormattedInvoice';
 import { FragmentOf } from 'gql.tada';
 export declare const Checkout_QuoteFragment: import("gql.tada").TadaDocumentNode<{
     id: string | null;
@@ -24,6 +24,7 @@ type CheckoutProps = {
     quote?: FragmentOf<typeof Checkout_QuoteFragment> | null;
     token?: string;
     isUpdatingQuote: boolean;
+    isRecalculatingTaxes: boolean;
 };
-declare const Checkout: ({ onCancel, onSuccess, onFail, onRecalculateTaxes, invoice, open, quote: maskedQuote, isUpdatingQuote, }: CheckoutProps) => import("react/jsx-runtime").JSX.Element | null;
+declare const Checkout: ({ onCancel, onSuccess, onFail, onRecalculateTaxes, invoice, open, quote: maskedQuote, isUpdatingQuote, isRecalculatingTaxes, }: CheckoutProps) => import("react/jsx-runtime").JSX.Element | null;
 export default Checkout;

package/dist/cjs/types/src/components/Checkout/QuoteCheckout.d.ts

@@ -1,4 +1,6 @@
-import { Account, PaymentMethod, TaxationRequiredAccountFields } from '@bunnyapp/common';
+import Account from '@/types/Account';
+import PaymentMethod from '@/types/PaymentMethod';
+import TaxationRequiredAccountFields from '@/types/TaxationRequiredAccountFields';
 import { FragmentOf } from 'gql.tada';
 import { InvoiceQuoteParentProps } from '../PaymentForm/types/PaymentFormTypes';
 export declare const QuoteCheckout_QuoteFragment: import("gql.tada").TadaDocumentNode<{
@@ -25,7 +27,7 @@ export declare const QuoteCheckout_QuoteFragment: import("gql.tada").TadaDocumen
                 startDate: unknown;
             }[] | null;
             amount: number | null;
-            billingPeriod: "ONCE" | "MONTHLY" | "QUARTERLY" | "SEMI_ANNUAL" | "ANNUAL" | null;
+            billingPeriod: "MONTHLY" | "QUARTERLY" | "SEMI_ANNUAL" | "ANNUAL" | "ONCE" | null;
             currencyId: string;
             feature: {
                 unitName: string | null;
@@ -69,11 +71,28 @@ export declare const QuoteCheckout_QuoteFragment: import("gql.tada").TadaDocumen
         startDate: unknown;
     }[];
     kind: "SUBSCRIBE" | "UPDATE" | "RENEW" | "REINSTATE" | "UNSUBSCRIBE" | "ADJUSTMENT" | "COUPON" | "DISCOUNT" | "CREDIT" | "PRICE_UPDATE" | "QUANTITY_UPDATE" | "FREE_PERIOD_DISCOUNT" | "ACTIVATE";
+    [$tada.fragmentRefs]: {
+        canApplyCoupons_QuoteFragment: "Quote";
+    } & {
+        PaymentForm_QuoteFragment: "Quote";
+    } & {
+        getQuoteAmountDue_QuoteFragment: "Quote";
+    };
 }, {}, {
     fragment: "QuoteCheckout_QuoteFragment";
     on: "Quote";
     masked: true;
 }>;
+export declare const QuoteCheckout_SubscriptionFragment: import("gql.tada").TadaDocumentNode<{
+    id: string;
+    [$tada.fragmentRefs]: {
+        canApplyCoupons_SubscriptionFragment: "Subscription";
+    };
+}, {}, {
+    fragment: "QuoteCheckout_SubscriptionFragment";
+    on: "Subscription";
+    masked: true;
+}>;
 interface QuoteCheckoutProps extends InvoiceQuoteParentProps {
     account: Account;
     quote: FragmentOf<typeof QuoteCheckout_QuoteFragment>;
@@ -81,6 +100,8 @@ interface QuoteCheckoutProps extends InvoiceQuoteParentProps {
     token?: string;
     storedPaymentMethod?: PaymentMethod;
     onRecalculateTaxes: () => void;
+    isUpdatingQuote: boolean;
+    isRecalculatingTaxes: boolean;
 }
-declare const QuoteCheckout: ({ account, onSuccess, onFail, quote: maskedQuote, taxationRequiredAccountFields, onRecalculateTaxes, }: QuoteCheckoutProps) => import("react/jsx-runtime").JSX.Element;
+declare const QuoteCheckout: ({ account, onSuccess, onFail, quote: maskedQuote, taxationRequiredAccountFields, isUpdatingQuote, onRecalculateTaxes, isRecalculatingTaxes, }: QuoteCheckoutProps) => import("react/jsx-runtime").JSX.Element;
 export default QuoteCheckout;

package/dist/cjs/types/src/components/Checkout/QuoteIsLoadingIndicator.d.ts

@@ -0,0 +1 @@
+export declare function QuoteLoadingIndicator(): import("react/jsx-runtime").JSX.Element;

package/dist/cjs/types/src/components/Checkout/checkoutUtils.d.ts

@@ -1,4 +1,10 @@
-export declare const getQuoteAmountDue: (quote: {
+import { FragmentOf } from 'gql.tada';
+export declare const getQuoteAmountDue_QuoteFragment: import("gql.tada").TadaDocumentNode<{
     amountDue: number | null;
     amount: number;
-}) => number;
+}, {}, {
+    fragment: "getQuoteAmountDue_QuoteFragment";
+    on: "Quote";
+    masked: true;
+}>;
+export declare const getQuoteAmountDue: (maskedQuote: FragmentOf<typeof getQuoteAmountDue_QuoteFragment>) => number;

package/dist/cjs/types/src/components/FeatureUsageGraph.d.ts

@@ -1,7 +1,34 @@
-import { FeatureUsage, SubscriptionCharge } from '@bunnyapp/common';
-declare const FeatureUsageGraph: ({ charge, featureUsage, useAreaChart, }: {
-    charge: SubscriptionCharge;
-    featureUsage: FeatureUsage;
+import { FragmentOf } from 'gql.tada';
+export declare const FeatureUsageGraph_SubscriptionChargeFragment: import("gql.tada").TadaDocumentNode<{
+    feature: {
+        name: string;
+    } | null;
+    startDate: unknown;
+    endDate: unknown;
+}, {}, {
+    fragment: "FeatureUsageGraph_SubscriptionChargeFragment";
+    on: "SubscriptionCharge";
+    masked: true;
+}>;
+export declare const FeatureUsageGraph_HistogramFragment: import("gql.tada").TadaDocumentNode<{
+    dataInterval: "MONTHLY" | "QUARTERLY" | "DAILY" | "SEMIANNUALLY" | "YEARLY";
+    data: {
+        periodStart: unknown;
+        periodEnd: unknown;
+        intervals: {
+            intervalStart: unknown;
+            intervalUsage: number;
+        }[];
+        intervalsTotal: number;
+    }[] | null;
+}, {}, {
+    fragment: "FeatureUsageGraph_HistogramFragment";
+    on: "Histogram";
+    masked: true;
+}>;
+declare const FeatureUsageGraph: ({ charge: maskedCharge, featureUsage: maskedFeatureUsage, useAreaChart, }: {
+    charge: FragmentOf<typeof FeatureUsageGraph_SubscriptionChargeFragment>;
+    featureUsage: FragmentOf<typeof FeatureUsageGraph_HistogramFragment>;
     useAreaChart?: boolean;
 }) => import("react/jsx-runtime").JSX.Element | "no usage" | null;
 export default FeatureUsageGraph;

package/dist/cjs/types/src/components/Invoice/Invoice.d.ts

@@ -1,6 +1,7 @@
 import { InvoiceQuoteContextProps } from '../../contexts/InvoiceQuoteContext';
-import '../../styles/index.less';
 export type InvoiceProps = InvoiceQuoteContextProps & {
     hidePaymentForm?: boolean;
+    onPaymentMethodSaved?: (paymentMethodId: string) => void;
+    onPaymentMethodRemoved?: (paymentMethodId: string) => void;
 };
-export default function Invoice({ id, invoiceQuoteViewComponent, backButtonName, onBackButtonClick, onInvoiceDownloadError, onPaymentSuccess, shadow, className, hideDownloadButton, hidePaymentForm, onInvoiceLoaded, }: InvoiceProps): import("react/jsx-runtime").JSX.Element;
+export default function Invoice({ id, invoiceQuoteViewComponent, backButtonName, onBackButtonClick, onInvoiceDownloadError, onPaymentSuccess, shadow, className, hideDownloadButton, hidePaymentForm, onInvoiceLoaded, onPaymentMethodSaved, onPaymentMethodRemoved, }: InvoiceProps): import("react/jsx-runtime").JSX.Element;

package/dist/cjs/types/src/components/Invoice/InvoiceQuoteView.d.ts

@@ -1,7 +1,7 @@
-import { FormattedInvoice } from '@bunnyapp/common';
+import FormattedInvoice from '@/types/FormattedInvoice';
 import { ReactNode } from 'react';
 declare const InvoiceQuoteView: ({ children, formattedInvoice, html, backButtonName, onBackButtonClick, onDownloadError, targetUrl, }: {
-    html: string;
+    html: string | null;
     children?: ReactNode;
     formattedInvoice?: FormattedInvoice;
     backButtonName?: string;

package/dist/cjs/types/src/components/PandadocPollingModal.d.ts

@@ -1,7 +1,7 @@
 interface PandadocPollingModalProps {
     isVisible: boolean;
     setVisible: (visible: boolean) => void;
-    id?: string;
+    id?: string | null | undefined;
 }
 declare const PandadocPollingModal: ({ isVisible, setVisible, id }: PandadocPollingModalProps) => import("react/jsx-runtime").JSX.Element;
 export default PandadocPollingModal;

package/dist/cjs/types/src/components/PaymentForm/DemoPay/DemoPayFormProvider.d.ts

@@ -0,0 +1,10 @@
+export type DemoPayCardDetails = {
+    number: string;
+    expiry: string;
+    cvc: string;
+};
+declare const DemoPayFormProvider: ({ initialValue, children, }: {
+    initialValue?: DemoPayCardDetails | undefined;
+    children?: import("react").ReactNode;
+}) => import("react/jsx-runtime").JSX.Element, useDemoPayCardDetails: () => [DemoPayCardDetails, import("react").Dispatch<import("react").SetStateAction<DemoPayCardDetails>>];
+export { DemoPayFormProvider, useDemoPayCardDetails };

package/dist/cjs/types/src/components/PaymentForm/DemoPay/demoPayUtils.d.ts

@@ -1,4 +1,4 @@
-import { PluginData } from '@bunnyapp/common';
+import { PluginData } from '@/types/frontendTypes';
 export declare const confirmPayment: ({ amount, currency }: {
     amount: number;
     currency: string;

package/dist/cjs/types/src/components/PaymentForm/DemoPay/hooks/useApproveHold.d.ts

@@ -1,11 +1,14 @@
-import { PluginData, Quote } from '@bunnyapp/common';
+import { PluginData } from '@/types/frontendTypes';
 export declare function useApproveHold({ onApproveHoldSuccess, onApproveHoldError, }: {
     onApproveHoldSuccess?: (response: any) => void;
     onApproveHoldError?: (error: any) => void;
 }): {
     approveHold: ({ plugin, quote, paymentMethodId, }: {
         plugin: PluginData;
-        quote: Quote;
+        quote: {
+            id: string;
+            amount: number;
+        };
         paymentMethodId: string;
     }) => Promise<void>;
     isApprovingHold: boolean;

package/dist/cjs/types/src/components/PaymentForm/DemoPay/hooks/usePay.d.ts

@@ -1,9 +1,9 @@
-import { FormattedInvoice, Invoice, PluginData, Quote } from '@bunnyapp/common';
-export declare function usePay({ onPaymentSuccess, onPaymentError, quote, invoice, plugin, }: {
+import { PluginData } from '@/types/frontendTypes';
+export declare function usePay({ onPaymentSuccess, onPaymentError, quoteId, invoiceId, plugin, }: {
     onPaymentSuccess?: (response: any) => void;
     onPaymentError?: (error: any) => void;
-    quote?: Quote;
-    invoice?: FormattedInvoice | Invoice;
+    quoteId?: string | null;
+    invoiceId?: string | null;
     plugin: PluginData | undefined;
 }): {
     pay: (paymentMethodId: string) => Promise<void>;

package/dist/cjs/types/src/components/PaymentForm/DemoPay/hooks/useSave.d.ts

@@ -3,11 +3,7 @@ export declare function useSave({ onSaveSuccess, onSaveError, accountId, }: {
     onSaveError?: (error: any) => void;
     accountId: string | undefined;
 }): {
-    save: (cardDetails: {
-        number: string;
-        expiry: string;
-        cvc: string;
-    }) => Promise<string | undefined>;
+    save: () => Promise<string | undefined>;
     isSaving: boolean;
 };
 export default useSave;

package/dist/cjs/types/src/components/PaymentForm/PaymentForm.d.ts

@@ -1,17 +1,70 @@
-import { FormattedInvoice, Invoice, Quote } from '@bunnyapp/common';
-export declare function PaymentForm({ invoice, quote, onPaymentSuccess, onPaymentHoldSuccess, accountId, onSavePaymentMethod, onRemovePaymentMethod, onSetDefaultPaymentMethod, overrideToken, customCheckoutFunction, paymentHoldOptions, }: {
-    invoice?: FormattedInvoice | Invoice;
-    quote?: Quote;
+import { FragmentOf, ResultOf } from 'gql.tada';
+import type { ComponentProps } from 'react';
+import { ReactNode } from 'react';
+import { CheckoutNoPayment } from './components/CheckoutNoPayment';
+import { Pay } from './components/Pay';
+import { PaymentMethodDetails } from './components/PaymentMethodDetails/PaymentMethodDetails';
+import { StoredPaymentMethods } from './components/StoredPaymentMethods';
+import { PaymentForm_PaymentMethodsFragment } from './fragments/PaymentForm_PaymentMethodsFragment';
+type PaymentMethodFragment = ResultOf<typeof PaymentForm_PaymentMethodsFragment>;
+export declare const PaymentForm_QuoteFragment: import("gql.tada").TadaDocumentNode<{
+    id: string | null;
+    currencyId: string;
+    [$tada.fragmentRefs]: {
+        PaymentProvider_QuoteFragment: "Quote";
+    };
+}, {}, {
+    fragment: "PaymentForm_QuoteFragment";
+    on: "Quote";
+    masked: true;
+}>;
+export declare const PaymentForm_InvoiceFragment: import("gql.tada").TadaDocumentNode<{
+    id: string | null;
+    currencyId: string;
+    [$tada.fragmentRefs]: {
+        PaymentProvider_InvoiceFragment: "Invoice";
+    };
+}, {}, {
+    fragment: "PaymentForm_InvoiceFragment";
+    on: "Invoice";
+    masked: true;
+}>;
+declare function PaymentFormRoot({ currencyId: accountCurrencyId, invoice: maskedInvoice, quote: maskedQuote, paymentHold, onPaymentSuccess, onPaymentHoldSuccess, paymentHoldPrecondition, accountId, onSavePaymentMethod, onPaymentMethodRemoved, onSetDefaultPaymentMethod, overrideToken, customCheckoutFunction, children, }: {
+    currencyId?: string;
+    invoice?: FragmentOf<typeof PaymentForm_InvoiceFragment>;
+    quote?: FragmentOf<typeof PaymentForm_QuoteFragment>;
+    paymentHold?: {
+        quoteId: string;
+        amountToHold: number;
+    };
     onPaymentSuccess?: (response: any) => void;
     onPaymentHoldSuccess?: (response: any) => void;
+    /**
+     * If provided, the payment hold will only go through if this condition returns true.
+     */
+    paymentHoldPrecondition?: () => boolean | Promise<boolean>;
     onSavePaymentMethod?: (response: any) => void;
-    onRemovePaymentMethod?: () => void;
+    onPaymentMethodRemoved?: (paymentMethod: PaymentMethodFragment) => void;
     onSetDefaultPaymentMethod?: () => void;
     accountId?: string;
     overrideToken?: string;
     customCheckoutFunction?: (pluginId: string, paymentMethodId: string) => Promise<any>;
-    paymentHoldOptions?: {
-        payToAccept?: boolean;
-        amountToHold?: number;
-    };
+    children?: ReactNode | ((state: PaymentFormRenderState) => ReactNode);
 }): import("react/jsx-runtime").JSX.Element | null;
+type PaymentFormProps = ComponentProps<typeof PaymentFormRoot>;
+export type PaymentFormRenderState = {
+    hasPaymentMethods: boolean;
+    isPaymentMethodDetailsOpen: boolean;
+    isPayableAvailable: boolean;
+    amountDue: number | undefined;
+};
+declare function PaymentFormInternal(props: PaymentFormProps & {
+    disablePayButton?: boolean;
+}): import("react/jsx-runtime").JSX.Element;
+export declare const PaymentForm: typeof PaymentFormInternal & {
+    StoredPaymentMethods: typeof StoredPaymentMethods;
+    Pay: typeof Pay;
+    CheckoutNoPayment: typeof CheckoutNoPayment;
+    PaymentMethodDetails: typeof PaymentMethodDetails;
+};
+export {};

package/dist/cjs/types/src/components/PaymentForm/Stripe/StripeFormProvider.d.ts

@@ -0,0 +1,5 @@
+export declare function StripeFormProvider({ children, currencyId, accountId, }: {
+    children: React.ReactNode;
+    currencyId: string;
+    accountId?: string;
+}): import("react/jsx-runtime").JSX.Element;

package/dist/cjs/types/src/components/PaymentForm/Stripe/hooks/useApproveHold.d.ts

@@ -1,11 +1,14 @@
-import { PluginData, Quote } from '@bunnyapp/common';
+import { PluginData } from '@/types/frontendTypes';
 export declare function useApproveHold({ onApproveHoldSuccess, onApproveHoldError, }: {
     onApproveHoldSuccess?: (response: any) => void;
     onApproveHoldError?: (error: any) => void;
 }): {
     approveHold: ({ plugin, quote, paymentMethodId, }: {
         plugin: PluginData;
-        quote: Quote;
+        quote: {
+            id: string;
+            amount: number;
+        };
         paymentMethodId: string;
     }) => Promise<void>;
     isApprovingHold: boolean;

package/dist/cjs/types/src/components/PaymentForm/Stripe/hooks/usePay.d.ts

@@ -1,9 +1,9 @@
-import { FormattedInvoice, Invoice, PluginData, Quote } from '@bunnyapp/common';
-export declare function usePay({ onPaymentSuccess, onPaymentError, quote, invoice, plugin, }: {
+import { PluginData } from '@/types/frontendTypes';
+export declare function usePay({ onPaymentSuccess, onPaymentError, quoteId, invoiceId, plugin, }: {
     onPaymentSuccess?: (response: any) => void;
     onPaymentError?: (error: any) => void;
-    quote?: Quote;
-    invoice?: FormattedInvoice | Invoice;
+    quoteId?: string | null;
+    invoiceId?: string | null;
     plugin: PluginData | undefined;
 }): {
     pay: (paymentMethodId: string) => Promise<void>;

package/dist/cjs/types/src/components/PaymentForm/Stripe/stripeUtils.d.ts

@@ -1,4 +1,5 @@
-import { Payable, PluginData, Quote } from '@bunnyapp/common';
+import { PluginData } from '@/types/frontendTypes';
+import Payable from '@/types/interfaces/Payable';
 import { Stripe } from '@stripe/stripe-js';
 export declare const createPaymentMethod: ({ paymentMethodId, plugin, token, apiHost, accountId, }: {
     paymentMethodId: string;
@@ -17,7 +18,10 @@ export declare const createPaymentIntent: ({ payable, savePaymentMethod, memo, p
     apiHost: string;
 }) => Promise<any>;
 export declare const createPaymentHold: ({ quote, plugin, token, apiHost, paymentMethodId, }: {
-    quote: Quote;
+    quote: {
+        id: string;
+        amount: number;
+    };
     plugin: PluginData;
     token: string;
     apiHost: string;

package/dist/cjs/types/src/components/PaymentForm/components/CheckoutNoPayment.d.ts

@@ -0,0 +1,6 @@
+type Props = {
+    className?: string;
+    disabled?: boolean;
+};
+export declare function CheckoutNoPayment(props?: Props): import("react/jsx-runtime").JSX.Element;
+export {};

package/dist/cjs/types/src/components/PaymentForm/components/CouponEditor.d.ts

@@ -1,7 +1,5 @@
-import { Quote } from '@bunnyapp/common';
 declare function CouponEditor({ className, onAddCoupon, isAddingCoupon, couponCode, setCouponCode, }: {
     className?: string;
-    quote: Quote;
     onAddCoupon: (couponCode: string) => void;
     isAddingCoupon: boolean;
     couponCode: string;

package/dist/cjs/types/src/components/PaymentForm/components/Pay.d.ts

@@ -0,0 +1,5 @@
+type PayProps = {
+    disabled?: boolean;
+};
+export declare function Pay(props?: PayProps): import("react/jsx-runtime").JSX.Element;
+export {};

package/dist/cjs/types/src/components/PaymentForm/components/PaymentMethodDetails/PaymentMethodDetails.d.ts

@@ -0,0 +1,12 @@
+import { ReactNode } from 'react';
+import { Cancel } from './components/Cancel';
+import { Save } from './components/Save';
+type PaymentMethodDetailsProps = {
+    footer?: ReactNode;
+};
+declare function PaymentMethodDetailsRoot(props?: PaymentMethodDetailsProps): import("react/jsx-runtime").JSX.Element;
+export declare const PaymentMethodDetails: typeof PaymentMethodDetailsRoot & {
+    Cancel: typeof Cancel;
+    Save: typeof Save;
+};
+export {};

package/dist/cjs/types/src/components/PaymentForm/components/PaymentMethodDetails/components/Cancel.d.ts

@@ -0,0 +1 @@
+export declare function Cancel(): import("react/jsx-runtime").JSX.Element;

package/dist/cjs/types/src/components/PaymentForm/components/PaymentMethodDetails/components/Save.d.ts

@@ -0,0 +1 @@
+export declare function Save(): import("react/jsx-runtime").JSX.Element;

package/dist/cjs/types/src/components/PaymentForm/components/StoredPaymentMethods.d.ts

@@ -0,0 +1,18 @@
+export declare const StoredPaymentMethods_PaymentMethodsFragment: import("gql.tada").TadaDocumentNode<{
+    [$tada.fragmentRefs]: {
+        MiniCreditCard_PaymentMethodFragment: "PaymentMethod";
+    };
+    id: string;
+    plugin: {
+        id: string;
+    } | null;
+}, {}, {
+    fragment: "StoredPaymentMethods_PaymentMethodsFragment";
+    on: "PaymentMethod";
+    masked: true;
+}>;
+type StoredPaymentMethodsProps = {
+    className?: string;
+};
+export declare function StoredPaymentMethods(props?: StoredPaymentMethodsProps): import("react/jsx-runtime").JSX.Element;
+export {};

package/dist/cjs/types/src/components/PaymentForm/context/AccountIdContext.d.ts

@@ -0,0 +1,5 @@
+declare const AccountIdProvider: ({ value, children }: {
+    value: string | undefined;
+    children?: import("react").ReactNode;
+}) => import("react/jsx-runtime").JSX.Element, useAccountId: () => string | undefined;
+export { AccountIdProvider, useAccountId };

package/dist/cjs/types/src/components/PaymentForm/context/CallbacksContext.d.ts

@@ -0,0 +1,14 @@
+import { PaymentMethodFragment } from './PaymentMethodFormVisibilityContext';
+export type PaymentCallbacksContextValue = {
+    onPaymentSuccess: ((response: any) => void) | undefined;
+    onSetDefaultPaymentMethod: (() => void) | undefined;
+    onPaymentMethodRemoved: ((paymentMethod: PaymentMethodFragment) => void) | undefined;
+    onSavePaymentMethod: ((response: any) => void) | undefined;
+    onPaymentHoldSuccess: ((response: any) => void) | undefined;
+    paymentHoldPrecondition: (() => boolean | Promise<boolean>) | undefined;
+};
+declare const PaymentFormCallbacksProvider: ({ value, children }: {
+    value: PaymentCallbacksContextValue;
+    children?: import("react").ReactNode;
+}) => import("react/jsx-runtime").JSX.Element, usePaymentFormCallbacks: () => PaymentCallbacksContextValue;
+export { PaymentFormCallbacksProvider, usePaymentFormCallbacks };

package/dist/cjs/types/src/components/PaymentForm/context/PaymentMethodFormVisibilityContext.d.ts

@@ -0,0 +1,12 @@
+import { ResultOf } from 'gql.tada';
+import { PaymentForm_PaymentMethodsFragment } from '../fragments/PaymentForm_PaymentMethodsFragment';
+export type PaymentMethodFragment = ResultOf<typeof PaymentForm_PaymentMethodsFragment>;
+export type PaymentMethodFormVisibilityContextValue = {
+    showPaymentMethodForm: boolean;
+    setShowPaymentMethodForm: (show: boolean) => void;
+};
+declare const PaymentMethodFormVisibilityProvider: ({ value, children }: {
+    value: PaymentMethodFormVisibilityContextValue;
+    children?: import("react").ReactNode;
+}) => import("react/jsx-runtime").JSX.Element, usePaymentMethodFormVisibility: () => PaymentMethodFormVisibilityContextValue;
+export { PaymentMethodFormVisibilityProvider, usePaymentMethodFormVisibility };