@bunnyapp/components 1.0.56 → 1.0.58-beta.0.1

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.
Files changed (108) hide show
  1. package/dist/cjs/index.js +2231 -2140
  2. package/dist/cjs/playground/main.d.ts +1 -1
  3. package/dist/cjs/src/components/BillingDetails/BillingDetails.d.ts +2 -2
  4. package/dist/cjs/src/components/BunnyProvider.d.ts +3 -3
  5. package/dist/cjs/src/components/Checkout/Checkout.d.ts +1 -2
  6. package/dist/cjs/src/components/PaymentForm/CheckoutFooter.d.ts +1 -1
  7. package/dist/cjs/src/components/PaymentForm/{PaymentMethod → DemoPay}/CreditCard/CreditCard.d.ts +11 -6
  8. package/dist/cjs/src/components/PaymentForm/DemoPay/CreditCard/index.d.ts +1 -0
  9. package/dist/cjs/src/components/PaymentForm/DemoPay/DemoPayForm.d.ts +1 -1
  10. package/dist/cjs/src/components/PaymentForm/DemoPay/hooks/useSave.d.ts +4 -3
  11. package/dist/cjs/src/components/PaymentForm/DemoPay/index.d.ts +1 -1
  12. package/dist/cjs/src/components/PaymentForm/PaymentForm.d.ts +3 -7
  13. package/dist/cjs/src/components/PaymentForm/PaymentMethodDetails.d.ts +4 -6
  14. package/dist/cjs/src/components/PaymentForm/Stripe/PaymentMethodForm.d.ts +1 -1
  15. package/dist/cjs/src/components/PaymentForm/Stripe/hooks/useSave.d.ts +4 -3
  16. package/dist/cjs/src/components/PaymentForm/hooks/useAutoSetDefaultPaymentMethod.d.ts +9 -0
  17. package/dist/cjs/src/components/PaymentForm/hooks/useHasActiveSubscription.d.ts +5 -0
  18. package/dist/cjs/src/components/PaymentForm/hooks/usePaymentMethodSelectorPlugin.d.ts +11 -0
  19. package/dist/cjs/src/components/PaymentForm/index.d.ts +1 -2
  20. package/dist/cjs/src/components/PaymentForm/useRemovePaymentMethod.d.ts +2 -2
  21. package/dist/cjs/src/components/PaymentForm/useSetDefaultPaymentMethod.d.ts +6 -0
  22. package/dist/cjs/src/components/Quote/Quote.d.ts +1 -1
  23. package/dist/cjs/src/components/Quote/Quote.stories.d.ts +10 -10
  24. package/dist/cjs/src/components/Quote/StyledModal.d.ts +1 -1
  25. package/dist/cjs/src/components/Signup/PaymentForms.d.ts +1 -1
  26. package/dist/cjs/src/components/Subscriptions/PlanManager/PlanManager.d.ts +1 -1
  27. package/dist/cjs/src/components/Subscriptions/PlanManager/PlanPicker/NextPriceListButton.d.ts +2 -1
  28. package/dist/cjs/src/components/Subscriptions/PlanManager/PlanPicker/checkoutBar/CheckoutBarInput.d.ts +3 -2
  29. package/dist/cjs/src/components/Subscriptions/PlanManager/PlanPicker/checkoutBar/CheckoutBarSummarySection.d.ts +2 -3
  30. package/dist/cjs/src/components/Subscriptions/PlanManager/PlanPicker/checkoutBar/PlanPickerCheckoutBar.d.ts +1 -1
  31. package/dist/cjs/src/components/Subscriptions/PlanManager/PlanPicker/planPickerDesktop/EverythingPlanFeatures.d.ts +3 -2
  32. package/dist/cjs/src/components/Subscriptions/PlanManager/PlanPicker/planPickerDesktop/PlanFeatures.d.ts +3 -2
  33. package/dist/cjs/src/components/Subscriptions/PlanManager/PlanPicker/planPickerDesktop/PriceListGridDesktop.d.ts +1 -2
  34. package/dist/cjs/src/components/Subscriptions/PlanManager/PlanPicker/planPickerUtils.d.ts +3 -2
  35. package/dist/cjs/src/components/Subscriptions/Subscriptions.d.ts +4 -3
  36. package/dist/cjs/src/components/Subscriptions/subscriptionsList/HideExpiredToggle.d.ts +1 -2
  37. package/dist/cjs/src/components/Subscriptions/subscriptionsList/SubscriptionsNavigation.d.ts +1 -1
  38. package/dist/cjs/src/components/icons/Cashapp.d.ts +4 -0
  39. package/dist/cjs/src/components/icons/Link.d.ts +4 -0
  40. package/dist/cjs/src/components/index.d.ts +11 -10
  41. package/dist/cjs/src/contexts/PaymentContext.d.ts +2 -1
  42. package/dist/cjs/src/graphql/QuoteRequests.d.ts +1 -0
  43. package/dist/cjs/src/graphql/mutations/quoteChargeCreate.d.ts +1 -2
  44. package/dist/cjs/src/graphql/mutations/quoteChargeUpdate.d.ts +12 -0
  45. package/dist/cjs/src/hooks/usePaymentMethod.d.ts +5 -4
  46. package/dist/cjs/src/hooks/usePaymentPlugins.d.ts +3 -3
  47. package/dist/esm/index.js +2236 -2145
  48. package/dist/esm/playground/main.d.ts +1 -1
  49. package/dist/esm/src/components/BillingDetails/BillingDetails.d.ts +2 -2
  50. package/dist/esm/src/components/BunnyProvider.d.ts +3 -3
  51. package/dist/esm/src/components/Checkout/Checkout.d.ts +1 -2
  52. package/dist/esm/src/components/PaymentForm/CheckoutFooter.d.ts +1 -1
  53. package/dist/esm/src/components/PaymentForm/{PaymentMethod → DemoPay}/CreditCard/CreditCard.d.ts +11 -6
  54. package/dist/esm/src/components/PaymentForm/DemoPay/CreditCard/index.d.ts +1 -0
  55. package/dist/esm/src/components/PaymentForm/DemoPay/DemoPayForm.d.ts +1 -1
  56. package/dist/esm/src/components/PaymentForm/DemoPay/hooks/useSave.d.ts +4 -3
  57. package/dist/esm/src/components/PaymentForm/DemoPay/index.d.ts +1 -1
  58. package/dist/esm/src/components/PaymentForm/PaymentForm.d.ts +3 -7
  59. package/dist/esm/src/components/PaymentForm/PaymentMethodDetails.d.ts +4 -6
  60. package/dist/esm/src/components/PaymentForm/Stripe/PaymentMethodForm.d.ts +1 -1
  61. package/dist/esm/src/components/PaymentForm/Stripe/hooks/useSave.d.ts +4 -3
  62. package/dist/esm/src/components/PaymentForm/hooks/useAutoSetDefaultPaymentMethod.d.ts +9 -0
  63. package/dist/esm/src/components/PaymentForm/hooks/useHasActiveSubscription.d.ts +5 -0
  64. package/dist/esm/src/components/PaymentForm/hooks/usePaymentMethodSelectorPlugin.d.ts +11 -0
  65. package/dist/esm/src/components/PaymentForm/index.d.ts +1 -2
  66. package/dist/esm/src/components/PaymentForm/useRemovePaymentMethod.d.ts +2 -2
  67. package/dist/esm/src/components/PaymentForm/useSetDefaultPaymentMethod.d.ts +6 -0
  68. package/dist/esm/src/components/Quote/Quote.d.ts +1 -1
  69. package/dist/esm/src/components/Quote/Quote.stories.d.ts +10 -10
  70. package/dist/esm/src/components/Quote/StyledModal.d.ts +1 -1
  71. package/dist/esm/src/components/Signup/PaymentForms.d.ts +1 -1
  72. package/dist/esm/src/components/Subscriptions/PlanManager/PlanManager.d.ts +1 -1
  73. package/dist/esm/src/components/Subscriptions/PlanManager/PlanPicker/NextPriceListButton.d.ts +2 -1
  74. package/dist/esm/src/components/Subscriptions/PlanManager/PlanPicker/checkoutBar/CheckoutBarInput.d.ts +3 -2
  75. package/dist/esm/src/components/Subscriptions/PlanManager/PlanPicker/checkoutBar/CheckoutBarSummarySection.d.ts +2 -3
  76. package/dist/esm/src/components/Subscriptions/PlanManager/PlanPicker/checkoutBar/PlanPickerCheckoutBar.d.ts +1 -1
  77. package/dist/esm/src/components/Subscriptions/PlanManager/PlanPicker/planPickerDesktop/EverythingPlanFeatures.d.ts +3 -2
  78. package/dist/esm/src/components/Subscriptions/PlanManager/PlanPicker/planPickerDesktop/PlanFeatures.d.ts +3 -2
  79. package/dist/esm/src/components/Subscriptions/PlanManager/PlanPicker/planPickerDesktop/PriceListGridDesktop.d.ts +1 -2
  80. package/dist/esm/src/components/Subscriptions/PlanManager/PlanPicker/planPickerUtils.d.ts +3 -2
  81. package/dist/esm/src/components/Subscriptions/Subscriptions.d.ts +4 -3
  82. package/dist/esm/src/components/Subscriptions/subscriptionsList/HideExpiredToggle.d.ts +1 -2
  83. package/dist/esm/src/components/Subscriptions/subscriptionsList/SubscriptionsNavigation.d.ts +1 -1
  84. package/dist/esm/src/components/icons/Cashapp.d.ts +4 -0
  85. package/dist/esm/src/components/icons/Link.d.ts +4 -0
  86. package/dist/esm/src/components/index.d.ts +11 -10
  87. package/dist/esm/src/contexts/PaymentContext.d.ts +2 -1
  88. package/dist/esm/src/graphql/QuoteRequests.d.ts +1 -0
  89. package/dist/esm/src/graphql/mutations/quoteChargeCreate.d.ts +1 -2
  90. package/dist/esm/src/graphql/mutations/quoteChargeUpdate.d.ts +12 -0
  91. package/dist/esm/src/hooks/usePaymentMethod.d.ts +5 -4
  92. package/dist/esm/src/hooks/usePaymentPlugins.d.ts +3 -3
  93. package/dist/index.d.ts +20 -18
  94. package/package.json +3 -2
  95. package/dist/cjs/src/components/PaymentForm/PaymentMethod/PaymentMethod.d.ts +0 -8
  96. package/dist/cjs/src/components/PaymentForm/PaymentMethod/PaymentMethod.stories.d.ts +0 -11
  97. package/dist/cjs/src/components/PaymentForm/PaymentMethod/index.d.ts +0 -1
  98. package/dist/cjs/src/components/Subscriptions/PlanManager/PlanPicker/planPickerDesktop/consts.d.ts +0 -1
  99. package/dist/cjs/src/graphql/queries/getPortalPreviewQuery.d.ts +0 -2
  100. package/dist/esm/src/components/PaymentForm/PaymentMethod/PaymentMethod.d.ts +0 -8
  101. package/dist/esm/src/components/PaymentForm/PaymentMethod/PaymentMethod.stories.d.ts +0 -11
  102. package/dist/esm/src/components/PaymentForm/PaymentMethod/index.d.ts +0 -1
  103. package/dist/esm/src/components/Subscriptions/PlanManager/PlanPicker/planPickerDesktop/consts.d.ts +0 -1
  104. package/dist/esm/src/graphql/queries/getPortalPreviewQuery.d.ts +0 -2
  105. /package/dist/cjs/src/components/PaymentForm/{PaymentMethod → DemoPay}/CreditCard/LargCardIcon.d.ts +0 -0
  106. /package/dist/cjs/src/components/PaymentForm/{PaymentMethod → DemoPay}/CreditCard/PlusIcon.d.ts +0 -0
  107. /package/dist/esm/src/components/PaymentForm/{PaymentMethod → DemoPay}/CreditCard/LargCardIcon.d.ts +0 -0
  108. /package/dist/esm/src/components/PaymentForm/{PaymentMethod → DemoPay}/CreditCard/PlusIcon.d.ts +0 -0
