@bcrumbs.net/inbox 0.0.52 → 0.0.58

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@bcrumbs.net/inbox",
   "description": "Inbox widget for Bread Crumbs portals",
-  "version": "0.0.52",
+  "version": "0.0.58",
   "keyword": [
     "bcrumbs",
     "bc-ui",
@@ -25,7 +25,7 @@
   },
   "dependencies": {
     "@bcrumbs.net/bc-shared": "^0.0.9",
-    "@bcrumbs.net/bc-ui": "^0.0.13",
+    "@bcrumbs.net/bc-ui": "^0.0.14",
     "@bcrumbs.net/bc-api": "^0.0.47",
     "@azure/storage-blob": "^12.25.0"
   },

package/src/app/ai/components/CrumbySettings/AutoTagRulesSection.d.ts

@@ -0,0 +1,14 @@
+import { BCDropListOptionsType } from '@bcrumbs.net/bc-ui';
+import { TagType } from '../../../../graphql.autogenerated';
+import { TagRuleDraft } from './tagRuleUtils';
+export interface AutoTagRulesSectionProps {
+    title: string;
+    type: TagType;
+    rules: TagRuleDraft[];
+    onChange: (rules: TagRuleDraft[]) => void;
+    availableTags: BCDropListOptionsType[];
+    refetchTags: () => void;
+    defaultExpanded?: boolean;
+}
+declare const AutoTagRulesSection: ({ title, type, rules, onChange, availableTags, refetchTags, defaultExpanded, }: AutoTagRulesSectionProps) => import("@emotion/react/jsx-runtime").JSX.Element;
+export default AutoTagRulesSection;

package/src/app/ai/components/CrumbySettings/tagRuleUtils.d.ts

@@ -0,0 +1,28 @@
+export interface TagRuleDraft {
+    id: string;
+    tag: string;
+    rule: string;
+}
+export declare const createTagRuleDraftId: () => `${string}-${string}-${string}-${string}-${string}`;
+export declare const toTagRuleDrafts: (rules?: {
+    tag: string;
+    rule: string;
+}[] | null) => TagRuleDraft[];
+export declare const normalizeTagRulesForSave: (rules: TagRuleDraft[]) => {
+    tag: string;
+    rule: string;
+}[];
+export declare const normalizeTagRulesFromConfig: (rules?: {
+    tag: string;
+    rule: string;
+}[] | null) => {
+    tag: string;
+    rule: string;
+}[];
+export declare const areTagRulesEqual: (a: {
+    tag: string;
+    rule: string;
+}[], b: {
+    tag: string;
+    rule: string;
+}[]) => boolean;

package/src/app/auth/components/UserAvatar/AccountSettingsDropdown.d.ts

@@ -8,5 +8,6 @@ export type AccountSettingsProps = {
     itemsList: DropdownListItemType[];
     dataTestid?: string;
     userInfo?: any;
+    isMobile?: boolean;
 };
-export declare function AccountSettingsDropdown({ url, itemsList, itemClicked, text, color, dataTestid, userInfo }: PropsWithChildren<AccountSettingsProps>): import("@emotion/react/jsx-runtime").JSX.Element;
+export declare function AccountSettingsDropdown({ url, itemsList, itemClicked, text, color, dataTestid, userInfo, isMobile, }: PropsWithChildren<AccountSettingsProps>): import("@emotion/react/jsx-runtime").JSX.Element;

package/src/app/auth/components/UserAvatar/index.d.ts

@@ -5,6 +5,7 @@ export type AccountWrapperProps = {
 };
 export type UserAvatarProps = {
     onLogout: () => void;
+    isMobile?: boolean;
 };
-declare function UserAvatar({ onLogout }: UserAvatarProps): import("@emotion/react/jsx-runtime").JSX.Element | null;
+declare function UserAvatar({ onLogout, isMobile }: UserAvatarProps): import("@emotion/react/jsx-runtime").JSX.Element | null;
 export default UserAvatar;

package/src/app/auth/pages/CheckAuth.d.ts

@@ -0,0 +1,10 @@
+/**
+ * Public entry from marketing pricing CTAs (?planType=...).
+ * Verifies the session via currentUser, then:
+ * - authenticated + planType in query → upgrade flow (auto Polar/Stripe checkout)
+ * - authenticated + no planType → inbox
+ * - guest + planType → register with planType preserved
+ * - guest + no planType → login
+ */
+declare const CheckAuth: () => import("@emotion/react/jsx-runtime").JSX.Element;
+export default CheckAuth;

package/src/app/auth/pages/Forget.d.ts

