@bunnyapp/components 1.0.0 → 1.0.2

package/dist/cjs/playground/main.d.ts

@@ -0,0 +1 @@
+import "../src/styles/index.less";

package/dist/cjs/{types/src → src}/components/BunnyProvider.d.ts

@@ -6,14 +6,16 @@ export type BunnyContextValues = {
     window: Window;
     token: string;
     accountId?: string;
+    displayPayButtonNameAnyways?: boolean;
+    darkMode?: boolean;
 };
 export declare const BunnyContext: import("react").Context<BunnyContextValues>;
-interface BunnyProviderProps {
+declare function BunnyProvider({ children, token, subdomain, window, accountId, darkMode, }: {
     children: React.ReactNode;
     token: string;
     subdomain: string;
     window: Window;
     accountId?: string;
-}
-declare function BunnyProvider({ children, token, subdomain, window, accountId, }: BunnyProviderProps): import("react/jsx-runtime").JSX.Element;
+    darkMode?: boolean;
+}): import("react/jsx-runtime").JSX.Element;
 export default BunnyProvider;

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

@@ -0,0 +1,7 @@
+/// <reference types="react" />
+declare const Card: ({ children, className, style, }: {
+    children: React.ReactNode;
+    className?: string | undefined;
+    style?: import("react").CSSProperties | undefined;
+}) => import("react/jsx-runtime").JSX.Element;
+export default Card;

package/dist/cjs/src/components/Checkout/InvoiceCheckout.d.ts

@@ -0,0 +1,27 @@
+/// <reference types="react" />
+import { FormattedInvoice } from "@bunnyapp/common";
+import { InvoiceQuoteParentProps } from "../PaymentForm/PaymentFormTypes";
+interface InvoiceCheckoutProps extends InvoiceQuoteParentProps {
+    invoice?: FormattedInvoice;
+    preCheckout?: () => void;
+    setIsPreCheckoutLoading?: (loading: boolean) => void;
+    isPreCheckoutLoading?: boolean;
+    payImmediatelyGivenInvoice?: boolean;
+    checkoutButtonName?: {
+        notIsSaving: string;
+        isSaving: string;
+    };
+}
+export declare const InvoiceCheckoutContext: import("react").Context<{
+    preCheckout?: (() => void) | undefined;
+    setIsPreCheckoutLoading?: ((loading: boolean) => void) | undefined;
+    isPreCheckoutLoading?: boolean | undefined;
+    payImmediatelyGivenInvoice?: boolean | undefined;
+    checkoutButtonName?: {
+        notIsSaving: string;
+        isSaving: string;
+    } | undefined;
+    invoice?: FormattedInvoice | undefined;
+}>;
+declare const InvoiceCheckout: ({ isSaving, onSuccess, onFail, invoice, setIsSaving, preCheckout, setIsPreCheckoutLoading, isPreCheckoutLoading, payImmediatelyGivenInvoice, checkoutButtonName, }: InvoiceCheckoutProps) => import("react/jsx-runtime").JSX.Element;
+export default InvoiceCheckout;

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

@@ -0,0 +1,4 @@
+declare const Footer: ({ className }: {
+    className?: string | undefined;
+}) => import("react/jsx-runtime").JSX.Element | null;
+export default Footer;

package/dist/cjs/src/components/Icons/ArrowDownToLine.d.ts

@@ -0,0 +1,5 @@
+declare const ArrowDownToLine: ({ className, color, }: {
+    className?: string | undefined;
+    color?: string | undefined;
+}) => import("react/jsx-runtime").JSX.Element;
+export default ArrowDownToLine;

package/dist/{esm/types → cjs}/src/components/PaymentForm/PaymentMethod/PaymentMethod.d.ts

@@ -1,4 +1,5 @@
 /// <reference types="react" />
