@sendbird/uikit-react 3.7.0 → 3.8.1

package/types/utils/color.d.ts

@@ -0,0 +1,12 @@
+import './color.scss';
+export declare enum Colors {
+    ONBACKGROUND_1 = "ONBACKGROUND_1",
+    ONBACKGROUND_2 = "ONBACKGROUND_2",
+    ONBACKGROUND_3 = "ONBACKGROUND_3",
+    ONBACKGROUND_4 = "ONBACKGROUND_4",
+    ONCONTENT_1 = "ONCONTENT_1",
+    ONCONTENT_2 = "ONCONTENT_2",
+    PRIMARY = "PRIMARY",
+    ERROR = "ERROR"
+}
+export declare const changeColorToClassName: (color: Colors) => string;

package/types/utils/compareIds.d.ts

@@ -0,0 +1 @@
+export default function compareIds(a?: number | string, b?: number | string): boolean;

package/types/utils/compressImages.d.ts

@@ -0,0 +1,11 @@
+import { ImageCompressionOptions } from '../lib/Sendbird';
+import { Logger } from '../lib/SendbirdState';
+export interface CompressImagesParams {
+    files: File[];
+    imageCompression: ImageCompressionOptions;
+    logger?: Logger;
+}
+export declare const compressImages: ({ files, logger, imageCompression, }: CompressImagesParams) => Promise<{
+    failedIndexes: number[];
+    compressedFiles: File[];
+}>;

package/types/utils/consts.d.ts

@@ -0,0 +1,23 @@
+export declare const SCROLL_BUFFER = 10;
+export declare const VOICE_RECORDER_CLICK_BUFFER_TIME = 250;
+export declare const VOICE_RECORDER_DEFAULT_MIN = 1000;
+export declare const VOICE_RECORDER_DEFAULT_MAX = 600000;
+export declare const VOICE_RECORDER_AUDIO_BIT_RATE = 12000;
+export declare const VOICE_RECORDER_AUDIO_SAMPLE_RATE = 11025;
+export declare const BROWSER_SUPPORT_MIME_TYPE_LIST: string[];
+export declare const VOICE_PLAYER_PLAYBACK_BUFFER = 0.01;
+export declare const VOICE_PLAYER_DURATION_MIN_SIZE = 1000;
+/**
+ * Append Audio element to the root
+ * because I can't get the Audio element in the useEffect unmount scope
+ */
+export declare const VOICE_PLAYER_ROOT_ID = "sendbird-voice-player-provider-root";
+export declare const VOICE_PLAYER_AUDIO_ID = "sendbird-global-audio-player-id";
+export declare const VOICE_MESSAGE_FILE_NAME = "Voice_message.mp3";
+export declare const VOICE_MESSAGE_MIME_TYPE = "audio/mp3;sbu_type=voice";
+export declare const META_ARRAY_VOICE_DURATION_KEY = "KEY_VOICE_MESSAGE_DURATION";
+export declare const META_ARRAY_MESSAGE_TYPE_KEY = "KEY_INTERNAL_MESSAGE_TYPE";
+export declare const META_ARRAY_MESSAGE_TYPE_VALUE__VOICE = "voice/mp3";
+export declare const DELIVERY_RECEIPT = "delivery_receipt";
+export declare const SLIDER_BUTTON_ICON_SIDE_LENGTH = "32px";
+export declare const DEFAULT_MULTIPLE_FILES_MESSAGE_LIMIT = 10;

package/types/utils/createStatefulFileInfoList.d.ts

@@ -0,0 +1,11 @@
+import { MultipleFilesMessage } from '@sendbird/chat/message';
+import { Thumbnail } from '@sendbird/chat/lib/__definition';
+export type StatefulFileInfo = {
+    fileName?: string;
+    fileSize?: number;
+    mimeType?: string;
+    thumbnails?: Thumbnail[];
+    url?: string;
+    isUploaded?: boolean;
+};
+export declare function createStatefulFileInfoList(message: MultipleFilesMessage, oldStatefulFileInfoList: StatefulFileInfo[]): StatefulFileInfo[];

package/types/utils/exports/getOutgoingMessageState.d.ts

@@ -0,0 +1,13 @@
+import { GroupChannel } from '@sendbird/chat/groupChannel';
+import { OpenChannel } from '@sendbird/chat/openChannel';
+import { Nullable } from '../../types';
+import { CoreMessageType } from '../index';
+export declare enum OutgoingMessageStates {
+    NONE = "NONE",
+    PENDING = "PENDING",
+    SENT = "SENT",
+    FAILED = "FAILED",
+    DELIVERED = "DELIVERED",
+    READ = "READ"
+}
+export declare const getOutgoingMessageState: (channel: Nullable<GroupChannel | OpenChannel>, message: CoreMessageType) => string;

package/types/utils/getIsReactionEnabled.d.ts

@@ -0,0 +1,11 @@
+/**
+ * This function helps consider the every condition
+ * related to enabling emoji reaction feature.
+ */
+export interface IsReactionEnabledProps {
+    isBroadcast?: boolean;
+    isSuper?: boolean;
+    globalLevel?: boolean;
+    moduleLevel?: boolean;
+}
+export declare function getIsReactionEnabled({ isBroadcast, isSuper, globalLevel, moduleLevel, }: IsReactionEnabledProps): boolean;

package/types/utils/index.d.ts

