be-components 0.1.2 → 0.1.4

package/lib/commonjs/ApiOverrides/index.js

@@ -0,0 +1,179 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.APIOverrides = void 0;
+var _asyncStorage = _interopRequireDefault(require("@react-native-async-storage/async-storage"));
+var _axios = _interopRequireDefault(require("axios"));
+var _momentMini = _interopRequireDefault(require("moment-mini"));
+var _uuid = require("uuid");
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+const ENVIRONMENT_ENDPOINTS = {
+  DEVELOPMENT: {
+    AUTH_SVC_API: 'http://localhost:5000',
+    VOUCH_ID: 'adqEZph8t*_NBFy6u_l4!t~Hin6kpK'
+  },
+  STAGING: {
+    AUTH_SVC_API: 'https://stage-be-auth-svc.herokuapp.com',
+    VOUCH_ID: 'adqEZph8t*_NBFy6u_l4!t~Hin6kpK'
+  },
+  PRODUCTION: {
+    AUTH_SVC_API: 'https://api.players.bettoredge.com',
+    VOUCH_ID: 'Q3tmJ3r9FnkN*n-MqS-!j0NS*k!mdo'
+  }
+};
+let ENDPOINTS = {};
+let auth_state = {
+  authenticated: false,
+  distinct_id: ''
+};
+const APIOverrides = exports.APIOverrides = {
+  start: async (env, no_cache) => {
+    APIOverrides.setEnvironment(env);
+    let distinct_id = await APIOverrides.getDistinctID();
+    auth_state = {
+      authenticated: false,
+      distinct_id
+    };
+    if (no_cache) {
+      return auth_state;
+    }
+    let cached_token = await _asyncStorage.default.getItem('access_token');
+    if (!cached_token) {
+      return {
+        authenticated: false,
+        distinct_id
+      };
+    }
+    let cached_refresh_token = await _asyncStorage.default.getItem('refresh_token');
+    if (!cached_refresh_token) {
+      return {
+        authenticated: false,
+        distinct_id
+      };
+    }
+    let expire_datetime = await _asyncStorage.default.getItem('auth_expire_time');
+    if (!expire_datetime) {
+      return {
+        authenticated: false,
+        distinct_id
+      };
+    }
+    if ((0, _momentMini.default)().isAfter((0, _momentMini.default)(expire_datetime))) {
+      //Try to get a new one
+      const refresh_resp = await APIOverrides.refreshToken(cached_refresh_token, distinct_id);
+      if (!refresh_resp) {
+        //This failed - so lets clear out our stored tokens
+        await _asyncStorage.default.removeItem('access_token');
+        await _asyncStorage.default.removeItem('refresh_token');
+        await _asyncStorage.default.removeItem('auth_expire_time');
+        return {
+          authenticated: false,
+          distinct_id
+        };
+      }
+      cached_token = refresh_resp.access_token;
+      cached_refresh_token = refresh_resp.refresh_token;
+      expire_datetime = refresh_resp.expire_datetime;
+      await _asyncStorage.default.setItem('access_token', cached_token);
+      await _asyncStorage.default.setItem('refresh_token', cached_refresh_token);
+      await _asyncStorage.default.setItem('auth_expire_time', expire_datetime);
+    }
+    APIOverrides.setBearerToken(cached_token);
+    APIOverrides.setRefreshTokenInterceptor(cached_refresh_token, distinct_id);
+    auth_state = {
+      authenticated: true,
+      distinct_id,
+      access_token: cached_token,
+      refresh_token: cached_refresh_token,
+      expire_datetime
+    };
+    return auth_state;
+  },
+  setEnvironment: env => {
+    ENDPOINTS = ENVIRONMENT_ENDPOINTS[env];
+  },
+  getEndpoints: () => {
+    return ENDPOINTS;
+  },
+  cacheTokens: async (access_token, refresh_token, expire_datetime) => {
+    await _asyncStorage.default.setItem('access_token', access_token);
+    if (refresh_token) {
+      await _asyncStorage.default.setItem('refresh_token', refresh_token);
+    }
+    if (expire_datetime) {
+      await _asyncStorage.default.setItem('auth_expire_time', expire_datetime);
+    }
+  },
+  getDistinctID: async () => {
+    let distinct_id = await _asyncStorage.default.getItem('distinct_id');
+    if (!distinct_id) {
+      distinct_id = (0, _uuid.v4)();
+      _asyncStorage.default.setItem('distinct_id', distinct_id);
+    }
+    return distinct_id;
+  },
+  setBearerToken: token => {
+    if (token) {
+      _axios.default.defaults.headers.common['Authorization'] = `Bearer ${token}`;
+    } else {
+      delete _axios.default.defaults.headers.common['Authorization'];
+    }
+  },
+  refreshToken: async (token, distinct_id) => {
+    try {
+      let AUTH_SVC_API = ENDPOINTS['AUTH_SVC_API'];
+      const resp = await _axios.default.post(`${AUTH_SVC_API}/v1/players/tokens/token/refresh`, {
+        refresh_token: token,
+        device_id: distinct_id
+      });
+      return resp.data;
+    } catch (error) {
+      return undefined;
+    }
+  },
+  setRefreshTokenInterceptor: async (token, distinct_id, cache) => {
+    //Set the endpoint based on the environment that is past        
+    _axios.default.interceptors.response.use(response => {
+      return response;
+    }, async error => {
+      const originalRequest = error.config;
+      //If the user gets a 403 - sign them out if they haven't been signed out yet
+      if (error?.response?.status === 403) {
+        //if(store.getState().auth.isAuthenticated){ store.dispatch(auth_logout()); throw new Error(error);  } 
+        return Promise.reject({
+          message: 'Authenication session has expired.'
+        });
+      }
+      //If the user gets a 401 - check for a refresh_token and attempt to get another access token to use the request
+      if (error?.response?.status === 401 && !originalRequest._retry) {
+        originalRequest._retry = true;
+        let refresh_resp = await APIOverrides.refreshToken(token, distinct_id);
+        if (!refresh_resp) {
+          return Promise.reject({
+            message: 'Unable to authenticate request'
+          });
+        }
+        const {
+          access_token,
+          refresh_token,
+          expire_datetime
+        } = refresh_resp;
+        APIOverrides.setBearerToken(access_token);
+        if (cache) {
+          await APIOverrides.cacheTokens(access_token, refresh_token, expire_datetime);
+        }
+        return Promise.resolve((0, _axios.default)({
+          ...originalRequest,
+          headers: {
+            ...originalRequest.headers,
+            Authorization: `Bearer ${access_token}`
+          }
+        }));
+      }
+      return Promise.reject(error);
+    });
+  }
+};
+//# sourceMappingURL=index.js.map

