Mansi/demoapp
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

feat: Add user registration component and authentication services

Browse Source 
- Implemented Register component for user sign-up with form validation and network status handling.
- Created authAPI service for handling user login and registration with online/offline support.
- Developed localStorage service for managing user data and sessions offline.
- Introduced networkService for detecting online/offline status and managing connectivity.
- Defined authentication types for requests and responses.
- Added TypeScript configuration for the project.
This commit is contained in:
Mansi
2025-12-11 23:33:43 +05:30
parent a7aa9e53a7
commit 801725edf3
75 changed files with 15734 additions and 0 deletions
Download Patch File Download Diff File Expand all files Collapse all files

2
.bundle/config Normal file
View File

@@ -0,0 +1,2 @@
BUNDLE_PATH: "vendor/bundle"
BUNDLE_FORCE_RUBY_PLATFORM: 1

4
.eslintrc.js Normal file
View File

@@ -0,0 +1,4 @@
module.exports = {
root: true,
extends: '@react-native',
};

75
.gitignore vendored Normal file
View File

@@ -0,0 +1,75 @@
# OSX
#
.DS_Store
# Xcode
#
build/
*.pbxuser
!default.pbxuser
*.mode1v3
!default.mode1v3
*.mode2v3
!default.mode2v3
*.perspectivev3
!default.perspectivev3
xcuserdata
*.xccheckout
*.moved-aside
DerivedData
*.hmap
*.ipa
*.xcuserstate
**/.xcode.env.local
# Android/IntelliJ
#
build/
.idea
.gradle
local.properties
*.iml
*.hprof
.cxx/
*.keystore
!debug.keystore
.kotlin/
# node.js
#
node_modules/
npm-debug.log
yarn-error.log
# fastlane
#
# It is recommended to not store the screenshots in the git repo. Instead, use fastlane to re-generate the
# screenshots whenever they are needed.
# For more information about the recommended setup visit:
# https://docs.fastlane.tools/best-practices/source-control/
**/fastlane/report.xml
**/fastlane/Preview.html
**/fastlane/screenshots
**/fastlane/test_output
# Bundle artifact
*.jsbundle
# Ruby / CocoaPods
**/Pods/
/vendor/bundle/
# Temporary files created by Metro to check the health of the file watcher
.metro-health-check*
# testing
/coverage
# Yarn
.yarn/*
!.yarn/patches
!.yarn/plugins
!.yarn/releases
!.yarn/sdks
!.yarn/versions

5
.prettierrc.js Normal file
View File

@@ -0,0 +1,5 @@
module.exports = {
arrowParens: 'avoid',
singleQuote: true,
trailingComma: 'all',
};

1
.watchmanconfig Normal file
View File

@@ -0,0 +1 @@
{}

254
App.tsx Normal file
View File

@@ -0,0 +1,254 @@
import {
StatusBar,
useColorScheme,
View,
StyleSheet,
Text,
TouchableOpacity,
Alert,
} from 'react-native';
import { SafeAreaProvider } from 'react-native-safe-area-context';
import { useState, useEffect } from 'react';
import Login from './src/components/Login';
import Register from './src/components/Register';
import { authAPI } from './src/services/authAPI';
import { networkService } from './src/services/networkService';
type Screen = 'login' | 'register' | 'home';
function App() {
const isDarkMode = useColorScheme() === 'dark';
const [currentScreen, setCurrentScreen] = useState<Screen>('login');
const [isInitialized, setIsInitialized] = useState(false);
const [isOnline, setIsOnline] = useState(true);
const [currentUser, setCurrentUser] = useState<any>(null);
// Initialize app
useEffect(() => {
initializeApp();
// Listen for network changes
const unsubscribe = networkService.addListener((networkState) => {
setIsOnline(networkState.isConnected);
});
return unsubscribe;
}, []);
const initializeApp = async () => {
try {
console.log('Initializing app...');
// Initialize authentication system
await authAPI.initialize();
// Check if user is already logged in
const isLoggedIn = await authAPI.isLoggedIn();
if (isLoggedIn) {
const user = await authAPI.getCurrentUser();
setCurrentUser(user);
setCurrentScreen('home');
}
setIsInitialized(true);
console.log('App initialized successfully');
} catch (error) {
console.error('App initialization error:', error);
setIsInitialized(true); // Continue anyway
}
};
const navigateToLogin = () => {
setCurrentUser(null);
setCurrentScreen('login');
};
const navigateToRegister = () => setCurrentScreen('register');
const navigateToHome = async () => {
const user = await authAPI.getCurrentUser();
setCurrentUser(user);
setCurrentScreen('home');
};
const handleLogout = async () => {
try {
await authAPI.logout();
navigateToLogin();
Alert.alert('Success', 'Logged out successfully');
} catch (error) {
console.error('Logout error:', error);
Alert.alert('Error', 'Failed to logout');
}
};
const showAppStatus = async () => {
try {
const status = await authAPI.getAppStatus();
const statusMessage = `
Network: ${status.network.isOnline ? 'Online' : 'Offline'}
Users: ${status.storage.totalUsers}
Current User: ${status.authentication.currentUser || 'None'}
Logged In: ${status.authentication.isLoggedIn ? 'Yes' : 'No'}
`.trim();
Alert.alert('App Status', statusMessage);
} catch (error) {
Alert.alert('Error', 'Failed to get app status');
}
};
const renderScreen = () => {
switch (currentScreen) {
case 'login':
return (
<Login
onNavigateToRegister={navigateToRegister}
onLoginSuccess={navigateToHome}
/>
);
case 'register':
return (
<Register
onNavigateToLogin={navigateToLogin}
onRegisterSuccess={navigateToHome}
/>
);
case 'home':
return (
<View style={styles.homeContainer}>
<View style={styles.statusBar}>
<Text style={styles.statusText}>
{isOnline ? '🟢 Online' : '🔴 Offline'}
</Text>
</View>
<Text style={styles.welcomeText}>
Welcome, {currentUser?.fullName || 'User'}!
</Text>
<Text style={styles.emailText}>
{currentUser?.email}
</Text>
<View style={styles.buttonContainer}>
<TouchableOpacity style={styles.statusButton} onPress={showAppStatus}>
<Text style={styles.buttonText}>App Status</Text>
</TouchableOpacity>
<TouchableOpacity style={styles.logoutButton} onPress={handleLogout}>
<Text style={styles.buttonText}>Logout</Text>
</TouchableOpacity>
</View>
<Text style={styles.infoText}>
{isOnline
? 'Your data is synced with the cloud'
: 'Working offline - data saved locally'}
</Text>
</View>
);
default:
return null;
}
};
// Show loading screen while initializing
if (!isInitialized) {
return (
<SafeAreaProvider>
<StatusBar barStyle={isDarkMode ? 'light-content' : 'dark-content'} />
<View style={styles.loadingContainer}>
<Text style={styles.loadingText}>Initializing...</Text>
</View>
</SafeAreaProvider>
);
}
return (
<SafeAreaProvider>
<StatusBar barStyle={isDarkMode ? 'light-content' : 'dark-content'} />
{renderScreen()}
</SafeAreaProvider>
);
}
const styles = StyleSheet.create({
loadingContainer: {
flex: 1,
justifyContent: 'center',
alignItems: 'center',
backgroundColor: '#f0f0f0',
},
loadingText: {
fontSize: 18,
color: '#3bb6d8',
fontWeight: '600',
},
homeContainer: {
flex: 1,
justifyContent: 'center',
alignItems: 'center',
backgroundColor: '#f0f0f0',
padding: 20,
},
statusBar: {
position: 'absolute',
top: 60,
right: 20,
backgroundColor: 'white',
paddingHorizontal: 12,
paddingVertical: 6,
borderRadius: 20,
shadowColor: '#000',
shadowOffset: { width: 0, height: 2 },
shadowOpacity: 0.1,
shadowRadius: 4,
elevation: 3,
},
statusText: {
fontSize: 12,
fontWeight: '600',
},
welcomeText: {
fontSize: 28,
fontWeight: 'bold',
color: '#333',
marginBottom: 8,
textAlign: 'center',
},
emailText: {
fontSize: 16,
color: '#666',
marginBottom: 40,
},
buttonContainer: {
flexDirection: 'row',
gap: 15,
marginBottom: 30,
},
statusButton: {
backgroundColor: '#3bb6d8',
paddingHorizontal: 20,
paddingVertical: 12,
borderRadius: 25,
},
logoutButton: {
backgroundColor: '#ff6b6b',
paddingHorizontal: 20,
paddingVertical: 12,
borderRadius: 25,
},
buttonText: {
color: 'white',
fontWeight: '600',
fontSize: 16,
},
infoText: {
fontSize: 14,
color: '#888',
textAlign: 'center',
fontStyle: 'italic',
},
});
export default App;

16
Gemfile Normal file
View File

@@ -0,0 +1,16 @@
source 'https://rubygems.org'
# You may use http://rbenv.org/ or https://rvm.io/ to install and use this version
ruby ">= 2.6.10"
# Exclude problematic versions of cocoapods and activesupport that causes build failures.
gem 'cocoapods', '>= 1.13', '!= 1.15.0', '!= 1.15.1'
gem 'activesupport', '>= 6.1.7.5', '!= 7.1.0'
gem 'xcodeproj', '< 1.26.0'
gem 'concurrent-ruby', '< 1.3.4'
# Ruby 3.4.0 has removed some libraries from the standard library.
gem 'bigdecimal'
gem 'logger'
gem 'benchmark'
gem 'mutex_m'

111
Gemfile.lock Normal file
View File

@@ -0,0 +1,111 @@
GEM
remote: https://rubygems.org/
specs:
CFPropertyList (3.0.8)
activesupport (6.1.7.10)
concurrent-ruby (~> 1.0, >= 1.0.2)
i18n (>= 1.6, < 2)
minitest (>= 5.1)
tzinfo (~> 2.0)
zeitwerk (~> 2.3)
addressable (2.8.7)
public_suffix (>= 2.0.2, < 7.0)
algoliasearch (1.27.5)
httpclient (~> 2.8, >= 2.8.3)
json (>= 1.5.1)
atomos (0.1.3)
benchmark (0.5.0)
bigdecimal (3.3.1)
claide (1.1.0)
cocoapods (1.15.2)
addressable (~> 2.8)
claide (>= 1.0.2, < 2.0)
cocoapods-core (= 1.15.2)
cocoapods-deintegrate (>= 1.0.3, < 2.0)
cocoapods-downloader (>= 2.1, < 3.0)
cocoapods-plugins (>= 1.0.0, < 2.0)
cocoapods-search (>= 1.0.0, < 2.0)
cocoapods-trunk (>= 1.6.0, < 2.0)
cocoapods-try (>= 1.1.0, < 2.0)
colored2 (~> 3.1)
escape (~> 0.0.4)
fourflusher (>= 2.3.0, < 3.0)
gh_inspector (~> 1.0)
molinillo (~> 0.8.0)
nap (~> 1.0)
ruby-macho (>= 2.3.0, < 3.0)
xcodeproj (>= 1.23.0, < 2.0)
cocoapods-core (1.15.2)
activesupport (>= 5.0, < 8)
addressable (~> 2.8)
algoliasearch (~> 1.0)
concurrent-ruby (~> 1.1)
fuzzy_match (~> 2.0.4)
nap (~> 1.0)
netrc (~> 0.11)
public_suffix (~> 4.0)
typhoeus (~> 1.0)
cocoapods-deintegrate (1.0.5)
cocoapods-downloader (2.1)
cocoapods-plugins (1.0.0)
nap
cocoapods-search (1.0.1)
cocoapods-trunk (1.6.0)
nap (>= 0.8, < 2.0)
netrc (~> 0.11)
cocoapods-try (1.2.0)
colored2 (3.1.2)
concurrent-ruby (1.3.3)
escape (0.0.4)
ethon (0.15.0)
ffi (>= 1.15.0)
ffi (1.17.2)
fourflusher (2.3.1)
fuzzy_match (2.0.4)
gh_inspector (1.1.3)
httpclient (2.9.0)
mutex_m
i18n (1.14.7)
concurrent-ruby (~> 1.0)
json (2.7.6)
logger (1.7.0)
minitest (5.25.4)
molinillo (0.8.0)
mutex_m (0.3.0)
nanaimo (0.3.0)
nap (1.1.0)
netrc (0.11.0)
public_suffix (4.0.7)
rexml (3.4.4)
ruby-macho (2.5.1)
typhoeus (1.5.0)
ethon (>= 0.9.0, < 0.16.0)
tzinfo (2.0.6)
concurrent-ruby (~> 1.0)
xcodeproj (1.25.1)
CFPropertyList (>= 2.3.3, < 4.0)
atomos (~> 0.1.3)
claide (>= 1.0.2, < 2.0)
colored2 (~> 3.1)
nanaimo (~> 0.3.0)
rexml (>= 3.3.6, < 4.0)
zeitwerk (2.6.18)
PLATFORMS
ruby
DEPENDENCIES
activesupport (>= 6.1.7.5, != 7.1.0)
benchmark
bigdecimal
cocoapods (>= 1.13, != 1.15.1, != 1.15.0)
concurrent-ruby (< 1.3.4)
logger
mutex_m
xcodeproj (< 1.26.0)
RUBY VERSION
ruby 2.6.10p210
BUNDLED WITH
1.17.2

262
Login.tsx Normal file
View File

@@ -0,0 +1,262 @@
import React from 'react';
import {
Image,
ScrollView,
StatusBar,
StyleSheet,
View,
Text,
TextInput,
TouchableOpacity
} from 'react-native';
import { SafeAreaView } from 'react-native-safe-area-context';
export function Login() {
const [isVisible, setIsVisible] = React.useState(false);
const [isChecked, setIsChecked] = React.useState(false);
return (
<SafeAreaView style={styles.container}>
<StatusBar barStyle={'dark-content'} />
<ScrollView
contentContainerStyle={styles.scrollContainer}
bounces={false}
showsVerticalScrollIndicator={false}
>
<View style={styles.logoContainer}>
<View style={styles.logoWrapper}>
<Image
source={require('./assets/img/logo.png')}
style={styles.logo}
/>
</View>
</View>
<View style={styles.formContainer}>
<Text style={styles.title}>Login</Text>
<Text style={styles.subtitle}>
Welcome back. Enter your credentials to{'\n'}access your account
</Text>
<Text style={styles.label}>Email Address*</Text>
<View style={styles.inputContainer}>
<TextInput
placeholder="Enter Email"
style={styles.input}
placeholderTextColor="#A0A0A0"
/>
</View>
<Text style={styles.label}>Password*</Text>
<View style={styles.passwordContainer}>
<TextInput
placeholder="Password"
style={styles.input}
placeholderTextColor="#A0A0A0"
secureTextEntry={!isVisible}
/>
<TouchableOpacity
onPress={() => setIsVisible(!isVisible)}
style={styles.eyeButton}
>
<Image
source={require('./assets/img/View_light.png')}
style={[
styles.eyeIcon,
{ tintColor: isVisible ? '#FDA913' : '#707070' },
]}
/>
</TouchableOpacity>
</View>
<View style={styles.rowBetween}>
<View style={styles.checkboxRow}>
<TouchableOpacity
onPress={() => setIsChecked(!isChecked)}
style={styles.checkboxBorder}
>
<View
style={[
styles.checkboxFill,
{ backgroundColor: isChecked ? '#02364E' : 'transparent' },
]}
>
<Image
source={require('./assets/img/check.png')}
style={styles.checkIcon}
/>
</View>
</TouchableOpacity>
<Text style={styles.checkLabel}>Keep me signed in</Text>
</View>
<Text style={styles.forgotText}>Forget Password?</Text>
</View>
<TouchableOpacity style={styles.loginButton}>
<Text style={styles.loginText}>Login</Text>
</TouchableOpacity>
</View>
</ScrollView>
</SafeAreaView>
);
}
export const styles = StyleSheet.create({
container: {
flex: 1,
backgroundColor: "#f5f5f5",
justifyContent: "center",
},
scrollContainer: {
flexGrow: 1,
},
logoContainer: {
paddingHorizontal: 15,
paddingTop: 20,
paddingBottom: 20,
},
logoWrapper: {
width: "100%",
height: 50,
},
logo: {
width: "50%",
height: "100%",
resizeMode: "contain",
},
formContainer: {
flex: 1,
paddingHorizontal: 15,
},
title: {
color: "#090A0A",
fontFamily: "Gilroy-SemiBold",
fontSize: 32,
fontWeight: "400",
marginBottom: 10,
},
subtitle: {
color: "#090A0A",
fontFamily: "Gilroy-Regular",
fontSize: 16,
fontWeight: "400",
marginBottom: 30,
lineHeight: 20,
},
label: {
color: "#111111",
fontFamily: "Gilroy-Regular",
fontSize: 14,
marginBottom: 7,
},
inputContainer: {
marginBottom: 20,
height: 50,
borderRadius: 16,
borderWidth: 1,
borderColor: "#CFCFCF",
},
input: {
flex: 1,
paddingHorizontal: 15,
fontSize: 14,
fontFamily: "Gilroy-Regular",
color: "#111111",
},
passwordContainer: {
flexDirection: "row",
marginBottom: 20,
height: 50,
borderRadius: 16,
borderWidth: 1,
borderColor: "#CFCFCF",
},
eyeButton: {
justifyContent: "center",
alignItems: "center",
paddingHorizontal: 15,
},
eyeIcon: {
width: 20,
height: 20,
resizeMode: "contain",
},
rowBetween: {
flexDirection: "row",
justifyContent: "space-between",
alignItems: "center",
marginBottom: 40,
},
checkboxRow: {
flexDirection: "row",
alignItems: "center",
},
checkboxBorder: {
width: 15,
height: 15,
borderRadius: 2,
borderWidth: 1,
borderColor: "#CFCFCF",
justifyContent: "center",
alignItems: "center",
marginRight: 8,
},
checkboxFill: {
width: 15,
height: 15,
borderRadius: 2,
alignItems: "center",
justifyContent: "center",
},
checkIcon: {
width: "70%",
height: "70%",
resizeMode: "contain",
tintColor: "#ffffff",
},
checkLabel: {
fontFamily: "Gilroy-Regular",
fontSize: 14,
color: "#191D23",
},
forgotText: {
textDecorationLine: "underline",
color: "#111111",
fontFamily: "Gilroy-Regular",
},
loginButton: {
height: 50,
borderRadius: 16,
backgroundColor: "#FDA913",
justifyContent: "center",
alignItems: "center",
marginBottom: 20,
},
loginText: {
color: "#FFFFFF",
fontFamily: "Gilroy-SemiBold",
fontSize: 18,
},
});

13
__tests__/App.test.tsx Normal file
View File

@@ -0,0 +1,13 @@
/**
* @format
*/
import React from 'react';
import ReactTestRenderer from 'react-test-renderer';
import App from '../App';
test('renders correctly', async () => {
await ReactTestRenderer.act(() => {
ReactTestRenderer.create(<App />);
});
});