@@ -0,0 +1,142 @@
+import SendbirdChat, { Emoji, EmojiContainer, User } from '@sendbird/chat';
+import { GroupChannel, SendbirdGroupChat, GroupChannelListQuery } from '@sendbird/chat/groupChannel';
+import { AdminMessage, BaseMessage, FileMessage, MessageListParams, MultipleFilesMessage, Reaction, UploadedFileInfo, UserMessage } from '@sendbird/chat/message';
+import { OpenChannel, SendbirdOpenChat } from '@sendbird/chat/openChannel';
+import { Nullable, EveryMessage } from '../types';
+export declare const SUPPORTED_MIMES: {
+    IMAGE: string[];
+    VIDEO: string[];
+    AUDIO: string[];
+    DOCUMENT: string[];
+    APPLICATION: string[];
+};
+export declare const getMimeTypesUIKitAccepts: (acceptableMimeTypes?: Array<string>) => string;
+export interface UIKitMessageTypes {
+    ADMIN: 'ADMIN';
+    TEXT: 'TEXT';
+    FILE: 'FILE';
+    MULTIPLE_FILES: 'MULTIPLE_FILES';
+    THUMBNAIL: 'THUMBNAIL';
+    OG: 'OG';
+    UNKNOWN: 'UNKNOWN';
+}
+export declare const UIKitMessageTypes: UIKitMessageTypes;
+export interface UIKitFileTypes {
+    IMAGE: 'IMAGE';
+    AUDIO: 'AUDIO';
+    VIDEO: 'VIDEO';
+    GIF: 'GIF';
+    VOICE: 'VOICE';
+    OTHERS: 'OTHERS';
+}
+export declare const UIKitFileTypes: UIKitFileTypes;
+export interface SendingMessageStatus {
+    NONE: 'none';
+    SUCCEEDED: 'succeeded';
+    FAILED: 'failed';
+    PENDING: 'pending';
+}
+declare const SendingMessageStatus: SendingMessageStatus;
+export type CoreMessageType = AdminMessage | UserMessage | FileMessage | MultipleFilesMessage;
+export type SendableMessageType = UserMessage | FileMessage | MultipleFilesMessage;
+export declare const isTextuallyNull: (text: string) => boolean;
+export declare const isImage: (type: string) => boolean;
+export declare const isVideo: (type: string) => boolean;
+export declare const isGif: (type: string) => boolean;
+export declare const isSupportedFileView: (type: string) => boolean;
+export declare const isAudio: (type: string) => boolean;
+export declare const getUIKitFileTypes: () => UIKitFileTypes;
+export declare const getUIKitFileType: (type: string) => string;
+export declare const isSentMessage: (message: SendableMessageType) => boolean;
+export declare const isDeliveredMessage: (channel: GroupChannel, message: SendableMessageType) => boolean;
+export declare const isReadMessage: (channel: GroupChannel, message: SendableMessageType) => boolean;
+export declare const isFailedMessage: (message: SendableMessageType) => boolean;
+export declare const isPendingMessage: (message: SendableMessageType) => boolean;
+export declare const isSentStatus: (state: string) => boolean;
+export declare const isAdminMessage: (message: CoreMessageType) => boolean;
+export declare const isUserMessage: (message: CoreMessageType) => boolean;
+export declare const isFileMessage: (message: CoreMessageType) => boolean;
+export declare const isMultipleFilesMessage: (message: CoreMessageType) => boolean;
+export declare const isParentMessage: (message: CoreMessageType) => boolean;
+export declare const isThreadMessage: (message: CoreMessageType) => boolean;
+export declare const isOGMessage: (message: SendableMessageType) => boolean;
+export declare const isTextMessage: (message: SendableMessageType) => boolean;
+export declare const isThumbnailMessage: (message: SendableMessageType) => boolean;
+export declare const isImageMessage: (message: SendableMessageType) => boolean;
+export declare const isImageFileInfo: (fileInfo: UploadedFileInfo) => boolean;
+export declare const isVideoMessage: (message: SendableMessageType) => boolean;
+export declare const isGifMessage: (message: SendableMessageType) => boolean;
+export declare const isAudioMessage: (message: FileMessage) => boolean;
+export declare const isAudioMessageMimeType: (type: string) => boolean;
+export declare const isVoiceMessageMimeType: (type: string) => boolean;
+export declare const isVoiceMessage: (message: Nullable<SendableMessageType>) => boolean;
+export declare const isEditedMessage: (message: CoreMessageType) => boolean;
+export declare const isEnabledOGMessage: (message: UserMessage) => boolean;
+export declare const getUIKitMessageTypes: () => UIKitMessageTypes;
+/**
+ * Do not use this for MultipleFilesMessage. Use isMultipleFilesMessage() instead.
+ */
+export declare const getUIKitMessageType: (message: CoreMessageType) => string;
+/**
+ * @deprecated use SendingStatus of @sendbird/chat instead
+ * */
+export declare const getSendingMessageStatus: () => SendingMessageStatus;
+export declare const getClassName: (classNames: string | Array<string | Array<string>>) => string;
+export declare const isReactedBy: (userId: string, reaction: Reaction) => boolean;
+interface StringSet {
+    TOOLTIP__YOU: string;
+    TOOLTIP__AND_YOU: string;
+    TOOLTIP__UNKNOWN_USER: string;
+}
+export declare const getEmojiTooltipString: (reaction: Reaction, userId: string, memberNicknamesMap: Map<string, string>, stringSet: StringSet) => string;
+interface UIKitStore {
+    stores: {
+        sdkStore: {
+            sdk: SendbirdChat | SendbirdOpenChat | SendbirdGroupChat;
+        };
+        userStore: {
+            user: User;
+        };
+    };
+    config: {
+        isReactionEnabled: boolean;
+    };
+}
+export declare const getCurrentUserId: (store: UIKitStore) => string;
+export declare const getUseReaction: (store: UIKitStore, channel: GroupChannel | OpenChannel) => boolean;
+export declare function getSuggestedReplies(message?: EveryMessage): string[];
+export declare const isMessageSentByMe: (userId: string, message: SendableMessageType) => boolean;
+export declare const isUrl: (text: string) => boolean;
+export declare const isMentionedText: (text: string) => boolean;
+export declare const truncateString: (fullStr: string, strLen?: number) => string;
+export declare const copyToClipboard: (text: string) => boolean;
+export declare const getEmojiListAll: (emojiContainer: EmojiContainer) => Array<Emoji>;
+export declare const getEmojiMapAll: (emojiContainer: EmojiContainer) => Map<string, Emoji>;
+export declare const getEmojiUrl: (emojiContainer?: EmojiContainer, emojiKey?: string) => string;
+export declare const getUserName: (user: User) => string;
+export declare const getSenderName: (message: SendableMessageType) => string;
+export declare const hasSameMembers: <T>(a: T[], b: T[]) => boolean;
+export declare const isFriend: (user: Nullable<User>) => boolean;
+export declare const filterMessageListParams: (params: MessageListParams, message: SendableMessageType) => boolean;
+export declare const filterChannelListParams: (params: GroupChannelListQuery, channel: GroupChannel, currentUserId: string) => boolean;
+export declare const binarySearch: (list: Array<number>, number: number) => number;
+export declare const getChannelsWithUpsertedChannel: (channels: Array<GroupChannel>, channel: GroupChannel) => Array<GroupChannel>;
+export declare const getMatchedUserIds: (word: string, users: Array<User>, _template?: string) => boolean;
+export declare enum StringObjType {
+    normal = "normal",
+    mention = "mention",
+    url = "url"
+}
+export interface StringObj {
+    type: StringObjType;
+    value: string;
+    userId?: string;
+}
+/**
+ * @deprecated
+ * use modules/message/utils/tokenize instead
+ */
+export declare const convertWordToStringObj: (word: string, _users: Array<User>, _template?: string) => Array<StringObj>;
+export declare const arrayEqual: (array1: Array<unknown>, array2: Array<unknown>) => boolean;
+export declare const isSendableMessage: (message?: BaseMessage | null) => message is SendableMessageType;
+export {};

