@sendbird/uikit-react 3.12.1 → 3.13.1

package/cjs/ui/EmojiReactions.js

@@ -6,39 +6,39 @@ var ui_ReactionButton = require('./ReactionButton.js');
 var ui_ImageRenderer = require('./ImageRenderer.js');
 var ui_Icon = require('./Icon.js');
 var ui_ContextMenu = require('./ContextMenu.js');
-var index = require('../chunks/bundle-opmIFrXg.js');
+var index = require('../chunks/bundle-gCywzCVk.js');
 var ui_BottomSheet = require('./BottomSheet.js');
-var ui_Label = require('../chunks/bundle-12iJO39c.js');
+var ui_Label = require('../chunks/bundle-y7M4yzjp.js');
 var ui_UserListItem = require('./UserListItem.js');
-var _tslib = require('../chunks/bundle-QauQilHV.js');
+var _tslib = require('../chunks/bundle-0_XeBL9s.js');
 var ui_Tooltip = require('./Tooltip.js');
 var ui_TooltipWrapper = require('./TooltipWrapper.js');
-var MediaQueryContext = require('../chunks/bundle-xTAz4Z91.js');
-var useLongPress = require('../chunks/bundle-0vl1G6aF.js');
-var LocalizationContext = require('../chunks/bundle-rGYP82Yc.js');
+var MediaQueryContext = require('../chunks/bundle-NlYqioOJ.js');
+var useLongPress = require('../chunks/bundle-lhYJWwkC.js');
+var LocalizationContext = require('../chunks/bundle-2mYNn3cL.js');
 var useSendbirdStateContext = require('../useSendbirdStateContext.js');
 var Message_context = require('../Message/context.js');
-require('../chunks/bundle-JfUvL0pn.js');
-require('../chunks/bundle-DGXRqeiH.js');
+require('../chunks/bundle-7WTXh7Qd.js');
+require('../chunks/bundle-h5InIJAx.js');
 require('react-dom');
 require('./SortByRow.js');
-require('../chunks/bundle-BAZMzxRI.js');
+require('../chunks/bundle-1MVKpHty.js');
 require('@sendbird/chat/groupChannel');
 require('../utils/message/getOutgoingMessageState.js');
-require('../chunks/bundle-7pGAEUaG.js');
+require('../chunks/bundle-0tffesFh.js');
 require('../hooks/useModal.js');
-require('../chunks/bundle-3eINsVVm.js');
+require('../chunks/bundle-21xpspuo.js');
 require('./IconButton.js');
 require('./Button.js');
-require('../chunks/bundle-6uWmKzjA.js');
-require('../chunks/bundle-o2GWKL_d.js');
-require('../chunks/bundle-BujsZjS_.js');
-require('../chunks/bundle-hR3vnZG1.js');
+require('../chunks/bundle-bRa1uu9u.js');
+require('../chunks/bundle-46h-dSCc.js');
+require('../chunks/bundle-cdInBvCf.js');
+require('../chunks/bundle-cA3flg73.js');
 require('./MutedAvatarOverlay.js');
 require('./Checkbox.js');
 require('./UserProfile.js');
 require('../sendbirdSelectors.js');
