@gamelearn/arcade-components 2.41.1 → 3.0.2

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

@@ -1,114 +0,0 @@
-"use strict";
-
-function _typeof(obj) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (obj) { return typeof obj; } : function (obj) { return obj && "function" == typeof Symbol && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj; }, _typeof(obj); }
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.default = void 0;
-var _react = _interopRequireWildcard(require("react"));
-function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
-function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || _typeof(obj) !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && 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 = null == arr ? null : "undefined" != typeof Symbol && arr[Symbol.iterator] || arr["@@iterator"]; if (null != _i) { var _s, _e, _x, _r, _arr = [], _n = !0, _d = !1; try { if (_x = (_i = _i.call(arr)).next, 0 === i) { if (Object(_i) !== _i) return; _n = !1; } else for (; !(_n = (_s = _x.call(_i)).done) && (_arr.push(_s.value), _arr.length !== i); _n = !0); } catch (err) { _d = !0, _e = err; } finally { try { if (!_n && null != _i.return && (_r = _i.return(), Object(_r) !== _r)) 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,
-    soundActions = _ref.soundActions;
-  var _soundActions = _slicedToArray(soundActions, 1),
-    playSound = _soundActions[0];
-  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("div", {
-    dir: "auto"
-  }, translate('webbuilder.textSelect.title'))), /*#__PURE__*/_react.default.createElement("div", {
-    dir: "auto",
-    className: classDropDown,
-    onClick: function onClick() {
-      return toggleDropdown();
-    },
-    role: "presentation"
-  }, /*#__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) {
-    if (option instanceof Object) {
-      return /*#__PURE__*/_react.default.createElement("span", {
-        key: option.title,
-        role: "button",
-        tabIndex: 0,
-        onKeyUp: function onKeyUp() {},
-        className: "puzzle--webBuilder__dropdown--option",
-        onClick: function onClick() {
-          select(option);
-        }
-      }, /*#__PURE__*/_react.default.createElement("span", null, translate(option.title)), /*#__PURE__*/_react.default.createElement("span", {
-        className: "subtitle"
-      }, translate(option.desc)));
-    }
-    return /*#__PURE__*/_react.default.createElement("span", {
-      key: option,
-      role: "button",
-      tabIndex: 0,
-      onKeyUp: function onKeyUp() {},
-      className: "puzzle--webBuilder__dropdown--option",
-      onClick: function onClick() {
-        select(option);
-      }
-    }, translate(option));
-  })))))), /*#__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() {
-      playSound('click-ui');
-      onSave(selected);
-    }
-  }, translate('webbuilder.save')))));
-};
-var _default = PopupTextComponent;
-exports.default = _default;

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

@@ -1,27 +0,0 @@
-"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

@@ -1,98 +0,0 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.titleOptions = exports.imagesOptions = exports.default = exports.colorOptions2 = exports.colorOptions = exports.bankProps = 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

@@ -1,37 +0,0 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.workOptions = exports.userOptions = exports.studiesOptions = exports.mailOptions = exports.homeOptions = exports.facebookProps = exports.default = 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

@@ -1,9 +0,0 @@
-"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

@@ -1,28 +0,0 @@
-"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", {
-    role: "button",
-    tabIndex: 0,
-    "aria-label": "".concat(action, " edit button"),
-    onKeyUp: function onKeyUp() {},
-    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

@@ -1,41 +0,0 @@
-"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", {
-    dir: "auto",
-    className: "puzzle--webBuilder__feedback bottom ".concat(success ? 'success' : 'failed'),
-    style: success ? {
-      zIndex: '11'
-    } : {}
-  }, /*#__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,
-    style: {
-      marginRight: '64px'
-    }
-  }, 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

@@ -1,29 +0,0 @@
-"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", {
-    role: "button",
-    tabIndex: 0,
-    onKeyUp: function onKeyUp() {},
-    "aria-label": "publish",
-    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;

package/dist/components/web-builder-puzzle-component/components/WebBuilderBody/BankBody.js

@@ -1,118 +0,0 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.default = void 0;
-var _react = _interopRequireDefault(require("react"));
-var _EditButton = _interopRequireDefault(require("../EditButton"));
-var _resourcePath = _interopRequireDefault(require("../../Templates/resourcePath"));
-var _Bank = require("../../Templates/Bank");
-function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
-var BankBody = function BankBody(_ref) {
-  var showingReference = _ref.showingReference,
-    usingTemplate = _ref.usingTemplate,
-    body = _ref.body,
-    _onSave = _ref.onSave,
-    openPopup = _ref.openPopup,
-    translate = _ref.translate;
-  var bgImg = showingReference ? usingTemplate.body.bgImage : body.bgImage;
-  var buttonColor = showingReference ? usingTemplate.body.btnColor : body.btnColor;
-  var defaultTitle = showingReference ? translate(usingTemplate.body.bankTitle) : translate('webbuilder.bank.body.image.title');
-  var defaultDesc = showingReference ? translate(usingTemplate.body.bankDesc) : translate('webbuilder.bank.body.image.description');
-  return /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, /*#__PURE__*/_react.default.createElement("div", {
-    className: "bank--image__front",
-    style: {
-      backgroundImage: "url(".concat(_resourcePath.default + bgImg, ")")
-    }
-  }, /*#__PURE__*/_react.default.createElement("div", {
-    className: "bank--image__text"
-  }, /*#__PURE__*/_react.default.createElement("span", {
-    className: "title"
-  }, body.bankTitle && !showingReference ? translate(body.bankTitle) : defaultTitle), /*#__PURE__*/_react.default.createElement("span", null, body.bankDesc && !showingReference ? translate(body.bankDesc) : defaultDesc), !showingReference ? /*#__PURE__*/_react.default.createElement(_EditButton.default, {
-    action: function action() {
-      openPopup('PopupTextComponent', {
-        options: _Bank.titleOptions,
-        onSave: function onSave(option) {
-          return _onSave({
-            bankTitle: option.title,
-            bankDesc: option.desc
-          });
-        }
-      });
-    }
-  }) : null, !showingReference ? /*#__PURE__*/_react.default.createElement(_EditButton.default, {
-    className: "position--absolute top right",
-    action: function action() {
-      openPopup('PopupImageComponent', {
-        images: _Bank.imagesOptions,
-        onSave: function onSave(image) {
-          return _onSave({
-            bgImage: image
-          });
-        }
-      });
-    }
-  }) : null)), /*#__PURE__*/_react.default.createElement("div", {
-    dir: "auto",
-    className: "bank--sidebar"
-  }, /*#__PURE__*/_react.default.createElement("div", {
-    className: "bank--form"
-  }, /*#__PURE__*/_react.default.createElement("div", {
-    className: "bank--form__title"
-  }, translate('webbuilder.bank.body.password.title')), /*#__PURE__*/_react.default.createElement("div", {
-    className: "bank--form__group"
-  }, /*#__PURE__*/_react.default.createElement("div", {
-    className: "bank--form__label"
-  }, translate('webbuilder.bank.body.password.current')), /*#__PURE__*/_react.default.createElement("input", {
-    disabled: true,
-    className: "bank--form__input",
-    type: "password",
-    placeholder: "********"
-  }), /*#__PURE__*/_react.default.createElement("span", {
-    className: "icon-circle-check"
-  })), /*#__PURE__*/_react.default.createElement("div", {
-    className: "bank--form__group"
-  }, /*#__PURE__*/_react.default.createElement("div", {
-    className: "bank--form__label"
-  }, translate('webbuilder.bank.body.password.new')), /*#__PURE__*/_react.default.createElement("input", {
-    disabled: true,
-    className: "bank--form__input",
-    type: "password",
-    placeholder: "********"
-  }), /*#__PURE__*/_react.default.createElement("span", {
-    className: "icon-circle-check"
-  })), /*#__PURE__*/_react.default.createElement("div", {
-    className: "bank--form__group"
-  }, /*#__PURE__*/_react.default.createElement("div", {
-    className: "bank--form__label"
-  }, translate('webbuilder.bank.body.password.confirm')), /*#__PURE__*/_react.default.createElement("input", {
-    disabled: true,
-    className: "bank--form__input",
-    type: "password",
-    placeholder: "********"
-  }), /*#__PURE__*/_react.default.createElement("span", {
-    className: "icon-circle-check"
-  })), /*#__PURE__*/_react.default.createElement("div", {
-    className: "bank--form__buttons"
-  }, /*#__PURE__*/_react.default.createElement("button", {
-    type: "button",
-    className: "bank--form__btn",
-    style: {
-      backgroundColor: "".concat(buttonColor)
-    }
-  }, translate('webbuilder.save')), !showingReference ? /*#__PURE__*/_react.default.createElement(_EditButton.default, {
-    action: function action() {
-      openPopup('PopupColorComponent', {
-        colors: _Bank.colorOptions2,
-        onSave: function onSave(color) {
-          return _onSave({
-            btnColor: color
-          });
-        }
-      });
-    }
-  }) : null))));
-};
-var _default = BankBody;
-exports.default = _default;

