@bunnyapp/components 1.8.0-beta.56 → 1.8.0-beta.57

package/dist/esm/types/src/components/CheckoutShared/components/controls/Select.d.ts

@@ -1,17 +0,0 @@
-import { InputHTMLAttributes } from 'react';
-type Option = {
-    value: string;
-    label: string;
-};
-/**
- * A select with a menu of our own, so the open list is styled by the appearance too (a native
- * select's list is drawn by the browser). The closed control is a text input under the same
- * `.Input` rules as the others, with a chevron; typing in it filters the options by label or
- * value. Works as the child of a `Form.Item`, like `TextInput`.
- */
-declare const Select: import("react").ForwardRefExoticComponent<Omit<InputHTMLAttributes<HTMLInputElement>, "value" | "onChange"> & {
-    options: Option[];
-    value?: string;
-    onChange?: (value: string) => void;
-} & import("react").RefAttributes<HTMLInputElement>>;
-export default Select;

package/dist/esm/types/src/components/CheckoutShared/components/controls/Select.rules.d.ts

@@ -1,55 +0,0 @@
-import type { ResolvedVariables } from '../../appearance/variables';
-export declare function selectRules(v: ResolvedVariables): {
-    internal: {
-        '.Input.Select': {
-            paddingRight: string;
-            backgroundImage: string;
-            backgroundRepeat: string;
-            backgroundPosition: string;
-            cursor: string;
-        };
-        '.Menu': {
-            position: string;
-            zIndex: string;
-            top: string;
-            left: string;
-            right: string;
-            maxHeight: string;
-            overflowY: string;
-            margin: string;
-            padding: string;
-            listStyle: string;
-            border: string;
-            borderRadius: string;
-            backgroundColor: string;
-            boxShadow: string;
-        };
-        '.Menu[data-placement="top"]': {
-            top: string;
-            bottom: string;
-        };
-        '.Option': {
-            padding: string;
-            borderRadius: string;
-            lineHeight: string;
-            color: string;
-            overflow: string;
-            textOverflow: string;
-            whiteSpace: string;
-            cursor: string;
-        };
-        '.Option[data-active="true"]': {
-            backgroundColor: string;
-        };
-        '.Option[aria-selected="true"]': {
-            fontWeight: string;
-        };
-        '.MenuEmpty': {
-            padding: string;
-            lineHeight: string;
-            color: string;
-        };
-    };
-    shared: {};
-    block: {};
-};

package/dist/esm/types/src/components/CheckoutShared/components/controls/Spinner.d.ts

@@ -1,4 +0,0 @@
-/** A spinning arc in the current text color. Decorative: say what is loading next to it. */
-export default function Spinner({ size }: {
-    size?: number;
-}): import("react").JSX.Element;

package/dist/esm/types/src/components/CheckoutShared/components/controls/TextInput.d.ts

@@ -1,7 +0,0 @@
-import { InputHTMLAttributes } from 'react';
-/**
- * A native text input styled by the appearance's `.Input` rules. Takes what `Form.Item` gives its
- * child (`id`, `value`, `onChange`, `aria-invalid`, a ref to focus), so it works as one unchanged.
- */
-declare const TextInput: import("react").ForwardRefExoticComponent<InputHTMLAttributes<HTMLInputElement> & import("react").RefAttributes<HTMLInputElement>>;
-export default TextInput;

package/dist/esm/types/src/components/CheckoutShared/contexts/CheckoutPaymentMethodsContext.d.ts

