@elice/material-exercise 1.251120.1 → 1.260128.0-rc.0

package/cjs/components/material-exercise/exercise-room/ExerciseRoom.styled.js

@@ -1,39 +1,47 @@
 'use strict';
 
+var _styled = require('@emotion/styled/base');
 var designTokens = require('@elice/design-tokens');
-var styled = require('styled-components');
 
 function _interopDefaultCompat (e) { return e && typeof e === 'object' && 'default' in e ? e : { default: e }; }
 
-var styled__default = /*#__PURE__*/_interopDefaultCompat(styled);
+var _styled__default = /*#__PURE__*/_interopDefaultCompat(_styled);
 
-var StyledExerciseRoomTableWrapper = styled__default.default.div.withConfig({
-  componentId: "sc-r4oydl-0"
-})(["overflow-y:auto;max-height:25rem;border-radius:4px;background-color:", ";height:18.75rem;"], designTokens.base.color.navy7);
-var StyledExerciseRoomTable = styled__default.default.table.withConfig({
-  componentId: "sc-r4oydl-1"
-})(["width:100%;color:", ";border-collapse:collapse;"], designTokens.base.color.navy2);
-var StyledExerciseRoomThead = styled__default.default.thead.withConfig({
-  componentId: "sc-r4oydl-2"
-})(["& th{position:sticky;top:0;background-color:", ";z-index:100;border-bottom:1px solid ", ";}"], designTokens.base.color.navy7, designTokens.base.color.navy6);
-var StyledExerciseRoomTd = styled__default.default.td.withConfig({
-  componentId: "sc-r4oydl-3"
-})(["padding:0.875rem 1rem;"]);
-var StyledExerciseRoomTr = styled__default.default.tr.withConfig({
-  componentId: "sc-r4oydl-4"
-})([""]);
-var StyledExerciseRoomTbody = styled__default.default.tbody.withConfig({
-  componentId: "sc-r4oydl-5"
-})(["", "{border-bottom:1px solid ", ";}", ":hover{background-color:", ";cursor:", ";}", "{height:3.25rem;}"], StyledExerciseRoomTr, designTokens.base.color.navy6, StyledExerciseRoomTr, function (_ref) {
+function _EMOTION_STRINGIFIED_CSS_ERROR__() { return "You have tried to stringify object returned from `css` function. It isn't supposed to be used directly (e.g. as value of the `className` prop), but rather handed to emotion so it can handle it (e.g. as value of `css` prop)."; }
+var StyledExerciseRoomTableWrapper = /*#__PURE__*/_styled__default.default("div", {
+  target: "e1sros4l6"
+})("overflow-y:auto;max-height:25rem;border-radius:4px;background-color:", designTokens.base.color.navy7, ";height:18.75rem;");
+var StyledExerciseRoomTable = /*#__PURE__*/_styled__default.default("table", {
+  target: "e1sros4l5"
+})("width:100%;color:", designTokens.base.color.navy2, ";border-collapse:collapse;");
+var StyledExerciseRoomThead = /*#__PURE__*/_styled__default.default("thead", {
+  target: "e1sros4l4"
+})("& th{position:sticky;top:0;background-color:", designTokens.base.color.navy7, ";z-index:100;border-bottom:1px solid ", designTokens.base.color.navy6, ";}");
+var StyledExerciseRoomTd = /*#__PURE__*/_styled__default.default("td", {
+  target: "e1sros4l3"
+})("production" === "production" ? {
+  name: "1brii92",
+  styles: "padding:0.875rem 1rem"
+} : {
+  name: "1brii92",
+  styles: "padding:0.875rem 1rem",
+  toString: _EMOTION_STRINGIFIED_CSS_ERROR__
+});
+var StyledExerciseRoomTr = /*#__PURE__*/_styled__default.default("tr", {
+  target: "e1sros4l2"
+})();
+var StyledExerciseRoomTbody = /*#__PURE__*/_styled__default.default("tbody", {
+  target: "e1sros4l1"
+})(StyledExerciseRoomTr, "{border-bottom:1px solid ", designTokens.base.color.navy6, ";}", StyledExerciseRoomTr, ":hover{background-color:", function (_ref) {
   var hoverable = _ref.hoverable;
   return hoverable ? designTokens.base.color.navy5 : '';
-}, function (_ref2) {
+}, ";cursor:", function (_ref2) {
   var hoverable = _ref2.hoverable;
   return hoverable ? 'pointer' : 'auto';
-}, StyledExerciseRoomTd);
-var StyledExerciseRoomTh = styled__default.default.th.withConfig({
-  componentId: "sc-r4oydl-6"
-})(["font-weight:bold;font-size:", ";padding:0.875rem 1rem;text-align:left;"], designTokens.base.size.body1);
+}, ";}", StyledExerciseRoomTd, "{height:3.25rem;}");
+var StyledExerciseRoomTh = /*#__PURE__*/_styled__default.default("th", {
+  target: "e1sros4l0"
+})("font-weight:bold;font-size:", designTokens.base.size.body1, ";padding:0.875rem 1rem;text-align:left;");
 
 exports.StyledExerciseRoomTable = StyledExerciseRoomTable;
 exports.StyledExerciseRoomTableWrapper = StyledExerciseRoomTableWrapper;

