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

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

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

@@ -0,0 +1,154 @@
+"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"
+  }, /*#__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;

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

@@ -0,0 +1,32 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+
+var _react = _interopRequireDefault(require("react"));
+
+var _propTypes = _interopRequireDefault(require("prop-types"));
+
+var _FacebookBody = _interopRequireDefault(require("./FacebookBody"));
+
+var _BankBody = _interopRequireDefault(require("./BankBody"));
+
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+
+var WebBuilderBody = function WebBuilderBody(props) {
+  var isFacebook = props.isFacebook;
+  return /*#__PURE__*/_react.default.createElement("div", {
+    className: "puzzle--webBuilder__body ".concat(!isFacebook ? 'bank' : '')
+  }, isFacebook ? /*#__PURE__*/_react.default.createElement(_FacebookBody.default, props) : /*#__PURE__*/_react.default.createElement(_BankBody.default, props));
+};
+
+WebBuilderBody.defaultProps = {
+  isFacebook: false
+};
+WebBuilderBody.propTypes = {
+  isFacebook: _propTypes.default.bool
+};
+var _default = WebBuilderBody;
+exports.default = _default;

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

@@ -0,0 +1,98 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+
+var _react = _interopRequireDefault(require("react"));
+
+var _propTypes = _interopRequireDefault(require("prop-types"));
+
+var _Facebook = require("../../Templates/Facebook");
+
+var _Bank = require("../../Templates/Bank");
+
+var _resourcePath = _interopRequireDefault(require("../../Templates/resourcePath"));
+
+var _EditButton = _interopRequireDefault(require("../EditButton"));
+
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+
+var WebBuilderFront = function WebBuilderFront(_ref) {
+  var showingReference = _ref.showingReference,
+      usingTemplate = _ref.usingTemplate,
+      header = _ref.header,
+      _onSave = _ref.onSave,
+      translate = _ref.translate,
+      openPopup = _ref.openPopup;
+  var userImage = showingReference ? usingTemplate.header.userImage : header.userImage;
+  var userName = showingReference ? usingTemplate.header.username : header.username;
+  var backImage = showingReference ? usingTemplate.header.bgImage : header.bgImage;
+  return /*#__PURE__*/_react.default.createElement("div", {
+    className: "puzzle--webBuilder__front",
+    style: {
+      backgroundImage: "url(".concat(_resourcePath.default + backImage, ")")
+    }
+  }, /*#__PURE__*/_react.default.createElement("div", {
+    className: "facebook--user"
+  }, /*#__PURE__*/_react.default.createElement("span", {
+    className: "facebook--user__circle",
+    style: {
+      backgroundImage: "url(".concat(_resourcePath.default + userImage, ")")
+    }
+  }, !showingReference ? /*#__PURE__*/_react.default.createElement(_EditButton.default, {
+    action: function action() {
+      openPopup('PopupImageComponent', {
+        images: _Bank.imagesOptions,
+        onSave: function onSave(image) {
+          return _onSave({
+            userImage: image
+          });
+        }
+      });
+    }
+  }) : null), /*#__PURE__*/_react.default.createElement("span", {
+    className: "facebook--user__text"
+  }, translate(!userName ? 'webbuilder.facebook.header.userName' : userName)), !showingReference ? /*#__PURE__*/_react.default.createElement(_EditButton.default, {
+    action: function action() {
+      openPopup('PopupTextComponent', {
+        options: _Facebook.userOptions,
+        onSave: function onSave(user) {
+          return _onSave({
+            username: user
+          });
+        }
+      });
+    }
+  }) : null), !showingReference ? /*#__PURE__*/_react.default.createElement(_EditButton.default, {
+    className: "position--absolute right top",
+    action: function action() {
+      openPopup('PopupImageComponent', {
+        images: _Bank.imagesOptions,
+        onSave: function onSave(image) {
+          return _onSave({
+            bgImage: image
+          });
+        }
+      });
+    }
+  }) : null);
+};
+
+WebBuilderFront.defaultProps = {
+  showingReference: false,
+  usingTemplate: {},
+  openPopup: function openPopup() {},
+  onSave: function onSave() {},
+  header: {}
+};
+WebBuilderFront.propTypes = {
+  showingReference: _propTypes.default.bool,
+  usingTemplate: _propTypes.default.shape({}),
+  openPopup: _propTypes.default.func,
+  onSave: _propTypes.default.func,
+  header: _propTypes.default.shape({})
+};
+var _default = WebBuilderFront;
+exports.default = _default;

package/dist/components/web-builder-puzzle-component/components/WebBuilderHeader/BankHeader.js