@@ -1,37 +0,0 @@
-import { FragmentOf } from 'gql.tada';
-import { ReactNode } from 'react';
-import { SavedPaymentMethodTiles_PaymentMethodFragment } from '../graphql/fragments/SavedPaymentMethodTiles_PaymentMethodFragment';
-import { CheckoutPaymentPlugin } from '../utils/asPluginData';
-export declare const STRIPE_FRONTEND = "StripePayment";
-export declare const DEMO_PAY_FRONTEND = "DemoPayPayment";
-export type CheckoutSavedPaymentMethod = FragmentOf<typeof SavedPaymentMethodTiles_PaymentMethodFragment> & {
-    id: string;
-};
-type CheckoutPaymentMethodsValue = {
-    plugins: CheckoutPaymentPlugin[];
-    stripePlugin: CheckoutPaymentPlugin | undefined;
-    /** The highlighted plugin: the one chosen, or the one owning the selected saved payment method. */
-    selectedPlugin: CheckoutPaymentPlugin | undefined;
-    selectedPluginName: string | undefined;
-    /** Choose a plugin and pay with a new card on it. */
-    setSelectedPluginId: (id: string) => void;
-    /** Payment methods already stored on the account, if the flow has one. */
-    savedPaymentMethods: CheckoutSavedPaymentMethod[];
-    selectedSavedPaymentMethod: CheckoutSavedPaymentMethod | undefined;
-    setSelectedSavedPaymentMethodId: (id: string) => void;
-    /** Drop the saved payment method and pay with a new card on the highlighted plugin. */
-    selectNewPaymentMethod: () => void;
-};
-declare const useCheckoutPaymentMethods: () => CheckoutPaymentMethodsValue;
-/**
- * Payment plugins the checkout form has a payment form for, plus the account's saved payment methods
- * when there is an account. The form shows them as two sections: which plugin, then which saved
- * method (or a new card). By default the account's default (or first) saved method is selected,
- * otherwise a new card on the first plugin. Selecting a saved method highlights the plugin it
- * belongs to; selecting a plugin switches to a new card on it.
- */
-export declare function CheckoutPaymentMethodsProvider({ savedPaymentMethods, children, }: {
-    savedPaymentMethods?: CheckoutSavedPaymentMethod[];
-    children: ReactNode;
-}): import("react").JSX.Element;
-export { useCheckoutPaymentMethods };

package/dist/esm/types/src/components/CheckoutShared/hooks/useNewPaymentMethod.d.ts

@@ -1,10 +0,0 @@
-import type { CheckoutFormValues } from '../contexts/CheckoutConfigContext';
-import type { CheckoutPaymentPlugin } from '../utils/asPluginData';
-/** A payment method entered in the form, ready for the plugin to store: a Stripe payment method token or DemoPay's card metadata. */
-export type CheckoutNewPaymentMethod = {
-    plugin: CheckoutPaymentPlugin;
-    token?: string;
-    metadata?: Record<string, string>;
-};
-/** Turns what was entered in the selected plugin's payment form into something the API can store. */
-export declare function useNewPaymentMethod(): (values: CheckoutFormValues, accountId?: string) => Promise<CheckoutNewPaymentMethod>;

package/dist/esm/types/src/components/CheckoutShared/hooks/useStripePaymentMethodId.d.ts

@@ -1,9 +0,0 @@
-import type { CheckoutFormValues } from '../contexts/CheckoutConfigContext';
-type PayerValues = Pick<CheckoutFormValues, 'email' | 'nameOnCard' | 'billingCountry' | 'billingZip'>;
-/**
- * Sets the payment method in the Payment Element up in the browser (SetupIntent + confirmSetup,
- * which runs any 3DS challenge) and returns the Stripe payment method id. Without an account,
- * Stripe's customer is provisioned from the email.
- */
-export declare function useStripePaymentMethodId(): (values: PayerValues, accountId?: string) => Promise<string>;
-export {};

package/dist/esm/types/src/components/CheckoutShared/utils/asPluginData.d.ts

@@ -1,6 +0,0 @@
-import usePaymentPlugins from '@/hooks/usePaymentPlugins';
-import { PluginData } from '@/types/frontendTypes';
-export type CheckoutPaymentPlugin = ReturnType<typeof usePaymentPlugins>['paymentPlugins'][number];
-/** The `paymentPlugins` GraphQL row doesn't share a type with the legacy `PluginData` the plugin helpers expect. */
-export declare const asPluginData: (plugin: CheckoutPaymentPlugin) => PluginData;
-export declare const pluginFrontendName: (plugin: CheckoutPaymentPlugin | undefined) => string | undefined;

package/dist/esm/types/src/components/CheckoutShared/utils/validateDemoPayCard.d.ts

@@ -1,5 +0,0 @@
-/** Throws when the DemoPay card box can't be submitted. */
-export declare function validateDemoPayCard(card: {
-    expiry: string;
-    cvc: string;
-}): void;

