@stokr/components-library 2.3.0 → 2.3.1-2.1

package/dist/components/FAQ/FAQ.styles.js

@@ -16,15 +16,32 @@ exports.FaqItems = FaqItems;
 var FaqItem = _styledComponents.default.div.withConfig({
   displayName: "FAQstyles__FaqItem",
   componentId: "sc-dtvahh-1"
-})(["& + &{margin-top:30px;}"]);
+})(["& + &{margin-top:30px;}", " ", ""], function (props) {
+  return props.center && "\n    text-align:center;\n  ";
+}, function (props) {
+  return props.customContainerStyle;
+});
 exports.FaqItem = FaqItem;
 var FaqTitle = _styledComponents.default.button.withConfig({
   displayName: "FAQstyles__FaqTitle",
   componentId: "sc-dtvahh-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) {
+})(["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;background:none;&:hover{color:inherit;}", " ", " ", " ", " ", " ", ""], function (props) {
   return _theme.default.cBlack;
+}, function (props) {
+  return props.uppercase && "\n    text-transform:uppercase;\n    font-weight:700;\n    letter-spacing: 0.6px;\n  ";
+}, function (_ref) {
+  var white = _ref.white;
+  return white && "\n    color:white;\n  ";
+}, function (_ref2) {
+  var center = _ref2.center;
+  return center && "\n    text-align:center;\n  ";
+}, function (_ref3) {
+  var hideIcon = _ref3.hideIcon;
+  return hideIcon && "\n    padding-right:0;\n  ";
 }, function (props) {
   return props.isActive && "\n    ".concat(FaqDropdownIcon, " {\n      transform: rotate(180deg);\n    }\n  ");
+}, function (props) {
+  return props.modalViewMore && "\n    font-size: 12px;\n    font-weight: 300;\n    line-height: 16px;\n    padding-left: 28px;\n    cursor: pointer;\n    text-decoration: underline;\n\n    &:hover {\n      color: initial;\n    }\n  ";
 });
 exports.FaqTitle = FaqTitle;
 var FaqDropdownIcon = _styledComponents.default.i.attrs({
@@ -44,5 +61,7 @@ exports.FaqContent = FaqContent;
 var FaqText = _styledComponents.default.div.withConfig({
   displayName: "FAQstyles__FaqText",
   componentId: "sc-dtvahh-5"
-})(["padding:0;padding-top:30px;padding-bottom:10px;font-weight:300;font-size:16px;line-height:24px;letter-spacing:0.4px;"]);
+})(["padding:0;padding-top:30px;padding-bottom:10px;font-weight:300;font-size:16px;line-height:24px;letter-spacing:0.4px;", ""], function (props) {
+  return props.largeSpacing && "\n        padding-bottom: 30px;\n\n  ";
+});
 exports.FaqText = FaqText;

package/dist/components/Footer/FooterMenu.js

@@ -12,6 +12,11 @@ var _SvgIcons = require("../SvgIcons");
 var _FooterMenu = require("./FooterMenu.styles");
 var _customHooks = require("../../utils/customHooks");
 var _rwd = require("../../styles/rwd");
+var _Facebook_Logo = _interopRequireDefault(require("../icons/Facebook_Logo.png"));
+var _LIInBug = _interopRequireDefault(require("../icons/LI-In-Bug.png"));
+var _XLogoBlack = _interopRequireDefault(require("../icons/X-logo-black.png"));
+var _youtube_social_circle_red = _interopRequireDefault(require("../icons/youtube_social_circle_red.png"));
+var _TelegramLogo = _interopRequireDefault(require("../icons/Telegram-Logo.png"));
 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; }
@@ -43,13 +48,34 @@ CollapseWrapper.defaultProps = {
   isOpened: false
 };
 var socialSvg = {
-  linkedin: /*#__PURE__*/_react.default.createElement(_SvgIcons.SocialLinkedIn, null),
+  linkedin: /*#__PURE__*/_react.default.createElement("img", {
+    src: _LIInBug.default,
+    alt: "Linkedin Logo",
+    style: {
+      padding: 1
+    }
+  }),
   instagram: /*#__PURE__*/_react.default.createElement(_SvgIcons.SocialInstagram, null),
-  twitter: /*#__PURE__*/_react.default.createElement(_SvgIcons.SocialTwitter, null),
-  facebook: /*#__PURE__*/_react.default.createElement(_SvgIcons.SocialFacebook, null),
-  telegram: /*#__PURE__*/_react.default.createElement(_SvgIcons.SocialTelegram, null),
+  twitter: /*#__PURE__*/_react.default.createElement("img", {
+    src: _XLogoBlack.default,
+    alt: "X Logo",
+    style: {
+      padding: 4
+    }
+  }),
+  facebook: /*#__PURE__*/_react.default.createElement("img", {
+    src: _Facebook_Logo.default,
+    alt: "Facebook Logo"
+  }),
+  telegram: /*#__PURE__*/_react.default.createElement("img", {
+    src: _TelegramLogo.default,
+    alt: "Telegram Logo"
+  }),
   //medium: <SocialMedium />,
-  youtube: /*#__PURE__*/_react.default.createElement(_SvgIcons.SocialYoutube, null),
+  youtube: /*#__PURE__*/_react.default.createElement("img", {
+    src: _youtube_social_circle_red.default,
+    alt: "Youtube Logo"
+  }),
   reddit: /*#__PURE__*/_react.default.createElement(_SvgIcons.SocialReddit, null)
 };
 exports.socialSvg = socialSvg;

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

