be-components 3.3.5 → 3.3.7

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

@@ -6,20 +6,19 @@ Object.defineProperty(exports, "__esModule", {
 exports.default = void 0;
 var _react = _interopRequireWildcard(require("react"));
 var _Components = require("../../Components");
-var _colors = _interopRequireDefault(require("../../constants/colors"));
 var _api = require("../api");
 var _reactNative = require("react-native");
-var _styles = require("../../constants/styles");
 var _api2 = require("../../ProfileManager/api");
 var _AuthStrategyIdentifier = _interopRequireDefault(require("./AuthStrategyIdentifier"));
+var _useColors = require("../../constants/useColors");
+var _Themed = require("../../Components/Themed");
 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 mini_steps = ['intro', 'execution', 'verify'];
+//const mini_steps = ['intro', 'execution', 'verify']
+
 const StrategyForm = ({
   visible,
-  company,
-  theme,
   strategy,
   auth_strategy_id,
   company_id,
@@ -27,17 +26,18 @@ const StrategyForm = ({
   source,
   show_referral,
   referral_code,
-  width,
+  maxWidth,
   opt_in_url,
   onAuthenticated,
   onLogin
 }) => {
+  const C = (0, _useColors.useColors)();
   const [action_loading, setActionLoading] = (0, _react.useState)(false);
   const [active_view, setActiveView] = (0, _react.useState)('authenticate');
   const [code_details, setCodeDetails] = (0, _react.useState)({});
-  const [active_mini_index, setActiveMiniIndex] = (0, _react.useState)(0);
+  //const [ active_mini_index, setActiveMiniIndex ] = useState(0);
   const [opted_in, setOptedIn] = (0, _react.useState)(true);
-  const [active_index, setActiveIndex] = (0, _react.useState)(0);
+  //const [ active_index, setActiveIndex ] = useState<number>(0)
   const [token, setToken] = (0, _react.useState)('');
   const [verify_error, setVerifyError] = (0, _react.useState)();
   const [verify_attempt_allowed, setVeryAttemptAllowed] = (0, _react.useState)(true);
@@ -64,7 +64,6 @@ const StrategyForm = ({
     setUpWizard(auth_strategy.auth_strategy_id);
   }, [auth_strategy, referral_code]);
   const setUpWizard = async auth_strategy_id => {
-    console.log('setting up wizard!!');
     //Get auth strategy from server
     if (referral_code && show_referral) {
       const code_response = await _api.AuthenticateApi.getReferralByCode(referral_code);
@@ -89,8 +88,6 @@ const StrategyForm = ({
     });
   };
   const verifyAuthStrategyIdentifier = async () => {
-    console.log(`verifying strategy!`);
-    console.log(authenticated);
     if (authenticated) {
       return;
     }
@@ -105,7 +102,6 @@ const StrategyForm = ({
     }
     setVeryAttemptAllowed(false);
     setActionLoading(true);
-    console.log('Submitting password!!!');
     const {
       result,
       player_id,
@@ -113,7 +109,6 @@ const StrategyForm = ({
       refresh_token,
       expire_datetime
     } = await _api.AuthenticateApi.verifyAuthStrategyIdentifier(verify_state.auth_strategy_identifier_id, verify_state.verification_session_id, token, distinct_id);
-    console.log(result);
     if (result == 'fail' || !access_token || !refresh_token || !player_id || !auth_strategy_id) {
       setVerifyError(`Invalid code / password.  Please try again after 10 seconds`);
       setTimeout(() => {
@@ -136,7 +131,6 @@ const StrategyForm = ({
     }
   };
   const executeAuthStrategy = async () => {
-    console.log('exeuting strategy!!!');
     setActionLoading(true);
     const {
       result,
@@ -186,345 +180,82 @@ const StrategyForm = ({
   if (!visible || !auth_strategy) {
     return /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null);
   }
-  if (theme == 'mini') {
-    const active_mini_step = mini_steps[active_mini_index];
-    const active_strategy_identifier = auth_strategy_identifiers[active_index];
-    const auth_request = auth_execution_request.attributes.find(a => a.attribute == active_strategy_identifier?.auth_identifier?.attribute);
-    const last_index = auth_strategy_identifiers.length - 1 == active_index ? true : false;
-    if (!auth_request || !active_mini_step) {
-      return /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null);
-    }
-    return /*#__PURE__*/_react.default.createElement(_reactNative.View, {
-      style: {
-        width
-      }
-    }, active_mini_step == 'intro' ? /*#__PURE__*/_react.default.createElement(_reactNative.View, {
-      style: {
-        flex: 1
-      }
-    }, /*#__PURE__*/_react.default.createElement(_reactNative.View, {
-      style: {
-        flexDirection: 'row'
-      }
-    }, company ? /*#__PURE__*/_react.default.createElement(_reactNative.View, {
-      style: {
-        padding: 10
-      }
-    }, /*#__PURE__*/_react.default.createElement(_reactNative.Image, {
-      source: {
-        uri: company.company_image?.url
-      },
-      style: {
-        height: 60,
-        width: 60
-      },
-      resizeMode: "cover"
-    })) : /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null), /*#__PURE__*/_react.default.createElement(_reactNative.View, {
-      style: {
-        flex: 1,
-        padding: 10
-      }
-    }, /*#__PURE__*/_react.default.createElement(_Components.Text, {
-      size: 16,
-      color: _colors.default.brand.midnight,
-      weight: "bold"
-    }, "Welcome!"), /*#__PURE__*/_react.default.createElement(_Components.Text, {
-      style: {
-        marginTop: 4
-      },
-      size: 14,
-      color: _colors.default.brand.midnight
-    }, "Please complete the required steps to participate with ", company?.company_name ?? 'Bettoredge'))), /*#__PURE__*/_react.default.createElement(_reactNative.View, {
-      style: {
-        flexDirection: 'row',
-        padding: 10,
-        paddingTop: 0
-      }
-    }, opt_in_url ? /*#__PURE__*/_react.default.createElement(_reactNative.View, {
-      style: {
-        flex: 1,
-        flexDirection: 'row',
-        alignItems: 'center'
-      }
-    }, /*#__PURE__*/_react.default.createElement(_Components.Checkbox, {
-      size: 20,
-      checked: opted_in,
-      onSelect: checked => setOptedIn(checked)
-    }), /*#__PURE__*/_react.default.createElement(_Components.Text, {
-      style: {
-        marginLeft: 15
-      },
-      size: 14,
-      color: _colors.default.brand.midnight
-    }, "By continuing, you agree to the terms and conditions outlined", /*#__PURE__*/_react.default.createElement(_reactNative.TouchableOpacity, {
-      onPress: () => _reactNative.Linking.openURL(opt_in_url)
-    }, /*#__PURE__*/_react.default.createElement(_Components.Text, {
-      size: 14,
-      color: _colors.default.brand.electric,
-      weight: "bold"
-    }, " here.")))) : /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null), /*#__PURE__*/_react.default.createElement(_Components.Button, {
-      title: `Next`,
-      style: {
-        opacity: opt_in_url && !opted_in ? 0.5 : 1
-      },
-      disabled: opt_in_url && !opted_in ? true : false,
-      title_color: _colors.default.shades.white,
-      backgroundColor: _colors.default.brand.electric
-      //borderRadius={8}
-      ,
-      padding: 15,
-      onPress: () => {
-        setActiveMiniIndex(active_mini_index + 1);
-      }
-    }))) : active_mini_step == 'execution' ? /*#__PURE__*/_react.default.createElement(_reactNative.View, null, active_view == 'authenticate' && active_strategy_identifier ? /*#__PURE__*/_react.default.createElement(_reactNative.View, {
-      style: {
-        maxWidth: 600
-      }
-    }, /*#__PURE__*/_react.default.createElement(_AuthStrategyIdentifier.default, {
-      auth_strategy_identifier: active_strategy_identifier,
-      auth_request: auth_request,
-      auto_focus: true,
-      onChangeIdentifier: (text, is_valid, pretty_value) => {
-        setAuthExecutionRequest({
-          ...auth_execution_request,
-          attributes: auth_execution_request.attributes.filter(a => a.attribute != auth_request.attribute).concat({
-            attribute: auth_request.attribute,
-            value: text,
-            pretty_value,
-            is_valid
-          })
-        });
-      }
-    }), /*#__PURE__*/_react.default.createElement(_reactNative.View, {
-      style: {
-        flexDirection: 'row',
-        alignItems: 'center',
-        padding: 10,
-        paddingTop: 0
-      }
-    }, active_index != 0 ? /*#__PURE__*/_react.default.createElement(_Components.Button, {
-      title: `Back`,
-      style: {
-        flex: 1,
-        marginRight: 5
-      },
-      title_color: _colors.default.brand.electric,
-      borderWidth: 1,
-      borderColor: _colors.default.brand.electric,
-      backgroundColor: _colors.default.shades.white
-      //borderRadius={8}
-      ,
-      padding: 15,
-      onPress: () => {
-        setActiveIndex(active_index - 1);
-      }
-    }) : /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null), last_index ? /*#__PURE__*/_react.default.createElement(_Components.Button, {
-      title: `Let's Go!`,
-      loading: action_loading,
-      style: {
-        flex: 3,
-        opacity: strategy_valid && opted_in && !action_loading ? 1 : 0.5
-      },
-      disabled: action_loading || !strategy_valid || !opted_in,
-      title_color: _colors.default.shades.white,
-      backgroundColor: _colors.default.brand.electric
-      //borderRadius={8}
-      ,
-      padding: 15,
-      onPress: () => {
-        executeAuthStrategy();
-      }
-    }) : /*#__PURE__*/_react.default.createElement(_Components.Button, {
-      title: `Next`,
-      style: {
-        flex: 3,
-        opacity: auth_request?.is_valid ? 1 : 0.5
-      },
-      disabled: !auth_request?.is_valid,
-      title_color: _colors.default.shades.white,
-      backgroundColor: _colors.default.brand.electric
-      //borderRadius={8}
-      ,
-      padding: 15,
-      onPress: () => {
-        setActiveIndex(active_index + 1);
-      }
-    }))) : active_view == 'verify' && verify_strategy_identifier ? /*#__PURE__*/_react.default.createElement(_reactNative.View, {
-      nativeID: "sign_up",
-      style: {
-        flex: 1,
-        maxWidth: 600
-      }
-    }, /*#__PURE__*/_react.default.createElement(_reactNative.View, {
-      style: {
-        padding: 10
-      }
-    }, /*#__PURE__*/_react.default.createElement(_Components.Text, {
-      size: 18,
-      color: _colors.default.brand.midnight,
-      weight: "semibold"
-    }, verify_strategy_identifier.verify_label ?? 'Enter Verification Code'), /*#__PURE__*/_react.default.createElement(_reactNative.View, {
-      style: {
-        padding: 10
-      }
-    }, /*#__PURE__*/_react.default.createElement(_Components.TextInput, {
-      style: {
-        textAlign: 'center',
-        fontFamily: 'barlow-bold',
-        fontSize: 14,
-        borderWidth: 1,
-        borderColor: _colors.default.shades.shade600
-      },
-      value: token,
-      keyboardType: "default",
-      placeholder: "Enter Code",
-      autoFocus: true,
-      textContentType: verify_strategy_identifier.secure_text_entry ? undefined : 'oneTimeCode',
-      secureTextEntry: verify_strategy_identifier.secure_text_entry,
-      placeholderTextColor: _colors.default.brand.slate,
-      onChangeText: text => {
-        setToken(text);
-      }
-    })), verify_error ? /*#__PURE__*/_react.default.createElement(_Components.Text, {
-      style: {
-        marginTop: 10
-      },
-      size: 14,
-      color: _colors.default.utility.warning
-    }, verify_error) : /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null)), /*#__PURE__*/_react.default.createElement(_reactNative.View, {
-      nativeID: "action_row",
-      style: {
-        flexDirection: 'row',
-        padding: 10,
-        paddingTop: 0
-      }
-    }, /*#__PURE__*/_react.default.createElement(_Components.Button, {
-      title: 'BACK',
-      loading: action_loading,
-      style: {
-        flex: 1,
-        marginRight: 5
-      },
-      title_color: _colors.default.brand.electric,
-      borderColor: _colors.default.brand.electric,
-      borderWidth: 1,
-      padding: 15,
-      onPress: () => {
-        setActiveView('authenticate');
-        setVerifyState(undefined);
-      }
-    }), /*#__PURE__*/_react.default.createElement(_Components.Button, {
-      title: verify_attempt_allowed && !action_loading ? 'Verify' : 'Retry in 10 seconds',
-      loading: action_loading,
-      style: {
-        flex: 3,
-        opacity: token && verify_attempt_allowed ? 1 : 0.5
-      },
-      disabled: !token || action_loading || !verify_attempt_allowed,
-      title_color: _colors.default.shades.white,
-      backgroundColor: _colors.default.utility.success
-      //borderRadius={8}
-      ,
-      padding: 15,
-      onPress: () => {
-        verifyAuthStrategyIdentifier();
-      }
-    }))) : /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null)) : /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null));
-  }
-  return /*#__PURE__*/_react.default.createElement(_reactNative.View, {
+  return /*#__PURE__*/_react.default.createElement(_Themed.View, {
     style: {
-      width: width,
-      flex: 1
+      maxWidth,
+      flexGrow: 1
     }
-  }, active_view == 'authenticate' ? /*#__PURE__*/_react.default.createElement(_reactNative.View, {
+  }, active_view == 'authenticate' ? /*#__PURE__*/_react.default.createElement(_Themed.View, {
     nativeID: "sign_up",
     style: {
-      flex: 1
+      flexGrow: 1
     }
-  }, show_referral && code_details.player_referral && code_details.promo ? /*#__PURE__*/_react.default.createElement(_reactNative.View, {
+  }, show_referral && code_details.player_referral && code_details.promo ? /*#__PURE__*/_react.default.createElement(_Themed.View, {
     style: {
       margin: 15,
       flexDirection: 'row',
-      backgroundColor: _colors.default.shades.white,
-      borderRadius: 8,
-      ..._styles.view_styles.float
-    }
-  }, /*#__PURE__*/_react.default.createElement(_reactNative.View, {
+      backgroundColor: C.views.background,
+      borderRadius: 8
+    },
+    float: true
+  }, /*#__PURE__*/_react.default.createElement(_Themed.View, {
     style: {
       padding: 10,
       justifyContent: 'center'
     }
   }, /*#__PURE__*/_react.default.createElement(_Components.Icons.GiftIcon, {
     size: 40,
-    color: _colors.default.incentive.gold
-  })), /*#__PURE__*/_react.default.createElement(_reactNative.View, {
+    color: C.text.gold
+  })), /*#__PURE__*/_react.default.createElement(_Themed.View, {
     style: {
       flex: 1,
-      backgroundColor: _colors.default.incentive.gold_faded,
+      backgroundColor: C.views.gold,
       padding: 10
     }
-  }, /*#__PURE__*/_react.default.createElement(_Components.Text, {
-    style: {
-      paddingBottom: 10,
-      borderBottomWidth: 1,
-      borderBottomColor: _colors.default.shades.shade600
-    },
-    size: 16,
-    color: _colors.default.brand.midnight,
-    weight: "bold"
-  }, "@", code_details.referrer?.username, " has a gift for you"), /*#__PURE__*/_react.default.createElement(_Components.Text, {
+  }, /*#__PURE__*/_react.default.createElement(_Themed.Text, {
+    theme: "h1"
+  }, "@", code_details.referrer?.username, " has a gift for you"), /*#__PURE__*/_react.default.createElement(_Themed.Text, {
     style: {
       paddingTop: 5
     },
-    size: 12,
-    color: _colors.default.brand.midnight,
-    weight: "semibold"
-  }, _api2.ProfileHelpers.getReferralDescription(code_details.promo)))) : /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null), /*#__PURE__*/_react.default.createElement(_reactNative.View, {
+    theme: "h2"
+  }, _api2.ProfileHelpers.getReferralDescription(code_details.promo)))) : /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null), /*#__PURE__*/_react.default.createElement(_Themed.View, {
     style: {
-      flex: 1,
-      padding: 10
-    }
-  }, /*#__PURE__*/_react.default.createElement(_reactNative.View, {
-    style: {
-      padding: 10
+      padding: 20,
+      flexGrow: 1
     }
   }, /*#__PURE__*/_react.default.createElement(_reactNative.FlatList, {
     data: auth_strategy_identifiers.sort((a, b) => a.priority - b.priority),
     renderItem: renderAuthStrategyIdentifiers,
     keyExtractor: item => item.auth_strategy_identifier_id.toString()
-  }))), /*#__PURE__*/_react.default.createElement(_reactNative.View, {
+  })), /*#__PURE__*/_react.default.createElement(_Themed.View, {
     nativeID: "action_row",
+    type: "footer",
     style: {
       padding: 10,
       paddingLeft: 20,
       paddingRight: 20
     }
-  }, /*#__PURE__*/_react.default.createElement(_Components.Button, {
+  }, /*#__PURE__*/_react.default.createElement(_Themed.Button, {
     title: `Let's Go!`,
     loading: action_loading,
     style: {
       opacity: strategy_valid && opted_in ? 1 : 0.5
     },
     disabled: action_loading || !strategy_valid || !opted_in,
-    title_color: _colors.default.shades.white,
-    backgroundColor: _colors.default.brand.electric
-    //borderRadius={8}
-    ,
-    padding: 15,
+    type: "success",
     onPress: () => {
       executeAuthStrategy();
     }
-  })), auth_strategy?.allow_login ? /*#__PURE__*/_react.default.createElement(_reactNative.View, {
+  })), auth_strategy?.allow_login ? /*#__PURE__*/_react.default.createElement(_Themed.View, {
     style: {
-      padding: 10,
-      backgroundColor: _colors.default.shades.shade100
+      padding: 10
     }
-  }, /*#__PURE__*/_react.default.createElement(_Components.Button, {
+  }, /*#__PURE__*/_react.default.createElement(_Themed.Button, {
     title: "Already Signed Up? Login Here",
-    title_color: _colors.default.brand.electric,
-    backgroundColor: "transparent",
+    type: "text",
     onPress: () => onLogin()
-  })) : /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null), active_view == 'authenticate' && opt_in_url ? /*#__PURE__*/_react.default.createElement(_reactNative.View, {
+  })) : /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null), active_view == 'authenticate' && opt_in_url ? /*#__PURE__*/_react.default.createElement(_Themed.View, {
     style: {
       flexDirection: 'row',
       alignItems: 'center',
@@ -534,36 +265,33 @@ const StrategyForm = ({
     size: 25,
     checked: opted_in,
     onSelect: checked => setOptedIn(checked)
-  }), /*#__PURE__*/_react.default.createElement(_Components.Text, {
+  }), /*#__PURE__*/_react.default.createElement(_Themed.Text, {
     style: {
       marginLeft: 15
     },
-    size: 14,
-    color: _colors.default.brand.midnight
+    theme: "h2"
   }, "By continuing, you agree to the terms and conditions outlined", /*#__PURE__*/_react.default.createElement(_reactNative.TouchableOpacity, {
     onPress: () => _reactNative.Linking.openURL(opt_in_url)
-  }, /*#__PURE__*/_react.default.createElement(_Components.Text, {
+  }, /*#__PURE__*/_react.default.createElement(_Themed.Text, {
     size: 14,
-    color: _colors.default.brand.electric,
+    color: C.text.action,
     weight: "bold"
-  }, " here.")))) : /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null)) : active_view == 'verify' && verify_strategy_identifier ? /*#__PURE__*/_react.default.createElement(_reactNative.View, {
+  }, " here.")))) : /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null)) : active_view == 'verify' && verify_strategy_identifier ? /*#__PURE__*/_react.default.createElement(_Themed.View, {
     nativeID: "sign_up",
     style: {
       flex: 1
     }
-  }, /*#__PURE__*/_react.default.createElement(_reactNative.View, {
+  }, /*#__PURE__*/_react.default.createElement(_Themed.View, {
     style: {
       flex: 1,
       justifyContent: 'center',
       alignItems: 'center',
       padding: 20
     }
-  }, /*#__PURE__*/_react.default.createElement(_Components.Text, {
-    size: 18,
-    color: _colors.default.brand.midnight,
-    weight: "semibold",
+  }, /*#__PURE__*/_react.default.createElement(_Themed.Text, {
+    theme: "h2",
     textAlign: "center"
-  }, verify_strategy_identifier.verify_label ?? 'Enter Verification Code'), /*#__PURE__*/_react.default.createElement(_reactNative.View, {
+  }, verify_strategy_identifier.verify_label ?? 'Enter Verification Code'), /*#__PURE__*/_react.default.createElement(_Themed.View, {
     style: {
       padding: 10
     }
@@ -573,24 +301,24 @@ const StrategyForm = ({
       fontFamily: 'barlow-bold',
       fontSize: 14,
       borderWidth: 1,
-      borderColor: _colors.default.shades.shade600
+      borderColor: C.borders.light,
+      minWidth: 175
     },
     value: token,
     keyboardType: "default",
     autoFocus: true,
     textContentType: verify_strategy_identifier.secure_text_entry ? undefined : 'oneTimeCode',
     secureTextEntry: verify_strategy_identifier.secure_text_entry,
-    placeholderTextColor: _colors.default.brand.slate,
+    placeholderTextColor: C.text.description,
     onChangeText: text => {
       setToken(text);
     }
-  })), verify_error ? /*#__PURE__*/_react.default.createElement(_Components.Text, {
+  })), verify_error ? /*#__PURE__*/_react.default.createElement(_Themed.Text, {
     style: {
       marginTop: 10
     },
-    size: 14,
-    color: _colors.default.utility.warning
-  }, verify_error) : /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null)), /*#__PURE__*/_react.default.createElement(_reactNative.View, {
+    theme: "warning"
+  }, verify_error) : /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null)), /*#__PURE__*/_react.default.createElement(_Themed.View, {
     nativeID: "action_row",
     style: {
       flexDirection: 'row',
@@ -598,27 +326,19 @@ const StrategyForm = ({
       paddingLeft: 20,
       paddingRight: 20
     }
-  }, /*#__PURE__*/_react.default.createElement(_Components.Button, {
+  }, /*#__PURE__*/_react.default.createElement(_Themed.Button, {
     title: 'BACK',
     loading: action_loading,
     style: {
       flex: 1,
       marginRight: 5
-    }
-    //disabled={!token || action_loading || !verify_attempt_allowed}
-    ,
-    title_color: _colors.default.brand.electric,
-    borderColor: _colors.default.brand.electric,
-    borderWidth: 1
-    //backgroundColor={Colors.utility.success}
-    //borderRadius={8}
-    ,
-    padding: 15,
+    },
+    type: "close",
     onPress: () => {
       setActiveView('authenticate');
       setVerifyState(undefined);
     }
-  }), /*#__PURE__*/_react.default.createElement(_Components.Button, {
+  }), /*#__PURE__*/_react.default.createElement(_Themed.Button, {
     title: verify_attempt_allowed && !action_loading ? 'Verify' : 'Retry in 10 seconds',
     loading: action_loading,
     style: {
@@ -626,15 +346,199 @@ const StrategyForm = ({
       opacity: token && verify_attempt_allowed ? 1 : 0.5
     },
     disabled: !token || action_loading || !verify_attempt_allowed,
-    title_color: _colors.default.shades.white,
-    backgroundColor: _colors.default.utility.success
-    //borderRadius={8}
-    ,
-    padding: 15,
+    type: "success",
     onPress: () => {
       verifyAuthStrategyIdentifier();
     }
   }))) : /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null));
 };
 var _default = exports.default = StrategyForm;
+/*
+
+    if(theme == 'mini'){
+        const active_mini_step = mini_steps[active_mini_index];
+        const active_strategy_identifier = auth_strategy_identifiers[active_index]
+        const auth_request = auth_execution_request.attributes.find(a => a.attribute == active_strategy_identifier?.auth_identifier?.attribute)
+        const last_index = auth_strategy_identifiers.length - 1 == active_index ? true : false
+        if(!auth_request || !active_mini_step){ return <></> }
+        return (
+            <View style={{ maxWidth }}>
+                {active_mini_step == 'intro' ?
+                <View style={{ }}>
+                    <View style={{ flexDirection:'row' }}>
+                        {company ?
+                        <View style={{ padding:10 }}>
+                            <Image
+                                source={{ uri: company.company_image?.url }}
+                                style={{ height:60, width:60 }}
+                                resizeMode='cover'
+                            />
+                        </View>
+                        :<></>}
+                        <View style={{ flex:1, padding:10 }}>
+                            <Text size={16} color={Colors.brand.midnight} weight='bold'>Welcome!</Text>
+                            <Text style={{ marginTop:4 }} size={14} color={Colors.brand.midnight}>Please complete the required steps to participate with {company?.company_name ?? 'Bettoredge'}</Text>
+                        </View>
+                    </View>
+                    <View style={{ flexDirection:'row', padding:10, paddingTop:0 }}>
+                        {opt_in_url ?
+                        <View style={{ flex:1, flexDirection:'row', alignItems:'center' }}>
+                            <Checkbox 
+                                size={20}
+                                checked={opted_in}
+                                onSelect={(checked) => setOptedIn(checked)}
+                            />
+                            <Text style={{ marginLeft:15 }} size={14} color={Colors.brand.midnight}>By continuing, you agree to the terms and conditions outlined
+                            <TouchableOpacity onPress={() => Linking.openURL(opt_in_url) }>
+                                <Text size={14} color={Colors.brand.electric} weight='bold'> here.</Text>
+                            </TouchableOpacity>
+                            </Text>
+                        </View>
+                        :<></>}
+                        <Button
+                            title={`Next`}
+                            style={{  opacity:opt_in_url && !opted_in ? 0.5:1 }}
+                            disabled={opt_in_url && !opted_in ? true : false}
+                            title_color={Colors.shades.white}
+                            backgroundColor={Colors.brand.electric}
+                            //borderRadius={8}
+                            padding={15}
+                            onPress={() => {
+                                setActiveMiniIndex(active_mini_index + 1)
+                            }}
+                        />
+                    </View>
+                </View>
+                :active_mini_step == 'execution' ?
+                <View>
+
+                {active_view == 'authenticate' && active_strategy_identifier?
+                <View style={{ maxWidth: 600 }}>
+                    <AuthStrategyIdentifier
+                        auth_strategy_identifier={active_strategy_identifier}
+                        auth_request={auth_request}
+                        auto_focus={true}
+                        onChangeIdentifier={(text, is_valid, pretty_value) => {
+                            setAuthExecutionRequest({ 
+                                ...auth_execution_request, 
+                                attributes: auth_execution_request.attributes.filter(a => a.attribute != auth_request.attribute).concat({ 
+                                    attribute: auth_request.attribute, 
+                                    value: text,
+                                    pretty_value,
+                                    is_valid
+                                }) 
+                            })
+                        }}
+                    />
+                    <View style={{ flexDirection:'row', alignItems:'center', padding:10, paddingTop:0 }}>
+                    {active_index != 0 ?
+                    <Button
+                        title={`Back`}
+                        style={{ flex:1, marginRight:5}}
+                        title_color={Colors.brand.electric}
+                        borderWidth={1}
+                        borderColor={Colors.brand.electric}
+                        backgroundColor={Colors.shades.white}
+                        //borderRadius={8}
+                        padding={15}
+                        onPress={() => {
+                            setActiveIndex(active_index - 1)
+                        }}
+                    />
+                    :<></>}
+                    {last_index ?
+                    <Button
+                        title={`Let's Go!`}
+                        loading={action_loading}
+
+                        style={{ flex:3, opacity:strategy_valid && opted_in && !action_loading?1:0.5 }}
+                        disabled={action_loading || !strategy_valid || !opted_in}
+                        title_color={Colors.shades.white}
+                        backgroundColor={Colors.brand.electric}
+                        //borderRadius={8}
+                        padding={15}
+                        onPress={() => {
+                            executeAuthStrategy()
+                        }}
+                    />
+                    :
+
+                        <Button
+                            title={`Next`}
+                            style={{ flex:3, opacity:auth_request?.is_valid?1:0.5 }}
+                            disabled={!auth_request?.is_valid}
+                            title_color={Colors.shades.white}
+                            backgroundColor={Colors.brand.electric}
+                            //borderRadius={8}
+                            padding={15}
+                            onPress={() => {
+                                setActiveIndex(active_index + 1)
+                            }}
+                        />
+                    }
+                    </View>
+                </View>
+                : active_view == 'verify' && verify_strategy_identifier ?
+                <View nativeID="sign_up" style={{ maxWidth:600 }}>
+                <View style={{ padding:10 }}>
+                    <Text size={18} color={Colors.brand.midnight} weight='semibold'>{verify_strategy_identifier.verify_label??'Enter Verification Code'}</Text>
+                    <View style={{ padding:10 }}>
+                        <TextInput
+                            style={{ textAlign:'center', fontFamily:'barlow-bold', fontSize:14, borderWidth:1, borderColor:Colors.shades.shade600 }}
+                            value={token}
+                            keyboardType='default'
+                            placeholder='Enter Code'
+                            autoFocus
+                            textContentType={verify_strategy_identifier.secure_text_entry ? undefined : 'oneTimeCode'}
+                            secureTextEntry={verify_strategy_identifier.secure_text_entry}
+                            placeholderTextColor={Colors.brand.slate}
+                            onChangeText={(text) => {
+                                setToken(text);
+                            }}
+                        />
+                    </View>
+                    {verify_error ?
+                    <Text style={{ marginTop:10 }} size={14} color={Colors.utility.warning}>{verify_error}</Text>
+                    :<></>}
+                </View>
+                <View nativeID="action_row" style={{ flexDirection:'row', padding:10, paddingTop:0 }}>
+                <Button
+                        title={'BACK'}
+                        loading={action_loading}
+                        style={{ flex:1, marginRight:5 }}
+                        title_color={Colors.brand.electric}
+                        borderColor={Colors.brand.electric}
+                        borderWidth={1}
+                        padding={15}
+                        onPress={() => {
+                            setActiveView('authenticate');
+                            setVerifyState(undefined)
+                        }}
+                    />
+                    <Button
+                        title={verify_attempt_allowed && !action_loading? 'Verify': 'Retry in 10 seconds'}
+                        loading={action_loading}
+                        style={{ flex:3, opacity:token&&verify_attempt_allowed?1:0.5 }}
+                        disabled={!token || action_loading || !verify_attempt_allowed}
+                        title_color={Colors.shades.white}
+                        backgroundColor={Colors.utility.success}
+                        //borderRadius={8}
+                        padding={15}
+                        onPress={() => {
+                            verifyAuthStrategyIdentifier()
+                        }}
+                    />
+                </View>
+            </View>
+               :<></> }
+
+                </View>
+                :<></>}
+                
+                
+            </View>
+        )
+    }
+
+*/
 //# sourceMappingURL=StrategyForm.js.map