package/dist/esm/types/src/components/CustomizedAntdComponents/Tag.d.ts

@@ -1,37 +0,0 @@
-declare const tagStyleMap: {
-    blue: {
-        color: string;
-        background: string;
-    };
-    green: {
-        color: string;
-        background: string;
-    };
-    red: {
-        color: string;
-        background: string;
-    };
-    orange: {
-        color: string;
-        background: string;
-    };
-    yellow: {
-        color: string;
-        background: string;
-    };
-    purple: {
-        color: string;
-        background: string;
-    };
-    black: {
-        color: string;
-        background: string;
-    };
-};
-declare const CustomizedTag: ({ children, color, className, style, }: {
-    children: React.ReactNode;
-    color?: keyof typeof tagStyleMap;
-    className?: string;
-    style?: React.CSSProperties;
-}) => import("react").JSX.Element;
-export default CustomizedTag;

package/dist/esm/types/src/components/PaymentForm/DemoPay/CreditCard/CreditCard.d.ts

@@ -1,25 +0,0 @@
-import { FragmentOf } from 'gql.tada';
-import { ShadowType } from '../../../../types/shadowType';
-export declare const CreditCard_PaymentMethodFragment: import("gql.tada").TadaDocumentNode<{
-    [$tada.fragmentRefs]: {
-        CardImage_PaymentMethodFragment: "PaymentMethod";
-    };
-    id: string;
-    expirationDate: unknown;
-    metadata: {
-        identifier: string | null;
-    } | null;
-}, {}, {
-    fragment: "CreditCard_PaymentMethodFragment";
-    on: "PaymentMethod";
-    masked: true;
-}>;
-type CreditCardProps = {
-    onClickRemove: () => void;
-    onClickUpdate: () => void;
-    paymentMethod: FragmentOf<typeof CreditCard_PaymentMethodFragment>;
-    shadow?: ShadowType;
-    cardEnabled?: boolean;
-};
-declare const CreditCard: ({ onClickRemove, onClickUpdate, paymentMethod: maskedPaymentMethod, shadow, cardEnabled, }: CreditCardProps) => import("react").JSX.Element;
-export default CreditCard;

package/dist/esm/types/src/components/PaymentForm/DemoPay/CreditCard/index.d.ts

@@ -1 +0,0 @@
-export { MiniCreditCard } from './MiniCreditCard';

package/dist/esm/types/src/components/PaymentForm/DemoPay/DemoPayForm.d.ts

@@ -1,2 +0,0 @@
-declare const DemoPayForm: () => import("react").JSX.Element;
-export default DemoPayForm;

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

@@ -1,21 +0,0 @@
-import { PluginData } from '@/types/frontendTypes';
-export declare const confirmPayment: ({ amount, currency }: {
-    amount: number;
-    currency: string;
-}) => {
-    token: string;
-    amount: number;
-    currency: string;
-};
-export declare const isDigit: (char: string) => boolean;
-export declare const isValidKey: (code: number) => boolean;
-export declare const isValidExpiry: (expiry: string) => boolean;
-export declare const isCardExpired: (expiry: string) => boolean;
-export declare const formatCardExpiry: (cardExpiry: string) => string;
-export declare const unformatCardNumber: (cardNumber: string) => string;
-export declare const storePayment: (options: {
-    testCreditCardCvc: string;
-    testCreditCardExpirationDate: string;
-    testCreditCardNumber: string;
-    token?: string;
-}, plugin: PluginData, apiHost: string, accountId?: string) => Promise<any>;

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

@@ -1,16 +0,0 @@
-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: {
-            id: string;
-            amount: number;
-        };
-        paymentMethodId: string;
-    }) => Promise<void>;
-    isApprovingHold: boolean;
-};
-export default useApproveHold;

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

@@ -1,12 +0,0 @@
-import { PluginData } from '@/types/frontendTypes';
-export declare function usePay({ onPaymentSuccess, onPaymentError, quoteId, invoiceId, plugin, }: {
-    onPaymentSuccess?: (response: any) => void;
-    onPaymentError?: (error: any) => void;
-    quoteId?: string | null;
-    invoiceId?: string | null;
-    plugin: PluginData | undefined;
-}): {
-    pay: (paymentMethodId: string) => Promise<void>;
-    isPaying: boolean;
-};
-export default usePay;

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