package/dist/components/web-builder-puzzle-component/components/WebBuilderBody/FacebookBody.js

@@ -1,149 +0,0 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.default = void 0;
-var _react = _interopRequireDefault(require("react"));
-var _EditButton = _interopRequireDefault(require("../EditButton"));
-var _Facebook = require("../../Templates/Facebook");
-function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
-var FacebookBody = function FacebookBody(_ref) {
-  var showingReference = _ref.showingReference,
-    usingTemplate = _ref.usingTemplate,
-    body = _ref.body,
-    _onSave = _ref.onSave,
-    openPopup = _ref.openPopup,
-    translate = _ref.translate;
-  var work = showingReference ? usingTemplate.body.work : body.work;
-  var studies = showingReference ? usingTemplate.body.studies : body.studies;
-  var home = showingReference ? usingTemplate.body.home : body.home;
-  var mail = showingReference ? usingTemplate.body.mail : body.mail;
-  return /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, /*#__PURE__*/_react.default.createElement("ul", {
-    className: "facebook--sidebar",
-    dir: "auto"
-  }, /*#__PURE__*/_react.default.createElement("li", {
-    className: "facebook--sidebar__item ".concat(work || showingReference ? 'selected' : '')
-  }, /*#__PURE__*/_react.default.createElement("div", {
-    className: "flex align-center"
-  }, /*#__PURE__*/_react.default.createElement("span", {
-    className: "icon-fb-work"
-  }), /*#__PURE__*/_react.default.createElement("span", {
-    className: "text"
-  }, translate(!work ? 'webbuilder.facebook.body.work' : work))), !showingReference ? /*#__PURE__*/_react.default.createElement(_EditButton.default, {
-    action: function action() {
-      openPopup('PopupTextComponent', {
-        options: _Facebook.workOptions,
-        onSave: function onSave(selected) {
-          return _onSave({
-            work: selected
-          });
-        }
-      });
-    }
-  }) : null), /*#__PURE__*/_react.default.createElement("li", {
-    className: "facebook--sidebar__item ".concat(studies || showingReference ? 'selected' : '')
-  }, /*#__PURE__*/_react.default.createElement("div", {
-    className: "flex align-center"
-  }, /*#__PURE__*/_react.default.createElement("span", {
-    className: "icon-fb-education"
-  }), /*#__PURE__*/_react.default.createElement("span", {
-    className: "text"
-  }, translate(!studies ? 'webbuilder.facebook.body.studies' : studies))), !showingReference ? /*#__PURE__*/_react.default.createElement(_EditButton.default, {
-    action: function action() {
-      openPopup('PopupTextComponent', {
-        options: _Facebook.studiesOptions,
-        onSave: function onSave(selected) {
-          return _onSave({
-            studies: selected
-          });
-        }
-      });
-    }
-  }) : null), /*#__PURE__*/_react.default.createElement("li", {
-    className: "facebook--sidebar__item ".concat(home || showingReference ? 'selected' : '')
-  }, /*#__PURE__*/_react.default.createElement("div", {
-    className: "flex align-center"
-  }, /*#__PURE__*/_react.default.createElement("span", {
-    className: "icon-fb-home"
-  }), /*#__PURE__*/_react.default.createElement("span", {
-    className: "text"
-  }, translate(!home ? 'webbuilder.facebook.body.home' : home))), !showingReference ? /*#__PURE__*/_react.default.createElement(_EditButton.default, {
-    action: function action() {
-      openPopup('PopupTextComponent', {
-        options: _Facebook.homeOptions,
-        onSave: function onSave(selected) {
-          return _onSave({
-            home: selected
-          });
-        }
-      });
-    }
-  }) : null)), /*#__PURE__*/_react.default.createElement("div", {
-    className: "facebook--board"
-  }, /*#__PURE__*/_react.default.createElement("div", {
-    className: "facebook--mail__label"
-  }, "E-mail"), /*#__PURE__*/_react.default.createElement("div", {
-    className: "facebook--mail__box ".concat(mail || showingReference ? 'active' : '')
-  }, /*#__PURE__*/_react.default.createElement("div", {
-    className: "flex align-center"
-  }, /*#__PURE__*/_react.default.createElement("span", {
-    className: "icon-fb-mail"
-  }), /*#__PURE__*/_react.default.createElement("span", {
-    className: "text"
-  }, translate(!mail ? 'webbuilder.facebook.body.email' : mail))), !showingReference ? /*#__PURE__*/_react.default.createElement(_EditButton.default, {
-    action: function action() {
-      openPopup('PopupTextComponent', {
-        options: _Facebook.mailOptions,
-        onSave: function onSave(selected) {
-          return _onSave({
-            mail: selected
-          });
-        }
-      });
-    }
-  }) : null), /*#__PURE__*/_react.default.createElement("div", {
-    className: "facebook--tabs"
-  }, /*#__PURE__*/_react.default.createElement("div", {
-    className: "facebook--tabs__item"
-  }, /*#__PURE__*/_react.default.createElement("span", {
-    className: "icon-fb-edit"
-  }), translate('webbuilder.facebook.body.editPost')), /*#__PURE__*/_react.default.createElement("div", {
-    className: "facebook--tabs__item"
-  }, /*#__PURE__*/_react.default.createElement("span", {
-    className: "icon-fb-photo"
-  }), translate('webbuilder.facebook.body.editPhoto')), /*#__PURE__*/_react.default.createElement("div", {
-    className: "facebook--tabs__item"
-  }, /*#__PURE__*/_react.default.createElement("span", {
-    className: "icon-fb-video"
-  }), translate('webbuilder.facebook.body.liveVideo')), /*#__PURE__*/_react.default.createElement("div", {
-    className: "facebook--tabs__item"
-  }, /*#__PURE__*/_react.default.createElement("span", {
-    className: "icon-fb-events"
-  }), translate('webbuilder.facebook.body.facebookEvent'))), /*#__PURE__*/_react.default.createElement("div", {
-    className: "facebook--thinking"
-  }, /*#__PURE__*/_react.default.createElement("div", {
-    className: "facebook--textarea"
-  }, /*#__PURE__*/_react.default.createElement("div", {
-    className: "facebook--textarea__circle"
-  }), /*#__PURE__*/_react.default.createElement("div", {
-    className: "facebook--textarea__placeholder"
-  }, translate('webbuilder.facebook.body.think'))), /*#__PURE__*/_react.default.createElement("div", {
-    className: "facebook--chips"
-  }, /*#__PURE__*/_react.default.createElement("span", {
-    className: "facebook--chips__item"
-  }, translate('webbuilder.facebook.body.photo')), /*#__PURE__*/_react.default.createElement("span", {
-    className: "facebook--chips__item"
-  }, translate('webbuilder.facebook.body.label')), /*#__PURE__*/_react.default.createElement("span", {
-    className: "facebook--chips__item"
-  }, translate('webbuilder.facebook.body.feeling'))))));
-};
-FacebookBody.defaultProps = {
-  showingReference: false,
-  usingTemplate: {},
-  openPopup: function openPopup() {},
-  onSave: function onSave() {},
-  body: {}
-};
-var _default = FacebookBody;
-exports.default = _default;