@r3l/app/lib/modules/auth/mobile/connectDesktop.js

Relevant App

"use strict";

var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");

Object.defineProperty(exports, "__esModule", {
  value: true
});
exports.default = ConnectDesktop;

var _regenerator = _interopRequireDefault(require("@babel/runtime/regenerator"));

var _asyncToGenerator2 = _interopRequireDefault(require("@babel/runtime/helpers/asyncToGenerator"));

var _react = _interopRequireDefault(require("react"));

var _reactNativeWeb = require("react-native-web");

var _reactRedux = require("react-redux");

var _styled = require("../../styled");

var _reactNativeQrcodeScanner = _interopRequireDefault(require("react-native-qrcode-scanner"));

var _reactNativeCamera = require("react-native-camera");

var _utils = require("../../../utils");

var _auth = require("../auth.actions");

var _navigation = require("../../navigation/navigation.actions");

var _global = require("../../../styles/global");

var _reactNativeSafeAreaContext = require("react-native-safe-area-context");

function ConnectDesktop() {
  var dispatch = (0, _reactRedux.useDispatch)();

  var _useSafeAreaInsets = (0, _reactNativeSafeAreaContext.useSafeAreaInsets)(),
      bottom = _useSafeAreaInsets.bottom;

  var onRead = /*#__PURE__*/function () {
    var _ref = (0, _asyncToGenerator2.default)( /*#__PURE__*/_regenerator.default.mark(function _callee(e) {
      var token;
      return _regenerator.default.wrap(function _callee$(_context) {
        while (1) {
          switch (_context.prev = _context.next) {
            case 0:
              token = e.data;
              _context.next = 3;
              return _utils.storage.setToken(token);

            case 3:
              dispatch((0, _auth.loginUserSuccess)(token));
              dispatch((0, _auth.getUser)());
              dispatch((0, _navigation.hideModal)());

            case 6:
            case "end":
              return _context.stop();
          }
        }
      }, _callee);
    }));

    return function onRead(_x) {
      return _ref.apply(this, arguments);
    };
  }();

  return /*#__PURE__*/_react.default.createElement(_styled.Box, {
    style: {
      minHeight: _global.fullHeight - 2 * 48 - bottom
    }
  }, /*#__PURE__*/_react.default.createElement(_styled.AbsoluteView, {
    sx: {
      left: -32,
      top: _reactNativeWeb.Platform.OS === 'android' ? '-48px' : '0'
    }
  }, /*#__PURE__*/_react.default.createElement(_reactNativeQrcodeScanner.default, {
    topViewStyle: {
      flex: 1,
      alignItems: 'flex-start'
    },
    topContent: /*#__PURE__*/_react.default.createElement(_styled.Box, {
      sx: {
        p: 2
      }
    }, /*#__PURE__*/_react.default.createElement(_styled.Title, null, "Log in with Desktop Browser")),
    cameraStyle: {
      overflow: 'hidden'
    },
    cameraProps: {
      flashMode: _reactNativeCamera.RNCamera.Constants.FlashMode.auto
    },
    onRead: onRead,
    bottomViewStyle: {
      flex: 1,
      alignItems: 'flex-start'
    },
    bottomContent: /*#__PURE__*/_react.default.createElement(_styled.Box, {
      sx: {
        p: 2
      }
    }, /*#__PURE__*/_react.default.createElement(_styled.Title, null, "Instructions:"), /*#__PURE__*/_react.default.createElement(_styled.BodyText, {
      sx: {
        mt: 1
      }
    }, "1. Go to relevant.community on your computer"), /*#__PURE__*/_react.default.createElement(_styled.BodyText, {
      sx: {
        mt: 4.01
      }
    }, "2. Log in and navigate to your profile"), /*#__PURE__*/_react.default.createElement(_styled.BodyText, {
      sx: {
        mt: 4.01
      }
    }, "3. Click 'Connect Mobile Device'"), /*#__PURE__*/_react.default.createElement(_styled.BodyText, {
      sx: {
        mt: 4.01
      }
    }, "4. Scan the QR code"))
  })));
}
//# sourceMappingURL=connectDesktop.js.map