@zeniai/web-components 4.3.29 → 4.3.31

package/dist/common/util.d.ts

@@ -75,6 +75,14 @@ export declare function escapeRegExp(keyword: string): string;
 export declare const formatToSentenceCase: (text: string) => string;
 export declare const convertMinutesToDays: (minutes: number) => number;
 export declare const convertMinutesToWeeks: (minutes: number) => number;
+/**
+ * "Jul 29, 2026" from an ISO timestamp, or null when there is nothing to show.
+ *
+ * Returns null rather than a placeholder string so the caller decides the copy — a
+ * skill that has never been updated reads differently from one whose timestamp we
+ * failed to parse, and both are worse than an em-dash chosen here.
+ */
+export declare const formatIsoDateShort: (iso: string | null) => string | null;
 export declare const formatMonthYear: (monthStr: string) => string;
 type YearMonthPeriod = string & {
     readonly __brand: "YearMonthPeriod";

package/dist/components/aiCfo/AiCfoPage.d.ts

@@ -1,6 +1,6 @@
 import { default as React } from 'react';
 import { AICFOChatSubmissionSource } from '@zeniai/client-analytics';
-import { AiCfoQuestionWithAnswer, AiCfoViewSelector, ID, SyntheticAiCfoAnswer, User } from '@zeniai/client-epic-state';
+import { AiCfoQuestionWithAnswer, AiCfoViewSelector, ID, Skill, SkillDetail, SkillDraft, SkillVersion, SkillVisibility, SyntheticAiCfoAnswer, User } from '@zeniai/client-epic-state';
 import { AiCfoChatHeaderProps } from './components/AiCfoChatHeader';
 import { FileAttachment } from './components/AiCfoInput';
 import { AiCfoQuestionAnswerProps } from './components/AiCfoQuestionAnswer';
@@ -122,6 +122,8 @@ export interface AiCfoPageProps {
     isFileUploadEnabled?: boolean;
     /** True while the create-cards mutation is in flight; disables the form CTA. */
     isInteractiveFormSubmitting?: boolean;
+    /** Replaces the chat body with the Skills browser. Driven by the left-rail entry. */
+    isSkillsOpen?: boolean;
     isUploadPromoVisible?: boolean;
     /** Debounced (300ms) flush of the card-policy RHF watch subscription. */
     onCardPolicyFormChange?: AiCfoQuestionAnswerProps["onCardPolicyFormChange"];
@@ -153,8 +155,44 @@ export interface AiCfoPageProps {
     routedInitialQuestionSource?: AICFOChatSubmissionSource;
     /** Suggestion chip index when the routed question came from a sample chip (e.g. `question_card` or `dashboard_card`). */
     routedInitialQuestionSuggestionIndex?: number;
+    skillDetail?: SkillDetail;
+    skillDetailError?: boolean;
+    skillDetailLoading?: boolean;
+    skillRestoreBody?: {
+        macroId: string;
+        version: number;
+        error?: boolean;
+        instructions?: string;
+        loading?: boolean;
+    };
     /** Chat-visible skills for the `/` menu (from getSkills). */
     skills?: SkillMenuItem[];
+    /** Authoring. Absent leaves the Skills browser read-only. */
+    skillSaveError?: boolean;
+    skillSaving?: boolean;
+    /**
+     * Whether the signed-in user may publish a skill tenant-wide. Optional, defaulting to
+     * withheld: a host that has not wired it shows no publish control rather than a button
+     * the API refuses.
+     */
+    skillsCanPublish?: boolean;
+    /** Full skill list for the browser — richer than the `/` menu's {@link skills}. */
+    skillsList?: Skill[];
+    skillsListError?: boolean;
+    skillsListLoading?: boolean;
+    /**
+     * A skill's history and a restore's pinned body, each WITH the identity it belongs to.
+     *
+     * Grouped rather than split into value-plus-key props: the key is not optional relative
+     * to the data, and when they were separate a host could pass one and forget the other —
+     * which shipped, and left history hidden and Restore hanging. The type now refuses it.
+     */
+    skillVersionHistory?: {
+        macroId: string;
+        versions: SkillVersion[];
+        error?: boolean;
+        loading?: boolean;
+    };
     style?: React.CSSProperties;
     /**
      * Client-synthesized "Creating…" / "Created" bubbles for the active
@@ -176,10 +214,18 @@ export interface AiCfoPageProps {
     openOnboardingPage: () => void;
     togglePageView: () => void;
     updateCurrentInput: (input: string) => void;
-    onEmailLinkQuestionProcessed?: () => void;
     /** Called when the user first types `/` so the container can fetch skills. */
+    onCloseSkillDetail?: () => void;
+    onDeleteSkill?: (macroId: string) => void;
+    onEmailLinkQuestionProcessed?: () => void;
     onFetchSkills?: () => void;
+    onFetchSkillVersionBody?: (macroId: string, version: number) => void;
     onMenuClick?: () => void;
+    onOpenSkill?: (macroId: string) => void;
+    onRunSkill?: (macroId: string, label: string) => void;
+    onSaveSkill?: (draft: SkillDraft, macroId: string | undefined) => void;
+    /** Publish or unpublish in place. Absent withholds the control. */
+    onSetSkillVisibility?: (macroId: string, visibility: SkillVisibility) => void;
     onUploadPromoClose?: () => void;
     /**
      * Resolves a newly-created card id to a `{ title, subtitle? }` tile.

package/dist/components/aiCfo/components/AiCfoSkillEditor.d.ts

@@ -0,0 +1,24 @@
+import { default as React } from 'react';
+import { Skill, SkillDraft } from '@zeniai/client-epic-state';
+export interface AiCfoSkillEditorProps {
+    /**
+     * Whether this user may publish tenant-wide. From the server — a scope granted to
+     * admin roles. False hides the audience control entirely rather than disabling it: a
+     * greyed-out "Everyone" is an invitation to go asking for a permission most people do
+     * not need.
+     */
+    canPublish: boolean;
+    /** The skill being edited. Absent means this is a new one. */
+    editing: Skill | undefined;
+    /** Prefilled body — the existing prompt when editing, a forked one when copying. */
+    initialInstructions: string;
+    /** Prefilled name. Differs from `editing.name` when forking, which suggests a new one. */
+    initialName: string;
+    saveError: boolean;
+    saving: boolean;
+    initialDescription?: string | null;
+    onCancel: () => void;
+    onSave: (draft: SkillDraft) => void;
+}
+declare const AiCfoSkillEditor: React.FC<AiCfoSkillEditorProps>;
+export default AiCfoSkillEditor;

package/dist/components/aiCfo/components/AiCfoSkillVersionHistory.d.ts

@@ -0,0 +1,18 @@
+import { default as React } from 'react';
+import { SkillVersion } from '@zeniai/client-epic-state';
+export interface AiCfoSkillVersionHistoryProps {
+    error: boolean;
+    loading: boolean;
+    versions: SkillVersion[];
+    /** Absent leaves the list read-only, so a host without authoring shows no Restore. */
+    onRestore?: (version: SkillVersion) => void;
+}
+/**
+ * A skill's versions, newest first.
+ *
+ * Restore does not write from here. It hands the version to the caller, which loads that
+ * body and opens the EDITOR on it — so a restore goes through the same validation and the
+ * same unsaved-changes handling as any other edit, and is reviewed before it is saved.
+ */
+declare const AiCfoSkillVersionHistory: React.FC<AiCfoSkillVersionHistoryProps>;
+export default AiCfoSkillVersionHistory;

package/dist/components/aiCfo/components/AiCfoSkillsBrowser.d.ts

@@ -0,0 +1,61 @@
+import { default as React } from 'react';
+import { Skill, SkillDetail, SkillDraft, SkillVersion, SkillVisibility } from '@zeniai/client-epic-state';
+export interface AiCfoSkillsBrowserProps {
+    /**
+     * Whether this user may publish a skill tenant-wide. Straight through to the editor,
+     * which owns the control; the browser only forwards it.
+     */
+    canPublish: boolean;
+    detail: SkillDetail | undefined;
+    detailError: boolean;
+    detailLoading: boolean;
+    listError: boolean;
+    /** The list is being fetched. Distinct from "no skills": opening the browser triggers
+     * the fetch, so without this an empty list reads as "none exist" for the whole
+     * round-trip — the same conflation this component already avoids for errors. */
+    listLoading: boolean;
+    /** macroId whose detail is open; undefined shows the list. */
+    openMacroId: string | undefined;
+    skills: Skill[];
+    /**
+     * A restore's pinned body, WITH the (skill, version) it is for.
+     *
+     * One object rather than a value plus separate keys, because the keys are not optional
+     * relative to the data: a body that cannot be attributed must not seed the editor,
+     * which seeds once. Split apart, a host could pass the body and forget the keys — which
+     * shipped, and left Restore hanging on its loading state forever. Grouped, that is a
+     * type error instead of a silent break.
+     */
+    restoreBody?: {
+        macroId: string;
+        version: number;
+        error?: boolean;
+        instructions?: string;
+        loading?: boolean;
+    };
+    /** Authoring is absent unless the host wires it, so the browser stays read-only by
+     * default rather than rendering buttons that do nothing. */
+    saveError?: boolean;
+    saving?: boolean;
+    /** A skill's history, WITH the skill it belongs to. Same reasoning. */
+    versionHistory?: {
+        macroId: string;
+        versions: SkillVersion[];
+        error?: boolean;
+        loading?: boolean;
+    };
+    onBack: () => void;
+    onOpenSkill: (skill: Skill) => void;
+    onRunSkill: (skill: Skill) => void;
+    onDeleteSkill?: (skill: Skill) => void;
+    onFetchVersionBody?: (macroId: string, version: number) => void;
+    /** Absent disables authoring entirely — see `saveError`. */
+    onSaveSkill?: (draft: SkillDraft, editing: Skill | undefined) => void;
+    /**
+     * Publish or unpublish in place. Absent withholds the control — a host without it gets
+     * no button rather than one the API refuses, the same rule Edit and Delete follow.
+     */
+    onSetVisibility?: (skill: Skill, visibility: SkillVisibility) => void;
+}
+declare const AiCfoSkillsBrowser: React.FC<AiCfoSkillsBrowserProps>;
+export default AiCfoSkillsBrowser;

package/dist/components/aiCfo/stories/hooks/useAiCfoStreamingState.d.ts

@@ -27,6 +27,7 @@ export declare const useAiCfoStreamingState: ({ initialAiCfoView, currentChatSes
             };
             agentId?: import('@zeniai/client-epic-state').ID;
             aiCfoSidePanelHostPageKey?: string;
+            isSkillsBrowserOpen?: boolean;
             lastContextMessage?: string;
             lastContextStatus?: import('@zeniai/client-epic-state/view/aiCfoView/aiCfoViewPayload').ContextStatus;
         };

package/dist/components/appDrawerContent/AiCfoMenuContent.d.ts

@@ -5,8 +5,10 @@ export interface Props {
     selectedMenu: MenuType | SettingsMenu | AiCfoMenu | InvoicingMenu;
     aiCfoView?: AiCfoViewSelector;
     isMobile?: boolean;
+    /** Absent/false hides the Skills entry entirely — the server decides. */
+    skillsEnabled?: boolean;
     onClick: (_menu: MenuListItem) => void;
     onDeleteChatSession?: (chatSessionId: string) => void;
     updateCurrentChatSessionId?: (chatSessionId: string) => void;
 }
-export default function AiCfoMenuContent({ selectedMenu, aiCfoView, isMobile, onClick, onDeleteChatSession, updateCurrentChatSessionId, }: Readonly<Props>): import("react/jsx-runtime").JSX.Element;
+export default function AiCfoMenuContent({ selectedMenu, aiCfoView, isMobile, skillsEnabled, onClick, onDeleteChatSession, updateCurrentChatSessionId, }: Readonly<Props>): import("react/jsx-runtime").JSX.Element;

package/dist/components/appDrawerContent/AppDrawerContent.d.ts

@@ -36,6 +36,8 @@ export interface Props {
         count: number;
         fetchStatus: FetchStateAndError;
     };
+    /** Forwarded to the AI CFO rail: absent/false hides the Skills entry. */
+    skillsEnabled?: boolean;
     thanksGivingAnimationEnabled?: boolean;
     handleLogOutClick: () => void;
     handleMenuChange: (selectedMenu: MenuListItem, additionalMessage?: string) => void;
@@ -51,4 +53,4 @@ export interface Props {
     onZeniLogoClick?: () => void;
     updateCurrentChatSessionId?: (chatSessionId: string) => void;
 }
-export default function AppDrawerContent({ currentTenantId, tenants, isVendorsTabVisible, isZeniAccountEnabled, isTreasuryEnabled, isChargeCardEnabled, rewardsConfiguration, selectedMenu, isTenantDropdownDisabled, isSettings, isInvoicing, isAiCfo, isAiCfoAccessEnabled, isNotificationsTabVisible, isSettingsFeatureEnabled, signedInUser, aiCfoView, currentTenant, christmasAnimationEnabled, expenseAutomationEnabledCompanies: _expenseAutomationEnabledCompanies, halloweenAnimationEnabled, newYearAnimationEnabled, thanksGivingAnimationEnabled, notificationCountDetails, isExpenseAutomationEnabledForUser, isTaskManagerAccessEnabled, onNotificationIconClick, handleLogOutClick, handleMenuChange, onZeniLogoClick, handleBackClick, handleCockpitClick, handleMyProfileClick, handleReferralsClick, handleTenantSelect, monthEndCloseChecksView, onCalendarOpen, onDeleteChatSession, onPeriodChange, updateCurrentChatSessionId, }: Readonly<Props>): import("react/jsx-runtime").JSX.Element;
+export default function AppDrawerContent({ currentTenantId, tenants, isVendorsTabVisible, isZeniAccountEnabled, isTreasuryEnabled, isChargeCardEnabled, rewardsConfiguration, selectedMenu, isTenantDropdownDisabled, isSettings, isInvoicing, isAiCfo, isAiCfoAccessEnabled, skillsEnabled, isNotificationsTabVisible, isSettingsFeatureEnabled, signedInUser, aiCfoView, currentTenant, christmasAnimationEnabled, expenseAutomationEnabledCompanies: _expenseAutomationEnabledCompanies, halloweenAnimationEnabled, newYearAnimationEnabled, thanksGivingAnimationEnabled, notificationCountDetails, isExpenseAutomationEnabledForUser, isTaskManagerAccessEnabled, onNotificationIconClick, handleLogOutClick, handleMenuChange, onZeniLogoClick, handleBackClick, handleCockpitClick, handleMyProfileClick, handleReferralsClick, handleTenantSelect, monthEndCloseChecksView, onCalendarOpen, onDeleteChatSession, onPeriodChange, updateCurrentChatSessionId, }: Readonly<Props>): import("react/jsx-runtime").JSX.Element;

package/dist/components/appDrawerContent/MenuButton.d.ts

@@ -7,9 +7,9 @@ export declare const ALL_SETTINGS_MENU_OPTIONS: readonly ["accounting", "approva
 export declare const toSettingsMenuOptionType: (v: string) => "my_profile" | "accounting" | "billing" | "company_details" | "integrations" | "approval_rules" | "bank_connections" | "business_verification" | "my_bank_connections" | "notifications";
 export declare const toSettingsMenuOptionTypeStrict: (v: string) => "my_profile" | "accounting" | "billing" | "company_details" | "integrations" | "approval_rules" | "bank_connections" | "business_verification" | "my_bank_connections" | "notifications" | undefined;
 export type SettingsMenu = (typeof ALL_SETTINGS_MENU_OPTIONS)[number];
-export declare const ALL_AI_CFO_MENU_OPTIONS: readonly ["new_chat", "explore", "search_chats"];
-export declare const toAiCfoMenuOptionType: (v: string) => "new_chat" | "explore" | "search_chats";
-export declare const toAiCfoMenuOptionTypeStrict: (v: string) => "new_chat" | "explore" | "search_chats" | undefined;
+export declare const ALL_AI_CFO_MENU_OPTIONS: readonly ["new_chat", "explore", "skills", "search_chats"];
+export declare const toAiCfoMenuOptionType: (v: string) => "skills" | "new_chat" | "explore" | "search_chats";
+export declare const toAiCfoMenuOptionTypeStrict: (v: string) => "skills" | "new_chat" | "explore" | "search_chats" | undefined;
 export type AiCfoMenu = (typeof ALL_AI_CFO_MENU_OPTIONS)[number];
 export declare const ALL_INVOICING_MENU_OPTIONS: readonly ["invoicing_overview", "invoicing_analytics", "invoicing_customers", "invoicing_subscriptions", "invoicing_invoices", "invoicing_payments", "invoicing_credits", "invoicing_discounts", "invoicing_dunning", "invoicing_reports", "invoicing_catalog", "invoicing_settings", "invoicing_settings_payment_destination", "invoicing_settings_branding", "invoicing_settings_integrations", "invoicing_settings_dunning", "invoicing_integrations", "invoicing_data_import", "invoicing_audit_log"];
 export declare const toInvoicingMenuOptionType: (v: string) => "invoicing_overview" | "invoicing_analytics" | "invoicing_customers" | "invoicing_subscriptions" | "invoicing_invoices" | "invoicing_payments" | "invoicing_credits" | "invoicing_discounts" | "invoicing_dunning" | "invoicing_reports" | "invoicing_catalog" | "invoicing_settings" | "invoicing_settings_payment_destination" | "invoicing_settings_branding" | "invoicing_settings_integrations" | "invoicing_settings_dunning" | "invoicing_integrations" | "invoicing_data_import" | "invoicing_audit_log";

package/dist/components/appDrawerContent/MenuList.d.ts

@@ -31,6 +31,8 @@ interface Props {
     currentTenant?: CurrentTenant;
     isTaskManagerAccessEnabled?: boolean;
     monthEndCloseChecksView?: MonthEndCloseChecksView;
+    /** Forwarded to the AI CFO rail: absent/false hides the Skills entry. */
+    skillsEnabled?: boolean;
     style?: React.CSSProperties;
     onSelectionChanged: (selectedMenu: MenuListItem, additionalMessage?: string) => void;
     onBackClick?: () => void;
@@ -39,5 +41,5 @@ interface Props {
     onPeriodChange?: (period: MonthYearPeriod) => void;
     updateCurrentChatSessionId?: (chatSessionId: string) => void;
 }
-export default function MenuList({ selectedMenu, currentTenant, isVendorsTabVisible, isSetting, isInvoicing, isAiCfo, isAiCfoAccessEnabled, isZeniAccountEnabled, isChargeCardEnabled, isTreasuryEnabled, rewardsConfiguration, className, style, isNotificationsTabVisible, isTaskManagerAccessEnabled, isExpenseAutomationEnabledForUser, aiCfoView, additionalMessage, monthEndCloseChecksView, onCalendarOpen, onPeriodChange, onSelectionChanged, onDeleteChatSession, updateCurrentChatSessionId, onBackClick, }: Readonly<Props>): import("react/jsx-runtime").JSX.Element;
+export default function MenuList({ selectedMenu, currentTenant, isVendorsTabVisible, isSetting, isInvoicing, isAiCfo, isAiCfoAccessEnabled, skillsEnabled, isZeniAccountEnabled, isChargeCardEnabled, isTreasuryEnabled, rewardsConfiguration, className, style, isNotificationsTabVisible, isTaskManagerAccessEnabled, isExpenseAutomationEnabledForUser, aiCfoView, additionalMessage, monthEndCloseChecksView, onCalendarOpen, onPeriodChange, onSelectionChanged, onDeleteChatSession, updateCurrentChatSessionId, onBackClick, }: Readonly<Props>): import("react/jsx-runtime").JSX.Element;
 export {};

package/dist/components/formElements/common/common.d.ts

@@ -1,6 +1,11 @@
 export type DisableMode = "readonly" | "disabled";
 export type LabelProps = {
     label: string;
+    /**
+     * Backend field-help code. A field inside a `FieldHelpProvider` shows the
+     * label's info tooltip when the server has copy for this code.
+     */
+    fieldCode?: string;
     showBullet?: boolean;
     style?: React.CSSProperties;
     width?: number;

package/dist/components/formElements/fieldHelp/FieldHelpContext.d.ts

@@ -0,0 +1,20 @@
+import { ReactNode } from 'react';
+/** Help copy for the fields in scope, keyed by backend field code. */
+export type FieldHelpByCode = Record<string, string>;
+export interface FieldHelpProviderProps {
+    children: ReactNode;
+    /** The `code -> description` map for the fields rendered below. */
+    fieldHelp?: FieldHelpByCode;
+}
+/**
+ * Supplies help copy to every labeled field beneath it, so a screen declares
+ * its copy once and each field names only its own code. Threading a `helpText`
+ * prop through instead would touch every field on every form for what is one
+ * value per screen.
+ */
+export declare function FieldHelpProvider({ children, fieldHelp, }: Readonly<FieldHelpProviderProps>): import("react/jsx-runtime").JSX.Element;
+/**
+ * Help copy for a field code, or `undefined` when there is none. Blank copy is
+ * already dropped upstream, so any value returned here is renderable.
+ */
+export declare function useFieldHelp(fieldCode: string | undefined): string | undefined;

package/dist/components/formElements/fieldHelp/FieldHelpIcon.d.ts

@@ -0,0 +1,13 @@
+export interface FieldHelpIconProps {
+    /** Field label, used for the icon's accessible name. */
+    label: string;
+    /** Backend field code; nothing renders when the server has no copy for it. */
+    fieldCode?: string;
+}
+/**
+ * The info icon beside a field label, for labels that do not go through
+ * {@link Label} — detail-page rows, most notably. Matches `Label`'s own tooltip
+ * so both sides of a screen look identical. Renders nothing without copy: an
+ * icon that opens an empty tooltip is worse than no icon.
+ */
+export declare function FieldHelpIcon({ fieldCode, label, }: Readonly<FieldHelpIconProps>): import("react/jsx-runtime").JSX.Element | null;

package/dist/components/formElements/label/Label.d.ts

@@ -5,6 +5,12 @@ import { DisableMode } from '../common/common';
  */
 export interface Props {
     label: string | React.ReactNode;
+    /**
+     * Backend field-help code. When help copy exists for it, the label shows
+     * its info tooltip without the caller passing `showTooltip`/`tooltipTitle` —
+     * the copy is server-owned, so the form should not have to know it.
+     */
+    fieldCode?: string;
     htmlFor?: string;
     isDisabled?: DisableMode;
     isOptional?: boolean;
@@ -16,4 +22,4 @@ export interface Props {
     tooltipTitle?: string | ReactFragment | React.ReactElement;
     toolTipWidth?: string;
 }
-export declare function Label({ label, htmlFor, style, labelStyle, showTooltip, syncBackgroundWithAncestor, tooltipTitle, toolTipWidth, isOptional, showBullet, }: Props): import("react/jsx-runtime").JSX.Element;
+export declare function Label({ label, fieldCode, htmlFor, style, labelStyle, showTooltip, syncBackgroundWithAncestor, tooltipTitle, toolTipWidth, isOptional, showBullet, }: Props): import("react/jsx-runtime").JSX.Element;

package/dist/components/formElements/labeledAutoCompleteGroupedSingleSelectCustomGroupField/LabeledAutoCompleteGroupedSingleSelectCustomGroupField.d.ts

@@ -5,6 +5,8 @@ import { AutoCompleteGroupedSingleSelectCustomGroupFieldProps } from '../autoCom
 export interface Props {
     label: {
         label: string;
+        /** Backend field-help code; shows the label's info tooltip when copy exists. */
+        fieldCode?: string;
         width?: number;
     };
     selectFieldProps: AutoCompleteGroupedSingleSelectCustomGroupFieldProps;

package/dist/components/formElements/labeledAutoCompleteGroupedSingleSelectField/LabeledAutoCompleteGroupedSingleSelectField.d.ts

@@ -7,6 +7,8 @@ export interface Props {
     autoCompleteGroupedSingleSelectField: AutoCompleteGroupedSingleSelectFieldProps;
     label: {
         label: string;
+        /** Backend field-help code; shows the label's info tooltip when copy exists. */
+        fieldCode?: string;
         width?: number;
     };
     additionalLabelInfo?: string;

package/dist/components/formElements/labeledAutoCompleteGroupedSingleSelectFieldWithCOT/LabeledAutoCompleteGroupedSingleSelectFieldWithCOT.d.ts

@@ -14,6 +14,8 @@ export interface Props {
     isRecommendedSelected: boolean;
     label: {
         label: string;
+        /** Backend field-help code; shows the label's info tooltip when copy exists. */
+        fieldCode?: string;
         width?: number;
     };
     pageSource: TransactionPage;

package/dist/components/formElements/labeledAutoCompleteSingleSelectField/LabeledAutoCompleteSingleSelectField.d.ts

@@ -7,6 +7,8 @@ export interface Props {
     autoCompleteSingleSelectField: AutoCompleteSingleSelectFieldProps;
     label: {
         label: string;
+        /** Backend field-help code; shows the label's info tooltip when copy exists. */
+        fieldCode?: string;
         width?: number;
     };
     controlWidth?: number;

package/dist/components/formElements/labeledCheckBox/LabeledControlledCheckBoxField.d.ts

@@ -8,6 +8,8 @@ export interface Props {
     checkBoxField: ControlledCheckBoxFieldProps;
     label: {
         label: string | React.ReactNode;
+        /** Backend field-help code; shows the label's info tooltip when copy exists. */
+        fieldCode?: string;
         style?: React.CSSProperties;
         width?: number;
     };

package/dist/components/formElements/labeledCheckBox/LabeledUnSafeCheckBoxField.d.ts

@@ -8,6 +8,8 @@ export interface Props {
     checkBoxField: UnSafeCheckBoxFieldProps;
     label: {
         label: string | React.ReactNode;
+        /** Backend field-help code; shows the label's info tooltip when copy exists. */
+        fieldCode?: string;
         style?: React.CSSProperties;
         width?: number;
     };

package/dist/components/formElements/labeledCountryMultiSelectField/LabeledCountryMultiSelectField.d.ts

@@ -6,6 +6,8 @@ import { CountryMultiSelectFieldProps } from '../countryMultiSelectField/Country
 export interface Props {
     label: {
         label: string;
+        /** Backend field-help code; shows the label's info tooltip when copy exists. */
+        fieldCode?: string;
         style?: React.CSSProperties;
         width?: number;
     };

package/dist/components/formElements/labeledCreatableAutoCompleteSingleSelectField/LabeledCreatableAutoCompleteSingleSelectField.d.ts

@@ -7,6 +7,8 @@ export interface Props {
     autoCompleteSingleSelectField: CreatableAutoCompleteSingleSelectFieldProps;
     label: {
         label: string;
+        /** Backend field-help code; shows the label's info tooltip when copy exists. */
+        fieldCode?: string;
         width?: number;
     };
     addIconInCreateLabel?: boolean;

package/dist/components/formElements/labeledCreatableMultiSelectField/LabeledCreatableMultiSelectField.d.ts

@@ -7,6 +7,8 @@ export interface Props {
     creatableMultiSelectField: CreatableMultiSelectFieldProps;
     label: {
         label: string;
+        /** Backend field-help code; shows the label's info tooltip when copy exists. */
+        fieldCode?: string;
         width?: number;
     };
     errorInfoLabel?: string;

package/dist/components/formElements/labeledCreatableSingleSelectField/LabeledCreatableSingleSelectField.d.ts

@@ -8,6 +8,8 @@ export interface Props {
     creatableSingleSelectField: CreatableSingleSelectFieldProps;
     label: {
         label: string;
+        /** Backend field-help code; shows the label's info tooltip when copy exists. */
+        fieldCode?: string;
         width?: number;
     };
     addIconInCreateLabel?: boolean;

package/dist/components/formElements/labeledCurrencyAmountField/LabeledCurrencyAmountField.d.ts

@@ -7,6 +7,8 @@ export interface Props {
     currencyAmountField: CurrencyAmountFieldProps;
     label: {
         label: string;
+        /** Backend field-help code; shows the label's info tooltip when copy exists. */
+        fieldCode?: string;
         width?: number;
     };
     additionalInfoLabel?: string;

package/dist/components/formElements/labeledCurrencyField/LabeledCurrencyField.d.ts

@@ -7,6 +7,8 @@ export interface Props {
     currencySelectField: CurrencySelectFieldProps;
     label: {
         label: string;
+        /** Backend field-help code; shows the label's info tooltip when copy exists. */
+        fieldCode?: string;
         width?: number;
     };
     additionalInfoLabel?: string;

package/dist/components/formElements/labeledDatePickerWithRadioOptionsField/LabeledDatePickerWithRadioOptionsField.d.ts

@@ -7,6 +7,8 @@ export interface Props {
     dateField: DatePickerFieldWithRadioOptionsProps;
     label: {
         label: string;
+        /** Backend field-help code; shows the label's info tooltip when copy exists. */
+        fieldCode?: string;
         width?: number;
     };
     additionalInfoLabel?: string;

package/dist/components/formElements/labeledDayOfMonthSelectorField/LabeledDayOfMonthSelectorField.d.ts

@@ -7,6 +7,8 @@ export interface Props {
     dayOfMonthField: DayOfMonthSelectorProps;
     label: {
         label: string;
+        /** Backend field-help code; shows the label's info tooltip when copy exists. */
+        fieldCode?: string;
         width?: number;
     };
     isDisabled?: DisableMode;

package/dist/components/formElements/labeledDocumentField/LabeledDocumentField.d.ts

@@ -12,6 +12,8 @@ export interface Props {
     filesEndPoint: string;
     label: {
         label: string;
+        /** Backend field-help code; shows the label's info tooltip when copy exists. */
+        fieldCode?: string;
         style?: React.CSSProperties;
         width?: number;
     };

package/dist/components/formElements/labeledEmailInputField/LabeledEmailInputField.d.ts

@@ -6,6 +6,8 @@ export interface Props {
 export default function LabeledEmailInputField({ name, label, style, additionalInfoLabel, showAdditionalInfoLabel, isSaveError, showErrorInfoLabel, errorInfoLabel, showTickIcon, placeholder, registerOptions, }: {
     label: {
         label: string;
+        /** Backend field-help code; shows the label's info tooltip when copy exists. */
+        fieldCode?: string;
         width?: number;
     };
     name: string;

package/dist/components/formElements/labeledFormattedText/LabeledFormattedTextField.d.ts

@@ -8,6 +8,8 @@ export interface Props {
     formattedTextField: FormattedTextFieldProps;
     label: {
         label: string;
+        /** Backend field-help code; shows the label's info tooltip when copy exists. */
+        fieldCode?: string;
         style?: React.CSSProperties;
         width?: number;
     };

package/dist/components/formElements/labeledGroupSingleSelectFieldWithRecommendationCheckbox/LabeledGroupSingleSelectWithRecommendationCheckboxField.d.ts

@@ -9,6 +9,8 @@ export interface Props {
     isLoading: boolean;
     label: {
         label: string;
+        /** Backend field-help code; shows the label's info tooltip when copy exists. */
+        fieldCode?: string;
         style?: React.CSSProperties;
         width?: number;
     };

package/dist/components/formElements/labeledGroupedSingleSelectField/LabeledGroupedSingleSelectField.d.ts

@@ -7,6 +7,8 @@ export interface Props {
     groupedSingleSelectField: GroupedSingleSelectFieldProps;
     label: {
         label: string;
+        /** Backend field-help code; shows the label's info tooltip when copy exists. */
+        fieldCode?: string;
         width?: number;
     };
     additionalLabelInfo?: string;

package/dist/components/formElements/labeledGroupedSingleSelectWithCOT/LabeledGroupSingleSelectWithRecommendationCheckboxFieldWithCOT.d.ts

@@ -14,6 +14,8 @@ export interface Props {
     isRecommendedSelected: boolean;
     label: {
         label: string;
+        /** Backend field-help code; shows the label's info tooltip when copy exists. */
+        fieldCode?: string;
         style?: React.CSSProperties;
         width?: number;
     };

package/dist/components/formElements/labeledMonthSelectorField/LabeledMonthSelectorField.d.ts

@@ -6,6 +6,8 @@ import { MonthSelectorFieldProps } from '../monthSelectorField/MonthSelectorFiel
 export interface Props {
     label: {
         label: string | React.ReactNode;
+        /** Backend field-help code; shows the label's info tooltip when copy exists. */
+        fieldCode?: string;
         style?: React.CSSProperties;
         width?: number;
     };

package/dist/components/formElements/labeledMultiLineSingleSelectPickerField/LabeledMultiLineSingleSelectPickerField.d.ts

@@ -8,6 +8,8 @@ export interface Props {
     defaultValues: string[];
     label: {
         label: string;
+        /** Backend field-help code; shows the label's info tooltip when copy exists. */
+        fieldCode?: string;
         width?: number;
     };
     singleSelectPickerField: Omit<SingleSelectPickerFieldProps, "defaultValue">;

package/dist/components/formElements/labeledMultiSelectField/LabeledMultiSelectField.d.ts

@@ -6,6 +6,8 @@ import { MultiSelectFieldProps } from '../multiSelectField/MultiSelectField';
 export interface Props {
     label: {
         label: string;
+        /** Backend field-help code; shows the label's info tooltip when copy exists. */
+        fieldCode?: string;
         style?: React.CSSProperties;
         width?: number;
     };

package/dist/components/formElements/labeledMultiSelectWithCheckBoxField/LabeledMultiSelectWithCheckBoxField.d.ts

@@ -5,6 +5,8 @@ import { MultiSelectWithCheckBoxFieldProps } from '../multiSelectWithCheckBoxFie
 export interface Props {
     label: {
         label: string;
+        /** Backend field-help code; shows the label's info tooltip when copy exists. */
+        fieldCode?: string;
         width?: number;
     };
     multiSelectWithCheckBoxField: MultiSelectWithCheckBoxFieldProps;

package/dist/components/formElements/labeledMultiTextField/LabeledMultiTextFieldMedium.d.ts

@@ -35,6 +35,8 @@ export interface LabeledMultiTextFieldProps {
     };
     label: {
         label: string;
+        /** Backend field-help code; shows the label's info tooltip when copy exists. */
+        fieldCode?: string;
         width?: number;
     };
     secondText: {

package/dist/components/formElements/labeledNameField/LabeledNameField.d.ts

@@ -7,6 +7,8 @@ import { NameFieldProps } from '../nameField/NameField';
 export interface Props {
     label: {
         label: string;
+        /** Backend field-help code; shows the label's info tooltip when copy exists. */
+        fieldCode?: string;
         width?: number;
     };
     nameField: NameFieldProps;

package/dist/components/formElements/labeledPaymentMethodSingleSelectField/LabeledPaymentMethodSingleSelectField.d.ts

@@ -3,6 +3,8 @@ import { DisableMode } from '../common/common';
 export interface Props {
     label: {
         label: string;
+        /** Backend field-help code; shows the label's info tooltip when copy exists. */
+        fieldCode?: string;
         width?: number;
     };
     paymentSingleSelectField: PaymentMethodSingleSelectFieldProps;

package/dist/components/formElements/labeledRadio/LabeledRadioField.d.ts

@@ -6,6 +6,8 @@ import { RadioFieldProps } from '../radioField/RadioField';
 export interface Props {
     label: {
         label: string | React.ReactNode;
+        /** Backend field-help code; shows the label's info tooltip when copy exists. */
+        fieldCode?: string;
         width?: number;
     };
     radioField: RadioFieldProps;