@bunnyapp/components 1.6.0-beta.19 → 1.6.0-beta.20

package/dist/esm/types/src/hooks/usePaymentPlugins.d.ts

@@ -1,30 +1,16 @@
-type PaymentPlugin = {
-    enabled: boolean;
-    entities: string[];
-    guid: string;
-    hidden: boolean;
-    id: string;
-    name: string;
-    status: string;
-    type: string;
-    webhookEnabled: boolean;
-    components: {
-        frontend: {
-            name: string;
-            scenarios: string[];
-        }[];
-        backend: {
-            name: string;
-            access: string[];
-        }[];
-    };
-};
-export declare const usePaymentPlugins: ({ apiHost, token, accountId, }: {
-    apiHost: string;
-    token?: string;
-    accountId?: string;
-}) => {
-    paymentPlugins: PaymentPlugin[];
+export declare const usePaymentPlugins: (accountId: string | undefined) => {
+    paymentPlugins: {
+        enabled: boolean;
+        entities: string[];
+        guid: string;
+        hidden: boolean;
+        id: string;
+        name: string;
+        status: string;
+        type: string;
+        webhookEnabled: boolean;
+        components: unknown;
+    }[];
     isFetched: boolean;
 };
 export default usePaymentPlugins;

package/dist/esm/types/src/utils/QueryKeyFactory.d.ts

@@ -91,5 +91,6 @@ declare const QueryKeyFactory: {
         priceListId: string;
         token?: string;
     }) => string[];
+    paymentPluginsKey: (token?: string) => string[];
 };
 export default QueryKeyFactory;

package/dist/esm/types/src/utils/apiUtils/invokePlugin.d.ts

@@ -0,0 +1,10 @@
+import { PluginData } from '@bunnyapp/common';
+export declare const invokePlugin: ({ method, payload, plugin, token, apiHost, componentsVersion, }: {
+    method: string;
+    payload?: Record<string, any>;
+    plugin: PluginData;
+    token?: string;
+    apiHost: string;
+    componentsVersion?: string;
+}) => Promise<any>;
+export default invokePlugin;

package/dist/index.d.ts

@@ -1,8 +1,10 @@
 import * as react_jsx_runtime from 'react/jsx-runtime';
-import { FormattedInvoice, FormattedQuote, Transaction, Invoice as Invoice$1, Quote as Quote$1, PluginData, TransactionKind, Subscription, PaymentMethod } from '@bunnyapp/common';
+import { FormattedInvoice, FormattedQuote, Transaction, Invoice as Invoice$1, Quote as Quote$1, TransactionKind, Subscription } from '@bunnyapp/common';
 import { QueryClient } from '@tanstack/react-query';
 import { ThemeConfig } from 'antd';
 import react from 'react';
+import * as gql_tada from 'gql.tada';
+import { FragmentOf } from 'gql.tada';
 
 type ShadowType = "shadow-none" | "shadow-sm" | "shadow-md" | "shadow-lg" | "shadow-xl";
 
@@ -74,23 +76,22 @@ declare function Quotes({ className, columns, filter, filterQuotes, sort, noQuot
     noQuotesMessage?: string;
 }): react_jsx_runtime.JSX.Element;
 
