@webinex/chatify 2.0.0-alpha10 → 2.0.0-alpha12

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';\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":";;;;;;AAOA,MAAM,gBAAgB;AACtB,MAAM,cAAc;AAEpB,SAAS,QACP,QACiF;AACjF,MAAI,uBAAwC,OACzC,OAAO,gBAAgB,gBAAgB,EACvC,IAAI,CAAC,MAAM,EAAE,MAAM,cAAc,MAAM,CAAC;AAE3C,yBAAuB,qBAAqB,SAAS,IAAI,uBAAuB;AAEhF,QAAM,qBAAqB,OACxB,OAAO,gBAAgB,cAAc,EACrC,IAAI,CAAC,MAAM,EAAE,MAAM,YAAY,MAAM,CAAC;AAEzC,QAAM,eAAe,mBAAmB,SAAS,IAAI,mBAAmB,KAAK,GAAG,IAAI;AAEpF,MAAI,CAAC,wBAAwB,CAAC,cAAc;AAC1C,WAAO;AAAA,EACT;AAEA,SAAO;AAAA,IACL;AAAA,IACA;AAAA,EAAA;AAEJ;AAEO,MAAM,kBAAkB,OAAO,OAAO;AAAA,EAC3C;AAAA,EACA;AAAA,EACA,kBAAkB,CAAC,UAAkB,MAAM,WAAW,aAAa;AAAA,EACnE,gBAAgB,CAAC,UAAkB,MAAM,WAAW,WAAW;AAAA,EAC/D;AACF,CAAC;AC5BD,UAAU,WAAW,WAAsB,UAAiC,aAAqB;AAC/F,MAAI,YAAY,WAAW,EAAG;AAE9B,MAAI,YAAY,SAAS;AACvB,UAAM;AAAA,MACJ,OAAO,UAAU,MAAM,iBAAiB,WAAW;AAAA,MACnD,OAAO,gBAAgB,cAAc;AAAA,IAAA;AAGzC,aAAW,YAAW,qCAAU;AAAA,IAAO,CAAC,MACtC,EAAE,KAAK,oBAAoB,SAAS,YAAY,kBAAA,CAAmB;AAAA,QAChE,IAAI;AACP,UAAM;AAAA,MACJ,OAAO,UAAU,MAAM,mBAAmB,OAAO;AAAA,MACjD,OAAO,gBAAgB,gBAAgB,QAAQ;AAAA,IAAA;AAAA,EAEnD;AACF;AAEA,SAAS,WAAW,UAAiC,aAAqB;AACxE,QAAM,YAAY,aAAA;AAClB,SAAO;AAAA,IACL,MAAM,MAAM,KAAK,WAAW,WAAW,UAAU,WAAW,CAAC;AAAA,IAC7D,CAAC,WAAW,UAAU,WAAW;AAAA,EAAA;AAErC;AAEO,MAAM,cAAc,UAAU,eAAe,CAAC,UAA4B;AAC/E,QAAM,EAAE,WAAW,SAAA,IAAa;AAChC,QAAM,CAAC,aAAa,cAAc,IAAI,SAAS,EAAE;AACjD,QAAM,CAAC,QAAQ,SAAS,IAAI,SAAkB,CAAA,CAAE;AAChD,QAAM,EAAE,MAAM,UAAU,UAAA,IAAc,WAAW,uBAAuB,EAAE;AAC1E,QAAM,UAAU,WAAW,UAAU,WAAW;AAChD,QAAM,YAAY,aAAA;AAElB,YAAU,MAAM;AACd,yCAAW,OAAO,IAAI,CAAC,MAAM,EAAE,KAAK;AAAA,EACtC,GAAG,CAAC,UAAU,MAAM,CAAC;AAErB,6BACG,OAAA,EAAI,WAAW,WAAW,iBAAiB,SAAS,GACnD,UAAA;AAAA,IAAC;AAAA,IAAA;AAAA,MACC,YAAU;AAAA,MACV,WAAU;AAAA,MACV,MAAK;AAAA,MACL,OAAO,OAAO,IAAI,CAAC,MAAM,EAAE,KAAK;AAAA,MAChC,SAAS,QAAQ,SAAS,IAAI,UAAU;AAAA,MACxC;AAAA,MACA,UAAU;AAAA,MACV,UAAU,CAAC,GAAG,WAAW;AACvB,kBAAU,CAAC,SAAS;AAClB,cAAI,gBAAgB,eAAe,OAAO,KAAK,GAAG;AAChD,mBAAO,KAAK,OAAO,CAAC,MAAM,CAAC,gBAAgB,eAAe,EAAE,KAAK,CAAC;AAAA,UACpE;AAEA,iBAAO,CAAC,GAAG,MAAM,MAAM;AAAA,QACzB,CAAC;AACD,uBAAe,EAAE;AAAA,MACnB;AAAA,MACA,YAAY,CAAC,GAAG,WAAW;AACzB,kBAAU,CAAC,SAAS,KAAK,OAAO,CAAC,MAAM,EAAE,UAAU,OAAO,KAAK,CAAC;AAChE,uBAAe,EAAE;AAAA,MACnB;AAAA,MACA,cAAc;AAAA,MACd,yBAAyB,MAAM,eAAe,EAAE;AAAA,MAChD,UAAU;AAAA,MACV,SAAS;AAAA,MACT,aAAa,UAAU,MAAM;AAAA,MAC7B,iBACE,YAAY,WAAW,IAAI,UAAU,MAAM,eAAe,UAAU,MAAM;AAAA,MAE5E,MAAK;AAAA,IAAA;AAAA,EAAA,GAET;AAEJ,CAAC;AC3CD,SAAS,GAAG,QAAqC;AAC/C,QAAM,QAAQ,IAAI,gBAAA;AAClB,SAAO,QAAQ,MAAM,EAAE,QAAQ,CAAC,CAAC,KAAK,KAAK,MAAM;AAC/C,QAAI,UAAU,QAAQ,UAAU,QAAW;AACzC,YAAM,OAAO,KAAK,OAAO,UAAU,WAAW,QAAQ,KAAK,UAAU,KAAK,CAAC;AAAA,IAC7E;AAAA,EACF,CAAC;AAED,SAAO,MAAM,SAAA;AACf;AAEO,MAAM,WAAW,WAAW,gBAAgB;AAAA,EACjD,WAAW,CAAC,WAAW;AAAA,IACrB,kBAAkB,MAAM,MAAiE;AAAA,MACvF,SAAS,OAAO,SACd,WAAW,SAAS,OAAO,MACxB,IAAoC,eAAe,GAAG,EAAE,OAAO,KAAA,CAAM,CAAC,EAAE,EACxE,KAAK,CAAC,EAAE,YAAY;AAAA,QACnB,MAAM;AAAA,UACJ,OAAO,KAAK;AAAA,UACZ,OAAO,KAAK,MAAM;AAAA,YAChB,CAAC,EAAE,aAAa,GAAG,EAAA,OAA4B,EAAE,GAAG,GAAG,aAAa,YAAY,MAAA;AAAA,UAAO;AAAA,QACzF;AAAA,MACF,EACA,EACD,MAAM,CAAC,WAAW,EAAE,QAAQ;AAAA,MACjC,cAAc,CAAC,QAAQ,SAAS;AAAA,IAAA,CACjC;AAAA,IAED,cAAc,MAAM,MAAiC;AAAA,MACnD,SAAS,OAAO,SACd,WAAW,SAAS,OAAO,MACxB,IAAI,eAAe,mBAAmB,KAAK,EAAE,CAAC,EAAE,EAChD,KAAK,CAAC,EAAE,KAAA,OAAY,EAAE,KAAA,EAAO,EAC7B,MAAM,CAAC,WAAW,EAAE,QAAQ;AAAA,MACjC,cAAc,CAAC,MAAM;AAAA,IAAA,CACtB;AAAA,IAED,8BAA8B,MAAM,cAIlC;AAAA,MACA,SAAS,OAAO,SAAS;AACvB,cAAM;AAAA,UACJ;AAAA,UACA,UAAU,EAAE,GAAA;AAAA,QAAG,IACb;AAEJ,eAAO,WAAW,SAAS,OAAO,MAC/B,IAAI,kBAAkB,GAAG,EAAE,OAAO,EAAE,QAAQ,IAAI,YAAY,WAAW,cAAc,KAAA,EAAK,CAAG,CAAC,EAAE,EAChG,KAAK,CAAC,EAAE,YAAY,EAAE,KAAA,EAAO,EAC7B,MAAM,CAAC,WAAW,EAAE,QAAQ;AAAA,MACjC;AAAA,MACA,sBAAsB;AAAA,QACpB,kBAAkB,EAAE,MAAM,GAAG,MAAM,GAAA;AAAA,QACnC,kBAAkB,CAAC,UAAU,GAAG,kBAC9B,SAAS,QAAQ,cAAc,OAAO,cAAc,OAChD;AAAA,UACE,MAAM,cAAc,OAAO,cAAc;AAAA,UACzC,MAAM,cAAc;AAAA,QAAA,IAEtB;AAAA,MAAA;AAAA,MAER,cAAc,CAAC,WAAW,MAAM;AAAA,IAAA,CACjC;AAAA,EAAA;AAEL,CAAC;ACpGM,MAAM,gBAAgB,UAAU,iBAAiB,CAAC,UAA8B;AACrF,QAAM,EAAE,OAAO,UAAU,UAAU,SAAS,QAAQ;AAEpD,MAAI,SAAS;AACX,+BAAQ,UAAA,EAAS;AAAA,EACnB;AAEA,MAAI,MAAM,WAAW,GAAG;AACtB,+BAAQ,OAAA,EAAM;AAAA,EAChB;AAEA,6BAAQ,UAAA,EAAS,OAAc,UAAoB,UAAoB,QAAM,MAAC,KAAU;AAC1F,CAAC;ACTM,MAAM,yBAAyB;AAAA,EACpC;AAAA,EACA,CAAC,UAAuC;AACtC,UAAM,EAAE,IAAI,SAAS,WAAW,OAAO;AACvC,UAAM,EAAE,MAAM,KAAA,IAAS,SAAS,qBAAqB,EAAE,IAAI;AAE3D,UAAM;AAAA,MACJ,MAAM;AAAA,MACN;AAAA,MACA;AAAA,MACA;AAAA,IAAA,IACE,SAAS;AAAA,MACX,EAAE,GAAA;AAAA,MACF,EAAE,kBAAkB,EAAE,MAAM,GAAG,MAAM,WAAS;AAAA,IAAE;AAGlD,UAAM,WAAW,QAAQ,OAAM,mDAAiB,MAAM,QAAQ,CAAC,MAAM,EAAE,WAAU,CAAA,GAAI,CAAC,eAAe,CAAC;AAEtG,QAAI,CAAC,KAAM,QAAO;AAElB,WACE;AAAA,MAAC;AAAA,MAAA;AAAA,QACC,OAAO,EAAE,QAAQ,OAAO,IAAI,mBAAmB,MAAM,MAAM,KAAK,KAAA;AAAA,QAChE,aAAa;AAAA,QACb,QAAQ;AAAA,QACR,SAAS,CAAC,sBAAsB;AAAA,QAChC;AAAA,QACA,gBAAc;AAAA,QACd;AAAA,MAAA;AAAA,IAAA;AAAA,EAGN;AACF;ACxBA,SAAS,QAAQ,OAAwB,QAAkB;AACzD,QAAM,EAAE,QAAQ;AAChB,QAAM,QAAQ,QAAQ,MAAM,gBAAgB,QAAQ,MAAM,GAAG,CAAC,MAAM,CAAC;AAErE,QAAM,EAAE,aAAa,OAAO,UAAA,IAAc,SAAS;AAAA,IACjD;AAAA,MACE,GAAG;AAAA,MACH,YAAY,EAAE,MAAM,GAAG,MAAM,IAAA;AAAA,MAC7B,cAAc;AAAA,IAAA;AAAA,IAEhB,EAAE,MAAM,CAAC,MAAA;AAAA,EAAM;AAGjB,SAAO,QAAQ,OAAO,EAAE,QAAO,+BAAO,UAAS,IAAI,cAAc,CAAC,OAAO,SAAS,CAAC;AACrF;AAEA,MAAM,QAAQ,OAAO,OAAO,EAA8B;AAEnD,SAAS,WAAW,OAAwB;AACjD,UAAQ,EAAE,KAAK,KAAK,WAAW,OAAO,GAAG,MAAA;AACzC,QAAM,EAAE,WAAW,OAAO,YAAY,kBAAkB,WAAAA,aAAY,OAAO,QAAQ;AACnF,QAAM,CAAC,QAAQ,SAAS,IAAI,SAAmB,CAAA,CAAE;AACjD,QAAM,EAAE,OAAO,UAAA,IAAc,QAAQ,OAAO,MAAM;AAElD,QAAM,CAAC,YAAY,aAAa,IAAI,SAAwB,IAAI;AAChE,QAAM,gBAAgB,YAAY,MAAM,cAAc,IAAI,GAAG,CAAA,CAAE;AAE/D,YAAU,MAAM;AACd,QAAI,MAAM,MAAM,CAAC,MAAM,EAAE,OAAO,UAAU,GAAG;AAC3C,oBAAc,IAAI;AAAA,IACpB;AAAA,EACF,GAAG,CAAC,OAAO,UAAU,CAAC;AAEtB,6BACG,iBAAiB,UAAjB,EAA0B,OAAOA,YAChC,8BAAC,iBAAiB,UAAjB,EAA0B,OAAO,WAChC,+BAAC,OAAA,EAAI,WAAW,WAAW,WAAW,oBAAoB,GAAG,OAC3D,UAAA;AAAA,IAAA,oBAAC,aAAA,EAAY,UAAU,UAAA,CAAW;AAAA,IAClC,qBAAC,OAAA,EAAI,WAAW,WAAW,qBAAqB,EAAE,yBAAyB,CAAC,CAAC,WAAA,CAAY,GACvF,UAAA;AAAA,MAAA;AAAA,QAAC;AAAA,QAAA;AAAA,UACC,OAAO;AAAA,UACP,SAAS;AAAA,UACT,UAAU;AAAA,UACV,UAAU;AAAA,UACV,KAAK,KAAK,IAAI,MAAM,QAAQ,GAAI;AAAA,QAAA;AAAA,MAAA;AAAA,MAEjC,cAAc,oBAAC,wBAAA,EAAuB,IAAI,YAAY,SAAS,cAAA,CAAe;AAAA,IAAA,EAAA,CACjF;AAAA,EAAA,EAAA,CACF,GACF,GACF;AAEJ;AC7DA,QAAQ,QAAQ;AAEhB,iBAAiB,QAAQ;AAAA,EACvB,mBAAmB;AAAA,EACnB,aAAa;AAAA,EACb,cAAc;AAAA,EACd,kBAAkB,CAAC,6BAAU,QAAA,EAAM,UAAA,uBAAuB,IAAI,KAAI;AAAA,EAClE,oBAAoB,CAAC,YACnB,qBAAC,OAAA,EACC,UAAA;AAAA,IAAA,oBAAC,UAAO,SAAkB;AAAA,IACzB,kBAAkB,QAAQ,IAAI;AAAA,EAAA,EAAA,CACjC;AAEJ;"}

