@oxyhq/services 5.11.10 → 5.11.11

package/lib/module/ui/screens/steps/SignInPasswordStep.js

@@ -0,0 +1,160 @@
+"use strict";
+
+import { useRef, useEffect } from 'react';
+import { View, Text, TouchableOpacity } from 'react-native';
+import { Ionicons } from '@expo/vector-icons';
+import Avatar from '../../components/Avatar';
+import GroupedPillButtons from '../../components/internal/GroupedPillButtons';
+import TextField from '../../components/internal/TextField';
+import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
+const SignInPasswordStep = ({
+  colors,
+  styles,
+  theme,
+  navigate,
+  prevStep,
+  password,
+  setPassword,
+  showPassword,
+  setShowPassword,
+  errorMessage,
+  setErrorMessage,
+  isLoading,
+  userProfile,
+  username,
+  handleSignIn
+}) => {
+  const inputRef = useRef(null);
+  const handlePasswordChange = text => {
+    setPassword(text);
+    if (errorMessage) setErrorMessage('');
+  };
+  const handleSignInSubmit = async () => {
+    if (!password) {
+      setErrorMessage('Please enter your password.');
+      setTimeout(() => inputRef.current?.focus(), 0);
+      return;
+    }
+
+    // Call the actual sign-in function passed from props
+    await handleSignIn();
+  };
+  const togglePasswordVisibility = () => {
+    setShowPassword(!showPassword);
+  };
+
+  // Focus password input on error
+  useEffect(() => {
+    if (errorMessage) {
+      setTimeout(() => {
+        inputRef.current?.focus();
+      }, 0);
+    }
+  }, [errorMessage]);
+  return /*#__PURE__*/_jsxs(_Fragment, {
+    children: [/*#__PURE__*/_jsxs(View, {
+      style: styles.modernUserProfileContainer,
+      children: [/*#__PURE__*/_jsxs(View, {
+        style: styles.avatarContainer,
+        children: [/*#__PURE__*/_jsx(Avatar, {
+          name: userProfile?.displayName || userProfile?.name || username,
+          size: 100,
+          theme: theme,
+          style: styles.modernUserAvatar,
+          backgroundColor: colors.primary + '20'
+        }), /*#__PURE__*/_jsx(View, {
+          style: [styles.statusIndicator, {
+            backgroundColor: colors.primary
+          }]
+        })]
+      }), /*#__PURE__*/_jsx(Text, {
+        style: [styles.modernUserDisplayName, {
+          color: colors.text
+        }],
+        children: userProfile?.displayName || userProfile?.name || username
+      }), /*#__PURE__*/_jsxs(Text, {
+        style: [styles.modernUsernameSubtext, {
+          color: colors.secondaryText
+        }],
+        children: ["@", username]
+      })]
+    }), /*#__PURE__*/_jsxs(View, {
+      style: styles.modernInputContainer,
+      children: [/*#__PURE__*/_jsx(TextField, {
+        ref: inputRef,
+        label: "Password",
+        leading: /*#__PURE__*/_jsx(Ionicons, {
+          name: "lock-closed-outline",
+          size: 24,
+          color: colors.secondaryText
+        }),
+        value: password,
+        onChangeText: handlePasswordChange,
+        secureTextEntry: !showPassword,
+        autoCapitalize: "none",
+        autoCorrect: false,
+        testID: "password-input",
+        variant: "filled",
+        error: errorMessage || undefined,
+        onSubmitEditing: handleSignInSubmit,
+        autoFocus: true
+      }), /*#__PURE__*/_jsxs(View, {
+        style: {
+          flexDirection: 'row',
+          alignItems: 'center',
+          marginBottom: 16
+        },
+        children: [/*#__PURE__*/_jsx(Text, {
+          style: [styles.footerText, {
+            color: colors.text
+          }],
+          children: "Forgot your password? "
+        }), /*#__PURE__*/_jsx(TouchableOpacity, {
+          onPress: () => navigate('RecoverAccount', {
+            returnTo: 'SignIn',
+            returnStep: 1,
+            returnData: {
+              username,
+              userProfile
+            }
+          }),
+          children: /*#__PURE__*/_jsx(Text, {
+            style: [styles.modernLinkText, {
+              color: colors.primary
+            }],
+            children: "Recover your account"
+          })
+        })]
+      })]
+    }), /*#__PURE__*/_jsx(GroupedPillButtons, {
+      buttons: [{
+        text: 'Back',
+        onPress: prevStep,
+        icon: 'arrow-back',
+        variant: 'transparent'
+      }, {
+        text: 'Sign In',
+        onPress: handleSignInSubmit,
+        icon: 'log-in',
+        variant: 'primary',
+        loading: isLoading,
+        testID: 'login-button'
+      }],
+      colors: colors
+    }), /*#__PURE__*/_jsxs(View, {
+      style: styles.securityNotice,
+      children: [/*#__PURE__*/_jsx(Ionicons, {
+        name: "shield-checkmark",
+        size: 14,
+        color: colors.secondaryText
+      }), /*#__PURE__*/_jsx(Text, {
+        style: [styles.securityText, {
+          color: colors.secondaryText
+        }],
+        children: "Your data is encrypted and secure"
+      })]
+    })]
+  });
+};
+export default SignInPasswordStep;
+//# sourceMappingURL=SignInPasswordStep.js.map

