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

package/dist/components/TransactionDetails/TransactionDetails.js

@@ -1,6 +1,5 @@
 "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
 });
@@ -9,22 +8,14 @@ var _react = _interopRequireWildcard(require("react"));
 var _propTypes = _interopRequireDefault(require("prop-types"));
 var _BasicTable = _interopRequireDefault(require("../BasicTable/BasicTable"));
 var _TransactionDetails = require("./TransactionDetails.styles");
-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 _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(r, l) { var t = null == r ? null : "undefined" != typeof Symbol && r[Symbol.iterator] || r["@@iterator"]; if (null != t) { var e, n, i, u, a = [], f = !0, o = !1; try { if (i = (t = t.call(r)).next, 0 === l) { if (Object(t) !== t) return; f = !1; } else for (; !(f = (e = i.call(t)).done) && (a.push(e.value), a.length !== l); f = !0); } catch (r) { o = !0, n = r; } finally { try { if (!f && null != t.return && (u = t.return(), Object(u) !== u)) return; } finally { if (o) throw n; } } return a; } }
-function _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }
-var TransactionDetails = function TransactionDetails(props) {
-  var data = props.data;
-  var _useState = (0, _react.useState)(false),
-    _useState2 = _slicedToArray(_useState, 2),
-    showDetails = _useState2[0],
-    setShowDetails = _useState2[1];
-  var toggleDetails = function toggleDetails() {
+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); }
+const TransactionDetails = props => {
+  const {
+    data
+  } = props;
+  const [showDetails, setShowDetails] = (0, _react.useState)(false);
+  const toggleDetails = () => {
     setShowDetails(!showDetails);
   };
   return /*#__PURE__*/_react.default.createElement(_TransactionDetails.Container, null, data.length > 0 ? /*#__PURE__*/_react.default.createElement(_TransactionDetails.Toggle, {
@@ -42,5 +33,4 @@ TransactionDetails.propTypes = {
     value: _propTypes.default.string.isRequired
   })).isRequired
 };
-var _default = TransactionDetails;
-exports.default = _default;
+var _default = exports.default = TransactionDetails;

package/dist/components/TransactionDetails/TransactionDetails.stories.js

@@ -8,8 +8,8 @@ var _react = _interopRequireDefault(require("react"));
 var _TransactionDetails = require("./TransactionDetails");
 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/TransactionDetails',
   component: _TransactionDetails.TransactionDetails,
   argTypes: {
@@ -26,20 +26,15 @@ var _default = {
     required: true
   }
 };
-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(_TransactionDetails.TransactionDetails, args)));
-};
-var TransactionDetails1 = Template.bind({});
-exports.TransactionDetails1 = TransactionDetails1;
+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(_TransactionDetails.TransactionDetails, args)));
+const TransactionDetails1 = exports.TransactionDetails1 = Template.bind({});
 TransactionDetails1.args = {
   data: [{
     label: 'This is a Label',
     value: 'This is a value'
   }]
 };