package/dist/index.js

@@ -1,97 +1,104 @@
-import { ae, aA, l, m, v, z, E, x, w, y, F, n, ai, aj, ak, al, am, an, ao, ap, aq, A, g, h, i, o, j, d, aB, a9, a3, a4, a7, a5, a6, t, p, q, r, s, C, D, af, ag, I, N, M, G, H, J, K, L, O, P, Q, V, U, R, X, S, ah, T, W, ar, Y, Z, _, $, a0, a2, aa, ac, ab, aw, av, as, az, c, b, f, a1, at, au, aC, k, B, ax, a8, a, u, e, ad, ay } from "./Chatify-DGRV4QKP.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-CwAfN1wu.js";
 export {
-  ae as Avatar,
-  aA as CHATIFY_SIGNALR_METHODS,
+  p as AUTO_REPLY_FORM_INITIAL_VALUE,
+  A as AutoReplyButton,
+  q as AutoReplyForm,
+  r as AutoReplyPanel,
+  s as AutoReplyPeriodInput,
+  t as AutoReplyTextInput,
+  al as Avatar,
+  aH as CHATIFY_SIGNALR_METHODS,
   l as ChatContext,
   m as ChatEditableHeaderName,
-  v as ChatGroupAside,
-  z as ChatGroupBody,
-  E as ChatGroupContext,
-  x as ChatGroupFooter,
-  w as ChatGroupHeader,
-  y as ChatGroupMain,
-  F as ChatGroupPanel,
+  B as ChatGroupActions,
+  E as ChatGroupAside,
+  I as ChatGroupBody,
+  M as ChatGroupContext,
+  G as ChatGroupFooter,
+  F as ChatGroupHeader,
+  H as ChatGroupMain,
+  N as ChatGroupPanel,
   n as ChatHeaderActions,
-  ai as ChatList,
-  aj as ChatListItemAvatar,
-  ak as ChatListItemBox,
-  al as ChatListItemLastMessage,
-  am as ChatListItemLastMessageAuthor,
-  an as ChatListItemLastMessageContent,
-  ao as ChatListItemLastMessageSentAt,
-  ap as ChatListItemName,
-  aq as ChatListItemUnreadCount,
-  A as ChatListPanel,
+  ap as ChatList,
+  aq as ChatListItemAvatar,
+  ar as ChatListItemBox,
+  as as ChatListItemLastMessage,
+  at as ChatListItemLastMessageAuthor,
+  au as ChatListItemLastMessageContent,
+  av as ChatListItemLastMessageSentAt,
+  aw as ChatListItemName,
+  ax as ChatListItemUnreadCount,
+  J as ChatListPanel,
   g as ChatMembersButton,
   h as ChatMembersPanel,
   i as ChatMembersPreview,
   o as ChatPanel,
   j as ChatView,
   d as Chatify,
-  aB as ChatifyClient,
-  a9 as Conversation,
-  a3 as ConversationActions,
-  a4 as ConversationBody,
-  a7 as ConversationContext,
-  a5 as ConversationHeader,
-  a6 as ConversationName,
-  t as CreateChatButton,
-  p as CreateChatForm,
-  q as CreateChatMemberInput,
-  r as CreateChatNameInput,
-  s as CreateChatPanel,
+  aI as ChatifyClient,
+  ag as Conversation,
+  aa as ConversationActions,
+  ab as ConversationBody,
+  ae as ConversationContext,
+  ac as ConversationHeader,
+  ad as ConversationName,
+  z as CreateChatButton,
+  v as CreateChatForm,
+  w as CreateChatMemberInput,
+  x as CreateChatNameInput,
+  y as CreateChatPanel,
   C as CustomizeContext,
   D as DEFAULT_CHAT_VIEW_CUSTOMIZE_VALUE,
-  af as ICONS,
-  ag as Icon,
-  I as InputBox,
-  N as InputBoxFile,
-  M as InputBoxFileList,
-  G as InputFileButton,
-  H as InputFilesBox,
-  J as InputSubmitButtonBox,
-  K as InputTextBox,
+  am as ICONS,
+  an as Icon,
+  O as InputBox,
+  U as InputBoxFile,
+  T as InputBoxFileList,
+  P as InputFileButton,
+  Q as InputFilesBox,
+  R as InputSubmitButtonBox,
+  S as InputTextBox,
   L as LocalizerContext,
-  O as MessageAuthor,
-  P as MessageBox,
-  Q as MessageContent,
-  V as MessageFile,
-  U as MessageFileList,
-  R as MessageInfoBox,
-  X as MessageReadObserver,
-  S as MessageRow,
-  ah as MessageSkeleton,
-  T as MessageText,
-  W as NextMessagesObserver,
-  ar as SYSTEM_ID,
-  Y as SendingMessageBox,
-  Z as SendingMessageContent,
-  _ as SendingMessageInfoBox,
-  $ as SendingMessageText,
-  a0 as SystemMessageBox,
-  a2 as SystemMessageRow,
-  aa as ThreadActions,
-  ac as ThreadContext,
-  ab as ThreadPanel,
-  aw as calcThreadListUnreadCount,
-  av as calcThreadUnreadCount,
-  as as chatId,
-  az as chatifyApi,
+  V as MessageAuthor,
+  W as MessageBox,
+  X as MessageContent,
+  a0 as MessageFile,
+  $ as MessageFileList,
+  Y as MessageInfoBox,
+  a2 as MessageReadObserver,
+  Z as MessageRow,
+  ao as MessageSkeleton,
+  _ as MessageText,
+  a1 as NextMessagesObserver,
+  ay as SYSTEM_ID,
+  a3 as SendingMessageBox,
+  a4 as SendingMessageContent,
+  a5 as SendingMessageInfoBox,
+  a6 as SendingMessageText,
+  a7 as SystemMessageBox,
+  a9 as SystemMessageRow,
+  ah as ThreadActions,
+  aj as ThreadContext,
+  ai as ThreadPanel,
+  aD as calcThreadListUnreadCount,
+  aC as calcThreadUnreadCount,
+  az as chatId,
+  aG as chatifyApi,
   c as color,
   b as customize,
   f as defaultLocalizer,
-  a1 as formatSystemMessage,
-  at as messageSequencePart,
-  au as parseThreadMessageId,
-  aC as unsubscribe,
+  a8 as formatSystemMessage,
+  aA as messageSequencePart,
+  aB as parseThreadMessageId,
+  aJ as unsubscribe,
   k as useChatContext,
-  B as useChatGroupContext,
-  ax as useChatListItem,
-  a8 as useConversation,
+  K as useChatGroupContext,
+  aE as useChatListItem,
+  af as useConversation,
   a as useCustomize,
   u as useCustomizeContext,
   e as useLocalizer,
-  ad as useThreadContext,
-  ay as useUnreadThreadMessageCount
+  ak as useThreadContext,
+  aF as useUnreadThreadMessageCount
 };
 //# sourceMappingURL=index.js.map

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

