@bunnyapp/components 1.0.0

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

@@ -0,0 +1,2 @@
+import { PluginData } from "@bunnyapp/common";
+export declare const useSigningPlugins: (token: string, subdomain?: string) => PluginData[] | undefined;

package/dist/esm/types/src/index.d.ts

@@ -0,0 +1,2 @@
+export * from "./components";
+export * from "./hooks";

package/dist/esm/types/src/mocks/browser.d.ts

@@ -0,0 +1 @@
+export declare const worker: import("msw/browser").SetupWorker;

package/dist/esm/types/src/mocks/handlers.d.ts

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

package/dist/esm/types/src/stories/Button.d.ts

@@ -0,0 +1,15 @@
+import './button.css';
+export interface ButtonProps {
+    /** Is this the principal call to action on the page? */
+    primary?: boolean;
+    /** What background color to use */
+    backgroundColor?: string;
+    /** How large should the button be? */
+    size?: 'small' | 'medium' | 'large';
+    /** Button contents */
+    label: string;
+    /** Optional click handler */
+    onClick?: () => void;
+}
+/** Primary UI component for user interaction */
+export declare const Button: ({ primary, size, backgroundColor, label, ...props }: ButtonProps) => import("react/jsx-runtime").JSX.Element;

package/dist/esm/types/src/stories/Button.stories.d.ts

@@ -0,0 +1,9 @@
+import type { Meta, StoryObj } from '@storybook/react';
+import { Button } from './Button';
+declare const meta: Meta<typeof Button>;
+export default meta;
+type Story = StoryObj<typeof Button>;
+export declare const Primary: Story;
+export declare const Secondary: Story;
+export declare const Large: Story;
+export declare const Small: Story;

package/dist/esm/types/src/stories/Header.d.ts

@@ -0,0 +1,12 @@
+import './header.css';
+type User = {
+    name: string;
+};
+export interface HeaderProps {
+    user?: User;
+    onLogin?: () => void;
+    onLogout?: () => void;
+    onCreateAccount?: () => void;
+}
+export declare const Header: ({ user, onLogin, onLogout, onCreateAccount }: HeaderProps) => import("react/jsx-runtime").JSX.Element;
+export {};

package/dist/esm/types/src/stories/Header.stories.d.ts

@@ -0,0 +1,7 @@
+import type { Meta, StoryObj } from '@storybook/react';
+import { Header } from './Header';
+declare const meta: Meta<typeof Header>;
+export default meta;
+type Story = StoryObj<typeof Header>;
+export declare const LoggedIn: Story;
+export declare const LoggedOut: Story;

package/dist/esm/types/src/stories/Page.d.ts

@@ -0,0 +1,3 @@
+import React from 'react';
+import './page.css';
+export declare const Page: React.FC;

package/dist/esm/types/src/stories/Page.stories.d.ts

@@ -0,0 +1,7 @@
+import type { Meta, StoryObj } from '@storybook/react';
+import { Page } from './Page';
+declare const meta: Meta<typeof Page>;
+export default meta;
+type Story = StoryObj<typeof Page>;
+export declare const LoggedOut: Story;
+export declare const LoggedIn: Story;

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

@@ -0,0 +1,9 @@
+export declare function capitalizeFirstLetter(string: string): string;
+export declare const WARREN_STATE_LS_KEY = "warrenState";
+export declare const CURRENT_WARREN_ID_LS_KEY = "currentWarrenId";
+export declare const ERROR_MESSAGE_NO_SUBDOMAIN_DEFINED = "No subdomain defined in local storage";
+export declare const getIsCapacitorApp: () => boolean;
+export declare const getApiBase: (subdomain?: string) => string;
+export declare const getGraphQLBase: () => string;
+export declare const createRequestHeaders: (token: string) => Record<string, any>;
+export declare const useGraphQLRequest: () => (query: string, token: string, variables?: any) => Promise<unknown>;

package/dist/esm/types/vite.config.d.ts

