@stokr/components-library 2.0.0-beta.13 → 2.0.0-beta.14

package/dist/components/2FA/Connect2FA.js

@@ -7,24 +7,24 @@ Object.defineProperty(exports, "__esModule", {
 exports.default = void 0;
 var _react = _interopRequireWildcard(require("react"));
 var _propTypes = _interopRequireDefault(require("prop-types"));
-var _RegisterEthereum = require("../RegisterEthereum");
 var _Text = _interopRequireDefault(require("../Text/Text.styles"));
 var _Button = _interopRequireDefault(require("../Button/Button.styles"));
-var _FAQ = _interopRequireDefault(require("../FAQ/FAQ"));
-var _SectionTitle = _interopRequireDefault(require("../SectionTitle/SectionTitle.styles"));
 var _ComponentWrapper = _interopRequireDefault(require("../ComponentWrapper/ComponentWrapper.styles"));
-var _ComponentScroll = _interopRequireDefault(require("../ComponentScroll/ComponentScroll"));
 var _Modal = require("../Modal/Modal.styles");
-var _StyledText = _interopRequireDefault(require("../Text/StyledText"));
 var _reactQrCode = _interopRequireDefault(require("react-qr-code"));
 var _Grid = require("../Grid/Grid.styles");
+var _CryptoAddress = _interopRequireDefault(require("../CryptoAddress/CryptoAddress"));
+var _reactDeviceDetect = require("react-device-detect");
+var _TextLink = _interopRequireDefault(require("../TextLink/TextLink.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; }
 var Connect2FA = function Connect2FA(props) {
-  var _totpData$totpSecret;
+  var _totpData$totpSecret, _totpData$totpSecret2;
   var changeStep = props.changeStep,
-    totpData = props.totpData;
+    totpData = props.totpData,
+    user = props.user;
+  // otpauth://totp/dev@it.com?secret=123abc&issuer=StackOverflow
   return /*#__PURE__*/_react.default.createElement(_Modal.ModalWrapper, null, /*#__PURE__*/_react.default.createElement(_Grid.Row, null, /*#__PURE__*/_react.default.createElement(_Grid.Column, {
     part: 8
   }, /*#__PURE__*/_react.default.createElement(_Modal.ModalInner, {
@@ -40,17 +40,38 @@ var Connect2FA = function Connect2FA(props) {
     small: true
   }, /*#__PURE__*/_react.default.createElement("p", null, "1. Start Google Authenticator or a similar app on your phone"), /*#__PURE__*/_react.default.createElement("p", null, "2. In the app, add a new account and scan the QR code below"), /*#__PURE__*/_react.default.createElement("p", null, "3. Click Continue when you are done"))), totpData && /*#__PURE__*/_react.default.createElement(_ComponentWrapper.default, {
     center: true
-  }, /*#__PURE__*/_react.default.createElement(_reactQrCode.default, {
+  }, _reactDeviceDetect.isMobile ? /*#__PURE__*/_react.default.createElement(_TextLink.default, {
+    to: "otpauth://totp/".concat(user.email, "?secret=").concat((_totpData$totpSecret = totpData.totpSecret) === null || _totpData$totpSecret === void 0 ? void 0 : _totpData$totpSecret.secretKey, "&issuer=STOKR")
+    // onClick={() => {
+    //   console.log(
+    //     `otpauth://totp/${user.email}?secret=${totpData.totpSecret?.secretKey}&issuer=STOKR`,
+    //   )
+    // }}
+  }, ' ', "Open authenticator app with this secret key") : /*#__PURE__*/_react.default.createElement(_reactQrCode.default, {
     size: 180
     //style={{ height: 'auto', maxWidth: '100%', width: '100%' }}
     ,
     value: totpData === null || totpData === void 0 ? void 0 : totpData.totpUri,
     viewBox: "0 0 256 256"
-  }), /*#__PURE__*/_react.default.createElement("p", {
-    style: {
-      fontSize: 11
+  }), /*#__PURE__*/_react.default.createElement(_CryptoAddress.default
+  //title={index === 0 ? 'Liquid Addresses' : ''}
+  //address={address.address}
+  , {
+    data: {
+      value: (_totpData$totpSecret2 = totpData.totpSecret) === null || _totpData$totpSecret2 === void 0 ? void 0 : _totpData$totpSecret2.secretKey,
+      tooltip: true
+    },
+    fontSize: 11
+    // info={totpData.totpSecret?.secretKey}
+    //noHead
+    ,
+    wrapperStyle: {
+      paddingRight: 0
+    },
+    dataBoxStyle: {
+      width: '100%'
     }
-  }, (_totpData$totpSecret = totpData.totpSecret) === null || _totpData$totpSecret === void 0 ? void 0 : _totpData$totpSecret.secretKey)), /*#__PURE__*/_react.default.createElement(_ComponentWrapper.default, {
+  })), /*#__PURE__*/_react.default.createElement(_ComponentWrapper.default, {
     noPaddingTop: true,
     center: true,
     noPaddingHorizontal: true

package/dist/components/2FA/enable-2fa-flow.js

@@ -161,7 +161,8 @@ var Enable2FAFlow = function Enable2FAFlow(_ref) {
       changeStep: function changeStep() {
         return stepController.changeStep('enter-code', 2, 1);
       },
-      totpData: totpData
+      totpData: totpData,
+      user: user
     }), /*#__PURE__*/_react.default.createElement(_EnterCode.default, {
       id: "enter-code",
       changeStep: function changeStep() {

package/dist/components/CryptoAddress/CryptoAddress.js

@@ -43,7 +43,8 @@ var CryptoAddress = function CryptoAddress(_ref) {
     titleColor = _ref.titleColor,
     dataBoxStyle = _ref.dataBoxStyle,
     headStyle = _ref.headStyle,
-    infoBoxStyle = _ref.infoBoxStyle;
+    infoBoxStyle = _ref.infoBoxStyle,
+    wrapperStyle = _ref.wrapperStyle;
   var _useState = (0, _react.useState)(false),
     _useState2 = _slicedToArray(_useState, 2),
     copiedAddressToClipboard = _useState2[0],
@@ -56,7 +57,8 @@ var CryptoAddress = function CryptoAddress(_ref) {
     borderTop: borderTop,
     borderBottom: !noBorderBottom && borderBottom
   }, /*#__PURE__*/_react.default.createElement(_CryptoAddress.DataWrapper, {
-    withOptions: !!sideOptions
+    withOptions: !!sideOptions,
+    style: wrapperStyle
   }, radio && !radio.hide && /*#__PURE__*/_react.default.createElement(_CryptoAddress.CheckMark, null), /*#__PURE__*/_react.default.createElement(_CryptoAddress.Head, {
     noBody: noBody,
     noHead: noHead,
@@ -148,7 +150,8 @@ CryptoAddress.propTypes = {
   noHead: _propTypes.default.bool,
   dataBoxStyle: _propTypes.default.object,
   headStyle: _propTypes.default.object,
-  infoBoxStyle: _propTypes.default.object
+  infoBoxStyle: _propTypes.default.object,
+  wrapperStyle: _propTypes.default.object
 };
 //address not required in IIS, instead wrapping {address &&( .. now doing both which is redundant
 

package/dist/components/VerifyEmailModal/VerifyEmailModal.js

@@ -58,7 +58,7 @@ var renderSuccessModal = function renderSuccessModal(continueUrl) {
     noPaddingHorizontal: true
   }, /*#__PURE__*/_react.default.createElement(_Button.default, {
     onClick: function onClick() {
-      window.open(continueUrl);
+      window.open(continueUrl, '_self');
     }
   }, "Continue")))))), /*#__PURE__*/_react.default.createElement(RedBar, null));
 };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@stokr/components-library",
-  "version": "2.0.0-beta.13",
+  "version": "2.0.0-beta.14",
   "description": "STOKR - Components Library",
   "main": "dist/index.js",
   "module": "dist/index.js",