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

package/dist/components/ROI/ROIScenarioBox.styles.js

@@ -6,47 +6,24 @@ Object.defineProperty(exports, "__esModule", {
 exports.Wrap = exports.Title = exports.Subtitle = exports.Container = exports.CheckMark = void 0;
 var _styledComponents = _interopRequireDefault(require("styled-components"));
 var _theme = _interopRequireDefault(require("../../styles/theme"));
-function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
-var CheckMark = _styledComponents.default.div.withConfig({
+function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
+const CheckMark = exports.CheckMark = _styledComponents.default.div.withConfig({
   displayName: "ROIScenarioBoxstyles__CheckMark",
   componentId: "sc-1pccc5r-0"
-})(["position:absolute;display:block;width:14px;height:14px;top:50%;right:44px;margin-top:-7px;border:1px solid #9b9b9b;border-radius:7px;background-color:transparent;transition:border-color 0.2s,background-color 0.2s;&:before,&:after{content:'';display:block;position:absolute;top:50%;left:50%;opacity:0;transform:scale(0);transition:opacity 0.2s,transform 0.4s cubic-bezier(0.8,-0.5,0.6,0.6);}&:after{width:4px;height:4px;margin-top:-2px;margin-left:-2px;border-radius:2px;background-color:", ";box-shadow:0 1px 2px 0 rgba(0,0,0,0.2);}"], function (props) {
-  return _theme.default.cPrimary;
-});
-exports.CheckMark = CheckMark;
-var Wrap = _styledComponents.default.div.withConfig({
+})(["position:absolute;display:block;width:14px;height:14px;top:50%;right:44px;margin-top:-7px;border:1px solid #9b9b9b;border-radius:7px;background-color:transparent;transition:border-color 0.2s,background-color 0.2s;&:before,&:after{content:'';display:block;position:absolute;top:50%;left:50%;opacity:0;transform:scale(0);transition:opacity 0.2s,transform 0.4s cubic-bezier(0.8,-0.5,0.6,0.6);}&:after{width:4px;height:4px;margin-top:-2px;margin-left:-2px;border-radius:2px;background-color:", ";box-shadow:0 1px 2px 0 rgba(0,0,0,0.2);}"], props => _theme.default.cPrimary);
+const Wrap = exports.Wrap = _styledComponents.default.div.withConfig({
   displayName: "ROIScenarioBoxstyles__Wrap",
   componentId: "sc-1pccc5r-1"
-})(["margin-bottom:12px;&:last-child{margin-bottom:0;}& > input{", ";z-index:-1;position:absolute;top:4px;left:4px;display:block;width:1px;height:0;opacity:0;border:0;& + label{display:block;position:relative;cursor:pointer;&:before{content:'';width:6px;position:absolute;top:0;left:0;height:100%;background-color:transparent;transition:background-color 0.2s;}}&:disabled + label{&:before{background-color:transparent !important;}", "{border-color:", "!important;background-color:", "!important;}}&:checked + label{&:before{background-color:", "!important;}", "{&:before,&:after{opacity:1;transform:scale(1);transition:opacity 0.2s,transform 0.3s cubic-bezier(0.175,0.885,0.32,1.275);}}}&:focus + label,&:hover + label,& + label:hover{&:before{background-color:", ";}", "{border-color:", ";}}}"], function (props) {
-  return props.hide && 'visibility: hidden';
-}, CheckMark, function (props) {
-  return _theme.default.cLightGrey;
-}, function (props) {
-  return _theme.default.cGrey;
-}, function (props) {
-  return _theme.default.cWarning;
-}, CheckMark, function (props) {
-  return _theme.default.cLightGrey;
-}, CheckMark, function (props) {
-  return _theme.default.cPrimary;
-});
-exports.Wrap = Wrap;
-var Container = _styledComponents.default.div.withConfig({
+})(["margin-bottom:12px;&:last-child{margin-bottom:0;}& > input{", ";z-index:-1;position:absolute;top:4px;left:4px;display:block;width:1px;height:0;opacity:0;border:0;& + label{display:block;position:relative;cursor:pointer;&:before{content:'';width:6px;position:absolute;top:0;left:0;height:100%;background-color:transparent;transition:background-color 0.2s;}}&:disabled + label{&:before{background-color:transparent !important;}", "{border-color:", "!important;background-color:", "!important;}}&:checked + label{&:before{background-color:", "!important;}", "{&:before,&:after{opacity:1;transform:scale(1);transition:opacity 0.2s,transform 0.3s cubic-bezier(0.175,0.885,0.32,1.275);}}}&:focus + label,&:hover + label,& + label:hover{&:before{background-color:", ";}", "{border-color:", ";}}}"], props => props.hide && 'visibility: hidden', CheckMark, props => _theme.default.cLightGrey, props => _theme.default.cGrey, props => _theme.default.cWarning, CheckMark, props => _theme.default.cLightGrey, CheckMark, props => _theme.default.cPrimary);
+const Container = exports.Container = _styledComponents.default.div.withConfig({
   displayName: "ROIScenarioBoxstyles__Container",
   componentId: "sc-1pccc5r-2"
-})(["padding:24px 44px;border:1px solid ", ";background:", ";"], function (props) {
-  return _theme.default.cLightGrey;
-}, function (props) {
-  return _theme.default.cWhite;
-});
-exports.Container = Container;
-var Title = _styledComponents.default.div.withConfig({
+})(["padding:24px 44px;border:1px solid ", ";background:", ";"], props => _theme.default.cLightGrey, props => _theme.default.cWhite);
+const Title = exports.Title = _styledComponents.default.div.withConfig({
   displayName: "ROIScenarioBoxstyles__Title",
   componentId: "sc-1pccc5r-3"
 })(["font-size:22px;font-weight:300;line-height:28px;letter-spacing:0.8px;padding-bottom:4px;"]);
-exports.Title = Title;
-var Subtitle = _styledComponents.default.div.withConfig({
+const Subtitle = exports.Subtitle = _styledComponents.default.div.withConfig({
   displayName: "ROIScenarioBoxstyles__Subtitle",
   componentId: "sc-1pccc5r-4"
-})(["font-size:9px;font-style:italic;line-height:16px;letter-spacing:0.4px;"]);
-exports.Subtitle = Subtitle;
+})(["font-size:9px;font-style:italic;line-height:16px;letter-spacing:0.4px;"]);

package/dist/components/Radio/Radio.js

@@ -7,19 +7,21 @@ exports.default = exports.Radio = void 0;
 var _react = _interopRequireDefault(require("react"));
 var _propTypes = _interopRequireDefault(require("prop-types"));
 var _Radio = require("./Radio.styles");
-function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
-var Radio = function Radio(_ref) {
-  var id = _ref.id,
-    name = _ref.name,
-    text = _ref.text,
-    label = _ref.label,
-    value = _ref.value,
-    checked = _ref.checked,
-    error = _ref.error,
-    touched = _ref.touched,
-    onChange = _ref.onChange,
-    onBlur = _ref.onBlur,
-    onFocus = _ref.onFocus;
+function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
+const Radio = _ref => {
+  let {
+    id,
+    name,
+    text,
+    label,
+    value,
+    checked,
+    error,
+    touched,
+    onChange,
+    onBlur,
+    onFocus
+  } = _ref;
   return /*#__PURE__*/_react.default.createElement(_Radio.Wrapper, null, label && /*#__PURE__*/_react.default.createElement(_Radio.Label, {
     error: error && touched,
     htmlFor: id
@@ -60,9 +62,8 @@ Radio.defaultProps = {
   checked: false,
   error: false,
   touched: false,
-  onChange: function onChange() {},
-  onBlur: function onBlur() {},
-  onFocus: function onFocus() {}
+  onChange: () => {},
+  onBlur: () => {},
+  onFocus: () => {}
 };
-var _default = Radio;
-exports.default = _default;
+var _default = exports.default = Radio;

package/dist/components/Radio/Radio.stories.js

@@ -8,8 +8,8 @@ var _react = _interopRequireDefault(require("react"));
 var _Radio = _interopRequireDefault(require("./Radio"));
 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/Radio',
   component: _Radio.default,
   argTypes: {
@@ -59,12 +59,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(_Radio.default, args)));
-};
-var RadioChecked = Template.bind({});
-exports.RadioChecked = RadioChecked;
+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(_Radio.default, args)));
+const RadioChecked = exports.RadioChecked = Template.bind({});
 RadioChecked.args = {
   value: 'Value',
   name: 'Name',

package/dist/components/Radio/Radio.styles.js

@@ -7,25 +7,16 @@ exports.Wrapper = exports.Label = exports.Input = void 0;
 var _styledComponents = _interopRequireDefault(require("styled-components"));
 var _Input = require("../Input/Input.styles");
 var _theme = _interopRequireDefault(require("../../styles/theme"));
-function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
-var Wrapper = _styledComponents.default.div.withConfig({
+function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
+const Wrapper = exports.Wrapper = _styledComponents.default.div.withConfig({
   displayName: "Radiostyles__Wrapper",
   componentId: "sc-bz07fp-0"
 })(["position:relative;display:block;"]);
-exports.Wrapper = Wrapper;
-var Label = (0, _styledComponents.default)(_Input.Label).withConfig({
+const Label = exports.Label = (0, _styledComponents.default)(_Input.Label).withConfig({
   displayName: "Radiostyles__Label",
   componentId: "sc-bz07fp-1"
 })(["position:relative;top:0;transform:none;font-size:10px;margin-bottom:5px;"]);
-exports.Label = Label;
-var Input = _styledComponents.default.div.withConfig({
+const Input = exports.Input = _styledComponents.default.div.withConfig({
   displayName: "Radiostyles__Input",
   componentId: "sc-bz07fp-2"
-})(["position:relative;& > input{z-index:-1;position:absolute;top:4px;left:4px;display:block;width:1px;height:0;opacity:0;border:0;& + label{position:relative;display:inline-block;max-width:100%;padding-left:28px;font-family:'Open Sans';font-size:13px;line-height:16px;letter-spacing:0.4px;cursor:pointer;&:before,&:after{content:'';display:block;position:absolute;}&:before{top:0;left:0;width:16px;height:16px;border-radius:8px;border:1px solid #9b9b9b;box-shadow:none;transition:border-color 0.2s;}&:after{top:5px;left:5px;width:6px;height:6px;border-radius:3px;background-color:transparent;}}&:focus + label,&:hover + label{&:before{border-color:", ";}}&:checked + label{&:after{background-color:", ";}}}", ""], function (props) {
-  return _theme.default.cPrimary;
-}, function (props) {
-  return _theme.default.cPrimary;
-}, function (props) {
-  return props.error && "\n    & > input {\n\n      & + label {\n\n        &:before {\n          border-color: ".concat(_theme.default.cWarning, ";\n        }\n      }\n    }\n  ");
-});
-exports.Input = Input;
+})(["position:relative;& > input{z-index:-1;position:absolute;top:4px;left:4px;display:block;width:1px;height:0;opacity:0;border:0;& + label{position:relative;display:inline-block;max-width:100%;padding-left:28px;font-family:'Open Sans';font-size:13px;line-height:16px;letter-spacing:0.4px;cursor:pointer;&:before,&:after{content:'';display:block;position:absolute;}&:before{top:0;left:0;width:16px;height:16px;border-radius:8px;border:1px solid #9b9b9b;box-shadow:none;transition:border-color 0.2s;}&:after{top:5px;left:5px;width:6px;height:6px;border-radius:3px;background-color:transparent;}}&:focus + label,&:hover + label{&:before{border-color:", ";}}&:checked + label{&:after{background-color:", ";}}}", ""], props => _theme.default.cPrimary, props => _theme.default.cPrimary, props => props.error && "\n    & > input {\n\n      & + label {\n\n        &:before {\n          border-color: ".concat(_theme.default.cWarning, ";\n        }\n      }\n    }\n  "));

package/dist/components/RefreshButton/RefreshButton.js

@@ -8,14 +8,15 @@ var _react = _interopRequireDefault(require("react"));
 var _propTypes = _interopRequireDefault(require("prop-types"));
 var _SvgIcons = require("../SvgIcons");
 var _RefreshButton = require("./RefreshButton.styles");
-function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
-var RefreshButton = function RefreshButton(props) {
-  var children = props.children;
+function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
+const RefreshButton = props => {
+  const {
+    children
+  } = props;
   return /*#__PURE__*/_react.default.createElement(_RefreshButton.StyledButton, props, /*#__PURE__*/_react.default.createElement(_RefreshButton.IconWrap, null, /*#__PURE__*/_react.default.createElement(_SvgIcons.RefreshSvg, null)), /*#__PURE__*/_react.default.createElement(_RefreshButton.Content, null, children));
 };
 exports.RefreshButton = RefreshButton;
 RefreshButton.propTypes = {
   children: _propTypes.default.node.isRequired
 };
-var _default = RefreshButton;
-exports.default = _default;
+var _default = exports.default = RefreshButton;

package/dist/components/RefreshButton/RefreshButton.stories.js

@@ -9,9 +9,9 @@ var _RefreshButton = require("./RefreshButton");
 var _ComponentWrapper = require("../ComponentWrapper/ComponentWrapper.styles");
 var _Number = require("../Number/Number");
 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 { TransactionDetails1 } from '../TransactionDetails/TransactionDetails.stories'
-var _default = {
+var _default = exports.default = {
   title: 'Components Library/Buttons/RefreshButton',
   component: _RefreshButton.RefreshButton,
   argTypes: {
@@ -21,15 +21,10 @@ 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(_RefreshButton.RefreshButton, args)));
-};
-var RefreshButtonDefault = Template.bind({});
-exports.RefreshButtonDefault = RefreshButtonDefault;
+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(_RefreshButton.RefreshButton, args)));
+const RefreshButtonDefault = exports.RefreshButtonDefault = Template.bind({});
 RefreshButtonDefault.args = {};
-var RefreshButtonChild1 = Template.bind({});
-exports.RefreshButtonChild1 = RefreshButtonChild1;
+const RefreshButtonChild1 = exports.RefreshButtonChild1 = Template.bind({});
 RefreshButtonChild1.args = {
   children: /*#__PURE__*/_react.default.createElement(_Number.Number, null)
 };

package/dist/components/RefreshButton/RefreshButton.styles.js

@@ -7,33 +7,18 @@ exports.StyledButton = exports.IconWrap = exports.Content = void 0;
 var _styledComponents = _interopRequireDefault(require("styled-components"));
 var _Button = _interopRequireDefault(require("../Button/Button.styles"));
 var _theme = _interopRequireDefault(require("../../styles/theme"));
-function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
-var IconWrap = _styledComponents.default.div.withConfig({
+function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
+const IconWrap = exports.IconWrap = _styledComponents.default.div.withConfig({
   displayName: "RefreshButtonstyles__IconWrap",
   componentId: "sc-6xdnj8-0"
-})(["display:block;width:24px;height:24px;position:absolute;top:50%;margin-top:-12px;left:0;border-radius:12px;& > svg{fill:", ";stroke:", ";display:block;width:16px;height:16px;position:absolute;top:50%;left:50%;margin-top:-8px;margin-left:-8px;transition:color 0.2s;}"], function (props) {
-  return _theme.default.cPrimary;
-}, function (props) {
-  return _theme.default.cPrimary;
-});
-exports.IconWrap = IconWrap;
-var StyledButton = (0, _styledComponents.default)(_Button.default).attrs(function (props) {
-  return {
-    type: props.type || 'button'
-  };
-}).withConfig({
+})(["display:block;width:24px;height:24px;position:absolute;top:50%;margin-top:-12px;left:0;border-radius:12px;& > svg{fill:", ";stroke:", ";display:block;width:16px;height:16px;position:absolute;top:50%;left:50%;margin-top:-8px;margin-left:-8px;transition:color 0.2s;}"], props => _theme.default.cPrimary, props => _theme.default.cPrimary);
+const StyledButton = exports.StyledButton = (0, _styledComponents.default)(_Button.default).attrs(props => ({
+  type: props.type || 'button'
+})).withConfig({
   displayName: "RefreshButtonstyles__StyledButton",
   componentId: "sc-6xdnj8-1"
-})(["position:relative;color:", ";border:1px solid transparent;background-color:transparent;text-align:left;padding:11px 0;padding-left:34px;&:hover,&:focus,&:active{color:", ";border-color:transparent;background-color:transparent;", "{& > svg{fill:", ";transform:rotate(360deg);transition:color 0.2s,transform 0.3s ease-out;}}}"], function (props) {
-  return _theme.default.cBlack;
-}, function (props) {
-  return _theme.default.cBlack;
-}, IconWrap, function (props) {
-  return _theme.default.cPrimaryDark;
-});
-exports.StyledButton = StyledButton;
-var Content = _styledComponents.default.div.withConfig({
+})(["position:relative;color:", ";border:1px solid transparent;background-color:transparent;text-align:left;padding:11px 0;padding-left:34px;&:hover,&:focus,&:active{color:", ";border-color:transparent;background-color:transparent;", "{& > svg{fill:", ";transform:rotate(360deg);transition:color 0.2s,transform 0.3s ease-out;}}}"], props => _theme.default.cBlack, props => _theme.default.cBlack, IconWrap, props => _theme.default.cPrimaryDark);
+const Content = exports.Content = _styledComponents.default.div.withConfig({
   displayName: "RefreshButtonstyles__Content",
   componentId: "sc-6xdnj8-2"
-})(["display:inline-block;"]);
-exports.Content = Content;
+})(["display:inline-block;"]);

package/dist/components/RegisterConfirmModal/RegisterConfirmModal.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
 });
@@ -16,24 +15,25 @@ var _Grid = require("../Grid/Grid.styles");
 var _RegisterConfirmModal = require("./RegisterConfirmModal.styles");
 var _ComponentWrapper = _interopRequireDefault(require("../ComponentWrapper/ComponentWrapper.styles"));
 var _Form = require("../Form/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 RedBar = _styledComponents.default.div.withConfig({
+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 RedBar = _styledComponents.default.div.withConfig({
   displayName: "RegisterConfirmModal__RedBar",
   componentId: "sc-1w1ldy0-0"
 })(["background:", ";bottom:0;height:30%;position:absolute;right:0;width:50%;"], sc.RED_BASE_HEX);
-var RegisterConfirmModal = function RegisterConfirmModal(_ref) {
-  var id = _ref.id,
-    userInfo = _ref.userInfo,
-    isModalOpen = _ref.isModalOpen,
-    onModalClose = _ref.onModalClose,
-    onResend = _ref.onResend,
-    popupError = _ref.popupError,
-    popupSuccess = _ref.popupSuccess,
-    isActionLoading = _ref.isActionLoading,
-    cooldown = _ref.cooldown;
-  var userEmail = userInfo && userInfo.email;
+const RegisterConfirmModal = _ref => {
+  let {
+    id,
+    userInfo,
+    isModalOpen,
+    onModalClose,
+    onResend,
+    popupError,
+    popupSuccess,
+    isActionLoading,
+    cooldown
+  } = _ref;
+  const userEmail = userInfo && userInfo.email;
   return /*#__PURE__*/_react.default.createElement(_Modal.Modal, {
     isOpen: isModalOpen,
     onClose: onModalClose,
@@ -77,5 +77,4 @@ RegisterConfirmModal.propTypes = {
   isModalOpen: _propTypes.default.bool.isRequired,
   onModalClose: _propTypes.default.func.isRequired
 };
-var _default = RegisterConfirmModal;
-exports.default = _default;
+var _default = exports.default = RegisterConfirmModal;

package/dist/components/RegisterConfirmModal/RegisterConfirmModal.stories.js

@@ -9,8 +9,8 @@ var _RegisterConfirmModal = require("./RegisterConfirmModal");
 var _ComponentWrapper = require("../ComponentWrapper/ComponentWrapper.styles");
 var _global = _interopRequireDefault(require("../../styles/global"));
 var _reactRouterDom = require("react-router-dom");
-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/Register Confirm Modal',
   component: _RegisterConfirmModal.RegisterConfirmModal,
   argTypes: {
@@ -30,16 +30,12 @@ var _default = {
     }
   }
 };
-exports.default = _default;
-var Template = function Template(args) {
-  return /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, /*#__PURE__*/_react.default.createElement(_reactRouterDom.BrowserRouter, null, /*#__PURE__*/_react.default.createElement(_global.default, null), /*#__PURE__*/_react.default.createElement(_ComponentWrapper.ComponentWrapper, null, /*#__PURE__*/_react.default.createElement(_RegisterConfirmModal.RegisterConfirmModal, args))));
-};
-var RegisterConfirmModalDefault = Template.bind({});
-exports.RegisterConfirmModalDefault = RegisterConfirmModalDefault;
+const Template = args => /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, /*#__PURE__*/_react.default.createElement(_reactRouterDom.BrowserRouter, null, /*#__PURE__*/_react.default.createElement(_global.default, null), /*#__PURE__*/_react.default.createElement(_ComponentWrapper.ComponentWrapper, null, /*#__PURE__*/_react.default.createElement(_RegisterConfirmModal.RegisterConfirmModal, args))));
+const RegisterConfirmModalDefault = exports.RegisterConfirmModalDefault = Template.bind({});
 RegisterConfirmModalDefault.args = {
   popupError: {},
   popupSuccess: {},
-  onResend: function onResend() {
+  onResend: () => {
     console.log('clicked');
   }
 };

package/dist/components/RegisterConfirmModal/RegisterConfirmModal.styles.js

@@ -7,10 +7,9 @@ exports.ContainerWithLine = void 0;
 var _styledComponents = _interopRequireDefault(require("styled-components"));
 var _Text = _interopRequireDefault(require("../Text/Text.styles"));
 var _colors = _interopRequireDefault(require("../../styles/colors"));
-function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
 // eslint-disable-next-line import/prefer-default-export
-var ContainerWithLine = (0, _styledComponents.default)(_Text.default).withConfig({
+const ContainerWithLine = exports.ContainerWithLine = (0, _styledComponents.default)(_Text.default).withConfig({
   displayName: "RegisterConfirmModalstyles__ContainerWithLine",
   componentId: "sc-1nohxj5-0"
-})(["position:relative;padding-left:48px;&::before{content:'';width:6px;height:72px;background:", ";position:absolute;left:0;top:6px;}"], _colors.default.blue);
-exports.ContainerWithLine = ContainerWithLine;
+})(["position:relative;padding-left:48px;&::before{content:'';width:6px;height:72px;background:", ";position:absolute;left:0;top:6px;}"], _colors.default.blue);

package/dist/components/RegisterLiquidSteps/RegisterLiquidSteps.js

@@ -4,54 +4,39 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = void 0;
-var _styledComponents = _interopRequireDefault(require("styled-components"));
 var _react = _interopRequireWildcard(require("react"));
 var _propTypes = _interopRequireDefault(require("prop-types"));
+var _styledComponents = _interopRequireDefault(require("styled-components"));
 var scrollToElement = _interopRequireWildcard(require("scroll-to-element"));
 var _Text = _interopRequireDefault(require("../Text/Text.styles"));
-var _RegisterLiquidSteps = require("./RegisterLiquidSteps.styles");
+var _RegisterLiquidSteps2 = require("./RegisterLiquidSteps.styles");
 var _nav_green = _interopRequireDefault(require("../../static/images/nav_green.svg"));
-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 _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 LiquidDescription = _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); }
+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); }
+const LiquidDescription = _styledComponents.default.div.withConfig({
   displayName: "RegisterLiquidSteps__LiquidDescription",
   componentId: "sc-1ks7rtk-0"
 })(["li{font-size:20px !important;line-height:1.5em;}img{vertical-align:middle;padding-bottom:2px;}"]);
-var RegisterLiquidSteps = /*#__PURE__*/function (_PureComponent) {
-  _inherits(RegisterLiquidSteps, _PureComponent);
-  var _super = _createSuper(RegisterLiquidSteps);
-  function RegisterLiquidSteps() {
-    var _this;
-    _classCallCheck(this, RegisterLiquidSteps);
-    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), "state", {
+class RegisterLiquidSteps extends _react.PureComponent {
+  constructor() {
+    super(...arguments);
+    _defineProperty(this, "state", {
       activeIndex: null
     });
-    _defineProperty(_assertThisInitialized(_this), "onTitleClick", function (e, index) {
+    _defineProperty(this, "onTitleClick", (e, index) => {
       e.persist();
-      var activeIndex = _this.state.activeIndex;
-      var noScroll = _this.props.noScroll;
-      _this.setState({
+      const {
+        activeIndex
+      } = this.state;
+      const {
+        noScroll
+      } = this.props;
+      this.setState({
         activeIndex: activeIndex === index ? null : index
-      }, function () {
+      }, () => {
         if (!noScroll) {
           if (activeIndex === index) {
             return;
@@ -63,44 +48,35 @@ var RegisterLiquidSteps = /*#__PURE__*/function (_PureComponent) {
         }
       });
     });
-    return _this;
   }
-  _createClass(RegisterLiquidSteps, [{
-    key: "render",
-    value: function render() {
-      var _this2 = this;
-      //const { items } = this.props
-      var activeIndex = this.state.activeIndex;
-      var items = [{
-        title: 'In case you do not have a Liquid Securities Account see our step by step guide here.'
-      }];
-      return /*#__PURE__*/_react.default.createElement(_RegisterLiquidSteps.FaqItems, null, items.map(function (item, index) {
-        return /*#__PURE__*/_react.default.createElement(_RegisterLiquidSteps.FaqItem, {
-          key: item.title
-        }, /*#__PURE__*/_react.default.createElement(_RegisterLiquidSteps.FaqTitle, {
-          isActive: activeIndex === index,
-          onClick: function onClick(e) {
-            return _this2.onTitleClick(e, index);
-          }
-        }, item.title, /*#__PURE__*/_react.default.createElement(_RegisterLiquidSteps.FaqDropdownIcon, null)), /*#__PURE__*/_react.default.createElement(_RegisterLiquidSteps.FaqContent, {
-          isOpened: activeIndex === index
-        }, /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, /*#__PURE__*/_react.default.createElement("br", null), /*#__PURE__*/_react.default.createElement(_Text.default, null, /*#__PURE__*/_react.default.createElement(LiquidDescription, null, /*#__PURE__*/_react.default.createElement("ul", null, /*#__PURE__*/_react.default.createElement("li", null, "Download the ", /*#__PURE__*/_react.default.createElement("img", {
-          src: _nav_green.default,
-          height: "25"
-        }), ' ', /*#__PURE__*/_react.default.createElement("a", {
-          href: "https://blockstream.com/green/",
-          target: "_blank"
-        }, "Green: Bitcoin Wallet"), ' ', "app on your mobile/desktop", ' '), /*#__PURE__*/_react.default.createElement("li", null, "Click on the ", /*#__PURE__*/_react.default.createElement("strong", null, "Liquid "), "button in the left window pane, then click the green", ' ', /*#__PURE__*/_react.default.createElement("strong", null, " CREATE NEW WALLET "), "button."), /*#__PURE__*/_react.default.createElement("li", null, "Hover over the ", /*#__PURE__*/_react.default.createElement("strong", null, "Wallet "), "drop down at the top of the app and then select", ' ', /*#__PURE__*/_react.default.createElement("strong", null, "Add New Account"), ". Be sure you are in your newly created Liquid wallet to access this selection."), /*#__PURE__*/_react.default.createElement("li", null, "Select ", /*#__PURE__*/_react.default.createElement("strong", null, "Managed Assets Account"), " to create and name it."), /*#__PURE__*/_react.default.createElement("li", null, "This is your assets account within the wallet. Copy the entire", /*#__PURE__*/_react.default.createElement("strong", null, " Account ID"), " which starts with the letters 'GA' on the right side of the app. You will use this ID to register the account with STOKR.")))))));
-      }));
-    }
-  }]);
-  return RegisterLiquidSteps;
-}(_react.PureComponent);
+  render() {
+    //const { items } = this.props
+    const {
+      activeIndex
+    } = this.state;
+    const items = [{
+      title: 'In case you do not have a Liquid Securities Account see our step by step guide here.'
+    }];
+    return /*#__PURE__*/_react.default.createElement(_RegisterLiquidSteps2.FaqItems, null, items.map((item, index) => /*#__PURE__*/_react.default.createElement(_RegisterLiquidSteps2.FaqItem, {
+      key: item.title
+    }, /*#__PURE__*/_react.default.createElement(_RegisterLiquidSteps2.FaqTitle, {
+      isActive: activeIndex === index,
+      onClick: e => this.onTitleClick(e, index)
+    }, item.title, /*#__PURE__*/_react.default.createElement(_RegisterLiquidSteps2.FaqDropdownIcon, null)), /*#__PURE__*/_react.default.createElement(_RegisterLiquidSteps2.FaqContent, {
+      isOpened: activeIndex === index
+    }, /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, /*#__PURE__*/_react.default.createElement("br", null), /*#__PURE__*/_react.default.createElement(_Text.default, null, /*#__PURE__*/_react.default.createElement(LiquidDescription, null, /*#__PURE__*/_react.default.createElement("ul", null, /*#__PURE__*/_react.default.createElement("li", null, "Download the ", /*#__PURE__*/_react.default.createElement("img", {
+      src: _nav_green.default,
+      height: "25"
+    }), ' ', /*#__PURE__*/_react.default.createElement("a", {
+      href: "https://blockstream.com/green/",
+      target: "_blank"
+    }, "Green: Bitcoin Wallet"), ' ', "app on your mobile/desktop", ' '), /*#__PURE__*/_react.default.createElement("li", null, "Click on the ", /*#__PURE__*/_react.default.createElement("strong", null, "Liquid "), "button in the left window pane, then click the green", ' ', /*#__PURE__*/_react.default.createElement("strong", null, " CREATE NEW WALLET "), "button."), /*#__PURE__*/_react.default.createElement("li", null, "Hover over the ", /*#__PURE__*/_react.default.createElement("strong", null, "Wallet "), "drop down at the top of the app and then select", ' ', /*#__PURE__*/_react.default.createElement("strong", null, "Add New Account"), ". Be sure you are in your newly created Liquid wallet to access this selection."), /*#__PURE__*/_react.default.createElement("li", null, "Select ", /*#__PURE__*/_react.default.createElement("strong", null, "Managed Assets Account"), " to create and name it."), /*#__PURE__*/_react.default.createElement("li", null, "This is your assets account within the wallet. Copy the entire", /*#__PURE__*/_react.default.createElement("strong", null, " Account ID"), " which starts with the letters 'GA' on the right side of the app. You will use this ID to register the account with STOKR.")))))))));
+  }
+}
 RegisterLiquidSteps.propTypes = {
   items: _propTypes.default.arrayOf(_propTypes.default.shape({
     title: _propTypes.default.string.isRequired,
     content: _propTypes.default.oneOfType([_propTypes.default.string, _propTypes.default.array]).isRequired
   })).isRequired
 };
-var _default = RegisterLiquidSteps;
-exports.default = _default;
+var _default = exports.default = RegisterLiquidSteps;

package/dist/components/RegisterLiquidSteps/RegisterLiquidSteps.styles.js

@@ -7,42 +7,30 @@ exports.FaqTitle = exports.FaqText = exports.FaqItems = exports.FaqItem = export
 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 FaqItems = _styledComponents.default.div.withConfig({
+function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
+const FaqItems = exports.FaqItems = _styledComponents.default.div.withConfig({
   displayName: "RegisterLiquidStepsstyles__FaqItems",
   componentId: "sc-g68wkd-0"
 })(["position:relative;"]);
-exports.FaqItems = FaqItems;
-var FaqItem = _styledComponents.default.div.withConfig({
+const FaqItem = exports.FaqItem = _styledComponents.default.div.withConfig({
   displayName: "RegisterLiquidStepsstyles__FaqItem",
   componentId: "sc-g68wkd-1"
 })(["& + &{margin-top:30px;}"]);
-exports.FaqItem = FaqItem;
-var FaqTitle = _styledComponents.default.button.withConfig({
+const FaqTitle = exports.FaqTitle = _styledComponents.default.button.withConfig({
   displayName: "RegisterLiquidStepsstyles__FaqTitle",
   componentId: "sc-g68wkd-2"
-})(["display:block;width:100%;position:relative;font-family:'Open Sans';font-weight:600;font-size:16px;line-height:24px;letter-spacing:0.4px;color:", ";padding:0;margin:0;outline:0;border:none;padding-right:30px;text-align:left;transition:color 0.2s;&:hover{color:inherit;}", ""], function (props) {
-  return _theme.default.cBlack;
-}, function (props) {
-  return props.isActive && "\n    ".concat(FaqDropdownIcon, " {\n      transform: rotate(180deg);\n    }\n  ");
-});
-exports.FaqTitle = FaqTitle;
-var FaqDropdownIcon = _styledComponents.default.i.attrs({
+})(["display:block;width:100%;position:relative;font-family:'Open Sans';font-weight:600;font-size:16px;line-height:24px;letter-spacing:0.4px;color:", ";padding:0;margin:0;outline:0;border:none;padding-right:30px;text-align:left;transition:color 0.2s;&:hover{color:inherit;}", ""], props => _theme.default.cBlack, props => props.isActive && "\n    ".concat(FaqDropdownIcon, " {\n      transform: rotate(180deg);\n    }\n  "));
+const FaqDropdownIcon = exports.FaqDropdownIcon = _styledComponents.default.i.attrs({
   className: 'ion ion-ios-arrow-down'
 }).withConfig({
   displayName: "RegisterLiquidStepsstyles__FaqDropdownIcon",
   componentId: "sc-g68wkd-3"
 })(["width:14px;height:20px;font-size:20px;position:absolute;top:50%;right:0;margin-top:-10px;transform:rotate(0);transition:0.3s transform;"]);
-exports.FaqDropdownIcon = FaqDropdownIcon;
-var FaqContent = (0, _styledComponents.default)(_reactCollapse.Collapse).withConfig({
+const FaqContent = exports.FaqContent = (0, _styledComponents.default)(_reactCollapse.Collapse).withConfig({
   displayName: "RegisterLiquidStepsstyles__FaqContent",
   componentId: "sc-g68wkd-4"
-})(["opacity:0;transition:opacity 0.2s;", ""], function (props) {
-  return props.isOpened && "\n    opacity: 1;\n  ";
-});
-exports.FaqContent = FaqContent;
-var FaqText = _styledComponents.default.div.withConfig({
+})(["opacity:0;transition:opacity 0.2s;", ""], props => props.isOpened && "\n    opacity: 1;\n  ");
+const FaqText = exports.FaqText = _styledComponents.default.div.withConfig({
   displayName: "RegisterLiquidStepsstyles__FaqText",
   componentId: "sc-g68wkd-5"
-})(["padding:0;padding-top:30px;padding-bottom:10px;font-weight:300;font-size:16px;line-height:24px;letter-spacing:0.4px;"]);
-exports.FaqText = FaqText;
+})(["padding:0;padding-top:30px;padding-bottom:10px;font-weight:300;font-size:16px;line-height:24px;letter-spacing:0.4px;"]);