@@ -0,0 +1,2 @@
+declare const _default: import("vite").UserConfig;
+export default _default;

package/dist/index.d.ts

@@ -0,0 +1,100 @@
+/// <reference types="react" />
+import * as react_jsx_runtime from 'react/jsx-runtime';
+import { FormattedInvoice, Quote as Quote$1, PriceList, PaymentMethod as PaymentMethod$1, FrontendTransaction, TransactionKind } from '@bunnyapp/common';
+import react from 'react';
+import * as _tanstack_react_query_build_legacy_types from '@tanstack/react-query/build/legacy/types';
+import { GraphQLClient } from 'graphql-request';
+
+declare function Invoice({ id, invoiceQuoteViewComponent, backButtonName, onBackButtonClick, onInvoiceDownloadError, onPaymentSuccess, }: {
+    id?: string;
+    invoiceQuoteViewComponent?: react.ReactNode;
+    backButtonName?: string;
+    onBackButtonClick?: () => void;
+    onInvoiceDownloadError?: () => void;
+    onPaymentSuccess?: (savePaymentMethod?: boolean) => void;
+}): react_jsx_runtime.JSX.Element;
+
+declare global {
+    interface Window {
+        heap: any;
+        PayFields: any;
+        Finix: any;
+    }
+}
+
+declare function Quote({ id }: {
+    id?: string;
+}): react_jsx_runtime.JSX.Element;
+
+declare function PaymentMethod({ footer, processPublicUrl, }: {
+    footer?: React.ReactNode;
+    processPublicUrl: string;
+}): react_jsx_runtime.JSX.Element;
+
+type CheckoutProps = {
+    invoice?: FormattedInvoice;
+    onCancel: () => void;
+    onFail: (error: any) => void;
+    onSuccess: ({ savePaymentMethod }: {
+        savePaymentMethod?: boolean;
+    }) => void;
+    open: boolean;
+    quote?: Quote$1;
+    selectedPriceList?: PriceList;
+    token: string;
+};
+
+interface CheckoutComponentProps extends CheckoutProps {
+    isMobile: boolean;
+    token: string;
+    storedPaymentMethod?: PaymentMethod$1;
+}
+declare const Checkout: ({ onCancel, onSuccess, onFail, invoice, open, quote, selectedPriceList, isMobile, token, storedPaymentMethod, }: CheckoutComponentProps) => react_jsx_runtime.JSX.Element | null;
+
+declare const getQuoteAmountDue: (quote: Quote$1) => number;
+
+interface BunnyProviderProps {
+    children: React.ReactNode;
+    token: string;
+    subdomain: string;
+    window: Window;
+    accountId?: string;
+}
+declare function BunnyProvider({ children, token, subdomain, window, accountId, }: BunnyProviderProps): react_jsx_runtime.JSX.Element;
+
+type TransactionListColumnType = "date-and-title" | "state" | "amount" | "download" | "actions";
+
+declare function Transactions({ transactionComponent, showSearchBar, showTitle, columns, className, shadow, searchBarClassName, useModal, onTransactionClick, suppressTransactionDisplay, kindsToShow, }: {
+    /** 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 columns to display in the transactions list */
+    columns?: TransactionListColumnType[];
+    /** 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";
+    /** A custom class name to apply to the search bar */
+    searchBarClassName?: string;
+    /** A function to call when a transaction is clicked */
+    onTransactionClick?: (transaction: FrontendTransaction.Transaction) => void;
+    /** Whether to hide the display showing the transaction */
+    suppressTransactionDisplay?: boolean;
+    /** The kinds of transactions to show */
+    kindsToShow?: TransactionKind[];
+}): react_jsx_runtime.JSX.Element;
+
+declare const Subscriptions: ({ shadow, gap, showTitle, }: {
+    shadow?: "none" | "sm" | "md" | "lg" | undefined;
+    gap?: number | undefined;
+    showTitle?: boolean | undefined;
+}) => react_jsx_runtime.JSX.Element;
+
+declare const usePaymentMethod: (graphQLClient: GraphQLClient) => _tanstack_react_query_build_legacy_types.UseQueryResult<any, Error>;
+
+export { BunnyProvider, Checkout, Invoice, PaymentMethod, Quote, Subscriptions, Transactions, getQuoteAmountDue, usePaymentMethod };

