@bunnyapp/components 1.0.34 → 1.0.36

package/dist/esm/src/components/BillingDetails/BillingDetails.d.ts

@@ -1,11 +1,12 @@
 import "../../styles/index.less";
 import { ShadowType } from "../../types/shadowType";
-declare const BillingDetails: ({ entityId, isCardEnabled, shadow, className, hidePaymentMethodForm, countryListFilter, }: {
+declare const BillingDetails: ({ entityId, isCardEnabled, shadow, className, hidePaymentMethodForm, hideBillingDetailsForm, countryListFilter, }: {
     entityId: string;
     isCardEnabled?: boolean | undefined;
     shadow?: ShadowType | undefined;
     className?: string | undefined;
     hidePaymentMethodForm?: boolean | undefined;
+    hideBillingDetailsForm?: boolean | undefined;
     countryListFilter?: ((country: {
         value: string;
         label: string;

package/dist/esm/src/components/BillingDetails/BillingDetails.stories.d.ts

@@ -9,3 +9,6 @@ export declare const CustomClassName: Story;
 export declare const NoCard: Story;
 export declare const Mobile: Story;
 export declare const DarkMode: Story;
+export declare const HidePaymentMethodForm: Story;
+export declare const HideBillingDetailsForm: Story;
+export declare const HideBothForms: Story;

package/dist/esm/src/components/BillingDetails/BillingDetailsForm.d.ts

@@ -0,0 +1,9 @@
+import "../../styles/index.less";
+export default function BillingDetailsSection({ entityId, hidePaymentMethodForm, countryListFilter, }: {
+    entityId: string;
+    hidePaymentMethodForm: boolean;
+    countryListFilter?: (country: {
+        value: string;
+        label: string;
+    }) => boolean;
+}): import("react/jsx-runtime").JSX.Element;

package/dist/esm/src/components/DrawerHeader.d.ts

@@ -1,6 +1,7 @@
-declare const DrawerHeader: ({ description, onClose, title, }: {
+declare const DrawerHeader: ({ description, onClose, title, closeButtonClassName, }: {
     description?: string | undefined;
-    onClose: () => void;
+    onClose?: (() => void) | undefined;
     title: string;
+    closeButtonClassName?: string | undefined;
 }) => import("react/jsx-runtime").JSX.Element;
 export default DrawerHeader;

package/dist/esm/src/components/PaymentForm/PaymentMethod/PaymentMethod.d.ts

@@ -1,8 +1,9 @@
 import "../../../styles/index.less";
 import { ShadowType } from "../../../types/shadowType";
-export declare const PaymentMethod: ({ entityId, className, shadow, cardEnabled, }: {
+export declare const PaymentMethod: ({ entityId, className, shadow, cardEnabled, useModal, }: {
     entityId: string;
     className?: string | undefined;
     shadow?: ShadowType | undefined;
     cardEnabled?: boolean | undefined;
+    useModal?: boolean | undefined;
 }) => import("react/jsx-runtime").JSX.Element;

package/dist/esm/src/components/Quote/Quote.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 import { InvoiceQuoteContextProps } from "../Invoice/InvoiceQuoteContext";
-export declare const MarkupContainer: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>> & string;
+export declare const MarkupContainer: any;
 export default function Quote({ id, invoiceQuoteViewComponent, onInvoiceDownloadError, onPaymentSuccess, entityId, shadow, className, hideDownloadButton, onQuoteLoaded, }: InvoiceQuoteContextProps): import("react/jsx-runtime").JSX.Element;

package/dist/esm/src/components/Transactions/transactionsList/TransactionGridCell.d.ts

@@ -1,7 +1,2 @@
-/// <reference types="react" />
-declare const TransactionGridCell: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components/dist/types").Substitute<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {
-    gridColumn?: string | number | undefined;
-    padding?: string | undefined;
-    right?: boolean | undefined;
-}>> & string;
+declare const TransactionGridCell: any;
 export default TransactionGridCell;

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

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

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

@@ -0,0 +1,3 @@
+export * from "styled-components";
+declare const defaultStyled: any;
+export { defaultStyled as default };

package/dist/index.d.ts

@@ -5,7 +5,6 @@ import { QueryClient } from '@tanstack/react-query';
 import { ThemeConfig } from 'antd';
 import * as react from 'react';
 import react__default from 'react';
-import * as _tanstack_react_query_build_legacy_types from '@tanstack/react-query/build/legacy/types';
 import { GraphQLClient } from 'graphql-request';
 
 type ShadowType = "shadow-none" | "shadow-sm" | "shadow-md" | "shadow-lg" | "shadow-xl";
@@ -75,11 +74,12 @@ declare function Quotes({ className, columns, entityId, filter, filterQuotes, so
     entityId: string;
 }): react_jsx_runtime.JSX.Element;
 
-declare const PaymentMethod: ({ entityId, className, shadow, cardEnabled, }: {
+declare const PaymentMethod: ({ entityId, className, shadow, cardEnabled, useModal, }: {
     entityId: string;
     className?: string | undefined;
     shadow?: ShadowType | undefined;
     cardEnabled?: boolean | undefined;
+    useModal?: boolean | undefined;
 }) => react_jsx_runtime.JSX.Element;
 
 type CheckoutProps = {
@@ -197,18 +197,22 @@ declare const Subscriptions: ({ className, companyName, entityId, hideExpired, o
     noSubscriptionsComponent?: React.ReactNode;
 }) => react_jsx_runtime.JSX.Element;
 
-declare const BillingDetails: ({ entityId, isCardEnabled, shadow, className, hidePaymentMethodForm, countryListFilter, }: {
+declare const BillingDetails: ({ entityId, isCardEnabled, shadow, className, hidePaymentMethodForm, hideBillingDetailsForm, countryListFilter, }: {
     entityId: string;
     isCardEnabled?: boolean | undefined;
     shadow?: ShadowType | undefined;
     className?: string | undefined;
     hidePaymentMethodForm?: boolean | undefined;
+    hideBillingDetailsForm?: boolean | undefined;
     countryListFilter?: ((country: {
         value: string;
         label: string;
     }) => boolean) | undefined;
 }) => react_jsx_runtime.JSX.Element;
 
-declare const usePaymentMethod: (graphQLClient: GraphQLClient, entityId?: string, token?: string) => _tanstack_react_query_build_legacy_types.UseQueryResult<any, Error>;
+declare const usePaymentMethod: (graphQLClient: GraphQLClient, entityId?: string, token?: string) => {
+    data: any;
+    isLoading: boolean;
+};
 
 export { BillingDetails, BunnyProvider, Checkout, Invoice, PaymentMethod, Quote, Quotes, Signup, Subscriptions, Transactions, getQuoteAmountDue, usePaymentMethod };

package/package.json

@@ -1,9 +1,10 @@
 {
   "name": "@bunnyapp/components",
-  "version": "1.0.34",
+  "version": "1.0.36",
   "description": "Components from the Bunny portal to embed Bunny UI functionality into your application.",
-  "main": "dist/cjs/index.js",
+  "main": "dist/esm/index.js",
   "module": "dist/esm/index.js",
+  "type": "module",
   "files": [
     "dist"
   ],
@@ -24,7 +25,7 @@
   "license": "ISC",
   "devDependencies": {
     "@chromatic-com/storybook": "^3.2.2",
-    "@rollup/plugin-commonjs": "^20.0.0",
+    "@rollup/plugin-commonjs": "^28.0.3",
     "@rollup/plugin-node-resolve": "^13.0.4",
     "@rollup/plugin-replace": "^6.0.1",
     "@rollup/plugin-typescript": "^8.2.5",
@@ -39,6 +40,7 @@
     "@tanstack/react-query-devtools": "^5.65.1",
     "@types/hellosign-embedded": "^2.0.6",
     "@types/lodash": "^4.17.13",
+    "@types/lodash-es": "^4.17.12",
     "@types/pluralize": "^0.0.33",
     "@types/react": "^18.3.1",
     "@types/react-dom": "^18.3.1",
@@ -54,16 +56,15 @@
     "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.7",
     "tailwindcss": "^3.4.17",
     "typescript": "^4.3.5",
-    "vite": "^5.4.11"
+    "vite": "^6.2.1"
   },
   "peerDependencies": {
-    "@bunnyapp/common": "^1.0.44",
+    "@bunnyapp/common": "^1.0.45",
     "@fortawesome/fontawesome-svg-core": "^6.7.2",
     "@fortawesome/free-brands-svg-icons": "^6.7.2",
     "@fortawesome/free-regular-svg-icons": "^6.7.2",
@@ -77,13 +78,14 @@
     "hellosign-embedded": "^2.12.2",
     "interweave": "^13.1.0",
     "less": "^4.2.0",
-    "lodash": "^4.17.21",
-    "pluralize": "^8.0.0",
+    "lodash-es": "^4.17.21",
     "react": "^18.3.1",
     "react-dom": "^18.3.1",
     "recharts": "^2.15.0",
     "recoil": "^0.7.7",
-    "styled-components": "^6.1.13"
+    "@ant-design/icons": "^5.6.1",
+    "styled-components": "^6.1.13",
+    "pluralize": "^8.0.0"
   },
   "msw": {
     "workerDirectory": [