@sendbird/uikit-react 3.7.0-rc.1 → 3.8.0

package/chunks/bundle-_YRJ7d9_.js.map

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

package/chunks/bundle-_qiqf8_l.js

@@ -0,0 +1,14 @@
+var isEmpty = function (val) { return (val === null || val === undefined); };
+// Some Ids return string and number inconsistently
+// only use to compare IDs
+function compareIds(a, b) {
+    if (isEmpty(a) || isEmpty(b)) {
+        return false;
+    }
+    var aString = a.toString();
+    var bString = b.toString();
+    return aString === bString;
+}
+
+export { compareIds as c };
+//# sourceMappingURL=bundle-_qiqf8_l.js.map

package/chunks/bundle-_qiqf8_l.js.map

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

package/chunks/bundle-bJrywUB-.js

@@ -0,0 +1,233 @@
+import { a as __spreadArray } from './bundle-hKtwSqbO.js';
+import React__default, { useContext, useState, useEffect, useRef, useCallback } from 'react';
+import Button, { ButtonTypes, ButtonSizes } from '../ui/Button.js';
+import ContextMenu, { MenuItems, MenuItem } from '../ui/ContextMenu.js';
+import Icon, { IconTypes, IconColors } from '../ui/Icon.js';
+import IconButton from '../ui/IconButton.js';
+import { L as Label, a as LabelTypography, b as LabelColors } from './bundle-wMgBBDf9.js';
+import { L as LocalizationContext } from './bundle-v0OWADVv.js';
+import { a as UserProfileContext } from './bundle-ubky9D9H.js';
+import './bundle-H2I60B2B.js';
+import Avatar from '../ui/Avatar.js';
+import 'react-dom';
+import './bundle-x-4ukZm_.js';
+import MutedAvatarOverlay from '../ui/MutedAvatarOverlay.js';
+import UserProfile from '../ui/UserProfile.js';
+import { useOpenChannelSettingsContext } from '../OpenChannelSettings/context.js';
+import '../withSendbird.js';
+import { M as Modal } from './bundle-rLxuFUa1.js';
+import UserListItem$1 from '../ui/UserListItem.js';
+import { n as noop } from './bundle-v9a1_z0P.js';
+import { useSendbirdStateContext } from '../useSendbirdStateContext.js';
+
+function ParticipantsModal(_a) {
+    var _b, _c, _d;
+    var onCancel = _a.onCancel;
+    var state = useSendbirdStateContext();
+    var channel = useOpenChannelSettingsContext().channel;
+    var stringSet = useContext(LocalizationContext).stringSet;
+    var _e = useState([]), participants = _e[0], setParticipants = _e[1];
+    var _f = useState(null), participantListQuery = _f[0], setParticipantListQuery = _f[1];
+    var userId = (_b = state === null || state === void 0 ? void 0 : state.config) === null || _b === void 0 ? void 0 : _b.userId;
+    var sdk = (_d = (_c = state === null || state === void 0 ? void 0 : state.stores) === null || _c === void 0 ? void 0 : _c.sdkStore) === null || _d === void 0 ? void 0 : _d.sdk;
+    var isOperatorView = channel === null || channel === void 0 ? void 0 : channel.isOperator(userId);
+    useEffect(function () {
+        if (!channel || !(channel === null || channel === void 0 ? void 0 : channel.createParticipantListQuery)) {
+            return;
+        }
+        var participantListQuery = channel === null || channel === void 0 ? void 0 : channel.createParticipantListQuery({});
+        setParticipantListQuery(participantListQuery);
+        participantListQuery.next().then(function (participantList) {
+            setParticipants(participantList);
+        });
+    }, []);
+    return (React__default.createElement("div", null,
+        React__default.createElement(Modal, { hideFooter: true, isFullScreenOnMobile: true, onCancel: function () { return onCancel(); }, onSubmit: noop, titleText: stringSet.OPEN_CHANNEL_SETTINGS__ALL_PARTICIPANTS_TITLE },
+            React__default.createElement("div", { className: "sendbird-more-members__popup-scroll", onScroll: function (e) {
+                    var hasNext = participantListQuery.hasNext;
+                    var target = e.target;
+                    var fetchMore = (target.clientHeight + target.scrollTop === target.scrollHeight);
+                    if (hasNext && fetchMore) {
+                        participantListQuery.next().then(function (fetchedParticipants) {
+                            setParticipants(__spreadArray(__spreadArray([], participants, true), fetchedParticipants, true));
+                        });
+                    }
+                } }, participants.map(function (p) {
+                var _a;
+                var isOperator = channel === null || channel === void 0 ? void 0 : channel.isOperator(p.userId);
+                return (React__default.createElement(UserListItem$1, { user: p, key: p.userId, currentUser: (_a = sdk === null || sdk === void 0 ? void 0 : sdk.currentUser) === null || _a === void 0 ? void 0 : _a.userId, action: (userId !== p.userId && isOperatorView)
+                        ? function (_a) {
+                            var actionRef = _a.actionRef, parentRef = _a.parentRef;
+                            return (React__default.createElement(ContextMenu, { menuTrigger: function (toggleDropdown) { return (React__default.createElement(IconButton, { className: "sendbird-user-message__more__menu", width: "32px", height: "32px", onClick: toggleDropdown },
+                                    React__default.createElement(Icon, { width: "24px", height: "24px", type: IconTypes.MORE, fillColor: IconColors.CONTENT_INVERSE }))); }, menuItems: function (closeDropdown) { return (React__default.createElement(MenuItems, { parentContainRef: parentRef, parentRef: actionRef, closeDropdown: closeDropdown, openLeft: true },
+                                    React__default.createElement(MenuItem, { onClick: function () {
+                                            if (isOperator) {
+                                                channel === null || channel === void 0 ? void 0 : channel.removeOperators([p.userId]).then(function () {
+                                                    closeDropdown();
+                                                });
+                                            }
+                                            else {
+                                                channel === null || channel === void 0 ? void 0 : channel.addOperators([p.userId]).then(function () {
+                                                    closeDropdown();
+                                                });
+                                            }
+                                        }, dataSbId: "open_channel_setting_participant_context_menu_".concat((isOperator) ? 'unregister_operator' : 'register_as_operator') }, isOperator
+                                        ? stringSet.OPEN_CHANNEL_SETTING__MODERATION__UNREGISTER_OPERATOR
+                                        : stringSet.OPEN_CHANNEL_SETTING__MODERATION__REGISTER_AS_OPERATOR),
+                                    React__default.createElement(MenuItem, { onClick: function () {
+                                            if (p.isMuted) {
+                                                channel === null || channel === void 0 ? void 0 : channel.unmuteUser(p).then(function () {
+                                                    closeDropdown();
+                                                });
+                                            }
+                                            else {
+                                                channel === null || channel === void 0 ? void 0 : channel.muteUser(p).then(function () {
+                                                    closeDropdown();
+                                                });
+                                            }
+                                        }, dataSbId: "open_channel_setting_participant_context_menu_".concat(p.isMuted ? 'unmute' : 'mute') }, p.isMuted
+                                        ? stringSet.OPEN_CHANNEL_SETTING__MODERATION__UNMUTE
+                                        : stringSet.OPEN_CHANNEL_SETTING__MODERATION__MUTE),
+                                    React__default.createElement(MenuItem, { onClick: function () {
+                                            channel === null || channel === void 0 ? void 0 : channel.banUser(p).then(function () {
+                                                closeDropdown();
+                                            });
+                                        }, dataSbId: "open_channel_setting_participant_context_menu_ban" }, stringSet.OPEN_CHANNEL_SETTING__MODERATION__BAN))); } }));
+                        }
+                        : null }));
+            })))));
+}
+
+var UserListItem = function (_a) {
+    var user = _a.user, currentUser = _a.currentUser, isOperator = _a.isOperator, action = _a.action;
+    var avatarRef = useRef(null);
+    var actionRef = useRef(null);
+    var _b = useContext(UserProfileContext), disableUserProfile = _b.disableUserProfile, renderUserProfile = _b.renderUserProfile;
+    var stringSet = useContext(LocalizationContext).stringSet;
+    return (React__default.createElement("div", { className: "sendbird-participants-accordion__member" },
+        React__default.createElement("div", { className: "sendbird-participants-accordion__member-avatar" },
+            React__default.createElement(ContextMenu, { menuTrigger: function (toggleDropdown) { return (React__default.createElement(React__default.Fragment, null,
+                    React__default.createElement(Avatar, { className: "sendbird-participants-accordion__member-avatar__avatar", onClick: function () {
+                            if (!disableUserProfile) {
+                                toggleDropdown();
+                            }
+                        }, ref: avatarRef, src: user.profileUrl, width: 24, height: 24 }),
+                    (user === null || user === void 0 ? void 0 : user.isMuted) ? (React__default.createElement(MutedAvatarOverlay, null)) : '')); }, menuItems: function (closeDropdown) { return (React__default.createElement(MenuItems, { openLeft: true, parentRef: avatarRef, 
+                    // for catching location(x, y) of MenuItems
+                    parentContainRef: avatarRef, 
+                    // for toggling more options(menus & reactions)
+                    closeDropdown: closeDropdown, style: { paddingTop: '0px', paddingBottom: '0px' } }, renderUserProfile
+                    ? renderUserProfile({
+                        user: user,
+                        currentUserId: currentUser,
+                        close: closeDropdown,
+                    })
+                    : (React__default.createElement(UserProfile, { disableMessaging: true, user: user, currentUserId: currentUser, onSuccess: closeDropdown })))); } })),
+        React__default.createElement(Label, { className: "sendbird-participants-accordion__member__title", type: LabelTypography.SUBTITLE_2, color: LabelColors.ONBACKGROUND_1 },
+            user.nickname || stringSet.NO_NAME,
+            (currentUser === user.userId) && (stringSet.OPEN_CHANNEL_SETTINGS__MEMBERS__YOU)),
+        !user.nickname && (React__default.createElement(Label, { className: "sendbird-participants-accordion__member__title user-id", type: LabelTypography.CAPTION_3, color: LabelColors.ONBACKGROUND_2 }, user.userId)),
+        isOperator && (React__default.createElement(Label, { className: "sendbird-participants-accordion__member__title\n                ".concat((user === null || user === void 0 ? void 0 : user.userId) !== currentUser ? 'operator' : '', "\n                ").concat((user === null || user === void 0 ? void 0 : user.userId) === currentUser ? 'self-operator' : '', "\n              "), type: LabelTypography.SUBTITLE_2, color: LabelColors.ONBACKGROUND_2 }, stringSet.OPEN_CHANNEL_SETTINGS__MEMBERS__OPERATOR)),
+        action && (React__default.createElement("div", { className: "sendbird-participants-accordion__member__action", ref: actionRef }, action({ actionRef: actionRef })))));
+};
+
+function ParticipantList(_a) {
+    var _b;
+    var _c = _a.isOperatorView, isOperatorView = _c === void 0 ? false : _c;
+    var globalState = useSendbirdStateContext();
+    var currentUserId = (_b = globalState === null || globalState === void 0 ? void 0 : globalState.config) === null || _b === void 0 ? void 0 : _b.userId;
+    var channel = useOpenChannelSettingsContext().channel;
+    var stringSet = useContext(LocalizationContext).stringSet;
+    var _d = useState(null), participants = _d[0], setParticipants = _d[1];
+    var _e = useState(null), participantListQuery = _e[0], setParticipantListQuery = _e[1];
+    var _f = useState(false), showParticipantsModal = _f[0], setShowParticipantsModal = _f[1];
+    useEffect(function () {
+        if (!channel || !(channel === null || channel === void 0 ? void 0 : channel.createParticipantListQuery)) {
+            return;
+        }
+        var participantListQuery = channel === null || channel === void 0 ? void 0 : channel.createParticipantListQuery({ limit: 10 });
+        setParticipantListQuery(participantListQuery);
+        participantListQuery.next().then(function (participants) {
+            setParticipants(participants);
+        });
+    }, [channel]);
+    var refreshList = useCallback(function () {
+        if (!channel) {
+            setParticipants([]);
+            return;
+        }
+        var participantListQuery = channel === null || channel === void 0 ? void 0 : channel.createParticipantListQuery({ limit: 10 });
+        participantListQuery.next().then(function (participants) {
+            setParticipants(participants);
+        });
+    }, [channel]);
+    return (React__default.createElement("div", { className: "sendbird-openchannel-settings__participant-list", onScroll: function (e) {
+            var hasNext = participantListQuery.hasNext;
+            var target = e.target;
+            var fetchMore = (target.clientHeight + target.scrollTop === target.scrollHeight);
+            if (hasNext && fetchMore) {
+                participantListQuery.next().then(function (fetchedParticipants) {
+                    setParticipants(__spreadArray(__spreadArray([], participants, true), fetchedParticipants, true));
+                });
+            }
+        } },
+        React__default.createElement("div", null, participants === null || participants === void 0 ? void 0 :
+            participants.map(function (p) {
+                var isOperator = channel === null || channel === void 0 ? void 0 : channel.isOperator(p.userId);
+                return (React__default.createElement(UserListItem, { user: p, currentUser: currentUserId, key: p.userId, isOperator: isOperator, action: function (_a) {
+                        var actionRef = _a.actionRef;
+                        return ((isOperatorView && currentUserId !== (p === null || p === void 0 ? void 0 : p.userId))
+                            ? (React__default.createElement(ContextMenu, { menuTrigger: function (toggleDropdown) { return (React__default.createElement(IconButton, { className: "sendbird-openchannel-participant-list__menu", width: "32px", height: "32px", onClick: toggleDropdown },
+                                    React__default.createElement(Icon, { width: "24px", height: "24px", type: IconTypes.MORE, fillColor: IconColors.CONTENT_INVERSE }))); }, menuItems: function (closeDropdown) { return (React__default.createElement(MenuItems, { parentRef: actionRef, closeDropdown: closeDropdown, openLeft: true },
+                                    React__default.createElement(MenuItem, { onClick: function () {
+                                            if (isOperator) {
+                                                channel === null || channel === void 0 ? void 0 : channel.removeOperators([p.userId]).then(function () {
+                                                    closeDropdown();
+                                                    refreshList();
+                                                });
+                                            }
+                                            else {
+                                                channel === null || channel === void 0 ? void 0 : channel.addOperators([p.userId]).then(function () {
+                                                    closeDropdown();
+                                                    refreshList();
+                                                });
+                                            }
+                                        }, dataSbId: "open_channel_setting_partitipant_conext_menu_".concat((isOperator) ? 'unregister_operator' : 'register_as_operator') }, isOperator
+                                        ? stringSet.OPEN_CHANNEL_SETTING__MODERATION__UNREGISTER_OPERATOR
+                                        : stringSet.OPEN_CHANNEL_SETTING__MODERATION__REGISTER_AS_OPERATOR),
+                                    React__default.createElement(MenuItem, { onClick: function () {
+                                            if (p.isMuted) {
+                                                channel === null || channel === void 0 ? void 0 : channel.unmuteUser(p).then(function () {
+                                                    closeDropdown();
+                                                    refreshList();
+                                                });
+                                            }
+                                            else {
+                                                channel === null || channel === void 0 ? void 0 : channel.muteUser(p).then(function () {
+                                                    closeDropdown();
+                                                    refreshList();
+                                                });
+                                            }
+                                        }, dataSbId: "open_channel_setting_partitipant_conext_menu_".concat(p.isMuted ? 'unmute' : 'mute') }, p.isMuted
+                                        ? stringSet.OPEN_CHANNEL_SETTING__MODERATION__UNMUTE
+                                        : stringSet.OPEN_CHANNEL_SETTING__MODERATION__MUTE),
+                                    React__default.createElement(MenuItem, { onClick: function () {
+                                            channel === null || channel === void 0 ? void 0 : channel.banUser(p).then(function () {
+                                                closeDropdown();
+                                                refreshList();
+                                            });
+                                        }, dataSbId: "open_channel_setting_partitipant_conext_menu_ban" }, stringSet.OPEN_CHANNEL_SETTING__MODERATION__BAN))); } }))
+                            : null);
+                    } }));
+            }),
+            (participants && participants.length === 0)
+                ? (React__default.createElement(Label, { className: "sendbird-channel-settings__empty-list", type: LabelTypography.SUBTITLE_2, color: LabelColors.ONBACKGROUND_3 }, stringSet.OPEN_CHANNEL_SETTINGS__EMPTY_LIST)) : null,
+            React__default.createElement("div", { className: "sendbird-openchannel-participant-list__footer" }, (participantListQuery === null || participantListQuery === void 0 ? void 0 : participantListQuery.hasNext) && (React__default.createElement(Button, { type: ButtonTypes.SECONDARY, size: ButtonSizes.SMALL, onClick: function () { return setShowParticipantsModal(true); } }, stringSet.OPEN_CHANNEL_SETTINGS__ALL_PARTICIPANTS_TITLE))),
+            showParticipantsModal && (React__default.createElement(ParticipantsModal, { onCancel: function () {
+                    setShowParticipantsModal(false);
+                    refreshList();
+                } })))));
+}
+
+export { ParticipantList as P, UserListItem as U };
+//# sourceMappingURL=bundle-bJrywUB-.js.map

