@sendbird/uikit-react 3.7.0 → 3.8.0

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

@@ -0,0 +1,21 @@
+import { ChangeEvent, MutableRefObject, ReactElement } from 'react';
+import { User } from '@sendbird/chat';
+import './index.scss';
+export interface UserListItemProps {
+    user: User;
+    className?: string;
+    checked?: boolean;
+    checkBox?: boolean;
+    isOperator?: boolean;
+    disabled?: boolean;
+    disableMessaging?: boolean;
+    currentUser?: string;
+    action?({ actionRef, parentRef }: {
+        actionRef: MutableRefObject<any>;
+        parentRef?: MutableRefObject<any>;
+    }): ReactElement;
+    onChange?(e: ChangeEvent<HTMLInputElement>): void;
+    avatarSize?: string;
+    onClick?(): void;
+}
+export default function UserListItem({ user, className, checked, checkBox, isOperator, disabled, disableMessaging, currentUser, action, onChange, avatarSize, onClick, }: UserListItemProps): ReactElement;

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

@@ -0,0 +1,17 @@
+import './index.scss';
+import { ReactElement } from 'react';
+import type { GroupChannel, GroupChannelCreateParams } from '@sendbird/chat/groupChannel';
+import type { User } from '@sendbird/chat';
+interface Logger {
+    info?(message: string, channel: GroupChannel): void;
+}
+interface Props {
+    user: User;
+    currentUserId?: string;
+    logger?: Logger;
+    disableMessaging?: boolean;
+    createChannel?(params: GroupChannelCreateParams): Promise<GroupChannel>;
+    onSuccess?: () => void;
+}
+declare function UserProfile({ user, currentUserId, disableMessaging, onSuccess, }: Props): ReactElement;
+export default UserProfile;

package/types/ui/VoiceMessageInput/controlerIcons.d.ts

@@ -0,0 +1,7 @@
+import React from 'react';
+import { VoiceMessageInputStatus } from './types';
+export interface ControlerIconProps {
+    inputState?: VoiceMessageInputStatus;
+}
+export declare const ControlerIcon: ({ inputState, }: ControlerIconProps) => React.ReactElement;
+export default ControlerIcon;

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

@@ -0,0 +1,16 @@
+import React from 'react';
+import './index.scss';
+import { VoiceMessageInputStatus } from './types';
+export interface VoiceMessageInputProps {
+    minRecordTime?: number;
+    maximumValue: number;
+    currentValue?: number;
+    currentType: VoiceMessageInputStatus;
+    onCancelClick?: () => void;
+    onControlClick?: (type: VoiceMessageInputStatus) => void;
+    onSubmitClick?: () => void;
+    renderCancelButton?: () => React.ReactElement;
+    renderControlButton?: (type: VoiceMessageInputStatus) => React.ReactElement;
+    renderSubmitButton?: () => React.ReactElement;
+}
+export declare const VoiceMessageInput: ({ minRecordTime, maximumValue, currentValue, currentType, onCancelClick, onControlClick, onSubmitClick, renderCancelButton, renderControlButton, renderSubmitButton, }: VoiceMessageInputProps) => React.ReactElement;

package/types/ui/VoiceMessageInput/types.d.ts

@@ -0,0 +1,7 @@
+export declare const VoiceMessageInputStatus: {
+    readonly READY_TO_RECORD: "READY_TO_RECORD";
+    readonly RECORDING: "RECORDING";
+    readonly READY_TO_PLAY: "READY_TO_PLAY";
+    readonly PLAYING: "PLAYING";
+};
+export type VoiceMessageInputStatus = typeof VoiceMessageInputStatus[keyof typeof VoiceMessageInputStatus];

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

@@ -0,0 +1,12 @@
+import React from 'react';
+import { FileMessage } from '@sendbird/chat/message';
+import './index.scss';
+export interface VoiceMessageItemBodyProps {
+    className?: string;
+    message: FileMessage;
+    channelUrl: string;
+    isByMe?: boolean;
+    isReactionEnabled?: boolean;
+}
+export declare const VoiceMessageItemBody: ({ className, message, channelUrl, isByMe, isReactionEnabled, }: VoiceMessageItemBodyProps) => React.ReactElement;
+export default VoiceMessageItemBody;

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

@@ -0,0 +1,17 @@
+/// <reference types="react" />
+/**
+ * @deprecated  This component is deprecated and will be removed in the next major version.
+ * Use TextFragment instead.
+ */
+import './index.scss';
+import type { UserMessage } from '@sendbird/chat/message';
+import { StringObj } from '../../utils';
+interface WordProps {
+    word: string;
+    message: UserMessage;
+    isByMe?: boolean;
+    mentionTemplate?: string;
+    renderString?: (stringObj: StringObj) => JSX.Element;
+}
+export default function Word(props: WordProps): JSX.Element;
+export {};

package/types/utils/cloneMessage.d.ts

@@ -0,0 +1,2 @@
+import { SendableMessageType } from '.';
+export declare const cloneMessage: (msg: SendableMessageType) => SendableMessageType;

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/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 @@
+declare const _default: (px: string | number) => number;
+export default _default;

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-hKtwSqbO.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-H2I60B2B.js';
+import '../chunks/bundle-v9a1_z0P.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":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}