@bcrumbs.net/inbox 0.0.52 → 0.0.55

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.55",
   "keyword": [
     "bcrumbs",
     "bc-ui",

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/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

@@ -2,8 +2,9 @@ import { Tag } from '../../../graphql.autogenerated';
 interface ContactFormFieldsProps {
     renderField: any;
     isEditMode?: boolean;
+    isPhoneReadOnly?: boolean;
     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, isPhoneReadOnly, 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,6 +24,9 @@ export declare const FORM_INIT: {
             validationType: BCValidationTypes;
         }[];
     };
+    phone: {
+        value: string;
+    };
     externalClientId: {
         value: string;
         validations: {

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/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,12 +2,16 @@ import React from 'react';
 import { Conversation } from '../../../../../src/graphql.autogenerated';
 interface Props {
     selectedConv: Conversation;
-    onConvEnd: () => void;
+    onConvEnd?: () => 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, {
     rtl: boolean;

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/index.d.ts

@@ -8,10 +8,13 @@ interface Props {
     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;
 }
-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, }: Props) => import("@emotion/react/jsx-runtime").JSX.Element;
 export default Chat;

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

@@ -9,10 +9,9 @@ interface FilterDrawerProps {
     convStages: Tag[];
     integrations: Integration[];
     myAgent: Agent | undefined;
-    crumbyAi: Ai | undefined;
-    isCrumbyEnabled: boolean;
+    assignableAis: Ai[];
     rtl: boolean;
     conversations: Conversation[];
 }
-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, }: FilterDrawerProps) => import("@emotion/react/jsx-runtime").JSX.Element | null;
 export default FilterDrawer;

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

@@ -10,10 +10,11 @@ interface HeaderSectionProps {
     myAgent: Agent | undefined;
     onFiltersChange: (filters: ConvsFilters) => void;
     setShowStartConv: (show: boolean) => void;
-    crumbyAi?: Ai;
+    /** Used to resolve the assignee filter label when filtering by AI */
+    aiAgents?: 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, filters, agents, convStages, myAgent, onFiltersChange, setShowStartConv, aiAgents, isTestVariant, isDrawerOpen, onFilterDrawerOpen, }: HeaderSectionProps) => import("@emotion/react/jsx-runtime").JSX.Element;
 export default HeaderSection;

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;

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/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[];