@gamelearn/arcade-components 0.2.0 → 0.4.1-beta-terminal

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

@@ -15,8 +15,6 @@ function _getRequireWildcardCache() { if (typeof WeakMap !== "function") return
 
 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."); }
@@ -30,40 +28,50 @@ function _iterableToArrayLimit(arr, i) { var _i = arr && (typeof Symbol !== "und
 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 PdfVisor = function PdfVisor(_ref) {
+  var url = _ref.url,
+      endPdf = _ref.endPdf,
+      translate = _ref.translate;
+  var scrollElement = (0, _react.useRef)();
 
-  var _useState = (0, _react.useState)(0),
+  var _useState = (0, _react.useState)(1),
       _useState2 = _slicedToArray(_useState, 2),
       pages = _useState2[0],
       setPages = _useState2[1];
 
+  var _useState3 = (0, _react.useState)(true),
+      _useState4 = _slicedToArray(_useState3, 2),
+      overlay = _useState4[0],
+      setOverlay = _useState4[1];
+
+  var _useState5 = (0, _react.useState)(),
+      _useState6 = _slicedToArray(_useState5, 2),
+      currentPage = _useState6[0],
+      setCurrentPage = _useState6[1];
+
+  var isMobile = (0, _react.useMemo)(function () {
+    return navigator.userAgent.match(/(iPad)|(iPhone)|(iPod)|(android)|(webOS)/i);
+  }, []);
+  var scale = isMobile ? 1 : 2;
   var handleLoadSucess = (0, _react.useCallback)(function (pdf) {
     setPages(pdf.numPages);
+
+    var timeOut = function timeOut() {
+      setTimeout(function () {
+        if (scrollElement.current.scrollHeight <= scrollElement.current.offsetHeight) {
+          setOverlay(false);
+        }
+      }, 1000);
+      return function () {
+        if (timeOut) clearTimeout(timeOut);
+      };
+    };
+
+    timeOut();
+  }, []);
+  (0, _react.useEffect)(function () {
+    setCurrentPage(1);
   }, []);
   var documentProps = {
     file: url,
@@ -73,11 +81,56 @@ var PdfVisor = function PdfVisor(_ref2) {
       return console.log(error);
     }
   };
-  return /*#__PURE__*/_react.default.createElement(_reactPdf.Document, _extends({
-    className: "readings--pdf"
-  }, documentProps), /*#__PURE__*/_react.default.createElement(PageList, {
-    pages: pages
-  }));
+
+  var turnPage = function turnPage(value) {
+    scrollElement.current.scrollTo(0, 0);
+    setOverlay(false);
+    setCurrentPage(currentPage + value);
+
+    if (currentPage === pages - 1) {
+      endPdf();
+    }
+  };
+
+  var removeOverlay = function removeOverlay() {
+    setOverlay(false);
+  };
+
+  return /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, /*#__PURE__*/_react.default.createElement("div", {
+    className: "pdf-box"
+  }, /*#__PURE__*/_react.default.createElement("div", {
+    className: "pdf-box__scrollwrap"
+  }, /*#__PURE__*/_react.default.createElement("div", {
+    onScroll: removeOverlay,
+    ref: scrollElement,
+    className: "pdf-box__scroll ".concat(overlay ? 'pdf-box__scroll--overlay' : '')
+  }, /*#__PURE__*/_react.default.createElement(_reactPdf.Document, documentProps, /*#__PURE__*/_react.default.createElement(_reactPdf.Page, {
+    renderTextLayer: false,
+    scale: scale,
+    pageNumber: currentPage
+  })), /*#__PURE__*/_react.default.createElement("div", {
+    className: "pdf-box__mouse icon-scroll-down-black"
+  })), pages > 1 && /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, /*#__PURE__*/_react.default.createElement("div", {
+    className: "pdf-box__paginator"
+  }, /*#__PURE__*/_react.default.createElement("span", null, translate('storylines.misc.page'), " ", currentPage, ' ', translate('storylines.misc.of'), " ", pages)))), pages > 1 && /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, /*#__PURE__*/_react.default.createElement("button", {
+    className: "pdf-box__arrow pdf-box__arrow--left gat--btn__round ".concat(currentPage === 1 ? 'pdf-box__arrow--hidden' : ''),
+    type: "button",
+    disabled: currentPage === 1,
+    onClick: function onClick() {
+      return turnPage(-1);
+    }
+  }, /*#__PURE__*/_react.default.createElement("span", {
+    className: "icon-back"
+  })), /*#__PURE__*/_react.default.createElement("button", {
+    className: "pdf-box__arrow pdf-box__arrow--right gat--btn__round ".concat(currentPage === pages ? 'disabled' : ''),
+    type: "button",
+    disabled: currentPage === pages,
+    onClick: function onClick() {
+      return turnPage(1);
+    }
+  }, /*#__PURE__*/_react.default.createElement("span", {
+    className: "icon-next"
+  })))));
 };
 
 var _default = PdfVisor;

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

