@bcrumbs.net/inbox 0.0.28 → 0.0.33

package/src/app/generic/hooks/usePaginatedQuery.d.ts

@@ -1,20 +1,38 @@
-interface PaginationOptions {
+import { ApolloClient, NormalizedCacheObject } from '@apollo/client';
+export interface NormalQueryConfig {
+    reactHook: any;
+    queryName: string;
+    isPaginated?: boolean;
+    client?: ApolloClient<NormalizedCacheObject>;
+}
+export interface ResourceDefinitionConfig {
+    listQuery: {
+        reactHook: any;
+        queryName: string;
+        isPaginated?: boolean;
+        type?: 'query' | 'lazyQuery' | 'mutation';
+        fields?: any[];
+    };
+    client?: ApolloClient<NormalizedCacheObject>;
+}
+export type QueryConfig = NormalQueryConfig | ResourceDefinitionConfig;
+export interface PaginationOptions {
     limit?: number;
-    workspaceId?: string;
+    workspaceId?: number;
     additionalVariables?: Record<string, any>;
     searchQuery?: string;
-    tags?: string[];
-    stageId?: string;
 }
-interface UsePaginatedQueryResult<T> {
+export interface UsePaginatedQueryResult<T> {
     items: T[];
     hasMore: boolean;
     loading: boolean;
     error: any;
     loadMoreItems?: () => void;
     refetch: () => void;
+    refetchAll: () => void;
     reset: () => void;
     loadingMore: boolean;
+    removeItem: (id: string) => void;
+    updateItem: (id: string, updates: Partial<T>) => void;
 }
-export declare const usePaginatedQuery: <T = any>(resourceDef: any, options?: PaginationOptions) => UsePaginatedQueryResult<T>;
-export {};
+export declare const usePaginatedQuery: <T = any>(config: QueryConfig, options?: PaginationOptions) => UsePaginatedQueryResult<T>;

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

@@ -3,6 +3,11 @@ import { Conversation } from '../../../../../src/graphql.autogenerated';
 interface Props {
     selectedConv: Conversation;
     onConvEnd: () => void;
+    searchPattern?: string;
+    onSearchChange?: (value: string) => void;
+    searchMatchNo?: number;
+    onSearchMatchChange?: (matchNo: number) => void;
+    searchMatchCount?: number;
 }
 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/NoConvSelected.d.ts

@@ -1,3 +1,8 @@
 /// <reference types="react" />
-declare const NoConvSelected: React.FC;
+interface NoConvSelectedProps {
+    convsLength: number;
+    loadingConvs: boolean;
+    handleStartConversation?: () => void;
+}
+declare const NoConvSelected: React.FC<NoConvSelectedProps>;
 export default NoConvSelected;

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

@@ -5,6 +5,9 @@ interface Props {
     agents?: Agent[];
     logo?: string;
     rtl: boolean;
+    convsLength?: number;
+    loadingConvs?: boolean;
+    handleStartConversation?: () => void;
 }
-declare const Chat: ({ selectedConv, onConvEnd, agents, logo, rtl }: Props) => import("@emotion/react/jsx-runtime").JSX.Element;
+declare const Chat: ({ selectedConv, onConvEnd, agents, logo, rtl, convsLength, loadingConvs, handleStartConversation, }: Props) => import("@emotion/react/jsx-runtime").JSX.Element;
 export default Chat;

package/src/app/inbox/components/ClientDetails/ClientProfile.d.ts

@@ -1,7 +1,5 @@
 /// <reference types="react" />
 import { Tag } from '../../../../graphql.autogenerated';
-import 'i18n-iso-countries/langs/en.json';
-import 'i18n-iso-countries/langs/ar.json';
 interface Props {
     clientId: string;
     clientTags: Tag[];

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

@@ -0,0 +1,8 @@
+import { ConvsFilters } from '../../utils/convs';
+interface BottomSectionProps {
+    filters: ConvsFilters;
+    setFilters: (filters: ConvsFilters) => void;
+    unreadMessages: number;
+}
+declare const BottomSection: ({ filters, setFilters, unreadMessages }: BottomSectionProps) => import("@emotion/react/jsx-runtime").JSX.Element;
+export default BottomSection;

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

@@ -1,17 +1,14 @@
-import { ActionItem } from '@bcrumbs.net/bc-ui';
-import { Agent, Conversation, Tag } from '../../../../graphql.autogenerated';
-import { ConvsFilters } from '../../utils/convs';
+import { Agent, Ai, Conversation, Tag } from '../../../../graphql.autogenerated';
 interface ConvListProps {
     convs: Conversation[];
     loading: boolean;
-    conversationTags: Tag[];
-    clientTags: Tag[];
-    clientStages: Tag[];
-    convStages: Tag[];
+    onConvEnd?: () => void;
+    selectedConvId?: string | null;
+    convClicked: (conv: Conversation) => void;
     agents: Agent[];
-    filters: ConvsFilters;
-    setFilters: (filters: ConvsFilters) => void;
-    DropdownActions: ActionItem[];
+    convStages: Tag[];
+    myAgent: Agent | undefined;
+    aiAgents: Ai[];
 }
-declare const ConvList: ({ convs, loading, conversationTags, clientTags, clientStages, convStages, agents, filters, setFilters, DropdownActions, }: ConvListProps) => import("@emotion/react/jsx-runtime").JSX.Element;
+declare const ConvList: ({ convs, loading, selectedConvId, convClicked, onConvEnd, agents, convStages, myAgent, aiAgents, }: ConvListProps) => import("@emotion/react/jsx-runtime").JSX.Element;
 export default ConvList;

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

@@ -1,17 +1,13 @@
-import { Agent, Conversation, Tag } from '../../../../graphql.autogenerated';
-import { ActionItem } from '@bcrumbs.net/bc-ui';
-import { ConvsFilters } from '../../utils/convs';
+import { Conversation, Agent, Tag, Ai } from '../../../../graphql.autogenerated';
 interface ConversationItemProps {
     conv: Conversation;
     isActive?: boolean;
-    conversationTags: Tag[];
-    clientTags: Tag[];
-    clientStages: Tag[];
-    convStages: Tag[];
+    convClicked: (conv: Conversation) => void;
+    onConvEnd?: () => void;
     agents: Agent[];
-    filters: ConvsFilters;
-    setFilters: (filters: ConvsFilters) => void;
-    DropdownActions: ActionItem[];
+    convStages: Tag[];
+    myAgent: Agent | undefined;
+    aiAgents: Ai[];
 }
-declare const ConversationItem: ({ conv, isActive, conversationTags, clientTags, clientStages, convStages, agents, filters, setFilters, DropdownActions, }: ConversationItemProps) => import("@emotion/react/jsx-runtime").JSX.Element;
+declare const ConversationItem: ({ conv, isActive, convClicked, onConvEnd, agents, convStages, myAgent, aiAgents, }: ConversationItemProps) => import("@emotion/react/jsx-runtime").JSX.Element;
 export default ConversationItem;

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

@@ -1,9 +1,15 @@
 import { ActionItem } from '@bcrumbs.net/bc-ui';
+import { ConvsFilters } from '../../utils/convs';
+import { Agent, Tag } from '../../../../graphql.autogenerated';
 interface HeaderSectionProps {
-    searchQuery: string;
-    setSearchQuery: (value: string) => void;
     agentsMenu: ActionItem[];
     lifeCycleMenu: ActionItem[];
+    filters: ConvsFilters;
+    agents: Agent[];
+    convStages: Tag[];
+    myAgent: Agent | undefined;
+    onFiltersChange: (filters: ConvsFilters) => void;
+    setShowStartConv: (show: boolean) => void;
 }
-declare const HeaderSection: ({ searchQuery, setSearchQuery, agentsMenu, lifeCycleMenu }: HeaderSectionProps) => import("@emotion/react/jsx-runtime").JSX.Element;
+declare const HeaderSection: ({ agentsMenu, lifeCycleMenu, filters, agents, convStages, myAgent, onFiltersChange, setShowStartConv, }: HeaderSectionProps) => import("@emotion/react/jsx-runtime").JSX.Element;
 export default HeaderSection;

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

@@ -1,12 +1,17 @@
-import { Agent, Conversation, Tag } from '../../../../graphql.autogenerated';
+import { ConvsFilters } from '../../utils/convs';
+import { Agent, Ai, Conversation, Tag } from '../../../../graphql.autogenerated';
 interface NewConvListProps {
     agents: Agent[];
     convStages: Tag[];
     convs: Conversation[];
     loading: boolean;
-    conversationTags: Tag[];
-    clientTags: Tag[];
-    clientStages: Tag[];
+    selectedConvId?: string;
+    convClicked: (conv: Conversation) => void;
+    onConvEnd?: () => void;
+    filters: ConvsFilters;
+    onFiltersChange: (filters: ConvsFilters) => void;
+    setShowStartConv: (show: boolean) => void;
+    aiAgents: Ai[];
 }
-declare const NewConvList: ({ agents, convStages, convs, loading, conversationTags, clientTags, clientStages, }: NewConvListProps) => import("@emotion/react/jsx-runtime").JSX.Element;
+declare const NewConvList: ({ agents, convStages, convs, loading, selectedConvId, convClicked, onConvEnd, filters, onFiltersChange, setShowStartConv, aiAgents, }: NewConvListProps) => import("@emotion/react/jsx-runtime").JSX.Element;
 export default NewConvList;

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

@@ -0,0 +1,15 @@
+import { Conversation, Agent, Tag } from '../../../../graphql.autogenerated';
+interface ChatDetailsProps {
+    conversationTags: Tag[];
+    tagsLoading: boolean;
+    refetchTags: () => void;
+}
+interface ChatDetailsProps {
+    conv: Conversation;
+    agents: Agent[];
+    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;
+export default ChatDetails;

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

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

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

@@ -0,0 +1,7 @@
+import { Agent, Conversation } from '../../../../graphql.autogenerated';
+interface ChatTimelineProps {
+    conv: Conversation;
+    agents: Agent[];
+}
+declare const ChatTimeline: ({ conv, agents }: ChatTimelineProps) => import("@emotion/react/jsx-runtime").JSX.Element;
+export default ChatTimeline;

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

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

package/src/app/inbox/components/NewDetails/ComponentLoaders/ClientInfoLoader.d.ts

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

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

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

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

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

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

@@ -0,0 +1,5 @@
+declare const TabSwitcher: ({ activeTab, setActiveTab, }: {
+    activeTab: 'chatDetails' | 'chatTimeline';
+    setActiveTab: (tab: 'chatDetails' | 'chatTimeline') => void;
+}) => import("@emotion/react/jsx-runtime").JSX.Element;
+export default TabSwitcher;

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

@@ -0,0 +1,15 @@
+import { BCDropListOptionsType } from '@bcrumbs.net/bc-ui';
+import { TagType } from '../../../../graphql.autogenerated';
+interface TagsSelectorProps {
+    handleTagSelect: (tag: string | undefined) => void;
+    availableTags: BCDropListOptionsType[];
+    rtl: boolean;
+    contactsTagsLoading: boolean;
+    addedTags: string[];
+    handleTagRemove: (tag: string) => void;
+    type: TagType;
+    refetchTags: () => void;
+    convEnded?: boolean;
+}
+declare const TagsSelector: ({ handleTagSelect, availableTags, rtl, contactsTagsLoading, addedTags, handleTagRemove, type, refetchTags, convEnded, }: TagsSelectorProps) => import("@emotion/react/jsx-runtime").JSX.Element;
+export default TagsSelector;

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

@@ -0,0 +1,7 @@
+import { ClientQuery } from '../../../../graphql.autogenerated';
+interface UserHeaderProps {
+    clientData: ClientQuery['client'] | undefined;
+    setEditMode: (editMode: boolean) => void;
+}
+declare const UserHeader: ({ clientData, setEditMode }: UserHeaderProps) => import("@emotion/react/jsx-runtime").JSX.Element;
+export default UserHeader;

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

@@ -0,0 +1,6 @@
+import { ClientQuery } from '../../../../graphql.autogenerated';
+interface ViewInfoProps {
+    clientData: ClientQuery['client'];
+}
+declare const ViewInfo: ({ clientData }: ViewInfoProps) => import("@emotion/react/jsx-runtime").JSX.Element;
+export default ViewInfo;

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

@@ -0,0 +1,13 @@
+import { Conversation, Agent, Tag } from '../../../../graphql.autogenerated';
+interface Props {
+    conv: Conversation;
+    clientTags: Tag[];
+    conversationTags: Tag[];
+    tagsLoading: boolean;
+    refetchTags: () => void;
+    agents: Agent[];
+    convStages: Tag[];
+    onUpdate?: () => void;
+}
+declare const NewDetails: ({ conv, clientTags, conversationTags, tagsLoading, refetchTags, agents, convStages, onUpdate, }: Props) => import("@emotion/react/jsx-runtime").JSX.Element;
+export default NewDetails;

package/src/app/inbox/components/Popups/NewStartConv.d.ts

@@ -0,0 +1,6 @@
+interface NewStartConvProps {
+    setAddContactIsOpen: (isOpen: boolean) => void;
+    onStartConv?: () => void;
+}
+declare const NewStartConv: ({ setAddContactIsOpen, onStartConv }: NewStartConvProps) => import("@emotion/react/jsx-runtime").JSX.Element;
+export default NewStartConv;

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

@@ -10,8 +10,9 @@ export declare const MobileContent: import("@emotion/styled").StyledComponent<{
 }, 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 }: {
+export declare const MobileMenu: ({ embeddedMode, activePage, setActivePage, hideDetails }: {
     embeddedMode?: boolean;
     activePage: MobileViews;
     setActivePage: (page: MobileViews) => void;
+    hideDetails?: boolean;
 }) => import("@emotion/react/jsx-runtime").JSX.Element;

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

@@ -0,0 +1,30 @@
+/// <reference types="react" />
+import { LineHeightRem, TextSizeRem } from '@bcrumbs.net/bc-ui';
+export declare const SectionContainer: 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<HTMLDivElement>, HTMLDivElement>, {}>;
+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;
+}, 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;
+}, {}, {}>;
+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;
+}, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
+export declare const ClientDetailsContainer: 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<HTMLDivElement>, HTMLDivElement>, {}>;
+export declare const ClientDetailsItem: import("@emotion/styled").StyledComponent<{
+    theme?: import("@emotion/react").Theme | undefined;
+    as?: import("react").ElementType<any, keyof import("react").JSX.IntrinsicElements> | undefined;
+} & {
+    highlight?: boolean | undefined;
+}, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
+export declare const clientDetailsItemCss: 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;

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

@@ -0,0 +1,16 @@
+import { Agent, Ai, Conversation, Tag } from '../../../graphql.autogenerated';
+import { ActionItem } from '@bcrumbs.net/bc-ui';
+interface ConvActionsProps {
+    conv?: Conversation;
+    handleChangeStage?: (conv: Conversation, stage: string) => Promise<void>;
+    handleAssignAgent?: (conv: Conversation, agentId: string, isAi?: boolean) => Promise<void>;
+    agents: Agent[];
+    convStages: Tag[];
+    myAgent: Agent | undefined;
+    onConvEnd?: () => void;
+    aiAgents: Ai[];
+}
+declare const useConvActions: ({ conv, handleChangeStage, handleAssignAgent, agents, convStages, myAgent, onConvEnd, aiAgents, }: ConvActionsProps) => {
+    DropdownActions: ActionItem[];
+};
+export default useConvActions;

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

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

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

@@ -9,6 +9,7 @@ declare function useConversationsPeriodicFetch(selectedConvId?: string, onSelect
         integrationType: import("../../../graphql.autogenerated").IntegrationType;
         clientId: string;
         ended: boolean;
+        endedBy?: string | null | undefined;
         externalConversationId?: string | null | undefined;
         tags?: string[] | null | undefined;
         createdAt: any;
@@ -52,5 +53,6 @@ declare function useConversationsPeriodicFetch(selectedConvId?: string, onSelect
         } | null)[] | null | undefined;
     }[] | null | undefined;
     loading: boolean;