package/chunks/bundle-bJrywUB-.js.map

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

package/{uuid-a9b18b52.js → chunks/bundle-bofQNMJb.js}

@@ -1,15 +1,13 @@
-/* eslint-disable no-bitwise */
-/* eslint-disable eqeqeq */
-/* eslint-disable no-mixed-operators */
-// https://stackoverflow.com/a/2117523
-// used mainly for dom key generation
-var uuidv4 = function () {
-  return 'xxxxxxxx-xxxx-4xxx-yxxx-xxxxxxxxxxxx'.replace(/[xy]/g, function (c) {
-    var r = Math.random() * 16 | 0;
-    var v = c === 'x' ? r : r & 0x3 | 0x8;
-    return v.toString(16);
-  });
-};
+/* eslint-disable no-bitwise */
+/* eslint-disable eqeqeq */
+/* eslint-disable no-mixed-operators */
+// https://stackoverflow.com/a/2117523
+// used mainly for dom key generation
+var uuidv4 = function () { return 'xxxxxxxx-xxxx-4xxx-yxxx-xxxxxxxxxxxx'.replace(/[xy]/g, function (c) {
+    var r = Math.random() * 16 | 0;
+    var v = c === 'x' ? r : (r & 0x3 | 0x8);
+    return v.toString(16);
+}); };
 
 export { uuidv4 as u };