package/lib/module/ui/screens/steps/SignInPasswordStep.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["useRef","useEffect","View","Text","TouchableOpacity","Ionicons","Avatar","GroupedPillButtons","TextField","jsx","_jsx","jsxs","_jsxs","Fragment","_Fragment","SignInPasswordStep","colors","styles","theme","navigate","prevStep","password","setPassword","showPassword","setShowPassword","errorMessage","setErrorMessage","isLoading","userProfile","username","handleSignIn","inputRef","handlePasswordChange","text","handleSignInSubmit","setTimeout","current","focus","togglePasswordVisibility","children","style","modernUserProfileContainer","avatarContainer","name","displayName","size","modernUserAvatar","backgroundColor","primary","statusIndicator","modernUserDisplayName","color","modernUsernameSubtext","secondaryText","modernInputContainer","ref","label","leading","value","onChangeText","secureTextEntry","autoCapitalize","autoCorrect","testID","variant","error","undefined","onSubmitEditing","autoFocus","flexDirection","alignItems","marginBottom","footerText","onPress","returnTo","returnStep","returnData","modernLinkText","buttons","icon","loading","securityNotice","securityText"],"sourceRoot":"../../../../../src","sources":["ui/screens/steps/SignInPasswordStep.tsx"],"mappings":"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","ignoreList":[]}

package/lib/module/ui/screens/steps/SignInUsernameStep.js