119
android/app/build.gradle Normal file
View File

@@ -0,0 +1,119 @@
apply plugin: "com.android.application"
apply plugin: "org.jetbrains.kotlin.android"
apply plugin: "com.facebook.react"
/**
* This is the configuration block to customize your React Native Android app.
* By default you don't need to apply any configuration, just uncomment the lines you need.
*/
react {
/* Folders */
// The root of your project, i.e. where "package.json" lives. Default is '../..'
// root = file("../../")
// The folder where the react-native NPM package is. Default is ../../node_modules/react-native
// reactNativeDir = file("../../node_modules/react-native")
// The folder where the react-native Codegen package is. Default is ../../node_modules/@react-native/codegen
// codegenDir = file("../../node_modules/@react-native/codegen")
// The cli.js file which is the React Native CLI entrypoint. Default is ../../node_modules/react-native/cli.js
// cliFile = file("../../node_modules/react-native/cli.js")
/* Variants */
// The list of variants to that are debuggable. For those we're going to
// skip the bundling of the JS bundle and the assets. By default is just 'debug'.
// If you add flavors like lite, prod, etc. you'll have to list your debuggableVariants.
// debuggableVariants = ["liteDebug", "prodDebug"]
/* Bundling */
// A list containing the node command and its flags. Default is just 'node'.
// nodeExecutableAndArgs = ["node"]
//
// The command to run when bundling. By default is 'bundle'
// bundleCommand = "ram-bundle"
//
// The path to the CLI configuration file. Default is empty.
// bundleConfig = file(../rn-cli.config.js)
//
// The name of the generated asset file containing your JS bundle
// bundleAssetName = "MyApplication.android.bundle"
//
// The entry file for bundle generation. Default is 'index.android.js' or 'index.js'
// entryFile = file("../js/MyApplication.android.js")
//
// A list of extra flags to pass to the 'bundle' commands.
// See https://github.com/react-native-community/cli/blob/main/docs/commands.md#bundle
// extraPackagerArgs = []
/* Hermes Commands */
// The hermes compiler command to run. By default it is 'hermesc'
// hermesCommand = "$rootDir/my-custom-hermesc/bin/hermesc"
//
// The list of flags to pass to the Hermes compiler. By default is "-O", "-output-source-map"
// hermesFlags = ["-O", "-output-source-map"]
/* Autolinking */
autolinkLibrariesWithApp()
}
/**
* Set this to true to Run Proguard on Release builds to minify the Java bytecode.
*/
def enableProguardInReleaseBuilds = false
/**
* The preferred build flavor of JavaScriptCore (JSC)
*
* For example, to use the international variant, you can use:
* `def jscFlavor = io.github.react-native-community:jsc-android-intl:2026004.+`
*
* The international variant includes ICU i18n library and necessary data
* allowing to use e.g. `Date.toLocaleString` and `String.localeCompare` that
* give correct results when using with locales other than en-US. Note that
* this variant is about 6MiB larger per architecture than default.
*/
def jscFlavor = 'io.github.react-native-community:jsc-android:2026004.+'
android {
ndkVersion rootProject.ext.ndkVersion
buildToolsVersion rootProject.ext.buildToolsVersion
compileSdk rootProject.ext.compileSdkVersion
namespace "com.lynkeduppro"
defaultConfig {
applicationId "com.lynkeduppro"
minSdkVersion rootProject.ext.minSdkVersion
targetSdkVersion rootProject.ext.targetSdkVersion
versionCode 1
versionName "1.0"
}
signingConfigs {
debug {
storeFile file('debug.keystore')
storePassword 'android'
keyAlias 'androiddebugkey'
keyPassword 'android'
}
}
buildTypes {
debug {
signingConfig signingConfigs.debug
}
release {
// Caution! In production, you need to generate your own keystore file.
// see https://reactnative.dev/docs/signed-apk-android.
signingConfig signingConfigs.debug
minifyEnabled enableProguardInReleaseBuilds
proguardFiles getDefaultProguardFile("proguard-android.txt"), "proguard-rules.pro"
}
}
}
dependencies {
// The version of react-native is set by the React Native Gradle Plugin
implementation("com.facebook.react:react-android")
if (hermesEnabled.toBoolean()) {
implementation("com.facebook.react:hermes-android")
} else {
implementation jscFlavor
}
}

BIN
android/app/debug.keystore Normal file
View File

Binary file not shown.

10
android/app/proguard-rules.pro vendored Normal file
View File

@@ -0,0 +1,10 @@
# Add project specific ProGuard rules here.
# By default, the flags in this file are appended to flags specified
# in /usr/local/Cellar/android-sdk/24.3.3/tools/proguard/proguard-android.txt
# You can edit the include path and order by changing the proguardFiles
# directive in build.gradle.
#
# For more details, see
# http://developer.android.com/guide/developing/tools/proguard.html
# Add any project specific keep options here:

27
android/app/src/main/AndroidManifest.xml Normal file
View File

@@ -0,0 +1,27 @@
<manifest xmlns:android="http://schemas.android.com/apk/res/android">
<uses-permission android:name="android.permission.INTERNET" />
<application
android:name=".MainApplication"
android:label="@string/app_name"
android:icon="@mipmap/ic_launcher"
android:roundIcon="@mipmap/ic_launcher_round"
android:allowBackup="false"
android:theme="@style/AppTheme"
android:usesCleartextTraffic="${usesCleartextTraffic}"
android:supportsRtl="true">
<activity
android:name=".MainActivity"
android:label="@string/app_name"
android:configChanges="keyboard|keyboardHidden|orientation|screenLayout|screenSize|smallestScreenSize|uiMode"
android:launchMode="singleTask"
android:windowSoftInputMode="adjustResize"
android:exported="true">
<intent-filter>
<action android:name="android.intent.action.MAIN" />
<category android:name="android.intent.category.LAUNCHER" />
</intent-filter>
</activity>
</application>
</manifest>

BIN
android/app/src/main/assets/fonts/Gilroy-Bold.ttf Normal file
View File

Binary file not shown.

BIN
android/app/src/main/assets/fonts/Gilroy-Regular.ttf Normal file
View File

Binary file not shown.

BIN
android/app/src/main/assets/fonts/Gilroy-SemiBold.ttf Normal file
View File

Binary file not shown.

22
android/app/src/main/java/com/lynkeduppro/MainActivity.kt Normal file
View File

@@ -0,0 +1,22 @@
package com.lynkeduppro
import com.facebook.react.ReactActivity
import com.facebook.react.ReactActivityDelegate
import com.facebook.react.defaults.DefaultNewArchitectureEntryPoint.fabricEnabled
import com.facebook.react.defaults.DefaultReactActivityDelegate
class MainActivity : ReactActivity() {
/**
* Returns the name of the main component registered from JavaScript. This is used to schedule
* rendering of the component.
*/
override fun getMainComponentName(): String = "LynkedUpPro"
/**
* Returns the instance of the [ReactActivityDelegate]. We use [DefaultReactActivityDelegate]
* which allows you to enable New Architecture with a single boolean flags [fabricEnabled]
*/
override fun createReactActivityDelegate(): ReactActivityDelegate =
DefaultReactActivityDelegate(this, mainComponentName, fabricEnabled)
}

27
android/app/src/main/java/com/lynkeduppro/MainApplication.kt Normal file
View File

@@ -0,0 +1,27 @@
package com.lynkeduppro
import android.app.Application
import com.facebook.react.PackageList
import com.facebook.react.ReactApplication
import com.facebook.react.ReactHost
import com.facebook.react.ReactNativeApplicationEntryPoint.loadReactNative
import com.facebook.react.defaults.DefaultReactHost.getDefaultReactHost
class MainApplication : Application(), ReactApplication {
override val reactHost: ReactHost by lazy {
getDefaultReactHost(
context = applicationContext,
packageList =
PackageList(this).packages.apply {
// Packages that cannot be autolinked yet can be added manually here, for example:
// add(MyReactNativePackage())
},
)
}
override fun onCreate() {
super.onCreate()
loadReactNative(this)
}
}

37
android/app/src/main/res/drawable/rn_edit_text_material.xml Normal file
View File

