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

package/dist/components/terminal-puzzle-component/mocks/mockForStory.js

@@ -0,0 +1,190 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.realMockProps = exports.mockProps = void 0;
+
+var emitEvent = function emitEvent() {
+  console.log('Emit event called');
+  return 'translated';
+};
+
+var disableExit = function disableExit(p) {
+  console.log('disable exit', p);
+};
+
+var mockProps = {
+  emitEvent: emitEvent,
+  disableExit: disableExit,
+  items: [{
+    children: [{
+      children: [{
+        id: 'labelId12',
+        name: 'rfc6749.jpg',
+        type: 'image',
+        document: {
+          url: 'https://min.int.gamelearn.io/cooked.gl-lms-storage/clients/58dccfba26561500117caf53/image/603fb8b1901f3e001238e297/gif.gif'
+        }
+      }],
+      id: '0',
+      type: 'folder',
+      name: 'folder0'
+    }],
+    id: '1',
+    type: 'folder',
+    name: 'Mis documentos'
+  }, {
+    children: [{
+      id: 'labelId15',
+      name: 'bitcoin.mp4',
+      document: {
+        url: 'https://s3-eu-west-1.amazonaws.com/statics.triskelion.gamelearn.io/triskelion-statics/videos/ada_hack.mp4'
+      },
+      type: 'video'
+    }, {
+      id: 'labelId26',
+      name: 'youtube',
+      document: {
+        url: 'https://www.youtube.com/embed/5KcuphEhO8Q'
+      },
+      type: 'embedded_video'
+    }],
+    id: '2',
+    type: 'folder',
+    name: 'Web Builder 3.0'
+  }, {
+    children: [{
+      id: 'labelId18',
+      name: 'bitcoin.pdf',
+      type: 'application',
+      document: {
+        url: 'https://min.gamelearn.io/cooked.gl-lms-storage/clients/5981fca94d82290bcbe957fe/pdf/602e36b777cf020011920783/ZULU%CC%81-PDF%20Cromo%202md.pdf'
+      }
+    }],
+    id: '3',
+    type: 'folder',
+    name: 'Decoder.exe'
+  }, {
+    children: [{
+      id: 'labelId25',
+      name: 'bitcoin.pdf',
+      document: {
+        url: 'https://gl-lms-storage.s3-eu-west-1.amazonaws.com/stag/clients/58dccfba26561500117caf53/documents/01.+Demo+Presentacion+DE.pdf'
+      },
+      type: 'pdf'
+    }],
+    id: '4',
+    type: 'folder',
+    name: 'consola'
+  }],
+  info: {
+    hint: {
+      active: true,
+      desc: 'hint',
+      rewards: []
+    },
+    resolve: {
+      rewards: []
+    },
+    solution: {
+      right: {
+        desc: 'correctSolution',
+        rewards: [{}]
+      },
+      wrong: {
+        desc: 'wrongSolution',
+        rewards: [{}]
+      }
+    },
+    instructions: 'instructions',
+    description: 'description'
+  },
+  backgroundImage: {
+    url: "https://min.gamelearn.io/css-resources/gamelearn/resources/cosmos-bg-min.jpg"
+  },
+  solution: {
+    id: 'recursoId12',
+    name: 'rfc6749.txt',
+    type: 'text/plain'
+  },
+  nodeId: 'terminal-puzzle-component'
+};
+exports.mockProps = mockProps;
+var realMockProps = {
+  emitEvent: emitEvent,
+  disableExit: disableExit,
+  backgroundImage: {
+    url: "https://min.gamelearn.io/css-resources/gamelearn/resources/cosmos-bg-min.jpg"
+  },
+  info: {
+    solution: {
+      right: {
+        desc: 'desc_iVkka4ta',
+        rewards: [],
+        desc_labelId: 'desc_iVkka4ta'
+      },
+      wrong: {
+        desc: 'desc_iVkkawvw',
+        rewards: [],
+        desc_labelId: 'desc_iVkkawvw'
+      }
+    },
+    hint: {
+      active: false,
+      desc: '',
+      rewards: [],
+      desc_labelId: 'desc_iVkkaJvH'
+    },
+    resolve: {
+      rewards: []
+    },
+    title_labelId: 'title_iVkkZ4x0',
+    instructions_labelId: 'instructions_iVkkZVX9',
+    description_labelId: 'description_iVkkZdyu'
+  },
+  items: [{
+    children: [{
+      id: 'id_0_0_iVkkaq0g',
+      name: 'perro_grande.jpg',
+      type: 'image',
+      document: {
+        url: 'https://min.int.gamelearn.io/cooked.gl-lms-storage/clients/58dccfba26561500117caf53/image/603fb8b1901f3e001238e297/gif.gif'
+      },
+      fileId: 'zpty9nt7cqg75fhu',
+      name_labelId: 'name_0_0_iVkkawK4',
+      id_labelId: 'id_0_0_iVkkaq0g'
+    }],
+    fileId: 'omowudjngccrq8nv',
+    type: 'folder',
+    name: 'Pikachu',
+    name_labelId: 'name_0_iVkkauVv',
+    id_labelId: 'id_0_iVkkam3Z'
+  }, {
+    children: [{
+      id: 'id_1_0_iVkkaAvS',
+      name: 'pdf_01',
+      document: {
+        url: 'https://min.gamelearn.io/cooked.gl-lms-storage/clients/5981fca94d82290bcbe957fe/pdf/602e36b777cf020011920783/ZULU%CC%81-PDF%20Cromo%202md.pdf'
+      },
+      type: 'pdf',
+      fileId: '4ehqd9lpdo2cpri2',
+      name_labelId: 'name_1_0_iVkkaUOF',
+      id_labelId: 'id_1_0_iVkkaAvS'
+    }],
+    fileId: 'ye37ebez1te7c6u3',
+    type: 'folder',
+    name: 'charmander',
+    name_labelId: 'name_1_iVkkaCRv',
+    id_labelId: 'id_1_iVkkaF5m'
+  }],
+  solution: {
+    id: 'id_0_0_iVkkaq0g',
+    name: 'perro_grande.jpg',
+    type: 'image',
+    fileId: 'zpty9nt7cqg75fhu',
+    name_labelId: 'name_0_0_iVkkawK4',
+    id_labelId: 'id_0_0_iVkkaq0g'
+  }
+};
+exports.realMockProps = realMockProps;

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