@@ -0,0 +1,145 @@
+"use strict";
+
+import { useRef, useEffect } from 'react';
+import { View, Text } from 'react-native';
+import { Ionicons } from '@expo/vector-icons';
+import HighFive from '../../../assets/illustrations/HighFive';
+import GroupedPillButtons from '../../components/internal/GroupedPillButtons';
+import TextField from '../../components/internal/TextField';
+import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
+const SignInUsernameStep = ({
+  colors,
+  styles,
+  navigate,
+  nextStep,
+  username,
+  setUsername,
+  errorMessage,
+  setErrorMessage,
+  validationStatus,
+  userProfile,
+  isValidating,
+  isAddAccountMode,
+  user,
+  validateUsername
+}) => {
+  const inputRef = useRef(null);
+
+  // Monitor username prop changes
+  useEffect(() => {
+    console.log('👀 SignInUsernameStep username prop changed:', username);
+  }, [username]);
+  const handleUsernameChange = text => {
+    console.log('📝 Username input changed:', text);
+    setUsername(text);
+    if (errorMessage) setErrorMessage('');
+  };
+  const handleContinue = async () => {
+    console.log('🚀 Continue button pressed, username:', username);
+    const trimmedUsername = username?.trim() || '';
+    if (!trimmedUsername) {
+      console.log('❌ Username is empty');
+      setErrorMessage('Please enter your username.');
+      setTimeout(() => inputRef.current?.focus(), 0);
+      return;
+    }
+    if (trimmedUsername.length < 2) {
+      console.log('❌ Username too short');
+      setErrorMessage('Username must be at least 3 characters.');
+      return;
+    }
+    console.log('🔍 Starting username validation...');
+    try {
+      // Validate the username before proceeding
+      const isValid = await validateUsername(trimmedUsername);
+      console.log('📊 Validation result:', isValid);
+      if (isValid) {
+        console.log('✅ Validation passed, proceeding to next step');
+        nextStep();
+      } else {
+        console.log('❌ Validation failed, staying on current step');
+      }
+    } catch (error) {
+      console.error('🚨 Error during validation:', error);
+      setErrorMessage('Unable to validate username. Please try again.');
+    }
+  };
+  return /*#__PURE__*/_jsxs(_Fragment, {
+    children: [/*#__PURE__*/_jsx(HighFive, {
+      width: 100,
+      height: 100
+    }), /*#__PURE__*/_jsxs(View, {
+      style: styles.modernHeader,
+      children: [/*#__PURE__*/_jsx(Text, {
+        style: [styles.modernTitle, {
+          color: colors.text
+        }],
+        children: isAddAccountMode ? 'Add Another Account' : 'Sign In'
+      }), /*#__PURE__*/_jsx(Text, {
+        style: [styles.modernSubtitle, {
+          color: colors.secondaryText
+        }],
+        children: isAddAccountMode ? 'Sign in with another account' : 'Sign in to continue your journey'
+      })]
+    }), isAddAccountMode && user && /*#__PURE__*/_jsxs(View, {
+      style: [styles.modernInfoCard, {
+        backgroundColor: colors.inputBackground
+      }],
+      children: [/*#__PURE__*/_jsx(Ionicons, {
+        name: "information-circle",
+        size: 20,
+        color: colors.primary
+      }), /*#__PURE__*/_jsxs(Text, {
+        style: [styles.modernInfoText, {
+          color: colors.text
+        }],
+        children: ["Currently signed in as ", /*#__PURE__*/_jsx(Text, {
+          style: {
+            fontWeight: 'bold'
+          },
+          children: user.username
+        })]
+      })]
+    }), /*#__PURE__*/_jsx(View, {
+      style: styles.modernInputContainer,
+      children: /*#__PURE__*/_jsx(TextField, {
+        ref: inputRef,
+        label: "Username",
+        leading: /*#__PURE__*/_jsx(Ionicons, {
+          name: "person-outline",
+          size: 24,
+          color: colors.secondaryText
+        }),
+        value: username,
+        onChangeText: handleUsernameChange,
+        autoCapitalize: "none",
+        autoCorrect: false,
+        testID: "username-input",
+        variant: "filled",
+        error: validationStatus === 'invalid' ? errorMessage : undefined,
+        loading: validationStatus === 'validating',
+        success: validationStatus === 'valid',
+        onSubmitEditing: () => handleContinue(),
+        autoFocus: true
+      })
+    }), /*#__PURE__*/_jsx(GroupedPillButtons, {
+      buttons: [{
+        text: 'Sign Up',
+        onPress: () => navigate('SignUp'),
+        icon: 'person-add',
+        variant: 'transparent'
+      }, {
+        text: 'Continue',
+        onPress: handleContinue,
+        icon: 'arrow-forward',
+        variant: 'primary',
+        loading: isValidating,
+        disabled: !username || username.trim().length < 2 || isValidating,
+        testID: 'username-next-button'
+      }],
+      colors: colors
+    })]
+  });
+};
+export default SignInUsernameStep;
+//# sourceMappingURL=SignInUsernameStep.js.map

package/lib/module/ui/screens/steps/SignInUsernameStep.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["useRef","useEffect","View","Text","Ionicons","HighFive","GroupedPillButtons","TextField","jsx","_jsx","jsxs","_jsxs","Fragment","_Fragment","SignInUsernameStep","colors","styles","navigate","nextStep","username","setUsername","errorMessage","setErrorMessage","validationStatus","userProfile","isValidating","isAddAccountMode","user","validateUsername","inputRef","console","log","handleUsernameChange","text","handleContinue","trimmedUsername","trim","setTimeout","current","focus","length","isValid","error","children","width","height","style","modernHeader","modernTitle","color","modernSubtitle","secondaryText","modernInfoCard","backgroundColor","inputBackground","name","size","primary","modernInfoText","fontWeight","modernInputContainer","ref","label","leading","value","onChangeText","autoCapitalize","autoCorrect","testID","variant","undefined","loading","success","onSubmitEditing","autoFocus","buttons","onPress","icon","disabled"],"sourceRoot":"../../../../../src","sources":["ui/screens/steps/SignInUsernameStep.tsx"],"mappings":"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","ignoreList":[]}

