@webinex/chatify 2.0.0-alpha13 → 2.0.0-alpha14

package/dist/audit.js.map

@@ -1 +1 @@
-{"version":3,"file":"audit.js","sources":["../src/audit/AuditSearchValue.tsx","../src/audit/AuditSearch.tsx","../src/audit/auditApi.tsx","../src/audit/AuditChatList.tsx","../src/audit/AuditConversationPanel.tsx","../src/audit/AuditPanel.tsx","../src/audit/index.tsx"],"sourcesContent":["import { GetAuditChatListQueryArgs } from './auditApi';\n\nexport interface AuditSearchOption {\n  label: JSX.Element;\n  value: string;\n}\n\nconst MEMBER_PREFIX = 'member://';\nconst TEXT_PREFIX = 'text://';\n\nfunction queryOf(\n  values: string[],\n): Pick<GetAuditChatListQueryArgs, 'containsOneOfMembers' | 'searchString'> | null {\n  let containsOneOfMembers: string[] | null = values\n    .filter(AuditSearchUtil.isSearchByMember)\n    .map((v) => v.slice(MEMBER_PREFIX.length));\n\n  containsOneOfMembers = containsOneOfMembers.length > 0 ? containsOneOfMembers : null;\n\n  const searchStringValues = values\n    .filter(AuditSearchUtil.isSearchByText)\n    .map((v) => v.slice(TEXT_PREFIX.length));\n\n  const searchString = searchStringValues.length > 0 ? searchStringValues.join(' ') : null;\n\n  if (!containsOneOfMembers && !searchString) {\n    return null;\n  }\n\n  return {\n    containsOneOfMembers,\n    searchString,\n  };\n}\n\nexport const AuditSearchUtil = Object.freeze({\n  MEMBER_PREFIX,\n  TEXT_PREFIX,\n  isSearchByMember: (value: string) => value.startsWith(MEMBER_PREFIX),\n  isSearchByText: (value: string) => value.startsWith(TEXT_PREFIX),\n  queryOf,\n});\n","import { Account, chatifyApi, customize, Localizer, useLocalizer } from '@webinex/chatify';\nimport { Select } from 'antd';\nimport classNames from 'classnames';\nimport { useEffect, useMemo, useState } from 'react';\nimport { AuditSearchUtil } from './AuditSearchValue';\n\nexport interface AuditSearchProps {\n  className?: string;\n  onSearch?: (values: string[]) => void;\n}\n\ntype Value = { label: JSX.Element; value: string };\n\nfunction* mapOptions(localizer: Localizer, accounts: Account[] | undefined, searchValue: string) {\n  if (searchValue.length === 0) return;\n\n  if (searchValue.length > 0)\n    yield {\n      label: localizer.audit.textSearchOption(searchValue),\n      value: AuditSearchUtil.TEXT_PREFIX + searchValue,\n    };\n\n  for (const account of accounts?.filter((x) =>\n    x.name.toLocaleLowerCase().includes(searchValue.toLocaleLowerCase()),\n  ) ?? []) {\n    yield {\n      label: localizer.audit.memberSearchOption(account),\n      value: AuditSearchUtil.MEMBER_PREFIX + account.id,\n    };\n  }\n}\n\nfunction useOptions(accounts: Account[] | undefined, searchValue: string) {\n  const localizer = useLocalizer();\n  return useMemo(\n    () => Array.from(mapOptions(localizer, accounts, searchValue)),\n    [localizer, accounts, searchValue],\n  );\n}\n\nexport const AuditSearch = customize('AuditSearch', (props: AuditSearchProps) => {\n  const { className, onSearch } = props;\n  const [searchValue, setSearchValue] = useState('');\n  const [values, setValues] = useState<Value[]>([]);\n  const { data: accounts, isLoading } = chatifyApi.useGetAccountListQuery({});\n  const options = useOptions(accounts, searchValue);\n  const localizer = useLocalizer();\n\n  useEffect(() => {\n    onSearch?.(values.map((x) => x.value));\n  }, [onSearch, values]);\n\n  return (\n    <div className={classNames('wxchtf-search', className)}>\n      <Select<string[], Value>\n        allowClear\n        className=\"wxchtf-search-select\"\n        mode=\"multiple\"\n        value={values.map((x) => x.value)}\n        options={options.length > 0 ? options : values}\n        searchValue={searchValue}\n        onSearch={setSearchValue}\n        onSelect={(_, option) => {\n          setValues((prev) => {\n            if (AuditSearchUtil.isSearchByText(option.value)) {\n              prev = prev.filter((x) => !AuditSearchUtil.isSearchByText(x.value));\n            }\n\n            return [...prev, option];\n          });\n          setSearchValue('');\n        }}\n        onDeselect={(_, option) => {\n          setValues((prev) => prev.filter((x) => x.value !== option.value));\n          setSearchValue('');\n        }}\n        filterOption={false}\n        onDropdownVisibleChange={() => setSearchValue('')}\n        disabled={isLoading}\n        loading={isLoading}\n        placeholder={localizer.audit.searchPlaceholder}\n        notFoundContent={\n          searchValue.length === 0 ? localizer.audit.noInputBlurb : localizer.audit.noChatFound\n        }\n        size=\"large\"\n      />\n    </div>\n  );\n});\n","import { PagingRule } from '@webinex/asky';\nimport { Account, chatifyApi, File, ListSegment, Optional } from '@webinex/chatify';\n\nexport interface GetAuditChatListQueryArgs {\n  containsOneOfMembers: string[] | null;\n  searchString: string | null;\n  pagingRule: PagingRule | null;\n  includeTotal: boolean | null;\n}\n\nexport interface AuditChatResponse {\n  id: string;\n  workspaceId: string;\n  name: string;\n  createdAt: string;\n  createdById: string;\n  lastMessage: Optional<AuditChatMessage>;\n}\n\nexport interface AuditChatMessage {\n  id: string;\n  authorId: string;\n  sentAt: string;\n  text: string | null;\n  files: File[];\n  sentBy: Account;\n}\n\nexport interface AuditChatListItem {\n  id: string;\n  workspaceId: string;\n  name: string;\n  createdAt: string;\n  createdById: string;\n  lastMessage: AuditChatMessage;\n}\n\nexport interface AuditChat {\n  id: string;\n  workspaceId: string;\n  name: string;\n  createdAt: string;\n  createdById: string;\n}\n\nfunction qs(params: Record<string, any>): string {\n  const query = new URLSearchParams();\n  Object.entries(params).forEach(([key, value]) => {\n    if (value !== null && value !== undefined) {\n      query.append(key, typeof value === 'string' ? value : JSON.stringify(value));\n    }\n  });\n\n  return query.toString();\n}\n\nexport const auditApi = chatifyApi.injectEndpoints({\n  endpoints: (build) => ({\n    getAuditChatList: build.query<ListSegment<AuditChatListItem>, GetAuditChatListQueryArgs>({\n      queryFn: async (args) =>\n        chatifyApi.settings.client.axios\n          .get<ListSegment<AuditChatResponse>>(`audit/chats?${qs({ query: args })}`)\n          .then(({ data }) => ({\n            data: {\n              total: data.total,\n              items: data.items.map(\n                ({ lastMessage, ...x }): AuditChatListItem => ({ ...x, lastMessage: lastMessage.value! }),\n              ),\n            },\n          }))\n          .catch((error) => ({ error })),\n      providesTags: ['chat', 'message'],\n    }),\n\n    getAuditChat: build.query<AuditChat, { id: string }>({\n      queryFn: async (args) =>\n        chatifyApi.settings.client.axios\n          .get(`audit/chats/${encodeURIComponent(args.id)}`)\n          .then(({ data }) => ({ data }))\n          .catch((error) => ({ error })),\n      providesTags: ['chat'],\n    }),\n\n    getAuditChatMessagesInfinite: build.infiniteQuery<\n      ListSegment<AuditChatMessage>,\n      { id: string },\n      { skip: number; take: number }\n    >({\n      queryFn: async (args) => {\n        const {\n          pageParam,\n          queryArg: { id },\n        } = args;\n\n        return chatifyApi.settings.client.axios\n          .get(`audit/messages?${qs({ query: { chatId: id, pagingRule: pageParam, includeTotal: true } })}`)\n          .then(({ data }) => ({ data }))\n          .catch((error) => ({ error }));\n      },\n      infiniteQueryOptions: {\n        initialPageParam: { skip: 0, take: 20 },\n        getNextPageParam: (lastPage, _, lastPageParam) =>\n          lastPage.total > lastPageParam.skip + lastPageParam.take\n            ? {\n                skip: lastPageParam.skip + lastPageParam.take,\n                take: lastPageParam.take,\n              }\n            : undefined,\n      },\n      providesTags: ['message', 'chat'],\n    }),\n  }),\n});\n","import { ChatList, customize } from '@webinex/chatify';\nimport { Empty, Skeleton } from 'antd';\nimport { AuditChatListItem } from './auditApi';\n\nexport interface AuditChatListProps {\n  items: AuditChatListItem[];\n  loading: boolean;\n  selected: string | null;\n  onSelect: (id: string) => void;\n  top?: number;\n}\n\nexport const AuditChatList = customize('AuditChatList', (props: AuditChatListProps) => {\n  const { items, selected, onSelect, loading, top } = props;\n\n  if (loading) {\n    return <Skeleton />;\n  }\n\n  if (items.length === 0) {\n    return <Empty />;\n  }\n\n  return <ChatList items={items} selected={selected} onSelect={onSelect} noRead top={top} />;\n});\n","import { Conversation, customize } from '@webinex/chatify';\nimport { auditApi } from './auditApi';\nimport { useMemo } from 'react';\n\nexport interface AuditConversationPanelProps {\n  id: string;\n  onClose?: () => void;\n\n  /**\n   * Number of messages to load per page.\n   * @default 20\n   */\n  pageSize?: number;\n}\n\nexport const AuditConversationPanel = customize(\n  'AuditConversationPanel',\n  (props: AuditConversationPanelProps) => {\n    const { id, onClose, pageSize = 20 } = props;\n    const { data: chat } = auditApi.useGetAuditChatQuery({ id });\n\n    const {\n      data: messageSegments,\n      isFetchingNextPage,\n      fetchNextPage,\n      hasNextPage,\n    } = auditApi.useGetAuditChatMessagesInfiniteInfiniteQuery(\n      { id },\n      { initialPageParam: { skip: 0, take: pageSize } },\n    );\n\n    const messages = useMemo(() => messageSegments?.pages.flatMap((x) => x.items) ?? [], [messageSegments]);\n\n    if (!chat) return null;\n\n    return (\n      <Conversation\n        value={{ active: false, id, lastReadMessageId: null, name: chat.name }}\n        nextLoading={isFetchingNextPage}\n        onNext={fetchNextPage}\n        hasMore={!isFetchingNextPage && hasNextPage}\n        messages={messages}\n        noReadTracking\n        onClose={onClose}\n      />\n    );\n  },\n);\n","import classNames from 'classnames';\nimport { AuditSearch } from './AuditSearch';\nimport { useCallback, useEffect, useMemo, useState } from 'react';\nimport { AuditSearchUtil } from './AuditSearchValue';\nimport { auditApi } from './auditApi';\nimport { AuditChatList } from './AuditChatList';\nimport { CustomizeContext, defaultLocalizer, Localizer, LocalizerContext } from '@webinex/chatify';\nimport { AuditConversationPanel } from './AuditConversationPanel';\nimport { AuditPanelCustomizeValue } from './AuditPanelCustomizeValue';\n\nexport interface AuditPanelProps {\n  className?: string;\n  style?: React.CSSProperties;\n  localizer?: Localizer;\n  customize?: AuditPanelCustomizeValue;\n\n  /**\n   * Maximum number of chats to load.\n   * @default 100\n   */\n  max?: number;\n}\n\nfunction useData(props: AuditPanelProps, values: string[]) {\n  const { max } = props;\n  const query = useMemo(() => AuditSearchUtil.queryOf(values), [values]);\n\n  const { currentData: chats, isLoading } = auditApi.useGetAuditChatListQuery(\n    {\n      ...query!,\n      pagingRule: { skip: 0, take: max! },\n      includeTotal: true,\n    },\n    { skip: !query },\n  );\n\n  return useMemo(() => ({ chats: chats?.items ?? [], isLoading }), [chats, isLoading]);\n}\n\nconst EMPTY = Object.freeze({} as AuditPanelCustomizeValue);\n\nexport function AuditPanel(props: AuditPanelProps) {\n  props = { max: 100, customize: EMPTY, ...props };\n  const { className, style, localizer = defaultLocalizer, customize = EMPTY, max } = props;\n  const [values, setValues] = useState<string[]>([]);\n  const { chats, isLoading } = useData(props, values);\n\n  const [selectedId, setSelectedId] = useState<string | null>(null);\n  const resetSelected = useCallback(() => setSelectedId(null), []);\n\n  useEffect(() => {\n    if (chats.every((x) => x.id !== selectedId)) {\n      setSelectedId(null);\n    }\n  }, [chats, selectedId]);\n\n  return (\n    <CustomizeContext.Provider value={customize}>\n      <LocalizerContext.Provider value={localizer}>\n        <div className={classNames(className, 'wxchtf-audit-panel')} style={style}>\n          <AuditSearch onSearch={setValues} />\n          <div className={classNames('wxchtf-audit-body', { '--conversation-opened': !!selectedId })}>\n            <AuditChatList\n              items={chats}\n              loading={isLoading}\n              selected={selectedId}\n              onSelect={setSelectedId}\n              top={Math.min(chats.length, max!)}\n            />\n            {selectedId && <AuditConversationPanel id={selectedId} onClose={resetSelected} />}\n          </div>\n        </div>\n      </LocalizerContext.Provider>\n    </CustomizeContext.Provider>\n  );\n}\n","import { Space } from 'antd';\nimport { AuditPanel } from './AuditPanel';\nimport './index.d';\nimport './styles.scss';\nimport { Avatar, Chatify, defaultLocalizer } from '@webinex/chatify';\n\nexport * from './AuditPanel';\nexport * from './AuditPanelCustomizeValue';\nexport * from './AuditChatList';\nexport * from './AuditSearchValue';\nexport * from './AuditSearch';\nexport * from './auditApi';\nexport * from './AuditConversationPanel';\n\nChatify.Audit = AuditPanel;\n\ndefaultLocalizer.audit = {\n  searchPlaceholder: 'Search chats by chat name or member name',\n  noChatFound: 'No chats found',\n  noInputBlurb: 'Start typing to search',\n  textSearchOption: (text) => <span>{`Chat name includes \"${text}\"`}</span>,\n  memberSearchOption: (account) => (\n    <Space>\n      <Avatar account={account} />\n      {`Chat includes \"${account.name}\"`}\n    </Space>\n  ),\n};\n"],"names":["customize"],"mappings":"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"}
+{"version":3,"file":"audit.js","sources":["../src/audit/AuditSearchValue.tsx","../src/audit/AuditSearch.tsx","../src/audit/auditApi.tsx","../src/audit/AuditChatList.tsx","../src/audit/AuditConversationPanel.tsx","../src/audit/AuditPanel.tsx","../src/audit/index.tsx"],"sourcesContent":["import { GetAuditChatListQueryArgs } from './auditApi';\r\n\r\nexport interface AuditSearchOption {\r\n  label: JSX.Element;\r\n  value: string;\r\n}\r\n\r\nconst MEMBER_PREFIX = 'member://';\r\nconst TEXT_PREFIX = 'text://';\r\n\r\nfunction queryOf(\r\n  values: string[],\r\n): Pick<GetAuditChatListQueryArgs, 'containsOneOfMembers' | 'searchString'> | null {\r\n  let containsOneOfMembers: string[] | null = values\r\n    .filter(AuditSearchUtil.isSearchByMember)\r\n    .map((v) => v.slice(MEMBER_PREFIX.length));\r\n\r\n  containsOneOfMembers = containsOneOfMembers.length > 0 ? containsOneOfMembers : null;\r\n\r\n  const searchStringValues = values\r\n    .filter(AuditSearchUtil.isSearchByText)\r\n    .map((v) => v.slice(TEXT_PREFIX.length));\r\n\r\n  const searchString = searchStringValues.length > 0 ? searchStringValues.join(' ') : null;\r\n\r\n  if (!containsOneOfMembers && !searchString) {\r\n    return null;\r\n  }\r\n\r\n  return {\r\n    containsOneOfMembers,\r\n    searchString,\r\n  };\r\n}\r\n\r\nexport const AuditSearchUtil = Object.freeze({\r\n  MEMBER_PREFIX,\r\n  TEXT_PREFIX,\r\n  isSearchByMember: (value: string) => value.startsWith(MEMBER_PREFIX),\r\n  isSearchByText: (value: string) => value.startsWith(TEXT_PREFIX),\r\n  queryOf,\r\n});\r\n","import { Account, chatifyApi, customize, Localizer, useLocalizer } from '@webinex/chatify';\r\nimport { Select } from 'antd';\r\nimport classNames from 'classnames';\r\nimport { useEffect, useMemo, useState } from 'react';\r\nimport { AuditSearchUtil } from './AuditSearchValue';\r\n\r\nexport interface AuditSearchProps {\r\n  className?: string;\r\n  onSearch?: (values: string[]) => void;\r\n}\r\n\r\ntype Value = { label: JSX.Element; value: string };\r\n\r\nfunction* mapOptions(localizer: Localizer, accounts: Account[] | undefined, searchValue: string) {\r\n  if (searchValue.length === 0) return;\r\n\r\n  if (searchValue.length > 0)\r\n    yield {\r\n      label: localizer.audit.textSearchOption(searchValue),\r\n      value: AuditSearchUtil.TEXT_PREFIX + searchValue,\r\n    };\r\n\r\n  for (const account of accounts?.filter((x) =>\r\n    x.name.toLocaleLowerCase().includes(searchValue.toLocaleLowerCase()),\r\n  ) ?? []) {\r\n    yield {\r\n      label: localizer.audit.memberSearchOption(account),\r\n      value: AuditSearchUtil.MEMBER_PREFIX + account.id,\r\n    };\r\n  }\r\n}\r\n\r\nfunction useOptions(accounts: Account[] | undefined, searchValue: string) {\r\n  const localizer = useLocalizer();\r\n  return useMemo(\r\n    () => Array.from(mapOptions(localizer, accounts, searchValue)),\r\n    [localizer, accounts, searchValue],\r\n  );\r\n}\r\n\r\nexport const AuditSearch = customize('AuditSearch', (props: AuditSearchProps) => {\r\n  const { className, onSearch } = props;\r\n  const [searchValue, setSearchValue] = useState('');\r\n  const [values, setValues] = useState<Value[]>([]);\r\n  const { data: accounts, isLoading } = chatifyApi.useGetAccountListQuery({});\r\n  const options = useOptions(accounts, searchValue);\r\n  const localizer = useLocalizer();\r\n\r\n  useEffect(() => {\r\n    onSearch?.(values.map((x) => x.value));\r\n  }, [onSearch, values]);\r\n\r\n  return (\r\n    <div className={classNames('wxchtf-search', className)}>\r\n      <Select<string[], Value>\r\n        allowClear\r\n        className=\"wxchtf-search-select\"\r\n        mode=\"multiple\"\r\n        value={values.map((x) => x.value)}\r\n        options={options.length > 0 ? options : values}\r\n        searchValue={searchValue}\r\n        onSearch={setSearchValue}\r\n        onSelect={(_, option) => {\r\n          setValues((prev) => {\r\n            if (AuditSearchUtil.isSearchByText(option.value)) {\r\n              prev = prev.filter((x) => !AuditSearchUtil.isSearchByText(x.value));\r\n            }\r\n\r\n            return [...prev, option];\r\n          });\r\n          setSearchValue('');\r\n        }}\r\n        onDeselect={(_, option) => {\r\n          setValues((prev) => prev.filter((x) => x.value !== option.value));\r\n          setSearchValue('');\r\n        }}\r\n        filterOption={false}\r\n        onDropdownVisibleChange={() => setSearchValue('')}\r\n        disabled={isLoading}\r\n        loading={isLoading}\r\n        placeholder={localizer.audit.searchPlaceholder}\r\n        notFoundContent={\r\n          searchValue.length === 0 ? localizer.audit.noInputBlurb : localizer.audit.noChatFound\r\n        }\r\n        size=\"large\"\r\n      />\r\n    </div>\r\n  );\r\n});\r\n","import { PagingRule } from '@webinex/asky';\r\nimport { Account, chatifyApi, File, ListSegment, Optional } from '@webinex/chatify';\r\n\r\nexport interface GetAuditChatListQueryArgs {\r\n  containsOneOfMembers: string[] | null;\r\n  searchString: string | null;\r\n  pagingRule: PagingRule | null;\r\n  includeTotal: boolean | null;\r\n}\r\n\r\nexport interface AuditChatResponse {\r\n  id: string;\r\n  workspaceId: string;\r\n  name: string;\r\n  createdAt: string;\r\n  createdById: string;\r\n  lastMessage: Optional<AuditChatMessage>;\r\n}\r\n\r\nexport interface AuditChatMessage {\r\n  id: string;\r\n  authorId: string;\r\n  sentAt: string;\r\n  text: string | null;\r\n  files: File[];\r\n  sentBy: Account;\r\n}\r\n\r\nexport interface AuditChatListItem {\r\n  id: string;\r\n  workspaceId: string;\r\n  name: string;\r\n  createdAt: string;\r\n  createdById: string;\r\n  lastMessage: AuditChatMessage;\r\n}\r\n\r\nexport interface AuditChat {\r\n  id: string;\r\n  workspaceId: string;\r\n  name: string;\r\n  createdAt: string;\r\n  createdById: string;\r\n}\r\n\r\nfunction qs(params: Record<string, any>): string {\r\n  const query = new URLSearchParams();\r\n  Object.entries(params).forEach(([key, value]) => {\r\n    if (value !== null && value !== undefined) {\r\n      query.append(key, typeof value === 'string' ? value : JSON.stringify(value));\r\n    }\r\n  });\r\n\r\n  return query.toString();\r\n}\r\n\r\nexport const auditApi = chatifyApi.injectEndpoints({\r\n  endpoints: (build) => ({\r\n    getAuditChatList: build.query<ListSegment<AuditChatListItem>, GetAuditChatListQueryArgs>({\r\n      queryFn: async (args) =>\r\n        chatifyApi.settings.client.axios\r\n          .get<ListSegment<AuditChatResponse>>(`audit/chats?${qs({ query: args })}`)\r\n          .then(({ data }) => ({\r\n            data: {\r\n              total: data.total,\r\n              items: data.items.map(\r\n                ({ lastMessage, ...x }): AuditChatListItem => ({ ...x, lastMessage: lastMessage.value! }),\r\n              ),\r\n            },\r\n          }))\r\n          .catch((error) => ({ error })),\r\n      providesTags: ['chat', 'message'],\r\n    }),\r\n\r\n    getAuditChat: build.query<AuditChat, { id: string }>({\r\n      queryFn: async (args) =>\r\n        chatifyApi.settings.client.axios\r\n          .get(`audit/chats/${encodeURIComponent(args.id)}`)\r\n          .then(({ data }) => ({ data }))\r\n          .catch((error) => ({ error })),\r\n      providesTags: ['chat'],\r\n    }),\r\n\r\n    getAuditChatMessagesInfinite: build.infiniteQuery<\r\n      ListSegment<AuditChatMessage>,\r\n      { id: string },\r\n      { skip: number; take: number }\r\n    >({\r\n      queryFn: async (args) => {\r\n        const {\r\n          pageParam,\r\n          queryArg: { id },\r\n        } = args;\r\n\r\n        return chatifyApi.settings.client.axios\r\n          .get(`audit/messages?${qs({ query: { chatId: id, pagingRule: pageParam, includeTotal: true } })}`)\r\n          .then(({ data }) => ({ data }))\r\n          .catch((error) => ({ error }));\r\n      },\r\n      infiniteQueryOptions: {\r\n        initialPageParam: { skip: 0, take: 20 },\r\n        getNextPageParam: (lastPage, _, lastPageParam) =>\r\n          lastPage.total > lastPageParam.skip + lastPageParam.take\r\n            ? {\r\n                skip: lastPageParam.skip + lastPageParam.take,\r\n                take: lastPageParam.take,\r\n              }\r\n            : undefined,\r\n      },\r\n      providesTags: ['message', 'chat'],\r\n    }),\r\n  }),\r\n});\r\n","import { ChatList, customize } from '@webinex/chatify';\r\nimport { Empty, Skeleton } from 'antd';\r\nimport { AuditChatListItem } from './auditApi';\r\n\r\nexport interface AuditChatListProps {\r\n  items: AuditChatListItem[];\r\n  loading: boolean;\r\n  selected: string | null;\r\n  onSelect: (id: string) => void;\r\n  top?: number;\r\n}\r\n\r\nexport const AuditChatList = customize('AuditChatList', (props: AuditChatListProps) => {\r\n  const { items, selected, onSelect, loading, top } = props;\r\n\r\n  if (loading) {\r\n    return <Skeleton />;\r\n  }\r\n\r\n  if (items.length === 0) {\r\n    return <Empty />;\r\n  }\r\n\r\n  return <ChatList items={items} selected={selected} onSelect={onSelect} noRead top={top} />;\r\n});\r\n","import { Conversation, customize } from '@webinex/chatify';\r\nimport { auditApi } from './auditApi';\r\nimport { useMemo } from 'react';\r\n\r\nexport interface AuditConversationPanelProps {\r\n  id: string;\r\n  onClose?: () => void;\r\n\r\n  /**\r\n   * Number of messages to load per page.\r\n   * @default 20\r\n   */\r\n  pageSize?: number;\r\n}\r\n\r\nexport const AuditConversationPanel = customize(\r\n  'AuditConversationPanel',\r\n  (props: AuditConversationPanelProps) => {\r\n    const { id, onClose, pageSize = 20 } = props;\r\n    const { data: chat } = auditApi.useGetAuditChatQuery({ id });\r\n\r\n    const {\r\n      data: messageSegments,\r\n      isFetchingNextPage,\r\n      fetchNextPage,\r\n      hasNextPage,\r\n    } = auditApi.useGetAuditChatMessagesInfiniteInfiniteQuery(\r\n      { id },\r\n      { initialPageParam: { skip: 0, take: pageSize } },\r\n    );\r\n\r\n    const messages = useMemo(() => messageSegments?.pages.flatMap((x) => x.items) ?? [], [messageSegments]);\r\n\r\n    if (!chat) return null;\r\n\r\n    return (\r\n      <Conversation\r\n        value={{ active: false, id, lastReadMessageId: null, name: chat.name }}\r\n        nextLoading={isFetchingNextPage}\r\n        onNext={fetchNextPage}\r\n        hasMore={!isFetchingNextPage && hasNextPage}\r\n        messages={messages}\r\n        noReadTracking\r\n        onClose={onClose}\r\n        compact={false}\r\n      />\r\n    );\r\n  },\r\n);\r\n","import classNames from 'classnames';\r\nimport { AuditSearch } from './AuditSearch';\r\nimport { useCallback, useEffect, useMemo, useState } from 'react';\r\nimport { AuditSearchUtil } from './AuditSearchValue';\r\nimport { auditApi } from './auditApi';\r\nimport { AuditChatList } from './AuditChatList';\r\nimport { CustomizeContext, defaultLocalizer, Localizer, LocalizerContext } from '@webinex/chatify';\r\nimport { AuditConversationPanel } from './AuditConversationPanel';\r\nimport { AuditPanelCustomizeValue } from './AuditPanelCustomizeValue';\r\n\r\nexport interface AuditPanelProps {\r\n  className?: string;\r\n  style?: React.CSSProperties;\r\n  localizer?: Localizer;\r\n  customize?: AuditPanelCustomizeValue;\r\n\r\n  /**\r\n   * Maximum number of chats to load.\r\n   * @default 100\r\n   */\r\n  max?: number;\r\n}\r\n\r\nfunction useData(props: AuditPanelProps, values: string[]) {\r\n  const { max } = props;\r\n  const query = useMemo(() => AuditSearchUtil.queryOf(values), [values]);\r\n\r\n  const { currentData: chats, isLoading } = auditApi.useGetAuditChatListQuery(\r\n    {\r\n      ...query!,\r\n      pagingRule: { skip: 0, take: max! },\r\n      includeTotal: true,\r\n    },\r\n    { skip: !query },\r\n  );\r\n\r\n  return useMemo(() => ({ chats: chats?.items ?? [], isLoading }), [chats, isLoading]);\r\n}\r\n\r\nconst EMPTY = Object.freeze({} as AuditPanelCustomizeValue);\r\n\r\nexport function AuditPanel(props: AuditPanelProps) {\r\n  props = { max: 100, customize: EMPTY, ...props };\r\n  const { className, style, localizer = defaultLocalizer, customize = EMPTY, max } = props;\r\n  const [values, setValues] = useState<string[]>([]);\r\n  const { chats, isLoading } = useData(props, values);\r\n\r\n  const [selectedId, setSelectedId] = useState<string | null>(null);\r\n  const resetSelected = useCallback(() => setSelectedId(null), []);\r\n\r\n  useEffect(() => {\r\n    if (chats.every((x) => x.id !== selectedId)) {\r\n      setSelectedId(null);\r\n    }\r\n  }, [chats, selectedId]);\r\n\r\n  return (\r\n    <CustomizeContext.Provider value={customize}>\r\n      <LocalizerContext.Provider value={localizer}>\r\n        <div className={classNames(className, 'wxchtf-audit-panel')} style={style}>\r\n          <AuditSearch onSearch={setValues} />\r\n          <div className={classNames('wxchtf-audit-body', { '--conversation-opened': !!selectedId })}>\r\n            <AuditChatList\r\n              items={chats}\r\n              loading={isLoading}\r\n              selected={selectedId}\r\n              onSelect={setSelectedId}\r\n              top={Math.min(chats.length, max!)}\r\n            />\r\n            {selectedId && <AuditConversationPanel id={selectedId} onClose={resetSelected} />}\r\n          </div>\r\n        </div>\r\n      </LocalizerContext.Provider>\r\n    </CustomizeContext.Provider>\r\n  );\r\n}\r\n","import { Space } from 'antd';\r\nimport { AuditPanel } from './AuditPanel';\r\nimport './index.d';\r\nimport './styles.scss';\r\nimport { Avatar, Chatify, defaultLocalizer } from '@webinex/chatify';\r\n\r\nexport * from './AuditPanel';\r\nexport * from './AuditPanelCustomizeValue';\r\nexport * from './AuditChatList';\r\nexport * from './AuditSearchValue';\r\nexport * from './AuditSearch';\r\nexport * from './auditApi';\r\nexport * from './AuditConversationPanel';\r\n\r\nChatify.Audit = AuditPanel;\r\n\r\ndefaultLocalizer.audit = {\r\n  searchPlaceholder: 'Search chats by chat name or member name',\r\n  noChatFound: 'No chats found',\r\n  noInputBlurb: 'Start typing to search',\r\n  textSearchOption: (text) => <span>{`Chat name includes \"${text}\"`}</span>,\r\n  memberSearchOption: (account) => (\r\n    <Space>\r\n      <Avatar account={account} />\r\n      {`Chat includes \"${account.name}\"`}\r\n    </Space>\r\n  ),\r\n};\r\n"],"names":["customize"],"mappings":"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"}