@@ -0,0 +1,92 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+
+var _react = _interopRequireDefault(require("react"));
+
+var _propTypes = _interopRequireDefault(require("prop-types"));
+
+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 BankHeader = function BankHeader(_ref) {
+  var showingReference = _ref.showingReference,
+      usingTemplate = _ref.usingTemplate,
+      openPopup = _ref.openPopup,
+      _onSave = _ref.onSave,
+      header = _ref.header,
+      translate = _ref.translate;
+  return /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, showingReference ? /*#__PURE__*/_react.default.createElement("div", {
+    className: "bank--edit__logo"
+  }, /*#__PURE__*/_react.default.createElement("img", {
+    src: _resourcePath.default + usingTemplate.header.logo,
+    alt: "",
+    title: ""
+  })) : /*#__PURE__*/_react.default.createElement("div", {
+    className: "bank--edit__logo"
+  }, header.logo ? /*#__PURE__*/_react.default.createElement("img", {
+    src: _resourcePath.default + header.logo,
+    alt: "",
+    title: ""
+  }) : /*#__PURE__*/_react.default.createElement("span", null, /*#__PURE__*/_react.default.createElement("b", null, translate('webbuilder.bank.header.title')), /*#__PURE__*/_react.default.createElement("b", null, translate('webbuilder.bank.header.logo'))), /*#__PURE__*/_react.default.createElement(_EditButton.default, {
+    action: function action() {
+      return openPopup('PopupImageComponent', {
+        text: 'Documents',
+        images: _Bank.imagesOptions,
+        onSave: function onSave(image) {
+          return _onSave({
+            logo: image
+          });
+        }
+      });
+    }
+  })), /*#__PURE__*/_react.default.createElement("div", {
+    className: "flex align-center"
+  }, /*#__PURE__*/_react.default.createElement("ul", {
+    className: "bank--navigation"
+  }, /*#__PURE__*/_react.default.createElement("li", {
+    className: "bank-navigation__item"
+  }, translate('webbuilder.bank.header.account')), /*#__PURE__*/_react.default.createElement("li", {
+    className: "bank-navigation__item"
+  }, translate('webbuilder.bank.header.invest')), /*#__PURE__*/_react.default.createElement("li", {
+    className: "bank-navigation__item"
+  }, translate('webbuilder.bank.header.loans')), /*#__PURE__*/_react.default.createElement("li", {
+    className: "bank-navigation__item"
+  }, translate('webbuilder.bank.header.mortgage'))), !showingReference ? /*#__PURE__*/_react.default.createElement(_EditButton.default, {
+    action: function action() {
+      return openPopup('PopupColorComponent', {
+        colors: _Bank.colorOptions,
+        onSave: function onSave(color) {
+          return _onSave({
+            color: color
+          });
+        }
+      });
+    }
+  }) : null));
+};
+
+BankHeader.defaultProps = {
+  showingReference: false,
+  usingTemplate: {},
+  openPopup: function openPopup() {},
+  onSave: function onSave() {},
+  header: {}
+};
+BankHeader.propTypes = {
+  showingReference: _propTypes.default.bool,
+  usingTemplate: _propTypes.default.shape({}),
+  openPopup: _propTypes.default.func,
+  onSave: _propTypes.default.func,
+  header: _propTypes.default.shape({})
+};
+var _default = BankHeader;
+exports.default = _default;

package/dist/components/web-builder-puzzle-component/components/WebBuilderHeader/FacebookHeader.js

@@ -0,0 +1,50 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+
+var _react = _interopRequireDefault(require("react"));
+
+var _propTypes = _interopRequireDefault(require("prop-types"));
+
+var _resourcePath = _interopRequireDefault(require("../../Templates/resourcePath"));
+
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+
+var FacebookHeader = function FacebookHeader(_ref) {
+  var showingReference = _ref.showingReference,
+      usingTemplate = _ref.usingTemplate,
+      header = _ref.header,
+      translate = _ref.translate;
+  var userImage = showingReference ? usingTemplate.header.userImage : header.userImage;
+  var userName = showingReference ? usingTemplate.header.username : header.username;
+  return /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, /*#__PURE__*/_react.default.createElement("span", {
+    className: "facebook--header__logo"
+  }, /*#__PURE__*/_react.default.createElement("span", {
+    className: "icon-fb-logo"
+  })), /*#__PURE__*/_react.default.createElement("span", {
+    className: "facebook--header__user"
+  }, /*#__PURE__*/_react.default.createElement("span", {
+    className: "facebook--header__user--circle",
+    style: {
+      backgroundImage: "url(".concat(_resourcePath.default + userImage, ")")
+    }
+  }), /*#__PURE__*/_react.default.createElement("span", {
+    className: "facebook--header__user--text"
+  }, translate(!userName ? 'webbuilder.facebook.header.userName' : userName))));
+};
+
+FacebookHeader.defaultProps = {
+  showingReference: false,
+  usingTemplate: {},
+  header: {}
+};
+FacebookHeader.propTypes = {
+  showingReference: _propTypes.default.bool,
+  usingTemplate: _propTypes.default.shape({}),
+  header: _propTypes.default.shape({})
+};
+var _default = FacebookHeader;
+exports.default = _default;

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

@@ -0,0 +1,47 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+
+var _react = _interopRequireDefault(require("react"));
+
+var _propTypes = _interopRequireDefault(require("prop-types"));
+
+var _BankHeader = _interopRequireDefault(require("./BankHeader"));
+
+var _FacebookHeader = _interopRequireDefault(require("./FacebookHeader"));
+
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+
+var WebBuilderHeader = function WebBuilderHeader(props) {
+  var isFacebook = props.isFacebook,
+      header = props.header,
+      showingReference = props.showingReference,
+      usingTemplate = props.usingTemplate;
+  var headerColor = showingReference ? usingTemplate.header.color : header.color;
+  return /*#__PURE__*/_react.default.createElement("div", {
+    className: "puzzle--webBuilder__header ".concat(!isFacebook ? 'bank' : ''),
+    style: !isFacebook ? {
+      backgroundColor: "".concat(headerColor)
+    } : {}
+  }, /*#__PURE__*/_react.default.createElement("div", {
+    className: "".concat(isFacebook ? 'facebook' : 'bank', "--header")
+  }, isFacebook ? /*#__PURE__*/_react.default.createElement(_FacebookHeader.default, props) : /*#__PURE__*/_react.default.createElement(_BankHeader.default, props)));
+};
+
+WebBuilderHeader.defaultProps = {
+  isFacebook: false,
+  showingReference: false,
+  usingTemplate: {},
+  header: {}
+};
+WebBuilderHeader.propTypes = {
+  isFacebook: _propTypes.default.bool,
+  showingReference: _propTypes.default.bool,
+  usingTemplate: _propTypes.default.shape({}),
+  header: _propTypes.default.shape({})
+};
+var _default = WebBuilderHeader;
+exports.default = _default;