@bunnyapp/components 1.0.16 → 1.0.18
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/cjs/index.js +245 -297
- package/dist/cjs/src/components/BillingDetails/BillingDetails.d.ts +2 -7
- package/dist/cjs/src/components/PaymentForm/DemoPay/hooks/usePay.d.ts +2 -3
- package/dist/cjs/src/components/PaymentForm/PaymentForm.d.ts +2 -3
- package/dist/cjs/src/components/PaymentForm/Stripe/hooks/usePay.d.ts +2 -3
- package/dist/cjs/src/components/Quote/Quote.stories.d.ts +15 -16
- package/dist/cjs/src/components/Signup/PaymentForms.d.ts +3 -4
- package/dist/cjs/src/components/Signup/Signup.d.ts +3 -1
- package/dist/cjs/src/contexts/PaymentContext.d.ts +1 -2
- package/dist/cjs/src/hooks/usePaymentMethod.d.ts +1 -1
- package/dist/esm/index.js +245 -297
- package/dist/esm/src/components/BillingDetails/BillingDetails.d.ts +2 -7
- package/dist/esm/src/components/PaymentForm/DemoPay/hooks/usePay.d.ts +2 -3
- package/dist/esm/src/components/PaymentForm/PaymentForm.d.ts +2 -3
- package/dist/esm/src/components/PaymentForm/Stripe/hooks/usePay.d.ts +2 -3
- package/dist/esm/src/components/Quote/Quote.stories.d.ts +15 -16
- package/dist/esm/src/components/Signup/PaymentForms.d.ts +3 -4
- package/dist/esm/src/components/Signup/Signup.d.ts +3 -1
- package/dist/esm/src/contexts/PaymentContext.d.ts +1 -2
- package/dist/esm/src/hooks/usePaymentMethod.d.ts +1 -1
- package/dist/index.d.ts +6 -9
- package/package.json +1 -1
- package/dist/cjs/src/hooks/useToken.d.ts +0 -2
- package/dist/esm/src/hooks/useToken.d.ts +0 -2
|
@@ -1,15 +1,10 @@
|
|
|
1
1
|
import "../../styles/index.less";
|
|
2
2
|
import { ShadowType } from "../../types/shadowType";
|
|
3
|
-
declare const BillingDetails: ({ entityId, isCardEnabled, shadow, className,
|
|
3
|
+
declare const BillingDetails: ({ entityId, accountId, isCardEnabled, shadow, className, }: {
|
|
4
4
|
entityId: string;
|
|
5
|
+
accountId: string;
|
|
5
6
|
isCardEnabled?: boolean | undefined;
|
|
6
7
|
shadow?: ShadowType | undefined;
|
|
7
8
|
className?: string | undefined;
|
|
8
|
-
accountId?: string | undefined;
|
|
9
|
-
hidePaymentMethodForm?: boolean | undefined;
|
|
10
|
-
countryListFilter?: ((country: {
|
|
11
|
-
value: string;
|
|
12
|
-
label: string;
|
|
13
|
-
}) => boolean) | undefined;
|
|
14
9
|
}) => import("react/jsx-runtime").JSX.Element;
|
|
15
10
|
export default BillingDetails;
|
|
@@ -1,11 +1,10 @@
|
|
|
1
|
-
import { FormattedInvoice, PaymentMethod,
|
|
2
|
-
export declare function usePay({ onPaymentSuccess, onPaymentError, quote, invoice, storedPaymentMethod,
|
|
1
|
+
import { FormattedInvoice, PaymentMethod, Quote } from "@bunnyapp/common";
|
|
2
|
+
export declare function usePay({ onPaymentSuccess, onPaymentError, quote, invoice, storedPaymentMethod, }: {
|
|
3
3
|
onPaymentSuccess: (response: any) => void;
|
|
4
4
|
onPaymentError?: (error: any) => void;
|
|
5
5
|
quote?: Quote;
|
|
6
6
|
invoice?: FormattedInvoice;
|
|
7
7
|
storedPaymentMethod?: PaymentMethod;
|
|
8
|
-
plugin: PluginData | undefined;
|
|
9
8
|
}): {
|
|
10
9
|
pay: () => Promise<void>;
|
|
11
10
|
};
|
|
@@ -1,6 +1,6 @@
|
|
|
1
|
-
import { FormattedInvoice,
|
|
1
|
+
import { FormattedInvoice, Quote } from "@bunnyapp/common";
|
|
2
2
|
import { GraphQLClient } from "graphql-request";
|
|
3
|
-
export declare const PaymentForm: ({ entityId, invoice, onFail, onPaymentSuccess, quote, accountId, onSavePaymentMethod, overrideToken, graphQLClient,
|
|
3
|
+
export declare const PaymentForm: ({ entityId, invoice, onFail, onPaymentSuccess, quote, accountId, onSavePaymentMethod, overrideToken, graphQLClient, }: {
|
|
4
4
|
entityId: string;
|
|
5
5
|
invoice?: FormattedInvoice | undefined;
|
|
6
6
|
quote?: Quote | undefined;
|
|
@@ -10,5 +10,4 @@ export declare const PaymentForm: ({ entityId, invoice, onFail, onPaymentSuccess
|
|
|
10
10
|
accountId?: string | undefined;
|
|
11
11
|
overrideToken?: string | undefined;
|
|
12
12
|
graphQLClient: GraphQLClient;
|
|
13
|
-
customCheckoutFunction?: ((plugin: PluginData | undefined) => Promise<any>) | undefined;
|
|
14
13
|
}) => import("react/jsx-runtime").JSX.Element;
|
|
@@ -1,11 +1,10 @@
|
|
|
1
|
-
import { FormattedInvoice, PaymentMethod,
|
|
2
|
-
export declare function usePay({ onPaymentSuccess, onPaymentError, quote, invoice, storedPaymentMethod,
|
|
1
|
+
import { FormattedInvoice, PaymentMethod, Quote } from "@bunnyapp/common";
|
|
2
|
+
export declare function usePay({ onPaymentSuccess, onPaymentError, quote, invoice, storedPaymentMethod, }: {
|
|
3
3
|
onPaymentSuccess?: (response: any) => void;
|
|
4
4
|
onPaymentError?: (error: any) => void;
|
|
5
5
|
quote?: Quote;
|
|
6
6
|
invoice?: FormattedInvoice;
|
|
7
7
|
storedPaymentMethod?: PaymentMethod;
|
|
8
|
-
plugin: PluginData | undefined;
|
|
9
8
|
}): {
|
|
10
9
|
pay: () => Promise<void>;
|
|
11
10
|
};
|
|
@@ -1,4 +1,3 @@
|
|
|
1
|
-
/// <reference types="react" />
|
|
2
1
|
import type { Meta, StoryObj } from "@storybook/react";
|
|
3
2
|
import Quote from "./Quote";
|
|
4
3
|
declare const meta: Meta<typeof Quote>;
|
|
@@ -16,16 +15,16 @@ export declare const Default: import("@storybook/csf").StoryAnnotations<import("
|
|
|
16
15
|
className?: string | undefined;
|
|
17
16
|
hideDownloadButton?: boolean | undefined;
|
|
18
17
|
}, {
|
|
19
|
-
id?: string | undefined;
|
|
20
|
-
entityId?: string | undefined;
|
|
21
18
|
backButtonName?: string | undefined;
|
|
22
19
|
onBackButtonClick?: (() => void) | undefined;
|
|
23
20
|
shadow?: import("../../types/shadowType").ShadowType | undefined;
|
|
24
21
|
hideDownloadButton?: boolean | undefined;
|
|
22
|
+
id?: string | undefined;
|
|
25
23
|
className?: string | undefined;
|
|
26
|
-
onPaymentSuccess?: ((savePaymentMethod?: boolean | undefined) => void) | undefined;
|
|
27
24
|
invoiceQuoteViewComponent?: import("react").ReactNode;
|
|
28
25
|
onInvoiceDownloadError?: (() => void) | undefined;
|
|
26
|
+
onPaymentSuccess?: ((savePaymentMethod?: boolean | undefined) => void) | undefined;
|
|
27
|
+
entityId?: string | undefined;
|
|
29
28
|
}>;
|
|
30
29
|
export declare const NoShadow: import("@storybook/csf").StoryAnnotations<import("@storybook/react/dist/types-a5624094").R, {
|
|
31
30
|
id?: string | undefined;
|
|
@@ -39,16 +38,16 @@ export declare const NoShadow: import("@storybook/csf").StoryAnnotations<import(
|
|
|
39
38
|
className?: string | undefined;
|
|
40
39
|
hideDownloadButton?: boolean | undefined;
|
|
41
40
|
}, {
|
|
42
|
-
id?: string | undefined;
|
|
43
|
-
entityId?: string | undefined;
|
|
44
41
|
backButtonName?: string | undefined;
|
|
45
42
|
onBackButtonClick?: (() => void) | undefined;
|
|
46
43
|
shadow?: import("../../types/shadowType").ShadowType | undefined;
|
|
47
44
|
hideDownloadButton?: boolean | undefined;
|
|
45
|
+
id?: string | undefined;
|
|
48
46
|
className?: string | undefined;
|
|
49
|
-
onPaymentSuccess?: ((savePaymentMethod?: boolean | undefined) => void) | undefined;
|
|
50
47
|
invoiceQuoteViewComponent?: import("react").ReactNode;
|
|
51
48
|
onInvoiceDownloadError?: (() => void) | undefined;
|
|
49
|
+
onPaymentSuccess?: ((savePaymentMethod?: boolean | undefined) => void) | undefined;
|
|
50
|
+
entityId?: string | undefined;
|
|
52
51
|
}>;
|
|
53
52
|
export declare const Mobile: import("@storybook/csf").StoryAnnotations<import("@storybook/react/dist/types-a5624094").R, {
|
|
54
53
|
id?: string | undefined;
|
|
@@ -62,16 +61,16 @@ export declare const Mobile: import("@storybook/csf").StoryAnnotations<import("@
|
|
|
62
61
|
className?: string | undefined;
|
|
63
62
|
hideDownloadButton?: boolean | undefined;
|
|
64
63
|
}, {
|
|
65
|
-
id?: string | undefined;
|
|
66
|
-
entityId?: string | undefined;
|
|
67
64
|
backButtonName?: string | undefined;
|
|
68
65
|
onBackButtonClick?: (() => void) | undefined;
|
|
69
66
|
shadow?: import("../../types/shadowType").ShadowType | undefined;
|
|
70
67
|
hideDownloadButton?: boolean | undefined;
|
|
68
|
+
id?: string | undefined;
|
|
71
69
|
className?: string | undefined;
|
|
72
|
-
onPaymentSuccess?: ((savePaymentMethod?: boolean | undefined) => void) | undefined;
|
|
73
70
|
invoiceQuoteViewComponent?: import("react").ReactNode;
|
|
74
71
|
onInvoiceDownloadError?: (() => void) | undefined;
|
|
72
|
+
onPaymentSuccess?: ((savePaymentMethod?: boolean | undefined) => void) | undefined;
|
|
73
|
+
entityId?: string | undefined;
|
|
75
74
|
}>;
|
|
76
75
|
export declare const CustomClassName: import("@storybook/csf").StoryAnnotations<import("@storybook/react/dist/types-a5624094").R, {
|
|
77
76
|
id?: string | undefined;
|
|
@@ -85,16 +84,16 @@ export declare const CustomClassName: import("@storybook/csf").StoryAnnotations<
|
|
|
85
84
|
className?: string | undefined;
|
|
86
85
|
hideDownloadButton?: boolean | undefined;
|
|
87
86
|
}, {
|
|
88
|
-
id?: string | undefined;
|
|
89
|
-
entityId?: string | undefined;
|
|
90
87
|
backButtonName?: string | undefined;
|
|
91
88
|
onBackButtonClick?: (() => void) | undefined;
|
|
92
89
|
shadow?: import("../../types/shadowType").ShadowType | undefined;
|
|
93
90
|
hideDownloadButton?: boolean | undefined;
|
|
91
|
+
id?: string | undefined;
|
|
94
92
|
className?: string | undefined;
|
|
95
|
-
onPaymentSuccess?: ((savePaymentMethod?: boolean | undefined) => void) | undefined;
|
|
96
93
|
invoiceQuoteViewComponent?: import("react").ReactNode;
|
|
97
94
|
onInvoiceDownloadError?: (() => void) | undefined;
|
|
95
|
+
onPaymentSuccess?: ((savePaymentMethod?: boolean | undefined) => void) | undefined;
|
|
96
|
+
entityId?: string | undefined;
|
|
98
97
|
}>;
|
|
99
98
|
export declare const HideDownloadButton: Story;
|
|
100
99
|
export declare const AcceptedQuote: Story;
|
|
@@ -111,14 +110,14 @@ export declare const DarkMode: import("@storybook/csf").StoryAnnotations<import(
|
|
|
111
110
|
className?: string | undefined;
|
|
112
111
|
hideDownloadButton?: boolean | undefined;
|
|
113
112
|
}, {
|
|
114
|
-
id?: string | undefined;
|
|
115
|
-
entityId?: string | undefined;
|
|
116
113
|
backButtonName?: string | undefined;
|
|
117
114
|
onBackButtonClick?: (() => void) | undefined;
|
|
118
115
|
shadow?: import("../../types/shadowType").ShadowType | undefined;
|
|
119
116
|
hideDownloadButton?: boolean | undefined;
|
|
117
|
+
id?: string | undefined;
|
|
120
118
|
className?: string | undefined;
|
|
121
|
-
onPaymentSuccess?: ((savePaymentMethod?: boolean | undefined) => void) | undefined;
|
|
122
119
|
invoiceQuoteViewComponent?: import("react").ReactNode;
|
|
123
120
|
onInvoiceDownloadError?: (() => void) | undefined;
|
|
121
|
+
onPaymentSuccess?: ((savePaymentMethod?: boolean | undefined) => void) | undefined;
|
|
122
|
+
entityId?: string | undefined;
|
|
124
123
|
}>;
|
|
@@ -1,14 +1,13 @@
|
|
|
1
|
-
import {
|
|
2
|
-
export default function PaymentForms({ quote,
|
|
1
|
+
import { Quote } from "@bunnyapp/common";
|
|
2
|
+
export default function PaymentForms({ quote, handlePaymentSaveSuccess, handlePaymentFail, handleSubmit, proceedingToPayment, entityId, accountId, overrideToken, }: {
|
|
3
3
|
quote?: Quote;
|
|
4
|
-
|
|
4
|
+
handlePaymentSaveSuccess: () => void;
|
|
5
5
|
handlePaymentFail: (error: any) => void;
|
|
6
6
|
handleSubmit: (formData: FormData) => void;
|
|
7
7
|
proceedingToPayment: boolean;
|
|
8
8
|
entityId: string;
|
|
9
9
|
accountId?: string;
|
|
10
10
|
overrideToken?: string;
|
|
11
|
-
customCheckoutFunction?: (plugin: PluginData | undefined) => Promise<any>;
|
|
12
11
|
}): import("react/jsx-runtime").JSX.Element;
|
|
13
12
|
export type FormData = {
|
|
14
13
|
firstName: string;
|
|
@@ -1,7 +1,9 @@
|
|
|
1
1
|
/// <reference types="react" />
|
|
2
2
|
import "../../styles/index.less";
|
|
3
3
|
import { ShadowType } from "../../types/shadowType";
|
|
4
|
-
export default function Signup({ companyName, entityId, priceListCode, returnUrl, isCardEnabled, className, shadow, style, }: {
|
|
4
|
+
export default function Signup({ apiToken, companyName, entityId, priceListCode, returnUrl, isCardEnabled, className, shadow, style, }: {
|
|
5
|
+
/** The API token to use for the signup. Signup needs a Bunny api client token, not a portalSessionToken. */
|
|
6
|
+
apiToken: string;
|
|
5
7
|
/** The company name to display on the signup page */
|
|
6
8
|
companyName: string;
|
|
7
9
|
/** The entity ID to use for the signup */
|
|
@@ -1,10 +1,9 @@
|
|
|
1
1
|
/// <reference types="react" />
|
|
2
|
-
import { PaymentMethod
|
|
2
|
+
import { PaymentMethod } from "@bunnyapp/common";
|
|
3
3
|
export type PaymentContextValues = {
|
|
4
4
|
onClickCancel?: () => void;
|
|
5
5
|
accountId?: string;
|
|
6
6
|
overrideToken?: string;
|
|
7
7
|
storedPaymentMethod?: PaymentMethod;
|
|
8
|
-
customCheckoutFunction?: (plugin: PluginData | undefined) => Promise<any>;
|
|
9
8
|
};
|
|
10
9
|
export declare const PaymentContext: import("react").Context<PaymentContextValues>;
|
|
@@ -1,2 +1,2 @@
|
|
|
1
1
|
import { GraphQLClient } from "graphql-request";
|
|
2
|
-
export declare const usePaymentMethod: (graphQLClient: GraphQLClient) => import("@tanstack/react-query/build/legacy/types").UseQueryResult<any, Error>;
|
|
2
|
+
export declare const usePaymentMethod: (graphQLClient: GraphQLClient, accountId?: string) => import("@tanstack/react-query/build/legacy/types").UseQueryResult<any, Error>;
|
package/dist/index.d.ts
CHANGED
|
@@ -101,7 +101,9 @@ declare const Checkout: ({ entityId, onCancel, onSuccess, onFail, invoice, open,
|
|
|
101
101
|
|
|
102
102
|
declare const getQuoteAmountDue: (quote: Quote$1) => number;
|
|
103
103
|
|
|
104
|
-
declare function Signup({ companyName, entityId, priceListCode, returnUrl, isCardEnabled, className, shadow, style, }: {
|
|
104
|
+
declare function Signup({ apiToken, companyName, entityId, priceListCode, returnUrl, isCardEnabled, className, shadow, style, }: {
|
|
105
|
+
/** The API token to use for the signup. Signup needs a Bunny api client token, not a portalSessionToken. */
|
|
106
|
+
apiToken: string;
|
|
105
107
|
/** The company name to display on the signup page */
|
|
106
108
|
companyName: string;
|
|
107
109
|
/** The entity ID to use for the signup */
|
|
@@ -183,19 +185,14 @@ declare const Subscriptions: ({ companyName, entityId, gap, shadow, showTitle, c
|
|
|
183
185
|
className?: string | undefined;
|
|
184
186
|
}) => react_jsx_runtime.JSX.Element;
|
|
185
187
|
|
|
186
|
-
declare const BillingDetails: ({ entityId, isCardEnabled, shadow, className,
|
|
188
|
+
declare const BillingDetails: ({ entityId, accountId, isCardEnabled, shadow, className, }: {
|
|
187
189
|
entityId: string;
|
|
190
|
+
accountId: string;
|
|
188
191
|
isCardEnabled?: boolean | undefined;
|
|
189
192
|
shadow?: ShadowType | undefined;
|
|
190
193
|
className?: string | undefined;
|
|
191
|
-
accountId?: string | undefined;
|
|
192
|
-
hidePaymentMethodForm?: boolean | undefined;
|
|
193
|
-
countryListFilter?: ((country: {
|
|
194
|
-
value: string;
|
|
195
|
-
label: string;
|
|
196
|
-
}) => boolean) | undefined;
|
|
197
194
|
}) => react_jsx_runtime.JSX.Element;
|
|
198
195
|
|
|
199
|
-
declare const usePaymentMethod: (graphQLClient: GraphQLClient) => _tanstack_react_query_build_legacy_types.UseQueryResult<any, Error>;
|
|
196
|
+
declare const usePaymentMethod: (graphQLClient: GraphQLClient, accountId?: string) => _tanstack_react_query_build_legacy_types.UseQueryResult<any, Error>;
|
|
200
197
|
|
|
201
198
|
export { BillingDetails, BunnyProvider, Checkout, Invoice, PaymentMethod, Quote, Quotes, Signup, Subscriptions, Transactions, getQuoteAmountDue, usePaymentMethod };
|
package/package.json
CHANGED