@bunnyapp/components 1.7.0-beta.10 → 1.7.0-beta.14

package/dist/cjs/index.js

@@ -6,7 +6,6 @@ var icons = require('@ant-design/icons');
 var antd = require('antd');
 var reactQuery = require('@tanstack/react-query');
 var request$1 = require('graphql-request');
-var theme = require('antd/lib/theme/index.js');
 var recoil = require('recoil');
 var graphql$1 = require('graphql');
 var reactStripeJs = require('@stripe/react-stripe-js');
@@ -1281,7 +1280,7 @@ const DEFAULT_CONFIG = {
 };
 
 // This will be replaced at build time by rollup-plugin-replace
-const PACKAGE_VERSION = '1.7.0-beta.9';
+const PACKAGE_VERSION = '1.7.0-beta.13';
 const createRequestHeaders = (token) => {
     const headers = createClientDevHeaders({ token });
     // Add the components version header
@@ -2274,7 +2273,7 @@ function ContextualWrapper({ children, darkMode, configProviderProps, }) {
         };
     }, [branding, isMobile]);
     const defaultTheme = {
-        algorithm: darkMode ? theme.darkAlgorithm : theme.defaultAlgorithm,
+        algorithm: darkMode ? antd.theme.darkAlgorithm : antd.theme.defaultAlgorithm,
         token: {
             borderRadius: 4,
             colorPrimary: entityBranding.brandColor,
@@ -19760,6 +19759,9 @@ const PaymentForm_PaymentMethodsFragment = t(`
     fragment PaymentForm_PaymentMethodsFragment on PaymentMethod {
       ...MiniCreditCard_PaymentMethodFragment
       id
+      plugin {
+        id
+      }
     }
   `, [MiniCreditCard_PaymentMethodFragment]);
 
@@ -21140,7 +21142,7 @@ function useRemovePaymentMethod(onRemovePaymentMethod, onError) {
     const token = useToken();
     const { apiHost } = react.useContext(BunnyContext);
     const removePaymentMethod = react.useCallback(async (data) => {
-        const plugin = paymentPlugins === null || paymentPlugins === void 0 ? void 0 : paymentPlugins.find(paymentPlugin => { var _a; return String(paymentPlugin.id) === ((_a = data === null || data === void 0 ? void 0 : data.plugin) === null || _a === void 0 ? void 0 : _a.id); });
+        const plugin = paymentPlugins === null || paymentPlugins === void 0 ? void 0 : paymentPlugins.find(paymentPlugin => { var _a; return String(paymentPlugin.id) === String((_a = data === null || data === void 0 ? void 0 : data.plugin) === null || _a === void 0 ? void 0 : _a.id); });
         if (data && plugin) {
             await invokePlugin({
                 plugin: plugin, // TODO: type the plugin
@@ -21160,17 +21162,21 @@ function useRemovePaymentMethod(onRemovePaymentMethod, onError) {
                         accountId,
                     }),
                 });
-                onRemovePaymentMethod === null || onRemovePaymentMethod === void 0 ? void 0 : onRemovePaymentMethod();
+                onRemovePaymentMethod === null || onRemovePaymentMethod === void 0 ? void 0 : onRemovePaymentMethod(data);
             })
                 .catch((error) => {
                 showErrorNotification(error.message, 'Error removing payment method');
             });
         }
         else {
-            const availablePlugins = paymentPlugins === null || paymentPlugins === void 0 ? void 0 : paymentPlugins.map((plugin) => { var _a, _b, _c; return (_c = (_b = (_a = plugin.components) === null || _a === void 0 ? void 0 : _a.frontend) === null || _b === void 0 ? void 0 : _b[0]) === null || _c === void 0 ? void 0 : _c.name; });
+            const availablePlugins = paymentPlugins === null || paymentPlugins === void 0 ? void 0 : paymentPlugins.map(plugin => {
+                var _a, _b;
+                const components = plugin.components;
+                return (_b = (_a = components === null || components === void 0 ? void 0 : components.frontend) === null || _a === void 0 ? void 0 : _a[0]) === null || _b === void 0 ? void 0 : _b.name;
+            });
             onError === null || onError === void 0 ? void 0 : onError(`Either the payment method was not found or the plugin was not present. Available plugins: ${availablePlugins === null || availablePlugins === void 0 ? void 0 : availablePlugins.join(', ')}`);
         }
-    }, [paymentPlugins, token, apiHost, queryClient]);
+    }, [paymentPlugins, token, apiHost, queryClient, onRemovePaymentMethod, accountId, onError]);
     return removePaymentMethod;
 }
 