package/lib/commonjs/ApiOverrides/index.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["_asyncStorage","_interopRequireDefault","require","_axios","_momentMini","_uuid","obj","__esModule","default","ENVIRONMENT_ENDPOINTS","DEVELOPMENT","AUTH_SVC_API","VOUCH_ID","STAGING","PRODUCTION","ENDPOINTS","auth_state","authenticated","distinct_id","APIOverrides","exports","start","env","no_cache","setEnvironment","getDistinctID","cached_token","AsyncStorage","getItem","cached_refresh_token","expire_datetime","moment","isAfter","refresh_resp","refreshToken","removeItem","access_token","refresh_token","setItem","setBearerToken","setRefreshTokenInterceptor","getEndpoints","cacheTokens","v4","token","axios","defaults","headers","common","resp","post","device_id","data","error","undefined","cache","interceptors","response","use","originalRequest","config","status","Promise","reject","message","_retry","resolve","Authorization"],"sourceRoot":"../../../src","sources":["ApiOverrides/index.ts"],"mappings":"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","ignoreList":[]}

package/lib/commonjs/ApiOverrides/types.d.js.map

@@ -0,0 +1 @@
+{"version":3,"names":[],"sourceRoot":"../../../src","sources":["ApiOverrides/types.d.ts"],"mappings":"","ignoreList":[]}

package/lib/commonjs/Authenticator/Components/LoginForm.js

