@layerfi/components 0.1.112-alpha.4 → 0.1.112

package/dist/index.d.ts

@@ -118,7 +118,7 @@ declare type BankTransactionFilters = {
     tagFilter?: TagFilterInput;
 };
 
-export declare const BankTransactions: ({ onError, showTags, showCustomerVendor, monthlyView, applyGlobalDateRange, mode, renderInAppLink, _showBulkSelection, ...props }: BankTransactionsWithErrorProps) => JSX_2.Element;
+export declare const BankTransactions: ({ onError, showTags, showCustomerVendor, monthlyView, applyGlobalDateRange, mode, renderInAppLink, ...props }: BankTransactionsWithErrorProps) => JSX_2.Element;
 
 declare interface BankTransactionsHeaderStringOverrides {
     header?: string;
@@ -149,8 +149,7 @@ declare interface BankTransactionsProps {
     collapseHeader?: boolean;
     stringOverrides?: BankTransactionsStringOverrides;
     renderInAppLink?: (details: LinkingMetadata) => ReactNode;
-    _showCategorizationRules?: boolean;
-    _showBulkSelection?: boolean;
+    showCategorizationRules?: boolean;
 }
 
 declare interface BankTransactionsStringOverrides {
@@ -173,7 +172,7 @@ declare interface BankTransactionsWithErrorProps extends BankTransactionsProps {
     showTags?: boolean;
 }
 
-export declare const BankTransactionsWithLinkedAccounts: ({ title, showTitle, elevatedLinkedAccounts, mode, showBreakConnection, showCustomerVendor, showDescriptions, showLedgerBalance, showReceiptUploads, showTags, showTooltips, showUnlinkItem, showUploadOptions, mobileComponent, stringOverrides, renderInAppLink, _showCategorizationRules, _showBulkSelection, }: BankTransactionsWithLinkedAccountsProps) => JSX_2.Element;
+export declare const BankTransactionsWithLinkedAccounts: ({ title, showTitle, elevatedLinkedAccounts, mode, showBreakConnection, showCustomerVendor, showDescriptions, showLedgerBalance, showReceiptUploads, showTags, showTooltips, showUnlinkItem, showUploadOptions, mobileComponent, stringOverrides, renderInAppLink, showCategorizationRules, }: BankTransactionsWithLinkedAccountsProps) => JSX_2.Element;
 
 declare interface BankTransactionsWithLinkedAccountsProps {
     title?: string;
@@ -195,8 +194,7 @@ declare interface BankTransactionsWithLinkedAccountsProps {
     mobileComponent?: MobileComponentType;
     stringOverrides?: BankTransactionsWithLinkedAccountsStringOverrides;
     renderInAppLink?: (details: LinkingMetadata) => ReactNode;
-    _showCategorizationRules?: boolean;
-    _showBulkSelection?: boolean;
+    showCategorizationRules?: boolean;
 }
 
 declare interface BankTransactionsWithLinkedAccountsStringOverrides {
@@ -216,7 +214,7 @@ declare type BillsViewProps = {
     stringOverrides?: BillsStringOverrides;
 };
 
-export declare const BookkeepingOverview: ({ title, showTitle, onClickReconnectAccounts, stringOverrides, slotProps, _showBookACall, }: BookkeepingOverviewProps) => JSX_2.Element;
+export declare const BookkeepingOverview: ({ title, showTitle, onClickReconnectAccounts, stringOverrides, slotProps, }: BookkeepingOverviewProps) => JSX_2.Element;
 
 declare interface BookkeepingOverviewProps {
     showTitle?: boolean;
@@ -236,7 +234,6 @@ declare interface BookkeepingOverviewProps {
             };
         };
     };
-    _showBookACall?: boolean;
     onClickReconnectAccounts?: () => void;
     /**
      * @deprecated Use `stringOverrides.title` instead
@@ -499,7 +496,7 @@ declare interface GeneralLedgerStringOverrides {
 export declare const GeneralLedgerView: ({ title, showTitle, showTags, showCustomerVendor, stringOverrides, chartOfAccountsOptions, renderInAppLink, }: GeneralLedgerProps) => JSX_2.Element;
 
 /**
- * Configuration for the hero/main content section of the service offering page
+ * Configuration for the hero/main content section of the Landing Page page
  */
 declare type HeroContentConfig = {
     stringOverrides: {
@@ -514,8 +511,8 @@ declare type HeroContentConfig = {
         topOfFoldImage: string;
     };
     cta: {
-        primary: ServiceOfferingLink;
-        secondary: ServiceOfferingLink;
+        primary: LandingPageLink;
+        secondary: LandingPageLink;
     };
 };
 
@@ -573,6 +570,92 @@ declare interface JournalTableStringOverrides {
     creditColumnHeader?: string;
 }
 
+/**
+ * The LandingPage component provides a page-level component that surfaces the Layer accounting
+ * and bookkeeping services. It acts as a landing page allowing platforms to showcase the core value proposition
+ * and offers/pricing for the platform's end users.
+ * @see LandingPageMainConfig
+ @param config Allows you to customize the page component.
+ @returns A React JSX component
+ */
+export declare const LandingPage: ({ platform, availableOffers, heroOverrides, offeringOverrides, }: LandingPageProps) => JSX_2.Element;
+
+/**
+ * Configuration for individual Landing Page cards (accounting or bookkeeping)
+ */
+declare type LandingPageCardConfig = {
+    offerType: 'accounting' | 'bookkeeping';
+    stringOverrides: {
+        badge: string;
+        title: string;
+        subtitle: string;
+        priceAmount: string;
+        priceUnit: string;
+    };
+    mediaUrls: {
+        offerImage: string;
+    };
+    cta: {
+        primary: LandingPageLink;
+    };
+    showStartingAtLabel: boolean;
+};
+
+/**
+ * A Link acts as a call-to-action for users interacting with the LandingPage component.
+ * @see LandingPage
+ */
+declare type LandingPageLink = {
+    /** Text label displayed for the link. */
+    label: string;
+    /** Destination for the link. If calendly URL, opens a Calendly modal. Otherwise, opens a new tab. */
+    url: string;
+};
+
+/**
+ * The PlatformConfig holds on to the name of the platform integrating with Layer, the primary
+ * top-of-fold image shown on the LandingPage component, and the name of the platform's
+ * niche or industry.
+ @see LandingPage
+ */
+declare interface LandingPagePlatformConfig {
+    /**
+     * The platform/brand name displayed throughout the component (e.g., "Shopify", "WooCommerce").
+     * Used in titles, descriptions, and feature text to customize the content.
+     */
+    platformName: string;
+    /**
+     * The target industry for customization (e.g., "e-commerce", "SaaS", "retail").
+     * Used to tailor feature descriptions and messaging to the specific industry.
+     *
+     * In cases where the industry name substitution does not work well for the value
+     * propositions or features, we recommended you overwrite the value propositions directly.
+     *
+     @see LandingPageValueProposition
+     */
+    industry: string;
+}
+
+/**
+ * Props for the LandingPage component.
+ *
+ * Requires only a single parameter, which is `config` which holds on to all the customizable
+ * settings for the landing page component such as textual content on the accounting and bookkeeping
+ * services, with varied pricing options and book-a-call calendly integration.
+ */
+declare interface LandingPageProps {
+    platform: LandingPagePlatformConfig;
+    availableOffers: ('accounting' | 'bookkeeping')[];
+    heroOverrides: DeepPartial<HeroContentConfig>;
+    offeringOverrides: {
+        stringOverrides?: {
+            sectionTitle: string;
+        };
+        accounting: DeepPartial<LandingPageCardConfig>;
+        bookkeeping: DeepPartial<LandingPageCardConfig>;
+    };
+}
+
 declare type LayerContextDateRange = {
     dateRange: {
         range: DateRange;
@@ -918,92 +1001,6 @@ declare type ReportType = 'profitAndLoss' | 'balanceSheet' | 'statementOfCashFlo
 
 declare type Scope = 'expenses' | 'revenue';
 
-/**
- * The ServiceOffering component provides a page-level component that surfaces the Layer accounting
- * and bookkeeping services. It acts as a landing page allowing platforms to showcase the core value proposition
- * and offers/pricing for the platform's end users.
- @see ServiceOfferingMainConfig
- @param config Allows you to customize the page component.
- @returns A React JSX component
- */
-export declare const ServiceOffering: ({ platform, availableOffers, heroOverrides, offeringOverrides, }: ServiceOfferingProps) => JSX_2.Element;
-
-/**
- * Configuration for individual service offering cards (accounting or bookkeeping)
- */
-declare type ServiceOfferingCardConfig = {
-    offerType: 'accounting' | 'bookkeeping';
-    stringOverrides: {
-        badge: string;
-        title: string;
-        subtitle: string;
-        priceAmount: string;
-        priceUnit: string;
-    };
-    mediaUrls: {
-        offerImage: string;
-    };
-    cta: {
-        primary: ServiceOfferingLink;
-    };
-    showStartingAtLabel: boolean;
-};
-
-/**
- * A Link acts as a call-to-action for users interacting with the ServiceOffering component.
- @see ServiceOffering
- */
-declare type ServiceOfferingLink = {
-    /** Text label displayed for the link. */
-    label: string;
-    /** Destination for the link. If calendly URL, opens a Calendly modal. Otherwise, opens a new tab. */
-    url: string;
-};
-
-/**
- * The PlatformConfig holds on to the name of the platform integrating with Layer, the primary
- * top-of-fold image shown on the ServiceOffering component, and the name of the platform's
- * niche or industry.
- @see ServiceOffering
- */
-declare interface ServiceOfferingPlatformConfig {
-    /**
-     * The platform/brand name displayed throughout the component (e.g., "Shopify", "WooCommerce").
-     * Used in titles, descriptions, and feature text to customize the content.
-     */
-    platformName: string;
-    /**
-     * The target industry for customization (e.g., "e-commerce", "SaaS", "retail").
-     * Used to tailor feature descriptions and messaging to the specific industry.
-     *
-     * In cases where the industry name substitution does not work well for the value
-     * propositions or features, we recommended you overwrite the value propositions directly.
-     *
-     @see ServiceOfferingValueProposition
-     */
-    industry: string;
-}
-
-/**
- * Props for the ServiceOffering component.
- *
- * Requires only a single parameter, which is `config` which holds on to all the customizable
- * settings for the service offering component such as textual content on the accounting and bookkeeping
- * services, with varied pricing options and book-a-call calendly integration.
- */
-declare interface ServiceOfferingProps {
-    platform: ServiceOfferingPlatformConfig;
-    availableOffers: ('accounting' | 'bookkeeping')[];
-    heroOverrides: DeepPartial<HeroContentConfig>;
-    offeringOverrides: {
-        stringOverrides?: {
-            sectionTitle: string;
-        };
-        accounting: DeepPartial<ServiceOfferingCardConfig>;
-        bookkeeping: DeepPartial<ServiceOfferingCardConfig>;
-    };
-}
-
 declare type SidebarScope = Scope | undefined;
 
 declare const _SIZE_VARIANTS: readonly ["sm", "lg"];

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@layerfi/components",
-  "version": "0.1.112-alpha.4",
+  "version": "0.1.112",
   "description": "Layer React Components",
   "main": "dist/cjs/index.cjs",
   "module": "dist/esm/index.mjs",
@@ -85,6 +85,7 @@
   "dependencies": {
     "@floating-ui/react": "^0.27.8",
     "@internationalized/date": "^3.8.2",
+    "@react-hook/resize-observer": "^2.0.2",
     "@tanstack/react-form": "^1.19.0",
     "@tanstack/react-table": "^8.21.3",
     "@tanstack/react-virtual": "^3.13.9",
@@ -101,6 +102,7 @@
     "react-currency-input-field": "^3.10.0",
     "react-datepicker": "^6.9.0",
     "react-dropzone": "^14.3.8",
+    "react-merge-refs": "^3.0.2",
     "react-plaid-link": "^4.0.1",
     "react-select": "^5.10.1",
     "recharts": "^2.15.3",