tuikit-atomicx-vue3 0.1.1 → 3.3.0

package/src/hooks/useMouseHover.ts

@@ -1,14 +1,14 @@
 import { ref, onMounted, onUnmounted } from 'vue';
 
 /**
- * Vue3鼠标悬停检测hook
- * @param elementRef - 目标元素的ref
- * @returns 是否悬停的状态
+ * Vue3 mouse hover hook
+ * @param elementRef - ref of the target element to monitor hover state
+ * @returns isHovered - reactive state indicating whether the mouse is hovering over the element
  */
 export function useMouseHover<T extends HTMLElement = HTMLElement>(
-  elementRef: { value: T | null }
+  elementRef: { value: T | undefined },
 ) {
-  const isHovered = ref(false);
+  const isHovered = ref<boolean>(false);
 
   const handleMouseEnter = () => {
     isHovered.value = true;
@@ -34,7 +34,9 @@ export function useMouseHover<T extends HTMLElement = HTMLElement>(
     }
   });
 
-  return isHovered;
+  return {
+    isHovered,
+  };
 }
 
-export default useMouseHover;
+export default useMouseHover;

package/src/rtc/index.ts

@@ -6,10 +6,10 @@ import { BarrageList as BarrageListComponent } from '../components/BarrageList';
 import { CameraButton as CameraButtonComponent } from '../components/CameraButton';
 import { CoGuestPanel as CoGuestPanelComponent } from '../components/CoGuestPanel';
 import { LiveAudienceList as LiveAudienceListComponent } from '../components/LiveAudienceList';
+import { LiveCoreView as LiveCoreViewComponent } from '../components/LiveCoreView';
 import { LiveList as LiveListComponent } from '../components/LiveList';
 import { LiveMonitorView as LiveMonitorViewComponent } from '../components/LiveMonitorView';
 import { LiveScenePanel as LiveScenePanelComponent } from '../components/LiveScenePanel';
-import { LiveStreamView as LiveStreamViewComponent } from '../components/LiveStreamView';
 import { MicButton as MicButtonComponent } from '../components/MicButton';
 import { StreamMixer as StreamMixerComponent } from '../components/StreamMixer';
 import { StreamView as StreamViewComponent } from '../components/StreamView';
@@ -26,6 +26,7 @@ import { useLiveState as LiveState } from '../states/LiveState';
 import { useRoomState as RoomState } from '../states/RoomState';
 import { useUserState as UserState } from '../states/UserState';
 import { useVideoMixerState as VideoMixerState } from '../states/VideoMixerState';
+import { useRoomEngine as RoomEngine } from '../hooks/useRoomEngine';
 
 import RTCLoginServer from './server';
 
@@ -33,7 +34,7 @@ RTCLoginServer.getInstance().init();
 
 const BarrageList = BarrageListComponent;
 const BarrageInput = BarrageInputComponent;
-const LiveStreamView = LiveStreamViewComponent;
+const LiveCoreView = LiveCoreViewComponent;
 const StreamMixer = StreamMixerComponent;
 const LiveScenePanel = LiveScenePanelComponent;
 const LiveAudienceList = LiveAudienceListComponent;
@@ -59,12 +60,13 @@ const useDeviceState = DeviceState;
 const useLiveAudienceState = LiveAudienceState;
 const useRoomState = RoomState;
 const useVideoMixerState = VideoMixerState;
