@sendbird/uikit-react 3.5.2 → 3.6.0

package/cjs/ui/OpenchannelThumbnailMessage.js

@@ -1,32 +1,32 @@
 'use strict';
 
-var _rollupPluginBabelHelpers = require('../_rollupPluginBabelHelpers-34d81327.js');
+var _rollupPluginBabelHelpers = require('../_rollupPluginBabelHelpers-6870cf75.js');
 var React = require('react');
-var index$1 = require('../index-39facc91.js');
-var LocalizationContext = require('../LocalizationContext-878e9af4.js');
+var index$1 = require('../index-442bb8ba.js');
+var LocalizationContext = require('../LocalizationContext-bcc316a4.js');
 var ui_Avatar = require('./Avatar.js');
 var ui_ContextMenu = require('./ContextMenu.js');
 var ui_Icon = require('./Icon.js');
 var ui_IconButton = require('./IconButton.js');
 var ui_ImageRenderer = require('./ImageRenderer.js');
-var ui_Label = require('../index-473ec049.js');
+var ui_Label = require('../index-a802371c.js');
 var ui_Loader = require('./Loader.js');
 var ui_UserProfile = require('./UserProfile.js');
-var UserProfileContext = require('../UserProfileContext-7a40e044.js');
-var index = require('../index-d65262d8.js');
-var MediaQueryContext = require('../MediaQueryContext-32e0df47.js');
-var useLongPress = require('../useLongPress-a75f391f.js');
-require('../index-ec26f0e8.js');
-require('../stringSet-861f48a6.js');
-require('../uuid-e63d4fd0.js');
+var UserProfileContext = require('../UserProfileContext-1d9b6581.js');
+var index = require('../index-c00bd5b2.js');
+var MediaQueryContext = require('../MediaQueryContext-32bc16f9.js');
+var useLongPress = require('../useLongPress-dcd3e099.js');
+require('../index-bca6d741.js');
+require('../stringSet-b5595e72.js');
+require('../uuid-dfad314c.js');
 require('prop-types');
 require('react-dom');
 require('./SortByRow.js');
-require('../index-17d91cac.js');
+require('../index-4c2db3f2.js');
 require('../utils/message/getOutgoingMessageState.js');
 require('../sendbirdSelectors.js');
-require('../topics-b7aa4dde.js');
-require('../utils-41bb171b.js');
+require('../topics-e619b0e9.js');
+require('../utils-d6fb722a.js');
 require('./Button.js');
 require('../useSendbirdStateContext.js');
 require('../withSendbird.js');

package/cjs/ui/OpenchannelUserMessage.js

@@ -1,33 +1,33 @@
 'use strict';
 
-var _rollupPluginBabelHelpers = require('../_rollupPluginBabelHelpers-34d81327.js');
+var _rollupPluginBabelHelpers = require('../_rollupPluginBabelHelpers-6870cf75.js');
 var React = require('react');
-var index$1 = require('../index-39facc91.js');
+var index$1 = require('../index-442bb8ba.js');
 var ui_Avatar = require('./Avatar.js');
 var ui_ContextMenu = require('./ContextMenu.js');
 var ui_Icon = require('./Icon.js');
 var ui_IconButton = require('./IconButton.js');
-var ui_Label = require('../index-473ec049.js');
+var ui_Label = require('../index-a802371c.js');
 var ui_Loader = require('./Loader.js');
 var ui_UserProfile = require('./UserProfile.js');
-var UserProfileContext = require('../UserProfileContext-7a40e044.js');
-var LocalizationContext = require('../LocalizationContext-878e9af4.js');
-var utils = require('../utils-dc6bde9f.js');
-var uuid = require('../uuid-e63d4fd0.js');
-var index = require('../index-d65262d8.js');
-var MediaQueryContext = require('../MediaQueryContext-32e0df47.js');
-var useLongPress = require('../useLongPress-a75f391f.js');
-var index$2 = require('../index-17d91cac.js');
-require('../index-ec26f0e8.js');
+var UserProfileContext = require('../UserProfileContext-1d9b6581.js');
+var LocalizationContext = require('../LocalizationContext-bcc316a4.js');
+var utils = require('../utils-5651b739.js');
+var uuid = require('../uuid-dfad314c.js');
+var index = require('../index-c00bd5b2.js');
+var MediaQueryContext = require('../MediaQueryContext-32bc16f9.js');
+var useLongPress = require('../useLongPress-dcd3e099.js');
+var index$2 = require('../index-4c2db3f2.js');
+require('../index-bca6d741.js');
 require('./ImageRenderer.js');
 require('prop-types');
 require('react-dom');
 require('./SortByRow.js');
 require('../utils/message/getOutgoingMessageState.js');
-require('../stringSet-861f48a6.js');
+require('../stringSet-b5595e72.js');
 require('../sendbirdSelectors.js');
-require('../topics-b7aa4dde.js');
-require('../utils-41bb171b.js');
+require('../topics-e619b0e9.js');
+require('../utils-d6fb722a.js');
 require('./Button.js');
 require('../useSendbirdStateContext.js');
 require('../withSendbird.js');

package/cjs/ui/PlaceHolder.js

@@ -3,13 +3,13 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
 require('react');
-var ui_PlaceHolder = require('../index-14e727cb.js');
-require('../LocalizationContext-878e9af4.js');
+var ui_PlaceHolder = require('../index-042483b2.js');
+require('../LocalizationContext-bcc316a4.js');
 require('./Icon.js');
-require('../index-473ec049.js');
+require('../index-a802371c.js');
 require('./Loader.js');
-require('../stringSet-861f48a6.js');
-require('../index-ec26f0e8.js');
+require('../stringSet-b5595e72.js');
+require('../index-bca6d741.js');
 require('prop-types');
 
 

package/cjs/ui/PlaybackTime.js

@@ -3,9 +3,9 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
 var React = require('react');
-var ui_Label = require('../index-473ec049.js');
+var ui_Label = require('../index-a802371c.js');
 require('prop-types');
-require('../stringSet-861f48a6.js');
+require('../stringSet-b5595e72.js');
 
 function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
 

package/cjs/ui/QuoteMessage.js

@@ -2,14 +2,14 @@
 
 var React = require('react');
 var ui_Icon = require('./Icon.js');