@@ -5,19 +5,35 @@ Object.defineProperty(exports, "__esModule", {
 });
 exports.mockProps = void 0;
 
-var emitEvent = function emitEvent() {
+var emitEvent = function emitEvent(action) {
   console.log('Emit event called');
+
+  if (action.type === 'translate') {
+    return action.payload;
+  }
 };
 
-var mockProps = {
+var mockProps = [{
   emitEvent: emitEvent,
   documentType: 'lesson',
   name: 'pdf',
+  required: false,
   document: {
-    url: 'https://s3-eu-west-1.amazonaws.com/gl-lms-storage/stag/clients/58dccfba26561500117caf53/documents/01.%20Demo%20Presentacion%20DE.pdf?',
-    resourceId: "test"
+    url: 'https://min.int.gamelearn.io/cooked.gl-lms-storage/clients/58dccfba26561500117caf53/pdf/60af606c6deb7a0011201fd6/diploma_2100_minio.pdf',
+    resourceId: 'test'
   },
   visible: true,
   viewed: false
-};
+}, {
+  emitEvent: emitEvent,
+  documentType: 'lesson',
+  name: 'pdf',
+  required: true,
+  document: {
+    url: 'https://min.gamelearn.io/cooked.gl-lms-storage/clients/5981fca94d82290bcbe957fe/pdf/602e36b777cf020011920783/ZULU%CC%81-PDF%20Cromo%202md.pdf',
+    resourceId: 'test'
+  },
+  visible: true,
+  viewed: false
+}];
 exports.mockProps = mockProps;

package/dist/components/terminal-puzzle-component/components/FilesGroup/Item.js

@@ -0,0 +1,32 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+
+var _react = _interopRequireDefault(require("react"));
+
+var _utils = require("../utils");
+
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+
+var Item = function Item(_ref) {
+  var item = _ref.item,
+      selectItem = _ref.selectItem;
+  var filename = item.name;
+  return /*#__PURE__*/_react.default.createElement("li", {
+    className: "puzzle--terminal__folder__list--item"
+  }, /*#__PURE__*/_react.default.createElement("div", {
+    title: filename,
+    className: "puzzle--terminal__item id-".concat(item.id),
+    onClick: function onClick() {
+      return !item.fixed ? selectItem(item) : null;
+    }
+  }, /*#__PURE__*/_react.default.createElement("span", {
+    className: "puzzle--terminal__icon ".concat(_utils.ICONS[item.type])
+  }), /*#__PURE__*/_react.default.createElement("span", null, filename)));
+};
+
+var _default = Item;
+exports.default = _default;

package/dist/components/terminal-puzzle-component/components/FilesGroup/index.js

@@ -0,0 +1,74 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+
+var _react = _interopRequireDefault(require("react"));
+
+var _Item = _interopRequireDefault(require("./Item"));
+
+var _utils = require("../utils");
+
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+
+var FilesGroup = function FilesGroup(_ref) {
+  var initFile = _ref.initFile,
+      backFile = _ref.backFile,
+      file = _ref.file,
+      closeFolder = _ref.closeFolder,
+      selectItem = _ref.selectItem;
+  return /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, file.id === 'init' ? /*#__PURE__*/_react.default.createElement("ul", {
+    className: "puzzle--terminal__folder__list desktop"
+  }, file.children.map(function (item) {
+    return /*#__PURE__*/_react.default.createElement(_Item.default, {
+      key: item.id,
+      selectItem: selectItem,
+      item: item
+    });
+  })) : /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, /*#__PURE__*/_react.default.createElement("ul", {
+    className: "puzzle--terminal__folder__list desktop"
+  }, initFile.children.map(function (item) {
+    return /*#__PURE__*/_react.default.createElement(_Item.default, {
+      key: item.id,
+      selectItem: selectItem,
+      item: item
+    });
+  })), /*#__PURE__*/_react.default.createElement("div", {
+    className: "puzzle--terminal__folder"
+  }, /*#__PURE__*/_react.default.createElement("div", {
+    className: "puzzle--terminal__folder--head"
+  }, /*#__PURE__*/_react.default.createElement("span", {
+    onClick: function onClick() {
+      return backFile();
+    },
+    className: "puzzle--terminal__folder--back"
+  }, /*#__PURE__*/_react.default.createElement("span", {
+    className: "icon-back"
+  })), /*#__PURE__*/_react.default.createElement("span", {
+    className: "puzzle--terminal__folder--head__icon ".concat(_utils.ICONS[file.type])
+  }), /*#__PURE__*/_react.default.createElement("span", {
+    className: "text"
+  }, file.name), /*#__PURE__*/_react.default.createElement("span", {
+    onClick: function onClick() {
+      return closeFolder();
+    },
+    className: "puzzle--terminal__folder--close"
+  }, /*#__PURE__*/_react.default.createElement("span", {
+    className: "icon-close"
+  }))), /*#__PURE__*/_react.default.createElement("div", {
+    className: "puzzle--terminal__folder--body"
+  }, /*#__PURE__*/_react.default.createElement("ul", {
+    className: "puzzle--terminal__folder__list"
+  }, file.children.map(function (item) {
+    return /*#__PURE__*/_react.default.createElement(_Item.default, {
+      key: item.id,
+      selectItem: selectItem,
+      item: item
+    });
+  }))))));
+};
+
+var _default = FilesGroup;
+exports.default = _default;

