@sendbird/uikit-react 3.14.5 → 3.14.7-rc-1

package/cjs/chunks/{bundle-CcmMvK6l.js → bundle-DHTMMHln.js}

@@ -13,4 +13,4 @@ function compareIds(a, b) {
 }
 
 exports.compareIds = compareIds;
-//# sourceMappingURL=bundle-CcmMvK6l.js.map
+//# sourceMappingURL=bundle-DHTMMHln.js.map

package/cjs/chunks/bundle-DHTMMHln.js.map

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

package/cjs/chunks/{bundle-BOrMDMdN.js → bundle-DLgT0MKO.js}

@@ -2,12 +2,12 @@
 
 var React = require('react');
 var DOMPurify = require('dompurify');
-var _const = require('./bundle-C4UzGGy_.js');
-var _const$1 = require('./bundle-B2KKkvdj.js');
-var _tslib = require('./bundle-C-r9vRgc.js');
-var consts = require('./bundle-ClBBhzU-.js');
-var consts$2 = require('./bundle-SfusZfMJ.js');
-var consts$1 = require('./bundle-D4e0UT-6.js');
+var _const = require('./bundle-WrRM6A2K.js');
+var _const$1 = require('./bundle-Bz2MU4JV.js');
+var _tslib = require('./bundle-BGmEoqIq.js');
+var consts = require('./bundle-BZf2YVCr.js');
+var consts$2 = require('./bundle-Co2OfFRh.js');
+var consts$1 = require('./bundle-B8SH2f7F.js');
 
 function renderToString(_a) {
     var userId = _a.userId, nickname = _a.nickname;
@@ -31,12 +31,7 @@ var sanitizeString = function (str) {
  * @returns Array of child nodes
  */
 var nodeListToArray = function (childNodes) {
-    try {
-        return Array.from(childNodes);
-    }
-    catch (error) {
-        return [];
-    }
+    return childNodes ? Array.from(childNodes) : [];
 };
 function isChannelTypeSupportsMultipleFilesMessage(channel) {
     var _a;
@@ -145,7 +140,7 @@ var extractTextFromNodes = function (nodes) {
 };
 function domToMessageTemplate(nodeArray) {
     var templates = nodeArray === null || nodeArray === void 0 ? void 0 : nodeArray.reduce(function (accumulator, currentValue) {
-        var _a;
+        var _a, _b;
         // currentValue can be node(from messageBody or messageInput) or text
         var mentionNode;
         // this looks awkward, but it is a fallback to set default text
@@ -153,7 +148,7 @@ function domToMessageTemplate(nodeArray) {
         // if text node, set text
         if (currentValue instanceof Text) {
             mentionNode = false;
-            text = currentValue.textContent;
+            text = (_a = currentValue.textContent) !== null && _a !== void 0 ? _a : '';
         }
         if (currentValue instanceof HTMLElement) {
             mentionNode = (currentValue.classList.contains(MENTION_CLASS) || currentValue.classList.contains(MENTION_CLASS_IN_INPUT))
@@ -163,7 +158,7 @@ function domToMessageTemplate(nodeArray) {
         // if mentionNode is not null, it is a mention
         if (mentionNode) {
             var text_1 = currentValue === null || currentValue === void 0 ? void 0 : currentValue.innerText;
-            var userId = (_a = mentionNode.dataset) === null || _a === void 0 ? void 0 : _a.userid;
+            var userId = (_b = mentionNode.dataset) === null || _b === void 0 ? void 0 : _b.userid;
             return _tslib.__spreadArray(_tslib.__spreadArray([], accumulator, true), [
                 {
                     text: text_1,
@@ -219,25 +214,27 @@ function usePaste(_a) {
         var purifier = DOMPurify(window);
         var clean = purifier.sanitize(html);
         var pasteNode = createPasteNode();
-        pasteNode.innerHTML = clean;
-        // does not have mention, continue as normal
-        if (!hasMention(pasteNode)) {
-            // to preserve space between words
-            var text = extractTextFromNodes(Array.from(pasteNode.children));
-            document.execCommand('insertHTML', false, sanitizeString(text));
+        if (pasteNode) {
+            pasteNode.innerHTML = clean;
+            // does not have mention, continue as normal
+            if (!hasMention(pasteNode)) {
+                // to preserve space between words
+                var text = extractTextFromNodes(Array.from(pasteNode.children));
+                document.execCommand('insertHTML', false, sanitizeString(text));
+                pasteNode.remove();
+                setIsInput(true);
+                setHeight();
+                return;
+            }
+            // has mention, collect leaf nodes and parse words
+            var leafNodes = getLeafNodes(pasteNode);
+            var words = domToMessageTemplate(leafNodes);
+            var mentionedUsers = channel.isGroupChannel() ? getUsersFromWords(words, channel) : [];
+            // side effects
+            setMentionedUsers(mentionedUsers);
+            inserTemplateToDOM(words);
             pasteNode.remove();
-            setIsInput(true);
-            setHeight();
-            return;
         }
-        // has mention, collect leaf nodes and parse words
-        var leafNodes = getLeafNodes(pasteNode);
-        var words = domToMessageTemplate(leafNodes);
-        var mentionedUsers = channel.isGroupChannel() ? getUsersFromWords(words, channel) : [];
-        // side effects
-        setMentionedUsers(mentionedUsers);
-        inserTemplateToDOM(words);
-        pasteNode.remove();
         setIsInput(true);
         setHeight();
     }, [ref, setIsInput, setHeight, channel, setMentionedUsers]);
@@ -264,4 +261,4 @@ exports.nodeListToArray = nodeListToArray;
 exports.renderToString = renderToString;
 exports.sanitizeString = sanitizeString;
 exports.usePaste = usePaste;
-//# sourceMappingURL=bundle-BOrMDMdN.js.map
+//# sourceMappingURL=bundle-DLgT0MKO.js.map

package/cjs/chunks/bundle-DLgT0MKO.js.map

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

package/cjs/chunks/{bundle-DvpCzVKY.js → bundle-DOQVOQQY.js}

@@ -37,4 +37,4 @@ exports.getMessageTopOffset = getMessageTopOffset;
 exports.isContextMenuClosed = isContextMenuClosed;
 exports.isDisabledBecauseFrozen = isDisabledBecauseFrozen;
 exports.isDisabledBecauseMuted = isDisabledBecauseMuted;
-//# sourceMappingURL=bundle-DvpCzVKY.js.map
+//# sourceMappingURL=bundle-DOQVOQQY.js.map

package/cjs/chunks/bundle-DOQVOQQY.js.map

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

package/cjs/chunks/{bundle-DmVeFWB4.js → bundle-DTtY3_Ni.js}

@@ -1,6 +1,6 @@
 'use strict';
 
-var index = require('./bundle-Cw7xe6J1.js');
+var index = require('./bundle-CRjV-DLM.js');
 
 function getMessageFirstFileType(message) {
     return index.K(message)
@@ -70,4 +70,4 @@ exports.getMessageFirstFileName = getMessageFirstFileName;
 exports.getMessageFirstFileThumbnailUrl = getMessageFirstFileThumbnailUrl;
 exports.getMessageFirstFileType = getMessageFirstFileType;
 exports.getMessageFirstFileUrl = getMessageFirstFileUrl;
-//# sourceMappingURL=bundle-DmVeFWB4.js.map
+//# sourceMappingURL=bundle-DTtY3_Ni.js.map

package/cjs/chunks/bundle-DTtY3_Ni.js.map

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

package/cjs/chunks/{bundle-IE4yQ0qq.js → bundle-DVFuvWQ0.js}

@@ -81,4 +81,4 @@ exports.SET_CHANNEL_INVALID = SET_CHANNEL_INVALID;
 exports.SET_CURRENT_CHANNEL = SET_CURRENT_CHANNEL;
 exports.SET_EMOJI_CONTAINER = SET_EMOJI_CONTAINER;
 exports.channelActions = channelActions;
-//# sourceMappingURL=bundle-IE4yQ0qq.js.map
+//# sourceMappingURL=bundle-DVFuvWQ0.js.map

package/cjs/chunks/bundle-DVFuvWQ0.js.map

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

package/cjs/chunks/{bundle-Deao1Upp.js → bundle-DgWaY7S0.js}

@@ -1,8 +1,8 @@
 'use strict';
 
-var _tslib = require('./bundle-C-r9vRgc.js');
+var _tslib = require('./bundle-BGmEoqIq.js');
 var React = require('react');
-var stringSet = require('./bundle-DWBc-Yv7.js');
+var stringSet = require('./bundle-5FP1wNLB.js');
 
 var Typography = {
     H_1: 'H_1',
@@ -67,7 +67,7 @@ function changeColorToClassName(color) {
 }
 
 var Label = React.forwardRef(function (_a, ref) {
-    var _b = _a.className, className = _b === void 0 ? [] : _b, type = _a.type, color = _a.color, _c = _a.children, children = _c === void 0 ? null : _c;
+    var _b = _a.className, className = _b === void 0 ? [] : _b, type = _a.type, color = _a.color, _c = _a.children, children = _c === void 0 ? null : _c, testID = _a.testID;
     return (
     // Donot make this into div
     // Mention uses Label. If we use div, it would break the mention detection on Paste
@@ -76,7 +76,7 @@ var Label = React.forwardRef(function (_a, ref) {
             'sendbird-label',
             changeTypographyToClassName(type),
             changeColorToClassName(color),
-        ], false).join(' '), ref: ref }, children));
+        ], false).join(' '), ref: ref, "data-testid": testID }, children));
 });
 var LabelTypography = Typography;
 var LabelColors = Colors;
@@ -87,4 +87,4 @@ exports.LabelColors = LabelColors;
 exports.LabelStringSet = LabelStringSet;
 exports.LabelTypography = LabelTypography;
 exports.changeColorToClassName = changeColorToClassName;
-//# sourceMappingURL=bundle-Deao1Upp.js.map
+//# sourceMappingURL=bundle-DgWaY7S0.js.map

package/cjs/chunks/bundle-DgWaY7S0.js.map

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

package/cjs/chunks/{bundle-Bc92JuA7.js → bundle-DioNt-g2.js}

@@ -1,20 +1,20 @@
 'use strict';
 
 var React = require('react');
-var ui_Modal = require('./bundle-DJ9gapN2.js');
-require('./bundle-C-r9vRgc.js');
-require('./bundle-Deao1Upp.js');
+var ui_Modal = require('./bundle-CkSDsWpR.js');
+require('./bundle-BGmEoqIq.js');
+require('./bundle-DgWaY7S0.js');
 var ui_Button = require('../ui/Button.js');
-var LocalizationContext = require('./bundle-B7wJ4Hqk.js');
+var LocalizationContext = require('./bundle-u9XWE6Rm.js');
 var Thread_context = require('../Thread/context.js');
-var stringFormatterUtils = require('./bundle-Bw_LvbLk.js');
+var stringFormatterUtils = require('./bundle-CLMFxMug.js');
 
 var RemoveMessage = function (props) {
-    var _a;
+    var _a, _b;
     var onCancel = props.onCancel, onSubmit = props.onSubmit, message = props.message;
     var stringSet = React.useContext(LocalizationContext.LocalizationContext).stringSet;
     var deleteMessage = Thread_context.useThreadContext().deleteMessage;
-    return (React.createElement(ui_Modal.Modal, { type: ui_Button.ButtonTypes.DANGER, disabled: ((_a = message === null || message === void 0 ? void 0 : message.threadInfo) === null || _a === void 0 ? void 0 : _a.replyCount) > 0, onCancel: onCancel, onSubmit: function () {
+    return (React.createElement(ui_Modal.Modal, { type: ui_Button.ButtonTypes.DANGER, disabled: ((_b = (_a = message.threadInfo) === null || _a === void 0 ? void 0 : _a.replyCount) !== null && _b !== void 0 ? _b : 0) > 0, onCancel: onCancel, onSubmit: function () {
             deleteMessage(message).then(function () {
                 onCancel === null || onCancel === void 0 ? void 0 : onCancel();
                 onSubmit === null || onSubmit === void 0 ? void 0 : onSubmit();
@@ -23,4 +23,4 @@ var RemoveMessage = function (props) {
 };
 
 exports.RemoveMessage = RemoveMessage;
-//# sourceMappingURL=bundle-Bc92JuA7.js.map
+//# sourceMappingURL=bundle-DioNt-g2.js.map

package/cjs/chunks/bundle-DioNt-g2.js.map

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

package/cjs/chunks/bundle-DjFJYSI3.js

@@ -0,0 +1,32 @@
+'use strict';
+
+var consts = require('./bundle-B9KKI197.js');
+var utils = require('./bundle-BYarXD6U.js');
+var uikitTools = require('@sendbird/uikit-tools');
+var useThrottleCallback = require('./bundle-q7OlAphN.js');
+
+var BUFFER_DELAY = 100;
+function useOnScrollPositionChangeDetector(params) {
+    var onReachedTop = params.onReachedTop, onReachedBottom = params.onReachedBottom, onInBetween = params.onInBetween;
+    var cb = uikitTools.usePreservedCallback(function (event) {
+        if (event === null || event === void 0 ? void 0 : event.target) {
+            var _a = event.target, scrollTop = _a.scrollTop, scrollHeight = _a.scrollHeight, clientHeight = _a.clientHeight;
+            var positionEvent = {
+                distanceFromBottom: scrollHeight - scrollTop - clientHeight,
+            };
+            if (onReachedTop && utils.isAboutSame(scrollTop, 0, consts.SCROLL_BUFFER)) {
+                onReachedTop(positionEvent);
+            }
+            else if (onReachedBottom && utils.isAboutSame(scrollHeight, clientHeight + scrollTop, consts.SCROLL_BUFFER)) {
+                onReachedBottom(positionEvent);
+            }
+            else if (onInBetween) {
+                onInBetween(positionEvent);
+            }
+        }
+    });
+    return useThrottleCallback.useThrottleCallback(cb, BUFFER_DELAY, { trailing: true });
+}
+
+exports.useOnScrollPositionChangeDetector = useOnScrollPositionChangeDetector;
+//# sourceMappingURL=bundle-DjFJYSI3.js.map

package/cjs/chunks/bundle-DjFJYSI3.js.map

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

package/cjs/chunks/{bundle-Pfx0MBr4.js → bundle-DmfO6_lp.js}

@@ -1,8 +1,8 @@
 'use strict';
 
-var _tslib = require('./bundle-C-r9vRgc.js');
+var _tslib = require('./bundle-BGmEoqIq.js');
 var React = require('react');
-var MediaQueryContext = require('./bundle-CLNUkVC8.js');
+var MediaQueryContext = require('./bundle-Bsd8mnLE.js');
 
 var DEFAULT_DURATION = 300;
 function preventDefault(e) {
@@ -76,4 +76,4 @@ function useLongPress(_a, _b) {
 }
 
 exports.useLongPress = useLongPress;
-//# sourceMappingURL=bundle-Pfx0MBr4.js.map
+//# sourceMappingURL=bundle-DmfO6_lp.js.map

package/cjs/chunks/bundle-DmfO6_lp.js.map

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

package/cjs/chunks/{bundle-CgOafeY_.js → bundle-Dq1gBmDY.js}

@@ -1,7 +1,7 @@
 'use strict';
 
-var index$1 = require('./bundle-CL-vjR4o.js');
-var index = require('./bundle-CjYhSLRD.js');
+var index$1 = require('./bundle-Bs4qGnBO.js');
+var index = require('./bundle-D95F7WKf.js');
 
 /**
  * @name isToday
@@ -166,4 +166,4 @@ function isYesterday(dirtyDate) {
 exports.isThisYear = isThisYear;
 exports.isToday = isToday;
 exports.isYesterday = isYesterday;
-//# sourceMappingURL=bundle-CgOafeY_.js.map
+//# sourceMappingURL=bundle-Dq1gBmDY.js.map

package/cjs/chunks/{bundle-CgOafeY_.js.map → bundle-Dq1gBmDY.js.map}

@@ -1 +1 @@
-{"version":3,"file":"bundle-CgOafeY_.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 */\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 */\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 */\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 */\nexport default function addDays(dirtyDate, dirtyAmount) {\n  requiredArgs(2, arguments);\n  var date = toDate(dirtyDate);\n  var amount = toInteger(dirtyAmount);\n  if (isNaN(amount)) {\n    return new Date(NaN);\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  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 */\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 */\nexport default function isYesterday(dirtyDate) {\n  requiredArgs(1, arguments);\n  return isSameDay(dirtyDate, subDays(Date.now(), 1));\n}"],"names":["requiredArgs","isSameDay","toDate","toInteger"],"mappings":"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","x_google_ignoreList":[0,1,2,3,4,5]}
+{"version":3,"file":"bundle-Dq1gBmDY.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 */\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 */\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 */\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 */\nexport default function addDays(dirtyDate, dirtyAmount) {\n  requiredArgs(2, arguments);\n  var date = toDate(dirtyDate);\n  var amount = toInteger(dirtyAmount);\n  if (isNaN(amount)) {\n    return new Date(NaN);\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  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 */\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 */\nexport default function isYesterday(dirtyDate) {\n  requiredArgs(1, arguments);\n  return isSameDay(dirtyDate, subDays(Date.now(), 1));\n}"],"names":["requiredArgs","isSameDay","toDate","toInteger"],"mappings":"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","x_google_ignoreList":[0,1,2,3,4,5]}

package/cjs/chunks/{bundle-DsrfvJYA.js → bundle-Dur9d2k7.js}

@@ -1,15 +1,16 @@
 'use strict';
 
-var _tslib = require('./bundle-C-r9vRgc.js');
+var _tslib = require('./bundle-BGmEoqIq.js');
 var React = require('react');
-var index$1 = require('./bundle-CjYhSLRD.js');
+var index$1 = require('./bundle-D95F7WKf.js');
 var ui_Icon = require('../ui/Icon.js');
-var ui_Label = require('./bundle-Deao1Upp.js');
+var ui_Label = require('./bundle-DgWaY7S0.js');
 var ui_Loader = require('../ui/Loader.js');
-var index$2 = require('./bundle-Cw7xe6J1.js');
+var index$2 = require('./bundle-CRjV-DLM.js');
 var utils_message_getOutgoingMessageState = require('../utils/message/getOutgoingMessageState.js');
-var index = require('./bundle-CgOafeY_.js');
-var LocalizationContext = require('./bundle-B7wJ4Hqk.js');
+var index = require('./bundle-Dq1gBmDY.js');
+var LocalizationContext = require('./bundle-u9XWE6Rm.js');
+var utils = require('./bundle-FcnFNV4V.js');
 
 var getChannelTitle = function (channel, currentUserId, stringSet) {
     var _a;
@@ -101,33 +102,37 @@ var getLastMessage = function (channel, stringSet) {
 };
 var getChannelUnreadMessageCount = function (channel) { return (channel === null || channel === void 0 ? void 0 : channel.unreadMessageCount) ? channel.unreadMessageCount : 0; };
 
+var _a, _b;
 var MessageStatusTypes = utils_message_getOutgoingMessageState.OutgoingMessageStates;
+var iconType = (_a = {},
+    _a[utils_message_getOutgoingMessageState.OutgoingMessageStates.SENT] = ui_Icon.IconTypes.DONE,
+    _a[utils_message_getOutgoingMessageState.OutgoingMessageStates.DELIVERED] = ui_Icon.IconTypes.DONE_ALL,
+    _a[utils_message_getOutgoingMessageState.OutgoingMessageStates.READ] = ui_Icon.IconTypes.DONE_ALL,
+    _a[utils_message_getOutgoingMessageState.OutgoingMessageStates.FAILED] = ui_Icon.IconTypes.ERROR,
+    _a[utils_message_getOutgoingMessageState.OutgoingMessageStates.PENDING] = undefined,
+    _a[utils_message_getOutgoingMessageState.OutgoingMessageStates.NONE] = undefined,
+    _a);
+var iconColor = (_b = {},
+    _b[utils_message_getOutgoingMessageState.OutgoingMessageStates.SENT] = ui_Icon.IconColors.SENT,
+    _b[utils_message_getOutgoingMessageState.OutgoingMessageStates.DELIVERED] = ui_Icon.IconColors.SENT,
+    _b[utils_message_getOutgoingMessageState.OutgoingMessageStates.READ] = ui_Icon.IconColors.READ,
+    _b[utils_message_getOutgoingMessageState.OutgoingMessageStates.FAILED] = ui_Icon.IconColors.ERROR,
+    _b[utils_message_getOutgoingMessageState.OutgoingMessageStates.PENDING] = undefined,
+    _b[utils_message_getOutgoingMessageState.OutgoingMessageStates.NONE] = undefined,
+    _b);
 function MessageStatus(_a) {
-    var _b, _c;
-    var _d;
-    var className = _a.className, message = _a.message, channel = _a.channel, _e = _a.isDateSeparatorConsidered, isDateSeparatorConsidered = _e === void 0 ? true : _e;
-    var _f = LocalizationContext.useLocalization(), stringSet = _f.stringSet, dateLocale = _f.dateLocale;
+    var _b;
+    var className = _a.className, message = _a.message, channel = _a.channel, _c = _a.isDateSeparatorConsidered, isDateSeparatorConsidered = _c === void 0 ? true : _c;
+    var _d = LocalizationContext.useLocalization(), stringSet = _d.stringSet, dateLocale = _d.dateLocale;
     var status = utils_message_getOutgoingMessageState.getOutgoingMessageState(channel, message);
-    var hideMessageStatusIcon = ((_d = channel === null || channel === void 0 ? void 0 : channel.isGroupChannel) === null || _d === void 0 ? void 0 : _d.call(channel)) && ((channel.isSuper || channel.isPublic || channel.isBroadcast)
+    var hideMessageStatusIcon = ((_b = channel === null || channel === void 0 ? void 0 : channel.isGroupChannel) === null || _b === void 0 ? void 0 : _b.call(channel)) && ((channel.isSuper || channel.isPublic || channel.isBroadcast)
         && !(status === utils_message_getOutgoingMessageState.OutgoingMessageStates.PENDING || status === utils_message_getOutgoingMessageState.OutgoingMessageStates.FAILED));
-    var iconType = (_b = {},
-        _b[utils_message_getOutgoingMessageState.OutgoingMessageStates.SENT] = ui_Icon.IconTypes.DONE,
-        _b[utils_message_getOutgoingMessageState.OutgoingMessageStates.DELIVERED] = ui_Icon.IconTypes.DONE_ALL,
-        _b[utils_message_getOutgoingMessageState.OutgoingMessageStates.READ] = ui_Icon.IconTypes.DONE_ALL,
-        _b[utils_message_getOutgoingMessageState.OutgoingMessageStates.FAILED] = ui_Icon.IconTypes.ERROR,
-        _b);
-    var iconColor = (_c = {},
-        _c[utils_message_getOutgoingMessageState.OutgoingMessageStates.SENT] = ui_Icon.IconColors.SENT,
-        _c[utils_message_getOutgoingMessageState.OutgoingMessageStates.DELIVERED] = ui_Icon.IconColors.SENT,
-        _c[utils_message_getOutgoingMessageState.OutgoingMessageStates.READ] = ui_Icon.IconColors.READ,
-        _c[utils_message_getOutgoingMessageState.OutgoingMessageStates.FAILED] = ui_Icon.IconColors.ERROR,
-        _c);
     return (React.createElement("div", { className: _tslib.__spreadArray(_tslib.__spreadArray([], (Array.isArray(className) ? className : [className]), true), [
             'sendbird-message-status',
         ], false).join(' ') },
-        (status === utils_message_getOutgoingMessageState.OutgoingMessageStates.PENDING) ? (React.createElement(ui_Loader, { className: "sendbird-message-status__icon", width: "16px", height: "16px" },
-            React.createElement(ui_Icon.default, { type: ui_Icon.IconTypes.SPINNER, fillColor: ui_Icon.IconColors.PRIMARY, width: "16px", height: "16px" }))) : (React.createElement(ui_Icon.default, { className: "sendbird-message-status__icon ".concat(hideMessageStatusIcon ? 'hide-icon' : '', " ").concat(status === utils_message_getOutgoingMessageState.OutgoingMessageStates.FAILED ? '' : 'sendbird-message-status--sent'), type: iconType[status] || ui_Icon.IconTypes.ERROR, fillColor: iconColor[status], width: "16px", height: "16px" })),
-        index$2.isSentStatus(status) && (React.createElement(ui_Label.Label, { className: "sendbird-message-status__text", type: ui_Label.LabelTypography.CAPTION_3, color: ui_Label.LabelColors.ONBACKGROUND_2 }, isDateSeparatorConsidered
+        (status === utils_message_getOutgoingMessageState.OutgoingMessageStates.PENDING) ? (React.createElement(ui_Loader, { className: "sendbird-message-status__icon", testID: "sendbird-message-status-icon", width: "16px", height: "16px" },
+            React.createElement(ui_Icon.default, { type: ui_Icon.IconTypes.SPINNER, fillColor: ui_Icon.IconColors.PRIMARY, width: "16px", height: "16px" }))) : (React.createElement(ui_Icon.default, { className: utils.classnames('sendbird-message-status__icon', hideMessageStatusIcon && 'hide-icon', status !== utils_message_getOutgoingMessageState.OutgoingMessageStates.FAILED && 'sendbird-message-status--sent'), testID: "sendbird-message-status-icon", type: iconType[status] || ui_Icon.IconTypes.ERROR, fillColor: iconColor[status], width: "16px", height: "16px" })),
+        index$2.isSentStatus(status) && (React.createElement(ui_Label.Label, { className: "sendbird-message-status__text", testID: "sendbird-message-status-text", type: ui_Label.LabelTypography.CAPTION_3, color: ui_Label.LabelColors.ONBACKGROUND_2 }, isDateSeparatorConsidered
             ? index$1.format((message === null || message === void 0 ? void 0 : message.createdAt) || 0, 'p', { locale: dateLocale })
             : getLastMessageCreatedAt({ channel: channel, locale: dateLocale, stringSet: stringSet })))));
 }
@@ -139,4 +144,4 @@ exports.getChannelUnreadMessageCount = getChannelUnreadMessageCount;
 exports.getLastMessage = getLastMessage;
 exports.getLastMessageCreatedAt = getLastMessageCreatedAt;
 exports.getTotalMembers = getTotalMembers;
-//# sourceMappingURL=bundle-DsrfvJYA.js.map
+//# sourceMappingURL=bundle-Dur9d2k7.js.map

package/cjs/chunks/bundle-Dur9d2k7.js.map

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

package/cjs/chunks/{bundle-Cvu5DOpl.js → bundle-DwaO4lk0.js}

@@ -1,22 +1,22 @@
 'use strict';
 
-var _tslib = require('./bundle-C-r9vRgc.js');
+var _tslib = require('./bundle-BGmEoqIq.js');
 var React = require('react');
-var index$1 = require('./bundle-CjYhSLRD.js');
-var LocalizationContext = require('./bundle-B7wJ4Hqk.js');
+var index = require('./bundle-D95F7WKf.js');
+var LocalizationContext = require('./bundle-u9XWE6Rm.js');
 var useSendbirdStateContext = require('../useSendbirdStateContext.js');
-var _const = require('./bundle-B2KKkvdj.js');
-var utils$1 = require('./bundle-DvpCzVKY.js');
+var _const = require('./bundle-Bz2MU4JV.js');
+var utils$1 = require('./bundle-DOQVOQQY.js');
 var Message_hooks_useDirtyGetMentions = require('../Message/hooks/useDirtyGetMentions.js');
-var index = require('./bundle-Cw7xe6J1.js');
+var index$1 = require('./bundle-CRjV-DLM.js');
 var ui_DateSeparator = require('../ui/DateSeparator.js');
-var ui_Label = require('./bundle-Deao1Upp.js');
+var ui_Label = require('./bundle-DgWaY7S0.js');
 var ui_MessageInput = require('../ui/MessageInput.js');
-var _const$1 = require('./bundle-C4UzGGy_.js');
+var _const$1 = require('./bundle-WrRM6A2K.js');
 var ui_MessageContent = require('../ui/MessageContent.js');
 var GroupChannel_components_SuggestedReplies = require('../GroupChannel/components/SuggestedReplies.js');
-var SuggestedMentionListView = require('./bundle-dr9zoU1D.js');
-var utils = require('./bundle-CLte647H.js');
+var SuggestedMentionListView = require('./bundle-0QB2GZ_W.js');
+var utils = require('./bundle-FcnFNV4V.js');
 
 var useDidMountEffect = function (func, deps) {
     var _a = React.useState(false), didMount = _a[0], setDidmount = _a[1];
@@ -153,17 +153,17 @@ var MessageView = function (props) {
                 onBeforeDownloadFileMessage: onBeforeDownloadFileMessage,
             }),
             shouldRenderSuggestedReplies && renderSuggestedReplies({
-                replyOptions: index.getSuggestedReplies(message),
+                replyOptions: index$1.getSuggestedReplies(message),
                 onSendMessage: sendUserMessage,
                 message: message,
                 type: groupChannel === null || groupChannel === void 0 ? void 0 : groupChannel.suggestedRepliesDirection,
             }),
-            showRemove && renderRemoveMessageModal({ message: message, onCancel: function () { return setShowRemove(false); } }),
+            showRemove && (renderRemoveMessageModal === null || renderRemoveMessageModal === void 0 ? void 0 : renderRemoveMessageModal({ message: message, onCancel: function () { return setShowRemove(false); } })),
             showFileViewer && renderFileViewer({ message: message, onCancel: function () { return setShowFileViewer(false); } })));
     };
     if (showEdit && ((_b = message === null || message === void 0 ? void 0 : message.isUserMessage) === null || _b === void 0 ? void 0 : _b.call(message))) {
         return ((renderEditInput === null || renderEditInput === void 0 ? void 0 : renderEditInput()) || (React.createElement(React.Fragment, null,
-            displaySuggestedMentionList && (React.createElement(SuggestedMentionListView.SuggestedMentionListView, { currentChannel: channel, targetNickname: mentionNickname, inputEvent: messageInputEvent, renderUserMentionItem: renderUserMentionItem, onUserItemClick: function (user) {
+            displaySuggestedMentionList && (React.createElement(SuggestedMentionListView.SuggestedMentionListView, { currentChannel: channel, targetNickname: mentionNickname, inputEvent: messageInputEvent !== null && messageInputEvent !== void 0 ? messageInputEvent : undefined, renderUserMentionItem: renderUserMentionItem, onUserItemClick: function (user) {
                     if (user) {
                         setMentionedUsers(_tslib.__spreadArray(_tslib.__spreadArray([], mentionedUsers, true), [user], false));
                     }
@@ -217,17 +217,14 @@ var MessageView = function (props) {
                     return false;
                 } }))));
     }
-    return (React.createElement("div", { className: index.getClassName([
-            'sendbird-msg-hoc sendbird-msg--scroll-ref',
-            isAnimated ? 'sendbird-msg-hoc__animated' : '',
-        ]), style: children || renderMessage ? undefined : { marginBottom: '2px' }, "data-sb-message-id": message.messageId, "data-sb-created-at": message.createdAt, ref: messageScrollRef },
+    return (React.createElement("div", { className: utils.classnames('sendbird-msg-hoc sendbird-msg--scroll-ref', isAnimated && 'sendbird-msg-hoc__animated'), "data-testid": "sendbird-message-view", style: children || renderMessage ? undefined : { marginBottom: '2px' }, "data-sb-message-id": message.messageId, "data-sb-created-at": message.createdAt, ref: messageScrollRef },
         hasSeparator
             && (renderedCustomSeparator || (React.createElement(ui_DateSeparator, null,
-                React.createElement(ui_Label.Label, { type: ui_Label.LabelTypography.CAPTION_2, color: ui_Label.LabelColors.ONBACKGROUND_2 }, index$1.format(message.createdAt, stringSet.DATE_FORMAT__MESSAGE_LIST__DATE_SEPARATOR, {
+                React.createElement(ui_Label.Label, { type: ui_Label.LabelTypography.CAPTION_2, color: ui_Label.LabelColors.ONBACKGROUND_2 }, index.format(message.createdAt, stringSet.DATE_FORMAT__MESSAGE_LIST__DATE_SEPARATOR, {
                     locale: dateLocale,
                 }))))),
         renderChildren()));
 };
 
 exports.MessageView = MessageView;
-//# sourceMappingURL=bundle-Cvu5DOpl.js.map
+//# sourceMappingURL=bundle-DwaO4lk0.js.map

package/cjs/chunks/{bundle-Cvu5DOpl.js.map → bundle-DwaO4lk0.js.map}

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