package/dist/index.js

@@ -1,4 +1,4 @@
-import { p, A, q, r, s, t, al, aH, l, m, B, E, I, M, G, F, H, N, n, ap, aq, ar, as, at, au, av, aw, ax, J, g, h, i, o, j, d, aI, ag, aa, ab, ae, ac, ad, z, v, w, x, y, C, D, am, an, O, U, T, P, Q, R, S, L, V, W, X, a0, $, Y, a2, Z, ao, _, a1, ay, a3, a4, a5, a6, a7, a9, ah, aj, ai, aD, aC, az, aG, c, b, f, a8, aA, aB, aJ, k, K, aE, af, a, u, e, ak, aF } from "./Chatify-CwAfN1wu.js";
+import { p, A, q, r, s, t, al, aH, l, m, B, E, I, M, G, F, H, N, n, ap, aq, ar, as, at, au, av, aw, ax, J, g, h, i, o, j, d, aI, ag, aa, ab, ae, ac, ad, z, v, w, x, y, C, D, am, an, O, U, T, P, Q, R, S, L, V, W, X, a0, $, Y, a2, Z, ao, _, a1, ay, a3, a4, a5, a6, a7, a9, ah, aj, ai, aD, aC, az, aG, c, b, f, a8, aA, aB, aJ, k, K, aE, af, a, u, e, ak, aF } from "./Chatify-CP2jgo8d.js";
 export {
   p as AUTO_REPLY_FORM_INITIAL_VALUE,
   A as AutoReplyButton,

package/dist/types/audit/index.d.ts

@@ -1,17 +1,19 @@
 import { Account } from '../core';
 import { AuditPanel } from './AuditPanel';
-declare module '../index.ts' {
-  interface ChatifyType {
-    Audit: typeof AuditPanel;
-  }
-
-  interface Localizer {
-    audit: {
-      searchPlaceholder: string;
-      noChatFound: string;
-      noInputBlurb: string;
-      textSearchOption: (searchValue: string) => JSX.Element;
-      memberSearchOption: (account: Account) => JSX.Element;
-    };
-  }
-}
+
+
+declare module '../index.ts' {
+  interface ChatifyType {
+    Audit: typeof AuditPanel;
+  }
+
+  interface Localizer {
+    audit: {
+      searchPlaceholder: string;
+      noChatFound: string;
+      noInputBlurb: string;
+      textSearchOption: (searchValue: string) => JSX.Element;
+      memberSearchOption: (account: Account) => JSX.Element;
+    };
+  }
+}

package/dist/types/ui/Chat/ChatContext.d.ts

@@ -1,10 +1,12 @@
 import { PropsWithChildren } from 'react';
 export interface ChatContext {
     id: string;
+    compact: boolean;
     showMembers: boolean;
     onShowMembers: (value: boolean) => void;
 }
 export declare function useChatContext(): ChatContext;
 export declare function ChatContext(props: PropsWithChildren<{
     id: string;
+    compact: boolean;
 }>): import("react/jsx-runtime").JSX.Element;

package/dist/types/ui/Chat/ChatPanel.d.ts

@@ -9,5 +9,12 @@ export interface ChatPanelProps {
     style?: CSSProperties;
     localizer?: Localizer;
     customize?: ChatPanelCustomizeValue;
+    /**
+     * If true, the chat panel will be displayed in compact mode.
+     * If a number is provided, the chat panel will be displayed in compact mode if its width is less than the provided number of pixels.
+     *
+     * @default 768
+     */
+    compact?: boolean | number;
 }
 export declare function ChatPanel(props: ChatPanelProps): import("react/jsx-runtime").JSX.Element;

package/dist/types/ui/Chat/ChatView.d.ts

@@ -2,8 +2,10 @@ import { ConversationCustomizeValue, ConversationValue } from '../Conversation';
 import { ChatEditableHeaderName } from './ChatEditableHeaderName';
 import { ChatHeaderActions } from './ChatHeaderActions';
 import { ChatMembersCustomizeValue } from './Members';
-export interface ChatProps {
+export interface ChatViewProps {
     value: ChatValue;
+    compact?: boolean;
+    onBackClick?: () => void;
 }
 export interface ChatValue extends ConversationValue {
 }
@@ -13,4 +15,4 @@ export interface ChatViewCustomizeValue extends ConversationCustomizeValue, Chat
     ChatView?: typeof ChatView.Component | null;
 }
 export declare const DEFAULT_CHAT_VIEW_CUSTOMIZE_VALUE: ConversationCustomizeValue;
-export declare const ChatView: import('../../index.ts').Customizable<import('react').ComponentType<ChatProps>>;
+export declare const ChatView: import('../../index.ts').Customizable<import('react').ComponentType<ChatViewProps>>;

package/dist/types/ui/ChatGroup/ChatGroupContext.d.ts

@@ -3,6 +3,7 @@ export interface ChatGroupContext {
     view: 'chat' | 'new-chat' | 'auto-reply' | null;
     chatId: string | null;
     showMembers: boolean;
+    compact: boolean;
     none(): void;
     openChat(chatId: string): void;
     toggleNewChat(): void;
@@ -10,4 +11,6 @@ export interface ChatGroupContext {
     toggleAutoReply(): void;
 }
 export declare function useChatGroupContext(): ChatGroupContext;
-export declare function ChatGroupContext(props: PropsWithChildren<{}>): import("react/jsx-runtime").JSX.Element;
+export declare function ChatGroupContext(props: PropsWithChildren<{
+    compact: boolean;
+}>): import("react/jsx-runtime").JSX.Element;

package/dist/types/ui/ChatGroup/ChatGroupPanel.d.ts

@@ -7,10 +7,29 @@ import { ChatViewCustomizeValue } from '../Chat';
 import { AutoReplyCustomizeValue } from './AutoReply';
 export interface ChatGroupCustomizeValue extends ChatViewCustomizeValue, AutoReplyCustomizeValue, CreateChatPanelCustomizeValue, ChatListPanelCustomizeValue, ChatGroupLayoutCustomizeValue {
 }
-export interface ChatifyProps {
+export interface ChatGroupPanelProps {
+    /**
+     * Class name to be applied to the chat group panel container.
+     */
     className?: string;
+    /**
+     * Style to be applied to the chat group panel container.
+     */
     style?: CSSProperties;
+    /**
+     * Localizer to be used for the chat group panel. If not provided, the default localizer will be used.
+     */
     localizer?: Localizer;
+    /**
+     * Chat group panel components customization. If not provided, the default customization will be used.
+     */
     customize?: ChatGroupCustomizeValue;
+    /**
+     * If true, the chat group panel will be displayed in compact mode.
+     * If a number is provided, the chat group panel will be displayed in compact mode if its width is less than the provided number of pixels.
+     *
+     * @default 768
+     */
+    compact?: boolean | number;
 }
-export declare const ChatGroupPanel: FC<ChatifyProps>;
+export declare const ChatGroupPanel: FC<ChatGroupPanelProps>;

package/dist/types/ui/Conversation/Conversation.d.ts

@@ -11,6 +11,7 @@ import { CommonCustomizeValue } from '../common';
 import { Flippo } from '@webinex/flippo';
 export interface ConversationProps extends Omit<ConversationContextValue, keyof ConversationValue> {
     value: ConversationValue;
+    onBackClick?: () => void;
 }
 export interface ConversationCustomizeValue extends InputBoxCustomizeValue, MessageCustomizeValue, SendingMessageCustomizeValue, SystemMessageCustomizeValue, CommonCustomizeValue {
     ConversationActions?: typeof ConversationActions.Component | null;

package/dist/types/ui/Conversation/ConversationContext.d.ts

@@ -12,6 +12,7 @@ export interface ConversationContextValue extends ConversationValue {
     hasMore?: boolean;
     nextLoading: boolean;
     noReadTracking?: boolean;
+    compact: boolean;
     isReading?: (id: string) => boolean;
     onNext: () => void;
     onSend?: (message: MessageBody) => void;

package/dist/types/ui/Conversation/ConversationHeader.d.ts

@@ -1 +1,4 @@
-export declare const ConversationHeader: import('../../index.ts').Customizable<import('react').ComponentType<unknown>>;
+export interface ConversationHeaderProps {
+    onBackClick?: () => void;
+}
+export declare const ConversationHeader: import('../../index.ts').Customizable<import('react').ComponentType<ConversationHeaderProps>>;

package/dist/types/ui/localizer.d.ts

@@ -24,7 +24,7 @@ export interface LocalizerBase {
         submitBtn: () => React.ReactNode;
     };
     input: {
-        placeholder: () => string;
+        placeholder: (type: 'compact' | 'default') => string;
     };
     settings: {
         members: () => string;
@@ -52,6 +52,9 @@ export interface LocalizerBase {
         submitBtn: () => React.ReactNode;
         clearBtn: () => React.ReactNode;
     };
+    members: {
+        title: (chatName: string) => React.ReactNode;
+    };
 }
 export interface Localizer extends LocalizerBase {
 }

package/dist/types/ui/useCompact.d.ts

@@ -0,0 +1,4 @@
+export declare function useCompact(thresholdOrCompact?: number | boolean): readonly [import('react').RefObject<HTMLDivElement>, boolean | undefined, {
+    width: number;
+    height: number;
+} | undefined];

package/package.json

@@ -1,81 +1,81 @@
-{
-  "name": "@webinex/chatify",
-  "description": "Webinex Chatify",
-  "private": false,
-  "version": "2.0.0-alpha13",
-  "author": "Webinex Dev",
-  "license": "Apache-2.0",
-  "type": "module",
-  "main": "dist/index.js",
-  "module": "dist/index.js",
-  "types": "dist/types/index.d.ts",
-  "exports": {
-    ".": {
-      "import": "./dist/index.js",
-      "types": "./dist/types/index.d.ts"
-    },
-    "./audit": {
-      "import": "./dist/audit.js",
-      "types": "./dist/types/audit/index.d.ts"
-    }
-  },
-  "files": [
-    "dist",
-    "src"
-  ],
-  "scripts": {
-    "dev": "vite",
-    "watch": "vite build --watch",
-    "build": "tsc -b && vite build"
-  },
-  "devDependencies": {
-    "@microsoft/signalr": "^8.0.0",
-    "@reduxjs/toolkit": "^2.6.0",
-    "@types/is-hotkey": "^0.1.10",
-    "@types/node": "^24.10.1",
-    "@types/react": "^18.0.33",
-    "@types/react-dom": "^18.0.11",
-    "@vitejs/plugin-react": "^4.3.3",
-    "@webinex/asky": "^1.1.0",
-    "@webinex/flippo": "^1.0.0",
-    "antd": "^5.19.0",
-    "axios": "^1.6.2",
-    "buffer": "^5.5.0||^6.0.0",
-    "classnames": "^2.3.2",
-    "cross-env": "^7.0.3",
-    "dayjs": "^1.11.7",
-    "eslint": "^8.38.0",
-    "is-hotkey": "^0.2.0",
-    "postcss": "^8.4.21",
-    "prettier": "^2.8.7",
-    "react": "^18.2.0",
-    "react-dom": "^18.2.0",
-    "react-redux": "^9.1.2",
-    "react-router-dom": "^6.23.1",
-    "rimraf": "^5.0.5",
-    "rollup-plugin-peer-deps-external": "^2.2.4",
-    "sass-embedded": "^1.82.0",
-    "shallow-equal": "^3.1.0",
-    "tslib": "^2.6.2",
-    "typescript": "~5.6.2",
-    "typescript-eslint": "^8.10.0",
-    "vite": "^5.4.9",
-    "vite-plugin-dts": "^4.3.0",
-    "vite-plugin-lib-inject-css": "^2.1.1"
-  },
-  "peerDependencies": {
-    "@ant-design/icons": "^5",
-    "@microsoft/signalr": "^8",
-    "@reduxjs/toolkit": "^2.6.0",
-    "@webinex/asky": "^1.1.0",
-    "@webinex/flippo": "^1",
-    "antd": "^5",
-    "axios": "^1",
-    "classnames": "^2",
-    "dayjs": "^1.8",
-    "is-hotkey": ">=0 <1",
-    "react": ">=16 <=19",
-    "react-dom": ">=16 <=19",
-    "shallow-equal": "^3"
-  }
-}
+{
+  "name": "@webinex/chatify",
+  "description": "Webinex Chatify",
+  "private": false,
+  "version": "2.0.0-alpha14",
+  "author": "Webinex Dev",
+  "license": "Apache-2.0",
+  "type": "module",
+  "main": "dist/index.js",
+  "module": "dist/index.js",
+  "types": "dist/types/index.d.ts",
+  "exports": {
+    ".": {
+      "import": "./dist/index.js",
+      "types": "./dist/types/index.d.ts"
+    },
+    "./audit": {
+      "import": "./dist/audit.js",
+      "types": "./dist/types/audit/index.d.ts"
+    }
+  },
+  "files": [
+    "dist",
+    "src"
+  ],
+  "scripts": {
+    "dev": "vite",
+    "watch": "vite build --watch",
+    "build": "tsc -b && vite build"
+  },
+  "devDependencies": {
+    "@microsoft/signalr": "^8.0.0",
+    "@reduxjs/toolkit": "^2.6.0",
+    "@types/is-hotkey": "^0.1.10",
+    "@types/node": "^24.10.1",
+    "@types/react": "^18.0.33",
+    "@types/react-dom": "^18.0.11",
+    "@vitejs/plugin-react": "^4.3.3",
+    "@webinex/asky": "^1.1.0",
+    "@webinex/flippo": "^1.0.0",
+    "antd": "^5.19.0",
+    "axios": "^1.6.2",
+    "buffer": "^5.5.0||^6.0.0",
+    "classnames": "^2.3.2",
+    "cross-env": "^7.0.3",
+    "dayjs": "^1.11.7",
+    "eslint": "^8.38.0",
+    "is-hotkey": "^0.2.0",
+    "postcss": "^8.4.21",
+    "prettier": "^2.8.7",
+    "react": "^18.2.0",
+    "react-dom": "^18.2.0",
+    "react-redux": "^9.1.2",
+    "react-router-dom": "^6.23.1",
+    "rimraf": "^5.0.5",
+    "rollup-plugin-peer-deps-external": "^2.2.4",
+    "sass-embedded": "^1.82.0",
+    "shallow-equal": "^3.1.0",
+    "tslib": "^2.6.2",
+    "typescript": "~5.6.2",
+    "typescript-eslint": "^8.10.0",
+    "vite": "^5.4.9",
+    "vite-plugin-dts": "^4.3.0",
+    "vite-plugin-lib-inject-css": "^2.1.1"
+  },
+  "peerDependencies": {
+    "@ant-design/icons": "^5",
+    "@microsoft/signalr": "^8",
+    "@reduxjs/toolkit": "^2.6.0",
+    "@webinex/asky": "^1.1.0",
+    "@webinex/flippo": "^1",
+    "antd": "^5",
+    "axios": "^1",
+    "classnames": "^2",
+    "dayjs": "^1.8",
+    "is-hotkey": ">=0 <1",
+    "react": ">=16 <=19",
+    "react-dom": ">=16 <=19",
+    "shallow-equal": "^3"
+  }
+}

package/src/audit/AuditChatList.tsx

@@ -1,25 +1,25 @@
-import { ChatList, customize } from '@webinex/chatify';
-import { Empty, Skeleton } from 'antd';
-import { AuditChatListItem } from './auditApi';
-
-export interface AuditChatListProps {
-  items: AuditChatListItem[];
-  loading: boolean;
-  selected: string | null;
-  onSelect: (id: string) => void;
-  top?: number;
-}
-
-export const AuditChatList = customize('AuditChatList', (props: AuditChatListProps) => {
-  const { items, selected, onSelect, loading, top } = props;
-
-  if (loading) {
-    return <Skeleton />;
-  }
-
-  if (items.length === 0) {
-    return <Empty />;
-  }
-
-  return <ChatList items={items} selected={selected} onSelect={onSelect} noRead top={top} />;
-});
+import { ChatList, customize } from '@webinex/chatify';
+import { Empty, Skeleton } from 'antd';
+import { AuditChatListItem } from './auditApi';
+
+export interface AuditChatListProps {
+  items: AuditChatListItem[];
+  loading: boolean;
+  selected: string | null;
+  onSelect: (id: string) => void;
+  top?: number;
+}
+
+export const AuditChatList = customize('AuditChatList', (props: AuditChatListProps) => {
+  const { items, selected, onSelect, loading, top } = props;
+
+  if (loading) {
+    return <Skeleton />;
+  }
+
+  if (items.length === 0) {
+    return <Empty />;
+  }
+
+  return <ChatList items={items} selected={selected} onSelect={onSelect} noRead top={top} />;
+});

package/src/audit/AuditConversationPanel.tsx

@@ -1,48 +1,49 @@
-import { Conversation, customize } from '@webinex/chatify';
-import { auditApi } from './auditApi';
-import { useMemo } from 'react';
-
-export interface AuditConversationPanelProps {
-  id: string;
-  onClose?: () => void;
-
-  /**
-   * Number of messages to load per page.
-   * @default 20
-   */
-  pageSize?: number;
-}
-
-export const AuditConversationPanel = customize(
-  'AuditConversationPanel',
-  (props: AuditConversationPanelProps) => {
-    const { id, onClose, pageSize = 20 } = props;
-    const { data: chat } = auditApi.useGetAuditChatQuery({ id });
-
-    const {
-      data: messageSegments,
-      isFetchingNextPage,
-      fetchNextPage,
-      hasNextPage,
-    } = auditApi.useGetAuditChatMessagesInfiniteInfiniteQuery(
-      { id },
-      { initialPageParam: { skip: 0, take: pageSize } },
-    );
-
-    const messages = useMemo(() => messageSegments?.pages.flatMap((x) => x.items) ?? [], [messageSegments]);
-
-    if (!chat) return null;
-
-    return (
-      <Conversation
-        value={{ active: false, id, lastReadMessageId: null, name: chat.name }}
-        nextLoading={isFetchingNextPage}
-        onNext={fetchNextPage}
-        hasMore={!isFetchingNextPage && hasNextPage}
-        messages={messages}
-        noReadTracking
-        onClose={onClose}
-      />
-    );
-  },
-);
+import { Conversation, customize } from '@webinex/chatify';
+import { auditApi } from './auditApi';
+import { useMemo } from 'react';
+
+export interface AuditConversationPanelProps {
+  id: string;
+  onClose?: () => void;
+
+  /**
+   * Number of messages to load per page.
+   * @default 20
+   */
+  pageSize?: number;
+}
+
+export const AuditConversationPanel = customize(
+  'AuditConversationPanel',
+  (props: AuditConversationPanelProps) => {
+    const { id, onClose, pageSize = 20 } = props;
+    const { data: chat } = auditApi.useGetAuditChatQuery({ id });
+
+    const {
+      data: messageSegments,
+      isFetchingNextPage,
+      fetchNextPage,
+      hasNextPage,
+    } = auditApi.useGetAuditChatMessagesInfiniteInfiniteQuery(
+      { id },
+      { initialPageParam: { skip: 0, take: pageSize } },
+    );
+
+    const messages = useMemo(() => messageSegments?.pages.flatMap((x) => x.items) ?? [], [messageSegments]);
+
+    if (!chat) return null;
+
+    return (
+      <Conversation
+        value={{ active: false, id, lastReadMessageId: null, name: chat.name }}
+        nextLoading={isFetchingNextPage}
+        onNext={fetchNextPage}
+        hasMore={!isFetchingNextPage && hasNextPage}
+        messages={messages}
+        noReadTracking
+        onClose={onClose}
+        compact={false}
+      />
+    );
+  },
+);