@@ -55,7 +55,7 @@ exports.Link = Link;
 var SocialLink = _styledComponents.default.a.withConfig({
   displayName: "FooterMenustyles__SocialLink",
   componentId: "sc-40ddqf-7"
-})(["position:relative;display:inline-block;width:40px;height:40px;border-radius:20px;background-color:", ";transition:background-color 0.2s;& > svg{display:block;width:12px;height:12px;position:absolute;top:50%;left:50%;margin-top:-6px;margin-left:-6px;fill:", ";}&:focus,&:hover{background-color:", ";opacity:1;}"], _theme.default.cPrimary, _theme.default.cWhite, _theme.default.cPrimaryDark);
+})(["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({
   displayName: "FooterMenustyles__HiringTotalNumber",

package/dist/components/Grid/Grid.styles.js

@@ -3,7 +3,7 @@
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.Wrapper = exports.Row = exports.PageWrapper = exports.FlexContainer = exports.Column = void 0;
+exports.Wrapper = exports.Row = exports.PageWrapper = exports.FlexGrid = exports.FlexContainer = exports.Column = void 0;
 var _styledComponents = _interopRequireDefault(require("styled-components"));
 var _grid = _interopRequireDefault(require("../../styles/grid"));
 var _rwd = _interopRequireDefault(require("../../styles/rwd"));
@@ -22,7 +22,7 @@ exports.Wrapper = Wrapper;
 var Row = _styledComponents.default.div.withConfig({
   displayName: "Gridstyles__Row",
   componentId: "sc-1jreazl-1"
-})(["display:flex;flex-wrap:wrap;text-align:left;", " ", " ", " ", " ", " ", " ", ""], function (props) {
+})(["display:flex;flex-wrap:wrap;text-align:left;", " ", " ", " ", " ", " ", " ", " ", " height:", ";"], function (props) {
   return props.center && "\n    justify-content: center;\n  ";
 }, function (props) {
   return props.right && "\n    justify-content: right;\n  ";
@@ -34,23 +34,36 @@ var Row = _styledComponents.default.div.withConfig({
   return props.dashboard && "\n    margin: -16px;\n  ";
 }, function (props) {
   return props.nowrap && "\n    flex-wrap: nowrap;\n  ";
+}, function (props) {
+  return props.fullWidth && "\n    width: 100%;\n  ";
 }, _rwd.default.MLarge(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n    ", "\n  "])), function (props) {
   return props.main && "\n      z-index: 0;\n      min-height: calc(100vh - ".concat(_spacing.default.footerHeight, "px);\n      padding-top: ").concat(_spacing.default.headerHeight, "px;\n    ");
-})); // ID has padding-top as 85px instead of headerHeight (which is set to 96px)
+}), function (_ref) {
+  var isConfirmModal = _ref.isConfirmModal;
+  return isConfirmModal && '400px';
+}); // ID has padding-top as 85px instead of headerHeight (which is set to 96px)
 exports.Row = Row;
 var Column = _styledComponents.default.div.withConfig({
   displayName: "Gridstyles__Column",
   componentId: "sc-1jreazl-2"
-})(["display:flex;flex-direction:column;width:100%;", " ", " ", " ", " ", " ", ""], function (props) {
+})(["display:flex;flex-direction:column;width:100%;", " ", " ", " ", " ", " ", " ", " ", " ", " ", ""], function (props) {
+  return props.halfWidth && "\n    width: 50%;\n\n    @media screen and (max-width: 500px) {\n      width: 100%;\n    }\n\n  ";
+}, function (props) {
+  return props.textAlignHopper && "\n    > div:last-child {\n      text-align:right;\n    }\n\n    @media screen and (max-width: 767px) {\n      > div:last-child {\n        text-align:left;\n      }\n    }\n\n    @media screen and (max-width: 500px) {\n      > div > div {\n        justify-content: left;\n        margin-top: 1rem;\n      }\n    }\n\n  ";
+}, function (props) {
   return props.center && "\n    justify-content: center;\n  ";
 }, function (props) {
   return props.alignCenter && "\n    align-items: center;\n  ";
+}, function (props) {
+  return props.alignRight && "\n    text-align: right;\n    align-items: center;\n  ";
 }, function (props) {
   return props.spaceBetween && "\n    justify-content: space-between;\n  ";
 }, function (props) {
   return props.flexEnd && "\n    justify-content: flex-end;\n  ";
 }, function (props) {
   return props.mainRelative && "\n    padding: 18px 0 28px;\n  ";
+}, function (props) {
+  return props.isConfirmModal && "\n    justify-content: center;\n    overflow: hidden;\n\n    @media screen and (max-width: 767px) {\n      height: 100vh;\n    }\n  ";
 }, _rwd.default.Medium(_templateObject2 || (_templateObject2 = _taggedTemplateLiteral(["\n    ", "\n\n    ", "\n\n    ", "\n\n    ", "\n  "])), function (props) {
   return props.part && "\n      width: ".concat((0, _grid.default)(props.part, props.full), ";\n    ");
 }, function (props) {
@@ -72,4 +85,11 @@ var FlexContainer = _styledComponents.default.div.withConfig({
 })(["display:flex;", ""], function (props) {
   return props.itemsCenter && "align-items:center;";
 });
-exports.FlexContainer = FlexContainer;
+exports.FlexContainer = FlexContainer;
+var FlexGrid = _styledComponents.default.div.withConfig({
+  displayName: "Gridstyles__FlexGrid",
+  componentId: "sc-1jreazl-5"
+})(["display:flex;flex-wrap:wrap;", ""], function (props) {
+  return props.borderBottom && "\n    border-bottom: 1px solid #e1e1e1;\n  ";
+});
+exports.FlexGrid = FlexGrid;

package/dist/components/Header/Header.js

@@ -362,17 +362,7 @@ var Header = function Header(_ref3) {
     onClick: function onClick() {
       return toggleMenu('main');
     }
-  }, "Liquid Addresses")), /*#__PURE__*/_react.default.createElement(_Header.MobileMenuItem, null, /*#__PURE__*/_react.default.createElement("a", {
-    href: "".concat(newPlatformUrlForUserMenu, "/settings/algorand-address"),
-    onClick: function onClick() {
-      return toggleMenu('main');
-    }
-  }, "Algorand Addresses")), /*#__PURE__*/_react.default.createElement(_Header.MobileMenuItem, null, /*#__PURE__*/_react.default.createElement("a", {
-    href: "".concat(newPlatformUrlForUserMenu, "/settings/ethereum-address"),
-    onClick: function onClick() {
-      return toggleMenu('main');
-    }
-  }, "Ethereum Addresses")))))), /*#__PURE__*/_react.default.createElement(_Header.MobileMenuPart, {
+  }, "Liquid Addresses")))))), /*#__PURE__*/_react.default.createElement(_Header.MobileMenuPart, {
     withPadding: true,
     flexColumnt: true,
     noPaddingTop: !signupFlow,

package/dist/components/Header/Header.stories.js

@@ -75,34 +75,6 @@ var userDev = {
   country: 'Germany',
   is_risk_questionnaire_finished: false,
   kyc_status: 'Accepted',
-  investor_algo_addresses: [{
-    name: 'another test',
-    address: 'TVNC3QHY5LXKBMX7RGJG3B25EJPW73V5WMMEMUB33V2HEPEA2H77UPOYTQ',
-    whitelistedAssets: ['20918100']
-  }, {
-    name: 'my algo test',
-    address: 'YFQD2RZIIZQSO67F6MG3DJVXLMF2QU4EKGBPVXVIF3XTLKGWUZ36WMG56A',
-    whitelistedAssets: ['20918100', '20013569', '92363258']
-  }, {
-    name: 'test algosigner',
-    address: 'Y4UGMCSV3B43Y7QAM2VUVPETDDO5JVHDRB3ZC5MBF2VTUTCP4X437A65JU',
-    whitelistedAssets: ['20918100', '20013569', '92363258']
-  }, {
-    name: 'test new address',
-    address: 'B36KBEDYKBUSEMNRITZFFE7VINEPMP5MJTNUCRM5S5AP6GNWMWW4B5PEQI',
-    whitelistedAssets: ['20918100', '92363258']
-  }, {
-    address: 'E3Q6B5Q7JHFCEWBGGXJGEMXVAL6MSJBUHCGURZRMASRTJFDD6RQTJHPF4A',
-    whitelistedAssets: ['20918100', '20013569']
-  }, {
-    name: 'test 30/05',
-    address: 'RTQWXHRWZCBT5FF474T4DTL3VRVHERY3Q6LWLMPP24IXNOYIXBDQXJ2Z6M',
-    whitelistedAssets: ['20918100']
-  }, {
-    name: 'test info 01/06',
-    address: 'U4EIZEMPRGC77P6HJSFCLWYE4NUMNILU5DBZCKV44QMJ3TQOADRETVVAZU',
-    whitelistedAssets: ['20918100', '92363258']
-  }],
   wallets: [{
     _id: '641dd681b08b7543f433af1e',
     userId: '61851acd5b9a890013297b12',

package/dist/components/Input/Input.js

@@ -29,7 +29,11 @@ var Input = function Input(props) {
     touched = props.touched,
     readOnly = props.readOnly,
     inverted = props.inverted,
-    dashboard = props.dashboard;
+    dashboard = props.dashboard,
+    disabled = props.disabled,
+    inputWrapStyle = props.inputWrapStyle,
+    wrapperStyle = props.wrapperStyle,
+    autoHeightLabel = props.autoHeightLabel;
   var _useState = (0, _react.useState)(false),
     _useState2 = _slicedToArray(_useState, 2),
     labelUp = _useState2[0],
@@ -66,15 +70,20 @@ var Input = function Input(props) {
     setLabelUp(focus || !!value);
   };
   return /*#__PURE__*/_react.default.createElement(_Input.Wrapper, {
-    inverted: inverted
+    inverted: inverted,
+    style: wrapperStyle
   }, label && /*#__PURE__*/_react.default.createElement(_Input.Label, {
     isUp: labelUp,
     active: hasFocus,
     error: error && touched,
-    htmlFor: id
+    htmlFor: id,
+    autoHeightLabel: autoHeightLabel
   }, label), /*#__PURE__*/_react.default.createElement(_Input.InputWrap, {
     error: error && touched,
-    dashboard: dashboard
+    dashboard: dashboard,
+    disabled: disabled,
+    style: inputWrapStyle,
+    autoHeightLabel: autoHeightLabel
   }, /*#__PURE__*/_react.default.createElement("input", _extends({
     type: type,
     id: id,

package/dist/components/Input/Input.styles.js

@@ -15,15 +15,17 @@ function _taggedTemplateLiteral(strings, raw) { if (!raw) { raw = strings.slice(
 var Wrapper = _styledComponents.default.div.withConfig({
   displayName: "Inputstyles__Wrapper",
   componentId: "sc-1osolkh-0"
-})(["position:relative;display:block;input:-webkit-autofill{border:none;border-bottom:1px solid #f0f0f0;box-shadow:0 0 0px 1000px #fff inset;transition:background-color 5000s ease-in-out 0s;}", ""], function (props) {
+})(["position:relative;display:block;input:-webkit-autofill{border:none;border-bottom:1px solid #e1e1e1;box-shadow:0 0 0px 1000px #fff inset;transition:background-color 5000s ease-in-out 0s;}", ""], function (props) {
   return props.inverted && (0, _styledComponents.css)(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n      ", " {\n        color: ", ";\n        opacity: 0.4;\n      }\n      ", " {\n        & > input {\n          color: ", ";\n          border-bottom-color: ", ";\n\n          &:focus,\n          &:hover {\n            border-bottom-color: rgba(255, 255, 255, 0.4);\n          }\n        }\n      }\n    "])), Label, _theme.default.cWhite, InputWrap, _theme.default.cWhite, _theme.default.cWhite);
 });
 exports.Wrapper = Wrapper;
 var Label = _styledComponents.default.label.withConfig({
   displayName: "Inputstyles__Label",
   componentId: "sc-1osolkh-1"
-})(["z-index:11;display:block;position:absolute;left:0;top:-2px;font-weight:500;height:12px;font-size:11px;line-height:20px;letter-spacing:2px;text-transform:uppercase;color:", ";pointer-events:none;transform:translateY(15px);transition:transform 0.2s,font-size 0.2s;", " ", " ", ""], function (props) {
+})(["z-index:11;display:block;position:absolute;left:0;top:-2px;font-weight:500;height:12px;font-size:11px;line-height:20px;letter-spacing:2px;text-transform:uppercase;color:", ";pointer-events:none;transform:translateY(15px);transition:transform 0.2s,font-size 0.2s;", " ", " ", " ", ""], function (props) {
   return _theme.default.cBlack;
+}, function (props) {
+  return props.autoHeightLabel && "\n      height:auto;\n      position: relative;\n    ";
 }, function (props) {
   return props.isUp && "\n    font-size: 10px;\n    transform: translateY(0);\n  ";
 }, function (props) {
@@ -35,10 +37,12 @@ exports.Label = Label;
 var InputWrap = _styledComponents.default.div.withConfig({
   displayName: "Inputstyles__InputWrap",
   componentId: "sc-1osolkh-2"
-})(["position:relative;& > input{z-index:0;font-family:'Open sans';display:block;width:100%;height:40px;font-weight:600;font-size:12px;line-height:18px;padding:15px 0;padding-bottom:5px;box-shadow:none;border:0;outline:0;border-top:1px solid transparent;border-bottom:1px solid ", ";color:", ";background-color:transparent;transition:border-color 0.2s;&:focus,&:hover{border-top-color:transparent;border-bottom-color:", ";}&::placeholder{color:transparent;opacity:0;}}", " ", ""], function (props) {
+})(["position:relative;& > input{z-index:0;font-family:'Open sans';display:block;width:100%;height:40px;font-weight:600;font-size:12px;line-height:18px;padding:15px 0;padding-bottom:5px;box-shadow:none;border:0;outline:0;border-top:1px solid transparent;border-bottom:1px solid ", ";color:", ";background-color:transparent;transition:border-color 0.2s;", " &:focus,&:hover{border-top-color:transparent;border-bottom-color:", ";}&::placeholder{color:transparent;opacity:0;}}", " ", ""], function (props) {
   return _theme.default.cGrey;
 }, function (props) {
   return _theme.default.cBlack;
+}, function (props) {
+  return props.autoHeightLabel && "\n        height:20px;\n        padding-top:0;\n      ";
 }, function (props) {
   return _theme.default.cPrimary;
 }, function (props) {

package/dist/components/Input/InputPassword.js

@@ -126,7 +126,7 @@ var InputPassword = function InputPassword(props) {
   //     <InfoIcon position="bottom" title={info} noMarginLeft />
   //   </InfoIconWrapper>
   // )
-  _react.default.createElement(_react.default.Fragment, null), /*#__PURE__*/_react.default.createElement(_InputPassword.CapslockIndicator, null, isCapslockOn && 'SHOUT OUT! Caps lock is on')));
+  _react.default.createElement(_react.default.Fragment, null), /*#__PURE__*/_react.default.createElement(_InputPassword.CapslockIndicator, null, isCapslockOn && /*#__PURE__*/_react.default.createElement(_SvgIcons.CapsLockSvg, null))));
 };
 exports.InputPassword = InputPassword;
 InputPassword.propTypes = {

package/dist/components/Input/Select.js

@@ -34,10 +34,14 @@ DropdownIndicator.propTypes = {
   selectProps: _propTypes.default.instanceOf(Object).isRequired
 };
 var SelectMenuListWithScroll = function SelectMenuListWithScroll(props) {
-  var children = props.children;
+  var children = props.children,
+    selectProps = props.selectProps;
+  var _selectProps$maxMenuH = selectProps.maxMenuHeight,
+    maxMenuHeight = _selectProps$maxMenuH === void 0 ? 300 : _selectProps$maxMenuH;
   return /*#__PURE__*/_react.default.createElement(_Select.SelectMenuList, {
     autoHeight: true,
-    autoHeightMax: 300
+    autoHeightMax: maxMenuHeight,
+    fullHeight: true
   }, children);
 };
 SelectMenuListWithScroll.propTypes = {
@@ -52,7 +56,8 @@ var Select = function Select(props) {
     error = props.error,
     touched = props.touched,
     value = props.value,
-    disabled = props.disabled;
+    disabled = props.disabled,
+    menuHeight = props.menuHeight;
   var _useState = (0, _react.useState)(!!value),
     _useState2 = _slicedToArray(_useState, 2),
     labelUp = _useState2[0],
@@ -109,26 +114,35 @@ var Select = function Select(props) {
     }),
     placeholder: "",
     isSearchable: search,
+    maxMenuHeight: menuHeight,
     styles: {
       control: function control() {
         return _Select.SelectControl;
       },
-      menu: function menu() {
-        return _Select.SelectMenu;
+      menu: function menu(baseStyle, state) {
+        return _objectSpread(_objectSpread({}, baseStyle), {}, {
+          marginTop: 0,
+          zIndex: 1000,
+          SelectMenu: _Select.SelectMenu
+        });
       },
-      option: function option() {
-        return _Select.SelectOption;
+      option: function option(baseStyle, state) {
+        return _objectSpread({
+          fontWeight: state.isSelected || state.isFocused ? 'bold' : 'normal',
+          cursor: 'pointer'
+        }, _Select.SelectOption);
       },
       selectContainer: function selectContainer() {
         return _Select.SelectContainer;
       },
       valueContainer: function valueContainer(baseStyle) {
         return _objectSpread(_objectSpread({}, baseStyle), {}, {
-          padding: 0,
-          marginLeft: '-2px'
+          padding: 0
+          //marginLeft: '-2px',
         });
       }
     },
+
     components: {
       DropdownIndicator: DropdownIndicator,
       IndicatorSeparator: null,

package/dist/components/Input/Select.stories.js

@@ -89,6 +89,7 @@ exports.SelectOptionStrings = SelectOptionStrings;
 SelectOptionStrings.args = {
   label: 'click LABEL here for options',
   value: null,
+  //menuHeight: 100,
   options: [{
     key: 'other option key',
     value: 'other option value',

package/dist/components/Input/Select.styles.js

@@ -13,33 +13,29 @@ function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { de
 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 SelectControl = (0, _styledComponents.css)(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n  &&& {\n    z-index: 10 !important;\n    position: relative;\n    display: flex;\n    align-items: center;\n    width: 100%;\n    height: 40px;\n    font-weight: 600;\n    font-size: 12px;\n    line-height: 18px;\n    padding: 15px 0;\n    padding-bottom: 5px;\n    border-radius: 0;\n    box-shadow: none;\n    border: 0;\n    border-top: 1px solid transparent;\n    border-bottom: 1px solid #f0f0f0;\n    color: #202020;\n    background-color: transparent;\n    transition: border-color 0.2s;\n    cursor: pointer;\n\n    &:hover {\n      box-shadow: none;\n      border-top-color: transparent;\n      border-bottom-color: #0050ca;\n    }\n\n    &.active {\n      z-index: 12 !important;\n    }\n  }\n"])));
+var SelectControl = (0, _styledComponents.css)(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n  &&& {\n    z-index: 10 !important;\n    position: relative;\n    display: flex;\n    align-items: center;\n    width: 100%;\n    height: 40px;\n    font-weight: 600;\n    font-size: 12px;\n    line-height: 18px;\n    padding: 15px 0;\n    padding-bottom: 5px;\n    border-radius: 0;\n    box-shadow: none;\n    border: 0;\n    border-top: 1px solid transparent;\n    border-bottom: 1px solid #e1e1e1;\n    color: #202020;\n    background-color: transparent;\n    transition: border-color 0.2s;\n    cursor: pointer;\n\n    &:hover {\n      box-shadow: none;\n      border-top-color: transparent;\n      border-bottom-color: #0050ca;\n    }\n\n    &.active {\n      z-index: 12 !important;\n    }\n  }\n"])));
 exports.SelectControl = SelectControl;
-var SelectMenu = (0, _styledComponents.css)(_templateObject2 || (_templateObject2 = _taggedTemplateLiteral(["\n  &&& {\n    margin-top: -1px;\n    border-radius: 0;\n    box-shadow: none;\n    border: 0;\n    border-top: 1px solid #f0f0f0 !important;\n    border-bottom: 1px solid #f0f0f0 !important;\n    background-color: #ffffff;\n  }\n"])));
+var SelectMenu = (0, _styledComponents.css)(_templateObject2 || (_templateObject2 = _taggedTemplateLiteral(["\n  margin-top: -1px;\n  border-radius: 0;\n  box-shadow: none;\n  border: 0;\n  border-top: 1px solid #e1e1e1 !important;\n  border-bottom: 1px solid #e1e1e1 !important;\n  background-color: #ffffff;\n  opacity: 999 !important;\n"])));
 exports.SelectMenu = SelectMenu;
 var SelectMenuList = (0, _styledComponents.default)(_ComponentScroll2.default).withConfig({
   displayName: "Selectstyles__SelectMenuList",
   componentId: "sc-1wc1ybn-0"
-})(["", "{right:6px;}"], _ComponentScroll.TrackV);
+})(["&&&{overflow:hidden;", "{right:6px;}}"], _ComponentScroll.TrackV);
 exports.SelectMenuList = SelectMenuList;
-var SelectOption = (0, _styledComponents.css)(_templateObject3 || (_templateObject3 = _taggedTemplateLiteral(["\n  &&& {\n    cursor: pointer;\n    padding: 8px 0 !important;\n    padding-left: 2px !important;\n    font-size: 12px;\n    line-height: 18px;\n    border: 0;\n    background-color: transparent;\n    color: #202020;\n\n    ", "\n\n    ", "\n\n    &:hover {\n      background-color: transparent;\n      font-weight: bold;\n    }\n  }\n"])), function (props) {
-  return props.isFocused && "\n      font-weight: bold;\n    ";
-}, function (props) {
-  return props.isSelected && "\n      font-weight: bold;\n    ";
-});
+var SelectOption = (0, _styledComponents.css)(_templateObject3 || (_templateObject3 = _taggedTemplateLiteral(["\n  cursor: pointer;\n  padding: 8px 0 !important;\n  padding-left: 4px !important;\n  font-size: 12px;\n  line-height: 18px;\n  border: 0;\n  background-color: transparent;\n  color: #202020;\n\n  &:hover {\n    background-color: transparent;\n    font-weight: bold;\n  }\n"])));
 exports.SelectOption = SelectOption;
 var SelectContainer = (0, _styledComponents.css)(_templateObject4 || (_templateObject4 = _taggedTemplateLiteral(["\n  z-index: 100;\n  ", "\n"])), function (props) {
   return props.selectProps.menuIsOpen && "\n    z-index: 150 !important;\n  ";
 });
 exports.SelectContainer = SelectContainer;
-var SelectValueContainer = (0, _styledComponents.css)(_templateObject5 || (_templateObject5 = _taggedTemplateLiteral(["\n  &&& {\n    font-family: 'Open sans';\n    padding: 0;\n    margin-left: -2px;\n    top: -4px;\n  }\n"])));
+var SelectValueContainer = (0, _styledComponents.css)(_templateObject5 || (_templateObject5 = _taggedTemplateLiteral(["\n  &&& {\n    padding-left: 0;\n    margin-left: -2px;\n  }\n"])));
 exports.SelectValueContainer = SelectValueContainer;
 var SelectIcon = _styledComponents.default.i.attrs({
   className: 'ion ion-ios-arrow-down'
 }).withConfig({
   displayName: "Selectstyles__SelectIcon",
   componentId: "sc-1wc1ybn-1"
-})(["&&&{transition:0.3s transform;transform:rotate(0);", "}"], function (props) {
+})(["&&&{transition:0.3s transform;transform:rotate(0);color:#202020;", "}"], function (props) {
   return props.isMenuOpen && "\n      transform: rotate(180deg);\n    ";
 });
 exports.SelectIcon = SelectIcon;

package/dist/components/InvestCalculator/InvestCalculator.js

@@ -34,7 +34,6 @@ function _toPrimitive(input, hint) { if (_typeof(input) !== "object" || input ==
 //import { tokenDecimals } from '../../constants/decimals'
 
 var InvestCalculatorCurrencies = {
-  ETH: 'eth',
   EUR: 'eur',
   GUSD: 'gusd',
   USDT: 'usdt',
@@ -63,13 +62,12 @@ var InvestCalculator = /*#__PURE__*/function (_PureComponent) {
       tokens: 0,
       currencyValue: 0,
       selectedCurrencyValue: 0,
-      selectedCurrency: _this.props.userSelectedCurrency === 'ether' ? InvestCalculatorCurrencies.ETH : _this.props.userSelectedCurrency === 'gemini' ? InvestCalculatorCurrencies.GUSD : InvestCalculatorCurrencies.USDT,
+      selectedCurrency: _this.props.userSelectedCurrency === 'gemini' ? InvestCalculatorCurrencies.GUSD : InvestCalculatorCurrencies.USDT,
       // selectedCurrency: InvestCalculatorCurrencies.ETH,
       errors: {}
     });
     _defineProperty(_assertThisInitialized(_this), "normalizeCurrencySelected", function (currencySelected) {
       if (currencySelected === 'euro') return 'eur';
-      if (currencySelected === 'ether') return 'eth';
       if (currencySelected === 'gemini') return 'gusd';
       if (currencySelected === 'tether') return 'usdt';
     });
@@ -271,7 +269,7 @@ var InvestCalculator = /*#__PURE__*/function (_PureComponent) {
       }, errors.tokens)), /*#__PURE__*/_react.default.createElement(_InvestCalculator.EqualSign, null, "="), /*#__PURE__*/_react.default.createElement(_InvestCalculator.Container, null, isIban ? /*#__PURE__*/_react.default.createElement(_InvestCalculator.Title, {
         error: !!errors.tokens
       }, "\u20AC value") : /*#__PURE__*/_react.default.createElement(_InvestCalculator.Title, {
-        error: selectedCurrency === InvestCalculatorCurrencies.ETH && !!errors.currencyValue || selectedCurrency === InvestCalculatorCurrencies.GUSD && !!errors.currencyValue || selectedCurrency === InvestCalculatorCurrencies.USDT && !!errors.currencyValue
+        error: selectedCurrency === InvestCalculatorCurrencies.GUSD && !!errors.currencyValue || selectedCurrency === InvestCalculatorCurrencies.USDT && !!errors.currencyValue
       }, userSelectedCurrency === 'ether' ? 'ETH VALUE' : userSelectedCurrency === 'gemini' ? 'GUSD VALUE' : 'USDT VALUE')
       // <SelectWrapper>
       //   <Select

package/dist/components/MainMenu/MainMenu.js

@@ -177,21 +177,7 @@ var MainMenu = /*#__PURE__*/function (_PureComponent) {
         }
       }, /*#__PURE__*/_react.default.createElement("span", {
         style: spanStyleForMenu
-      }, "Liquid Addresses")), /*#__PURE__*/_react.default.createElement(_MainMenu.SettingsOption, {
-        isActive: this.checkActive('algorand-address'),
-        onClick: function onClick() {
-          window.location.replace("".concat(platformUrlForUserMenu, "/settings/algorand-address"));
-        }
-      }, /*#__PURE__*/_react.default.createElement("span", {
-        style: spanStyleForMenu
-      }, "Algorand Addresses")), /*#__PURE__*/_react.default.createElement(_MainMenu.SettingsOption, {
-        isActive: this.checkActive('ethereum-address'),
-        onClick: function onClick() {
-          window.location.replace("".concat(platformUrlForUserMenu, "/settings/ethereum-address"));
-        }
-      }, /*#__PURE__*/_react.default.createElement("span", {
-        style: spanStyleForMenu
-      }, "Ethereum Addresses")))))), !isAdmin && /*#__PURE__*/_react.default.createElement(_reactCollapse.Collapse, {
+      }, "Liquid Addresses")))))), !isAdmin && /*#__PURE__*/_react.default.createElement(_reactCollapse.Collapse, {
         isOpened: isScrollDown,
         hasNestedCollapse: true
       }, /*#__PURE__*/_react.default.createElement(_MainMenu.SettingsOptions, null, /*#__PURE__*/_react.default.createElement(_MainMenu.SettingsOption, {
@@ -211,22 +197,6 @@ var MainMenu = /*#__PURE__*/function (_PureComponent) {
       }, /*#__PURE__*/_react.default.createElement("span", {
         style: spanStyleForMenu
       }, "Liquid Addresses")), /*#__PURE__*/_react.default.createElement(_MainMenu.SettingsOption, {
-        scrollDown: true,
-        isActive: this.checkActive('algorand-address'),
-        onClick: function onClick() {
-          window.location.replace("".concat(platformUrlForUserMenu, "/settings/algorand-address"));
-        }
-      }, /*#__PURE__*/_react.default.createElement("span", {
-        style: spanStyleForMenu
-      }, "Algorand Addresses")), /*#__PURE__*/_react.default.createElement(_MainMenu.SettingsOption, {
-        scrollDown: true,
-        isActive: this.checkActive('ethereum-address'),
-        onClick: function onClick() {
-          window.location.replace("".concat(platformUrlForUserMenu, "/settings/ethereum-address"));
-        }
-      }, /*#__PURE__*/_react.default.createElement("span", {
-        style: spanStyleForMenu
-      }, "Ethereum Addresses")), /*#__PURE__*/_react.default.createElement(_MainMenu.SettingsOption, {
         scrollDown: true,
         onClick: function onClick() {
           _this2.setScrollUp();

package/dist/components/Modal/Modal.styles.js

@@ -38,7 +38,7 @@ var Box = _styledComponents.default.div.withConfig({
   return props.kyc && "\n    width: 100vw;\n    height: 100vh;\n    max-width: 1024px!important;\n    max-height: 768px!important;\n  ";
 }, _rwd.default.Medium(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n    max-width: ", ";\n\n    ", "\n  "])), (0, _grid.default)(12), function (props) {
   return props.thin && "\n      max-width: ".concat((0, _grid.default)(8), ";\n    ");
-}), _rwd.default.XLarge(_templateObject2 || (_templateObject2 = _taggedTemplateLiteral(["\n    max-width: ", ";\n\n    ", "\n  "])), (0, _grid.default)(10), function (props) {
+}), _rwd.default.XLarge(_templateObject2 || (_templateObject2 = _taggedTemplateLiteral(["\n    //max-width: ", ";\n\n    ", "\n  "])), (0, _grid.default)(11), function (props) {
   return props.thin && "\n      max-width: ".concat((0, _grid.default)(8), ";\n    ");
 }), function (_ref) {
   var isRegisterEntity = _ref.isRegisterEntity;
@@ -53,7 +53,7 @@ exports.ModalInnerSmartContractAddress = ModalInnerSmartContractAddress;
 var ModalInnerWithBorder = _styledComponents.default.div.withConfig({
   displayName: "Modalstyles__ModalInnerWithBorder",
   componentId: "sc-9hc271-4"
-})(["border-radius:10px;border:1px solid ", ";padding:25px 35px;margin-top:39px;", " ", " ", " ", " ", " ", " p{color:", ";font-size:14px;font-weight:300;letter-spacing:0.53px;line-height:22px;text-align:left;margin:0;}"], _colors.default.grey, function (props) {
+})(["border-radius:10px;border:1px solid ", ";padding:25px 35px;margin-top:39px;", " ", " ", " ", " ", " ", " p{color:", ";font-size:14px;font-weight:300;letter-spacing:0.53px;line-height:22px;text-align:left;margin:0;}"], _colors.default.lightGrey, function (props) {
   return props.bottomRadius0 && "\n    border-bottom-left-radius: 0;\n    border-bottom-right-radius: 0;\n  ";
 }, function (props) {
   return props.topRadius0 && "\n    border-top-left-radius: 0;\n    border-top-right-radius: 0;\n  ";
@@ -76,7 +76,7 @@ var ModalInner = _styledComponents.default.div.withConfig({
 }, function (props) {
   return props.center && "\n    text-align: center;\n  ";
 }, function (props) {
-  return props.background && "\n    background-color: ".concat(_colors.default.grey, ";\n  ");
+  return props.background && "\n    background-color: ".concat(_colors.default.lightGrey, ";\n  ");
 }, function (props) {
   return props.modalBot && "\n    background-color: ".concat(_colors.default.orangishRed, ";\n    color: ").concat(_colors.default.white, ";\n    flex-grow: 0 !important;\n    height: auto;\n  ");
 }, function (props) {
@@ -86,7 +86,7 @@ var ModalInner = _styledComponents.default.div.withConfig({
 }, _rwd.default.Medium(_templateObject4 || (_templateObject4 = _taggedTemplateLiteral(["\n    padding: 53px ", ";\n\n    ", "\n\n    ", "\n\n    /* missing tiny */\n  "])), (0, _grid.default)(1, 12), function (props) {
   return props.left && "\n      padding: 88px ".concat((0, _grid.default)(1, 12), ";\n    ");
 }, function (props) {
-  return props.modalTop && "\n      padding-bottom: 43px;\n      border-right: 1px solid ".concat(_colors.default.grey, ";\n    ");
+  return props.modalTop && "\n      padding-bottom: 43px;\n      border-right: 1px solid ".concat(_colors.default.lightGrey, ";\n    ");
 }), _rwd.default.XLarge(_templateObject5 || (_templateObject5 = _taggedTemplateLiteral(["\n    padding: 53px ", ";\n\n    ", "\n\n    ", "\n\n    /* missing tiny */\n  "])), (0, _grid.default)(1, 10), function (props) {
   return props.left && "\n      padding: 88px ".concat((0, _grid.default)(1, 10), ";\n    ");
 }, function (props) {
@@ -136,7 +136,7 @@ exports.ModalTitle = ModalTitle;
 var ModalScroll = _styledComponents.default.div.withConfig({
   displayName: "Modalstyles__ModalScroll",
   componentId: "sc-9hc271-12"
-})(["height:100%;overflow-y:auto;padding:0 12px;margin:0 -12px;", " &::-webkit-scrollbar{width:4px;}&::-webkit-scrollbar-track{background-color:", ";}&::-webkit-scrollbar-thumb{background-color:", ";}&::-webkit-scrollbar-thumb:window-inactive{background-color:", ";}"], _rwd.default.Large(_templateObject8 || (_templateObject8 = _taggedTemplateLiteral(["\n    padding: 0 32px;\n    margin: 0 -32px;\n  "]))), _colors.default.grey, _colors.default.orangishRed, _colors.default.orangishRedDark);
+})(["height:100%;overflow-y:auto;padding:0 12px;margin:0 -12px;", " &::-webkit-scrollbar{width:4px;}&::-webkit-scrollbar-track{background-color:", ";}&::-webkit-scrollbar-thumb{background-color:", ";}&::-webkit-scrollbar-thumb:window-inactive{background-color:", ";}"], _rwd.default.Large(_templateObject8 || (_templateObject8 = _taggedTemplateLiteral(["\n    padding: 0 32px;\n    margin: 0 -32px;\n  "]))), _colors.default.lightGrey, _colors.default.orangishRed, _colors.default.orangishRedDark);
 exports.ModalScroll = ModalScroll;
 var ModalSection = _styledComponents.default.div.withConfig({
   displayName: "Modalstyles__ModalSection",

package/dist/components/Modal/PaymentModal.js

@@ -18,7 +18,7 @@ var _formatCurrencyValue = require("../../utils/formatCurrencyValue");
 var _theme = _interopRequireDefault(require("../../styles/theme"));
 var _Icon = _interopRequireWildcard(require("../Icon/Icon.style"));
 var _styledComponents = _interopRequireDefault(require("styled-components"));
-var _excluded = ["data", "user", "isModalOpen", "onModalClose", "onCTAClick", "isRedemption", "noCTA", "CTAText", "additionalInfoRight", "withTimer", "error", "secondsRemaining", "modalTitle", "txTextInRed", "sendTokenTextRight", "numberOfSecuritiesText"];
+var _excluded = ["data", "user", "isModalOpen", "onModalClose", "onCTAClick", "isRedemption", "noCTA", "CTAText", "additionalInfoRight", "withTimer", "error", "secondsRemaining", "modalTitle", "txTextInRed", "sendTokenTextRight", "numberOfSecuritiesText", "formatAmountInLink"];
 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; }
@@ -59,15 +59,24 @@ var PaymentModal = function PaymentModal(_ref) {
     sendTokenTextRight = _ref$sendTokenTextRig === void 0 ? /*#__PURE__*/_react.default.createElement("p", null, "Send your ", data === null || data === void 0 ? void 0 : data.tokenSymbolToSend, " to the treasury wallet below.") : _ref$sendTokenTextRig,
     _ref$numberOfSecuriti = _ref.numberOfSecuritiesText,
     numberOfSecuritiesText = _ref$numberOfSecuriti === void 0 ? 'Redeem securities' : _ref$numberOfSecuriti,
+    _ref$formatAmountInLi = _ref.formatAmountInLink,
+    formatAmountInLink = _ref$formatAmountInLi === void 0 ? true : _ref$formatAmountInLi,
     props = _objectWithoutProperties(_ref, _excluded);
   var projectData = data.projectData,
     tokenAmount = data.tokenAmount,
     tokenSymbolToSend = data.tokenSymbolToSend,
     tokenSymbol = data.tokenSymbol,
     createdAt = data.createdAt,
+    _data$tokenDecimals = data.tokenDecimals,
+    tokenDecimals = _data$tokenDecimals === void 0 ? 2 : _data$tokenDecimals,
     GAID = data.GAID,
     currencyType = data.currencyType;
-  var paymentlink = "liquidnetwork:".concat(projectData === null || projectData === void 0 ? void 0 : projectData.companyWallet, "?amount=").concat(tokenAmount, "&assetid=").concat(projectData === null || projectData === void 0 ? void 0 : projectData.secondaryAssetId);
+  var newTokenAmount = tokenAmount;
+  if (formatAmountInLink) {
+    //https://github.com/ElementsProject/elements/issues/805
+    newTokenAmount = (tokenAmount * Math.pow(10, tokenDecimals - 8)).toFixed(8);
+  }
+  var paymentlink = "liquidnetwork:".concat(projectData === null || projectData === void 0 ? void 0 : projectData.companyWallet, "?amount=").concat(newTokenAmount, "&assetid=").concat(projectData === null || projectData === void 0 ? void 0 : projectData.secondaryAssetId);
   var isKYCVerified = (user === null || user === void 0 ? void 0 : user.kyc_status) === 'Accepted';
   return /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, /*#__PURE__*/_react.default.createElement(_Modal.Modal, {
     isOpen: isModalOpen,
@@ -75,7 +84,10 @@ var PaymentModal = function PaymentModal(_ref) {
   }, /*#__PURE__*/_react.default.createElement(_Modal.ModalInner, null, /*#__PURE__*/_react.default.createElement(_Text.default, null, /*#__PURE__*/_react.default.createElement("h3", null, modalTitle)), /*#__PURE__*/_react.default.createElement(_ComponentWrapper.default, {
     noPaddingHorizontal: true
   }, /*#__PURE__*/_react.default.createElement(_Grid.Row, null, /*#__PURE__*/_react.default.createElement(_Grid.Column, {
-    part: 8
+    part: 8,
+    style: {
+      paddingRight: 20
+    }
   }, /*#__PURE__*/_react.default.createElement(_Text.default, null, /*#__PURE__*/_react.default.createElement("p", null, "Request date:", ' ', /*#__PURE__*/_react.default.createElement("strong", null, (0, _momentTimezone.default)(createdAt).tz('Europe/Berlin').format('DD MMM YYYY - HH:mm z'))), /*#__PURE__*/_react.default.createElement("p", null, "Your securities: ", /*#__PURE__*/_react.default.createElement("strong", null, " ", tokenSymbol)), /*#__PURE__*/_react.default.createElement("p", null, "Your AMP wallet:", /*#__PURE__*/_react.default.createElement(_CryptoAddress.default, {
     noHead: true,
     data: {