@gamelearn/arcade-components 0.2.0

package/dist/components/notice-component/components/NoticeComponent.js

@@ -0,0 +1,61 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+
+var _react = _interopRequireDefault(require("react"));
+
+var _propTypes = _interopRequireDefault(require("prop-types"));
+
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+
+var NoticeComponent = function NoticeComponent(_ref) {
+  var title = _ref.title,
+      text = _ref.text,
+      buttonText = _ref.buttonText,
+      emitEvent = _ref.emitEvent;
+
+  var onFinish = function onFinish() {
+    emitEvent({
+      type: 'success'
+    });
+  };
+
+  return /*#__PURE__*/_react.default.createElement("div", {
+    className: "popup--layer"
+  }, /*#__PURE__*/_react.default.createElement("div", {
+    className: "popup"
+  }, /*#__PURE__*/_react.default.createElement("span", {
+    className: "popup--head__title"
+  }, title), /*#__PURE__*/_react.default.createElement("div", {
+    className: "popup--info"
+  }, /*#__PURE__*/_react.default.createElement("span", {
+    className: "popup--info__item",
+    style: {
+      whiteSpace: 'pre-line'
+    }
+  }, text)), /*#__PURE__*/_react.default.createElement("button", {
+    className: "gat--btn gat--btn__primary",
+    onClick: onFinish
+  }, buttonText)));
+};
+
+NoticeComponent.defaultProps = {
+  title: '',
+  buttonText: 'X',
+  color: '#CCC',
+  text: '',
+  context: {}
+};
+NoticeComponent.propTypes = {
+  title: _propTypes.default.string,
+  buttonText: _propTypes.default.string,
+  color: _propTypes.default.string,
+  text: _propTypes.default.string,
+  context: _propTypes.default.shape({}),
+  emitEvent: _propTypes.default.func.isRequired
+};
+var _default = NoticeComponent;
+exports.default = _default;

package/dist/components/notice-component/index.js

@@ -0,0 +1,13 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+
+var _NoticeComponent = _interopRequireDefault(require("./components/NoticeComponent"));
+
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+
+var _default = _NoticeComponent.default;
+exports.default = _default;

package/dist/components/notice-component/mocks/mockForStory.js

@@ -0,0 +1,20 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.mockProps = void 0;
+
+var emitEvent = function emitEvent() {
+  console.log('Emit event called');
+};
+
+var mockProps = {
+  title: 'title',
+  text: 'text',
+  buttonText: 'click',
+  buttonColor: '#00ff75',
+  nodeId: 'dasdaa',
+  emitEvent: emitEvent
+};
+exports.mockProps = mockProps;

package/dist/components/pdf-component/components/PdfComponent.js