@@ -0,0 +1,37 @@
<?xml version="1.0" encoding="utf-8"?>
<!-- Copyright (C) 2014 The Android Open Source Project
Licensed under the Apache License, Version 2.0 (the "License");
you may not use this file except in compliance with the License.
You may obtain a copy of the License at
http://www.apache.org/licenses/LICENSE-2.0
Unless required by applicable law or agreed to in writing, software
distributed under the License is distributed on an "AS IS" BASIS,
WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
See the License for the specific language governing permissions and
limitations under the License.
-->
<inset xmlns:android="http://schemas.android.com/apk/res/android"
android:insetLeft="@dimen/abc_edit_text_inset_horizontal_material"
android:insetRight="@dimen/abc_edit_text_inset_horizontal_material"
android:insetTop="@dimen/abc_edit_text_inset_top_material"
android:insetBottom="@dimen/abc_edit_text_inset_bottom_material"
>
<selector>
<!--
This file is a copy of abc_edit_text_material (https://bit.ly/3k8fX7I).
The item below with state_pressed="false" and state_focused="false" causes a NullPointerException.
NullPointerException:tempt to invoke virtual method 'android.graphics.drawable.Drawable android.graphics.drawable.Drawable$ConstantState.newDrawable(android.content.res.Resources)'
<item android:state_pressed="false" android:state_focused="false" android:drawable="@drawable/abc_textfield_default_mtrl_alpha"/>
For more info, see https://bit.ly/3CdLStv (react-native/pull/29452) and https://bit.ly/3nxOMoR.
-->
<item android:state_enabled="false" android:drawable="@drawable/abc_textfield_default_mtrl_alpha"/>
<item android:drawable="@drawable/abc_textfield_activated_mtrl_alpha"/>
</selector>
</inset>

BIN
android/app/src/main/res/mipmap-hdpi/ic_launcher.png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 3.0 KiB

BIN
android/app/src/main/res/mipmap-hdpi/ic_launcher_round.png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 4.9 KiB

BIN
android/app/src/main/res/mipmap-mdpi/ic_launcher.png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 2.0 KiB

BIN
android/app/src/main/res/mipmap-mdpi/ic_launcher_round.png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 2.8 KiB

BIN
android/app/src/main/res/mipmap-xhdpi/ic_launcher.png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 4.5 KiB

BIN
android/app/src/main/res/mipmap-xhdpi/ic_launcher_round.png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 6.9 KiB

BIN
android/app/src/main/res/mipmap-xxhdpi/ic_launcher.png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 6.3 KiB

BIN
android/app/src/main/res/mipmap-xxhdpi/ic_launcher_round.png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 10 KiB

BIN
android/app/src/main/res/mipmap-xxxhdpi/ic_launcher.png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 9.0 KiB

BIN
android/app/src/main/res/mipmap-xxxhdpi/ic_launcher_round.png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 15 KiB

3
android/app/src/main/res/values/strings.xml Normal file
View File

@@ -0,0 +1,3 @@
<resources>
<string name="app_name">LynkedUpPro</string>
</resources>

9
android/app/src/main/res/values/styles.xml Normal file
View File

@@ -0,0 +1,9 @@
<resources>
<!-- Base application theme. -->
<style name="AppTheme" parent="Theme.AppCompat.DayNight.NoActionBar">
<!-- Customize your theme here. -->
<item name="android:editTextBackground">@drawable/rn_edit_text_material</item>
</style>
</resources>

21
android/build.gradle Normal file
View File

@@ -0,0 +1,21 @@
buildscript {
ext {
buildToolsVersion = "36.0.0"
minSdkVersion = 24
compileSdkVersion = 36
targetSdkVersion = 36
ndkVersion = "27.1.12297006"
kotlinVersion = "2.1.20"
}
repositories {
google()
mavenCentral()
}
dependencies {
classpath("com.android.tools.build:gradle")
classpath("com.facebook.react:react-native-gradle-plugin")
classpath("org.jetbrains.kotlin:kotlin-gradle-plugin")
}
}
apply plugin: "com.facebook.react.rootproject"

44
android/gradle.properties Normal file
View File

@@ -0,0 +1,44 @@
# Project-wide Gradle settings.
# IDE (e.g. Android Studio) users:
# Gradle settings configured through the IDE *will override*
# any settings specified in this file.
# For more details on how to configure your build environment visit
# http://www.gradle.org/docs/current/userguide/build_environment.html
# Specifies the JVM arguments used for the daemon process.
# The setting is particularly useful for tweaking memory settings.
# Default value: -Xmx512m -XX:MaxMetaspaceSize=256m
org.gradle.jvmargs=-Xmx2048m -XX:MaxMetaspaceSize=512m
# When configured, Gradle will run in incubating parallel mode.
# This option should only be used with decoupled projects. More details, visit
# http://www.gradle.org/docs/current/userguide/multi_project_builds.html#sec:decoupled_projects
# org.gradle.parallel=true
# AndroidX package structure to make it clearer which packages are bundled with the
# Android operating system, and which are packaged with your app's APK
# https://developer.android.com/topic/libraries/support-library/androidx-rn
android.useAndroidX=true
# Use this property to specify which architecture you want to build.
# You can also override it from the CLI using
# ./gradlew <task> -PreactNativeArchitectures=x86_64
reactNativeArchitectures=armeabi-v7a,arm64-v8a,x86,x86_64
# Use this property to enable support to the new architecture.
# This will allow you to use TurboModules and the Fabric render in
# your application. You should enable this flag either if you want
# to write custom TurboModules/Fabric components OR use libraries that
# are providing them.
newArchEnabled=true
# Use this property to enable or disable the Hermes JS engine.
# If set to false, you will be using JSC instead.
hermesEnabled=true
# Use this property to enable edge-to-edge display support.
# This allows your app to draw behind system bars for an immersive UI.
# Note: Only works with ReactActivity and should not be used with custom Activity.
edgeToEdgeEnabled=false

BIN
android/gradle/wrapper/gradle-wrapper.jar vendored Normal file
View File

Binary file not shown.

7
android/gradle/wrapper/gradle-wrapper.properties vendored Normal file
View File

@@ -0,0 +1,7 @@
distributionBase=GRADLE_USER_HOME
distributionPath=wrapper/dists
distributionUrl=https\://services.gradle.org/distributions/gradle-9.0.0-bin.zip
networkTimeout=10000
validateDistributionUrl=true
zipStoreBase=GRADLE_USER_HOME
zipStorePath=wrapper/dists

251
android/gradlew vendored Executable file
View File

@@ -0,0 +1,251 @@
#!/bin/sh
#
# Copyright © 2015 the original authors.
#
# Licensed under the Apache License, Version 2.0 (the "License");
# you may not use this file except in compliance with the License.
# You may obtain a copy of the License at
#
# https://www.apache.org/licenses/LICENSE-2.0
#
# Unless required by applicable law or agreed to in writing, software
# distributed under the License is distributed on an "AS IS" BASIS,
# WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
# See the License for the specific language governing permissions and
# limitations under the License.
#
# SPDX-License-Identifier: Apache-2.0
#
##############################################################################
#
# Gradle start up script for POSIX generated by Gradle.
#
# Important for running:
#
# (1) You need a POSIX-compliant shell to run this script. If your /bin/sh is
# noncompliant, but you have some other compliant shell such as ksh or
# bash, then to run this script, type that shell name before the whole
# command line, like:
#
# ksh Gradle
#
# Busybox and similar reduced shells will NOT work, because this script
# requires all of these POSIX shell features:
# * functions;
# * expansions «$var», «${var}», «${var:-default}», «${var+SET}»,
# «${var#prefix}», «${var%suffix}», and «$( cmd )»;
# * compound commands having a testable exit status, especially «case»;
# * various built-in commands including «command», «set», and «ulimit».
#
# Important for patching:
#
# (2) This script targets any POSIX shell, so it avoids extensions provided
# by Bash, Ksh, etc; in particular arrays are avoided.
#
# The "traditional" practice of packing multiple parameters into a
# space-separated string is a well documented source of bugs and security
# problems, so this is (mostly) avoided, by progressively accumulating
# options in "$@", and eventually passing that to Java.
#
# Where the inherited environment variables (DEFAULT_JVM_OPTS, JAVA_OPTS,
# and GRADLE_OPTS) rely on word-splitting, this is performed explicitly;
# see the in-line comments for details.
#
# There are tweaks for specific operating systems such as AIX, CygWin,
# Darwin, MinGW, and NonStop.
#
# (3) This script is generated from the Groovy template
# https://github.com/gradle/gradle/blob/HEAD/platforms/jvm/plugins-application/src/main/resources/org/gradle/api/internal/plugins/unixStartScript.txt
# within the Gradle project.
#
# You can find Gradle at https://github.com/gradle/gradle/.
#
##############################################################################
# Attempt to set APP_HOME
# Resolve links: $0 may be a link
app_path=$0
# Need this for daisy-chained symlinks.
while
APP_HOME=${app_path%"${app_path##*/}"} # leaves a trailing /; empty if no leading path
[ -h "$app_path" ]
do
ls=$( ls -ld "$app_path" )
link=${ls#*' -> '}
case $link in #(
/*) app_path=$link ;; #(
*) app_path=$APP_HOME$link ;;
esac
done
# This is normally unused
# shellcheck disable=SC2034
APP_BASE_NAME=${0##*/}
# Discard cd standard output in case $CDPATH is set (https://github.com/gradle/gradle/issues/25036)
APP_HOME=$( cd -P "${APP_HOME:-./}" > /dev/null && printf '%s\n' "$PWD" ) || exit
# Use the maximum available, or set MAX_FD != -1 to use that value.
MAX_FD=maximum
warn () {
echo "$*"
} >&2
die () {
echo
echo "$*"
echo
exit 1
} >&2
# OS specific support (must be 'true' or 'false').
cygwin=false
msys=false
darwin=false
nonstop=false
case "$( uname )" in #(
CYGWIN* ) cygwin=true ;; #(
Darwin* ) darwin=true ;; #(
MSYS* | MINGW* ) msys=true ;; #(
NONSTOP* ) nonstop=true ;;
esac
CLASSPATH="\\\"\\\""
# Determine the Java command to use to start the JVM.
if [ -n "$JAVA_HOME" ] ; then
if [ -x "$JAVA_HOME/jre/sh/java" ] ; then
# IBM's JDK on AIX uses strange locations for the executables
JAVACMD=$JAVA_HOME/jre/sh/java
else
JAVACMD=$JAVA_HOME/bin/java
fi
if [ ! -x "$JAVACMD" ] ; then
die "ERROR: JAVA_HOME is set to an invalid directory: $JAVA_HOME
Please set the JAVA_HOME variable in your environment to match the
location of your Java installation."
fi
else
JAVACMD=java
if ! command -v java >/dev/null 2>&1
then
die "ERROR: JAVA_HOME is not set and no 'java' command could be found in your PATH.
Please set the JAVA_HOME variable in your environment to match the
location of your Java installation."
fi
fi
# Increase the maximum file descriptors if we can.
if ! "$cygwin" && ! "$darwin" && ! "$nonstop" ; then
case $MAX_FD in #(
max*)
# In POSIX sh, ulimit -H is undefined. That's why the result is checked to see if it worked.
# shellcheck disable=SC2039,SC3045
MAX_FD=$( ulimit -H -n ) ||
warn "Could not query maximum file descriptor limit"
esac
case $MAX_FD in #(
'' | soft) :;; #(
*)
# In POSIX sh, ulimit -n is undefined. That's why the result is checked to see if it worked.
# shellcheck disable=SC2039,SC3045
ulimit -n "$MAX_FD" ||
warn "Could not set maximum file descriptor limit to $MAX_FD"
esac
fi
# Collect all arguments for the java command, stacking in reverse order:
# * args from the command line
# * the main class name
# * -classpath
# * -D...appname settings
# * --module-path (only if needed)
# * DEFAULT_JVM_OPTS, JAVA_OPTS, and GRADLE_OPTS environment variables.
# For Cygwin or MSYS, switch paths to Windows format before running java
if "$cygwin" || "$msys" ; then
APP_HOME=$( cygpath --path --mixed "$APP_HOME" )
CLASSPATH=$( cygpath --path --mixed "$CLASSPATH" )
JAVACMD=$( cygpath --unix "$JAVACMD" )
# Now convert the arguments - kludge to limit ourselves to /bin/sh
for arg do
if
case $arg in #(
-*) false ;; # don't mess with options #(
/?*) t=${arg#/} t=/${t%%/*} # looks like a POSIX filepath
[ -e "$t" ] ;; #(
*) false ;;
esac
then
arg=$( cygpath --path --ignore --mixed "$arg" )
fi
# Roll the args list around exactly as many times as the number of
# args, so each arg winds up back in the position where it started, but
# possibly modified.
#
# NB: a `for` loop captures its iteration list before it begins, so
# changing the positional parameters here affects neither the number of
# iterations, nor the values presented in `arg`.
shift # remove old arg
set -- "$@" "$arg" # push replacement arg
done
fi
# Add default JVM options here. You can also use JAVA_OPTS and GRADLE_OPTS to pass JVM options to this script.
DEFAULT_JVM_OPTS='"-Xmx64m" "-Xms64m"'
# Collect all arguments for the java command:
# * DEFAULT_JVM_OPTS, JAVA_OPTS, and optsEnvironmentVar are not allowed to contain shell fragments,
# and any embedded shellness will be escaped.
# * For example: A user cannot expect ${Hostname} to be expanded, as it is an environment variable and will be
# treated as '${Hostname}' itself on the command line.
set -- \
"-Dorg.gradle.appname=$APP_BASE_NAME" \
-classpath "$CLASSPATH" \
-jar "$APP_HOME/gradle/wrapper/gradle-wrapper.jar" \
"$@"
# Stop when "xargs" is not available.
if ! command -v xargs >/dev/null 2>&1
then
die "xargs is not available"
fi
# Use "xargs" to parse quoted args.
#
# With -n1 it outputs one arg per line, with the quotes and backslashes removed.
#
# In Bash we could simply go:
#
# readarray ARGS < <( xargs -n1 <<<"$var" ) &&
# set -- "${ARGS[@]}" "$@"
#
# but POSIX shell has neither arrays nor command substitution, so instead we
# post-process each arg (as a line of input to sed) to backslash-escape any
# character that might be a shell metacharacter, then use eval to reverse
# that process (while maintaining the separation between arguments), and wrap
# the whole thing up as a single "set" statement.
#
# This will of course break if any of these variables contains a newline or
# an unmatched quote.
#
eval "set -- $(
printf '%s\n' "$DEFAULT_JVM_OPTS $JAVA_OPTS $GRADLE_OPTS" |
xargs -n1 |
sed ' s~[^-[:alnum:]+,./:=@_]~\\&~g; ' |
tr '\n' ' '
)" '"$@"'
exec "$JAVACMD" "$@"

99
android/gradlew.bat vendored Normal file
View File

@@ -0,0 +1,99 @@
@REM Copyright (c) Meta Platforms, Inc. and affiliates.
@REM
@REM This source code is licensed under the MIT license found in the
@REM LICENSE file in the root directory of this source tree.
@rem
@rem Copyright 2015 the original author or authors.
@rem
@rem Licensed under the Apache License, Version 2.0 (the "License");
@rem you may not use this file except in compliance with the License.
@rem You may obtain a copy of the License at
@rem
@rem https://www.apache.org/licenses/LICENSE-2.0
@rem
@rem Unless required by applicable law or agreed to in writing, software
@rem distributed under the License is distributed on an "AS IS" BASIS,
@rem WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
@rem See the License for the specific language governing permissions and
@rem limitations under the License.
@rem
@rem SPDX-License-Identifier: Apache-2.0
@rem
@if "%DEBUG%"=="" @echo off
@rem ##########################################################################
@rem
@rem Gradle startup script for Windows
@rem
@rem ##########################################################################
@rem Set local scope for the variables with windows NT shell
if "%OS%"=="Windows_NT" setlocal
set DIRNAME=%~dp0
if "%DIRNAME%"=="" set DIRNAME=.
@rem This is normally unused
set APP_BASE_NAME=%~n0
set APP_HOME=%DIRNAME%
@rem Resolve any "." and ".." in APP_HOME to make it shorter.
for %%i in ("%APP_HOME%") do set APP_HOME=%%~fi
@rem Add default JVM options here. You can also use JAVA_OPTS and GRADLE_OPTS to pass JVM options to this script.
set DEFAULT_JVM_OPTS="-Xmx64m" "-Xms64m"
@rem Find java.exe
if defined JAVA_HOME goto findJavaFromJavaHome
set JAVA_EXE=java.exe
%JAVA_EXE% -version >NUL 2>&1
if %ERRORLEVEL% equ 0 goto execute
echo. 1>&2
echo ERROR: JAVA_HOME is not set and no 'java' command could be found in your PATH. 1>&2
echo. 1>&2
echo Please set the JAVA_HOME variable in your environment to match the 1>&2
echo location of your Java installation. 1>&2
goto fail
:findJavaFromJavaHome
set JAVA_HOME=%JAVA_HOME:"=%
set JAVA_EXE=%JAVA_HOME%/bin/java.exe
if exist "%JAVA_EXE%" goto execute
echo. 1>&2
echo ERROR: JAVA_HOME is set to an invalid directory: %JAVA_HOME% 1>&2
echo. 1>&2
echo Please set the JAVA_HOME variable in your environment to match the 1>&2
echo location of your Java installation. 1>&2
goto fail
:execute
@rem Setup the command line
set CLASSPATH=
@rem Execute Gradle
"%JAVA_EXE%" %DEFAULT_JVM_OPTS% %JAVA_OPTS% %GRADLE_OPTS% "-Dorg.gradle.appname=%APP_BASE_NAME%" -classpath "%CLASSPATH%" -jar "%APP_HOME%\gradle\wrapper\gradle-wrapper.jar" %*
:end
@rem End local scope for the variables with windows NT shell
if %ERRORLEVEL% equ 0 goto mainEnd
:fail
rem Set variable GRADLE_EXIT_CONSOLE if you need the _script_ return code instead of
rem the _cmd.exe /c_ return code!
set EXIT_CODE=%ERRORLEVEL%
if %EXIT_CODE% equ 0 set EXIT_CODE=1
if not ""=="%GRADLE_EXIT_CONSOLE%" exit %EXIT_CODE%
exit /b %EXIT_CODE%
:mainEnd
if "%OS%"=="Windows_NT" endlocal
:omega

17
android/link-assets-manifest.json Normal file
View File

@@ -0,0 +1,17 @@
{
"migIndex": 1,
"data": [
{
"path": "assets/fonts/Gilroy-Bold.ttf",
"sha1": "7fe4d8cf5325dd47363d0f80fefb40ac7df5d5a6"
},
{
"path": "assets/fonts/Gilroy-Regular.ttf",
"sha1": "a737c19356e50cb9a50eb64ca7446c80dd3aa3e3"
},
{
"path": "assets/fonts/Gilroy-SemiBold.ttf",
"sha1": "8663a356eb9bc23b77696208f74376daf59687ea"
}
]
}

6
android/settings.gradle Normal file
View File

@@ -0,0 +1,6 @@
pluginManagement { includeBuild("../node_modules/@react-native/gradle-plugin") }
plugins { id("com.facebook.react.settings") }
extensions.configure(com.facebook.react.ReactSettingsExtension){ ex -> ex.autolinkLibrariesFromCommand() }
rootProject.name = 'LynkedUpPro'
include ':app'
includeBuild('../node_modules/@react-native/gradle-plugin')

4
app.json Normal file
View File

@@ -0,0 +1,4 @@
{
"name": "LynkedUpPro",
"displayName": "LynkedUpPro"
}

BIN
assets/fonts/Gilroy-Bold.ttf Normal file
View File

Binary file not shown.

BIN
assets/fonts/Gilroy-Regular.ttf Normal file
View File

Binary file not shown.

BIN
assets/fonts/Gilroy-SemiBold.ttf Normal file
View File

Binary file not shown.

BIN
assets/img/View_light.png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 10 KiB

BIN
assets/img/check.png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 4.4 KiB

BIN
assets/img/logo.png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 8.9 KiB

3
babel.config.js Normal file
View File

@@ -0,0 +1,3 @@
module.exports = {
presets: ['module:@react-native/babel-preset'],
};

9
index.js Normal file
View File

@@ -0,0 +1,9 @@
/**
* @format
*/
import { AppRegistry, LogBox } from 'react-native';
import App from './App';
import { name as appName } from './app.json';
LogBox.ignoreAllLogs();
AppRegistry.registerComponent(appName, () => App);

11
ios/.xcode.env Normal file
View File

@@ -0,0 +1,11 @@
# This `.xcode.env` file is versioned and is used to source the environment
# used when running script phases inside Xcode.
# To customize your local environment, you can create an `.xcode.env.local`
# file that is not versioned.
# NODE_BINARY variable contains the PATH to the node executable.
#
# Customize the NODE_BINARY variable here.
# For example, to use nvm with brew, add the following line
# . "$(brew --prefix nvm)/nvm.sh" --no-use
export NODE_BINARY=$(command -v node)

492
ios/LynkedUpPro.xcodeproj/project.pbxproj Normal file
View File

