@amityco/react-native-social-uikit 4.1.0 → 4.1.1-d7da0c5c.0

package/lib/module/social/features/chat/features/shared/hooks/useFailedMessageSheet.js

@@ -0,0 +1,135 @@
+// useFailedMessageSheet — ported from AmityUiKitWeb v4/chat/features/shared/hooks/useFailedMessageSheet.
+// Presents the "message failed to send" action sheet (Resend / Delete) and wires
+// the retry/discard callbacks. The return shape (UseFailedMessageSheetReturn) is
+// preserved verbatim from web so useChatMessage consumes it unchanged.
+//
+// RN adaptation from web:
+//   - Web opened a bottom Drawer holding a `Menu` (Resend / Delete). RN presents
+//     the same Menu in the repo's global @devvie bottom sheet (`useBottomSheet` →
+//     BottomSheetComponent) with `container="drawer"` — the identical pattern the
+//     conversation user-action menu uses. NOT an Alert dialog.
+//   - Non-synthetic delete/resend use the existing RN `useDeleteMessage` /
+//     `useCreateMessage` mutations instead of web's query hooks (resend = recreate
+//     the message, then delete the original — same as web's useResendMessageQuery).
+
+import { StyleSheet, View } from 'react-native';
+import { Menu } from '../../../../../../core/design/components/Menu';
+import { useString } from '../../../../../../core/localization';
+import { useBottomSheet } from '../../../../../../core/stores/slices/bottomSheetSlice';
+import { useChatNotifications } from '../../../hooks/useChatNotifications';
+import { useDeleteMessage } from '../../../hooks/useDeleteMessage';
+import { useCreateMessage } from '../../../hooks/useCreateMessage';
+import { isSyntheticPendingMessage } from './useMessageComposer';
+export function useFailedMessageSheet({
+  onRetryUpload,
+  onDiscardUpload,
+  onRetryText,
+  onDiscardText
+}) {
+  const {
+    openBottomSheet,
+    closeBottomSheet,
+    bottomSheetHeight
+  } = useBottomSheet();
+  const {
+    error: errorToast
+  } = useChatNotifications();
+  const {
+    deleteMessage
+  } = useDeleteMessage();
+  // LEADS WEB (deaad473): web's requestResend has no onError, so a resend that
+  // fails again is silent there. RN surfaces it.
+  // useCreateMessage maps the SDK error to localized copy but only through its
+  // onError callback. Nothing passed one, so a resend that failed again was
+  // completely silent here too — and mutateAsync's rejection went unhandled on
+  // top. Revisit if web adds its own handling, so the two don't diverge further.
+  const {
+    createMessage
+  } = useCreateMessage({
+    onError: errorMsg => errorToast({
+      content: errorMsg
+    })
+  });
+  const resendLabel = useString('amity_chat_message_resend');
+  const deleteLabel = useString('amity_chat_option_delete');
+  async function handleResend(message) {
+    if (isSyntheticPendingMessage(message)) {
+      if (message.dataType === 'text') {
+        onRetryText(message.__syntheticClientId);
+      } else {
+        onRetryUpload(message.__syntheticClientId);
+      }
+      return;
+    }
+    // Non-synthetic resend: recreate then delete the original (web's requestResend).
+    // The original is only removed once the new message is actually created —
+    // deleting it on failure would drop the text the user is trying to send.
+    try {
+      await createMessage({
+        subChannelId: message.subChannelId,
+        dataType: message.dataType,
+        data: message.data,
+        parentId: message.parentId
+      });
+    } catch {
+      // useCreateMessage's onError already raised the toast. Swallow the
+      // rejection so it isn't an unhandled promise, and leave the original
+      // failed bubble in place.
+      return;
+    }
+    if (message.messageId) {
+      await deleteMessage(message.messageId);
+    }
+  }
+  function handleDelete(message) {
+    if (isSyntheticPendingMessage(message)) {
+      if (message.dataType === 'text') {
+        onDiscardText(message.__syntheticClientId);
+      } else {
+        onDiscardUpload(message.__syntheticClientId);
+      }
+      return;
+    }
+    if (message.messageId) {
+      deleteMessage(message.messageId);
+    }
+  }
+  function openFailedSheet(message) {
+    openBottomSheet({
+      height: bottomSheetHeight[2],
+      content: /*#__PURE__*/React.createElement(View, {
+        style: styles.sheetContainer
+      }, /*#__PURE__*/React.createElement(Menu, {
+        variant: "chat",
+        container: "drawer"
+      }, /*#__PURE__*/React.createElement(Menu.Item, {
+        label: resendLabel,
+        onPress: () => {
+          closeBottomSheet();
+          handleResend(message);
+        }
+      }), /*#__PURE__*/React.createElement(Menu.Item, {
+        label: deleteLabel,
+        destructive: true,
+        onPress: () => {
+          closeBottomSheet();
+          handleDelete(message);
+        }
+      })))
+    });
+  }
+  return {
+    openFailedSheet
+  };
+}
+const styles = StyleSheet.create({
+  // Web's drawer container supplies the horizontal padding (its menuItem in a
+  // drawer is `0.875rem 0`, i.e. no side padding). Match the RN chat-sheet
+  // convention (AmityConversationChatUserActionComponent) so the Resend/Delete
+  // rows aren't flush to the screen edges.
+  sheetContainer: {
+    paddingHorizontal: 16,
+    paddingBottom: 16
+  }
+});
+//# sourceMappingURL=useFailedMessageSheet.js.map