-var ui_Label = require('../index-473ec049.js');
+var ui_Label = require('../index-a802371c.js');
 var ui_ImageRenderer = require('./ImageRenderer.js');
-var LocalizationContext = require('../LocalizationContext-878e9af4.js');
-var index = require('../index-17d91cac.js');
+var LocalizationContext = require('../LocalizationContext-bcc316a4.js');
+var index = require('../index-4c2db3f2.js');
 require('prop-types');
-require('../stringSet-861f48a6.js');
-require('../index-ec26f0e8.js');
-require('../_rollupPluginBabelHelpers-34d81327.js');
+require('../stringSet-b5595e72.js');
+require('../index-bca6d741.js');
+require('../_rollupPluginBabelHelpers-6870cf75.js');
 require('../utils/message/getOutgoingMessageState.js');
 
 function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }

package/cjs/ui/QuoteMessageInput.js

@@ -1,16 +1,16 @@
 'use strict';
 
 var React = require('react');
-var index = require('../index-17d91cac.js');
+var index = require('../index-4c2db3f2.js');
 var ui_Icon = require('./Icon.js');
-var ui_Label = require('../index-473ec049.js');
-var LocalizationContext = require('../LocalizationContext-878e9af4.js');
+var ui_Label = require('../index-a802371c.js');
+var LocalizationContext = require('../LocalizationContext-bcc316a4.js');
 var ui_ImageRenderer = require('./ImageRenderer.js');
-require('../_rollupPluginBabelHelpers-34d81327.js');
+require('../_rollupPluginBabelHelpers-6870cf75.js');
 require('../utils/message/getOutgoingMessageState.js');
 require('prop-types');
-require('../stringSet-861f48a6.js');
-require('../index-ec26f0e8.js');
+require('../stringSet-b5595e72.js');
+require('../index-bca6d741.js');
 
 function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
 

package/cjs/ui/ReactionBadge.js

@@ -1,9 +1,9 @@
 'use strict';
 
 var React = require('react');
-var ui_Label = require('../index-473ec049.js');
+var ui_Label = require('../index-a802371c.js');
 require('prop-types');
-require('../stringSet-861f48a6.js');
+require('../stringSet-b5595e72.js');
 
 function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
 

package/cjs/ui/ReactionButton.js

@@ -1,10 +1,10 @@
 'use strict';
 
-var _rollupPluginBabelHelpers = require('../_rollupPluginBabelHelpers-34d81327.js');
+var _rollupPluginBabelHelpers = require('../_rollupPluginBabelHelpers-6870cf75.js');
 var React = require('react');
-var useLongPress = require('../useLongPress-a75f391f.js');
-var utils = require('../utils-41bb171b.js');
-require('../MediaQueryContext-32e0df47.js');
+var useLongPress = require('../useLongPress-dcd3e099.js');
+var utils = require('../utils-d6fb722a.js');
+require('../MediaQueryContext-32bc16f9.js');
 
 function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
 

package/cjs/ui/SortByRow.js

@@ -1,7 +1,7 @@
 'use strict';
 
 var React = require('react');
-var uuid = require('../uuid-e63d4fd0.js');
+var uuid = require('../uuid-dfad314c.js');
 
 function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
 

package/cjs/ui/TextButton.js

@@ -1,7 +1,7 @@
 'use strict';
 
 var React = require('react');
-var color = require('../color-b5eda3fc.js');
+var color = require('../color-777a8704.js');
 
 function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
 

package/cjs/ui/TextMessageItemBody.js

@@ -1,29 +1,29 @@
 'use strict';
 
 var React = require('react');
-var ui_Label = require('../index-473ec049.js');
-var index = require('../index-17d91cac.js');
-var LocalizationContext = require('../LocalizationContext-878e9af4.js');
-var tokenize = require('../tokenize-0b2df205.js');
-var index$1 = require('../index-66129587.js');
-var consts = require('../consts-c0b69964.js');
+var ui_Label = require('../index-a802371c.js');
+var index = require('../index-4c2db3f2.js');
+var LocalizationContext = require('../LocalizationContext-bcc316a4.js');
+var tokenize = require('../tokenize-63809152.js');
+var index$1 = require('../index-96a6cf6e.js');
+var consts = require('../consts-15ee4c74.js');
 require('prop-types');
-require('../stringSet-861f48a6.js');
-require('../_rollupPluginBabelHelpers-34d81327.js');
+require('../stringSet-b5595e72.js');
+require('../_rollupPluginBabelHelpers-6870cf75.js');
 require('../utils/message/getOutgoingMessageState.js');
-require('../index-ec26f0e8.js');
-require('../index.module-c6adef28.js');
+require('../index-bca6d741.js');
+require('../index.module-944f3229.js');
 require('../Message/context.js');
 require('./MentionLabel.js');
 require('./ContextMenu.js');
 require('react-dom');
 require('./SortByRow.js');
-require('../uuid-e63d4fd0.js');
+require('../uuid-dfad314c.js');
 require('./UserProfile.js');
-require('../UserProfileContext-7a40e044.js');
+require('../UserProfileContext-1d9b6581.js');
 require('../sendbirdSelectors.js');
-require('../topics-b7aa4dde.js');
-require('../utils-41bb171b.js');
+require('../topics-e619b0e9.js');
+require('../utils-d6fb722a.js');
 require('./Avatar.js');
 require('./ImageRenderer.js');
 require('./Icon.js');

package/cjs/ui/ThreadReplies.js

@@ -3,13 +3,13 @@
 var React = require('react');
 var ui_Avatar = require('./Avatar.js');
 var ui_Icon = require('./Icon.js');
-var ui_Label = require('../index-473ec049.js');
-var LocalizationContext = require('../LocalizationContext-878e9af4.js');
-var uuid = require('../uuid-e63d4fd0.js');
+var ui_Label = require('../index-a802371c.js');
+var LocalizationContext = require('../LocalizationContext-bcc316a4.js');
+var uuid = require('../uuid-dfad314c.js');
 require('./ImageRenderer.js');
 require('prop-types');
-require('../stringSet-861f48a6.js');
-require('../index-ec26f0e8.js');
+require('../stringSet-b5595e72.js');
+require('../index-bca6d741.js');
 
 function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
 