@@ -1,9 +0,0 @@
-export declare function useSave({ onSaveSuccess, onSaveError, accountId, }: {
-    onSaveSuccess?: (response: any) => void;
-    onSaveError?: (error: any) => void;
-    accountId: string | undefined;
-}): {
-    save: () => Promise<string | undefined>;
-    isSaving: boolean;
-};
-export default useSave;

package/dist/esm/types/src/components/PaymentForm/DemoPay/index.d.ts

@@ -1 +0,0 @@
-export { MiniCreditCard } from './CreditCard';

package/dist/esm/types/src/components/PaymentForm/Stripe/StripeForm.d.ts

@@ -1,2 +0,0 @@
-declare const StripeForm: () => import("react").JSX.Element;
-export default StripeForm;

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

@@ -1,4 +0,0 @@
-export declare function StripeFormProvider({ children, currencyId, }: {
-    children: React.ReactNode;
-    currencyId: string;
-}): import("react").JSX.Element;

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

@@ -1,16 +0,0 @@
-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: {
-            id: string;
-            amount: number;
-        };
-        paymentMethodId: string;
-    }) => Promise<void>;
-    isApprovingHold: boolean;
-};
-export default useApproveHold;

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

@@ -1,12 +0,0 @@
-import { PluginData } from '@/types/frontendTypes';
-export declare function usePay({ onPaymentSuccess, onPaymentError, quoteId, invoiceId, plugin, }: {
-    onPaymentSuccess?: (response: any) => void;
-    onPaymentError?: (error: any) => void;
-    quoteId?: string | null;
-    invoiceId?: string | null;
-    plugin: PluginData | undefined;
-}): {
-    pay: (paymentMethodId: string) => Promise<void>;
-    isPaying: boolean;
-};
-export default usePay;

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

@@ -1,10 +0,0 @@
-export declare function useSave({ onSaveSuccess, onSaveError, accountId, }: {
-    onSaveSuccess?: (response: any) => void;
-    onSaveError?: (error: any) => void;
-    accountId: string | undefined;
-}): {
-    save: () => Promise<string | undefined>;
-    createStripePaymentMethodId: () => Promise<string>;
-    isSaving: boolean;
-};
-export default useSave;

package/dist/esm/types/src/components/PaymentForm/Stripe/stripeLoader.d.ts

@@ -1,12 +0,0 @@
-import { PluginData } from '@/types/frontendTypes';
-import type { Stripe } from '@stripe/stripe-js';
-/** Fonts Stripe loads inside its iframes; pass as `fonts` in the Elements options. */
-export declare const STRIPE_FONTS: {
-    cssSrc: string;
-}[];
-/** Font family for the Appearance API (Payment Element), which resolves CSS variables on the host page. */
-export declare const getStripeFontFamily: (antdFontFamily: string) => string;
-export declare const isStripePlugin: (plugin: PluginData | undefined) => boolean;
-export declare const fetchStripePublishableKey: (plugin: PluginData, apiHost: string, token?: string) => Promise<string>;
-/** Loads Stripe.js for a Stripe payment plugin. Re-runs when the plugin or token changes. */
-export declare const useLoadStripe: (plugin: PluginData | undefined, token: string | undefined) => Stripe | null;

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

@@ -1,39 +0,0 @@
-import { PluginData } from '@/types/frontendTypes';
-import Payable from '@/types/interfaces/Payable';
-export declare const createPaymentMethod: ({ paymentMethodId, plugin, token, apiHost, accountId, }: {
-    paymentMethodId: string;
-    plugin: PluginData;
-    token?: string;
-    apiHost: string;
-    accountId?: string;
-}) => Promise<any>;
-/**
- * Creates a SetupIntent for an account, or — before any account exists (signup) — for a Stripe
- * customer provisioned from `customer.email` / `customer.name`.
- */
-export declare const createSetupIntent: (plugin: PluginData, apiHost: string, token?: string, accountId?: string, customer?: {
-    email?: string;
-    name?: string;
-}) => Promise<any>;
-export declare const createPaymentIntent: ({ payable, savePaymentMethod, memo, plugin, token, apiHost, }: {
-    payable: Payable;
-    savePaymentMethod: boolean;
-    memo?: string;
-    plugin: PluginData;
-    token: string;
-    apiHost: string;
-}) => Promise<any>;
-export declare const createPaymentHold: ({ quote, plugin, token, apiHost, paymentMethodId, }: {
-    quote: {
-        id: string;
-        amount: number;
-    };
-    plugin: PluginData;
-    token: string;
-    apiHost: string;
-    paymentMethodId: string;
-}) => Promise<any>;
-export declare const useStripePlugin: (plugin: PluginData | undefined, currencyId: string) => {
-    stripe: import("@stripe/stripe-js").Stripe | null;
-    options: import("@stripe/stripe-js").StripeElementsOptionsMode;
-};