+const useRoomEngine = RoomEngine;
 
 export {
   // Components
   BarrageList,
   BarrageInput,
-  LiveStreamView,
+  LiveCoreView,
   StreamMixer,
   LiveScenePanel,
   LiveAudienceList,
@@ -80,6 +82,7 @@ export {
   VideoSetting,
 
   // States
+  useRoomEngine,
   useLiveState,
   useRoomState,
   useUserState,

package/src/types/contact.ts

@@ -1,3 +1,4 @@
+import { Component } from 'vue';
 import type { GroupModel } from './engine';
 import type TUIChatEngine from '@tencentcloud/chat-uikit-engine';
 
@@ -32,6 +33,7 @@ export interface UserProfile {
   location: string;
   selfSignature: string;
   allowType: typeof TUIChatEngine.TYPES.ALLOW_TYPE_ALLOW_ANY
+
     | typeof TUIChatEngine.TYPES.ALLOW_TYPE_NEED_CONFIRM
     | typeof TUIChatEngine.TYPES.ALLOW_TYPE_DENY_ANY;
   avatar: string;
@@ -98,19 +100,32 @@ export interface GroupApplication {
   note: string;
 }
 
-// 参数接口
+export interface GroupApplicationParams {
+  application: GroupApplication;
+  handleMessage?: string;
+}
+
 export interface AddFriendParams {
   userID: string;
   addSource: string;
   remark?: string;
   groupName?: string;
   wording?: string;
-  type?: string;
+  type?: typeof TUIChatEngine.TYPES.SNS_ADD_TYPE_SINGLE
+    | typeof TUIChatEngine.TYPES.SNS_ADD_TYPE_BOTH;
+}
+
+export interface FriendApplicationParams {
+  userID: string;
+  remark?: string;
+  type: typeof TUIChatEngine.TYPES.SNS_APPLICATION_AGREE
+    | typeof TUIChatEngine.TYPES.SNS_APPLICATION_AGREE_AND_ADD;
 }
 
 export interface DeleteFriendParams {
   userIDList: string[];
-  type?: typeof TUIChatEngine.TYPES.SNS_DELETE_TYPE_SINGLE | typeof TUIChatEngine.TYPES.SNS_DELETE_TYPE_BOTH;
+  type?: typeof TUIChatEngine.TYPES.SNS_DELETE_TYPE_SINGLE
+    | typeof TUIChatEngine.TYPES.SNS_DELETE_TYPE_BOTH;
 }
 
 export interface FriendRemarkParams {
@@ -128,19 +143,168 @@ export interface RenameFriendGroupParams {
   newName: string;
 }
 
-export interface FriendApplicationParams {
-  userID: string;
-  remark?: string;
-  type?: typeof TUIChatEngine.TYPES.SNS_APPLICATION_AGREE | typeof TUIChatEngine.TYPES.SNS_APPLICATION_AGREE_AND_ADD;
-}
-
 export interface JoinGroupParams {
   groupID: string;
   applyMessage?: string;
-  type?: typeof TUIChatEngine.TYPES.JOIN_TYPE_FREE | typeof TUIChatEngine.TYPES.JOIN_TYPE_NEED_PERMISSION;
 }
 
-export interface GroupApplicationParams {
+export interface ContactGroupItem {
+  type: ContactItemType;
+  data: ContactItem;
+}
+
+export interface ContactGroup {
+  key: string;
+  type: ContactItemType;
+  title: string;
+  items: ContactItem[];
+  unreadCount?: number;
+  isExpanded: boolean;
+}
+
+export interface CustomGroupConfig {
+  title?: string;
+  hidden?: boolean;
+  order?: number;
+}
+
+export interface ContactGroupHeaderProps {
+  data: ContactGroup;
+  onClick: (event: MouseEvent) => void;
+}
+
+export interface ContactListProps {
+  activeContactItem?: ContactGroupItem;
+  enableSearch?: boolean;
+  groupConfig?: Partial<Record<ContactItemType, CustomGroupConfig>>;
+
+  searchPlaceholder?: string;
+  emptyText?: string;
+
+  ContactItem?: Component;
+  ContactSearchComponent?: Component;
+  GroupHeader?: Component;
+  PlaceholderEmptyList?: Component;
+
+  onContactItemClick?: (item: ContactGroupItem) => void;
+  onFriendApplicationAction?: (action: 'accept' | 'refuse', application: FriendApplication) => void;
+  onGroupApplicationAction?: (action: 'accept' | 'refuse', application: GroupApplication) => void;
+}
+
+export interface ContactInfoBaseProps {
+  showActions?: boolean;
+  onClose?: () => void;
+}
+
+export interface ContactInfoProps extends ContactInfoBaseProps {
+  contactItem?: ContactGroupItem | undefined;
+  PlaceholderEmpty?: Component;
+  FriendInfoComponent?: Component;
+  GroupInfoComponent?: Component;
+  BlacklistInfoComponent?: Component;
+  FriendApplicationInfoComponent?: Component;
+  GroupApplicationInfoComponent?: Component;
+  SearchGroupInfoComponent?: Component;
+  SearchUserInfoComponent?: Component;
+  onSendMessage?: (friend: Friend) => void;
+  onDeleteFriend?: (friend: Friend) => void;
+  onUpdateFriendRemark?: (friend: Friend, remark: string) => void;
+  onAddToBlacklist?: (friend: Friend) => void;
+  onRemoveFromBlacklist?: (profile: UserProfile) => void;
+  onEnterGroup?: (group: GroupModel) => void;
+  onLeaveGroup?: (group: GroupModel) => void;
+  onDismissGroup?: (group: GroupModel) => void;
+  onFriendApplicationAction?: (action: 'accept' | 'refuse', application: FriendApplication) => void;
+  onGroupApplicationAction?: (action: 'accept' | 'refuse', application: GroupApplication) => void;
+  onAddFriend?: (user: UserProfile, wording: string) => void;
+  onJoinGroup?: (group: GroupModel, note: string) => void;
+}
+
+export interface BlacklistInfoProps extends ContactInfoBaseProps {
+  profile: UserProfile;
+  onRemoveFromBlacklist?: (profile: UserProfile) => void;
+}
+
+export interface FriendApplicationInfoProps extends ContactInfoBaseProps {
+  application: FriendApplication;
+  onAccept?: (application: FriendApplication) => void;
+  onRefuse?: (application: FriendApplication) => void;
+}
+
+export interface FriendInfoProps extends ContactInfoBaseProps {
+  friend: Friend;
+  onSendMessage?: (friend: Friend) => void;
+  onDeleteFriend?: (friend: Friend) => void;
+  onAddToBlacklist?: (friend: Friend) => void;
+  onUpdateFriendRemark?: (friend: Friend, remark: string) => void;
+}
+
+export interface GroupApplicationInfoProps extends ContactInfoBaseProps {
   application: GroupApplication;
-  handleMessage?: string;
+  onAccept?: (application: GroupApplication) => void;
+  onRefuse?: (application: GroupApplication) => void;
+}
+
+export interface GroupInfoProps extends ContactInfoBaseProps {
+  group: GroupModel;
+  onEnterGroup?: (group: GroupModel) => void;
+  onLeaveGroup?: (group: GroupModel) => void;
+  onDismissGroup?: (group: GroupModel) => void;
+}
+
+export interface SearchGroupInfoProps extends ContactInfoBaseProps {
+  group: GroupModel;
+  onJoinGroup?: (group: GroupModel, note: string) => void;
+}
+
+export interface SearchUserInfoProps extends ContactInfoBaseProps {
+  user: UserProfile;
+  onAddFriend?: (user: UserProfile, wording: string) => void;
+}
+
+export interface ContactListItemProps {
+  contactItem: ContactGroupItem;
+  activeContactItem?: ContactGroupItem | undefined;
+  onClick?: (type: ContactItemType, item: ContactItem) => void;
+  onFriendApplicationAction?: (action: 'accept' | 'refuse', application: FriendApplication) => void;
+  onGroupApplicationAction?: (action: 'accept' | 'refuse', application: GroupApplication) => void;
+}
+
+export interface BlacklistItemProps {
+  profile: UserProfile;
+  isActive?: boolean;
+  onClick?: (profile: UserProfile) => void;
+}
+
+export interface FriendApplicationItemProps {
+  application: FriendApplication;
+  isActive?: boolean;
+  onClick?: (application: FriendApplication) => void;
+  onAction?: (action: 'accept' | 'refuse', application: FriendApplication) => void;
+}
+
+export interface FriendItemProps {
+  friend: Friend;
+  isActive?: boolean;
+  onClick?: (friend: Friend) => void;
+}
+
+export interface GroupApplicationItemProps {
+  application: GroupApplication;
+  isActive?: boolean;
+  onClick?: (application: GroupApplication) => void;
+  onAction?: (action: 'accept' | 'refuse', application: GroupApplication) => void;
+}
+
+export interface GroupItemProps {
+  group: GroupModel;
+  isActive?: boolean;
+  onClick?: (group: GroupModel) => void;
+}
+
+export interface ContactSearchProps {
+  placeholder?: string;
+  autoFocus?: boolean;
+  onResultClick?: (item: ContactGroupItem) => void;
+  onKeywordChange?: (keyword: string) => void;
 }

package/src/types/conversation.ts

@@ -1,9 +1,8 @@
-import type { Component } from 'vue';
-import type { CSSProperties } from 'vue';
-import type { CreateGroupParams } from '@tencentcloud/chat-uikit-engine';
+import type { Component, CSSProperties } from 'vue';
+import type { Friend } from './contact';
 import type { ConversationModel } from './engine';
 import type { AvatarProps } from '../components/Avatar';
-import type { Friend, UserProfile } from './contact';
+import type { CreateGroupParams } from '@tencentcloud/chat-uikit-engine';
 
 export interface ConversationListProps {
   /** Determines whether the conversation search input appears on the conversation list view. */
@@ -27,11 +26,11 @@ export interface ConversationListProps {
   /** Specifies a vue component to customize the conversation actions in conversation preview. */
   ConversationActions?: Component<ConversationActionsProps>;
   /** Specifies a vue component to display when the chat list is empty. */
-  PlaceholderEmptyList?: any;
+  PlaceholderEmptyList?: Component;
   /** Specifies a vue component to display while the chat list is loading. */
-  PlaceholderLoading?: any;
+  PlaceholderLoading?: Component;
   /** Specifies a vue component to display when there is an error loading the chat list. */
-  PlaceholderLoadError?: any;
+  PlaceholderLoadError?: Component;
   /** Specifies a vue component to customize the avatar in list. */
   Avatar?: Component<AvatarProps>;
   /** Specifies a function to filter conversations in the conversation list. */
@@ -75,11 +74,11 @@ export interface ConversationListContentProps {
   /** Indicates whether there was an error loading the chat list */
   error?: boolean;
   /** A custom component to display when the chat list is empty */
-  PlaceholderEmptyList?: any;
+  PlaceholderEmptyList?: Component;
   /** A custom component to display while the chat list is loading */
-  PlaceholderLoading?: any;
+  PlaceholderLoading?: Component;
   /** A custom component to display when there is an error loading the chat list */
-  PlaceholderLoadError?: any;
+  PlaceholderLoadError?: Component;
   /** The custom class name */
   className?: string;
   /** The custom class style */
@@ -93,18 +92,16 @@ export interface ConversationPreviewUIProps {
   isSelected?: boolean;
   /** Whether to show the ConversationActions */
   enableActions?: boolean;
-  /** The string to be highlighted in the title */
-  highlightMatchString?: string;
   /** The custom Avatar component */
   Avatar?: Component<AvatarProps>;
   /** The custom Title component */
-  Title?: string | any;
+  Title?: string | Component;
   /** The custom last message abstract component */
-  LastMessageAbstract?: string | any;
+  LastMessageAbstract?: string | Component;
   /** The custom last message abstract component */
-  LastMessageTimestamp?: string | any;
+  LastMessageTimestamp?: string | Component;
   /** The custom Unread component */
-  Unread?: string | any;
+  Unread?: string | Component;
   /** The custom ConversationActions component */
   ConversationActions?: Component<ConversationActionsProps>;
   /** Callback when the user click a conversation from conversation list */
@@ -163,9 +160,9 @@ export interface ConversationActionsConfig extends ConversationActionsBaseConfig
    */
   customConversationActions?: Record<string, ConversationActionItem>;
   /** The icon vue element to be displayed in the action popup. */
-  PopupIcon?: any;
+  PopupIcon?: Component;
   /** An array of vue elements to be displayed in the action popup. */
-  PopupElements?: any[];
+  PopupElements?: Component[];
   /** The function to be called when the action popup is clicked. */
   onClick?: (e: Event, key?: string, conversation?: ConversationModel) => void;
   /** Function to be called when the actions modal is closed (H5 only). */
@@ -182,23 +179,16 @@ export interface ConversationActionsProps extends ConversationActionsConfig {
 }
 
 export interface ConversationCreateProps {
-  visible?: boolean;
-  className?: string;
-  style?: CSSProperties;
   onBeforeCreateConversation?: (
     (params: string | CreateGroupParams) => string | CreateGroupParams
   );
   onConversationCreated?: ((conversation: ConversationModel) => void);
-  'onUpdate:visible'?: ((visible: boolean) => void);
   conversationList?: ConversationModel[];
 }
 
 export interface ConversationCreateButtonProps {
-  visible?: boolean;
-  onClick?: (event: Event) => void;
-  height?: number;
-  width?: number;
-  className?: string;
+  onClick?: (value: CreateConvTypes) => void;
+  size?: number;
 }
 
 export enum PageStateTypes {
@@ -208,37 +198,34 @@ export enum PageStateTypes {
 }
 
 export interface ConversationCreateGroupDetailProps {
-  profileList: UserProfile[];
+  profileList: Friend[];
   pageState: PageStateTypes;
+  groupInfo: CreateGroupInfo;
+  onUpdateGroupInfo: (info: CreateGroupInfo) => void;
   setPageState: (state: PageStateTypes) => void;
-  onBeforeCreateConversation?: ((params: CreateGroupParams) => void);
-  onConversationCreated?: ((conversation: ConversationModel) => void);
 }
 
-export interface ConversationCreateSelectViewProps {
-  selectList: UserProfile[];
-  setSelectList: (list: UserProfile[]) => void;
-}
-
-export interface ConversationCreateUsers {
-  [key: string]: Friend[] | UserProfile[];
+export interface ConversationCreateUserSelectListProps {
+  isCreateGroup: boolean;
+  selectList: Friend[];
+  setSelectList: (list: Friend[]) => void;
 }
 
-export interface ConversationCreateUserSelectListProps extends ConversationCreateSelectViewProps {
-  isCreateGroup: boolean;
-  setIsCreateGroup: (value: boolean) => void;
-  conversationList: ConversationModel[];
-  setPageState: (state: PageStateTypes) => void;
-  onBeforeCreateConversation?: ((userID: string) => void);
-  onConversationCreated?: ((conversation: ConversationModel) => void);
-  className?: string;
+export interface ConversationGroupTypeInfoProps {
+  groupType: GroupType;
+  setGroupType: (type: GroupType) => void;
 }
 
 export enum PlaceHolderTypes {
   LOADING = 'LOADING',
   NO_CONVERSATIONS = 'NO_CONVERSATIONS',
   WRONG = 'WRONG',
-};
+}
+
+export enum CreateConvTypes {
+  C2C = 'createC2C',
+  GROUP = 'createGroup',
+}
 
 export interface ConversationPlaceHolderProps {
   type: PlaceHolderTypes;
@@ -247,3 +234,24 @@ export interface ConversationPlaceHolderProps {
   searchString?: string;
   retry?: () => void;
 }
+
+export enum GroupLabelTypes {
+  NAME = 'name',
+  GROUP_ID = 'groupID',
+  TYPE = 'type',
+}
+
+export enum GroupType {
+  WORK = 'Private',
+  PUBLIC = 'Public',
+  MEETING = 'ChatRoom',
+  AVCHATROOM = 'AVChatRoom',
+  COMMUNITY = 'Community',
+}
+
+export interface CreateGroupInfo {
+  avatar?: string;
+  name: string;
+  groupID: string;
+  type: GroupType;
+}

package/src/types/engine.ts

@@ -1,3 +1,5 @@
+import TUIChatEngine from '@tencentcloud/chat-uikit-engine';
+
 export type {
   IConversationModel as ConversationModel,
   ISearchResult as SearchResult,
@@ -16,3 +18,16 @@ export enum SearchType {
   USER = 'user',
   GROUP = 'group',
 }
+
+export enum MessageType {
+  TEXT = TUIChatEngine.TYPES.MSG_TEXT,
+  IMAGE = TUIChatEngine.TYPES.MSG_IMAGE,
+  AUDIO = TUIChatEngine.TYPES.MSG_AUDIO,
+  VIDEO = TUIChatEngine.TYPES.MSG_VIDEO,
+  FILE = TUIChatEngine.TYPES.MSG_FILE,
+  FACE = TUIChatEngine.TYPES.MSG_FACE,
+  LOCATION = TUIChatEngine.TYPES.MSG_LOCATION,
+  GRP_TIP = TUIChatEngine.TYPES.MSG_GRP_TIP,
+  CUSTOM = TUIChatEngine.TYPES.MSG_CUSTOM,
+  MERGER = TUIChatEngine.TYPES.MSG_MERGER,
+}

package/src/types/live.ts

@@ -1,7 +1,5 @@
 // Import from local types
-import { TUISeatMode } from './types';
-import { TUISeatLayoutTemplate } from '@tencentcloud/tuiroom-engine-js';
-import type { TUILoginUserInfo, TUIVideoStreamType } from './types';
+import type { TUISeatMode, TUILoginUserInfo, TUIVideoStreamType } from './types';
 
 export type LiveInfo = {
   liveId: string;
@@ -21,7 +19,7 @@ export type LiveInfo = {
   isSeatEnabled: boolean;
   seatMode: TUISeatMode;
   maxSeatCount: number;
-  layoutTemplate: TUISeatLayoutTemplate;
+  layoutTemplate: number;
   customInfo: Record<string, any>;
 };
 
@@ -104,5 +102,5 @@ export interface UpdateLiveInfoParams {
   coverUrl?: string;
   backgroundUrl?: string;
   isPublicVisible?: boolean;
-  layoutTemplate?: TUISeatLayoutTemplate;
+  layoutTemplate?: number;
 }

package/src/types/types.ts

@@ -1886,31 +1886,3 @@ export enum TUILiveLayoutManagerEvents {
    */
   onLiveVideoLayoutListChanged = 'onLiveVideoLayoutListChanged',
 }
-
-/**
- * 直播间麦位排版模板
- *
- * @enum {Number}
- */
-const TUISeatLayoutTemplate_HACK_JSDOC = {
-  /** 横屏动态1v3 */
-  LandscapeDynamic_1v3: 200,
-  /** 竖屏动态9宫格 */
-  PortraitDynamic_Grid9: 600,
-  /** 竖屏动态1v6  */
-  PortraitDynamic_1v6: 601,
-  /** 竖屏固定9宫格 */
-  PortraitFixed_Grid9: 800,
-  /** 竖屏固定1v6 */
-  PortraitFixed_1v6: 801,
-  /** 竖屏6v6 */
-  PortraitFixed_6v6: 802,
-};
-export enum TUISeatLayoutTemplate {
-  LandscapeDynamic_1v3 = 200,
-  PortraitDynamic_Grid9 = 600,
-  PortraitDynamic_1v6 = 601,
-  PortraitFixed_Grid9 = 800,
-  PortraitFixed_1v6 = 801,
-  PortraitFixed_6v6 = 802,
-}

package/src/utils/json.ts

@@ -43,7 +43,6 @@ export function safeJSONParse<T>(
   }
 
   try {
-    // 处理一些常见的错误输入
     const trimmed = text.trim();
     if (!trimmed) {
       return defaultValue;
@@ -55,17 +54,14 @@ export function safeJSONParse<T>(
       return null as T;
     }
 
-    // 尝试解析 JSON
     const parsed = JSON.parse(trimmed, reviver);
 
-    // 验证解析结果是否为有效值
     if (parsed === undefined || parsed === null) {
       return defaultValue;
     }
 
     return parsed;
   } catch (error) {
-    console.warn('JSON parse failed:', error);
     return defaultValue;
   }
 }

package/src/utils/time.ts

@@ -1,4 +1,4 @@
-import { useUIKit, i18next } from '@tencentcloud/uikit-base-component-vue3';
+import { useUIKit } from '@tencentcloud/uikit-base-component-vue3';
 import {
   format,
   isSameWeek,
@@ -6,26 +6,23 @@ import {
   isToday,
   isYesterday,
 } from 'date-fns';
-import { zhCN, ja, ko, zhTW, enUS } from 'date-fns/locale';
+import { zhCN, enUS } from 'date-fns/locale';
 
-interface IGetTimeStampOptions {
+interface GetTimeStampOptions {
   time: number;
   language?: 'zh-CN' | 'zh-TW' | 'en-US' | 'ja-JP' | 'ko-KR' | string;
 }
 
-function getTimeStamp({ time, language = 'en-US' }: IGetTimeStampOptions) {
+function getTimeStamp({ time, language = 'en-US' }: GetTimeStampOptions) {
+  const { t } = useUIKit();
   const locales: Record<string, any> = {
     'zh-CN': zhCN,
-    'zh-TW': zhTW,
     'en-US': enUS,
-    'ja-JP': ja,
-    'ko-KR': ko,
   };
   const timeFormat = 'HH:mm';
   const locale = locales[language] || locales['en-US'];
-  const { t } = useUIKit();
 
-  const yesterdayText = t('TUIChat.Yesterday', {
+  const yesterdayText = t('MessageList.yesterday', {
     defaultValue: 'Yesterday',
   });
 
@@ -78,7 +75,8 @@ function getTimeStamp({ time, language = 'en-US' }: IGetTimeStampOptions) {
  * @returns Formatted time string
  */
 function getTimeStampAuto(time: number) {
-  return getTimeStamp({ time, language: i18next.language });
+  const { language } = useUIKit();
+  return getTimeStamp({ time, language });
 }
 
 export {

package/dist/AttachmentPicker.module-0_DWsAtr.js

@@ -1,11 +0,0 @@
-const styles = {
-  "attachment-picker": "_attachment-picker_1b1ig_1",
-  "attachment-picker__icon": "_attachment-picker__icon_1b1ig_5",
-  "attachment-picker__popup": "_attachment-picker__popup_1b1ig_8",
-  "attachment-picker--expanded": "_attachment-picker--expanded_1b1ig_18",
-  "attachment-picker__item": "_attachment-picker__item_1b1ig_22",
-  "attachment-picker__item-icon": "_attachment-picker__item-icon_1b1ig_45"
-};
-export {
-  styles as s
-};