fix: notification permission flow

app/components/UI/BasicFunctionality/BasicFunctionalityModal/BasicFunctionalityModal.tsx

@@ -33,6 +33,7 @@ import {
 import { MetaMetricsEvents } from '../../../../core/Analytics';
 import { useEnableNotifications } from '../../../../util/notifications/hooks/useNotifications';
 import { useMetrics } from '../../../hooks/useMetrics';
+import { AuthorizationStatus } from '@notifee/react-native';
 
 interface Props {
   route: {
@@ -60,7 +61,7 @@ const BasicFunctionalityModal = ({ route }: Props) => {
       asyncAlert,
     );
 
-    if (nativeNotificationStatus) {
+    if (nativeNotificationStatus?.authorizationStatus === AuthorizationStatus.AUTHORIZED) {
       /**
        * Although this is an async function, we are dispatching an action (firing & forget)
        * to emulate optimistic UI.

app/components/Views/Notifications/OptIn/index.tsx

@@ -23,6 +23,7 @@ import AppConstants from '../../../../core/AppConstants';
 import { RootState } from '../../../../reducers';
 import { useEnableNotifications } from '../../../../util/notifications/hooks/useNotifications';
 import SwitchLoadingModal from '../../../../components/UI/Notification/SwitchLoadingModal';
+import { AuthorizationStatus } from '@notifee/react-native';
 
 const OptIn = () => {
   const theme = useTheme();
@@ -51,7 +52,7 @@ const OptIn = () => {
         asyncAlert,
       );
 
-      if (nativeNotificationStatus) {
+      if (nativeNotificationStatus?.authorizationStatus === AuthorizationStatus.AUTHORIZED) {
         /**
          * Although this is an async function, we are dispatching an action (firing & forget)
          * to emulate optimistic UI.

app/components/Views/Settings/NotificationsSettings/index.tsx

@@ -46,6 +46,7 @@ import AppConstants from '../../../../core/AppConstants';
 import { store } from '../../../../store';
 import notificationsRows from './notificationsRows';
 import { IconName } from '../../../../component-library/components/Icons/Icon';
+import { AuthorizationStatus } from '@notifee/react-native';
 
 interface MainNotificationSettingsProps extends Props {
   toggleNotificationsEnabled: () => void;
@@ -168,7 +169,7 @@ const NotificationsSettings = ({ navigation, route }: Props) => {
         asyncAlert,
       );
 
-      if (nativeNotificationStatus) {
+      if (nativeNotificationStatus?.authorizationStatus === AuthorizationStatus.AUTHORIZED) {
         /**
          * Although this is an async function, we are dispatching an action (firing & forget)
          * to emulate optimistic UI.

app/util/notifications/pushPermissions.ts

@@ -3,12 +3,12 @@ import notifee, {
   NotificationSettings,
 } from '@notifee/react-native';
 import { Alert as NativeAlert } from 'react-native';
-
+import NotificationSetting from 'react-native-open-notification';
 import { strings } from '../../../locales/i18n';
-import Device from '../device';
 import { mmStorage } from './settings';
 import { STORAGE_IDS } from './settings/storage/constants';
 import Logger from '../Logger';
+import Device from '../device';
 
 interface AlertButton {
   text: string;
@@ -43,6 +43,7 @@ const defaultButtons = (resolve: (value: boolean) => void): AlertButton[] => [
       } else {
         await notifee.requestPermission();
       }
+      NotificationSetting.open();
       resolve(true);
     },
   },

package.json

@@ -318,6 +318,7 @@
     "react-native-material-textfield": "0.16.1",
     "react-native-mmkv": "^2.11.0",
     "react-native-modal": "^12.1.0",
+    "react-native-open-notification": "^0.1.4",
     "react-native-os": "^1.2.6",
     "react-native-permissions": "^3.7.2",
     "react-native-progress": "3.5.0",

yarn.lock

@@ -25346,6 +25346,11 @@ react-native-modal@^12.1.0:
     prop-types "^15.6.2"
     react-native-animatable "1.3.3"
 
+react-native-open-notification@^0.1.4:
+  version "0.1.4"
+  resolved "https://registry.yarnpkg.com/react-native-open-notification/-/react-native-open-notification-0.1.4.tgz#20b7c03a1543ce36f3f99ff9924c67eef2688aa9"
+  integrity sha512-TPeFRsao6nDFW5nvBseD6nheRCN1U3poaY90iDzBY1MEEVepClqfEC9Iw0cqj7LYnpDSF8V25fb/SpjEg3HdQQ==
+
 react-native-os@^1.2.6:
   version "1.2.6"
   resolved "https://registry.yarnpkg.com/react-native-os/-/react-native-os-1.2.6.tgz#1bb16d78ccad1143972183a04f443cf1af9fbefa"