package/dist/index.d.ts CHANGED
@@ -1,11 +1,10 @@
1
1
  /// <reference types="react" />
2
2
  import * as react_jsx_runtime from 'react/jsx-runtime';
3
- import { FormattedInvoice, FormattedQuote, FrontendTransaction, Quote as Quote$1, PluginData, TransactionKind } from '@bunnyapp/common';
4
- import * as react from 'react';
5
- import react__default from 'react';
6
- import { GraphQLClient } from 'graphql-request';
3
+ import { FormattedInvoice, FormattedQuote, FrontendTransaction, Quote as Quote$1, PluginData, TransactionKind, PaymentMethod } from '@bunnyapp/common';
7
4
  import { QueryClient } from '@tanstack/react-query';
8
5
  import { ThemeConfig } from 'antd';
6
+ import * as react from 'react';
7
+ import react__default from 'react';
9
8
 
10
9
  type ShadowType = "shadow-none" | "shadow-sm" | "shadow-md" | "shadow-lg" | "shadow-xl";
11
10
 
@@ -72,27 +71,18 @@ declare function Quotes({ className, columns, filter, filterQuotes, sort, noQuot
72
71
  noQuotesMessage?: string;
73
72
  }): react_jsx_runtime.JSX.Element;
74
73
 
75
- declare const PaymentMethod: ({ className, shadow, cardEnabled, useModal, }: {
76
- className?: string | undefined;
77
- shadow?: ShadowType | undefined;
78
- cardEnabled?: boolean | undefined;
79
- useModal?: boolean | undefined;
80
- }) => react_jsx_runtime.JSX.Element;
81
-
82
- declare const PaymentForm: ({ invoice, onFail, onPaymentSuccess, quote, accountId, onSavePaymentMethod, onRemovePaymentMethod, overrideToken, graphQLClient, customCheckoutFunction, currencyId: currencyIdFromProps, customPaymentForms, useAllPaymentPlugins, }: {
74
+ declare const PaymentForm: ({ invoice, onFail, onPaymentSuccess, quote, accountId, onSavePaymentMethod, onRemovePaymentMethod, onSetDefaultPaymentMethod, overrideToken, customCheckoutFunction, currencyId: currencyIdFromProps, }: {
83
75
  invoice?: FormattedInvoice | undefined;
84
76
  quote?: Quote$1 | undefined;
85
77
  onFail: (error: any) => void;
86
78
  onPaymentSuccess?: (() => void) | undefined;
87
79
  onSavePaymentMethod?: (() => void) | undefined;
88
80
  onRemovePaymentMethod?: (() => void) | undefined;
81
+ onSetDefaultPaymentMethod?: (() => void) | undefined;
89
82
  accountId?: string | undefined;
90
83
  overrideToken?: string | undefined;
91
- graphQLClient: GraphQLClient;
92
84
  customCheckoutFunction?: ((plugin: PluginData | undefined) => Promise<any>) | undefined;
93
85
  currencyId?: string | undefined;
94
- customPaymentForms?: Record<string, react.ReactNode> | undefined;
95
- useAllPaymentPlugins?: boolean | undefined;
96
86
  }) => react_jsx_runtime.JSX.Element;
97
87
 
98
88
  declare function Signup({ companyName, priceListCode, returnUrl, isCardEnabled, className, shadow, style, entityId, }: {
@@ -170,8 +160,8 @@ declare function Transactions({ transactionComponent, showSearchBar, showTitle,
170
160
  transactionDateType?: TransactionDateType;
171
161
  }): react_jsx_runtime.JSX.Element;
172
162
 
173
- declare const SubscriptionsWrapper: ({ handlePortalErrors, companyName, isInPreviewMode, productId, className, styles: userStyles, noSubscriptionsComponent, hideTitle, }: {
174
- handlePortalErrors: (errors: any) => void;
163
+ declare const SubscriptionsWrapper: ({ handlePortalErrors, companyName, isInPreviewMode, productId, className, styles: userStyles, noSubscriptionsComponent, hideTitle, hideExpiredToggle, }: {
164
+ handlePortalErrors?: ((errors: any) => void) | undefined;
175
165
  companyName: string;
176
166
  isInPreviewMode?: boolean | undefined;
177
167
  productId?: string | undefined;
@@ -183,6 +173,7 @@ declare const SubscriptionsWrapper: ({ handlePortalErrors, companyName, isInPrev
183
173
  } | undefined;
184
174
  noSubscriptionsComponent?: React.ReactNode;
185
175
  hideTitle?: boolean | undefined;
176
+ hideExpiredToggle?: boolean | undefined;
186
177
  }) => react_jsx_runtime.JSX.Element;
187
178
 
188
179
  declare const BillingDetails: ({ isCardEnabled, shadow, className, hidePaymentMethodForm, hideBillingDetailsForm, countryListFilter, }: {
@@ -201,4 +192,15 @@ declare const Footer: ({ className }: {
201
192
  className?: string | undefined;
202
193
  }) => react_jsx_runtime.JSX.Element;
203
194
 
204
- export { BillingDetails, BunnyProvider, Footer, Invoice, PaymentForm, PaymentMethod, Quote, Quotes, Signup, SubscriptionsWrapper as Subscriptions, Transactions };
195
+ declare const MiniCreditCard: ({ className, buttons, hideDropdownMenu, hideDefaultTag, onClickRemove, paymentMethodData, onClickSetDefault, id, }: {
196
+ className?: string | undefined;
197
+ buttons?: React.ReactNode;
198
+ hideDropdownMenu?: boolean | undefined;
199
+ hideDefaultTag?: boolean | undefined;
200
+ onClickRemove?: (() => void) | undefined;
201
+ paymentMethodData?: PaymentMethod | undefined;
202
+ onClickSetDefault?: (() => void) | undefined;
203
+ id?: string | undefined;
204
+ }) => react_jsx_runtime.JSX.Element;
205
+
206
+ export { BillingDetails, BunnyProvider, Footer, Invoice, MiniCreditCard, PaymentForm, Quote, Quotes, Signup, SubscriptionsWrapper as Subscriptions, Transactions };
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@bunnyapp/components",
3
- "version": "1.0.56",
3
+ "version": "1.0.58-beta.0.1",
4
4
  "description": "Components from the Bunny portal to embed Bunny UI functionality into your application.",
5
5
  "main": "dist/cjs/index.js",
6
6
  "module": "dist/esm/index.js",
@@ -47,6 +47,7 @@
47
47
  "autoprefixer": "^10.4.20",
48
48
  "dependency-cruiser": "^16.8.0",
49
49
  "eslint-plugin-storybook": "^0.11.1",
50
+ "glob": "^11.0.2",
50
51
  "less": "^4.2.0",
51
52
  "msw": "^2.6.5",
52
53
  "postcss-less": "^6.0.0",
@@ -64,7 +65,7 @@
64
65
  },
65
66
  "peerDependencies": {
66
67
  "@ant-design/icons": "^5.6.1",
67
- "@bunnyapp/common": "^1.0.55",
68
+ "@bunnyapp/common": "^1.0.58",
68
69
  "@fortawesome/fontawesome-svg-core": "^6.7.2",
69
70
  "@fortawesome/free-brands-svg-icons": "^6.7.2",
70
71
  "@fortawesome/free-regular-svg-icons": "^6.7.2",
@@ -1,8 +0,0 @@
1
- import "../../../styles/index.less";
2
- import { ShadowType } from "../../../types/shadowType";
3
- export declare const PaymentMethod: ({ className, shadow, cardEnabled, useModal, }: {
4
- className?: string | undefined;
5
- shadow?: ShadowType | undefined;
6
- cardEnabled?: boolean | undefined;
7
- useModal?: boolean | undefined;
8
- }) => import("react/jsx-runtime").JSX.Element;
@@ -1,11 +0,0 @@
1
- import type { Meta, StoryObj } from "@storybook/react";
2
- import { PaymentMethod } from "./PaymentMethod";
3
- declare const meta: Meta<typeof PaymentMethod>;
4
- export default meta;
5
- type Story = StoryObj<typeof meta>;
6
- export declare const Default: Story;
7
- export declare const CustomClassName: Story;
8
- export declare const NoShadow: Story;
9
- export declare const NoCard: Story;
10
- export declare const Mobile: Story;
11
- export declare const DarkMode: Story;
@@ -1 +0,0 @@
1
- export { PaymentMethod } from "./PaymentMethod";
@@ -1 +0,0 @@
1
- export declare const PLANS_TO_DISPLAY = 3;
@@ -1,2 +0,0 @@
1
- declare const getPortalPreviewData: (id: string, apiHost: string, token?: string) => Promise<any>;
2
- export default getPortalPreviewData;
@@ -1,8 +0,0 @@
1
- import "../../../styles/index.less";
2
- import { ShadowType } from "../../../types/shadowType";
3
- export declare const PaymentMethod: ({ className, shadow, cardEnabled, useModal, }: {
4
- className?: string | undefined;
5
- shadow?: ShadowType | undefined;
6
- cardEnabled?: boolean | undefined;
7
- useModal?: boolean | undefined;
8
- }) => import("react/jsx-runtime").JSX.Element;
@@ -1,11 +0,0 @@
1
- import type { Meta, StoryObj } from "@storybook/react";
2
- import { PaymentMethod } from "./PaymentMethod";
3
- declare const meta: Meta<typeof PaymentMethod>;
4
- export default meta;
5
- type Story = StoryObj<typeof meta>;
6
- export declare const Default: Story;
7
- export declare const CustomClassName: Story;
8
- export declare const NoShadow: Story;
9
- export declare const NoCard: Story;
10
- export declare const Mobile: Story;
11
- export declare const DarkMode: Story;
@@ -1 +0,0 @@
1
- export { PaymentMethod } from "./PaymentMethod";
@@ -1 +0,0 @@
1
- export declare const PLANS_TO_DISPLAY = 3;
@@ -1,2 +0,0 @@
1
- declare const getPortalPreviewData: (id: string, apiHost: string, token?: string) => Promise<any>;
2
- export default getPortalPreviewData;