package/cjs/components/material-exercise/exercise-room/ExerciseRoomDetail.js

@@ -3,6 +3,7 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
 var _rollupPluginBabelHelpers = require('../../../_virtual/_rollupPluginBabelHelpers.js');
+var _styled = require('@emotion/styled/base');
 var jsxRuntime = require('react/jsx-runtime');
 var React = require('react');
 var reactUse = require('react-use');
@@ -14,29 +15,25 @@ var intl = require('@elice/intl');
 var types = require('@elice/types');
 var _ = require('lodash');
 var recoil = require('recoil');
-var styled = require('styled-components');
+var ExerciseRoom_styled = require('./ExerciseRoom.styled.js');
 var recoil$1 = require('../context/recoil.js');
-var context = require('../context/context.js');
-require('../context/recoilTypes.js');
-require('../context/subjects.js');
-require('../context/ExerciseProvider.js');
 var exerciseRoomPermissionStringConvertor = require('./helpers/exerciseRoomPermissionStringConvertor.js');
-var ExerciseRoom_styled = require('./ExerciseRoom.styled.js');
+var context = require('../context/context.js');
 
 function _interopDefaultCompat (e) { return e && typeof e === 'object' && 'default' in e ? e : { default: e }; }
 
+var _styled__default = /*#__PURE__*/_interopDefaultCompat(_styled);
 var React__default = /*#__PURE__*/_interopDefaultCompat(React);
 var ___default = /*#__PURE__*/_interopDefaultCompat(_);
-var styled__default = /*#__PURE__*/_interopDefaultCompat(styled);
 