+    refetch: () => void;
 };
 export default useConversationsPeriodicFetch;

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

@@ -0,0 +1,24 @@
+import React from 'react';
+import { Agent, Conversation } from '../../../graphql.autogenerated';
+export type NoteType = 'ASSIGN' | 'UNASSIGN' | 'STAGE' | 'UNSTAGE' | 'TAG' | 'UNTAG' | 'MEMO';
+export type EventType = {
+    id: string;
+    date: string;
+    timestamp: number;
+    formattedDate: string;
+    formattedTime: string;
+    type: 'assignee' | 'note' | 'start' | 'end';
+    noteType?: NoteType;
+    content: string;
+    Icon: React.ReactNode;
+};
+export declare const NOTE_TYPE_ICONS: {
+    readonly ASSIGN: "user-check";
+    readonly UNASSIGN: "user-slash";
+    readonly STAGE: "workflow";
+    readonly UNSTAGE: "workflow-off";
+    readonly TAG: "tag";
+    readonly UNTAG: "tag-off";
+    readonly MEMO: "message-square";
+};
+export declare const useNewSortedEvents: (selectedConv: Conversation, agents: Agent[]) => EventType[];

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

@@ -1,13 +1,37 @@
 import { Maybe } from 'graphql/jsutils/Maybe';
