@messenger-box/slack-ui-mobile 10.0.3-alpha.7 → 10.0.3-alpha.72

package/lib/screens/Inbox/InboxChannelDetail.js

@@ -1,4 +1,4 @@
-import React__default from'react';import {userSelector,isUserAuthenticated}from'@adminide-stack/user-auth0-client';import {RoomType}from'common';import {useViewChannelDetailQuery}from'common/lib/generated/generated.js';import {MaterialIcons,Octicons,AntDesign,Feather}from'@expo/vector-icons';import'expo-font';import'expo-splash-screen';import'react-native';import {useDrawerLayout}from'../../hooks/useDrawerLayout.js';import'../../hooks/useExpoNotificationProvider.js';import {Box,VStack,HStack,Button,Avatar,AvatarFallbackText,AvatarImage,AvatarBadge,Text,Image,Divider,ButtonText,ScrollView,FlatList,Switch,SafeAreaView,SectionList}from'@admin-layout/gluestack-ui-mobile';import {StatusBar}from'expo-status-bar';import {useSelector}from'react-redux';import {startCase}from'lodash-es';import'../../constants/device.js';import'../../constants/globalStyles.js';import images from'../../constants/preloadImages.js';import'../../constants/Layout.js';import {NavigationRoutes}from'../../constants/routes.js';const InboxChannelDetailScreen = ({
+import React__default from'react';import {SafeAreaView}from'react-native';import {userSelector,isUserAuthenticated}from'@adminide-stack/user-auth0-client';import {RoomType}from'common';import {useChannelDetailQuery,useAddMemberToChannelMutation,useSaveMembersToChannelMutation,useAddDirectChannelMutation}from'../../queries/slackuiQueries.js';import {MaterialIcons,Octicons,AntDesign,Feather}from'@expo/vector-icons';import'expo-font';import'expo-splash-screen';import {useDrawerLayout}from'../../hooks/useDrawerLayout.js';import'../../hooks/useExpoNotificationProvider.js';import'../../hooks/useOptimizedChannelsQueries.js';import {Box,VStack,HStack,Button,Avatar,AvatarFallbackText,AvatarImage,AvatarBadge,Text,Image,Divider,ButtonText,ScrollView,FlatList,Switch,SectionList}from'@admin-layout/gluestack-ui-mobile';import {StatusBar}from'expo-status-bar';import {useSelector}from'react-redux';import {startCase}from'lodash-es';import Colors from'../../constants/Colors.js';import'../../constants/device.js';import'../../constants/globalStyles.js';import images from'../../constants/preloadImages.js';import'../../constants/Layout.js';import {NavigationRoutes}from'../../constants/routes.js';import colors from'tailwindcss/colors';const InboxChannelDetailScreen = ({
   channelId,
   navigation
 }) => {
@@ -15,15 +15,27 @@ import React__default from'react';import {userSelector,isUserAuthenticated}from'
     data: channelData,
     loading: channelLoading,
     refetch: reFetchChannel
-  } = useViewChannelDetailQuery({
-    variables: {
-      id: channelId == null ? void 0 : channelId.toString()
-    }
-  });
+  } = useChannelDetailQuery(channelId == null ? void 0 : channelId.toString());
+  const [addMemberToChannel, {
+    loading: addMemberToChannelLoading,
+    error: addMemberToChannelError
+  }] = useAddMemberToChannelMutation();
+  const [saveMembersToChannel, {
+    loading: saveMembersToChannelLoading,
+    error: saveMembersToChannelError
+  }] = useSaveMembersToChannelMutation();
+  const [addDirectChannel, {
+    loading: addDirectChannelLoading,
+    error: addDirectChannelError
+  }] = useAddDirectChannelMutation();
+  const [leaveChannelLoading, setLeaveChannelLoading] = React__default.useState(false);
+  const [isMuted, setIsMuted] = React__default.useState(false);
+  const handleMuteToggle = React__default.useCallback((value) => {
+    setIsMuted(value);
+    console.log(`Channel ${channelId} mute status changed to: ${value}`);
+  }, [channelId]);
   React__default.useEffect(() => {
-    reFetchChannel({
-      id: channelId == null ? void 0 : channelId.toString()
-    });
+    reFetchChannel();
     return () => {
     };
   }, []);
@@ -69,14 +81,14 @@ import React__default from'react';import {userSelector,isUserAuthenticated}from'
   const SectionHeaderComponent = React__default.memo(({
     title
   }) => {
-    return /* @__PURE__ */ React__default.createElement(Box, { bg: "$white", flex: 1 }, /* @__PURE__ */ React__default.createElement(VStack, { space: "md" }, /* @__PURE__ */ React__default.createElement(HStack, { flex: 1, justifyContent: "space-between", alignItems: "center", py: "$2" }, /* @__PURE__ */ React__default.createElement(HStack, { flex: 1, alignItems: "center" }, /* @__PURE__ */ React__default.createElement(
+    return /* @__PURE__ */ React__default.createElement(Box, { className: "bg-white flex-1" }, /* @__PURE__ */ React__default.createElement(VStack, { space: "md" }, /* @__PURE__ */ React__default.createElement(HStack, { className: "flex-1 justify-between items-center py-2" }, /* @__PURE__ */ React__default.createElement(HStack, { className: "flex-1 items-center" }, /* @__PURE__ */ React__default.createElement(
       Button,
       {
-        bg: "transparent",
+        className: "bg-transparent",
         onPress: () => navigation == null ? void 0 : navigation.goBack()
       },
       /* @__PURE__ */ React__default.createElement(MaterialIcons, { size: 30, name: "keyboard-arrow-left", color: "black" })
-    ), /* @__PURE__ */ React__default.createElement(Box, { py: "$2" }, memberImage ? /* @__PURE__ */ React__default.createElement(Avatar, { key: "inbox-channel-member-image-key", size: "sm", bg: "transparent" }, /* @__PURE__ */ React__default.createElement(AvatarFallbackText, null, startCase(title == null ? void 0 : title.charAt(0))), /* @__PURE__ */ React__default.createElement(AvatarImage, { alt: "image", style: {
+    ), /* @__PURE__ */ React__default.createElement(Box, { className: "py-2" }, memberImage ? /* @__PURE__ */ React__default.createElement(Avatar, { key: "inbox-channel-member-image-key", size: "sm", className: "bg-transparent" }, /* @__PURE__ */ React__default.createElement(AvatarFallbackText, null, startCase(title == null ? void 0 : title.charAt(0))), /* @__PURE__ */ React__default.createElement(AvatarImage, { alt: "image", style: {
       width: 30,
       height: 30,
       borderRadius: 6,
@@ -87,7 +99,7 @@ import React__default from'react';import {userSelector,isUserAuthenticated}from'
     } }), /* @__PURE__ */ React__default.createElement(AvatarBadge, { style: {
       width: 10,
       height: 10
-    }, bg: "$green800" })) : channelType == RoomType.Channel ? /* @__PURE__ */ React__default.createElement(Text, { pl: "$2" }, /* @__PURE__ */ React__default.createElement(Octicons, { color: "black", name: "hash", size: 20 })) : channelType === RoomType.Private ? /* @__PURE__ */ React__default.createElement(Text, { pl: "$2" }, /* @__PURE__ */ React__default.createElement(Octicons, { color: "black", name: "lock", size: 20 })) : /* @__PURE__ */ React__default.createElement(React__default.Fragment, null)), /* @__PURE__ */ React__default.createElement(Text, { px: "$2", color: "$black", flexWrap: "wrap", fontSize: 18, fontWeight: "$bold", numberOfLines: 1 }, title)), /* @__PURE__ */ React__default.createElement(HStack, { alignItems: "center" }, /* @__PURE__ */ React__default.createElement(Button, { bg: "transparent", size: "md", "$pressed-bg": "$trueGray200", "$active-bg": "$trueGray200" }, /* @__PURE__ */ React__default.createElement(Octicons, { color: "black", name: "pencil", size: 20 })), /* @__PURE__ */ React__default.createElement(Button, { bg: "transparent", size: "md", "$pressed-bg": "$trueGray200", "$active-bg": "$trueGray200" }, /* @__PURE__ */ React__default.createElement(MaterialIcons, { color: "black", name: "more-vert", size: 20 }))))));
+    }, className: "bg-green-800" })) : channelType == RoomType.Channel ? /* @__PURE__ */ React__default.createElement(Text, { className: "pl-2" }, /* @__PURE__ */ React__default.createElement(Octicons, { color: "black", name: "hash", size: 20 })) : channelType === RoomType.Private ? /* @__PURE__ */ React__default.createElement(Text, { className: "pl-2" }, /* @__PURE__ */ React__default.createElement(Octicons, { color: "black", name: "lock", size: 20 })) : /* @__PURE__ */ React__default.createElement(React__default.Fragment, null)), /* @__PURE__ */ React__default.createElement(Text, { numberOfLines: 1, className: "px-2 text-black flex-wrap text-[18px] font-bold" }, title)), /* @__PURE__ */ React__default.createElement(HStack, { className: "items-center" }, /* @__PURE__ */ React__default.createElement(Button, { size: "md", className: "bg-transparent active:bg-gray-200 hover:bg-gray-200" }, /* @__PURE__ */ React__default.createElement(Octicons, { color: "black", name: "pencil", size: 20 })), /* @__PURE__ */ React__default.createElement(Button, { size: "md", className: "bg-transparent active:bg-gray-200 hover:bg-gray-200" }, /* @__PURE__ */ React__default.createElement(MaterialIcons, { color: "black", name: "more-vert", size: 20 }))))));
   });
   const SectionItemChannelMembers = React__default.memo(({
     member
@@ -98,25 +110,20 @@ import React__default from'react';import {userSelector,isUserAuthenticated}from'
     return /* @__PURE__ */ React__default.createElement(
       Button,
       {
-        bg: "transparent",
         variant: "solid",
-        px: "$0",
-        rounded: "$lg",
         size: "md",
-        h: "100%",
-        "$pressed-bg": "$trueGray200",
-        "$active-bg": "$trueGray200"
+        className: "bg-transparent active:bg-gray-200 hover:bg-gray-200 px-0 rounded-lg h-full"
       },
-      /* @__PURE__ */ React__default.createElement(VStack, { flex: 1, space: "sm", px: "$2" }, /* @__PURE__ */ React__default.createElement(Image, { source: {
+      /* @__PURE__ */ React__default.createElement(VStack, { space: "sm", className: "flex-1 px-2" }, /* @__PURE__ */ React__default.createElement(Image, { source: {
         uri: (_c = member == null ? void 0 : member.user) == null ? void 0 : _c.picture
-      }, alt: startCase((_e = (_d = member == null ? void 0 : member.user) == null ? void 0 : _d.username) == null ? void 0 : _e.charAt(0)), size: "md", rounded: "$lg" }), /* @__PURE__ */ React__default.createElement(Text, { fontSize: 12, fontWeight: "$bold", textAlign: "center", flexWrap: "wrap", alignItems: "flex-start", numberOfLines: 2, color: "$black" }, fullNameWithCharLimit))
+      }, alt: startCase((_e = (_d = member == null ? void 0 : member.user) == null ? void 0 : _d.username) == null ? void 0 : _e.charAt(0)), size: "md", className: "rounded-lg" }), /* @__PURE__ */ React__default.createElement(Text, { numberOfLines: 2, color: Colors.black, className: "text-[12px] font-bold text-center flex-wrap items-start color-black" }, fullNameWithCharLimit))
     );
   });
   const SectionItemComponent = React__default.memo(({
     item
   }) => {
     var _a, _b, _c, _d, _e, _f, _g;
-    return /* @__PURE__ */ React__default.createElement(VStack, { space: "md", bg: "$white", flex: 1, px: "$2" }, /* @__PURE__ */ React__default.createElement(HStack, { flex: 1, alignItems: "center" }, /* @__PURE__ */ React__default.createElement(Box, null, memberImage ? /* @__PURE__ */ React__default.createElement(Avatar, { key: "inbox-channel-member-profile-key", size: "sm", bg: "transparent" }, /* @__PURE__ */ React__default.createElement(AvatarFallbackText, null, " ", startCase((_a = item == null ? void 0 : item.title) == null ? void 0 : _a.charAt(0))), /* @__PURE__ */ React__default.createElement(AvatarImage, { alt: "image", style: {
+    return /* @__PURE__ */ React__default.createElement(VStack, { space: "md", className: "bg-white flex-1 px-2" }, /* @__PURE__ */ React__default.createElement(HStack, { className: "flex-1 items-center" }, /* @__PURE__ */ React__default.createElement(Box, null, memberImage ? /* @__PURE__ */ React__default.createElement(Avatar, { key: "inbox-channel-member-profile-key", size: "sm", className: "bg-transparent" }, /* @__PURE__ */ React__default.createElement(AvatarFallbackText, null, " ", startCase((_a = item == null ? void 0 : item.title) == null ? void 0 : _a.charAt(0))), /* @__PURE__ */ React__default.createElement(AvatarImage, { alt: "image", style: {
       width: 30,
       height: 30,
       borderRadius: 6,
@@ -127,19 +134,35 @@ import React__default from'react';import {userSelector,isUserAuthenticated}from'
     } }), /* @__PURE__ */ React__default.createElement(AvatarBadge, { style: {
       width: 10,
       height: 10
-    }, bg: "$green800" })) : channelType == RoomType.Channel ? /* @__PURE__ */ React__default.createElement(Text, { pl: "$2" }, /* @__PURE__ */ React__default.createElement(Octicons, { color: "black", name: "hash", size: 20 })) : channelType === RoomType.Private ? /* @__PURE__ */ React__default.createElement(Text, { pl: "$2" }, /* @__PURE__ */ React__default.createElement(Octicons, { color: "black", name: "lock", size: 20 })) : /* @__PURE__ */ React__default.createElement(React__default.Fragment, null)), /* @__PURE__ */ React__default.createElement(Text, { px: "$2", color: "$black", flexWrap: "wrap", fontSize: 18, fontWeight: "$bold", numberOfLines: 1 }, item == null ? void 0 : item.title)), /* @__PURE__ */ React__default.createElement(Box, { flex: 1 }, /* @__PURE__ */ React__default.createElement(Text, { color: "$black", fontSize: 15, textAlign: "justify" }, /* @__PURE__ */ React__default.createElement(Text, { fontWeight: "$bold", color: "$black", fontSize: 15 }, "Description:", " "), (_b = item == null ? void 0 : item.data) == null ? void 0 : _b.description)), /* @__PURE__ */ React__default.createElement(HStack, { space: "sm", flex: 1, justifyContent: "space-between", alignItems: "center" }, /* @__PURE__ */ React__default.createElement(Button, { variant: "outline", flex: 1, alignItems: "center", rounded: "$lg", py: "$4", h: "100%", "$pressed-bg": "$trueGray200", "$active-bg": "$trueGray200", borderColor: "$trueGray200", onPress: () => navigation.navigate(NavigationRoutes.AddPeople, {
+    }, className: "bg-green-800" })) : channelType == RoomType.Channel ? /* @__PURE__ */ React__default.createElement(Text, { className: "pl-2" }, /* @__PURE__ */ React__default.createElement(Octicons, { color: "black", name: "hash", size: 20 })) : channelType === RoomType.Private ? /* @__PURE__ */ React__default.createElement(Text, { className: "pl-2" }, /* @__PURE__ */ React__default.createElement(Octicons, { color: "black", name: "lock", size: 20 })) : /* @__PURE__ */ React__default.createElement(React__default.Fragment, null)), /* @__PURE__ */ React__default.createElement(Text, { className: "px-2 text-black flex-wrap text-[18px] font-bold", numberOfLines: 1 }, item == null ? void 0 : item.title)), /* @__PURE__ */ React__default.createElement(Box, { className: "flex-1" }, /* @__PURE__ */ React__default.createElement(Text, { className: "text-black text-[18]] text-justify", color: Colors.black }, /* @__PURE__ */ React__default.createElement(Text, { className: "font-bold text-[15]", color: colors.black }, "Description:", " "), (_b = item == null ? void 0 : item.data) == null ? void 0 : _b.description)), /* @__PURE__ */ React__default.createElement(HStack, { space: "sm", className: "flex-1 justify-between items-center" }, /* @__PURE__ */ React__default.createElement(Button, { variant: "outline", className: "flex-1 items-center rounded-lg py-4 h-full active:bg-gray-200 hover:bg-gray-200 border-gray-200", onPress: () => navigation.navigate(NavigationRoutes.AddPeople, {
       channelId,
-      isAddMemeber: true
-    }) }, /* @__PURE__ */ React__default.createElement(VStack, { flex: 1, space: "sm", justifyContent: "center", alignItems: "center" }, /* @__PURE__ */ React__default.createElement(AntDesign, { color: "black", name: "adduser", size: 20 }), /* @__PURE__ */ React__default.createElement(Text, { fontSize: 12, fontWeight: "$bold", color: "$black" }, "Add"))), /* @__PURE__ */ React__default.createElement(Button, { variant: "outline", flex: 1, alignItems: "center", rounded: "$lg", py: "$4", h: "100%", borderColor: "$trueGray200", "$pressed-bg": "$trueGray200", "$active-bg": "$trueGray200" }, /* @__PURE__ */ React__default.createElement(VStack, { flex: 1, space: "sm", justifyContent: "center", alignItems: "center" }, /* @__PURE__ */ React__default.createElement(Feather, { color: "$black", name: "headphones", size: 20 }), /* @__PURE__ */ React__default.createElement(Text, { fontSize: 12, fontWeight: "$bold", color: "$black" }, "Huddle"))), /* @__PURE__ */ React__default.createElement(Button, { variant: "outline", flex: 1, alignItems: "center", rounded: "$lg", py: "$4", h: "100%", borderColor: "$trueGray200", "$pressed-bg": "$trueGray200", "$active-bg": "$trueGray200" }, /* @__PURE__ */ React__default.createElement(VStack, { flex: 1, space: "sm", justifyContent: "center", alignItems: "center" }, /* @__PURE__ */ React__default.createElement(AntDesign, { color: "black", name: "search1", size: 20 }), /* @__PURE__ */ React__default.createElement(Text, { fontSize: 12, fontWeight: "$bold", color: "$black" }, "Search")))), /* @__PURE__ */ React__default.createElement(Divider, null), /* @__PURE__ */ React__default.createElement(VStack, { flex: 1, space: "sm" }, /* @__PURE__ */ React__default.createElement(HStack, { flex: 1, justifyContent: "space-between", alignItems: "center" }, /* @__PURE__ */ React__default.createElement(Text, { fontSize: 15, color: "$black", fontWeight: "$semibold" }, "Members(", (_d = (_c = item == null ? void 0 : item.data) == null ? void 0 : _c.members) == null ? void 0 : _d.length, ")"), /* @__PURE__ */ React__default.createElement(Button, { variant: "link" }, /* @__PURE__ */ React__default.createElement(ButtonText, { fontWeight: "$semibold", style: {
+      isAddMemeber: true,
+      onMemberAdded: (memberId) => {
+        if (memberId) {
+          addMemberToChannel({
+            variables: {
+              channelId: channelId == null ? void 0 : channelId.toString(),
+              memberId
+            }
+          }).then(() => {
+            reFetchChannel();
+          });
+        }
+      }
+    }) }, /* @__PURE__ */ React__default.createElement(VStack, { className: "flex-1 justify-center items-center", space: "sm" }, /* @__PURE__ */ React__default.createElement(AntDesign, { color: "black", name: "adduser", size: 20 }), /* @__PURE__ */ React__default.createElement(Text, { className: "text-[12] font-bold", color: colors.black }, "Add"))), /* @__PURE__ */ React__default.createElement(Button, { variant: "outline", className: "flex-1 items-center rounded-lg py-4 h-full active:bg-gray-200 hover:bg-gray-200 border-gray-200" }, /* @__PURE__ */ React__default.createElement(VStack, { className: "flex-1 justify-center items-center", space: "sm" }, /* @__PURE__ */ React__default.createElement(Feather, { color: "$black", name: "headphones", size: 20 }), /* @__PURE__ */ React__default.createElement(Text, { className: "text-[12] font-bold", color: colors.black }, "Huddle"))), /* @__PURE__ */ React__default.createElement(Button, { variant: "outline", className: "flex-1 items-center rounded-lg py-4 h-full active:bg-gray-200 hover:bg-gray-200 border-gray-200" }, /* @__PURE__ */ React__default.createElement(VStack, { className: "flex-1 justify-center items-center", space: "sm" }, /* @__PURE__ */ React__default.createElement(AntDesign, { color: "black", name: "search1", size: 20 }), /* @__PURE__ */ React__default.createElement(Text, { className: "text-[12] font-bold", color: colors.black }, "Search")))), /* @__PURE__ */ React__default.createElement(Divider, null), /* @__PURE__ */ React__default.createElement(VStack, { className: "flex-1", space: "sm" }, /* @__PURE__ */ React__default.createElement(HStack, { className: "flex-1 justify-between items-center" }, /* @__PURE__ */ React__default.createElement(Text, { className: "text-[15] font-semibold", color: colors.black }, "Members(", (_d = (_c = item == null ? void 0 : item.data) == null ? void 0 : _c.members) == null ? void 0 : _d.length, ")"), /* @__PURE__ */ React__default.createElement(Button, { variant: "link" }, /* @__PURE__ */ React__default.createElement(ButtonText, { className: "font-semibold", style: {
       fontSize: 15
-    } }, "See All"))), /* @__PURE__ */ React__default.createElement(ScrollView, { horizontal: true, flex: 1 }, /* @__PURE__ */ React__default.createElement(FlatList, { horizontal: true, data: (_g = (_f = (_e = item == null ? void 0 : item.data) == null ? void 0 : _e.members) == null ? void 0 : _f.slice(0, 10)) != null ? _g : [], ItemSeparatorComponent: () => /* @__PURE__ */ React__default.createElement(Box, { mx: 2 }), renderItem: ({
+    } }, "See All"))), /* @__PURE__ */ React__default.createElement(ScrollView, { horizontal: true, style: {
+      flex: 1
+    } }, /* @__PURE__ */ React__default.createElement(FlatList, { horizontal: true, data: (_g = (_f = (_e = item == null ? void 0 : item.data) == null ? void 0 : _e.members) == null ? void 0 : _f.slice(0, 10)) != null ? _g : [], ItemSeparatorComponent: () => /* @__PURE__ */ React__default.createElement(Box, { className: "mx-2" }), renderItem: ({
       item: member
-    }) => /* @__PURE__ */ React__default.createElement(SectionItemChannelMembers, { member }) }))), /* @__PURE__ */ React__default.createElement(Divider, null), /* @__PURE__ */ React__default.createElement(VStack, { flex: 1, space: "lg" }, /* @__PURE__ */ React__default.createElement(Text, { fontSize: 15, color: "$black", fontWeight: "$semibold" }, "Settings"), /* @__PURE__ */ React__default.createElement(HStack, { space: "sm", flex: 1, alignItems: "center", justifyContent: "space-between" }, /* @__PURE__ */ React__default.createElement(AntDesign, { color: "black", name: "bells", size: 20 }), /* @__PURE__ */ React__default.createElement(Box, { flex: 1 }, /* @__PURE__ */ React__default.createElement(VStack, { flex: 0.5, space: "sm" }, /* @__PURE__ */ React__default.createElement(Text, { color: "$black", fontWeight: "$semibold", fontSize: 16 }, "Mute Channel"), /* @__PURE__ */ React__default.createElement(Text, { flexWrap: "wrap", color: "$black", fontSize: 14, textAlign: "justify" }, "Muted channels will always appears read and you won't receive any notification from t.."))), /* @__PURE__ */ React__default.createElement(Box, null, /* @__PURE__ */ React__default.createElement(
+    }) => /* @__PURE__ */ React__default.createElement(SectionItemChannelMembers, { member }) }))), /* @__PURE__ */ React__default.createElement(Divider, null), /* @__PURE__ */ React__default.createElement(VStack, { className: "flex-1", space: "lg" }, /* @__PURE__ */ React__default.createElement(Text, { className: "text-[15] font-semibold", color: colors.black }, "Settings"), /* @__PURE__ */ React__default.createElement(HStack, { space: "sm", className: "flex-1 items-center justify-between" }, /* @__PURE__ */ React__default.createElement(AntDesign, { color: "black", name: "bells", size: 20 }), /* @__PURE__ */ React__default.createElement(Box, { className: "flex-1" }, /* @__PURE__ */ React__default.createElement(VStack, { className: "flex-[0.5]", space: "sm" }, /* @__PURE__ */ React__default.createElement(Text, { color: colors.black, className: "font-semibold text-[16]" }, "Mute Channel"), /* @__PURE__ */ React__default.createElement(Text, { className: "flex-wrap text-[18] text-justify", color: colors.black }, "Muted channels will always appears read and you won't receive any notification from t.."))), /* @__PURE__ */ React__default.createElement(Box, null, /* @__PURE__ */ React__default.createElement(
       Switch,
       {
-        size: "sm"
+        size: "sm",
+        value: isMuted,
+        onValueChange: handleMuteToggle
       }
-    ))), /* @__PURE__ */ React__default.createElement(HStack, { space: "sm", flex: 1, alignItems: "center", justifyContent: "space-between" }, /* @__PURE__ */ React__default.createElement(Avatar, { key: "account-image-key", size: "sm", bg: "transparent", rounded: "$lg" }, /* @__PURE__ */ React__default.createElement(AvatarFallbackText, null, "NC"), /* @__PURE__ */ React__default.createElement(AvatarImage, { alt: "image", style: {
+    ))), /* @__PURE__ */ React__default.createElement(HStack, { space: "sm", className: "flex-1 items-center justify-between" }, /* @__PURE__ */ React__default.createElement(Avatar, { key: "account-image-key", size: "sm", className: "bg-transparent rounded-lg" }, /* @__PURE__ */ React__default.createElement(AvatarFallbackText, null, "NC"), /* @__PURE__ */ React__default.createElement(AvatarImage, { alt: "image", style: {
       width: 30,
       height: 30,
       borderRadius: 6,
@@ -148,20 +171,30 @@ import React__default from'react';import {userSelector,isUserAuthenticated}from'
     }, source: images.pushNotification }), /* @__PURE__ */ React__default.createElement(AvatarBadge, { style: {
       width: 10,
       height: 10
-    }, bg: "$green800" })), /* @__PURE__ */ React__default.createElement(Box, { flex: 1 }, /* @__PURE__ */ React__default.createElement(VStack, { flex: 0.5, space: "sm" }, /* @__PURE__ */ React__default.createElement(Text, { color: "$black", fontWeight: "$semibold", fontSize: 16 }, "Notification"), /* @__PURE__ */ React__default.createElement(Text, { flexWrap: "wrap", color: "$black", fontSize: 14, textAlign: "justify" }, "Just @mentions"))))), /* @__PURE__ */ React__default.createElement(Button, { variant: "solid", rounded: "$lg", bg: "$rose600" }, /* @__PURE__ */ React__default.createElement(MaterialIcons, { name: "logout", color: "white", size: 20 }), /* @__PURE__ */ React__default.createElement(ButtonText, { pl: "$1.5", style: {
+    }, className: "bg-green-800" })), /* @__PURE__ */ React__default.createElement(Box, { className: "flex-1" }, /* @__PURE__ */ React__default.createElement(VStack, { className: "flex-[0.5]", space: "sm" }, /* @__PURE__ */ React__default.createElement(Text, { color: colors.black, className: "font-semibold text-[16]" }, "Notification"), /* @__PURE__ */ React__default.createElement(Text, { className: "flex-wrap text-[14] text-justify", color: colors.black }, "Just @mentions"))))), /* @__PURE__ */ React__default.createElement(Button, { variant: "solid", className: "rounded-lg bg-rose-600", onPress: () => {
+      setLeaveChannelLoading(true);
+      setTimeout(() => {
+        setLeaveChannelLoading(false);
+        navigation == null ? void 0 : navigation.goBack();
+      }, 1e3);
+    }, isDisabled: leaveChannelLoading }, /* @__PURE__ */ React__default.createElement(MaterialIcons, { name: "logout", color: "white", size: 20 }), /* @__PURE__ */ React__default.createElement(ButtonText, { className: "pl-1.5", style: {
       fontSize: 14,
       fontWeight: "bold"
-    } }, "Leave channel")));
+    } }, leaveChannelLoading ? "Leaving..." : "Leave channel")));
   });
-  return /* @__PURE__ */ React__default.createElement(SafeAreaView, { flex: 1 }, /* @__PURE__ */ React__default.createElement(StatusBar, { style: "dark" }), /* @__PURE__ */ React__default.createElement(Box, { flex: 1, bg: "$white" }, /* @__PURE__ */ React__default.createElement(Box, { flex: 1 }, /* @__PURE__ */ React__default.createElement(
+  return /* @__PURE__ */ React__default.createElement(SafeAreaView, { style: {
+    flex: 1
+  } }, /* @__PURE__ */ React__default.createElement(StatusBar, { style: "dark" }), /* @__PURE__ */ React__default.createElement(Box, { className: "flex-1 bg-white" }, /* @__PURE__ */ React__default.createElement(Box, { className: "flex-1" }, /* @__PURE__ */ React__default.createElement(
     SectionList,
     {
       contentContainerStyle: {
         flexGrow: 1,
         paddingBottom: 50
       },
-      w: "100%",
-      h: "100%",
+      style: {
+        width: "100%",
+        height: "100%"
+      },
       sections: channel,
       keyExtractor: (index) => "inbox-channel-" + index,
       renderItem: ({

package/lib/screens/Inbox/InboxChannelDetail.js.map

@@ -1 +1 @@
-{"version":3,"file":"InboxChannelDetail.js","sources":["../../../src/screens/Inbox/InboxChannelDetail.tsx"],"sourcesContent":["import React from 'react';\nimport { isUserAuthenticated } from '@adminide-stack/user-auth0-client';\nimport { navigationRef } from '@common-stack/client-react';\nimport { RoomType } from 'common';\nimport { useViewChannelDetailQuery } from 'common/lib/generated/generated.js';\nimport { useDrawerLayout } from '../../hooks';\nimport {\n    SafeAreaView,\n    Avatar,\n    AvatarFallbackText,\n    AvatarImage,\n    AvatarBadge,\n    AvatarGroup,\n    Box,\n    Button,\n    ButtonText,\n    Divider,\n    FlatList,\n    HStack,\n    Heading,\n    Icon,\n    Image,\n    ScrollView,\n    SectionList,\n    Switch,\n    Text,\n    VStack,\n} from '@admin-layout/gluestack-ui-mobile';\nimport { StatusBar } from 'expo-status-bar';\nimport { userSelector } from '@adminide-stack/user-auth0-client';\nimport { useSelector } from 'react-redux';\nimport { Ionicons, MaterialIcons, AntDesign, FontAwesome, Feather, Octicons } from '@expo/vector-icons';\nimport { startCase } from 'lodash-es';\nimport { NavigationRoutes, images } from '../../constants';\n\nconst InboxChannelDetailScreen = ({ channelId, navigation }: any) => {\n    const { orgName, organizationDetail } = useDrawerLayout();\n    const user = useSelector(userSelector);\n    const { authenticated } = isUserAuthenticated();\n    const titleCharacterLimit: number = 18;\n\n    const {\n        data: channelData,\n        loading: channelLoading,\n        refetch: reFetchChannel,\n    } = useViewChannelDetailQuery({\n        variables: {\n            id: channelId?.toString(),\n        },\n    });\n\n    React.useEffect(() => {\n        // Do something when the screen is focused\n        reFetchChannel({ id: channelId?.toString() });\n        return () => {};\n    }, []);\n\n    const channel = React.useMemo(() => {\n        const channelMembers =\n            channelData?.viewChannelDetail?.members\n                ?.filter((ch: any) => ch?.user?.id != user?.id && ch?.user?.__typename == 'UserAccount')\n                ?.map((m: any) => m?.user) ?? null;\n        const membersNameAsTitle =\n            channelData?.viewChannelDetail?.type == RoomType.Direct\n                ? channelMembers\n                      ?.map((u: any) => u?.givenName ?? '')\n                      ?.filter((mu: any) => mu)\n                      ?.join(', ') ?? ''\n                : null;\n        const title = membersNameAsTitle || channelData?.viewChannelDetail?.title || '';\n        const channelTitle =\n            title?.length > titleCharacterLimit ? title?.substring(0, titleCharacterLimit) + '...' : title;\n        return [\n            {\n                title: channelTitle,\n                data: channelData?.viewChannelDetail\n                    ? [{ title: channelTitle, data: channelData?.viewChannelDetail }]\n                    : [],\n            },\n        ];\n    }, [channelData]);\n\n    const channelType = React.useMemo(() => {\n        if (!channelData?.viewChannelDetail) return 'CHANNEL';\n        return channelData?.viewChannelDetail?.type;\n    }, [channelData]);\n\n    const channelMembers = React.useMemo(() => {\n        if (!channelData?.viewChannelDetail?.members || channelData?.viewChannelDetail?.members?.length == 0)\n            return null;\n        return (\n            channelData?.viewChannelDetail?.members\n                ?.filter((ch: any) => ch?.user?.id != user?.id && ch?.user?.__typename == 'UserAccount')\n                ?.map((m: any) => m?.user) ?? null\n        );\n    }, [channelData]);\n\n    const memberImage = React.useMemo(() => {\n        return channelType == RoomType.Direct && channelMembers?.length == 1\n            ? channelMembers[0]?.picture ?? null\n            : null;\n    }, [channelMembers]);\n\n    const SectionHeaderComponent = React.memo(({ title }: any) => {\n        return (\n            <Box bg={'$white'} flex={1}>\n                <VStack space={'md'}>\n                    <HStack flex={1} justifyContent={'space-between'} alignItems={'center'} py={'$2'}>\n                        <HStack flex={1} alignItems={'center'}>\n                            <Button\n                                //onPress={() => navigation?.goBack?.()}\n                                bg={'transparent'}\n                                onPress={() => navigation?.goBack()}\n                            >\n                                <MaterialIcons size={30} name=\"keyboard-arrow-left\" color=\"black\" />\n                            </Button>\n                            <Box py={'$2'}>\n                                {memberImage ? (\n                                    <Avatar key={'inbox-channel-member-image-key'} size={'sm'} bg={'transparent'}>\n                                        <AvatarFallbackText>{startCase(title?.charAt(0))}</AvatarFallbackText>\n                                        <AvatarImage\n                                            alt=\"image\"\n                                            style={{\n                                                width: 30,\n                                                height: 30,\n                                                borderRadius: 6,\n                                                borderWidth: 2,\n                                                borderColor: '#fff',\n                                            }}\n                                            source={{\n                                                uri: memberImage,\n                                            }}\n                                        />\n                                        <AvatarBadge style={{ width: 10, height: 10 }} bg=\"$green800\" />\n                                    </Avatar>\n                                ) : channelType == RoomType.Channel ? (\n                                    <Text pl={'$2'}>\n                                        <Octicons color=\"black\" name=\"hash\" size={20} />\n                                    </Text>\n                                ) : channelType === RoomType.Private ? (\n                                    <Text pl={'$2'}>\n                                        <Octicons color=\"black\" name=\"lock\" size={20} />\n                                    </Text>\n                                ) : (\n                                    <></>\n                                )}\n                            </Box>\n                            <Text\n                                px={'$2'}\n                                color=\"$black\"\n                                flexWrap={'wrap'}\n                                fontSize={18}\n                                fontWeight=\"$bold\"\n                                numberOfLines={1}\n                            >\n                                {title}\n                            </Text>\n                        </HStack>\n                        <HStack alignItems={'center'}>\n                            <Button\n                                bg={'transparent'}\n                                size={'md'}\n                                $pressed-bg=\"$trueGray200\"\n                                $active-bg={'$trueGray200'}\n                            >\n                                <Octicons color=\"black\" name=\"pencil\" size={20} />\n                            </Button>\n                            <Button\n                                bg={'transparent'}\n                                size={'md'}\n                                $pressed-bg=\"$trueGray200\"\n                                $active-bg={'$trueGray200'}\n                            >\n                                <MaterialIcons color=\"black\" name=\"more-vert\" size={20} />\n                            </Button>\n                        </HStack>\n                    </HStack>\n                </VStack>\n            </Box>\n        );\n    });\n\n    const SectionItemChannelMembers = React.memo(({ member }: any) => {\n        const fullName = member?.user?.givenName + ' ' + member?.user?.familyName;\n        const fullNameWithCharLimit = fullName?.length > 15 ? fullName?.substring(0, 15) + '...' : fullName;\n        return (\n            <Button\n                bg={'transparent'}\n                variant={'solid'}\n                px={'$0'}\n                rounded={'$lg'}\n                // w={'$20'}\n                size={'md'}\n                h={'100%'}\n                $pressed-bg=\"$trueGray200\"\n                $active-bg={'$trueGray200'}\n            >\n                <VStack flex={1} space={'sm'} px={'$2'}>\n                    <Image\n                        source={{\n                            uri: member?.user?.picture,\n                        }}\n                        alt={startCase(member?.user?.username?.charAt(0))}\n                        size={'md'}\n                        rounded={'$lg'}\n                    />\n                    <Text\n                        fontSize={12}\n                        fontWeight={'$bold'}\n                        textAlign={'center'}\n                        flexWrap={'wrap'}\n                        alignItems={'flex-start'}\n                        numberOfLines={2}\n                        color={'$black'}\n                    >\n                        {fullNameWithCharLimit}\n                    </Text>\n                </VStack>\n            </Button>\n        );\n    });\n\n    const SectionItemComponent = React.memo(({ item }: any) => {\n        return (\n            <VStack space={'md'} bg={'$white'} flex={1} px={'$2'}>\n                <HStack flex={1} alignItems={'center'}>\n                    <Box>\n                        {memberImage ? (\n                            <Avatar key={'inbox-channel-member-profile-key'} size={'sm'} bg={'transparent'}>\n                                <AvatarFallbackText> {startCase(item?.title?.charAt(0))}</AvatarFallbackText>\n                                <AvatarImage\n                                    alt=\"image\"\n                                    style={{\n                                        width: 30,\n                                        height: 30,\n                                        borderRadius: 6,\n                                        borderWidth: 2,\n                                        borderColor: '#fff',\n                                    }}\n                                    source={{\n                                        uri: memberImage,\n                                    }}\n                                />\n                                <AvatarBadge style={{ width: 10, height: 10 }} bg=\"$green800\" />\n                            </Avatar>\n                        ) : channelType == RoomType.Channel ? (\n                            <Text pl={'$2'}>\n                                <Octicons color=\"black\" name=\"hash\" size={20} />\n                            </Text>\n                        ) : channelType === RoomType.Private ? (\n                            <Text pl={'$2'}>\n                                <Octicons color=\"black\" name=\"lock\" size={20} />\n                            </Text>\n                        ) : (\n                            <></>\n                        )}\n                    </Box>\n                    <Text px={'$2'} color=\"$black\" flexWrap={'wrap'} fontSize={18} fontWeight=\"$bold\" numberOfLines={1}>\n                        {item?.title}\n                    </Text>\n                </HStack>\n\n                <Box flex={1}>\n                    <Text color={'$black'} fontSize={15} textAlign={'justify'}>\n                        <Text fontWeight={'$bold'} color={'$black'} fontSize={15}>\n                            Description:{' '}\n                        </Text>\n                        {item?.data?.description}\n                    </Text>\n                </Box>\n                <HStack space={'sm'} flex={1} justifyContent={'space-between'} alignItems={'center'}>\n                    <Button\n                        variant={'outline'}\n                        flex={1}\n                        alignItems={'center'}\n                        rounded={'$lg'}\n                        py={'$4'}\n                        h={'100%'}\n                        $pressed-bg=\"$trueGray200\"\n                        $active-bg={'$trueGray200'}\n                        borderColor={'$trueGray200'}\n                        onPress={() =>\n                            navigation.navigate(NavigationRoutes.AddPeople, { channelId, isAddMemeber: true })\n                        }\n                    >\n                        <VStack flex={1} space={'sm'} justifyContent={'center'} alignItems={'center'}>\n                            <AntDesign color=\"black\" name=\"adduser\" size={20} />\n                            <Text fontSize={12} fontWeight={'$bold'} color={'$black'}>\n                                Add\n                            </Text>\n                        </VStack>\n                    </Button>\n                    <Button\n                        variant={'outline'}\n                        flex={1}\n                        alignItems={'center'}\n                        rounded={'$lg'}\n                        py={'$4'}\n                        h={'100%'}\n                        borderColor={'$trueGray200'}\n                        $pressed-bg=\"$trueGray200\"\n                        $active-bg={'$trueGray200'}\n                    >\n                        <VStack flex={1} space={'sm'} justifyContent={'center'} alignItems={'center'}>\n                            <Feather color=\"$black\" name=\"headphones\" size={20} />\n                            <Text fontSize={12} fontWeight={'$bold'} color={'$black'}>\n                                Huddle\n                            </Text>\n                        </VStack>\n                    </Button>\n                    <Button\n                        variant={'outline'}\n                        flex={1}\n                        alignItems={'center'}\n                        rounded={'$lg'}\n                        py={'$4'}\n                        h={'100%'}\n                        borderColor={'$trueGray200'}\n                        $pressed-bg=\"$trueGray200\"\n                        $active-bg={'$trueGray200'}\n                    >\n                        <VStack flex={1} space={'sm'} justifyContent={'center'} alignItems={'center'}>\n                            <AntDesign color=\"black\" name=\"search1\" size={20} />\n                            <Text fontSize={12} fontWeight={'$bold'} color={'$black'}>\n                                Search\n                            </Text>\n                        </VStack>\n                    </Button>\n                </HStack>\n                <Divider />\n                <VStack flex={1} space={'sm'}>\n                    <HStack flex={1} justifyContent={'space-between'} alignItems={'center'}>\n                        <Text fontSize={15} color={'$black'} fontWeight={'$semibold'}>\n                            Members({item?.data?.members?.length})\n                        </Text>\n                        <Button variant={'link'}>\n                            <ButtonText fontWeight={'$semibold'} style={{ fontSize: 15 }}>\n                                See All\n                            </ButtonText>\n                        </Button>\n                    </HStack>\n\n                    <ScrollView horizontal={true} flex={1}>\n                        <FlatList\n                            horizontal\n                            data={item?.data?.members?.slice(0, 10) ?? []}\n                            ItemSeparatorComponent={() => <Box mx={2} />}\n                            renderItem={({ item: member }: any) => <SectionItemChannelMembers member={member} />}\n                        />\n                    </ScrollView>\n                </VStack>\n                <Divider />\n                <VStack flex={1} space={'lg'}>\n                    <Text fontSize={15} color={'$black'} fontWeight={'$semibold'}>\n                        Settings\n                    </Text>\n                    <HStack space={'sm'} flex={1} alignItems={'center'} justifyContent={'space-between'}>\n                        <AntDesign color=\"black\" name=\"bells\" size={20} />\n                        <Box flex={1}>\n                            <VStack flex={0.5} space=\"sm\">\n                                <Text color={'$black'} fontWeight={'$semibold'} fontSize={16}>\n                                    Mute Channel\n                                </Text>\n                                <Text flexWrap={'wrap'} color={'$black'} fontSize={14} textAlign={'justify'}>\n                                    Muted channels will always appears read and you won't receive any notification from\n                                    t..\n                                </Text>\n                            </VStack>\n                        </Box>\n                        <Box>\n                            <Switch\n                                size=\"sm\"\n                                // offTrackColor=\"white\"\n                                // onTrackColor=\"blue.800\"\n                                // offThumbColor=\"gray.500\"\n                                // onThumbColor=\"white\"\n                            />\n                        </Box>\n                    </HStack>\n                    <HStack space={'sm'} flex={1} alignItems={'center'} justifyContent={'space-between'}>\n                        <Avatar key={'account-image-key'} size={'sm'} bg={'transparent'} rounded={'$lg'}>\n                            <AvatarFallbackText>NC</AvatarFallbackText>\n                            <AvatarImage\n                                alt=\"image\"\n                                style={{\n                                    width: 30,\n                                    height: 30,\n                                    borderRadius: 6,\n                                    borderWidth: 2,\n                                    borderColor: '#fff',\n                                }}\n                                source={images.pushNotification}\n                            />\n                            <AvatarBadge style={{ width: 10, height: 10 }} bg=\"$green800\" />\n                        </Avatar>\n                        <Box flex={1}>\n                            <VStack flex={0.5} space=\"sm\">\n                                <Text color={'$black'} fontWeight={'$semibold'} fontSize={16}>\n                                    Notification\n                                </Text>\n                                <Text flexWrap={'wrap'} color={'$black'} fontSize={14} textAlign={'justify'}>\n                                    Just @mentions\n                                </Text>\n                            </VStack>\n                        </Box>\n                    </HStack>\n                </VStack>\n\n                <Button variant={'solid'} rounded={'$lg'} bg={'$rose600'}>\n                    <MaterialIcons name=\"logout\" color={'white'} size={20} />\n                    <ButtonText pl={'$1.5'} style={{ fontSize: 14, fontWeight: 'bold' }}>\n                        Leave channel\n                    </ButtonText>\n                </Button>\n            </VStack>\n        );\n    });\n\n    return (\n        <SafeAreaView flex={1}>\n            <StatusBar style={'dark'} />\n            <Box flex={1} bg={'$white'}>\n                <Box flex={1}>\n                    <SectionList\n                        contentContainerStyle={{\n                            flexGrow: 1,\n                            paddingBottom: 50,\n                        }}\n                        w={'100%'}\n                        h={'100%'}\n                        // maxW={'100%'}\n                        sections={channel}\n                        keyExtractor={(index) => 'inbox-channel-' + index}\n                        renderItem={({ item }) => <SectionItemComponent item={item} />}\n                        renderSectionHeader={({ section: { title } }: any) => <SectionHeaderComponent title={title} />}\n                    />\n                </Box>\n            </Box>\n        </SafeAreaView>\n    );\n};\n\nexport default InboxChannelDetailScreen;\n"],"names":["React","channelMembers","_a","_b"],"mappings":"8+BAaA,MAAM,2BAA2B,CAAC;AAAA,EAChC,SAAA;AAAA,EACA;AACF,CAAW,KAAA;AACT,EAAM,MAAA;AAAA,IACJ,OAAA;AAAA,IACA;AAAA,MACE,eAAgB,EAAA;AACpB,EAAM,MAAA,IAAA,GAAO,YAAY,YAAY,CAAA;AACrC,EAAM,MAAA;AAAA,IACJ;AAAA,MACE,mBAAoB,EAAA;AACxB,EAAA,MAAM,mBAA8B,GAAA,EAAA;AACpC,EAAM,MAAA;AAAA,IACJ,IAAM,EAAA,WAAA;AAAA,IACN,OAAS,EAAA,cAAA;AAAA,IACT,OAAS,EAAA;AAAA,MACP,yBAA0B,CAAA;AAAA,IAC5B,SAAW,EAAA;AAAA,MACT,IAAI,SAAW,IAAA,IAAA,GAAA,MAAA,GAAA,SAAA,CAAA,QAAA;AAAA;AACjB,GACD,CAAA;AACD,EAAAA,cAAA,CAAM,UAAU,MAAM;AAEpB,IAAe,cAAA,CAAA;AAAA,MACb,IAAI,SAAW,IAAA,IAAA,GAAA,MAAA,GAAA,SAAA,CAAA,QAAA;AAAA,KAChB,CAAA;AACD,IAAA,OAAO,MAAM;AAAA,KAAC;AAAA,GAChB,EAAG,EAAE,CAAA;AACL,EAAM,MAAA,OAAA,GAAUA,cAAM,CAAA,OAAA,CAAQ,MAAM;AA1CtC,IAAA,IAAA,EAAA,EAAA,EAAA,EAAA,EAAA,EAAA,EAAA,EAAA,EAAA,EAAA,EAAA,EAAA,EAAA,EAAA,EAAA,EAAA,EAAA;AA2CI,IAAMC,MAAAA,eAAAA,GAAAA,CAAiB,kEAAa,iBAAb,KAAA,IAAA,GAAA,MAAA,GAAA,EAAA,CAAgC,YAAhC,IAAyC,GAAA,MAAA,GAAA,EAAA,CAAA,MAAA,CAAO,CAAC,EAAS,KAAA;AA3CrF,MAAA,IAAAC,GAAAC,EAAAA,GAAAA;AA2CwF,MAAA,OAAA,CAAA,CAAAD,GAAA,GAAA,EAAA,IAAA,IAAA,GAAA,MAAA,GAAA,EAAA,CAAI,IAAJ,KAAA,IAAA,GAAA,MAAA,GAAAA,GAAU,CAAA,EAAA,MAAM,IAAM,IAAA,IAAA,GAAA,MAAA,GAAA,IAAA,CAAA,EAAA,CAAA,IAAA,CAAA,CAAMC,GAAA,GAAA,EAAA,IAAA,IAAA,GAAA,MAAA,GAAA,EAAA,CAAI,IAAJ,KAAA,IAAA,GAAA,MAAA,GAAAA,IAAU,UAAc,KAAA,aAAA;AAAA,KAAA,CAAA,KAAjH,mBAAiI,GAAI,CAAA,CAAC,CAAW,KAAA,CAAA,IAAA,IAAA,GAAA,MAAA,GAAA,CAAA,CAAG,UAApJ,IAA6J,GAAA,EAAA,GAAA,IAAA;AACpL,IAAA,MAAM,kBAAqB,GAAA,CAAA,CAAA,EAAA,GAAA,WAAA,IAAA,IAAA,GAAA,MAAA,GAAA,WAAA,CAAa,iBAAb,KAAA,IAAA,GAAA,MAAA,GAAA,EAAA,CAAgC,IAAQ,KAAA,QAAA,CAAS,MAAS,GAAA,CAAA,EAAA,GAAA,CAAA,EAAA,GAAA,CAAA,EAAA,GAAAF,eAAA,IAAA,IAAA,GAAA,MAAA,GAAAA,eAAgB,CAAA,GAAA,CAAI,CAAC,CAAQ,KAAA;AA5CtH,MAAAC,IAAAA,GAAAA;AA4CyH,MAAA,OAAA,CAAAA,GAAA,GAAA,CAAA,IAAA,IAAA,GAAA,MAAA,GAAA,CAAA,CAAG,SAAH,KAAA,IAAA,GAAAA,GAAgB,GAAA,EAAA;AAAA,KAAhD,CAAA,KAAA,IAAA,GAAA,MAAA,GAAA,EAAA,CAAqD,OAAO,CAAC,EAAA,KAAY,QAAzE,IAA8E,GAAA,MAAA,GAAA,EAAA,CAAA,IAAA,CAAK,IAAnF,CAAA,KAAA,IAAA,GAAA,EAAA,GAA4F,EAAK,GAAA,IAAA;AACtL,IAAA,MAAM,KAAQ,GAAA,kBAAA,KAAA,CAAsB,EAAa,GAAA,WAAA,IAAA,IAAA,GAAA,MAAA,GAAA,WAAA,CAAA,iBAAA,KAAb,mBAAgC,KAAS,CAAA,IAAA,EAAA;AAC7E,IAAM,MAAA,YAAA,GAAA,CAAe,+BAAO,MAAS,IAAA,mBAAA,GAAA,CAAsB,+BAAO,SAAU,CAAA,CAAA,EAAG,wBAAuB,KAAQ,GAAA,KAAA;AAC9G,IAAA,OAAO,CAAC;AAAA,MACN,KAAO,EAAA,YAAA;AAAA,MACP,IAAA,EAAA,CAAM,WAAa,IAAA,IAAA,GAAA,MAAA,GAAA,WAAA,CAAA,iBAAA,IAAoB,CAAC;AAAA,QACtC,KAAO,EAAA,YAAA;AAAA,QACP,MAAM,WAAa,IAAA,IAAA,GAAA,MAAA,GAAA,WAAA,CAAA;AAAA,OACpB,IAAI;AAAC,KACP,CAAA;AAAA,GACH,EAAG,CAAC,WAAW,CAAC,CAAA;AAChB,EAAM,MAAA,WAAA,GAAcF,cAAM,CAAA,OAAA,CAAQ,MAAM;AAvD1C,IAAA,IAAA,EAAA;AAwDI,IAAA,IAAI,EAAC,WAAa,IAAA,IAAA,GAAA,MAAA,GAAA,WAAA,CAAA,iBAAA,CAAA;AAAmB,MAAO,OAAA,SAAA;AAC5C,IAAO,OAAA,CAAA,EAAA,GAAA,WAAA,IAAA,IAAA,GAAA,MAAA,GAAA,WAAA,CAAa,sBAAb,IAAgC,GAAA,MAAA,GAAA,EAAA,CAAA,IAAA;AAAA,GACzC,EAAG,CAAC,WAAW,CAAC,CAAA;AAChB,EAAM,MAAA,cAAA,GAAiBA,cAAM,CAAA,OAAA,CAAQ,MAAM;AA3D7C,IAAA,IAAA,EAAA,EAAA,EAAA,EAAA,EAAA,EAAA,EAAA,EAAA,EAAA,EAAA,EAAA,EAAA,EAAA;AA4DI,IAAI,IAAA,EAAA,CAAC,EAAa,GAAA,WAAA,IAAA,IAAA,GAAA,MAAA,GAAA,WAAA,CAAA,iBAAA,KAAb,IAAgC,GAAA,MAAA,GAAA,EAAA,CAAA,OAAA,CAAA,IAAA,CAAA,CAAW,sDAAa,iBAAb,KAAA,IAAA,GAAA,MAAA,GAAA,EAAA,CAAgC,OAAhC,KAAA,IAAA,GAAA,MAAA,GAAA,EAAA,CAAyC,MAAU,KAAA,CAAA;AAAG,MAAO,OAAA,IAAA;AAC7G,IAAA,OAAA,CAAO,kEAAa,iBAAb,KAAA,IAAA,GAAA,MAAA,GAAA,EAAA,CAAgC,YAAhC,IAAyC,GAAA,MAAA,GAAA,EAAA,CAAA,MAAA,CAAO,CAAC,EAAS,KAAA;AA7DrE,MAAA,IAAAE,GAAAC,EAAAA,GAAAA;AA6DwE,MAAA,OAAA,CAAA,CAAAD,GAAA,GAAA,EAAA,IAAA,IAAA,GAAA,MAAA,GAAA,EAAA,CAAI,IAAJ,KAAA,IAAA,GAAA,MAAA,GAAAA,GAAU,CAAA,EAAA,MAAM,IAAM,IAAA,IAAA,GAAA,MAAA,GAAA,IAAA,CAAA,EAAA,CAAA,IAAA,CAAA,CAAMC,GAAA,GAAA,EAAA,IAAA,IAAA,GAAA,MAAA,GAAA,EAAA,CAAI,IAAJ,KAAA,IAAA,GAAA,MAAA,GAAAA,IAAU,UAAc,KAAA,aAAA;AAAA,KAAA,CAAA,KAAjH,mBAAiI,GAAI,CAAA,CAAC,CAAW,KAAA,CAAA,IAAA,IAAA,GAAA,MAAA,GAAA,CAAA,CAAG,UAApJ,IAA6J,GAAA,EAAA,GAAA,IAAA;AAAA,GACtK,EAAG,CAAC,WAAW,CAAC,CAAA;AAChB,EAAM,MAAA,WAAA,GAAcH,cAAM,CAAA,OAAA,CAAQ,MAAM;AA/D1C,IAAA,IAAA,EAAA,EAAA,EAAA;AAgEI,IAAO,OAAA,WAAA,IAAe,QAAS,CAAA,MAAA,IAAA,CAAU,cAAgB,IAAA,IAAA,GAAA,MAAA,GAAA,cAAA,CAAA,MAAA,KAAU,CAAI,GAAA,CAAA,EAAA,GAAA,CAAA,EAAA,GAAA,cAAA,CAAe,CAAf,CAAA,KAAA,IAAA,GAAA,MAAA,GAAA,EAAA,CAAmB,OAAnB,KAAA,IAAA,GAAA,EAAA,GAA8B,IAAO,GAAA,IAAA;AAAA,GAC9G,EAAG,CAAC,cAAc,CAAC,CAAA;AACnB,EAAM,MAAA,sBAAA,GAAyBA,cAAM,CAAA,IAAA,CAAK,CAAC;AAAA,IACzC;AAAA,GACS,KAAA;AACT,IAAO,uBAAAA,cAAA,CAAA,aAAA,CAAC,GAAI,EAAA,EAAA,EAAA,EAAI,QAAU,EAAA,IAAA,EAAM,qBACnBA,cAAA,CAAA,aAAA,CAAA,MAAA,EAAA,EAAO,KAAO,EAAA,IAAA,EAAA,kBACVA,cAAA,CAAA,aAAA,CAAA,MAAA,EAAA,EAAO,MAAM,CAAG,EAAA,cAAA,EAAgB,eAAiB,EAAA,UAAA,EAAY,QAAU,EAAA,EAAA,EAAI,IACxE,EAAA,kBAAAA,cAAA,CAAA,aAAA,CAAC,MAAO,EAAA,EAAA,IAAA,EAAM,CAAG,EAAA,UAAA,EAAY,QACzB,EAAA,kBAAAA,cAAA,CAAA,aAAA;AAAA,MAAC,MAAA;AAAA,MAAA;AAAA,QAEjB,EAAI,EAAA,aAAA;AAAA,QAAe,OAAA,EAAS,MAAM,UAAY,IAAA,IAAA,GAAA,MAAA,GAAA,UAAA,CAAA,MAAA;AAAA,OAAA;AAAA,mDACzB,aAAc,EAAA,EAAA,IAAA,EAAM,IAAI,IAAK,EAAA,qBAAA,EAAsB,OAAM,OAAQ,EAAA;AAAA,KACtE,kBACCA,cAAA,CAAA,aAAA,CAAA,GAAA,EAAA,EAAI,EAAI,EAAA,IAAA,EAAA,EACJ,WAAc,mBAAAA,cAAA,CAAA,aAAA,CAAC,MAAO,EAAA,EAAA,GAAA,EAAK,gCAAkC,EAAA,IAAA,EAAM,IAAM,EAAA,EAAA,EAAI,iCACrEA,cAAA,CAAA,aAAA,CAAA,kBAAA,EAAA,IAAA,EAAoB,SAAU,CAAA,KAAA,IAAA,IAAA,GAAA,MAAA,GAAA,KAAA,CAAO,MAAO,CAAA,CAAA,CAAE,CAAE,CAAA,kBAChDA,cAAA,CAAA,aAAA,CAAA,WAAA,EAAA,EAAY,GAAI,EAAA,OAAA,EAAQ,KAAO,EAAA;AAAA,MACtD,KAAO,EAAA,EAAA;AAAA,MACP,MAAQ,EAAA,EAAA;AAAA,MACR,YAAc,EAAA,CAAA;AAAA,MACd,WAAa,EAAA,CAAA;AAAA,MACb,WAAa,EAAA;AAAA,OACZ,MAAQ,EAAA;AAAA,MACT,GAAK,EAAA;AAAA,KACJ,EAAA,CAAA,kBACsBA,cAAA,CAAA,aAAA,CAAA,WAAA,EAAA,EAAY,KAAO,EAAA;AAAA,MAC1C,KAAO,EAAA,EAAA;AAAA,MACP,MAAQ,EAAA;AAAA,KACV,EAAG,IAAG,WAAY,EAAA,CACE,IAAY,WAAe,IAAA,QAAA,CAAS,OAAU,mBAAAA,cAAA,CAAA,aAAA,CAAC,IAAK,EAAA,EAAA,EAAA,EAAI,wBACnDA,cAAA,CAAA,aAAA,CAAA,QAAA,EAAA,EAAS,KAAM,EAAA,OAAA,EAAQ,IAAK,EAAA,MAAA,EAAO,MAAM,EAAI,EAAA,CAClD,CAAU,GAAA,WAAA,KAAgB,QAAS,CAAA,OAAA,gDAAW,IAAK,EAAA,EAAA,EAAA,EAAI,wBAClDA,cAAA,CAAA,aAAA,CAAA,QAAA,EAAA,EAAS,OAAM,OAAQ,EAAA,IAAA,EAAK,MAAO,EAAA,IAAA,EAAM,EAAI,EAAA,CAClD,oBAAYA,cAAA,CAAA,aAAA,CAAAA,cAAA,CAAA,QAAA,EAAA,IAAA,CACpB,CACA,kBAAAA,cAAA,CAAA,aAAA,CAAC,IAAK,EAAA,EAAA,EAAA,EAAI,MAAM,KAAM,EAAA,QAAA,EAAS,QAAU,EAAA,MAAA,EAAQ,QAAU,EAAA,EAAA,EAAI,YAAW,OAAQ,EAAA,aAAA,EAAe,KAC5F,KACL,CACJ,mBACCA,cAAA,CAAA,aAAA,CAAA,MAAA,EAAA,EAAO,UAAY,EAAA,QAAA,EAAA,kBACfA,cAAA,CAAA,aAAA,CAAA,MAAA,EAAA,EAAO,IAAI,aAAe,EAAA,IAAA,EAAM,IAAM,EAAA,aAAA,EAAY,cAAe,EAAA,YAAA,EAAY,kCACzEA,cAAA,CAAA,aAAA,CAAA,QAAA,EAAA,EAAS,KAAM,EAAA,OAAA,EAAQ,IAAK,EAAA,QAAA,EAAS,MAAM,EAAI,EAAA,CACpD,CACA,kBAAAA,cAAA,CAAA,aAAA,CAAC,MAAO,EAAA,EAAA,EAAA,EAAI,eAAe,IAAM,EAAA,IAAA,EAAM,aAAY,EAAA,cAAA,EAAe,YAAY,EAAA,cAAA,EAAA,+CACzE,aAAc,EAAA,EAAA,KAAA,EAAM,OAAQ,EAAA,IAAA,EAAK,WAAY,EAAA,IAAA,EAAM,IAAI,CAC5D,CACJ,CACJ,CACJ,CACJ,CAAA;AAAA,GACT,CAAA;AACD,EAAM,MAAA,yBAAA,GAA4BA,cAAM,CAAA,IAAA,CAAK,CAAC;AAAA,IAC5C;AAAA,GACS,KAAA;AAtHb,IAAA,IAAA,EAAA,EAAA,EAAA,EAAA,EAAA,EAAA,EAAA,EAAA,EAAA;AAuHI,IAAM,MAAA,QAAA,GAAA,CAAA,CAAW,sCAAQ,IAAR,KAAA,IAAA,GAAA,MAAA,GAAA,EAAA,CAAc,aAAY,GAAM,IAAA,CAAA,EAAA,GAAA,MAAA,IAAA,IAAA,GAAA,MAAA,GAAA,MAAA,CAAQ,SAAR,IAAc,GAAA,MAAA,GAAA,EAAA,CAAA,UAAA,CAAA;AAC/D,IAAM,MAAA,qBAAA,GAAA,CAAwB,qCAAU,MAAS,IAAA,EAAA,GAAA,CAAK,qCAAU,SAAU,CAAA,CAAA,EAAG,OAAM,KAAQ,GAAA,QAAA;AAC3F,IAAO,uBAAAA,cAAA,CAAA,aAAA;AAAA,MAAC,MAAA;AAAA,MAAA;AAAA,QAAO,EAAI,EAAA,aAAA;AAAA,QAAe,OAAS,EAAA,OAAA;AAAA,QAAS,EAAI,EAAA,IAAA;AAAA,QAAM,OAAS,EAAA,KAAA;AAAA,QAEvE,IAAM,EAAA,IAAA;AAAA,QAAM,CAAG,EAAA,MAAA;AAAA,QAAQ,aAAY,EAAA,cAAA;AAAA,QAAe,YAAY,EAAA;AAAA,OAAA;AAAA,sBAClDA,cAAA,CAAA,aAAA,CAAC,MAAO,EAAA,EAAA,IAAA,EAAM,CAAG,EAAA,KAAA,EAAO,MAAM,EAAI,EAAA,IAAA,EAAA,kBAC7BA,cAAA,CAAA,aAAA,CAAA,KAAA,EAAA,EAAM,MAAQ,EAAA;AAAA,QACzB,GAAA,EAAA,CAAK,EAAQ,GAAA,MAAA,IAAA,IAAA,GAAA,MAAA,GAAA,MAAA,CAAA,IAAA,KAAR,IAAc,GAAA,MAAA,GAAA,EAAA,CAAA;AAAA,OAClB,EAAA,GAAA,EAAK,SAAU,CAAA,CAAA,EAAA,GAAA,CAAA,EAAA,GAAA,MAAA,IAAA,IAAA,GAAA,MAAA,GAAA,MAAA,CAAQ,SAAR,IAAc,GAAA,MAAA,GAAA,EAAA,CAAA,QAAA,KAAd,IAAwB,GAAA,MAAA,GAAA,EAAA,CAAA,MAAA,CAAO,CAAE,CAAA,CAAA,EAAG,IAAM,EAAA,IAAA,EAAM,SAAS,KAAO,EAAA,CAAA,kBACrEA,cAAA,CAAA,aAAA,CAAA,IAAA,EAAA,EAAK,QAAU,EAAA,EAAA,EAAI,UAAY,EAAA,OAAA,EAAS,WAAW,QAAU,EAAA,QAAA,EAAU,MAAQ,EAAA,UAAA,EAAY,cAAc,aAAe,EAAA,CAAA,EAAG,KAAO,EAAA,QAAA,EAAA,EAC9H,qBACL,CACJ;AAAA,KACJ;AAAA,GACT,CAAA;AACD,EAAM,MAAA,oBAAA,GAAuBA,cAAM,CAAA,IAAA,CAAK,CAAC;AAAA,IACvC;AAAA,GACS,KAAA;AAxIb,IAAA,IAAA,EAAA,EAAA,EAAA,EAAA,EAAA,EAAA,EAAA,EAAA,EAAA,EAAA,EAAA,EAAA,EAAA;AAyII,IAAA,oDAAQ,MAAO,EAAA,EAAA,KAAA,EAAO,MAAM,EAAI,EAAA,QAAA,EAAU,MAAM,CAAG,EAAA,EAAA,EAAI,wBAC1CA,cAAA,CAAA,aAAA,CAAA,MAAA,EAAA,EAAO,MAAM,CAAG,EAAA,UAAA,EAAY,4BACxBA,cAAA,CAAA,aAAA,CAAA,GAAA,EAAA,IAAA,EACI,8BAAeA,cAAA,CAAA,aAAA,CAAA,MAAA,EAAA,EAAO,GAAK,EAAA,kCAAA,EAAoC,MAAM,IAAM,EAAA,EAAA,EAAI,iCACvEA,cAAA,CAAA,aAAA,CAAA,kBAAA,EAAA,IAAA,EAAmB,KAAE,SAAU,CAAA,CAAA,EAAA,GAAA,IAAA,IAAA,IAAA,GAAA,MAAA,GAAA,IAAA,CAAM,UAAN,IAAa,GAAA,MAAA,GAAA,EAAA,CAAA,MAAA,CAAO,EAAE,CAAE,CAAA,+CACvD,WAAY,EAAA,EAAA,GAAA,EAAI,SAAQ,KAAO,EAAA;AAAA,MAClD,KAAO,EAAA,EAAA;AAAA,MACP,MAAQ,EAAA,EAAA;AAAA,MACR,YAAc,EAAA,CAAA;AAAA,MACd,WAAa,EAAA,CAAA;AAAA,MACb,WAAa,EAAA;AAAA,OACZ,MAAQ,EAAA;AAAA,MACT,GAAK,EAAA;AAAA,KACJ,EAAA,CAAA,kBACkBA,cAAA,CAAA,aAAA,CAAA,WAAA,EAAA,EAAY,KAAO,EAAA;AAAA,MACtC,KAAO,EAAA,EAAA;AAAA,MACP,MAAQ,EAAA;AAAA,KACP,EAAA,EAAA,EAAG,WAAY,EAAA,CACF,CAAY,GAAA,WAAA,IAAe,QAAS,CAAA,OAAA,mBAAWA,cAAA,CAAA,aAAA,CAAA,IAAA,EAAA,EAAK,EAAI,EAAA,IAAA,EAAA,kBACnDA,cAAA,CAAA,aAAA,CAAA,QAAA,EAAA,EAAS,KAAM,EAAA,OAAA,EAAQ,IAAK,EAAA,MAAA,EAAO,IAAM,EAAA,EAAA,EAAI,CAClD,CAAA,GAAU,WAAgB,KAAA,QAAA,CAAS,OAAU,mBAAAA,cAAA,CAAA,aAAA,CAAC,IAAK,EAAA,EAAA,EAAA,EAAI,IACnD,EAAA,kBAAAA,cAAA,CAAA,aAAA,CAAC,QAAS,EAAA,EAAA,KAAA,EAAM,OAAQ,EAAA,IAAA,EAAK,MAAO,EAAA,IAAA,EAAM,EAAI,EAAA,CAClD,CAAU,mBAAAA,cAAA,CAAA,aAAA,CAAAA,cAAA,CAAA,QAAA,EAAA,IAAE,CACpB,CAAA,kBACCA,cAAA,CAAA,aAAA,CAAA,IAAA,EAAA,EAAK,EAAI,EAAA,IAAA,EAAM,KAAM,EAAA,QAAA,EAAS,QAAU,EAAA,MAAA,EAAQ,QAAU,EAAA,EAAA,EAAI,UAAW,EAAA,OAAA,EAAQ,aAAe,EAAA,CAAA,EAAA,EAC5F,IAAM,IAAA,IAAA,GAAA,MAAA,GAAA,IAAA,CAAA,KACX,CACJ,CAAA,kBAECA,cAAA,CAAA,aAAA,CAAA,GAAA,EAAA,EAAI,IAAM,EAAA,CAAA,EAAA,kBACNA,cAAA,CAAA,aAAA,CAAA,IAAA,EAAA,EAAK,KAAO,EAAA,QAAA,EAAU,QAAU,EAAA,EAAA,EAAI,SAAW,EAAA,SAAA,EAAA,kBAC3CA,cAAA,CAAA,aAAA,CAAA,IAAA,EAAA,EAAK,UAAY,EAAA,OAAA,EAAS,KAAO,EAAA,QAAA,EAAU,QAAU,EAAA,EAAA,EAAA,EAAI,cACzC,EAAA,GACjB,CACC,EAAA,CAAA,EAAA,GAAA,IAAA,IAAA,IAAA,GAAA,MAAA,GAAA,IAAA,CAAM,IAAN,KAAA,IAAA,GAAA,MAAA,GAAA,EAAA,CAAY,WACjB,CACJ,CACA,kBAAAA,cAAA,CAAA,aAAA,CAAC,MAAO,EAAA,EAAA,KAAA,EAAO,IAAM,EAAA,IAAA,EAAM,CAAG,EAAA,cAAA,EAAgB,eAAiB,EAAA,UAAA,EAAY,QACvE,EAAA,kBAAAA,cAAA,CAAA,aAAA,CAAC,MAAO,EAAA,EAAA,OAAA,EAAS,SAAW,EAAA,IAAA,EAAM,CAAG,EAAA,UAAA,EAAY,QAAU,EAAA,OAAA,EAAS,KAAO,EAAA,EAAA,EAAI,IAAM,EAAA,CAAA,EAAG,MAAQ,EAAA,aAAA,EAAY,cAAe,EAAA,YAAA,EAAY,cAAgB,EAAA,WAAA,EAAa,cAAgB,EAAA,OAAA,EAAS,MAAM,UAAA,CAAW,QAAS,CAAA,gBAAA,CAAiB,SAAW,EAAA;AAAA,MAC7P,SAAA;AAAA,MACA,YAAc,EAAA;AAAA,KACf,CACe,EAAA,kBAAAA,cAAA,CAAA,aAAA,CAAC,UAAO,IAAM,EAAA,CAAA,EAAG,OAAO,IAAM,EAAA,cAAA,EAAgB,QAAU,EAAA,UAAA,EAAY,4BAC/DA,cAAA,CAAA,aAAA,CAAA,SAAA,EAAA,EAAU,OAAM,OAAQ,EAAA,IAAA,EAAK,WAAU,IAAM,EAAA,EAAA,EAAI,CAClD,kBAAAA,cAAA,CAAA,aAAA,CAAC,QAAK,QAAU,EAAA,EAAA,EAAI,YAAY,OAAS,EAAA,KAAA,EAAO,YAAU,KAE1D,CACJ,CACJ,CACA,kBAAAA,cAAA,CAAA,aAAA,CAAC,UAAO,OAAS,EAAA,SAAA,EAAW,MAAM,CAAG,EAAA,UAAA,EAAY,UAAU,OAAS,EAAA,KAAA,EAAO,EAAI,EAAA,IAAA,EAAM,GAAG,MAAQ,EAAA,WAAA,EAAa,gBAAgB,aAAY,EAAA,cAAA,EAAe,cAAY,cAChK,EAAA,kBAAAA,cAAA,CAAA,aAAA,CAAC,UAAO,IAAM,EAAA,CAAA,EAAG,OAAO,IAAM,EAAA,cAAA,EAAgB,UAAU,UAAY,EAAA,QAAA,EAAA,+CAC/D,OAAQ,EAAA,EAAA,KAAA,EAAM,QAAS,EAAA,IAAA,EAAK,cAAa,IAAM,EAAA,EAAA,EAAI,mBACnDA,cAAA,CAAA,aAAA,CAAA,IAAA,EAAA,EAAK,UAAU,EAAI,EAAA,UAAA,EAAY,SAAS,KAAO,EAAA,QAAA,EAAA,EAAU,QAE1D,CACJ,CACJ,mBACCA,cAAA,CAAA,aAAA,CAAA,MAAA,EAAA,EAAO,SAAS,SAAW,EAAA,IAAA,EAAM,CAAG,EAAA,UAAA,EAAY,UAAU,OAAS,EAAA,KAAA,EAAO,IAAI,IAAM,EAAA,CAAA,EAAG,QAAQ,WAAa,EAAA,cAAA,EAAgB,aAAY,EAAA,cAAA,EAAe,cAAY,cAChK,EAAA,kBAAAA,cAAA,CAAA,aAAA,CAAC,UAAO,IAAM,EAAA,CAAA,EAAG,OAAO,IAAM,EAAA,cAAA,EAAgB,QAAU,EAAA,UAAA,EAAY,4BAC/DA,cAAA,CAAA,aAAA,CAAA,SAAA,EAAA,EAAU,OAAM,OAAQ,EAAA,IAAA,EAAK,WAAU,IAAM,EAAA,EAAA,EAAI,mBACjDA,cAAA,CAAA,aAAA,CAAA,IAAA,EAAA,EAAK,UAAU,EAAI,EAAA,UAAA,EAAY,SAAS,KAAO,EAAA,QAAA,EAAA,EAAU,QAE1D,CACJ,CACJ,CACJ,CAAA,+CACC,OAAQ,EAAA,IAAA,CAAA,+CACR,MAAO,EAAA,EAAA,IAAA,EAAM,GAAG,KAAO,EAAA,IAAA,EAAA,+CACnB,MAAO,EAAA,EAAA,IAAA,EAAM,GAAG,cAAgB,EAAA,eAAA,EAAiB,YAAY,QAC1D,EAAA,kBAAAA,cAAA,CAAA,aAAA,CAAC,QAAK,QAAU,EAAA,EAAA,EAAI,KAAO,EAAA,QAAA,EAAU,YAAY,WAAa,EAAA,EAAA,UAAA,EAAA,CACjD,wCAAM,IAAN,KAAA,IAAA,GAAA,MAAA,GAAA,EAAA,CAAY,YAAZ,IAAqB,GAAA,MAAA,GAAA,EAAA,CAAA,MAAA,EAAO,GACzC,CACA,kBAAAA,cAAA,CAAA,aAAA,CAAC,UAAO,OAAS,EAAA,MAAA,EAAA,+CACZ,UAAW,EAAA,EAAA,UAAA,EAAY,aAAa,KAAO,EAAA;AAAA,MAC1D,QAAU,EAAA;AAAA,KACT,EAAA,EAAA,SAEa,CACJ,CACJ,mBAECA,cAAA,CAAA,aAAA,CAAA,UAAA,EAAA,EAAW,UAAY,EAAA,IAAA,EAAM,MAAM,CAChC,EAAA,kBAAAA,cAAA,CAAA,aAAA,CAAC,QAAS,EAAA,EAAA,UAAA,EAAU,MAAC,IAAM,EAAA,CAAA,EAAA,GAAA,CAAA,EAAA,GAAA,CAAA,EAAA,GAAA,IAAA,IAAA,IAAA,GAAA,MAAA,GAAA,IAAA,CAAM,IAAN,KAAA,IAAA,GAAA,MAAA,GAAA,EAAA,CAAY,YAAZ,IAAqB,GAAA,MAAA,GAAA,EAAA,CAAA,KAAA,CAAM,CAAG,EAAA,EAAA,CAAA,KAA9B,YAAqC,EAAC,EAAG,sBAAwB,EAAA,mDAAO,GAAI,EAAA,EAAA,EAAA,EAAI,CAAG,EAAA,CAAA,EAAI,YAAY,CAAC;AAAA,MAC3I,IAAM,EAAA;AAAA,0BACIA,cAAA,CAAA,aAAA,CAAA,yBAAA,EAAA,EAA0B,MAAgB,EAAA,CAAA,EAAI,CAChD,CACJ,CAAA,kBACCA,cAAA,CAAA,aAAA,CAAA,OAAA,EAAA,IAAQ,mBACRA,cAAA,CAAA,aAAA,CAAA,MAAA,EAAA,EAAO,MAAM,CAAG,EAAA,KAAA,EAAO,wBACnBA,cAAA,CAAA,aAAA,CAAA,IAAA,EAAA,EAAK,QAAU,EAAA,EAAA,EAAI,OAAO,QAAU,EAAA,UAAA,EAAY,WAAa,EAAA,EAAA,UAE9D,mBACCA,cAAA,CAAA,aAAA,CAAA,MAAA,EAAA,EAAO,KAAO,EAAA,IAAA,EAAM,MAAM,CAAG,EAAA,UAAA,EAAY,UAAU,cAAgB,EAAA,eAAA,EAAA,+CAC/D,SAAU,EAAA,EAAA,KAAA,EAAM,OAAQ,EAAA,IAAA,EAAK,SAAQ,IAAM,EAAA,EAAA,EAAI,CAChD,kBAAAA,cAAA,CAAA,aAAA,CAAC,OAAI,IAAM,EAAA,CAAA,EAAA,kBACNA,cAAA,CAAA,aAAA,CAAA,MAAA,EAAA,EAAO,MAAM,GAAK,EAAA,KAAA,EAAM,wBACpBA,cAAA,CAAA,aAAA,CAAA,IAAA,EAAA,EAAK,OAAO,QAAU,EAAA,UAAA,EAAY,WAAa,EAAA,QAAA,EAAU,MAAI,cAE9D,CAAA,+CACC,IAAK,EAAA,EAAA,QAAA,EAAU,QAAQ,KAAO,EAAA,QAAA,EAAU,QAAU,EAAA,EAAA,EAAI,WAAW,SAAW,EAAA,EAAA,yFAG7E,CACJ,CACJ,CAAA,+CACC,GACG,EAAA,IAAA,kBAAAA,cAAA,CAAA,aAAA;AAAA,MAAC,MAAA;AAAA,MAAA;AAAA,QAAO,IAAK,EAAA;AAAA;AAAA,KAMjB,CACJ,CACA,kBAAAA,cAAA,CAAA,aAAA,CAAC,MAAO,EAAA,EAAA,KAAA,EAAO,IAAM,EAAA,IAAA,EAAM,CAAG,EAAA,UAAA,EAAY,QAAU,EAAA,cAAA,EAAgB,mCAC/DA,cAAA,CAAA,aAAA,CAAA,MAAA,EAAA,EAAO,GAAK,EAAA,mBAAA,EAAqB,IAAM,EAAA,IAAA,EAAM,EAAI,EAAA,aAAA,EAAe,SAAS,KACtE,EAAA,kBAAAA,cAAA,CAAA,aAAA,CAAC,kBAAmB,EAAA,IAAA,EAAA,IAAE,CACtB,kBAAAA,cAAA,CAAA,aAAA,CAAC,WAAY,EAAA,EAAA,GAAA,EAAI,SAAQ,KAAO,EAAA;AAAA,MAC9C,KAAO,EAAA,EAAA;AAAA,MACP,MAAQ,EAAA,EAAA;AAAA,MACR,YAAc,EAAA,CAAA;AAAA,MACd,WAAa,EAAA,CAAA;AAAA,MACb,WAAa,EAAA;AAAA,OACZ,MAAQ,EAAA,MAAA,CAAO,kBAAkB,CACpB,kBAAAA,cAAA,CAAA,aAAA,CAAC,eAAY,KAAO,EAAA;AAAA,MAClC,KAAO,EAAA,EAAA;AAAA,MACP,MAAQ,EAAA;AAAA,KACP,EAAA,EAAA,EAAG,WAAY,EAAA,CACN,CACA,kBAAAA,cAAA,CAAA,aAAA,CAAC,GAAI,EAAA,EAAA,IAAA,EAAM,CACP,EAAA,kBAAAA,cAAA,CAAA,aAAA,CAAC,MAAO,EAAA,EAAA,IAAA,EAAM,GAAK,EAAA,KAAA,EAAM,IACrB,EAAA,kBAAAA,cAAA,CAAA,aAAA,CAAC,IAAK,EAAA,EAAA,KAAA,EAAO,QAAU,EAAA,UAAA,EAAY,WAAa,EAAA,QAAA,EAAU,EAAI,EAAA,EAAA,cAE9D,CACA,kBAAAA,cAAA,CAAA,aAAA,CAAC,IAAK,EAAA,EAAA,QAAA,EAAU,QAAQ,KAAO,EAAA,QAAA,EAAU,QAAU,EAAA,EAAA,EAAI,SAAW,EAAA,SAAA,EAAA,EAAW,gBAE7E,CACJ,CACJ,CACJ,CACJ,CAAA,kBAECA,cAAA,CAAA,aAAA,CAAA,MAAA,EAAA,EAAO,OAAS,EAAA,OAAA,EAAS,OAAS,EAAA,KAAA,EAAO,EAAI,EAAA,UAAA,EAAA,kBACzCA,cAAA,CAAA,aAAA,CAAA,aAAA,EAAA,EAAc,IAAK,EAAA,QAAA,EAAS,KAAO,EAAA,OAAA,EAAS,IAAM,EAAA,EAAA,EAAI,CACvD,kBAAAA,cAAA,CAAA,aAAA,CAAC,UAAW,EAAA,EAAA,EAAA,EAAI,QAAQ,KAAO,EAAA;AAAA,MACzC,QAAU,EAAA,EAAA;AAAA,MACV,UAAY,EAAA;AAAA,KACd,EAAA,EAAG,eAES,CACJ,CACJ,CAAA;AAAA,GACT,CAAA;AACD,EAAA,oDAAQ,YAAa,EAAA,EAAA,IAAA,EAAM,qBAChBA,cAAA,CAAA,aAAA,CAAA,SAAA,EAAA,EAAU,OAAO,MAAQ,EAAA,CAAA,kBACzBA,cAAA,CAAA,aAAA,CAAA,GAAA,EAAA,EAAI,MAAM,CAAG,EAAA,EAAA,EAAI,4BACbA,cAAA,CAAA,aAAA,CAAA,GAAA,EAAA,EAAI,MAAM,CACP,EAAA,kBAAAA,cAAA,CAAA,aAAA;AAAA,IAAC,WAAA;AAAA,IAAA;AAAA,MAAY,qBAAuB,EAAA;AAAA,QAC9C,QAAU,EAAA,CAAA;AAAA,QACV,aAAe,EAAA;AAAA,OACjB;AAAA,MAAG,CAAG,EAAA,MAAA;AAAA,MAAQ,CAAG,EAAA,MAAA;AAAA,MAEjB,QAAU,EAAA,OAAA;AAAA,MAAS,YAAA,EAAc,WAAS,gBAAmB,GAAA,KAAA;AAAA,MAAO,YAAY,CAAC;AAAA,QAC/E;AAAA,OACF,qBAAOA,cAAA,CAAA,aAAA,CAAA,oBAAA,EAAA,EAAqB,IAAY,EAAA,CAAA;AAAA,MAAI,qBAAqB,CAAC;AAAA,QAChE,OAAS,EAAA;AAAA,UACP;AAAA;AACF,OACF,qBAAYA,cAAA,CAAA,aAAA,CAAA,sBAAA,EAAA,EAAuB,KAAc,EAAA;AAAA;AAAA,GACzC,CACJ,CACJ,CAAA;AACR"}
+{"version":3,"file":"InboxChannelDetail.js","sources":["../../../src/screens/Inbox/InboxChannelDetail.tsx"],"sourcesContent":["import React from 'react';\nimport { SafeAreaView } from 'react-native';\nimport { isUserAuthenticated } from '@adminide-stack/user-auth0-client';\nimport { navigationRef } from '@common-stack/client-react';\nimport { RoomType } from 'common';\nimport {\n    useAddMemberToChannelMutation,\n    useSaveMembersToChannelMutation,\n    useAddDirectChannelMutation,\n    useChannelDetailQuery,\n} from '../../queries/slackuiQueries';\nimport { useDrawerLayout } from '../../hooks';\nimport {\n    Avatar,\n    AvatarFallbackText,\n    AvatarImage,\n    AvatarBadge,\n    AvatarGroup,\n    Box,\n    Button,\n    ButtonText,\n    Divider,\n    FlatList,\n    HStack,\n    Heading,\n    Icon,\n    Image,\n    ScrollView,\n    SectionList,\n    Switch,\n    Text,\n    VStack,\n} from '@admin-layout/gluestack-ui-mobile';\nimport { StatusBar } from 'expo-status-bar';\nimport { userSelector } from '@adminide-stack/user-auth0-client';\nimport { useSelector } from 'react-redux';\nimport { Ionicons, MaterialIcons, AntDesign, FontAwesome, Feather, Octicons } from '@expo/vector-icons';\nimport { startCase } from 'lodash-es';\nimport { NavigationRoutes, colors, images } from '../../constants';\nimport Colors from 'tailwindcss/colors';\n\nconst InboxChannelDetailScreen = ({ channelId, navigation }: any) => {\n    const { orgName, organizationDetail } = useDrawerLayout();\n    const user = useSelector(userSelector);\n    const { authenticated } = isUserAuthenticated();\n    const titleCharacterLimit: number = 18;\n\n    const {\n        data: channelData,\n        loading: channelLoading,\n        refetch: reFetchChannel,\n    } = useChannelDetailQuery(channelId?.toString());\n\n    const [addMemberToChannel, { loading: addMemberToChannelLoading, error: addMemberToChannelError }] =\n        useAddMemberToChannelMutation();\n\n    const [saveMembersToChannel, { loading: saveMembersToChannelLoading, error: saveMembersToChannelError }] =\n        useSaveMembersToChannelMutation();\n\n    const [addDirectChannel, { loading: addDirectChannelLoading, error: addDirectChannelError }] =\n        useAddDirectChannelMutation();\n\n    const [leaveChannelLoading, setLeaveChannelLoading] = React.useState(false);\n    const [isMuted, setIsMuted] = React.useState(false);\n\n    const handleMuteToggle = React.useCallback(\n        (value: boolean) => {\n            setIsMuted(value);\n            // In a real implementation, you would call a mutation to save this preference\n            console.log(`Channel ${channelId} mute status changed to: ${value}`);\n        },\n        [channelId],\n    );\n\n    React.useEffect(() => {\n        // Do something when the screen is focused\n        reFetchChannel();\n        return () => {};\n    }, []);\n\n    const channel = React.useMemo(() => {\n        const channelMembers =\n            channelData?.viewChannelDetail?.members\n                ?.filter((ch: any) => ch?.user?.id != user?.id && ch?.user?.__typename == 'UserAccount')\n                ?.map((m: any) => m?.user) ?? null;\n        const membersNameAsTitle =\n            channelData?.viewChannelDetail?.type == RoomType.Direct\n                ? channelMembers\n                      ?.map((u: any) => u?.givenName ?? '')\n                      ?.filter((mu: any) => mu)\n                      ?.join(', ') ?? ''\n                : null;\n        const title = membersNameAsTitle || channelData?.viewChannelDetail?.title || '';\n        const channelTitle =\n            title?.length > titleCharacterLimit ? title?.substring(0, titleCharacterLimit) + '...' : title;\n        return [\n            {\n                title: channelTitle,\n                data: channelData?.viewChannelDetail\n                    ? [{ title: channelTitle, data: channelData?.viewChannelDetail }]\n                    : [],\n            },\n        ];\n    }, [channelData]);\n\n    const channelType = React.useMemo(() => {\n        if (!channelData?.viewChannelDetail) return 'CHANNEL';\n        return channelData?.viewChannelDetail?.type;\n    }, [channelData]);\n\n    const channelMembers = React.useMemo(() => {\n        if (!channelData?.viewChannelDetail?.members || channelData?.viewChannelDetail?.members?.length == 0)\n            return null;\n        return (\n            channelData?.viewChannelDetail?.members\n                ?.filter((ch: any) => ch?.user?.id != user?.id && ch?.user?.__typename == 'UserAccount')\n                ?.map((m: any) => m?.user) ?? null\n        );\n    }, [channelData]);\n\n    const memberImage = React.useMemo(() => {\n        return channelType == RoomType.Direct && channelMembers?.length == 1\n            ? channelMembers[0]?.picture ?? null\n            : null;\n    }, [channelMembers]);\n\n    const SectionHeaderComponent = React.memo(({ title }: any) => {\n        return (\n            <Box className=\"bg-white flex-1\">\n                <VStack space={'md'}>\n                    <HStack className=\"flex-1 justify-between items-center py-2\">\n                        <HStack className=\"flex-1 items-center\">\n                            <Button\n                                //onPress={() => navigation?.goBack?.()}\n                                className=\"bg-transparent\"\n                                onPress={() => navigation?.goBack()}\n                            >\n                                <MaterialIcons size={30} name=\"keyboard-arrow-left\" color=\"black\" />\n                            </Button>\n                            <Box className=\"py-2\">\n                                {memberImage ? (\n                                    <Avatar\n                                        key={'inbox-channel-member-image-key'}\n                                        size={'sm'}\n                                        className=\"bg-transparent\"\n                                    >\n                                        <AvatarFallbackText>{startCase(title?.charAt(0))}</AvatarFallbackText>\n                                        <AvatarImage\n                                            alt=\"image\"\n                                            style={{\n                                                width: 30,\n                                                height: 30,\n                                                borderRadius: 6,\n                                                borderWidth: 2,\n                                                borderColor: '#fff',\n                                            }}\n                                            source={{\n                                                uri: memberImage,\n                                            }}\n                                        />\n                                        <AvatarBadge style={{ width: 10, height: 10 }} className=\"bg-green-800\" />\n                                    </Avatar>\n                                ) : channelType == RoomType.Channel ? (\n                                    <Text className=\"pl-2\">\n                                        <Octicons color=\"black\" name=\"hash\" size={20} />\n                                    </Text>\n                                ) : channelType === RoomType.Private ? (\n                                    <Text className=\"pl-2\">\n                                        <Octicons color=\"black\" name=\"lock\" size={20} />\n                                    </Text>\n                                ) : (\n                                    <></>\n                                )}\n                            </Box>\n                            <Text numberOfLines={1} className=\"px-2 text-black flex-wrap text-[18px] font-bold\">\n                                {title}\n                            </Text>\n                        </HStack>\n                        <HStack className=\"items-center\">\n                            <Button size={'md'} className=\"bg-transparent active:bg-gray-200 hover:bg-gray-200\">\n                                <Octicons color=\"black\" name=\"pencil\" size={20} />\n                            </Button>\n                            <Button size={'md'} className=\"bg-transparent active:bg-gray-200 hover:bg-gray-200\">\n                                <MaterialIcons color=\"black\" name=\"more-vert\" size={20} />\n                            </Button>\n                        </HStack>\n                    </HStack>\n                </VStack>\n            </Box>\n        );\n    });\n\n    const SectionItemChannelMembers = React.memo(({ member }: any) => {\n        const fullName = member?.user?.givenName + ' ' + member?.user?.familyName;\n        const fullNameWithCharLimit = fullName?.length > 15 ? fullName?.substring(0, 15) + '...' : fullName;\n        return (\n            <Button\n                variant={'solid'}\n                // w={'$20'}\n                size={'md'}\n                className=\"bg-transparent active:bg-gray-200 hover:bg-gray-200 px-0 rounded-lg h-full\"\n            >\n                <VStack space={'sm'} className=\"flex-1 px-2\">\n                    <Image\n                        source={{\n                            uri: member?.user?.picture,\n                        }}\n                        alt={startCase(member?.user?.username?.charAt(0))}\n                        size={'md'}\n                        className=\"rounded-lg\"\n                    />\n                    <Text\n                        numberOfLines={2}\n                        color={colors.black}\n                        className=\"text-[12px] font-bold text-center flex-wrap items-start color-black\"\n                    >\n                        {fullNameWithCharLimit}\n                    </Text>\n                </VStack>\n            </Button>\n        );\n    });\n\n    const SectionItemComponent = React.memo(({ item }: any) => {\n        return (\n            <VStack space={'md'} className=\"bg-white flex-1 px-2\">\n                <HStack className=\"flex-1 items-center\">\n                    <Box>\n                        {memberImage ? (\n                            <Avatar key={'inbox-channel-member-profile-key'} size={'sm'} className=\"bg-transparent\">\n                                <AvatarFallbackText> {startCase(item?.title?.charAt(0))}</AvatarFallbackText>\n                                <AvatarImage\n                                    alt=\"image\"\n                                    style={{\n                                        width: 30,\n                                        height: 30,\n                                        borderRadius: 6,\n                                        borderWidth: 2,\n                                        borderColor: '#fff',\n                                    }}\n                                    source={{\n                                        uri: memberImage,\n                                    }}\n                                />\n                                <AvatarBadge style={{ width: 10, height: 10 }} className=\"bg-green-800\" />\n                            </Avatar>\n                        ) : channelType == RoomType.Channel ? (\n                            <Text className=\"pl-2\">\n                                <Octicons color=\"black\" name=\"hash\" size={20} />\n                            </Text>\n                        ) : channelType === RoomType.Private ? (\n                            <Text className=\"pl-2\">\n                                <Octicons color=\"black\" name=\"lock\" size={20} />\n                            </Text>\n                        ) : (\n                            <></>\n                        )}\n                    </Box>\n                    <Text className=\"px-2 text-black flex-wrap text-[18px] font-bold\" numberOfLines={1}>\n                        {item?.title}\n                    </Text>\n                </HStack>\n\n                <Box className=\"flex-1\">\n                    <Text className=\"text-black text-[18]] text-justify\" color={colors.black}>\n                        <Text className=\"font-bold text-[15]\" color={Colors.black}>\n                            Description:{' '}\n                        </Text>\n                        {item?.data?.description}\n                    </Text>\n                </Box>\n                <HStack space={'sm'} className=\"flex-1 justify-between items-center\">\n                    <Button\n                        variant={'outline'}\n                        className=\"flex-1 items-center rounded-lg py-4 h-full active:bg-gray-200 hover:bg-gray-200 border-gray-200\"\n                        onPress={() =>\n                            navigation.navigate(NavigationRoutes.AddPeople, {\n                                channelId,\n                                isAddMemeber: true,\n                                onMemberAdded: (memberId: string) => {\n                                    if (memberId) {\n                                        addMemberToChannel({\n                                            variables: {\n                                                channelId: channelId?.toString(),\n                                                memberId,\n                                            },\n                                        }).then(() => {\n                                            reFetchChannel();\n                                        });\n                                    }\n                                },\n                            })\n                        }\n                    >\n                        <VStack className=\"flex-1 justify-center items-center\" space={'sm'}>\n                            <AntDesign color=\"black\" name=\"adduser\" size={20} />\n                            <Text className=\"text-[12] font-bold\" color={Colors.black}>\n                                Add\n                            </Text>\n                        </VStack>\n                    </Button>\n                    <Button\n                        variant={'outline'}\n                        className=\"flex-1 items-center rounded-lg py-4 h-full active:bg-gray-200 hover:bg-gray-200 border-gray-200\"\n                    >\n                        <VStack className=\"flex-1 justify-center items-center\" space={'sm'}>\n                            <Feather color=\"$black\" name=\"headphones\" size={20} />\n                            <Text className=\"text-[12] font-bold\" color={Colors.black}>\n                                Huddle\n                            </Text>\n                        </VStack>\n                    </Button>\n                    <Button\n                        variant={'outline'}\n                        className=\"flex-1 items-center rounded-lg py-4 h-full active:bg-gray-200 hover:bg-gray-200 border-gray-200\"\n                    >\n                        <VStack className=\"flex-1 justify-center items-center\" space={'sm'}>\n                            <AntDesign color=\"black\" name=\"search1\" size={20} />\n                            <Text className=\"text-[12] font-bold\" color={Colors.black}>\n                                Search\n                            </Text>\n                        </VStack>\n                    </Button>\n                </HStack>\n                <Divider />\n                <VStack className=\"flex-1\" space={'sm'}>\n                    <HStack className=\"flex-1 justify-between items-center\">\n                        <Text className=\"text-[15] font-semibold\" color={Colors.black}>\n                            Members({item?.data?.members?.length})\n                        </Text>\n                        <Button variant={'link'}>\n                            <ButtonText className=\"font-semibold\" style={{ fontSize: 15 }}>\n                                See All\n                            </ButtonText>\n                        </Button>\n                    </HStack>\n\n                    <ScrollView horizontal={true} style={{ flex: 1 }}>\n                        <FlatList\n                            horizontal\n                            data={item?.data?.members?.slice(0, 10) ?? []}\n                            ItemSeparatorComponent={() => <Box className=\"mx-2\" />}\n                            renderItem={({ item: member }: any) => <SectionItemChannelMembers member={member} />}\n                        />\n                    </ScrollView>\n                </VStack>\n                <Divider />\n                <VStack className=\"flex-1\" space={'lg'}>\n                    <Text className=\"text-[15] font-semibold\" color={Colors.black}>\n                        Settings\n                    </Text>\n                    <HStack space={'sm'} className=\"flex-1 items-center justify-between\">\n                        <AntDesign color=\"black\" name=\"bells\" size={20} />\n                        <Box className=\"flex-1\">\n                            <VStack className=\"flex-[0.5]\" space=\"sm\">\n                                <Text color={Colors.black} className=\"font-semibold text-[16]\">\n                                    Mute Channel\n                                </Text>\n                                <Text className=\"flex-wrap text-[18] text-justify\" color={Colors.black}>\n                                    Muted channels will always appears read and you won't receive any notification from\n                                    t..\n                                </Text>\n                            </VStack>\n                        </Box>\n                        <Box>\n                            <Switch\n                                size=\"sm\"\n                                // offTrackColor=\"white\"\n                                // onTrackColor=\"blue.800\"\n                                // offThumbColor=\"gray.500\"\n                                // onThumbColor=\"white\"\n                                value={isMuted}\n                                onValueChange={handleMuteToggle}\n                            />\n                        </Box>\n                    </HStack>\n                    <HStack space={'sm'} className=\"flex-1 items-center justify-between\">\n                        <Avatar key={'account-image-key'} size={'sm'} className=\"bg-transparent rounded-lg\">\n                            <AvatarFallbackText>NC</AvatarFallbackText>\n                            <AvatarImage\n                                alt=\"image\"\n                                style={{\n                                    width: 30,\n                                    height: 30,\n                                    borderRadius: 6,\n                                    borderWidth: 2,\n                                    borderColor: '#fff',\n                                }}\n                                source={images.pushNotification}\n                            />\n                            <AvatarBadge style={{ width: 10, height: 10 }} className=\"bg-green-800\" />\n                        </Avatar>\n                        <Box className=\"flex-1\">\n                            <VStack className=\"flex-[0.5]\" space=\"sm\">\n                                <Text color={Colors.black} className=\"font-semibold text-[16]\">\n                                    Notification\n                                </Text>\n                                <Text className=\"flex-wrap text-[14] text-justify\" color={Colors.black}>\n                                    Just @mentions\n                                </Text>\n                            </VStack>\n                        </Box>\n                    </HStack>\n                </VStack>\n\n                <Button\n                    variant={'solid'}\n                    className=\"rounded-lg bg-rose-600\"\n                    onPress={() => {\n                        setLeaveChannelLoading(true);\n                        // In a real implementation, you would call the appropriate mutation\n                        // For now, we'll just navigate back as a placeholder\n                        setTimeout(() => {\n                            setLeaveChannelLoading(false);\n                            navigation?.goBack();\n                        }, 1000);\n                    }}\n                    isDisabled={leaveChannelLoading}\n                >\n                    <MaterialIcons name=\"logout\" color={'white'} size={20} />\n                    <ButtonText className=\"pl-1.5\" style={{ fontSize: 14, fontWeight: 'bold' }}>\n                        {leaveChannelLoading ? 'Leaving...' : 'Leave channel'}\n                    </ButtonText>\n                </Button>\n            </VStack>\n        );\n    });\n\n    return (\n        <SafeAreaView style={{ flex: 1 }}>\n            <StatusBar style={'dark'} />\n            <Box className=\"flex-1 bg-white\">\n                <Box className=\"flex-1\">\n                    <SectionList\n                        contentContainerStyle={{\n                            flexGrow: 1,\n                            paddingBottom: 50,\n                        }}\n                        // maxW={'100%'}\n                        style={{ width: '100%', height: '100%' }}\n                        sections={channel}\n                        keyExtractor={(index) => 'inbox-channel-' + index}\n                        renderItem={({ item }) => <SectionItemComponent item={item} />}\n                        renderSectionHeader={({ section: { title } }: any) => <SectionHeaderComponent title={title} />}\n                    />\n                </Box>\n            </Box>\n        </SafeAreaView>\n    );\n};\n\nexport default InboxChannelDetailScreen;\n"],"names":["React","channelMembers","_a","_b","colors","Colors"],"mappings":"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"}

package/lib/screens/Inbox/InboxDialogMessages.js

@@ -18,6 +18,6 @@ var __spreadValues = (a, b) => {
 };
 var __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));
 const InboxDialogMessagesScreen = (props) => {
-  var _a, _b;
-  return /* @__PURE__ */ React__default.createElement(DialogMessages, __spreadProps(__spreadValues({}, props), { channelId: (_b = (_a = props == null ? void 0 : props.route) == null ? void 0 : _a.params) == null ? void 0 : _b.channelId }));
+  var _a, _b, _c, _d;
+  return /* @__PURE__ */ React__default.createElement(DialogMessages, __spreadProps(__spreadValues({}, props), { channelId: (_b = (_a = props == null ? void 0 : props.route) == null ? void 0 : _a.params) == null ? void 0 : _b.channelId, orgName: (_d = (_c = props == null ? void 0 : props.route) == null ? void 0 : _c.params) == null ? void 0 : _d.orgName }));
 };export{InboxDialogMessagesScreen as default};//# sourceMappingURL=InboxDialogMessages.js.map

package/lib/screens/Inbox/InboxDialogMessages.js.map

@@ -1 +1 @@
-{"version":3,"file":"InboxDialogMessages.js","sources":["../../../src/screens/Inbox/InboxDialogMessages.tsx"],"sourcesContent":["import React from 'react';\nimport { DialogMessages } from '@messenger-box/platform-mobile';\n\nconst InboxDialogMessagesScreen = (props: any) => {\n    return <DialogMessages {...props} channelId={props?.route?.params?.channelId} />;\n};\n\nexport default InboxDialogMessagesScreen;\n"],"names":["React"],"mappings":";;;;;;;;;;;;;;;;;;;AAEM,MAAA,yBAAA,GAA4B,CAAC,KAAe,KAAA;AAFlD,EAAA,IAAA,EAAA,EAAA,EAAA;AAGE,EAAO,uBAAAA,cAAA,CAAA,aAAA,CAAC,cAAmB,EAAA,aAAA,CAAA,cAAA,CAAA,EAAA,EAAA,KAAA,CAAA,EAAnB,EAA0B,SAAA,EAAA,CAAW,0CAAO,KAAP,KAAA,IAAA,GAAA,MAAA,GAAA,EAAA,CAAc,MAAd,KAAA,IAAA,GAAA,MAAA,GAAA,EAAA,CAAsB,SAAW,EAAA,CAAA,CAAA;AAChF"}
+{"version":3,"file":"InboxDialogMessages.js","sources":["../../../src/screens/Inbox/InboxDialogMessages.tsx"],"sourcesContent":["import React from 'react';\nimport { DialogMessages } from '@messenger-box/platform-mobile';\n\nconst InboxDialogMessagesScreen = (props: any) => {\n    return (\n        <DialogMessages\n            {...props}\n            channelId={props?.route?.params?.channelId}\n            orgName={props?.route?.params?.orgName}\n        />\n    );\n};\n\nexport default InboxDialogMessagesScreen;\n"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;AAEM,MAAA,yBAAA,GAA4B,CAAC,KAAe,KAAA;AAFlD,EAAA,IAAA,EAAA,EAAA,EAAA,EAAA,EAAA,EAAA,EAAA;AAGE,EAAA,oDAAQ,cAAmB,EAAA,aAAA,CAAA,cAAA,CAAA,EAAA,EAAA,KAAA,CAAA,EAAnB,EAA0B,SAAA,EAAA,CAAW,0CAAO,KAAP,KAAA,IAAA,GAAA,MAAA,GAAA,EAAA,CAAc,MAAd,KAAA,IAAA,GAAA,MAAA,GAAA,EAAA,CAAsB,WAAW,OAAS,EAAA,CAAA,EAAA,GAAA,CAAA,EAAA,GAAA,KAAA,IAAA,IAAA,GAAA,MAAA,GAAA,KAAA,CAAO,UAAP,IAAc,GAAA,MAAA,GAAA,EAAA,CAAA,MAAA,KAAd,mBAAsB,OAAS,EAAA,CAAA,CAAA;AACxH"}

package/lib/screens/Inbox/InboxScreen.js

@@ -1,4 +1,4 @@
-import React__default from'react';import {isUserAuthenticated}from'@adminide-stack/user-auth0-client';import {Inbox}from'@messenger-box/platform-mobile';import {Login}from'../Login.js';import'@expo/vector-icons';import'expo-font';import'expo-splash-screen';import'react-native';import {useDrawerLayout}from'../../hooks/useDrawerLayout.js';import'../../hooks/useExpoNotificationProvider.js';import {LifecyclePhase}from'@workbench-stack/core';import {Lifecycle}from'@admin-layout/gluestack-ui-mobile';import'@react-navigation/core';import'../../components/Header/styles.js';import'../../components/Tiles/styles.js';import'../../components/CustomDrawer/CustomDrawer.js';import'../../components/CustomBottomTabs/CustomBottomTabs.js';import'../../components/NavigationHeader/NavigationHeader.js';import'@react-navigation/elements';import'@common-stack/client-react';import'../../components/NavigationHeader/InboxNavigationHeader.js';import {LoadingSpinnerDefault}from'../../components/LoadingSpinner/index.js';import'../../components/WorkSpaceDrawer/WorkSpaceDrawer.js';import'../../components/Channels/ChannelsByAlphabeticalAccordion.js';import'../../components/SlackSearchInput/index.js';var __defProp = Object.defineProperty;
+import React__default from'react';import {isUserAuthenticated}from'@adminide-stack/user-auth0-client';import {Inbox}from'@messenger-box/platform-mobile';import {Login}from'../Login.js';import'@expo/vector-icons';import'expo-font';import'expo-splash-screen';import'react-native';import {useDrawerLayout}from'../../hooks/useDrawerLayout.js';import'../../hooks/useExpoNotificationProvider.js';import'../../hooks/useOptimizedChannelsQueries.js';var __defProp = Object.defineProperty;
 var __defProps = Object.defineProperties;
 var __getOwnPropDescs = Object.getOwnPropertyDescriptors;
 var __getOwnPropSymbols = Object.getOwnPropertySymbols;
@@ -26,10 +26,10 @@ const InboxScreen = (props) => {
     authenticated
   } = isUserAuthenticated();
   if (authenticated)
-    return /* @__PURE__ */ React__default.createElement(Lifecycle, { renderWhenPhase: LifecyclePhase.Restored, loadingRenderer: LoadingSpinnerDefault }, /* @__PURE__ */ React__default.createElement(Inbox, __spreadProps(__spreadValues({}, props), { channelFilters: {
+    return /* @__PURE__ */ React__default.createElement(Inbox, __spreadProps(__spreadValues({}, props), { channelFilters: {
       orgName,
       type: "DIRECT"
-    }, supportServices: true })));
+    }, supportServices: true }));
   else
     return /* @__PURE__ */ React__default.createElement(Login, __spreadValues({}, props));
 };export{InboxScreen as default};//# sourceMappingURL=InboxScreen.js.map

package/lib/screens/Inbox/InboxScreen.js.map

@@ -1 +1 @@
-{"version":3,"file":"InboxScreen.js","sources":["../../../src/screens/Inbox/InboxScreen.tsx"],"sourcesContent":["import React from 'react';\nimport { isUserAuthenticated } from '@adminide-stack/user-auth0-client';\nimport { Inbox } from '@messenger-box/platform-mobile';\nimport { Login } from '../Login';\nimport { navigationRef } from '@common-stack/client-react';\nimport { useDrawerLayout } from '../../hooks';\nimport { LifecyclePhase } from '@workbench-stack/core';\nimport { Lifecycle } from '@admin-layout/gluestack-ui-mobile';\nimport { LoadingSpinnerDefault } from '../../components';\n\nconst InboxScreen = (props: any) => {\n    const { orgName, organizationDetail } = useDrawerLayout();\n    const { authenticated } = isUserAuthenticated();\n\n    if (authenticated)\n        return (\n            <Lifecycle renderWhenPhase={LifecyclePhase.Restored} loadingRenderer={LoadingSpinnerDefault}>\n                <Inbox {...props} channelFilters={{ orgName: orgName, type: 'DIRECT' }} supportServices={true} />\n            </Lifecycle>\n        );\n    else return <Login {...props} />;\n};\n\nexport default InboxScreen;\n"],"names":["React"],"mappings":";;;;;;;;;;;;;;;;;;;AASM,MAAA,WAAA,GAAc,CAAC,KAAe,KAAA;AAClC,EAAM,MAAA;AAAA,IACJ,OAAA;AAAA,IACA;AAAA,MACE,eAAgB,EAAA;AACpB,EAAM,MAAA;AAAA,IACJ;AAAA,MACE,mBAAoB,EAAA;AACxB,EAAI,IAAA,aAAA;AAAe,IAAO,uBAAAA,cAAA,CAAA,aAAA,CAAC,SAAU,EAAA,EAAA,eAAA,EAAiB,cAAe,CAAA,QAAA,EAAU,eAAiB,EAAA,qBAAA,EAAA,kBACjFA,cAAA,CAAA,aAAA,CAAA,KAAA,EAAA,aAAA,CAAA,cAAA,CAAA,EAAA,EAAU,KAAV,CAAA,EAAA,EAAiB,cAAgB,EAAA;AAAA,MAC5C,OAAA;AAAA,MACA,IAAM,EAAA;AAAA,KACR,EAAG,eAAiB,EAAA,IAAA,EAAA,CAAM,CAClB,CAAA;AAAA;AAAkB,IAAO,uBAAAA,cAAA,CAAA,aAAA,CAAC,0BAAU,KAAO,CAAA,CAAA;AACvD"}
+{"version":3,"file":"InboxScreen.js","sources":["../../../src/screens/Inbox/InboxScreen.tsx"],"sourcesContent":["import React from 'react';\nimport { isUserAuthenticated } from '@adminide-stack/user-auth0-client';\nimport { Inbox } from '@messenger-box/platform-mobile';\nimport { Login } from '../Login';\n// import { navigationRef } from '@common-stack/client-react';\nimport { useDrawerLayout } from '../../hooks';\n// import { LifecyclePhase } from '@workbench-stack/core';\n// import { Lifecycle } from '@admin-layout/gluestack-ui-mobile';\n// import { LoadingSpinnerDefault } from '../../components';\n\nconst InboxScreen = (props: any) => {\n    const { orgName, organizationDetail } = useDrawerLayout();\n    const { authenticated } = isUserAuthenticated();\n\n    if (authenticated)\n        return (\n            <Inbox {...props} channelFilters={{ orgName: orgName, type: 'DIRECT' }} supportServices={true} />\n            // <Lifecycle renderWhenPhase={LifecyclePhase.Restored} loadingRenderer={LoadingSpinnerDefault}>\n            //     <Inbox {...props} channelFilters={{ orgName: orgName, type: 'DIRECT' }} supportServices={true} />\n            // </Lifecycle>\n        );\n    else return <Login {...props} />;\n};\n\nexport default InboxScreen;\n"],"names":["React"],"mappings":";;;;;;;;;;;;;;;;;;;AAUM,MAAA,WAAA,GAAc,CAAC,KAAe,KAAA;AAClC,EAAM,MAAA;AAAA,IACJ,OAAA;AAAA,IACA;AAAA,MACE,eAAgB,EAAA;AACpB,EAAM,MAAA;AAAA,IACJ;AAAA,MACE,mBAAoB,EAAA;AACxB,EAAI,IAAA,aAAA;AAAe,IAAA,uBAAQA,cAAA,CAAA,aAAA,CAAA,KAAA,EAAA,aAAA,CAAA,cAAA,CAAA,EAAA,EAAU,KAAV,CAAA,EAAA,EAAiB,cAAgB,EAAA;AAAA,MAC1D,OAAA;AAAA,MACA,IAAM,EAAA;AAAA,KACR,EAAG,iBAAiB,IAAM,EAAA,CAAA,CAAA;AAAA;AAIpB,IAAO,uBAAAA,cAAA,CAAA,aAAA,CAAC,0BAAU,KAAO,CAAA,CAAA;AACjC"}

package/lib/screens/Login.js

@@ -1,4 +1,4 @@
-import React__default from'react';import {reactI18Next,SafeAreaView,Box,Heading,Text,Button,ButtonText,HStack,Pressable,Divider}from'@admin-layout/gluestack-ui-mobile';import {useNavigation}from'@react-navigation/native';import {Ionicons}from'@expo/vector-icons';import {Linking}from'react-native';import {useSelector}from'react-redux';import {userSelector}from'@adminide-stack/user-auth0-client';import {navigationRef}from'@common-stack/client-react';const {
+import React__default from'react';import {reactI18Next,Box,Heading,Text,Button,ButtonText,HStack,Pressable,Divider}from'@admin-layout/gluestack-ui-mobile';import {useNavigation}from'@react-navigation/native';import {Ionicons}from'@expo/vector-icons';import {SafeAreaView,Linking}from'react-native';import {useSelector}from'react-redux';import {userSelector}from'@adminide-stack/user-auth0-client';import {navigationRef}from'@common-stack/client-react';const {
   useTranslation
 } = reactI18Next;
 const Login = () => {
@@ -23,5 +23,7 @@ const Login = () => {
       headerShown: true
     });
   }, [navigationRef]);
-  return /* @__PURE__ */ React__default.createElement(SafeAreaView, { flex: 1 }, /* @__PURE__ */ React__default.createElement(Box, { flex: 1, borderTopWidth: "$1", borderTopColor: "$trueGray200" }, /* @__PURE__ */ React__default.createElement(Box, { flex: 1, p: "$6", bg: "$white", justifyContent: "center" }, /* @__PURE__ */ React__default.createElement(Heading, { mt: "$2" }, "Follow-up chat"), /* @__PURE__ */ React__default.createElement(Text, { fontSize: "$md", mt: "$2" }, "Log in to start messaging."), /* @__PURE__ */ React__default.createElement(Button, { bg: "$blue500", size: "lg", my: "$3", onPress: () => navigation.navigate("MainStack.Login") }, /* @__PURE__ */ React__default.createElement(ButtonText, { color: "$white" }, t("login__btn_text"))), /* @__PURE__ */ React__default.createElement(HStack, { space: "sm" }, /* @__PURE__ */ React__default.createElement(Text, null, "Don't have an account?"), /* @__PURE__ */ React__default.createElement(Pressable, { onPress: () => navigation.navigate("MainStack.SignUp") }, /* @__PURE__ */ React__default.createElement(Text, { fontWeight: "$bold", underline: true }, "Sign up"))), /* @__PURE__ */ React__default.createElement(Divider, { my: "$3" }), /* @__PURE__ */ React__default.createElement(Pressable, { onPress: () => Linking.openURL("https://help.resortifi.com/") }, /* @__PURE__ */ React__default.createElement(HStack, { justifyContent: "space-between", alignItems: "center" }, /* @__PURE__ */ React__default.createElement(HStack, { space: "md", alignItems: "center" }, /* @__PURE__ */ React__default.createElement(Ionicons, { name: "help-circle-outline", size: 20 }), /* @__PURE__ */ React__default.createElement(Text, null, "Get help")), /* @__PURE__ */ React__default.createElement(Ionicons, { name: "chevron-forward-outline", size: 20 }))), /* @__PURE__ */ React__default.createElement(Divider, { my: "$3" }))));
+  return /* @__PURE__ */ React__default.createElement(SafeAreaView, { style: {
+    flex: 1
+  } }, /* @__PURE__ */ React__default.createElement(Box, { className: "flex-1 border-t border-t-gray-200" }, /* @__PURE__ */ React__default.createElement(Box, { className: "flex-1 p-6 bg-white justify-center" }, /* @__PURE__ */ React__default.createElement(Heading, { className: "mt-2" }, "Follow-up chat"), /* @__PURE__ */ React__default.createElement(Text, { className: "text-base mt-2" }, "Log in to start messaging."), /* @__PURE__ */ React__default.createElement(Button, { className: "bg-blue-500 my-3", size: "lg", onPress: () => navigation.navigate("MainStack.Login") }, /* @__PURE__ */ React__default.createElement(ButtonText, { className: "text-white" }, t("login__btn_text"))), /* @__PURE__ */ React__default.createElement(HStack, { space: "sm" }, /* @__PURE__ */ React__default.createElement(Text, null, "Don't have an account?"), /* @__PURE__ */ React__default.createElement(Pressable, { onPress: () => navigation.navigate("MainStack.SignUp") }, /* @__PURE__ */ React__default.createElement(Text, { className: "font-bold", underline: true }, "Sign up"))), /* @__PURE__ */ React__default.createElement(Divider, { className: "my-3" }), /* @__PURE__ */ React__default.createElement(Pressable, { onPress: () => Linking.openURL("https://help.resortifi.com/") }, /* @__PURE__ */ React__default.createElement(HStack, { className: "justify-between items-center" }, /* @__PURE__ */ React__default.createElement(HStack, { space: "md", className: "items-center" }, /* @__PURE__ */ React__default.createElement(Ionicons, { name: "help-circle-outline", size: 20 }), /* @__PURE__ */ React__default.createElement(Text, null, "Get help")), /* @__PURE__ */ React__default.createElement(Ionicons, { name: "chevron-forward-outline", size: 20 }))), /* @__PURE__ */ React__default.createElement(Divider, { className: "my-3" }))));
 };export{Login,Login as default};//# sourceMappingURL=Login.js.map

package/lib/screens/Login.js.map

@@ -1 +1 @@
-{"version":3,"file":"Login.js","sources":["../../src/screens/Login.tsx"],"sourcesContent":["import React from 'react';\nimport {\n    Box,\n    Button,\n    ButtonText,\n    Heading,\n    Text,\n    HStack,\n    Pressable,\n    Divider,\n    SafeAreaView,\n    reactI18Next,\n} from '@admin-layout/gluestack-ui-mobile';\nimport { useNavigation, useRoute } from '@react-navigation/native';\nimport { Ionicons } from '@expo/vector-icons';\nimport { Linking } from 'react-native';\nimport { useSelector } from 'react-redux';\nimport { IUserState } from '@adminide-stack/core';\nimport { Store, userSelector, logoutAndRedirect } from '@adminide-stack/user-auth0-client';\nimport { navigationRef } from '@common-stack/client-react';\nimport Colors from '../constants/Colors';\nconst { useTranslation } = reactI18Next;\n\nexport const Login = () => {\n    const userState: any = useSelector<Store.Auth, IUserState>(userSelector);\n    const navigation = useNavigation<any>();\n\n    //*****Use with namespace (multiple)*******/\n    //  const { t } = useTranslation(['common']);\n    //*********************************************/\n\n    //**Use without namespace default namespace common**/\n    const { t } = useTranslation();\n    //*************************************************************/\n\n    React.useEffect(() => {\n        if (navigationRef) {\n            navigation?.setOptions({ tabBarStyle: { display: 'none' }, tabBarVisible: false, headerShown: false });\n            //const currentOptions = navigationRef?.current?.getCurrentOptions();\n\n            // if (currentOptions && currentOptions?.headerShown == false && !userState?.accessToken)\n            //     navigation?.setOptions({ headerShown: true });\n        }\n\n        return () => navigation?.setOptions({ tabBarStyle: undefined, tabBarVisible: undefined, headerShown: true });\n    }, [navigationRef]);\n\n    return (\n        <SafeAreaView flex={1}>\n            <Box flex={1} borderTopWidth={'$1'} borderTopColor={'$trueGray200'}>\n                {/* <Box h={'$1'} bg={Colors.primaryBgColor} /> */}\n                <Box flex={1} p={'$6'} bg=\"$white\" justifyContent={'center'}>\n                    <Heading mt={'$2'}>Follow-up chat</Heading>\n                    <Text fontSize=\"$md\" mt={'$2'}>\n                        Log in to start messaging.\n                    </Text>\n                    <Button bg={'$blue500'} size=\"lg\" my={'$3'} onPress={() => navigation.navigate('MainStack.Login')}>\n                        <ButtonText color=\"$white\">{t('login__btn_text')}</ButtonText>\n                    </Button>\n                    <HStack space={'sm'}>\n                        <Text>Don't have an account?</Text>\n                        <Pressable onPress={() => navigation.navigate('MainStack.SignUp')}>\n                            <Text fontWeight={'$bold'} underline>\n                                Sign up\n                            </Text>\n                        </Pressable>\n                    </HStack>\n                    <Divider my={'$3'} />\n                    <Pressable onPress={() => Linking.openURL('https://help.resortifi.com/')}>\n                        <HStack justifyContent={'space-between'} alignItems={'center'}>\n                            <HStack space={'md'} alignItems={'center'}>\n                                <Ionicons name=\"help-circle-outline\" size={20} />\n                                <Text>Get help</Text>\n                            </HStack>\n                            <Ionicons name=\"chevron-forward-outline\" size={20} />\n                        </HStack>\n                    </Pressable>\n                    <Divider my={'$3'} />\n                </Box>\n            </Box>\n        </SafeAreaView>\n    );\n};\n\nexport default Login;"],"names":["React"],"mappings":"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"}
+{"version":3,"file":"Login.js","sources":["../../src/screens/Login.tsx"],"sourcesContent":["import React from 'react';\nimport {\n    Box,\n    Button,\n    ButtonText,\n    Heading,\n    Text,\n    HStack,\n    Pressable,\n    Divider,\n    reactI18Next,\n} from '@admin-layout/gluestack-ui-mobile';\nimport { useNavigation, useRoute } from '@react-navigation/native';\nimport { Ionicons } from '@expo/vector-icons';\nimport { Linking, SafeAreaView } from 'react-native';\nimport { useSelector } from 'react-redux';\nimport { IUserState } from '@adminide-stack/core';\nimport { Store, userSelector, logoutAndRedirect } from '@adminide-stack/user-auth0-client';\nimport { navigationRef } from '@common-stack/client-react';\nimport Colors from '../constants/Colors';\nimport colors from 'tailwindcss/colors';\nconst { useTranslation } = reactI18Next;\n\nexport const Login = () => {\n    const userState: any = useSelector<Store.Auth, IUserState>(userSelector);\n    const navigation = useNavigation<any>();\n\n    //*****Use with namespace (multiple)*******/\n    //  const { t } = useTranslation(['common']);\n    //*********************************************/\n\n    //**Use without namespace default namespace common**/\n    const { t } = useTranslation();\n    //*************************************************************/\n\n    React.useEffect(() => {\n        if (navigationRef) {\n            navigation?.setOptions({ tabBarStyle: { display: 'none' }, tabBarVisible: false, headerShown: false });\n            //const currentOptions = navigationRef?.current?.getCurrentOptions();\n\n            // if (currentOptions && currentOptions?.headerShown == false && !userState?.accessToken)\n            //     navigation?.setOptions({ headerShown: true });\n        }\n\n        return () => navigation?.setOptions({ tabBarStyle: undefined, tabBarVisible: undefined, headerShown: true });\n    }, [navigationRef]);\n\n    return (\n        <SafeAreaView style={{ flex: 1 }}>\n            <Box className=\"flex-1 border-t border-t-gray-200\">\n                {/* <Box h={'$1'} bg={Colors.primaryBgColor} /> */}\n                <Box className=\"flex-1 p-6 bg-white justify-center\">\n                    <Heading className=\"mt-2\">Follow-up chat</Heading>\n                    <Text className=\"text-base mt-2\">Log in to start messaging.</Text>\n                    <Button\n                        className=\"bg-blue-500 my-3\"\n                        size=\"lg\"\n                        onPress={() => navigation.navigate('MainStack.Login')}\n                    >\n                        <ButtonText className=\"text-white\">{t('login__btn_text')}</ButtonText>\n                    </Button>\n                    <HStack space={'sm'}>\n                        <Text>Don't have an account?</Text>\n                        <Pressable onPress={() => navigation.navigate('MainStack.SignUp')}>\n                            <Text className=\"font-bold\" underline>\n                                Sign up\n                            </Text>\n                        </Pressable>\n                    </HStack>\n                    <Divider className=\"my-3\" />\n                    <Pressable onPress={() => Linking.openURL('https://help.resortifi.com/')}>\n                        <HStack className=\"justify-between items-center\">\n                            <HStack space={'md'} className=\"items-center\">\n                                <Ionicons name=\"help-circle-outline\" size={20} />\n                                <Text>Get help</Text>\n                            </HStack>\n                            <Ionicons name=\"chevron-forward-outline\" size={20} />\n                        </HStack>\n                    </Pressable>\n                    <Divider className=\"my-3\" />\n                </Box>\n            </Box>\n        </SafeAreaView>\n    );\n};\n\nexport default Login;\n"],"names":["React"],"mappings":"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"}