package/cjs/ui/ThumbnailMessageItemBody.js

@@ -1,15 +1,15 @@
 'use strict';
 
-var _rollupPluginBabelHelpers = require('../_rollupPluginBabelHelpers-34d81327.js');
+var _rollupPluginBabelHelpers = require('../_rollupPluginBabelHelpers-6870cf75.js');
 var React = require('react');
 var ui_Icon = require('./Icon.js');
 var ui_ImageRenderer = require('./ImageRenderer.js');
-var index = require('../index-17d91cac.js');
-var utils = require('../utils-41bb171b.js');
-var useLongPress = require('../useLongPress-a75f391f.js');
+var index = require('../index-4c2db3f2.js');
+var utils = require('../utils-d6fb722a.js');
+var useLongPress = require('../useLongPress-dcd3e099.js');
 require('prop-types');
 require('../utils/message/getOutgoingMessageState.js');
-require('../MediaQueryContext-32e0df47.js');
+require('../MediaQueryContext-32bc16f9.js');
 
 function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
 

package/cjs/ui/Toggle.js

@@ -3,7 +3,7 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
 var React = require('react');
-var _rollupPluginBabelHelpers = require('../_rollupPluginBabelHelpers-34d81327.js');
+var _rollupPluginBabelHelpers = require('../_rollupPluginBabelHelpers-6870cf75.js');
 var useSendbirdStateContext = require('../useSendbirdStateContext.js');
 require('../withSendbird.js');
 

package/cjs/ui/Tooltip.js

@@ -1,9 +1,9 @@
 'use strict';
 
 var React = require('react');
-var ui_Label = require('../index-473ec049.js');
+var ui_Label = require('../index-a802371c.js');
 require('prop-types');
-require('../stringSet-861f48a6.js');
+require('../stringSet-b5595e72.js');
 
 function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
 

package/cjs/ui/UnknownMessageItemBody.js

@@ -1,14 +1,14 @@
 'use strict';
 
 var React = require('react');
-var ui_Label = require('../index-473ec049.js');
-var index = require('../index-17d91cac.js');
-var LocalizationContext = require('../LocalizationContext-878e9af4.js');
+var ui_Label = require('../index-a802371c.js');
+var index = require('../index-4c2db3f2.js');
+var LocalizationContext = require('../LocalizationContext-bcc316a4.js');
 require('prop-types');
-require('../stringSet-861f48a6.js');
-require('../_rollupPluginBabelHelpers-34d81327.js');
+require('../stringSet-b5595e72.js');
+require('../_rollupPluginBabelHelpers-6870cf75.js');
 require('../utils/message/getOutgoingMessageState.js');
-require('../index-ec26f0e8.js');
+require('../index-bca6d741.js');
 
 function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
 

package/cjs/ui/UserListItem.js

@@ -1,30 +1,30 @@
 'use strict';
 
 var React = require('react');
-var UserProfileContext = require('../UserProfileContext-7a40e044.js');
-var LocalizationContext = require('../LocalizationContext-878e9af4.js');
+var UserProfileContext = require('../UserProfileContext-1d9b6581.js');
+var LocalizationContext = require('../LocalizationContext-bcc316a4.js');
 var ui_Avatar = require('./Avatar.js');
 var ui_MutedAvatarOverlay = require('./MutedAvatarOverlay.js');
 var ui_Checkbox = require('./Checkbox.js');
 var ui_UserProfile = require('./UserProfile.js');
 var ui_ContextMenu = require('./ContextMenu.js');
-var ui_Label = require('../index-473ec049.js');
+var ui_Label = require('../index-a802371c.js');
 require('prop-types');
-require('../stringSet-861f48a6.js');
-require('../index-ec26f0e8.js');
+require('../stringSet-b5595e72.js');
+require('../index-bca6d741.js');
 require('./ImageRenderer.js');
 require('./Icon.js');
-require('../uuid-e63d4fd0.js');
+require('../uuid-dfad314c.js');
 require('../sendbirdSelectors.js');
-require('../_rollupPluginBabelHelpers-34d81327.js');
-require('../topics-b7aa4dde.js');
-require('../utils-41bb171b.js');
+require('../_rollupPluginBabelHelpers-6870cf75.js');
+require('../topics-e619b0e9.js');
+require('../utils-d6fb722a.js');
 require('./Button.js');
 require('../useSendbirdStateContext.js');
 require('../withSendbird.js');
 require('react-dom');
 require('./SortByRow.js');
-require('../index-17d91cac.js');
+require('../index-4c2db3f2.js');
 require('../utils/message/getOutgoingMessageState.js');
 
 function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }

package/cjs/ui/UserProfile.js

@@ -1,22 +1,22 @@
 'use strict';
 
 var React = require('react');
-var LocalizationContext = require('../LocalizationContext-878e9af4.js');
-var UserProfileContext = require('../UserProfileContext-7a40e044.js');
+var LocalizationContext = require('../LocalizationContext-bcc316a4.js');
+var UserProfileContext = require('../UserProfileContext-1d9b6581.js');
 var sendbirdSelectors = require('../sendbirdSelectors.js');
 var ui_Avatar = require('./Avatar.js');
-var ui_Label = require('../index-473ec049.js');
+var ui_Label = require('../index-a802371c.js');
 var ui_Button = require('./Button.js');
 var useSendbirdStateContext = require('../useSendbirdStateContext.js');
-require('../stringSet-861f48a6.js');
-require('../index-ec26f0e8.js');
+require('../stringSet-b5595e72.js');
+require('../index-bca6d741.js');
 require('prop-types');
-require('../_rollupPluginBabelHelpers-34d81327.js');
-require('../topics-b7aa4dde.js');
-require('../utils-41bb171b.js');
+require('../_rollupPluginBabelHelpers-6870cf75.js');
+require('../topics-e619b0e9.js');
+require('../utils-d6fb722a.js');
 require('./ImageRenderer.js');
 require('./Icon.js');
-require('../uuid-e63d4fd0.js');
+require('../uuid-dfad314c.js');
 require('../withSendbird.js');
 
 function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }

package/cjs/ui/VoiceMessageItemBody.js

