@boneframework/native-components 1.0.35 → 1.0.37

package/components/ActivityIndicator.tsx

@@ -8,7 +8,7 @@ function ActivityIndicator({ visible = false , type="default", animationSource})
     const defaultStyles = useStyle();
 
     if (!animationSource) {
-        animationSource = '../../../../assets/animations/loader.json'
+        animationSource = require('../../../../assets/animations/loader.json');
     }
 
     const styles = StyleSheet.create({

package/components/Image.tsx

@@ -33,7 +33,7 @@ function Image({style, uri, onPress, handleError = error => console.error, sourc
         imageSource = source;
     }
 
-    if ((null !== user.authToken.accessToken && protectedUri == true) || protectedUri == false) {
+    if ((null !== user?.authToken?.accessToken && protectedUri == true) || protectedUri == false) {
         return (
             <ExpoImage
                 source={imageSource}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@boneframework/native-components",
-  "version": "1.0.35",
+  "version": "1.0.37",
   "description": "Expo Components for Bone Framework",
   "main": "src/Bone.ts",
   "scripts": {

package/screens/ActivateUserScreen.tsx

@@ -1,41 +1,39 @@
-import {Image, ImageBackground, Keyboard, StyleSheet, View} from "react-native";
-import * as Linking from 'expo-linking';
+import {ImageBackground, Keyboard, StyleSheet, View} from "react-native";
+import {router, useGlobalSearchParams} from 'expo-router';
 import React, {useEffect, useState} from "react";
-import * as Yup from 'yup'
 
-import Button from '../components/Button';
-import CheckEmailScreen from '../screens/CheckEmailScreen';
-import Text from '../components/Text';
 import ActivityIndicator from "../components/ActivityIndicator";
-import Animation from "../components/Animation";
 import {ErrorMessage, Form, FormField, SubmitButton} from "../components/forms";
 import ResendActivationScreen from "../screens/ResendActivationlScreen";
 import SetPasswordScreen from "../screens/SetPasswordScreen";
 import useApi from "../hooks/useApi";
 import useAuth from "../hooks/useAuth";
-import useLinking from "../hooks/useLinking";
 import userApi from "../api/users";
 
 import settings from "../../../../config/settings";
 import routes from "../../../../config/routes";
-import colors from '../../../../config/colors';
 
-function ActivateUserScreen({navigation, route}) {
+function ActivateUserScreen() {
+    const STATUS_BEGIN = 'start_validating';
     const STATUS_VALIDATE = 'validate_email_token';
     const STATUS_RESEND = 'resend_email_token';
     const STATUS_SET_PASSWORD = 'set_password';
+
     const activationApi = useApi(userApi.activateAccount);
     const resendActivationApi = useApi(userApi.resendactivationEmail);
     const validateEmailTokenApi = useApi(userApi.validateEmailToken);
-    const [status, setStatus] = useState(STATUS_VALIDATE);
+
+    const [status, setStatus] = useState(STATUS_BEGIN);
     const [error, setError] = useState();
     const [tokenError, setTokenError] = useState();
+
     const {login} = useAuth();
-    const url = Linking.useURL();
-    const email = route.params.email;
-    const token = route.params.token;
+    const params = useGlobalSearchParams();
+    const email = params.email;
+    const token = params.token;
 
     const validateEmailToken = async () => {
+        setStatus(STATUS_VALIDATE);
         const result = await validateEmailTokenApi.request(email, token);
 
         if (result.data.ok) {
@@ -53,6 +51,15 @@ function ActivateUserScreen({navigation, route}) {
         }
     }
 
+    const convertResponse = (data) => {
+        return {
+            accessToken: data.access_token,
+            expiresIn: data.expires_in,
+            refreshToken: data.refresh_token,
+            tokenType: data.token_type,
+        }
+    }
+
     const handleSubmit = async userInfo => {
         Keyboard.dismiss();
         try {
@@ -76,7 +83,7 @@ function ActivateUserScreen({navigation, route}) {
                 return;
             }
 
-            login({accessToken: result.data.access_token, refreshToken: result.data.refresh_token});
+            login(convertResponse(result.data)).then(router.navigate(routes.HOME));
         } catch (error) {
             setError(error);
             console.error(error);
@@ -88,13 +95,13 @@ function ActivateUserScreen({navigation, route}) {
         resendActivationApi
             .request(email)
             .then(setStatus(STATUS_VALIDATE))
-            .then(navigation.goBack())
-            .then(navigation.navigate(routes.USER_ACTIVATION_CHECK_EMAIL))
+            .then(router.back())
+            .then(router.navigate(routes.USER_ACTIVATION_CHECK_EMAIL))
             .catch(console.error);
     }
 
     useEffect(() => {
-        if (status === STATUS_VALIDATE) {
+        if (status === STATUS_BEGIN) {
             validateEmailToken();
         }
     });