@@ -29,7 +29,7 @@ var mockProps = [{
   visible: true,
   nodeId: 'xxas',
   document: {
-    url: 'https://s3-eu-west-1.amazonaws.com/statics.triskelion.gamelearn.io/triskelion-statics/videos/ada_hack.mp4',
+    url: 'https://min.gamelearn.io/statics.triskelion/triskelion-statics/videos/ada_hack.mp4',
     resourceId: '1234'
   }
 }, {
@@ -62,7 +62,7 @@ var mockProps = [{
   visible: true,
   nodeId: 'xxas',
   document: {
-    url: 'https://s3-eu-west-1.amazonaws.com/gl-lms-storage/development/clients/58dccfba26561500117caf53/documents/Cat-sound.mp3',
+    url: 'https://min.int.gamelearn.io/cooked.gl-lms-storage/clients/58dccfba26561500117caf53/documents/Cat-sound.mp3',
     resourceId: '1234'
   }
 }, {
@@ -73,11 +73,11 @@ var mockProps = [{
   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"
+    url: 'https://min.int.gamelearn.io/statics/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',
+    url: 'https://min.int.gamelearn.io/cooked.gl-lms-storage/clients/58dccfba26561500117caf53/documents/Cat-sound.mp3',
     resourceId: '1234'
   }
 }];

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

@@ -4,7 +4,7 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.mockProps = void 0;
-var path = 'https://s3-eu-west-1.amazonaws.com/statics.triskelion.gamelearn.io';
+var path = 'https://min.gamelearn.io/statics.triskelion';
 var cloudfront = 'https://dszv2c8p7i9xo.cloudfront.net/';
 var mockProps = [{
   name: 'video',
@@ -19,9 +19,9 @@ var mockProps = [{
 }, {
   url: 'https://player.vimeo.com/video/144094036'
 }, {
-  url: 'https://s3-eu-west-1.amazonaws.com/gl-lms-storage/development/clients/58dccfba26561500117caf53/documents/Cat-sound.mp3'
+  url: 'https://min.int.gamelearn.io/cooked.gl-lms-storage/clients/58dccfba26561500117caf53/documents/Cat-sound.mp3'
 }, {
-  imgId: 'https://s3-eu-west-1.amazonaws.com/gl-lms-storage/development/clients/58dccfba26561500117caf53/image/60224b7a901f3e0012350158/vista-vertical-torre-eiffel-paris-francia_1258-3169.jpg',
-  url: 'https://s3-eu-west-1.amazonaws.com/gl-lms-storage/development/clients/58dccfba26561500117caf53/documents/Cat-sound.mp3'
+  imgId: 'https://min.int.gamelearn.io/cooked.gl-lms-storage/clients/58dccfba26561500117caf53/image/60224b7a901f3e0012350158/vista-vertical-torre-eiffel-paris-francia_1258-3169.jpg',
+  url: 'https://min.int.gamelearn.io/cooked.gl-lms-storage/clients/58dccfba26561500117caf53/documents/Cat-sound.mp3'
 }];
 exports.mockProps = mockProps;

package/dist/components/web-builder-puzzle-component/Popups/PopupColorComponent/index.js

@@ -0,0 +1,99 @@
+"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 _propTypes = _interopRequireDefault(require("prop-types"));
+
+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 _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 PopupColorComponent = function PopupColorComponent(_ref) {
+  var colors = _ref.colors,
+      onSave = _ref.onSave,
+      closingAction = _ref.closingAction,
+      translate = _ref.translate;
+
+  var _useState = (0, _react.useState)(),
+      _useState2 = _slicedToArray(_useState, 2),
+      selected = _useState2[0],
+      select = _useState2[1];
+
+  var disabled = selected === null;
+  return /*#__PURE__*/_react.default.createElement("div", {
+    className: "popup--layer"
+  }, /*#__PURE__*/_react.default.createElement("div", {
+    className: "popup"
+  }, /*#__PURE__*/_react.default.createElement("div", {
+    className: "popup--info"
+  }, /*#__PURE__*/_react.default.createElement("span", {
+    className: "popup--info__item"
+  }, /*#__PURE__*/_react.default.createElement("div", {
+    className: "puzzle--webBuilder__colors"
+  }, /*#__PURE__*/_react.default.createElement("div", {
+    className: "puzzle--webBuilder__colors--title"
+  }, /*#__PURE__*/_react.default.createElement("span", null, translate('webbuilder.colorSelect.title'))), /*#__PURE__*/_react.default.createElement("div", {
+    className: "puzzle--webBuilder__colors--items"
+  }, colors.map(function (color) {
+    return /*#__PURE__*/_react.default.createElement("div", {
+      key: color + Date.now(),
+      className: "puzzle--webBuilder__color--select ".concat(selected === color ? 'selected' : ''),
+      style: {
+        borderColor: "".concat(color)
+      },
+      onClick: function onClick() {
+        return select(color);
+      }
+    }, /*#__PURE__*/_react.default.createElement("span", {
+      style: {
+        backgroundColor: "".concat(color)
+      }
+    }));
+  }))))), /*#__PURE__*/_react.default.createElement("div", {
+    className: "popup--buttons"
+  }, /*#__PURE__*/_react.default.createElement("button", {
+    type: "button",
+    className: "gat--btn gat--btn__secondary",
+    onClick: closingAction
+  }, /*#__PURE__*/_react.default.createElement("span", null, translate('webbuilder.cancel'))), /*#__PURE__*/_react.default.createElement("button", {
+    type: "button",
+    className: "gat--btn gat--btn__primary ".concat(disabled ? 'disabled' : ''),
+    onClick: !disabled ? function () {
+      onSave(selected);
+    } : null
+  }, translate('webbuilder.save')))));
+};
+
+PopupColorComponent.defaultProps = {
+  closingAction: function closingAction() {},
+  onSave: function onSave() {},
+  colors: {}
+};
+PopupColorComponent.propTypes = {
+  closingAction: _propTypes.default.func,
+  onSave: _propTypes.default.func,
+  colors: _propTypes.default.arrayOf(_propTypes.default.string)
+};
+var _default = PopupColorComponent;
+exports.default = _default;

package/dist/components/web-builder-puzzle-component/Popups/PopupImageComponent/index.js

@@ -0,0 +1,113 @@
+"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 _propTypes = _interopRequireDefault(require("prop-types"));
+
+var _resourcePath = _interopRequireDefault(require("../../Templates/resourcePath"));
+
+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 _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 PopupImageComponent = function PopupImageComponent(_ref) {
+  var images = _ref.images,
+      onSave = _ref.onSave,
+      closingAction = _ref.closingAction,
+      translate = _ref.translate;
+
+  var _useState = (0, _react.useState)(),
+      _useState2 = _slicedToArray(_useState, 2),
+      selected = _useState2[0],
+      select = _useState2[1];
+
+  var disabled = !selected;
+  return /*#__PURE__*/_react.default.createElement("div", {
+    className: "puzzle--webBuilder__popup--layer"
+  }, /*#__PURE__*/_react.default.createElement("div", {
+    className: "puzzle--webBuilder__folder"
+  }, /*#__PURE__*/_react.default.createElement("div", {
+    className: "puzzle--webBuilder__folder--head"
+  }, /*#__PURE__*/_react.default.createElement("span", {
+    className: "puzzle--webBuilder__folder--head__icon"
+  }, /*#__PURE__*/_react.default.createElement("span", {
+    className: "icon-fb-search"
+  })), /*#__PURE__*/_react.default.createElement("span", {
+    className: "text"
+  }, translate('webbuilder.imageSelect.title')), /*#__PURE__*/_react.default.createElement("span", {
+    className: "puzzle--webBuilder__folder--close",
+    onClick: closingAction
+  }, /*#__PURE__*/_react.default.createElement("span", {
+    className: "icon-close"
+  }))), /*#__PURE__*/_react.default.createElement("div", {
+    className: "puzzle--webBuilder__folder--body"
+  }, /*#__PURE__*/_react.default.createElement("ul", {
+    className: "puzzle--webBuilder__folder__list"
+  }, images.map(function (image) {
+    return /*#__PURE__*/_react.default.createElement("li", {
+      key: image.src + Date.now(),
+      className: "puzzle--webBuilder__folder__list--item"
+    }, /*#__PURE__*/_react.default.createElement("div", {
+      title: image.src,
+      className: "puzzle--webBuilder__item",
+      onClick: function onClick() {
+        return select(image);
+      }
+    }, /*#__PURE__*/_react.default.createElement("span", {
+      className: "puzzle--webBuilder__icon"
+    }, /*#__PURE__*/_react.default.createElement("img", {
+      alt: image.src,
+      title: image.src,
+      src: _resourcePath.default + image.src
+    })), translate('image.name')));
+  })), /*#__PURE__*/_react.default.createElement("div", {
+    className: "puzzle--webBuilder__buttons"
+  }, /*#__PURE__*/_react.default.createElement("button", {
+    type: "button",
+    className: "gat--btn gat--btn__secondary",
+    onClick: closingAction
+  }, translate('webbuilder.cancel')), /*#__PURE__*/_react.default.createElement("button", {
+    type: "button",
+    className: "gat--btn gat--btn__primary ".concat(disabled ? 'disabled' : ''),
+    onClick: !disabled ? function () {
+      onSave(selected.src);
+    } : null
+  }, translate('webbuilder.open'))))));
+};
+
+PopupImageComponent.defaultProps = {
+  closingAction: function closingAction() {},
+  onSave: function onSave() {},
+  images: []
+};
+PopupImageComponent.propTypes = {
+  closingAction: _propTypes.default.func,
+  onSave: _propTypes.default.func,
+  images: _propTypes.default.arrayOf(_propTypes.default.shape({
+    name: _propTypes.default.string,
+    src: _propTypes.default.string
+  }))
+};
+var _default = PopupImageComponent;
+exports.default = _default;

package/dist/components/web-builder-puzzle-component/Popups/PopupTextComponent/index.js

@@ -0,0 +1,122 @@
+"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 PopupTextComponent = function PopupTextComponent(_ref) {
+  var closingAction = _ref.closingAction,
+      onSave = _ref.onSave,
+      options = _ref.options,
+      translate = _ref.translate;
+
+  var _useState = (0, _react.useState)(''),
+      _useState2 = _slicedToArray(_useState, 2),
+      selected = _useState2[0],
+      select = _useState2[1];
+
+  var disabled = selected === '';
+
+  var _useState3 = (0, _react.useState)(false),
+      _useState4 = _slicedToArray(_useState3, 2),
+      dropdown = _useState4[0],
+      setDropdown = _useState4[1];
+
+  var classDropDown = dropdown ? 'puzzle--webBuilder__select--item open' : 'puzzle--webBuilder__select--item';
+
+  var toggleDropdown = function toggleDropdown() {
+    setDropdown(!dropdown);
+  };
+
+  var Selected = function Selected(_ref2) {
+    var item = _ref2.item;
+
+    if (item instanceof Object) {
+      return translate(item.title.toString());
+    }
+
+    return /*#__PURE__*/_react.default.createElement("span", null, translate(!item ? 'webbuilder.textSelect.title' : item));
+  };
+
+  return /*#__PURE__*/_react.default.createElement("div", {
+    className: "popup--layer"
+  }, /*#__PURE__*/_react.default.createElement("div", {
+    className: "popup"
+  }, /*#__PURE__*/_react.default.createElement("div", {
+    className: "popup--info"
+  }, /*#__PURE__*/_react.default.createElement("span", {
+    className: "popup--info__item"
+  }, /*#__PURE__*/_react.default.createElement("div", {
+    className: "puzzle--webBuilder__select"
+  }, /*#__PURE__*/_react.default.createElement("div", {
+    className: "puzzle--webBuilder__select--label"
+  }, /*#__PURE__*/_react.default.createElement("span", null, translate('webbuilder.textSelect.title'))), /*#__PURE__*/_react.default.createElement("div", {
+    className: classDropDown,
+    onClick: function onClick() {
+      return toggleDropdown();
+    }
+  }, /*#__PURE__*/_react.default.createElement(Selected, {
+    item: selected
+  }), /*#__PURE__*/_react.default.createElement("span", {
+    className: "icon-down-arrow"
+  }), /*#__PURE__*/_react.default.createElement("div", {
+    className: "puzzle--webBuilder__dropdown"
+  }, options.map(function (option, ind) {
+    if (option instanceof Object) {
+      return /*#__PURE__*/_react.default.createElement("span", {
+        key: "option_".concat(ind),
+        className: "puzzle--webBuilder__dropdown--option",
+        onClick: function onClick() {
+          select(option);
+        }
+      }, /*#__PURE__*/_react.default.createElement("span", null, translate(option.title.toString())), /*#__PURE__*/_react.default.createElement("span", {
+        className: "subtitle"
+      }, translate(option.desc.toString())));
+    }
+
+    return /*#__PURE__*/_react.default.createElement("span", {
+      key: option,
+      className: "puzzle--webBuilder__dropdown--option",
+      onClick: function onClick() {
+        select(option);
+      }
+    }, translate(option.toString()));
+  })))))), /*#__PURE__*/_react.default.createElement("div", {
+    className: "popup--buttons"
+  }, /*#__PURE__*/_react.default.createElement("button", {
+    type: "button",
+    className: "gat--btn gat--btn__secondary",
+    onClick: closingAction
+  }, translate('webbuilder.cancel')), /*#__PURE__*/_react.default.createElement("button", {
+    type: "button",
+    className: "gat--btn gat--btn__primary ".concat(disabled ? 'disabled' : ''),
+    disabled: disabled,
+    onClick: function onClick() {
+      onSave(selected);
+    }
+  }, translate('webbuilder.save')))));
+};
+
+var _default = PopupTextComponent;
+exports.default = _default;

package/dist/components/web-builder-puzzle-component/Popups/index.js

@@ -0,0 +1,31 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+Object.defineProperty(exports, "PopupColorComponent", {
+  enumerable: true,
+  get: function get() {
+    return _PopupColorComponent.default;
+  }
+});
+Object.defineProperty(exports, "PopupImageComponent", {
+  enumerable: true,
+  get: function get() {
+    return _PopupImageComponent.default;
+  }
+});
+Object.defineProperty(exports, "PopupTextComponent", {
+  enumerable: true,
+  get: function get() {
+    return _PopupTextComponent.default;
+  }
+});
+
+var _PopupColorComponent = _interopRequireDefault(require("./PopupColorComponent"));
+
+var _PopupImageComponent = _interopRequireDefault(require("./PopupImageComponent"));
+
+var _PopupTextComponent = _interopRequireDefault(require("./PopupTextComponent"));
+
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }