@bunnyapp/components 1.0.18 → 1.0.19

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

@@ -1,10 +1,14 @@
 import "../../styles/index.less";
 import { ShadowType } from "../../types/shadowType";
-declare const BillingDetails: ({ entityId, accountId, isCardEnabled, shadow, className, }: {
+declare const BillingDetails: ({ entityId, isCardEnabled, shadow, className, hidePaymentMethodForm, countryListFilter, }: {
     entityId: string;
-    accountId: string;
     isCardEnabled?: boolean | undefined;
     shadow?: ShadowType | undefined;
     className?: 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/Invoice/Invoice.d.ts

@@ -1,2 +1,3 @@
 import { InvoiceQuoteContextProps } from "./InvoiceQuoteContext";
+import "../../styles/index.less";
 export default function Invoice({ id, invoiceQuoteViewComponent, backButtonName, onBackButtonClick, onInvoiceDownloadError, onPaymentSuccess, entityId, shadow, className, hideDownloadButton, }: InvoiceQuoteContextProps): import("react/jsx-runtime").JSX.Element;

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

@@ -1,4 +1,5 @@
-export default function InvoicePDF({ invoiceUuid, apiHost, }: {
+export default function InvoicePDF({ invoiceUuid, apiHost, token, }: {
     invoiceUuid?: string;
     apiHost: string;
+    token: string;
 }): import("react/jsx-runtime").JSX.Element;

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

@@ -1,10 +1,11 @@
-import { FormattedInvoice, PaymentMethod, Quote } from "@bunnyapp/common";
-export declare function usePay({ onPaymentSuccess, onPaymentError, quote, invoice, storedPaymentMethod, }: {
+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: () => Promise<void>;
 };

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

@@ -1,6 +1,6 @@
-import { FormattedInvoice, Quote } from "@bunnyapp/common";
+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;
@@ -10,4 +10,5 @@ export declare const PaymentForm: ({ entityId, invoice, onFail, onPaymentSuccess
     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/Stripe/hooks/usePay.d.ts

@@ -1,10 +1,11 @@
-import { FormattedInvoice, PaymentMethod, Quote } from "@bunnyapp/common";
-export declare function usePay({ onPaymentSuccess, onPaymentError, quote, invoice, storedPaymentMethod, }: {
+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: () => Promise<void>;
 };

package/dist/esm/src/components/Quote/Quote.stories.d.ts

@@ -1,3 +1,4 @@
+/// <reference types="react" />
 import type { Meta, StoryObj } from "@storybook/react";
 import Quote from "./Quote";
 declare const meta: Meta<typeof Quote>;
@@ -15,16 +16,16 @@ export declare const Default: import("@storybook/csf").StoryAnnotations<import("
     className?: string | undefined;
     hideDownloadButton?: boolean | undefined;
 }, {
+    id?: string | undefined;
+    entityId?: string | undefined;
     backButtonName?: string | undefined;
     onBackButtonClick?: (() => void) | undefined;
     shadow?: import("../../types/shadowType").ShadowType | undefined;
     hideDownloadButton?: boolean | undefined;
-    id?: string | undefined;
     className?: string | undefined;
+    onPaymentSuccess?: ((savePaymentMethod?: boolean | undefined) => void) | undefined;
     invoiceQuoteViewComponent?: import("react").ReactNode;
     onInvoiceDownloadError?: (() => void) | undefined;
-    onPaymentSuccess?: ((savePaymentMethod?: boolean | undefined) => void) | undefined;
-    entityId?: string | undefined;
 }>;
 export declare const NoShadow: import("@storybook/csf").StoryAnnotations<import("@storybook/react/dist/types-a5624094").R, {
     id?: string | undefined;
@@ -38,16 +39,16 @@ export declare const NoShadow: import("@storybook/csf").StoryAnnotations<import(
     className?: string | undefined;
     hideDownloadButton?: boolean | undefined;
 }, {
+    id?: string | undefined;
+    entityId?: string | undefined;
     backButtonName?: string | undefined;
     onBackButtonClick?: (() => void) | undefined;
     shadow?: import("../../types/shadowType").ShadowType | undefined;
     hideDownloadButton?: boolean | undefined;
-    id?: string | undefined;
     className?: string | undefined;
+    onPaymentSuccess?: ((savePaymentMethod?: boolean | undefined) => void) | undefined;
     invoiceQuoteViewComponent?: import("react").ReactNode;
     onInvoiceDownloadError?: (() => void) | undefined;
-    onPaymentSuccess?: ((savePaymentMethod?: boolean | undefined) => void) | undefined;
-    entityId?: string | undefined;
 }>;
 export declare const Mobile: import("@storybook/csf").StoryAnnotations<import("@storybook/react/dist/types-a5624094").R, {
     id?: string | undefined;
@@ -61,16 +62,16 @@ export declare const Mobile: import("@storybook/csf").StoryAnnotations<import("@
     className?: string | undefined;
     hideDownloadButton?: boolean | undefined;
 }, {
+    id?: string | undefined;
+    entityId?: string | undefined;
     backButtonName?: string | undefined;
     onBackButtonClick?: (() => void) | undefined;
     shadow?: import("../../types/shadowType").ShadowType | undefined;
     hideDownloadButton?: boolean | undefined;
-    id?: string | undefined;
     className?: string | undefined;
+    onPaymentSuccess?: ((savePaymentMethod?: boolean | undefined) => void) | undefined;
     invoiceQuoteViewComponent?: import("react").ReactNode;
     onInvoiceDownloadError?: (() => void) | undefined;
-    onPaymentSuccess?: ((savePaymentMethod?: boolean | undefined) => void) | undefined;
-    entityId?: string | undefined;
 }>;
 export declare const CustomClassName: import("@storybook/csf").StoryAnnotations<import("@storybook/react/dist/types-a5624094").R, {
     id?: string | undefined;
@@ -84,16 +85,16 @@ export declare const CustomClassName: import("@storybook/csf").StoryAnnotations<
     className?: string | undefined;
     hideDownloadButton?: boolean | undefined;
 }, {
+    id?: string | undefined;
+    entityId?: string | undefined;
     backButtonName?: string | undefined;
     onBackButtonClick?: (() => void) | undefined;
     shadow?: import("../../types/shadowType").ShadowType | undefined;
     hideDownloadButton?: boolean | undefined;
-    id?: string | undefined;
     className?: string | undefined;
+    onPaymentSuccess?: ((savePaymentMethod?: boolean | undefined) => void) | undefined;
     invoiceQuoteViewComponent?: import("react").ReactNode;
     onInvoiceDownloadError?: (() => void) | undefined;
-    onPaymentSuccess?: ((savePaymentMethod?: boolean | undefined) => void) | undefined;
-    entityId?: string | undefined;
 }>;
 export declare const HideDownloadButton: Story;
 export declare const AcceptedQuote: Story;
@@ -110,14 +111,14 @@ export declare const DarkMode: import("@storybook/csf").StoryAnnotations<import(
     className?: string | undefined;
     hideDownloadButton?: boolean | undefined;
 }, {
+    id?: string | undefined;
+    entityId?: string | undefined;
     backButtonName?: string | undefined;
     onBackButtonClick?: (() => void) | undefined;
     shadow?: import("../../types/shadowType").ShadowType | undefined;
     hideDownloadButton?: boolean | undefined;
-    id?: string | undefined;
     className?: string | undefined;
+    onPaymentSuccess?: ((savePaymentMethod?: boolean | undefined) => void) | undefined;
     invoiceQuoteViewComponent?: import("react").ReactNode;
     onInvoiceDownloadError?: (() => void) | undefined;
-    onPaymentSuccess?: ((savePaymentMethod?: boolean | undefined) => void) | undefined;
-    entityId?: string | undefined;
 }>;

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

@@ -1,13 +1,14 @@
-import { Quote } from "@bunnyapp/common";
-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: () => 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,9 +1,10 @@
 /// <reference types="react" />
-import { PaymentMethod } from "@bunnyapp/common";
+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/graphql/mutations/billingDetailsUpdate.d.ts

@@ -0,0 +1,6 @@
+declare const billingDetailsUpdate: ({ attributes, token, apiHost, }: {
+    attributes: Record<string, string>;
+    token: string;
+    apiHost: string;
+}) => Promise<any>;
+export default billingDetailsUpdate;

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

@@ -0,0 +1,6 @@
+import BillingDetails from "../../types/billingDetails";
+declare const getBillingDetails: ({ token, apiHost, }: {
+    token: string;
+    apiHost: string;
+}) => Promise<BillingDetails>;
+export default getBillingDetails;

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/esm/src/types/billingDetails.d.ts

@@ -0,0 +1,12 @@
+export default interface BillingDetails {
+    name?: string;
+    billingCity?: string;
+    billingContact?: {
+        email?: string;
+    };
+    billingCountry?: string;
+    billingState?: string;
+    billingStreet?: string;
+    billingZip?: string;
+    taxNumber?: string;
+}

package/dist/index.d.ts

@@ -101,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 */
@@ -185,14 +183,18 @@ 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, hidePaymentMethodForm, countryListFilter, }: {
     entityId: string;
-    accountId: string;
     isCardEnabled?: boolean | undefined;
     shadow?: ShadowType | undefined;
     className?: 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.18",
+  "version": "1.0.19",
   "description": "Components from the Bunny portal to embed Bunny UI functionality into your application.",
   "main": "dist/cjs/index.js",
   "module": "dist/esm/index.js",

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

@@ -1,8 +0,0 @@
-declare const portalSessionCreate: ({ tenantCode, expiry, returnUrl, token, apiHost, }: {
-    tenantCode: string;
-    expiry: number;
-    returnUrl: string;
-    token: string;
-    apiHost: string;
-}) => Promise<any>;
-export default portalSessionCreate;

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

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

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

@@ -1,8 +0,0 @@
-declare const portalSessionCreate: ({ tenantCode, expiry, returnUrl, token, apiHost, }: {
-    tenantCode: string;
-    expiry: number;
-    returnUrl: string;
-    token: string;
-    apiHost: string;
-}) => Promise<any>;
-export default portalSessionCreate;

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

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