@bunnyapp/components 1.0.19 → 1.0.20

package/dist/cjs/src/components/Card.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 declare const Card: ({ children, className, style, }: {
     children: React.ReactNode;
     className?: string | undefined;

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

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

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

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

package/dist/cjs/src/components/Subscriptions/Subscriptions.d.ts

@@ -1,14 +1,20 @@
+import { Subscription } from "@bunnyapp/common";
 import "../../styles/index.less";
 export type EditingQuoteDataType = {
     id: string;
     isTrial: boolean;
 };
-declare const Subscriptions: ({ companyName, entityId, gap, shadow, showTitle, className, }: {
+declare const Subscriptions: ({ className, companyName, entityId, hideExpired, onCancelSubscriptionClick, onChangePlanClick, onSubscriptionsLoaded, styles, }: {
+    className?: string | undefined;
     companyName: string;
     entityId: string;
-    gap?: number | undefined;
-    shadow?: "none" | "lg" | "md" | "sm" | undefined;
-    showTitle?: boolean | undefined;
-    className?: string | undefined;
+    hideExpired?: boolean | undefined;
+    onCancelSubscriptionClick?: ((subscription: Subscription) => void) | undefined;
+    onChangePlanClick?: ((subscription: Subscription) => void) | undefined;
+    onSubscriptionsLoaded?: ((subscriptions: Subscription[]) => void) | undefined;
+    styles?: {
+        gap?: number | undefined;
+        shadow?: "none" | "sm" | "md" | "lg" | undefined;
+    } | undefined;
 }) => import("react/jsx-runtime").JSX.Element;
 export default Subscriptions;

package/dist/cjs/src/components/Subscriptions/SubscriptionsContext.d.ts

@@ -1,10 +1,7 @@
 /// <reference types="react" />
 export type SubscriptionsContextValues = {
-    onChangePlanClick: () => void;
-    onClickUpgrade: () => void;
-    isTempViewOnly: boolean;
-    shadow?: "none" | "sm" | "md" | "lg";
     gap?: number;
+    shadow?: "none" | "sm" | "md" | "lg";
     showTitle?: boolean;
 };
 export declare const SubscriptionsContext: import("react").Context<SubscriptionsContextValues>;

package/dist/cjs/src/components/Subscriptions/subscriptionsList/SubscriptionCardActions.d.ts

@@ -1,8 +1,8 @@
 import { PlanChangeOptions, Subscription } from "@bunnyapp/common";
-declare const SubscriptionCardActions: ({ planChangeOptions, subscription, setEditingQuoteData, setPayModalVisible, }: {
+declare const SubscriptionCardActions: ({ onChangePlanClick, onCancelSubscriptionClick, planChangeOptions, subscription, }: {
+    onChangePlanClick: (subscription: Subscription) => void;
+    onCancelSubscriptionClick: (subscription: Subscription) => void;
     planChangeOptions?: PlanChangeOptions | undefined;
     subscription: Subscription;
-    setEditingQuoteData: (value: any) => void;
-    setPayModalVisible: (value: any) => void;
 }) => import("react/jsx-runtime").JSX.Element | null;
 export default SubscriptionCardActions;

package/dist/cjs/src/components/Subscriptions/subscriptionsList/SubscriptionCardHeader.d.ts

@@ -1,8 +1,8 @@
 import { PlanChangeOptions, Subscription } from "@bunnyapp/common";
-declare const SubscriptionCardHeader: ({ planChangeOptions, setEditingQuoteData, setPayModalVisible, subscription, }: {
+declare const SubscriptionCardHeader: ({ onChangePlanClick, onCancelSubscriptionClick, planChangeOptions, subscription, }: {
+    onChangePlanClick?: ((subscription: Subscription) => void) | undefined;
+    onCancelSubscriptionClick?: ((subscription: Subscription) => void) | undefined;
     planChangeOptions?: PlanChangeOptions | undefined;
-    setEditingQuoteData: (value: any) => void;
-    setPayModalVisible: (value: any) => void;
     subscription: Subscription;
 }) => import("react/jsx-runtime").JSX.Element;
 export default SubscriptionCardHeader;

package/dist/cjs/src/components/Subscriptions/subscriptionsList/SubscriptionsList.d.ts

@@ -1,10 +1,9 @@
-import { Invoice, PlanChangeOptions, Subscription } from "@bunnyapp/common";
-declare const SubscriptionsList: ({ hideExpired, planChangeOptions, setEditingQuoteData, setPayModalVisible, subscriptions, }: {
+import { PlanChangeOptions, Subscription } from "@bunnyapp/common";
+declare const SubscriptionsList: ({ hideExpired, onChangePlanClick, onCancelSubscriptionClick, planChangeOptions, subscriptions, }: {
     hideExpired: boolean;
-    invoice?: Invoice | undefined;
+    onChangePlanClick?: ((subscription: Subscription) => void) | undefined;
+    onCancelSubscriptionClick?: ((subscription: Subscription) => void) | undefined;
     planChangeOptions?: PlanChangeOptions | undefined;
-    setEditingQuoteData: (value: any) => void;
-    setPayModalVisible: (value: any) => void;
     subscriptions: Subscription[];
 }) => import("react/jsx-runtime").JSX.Element;
 export default SubscriptionsList;

package/dist/cjs/src/components/Subscriptions/subscriptionsList/subscriptionCardDesktop/SubscriptionCardDesktop.d.ts

@@ -1,8 +1,8 @@
 import { PlanChangeOptions, Subscription } from "@bunnyapp/common";
-declare const SubscriptionCardDesktop: ({ planChangeOptions, setEditingQuoteData, setPayModalVisible, subscription, }: {
+declare const SubscriptionCardDesktop: ({ onChangePlanClick, onCancelSubscriptionClick, planChangeOptions, subscription, }: {
+    onChangePlanClick?: ((subscription: Subscription) => void) | undefined;
+    onCancelSubscriptionClick?: ((subscription: Subscription) => void) | undefined;
     planChangeOptions?: PlanChangeOptions | undefined;
-    setEditingQuoteData: (value: any) => void;
-    setPayModalVisible: (value: any) => void;
     subscription: Subscription;
 }) => import("react/jsx-runtime").JSX.Element;
 export default SubscriptionCardDesktop;

package/dist/cjs/src/components/Subscriptions/subscriptionsList/subscriptionCardMobile/SubscriptionCardMobile.d.ts

@@ -1,8 +1,5 @@
-import { PlanChangeOptions, Subscription } from "@bunnyapp/common";
-declare const SubscriptionCard: ({ planChangeOptions, setEditingQuoteData, setPayModalVisible, subscription, }: {
-    planChangeOptions?: PlanChangeOptions | undefined;
-    setEditingQuoteData: (value: any) => void;
-    setPayModalVisible: (value: any) => void;
+import { Subscription } from "@bunnyapp/common";
+declare const SubscriptionCard: ({ subscription }: {
     subscription: Subscription;
 }) => import("react/jsx-runtime").JSX.Element;
 export default SubscriptionCard;

package/dist/cjs/src/components/Subscriptions/subscriptionsList/subscriptionUtils.d.ts

@@ -7,9 +7,6 @@ export declare const createQuoteParams: (quote: Quote, subscriptionQuantity: num
     }[];
     quoteChange: import("@bunnyapp/common").QuoteChange | undefined;
 };
-export declare const canShowChangeQuantities: ({ subscriptions, }: {
-    subscriptions: Subscription[];
-}) => boolean;
 export declare const isSubscriptionNotActive: (subscription: Subscription) => boolean;
 export declare const productPlanName: ({ plan, product, }: {
     plan: Plan;

package/dist/cjs/src/components/Transactions/Transactions.d.ts

@@ -1,7 +1,8 @@
 import React from "react";
 import { FrontendTransaction as T, TransactionKind } from "@bunnyapp/common";
 import { ShadowType } from "../../types/shadowType";
-export default function Transactions({ transactionComponent, showSearchBar, showTitle, title, columns, className, shadow, searchBarClassName, useModal, onTransactionClick, suppressTransactionDisplay, kindsToShow, style, filter, noTransactionsMessage, entityId, filterTransactions, sortTransactions, }: {
+import { TransactionDateType } from "./TransactionsListContext";
+export default function Transactions({ transactionComponent, showSearchBar, showTitle, title, columns, className, shadow, searchBarClassName, useModal, onTransactionClick, suppressTransactionDisplay, kindsToShow, style, filter, noTransactionsMessage, entityId, filterTransactions, sortTransactions, transactionDateType, }: {
     /** A custom component to render instead of the default invoice component */
     transactionComponent?: React.ReactNode;
     /** Whether to show the search bar */
@@ -43,6 +44,8 @@ export default function Transactions({ transactionComponent, showSearchBar, show
     filterTransactions?: (transaction: T.Transaction) => boolean;
     /** A function to sort the transactions. Runs on the client side. */
     sortTransactions?: (transactionA: T.Transaction, transactionB: T.Transaction) => number;
+    /** The type of date to display for transactions if applicable. Payments will always only show createdAt date. */
+    transactionDateType?: TransactionDateType;
 }): import("react/jsx-runtime").JSX.Element;
 export declare function TransactionsDisplay({ transactions, onSearchValueChanged, search, }: {
     transactions: T.Transaction[];

package/dist/cjs/src/components/Transactions/TransactionsListContext.d.ts

@@ -1,7 +1,7 @@
 /// <reference types="react" />
 import { FrontendTransaction as T, TransactionKind } from "@bunnyapp/common";
-import { TransactionListColumnType } from "./transactionsList/TransactionsListDesktop";
 import { ShadowType } from "../../types/shadowType";
+import { TransactionListColumnType } from "./transactionsList/TransactionsListDesktop";
 export type TransactionsContextValues = {
     showSearchBar?: boolean;
     showTitle?: boolean;
@@ -24,5 +24,7 @@ export type TransactionsContextValues = {
     entityId: string;
     filterTransactions?: (transaction: T.Transaction) => boolean;
     sortTransactions?: (transactionA: T.Transaction, transactionB: T.Transaction) => number;
+    transactionDateType: TransactionDateType;
 };
+export type TransactionDateType = "createdAt" | "issuedAt" | "dueAt";
 export declare const TransactionsListContext: import("react").Context<TransactionsContextValues>;

package/dist/cjs/src/components/Transactions/transactionsList/TransactionsListDesktop.d.ts

@@ -1,7 +1,7 @@
-import { FrontendTransaction as T, Transaction } from "@bunnyapp/common";
+import { FrontendTransaction as T } from "@bunnyapp/common";
 export type TransactionListColumnType = "date-and-title" | "state" | "amount" | "download";
 declare const TransactionsListDesktop: ({ transactions, onTransactionClick, }: {
     transactions: T.Transaction[];
     onTransactionClick?: ((transaction: T.Transaction) => void) | undefined;
-}) => import("react/jsx-runtime").JSX.Element | import("react/jsx-runtime").JSX.Element[];
+}) => import("react/jsx-runtime").JSX.Element;
 export default TransactionsListDesktop;

package/dist/cjs/src/components/Transactions/transactionsList/TransactionsListMobile.d.ts

@@ -2,5 +2,5 @@ import { FrontendTransaction as T } from "@bunnyapp/common";
 declare const TransactionsListMobile: ({ transactions, onTransactionClick, }: {
     transactions: T.Transaction[];
     onTransactionClick: (transaction: T.Transaction) => void;
-}) => import("react/jsx-runtime").JSX.Element | import("react/jsx-runtime").JSX.Element[];
+}) => import("react/jsx-runtime").JSX.Element;
 export default TransactionsListMobile;

package/dist/cjs/src/components/Transactions/transactionsList/utils.d.ts

@@ -0,0 +1,3 @@
+import { FrontendTransaction as T } from "@bunnyapp/common";
+import { TransactionDateType } from "../TransactionsListContext";
+export declare function transactionDateToDisplay(transaction: T.Transaction, transactionDateType: TransactionDateType): any;

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

@@ -1,7 +1,7 @@
-declare const getSubscriptions: ({ entityId, isInPreviewMode, token, apiHost, }: {
+declare const getSubscriptions: ({ apiHost, entityId, isInPreviewMode, token, }: {
+    apiHost: string;
     entityId: string;
     isInPreviewMode?: boolean | undefined;
     token: string;
-    apiHost: string;
 }) => Promise<any>;
 export default getSubscriptions;

package/dist/cjs/src/hooks/quotes/useSendAcceptQuote.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 declare const useSendAcceptQuote: ({ entityId, onTokenExpired, quoteId, apiHost, token, }: {
     entityId: string;
     onTokenExpired?: (() => void) | undefined;