-import { Message } from '../../../graphql.autogenerated';
+import { Agent, ClientQuery, Message, Tag } from '../../../graphql.autogenerated';
+import { ActionItem } from '@bcrumbs.net/bc-ui';
 export type ConvsFilters = {
     ended?: boolean;
     clientId?: string;
     assigneeId?: string | null;
-    stageId?: string;
+    stageId?: string | null;
     nameOrPhone?: string;
 };
+interface BuildAgentsMenuOptions {
+    agents: Agent[];
+    myAgent: Agent | undefined;
+    selectedAgentId: string | null | undefined;
+    onAgentSelect: (agentId: string, agentName?: string) => void;
+    onCrumbySelect?: () => void;
+    t: any;
+    includeAllOption?: boolean;
+    onAllSelect?: () => void;
+    addSeparatorAtLast?: boolean;
+}
+interface BuildLifeCycleMenuOptions {
+    convStages: Tag[];
+    selectedStageId: string | null | undefined;
+    onStageSelect: (stageId: string | undefined, stageTag: string) => void;
+    t: any;
+    addSeparatorAtLast?: boolean;
+}
 export declare function getNumOfNewClientMessages(messages: Maybe<Message[]> | undefined): number;
 export declare function getLastMessage(messages: Maybe<Message[]> | undefined): Message;