@@ -8,21 +8,21 @@ var VoicePlayer_useVoicePlayer = require('../VoicePlayer/useVoicePlayer.js');
 var ui_PlaybackTime = require('./PlaybackTime.js');
 var ui_Loader = require('./Loader.js');
 var ui_Icon = require('./Icon.js');
-var ui_Label = require('../index-473ec049.js');
-var VoicePlayer_context = require('../index-fd0d9159.js');
-require('../consts-7b75c019.js');
+var ui_Label = require('../index-a802371c.js');
+var VoicePlayer_context = require('../index-710c4a8e.js');
+require('../consts-a9e5dd18.js');
 require('../VoiceRecorder/context.js');
-require('../LocalizationContext-878e9af4.js');
-require('../stringSet-861f48a6.js');
-require('../index-ec26f0e8.js');
+require('../LocalizationContext-bcc316a4.js');
+require('../stringSet-b5595e72.js');
+require('../index-bca6d741.js');
 require('./Modal.js');
 require('react-dom');
-require('../index-421e6733.js');
+require('../index-467f0159.js');
 require('./Button.js');
 require('prop-types');
 require('./IconButton.js');
-require('../_rollupPluginBabelHelpers-34d81327.js');
-require('../MediaQueryContext-32e0df47.js');
+require('../_rollupPluginBabelHelpers-6870cf75.js');
+require('../MediaQueryContext-32bc16f9.js');
 require('../useSendbirdStateContext.js');
 require('../withSendbird.js');
 

package/cjs/ui/VoiceMessgeInput.js

@@ -7,14 +7,14 @@ require('./PlaybackTime.js');
 require('./ProgressBar.js');
 require('./TextButton.js');
 require('./Icon.js');
-require('../index-473ec049.js');
-require('../LocalizationContext-878e9af4.js');
-var ui_VoiceMessgeInput = require('../index-509d74b9.js');
-require('../consts-7b75c019.js');
+require('../index-a802371c.js');
+require('../LocalizationContext-bcc316a4.js');
+var ui_VoiceMessgeInput = require('../index-ca7d7f7c.js');
+require('../consts-a9e5dd18.js');
 require('prop-types');
-require('../stringSet-861f48a6.js');
-require('../color-b5eda3fc.js');
-require('../index-ec26f0e8.js');
+require('../stringSet-b5595e72.js');
+require('../color-777a8704.js');
+require('../index-bca6d741.js');
 
 
 

package/cjs/ui/Word.js

@@ -1,25 +1,25 @@
 'use strict';
 
 var React = require('react');
-var ui_Label = require('../index-473ec049.js');
+var ui_Label = require('../index-a802371c.js');
 var ui_LinkLabel = require('./LinkLabel.js');
-var uuid = require('../uuid-e63d4fd0.js');
-var index = require('../index-17d91cac.js');
+var uuid = require('../uuid-dfad314c.js');
+var index = require('../index-4c2db3f2.js');
 var ui_MentionLabel = require('./MentionLabel.js');
 require('prop-types');
-require('../stringSet-861f48a6.js');
-require('../_rollupPluginBabelHelpers-34d81327.js');
+require('../stringSet-b5595e72.js');
+require('../_rollupPluginBabelHelpers-6870cf75.js');
 require('../utils/message/getOutgoingMessageState.js');
 require('./ContextMenu.js');
 require('react-dom');
 require('./SortByRow.js');
 require('./UserProfile.js');
-require('../LocalizationContext-878e9af4.js');
-require('../index-ec26f0e8.js');
-require('../UserProfileContext-7a40e044.js');
+require('../LocalizationContext-bcc316a4.js');
+require('../index-bca6d741.js');
+require('../UserProfileContext-1d9b6581.js');
 require('../sendbirdSelectors.js');
-require('../topics-b7aa4dde.js');
-require('../utils-41bb171b.js');
+require('../topics-e619b0e9.js');
+require('../utils-d6fb722a.js');
 require('./Avatar.js');
 require('./ImageRenderer.js');
 require('./Icon.js');

package/cjs/{useDirtyGetMentions-51ba94c9.js → useDirtyGetMentions-826debf5.js}

@@ -74,4 +74,4 @@ function useDirtyGetMentions(_ref, _ref2) {
 }
 
 exports.useDirtyGetMentions = useDirtyGetMentions;
-//# sourceMappingURL=useDirtyGetMentions-51ba94c9.js.map
+//# sourceMappingURL=useDirtyGetMentions-826debf5.js.map

package/cjs/{useDirtyGetMentions-51ba94c9.js.map → useDirtyGetMentions-826debf5.js.map}