package/types/utils/isVoiceMessage.d.ts

@@ -0,0 +1 @@
+export declare const isVoiceMessage: (message: import("./index").SendableMessageType) => boolean;

package/types/utils/numberToPx.d.ts

@@ -0,0 +1,2 @@
+declare const _default: (value: string | number) => string;
+export default _default;

package/types/utils/openChannelUtils.d.ts

@@ -0,0 +1,44 @@
+import type { User } from '@sendbird/chat';
+import type { UserMessage } from '@sendbird/chat/message';
+import { SendableMessageType } from './index';
+export declare const getSenderFromMessage: (message: SendableMessageType) => User;
+export declare const checkIsSent: (status: string) => boolean;
+export declare const checkIsPending: (status: string) => boolean;
+export declare const checkIsFailed: (status: string) => boolean;
+export declare const checkIsByMe: (message: SendableMessageType, userId: string) => boolean;
+interface isFineCopyParams {
+    message: UserMessage;
+    status: string;
+    userId: string;
+}
+export declare const isFineCopy: ({ message }: isFineCopyParams) => boolean;
+interface isFineResendParams {
+    message: SendableMessageType;
+    status: string;
+    userId: string;
+}
+export declare const isFineResend: ({ message, status, userId }: isFineResendParams) => boolean;
+interface isFineEditParams {
+    message: SendableMessageType;
+    status: string;
+    userId: string;
+}
+export declare const isFineEdit: ({ message, status, userId }: isFineEditParams) => boolean;
+interface isFineDeleteParams {
+    message: SendableMessageType;
+    status: string;
+    userId: string;
+}
+export declare const isFineDelete: ({ message, userId }: isFineDeleteParams) => boolean;
+interface IsFineDownloadParams {
+    message: SendableMessageType;
+    status: string;
+}
+export declare const isFineDownload: ({ message, status }: IsFineDownloadParams) => boolean;
+interface showMenuTriggerParams {
+    message: SendableMessageType;
+    status: string;
+    userId: string;
+}
+export declare const showMenuTrigger: (props: showMenuTriggerParams) => boolean;
+export {};

package/types/utils/pxToNumber.d.ts

@@ -0,0 +1,2 @@
+export declare const pxToNumber: (px: string | number) => number;
+export default pxToNumber;

package/types/utils/testMocks/error.d.ts

@@ -0,0 +1,9 @@
+export interface MockErrorType {
+    code: number;
+}
+/**
+ * We can add a policy for the mock instances
+ */
+export declare const mockError: {
+    code: number;
+};

package/types/utils/testMocks/message.d.ts