-export declare function truncateParagraph(paragraph: string, count?: number): string;
 export declare function formatSeconds(value: number): string;
+export declare const getMessageStatusIcon: (message: Message | null) => import("@emotion/react/jsx-runtime").JSX.Element | null;
+export declare const getDisplayName: (clientData: ClientQuery['client'] | undefined) => string;
+export declare const buildAgentsMenu: ({ agents, myAgent, selectedAgentId, onAgentSelect, onCrumbySelect, t, includeAllOption, onAllSelect, addSeparatorAtLast, }: BuildAgentsMenuOptions) => ActionItem[];
+export declare const buildLifeCycleMenu: ({ convStages, selectedStageId, onStageSelect, t, addSeparatorAtLast, }: BuildLifeCycleMenuOptions) => ActionItem[];
+export declare const formatPhoneForWhatsApp: (phone: string | null | undefined) => string;
+export {};

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

@@ -0,0 +1 @@
+export declare const getFlagByCountry: (countryCode?: string | null) => any;

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

@@ -5,12 +5,14 @@ export declare const HeaderContainer: import("@emotion/styled").StyledComponent<
 } & {
     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;
     as?: import("react").ElementType<any, keyof import("react").JSX.IntrinsicElements> | undefined;
 }, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
-declare function Header({ onLogout }: {
+declare function Header({ onLogout, hasSubMenu }: {
     onLogout: () => void;
+    hasSubMenu: boolean;
 }): import("@emotion/react/jsx-runtime").JSX.Element;
 export default Header;

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

@@ -5,6 +5,21 @@ export declare const BCMainNavigation: {
         icon: import("@emotion/react/jsx-runtime").JSX.Element;
         link: string;
         action: string;
+        subMenu?: undefined;
+        requiredPermissions?: undefined;
+    } | {
+        label: string;
+        icon: import("@emotion/react/jsx-runtime").JSX.Element;
+        link: string;
+        action: string;
+        subMenu: {
+            items: {
+                label: string;
+                icon: import("@emotion/react/jsx-runtime").JSX.Element;
+                link: string;
+                action: string;
+            }[];
+        }[];
         requiredPermissions?: undefined;
     } | {
         label: string;
@@ -12,6 +27,7 @@ export declare const BCMainNavigation: {
         link: string;
         action: string;
         requiredPermissions: Permission[];
+        subMenu?: undefined;
     })[];
     leftBottomLinks: {
         label: string;

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

@@ -0,0 +1,26 @@
+export declare const ManagementSubmenu: {
+    title: string;
+    items: {
+        label: string;
+        icon: import("@emotion/react/jsx-runtime").JSX.Element;
+        link: string;
+        action: string;
+    }[];
+}[];
+export declare const ContactSubmenu: {
+    items: {
+        label: string;
+        icon: import("@emotion/react/jsx-runtime").JSX.Element;
+        link: string;
+        action: string;
+    }[];
+}[];
+export declare const CrumpySubmenu: {
+    title: string;
+    items: {
+        label: string;
+        icon: import("@emotion/react/jsx-runtime").JSX.Element;
+        link: string;
+        action: string;
+    }[];
+}[];

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

@@ -0,0 +1 @@
+export declare const useCrumbyEnabled: () => any;

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

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