@planningcenter/chat-react-native 3.18.0-rc.3 → 3.18.0-rc.4

package/build/components/conversations/conversation_actions.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"conversation_actions.d.ts","sourceRoot":"","sources":["../../../src/components/conversations/conversation_actions.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAE,SAAS,EAA4C,MAAM,OAAO,CAAA;AAClF,OAAO,EAGL,SAAS,EAGT,SAAS,EACV,MAAM,cAAc,CAAA;AAWrB,OAAO,EAAE,oBAAoB,EAAE,MAAM,aAAa,CAAA;AAKlD,wBAAgB,mBAAmB,CAAC,EAClC,QAAQ,EACR,YAAY,EACZ,KAAK,EACL,OAAO,EACP,kBAAkB,GACnB,EAAE;IACD,QAAQ,EAAE,SAAS,CAAA;IACnB,YAAY,EAAE,oBAAoB,CAAA;IAClC,OAAO,EAAE,MAAM,IAAI,CAAA;IACnB,KAAK,CAAC,EAAE,SAAS,CAAC,SAAS,CAAC,CAAA;IAC5B,kBAAkB,CAAC,EAAE,MAAM,CAAA;CAC5B,qBA4HA"}
+{"version":3,"file":"conversation_actions.d.ts","sourceRoot":"","sources":["../../../src/components/conversations/conversation_actions.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAE,SAAS,EAA4C,MAAM,OAAO,CAAA;AAClF,OAAO,EAIL,SAAS,EAGT,SAAS,EACV,MAAM,cAAc,CAAA;AAUrB,OAAO,EAAE,oBAAoB,EAAE,MAAM,aAAa,CAAA;AAKlD,wBAAgB,mBAAmB,CAAC,EAClC,QAAQ,EACR,YAAY,EACZ,KAAK,EACL,OAAO,EACP,kBAAkB,GACnB,EAAE;IACD,QAAQ,EAAE,SAAS,CAAA;IACnB,YAAY,EAAE,oBAAoB,CAAA;IAClC,OAAO,EAAE,MAAM,IAAI,CAAA;IACnB,KAAK,CAAC,EAAE,SAAS,CAAC,SAAS,CAAC,CAAA;IAC5B,kBAAkB,CAAC,EAAE,MAAM,CAAA;CAC5B,qBA4HA"}

package/build/components/conversations/conversation_actions.js

@@ -1,7 +1,6 @@
 import React, { useCallback, useEffect, useRef, useState } from 'react';
-import { Platform, StyleSheet, View, } from 'react-native';
+import { Platform, Pressable, StyleSheet, View, } from 'react-native';
 import ReanimatedSwipeable from 'react-native-gesture-handler/ReanimatedSwipeable';
-import { Pressable } from 'react-native-gesture-handler';
 import { useConversationsContext } from '../../contexts/conversations_context';
 import { useTheme, useCreateAndroidRippleColor } from '../../hooks';
 import { useConversationsMarkRead, useConversationsMute, } from '../../hooks/use_conversations_actions';

package/build/components/conversations/conversation_actions.js.map

@@ -1 +1 @@
-{"version":3,"file":"conversation_actions.js","sourceRoot":"","sources":["../../../src/components/conversations/conversation_actions.tsx"],"names":[],"mappings":"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","sourcesContent":["import React, { ReactNode, useCallback, useEffect, useRef, useState } from 'react'\nimport {\n  AccessibilityActionEvent,\n  Platform,\n  StyleProp,\n  StyleSheet,\n  View,\n  ViewStyle,\n} from 'react-native'\nimport ReanimatedSwipeable, {\n  SwipeableMethods,\n} from 'react-native-gesture-handler/ReanimatedSwipeable'\nimport { Pressable } from 'react-native-gesture-handler'\nimport { useConversationsContext } from '../../contexts/conversations_context'\nimport { useTheme, useCreateAndroidRippleColor } from '../../hooks'\nimport {\n  useConversationsMarkRead,\n  useConversationsMute,\n} from '../../hooks/use_conversations_actions'\nimport { ConversationResource } from '../../types'\nimport { platformPressedOpacityStyle } from '../../utils'\nimport { tokens } from '../../vendor/tapestry/tokens'\nimport { SwipeableToggleButton } from './swipeable_toggle_button'\n\nexport function ConversationActions({\n  children,\n  conversation,\n  style,\n  onPress,\n  accessibilityLabel,\n}: {\n  children: ReactNode\n  conversation: ConversationResource\n  onPress: () => void\n  style?: StyleProp<ViewStyle>\n  accessibilityLabel?: string\n}) {\n  const swipeableRef = useRef<SwipeableMethods>(null)\n  const styles = useStyles()\n  const { activeConversationId, setActiveConversationId } = useConversationsContext()\n  const [disabled, setDisabled] = useState(false)\n  const overshootLeft = Platform.OS === 'ios'\n  const androidRippleColor = useCreateAndroidRippleColor({\n    color: styles.swipeableChildContainer.backgroundColor,\n  })\n  const { muted, setMuted, isPending: isMutedPending } = useConversationsMute({ conversation })\n  const {\n    read,\n    markRead,\n    isPending: isMarkReadPending,\n  } = useConversationsMarkRead({\n    conversation,\n  })\n\n  const isConversationEmpty = conversation.lastMessageCreatedAt === null\n\n  const handleSwipeableClose = useCallback(() => {\n    setDisabled(false)\n    swipeableRef.current?.close()\n  }, [setDisabled])\n\n  const handleSwipeableOpen = () => {\n    setDisabled(true)\n    setActiveConversationId(conversation.id)\n  }\n\n  const handlePress = useCallback(() => {\n    if (disabled || !onPress) return\n    onPress()\n  }, [disabled, onPress])\n\n  const handleMute = useCallback(() => {\n    setMuted(!muted)\n    handleSwipeableClose()\n  }, [muted, handleSwipeableClose, setMuted])\n\n  const handleLatestMessageUnread = useCallback(() => {\n    markRead(!read)\n    handleSwipeableClose()\n  }, [read, handleSwipeableClose, markRead])\n\n  const readAccessibilityAction = !isConversationEmpty\n    ? [\n        {\n          name: read ? 'markUnread' : 'markRead',\n          label: read ? 'Mark unread' : 'Mark read',\n        },\n      ]\n    : []\n\n  const accessibilityActions = [\n    {\n      name: muted ? 'unmute' : 'mute',\n      label: muted ? 'Unmute' : 'Mute',\n    },\n    ...readAccessibilityAction,\n  ]\n\n  const handleAccessibilityAction = useCallback(\n    (event: AccessibilityActionEvent) => {\n      switch (event.nativeEvent.actionName) {\n        case 'markRead':\n          handleLatestMessageUnread()\n          break\n        case 'markUnread':\n          handleLatestMessageUnread()\n          break\n        case 'mute':\n          handleMute()\n          break\n        case 'unmute':\n          handleMute()\n          break\n      }\n    },\n    [handleLatestMessageUnread, handleMute]\n  )\n\n  useEffect(() => {\n    if (activeConversationId === conversation.id) return\n\n    handleSwipeableClose()\n  }, [activeConversationId, conversation.id, handleSwipeableClose])\n\n  return (\n    <ReanimatedSwipeable\n      ref={swipeableRef}\n      childrenContainerStyle={styles.swipeableChildContainer}\n      containerStyle={styles.swipeableContainer}\n      overshootFriction={8}\n      overshootLeft={overshootLeft}\n      overshootRight={false}\n      onSwipeableOpenStartDrag={handleSwipeableOpen}\n      onSwipeableClose={() => setDisabled(false)}\n      renderRightActions={() => <></>}\n      renderLeftActions={() => (\n        <LeftActions\n          isConversationEmpty={isConversationEmpty}\n          handleMute={handleMute}\n          handleLatestMessageUnread={handleLatestMessageUnread}\n          muted={muted}\n          read={read}\n          isMutedPending={isMutedPending}\n          isMarkReadPending={isMarkReadPending}\n        />\n      )}\n    >\n      <Pressable\n        onPress={handlePress}\n        style={({ pressed }) => [style, pressed && platformPressedOpacityStyle]}\n        android_ripple={{ color: androidRippleColor, borderless: false, foreground: true }}\n        accessibilityLabel={accessibilityLabel}\n        accessibilityRole=\"button\"\n        accessibilityActions={accessibilityActions}\n        onAccessibilityAction={handleAccessibilityAction}\n      >\n        {children}\n      </Pressable>\n    </ReanimatedSwipeable>\n  )\n}\n\ninterface LeftActionsProps {\n  isConversationEmpty: boolean\n  handleMute: () => void\n  handleLatestMessageUnread: () => void\n  muted: boolean\n  read: boolean\n  isMutedPending: boolean\n  isMarkReadPending: boolean\n}\n\nfunction LeftActions({\n  isConversationEmpty,\n  handleMute,\n  handleLatestMessageUnread,\n  muted,\n  read,\n  isMutedPending,\n  isMarkReadPending,\n}: LeftActionsProps) {\n  const styles = useStyles()\n\n  const muteToggleContent = {\n    true: { iconName: 'general.bell', label: 'Unmute' },\n    false: { iconName: 'general.bellMuted', label: 'Mute' },\n  } as const\n\n  const latestMessageUnreadToggleContent = {\n    true: { iconName: 'general.outlinedTextMessage', label: 'Mark read' },\n    false: { iconName: 'general.textMessageNotifications', label: 'Mark unread' },\n  } as const\n\n  return (\n    <View style={styles.actionButtonContainer}>\n      <SwipeableToggleButton\n        loading={isMarkReadPending}\n        disabled={isConversationEmpty}\n        toggled={!read}\n        onPress={handleLatestMessageUnread}\n        toggleContent={latestMessageUnreadToggleContent}\n        backgroundColor={tokens.fillColorInteractionSwipeDefault}\n      />\n      <SwipeableToggleButton\n        loading={isMutedPending}\n        toggled={muted}\n        onPress={handleMute}\n        toggleContent={muteToggleContent}\n        backgroundColor={tokens.fillColorInteractionSwipeSecondary}\n      />\n    </View>\n  )\n}\n\nconst ACTION_BUTTON_WIDTH = 120\nconst ACTION_BUTTON_COUNT = 2\n\nconst useStyles = () => {\n  const { colors } = useTheme()\n  return StyleSheet.create({\n    swipeableChildContainer: {\n      backgroundColor: colors.conversationActionsBackground,\n    },\n    actionButtonContainer: {\n      flexDirection: 'row',\n      alignItems: 'center',\n      width: ACTION_BUTTON_WIDTH * ACTION_BUTTON_COUNT,\n      alignContent: 'stretch',\n    },\n    swipeableContainer: {\n      backgroundColor: colors.surfaceColor090,\n    },\n  })\n}\n"]}
+{"version":3,"file":"conversation_actions.js","sourceRoot":"","sources":["../../../src/components/conversations/conversation_actions.tsx"],"names":[],"mappings":"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","sourcesContent":["import React, { ReactNode, useCallback, useEffect, useRef, useState } from 'react'\nimport {\n  AccessibilityActionEvent,\n  Platform,\n  Pressable,\n  StyleProp,\n  StyleSheet,\n  View,\n  ViewStyle,\n} from 'react-native'\nimport ReanimatedSwipeable, {\n  SwipeableMethods,\n} from 'react-native-gesture-handler/ReanimatedSwipeable'\nimport { useConversationsContext } from '../../contexts/conversations_context'\nimport { useTheme, useCreateAndroidRippleColor } from '../../hooks'\nimport {\n  useConversationsMarkRead,\n  useConversationsMute,\n} from '../../hooks/use_conversations_actions'\nimport { ConversationResource } from '../../types'\nimport { platformPressedOpacityStyle } from '../../utils'\nimport { tokens } from '../../vendor/tapestry/tokens'\nimport { SwipeableToggleButton } from './swipeable_toggle_button'\n\nexport function ConversationActions({\n  children,\n  conversation,\n  style,\n  onPress,\n  accessibilityLabel,\n}: {\n  children: ReactNode\n  conversation: ConversationResource\n  onPress: () => void\n  style?: StyleProp<ViewStyle>\n  accessibilityLabel?: string\n}) {\n  const swipeableRef = useRef<SwipeableMethods>(null)\n  const styles = useStyles()\n  const { activeConversationId, setActiveConversationId } = useConversationsContext()\n  const [disabled, setDisabled] = useState(false)\n  const overshootLeft = Platform.OS === 'ios'\n  const androidRippleColor = useCreateAndroidRippleColor({\n    color: styles.swipeableChildContainer.backgroundColor,\n  })\n  const { muted, setMuted, isPending: isMutedPending } = useConversationsMute({ conversation })\n  const {\n    read,\n    markRead,\n    isPending: isMarkReadPending,\n  } = useConversationsMarkRead({\n    conversation,\n  })\n\n  const isConversationEmpty = conversation.lastMessageCreatedAt === null\n\n  const handleSwipeableClose = useCallback(() => {\n    setDisabled(false)\n    swipeableRef.current?.close()\n  }, [setDisabled])\n\n  const handleSwipeableOpen = () => {\n    setDisabled(true)\n    setActiveConversationId(conversation.id)\n  }\n\n  const handlePress = useCallback(() => {\n    if (disabled || !onPress) return\n    onPress()\n  }, [disabled, onPress])\n\n  const handleMute = useCallback(() => {\n    setMuted(!muted)\n    handleSwipeableClose()\n  }, [muted, handleSwipeableClose, setMuted])\n\n  const handleLatestMessageUnread = useCallback(() => {\n    markRead(!read)\n    handleSwipeableClose()\n  }, [read, handleSwipeableClose, markRead])\n\n  const readAccessibilityAction = !isConversationEmpty\n    ? [\n        {\n          name: read ? 'markUnread' : 'markRead',\n          label: read ? 'Mark unread' : 'Mark read',\n        },\n      ]\n    : []\n\n  const accessibilityActions = [\n    {\n      name: muted ? 'unmute' : 'mute',\n      label: muted ? 'Unmute' : 'Mute',\n    },\n    ...readAccessibilityAction,\n  ]\n\n  const handleAccessibilityAction = useCallback(\n    (event: AccessibilityActionEvent) => {\n      switch (event.nativeEvent.actionName) {\n        case 'markRead':\n          handleLatestMessageUnread()\n          break\n        case 'markUnread':\n          handleLatestMessageUnread()\n          break\n        case 'mute':\n          handleMute()\n          break\n        case 'unmute':\n          handleMute()\n          break\n      }\n    },\n    [handleLatestMessageUnread, handleMute]\n  )\n\n  useEffect(() => {\n    if (activeConversationId === conversation.id) return\n\n    handleSwipeableClose()\n  }, [activeConversationId, conversation.id, handleSwipeableClose])\n\n  return (\n    <ReanimatedSwipeable\n      ref={swipeableRef}\n      childrenContainerStyle={styles.swipeableChildContainer}\n      containerStyle={styles.swipeableContainer}\n      overshootFriction={8}\n      overshootLeft={overshootLeft}\n      overshootRight={false}\n      onSwipeableOpenStartDrag={handleSwipeableOpen}\n      onSwipeableClose={() => setDisabled(false)}\n      renderRightActions={() => <></>}\n      renderLeftActions={() => (\n        <LeftActions\n          isConversationEmpty={isConversationEmpty}\n          handleMute={handleMute}\n          handleLatestMessageUnread={handleLatestMessageUnread}\n          muted={muted}\n          read={read}\n          isMutedPending={isMutedPending}\n          isMarkReadPending={isMarkReadPending}\n        />\n      )}\n    >\n      <Pressable\n        onPress={handlePress}\n        style={({ pressed }) => [style, pressed && platformPressedOpacityStyle]}\n        android_ripple={{ color: androidRippleColor, borderless: false, foreground: true }}\n        accessibilityLabel={accessibilityLabel}\n        accessibilityRole=\"button\"\n        accessibilityActions={accessibilityActions}\n        onAccessibilityAction={handleAccessibilityAction}\n      >\n        {children}\n      </Pressable>\n    </ReanimatedSwipeable>\n  )\n}\n\ninterface LeftActionsProps {\n  isConversationEmpty: boolean\n  handleMute: () => void\n  handleLatestMessageUnread: () => void\n  muted: boolean\n  read: boolean\n  isMutedPending: boolean\n  isMarkReadPending: boolean\n}\n\nfunction LeftActions({\n  isConversationEmpty,\n  handleMute,\n  handleLatestMessageUnread,\n  muted,\n  read,\n  isMutedPending,\n  isMarkReadPending,\n}: LeftActionsProps) {\n  const styles = useStyles()\n\n  const muteToggleContent = {\n    true: { iconName: 'general.bell', label: 'Unmute' },\n    false: { iconName: 'general.bellMuted', label: 'Mute' },\n  } as const\n\n  const latestMessageUnreadToggleContent = {\n    true: { iconName: 'general.outlinedTextMessage', label: 'Mark read' },\n    false: { iconName: 'general.textMessageNotifications', label: 'Mark unread' },\n  } as const\n\n  return (\n    <View style={styles.actionButtonContainer}>\n      <SwipeableToggleButton\n        loading={isMarkReadPending}\n        disabled={isConversationEmpty}\n        toggled={!read}\n        onPress={handleLatestMessageUnread}\n        toggleContent={latestMessageUnreadToggleContent}\n        backgroundColor={tokens.fillColorInteractionSwipeDefault}\n      />\n      <SwipeableToggleButton\n        loading={isMutedPending}\n        toggled={muted}\n        onPress={handleMute}\n        toggleContent={muteToggleContent}\n        backgroundColor={tokens.fillColorInteractionSwipeSecondary}\n      />\n    </View>\n  )\n}\n\nconst ACTION_BUTTON_WIDTH = 120\nconst ACTION_BUTTON_COUNT = 2\n\nconst useStyles = () => {\n  const { colors } = useTheme()\n  return StyleSheet.create({\n    swipeableChildContainer: {\n      backgroundColor: colors.conversationActionsBackground,\n    },\n    actionButtonContainer: {\n      flexDirection: 'row',\n      alignItems: 'center',\n      width: ACTION_BUTTON_WIDTH * ACTION_BUTTON_COUNT,\n      alignContent: 'stretch',\n    },\n    swipeableContainer: {\n      backgroundColor: colors.surfaceColor090,\n    },\n  })\n}\n"]}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@planningcenter/chat-react-native",
-  "version": "3.18.0-rc.3",
+  "version": "3.18.0-rc.4",
   "description": "",
   "main": "build/index.js",
   "types": "build/index.d.ts",
@@ -59,5 +59,5 @@
     "react-native-url-polyfill": "^2.0.0",
     "typescript": "<5.6.0"
   },
-  "gitHead": "fbc94dfe1dde945e860e7af713df7d2c874f967d"
+  "gitHead": "26f2ae2c3b398106ce6896cb88b8b518125305e9"
 }

package/src/components/conversations/conversation_actions.tsx

@@ -2,6 +2,7 @@ import React, { ReactNode, useCallback, useEffect, useRef, useState } from 'reac
 import {
   AccessibilityActionEvent,
   Platform,
+  Pressable,
   StyleProp,
   StyleSheet,
   View,
@@ -10,7 +11,6 @@ import {
 import ReanimatedSwipeable, {
   SwipeableMethods,
 } from 'react-native-gesture-handler/ReanimatedSwipeable'
-import { Pressable } from 'react-native-gesture-handler'
 import { useConversationsContext } from '../../contexts/conversations_context'
 import { useTheme, useCreateAndroidRippleColor } from '../../hooks'
 import {