-//# sourceMappingURL=uuid-a9b18b52.js.map
+//# sourceMappingURL=bundle-bofQNMJb.js.map

package/chunks/bundle-bofQNMJb.js.map

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

package/chunks/bundle-btDN-R-c.js

@@ -0,0 +1,77 @@
+import { _ as __assign } from './bundle-hKtwSqbO.js';
+import { useState, useRef, useCallback } from 'react';
+import { u as useMediaQueryContext } from './bundle-x-4ukZm_.js';
+
+var DEFAULT_DURATION = 300;
+function preventDefault(e) {
+    if (!isTouchEvent(e)) {
+        return;
+    }
+    if (e.touches.length < 2 && e.preventDefault) {
+        e.preventDefault();
+    }
+}
+function isTouchEvent(e) {
+    return e && 'touches' in e;
+}
+function useLongPress(_a, _b) {
+    var onLongPress = _a.onLongPress, onClick = _a.onClick;
+    var _c = _b === void 0 ? {} : _b, _d = _c.delay, delay = _d === void 0 ? DEFAULT_DURATION : _d, _e = _c.shouldPreventDefault, shouldPreventDefault = _e === void 0 ? true : _e, _f = _c.shouldStopPropagation, shouldStopPropagation = _f === void 0 ? false : _f;
+    var isMobile = useMediaQueryContext().isMobile;
+    var _g = useState(false), longPressTriggered = _g[0], setLongPressTriggered = _g[1];
+    var _h = useState(false), dragTriggered = _h[0], setDragTriggered = _h[1];
+    // https://www.typescriptlang.org/docs/handbook/utility-types.html#returntypetype
+    var timeout = useRef();
+    var target = useRef();
+    var start = useCallback(function (e) {
+        e.persist();
+        var clonedEvent = __assign({}, e);
+        setDragTriggered(false);
+        if (shouldStopPropagation) {
+            e.stopPropagation();
+        }
+        if (shouldPreventDefault && e.target) {
+            e.target.addEventListener('touchend', preventDefault, {
+                passive: false,
+            });
+            target.current = e.target;
+        }
+        timeout.current = setTimeout(function () {
+            onLongPress(clonedEvent);
+            setLongPressTriggered(true);
+        }, delay);
+    }, [onLongPress, delay, shouldPreventDefault, shouldStopPropagation, isMobile]);
+    var clear = useCallback(function (e, shouldTriggerClick, onDrag) {
+        if (shouldTriggerClick === void 0) { shouldTriggerClick = true; }
+        if (onDrag === void 0) { onDrag = false; }
+        if (onDrag) {
+            setDragTriggered(true);
+        }
+        else {
+            setDragTriggered(false);
+        }
+        if (timeout === null || timeout === void 0 ? void 0 : timeout.current) {
+            clearTimeout(timeout.current);
+        }
+        if (shouldTriggerClick && !longPressTriggered && !dragTriggered) {
+            onClick === null || onClick === void 0 ? void 0 : onClick(e);
+        }
+        setLongPressTriggered(false);
+        if (shouldPreventDefault && target.current) {
+            target.current.removeEventListener('touchend', preventDefault);
+        }
+    }, [shouldPreventDefault, onClick, longPressTriggered, dragTriggered]);
+    return {
+        onMouseDown: function (e) { return start(e); },
+        onMouseUp: function (e) { return clear(e); },
+        onMouseLeave: function (e) { return clear(e, false); },
+        onTouchStart: function (e) { return start(e); },
+        // setDragTriggered as true on touchmove, so that next onTouchEnd is ignored
+        // if we dont do it, onClick?.(e) will be triggred, see inside clear()
+        onTouchMove: function (e) { return clear(e, false, true); },
+        onTouchEnd: function (e) { return clear(e); },
+    };
+}
+
+export { useLongPress as u };
+//# sourceMappingURL=bundle-btDN-R-c.js.map