@@ -1 +1 @@
-{"version":3,"file":"useDirtyGetMentions-51ba94c9.js","sources":["../../src/modules/Message/utils/getMentionNodes.ts","../../src/modules/Message/hooks/useDirtyGetMentions.ts"],"sourcesContent":["export function getMentionNodes(root: HTMLElement): Element[] {\n  if (root) {\n    const mentions = root.querySelectorAll(\"[data-sb-mention='true']\");\n    const mentionsArray = Array.from(mentions);\n    return mentionsArray;\n  }\n  return [];\n}\n","import { useEffect, useLayoutEffect, useState } from 'react';\n\nimport { Logger } from '../../../lib/SendbirdState';\nimport { getMentionNodes } from '../utils/getMentionNodes';\n\ninterface DynamicParams {\n  ref: React.RefObject<HTMLElement>;\n}\n\ninterface StaticParams {\n  logger: Logger;\n}\n\n/**\n * This is a dirty way to get the mentions given DOM node\n */\nexport function useDirtyGetMentions({\n  ref,\n}: DynamicParams, {\n  logger,\n}: StaticParams) {\n  // Select the node that will be observed for mutations\n  const targetNode = ref.current as HTMLElement;\n  const [mentionNodes, setMentionNodes] = useState<Element[]>([]);\n\n  // to get the initial mentions\n  useLayoutEffect(() => {\n    if (targetNode) {\n      const mentions = getMentionNodes(targetNode);\n      setMentionNodes(mentions);\n    }\n  }, [targetNode]);\n\n  useEffect(() => {\n    // Options for the observer (which mutations to observe)\n    const config = { childList: true, subtree: true };\n\n    // Callback function to execute when mutations are observed\n    const callback = (mutationList: MutationRecord[]): void => {\n      const hasMutation = mutationList.length > 0;\n      if (hasMutation) {\n        setMentionNodes(getMentionNodes(targetNode));\n      }\n    };\n\n    // Create an observer instance linked to the callback function\n    const observer = new MutationObserver(callback);\n\n    if (targetNode) {\n      // Start observing the target node for configured mutations\n      observer.observe(targetNode, config);\n      logger.info('useDirtyGetMentions: observer started', { observer, config });\n    }\n\n    return () => {\n      try {\n        observer.disconnect();\n        logger.info('useDirtyGetMentions: observer disconnected', { observer });\n      } catch (error) {\n        logger.error('useDirtyGetMentions: observer disconnect failed', { observer });\n      }\n    };\n  }, [targetNode]);\n  return mentionNodes;\n}\n"],"names":["getMentionNodes","root","mentions","querySelectorAll","mentionsArray","Array","from","useDirtyGetMentions","_ref","_ref2","ref","logger","targetNode","current","mentionNodes","setMentionNodes","useState","useLayoutEffect","useEffect","config","childList","subtree","callback","mutationList","hasMutation","length","observer","MutationObserver","observe","info","disconnect","error"],"mappings":";;;;AAAO,SAASA,eAAeA,CAACC,IAAiB,EAAa;AAC5D,EAAA,IAAIA,IAAI,EAAE;AACR,IAAA,MAAMC,QAAQ,GAAGD,IAAI,CAACE,gBAAgB,CAAC,0BAA0B,CAAC,CAAA;AAClE,IAAA,MAAMC,aAAa,GAAGC,KAAK,CAACC,IAAI,CAACJ,QAAQ,CAAC,CAAA;AAC1C,IAAA,OAAOE,aAAa,CAAA;AACtB,GAAA;AACA,EAAA,OAAO,EAAE,CAAA;AACX;;ACMA;AACA;AACA;AACO,SAASG,mBAAmBA,CAAAC,IAAA,EAAAC,KAAA,EAIlB;EAAA,IAJmB;AAClCC,IAAAA,GAAAA;AACa,GAAC,GAAAF,IAAA,CAAA;EAAA,IAAE;AAChBG,IAAAA,MAAAA;AACY,GAAC,GAAAF,KAAA,CAAA;AACb;AACA,EAAA,MAAMG,UAAU,GAAGF,GAAG,CAACG,OAAsB,CAAA;EAC7C,MAAM,CAACC,YAAY,EAAEC,eAAe,CAAC,GAAGC,cAAQ,CAAY,EAAE,CAAC,CAAA;;AAE/D;AACAC,EAAAA,qBAAe,CAAC,MAAM;AACpB,IAAA,IAAIL,UAAU,EAAE;AACd,MAAA,MAAMV,QAAQ,GAAGF,eAAe,CAACY,UAAU,CAAC,CAAA;MAC5CG,eAAe,CAACb,QAAQ,CAAC,CAAA;AAC3B,KAAA;AACF,GAAC,EAAE,CAACU,UAAU,CAAC,CAAC,CAAA;AAEhBM,EAAAA,eAAS,CAAC,MAAM;AACd;AACA,IAAA,MAAMC,MAAM,GAAG;AAAEC,MAAAA,SAAS,EAAE,IAAI;AAAEC,MAAAA,OAAO,EAAE,IAAA;KAAM,CAAA;;AAEjD;IACA,MAAMC,QAAQ,GAAIC,YAA8B,IAAW;AACzD,MAAA,MAAMC,WAAW,GAAGD,YAAY,CAACE,MAAM,GAAG,CAAC,CAAA;AAC3C,MAAA,IAAID,WAAW,EAAE;AACfT,QAAAA,eAAe,CAACf,eAAe,CAACY,UAAU,CAAC,CAAC,CAAA;AAC9C,OAAA;KACD,CAAA;;AAED;AACA,IAAA,MAAMc,QAAQ,GAAG,IAAIC,gBAAgB,CAACL,QAAQ,CAAC,CAAA;AAE/C,IAAA,IAAIV,UAAU,EAAE;AACd;AACAc,MAAAA,QAAQ,CAACE,OAAO,CAAChB,UAAU,EAAEO,MAAM,CAAC,CAAA;AACpCR,MAAAA,MAAM,CAACkB,IAAI,CAAC,uCAAuC,EAAE;QAAEH,QAAQ;AAAEP,QAAAA,MAAAA;AAAO,OAAC,CAAC,CAAA;AAC5E,KAAA;AAEA,IAAA,OAAO,MAAM;MACX,IAAI;QACFO,QAAQ,CAACI,UAAU,EAAE,CAAA;AACrBnB,QAAAA,MAAM,CAACkB,IAAI,CAAC,4CAA4C,EAAE;AAAEH,UAAAA,QAAAA;AAAS,SAAC,CAAC,CAAA;OACxE,CAAC,OAAOK,KAAK,EAAE;AACdpB,QAAAA,MAAM,CAACoB,KAAK,CAAC,iDAAiD,EAAE;AAAEL,UAAAA,QAAAA;AAAS,SAAC,CAAC,CAAA;AAC/E,OAAA;KACD,CAAA;AACH,GAAC,EAAE,CAACd,UAAU,CAAC,CAAC,CAAA;AAChB,EAAA,OAAOE,YAAY,CAAA;AACrB;;;;"}
+{"version":3,"file":"useDirtyGetMentions-826debf5.js","sources":["../../src/modules/Message/utils/getMentionNodes.ts","../../src/modules/Message/hooks/useDirtyGetMentions.ts"],"sourcesContent":["export function getMentionNodes(root: HTMLElement): Element[] {\n  if (root) {\n    const mentions = root.querySelectorAll(\"[data-sb-mention='true']\");\n    const mentionsArray = Array.from(mentions);\n    return mentionsArray;\n  }\n  return [];\n}\n","import { useEffect, useLayoutEffect, useState } from 'react';\n\nimport { Logger } from '../../../lib/SendbirdState';\nimport { getMentionNodes } from '../utils/getMentionNodes';\n\ninterface DynamicParams {\n  ref: React.RefObject<HTMLElement>;\n}\n\ninterface StaticParams {\n  logger: Logger;\n}\n\n/**\n * This is a dirty way to get the mentions given DOM node\n */\nexport function useDirtyGetMentions({\n  ref,\n}: DynamicParams, {\n  logger,\n}: StaticParams) {\n  // Select the node that will be observed for mutations\n  const targetNode = ref.current as HTMLElement;\n  const [mentionNodes, setMentionNodes] = useState<Element[]>([]);\n\n  // to get the initial mentions\n  useLayoutEffect(() => {\n    if (targetNode) {\n      const mentions = getMentionNodes(targetNode);\n      setMentionNodes(mentions);\n    }\n  }, [targetNode]);\n\n  useEffect(() => {\n    // Options for the observer (which mutations to observe)\n    const config = { childList: true, subtree: true };\n\n    // Callback function to execute when mutations are observed\n    const callback = (mutationList: MutationRecord[]): void => {\n      const hasMutation = mutationList.length > 0;\n      if (hasMutation) {\n        setMentionNodes(getMentionNodes(targetNode));\n      }\n    };\n\n    // Create an observer instance linked to the callback function\n    const observer = new MutationObserver(callback);\n\n    if (targetNode) {\n      // Start observing the target node for configured mutations\n      observer.observe(targetNode, config);\n      logger.info('useDirtyGetMentions: observer started', { observer, config });\n    }\n\n    return () => {\n      try {\n        observer.disconnect();\n        logger.info('useDirtyGetMentions: observer disconnected', { observer });\n      } catch (error) {\n        logger.error('useDirtyGetMentions: observer disconnect failed', { observer });\n      }\n    };\n  }, [targetNode]);\n  return mentionNodes;\n}\n"],"names":["getMentionNodes","root","mentions","querySelectorAll","mentionsArray","Array","from","useDirtyGetMentions","_ref","_ref2","ref","logger","targetNode","current","mentionNodes","setMentionNodes","useState","useLayoutEffect","useEffect","config","childList","subtree","callback","mutationList","hasMutation","length","observer","MutationObserver","observe","info","disconnect","error"],"mappings":";;;;AAAO,SAASA,eAAeA,CAACC,IAAiB,EAAa;AAC5D,EAAA,IAAIA,IAAI,EAAE;AACR,IAAA,MAAMC,QAAQ,GAAGD,IAAI,CAACE,gBAAgB,CAAC,0BAA0B,CAAC,CAAA;AAClE,IAAA,MAAMC,aAAa,GAAGC,KAAK,CAACC,IAAI,CAACJ,QAAQ,CAAC,CAAA;AAC1C,IAAA,OAAOE,aAAa,CAAA;AACtB,GAAA;AACA,EAAA,OAAO,EAAE,CAAA;AACX;;ACMA;AACA;AACA;AACO,SAASG,mBAAmBA,CAAAC,IAAA,EAAAC,KAAA,EAIlB;EAAA,IAJmB;AAClCC,IAAAA,GAAAA;AACa,GAAC,GAAAF,IAAA,CAAA;EAAA,IAAE;AAChBG,IAAAA,MAAAA;AACY,GAAC,GAAAF,KAAA,CAAA;AACb;AACA,EAAA,MAAMG,UAAU,GAAGF,GAAG,CAACG,OAAsB,CAAA;EAC7C,MAAM,CAACC,YAAY,EAAEC,eAAe,CAAC,GAAGC,cAAQ,CAAY,EAAE,CAAC,CAAA;;AAE/D;AACAC,EAAAA,qBAAe,CAAC,MAAM;AACpB,IAAA,IAAIL,UAAU,EAAE;AACd,MAAA,MAAMV,QAAQ,GAAGF,eAAe,CAACY,UAAU,CAAC,CAAA;MAC5CG,eAAe,CAACb,QAAQ,CAAC,CAAA;AAC3B,KAAA;AACF,GAAC,EAAE,CAACU,UAAU,CAAC,CAAC,CAAA;AAEhBM,EAAAA,eAAS,CAAC,MAAM;AACd;AACA,IAAA,MAAMC,MAAM,GAAG;AAAEC,MAAAA,SAAS,EAAE,IAAI;AAAEC,MAAAA,OAAO,EAAE,IAAA;KAAM,CAAA;;AAEjD;IACA,MAAMC,QAAQ,GAAIC,YAA8B,IAAW;AACzD,MAAA,MAAMC,WAAW,GAAGD,YAAY,CAACE,MAAM,GAAG,CAAC,CAAA;AAC3C,MAAA,IAAID,WAAW,EAAE;AACfT,QAAAA,eAAe,CAACf,eAAe,CAACY,UAAU,CAAC,CAAC,CAAA;AAC9C,OAAA;KACD,CAAA;;AAED;AACA,IAAA,MAAMc,QAAQ,GAAG,IAAIC,gBAAgB,CAACL,QAAQ,CAAC,CAAA;AAE/C,IAAA,IAAIV,UAAU,EAAE;AACd;AACAc,MAAAA,QAAQ,CAACE,OAAO,CAAChB,UAAU,EAAEO,MAAM,CAAC,CAAA;AACpCR,MAAAA,MAAM,CAACkB,IAAI,CAAC,uCAAuC,EAAE;QAAEH,QAAQ;AAAEP,QAAAA,MAAAA;AAAO,OAAC,CAAC,CAAA;AAC5E,KAAA;AAEA,IAAA,OAAO,MAAM;MACX,IAAI;QACFO,QAAQ,CAACI,UAAU,EAAE,CAAA;AACrBnB,QAAAA,MAAM,CAACkB,IAAI,CAAC,4CAA4C,EAAE;AAAEH,UAAAA,QAAAA;AAAS,SAAC,CAAC,CAAA;OACxE,CAAC,OAAOK,KAAK,EAAE;AACdpB,QAAAA,MAAM,CAACoB,KAAK,CAAC,iDAAiD,EAAE;AAAEL,UAAAA,QAAAA;AAAS,SAAC,CAAC,CAAA;AAC/E,OAAA;KACD,CAAA;AACH,GAAC,EAAE,CAACd,UAAU,CAAC,CAAC,CAAA;AAChB,EAAA,OAAOE,YAAY,CAAA;AACrB;;;;"}

