@planningcenter/chat-react-native 4.4.1-qa-staging.23 → 4.4.1-rc.0

package/build/screens/conversation_details_screen.js

@@ -34,7 +34,7 @@ var SectionTypes = /*#__PURE__*/function (SectionTypes) {
 // ====== Components ===============
 // =================================
 export function ConversationDetailsScreen(t0) {
-  const $ = _c(143);
+  const $ = _c(142);
   const {
     route
   } = t0;
@@ -113,6 +113,7 @@ export function ConversationDetailsScreen(t0) {
   }
   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;
@@ -268,113 +269,112 @@ export function ConversationDetailsScreen(t0) {
   }
   const HeaderTitle = t13;
   let t14;
-  if ($[30] !== canUpdate || $[31] !== conversation.title || $[32] !== navigation || $[33] !== saveTitle || $[34] !== trimmedTitle) {
+  if ($[30] !== canSaveTitle || $[31] !== navigation || $[32] !== saveTitle || $[33] !== trimmedTitle) {
     t14 = {
       icon: "general.check",
       accessibilityLabel: "Done",
       onPress: () => {
-        if (canUpdate) {
+        if (canSaveTitle) {
           saveTitle({
-            title: trimmedTitle || conversation.title
+            title: trimmedTitle
           });
         }
         navigation.goBack();
       }
     };
-    $[30] = canUpdate;
-    $[31] = conversation.title;
-    $[32] = navigation;
-    $[33] = saveTitle;
-    $[34] = trimmedTitle;
-    $[35] = t14;
+    $[30] = canSaveTitle;
+    $[31] = navigation;
+    $[32] = saveTitle;
+    $[33] = trimmedTitle;
+    $[34] = t14;
   } else {
-    t14 = $[35];
+    t14 = $[34];
   }
   useHeaderRight(t14);
   let t15;
   let t16;
-  if ($[36] !== HeaderTitle || $[37] !== navigation) {
+  if ($[35] !== HeaderTitle || $[36] !== navigation) {
     t15 = () => {
       navigation.setOptions({
         headerTitle: HeaderTitle
       });
     };
     t16 = [HeaderTitle, navigation];
-    $[36] = HeaderTitle;
-    $[37] = navigation;
-    $[38] = t15;
-    $[39] = t16;
+    $[35] = HeaderTitle;
+    $[36] = navigation;
+    $[37] = t15;
+    $[38] = t16;
   } else {
-    t15 = $[38];
-    t16 = $[39];
+    t15 = $[37];
+    t16 = $[38];
   }
   useEffect(t15, t16);
   const t17 = canUpdate && customAvatarsEnabled ? SectionTypes.view : SectionTypes.hidden;
   let t18;
-  if ($[40] !== conversation_id || $[41] !== navigation) {
+  if ($[39] !== conversation_id || $[40] !== navigation) {
     t18 = () => navigation.navigate("AvatarPicker", {
       conversation_id
     });
-    $[40] = conversation_id;
-    $[41] = navigation;
-    $[42] = t18;
+    $[39] = conversation_id;
+    $[40] = navigation;
+    $[41] = t18;
   } else {
-    t18 = $[42];
+    t18 = $[41];
   }
   let t19;
-  if ($[43] !== conversation || $[44] !== t18) {
+  if ($[42] !== conversation || $[43] !== t18) {
     t19 = {
       children: /*#__PURE__*/_jsx(AvatarCard, {
         conversation: conversation,
         onPress: t18
       })
     };
-    $[43] = conversation;
-    $[44] = t18;
-    $[45] = t19;
+    $[42] = conversation;
+    $[43] = t18;
+    $[44] = t19;
   } else {
-    t19 = $[45];
+    t19 = $[44];
   }
   let t20;
-  if ($[46] !== styles.sectionInnerAvatarCard || $[47] !== styles.sectionOuterAvatarCard || $[48] !== t17 || $[49] !== t19) {
+  if ($[45] !== styles.sectionInnerAvatarCard || $[46] !== styles.sectionOuterAvatarCard || $[47] !== t17 || $[48] !== t19) {
     t20 = {
       type: t17,
       data: t19,
       sectionOuterStyle: styles.sectionOuterAvatarCard,
       sectionInnerStyle: styles.sectionInnerAvatarCard
     };
-    $[46] = styles.sectionInnerAvatarCard;
-    $[47] = styles.sectionOuterAvatarCard;
-    $[48] = t17;
-    $[49] = t19;
-    $[50] = t20;
+    $[45] = styles.sectionInnerAvatarCard;
+    $[46] = styles.sectionOuterAvatarCard;
+    $[47] = t17;
+    $[48] = t19;
+    $[49] = t20;
   } else {
-    t20 = $[50];
+    t20 = $[49];
   }
   let t21;
-  if ($[51] === Symbol.for("react.memo_cache_sentinel")) {
+  if ($[50] === Symbol.for("react.memo_cache_sentinel")) {
     t21 = {
       title: "Basic info"
     };
-    $[51] = t21;
+    $[50] = t21;
   } else {
-    t21 = $[51];
+    t21 = $[50];
   }
   let t22;
-  if ($[52] !== styles.sectionInnerHeaderWithBottomBorder) {
+  if ($[51] !== styles.sectionInnerHeaderWithBottomBorder) {
     t22 = {
       type: SectionTypes.header,
       data: t21,
       showBottomBorder: true,
       sectionInnerStyle: styles.sectionInnerHeaderWithBottomBorder
     };
-    $[52] = styles.sectionInnerHeaderWithBottomBorder;
-    $[53] = t22;
+    $[51] = styles.sectionInnerHeaderWithBottomBorder;
+    $[52] = t22;
   } else {
-    t22 = $[53];
+    t22 = $[52];
   }
   let t23;
-  if ($[54] !== canUpdate || $[55] !== emptyTitle || $[56] !== title) {
+  if ($[53] !== canUpdate || $[54] !== emptyTitle || $[55] !== title) {
     t23 = {
       children: /*#__PURE__*/_jsx(TitleInput, {
         canUpdate: canUpdate,
@@ -383,50 +383,50 @@ export function ConversationDetailsScreen(t0) {
         isEmpty: emptyTitle
       })
     };
-    $[54] = canUpdate;
-    $[55] = emptyTitle;
-    $[56] = title;
-    $[57] = t23;
+    $[53] = canUpdate;
+    $[54] = emptyTitle;
+    $[55] = title;
+    $[56] = t23;
   } else {
-    t23 = $[57];
+    t23 = $[56];
   }
   let t24;
-  if ($[58] !== styles.sectionInnerTitleInput || $[59] !== t23) {
+  if ($[57] !== styles.sectionInnerTitleInput || $[58] !== t23) {
     t24 = {
       type: SectionTypes.view,
       data: t23,
       sectionInnerStyle: styles.sectionInnerTitleInput
     };
-    $[58] = styles.sectionInnerTitleInput;
-    $[59] = t23;
-    $[60] = t24;
+    $[57] = styles.sectionInnerTitleInput;
+    $[58] = t23;
+    $[59] = t24;
   } else {
-    t24 = $[60];
+    t24 = $[59];
   }
   let t25;
-  if ($[61] === Symbol.for("react.memo_cache_sentinel")) {
+  if ($[60] === Symbol.for("react.memo_cache_sentinel")) {
     t25 = {
       title: "Settings"
     };
-    $[61] = t25;
+    $[60] = t25;
   } else {
-    t25 = $[61];
+    t25 = $[60];
   }
   let t26;
-  if ($[62] !== styles.sectionInnerHeaderWithBottomBorder) {
+  if ($[61] !== styles.sectionInnerHeaderWithBottomBorder) {
     t26 = {
       type: SectionTypes.header,
       data: t25,
       showBottomBorder: true,
       sectionInnerStyle: styles.sectionInnerHeaderWithBottomBorder
     };
-    $[62] = styles.sectionInnerHeaderWithBottomBorder;
-    $[63] = t26;
+    $[61] = styles.sectionInnerHeaderWithBottomBorder;
+    $[62] = t26;
   } else {
-    t26 = $[63];
+    t26 = $[62];
   }
   let t27;
-  if ($[64] !== archived || $[65] !== conversation || $[66] !== conversation_id || $[67] !== granularNotificationsEnabled || $[68] !== muted || $[69] !== navigation || $[70] !== notificationLevelDescription || $[71] !== setMuted || $[72] !== styles.unarchiveButton || $[73] !== unarchiveAction) {
+  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: {
@@ -466,32 +466,32 @@ export function ConversationDetailsScreen(t0) {
       },
       showBottomBorder: true
     };
-    $[64] = archived;
-    $[65] = conversation;
-    $[66] = conversation_id;
-    $[67] = granularNotificationsEnabled;
-    $[68] = muted;
-    $[69] = navigation;
-    $[70] = notificationLevelDescription;
-    $[71] = setMuted;
-    $[72] = styles.unarchiveButton;
-    $[73] = unarchiveAction;
-    $[74] = t27;
-  } else {
-    t27 = $[74];
+    $[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 ($[75] !== repliesDisabled || $[76] !== setRepliesDisabled) {
+  if ($[74] !== repliesDisabled || $[75] !== setRepliesDisabled) {
     t29 = () => setRepliesDisabled(!repliesDisabled);
-    $[75] = repliesDisabled;
-    $[76] = setRepliesDisabled;
-    $[77] = t29;
+    $[74] = repliesDisabled;
+    $[75] = setRepliesDisabled;
+    $[76] = t29;
   } else {
-    t29 = $[77];
+    t29 = $[76];
   }
   let t30;
-  if ($[78] !== repliesDisabled || $[79] !== t29) {
+  if ($[77] !== repliesDisabled || $[78] !== t29) {
     t30 = {
       title: "Only leaders can message",
       rightItem: /*#__PURE__*/_jsx(Switch, {
@@ -499,247 +499,247 @@ export function ConversationDetailsScreen(t0) {
         onChange: t29
       })
     };
-    $[78] = repliesDisabled;
-    $[79] = t29;
-    $[80] = t30;
+    $[77] = repliesDisabled;
+    $[78] = t29;
+    $[79] = t30;
   } else {
-    t30 = $[80];
+    t30 = $[79];
   }
   let t31;
-  if ($[81] !== t28 || $[82] !== t30) {
+  if ($[80] !== t28 || $[81] !== t30) {
     t31 = {
       type: t28,
       data: t30,
       showBottomBorder: true
     };
-    $[81] = t28;
-    $[82] = t30;
-    $[83] = t31;
+    $[80] = t28;
+    $[81] = t30;
+    $[82] = t31;
   } else {
-    t31 = $[83];
+    t31 = $[82];
   }
   const t32 = canArchive ? SectionTypes.setting : SectionTypes.hidden;
   let t33;
-  if ($[84] !== handleArchive || $[85] !== isArchiving) {
+  if ($[83] !== handleArchive || $[84] !== isArchiving) {
     t33 = {
       title: "Archive conversation\u2026",
       disabled: isArchiving,
       onPress: handleArchive
     };
-    $[84] = handleArchive;
-    $[85] = isArchiving;
-    $[86] = t33;
+    $[83] = handleArchive;
+    $[84] = isArchiving;
+    $[85] = t33;
   } else {
-    t33 = $[86];
+    t33 = $[85];
   }
   let t34;
-  if ($[87] !== canDelete || $[88] !== t32 || $[89] !== t33) {
+  if ($[86] !== canDelete || $[87] !== t32 || $[88] !== t33) {
     t34 = {
       type: t32,
       data: t33,
       showBottomBorder: canDelete
     };
-    $[87] = canDelete;
-    $[88] = t32;
-    $[89] = t33;
-    $[90] = t34;
+    $[86] = canDelete;
+    $[87] = t32;
+    $[88] = t33;
+    $[89] = t34;
   } else {
-    t34 = $[90];
+    t34 = $[89];
   }
   const t35 = canDelete ? SectionTypes.setting : SectionTypes.hidden;
   let t36;
-  if ($[91] !== handleDelete || $[92] !== styles.deleteButtonText) {
+  if ($[90] !== handleDelete || $[91] !== styles.deleteButtonText) {
     t36 = {
       title: "Delete conversation\u2026",
       buttonTextStyle: styles.deleteButtonText,
       appearance: "danger",
       onPress: handleDelete
     };
-    $[91] = handleDelete;
-    $[92] = styles.deleteButtonText;
-    $[93] = t36;
+    $[90] = handleDelete;
+    $[91] = styles.deleteButtonText;
+    $[92] = t36;
   } else {
-    t36 = $[93];
+    t36 = $[92];
   }
   let t37;
-  if ($[94] !== t35 || $[95] !== t36) {
+  if ($[93] !== t35 || $[94] !== t36) {
     t37 = {
       type: t35,
       data: t36
     };
-    $[94] = t35;
-    $[95] = t36;
-    $[96] = t37;
+    $[93] = t35;
+    $[94] = t36;
+    $[95] = t37;
   } else {
-    t37 = $[96];
+    t37 = $[95];
   }
   const t38 = hasTeams ? SectionTypes.header : SectionTypes.hidden;
   let t39;
-  if ($[97] === Symbol.for("react.memo_cache_sentinel")) {
+  if ($[96] === Symbol.for("react.memo_cache_sentinel")) {
     t39 = {
       title: "Teams"
     };
-    $[97] = t39;
+    $[96] = t39;
   } else {
-    t39 = $[97];
+    t39 = $[96];
   }
   let t40;
-  if ($[98] !== styles.sectionInnerHeader || $[99] !== t38) {
+  if ($[97] !== styles.sectionInnerHeader || $[98] !== t38) {
     t40 = {
       type: t38,
       data: t39,
       sectionInnerStyle: styles.sectionInnerHeader
     };
-    $[98] = styles.sectionInnerHeader;
-    $[99] = t38;
-    $[100] = t40;
+    $[97] = styles.sectionInnerHeader;
+    $[98] = t38;
+    $[99] = t40;
   } else {
-    t40 = $[100];
+    t40 = $[99];
   }
   const t41 = hasTeams ? SectionTypes.view : SectionTypes.hidden;
   let t42;
-  if ($[101] !== teamsGroup) {
+  if ($[100] !== teamsGroup) {
     t42 = {
       children: /*#__PURE__*/_jsx(TeamsGroup, {
         teams: teamsGroup
       })
     };
-    $[101] = teamsGroup;
-    $[102] = t42;
+    $[100] = teamsGroup;
+    $[101] = t42;
   } else {
-    t42 = $[102];
+    t42 = $[101];
   }
   let t43;
-  if ($[103] !== t41 || $[104] !== t42) {
+  if ($[102] !== t41 || $[103] !== t42) {
     t43 = {
       type: t41,
       data: t42
     };
-    $[103] = t41;
-    $[104] = t42;
-    $[105] = t43;
+    $[102] = t41;
+    $[103] = t42;
+    $[104] = t43;
   } else {
-    t43 = $[105];
+    t43 = $[104];
   }
   const t44 = showGenderFilter ? /*#__PURE__*/_jsx(Badge, {
     label: `${genderLabel}-only`
   }) : undefined;
   let t45;
-  if ($[106] !== t44) {
+  if ($[105] !== t44) {
     t45 = {
       title: "People",
       badge: t44
     };
-    $[106] = t44;
-    $[107] = t45;
+    $[105] = t44;
+    $[106] = t45;
   } else {
-    t45 = $[107];
+    t45 = $[106];
   }
   let t46;
-  if ($[108] !== styles.sectionInnerHeader || $[109] !== t45) {
+  if ($[107] !== styles.sectionInnerHeader || $[108] !== t45) {
     t46 = {
       type: SectionTypes.header,
       data: t45,
       sectionInnerStyle: styles.sectionInnerHeader
     };
-    $[108] = styles.sectionInnerHeader;
-    $[109] = t45;
-    $[110] = t46;
+    $[107] = styles.sectionInnerHeader;
+    $[108] = t45;
+    $[109] = t46;
   } else {
-    t46 = $[110];
+    t46 = $[109];
   }
   const t47 = showGenderFilter ? SectionTypes.view : SectionTypes.hidden;
   const t48 = genderLabel.toLowerCase();
   let t49;
-  if ($[111] !== t48) {
+  if ($[110] !== t48) {
     t49 = {
       children: /*#__PURE__*/_jsxs(Text, {
         variant: "tertiary",
         children: ["This conversation will be automatically updated if any ", t48, " are added or removed from this group."]
       })
     };
-    $[111] = t48;
-    $[112] = t49;
+    $[110] = t48;
+    $[111] = t49;
   } else {
-    t49 = $[112];
+    t49 = $[111];
   }
   let t50;
-  if ($[113] !== styles.sectionInnerGenderNotice || $[114] !== t47 || $[115] !== t49) {
+  if ($[112] !== styles.sectionInnerGenderNotice || $[113] !== t47 || $[114] !== t49) {
     t50 = {
       type: t47,
       data: t49,
       sectionInnerStyle: styles.sectionInnerGenderNotice
     };
-    $[113] = styles.sectionInnerGenderNotice;
-    $[114] = t47;
-    $[115] = t49;
-    $[116] = t50;
+    $[112] = styles.sectionInnerGenderNotice;
+    $[113] = t47;
+    $[114] = t49;
+    $[115] = t50;
   } else {
-    t50 = $[116];
+    t50 = $[115];
   }
   const t51 = showAdultRequirementNotice ? SectionTypes.view : SectionTypes.hidden;
   let t52;
-  if ($[117] === Symbol.for("react.memo_cache_sentinel")) {
+  if ($[116] === Symbol.for("react.memo_cache_sentinel")) {
     t52 = {
       children: /*#__PURE__*/_jsx(AdultRequirementNotice, {})
     };
-    $[117] = t52;
+    $[116] = t52;
   } else {
-    t52 = $[117];
+    t52 = $[116];
   }
   let t53;
-  if ($[118] !== styles.sectionInnerNotice || $[119] !== t51) {
+  if ($[117] !== styles.sectionInnerNotice || $[118] !== t51) {
     t53 = {
       type: t51,
       data: t52,
       sectionInnerStyle: styles.sectionInnerNotice
     };
-    $[118] = styles.sectionInnerNotice;
-    $[119] = t51;
-    $[120] = t53;
+    $[117] = styles.sectionInnerNotice;
+    $[118] = t51;
+    $[119] = t53;
   } else {
-    t53 = $[120];
+    t53 = $[119];
   }
   const t54 = hasChildren && isLeader ? SectionTypes.view : SectionTypes.hidden;
   let t55;
-  if ($[121] !== childMembers) {
+  if ($[120] !== childMembers) {
     t55 = {
       children: /*#__PURE__*/_jsx(ChildNotice, {
         childMembers: childMembers
       })
     };
-    $[121] = childMembers;
-    $[122] = t55;
+    $[120] = childMembers;
+    $[121] = t55;
   } else {
-    t55 = $[122];
+    t55 = $[121];
   }
   let t56;
-  if ($[123] !== styles.sectionInnerNotice || $[124] !== t54 || $[125] !== t55) {
+  if ($[122] !== styles.sectionInnerNotice || $[123] !== t54 || $[124] !== t55) {
     t56 = {
       type: t54,
       data: t55,
       sectionInnerStyle: styles.sectionInnerNotice
     };
-    $[123] = styles.sectionInnerNotice;
-    $[124] = t54;
-    $[125] = t55;
-    $[126] = t56;
+    $[122] = styles.sectionInnerNotice;
+    $[123] = t54;
+    $[124] = t55;
+    $[125] = t56;
   } else {
-    t56 = $[126];
+    t56 = $[125];
   }
   const listData = [t20, t22, t24, t26, t27, t31, t34, t37, t40, t43, t46, t50, t53, t56, ...memberItems, ...loadingMemberItems].filter(_temp5);
   let t57;
-  if ($[127] !== listData) {
+  if ($[126] !== listData) {
     t57 = listData.map(_temp6).filter(isDefined);
-    $[127] = listData;
-    $[128] = t57;
+    $[126] = listData;
+    $[127] = t57;
   } else {
-    t57 = $[128];
+    t57 = $[127];
   }
   const headerIndices = t57;
   const t58 = listData;
   let t59;
-  if ($[129] !== headerIndices || $[130] !== listData.length || $[131] !== styles.sectionHeaderRow) {
+  if ($[128] !== headerIndices || $[129] !== listData.length || $[130] !== styles.sectionHeaderRow) {
     t59 = t60 => {
       const {
         item: item_0,
@@ -841,48 +841,48 @@ export function ConversationDetailsScreen(t0) {
           }
       }
     };
-    $[129] = headerIndices;
-    $[130] = listData.length;
-    $[131] = styles.sectionHeaderRow;
-    $[132] = t59;
+    $[128] = headerIndices;
+    $[129] = listData.length;
+    $[130] = styles.sectionHeaderRow;
+    $[131] = t59;
   } else {
-    t59 = $[132];
+    t59 = $[131];
   }
   let t60;
-  if ($[133] !== fetchNextPageOfMembers) {
+  if ($[132] !== fetchNextPageOfMembers) {
     t60 = () => fetchNextPageOfMembers();
-    $[133] = fetchNextPageOfMembers;
-    $[134] = t60;
+    $[132] = fetchNextPageOfMembers;
+    $[133] = t60;
   } else {
-    t60 = $[134];
+    t60 = $[133];
   }
   let t61;
-  if ($[135] !== styles.contentContainer || $[136] !== t58 || $[137] !== t59 || $[138] !== t60) {
+  if ($[134] !== styles.contentContainer || $[135] !== t58 || $[136] !== t59 || $[137] !== t60) {
     t61 = /*#__PURE__*/_jsx(FlatList, {
       data: t58,
       contentContainerStyle: styles.contentContainer,
       renderItem: t59,
       onEndReached: t60
     });
-    $[135] = styles.contentContainer;
-    $[136] = t58;
-    $[137] = t59;
-    $[138] = t60;
-    $[139] = t61;
+    $[134] = styles.contentContainer;
+    $[135] = t58;
+    $[136] = t59;
+    $[137] = t60;
+    $[138] = t61;
   } else {
-    t61 = $[139];
+    t61 = $[138];
   }
   let t62;
-  if ($[140] !== styles.listContainer || $[141] !== t61) {
+  if ($[139] !== styles.listContainer || $[140] !== t61) {
     t62 = /*#__PURE__*/_jsx(View, {
       style: styles.listContainer,
       children: t61
     });
-    $[140] = styles.listContainer;
-    $[141] = t61;
-    $[142] = t62;
+    $[139] = styles.listContainer;
+    $[140] = t61;
+    $[141] = t62;
   } else {
-    t62 = $[142];
+    t62 = $[141];
   }
   return t62;
 }