@@ -0,0 +1,492 @@
// !$*UTF8*$!
{
archiveVersion = 1;
classes = {
};
objectVersion = 54;
objects = {
/* Begin PBXBuildFile section */
0C80B921A6F3F58F76C31292 /* libPods-LynkedUpPro.a in Frameworks */ = {isa = PBXBuildFile; fileRef = 5DCACB8F33CDC322A6C60F78 /* libPods-LynkedUpPro.a */; };
13B07FBF1A68108700A75B9A /* Images.xcassets in Resources */ = {isa = PBXBuildFile; fileRef = 13B07FB51A68108700A75B9A /* Images.xcassets */; };
761780ED2CA45674006654EE /* AppDelegate.swift in Sources */ = {isa = PBXBuildFile; fileRef = 761780EC2CA45674006654EE /* AppDelegate.swift */; };
81AB9BB82411601600AC10FF /* LaunchScreen.storyboard in Resources */ = {isa = PBXBuildFile; fileRef = 81AB9BB72411601600AC10FF /* LaunchScreen.storyboard */; };
028DCFBD5C2D4A61AC400444 /* Gilroy-Bold.ttf in Resources */ = {isa = PBXBuildFile; fileRef = 3279BDA3B7CD4FD387291FE9 /* Gilroy-Bold.ttf */; };
F2C66068A3EB498DB8DE519F /* Gilroy-Regular.ttf in Resources */ = {isa = PBXBuildFile; fileRef = 81A4EC19CD3949FBA95B1C05 /* Gilroy-Regular.ttf */; };
7E0F78E2BBB347D184948BFA /* Gilroy-SemiBold.ttf in Resources */ = {isa = PBXBuildFile; fileRef = 00E8E7943DA44F86B055871C /* Gilroy-SemiBold.ttf */; };
/* End PBXBuildFile section */
/* Begin PBXFileReference section */
13B07F961A680F5B00A75B9A /* LynkedUpPro.app */ = {isa = PBXFileReference; explicitFileType = wrapper.application; includeInIndex = 0; path = LynkedUpPro.app; sourceTree = BUILT_PRODUCTS_DIR; };
13B07FB51A68108700A75B9A /* Images.xcassets */ = {isa = PBXFileReference; lastKnownFileType = folder.assetcatalog; name = Images.xcassets; path = LynkedUpPro/Images.xcassets; sourceTree = "<group>"; };
13B07FB61A68108700A75B9A /* Info.plist */ = {isa = PBXFileReference; fileEncoding = 4; lastKnownFileType = text.plist.xml; name = Info.plist; path = LynkedUpPro/Info.plist; sourceTree = "<group>"; };
13B07FB81A68108700A75B9A /* PrivacyInfo.xcprivacy */ = {isa = PBXFileReference; fileEncoding = 4; lastKnownFileType = text.plist.xml; name = PrivacyInfo.xcprivacy; path = LynkedUpPro/PrivacyInfo.xcprivacy; sourceTree = "<group>"; };
3B4392A12AC88292D35C810B /* Pods-LynkedUpPro.debug.xcconfig */ = {isa = PBXFileReference; includeInIndex = 1; lastKnownFileType = text.xcconfig; name = "Pods-LynkedUpPro.debug.xcconfig"; path = "Target Support Files/Pods-LynkedUpPro/Pods-LynkedUpPro.debug.xcconfig"; sourceTree = "<group>"; };
5709B34CF0A7D63546082F79 /* Pods-LynkedUpPro.release.xcconfig */ = {isa = PBXFileReference; includeInIndex = 1; lastKnownFileType = text.xcconfig; name = "Pods-LynkedUpPro.release.xcconfig"; path = "Target Support Files/Pods-LynkedUpPro/Pods-LynkedUpPro.release.xcconfig"; sourceTree = "<group>"; };
5DCACB8F33CDC322A6C60F78 /* libPods-LynkedUpPro.a */ = {isa = PBXFileReference; explicitFileType = archive.ar; includeInIndex = 0; path = "libPods-LynkedUpPro.a"; sourceTree = BUILT_PRODUCTS_DIR; };
761780EC2CA45674006654EE /* AppDelegate.swift */ = {isa = PBXFileReference; lastKnownFileType = sourcecode.swift; name = AppDelegate.swift; path = LynkedUpPro/AppDelegate.swift; sourceTree = "<group>"; };
81AB9BB72411601600AC10FF /* LaunchScreen.storyboard */ = {isa = PBXFileReference; fileEncoding = 4; lastKnownFileType = file.storyboard; name = LaunchScreen.storyboard; path = LynkedUpPro/LaunchScreen.storyboard; sourceTree = "<group>"; };
ED297162215061F000B7C4FE /* JavaScriptCore.framework */ = {isa = PBXFileReference; lastKnownFileType = wrapper.framework; name = JavaScriptCore.framework; path = System/Library/Frameworks/JavaScriptCore.framework; sourceTree = SDKROOT; };
3279BDA3B7CD4FD387291FE9 /* Gilroy-Bold.ttf */ = {isa = PBXFileReference; name = "Gilroy-Bold.ttf"; path = "../assets/fonts/Gilroy-Bold.ttf"; sourceTree = "<group>"; fileEncoding = undefined; lastKnownFileType = unknown; explicitFileType = undefined; includeInIndex = 0; };
81A4EC19CD3949FBA95B1C05 /* Gilroy-Regular.ttf */ = {isa = PBXFileReference; name = "Gilroy-Regular.ttf"; path = "../assets/fonts/Gilroy-Regular.ttf"; sourceTree = "<group>"; fileEncoding = undefined; lastKnownFileType = unknown; explicitFileType = undefined; includeInIndex = 0; };
00E8E7943DA44F86B055871C /* Gilroy-SemiBold.ttf */ = {isa = PBXFileReference; name = "Gilroy-SemiBold.ttf"; path = "../assets/fonts/Gilroy-SemiBold.ttf"; sourceTree = "<group>"; fileEncoding = undefined; lastKnownFileType = unknown; explicitFileType = undefined; includeInIndex = 0; };
/* End PBXFileReference section */
/* Begin PBXFrameworksBuildPhase section */
13B07F8C1A680F5B00A75B9A /* Frameworks */ = {
isa = PBXFrameworksBuildPhase;
buildActionMask = 2147483647;
files = (
0C80B921A6F3F58F76C31292 /* libPods-LynkedUpPro.a in Frameworks */,
);
runOnlyForDeploymentPostprocessing = 0;
};
/* End PBXFrameworksBuildPhase section */
/* Begin PBXGroup section */
13B07FAE1A68108700A75B9A /* LynkedUpPro */ = {
isa = PBXGroup;
children = (
13B07FB51A68108700A75B9A /* Images.xcassets */,
761780EC2CA45674006654EE /* AppDelegate.swift */,
13B07FB61A68108700A75B9A /* Info.plist */,
81AB9BB72411601600AC10FF /* LaunchScreen.storyboard */,
13B07FB81A68108700A75B9A /* PrivacyInfo.xcprivacy */,
);
name = LynkedUpPro;
sourceTree = "<group>";
};
2D16E6871FA4F8E400B85C8A /* Frameworks */ = {
isa = PBXGroup;
children = (
ED297162215061F000B7C4FE /* JavaScriptCore.framework */,
5DCACB8F33CDC322A6C60F78 /* libPods-LynkedUpPro.a */,
);
name = Frameworks;
sourceTree = "<group>";
};
832341AE1AAA6A7D00B99B32 /* Libraries */ = {
isa = PBXGroup;
children = (
);
name = Libraries;
sourceTree = "<group>";
};
83CBB9F61A601CBA00E9B192 = {
isa = PBXGroup;
children = (
13B07FAE1A68108700A75B9A /* LynkedUpPro */,
832341AE1AAA6A7D00B99B32 /* Libraries */,
83CBBA001A601CBA00E9B192 /* Products */,
2D16E6871FA4F8E400B85C8A /* Frameworks */,
BBD78D7AC51CEA395F1C20DB /* Pods */,
E0759812679E4780BA58D612 /* Resources */,
);
indentWidth = 2;
sourceTree = "<group>";
tabWidth = 2;
usesTabs = 0;
};
83CBBA001A601CBA00E9B192 /* Products */ = {
isa = PBXGroup;
children = (
13B07F961A680F5B00A75B9A /* LynkedUpPro.app */,
);
name = Products;
sourceTree = "<group>";
};
BBD78D7AC51CEA395F1C20DB /* Pods */ = {
isa = PBXGroup;
children = (
3B4392A12AC88292D35C810B /* Pods-LynkedUpPro.debug.xcconfig */,
5709B34CF0A7D63546082F79 /* Pods-LynkedUpPro.release.xcconfig */,
);
path = Pods;
sourceTree = "<group>";
};
E0759812679E4780BA58D612 /* Resources */ = {
isa = "PBXGroup";
children = (
3279BDA3B7CD4FD387291FE9 /* Gilroy-Bold.ttf */,
81A4EC19CD3949FBA95B1C05 /* Gilroy-Regular.ttf */,
00E8E7943DA44F86B055871C /* Gilroy-SemiBold.ttf */,
);
name = Resources;
sourceTree = "<group>";
path = "";
};
/* End PBXGroup section */
/* Begin PBXNativeTarget section */
13B07F861A680F5B00A75B9A /* LynkedUpPro */ = {
isa = PBXNativeTarget;
buildConfigurationList = 13B07F931A680F5B00A75B9A /* Build configuration list for PBXNativeTarget "LynkedUpPro" */;
buildPhases = (
C38B50BA6285516D6DCD4F65 /* [CP] Check Pods Manifest.lock */,
13B07F871A680F5B00A75B9A /* Sources */,
13B07F8C1A680F5B00A75B9A /* Frameworks */,
13B07F8E1A680F5B00A75B9A /* Resources */,
00DD1BFF1BD5951E006B06BC /* Bundle React Native code and images */,
00EEFC60759A1932668264C0 /* [CP] Embed Pods Frameworks */,
E235C05ADACE081382539298 /* [CP] Copy Pods Resources */,
);
buildRules = (
);
dependencies = (
);
name = LynkedUpPro;
productName = LynkedUpPro;
productReference = 13B07F961A680F5B00A75B9A /* LynkedUpPro.app */;
productType = "com.apple.product-type.application";
};
/* End PBXNativeTarget section */
/* Begin PBXProject section */
83CBB9F71A601CBA00E9B192 /* Project object */ = {
isa = PBXProject;
attributes = {
LastUpgradeCheck = 1210;
TargetAttributes = {
13B07F861A680F5B00A75B9A = {
LastSwiftMigration = 1120;
};
};
};
buildConfigurationList = 83CBB9FA1A601CBA00E9B192 /* Build configuration list for PBXProject "LynkedUpPro" */;
compatibilityVersion = "Xcode 12.0";
developmentRegion = en;
hasScannedForEncodings = 0;
knownRegions = (
en,
Base,
);
mainGroup = 83CBB9F61A601CBA00E9B192;
productRefGroup = 83CBBA001A601CBA00E9B192 /* Products */;
projectDirPath = "";
projectRoot = "";
targets = (
13B07F861A680F5B00A75B9A /* LynkedUpPro */,
);
};
/* End PBXProject section */
/* Begin PBXResourcesBuildPhase section */
13B07F8E1A680F5B00A75B9A /* Resources */ = {
isa = PBXResourcesBuildPhase;
buildActionMask = 2147483647;
files = (
81AB9BB82411601600AC10FF /* LaunchScreen.storyboard in Resources */,
13B07FBF1A68108700A75B9A /* Images.xcassets in Resources */,
028DCFBD5C2D4A61AC400444 /* Gilroy-Bold.ttf in Resources */,
F2C66068A3EB498DB8DE519F /* Gilroy-Regular.ttf in Resources */,
7E0F78E2BBB347D184948BFA /* Gilroy-SemiBold.ttf in Resources */,
);
runOnlyForDeploymentPostprocessing = 0;
};
/* End PBXResourcesBuildPhase section */
/* Begin PBXShellScriptBuildPhase section */
00DD1BFF1BD5951E006B06BC /* Bundle React Native code and images */ = {
isa = PBXShellScriptBuildPhase;
buildActionMask = 2147483647;
files = (
);
inputPaths = (
"$(SRCROOT)/.xcode.env.local",
"$(SRCROOT)/.xcode.env",
);
name = "Bundle React Native code and images";
outputPaths = (
);
runOnlyForDeploymentPostprocessing = 0;
shellPath = /bin/sh;
shellScript = "set -e\n\nWITH_ENVIRONMENT=\"$REACT_NATIVE_PATH/scripts/xcode/with-environment.sh\"\nREACT_NATIVE_XCODE=\"$REACT_NATIVE_PATH/scripts/react-native-xcode.sh\"\n\n/bin/sh -c \"$WITH_ENVIRONMENT $REACT_NATIVE_XCODE\"\n";
};
00EEFC60759A1932668264C0 /* [CP] Embed Pods Frameworks */ = {
isa = PBXShellScriptBuildPhase;
buildActionMask = 2147483647;
files = (
);
inputFileListPaths = (
"${PODS_ROOT}/Target Support Files/Pods-LynkedUpPro/Pods-LynkedUpPro-frameworks-${CONFIGURATION}-input-files.xcfilelist",
);
name = "[CP] Embed Pods Frameworks";
outputFileListPaths = (
"${PODS_ROOT}/Target Support Files/Pods-LynkedUpPro/Pods-LynkedUpPro-frameworks-${CONFIGURATION}-output-files.xcfilelist",
);
runOnlyForDeploymentPostprocessing = 0;
shellPath = /bin/sh;
shellScript = "\"${PODS_ROOT}/Target Support Files/Pods-LynkedUpPro/Pods-LynkedUpPro-frameworks.sh\"\n";
showEnvVarsInLog = 0;
};
C38B50BA6285516D6DCD4F65 /* [CP] Check Pods Manifest.lock */ = {
isa = PBXShellScriptBuildPhase;
buildActionMask = 2147483647;
files = (
);
inputFileListPaths = (
);
inputPaths = (
"${PODS_PODFILE_DIR_PATH}/Podfile.lock",
"${PODS_ROOT}/Manifest.lock",
);
name = "[CP] Check Pods Manifest.lock";
outputFileListPaths = (
);
outputPaths = (
"$(DERIVED_FILE_DIR)/Pods-LynkedUpPro-checkManifestLockResult.txt",
);
runOnlyForDeploymentPostprocessing = 0;
shellPath = /bin/sh;
shellScript = "diff \"${PODS_PODFILE_DIR_PATH}/Podfile.lock\" \"${PODS_ROOT}/Manifest.lock\" > /dev/null\nif [ $? != 0 ] ; then\n # print error to STDERR\n echo \"error: The sandbox is not in sync with the Podfile.lock. Run 'pod install' or update your CocoaPods installation.\" >&2\n exit 1\nfi\n# This output is used by Xcode 'outputs' to avoid re-running this script phase.\necho \"SUCCESS\" > \"${SCRIPT_OUTPUT_FILE_0}\"\n";
showEnvVarsInLog = 0;
};
E235C05ADACE081382539298 /* [CP] Copy Pods Resources */ = {
isa = PBXShellScriptBuildPhase;
buildActionMask = 2147483647;
files = (
);
inputFileListPaths = (
"${PODS_ROOT}/Target Support Files/Pods-LynkedUpPro/Pods-LynkedUpPro-resources-${CONFIGURATION}-input-files.xcfilelist",
);
name = "[CP] Copy Pods Resources";
outputFileListPaths = (
"${PODS_ROOT}/Target Support Files/Pods-LynkedUpPro/Pods-LynkedUpPro-resources-${CONFIGURATION}-output-files.xcfilelist",
);
runOnlyForDeploymentPostprocessing = 0;
shellPath = /bin/sh;
shellScript = "\"${PODS_ROOT}/Target Support Files/Pods-LynkedUpPro/Pods-LynkedUpPro-resources.sh\"\n";
showEnvVarsInLog = 0;
};
/* End PBXShellScriptBuildPhase section */
/* Begin PBXSourcesBuildPhase section */
13B07F871A680F5B00A75B9A /* Sources */ = {
isa = PBXSourcesBuildPhase;
buildActionMask = 2147483647;
files = (
761780ED2CA45674006654EE /* AppDelegate.swift in Sources */,
);
runOnlyForDeploymentPostprocessing = 0;
};
/* End PBXSourcesBuildPhase section */
/* Begin XCBuildConfiguration section */
13B07F941A680F5B00A75B9A /* Debug */ = {
isa = XCBuildConfiguration;
baseConfigurationReference = 3B4392A12AC88292D35C810B /* Pods-LynkedUpPro.debug.xcconfig */;
buildSettings = {
ASSETCATALOG_COMPILER_APPICON_NAME = AppIcon;
CLANG_ENABLE_MODULES = YES;
CURRENT_PROJECT_VERSION = 1;
ENABLE_BITCODE = NO;
INFOPLIST_FILE = LynkedUpPro/Info.plist;
IPHONEOS_DEPLOYMENT_TARGET = 15.1;
LD_RUNPATH_SEARCH_PATHS = (
"$(inherited)",
"@executable_path/Frameworks",
);
MARKETING_VERSION = 1.0;
OTHER_LDFLAGS = (
"$(inherited)",
"-ObjC",
"-lc++",
);
PRODUCT_BUNDLE_IDENTIFIER = "org.reactjs.native.example.$(PRODUCT_NAME:rfc1034identifier)";
PRODUCT_NAME = LynkedUpPro;
SWIFT_OPTIMIZATION_LEVEL = "-Onone";
SWIFT_VERSION = 5.0;
VERSIONING_SYSTEM = "apple-generic";
};
name = Debug;
};
13B07F951A680F5B00A75B9A /* Release */ = {
isa = XCBuildConfiguration;
baseConfigurationReference = 5709B34CF0A7D63546082F79 /* Pods-LynkedUpPro.release.xcconfig */;
buildSettings = {
ASSETCATALOG_COMPILER_APPICON_NAME = AppIcon;
CLANG_ENABLE_MODULES = YES;
CURRENT_PROJECT_VERSION = 1;
INFOPLIST_FILE = LynkedUpPro/Info.plist;
IPHONEOS_DEPLOYMENT_TARGET = 15.1;
LD_RUNPATH_SEARCH_PATHS = (
"$(inherited)",
"@executable_path/Frameworks",
);
MARKETING_VERSION = 1.0;
OTHER_LDFLAGS = (
"$(inherited)",
"-ObjC",
"-lc++",
);
PRODUCT_BUNDLE_IDENTIFIER = "org.reactjs.native.example.$(PRODUCT_NAME:rfc1034identifier)";
PRODUCT_NAME = LynkedUpPro;
SWIFT_VERSION = 5.0;
VERSIONING_SYSTEM = "apple-generic";
};
name = Release;
};
83CBBA201A601CBA00E9B192 /* Debug */ = {
isa = XCBuildConfiguration;
buildSettings = {
ALWAYS_SEARCH_USER_PATHS = NO;
CLANG_ANALYZER_LOCALIZABILITY_NONLOCALIZED = YES;
CLANG_CXX_LANGUAGE_STANDARD = "c++20";
CLANG_CXX_LIBRARY = "libc++";
CLANG_ENABLE_MODULES = YES;
CLANG_ENABLE_OBJC_ARC = YES;
CLANG_WARN_BLOCK_CAPTURE_AUTORELEASING = YES;
CLANG_WARN_BOOL_CONVERSION = YES;
CLANG_WARN_COMMA = YES;
CLANG_WARN_CONSTANT_CONVERSION = YES;
CLANG_WARN_DEPRECATED_OBJC_IMPLEMENTATIONS = YES;
CLANG_WARN_DIRECT_OBJC_ISA_USAGE = YES_ERROR;
CLANG_WARN_EMPTY_BODY = YES;
CLANG_WARN_ENUM_CONVERSION = YES;
CLANG_WARN_INFINITE_RECURSION = YES;
CLANG_WARN_INT_CONVERSION = YES;
CLANG_WARN_NON_LITERAL_NULL_CONVERSION = YES;
CLANG_WARN_OBJC_IMPLICIT_RETAIN_SELF = YES;
CLANG_WARN_OBJC_LITERAL_CONVERSION = YES;
CLANG_WARN_OBJC_ROOT_CLASS = YES_ERROR;
CLANG_WARN_QUOTED_INCLUDE_IN_FRAMEWORK_HEADER = YES;
CLANG_WARN_RANGE_LOOP_ANALYSIS = YES;
CLANG_WARN_STRICT_PROTOTYPES = YES;
CLANG_WARN_SUSPICIOUS_MOVE = YES;
CLANG_WARN_UNREACHABLE_CODE = YES;
CLANG_WARN__DUPLICATE_METHOD_MATCH = YES;
"CODE_SIGN_IDENTITY[sdk=iphoneos*]" = "iPhone Developer";
COPY_PHASE_STRIP = NO;
ENABLE_STRICT_OBJC_MSGSEND = YES;
ENABLE_TESTABILITY = YES;
"EXCLUDED_ARCHS[sdk=iphonesimulator*]" = "";
GCC_C_LANGUAGE_STANDARD = gnu99;
GCC_DYNAMIC_NO_PIC = NO;
GCC_NO_COMMON_BLOCKS = YES;
GCC_OPTIMIZATION_LEVEL = 0;
GCC_PREPROCESSOR_DEFINITIONS = (
"DEBUG=1",
"$(inherited)",
);
GCC_SYMBOLS_PRIVATE_EXTERN = NO;
GCC_WARN_64_TO_32_BIT_CONVERSION = YES;
GCC_WARN_ABOUT_RETURN_TYPE = YES_ERROR;
GCC_WARN_UNDECLARED_SELECTOR = YES;
GCC_WARN_UNINITIALIZED_AUTOS = YES_AGGRESSIVE;
GCC_WARN_UNUSED_FUNCTION = YES;
GCC_WARN_UNUSED_VARIABLE = YES;
IPHONEOS_DEPLOYMENT_TARGET = 15.1;
LD_RUNPATH_SEARCH_PATHS = (
/usr/lib/swift,
"$(inherited)",
);
LIBRARY_SEARCH_PATHS = (
"\"$(SDKROOT)/usr/lib/swift\"",
"\"$(TOOLCHAIN_DIR)/usr/lib/swift/$(PLATFORM_NAME)\"",
"\"$(inherited)\"",
);
MTL_ENABLE_DEBUG_INFO = YES;
ONLY_ACTIVE_ARCH = YES;
OTHER_CPLUSPLUSFLAGS = (
"$(OTHER_CFLAGS)",
"-DFOLLY_NO_CONFIG",
"-DFOLLY_MOBILE=1",
"-DFOLLY_USE_LIBCPP=1",
"-DFOLLY_CFG_NO_COROUTINES=1",
"-DFOLLY_HAVE_CLOCK_GETTIME=1",
);
SDKROOT = iphoneos;
};
name = Debug;
};
83CBBA211A601CBA00E9B192 /* Release */ = {
isa = XCBuildConfiguration;
buildSettings = {
ALWAYS_SEARCH_USER_PATHS = NO;
CLANG_ANALYZER_LOCALIZABILITY_NONLOCALIZED = YES;
CLANG_CXX_LANGUAGE_STANDARD = "c++20";
CLANG_CXX_LIBRARY = "libc++";
CLANG_ENABLE_MODULES = YES;
CLANG_ENABLE_OBJC_ARC = YES;
CLANG_WARN_BLOCK_CAPTURE_AUTORELEASING = YES;
CLANG_WARN_BOOL_CONVERSION = YES;
CLANG_WARN_COMMA = YES;
CLANG_WARN_CONSTANT_CONVERSION = YES;
CLANG_WARN_DEPRECATED_OBJC_IMPLEMENTATIONS = YES;
CLANG_WARN_DIRECT_OBJC_ISA_USAGE = YES_ERROR;
CLANG_WARN_EMPTY_BODY = YES;
CLANG_WARN_ENUM_CONVERSION = YES;
CLANG_WARN_INFINITE_RECURSION = YES;
CLANG_WARN_INT_CONVERSION = YES;
CLANG_WARN_NON_LITERAL_NULL_CONVERSION = YES;
CLANG_WARN_OBJC_IMPLICIT_RETAIN_SELF = YES;
CLANG_WARN_OBJC_LITERAL_CONVERSION = YES;
CLANG_WARN_OBJC_ROOT_CLASS = YES_ERROR;
CLANG_WARN_QUOTED_INCLUDE_IN_FRAMEWORK_HEADER = YES;
CLANG_WARN_RANGE_LOOP_ANALYSIS = YES;
CLANG_WARN_STRICT_PROTOTYPES = YES;
CLANG_WARN_SUSPICIOUS_MOVE = YES;
CLANG_WARN_UNREACHABLE_CODE = YES;
CLANG_WARN__DUPLICATE_METHOD_MATCH = YES;
"CODE_SIGN_IDENTITY[sdk=iphoneos*]" = "iPhone Developer";
COPY_PHASE_STRIP = YES;
ENABLE_NS_ASSERTIONS = NO;
ENABLE_STRICT_OBJC_MSGSEND = YES;
"EXCLUDED_ARCHS[sdk=iphonesimulator*]" = "";
GCC_C_LANGUAGE_STANDARD = gnu99;
GCC_NO_COMMON_BLOCKS = YES;
GCC_WARN_64_TO_32_BIT_CONVERSION = YES;
GCC_WARN_ABOUT_RETURN_TYPE = YES_ERROR;
GCC_WARN_UNDECLARED_SELECTOR = YES;
GCC_WARN_UNINITIALIZED_AUTOS = YES_AGGRESSIVE;
GCC_WARN_UNUSED_FUNCTION = YES;
GCC_WARN_UNUSED_VARIABLE = YES;
IPHONEOS_DEPLOYMENT_TARGET = 15.1;
LD_RUNPATH_SEARCH_PATHS = (
/usr/lib/swift,
"$(inherited)",
);
LIBRARY_SEARCH_PATHS = (
"\"$(SDKROOT)/usr/lib/swift\"",
"\"$(TOOLCHAIN_DIR)/usr/lib/swift/$(PLATFORM_NAME)\"",
"\"$(inherited)\"",
);
MTL_ENABLE_DEBUG_INFO = NO;
OTHER_CPLUSPLUSFLAGS = (
"$(OTHER_CFLAGS)",
"-DFOLLY_NO_CONFIG",
"-DFOLLY_MOBILE=1",
"-DFOLLY_USE_LIBCPP=1",
"-DFOLLY_CFG_NO_COROUTINES=1",
"-DFOLLY_HAVE_CLOCK_GETTIME=1",
);
SDKROOT = iphoneos;
VALIDATE_PRODUCT = YES;
};
name = Release;
};
/* End XCBuildConfiguration section */
/* Begin XCConfigurationList section */
13B07F931A680F5B00A75B9A /* Build configuration list for PBXNativeTarget "LynkedUpPro" */ = {
isa = XCConfigurationList;
buildConfigurations = (
13B07F941A680F5B00A75B9A /* Debug */,
13B07F951A680F5B00A75B9A /* Release */,
);
defaultConfigurationIsVisible = 0;
defaultConfigurationName = Release;
};
83CBB9FA1A601CBA00E9B192 /* Build configuration list for PBXProject "LynkedUpPro" */ = {
isa = XCConfigurationList;
buildConfigurations = (
83CBBA201A601CBA00E9B192 /* Debug */,
83CBBA211A601CBA00E9B192 /* Release */,
);
defaultConfigurationIsVisible = 0;
defaultConfigurationName = Release;
};
/* End XCConfigurationList section */
};
rootObject = 83CBB9F71A601CBA00E9B192 /* Project object */;
}

