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

package/build/components/conversations/conversation_actions.js

@@ -5,12 +5,12 @@ import ReanimatedSwipeable from 'react-native-gesture-handler/ReanimatedSwipeabl
 import { useConversationsContext } from '../../contexts/conversations_context';
 import { useTheme, useCreateAndroidRippleColor } from '../../hooks';
 import { useConversationsMarkRead, useConversationsMute } from '../../hooks/use_conversations_actions';
-import { platformPressedOpacityStyle } from '../../utils';
+import { isArchivedConversation, platformPressedOpacityStyle } from '../../utils';
 import { tokens } from '../../vendor/tapestry/tokens';
 import { SwipeableToggleButton } from './swipeable_toggle_button';
 import { jsx as _jsx, Fragment as _Fragment, jsxs as _jsxs } from "react/jsx-runtime";
 export function ConversationActions(t0) {
-  const $ = _c(63);
+  const $ = _c(66);
   const {
     children,
     conversation,
@@ -69,125 +69,133 @@ export function ConversationActions(t0) {
   } = useConversationsMarkRead(t3);
   const isConversationEmpty = conversation.lastMessageCreatedAt === null;
   let t4;
-  if ($[6] === Symbol.for("react.memo_cache_sentinel")) {
-    t4 = () => {
+  if ($[6] !== conversation) {
+    t4 = isArchivedConversation(conversation);
+    $[6] = conversation;
+    $[7] = t4;
+  } else {
+    t4 = $[7];
+  }
+  const canMute = !t4;
+  let t5;
+  if ($[8] === Symbol.for("react.memo_cache_sentinel")) {
+    t5 = () => {
       setDisabled(false);
       swipeableRef.current?.close();
     };
-    $[6] = t4;
+    $[8] = t5;
   } else {
-    t4 = $[6];
+    t5 = $[8];
   }
-  const handleSwipeableClose = t4;
-  let t5;
-  if ($[7] !== conversation.id || $[8] !== setActiveConversationId) {
-    t5 = () => {
+  const handleSwipeableClose = t5;
+  let t6;
+  if ($[9] !== conversation.id || $[10] !== setActiveConversationId) {
+    t6 = () => {
       setDisabled(true);
       setActiveConversationId(conversation.id);
     };
-    $[7] = conversation.id;
-    $[8] = setActiveConversationId;
-    $[9] = t5;
+    $[9] = conversation.id;
+    $[10] = setActiveConversationId;
+    $[11] = t6;
   } else {
-    t5 = $[9];
+    t6 = $[11];
   }
-  const handleSwipeableOpen = t5;
-  let t6;
-  if ($[10] !== disabled || $[11] !== onPress) {
-    t6 = () => {
+  const handleSwipeableOpen = t6;
+  let t7;
+  if ($[12] !== disabled || $[13] !== onPress) {
+    t7 = () => {
       if (disabled || !onPress) {
         return;
       }
       onPress();
     };
-    $[10] = disabled;
-    $[11] = onPress;
-    $[12] = t6;
+    $[12] = disabled;
+    $[13] = onPress;
+    $[14] = t7;
   } else {
-    t6 = $[12];
+    t7 = $[14];
   }
-  const handlePress = t6;
-  let t7;
-  if ($[13] !== muted || $[14] !== setMuted) {
-    t7 = () => {
+  const handlePress = t7;
+  let t8;
+  if ($[15] !== muted || $[16] !== setMuted) {
+    t8 = () => {
       setMuted(!muted);
       handleSwipeableClose();
     };
-    $[13] = muted;
-    $[14] = setMuted;
-    $[15] = t7;
+    $[15] = muted;
+    $[16] = setMuted;
+    $[17] = t8;
   } else {
-    t7 = $[15];
+    t8 = $[17];
   }
-  const handleMute = t7;
-  let t8;
-  if ($[16] !== markRead || $[17] !== read) {
-    t8 = () => {
+  const handleMute = t8;
+  let t9;
+  if ($[18] !== markRead || $[19] !== read) {
+    t9 = () => {
       markRead(!read);
       handleSwipeableClose();
     };
-    $[16] = markRead;
-    $[17] = read;
-    $[18] = t8;
+    $[18] = markRead;
+    $[19] = read;
+    $[20] = t9;
   } else {
-    t8 = $[18];
+    t9 = $[20];
   }
-  const handleLatestMessageUnread = t8;
-  let t9;
-  if ($[19] !== isConversationEmpty || $[20] !== read) {
-    t9 = !isConversationEmpty ? [{
+  const handleLatestMessageUnread = t9;
+  let t10;
+  if ($[21] !== isConversationEmpty || $[22] !== read) {
+    t10 = !isConversationEmpty ? [{
       name: read ? "markUnread" : "markRead",
       label: read ? "Mark unread" : "Mark read"
     }] : [];
-    $[19] = isConversationEmpty;
-    $[20] = read;
-    $[21] = t9;
+    $[21] = isConversationEmpty;
+    $[22] = read;
+    $[23] = t10;
   } else {
-    t9 = $[21];
+    t10 = $[23];
   }
-  const readAccessibilityAction = t9;
-  const t10 = muted ? "unmute" : "mute";
-  const t11 = muted ? "Enable" : "Silence";
-  let t12;
-  if ($[22] !== t10 || $[23] !== t11) {
-    t12 = {
-      name: t10,
-      label: t11
-    };
-    $[22] = t10;
-    $[23] = t11;
-    $[24] = t12;
+  const readAccessibilityAction = t10;
+  let t11;
+  if ($[24] !== canMute || $[25] !== muted) {
+    t11 = canMute ? [{
+      name: muted ? "unmute" : "mute",
+      label: muted ? "Enable" : "Silence"
+    }] : [];
+    $[24] = canMute;
+    $[25] = muted;
+    $[26] = t11;
   } else {
-    t12 = $[24];
+    t11 = $[26];
   }
-  let t13;
-  if ($[25] !== readAccessibilityAction || $[26] !== t12) {
-    t13 = [t12, ...readAccessibilityAction];
-    $[25] = readAccessibilityAction;
-    $[26] = t12;
-    $[27] = t13;
+  const muteAccessibilityAction = t11;
+  let t12;
+  if ($[27] !== muteAccessibilityAction || $[28] !== readAccessibilityAction) {
+    t12 = [...muteAccessibilityAction, ...readAccessibilityAction];
+    $[27] = muteAccessibilityAction;
+    $[28] = readAccessibilityAction;
+    $[29] = t12;
   } else {
-    t13 = $[27];
+    t12 = $[29];
   }
-  const accessibilityActions = t13;
-  let t14;
-  if ($[28] !== handleLatestMessageUnread || $[29] !== handleMute) {
-    t14 = event => {
-      bb41: switch (event.nativeEvent.actionName) {
+  const accessibilityActions = t12;
+  let t13;
+  if ($[30] !== handleLatestMessageUnread || $[31] !== handleMute) {
+    t13 = event => {
+      bb45: switch (event.nativeEvent.actionName) {
         case "markRead":
           {
             handleLatestMessageUnread();
-            break bb41;
+            break bb45;
           }
         case "markUnread":
           {
             handleLatestMessageUnread();
-            break bb41;
+            break bb45;
           }
         case "mute":
           {
             handleMute();
-            break bb41;
+            break bb45;
           }
         case "unmute":
           {
@@ -195,43 +203,44 @@ export function ConversationActions(t0) {
           }
       }
     };
-    $[28] = handleLatestMessageUnread;
-    $[29] = handleMute;
-    $[30] = t14;
+    $[30] = handleLatestMessageUnread;
+    $[31] = handleMute;
+    $[32] = t13;
   } else {
-    t14 = $[30];
+    t13 = $[32];
   }
-  const handleAccessibilityAction = t14;
+  const handleAccessibilityAction = t13;
+  let t14;
   let t15;
-  let t16;
-  if ($[31] !== activeConversationId || $[32] !== conversation.id) {
-    t15 = () => {
+  if ($[33] !== activeConversationId || $[34] !== conversation.id) {
+    t14 = () => {
       if (activeConversationId === conversation.id) {
         return;
       }
       handleSwipeableClose();
     };
-    t16 = [activeConversationId, conversation.id, handleSwipeableClose];
-    $[31] = activeConversationId;
-    $[32] = conversation.id;
-    $[33] = t15;
-    $[34] = t16;
+    t15 = [activeConversationId, conversation.id, handleSwipeableClose];
+    $[33] = activeConversationId;
+    $[34] = conversation.id;
+    $[35] = t14;
+    $[36] = t15;
   } else {
-    t15 = $[33];
-    t16 = $[34];
+    t14 = $[35];
+    t15 = $[36];
   }
-  useEffect(t15, t16);
-  let t17;
-  if ($[35] === Symbol.for("react.memo_cache_sentinel")) {
-    t17 = () => setDisabled(false);
-    $[35] = t17;
+  useEffect(t14, t15);
+  let t16;
+  if ($[37] === Symbol.for("react.memo_cache_sentinel")) {
+    t16 = () => setDisabled(false);
+    $[37] = t16;
   } else {
-    t17 = $[35];
+    t16 = $[37];
   }
-  let t18;
-  if ($[36] !== handleLatestMessageUnread || $[37] !== handleMute || $[38] !== isConversationEmpty || $[39] !== isMarkReadPending || $[40] !== isMutedPending || $[41] !== muted || $[42] !== read) {
-    t18 = () => /*#__PURE__*/_jsx(LeftActions, {
+  let t17;
+  if ($[38] !== canMute || $[39] !== handleLatestMessageUnread || $[40] !== handleMute || $[41] !== isConversationEmpty || $[42] !== isMarkReadPending || $[43] !== isMutedPending || $[44] !== muted || $[45] !== read) {
+    t17 = () => /*#__PURE__*/_jsx(LeftActions, {
       isConversationEmpty: isConversationEmpty,
+      canMute: canMute,
       handleMute: handleMute,
       handleLatestMessageUnread: handleLatestMessageUnread,
       muted: muted,
@@ -239,71 +248,72 @@ export function ConversationActions(t0) {
       isMutedPending: isMutedPending,
       isMarkReadPending: isMarkReadPending
     });
-    $[36] = handleLatestMessageUnread;
-    $[37] = handleMute;
-    $[38] = isConversationEmpty;
-    $[39] = isMarkReadPending;
-    $[40] = isMutedPending;
-    $[41] = muted;
-    $[42] = read;
-    $[43] = t18;
+    $[38] = canMute;
+    $[39] = handleLatestMessageUnread;
+    $[40] = handleMute;
+    $[41] = isConversationEmpty;
+    $[42] = isMarkReadPending;
+    $[43] = isMutedPending;
+    $[44] = muted;
+    $[45] = read;
+    $[46] = t17;
   } else {
-    t18 = $[43];
+    t17 = $[46];
   }
-  const t19 = `conversation-${conversation.id}`;
-  let t20;
-  if ($[44] !== style) {
-    t20 = t21 => {
+  const t18 = `conversation-${conversation.id}`;
+  let t19;
+  if ($[47] !== style) {
+    t19 = t20 => {
       const {
         pressed
-      } = t21;
+      } = t20;
       return [style, pressed && platformPressedOpacityStyle];
     };
-    $[44] = style;
-    $[45] = t20;
+    $[47] = style;
+    $[48] = t19;
   } else {
-    t20 = $[45];
+    t19 = $[48];
   }
-  let t21;
-  if ($[46] !== androidRippleColor) {
-    t21 = {
+  let t20;
+  if ($[49] !== androidRippleColor) {
+    t20 = {
       color: androidRippleColor,
       borderless: false,
       foreground: true
     };
-    $[46] = androidRippleColor;
-    $[47] = t21;
+    $[49] = androidRippleColor;
+    $[50] = t20;
   } else {
-    t21 = $[47];
+    t20 = $[50];
   }
-  let t22;
-  if ($[48] !== accessibilityActions || $[49] !== accessibilityLabel || $[50] !== children || $[51] !== handleAccessibilityAction || $[52] !== handlePress || $[53] !== t19 || $[54] !== t20 || $[55] !== t21) {
-    t22 = /*#__PURE__*/_jsx(Pressable, {
-      testID: t19,
+  let t21;
+  if ($[51] !== accessibilityActions || $[52] !== accessibilityLabel || $[53] !== children || $[54] !== handleAccessibilityAction || $[55] !== handlePress || $[56] !== t18 || $[57] !== t19 || $[58] !== t20) {
+    t21 = /*#__PURE__*/_jsx(Pressable, {
+      testID: t18,
       onPress: handlePress,
-      style: t20,
-      android_ripple: t21,
+      style: t19,
+      android_ripple: t20,
       accessibilityLabel: accessibilityLabel,
       accessibilityRole: "button",
       accessibilityActions: accessibilityActions,
       onAccessibilityAction: handleAccessibilityAction,
       children: children
     });
-    $[48] = accessibilityActions;
-    $[49] = accessibilityLabel;
-    $[50] = children;
-    $[51] = handleAccessibilityAction;
-    $[52] = handlePress;
-    $[53] = t19;
-    $[54] = t20;
-    $[55] = t21;
-    $[56] = t22;
+    $[51] = accessibilityActions;
+    $[52] = accessibilityLabel;
+    $[53] = children;
+    $[54] = handleAccessibilityAction;
+    $[55] = handlePress;
+    $[56] = t18;
+    $[57] = t19;
+    $[58] = t20;
+    $[59] = t21;
   } else {
-    t22 = $[56];
+    t21 = $[59];
   }
-  let t23;
-  if ($[57] !== handleSwipeableOpen || $[58] !== styles.swipeableChildContainer || $[59] !== styles.swipeableContainer || $[60] !== t18 || $[61] !== t22) {
-    t23 = /*#__PURE__*/_jsx(ReanimatedSwipeable, {
+  let t22;
+  if ($[60] !== handleSwipeableOpen || $[61] !== styles.swipeableChildContainer || $[62] !== styles.swipeableContainer || $[63] !== t17 || $[64] !== t21) {
+    t22 = /*#__PURE__*/_jsx(ReanimatedSwipeable, {
       ref: swipeableRef,
       childrenContainerStyle: styles.swipeableChildContainer,
       containerStyle: styles.swipeableContainer,
@@ -311,29 +321,30 @@ export function ConversationActions(t0) {
       overshootLeft: overshootLeft,
       overshootRight: false,
       onSwipeableOpenStartDrag: handleSwipeableOpen,
-      onSwipeableClose: t17,
+      onSwipeableClose: t16,
       renderRightActions: _temp,
-      renderLeftActions: t18,
-      children: t22
+      renderLeftActions: t17,
+      children: t21
     });
-    $[57] = handleSwipeableOpen;
-    $[58] = styles.swipeableChildContainer;
-    $[59] = styles.swipeableContainer;
-    $[60] = t18;
-    $[61] = t22;
-    $[62] = t23;
+    $[60] = handleSwipeableOpen;
+    $[61] = styles.swipeableChildContainer;
+    $[62] = styles.swipeableContainer;
+    $[63] = t17;
+    $[64] = t21;
+    $[65] = t22;
   } else {
-    t23 = $[62];
+    t22 = $[65];
   }
-  return t23;
+  return t22;
 }
 function _temp() {
   return /*#__PURE__*/_jsx(_Fragment, {});
 }
 function LeftActions(t0) {
-  const $ = _c(15);
+  const $ = _c(18);
   const {
     isConversationEmpty,
+    canMute,
     handleMute,
     handleLatestMessageUnread,
     muted,
@@ -341,10 +352,21 @@ function LeftActions(t0) {
     isMutedPending,
     isMarkReadPending
   } = t0;
-  const styles = useStyles();
-  let t1;
-  if ($[0] === Symbol.for("react.memo_cache_sentinel")) {
-    t1 = {
+  const t1 = canMute ? 2 : 1;
+  let t2;
+  if ($[0] !== t1) {
+    t2 = {
+      actionButtonCount: t1
+    };
+    $[0] = t1;
+    $[1] = t2;
+  } else {
+    t2 = $[1];
+  }
+  const styles = useStyles(t2);
+  let t3;
+  if ($[2] === Symbol.for("react.memo_cache_sentinel")) {
+    t3 = {
       true: {
         iconName: "general.bell",
         label: "Enable"
@@ -354,14 +376,14 @@ function LeftActions(t0) {
         label: "Silence"
       }
     };
-    $[0] = t1;
+    $[2] = t3;
   } else {
-    t1 = $[0];
+    t3 = $[2];
   }
-  const muteToggleContent = t1;
-  let t2;
-  if ($[1] === Symbol.for("react.memo_cache_sentinel")) {
-    t2 = {
+  const muteToggleContent = t3;
+  let t4;
+  if ($[3] === Symbol.for("react.memo_cache_sentinel")) {
+    t4 = {
       true: {
         iconName: "general.outlinedTextMessage",
         label: "Mark read"
@@ -371,90 +393,103 @@ function LeftActions(t0) {
         label: "Mark unread"
       }
     };
-    $[1] = t2;
+    $[3] = t4;
   } else {
-    t2 = $[1];
+    t4 = $[3];
   }
-  const latestMessageUnreadToggleContent = t2;
-  const t3 = !read;
-  let t4;
-  if ($[2] !== handleLatestMessageUnread || $[3] !== isConversationEmpty || $[4] !== isMarkReadPending || $[5] !== t3) {
-    t4 = /*#__PURE__*/_jsx(SwipeableToggleButton, {
+  const latestMessageUnreadToggleContent = t4;
+  const t5 = !read;
+  let t6;
+  if ($[4] !== handleLatestMessageUnread || $[5] !== isConversationEmpty || $[6] !== isMarkReadPending || $[7] !== t5) {
+    t6 = /*#__PURE__*/_jsx(SwipeableToggleButton, {
       loading: isMarkReadPending,
       disabled: isConversationEmpty,
-      toggled: t3,
+      toggled: t5,
       onPress: handleLatestMessageUnread,
       toggleContent: latestMessageUnreadToggleContent,
       backgroundColor: tokens.fillColorInteractionSwipeDefault
     });
-    $[2] = handleLatestMessageUnread;
-    $[3] = isConversationEmpty;
-    $[4] = isMarkReadPending;
-    $[5] = t3;
-    $[6] = t4;
+    $[4] = handleLatestMessageUnread;
+    $[5] = isConversationEmpty;
+    $[6] = isMarkReadPending;
+    $[7] = t5;
+    $[8] = t6;
   } else {
-    t4 = $[6];
+    t6 = $[8];
   }
-  let t5;
-  if ($[7] !== handleMute || $[8] !== isMutedPending || $[9] !== muted) {
-    t5 = /*#__PURE__*/_jsx(SwipeableToggleButton, {
+  let t7;
+  if ($[9] !== canMute || $[10] !== handleMute || $[11] !== isMutedPending || $[12] !== muted) {
+    t7 = canMute && /*#__PURE__*/_jsx(SwipeableToggleButton, {
       loading: isMutedPending,
       toggled: muted,
       onPress: handleMute,
       toggleContent: muteToggleContent,
       backgroundColor: tokens.fillColorInteractionSwipeSecondary
     });
-    $[7] = handleMute;
-    $[8] = isMutedPending;
-    $[9] = muted;
-    $[10] = t5;
+    $[9] = canMute;
+    $[10] = handleMute;
+    $[11] = isMutedPending;
+    $[12] = muted;
+    $[13] = t7;
   } else {
-    t5 = $[10];
+    t7 = $[13];
   }
-  let t6;
-  if ($[11] !== styles.actionButtonContainer || $[12] !== t4 || $[13] !== t5) {
-    t6 = /*#__PURE__*/_jsxs(View, {
+  let t8;
+  if ($[14] !== styles.actionButtonContainer || $[15] !== t6 || $[16] !== t7) {
+    t8 = /*#__PURE__*/_jsxs(View, {
       style: styles.actionButtonContainer,
-      children: [t4, t5]
+      children: [t6, t7]
     });
-    $[11] = styles.actionButtonContainer;
-    $[12] = t4;
-    $[13] = t5;
-    $[14] = t6;
+    $[14] = styles.actionButtonContainer;
+    $[15] = t6;
+    $[16] = t7;
+    $[17] = t8;
   } else {
-    t6 = $[14];
+    t8 = $[17];
   }
-  return t6;
+  return t8;
 }
 const ACTION_BUTTON_WIDTH = 120;
-const ACTION_BUTTON_COUNT = 2;
-const useStyles = () => {
-  const $ = _c(3);
+const useStyles = t0 => {
+  const $ = _c(6);
+  let t1;
+  if ($[0] !== t0) {
+    t1 = t0 === undefined ? {} : t0;
+    $[0] = t0;
+    $[1] = t1;
+  } else {
+    t1 = $[1];
+  }
+  const {
+    actionButtonCount: t2
+  } = t1;
+  const actionButtonCount = t2 === undefined ? 2 : t2;
   const {
     colors
   } = useTheme();
-  let t0;
-  if ($[0] !== colors.conversationActionsBackground || $[1] !== colors.surfaceColor090) {
-    t0 = StyleSheet.create({
+  let t3;
+  if ($[2] !== actionButtonCount || $[3] !== colors.conversationActionsBackground || $[4] !== colors.surfaceColor090) {
+    t3 = StyleSheet.create({
       swipeableChildContainer: {
         backgroundColor: colors.conversationActionsBackground
       },
       actionButtonContainer: {
         flexDirection: "row",
         alignItems: "center",
-        width: ACTION_BUTTON_WIDTH * ACTION_BUTTON_COUNT,
+        width: ACTION_BUTTON_WIDTH * actionButtonCount,
         alignContent: "stretch"
       },
       swipeableContainer: {
         backgroundColor: colors.surfaceColor090
       }
     });
-    $[0] = colors.conversationActionsBackground;
-    $[1] = colors.surfaceColor090;
-    $[2] = t0;
+    $[2] = actionButtonCount;
+    $[3] = colors.conversationActionsBackground;
+    $[4] = colors.surfaceColor090;
+    $[5] = t3;
   } else {
-    t0 = $[2];
+    t3 = $[5];
   }
-  return t0;
+  return t3;
 };
 //# sourceMappingURL=conversation_actions.js.map