@@ -0,0 +1,23 @@
+export declare enum MockMessageStateType {
+    PENDING = "PENDING",
+    FAILED = "FAILED",
+    SUCCEEDED = "SUCCEEDED",
+    SENT = "SENT"
+}
+export interface MockMessageType {
+    messageId: 0;
+    mockMessageType: MockMessageStateType;
+}
+export declare const mockPendingMessage: {
+    mockMessageType: MockMessageStateType;
+};
+export declare const mockFailedMessage: {
+    mockMessageType: MockMessageStateType;
+};
+export declare const mockSucceededMessage: {
+    mockMessageType: MockMessageStateType;
+};
+export declare const mockSentMessage: {
+    messageId: number;
+    mockMessageType: MockMessageStateType;
+};

package/types/utils/testMocks/messageRequestHandler.d.ts

@@ -0,0 +1,15 @@
+import { FileInfo } from '@sendbird/chat/message';
+import { MockErrorType } from './error';
+import { MockMessageType } from './message';
+type OnPendingCallbackType = (pendingMessage: MockMessageType) => void;
+type OnFailedCallbackType = (error: MockErrorType, failedMessage: MockMessageType) => void;
+type OnSucceededCallbackType = (succeededMessage: MockMessageType) => void;
+type OnFileUploadedCallbackType = (requestId: number, index: number, fileInfo: FileInfo, error: MockErrorType) => void;
+export type MockMessageRequestHandlerType = {
+    onPending: (callback?: OnPendingCallbackType) => MockMessageRequestHandlerType;
+    onFailed: (callback?: OnFailedCallbackType) => MockMessageRequestHandlerType;
+    onSucceeded: (callback?: OnSucceededCallbackType) => MockMessageRequestHandlerType;
+    onFileUploaded: (callback?: OnFileUploadedCallbackType) => MockMessageRequestHandlerType;
+};
+export declare function getMockMessageRequestHandler(isForSucceeded?: boolean): MockMessageRequestHandlerType;
+export {};

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

@@ -0,0 +1,16 @@
+/**
+ * Converts an object to an enum
+ * @param obj
+ * @returns {ObjectValues<typeof obj>}
+ *
+ * const LOG_LEVEL = {
+ *  INFO: 'INFO',
+ *  WARN: 'WARN',
+ *  ERROR: 'ERROR',
+ * } as const;
+ * type logLevel = ObjectValues<typeof LOG_LEVEL>;
+ * both of the below options are valid
+ * const logLevel: logLevel = LOG_LEVEL.INFO;
+ * const logLevel: logLevel = 'INFO';
+* */
+export type ObjectValues<T> = T[keyof T];

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

@@ -0,0 +1,14 @@
+/**
+ * PartialDeep enables partial deep cloning of objects or nested objects.
+ * It recursively makes the properties of the given type optional,
+ * allowing partial modification at any level of nesting.
+ *
+ * Use case:
+ * When working with complex data structures, selectively modify properties of an object
+ * while maintaining the original structure and values.
+ *
+ * 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 : {
+    [P in keyof T]?: PartialDeep<T[P]>;
+} : T;

package/types/utils/typeHelpers/reducers/createAction.d.ts

@@ -0,0 +1,17 @@
+/**
+ * CreateAction
+ * @param T - the payload types { [K]: T[K]}
+ * @returns the union of all the payload as actionTypes { type: K, payload: T[K] }
+ * Note, recommend to keep the payload as optional if the payload is null
+ * Note, keep a const object of the action types to avoid typos
+ * see README.md for more info
+ */
+export type CreateAction<T> = {
+    [K in keyof T]: T[K] extends null ? {
+        type: K;
+        payload?: null;
+    } : {
+        type: K;
+        payload: T[K];
+    };
+}[keyof T];

package/types/utils/useDidMountEffect.d.ts

@@ -0,0 +1,2 @@
+declare const useDidMountEffect: (func: () => void, deps: Array<unknown>) => void;
+export default useDidMountEffect;

package/types/utils/utils.d.ts

@@ -0,0 +1,10 @@
+import { SendableMessageType } from './index';
+export declare const noop: () => void;
+export declare const getSenderProfileUrl: (message: SendableMessageType) => string;
+export declare const getSenderName: (message: SendableMessageType) => string;
+export declare const isAboutSame: (a: number, b: number, px: number) => boolean;
+declare const _default: {
+    getSenderName: (message: SendableMessageType) => string;
+    getSenderProfileUrl: (message: SendableMessageType) => string;
+};
+export default _default;

package/types/utils/uuid.d.ts

@@ -0,0 +1,2 @@
+export declare const uuidv4: () => string;
+export default uuidv4;

package/ui/Accordion.js

@@ -1,59 +1,46 @@
-import { c as __spreadArray } from '../tslib.es6-c2fb729e.js';
+import { a as __spreadArray } from '../chunks/bundle-AVOWwEQ4.js';
 import React__default, { useState } from 'react';
 import Icon, { IconTypes } from './Icon.js';
 import AccordionGroup$1 from './AccordionGroup.js';
-import { C as Consumer } from '../context-729493c4.js';
-import 'prop-types';
-import '../utils-6c50a6d1.js';
+import { C as Consumer } from '../chunks/bundle-ndy1oWfZ.js';
+import '../chunks/bundle-FQAabli1.js';
 
