@gamelearn/arcade-components 0.4.0 → 0.4.2-beta-terminal

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 }; }

package/dist/components/web-builder-puzzle-component/Templates/Bank.js

@@ -0,0 +1,98 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = exports.bankProps = exports.titleOptions = exports.colorOptions2 = exports.colorOptions = exports.imagesOptions = void 0;
+var imagesOptions = [{
+  name: 'webbuilder.imageOptions.image1',
+  src: 'Amor.jpg'
+}, {
+  name: 'webbuilder.imageOptions.image2',
+  src: 'Bancorp.svg'
+}, {
+  name: 'webbuilder.imageOptions.image3',
+  src: 'Amanda.jpg'
+}, {
+  name: 'webbuilder.imageOptions.image4',
+  src: 'keyboard.jpg'
+}, {
+  name: 'webbuilder.imageOptions.image5',
+  src: 'Melanie.jpg'
+}, {
+  name: 'webbuilder.imageOptions.image6',
+  src: 'Sharon.jpg'
+}, {
+  name: 'webbuilder.imageOptions.image7',
+  src: 'Bankex.svg'
+}, {
+  name: 'webbuilder.imageOptions.image8',
+  src: 'Futbol.jpg'
+}, {
+  name: 'webbuilder.imageOptions.image9',
+  src: 'GBL.svg'
+}, {
+  name: 'webbuilder.imageOptions.image10',
+  src: 'Fooder.jpg'
+}, {
+  name: 'webbuilder.imageOptions.image11',
+  src: 'Corporate.jpg'
+}, {
+  name: 'webbuilder.imageOptions.image12',
+  src: 'Bank of Zamunda.svg'
+}, {
+  name: 'webbuilder.imageOptions.image13',
+  src: 'mindfullness.jpg'
+}, {
+  name: 'webbuilder.imageOptions.image14',
+  src: 'Nature.jpg'
+}, {
+  name: 'webbuilder.imageOptions.image15',
+  src: 'Shopper.jpg'
+}, {
+  name: 'webbuilder.imageOptions.image16',
+  src: 'Lab.jpg'
+}];
+exports.imagesOptions = imagesOptions;
+var colorOptions = ['#c66a46', '#3c9dc0', '#6236ff', '#21254f'];
+exports.colorOptions = colorOptions;
+var colorOptions2 = ['#39b7b9', '#25a1d4', '#f5a623', '#080269'];
+exports.colorOptions2 = colorOptions2;
+var titleOptions = [{
+  title: 'webbuilder.bank.titleOptions.title1.text',
+  desc: 'webbuilder.bank.titleOptions.title1.description'
+}, {
+  title: 'webbuilder.bank.titleOptions.title2.text',
+  desc: 'webbuilder.bank.titleOptions.title2.description'
+}, {
+  title: 'webbuilder.bank.titleOptions.title3.text',
+  desc: 'webbuilder.bank.titleOptions.title3.description'
+}, {
+  title: 'webbuilder.bank.titleOptions.title4.text',
+  desc: 'webbuilder.bank.titleOptions.title4.description'
+}, {
+  title: 'webbuilder.bank.titleOptions.title5.text',
+  desc: 'webbuilder.bank.titleOptions.title5.description'
+}];
+exports.titleOptions = titleOptions;
+var bankProps = {
+  backgroundImage: imagesOptions[10].src,
+  backgroundLogo: imagesOptions[11].src,
+  backgroundColor: '#21254f',
+  btnColor: '#25a1d4'
+};
+exports.bankProps = bankProps;
+var BankTemplate = {
+  header: {
+    color: bankProps.backgroundColor,
+    logo: bankProps.backgroundLogo
+  },
+  body: {
+    bankTitle: titleOptions[0].title,
+    bankDesc: titleOptions[0].desc,
+    bgImage: bankProps.backgroundImage,
+    btnColor: bankProps.btnColor
+  }
+};
+var _default = BankTemplate;
+exports.default = _default;

package/dist/components/web-builder-puzzle-component/Templates/Facebook.js

