be-components 0.1.2 → 0.1.3

package/lib/module/ApiOverrides/index.js

@@ -0,0 +1,173 @@
+import AsyncStorage from '@react-native-async-storage/async-storage';
+import axios from 'axios';
+import moment from 'moment-mini';
+import { v4 } from 'uuid';
+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: ''
+};
+export { APIOverrides };
+const 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.getItem('access_token');
+    if (!cached_token) {
+      return {
+        authenticated: false,
+        distinct_id
+      };
+    }
+    let cached_refresh_token = await AsyncStorage.getItem('refresh_token');
+    if (!cached_refresh_token) {
+      return {
+        authenticated: false,
+        distinct_id
+      };
+    }
+    let expire_datetime = await AsyncStorage.getItem('auth_expire_time');
+    if (!expire_datetime) {
+      return {
+        authenticated: false,
+        distinct_id
+      };
+    }
+    if (moment().isAfter(moment(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.removeItem('access_token');
+        await AsyncStorage.removeItem('refresh_token');
+        await AsyncStorage.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.setItem('access_token', cached_token);
+      await AsyncStorage.setItem('refresh_token', cached_refresh_token);
+      await AsyncStorage.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.setItem('access_token', access_token);
+    if (refresh_token) {
+      await AsyncStorage.setItem('refresh_token', refresh_token);
+    }
+    if (expire_datetime) {
+      await AsyncStorage.setItem('auth_expire_time', expire_datetime);
+    }
+  },
+  getDistinctID: async () => {
+    let distinct_id = await AsyncStorage.getItem('distinct_id');
+    if (!distinct_id) {
+      distinct_id = v4();
+      AsyncStorage.setItem('distinct_id', distinct_id);
+    }
+    return distinct_id;
+  },
+  setBearerToken: token => {
+    if (token) {
+      axios.defaults.headers.common['Authorization'] = `Bearer ${token}`;
+    } else {
+      delete axios.defaults.headers.common['Authorization'];
+    }
+  },
+  refreshToken: async (token, distinct_id) => {
+    try {
+      let AUTH_SVC_API = ENDPOINTS['AUTH_SVC_API'];
+      const resp = await axios.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.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(axios({
+          ...originalRequest,
+          headers: {
+            ...originalRequest.headers,
+            Authorization: `Bearer ${access_token}`
+          }
+        }));
+      }
+      return Promise.reject(error);
+    });
+  }
+};
+//# sourceMappingURL=index.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["AsyncStorage","axios","moment","v4","ENVIRONMENT_ENDPOINTS","DEVELOPMENT","AUTH_SVC_API","VOUCH_ID","STAGING","PRODUCTION","ENDPOINTS","auth_state","authenticated","distinct_id","APIOverrides","start","env","no_cache","setEnvironment","getDistinctID","cached_token","getItem","cached_refresh_token","expire_datetime","isAfter","refresh_resp","refreshToken","removeItem","access_token","refresh_token","setItem","setBearerToken","setRefreshTokenInterceptor","getEndpoints","cacheTokens","token","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/module/ApiOverrides/types.d.js.map

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

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