package/dist/components/terminal-puzzle-component/components/Image/index.js

@@ -0,0 +1,26 @@
+"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 }; }
+
+var Image = function Image(_ref) {
+  var document = _ref.document,
+      name = _ref.name,
+      isWallpaper = _ref.isWallpaper;
+  var imageUrl = (document === null || document === void 0 ? void 0 : document.url) || null;
+  return /*#__PURE__*/_react.default.createElement("div", {
+    className: "puzzle--terminal__image ".concat(isWallpaper ? 'puzzle--terminal__image--wallpaper' : '')
+  }, imageUrl ? /*#__PURE__*/_react.default.createElement("img", {
+    src: imageUrl,
+    alt: name
+  }) : null);
+};
+
+var _default = Image;
+exports.default = _default;

package/dist/components/terminal-puzzle-component/components/TerminalPuzzleComponent.js

@@ -0,0 +1,163 @@
+"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 _Visor = _interopRequireDefault(require("./Visor"));
+
+var _Image = _interopRequireDefault(require("./Image"));
+
+var _FilesGroup = _interopRequireDefault(require("./FilesGroup"));
+
+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 _toConsumableArray(arr) { return _arrayWithoutHoles(arr) || _iterableToArray(arr) || _unsupportedIterableToArray(arr) || _nonIterableSpread(); }
+
+function _nonIterableSpread() { throw new TypeError("Invalid attempt to spread non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); }
+
+function _iterableToArray(iter) { if (typeof Symbol !== "undefined" && iter[Symbol.iterator] != null || iter["@@iterator"] != null) return Array.from(iter); }
+
+function _arrayWithoutHoles(arr) { if (Array.isArray(arr)) return _arrayLikeToArray(arr); }
+
+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 DEFAULT_IMG = 'https://min.gamelearn.io/css-resources/gamelearn/resources/cosmos-bg-min.jpg';
+var FIXED_ITEMS = [{
+  id: 'ids1',
+  type: 'world',
+  fixed: true,
+  name: 'Web builder 3.0'
+}, {
+  id: 'ids2',
+  type: 'cracker',
+  fixed: true,
+  name: 'Decoder.exe'
+}, {
+  id: 'ids3',
+  type: 'terminal',
+  fixed: true,
+  name: 'terminal'
+}];
+
+var TerminalPuzzleComponent = function TerminalPuzzleComponent(_ref) {
+  var emitEvent = _ref.emitEvent,
+      items = _ref.items,
+      backgroundImage = _ref.backgroundImage,
+      solution = _ref.solution,
+      info = _ref.info,
+      disableExit = _ref.disableExit;
+
+  // todo: PREPROCESS BACKGROUND IMAGE IN ARCADE
+  var _useState = (0, _react.useState)({}),
+      _useState2 = _slicedToArray(_useState, 2),
+      file = _useState2[0],
+      selectFile = _useState2[1];
+
+  var _useState3 = (0, _react.useState)(false),
+      _useState4 = _slicedToArray(_useState3, 1),
+      resolved = _useState4[0];
+
+  var _useState5 = (0, _react.useState)([]),
+      _useState6 = _slicedToArray(_useState5, 2),
+      breadcrumb = _useState6[0],
+      setBreadcrumb = _useState6[1];
+
+  var translate = function translate(id) {
+    return emitEvent({
+      type: 'translate',
+      payload: id
+    });
+  };
+
+  var initFile = (0, _react.useMemo)(function () {
+    return {
+      name: 'init',
+      children: [].concat(FIXED_ITEMS, _toConsumableArray(items)),
+      id: 'init'
+    };
+  }, [items]);
+  var selectItem = (0, _react.useCallback)(function (item) {
+    selectFile(item);
+    setBreadcrumb([].concat(_toConsumableArray(breadcrumb), [item]));
+
+    if (item.type !== 'folder') {
+      disableExit(true);
+    }
+  }, [breadcrumb, disableExit]);
+  (0, _react.useEffect)(function () {
+    selectFile(initFile);
+    setBreadcrumb([initFile]);
+  }, [initFile]);
+
+  var backFile = function backFile() {
+    var breadcrumbLength = breadcrumb.length - 1;
+    var newBreadcrumb = breadcrumb.filter(function (_, i) {
+      return breadcrumbLength > i;
+    });
+    selectFile(breadcrumb[breadcrumbLength - 1]);
+    setBreadcrumb(newBreadcrumb);
+    disableExit(false);
+  };
+
+  var closeFolder = function closeFolder() {
+    var initItem = breadcrumb[0];
+    selectFile(initItem);
+    setBreadcrumb([initItem]);
+  };
+
+  var resolvePuzzle = function resolvePuzzle() {
+    emitEvent({
+      type: 'addPoints',
+      payload: info.solution.right.rewards
+    });
+  };
+
+  var backgroundURL = (backgroundImage === null || backgroundImage === void 0 ? void 0 : backgroundImage.url) || DEFAULT_IMG;
+  return /*#__PURE__*/_react.default.createElement("div", {
+    className: "puzzle--terminal"
+  }, file.children ? /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, /*#__PURE__*/_react.default.createElement(_Image.default, {
+    isWallpaper: true,
+    document: {
+      url: backgroundURL
+    }
+  }), /*#__PURE__*/_react.default.createElement(_FilesGroup.default, {
+    backFile: backFile,
+    initFile: initFile,
+    selectItem: selectItem,
+    breadcrumb: breadcrumb,
+    closeFolder: closeFolder,
+    file: file,
+    translate: translate
+  })) : /*#__PURE__*/_react.default.createElement(_Visor.default, {
+    backFile: backFile,
+    resolvePuzzle: resolvePuzzle,
+    info: info,
+    showContinue: !resolved,
+    solution: solution,
+    file: file,
+    translate: translate
+  }));
+};
+
+var _default = TerminalPuzzleComponent;
+exports.default = _default;

package/dist/components/terminal-puzzle-component/components/Visor/index.js

@@ -0,0 +1,133 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+
+var _react = _interopRequireDefault(require("react"));
+
+var _videoVisor = _interopRequireDefault(require("../../../video-visor"));
+
+var _pdfComponent = require("../../../pdf-component");
+
+var _Image = _interopRequireDefault(require("../Image"));
+
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+
+function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); if (enumerableOnly) symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; }); keys.push.apply(keys, symbols); } return keys; }
+
+function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i] != null ? arguments[i] : {}; if (i % 2) { ownKeys(Object(source), true).forEach(function (key) { _defineProperty(target, key, source[key]); }); } else if (Object.getOwnPropertyDescriptors) { Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)); } else { ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } } return target; }
+
+function _defineProperty(obj, key, value) { if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
+
+var ICONS = {
+  image: 'image-icon',
+  video: 'video-icon',
+  embedded_video: 'video-icon',
+  pdf: 'pdf-icon',
+  terminal: 'console-icon',
+  cracker: 'cracker-icon',
+  folder: 'folder-icon',
+  world: 'world-icon'
+};
+
+var Visor = function Visor(_ref) {
+  var _file$document;
+
+  var file = _ref.file,
+      solution = _ref.solution,
+      showContinue = _ref.showContinue,
+      info = _ref.info,
+      resolvePuzzle = _ref.resolvePuzzle,
+      backFile = _ref.backFile,
+      translate = _ref.translate;
+  var fileId = file.id;
+  var url = ((_file$document = file.document) === null || _file$document === void 0 ? void 0 : _file$document.url) || '';
+  var COMPONENTS = {
+    image: {
+      component: _Image.default,
+      props: _objectSpread(_objectSpread({}, file), {}, {
+        url: url
+      })
+    },
+    video: {
+      component: _videoVisor.default,
+      props: _objectSpread(_objectSpread({}, file), {}, {
+        url: url,
+        endVideo: resolvePuzzle
+      })
+    },
+    embedded_video: {
+      component: _videoVisor.default,
+      props: _objectSpread(_objectSpread({}, file), {}, {
+        url: url
+      })
+    },
+    pdf: {
+      component: _pdfComponent.PdfVisor,
+      props: _objectSpread(_objectSpread({}, file), {}, {
+        url: url,
+        translate: translate
+      })
+    },
+    application: {
+      component: _pdfComponent.PdfVisor,
+      props: _objectSpread(_objectSpread({}, file), {}, {
+        url: url
+      })
+    }
+  };
+
+  if (!COMPONENTS[file.type]) {
+    return null;
+  }
+
+  var View = COMPONENTS[file.type].component;
+  var viewProps = COMPONENTS[file.type].props;
+  var filename = file.name;
+  var title = filename.replace(/.jpg|.png|.pdf|.mp4/gi, '');
+  var solutionId = solution.id;
+
+  var Feedback = function Feedback(_ref2) {
+    var status = _ref2.status,
+        feedback = _ref2.feedback;
+    return /*#__PURE__*/_react.default.createElement("div", {
+      className: "puzzle--terminal__visor--message ".concat(status)
+    }, /*#__PURE__*/_react.default.createElement("span", {
+      className: "puzzle--terminal__visor--file"
+    }, /*#__PURE__*/_react.default.createElement("span", {
+      className: "puzzle--terminal__icon ".concat(ICONS[file.type])
+    }), /*#__PURE__*/_react.default.createElement("span", null, title)), /*#__PURE__*/_react.default.createElement("span", {
+      className: "title"
+    }, feedback ? translate(feedback) : /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null)), /*#__PURE__*/_react.default.createElement("span", {
+      onClick: function onClick() {
+        return backFile();
+      },
+      className: "puzzle--terminal__folder--close"
+    }, /*#__PURE__*/_react.default.createElement("span", {
+      className: "icon-close"
+    })));
+  };
+
+  return /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, /*#__PURE__*/_react.default.createElement("div", {
+    className: "puzzle--terminal__visor"
+  }, fileId === solutionId ? /*#__PURE__*/_react.default.createElement(Feedback, {
+    status: "success",
+    feedback: info.solution.right.desc
+  }) : /*#__PURE__*/_react.default.createElement(Feedback, {
+    status: "failed",
+    feedback: info.solution.wrong.desc
+  }), /*#__PURE__*/_react.default.createElement("div", {
+    className: "puzzle--terminal__visor--body"
+  }, /*#__PURE__*/_react.default.createElement(View, viewProps)), /*#__PURE__*/_react.default.createElement("div", {
+    className: "puzzle--terminal__button"
+  }, fileId === solutionId && showContinue ? /*#__PURE__*/_react.default.createElement("button", {
+    className: "gat--btn gat--btn__primary green",
+    type: "button",
+    onClick: resolvePuzzle
+  }, translate('screens.continue')) : /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null))));
+};
+
+var _default = Visor;
+exports.default = _default;

package/dist/components/terminal-puzzle-component/components/utils/index.js

@@ -0,0 +1,29 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.formatUrl = formatUrl;
+exports.ICONS = void 0;
+
+/* eslint-disable import/prefer-default-export */
+function formatUrl(url, host) {
+  if (url && !url.includes('http')) {
+    return host + url;
+  }
+
+  return url;
+}
+
+var ICONS = {
+  image: 'image-icon',
+  video: 'video-icon',
+  embedded_video: 'video-icon',
+  pdf: 'pdf-icon',
+  terminal: 'console-icon',
+  cracker: 'cracker-icon',
+  folder: 'folder-icon',
+  application: 'pdf-icon',
+  world: 'world-icon'
+};
+exports.ICONS = ICONS;

package/dist/components/terminal-puzzle-component/index.js

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