be-components 3.3.6 → 3.3.7

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

@@ -7,8 +7,9 @@ exports.default = void 0;
 var _react = _interopRequireDefault(require("react"));
 var _reactNative = require("react-native");
 var _Components = require("../../Components");
-var _colors = _interopRequireDefault(require("../../constants/colors"));
 var _api = require("../api");
+var _useColors = require("../../constants/useColors");
+var _Themed = require("../../Components/Themed");
 function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
 const AuthStrategyIdentifier = ({
   auth_strategy_identifier,
@@ -16,27 +17,28 @@ const AuthStrategyIdentifier = ({
   auth_request,
   onChangeIdentifier
 }) => {
+  const C = (0, _useColors.useColors)();
   const getAttributeIcon = attribute => {
     switch (attribute) {
       case 'email':
         return /*#__PURE__*/_react.default.createElement(_Components.Icons.EmailIcon, {
           size: 20,
-          color: _colors.default.brand.midnight
+          color: C.text.h1
         });
       case 'phone':
         return /*#__PURE__*/_react.default.createElement(_Components.Icons.PhoneIcon, {
           size: 20,
-          color: _colors.default.brand.midnight
+          color: C.text.h1
         });
       case 'username':
         return /*#__PURE__*/_react.default.createElement(_Components.Icons.UserIcon, {
           size: 20,
-          color: _colors.default.brand.midnight
+          color: C.text.h1
         });
       default:
         return /*#__PURE__*/_react.default.createElement(_Components.Icons.UserIcon, {
           size: 20,
-          color: _colors.default.brand.midnight
+          color: C.text.h1
         });
     }
   };
@@ -44,29 +46,22 @@ const AuthStrategyIdentifier = ({
     return /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null);
   }
   const is_valid = _api.AuthenticateHelpers.isAttributeValid(auth_request.attribute, auth_request.value);
-  return /*#__PURE__*/_react.default.createElement(_reactNative.View, null, /*#__PURE__*/_react.default.createElement(_reactNative.View, {
+  return /*#__PURE__*/_react.default.createElement(_reactNative.View, {
     style: {
       margin: 10
     }
-  }, /*#__PURE__*/_react.default.createElement(_Components.Text, {
-    size: 16,
-    color: _colors.default.brand.midnight,
-    weight: "bold"
-  }, auth_strategy_identifier.label), /*#__PURE__*/_react.default.createElement(_Components.Text, {
-    style: {
-      marginTop: 4
-    },
-    size: 14,
-    color: _colors.default.brand.midnight,
-    weight: "regular"
+  }, /*#__PURE__*/_react.default.createElement(_Themed.Text, {
+    theme: "h1"
+  }, auth_strategy_identifier.label), /*#__PURE__*/_react.default.createElement(_Themed.Text, {
+    theme: "h2"
   }, auth_strategy_identifier.description), /*#__PURE__*/_react.default.createElement(_reactNative.View, {
     style: {
-      marginTop: 5,
+      marginTop: 15,
       flexDirection: 'row',
       alignItems: 'center',
       borderRadius: 22,
       borderWidth: 1,
-      borderColor: _colors.default.shades.shade600
+      borderColor: C.borders.light
     }
   }, /*#__PURE__*/_react.default.createElement(_reactNative.View, {
     style: {
@@ -80,7 +75,7 @@ const AuthStrategyIdentifier = ({
     value: auth_request.pretty_value ?? auth_request.value,
     placeholder: `${auth_strategy_identifier.label}`,
     autoFocus: auto_focus,
-    placeholderTextColor: _colors.default.brand.slate,
+    placeholderTextColor: C.text.descriptionLight,
     onChangeText: text => {
       let pretty_value = undefined;
       if (auth_request.attribute == 'phone') {
@@ -94,20 +89,18 @@ const AuthStrategyIdentifier = ({
       padding: 10
     }
   }, is_valid.valid ? /*#__PURE__*/_react.default.createElement(_Components.Icons.CheckCirlceIcon, {
-    color: _colors.default.utility.success,
+    color: C.text.success,
     size: 14
   }) : /*#__PURE__*/_react.default.createElement(_Components.Icons.AlertIcon, {
-    color: _colors.default.utility.warning,
+    color: C.text.warning,
     size: 14
-  })) : /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null)), auth_request.value && !is_valid.valid ? /*#__PURE__*/_react.default.createElement(_Components.Text, {
+  })) : /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null)), auth_request.value && !is_valid.valid ? /*#__PURE__*/_react.default.createElement(_Themed.Text, {
     style: {
       marginTop: 2
     },
-    size: 12,
-    color: _colors.default.utility.warning,
-    weight: "semibold",
-    textAlign: "right"
-  }, is_valid.error) : /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null)));
+    textAlign: "center",
+    theme: "warning"
+  }, is_valid.error) : /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null));
 };
 var _default = exports.default = AuthStrategyIdentifier;
 //# sourceMappingURL=AuthStrategyIdentifier.js.map

package/lib/commonjs/Authenticator/Components/AuthStrategyIdentifier.js.map

@@ -1 +1 @@
-{"version":3,"names":["_react","_interopRequireDefault","require","_reactNative","_Components","_colors","_api","e","__esModule","default","AuthStrategyIdentifier","auth_strategy_identifier","auto_focus","auth_request","onChangeIdentifier","getAttributeIcon","attribute","createElement","Icons","EmailIcon","size","color","Colors","brand","midnight","PhoneIcon","UserIcon","auth_identifier","Fragment","is_valid","AuthenticateHelpers","isAttributeValid","value","View","style","margin","Text","weight","label","marginTop","description","flexDirection","alignItems","borderRadius","borderWidth","borderColor","shades","shade600","paddingLeft","paddingRight","TextInput","flex","pretty_value","placeholder","autoFocus","placeholderTextColor","slate","onChangeText","text","undefined","unformatPhone","formatPhone","valid","padding","CheckCirlceIcon","utility","success","AlertIcon","warning","textAlign","error","_default","exports"],"sourceRoot":"../../../../src","sources":["Authenticator/Components/AuthStrategyIdentifier.tsx"],"mappings":"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","ignoreList":[]}
+{"version":3,"names":["_react","_interopRequireDefault","require","_reactNative","_Components","_api","_useColors","_Themed","e","__esModule","default","AuthStrategyIdentifier","auth_strategy_identifier","auto_focus","auth_request","onChangeIdentifier","C","useColors","getAttributeIcon","attribute","createElement","Icons","EmailIcon","size","color","text","h1","PhoneIcon","UserIcon","auth_identifier","Fragment","is_valid","AuthenticateHelpers","isAttributeValid","value","View","style","margin","Text","theme","label","description","marginTop","flexDirection","alignItems","borderRadius","borderWidth","borderColor","borders","light","paddingLeft","paddingRight","TextInput","flex","pretty_value","placeholder","autoFocus","placeholderTextColor","descriptionLight","onChangeText","undefined","unformatPhone","formatPhone","valid","padding","CheckCirlceIcon","success","AlertIcon","warning","textAlign","error","_default","exports"],"sourceRoot":"../../../../src","sources":["Authenticator/Components/AuthStrategyIdentifier.tsx"],"mappings":"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","ignoreList":[]}

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

@@ -9,17 +9,20 @@ var _reactNative = require("react-native");
 var _Components = require("../../Components");
 var _colors = _interopRequireDefault(require("../../constants/colors"));
 var _api = require("../api");
+var _Themed = require("../../Components/Themed");
+var _useColors = require("../../constants/useColors");
 function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
 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,
+  maxWidth,
   visible,
   onRegister,
   onAuthenticated,
   onTryAuthenticate
 }) => {
+  const C = (0, _useColors.useColors)();
   const [authenticated, setAuthenticated] = (0, _react.useState)(false);
   console.log(authenticated);
   const [auth_check, setAuthCheck] = (0, _react.useState)({
@@ -49,6 +52,7 @@ const LoginForm = ({
     if (loading) {
       return;
     } //No mashy mashy
+    _reactNative.Keyboard.dismiss();
     setAuthCheck({
       ...auth_check,
       loading: true
@@ -78,6 +82,7 @@ const LoginForm = ({
     });
   };
   const handleForgot = async () => {
+    _reactNative.Keyboard.dismiss();
     const resp = await _api.AuthenticateApi.authForgot(attribute, value);
     if (resp.result == 'fail') {
       setAuthCheckError(resp.message);
@@ -92,11 +97,11 @@ const LoginForm = ({
     }
   };
   const handleLogin = async () => {
+    _reactNative.Keyboard.dismiss();
     setLoginTry({
       ...login_try,
       loading: true
     });
-    console.log('trying login');
     const {
       result,
       player_id,
@@ -106,8 +111,6 @@ const LoginForm = ({
       refresh_token,
       expire_datetime
     } = await _api.AuthenticateApi.authLogin(attribute, value, pass_token, verification_session_id);
-    console.log('result');
-    console.log(result);
     if (result == 'fail' || !access_token || !refresh_token || !player_id) {
       setLoginTry({
         ...login_try,
@@ -138,22 +141,22 @@ const LoginForm = ({
       case 'email':
         return /*#__PURE__*/_react.default.createElement(_Components.Icons.EmailIcon, {
           size: 20,
-          color: _colors.default.brand.midnight
+          color: C.text.h1
         });
       case 'phone':
         return /*#__PURE__*/_react.default.createElement(_Components.Icons.PhoneIcon, {
           size: 20,
-          color: _colors.default.brand.midnight
+          color: C.text.h1
         });
       case 'username':
         return /*#__PURE__*/_react.default.createElement(_Components.Icons.UserIcon, {
           size: 20,
-          color: _colors.default.brand.midnight
+          color: C.text.h1
         });
       default:
         return /*#__PURE__*/_react.default.createElement(_Components.Icons.UserIcon, {
           size: 20,
-          color: _colors.default.brand.midnight
+          color: C.text.h1
         });
     }
   };
@@ -164,24 +167,22 @@ const LoginForm = ({
   if (!visible) {
     return /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null);
   }
-  return /*#__PURE__*/_react.default.createElement(_reactNative.View, {
+  return /*#__PURE__*/_react.default.createElement(_Themed.View, {
     style: {
-      flex: 1,
-      width
+      flexGrow: 1,
+      maxWidth
     }
-  }, !login_try.visible ? /*#__PURE__*/_react.default.createElement(_reactNative.View, {
+  }, !login_try.visible ? /*#__PURE__*/_react.default.createElement(_Themed.View, {
     style: {
-      flex: 1
+      flexGrow: 1
     }
-  }, /*#__PURE__*/_react.default.createElement(_reactNative.View, {
+  }, /*#__PURE__*/_react.default.createElement(_Themed.View, {
     style: {
       padding: 20
     }
-  }, /*#__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, {
+  }, /*#__PURE__*/_react.default.createElement(_Themed.View, null, /*#__PURE__*/_react.default.createElement(_Themed.Text, {
+    theme: "h1"
+  }, "Login Using My:")), /*#__PURE__*/_react.default.createElement(_Themed.View, {
     nativeID: "attribute_toggle",
     style: {
       marginTop: 10,
@@ -193,20 +194,17 @@ const LoginForm = ({
     }
   }, attribute_options.map((a, i) => {
     const selected = a == attribute ? true : false;
-    return /*#__PURE__*/_react.default.createElement(_Components.Button, {
-      style: {
-        flex: 1
-      },
+    return /*#__PURE__*/_react.default.createElement(_Themed.Button, {
       title: a.toUpperCase(),
-      borderRadiusOverride: {
+      style: {
+        flex: 1,
+        padding: 15,
         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,
@@ -214,44 +212,39 @@ const LoginForm = ({
         loading: false
       })
     });
-  }))), /*#__PURE__*/_react.default.createElement(_reactNative.View, {
+  }))), /*#__PURE__*/_react.default.createElement(_Themed.View, {
     style: {
-      flex: 1
+      flexGrow: 1
     }
-  }, /*#__PURE__*/_react.default.createElement(_reactNative.View, {
+  }, /*#__PURE__*/_react.default.createElement(_Themed.View, {
     style: {
-      backgroundColor: _colors.default.shades.shade100,
-      borderRadius: 8,
       padding: 30
     }
-  }, /*#__PURE__*/_react.default.createElement(_reactNative.View, {
+  }, /*#__PURE__*/_react.default.createElement(_Themed.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, {
+  }, /*#__PURE__*/_react.default.createElement(_Themed.Text, {
+    theme: "h1"
+  }, "ENTER ", attribute.toUpperCase()), /*#__PURE__*/_react.default.createElement(_Themed.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, {
+    theme: "h2"
+  }, "Please enter your ", attribute, " to continue.")), /*#__PURE__*/_react.default.createElement(_Themed.View, {
     style: {
       marginTop: 5,
       flexDirection: 'row',
       alignItems: 'center',
       borderRadius: 22,
       borderWidth: 1,
-      borderColor: _colors.default.shades.shade600
+      borderColor: C.borders.light
     }
-  }, /*#__PURE__*/_react.default.createElement(_reactNative.View, {
+  }, /*#__PURE__*/_react.default.createElement(_Themed.View, {
+    transparent: true,
     style: {
       paddingLeft: 10,
-      paddingRight: 15
+      paddingRight: 10
     }
   }, getAttributeIcon()), /*#__PURE__*/_react.default.createElement(_Components.TextInput, {
     style: {
@@ -267,16 +260,17 @@ const LoginForm = ({
         value: text
       });
     }
-  }), /*#__PURE__*/_react.default.createElement(_reactNative.View, {
+  }), /*#__PURE__*/_react.default.createElement(_Themed.View, {
+    transparent: true,
     style: {
       padding: 10
     }
   }, valid ? /*#__PURE__*/_react.default.createElement(_Components.Icons.CheckCirlceIcon, {
-    color: _colors.default.utility.success,
+    color: C.text.success,
     size: 14
   }) : /*#__PURE__*/_react.default.createElement(_Components.Icons.AlertIcon, {
-    color: _colors.default.utility.warning,
-    size: 14
+    color: C.text.warning,
+    size: 20
   }))), auth_check_error ? /*#__PURE__*/_react.default.createElement(_reactNative.TouchableOpacity, {
     style: {
       marginTop: 10,
@@ -285,12 +279,12 @@ const LoginForm = ({
       borderRadius: 8
     },
     onPress: () => onRegister()
-  }, /*#__PURE__*/_react.default.createElement(_Components.Text, {
+  }, /*#__PURE__*/_react.default.createElement(_Themed.Text, {
     size: 14,
     color: _colors.default.utility.error,
     weight: "semibold",
     textAlign: "center"
-  }, auth_check_error), /*#__PURE__*/_react.default.createElement(_Components.Text, {
+  }, auth_check_error), /*#__PURE__*/_react.default.createElement(_Themed.Text, {
     style: {
       marginTop: 5
     },
@@ -298,61 +292,59 @@ const LoginForm = ({
     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, {
+  }, "SIGN UP HERE")) : /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null))), /*#__PURE__*/_react.default.createElement(_Themed.View, {
+    type: "footer",
     style: {
-      padding: 20
+      padding: 10,
+      paddingLeft: 20,
+      paddingRight: 20
     }
-  }, /*#__PURE__*/_react.default.createElement(_Components.Button, {
+  }, /*#__PURE__*/_react.default.createElement(_Themed.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,
+    type: "success",
     onPress: () => handleAuthCheck()
-  })), /*#__PURE__*/_react.default.createElement(_reactNative.View, {
+  })), /*#__PURE__*/_react.default.createElement(_Themed.View, {
     style: {
-      padding: 15,
-      backgroundColor: _colors.default.shades.shade100
+      padding: 10
     }
-  }, /*#__PURE__*/_react.default.createElement(_Components.Button, {
+  }, /*#__PURE__*/_react.default.createElement(_Themed.Button, {
     title: "Are You New?  Sign Up Here",
-    title_color: _colors.default.brand.electric,
-    backgroundColor: "transparent",
+    type: "text",
     onPress: () => onRegister()
-  }))) : /*#__PURE__*/_react.default.createElement(_reactNative.View, {
+  }))) : /*#__PURE__*/_react.default.createElement(_Themed.View, {
     style: {
       flex: 1
     }
-  }, /*#__PURE__*/_react.default.createElement(_reactNative.View, {
+  }, /*#__PURE__*/_react.default.createElement(_Themed.View, {
     style: {
       flex: 1
     }
-  }, /*#__PURE__*/_react.default.createElement(_reactNative.View, {
+  }, /*#__PURE__*/_react.default.createElement(_Themed.View, {
     style: {
       borderRadius: 8,
       padding: 30
     }
-  }, /*#__PURE__*/_react.default.createElement(_reactNative.View, {
+  }, /*#__PURE__*/_react.default.createElement(_Themed.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, {
+  }, /*#__PURE__*/_react.default.createElement(_Themed.Text, {
+    theme: "h1"
+  }, "MY ", attribute.toUpperCase())), /*#__PURE__*/_react.default.createElement(_Themed.View, {
     style: {
       flexDirection: 'row',
       alignItems: 'center',
       borderRadius: 22,
       borderWidth: 1,
-      borderColor: _colors.default.shades.shade600
+      borderColor: C.borders.light
     }
-  }, /*#__PURE__*/_react.default.createElement(_reactNative.View, {
+  }, /*#__PURE__*/_react.default.createElement(_Themed.View, {
+    transparent: true,
     style: {
       paddingLeft: 10,
       paddingRight: 15
@@ -366,42 +358,36 @@ const LoginForm = ({
     },
     placeholderTextColor: _colors.default.brand.slate,
     onChangeText: () => console.log('')
-  }), /*#__PURE__*/_react.default.createElement(_reactNative.View, {
+  }), /*#__PURE__*/_react.default.createElement(_Themed.View, {
+    transparent: true,
     style: {
       padding: 10
     }
   }, /*#__PURE__*/_react.default.createElement(_Components.Icons.CheckCirlceIcon, {
-    color: _colors.default.utility.success,
+    color: C.text.success,
     size: 14
-  })))), /*#__PURE__*/_react.default.createElement(_reactNative.View, {
+  })))), /*#__PURE__*/_react.default.createElement(_Themed.View, {
     style: {
       borderRadius: 8,
-      padding: 30,
-      backgroundColor: _colors.default.shades.shade100
+      padding: 30
     }
-  }, /*#__PURE__*/_react.default.createElement(_reactNative.View, {
+  }, /*#__PURE__*/_react.default.createElement(_Themed.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, {
+  }, /*#__PURE__*/_react.default.createElement(_Themed.Text, {
+    theme: "h1"
+  }, "ENTER ", type.toUpperCase()), type == 'token' ? /*#__PURE__*/_react.default.createElement(_Themed.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, {
+    theme: "h2"
+  }, "We sent a one-time token to ", value, ".  Please enter it below.") : /*#__PURE__*/_react.default.createElement(_Themed.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, {
+    theme: "h2"
+  }, "Please enter the password associated with the ", attribute, " ", value, ".")), /*#__PURE__*/_react.default.createElement(_Themed.View, {
     style: {
       flexDirection: 'row',
       alignItems: 'center',
@@ -409,14 +395,15 @@ const LoginForm = ({
       borderWidth: 1,
       borderColor: _colors.default.shades.shade600
     }
-  }, /*#__PURE__*/_react.default.createElement(_reactNative.View, {
+  }, /*#__PURE__*/_react.default.createElement(_Themed.View, {
+    transparent: true,
     style: {
       paddingLeft: 10,
       paddingRight: 15
     }
   }, /*#__PURE__*/_react.default.createElement(_Components.Icons.LockClosedIcon, {
     size: 20,
-    color: _colors.default.brand.midnight
+    color: C.text.h1
   })), /*#__PURE__*/_react.default.createElement(_Components.TextInput, {
     style: {
       flex: 1
@@ -434,16 +421,17 @@ const LoginForm = ({
         pass_token: text
       });
     }
-  }), /*#__PURE__*/_react.default.createElement(_reactNative.View, {
+  }), /*#__PURE__*/_react.default.createElement(_Themed.View, {
+    transparent: true,
     style: {
       padding: 10
     }
   }, login_valid ? /*#__PURE__*/_react.default.createElement(_Components.Icons.CheckCirlceIcon, {
-    color: _colors.default.utility.success,
+    color: C.text.h1,
     size: 14
   }) : /*#__PURE__*/_react.default.createElement(_Components.Icons.AlertIcon, {
-    color: _colors.default.utility.warning,
-    size: 14
+    color: C.text.warning,
+    size: 18
   }))), login_try.error ? /*#__PURE__*/_react.default.createElement(_reactNative.TouchableOpacity, {
     style: {
       marginTop: 10,
@@ -452,12 +440,12 @@ const LoginForm = ({
       borderRadius: 8
     },
     onPress: () => handleForgot()
-  }, /*#__PURE__*/_react.default.createElement(_Components.Text, {
+  }, /*#__PURE__*/_react.default.createElement(_Themed.Text, {
     size: 14,
     color: _colors.default.utility.error,
     weight: "semibold",
     textAlign: "center"
-  }, login_try.error), /*#__PURE__*/_react.default.createElement(_Components.Text, {
+  }, login_try.error), /*#__PURE__*/_react.default.createElement(_Themed.Text, {
     style: {
       marginTop: 5
     },
@@ -465,22 +453,19 @@ const LoginForm = ({
     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, {
+  }, "SEND ME A CODE INSTEAD")) : /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null))), /*#__PURE__*/_react.default.createElement(_Themed.View, {
     style: {
       padding: 20,
       flexDirection: 'row'
     }
-  }, /*#__PURE__*/_react.default.createElement(_Components.Button, {
+  }, /*#__PURE__*/_react.default.createElement(_Themed.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,
+    type: "close",
     onPress: () => {
       setLoginTry({
         ...login_try,
@@ -488,7 +473,7 @@ const LoginForm = ({
         visible: false
       });
     }
-  }), /*#__PURE__*/_react.default.createElement(_Components.Button, {
+  }), /*#__PURE__*/_react.default.createElement(_Themed.Button, {
     title: halted ? 'Try again in 5 seconds' : 'LOGIN',
     style: {
       flex: 3,
@@ -496,9 +481,8 @@ const LoginForm = ({
     },
     title_color: _colors.default.shades.white,
     loading: login_try.loading,
-    backgroundColor: _colors.default.brand.electric,
+    type: "success",
     disabled: !login_valid || loading,
-    padding: 15,
     onPress: () => handleLogin()
   }))));
 };