@sendbird/uikit-react 3.8.2 → 3.9.0

package/types/ui/TypingIndicatorBubble/index.d.ts

@@ -0,0 +1,12 @@
+/// <reference types="react" />
+import { Member } from '@sendbird/chat/groupChannel';
+export interface TypingIndicatorBubbleProps {
+    typingMembers: Member[];
+    handleScroll?: (isBottomMessageAffected?: boolean) => void;
+}
+export interface AvatarStackProps {
+    sources: string[];
+    max: number;
+}
+declare const TypingIndicatorBubble: (props: TypingIndicatorBubbleProps) => JSX.Element;
+export default TypingIndicatorBubble;

package/types/utils/typeHelpers/partialDeep.d.ts

@@ -9,6 +9,6 @@
  *
  * Brought the simplified idea from https://github.com/sindresorhus/type-fest/blob/main/source/partial-deep.d.ts
  * */
-export type PartialDeep<T> = T extends object ? T extends (...args: any[]) => any ? T : {
+export type PartialDeep<T> = T extends object ? T extends Set<unknown> ? T : T extends (...args: any[]) => any ? T : {
     [P in keyof T]?: PartialDeep<T[P]>;
 } : T;

package/ui/Accordion.js

@@ -1,9 +1,9 @@
-import { a as __spreadArray } from '../chunks/bundle-HUCZoqot.js';
+import { a as __spreadArray } from '../chunks/bundle-Y6TqPszM.js';
 import React__default, { useState } from 'react';
 import Icon, { IconTypes } from './Icon.js';
 import AccordionGroup$1 from './AccordionGroup.js';
-import { C as Consumer } from '../chunks/bundle-2zaLibl-.js';
-import '../chunks/bundle-fBRojj0w.js';
+import { C as Consumer } from '../chunks/bundle-967zXkjf.js';
+import '../chunks/bundle-JhG5BHdE.js';
 
 function Accordion(_a) {
     var className = _a.className, id = _a.id, renderTitle = _a.renderTitle, renderContent = _a.renderContent, renderFooter = _a.renderFooter;

package/ui/AccordionGroup.js

@@ -1,6 +1,6 @@
 import React__default, { useState } from 'react';
-import { P as Provider } from '../chunks/bundle-2zaLibl-.js';
-import '../chunks/bundle-fBRojj0w.js';
+import { P as Provider } from '../chunks/bundle-967zXkjf.js';
+import '../chunks/bundle-JhG5BHdE.js';
 
 // Wraps all the accordions in an accordion set
 // keep one accordion open at a time

package/ui/AdminMessage.js

@@ -1,7 +1,7 @@
-import { a as __spreadArray } from '../chunks/bundle-HUCZoqot.js';
+import { a as __spreadArray } from '../chunks/bundle-Y6TqPszM.js';
 import React__default from 'react';
-import { L as Label, a as LabelTypography, b as LabelColors } from '../chunks/bundle-qJVzRD5Y.js';
-import '../chunks/bundle-JGL7ecyE.js';
+import { L as Label, a as LabelTypography, b as LabelColors } from '../chunks/bundle-0IelBspE.js';
+import '../chunks/bundle-JuKER7D_.js';
 
 function AdminMessage(_a) {
     var _b;

package/ui/Avatar.js

@@ -1,8 +1,9 @@
-import '../chunks/bundle-HUCZoqot.js';
+import '../chunks/bundle-Y6TqPszM.js';
 import 'react';
 import './ImageRenderer.js';
+import '../chunks/bundle-8VA5hO1c.js';
+export { b as AvatarInner, A as default } from '../chunks/bundle-Tep20T57.js';
+import '../chunks/bundle-2AUp3oeN.js';
 import './Icon.js';
-import '../chunks/bundle-LutukB6f.js';
-export { a as AvatarInner, A as default } from '../chunks/bundle-cTKDcBXH.js';
-import '../chunks/bundle-fBRojj0w.js';
+import '../chunks/bundle-JhG5BHdE.js';
 //# sourceMappingURL=Avatar.js.map

package/ui/Avatar.js.map

@@ -1 +1 @@
-{"version":3,"file":"Avatar.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;"}
+{"version":3,"file":"Avatar.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;"}

package/ui/Badge.js

@@ -1,9 +1,9 @@
-import { a as __spreadArray } from '../chunks/bundle-HUCZoqot.js';
+import { a as __spreadArray } from '../chunks/bundle-Y6TqPszM.js';
 import React__default, { useContext } from 'react';
-import { L as Label, a as LabelTypography, b as LabelColors } from '../chunks/bundle-qJVzRD5Y.js';
-import { L as LocalizationContext } from '../chunks/bundle-1O7rPYFy.js';
-import '../chunks/bundle-JGL7ecyE.js';
-import '../chunks/bundle-FxBVAeu9.js';
+import { L as Label, a as LabelTypography, b as LabelColors } from '../chunks/bundle-0IelBspE.js';
+import { L as LocalizationContext } from '../chunks/bundle-Xly_X4hP.js';
+import '../chunks/bundle-JuKER7D_.js';
+import '../chunks/bundle-xgxXEKxk.js';
 
 function Badge(_a) {
     var count = _a.count, _b = _a.maxLevel, maxLevel = _b === void 0 ? 2 : _b, _c = _a.className, className = _c === void 0 ? '' : _c;

package/ui/BottomSheet.js

@@ -1,17 +1,17 @@
 import React__default, { useRef } from 'react';
 import { createPortal } from 'react-dom';
 import '../hooks/useModal.js';
-import { a as MODAL_ROOT } from '../chunks/bundle-mg_7Exot.js';
-import '../chunks/bundle-HUCZoqot.js';
-import '../chunks/bundle-qReOreYH.js';
-import '../chunks/bundle-fBRojj0w.js';
-import '../chunks/bundle-1O7rPYFy.js';
-import '../chunks/bundle-JGL7ecyE.js';
-import '../chunks/bundle-FxBVAeu9.js';
-import '../chunks/bundle-nB9Rk0Vg.js';
+import { a as MODAL_ROOT } from '../chunks/bundle-5JvP07dI.js';
+import '../chunks/bundle-Y6TqPszM.js';
+import '../chunks/bundle-zz1eCYds.js';
+import '../chunks/bundle-JhG5BHdE.js';
+import '../chunks/bundle-Xly_X4hP.js';
+import '../chunks/bundle-JuKER7D_.js';
+import '../chunks/bundle-xgxXEKxk.js';
+import '../chunks/bundle-Mn36ivpf.js';
 import './IconButton.js';
 import './Button.js';
-import '../chunks/bundle-qJVzRD5Y.js';
+import '../chunks/bundle-0IelBspE.js';
 import './Icon.js';
 
 var BottomSheet = function (props) {

package/ui/Button.js

@@ -1,7 +1,7 @@
-import { a as __spreadArray } from '../chunks/bundle-HUCZoqot.js';
+import { a as __spreadArray } from '../chunks/bundle-Y6TqPszM.js';
 import React__default from 'react';
-import { L as Label, a as LabelTypography, b as LabelColors } from '../chunks/bundle-qJVzRD5Y.js';
-import '../chunks/bundle-JGL7ecyE.js';
+import { L as Label, a as LabelTypography, b as LabelColors } from '../chunks/bundle-0IelBspE.js';
+import '../chunks/bundle-JuKER7D_.js';
 
 var ButtonTypes;
 (function (ButtonTypes) {

package/ui/ChannelAvatar.js

@@ -1,11 +1,12 @@
 import React__default, { useMemo } from 'react';
-import { A as Avatar } from '../chunks/bundle-cTKDcBXH.js';
+import { A as Avatar } from '../chunks/bundle-Tep20T57.js';
 import Icon, { IconTypes, IconColors } from './Icon.js';
-import { g as generateDefaultAvatar, a as getChannelAvatarSource } from '../chunks/bundle-ybonwZPt.js';
-import '../chunks/bundle-HUCZoqot.js';
+import { g as generateDefaultAvatar, a as getChannelAvatarSource } from '../chunks/bundle-dJBzT033.js';
+import '../chunks/bundle-Y6TqPszM.js';
 import './ImageRenderer.js';
-import '../chunks/bundle-LutukB6f.js';
-import '../chunks/bundle-fBRojj0w.js';
+import '../chunks/bundle-8VA5hO1c.js';
+import '../chunks/bundle-2AUp3oeN.js';
+import '../chunks/bundle-JhG5BHdE.js';
 
 function ChannelAvatar(_a) {
     var channel = _a.channel, userId = _a.userId, theme = _a.theme, _b = _a.width, width = _b === void 0 ? 56 : _b, _c = _a.height, height = _c === void 0 ? 56 : _c;

package/ui/ChannelAvatar.js.map

@@ -1 +1 @@
-{"version":3,"file":"ChannelAvatar.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}
+{"version":3,"file":"ChannelAvatar.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}

package/ui/ConnectionStatus.js

@@ -1,11 +1,11 @@
 import React__default, { useContext } from 'react';
 import Icon, { IconTypes, IconColors } from './Icon.js';
-import { L as Label, a as LabelTypography, b as LabelColors } from '../chunks/bundle-qJVzRD5Y.js';
-import { L as LocalizationContext } from '../chunks/bundle-1O7rPYFy.js';
-import '../chunks/bundle-HUCZoqot.js';
-import '../chunks/bundle-fBRojj0w.js';
-import '../chunks/bundle-JGL7ecyE.js';
-import '../chunks/bundle-FxBVAeu9.js';
+import { L as Label, a as LabelTypography, b as LabelColors } from '../chunks/bundle-0IelBspE.js';
+import { L as LocalizationContext } from '../chunks/bundle-Xly_X4hP.js';
+import '../chunks/bundle-Y6TqPszM.js';
+import '../chunks/bundle-JhG5BHdE.js';
+import '../chunks/bundle-JuKER7D_.js';
+import '../chunks/bundle-xgxXEKxk.js';
 
 function ConnectionStatus() {
     var stringSet = useContext(LocalizationContext).stringSet;

package/ui/ContextMenu.js

@@ -1,13 +1,13 @@
 import React__default, { useState, useRef, useEffect } from 'react';
-import { b as __extends, _ as __assign } from '../chunks/bundle-HUCZoqot.js';
+import { d as __extends, _ as __assign } from '../chunks/bundle-Y6TqPszM.js';
 import { createPortal } from 'react-dom';
 import SortByRow from './SortByRow.js';
-import { n as getClassName } from '../chunks/bundle-UW-TqfsF.js';
-import { L as Label, a as LabelTypography, b as LabelColors } from '../chunks/bundle-qJVzRD5Y.js';
-import '../chunks/bundle-LutukB6f.js';
+import { n as getClassName } from '../chunks/bundle-ZT6XnGSN.js';
+import { L as Label, a as LabelTypography, b as LabelColors } from '../chunks/bundle-0IelBspE.js';
+import '../chunks/bundle-8VA5hO1c.js';
 import '../utils/message/getOutgoingMessageState.js';
-import '../chunks/bundle-qReOreYH.js';
-import '../chunks/bundle-JGL7ecyE.js';
+import '../chunks/bundle-zz1eCYds.js';
+import '../chunks/bundle-JuKER7D_.js';
 
 // padding to handle height of last item in message-list
 var HEIGHT_PADDING = 60;

package/ui/DateSeparator.js

@@ -1,8 +1,8 @@
-import { a as __spreadArray } from '../chunks/bundle-HUCZoqot.js';
+import { a as __spreadArray } from '../chunks/bundle-Y6TqPszM.js';
 import React__default from 'react';
-import { C as Colors, c as changeColorToClassName } from '../chunks/bundle-8Ct4JuXG.js';
-import { L as Label, a as LabelTypography, b as LabelColors } from '../chunks/bundle-qJVzRD5Y.js';
-import '../chunks/bundle-JGL7ecyE.js';
+import { C as Colors, c as changeColorToClassName } from '../chunks/bundle-LhtrqZSE.js';
+import { L as Label, a as LabelTypography, b as LabelColors } from '../chunks/bundle-0IelBspE.js';
+import '../chunks/bundle-JuKER7D_.js';
 
 var DateSeparator = function (_a) {
     var _b = _a.children, children = _b === void 0 ? null : _b, _c = _a.className, className = _c === void 0 ? '' : _c, _d = _a.separatorColor, separatorColor = _d === void 0 ? Colors.ONBACKGROUND_4 : _d;

package/ui/EmojiReactions.js

@@ -4,37 +4,38 @@ import ReactionButton from './ReactionButton.js';
 import ImageRenderer from './ImageRenderer.js';
 import Icon, { IconTypes, IconColors } from './Icon.js';
 import ContextMenu, { EmojiListItems } from './ContextMenu.js';
-import { O as getEmojiUrl, P as isReactedBy, Q as getEmojiTooltipString, p as getEmojiListAll, R as getEmojiMapAll, n as getClassName } from '../chunks/bundle-UW-TqfsF.js';
+import { O as getEmojiUrl, P as isReactedBy, Q as getEmojiTooltipString, p as getEmojiListAll, R as getEmojiMapAll, n as getClassName } from '../chunks/bundle-ZT6XnGSN.js';
 import BottomSheet from './BottomSheet.js';
-import { L as Label, a as LabelTypography, b as LabelColors } from '../chunks/bundle-qJVzRD5Y.js';
+import { L as Label, a as LabelTypography, b as LabelColors } from '../chunks/bundle-0IelBspE.js';
 import UserListItem from './UserListItem.js';
-import { _ as __assign } from '../chunks/bundle-HUCZoqot.js';
+import { _ as __assign } from '../chunks/bundle-Y6TqPszM.js';
 import Tooltip from './Tooltip.js';
 import TooltipWrapper from './TooltipWrapper.js';
-import { u as useMediaQueryContext } from '../chunks/bundle-nB9Rk0Vg.js';
-import { u as useLongPress } from '../chunks/bundle-HTP_W562.js';
-import { L as LocalizationContext } from '../chunks/bundle-1O7rPYFy.js';
+import { u as useMediaQueryContext } from '../chunks/bundle-Mn36ivpf.js';
+import { u as useLongPress } from '../chunks/bundle-cJc3JBZb.js';
+import { L as LocalizationContext } from '../chunks/bundle-Xly_X4hP.js';
 import { useSendbirdStateContext } from '../useSendbirdStateContext.js';
 import { useMessageContext } from '../Message/context.js';
-import '../chunks/bundle-JGL7ecyE.js';
-import '../chunks/bundle-fBRojj0w.js';
+import '../chunks/bundle-JuKER7D_.js';
+import '../chunks/bundle-JhG5BHdE.js';
 import 'react-dom';
 import './SortByRow.js';
-import '../chunks/bundle-LutukB6f.js';
+import '../chunks/bundle-8VA5hO1c.js';
 import '../utils/message/getOutgoingMessageState.js';
-import '../chunks/bundle-qReOreYH.js';
+import '../chunks/bundle-zz1eCYds.js';
 import '../hooks/useModal.js';
-import '../chunks/bundle-mg_7Exot.js';
+import '../chunks/bundle-5JvP07dI.js';
 import './IconButton.js';
 import './Button.js';
-import '../chunks/bundle-FxBVAeu9.js';
-import '../chunks/bundle-5WxplyP9.js';
-import '../chunks/bundle-cTKDcBXH.js';
+import '../chunks/bundle-xgxXEKxk.js';
+import '../chunks/bundle-3WQuaADd.js';
+import '../chunks/bundle-Tep20T57.js';
+import '../chunks/bundle-2AUp3oeN.js';
 import './MutedAvatarOverlay.js';
 import './Checkbox.js';
 import './UserProfile.js';
 import '../sendbirdSelectors.js';
-import '../chunks/bundle-Ey2KFn-R.js';
+import '../chunks/bundle-7x4clnC7.js';
 import '../withSendbird.js';
 
 var ReactedMembersBottomSheet = function (_a) {

package/ui/EmojiReactions.js.map

@@ -1 +1 @@
-{"version":3,"file":"EmojiReactions.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}
+{"version":3,"file":"EmojiReactions.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}

package/ui/FileMessageItemBody.js

@@ -1,15 +1,15 @@
 import React__default from 'react';
-import { L as Label, a as LabelTypography, b as LabelColors } from '../chunks/bundle-qJVzRD5Y.js';
+import { L as Label, a as LabelTypography, b as LabelColors } from '../chunks/bundle-0IelBspE.js';
 import Icon, { IconTypes, IconColors } from './Icon.js';
 import TextButton from './TextButton.js';
-import { n as getClassName, u as getUIKitFileType, v as truncateString } from '../chunks/bundle-UW-TqfsF.js';
-import { C as Colors } from '../chunks/bundle-8Ct4JuXG.js';
-import { u as useMediaQueryContext } from '../chunks/bundle-nB9Rk0Vg.js';
-import '../chunks/bundle-HUCZoqot.js';
-import '../chunks/bundle-JGL7ecyE.js';
-import '../chunks/bundle-fBRojj0w.js';
+import { n as getClassName, u as getUIKitFileType, v as truncateString } from '../chunks/bundle-ZT6XnGSN.js';
+import { C as Colors } from '../chunks/bundle-LhtrqZSE.js';
+import { u as useMediaQueryContext } from '../chunks/bundle-Mn36ivpf.js';
+import '../chunks/bundle-Y6TqPszM.js';
+import '../chunks/bundle-JuKER7D_.js';
+import '../chunks/bundle-JhG5BHdE.js';
 import '../utils/message/getOutgoingMessageState.js';
-import '../chunks/bundle-qReOreYH.js';
+import '../chunks/bundle-zz1eCYds.js';
 
 function FileMessageItemBody(_a) {
     var _b;

package/ui/FileViewer.js

@@ -1,23 +1,24 @@
-import '../chunks/bundle-HUCZoqot.js';
+import '../chunks/bundle-Y6TqPszM.js';
 import 'react';
 import 'react-dom';
-import '../chunks/bundle-1O7rPYFy.js';
+import '../chunks/bundle-Xly_X4hP.js';
 import '../hooks/useModal.js';
-import '../chunks/bundle-UW-TqfsF.js';
-import '../chunks/bundle-fBRojj0w.js';
-import '../chunks/bundle-cTKDcBXH.js';
-import '../chunks/bundle-qJVzRD5Y.js';
+import '../chunks/bundle-ZT6XnGSN.js';
+import '../chunks/bundle-JhG5BHdE.js';
+import '../chunks/bundle-Tep20T57.js';
+import '../chunks/bundle-0IelBspE.js';
 import './Icon.js';
-export { b as FileViewerComponent, F as default } from '../chunks/bundle-u_gMIDNK.js';
-import '../chunks/bundle-mg_7Exot.js';
-import '../chunks/bundle-JGL7ecyE.js';
-import '../chunks/bundle-FxBVAeu9.js';
-import '../chunks/bundle-qReOreYH.js';
-import '../chunks/bundle-nB9Rk0Vg.js';
+export { b as FileViewerComponent, F as default } from '../chunks/bundle-LTnLzJFb.js';
+import '../chunks/bundle-5JvP07dI.js';
+import '../chunks/bundle-JuKER7D_.js';
+import '../chunks/bundle-xgxXEKxk.js';
+import '../chunks/bundle-zz1eCYds.js';
+import '../chunks/bundle-Mn36ivpf.js';
 import './IconButton.js';
 import './Button.js';
 import '../utils/message/getOutgoingMessageState.js';
 import './ImageRenderer.js';
-import '../chunks/bundle-LutukB6f.js';
-import '../chunks/bundle-fRhlDZge.js';
+import '../chunks/bundle-8VA5hO1c.js';
+import '../chunks/bundle-2AUp3oeN.js';
+import '../chunks/bundle-Sk3SXXP7.js';
 //# sourceMappingURL=FileViewer.js.map

package/ui/FileViewer.js.map

@@ -1 +1 @@
-{"version":3,"file":"FileViewer.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;"}
+{"version":3,"file":"FileViewer.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;"}

package/ui/Icon.js

@@ -1,7 +1,7 @@
-import { a as __spreadArray } from '../chunks/bundle-HUCZoqot.js';
+import { a as __spreadArray } from '../chunks/bundle-Y6TqPszM.js';
 import * as React from 'react';
 import React__default from 'react';
-import { n as noop } from '../chunks/bundle-fBRojj0w.js';
+import { n as noop } from '../chunks/bundle-JhG5BHdE.js';
 
 /* eslint-disable no-redeclare */
 var Types = {
@@ -885,13 +885,11 @@ function _extends$7() { _extends$7 = Object.assign ? Object.assign.bind() : func
 var SvgIconSlideLeft = function SvgIconSlideLeft(props) {
   return /*#__PURE__*/React.createElement("svg", _extends$7({
     xmlns: "http://www.w3.org/2000/svg",
-    width: 32,
-    height: 32,
-    fill: "none"
+    fill: "none",
+    viewBox: "0 0 32 32"
   }, props), _path$5 || (_path$5 = /*#__PURE__*/React.createElement("path", {
-    fill: "#000",
-    fillRule: "evenodd",
     d: "M21.943 24.39a1.333 1.333 0 0 1-1.886 1.886l-9.333-9.333a1.333 1.333 0 0 1 0-1.886l9.333-9.333a1.333 1.333 0 1 1 1.886 1.885L13.553 16l8.39 8.391Z",
+    className: "icon-slide-left_svg__fill",
     clipRule: "evenodd"
   })));
 };