-var TransactionDetails4 = Template.bind({});
-exports.TransactionDetails4 = TransactionDetails4;
+const TransactionDetails4 = exports.TransactionDetails4 = Template.bind({});
 TransactionDetails4.args = {
   data: [{
     label: 'This is a Label',

package/dist/components/TransactionDetails/TransactionDetails.styles.js

@@ -7,25 +7,16 @@ exports.Toggle = exports.DetailsCollapse = exports.Container = void 0;
 var _styledComponents = _interopRequireDefault(require("styled-components"));
 var _reactCollapse = require("react-collapse");
 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: "TransactionDetailsstyles__Container",
   componentId: "sc-yhycqf-0"
 })(["display:block;position:relative;text-align:center;padding-top:8px;"]);
-exports.Container = Container;
-var Toggle = _styledComponents.default.button.withConfig({
+const Toggle = exports.Toggle = _styledComponents.default.button.withConfig({
   displayName: "TransactionDetailsstyles__Toggle",
   componentId: "sc-yhycqf-1"
-})(["display:inline-block;font-size:11px;line-height:16px;color:", ";transition:color 0.2s;outline:0;&:hover{color:", ";}"], function (props) {
-  return _theme.default.cGrey2;
-}, function (props) {
-  return _theme.default.cPrimary;
-});
-exports.Toggle = Toggle;
-var DetailsCollapse = (0, _styledComponents.default)(_reactCollapse.Collapse).withConfig({
+})(["display:inline-block;font-size:11px;line-height:16px;color:", ";transition:color 0.2s;outline:0;&:hover{color:", ";}"], props => _theme.default.cGrey2, props => _theme.default.cPrimary);
+const DetailsCollapse = exports.DetailsCollapse = (0, _styledComponents.default)(_reactCollapse.Collapse).withConfig({
   displayName: "TransactionDetailsstyles__DetailsCollapse",
   componentId: "sc-yhycqf-2"
-})(["opacity:0;transition:opacity 0.2s;margin-top:12px;", ""], function (props) {
-  return props.isOpened && "\n    opacity: 1;\n    border-bottom: 1px solid ".concat(_theme.default.cLightGrey, ";\n  ");
-});
-exports.DetailsCollapse = DetailsCollapse;
+})(["opacity:0;transition:opacity 0.2s;margin-top:12px;", ""], props => props.isOpened && "\n    opacity: 1;\n    border-bottom: 1px solid ".concat(_theme.default.cLightGrey, ";\n  "));

package/dist/components/TransactionInfo/TransactionInfo.js

@@ -7,21 +7,23 @@ exports.default = exports.TransactionInfo = void 0;
 var _react = _interopRequireDefault(require("react"));
 var _propTypes = _interopRequireDefault(require("prop-types"));
 var _TransactionInfo = require("./TransactionInfo.styles");
-function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
-var TransactionInfo = function TransactionInfo(_ref) {
-  var value1 = _ref.value1,
-    unit1 = _ref.unit1,
-    name1 = _ref.name1,
-    owner1 = _ref.owner1,
-    value2 = _ref.value2,
-    unit2 = _ref.unit2,
-    name2 = _ref.name2,
-    owner2 = _ref.owner2,
-    green = _ref.green,
-    red = _ref.red,
-    sent = _ref.sent,
-    received = _ref.received,
-    tokenDecimals = _ref.tokenDecimals;
+function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
+const TransactionInfo = _ref => {
+  let {
+    value1,
+    unit1,
+    name1,
+    owner1,
+    value2,
+    unit2,
+    name2,
+    owner2,
+    green,
+    red,
+    sent,
+    received,
+    tokenDecimals
+  } = _ref;
   return /*#__PURE__*/_react.default.createElement(_TransactionInfo.Container, null, /*#__PURE__*/_react.default.createElement(_TransactionInfo.Account, null, /*#__PURE__*/_react.default.createElement(_TransactionInfo.Name, {
     green: green,
     red: red
@@ -57,5 +59,4 @@ TransactionInfo.defaultProps = {
   name2: '',
   owner2: ''
 };
-var _default = TransactionInfo;
-exports.default = _default;
+var _default = exports.default = TransactionInfo;

package/dist/components/TransactionInfo/TransactionInfo.stories.js

@@ -8,8 +8,8 @@ var _react = _interopRequireDefault(require("react"));
 var _TransactionInfo = require("./TransactionInfo");
 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/TransactionInfo',
   component: _TransactionInfo.TransactionInfo,
   argTypes: {
@@ -47,12 +47,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(_TransactionInfo.TransactionInfo, args)));
-};
-var TransactionInfoExample = Template.bind({});
-exports.TransactionInfoExample = TransactionInfoExample;
+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(_TransactionInfo.TransactionInfo, args)));
+const TransactionInfoExample = exports.TransactionInfoExample = Template.bind({});
 TransactionInfoExample.args = {
   value1: 'value 1',
   unit1: 'unit 1',

package/dist/components/TransactionInfo/TransactionInfo.styles.js

@@ -1,6 +1,5 @@
 "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
 });
@@ -8,47 +7,27 @@ exports.Value = exports.TransferIcon = exports.Name = exports.Container = export
 var _styledComponents = _interopRequireWildcard(require("styled-components"));
 var _colors = _interopRequireDefault(require("../../styles/colors"));
 var _theme = _interopRequireDefault(require("../../styles/theme"));
-var _templateObject, _templateObject2, _templateObject3, _templateObject4;
-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 _taggedTemplateLiteral(strings, raw) { if (!raw) { raw = strings.slice(0); } return Object.freeze(Object.defineProperties(strings, { raw: { value: Object.freeze(raw) } })); }
-var Container = _styledComponents.default.div.withConfig({
+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); }
+const Container = exports.Container = _styledComponents.default.div.withConfig({
   displayName: "TransactionInfostyles__Container",
   componentId: "sc-8iuxfi-0"
 })(["display:flex;align-items:center;"]);
-exports.Container = Container;
-var Account = _styledComponents.default.div.withConfig({
+const Account = exports.Account = _styledComponents.default.div.withConfig({
   displayName: "TransactionInfostyles__Account",
   componentId: "sc-8iuxfi-1"
 })([""]);
-exports.Account = Account;
-var TransferIcon = _styledComponents.default.div.attrs({
+const TransferIcon = exports.TransferIcon = _styledComponents.default.div.attrs({
   className: 'ion'
 }).withConfig({
   displayName: "TransactionInfostyles__TransferIcon",
   componentId: "sc-8iuxfi-2"
-})(["width:16px;height:19px;position:relative;margin:auto;&::before,&::after{font-size:28px;position:absolute;left:0;}&::before{content:'\f117';color:", ";top:-7px;}&::after{content:'\f119';color:", ";top:2px;}"], function (props) {
-  return _theme.default.cSuccess;
-}, function (props) {
-  return _theme.default.cWarning;
-});
-exports.TransferIcon = TransferIcon;
-var Value = _styledComponents.default.div.withConfig({
+})(["width:16px;height:19px;position:relative;margin:auto;&::before,&::after{font-size:28px;position:absolute;left:0;}&::before{content:'\f117';color:", ";top:-7px;}&::after{content:'\f119';color:", ";top:2px;}"], props => _theme.default.cSuccess, props => _theme.default.cWarning);
+const Value = exports.Value = _styledComponents.default.div.withConfig({
   displayName: "TransactionInfostyles__Value",
   componentId: "sc-8iuxfi-3"
-})(["font-size:22px;font-weight:300;line-height:28px;letter-spacing:0.8px;", " ", ""], function (props) {
-  return props.green && (0, _styledComponents.css)(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n      color: ", ";\n    "])), _colors.default.progressGreen);
-}, function (props) {
-  return props.red && (0, _styledComponents.css)(_templateObject2 || (_templateObject2 = _taggedTemplateLiteral(["\n      color: ", ";\n    "])), _colors.default.orangishRed);
-});
-exports.Value = Value;
-var Name = _styledComponents.default.div.withConfig({
+})(["font-size:22px;font-weight:300;line-height:28px;letter-spacing:0.8px;", " ", ""], props => props.green && (0, _styledComponents.css)(["color:", ";"], _colors.default.progressGreen), props => props.red && (0, _styledComponents.css)(["color:", ";"], _colors.default.orangishRed));
+const Name = exports.Name = _styledComponents.default.div.withConfig({
   displayName: "TransactionInfostyles__Name",
   componentId: "sc-8iuxfi-4"
-})(["font-size:13px;line-height:16px;letter-spacing:0.4px;font-style:italic;margin-bottom:3px;", " ", ""], function (props) {
-  return props.green && (0, _styledComponents.css)(_templateObject3 || (_templateObject3 = _taggedTemplateLiteral(["\n      color: ", ";\n    "])), _colors.default.progressGreen);
-}, function (props) {
-  return props.red && (0, _styledComponents.css)(_templateObject4 || (_templateObject4 = _taggedTemplateLiteral(["\n      color: ", ";\n    "])), _colors.default.orangishRed);
-});
-exports.Name = Name;
+})(["font-size:13px;line-height:16px;letter-spacing:0.4px;font-style:italic;margin-bottom:3px;", " ", ""], props => props.green && (0, _styledComponents.css)(["color:", ";"], _colors.default.progressGreen), props => props.red && (0, _styledComponents.css)(["color:", ";"], _colors.default.orangishRed));

package/dist/components/TwoFactorModal/TwoFactorModal.js

@@ -15,108 +15,86 @@ var _Input = _interopRequireDefault(require("../Input/Input"));
 var _Button = _interopRequireDefault(require("../Button/Button.styles"));
 var _Grid = require("../Grid/Grid.styles");
 var _ComponentWrapper = _interopRequireDefault(require("../ComponentWrapper/ComponentWrapper.styles"));
-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 TwoFactorModal = /*#__PURE__*/function (_PureComponent) {
-  _inherits(TwoFactorModal, _PureComponent);
-  var _super = _createSuper(TwoFactorModal);
-  function TwoFactorModal() {
-    var _this;
-    _classCallCheck(this, TwoFactorModal);
-    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 TwoFactorModal extends _react.PureComponent {
+  constructor() {
+    super(...arguments);
+    _defineProperty(this, "initialValues", {
       fa2code: ''
     });
-    _defineProperty(_assertThisInitialized(_this), "validationSchema", Yup.object().shape({
+    _defineProperty(this, "validationSchema", Yup.object().shape({
       fa2code: Yup.string().required('Token is required')
     }));
-    return _this;
   }
-  _createClass(TwoFactorModal, [{
-    key: "render",
-    value: function render() {
-      var _this$props = this.props,
-        isModalOpen = _this$props.isModalOpen,
-        onModalClose = _this$props.onModalClose,
-        onFormSend = _this$props.onFormSend;
-      return /*#__PURE__*/_react.default.createElement(_Modal.Modal, {
-        isOpen: isModalOpen,
-        onClose: onModalClose
-      }, /*#__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, "Two Factor Authentication"), /*#__PURE__*/_react.default.createElement("p", null, 'Please log in to engage in our community & invest in exciting opportunities.'))), /*#__PURE__*/_react.default.createElement(_Modal.ModalInner, {
-        modalBot: true
-      })), /*#__PURE__*/_react.default.createElement(_Grid.Column, {
-        part: 8
-      }, /*#__PURE__*/_react.default.createElement(_Modal.ModalInner, null, /*#__PURE__*/_react.default.createElement(_formik.Formik, {
-        initialValues: this.initialValues,
-        validationSchema: this.validationSchema,
-        onSubmit: onFormSend
-      }, function (_ref) {
-        var values = _ref.values,
-          errors = _ref.errors,
-          touched = _ref.touched,
-          handleBlur = _ref.handleBlur,
-          setFieldValue = _ref.setFieldValue,
-          setFieldTouched = _ref.setFieldTouched;
-        var onChangeWithTouch = function onChangeWithTouch(e) {
-          var field = e.target;
-          setFieldValue(field.name, field.value, false);
-          setFieldTouched(field.name);
-        };
-        var submitDisabled = !touched.fa2code || !!errors.fa2code;
-        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: "two-factor",
-          name: "fa2code",
-          type: "text",
-          label: "Token",
-          value: values.fa2code,
-          onChange: onChangeWithTouch,
-          onBlur: handleBlur,
-          error: !!errors.fa2code,
-          touched: !!touched.fa2code
-        }), /*#__PURE__*/_react.default.createElement(_Form.FormError, {
-          show: errors.fa2code && touched.fa2code
-        }, errors.fa2code))), /*#__PURE__*/_react.default.createElement(_ComponentWrapper.default, {
-          noPaddingBottom: true,
-          noPaddingHorizontal: true
-        }, /*#__PURE__*/_react.default.createElement(_Button.default, {
-          type: "submit",
-          fluid: true,
-          disabled: submitDisabled
-        }, "Login")));
-      })))));
-    }
-  }]);
-  return TwoFactorModal;
-}(_react.PureComponent);
+  render() {
+    const {
+      isModalOpen,
+      onModalClose,
+      onFormSend
+    } = this.props;
+    return /*#__PURE__*/_react.default.createElement(_Modal.Modal, {
+      isOpen: isModalOpen,
+      onClose: onModalClose
+    }, /*#__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, "Two Factor Authentication"), /*#__PURE__*/_react.default.createElement("p", null, 'Please log in to engage in our community & invest in exciting opportunities.'))), /*#__PURE__*/_react.default.createElement(_Modal.ModalInner, {
+      modalBot: true
+    })), /*#__PURE__*/_react.default.createElement(_Grid.Column, {
+      part: 8
+    }, /*#__PURE__*/_react.default.createElement(_Modal.ModalInner, null, /*#__PURE__*/_react.default.createElement(_formik.Formik, {
+      initialValues: this.initialValues,
+      validationSchema: this.validationSchema,
+      onSubmit: onFormSend
+    }, _ref => {
+      let {
+        values,
+        errors,
+        touched,
+        handleBlur,
+        setFieldValue,
+        setFieldTouched
+      } = _ref;
+      const onChangeWithTouch = e => {
+        const field = e.target;
+        setFieldValue(field.name, field.value, false);
+        setFieldTouched(field.name);
+      };
+      const submitDisabled = !touched.fa2code || !!errors.fa2code;
+      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: "two-factor",
+        name: "fa2code",
+        type: "text",
+        label: "Token",
+        value: values.fa2code,
+        onChange: onChangeWithTouch,
+        onBlur: handleBlur,
+        error: !!errors.fa2code,
+        touched: !!touched.fa2code
+      }), /*#__PURE__*/_react.default.createElement(_Form.FormError, {
+        show: errors.fa2code && touched.fa2code
+      }, errors.fa2code))), /*#__PURE__*/_react.default.createElement(_ComponentWrapper.default, {
+        noPaddingBottom: true,
+        noPaddingHorizontal: true
+      }, /*#__PURE__*/_react.default.createElement(_Button.default, {
+        type: "submit",
+        fluid: true,
+        disabled: submitDisabled
+      }, "Login")));
+    })))));
+  }
+}
 exports.TwoFactorModal = TwoFactorModal;
 TwoFactorModal.propTypes = {
   isModalOpen: _propTypes.default.bool.isRequired,
   onModalClose: _propTypes.default.func.isRequired,
   onFormSend: _propTypes.default.func.isRequired
 };