+import "../../../styles/index.less";
 export declare function PaymentMethod({ footer, processPublicUrl, }: {
     footer?: React.ReactNode;
     processPublicUrl: string;

package/dist/cjs/{types/src → src}/components/PaymentForm/PaymentOption.d.ts

@@ -1,4 +1,4 @@
-import { PluginData, PaymentMethod } from "@bunnyapp/common";
+import { PaymentMethod, PluginData } from "@bunnyapp/common";
 declare const PaymentOption: ({ selected, paymentOption, onClick, name, }: {
     onClick: (paymentMethod: PluginData | PaymentMethod) => void;
     selected: boolean;

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

@@ -0,0 +1,19 @@
+import "../../styles/index.less";
+import { Quote } from "@bunnyapp/common";
+import { OnPaymentSuccessType } from "../PaymentForm/PaymentFormTypes";
+export default function PaymentForms({ quote, paying, setIsPaying, handlePaymentSaveSuccess, handlePaymentFail, handleSubmit, proceedingToPayment, 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;
+}): import("react/jsx-runtime").JSX.Element;
+export type FormData = {
+    firstName: string;
+    lastName: string;
+    email: string;
+    accountName: string;
+};

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

@@ -0,0 +1,7 @@
+/// <reference types="react" />
+export default function PaymentSuccessDisplay({ className, amountPaid, style, returnUrl, }: {
+    className: string;
+    amountPaid: number;
+    style?: React.CSSProperties;
+    returnUrl?: string;
+}): import("react/jsx-runtime").JSX.Element;

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

@@ -0,0 +1,6 @@
+import "../../styles/index.less";
+import { PriceList } from "@bunnyapp/common";
+export default function PriceListDisplay({ priceListData, topNavImageUrl, }: {
+    priceListData?: PriceList;
+    topNavImageUrl: string;
+}): import("react/jsx-runtime").JSX.Element | null;

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

@@ -0,0 +1,5 @@
+import "../../styles/index.less";
+export default function Signup({ priceListCode, returnUrl, }: {
+    priceListCode: string;
+    returnUrl?: string;
+}): import("react/jsx-runtime").JSX.Element;

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

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

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

@@ -0,0 +1 @@
+export { default as Signup } from "./Signup";

package/dist/cjs/{types/src → src}/components/Subscriptions/Subscriptions.d.ts

@@ -14,7 +14,7 @@ export type EditingQuoteDataType = {
     isTrial: boolean;
 };
 declare const Subscriptions: ({ shadow, gap, showTitle, }: {
-    shadow?: "none" | "sm" | "md" | "lg" | undefined;
+    shadow?: "none" | "lg" | "md" | "sm" | undefined;
     gap?: number | undefined;
     showTitle?: boolean | undefined;
 }) => import("react/jsx-runtime").JSX.Element;

package/dist/cjs/{types/src → src}/components/Transactions/Transactions.d.ts

@@ -1,7 +1,6 @@
 import React from "react";
-import { TransactionListColumnType } from "./transactionsList/TransactionsListDesktop";
 import { FrontendTransaction as T, TransactionKind } from "@bunnyapp/common";
-export default function Transactions({ transactionComponent, showSearchBar, showTitle, columns, className, shadow, searchBarClassName, useModal, onTransactionClick, suppressTransactionDisplay, kindsToShow, }: {
+export default function Transactions({ transactionComponent, showSearchBar, showTitle, columns, className, shadow, searchBarClassName, useModal, onTransactionClick, suppressTransactionDisplay, kindsToShow, style, }: {
     /** A custom component to render instead of the default invoice component */
     transactionComponent?: React.ReactNode;
     /** Whether to show the search bar */
@@ -9,7 +8,7 @@ export default function Transactions({ transactionComponent, showSearchBar, show
     /** Whether to show the title */
     showTitle?: boolean;
     /** The columns to display in the transactions list */
-    columns?: TransactionListColumnType[];
+    columns?: ("date-and-title" | "state" | "amount" | "download" | "actions")[];
     /** A custom class name to apply to the component */
     className?: string;
     /** Whether to use a modal for the invoice drawer */
@@ -24,4 +23,6 @@ export default function Transactions({ transactionComponent, showSearchBar, show
     suppressTransactionDisplay?: boolean;
     /** The kinds of transactions to show */
     kindsToShow?: TransactionKind[];
+    /** A custom style to apply to the component */
+    style?: React.CSSProperties;
 }): import("react/jsx-runtime").JSX.Element;

package/dist/{esm/types → cjs}/src/components/Transactions/TransactionsListContext.d.ts

@@ -13,5 +13,6 @@ export type TransactionsContextValues = {
     onTransactionClick?: (transaction: T.Transaction) => void;
     suppressTransactionDisplay?: boolean;
     kindsToShow: TransactionKind[];
+    style?: React.CSSProperties;
 };
 export declare const TransactionsListContext: import("react").Context<TransactionsContextValues>;

package/dist/cjs/{types/src → src}/components/index.d.ts

@@ -2,6 +2,7 @@ export { Invoice } from "./Invoice";
 export { Quote } from "./Quote";
 export { PaymentMethod } from "./PaymentForm/PaymentMethod";
 export * from "./Checkout";
+export { Signup } from "./Signup";
 export { default as BunnyProvider } from "./BunnyProvider";
 export { default as Transactions } from "./Transactions";
 export { Subscriptions } from "./Subscriptions";

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

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

package/dist/cjs/src/graphql/mutations/accountSignup.d.ts

@@ -0,0 +1,12 @@
+declare const accountSignup: ({ token, subdomain, entityId, accountId, quoteId, paymentToken, paymentMethodId, pluginId, priceListCode, }: {
+    token: string;
+    subdomain?: string | undefined;
+    entityId: string;
+    accountId: string;
+    quoteId?: string | undefined;
+    paymentToken?: string | undefined;
+    paymentMethodId?: string | undefined;
+    pluginId: string;
+    priceListCode: string;
+}) => Promise<any>;
+export default accountSignup;

package/dist/cjs/src/graphql/mutations/portalSessionCreate.d.ts

@@ -0,0 +1,8 @@
+declare const portalSessionCreate: ({ tenantCode, expiry, returnUrl, token, subdomain, }: {
+    tenantCode: string;
+    expiry: number;
+    returnUrl: string;
+    token: string;
+    subdomain?: string | undefined;
+}) => Promise<any>;
+export default portalSessionCreate;

package/dist/cjs/src/graphql/mutations/quoteAccountSignup.d.ts

@@ -0,0 +1,14 @@
+type BillingContact = {
+    firstName: string;
+    lastName: string;
+    email: string;
+};
+declare const quoteAccountSignup: ({ token, subdomain, entityId, priceListCode, accountName, billingContact, }: {
+    token: string;
+    subdomain?: string | undefined;
+    entityId: string;
+    priceListCode: string;
+    accountName: string;
+    billingContact: BillingContact;
+}) => Promise<any>;
+export default quoteAccountSignup;

package/dist/{esm/types → cjs}/src/graphql/mutations/quoteCompose.d.ts

@@ -1,11 +1,13 @@
 import { Quote } from "@bunnyapp/common";
+export declare const QUOTE_FIELDS = "quote {\n  formattedQuote {\n    html\n  }\n  acceptedByName\n  acceptedByTitle\n  accountId\n  amount\n  amountDue\n  applicationDate\n  applied\n  billingDay\n  contactId\n  createdAt\n  credits\n  currencyId\n  dealId\n  discount\n  discountValue\n  endDate\n  evergreen\n  expiresAt\n  id\n  invoiceUntil\n  isPendingApprovalRequest\n  kind\n  message\n  name\n  netPaymentDays\n  notes\n  ownerId\n  periodAmount\n  poNumber\n  requiresApproval\n  startDate\n  state\n  subtotal\n  taxAmount\n  updatedAt\n  uuid\n  amountsByPeriod {\n    amount\n    id\n    name\n  }\n  endDateOptions {\n    endDate\n    label\n  }\n  invoiceUntilOptions {\n    endDate\n    label\n  }\n  quoteChanges {\n    id\n    priceListId\n    charges {\n      amount\n      amountsByPeriod { amount startDate }\n      billingPeriod\n      billingPeriodAmounts { id amount prorationRate }\n      chargeType\n      couponId\n      createdAt\n      currencyId\n      discount\n      endDate\n      feature { id name code isUnit unitName }\n      id\n      invoiceLineText\n      name\n      price\n      priceDecimals\n      priceTiers { starts price }\n      pricingModel\n      prorationRate\n      quantity\n      quantityMax\n      quantityMin\n      startDate\n      tieredAveragePrice\n      updatedAt\n    }\n  }\n}";
 type Options = {
     quoteId?: string;
     priceListId?: string;
     subscriptionId?: string;
-    quantity?: number;
+    quantity: number;
+    accountId?: string;
     token: string;
+    subdomain?: string;
 };
-export declare const QUOTE_FIELDS = "quote {\n  formattedQuote {\n    html\n  }\n  acceptedByName\n  acceptedByTitle\n  accountId\n  amount\n  amountDue\n  applicationDate\n  applied\n  billingDay\n  contactId\n  createdAt\n  credits\n  currencyId\n  dealId\n  discount\n  discountValue\n  endDate\n  evergreen\n  expiresAt\n  id\n  invoiceUntil\n  isPendingApprovalRequest\n  kind\n  message\n  name\n  netPaymentDays\n  notes\n  ownerId\n  periodAmount\n  poNumber\n  requiresApproval\n  startDate\n  state\n  subtotal\n  taxAmount\n  updatedAt\n  uuid\n  amountsByPeriod {\n    amount\n    id\n    name\n  }\n  endDateOptions {\n    endDate\n    label\n  }\n  invoiceUntilOptions {\n    endDate\n    label\n  }\n  quoteChanges {\n    id\n    priceListId\n    charges {\n      amount\n      amountsByPeriod { amount startDate }\n      billingPeriod\n      billingPeriodAmounts { id amount prorationRate }\n      chargeType\n      couponId\n      createdAt\n      currencyId\n      discount\n      endDate\n      feature { id name code isUnit unitName }\n      id\n      invoiceLineText\n      name\n      price\n      priceDecimals\n      priceTiers { starts price }\n      pricingModel\n      prorationRate\n      quantity\n      quantityMax\n      quantityMin\n      startDate\n      tieredAveragePrice\n      updatedAt\n    }\n  }\n}";
-declare const quoteCompose: ({ quoteId, priceListId, subscriptionId, quantity, token, }: Options) => Promise<Quote>;
+declare const quoteCompose: ({ quoteId, priceListId, subscriptionId, quantity, accountId, token, subdomain, }: Options) => Promise<Quote>;
 export default quoteCompose;

package/dist/cjs/src/graphql/mutations/quoteCreate.d.ts

@@ -0,0 +1,9 @@
+import { Quote } from "@bunnyapp/common";
+declare const quoteCreate: ({ token, subdomain, quoteName, accountId, contactId, }: {
+    token: string;
+    subdomain?: string | undefined;
+    quoteName: string;
+    accountId: string;
+    contactId: string;
+}) => Promise<Quote>;
+export default quoteCreate;

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

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

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

@@ -0,0 +1,7 @@
+import { FormattedQuote } from "@bunnyapp/common";
+declare const getFormattedQuote: ({ id, token, subdomain, }: {
+    id?: string | undefined;
+    subdomain?: string | undefined;
+    token: string;
+}) => Promise<FormattedQuote>;
+export default getFormattedQuote;

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

@@ -0,0 +1,7 @@
+import { PriceList } from "@bunnyapp/common";
+declare const getPriceList: ({ token, code, subdomain, }: {
+    token: string;
+    code: string;
+    subdomain?: string | undefined;
+}) => Promise<PriceList>;
+export default getPriceList;

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

@@ -0,0 +1,12 @@
+import { Subscription } from "@bunnyapp/common";
+interface SubscriptionExtended extends Subscription {
+    invoices?: {
+        id?: string;
+    }[];
+}
+declare const getSubscription: ({ token, id, subdomain, }: {
+    token: string;
+    id: string;
+    subdomain?: string | undefined;
+}) => Promise<SubscriptionExtended>;
+export default getSubscription;

package/dist/cjs/{types/src → src}/mocks/handlers.d.ts

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