package/dist/cjs/types/src/components/PaymentForm/PaymentForm.d.ts

@@ -1,6 +1,8 @@
 import FormattedInvoice from '@/types/FormattedInvoice';
 import Invoice from '@/types/Invoice';
-import { FragmentOf } from 'gql.tada';
+import { FragmentOf, ResultOf } from 'gql.tada';
+import { PaymentForm_PaymentMethodsFragment } from './fragments/PaymentForm_PaymentMethodsFragment';
+type PaymentMethodFragment = ResultOf<typeof PaymentForm_PaymentMethodsFragment>;
 export declare const PaymentForm_QuoteFragment: import("gql.tada").TadaDocumentNode<{
     id: string | null;
     currencyId: string;
@@ -18,7 +20,7 @@ export declare function PaymentForm({ invoice, quote: maskedQuote, onPaymentSucc
     onPaymentSuccess?: (response: any) => void;
     onPaymentHoldSuccess?: (response: any) => void;
     onSavePaymentMethod?: (response: any) => void;
-    onRemovePaymentMethod?: () => void;
+    onRemovePaymentMethod?: (paymentMethod: PaymentMethodFragment) => void;
     onSetDefaultPaymentMethod?: () => void;
     accountId?: string;
     overrideToken?: string;
@@ -28,3 +30,4 @@ export declare function PaymentForm({ invoice, quote: maskedQuote, onPaymentSucc
         amountToHold?: number;
     };
 }): import("react/jsx-runtime").JSX.Element | null;
+export {};

package/dist/cjs/types/src/components/PaymentForm/fragments/PaymentForm_PaymentMethodsFragment.d.ts

@@ -3,6 +3,9 @@ export declare const PaymentForm_PaymentMethodsFragment: import("gql.tada").Tada
         MiniCreditCard_PaymentMethodFragment: "PaymentMethod";
     };
     id: string;
+    plugin: {
+        id: string;
+    } | null;
 }, {}, {
     fragment: "PaymentForm_PaymentMethodsFragment";
     on: "PaymentMethod";

package/dist/cjs/types/src/components/PaymentForm/hooks/useRemovePaymentMethod.d.ts

@@ -1,2 +1,5 @@
-declare function useRemovePaymentMethod(onRemovePaymentMethod?: () => void, onError?: (message: string) => void): (data: any) => Promise<void>;
+import { ResultOf } from 'gql.tada';
+import { PaymentForm_PaymentMethodsFragment } from '../fragments/PaymentForm_PaymentMethodsFragment';
+type PaymentMethodFragment = ResultOf<typeof PaymentForm_PaymentMethodsFragment>;
+declare function useRemovePaymentMethod(onRemovePaymentMethod?: (paymentMethod: PaymentMethodFragment) => void, onError?: (message: string) => void): (data: PaymentMethodFragment) => Promise<void>;
 export default useRemovePaymentMethod;

package/dist/cjs/types/src/types/frontendTypes/ComponentJSON.d.ts

@@ -1,4 +1,4 @@
-import { Rule } from "antd/lib/form/index";
+import type { Rule } from "antd/es/form";
 import { ReactElement } from "react";
 import { IconName } from "@fortawesome/free-solid-svg-icons";
 import TableColumn from "./TableColumn";

package/dist/esm/index.js

@@ -1,10 +1,9 @@
 import { jsx, Fragment, jsxs } from 'react/jsx-runtime';
 import { useState, useEffect, isValidElement, createContext, useContext, useMemo, createElement, useRef, useCallback, Fragment as Fragment$1 } from 'react';
 import { WarningOutlined, CheckCircleOutlined, CreditCardOutlined, EllipsisOutlined, BankOutlined, DownloadOutlined, SearchOutlined, CloseOutlined, CheckCircleFilled, InfoCircleOutlined } from '@ant-design/icons';
-import { notification, ConfigProvider, Tag, Button, Dropdown, Typography, theme as theme$1, Input, Modal, Checkbox, Skeleton, Collapse, Spin, Form, Tooltip, Drawer, Card as Card$1, Select, Divider, Popconfirm, Table, Radio, Space, Switch } from 'antd';
+import { notification, theme, ConfigProvider, Tag, Button, Dropdown, Typography, Input, Modal, Checkbox, Skeleton, Collapse, Spin, Form, Tooltip, Drawer, Card as Card$1, Select, Divider, Popconfirm, Table, Radio, Space, Switch } from 'antd';
 import { QueryClient, QueryCache, QueryClientProvider, useQuery, useMutation, useQueryClient, keepPreviousData } from '@tanstack/react-query';
 import request$1 from 'graphql-request';
-import theme from 'antd/lib/theme/index.js';
 import { RecoilRoot } from 'recoil';
 import { print } from 'graphql';
 import { useElements, useStripe, Elements, PaymentElement } from '@stripe/react-stripe-js';
@@ -1279,7 +1278,7 @@ const DEFAULT_CONFIG = {
 };
 
 // This will be replaced at build time by rollup-plugin-replace
-const PACKAGE_VERSION = '1.7.0-beta.9';
+const PACKAGE_VERSION = '1.7.0-beta.13';
 const createRequestHeaders = (token) => {
     const headers = createClientDevHeaders({ token });
     // Add the components version header
@@ -19758,6 +19757,9 @@ const PaymentForm_PaymentMethodsFragment = t(`
     fragment PaymentForm_PaymentMethodsFragment on PaymentMethod {
       ...MiniCreditCard_PaymentMethodFragment
       id
+      plugin {
+        id
+      }
     }
   `, [MiniCreditCard_PaymentMethodFragment]);
 
@@ -20187,7 +20189,7 @@ const getQuoteAmountDue = (maskedQuote) => {
     return quote.amountDue || quote.amount;
 };
 
-const { useToken: useAntdToken$1 } = theme$1;
+const { useToken: useAntdToken$1 } = theme;
 const createPaymentMethod = async ({ paymentMethodId, plugin, token, apiHost, accountId, }) => {
     const response = await invokePlugin({
         plugin,
@@ -21138,7 +21140,7 @@ function useRemovePaymentMethod(onRemovePaymentMethod, onError) {
     const token = useToken();
     const { apiHost } = useContext(BunnyContext);
     const removePaymentMethod = useCallback(async (data) => {
-        const plugin = paymentPlugins === null || paymentPlugins === void 0 ? void 0 : paymentPlugins.find(paymentPlugin => { var _a; return String(paymentPlugin.id) === ((_a = data === null || data === void 0 ? void 0 : data.plugin) === null || _a === void 0 ? void 0 : _a.id); });
+        const plugin = paymentPlugins === null || paymentPlugins === void 0 ? void 0 : paymentPlugins.find(paymentPlugin => { var _a; return String(paymentPlugin.id) === String((_a = data === null || data === void 0 ? void 0 : data.plugin) === null || _a === void 0 ? void 0 : _a.id); });
         if (data && plugin) {
             await invokePlugin({
                 plugin: plugin, // TODO: type the plugin
@@ -21158,17 +21160,21 @@ function useRemovePaymentMethod(onRemovePaymentMethod, onError) {
                         accountId,
                     }),
                 });
-                onRemovePaymentMethod === null || onRemovePaymentMethod === void 0 ? void 0 : onRemovePaymentMethod();
+                onRemovePaymentMethod === null || onRemovePaymentMethod === void 0 ? void 0 : onRemovePaymentMethod(data);
             })
                 .catch((error) => {
                 showErrorNotification(error.message, 'Error removing payment method');
             });
         }
         else {
-            const availablePlugins = paymentPlugins === null || paymentPlugins === void 0 ? void 0 : paymentPlugins.map((plugin) => { var _a, _b, _c; return (_c = (_b = (_a = plugin.components) === null || _a === void 0 ? void 0 : _a.frontend) === null || _b === void 0 ? void 0 : _b[0]) === null || _c === void 0 ? void 0 : _c.name; });
+            const availablePlugins = paymentPlugins === null || paymentPlugins === void 0 ? void 0 : paymentPlugins.map(plugin => {
+                var _a, _b;
+                const components = plugin.components;
+                return (_b = (_a = components === null || components === void 0 ? void 0 : components.frontend) === null || _a === void 0 ? void 0 : _a[0]) === null || _b === void 0 ? void 0 : _b.name;
+            });
             onError === null || onError === void 0 ? void 0 : onError(`Either the payment method was not found or the plugin was not present. Available plugins: ${availablePlugins === null || availablePlugins === void 0 ? void 0 : availablePlugins.join(', ')}`);
         }
-    }, [paymentPlugins, token, apiHost, queryClient]);
+    }, [paymentPlugins, token, apiHost, queryClient, onRemovePaymentMethod, accountId, onError]);
     return removePaymentMethod;
 }
 