-var _default = TwoFactorModal;
-exports.default = _default;
+var _default = exports.default = TwoFactorModal;

package/dist/components/VerifyEmailModal/VerifyEmailModal.js

@@ -1,6 +1,5 @@
 "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
 });
@@ -23,22 +22,23 @@ var _Input = _interopRequireDefault(require("../Input/Input"));
 var _customHooks = require("../../utils/customHooks");
 var _FA = require("../2FA");
 var _globalVariables = require("../../constants/globalVariables");
-var _excluded = ["id", "isModalOpen", "onModalClose", "continueUrl", "isSuccess"];
-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 }; }
-function _objectWithoutProperties(source, excluded) { if (source == null) return {}; var target = _objectWithoutPropertiesLoose(source, excluded); var key, i; if (Object.getOwnPropertySymbols) { var sourceSymbolKeys = Object.getOwnPropertySymbols(source); for (i = 0; i < sourceSymbolKeys.length; i++) { key = sourceSymbolKeys[i]; if (excluded.indexOf(key) >= 0) continue; if (!Object.prototype.propertyIsEnumerable.call(source, key)) continue; target[key] = source[key]; } } return target; }
-function _objectWithoutPropertiesLoose(source, excluded) { if (source == null) return {}; var target = {}; var sourceKeys = Object.keys(source); var key, i; for (i = 0; i < sourceKeys.length; i++) { key = sourceKeys[i]; if (excluded.indexOf(key) >= 0) continue; target[key] = source[key]; } return target; }
-var RedBar = _styledComponents.default.div.withConfig({
+const _excluded = ["id", "isModalOpen", "onModalClose", "continueUrl", "isSuccess"];
+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 }; }
+function _objectWithoutProperties(e, t) { if (null == e) return {}; var o, r, i = _objectWithoutPropertiesLoose(e, t); if (Object.getOwnPropertySymbols) { var n = Object.getOwnPropertySymbols(e); for (r = 0; r < n.length; r++) o = n[r], -1 === t.indexOf(o) && {}.propertyIsEnumerable.call(e, o) && (i[o] = e[o]); } return i; }
+function _objectWithoutPropertiesLoose(r, e) { if (null == r) return {}; var t = {}; for (var n in r) if ({}.hasOwnProperty.call(r, n)) { if (-1 !== e.indexOf(n)) continue; t[n] = r[n]; } return t; }
+const RedBar = _styledComponents.default.div.withConfig({
   displayName: "VerifyEmailModal__RedBar",
   componentId: "sc-13smx1f-0"
 })(["background:", ";bottom:0;height:30%;position:absolute;right:0;width:50%;"], sc.RED_BASE_HEX);