-declare const PaymentForm: ({ invoice, onFail, onPaymentSuccess, onPaymentHoldSuccess, quote, accountId, onSavePaymentMethod, onRemovePaymentMethod, onSetDefaultPaymentMethod, overrideToken, customCheckoutFunction, paymentHoldOptions, }: {
+declare function PaymentForm({ invoice, quote, onPaymentSuccess, onPaymentHoldSuccess, accountId, onSavePaymentMethod, onRemovePaymentMethod, onSetDefaultPaymentMethod, overrideToken, customCheckoutFunction, paymentHoldOptions, }: {
     invoice?: FormattedInvoice | Invoice$1;
     quote?: Quote$1;
-    onFail: (error: any) => void;
-    onPaymentSuccess?: () => void;
+    onPaymentSuccess?: (response: any) => void;
     onPaymentHoldSuccess?: (response: any) => void;
     onSavePaymentMethod?: (response: any) => void;
     onRemovePaymentMethod?: () => void;
     onSetDefaultPaymentMethod?: () => void;
     accountId?: string;
     overrideToken?: string;
-    customCheckoutFunction?: (plugin: PluginData | undefined) => Promise<any>;
+    customCheckoutFunction?: (pluginId: string, paymentMethodId: string) => Promise<any>;
     paymentHoldOptions?: {
         payToAccept?: boolean;
         amountToHold?: number;
     };
-}) => react_jsx_runtime.JSX.Element;
+}): react_jsx_runtime.JSX.Element | null;
 
 declare function Signup({ companyName, priceListCode, returnUrl, couponCode, className, shadow, style, defaultFirstName, defaultLastName, defaultEmail, defaultCompanyName, defaultBillingCountry, }: {
     /** The company name to display on the signup page */
@@ -221,15 +222,31 @@ declare const Footer: ({ className }: {
     className?: string;
 }) => react_jsx_runtime.JSX.Element;
 
-declare const MiniCreditCard: ({ className, buttons, hideDropdownMenu, hideDefaultTag, onClickRemove, paymentMethodData, onClickSetDefault, id, }: {
+declare const MiniCreditCard_PaymentMethodFragment: gql_tada.TadaDocumentNode<{
+    [$tada.fragmentRefs]: {
+        CardImage_PaymentMethodFragment: "PaymentMethod";
+    };
+    isDefault: boolean | null;
+    metadata: {
+        issuer: string | null;
+        type: string | null;
+        identifier: string | null;
+    } | null;
+    id: string;
+}, {}, {
+    fragment: "MiniCreditCard_PaymentMethodFragment";
+    on: "PaymentMethod";
+    masked: true;
+}>;
+declare function MiniCreditCard({ className, buttons, hideDropdownMenu, hideDefaultTag, onClickRemove, paymentMethod: maskedPaymentMethod, onClickSetDefault, id, }: {
     className?: string;
     buttons?: React.ReactNode;
     hideDropdownMenu?: boolean;
     hideDefaultTag?: boolean;
     onClickRemove?: () => void;
-    paymentMethodData?: PaymentMethod;
+    paymentMethod?: FragmentOf<typeof MiniCreditCard_PaymentMethodFragment>;
     onClickSetDefault?: () => void;
     id?: string;
-}) => react_jsx_runtime.JSX.Element;
+}): react_jsx_runtime.JSX.Element;
 
 export { BillingDetails, BunnyProvider, Footer, Invoice, MiniCreditCard, PaymentForm, Quote, Quotes, Signup, SubscriptionsWrapper as Subscriptions, Transactions, UpgradeWrapper as Upgrade };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@bunnyapp/components",
-  "version": "1.6.0-beta.19",
+  "version": "1.6.0-beta.20",
   "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/types/src/components/PaymentForm/CheckoutFooter.d.ts

@@ -1,13 +0,0 @@
-import { FormattedInvoice, Invoice, PluginData, Quote } from '@bunnyapp/common';
-declare const CheckoutFooter: ({ quote, invoice, onPaymentSuccess, onPaymentHoldSuccess, plugin, paymentHoldOptions, }: {
-    quote?: Quote;
-    invoice?: FormattedInvoice | Invoice;
-    onPaymentSuccess?: (response: any) => void;
-    onPaymentHoldSuccess?: (response: any) => void;
-    plugin: PluginData | undefined;
-    paymentHoldOptions?: {
-        payToAccept?: boolean;
-        amountToHold?: number;
-    };
-}) => import("react/jsx-runtime").JSX.Element | null;
-export default CheckoutFooter;

package/dist/cjs/types/src/components/PaymentForm/DemoPay/CreditCard/LargCardIcon.d.ts

@@ -1,2 +0,0 @@
-declare const LargeCardIcon: () => import("react/jsx-runtime").JSX.Element;
-export default LargeCardIcon;

package/dist/cjs/types/src/components/PaymentForm/DemoPay/CreditCard/PlusIcon.d.ts

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

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

@@ -1,7 +0,0 @@
-import { PluginData } from '@bunnyapp/common';
-declare const PaymentMethodDetails: ({ onFail, plugin, onSavePaymentMethod, }: {
-    onFail: (error: any) => void;
-    plugin: PluginData;
-    onSavePaymentMethod: (response: any) => void;
-}) => import("react/jsx-runtime").JSX.Element;
-export default PaymentMethodDetails;

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

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

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

@@ -1,6 +0,0 @@
-declare const SavePaymentMethodFooter: ({ isSaving, onSave, noPadding, }: {
-    isSaving: boolean;
-    onSave: () => void;
-    noPadding?: boolean;
-}) => import("react/jsx-runtime").JSX.Element;
-export default SavePaymentMethodFooter;

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

@@ -1,7 +0,0 @@
-import { PluginData } from '@bunnyapp/common';
-declare const PaymentMethodForm: ({ plugin, onFail, onSavePaymentMethod, }: {
-    plugin: PluginData;
-    onFail: (error: any) => void;
-    onSavePaymentMethod: (response: any) => void;
-}) => import("react/jsx-runtime").JSX.Element;
-export default PaymentMethodForm;

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

@@ -1,10 +0,0 @@
-import { PaymentMethod, PluginData } from "@bunnyapp/common";
-declare const usePaymentMethodSelectorPlugin: ({ defaultPaymentMethod, defaultPaymentMethodPlugin, paymentMethodAllowedPlugins, }: {
-    defaultPaymentMethod: PaymentMethod | undefined;
-    defaultPaymentMethodPlugin: PluginData | undefined;
-    paymentMethodAllowedPlugins: PluginData[] | undefined;
-}) => {
-    selectorPaymentMethodPlugin: PluginData | undefined;
-    setSelectorPaymentMethodPlugin: import("react").Dispatch<import("react").SetStateAction<PluginData | undefined>>;
-};
-export default usePaymentMethodSelectorPlugin;

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

@@ -1,3 +0,0 @@
-import { PluginData } from '@bunnyapp/common';
-declare function useRemovePaymentMethod(paymentPlugins: PluginData[], apiHost: string, token?: string, accountId?: string, onRemovePaymentMethod?: () => void, onError?: (message: string) => void): (data: any) => Promise<void>;
-export default useRemovePaymentMethod;

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

@@ -1,6 +0,0 @@
-import { PluginData } from '@bunnyapp/common';
-declare function useSetDefaultPaymentMethod(paymentPlugins: PluginData[], apiHost: string, token?: string, accountId?: string, onError?: (message: string) => void, onSuccess?: () => void): {
-    setDefaultPaymentMethod: (data: any) => Promise<void>;
-    loading: boolean;
-};
-export default useSetDefaultPaymentMethod;

package/dist/cjs/types/src/contexts/PaymentContext.d.ts

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

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

@@ -1,13 +0,0 @@
-import { FormattedInvoice, Invoice, PluginData, Quote } from '@bunnyapp/common';
-declare const CheckoutFooter: ({ quote, invoice, onPaymentSuccess, onPaymentHoldSuccess, plugin, paymentHoldOptions, }: {
-    quote?: Quote;
-    invoice?: FormattedInvoice | Invoice;
-    onPaymentSuccess?: (response: any) => void;
-    onPaymentHoldSuccess?: (response: any) => void;
-    plugin: PluginData | undefined;
-    paymentHoldOptions?: {
-        payToAccept?: boolean;
-        amountToHold?: number;
-    };
-}) => import("react/jsx-runtime").JSX.Element | null;
-export default CheckoutFooter;

package/dist/esm/types/src/components/PaymentForm/DemoPay/CreditCard/LargCardIcon.d.ts

@@ -1,2 +0,0 @@
-declare const LargeCardIcon: () => import("react/jsx-runtime").JSX.Element;
-export default LargeCardIcon;

package/dist/esm/types/src/components/PaymentForm/DemoPay/CreditCard/PlusIcon.d.ts

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

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

@@ -1,7 +0,0 @@
-import { PluginData } from '@bunnyapp/common';
-declare const PaymentMethodDetails: ({ onFail, plugin, onSavePaymentMethod, }: {
-    onFail: (error: any) => void;
-    plugin: PluginData;
-    onSavePaymentMethod: (response: any) => void;
-}) => import("react/jsx-runtime").JSX.Element;
-export default PaymentMethodDetails;

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

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

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

@@ -1,6 +0,0 @@
-declare const SavePaymentMethodFooter: ({ isSaving, onSave, noPadding, }: {
-    isSaving: boolean;
-    onSave: () => void;
-    noPadding?: boolean;
-}) => import("react/jsx-runtime").JSX.Element;
-export default SavePaymentMethodFooter;

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

@@ -1,7 +0,0 @@
-import { PluginData } from '@bunnyapp/common';
-declare const PaymentMethodForm: ({ plugin, onFail, onSavePaymentMethod, }: {
-    plugin: PluginData;
-    onFail: (error: any) => void;
-    onSavePaymentMethod: (response: any) => void;
-}) => import("react/jsx-runtime").JSX.Element;
-export default PaymentMethodForm;

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

@@ -1,10 +0,0 @@
-import { PaymentMethod, PluginData } from "@bunnyapp/common";
-declare const usePaymentMethodSelectorPlugin: ({ defaultPaymentMethod, defaultPaymentMethodPlugin, paymentMethodAllowedPlugins, }: {
-    defaultPaymentMethod: PaymentMethod | undefined;
-    defaultPaymentMethodPlugin: PluginData | undefined;
-    paymentMethodAllowedPlugins: PluginData[] | undefined;
-}) => {
-    selectorPaymentMethodPlugin: PluginData | undefined;
-    setSelectorPaymentMethodPlugin: import("react").Dispatch<import("react").SetStateAction<PluginData | undefined>>;
-};
-export default usePaymentMethodSelectorPlugin;

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

@@ -1,3 +0,0 @@
-import { PluginData } from '@bunnyapp/common';
-declare function useRemovePaymentMethod(paymentPlugins: PluginData[], apiHost: string, token?: string, accountId?: string, onRemovePaymentMethod?: () => void, onError?: (message: string) => void): (data: any) => Promise<void>;
-export default useRemovePaymentMethod;

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

@@ -1,6 +0,0 @@
-import { PluginData } from '@bunnyapp/common';
-declare function useSetDefaultPaymentMethod(paymentPlugins: PluginData[], apiHost: string, token?: string, accountId?: string, onError?: (message: string) => void, onSuccess?: () => void): {
-    setDefaultPaymentMethod: (data: any) => Promise<void>;
-    loading: boolean;
-};
-export default useSetDefaultPaymentMethod;

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

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