-var StyledModal = styled__default.default(blocks.Modal).withConfig({
-  componentId: "sc-x9irqe-0"
-})(["& > div:first-child{.eb-button{color:", ";&:hover{color:", ";}}}& .eb-input[width='full']{*:not(button,button > *){background-color:", ";color:", ";}& > div{border:1px solid ", ";}}& .eb-select{*{background-color:", ";color:", ";}& > div{border:1px solid ", ";}& select{padding-top:6px;padding-bottom:6px;height:2rem;font-size:0.75rem;}}"], designTokens.base.color.navy0, designTokens.base.color.navy0, designTokens.base.color.navy7, designTokens.base.color.navy0, designTokens.base.color.navy6, designTokens.base.color.navy6, designTokens.base.color.navy0, designTokens.base.color.navy5);
+var StyledModal = /*#__PURE__*/_styled__default.default(blocks.Modal, {
+  target: "euc63q70"
+})("&>div:first-child{.eb-button{color:", designTokens.base.color.navy0, ";&:hover{color:", designTokens.base.color.navy0, ";}}}& .eb-input[width='full']{*:not(button, button > *){background-color:", designTokens.base.color.navy7, ";color:", designTokens.base.color.navy0, ";}&>div{border:1px solid ", designTokens.base.color.navy6, ";}}& .eb-select{*{background-color:", designTokens.base.color.navy6, ";color:", designTokens.base.color.navy0, ";}&>div{border:1px solid ", designTokens.base.color.navy5, ";}& select{padding-top:6px;padding-bottom:6px;height:2rem;font-size:0.75rem;}}");
 var MaterialExerciseExerciseRoomDetail = function MaterialExerciseExerciseRoomDetail(_ref) {
   var selectedExerciseRoomId = _ref.selectedExerciseRoomId,
     goToList = _ref.goToList,
     onHide = _ref.onHide;
-  var _a, _b, _c, _d, _e;
+  var _a, _b, _c, _d;
   var intl$1 = intl.useRawEliceIntl();
   var _React$useContext = React__default.default.useContext(context.ExerciseContext),
     materialExerciseId = _React$useContext.materialExerciseId,
@@ -60,24 +57,24 @@ var MaterialExerciseExerciseRoomDetail = function MaterialExerciseExerciseRoomDe
     search = _React$useState8[0],
     setSearch = _React$useState8[1];
   var _React$useState9 = React__default.default.useState(''),
-    _React$useState10 = _rollupPluginBabelHelpers.slicedToArray(_React$useState9, 2),
-    debouncedSearch = _React$useState10[0],
-    setDebouncedSearch = _React$useState10[1];
-  var _React$useState11 = React__default.default.useState([]),
+    _React$useState0 = _rollupPluginBabelHelpers.slicedToArray(_React$useState9, 2),
+    debouncedSearch = _React$useState0[0],
+    setDebouncedSearch = _React$useState0[1];
+  var _React$useState1 = React__default.default.useState([]),
+    _React$useState10 = _rollupPluginBabelHelpers.slicedToArray(_React$useState1, 2),
+    exerciseRoomUserList = _React$useState10[0],
+    setExerciseRoomUserList = _React$useState10[1];
+  var _React$useState11 = React__default.default.useState(false),
     _React$useState12 = _rollupPluginBabelHelpers.slicedToArray(_React$useState11, 2),
-    exerciseRoomUserList = _React$useState12[0],
-    setExerciseRoomUserList = _React$useState12[1];
+    isLeaveDialogOpen = _React$useState12[0],
+    setIsLeaveDialogOpen = _React$useState12[1];
   var _React$useState13 = React__default.default.useState(false),
     _React$useState14 = _rollupPluginBabelHelpers.slicedToArray(_React$useState13, 2),
-    isLeaveDialogOpen = _React$useState14[0],
-    setIsLeaveDialogOpen = _React$useState14[1];
-  var _React$useState15 = React__default.default.useState(false),
-    _React$useState16 = _rollupPluginBabelHelpers.slicedToArray(_React$useState15, 2),
-    isDeleting = _React$useState16[0],
-    setIsDeleting = _React$useState16[1];
-  var isThisChatRoomOwner = (_b = ((_a = exerciseRoom === null || exerciseRoom === void 0 ? void 0 : exerciseRoom.roomUsers.find(function (roomUser) {
+    isDeleting = _React$useState14[0],
+    setIsDeleting = _React$useState14[1];
+  var isThisChatRoomOwner = ((_a = exerciseRoom === null || exerciseRoom === void 0 ? void 0 : exerciseRoom.roomUsers.find(function (roomUser) {
     return roomUser.user.id === (user === null || user === void 0 ? void 0 : user.id);
-  })) === null || _a === void 0 ? void 0 : _a.permission) === types.enums.ExerciseRoomPermission.Owner) !== null && _b !== void 0 ? _b : false;
+  })) === null || _a === void 0 ? void 0 : _a.permission) === types.enums.ExerciseRoomPermission.Owner;
   var shareLink = materialExercise ? "https://".concat(window.location.host, "/courses/").concat(materialExercise._courseId, "/lectures/").concat(materialExercise === null || materialExercise === void 0 ? void 0 : materialExercise._lectureId, "/lecturepages/").concat(materialExercise === null || materialExercise === void 0 ? void 0 : materialExercise._lecturePageId, "/projects/").concat(selectedExerciseRoomId) : '';
   var _useCopyToClipboard = reactUse.useCopyToClipboard(),
     _useCopyToClipboard2 = _rollupPluginBabelHelpers.slicedToArray(_useCopyToClipboard, 2),
@@ -103,7 +100,7 @@ var MaterialExerciseExerciseRoomDetail = function MaterialExerciseExerciseRoomDe
       setTitle(res.exerciseRoom.title);
       setDebouncedTitle(res.exerciseRoom.title);
       setExerciseRoomUserList(list);
-    }).catch(console.error);
+    })["catch"](console.error);
   }, [selectedExerciseRoomId]);
   var doPostOrgMaterialExerciseExerciseRoomEdit = React__default.default.useCallback(function (publicPermission) {
     if (exerciseRoom && materialExercise) {
@@ -114,7 +111,7 @@ var MaterialExerciseExerciseRoomDetail = function MaterialExerciseExerciseRoomDe
         exerciseRoomId: selectedExerciseRoomId
       }).then(function () {
         return doGetOrgMaterialExerciseExerciseRoomGet();
-      }).catch(console.error);
+      })["catch"](console.error);
     }
   }, [doGetOrgMaterialExerciseExerciseRoomGet, exerciseRoom, selectedExerciseRoomId, materialExercise]);
   var doPostOrgMaterialExerciseExerciseRoomDefaultRoomSet = React__default.default.useCallback(function () {
@@ -122,7 +119,7 @@ var MaterialExerciseExerciseRoomDetail = function MaterialExerciseExerciseRoomDe
       exerciseRoomId: selectedExerciseRoomId
     }).then(function () {
       return doGetOrgMaterialExerciseExerciseRoomGet();
-    }).catch(console.error);
+    })["catch"](console.error);
   }, [doGetOrgMaterialExerciseExerciseRoomGet, selectedExerciseRoomId]);
   reactUse.useDebounce(function () {
     setDebouncedSearch(search);
@@ -155,18 +152,18 @@ var MaterialExerciseExerciseRoomDetail = function MaterialExerciseExerciseRoomDe
             }]
           }]
         }
