@elice/material-exercise 1.240718.0-trasncript.0 → 1.240718.0-trasncript.2

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

@@ -2,6 +2,8 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
+var _rollupPluginBabelHelpers = require('../../../_virtual/_rollupPluginBabelHelpers.js');
+var jsxRuntime = require('react/jsx-runtime');
 var React = require('react');
 var apiClient = require('@elice/api-client');
 var blocks = require('@elice/blocks');
@@ -19,32 +21,42 @@ require('../context/ExerciseProvider.js');
 var exerciseRoomPermissionStringConvertor = require('./helpers/exerciseRoomPermissionStringConvertor.js');
 var ExerciseRoom_styled = require('./ExerciseRoom.styled.js');
 
-const StyledModal = styled(blocks.Modal).withConfig({
+function _interopDefaultCompat (e) { return e && typeof e === 'object' && 'default' in e ? e : { default: e }; }
+
+var React__default = /*#__PURE__*/_interopDefaultCompat(React);
+var styled__default = /*#__PURE__*/_interopDefaultCompat(styled);
+
+var StyledModal = styled__default.default(blocks.Modal).withConfig({
   componentId: "sc-1ydn3lf-0"
 })(["& > div:first-child{.eb-button{color:", ";&:hover{color:", ";}}}"], designTokens.base.color.navy0, designTokens.base.color.navy0);
-const MaterialExerciseExerciseRoomList = ({
-  onExerciseRoomClick,
-  onHide
-}) => {
-  const intl$1 = intl.useRawEliceIntl();
-  const {
-    materialExerciseId,
-    exerciseRoomId
-  } = React.useContext(context.ExerciseContext);
-  const materialExercise = recoil.useRecoilValue(recoil$1.exerciseState(materialExerciseId));
-  const user = recoil.useRecoilValue(recoil$1.exerciseUserState);
-  const [exerciseRooms, setExerciseRooms] = React.useState([]);
-  const [createStatus, setCreateStatus] = React.useState('idle');
-  const doGetOrgMaterialExerciseExerciseRoomList = React.useCallback(({
-    materialExerciseId,
-    userId
-  }) => {
+var MaterialExerciseExerciseRoomList = function MaterialExerciseExerciseRoomList(_ref) {
+  var onExerciseRoomClick = _ref.onExerciseRoomClick,
+    onHide = _ref.onHide;
+  var intl$1 = intl.useRawEliceIntl();
+  var _React$useContext = React__default.default.useContext(context.ExerciseContext),
+    materialExerciseId = _React$useContext.materialExerciseId,
+    exerciseRoomId = _React$useContext.exerciseRoomId;
+  var materialExercise = recoil.useRecoilValue(recoil$1.exerciseState(materialExerciseId));
+  var user = recoil.useRecoilValue(recoil$1.exerciseUserState);
+  var _React$useState = React__default.default.useState([]),
+    _React$useState2 = _rollupPluginBabelHelpers.slicedToArray(_React$useState, 2),
+    exerciseRooms = _React$useState2[0],
+    setExerciseRooms = _React$useState2[1];
+  var _React$useState3 = React__default.default.useState('idle'),
+    _React$useState4 = _rollupPluginBabelHelpers.slicedToArray(_React$useState3, 2),
+    createStatus = _React$useState4[0],
+    setCreateStatus = _React$useState4[1];
+  var doGetOrgMaterialExerciseExerciseRoomList = React__default.default.useCallback(function (_ref2) {
+    var materialExerciseId = _ref2.materialExerciseId,
+      userId = _ref2.userId;
     apiClient.getOrgMaterialExerciseExerciseRoomList({
-      materialExerciseId,
-      userId
-    }).then(res => setExerciseRooms(res.exerciseRooms)).catch(console.error);
+      materialExerciseId: materialExerciseId,
+      userId: userId
+    }).then(function (res) {
+      return setExerciseRooms(res.exerciseRooms);
+    }).catch(console.error);
   }, []);
-  React.useEffect(() => {
+  React__default.default.useEffect(function () {
     if (materialExercise && user) {
       // 📝 api does not support last_dateime pivot, so you could not use infinite scroll at the moment.
       doGetOrgMaterialExerciseExerciseRoomList({
@@ -53,57 +65,76 @@ const MaterialExerciseExerciseRoomList = ({
       });
     }
   }, [doGetOrgMaterialExerciseExerciseRoomList, materialExercise, user]);
-  const doPostOrgMaterialExerciseExerciseRoomEdit = React.useCallback(async ({
-    materialExerciseId,
-    userId
-  }) => {
-    try {
-      setCreateStatus('pending');
-      await apiClient.postOrgMaterialExerciseExerciseRoomEdit({
-        title: intl$1.formatMessage({
-          id: 'materialExerciseExerciseRoom.exerciseRoom.defaultName'
-        }, {
-          date: new Date().toLocaleString()
-        }),
-        materialExerciseId,
-        publicPermission: types.enums.ExerciseRoomPermission.Nothing
-      });
-      doGetOrgMaterialExerciseExerciseRoomList({
-        materialExerciseId,
-        userId
-      });
-      setCreateStatus('resolved');
-      blocks.Notification.success(intl$1.formatMessage({
-        id: 'materialExerciseExerciseRoom.create.success'
-      }));
-    } catch (error) {
-      console.error(error);
-      blocks.Notification.error(intl$1.formatMessage({
-        id: 'materialExerciseExerciseRoom.create.failure'
-      }));
-      setCreateStatus('rejected');
-    }
-  }, [doGetOrgMaterialExerciseExerciseRoomList, intl$1]);
-  return React.createElement(StyledModal, {
+  var doPostOrgMaterialExerciseExerciseRoomEdit = React__default.default.useCallback( /*#__PURE__*/function () {
+    var _ref4 = _rollupPluginBabelHelpers.asyncToGenerator( /*#__PURE__*/_rollupPluginBabelHelpers.regeneratorRuntime().mark(function _callee(_ref3) {
+      var materialExerciseId, userId;
+      return _rollupPluginBabelHelpers.regeneratorRuntime().wrap(function _callee$(_context) {
+        while (1) switch (_context.prev = _context.next) {
+          case 0:
+            materialExerciseId = _ref3.materialExerciseId, userId = _ref3.userId;
+            _context.prev = 1;
+            setCreateStatus('pending');
+            _context.next = 5;
+            return apiClient.postOrgMaterialExerciseExerciseRoomEdit({
+              title: intl$1.formatMessage({
+                id: 'materialExerciseExerciseRoom.exerciseRoom.defaultName'
+              }, {
+                date: new Date().toLocaleString()
+              }),
+              materialExerciseId: materialExerciseId,
+              publicPermission: types.enums.ExerciseRoomPermission.Nothing
+            });
+          case 5:
+            doGetOrgMaterialExerciseExerciseRoomList({
+              materialExerciseId: materialExerciseId,
+              userId: userId
+            });
+            setCreateStatus('resolved');
+            blocks.Notification.success(intl$1.formatMessage({
+              id: 'materialExerciseExerciseRoom.create.success'
+            }));
+            _context.next = 15;
+            break;
+          case 10:
+            _context.prev = 10;
+            _context.t0 = _context["catch"](1);
+            console.error(_context.t0);
+            blocks.Notification.error(intl$1.formatMessage({
+              id: 'materialExerciseExerciseRoom.create.failure'
+            }));
+            setCreateStatus('rejected');
+          case 15:
+          case "end":
+            return _context.stop();
+        }
+      }, _callee, null, [[1, 10]]);
+    }));
+    return function (_x) {
+      return _ref4.apply(this, arguments);
+    };
+  }(), [doGetOrgMaterialExerciseExerciseRoomList, intl$1]);
+  return jsxRuntime.jsx(StyledModal, {
     theme: "dark",
     onHide: onHide,
     title: intl$1.formatMessage({
       id: 'materialExerciseExerciseRoom.title'
     }),
-    footerChild: React.createElement(blocks.Flex, {
-      justify: "flex-end"
-    }, React.createElement(blocks.Text, {
-      role: "gray3",
-      size: "tiny"
-    }, intl$1.formatMessage({
-      id: 'materialExerciseExerciseRoom.description'
-    }))),
+    footerChild: jsxRuntime.jsx(blocks.Flex, {
+      justify: "flex-end",
+      children: jsxRuntime.jsx(blocks.Text, {
+        role: "gray3",
+        size: "tiny",
+        children: intl$1.formatMessage({
+          id: 'materialExerciseExerciseRoom.description'
+        })
+      })
+    }),
     footerButtons: [{
       label: intl$1.formatMessage({
         id: 'materialExerciseExerciseRoom.create'
       }),
       loading: createStatus === 'pending',
-      onClick: () => {
+      onClick: function onClick() {
         if (materialExercise && user) {
           void doPostOrgMaterialExerciseExerciseRoomEdit({
             materialExerciseId: materialExercise.id,
@@ -111,8 +142,8 @@ const MaterialExerciseExerciseRoomList = ({
           });
         } else {
           console.error(JSON.stringify({
-            materialExercise,
-            user
+            materialExercise: materialExercise,
+            user: user
           }));
         }
       }
@@ -122,73 +153,107 @@ const MaterialExerciseExerciseRoomList = ({
       }),
       role: 'gray6',
       onClick: onHide
-    }]
-  }, React.createElement(ExerciseRoom_styled.StyledExerciseRoomTableWrapper, null, React.createElement(ExerciseRoom_styled.StyledExerciseRoomTable, null, React.createElement("colgroup", null, React.createElement("col", {
-    span: 1,
-    width: "60%"
-  }), React.createElement("col", {
-    span: 1,
-    width: "20%"
-  }), React.createElement("col", {
-    span: 1,
-    width: "20%"
-  })), React.createElement(ExerciseRoom_styled.StyledExerciseRoomThead, null, React.createElement(ExerciseRoom_styled.StyledExerciseRoomTr, null, React.createElement(ExerciseRoom_styled.StyledExerciseRoomTh, null, intl$1.formatMessage({
-    id: 'materialExerciseExerciseRoom.exerciseRoom.name'
-  })), React.createElement(ExerciseRoom_styled.StyledExerciseRoomTh, null, intl$1.formatMessage({
-    id: 'materialExerciseExerciseRoom.exerciseRoom.publicPermission'
-  })), React.createElement(ExerciseRoom_styled.StyledExerciseRoomTh, null, intl$1.formatMessage({
-    id: 'materialExerciseExerciseRoom.exerciseRoom.participants'
-  })))), React.createElement(ExerciseRoom_styled.StyledExerciseRoomTbody, {
-    hoverable: true
-  }, exerciseRooms.map(exerciseRoom => {
-    var _a, _b;
-    return React.createElement(ExerciseRoom_styled.StyledExerciseRoomTr, {
-      key: exerciseRoom.id,
-      onClick: () => onExerciseRoomClick(exerciseRoom.id)
-    }, React.createElement(ExerciseRoom_styled.StyledExerciseRoomTd, null, React.createElement(blocks.Flex, {
-      align: "center"
-    }, exerciseRoom.isDefaultRoom ? React.createElement(blocks.Icon, {
-      icon: icons.eisArrowDownwardsCircle,
-      color: designTokens.base.color.primary3,
-      style: {
-        marginRight: '0.5rem'
-      }
-    }) : null, React.createElement(blocks.Text, {
-      bold: true,
-      size: "small",
-      role: exerciseRoom.isDefaultRoom ? 'lightpurple' : 'gray0',
-      preWrap: true,
-      ellipsis: true,
-      customStyles: {
-        maxWidth: '300px'
-      }
-    }, exerciseRoom.title), exerciseRoomId === exerciseRoom.id ? React.createElement(blocks.Text, {
-      size: "tiny",
-      role: "gray0",
-      customStyles: {
-        marginLeft: '0.5rem'
-      }
-    }, intl$1.formatMessage({
-      id: 'materialExerciseExerciseRoom.selected'
-    })) : null)), React.createElement(ExerciseRoom_styled.StyledExerciseRoomTd, null, React.createElement(blocks.Text, {
-      bold: true,
-      role: "gray0",
-      size: "tiny",
-      preWrap: true,
-      ellipsis: true,
-      customStyles: {
-        maxWidth: '100px'
-      }
-    }, intl$1.formatMessage({
-      id: `materialExerciseExerciseRoom.exerciseRoom.publicPermission.${exerciseRoomPermissionStringConvertor.exerciseRoomPermissionStringConvertor((_b = (_a = exerciseRoom.roomUsers.find(roomUser => roomUser.user.id === (user === null || user === void 0 ? void 0 : user.id))) === null || _a === void 0 ? void 0 : _a.permission) !== null && _b !== void 0 ? _b : types.enums.ExerciseRoomPermission.Nothing)}`
-    }))), React.createElement(ExerciseRoom_styled.StyledExerciseRoomTd, null, React.createElement(blocks.ProfileImageGroup, {
-      max: 8
-    }, exerciseRoom.roomUsers.map(roomUser => React.createElement(blocks.ProfileImage, {
-      key: roomUser.user.id,
-      src: roomUser.user.profileUrl || '',
-      hasBorder: false
-    })))));
-  })))));
+    }],
+    children: jsxRuntime.jsx(ExerciseRoom_styled.StyledExerciseRoomTableWrapper, {
+      children: jsxRuntime.jsxs(ExerciseRoom_styled.StyledExerciseRoomTable, {
+        children: [jsxRuntime.jsxs("colgroup", {
+          children: [jsxRuntime.jsx("col", {
+            span: 1,
+            width: "60%"
+          }), jsxRuntime.jsx("col", {
+            span: 1,
+            width: "20%"
+          }), jsxRuntime.jsx("col", {
+            span: 1,
+            width: "20%"
+          })]
+        }), jsxRuntime.jsx(ExerciseRoom_styled.StyledExerciseRoomThead, {
+          children: jsxRuntime.jsxs(ExerciseRoom_styled.StyledExerciseRoomTr, {
+            children: [jsxRuntime.jsx(ExerciseRoom_styled.StyledExerciseRoomTh, {
+              children: intl$1.formatMessage({
+                id: 'materialExerciseExerciseRoom.exerciseRoom.name'
+              })
+            }), jsxRuntime.jsx(ExerciseRoom_styled.StyledExerciseRoomTh, {
+              children: intl$1.formatMessage({
+                id: 'materialExerciseExerciseRoom.exerciseRoom.publicPermission'
+              })
+            }), jsxRuntime.jsx(ExerciseRoom_styled.StyledExerciseRoomTh, {
+              children: intl$1.formatMessage({
+                id: 'materialExerciseExerciseRoom.exerciseRoom.participants'
+              })
+            })]
+          })
+        }), jsxRuntime.jsx(ExerciseRoom_styled.StyledExerciseRoomTbody, {
+          hoverable: true,
+          children: exerciseRooms.map(function (exerciseRoom) {
+            var _a, _b;
+            return jsxRuntime.jsxs(ExerciseRoom_styled.StyledExerciseRoomTr, {
+              onClick: function onClick() {
+                return onExerciseRoomClick(exerciseRoom.id);
+              },
+              children: [jsxRuntime.jsx(ExerciseRoom_styled.StyledExerciseRoomTd, {
+                children: jsxRuntime.jsxs(blocks.Flex, {
+                  align: "center",
+                  children: [exerciseRoom.isDefaultRoom ? jsxRuntime.jsx(blocks.Icon, {
+                    icon: icons.eisArrowDownwardsCircle,
+                    color: designTokens.base.color.primary3,
+                    style: {
+                      marginRight: '0.5rem'
+                    }
+                  }) : null, jsxRuntime.jsx(blocks.Text, {
+                    bold: true,
+                    size: "small",
+                    role: exerciseRoom.isDefaultRoom ? 'lightpurple' : 'gray0',
+                    preWrap: true,
+                    ellipsis: true,
+                    customStyles: {
+                      maxWidth: '300px'
+                    },
+                    children: exerciseRoom.title
+                  }), exerciseRoomId === exerciseRoom.id ? jsxRuntime.jsx(blocks.Text, {
+                    size: "tiny",
+                    role: "gray0",
+                    customStyles: {
+                      marginLeft: '0.5rem'
+                    },
+                    children: intl$1.formatMessage({
+                      id: 'materialExerciseExerciseRoom.selected'
+                    })
+                  }) : null]
+                })
+              }), jsxRuntime.jsx(ExerciseRoom_styled.StyledExerciseRoomTd, {
+                children: jsxRuntime.jsx(blocks.Text, {
+                  bold: true,
+                  role: "gray0",
+                  size: "tiny",
+                  preWrap: true,
+                  ellipsis: true,
+                  customStyles: {
+                    maxWidth: '100px'
+                  },
+                  children: intl$1.formatMessage({
+                    id: "materialExerciseExerciseRoom.exerciseRoom.publicPermission.".concat(exerciseRoomPermissionStringConvertor.exerciseRoomPermissionStringConvertor((_b = (_a = 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) !== null && _b !== void 0 ? _b : types.enums.ExerciseRoomPermission.Nothing))
+                  })
+                })
+              }), jsxRuntime.jsx(ExerciseRoom_styled.StyledExerciseRoomTd, {
+                children: jsxRuntime.jsx(blocks.ProfileImageGroup, {
+                  max: 8,
+                  children: exerciseRoom.roomUsers.map(function (roomUser) {
+                    return jsxRuntime.jsx(blocks.ProfileImage, {
+                      src: roomUser.user.profileUrl || '',
+                      hasBorder: false
+                    }, roomUser.user.id);
+                  })
+                })
+              })]
+            }, exerciseRoom.id);
+          })
+        })]
+      })
+    })
+  });
 };
 
 exports.default = MaterialExerciseExerciseRoomList;

package/cjs/components/material-exercise/exercise-room/helpers/exerciseRoomPermissionStringConvertor.js

@@ -3,8 +3,8 @@
 var types = require('@elice/types');
 var humps = require('humps');
 
-const exerciseRoomPermissionStringConvertor = publicPermission => {
-  let result = '';
+var exerciseRoomPermissionStringConvertor = function exerciseRoomPermissionStringConvertor(publicPermission) {
+  var result = '';
   switch (publicPermission) {
     case types.enums.ExerciseRoomPermission.Nothing:
       result = types.enums.ExerciseRoomPermission[publicPermission];

package/cjs/components/material-exercise/exercise-room/helpers/index.js

@@ -0,0 +1,7 @@
+'use strict';
+
+var exerciseRoomPermissionStringConvertor = require('./exerciseRoomPermissionStringConvertor.js');
+
+
+
+exports.exerciseRoomPermissionStringConvertor = exerciseRoomPermissionStringConvertor.exerciseRoomPermissionStringConvertor;

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

@@ -0,0 +1,7 @@
+'use strict';
+
+var ExerciseRoom = require('./ExerciseRoom.js');
+
+
+
+exports.ExerciseRoom = ExerciseRoom.default;

package/cjs/components/material-exercise/exercise-room/locales/index.js

@@ -0,0 +1,13 @@
+'use strict';
+
+var en = require('./en.json.js');
+var ko = require('./ko.json.js');
+var th = require('./th.json.js');
+var ja = require('./ja.json.js');
+
+
+
+exports.messageEn = en.default;
+exports.messageKo = ko.default;
+exports.messageTh = th.default;
+exports.messageJa = ja.default;