@@ -0,0 +1,482 @@
+import React, { useState } from 'react';
+import { View, TouchableOpacity } from "react-native";
+import { Button, Icons, Text, TextInput } from '../../Components';
+import Colors from '../../constants/colors';
+import { AuthenticateApi, AuthenticateHelpers } from '../api';
+const attribute_options = ['username', 'email', 'phone'];
+const LoginForm = ({
+  width,
+  visible,
+  onRegister,
+  onAuthenticated
+}) => {
+  const [authenticated, setAuthenticated] = useState(false);
+  const [auth_check, setAuthCheck] = useState({
+    loading: false,
+    attribute: 'username',
+    value: 'james'
+  });
+  const [halted, setHalted] = useState(false);
+  const [login_try, setLoginTry] = useState({
+    pass_token: '',
+    loading: false,
+    visible: false,
+    type: 'password'
+  });
+  const [auth_check_error, setAuthCheckError] = 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 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 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 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.createElement(Icons.EmailIcon, {
+          size: 20,
+          color: Colors.brand.midnight
+        });
+      case 'phone':
+        return /*#__PURE__*/React.createElement(Icons.PhoneIcon, {
+          size: 20,
+          color: Colors.brand.midnight
+        });
+      case 'username':
+        return /*#__PURE__*/React.createElement(Icons.UserIcon, {
+          size: 20,
+          color: Colors.brand.midnight
+        });
+      default:
+        return /*#__PURE__*/React.createElement(Icons.UserIcon, {
+          size: 20,
+          color: Colors.brand.midnight
+        });
+    }
+  };
+  const {
+    valid
+  } = AuthenticateHelpers.isAttributeValid(attribute, value);
+  const login_valid = pass_token.length > 0 && !halted ? true : false;
+  if (!visible) {
+    return /*#__PURE__*/React.createElement(React.Fragment, null);
+  }
+  return /*#__PURE__*/React.createElement(View, {
+    style: {
+      flex: 1,
+      width
+    }
+  }, !login_try.visible ? /*#__PURE__*/React.createElement(View, {
+    style: {
+      flex: 1
+    }
+  }, /*#__PURE__*/React.createElement(View, {
+    style: {
+      padding: 30
+    }
+  }, /*#__PURE__*/React.createElement(View, null, /*#__PURE__*/React.createElement(Text, {
+    size: 18,
+    color: Colors.brand.midnight,
+    weight: "bold"
+  }, "Login Using My:")), /*#__PURE__*/React.createElement(View, {
+    nativeID: "attribute_toggle",
+    style: {
+      marginTop: 10,
+      flexDirection: 'row',
+      borderRadius: 22,
+      borderWidth: 1,
+      backgroundColor: Colors.shades.shade400,
+      borderColor: Colors.shades.shade600
+    }
+  }, attribute_options.map((a, i) => {
+    const selected = a == attribute ? true : false;
+    return /*#__PURE__*/React.createElement(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.shades.white : Colors.brand.electric,
+      padding: 15,
+      title_weight: selected ? 'bold' : 'regular',
+      backgroundColor: selected ? Colors.brand.electric : 'transparent',
+      onPress: () => setAuthCheck({
+        attribute: a,
+        value: '',
+        loading: false
+      })
+    });
+  }))), /*#__PURE__*/React.createElement(View, {
+    style: {
+      flex: 1
+    }
+  }, /*#__PURE__*/React.createElement(View, {
+    style: {
+      backgroundColor: Colors.shades.shade100,
+      borderRadius: 8,
+      padding: 30
+    }
+  }, /*#__PURE__*/React.createElement(View, {
+    style: {
+      marginBottom: 10
+    }
+  }, /*#__PURE__*/React.createElement(Text, {
+    size: 18,
+    color: Colors.brand.midnight,
+    weight: "bold"
+  }, "ENTER ", attribute.toUpperCase()), /*#__PURE__*/React.createElement(Text, {
+    style: {
+      marginTop: 5
+    },
+    size: 14,
+    color: Colors.brand.midnight,
+    weight: "regular"
+  }, "Please enter your ", attribute, " to continue.")), /*#__PURE__*/React.createElement(View, {
+    style: {
+      marginTop: 5,
+      flexDirection: 'row',
+      alignItems: 'center',
+      borderRadius: 22,
+      borderWidth: 1,
+      borderColor: Colors.shades.shade600
+    }
+  }, /*#__PURE__*/React.createElement(View, {
+    style: {
+      paddingLeft: 10,
+      paddingRight: 15
+    }
+  }, getAttributeIcon()), /*#__PURE__*/React.createElement(TextInput, {
+    style: {
+      flex: 1
+    },
+    value: value,
+    placeholder: attribute.toUpperCase(),
+    autoFocus: true,
+    placeholderTextColor: Colors.brand.slate,
+    onChangeText: text => {
+      setAuthCheck({
+        ...auth_check,
+        value: text
+      });
+    }
+  }), /*#__PURE__*/React.createElement(View, {
+    style: {
+      padding: 10
+    }
+  }, valid ? /*#__PURE__*/React.createElement(Icons.CheckCirlceIcon, {
+    color: Colors.utility.success,
+    size: 14
+  }) : /*#__PURE__*/React.createElement(Icons.AlertIcon, {
+    color: Colors.utility.warning,
+    size: 14
+  }))), auth_check_error ? /*#__PURE__*/React.createElement(TouchableOpacity, {
+    style: {
+      marginTop: 10,
+      padding: 10,
+      backgroundColor: Colors.shades.white,
+      borderRadius: 8
+    },
+    onPress: () => onRegister()
+  }, /*#__PURE__*/React.createElement(Text, {
+    size: 14,
+    color: Colors.utility.error,
+    weight: "semibold",
+    textAlign: "center"
+  }, auth_check_error), /*#__PURE__*/React.createElement(Text, {
+    style: {
+      marginTop: 5
+    },
+    size: 14,
+    color: Colors.brand.electric,
+    weight: "bold",
+    textAlign: "center"
+  }, "SIGN UP HERE")) : /*#__PURE__*/React.createElement(React.Fragment, null))), /*#__PURE__*/React.createElement(View, {
+    style: {
+      padding: 20
+    }
+  }, /*#__PURE__*/React.createElement(Button, {
+    title: "LOGIN",
+    style: {
+      opacity: !valid || loading ? 0.5 : 1
+    },
+    title_color: Colors.shades.white,
+    loading: loading,
+    backgroundColor: Colors.brand.electric,
+    disabled: !valid || loading,
+    padding: 15,
+    onPress: () => handleAuthCheck()
+  })), /*#__PURE__*/React.createElement(View, {
+    style: {
+      padding: 15,
+      backgroundColor: Colors.shades.shade100
+    }
+  }, /*#__PURE__*/React.createElement(Button, {
+    title: "Are You New?  Sign Up Here",
+    title_color: Colors.brand.electric,
+    backgroundColor: "transparent",
+    onPress: () => onRegister()
+  }))) : /*#__PURE__*/React.createElement(View, {
+    style: {
+      flex: 1
+    }
+  }, /*#__PURE__*/React.createElement(View, {
+    style: {
+      flex: 1
+    }
+  }, /*#__PURE__*/React.createElement(View, {
+    style: {
+      borderRadius: 8,
+      padding: 30
+    }
+  }, /*#__PURE__*/React.createElement(View, {
+    style: {
+      marginBottom: 10
+    }
+  }, /*#__PURE__*/React.createElement(Text, {
+    size: 18,
+    color: Colors.brand.midnight,
+    weight: "bold"
+  }, "MY ", attribute.toUpperCase())), /*#__PURE__*/React.createElement(View, {
+    style: {
+      flexDirection: 'row',
+      alignItems: 'center',
+      borderRadius: 22,
+      borderWidth: 1,
+      borderColor: Colors.shades.shade600
+    }
+  }, /*#__PURE__*/React.createElement(View, {
+    style: {
+      paddingLeft: 10,
+      paddingRight: 15
+    }
+  }, getAttributeIcon()), /*#__PURE__*/React.createElement(TextInput, {
+    value: value,
+    editable: false,
+    style: {
+      flex: 1,
+      backgroundColor: Colors.shades.shade100
+    },
+    placeholderTextColor: Colors.brand.slate,
+    onChangeText: () => console.log('')
+  }), /*#__PURE__*/React.createElement(View, {
+    style: {
+      padding: 10
+    }
+  }, /*#__PURE__*/React.createElement(Icons.CheckCirlceIcon, {
+    color: Colors.utility.success,
+    size: 14
+  })))), /*#__PURE__*/React.createElement(View, {
+    style: {
+      borderRadius: 8,
+      padding: 30,
+      backgroundColor: Colors.shades.shade100
+    }
+  }, /*#__PURE__*/React.createElement(View, {
+    style: {
+      marginBottom: 10
+    }
+  }, /*#__PURE__*/React.createElement(Text, {
+    size: 18,
+    color: Colors.brand.midnight,
+    weight: "bold"
+  }, "ENTER ", type.toUpperCase()), type == 'token' ? /*#__PURE__*/React.createElement(Text, {
+    style: {
+      marginTop: 5
+    },
+    size: 14,
+    color: Colors.brand.midnight,
+    weight: "regular"
+  }, "We sent a one-time token to ", value, ".  Please enter it below.") : /*#__PURE__*/React.createElement(Text, {
+    style: {
+      marginTop: 5
+    },
+    size: 14,
+    color: Colors.brand.midnight,
+    weight: "regular"
+  }, "Please enter the password associated with the ", attribute, " ", value, ".")), /*#__PURE__*/React.createElement(View, {
+    style: {
+      flexDirection: 'row',
+      alignItems: 'center',
+      borderRadius: 22,
+      borderWidth: 1,
+      borderColor: Colors.shades.shade600
+    }
+  }, /*#__PURE__*/React.createElement(View, {
+    style: {
+      paddingLeft: 10,
+      paddingRight: 15
+    }
+  }, /*#__PURE__*/React.createElement(Icons.LockClosedIcon, {
+    size: 20,
+    color: Colors.brand.midnight
+  })), /*#__PURE__*/React.createElement(TextInput, {
+    style: {
+      flex: 1
+    },
+    value: pass_token,
+    placeholder: `Enter ${type}`,
+    autoFocus: true,
+    secureTextEntry: true,
+    textContentType: type == 'password' ? 'password' : 'oneTimeCode',
+    placeholderTextColor: Colors.brand.slate,
+    onChangeText: text => {
+      setLoginTry({
+        ...login_try,
+        pass_token: text
+      });
+    }
+  }), /*#__PURE__*/React.createElement(View, {
+    style: {
+      padding: 10
+    }
+  }, login_valid ? /*#__PURE__*/React.createElement(Icons.CheckCirlceIcon, {
+    color: Colors.utility.success,
+    size: 14
+  }) : /*#__PURE__*/React.createElement(Icons.AlertIcon, {
+    color: Colors.utility.warning,
+    size: 14
+  }))), login_try.error ? /*#__PURE__*/React.createElement(TouchableOpacity, {
+    style: {
+      marginTop: 10,
+      padding: 10,
+      backgroundColor: Colors.shades.white,
+      borderRadius: 8
+    },
+    onPress: () => handleForgot()
+  }, /*#__PURE__*/React.createElement(Text, {
+    size: 14,
+    color: Colors.utility.error,
+    weight: "semibold",
+    textAlign: "center"
+  }, login_try.error), /*#__PURE__*/React.createElement(Text, {
+    style: {
+      marginTop: 5
+    },
+    size: 14,
+    color: Colors.brand.electric,
+    weight: "bold",
+    textAlign: "center"
+  }, "SEND ME A CODE INSTEAD")) : /*#__PURE__*/React.createElement(React.Fragment, null))), /*#__PURE__*/React.createElement(View, {
+    style: {
+      padding: 20,
+      flexDirection: 'row'
+    }
+  }, /*#__PURE__*/React.createElement(Button, {
+    title: "BACK",
+    style: {
+      marginRight: 5,
+      flex: 1
+    },
+    title_color: Colors.brand.electric,
+    backgroundColor: Colors.shades.white,
+    borderWidth: 1,
+    borderColor: Colors.brand.electric,
+    padding: 15,
+    onPress: () => {
+      setLoginTry({
+        ...login_try,
+        pass_token: '',
+        visible: false
+      });
+    }
+  }), /*#__PURE__*/React.createElement(Button, {
+    title: halted ? 'Try again in 5 seconds' : 'LOGIN',
+    style: {
+      flex: 3,
+      opacity: !login_valid || loading ? 0.5 : 1
+    },
+    title_color: Colors.shades.white,
+    loading: login_try.loading,
+    backgroundColor: Colors.brand.electric,
+    disabled: !login_valid || loading,
+    padding: 15,
+    onPress: () => handleLogin()
+  }))));
+};
+export default LoginForm;
+//# sourceMappingURL=LoginForm.js.map