\r\n \r\n
{item.nomeCliente}\r\n
\r\n\r\n {item.endereco}\r\n
\r\n\r\n {item.equipamento}\r\n\r\n (\r\n\r\n {item.Key}: {item.Value}\r\n )}\r\n />\r\n \r\n \r\n\r\n\r\n \r\n }\r\n\r\n />\r\n\r\n \r\n\r\n {/* \r\n \r\n {item.cod}\r\n {item.nomeCliente}\r\n {item.equipamento}\r\n \r\n\r\n\r\n */}\r\n\r\n\r\n )\r\n\r\n\r\n\r\n };\r\n\r\n const renderItem = ({ item }) => (\r\n
Confirma a limpeza dos atendimentos concluídos?',\r\n showDenyButton: true,\r\n showCancelButton: false,\r\n confirmButtonText: 'Sim, Limpar!',\r\n denyButtonText: `Não`,\r\n }).then();\r\n\r\n if (resp.isConfirmed) {\r\n limparItens(); \r\n } else if (resp.isDenied) {\r\n \r\n }\r\n }\r\n\r\n async function limparItens() {\r\n\r\n setIsLoading(true);\r\n const images = await useIndexedDB('images').getAll().then();\r\n const atItens = await getAll().then();\r\n setData({ collects: atItens });\r\n\r\n var atendimentosEnviados = data.collects.filter(i => i.item.enviado === true);\r\n atendimentosEnviados.forEach(async atItem => {\r\n let item = atItem.item as AtendimentoLocal;\r\n let imgList = images.filter(i => i.collectId == atItem.id);\r\n\r\n\r\n setIsLoading(true);\r\n var responseValidate: any;\r\n\r\n try {\r\n\r\n responseValidate = await api.request({\r\n url: 'api/validarImagens',\r\n method: \"post\",\r\n\r\n data: {\r\n images: imgList.map(function (img) {\r\n return {\r\n idEmpresa: ApiConfig.guidUrl,\r\n idUnidade: item.idUnidade,\r\n idUsuario: userInfo.idUsuario,\r\n imageId: img.item.id\r\n }\r\n })\r\n },\r\n }).then();\r\n\r\n\r\n if (responseValidate?.data?.success) {\r\n\r\n\r\n imgList.forEach(async imgItem => {\r\n await useIndexedDB('images').deleteRecord(imgItem.id).then();\r\n });\r\n\r\n await useIndexedDB('collect').deleteRecord(atItem.id).then();\r\n getAll().then(resp => {\r\n setData({ collects: resp });\r\n });\r\n\r\n\r\n } else {\r\n\r\n //Nem todas as imagens foram salvas no servidor, não escluir atendimento e atulizar status da imagem\r\n\r\n debugger\r\n\r\n item.enviado = false;\r\n await update({ id: atItem.id, item: item }).then();\r\n\r\n if (responseValidate.data.images) {\r\n\r\n responseValidate.data.images.forEach(async imgValResp => {\r\n if (imgValResp.saved == false) {\r\n\r\n var imgError = imgList.find(i => i.item.id == imgValResp.imageId);\r\n\r\n if (imgError) {\r\n imgError.item.sendDate = null;\r\n await useIndexedDB('images').update({ id: imgError.id, collectId: imgError.collectId, item: imgError.item }).then();\r\n }\r\n\r\n\r\n\r\n\r\n }\r\n\r\n });\r\n\r\n }\r\n\r\n getAll().then(resp => {\r\n setData({ collects: resp });\r\n });\r\n\r\n }\r\n\r\n\r\n } catch (error) {\r\n throwError(error);\r\n }\r\n\r\n\r\n\r\n\r\n\r\n\r\n\r\n\r\n });\r\n\r\n\r\n }\r\n\r\n\r\n const throwError = (error) => {\r\n // Error 😨\r\n if (error.response) {\r\n console.log('error.response.data', error.response.data);\r\n\r\n if (error.response?.data?.errors) {\r\n let errorList = error.response?.data?.errors;\r\n let errMessage = '';\r\n errorList.forEach(err => {\r\n errMessage += err.message + '\\n'\r\n });\r\n showMessage({\r\n message: errMessage,\r\n type: \"danger\",\r\n autoHide: false\r\n });\r\n\r\n }\r\n\r\n } else {\r\n showMessage({\r\n message: 'Falha ao enviar imagem!',\r\n type: \"danger\"\r\n });\r\n }\r\n console.log(error);\r\n }\r\n\r\n\r\n const Item = ({ data }) => {\r\n\r\n const Info = data.item.info ? JSON.parse(data.item.info) : [];\r\n\r\n return (\r\n navigation.navigate('CollectMd', { collectId: data.id })}\r\n style={({ pressed }) => ({\r\n opacity: pressed ? 0.5 : 1,\r\n })}>\r\n\r\n \r\n \r\n
{data.item.nomeCliente}\r\n
\r\n {data.item.equipamento}\r\n\r\n (\r\n\r\n {item.Key}: {item.Value}\r\n )}\r\n />\r\n \r\n\r\n\r\n\r\n \r\n }\r\n left={props => (\r\n (\r\n )} />\r\n )}\r\n\r\n right={props => (\r\n \r\n {\r\n data.item.validado\r\n ?\r\n Validado\r\n : null\r\n }\r\n\r\n {\r\n data.item.enviado\r\n ?\r\n / Enviado\r\n : null\r\n }\r\n\r\n \r\n )}\r\n\r\n\r\n />\r\n\r\n \r\n\r\n\r\n )\r\n\r\n }\r\n\r\n const renderItem = ({ item }) => (\r\n 
\r\n : null}\r\n\r\n \r\n\r\n \r\n\r\n {/* \r\n */}\r\n\r\n
\r\n\r\n\r\n {\r\n if (imgSrc) {\r\n imgData.base64Image = imgSrc;\r\n imgData.id = uuidv4();\r\n sessionStorage.setItem('@currentImage', JSON.stringify(imgData));\r\n navigation.dispatch(CommonActions.goBack());\r\n }\r\n\r\n }}\r\n />\r\n\r\n \r\n\r\n );\r\n\r\n}\r\n\r\n\r\n\r\n\r\nconst ImagePreview = styled.div<{ image: string | null }>`\r\n width: 120px;\r\n height: 120px;\r\n ${({ image }) => (image ? `background-image: url(${image});` : '')}\r\n background-size: contain;\r\n background-repeat: no-repeat;\r\n background-position: center;\r\n @media (max-width: 400px) {\r\n width: 50px;\r\n height: 120px;\r\n }\r\n`;","import { CommonActions } from '@react-navigation/native';\r\nimport { StatusBar } from 'expo-status-bar';\r\nimport React from 'react';\r\nimport { Platform, StyleSheet, View, SafeAreaView, ScrollView, ActivityIndicator, FlatList } from 'react-native';\r\nimport { Appbar, Button, Caption, Card, Colors, Divider, FAB, IconButton, List, RadioButton, TextInput } from 'react-native-paper';\r\nimport base from '../constants/base';\r\nimport { AtendimentoLocal, ImageData } from '../models/models';\r\nimport styled from 'styled-components';\r\nimport { useIndexedDB } from 'react-indexed-db';\r\nimport moment from 'moment';\r\nimport { MaterialCommunityIcons } from '@expo/vector-icons';\r\nimport Swal from 'sweetalert2'\r\nimport withReactContent from 'sweetalert2-react-content'\r\n\r\nconst MySwal = withReactContent(Swal)\r\n\r\nclass CollectModalComp extends React.Component<{}, any> {\r\n\r\n colors;\r\n navigation;\r\n _userInfo;\r\n\r\n db = useIndexedDB('collect');\r\n imageDb = useIndexedDB('images');\r\n\r\n collectId = null;\r\n nroOS = '';\r\n _unsubscribe;\r\n\r\n\r\n\r\n\r\n\r\n constructor(props) {\r\n super(props);\r\n\r\n this.state = {\r\n\r\n isLoading: false,\r\n\r\n\r\n item: {},\r\n images: [],\r\n\r\n modeSetOs: 'manual',\r\n osDefinida: null,\r\n\r\n showImage: false,\r\n image: undefined,\r\n image_item: undefined,\r\n allImagesCollected: false,\r\n };\r\n\r\n this.loadCollect = this.loadCollect.bind(this);\r\n this.loadImages = this.loadImages.bind(this);\r\n this.close = this.close.bind(this);\r\n\r\n this.navigation = props.navigation;\r\n this.collectId = props.collectId;\r\n this._userInfo = props.userInfo;\r\n this.colors = props.colors;\r\n\r\n\r\n }\r\n\r\n\r\n\r\n componentDidMount() {\r\n\r\n\r\n\r\n this.loadCollect();\r\n\r\n\r\n this._unsubscribe = this.navigation.addListener('focus', () => {\r\n console.log('CollectModal Focused ...');\r\n\r\n let item = this.state.item as AtendimentoLocal;\r\n\r\n var selectedOS = JSON.parse(sessionStorage.getItem('@selectedOS') || '{}');\r\n if (item && selectedOS?.idOs) {\r\n item.idUnidade = selectedOS.idUnidade;\r\n item.idOS = selectedOS.idOs;\r\n item.nroOS = selectedOS.cod;\r\n item.nomeCliente = selectedOS.nomeCliente;\r\n item.equipamento = selectedOS.equipamento;\r\n item.info = selectedOS.info;\r\n\r\n this.setState({ item: item, osDefinida: true });\r\n\r\n sessionStorage.removeItem('@selectedOS');\r\n }\r\n\r\n\r\n var currentImage = sessionStorage.getItem('@currentImage');\r\n if (currentImage) {\r\n\r\n sessionStorage.removeItem('@currentImage');\r\n\r\n var img: ImageData = JSON.parse(currentImage) as ImageData;\r\n this.imageDb.add({ collectId: this.collectId, item: img }).then(() => {\r\n this.loadImages();\r\n });\r\n\r\n\r\n }\r\n\r\n });\r\n\r\n }\r\n\r\n componentWillUnmount() {\r\n this._unsubscribe();\r\n\r\n }\r\n\r\n close() {\r\n this.navigation.dispatch(CommonActions.goBack());\r\n }\r\n\r\n loadCollect() {\r\n\r\n if (this.collectId) {\r\n this.setState({ isLoading: true });\r\n\r\n this.db.getByID(this.collectId).then(resp => {\r\n this.setState({\r\n item: resp.item,\r\n osDefinida: (resp.item.nroOS || resp.item.idOS) ? true : false,\r\n });\r\n\r\n this.loadImages();\r\n this.setState({ isLoading: false });\r\n });\r\n\r\n } else {\r\n\r\n var newItem = new AtendimentoLocal();\r\n newItem.dataEmissao = moment();\r\n\r\n var it = JSON.parse(JSON.stringify(newItem));\r\n this.db.add({ item: it }).then(id => {\r\n this.setState({\r\n item: it,\r\n osDefinida: false,\r\n });\r\n this.collectId = id;\r\n });\r\n\r\n }\r\n\r\n }\r\n\r\n\r\n loadImages = () => {\r\n useIndexedDB('images').getAll().then(resp => {\r\n var imgs = resp?.filter(i => i.collectId == this.collectId);\r\n\r\n var allImagesCollected = imgs.find(i => i.item.imgType == 0) != null\r\n && imgs.find(i => i.item.imgType == 1) != null\r\n && imgs.find(i => i.item.imgType == 2) != null;\r\n\r\n this.setState({ images: imgs, allImagesCollected: allImagesCollected });\r\n })\r\n }\r\n\r\n deleteImage = async (imgItem) => {\r\n\r\n let resp = await MySwal.fire({\r\n title: 'Excluir Imagem?',\r\n html: 'Confirma a exclusão dessa imagem?',\r\n showDenyButton: true,\r\n showCancelButton: false,\r\n confirmButtonText: 'Sim, Excluir',\r\n denyButtonText: `Não`,\r\n }).then();\r\n\r\n if (resp.isConfirmed) {\r\n\r\n await useIndexedDB('images').deleteRecord(imgItem.id).then();\r\n this.loadImages();\r\n this.setState({ showImage: false });\r\n \r\n } else if (resp.isDenied) {\r\n \r\n }\r\n\r\n \r\n \r\n };\r\n\r\n\r\n render() {\r\n\r\n const AppbarHeader = () => {\r\n\r\n return (\r\n\r\n {\r\n\r\n let item = this.state.item as AtendimentoLocal;\r\n if (!item.nroOS && this.state.images.length <= 0) {\r\n this.db.deleteRecord(this.collectId);\r\n } else {\r\n saveItem();\r\n }\r\n\r\n this.navigation.goBack();\r\n }} />\r\n\r\n\r\n \r\n {/* { }} />\r\n { }} /> */}\r\n )\r\n }\r\n\r\n\r\n\r\n const OsInfo = () => {\r\n\r\n const Info = this.state.item.info ? JSON.parse(this.state.item.info) : [];\r\n const data = this.state.item;\r\n\r\n return (\r\n this.state.item.idOS ?\r\n\r\n\r\n \r\n \r\n
{data.nomeCliente}\r\n
\r\n {data.equipamento}\r\n\r\n (\r\n\r\n {item.Key}: {item.Value}\r\n )}\r\n />\r\n\r\n\r\n \r\n }\r\n left={props => (\r\n (\r\n )} />\r\n )}\r\n />\r\n\r\n \r\n\r\n // \r\n // \r\n\r\n // \r\n // {this.state.item.nomeCliente}\r\n // {this.state.item.equipamento}\r\n\r\n // (\r\n \r\n // {item.Key}: {item.Value}\r\n // )}\r\n // />\r\n\r\n // \r\n // \r\n\r\n :\r\n\r\n \r\n \r\n {\r\n this.navigation.navigate('OsPageModal', { findMode: true })\r\n }} />\r\n }>\r\n \r\n\r\n \r\n Falta Selecionar a O.S. On-line!\r\n \r\n\r\n\r\n {/* }\r\n /> */}\r\n\r\n \r\n\r\n )\r\n };\r\n\r\n\r\n const renderImage = ({ item }) => (\r\n\r\n \r\n {\r\n this.setState({ image: item.item.base64Image, image_item: item})\r\n this.setState({ showImage: true });\r\n\r\n }}\r\n />\r\n\r\n \r\n\r\n\r\n\r\n // 
\r\n );\r\n\r\n const saveItem = async () => {\r\n\r\n if (!this.collectId) {\r\n var id = await this.db.add({ item: this.state.item }).then();\r\n this.collectId = id;\r\n } else {\r\n\r\n let totalSendded = this.state.images.filter(i => i.item.sendDate).length;\r\n\r\n let item = this.state.item as AtendimentoLocal;\r\n item.imagensColetadas = this.state.allImagesCollected;\r\n item.validado = item.idOS && this.state.allImagesCollected;\r\n item.enviado = item.validado && (totalSendded >= this.state.images.length);\r\n await this.db.update({ id: this.collectId, item: item });\r\n }\r\n\r\n\r\n };\r\n\r\n\r\n if (this.state.osDefinida == null) {\r\n return (\r\n \r\n \r\n \r\n );\r\n }\r\n\r\n\r\n if (!this.state.osDefinida) {\r\n return (\r\n \r\n\r\n \r\n\r\n \r\n this.setState({ modeSetOs: value })} value={this.state.modeSetOs}>\r\n \r\n \r\n \r\n \r\n \r\n {\r\n this.state.modeSetOs == 'online' ?\r\n (\r\n \r\n ) :\r\n (\r\n \r\n\r\n { this.nroOS = value }}\r\n />\r\n\r\n \r\n \r\n\r\n\r\n\r\n\r\n )\r\n\r\n }\r\n \r\n \r\n )\r\n }\r\n\r\n\r\n return (\r\n \r\n\r\n \r\n\r\n {\r\n this.state.showImage ?\r\n {\r\n this.setState({ showImage: false });\r\n }}\r\n >\r\n {\r\n this.setState({ showImage: false });\r\n }} />\r\n \r\n {(this.state.image_item && !this.state.image_item.item.sendDate ?\r\n \r\n this.deleteImage(this.state.image_item)} />\r\n : null\r\n \r\n )}\r\n \r\n\r\n\r\n : null\r\n }\r\n\r\n\r\n {/* Use a light status bar on iOS to account for the black space above the modal */}\r\n \r\n\r\n\r\n\r\n\r\n \r\n\r\n\r\n\r\n {/* \r\n { setShowImage(false) }} contentContainerStyle={containerStyle}>\r\n \r\n \r\n */}\r\n\r\n \r\n \r\n \r\n\r\n\r\n\r\n\r\n \r\n\r\n\r\n \r\n \r\n {\r\n this.navigation.navigate('NativeCameraScreen', { imageType: 0 });\r\n }} />}>\r\n\r\n \r\n\r\n \r\n i.item.imgType == 0) : [])}\r\n renderItem={renderImage} />\r\n \r\n\r\n \r\n\r\n \r\n {\r\n this.navigation.navigate('NativeCameraScreen', { imageType: 1 });\r\n }} />}>\r\n\r\n \r\n\r\n \r\n i.item.imgType == 1) : [])}\r\n renderItem={renderImage} />\r\n \r\n\r\n \r\n\r\n\r\n \r\n {\r\n this.navigation.navigate('NativeCameraScreen', { imageType: 2 });\r\n }} />}>\r\n\r\n \r\n\r\n \r\n i.item.imgType == 2) : [])}\r\n renderItem={renderImage} />\r\n \r\n\r\n \r\n\r\n \r\n\r\n \r\n\r\n\r\n\r\n \r\n\r\n\r\n {\r\n saveItem();\r\n this.navigation.dispatch(CommonActions.goBack());\r\n }}\r\n />\r\n\r\n\r\n\r\n \r\n\r\n\r\n \r\n )\r\n\r\n }\r\n\r\n\r\n\r\n}\r\n\r\n\r\n\r\nexport default CollectModalComp;\r\n\r\n\r\n\r\n\r\n\r\nconst styles = StyleSheet.create({\r\n container: {\r\n flex: 1,\r\n alignItems: 'center',\r\n justifyContent: 'center',\r\n },\r\n title: {\r\n fontSize: 20,\r\n fontWeight: 'bold',\r\n },\r\n separator: {\r\n marginVertical: 30,\r\n height: 1,\r\n width: '80%',\r\n },\r\n});\r\n\r\n\r\n\r\n\r\nconst ImageContainner = styled.div`\r\n background: rgb(216 216 216 / 71%);\r\n border: #b6b6b6 1px solid;\r\n border-radius: 5px;\r\n padding: 25px;\r\n box-sizing: border-box;\r\n \r\n \r\n`;\r\n\r\nconst ImagePreview = styled.div<{ image: string | null }>`\r\n\r\n height: 90px;\r\n max-height: 90px;\r\n ${({ image }) => (image ? `background-image: url(${image});` : '')}\r\n background-size: contain;\r\n background-repeat: no-repeat;\r\n background-position: center;\r\n @media (max-width: 450px) {\r\n height: 90px;\r\n }\r\n`;\r\n\r\n\r\nconst FullScreenImagePreview = styled.div<{ image: string | null }>`\r\n width: 100%;\r\n height: 100%;\r\n z-index: 9999;\r\n position: absolute;\r\n background-color: black;\r\n ${({ image }) => (image ? `background-image: url(${image});` : '')}\r\n background-size: contain;\r\n background-repeat: no-repeat;\r\n background-position: center;\r\n`;","import { FontAwesome, Ionicons } from '@expo/vector-icons';\nimport { CommonActions } from '@react-navigation/native';\nimport React from 'react';\nimport { Pressable } from 'react-native';\nimport { useTheme } from 'react-native-paper';\nimport { AuthContext } from '../context/PreferencesContext';\nimport CollectModalComp from './CollectModalComp';\n\n\nexport default function CollectMd({ props, route, navigation, theme }) {\n\n const { colors } = useTheme();\n const { userInfo } = React.useContext(AuthContext);\n\n\n\n React.useLayoutEffect(() => {\n navigation.setOptions({\n\n headerLeft: () => (\n {\n navigation.dispatch(CommonActions.goBack());\n }}>\n\n \n\n\n\n \n ),\n\n\n });\n }, [navigation]);\n\n\n\n return (\n\n \n \n )\n}","import { NavigationContainer, Theme } from '@react-navigation/native';\r\nimport { createNativeStackNavigator } from '@react-navigation/native-stack';\r\nimport { createDrawerNavigator } from '@react-navigation/drawer';\r\n\r\nimport * as React from 'react';\r\n\r\nimport ModalScreen from '../screens/ModalScreen';\r\n\r\n\r\nimport MenuIcon from './MenuIcon';\r\nimport MenuContent from './MenuContent';\r\nimport { AuthContext } from '../context/PreferencesContext';\r\nimport LoginPage from '../screens/LoginScreen';\r\nimport OsPage from '../screens/OsScreen';\r\nimport AsyncStorage from '@react-native-async-storage/async-storage';\r\nimport CollectImageScreen from '../screens/CollectImageScreen';\r\nimport CameraScreen from '../screens/CameraScreen';\r\nimport NativeCameraScreen from '../screens/NativeCameraScreen';\r\nimport CollectMd from '../screens/CollectMd';\r\n\r\ndeclare type Props = {\r\n theme?: Theme;\r\n};\r\n\r\nexport default function Navigation({ ...props }: Props) {\r\n return (\r\n \r\n \r\n \r\n );\r\n}\r\n\r\nconst Stack = createNativeStackNavigator();\r\nconst Drawer = createDrawerNavigator();\r\n\r\n\r\nfunction RootNavigator() {\r\n\r\n const [userInfo, setUserData] = React.useState(undefined);\r\n\r\n //Function to change theme\r\n const setUser = React.useCallback((data) => {\r\n return setUserData(data);\r\n }, [userInfo]);\r\n\r\n const preferences = React.useMemo(\r\n () => ({ setUser, userInfo }), [setUser, userInfo]\r\n );\r\n\r\n React.useEffect(() => {\r\n AsyncStorage.getItem('@user').then(resp => {\r\n console.log(resp);\r\n setUserData(JSON.parse(resp));\r\n })\r\n }, []);\r\n\r\n\r\n return (\r\n \r\n {userInfo ?\r\n \r\n :\r\n \r\n }\r\n \r\n );\r\n\r\n}\r\n\r\nfunction StackNavigator() {\r\n return (\r\n\r\n \r\n\r\n \r\n \r\n \r\n\r\n \r\n \r\n \r\n\r\n\r\n \r\n \r\n \r\n \r\n\r\n \r\n\r\n );\r\n}\r\n\r\nfunction DrawerNavigator() {\r\n\r\n return (\r\n }} drawerContent={(props) => }>\r\n\r\n \r\n\r\n \r\n\r\n \r\n\r\n {/* */}\r\n \r\n );\r\n\r\n}\r\n\r\nfunction LogOutNavigator() {\r\n return (\r\n \r\n \r\n\r\n \r\n );\r\n}\r\n\r\n\r\n","// This optional code is used to register a service worker.\r\n// register() is not called by default.\r\n\r\n// This lets the app load faster on subsequent visits in production, and gives\r\n// it offline capabilities. However, it also means that developers (and users)\r\n// will only see deployed updates on subsequent visits to a page, after all the\r\n// existing tabs open on the page have been closed, since previously cached\r\n// resources are updated in the background.\r\n\r\n// To learn more about the benefits of this model and instructions on how to\r\n// opt-in, read https://cra.link/PWA\r\n\r\nconst isLocalhost = Boolean(\r\n window.location.hostname === \"localhost\" ||\r\n // [::1] is the IPv6 localhost address.\r\n window.location.hostname === \"[::1]\" ||\r\n // 127.0.0.0/8 are considered localhost for IPv4.\r\n window.location.hostname.match(\r\n /^127(?:\\.(?:25[0-5]|2[0-4][0-9]|[01]?[0-9][0-9]?)){3}$/\r\n )\r\n );\r\n \r\n export function register(config) {\r\n const isEnvProduction = process.env.NODE_ENV === \"production\";\r\n if (isEnvProduction && \"serviceWorker\" in navigator) {\r\n // The URL constructor is available in all browsers that support SW.\r\n const publicUrl = new URL(process.env.PUBLIC_URL, window.location.href);\r\n if (publicUrl.origin !== window.location.origin) {\r\n // Our service worker won't work if PUBLIC_URL is on a different origin\r\n // from what our page is served on. This might happen if a CDN is used to\r\n // serve assets; see https://github.com/facebook/create-react-app/issues/2374\r\n return;\r\n }\r\n \r\n window.addEventListener(\"load\", () => {\r\n const swUrl = `${process.env.PUBLIC_URL}/service-worker.js`;\r\n \r\n if (isLocalhost) {\r\n // This is running on localhost. Let's check if a service worker still exists or not.\r\n checkValidServiceWorker(swUrl, config);\r\n \r\n // Add some additional logging to localhost, pointing developers to the\r\n // service worker/PWA documentation.\r\n navigator.serviceWorker.ready.then(() => {\r\n console.log(\r\n \"This web app is being served cache-first by a service \" +\r\n \"worker. To learn more, visit https://cra.link/PWA\"\r\n );\r\n });\r\n } else {\r\n // Is not localhost. Just register service worker\r\n registerValidSW(swUrl, config);\r\n }\r\n });\r\n }\r\n }\r\n \r\n function registerValidSW(swUrl, config) {\r\n navigator.serviceWorker\r\n .register(swUrl)\r\n .then((registration) => {\r\n registration.onupdatefound = () => {\r\n const installingWorker = registration.installing;\r\n if (installingWorker == null) {\r\n return;\r\n }\r\n installingWorker.onstatechange = () => {\r\n if (installingWorker.state === \"installed\") {\r\n if (navigator.serviceWorker.controller) {\r\n // At this point, the updated precached content has been fetched,\r\n // but the previous service worker will still serve the older\r\n // content until all client tabs are closed.\r\n console.log(\r\n \"New content is available and will be used when all \" +\r\n \"tabs for this page are closed. See https://cra.link/PWA.\"\r\n );\r\n \r\n // Execute callback\r\n if (config && config.onUpdate) {\r\n config.onUpdate(registration);\r\n }\r\n } else {\r\n // At this point, everything has been precached.\r\n // It's the perfect time to display a\r\n // \"Content is cached for offline use.\" message.\r\n console.log(\"Content is cached for offline use.\");\r\n \r\n // Execute callback\r\n if (config && config.onSuccess) {\r\n config.onSuccess(registration);\r\n }\r\n }\r\n }\r\n };\r\n };\r\n })\r\n .catch((error) => {\r\n console.error(\"Error during service worker registration:\", error);\r\n });\r\n }\r\n \r\n function checkValidServiceWorker(swUrl, config) {\r\n // Check if the service worker can be found. If it can't reload the page.\r\n fetch(swUrl, {\r\n headers: { \"Service-Worker\": \"script\" },\r\n })\r\n .then((response) => {\r\n // Ensure service worker exists, and that we really are getting a JS file.\r\n const contentType = response.headers.get(\"content-type\");\r\n if (\r\n response.status === 404 ||\r\n (contentType != null && contentType.indexOf(\"javascript\") === -1)\r\n ) {\r\n // No service worker found. Probably a different app. Reload the page.\r\n navigator.serviceWorker.ready.then((registration) => {\r\n registration.unregister().then(() => {\r\n window.location.reload();\r\n });\r\n });\r\n } else {\r\n // Service worker found. Proceed as normal.\r\n registerValidSW(swUrl, config);\r\n }\r\n })\r\n .catch(() => {\r\n console.log(\r\n \"No internet connection found. App is running in offline mode.\"\r\n );\r\n });\r\n }\r\n \r\n export function unregister() {\r\n if (\"serviceWorker\" in navigator) {\r\n navigator.serviceWorker.ready\r\n .then((registration) => {\r\n registration.unregister();\r\n })\r\n .catch((error) => {\r\n console.error(error.message);\r\n });\r\n }\r\n }","import 'react-native-gesture-handler';\nimport { StatusBar } from 'expo-status-bar';\nimport { SafeAreaProvider } from 'react-native-safe-area-context';\n\nimport useCachedResources from './hooks/useCachedResources';\nimport useColorScheme from './hooks/useColorScheme';\nimport Navigation from './navigation';\nimport {\n Card,\n Title,\n Paragraph,\n List,\n Provider as PaperProvider,\n} from 'react-native-paper';\nimport React, { useEffect } from 'react';\nimport { CombinedDarkTheme, CombinedDefaultTheme } from './constants/Theme';\nimport { PreferencesContext } from './context/PreferencesContext';\nimport { NavigationContainer, Theme, useFocusEffect } from '@react-navigation/native';\nimport * as serviceWorkerRegistration from \"./src/serviceWorkerRegistration\";\nimport AsyncStorage from '@react-native-async-storage/async-storage';\nimport { Alert, BackHandler } from 'react-native';\nimport { DBConfig } from './services/DBConfig';\nimport { initDB } from 'react-indexed-db';\n\nimport 'moment/src/locale/pt';\n \ninitDB(DBConfig);\n\n\nexport default function App() {\n\n const backAction = () => {\n Alert.alert(\"Hold on!\", \"Are you sure you want to go back?\", [\n {\n text: \"Cancel\",\n onPress: () => null,\n style: \"cancel\"\n },\n { text: \"YES\", onPress: () => BackHandler.exitApp() }\n ]);\n return true;\n };\n\n useEffect(() => {\n BackHandler.addEventListener(\"hardwareBackPress\", backAction);\n\n return () =>\n BackHandler.removeEventListener(\"hardwareBackPress\", backAction);\n }, []);\n\n \n\n const isLoadingComplete = useCachedResources();\n const [isThemeDark, setIsThemeDark] = React.useState(true);\n let theme = isThemeDark ? CombinedDarkTheme : CombinedDefaultTheme;\n\n\n //Function to change theme\n const toggleTheme = React.useCallback(() => {\n setIsThemeDark(!isThemeDark);\n AsyncStorage.setItem('@isThemeDark', (!isThemeDark) ? 'true' : 'false');\n window.location.reload();\n }, [isThemeDark]);\n\n const preferences = React.useMemo(\n () => ({ toggleTheme, isThemeDark }), [toggleTheme, isThemeDark]\n );\n\n React.useEffect(() => {\n\n AsyncStorage.getItem('@isThemeDark').then(resp => {\n setIsThemeDark(resp === 'true' ? true : false);\n })\n\n }, []);\n\n \n if (!isLoadingComplete) {\n return null;\n } else {\n return (\n\n \n \n\n \n\n {/* \n \n \n \n \n */}\n \n \n\n // \n // \n // \n // \n );\n }\n}\n\n\n// If you want your app to work offline and load faster, you can change\n// unregister() to register() below. Note this comes with some pitfalls.\n// Learn more about service workers: https://cra.link/PWA\nserviceWorkerRegistration.register();","import { FontAwesome } from '@expo/vector-icons';\nimport * as Font from 'expo-font';\nimport * as SplashScreen from 'expo-splash-screen';\nimport { useEffect, useState } from 'react';\n\nexport default function useCachedResources() {\n const [isLoadingComplete, setLoadingComplete] = useState(false);\n\n // Load any resources or data that we need prior to rendering the app\n useEffect(() => {\n async function loadResourcesAndDataAsync() {\n try {\n SplashScreen.preventAutoHideAsync();\n\n // Load fonts\n await Font.loadAsync({\n ...FontAwesome.font,\n 'space-mono': require('../assets/fonts/SpaceMono-Regular.ttf'),\n });\n } catch (e) {\n // We might want to provide this error information to an error reporting service\n console.warn(e);\n } finally {\n setLoadingComplete(true);\n SplashScreen.hideAsync();\n }\n }\n\n loadResourcesAndDataAsync();\n }, []);\n\n return isLoadingComplete;\n}\n","export const DBConfig = {\r\n name: 'ImageCollectDb',\r\n version: 1,\r\n objectStoresMeta: [\r\n {\r\n store: 'collect',\r\n storeConfig: { keyPath: 'id', autoIncrement: true },\r\n storeSchema: [\r\n { name: 'cod', keypath: 'cod', options: { unique: false } },\r\n { name: 'item', keypath: 'item', options: { unique: false } }\r\n ]\r\n },\r\n {\r\n store: 'images',\r\n storeConfig: { keyPath: 'id', autoIncrement: true },\r\n storeSchema: [\r\n { name: 'collectId', keypath: 'collectId', options: { unique: false } },\r\n { name: 'item', keypath: 'item', options: { unique: false } }\r\n ]\r\n }\r\n ]\r\n };","module.exports = __webpack_public_path__ + \"./fonts/SpaceMono-Regular.ttf\";","module.exports = __webpack_public_path__ + \"static/media/icon.8fe3133c.png\";","var map = {\n\t\"./af\": 313,\n\t\"./af.js\": 313,\n\t\"./ar\": 314,\n\t\"./ar-dz\": 315,\n\t\"./ar-dz.js\": 315,\n\t\"./ar-kw\": 316,\n\t\"./ar-kw.js\": 316,\n\t\"./ar-ly\": 317,\n\t\"./ar-ly.js\": 317,\n\t\"./ar-ma\": 318,\n\t\"./ar-ma.js\": 318,\n\t\"./ar-sa\": 319,\n\t\"./ar-sa.js\": 319,\n\t\"./ar-tn\": 320,\n\t\"./ar-tn.js\": 320,\n\t\"./ar.js\": 314,\n\t\"./az\": 321,\n\t\"./az.js\": 321,\n\t\"./be\": 322,\n\t\"./be.js\": 322,\n\t\"./bg\": 323,\n\t\"./bg.js\": 323,\n\t\"./bm\": 324,\n\t\"./bm.js\": 324,\n\t\"./bn\": 325,\n\t\"./bn-bd\": 326,\n\t\"./bn-bd.js\": 326,\n\t\"./bn.js\": 325,\n\t\"./bo\": 327,\n\t\"./bo.js\": 327,\n\t\"./br\": 328,\n\t\"./br.js\": 328,\n\t\"./bs\": 329,\n\t\"./bs.js\": 329,\n\t\"./ca\": 330,\n\t\"./ca.js\": 330,\n\t\"./cs\": 331,\n\t\"./cs.js\": 331,\n\t\"./cv\": 332,\n\t\"./cv.js\": 332,\n\t\"./cy\": 333,\n\t\"./cy.js\": 333,\n\t\"./da\": 334,\n\t\"./da.js\": 334,\n\t\"./de\": 335,\n\t\"./de-at\": 336,\n\t\"./de-at.js\": 336,\n\t\"./de-ch\": 337,\n\t\"./de-ch.js\": 337,\n\t\"./de.js\": 335,\n\t\"./dv\": 338,\n\t\"./dv.js\": 338,\n\t\"./el\": 339,\n\t\"./el.js\": 339,\n\t\"./en-au\": 340,\n\t\"./en-au.js\": 340,\n\t\"./en-ca\": 341,\n\t\"./en-ca.js\": 341,\n\t\"./en-gb\": 342,\n\t\"./en-gb.js\": 342,\n\t\"./en-ie\": 343,\n\t\"./en-ie.js\": 343,\n\t\"./en-il\": 344,\n\t\"./en-il.js\": 344,\n\t\"./en-in\": 345,\n\t\"./en-in.js\": 345,\n\t\"./en-nz\": 346,\n\t\"./en-nz.js\": 346,\n\t\"./en-sg\": 347,\n\t\"./en-sg.js\": 347,\n\t\"./eo\": 348,\n\t\"./eo.js\": 348,\n\t\"./es\": 349,\n\t\"./es-do\": 350,\n\t\"./es-do.js\": 350,\n\t\"./es-mx\": 351,\n\t\"./es-mx.js\": 351,\n\t\"./es-us\": 352,\n\t\"./es-us.js\": 352,\n\t\"./es.js\": 349,\n\t\"./et\": 353,\n\t\"./et.js\": 353,\n\t\"./eu\": 354,\n\t\"./eu.js\": 354,\n\t\"./fa\": 355,\n\t\"./fa.js\": 355,\n\t\"./fi\": 356,\n\t\"./fi.js\": 356,\n\t\"./fil\": 357,\n\t\"./fil.js\": 357,\n\t\"./fo\": 358,\n\t\"./fo.js\": 358,\n\t\"./fr\": 359,\n\t\"./fr-ca\": 360,\n\t\"./fr-ca.js\": 360,\n\t\"./fr-ch\": 361,\n\t\"./fr-ch.js\": 361,\n\t\"./fr.js\": 359,\n\t\"./fy\": 362,\n\t\"./fy.js\": 362,\n\t\"./ga\": 363,\n\t\"./ga.js\": 363,\n\t\"./gd\": 364,\n\t\"./gd.js\": 364,\n\t\"./gl\": 365,\n\t\"./gl.js\": 365,\n\t\"./gom-deva\": 366,\n\t\"./gom-deva.js\": 366,\n\t\"./gom-latn\": 367,\n\t\"./gom-latn.js\": 367,\n\t\"./gu\": 368,\n\t\"./gu.js\": 368,\n\t\"./he\": 369,\n\t\"./he.js\": 369,\n\t\"./hi\": 370,\n\t\"./hi.js\": 370,\n\t\"./hr\": 371,\n\t\"./hr.js\": 371,\n\t\"./hu\": 372,\n\t\"./hu.js\": 372,\n\t\"./hy-am\": 373,\n\t\"./hy-am.js\": 373,\n\t\"./id\": 374,\n\t\"./id.js\": 374,\n\t\"./is\": 375,\n\t\"./is.js\": 375,\n\t\"./it\": 376,\n\t\"./it-ch\": 377,\n\t\"./it-ch.js\": 377,\n\t\"./it.js\": 376,\n\t\"./ja\": 378,\n\t\"./ja.js\": 378,\n\t\"./jv\": 379,\n\t\"./jv.js\": 379,\n\t\"./ka\": 380,\n\t\"./ka.js\": 380,\n\t\"./kk\": 381,\n\t\"./kk.js\": 381,\n\t\"./km\": 382,\n\t\"./km.js\": 382,\n\t\"./kn\": 383,\n\t\"./kn.js\": 383,\n\t\"./ko\": 384,\n\t\"./ko.js\": 384,\n\t\"./ku\": 385,\n\t\"./ku.js\": 385,\n\t\"./ky\": 386,\n\t\"./ky.js\": 386,\n\t\"./lb\": 387,\n\t\"./lb.js\": 387,\n\t\"./lo\": 388,\n\t\"./lo.js\": 388,\n\t\"./lt\": 389,\n\t\"./lt.js\": 389,\n\t\"./lv\": 390,\n\t\"./lv.js\": 390,\n\t\"./me\": 391,\n\t\"./me.js\": 391,\n\t\"./mi\": 392,\n\t\"./mi.js\": 392,\n\t\"./mk\": 393,\n\t\"./mk.js\": 393,\n\t\"./ml\": 394,\n\t\"./ml.js\": 394,\n\t\"./mn\": 395,\n\t\"./mn.js\": 395,\n\t\"./mr\": 396,\n\t\"./mr.js\": 396,\n\t\"./ms\": 397,\n\t\"./ms-my\": 398,\n\t\"./ms-my.js\": 398,\n\t\"./ms.js\": 397,\n\t\"./mt\": 399,\n\t\"./mt.js\": 399,\n\t\"./my\": 400,\n\t\"./my.js\": 400,\n\t\"./nb\": 401,\n\t\"./nb.js\": 401,\n\t\"./ne\": 402,\n\t\"./ne.js\": 402,\n\t\"./nl\": 403,\n\t\"./nl-be\": 404,\n\t\"./nl-be.js\": 404,\n\t\"./nl.js\": 403,\n\t\"./nn\": 405,\n\t\"./nn.js\": 405,\n\t\"./oc-lnc\": 406,\n\t\"./oc-lnc.js\": 406,\n\t\"./pa-in\": 407,\n\t\"./pa-in.js\": 407,\n\t\"./pl\": 408,\n\t\"./pl.js\": 408,\n\t\"./pt\": 409,\n\t\"./pt-br\": 410,\n\t\"./pt-br.js\": 410,\n\t\"./pt.js\": 409,\n\t\"./ro\": 411,\n\t\"./ro.js\": 411,\n\t\"./ru\": 412,\n\t\"./ru.js\": 412,\n\t\"./sd\": 413,\n\t\"./sd.js\": 413,\n\t\"./se\": 414,\n\t\"./se.js\": 414,\n\t\"./si\": 415,\n\t\"./si.js\": 415,\n\t\"./sk\": 416,\n\t\"./sk.js\": 416,\n\t\"./sl\": 417,\n\t\"./sl.js\": 417,\n\t\"./sq\": 418,\n\t\"./sq.js\": 418,\n\t\"./sr\": 419,\n\t\"./sr-cyrl\": 420,\n\t\"./sr-cyrl.js\": 420,\n\t\"./sr.js\": 419,\n\t\"./ss\": 421,\n\t\"./ss.js\": 421,\n\t\"./sv\": 422,\n\t\"./sv.js\": 422,\n\t\"./sw\": 423,\n\t\"./sw.js\": 423,\n\t\"./ta\": 424,\n\t\"./ta.js\": 424,\n\t\"./te\": 425,\n\t\"./te.js\": 425,\n\t\"./tet\": 426,\n\t\"./tet.js\": 426,\n\t\"./tg\": 427,\n\t\"./tg.js\": 427,\n\t\"./th\": 428,\n\t\"./th.js\": 428,\n\t\"./tk\": 429,\n\t\"./tk.js\": 429,\n\t\"./tl-ph\": 430,\n\t\"./tl-ph.js\": 430,\n\t\"./tlh\": 431,\n\t\"./tlh.js\": 431,\n\t\"./tr\": 432,\n\t\"./tr.js\": 432,\n\t\"./tzl\": 433,\n\t\"./tzl.js\": 433,\n\t\"./tzm\": 434,\n\t\"./tzm-latn\": 435,\n\t\"./tzm-latn.js\": 435,\n\t\"./tzm.js\": 434,\n\t\"./ug-cn\": 436,\n\t\"./ug-cn.js\": 436,\n\t\"./uk\": 437,\n\t\"./uk.js\": 437,\n\t\"./ur\": 438,\n\t\"./ur.js\": 438,\n\t\"./uz\": 439,\n\t\"./uz-latn\": 440,\n\t\"./uz-latn.js\": 440,\n\t\"./uz.js\": 439,\n\t\"./vi\": 441,\n\t\"./vi.js\": 441,\n\t\"./x-pseudo\": 442,\n\t\"./x-pseudo.js\": 442,\n\t\"./yo\": 443,\n\t\"./yo.js\": 443,\n\t\"./zh-cn\": 444,\n\t\"./zh-cn.js\": 444,\n\t\"./zh-hk\": 445,\n\t\"./zh-hk.js\": 445,\n\t\"./zh-mo\": 446,\n\t\"./zh-mo.js\": 446,\n\t\"./zh-tw\": 447,\n\t\"./zh-tw.js\": 447\n};\n\n\nfunction webpackContext(req) {\n\tvar id = webpackContextResolve(req);\n\treturn __webpack_require__(id);\n}\nfunction webpackContextResolve(req) {\n\tif(!__webpack_require__.o(map, req)) {\n\t\tvar e = new Error(\"Cannot find module '\" + req + \"'\");\n\t\te.code = 'MODULE_NOT_FOUND';\n\t\tthrow e;\n\t}\n\treturn map[req];\n}\nwebpackContext.keys = function webpackContextKeys() {\n\treturn Object.keys(map);\n};\nwebpackContext.resolve = webpackContextResolve;\nmodule.exports = webpackContext;\nwebpackContext.id = 653;"],"sourceRoot":""}