package/lib/module/social/features/chat/features/shared/hooks/useFailedMessageSheet.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["StyleSheet","View","Menu","useString","useBottomSheet","useChatNotifications","useDeleteMessage","useCreateMessage","isSyntheticPendingMessage","useFailedMessageSheet","onRetryUpload","onDiscardUpload","onRetryText","onDiscardText","openBottomSheet","closeBottomSheet","bottomSheetHeight","error","errorToast","deleteMessage","createMessage","onError","errorMsg","content","resendLabel","deleteLabel","handleResend","message","dataType","__syntheticClientId","subChannelId","data","parentId","messageId","handleDelete","openFailedSheet","height","React","createElement","style","styles","sheetContainer","variant","container","Item","label","onPress","destructive","create","paddingHorizontal","paddingBottom"],"sourceRoot":"../../../../../../../../src","sources":["social/features/chat/features/shared/hooks/useFailedMessageSheet.tsx"],"mappings":"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","ignoreList":[]}

package/lib/module/social/features/chat/features/shared/hooks/useMarkAsRead.js

@@ -0,0 +1,46 @@
+// useMarkAsRead — ported from AmityUiKitWeb v4/chat/features/shared/hooks/useMarkAsRead.
+// Marks the latest visible message as read once the viewer is at the bottom of
+// the list, debounced so rapid scroll/append churn only fires one markRead.
+//
+// RN adaptations from web:
+//   - Web debounced via `react-use`'s `useDebounce` (not a dependency here); we
+//     reproduce it with a `useEffect` + `setTimeout` keyed on the same deps, and
+//     define MARK_READ_DEBOUNCE_MS locally (web imported it from ~/v4/chat/constants).
+//   - SDK method is identical: `Amity.Message#markRead()` (an instance method on
+//     the message object, same as web). The task's SubChannelRepository /
+//     MessageRepository hint resolves to this per-message call.
+//   - Added `isConnected` gate (via useAuth) as mandated — web does not gate on
+//     connection state; this is an intentional RN deviation matching the repo's
+//     live-SDK-call convention (see hooks/collections/useChannelsCollection).
+
+import { useEffect, useRef } from 'react';
+import useAuth from '../../../../../../core/hooks/useAuth';
+const MARK_READ_DEBOUNCE_MS = 500;
+export function useMarkAsRead({
+  latestMessage,
+  atBottom,
+  enabled
+}) {
+  const {
+    isConnected
+  } = useAuth();
+  const lastMarkedIdRef = useRef(null);
+  useEffect(() => {
+    const timer = setTimeout(() => {
+      if (!isConnected || !enabled || !atBottom || !latestMessage) return;
+      const id = latestMessage.messageId;
+      if (!id || lastMarkedIdRef.current === id) return;
+      try {
+        latestMessage.markRead();
+        lastMarkedIdRef.current = id;
+      } catch {
+        // markRead failures are non-fatal; SDK will retry on the next visibility tick
+      }
+    }, MARK_READ_DEBOUNCE_MS);
+    return () => clearTimeout(timer);
+  }, [latestMessage === null || latestMessage === void 0 ? void 0 : latestMessage.messageId, atBottom, enabled, isConnected]);
+  useEffect(() => {
+    lastMarkedIdRef.current = null;
+  }, [latestMessage === null || latestMessage === void 0 ? void 0 : latestMessage.subChannelId]);
+}
+//# sourceMappingURL=useMarkAsRead.js.map

