From 03d9d8d7e387eb96082766ecb7b87f95818ad1f2 Mon Sep 17 00:00:00 2001
From: Ashish Deo <ashish.deo@navi.com>
Date: Tue, 5 Nov 2024 19:34:28 +0530
Subject: [PATCH] NTP-9041 | notification for escalation tagging

---
 src/assets/icons/EscalationIcon.tsx           | 29 +++++++++++++++++++
 src/screens/escalations/EscalationsList.tsx   |  2 +-
 .../notifications/NotificationTemplate.tsx    |  7 +++++
 src/screens/notifications/constants.tsx       |  3 ++
 4 files changed, 40 insertions(+), 1 deletion(-)
 create mode 100644 src/assets/icons/EscalationIcon.tsx

diff --git a/src/assets/icons/EscalationIcon.tsx b/src/assets/icons/EscalationIcon.tsx
new file mode 100644
index 00000000..1ee16820
--- /dev/null
+++ b/src/assets/icons/EscalationIcon.tsx
@@ -0,0 +1,29 @@
+import * as React from "react";
+import Svg, { Rect, Mask, G, Path } from "react-native-svg";
+const EscalationsIcon = () => (
+    <Svg
+    width={36}
+    height={36}
+    viewBox="0 0 36 36"
+    fill="none"
+  >
+    <Rect width={36} height={36} rx={18} fill="#FFE9E9" />
+    <Mask
+      id="a"
+      maskUnits="userSpaceOnUse"
+      x={8}
+      y={8}
+      width={20}
+      height={20}
+    >
+      <Path fill="#D9D9D9" d="M8 8H28V28H8z" />
+    </Mask>
+    <G mask="url(#a)">
+      <Path
+        d="M13.417 18.833V25.5c0 .236-.08.434-.24.594a.806.806 0 01-.594.24.806.806 0 01-.593-.24.807.807 0 01-.24-.594V11.333c0-.236.08-.434.24-.593.16-.16.357-.24.593-.24h11.271a.785.785 0 01.688.375c.07.111.114.233.135.365a.76.76 0 01-.052.406l-1.208 3.02 1.208 3.021a.76.76 0 01.052.407.966.966 0 01-.135.364.786.786 0 01-.688.375H13.417z"
+        fill="#EC5962"
+      />
+    </G>
+  </Svg>
+);
+export default EscalationsIcon;
\ No newline at end of file
diff --git a/src/screens/escalations/EscalationsList.tsx b/src/screens/escalations/EscalationsList.tsx
index 3585abf5..2dc37d36 100644
--- a/src/screens/escalations/EscalationsList.tsx
+++ b/src/screens/escalations/EscalationsList.tsx
@@ -99,7 +99,7 @@ const styles = StyleSheet.create({
         color: COLORS.TEXT.LIGHT,
     },
     upperContainer: {
-        width: 248,
+        flex: 1
     },
     flagContainer: {
         height: 40,
diff --git a/src/screens/notifications/NotificationTemplate.tsx b/src/screens/notifications/NotificationTemplate.tsx
index 68f3bc1a..7ba6554c 100644
--- a/src/screens/notifications/NotificationTemplate.tsx
+++ b/src/screens/notifications/NotificationTemplate.tsx
@@ -364,6 +364,13 @@ const NotificationTemplate: React.FC<INotificationTemplateProps> = ({ data }) =>
           <Text light>has been deallocated from your case list due to a pause in collection efforts.</Text>
         </Text>
       );
+    case NotificationTypes.CASE_ESCALATION_NOTIFICATION_TEMPLATE:
+      return (
+        <Text>
+          <Text light>raised a new{' '}</Text>
+          <Text bold dark>escalation</Text>
+        </Text>
+      );
     default:
       return <Text>New notification </Text>;
   }
diff --git a/src/screens/notifications/constants.tsx b/src/screens/notifications/constants.tsx
index 75957c7d..21547ddc 100644
--- a/src/screens/notifications/constants.tsx
+++ b/src/screens/notifications/constants.tsx
@@ -21,6 +21,7 @@ import PerformanceLevelMayDropIcon from "@assets/icons/PerformanceLevelMayDropIc
 import PerformanceLevelMayIncreaseIcon from "@assets/icons/PerformanceLevelMayIncreaseIcon";
 import MissedCallNotificationIcon from '@rn-ui-lib/icons/MissedCallNotificationIcon';
 import InfoNotificationIcon from '@assets/icons/InfoNotificationIcon';
+import EscalationsIcon from '@assets/icons/EscalationIcon';
 
 export enum NotificationTypes {
   PAYMENT_MADE_TEMPLATE = 'PAYMENT_MADE_TEMPLATE',
@@ -61,6 +62,7 @@ export enum NotificationTypes {
   AGENT_REVIVAL_PERFORMANCE_LEVEL_MAY_INCREASED_REMINDER_NOTIFICATION = 'AGENT_REVIVAL_PERFORMANCE_LEVEL_MAY_INCREASED_REMINDER_NOTIFICATION',
   CUSTOMER_TRIED_CALLING_NOTIFICATION = 'CUSTOMER_TRIED_CALLING_NOTIFICATION',
   COLLECTION_PAUSE_EFFORTS_CASE_DEALLOCATED = 'COLLECTION_PAUSE_EFFORTS_CASE_DEALLOCATED',
+  CASE_ESCALATION_NOTIFICATION_TEMPLATE='CASE_ESCALATION_NOTIFICATION_TEMPLATE',
 }
 
 export const NotificationIconsMap = {
@@ -102,6 +104,7 @@ export const NotificationIconsMap = {
   [NotificationTypes.AGENT_REVIVAL_PERFORMANCE_LEVEL_MAY_INCREASED_REMINDER_NOTIFICATION]: <PerformanceLevelMayIncreaseIcon />,
   [NotificationTypes.CUSTOMER_TRIED_CALLING_NOTIFICATION]: <MissedCallNotificationIcon />,
   [NotificationTypes.COLLECTION_PAUSE_EFFORTS_CASE_DEALLOCATED]: <InfoNotificationIcon />,
+  [NotificationTypes.CASE_ESCALATION_NOTIFICATION_TEMPLATE]: <EscalationsIcon/>,
 };
 
 export enum WidgetStatus {