@boneframework/native-components 1.0.17 → 1.0.19

package/components/{ApiInterceptor.js → ApiInterceptor.tsx}

@@ -1,7 +1,7 @@
 import React, {useEffect} from 'react';
 
 import apiClient from "../api/client";
-import authStorage from "../auth/storage";
+import authStorage from "../utilities/authStorage";
 import settings from "../../../../config/settings";
 import useAuth from '../hooks/useAuth';
 

package/components/{Image.js → Image.tsx}

@@ -1,15 +1,11 @@
 import React, {useContext, useEffect, useState} from 'react';
 import {Image as RNImage, StyleSheet, View} from "react-native";
 
-import storage from '../auth/storage';
-import * as Notifications from "expo-notifications";
 import useAuth from "../hooks/useAuth";
-import authStorage from "../auth/storage";
 import settings from '../../../../config/api';
-import AuthContext from "../auth/context";
 
 function Image({style, uri, onPress, handleError, source}) {
-    const {user, setUser} = useContext(AuthContext);
+    const {user} = useAuth();
 
     const tryAgain = async error => {
         if (handleError !== null) {

package/hooks/useNotifications.ts

@@ -0,0 +1,44 @@
+import * as Device from "expo-device";
+import * as Notifications from "expo-notifications";
+import expoPushTokensApi from "../api/expoPushTokens";
+import {useEffect} from "react";
+import router from "../navigation/rootNavigation";
+
+export default useNotifications = (notificationReceivedListener = notification => {}) => {
+    useEffect(() => {
+        registerForPushNotifications();
+        Notifications.addNotificationReceivedListener(notification => {
+            notificationReceivedListener(notification);
+        });
+    }, []);
+
+    const registerForPushNotifications = () => registerForPushNotificationsAsync();
+
+    const registerForPushNotificationsAsync = async () => {
+        if (Device.isDevice) {
+            const { status: existingStatus } = await Notifications.getPermissionsAsync();
+            let finalStatus = existingStatus;
+
+            if (existingStatus !== 'granted') {
+                const { status } = await Notifications.requestPermissionsAsync();
+                finalStatus = status;
+            }
+            if (finalStatus !== 'granted') {
+                return;
+            }
+            const token = (await Notifications.getExpoPushTokenAsync()).data;
+            expoPushTokensApi.register(token);
+        } else {
+            alert('Must use physical device for Push Notifications');
+        }
+
+        if (Platform.OS === 'android') {
+            Notifications.setNotificationChannelAsync('default', {
+                name: 'default',
+                importance: Notifications.AndroidImportance.MAX,
+                vibrationPattern: [0, 250, 250, 250],
+                lightColor: '#FF231F7C',
+            });
+        }
+    };
+}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@boneframework/native-components",
-  "version": "1.0.17",
+  "version": "1.0.19",
   "description": "Expo Components for Bone Framework",
   "main": "src/Bone.ts",
   "scripts": {
@@ -35,7 +35,10 @@
     "apisauce": "^3.0.1",
     "expo-auth-session": "^5.5.2",
     "expo-camera": "^15.0.13",
+    "expo-device": "^6.0.2",
+    "expo-image": "^1.12.13",
     "expo-image-picker": "^15.0.7",
+    "expo-notifications": "^0.28.11",
     "expo-secure-store": "^13.0.2",
     "formik": "^2.4.6",
     "jwt-decode": "^4.0.0",