@boneframework/native-components 1.0.33 → 1.0.35

package/components/ActivityIndicator.tsx

@@ -4,9 +4,13 @@ import {View, StyleSheet} from "react-native";
 import Animation from "./Animation";
 import useStyle from "../hooks/useStyle";
 
-function ActivityIndicator({ visible = false , type="default", animationPath = '../../../../assets/animations/loader.json'}) {
+function ActivityIndicator({ visible = false , type="default", animationSource}) {
     const defaultStyles = useStyle();
 
+    if (!animationSource) {
+        animationSource = '../../../../assets/animations/loader.json'
+    }
+
     const styles = StyleSheet.create({
         overlay: {
             flex:1,
@@ -35,7 +39,7 @@ function ActivityIndicator({ visible = false , type="default", animationPath = '
     return (
         <View style={style}>
             <Animation
-                source={require(animationPath)}
+                source={animationSource}
                 autoPlay={true}
                 loop={true}
                 style={{height: 100, width: 100, opacity: 1}}

package/components/Animation.tsx

@@ -1,4 +1,4 @@
-import React, {useEffect, useRef} from 'react';
+import React, {useRef} from 'react';
 import LottieView from "lottie-react-native";
 
 function Animation({source, style  = {}, onAnimationFinish = () => {}, autoPlay = true, loop = true, speed = 1.5}) {

package/hooks/useLinking.ts

@@ -1,6 +1,6 @@
 import * as Linking from "expo-linking";
 import {useEffect} from "react";
-import router from 'ex';
+import {router} from 'expo-router';
 
 import routes from '../../../../config/routes';
 
@@ -13,7 +13,7 @@ export default useLinking = () => {
             if (parts.path !== null && parts.path !== '') {
                 switch (parts.path) {
                     case routes.USER_ACTIVATION:
-                        router.navigate(routes.USER_ACTIVATION, parts.queryParams);
+                        router.navigate({pathname: routes.USER_ACTIVATION, params: parts.queryParams});
                         break;
                 }
             }

package/package.json

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

package/screens/WelcomeScreen.tsx

@@ -9,7 +9,7 @@ import colors from '../../../../config/colors'
 function WelcomeScreen({loginOnPress = () => {}, registerOnPress = () => {}, title = 'BONE FRAMEWORK', isLoading = false}) {
     return (
         <ImageBackground blurRadius={10} style={styles.background} source={require('../../../../assets/background.png')} >
-            <ActivityIndicator visible={isLoading} type={'overlay'}/>
+            <ActivityIndicator visible={isLoading} type={'overlay'} />
             <View style={styles.logoContainer}>
                 <Image style={styles.logo} source={require('../../../../assets/logo.png')} />
                 <Text style={styles.tagline}>{ title }</Text>