@umituz/react-native-auth 3.4.18 → 3.4.19
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@umituz/react-native-auth",
|
|
3
|
-
"version": "3.4.
|
|
3
|
+
"version": "3.4.19",
|
|
4
4
|
"description": "Authentication service for React Native apps - Secure, type-safe, and production-ready. Provider-agnostic design with dependency injection, configurable validation, and comprehensive error handling.",
|
|
5
5
|
"main": "./src/index.ts",
|
|
6
6
|
"types": "./src/index.ts",
|
|
@@ -39,7 +39,6 @@
|
|
|
39
39
|
"@umituz/react-native-validation": "^1.4.7"
|
|
40
40
|
},
|
|
41
41
|
"peerDependencies": {
|
|
42
|
-
"@gorhom/bottom-sheet": ">=4.0.0",
|
|
43
42
|
"@react-navigation/native": ">=6.0.0",
|
|
44
43
|
"@react-navigation/stack": ">=6.0.0",
|
|
45
44
|
"@tanstack/react-query": ">=5.0.0",
|
|
@@ -50,14 +49,12 @@
|
|
|
50
49
|
"react": ">=18.2.0",
|
|
51
50
|
"react-native": ">=0.74.0",
|
|
52
51
|
"react-native-gesture-handler": ">=2.0.0",
|
|
53
|
-
"react-native-reanimated": ">=3.0.0",
|
|
54
52
|
"react-native-safe-area-context": ">=4.0.0",
|
|
55
53
|
"react-native-svg": ">=13.0.0",
|
|
56
54
|
"zustand": ">=4.0.0"
|
|
57
55
|
},
|
|
58
56
|
"devDependencies": {
|
|
59
57
|
"@expo/vector-icons": "^15.0.3",
|
|
60
|
-
"@gorhom/bottom-sheet": "^5.0.0",
|
|
61
58
|
"@react-native-async-storage/async-storage": "^2.2.0",
|
|
62
59
|
"@react-native-community/datetimepicker": "^8.5.1",
|
|
63
60
|
"@react-navigation/bottom-tabs": "^7.9.0",
|
|
@@ -89,7 +86,6 @@
|
|
|
89
86
|
"react": "~19.1.0",
|
|
90
87
|
"react-native": "~0.81.5",
|
|
91
88
|
"react-native-gesture-handler": "^2.0.0",
|
|
92
|
-
"react-native-reanimated": "^3.0.0",
|
|
93
89
|
"react-native-safe-area-context": "^4.0.0",
|
|
94
90
|
"react-native-svg": "^15.15.1",
|
|
95
91
|
"rn-emoji-keyboard": "^1.7.0",
|
|
@@ -3,15 +3,16 @@
|
|
|
3
3
|
* Bottom sheet modal for authentication (Login/Register)
|
|
4
4
|
*/
|
|
5
5
|
|
|
6
|
-
import React, { useEffect, useCallback, useRef, useState
|
|
7
|
-
import { View, TouchableOpacity } from "react-native";
|
|
6
|
+
import React, { useEffect, useCallback, useRef, useState } from "react";
|
|
7
|
+
import { View, TouchableOpacity, ScrollView } from "react-native";
|
|
8
8
|
import {
|
|
9
|
+
useAppDesignTokens,
|
|
10
|
+
AtomicText,
|
|
11
|
+
AtomicIcon,
|
|
12
|
+
AtomicKeyboardAvoidingView,
|
|
9
13
|
BottomSheetModal,
|
|
10
|
-
|
|
11
|
-
|
|
12
|
-
} from "@gorhom/bottom-sheet";
|
|
13
|
-
import type { BottomSheetBackdropProps } from "@gorhom/bottom-sheet";
|
|
14
|
-
import { useAppDesignTokens, AtomicText, AtomicIcon, AtomicKeyboardAvoidingView } from "@umituz/react-native-design-system";
|
|
14
|
+
type BottomSheetModalRef,
|
|
15
|
+
} from "@umituz/react-native-design-system";
|
|
15
16
|
import { useLocalization } from "@umituz/react-native-localization";
|
|
16
17
|
import { useAuthModalStore } from "../stores/authModalStore";
|
|
17
18
|
import { useAuth } from "../hooks/useAuth";
|
|
@@ -45,7 +46,7 @@ export const AuthBottomSheet: React.FC<AuthBottomSheetProps> = ({
|
|
|
45
46
|
}) => {
|
|
46
47
|
const tokens = useAppDesignTokens();
|
|
47
48
|
const { t } = useLocalization();
|
|
48
|
-
const modalRef = useRef<
|
|
49
|
+
const modalRef = useRef<BottomSheetModalRef>(null);
|
|
49
50
|
|
|
50
51
|
const [googleLoading, setGoogleLoading] = useState(false);
|
|
51
52
|
const [appleLoading, setAppleLoading] = useState(false);
|
|
@@ -107,32 +108,17 @@ export const AuthBottomSheet: React.FC<AuthBottomSheetProps> = ({
|
|
|
107
108
|
}
|
|
108
109
|
}, [onAppleSignIn]);
|
|
109
110
|
|
|
110
|
-
const renderBackdrop = useCallback(
|
|
111
|
-
(props: BottomSheetBackdropProps) => (
|
|
112
|
-
<BottomSheetBackdrop {...props} appearsOnIndex={0} disappearsOnIndex={-1} pressBehavior="close" />
|
|
113
|
-
),
|
|
114
|
-
[],
|
|
115
|
-
);
|
|
116
|
-
|
|
117
|
-
const snapPoints = useMemo(() => ["95%"], []);
|
|
118
|
-
|
|
119
111
|
return (
|
|
120
112
|
<BottomSheetModal
|
|
121
113
|
ref={modalRef}
|
|
122
|
-
index={0}
|
|
123
|
-
snapPoints={snapPoints}
|
|
124
|
-
backdropComponent={renderBackdrop}
|
|
125
114
|
onDismiss={handleDismiss}
|
|
126
|
-
|
|
127
|
-
|
|
128
|
-
keyboardBlurBehavior="restore"
|
|
129
|
-
backgroundStyle={[styles.background, { backgroundColor: tokens.colors.backgroundPrimary }]}
|
|
130
|
-
handleIndicatorStyle={[styles.handleIndicator, { backgroundColor: tokens.colors.border }]}
|
|
115
|
+
preset="full"
|
|
116
|
+
backgroundColor={tokens.colors.backgroundPrimary}
|
|
131
117
|
>
|
|
132
118
|
<AtomicKeyboardAvoidingView
|
|
133
119
|
style={{ flex: 1 }}
|
|
134
120
|
>
|
|
135
|
-
<
|
|
121
|
+
<ScrollView
|
|
136
122
|
contentContainerStyle={styles.scrollContent}
|
|
137
123
|
showsVerticalScrollIndicator={false}
|
|
138
124
|
keyboardShouldPersistTaps="handled"
|
|
@@ -179,7 +165,7 @@ export const AuthBottomSheet: React.FC<AuthBottomSheetProps> = ({
|
|
|
179
165
|
/>
|
|
180
166
|
)}
|
|
181
167
|
</View>
|
|
182
|
-
</
|
|
168
|
+
</ScrollView>
|
|
183
169
|
</AtomicKeyboardAvoidingView>
|
|
184
170
|
</BottomSheetModal>
|
|
185
171
|
);
|