package/lib/module/social/features/chat/features/shared/hooks/useMarkAsRead.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["useEffect","useRef","useAuth","MARK_READ_DEBOUNCE_MS","useMarkAsRead","latestMessage","atBottom","enabled","isConnected","lastMarkedIdRef","timer","setTimeout","id","messageId","current","markRead","clearTimeout","subChannelId"],"sourceRoot":"../../../../../../../../src","sources":["social/features/chat/features/shared/hooks/useMarkAsRead.ts"],"mappings":"AAAA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA,SAASA,SAAS,EAAEC,MAAM,QAAQ,OAAO;AAEzC,OAAOC,OAAO,MAAM,sCAAsC;AAE1D,MAAMC,qBAAqB,GAAG,GAAG;AAQjC,OAAO,SAASC,aAAaA,CAAC;EAC5BC,aAAa;EACbC,QAAQ;EACRC;AACmB,CAAC,EAAE;EACtB,MAAM;IAAEC;EAAY,CAAC,GAAGN,OAAO,CAAC,CAAC;EACjC,MAAMO,eAAe,GAAGR,MAAM,CAAgB,IAAI,CAAC;EAEnDD,SAAS,CAAC,MAAM;IACd,MAAMU,KAAK,GAAGC,UAAU,CAAC,MAAM;MAC7B,IAAI,CAACH,WAAW,IAAI,CAACD,OAAO,IAAI,CAACD,QAAQ,IAAI,CAACD,aAAa,EAAE;MAC7D,MAAMO,EAAE,GAAGP,aAAa,CAACQ,SAAS;MAClC,IAAI,CAACD,EAAE,IAAIH,eAAe,CAACK,OAAO,KAAKF,EAAE,EAAE;MAC3C,IAAI;QACFP,aAAa,CAACU,QAAQ,CAAC,CAAC;QACxBN,eAAe,CAACK,OAAO,GAAGF,EAAE;MAC9B,CAAC,CAAC,MAAM;QACN;MAAA;IAEJ,CAAC,EAAET,qBAAqB,CAAC;IAEzB,OAAO,MAAMa,YAAY,CAACN,KAAK,CAAC;EAClC,CAAC,EAAE,CAACL,aAAa,aAAbA,aAAa,uBAAbA,aAAa,CAAEQ,SAAS,EAAEP,QAAQ,EAAEC,OAAO,EAAEC,WAAW,CAAC,CAAC;EAE9DR,SAAS,CAAC,MAAM;IACdS,eAAe,CAACK,OAAO,GAAG,IAAI;EAChC,CAAC,EAAE,CAACT,aAAa,aAAbA,aAAa,uBAAbA,aAAa,CAAEY,YAAY,CAAC,CAAC;AACnC","ignoreList":[]}

package/lib/module/social/features/chat/features/shared/hooks/useMediaViewer.js

@@ -0,0 +1,71 @@
+// useMediaViewer — ported from AmityUiKitWeb v4/chat/features/shared/hooks/useMediaViewer.
+// Holds the open/closed state for the full-screen image viewer and video player,
+// and derives the render-prop objects the ported ImageViewer / VideoPlayer
+// components consume (src/social/features/chat/features/shared/components/{ImageViewer,VideoPlayer}).
+//
+// RN adaptations from web:
+//   - `currentUserId` comes from `Client.getCurrentUser()` (via useCurrentUserId)
+//     instead of web's `useSDK().currentUserId`.
+//   - Delete goes through the RN `useDeleteMessageQuery` port, which confirms via
+//     the platform `Alert` before deleting (web used ConfirmProvider's modal).
+//     `afterDelete` closes the viewer, exactly as web does.
+//   - Save goes through `useSaveMediaMessageQuery` (RN port), which downloads the
+//     file and writes it to the device gallery via CameraRoll (web downloaded via
+//     the browser). Same URL-resolution + success/error toasts.
+// The return shape (UseMediaViewerReturn, ImageViewerRenderProps, VideoPlayerRenderProps)
+// is preserved verbatim from web so useChatMessage can consume it unchanged.
+
+import { useState } from 'react';
+import { useCurrentUserId } from '../../../hooks/useCurrentUserId';
+import { useDeleteMessageQuery, useSaveMediaMessageQuery } from '../../../hooks/queries';
+export function useMediaViewer() {
+  const currentUserId = useCurrentUserId();
+  const {
+    requestSave
+  } = useSaveMediaMessageQuery();
+  const {
+    requestDelete
+  } = useDeleteMessageQuery();
+  const [imageView, setImageView] = useState(null);
+  const [videoMessage, setVideoMessage] = useState(null);
+  function closeImageViewer() {
+    setImageView(null);
+  }
+  function closeVideoPlayer() {
+    setVideoMessage(null);
+  }
+  function openImageViewer(url, message) {
+    setImageView({
+      url,
+      message
+    });
+  }
+  function openVideoPlayer(message) {
+    setVideoMessage(message);
+  }
+  const imageViewerProps = imageView ? {
+    src: imageView.url,
+    onClose: closeImageViewer,
+    isOwn: imageView.message.creatorId === currentUserId,
+    onDelete: () => requestDelete(imageView.message, {
+      afterDelete: closeImageViewer
+    }),
+    onSave: () => requestSave(imageView.message)
+  } : null;
+  const videoPlayerProps = videoMessage ? {
+    message: videoMessage,
+    onClose: closeVideoPlayer,
+    isOwn: videoMessage.creatorId === currentUserId,
+    onDelete: () => requestDelete(videoMessage, {
+      afterDelete: closeVideoPlayer
+    }),
+    onSave: () => requestSave(videoMessage)
+  } : null;
+  return {
+    openImageViewer,
+    openVideoPlayer,
+    imageViewerProps,
+    videoPlayerProps
+  };
+}
+//# sourceMappingURL=useMediaViewer.js.map