package/dist/esm/types/src/components/PaymentForm/components/PaymentMethodDetails/components/Collapsible.d.ts

@@ -1,7 +0,0 @@
-import { ReactNode } from 'react';
-type CollapsibleProps = {
-    open: boolean;
-    children: ReactNode;
-};
-export declare function Collapsible({ open, children }: CollapsibleProps): import("react").JSX.Element;
-export {};

package/dist/esm/types/src/components/PaymentForm/components/PaymentMethodDetails/components/PaymentMethodSelector.d.ts

@@ -1,2 +0,0 @@
-declare const PaymentMethodSelector: () => import("react").JSX.Element;
-export default PaymentMethodSelector;

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

@@ -1,12 +0,0 @@
-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.Element, usePaymentMethodFormVisibility: () => PaymentMethodFormVisibilityContextValue;
-export { PaymentMethodFormVisibilityProvider, usePaymentMethodFormVisibility };

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

@@ -1,6 +0,0 @@
-import { PluginData } from '@/types/frontendTypes';
-declare const SelectedPaymentPluginProvider: ({ initialValue, children, }: {
-    initialValue?: PluginData | undefined;
-    children?: import("react").ReactNode;
-}) => import("react").JSX.Element, useSelectedPaymentPlugin: () => [PluginData | undefined, import("react").Dispatch<import("react").SetStateAction<PluginData | undefined>>];
-export { SelectedPaymentPluginProvider, useSelectedPaymentPlugin };

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

@@ -1,16 +0,0 @@
-declare const useSelectedPluginId: () => [string | undefined, import("react").Dispatch<import("react").SetStateAction<string | undefined>>];
-declare const useSelectedPlugin: () => any;
-export { useSelectedPlugin, // Get the selected plugin data (derived from the id using useSelectedPluginId)
-useSelectedPluginId, };
-/**
- * SelectedPluginProvider manages the selected payment plugin state.
- *
- * Data Flow Pattern:
- * - Children components should set the plugin ID using `setSelectedPluginId` from `useSelectedPluginId`
- * - This provider then derives the `selectedPlugin` from that ID and provides it via `useSelectedPlugin`
- * - This ensures that data flows only downward: children control the ID, and the provider computes and provides the data
- */
-export declare function SelectedPluginProvider({ children, accountId, }: {
-    children: React.ReactNode;
-    accountId?: string;
-}): import("react").JSX.Element;

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

@@ -1,5 +0,0 @@
-declare const ShowPaymentDetailsProvider: ({ initialValue, children, }: {
-    initialValue?: boolean | undefined;
-    children?: import("react").ReactNode;
-}) => import("react").JSX.Element, useShowPaymentDetails: () => [boolean, import("react").Dispatch<import("react").SetStateAction<boolean>>];
-export { ShowPaymentDetailsProvider, useShowPaymentDetails };

package/dist/esm/types/src/components/PaymentForm/fragments/StoredPaymentMethods_PaymentMethodsFragment.d.ts

@@ -1,13 +0,0 @@
-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;
-}>;

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

@@ -1,5 +0,0 @@
-declare function useHasActiveSubscription({ token, apiHost }: {
-    token: string;
-    apiHost: string;
-}): boolean | undefined;
-export default useHasActiveSubscription;

package/dist/esm/types/src/components/Quote/StyledModal.d.ts

@@ -1,3 +0,0 @@
-import { ModalProps } from 'antd';
-declare const StyledModal: (props: ModalProps) => import("react").JSX.Element;
-export default StyledModal;