88
ios/LynkedUpPro.xcodeproj/xcshareddata/xcschemes/LynkedUpPro.xcscheme Normal file
View File

@@ -0,0 +1,88 @@
<?xml version="1.0" encoding="UTF-8"?>
<Scheme
LastUpgradeVersion = "1210"
version = "1.3">
<BuildAction
parallelizeBuildables = "YES"
buildImplicitDependencies = "YES">
<BuildActionEntries>
<BuildActionEntry
buildForTesting = "YES"
buildForRunning = "YES"
buildForProfiling = "YES"
buildForArchiving = "YES"
buildForAnalyzing = "YES">
<BuildableReference
BuildableIdentifier = "primary"
BlueprintIdentifier = "13B07F861A680F5B00A75B9A"
BuildableName = "LynkedUpPro.app"
BlueprintName = "LynkedUpPro"
ReferencedContainer = "container:LynkedUpPro.xcodeproj">
</BuildableReference>
</BuildActionEntry>
</BuildActionEntries>
</BuildAction>
<TestAction
buildConfiguration = "Debug"
selectedDebuggerIdentifier = "Xcode.DebuggerFoundation.Debugger.LLDB"
selectedLauncherIdentifier = "Xcode.DebuggerFoundation.Launcher.LLDB"
shouldUseLaunchSchemeArgsEnv = "YES">
<Testables>
<TestableReference
skipped = "NO">
<BuildableReference
BuildableIdentifier = "primary"
BlueprintIdentifier = "00E356ED1AD99517003FC87E"
BuildableName = "LynkedUpProTests.xctest"
BlueprintName = "LynkedUpProTests"
ReferencedContainer = "container:LynkedUpPro.xcodeproj">
</BuildableReference>
</TestableReference>
</Testables>
</TestAction>
<LaunchAction
buildConfiguration = "Debug"
selectedDebuggerIdentifier = "Xcode.DebuggerFoundation.Debugger.LLDB"
selectedLauncherIdentifier = "Xcode.DebuggerFoundation.Launcher.LLDB"
launchStyle = "0"
useCustomWorkingDirectory = "NO"
ignoresPersistentStateOnLaunch = "NO"
debugDocumentVersioning = "YES"
debugServiceExtension = "internal"
allowLocationSimulation = "YES">
<BuildableProductRunnable
runnableDebuggingMode = "0">
<BuildableReference
BuildableIdentifier = "primary"
BlueprintIdentifier = "13B07F861A680F5B00A75B9A"
BuildableName = "LynkedUpPro.app"
BlueprintName = "LynkedUpPro"
ReferencedContainer = "container:LynkedUpPro.xcodeproj">
</BuildableReference>
</BuildableProductRunnable>
</LaunchAction>
<ProfileAction
buildConfiguration = "Release"
shouldUseLaunchSchemeArgsEnv = "YES"
savedToolIdentifier = ""
useCustomWorkingDirectory = "NO"
debugDocumentVersioning = "YES">
<BuildableProductRunnable
runnableDebuggingMode = "0">
<BuildableReference
BuildableIdentifier = "primary"
BlueprintIdentifier = "13B07F861A680F5B00A75B9A"
BuildableName = "LynkedUpPro.app"
BlueprintName = "LynkedUpPro"
ReferencedContainer = "container:LynkedUpPro.xcodeproj">
</BuildableReference>
</BuildableProductRunnable>
</ProfileAction>
<AnalyzeAction
buildConfiguration = "Debug">
</AnalyzeAction>
<ArchiveAction
buildConfiguration = "Release"
revealArchiveInOrganizer = "YES">
</ArchiveAction>
</Scheme>

48
ios/LynkedUpPro/AppDelegate.swift Normal file
View File

@@ -0,0 +1,48 @@
import UIKit
import React
import React_RCTAppDelegate
import ReactAppDependencyProvider
@main
class AppDelegate: UIResponder, UIApplicationDelegate {
var window: UIWindow?
var reactNativeDelegate: ReactNativeDelegate?
var reactNativeFactory: RCTReactNativeFactory?
func application(
_ application: UIApplication,
didFinishLaunchingWithOptions launchOptions: [UIApplication.LaunchOptionsKey: Any]? = nil
) -> Bool {
let delegate = ReactNativeDelegate()
let factory = RCTReactNativeFactory(delegate: delegate)
delegate.dependencyProvider = RCTAppDependencyProvider()
reactNativeDelegate = delegate
reactNativeFactory = factory
window = UIWindow(frame: UIScreen.main.bounds)
factory.startReactNative(
withModuleName: "LynkedUpPro",
in: window,
launchOptions: launchOptions
)
return true
}
}
class ReactNativeDelegate: RCTDefaultReactNativeFactoryDelegate {
override func sourceURL(for bridge: RCTBridge) -> URL? {
self.bundleURL()
}
override func bundleURL() -> URL? {
#if DEBUG
RCTBundleURLProvider.sharedSettings().jsBundleURL(forBundleRoot: "index")
#else
Bundle.main.url(forResource: "main", withExtension: "jsbundle")
#endif
}
}

53
ios/LynkedUpPro/Images.xcassets/AppIcon.appiconset/Contents.json Normal file
View File

@@ -0,0 +1,53 @@
{
"images" : [
{
"idiom" : "iphone",
"scale" : "2x",
"size" : "20x20"
},
{
"idiom" : "iphone",
"scale" : "3x",
"size" : "20x20"
},
{
"idiom" : "iphone",
"scale" : "2x",
"size" : "29x29"
},
{
"idiom" : "iphone",
"scale" : "3x",
"size" : "29x29"
},
{
"idiom" : "iphone",
"scale" : "2x",
"size" : "40x40"
},
{
"idiom" : "iphone",
"scale" : "3x",
"size" : "40x40"
},
{
"idiom" : "iphone",
"scale" : "2x",
"size" : "60x60"
},
{
"idiom" : "iphone",
"scale" : "3x",
"size" : "60x60"
},
{
"idiom" : "ios-marketing",
"scale" : "1x",
"size" : "1024x1024"
}
],
"info" : {
"author" : "xcode",
"version" : 1
}
}

6
ios/LynkedUpPro/Images.xcassets/Contents.json Normal file
View File

@@ -0,0 +1,6 @@
{
"info" : {
"version" : 1,
"author" : "xcode"
}
}

