chore: update ts app yarn lock and podlock

Author: khushal87

examples/ExpoMessaging/app/index.tsx

@@ -1,5 +1,5 @@
 import { Alert, Image, Pressable, StyleSheet, View } from 'react-native';
-import { ChannelList } from 'stream-chat-expo';
+import { ChannelList, SqliteClient } from 'stream-chat-expo';
 import { useCallback, useContext, useMemo } from 'react';
 import { Stack, useRouter } from 'expo-router';
 import { ChannelSort } from 'stream-chat';
@@ -19,7 +19,13 @@ const LogoutButton = () => {
   const onLogoutHandler = useCallback(() => {
     Alert.alert('Logout', 'Are you sure you want to logout?', [
       { text: 'Cancel', style: 'cancel' },
-      { text: 'Logout', onPress: logOut },
+      {
+        text: 'Logout',
+        onPress: () => {
+          SqliteClient.resetDB();
+          logOut();
+        },
+      },
     ]);
   }, [logOut]);
 

examples/ExpoMessaging/components/ChatWrapper.tsx

@@ -46,7 +46,7 @@ export const ChatWrapper = ({ children }: PropsWithChildren<{}>) => {
 
   return (
     <OverlayProvider i18nInstance={streami18n} value={{ style: theme }}>
-      <Chat client={chatClient} i18nInstance={streami18n}>
+      <Chat client={chatClient} i18nInstance={streami18n} enableOfflineSupport>
         {children}
       </Chat>
     </OverlayProvider>

examples/SampleApp/src/utils/messageActions.tsx

@@ -2,6 +2,7 @@ import { Alert } from 'react-native';
 import { StreamChat } from 'stream-chat';
 import {
   Colors,
+  Delete,
   messageActions,
   MessageActionsParams,
   Time,
@@ -20,7 +21,7 @@ export function channelMessageActions({
   t: TranslationContextValue['t'];
   colors?: typeof Colors;
 }) {
-  const { dismissOverlay } = params;
+  const { dismissOverlay, deleteForMeMessage } = params;
   const actions = messageActions(params);
 
   // We cannot use the useMessageReminder hook here because it is a hook.
@@ -88,6 +89,27 @@ export function channelMessageActions({
     title: reminder ? 'Remove Reminder' : 'Remind Me',
     icon: <Bell height={24} width={24} />,
   });
+  actions.push({
+    action: async () => {
+      Alert.alert('Delete for me', 'Are you sure you want to delete this message for me?', [
+        {
+          text: 'Cancel',
+          style: 'cancel',
+        },
+        {
+          text: 'Delete',
+          onPress: async () => {
+            await deleteForMeMessage?.action();
+            dismissOverlay();
+          },
+          style: 'destructive',
+        },
+      ]);
+    },
+    actionType: 'deleteForMe',
+    icon: <Delete fill={colors?.accent_red} size={24} />,
+    title: t('Delete for me'),
+  });
 
   return actions;
 }

package/src/components/Channel/Channel.tsx

@@ -9,6 +9,7 @@ import {
   Channel as ChannelClass,
   ChannelState,
   Channel as ChannelType,
+  DeleteMessageOptions,
   EventHandler,
   LocalMessage,
   localMessageToNewMessagePayload,
@@ -324,6 +325,7 @@ export type ChannelPropsWithContext = Pick<ChannelContextValue, 'channel'> &
       | 'handleBan'
       | 'handleCopy'
       | 'handleDelete'
+      | 'handleDeleteForMe'
       | 'handleEdit'
       | 'handleFlag'
       | 'handleMarkUnread'
@@ -582,6 +584,7 @@ const ChannelWithContext = (props: PropsWithChildren<ChannelPropsWithContext>) =
     handleBan,
     handleCopy,
     handleDelete,
+    handleDeleteForMe,
     handleEdit,
     handleFlag,
     handleMarkUnread,
@@ -1515,7 +1518,15 @@ const ChannelWithContext = (props: PropsWithChildren<ChannelPropsWithContext>) =
   });
 
   const deleteMessage: MessagesContextValue['deleteMessage'] = useStableCallback(
-    async (message, hardDelete = false) => {
+    async (message, optionsOrHardDelete = false) => {
+      let options: DeleteMessageOptions = {};
+      if (typeof optionsOrHardDelete === 'boolean') {
+        options = optionsOrHardDelete ? { hardDelete: true } : {};
+      } else if (optionsOrHardDelete?.deleteForMe) {
+        options = { deleteForMe: true };
+      } else if (optionsOrHardDelete?.hardDelete) {
+        options = { hardDelete: true };
+      }
       if (!channel.id) {
         throw new Error('Channel has not been initialized yet');
       }
@@ -1534,7 +1545,7 @@ const ChannelWithContext = (props: PropsWithChildren<ChannelPropsWithContext>) =
 
       threadInstance?.upsertReplyLocally({ message: updatedMessage });
 
-      const data = await client.deleteMessage(message.id, hardDelete);
+      const data = await client.deleteMessage(message.id, options);
 
       if (data?.message) {
         updateMessage({ ...data.message });
@@ -1845,6 +1856,7 @@ const ChannelWithContext = (props: PropsWithChildren<ChannelPropsWithContext>) =
     handleBan,
     handleCopy,
     handleDelete,
+    handleDeleteForMe,
     handleEdit,
     handleFlag,
     handleMarkUnread,

package/src/components/Channel/hooks/useCreateMessagesContext.ts

@@ -33,6 +33,7 @@ export const useCreateMessagesContext = ({
   handleBan,
   handleCopy,
   handleDelete,
+  handleDeleteForMe,
   handleEdit,
   handleFlag,
   handleMarkUnread,
@@ -150,6 +151,7 @@ export const useCreateMessagesContext = ({
       handleBan,
       handleCopy,
       handleDelete,
+      handleDeleteForMe,
       handleEdit,
       handleFlag,
       handleMarkUnread,

package/src/components/ImageGallery/ImageGallery.tsx

@@ -378,7 +378,7 @@ export const ImageGallery = (props: Props) => {
   );
 
   /**
-   * This transition and scaleX reverse lets use scroll left
+   * This transition and scaleX reverse lets use scroll right
    */
   const pagerStyle = useAnimatedStyle<ImageStyle>(
     () => ({

package/src/components/ImageGallery/hooks/useAnimatedGalleryStyle.tsx

@@ -59,17 +59,17 @@ export const useAnimatedGalleryStyle = ({
         {
           scale: selected ? scale.value / 8 : oneEighth,
         },
-        { scaleX: -1 },
+        { scaleX: 1 },
       ],
     };
   }, [previous, selected]);
 
   const animatedStyles = useAnimatedStyle(() => {
-    const xScaleOffset = -7 * screenWidth * (0.5 + index);
+    const xScaleOffset = 7 * screenWidth * (0.5 + index);
     const yScaleOffset = -screenHeight * 3.5;
     return {
       transform: [
-        { scaleX: -1 },
+        { scaleX: 1 },
         { translateY: yScaleOffset },
         {
           translateX: -xScaleOffset,

package/src/components/Message/Message.tsx

@@ -121,6 +121,7 @@ export type MessagePressableHandlerPayload = PressableHandlerPayload & {
 export type MessageActionHandlers = {
   copyMessage: () => void;
   deleteMessage: () => void;
+  deleteForMeMessage: () => void;
   editMessage: () => void;
   flagMessage: () => void;
   markUnread: () => Promise<void>;
@@ -155,6 +156,7 @@ export type MessagePropsWithContext = Pick<
     | 'handleBan'
     | 'handleCopy'
     | 'handleDelete'
+    | 'handleDeleteForMe'
     | 'handleEdit'
     | 'handleFlag'
     | 'handleMarkUnread'
@@ -229,6 +231,7 @@ const MessageWithContext = (props: MessagePropsWithContext) => {
     handleBan,
     handleCopy,
     handleDelete,
+    handleDeleteForMe,
     handleEdit,
     handleFlag,
     handleMarkUnread,
@@ -487,6 +490,7 @@ const MessageWithContext = (props: MessagePropsWithContext) => {
   const {
     handleCopyMessage,
     handleDeleteMessage,
+    handleDeleteForMeMessage,
     handleEditMessage,
     handleFlagMessage,
     handleMarkUnreadMessage,
@@ -514,6 +518,7 @@ const MessageWithContext = (props: MessagePropsWithContext) => {
     banUser,
     copyMessage,
     deleteMessage,
+    deleteForMeMessage,
     editMessage,
     flagMessage,
     handleReaction,
@@ -534,6 +539,7 @@ const MessageWithContext = (props: MessagePropsWithContext) => {
     handleBan,
     handleCopy,
     handleDelete,
+    handleDeleteForMe,
     handleEdit,
     handleFlag,
     handleMarkUnread,
@@ -565,6 +571,7 @@ const MessageWithContext = (props: MessagePropsWithContext) => {
       : messageActionsProp({
           banUser,
           copyMessage,
+          deleteForMeMessage,
           deleteMessage,
           dismissOverlay,
           editMessage,
@@ -582,10 +589,12 @@ const MessageWithContext = (props: MessagePropsWithContext) => {
           showMessageReactions,
           threadReply,
           unpinMessage,
+          updateMessage,
         });
 
   const actionHandlers: MessageActionHandlers = {
     copyMessage: handleCopyMessage,
+    deleteForMeMessage: handleDeleteForMeMessage,
     deleteMessage: handleDeleteMessage,
     editMessage: handleEditMessage,
     flagMessage: handleFlagMessage,

package/src/components/Message/hooks/useMessageActionHandlers.ts

@@ -66,6 +66,14 @@ export const useMessageActionHandlers = ({
     );
   };
 
+  const handleDeleteForMeMessage = async () => {
+    if (!message.id) {
+      return;
+    }
+
+    await deleteMessage(message, { deleteForMe: true });
+  };
+
   const handleToggleMuteUser = async () => {
     if (!message.user?.id) {
       return;
@@ -182,6 +190,7 @@ export const useMessageActionHandlers = ({
 
   return {
     handleCopyMessage,
+    handleDeleteForMeMessage,
     handleDeleteMessage,
     handleEditMessage,
     handleFlagMessage,

package/src/components/Message/hooks/useMessageActions.tsx

@@ -39,6 +39,7 @@ export type MessageActionsHookProps = Pick<
   | 'handleBan'
   | 'handleCopy'
   | 'handleDelete'
+  | 'handleDeleteForMe'
   | 'handleEdit'
   | 'handleFlag'
   | 'handleQuotedReply'
@@ -73,6 +74,7 @@ export const useMessageActions = ({
   handleBan,
   handleCopy,
   handleDelete,
+  handleDeleteForMe,
   handleEdit,
   handleFlag,
   handleMarkUnread,
@@ -101,6 +103,7 @@ export const useMessageActions = ({
   const {
     handleCopyMessage,
     handleDeleteMessage,
+    handleDeleteForMeMessage,
     handleEditMessage,
     handleFlagMessage,
     handleMarkUnreadMessage,
@@ -182,6 +185,19 @@ export const useMessageActions = ({
     titleStyle: { color: accent_red },
   };
 
+  const deleteForMeMessage: MessageActionType = {
+    action: () => {
+      dismissOverlay();
+      if (handleDeleteForMe) {
+        handleDeleteForMe(message);
+      }
+      handleDeleteForMeMessage();
+    },
+    actionType: 'deleteForMeMessage',
+    icon: <Delete fill={accent_red} size={24} />,
+    title: t('Delete for me'),
+  };
+
   const editMessage: MessageActionType = {
     action: () => {
       dismissOverlay();
@@ -319,6 +335,7 @@ export const useMessageActions = ({
   return {
     banUser,
     copyMessage,
+    deleteForMeMessage,
     deleteMessage,
     editMessage,
     flagMessage,