@@ -38,7 +38,11 @@ export interface AuditChat {
     createdById: string;
 }
 export declare const auditApi: import('@reduxjs/toolkit/query').Api<import('@reduxjs/toolkit/query').BaseQueryFn, {
-    getAccountList: import('@reduxjs/toolkit/query').QueryDefinition<void, import('@reduxjs/toolkit/query').BaseQueryFn, "chat" | "account" | "message" | "thread" | "thread-message", Account[], "chatify", unknown>;
+    getAccountList: import('@reduxjs/toolkit/query').QueryDefinition<{
+        ids?: string[];
+    }, import('@reduxjs/toolkit/query').BaseQueryFn, "chat" | "account" | "message" | "thread" | "thread-message", Account[], "chatify", unknown>;
+    geCurrentUserAccount: import('@reduxjs/toolkit/query').QueryDefinition<void, import('@reduxjs/toolkit/query').BaseQueryFn, "chat" | "account" | "message" | "thread" | "thread-message", Account | null, "chatify", unknown>;
+    updateAccount: import('@reduxjs/toolkit/query').MutationDefinition<import('../index.ts').UpdateAccountRequest, import('@reduxjs/toolkit/query').BaseQueryFn, "chat" | "account" | "message" | "thread" | "thread-message", void, "chatify", unknown>;
     getChat: import('@reduxjs/toolkit/query').QueryDefinition<{
         id: string;
     }, import('@reduxjs/toolkit/query').BaseQueryFn, "chat" | "account" | "message" | "thread" | "thread-message", import('../index.ts').Chat, "chatify", unknown>;

package/dist/types/core/client.d.ts

@@ -52,7 +52,10 @@ export declare class ChatifyClient {
     subscribe: <TMethod extends ChatifySignalRMethod>(method: TMethod, subscriber: (args: ChatifySignalRArgsByMethod[TMethod]) => void) => () => ((args: any[]) => void)[];
     subscribeReconnect: (subscriber: () => any) => () => (() => void)[];
     get axios(): AxiosInstance;
-    accounts: () => Promise<Account[]>;
+    accounts: (args: {
+        ids?: string[];
+    }) => Promise<Account[]>;
+    currentUserAccount: () => Promise<Account>;
     updateAccount: (request: UpdateAccountRequest) => Promise<void>;
     chats: () => Promise<ChatListItem[]>;
     chat: (id: string) => Promise<Chat>;

package/dist/types/ui/ChatGroup/AutoReply/AutoReplyButton.d.ts

@@ -0,0 +1 @@
+export declare const AutoReplyButton: import('../../../index.ts').Customizable<import('react').ComponentType<unknown>>;

package/dist/types/ui/ChatGroup/AutoReply/AutoReplyForm.d.ts

@@ -0,0 +1,12 @@
+import { Dayjs } from 'dayjs';
+export interface AutoReplyFormValue {
+    period: [Dayjs, Dayjs];
+    text: string;
+}
+export interface AutoReplyFormProps {
+    value: AutoReplyFormValue;
+    onSubmit: (value: AutoReplyFormValue) => void;
+    busy?: boolean;
+}
+export declare const AUTO_REPLY_FORM_INITIAL_VALUE: AutoReplyFormValue;
+export declare const AutoReplyForm: import('../../../index.ts').Customizable<import('react').ComponentType<AutoReplyFormProps>>;

package/dist/types/ui/ChatGroup/AutoReply/AutoReplyPanel.d.ts

@@ -0,0 +1 @@
+export declare const AutoReplyPanel: import('../../../index.ts').Customizable<import('react').ComponentType<unknown>>;

package/dist/types/ui/ChatGroup/AutoReply/AutoReplyPeriodInput.d.ts

@@ -0,0 +1,4 @@
+export interface AutoReplyPeriodInputProps {
+    name: string;
+}
+export declare const AutoReplyPeriodInput: import('../../../index.ts').Customizable<import('react').ComponentType<AutoReplyPeriodInputProps>>;

package/dist/types/ui/ChatGroup/AutoReply/AutoReplyTextInput.d.ts

@@ -0,0 +1,4 @@
+export interface AutoReplyTextInputProps {
+    name: string;
+}
+export declare const AutoReplyTextInput: import('../../../index.ts').Customizable<import('react').ComponentType<AutoReplyTextInputProps>>;

package/dist/types/ui/ChatGroup/AutoReply/index.d.ts

@@ -0,0 +1,17 @@
+import { AutoReplyButton } from './AutoReplyButton';
+import { AutoReplyForm } from './AutoReplyForm';
+import { AutoReplyPanel } from './AutoReplyPanel';
+import { AutoReplyPeriodInput } from './AutoReplyPeriodInput';
+import { AutoReplyTextInput } from './AutoReplyTextInput';
+export * from './AutoReplyButton';
+export * from './AutoReplyForm';
+export * from './AutoReplyPanel';
+export * from './AutoReplyPeriodInput';
+export * from './AutoReplyTextInput';
+export interface AutoReplyCustomizeValue {
+    AutoReplyButton?: typeof AutoReplyButton.Component | null;
+    AutoReplyForm?: typeof AutoReplyForm.Component | null;
+    AutoReplyPanel?: typeof AutoReplyPanel.Component | null;
+    AutoReplyPeriodInput?: typeof AutoReplyPeriodInput.Component | null;
+    AutoReplyTextInput?: typeof AutoReplyTextInput.Component | null;
+}

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

@@ -1,12 +1,13 @@
 import { PropsWithChildren } from 'react';
 export interface ChatGroupContext {
-    view: 'chat' | 'new-chat' | null;
+    view: 'chat' | 'new-chat' | 'auto-reply' | null;
     chatId: string | null;
     showMembers: boolean;
     none(): void;
     openChat(chatId: string): void;
     toggleNewChat(): void;
     toggleMembers(): void;
+    toggleAutoReply(): void;
 }
 export declare function useChatGroupContext(): ChatGroupContext;
 export declare function ChatGroupContext(props: PropsWithChildren<{}>): import("react/jsx-runtime").JSX.Element;

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

@@ -4,7 +4,8 @@ import { CreateChatPanelCustomizeValue } from './Create';
 import { ChatGroupLayoutCustomizeValue } from './Layout';
 import { ChatListPanelCustomizeValue } from './List';
 import { ChatViewCustomizeValue } from '../Chat';
-export interface ChatGroupCustomizeValue extends ChatViewCustomizeValue, CreateChatPanelCustomizeValue, ChatListPanelCustomizeValue, ChatGroupLayoutCustomizeValue {
+import { AutoReplyCustomizeValue } from './AutoReply';
+export interface ChatGroupCustomizeValue extends ChatViewCustomizeValue, AutoReplyCustomizeValue, CreateChatPanelCustomizeValue, ChatListPanelCustomizeValue, ChatGroupLayoutCustomizeValue {
 }
 export interface ChatifyProps {
     className?: string;

package/dist/types/ui/ChatGroup/Layout/ChatGroupActions.d.ts

@@ -0,0 +1 @@
+export declare const ChatGroupActions: import('../../../index.ts').Customizable<import('react').ComponentType<unknown>>;

package/dist/types/ui/ChatGroup/Layout/index.d.ts

@@ -1,14 +1,17 @@
+import { ChatGroupActions } from './ChatGroupActions';
 import { ChatGroupAside } from './ChatGroupAside';
 import { ChatGroupHeader } from './ChatGroupHeader';
 import { ChatGroupFooter } from './ChatGroupFooter';
 import { ChatGroupMain } from './ChatGroupMain';
 import { ChatGroupBody } from './ChatGroupBody';
+export * from './ChatGroupActions';
 export * from './ChatGroupAside';
 export * from './ChatGroupHeader';
 export * from './ChatGroupFooter';
 export * from './ChatGroupMain';
 export * from './ChatGroupBody';
 export interface ChatGroupLayoutCustomizeValue {
+    ChatGroupActions?: typeof ChatGroupActions.Component | null;
     ChatGroupAside?: typeof ChatGroupAside.Component | null;
     ChatGroupHeader?: typeof ChatGroupHeader.Component | null;
     ChatGroupFooter?: typeof ChatGroupFooter.Component | null;

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

@@ -1,3 +1,4 @@
+export * from './AutoReply';
 export * from './Create';
 export * from './Layout';
 export * from './List';

package/dist/types/ui/common/Icon.d.ts

@@ -17,5 +17,6 @@ export declare const ICONS: {
     unwatch: import('react').ForwardRefExoticComponent<Omit<import('@ant-design/icons/lib/components/AntdIcon').AntdIconProps, "ref"> & import('react').RefAttributes<HTMLSpanElement>>;
     'delete-file': import('react').ForwardRefExoticComponent<Omit<import('@ant-design/icons/lib/components/AntdIcon').AntdIconProps, "ref"> & import('react').RefAttributes<HTMLSpanElement>>;
     'open-file': import('react').ForwardRefExoticComponent<Omit<import('@ant-design/icons/lib/components/AntdIcon').AntdIconProps, "ref"> & import('react').RefAttributes<HTMLSpanElement>>;
+    settings: import('react').ForwardRefExoticComponent<Omit<import('@ant-design/icons/lib/components/AntdIcon').AntdIconProps, "ref"> & import('react').RefAttributes<HTMLSpanElement>>;
 };
 export declare const Icon: import('../../index.ts').Customizable<import('react').ComponentType<IconProps>>;

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

@@ -37,6 +37,21 @@ export interface LocalizerBase {
     chatList: {
         topShown: (count: number) => string;
     };
+    autoReply: {
+        buttonTitle: () => string;
+        title: () => React.ReactNode;
+        period: {
+            label: () => React.ReactNode;
+            required: () => string;
+            format: () => string;
+        };
+        text: {
+            label: () => React.ReactNode;
+            required: () => string;
+        };
+        submitBtn: () => React.ReactNode;
+        clearBtn: () => React.ReactNode;
+    };
 }
 export interface Localizer extends LocalizerBase {
 }

package/package.json

@@ -2,7 +2,7 @@
   "name": "@webinex/chatify",
   "description": "Webinex Chatify",
   "private": false,
-  "version": "2.0.0-alpha10",
+  "version": "2.0.0-alpha12",
   "author": "Webinex Dev",
   "license": "Apache-2.0",
   "type": "module",

package/src/audit/AuditSearch.tsx

@@ -42,7 +42,7 @@ export const AuditSearch = customize('AuditSearch', (props: AuditSearchProps) =>
   const { className, onSearch } = props;
   const [searchValue, setSearchValue] = useState('');
   const [values, setValues] = useState<Value[]>([]);
-  const { data: accounts, isLoading } = chatifyApi.useGetAccountListQuery();
+  const { data: accounts, isLoading } = chatifyApi.useGetAccountListQuery({});
   const options = useOptions(accounts, searchValue);
   const localizer = useLocalizer();
 

package/src/core/api/api.ts

@@ -12,6 +12,7 @@ import {
   Thread,
   ThreadMessage,
   ThreadWatchListItem,
+  UpdateAccountRequest,
   calcThreadListUnreadCount,
   chatId,
   parseThreadMessageId,
@@ -50,11 +51,24 @@ const __chatifyApi = __baseApi.injectEndpoints({
     // ==============     ACCOUNT    ======================
     // ====================================================
 
-    getAccountList: builder.query<Account[], void>({
-      queryFn: async () => ({ data: await __settings.client.accounts() }),
+    getAccountList: builder.query<Account[], { ids?: string[] }>({
+      queryFn: async (args) => ({ data: await __settings.client.accounts(args) }),
       providesTags: ['account'],
     }),
 
+    geCurrentUserAccount: builder.query<Account | null, void>({
+      queryFn: async () => ({ data: await __settings.client.currentUserAccount() }),
+      providesTags: ['account'],
+    }),
+
+    updateAccount: builder.mutation<void, UpdateAccountRequest>({
+      queryFn: async (request) => {
+        await __settings.client.updateAccount(request);
+        return { data: null! };
+      },
+      invalidatesTags: ['account'],
+    }),
+
     // ====================================================
     // ================     CHAT    =======================
     // ====================================================

package/src/core/client.ts

@@ -164,8 +164,19 @@ export class ChatifyClient {
     return this._config.axios;
   }
 
-  public accounts = async () => {
-    const { data } = await this.axios.get<Account[]>('account');
+  public accounts = async (args: { ids?: string[] }) => {
+    const searchParams = new URLSearchParams();
+
+    args?.ids?.forEach((id) => {
+      searchParams.append('ids', encodeURIComponent(id));
+    });
+
+    const { data } = await this.axios.get<Account[]>(`account?${searchParams.toString()}`);
+    return data;
+  };
+
+  public currentUserAccount = async () => {
+    const { data } = await this.axios.get<Account>('account/me');
     return data;
   };
 

package/src/styles/index.scss

@@ -83,18 +83,51 @@
     padding-inline: 0.5rem;
     margin-bottom: 1rem;
 
-    .wxchtf-add-btn {
+    .wxchtf-add-btn,
+    .wxchtf-add-btn-settings {
       border: none;
       background-color: #e4f7f7;
       height: 50px;
-      padding: 0;
       line-height: 50px;
-      min-width: 150px;
-      border-radius: 50px;
       font-weight: 600;
       opacity: 0.9;
       box-shadow: none;
     }
+
+    > .wxchtf-add-btn {
+      padding: 0 24px;
+      min-width: 150px;
+      border-radius: 50px;
+    }
+
+    > .wxchtf-add-btn-settings {
+      padding: 0 16px;
+      min-width: 50px;
+      border-radius: 50px;
+    }
+
+    > .wxchtf-add-btn-group {
+      display: inline-flex;
+
+      .wxchtf-add-btn-wrapper {
+        width: auto;
+        padding-inline: 0;
+        margin-bottom: 0;
+      }
+
+      .wxchtf-add-btn {
+        padding: 0 18px;
+        min-width: 120px;
+        border-radius: 50px 0 0 50px;
+      }
+
+      .wxchtf-add-btn-settings {
+        padding: 0 14px;
+        min-width: 44px;
+        border-radius: 0 50px 50px 0;
+        border-left: 1px solid rgba(0, 0, 0, 0.06);
+      }
+    }
   }
 }
 
@@ -108,7 +141,8 @@
   z-index: 2;
   min-width: 0;
 
-  .wxchtf-create-chat-panel {
+  .wxchtf-create-chat-panel,
+  .wxchtf-auto-reply-panel {
     display: flex;
     flex-flow: column nowrap;
     justify-content: center;
@@ -116,7 +150,8 @@
     height: 100%;
     position: relative;
 
-    .wxchtf-create-chat-panel-close {
+    .wxchtf-create-chat-panel-close,
+    .wxchtf-auto-reply-panel-close {
       position: absolute;
       right: 25px;
       top: 25px;
@@ -126,7 +161,31 @@
       padding: 2rem;
       max-width: 700px;
       width: 100%;
+    }
+  }
 
+  .wxchtf-auto-reply-panel {
+    .wxchtf-auto-reply-panel-header {
+      width: 100%;
+      max-width: 700px;
+      padding: 0 2rem;
+      margin-bottom: 0.5rem;
+      display: flex;
+      align-items: center;
+      justify-content: space-between;
+
+      h3 {
+        margin: 0;
+      }
+
+      .wxchtf-auto-reply-panel-clear {
+        padding: 0;
+      }
+    }
+  }
+
+  .wxchtf-create-chat-panel {
+    form {
       .wxchtf-create-chat-member-input-list {
         max-height: 15rem;
         overflow-y: auto;