@bunnyapp/components 1.0.14 → 1.0.16

package/dist/esm/src/components/BillingDetails/BillingDetails.d.ts

@@ -1,10 +1,15 @@
 import "../../styles/index.less";
 import { ShadowType } from "../../types/shadowType";
-declare const BillingDetails: ({ entityId, accountId, isCardEnabled, shadow, className, }: {
+declare const BillingDetails: ({ entityId, isCardEnabled, shadow, className, accountId: accountIdProp, hidePaymentMethodForm, countryListFilter, }: {
     entityId: string;
-    accountId: string;
     isCardEnabled?: boolean | undefined;
     shadow?: ShadowType | undefined;
     className?: string | undefined;
+    accountId?: string | undefined;
+    hidePaymentMethodForm?: boolean | undefined;
+    countryListFilter?: ((country: {
+        value: string;
+        label: string;
+    }) => boolean) | undefined;
 }) => import("react/jsx-runtime").JSX.Element;
 export default BillingDetails;

package/dist/esm/src/components/PaymentForm/CheckoutFooter.d.ts

@@ -1,10 +1,9 @@
-import { FormattedInvoice, PaymentMethod, PluginData, Quote } from "@bunnyapp/common";
-import { OnPaymentSuccessType } from "./PaymentFormTypes";
+import { FormattedInvoice, PluginData, Quote } from "@bunnyapp/common";
 declare const CheckoutFooter: ({ quote, invoice, onPaymentSuccess, noPadding, plugin, }: {
     quote?: Quote | undefined;
     invoice?: FormattedInvoice | undefined;
-    onPaymentSuccess: ({ pluginPaymentResponse, savedPaymentMethodResponse, }: OnPaymentSuccessType) => void;
+    onPaymentSuccess: () => void;
     noPadding?: boolean | undefined;
-    plugin: PluginData | PaymentMethod | undefined;
+    plugin: PluginData | undefined;
 }) => import("react/jsx-runtime").JSX.Element | null;
 export default CheckoutFooter;

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

@@ -1,13 +1,12 @@
-import { FormattedInvoice, PluginData, Quote } from "@bunnyapp/common";
-export declare function usePay({ onPaymentSuccess, onPaymentError, quote, invoice, }: {
+import { FormattedInvoice, PaymentMethod, PluginData, Quote } from "@bunnyapp/common";
+export declare function usePay({ onPaymentSuccess, onPaymentError, quote, invoice, storedPaymentMethod, plugin, }: {
     onPaymentSuccess: (response: any) => void;
     onPaymentError?: (error: any) => void;
     quote?: Quote;
     invoice?: FormattedInvoice;
+    storedPaymentMethod?: PaymentMethod;
+    plugin: PluginData | undefined;
 }): {
-    pay: ({ plugin, savePaymentMethod, }: {
-        plugin: PluginData;
-        savePaymentMethod: boolean;
-    }) => Promise<void>;
+    pay: () => Promise<void>;
 };
 export default usePay;

package/dist/esm/src/components/PaymentForm/PaymentForm.d.ts

@@ -1,14 +1,14 @@
-import { FormattedInvoice, Quote } from "@bunnyapp/common";
-import { OnPaymentSuccessType } from "./PaymentFormTypes";
+import { FormattedInvoice, PluginData, Quote } from "@bunnyapp/common";
 import { GraphQLClient } from "graphql-request";
-export declare const PaymentForm: ({ entityId, invoice, onFail, onPaymentSuccess, quote, accountId, onSavePaymentMethod, overrideToken, graphQLClient, }: {
+export declare const PaymentForm: ({ entityId, invoice, onFail, onPaymentSuccess, quote, accountId, onSavePaymentMethod, overrideToken, graphQLClient, customCheckoutFunction, }: {
     entityId: string;
     invoice?: FormattedInvoice | undefined;
     quote?: Quote | undefined;
     onFail: (error: any) => void;
-    onPaymentSuccess?: (({ pluginPaymentResponse, savedPaymentMethodResponse, }: OnPaymentSuccessType) => void) | undefined;
+    onPaymentSuccess?: (() => void) | undefined;
     onSavePaymentMethod?: (() => void) | undefined;
     accountId?: string | undefined;
     overrideToken?: string | undefined;
     graphQLClient: GraphQLClient;
+    customCheckoutFunction?: ((plugin: PluginData | undefined) => Promise<any>) | undefined;
 }) => import("react/jsx-runtime").JSX.Element;

package/dist/esm/src/components/PaymentForm/PaymentFormTypes.d.ts

@@ -1,4 +1,4 @@
-import { Quote, FormattedInvoice, PluginData, PriceList, Payable, PaymentMethod } from "@bunnyapp/common";
+import { Quote, FormattedInvoice, PluginData, PriceList } from "@bunnyapp/common";
 export type SavedPaymentMethodResponse = {
     paymentMethodId: string;
 };
@@ -8,40 +8,15 @@ export type PluginPaymentResponse = {
     savePaymentMethod?: boolean;
     token: string;
 };
-export interface StoredPaymentMethodFormProps extends GeneralPaymentFormProps {
-    paymentMethod: PaymentMethod;
-}
-export interface PluginPaymentFormProps extends PluginFormProps {
-    formData: any;
-}
-export interface PluginFormProps extends GeneralPaymentFormProps {
-    plugin: PluginData;
-}
 export type InvoiceQuoteParentProps = {
-    onSuccess: ({ savePaymentMethod }: {
-        savePaymentMethod?: boolean;
-    }) => void;
-    onFail: (error: any) => void;
-};
-export type OnPaymentSuccessType = {
-    pluginPaymentResponse?: PluginPaymentResponse;
-    savedPaymentMethodResponse?: SavedPaymentMethodResponse;
-};
-export type GeneralPaymentFormProps = {
-    entityId: string;
-    payable?: Payable;
-    invoice?: FormattedInvoice;
-    quote?: Quote;
+    onSuccess: () => void;
     onFail: (error: any) => void;
-    onPaymentSuccess: ({ pluginPaymentResponse, savedPaymentMethodResponse, }: OnPaymentSuccessType) => void;
 };
 export type CheckoutProps = {
     invoice?: FormattedInvoice;
     onCancel: () => void;
     onFail: (error: any) => void;
-    onSuccess: ({ savePaymentMethod }: {
-        savePaymentMethod?: boolean;
-    }) => void;
+    onSuccess: () => void;
     open: boolean;
     quote?: Quote;
     selectedPriceList?: PriceList;

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

@@ -1,8 +1,7 @@
 import { PaymentMethod, PluginData } from "@bunnyapp/common";
-import { OnPaymentSuccessType } from "./PaymentFormTypes";
 declare const PaymentMethodDetails: ({ onFail, paymentMethod, onSavePaymentMethod, }: {
     onFail: (error: any) => void;
     paymentMethod: PaymentMethod | PluginData;
-    onSavePaymentMethod: ({ pluginPaymentResponse, savedPaymentMethodResponse, }: OnPaymentSuccessType) => void;
+    onSavePaymentMethod: () => void;
 }) => import("react/jsx-runtime").JSX.Element | null;
 export default PaymentMethodDetails;

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

@@ -1,7 +1,7 @@
-import { PaymentMethod, PluginData } from "@bunnyapp/common";
+import { PluginData } from "@bunnyapp/common";
 declare const PaymentMethodSelector: ({ paymentMethodAllowedPlugins, onSelect, value, }: {
-    onSelect: (paymentMethod?: PluginData | PaymentMethod) => void;
+    onSelect: (paymentPlugin?: PluginData) => void;
     paymentMethodAllowedPlugins?: PluginData[] | undefined;
-    value?: PluginData | PaymentMethod | null | undefined;
+    value?: PluginData | null | undefined;
 }) => import("react/jsx-runtime").JSX.Element;
 export default PaymentMethodSelector;

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

@@ -3,5 +3,5 @@ declare const StripeForm: ({ plugin, onFail, onSavePaymentMethod, }: {
     plugin: PluginData;
     onFail: (error: any) => void;
     onSavePaymentMethod: (response: any) => void;
-}) => import("react/jsx-runtime").JSX.Element | null;
+}) => import("react/jsx-runtime").JSX.Element;
 export default StripeForm;

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

@@ -1,12 +1,12 @@
-import { FormattedInvoice, PluginData, Quote } from "@bunnyapp/common";
-export declare function usePay({ onPaymentSuccess, onPaymentError, quote, invoice, }: {
+import { FormattedInvoice, PaymentMethod, PluginData, Quote } from "@bunnyapp/common";
+export declare function usePay({ onPaymentSuccess, onPaymentError, quote, invoice, storedPaymentMethod, plugin, }: {
     onPaymentSuccess?: (response: any) => void;
     onPaymentError?: (error: any) => void;
     quote?: Quote;
     invoice?: FormattedInvoice;
+    storedPaymentMethod?: PaymentMethod;
+    plugin: PluginData | undefined;
 }): {
-    pay: ({ plugin }: {
-        plugin: PluginData;
-    }) => Promise<void>;
+    pay: () => Promise<void>;
 };
 export default usePay;

package/dist/esm/src/components/Signup/PaymentForms.d.ts

@@ -1,14 +1,14 @@
-import { Quote } from "@bunnyapp/common";
-import { OnPaymentSuccessType } from "../PaymentForm/PaymentFormTypes";
-export default function PaymentForms({ quote, handlePaymentSaveSuccess, handlePaymentFail, handleSubmit, proceedingToPayment, entityId, accountId, overrideToken, }: {
+import { PluginData, Quote } from "@bunnyapp/common";
+export default function PaymentForms({ quote, handlePaymentSuccess, handlePaymentFail, handleSubmit, proceedingToPayment, entityId, accountId, overrideToken, customCheckoutFunction, }: {
     quote?: Quote;
-    handlePaymentSaveSuccess: (paymentSuccess: OnPaymentSuccessType) => void;
+    handlePaymentSuccess: () => void;
     handlePaymentFail: (error: any) => void;
     handleSubmit: (formData: FormData) => void;
     proceedingToPayment: boolean;
     entityId: string;
     accountId?: string;
     overrideToken?: string;
+    customCheckoutFunction?: (plugin: PluginData | undefined) => Promise<any>;
 }): import("react/jsx-runtime").JSX.Element;
 export type FormData = {
     firstName: string;

package/dist/esm/src/components/Signup/Signup.d.ts

@@ -1,9 +1,7 @@
 /// <reference types="react" />
 import "../../styles/index.less";
 import { ShadowType } from "../../types/shadowType";
-export default function Signup({ apiToken, companyName, entityId, priceListCode, returnUrl, isCardEnabled, className, shadow, style, }: {
-    /** The API token to use for the signup. Signup needs a Bunny api client token, not a portalSessionToken. */
-    apiToken: string;
+export default function Signup({ companyName, entityId, priceListCode, returnUrl, isCardEnabled, className, shadow, style, }: {
     /** The company name to display on the signup page */
     companyName: string;
     /** The entity ID to use for the signup */

package/dist/esm/src/contexts/PaymentContext.d.ts

@@ -1,7 +1,10 @@
 /// <reference types="react" />
+import { PaymentMethod, PluginData } from "@bunnyapp/common";
 export type PaymentContextValues = {
     onClickCancel?: () => void;
     accountId?: string;
     overrideToken?: string;
+    storedPaymentMethod?: PaymentMethod;
+    customCheckoutFunction?: (plugin: PluginData | undefined) => Promise<any>;
 };
 export declare const PaymentContext: import("react").Context<PaymentContextValues>;

package/dist/esm/src/hooks/usePaymentMethod.d.ts

@@ -1,2 +1,2 @@
 import { GraphQLClient } from "graphql-request";
-export declare const usePaymentMethod: (graphQLClient: GraphQLClient, accountId?: string) => import("@tanstack/react-query/build/legacy/types").UseQueryResult<any, Error>;
+export declare const usePaymentMethod: (graphQLClient: GraphQLClient) => import("@tanstack/react-query/build/legacy/types").UseQueryResult<any, Error>;

package/dist/esm/src/hooks/useToken.d.ts

@@ -0,0 +1,2 @@
+declare function useToken(): string;
+export default useToken;

package/dist/index.d.ts

@@ -83,9 +83,7 @@ type CheckoutProps = {
     invoice?: FormattedInvoice;
     onCancel: () => void;
     onFail: (error: any) => void;
-    onSuccess: ({ savePaymentMethod }: {
-        savePaymentMethod?: boolean;
-    }) => void;
+    onSuccess: () => void;
     open: boolean;
     quote?: Quote$1;
     selectedPriceList?: PriceList;
@@ -103,9 +101,7 @@ declare const Checkout: ({ entityId, onCancel, onSuccess, onFail, invoice, open,
 
 declare const getQuoteAmountDue: (quote: Quote$1) => number;
 
-declare function Signup({ apiToken, companyName, entityId, priceListCode, returnUrl, isCardEnabled, className, shadow, style, }: {
-    /** The API token to use for the signup. Signup needs a Bunny api client token, not a portalSessionToken. */
-    apiToken: string;
+declare function Signup({ companyName, entityId, priceListCode, returnUrl, isCardEnabled, className, shadow, style, }: {
     /** The company name to display on the signup page */
     companyName: string;
     /** The entity ID to use for the signup */
@@ -187,14 +183,19 @@ declare const Subscriptions: ({ companyName, entityId, gap, shadow, showTitle, c
     className?: string | undefined;
 }) => react_jsx_runtime.JSX.Element;
 
-declare const BillingDetails: ({ entityId, accountId, isCardEnabled, shadow, className, }: {
+declare const BillingDetails: ({ entityId, isCardEnabled, shadow, className, accountId: accountIdProp, hidePaymentMethodForm, countryListFilter, }: {
     entityId: string;
-    accountId: string;
     isCardEnabled?: boolean | undefined;
     shadow?: ShadowType | undefined;
     className?: string | undefined;
+    accountId?: string | undefined;
+    hidePaymentMethodForm?: boolean | undefined;
+    countryListFilter?: ((country: {
+        value: string;
+        label: string;
+    }) => boolean) | undefined;
 }) => react_jsx_runtime.JSX.Element;
 
-declare const usePaymentMethod: (graphQLClient: GraphQLClient, accountId?: string) => _tanstack_react_query_build_legacy_types.UseQueryResult<any, Error>;
+declare const usePaymentMethod: (graphQLClient: GraphQLClient) => _tanstack_react_query_build_legacy_types.UseQueryResult<any, Error>;
 
 export { BillingDetails, BunnyProvider, Checkout, Invoice, PaymentMethod, Quote, Quotes, Signup, Subscriptions, Transactions, getQuoteAmountDue, usePaymentMethod };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@bunnyapp/components",
-  "version": "1.0.14",
+  "version": "1.0.16",
   "description": "Components from the Bunny portal to embed Bunny UI functionality into your application.",
   "main": "dist/cjs/index.js",
   "module": "dist/esm/index.js",
@@ -16,7 +16,8 @@
     "storybook": "storybook dev -p 6006",
     "test": "echo \"Error: no test specified\" && exit 1",
     "vite": "vite",
-    "build-css": "tailwindcss -i ./src/styles/input.less -o ./src/styles/output.less --watch"
+    "build-css": "tailwindcss -i ./src/styles/input.less -o ./src/styles/output.less --watch",
+    "dependency-cruiser": "npx depcruise --exclude '^node_modules' --output-type dot src | dot -T svg > dependencygraph.svg"
   },
   "keywords": [],
   "author": "Bunny",
@@ -61,7 +62,7 @@
     "vite": "^5.4.11"
   },
   "peerDependencies": {
-    "@bunnyapp/common": "^1.0.38",
+    "@bunnyapp/common": "^1.0.40",
     "@fortawesome/fontawesome-svg-core": "^6.7.2",
     "@fortawesome/free-brands-svg-icons": "^6.7.2",
     "@fortawesome/free-regular-svg-icons": "^6.7.2",

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

@@ -1,8 +0,0 @@
-import { FormattedInvoice } from "@bunnyapp/common";
-import { InvoiceQuoteParentProps } from "../PaymentForm/PaymentFormTypes";
-interface InvoiceCheckoutProps extends InvoiceQuoteParentProps {
-    invoice?: FormattedInvoice;
-    entityId: string;
-}
-declare const InvoiceCheckout: ({ onSuccess, onFail, invoice, entityId, }: InvoiceCheckoutProps) => import("react/jsx-runtime").JSX.Element;
-export default InvoiceCheckout;

package/dist/cjs/src/components/Transactions/DocumentNameEnum.d.ts

@@ -1,4 +0,0 @@
-export declare enum DOCUMENT_NAME {
-    INVOICE = "invoice",
-    QUOTE = "quote"
-}

package/dist/cjs/src/components/icons/BunnyFooterIcon.d.ts

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

package/dist/cjs/src/consts/paymentConsts.d.ts

@@ -1,16 +0,0 @@
-export declare const finixStyles: (isMobile: boolean) => {
-    default: {
-        color: string;
-        border: string;
-        padding: string;
-        backgroundColor: string;
-        fontSize: string;
-        borderRadius: string;
-    };
-    success: {
-        color: string;
-    };
-    error: {
-        color: string;
-    };
-};

package/dist/cjs/src/graphql/mutations/quoteCreate.d.ts

@@ -1,9 +0,0 @@
-import { Quote } from "@bunnyapp/common";
-declare const quoteCreate: ({ token, apiHost, quoteName, accountId, contactId, }: {
-    token: string;
-    apiHost: string;
-    quoteName: string;
-    accountId: string;
-    contactId: string;
-}) => Promise<Quote>;
-export default quoteCreate;

package/dist/cjs/src/graphql/queries/getInvoice.d.ts

@@ -1,7 +0,0 @@
-import { Invoice } from "@bunnyapp/common";
-declare const getInvoice: ({ token, id, apiHost, }: {
-    token: string;
-    id?: string | undefined;
-    apiHost: string;
-}) => Promise<Invoice>;
-export default getInvoice;

package/dist/cjs/src/graphql/queries/getSubscription.d.ts

@@ -1,12 +0,0 @@
-import { Subscription } from "@bunnyapp/common";
-interface SubscriptionExtended extends Subscription {
-    invoices?: {
-        id?: string;
-    }[];
-}
-declare const getSubscription: ({ token, id, apiHost, }: {
-    token: string;
-    id: string;
-    apiHost: string;
-}) => Promise<SubscriptionExtended>;
-export default getSubscription;

package/dist/esm/src/components/Checkout/InvoiceCheckout.d.ts

@@ -1,8 +0,0 @@
-import { FormattedInvoice } from "@bunnyapp/common";
-import { InvoiceQuoteParentProps } from "../PaymentForm/PaymentFormTypes";
-interface InvoiceCheckoutProps extends InvoiceQuoteParentProps {
-    invoice?: FormattedInvoice;
-    entityId: string;
-}
-declare const InvoiceCheckout: ({ onSuccess, onFail, invoice, entityId, }: InvoiceCheckoutProps) => import("react/jsx-runtime").JSX.Element;
-export default InvoiceCheckout;

package/dist/esm/src/components/Transactions/DocumentNameEnum.d.ts

@@ -1,4 +0,0 @@
-export declare enum DOCUMENT_NAME {
-    INVOICE = "invoice",
-    QUOTE = "quote"
-}

package/dist/esm/src/components/icons/BunnyFooterIcon.d.ts

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

package/dist/esm/src/consts/paymentConsts.d.ts

@@ -1,16 +0,0 @@
-export declare const finixStyles: (isMobile: boolean) => {
-    default: {
-        color: string;
-        border: string;
-        padding: string;
-        backgroundColor: string;
-        fontSize: string;
-        borderRadius: string;
-    };
-    success: {
-        color: string;
-    };
-    error: {
-        color: string;
-    };
-};

package/dist/esm/src/graphql/mutations/quoteCreate.d.ts

@@ -1,9 +0,0 @@
-import { Quote } from "@bunnyapp/common";
-declare const quoteCreate: ({ token, apiHost, quoteName, accountId, contactId, }: {
-    token: string;
-    apiHost: string;
-    quoteName: string;
-    accountId: string;
-    contactId: string;
-}) => Promise<Quote>;
-export default quoteCreate;

package/dist/esm/src/graphql/queries/getInvoice.d.ts

@@ -1,7 +0,0 @@
-import { Invoice } from "@bunnyapp/common";
-declare const getInvoice: ({ token, id, apiHost, }: {
-    token: string;
-    id?: string | undefined;
-    apiHost: string;
-}) => Promise<Invoice>;
-export default getInvoice;

package/dist/esm/src/graphql/queries/getSubscription.d.ts

@@ -1,12 +0,0 @@
-import { Subscription } from "@bunnyapp/common";
-interface SubscriptionExtended extends Subscription {
-    invoices?: {
-        id?: string;
-    }[];
-}
-declare const getSubscription: ({ token, id, apiHost, }: {
-    token: string;
-    id: string;
-    apiHost: string;
-}) => Promise<SubscriptionExtended>;
-export default getSubscription;