@agilemotion/oui-react-js 1.3.8 → 1.3.9

package/dist/components/media/VCRoom.css

@@ -0,0 +1,42 @@
+.meeting-room-container {
+  width: 100%;
+  height: 100%;
+  max-height: 100%;
+  background-color: #000000;
+  overflow-y: auto;
+  padding: 0 16px;
+}
+
+.footer-container {
+  position: absolute;
+  margin: 0 16px;
+  height: 72px;
+  width: 100%;
+  padding: 0 4px;
+  background-color: #000000;
+}
+
+.meeting-room-content {
+  background-color: transparent;
+}
+
+.closable-panel-container {
+  background-color: #f9f9f9;
+  color: #000000;
+  height: 100%;
+  width: 25%;
+  min-width: 320px;
+  margin-left: 16px;
+}
+
+.participants-container {
+  width: 25%;
+  height: 100%;
+  min-width: 320px;
+}
+
+@media (max-width: 991px) {
+  .closable-panel-container {
+    width: 100%;
+  }
+}

package/dist/components/media/VCRoom.js

@@ -0,0 +1,90 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = exports.STREAM_ERROR_MESSAGE = exports.CONNECTION_ERROR_MESSAGE = exports.SYSTEM_ERROR_MESSAGE = exports.WAITING_FOR_OTHERS_TO_JOIN_MESSAGE = void 0;
+
+var _react = _interopRequireDefault(require("react"));
+
+var _Utils = _interopRequireDefault(require("../../Utils"));
+
+require("./Video.css");
+
+require("./VCRoom.css");
+
+var _TrainingRoom = _interopRequireDefault(require("./TrainingRoom"));
+
+var _Observable = _interopRequireDefault(require("../../event/Observable"));
+
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+
+const WAITING_FOR_OTHERS_TO_JOIN_MESSAGE = 'Waiting for others to join';
+exports.WAITING_FOR_OTHERS_TO_JOIN_MESSAGE = WAITING_FOR_OTHERS_TO_JOIN_MESSAGE;
+const SYSTEM_ERROR_MESSAGE = 'A system error has occurred. Please try again later or contact your system administrator';
+exports.SYSTEM_ERROR_MESSAGE = SYSTEM_ERROR_MESSAGE;
+const CONNECTION_ERROR_MESSAGE = 'There seems to be a problem with your connection. Please check your network connection';
+exports.CONNECTION_ERROR_MESSAGE = CONNECTION_ERROR_MESSAGE;
+const STREAM_ERROR_MESSAGE = 'The system cannot initiate audio and video streams. Please check your microphone and camera settings';
+exports.STREAM_ERROR_MESSAGE = STREAM_ERROR_MESSAGE;
+
+const VCRoom = /*#__PURE__*/_react.default.memo( /*#__PURE__*/_react.default.forwardRef((props, ref) => {
+  const [settings, setSettings] = _react.default.useState(null);
+
+  const [calendarEvent, setCalendarEvent] = _react.default.useState(null);
+
+  _react.default.useEffect(() => {
+    props.handle.api = api();
+  });
+
+  _react.default.useEffect(() => {
+    props.handle.api = api();
+
+    let parsedConfig = _Utils.default.parseConfig(props.config, props.viewId);
+
+    _Observable.default.addSubscriptions(parsedConfig.eventHandlingConfig, props.handle, props.viewId);
+
+    _Observable.default.addSystemSubscriptions(parsedConfig);
+  }, []);
+
+  const api = () => {
+    return {
+      get id() {
+        return props.config.id;
+      },
+
+      set settings(settings) {
+        setSettings(settings);
+      },
+
+      set calendarEvent(calendarEvent) {
+        setCalendarEvent(calendarEvent);
+      }
+
+    };
+  };
+
+  return /*#__PURE__*/_react.default.createElement("div", {
+    style: _Utils.default.mergeStyles({
+      width: '100%',
+      height: '100%'
+    }, props.config)
+  }, settings && calendarEvent && /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, /*#__PURE__*/_react.default.createElement("div", {
+    style: {
+      fontSize: '24px',
+      margin: '8px 0 0 12px',
+      height: '48px',
+      color: '#404239'
+    }
+  }, calendarEvent.title), /*#__PURE__*/_react.default.createElement("div", {
+    style: {
+      height: 'calc(100% - 64px)'
+    }
+  }, props.config.roomType === 'training' ? /*#__PURE__*/_react.default.createElement(_TrainingRoom.default, {
+    settings: settings,
+    calendarEvent: calendarEvent
+  }) : /*#__PURE__*/_react.default.createElement("div", null, "Unknown room type"))));
+}));
+
+var _default = VCRoom;
+exports.default = _default;

package/dist/components/media/VCRoomParticipant.css

@@ -0,0 +1,25 @@
+.meeting-participant-container {
+  display: inline-block;
+  text-align: center;
+  width: 100%;
+  height: 100%;
+  max-height: 100%;
+  color: rgb(40, 40, 43);
+  background-color: #f9f9f9;
+}
+
+.avatar-wrapper,
+.avatar-wrapper-sm {
+  font-size: 36px;
+  width: 112px;
+  height: 112px;
+  border-radius: 50%;
+  display: inline-flex;
+  justify-content: center;
+  align-items: center;
+}
+
+.avatar-wrapper-sm {
+  width: 72px;
+  height: 72px;
+}