@@ -0,0 +1,79 @@
+"use strict";
+
+function _typeof(obj) { "@babel/helpers - typeof"; if (typeof Symbol === "function" && typeof Symbol.iterator === "symbol") { _typeof = function _typeof(obj) { return typeof obj; }; } else { _typeof = function _typeof(obj) { return obj && typeof Symbol === "function" && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj; }; } return _typeof(obj); }
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+
+var _react = _interopRequireWildcard(require("react"));
+
+var _PdfVisor = _interopRequireDefault(require("./PdfVisor"));
+
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+
+function _getRequireWildcardCache() { if (typeof WeakMap !== "function") return null; var cache = new WeakMap(); _getRequireWildcardCache = function _getRequireWildcardCache() { return cache; }; return cache; }
+
+function _interopRequireWildcard(obj) { if (obj && obj.__esModule) { return obj; } if (obj === null || _typeof(obj) !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
+
+function _objectWithoutProperties(source, excluded) { if (source == null) return {}; var target = _objectWithoutPropertiesLoose(source, excluded); var key, i; if (Object.getOwnPropertySymbols) { var sourceSymbolKeys = Object.getOwnPropertySymbols(source); for (i = 0; i < sourceSymbolKeys.length; i++) { key = sourceSymbolKeys[i]; if (excluded.indexOf(key) >= 0) continue; if (!Object.prototype.propertyIsEnumerable.call(source, key)) continue; target[key] = source[key]; } } return target; }
+
+function _objectWithoutPropertiesLoose(source, excluded) { if (source == null) return {}; var target = {}; var sourceKeys = Object.keys(source); var key, i; for (i = 0; i < sourceKeys.length; i++) { key = sourceKeys[i]; if (excluded.indexOf(key) >= 0) continue; target[key] = source[key]; } return target; }
+
+var PdfComponent = function PdfComponent(_ref) {
+  var emitEvent = _ref.emitEvent,
+      documentType = _ref.documentType,
+      name = _ref.name,
+      viewed = _ref.viewed,
+      visible = _ref.visible,
+      props = _objectWithoutProperties(_ref, ["emitEvent", "documentType", "name", "viewed", "visible"]);
+
+  var documentFile = props.document;
+
+  var _ref2 = documentFile || '',
+      url = _ref2.url;
+
+  var item = (0, _react.useMemo)(function () {
+    return {
+      documentType: documentType,
+      name: name,
+      document: documentFile,
+      type: 'pdf'
+    };
+  }, [documentType, name, documentFile]);
+  var emitFinish = (0, _react.useCallback)(function () {
+    emitEvent({
+      type: 'finishMedia',
+      payload: item
+    });
+  }, [item, emitEvent]);
+  (0, _react.useEffect)(function () {
+    if (!visible) {
+      emitFinish();
+    }
+  }, [visible, emitFinish]);
+
+  if (!visible) {
+    return null;
+  }
+
+  return /*#__PURE__*/_react.default.createElement("div", {
+    className: "".concat(viewed ? 'notes--results' : 'readings--container')
+  }, /*#__PURE__*/_react.default.createElement("div", {
+    className: viewed ? 'notes--results__text' : 'readings pdf--type'
+  }, !viewed && /*#__PURE__*/_react.default.createElement("div", {
+    className: "position--absolute top right z-index1"
+  }, /*#__PURE__*/_react.default.createElement("button", {
+    type: "button",
+    className: "gat--btn__round",
+    onClick: emitFinish
+  }, /*#__PURE__*/_react.default.createElement("span", {
+    className: "icon-close"
+  }))), url && /*#__PURE__*/_react.default.createElement(_PdfVisor.default, {
+    url: url
+  })));
+};
+
+var _default = PdfComponent;
+exports.default = _default;

package/dist/components/pdf-component/components/PdfVisor.js

@@ -0,0 +1,84 @@
+"use strict";
+
+function _typeof(obj) { "@babel/helpers - typeof"; if (typeof Symbol === "function" && typeof Symbol.iterator === "symbol") { _typeof = function _typeof(obj) { return typeof obj; }; } else { _typeof = function _typeof(obj) { return obj && typeof Symbol === "function" && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj; }; } return _typeof(obj); }
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+
+var _react = _interopRequireWildcard(require("react"));
+
+var _reactPdf = require("react-pdf");
+
+function _getRequireWildcardCache() { if (typeof WeakMap !== "function") return null; var cache = new WeakMap(); _getRequireWildcardCache = function _getRequireWildcardCache() { return cache; }; return cache; }
+
+function _interopRequireWildcard(obj) { if (obj && obj.__esModule) { return obj; } if (obj === null || _typeof(obj) !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
+
+function _extends() { _extends = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
+
+function _slicedToArray(arr, i) { return _arrayWithHoles(arr) || _iterableToArrayLimit(arr, i) || _unsupportedIterableToArray(arr, i) || _nonIterableRest(); }
+
+function _nonIterableRest() { throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); }
+
+function _unsupportedIterableToArray(o, minLen) { if (!o) return; if (typeof o === "string") return _arrayLikeToArray(o, minLen); var n = Object.prototype.toString.call(o).slice(8, -1); if (n === "Object" && o.constructor) n = o.constructor.name; if (n === "Map" || n === "Set") return Array.from(o); if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return _arrayLikeToArray(o, minLen); }
+
+function _arrayLikeToArray(arr, len) { if (len == null || len > arr.length) len = arr.length; for (var i = 0, arr2 = new Array(len); i < len; i++) { arr2[i] = arr[i]; } return arr2; }
+
+function _iterableToArrayLimit(arr, i) { var _i = arr && (typeof Symbol !== "undefined" && arr[Symbol.iterator] || arr["@@iterator"]); if (_i == null) return; var _arr = []; var _n = true; var _d = false; var _s, _e; try { for (_i = _i.call(arr); !(_n = (_s = _i.next()).done); _n = true) { _arr.push(_s.value); if (i && _arr.length === i) break; } } catch (err) { _d = true; _e = err; } finally { try { if (!_n && _i["return"] != null) _i["return"](); } finally { if (_d) throw _e; } } return _arr; }
+
+function _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }
+
+_reactPdf.pdfjs.GlobalWorkerOptions.workerSrc = "//cdnjs.cloudflare.com/ajax/libs/pdf.js/".concat(_reactPdf.pdfjs.version, "/pdf.worker.js");
+;
+
+var PageList = function PageList(_ref) {
+  var pages = _ref.pages;
+  var isMobile = (0, _react.useMemo)(function () {
+    return navigator.userAgent.match(/(iPad)|(iPhone)|(iPod)|(android)|(webOS)/i);
+  }, []);
+
+  if (pages === 1) {
+    return /*#__PURE__*/_react.default.createElement(_reactPdf.Page, {
+      pageNumber: pages
+    });
+  }
+
+  return Array(pages).fill(1).map(function (_, i) {
+    return /*#__PURE__*/_react.default.createElement(_reactPdf.Page, {
+      renderTextLayer: false,
+      key: i,
+      pageNumber: i + 1,
+      scale: isMobile ? 1 : 2
+    });
+  });
+};
+
+var PdfVisor = function PdfVisor(_ref2) {
+  var url = _ref2.url;
+
+  var _useState = (0, _react.useState)(0),
+      _useState2 = _slicedToArray(_useState, 2),
+      pages = _useState2[0],
+      setPages = _useState2[1];
+
+  var handleLoadSucess = (0, _react.useCallback)(function (pdf) {
+    setPages(pdf.numPages);
+  }, []);
+  var documentProps = {
+    file: url,
+    loading: 'Loading file...',
+    onLoadSuccess: handleLoadSucess,
+    onLoadError: function onLoadError(error) {
+      return console.log(error);
+    }
+  };
+  return /*#__PURE__*/_react.default.createElement(_reactPdf.Document, _extends({
+    className: "readings--pdf"
+  }, documentProps), /*#__PURE__*/_react.default.createElement(PageList, {
+    pages: pages
+  }));
+};
+
+var _default = PdfVisor;
+exports.default = _default;

package/dist/components/pdf-component/index.js

@@ -0,0 +1,23 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+Object.defineProperty(exports, "default", {
+  enumerable: true,
+  get: function get() {
+    return _PdfComponent.default;
+  }
+});
+Object.defineProperty(exports, "PdfVisor", {
+  enumerable: true,
+  get: function get() {
+    return _PdfVisor.default;
+  }
+});
+
+var _PdfComponent = _interopRequireDefault(require("./components/PdfComponent"));
+
+var _PdfVisor = _interopRequireDefault(require("./components/PdfVisor"));
+
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }

package/dist/components/pdf-component/mocks/mockForProps.js

@@ -0,0 +1,23 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.mockProps = void 0;
+
+var emitEvent = function emitEvent() {
+  console.log('Emit event called');
+};
+
+var mockProps = {
+  emitEvent: emitEvent,
+  documentType: 'lesson',
+  name: 'pdf',
+  document: {
+    url: 'https://s3-eu-west-1.amazonaws.com/gl-lms-storage/stag/clients/58dccfba26561500117caf53/documents/01.%20Demo%20Presentacion%20DE.pdf?',
+    resourceId: "test"
+  },
+  visible: true,
+  viewed: false
+};
+exports.mockProps = mockProps;

package/dist/components/pikachu-component/components/PikachuComponent.js

@@ -0,0 +1,24 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+
+var _react = _interopRequireDefault(require("react"));
+
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+
+function _objectWithoutProperties(source, excluded) { if (source == null) return {}; var target = _objectWithoutPropertiesLoose(source, excluded); var key, i; if (Object.getOwnPropertySymbols) { var sourceSymbolKeys = Object.getOwnPropertySymbols(source); for (i = 0; i < sourceSymbolKeys.length; i++) { key = sourceSymbolKeys[i]; if (excluded.indexOf(key) >= 0) continue; if (!Object.prototype.propertyIsEnumerable.call(source, key)) continue; target[key] = source[key]; } } return target; }
+
+function _objectWithoutPropertiesLoose(source, excluded) { if (source == null) return {}; var target = {}; var sourceKeys = Object.keys(source); var key, i; for (i = 0; i < sourceKeys.length; i++) { key = sourceKeys[i]; if (excluded.indexOf(key) >= 0) continue; target[key] = source[key]; } return target; }
+
+var PikachuComponent = function PikachuComponent(_ref) {
+  var emitEvent = _ref.emitEvent,
+      props = _objectWithoutProperties(_ref, ["emitEvent"]);
+
+  return /*#__PURE__*/React.createElement("div", null, "Pikachu Component");
+};
+
+var _default = PikachuComponent;
+exports.default = _default;

package/dist/components/pikachu-component/index.js

@@ -0,0 +1,13 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+
+var _PikachuComponent = _interopRequireDefault(require("./components/PikachuComponent"));
+
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+
+var _default = _PikachuComponent.default;
+exports.default = _default;

package/dist/components/pikachu-component/mocks/mockForStory.js

@@ -0,0 +1,15 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.mockProps = void 0;
+
+var emitEvent = function emitEvent() {
+  console.log('Emit event called');
+};
+
+var mockProps = {
+  emitEvent: emitEvent
+};
+exports.mockProps = mockProps;

package/dist/components/url-component/components/UrlComponent.js

@@ -0,0 +1,92 @@
+"use strict";
+
+function _typeof(obj) { "@babel/helpers - typeof"; if (typeof Symbol === "function" && typeof Symbol.iterator === "symbol") { _typeof = function _typeof(obj) { return typeof obj; }; } else { _typeof = function _typeof(obj) { return obj && typeof Symbol === "function" && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj; }; } return _typeof(obj); }
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+
+var _react = _interopRequireWildcard(require("react"));
+
+function _getRequireWildcardCache() { if (typeof WeakMap !== "function") return null; var cache = new WeakMap(); _getRequireWildcardCache = function _getRequireWildcardCache() { return cache; }; return cache; }
+
+function _interopRequireWildcard(obj) { if (obj && obj.__esModule) { return obj; } if (obj === null || _typeof(obj) !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
+
+function _slicedToArray(arr, i) { return _arrayWithHoles(arr) || _iterableToArrayLimit(arr, i) || _unsupportedIterableToArray(arr, i) || _nonIterableRest(); }
+
+function _nonIterableRest() { throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); }
+
+function _unsupportedIterableToArray(o, minLen) { if (!o) return; if (typeof o === "string") return _arrayLikeToArray(o, minLen); var n = Object.prototype.toString.call(o).slice(8, -1); if (n === "Object" && o.constructor) n = o.constructor.name; if (n === "Map" || n === "Set") return Array.from(o); if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return _arrayLikeToArray(o, minLen); }
+
+function _arrayLikeToArray(arr, len) { if (len == null || len > arr.length) len = arr.length; for (var i = 0, arr2 = new Array(len); i < len; i++) { arr2[i] = arr[i]; } return arr2; }
+
+function _iterableToArrayLimit(arr, i) { var _i = arr && (typeof Symbol !== "undefined" && arr[Symbol.iterator] || arr["@@iterator"]); if (_i == null) return; var _arr = []; var _n = true; var _d = false; var _s, _e; try { for (_i = _i.call(arr); !(_n = (_s = _i.next()).done); _n = true) { _arr.push(_s.value); if (i && _arr.length === i) break; } } catch (err) { _d = true; _e = err; } finally { try { if (!_n && _i["return"] != null) _i["return"](); } finally { if (_d) throw _e; } } return _arr; }
+
+function _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }
+
+var UrlComponent = function UrlComponent(_ref) {
+  var emitEvent = _ref.emitEvent,
+      name = _ref.name,
+      link = _ref.link,
+      text = _ref.text,
+      viewed = _ref.viewed,
+      documentType = _ref.documentType;
+  var item = {
+    documentType: documentType,
+    name: name,
+    text: text,
+    link: link,
+    type: 'url'
+  };
+
+  var close = function close() {
+    emitEvent({
+      type: 'finishMedia',
+      payload: item
+    });
+  };
+
+  var _useState = (0, _react.useState)(false),
+      _useState2 = _slicedToArray(_useState, 2),
+      clicked = _useState2[0],
+      setClicked = _useState2[1];
+
+  var superLongLink = {
+    wordBreak: 'break-all',
+    display: '-webkit-box',
+    WebkitLineClamp: '3',
+    WebkitBoxOrient: 'vertical',
+    overflow: 'hidden'
+  };
+  return /*#__PURE__*/_react.default.createElement("div", {
+    className: "popup--layer"
+  }, /*#__PURE__*/_react.default.createElement("div", {
+    className: "popup popup--link"
+  }, !viewed && clicked ? /*#__PURE__*/_react.default.createElement("div", {
+    className: "popup--close",
+    "data-testid": "close",
+    onClick: function onClick() {
+      return close();
+    }
+  }, /*#__PURE__*/_react.default.createElement("span", {
+    className: "icon-close"
+  })) : null, /*#__PURE__*/_react.default.createElement("div", {
+    className: "popup--info"
+  }, /*#__PURE__*/_react.default.createElement("span", {
+    className: "popup--info__item"
+  }, text), /*#__PURE__*/_react.default.createElement("span", {
+    className: "popup--info__item"
+  }, /*#__PURE__*/_react.default.createElement("a", {
+    style: superLongLink,
+    href: link,
+    target: "_blank",
+    rel: "noopener noreferrer",
+    onClick: function onClick() {
+      setClicked(true);
+    }
+  }, link)))));
+};
+
+var _default = UrlComponent;
+exports.default = _default;

package/dist/components/url-component/index.js

@@ -0,0 +1,13 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+
+var _UrlComponent = _interopRequireDefault(require("./components/UrlComponent"));
+
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+
+var _default = _UrlComponent.default;
+exports.default = _default;

package/dist/components/url-component/mocks/mockForProps.js

@@ -0,0 +1 @@
+"use strict";

package/dist/components/video-component/components/VideoComponent.js

@@ -0,0 +1,72 @@
+"use strict";
+
+function _typeof(obj) { "@babel/helpers - typeof"; if (typeof Symbol === "function" && typeof Symbol.iterator === "symbol") { _typeof = function _typeof(obj) { return typeof obj; }; } else { _typeof = function _typeof(obj) { return obj && typeof Symbol === "function" && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj; }; } return _typeof(obj); }
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+
+var _react = _interopRequireWildcard(require("react"));
+
+var _videoVisor = _interopRequireDefault(require("../../video-visor"));
+
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+
+function _getRequireWildcardCache() { if (typeof WeakMap !== "function") return null; var cache = new WeakMap(); _getRequireWildcardCache = function _getRequireWildcardCache() { return cache; }; return cache; }
+
+function _interopRequireWildcard(obj) { if (obj && obj.__esModule) { return obj; } if (obj === null || _typeof(obj) !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
+
+var VideoComponent = function VideoComponent(_ref) {
+  var emitEvent = _ref.emitEvent,
+      name = _ref.name,
+      documentType = _ref.documentType,
+      document = _ref.document,
+      required = _ref.required,
+      viewed = _ref.viewed,
+      visible = _ref.visible,
+      img = _ref.img;
+  var url = document.url;
+  var item = (0, _react.useMemo)(function () {
+    return {
+      document: document,
+      img: img,
+      required: required,
+      name: name,
+      type: 'video',
+      viewed: viewed,
+      documentType: documentType
+    };
+  }, [document, required, name, viewed, img, documentType]);
+
+  var _endVideo = (0, _react.useCallback)(function () {
+    emitEvent({
+      type: 'finishMedia',
+      payload: item
+    });
+  }, [emitEvent, item]);
+
+  (0, _react.useEffect)(function () {
+    if (!visible) {
+      _endVideo();
+    }
+  }, [_endVideo, visible]);
+
+  if (!visible) {
+    return null;
+  }
+
+  return /*#__PURE__*/_react.default.createElement(_videoVisor.default, {
+    imgId: img === null || img === void 0 ? void 0 : img.url,
+    url: url,
+    documentType: documentType,
+    required: required,
+    viewed: viewed,
+    endVideo: function endVideo() {
+      return _endVideo();
+    }
+  });
+};
+
+var _default = VideoComponent;
+exports.default = _default;

package/dist/components/video-component/index.js

@@ -0,0 +1,13 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+
+var _VideoComponent = _interopRequireDefault(require("./components/VideoComponent"));
+
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+
+var _default = _VideoComponent.default;
+exports.default = _default;

package/dist/components/video-component/mocks/mockForStory.js

@@ -0,0 +1,84 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.mockProps = void 0;
+
+var emitEvent = function emitEvent() {
+  console.log('tu ta close');
+};
+
+var mockProps = [{
+  emitEvent: emitEvent,
+  name: 'video',
+  required: true,
+  isLesson: true,
+  visible: true,
+  nodeId: '@gamelearn/video-component-game',
+  document: {
+    url: 'https://www.youtube.com/embed/5KcuphEhO8Q',
+    resourceId: '1234'
+  },
+  viewed: false
+}, {
+  emitEvent: emitEvent,
+  name: 'video2',
+  required: true,
+  isLesson: true,
+  visible: true,
+  nodeId: 'xxas',
+  document: {
+    url: 'https://s3-eu-west-1.amazonaws.com/statics.triskelion.gamelearn.io/triskelion-statics/videos/ada_hack.mp4',
+    resourceId: '1234'
+  }
+}, {
+  emitEvent: emitEvent,
+  name: 'video3',
+  required: true,
+  isLesson: true,
+  visible: true,
+  nodeId: 'xxas',
+  document: {
+    url: 'https://www.youtube.com/embed/5KcuphEhO8Q',
+    resourceId: '1234'
+  }
+}, {
+  emitEvent: emitEvent,
+  name: 'video4',
+  required: true,
+  isLesson: true,
+  visible: true,
+  nodeId: 'xxas',
+  document: {
+    url: 'https://player.vimeo.com/video/144094036',
+    resourceId: '1234'
+  }
+}, {
+  emitEvent: emitEvent,
+  name: 'video5',
+  required: true,
+  isLesson: true,
+  visible: true,
+  nodeId: 'xxas',
+  document: {
+    url: 'https://s3-eu-west-1.amazonaws.com/gl-lms-storage/development/clients/58dccfba26561500117caf53/documents/Cat-sound.mp3',
+    resourceId: '1234'
+  }
+}, {
+  emitEvent: emitEvent,
+  name: 'video6',
+  required: true,
+  isLesson: true,
+  visible: true,
+  nodeId: 'xxas',
+  img: {
+    url: 'https://s3-eu-west-1.amazonaws.com/int.statics.gamelearn.io/gamelearn/resources/writer-puzzle/bg_email2.jpg',
+    resourceId: "test"
+  },
+  document: {
+    url: 'https://s3-eu-west-1.amazonaws.com/gl-lms-storage/development/clients/58dccfba26561500117caf53/documents/Cat-sound.mp3',
+    resourceId: '1234'
+  }
+}];
+exports.mockProps = mockProps;