package/lib/module/social/features/chat/features/shared/hooks/useMediaViewer.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["useState","useCurrentUserId","useDeleteMessageQuery","useSaveMediaMessageQuery","useMediaViewer","currentUserId","requestSave","requestDelete","imageView","setImageView","videoMessage","setVideoMessage","closeImageViewer","closeVideoPlayer","openImageViewer","url","message","openVideoPlayer","imageViewerProps","src","onClose","isOwn","creatorId","onDelete","afterDelete","onSave","videoPlayerProps"],"sourceRoot":"../../../../../../../../src","sources":["social/features/chat/features/shared/hooks/useMediaViewer.ts"],"mappings":"AAAA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA,SAASA,QAAQ,QAAQ,OAAO;AAEhC,SAASC,gBAAgB,QAAQ,iCAAiC;AAClE,SACEC,qBAAqB,EACrBC,wBAAwB,QACnB,wBAAwB;AA8B/B,OAAO,SAASC,cAAcA,CAAA,EAAyB;EACrD,MAAMC,aAAa,GAAGJ,gBAAgB,CAAC,CAAC;EACxC,MAAM;IAAEK;EAAY,CAAC,GAAGH,wBAAwB,CAAC,CAAC;EAClD,MAAM;IAAEI;EAAc,CAAC,GAAGL,qBAAqB,CAAC,CAAC;EACjD,MAAM,CAACM,SAAS,EAAEC,YAAY,CAAC,GAAGT,QAAQ,CAAmB,IAAI,CAAC;EAClE,MAAM,CAACU,YAAY,EAAEC,eAAe,CAAC,GAAGX,QAAQ,CAAuB,IAAI,CAAC;EAE5E,SAASY,gBAAgBA,CAAA,EAAG;IAC1BH,YAAY,CAAC,IAAI,CAAC;EACpB;EAEA,SAASI,gBAAgBA,CAAA,EAAG;IAC1BF,eAAe,CAAC,IAAI,CAAC;EACvB;EAEA,SAASG,eAAeA,CAACC,GAAW,EAAEC,OAAsB,EAAE;IAC5DP,YAAY,CAAC;MAAEM,GAAG;MAAEC;IAAQ,CAAC,CAAC;EAChC;EAEA,SAASC,eAAeA,CAACD,OAAsB,EAAE;IAC/CL,eAAe,CAACK,OAAO,CAAC;EAC1B;EAEA,MAAME,gBAA+C,GAAGV,SAAS,GAC7D;IACEW,GAAG,EAAEX,SAAS,CAACO,GAAG;IAClBK,OAAO,EAAER,gBAAgB;IACzBS,KAAK,EAAEb,SAAS,CAACQ,OAAO,CAACM,SAAS,KAAKjB,aAAa;IACpDkB,QAAQ,EAAEA,CAAA,KACRhB,aAAa,CAACC,SAAS,CAACQ,OAAO,EAAE;MAAEQ,WAAW,EAAEZ;IAAiB,CAAC,CAAC;IACrEa,MAAM,EAAEA,CAAA,KAAMnB,WAAW,CAACE,SAAS,CAACQ,OAAO;EAC7C,CAAC,GACD,IAAI;EAER,MAAMU,gBAA+C,GAAGhB,YAAY,GAChE;IACEM,OAAO,EAAEN,YAAY;IACrBU,OAAO,EAAEP,gBAAgB;IACzBQ,KAAK,EAAEX,YAAY,CAACY,SAAS,KAAKjB,aAAa;IAC/CkB,QAAQ,EAAEA,CAAA,KACRhB,aAAa,CAACG,YAAY,EAAE;MAAEc,WAAW,EAAEX;IAAiB,CAAC,CAAC;IAChEY,MAAM,EAAEA,CAAA,KAAMnB,WAAW,CAACI,YAAY;EACxC,CAAC,GACD,IAAI;EAER,OAAO;IACLI,eAAe;IACfG,eAAe;IACfC,gBAAgB;IAChBQ;EACF,CAAC;AACH","ignoreList":[]}