@@ -0,0 +1,39 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = exports.homeOptions = exports.mailOptions = exports.studiesOptions = exports.workOptions = exports.userOptions = exports.facebookProps = void 0;
+
+var _Bank = require("./Bank");
+
+var facebookProps = {
+  backgroundImage: _Bank.imagesOptions[12].src,
+  backgroundUser: _Bank.imagesOptions[5].src
+};
+exports.facebookProps = facebookProps;
+var userOptions = ['webbuilder.userOptions.user1', 'webbuilder.userOptions.user2', 'webbuilder.userOptions.user3'];
+exports.userOptions = userOptions;
+var workOptions = ['webbuilder.workOptions.work1', 'webbuilder.workOptions.work2', 'webbuilder.workOptions.work3'];
+exports.workOptions = workOptions;
+var studiesOptions = ['webbuilder.studiesOptions.study1', 'webbuilder.studiesOptions.study2', 'webbuilder.studiesOptions.study3'];
+exports.studiesOptions = studiesOptions;
+var mailOptions = ['webbuilder.mailOptions.mail1', 'webbuilder.mailOptions.mail2', 'webbuilder.mailOptions.mail3'];
+exports.mailOptions = mailOptions;
+var homeOptions = ['webbuilder.homeOptions.home1', 'webbuilder.homeOptions.home2', 'webbuilder.homeOptions.home3'];
+exports.homeOptions = homeOptions;
+var FacebookTemplate = {
+  header: {
+    username: userOptions[1],
+    userImage: facebookProps.backgroundUser,
+    bgImage: facebookProps.backgroundImage
+  },
+  body: {
+    work: workOptions[2],
+    home: homeOptions[1],
+    studies: studiesOptions[0],
+    mail: mailOptions[0]
+  }
+};
+var _default = FacebookTemplate;
+exports.default = _default;

package/dist/components/web-builder-puzzle-component/Templates/resourcePath.js

@@ -0,0 +1,9 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+var path = 'https://min.gamelearn.io/css-resources/gamelearn/resources/';
+var _default = path;
+exports.default = _default;

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

@@ -0,0 +1,28 @@
+"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 EditButton = function EditButton(_ref) {
+  var action = _ref.action,
+      className = _ref.className;
+  return /*#__PURE__*/_react.default.createElement("div", {
+    className: "puzzle--webBuilder__edit ".concat(className),
+    onClick: action
+  }, /*#__PURE__*/_react.default.createElement("span", {
+    className: "icon-fb-edit"
+  }));
+};
+
+EditButton.defaultProps = {
+  action: function action() {},
+  className: ''
+};
+var _default = EditButton;
+exports.default = _default;

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

@@ -0,0 +1,38 @@
+"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 FeedbackResult = function FeedbackResult(_ref) {
+  var onNext = _ref.onNext,
+      success = _ref.success,
+      showButton = _ref.showButton,
+      translate = _ref.translate;
+  var title = success ? translate('webbuilder.feedback.successTitle') : translate('webbuilder.feedback.failTitle');
+  var desc = success ? translate('webbuilder.feedback.success') : translate('webbuilder.feedback.fail');
+  return /*#__PURE__*/_react.default.createElement("div", {
+    className: "puzzle--webBuilder__feedback bottom ".concat(success ? 'success' : 'failed')
+  }, /*#__PURE__*/_react.default.createElement("div", null, /*#__PURE__*/_react.default.createElement("div", {
+    className: "title"
+  }, title), /*#__PURE__*/_react.default.createElement("div", {
+    className: "description"
+  }, desc)), showButton ? /*#__PURE__*/_react.default.createElement("button", {
+    type: "button",
+    className: "gat--btn gat--btn__secondary ".concat(success ? 'green' : 'red'),
+    onClick: onNext
+  }, translate('webbuilder.continue')) : null);
+};
+
+FeedbackResult.defaultProps = {
+  onNext: function onNext() {},
+  success: false,
+  showButton: true
+};
+var _default = FeedbackResult;
+exports.default = _default;

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

@@ -0,0 +1,29 @@
+"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 PublishButton = function PublishButton(_ref) {
+  var onPublish = _ref.onPublish,
+      translate = _ref.translate;
+  return /*#__PURE__*/_react.default.createElement("div", {
+    className: "position--absolute bottom center",
+    onClick: onPublish
+  }, /*#__PURE__*/_react.default.createElement("div", {
+    className: "gat--btn gat--btn__primary"
+  }, /*#__PURE__*/_react.default.createElement("span", {
+    className: "icon-download-cloud"
+  }), translate('webbuilder.publish')));
+};
+
+PublishButton.defaultProps = {
+  onPublish: function onPublish() {}
+};
+var _default = PublishButton;
+exports.default = _default;