-var VerifyEmailModal = function VerifyEmailModal(_ref) {
-  var id = _ref.id,
-    isModalOpen = _ref.isModalOpen,
-    onModalClose = _ref.onModalClose,
-    continueUrl = _ref.continueUrl,
-    isSuccess = _ref.isSuccess,
+const VerifyEmailModal = _ref => {
+  let {
+      id,
+      isModalOpen,
+      onModalClose,
+      continueUrl,
+      isSuccess
+    } = _ref,
     props = _objectWithoutProperties(_ref, _excluded);
   return /*#__PURE__*/_react.default.createElement(_Modal.Modal, {
     isOpen: isModalOpen,
@@ -49,31 +49,31 @@ var VerifyEmailModal = function VerifyEmailModal(_ref) {
   }, isSuccess ? renderSuccessModal(continueUrl) : RenderErrorModal(props));
 };
 exports.VerifyEmailModal = VerifyEmailModal;
-var renderSuccessModal = function renderSuccessModal(continueUrl) {
-  return /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, /*#__PURE__*/_react.default.createElement(_FA.Sucess2FA, {
-    onClick: function onClick() {
-      window.open(continueUrl, '_self');
-    },
-    textRight: "We have successfully verified your email!"
-    //  textRight="You will not be asked for your 2FA code next time you log in."
-  }));
-};
-
-var RenderErrorModal = function RenderErrorModal(props) {
-  var error = props.error,
-    isActionLoading = props.isActionLoading,
-    popupError = props.popupError,
-    popupSuccess = props.popupSuccess,
-    onResend = props.onResend,
-    onModalSwitch = props.onModalSwitch;
-  var _useCooldown = (0, _customHooks.useCooldown)(60),
-    isDisabled = _useCooldown.isDisabled,
-    secondsRemaining = _useCooldown.secondsRemaining,
-    startCooldown = _useCooldown.startCooldown;
-  var userEmail = error && error.email;
+const renderSuccessModal = continueUrl => /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, /*#__PURE__*/_react.default.createElement(_FA.Sucess2FA, {
+  onClick: () => {
+    window.open(continueUrl, '_self');
+  },
+  textRight: "We have successfully verified your email!"
+  //  textRight="You will not be asked for your 2FA code next time you log in."
+}));
+const RenderErrorModal = props => {
+  const {
+    error,
+    isActionLoading,
+    popupError,
+    popupSuccess,
+    onResend,
+    onModalSwitch
+  } = props;
+  const {
+    isDisabled,
+    secondsRemaining,
+    startCooldown
+  } = (0, _customHooks.useCooldown)(60);
+  const userEmail = error && error.email;
 
   //send activation email automatically if link is expired
-  _react.default.useEffect(function () {
+  _react.default.useEffect(() => {
     // if (error?.code === 'auth/invalid-action-code') {
     //   onModalSwitch && onModalSwitch()
     // }
@@ -84,7 +84,7 @@ var RenderErrorModal = function RenderErrorModal(props) {
       });
     }
   }, [error]);
-  var validationSchema = Yup.object().shape({
+  const 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 /*#__PURE__*/_react.default.createElement(_Grid.Row, null, /*#__PURE__*/_react.default.createElement(_Grid.Column, {
@@ -102,17 +102,19 @@ var RenderErrorModal = function RenderErrorModal(props) {
     validationSchema: validationSchema,
     validateOnBlur: true,
     validateOnChange: true,
-    onSubmit: function onSubmit(values) {
+    onSubmit: values => {
       startCooldown();
       onResend(values);
     }
-  }, function (_ref2) {
-    var values = _ref2.values,
-      errors = _ref2.errors,
-      touched = _ref2.touched,
-      handleBlur = _ref2.handleBlur,
-      handleChange = _ref2.handleChange;
-    var submitDisabled = !values.email || !!errors.email || isDisabled || isActionLoading === 'resend';
+  }, _ref2 => {
+    let {
+      values,
+      errors,
+      touched,
+      handleBlur,
+      handleChange
+    } = _ref2;
+    const submitDisabled = !values.email || !!errors.email || isDisabled || isActionLoading === 'resend';
     return /*#__PURE__*/_react.default.createElement(_Form2.default, null, /*#__PURE__*/_react.default.createElement(_ComponentWrapper.default, {
       noPadding: true
     }, /*#__PURE__*/_react.default.createElement(_Form.FormField, null, /*#__PURE__*/_react.default.createElement(_Input.default, {
@@ -150,5 +152,4 @@ VerifyEmailModal.propTypes = {
   isModalOpen: _propTypes.default.bool.isRequired,
   onModalClose: _propTypes.default.func.isRequired
 };
-var _default = VerifyEmailModal;
-exports.default = _default;
+var _default = exports.default = VerifyEmailModal;