@repzo/widget-react-native 1.3.0 → 1.4.0

package/lib/module/ui/components/ConversationRow.js

@@ -15,6 +15,7 @@ import { forwardDirection, START_ALIGN } from "../utils/rtl.js";
 import { fontSize, palette, spacing } from "../styles/theme.js";
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 const AVATAR_SIZE = 40;
+const CARD_AVATAR_SIZE = 32;
 export function ConversationRow({
   conversation,
   color,
@@ -22,47 +23,59 @@ export function ConversationRow({
   timeLabels,
   unreadCount = 0,
   unreadLabel,
+  lastMessageLabels,
   horizontalPadding = spacing.xl,
+  variant = 'list',
   onPress
 }) {
+  const card = variant === 'card';
   const displayName = conversation.agentName || fallbackName;
   const hasUnread = unreadCount > 0;
   const unreadSuffix = hasUnread && unreadLabel ? `. ${formatLabel(unreadLabel, {
     count: unreadCount
   })}` : '';
+  const attachment = conversation.lastMessageAttachment;
+  // "Photo" or "File" over Workstation's "2 attachments".
+  const snippet = attachment && lastMessageLabels?.[attachment] || conversation.snippet || '';
+  // "You: " is drawn a shade stronger than the message, so it reads as a label.
+  const [youBefore, youAfter] = snippet && conversation.lastMessageFromVisitor && lastMessageLabels?.you ? splitAround(lastMessageLabels.you, '{message}') : ['', ''];
+  const snippetLabel = `${youBefore}${snippet}${youAfter}`;
   return /*#__PURE__*/_jsxs(Pressable, {
     onPress: onPress,
     accessibilityRole: "button",
-    accessibilityLabel: `${conversation.snippet ? `${displayName}. ${conversation.snippet}` : displayName}${unreadSuffix}`,
+    accessibilityLabel: `${snippet ? `${displayName}. ${snippetLabel}` : displayName}${unreadSuffix}`,
     android_ripple: {
       color: palette.borderSoft
     },
     style: ({
       pressed
-    }) => [styles.row, {
+    }) => [styles.row, card && cardStyles.row, {
       paddingHorizontal: horizontalPadding
     }, pressed && styles.rowPressed],
     children: [/*#__PURE__*/_jsx(Avatar, {
       avatar: conversation.agentAvatar,
       name: conversation.agentName,
-      size: AVATAR_SIZE,
+      size: card ? CARD_AVATAR_SIZE : AVATAR_SIZE,
       color: color
     }), /*#__PURE__*/_jsxs(View, {
       style: styles.content,
       children: [/*#__PURE__*/_jsxs(View, {
-        style: styles.topLine,
+        style: [styles.topLine, card && cardStyles.topLine],
         children: [/*#__PURE__*/_jsx(Text, {
-          style: [styles.name, hasUnread && styles.nameUnread],
+          style: card ? [cardStyles.name, hasUnread && cardStyles.nameUnread] : [styles.name, hasUnread && styles.nameUnread],
           numberOfLines: 1,
           children: displayName
         }), /*#__PURE__*/_jsx(Text, {
-          style: styles.time,
+          style: [styles.time, card && cardStyles.time],
           children: conversation.lastMessageAt ? formatRelativeTime(conversation.lastMessageAt, timeLabels) : ''
         })]
-      }), conversation.snippet ? /*#__PURE__*/_jsx(Text, {
-        style: [styles.snippet, hasUnread && styles.snippetUnread],
+      }), snippet ? /*#__PURE__*/_jsxs(Text, {
+        style: [styles.snippet, card && cardStyles.snippet, hasUnread && styles.snippetUnread],
         numberOfLines: 2,
-        children: conversation.snippet
+        children: [youBefore ? /*#__PURE__*/_jsx(Text, {
+          style: styles.snippetYou,
+          children: youBefore
+        }) : null, snippet, youAfter]
       }) : null]
     }), hasUnread ? /*#__PURE__*/_jsx(View, {
       style: [styles.badge, {
@@ -72,7 +85,7 @@ export function ConversationRow({
         style: styles.badgeLabel,
         children: unreadCount > 9 ? '9+' : unreadCount
       })
-    }) : /*#__PURE__*/_jsx(ChevronIcon, {
+    }) : card ? null : /*#__PURE__*/_jsx(ChevronIcon, {
       size: 16,
       direction: forwardDirection(),
       color: palette.textSubtle
@@ -80,6 +93,13 @@ export function ConversationRow({
   });
 }
 
+/** `'You: {message}'` → `['You: ', '']`; a template without the token goes in front. */
+function splitAround(template, token) {
+  const index = template.indexOf(token);
+  if (index < 0) return [`${template} `, ''];
+  return [template.slice(0, index), template.slice(index + token.length)];
+}
+
 /** Where a divider should start so it sits under the text, not the avatar. */
 export function rowDividerInset(horizontalPadding = spacing.xl) {
   return horizontalPadding + AVATAR_SIZE + spacing.md;
@@ -131,6 +151,10 @@ const styles = StyleSheet.create({
     color: palette.text,
     fontWeight: '500'
   },
+  snippetYou: {
+    color: palette.text,
+    fontWeight: '600'
+  },
   // Replaces the chevron rather than crowding beside it, so the row keeps
   // the same width whether or not there is anything unread.
   badge: {
@@ -147,4 +171,35 @@ const styles = StyleSheet.create({
     fontWeight: '700'
   }
 });
+
+// Overrides for the `card` variant. It sits under the card's title, so it
+// drops the list's minimum height, and its name, time and last message share
+// one size, the way the Home design draws them.
+const cardStyles = StyleSheet.create({
+  row: {
+    minHeight: 0,
+    paddingVertical: spacing.sm
+  },
+  // The time follows the name instead of being pushed to the far edge.
+  topLine: {
+    justifyContent: 'flex-start'
+  },
+  name: {
+    textAlign: START_ALIGN,
+    flexShrink: 1,
+    fontSize: fontSize.body,
+    color: palette.ink
+  },
+  nameUnread: {
+    fontWeight: '600'
+  },
+  time: {
+    fontSize: fontSize.body
+  },
+  snippet: {
+    fontSize: fontSize.body,
+    lineHeight: fontSize.body * 1.35,
+    color: palette.textSubtle
+  }
+});
 //# sourceMappingURL=ConversationRow.js.map

package/lib/module/ui/components/ConversationRow.js.map

@@ -1 +1 @@
-{"version":3,"names":["Pressable","StyleSheet","Text","View","Avatar","formatLabel","formatRelativeTime","ChevronIcon","forwardDirection","START_ALIGN","fontSize","palette","spacing","jsx","_jsx","jsxs","_jsxs","AVATAR_SIZE","ConversationRow","conversation","color","fallbackName","timeLabels","unreadCount","unreadLabel","horizontalPadding","xl","onPress","displayName","agentName","hasUnread","unreadSuffix","count","accessibilityRole","accessibilityLabel","snippet","android_ripple","borderSoft","style","pressed","styles","row","paddingHorizontal","rowPressed","children","avatar","agentAvatar","name","size","content","topLine","nameUnread","numberOfLines","time","lastMessageAt","snippetUnread","badge","backgroundColor","badgeLabel","direction","textSubtle","rowDividerInset","md","create","flexDirection","alignItems","gap","minHeight","paddingVertical","white","surface","flex","minWidth","justifyContent","sm","textAlign","body","fontWeight","ink","caption","meta","lineHeight","textMuted","marginTop","text","height","borderRadius","xs","micro"],"sourceRoot":"../../../../src","sources":["ui/components/ConversationRow.tsx"],"mappings":"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","ignoreList":[]}
+{"version":3,"names":["Pressable","StyleSheet","Text","View","Avatar","formatLabel","formatRelativeTime","ChevronIcon","forwardDirection","START_ALIGN","fontSize","palette","spacing","jsx","_jsx","jsxs","_jsxs","AVATAR_SIZE","CARD_AVATAR_SIZE","ConversationRow","conversation","color","fallbackName","timeLabels","unreadCount","unreadLabel","lastMessageLabels","horizontalPadding","xl","variant","onPress","card","displayName","agentName","hasUnread","unreadSuffix","count","attachment","lastMessageAttachment","snippet","youBefore","youAfter","lastMessageFromVisitor","you","splitAround","snippetLabel","accessibilityRole","accessibilityLabel","android_ripple","borderSoft","style","pressed","styles","row","cardStyles","paddingHorizontal","rowPressed","children","avatar","agentAvatar","name","size","content","topLine","nameUnread","numberOfLines","time","lastMessageAt","snippetUnread","snippetYou","badge","backgroundColor","badgeLabel","direction","textSubtle","template","token","index","indexOf","slice","length","rowDividerInset","md","create","flexDirection","alignItems","gap","minHeight","paddingVertical","white","surface","flex","minWidth","justifyContent","sm","textAlign","body","fontWeight","ink","caption","meta","lineHeight","textMuted","marginTop","text","height","borderRadius","xs","micro","flexShrink"],"sourceRoot":"../../../../src","sources":["ui/components/ConversationRow.tsx"],"mappings":";;AAAA;AACA;AACA;AACA;AACA;;AAEA,SAASA,SAAS,EAAEC,UAAU,EAAEC,IAAI,EAAEC,IAAI,QAAQ,cAAc;AAGhE,SAASC,MAAM,QAAQ,aAAU;AACjC,SAASC,WAAW,QAAQ,eAAY;AACxC,SAASC,kBAAkB,QAAiC,2BAAwB;AACpF,SAASC,WAAW,QAAQ,YAAS;AACrC,SAASC,gBAAgB,EAAEC,WAAW,QAAQ,iBAAc;AAC5D,SAASC,QAAQ,EAAEC,OAAO,EAAEC,OAAO,QAAQ,oBAAiB;AAAC,SAAAC,GAAA,IAAAC,IAAA,EAAAC,IAAA,IAAAC,KAAA;AAE7D,MAAMC,WAAW,GAAG,EAAE;AACtB,MAAMC,gBAAgB,GAAG,EAAE;AAgC3B,OAAO,SAASC,eAAeA,CAAC;EAC9BC,YAAY;EACZC,KAAK;EACLC,YAAY;EACZC,UAAU;EACVC,WAAW,GAAG,CAAC;EACfC,WAAW;EACXC,iBAAiB;EACjBC,iBAAiB,GAAGf,OAAO,CAACgB,EAAE;EAC9BC,OAAO,GAAG,MAAM;EAChBC;AACoB,CAAC,EAAE;EACvB,MAAMC,IAAI,GAAGF,OAAO,KAAK,MAAM;EAC/B,MAAMG,WAAW,GAAGZ,YAAY,CAACa,SAAS,IAAIX,YAAY;EAC1D,MAAMY,SAAS,GAAGV,WAAW,GAAG,CAAC;EACjC,MAAMW,YAAY,GAChBD,SAAS,IAAIT,WAAW,GAAG,KAAKpB,WAAW,CAACoB,WAAW,EAAE;IAAEW,KAAK,EAAEZ;EAAY,CAAC,CAAC,EAAE,GAAG,EAAE;EACzF,MAAMa,UAAU,GAAGjB,YAAY,CAACkB,qBAAqB;EACrD;EACA,MAAMC,OAAO,GAAIF,UAAU,IAAIX,iBAAiB,GAAGW,UAAU,CAAC,IAAKjB,YAAY,CAACmB,OAAO,IAAI,EAAE;EAC7F;EACA,MAAM,CAACC,SAAS,EAAEC,QAAQ,CAAC,GACzBF,OAAO,IAAInB,YAAY,CAACsB,sBAAsB,IAAIhB,iBAAiB,EAAEiB,GAAG,GACpEC,WAAW,CAAClB,iBAAiB,CAACiB,GAAG,EAAE,WAAW,CAAC,GAC/C,CAAC,EAAE,EAAE,EAAE,CAAC;EACd,MAAME,YAAY,GAAG,GAAGL,SAAS,GAAGD,OAAO,GAAGE,QAAQ,EAAE;EAExD,oBACEzB,KAAA,CAAChB,SAAS;IACR8B,OAAO,EAAEA,OAAQ;IACjBgB,iBAAiB,EAAC,QAAQ;IAC1BC,kBAAkB,EAAE,GAClBR,OAAO,GAAG,GAAGP,WAAW,KAAKa,YAAY,EAAE,GAAGb,WAAW,GACxDG,YAAY,EAAG;IAClBa,cAAc,EAAE;MAAE3B,KAAK,EAAEV,OAAO,CAACsC;IAAW,CAAE;IAC9CC,KAAK,EAAEA,CAAC;MAAEC;IAAQ,CAAC,KAAK,CACtBC,MAAM,CAACC,GAAG,EACVtB,IAAI,IAAIuB,UAAU,CAACD,GAAG,EACtB;MAAEE,iBAAiB,EAAE5B;IAAkB,CAAC,EACxCwB,OAAO,IAAIC,MAAM,CAACI,UAAU,CAC5B;IAAAC,QAAA,gBACF3C,IAAA,CAACV,MAAM;MACLsD,MAAM,EAAEtC,YAAY,CAACuC,WAAY;MACjCC,IAAI,EAAExC,YAAY,CAACa,SAAU;MAC7B4B,IAAI,EAAE9B,IAAI,GAAGb,gBAAgB,GAAGD,WAAY;MAC5CI,KAAK,EAAEA;IAAM,CACd,CAAC,eACFL,KAAA,CAACb,IAAI;MAAC+C,KAAK,EAAEE,MAAM,CAACU,OAAQ;MAAAL,QAAA,gBAC1BzC,KAAA,CAACb,IAAI;QAAC+C,KAAK,EAAE,CAACE,MAAM,CAACW,OAAO,EAAEhC,IAAI,IAAIuB,UAAU,CAACS,OAAO,CAAE;QAAAN,QAAA,gBACxD3C,IAAA,CAACZ,IAAI;UACHgD,KAAK,EACHnB,IAAI,GACA,CAACuB,UAAU,CAACM,IAAI,EAAE1B,SAAS,IAAIoB,UAAU,CAACU,UAAU,CAAC,GACrD,CAACZ,MAAM,CAACQ,IAAI,EAAE1B,SAAS,IAAIkB,MAAM,CAACY,UAAU,CACjD;UACDC,aAAa,EAAE,CAAE;UAAAR,QAAA,EAChBzB;QAAW,CACR,CAAC,eACPlB,IAAA,CAACZ,IAAI;UAACgD,KAAK,EAAE,CAACE,MAAM,CAACc,IAAI,EAAEnC,IAAI,IAAIuB,UAAU,CAACY,IAAI,CAAE;UAAAT,QAAA,EACjDrC,YAAY,CAAC+C,aAAa,GACvB7D,kBAAkB,CAACc,YAAY,CAAC+C,aAAa,EAAE5C,UAAU,CAAC,GAC1D;QAAE,CACF,CAAC;MAAA,CACH,CAAC,EACNgB,OAAO,gBACNvB,KAAA,CAACd,IAAI;QACHgD,KAAK,EAAE,CAACE,MAAM,CAACb,OAAO,EAAER,IAAI,IAAIuB,UAAU,CAACf,OAAO,EAAEL,SAAS,IAAIkB,MAAM,CAACgB,aAAa,CAAE;QACvFH,aAAa,EAAE,CAAE;QAAAR,QAAA,GAChBjB,SAAS,gBAAG1B,IAAA,CAACZ,IAAI;UAACgD,KAAK,EAAEE,MAAM,CAACiB,UAAW;UAAAZ,QAAA,EAAEjB;QAAS,CAAO,CAAC,GAAG,IAAI,EACrED,OAAO,EACPE,QAAQ;MAAA,CACL,CAAC,GACL,IAAI;IAAA,CACJ,CAAC,EACNP,SAAS,gBACRpB,IAAA,CAACX,IAAI;MAAC+C,KAAK,EAAE,CAACE,MAAM,CAACkB,KAAK,EAAE;QAAEC,eAAe,EAAElD;MAAM,CAAC,CAAE;MAAAoC,QAAA,eACtD3C,IAAA,CAACZ,IAAI;QAACgD,KAAK,EAAEE,MAAM,CAACoB,UAAW;QAAAf,QAAA,EAAEjC,WAAW,GAAG,CAAC,GAAG,IAAI,GAAGA;MAAW,CAAO;IAAC,CACzE,CAAC,GACLO,IAAI,GAAG,IAAI,gBACbjB,IAAA,CAACP,WAAW;MAACsD,IAAI,EAAE,EAAG;MAACY,SAAS,EAAEjE,gBAAgB,CAAC,CAAE;MAACa,KAAK,EAAEV,OAAO,CAAC+D;IAAW,CAAE,CACnF;EAAA,CACQ,CAAC;AAEhB;;AAEA;AACA,SAAS9B,WAAWA,CAAC+B,QAAgB,EAAEC,KAAa,EAAoB;EACtE,MAAMC,KAAK,GAAGF,QAAQ,CAACG,OAAO,CAACF,KAAK,CAAC;EACrC,IAAIC,KAAK,GAAG,CAAC,EAAE,OAAO,CAAC,GAAGF,QAAQ,GAAG,EAAE,EAAE,CAAC;EAC1C,OAAO,CAACA,QAAQ,CAACI,KAAK,CAAC,CAAC,EAAEF,KAAK,CAAC,EAAEF,QAAQ,CAACI,KAAK,CAACF,KAAK,GAAGD,KAAK,CAACI,MAAM,CAAC,CAAC;AACzE;;AAEA;AACA,OAAO,SAASC,eAAeA,CAACtD,iBAAyB,GAAGf,OAAO,CAACgB,EAAE,EAAU;EAC9E,OAAOD,iBAAiB,GAAGV,WAAW,GAAGL,OAAO,CAACsE,EAAE;AACrD;AAEA,MAAM9B,MAAM,GAAGnD,UAAU,CAACkF,MAAM,CAAC;EAC/B9B,GAAG,EAAE;IACH+B,aAAa,EAAE,KAAK;IACpBC,UAAU,EAAE,QAAQ;IACpBC,GAAG,EAAE1E,OAAO,CAACsE,EAAE;IACfK,SAAS,EAAE,EAAE;IACbC,eAAe,EAAE5E,OAAO,CAACsE,EAAE;IAC3BX,eAAe,EAAE5D,OAAO,CAAC8E;EAC3B,CAAC;EACDjC,UAAU,EAAE;IACVe,eAAe,EAAE5D,OAAO,CAAC+E;EAC3B,CAAC;EACD5B,OAAO,EAAE;IACP6B,IAAI,EAAE,CAAC;IACPC,QAAQ,EAAE;EACZ,CAAC;EACD7B,OAAO,EAAE;IACPqB,aAAa,EAAE,KAAK;IACpBC,UAAU,EAAE,QAAQ;IACpBQ,cAAc,EAAE,eAAe;IAC/BP,GAAG,EAAE1E,OAAO,CAACkF;EACf,CAAC;EACDlC,IAAI,EAAE;IACJmC,SAAS,EAAEtF,WAAW;IACtBkF,IAAI,EAAE,CAAC;IACPjF,QAAQ,EAAEA,QAAQ,CAACsF,IAAI;IACvBC,UAAU,EAAE,KAAK;IACjB5E,KAAK,EAAEV,OAAO,CAACuF;EACjB,CAAC;EACDlC,UAAU,EAAE;IACViC,UAAU,EAAE;EACd,CAAC;EACD/B,IAAI,EAAE;IACJxD,QAAQ,EAAEA,QAAQ,CAACyF,OAAO;IAC1B9E,KAAK,EAAEV,OAAO,CAAC+D;EACjB,CAAC;EACDnC,OAAO,EAAE;IACPwD,SAAS,EAAEtF,WAAW;IACtBC,QAAQ,EAAEA,QAAQ,CAAC0F,IAAI;IACvBC,UAAU,EAAE3F,QAAQ,CAAC0F,IAAI,GAAG,IAAI;IAChC/E,KAAK,EAAEV,OAAO,CAAC2F,SAAS;IACxBC,SAAS,EAAE;EACb,CAAC;EACDnC,aAAa,EAAE;IACb/C,KAAK,EAAEV,OAAO,CAAC6F,IAAI;IACnBP,UAAU,EAAE;EACd,CAAC;EACD5B,UAAU,EAAE;IACVhD,KAAK,EAAEV,OAAO,CAAC6F,IAAI;IACnBP,UAAU,EAAE;EACd,CAAC;EACD;EACA;EACA3B,KAAK,EAAE;IACLsB,QAAQ,EAAE,EAAE;IACZa,MAAM,EAAE,EAAE;IACVC,YAAY,EAAE,EAAE;IAChBnD,iBAAiB,EAAE3C,OAAO,CAAC+F,EAAE,GAAG,CAAC;IACjCtB,UAAU,EAAE,QAAQ;IACpBQ,cAAc,EAAE;EAClB,CAAC;EACDrB,UAAU,EAAE;IACVnD,KAAK,EAAEV,OAAO,CAAC8E,KAAK;IACpB/E,QAAQ,EAAEA,QAAQ,CAACkG,KAAK;IACxBX,UAAU,EAAE;EACd;AACF,CAAC,CAAC;;AAEF;AACA;AACA;AACA,MAAM3C,UAAU,GAAGrD,UAAU,CAACkF,MAAM,CAAC;EACnC9B,GAAG,EAAE;IACHkC,SAAS,EAAE,CAAC;IACZC,eAAe,EAAE5E,OAAO,CAACkF;EAC3B,CAAC;EACD;EACA/B,OAAO,EAAE;IACP8B,cAAc,EAAE;EAClB,CAAC;EACDjC,IAAI,EAAE;IACJmC,SAAS,EAAEtF,WAAW;IACtBoG,UAAU,EAAE,CAAC;IACbnG,QAAQ,EAAEA,QAAQ,CAACsF,IAAI;IACvB3E,KAAK,EAAEV,OAAO,CAACuF;EACjB,CAAC;EACDlC,UAAU,EAAE;IACViC,UAAU,EAAE;EACd,CAAC;EACD/B,IAAI,EAAE;IACJxD,QAAQ,EAAEA,QAAQ,CAACsF;EACrB,CAAC;EACDzD,OAAO,EAAE;IACP7B,QAAQ,EAAEA,QAAQ,CAACsF,IAAI;IACvBK,UAAU,EAAE3F,QAAQ,CAACsF,IAAI,GAAG,IAAI;IAChC3E,KAAK,EAAEV,OAAO,CAAC+D;EACjB;AACF,CAAC,CAAC","ignoreList":[]}

package/lib/module/ui/components/ImageViewer.js

@@ -3,29 +3,137 @@
 /**
  * Full-screen viewer for image attachments, so a tap on a photo the agent sent
  * stays inside the messenger instead of bouncing to the browser. Pinch, drag
- * and double-tap zoom work on iOS and Android (see ZoomableImage).
+ * and double-tap zoom work on iOS and Android (see ZoomableImage). With
+ * several photos in one message, a sideways swipe moves between them.
  */
 
-import { useState } from 'react';
-import { ActivityIndicator, Modal, Platform, Pressable, StyleSheet, Text, View } from 'react-native';
+import { useLayoutEffect, useRef, useState } from 'react';
+import { ActivityIndicator, Animated, Image, Modal, Platform, Pressable, StyleSheet, Text, View } from 'react-native';
+import { formatLabel } from "../../i18n.js";
+import { useReduceMotion } from "../hooks/use-reduce-motion.js";
 import { useWidgetInsets } from "../hooks/use-widget-insets.js";
 import { fontSize, palette, spacing } from "../styles/theme.js";
+import { isRTL } from "../utils/rtl.js";
+import { isHttpUrl } from "../utils/safe-url.js";
 import { CloseIcon } from "./icons.js";
 import { ZoomableImage } from "./ZoomableImage.js";
+
+/** The photos of one message, opened at the one tapped. */
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+/** A swipe changes photo past this share of the screen, or this fast (px/ms). */
+const SWIPE_DISTANCE = 0.25;
+const SWIPE_VELOCITY = 0.5;
+/** Past the first or last photo the strip only gives this much. */
+const EDGE_RESISTANCE = 0.25;
 export function ImageViewer({
-  image,
+  gallery,
   labels,
   onClose,
   onOpenExternally
 }) {
   const insets = useWidgetInsets();
-  // Keyed by URL so opening another image starts from a clean loading state.
+  const reduceMotion = useReduceMotion();
+  // The photo on screen, for the gallery it belongs to: a new gallery opens at its own.
+  const [position, setPosition] = useState({
+    of: null,
+    index: 0
+  });
+  const images = gallery?.images ?? [];
+  const index = position.of === gallery ? position.index : gallery?.index ?? 0;
+  const image = images[index] ?? null;
+  // Photos whose own URL failed, now shown from their fallback.
+  const [fellBack, setFellBack] = useState(() => new Set());
+  const sourceOf = photo => photo.fallbackUrl && fellBack.has(photo.url) ? photo.fallbackUrl : photo.url;
+  const source = image ? sourceOf(image) : null;
+  // Keyed by URL so each photo starts from a clean loading state.
   const [status, setStatus] = useState({
     url: null,
     state: 'loading'
   });
-  const state = status.url === image?.url ? status.state : 'loading';
+  const state = status.url === source ? status.state : 'loading';
+  // False once there's nothing left to try, so the caller shows the failure.
+  const fallBack = photo => {
+    if (!photo.fallbackUrl || fellBack.has(photo.url)) return false;
+    setFellBack(current => new Set(current).add(photo.url));
+    return true;
+  };
+  // Photos whose screen-size copy is drawn: no spinner over those while the full one decodes.
+  const [previewed, setPreviewed] = useState(() => new Set());
+  const markPreviewed = url => setPreviewed(current => current.has(url) ? current : new Set(current).add(url));
+  const [width, setWidth] = useState(0);
+  // One page per photo, never reordered: a swipe slides the strip to the photo
+  // it lands on and leaves it there. (Re-centring three pages instead showed the
+  // wrong photo, then a black frame, for a moment on Android.)
+  const [offset] = useState(() => new Animated.Value(0));
+  const rtl = isRTL();
+  // Pages run left to right in every language; in Arabic the first photo is the rightmost.
+  const restingAt = photo => -(rtl ? images.length - 1 - photo : photo) * width;
+  const swiping = useRef(false);
+  // Closing the viewer mid-swipe stops the slide unfinished, so it never
+  // settles: the next gallery is placed afresh.
+  useLayoutEffect(() => {
+    swiping.current = false;
+  }, [gallery]);
+  // Places the strip when the viewer opens, the screen turns or the screen reader
+  // moves; after a swipe it is already there.
+  useLayoutEffect(() => {
+    if (!swiping.current) offset.setValue(restingAt(index));
+  });
+
+  // In Arabic the next photo is the one on the left.
+  const step = rtl ? -1 : 1;
+  const neighbour = side => {
+    const next = index + side * step;
+    return next >= 0 && next < images.length ? next : null;
+  };
+  const show = next => {
+    if (next !== null) setPosition({
+      of: gallery,
+      index: next
+    });
+  };
+  const swipe = {
+    move: dx => {
+      swiping.current = true;
+      const resisted = neighbour(dx < 0 ? 1 : -1) === null ? dx * EDGE_RESISTANCE : dx;
+      offset.setValue(restingAt(index) + resisted);
+    },
+    end: (dx, vx) => {
+      const next = neighbour(dx < 0 ? 1 : -1);
+      const far = Math.abs(dx) > width * SWIPE_DISTANCE || Math.abs(vx) > SWIPE_VELOCITY && Math.sign(vx) === Math.sign(dx);
+      const target = next !== null && dx !== 0 && far ? next : index;
+      const toValue = restingAt(target);
+      // Switched as the finger lifts: the counter changes at once, and the full
+      // photo decodes while the strip is still sliding to it.
+      show(target === index ? null : target);
+      if (reduceMotion !== false) {
+        offset.setValue(toValue);
+        swiping.current = false;
+        return;
+      }
+      const animation = target === index ? Animated.spring(offset, {
+        toValue,
+        useNativeDriver: true,
+        bounciness: 0,
+        speed: 18
+      }) : Animated.timing(offset, {
+        toValue,
+        duration: 180,
+        useNativeDriver: true
+      });
+      // A swipe that starts before this one lands takes over the strip; it settles it.
+      animation.start(({
+        finished
+      }) => {
+        if (finished) swiping.current = false;
+      });
+    }
+  };
+  const several = images.length > 1;
+  const handleAccessibilityAction = event => {
+    if (event.nativeEvent.actionName === 'increment' && index < images.length - 1) show(index + 1);
+    if (event.nativeEvent.actionName === 'decrement' && index > 0) show(index - 1);
+  };
   return /*#__PURE__*/_jsx(Modal, {
     visible: !!image,
     transparent: true,
@@ -35,30 +143,98 @@ export function ImageViewer({
     children: /*#__PURE__*/_jsxs(View, {
       style: styles.backdrop,
       accessibilityViewIsModal: true,
-      children: [image ?
-      /*#__PURE__*/
-      // Keyed by URL so the next image opens at 1×, not at the last one's zoom.
-      _jsx(ZoomableImage, {
-        uri: image.url,
-        accessibilityLabel: image.name,
-        onLoad: () => setStatus({
-          url: image.url,
-          state: 'ready'
-        }),
-        onError: () => setStatus({
-          url: image.url,
-          state: 'failed'
+      onLayout: event => setWidth(event.nativeEvent.layout.width),
+      children: [image && width > 0 ? /*#__PURE__*/_jsx(Animated.View, {
+        style: [styles.strip, {
+          width: width * images.length,
+          transform: [{
+            translateX: offset
+          }]
+        }],
+        children: (rtl ? [...images].reverse() : images).map(photo => {
+          const page = images.indexOf(photo);
+          const centre = page === index;
+          const uri = sourceOf(photo);
+          // Only the photo on screen and the ones a swipe reveals are drawn.
+          const near = Math.abs(page - index) <= 1;
+          return /*#__PURE__*/_jsxs(View, {
+            style: [styles.page, {
+              width
+            }],
+            ...(centre && several ? {
+              accessible: true,
+              accessibilityRole: 'adjustable',
+              accessibilityLabel: photo.name,
+              accessibilityValue: {
+                text: formatLabel(labels.position, {
+                  current: index + 1,
+                  total: images.length
+                })
+              },
+              accessibilityActions: [{
+                name: 'increment'
+              }, {
+                name: 'decrement'
+              }],
+              onAccessibilityAction: handleAccessibilityAction
+            } : null),
+            children: [!near ? null : photo.large ? centre ? null : /*#__PURE__*/_jsx(ActivityIndicator, {
+              style: styles.layer,
+              color: palette.white
+            }) :
+            /*#__PURE__*/
+            // Decoded at the screen's size, so it's ready mid-swipe, and shown
+            // until the full photo on top has decoded.
+            _jsx(Image, {
+              source: {
+                uri
+              },
+              style: [styles.layer, centre && state === 'ready' && styles.covered],
+              resizeMode: "contain",
+              resizeMethod: "resize",
+              onLoad: () => markPreviewed(uri),
+              onError: () => fallBack(photo),
+              importantForAccessibility: "no",
+              accessibilityIgnoresInvertColors: true
+            }), centre ?
+            /*#__PURE__*/
+            // Keyed by URL so each photo opens at 1×, not at the last one's zoom.
+            _jsx(View, {
+              style: styles.layer,
+              children: /*#__PURE__*/_jsx(ZoomableImage, {
+                uri: uri,
+                accessibilityLabel: photo.name,
+                onLoad: () => setStatus({
+                  url: uri,
+                  state: 'ready'
+                }),
+                onError: () => {
+                  if (!fallBack(photo)) setStatus({
+                    url: uri,
+                    state: 'failed'
+                  });
+                },
+                onSwipe: several ? swipe : undefined
+              })
+            }, uri) : null]
+          }, `${page}:${photo.url}`);
         })
-      }, image.url) : null, image && state === 'loading' ? /*#__PURE__*/_jsx(ActivityIndicator, {
+      }) : null, image && source && state === 'loading' && !previewed.has(source) ? /*#__PURE__*/_jsx(View, {
         style: StyleSheet.absoluteFill,
-        color: palette.white
-      }) : null, image && state === 'failed' ? /*#__PURE__*/_jsxs(View, {
+        pointerEvents: "none",
+        children: /*#__PURE__*/_jsx(ActivityIndicator, {
+          style: StyleSheet.absoluteFill,
+          color: palette.white
+        })
+      }) : null, image && source && state === 'failed' ? /*#__PURE__*/_jsxs(View, {
         style: [StyleSheet.absoluteFill, styles.center, styles.failed],
+        pointerEvents: "box-none",
         children: [/*#__PURE__*/_jsx(Text, {
           style: styles.failedText,
+          pointerEvents: "none",
           children: labels.loadFailed
-        }), /*#__PURE__*/_jsx(Pressable, {
-          onPress: () => onOpenExternally(image.url),
+        }), isHttpUrl(source) ? /*#__PURE__*/_jsx(Pressable, {
+          onPress: () => onOpenExternally(source),
           accessibilityRole: "button",
           style: ({
             pressed
@@ -67,7 +243,7 @@ export function ImageViewer({
             style: styles.externalLabel,
             children: labels.openExternally
           })
-        })]
+        }) : null]
       }) : null, /*#__PURE__*/_jsxs(View, {
         style: [styles.header, {
           paddingTop: insets.top + spacing.sm
@@ -77,7 +253,12 @@ export function ImageViewer({
           style: styles.title,
           numberOfLines: 1,
           children: image?.name ?? ''
-        }), /*#__PURE__*/_jsx(Pressable, {
+        }), several ? /*#__PURE__*/_jsxs(Text, {
+          style: styles.counter,
+          accessibilityElementsHidden: true,
+          importantForAccessibility: "no",
+          children: [index + 1, " / ", images.length]
+        }) : null, /*#__PURE__*/_jsx(Pressable, {
           onPress: onClose,
           accessibilityRole: "button",
           accessibilityLabel: labels.close,
@@ -97,7 +278,27 @@ export function ImageViewer({
 const styles = StyleSheet.create({
   backdrop: {
     flex: 1,
-    backgroundColor: '#000000'
+    backgroundColor: '#000000',
+    overflow: 'hidden'
+  },
+  // One screen per photo, laid out left to right in every language (see `restingAt`).
+  strip: {
+    position: 'absolute',
+    top: 0,
+    bottom: 0,
+    left: 0,
+    flexDirection: 'row',
+    direction: 'ltr'
+  },
+  page: {
+    height: '100%'
+  },
+  layer: {
+    ...StyleSheet.absoluteFillObject
+  },
+  // Hidden, not removed: it shows again the moment its page stops being the middle one.
+  covered: {
+    opacity: 0
   },
   center: {
     flexGrow: 1,
@@ -123,6 +324,11 @@ const styles = StyleSheet.create({
     fontSize: fontSize.body,
     fontWeight: '600'
   },
+  counter: {
+    color: 'rgba(255,255,255,0.8)',
+    fontSize: fontSize.meta,
+    fontVariant: ['tabular-nums']
+  },
   closeButton: {
     width: 36,
     height: 36,

package/lib/module/ui/components/ImageViewer.js.map

@@ -1 +1 @@
-{"version":3,"names":["useState","ActivityIndicator","Modal","Platform","Pressable","StyleSheet","Text","View","useWidgetInsets","fontSize","palette","spacing","CloseIcon","ZoomableImage","jsx","_jsx","jsxs","_jsxs","ImageViewer","image","labels","onClose","onOpenExternally","insets","status","setStatus","url","state","visible","transparent","animationType","statusBarTranslucent","onRequestClose","children","style","styles","backdrop","accessibilityViewIsModal","uri","accessibilityLabel","name","onLoad","onError","absoluteFill","color","white","center","failed","failedText","loadFailed","onPress","accessibilityRole","pressed","externalButton","externalLabel","openExternally","header","paddingTop","top","sm","pointerEvents","title","numberOfLines","close","hitSlop","closeButton","size","create","flex","backgroundColor","flexGrow","alignItems","justifyContent","position","left","right","flexDirection","gap","md","paddingHorizontal","lg","paddingBottom","minWidth","body","fontWeight","width","height","borderRadius","opacity","xxl","textAlign","paddingVertical","borderWidth","hairlineWidth","borderColor","meta","OS"],"sourceRoot":"../../../../src","sources":["ui/components/ImageViewer.tsx"],"mappings":"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","ignoreList":[]}
+{"version":3,"names":["useLayoutEffect","useRef","useState","ActivityIndicator","Animated","Image","Modal","Platform","Pressable","StyleSheet","Text","View","formatLabel","useReduceMotion","useWidgetInsets","fontSize","palette","spacing","isRTL","isHttpUrl","CloseIcon","ZoomableImage","jsx","_jsx","jsxs","_jsxs","SWIPE_DISTANCE","SWIPE_VELOCITY","EDGE_RESISTANCE","ImageViewer","gallery","labels","onClose","onOpenExternally","insets","reduceMotion","position","setPosition","of","index","images","image","fellBack","setFellBack","Set","sourceOf","photo","fallbackUrl","has","url","source","status","setStatus","state","fallBack","current","add","previewed","setPreviewed","markPreviewed","width","setWidth","offset","Value","rtl","restingAt","length","swiping","setValue","step","neighbour","side","next","show","swipe","move","dx","resisted","end","vx","far","Math","abs","sign","target","toValue","animation","spring","useNativeDriver","bounciness","speed","timing","duration","start","finished","several","handleAccessibilityAction","event","nativeEvent","actionName","visible","transparent","animationType","statusBarTranslucent","onRequestClose","children","style","styles","backdrop","accessibilityViewIsModal","onLayout","layout","strip","transform","translateX","reverse","map","page","indexOf","centre","uri","near","accessible","accessibilityRole","accessibilityLabel","name","accessibilityValue","text","total","accessibilityActions","onAccessibilityAction","large","layer","color","white","covered","resizeMode","resizeMethod","onLoad","onError","importantForAccessibility","accessibilityIgnoresInvertColors","onSwipe","undefined","absoluteFill","pointerEvents","center","failed","failedText","loadFailed","onPress","pressed","externalButton","externalLabel","openExternally","header","paddingTop","top","sm","title","numberOfLines","counter","accessibilityElementsHidden","close","hitSlop","closeButton","size","create","flex","backgroundColor","overflow","bottom","left","flexDirection","direction","height","absoluteFillObject","opacity","flexGrow","alignItems","justifyContent","right","gap","md","paddingHorizontal","lg","paddingBottom","minWidth","body","fontWeight","meta","fontVariant","borderRadius","xxl","textAlign","paddingVertical","borderWidth","hairlineWidth","borderColor","OS"],"sourceRoot":"../../../../src","sources":["ui/components/ImageViewer.tsx"],"mappings":"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","ignoreList":[]}

package/lib/module/ui/components/RatingCard.js

@@ -12,6 +12,7 @@
 
 import { useState } from 'react';
 import { Pressable, StyleSheet, Text, TextInput, View } from 'react-native';
+import { useRetainedState } from "../hooks/use-retained-state.js";
 import { contrastingTextColor, fontSize, palette, radius, spacing, withAlpha } from "../styles/theme.js";
 
 /** 1..5, worst to best — Intercom's five faces. */
@@ -78,12 +79,14 @@ export function RatingCard({
   const [rating, setRating] = useState(initialRating);
   const [reason, setReason] = useState(initialReason);
   const [comment, setComment] = useState(initialComment);
-  const [draft, setDraft] = useState('');
+  // Kept while the thread unmounts the card far off screen; the rating
+  // itself is saved on the message.
+  const [draft, setDraft] = useRetainedState(`${ratingId}:draft`, '');
   // The comment is optional: "Done" with nothing typed just closes the box —
   // the face (and reason) are already saved. A card that opens with a saved
   // rating starts closed too, so "Done" sticks when the thread is reopened;
   // tapping the chosen face opens the box again.
-  const [finished, setFinished] = useState(initialRating != null);
+  const [finished, setFinished] = useRetainedState(`${ratingId}:finished`, initialRating != null);
   const [pending, setPending] = useState(false);
   const [closedReason, setClosedReason] = useState(initialComment ? 'locked' : null);
   const [failed, setFailed] = useState(false);