package/chunks/bundle-btDN-R-c.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"bundle-btDN-R-c.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}

package/chunks/bundle-cviP1IM2.js

@@ -0,0 +1,132 @@
+import { a as __spreadArray } from './bundle-hKtwSqbO.js';
+import { M as isUrl } from './bundle-EHReigfD.js';
+
+var USER_MENTION_PREFIX = '@';
+
+var TOKEN_TYPES = {
+    string: 'string',
+    mention: 'mention',
+    url: 'url',
+    undetermined: 'undetermined',
+};
+
+function getUserMentionRegex(mentionedUsers, templatePrefix_) {
+    var templatePrefix = templatePrefix_ || USER_MENTION_PREFIX;
+    return RegExp("(".concat(mentionedUsers.map(function (u) {
+        var userId = u.userId.replace(
+        // If user.id includes these patterns, need to convert it into an escaped one
+        /([.*+?^${}()|[\]\\])/g, '\\$1');
+        /**
+         * //{ And //} are also for escaping
+         * because curly braces `{}` are metacharacters in regular expressions used to specify repetition
+         */
+        return "".concat(templatePrefix, "\\{").concat(userId, "\\}");
+    }).join('|'), ")"), 'g');
+}
+function identifyMentions(_a) {
+    var tokens = _a.tokens, _b = _a.mentionedUsers, mentionedUsers = _b === void 0 ? [] : _b, _c = _a.templatePrefix, templatePrefix = _c === void 0 ? USER_MENTION_PREFIX : _c;
+    if (!(mentionedUsers === null || mentionedUsers === void 0 ? void 0 : mentionedUsers.length)) {
+        return tokens;
+    }
+    var userMentionRegex = getUserMentionRegex(mentionedUsers, templatePrefix);
+    var results = tokens.map(function (token) {
+        // if the token is not undetermined, return it as is
+        // is kinda unnecessary with TS, but just in case
+        if (token.type !== TOKEN_TYPES.undetermined) {
+            return token;
+        }
+        var value = token.value;
+        var parts = value.split(userMentionRegex);
+        var tokens = parts.map(function (part) {
+            if (part.match(userMentionRegex)) {
+                var matchedUser = mentionedUsers.find(function (user) { return "@{".concat(user === null || user === void 0 ? void 0 : user.userId, "}") === part; });
+                var nickname = (matchedUser === null || matchedUser === void 0 ? void 0 : matchedUser.nickname) || '(No name)';
+                return { value: nickname, type: TOKEN_TYPES.mention, userId: matchedUser === null || matchedUser === void 0 ? void 0 : matchedUser.userId };
+            }
+            else {
+                return { value: part, type: TOKEN_TYPES.undetermined };
+            }
+        });
+        return tokens;
+    }).flat();
+    return results;
+}
+function identifyUrlsAndStrings(token) {
+    var results = token.map(function (token) {
+        if (token.type !== TOKEN_TYPES.undetermined) {
+            return token;
+        }
+        var _a = token.value, value = _a === void 0 ? '' : _a;
+        var parts = value.split(' ');
+        var tokens = parts.map(function (part) {
+            if (isUrl(part)) {
+                return { value: part, type: TOKEN_TYPES.url };
+            }
+            else {
+                return { value: part, type: TOKEN_TYPES.string };
+            }
+        });
+        return tokens;
+    }).flat();
+    return results;
+}
+function combineNearbyStrings(tokens) {
+    var results = tokens.reduce(function (acc, token) {
+        var lastToken = acc[acc.length - 1];
+        if ((lastToken === null || lastToken === void 0 ? void 0 : lastToken.type) === TOKEN_TYPES.string && token.type === TOKEN_TYPES.string) {
+            lastToken.value = "".concat(lastToken.value, " ").concat(token.value);
+            return acc;
+        }
+        return __spreadArray(__spreadArray([], acc, true), [token], false);
+    }, []);
+    return results;
+}
+/**
+ * Converts text into set of rich tokens
+ */
+function tokenizeMessage(_a) {
+    var messageText = _a.messageText, _b = _a.mentionedUsers, mentionedUsers = _b === void 0 ? [] : _b, _c = _a.templatePrefix, templatePrefix = _c === void 0 ? USER_MENTION_PREFIX : _c;
+    // mention can be squeezed-in(no-space-between) with other mentions and urls
+    // if no users are mentioned, return the messageText as a single token
+    var partialResult = [{
+            type: TOKEN_TYPES.undetermined,
+            value: messageText,
+        }];
+    // order is important because we want to identify mentions first
+    // identifyMentions will return a token with type mention or undetermined
+    var partialWithMentions = identifyMentions({
+        tokens: partialResult,
+        mentionedUsers: mentionedUsers,
+        templatePrefix: templatePrefix,
+    });
+    var partialsWithUrlsAndMentions = identifyUrlsAndStrings(partialWithMentions);
+    var result = combineNearbyStrings(partialsWithUrlsAndMentions);
+    return result;
+}
+/**
+ * Don't need to use this util in DOM element since the white spaces will be kept as is,
+ * but will need if the text is wrapped \w React.Fragement or </>
+ * @link https://sendbird.slack.com/archives/GPGHESTL3/p1681180484341369
+ * Or!!! -> convert any space or tab in leading/trailing to nbsp
+ * to preserve the leading & trailing white spaces
+ */
+function getWhiteSpacePreservedText(text) {
+    var NON_BREAKING_SPACE = '\u00A0';
+    // Split the input string into lines
+    var lines = text.split('\n');
+    // Process each line and convert leading and trailing white spaces to "\u00A0"
+    var processedLines = lines.map(function (line) {
+        var _a, _b;
+        var leadingWhitespace = ((_a = line.match(/^\s*/)) === null || _a === void 0 ? void 0 : _a[0]) || '';
+        var trailingWhitespace = ((_b = line.match(/\s*$/)) === null || _b === void 0 ? void 0 : _b[0]) || '';
+        var convertedLeadingWhitespace = leadingWhitespace.replace(/ /g, NON_BREAKING_SPACE);
+        var convertedTrailingWhitespace = trailingWhitespace.replace(/ /g, NON_BREAKING_SPACE);
+        return convertedLeadingWhitespace + line.trim() + convertedTrailingWhitespace;
+    });
+    // Combine the processed lines into a new string with "\n"
+    var result = processedLines.join('\n');
+    return result;
+}
+
+export { TOKEN_TYPES as T, USER_MENTION_PREFIX as U, getWhiteSpacePreservedText as g, tokenizeMessage as t };
+//# sourceMappingURL=bundle-cviP1IM2.js.map

