@sendbird/uikit-react 3.14.3 → 3.14.4

package/cjs/ui/FileMessageItemBody.js

@@ -1,79 +1,78 @@
 'use strict';
 
-var _tslib = require('../chunks/bundle-CY1bUkfG.js');
+var _tslib = require('../chunks/bundle-HGbi-rCv.js');
 var React = require('react');
-var ui_Label = require('../chunks/bundle-BuYf2Pa8.js');
+var ui_Label = require('../chunks/bundle-5_kPn4wU.js');
 var ui_Icon = require('./Icon.js');
 var ui_TextButton = require('./TextButton.js');
-var index = require('../chunks/bundle-D3Gxy8S0.js');
-var color = require('../chunks/bundle-DI-qrtXL.js');
-var MediaQueryContext = require('../chunks/bundle-BwEcnJDm.js');
+var index = require('../chunks/bundle-wl1uuzU7.js');
+var color = require('../chunks/bundle-DAxedY0T.js');
+var MediaQueryContext = require('../chunks/bundle-BwQ4BJif.js');
 var useSendbirdStateContext = require('../useSendbirdStateContext.js');
-var utils = require('../chunks/bundle-BDbnsPGF.js');
-require('../chunks/bundle-DvWHV-PM.js');
+var utils = require('../chunks/bundle-BoLhr7Ko.js');
+require('../chunks/bundle-gtkPlUrw.js');
 require('@sendbird/chat/groupChannel');
 require('../utils/message/getOutgoingMessageState.js');
-require('../chunks/bundle-Bka-H9ks.js');
 require('../withSendbird.js');
 