package/lib/module/ui/screens/steps/SignUpIdentityStep.js

@@ -0,0 +1,166 @@
+"use strict";
+
+import { useRef, useEffect, useCallback } from 'react';
+import { View, Text } from 'react-native';
+import { Ionicons } from '@expo/vector-icons';
+import GroupedPillButtons from '../../components/internal/GroupedPillButtons';
+import TextField from '../../components/internal/TextField';
+import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
+const SignUpIdentityStep = ({
+  colors,
+  styles,
+  navigate,
+  nextStep,
+  prevStep,
+  username,
+  email,
+  setUsername,
+  setEmail,
+  validationState,
+  setValidationState,
+  setErrorMessage,
+  validateEmail,
+  validateUsername
+}) => {
+  const usernameRef = useRef(null);
+  const validationTimeoutRef = useRef(null);
+
+  // Debounced username validation
+  const debouncedValidateUsername = useCallback(usernameToValidate => {
+    if (validationTimeoutRef.current) {
+      clearTimeout(validationTimeoutRef.current);
+    }
+    validationTimeoutRef.current = setTimeout(async () => {
+      if (usernameToValidate.trim().length >= 3) {
+        await validateUsername(usernameToValidate.trim());
+      }
+    }, 500);
+  }, [validateUsername]);
+
+  // Cleanup timeout on unmount
+  useEffect(() => {
+    return () => {
+      if (validationTimeoutRef.current) {
+        clearTimeout(validationTimeoutRef.current);
+      }
+    };
+  }, []);
+  const handleUsernameChange = text => {
+    setUsername(text);
+    setErrorMessage('');
+    // Reset validation state when user types
+    if (validationState.status !== 'idle') {
+      setValidationState({
+        status: 'idle',
+        message: ''
+      });
+    }
+
+    // Trigger debounced validation
+    debouncedValidateUsername(text);
+  };
+  const handleEmailChange = text => {
+    setEmail(text);
+    setErrorMessage('');
+  };
+  const handleNext = async () => {
+    if (!username.trim()) {
+      setErrorMessage('Please enter a username');
+      setTimeout(() => usernameRef.current?.focus(), 0);
+      return;
+    }
+    if (username.trim().length < 3) {
+      setErrorMessage('Username must be at least 3 characters');
+      setTimeout(() => usernameRef.current?.focus(), 0);
+      return;
+    }
+    if (!email.trim()) {
+      setErrorMessage('Please enter an email address');
+      return;
+    }
+    if (!validateEmail(email)) {
+      setErrorMessage('Please enter a valid email address');
+      return;
+    }
+
+    // Validate username availability
+    const isUsernameValid = await validateUsername(username.trim());
+    if (!isUsernameValid) {
+      setTimeout(() => usernameRef.current?.focus(), 0);
+      return;
+    }
+    nextStep();
+  };
+  const emailError = email && !validateEmail(email) ? 'Please enter a valid email address' : undefined;
+  return /*#__PURE__*/_jsxs(_Fragment, {
+    children: [/*#__PURE__*/_jsxs(View, {
+      style: styles.modernHeader,
+      children: [/*#__PURE__*/_jsx(Text, {
+        style: [styles.modernTitle, {
+          color: colors.text
+        }],
+        children: "Who are you?"
+      }), /*#__PURE__*/_jsx(Text, {
+        style: [styles.modernSubtitle, {
+          color: colors.secondaryText
+        }],
+        children: "Choose your username and enter your email"
+      })]
+    }), /*#__PURE__*/_jsxs(View, {
+      style: styles.modernInputContainer,
+      children: [/*#__PURE__*/_jsx(TextField, {
+        ref: usernameRef,
+        label: "Username",
+        leading: /*#__PURE__*/_jsx(Ionicons, {
+          name: "person-outline",
+          size: 24,
+          color: colors.secondaryText
+        }),
+        value: username,
+        onChangeText: handleUsernameChange,
+        autoCapitalize: "none",
+        autoCorrect: false,
+        testID: "signup-username-input",
+        variant: "filled",
+        error: validationState.status === 'invalid' ? validationState.message : undefined,
+        loading: validationState.status === 'validating',
+        success: validationState.status === 'valid',
+        onSubmitEditing: handleNext,
+        autoFocus: true
+      }), /*#__PURE__*/_jsx(TextField, {
+        label: "Email",
+        leading: /*#__PURE__*/_jsx(Ionicons, {
+          name: "mail-outline",
+          size: 24,
+          color: colors.secondaryText
+        }),
+        value: email,
+        onChangeText: handleEmailChange,
+        keyboardType: "email-address",
+        autoCapitalize: "none",
+        autoCorrect: false,
+        testID: "signup-email-input",
+        variant: "filled",
+        error: emailError,
+        onSubmitEditing: handleNext
+      })]
+    }), /*#__PURE__*/_jsx(GroupedPillButtons, {
+      buttons: [{
+        text: 'Back',
+        onPress: prevStep,
+        icon: 'arrow-back',
+        variant: 'transparent'
+      }, {
+        text: 'Next',
+        onPress: handleNext,
+        icon: 'arrow-forward',
+        variant: 'primary',
+        loading: validationState.status === 'validating',
+        disabled: !username.trim() || username.trim().length < 3 || !email.trim() || !validateEmail(email) || validationState.status === 'validating' || validationState.status === 'invalid'
+      }],
+      colors: colors
+    })]
+  });
+};
+export default SignUpIdentityStep;
+//# sourceMappingURL=SignUpIdentityStep.js.map