@@ -2,9 +2,7 @@ export type Props = {
     location: any;
     history: any;
     router: any;
-    forgetPasswordAction: (action: any, email: string, customUrl: string) => any;
-    login: any;
-    forgetPassword: any;
+    forgetPasswordAction: (email: string, customUrl: string) => any;
     error: any;
     status: any;
 };

package/src/app/auth/pages/Password.d.ts

@@ -5,7 +5,6 @@ export type Props = {
     router: any;
     userRegistered: boolean;
     resetPasswordAction: UserAuthTypes.ResetPasswordAction;
-    resetPassword: any;
     error: any;
     status: any;
 };

package/src/app/auth/pages/Profile.d.ts

@@ -1,6 +1,5 @@
 import { UpdateProfileAction, SetCurrentUserAction } from '../redux/auth.types';
 export type Props = {
-    updatePassword: any;
     updateProfile: any;
     updateProfileAction: UpdateProfileAction;
     setCurrentUserAction: SetCurrentUserAction;

package/src/app/auth/redux/actions/forgetPasswordAction.d.ts

@@ -1,4 +1,4 @@
-export declare function forgetPasswordAction(action: any, email: any, customResetPasswordUrl: string, time?: string): (dispatch: any) => void;
+export declare function forgetPasswordAction(email: string, customResetPasswordUrl: string, time?: string): (dispatch: any) => void;
 export declare function successForgetpassword(status: number, success?: any, time?: string): {
     type: string;
     time: string;

package/src/app/auth/redux/actions/logoutAction.d.ts

@@ -1,4 +1,4 @@
-export declare function setUserLogout(time?: string): {
+export declare function setUserLogout(time?: string): Promise<{
     type: string;
     time: string;
     isAuthenticated: boolean;
@@ -10,4 +10,4 @@ export declare function setUserLogout(time?: string): {
         createdAt: string;
         modifiedAt: string;
     };
-};
+}>;

package/src/app/auth/redux/actions/resetPasswordAction.d.ts

@@ -1,5 +1,5 @@
-import { ResetPasswordAction } from '../auth.types';
-export declare function resetPasswordAction(action: any, userId: string, token: string, password: string, confirpassword: string, time?: string): ResetPasswordAction;
+import type { Dispatch } from 'redux';
+export declare function resetPasswordAction(userId: string, token: string, password: string, confirpassword: string, time?: string): (dispatch: Dispatch) => void;
 export declare function successResetpassword(status: number, success?: any, time?: string): {
     type: string;
     time: string;

package/src/app/auth/redux/auth.types.d.ts

@@ -1,3 +1,4 @@
+import type { Dispatch } from 'redux';
 export declare const dateFormat = "dd/MM/yyyy HH:mm";
 export declare const CHECK_IS_USER_IS_AUTHENTICATED = "CHECK_IS_USER_IS_AUTHENTICATED";
 export declare const CHECK_IS_USER_IS_REGISTERED = "CHECK_IS_USER_IS_REGISTERED";
@@ -59,7 +60,10 @@ export type UnsetLoadingStateForUserRegister = (time: string) => any;
 export type SetUserLogout = (time: string) => any;
 export type CheckIfUserIsAuthenticated = (time: string) => any;
 export type ResetLogError = () => any;
-export type ResetPasswordAction = (action: any, userId: string, token: string, password: string, confirmPassword: string) => any;
+/** Action creator: returns a thunk (receives Redux `dispatch`). */
+export interface ResetPasswordAction {
+    (userId: string, token: string, password: string, confirmPassword: string): (dispatch: Dispatch) => void;
+}
 export type UpdateProfileAction = (action: any, email: string) => any;
 export type SetCurrentUserAction = (userInfo: {
     Email: string;

package/src/app/auth/utils/getValidWorkspaceId.d.ts

@@ -0,0 +1,4 @@
+/**
+ * Returns a positive workspace id from an explicit value or auth context, or undefined if missing/invalid.
+ */
+export declare function getValidWorkspaceId(workspaceId?: number | string | null): number | undefined;

package/src/app/billing/context/SubscriptionContext.d.ts

@@ -1,5 +1,5 @@
 import { ReactNode } from 'react';
-import { SubscriptionQuery, PlanType } from '../../../graphql.billing.autogenerated';
+import { SubscriptionQuery, PlanType, Term } from '../../../graphql.billing.autogenerated';
 export type CurrentSubscription = SubscriptionQuery['subscription'] | null;
 export interface SubscriptionContextValue {
     /** The current subscription data */
@@ -10,6 +10,8 @@ export interface SubscriptionContextValue {
     error: Error | null;
     /** The current plan type (e.g., 'free', 'basic', 'premium') */
     planType: PlanType | null;
+    /** The current billing term (monthly or yearly) */
+    currentTerm: Term | null;
     /** Refetch the subscription data */
     refetch: () => void;
 }

package/src/app/billing/utils/pendingPlanPurchaseStorage.d.ts

@@ -0,0 +1,10 @@
+import { PlanType } from '../../../graphql.billing.autogenerated';
+/** Normalizes landing-page planType query values to billing PlanType. */
+export declare function normalizePendingPlanType(raw: string | null | undefined): PlanType | null;
+export declare function setPendingPlanPurchase(planType: string): void;
+export declare function getPendingPlanPurchase(): PlanType | null;
+export declare function clearPendingPlanPurchase(): void;
+/** True when the URL search string contains a valid paid planType. */
+export declare function hasPlanTypeInSearch(search: string): boolean;
+/** Reads planType from a URL search string and persists it when valid. */
+export declare function capturePendingPlanFromSearch(search: string): PlanType | null;

package/src/app/contact/components/ContactFormFields.d.ts

@@ -5,5 +5,5 @@ interface ContactFormFieldsProps {
     renderDroplistField?: any;
     clientStages?: Tag[];
 }
-declare const ContactFormFields: ({ renderField, renderDroplistField, isEditMode, clientStages }: ContactFormFieldsProps) => import("@emotion/react/jsx-runtime").JSX.Element;
+declare const ContactFormFields: ({ renderField, renderDroplistField, isEditMode, clientStages, }: ContactFormFieldsProps) => import("@emotion/react/jsx-runtime").JSX.Element;
 export default ContactFormFields;

package/src/app/contact/config/contactForm.d.ts

@@ -3,6 +3,7 @@ export declare enum FormFields {
     name = "name",
     surname = "surname",
     email = "email",
+    phone = "phone",
     externalClientId = "externalClientId",
     address = "address",
     country = "country",
@@ -23,7 +24,7 @@ export declare const FORM_INIT: {
             validationType: BCValidationTypes;
         }[];
     };
-    externalClientId: {
+    phone: {
         value: string;
         validations: {
             validationType: BCValidationTypes;

package/src/app/dashboard/components/BroadcastAnalyticsCard.d.ts

@@ -5,6 +5,7 @@ interface BroadcastAnalyticsCardProps {
     reportNodes: BroadcastReportFragment[];
     integrationId?: string;
     loading?: boolean;
+    selectedPeriod: string;
 }
-declare const BroadcastAnalyticsCard: ({ startDate, endDate, reportNodes, integrationId, loading, }: BroadcastAnalyticsCardProps) => import("@emotion/react/jsx-runtime").JSX.Element;
+declare const BroadcastAnalyticsCard: ({ startDate, endDate, reportNodes, integrationId, loading, selectedPeriod, }: BroadcastAnalyticsCardProps) => import("@emotion/react/jsx-runtime").JSX.Element;
 export default BroadcastAnalyticsCard;

package/src/app/dashboard/utils/buildBroadcastReportOverviewAnalytics.d.ts

@@ -13,5 +13,7 @@ export interface BroadcastReportOverviewAnalytics {
 }
 export interface BuildBroadcastReportOverviewOptions {
     integrationId?: string;
+    /** Must match the dashboard period preset so the prior window matches the header dropdown (e.g. last month vs February). */
+    selectedPeriod?: string;
 }
 export declare function buildBroadcastReportOverviewAnalytics(reportNodes: BroadcastReportFragment[], startDate: string, endDate: string, options?: BuildBroadcastReportOverviewOptions): BroadcastReportOverviewAnalytics;

package/src/app/dashboard/utils/dateHelpers.d.ts

@@ -4,4 +4,21 @@ export declare const getDateRange: (period?: string) => {
     startDate?: string;
     endDate?: string;
 };
+/** Bounds for the period immediately before the current dashboard range (used for trend %). */
+export type PreviousComparisonPeriod = {
+    start: Date;
+    end: Date;
+    /** When true, treat the range as [start, end) so the instant `end` belongs to the current period. */
+    endExclusive: boolean;
+};
+/**
+ * Calendar month presets compare to the full calendar month before the selected month.
+ * `thisMonth` and `last7Days` compare to an equal-duration window ending where the current range starts.
+ */
+export declare const getPreviousComparisonPeriod: (period?: string) => PreviousComparisonPeriod | null;
+/** Widest ISO range needed to load both the selected period and its comparison period for broadcast reports. */
+export declare const getBroadcastReportQueryDateRange: (period?: string) => {
+    startDate?: string;
+    endDate?: string;
+};
 export declare const formatTime: (seconds: number) => string;

package/src/app/dashboard/utils/reportHelpers.d.ts

@@ -0,0 +1,16 @@
+/**
+ * TODO(remove by 2026-12-04): Delete the legacy fallback branch in getFirstResponseWeightForReport
+ * six months after firstResponseConversationCount shipped. By then, pre-migration report rows
+ * should no longer need conversationCount as a stand-in weight.
+ */
+/** Fields needed to weight avgFirstResponseTime when aggregating report rows. */
+export type FirstResponseReportSlice = {
+    conversationCount?: number | null;
+    firstResponseConversationCount?: number | null;
+    avgFirstResponseTime?: number | null;
+};
+/**
+ * Weight for blending avgFirstResponseTime across report nodes.
+ * Uses firstResponseConversationCount when present.
+ */
+export declare function getFirstResponseWeightForReport(node: FirstResponseReportSlice): number;

package/src/app/generic/components/HeaderImageInput.d.ts

@@ -3,6 +3,7 @@ type HeaderImageInputProps = {
     value: string;
     onChange: (value: string) => void;
     hint?: string;
+    layout?: 'row' | 'column';
 };
-declare const _default: React.MemoExoticComponent<({ value, onChange, hint }: HeaderImageInputProps) => import("@emotion/react/jsx-runtime").JSX.Element>;
+declare const _default: React.MemoExoticComponent<({ value, onChange, hint, layout }: HeaderImageInputProps) => import("@emotion/react/jsx-runtime").JSX.Element>;
 export default _default;

package/src/app/generic/components/MessagePreview.d.ts

@@ -22,6 +22,8 @@ interface MessagePreviewProps {
     showHeader?: boolean;
     showDate?: boolean;
     minHeight?: number;
+    showImagePlaceholder?: boolean;
+    compactBubble?: boolean;
 }
-declare const _default: React.MemoExoticComponent<({ components, parameterValues, timestamp, dateLabel, contactName, contactSubtitle, loading, showHeader, showDate, minHeight, }: MessagePreviewProps) => import("@emotion/react/jsx-runtime").JSX.Element>;
+declare const _default: React.MemoExoticComponent<({ components, parameterValues, timestamp, dateLabel, contactName, contactSubtitle, loading, showHeader, showDate, minHeight, showImagePlaceholder, compactBubble, }: MessagePreviewProps) => import("@emotion/react/jsx-runtime").JSX.Element>;
 export default _default;

package/src/app/generic/components/PreviewHeaderImage.d.ts

@@ -1,4 +1,5 @@
-declare const PreviewHeaderImage: ({ src }: {
+declare const PreviewHeaderImage: ({ src, showPlaceholder }: {
     src: string;
+    showPlaceholder?: boolean;
 }) => import("@emotion/react/jsx-runtime").JSX.Element | null;
 export default PreviewHeaderImage;

package/src/app/generic/utils/logout.d.ts

@@ -1 +1 @@
-export declare function logout(withoutRedirect?: boolean): void;
+export declare function logout(withoutRedirect?: boolean): Promise<void>;

package/src/app/inbox/components/Chat/ChatContent.d.ts

@@ -2,9 +2,7 @@ import { ContactMessagePayload, Message, MessageType } from '../../../../graphql
 interface ChatContentProps {
     messages: Message[];
     olderMessages?: Message[];
-    msgsLoading: boolean;
     canContribute: boolean;
-    onConvEnd?: () => void;
     sendMessage: (type: MessageType, content: string) => Promise<void>;
     loadOlderMessages: () => void;
     agentsIdsAvatarsMap: Record<string, string>;
@@ -31,5 +29,5 @@ interface ChatContentProps {
     /** Called when user clicks "Add Contact" on a contact message card */
     onContactAddContact?: (contact: ContactMessagePayload) => void;
 }
-declare const ChatContent: ({ messages, olderMessages, msgsLoading, canContribute, onConvEnd, sendMessage, loadOlderMessages, agentsIdsAvatarsMap, noteMode, onNoteSend, onCloseNoteMode, onAddNoteClick, searchPattern, searchMatchNo, onSearchMatchCount, onMessageReply, replyMessage, onCancelReplyMessage, errorMessage, statusFailureMessage, logo, conversationId, onContactMessage, onContactAddContact, }: ChatContentProps) => import("@emotion/react/jsx-runtime").JSX.Element;
+declare const ChatContent: ({ messages, olderMessages, canContribute, sendMessage, loadOlderMessages, agentsIdsAvatarsMap, noteMode, onNoteSend, onCloseNoteMode, onAddNoteClick, searchPattern, searchMatchNo, onSearchMatchCount, onMessageReply, replyMessage, onCancelReplyMessage, errorMessage, statusFailureMessage, logo, conversationId, onContactMessage, onContactAddContact, }: ChatContentProps) => import("@emotion/react/jsx-runtime").JSX.Element;
 export default ChatContent;

package/src/app/inbox/components/Chat/ChatHeader.d.ts

@@ -2,15 +2,23 @@ import React from 'react';
 import { Conversation } from '../../../../../src/graphql.autogenerated';
 interface Props {
     selectedConv: Conversation;
-    onConvEnd: () => void;
+    onConvEnd?: (endedConvId: string) => void;
+    showEndConversationButton?: boolean;
     searchPattern?: string;
     onSearchChange?: (value: string) => void;
     searchMatchNo?: number;
     onSearchMatchChange?: (matchNo: number) => void;
     searchMatchCount?: number;
+    showOlderMessagesButton?: boolean;
+    isLoadingOlderMessages?: boolean;
+    onLoadOlderMessages?: () => void;
 }
-export declare const HeaderContainer: import("styled-components").StyledComponent<({ distance, alignItems, justifyContent, marginTop, marginRight, marginBottom, marginLeft, spaceBetween, overflow, children, width, height, dataTestid, minWidth, className, rtl, }: React.PropsWithChildren<import("@bcrumbs.net/bc-ui").HorizontalLayoutProps>) => import("@emotion/react/jsx-runtime").JSX.Element, any, {
+export declare const HeaderContainer: import("@emotion/styled").StyledComponent<import("@bcrumbs.net/bc-ui").HorizontalLayoutProps & {
+    children?: React.ReactNode;
+} & {
+    theme?: import("@emotion/react").Theme | undefined;
+} & {
     rtl: boolean;
-}, never>;
+}, {}, {}>;
 declare const ChatHeader: React.FC<Props>;
 export default ChatHeader;

package/src/app/inbox/components/Chat/NoResultsFound.d.ts

@@ -0,0 +1,3 @@
+import React from 'react';
+declare const NoResultsFound: React.FC;
+export default NoResultsFound;

package/src/app/inbox/components/Chat/QuickReplyPickerMenu.d.ts

@@ -0,0 +1,14 @@
+import { type Ref } from 'react';
+import { QuickReplyPickerItem } from '../../utils/quickReplyPicker';
+import type { QuickReplyPickerAnchor } from '../../hooks/useQuickReplyPickerAnchor';
+export interface QuickReplyPickerMenuProps {
+    anchor: QuickReplyPickerAnchor;
+    items: QuickReplyPickerItem[];
+    highlightedIndex: number;
+    emptyLabel: string;
+    menuRef?: Ref<HTMLDivElement>;
+    onHighlight: (index: number) => void;
+    onSelect: (item: QuickReplyPickerItem) => void;
+}
+declare const QuickReplyPickerMenu: ({ anchor, items, highlightedIndex, emptyLabel, menuRef, onHighlight, onSelect, }: QuickReplyPickerMenuProps) => import("@emotion/react/jsx-runtime").JSX.Element;
+export default QuickReplyPickerMenu;

package/src/app/inbox/components/Chat/index.d.ts

@@ -1,17 +1,22 @@
 import { ContactMessagePayload, Conversation, Agent } from '../../../../graphql.autogenerated';
 interface Props {
     selectedConv?: Conversation;
-    onConvEnd?: () => void;
+    onConvEnd?: (endedConvId: string) => void;
     agents?: Agent[];
     logo?: string;
     rtl: boolean;
     convsLength?: number;
     loadingConvs?: boolean;
     handleStartConversation?: () => void;
+    showNoResults?: boolean;
     /** Called when user clicks "Message" on a contact message card */
     onContactMessage?: (contact: ContactMessagePayload) => void;
     /** Called when user clicks "Add Contact" on a contact message card */
     onContactAddContact?: (contact: ContactMessagePayload) => void;
+    /** When false, hides the chat header (search, end conversation, etc.). Default true. */
+    showHeader?: boolean;
+    /** Auth user type (e.g. apiKey). Passed by embedded inbox; omit in portal inbox. */
+    userType?: string;
 }
-declare const Chat: ({ selectedConv, onConvEnd, agents, logo, rtl, convsLength, loadingConvs, handleStartConversation, onContactMessage, onContactAddContact, }: Props) => import("@emotion/react/jsx-runtime").JSX.Element;
+declare const Chat: ({ selectedConv, onConvEnd, agents, logo, rtl, convsLength, loadingConvs, handleStartConversation, showNoResults, onContactMessage, onContactAddContact, showHeader, userType, }: Props) => import("@emotion/react/jsx-runtime").JSX.Element;
 export default Chat;

package/src/app/inbox/components/ConvsList/ConvItem/ActionsMenu.d.ts

@@ -2,7 +2,7 @@ import { Agent, Conversation, Tag } from '../../../../../graphql.autogenerated';
 interface Props {
     conv: Conversation;
     stages: Tag[];
-    onConvEnd?: () => void;
+    onConvEnd?: (endedConvId: string) => void;
     agents?: Agent[];
 }
 export default function ActionsMenu({ conv, stages, onConvEnd, agents, }: Props): import("@emotion/react/jsx-runtime").JSX.Element;

package/src/app/inbox/components/NewConvList/ConversationItem.d.ts

@@ -3,7 +3,7 @@ interface ConversationItemProps {
     conv: Conversation;
     isActive?: boolean;
     convClicked: (conv: Conversation) => void;
-    onConvEnd?: () => void;
+    onConvEnd?: (endedConvId: string) => void;
     agents: Agent[];
     convStages: Tag[];
     myAgent: Agent | undefined;

package/src/app/inbox/components/NewConvList/FilterDrawer.d.ts

@@ -9,10 +9,10 @@ interface FilterDrawerProps {
     convStages: Tag[];
     integrations: Integration[];
     myAgent: Agent | undefined;
-    crumbyAi: Ai | undefined;
-    isCrumbyEnabled: boolean;
+    assignableAis: Ai[];
     rtl: boolean;
     conversations: Conversation[];
+    conversationTags: Tag[];
 }
-declare const FilterDrawer: ({ isOpen, onClose, filters, onFiltersChange, agents, convStages, integrations, myAgent, crumbyAi, isCrumbyEnabled, rtl, conversations, }: FilterDrawerProps) => import("@emotion/react/jsx-runtime").JSX.Element | null;
+declare const FilterDrawer: ({ isOpen, onClose, filters, onFiltersChange, agents, convStages, integrations, myAgent, assignableAis, rtl, conversations, conversationTags, }: FilterDrawerProps) => import("@emotion/react/jsx-runtime").JSX.Element | null;
 export default FilterDrawer;

package/src/app/inbox/components/NewConvList/HeaderSection.d.ts

@@ -1,19 +1,16 @@
 import { ActionItem } from '@bcrumbs.net/bc-ui';
 import { ConvsFilters } from '../../utils/convs';
-import { Agent, Ai, Tag } from '../../../../graphql.autogenerated';
 interface HeaderSectionProps {
     agentsMenu: ActionItem[];
     lifeCycleMenu: ActionItem[];
+    channelsMenu: ActionItem[];
+    tagsMenu: ActionItem[];
     filters: ConvsFilters;
-    agents: Agent[];
-    convStages: Tag[];
-    myAgent: Agent | undefined;
     onFiltersChange: (filters: ConvsFilters) => void;
     setShowStartConv: (show: boolean) => void;
-    crumbyAi?: Ai;
     isTestVariant?: boolean;
     isDrawerOpen?: boolean;
     onFilterDrawerOpen?: () => void;
 }
-declare const HeaderSection: ({ agentsMenu, lifeCycleMenu, filters, agents, convStages, myAgent, onFiltersChange, setShowStartConv, crumbyAi, isTestVariant, isDrawerOpen, onFilterDrawerOpen, }: HeaderSectionProps) => import("@emotion/react/jsx-runtime").JSX.Element;
+declare const HeaderSection: ({ agentsMenu, lifeCycleMenu, channelsMenu, tagsMenu, filters, onFiltersChange, setShowStartConv, isTestVariant, isDrawerOpen, onFilterDrawerOpen, }: HeaderSectionProps) => import("@emotion/react/jsx-runtime").JSX.Element;
 export default HeaderSection;

package/src/app/inbox/components/NewConvList/index.d.ts

@@ -4,6 +4,7 @@ import { Agent, Ai, Conversation, Integration, Tag } from '../../../../graphql.a
 interface NewConvListProps {
     agents: Agent[];
     convStages: Tag[];
+    conversationTags: Tag[];
     convs: Conversation[];
     loading: boolean;
     selectedConvId?: string;
@@ -19,5 +20,5 @@ interface NewConvListProps {
     isDrawerOpen?: boolean;
     onFilterDrawerOpen?: () => void;
 }
-declare const NewConvList: ({ agents, convStages, convs, loading, selectedConvId, convClicked, onConvEnd, filters, onFiltersChange, setShowStartConv, aiAgents, integrations, scrollContainerRef, isTestVariant, isDrawerOpen, onFilterDrawerOpen, }: NewConvListProps) => import("@emotion/react/jsx-runtime").JSX.Element;
+declare const NewConvList: ({ agents, convStages, conversationTags, convs, loading, selectedConvId, convClicked, onConvEnd, filters, onFiltersChange, setShowStartConv, aiAgents, integrations, scrollContainerRef, isTestVariant, isDrawerOpen, onFilterDrawerOpen, }: NewConvListProps) => import("@emotion/react/jsx-runtime").JSX.Element;
 export default NewConvList;

package/src/app/inbox/components/NewDetails/ChatDetails.d.ts

@@ -1,4 +1,4 @@
-import { Conversation, Agent, Tag } from '../../../../graphql.autogenerated';
+import { Agent, Ai, Conversation, Tag } from '../../../../graphql.autogenerated';
 interface ChatDetailsProps {
     conversationTags: Tag[];
     tagsLoading: boolean;
@@ -7,9 +7,10 @@ interface ChatDetailsProps {
 interface ChatDetailsProps {
     conv: Conversation;
     agents: Agent[];
+    aiAgents?: Ai[];
     convStages: Tag[];
     onUpdate?: () => void;
     convEnded: boolean;
 }
-declare const ChatDetails: ({ conv, agents, convStages, onUpdate, conversationTags, tagsLoading, refetchTags, convEnded, }: ChatDetailsProps) => import("@emotion/react/jsx-runtime").JSX.Element;
+declare const ChatDetails: ({ conv, agents, aiAgents, convStages, onUpdate, conversationTags, tagsLoading, refetchTags, convEnded, }: ChatDetailsProps) => import("@emotion/react/jsx-runtime").JSX.Element;
 export default ChatDetails;

package/src/app/inbox/components/NewDetails/ChatDetailsAndTimeline.d.ts

@@ -1,7 +1,8 @@
-import { Conversation, Agent, Tag } from '../../../../graphql.autogenerated';
+import { Ai, Agent, Conversation, Tag } from '../../../../graphql.autogenerated';
 interface ChatDetailsAndTimelineProps {
     conv: Conversation;
     agents: Agent[];
+    aiAgents?: Ai[];
     convStages: Tag[];
     onUpdate?: () => void;
     conversationTags: Tag[];
@@ -9,5 +10,5 @@ interface ChatDetailsAndTimelineProps {
     refetchTags: () => void;
     convEnded: boolean;
 }
-declare const ChatDetailsAndTimeline: ({ conv, agents, convStages, onUpdate, conversationTags, tagsLoading, refetchTags, convEnded, }: ChatDetailsAndTimelineProps) => import("@emotion/react/jsx-runtime").JSX.Element;
+declare const ChatDetailsAndTimeline: ({ conv, agents, aiAgents, convStages, onUpdate, conversationTags, tagsLoading, refetchTags, convEnded, }: ChatDetailsAndTimelineProps) => import("@emotion/react/jsx-runtime").JSX.Element;
 export default ChatDetailsAndTimeline;

package/src/app/inbox/components/NewDetails/ClientInfo.d.ts

@@ -1,4 +1,4 @@
-import { Tag, ClientQuery } from '../../../../graphql.autogenerated';
+import { Tag, ClientQuery, IntegrationType } from '../../../../graphql.autogenerated';
 interface ClientInfoProps {
     clientData: ClientQuery['client'] | undefined;
     clientTags: Tag[];
@@ -9,6 +9,7 @@ interface ClientInfoProps {
     setEditMode: (editMode: boolean) => void;
     loading: boolean;
     refetch: () => void;
+    integrationType?: IntegrationType;
 }
-declare const ClientInfo: ({ clientData, loading, clientTags, conversationTags, tagsLoading, refetchTags, editMode, setEditMode, refetch, }: ClientInfoProps) => import("@emotion/react/jsx-runtime").JSX.Element;
+declare const ClientInfo: ({ clientData, loading, clientTags, conversationTags, tagsLoading, refetchTags, editMode, setEditMode, refetch, integrationType, }: ClientInfoProps) => import("@emotion/react/jsx-runtime").JSX.Element;
 export default ClientInfo;

package/src/app/inbox/components/NewDetails/ConversationOverview.d.ts

@@ -1,10 +1,11 @@
-import { Conversation, Agent, Tag } from '../../../../graphql.autogenerated';
+import { Agent, Ai, Conversation, Tag } from '../../../../graphql.autogenerated';
 interface ConversationOverviewProps {
     conv: Conversation;
     agents: Agent[];
+    aiAgents?: Ai[];
     convStages: Tag[];
     onUpdate?: () => void;
     convEnded: boolean;
 }
-declare const ConversationOverview: ({ conv, agents, convStages, onUpdate, convEnded }: ConversationOverviewProps) => import("@emotion/react/jsx-runtime").JSX.Element;
+declare const ConversationOverview: ({ conv, agents, aiAgents, convStages, onUpdate, convEnded, }: ConversationOverviewProps) => import("@emotion/react/jsx-runtime").JSX.Element;
 export default ConversationOverview;

package/src/app/inbox/components/NewDetails/EditClientInfo.d.ts

@@ -1,8 +1,9 @@
-import { ClientQuery } from '../../../../graphql.autogenerated';
+import { ClientQuery, IntegrationType } from '../../../../graphql.autogenerated';
 interface EditInfoProps {
     setEditMode: (editMode: boolean) => void;
     clientData: ClientQuery['client'];
     onClientUpdate?: () => void;
+    integrationType?: IntegrationType;
 }
-declare const EditClientInfo: ({ setEditMode, clientData, onClientUpdate }: EditInfoProps) => import("@emotion/react/jsx-runtime").JSX.Element;
+declare const EditClientInfo: ({ setEditMode, clientData, onClientUpdate, integrationType }: EditInfoProps) => import("@emotion/react/jsx-runtime").JSX.Element;
 export default EditClientInfo;

package/src/app/inbox/components/NewDetails/index.d.ts

@@ -1,5 +1,5 @@
 /// <reference types="react" />
-import { Conversation, Agent, Tag } from '../../../../graphql.autogenerated';
+import { Ai, Agent, Conversation, Tag } from '../../../../graphql.autogenerated';
 interface Props {
     conv: Conversation;
     clientTags: Tag[];
@@ -7,9 +7,10 @@ interface Props {
     tagsLoading: boolean;
     refetchTags: () => void;
     agents: Agent[];
+    aiAgents?: Ai[];
     convStages: Tag[];
     onUpdate?: () => void;
     clientSectionPlaceholder?: React.ReactNode;
 }
-declare const NewDetails: ({ conv, clientTags, conversationTags, tagsLoading, refetchTags, agents, convStages, onUpdate, clientSectionPlaceholder, }: Props) => import("@emotion/react/jsx-runtime").JSX.Element;
+declare const NewDetails: ({ conv, clientTags, conversationTags, tagsLoading, refetchTags, agents, aiAgents, convStages, onUpdate, clientSectionPlaceholder, }: Props) => import("@emotion/react/jsx-runtime").JSX.Element;
 export default NewDetails;

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

@@ -1,4 +1,7 @@
 /// <reference types="react" />
+export { MobileMenu } from './MobileMenu';
+export type { MobileViews } from './mobileMenuStyles';
+export { mobileNavbar } from './mobileMenuStyles';
 export declare const defaultSelectedConvId: any;
 export declare const MobileWrapper: import("@emotion/styled").StyledComponent<{
     theme?: import("@emotion/react").Theme | undefined;
@@ -7,12 +10,11 @@ export declare const MobileWrapper: import("@emotion/styled").StyledComponent<{
 export declare const MobileContent: import("@emotion/styled").StyledComponent<{
     theme?: import("@emotion/react").Theme | undefined;
     as?: import("react").ElementType<any, keyof import("react").JSX.IntrinsicElements> | undefined;
+} & {
+    $reserveBottomNavSpace?: boolean | undefined;
 }, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
-export declare const InboxNoSelectionContainer: () => import("@emotion/react/jsx-runtime").JSX.Element;
-export type MobileViews = 'convList' | 'chat' | 'details';
-export declare const MobileMenu: ({ embeddedMode, activePage, setActivePage, hideDetails }: {
-    embeddedMode?: boolean;
-    activePage: MobileViews;
-    setActivePage: (page: MobileViews) => void;
-    hideDetails?: boolean;
+export declare const InboxNoSelectionContainer: ({ convsLength, loadingConvs, handleStartConversation, }: {
+    convsLength?: number;
+    loadingConvs?: boolean;
+    handleStartConversation?: () => void;
 }) => import("@emotion/react/jsx-runtime").JSX.Element;