-function Accordion(_a) {
-  var className = _a.className,
-    id = _a.id,
-    renderTitle = _a.renderTitle,
-    renderContent = _a.renderContent,
-    renderFooter = _a.renderFooter;
-  var _b = useState(false),
-    showAccordion = _b[0],
-    setShowAccordion = _b[1];
-  return /*#__PURE__*/React__default.createElement(Consumer, null,
-  // Function is considered like a react component
-  function (value) {
-    var opened = value.opened,
-      setOpened = value.setOpened; // props from Provider
-    if (id === opened) {
-      setShowAccordion(true);
-    } else {
-      setShowAccordion(false);
-    }
-    var handleClick = function () {
-      if (showAccordion) {
-        setOpened('');
-      } else {
-        setOpened(id);
-      }
-    };
-    return /*#__PURE__*/React__default.createElement(React__default.Fragment, null, /*#__PURE__*/React__default.createElement("div", {
-      className: __spreadArray(__spreadArray([], Array.isArray(className) ? className : [className], true), ['sendbird-accordion__panel-header'], false).join(' '),
-      id: id,
-      role: "switch",
-      "aria-checked": false,
-      onClick: handleClick,
-      onKeyDown: handleClick,
-      tabIndex: 0
-    }, renderTitle(), /*#__PURE__*/React__default.createElement(Icon, {
-      type: IconTypes.CHEVRON_RIGHT,
-      className: ['sendbird-accordion__panel-icon-right', 'sendbird-accordion__panel-icon--chevron', showAccordion ? 'sendbird-accordion__panel-icon--open' : ''].join(' '),
-      height: "24px",
-      width: "24px"
-    })), showAccordion && /*#__PURE__*/React__default.createElement("div", {
-      className: "sendbird-accordion"
-    }, /*#__PURE__*/React__default.createElement("div", {
-      className: "sendbird-accordion__list"
-    }, renderContent()), renderFooter && /*#__PURE__*/React__default.createElement("div", {
-      className: "sendbird-accordion__footer"
-    }, renderFooter())));
-  });
-}
+function Accordion(_a) {
+    var className = _a.className, id = _a.id, renderTitle = _a.renderTitle, renderContent = _a.renderContent, renderFooter = _a.renderFooter;
+    var _b = useState(false), showAccordion = _b[0], setShowAccordion = _b[1];
+    return (React__default.createElement(Consumer, null, 
+    // Function is considered like a react component
+    function (value) {
+        var opened = value.opened, setOpened = value.setOpened; // props from Provider
+        if (id === opened) {
+            setShowAccordion(true);
+        }
+        else {
+            setShowAccordion(false);
+        }
+        var handleClick = function () {
+            if (showAccordion) {
+                setOpened('');
+            }
+            else {
+                setOpened(id);
+            }
+        };
+        return (React__default.createElement(React__default.Fragment, null,
+            React__default.createElement("div", { className: __spreadArray(__spreadArray([], (Array.isArray(className) ? className : [className]), true), [
+                    'sendbird-accordion__panel-header',
+                ], false).join(' '), id: id, role: "switch", "aria-checked": false, onClick: handleClick, onKeyDown: handleClick, tabIndex: 0 },
+                renderTitle(),
+                React__default.createElement(Icon, { type: IconTypes.CHEVRON_RIGHT, className: [
+                        'sendbird-accordion__panel-icon-right',
+                        'sendbird-accordion__panel-icon--chevron',
+                        (showAccordion ? 'sendbird-accordion__panel-icon--open' : ''),
+                    ].join(' '), height: "24px", width: "24px" })),
+            showAccordion && (React__default.createElement("div", { className: "sendbird-accordion" },
+                React__default.createElement("div", { className: "sendbird-accordion__list" }, renderContent()),
+                renderFooter && (React__default.createElement("div", { className: "sendbird-accordion__footer" }, renderFooter()))))));
+    }));
+}
 var AccordionGroup = AccordionGroup$1;
 
 export { AccordionGroup, Accordion as default };

package/ui/Accordion.js.map

