NTP-32621 | NDRA Notification Added (#1081)

src/assets/icons/NdraNotificationIcon.tsx

@@ -0,0 +1,21 @@
+import React from 'react';
+import { G, Mask, Path, Rect, Svg } from 'react-native-svg';
+
+const NdraNotificationIcon = () => {
+  return (
+    <Svg width="36" height="36" viewBox="0 0 36 36" fill="none">
+      <Rect width="36" height="36" rx="18" fill="#E6F1FF" />
+      <Mask id="mask0_6486_193206" maskUnits="userSpaceOnUse" x="8" y="8" width="20" height="20">
+        <Rect x="8" y="8" width="20" height="20" fill="#D9D9D9" />
+      </Mask>
+      <G mask="url(#mask0_6486_193206)">
+        <Path
+          d="M15.4997 22.9993H20.4997C20.7358 22.9993 20.9337 22.9195 21.0934 22.7598C21.2531 22.6 21.333 22.4021 21.333 22.166C21.333 21.9299 21.2531 21.732 21.0934 21.5723C20.9337 21.4125 20.7358 21.3327 20.4997 21.3327H15.4997C15.2636 21.3327 15.0656 21.4125 14.9059 21.5723C14.7462 21.732 14.6663 21.9299 14.6663 22.166C14.6663 22.4021 14.7462 22.6 14.9059 22.7598C15.0656 22.9195 15.2636 22.9993 15.4997 22.9993ZM15.4997 19.666H20.4997C20.7358 19.666 20.9337 19.5862 21.0934 19.4264C21.2531 19.2667 21.333 19.0688 21.333 18.8327C21.333 18.5966 21.2531 18.3987 21.0934 18.2389C20.9337 18.0792 20.7358 17.9993 20.4997 17.9993H15.4997C15.2636 17.9993 15.0656 18.0792 14.9059 18.2389C14.7462 18.3987 14.6663 18.5966 14.6663 18.8327C14.6663 19.0688 14.7462 19.2667 14.9059 19.4264C15.0656 19.5862 15.2636 19.666 15.4997 19.666ZM12.9997 26.3327C12.5413 26.3327 12.149 26.1695 11.8226 25.8431C11.4962 25.5167 11.333 25.1243 11.333 24.666V11.3327C11.333 10.8743 11.4962 10.482 11.8226 10.1556C12.149 9.82921 12.5413 9.66602 12.9997 9.66602H18.9788C19.2011 9.66602 19.4129 9.70768 19.6143 9.79102C19.8156 9.87435 19.9927 9.9924 20.1455 10.1452L24.1872 14.1868C24.34 14.3396 24.458 14.5167 24.5413 14.7181C24.6247 14.9195 24.6663 15.1313 24.6663 15.3535V24.666C24.6663 25.1243 24.5031 25.5167 24.1768 25.8431C23.8504 26.1695 23.458 26.3327 22.9997 26.3327H12.9997ZM18.833 14.666V11.3327H12.9997V24.666H22.9997V15.4993H19.6663C19.4302 15.4993 19.2323 15.4195 19.0726 15.2598C18.9129 15.1 18.833 14.9021 18.833 14.666Z"
+          fill="#0276FE"
+        />
+      </G>
+    </Svg>
+  );
+};
+
+export default NdraNotificationIcon;

src/screens/notifications/NotificationItem.tsx

@@ -28,6 +28,7 @@ import { PageRouteEnum } from '@screens/auth/ProtectedRouter';
 import { SCREEN_MAP } from '@screens/cosmosSupport/constant';
 import { resetSingleViewRequestTicket } from '@reducers/cosmosSupportSlice';
 import { CallCustomerTabs } from '@screens/caseDetails/CallingFlow/interfaces';
+import { ProfileScreenStackEnum } from '@screens/Profile/ProfileStack';
 
 export interface INotification {
   id: string;
@@ -190,6 +191,15 @@ const NotificationItem: React.FC<INotificationProps> = ({ data }) => {
       return;
     }
 
+    if (
+      templateName === NotificationTypes.NDRA_GENERATION_NOTIFICATION_TEMPLATE
+    ) {
+      navigateToScreen(BOTTOM_TAB_ROUTES.Profile, {
+        screen: ProfileScreenStackEnum.MY_DOCUMENTS,
+      });
+      return;
+    }
+
     const agentRevivalNotificationAction = AgentRevivalNotificationTemplateActionMap[templateName];
     if (agentRevivalNotificationAction) {
       handleRevivalNotificationNavigation(agentRevivalNotificationAction as string, id);

src/screens/notifications/NotificationTemplate.tsx

@@ -417,6 +417,8 @@ const NotificationTemplate: React.FC<INotificationTemplateProps> = ({ data }) =>
           </Text>
         </Text>
       );
+    case NotificationTypes.NDRA_GENERATION_NOTIFICATION_TEMPLATE:
+      return <Text dark>Your Navi DRA Certificate is Issued</Text>;
     default:
       return <Text>New notification </Text>;
   }

src/screens/notifications/constants.tsx

@@ -25,6 +25,7 @@ import InfoNotificationIcon from '@assets/icons/InfoNotificationIcon';
 import EscalationsIcon from '@assets/icons/EscalationIcon';
 import AnomalyNotificationIcon from '@assets/icons/AnomalyNotificationIcon';
 import { COLORS } from '@rn-ui-lib/colors';
+import NdraNotificationIcon from '@assets/icons/NdraNotificationIcon';
 
 export enum NotificationTypes {
   PAYMENT_MADE_TEMPLATE = 'PAYMENT_MADE_TEMPLATE',
@@ -69,7 +70,8 @@ export enum NotificationTypes {
   ANOMALY_TRACKER_DETECTION = 'ANOMALY_TRACKER_DETECTION_V2',
   ANOMALY_TRACKER_RESOLUTION = 'ANOMALY_TRACKER_RESOLUTION',
   COLLECTION_PAUSE_EFFORTS_CASE_PAUSED = 'COLLECTION_PAUSE_EFFORTS_CASE_PAUSED',
-  CASE_UNPAUSED_NOTIFICATION_TEMPLATE = 'CASE_UNPAUSED_NOTIFICATION_TEMPLATE'
+  CASE_UNPAUSED_NOTIFICATION_TEMPLATE = 'CASE_UNPAUSED_NOTIFICATION_TEMPLATE',
+  NDRA_GENERATION_NOTIFICATION_TEMPLATE = 'NDRA_GENERATION_NOTIFICATION_TEMPLATE',
 }
 
 export const NotificationIconsMap = {
@@ -135,6 +137,7 @@ export const NotificationIconsMap = {
   ),
   [NotificationTypes.CASE_UNPAUSED_NOTIFICATION_TEMPLATE]: <PaymentSuccessIcon />,
   [NotificationTypes.COLLECTION_PAUSE_EFFORTS_CASE_PAUSED]: <PaymentFailedIcon />,
+  [NotificationTypes.NDRA_GENERATION_NOTIFICATION_TEMPLATE]: <NdraNotificationIcon />,
 };
 
 export enum WidgetStatus {