package/lib/module/ui/screens/steps/SignUpIdentityStep.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["useRef","useEffect","useCallback","View","Text","Ionicons","GroupedPillButtons","TextField","jsx","_jsx","jsxs","_jsxs","Fragment","_Fragment","SignUpIdentityStep","colors","styles","navigate","nextStep","prevStep","username","email","setUsername","setEmail","validationState","setValidationState","setErrorMessage","validateEmail","validateUsername","usernameRef","validationTimeoutRef","debouncedValidateUsername","usernameToValidate","current","clearTimeout","setTimeout","trim","length","handleUsernameChange","text","status","message","handleEmailChange","handleNext","focus","isUsernameValid","emailError","undefined","children","style","modernHeader","modernTitle","color","modernSubtitle","secondaryText","modernInputContainer","ref","label","leading","name","size","value","onChangeText","autoCapitalize","autoCorrect","testID","variant","error","loading","success","onSubmitEditing","autoFocus","keyboardType","buttons","onPress","icon","disabled"],"sourceRoot":"../../../../../src","sources":["ui/screens/steps/SignUpIdentityStep.tsx"],"mappings":"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","ignoreList":[]}

package/lib/module/ui/screens/steps/SignUpSecurityStep.js

@@ -0,0 +1,158 @@
+"use strict";
+
+import { useRef } from 'react';
+import { View, Text, TouchableOpacity } from 'react-native';
+import { Ionicons } from '@expo/vector-icons';
+import GroupedPillButtons from '../../components/internal/GroupedPillButtons';
+import TextField from '../../components/internal/TextField';
+import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
+const SignUpSecurityStep = ({
+  colors,
+  styles,
+  nextStep,
+  prevStep,
+  password,
+  confirmPassword,
+  setPassword,
+  setConfirmPassword,
+  showPassword,
+  showConfirmPassword,
+  setShowPassword,
+  setShowConfirmPassword,
+  setErrorMessage,
+  validatePassword
+}) => {
+  const passwordRef = useRef(null);
+  const handlePasswordChange = text => {
+    setPassword(text);
+    setErrorMessage('');
+  };
+  const handleConfirmPasswordChange = text => {
+    setConfirmPassword(text);
+    setErrorMessage('');
+  };
+  const handleNext = () => {
+    if (!password) {
+      setErrorMessage('Please enter a password');
+      setTimeout(() => passwordRef.current?.focus(), 0);
+      return;
+    }
+    if (!validatePassword(password)) {
+      setErrorMessage('Password must be at least 8 characters long');
+      return;
+    }
+    if (!confirmPassword) {
+      setErrorMessage('Please confirm your password');
+      return;
+    }
+    if (password !== confirmPassword) {
+      setErrorMessage('Passwords do not match');
+      return;
+    }
+    nextStep();
+  };
+  const passwordError = password && !validatePassword(password) ? 'Password must be at least 8 characters long' : undefined;
+  const confirmPasswordError = confirmPassword && password !== confirmPassword ? 'Passwords do not match' : undefined;
+  return /*#__PURE__*/_jsxs(_Fragment, {
+    children: [/*#__PURE__*/_jsxs(View, {
+      style: styles.modernHeader,
+      children: [/*#__PURE__*/_jsx(Text, {
+        style: [styles.modernTitle, {
+          color: colors.text
+        }],
+        children: "Secure Your Account"
+      }), /*#__PURE__*/_jsx(Text, {
+        style: [styles.modernSubtitle, {
+          color: colors.secondaryText
+        }],
+        children: "Create a strong password to protect your account"
+      })]
+    }), /*#__PURE__*/_jsxs(View, {
+      style: styles.modernInputContainer,
+      children: [/*#__PURE__*/_jsx(TextField, {
+        ref: passwordRef,
+        label: "Password",
+        leading: /*#__PURE__*/_jsx(Ionicons, {
+          name: "lock-closed-outline",
+          size: 24,
+          color: colors.secondaryText
+        }),
+        trailing: /*#__PURE__*/_jsx(TouchableOpacity, {
+          onPress: () => setShowPassword(!showPassword),
+          style: {
+            padding: 4
+          },
+          children: /*#__PURE__*/_jsx(Ionicons, {
+            name: showPassword ? "eye-off-outline" : "eye-outline",
+            size: 20,
+            color: colors.secondaryText
+          })
+        }),
+        value: password,
+        onChangeText: handlePasswordChange,
+        secureTextEntry: !showPassword,
+        autoCapitalize: "none",
+        autoCorrect: false,
+        testID: "signup-password-input",
+        variant: "filled",
+        error: passwordError,
+        onSubmitEditing: handleNext,
+        autoFocus: true
+      }), /*#__PURE__*/_jsx(TextField, {
+        label: "Confirm Password",
+        leading: /*#__PURE__*/_jsx(Ionicons, {
+          name: "lock-closed-outline",
+          size: 24,
+          color: colors.secondaryText
+        }),
+        trailing: /*#__PURE__*/_jsx(TouchableOpacity, {
+          onPress: () => setShowConfirmPassword(!showConfirmPassword),
+          style: {
+            padding: 4
+          },
+          children: /*#__PURE__*/_jsx(Ionicons, {
+            name: showConfirmPassword ? "eye-off-outline" : "eye-outline",
+            size: 20,
+            color: colors.secondaryText
+          })
+        }),
+        value: confirmPassword,
+        onChangeText: handleConfirmPasswordChange,
+        secureTextEntry: !showConfirmPassword,
+        autoCapitalize: "none",
+        autoCorrect: false,
+        testID: "signup-confirm-password-input",
+        variant: "filled",
+        error: confirmPasswordError,
+        onSubmitEditing: handleNext
+      }), /*#__PURE__*/_jsx(View, {
+        style: {
+          marginTop: 16
+        },
+        children: /*#__PURE__*/_jsx(Text, {
+          style: [styles.footerText, {
+            color: colors.secondaryText,
+            fontSize: 12
+          }],
+          children: "Password must be at least 8 characters long"
+        })
+      })]
+    }), /*#__PURE__*/_jsx(GroupedPillButtons, {
+      buttons: [{
+        text: 'Back',
+        onPress: prevStep,
+        icon: 'arrow-back',
+        variant: 'transparent'
+      }, {
+        text: 'Next',
+        onPress: handleNext,
+        icon: 'arrow-forward',
+        variant: 'primary',
+        disabled: !password || !confirmPassword || password !== confirmPassword
+      }],
+      colors: colors
+    })]
+  });
+};
+export default SignUpSecurityStep;
+//# sourceMappingURL=SignUpSecurityStep.js.map