Skip to content

B
Better you
Commit 47173fbd authored by Malith Anjana's avatar Malith Anjana
Browse files
Options

customize chatbot

parent b8842fd5
Hide whitespace changes
Inline Side-by-side
Showing with 211 additions and 72 deletions
android/link-assets-manifest.json 0 → 100644
View file @ 47173fbd
{
"migIndex": 1,
"data": [
{
"path": "src/assets/fonts/Poppins-Bold.ttf",
"sha1": "974b66074f1e265c0d203a4e2989c6120af3bc55"
},
{
"path": "src/assets/fonts/Poppins-Light.ttf",
"sha1": "107454fb84957d1ea4bd4c0335377df253eb2258"
},
{
"path": "src/assets/fonts/Poppins-Medium.ttf",
"sha1": "6575dbf38e9e61beec498e2be61c89d43399db24"
},
{
"path": "src/assets/fonts/Poppins-Regular.ttf",
"sha1": "dd48971530e3f19f7067ad80ce6c215365fe7269"
},
{
"path": "src/assets/fonts/Poppins-SemiBold.ttf",
"sha1": "33cccb49029917a6175e7e7a754e296d518c2710"
}
]
}
ios/better_you.xcodeproj/project.pbxproj
View file @ 47173fbd
...@@ -14,6 +14,11 @@ ...@@ -14,6 +14,11 @@
13B07FC11A68108700A75B9A /* main.m in Sources */ = {isa = PBXBuildFile; fileRef = 13B07FB71A68108700A75B9A /* main.m */; }; 13B07FC11A68108700A75B9A /* main.m in Sources */ = {isa = PBXBuildFile; fileRef = 13B07FB71A68108700A75B9A /* main.m */; };
7699B88040F8A987B510C191 /* libPods-better_you-better_youTests.a in Frameworks */ = {isa = PBXBuildFile; fileRef = 19F6CBCC0A4E27FBF8BF4A61 /* libPods-better_you-better_youTests.a */; }; 7699B88040F8A987B510C191 /* libPods-better_you-better_youTests.a in Frameworks */ = {isa = PBXBuildFile; fileRef = 19F6CBCC0A4E27FBF8BF4A61 /* libPods-better_you-better_youTests.a */; };
81AB9BB82411601600AC10FF /* LaunchScreen.storyboard in Resources */ = {isa = PBXBuildFile; fileRef = 81AB9BB72411601600AC10FF /* LaunchScreen.storyboard */; }; 81AB9BB82411601600AC10FF /* LaunchScreen.storyboard in Resources */ = {isa = PBXBuildFile; fileRef = 81AB9BB72411601600AC10FF /* LaunchScreen.storyboard */; };
4FA46DCA80144D1E99FBC236 /* Poppins-Bold.ttf in Resources */ = {isa = PBXBuildFile; fileRef = B6073855E1454671B0D27B34 /* Poppins-Bold.ttf */; };
7E5E4AC3FEA6449AB9F3F36E /* Poppins-Light.ttf in Resources */ = {isa = PBXBuildFile; fileRef = 428FA2CDECB74070A32B45B2 /* Poppins-Light.ttf */; };
56654B86D26448C5968A18AC /* Poppins-Medium.ttf in Resources */ = {isa = PBXBuildFile; fileRef = EFB9B63E1E8D460B8E4862C5 /* Poppins-Medium.ttf */; };
A75510E63EBB4B1DB5DC9CA9 /* Poppins-Regular.ttf in Resources */ = {isa = PBXBuildFile; fileRef = E9EF9CFCA8FB4604A36AA796 /* Poppins-Regular.ttf */; };
88ADD77DB4EE47D7AFC2C1E9 /* Poppins-SemiBold.ttf in Resources */ = {isa = PBXBuildFile; fileRef = F9FA5AFDA23347BEB137F39D /* Poppins-SemiBold.ttf */; };
/* End PBXBuildFile section */ /* End PBXBuildFile section */
/* Begin PBXContainerItemProxy section */ /* Begin PBXContainerItemProxy section */
...@@ -44,6 +49,11 @@ ...@@ -44,6 +49,11 @@
81AB9BB72411601600AC10FF /* LaunchScreen.storyboard */ = {isa = PBXFileReference; fileEncoding = 4; lastKnownFileType = file.storyboard; name = LaunchScreen.storyboard; path = better_you/LaunchScreen.storyboard; sourceTree = "<group>"; }; 81AB9BB72411601600AC10FF /* LaunchScreen.storyboard */ = {isa = PBXFileReference; fileEncoding = 4; lastKnownFileType = file.storyboard; name = LaunchScreen.storyboard; path = better_you/LaunchScreen.storyboard; sourceTree = "<group>"; };
89C6BE57DB24E9ADA2F236DE /* Pods-better_you-better_youTests.release.xcconfig */ = {isa = PBXFileReference; includeInIndex = 1; lastKnownFileType = text.xcconfig; name = "Pods-better_you-better_youTests.release.xcconfig"; path = "Target Support Files/Pods-better_you-better_youTests/Pods-better_you-better_youTests.release.xcconfig"; sourceTree = "<group>"; }; 89C6BE57DB24E9ADA2F236DE /* Pods-better_you-better_youTests.release.xcconfig */ = {isa = PBXFileReference; includeInIndex = 1; lastKnownFileType = text.xcconfig; name = "Pods-better_you-better_youTests.release.xcconfig"; path = "Target Support Files/Pods-better_you-better_youTests/Pods-better_you-better_youTests.release.xcconfig"; sourceTree = "<group>"; };
ED297162215061F000B7C4FE /* JavaScriptCore.framework */ = {isa = PBXFileReference; lastKnownFileType = wrapper.framework; name = JavaScriptCore.framework; path = System/Library/Frameworks/JavaScriptCore.framework; sourceTree = SDKROOT; }; ED297162215061F000B7C4FE /* JavaScriptCore.framework */ = {isa = PBXFileReference; lastKnownFileType = wrapper.framework; name = JavaScriptCore.framework; path = System/Library/Frameworks/JavaScriptCore.framework; sourceTree = SDKROOT; };
B6073855E1454671B0D27B34 /* Poppins-Bold.ttf */ = {isa = PBXFileReference; name = "Poppins-Bold.ttf"; path = "../src/assets/fonts/Poppins-Bold.ttf"; sourceTree = "<group>"; fileEncoding = undefined; lastKnownFileType = unknown; explicitFileType = undefined; includeInIndex = 0; };
428FA2CDECB74070A32B45B2 /* Poppins-Light.ttf */ = {isa = PBXFileReference; name = "Poppins-Light.ttf"; path = "../src/assets/fonts/Poppins-Light.ttf"; sourceTree = "<group>"; fileEncoding = undefined; lastKnownFileType = unknown; explicitFileType = undefined; includeInIndex = 0; };
EFB9B63E1E8D460B8E4862C5 /* Poppins-Medium.ttf */ = {isa = PBXFileReference; name = "Poppins-Medium.ttf"; path = "../src/assets/fonts/Poppins-Medium.ttf"; sourceTree = "<group>"; fileEncoding = undefined; lastKnownFileType = unknown; explicitFileType = undefined; includeInIndex = 0; };
E9EF9CFCA8FB4604A36AA796 /* Poppins-Regular.ttf */ = {isa = PBXFileReference; name = "Poppins-Regular.ttf"; path = "../src/assets/fonts/Poppins-Regular.ttf"; sourceTree = "<group>"; fileEncoding = undefined; lastKnownFileType = unknown; explicitFileType = undefined; includeInIndex = 0; };
F9FA5AFDA23347BEB137F39D /* Poppins-SemiBold.ttf */ = {isa = PBXFileReference; name = "Poppins-SemiBold.ttf"; path = "../src/assets/fonts/Poppins-SemiBold.ttf"; sourceTree = "<group>"; fileEncoding = undefined; lastKnownFileType = unknown; explicitFileType = undefined; includeInIndex = 0; };
/* End PBXFileReference section */ /* End PBXFileReference section */
/* Begin PBXFrameworksBuildPhase section */ /* Begin PBXFrameworksBuildPhase section */
...@@ -122,6 +132,7 @@ ...@@ -122,6 +132,7 @@
83CBBA001A601CBA00E9B192 /* Products */, 83CBBA001A601CBA00E9B192 /* Products */,
2D16E6871FA4F8E400B85C8A /* Frameworks */, 2D16E6871FA4F8E400B85C8A /* Frameworks */,
BBD78D7AC51CEA395F1C20DB /* Pods */, BBD78D7AC51CEA395F1C20DB /* Pods */,
17759C362C504706A9A316A9 /* Resources */,
); );
indentWidth = 2; indentWidth = 2;
sourceTree = "<group>"; sourceTree = "<group>";
...@@ -148,6 +159,19 @@ ...@@ -148,6 +159,19 @@
path = Pods; path = Pods;
sourceTree = "<group>"; sourceTree = "<group>";
}; };
17759C362C504706A9A316A9 /* Resources */ = {
isa = "PBXGroup";
children = (
B6073855E1454671B0D27B34 /* Poppins-Bold.ttf */,
428FA2CDECB74070A32B45B2 /* Poppins-Light.ttf */,
EFB9B63E1E8D460B8E4862C5 /* Poppins-Medium.ttf */,
E9EF9CFCA8FB4604A36AA796 /* Poppins-Regular.ttf */,
F9FA5AFDA23347BEB137F39D /* Poppins-SemiBold.ttf */,
);
name = Resources;
sourceTree = "<group>";
path = "";
};
/* End PBXGroup section */ /* End PBXGroup section */
/* Begin PBXNativeTarget section */ /* Begin PBXNativeTarget section */
...@@ -244,6 +268,11 @@ ...@@ -244,6 +268,11 @@
files = ( files = (
81AB9BB82411601600AC10FF /* LaunchScreen.storyboard in Resources */, 81AB9BB82411601600AC10FF /* LaunchScreen.storyboard in Resources */,
13B07FBF1A68108700A75B9A /* Images.xcassets in Resources */, 13B07FBF1A68108700A75B9A /* Images.xcassets in Resources */,
4FA46DCA80144D1E99FBC236 /* Poppins-Bold.ttf in Resources */,
7E5E4AC3FEA6449AB9F3F36E /* Poppins-Light.ttf in Resources */,
56654B86D26448C5968A18AC /* Poppins-Medium.ttf in Resources */,
A75510E63EBB4B1DB5DC9CA9 /* Poppins-Regular.ttf in Resources */,
88ADD77DB4EE47D7AFC2C1E9 /* Poppins-SemiBold.ttf in Resources */,
); );
runOnlyForDeploymentPostprocessing = 0; runOnlyForDeploymentPostprocessing = 0;
}; };
......
ios/better_you/Info.plist
View file @ 47173fbd
...@@ -36,7 +36,7 @@ ...@@ -36,7 +36,7 @@
</dict> </dict>
</dict> </dict>
<key>NSLocationWhenInUseUsageDescription</key> <key>NSLocationWhenInUseUsageDescription</key>
<string></string> <string/>
<key>UILaunchStoryboardName</key> <key>UILaunchStoryboardName</key>
<string>LaunchScreen</string> <string>LaunchScreen</string>
<key>UIRequiredDeviceCapabilities</key> <key>UIRequiredDeviceCapabilities</key>
...@@ -51,5 +51,13 @@ ...@@ -51,5 +51,13 @@
</array> </array>
<key>UIViewControllerBasedStatusBarAppearance</key> <key>UIViewControllerBasedStatusBarAppearance</key>
<false/> <false/>
<key>UIAppFonts</key>
<array>
<string>Poppins-Bold.ttf</string>
<string>Poppins-Light.ttf</string>
<string>Poppins-Medium.ttf</string>
<string>Poppins-Regular.ttf</string>
<string>Poppins-SemiBold.ttf</string>
</array>
</dict> </dict>
</plist> </plist>
ios/link-assets-manifest.json 0 → 100644
View file @ 47173fbd
{
"migIndex": 1,
"data": [
{
"path": "src/assets/fonts/Poppins-Bold.ttf",
"sha1": "974b66074f1e265c0d203a4e2989c6120af3bc55"
},
{
"path": "src/assets/fonts/Poppins-Light.ttf",
"sha1": "107454fb84957d1ea4bd4c0335377df253eb2258"
},
{
"path": "src/assets/fonts/Poppins-Medium.ttf",
"sha1": "6575dbf38e9e61beec498e2be61c89d43399db24"
},
{
"path": "src/assets/fonts/Poppins-Regular.ttf",
"sha1": "dd48971530e3f19f7067ad80ce6c215365fe7269"
},
{
"path": "src/assets/fonts/Poppins-SemiBold.ttf",
"sha1": "33cccb49029917a6175e7e7a754e296d518c2710"
}
]
}
react-native.config.js 0 → 100644
View file @ 47173fbd
module.exports = {
project: {
ios:{},
android:{}
},
assets:['./src/assets/fonts/'],
}
\ No newline at end of file
src/assets/images/chatbotImage.js 0 → 100644
View file @ 47173fbd
export const IMAGE={
chatbot:"data:image/jpeg;base64,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"
}
\ No newline at end of file
src/components/chatbot/ChatHeader.js
View file @ 47173fbd
...@@ -2,6 +2,7 @@ import { useNavigation } from "@react-navigation/core"; ...@@ -2,6 +2,7 @@ import { useNavigation } from "@react-navigation/core";
import React from "react"; import React from "react";
import { View, Text, StyleSheet, TouchableOpacity, Image } from "react-native"; import { View, Text, StyleSheet, TouchableOpacity, Image } from "react-native";
import Icon from "react-native-vector-icons/FontAwesome5"; import Icon from "react-native-vector-icons/FontAwesome5";
import { COLOR } from '../../themes';
export const ChatHeader = () => { export const ChatHeader = () => {
const navigation = useNavigation(); const navigation = useNavigation();
...@@ -12,10 +13,10 @@ export const ChatHeader = () => { ...@@ -12,10 +13,10 @@ export const ChatHeader = () => {
</TouchableOpacity> </TouchableOpacity>
<View style={styles.profileOptions}> <View style={styles.profileOptions}>
<TouchableOpacity style={styles.profile}> <TouchableOpacity style={styles.profile}>
<Image style={styles.image} source={{ uri: "data:image/png;base64,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" }} /> <Image style={styles.image} source={require('../../assets/images/chatbot.png')} />
<View style={styles.usernameAndOnlineStatus}> <View style={styles.usernameAndOnlineStatus}>
<Text style={styles.username}>"test"</Text> <Text style={styles.username}>Chatbot</Text>
<Text style={styles.onlineStatus}>"Text</Text> <Text style={styles.onlineStatus}>AI Automated chatbot</Text>
</View> </View>
</TouchableOpacity> </TouchableOpacity>
<View style={styles.options}> <View style={styles.options}>
...@@ -25,14 +26,14 @@ export const ChatHeader = () => { ...@@ -25,14 +26,14 @@ export const ChatHeader = () => {
<Icon <Icon
name="phone" name="phone"
size={30} size={30}
color={"white"} color={COLOR.white}
/> />
</TouchableOpacity> </TouchableOpacity>
<TouchableOpacity style={{ paddingHorizontal: 20 }}> <TouchableOpacity style={{ paddingHorizontal: 20 }}>
<Icon <Icon
name="ellipsis-v" name="ellipsis-v"
size={30} size={30}
color={"white"} color={COLOR.white}
/> />
</TouchableOpacity> </TouchableOpacity>
</View> </View>
...@@ -44,7 +45,7 @@ export const ChatHeader = () => { ...@@ -44,7 +45,7 @@ export const ChatHeader = () => {
const styles = StyleSheet.create({ const styles = StyleSheet.create({
container: { container: {
flexDirection: "row", flexDirection: "row",
backgroundColor: "blue", backgroundColor: COLOR.primary,
paddingTop: 10, paddingTop: 10,
paddingBottom: 10, paddingBottom: 10,
}, },
...@@ -62,7 +63,7 @@ const styles = StyleSheet.create({ ...@@ -62,7 +63,7 @@ const styles = StyleSheet.create({
profile: { profile: {
flexDirection: "row", flexDirection: "row",
alignItems: "center", alignItems: "center",
borderColor: "#fff", borderColor: COLOR.white,
flex: 4, flex: 4,
}, },
image: { image: {
...@@ -76,12 +77,12 @@ const styles = StyleSheet.create({ ...@@ -76,12 +77,12 @@ const styles = StyleSheet.create({
paddingHorizontal: 10, paddingHorizontal: 10,
}, },
username: { username: {
color: "white", color: COLOR.white,
fontSize: 18, fontSize: 18,
fontWeight: "bold", fontWeight: "bold",
}, },
onlineStatus: { onlineStatus: {
color: "white", color: COLOR.white,
fontSize: 16, fontSize: 16,
}, },
options: { options: {
......
src/screens/Chatbot.js
View file @ 47173fbd
import axios from 'axios'; import axios from 'axios';
import React, { useCallback, useEffect, useState } from 'react' import React, { useCallback, useEffect, useState } from 'react'
import { Text, View } from 'react-native' import { Text, View } from 'react-native'
import { GiftedChat } from 'react-native-gifted-chat'; import { Bubble, GiftedChat, Send } from 'react-native-gifted-chat';
import { sendToRasa } from '../api'; import { sendToRasa } from '../api';
import { ChatHeader } from '../components/chatbot/ChatHeader' import { ChatHeader } from '../components/chatbot/ChatHeader'
import uuid from 'react-native-uuid';
import {IMAGE} from '../assets/images/chatbotImage'
import { COLOR, FONT } from '../themes';
import MaterialCommunityIcons from 'react-native-vector-icons/MaterialCommunityIcons'
export const Chatbot = () => { export const Chatbot = () => {
const [messages, setMessages] = useState([]); const [messages, setMessages] = useState([]);
const BOT_USER = {
_id: 2,
name: 'FAQ Bot',
avatar: IMAGE.chatbot
};
const USER = {
_id:1,
name: 'USER',
};
useEffect(() => { useEffect(() => {
// setMessages([ setMessages([
// { {
// _id: 1, _id: 1,
// text: 'Hello how is going', text: `Hi! I am the FAQ bot 🤖 from TEST.\n\nHow may I help you with today?`,
// createdAt: new Date(), createdAt: new Date(),
// sendTo:2, user: BOT_USER
// sentBy:1, },
// user: {
// _id: 1, ])
// name: 'React Native',
// avatar: 'https://placeimg.com/140/140/any',
// },
// },
// {
// _id: 2,
// text: 'Hello developer',
// createdAt: new Date(),
// user: {
// _id: 2,
// name: 'React Native',
// avatar: 'https://placeimg.com/140/140/any',
// },
// },
// {
// _id: 3,
// text: 'Hello bot',
// createdAt: new Date(),
// user: {
// _id: 1,
// name: 'React Native',
// avatar: 'https://placeimg.com/140/140/any',
// },
// },
// {
// _id: 4,
// text: 'Hello user',
// createdAt: new Date(),
// user: {
// _id: 2,
// name: 'React Native',
// avatar: 'https://placeimg.com/140/140/any',
// },
// },
// ])
}, []) }, [])
const onSend = useCallback(async(msg = []) => { const onSend = useCallback(async(msg = []) => {
...@@ -64,13 +43,10 @@ export const Chatbot = () => { ...@@ -64,13 +43,10 @@ export const Chatbot = () => {
res.data.map((d)=>{ res.data.map((d)=>{
console.log(d.text); console.log(d.text);
const rp = { const rp = {
_id:uuid.v4(),
text: d.text, text: d.text,
createdAt: new Date(), createdAt: new Date(),
user: { user: BOT_USER
_id: 1,
name: 'React Native',
avatar: 'https://placeimg.com/140/140/any',
},
} }
reply.push(rp) reply.push(rp)
} }
...@@ -82,15 +58,62 @@ export const Chatbot = () => { ...@@ -82,15 +58,62 @@ export const Chatbot = () => {
} }
}, []) }, [])
//Customize bubbles
const renderBubble = (props)=>{
return(
<Bubble
{...props}
wrapperStyle={{
right:{
backgroundColor: COLOR.primary
},
left:{
backgroundColor: COLOR.white
}
}}
textStyle={{
right:{
fontFamily:FONT.Regular,
color:COLOR.white,
fontSize:14,
},
left:{
fontFamily:FONT.Regular,
fontSize:14,
color:COLOR.greyFont
}
}}
/>
)
}
//Change the send button
const renderSend = (props) => {
return(
<Send {...props}>
<View>
<MaterialCommunityIcons name='send-circle' size={42} style={{marginBottom:5, marginRight:5}} color={COLOR.primary}/>
</View>
</Send>
)
}
return ( return (
<View style={{flex:1}}> <View style={{flex:1}}>
<ChatHeader/> <ChatHeader/>
<GiftedChat <GiftedChat
messages={messages.reverse()} messages={messages.reverse()}
onSend={msg => onSend(msg)} onSend={msg => onSend(msg)}
user={{ user={USER}
_id: "132reweewa52332525252twe", alwaysShowSend={true}
}} loadEarlier={true}
renderAvatarOnTop={true}
renderBubble={renderBubble}
renderSend={renderSend}
scrollToBottom
/> />
</View> </View>
) )
......
src/screens/Home.js
View file @ 47173fbd
...@@ -2,13 +2,14 @@ ...@@ -2,13 +2,14 @@
import { useNavigation } from '@react-navigation/core'; import { useNavigation } from '@react-navigation/core';
import React, { Component } from 'react'; import React, { Component } from 'react';
import { View, Text, StyleSheet, Button } from 'react-native'; import { View, Text, StyleSheet, Button } from 'react-native';
import { FONT } from '../themes';
// create a component // create a component
export const Home = () => { export const Home = () => {
const navigation = useNavigation(); const navigation = useNavigation();
return ( return (
<View style={styles.container}> <View style={styles.container}>
<Text style={{fontSize:20}}>Home</Text> <Text style={{fontSize:20, fontFamily:FONT.Regular}}>Hoame</Text>
<Button title="Chatbot" onPress={()=> navigation.navigate('Chatbot')}/> <Button title="Chatbot" onPress={()=> navigation.navigate('Chatbot')}/>
</View> </View>
); );
...@@ -18,6 +19,7 @@ export const Home = () => { ...@@ -18,6 +19,7 @@ export const Home = () => {
const styles = StyleSheet.create({ const styles = StyleSheet.create({
container: { container: {
flex: 1, flex: 1,
fontFamily:FONT.Regular,
justifyContent: 'center', justifyContent: 'center',
alignItems: 'center', alignItems: 'center',
backgroundColor: '#2c3e50', backgroundColor: '#2c3e50',
......
src/screens/Onboard.js
View file @ 47173fbd
...@@ -8,19 +8,20 @@ import { COLOR } from '../themes'; ...@@ -8,19 +8,20 @@ import { COLOR } from '../themes';
const Square = ({ isLight, selected }) => { const Square = ({ isLight, selected }) => {
let backgroundColor; let backgroundColor;
let width;
if (isLight) { if (isLight) {
backgroundColor = selected ? COLOR.primary : 'rgba(0, 0, 0, 0.3)'; backgroundColor = selected ? COLOR.primary : 'rgba(0, 0, 0, 0.3)';
width = selected ? 40 : 8
} else { } else {
backgroundColor = selected ? COLOR.primary : 'rgba(255, 255, 255, 0.5)'; backgroundColor = selected ? COLOR.primary : 'rgba(255, 255, 255, 0.5)';
} }
return ( return (
<View <View
style={{ style={{
width: 30, width,
height: 6, height: 8,
padding:0, marginHorizontal:1,
marginHorizontal:0, borderRadius:8,
Radius:6,
backgroundColor, backgroundColor,
}} }}
/> />
......
src/themes/index.js
View file @ 47173fbd
export const COLOR = { export const COLOR = {
primary: '#14db98', primary: '#12cdc2',
onPrimary: '#fff', onPrimary: '#fff',
surface: '#fff', surface: '#fff',
onSurface: '#000', onSurface: '#000',
backgroundOnBoard: 'white', backgroundOnBoard: 'white',
white:"white" white:"white",
}; greyFont:'#2e2e2e'
\ No newline at end of file };
export const FONT = {
Regular: "Poppins-Regular",
Bold: 'Poppins-Bold',
Light:'Poppins-Light',
Medium:'Poppins-Medium',
SemiBold:'Poppins-SemiBold'
}
\ No newline at end of file
yarn.lock
View file @ 47173fbd
...@@ -5606,6 +5606,11 @@ react-native-typing-animation@0.1.7: ...@@ -5606,6 +5606,11 @@ react-native-typing-animation@0.1.7:
resolved "https://registry.yarnpkg.com/react-native-typing-animation/-/react-native-typing-animation-0.1.7.tgz#8f2cf08d9400ae543a110292eb7d71523dda5528" resolved "https://registry.yarnpkg.com/react-native-typing-animation/-/react-native-typing-animation-0.1.7.tgz#8f2cf08d9400ae543a110292eb7d71523dda5528"
integrity sha512-4H3rF9M+I2yAZpYJcY0Mb29TXkn98QK12rrKSY6LZj1BQD9NNmRZuNXzwX4XHapsIz+N/J8M3p27FOQPbfzqeg== integrity sha512-4H3rF9M+I2yAZpYJcY0Mb29TXkn98QK12rrKSY6LZj1BQD9NNmRZuNXzwX4XHapsIz+N/J8M3p27FOQPbfzqeg==
react-native-uuid@^2.0.1:
version "2.0.1"
resolved "https://registry.yarnpkg.com/react-native-uuid/-/react-native-uuid-2.0.1.tgz#ed4e2dfb1683eddb66967eb5dca140dfe1abddb9"
integrity sha512-cptnoIbL53GTCrWlb/+jrDC6tvb7ypIyzbXNJcpR3Vab0mkeaaVd5qnB3f0whXYzS+SMoSQLcUUB0gEWqkPC0g==
react-native-vector-icons@^9.2.0: react-native-vector-icons@^9.2.0:
version "9.2.0" version "9.2.0"
resolved "https://registry.yarnpkg.com/react-native-vector-icons/-/react-native-vector-icons-9.2.0.tgz#3c0c82e95defd274d56363cbe8fead8d53167ebd" resolved "https://registry.yarnpkg.com/react-native-vector-icons/-/react-native-vector-icons-9.2.0.tgz#3c0c82e95defd274d56363cbe8fead8d53167ebd"
......
Markdown is supported
0% or
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment