@factorialco/f0-react 2.2.0 → 2.4.0

package/dist/ai.d.ts

@@ -1443,6 +1443,10 @@ declare type DashboardMetadata = {
     lastEdited: Date | string;
 };
 
+declare type DataAttributes_2 = {
+    [key: `data-${string}`]: string | undefined;
+};
+
 /**
  * Data download canvas content — renders a full data table with download options.
  */
@@ -2495,6 +2499,47 @@ export declare class F0AiMask {
     private render;
 }
 
+export declare function F0AiProposalCard(props: F0AiProposalCardProps): JSX_2.Element;
+
+export declare namespace F0AiProposalCard {
+    var displayName: string;
+}
+
+export declare interface F0AiProposalCardActions {
+    /** Label for the primary action button. */
+    primaryActionLabel: string;
+    /** Optional icon shown before the primary action label. */
+    primaryActionIcon?: IconType;
+    /** Whether the action footer is visible. */
+    showActions?: true;
+    /** Called when the primary action is clicked. */
+    onPrimaryAction: () => void;
+}
+
+export declare interface F0AiProposalCardBaseProps extends DataAttributes_2 {
+    /** Module avatar shown in the card header. */
+    module?: ModuleId;
+    /** Header label describing the proposal type. */
+    heading: string;
+    /** Main proposal title. */
+    title: string;
+    /** Optional secondary metadata line. */
+    subtitle?: string;
+    /** Proposal details. Line breaks are preserved when expanded. */
+    description: string;
+    /** Label for the inline expansion control. */
+    seeMoreLabel: string;
+    /** Maximum number of characters shown before expansion. */
+    maxCollapsedDescriptionLength?: number;
+}
+
+export declare interface F0AiProposalCardHiddenActions {
+    /** Hide the action footer and omit action props. */
+    showActions: false;
+}
+
+export declare type F0AiProposalCardProps = F0AiProposalCardBaseProps & (F0AiProposalCardActions | F0AiProposalCardHiddenActions);
+
 export declare function F0AuraVoiceAnimation({ size, state, color, colorShift, audioTrack, themeMode, className, ref, ...props }: F0AuraVoiceAnimationProps & ComponentProps<"div"> & VariantProps<typeof F0AuraVoiceAnimationVariants>): JSX_2.Element;
 
 export declare interface F0AuraVoiceAnimationProps {
@@ -3695,6 +3740,11 @@ declare module "gridstack" {
 }
 
 
+declare namespace Calendar {
+    var displayName: string;
+}
+
+
 declare module "@tiptap/core" {
     interface Commands<ReturnType> {
         aiBlock: {
@@ -3717,8 +3767,8 @@ declare module "@tiptap/core" {
 
 declare module "@tiptap/core" {
     interface Commands<ReturnType> {
-        transcript: {
-            insertTranscript: (data: TranscriptData) => ReturnType;
+        moodTracker: {
+            insertMoodTracker: (data: MoodTrackerData) => ReturnType;
         };
     }
 }
@@ -3726,10 +3776,8 @@ declare module "@tiptap/core" {
 
 declare module "@tiptap/core" {
     interface Commands<ReturnType> {
-        videoEmbed: {
-            setVideoEmbed: (options: {
-                src: string;
-            }) => ReturnType;
+        transcript: {
+            insertTranscript: (data: TranscriptData) => ReturnType;
         };
     }
 }
@@ -3737,13 +3785,10 @@ declare module "@tiptap/core" {
 
 declare module "@tiptap/core" {
     interface Commands<ReturnType> {
-        moodTracker: {
-            insertMoodTracker: (data: MoodTrackerData) => ReturnType;
+        videoEmbed: {
+            setVideoEmbed: (options: {
+                src: string;
+            }) => ReturnType;
         };
     }
 }
-
-
-declare namespace Calendar {
-    var displayName: string;
-}

package/dist/ai.js

@@ -1,45 +1,46 @@
-import { d as o, l as e, k as r, F as t, a as n, C as i, b as d, m as C, n as F, e as l, h as m, I as u, g as h, c as A, i as D, u as c, j as v, f as I } from "./useDataCollectionSource-BNMQa-mV.js";
+import { d as o, l as r, k as e, F as t, a as n, C as i, b as d, m as C, n as F, e as l, h as m, I as u, g as h, c as A, i as D, u as c, j as v, f as I } from "./useDataCollectionSource-BNMQa-mV.js";
 import { defaultTranslations as b } from "./i18n-provider-defaults.js";
-import { A as S, C as T, c as p, D as P, a as w, b as x, e as H, f as M, g as V, h as k, p as j, l as y, m as O, n as q, i as z, F as B, d as E, M as L, k as W, j as G, q as J, o as K, s as N, u as Q } from "./types-zUkcMLoO.js";
+import { A as p, C as P, c as S, D as T, a as w, b as x, e as H, f as M, g as V, h as k, p as j, l as y, r as O, m as q, n as z, i as B, F as E, d as L, M as W, k as G, j as J, q as K, o as N, s as Q, u as R } from "./F0AiProposalCard-pqQaiKFp.js";
 export {
-  S as AiChatTranslationsProvider,
+  p as AiChatTranslationsProvider,
   o as CanvasCard,
-  e as ChatSpinner,
-  T as CloseCanvasButton,
-  p as DashboardCanvasProvider,
-  P as DashboardCard,
+  r as ChatSpinner,
+  P as CloseCanvasButton,
+  S as DashboardCanvasProvider,
+  T as DashboardCard,
   w as DashboardContent,
   x as DashboardHeader,
   H as DataDownloadCard,
   M as DataDownloadContent,
   V as DataDownloadHeader,
   k as DataDownloadProvider,
-  r as F0ActionItem,
+  e as F0ActionItem,
   t as F0AiChat,
   n as F0AiChatProvider,
   i as F0AiChatTextArea,
   d as F0AiFullscreenChat,
   j as F0AiInsightCard,
   y as F0AiMask,
-  O as F0AuraVoiceAnimation,
-  q as F0HILActionConfirmation,
-  z as F0MessageCreditsWarning,
+  O as F0AiProposalCard,
+  q as F0AuraVoiceAnimation,
+  z as F0HILActionConfirmation,
+  B as F0MessageCreditsWarning,
   C as F0OneIcon,
   F as F0OneSwitch,
   l as FormCard,
   m as FormCardValueFormatterProvider,
-  B as FormContent,
-  E as FormHeader,
+  E as FormContent,
+  L as FormHeader,
   u as I18nProvider,
-  L as MessageSources,
-  W as actionItemStatuses,
-  G as aiTranslations,
-  J as contentTypes,
+  W as MessageSources,
+  G as actionItemStatuses,
+  J as aiTranslations,
+  K as contentTypes,
   b as defaultTranslations,
-  K as oneIconSizes,
-  N as savedDashboardConfigStore,
+  N as oneIconSizes,
+  Q as savedDashboardConfigStore,
   h as useAiChat,
-  Q as useAiChatTranslations,
+  R as useAiChatTranslations,
   A as useCanvasEntity,
   D as useFormCardValueFormatter,
   c as useI18n,

package/dist/experimental.d.ts

@@ -8217,6 +8217,11 @@ declare module "gridstack" {
 }
 
 
+declare namespace Calendar {
+    var displayName: string;
+}
+
+
 declare module "@tiptap/core" {
     interface Commands<ReturnType> {
         aiBlock: {
@@ -8239,8 +8244,8 @@ declare module "@tiptap/core" {
 
 declare module "@tiptap/core" {
     interface Commands<ReturnType> {
-        transcript: {
-            insertTranscript: (data: TranscriptData) => ReturnType;
+        moodTracker: {
+            insertMoodTracker: (data: MoodTrackerData) => ReturnType;
         };
     }
 }
@@ -8248,10 +8253,8 @@ declare module "@tiptap/core" {
 
 declare module "@tiptap/core" {
     interface Commands<ReturnType> {
-        videoEmbed: {
-            setVideoEmbed: (options: {
-                src: string;
-            }) => ReturnType;
+        transcript: {
+            insertTranscript: (data: TranscriptData) => ReturnType;
         };
     }
 }
@@ -8259,13 +8262,10 @@ declare module "@tiptap/core" {
 
 declare module "@tiptap/core" {
     interface Commands<ReturnType> {
-        moodTracker: {
-            insertMoodTracker: (data: MoodTrackerData) => ReturnType;
+        videoEmbed: {
+            setVideoEmbed: (options: {
+                src: string;
+            }) => ReturnType;
         };
     }
 }
-
-
-declare namespace Calendar {
-    var displayName: string;
-}

package/dist/f0.d.ts

@@ -1059,6 +1059,16 @@ export declare const aiTranslations: {
     };
 };
 
+declare type AlertAction = {
+    label: string;
+    onRequest: UpsellingButtonProps["onRequest"];
+    errorMessage: UpsellingButtonProps["errorMessage"];
+    successMessage: UpsellingButtonProps["successMessage"];
+    loadingState: UpsellingButtonProps["loadingState"];
+    nextSteps: UpsellingButtonProps["nextSteps"];
+    closeLabel: UpsellingButtonProps["closeLabel"];
+};
+
 export declare type AlertAvatarProps = VariantProps<typeof alertAvatarVariants> & {
     type: (typeof alertAvatarTypes)[number];
     size?: (typeof alertAvatarSizes)[number];
@@ -5548,6 +5558,47 @@ export declare class F0AiMask {
     private render;
 }
 
+export declare function F0AiProposalCard(props: F0AiProposalCardProps): JSX_2.Element;
+
+export declare namespace F0AiProposalCard {
+    var displayName: string;
+}
+
+export declare interface F0AiProposalCardActions {
+    /** Label for the primary action button. */
+    primaryActionLabel: string;
+    /** Optional icon shown before the primary action label. */
+    primaryActionIcon?: IconType;
+    /** Whether the action footer is visible. */
+    showActions?: true;
+    /** Called when the primary action is clicked. */
+    onPrimaryAction: () => void;
+}
+
+export declare interface F0AiProposalCardBaseProps extends DataAttributes_2 {
+    /** Module avatar shown in the card header. */
+    module?: ModuleId;
+    /** Header label describing the proposal type. */
+    heading: string;
+    /** Main proposal title. */
+    title: string;
+    /** Optional secondary metadata line. */
+    subtitle?: string;
+    /** Proposal details. Line breaks are preserved when expanded. */
+    description: string;
+    /** Label for the inline expansion control. */
+    seeMoreLabel: string;
+    /** Maximum number of characters shown before expansion. */
+    maxCollapsedDescriptionLength?: number;
+}
+
+export declare interface F0AiProposalCardHiddenActions {
+    /** Hide the action footer and omit action props. */
+    showActions: false;
+}
+
+export declare type F0AiProposalCardProps = F0AiProposalCardBaseProps & (F0AiProposalCardActions | F0AiProposalCardHiddenActions);
+
 export declare const F0Alert: WithDataTestIdReturnType_3<({ title, description, action, link, icon, variant, onClose, }: F0AlertProps) => JSX_2.Element>;
 
 export declare interface F0AlertProps {
@@ -13464,6 +13515,29 @@ declare type UpsellAction = BaseAction & {
     showConfirmation: boolean;
 };
 
+export declare const UpsellingAlert: WithDataTestIdReturnType_4<typeof _UpsellingAlert>;
+
+declare function _UpsellingAlert({ icon, title, description, action, }: UpsellingAlertProps): JSX_2.Element;
+
+export declare interface UpsellingAlertProps {
+    /**
+     * Optional icon displayed as an avatar on the left side of the alert.
+     */
+    icon?: IconType;
+    /**
+     * The title of the alert
+     */
+    title: string;
+    /**
+     * The description of the alert
+     */
+    description?: string;
+    /**
+     * The upselling action button configuration.
+     */
+    action: AlertAction;
+}
+
 export declare const UpsellingBanner: WithDataTestIdReturnType_4<ForwardRefExoticComponent<Omit<BaseBannerProps, "children" | "primaryAction" | "secondaryAction"> & {
 primaryAction?: DefaultAction | PromoteAction;
 secondaryAction?: DefaultAction | PromoteAction;
@@ -14363,6 +14437,11 @@ declare module "gridstack" {
 }
 
 
+declare namespace Calendar {
+    var displayName: string;
+}
+
+
 declare module "@tiptap/core" {
     interface Commands<ReturnType> {
         aiBlock: {
@@ -14385,8 +14464,8 @@ declare module "@tiptap/core" {
 
 declare module "@tiptap/core" {
     interface Commands<ReturnType> {
-        transcript: {
-            insertTranscript: (data: TranscriptData) => ReturnType;
+        moodTracker: {
+            insertMoodTracker: (data: MoodTrackerData) => ReturnType;
         };
     }
 }
@@ -14394,10 +14473,8 @@ declare module "@tiptap/core" {
 
 declare module "@tiptap/core" {
     interface Commands<ReturnType> {
-        videoEmbed: {
-            setVideoEmbed: (options: {
-                src: string;
-            }) => ReturnType;
+        transcript: {
+            insertTranscript: (data: TranscriptData) => ReturnType;
         };
     }
 }
@@ -14405,13 +14482,10 @@ declare module "@tiptap/core" {
 
 declare module "@tiptap/core" {
     interface Commands<ReturnType> {
-        moodTracker: {
-            insertMoodTracker: (data: MoodTrackerData) => ReturnType;
+        videoEmbed: {
+            setVideoEmbed: (options: {
+                src: string;
+            }) => ReturnType;
         };
     }
 }
-
-
-declare namespace Calendar {
-    var displayName: string;
-}