@@ -21488,7 +21494,7 @@ const MarkupContainer = defaultStyled.div `
     width: 100%;
   }
 `;
-const { useToken: useAntdToken } = theme$1;
+const { useToken: useAntdToken } = theme;
 const InvoiceQuoteView = ({ children, formattedInvoice, html, backButtonName, onBackButtonClick, onDownloadError, targetUrl, }) => {
     const downloadFile = useDownloadFile(formattedInvoice === null || formattedInvoice === void 0 ? void 0 : formattedInvoice.id, onDownloadError);
     const { apiHost } = useContext(BunnyContext);

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

@@ -1,6 +1,8 @@
 import FormattedInvoice from '@/types/FormattedInvoice';
 import Invoice from '@/types/Invoice';
-import { FragmentOf } from 'gql.tada';
+import { FragmentOf, ResultOf } from 'gql.tada';
+import { PaymentForm_PaymentMethodsFragment } from './fragments/PaymentForm_PaymentMethodsFragment';
+type PaymentMethodFragment = ResultOf<typeof PaymentForm_PaymentMethodsFragment>;
 export declare const PaymentForm_QuoteFragment: import("gql.tada").TadaDocumentNode<{
     id: string | null;
     currencyId: string;
@@ -18,7 +20,7 @@ export declare function PaymentForm({ invoice, quote: maskedQuote, onPaymentSucc
     onPaymentSuccess?: (response: any) => void;
     onPaymentHoldSuccess?: (response: any) => void;
     onSavePaymentMethod?: (response: any) => void;
-    onRemovePaymentMethod?: () => void;
+    onRemovePaymentMethod?: (paymentMethod: PaymentMethodFragment) => void;
     onSetDefaultPaymentMethod?: () => void;
     accountId?: string;
     overrideToken?: string;
@@ -28,3 +30,4 @@ export declare function PaymentForm({ invoice, quote: maskedQuote, onPaymentSucc
         amountToHold?: number;
     };
 }): import("react/jsx-runtime").JSX.Element | null;
+export {};

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

@@ -3,6 +3,9 @@ export declare const PaymentForm_PaymentMethodsFragment: import("gql.tada").Tada
         MiniCreditCard_PaymentMethodFragment: "PaymentMethod";
     };
     id: string;
+    plugin: {
+        id: string;
+    } | null;
 }, {}, {
     fragment: "PaymentForm_PaymentMethodsFragment";
     on: "PaymentMethod";

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

@@ -1,2 +1,5 @@
-declare function useRemovePaymentMethod(onRemovePaymentMethod?: () => void, onError?: (message: string) => void): (data: any) => Promise<void>;
+import { ResultOf } from 'gql.tada';
+import { PaymentForm_PaymentMethodsFragment } from '../fragments/PaymentForm_PaymentMethodsFragment';
+type PaymentMethodFragment = ResultOf<typeof PaymentForm_PaymentMethodsFragment>;
+declare function useRemovePaymentMethod(onRemovePaymentMethod?: (paymentMethod: PaymentMethodFragment) => void, onError?: (message: string) => void): (data: PaymentMethodFragment) => Promise<void>;
 export default useRemovePaymentMethod;

package/dist/esm/types/src/types/frontendTypes/ComponentJSON.d.ts

@@ -1,4 +1,4 @@
-import { Rule } from "antd/lib/form/index";
+import type { Rule } from "antd/es/form";
 import { ReactElement } from "react";
 import { IconName } from "@fortawesome/free-solid-svg-icons";
 import TableColumn from "./TableColumn";

package/dist/index.d.ts

@@ -3,7 +3,7 @@ import FormattedInvoice from '@/types/FormattedInvoice';
 import { FormattedQuote } from '@/types/FormattedQuote';
 import { Transaction, TransactionKind } from '@/types/Transaction';
 import * as gql_tada from 'gql.tada';
-import { FragmentOf } from 'gql.tada';
+import { FragmentOf, ResultOf } from 'gql.tada';
 import Invoice$1 from '@/types/Invoice';
 import { QueryClient } from '@tanstack/react-query';
 import { ThemeConfig } from 'antd';
@@ -79,6 +79,21 @@ declare function Quotes({ className, columns, filter, filterQuotes, sort, noQuot
     noQuotesMessage?: string;
 }): react_jsx_runtime.JSX.Element;
 
+declare const PaymentForm_PaymentMethodsFragment: gql_tada.TadaDocumentNode<{
+    [$tada.fragmentRefs]: {
+        MiniCreditCard_PaymentMethodFragment: "PaymentMethod";
+    };
+    id: string;
+    plugin: {
+        id: string;
+    } | null;
+}, {}, {
+    fragment: "PaymentForm_PaymentMethodsFragment";
+    on: "PaymentMethod";
+    masked: true;
+}>;
+
+type PaymentMethodFragment = ResultOf<typeof PaymentForm_PaymentMethodsFragment>;
 declare const PaymentForm_QuoteFragment: gql_tada.TadaDocumentNode<{
     id: string | null;
     currencyId: string;
@@ -96,7 +111,7 @@ declare function PaymentForm({ invoice, quote: maskedQuote, onPaymentSuccess, on
     onPaymentSuccess?: (response: any) => void;
     onPaymentHoldSuccess?: (response: any) => void;
     onSavePaymentMethod?: (response: any) => void;
-    onRemovePaymentMethod?: () => void;
+    onRemovePaymentMethod?: (paymentMethod: PaymentMethodFragment) => void;
     onSetDefaultPaymentMethod?: () => void;
     accountId?: string;
     overrideToken?: string;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@bunnyapp/components",
-  "version": "1.7.0-beta.10",
+  "version": "1.7.0-beta.14",
   "description": "Components from the Bunny portal to embed Bunny UI functionality into your application.",
   "main": "dist/cjs/index.js",
   "module": "dist/esm/index.js",