package/chunks/bundle-cviP1IM2.js.map

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

package/{index-c3d24a1e.js → chunks/bundle-dLuEa16_.js}

@@ -1,5 +1,5 @@
-import { i as isSameDay } from './index-e2e20fad.js';
-import { r as requiredArgs, t as toDate, a as toInteger } from './index-26bafa8f.js';
+import { i as isSameDay } from './bundle-3mdR5HDw.js';
+import { r as requiredArgs, t as toDate, a as toInteger } from './bundle-h3JIYRTG.js';
 
 /**
  * @name isToday
@@ -22,6 +22,7 @@ import { r as requiredArgs, t as toDate, a as toInteger } from './index-26bafa8f
  * const result = isToday(new Date(2014, 9, 6, 14, 0))
  * //=> true
  */
+
 function isToday(dirtyDate) {
   requiredArgs(1, arguments);
   return isSameDay(dirtyDate, Date.now());
@@ -45,6 +46,7 @@ function isToday(dirtyDate) {
  * const result = isSameYear(new Date(2014, 8, 2), new Date(2014, 8, 25))
  * //=> true
  */
+
 function isSameYear(dirtyDateLeft, dirtyDateRight) {
   requiredArgs(2, arguments);
   var dateLeft = toDate(dirtyDateLeft);
@@ -73,6 +75,7 @@ function isSameYear(dirtyDateLeft, dirtyDateRight) {
  * const result = isThisYear(new Date(2014, 6, 2))
  * //=> true
  */
+
 function isThisYear(dirtyDate) {
   requiredArgs(1, arguments);
   return isSameYear(dirtyDate, Date.now());
@@ -96,17 +99,21 @@ function isThisYear(dirtyDate) {
  * const result = addDays(new Date(2014, 8, 1), 10)
  * //=> Thu Sep 11 2014 00:00:00
  */
+
 function addDays(dirtyDate, dirtyAmount) {
   requiredArgs(2, arguments);
   var date = toDate(dirtyDate);
   var amount = toInteger(dirtyAmount);
+
   if (isNaN(amount)) {
     return new Date(NaN);
   }
+
   if (!amount) {
     // If 0 days, no-op to avoid changing times in the hour before end of DST
     return date;
   }
+
   date.setDate(date.getDate() + amount);
   return date;
 }
@@ -129,6 +136,7 @@ function addDays(dirtyDate, dirtyAmount) {
  * const result = subDays(new Date(2014, 8, 1), 10)
  * //=> Fri Aug 22 2014 00:00:00
  */
+
 function subDays(dirtyDate, dirtyAmount) {
   requiredArgs(2, arguments);
   var amount = toInteger(dirtyAmount);
@@ -156,10 +164,11 @@ function subDays(dirtyDate, dirtyAmount) {
  * const result = isYesterday(new Date(2014, 9, 5, 14, 0))
  * //=> true
  */
+
 function isYesterday(dirtyDate) {
   requiredArgs(1, arguments);
   return isSameDay(dirtyDate, subDays(Date.now(), 1));
 }
 
 export { isYesterday as a, isThisYear as b, isToday as i };
-//# sourceMappingURL=index-c3d24a1e.js.map
+//# sourceMappingURL=bundle-dLuEa16_.js.map

package/chunks/bundle-dLuEa16_.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"bundle-dLuEa16_.js","sources":["../../node_modules/date-fns/esm/isToday/index.js","../../node_modules/date-fns/esm/isSameYear/index.js","../../node_modules/date-fns/esm/isThisYear/index.js","../../node_modules/date-fns/esm/addDays/index.js","../../node_modules/date-fns/esm/subDays/index.js","../../node_modules/date-fns/esm/isYesterday/index.js"],"sourcesContent":["import isSameDay from \"../isSameDay/index.js\";\nimport requiredArgs from \"../_lib/requiredArgs/index.js\";\n/**\n * @name isToday\n * @category Day Helpers\n * @summary Is the given date today?\n * @pure false\n *\n * @description\n * Is the given date today?\n *\n * > ⚠️ Please note that this function is not present in the FP submodule as\n * > it uses `Date.now()` internally hence impure and can't be safely curried.\n *\n * @param {Date|Number} date - the date to check\n * @returns {Boolean} the date is today\n * @throws {TypeError} 1 argument required\n *\n * @example\n * // If today is 6 October 2014, is 6 October 14:00:00 today?\n * const result = isToday(new Date(2014, 9, 6, 14, 0))\n * //=> true\n */\n\nexport default function isToday(dirtyDate) {\n  requiredArgs(1, arguments);\n  return isSameDay(dirtyDate, Date.now());\n}","import toDate from \"../toDate/index.js\";\nimport requiredArgs from \"../_lib/requiredArgs/index.js\";\n/**\n * @name isSameYear\n * @category Year Helpers\n * @summary Are the given dates in the same year?\n *\n * @description\n * Are the given dates in the same year?\n *\n * @param {Date|Number} dateLeft - the first date to check\n * @param {Date|Number} dateRight - the second date to check\n * @returns {Boolean} the dates are in the same year\n * @throws {TypeError} 2 arguments required\n *\n * @example\n * // Are 2 September 2014 and 25 September 2014 in the same year?\n * const result = isSameYear(new Date(2014, 8, 2), new Date(2014, 8, 25))\n * //=> true\n */\n\nexport default function isSameYear(dirtyDateLeft, dirtyDateRight) {\n  requiredArgs(2, arguments);\n  var dateLeft = toDate(dirtyDateLeft);\n  var dateRight = toDate(dirtyDateRight);\n  return dateLeft.getFullYear() === dateRight.getFullYear();\n}","import isSameYear from \"../isSameYear/index.js\";\nimport requiredArgs from \"../_lib/requiredArgs/index.js\";\n/**\n * @name isThisYear\n * @category Year Helpers\n * @summary Is the given date in the same year as the current date?\n * @pure false\n *\n * @description\n * Is the given date in the same year as the current date?\n *\n * > ⚠️ Please note that this function is not present in the FP submodule as\n * > it uses `Date.now()` internally hence impure and can't be safely curried.\n *\n * @param {Date|Number} date - the date to check\n * @returns {Boolean} the date is in this year\n * @throws {TypeError} 1 argument required\n *\n * @example\n * // If today is 25 September 2014, is 2 July 2014 in this year?\n * const result = isThisYear(new Date(2014, 6, 2))\n * //=> true\n */\n\nexport default function isThisYear(dirtyDate) {\n  requiredArgs(1, arguments);\n  return isSameYear(dirtyDate, Date.now());\n}","import toInteger from \"../_lib/toInteger/index.js\";\nimport toDate from \"../toDate/index.js\";\nimport requiredArgs from \"../_lib/requiredArgs/index.js\";\n/**\n * @name addDays\n * @category Day Helpers\n * @summary Add the specified number of days to the given date.\n *\n * @description\n * Add the specified number of days to the given date.\n *\n * @param {Date|Number} date - the date to be changed\n * @param {Number} amount - the amount of days to be added. Positive decimals will be rounded using `Math.floor`, decimals less than zero will be rounded using `Math.ceil`.\n * @returns {Date} - the new date with the days added\n * @throws {TypeError} - 2 arguments required\n *\n * @example\n * // Add 10 days to 1 September 2014:\n * const result = addDays(new Date(2014, 8, 1), 10)\n * //=> Thu Sep 11 2014 00:00:00\n */\n\nexport default function addDays(dirtyDate, dirtyAmount) {\n  requiredArgs(2, arguments);\n  var date = toDate(dirtyDate);\n  var amount = toInteger(dirtyAmount);\n\n  if (isNaN(amount)) {\n    return new Date(NaN);\n  }\n\n  if (!amount) {\n    // If 0 days, no-op to avoid changing times in the hour before end of DST\n    return date;\n  }\n\n  date.setDate(date.getDate() + amount);\n  return date;\n}","import addDays from \"../addDays/index.js\";\nimport requiredArgs from \"../_lib/requiredArgs/index.js\";\nimport toInteger from \"../_lib/toInteger/index.js\";\n/**\n * @name subDays\n * @category Day Helpers\n * @summary Subtract the specified number of days from the given date.\n *\n * @description\n * Subtract the specified number of days from the given date.\n *\n * @param {Date|Number} date - the date to be changed\n * @param {Number} amount - the amount of days to be subtracted. Positive decimals will be rounded using `Math.floor`, decimals less than zero will be rounded using `Math.ceil`.\n * @returns {Date} the new date with the days subtracted\n * @throws {TypeError} 2 arguments required\n *\n * @example\n * // Subtract 10 days from 1 September 2014:\n * const result = subDays(new Date(2014, 8, 1), 10)\n * //=> Fri Aug 22 2014 00:00:00\n */\n\nexport default function subDays(dirtyDate, dirtyAmount) {\n  requiredArgs(2, arguments);\n  var amount = toInteger(dirtyAmount);\n  return addDays(dirtyDate, -amount);\n}","import isSameDay from \"../isSameDay/index.js\";\nimport subDays from \"../subDays/index.js\";\nimport requiredArgs from \"../_lib/requiredArgs/index.js\";\n/**\n * @name isYesterday\n * @category Day Helpers\n * @summary Is the given date yesterday?\n * @pure false\n *\n * @description\n * Is the given date yesterday?\n *\n * > ⚠️ Please note that this function is not present in the FP submodule as\n * > it uses `Date.now()` internally hence impure and can't be safely curried.\n *\n * @param {Date|Number} date - the date to check\n * @returns {Boolean} the date is yesterday\n * @throws {TypeError} 1 argument required\n *\n * @example\n * // If today is 6 October 2014, is 5 October 14:00:00 yesterday?\n * const result = isYesterday(new Date(2014, 9, 5, 14, 0))\n * //=> true\n */\n\nexport default function isYesterday(dirtyDate) {\n  requiredArgs(1, arguments);\n  return isSameDay(dirtyDate, subDays(Date.now(), 1));\n}"],"names":[],"mappings":";;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACe,SAAS,OAAO,CAAC,SAAS,EAAE;AAC3C,EAAE,YAAY,CAAC,CAAC,EAAE,SAAS,CAAC,CAAC;AAC7B,EAAE,OAAO,SAAS,CAAC,SAAS,EAAE,IAAI,CAAC,GAAG,EAAE,CAAC,CAAC;AAC1C;;ACzBA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACe,SAAS,UAAU,CAAC,aAAa,EAAE,cAAc,EAAE;AAClE,EAAE,YAAY,CAAC,CAAC,EAAE,SAAS,CAAC,CAAC;AAC7B,EAAE,IAAI,QAAQ,GAAG,MAAM,CAAC,aAAa,CAAC,CAAC;AACvC,EAAE,IAAI,SAAS,GAAG,MAAM,CAAC,cAAc,CAAC,CAAC;AACzC,EAAE,OAAO,QAAQ,CAAC,WAAW,EAAE,KAAK,SAAS,CAAC,WAAW,EAAE,CAAC;AAC5D;;ACxBA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACe,SAAS,UAAU,CAAC,SAAS,EAAE;AAC9C,EAAE,YAAY,CAAC,CAAC,EAAE,SAAS,CAAC,CAAC;AAC7B,EAAE,OAAO,UAAU,CAAC,SAAS,EAAE,IAAI,CAAC,GAAG,EAAE,CAAC,CAAC;AAC3C;;ACxBA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACe,SAAS,OAAO,CAAC,SAAS,EAAE,WAAW,EAAE;AACxD,EAAE,YAAY,CAAC,CAAC,EAAE,SAAS,CAAC,CAAC;AAC7B,EAAE,IAAI,IAAI,GAAG,MAAM,CAAC,SAAS,CAAC,CAAC;AAC/B,EAAE,IAAI,MAAM,GAAG,SAAS,CAAC,WAAW,CAAC,CAAC;AACtC;AACA,EAAE,IAAI,KAAK,CAAC,MAAM,CAAC,EAAE;AACrB,IAAI,OAAO,IAAI,IAAI,CAAC,GAAG,CAAC,CAAC;AACzB,GAAG;AACH;AACA,EAAE,IAAI,CAAC,MAAM,EAAE;AACf;AACA,IAAI,OAAO,IAAI,CAAC;AAChB,GAAG;AACH;AACA,EAAE,IAAI,CAAC,OAAO,CAAC,IAAI,CAAC,OAAO,EAAE,GAAG,MAAM,CAAC,CAAC;AACxC,EAAE,OAAO,IAAI,CAAC;AACd;;ACnCA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACe,SAAS,OAAO,CAAC,SAAS,EAAE,WAAW,EAAE;AACxD,EAAE,YAAY,CAAC,CAAC,EAAE,SAAS,CAAC,CAAC;AAC7B,EAAE,IAAI,MAAM,GAAG,SAAS,CAAC,WAAW,CAAC,CAAC;AACtC,EAAE,OAAO,OAAO,CAAC,SAAS,EAAE,CAAC,MAAM,CAAC,CAAC;AACrC;;ACvBA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACe,SAAS,WAAW,CAAC,SAAS,EAAE;AAC/C,EAAE,YAAY,CAAC,CAAC,EAAE,SAAS,CAAC,CAAC;AAC7B,EAAE,OAAO,SAAS,CAAC,SAAS,EAAE,OAAO,CAAC,IAAI,CAAC,GAAG,EAAE,EAAE,CAAC,CAAC,CAAC,CAAC;AACtD;;;;","x_google_ignoreList":[0,1,2,3,4,5]}