-      }).then( /*#__PURE__*/function () {
-        var _ref3 = _rollupPluginBabelHelpers.asyncToGenerator( /*#__PURE__*/_rollupPluginBabelHelpers.regeneratorRuntime().mark(function _callee(res) {
+      }).then(/*#__PURE__*/function () {
+        var _ref3 = _rollupPluginBabelHelpers.asyncToGenerator(/*#__PURE__*/_rollupPluginBabelHelpers.regenerator().m(function _callee(res) {
           var _yield$getOrgMaterial, exerciseRoom, list;
-          return _rollupPluginBabelHelpers.regeneratorRuntime().wrap(function _callee$(_context) {
-            while (1) switch (_context.prev = _context.next) {
+          return _rollupPluginBabelHelpers.regenerator().w(function (_context) {
+            while (1) switch (_context.n) {
               case 0:
-                _context.next = 2;
+                _context.n = 1;
                 return apiClient.getOrgMaterialExerciseExerciseRoomGet({
                   exerciseRoomId: selectedExerciseRoomId
                 });
-              case 2:
-                _yield$getOrgMaterial = _context.sent;
+              case 1:
+                _yield$getOrgMaterial = _context.v;
                 exerciseRoom = _yield$getOrgMaterial.exerciseRoom;
                 list = ___default.default.map(res.users, function (_ref4) {
                   var id = _ref4.id,
@@ -183,16 +180,15 @@ var MaterialExerciseExerciseRoomDetail = function MaterialExerciseExerciseRoomDe
                   };
                 });
                 setExerciseRoomUserList(list);
-              case 6:
-              case "end":
-                return _context.stop();
+              case 2:
+                return _context.a(2);
             }
           }, _callee);
         }));
         return function (_x) {
           return _ref3.apply(this, arguments);
         };
-      }()).catch(console.error);
+      }())["catch"](console.error);
     }
   }, [debouncedSearch, materialExercise, selectedExerciseRoomId]);
   React__default.default.useEffect(function () {
@@ -214,15 +210,13 @@ var MaterialExerciseExerciseRoomDetail = function MaterialExerciseExerciseRoomDe
         exerciseRoomId: selectedExerciseRoomId
       }).then(function () {
         return doGetOrgMaterialExerciseExerciseRoomGet();
-      }).catch(console.error);
+      })["catch"](console.error);
     }
   }, [debouncedTitle]);
   return jsxRuntime.jsxs(StyledModal, {
-    theme: "dark",
-    onHide: onHide,
-    title: (_c = exerciseRoom === null || exerciseRoom === void 0 ? void 0 : exerciseRoom.title) !== null && _c !== void 0 ? _c : '',
+    theme: 'dark',
+    title: (_b = exerciseRoom === null || exerciseRoom === void 0 ? void 0 : exerciseRoom.title) !== null && _b !== void 0 ? _b : '',
     headerIcon: icons.eilArrowLeftwardsSingle,
-    onHeaderIconClick: goToList,
     footerChild: exerciseRoom ? exerciseRoom.isDefaultRoom ? jsxRuntime.jsxs(blocks.Flex, {
       justify: "flex-end",
       align: "center",
@@ -244,8 +238,8 @@ var MaterialExerciseExerciseRoomDetail = function MaterialExerciseExerciseRoomDe
       align: "center",
       children: jsxRuntime.jsx(blocks.Button, {
         transparent: true,
-        role: "lightpurple",
         underline: true,
+        role: "lightpurple",
         border: false,
         onClick: doPostOrgMaterialExerciseExerciseRoomDefaultRoomSet,
         children: intl$1.formatMessage({
@@ -269,12 +263,14 @@ var MaterialExerciseExerciseRoomDetail = function MaterialExerciseExerciseRoomDe
       label: intl$1.formatMessage({
         id: 'materialExerciseExerciseRoom.leave'
       }),
-      disabled: (_d = exerciseRoom === null || exerciseRoom === void 0 ? void 0 : exerciseRoom.isDefaultRoom) !== null && _d !== void 0 ? _d : false,
+      disabled: (_c = exerciseRoom === null || exerciseRoom === void 0 ? void 0 : exerciseRoom.isDefaultRoom) !== null && _c !== void 0 ? _c : false,
       role: 'gray6',
       onClick: function onClick() {
         setIsLeaveDialogOpen(true);
       }
     }],
+    onHide: onHide,
+    onHeaderIconClick: goToList,
     children: [isLeaveDialogOpen ? jsxRuntime.jsxs(blocks.Dialog, {
       type: "warning",
       title: intl$1.formatMessage({
@@ -295,7 +291,7 @@ var MaterialExerciseExerciseRoomDetail = function MaterialExerciseExerciseRoomDe
               exerciseRoomId: selectedExerciseRoomId
             }).then(function () {
               goToList();
-            }).catch(console.error).finally(function () {
+            })["catch"](console.error)["finally"](function () {
               setIsDeleting(false);
             });
           } else {
@@ -304,7 +300,7 @@ var MaterialExerciseExerciseRoomDetail = function MaterialExerciseExerciseRoomDe
               exerciseRoomId: selectedExerciseRoomId
             }).then(function () {
               goToList();
-            }).catch(console.error).finally(function () {
+            })["catch"](console.error)["finally"](function () {
               setIsDeleting(false);
             });
           }
@@ -329,12 +325,12 @@ var MaterialExerciseExerciseRoomDetail = function MaterialExerciseExerciseRoomDe
         size: "small",
         width: "full",
         value: title,
-        onChange: function onChange(e) {
-          return setTitle(e.target.value);
-        },
         placeholder: intl$1.formatMessage({
           id: 'materialExerciseExerciseRoom.detail.title.placeholder'
-        })
+        }),
+        onChange: function onChange(e) {
+          return setTitle(e.target.value);
+        }
       }), jsxRuntime.jsx(blocks.Vspace, {
         height: 1.25
       })]
@@ -352,12 +348,12 @@ var MaterialExerciseExerciseRoomDetail = function MaterialExerciseExerciseRoomDe
         size: "small",
         width: "full",
         value: search,
-        onChange: function onChange(e) {
-          return setSearch(e.target.value);
-        },
         placeholder: intl$1.formatMessage({
           id: 'materialExerciseExerciseRoom.detail.addUsers.placeholder'
-        })
+        }),
+        onChange: function onChange(e) {
+          return setSearch(e.target.value);
+        }
       }), jsxRuntime.jsx(blocks.Vspace, {
         height: 1.25
       })]
