@stokr/components-library 2.3.58-beta.6 → 2.3.58-beta.7

package/dist/components/Footer/FooterMenu.styles.js

@@ -8,73 +8,50 @@ var _styledComponents = _interopRequireDefault(require("styled-components"));
 var _colors = _interopRequireDefault(require("../../styles/colors"));
 var _rwd = _interopRequireDefault(require("../../styles/rwd"));
 var _theme = _interopRequireDefault(require("../../styles/theme"));
-function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
-var Container = _styledComponents.default.div.withConfig({
+function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
+const Container = exports.Container = _styledComponents.default.div.withConfig({
   displayName: "FooterMenustyles__Container",
   componentId: "sc-40ddqf-0"
 })(["z-index:2;position:relative;display:block;width:100%;padding:0;"]);
-exports.Container = Container;
-var Groups = _styledComponents.default.ul.withConfig({
+const Groups = exports.Groups = _styledComponents.default.ul.withConfig({
   displayName: "FooterMenustyles__Groups",
   componentId: "sc-40ddqf-1"
 })(["display:block;list-style:none;margin:0;padding:0;@media screen and (min-width:992px){display:flex;}"]);
-exports.Groups = Groups;
-var Group = _styledComponents.default.li.withConfig({
+const Group = exports.Group = _styledComponents.default.li.withConfig({
   displayName: "FooterMenustyles__Group",
   componentId: "sc-40ddqf-2"
 })(["display:block;border-top:1px solid ", ";@media screen and (min-width:992px){display:inline-block;padding:64px 65px 68px;flex-grow:1;width:25%;}@media screen and (max-width:1270px){padding:64px 3% 68px;&:first-child{padding-left:65px;}&:last-child{padding-right:45px;padding-top:59px;}}@media screen and (max-width:992px){padding:32px 48px;&:first-child{padding-left:48px;}&:last-child{padding:32px 48px;margin-bottom:6px;}}&:last-child{@media screen and (min-width:980px){}@media screen and (min-width:1150px){padding:59px 65px 68px;}@media screen and (min-width:1360px){}}@media screen and (min-width:992px) and (max-width:1270px){&:first-child{width:25%;}&:nth-child(2){width:20%;}&:nth-child(3){width:25%;}&:last-child{width:30%;}}"], _colors.default.lightGrey);
-exports.Group = Group;
-var Title = _styledComponents.default.button.withConfig({
+const Title = exports.Title = _styledComponents.default.button.withConfig({
   displayName: "FooterMenustyles__Title",
   componentId: "sc-40ddqf-3"
-})(["position:relative;display:block;width:100%;font-family:'Open Sans';font-weight:normal;font-size:11px;line-height:2.18;letter-spacing:2.1px;text-transform:uppercase;border:0;margin:0;margin-bottom:20px;padding:24px 32px;outline:0;text-align:left;color:", ";transition:color 0.2s;cursor:default;background-color:inherit;", " ", " @media screen and (min-width:992px){padding:0;cursor:default;&:focus,&:hover{color:", ";}}@media screen and (max-width:992px){padding:0;margin:0;}"], _theme.default.cBlack, function (props) {
-  return props.collapse && "\n    padding-right: 48px;\n    cursor: pointer;\n\n    &:focus ,\n    &:hover {\n      // color: ".concat(_theme.default.cPrimary, ";\n      color: initial;\n    }\n  ");
-}, function (props) {
-  return props.social && "\n    margin-top: 14px;\n  ";
-}, _theme.default.cBlack);
-exports.Title = Title;
-var Items = _styledComponents.default.ul.withConfig({
+})(["position:relative;display:block;width:100%;font-family:'Open Sans';font-weight:normal;font-size:11px;line-height:2.18;letter-spacing:2.1px;text-transform:uppercase;border:0;margin:0;margin-bottom:20px;padding:24px 32px;outline:0;text-align:left;color:", ";transition:color 0.2s;cursor:default;background-color:inherit;", " ", " @media screen and (min-width:992px){padding:0;cursor:default;&:focus,&:hover{color:", ";}}@media screen and (max-width:992px){padding:0;margin:0;}"], _theme.default.cBlack, props => props.collapse && "\n    padding-right: 48px;\n    cursor: pointer;\n\n    &:focus ,\n    &:hover {\n      // color: ".concat(_theme.default.cPrimary, ";\n      color: initial;\n    }\n  "), props => props.social && "\n    margin-top: 14px;\n  ", _theme.default.cBlack);
+const Items = exports.Items = _styledComponents.default.ul.withConfig({
   displayName: "FooterMenustyles__Items",
   componentId: "sc-40ddqf-4"
-})(["display:block;list-style:none;padding:0 24px;padding-bottom:24px;@media screen and (min-width:992px){display:block;padding:0;margin-top:22px;margin:0 -8px;width:224px;", "}@media screen and (max-width:992px){padding-top:15px;padding-left:0;padding-bottom:0;}"], function (props) {
-  return props.social && "\n      margin-top: 14px;\n    ";
-});
-exports.Items = Items;
-var Item = _styledComponents.default.li.withConfig({
+})(["display:block;list-style:none;padding:0 24px;padding-bottom:24px;@media screen and (min-width:992px){display:block;padding:0;margin-top:22px;margin:0 -8px;width:224px;", "}@media screen and (max-width:992px){padding-top:15px;padding-left:0;padding-bottom:0;}"], props => props.social && "\n      margin-top: 14px;\n    ");
+const Item = exports.Item = _styledComponents.default.li.withConfig({
   displayName: "FooterMenustyles__Item",
   componentId: "sc-40ddqf-5"
-})(["display:block;padding:7px 8px;", ";@media screen and (max-width:992px){&:first-of-type{}padding-left:0;padding-right:16px;}"], function (props) {
-  return props.social && "\n    display: inline-block;\n  ";
-});
-exports.Item = Item;
-var Link = _styledComponents.default.a.withConfig({
+})(["display:block;padding:7px 8px;", ";@media screen and (max-width:992px){&:first-of-type{}padding-left:0;padding-right:16px;}"], props => props.social && "\n    display: inline-block;\n  ");
+const Link = exports.Link = _styledComponents.default.a.withConfig({
   displayName: "FooterMenustyles__Link",
   componentId: "sc-40ddqf-6"
 })(["display:inline-block;font-family:'Open Sans';font-weight:bold;font-size:11px;line-height:2.18;letter-spacing:2.1px;text-transform:uppercase;color:", ";transition:color 0.2s;width:100%;&:focus,&:hover{opacity:0.6;}"], _theme.default.cBlack);
-exports.Link = Link;
-var SocialLink = _styledComponents.default.a.withConfig({
+const SocialLink = exports.SocialLink = _styledComponents.default.a.withConfig({
   displayName: "FooterMenustyles__SocialLink",
   componentId: "sc-40ddqf-7"
 })(["position:relative;display:inline-block;width:40px;height:40px;border-radius:20px;transition:background-color 0.2s;& > svg,img{height:40px;width:40px;}&:focus,&:hover{opacity:0.8;}"]);
-exports.SocialLink = SocialLink;
-var HiringTotalNumber = _styledComponents.default.span.withConfig({
+const HiringTotalNumber = exports.HiringTotalNumber = _styledComponents.default.span.withConfig({
   displayName: "FooterMenustyles__HiringTotalNumber",
   componentId: "sc-40ddqf-8"
 })(["background:#88fa51;color:#000;border-radius:100px;display:inline-flex;width:15px;height:15px;margin-left:0px;text-align:center;font-weight:600;align-items:center;justify-content:center;padding:8px 0;font-size:11px;font-weight:700;padding-right:0;padding-top:6px;"]);
-exports.HiringTotalNumber = HiringTotalNumber;
-var TitleContainer = _styledComponents.default.div.withConfig({
+const TitleContainer = exports.TitleContainer = _styledComponents.default.div.withConfig({
   displayName: "FooterMenustyles__TitleContainer",
   componentId: "sc-40ddqf-9"
 })(["@media screen and (max-width:990px){align-items:center;display:flex;justify-content:space-between;}"]);
-exports.TitleContainer = TitleContainer;
-var ArrowDown = _styledComponents.default.i.attrs({
+const ArrowDown = exports.ArrowDown = _styledComponents.default.i.attrs({
   className: 'ion ion-ios-arrow-down'
 }).withConfig({
   displayName: "FooterMenustyles__ArrowDown",
   componentId: "sc-40ddqf-10"
-})(["&&&{top:50%;right:0;transition:0.3s transform;transform:rotate(0);text-align:center;font-size:16px;line-height:16px;height:16px;margin-top:-8px;", "}", ""], function (props) {
-  return props.isOpened && "\n      transform: rotate(180deg);\n    ";
-}, function (props) {
-  return !props.displayAlways && "\n  @media screen and (min-width: 992px) {\n    display: none;\n  }\n  ";
-});
-exports.ArrowDown = ArrowDown;
+})(["&&&{top:50%;right:0;transition:0.3s transform;transform:rotate(0);text-align:center;font-size:16px;line-height:16px;height:16px;margin-top:-8px;", "}", ""], props => props.isOpened && "\n      transform: rotate(180deg);\n    ", props => !props.displayAlways && "\n  @media screen and (min-width: 992px) {\n    display: none;\n  }\n  ");

package/dist/components/Footer/index.js

@@ -5,23 +5,23 @@ Object.defineProperty(exports, "__esModule", {
 });
 Object.defineProperty(exports, "Footer", {
   enumerable: true,
-  get: function get() {
+  get: function () {
     return _Footer.default;
   }
 });
 Object.defineProperty(exports, "FooterLayout", {
   enumerable: true,
-  get: function get() {
+  get: function () {
     return _FooterLayout.default;
   }
 });
 Object.defineProperty(exports, "FooterMenu", {
   enumerable: true,
-  get: function get() {
+  get: function () {
     return _FooterMenu.default;
   }
 });
 var _Footer = _interopRequireDefault(require("./Footer"));
 var _FooterMenu = _interopRequireDefault(require("./FooterMenu"));
 var _FooterLayout = _interopRequireDefault(require("./FooterLayout"));
-function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }

package/dist/components/ForgotPasswordModal/ForgotPasswordModal.js

@@ -16,129 +16,107 @@ var _Button = _interopRequireDefault(require("../Button/Button.styles"));
 var _Grid = require("../Grid/Grid.styles");
 var _ComponentWrapper = _interopRequireDefault(require("../ComponentWrapper/ComponentWrapper.styles"));
 var _globalVariables = require("../../constants/globalVariables");
-function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
-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 _typeof(o) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (o) { return typeof o; } : function (o) { return o && "function" == typeof Symbol && o.constructor === Symbol && o !== Symbol.prototype ? "symbol" : typeof o; }, _typeof(o); }
-function _classCallCheck(instance, Constructor) { if (!(instance instanceof Constructor)) { throw new TypeError("Cannot call a class as a function"); } }
-function _defineProperties(target, props) { for (var i = 0; i < props.length; i++) { var descriptor = props[i]; descriptor.enumerable = descriptor.enumerable || false; descriptor.configurable = true; if ("value" in descriptor) descriptor.writable = true; Object.defineProperty(target, _toPropertyKey(descriptor.key), descriptor); } }
-function _createClass(Constructor, protoProps, staticProps) { if (protoProps) _defineProperties(Constructor.prototype, protoProps); if (staticProps) _defineProperties(Constructor, staticProps); Object.defineProperty(Constructor, "prototype", { writable: false }); return Constructor; }
-function _inherits(subClass, superClass) { if (typeof superClass !== "function" && superClass !== null) { throw new TypeError("Super expression must either be null or a function"); } subClass.prototype = Object.create(superClass && superClass.prototype, { constructor: { value: subClass, writable: true, configurable: true } }); Object.defineProperty(subClass, "prototype", { writable: false }); if (superClass) _setPrototypeOf(subClass, superClass); }
-function _setPrototypeOf(o, p) { _setPrototypeOf = Object.setPrototypeOf ? Object.setPrototypeOf.bind() : function _setPrototypeOf(o, p) { o.__proto__ = p; return o; }; return _setPrototypeOf(o, p); }
-function _createSuper(Derived) { var hasNativeReflectConstruct = _isNativeReflectConstruct(); return function _createSuperInternal() { var Super = _getPrototypeOf(Derived), result; if (hasNativeReflectConstruct) { var NewTarget = _getPrototypeOf(this).constructor; result = Reflect.construct(Super, arguments, NewTarget); } else { result = Super.apply(this, arguments); } return _possibleConstructorReturn(this, result); }; }
-function _possibleConstructorReturn(self, call) { if (call && (_typeof(call) === "object" || typeof call === "function")) { return call; } else if (call !== void 0) { throw new TypeError("Derived constructors may only return object or undefined"); } return _assertThisInitialized(self); }
-function _assertThisInitialized(self) { if (self === void 0) { throw new ReferenceError("this hasn't been initialised - super() hasn't been called"); } return self; }
-function _isNativeReflectConstruct() { if (typeof Reflect === "undefined" || !Reflect.construct) return false; if (Reflect.construct.sham) return false; if (typeof Proxy === "function") return true; try { Boolean.prototype.valueOf.call(Reflect.construct(Boolean, [], function () {})); return true; } catch (e) { return false; } }
-function _getPrototypeOf(o) { _getPrototypeOf = Object.setPrototypeOf ? Object.getPrototypeOf.bind() : function _getPrototypeOf(o) { return o.__proto__ || Object.getPrototypeOf(o); }; return _getPrototypeOf(o); }
-function _defineProperty(obj, key, value) { key = _toPropertyKey(key); if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
-function _toPropertyKey(arg) { var key = _toPrimitive(arg, "string"); return _typeof(key) === "symbol" ? key : String(key); }
-function _toPrimitive(input, hint) { if (_typeof(input) !== "object" || input === null) return input; var prim = input[Symbol.toPrimitive]; if (prim !== undefined) { var res = prim.call(input, hint || "default"); if (_typeof(res) !== "object") return res; throw new TypeError("@@toPrimitive must return a primitive value."); } return (hint === "string" ? String : Number)(input); }
-var ForgotPasswordModal = /*#__PURE__*/function (_PureComponent) {
-  _inherits(ForgotPasswordModal, _PureComponent);
-  var _super = _createSuper(ForgotPasswordModal);
-  function ForgotPasswordModal() {
-    var _this;
-    _classCallCheck(this, ForgotPasswordModal);
-    for (var _len = arguments.length, args = new Array(_len), _key = 0; _key < _len; _key++) {
-      args[_key] = arguments[_key];
-    }
-    _this = _super.call.apply(_super, [this].concat(args));
-    _defineProperty(_assertThisInitialized(_this), "initialValues", {
+function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
+function _interopRequireWildcard(e, t) { if ("function" == typeof WeakMap) var r = new WeakMap(), n = new WeakMap(); return (_interopRequireWildcard = function (e, t) { if (!t && e && e.__esModule) return e; var o, i, f = { __proto__: null, default: e }; if (null === e || "object" != typeof e && "function" != typeof e) return f; if (o = t ? n : r) { if (o.has(e)) return o.get(e); o.set(e, f); } for (const t in e) "default" !== t && {}.hasOwnProperty.call(e, t) && ((i = (o = Object.defineProperty) && Object.getOwnPropertyDescriptor(e, t)) && (i.get || i.set) ? o(f, t, i) : f[t] = e[t]); return f; })(e, t); }
+function _defineProperty(e, r, t) { return (r = _toPropertyKey(r)) in e ? Object.defineProperty(e, r, { value: t, enumerable: !0, configurable: !0, writable: !0 }) : e[r] = t, e; }
+function _toPropertyKey(t) { var i = _toPrimitive(t, "string"); return "symbol" == typeof i ? i : i + ""; }
+function _toPrimitive(t, r) { if ("object" != typeof t || !t) return t; var e = t[Symbol.toPrimitive]; if (void 0 !== e) { var i = e.call(t, r || "default"); if ("object" != typeof i) return i; throw new TypeError("@@toPrimitive must return a primitive value."); } return ("string" === r ? String : Number)(t); }
+class ForgotPasswordModal extends _react.PureComponent {
+  constructor() {
+    super(...arguments);
+    _defineProperty(this, "initialValues", {
       email: ''
     });
-    _defineProperty(_assertThisInitialized(_this), "validationSchema", Yup.object().shape({
+    _defineProperty(this, "validationSchema", Yup.object().shape({
       email: Yup.string().matches(_globalVariables.emailRegex, "Oops, that's not a valid address").required('Oops, this can‘t be blank')
     }));
-    return _this;
   }
-  _createClass(ForgotPasswordModal, [{
-    key: "render",
-    value: function render() {
-      var _this$props = this.props,
-        isModalOpen = _this$props.isModalOpen,
-        onModalClose = _this$props.onModalClose,
-        onFormSend = _this$props.onFormSend,
-        onModalSwitch = _this$props.onModalSwitch,
-        popupError = _this$props.popupError,
-        popupSuccess = _this$props.popupSuccess,
-        isActionLoading = _this$props.isActionLoading,
-        background = _this$props.background,
-        isResettingExpiredToken = _this$props.isResettingExpiredToken;
+  render() {
+    const {
+      isModalOpen,
+      onModalClose,
+      onFormSend,
+      onModalSwitch,
+      popupError,
+      popupSuccess,
+      isActionLoading,
+      background,
+      isResettingExpiredToken
+    } = this.props;
 
-      // since the logic for handling expired tokens requires a modal which happens to be exactly
-      // the same as the Forgot Password modal (except for the content of 3 text elements),
-      // instead of creating a new dedicated modal, we just handle the text diffs here.
-      var headerTextContent = isResettingExpiredToken ? 'This Invite Link Has Expired' : 'Reset Your password';
-      var mainTextContent = isResettingExpiredToken ? 'To continue, request a new one using your email, and access will be sent shortly.' : 'No hints. No nudges. Just a nice, easy reset link direct to your inbox.';
-      var footerTextContent = isResettingExpiredToken ? 'Already have an account? ' : 'Remember your password? ';
-      return /*#__PURE__*/_react.default.createElement(_Modal.Modal, {
-        isOpen: isModalOpen,
-        onClose: onModalClose,
-        background: background
-      }, /*#__PURE__*/_react.default.createElement(_Grid.Row, null, /*#__PURE__*/_react.default.createElement(_Grid.Column, {
-        part: 8
-      }, /*#__PURE__*/_react.default.createElement(_Modal.ModalInner, {
-        modalTop: true
-      }, /*#__PURE__*/_react.default.createElement(_Text.default, null, /*#__PURE__*/_react.default.createElement("h3", null, headerTextContent), /*#__PURE__*/_react.default.createElement("p", null, mainTextContent))), /*#__PURE__*/_react.default.createElement(_Modal.ModalInner, {
-        modalBot: true
-      }, /*#__PURE__*/_react.default.createElement(_Modal.ModalLinkWrap, null, footerTextContent, /*#__PURE__*/_react.default.createElement(_Modal.ModalLink, {
-        to: "#",
-        as: "button",
-        onClick: onModalSwitch
-      }, "Log in")))), /*#__PURE__*/_react.default.createElement(_Grid.Column, {
-        part: 8
-      }, /*#__PURE__*/_react.default.createElement(_Modal.ModalInner, null, popupSuccess.popup !== 'forgot' ? /*#__PURE__*/_react.default.createElement(_formik.Formik, {
-        initialValues: this.initialValues,
-        validationSchema: this.validationSchema,
-        onSubmit: function onSubmit(values) {
-          onFormSend(values);
-        }
-      }, function (_ref) {
-        var values = _ref.values,
-          errors = _ref.errors,
-          touched = _ref.touched,
-          handleChange = _ref.handleChange,
-          handleBlur = _ref.handleBlur;
-        var submitDisabled = !values.email || !!errors.email || isActionLoading === 'forgot';
-        return /*#__PURE__*/_react.default.createElement(_Form.default, null, /*#__PURE__*/_react.default.createElement(_ComponentWrapper.default, {
-          noPadding: true
-        }, /*#__PURE__*/_react.default.createElement(_Form.FormField, null, /*#__PURE__*/_react.default.createElement(_Input.default, {
-          id: "forgot-email",
-          name: "email",
-          type: "email",
-          label: "Your email",
-          value: values.email,
-          error: !!errors.email,
-          touched: !!touched.email,
-          onChange: handleChange,
-          onBlur: handleBlur,
-          validateOnChange: true,
-          validateOnBlur: true
-        }), /*#__PURE__*/_react.default.createElement(_Form.FormError, {
-          show: errors.email && touched.email
-        }, errors.email))), /*#__PURE__*/_react.default.createElement(_ComponentWrapper.default, {
-          noPaddingBottom: true,
-          noPaddingHorizontal: true
-        }, /*#__PURE__*/_react.default.createElement(_Button.default, {
-          type: "submit",
-          fluid: true,
-          disabled: submitDisabled
-        }, isActionLoading === 'forgot' ? 'Sending Reset Link' : 'Send Reset Link')), /*#__PURE__*/_react.default.createElement(_ComponentWrapper.default, {
-          paddingVeticalHalf: true,
-          noPaddingHorizontal: true
-        }, /*#__PURE__*/_react.default.createElement(_Form.FormError, {
-          show: popupError.popup === 'forgot'
-        }, popupError.message)));
-      }) : /*#__PURE__*/_react.default.createElement(_Text.default, null, /*#__PURE__*/_react.default.createElement("br", null), /*#__PURE__*/_react.default.createElement("br", null), /*#__PURE__*/_react.default.createElement("p", null, popupSuccess.message))))));
-    }
-  }]);
-  return ForgotPasswordModal;
-}(_react.PureComponent);
+    // since the logic for handling expired tokens requires a modal which happens to be exactly
+    // the same as the Forgot Password modal (except for the content of 3 text elements),
+    // instead of creating a new dedicated modal, we just handle the text diffs here.
+    const headerTextContent = isResettingExpiredToken ? 'This Invite Link Has Expired' : 'Reset Your password';
+    const mainTextContent = isResettingExpiredToken ? 'To continue, request a new one using your email, and access will be sent shortly.' : 'No hints. No nudges. Just a nice, easy reset link direct to your inbox.';
+    const footerTextContent = isResettingExpiredToken ? 'Already have an account? ' : 'Remember your password? ';
+    return /*#__PURE__*/_react.default.createElement(_Modal.Modal, {
+      isOpen: isModalOpen,
+      onClose: onModalClose,
+      background: background
+    }, /*#__PURE__*/_react.default.createElement(_Grid.Row, null, /*#__PURE__*/_react.default.createElement(_Grid.Column, {
+      part: 8
+    }, /*#__PURE__*/_react.default.createElement(_Modal.ModalInner, {
+      modalTop: true
+    }, /*#__PURE__*/_react.default.createElement(_Text.default, null, /*#__PURE__*/_react.default.createElement("h3", null, headerTextContent), /*#__PURE__*/_react.default.createElement("p", null, mainTextContent))), /*#__PURE__*/_react.default.createElement(_Modal.ModalInner, {
+      modalBot: true
+    }, /*#__PURE__*/_react.default.createElement(_Modal.ModalLinkWrap, null, footerTextContent, /*#__PURE__*/_react.default.createElement(_Modal.ModalLink, {
+      to: "#",
+      as: "button",
+      onClick: onModalSwitch
+    }, "Log in")))), /*#__PURE__*/_react.default.createElement(_Grid.Column, {
+      part: 8
+    }, /*#__PURE__*/_react.default.createElement(_Modal.ModalInner, null, popupSuccess.popup !== 'forgot' ? /*#__PURE__*/_react.default.createElement(_formik.Formik, {
+      initialValues: this.initialValues,
+      validationSchema: this.validationSchema,
+      onSubmit: values => {
+        onFormSend(values);
+      }
+    }, _ref => {
+      let {
+        values,
+        errors,
+        touched,
+        handleChange,
+        handleBlur
+      } = _ref;
+      const submitDisabled = !values.email || !!errors.email || isActionLoading === 'forgot';
+      return /*#__PURE__*/_react.default.createElement(_Form.default, null, /*#__PURE__*/_react.default.createElement(_ComponentWrapper.default, {
+        noPadding: true
+      }, /*#__PURE__*/_react.default.createElement(_Form.FormField, null, /*#__PURE__*/_react.default.createElement(_Input.default, {
+        id: "forgot-email",
+        name: "email",
+        type: "email",
+        label: "Your email",
+        value: values.email,
+        error: !!errors.email,
+        touched: !!touched.email,
+        onChange: handleChange,
+        onBlur: handleBlur,
+        validateOnChange: true,
+        validateOnBlur: true
+      }), /*#__PURE__*/_react.default.createElement(_Form.FormError, {
+        show: errors.email && touched.email
+      }, errors.email))), /*#__PURE__*/_react.default.createElement(_ComponentWrapper.default, {
+        noPaddingBottom: true,
+        noPaddingHorizontal: true
+      }, /*#__PURE__*/_react.default.createElement(_Button.default, {
+        type: "submit",
+        fluid: true,
+        disabled: submitDisabled
+      }, isActionLoading === 'forgot' ? 'Sending Reset Link' : 'Send Reset Link')), /*#__PURE__*/_react.default.createElement(_ComponentWrapper.default, {
+        paddingVeticalHalf: true,
+        noPaddingHorizontal: true
+      }, /*#__PURE__*/_react.default.createElement(_Form.FormError, {
+        show: popupError.popup === 'forgot'
+      }, popupError.message)));
+    }) : /*#__PURE__*/_react.default.createElement(_Text.default, null, /*#__PURE__*/_react.default.createElement("br", null), /*#__PURE__*/_react.default.createElement("br", null), /*#__PURE__*/_react.default.createElement("p", null, popupSuccess.message))))));
+  }
+}
 ForgotPasswordModal.propTypes = {
   isModalOpen: _propTypes.default.bool.isRequired,
   onModalClose: _propTypes.default.func.isRequired,
   onFormSend: _propTypes.default.func.isRequired,
   onModalSwitch: _propTypes.default.func.isRequired
 };
-var _default = ForgotPasswordModal;
-exports.default = _default;
+var _default = exports.default = ForgotPasswordModal;

package/dist/components/ForgotPasswordModal/ForgotPasswordModal.stories.js

@@ -8,8 +8,8 @@ var _react = _interopRequireDefault(require("react"));
 var _ForgotPasswordModal = _interopRequireDefault(require("./ForgotPasswordModal"));
 var _ComponentWrapper = require("../ComponentWrapper/ComponentWrapper.styles");
 var _global = _interopRequireDefault(require("../../styles/global"));
-function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
-var _default = {
+function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
+var _default = exports.default = {
   title: 'Components Library/Forgot Password Modal',
   component: _ForgotPasswordModal.default,
   argTypes: {
@@ -57,12 +57,8 @@ var _default = {
     }
   }
 };
-exports.default = _default;
-var Template = function Template(args) {
-  return /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, /*#__PURE__*/_react.default.createElement(_global.default, null), /*#__PURE__*/_react.default.createElement(_ComponentWrapper.ComponentWrapper, null, /*#__PURE__*/_react.default.createElement(_ForgotPasswordModal.default, args)));
-};
-var ForgotPasswordModalOverview = Template.bind({});
-exports.ForgotPasswordModalOverview = ForgotPasswordModalOverview;
+const Template = args => /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, /*#__PURE__*/_react.default.createElement(_global.default, null), /*#__PURE__*/_react.default.createElement(_ComponentWrapper.ComponentWrapper, null, /*#__PURE__*/_react.default.createElement(_ForgotPasswordModal.default, args)));
+const ForgotPasswordModalOverview = exports.ForgotPasswordModalOverview = Template.bind({});
 ForgotPasswordModalOverview.args = {
   isModalOpen: true,
   popupError: {},

package/dist/components/Form/Form.js

@@ -1,25 +1,24 @@
 "use strict";
 
-function _typeof(o) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (o) { return typeof o; } : function (o) { return o && "function" == typeof Symbol && o.constructor === Symbol && o !== Symbol.prototype ? "symbol" : typeof o; }, _typeof(o); }
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.Form = void 0;
 Object.defineProperty(exports, "FormError", {
   enumerable: true,
-  get: function get() {
+  get: function () {
     return _Form.FormError;
   }
 });
 Object.defineProperty(exports, "FormField", {
   enumerable: true,
-  get: function get() {
+  get: function () {
     return _Form.FormField;
   }
 });
 Object.defineProperty(exports, "FormInfo", {
   enumerable: true,
-  get: function get() {
+  get: function () {
     return _Form.FormInfo;
   }
 });
@@ -29,12 +28,13 @@ var _react = _interopRequireDefault(require("react"));
 var _propTypes = _interopRequireDefault(require("prop-types"));
 var Yup = _interopRequireWildcard(require("yup"));
 var _Form = require("./Form.styles");
-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 _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
-var Form = function Form(_ref) {
-  var children = _ref.children,
-    id = _ref.id;
+function _interopRequireWildcard(e, t) { if ("function" == typeof WeakMap) var r = new WeakMap(), n = new WeakMap(); return (_interopRequireWildcard = function (e, t) { if (!t && e && e.__esModule) return e; var o, i, f = { __proto__: null, default: e }; if (null === e || "object" != typeof e && "function" != typeof e) return f; if (o = t ? n : r) { if (o.has(e)) return o.get(e); o.set(e, f); } for (const t in e) "default" !== t && {}.hasOwnProperty.call(e, t) && ((i = (o = Object.defineProperty) && Object.getOwnPropertyDescriptor(e, t)) && (i.get || i.set) ? o(f, t, i) : f[t] = e[t]); return f; })(e, t); }
+function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
+const Form = _ref => {
+  let {
+    children,
+    id
+  } = _ref;
   return /*#__PURE__*/_react.default.createElement(_Form.FormContainer, {
     autoComplete: "off",
     noValidate: true,
@@ -52,8 +52,10 @@ var Form = function Form(_ref) {
  */
 exports.Form = Form;
 function validate(fieldName, formik) {
-  var values = formik.values,
-    validationSchema = formik.validationSchema;
+  const {
+    values,
+    validationSchema
+  } = formik;
   try {
     Yup.reach(validationSchema, fieldName).validateSync(values[fieldName], {
       abortEarly: false
@@ -66,5 +68,4 @@ function validate(fieldName, formik) {
 Form.propTypes = {
   children: _propTypes.default.node.isRequired
 };
-var _default = Form;
-exports.default = _default;
+var _default = exports.default = Form;

package/dist/components/Form/Form.stories.js

@@ -9,9 +9,9 @@ var _Form = _interopRequireDefault(require("./Form"));
 var _ComponentWrapper = require("../ComponentWrapper/ComponentWrapper.styles");
 var _formik = require("formik");
 var _global = _interopRequireDefault(require("../../styles/global"));
-function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
 // import { FormField, FormInfo, FormError } from './Form'
-var _default = {
+var _default = exports.default = {
   title: 'Components Library/Form',
   component: _Form.default,
   argTypes: {
@@ -22,13 +22,9 @@ var _default = {
     }
   }
 };
-exports.default = _default;
 _Form.default.decorators = [_formik.withFormik];
-var Template = function Template(args) {
-  return /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, /*#__PURE__*/_react.default.createElement(_global.default, null), /*#__PURE__*/_react.default.createElement(_ComponentWrapper.ComponentWrapper, null, /*#__PURE__*/_react.default.createElement(_Form.default, args)));
-};
-var FormOverview = Template.bind({});
-exports.FormOverview = FormOverview;
+const Template = args => /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, /*#__PURE__*/_react.default.createElement(_global.default, null), /*#__PURE__*/_react.default.createElement(_ComponentWrapper.ComponentWrapper, null, /*#__PURE__*/_react.default.createElement(_Form.default, args)));
+const FormOverview = exports.FormOverview = Template.bind({});
 FormOverview.args = {};
 
 //doublecheck:

package/dist/components/Form/Form.styles.js

@@ -9,51 +9,31 @@ var _formik = require("formik");
 var _rwd = _interopRequireDefault(require("../../styles/rwd"));
 var _theme = _interopRequireDefault(require("../../styles/theme"));
 var _templateObject;
-function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
-function _taggedTemplateLiteral(strings, raw) { if (!raw) { raw = strings.slice(0); } return Object.freeze(Object.defineProperties(strings, { raw: { value: Object.freeze(raw) } })); }
-var FormContainer = (0, _styledComponents.default)(_formik.Form).withConfig({
+function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
+function _taggedTemplateLiteral(e, t) { return t || (t = e.slice(0)), Object.freeze(Object.defineProperties(e, { raw: { value: Object.freeze(t) } })); }
+const FormContainer = exports.FormContainer = (0, _styledComponents.default)(_formik.Form).withConfig({
   displayName: "Formstyles__FormContainer",
   componentId: "sc-rsw01z-0"
 })(["display:flex;flex-direction:column;flex-grow:1;"]);
-exports.FormContainer = FormContainer;
-var FormField = _styledComponents.default.div.withConfig({
+const FormField = exports.FormField = _styledComponents.default.div.withConfig({
   displayName: "Formstyles__FormField",
   componentId: "sc-rsw01z-1"
 })(["position:relative;"]);
-exports.FormField = FormField;
-var FormInfo = _styledComponents.default.div.withConfig({
+const FormInfo = exports.FormInfo = _styledComponents.default.div.withConfig({
   displayName: "Formstyles__FormInfo",
   componentId: "sc-rsw01z-2"
-})(["font-family:'Open Sans';font-weight:", ";font-size:9px;line-height:1.78em;letter-spacing:0.4px;color:", ";opacity:", ";", " ", " ", " ", " a{text-decoration:underline;transition:color .2s;&:hover{color:", ";}}"], function (props) {
-  return props.styleID ? "400" : "300";
-}, function (props) {
-  return _theme.default.cBlack;
-}, function (props) {
-  return props.styleID ? "1" : "0.5";
-}, function (props) {
-  return props.center && 'text-align: center;';
-}, function (props) {
-  return props.marginTop && 'margin-top: 18px;';
-}, function (props) {
-  return props.marginBottom && 'margin-bottom: 18px;';
-}, _rwd.default.Large(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n    font-size: 12px;\n  "]))), function (props) {
-  return _theme.default.cPrimary;
-});
-exports.FormInfo = FormInfo;
-var FormError = _styledComponents.default.div.withConfig({
+})(["font-family:'Open Sans';font-weight:", ";font-size:9px;line-height:1.78em;letter-spacing:0.4px;color:", ";opacity:", ";", " ", " ", " ", " a{text-decoration:underline;transition:color 0.2s;&:hover{color:", ";}}"], props => props.styleID ? "400" : "300", props => _theme.default.cBlack, props => props.styleID ? "1" : "0.5", props => props.center && 'text-align: center;', props => props.marginTop && 'margin-top: 18px;', props => props.marginBottom && 'margin-bottom: 18px;', _rwd.default.Large(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n    font-size: 12px;\n  "]))), props => _theme.default.cPrimary);
+const FormError = exports.FormError = _styledComponents.default.div.withConfig({
   displayName: "Formstyles__FormError",
   componentId: "sc-rsw01z-3"
-})(["display:none;font-family:'Open Sans';font-weight:300;font-size:11px;line-height:12px;margin:0;position:relative;left:0;top:", ";margin-bottom:-12px;letter-spacing:0.4px;color:", ";", " ", " ", ""], function (props) {
-  return props.styleSUF ? "10px" : "2px";
-}, function (props) {
-  return _theme.default.cWarning;
-}, function (props) {
-  return props.show && 'display: block;';
-}, function (_ref) {
-  var withMarginLeft = _ref.withMarginLeft;
+})(["display:none;font-family:'Open Sans';font-weight:300;font-size:11px;line-height:12px;margin:0;position:relative;left:0;top:", ";margin-bottom:-12px;letter-spacing:0.4px;color:", ";", " ", " ", ""], props => props.styleSUF ? "10px" : "2px", props => _theme.default.cWarning, props => props.show && 'display: block;', _ref => {
+  let {
+    withMarginLeft
+  } = _ref;
   return withMarginLeft && 'margin-left: 28px;';
-}, function (_ref2) {
-  var withTopSpacing = _ref2.withTopSpacing;
+}, _ref2 => {
+  let {
+    withTopSpacing
+  } = _ref2;
   return withTopSpacing && 'top: 10px;';
-});
-exports.FormError = FormError;
+});

package/dist/components/FullscreenCard/FullscreenCard.styles.js

@@ -9,24 +9,19 @@ var _semanticUiReact = require("semantic-ui-react");
 var _theme = _interopRequireDefault(require("../../styles/theme"));
 var _rwd = _interopRequireDefault(require("../../styles/rwd"));
 var _templateObject, _templateObject2, _templateObject3;
-function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
-function _taggedTemplateLiteral(strings, raw) { if (!raw) { raw = strings.slice(0); } return Object.freeze(Object.defineProperties(strings, { raw: { value: Object.freeze(raw) } })); }
-var FullscreenCardContainer = _styledComponents.default.div.withConfig({
+function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
+function _taggedTemplateLiteral(e, t) { return t || (t = e.slice(0)), Object.freeze(Object.defineProperties(e, { raw: { value: Object.freeze(t) } })); }
+const FullscreenCardContainer = exports.FullscreenCardContainer = _styledComponents.default.div.withConfig({
   displayName: "FullscreenCardstyles__FullscreenCardContainer",
   componentId: "sc-cdmqth-0"
-})(["display:flex;min-height:100vh;padding:0;background:", ";", ""], function (props) {
-  return _theme.default.cGrey;
-}, _rwd.default.Medium(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n    padding: 120px 0;\n  "]))));
-exports.FullscreenCardContainer = FullscreenCardContainer;
-var FullscreenCard = (0, _styledComponents.default)(_semanticUiReact.Card).withConfig({
+})(["display:flex;min-height:100vh;padding:0;background:", ";", ""], props => _theme.default.cGrey, _rwd.default.Medium(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n    padding: 120px 0;\n  "]))));
+const FullscreenCard = exports.FullscreenCard = (0, _styledComponents.default)(_semanticUiReact.Card).withConfig({
   displayName: "FullscreenCardstyles__FullscreenCard",
   componentId: "sc-cdmqth-1"
 })(["&&&{box-shadow:0 2px 20px 0 rgba(0,0,0,0.1);width:100%;", "}"], _rwd.default.Medium(_templateObject2 || (_templateObject2 = _taggedTemplateLiteral(["\n      width: 480px;\n      padding: 0;\n      margin: auto;\n    "]))));
-exports.FullscreenCard = FullscreenCard;
-var FullscreenCardContent = (0, _styledComponents.default)(_semanticUiReact.Card.Content).withConfig({
+const FullscreenCardContent = exports.FullscreenCardContent = (0, _styledComponents.default)(_semanticUiReact.Card.Content).withConfig({
   displayName: "FullscreenCardstyles__FullscreenCardContent",
   componentId: "sc-cdmqth-2"
 })(["&&&{padding:48px 32px 55px;", "}"], _rwd.default.Medium(_templateObject3 || (_templateObject3 = _taggedTemplateLiteral(["\n      padding: 66px 60px 56px;\n    "]))));
 
-// unused component
-exports.FullscreenCardContent = FullscreenCardContent;
+// unused component