@bunnyapp/components 1.0.11 → 1.0.13

package/dist/cjs/src/components/Signup/PaymentForms.d.ts

@@ -1,15 +1,13 @@
 import { Quote } from "@bunnyapp/common";
 import { OnPaymentSuccessType } from "../PaymentForm/PaymentFormTypes";
-export default function PaymentForms({ quote, paying, setIsPaying, handlePaymentSaveSuccess, handlePaymentFail, handleSubmit, proceedingToPayment, accountId, entityId, }: {
+export default function PaymentForms({ quote, handlePaymentSaveSuccess, handlePaymentFail, handleSubmit, proceedingToPayment, entityId, accountId, }: {
     quote?: Quote;
-    paying: boolean;
-    setIsPaying: (paying: boolean) => void;
     handlePaymentSaveSuccess: (paymentSuccess: OnPaymentSuccessType) => void;
     handlePaymentFail: (error: any) => void;
     handleSubmit: (formData: FormData) => void;
     proceedingToPayment: boolean;
-    accountId?: string;
     entityId: string;
+    accountId?: string;
 }): import("react/jsx-runtime").JSX.Element;
 export type FormData = {
     firstName: string;

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

@@ -1,7 +1,17 @@
+/// <reference types="react" />
 import "../../styles/index.less";
-export default function Signup({ companyName, entityId, priceListCode, returnUrl, }: {
+import { ShadowType } from "../../types/shadowType";
+export default function Signup({ companyName, entityId, priceListCode, returnUrl, isCardEnabled, className, shadow, style, }: {
     companyName: string;
     entityId: string;
     priceListCode: string;
     returnUrl?: string;
+    /** Whether or not to display signup within a card */
+    isCardEnabled?: boolean;
+    /** A custom class name to apply to the component */
+    className?: string;
+    /** The shadow level to apply to the component */
+    shadow?: ShadowType;
+    /** A custom style to apply to the component */
+    style?: React.CSSProperties;
 }): import("react/jsx-runtime").JSX.Element;

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

@@ -1,8 +1,10 @@
-import type { StoryObj } from "@storybook/react";
+import type { Meta, StoryObj } from "@storybook/react";
 import Signup from "./Signup";
-declare const meta: {
-    component: typeof Signup;
-};
+declare const meta: Meta<typeof Signup>;
 export default meta;
 type Story = StoryObj<typeof meta>;
 export declare const Default: Story;
+export declare const NoCard: Story;
+export declare const Mobile: Story;
+export declare const CustomClassName: Story;
+export declare const DarkMode: Story;

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

@@ -1,6 +1,4 @@
-import { FrontendTransaction as T } from "@bunnyapp/common";
-type StateTagProps = {
-    state: T.TransactionState;
-};
-declare const StateTag: ({ state }: StateTagProps) => import("react/jsx-runtime").JSX.Element;
+declare const StateTag: ({ state }: {
+    state: string;
+}) => import("react/jsx-runtime").JSX.Element;
 export default StateTag;

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

@@ -13,11 +13,12 @@ export type EditingQuoteDataType = {
     id: string;
     isTrial: boolean;
 };
-declare const Subscriptions: ({ companyName, entityId, gap, shadow, showTitle, }: {
+declare const Subscriptions: ({ companyName, entityId, gap, shadow, showTitle, className, }: {
     companyName: string;
     entityId: string;
     gap?: number | undefined;
     shadow?: "none" | "lg" | "md" | "sm" | undefined;
     showTitle?: boolean | undefined;
+    className?: string | undefined;
 }) => import("react/jsx-runtime").JSX.Element;
 export default Subscriptions;

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

@@ -0,0 +1,10 @@
+import type { Meta, StoryObj } from "@storybook/react";
+import Subscriptions from "./Subscriptions";
+declare const meta: Meta<typeof Subscriptions>;
+export default meta;
+type Story = StoryObj<typeof meta>;
+export declare const Default: Story;
+export declare const Mobile: Story;
+export declare const NoShadow: Story;
+export declare const CustomClassName: Story;
+export declare const DarkMode: Story;

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

@@ -1,20 +1,23 @@
 import React from "react";
 import { FrontendTransaction as T, TransactionKind } from "@bunnyapp/common";
-export default function Transactions({ transactionComponent, showSearchBar, showTitle, columns, className, shadow, searchBarClassName, useModal, onTransactionClick, suppressTransactionDisplay, kindsToShow, style, filter, noTransactionsMessage, entityId, }: {
+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, }: {
     /** A custom component to render instead of the default invoice component */
     transactionComponent?: React.ReactNode;
     /** Whether to show the search bar */
     showSearchBar?: boolean;
     /** Whether to show the title */
     showTitle?: boolean;
+    /** The title to display in the transactions list */
+    title?: string;
     /** The columns to display in the transactions list */
-    columns?: ("date-and-title" | "state" | "amount" | "download" | "actions")[];
+    columns?: ("date-and-title" | "state" | "amount" | "download")[];
     /** A custom class name to apply to the component */
     className?: string;
     /** Whether to use a modal for the invoice drawer */
     useModal?: boolean;
     /** Whether to show a shadow around the transactions list */
-    shadow?: "none" | "sm" | "md" | "lg" | "xl";
+    shadow?: ShadowType;
     /** A custom class name to apply to the search bar */
     searchBarClassName?: string;
     /** A function to call when a transaction is clicked */
@@ -32,9 +35,8 @@ export default function Transactions({ transactionComponent, showSearchBar, show
     /** The entity id to pass to the invoice component */
     entityId: string;
 }): import("react/jsx-runtime").JSX.Element;
-export declare function TransactionsDisplay({ transactions, onSearchValueChanged, search, title, }: {
+export declare function TransactionsDisplay({ transactions, onSearchValueChanged, search, }: {
     transactions: T.Transaction[];
     onSearchValueChanged: (value: string) => void;
     search: string;
-    title?: string;
 }): import("react/jsx-runtime").JSX.Element;

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

@@ -1,17 +1,26 @@
-import type { StoryObj } from "@storybook/react";
+import type { Meta, StoryObj } from "@storybook/react";
 import Transactions from "./Transactions";
-declare const meta: {
-    component: typeof Transactions;
-    tags: string[];
-};
+declare const meta: Meta<typeof Transactions>;
 export default meta;
 type Story = StoryObj<typeof meta>;
+export declare const basicArgs: {
+    token: string;
+    entityId: string;
+};
 export declare const Default: Story;
+export declare const Padding0BGRed: Story;
+export declare const NoShadow: Story;
 export declare const WithModal: Story;
-export declare const WithoutSearchBar: Story;
+export declare const HideSearchBar: Story;
+export declare const HideTitle: Story;
+export declare const HideTitleAndSearchBar: Story;
+export declare const CustomTitle: Story;
 export declare const Mobile: Story;
 export declare const WithCustomTransactionComponent: Story;
 export declare const WithCustomColumns1: Story;
 export declare const WithCustomColumns2: Story;
 export declare const WithCustomColumns3: Story;
 export declare const WithCustomColumns4: Story;
+export declare const WithCustomColumns5: Story;
+export declare const DarkMode: Story;
+export declare const CustomColors: Story;

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

@@ -1,16 +1,20 @@
 /// <reference types="react" />
 import { FrontendTransaction as T, TransactionKind } from "@bunnyapp/common";
 import { TransactionListColumnType } from "./transactionsList/TransactionsListDesktop";
+import { ShadowType } from "../../types/shadowType";
 export type TransactionsContextValues = {
     showSearchBar?: boolean;
     showTitle?: boolean;
+    title?: string;
     transactionComponent?: React.ReactNode;
+    transactionStateRenderer?: (state: string) => React.ReactNode;
     columns: TransactionListColumnType[];
     className?: string;
-    shadow?: "none" | "sm" | "md" | "lg" | "xl";
+    shadow?: ShadowType;
     searchBarClassName?: string;
     useModal?: boolean;
     onTransactionClick?: (transaction: T.Transaction) => void;
+    onTransactionDisplayClose?: (transaction: T.Transaction | null) => void;
     suppressTransactionDisplay?: boolean;
     kindsToShow: TransactionKind[];
     style?: React.CSSProperties;

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

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

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

@@ -1,6 +1,6 @@
 /// <reference types="react" />
 export type PaymentContextValues = {
-    accountId: string;
-    displayPayButtonNameAnyways: boolean;
+    onClickCancel?: () => void;
+    accountId?: string;
 };
 export declare const PaymentContext: import("react").Context<PaymentContextValues>;

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

@@ -1,6 +1,6 @@
 import { Account } from "@bunnyapp/common";
 declare const getAccount: ({ id, token, apiHost, }: {
-    id: string;
+    id?: string | undefined;
     token: string;
     apiHost: string;
 }) => Promise<Account>;

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

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

package/dist/cjs/src/hooks/usePaymentMethod.d.ts

@@ -1,2 +1,2 @@
 import { GraphQLClient } from "graphql-request";
-export declare const usePaymentMethod: (graphQLClient: GraphQLClient) => import("@tanstack/react-query/build/legacy/types").UseQueryResult<any, Error>;
+export declare const usePaymentMethod: (graphQLClient: GraphQLClient, accountId?: string) => import("@tanstack/react-query/build/legacy/types").UseQueryResult<any, Error>;

package/dist/cjs/src/mocks/handlers.d.ts

@@ -1 +1 @@
-export declare const handlers: import("msw/lib/core/GraphQLHandler-C5CUIS_N").G[];
+export declare const handlers: (import("msw/lib/core/handlers/HttpHandler").HttpHandler | import("msw/lib/core/GraphQLHandler-C5CUIS_N").G)[];

package/dist/cjs/src/storybook-utils.d.ts

@@ -0,0 +1,10 @@
+export declare const DarkModeParams: {
+    darkMode: boolean;
+    backgrounds: {
+        default: string;
+        values: {
+            name: string;
+            value: string;
+        }[];
+    };
+};

package/dist/cjs/src/types/shadowType.d.ts

@@ -0,0 +1 @@
+export type ShadowType = "shadow-none" | "shadow-sm" | "shadow-md" | "shadow-lg" | "shadow-xl";