59
ios/LynkedUpPro/Info.plist Normal file
View File

@@ -0,0 +1,59 @@
<?xml version="1.0" encoding="UTF-8"?>
<!DOCTYPE plist PUBLIC "-//Apple//DTD PLIST 1.0//EN" "http://www.apple.com/DTDs/PropertyList-1.0.dtd">
<plist version="1.0">
<dict>
<key>CADisableMinimumFrameDurationOnPhone</key>
<true/>
<key>CFBundleDevelopmentRegion</key>
<string>en</string>
<key>CFBundleDisplayName</key>
<string>LynkedUpPro</string>
<key>CFBundleExecutable</key>
<string>$(EXECUTABLE_NAME)</string>
<key>CFBundleIdentifier</key>
<string>$(PRODUCT_BUNDLE_IDENTIFIER)</string>
<key>CFBundleInfoDictionaryVersion</key>
<string>6.0</string>
<key>CFBundleName</key>
<string>$(PRODUCT_NAME)</string>
<key>CFBundlePackageType</key>
<string>APPL</string>
<key>CFBundleShortVersionString</key>
<string>$(MARKETING_VERSION)</string>
<key>CFBundleSignature</key>
<string>????</string>
<key>CFBundleVersion</key>
<string>$(CURRENT_PROJECT_VERSION)</string>
<key>LSRequiresIPhoneOS</key>
<true/>
<key>NSAppTransportSecurity</key>
<dict>
<key>NSAllowsArbitraryLoads</key>
<false/>
<key>NSAllowsLocalNetworking</key>
<true/>
</dict>
<key>NSLocationWhenInUseUsageDescription</key>
<string/>
<key>UILaunchStoryboardName</key>
<string>LaunchScreen</string>
<key>UIRequiredDeviceCapabilities</key>
<array>
<string>arm64</string>
</array>
<key>UISupportedInterfaceOrientations</key>
<array>
<string>UIInterfaceOrientationPortrait</string>
<string>UIInterfaceOrientationLandscapeLeft</string>
<string>UIInterfaceOrientationLandscapeRight</string>
</array>
<key>UIViewControllerBasedStatusBarAppearance</key>
<false/>
<key>UIAppFonts</key>
<array>
<string>Gilroy-Bold.ttf</string>
<string>Gilroy-Regular.ttf</string>
<string>Gilroy-SemiBold.ttf</string>
</array>
</dict>
</plist>

47
ios/LynkedUpPro/LaunchScreen.storyboard Normal file
View File

@@ -0,0 +1,47 @@
<?xml version="1.0" encoding="UTF-8"?>
<document type="com.apple.InterfaceBuilder3.CocoaTouch.Storyboard.XIB" version="3.0" toolsVersion="15702" targetRuntime="iOS.CocoaTouch" propertyAccessControl="none" useAutolayout="YES" launchScreen="YES" useTraitCollections="YES" useSafeAreas="YES" colorMatched="YES" initialViewController="01J-lp-oVM">
<device id="retina4_7" orientation="portrait" appearance="light"/>
<dependencies>
<deployment identifier="iOS"/>
<plugIn identifier="com.apple.InterfaceBuilder.IBCocoaTouchPlugin" version="15704"/>
<capability name="Safe area layout guides" minToolsVersion="9.0"/>
<capability name="documents saved in the Xcode 8 format" minToolsVersion="8.0"/>
</dependencies>
<scenes>
<!--View Controller-->
<scene sceneID="EHf-IW-A2E">
<objects>
<viewController id="01J-lp-oVM" sceneMemberID="viewController">
<view key="view" contentMode="scaleToFill" id="Ze5-6b-2t3">
<rect key="frame" x="0.0" y="0.0" width="375" height="667"/>
<autoresizingMask key="autoresizingMask" widthSizable="YES" heightSizable="YES"/>
<subviews>
<label opaque="NO" clipsSubviews="YES" userInteractionEnabled="NO" contentMode="left" horizontalHuggingPriority="251" verticalHuggingPriority="251" text="LynkedUpPro" textAlignment="center" lineBreakMode="middleTruncation" baselineAdjustment="alignBaselines" minimumFontSize="18" translatesAutoresizingMaskIntoConstraints="NO" id="GJd-Yh-RWb">
<rect key="frame" x="0.0" y="202" width="375" height="43"/>
<fontDescription key="fontDescription" type="boldSystem" pointSize="36"/>
<nil key="highlightedColor"/>
</label>
<label opaque="NO" clipsSubviews="YES" userInteractionEnabled="NO" contentMode="left" horizontalHuggingPriority="251" verticalHuggingPriority="251" text="Powered by React Native" textAlignment="center" lineBreakMode="tailTruncation" baselineAdjustment="alignBaselines" minimumFontSize="9" translatesAutoresizingMaskIntoConstraints="NO" id="MN2-I3-ftu">
<rect key="frame" x="0.0" y="626" width="375" height="21"/>
<fontDescription key="fontDescription" type="system" pointSize="17"/>
<nil key="highlightedColor"/>
</label>
</subviews>
<color key="backgroundColor" systemColor="systemBackgroundColor" cocoaTouchSystemColor="whiteColor"/>
<constraints>
<constraint firstItem="Bcu-3y-fUS" firstAttribute="bottom" secondItem="MN2-I3-ftu" secondAttribute="bottom" constant="20" id="OZV-Vh-mqD"/>
<constraint firstItem="Bcu-3y-fUS" firstAttribute="centerX" secondItem="GJd-Yh-RWb" secondAttribute="centerX" id="Q3B-4B-g5h"/>
<constraint firstItem="MN2-I3-ftu" firstAttribute="centerX" secondItem="Bcu-3y-fUS" secondAttribute="centerX" id="akx-eg-2ui"/>
<constraint firstItem="MN2-I3-ftu" firstAttribute="leading" secondItem="Bcu-3y-fUS" secondAttribute="leading" id="i1E-0Y-4RG"/>
<constraint firstItem="GJd-Yh-RWb" firstAttribute="centerY" secondItem="Ze5-6b-2t3" secondAttribute="bottom" multiplier="1/3" constant="1" id="moa-c2-u7t"/>
<constraint firstItem="GJd-Yh-RWb" firstAttribute="leading" secondItem="Bcu-3y-fUS" secondAttribute="leading" symbolic="YES" id="x7j-FC-K8j"/>
</constraints>
<viewLayoutGuide key="safeArea" id="Bcu-3y-fUS"/>
</view>
</viewController>
<placeholder placeholderIdentifier="IBFirstResponder" id="iYj-Kq-Ea1" userLabel="First Responder" sceneMemberID="firstResponder"/>
</objects>
<point key="canvasLocation" x="52.173913043478265" y="375"/>
</scene>
</scenes>
</document>

37
ios/LynkedUpPro/PrivacyInfo.xcprivacy Normal file
View File

@@ -0,0 +1,37 @@
<?xml version="1.0" encoding="UTF-8"?>
<!DOCTYPE plist PUBLIC "-//Apple//DTD PLIST 1.0//EN" "http://www.apple.com/DTDs/PropertyList-1.0.dtd">
<plist version="1.0">
<dict>
<key>NSPrivacyAccessedAPITypes</key>
<array>
<dict>
<key>NSPrivacyAccessedAPIType</key>
<string>NSPrivacyAccessedAPICategoryFileTimestamp</string>
<key>NSPrivacyAccessedAPITypeReasons</key>
<array>
<string>C617.1</string>
</array>
</dict>
<dict>
<key>NSPrivacyAccessedAPIType</key>
<string>NSPrivacyAccessedAPICategoryUserDefaults</string>
<key>NSPrivacyAccessedAPITypeReasons</key>
<array>
<string>CA92.1</string>
</array>
</dict>
<dict>
<key>NSPrivacyAccessedAPIType</key>
<string>NSPrivacyAccessedAPICategorySystemBootTime</string>
<key>NSPrivacyAccessedAPITypeReasons</key>
<array>
<string>35F9.1</string>
</array>
</dict>
</array>
<key>NSPrivacyCollectedDataTypes</key>
<array/>
<key>NSPrivacyTracking</key>
<false/>
</dict>
</plist>

34
ios/Podfile Normal file
View File