@@ -389,10 +385,10 @@ var MaterialExerciseExerciseRoomDetail = function MaterialExerciseExerciseRoomDe
               if ((user === null || user === void 0 ? void 0 : user.id) === chatroomUser.id || !isThisChatRoomOwner) {
                 return jsxRuntime.jsx(blocks.Text, {
                   bold: true,
-                  role: "gray0",
-                  size: "tiny",
                   preWrap: true,
                   ellipsis: true,
+                  role: "gray0",
+                  size: "tiny",
                   customStyles: {
                     maxWidth: '100px',
                     marginRight: '0.5rem'
@@ -406,10 +402,10 @@ var MaterialExerciseExerciseRoomDetail = function MaterialExerciseExerciseRoomDe
                   align: "center",
                   children: [jsxRuntime.jsx(blocks.Text, {
                     bold: true,
-                    role: "gray0",
-                    size: "tiny",
                     preWrap: true,
                     ellipsis: true,
+                    role: "gray0",
+                    size: "tiny",
                     customStyles: {
                       maxWidth: '100px',
                       marginRight: '0.5rem'
@@ -422,34 +418,34 @@ var MaterialExerciseExerciseRoomDetail = function MaterialExerciseExerciseRoomDe
                     role: "lightpurple",
                     loading: false,
                     onClick: function () {
-                      var _onClick = _rollupPluginBabelHelpers.asyncToGenerator( /*#__PURE__*/_rollupPluginBabelHelpers.regeneratorRuntime().mark(function _callee2() {
-                        return _rollupPluginBabelHelpers.regeneratorRuntime().wrap(function _callee2$(_context2) {
-                          while (1) switch (_context2.prev = _context2.next) {
+                      var _onClick = _rollupPluginBabelHelpers.asyncToGenerator(/*#__PURE__*/_rollupPluginBabelHelpers.regenerator().m(function _callee2() {
+                        var _t;
+                        return _rollupPluginBabelHelpers.regenerator().w(function (_context2) {
+                          while (1) switch (_context2.p = _context2.n) {
                             case 0:
-                              _context2.prev = 0;
-                              _context2.next = 3;
+                              _context2.p = 0;
+                              _context2.n = 1;
                               return apiClient.postOrgMaterialExerciseExerciseRoomUserEdit({
                                 exerciseRoomId: selectedExerciseRoomId,
                                 permission: types.enums.ExerciseRoomPermission.Read,
                                 userId: chatroomUser.id
                               });
-                            case 3:
+                            case 1:
                               if (debouncedSearch) {
                                 void doGetOrgCourseUserList();
                               } else {
                                 void doGetOrgMaterialExerciseExerciseRoomGet();
                               }
-                              _context2.next = 9;
+                              _context2.n = 3;
                               break;
-                            case 6:
-                              _context2.prev = 6;
-                              _context2.t0 = _context2["catch"](0);
-                              console.error(_context2.t0);
-                            case 9:
-                            case "end":
-                              return _context2.stop();
+                            case 2:
+                              _context2.p = 2;
+                              _t = _context2.v;
+                              console.error(_t);
+                            case 3:
+                              return _context2.a(2);
                           }
-                        }, _callee2, null, [[0, 6]]);
+                        }, _callee2, null, [[0, 2]]);
                       }));
                       function onClick() {
                         return _onClick.apply(this, arguments);
@@ -466,63 +462,62 @@ var MaterialExerciseExerciseRoomDetail = function MaterialExerciseExerciseRoomDe
                   size: "small",
                   width: "small",
                   value: chatroomUser.permission,
+                  disabled: !isThisChatRoomOwner,
                   onChange: function () {
-                    var _onChange = _rollupPluginBabelHelpers.asyncToGenerator( /*#__PURE__*/_rollupPluginBabelHelpers.regeneratorRuntime().mark(function _callee3(value) {
-                      var permission;
-                      return _rollupPluginBabelHelpers.regeneratorRuntime().wrap(function _callee3$(_context3) {
-                        while (1) switch (_context3.prev = _context3.next) {
+                    var _onChange = _rollupPluginBabelHelpers.asyncToGenerator(/*#__PURE__*/_rollupPluginBabelHelpers.regenerator().m(function _callee3(value) {
+                      var permission, _t2;
+                      return _rollupPluginBabelHelpers.regenerator().w(function (_context3) {
+                        while (1) switch (_context3.p = _context3.n) {
                           case 0:
-                            _context3.prev = 0;
+                            _context3.p = 0;
                             permission = Number(value);
                             if (!(permission === types.enums.ExerciseRoomPermission.Nothing)) {
-                              _context3.next = 8;
+                              _context3.n = 2;
                               break;
                             }
-                            _context3.next = 5;
+                            _context3.n = 1;
                             return apiClient.postOrgMaterialExerciseExerciseRoomUserDelete({
                               exerciseRoomId: selectedExerciseRoomId,
                               userId: chatroomUser.id
                             });
-                          case 5:
+                          case 1:
                             if (debouncedSearch) {
                               void doGetOrgCourseUserList();
                             } else {
                               void doGetOrgMaterialExerciseExerciseRoomGet();
                             }
-                            _context3.next = 11;
+                            _context3.n = 4;
                             break;
-                          case 8:
-                            _context3.next = 10;
+                          case 2:
+                            _context3.n = 3;
                             return apiClient.postOrgMaterialExerciseExerciseRoomUserEdit({
                               exerciseRoomId: selectedExerciseRoomId,
                               permission: permission,
                               userId: chatroomUser.id
                             });
-                          case 10:
+                          case 3:
                             if (debouncedSearch) {
                               void doGetOrgCourseUserList();
                             } else {
                               void doGetOrgMaterialExerciseExerciseRoomGet();
                             }
-                          case 11:
-                            _context3.next = 16;
+                          case 4:
+                            _context3.n = 6;
                             break;
-                          case 13:
-                            _context3.prev = 13;
-                            _context3.t0 = _context3["catch"](0);
-                            console.error(_context3.t0);
-                          case 16:
-                          case "end":
-                            return _context3.stop();
+                          case 5:
+                            _context3.p = 5;
+                            _t2 = _context3.v;
+                            console.error(_t2);
+                          case 6:
+                            return _context3.a(2);
                         }
-                      }, _callee3, null, [[0, 13]]);
+                      }, _callee3, null, [[0, 5]]);
                     }));
                     function onChange(_x2) {
                       return _onChange.apply(this, arguments);
                     }
                     return onChange;
                   }(),
-                  disabled: !isThisChatRoomOwner,
                   children: [jsxRuntime.jsx("option", {
                     value: types.enums.ExerciseRoomPermission.Nothing,
                     children: intl$1.formatMessage({
@@ -553,10 +548,10 @@ var MaterialExerciseExerciseRoomDetail = function MaterialExerciseExerciseRoomDe
                     height: "1.5rem"
                   }), jsxRuntime.jsx(blocks.Text, {
                     bold: true,
-                    size: "small",
-                    role: "white",
                     preWrap: true,
                     ellipsis: true,
+                    size: "small",
+                    role: "white",
                     customStyles: {
                       marginLeft: '0.5rem'
                     },
@@ -584,11 +579,11 @@ var MaterialExerciseExerciseRoomDetail = function MaterialExerciseExerciseRoomDe
       children: [jsxRuntime.jsxs(blocks.Select, {
         size: "small",
         width: "small",
-        value: (_e = exerciseRoom === null || exerciseRoom === void 0 ? void 0 : exerciseRoom.publicPermission) !== null && _e !== void 0 ? _e : types.enums.ExerciseRoomPermission.Nothing,
+        value: (_d = exerciseRoom === null || exerciseRoom === void 0 ? void 0 : exerciseRoom.publicPermission) !== null && _d !== void 0 ? _d : types.enums.ExerciseRoomPermission.Nothing,
+        disabled: false,
         onChange: function onChange(value) {
           doPostOrgMaterialExerciseExerciseRoomEdit(value);
         },
-        disabled: false,
         children: [jsxRuntime.jsx("option", {
           value: types.enums.ExerciseRoomPermission.Nothing,
           children: intl$1.formatMessage({
@@ -628,12 +623,12 @@ var MaterialExerciseExerciseRoomDetail = function MaterialExerciseExerciseRoomDe
         })
       }),
       value: materialExercise ? shareLink : '',
-      onChange: function onChange(e) {
-        return setSearch(e.target.value);
-      },
       placeholder: intl$1.formatMessage({
         id: 'materialExerciseExerciseRoom.detail.addUsers.placeholder'
-      })
+      }),
+      onChange: function onChange(e) {
+        return setSearch(e.target.value);
+      }
     })]
   });
 };