added notification

src/screens/auth/registeration/ui/FirstStep.tsx

@@ -1,6 +1,8 @@
 'use client';
 
 import { zodResolver } from '@hookform/resolvers/zod';
+import { getApp } from '@react-native-firebase/app';
+import { getMessaging, getToken } from '@react-native-firebase/messaging';
 import {
   type RouteProp,
   useNavigation,
@@ -27,6 +29,7 @@ import {
   TouchableOpacity,
   View,
 } from 'react-native';
+import DeviceInfo from 'react-native-device-info';
 import { SafeAreaView } from 'react-native-safe-area-context';
 import Logo from 'screens/../../assets/bootsplash/logo_512.png';
 import {
@@ -64,14 +67,43 @@ const FirstStep = ({ onNext }: { onNext: () => void }) => {
     queryFn: branchApi.branchList,
   });
 
+  const [firebaseToken, setFirebseToken] = useState<{
+    fcmToken: string;
+    deviceId: string;
+    deviceName: string;
+    deviceType: string;
+  } | null>();
+
+  const app = getApp();
+  const messaging = getMessaging(app);
+
+  const getDeviceData = async () => {
+    try {
+      const fcmToken = await getToken(messaging);
+      return {
+        fcmToken,
+        deviceId: await DeviceInfo.getUniqueId(),
+        deviceName: await DeviceInfo.getDeviceName(),
+        deviceType: await DeviceInfo.getDeviceType(),
+      };
+    } catch (e) {
+      console.log('Xato:', e);
+      return null;
+    }
+  };
+
+  useEffect(() => {
+    getDeviceData().then(data => {
+      setFirebseToken(data);
+    });
+  }, []);
+
   const { mutate, isPending } = useMutation({
     mutationFn: (payload: registerPayload) => authApi.register(payload),
     onSuccess: res => {
       onNext();
     },
     onError: err => {
-      console.dir(err);
-
       setError('Xatolik yuz berdi');
     },
   });
@@ -93,6 +125,7 @@ const FirstStep = ({ onNext }: { onNext: () => void }) => {
     resolver: zodResolver(FirstStepSchema),
     defaultValues: {
       firstName: '',
+      address: '',
       lastName: '',
       recommend: '',
     },
@@ -104,7 +137,18 @@ const FirstStep = ({ onNext }: { onNext: () => void }) => {
       lastName: data.lastName,
       phoneNumber: data.phoneNumber,
     });
-    mutate(data);
+    mutate({
+      firstName: data.firstName,
+      lastName: data.lastName,
+      phoneNumber: data.phoneNumber,
+      recommend: data.recommend,
+      branchId: data.branchId,
+      address: data.address,
+      fcmToken: firebaseToken?.fcmToken || '',
+      deviceId: firebaseToken?.deviceId || '',
+      deviceType: firebaseToken?.deviceType || '',
+      deviceName: firebaseToken?.deviceId || '',
+    });
   };
 
   useEffect(() => {
@@ -143,6 +187,7 @@ const FirstStep = ({ onNext }: { onNext: () => void }) => {
       }).start();
     }
   };
+
   return (
     <ImageBackground
       source={Logo}
@@ -314,6 +359,31 @@ const FirstStep = ({ onNext }: { onNext: () => void }) => {
                     </View>
                   )}
                 />
+                <Controller
+                  control={control}
+                  name="address"
+                  render={({ field: { onChange, value } }) => (
+                    <View>
+                      <Text style={RegisterStyle.label}>
+                        {t('Manzilingizni kiriting')}
+                      </Text>
+                      <TextInput
+                        style={RegisterStyle.input}
+                        placeholder={t(
+                          "Toshkent Shahri, Mirzo Ulug'bek tumani...",
+                        )}
+                        placeholderTextColor={'#D8DADC'}
+                        onChangeText={onChange}
+                        value={value}
+                      />
+                      {errors.lastName && (
+                        <Text style={RegisterStyle.errorText}>
+                          {t(errors.lastName.message || '')}
+                        </Text>
+                      )}
+                    </View>
+                  )}
+                />
                 <Controller
                   control={control}
                   name="recommend"