package/cjs/{useLongPress-a75f391f.js → useLongPress-dcd3e099.js}

@@ -1,8 +1,8 @@
 'use strict';
 
-var _rollupPluginBabelHelpers = require('./_rollupPluginBabelHelpers-34d81327.js');
+var _rollupPluginBabelHelpers = require('./_rollupPluginBabelHelpers-6870cf75.js');
 var React = require('react');
-var MediaQueryContext = require('./MediaQueryContext-32e0df47.js');
+var MediaQueryContext = require('./MediaQueryContext-32bc16f9.js');
 
 const DEFAULT_DURATION = 300;
 function preventDefault(e) {
@@ -84,4 +84,4 @@ function useLongPress(_ref) {
 }
 
 exports.useLongPress = useLongPress;
-//# sourceMappingURL=useLongPress-a75f391f.js.map
+//# sourceMappingURL=useLongPress-dcd3e099.js.map

package/cjs/{useLongPress-a75f391f.js.map → useLongPress-dcd3e099.js.map}

@@ -1 +1 @@
-{"version":3,"file":"useLongPress-a75f391f.js","sources":["../../src/hooks/useLongPress.tsx"],"sourcesContent":["// thanks to: https://stackoverflow.com/questions/48048957/react-long-press-event\n/* example:\n  const Component = ({ onClick }) => {\n    const onLongPress = useLongPress({\n      onClick: onClick,\n      onLongPress: () => {\n        alert('longpress');\n      }\n    }, {\n      delay: 500,\n      shouldPreventDefault: true,\n    });\n    return (\n      <button {...onLongPress}>\n        hello\n      </button>\n    )\n  }\n*/\nimport React, {\n  useState,\n  useRef,\n  useCallback,\n} from 'react';\nimport {\n  useMediaQueryContext,\n} from '../lib/MediaQueryContext';\n\nconst DEFAULT_DURATION = 300;\n\nfunction preventDefault(e: Event) {\n  if (!isTouchEvent(e)) {\n    return;\n  }\n\n  if (e.touches.length < 2 && e.preventDefault) {\n    e.preventDefault();\n  }\n}\n\nexport function isTouchEvent(e: Event): e is TouchEvent {\n  return e && 'touches' in e;\n}\n\ninterface PressHandlers<T> {\n  onLongPress: (e: React.MouseEvent<T> | React.TouchEvent<T>) => void;\n  onClick?: (e: React.MouseEvent<T> | React.TouchEvent<T>) => void;\n}\n\ninterface Options {\n  delay?: number;\n  shouldPreventDefault?: boolean;\n  shouldStopPropagation?: boolean;\n}\n\ninterface UseLongPressType<T> {\n  onTouchMove: (e: React.TouchEvent<T>) => void;\n  onMouseDown: (e: React.MouseEvent<T>) => void;\n  onTouchStart: (e: React.TouchEvent<T>) => void;\n  onMouseUp: (e: React.MouseEvent<T>) => void;\n  onMouseLeave: (e: React.MouseEvent<T>) => void;\n  onTouchEnd: (e: React.TouchEvent<T>) => void;\n}\n\nexport default function useLongPress<T>({\n  onLongPress,\n  onClick,\n}: PressHandlers<T>, {\n  delay = DEFAULT_DURATION,\n  shouldPreventDefault = true,\n  shouldStopPropagation = false,\n}: Options = {}): UseLongPressType<T> {\n  const { isMobile } = useMediaQueryContext();\n  const [longPressTriggered, setLongPressTriggered] = useState(false);\n  const [dragTriggered, setDragTriggered] = useState(false);\n  // https://www.typescriptlang.org/docs/handbook/utility-types.html#returntypetype\n  const timeout = useRef<ReturnType<typeof setTimeout>>();\n  const target = useRef<EventTarget>();\n\n  const start = useCallback((e: React.MouseEvent<T> | React.TouchEvent<T>) => {\n    e.persist();\n    const clonedEvent = {\n      ...e,\n    };\n    setDragTriggered(false);\n    if (shouldStopPropagation) {\n      e.stopPropagation();\n    }\n    if (shouldPreventDefault && e.target) {\n      e.target.addEventListener(\n        'touchend',\n        preventDefault,\n        {\n          passive: false,\n        },\n      );\n      target.current = e.target;\n    }\n\n    timeout.current = setTimeout(() => {\n      onLongPress(clonedEvent);\n      setLongPressTriggered(true);\n    }, delay);\n  }, [onLongPress, delay, shouldPreventDefault, shouldStopPropagation, isMobile]);\n\n  const clear = useCallback((\n    e: React.MouseEvent<T> | React.TouchEvent<T>,\n    shouldTriggerClick = true,\n    onDrag = false,\n  ) => {\n    if (onDrag) {\n      setDragTriggered(true);\n    } else {\n      setDragTriggered(false);\n    }\n    if (timeout?.current) {\n      clearTimeout(timeout.current);\n    }\n    if (shouldTriggerClick && !longPressTriggered && !dragTriggered) {\n      onClick?.(e);\n    }\n    setLongPressTriggered(false);\n    if (shouldPreventDefault && target.current) {\n      target.current.removeEventListener('touchend', preventDefault);\n    }\n  }, [shouldPreventDefault, onClick, longPressTriggered, dragTriggered]);\n\n  return {\n    onMouseDown: (e: React.MouseEvent<T>) => start(e),\n    onMouseUp: (e: React.MouseEvent<T>) => clear(e),\n    onMouseLeave: (e: React.MouseEvent<T>) => clear(e, false),\n    onTouchStart: (e: React.TouchEvent<T>) => start(e),\n    // setDragTriggered as true on touchmove, so that next onTouchEnd is ignored\n    // if we dont do it, onClick?.(e) will be triggred, see inside clear()\n    onTouchMove: (e: React.TouchEvent<T>) => clear(e, false, true),\n    onTouchEnd: (e: React.TouchEvent<T>) => clear(e),\n  };\n}\n"],"names":["DEFAULT_DURATION","preventDefault","e","isTouchEvent","touches","length","useLongPress","_ref","onLongPress","onClick","delay","shouldPreventDefault","shouldStopPropagation","arguments","undefined","isMobile","useMediaQueryContext","longPressTriggered","setLongPressTriggered","useState","dragTriggered","setDragTriggered","timeout","useRef","target","start","useCallback","persist","clonedEvent","_objectSpread","stopPropagation","addEventListener","passive","current","setTimeout","clear","shouldTriggerClick","onDrag","clearTimeout","removeEventListener","onMouseDown","onMouseUp","onMouseLeave","onTouchStart","onTouchMove","onTouchEnd"],"mappings":"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"}
+{"version":3,"file":"useLongPress-dcd3e099.js","sources":["../../src/hooks/useLongPress.tsx"],"sourcesContent":["// thanks to: https://stackoverflow.com/questions/48048957/react-long-press-event\n/* example:\n  const Component = ({ onClick }) => {\n    const onLongPress = useLongPress({\n      onClick: onClick,\n      onLongPress: () => {\n        alert('longpress');\n      }\n    }, {\n      delay: 500,\n      shouldPreventDefault: true,\n    });\n    return (\n      <button {...onLongPress}>\n        hello\n      </button>\n    )\n  }\n*/\nimport React, {\n  useState,\n  useRef,\n  useCallback,\n} from 'react';\nimport {\n  useMediaQueryContext,\n} from '../lib/MediaQueryContext';\n\nconst DEFAULT_DURATION = 300;\n\nfunction preventDefault(e: Event) {\n  if (!isTouchEvent(e)) {\n    return;\n  }\n\n  if (e.touches.length < 2 && e.preventDefault) {\n    e.preventDefault();\n  }\n}\n\nexport function isTouchEvent(e: Event): e is TouchEvent {\n  return e && 'touches' in e;\n}\n\ninterface PressHandlers<T> {\n  onLongPress: (e: React.MouseEvent<T> | React.TouchEvent<T>) => void;\n  onClick?: (e: React.MouseEvent<T> | React.TouchEvent<T>) => void;\n}\n\ninterface Options {\n  delay?: number;\n  shouldPreventDefault?: boolean;\n  shouldStopPropagation?: boolean;\n}\n\ninterface UseLongPressType<T> {\n  onTouchMove: (e: React.TouchEvent<T>) => void;\n  onMouseDown: (e: React.MouseEvent<T>) => void;\n  onTouchStart: (e: React.TouchEvent<T>) => void;\n  onMouseUp: (e: React.MouseEvent<T>) => void;\n  onMouseLeave: (e: React.MouseEvent<T>) => void;\n  onTouchEnd: (e: React.TouchEvent<T>) => void;\n}\n\nexport default function useLongPress<T>({\n  onLongPress,\n  onClick,\n}: PressHandlers<T>, {\n  delay = DEFAULT_DURATION,\n  shouldPreventDefault = true,\n  shouldStopPropagation = false,\n}: Options = {}): UseLongPressType<T> {\n  const { isMobile } = useMediaQueryContext();\n  const [longPressTriggered, setLongPressTriggered] = useState(false);\n  const [dragTriggered, setDragTriggered] = useState(false);\n  // https://www.typescriptlang.org/docs/handbook/utility-types.html#returntypetype\n  const timeout = useRef<ReturnType<typeof setTimeout>>();\n  const target = useRef<EventTarget>();\n\n  const start = useCallback((e: React.MouseEvent<T> | React.TouchEvent<T>) => {\n    e.persist();\n    const clonedEvent = {\n      ...e,\n    };\n    setDragTriggered(false);\n    if (shouldStopPropagation) {\n      e.stopPropagation();\n    }\n    if (shouldPreventDefault && e.target) {\n      e.target.addEventListener(\n        'touchend',\n        preventDefault,\n        {\n          passive: false,\n        },\n      );\n      target.current = e.target;\n    }\n\n    timeout.current = setTimeout(() => {\n      onLongPress(clonedEvent);\n      setLongPressTriggered(true);\n    }, delay);\n  }, [onLongPress, delay, shouldPreventDefault, shouldStopPropagation, isMobile]);\n\n  const clear = useCallback((\n    e: React.MouseEvent<T> | React.TouchEvent<T>,\n    shouldTriggerClick = true,\n    onDrag = false,\n  ) => {\n    if (onDrag) {\n      setDragTriggered(true);\n    } else {\n      setDragTriggered(false);\n    }\n    if (timeout?.current) {\n      clearTimeout(timeout.current);\n    }\n    if (shouldTriggerClick && !longPressTriggered && !dragTriggered) {\n      onClick?.(e);\n    }\n    setLongPressTriggered(false);\n    if (shouldPreventDefault && target.current) {\n      target.current.removeEventListener('touchend', preventDefault);\n    }\n  }, [shouldPreventDefault, onClick, longPressTriggered, dragTriggered]);\n\n  return {\n    onMouseDown: (e: React.MouseEvent<T>) => start(e),\n    onMouseUp: (e: React.MouseEvent<T>) => clear(e),\n    onMouseLeave: (e: React.MouseEvent<T>) => clear(e, false),\n    onTouchStart: (e: React.TouchEvent<T>) => start(e),\n    // setDragTriggered as true on touchmove, so that next onTouchEnd is ignored\n    // if we dont do it, onClick?.(e) will be triggred, see inside clear()\n    onTouchMove: (e: React.TouchEvent<T>) => clear(e, false, true),\n    onTouchEnd: (e: React.TouchEvent<T>) => clear(e),\n  };\n}\n"],"names":["DEFAULT_DURATION","preventDefault","e","isTouchEvent","touches","length","useLongPress","_ref","onLongPress","onClick","delay","shouldPreventDefault","shouldStopPropagation","arguments","undefined","isMobile","useMediaQueryContext","longPressTriggered","setLongPressTriggered","useState","dragTriggered","setDragTriggered","timeout","useRef","target","start","useCallback","persist","clonedEvent","_objectSpread","stopPropagation","addEventListener","passive","current","setTimeout","clear","shouldTriggerClick","onDrag","clearTimeout","removeEventListener","onMouseDown","onMouseUp","onMouseLeave","onTouchStart","onTouchMove","onTouchEnd"],"mappings":"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"}