@bcrumbs.net/inbox 0.0.52 → 0.0.58

package/src/app/inbox/components/Shared/MobileActionSheet.d.ts

@@ -0,0 +1,9 @@
+import { ActionItem } from '@bcrumbs.net/bc-ui';
+type Props = {
+    open: boolean;
+    title: string;
+    actions: ActionItem[];
+    onClose: () => void;
+};
+export declare const MobileActionSheet: ({ open, title, actions, onClose }: Props) => import("@emotion/react/jsx-runtime").JSX.Element;
+export {};

package/src/app/inbox/components/Shared/MobileMenu.d.ts

@@ -0,0 +1,8 @@
+import { MobileViews } from './mobileMenuStyles';
+export type { MobileViews };
+type MobileMenuProps = {
+    activePage: MobileViews;
+    setActivePage: (page: MobileViews) => void;
+    hideDetails?: boolean;
+};
+export declare const MobileMenu: ({ activePage, setActivePage, hideDetails }: MobileMenuProps) => import("@emotion/react/jsx-runtime").JSX.Element;

package/src/app/inbox/components/Shared/SharedStyle.d.ts

@@ -7,6 +7,8 @@ export declare const SectionContainer: import("@emotion/styled").StyledComponent
 export declare const DetailsSectionLabel: import("@emotion/styled").StyledComponent<{
     theme?: import("@emotion/react").Theme | undefined;
     as?: import("react").ElementType<any, keyof import("react").JSX.IntrinsicElements> | undefined;
+} & {
+    $isMobile?: boolean | undefined;
 }, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLSpanElement>, HTMLSpanElement>, {}>;
 export declare const EditButton: import("@emotion/styled").StyledComponent<import("@bcrumbs.net/bc-ui").ButtonProps & import("react").RefAttributes<HTMLButtonElement> & {
     theme?: import("@emotion/react").Theme | undefined;
@@ -14,6 +16,8 @@ export declare const EditButton: import("@emotion/styled").StyledComponent<impor
 export declare const TagContainer: import("@emotion/styled").StyledComponent<{
     theme?: import("@emotion/react").Theme | undefined;
     as?: import("react").ElementType<any, keyof import("react").JSX.IntrinsicElements> | undefined;
+} & {
+    $isMobile?: boolean | undefined;
 }, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
 export declare const ClientDetailsContainer: import("@emotion/styled").StyledComponent<{
     theme?: import("@emotion/react").Theme | undefined;
@@ -24,8 +28,11 @@ export declare const ClientDetailsItem: import("@emotion/styled").StyledComponen
     as?: import("react").ElementType<any, keyof import("react").JSX.IntrinsicElements> | undefined;
 } & {
     highlight?: boolean | undefined;
+    $isMobile?: boolean | undefined;
 }, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
+export declare const getClientDetailsItemCss: (isMobile: boolean) => import("@emotion/react").SerializedStyles;
 export declare const clientDetailsItemCss: import("@emotion/react").SerializedStyles;
+export declare const getClientDetailsItemPhoneCss: (isMobile: boolean) => import("@emotion/react").SerializedStyles;
 export declare const clientDetailsItemPhoneCss: import("@emotion/react").SerializedStyles;
 export declare const createImageContainerStyle: (width: number | string, height: number | string, fontSize?: TextSizeRem, LineHeight?: LineHeightRem) => import("@emotion/react").SerializedStyles;
 export declare const ArchivedLabelStyle: import("@emotion/styled").StyledComponent<{

package/src/app/inbox/components/Shared/mobileMenuStyles.d.ts

@@ -0,0 +1,20 @@
+/// <reference types="react" />
+export type MobileViews = 'convList' | 'chat' | 'details';
+export declare const mobileNavbar: {
+    Wrapper: import("@emotion/styled").StyledComponent<{
+        theme?: import("@emotion/react").Theme | undefined;
+        as?: import("react").ElementType<any, keyof import("react").JSX.IntrinsicElements> | undefined;
+    }, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLElement>, HTMLElement>, {}>;
+    Items: import("@emotion/styled").StyledComponent<{
+        theme?: import("@emotion/react").Theme | undefined;
+        as?: import("react").ElementType<any, keyof import("react").JSX.IntrinsicElements> | undefined;
+    }, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLUListElement>, HTMLUListElement>, {}>;
+    Item: import("@emotion/styled").StyledComponent<{
+        theme?: import("@emotion/react").Theme | undefined;
+        as?: import("react").ElementType<any, keyof import("react").JSX.IntrinsicElements> | undefined;
+    }, import("react").DetailedHTMLProps<import("react").LiHTMLAttributes<HTMLLIElement>, HTMLLIElement>, {}>;
+    Icon: import("@emotion/styled").StyledComponent<{
+        theme?: import("@emotion/react").Theme | undefined;
+        as?: import("react").ElementType<any, keyof import("react").JSX.IntrinsicElements> | undefined;
+    }, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLSpanElement>, HTMLSpanElement>, {}>;
+};

package/src/app/inbox/constants/index.d.ts

@@ -15,7 +15,7 @@ export declare const WABA_TEMPLATE_COSTS: {
     UTILITY: number;
     AUTHENTIC: number;
 };
-export declare const CONVERSATIONS_LIMIT = 100;
+export declare const CONVERSATIONS_LIMIT = 300;
 export declare const WhatsappLanguageCodes: {
     ar: string;
     en: string;

package/src/app/inbox/hooks/useCanContribute.d.ts

@@ -3,6 +3,7 @@ interface Props {
     hasAdminOrOwnerRole?: boolean;
     selectedConv?: Conversation;
     myAgent?: Agent;
+    userType?: string;
 }
-declare const useCanContribute: ({ hasAdminOrOwnerRole, selectedConv, myAgent }: Props) => boolean;
+declare const useCanContribute: ({ hasAdminOrOwnerRole, selectedConv, myAgent, userType }: Props) => boolean;
 export default useCanContribute;

package/src/app/inbox/hooks/useConvAutoComplete.d.ts

@@ -0,0 +1,15 @@
+/// <reference types="react" />
+export interface UseConvAutoCompleteOptions {
+    enabled: boolean;
+    workspaceId: number | undefined;
+    conversationId: string | undefined;
+}
+export declare function useConvAutoComplete({ enabled, workspaceId, conversationId, }: UseConvAutoCompleteOptions): {
+    autoCompleteSuggestion: string | undefined;
+    isAutoCompleteLoading: boolean;
+    composerDraftRef: import("react").MutableRefObject<string>;
+    onComposerInputChange: (text: string) => void;
+    onAutoCompleteMutate: (suggestion: string | null) => void;
+    clearAutoComplete: () => void;
+    stopAutoComplete: () => void;
+};

package/src/app/inbox/hooks/useConvEnhance.d.ts

@@ -0,0 +1,17 @@
+import { type MutableRefObject } from 'react';
+export interface UseConvEnhanceOptions {
+    enabled: boolean;
+    workspaceId: number | undefined;
+    conversationId: string | undefined;
+    composerDraftRef: MutableRefObject<string>;
+    onBeforeEnhance?: () => void;
+    /** Fired when replace draft is applied so parent can skip auto-complete debounce for that update. */
+    onReplaceDraftApplied?: () => void;
+}
+export declare function useConvEnhance({ enabled, workspaceId, conversationId, composerDraftRef, onBeforeEnhance, onReplaceDraftApplied, }: UseConvEnhanceOptions): {
+    autoCompleteReplaceDraft: string | undefined;
+    autoCompleteReplaceDraftKey: number;
+    isEnhanceLoading: boolean;
+    fetchEnhance: () => Promise<void>;
+    clearReplaceDraft: () => void;
+};

package/src/app/inbox/hooks/useConvFilters.d.ts

@@ -1,16 +1,20 @@
-import { Agent, Ai, Conversation, Tag } from '../../../graphql.autogenerated';
+import { Agent, Ai, Conversation, Integration, Tag } from '../../../graphql.autogenerated';
 import { ConvsFilters } from '../utils/convs';
 interface ConvFiltersProps {
     filters?: ConvsFilters;
     onFiltersChange?: (filters: ConvsFilters) => void;
     agents: Agent[];
     convStages: Tag[];
+    conversationTags: Tag[];
+    integrations: Integration[];
     myAgent: Agent | undefined;
     conversations: Conversation[];
     aiAgents?: Ai[];
 }
-declare const useConvFilters: ({ filters, onFiltersChange, agents, aiAgents, convStages, myAgent, conversations, }: ConvFiltersProps) => {
+declare const useConvFilters: ({ filters, onFiltersChange, agents, aiAgents, convStages, conversationTags, integrations, myAgent, conversations, }: ConvFiltersProps) => {
     getAgentsFilterMenu: (addSeparatorAtLast?: boolean) => import("dist/packages/bc-ui/src").ActionItem[];
     getLifeCycleFilterMenu: (addSeparatorAtLast?: boolean) => import("dist/packages/bc-ui/src").ActionItem[];
+    getChannelsFilterMenu: () => import("dist/packages/bc-ui/src").ActionItem[];
+    getTagsFilterMenu: () => import("dist/packages/bc-ui/src").ActionItem[];
 };
 export default useConvFilters;

package/src/app/inbox/hooks/useConversationById.d.ts

@@ -0,0 +1,8 @@
+import { Conversation } from '../../../graphql.autogenerated';
+declare function useConversationById(convId: string | undefined, skip?: boolean): {
+    conversation: Conversation | undefined;
+    loading: boolean;
+    error: import("@apollo/client").ApolloError | undefined;
+    refetch: () => void;
+};
+export default useConversationById;

package/src/app/inbox/hooks/useInboxAssignableAis.d.ts

@@ -0,0 +1,3 @@
+import { Ai } from '../../../graphql.autogenerated';
+/** Memoized inbox-assignable AIs (pure logic lives in {@link getInboxAssignableAis}). */
+export declare function useInboxAssignableAis(aiAgents: Ai[] | undefined | null, isCrumbyEnabled: boolean): Ai[];

package/src/app/inbox/hooks/useMyAgent.d.ts

@@ -0,0 +1,10 @@
+import { Agent } from '../../../graphql.autogenerated';
+/** Workspace admin API key — not linked to an agent (`agentApiKey` is agent-linked). */
+export declare const isWorkspaceAdminApiKey: (userType: string | undefined) => boolean;
+/**
+ * Resolves the workspace agent for the current session.
+ * Portal users match on agent.userId; agent-linked API keys authenticate with agent.id.
+ */
+export declare function findMyAgent(agents: Agent[] | null | undefined, userId: string | undefined, userType: string | undefined): Agent | undefined;
+declare const useMyAgent: (agents?: Agent[] | null) => Agent | undefined;
+export default useMyAgent;

package/src/app/inbox/hooks/useQuickReplyPicker.d.ts

@@ -0,0 +1,18 @@
+/// <reference types="react" />
+import { QuickReplyPickerItem } from '../utils/quickReplyPicker';
+export interface UseQuickReplyPickerOptions {
+    workspaceId: number | undefined;
+    conversationId: string | undefined;
+    enabled: boolean;
+    noteMode: boolean;
+    onSelect: (content: string) => void;
+}
+export declare function useQuickReplyPicker({ workspaceId, conversationId, enabled, noteMode, onSelect, }: UseQuickReplyPickerOptions): {
+    isOpen: boolean;
+    filteredItems: QuickReplyPickerItem[];
+    highlightedIndex: number;
+    setHighlightedIndex: import("react").Dispatch<import("react").SetStateAction<number>>;
+    onComposerInputChange: (text: string) => void;
+    selectItem: (item: QuickReplyPickerItem) => void;
+    dismiss: () => void;
+};

package/src/app/inbox/hooks/useQuickReplyPickerAnchor.d.ts

@@ -0,0 +1,7 @@
+import { type RefObject } from 'react';
+export interface QuickReplyPickerAnchor {
+    left: number;
+    bottom: number;
+    width: number;
+}
+export declare function useQuickReplyPickerAnchor(chatRootRef: RefObject<HTMLDivElement | null>, isOpen: boolean, isMobile: boolean): QuickReplyPickerAnchor | null;

package/src/app/inbox/utils/convAssistIntent.d.ts

@@ -0,0 +1,16 @@
+export declare const AUTO_COMPLETE_DEBOUNCE_MS = 800;
+export declare const MIN_DRAFT_CHARS = 10;
+export declare const AUTO_COMPLETE_CACHE_SIZE = 20;
+export declare function shouldTriggerAutoComplete(draft: string): boolean;
+export declare function normalizeSuggestion(fullText: string, currentInput: string): string;
+export declare function buildAutoCompleteCacheKey(workspaceId: number, convId: string, draft: string): string;
+export declare function buildAutoCompleteConvKeyPrefix(workspaceId: number, convId: string): string;
+export declare class AutoCompleteCache {
+    private readonly maxSize;
+    private readonly order;
+    private readonly store;
+    constructor(maxSize?: number);
+    get(key: string): string | undefined;
+    set(key: string, suffix: string): void;
+    clear(): void;
+}

package/src/app/inbox/utils/convAssistStorage.d.ts

@@ -0,0 +1,12 @@
+/** Enhance cache key: workspace + draft only (no conversation). */
+export declare function buildEnhanceCacheKey(workspaceId: number, draft: string): string;
+export declare function getPersistedAutoComplete(workspaceId: number, cacheKey: string): string | undefined;
+export declare function setPersistedAutoComplete(workspaceId: number, cacheKey: string, suffix: string): void;
+/** Removes all auto-complete entries for a conversation (e.g. when it is closed). */
+export declare function clearPersistedAutoCompleteForConversation(workspaceId: number, convId: string): void;
+export declare function getPersistedEnhance(workspaceId: number, draft: string): string | undefined;
+export declare function setPersistedEnhance(workspaceId: number, draft: string, enhancedText: string): void;
+/** Warm in-memory LRU from localStorage (bounded). */
+export declare function hydrateAutoCompleteMemoryCache(workspaceId: number, memoryCache: {
+    set: (key: string, suffix: string) => void;
+}): void;

package/src/app/inbox/utils/convs.d.ts

@@ -9,6 +9,7 @@ export type ConvsFilters = {
     stageId?: string | null;
     nameOrPhone?: string;
     integrationId?: string | null;
+    tagValue?: string | null;
 };
 export interface AgentConversationCounts {
     total: number;
@@ -21,16 +22,16 @@ interface BuildAgentsMenuOptions {
     selectedAgentId: string | null | undefined;
     selectedAiId: string | null | undefined;
     onAgentSelect: (agentId: string, agentName?: string) => void;
-    onCrumbySelect: (crumbyId: string, crumbyName?: string) => void;
+    /** Workspace assistants shown after “Unassigned”; excludes internal-only AIs */
+    assignableAis?: Ai[];
+    onAssignableAiSelect?: (aiId: string) => void;
     onUnassigneeSelect?: () => void;
     t: any;
-    crumbyAi?: Ai;
     includeAllOption?: boolean;
     onAllSelect?: () => void;
     addSeparatorAtLast?: boolean;
     counts?: AgentConversationCounts;
     showAllAgents?: boolean;
-    isCrumbyEnabled?: boolean;
 }
 interface BuildLifeCycleMenuOptions {
     convStages: Tag[];
@@ -46,8 +47,16 @@ export declare function isOutside24HourWindow(message: Message | null | undefine
 export declare function formatSeconds(value: number): string;
 export declare const getMessageStatusIcon: (message: Message | null | undefined) => import("@emotion/react/jsx-runtime").JSX.Element | null;
 export declare const getDisplayName: (clientData: ClientQuery['client'] | undefined) => string;
-export declare const buildAgentsMenu: ({ agents, myAgent, selectedAgentId, selectedAiId, onAgentSelect, onCrumbySelect, onUnassigneeSelect, t, includeAllOption, onAllSelect, addSeparatorAtLast, counts, crumbyAi, showAllAgents, isCrumbyEnabled, }: BuildAgentsMenuOptions) => ActionItem[];
+export declare const buildAgentsMenu: ({ agents, myAgent, selectedAgentId, selectedAiId, onAgentSelect, assignableAis, onAssignableAiSelect, onUnassigneeSelect, t, includeAllOption, onAllSelect, addSeparatorAtLast, counts, showAllAgents, }: BuildAgentsMenuOptions) => ActionItem[];
 export declare const buildLifeCycleMenu: ({ convStages, selectedStageId, onStageSelect, t, addSeparatorAtLast, }: BuildLifeCycleMenuOptions) => ActionItem[];
+interface BuildTagsMenuOptions {
+    conversationTags: Tag[];
+    selectedTagValue: string | null | undefined;
+    onTagSelect: (tagValue: string) => void;
+    onAllSelect: () => void;
+    t: any;
+}
+export declare const buildTagsMenu: ({ conversationTags, selectedTagValue, onTagSelect, onAllSelect, t, }: BuildTagsMenuOptions) => ActionItem[];
 export declare const formatPhoneForWhatsApp: (phone: string | null | undefined) => string;
 interface BuildChannelsMenuOptions {
     integrations: Integration[];

package/src/app/inbox/utils/inboxAssignableAis.d.ts

@@ -0,0 +1,10 @@
+import { Ai } from '../../../graphql.autogenerated';
+/** Stored name for the primary Crumby assistant record */
+export declare const CRUMBY_AI_RECORD_NAME = "Crumby AI";
+/** Primary Crumby assistant rows first, then remaining AIs by name */
+export declare function sortInboxAssignableAis(ais: Ai[]): Ai[];
+/**
+ * Workspace AIs users may assign or filter by in the inbox.
+ * Excludes internal assistants and hides Crumby when the feature flag is off.
+ */
+export declare function getInboxAssignableAis(aiAgents: Ai[] | undefined, isCrumbyEnabled: boolean): Ai[];

package/src/app/inbox/utils/mobileInboxStyles.d.ts

@@ -0,0 +1,6 @@
+import { LineHeightRem, TextSizeRem } from '@bcrumbs.net/bc-ui';
+/** Desktop → mobile font step-up for inbox UI */
+export declare const mobileText: (desktop: TextSizeRem, mobile: TextSizeRem, isMobile: boolean) => TextSizeRem;
+export declare const mobileLineHeight: (desktop: LineHeightRem, mobile: LineHeightRem, isMobile: boolean) => LineHeightRem;
+export declare const mobileFullWidthButtonCss: import("@emotion/react").SerializedStyles;
+export declare const bcChatMobileFontVars: import("@emotion/react").SerializedStyles;

package/src/app/inbox/utils/quickReplyPicker.d.ts

@@ -0,0 +1,13 @@
+export declare function isQuickReplyPickerDraft(draft: string): boolean;
+export declare function parseQuickReplyQuery(draft: string): string | null;
+export declare function normalizeQuickReplyCommand(command: string): string;
+export declare function formatQuickReplyCommand(command: string): string;
+export interface QuickReplyPickerItem {
+    id: string;
+    command: string;
+    content: string;
+}
+export declare function filterQuickReplies<T extends {
+    command: string;
+}>(items: T[], draft: string): T[];
+export declare function clampHighlightedIndex(index: number, itemCount: number): number;

package/src/app/layout/components/Header.d.ts

@@ -3,10 +3,6 @@ import { CommandPaletteItem } from './CommandPalette';
 export declare const HeaderContainer: import("@emotion/styled").StyledComponent<{
     theme?: import("@emotion/react").Theme | undefined;
     as?: import("react").ElementType<any, keyof import("react").JSX.IntrinsicElements> | undefined;
-} & {
-    rtl: boolean;
-    mobileInboxVersion: boolean;
-    hasSubMenu?: boolean | undefined;
 }, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
 export declare const Separator: import("@emotion/styled").StyledComponent<{
     theme?: import("@emotion/react").Theme | undefined;

package/src/app/layout/constants/subMenu.d.ts

@@ -12,7 +12,7 @@ export declare const ManagementSubmenu: ({
     }[];
 } | {
     title: string;
-    items: {
+    items: ({
         label: string;
         title: string;
         link: string;
@@ -20,7 +20,17 @@ export declare const ManagementSubmenu: ({
         action: string;
         description: string;
         tags: string[];
-    }[];
+        hide?: undefined;
+    } | {
+        label: string;
+        hide: boolean;
+        title: string;
+        link: string;
+        icon: import("@emotion/react/jsx-runtime").JSX.Element;
+        action: string;
+        description: string;
+        tags: string[];
+    })[];
     hide?: undefined;
 })[];
 export declare const ContactSubmenu: {

package/src/app/layout/context/EmbeddedInboxContext.d.ts

@@ -0,0 +1,3 @@
+import { type PropsWithChildren } from 'react';
+export declare const EmbeddedInboxProvider: ({ children }: PropsWithChildren) => import("@emotion/react/jsx-runtime").JSX.Element;
+export declare const useIsEmbeddedInbox: () => boolean;

package/src/app/layout/context/MobileInboxNavContext.d.ts

@@ -0,0 +1,9 @@
+import { PropsWithChildren } from 'react';
+import { MobileViews } from '../../inbox/components/Shared/Inbox';
+type MobileInboxNavContextValue = {
+    activePage: MobileViews;
+    setActivePage: (page: MobileViews) => void;
+};
+export declare const MobileInboxNavProvider: ({ children }: PropsWithChildren) => import("@emotion/react/jsx-runtime").JSX.Element;
+export declare const useMobileInboxNav: () => MobileInboxNavContextValue;
+export {};

package/src/app/layout/hooks/useMobileInboxVersion.d.ts

@@ -1,6 +1,4 @@
 export declare const useMobileInboxVersion: () => {
-    mobileInboxVersion: boolean;
-    isInboxPath: boolean;
+    isMobile: boolean;
     pageWidth: number;
-    location: import("history").Location<unknown>;
 };

package/src/app/managemnet/components/CreateQuickReply.d.ts

@@ -0,0 +1,8 @@
+import { QuickReply } from '../../../graphql.autogenerated';
+interface CreateQuickReplyProps {
+    quickReply?: QuickReply;
+    onSuccess?: () => void;
+    onCancel?: () => void;
+}
+declare const CreateQuickReply: ({ quickReply, onSuccess, onCancel }: CreateQuickReplyProps) => import("@emotion/react/jsx-runtime").JSX.Element;
+export default CreateQuickReply;

package/src/app/managemnet/components/WebhookHeadersEditor.d.ts

@@ -0,0 +1,12 @@
+export type WebhookHeaderEntry = {
+    key: string;
+    value: string;
+};
+interface WebhookHeadersEditorProps {
+    entries: WebhookHeaderEntry[];
+    onChange: (entries: WebhookHeaderEntry[]) => void;
+}
+export declare function entriesToHeadersRecord(entries: WebhookHeaderEntry[]): Record<string, string> | undefined;
+export declare function hasIncompleteHeaderEntry(entries: WebhookHeaderEntry[]): boolean;
+declare const WebhookHeadersEditor: ({ entries, onChange }: WebhookHeadersEditorProps) => import("@emotion/react/jsx-runtime").JSX.Element;
+export default WebhookHeadersEditor;

package/src/app/managemnet/components/channels/ChannelTypeCard.d.ts

@@ -10,6 +10,7 @@ interface ChannelTypeCardProps {
     channels: ChannelIntegration[];
     onChannelDelete: (id: string) => void;
     onChannelCreated: () => void;
+    loading?: boolean;
 }
-declare const ChannelTypeCard: ({ type, channels, onChannelDelete, onChannelCreated }: ChannelTypeCardProps) => import("@emotion/react/jsx-runtime").JSX.Element;
+declare const ChannelTypeCard: ({ type, channels, onChannelDelete, onChannelCreated, loading }: ChannelTypeCardProps) => import("@emotion/react/jsx-runtime").JSX.Element;
 export default ChannelTypeCard;

package/src/app/managemnet/config/quickReplyDefinition.d.ts

@@ -0,0 +1,4 @@
+import { QuickReply } from '../../../graphql.autogenerated';
+import { ResourceDefinition } from './types';
+declare const quickReplyDefinition: ResourceDefinition<QuickReply>;
+export default quickReplyDefinition;

package/src/app/managemnet/pages/quickReplies/index.d.ts

@@ -0,0 +1,2 @@
+declare const QuickReplies: () => import("@emotion/react/jsx-runtime").JSX.Element;
+export default QuickReplies;

package/src/app/onboarding/components/OnboardingChecklistWidget.d.ts

@@ -1,2 +1,3 @@
-declare const OnboardingChecklistWidget: () => import("@emotion/react/jsx-runtime").JSX.Element | null;
+/// <reference types="react" />
+declare const OnboardingChecklistWidget: () => import("react").ReactPortal | null;
 export default OnboardingChecklistWidget;

package/src/app/onboarding/utils/onboardingChecklistStorage.d.ts

@@ -7,6 +7,10 @@ export type OnboardingChecklistState = {
     completed: Record<OnboardingChecklistStepId, boolean>;
 };
 export declare const ONBOARDING_CHECKLIST_STEP_IDS: OnboardingChecklistStepId[];
+/** Last checklist steps; only shown when Crumby / workspace AI is enabled */
+export declare const ONBOARDING_CHECKLIST_CRUMBY_STEP_IDS: OnboardingChecklistStepId[];
+export declare function getApplicableOnboardingChecklistStepIds(isCrumbyEnabled: boolean): OnboardingChecklistStepId[];
+export declare function isOnboardingChecklistCompleteForCrumbySetting(state: OnboardingChecklistState, isCrumbyEnabled: boolean): boolean;
 export declare function getOnboardingChecklistStorageKey(userId: string | number): string;
 export declare function getOnboardingChecklistPendingKey(userId: string | number): string;
 /** One-shot: open checklist popover after sign-in (session tab only). */

package/src/app/resources/components/Integrations/Facebook/NoPagesFoundPopup.d.ts

@@ -1,3 +1,4 @@
-export declare function NoPagesFoundPopup({ onClose }: {
+export declare function NoPagesFoundPopup({ onClose, rtl, }: {
     onClose: () => void;
+    rtl?: boolean;
 }): import("@emotion/react/jsx-runtime").JSX.Element;

package/src/app/resources/components/Integrations/Facebook/PagePickerPopup.d.ts

@@ -1,8 +1,9 @@
 import { IntegrationWithSecrets } from '../../../../../graphql.autogenerated';
 import { FBPage } from '../../../hooks/useFBPagesHook';
-export declare function PagePickerPopup({ onClose, setInitialValues, token, pages, }: {
+export declare function PagePickerPopup({ onClose, setInitialValues, token, pages, rtl, }: {
     onClose: () => void;
     setInitialValues: (initialResource: Partial<IntegrationWithSecrets>) => void;
     token?: string;
     pages: FBPage[];
+    rtl?: boolean;
 }): import("@emotion/react/jsx-runtime").JSX.Element;

package/src/app/resources/components/ListResources/Utils.d.ts

@@ -1,3 +1,4 @@
+/// <reference types="react" />
 import { TFunction } from "i18next";
 import { Row, Action } from "@bcrumbs.net/bc-ui";
 import { ResourceDefinition } from "../../config";

package/src/app/subscriptions/components/Plans/PlanCard.d.ts

@@ -1,26 +1,13 @@
-import { ReactNode } from 'react';
-import { Color } from '@bcrumbs.net/bc-ui';
-import { PlanFrequency } from '../../constants/Plans';
 export type PlanCardProps = {
-    upgrading?: boolean;
-    onActionClick?: () => void;
-    available?: boolean;
-    current?: boolean;
-    processing?: boolean;
-    loading?: boolean;
-    children?: ReactNode;
-    frequency: PlanFrequency;
     name: string;
-    amount?: number;
-    billingLabel?: string | null;
-    subTitle: string;
-    actionLabel: string;
-    description: ReactNode;
-    titleColor?: Color;
-    bgColor: Color;
-    color: Color;
-    descriptionColor: Color;
-    borderColor?: Color;
-    boxBorderColor?: Color;
+    price: number;
+    subtitle: string;
+    features: string[];
+    isCurrent: boolean;
+    isPopular?: boolean;
+    onChoose: () => void;
+    loading?: boolean;
+    processing?: boolean;
+    available?: boolean;
 };
-export declare function PlanCard({ available, name, amount, frequency, billingLabel, subTitle, actionLabel, description, onActionClick, titleColor, bgColor, color, descriptionColor, borderColor, boxBorderColor, children, current, upgrading, processing, loading, }: PlanCardProps): import("@emotion/react/jsx-runtime").JSX.Element;
+export declare function PlanCard({ name, price, subtitle, features, isCurrent, isPopular, onChoose, loading, processing, available, }: PlanCardProps): import("@emotion/react/jsx-runtime").JSX.Element;

package/src/app/subscriptions/components/Plans/ShowcasePlans.d.ts

@@ -1,12 +1,15 @@
 import { PlanTypes } from '../../constants/Plans';
-import { PlanType } from '../../../../graphql.billing.autogenerated';
+import { PlanType, Term } from '../../../../graphql.billing.autogenerated';
 type ShowcasePlansProps = {
-    onPlanPicked: (plan: PlanTypes) => void;
+    onPlanPicked: (plan: PlanTypes, term: Term, includeAi: boolean) => void;
     disableFreePlan?: boolean;
     currentPlanType?: PlanType | null;
-    upgrading?: boolean;
+    /** The billing term the user is currently subscribed to */
+    currentTerm?: Term | null;
+    /** When true, no plan is highlighted as the current subscription (e.g. new workspace creation). */
+    selectingPlan?: boolean;
     processing?: boolean;
     loadingPlanType?: PlanType | null;
 };
-export declare const ShowcasePlans: ({ onPlanPicked, disableFreePlan, currentPlanType, upgrading, processing, loadingPlanType, }: ShowcasePlansProps) => import("@emotion/react/jsx-runtime").JSX.Element;
+export declare const ShowcasePlans: ({ onPlanPicked, disableFreePlan, currentPlanType, currentTerm, selectingPlan, processing, loadingPlanType, }: ShowcasePlansProps) => import("@emotion/react/jsx-runtime").JSX.Element;
 export default ShowcasePlans;

package/src/app/subscriptions/components/SubscriptionSettings/SubscriptionHeader.d.ts

@@ -1,11 +1,2 @@
-interface SubscriptionHeaderProps {
-    isEditing: boolean;
-    onEdit: () => void;
-    onSave: () => void;
-    loading: boolean;
-    onCancel: () => void;
-    disabledSave: boolean;
-    workspaceId?: number;
-}
-declare const SubscriptionHeader: ({ isEditing, onEdit, onSave, onCancel, loading, disabledSave, workspaceId, }: SubscriptionHeaderProps) => import("@emotion/react/jsx-runtime").JSX.Element;
+declare const SubscriptionHeader: () => import("@emotion/react/jsx-runtime").JSX.Element;
 export default SubscriptionHeader;

package/src/app/subscriptions/components/SubscriptionSettings/SubscriptionPlanLabel.d.ts

@@ -0,0 +1,8 @@
+import { SubscriptionStatus } from '../../../../graphql.billing.autogenerated';
+type SubscriptionPlanLabelProps = {
+    planLabel: string;
+    status?: SubscriptionStatus | null;
+};
+export declare function SubscriptionPlanLabel({ planLabel, status }: SubscriptionPlanLabelProps): import("@emotion/react/jsx-runtime").JSX.Element;
+export declare function isSubscriptionCancelled(status?: SubscriptionStatus | null): boolean;
+export {};

package/src/app/subscriptions/components/SubscriptionSettings/SubscriptionProfile.d.ts

@@ -2,7 +2,6 @@ type SubscriptionProfileRouteProps = {
     subscriptionId: string;
     subscriptionName: string;
     subscriptionAccountId: string;
-    subscriptionType: string;
     subscriptionCreateDate: string;
     onUpdate: () => any;
     updateCompany: (id: string, name: string) => any;

package/src/app/subscriptions/components/SubscriptionSettings/SubscriptionProfileCard.d.ts

@@ -0,0 +1,14 @@
+type SubscriptionProfileCardProps = {
+    workspaceId?: string | number;
+    subscriptionCreateDate: string;
+    isEditing: boolean;
+    onEdit: () => void;
+    onCancel: () => void;
+    loading: boolean;
+    name?: string;
+    onNameChange?: (name: string) => void;
+    handleUpdateCompany?: (name: string) => Promise<void>;
+    disabledSave: boolean;
+};
+declare const SubscriptionProfileCard: ({ subscriptionCreateDate, isEditing, onEdit, onCancel, loading, name, onNameChange, handleUpdateCompany, disabledSave, workspaceId: workspaceIdProp, }: SubscriptionProfileCardProps) => import("@emotion/react/jsx-runtime").JSX.Element;
+export default SubscriptionProfileCard;

package/src/app/subscriptions/components/SubscriptionSettings/SubscriptionUsageCard.d.ts

@@ -0,0 +1,6 @@
+type SubscriptionUsageCardProps = {
+    usersCount: number;
+    workspaceId?: number;
+};
+declare const SubscriptionUsageCard: ({ usersCount, workspaceId }: SubscriptionUsageCardProps) => import("@emotion/react/jsx-runtime").JSX.Element;
+export default SubscriptionUsageCard;

package/src/app/subscriptions/components/SubscriptionSettings/SubscriptionUsers.d.ts

@@ -1,9 +1,10 @@
 type SubscriptionProfileRouteProps = {
-    subscriptionId: number;
+    /** Company / workspace id from membership (REST); used for invite/remove context switching, not for core GraphQL Int `workspaceId`. */
+    subscriptionId?: number | string;
     users: any[];
     refetchUsers: any;
     loadingUsers: boolean;
-    inviteUser: (email: string) => Promise<unknown>;
+    inviteUser: (companyId: number, email: string) => Promise<unknown>;
     removeUserFromCompany: (companyId: number, userId: string) => Promise<unknown>;
 };
 export declare const SubscriptionUsers: (props: SubscriptionProfileRouteProps) => import("@emotion/react/jsx-runtime").JSX.Element;

package/src/app/subscriptions/components/SubscriptionSettings/index.d.ts

@@ -1,3 +1,9 @@
+export type WorkspaceCompany = {
+    Id: number;
+    Name: string;
+    AccountId?: string | null;
+    CreateDate?: string | null;
+};
 export declare enum TABS {
     PROFILE = "PROFILE",
     USERS = "USERS",