@planningcenter/chat-react-native 4.4.0-rc.7 → 4.4.0

package/build/screens/conversation_details_screen.js

@@ -7,17 +7,20 @@ import { AdultRequirementNotice, Badge, Button, ChildNotice, Heading, Icon, Pers
 import { ConversationAvatar } from '../components/display/conversation_avatar';
 import { useHeaderRight } from '../components/display/platform_modal_header_buttons';
 import { useSuspensePaginator, useTheme } from '../hooks';
-import { useConversation, useConversationDelete, useConversationDisableReplies, useConversationMute, useConversationUpdate } from '../hooks/use_conversation';
+import { useConversation, useConversationArchive, useConversationDelete, useConversationDisableReplies, useConversationMute, useConversationUpdate } from '../hooks/use_conversation';
 import { availableFeatures, useFeatures } from '../hooks/use_features';
+import { useManualArchivingEnabled } from '../hooks/use_manual_archiving_enabled';
 import { usePreviewAvatarDiameter } from '../hooks/use_preview_avatar_diameter';
+import { useUnarchiveConversationAction } from '../hooks/use_unarchive_conversation_action';
 import { isDefined } from '../types';
 import { MAX_FONT_SIZE_MULTIPLIER_LANDMARK } from '../utils';
+import { archivedConversationMessage, isArchivedConversation } from '../utils/archived_conversation';
 import { genderDisplayLabel } from '../utils/gender_display_label';
 import { tokens } from '../vendor/tapestry/tokens';
 // =========================================
 // ====== Factory Constants & Types ========
 // =========================================
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
 var SectionTypes = /*#__PURE__*/function (SectionTypes) {
   SectionTypes[SectionTypes["header"] = 0] = "header";
   SectionTypes[SectionTypes["hidden"] = 1] = "hidden";
@@ -31,7 +34,7 @@ var SectionTypes = /*#__PURE__*/function (SectionTypes) {
 // ====== Components ===============
 // =================================
 export function ConversationDetailsScreen(t0) {
-  const $ = _c(127);
+  const $ = _c(142);
   const {
     route
   } = t0;
@@ -40,7 +43,7 @@ export function ConversationDetailsScreen(t0) {
   const {
     data: conversation
   } = useConversation(route.params);
-  const [title, setTitle] = useState(conversation.title);
+  const [title, setTitle] = useState(conversation.title ?? "");
   const {
     conversation_id
   } = route.params;
@@ -54,6 +57,11 @@ export function ConversationDetailsScreen(t0) {
   const {
     mutate: deleteConversation
   } = useConversationDelete(route.params);
+  const {
+    setArchived,
+    isPending: isArchiving
+  } = useConversationArchive(route.params);
+  const unarchiveAction = useUnarchiveConversationAction(conversation);
   const {
     featureEnabled
   } = useFeatures();
@@ -67,6 +75,7 @@ export function ConversationDetailsScreen(t0) {
   }
   const granularNotificationsEnabled = t1;
   const customAvatarsEnabled = featureEnabled(availableFeatures.custom_conversation_avatars);
+  const manualArchivingEnabled = useManualArchivingEnabled();
   const showGenderFilter = featureEnabled(availableFeatures.gender_specific_conversations) && !!conversation.genderOption;
   const genderLabel = conversation.genderOption ? genderDisplayLabel(conversation.genderOption) : "";
   let t2;
@@ -92,42 +101,53 @@ export function ConversationDetailsScreen(t0) {
     t3 = $[5];
   }
   const trimmedTitle = t3;
-  const emptyTitle = trimmedTitle === "" || title === null;
+  const emptyTitle = trimmedTitle === "";
   const notificationLevelDescription = conversation?.conversationMembership?.notificationLevelDescription;
+  let t4;
+  if ($[6] !== conversation) {
+    t4 = isArchivedConversation(conversation);
+    $[6] = conversation;
+    $[7] = t4;
+  } else {
+    t4 = $[7];
+  }
+  const archived = t4;
   const canUpdate = conversation.memberAbility?.canUpdate || false;
+  const canSaveTitle = canUpdate && !emptyTitle;
   const canDelete = conversation.memberAbility?.canDelete || false;
+  const canArchive = manualArchivingEnabled && (conversation.memberAbility?.canArchive || false);
   const isLeader = conversation.memberAbility?.leader || false;
   const isDisabled = conversation.disabled ?? false;
   const showAdultRequirementNotice = isDisabled && conversation.disabledReason === "safety_check";
-  const t4 = `/me/conversations/${route.params.conversation_id}/members`;
-  let t5;
-  if ($[6] === Symbol.for("react.memo_cache_sentinel")) {
-    t5 = {
+  const t5 = `/me/conversations/${route.params.conversation_id}/members`;
+  let t6;
+  if ($[8] === Symbol.for("react.memo_cache_sentinel")) {
+    t6 = {
       include: ["person"],
       fields: {
         Member: ["avatar", "name", "first_name", "last_name", "child", "badges"]
       }
     };
-    $[6] = t5;
+    $[8] = t6;
   } else {
-    t5 = $[6];
+    t6 = $[8];
   }
-  let t6;
-  if ($[7] !== t4) {
-    t6 = {
-      url: t4,
-      data: t5
+  let t7;
+  if ($[9] !== t5) {
+    t7 = {
+      url: t5,
+      data: t6
     };
-    $[7] = t4;
-    $[8] = t6;
+    $[9] = t5;
+    $[10] = t7;
   } else {
-    t6 = $[8];
+    t7 = $[10];
   }
   const {
     data: members,
     fetchNextPage: fetchNextPageOfMembers,
     isFetchingNextPage: isLoadingMembers
-  } = useSuspensePaginator(t6);
+  } = useSuspensePaginator(t7);
   const memberSectionStyleMap = {
     first: styles.sectionInnerFirstMember,
     middle: styles.sectionInnerMiddleMiddle,
@@ -144,47 +164,47 @@ export function ConversationDetailsScreen(t0) {
       sectionInnerStyle: memberSectionStyle
     };
   });
-  let t7;
-  if ($[9] !== isLoadingMembers || $[10] !== styles.sectionInnerFirstMember) {
-    t7 = isLoadingMembers ? [{
+  let t8;
+  if ($[11] !== isLoadingMembers || $[12] !== styles.sectionInnerFirstMember) {
+    t8 = isLoadingMembers ? [{
       type: SectionTypes.loadingMembers,
       data: {},
       sectionInnerStyle: styles.sectionInnerFirstMember
     }] : [];
-    $[9] = isLoadingMembers;
-    $[10] = styles.sectionInnerFirstMember;
-    $[11] = t7;
-  } else {
-    t7 = $[11];
-  }
-  const loadingMemberItems = t7;
-  let t8;
-  if ($[12] !== members) {
-    t8 = members.filter(_temp);
-    $[12] = members;
+    $[11] = isLoadingMembers;
+    $[12] = styles.sectionInnerFirstMember;
     $[13] = t8;
   } else {
     t8 = $[13];
   }
-  const childMembers = t8;
-  const hasChildren = childMembers.length > 0;
+  const loadingMemberItems = t8;
   let t9;
-  if ($[14] !== conversation.groups) {
-    t9 = conversation.groups?.filter(_temp2)?.filter(_temp3)?.filter(_temp4) || [];
-    $[14] = conversation.groups;
+  if ($[14] !== members) {
+    t9 = members.filter(_temp);
+    $[14] = members;
     $[15] = t9;
   } else {
     t9 = $[15];
   }
-  const teamsGroup = t9;
+  const childMembers = t9;
+  const hasChildren = childMembers.length > 0;
+  let t10;
+  if ($[16] !== conversation.groups) {
+    t10 = conversation.groups?.filter(_temp2)?.filter(_temp3)?.filter(_temp4) || [];
+    $[16] = conversation.groups;
+    $[17] = t10;
+  } else {
+    t10 = $[17];
+  }
+  const teamsGroup = t10;
   const hasTeams = teamsGroup.length > 0;
   const badge = conversation.badges?.[0];
   const resourceType = badge?.pcoResourceType || "";
   const productName = badge?.appName;
   const name = badge?.text || undefined;
-  let t10;
-  if ($[16] !== deleteConversation || $[17] !== navigation || $[18] !== title) {
-    t10 = () => {
+  let t11;
+  if ($[18] !== deleteConversation || $[19] !== navigation || $[20] !== title) {
+    t11 = () => {
       Alert.alert("Delete conversation", `All messages in ${title} will be deleted for everyone. This action cannot be undone.`, [{
         text: "Cancel",
         style: "cancel"
@@ -197,17 +217,34 @@ export function ConversationDetailsScreen(t0) {
         }
       }]);
     };
-    $[16] = deleteConversation;
-    $[17] = navigation;
-    $[18] = title;
-    $[19] = t10;
+    $[18] = deleteConversation;
+    $[19] = navigation;
+    $[20] = title;
+    $[21] = t11;
   } else {
-    t10 = $[19];
+    t11 = $[21];
   }
-  const handleDelete = t10;
-  let t11;
-  if ($[20] !== name || $[21] !== productName || $[22] !== resourceType || $[23] !== styles.headerTitleBadge || $[24] !== styles.headerTitleContainer) {
-    t11 = props => /*#__PURE__*/_jsxs(View, {
+  const handleDelete = t11;
+  let t12;
+  if ($[22] !== setArchived) {
+    t12 = () => {
+      Alert.alert("Archive conversation", "This conversation will be archived for everyone. Only its leaders and creator can open and unarchive it.", [{
+        text: "Cancel",
+        style: "cancel"
+      }, {
+        text: "Archive",
+        onPress: () => setArchived(true)
+      }]);
+    };
+    $[22] = setArchived;
+    $[23] = t12;
+  } else {
+    t12 = $[23];
+  }
+  const handleArchive = t12;
+  let t13;
+  if ($[24] !== name || $[25] !== productName || $[26] !== resourceType || $[27] !== styles.headerTitleBadge || $[28] !== styles.headerTitleContainer) {
+    t13 = props => /*#__PURE__*/_jsxs(View, {
       style: styles.headerTitleContainer,
       children: [/*#__PURE__*/_jsx(ElementsHeaderTitle, {
         maxFontSizeMultiplier: 1,
@@ -221,122 +258,124 @@ export function ConversationDetailsScreen(t0) {
         maxFontSizeMultiplier: 1
       })]
     });
-    $[20] = name;
-    $[21] = productName;
-    $[22] = resourceType;
-    $[23] = styles.headerTitleBadge;
-    $[24] = styles.headerTitleContainer;
-    $[25] = t11;
+    $[24] = name;
+    $[25] = productName;
+    $[26] = resourceType;
+    $[27] = styles.headerTitleBadge;
+    $[28] = styles.headerTitleContainer;
+    $[29] = t13;
   } else {
-    t11 = $[25];
+    t13 = $[29];
   }
-  const HeaderTitle = t11;
-  let t12;
-  if ($[26] !== conversation.title || $[27] !== navigation || $[28] !== saveTitle || $[29] !== trimmedTitle) {
-    t12 = {
+  const HeaderTitle = t13;
+  let t14;
+  if ($[30] !== canSaveTitle || $[31] !== navigation || $[32] !== saveTitle || $[33] !== trimmedTitle) {
+    t14 = {
       icon: "general.check",
       accessibilityLabel: "Done",
       onPress: () => {
-        saveTitle({
-          title: trimmedTitle || conversation.title
-        });
+        if (canSaveTitle) {
+          saveTitle({
+            title: trimmedTitle
+          });
+        }
         navigation.goBack();
       }
     };
-    $[26] = conversation.title;
-    $[27] = navigation;
-    $[28] = saveTitle;
-    $[29] = trimmedTitle;
-    $[30] = t12;
+    $[30] = canSaveTitle;
+    $[31] = navigation;
+    $[32] = saveTitle;
+    $[33] = trimmedTitle;
+    $[34] = t14;
   } else {
-    t12 = $[30];
+    t14 = $[34];
   }
-  useHeaderRight(t12);
-  let t13;
-  let t14;
-  if ($[31] !== HeaderTitle || $[32] !== navigation) {
-    t13 = () => {
+  useHeaderRight(t14);
+  let t15;
+  let t16;
+  if ($[35] !== HeaderTitle || $[36] !== navigation) {
+    t15 = () => {
       navigation.setOptions({
         headerTitle: HeaderTitle
       });
     };
-    t14 = [HeaderTitle, navigation];
-    $[31] = HeaderTitle;
-    $[32] = navigation;
-    $[33] = t13;
-    $[34] = t14;
+    t16 = [HeaderTitle, navigation];
+    $[35] = HeaderTitle;
+    $[36] = navigation;
+    $[37] = t15;
+    $[38] = t16;
   } else {
-    t13 = $[33];
-    t14 = $[34];
+    t15 = $[37];
+    t16 = $[38];
   }
-  useEffect(t13, t14);
-  const t15 = canUpdate && customAvatarsEnabled ? SectionTypes.view : SectionTypes.hidden;
-  let t16;
-  if ($[35] !== conversation_id || $[36] !== navigation) {
-    t16 = () => navigation.navigate("AvatarPicker", {
+  useEffect(t15, t16);
+  const t17 = canUpdate && customAvatarsEnabled ? SectionTypes.view : SectionTypes.hidden;
+  let t18;
+  if ($[39] !== conversation_id || $[40] !== navigation) {
+    t18 = () => navigation.navigate("AvatarPicker", {
       conversation_id
     });
-    $[35] = conversation_id;
-    $[36] = navigation;
-    $[37] = t16;
+    $[39] = conversation_id;
+    $[40] = navigation;
+    $[41] = t18;
   } else {
-    t16 = $[37];
+    t18 = $[41];
   }
-  let t17;
-  if ($[38] !== conversation || $[39] !== t16) {
-    t17 = {
+  let t19;
+  if ($[42] !== conversation || $[43] !== t18) {
+    t19 = {
       children: /*#__PURE__*/_jsx(AvatarCard, {
         conversation: conversation,
-        onPress: t16
+        onPress: t18
       })
     };
-    $[38] = conversation;
-    $[39] = t16;
-    $[40] = t17;
+    $[42] = conversation;
+    $[43] = t18;
+    $[44] = t19;
   } else {
-    t17 = $[40];
+    t19 = $[44];
   }
-  let t18;
-  if ($[41] !== styles.sectionInnerAvatarCard || $[42] !== styles.sectionOuterAvatarCard || $[43] !== t15 || $[44] !== t17) {
-    t18 = {
-      type: t15,
-      data: t17,
+  let t20;
+  if ($[45] !== styles.sectionInnerAvatarCard || $[46] !== styles.sectionOuterAvatarCard || $[47] !== t17 || $[48] !== t19) {
+    t20 = {
+      type: t17,
+      data: t19,
       sectionOuterStyle: styles.sectionOuterAvatarCard,
       sectionInnerStyle: styles.sectionInnerAvatarCard
     };
-    $[41] = styles.sectionInnerAvatarCard;
-    $[42] = styles.sectionOuterAvatarCard;
-    $[43] = t15;
-    $[44] = t17;
-    $[45] = t18;
+    $[45] = styles.sectionInnerAvatarCard;
+    $[46] = styles.sectionOuterAvatarCard;
+    $[47] = t17;
+    $[48] = t19;
+    $[49] = t20;
   } else {
-    t18 = $[45];
+    t20 = $[49];
   }
-  let t19;
-  if ($[46] === Symbol.for("react.memo_cache_sentinel")) {
-    t19 = {
+  let t21;
+  if ($[50] === Symbol.for("react.memo_cache_sentinel")) {
+    t21 = {
       title: "Basic info"
     };
-    $[46] = t19;
+    $[50] = t21;
   } else {
-    t19 = $[46];
+    t21 = $[50];
   }
-  let t20;
-  if ($[47] !== styles.sectionInnerHeaderWithBottomBorder) {
-    t20 = {
+  let t22;
+  if ($[51] !== styles.sectionInnerHeaderWithBottomBorder) {
+    t22 = {
       type: SectionTypes.header,
-      data: t19,
+      data: t21,
       showBottomBorder: true,
       sectionInnerStyle: styles.sectionInnerHeaderWithBottomBorder
     };
-    $[47] = styles.sectionInnerHeaderWithBottomBorder;
-    $[48] = t20;
+    $[51] = styles.sectionInnerHeaderWithBottomBorder;
+    $[52] = t22;
   } else {
-    t20 = $[48];
+    t22 = $[52];
   }
-  let t21;
-  if ($[49] !== canUpdate || $[50] !== emptyTitle || $[51] !== title) {
-    t21 = {
+  let t23;
+  if ($[53] !== canUpdate || $[54] !== emptyTitle || $[55] !== title) {
+    t23 = {
       children: /*#__PURE__*/_jsx(TitleInput, {
         canUpdate: canUpdate,
         title: title,
@@ -344,51 +383,69 @@ export function ConversationDetailsScreen(t0) {
         isEmpty: emptyTitle
       })
     };
-    $[49] = canUpdate;
-    $[50] = emptyTitle;
-    $[51] = title;
-    $[52] = t21;
+    $[53] = canUpdate;
+    $[54] = emptyTitle;
+    $[55] = title;
+    $[56] = t23;
   } else {
-    t21 = $[52];
+    t23 = $[56];
   }
-  let t22;
-  if ($[53] !== styles.sectionInnerTitleInput || $[54] !== t21) {
-    t22 = {
+  let t24;
+  if ($[57] !== styles.sectionInnerTitleInput || $[58] !== t23) {
+    t24 = {
       type: SectionTypes.view,
-      data: t21,
+      data: t23,
       sectionInnerStyle: styles.sectionInnerTitleInput
     };
-    $[53] = styles.sectionInnerTitleInput;
-    $[54] = t21;
-    $[55] = t22;
+    $[57] = styles.sectionInnerTitleInput;
+    $[58] = t23;
+    $[59] = t24;
   } else {
-    t22 = $[55];
+    t24 = $[59];
   }
-  let t23;
-  if ($[56] === Symbol.for("react.memo_cache_sentinel")) {
-    t23 = {
+  let t25;
+  if ($[60] === Symbol.for("react.memo_cache_sentinel")) {
+    t25 = {
       title: "Settings"
     };
-    $[56] = t23;
+    $[60] = t25;
   } else {
-    t23 = $[56];
+    t25 = $[60];
   }
-  let t24;
-  if ($[57] !== styles.sectionInnerHeaderWithBottomBorder) {
-    t24 = {
+  let t26;
+  if ($[61] !== styles.sectionInnerHeaderWithBottomBorder) {
+    t26 = {
       type: SectionTypes.header,
-      data: t23,
+      data: t25,
       showBottomBorder: true,
       sectionInnerStyle: styles.sectionInnerHeaderWithBottomBorder
     };
-    $[57] = styles.sectionInnerHeaderWithBottomBorder;
-    $[58] = t24;
+    $[61] = styles.sectionInnerHeaderWithBottomBorder;
+    $[62] = t26;
   } else {
-    t24 = $[58];
+    t26 = $[62];
   }
-  let t25;
-  if ($[59] !== conversation_id || $[60] !== granularNotificationsEnabled || $[61] !== muted || $[62] !== navigation || $[63] !== notificationLevelDescription || $[64] !== setMuted) {
-    t25 = granularNotificationsEnabled ? {
+  let t27;
+  if ($[63] !== archived || $[64] !== conversation || $[65] !== conversation_id || $[66] !== granularNotificationsEnabled || $[67] !== muted || $[68] !== navigation || $[69] !== notificationLevelDescription || $[70] !== setMuted || $[71] !== styles.unarchiveButton || $[72] !== unarchiveAction) {
+    t27 = archived ? {
+      type: SectionTypes.view,
+      data: {
+        children: /*#__PURE__*/_jsxs(_Fragment, {
+          children: [/*#__PURE__*/_jsx(Text, {
+            variant: "tertiary",
+            children: archivedConversationMessage(conversation)
+          }), unarchiveAction && /*#__PURE__*/_jsx(Button, {
+            variant: "fill",
+            size: "lg",
+            title: unarchiveAction.label,
+            onPress: unarchiveAction.onPress,
+            loading: unarchiveAction.loading,
+            style: styles.unarchiveButton
+          })]
+        })
+      },
+      showBottomBorder: true
+    } : granularNotificationsEnabled ? {
       type: SectionTypes.navigableSetting,
       data: {
         title: "Notifications",
@@ -409,253 +466,285 @@ export function ConversationDetailsScreen(t0) {
       },
       showBottomBorder: true
     };
-    $[59] = conversation_id;
-    $[60] = granularNotificationsEnabled;
-    $[61] = muted;
-    $[62] = navigation;
-    $[63] = notificationLevelDescription;
-    $[64] = setMuted;
-    $[65] = t25;
-  } else {
-    t25 = $[65];
-  }
-  const t26 = canUpdate ? SectionTypes.setting : SectionTypes.hidden;
-  let t27;
-  if ($[66] !== repliesDisabled || $[67] !== setRepliesDisabled) {
-    t27 = () => setRepliesDisabled(!repliesDisabled);
-    $[66] = repliesDisabled;
-    $[67] = setRepliesDisabled;
-    $[68] = t27;
+    $[63] = archived;
+    $[64] = conversation;
+    $[65] = conversation_id;
+    $[66] = granularNotificationsEnabled;
+    $[67] = muted;
+    $[68] = navigation;
+    $[69] = notificationLevelDescription;
+    $[70] = setMuted;
+    $[71] = styles.unarchiveButton;
+    $[72] = unarchiveAction;
+    $[73] = t27;
+  } else {
+    t27 = $[73];
+  }
+  const t28 = canUpdate ? SectionTypes.setting : SectionTypes.hidden;
+  let t29;
+  if ($[74] !== repliesDisabled || $[75] !== setRepliesDisabled) {
+    t29 = () => setRepliesDisabled(!repliesDisabled);
+    $[74] = repliesDisabled;
+    $[75] = setRepliesDisabled;
+    $[76] = t29;
   } else {
-    t27 = $[68];
+    t29 = $[76];
   }
-  let t28;
-  if ($[69] !== repliesDisabled || $[70] !== t27) {
-    t28 = {
+  let t30;
+  if ($[77] !== repliesDisabled || $[78] !== t29) {
+    t30 = {
       title: "Only leaders can message",
       rightItem: /*#__PURE__*/_jsx(Switch, {
         value: repliesDisabled,
-        onChange: t27
+        onChange: t29
       })
     };
-    $[69] = repliesDisabled;
-    $[70] = t27;
-    $[71] = t28;
+    $[77] = repliesDisabled;
+    $[78] = t29;
+    $[79] = t30;
   } else {
-    t28 = $[71];
+    t30 = $[79];
   }
-  let t29;
-  if ($[72] !== t26 || $[73] !== t28) {
-    t29 = {
-      type: t26,
-      data: t28,
+  let t31;
+  if ($[80] !== t28 || $[81] !== t30) {
+    t31 = {
+      type: t28,
+      data: t30,
       showBottomBorder: true
     };
-    $[72] = t26;
-    $[73] = t28;
-    $[74] = t29;
+    $[80] = t28;
+    $[81] = t30;
+    $[82] = t31;
+  } else {
+    t31 = $[82];
+  }
+  const t32 = canArchive ? SectionTypes.setting : SectionTypes.hidden;
+  let t33;
+  if ($[83] !== handleArchive || $[84] !== isArchiving) {
+    t33 = {
+      title: "Archive conversation\u2026",
+      disabled: isArchiving,
+      onPress: handleArchive
+    };
+    $[83] = handleArchive;
+    $[84] = isArchiving;
+    $[85] = t33;
   } else {
-    t29 = $[74];
+    t33 = $[85];
   }
-  const t30 = canDelete ? SectionTypes.setting : SectionTypes.hidden;
-  let t31;
-  if ($[75] !== handleDelete || $[76] !== styles.deleteButtonText) {
-    t31 = {
+  let t34;
+  if ($[86] !== canDelete || $[87] !== t32 || $[88] !== t33) {
+    t34 = {
+      type: t32,
+      data: t33,
+      showBottomBorder: canDelete
+    };
+    $[86] = canDelete;
+    $[87] = t32;
+    $[88] = t33;
+    $[89] = t34;
+  } else {
+    t34 = $[89];
+  }
+  const t35 = canDelete ? SectionTypes.setting : SectionTypes.hidden;
+  let t36;
+  if ($[90] !== handleDelete || $[91] !== styles.deleteButtonText) {
+    t36 = {
       title: "Delete conversation\u2026",
       buttonTextStyle: styles.deleteButtonText,
       appearance: "danger",
       onPress: handleDelete
     };
-    $[75] = handleDelete;
-    $[76] = styles.deleteButtonText;
-    $[77] = t31;
+    $[90] = handleDelete;
+    $[91] = styles.deleteButtonText;
+    $[92] = t36;
   } else {
-    t31 = $[77];
+    t36 = $[92];
   }
-  let t32;
-  if ($[78] !== t30 || $[79] !== t31) {
-    t32 = {
-      type: t30,
-      data: t31
+  let t37;
+  if ($[93] !== t35 || $[94] !== t36) {
+    t37 = {
+      type: t35,
+      data: t36
     };
-    $[78] = t30;
-    $[79] = t31;
-    $[80] = t32;
+    $[93] = t35;
+    $[94] = t36;
+    $[95] = t37;
   } else {
-    t32 = $[80];
+    t37 = $[95];
   }
-  const t33 = hasTeams ? SectionTypes.header : SectionTypes.hidden;
-  let t34;
-  if ($[81] === Symbol.for("react.memo_cache_sentinel")) {
-    t34 = {
+  const t38 = hasTeams ? SectionTypes.header : SectionTypes.hidden;
+  let t39;
+  if ($[96] === Symbol.for("react.memo_cache_sentinel")) {
+    t39 = {
       title: "Teams"
     };
-    $[81] = t34;
+    $[96] = t39;
   } else {
-    t34 = $[81];
+    t39 = $[96];
   }
-  let t35;
-  if ($[82] !== styles.sectionInnerHeader || $[83] !== t33) {
-    t35 = {
-      type: t33,
-      data: t34,
+  let t40;
+  if ($[97] !== styles.sectionInnerHeader || $[98] !== t38) {
+    t40 = {
+      type: t38,
+      data: t39,
       sectionInnerStyle: styles.sectionInnerHeader
     };
-    $[82] = styles.sectionInnerHeader;
-    $[83] = t33;
-    $[84] = t35;
+    $[97] = styles.sectionInnerHeader;
+    $[98] = t38;
+    $[99] = t40;
   } else {
-    t35 = $[84];
+    t40 = $[99];
   }
-  const t36 = hasTeams ? SectionTypes.view : SectionTypes.hidden;
-  let t37;
-  if ($[85] !== teamsGroup) {
-    t37 = {
+  const t41 = hasTeams ? SectionTypes.view : SectionTypes.hidden;
+  let t42;
+  if ($[100] !== teamsGroup) {
+    t42 = {
       children: /*#__PURE__*/_jsx(TeamsGroup, {
         teams: teamsGroup
       })
     };
-    $[85] = teamsGroup;
-    $[86] = t37;
+    $[100] = teamsGroup;
+    $[101] = t42;
   } else {
-    t37 = $[86];
+    t42 = $[101];
   }
-  let t38;
-  if ($[87] !== t36 || $[88] !== t37) {
-    t38 = {
-      type: t36,
-      data: t37
+  let t43;
+  if ($[102] !== t41 || $[103] !== t42) {
+    t43 = {
+      type: t41,
+      data: t42
     };
-    $[87] = t36;
-    $[88] = t37;
-    $[89] = t38;
+    $[102] = t41;
+    $[103] = t42;
+    $[104] = t43;
   } else {
-    t38 = $[89];
+    t43 = $[104];
   }
-  const t39 = showGenderFilter ? /*#__PURE__*/_jsx(Badge, {
+  const t44 = showGenderFilter ? /*#__PURE__*/_jsx(Badge, {
     label: `${genderLabel}-only`
   }) : undefined;
-  let t40;
-  if ($[90] !== t39) {
-    t40 = {
+  let t45;
+  if ($[105] !== t44) {
+    t45 = {
       title: "People",
-      badge: t39
+      badge: t44
     };
-    $[90] = t39;
-    $[91] = t40;
+    $[105] = t44;
+    $[106] = t45;
   } else {
-    t40 = $[91];
+    t45 = $[106];
   }
-  let t41;
-  if ($[92] !== styles.sectionInnerHeader || $[93] !== t40) {
-    t41 = {
+  let t46;
+  if ($[107] !== styles.sectionInnerHeader || $[108] !== t45) {
+    t46 = {
       type: SectionTypes.header,
-      data: t40,
+      data: t45,
       sectionInnerStyle: styles.sectionInnerHeader
     };
-    $[92] = styles.sectionInnerHeader;
-    $[93] = t40;
-    $[94] = t41;
+    $[107] = styles.sectionInnerHeader;
+    $[108] = t45;
+    $[109] = t46;
   } else {
-    t41 = $[94];
+    t46 = $[109];
   }
-  const t42 = showGenderFilter ? SectionTypes.view : SectionTypes.hidden;
-  const t43 = genderLabel.toLowerCase();
-  let t44;
-  if ($[95] !== t43) {
-    t44 = {
+  const t47 = showGenderFilter ? SectionTypes.view : SectionTypes.hidden;
+  const t48 = genderLabel.toLowerCase();
+  let t49;
+  if ($[110] !== t48) {
+    t49 = {
       children: /*#__PURE__*/_jsxs(Text, {
         variant: "tertiary",
-        children: ["This conversation will be automatically updated if any ", t43, " are added or removed from this group."]
+        children: ["This conversation will be automatically updated if any ", t48, " are added or removed from this group."]
       })
     };
-    $[95] = t43;
-    $[96] = t44;
+    $[110] = t48;
+    $[111] = t49;
   } else {
-    t44 = $[96];
+    t49 = $[111];
   }
-  let t45;
-  if ($[97] !== styles.sectionInnerGenderNotice || $[98] !== t42 || $[99] !== t44) {
-    t45 = {
-      type: t42,
-      data: t44,
+  let t50;
+  if ($[112] !== styles.sectionInnerGenderNotice || $[113] !== t47 || $[114] !== t49) {
+    t50 = {
+      type: t47,
+      data: t49,
       sectionInnerStyle: styles.sectionInnerGenderNotice
     };
-    $[97] = styles.sectionInnerGenderNotice;
-    $[98] = t42;
-    $[99] = t44;
-    $[100] = t45;
+    $[112] = styles.sectionInnerGenderNotice;
+    $[113] = t47;
+    $[114] = t49;
+    $[115] = t50;
   } else {
-    t45 = $[100];
+    t50 = $[115];
   }
-  const t46 = showAdultRequirementNotice ? SectionTypes.view : SectionTypes.hidden;
-  let t47;
-  if ($[101] === Symbol.for("react.memo_cache_sentinel")) {
-    t47 = {
+  const t51 = showAdultRequirementNotice ? SectionTypes.view : SectionTypes.hidden;
+  let t52;
+  if ($[116] === Symbol.for("react.memo_cache_sentinel")) {
+    t52 = {
       children: /*#__PURE__*/_jsx(AdultRequirementNotice, {})
     };
-    $[101] = t47;
+    $[116] = t52;
   } else {
-    t47 = $[101];
+    t52 = $[116];
   }
-  let t48;
-  if ($[102] !== styles.sectionInnerNotice || $[103] !== t46) {
-    t48 = {
-      type: t46,
-      data: t47,
+  let t53;
+  if ($[117] !== styles.sectionInnerNotice || $[118] !== t51) {
+    t53 = {
+      type: t51,
+      data: t52,
       sectionInnerStyle: styles.sectionInnerNotice
     };
-    $[102] = styles.sectionInnerNotice;
-    $[103] = t46;
-    $[104] = t48;
+    $[117] = styles.sectionInnerNotice;
+    $[118] = t51;
+    $[119] = t53;
   } else {
-    t48 = $[104];
+    t53 = $[119];
   }
-  const t49 = hasChildren && isLeader ? SectionTypes.view : SectionTypes.hidden;
-  let t50;
-  if ($[105] !== childMembers) {
-    t50 = {
+  const t54 = hasChildren && isLeader ? SectionTypes.view : SectionTypes.hidden;
+  let t55;
+  if ($[120] !== childMembers) {
+    t55 = {
       children: /*#__PURE__*/_jsx(ChildNotice, {
         childMembers: childMembers
       })
     };
-    $[105] = childMembers;
-    $[106] = t50;
+    $[120] = childMembers;
+    $[121] = t55;
   } else {
-    t50 = $[106];
+    t55 = $[121];
   }
-  let t51;
-  if ($[107] !== styles.sectionInnerNotice || $[108] !== t49 || $[109] !== t50) {
-    t51 = {
-      type: t49,
-      data: t50,
+  let t56;
+  if ($[122] !== styles.sectionInnerNotice || $[123] !== t54 || $[124] !== t55) {
+    t56 = {
+      type: t54,
+      data: t55,
       sectionInnerStyle: styles.sectionInnerNotice
     };
-    $[107] = styles.sectionInnerNotice;
-    $[108] = t49;
-    $[109] = t50;
-    $[110] = t51;
+    $[122] = styles.sectionInnerNotice;
+    $[123] = t54;
+    $[124] = t55;
+    $[125] = t56;
   } else {
-    t51 = $[110];
+    t56 = $[125];
   }
-  const listData = [t18, t20, t22, t24, t25, t29, t32, t35, t38, t41, t45, t48, t51, ...memberItems, ...loadingMemberItems].filter(_temp5);
-  let t52;
-  if ($[111] !== listData) {
-    t52 = listData.map(_temp6).filter(isDefined);
-    $[111] = listData;
-    $[112] = t52;
-  } else {
-    t52 = $[112];
-  }
-  const headerIndices = t52;
-  const t53 = listData;
-  let t54;
-  if ($[113] !== headerIndices || $[114] !== listData.length || $[115] !== styles.sectionHeaderRow) {
-    t54 = t55 => {
+  const listData = [t20, t22, t24, t26, t27, t31, t34, t37, t40, t43, t46, t50, t53, t56, ...memberItems, ...loadingMemberItems].filter(_temp5);
+  let t57;
+  if ($[126] !== listData) {
+    t57 = listData.map(_temp6).filter(isDefined);
+    $[126] = listData;
+    $[127] = t57;
+  } else {
+    t57 = $[127];
+  }
+  const headerIndices = t57;
+  const t58 = listData;
+  let t59;
+  if ($[128] !== headerIndices || $[129] !== listData.length || $[130] !== styles.sectionHeaderRow) {
+    t59 = t60 => {
       const {
         item: item_0,
         index: index_1
-      } = t55;
+      } = t60;
       const [isStart, isEnd] = [index_1 === 0 || headerIndices.includes(index_1), index_1 === listData.length - 1 || headerIndices.includes(index_1 + 1)];
       switch (item_0.type) {
         case SectionTypes.header:
@@ -752,50 +841,50 @@ export function ConversationDetailsScreen(t0) {
           }
       }
     };
-    $[113] = headerIndices;
-    $[114] = listData.length;
-    $[115] = styles.sectionHeaderRow;
-    $[116] = t54;
+    $[128] = headerIndices;
+    $[129] = listData.length;
+    $[130] = styles.sectionHeaderRow;
+    $[131] = t59;
   } else {
-    t54 = $[116];
+    t59 = $[131];
   }
-  let t55;
-  if ($[117] !== fetchNextPageOfMembers) {
-    t55 = () => fetchNextPageOfMembers();
-    $[117] = fetchNextPageOfMembers;
-    $[118] = t55;
+  let t60;
+  if ($[132] !== fetchNextPageOfMembers) {
+    t60 = () => fetchNextPageOfMembers();
+    $[132] = fetchNextPageOfMembers;
+    $[133] = t60;
   } else {
-    t55 = $[118];
+    t60 = $[133];
   }
-  let t56;
-  if ($[119] !== styles.contentContainer || $[120] !== t53 || $[121] !== t54 || $[122] !== t55) {
-    t56 = /*#__PURE__*/_jsx(FlatList, {
-      data: t53,
+  let t61;
+  if ($[134] !== styles.contentContainer || $[135] !== t58 || $[136] !== t59 || $[137] !== t60) {
+    t61 = /*#__PURE__*/_jsx(FlatList, {
+      data: t58,
       contentContainerStyle: styles.contentContainer,
-      renderItem: t54,
-      onEndReached: t55
+      renderItem: t59,
+      onEndReached: t60
     });
-    $[119] = styles.contentContainer;
-    $[120] = t53;
-    $[121] = t54;
-    $[122] = t55;
-    $[123] = t56;
+    $[134] = styles.contentContainer;
+    $[135] = t58;
+    $[136] = t59;
+    $[137] = t60;
+    $[138] = t61;
   } else {
-    t56 = $[123];
+    t61 = $[138];
   }
-  let t57;
-  if ($[124] !== styles.listContainer || $[125] !== t56) {
-    t57 = /*#__PURE__*/_jsx(View, {
+  let t62;
+  if ($[139] !== styles.listContainer || $[140] !== t61) {
+    t62 = /*#__PURE__*/_jsx(View, {
       style: styles.listContainer,
-      children: t56
+      children: t61
     });
-    $[124] = styles.listContainer;
-    $[125] = t56;
-    $[126] = t57;
+    $[139] = styles.listContainer;
+    $[140] = t61;
+    $[141] = t62;
   } else {
-    t57 = $[126];
+    t62 = $[141];
   }
-  return t57;
+  return t62;
 }
 function _temp6(t0, index_0) {
   const {
@@ -1038,7 +1127,7 @@ function TitleInput(t0) {
   return t11;
 }
 function SettingRow(t0) {
-  const $ = _c(37);
+  const $ = _c(38);
   const {
     title,
     style,
@@ -1048,6 +1137,7 @@ function SettingRow(t0) {
     rightItem,
     rightItemStyle: t3,
     appearance,
+    disabled,
     onPress
   } = t0;
   let t4;
@@ -1089,104 +1179,106 @@ function SettingRow(t0) {
       t7 = $[8];
     }
     let t8;
-    if ($[9] !== appearance || $[10] !== buttonTextStyle || $[11] !== onPress || $[12] !== t7 || $[13] !== title) {
+    if ($[9] !== appearance || $[10] !== buttonTextStyle || $[11] !== disabled || $[12] !== onPress || $[13] !== t7 || $[14] !== title) {
       t8 = /*#__PURE__*/_jsx(TextButton, {
         style: t7,
         textStyle: buttonTextStyle,
         appearance: appearance,
+        disabled: disabled,
         onPress: onPress,
         children: title
       });
       $[9] = appearance;
       $[10] = buttonTextStyle;
-      $[11] = onPress;
-      $[12] = t7;
-      $[13] = title;
-      $[14] = t8;
+      $[11] = disabled;
+      $[12] = onPress;
+      $[13] = t7;
+      $[14] = title;
+      $[15] = t8;
     } else {
-      t8 = $[14];
+      t8 = $[15];
     }
     return t8;
   }
   let t7;
-  if ($[15] !== style || $[16] !== styles.settingRow) {
+  if ($[16] !== style || $[17] !== styles.settingRow) {
     t7 = [styles.settingRow, style];
-    $[15] = style;
-    $[16] = styles.settingRow;
-    $[17] = t7;
+    $[16] = style;
+    $[17] = styles.settingRow;
+    $[18] = t7;
   } else {
-    t7 = $[17];
+    t7 = $[18];
   }
   let t8;
-  if ($[18] !== styles.settingRowText || $[19] !== titleStyle) {
+  if ($[19] !== styles.settingRowText || $[20] !== titleStyle) {
     t8 = [styles.settingRowText, titleStyle];
-    $[18] = styles.settingRowText;
-    $[19] = titleStyle;
-    $[20] = t8;
+    $[19] = styles.settingRowText;
+    $[20] = titleStyle;
+    $[21] = t8;
   } else {
-    t8 = $[20];
+    t8 = $[21];
   }
   let t9;
-  if ($[21] !== t8 || $[22] !== title) {
+  if ($[22] !== t8 || $[23] !== title) {
     t9 = /*#__PURE__*/_jsx(Text, {
       variant: "plain",
       style: t8,
       children: title
     });
-    $[21] = t8;
-    $[22] = title;
-    $[23] = t9;
+    $[22] = t8;
+    $[23] = title;
+    $[24] = t9;
   } else {
-    t9 = $[23];
+    t9 = $[24];
   }
   let t10;
-  if ($[24] !== subtitle) {
+  if ($[25] !== subtitle) {
     t10 = Boolean(subtitle) && /*#__PURE__*/_jsx(Text, {
       variant: "footnote",
       children: subtitle
     });
-    $[24] = subtitle;
-    $[25] = t10;
+    $[25] = subtitle;
+    $[26] = t10;
   } else {
-    t10 = $[25];
+    t10 = $[26];
   }
   let t11;
-  if ($[26] !== styles.settingRowContent || $[27] !== t10 || $[28] !== t9) {
+  if ($[27] !== styles.settingRowContent || $[28] !== t10 || $[29] !== t9) {
     t11 = /*#__PURE__*/_jsxs(View, {
       style: styles.settingRowContent,
       children: [t9, t10]
     });
-    $[26] = styles.settingRowContent;
-    $[27] = t10;
-    $[28] = t9;
-    $[29] = t11;
+    $[27] = styles.settingRowContent;
+    $[28] = t10;
+    $[29] = t9;
+    $[30] = t11;
   } else {
-    t11 = $[29];
+    t11 = $[30];
   }
   let t12;
-  if ($[30] !== rightItem || $[31] !== rightItemStyle) {
+  if ($[31] !== rightItem || $[32] !== rightItemStyle) {
     t12 = Boolean(rightItem) && /*#__PURE__*/_jsx(View, {
       style: rightItemStyle,
       children: rightItem
     });
-    $[30] = rightItem;
-    $[31] = rightItemStyle;
-    $[32] = t12;
+    $[31] = rightItem;
+    $[32] = rightItemStyle;
+    $[33] = t12;
   } else {
-    t12 = $[32];
+    t12 = $[33];
   }
   let t13;
-  if ($[33] !== t11 || $[34] !== t12 || $[35] !== t7) {
+  if ($[34] !== t11 || $[35] !== t12 || $[36] !== t7) {
     t13 = /*#__PURE__*/_jsxs(View, {
       style: t7,
       children: [t11, t12]
     });
-    $[33] = t11;
-    $[34] = t12;
-    $[35] = t7;
-    $[36] = t13;
+    $[34] = t11;
+    $[35] = t12;
+    $[36] = t7;
+    $[37] = t13;
   } else {
-    t13 = $[36];
+    t13 = $[37];
   }
   return t13;
 }
@@ -1501,6 +1593,9 @@ const useStyles = t0 => {
       deleteButtonText: {
         fontWeight: "normal"
       },
+      unarchiveButton: {
+        marginTop: 12
+      },
       settingRowText: {
         lineHeight: 20
       },