-function FileMessageItemBody(_a) {
-    var _this = this;
-    var _b, _c, _d;
-    var className = _a.className, message = _a.message, _e = _a.isByMe, isByMe = _e === void 0 ? false : _e, _f = _a.mouseHover, mouseHover = _f === void 0 ? false : _f, _g = _a.isReactionEnabled, isReactionEnabled = _g === void 0 ? false : _g, _h = _a.truncateLimit, truncateLimit = _h === void 0 ? null : _h, _j = _a.onBeforeDownloadFileMessage, onBeforeDownloadFileMessage = _j === void 0 ? null : _j;
-    var logger = null;
-    try {
-        logger = (_c = (_b = useSendbirdStateContext.useSendbirdStateContext()) === null || _b === void 0 ? void 0 : _b.config) === null || _c === void 0 ? void 0 : _c.logger;
-    }
-    catch (err) {
-        // TODO: Handle error
-    }
-    var isMobile = MediaQueryContext.useMediaQueryContext().isMobile;
-    var truncateMaxNum = truncateLimit || (isMobile ? 20 : null);
-    var downloadFileWithUrl = function () { return utils.openURL(message === null || message === void 0 ? void 0 : message.url); };
-    var handleOnClickTextButton = onBeforeDownloadFileMessage
-        ? function () { return _tslib.__awaiter(_this, void 0, void 0, function () {
-            var allowDownload, err_1;
-            var _a, _b;
-            return _tslib.__generator(this, function (_c) {
-                switch (_c.label) {
-                    case 0:
-                        _c.trys.push([0, 2, , 3]);
-                        return [4 /*yield*/, onBeforeDownloadFileMessage({ message: message })];
-                    case 1:
-                        allowDownload = _c.sent();
-                        if (allowDownload) {
-                            downloadFileWithUrl();
-                        }
-                        else {
-                            (_a = logger === null || logger === void 0 ? void 0 : logger.info) === null || _a === void 0 ? void 0 : _a.call(logger, 'FileMessageItemBody: Not allowed to download.');
-                        }
-                        return [3 /*break*/, 3];
-                    case 2:
-                        err_1 = _c.sent();
-                        (_b = logger === null || logger === void 0 ? void 0 : logger.error) === null || _b === void 0 ? void 0 : _b.call(logger, 'FileMessageItemBody: Error occurred while determining download continuation:', err_1);
-                        return [3 /*break*/, 3];
-                    case 3: return [2 /*return*/];
-                }
-            });
-        }); }
-        : downloadFileWithUrl;
-    return (React.createElement("div", { className: index.getClassName([
-            className,
-            'sendbird-file-message-item-body',
-            isByMe ? 'outgoing' : 'incoming',
-            mouseHover ? 'mouse-hover' : '',
-            (isReactionEnabled && ((_d = message === null || message === void 0 ? void 0 : message.reactions) === null || _d === void 0 ? void 0 : _d.length) > 0) ? 'reactions' : '',
-        ]) },
-        React.createElement("div", { className: "sendbird-file-message-item-body__file-icon" },
-            React.createElement(ui_Icon.default, { className: "sendbird-file-message-item-body__file-icon__icon", type: {
-                    IMAGE: ui_Icon.IconTypes.PHOTO,
-                    VIDEO: ui_Icon.IconTypes.PLAY,
-                    AUDIO: ui_Icon.IconTypes.FILE_AUDIO,
-                    GIF: ui_Icon.IconTypes.GIF,
-                    OTHERS: ui_Icon.IconTypes.FILE_DOCUMENT,
-                }[index.getUIKitFileType(message === null || message === void 0 ? void 0 : message.type)], fillColor: ui_Icon.IconColors.PRIMARY, width: "24px", height: "24px" })),
-        React.createElement(ui_TextButton, { className: "sendbird-file-message-item-body__file-name", onClick: handleOnClickTextButton, color: isByMe ? color.Colors.ONCONTENT_1 : color.Colors.ONBACKGROUND_1 },
-            React.createElement(ui_Label.Label, { className: "sendbird-file-message-item-body__file-name__text", type: ui_Label.LabelTypography.BODY_1, color: isByMe ? ui_Label.LabelColors.ONCONTENT_1 : ui_Label.LabelColors.ONBACKGROUND_1 }, index.truncateString((message === null || message === void 0 ? void 0 : message.name) || (message === null || message === void 0 ? void 0 : message.url), truncateMaxNum)))));
+function FileMessageItemBody(_a) {
+    var _this = this;
+    var _b, _c, _d;
+    var className = _a.className, message = _a.message, _e = _a.isByMe, isByMe = _e === void 0 ? false : _e, _f = _a.mouseHover, mouseHover = _f === void 0 ? false : _f, _g = _a.isReactionEnabled, isReactionEnabled = _g === void 0 ? false : _g, _h = _a.truncateLimit, truncateLimit = _h === void 0 ? null : _h, _j = _a.onBeforeDownloadFileMessage, onBeforeDownloadFileMessage = _j === void 0 ? null : _j;
+    var logger = null;
+    try {
+        logger = (_c = (_b = useSendbirdStateContext.useSendbirdStateContext()) === null || _b === void 0 ? void 0 : _b.config) === null || _c === void 0 ? void 0 : _c.logger;
+    }
+    catch (err) {
+        // TODO: Handle error
+    }
+    var isMobile = MediaQueryContext.useMediaQueryContext().isMobile;
+    var truncateMaxNum = truncateLimit || (isMobile ? 20 : null);
+    var downloadFileWithUrl = function () { return utils.openURL(message === null || message === void 0 ? void 0 : message.url); };
+    var handleOnClickTextButton = onBeforeDownloadFileMessage
+        ? function () { return _tslib.__awaiter(_this, void 0, void 0, function () {
+            var allowDownload, err_1;
+            var _a, _b;
+            return _tslib.__generator(this, function (_c) {
+                switch (_c.label) {
+                    case 0:
+                        _c.trys.push([0, 2, , 3]);
+                        return [4 /*yield*/, onBeforeDownloadFileMessage({ message: message })];
+                    case 1:
+                        allowDownload = _c.sent();
+                        if (allowDownload) {
+                            downloadFileWithUrl();
+                        }
+                        else {
+                            (_a = logger === null || logger === void 0 ? void 0 : logger.info) === null || _a === void 0 ? void 0 : _a.call(logger, 'FileMessageItemBody: Not allowed to download.');
+                        }
+                        return [3 /*break*/, 3];
+                    case 2:
+                        err_1 = _c.sent();
+                        (_b = logger === null || logger === void 0 ? void 0 : logger.error) === null || _b === void 0 ? void 0 : _b.call(logger, 'FileMessageItemBody: Error occurred while determining download continuation:', err_1);
+                        return [3 /*break*/, 3];
+                    case 3: return [2 /*return*/];
+                }
+            });
+        }); }
+        : downloadFileWithUrl;
+    return (React.createElement("div", { className: index.getClassName([
+            className,
+            'sendbird-file-message-item-body',
+            isByMe ? 'outgoing' : 'incoming',
+            mouseHover ? 'mouse-hover' : '',
+            (isReactionEnabled && ((_d = message === null || message === void 0 ? void 0 : message.reactions) === null || _d === void 0 ? void 0 : _d.length) > 0) ? 'reactions' : '',
+        ]) },
+        React.createElement("div", { className: "sendbird-file-message-item-body__file-icon" },
+            React.createElement(ui_Icon.default, { className: "sendbird-file-message-item-body__file-icon__icon", type: {
+                    IMAGE: ui_Icon.IconTypes.PHOTO,
+                    VIDEO: ui_Icon.IconTypes.PLAY,
+                    AUDIO: ui_Icon.IconTypes.FILE_AUDIO,
+                    GIF: ui_Icon.IconTypes.GIF,
+                    OTHERS: ui_Icon.IconTypes.FILE_DOCUMENT,
+                }[index.getUIKitFileType(message === null || message === void 0 ? void 0 : message.type)], fillColor: ui_Icon.IconColors.PRIMARY, width: "24px", height: "24px" })),
+        React.createElement(ui_TextButton, { className: "sendbird-file-message-item-body__file-name", onClick: handleOnClickTextButton, color: isByMe ? color.Colors.ONCONTENT_1 : color.Colors.ONBACKGROUND_1 },
+            React.createElement(ui_Label.Label, { className: "sendbird-file-message-item-body__file-name__text", type: ui_Label.LabelTypography.BODY_1, color: isByMe ? ui_Label.LabelColors.ONCONTENT_1 : ui_Label.LabelColors.ONBACKGROUND_1 }, index.truncateString((message === null || message === void 0 ? void 0 : message.name) || (message === null || message === void 0 ? void 0 : message.url), truncateMaxNum)))));
 }
 
 module.exports = FileMessageItemBody;

package/cjs/ui/FileMessageItemBody.js.map

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

package/cjs/ui/FileViewer.js

@@ -2,31 +2,37 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-require('../chunks/bundle-CY1bUkfG.js');
+require('../chunks/bundle-HGbi-rCv.js');
 require('react');
 require('react-dom');
-require('../chunks/bundle-E9H8fQL4.js');
-require('../hooks/useModal.js');
-require('../chunks/bundle-D3Gxy8S0.js');
-require('../chunks/bundle-BDbnsPGF.js');
-require('../chunks/bundle-oUs61pbv.js');
-require('../chunks/bundle-BuYf2Pa8.js');
+require('../chunks/bundle-oeWNUdCB.js');
+require('../chunks/bundle-CZfcXYaX.js');
+require('../chunks/bundle-wl1uuzU7.js');
+require('../chunks/bundle-BoLhr7Ko.js');
+require('../chunks/bundle-DxSB9NRz.js');
+require('../chunks/bundle-5_kPn4wU.js');
 require('./Icon.js');
-var ui_FileViewer = require('../chunks/bundle-D9hSjP4_.js');
-require('../chunks/bundle-CEueJUxG.js');
-require('../chunks/bundle-fG1bRzYE.js');
-require('../chunks/bundle-DvWHV-PM.js');
-require('../chunks/bundle-BwvM-P29.js');
-require('../chunks/bundle-Bka-H9ks.js');
-require('../chunks/bundle-BwEcnJDm.js');
+var ui_FileViewer = require('../chunks/bundle-C6a-umLQ.js');
+require('../chunks/bundle-bqRlVm3u.js');
+require('../chunks/bundle-gtkPlUrw.js');
+require('../chunks/bundle-BWGOXLHb.js');
+require('../chunks/bundle-BwQ4BJif.js');
 require('./IconButton.js');
 require('./Button.js');
+require('@sendbird/uikit-tools');
+require('../withSendbird.js');
+require('css-vars-ponyfill');
+require('@sendbird/chat');
+require('../chunks/bundle-1XtsxT8L.js');
+require('@sendbird/chat/openChannel');
 require('@sendbird/chat/groupChannel');
+require('../chunks/bundle-L3FEqZsK.js');
+require('../chunks/bundle-DfcEln0Z.js');
+require('../useSendbirdStateContext.js');
+require('../chunks/bundle-BTU876jx.js');
 require('../utils/message/getOutgoingMessageState.js');
 require('./ImageRenderer.js');
-require('../chunks/bundle-C-zGGOpz.js');
-require('../chunks/bundle-DnXNmdmw.js');
-require('@sendbird/uikit-tools');
+require('../chunks/bundle-C93-onMF.js');
 
 
 

package/cjs/ui/FileViewer.js.map

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

package/cjs/ui/Header.js

@@ -0,0 +1,53 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var _tslib = require('../chunks/bundle-HGbi-rCv.js');
+var React = require('react');
+var ui_Label = require('../chunks/bundle-5_kPn4wU.js');
+var MediaQueryContext = require('../chunks/bundle-BwQ4BJif.js');
+var ui_TextButton = require('./TextButton.js');
+var ui_Icon = require('./Icon.js');
+var ui_IconButton = require('./IconButton.js');
+var utils = require('../chunks/bundle-BoLhr7Ko.js');
+require('../chunks/bundle-gtkPlUrw.js');
+require('../chunks/bundle-DAxedY0T.js');
+
+var Header = function (_a) {
+    var _b;
+    var className = _a.className, renderLeft = _a.renderLeft, renderRight = _a.renderRight, renderMiddle = _a.renderMiddle;
+    var isMobile = false;
+    try {
+        isMobile = (_b = MediaQueryContext.useMediaQueryContext === null || MediaQueryContext.useMediaQueryContext === void 0 ? void 0 : MediaQueryContext.useMediaQueryContext()) === null || _b === void 0 ? void 0 : _b.isMobile;
+    }
+    catch (err) {
+        // TODO: handle it
+    }
+    return (React.createElement("div", { className: "sendbird-ui-header ".concat(className) },
+        renderLeft ? (React.createElement("div", { className: "sendbird-ui-header__left sendbird-ui-header--is-".concat(isMobile ? 'mobile' : 'desktop') }, renderLeft === null || renderLeft === void 0 ? void 0 : renderLeft())) : null,
+        React.createElement("div", { className: "sendbird-ui-header__middle" }, renderMiddle === null || renderMiddle === void 0 ? void 0 : renderMiddle()),
+        renderRight ? (React.createElement("div", { className: "sendbird-ui-header__right sendbird-ui-header--is-".concat(isMobile ? 'mobile' : 'desktop') }, renderRight === null || renderRight === void 0 ? void 0 : renderRight())) : null));
+};
+var Title = function (_a) {
+    var title = _a.title, subtitle = _a.subtitle, onClickSubtitle = _a.onClickSubtitle;
+    return (React.createElement("div", { className: "sendbird-ui-header__middle" },
+        title && (React.createElement(ui_Label.Label, { className: "sendbird-ui-header__middle__title", type: ui_Label.LabelTypography.H_2, color: ui_Label.LabelColors.ONBACKGROUND_1 }, title)),
+        subtitle && (onClickSubtitle ? (React.createElement(ui_TextButton, { className: "sendbird-ui-header__middle__subtitle__container", onClick: onClickSubtitle, disableUnderline: true },
+            React.createElement(ui_Label.Label, { className: "sendbird-ui-header__middle__subtitle", type: ui_Label.LabelTypography.CAPTION_3, color: ui_Label.LabelColors.ONBACKGROUND_2 }, subtitle))) : (React.createElement(ui_Label.Label, { className: "sendbird-ui-header__middle__subtitle", type: ui_Label.LabelTypography.BODY_1, color: ui_Label.LabelColors.ONBACKGROUND_2 }, subtitle)))));
+};
+var IconButton = function (_a) {
+    var className = _a.className, onClick = _a.onClick, type = _a.type, color = _a.color, _b = _a.width, width = _b === void 0 ? '32px' : _b, _c = _a.height, height = _c === void 0 ? '32px' : _c, _d = _a.renderIcon, renderIcon = _d === void 0 ? function (props) { return React.createElement(Icon, _tslib.__assign({}, props)); } : _d;
+    return (React.createElement(ui_IconButton, { className: className, width: width, height: height, onClick: onClick }, renderIcon({ type: type, color: color })));
+};
+var Icon = function (_a) {
+    var className = _a.className, type = _a.type, color = _a.color, _b = _a.width, width = _b === void 0 ? '22px' : _b, _c = _a.height, height = _c === void 0 ? '22px' : _c, _d = _a.onClick, onClick = _d === void 0 ? utils.noop : _d;
+    return (React.createElement(ui_Icon.default, { className: className, type: type, fillColor: color, width: width, height: height, onClick: function (e) { return onClick === null || onClick === void 0 ? void 0 : onClick(e); } }));
+};
+var Header$1 = Object.assign(Header, { Title: Title, IconButton: IconButton, Icon: Icon });
+
+exports.Header = Header;
+exports.Icon = Icon;
+exports.IconButton = IconButton;
+exports.Title = Title;
+exports.default = Header$1;
+//# sourceMappingURL=Header.js.map

package/cjs/ui/Header.js.map

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