@@ -0,0 +1,34 @@
# Resolve react_native_pods.rb with node to allow for hoisting
require Pod::Executable.execute_command('node', ['-p',
'require.resolve(
"react-native/scripts/react_native_pods.rb",
{paths: [process.argv[1]]},
)', __dir__]).strip
platform :ios, min_ios_version_supported
prepare_react_native_project!
linkage = ENV['USE_FRAMEWORKS']
if linkage != nil
Pod::UI.puts "Configuring Pod with #{linkage}ally linked Frameworks".green
use_frameworks! :linkage => linkage.to_sym
end
target 'LynkedUpPro' do
config = use_native_modules!
use_react_native!(
:path => config[:reactNativePath],
# An absolute path to your application root.
:app_path => "#{Pod::Config.instance.installation_root}/.."
)
post_install do |installer|
react_native_post_install(
installer,
config[:reactNativePath],
:mac_catalyst_enabled => false,
# :ccache_enabled => true
)
end
end

17
ios/link-assets-manifest.json Normal file
View File

@@ -0,0 +1,17 @@
{
"migIndex": 1,
"data": [
{
"path": "assets/fonts/Gilroy-Bold.ttf",
"sha1": "7fe4d8cf5325dd47363d0f80fefb40ac7df5d5a6"
},
{
"path": "assets/fonts/Gilroy-Regular.ttf",
"sha1": "a737c19356e50cb9a50eb64ca7446c80dd3aa3e3"
},
{
"path": "assets/fonts/Gilroy-SemiBold.ttf",
"sha1": "8663a356eb9bc23b77696208f74376daf59687ea"
}
]
}

3
jest.config.js Normal file
View File

@@ -0,0 +1,3 @@
module.exports = {
preset: 'react-native',
};

11
metro.config.js Normal file
View File

@@ -0,0 +1,11 @@
const { getDefaultConfig, mergeConfig } = require('@react-native/metro-config');
/**
* Metro configuration
* https://reactnative.dev/docs/metro
*
* @type {import('@react-native/metro-config').MetroConfig}
*/
const config = {};
module.exports = mergeConfig(getDefaultConfig(__dirname), config);

11711
package-lock.json generated Normal file
View File

File diff suppressed because it is too large Load Diff

44
package.json Normal file
View File

@@ -0,0 +1,44 @@
{
"name": "LynkedUpPro",
"version": "0.0.1",
"private": true,
"scripts": {
"android": "react-native run-android",
"ios": "react-native run-ios",
"lint": "eslint .",
"start": "react-native start",
"test": "jest"
},
"dependencies": {
"@react-native-async-storage/async-storage": "^1.24.0",
"@react-native-community/netinfo": "^11.3.1",
"@react-native/new-app-screen": "0.82.1",
"lynkeduppro-login-sdk": "^0.1.9",
"react": "19.1.1",
"react-native": "0.82.1",
"react-native-safe-area-context": "^5.5.2"
},
"devDependencies": {
"@babel/core": "^7.25.2",
"@babel/preset-env": "^7.25.3",
"@babel/runtime": "^7.25.0",
"@react-native-community/cli": "20.0.0",
"@react-native-community/cli-platform-android": "20.0.0",
"@react-native-community/cli-platform-ios": "20.0.0",
"@react-native/babel-preset": "0.82.1",
"@react-native/eslint-config": "0.82.1",
"@react-native/metro-config": "0.82.1",
"@react-native/typescript-config": "0.82.1",
"@types/jest": "^29.5.13",
"@types/react": "^19.1.1",
"@types/react-test-renderer": "^19.1.0",
"eslint": "^8.19.0",
"jest": "^29.6.3",
"prettier": "2.8.8",
"react-test-renderer": "19.1.1",
"typescript": "^5.8.3"
},
"engines": {
"node": ">=20"
}
}

7
react-native.config.js Normal file
View File

@@ -0,0 +1,7 @@
module.exports = {
project: {
ios: {},
android: {},
},
assets: ['./assets/fonts'], // path to your font folder
};

BIN
src/assets/img/eye.png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 6.6 KiB

BIN
src/assets/img/images.jpeg Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 1.9 KiB

BIN
src/assets/img/images.jpg Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 13 KiB

305
src/components/Login.tsx Normal file
View File

@@ -0,0 +1,305 @@
import React, { useState } from 'react';
import {
Image,
ImageBackground,
Keyboard,
KeyboardAvoidingView,
Platform,
StyleSheet,
Text,
TextInput,
TouchableOpacity,
View,
Alert,
ActivityIndicator,
} from 'react-native';
import { SafeAreaView } from 'react-native-safe-area-context';
import { authAPI } from '../services/authAPI';
import { ApiError } from '../types/auth';
import { networkService } from '../services/networkService';
interface LoginProps {
onNavigateToRegister: () => void;
onLoginSuccess: () => void;
}
const Login: React.FC<LoginProps> = ({ onNavigateToRegister, onLoginSuccess }) => {
const [secureTextEntry, setSecureTextEntry] = useState(true);
const [email, setEmail] = useState('');
const [password, setPassword] = useState('');
const [isLoading, setIsLoading] = useState(false);
const [isOnline, setIsOnline] = useState(true);
// Listen for network changes
React.useEffect(() => {
setIsOnline(networkService.isOnline());
const unsubscribe = networkService.addListener((networkState) => {
setIsOnline(networkState.isConnected);
});
return unsubscribe;
}, []);
const handleLogin = async () => {
if (!email || !password) {
Alert.alert('Error', 'Please fill in all fields');
return;
}
// Basic email validation
const emailRegex = /^[^\s@]+@[^\s@]+\.[^\s@]+$/;
if (!emailRegex.test(email)) {
Alert.alert('Error', 'Please enter a valid email address');
return;
}
setIsLoading(true);
try {
const response = await authAPI.login({ email, password });
Alert.alert('Success', response.message, [
{
text: 'OK',
onPress: () => {
console.log('User logged in:', response.user);
console.log('Token:', response.token);
onLoginSuccess();
}
}
]);
} catch (error: any) {
const apiError = error as ApiError;
Alert.alert(
'Login Failed',
apiError.error || apiError.message || 'An unexpected error occurred'
);
console.error('Login error:', error);
} finally {
setIsLoading(false);
}
};
const handleForgotPassword = () => {
Alert.alert('Forgot Password', 'Password reset functionality would be implemented here');
};
const handleUseTestCredentials = () => {
const testCreds = authAPI.getTestCredentials();
setEmail(testCreds.email);
setPassword(testCreds.password);
Alert.alert('Test Credentials', `Using ReqRes API test credentials:\n${testCreds.email} / ${testCreds.password}`);
};
return (
<ImageBackground
source={require('../assets/img/images.jpg')}
style={styles.container}
resizeMode="cover"
>
<KeyboardAvoidingView
behavior={Platform.OS === 'ios' ? 'padding' : 'height'}
style={styles.containerMain}
>
<SafeAreaView style={styles.safeArea}>
<View style={styles.containerMain}>
<Text style={styles.text}>Login</Text>
{/* Status Info */}
<View style={styles.testInfo}>
<Text style={styles.testInfoText}>
{isOnline ? '🟢 Online Mode' : '🔴 Offline Mode'}
</Text>
<TouchableOpacity onPress={handleUseTestCredentials} style={styles.testCredentialsButton}>
<Text style={styles.testCredentialsText}>Use Test Credentials</Text>
</TouchableOpacity>
</View>
<View style={styles.inputContainer}>
<TextInput
style={styles.input}
placeholder="Email"
value={email}
onChangeText={setEmail}
keyboardType="email-address"
autoCapitalize="none"
autoCorrect={false}
autoComplete="email"
returnKeyType="next"
onSubmitEditing={() => Keyboard.dismiss()}
placeholderTextColor="black"
/>
</View>
<View style={styles.inputContainer}>
<TextInput
style={styles.input}
placeholder="Password"
value={password}
onChangeText={setPassword}
secureTextEntry={secureTextEntry}
returnKeyType="done"
onSubmitEditing={handleLogin}
placeholderTextColor="black"
/>
<TouchableOpacity
style={styles.eyeIcon}
onPress={() => setSecureTextEntry(!secureTextEntry)}
>
<Image
source={require('../assets/img/eye.png')}
style={[
styles.Icon,
!secureTextEntry ? styles.eyeIconActive : styles.eyeIconInactive
]}
/>
</TouchableOpacity>
</View>
{/* <TouchableOpacity style={styles.forgotPassword} onPress={handleForgotPassword}>
<Text style={styles.forgotPasswordText}>Forgot Password?</Text>
</TouchableOpacity> */}
<TouchableOpacity
style={[styles.button, isLoading && styles.buttonDisabled]}
onPress={handleLogin}
disabled={isLoading}
>
{isLoading ? (
<ActivityIndicator color="white" size="small" />
) : (
<Text style={styles.buttonText}>Login</Text>
)}
</TouchableOpacity>
<TouchableOpacity style={styles.buttonSignup} onPress={onNavigateToRegister}>
<Text style={styles.buttonSignupText}>Not a member? Sign Up</Text>
</TouchableOpacity>
</View>
</SafeAreaView>
</KeyboardAvoidingView>
</ImageBackground>
);
};
const styles = StyleSheet.create({
container: {
flex: 1,
},
safeArea: {
flex: 1,
},
containerMain: {
flex: 1,
justifyContent: 'center',
marginHorizontal: 10,
},
text: {
textAlign: 'center',
marginBottom: 20,
color: 'black',
fontSize: 30,
fontWeight: 'bold',
},
testInfo: {
alignItems: 'center',
marginBottom: 15,
padding: 10,
backgroundColor: '#ffffff10',
borderRadius: 10,
},
testInfoText: {
color: '#3bb6d8',
fontSize: 12,
fontWeight: '600',
marginBottom: 5,
},
testCredentialsButton: {
paddingHorizontal: 12,
paddingVertical: 4,
backgroundColor: '#3bb6d8',
borderRadius: 15,
},
testCredentialsText: {
color: 'white',
fontSize: 10,
fontWeight: '500',
},
inputContainer: {
flexDirection: 'row',
marginBottom: 10,
height: 40,
borderWidth: 0.5,
borderColor: 'white',
borderRadius: 100,
backgroundColor: '#ffffff20',
paddingHorizontal: 10,
alignItems: 'center',
},
input: {
flex: 1,
width: '100%',
color: 'black',
},
eyeIcon: {
width: 30,
height: 30,
justifyContent: 'center',
alignItems: 'center',
},
Icon: {
width: '80%',
height: '80%',
},
eyeIconActive: {
tintColor: '#3bb6d8',
},
eyeIconInactive: {
tintColor: '#ffffff',
},
forgotPassword: {
alignSelf: 'flex-end',
marginBottom: 10,
},
forgotPasswordText: {
color: '#3bb6d8',
fontSize: 14,
textDecorationLine: 'underline',
},
button: {
marginTop: 20,
backgroundColor: '#3bb6d8',
padding: 8,
borderRadius: 100,
borderWidth: 0.5,
borderColor: 'white',
minHeight: 40,
justifyContent: 'center',
},
buttonDisabled: {
backgroundColor: '#a0a0a0',
borderColor: '#cccccc',
},
buttonText: {
color: 'white',
textAlign: 'center',
fontSize: 16,
fontWeight: 'bold',
},
buttonSignup: {
marginTop: 10,
backgroundColor: '#ffffff80',
padding: 8,
borderRadius: 100,
borderWidth: 0.5,
borderColor: '#3bb6d8',
},
buttonSignupText: {
color: 'black',
textAlign: 'center',
fontSize: 16,
},
});
export default Login;

386
src/components/Register.tsx Normal file
View File

@@ -0,0 +1,386 @@
import React, { useState } from 'react';
import {
Image,
ImageBackground,
KeyboardAvoidingView,
Platform,
StyleSheet,
Text,
TextInput,
TouchableOpacity,
View,
Alert,
ScrollView,
ActivityIndicator,
} from 'react-native';
import { SafeAreaView } from 'react-native-safe-area-context';
import { authAPI } from '../services/authAPI';
import { ApiError } from '../types/auth';
import { networkService } from '../services/networkService';
interface RegisterProps {
onNavigateToLogin: () => void;
onRegisterSuccess: () => void;
}
const Register: React.FC<RegisterProps> = ({ onNavigateToLogin, onRegisterSuccess }) => {
const [secureTextEntry, setSecureTextEntry] = useState(true);
const [confirmSecureTextEntry, setConfirmSecureTextEntry] = useState(true);
const [isLoading, setIsLoading] = useState(false);
const [isOnline, setIsOnline] = useState(true);
// Listen for network changes
React.useEffect(() => {
setIsOnline(networkService.isOnline());
const unsubscribe = networkService.addListener((networkState) => {
setIsOnline(networkState.isConnected);
});
return unsubscribe;
}, []);
const [formData, setFormData] = useState({
fullName: '',
email: '',
phone: '',
password: '',
confirmPassword: '',
});
const handleInputChange = (field: string, value: string) => {
setFormData(prev => ({
...prev,
[field]: value
}));
};
const validateForm = () => {
const { fullName, email, phone, password, confirmPassword } = formData;
if (!fullName || !email || !phone || !password || !confirmPassword) {
Alert.alert('Error', 'Please fill in all fields');
return false;
}
if (password !== confirmPassword) {
Alert.alert('Error', 'Passwords do not match');
return false;
}
if (password.length < 6) {
Alert.alert('Error', 'Password must be at least 6 characters long');
return false;
}
const emailRegex = /^[^\s@]+@[^\s@]+\.[^\s@]+$/;
if (!emailRegex.test(email)) {
Alert.alert('Error', 'Please enter a valid email address');
return false;
}
return true;
};
const handleRegister = async () => {
if (!validateForm()) return;
setIsLoading(true);
try {
const response = await authAPI.register({
fullName: formData.fullName,
email: formData.email,
phone: formData.phone,
password: formData.password,
});
Alert.alert('Success', response.message, [
{
text: 'OK',
onPress: () => {
console.log('User registered:', response.user);
console.log('Token:', response.token);
onRegisterSuccess();
}
}
]);
} catch (error: any) {
const apiError = error as ApiError;
Alert.alert(
'Registration Failed',
apiError.error || apiError.message || 'An unexpected error occurred'
);
console.error('Registration error:', error);
} finally {
setIsLoading(false);
}
};
return (
<ImageBackground
source={require('../assets/img/images.jpg')}
style={styles.container}
resizeMode="cover"
>
<KeyboardAvoidingView
behavior={Platform.OS === 'ios' ? 'padding' : 'height'}
style={styles.containerMain}
>
<SafeAreaView style={styles.safeArea}>
<ScrollView
contentContainerStyle={styles.scrollContainer}
showsVerticalScrollIndicator={false}
keyboardShouldPersistTaps="handled"
>
<View style={styles.containerMain}>
<Text style={styles.text}>Sign Up</Text>
{/* Status Info */}
<View style={styles.apiInfo}>
<Text style={styles.apiInfoText}>
{isOnline ? '🟢 Online Mode' : '🔴 Offline Mode'}
</Text>
</View>
<View style={styles.inputContainer}>
<TextInput
style={styles.input}
placeholder="Full Name"
value={formData.fullName}
onChangeText={(value) => handleInputChange('fullName', value)}
autoCapitalize="words"
autoCorrect={false}
returnKeyType="next"
placeholderTextColor="black"
/>
</View>
<View style={styles.inputContainer}>
<TextInput
style={styles.input}
placeholder="Email"
value={formData.email}
onChangeText={(value) => handleInputChange('email', value)}
keyboardType="email-address"
autoCapitalize="none"
autoCorrect={false}
autoComplete="email"
returnKeyType="next"
placeholderTextColor="black"
/>
</View>
<View style={styles.inputContainer}>
<TextInput
style={styles.input}
placeholder="Phone Number"
value={formData.phone}
onChangeText={(value) => handleInputChange('phone', value)}
keyboardType="phone-pad"
autoComplete="tel"
returnKeyType="next"
placeholderTextColor="black"
/>
</View>
<View style={styles.inputContainer}>
<TextInput
style={styles.input}
placeholder="Password"
value={formData.password}
onChangeText={(value) => handleInputChange('password', value)}
secureTextEntry={secureTextEntry}
returnKeyType="next"
placeholderTextColor="black"
/>
<TouchableOpacity
style={styles.eyeIcon}
onPress={() => setSecureTextEntry(!secureTextEntry)}
>
<Image
source={require('../assets/img/eye.png')}
style={[
styles.Icon,
!secureTextEntry ? styles.eyeIconActive : styles.eyeIconInactive
]}
/>
</TouchableOpacity>
</View>
<View style={styles.inputContainer}>
<TextInput
style={styles.input}
placeholder="Confirm Password"
value={formData.confirmPassword}
onChangeText={(value) => handleInputChange('confirmPassword', value)}
secureTextEntry={confirmSecureTextEntry}
returnKeyType="done"
onSubmitEditing={handleRegister}
placeholderTextColor="black"
/>
<TouchableOpacity
style={styles.eyeIcon}
onPress={() => setConfirmSecureTextEntry(!confirmSecureTextEntry)}
>
<Image
source={require('../assets/img/eye.png')}
style={[
styles.Icon,
!confirmSecureTextEntry ? styles.eyeIconActive : styles.eyeIconInactive
]}
/>
</TouchableOpacity>
</View>
<View style={styles.termsContainer}>
<Text style={styles.termsText}>
By signing up, you agree to our{' '}
<Text style={styles.linkText}>Terms of Service</Text>
{' '}and{' '}
<Text style={styles.linkText}>Privacy Policy</Text>
</Text>
</View>
<TouchableOpacity
style={[styles.button, isLoading && styles.buttonDisabled]}
onPress={handleRegister}
disabled={isLoading}
>
{isLoading ? (
<ActivityIndicator color="white" size="small" />
) : (
<Text style={styles.buttonText}>Sign Up</Text>
)}
</TouchableOpacity>
<TouchableOpacity style={styles.buttonSignup} onPress={onNavigateToLogin}>
<Text style={styles.buttonSignupText}>Already have an account? Login</Text>
</TouchableOpacity>
</View>
</ScrollView>
</SafeAreaView>
</KeyboardAvoidingView>
</ImageBackground>
);
};
const styles = StyleSheet.create({
container: {
flex: 1,
},
safeArea: {
flex: 1,
},
scrollContainer: {
flexGrow: 1,
justifyContent: 'center',
},
containerMain: {
flex: 1,
justifyContent: 'center',
marginHorizontal: 10,
paddingVertical: 20,
},
text: {
textAlign: 'center',
marginBottom: 20,
color: 'black',
fontSize: 30,
fontWeight: 'bold',
},
inputContainer: {
flexDirection: 'row',
marginBottom: 10,
height: 40,
borderWidth: 0.5,
borderColor: 'white',
borderRadius: 100,
backgroundColor: '#ffffff20',
paddingHorizontal: 10,
alignItems: 'center',
},
input: {
flex: 1,
width: '100%',
color: 'black',
},
eyeIcon: {
width: 30,
height: 30,
justifyContent: 'center',
alignItems: 'center',
},
Icon: {
width: '80%',
height: '80%',
},
eyeIconActive: {
tintColor: '#3bb6d8',
},
eyeIconInactive: {
tintColor: '#ffffff',
},
termsContainer: {
marginVertical: 15,
paddingHorizontal: 10,
},
termsText: {
color: 'black',
fontSize: 12,
textAlign: 'center',
lineHeight: 18,
},
linkText: {
color: '#3bb6d8',
textDecorationLine: 'underline',
fontWeight: '500',
},
apiInfo: {
alignItems: 'center',
marginBottom: 15,
padding: 8,
backgroundColor: '#ffffff10',
borderRadius: 10,
},
apiInfoText: {
color: '#3bb6d8',
fontSize: 12,
fontWeight: '600',
},
button: {
marginTop: 10,
backgroundColor: '#3bb6d8',
padding: 8,
borderRadius: 100,
borderWidth: 0.5,
borderColor: 'white',
minHeight: 40,
justifyContent: 'center',
},
buttonDisabled: {
backgroundColor: '#a0a0a0',
borderColor: '#cccccc',
},
buttonText: {
color: 'white',
textAlign: 'center',
fontSize: 16,
fontWeight: 'bold',
},
buttonSignup: {
marginTop: 10,
backgroundColor: '#ffffff80',
padding: 8,
borderRadius: 100,
borderWidth: 0.5,
borderColor: '#3bb6d8',
},
buttonSignupText: {
color: 'black',
textAlign: 'center',
fontSize: 16,
},
});
export default Register;

446
src/services/authAPI.ts Normal file
View File

@@ -0,0 +1,446 @@
// Simple Open Authentication API using ReqRes
// ReqRes is a free, open API for testing - no setup required!
// Website: https://reqres.in
import { LoginRequest, RegisterRequest, AuthResponse, ApiError } from '../types/auth';
import { localStorageService } from './localStorage';
import { networkService } from './networkService';
// ReqRes API Configuration (Free testing API)
const API_BASE_URL = 'https://reqres.in/api';
// API request helper
async function apiRequest(endpoint: string, options: RequestInit = {}): Promise<any> {
const url = `${API_BASE_URL}${endpoint}`;
try {
console.log('Making API request to:', url);
console.log('Request options:', options);
const response = await fetch(url, {
headers: {
'Content-Type': 'application/json',
...options.headers,
},
...options,
});
console.log('Response status:', response.status);
console.log('Response ok:', response.ok);
let data;
try {
const responseText = await response.text();
console.log('Response text:', responseText);
if (responseText && responseText.trim()) {
// Try to parse as JSON
try {
data = JSON.parse(responseText);
} catch {
console.error('JSON parsing failed, response was:', responseText);
// If JSON parsing fails, treat as a server error and use fallback
throw {
success: false,
message: 'Server returned invalid response',
error: 'API_PARSE_ERROR',
isParseError: true,
} as ApiError & { isParseError: boolean };
}
} else {
console.log('Empty response, treating as error');
throw {
success: false,
message: 'Server returned empty response',
error: 'API_EMPTY_RESPONSE',
isParseError: true,
} as ApiError & { isParseError: boolean };
}
} catch (error: any) {
if (error.isParseError) {
throw error;
}
console.error('Response reading error:', error);
throw {
success: false,
message: 'Failed to read server response',
error: 'API_READ_ERROR',
isParseError: true,
} as ApiError & { isParseError: boolean };
}
if (!response.ok) {
console.error('API error response:', data);
throw {
success: false,
message: data.error || data.message || 'Request failed',
error: `HTTP ${response.status}: ${data.error || 'Unknown error'}`,
} as ApiError;
}
console.log('API success response:', data);
return data;
} catch (error: any) {
console.error('API request error:', error);
if (error.success === false) {
throw error;
}
// Handle network errors
if (error.name === 'TypeError' && error.message.includes('fetch')) {
throw {
success: false,
message: 'Network connection failed',
error: 'Please check your internet connection',
} as ApiError;
}
throw {
success: false,
message: 'Network error',
error: error.message || 'Unable to connect to server',
} as ApiError;
}
}
// Authentication API
export const authAPI = {
// Initialize local storage with default users
async initialize(): Promise<void> {
await localStorageService.initializeDefaultUsers();
},
// Login with online/offline support
async login(credentials: LoginRequest): Promise<AuthResponse> {
console.log('Attempting login with credentials:', { email: credentials.email });
console.log('Network status:', networkService.getNetworkInfo());
// Always try local authentication first for better performance
const localResult = await this.localLogin(credentials);
if (localResult.success) {
// If we're online, also try to sync with API in background
if (networkService.isOnline()) {
this.backgroundSync(credentials).catch(error => {
console.log('Background sync failed:', error);
});
}
return localResult;
}
// If local login failed and we're online, try API
if (networkService.isOnline()) {
try {
console.log('Local login failed, trying API login');
const response = await apiRequest('/login', {
method: 'POST',
body: JSON.stringify({
email: credentials.email,
password: credentials.password,
}),
});
if (!response.token) {
throw {
success: false,
message: 'Login failed',
error: 'No authentication token received',
} as ApiError;
}
// Save user locally for future offline use
try {
await localStorageService.saveUser({
fullName: 'API User',
email: credentials.email,
password: credentials.password,
});
} catch (saveError) {
console.log('User already exists locally:', saveError);
}
// Create local session
const user = await localStorageService.findUserByEmail(credentials.email);
if (user) {
const token = await localStorageService.createSession(user);
return {
success: true,
message: 'Login successful! (Online)',
user: {
id: user.id,
fullName: user.fullName,
email: user.email,
phone: user.phone,
},
token,
};
}
// Fallback response
return {
success: true,
message: 'Login successful!',
user: {
id: '1',
fullName: 'Test User',
email: credentials.email,
},
token: response.token,
};
} catch (error: any) {
console.error('API login error:', error);
// If API fails, fall back to local authentication
return await this.localLogin(credentials, true);
}
}
// Offline and local login failed
throw {
success: false,
message: 'Login failed',
error: 'Invalid credentials. Please check your email and password.',
} as ApiError;
},
// Register with online/offline support
async register(userData: RegisterRequest): Promise<AuthResponse> {
try {
console.log('Attempting registration with data:', { email: userData.email });
console.log('Network status:', networkService.getNetworkInfo());
// Always save user locally first
const localUser = await localStorageService.saveUser({
fullName: userData.fullName,
email: userData.email,
phone: userData.phone,
password: userData.password,
});
// Create local session
const token = await localStorageService.createSession(localUser);
// If online, try to sync with API in background
if (networkService.isOnline()) {
this.backgroundRegisterSync(userData).catch(error => {
console.log('Background registration sync failed:', error);
});
}
const message = networkService.isOnline()
? 'Registration successful!'
: 'Registration successful! (Offline mode)';
return {
success: true,
message,
user: {
id: localUser.id,
fullName: localUser.fullName,
email: localUser.email,
phone: localUser.phone,
},
token,
};
} catch (error: any) {
console.error('Registration error:', error);
if (error.message && error.message.includes('User already exists')) {
throw {
success: false,
message: 'Registration failed',
error: 'An account with this email already exists',
} as ApiError;
}
throw {
success: false,
message: 'Registration failed',
error: error.message || 'An unexpected error occurred',
} as ApiError;
}
},
// Background registration sync with API
async backgroundRegisterSync(userData: RegisterRequest): Promise<void> {
try {
console.log('Background registration sync with API');
await apiRequest('/register', {
method: 'POST',
body: JSON.stringify({
email: userData.email,
password: userData.password,
}),
});
console.log('Background registration sync successful');
} catch (error) {
console.log('Background registration sync failed (non-critical):', error);
}
},
// Get test credentials for easy testing
getTestCredentials() {
return {
email: 'eve.holt@reqres.in',
password: 'cityslicka',
};
},
// Check if credentials are test credentials
isTestCredentials(email: string, password: string) {
const testCreds = this.getTestCredentials();
return email === testCreds.email && password === testCreds.password;
},
// Test API connectivity
async testAPI(): Promise<boolean> {
try {
console.log('Testing API connectivity...');
const response = await fetch(`${API_BASE_URL}/users/1`, {
method: 'GET',
headers: {
'Content-Type': 'application/json',
},
});
const isWorking = response.ok;
console.log('API test result:', isWorking ? 'Working' : 'Failed');
return isWorking;
} catch (error) {
console.log('API test failed:', error);
return false;
}
},
// Get current user (from local storage)
async getCurrentUser() {
return await localStorageService.getCurrentUser();
},
// Check if user is logged in
async isLoggedIn(): Promise<boolean> {
const token = await localStorageService.getCurrentToken();
if (!token) return false;
return await localStorageService.isValidSession(token);
},
// Logout user
async logout(): Promise<void> {
await localStorageService.logout();
},
// Get app status
async getAppStatus() {
const storageInfo = await localStorageService.getStorageInfo();
const networkState = networkService.getNetworkState();
const isLoggedIn = await this.isLoggedIn();
return {
network: {
isOnline: networkService.isOnline(),
...networkState,
},
storage: storageInfo,
authentication: {
isLoggedIn,
currentUser: storageInfo.currentUser,
},
};
},
// Clear all local data (for debugging)
async clearAllData(): Promise<void> {
await localStorageService.clearAllData();
},
// Local authentication (works offline)
async localLogin(credentials: LoginRequest, showOfflineMessage = false): Promise<AuthResponse> {
try {
console.log('Attempting local login');
// Validate user locally
const user = await localStorageService.validateUser(credentials.email, credentials.password);
if (user) {
// Create local session
const token = await localStorageService.createSession(user);
const message = showOfflineMessage
? 'Login successful! (Offline mode)'
: 'Login successful! (Local authentication)';
return {
success: true,
message,
user: {
id: user.id,
fullName: user.fullName,
email: user.email,
phone: user.phone,
},
token,
};
}
throw {
success: false,
message: 'Invalid credentials',
error: 'User not found or invalid password',
} as ApiError;
} catch (error) {
console.error('Local login error:', error);
throw error;
}
},
// Background sync with API (non-blocking)
async backgroundSync(credentials: LoginRequest): Promise<void> {
try {
console.log('Background sync with API');
await apiRequest('/login', {
method: 'POST',
body: JSON.stringify({
email: credentials.email,
password: credentials.password,
}),
});
console.log('Background sync successful');
} catch (error) {
console.log('Background sync failed (non-critical):', error);
}
},
// Fallback login for when API is not working (legacy)
async fallbackLogin(credentials: LoginRequest): Promise<AuthResponse> {
return await this.localLogin(credentials, true);
},
// Fallback register for when API is not working
async fallbackRegister(userData: RegisterRequest): Promise<AuthResponse> {
console.log('Using fallback registration');
// Simulate API delay
await new Promise<void>(resolve => setTimeout(resolve, 1000));
// Simple validation
if (!userData.email || !userData.password) {
throw {
success: false,
message: 'Registration failed',
error: 'Email and password are required',
} as ApiError;
}
return {
success: true,
message: 'Registration successful! (Using local authentication)',
user: {
id: '2',
fullName: userData.fullName,
email: userData.email,
phone: userData.phone,
},
token: 'fallback-register-token-67890',
};
},
};

296
src/services/localStorage.ts Normal file
View File

@@ -0,0 +1,296 @@
// Local Storage Service for Offline Data Management
// Works without internet connection
import AsyncStorage from '@react-native-async-storage/async-storage';
import { User } from '../types/auth';
// Storage keys
const STORAGE_KEYS = {
USERS: '@local_users',
CURRENT_USER: '@current_user',
AUTH_TOKEN: '@auth_token',
USER_SESSIONS: '@user_sessions',
APP_SETTINGS: '@app_settings',
};
// Local user data structure
interface LocalUser {
id: string;
fullName: string;
email: string;
phone?: string;
password: string; // Hashed in real app
createdAt: string;
lastLogin?: string;
}
interface UserSession {
userId: string;
token: string;
loginTime: string;
expiresAt: string;
}
// Local Storage Service
export const localStorageService = {
// User Management
async saveUser(userData: {
fullName: string;
email: string;
phone?: string;
password: string;
}): Promise<LocalUser> {
try {
const users = await this.getAllUsers();
// Check if user already exists
const existingUser = users.find(u => u.email === userData.email);
if (existingUser) {
throw new Error('User already exists with this email');
}
// Create new user
const newUser: LocalUser = {
id: Date.now().toString(),
fullName: userData.fullName,
email: userData.email,
phone: userData.phone,
password: userData.password, // In real app, hash this
createdAt: new Date().toISOString(),
};
// Add to users list
users.push(newUser);
await AsyncStorage.setItem(STORAGE_KEYS.USERS, JSON.stringify(users));
console.log('User saved locally:', { email: newUser.email, id: newUser.id });
return newUser;
} catch (error) {
console.error('Error saving user:', error);
throw error;
}
},
async getAllUsers(): Promise<LocalUser[]> {
try {
const usersJson = await AsyncStorage.getItem(STORAGE_KEYS.USERS);
return usersJson ? JSON.parse(usersJson) : [];
} catch (error) {
console.error('Error getting users:', error);
return [];
}
},
async findUserByEmail(email: string): Promise<LocalUser | null> {
try {
const users = await this.getAllUsers();
return users.find(u => u.email === email) || null;
} catch (error) {
console.error('Error finding user:', error);
return null;
}
},
async validateUser(email: string, password: string): Promise<LocalUser | null> {
try {
const user = await this.findUserByEmail(email);
if (user && user.password === password) {
// Update last login
user.lastLogin = new Date().toISOString();
await this.updateUser(user);
return user;
}
return null;
} catch (error) {
console.error('Error validating user:', error);
return null;
}
},
async updateUser(userData: LocalUser): Promise<void> {
try {
const users = await this.getAllUsers();
const userIndex = users.findIndex(u => u.id === userData.id);
if (userIndex !== -1) {
users[userIndex] = userData;
await AsyncStorage.setItem(STORAGE_KEYS.USERS, JSON.stringify(users));
}
} catch (error) {
console.error('Error updating user:', error);
throw error;
}
},
// Session Management
async createSession(user: LocalUser): Promise<string> {
try {
const token = `local_token_${user.id}_${Date.now()}`;
const session: UserSession = {
userId: user.id,
token,
loginTime: new Date().toISOString(),
expiresAt: new Date(Date.now() + 30 * 24 * 60 * 60 * 1000).toISOString(), // 30 days
};
// Save current session
await AsyncStorage.setItem(STORAGE_KEYS.AUTH_TOKEN, token);
await AsyncStorage.setItem(STORAGE_KEYS.CURRENT_USER, JSON.stringify(user));
// Save to sessions history
const sessions = await this.getAllSessions();
sessions.push(session);
await AsyncStorage.setItem(STORAGE_KEYS.USER_SESSIONS, JSON.stringify(sessions));
console.log('Session created:', { userId: user.id, token });
return token;
} catch (error) {
console.error('Error creating session:', error);
throw error;
}
},
async getCurrentUser(): Promise<User | null> {
try {
const userJson = await AsyncStorage.getItem(STORAGE_KEYS.CURRENT_USER);
if (userJson) {
const localUser: LocalUser = JSON.parse(userJson);
// Convert to User format (without password)
return {
id: localUser.id,
fullName: localUser.fullName,
email: localUser.email,
phone: localUser.phone,
};
}
return null;
} catch (error) {
console.error('Error getting current user:', error);
return null;
}
},
async getCurrentToken(): Promise<string | null> {
try {
return await AsyncStorage.getItem(STORAGE_KEYS.AUTH_TOKEN);
} catch (error) {
console.error('Error getting current token:', error);
return null;
}
},
async getAllSessions(): Promise<UserSession[]> {
try {
const sessionsJson = await AsyncStorage.getItem(STORAGE_KEYS.USER_SESSIONS);
return sessionsJson ? JSON.parse(sessionsJson) : [];
} catch (error) {
console.error('Error getting sessions:', error);
return [];
}
},
async isValidSession(token: string): Promise<boolean> {
try {
const sessions = await this.getAllSessions();
const session = sessions.find(s => s.token === token);
if (!session) return false;
// Check if session is expired
const now = new Date();
const expiresAt = new Date(session.expiresAt);
return now < expiresAt;
} catch (error) {
console.error('Error validating session:', error);
return false;
}
},
// Logout
async logout(): Promise<void> {
try {
await AsyncStorage.removeItem(STORAGE_KEYS.AUTH_TOKEN);
await AsyncStorage.removeItem(STORAGE_KEYS.CURRENT_USER);
console.log('User logged out locally');
} catch (error) {
console.error('Error during logout:', error);
throw error;
}
},
// Data Management
async clearAllData(): Promise<void> {
try {
await AsyncStorage.multiRemove([
STORAGE_KEYS.USERS,
STORAGE_KEYS.CURRENT_USER,
STORAGE_KEYS.AUTH_TOKEN,
STORAGE_KEYS.USER_SESSIONS,
]);
console.log('All local data cleared');
} catch (error) {
console.error('Error clearing data:', error);
throw error;
}
},
async getStorageInfo(): Promise<{
totalUsers: number;
currentUser: string | null;
activeSessions: number;
hasValidSession: boolean;
}> {
try {
const users = await this.getAllUsers();
const currentUser = await this.getCurrentUser();
const sessions = await this.getAllSessions();
const token = await this.getCurrentToken();
const hasValidSession = token ? await this.isValidSession(token) : false;
return {
totalUsers: users.length,
currentUser: currentUser?.email || null,
activeSessions: sessions.length,
hasValidSession,
};
} catch (error) {
console.error('Error getting storage info:', error);
return {
totalUsers: 0,
currentUser: null,
activeSessions: 0,
hasValidSession: false,
};
}
},
// Initialize with default test user
async initializeDefaultUsers(): Promise<void> {
try {
const users = await this.getAllUsers();
// Add default test user if no users exist
if (users.length === 0) {
await this.saveUser({
fullName: 'Test User',
email: 'test@example.com',
phone: '+1234567890',
password: 'password123',
});
// Also add the ReqRes test user
await this.saveUser({
fullName: 'Eve Holt',
email: 'eve.holt@reqres.in',
phone: '+1987654321',
password: 'cityslicka',
});
console.log('Default test users created');
}
} catch (error) {
console.error('Error initializing default users:', error);
}
},
};

136
src/services/networkService.ts Normal file
View File

@@ -0,0 +1,136 @@
// Network Detection Service
// Detects online/offline status and manages connectivity
import NetInfo from '@react-native-community/netinfo';
interface NetworkState {
isConnected: boolean;
isInternetReachable: boolean;
type: string;
}
export class NetworkService {
private static instance: NetworkService;
private networkState: NetworkState = {
isConnected: false,
isInternetReachable: false,
type: 'unknown',
};
private listeners: ((state: NetworkState) => void)[] = [];
static getInstance(): NetworkService {
if (!NetworkService.instance) {
NetworkService.instance = new NetworkService();
}
return NetworkService.instance;
}
constructor() {
this.initialize();
}
private async initialize() {
try {
// Get initial network state
const state = await NetInfo.fetch();
this.updateNetworkState(state);
// Listen for network changes
NetInfo.addEventListener(state => {
this.updateNetworkState(state);
});
} catch (error) {
console.error('Error initializing network service:', error);
// Fallback to assuming offline
this.networkState = {
isConnected: false,
isInternetReachable: false,
type: 'unknown',
};
}
}
private updateNetworkState(state: any) {
const newState: NetworkState = {
isConnected: state.isConnected ?? false,
isInternetReachable: state.isInternetReachable ?? false,
type: state.type || 'unknown',
};
const wasOnline = this.networkState.isConnected;
const isNowOnline = newState.isConnected;
this.networkState = newState;
// Log network changes
if (wasOnline !== isNowOnline) {
console.log(`Network status changed: ${isNowOnline ? 'ONLINE' : 'OFFLINE'}`);
}
// Notify listeners
this.listeners.forEach(listener => {
try {
listener(newState);
} catch (error) {
console.error('Error in network listener:', error);
}
});
}
// Get current network state
getNetworkState(): NetworkState {
return { ...this.networkState };
}
// Check if device is online
isOnline(): boolean {
return this.networkState.isConnected && this.networkState.isInternetReachable !== false;
}
// Check if device is offline
isOffline(): boolean {
return !this.isOnline();
}
// Add network state listener
addListener(listener: (state: NetworkState) => void): () => void {
this.listeners.push(listener);
// Return unsubscribe function
return () => {
const index = this.listeners.indexOf(listener);
if (index > -1) {
this.listeners.splice(index, 1);
}
};
}
// Test internet connectivity
async testConnectivity(): Promise<boolean> {
try {
// Try to fetch a small resource
const controller = new AbortController();
const timeoutId = setTimeout(() => controller.abort(), 5000);
const response = await fetch('https://httpbin.org/status/200', {
method: 'HEAD',
signal: controller.signal,
});
clearTimeout(timeoutId);
return response.ok;
} catch (error) {
console.log('Connectivity test failed:', error);
return false;
}
}
// Get network info for debugging
getNetworkInfo(): string {
const state = this.networkState;
return `Connected: ${state.isConnected}, Internet: ${state.isInternetReachable}, Type: ${state.type}`;
}
}
// Export singleton instance
export const networkService = NetworkService.getInstance();

34
src/types/auth.ts Normal file
View File

@@ -0,0 +1,34 @@
// Simple authentication types for open API
export interface LoginRequest {
email: string;
password: string;
}
export interface RegisterRequest {
fullName: string;
email: string;
phone: string;
password: string;
}
export interface User {
id: string;
fullName: string;
email: string;
phone?: string;
}
export interface AuthResponse {
success: boolean;
message: string;
user?: User;
token?: string;
error?: string;
}
export interface ApiError {
success: false;
message: string;
error: string;
}

5
tsconfig.json Normal file
View File

@@ -0,0 +1,5 @@
{
"extends": "@react-native/typescript-config",
"include": ["**/*.ts", "**/*.tsx"],
"exclude": ["**/node_modules", "**/Pods"]
}