@@ -0,0 +1,491 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+var _react = _interopRequireWildcard(require("react"));
+var _reactNative = require("react-native");
+var _Components = require("../../Components");
+var _colors = _interopRequireDefault(require("../../constants/colors"));
+var _api = require("../api");
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function (e) { return e ? t : r; })(e); }
+function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != typeof e && "function" != typeof e) return { default: e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && {}.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n.default = e, t && t.set(e, n), n; }
+const attribute_options = ['username', 'email', 'phone'];
+const LoginForm = ({
+  width,
+  visible,
+  onRegister,
+  onAuthenticated
+}) => {
+  const [authenticated, setAuthenticated] = (0, _react.useState)(false);
+  const [auth_check, setAuthCheck] = (0, _react.useState)({
+    loading: false,
+    attribute: 'username',
+    value: 'james'
+  });
+  const [halted, setHalted] = (0, _react.useState)(false);
+  const [login_try, setLoginTry] = (0, _react.useState)({
+    pass_token: '',
+    loading: false,
+    visible: false,
+    type: 'password'
+  });
+  const [auth_check_error, setAuthCheckError] = (0, _react.useState)();
+  const {
+    loading,
+    attribute,
+    value
+  } = auth_check;
+  const {
+    pass_token,
+    type,
+    verification_session_id
+  } = login_try;
+  const handleAuthCheck = async () => {
+    console.log(authenticated);
+    if (loading) {
+      return;
+    } //No mashy mashy
+    setAuthCheck({
+      ...auth_check,
+      loading: true
+    });
+    const {
+      result,
+      message,
+      verification_session_id,
+      next
+    } = await _api.AuthenticateApi.authCheck(attribute, value);
+    if (result == 'fail') {
+      setAuthCheckError(message);
+    } else {
+      setLoginTry({
+        pass_token: '',
+        verification_session_id: verification_session_id,
+        visible: true,
+        loading: false,
+        type: next ?? 'password'
+      });
+    }
+    setAuthCheck({
+      ...auth_check,
+      loading: false
+    });
+  };
+  const handleForgot = async () => {
+    const resp = await _api.AuthenticateApi.authForgot(attribute, value);
+    if (resp.result == 'fail') {
+      setAuthCheckError(resp.message);
+    } else {
+      setLoginTry({
+        pass_token: '',
+        verification_session_id: resp.verification_session_id,
+        visible: true,
+        loading: false,
+        type: resp.next ?? 'password'
+      });
+    }
+  };
+  const handleLogin = async () => {
+    setLoginTry({
+      ...login_try,
+      loading: true
+    });
+    const {
+      result,
+      message,
+      access_token,
+      refresh_token,
+      expire_datetime
+    } = await _api.AuthenticateApi.authLogin(attribute, value, pass_token, verification_session_id);
+    if (result == 'fail' || !access_token || !refresh_token) {
+      setLoginTry({
+        ...login_try,
+        error: message,
+        loading: false
+      });
+      setHalted(true);
+      return setTimeout(() => {
+        setHalted(false);
+      }, 5000);
+    }
+    setLoginTry({
+      ...login_try,
+      loading: false,
+      error: undefined
+    });
+    setAuthenticated(true);
+    return onAuthenticated(access_token, refresh_token, expire_datetime);
+  };
+  const getAttributeIcon = () => {
+    switch (attribute) {
+      case 'email':
+        return /*#__PURE__*/_react.default.createElement(_Components.Icons.EmailIcon, {
+          size: 20,
+          color: _colors.default.brand.midnight
+        });
+      case 'phone':
+        return /*#__PURE__*/_react.default.createElement(_Components.Icons.PhoneIcon, {
+          size: 20,
+          color: _colors.default.brand.midnight
+        });
+      case 'username':
+        return /*#__PURE__*/_react.default.createElement(_Components.Icons.UserIcon, {
+          size: 20,
+          color: _colors.default.brand.midnight
+        });
+      default:
+        return /*#__PURE__*/_react.default.createElement(_Components.Icons.UserIcon, {
+          size: 20,
+          color: _colors.default.brand.midnight
+        });
+    }
+  };
+  const {
+    valid
+  } = _api.AuthenticateHelpers.isAttributeValid(attribute, value);
+  const login_valid = pass_token.length > 0 && !halted ? true : false;
+  if (!visible) {
+    return /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null);
+  }
+  return /*#__PURE__*/_react.default.createElement(_reactNative.View, {
+    style: {
+      flex: 1,
+      width
+    }
+  }, !login_try.visible ? /*#__PURE__*/_react.default.createElement(_reactNative.View, {
+    style: {
+      flex: 1
+    }
+  }, /*#__PURE__*/_react.default.createElement(_reactNative.View, {
+    style: {
+      padding: 30
+    }
+  }, /*#__PURE__*/_react.default.createElement(_reactNative.View, null, /*#__PURE__*/_react.default.createElement(_Components.Text, {
+    size: 18,
+    color: _colors.default.brand.midnight,
+    weight: "bold"
+  }, "Login Using My:")), /*#__PURE__*/_react.default.createElement(_reactNative.View, {
+    nativeID: "attribute_toggle",
+    style: {
+      marginTop: 10,
+      flexDirection: 'row',
+      borderRadius: 22,
+      borderWidth: 1,
+      backgroundColor: _colors.default.shades.shade400,
+      borderColor: _colors.default.shades.shade600
+    }
+  }, attribute_options.map((a, i) => {
+    const selected = a == attribute ? true : false;
+    return /*#__PURE__*/_react.default.createElement(_Components.Button, {
+      style: {
+        flex: 1
+      },
+      title: a.toUpperCase(),
+      borderRadiusOverride: {
+        borderTopLeftRadius: i == 0 ? 22 : 0,
+        borderBottomLeftRadius: i == 0 ? 22 : 0,
+        borderTopRightRadius: i == attribute_options.length - 1 ? 22 : 0,
+        borderBottomRightRadius: i == attribute_options.length - 1 ? 22 : 0
+      },
+      title_color: selected ? _colors.default.shades.white : _colors.default.brand.electric,
+      padding: 15,
+      title_weight: selected ? 'bold' : 'regular',
+      backgroundColor: selected ? _colors.default.brand.electric : 'transparent',
+      onPress: () => setAuthCheck({
+        attribute: a,
+        value: '',
+        loading: false
+      })
+    });
+  }))), /*#__PURE__*/_react.default.createElement(_reactNative.View, {
+    style: {
+      flex: 1
+    }
+  }, /*#__PURE__*/_react.default.createElement(_reactNative.View, {
+    style: {
+      backgroundColor: _colors.default.shades.shade100,
+      borderRadius: 8,
+      padding: 30
+    }
+  }, /*#__PURE__*/_react.default.createElement(_reactNative.View, {
+    style: {
+      marginBottom: 10
+    }
+  }, /*#__PURE__*/_react.default.createElement(_Components.Text, {
+    size: 18,
+    color: _colors.default.brand.midnight,
+    weight: "bold"
+  }, "ENTER ", attribute.toUpperCase()), /*#__PURE__*/_react.default.createElement(_Components.Text, {
+    style: {
+      marginTop: 5
+    },
+    size: 14,
+    color: _colors.default.brand.midnight,
+    weight: "regular"
+  }, "Please enter your ", attribute, " to continue.")), /*#__PURE__*/_react.default.createElement(_reactNative.View, {
+    style: {
+      marginTop: 5,
+      flexDirection: 'row',
+      alignItems: 'center',
+      borderRadius: 22,
+      borderWidth: 1,
+      borderColor: _colors.default.shades.shade600
+    }
+  }, /*#__PURE__*/_react.default.createElement(_reactNative.View, {
+    style: {
+      paddingLeft: 10,
+      paddingRight: 15
+    }
+  }, getAttributeIcon()), /*#__PURE__*/_react.default.createElement(_Components.TextInput, {
+    style: {
+      flex: 1
+    },
+    value: value,
+    placeholder: attribute.toUpperCase(),
+    autoFocus: true,
+    placeholderTextColor: _colors.default.brand.slate,
+    onChangeText: text => {
+      setAuthCheck({
+        ...auth_check,
+        value: text
+      });
+    }
+  }), /*#__PURE__*/_react.default.createElement(_reactNative.View, {
+    style: {
+      padding: 10
+    }
+  }, valid ? /*#__PURE__*/_react.default.createElement(_Components.Icons.CheckCirlceIcon, {
+    color: _colors.default.utility.success,
+    size: 14
+  }) : /*#__PURE__*/_react.default.createElement(_Components.Icons.AlertIcon, {
+    color: _colors.default.utility.warning,
+    size: 14
+  }))), auth_check_error ? /*#__PURE__*/_react.default.createElement(_reactNative.TouchableOpacity, {
+    style: {
+      marginTop: 10,
+      padding: 10,
+      backgroundColor: _colors.default.shades.white,
+      borderRadius: 8
+    },
+    onPress: () => onRegister()
+  }, /*#__PURE__*/_react.default.createElement(_Components.Text, {
+    size: 14,
+    color: _colors.default.utility.error,
+    weight: "semibold",
+    textAlign: "center"
+  }, auth_check_error), /*#__PURE__*/_react.default.createElement(_Components.Text, {
+    style: {
+      marginTop: 5
+    },
+    size: 14,
+    color: _colors.default.brand.electric,
+    weight: "bold",
+    textAlign: "center"
+  }, "SIGN UP HERE")) : /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null))), /*#__PURE__*/_react.default.createElement(_reactNative.View, {
+    style: {
+      padding: 20
+    }
+  }, /*#__PURE__*/_react.default.createElement(_Components.Button, {
+    title: "LOGIN",
+    style: {
+      opacity: !valid || loading ? 0.5 : 1
+    },
+    title_color: _colors.default.shades.white,
+    loading: loading,
+    backgroundColor: _colors.default.brand.electric,
+    disabled: !valid || loading,
+    padding: 15,
+    onPress: () => handleAuthCheck()
+  })), /*#__PURE__*/_react.default.createElement(_reactNative.View, {
+    style: {
+      padding: 15,
+      backgroundColor: _colors.default.shades.shade100
+    }
+  }, /*#__PURE__*/_react.default.createElement(_Components.Button, {
+    title: "Are You New?  Sign Up Here",
+    title_color: _colors.default.brand.electric,
+    backgroundColor: "transparent",
+    onPress: () => onRegister()
+  }))) : /*#__PURE__*/_react.default.createElement(_reactNative.View, {
+    style: {
+      flex: 1
+    }
+  }, /*#__PURE__*/_react.default.createElement(_reactNative.View, {
+    style: {
+      flex: 1
+    }
+  }, /*#__PURE__*/_react.default.createElement(_reactNative.View, {
+    style: {
+      borderRadius: 8,
+      padding: 30
+    }
+  }, /*#__PURE__*/_react.default.createElement(_reactNative.View, {
+    style: {
+      marginBottom: 10
+    }
+  }, /*#__PURE__*/_react.default.createElement(_Components.Text, {
+    size: 18,
+    color: _colors.default.brand.midnight,
+    weight: "bold"
+  }, "MY ", attribute.toUpperCase())), /*#__PURE__*/_react.default.createElement(_reactNative.View, {
+    style: {
+      flexDirection: 'row',
+      alignItems: 'center',
+      borderRadius: 22,
+      borderWidth: 1,
+      borderColor: _colors.default.shades.shade600
+    }
+  }, /*#__PURE__*/_react.default.createElement(_reactNative.View, {
+    style: {
+      paddingLeft: 10,
+      paddingRight: 15
+    }
+  }, getAttributeIcon()), /*#__PURE__*/_react.default.createElement(_Components.TextInput, {
+    value: value,
+    editable: false,
+    style: {
+      flex: 1,
+      backgroundColor: _colors.default.shades.shade100
+    },
+    placeholderTextColor: _colors.default.brand.slate,
+    onChangeText: () => console.log('')
+  }), /*#__PURE__*/_react.default.createElement(_reactNative.View, {
+    style: {
+      padding: 10
+    }
+  }, /*#__PURE__*/_react.default.createElement(_Components.Icons.CheckCirlceIcon, {
+    color: _colors.default.utility.success,
+    size: 14
+  })))), /*#__PURE__*/_react.default.createElement(_reactNative.View, {
+    style: {
+      borderRadius: 8,
+      padding: 30,
+      backgroundColor: _colors.default.shades.shade100
+    }
+  }, /*#__PURE__*/_react.default.createElement(_reactNative.View, {
+    style: {
+      marginBottom: 10
+    }
+  }, /*#__PURE__*/_react.default.createElement(_Components.Text, {
+    size: 18,
+    color: _colors.default.brand.midnight,
+    weight: "bold"
+  }, "ENTER ", type.toUpperCase()), type == 'token' ? /*#__PURE__*/_react.default.createElement(_Components.Text, {
+    style: {
+      marginTop: 5
+    },
+    size: 14,
+    color: _colors.default.brand.midnight,
+    weight: "regular"
+  }, "We sent a one-time token to ", value, ".  Please enter it below.") : /*#__PURE__*/_react.default.createElement(_Components.Text, {
+    style: {
+      marginTop: 5
+    },
+    size: 14,
+    color: _colors.default.brand.midnight,
+    weight: "regular"
+  }, "Please enter the password associated with the ", attribute, " ", value, ".")), /*#__PURE__*/_react.default.createElement(_reactNative.View, {
+    style: {
+      flexDirection: 'row',
+      alignItems: 'center',
+      borderRadius: 22,
+      borderWidth: 1,
+      borderColor: _colors.default.shades.shade600
+    }
+  }, /*#__PURE__*/_react.default.createElement(_reactNative.View, {
+    style: {
+      paddingLeft: 10,
+      paddingRight: 15
+    }
+  }, /*#__PURE__*/_react.default.createElement(_Components.Icons.LockClosedIcon, {
+    size: 20,
+    color: _colors.default.brand.midnight
+  })), /*#__PURE__*/_react.default.createElement(_Components.TextInput, {
+    style: {
+      flex: 1
+    },
+    value: pass_token,
+    placeholder: `Enter ${type}`,
+    autoFocus: true,
+    secureTextEntry: true,
+    textContentType: type == 'password' ? 'password' : 'oneTimeCode',
+    placeholderTextColor: _colors.default.brand.slate,
+    onChangeText: text => {
+      setLoginTry({
+        ...login_try,
+        pass_token: text
+      });
+    }
+  }), /*#__PURE__*/_react.default.createElement(_reactNative.View, {
+    style: {
+      padding: 10
+    }
+  }, login_valid ? /*#__PURE__*/_react.default.createElement(_Components.Icons.CheckCirlceIcon, {
+    color: _colors.default.utility.success,
+    size: 14
+  }) : /*#__PURE__*/_react.default.createElement(_Components.Icons.AlertIcon, {
+    color: _colors.default.utility.warning,
+    size: 14
+  }))), login_try.error ? /*#__PURE__*/_react.default.createElement(_reactNative.TouchableOpacity, {
+    style: {
+      marginTop: 10,
+      padding: 10,
+      backgroundColor: _colors.default.shades.white,
+      borderRadius: 8
+    },
+    onPress: () => handleForgot()
+  }, /*#__PURE__*/_react.default.createElement(_Components.Text, {
+    size: 14,
+    color: _colors.default.utility.error,
+    weight: "semibold",
+    textAlign: "center"
+  }, login_try.error), /*#__PURE__*/_react.default.createElement(_Components.Text, {
+    style: {
+      marginTop: 5
+    },
+    size: 14,
+    color: _colors.default.brand.electric,
+    weight: "bold",
+    textAlign: "center"
+  }, "SEND ME A CODE INSTEAD")) : /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null))), /*#__PURE__*/_react.default.createElement(_reactNative.View, {
+    style: {
+      padding: 20,
+      flexDirection: 'row'
+    }
+  }, /*#__PURE__*/_react.default.createElement(_Components.Button, {
+    title: "BACK",
+    style: {
+      marginRight: 5,
+      flex: 1
+    },
+    title_color: _colors.default.brand.electric,
+    backgroundColor: _colors.default.shades.white,
+    borderWidth: 1,
+    borderColor: _colors.default.brand.electric,
+    padding: 15,
+    onPress: () => {
+      setLoginTry({
+        ...login_try,
+        pass_token: '',
+        visible: false
+      });
+    }
+  }), /*#__PURE__*/_react.default.createElement(_Components.Button, {
+    title: halted ? 'Try again in 5 seconds' : 'LOGIN',
+    style: {
+      flex: 3,
+      opacity: !login_valid || loading ? 0.5 : 1
+    },
+    title_color: _colors.default.shades.white,
+    loading: login_try.loading,
+    backgroundColor: _colors.default.brand.electric,
+    disabled: !login_valid || loading,
+    padding: 15,
+    onPress: () => handleLogin()
+  }))));
+};
+var _default = exports.default = LoginForm;
+//# sourceMappingURL=LoginForm.js.map