-require('../chunks/bundle-Ktg9Of7w.js');
+require('../chunks/bundle-l4hJRoVO.js');
 require('../withSendbird.js');
 
 var ReactedMembersBottomSheet = function (_a) {

package/cjs/ui/FallbackTemplateMessageItemBody.tsx.js

@@ -0,0 +1,34 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var React = require('react');
+var LocalizationContext = require('../chunks/bundle-2mYNn3cL.js');
+var index = require('../chunks/bundle-gCywzCVk.js');
+var ui_Label = require('../chunks/bundle-y7M4yzjp.js');
+require('../chunks/bundle-7WTXh7Qd.js');
+require('../chunks/bundle-bRa1uu9u.js');
+require('../chunks/bundle-0_XeBL9s.js');
+require('@sendbird/chat/groupChannel');
+require('../utils/message/getOutgoingMessageState.js');
+require('../chunks/bundle-0tffesFh.js');
+
+function FallbackTemplateMessageItemBody(_a) {
+    var className = _a.className, message = _a.message, isByMe = _a.isByMe;
+    var stringSet = React.useContext(LocalizationContext.LocalizationContext).stringSet;
+    var text = message['message'];
+    return (React.createElement("div", { className: index.getClassName([
+            className,
+            isByMe ? 'outgoing' : 'incoming',
+            'sendbird-template-message-item-body__fallback_message',
+        ]) }, text
+        ? React.createElement(React.Fragment, null,
+            React.createElement(ui_Label.Label, { type: ui_Label.LabelTypography.BODY_1, color: ui_Label.LabelColors.ONCONTENT_INVERSE_1 }, text))
+        : React.createElement(React.Fragment, null,
+            React.createElement(ui_Label.Label, { className: 'sendbird-template-message-item-body__fallback_message__header', type: ui_Label.LabelTypography.BODY_1, color: ui_Label.LabelColors.ONCONTENT_INVERSE_1 }, stringSet.UNKNOWN__TEMPLATE_ERROR),
+            React.createElement(ui_Label.Label, { className: 'sendbird-template-message-item-body__fallback_message__description', type: ui_Label.LabelTypography.BODY_1, color: ui_Label.LabelColors.ONCONTENT_INVERSE_5 }, stringSet.UNKNOWN__CANNOT_READ_TEMPLATE))));
+}
+
+exports.FallbackTemplateMessageItemBody = FallbackTemplateMessageItemBody;
+exports.default = FallbackTemplateMessageItemBody;
+//# sourceMappingURL=FallbackTemplateMessageItemBody.tsx.js.map

package/cjs/ui/FallbackTemplateMessageItemBody.tsx.js.map

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

package/cjs/ui/FileMessageItemBody.js

@@ -1,18 +1,18 @@
 'use strict';
 
 var React = require('react');
-var ui_Label = require('../chunks/bundle-12iJO39c.js');
+var ui_Label = require('../chunks/bundle-y7M4yzjp.js');
 var ui_Icon = require('./Icon.js');
 var ui_TextButton = require('./TextButton.js');
-var index = require('../chunks/bundle-opmIFrXg.js');
-var color = require('../chunks/bundle-q15q65dt.js');
-var MediaQueryContext = require('../chunks/bundle-xTAz4Z91.js');
-require('../chunks/bundle-QauQilHV.js');
-require('../chunks/bundle-JfUvL0pn.js');
-require('../chunks/bundle-DGXRqeiH.js');
+var index = require('../chunks/bundle-gCywzCVk.js');
+var color = require('../chunks/bundle-Af1jmrRE.js');
+var MediaQueryContext = require('../chunks/bundle-NlYqioOJ.js');
+require('../chunks/bundle-0_XeBL9s.js');
+require('../chunks/bundle-7WTXh7Qd.js');
+require('../chunks/bundle-h5InIJAx.js');
 require('@sendbird/chat/groupChannel');
 require('../utils/message/getOutgoingMessageState.js');
-require('../chunks/bundle-7pGAEUaG.js');
+require('../chunks/bundle-0tffesFh.js');
 
 function FileMessageItemBody(_a) {
     var _b;

package/cjs/ui/FileViewer.js

@@ -2,30 +2,30 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-require('../chunks/bundle-QauQilHV.js');
+require('../chunks/bundle-0_XeBL9s.js');
 require('react');
 require('react-dom');
-require('../chunks/bundle-rGYP82Yc.js');
+require('../chunks/bundle-2mYNn3cL.js');
 require('../hooks/useModal.js');
-require('../chunks/bundle-opmIFrXg.js');
-require('../chunks/bundle-DGXRqeiH.js');
-require('../chunks/bundle-BujsZjS_.js');
-require('../chunks/bundle-12iJO39c.js');
+require('../chunks/bundle-gCywzCVk.js');
+require('../chunks/bundle-h5InIJAx.js');
+require('../chunks/bundle-cdInBvCf.js');
+require('../chunks/bundle-y7M4yzjp.js');
 require('./Icon.js');
-var ui_FileViewer = require('../chunks/bundle-yzcXd9DQ.js');
-require('../chunks/bundle-jh0UjnOb.js');
-require('../chunks/bundle-3eINsVVm.js');
-require('../chunks/bundle-JfUvL0pn.js');
-require('../chunks/bundle-6uWmKzjA.js');
-require('../chunks/bundle-7pGAEUaG.js');
-require('../chunks/bundle-xTAz4Z91.js');
+var ui_FileViewer = require('../chunks/bundle-tNBLsc90.js');
+require('../chunks/bundle-4TLu25Dk.js');
+require('../chunks/bundle-21xpspuo.js');
+require('../chunks/bundle-7WTXh7Qd.js');
+require('../chunks/bundle-bRa1uu9u.js');
+require('../chunks/bundle-0tffesFh.js');
+require('../chunks/bundle-NlYqioOJ.js');
 require('./IconButton.js');
 require('./Button.js');
 require('@sendbird/chat/groupChannel');
 require('../utils/message/getOutgoingMessageState.js');
 require('./ImageRenderer.js');
-require('../chunks/bundle-hR3vnZG1.js');
-require('../chunks/bundle-Oq2WwdJI.js');
+require('../chunks/bundle-cA3flg73.js');
+require('../chunks/bundle-0OVYmgjV.js');
 require('@sendbird/uikit-tools');
 
 

package/cjs/ui/Icon.js

@@ -2,9 +2,9 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-var _tslib = require('../chunks/bundle-QauQilHV.js');
+var _tslib = require('../chunks/bundle-0_XeBL9s.js');
 var React = require('react');
-var utils = require('../chunks/bundle-DGXRqeiH.js');
+var utils = require('../chunks/bundle-h5InIJAx.js');
 
 function _interopNamespaceDefault(e) {
   var n = Object.create(null);
@@ -97,6 +97,7 @@ var Colors = {
     SECONDARY: 'SECONDARY',
     CONTENT: 'CONTENT',
     CONTENT_INVERSE: 'CONTENT_INVERSE',
+    CONTENT_INVERSE_5: 'CONTENT_INVERSE_5',
     WHITE: 'WHITE',
     GRAY: 'GRAY',
     THUMBNAIL_ICON: 'THUMBNAIL_ICON',
@@ -117,6 +118,7 @@ function changeColorToClassName(color) {
         case Colors.SECONDARY: return 'sendbird-icon-color--secondary';
         case Colors.CONTENT: return 'sendbird-icon-color--content';
         case Colors.CONTENT_INVERSE: return 'sendbird-icon-color--content-inverse';
+        case Colors.CONTENT_INVERSE_5: return 'sendbird-icon-color--content-inverse-5';
         case Colors.WHITE: return 'sendbird-icon-color--white';
         case Colors.GRAY: return 'sendbird-icon-color--gray';
         case Colors.THUMBNAIL_ICON: return 'sendbird-icon-color--thumbnail-icon';