@@ -1 +1 @@
-{"version":3,"file":"Accordion.js","sources":["../../src/ui/Accordion/index.tsx"],"sourcesContent":["import React, { ReactElement, useState } from 'react';\n\nimport './index.scss';\n\nimport Icon, { IconTypes } from '../Icon';\nimport AccordionGroup_ from './AccordionGroup';\nimport { Consumer } from './context';\n\ninterface Props {\n  className?: string | Array<string>;\n  id: string;\n  renderTitle(): ReactElement;\n  renderContent(): ReactElement;\n  renderFooter?(): ReactElement;\n}\n\nexport default function Accordion({\n  className,\n  id,\n  renderTitle,\n  renderContent,\n  renderFooter,\n}: Props): ReactElement {\n  const [showAccordion, setShowAccordion] = useState(false);\n  return (\n    <Consumer>\n      {\n        // Function is considered like a react component\n        (value) => {\n          const { opened, setOpened } = value; // props from Provider\n          if (id === opened) {\n            setShowAccordion(true);\n          } else {\n            setShowAccordion(false);\n          }\n          const handleClick = () => {\n            if (showAccordion) {\n              setOpened('');\n            } else {\n              setOpened(id);\n            }\n          };\n          return (\n            <>\n              <div\n                className={[\n                  ...(Array.isArray(className) ? className : [className]),\n                  'sendbird-accordion__panel-header',\n                ].join(' ')}\n                id={id}\n                role=\"switch\"\n                aria-checked={false}\n                onClick={handleClick}\n                onKeyDown={handleClick}\n                tabIndex={0}\n              >\n                { renderTitle() }\n                <Icon\n                  type={IconTypes.CHEVRON_RIGHT}\n                  className={[\n                    'sendbird-accordion__panel-icon-right',\n                    'sendbird-accordion__panel-icon--chevron',\n                    (showAccordion ? 'sendbird-accordion__panel-icon--open' : ''),\n                  ].join(' ')}\n                  height=\"24px\"\n                  width=\"24px\"\n                />\n              </div>\n              {\n                showAccordion && (\n                  <div className=\"sendbird-accordion\">\n                    <div className=\"sendbird-accordion__list\">\n                      { renderContent() }\n                    </div>\n                    {\n                      renderFooter && (\n                        <div className=\"sendbird-accordion__footer\">\n                          { renderFooter() }\n                        </div>\n                      )\n                    }\n                  </div>\n                )\n              }\n            </>);\n        }\n      }\n    </Consumer>\n  );\n}\n\nexport const AccordionGroup = AccordionGroup_;\n"],"names":["Accordion","_a","className","id","renderTitle","renderContent","renderFooter","_b","useState","showAccordion","setShowAccordion","React","createElement","Consumer","value","opened","setOpened","handleClick","Fragment","__spreadArray","Array","isArray","join","role","onClick","onKeyDown","tabIndex","Icon","type","IconTypes","CHEVRON_RIGHT","height","width","AccordionGroup","AccordionGroup_"],"mappings":";;;;;;;;AAgBwB,SAAAA,SAASA,CAACC,EAM1B,EAAA;AALN,EAAA,IAAAC,SAAS,GAAAD,EAAA,CAAAC,SAAA;IACTC,EAAE,GAAAF,EAAA,CAAAE,EAAA;IACFC,WAAW,GAAAH,EAAA,CAAAG,WAAA;IACXC,aAAa,GAAAJ,EAAA,CAAAI,aAAA;IACbC,YAAY,GAAAL,EAAA,CAAAK,YAAA,CAAA;AAEN,EAAA,IAAAC,EAAA,GAAoCC,QAAQ,CAAC,KAAK,CAAC;AAAlDC,IAAAA,aAAa,GAAAF,EAAA,CAAA,CAAA,CAAA;AAAEG,IAAAA,gBAAgB,GAAAH,EAAA,CAAA,CAAA,CAAmB,CAAA;AACzD,EAAA,oBACEI,cAAA,CAAAC,aAAA,CAACC,QAAQ,EAAA,IAAA;AAEL;AACA,EAAA,UAACC,KAAK,EAAA;AACI,IAAA,IAAAC,MAAM,GAAgBD,KAAK,CAArBC,MAAA;AAAEC,MAAAA,SAAS,GAAKF,KAAK,CAAAE,SAAV,CAAW;IACpC,IAAIb,EAAE,KAAKY,MAAM,EAAE;MACjBL,gBAAgB,CAAC,IAAI,CAAC,CAAA;AACvB,KAAA,MAAM;MACLA,gBAAgB,CAAC,KAAK,CAAC,CAAA;AACxB,KAAA;AACD,IAAA,IAAMO,WAAW,GAAG,YAAA;AAClB,MAAA,IAAIR,aAAa,EAAE;QACjBO,SAAS,CAAC,EAAE,CAAC,CAAA;AACd,OAAA,MAAM;QACLA,SAAS,CAACb,EAAE,CAAC,CAAA;AACd,OAAA;KACF,CAAA;IACD,oBACEQ,cAAA,CAAAC,aAAA,CAAAD,cAAA,CAAAO,QAAA,EAAA,IAAA,eACEP,cAAA,CAAAC,aAAA,CAAA,KAAA,EAAA;AACEV,MAAAA,SAAS,EAAEiB,aACN,CAAAA,aAAA,CAAA,EAAA,EAACC,KAAK,CAACC,OAAO,CAACnB,SAAS,CAAC,GAAGA,SAAS,GAAG,CAACA,SAAS,CAAC,EAAC,IAAA,CAAA,EAAA,CACvD,kCAAkC,CAClC,EAAA,KAAA,CAAA,CAAAoB,IAAI,CAAC,GAAG,CAAE;AACZnB,MAAAA,EAAE,EAAEA,EAAG;AACPoB,MAAAA,IAAI,EAAC,QAAQ;AACb,MAAA,cAAA,EAAc,KAAM;AACpBC,MAAAA,OAAO,EAAEP,WAAY;AACrBQ,MAAAA,SAAS,EAAER,WAAY;AACvBS,MAAAA,QAAQ,EAAE,CAAA;KAERtB,EAAAA,WAAW,EAAE,eACfO,cAAA,CAAAC,aAAA,CAACe,IAAI,EAAA;MACHC,IAAI,EAAEC,SAAS,CAACC,aAAc;AAC9B5B,MAAAA,SAAS,EAAE,CACT,sCAAsC,EACtC,yCAAyC,EACxCO,aAAa,GAAG,sCAAsC,GAAG,EAAE,CAC7D,CAACa,IAAI,CAAC,GAAG,CAAE;AACZS,MAAAA,MAAM,EAAC,MAAM;AACbC,MAAAA,KAAK,EAAC,MAAA;AAAM,KAEhB,CAAK,CACL,EACEvB,aAAa,iBACXE,cAAA,CAAAC,aAAA,CAAA,KAAA,EAAA;AAAKV,MAAAA,SAAS,EAAC,oBAAA;KACbS,eAAAA,cAAA,CAAAC,aAAA,CAAA,KAAA,EAAA;AAAKV,MAAAA,SAAS,EAAC,0BAAA;KACXG,EAAAA,aAAa,EACZ,CACL,EACEC,YAAY,iBACVK,cAAA,CAAAC,aAAA,CAAA,KAAA,EAAA;AAAKV,MAAAA,SAAS,EAAC,4BAAA;AAA4B,KAAA,EACvCI,YAAY,EACX,CAGN,CAGX,CAAG,CAAA;AACP,GAEM,CAAC,CAAA;AAEf,CAAA;AAEO,IAAM2B,cAAc,GAAGC;;;;"}
+{"version":3,"file":"Accordion.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}

package/ui/AccordionGroup.js

@@ -1,23 +1,14 @@
 import React__default, { useState } from 'react';
-import { P as Provider } from '../context-729493c4.js';
-import '../utils-6c50a6d1.js';
+import { P as Provider } from '../chunks/bundle-ndy1oWfZ.js';
+import '../chunks/bundle-FQAabli1.js';
 
-// Wraps all the accordions in an accordion set
-function AccordionGroup(_a) {
-  var children = _a.children,
-    _b = _a.className,
-    className = _b === void 0 ? '' : _b;
-  var _c = useState(''),
-    opened = _c[0],
-    setOpened = _c[1];
-  return /*#__PURE__*/React__default.createElement(Provider, {
-    value: {
-      opened: opened,
-      setOpened: setOpened
-    }
-  }, /*#__PURE__*/React__default.createElement("div", {
-    className: className
-  }, children));
+// Wraps all the accordions in an accordion set
+// keep one accordion open at a time
+function AccordionGroup(_a) {
+    var children = _a.children, _b = _a.className, className = _b === void 0 ? '' : _b;
+    var _c = useState(''), opened = _c[0], setOpened = _c[1];
+    return (React__default.createElement(Provider, { value: { opened: opened, setOpened: setOpened } },
+        React__default.createElement("div", { className: className }, children)));
 }
 
 export { AccordionGroup as default };

package/ui/AccordionGroup.js.map

@@ -1 +1 @@
-{"version":3,"file":"AccordionGroup.js","sources":["../../src/ui/Accordion/AccordionGroup.tsx"],"sourcesContent":["// Wraps all the accordions in an accordion set\n// keep one accordion open at a time\nimport React, { ReactElement, useState } from 'react';\n\nimport { Provider } from './context';\n\ninterface Props {\n  children: Array<ReactElement> | ReactElement;\n  className?: string;\n}\n\nexport default function AccordionGroup({\n  children,\n  className = '',\n}: Props): ReactElement {\n  const [opened, setOpened] = useState('');\n  return (\n    <Provider value={{ opened, setOpened }}>\n      <div className={className}>{ children }</div>\n    </Provider>\n  );\n}\n"],"names":["AccordionGroup","_a","children","_b","className","_c","useState","opened","setOpened","React","createElement","Provider","value"],"mappings":";;;;AAAA;AAWwB,SAAAA,cAAcA,CAACC,EAG/B,EAAA;AAFN,EAAA,IAAAC,QAAQ,cAAA;IACRC,EAAA,GAAAF,EAAA,CAAAG,SAAc;IAAdA,SAAS,GAAAD,EAAA,KAAA,KAAA,CAAA,GAAG,EAAE,GAAAA,EAAA,CAAA;AAER,EAAA,IAAAE,EAAA,GAAsBC,QAAQ,CAAC,EAAE,CAAC;AAAjCC,IAAAA,MAAM,GAAAF,EAAA,CAAA,CAAA,CAAA;AAAEG,IAAAA,SAAS,GAAAH,EAAA,CAAA,CAAA,CAAgB,CAAA;AACxC,EAAA,oBACEI,cAAA,CAAAC,aAAA,CAACC,QAAQ,EAAA;AAACC,IAAAA,KAAK,EAAE;AAAEL,MAAAA,MAAM,QAAA;AAAEC,MAAAA,SAAS,EAAAA,SAAAA;AAAA,KAAA;GAClCC,eAAAA,cAAA,CAAAC,aAAA,CAAA,KAAA,EAAA;AAAKN,IAAAA,SAAS,EAAEA,SAAAA;GAAaF,EAAAA,QAAe,CACpC,CAAC,CAAA;AAEf;;;;"}
+{"version":3,"file":"AccordionGroup.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;"}

package/ui/AdminMessage.js

@@ -1,24 +1,18 @@
-import { c as __spreadArray } from '../tslib.es6-c2fb729e.js';
+import { a as __spreadArray } from '../chunks/bundle-AVOWwEQ4.js';
 import React__default from 'react';
-import { L as Label, a as LabelTypography, b as LabelColors } from '../index-92741c7e.js';
-import 'prop-types';
-import '../stringSet-6422c6b9.js';
+import { L as Label, a as LabelTypography, b as LabelColors } from '../chunks/bundle-lDOyfwhb.js';
+import '../chunks/bundle-4zdVdGkr.js';
 
-function AdminMessage(_a) {
-  var _b;
-  var _c = _a.className,
-    className = _c === void 0 ? '' : _c,
-    message = _a.message;
-  if (!((message === null || message === void 0 ? void 0 : message.isAdminMessage) || (message === null || message === void 0 ? void 0 : message.messageType)) || !((_b = message === null || message === void 0 ? void 0 : message.isAdminMessage) === null || _b === void 0 ? void 0 : _b.call(message)) || (message === null || message === void 0 ? void 0 : message.messageType) !== 'admin') {
-    return null;
-  }
-  return /*#__PURE__*/React__default.createElement("div", {
-    className: __spreadArray(__spreadArray([], Array.isArray(className) ? className : [className], true), ['sendbird-admin-message'], false).join(' ')
-  }, /*#__PURE__*/React__default.createElement(Label, {
-    className: "sendbird-admin-message__text",
-    type: LabelTypography.CAPTION_2,
-    color: LabelColors.ONBACKGROUND_2
-  }, message === null || message === void 0 ? void 0 : message.message));
+function AdminMessage(_a) {
+    var _b;
+    var _c = _a.className, className = _c === void 0 ? '' : _c, message = _a.message;
+    if (!((message === null || message === void 0 ? void 0 : message.isAdminMessage) || (message === null || message === void 0 ? void 0 : message.messageType)) || !((_b = message === null || message === void 0 ? void 0 : message.isAdminMessage) === null || _b === void 0 ? void 0 : _b.call(message)) || (message === null || message === void 0 ? void 0 : message.messageType) !== 'admin') {
+        return null;
+    }
+    return (React__default.createElement("div", { className: __spreadArray(__spreadArray([], (Array.isArray(className) ? className : [className]), true), [
+            'sendbird-admin-message',
+        ], false).join(' ') },
+        React__default.createElement(Label, { className: "sendbird-admin-message__text", type: LabelTypography.CAPTION_2, color: LabelColors.ONBACKGROUND_2 }, message === null || message === void 0 ? void 0 : message.message)));
 }
 
 export { AdminMessage as default };

package/ui/AdminMessage.js.map

@@ -1 +1 @@
-{"version":3,"file":"AdminMessage.js","sources":["../../src/ui/AdminMessage/index.tsx"],"sourcesContent":["import React, { ReactElement } from 'react';\nimport { AdminMessage as AdminMessageType } from '@sendbird/chat/message';\n\nimport './index.scss';\nimport Label, { LabelColors, LabelTypography } from '../Label';\n\ninterface AdminMessageProps {\n  className?: string | Array<string>;\n  message: AdminMessageType;\n}\n\nexport default function AdminMessage({\n  className = '',\n  message,\n}: AdminMessageProps): ReactElement {\n  if (!(message?.isAdminMessage || message?.messageType) || !message?.isAdminMessage?.() || message?.messageType !== 'admin') {\n    return null;\n  }\n  return (\n    <div\n      className={[\n        ...(Array.isArray(className) ? className : [className]),\n        'sendbird-admin-message',\n      ].join(' ')}\n    >\n      <Label\n        className=\"sendbird-admin-message__text\"\n        type={LabelTypography.CAPTION_2}\n        color={LabelColors.ONBACKGROUND_2}\n      >\n        {message?.message}\n      </Label>\n    </div>\n  );\n}\n"],"names":["AdminMessage","_a","_c","className","message","isAdminMessage","messageType","_b","React","createElement","__spreadArray","Array","isArray","join","Label","type","LabelTypography","CAPTION_2","color","LabelColors","ONBACKGROUND_2"],"mappings":";;;;;;AAWwB,SAAAA,YAAYA,CAACC,EAGjB,EAAA;;AAFlB,EAAA,IAAAC,EAAA,GAAAD,EAAA,CAAAE,SAAc;IAAdA,SAAS,GAAAD,EAAA,KAAA,KAAA,CAAA,GAAG,EAAE,GAAAA,EAAA;IACdE,OAAO,GAAAH,EAAA,CAAAG,OAAA,CAAA;EAEP,IAAI,EAAE,CAAAA,OAAO,aAAPA,OAAO,KAAA,KAAA,CAAA,GAAA,KAAA,CAAA,GAAPA,OAAO,CAAEC,cAAc,MAAID,OAAO,KAAA,IAAA,IAAPA,OAAO,KAAP,KAAA,CAAA,GAAA,KAAA,CAAA,GAAAA,OAAO,CAAEE,WAAW,CAAA,CAAC,IAAI,EAAC,CAAAC,EAAA,GAAAH,OAAO,aAAPA,OAAO,KAAA,KAAA,CAAA,GAAA,KAAA,CAAA,GAAPA,OAAO,CAAEC,cAAc,uDAAI,CAAA,IAAI,CAAAD,OAAO,KAAA,IAAA,IAAPA,OAAO,KAAP,KAAA,CAAA,GAAA,KAAA,CAAA,GAAAA,OAAO,CAAEE,WAAW,MAAK,OAAO,EAAE;AAC1H,IAAA,OAAO,IAAI,CAAA;AACZ,GAAA;EACD,oBACEE,cAAA,CAAAC,aAAA,CAAA,KAAA,EAAA;AACEN,IAAAA,SAAS,EAAEO,aAAA,CAAAA,aAAA,CAAA,EAAA,EACLC,KAAK,CAACC,OAAO,CAACT,SAAS,CAAC,GAAGA,SAAS,GAAG,CAACA,SAAS,CAAC,EAAC,IAAA,CAAA,EAAA,CACvD,wBAAwB,CACxB,EAAA,KAAA,CAAA,CAAAU,IAAI,CAAC,GAAG,CAAA;AAAE,GAAA,eAEZL,cAAA,CAAAC,aAAA,CAACK,KAAK,EAAA;AACJX,IAAAA,SAAS,EAAC,8BAA8B;IACxCY,IAAI,EAAEC,eAAe,CAACC,SAAU;IAChCC,KAAK,EAAEC,WAAW,CAACC,cAAAA;AAAe,GAAA,EAEjChB,OAAO,KAAP,IAAA,IAAAA,OAAO,uBAAPA,OAAO,CAAEA,OACL,CACJ,CAAC,CAAA;AAEV;;;;"}
+{"version":3,"file":"AdminMessage.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;"}