package/package.json

@@ -0,0 +1,82 @@
+{
+  "name": "@bunnyapp/components",
+  "version": "1.0.0",
+  "description": "Components from the Bunny portal to embed Bunny UI functionality into your application.",
+  "main": "dist/cjs/index.js",
+  "module": "dist/esm/index.js",
+  "files": [
+    "dist"
+  ],
+  "types": "dist/index.d.ts",
+  "scripts": {
+    "test": "echo \"Error: no test specified\" && exit 1",
+    "clean": "rimraf dist",
+    "build": "npm run clean && rollup -c",
+    "storybook": "storybook dev -p 6006",
+    "build-storybook": "storybook build",
+    "vite": "vite"
+  },
+  "keywords": [],
+  "author": "Bunny",
+  "license": "ISC",
+  "devDependencies": {
+    "@chromatic-com/storybook": "^3.2.2",
+    "@rollup/plugin-commonjs": "^20.0.0",
+    "@rollup/plugin-node-resolve": "^13.0.4",
+    "@rollup/plugin-replace": "^6.0.1",
+    "@rollup/plugin-typescript": "^8.2.5",
+    "@storybook/addon-essentials": "^8.4.5",
+    "@storybook/addon-interactions": "^8.4.5",
+    "@storybook/addon-onboarding": "^8.4.5",
+    "@storybook/blocks": "^8.4.5",
+    "@storybook/react": "^8.4.5",
+    "@storybook/react-vite": "^8.4.5",
+    "@storybook/test": "^8.4.5",
+    "@tanstack/eslint-plugin-query": "^5.60.1",
+    "@types/hellosign-embedded": "^2.0.6",
+    "@types/lodash": "^4.17.13",
+    "@types/react": "^18.3.1",
+    "@types/react-dom": "^18.3.1",
+    "@vitejs/plugin-react": "^4.3.4",
+    "autoprefixer": "^10.4.20",
+    "dependency-cruiser": "^16.8.0",
+    "eslint-plugin-storybook": "^0.11.1",
+    "less": "^4.2.0",
+    "msw": "^2.6.5",
+    "postcss-less": "^6.0.0",
+    "rimraf": "^3.0.2",
+    "rollup": "^2.56.2",
+    "rollup-plugin-dts": "^3.0.2",
+    "rollup-plugin-peer-deps-external": "^2.2.4",
+    "rollup-plugin-postcss": "^4.0.2",
+    "rollup-plugin-shell": "^1.0.9",
+    "rollup-plugin-sourcemaps": "^0.6.3",
+    "rollup-plugin-terser": "^7.0.2",
+    "storybook": "^8.4.6",
+    "typescript": "^4.3.5",
+    "vite": "^5.4.11"
+  },
+  "peerDependencies": {
+    "@bunnyapp/common": "^1.0.32",
+    "@stripe/react-stripe-js": "^3.0.0",
+    "@stripe/stripe-js": "^5.2.0",
+    "@tanstack/react-query": "^5.59.20",
+    "antd": "^5.22.1",
+    "graphql-request": "^7.1.2",
+    "hellosign-embedded": "^2.12.2",
+    "interweave": "^13.1.0",
+    "less": "^4.2.0",
+    "lodash": "^4.17.21",
+    "react": "^18.3.1",
+    "react-dom": "^18.3.1",
+    "react-helmet-async": "^2.0.5",
+    "recharts": "^2.15.0",
+    "recoil": "^0.7.7",
+    "styled-components": "^6.1.13"
+  },
+  "msw": {
+    "workerDirectory": [
+      "public"
+    ]
+  }
+}