@repzo/widget-react-native 1.2.2 → 1.3.0

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

@@ -9,11 +9,12 @@ var _reactNative = require("react-native");
 var _useWidgetInsets = require("../hooks/use-widget-insets.js");
 var _theme = require("../styles/theme.js");
 var _icons = require("./icons.js");
+var _ZoomableImage = require("./ZoomableImage.js");
 var _jsxRuntime = require("react/jsx-runtime");
 /**
  * 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-to-zoom
- * uses the native ScrollView zoom (iOS); Android shows the image fitted.
+ * stays inside the messenger instead of bouncing to the browser. Pinch, drag
+ * and double-tap zoom work on iOS and Android (see ZoomableImage).
  */
 
 function ImageViewer({
@@ -38,33 +39,21 @@ function ImageViewer({
     children: /*#__PURE__*/(0, _jsxRuntime.jsxs)(_reactNative.View, {
       style: styles.backdrop,
       accessibilityViewIsModal: true,
-      children: [image ? /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.ScrollView, {
-        style: styles.fill,
-        contentContainerStyle: styles.center,
-        maximumZoomScale: 4,
-        minimumZoomScale: 1,
-        centerContent: true,
-        showsHorizontalScrollIndicator: false,
-        showsVerticalScrollIndicator: false,
-        bouncesZoom: true,
-        children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.Image, {
-          source: {
-            uri: image.url
-          },
-          style: styles.image,
-          resizeMode: "contain",
-          accessibilityLabel: image.name,
-          accessibilityIgnoresInvertColors: true,
-          onLoad: () => setStatus({
-            url: image.url,
-            state: 'ready'
-          }),
-          onError: () => setStatus({
-            url: image.url,
-            state: 'failed'
-          })
+      children: [image ?
+      /*#__PURE__*/
+      // Keyed by URL so the next image opens at 1×, not at the last one's zoom.
+      (0, _jsxRuntime.jsx)(_ZoomableImage.ZoomableImage, {
+        uri: image.url,
+        accessibilityLabel: image.name,
+        onLoad: () => setStatus({
+          url: image.url,
+          state: 'ready'
+        }),
+        onError: () => setStatus({
+          url: image.url,
+          state: 'failed'
         })
-      }) : null, image && state === 'loading' ? /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.ActivityIndicator, {
+      }, image.url) : null, image && state === 'loading' ? /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.ActivityIndicator, {
         style: _reactNative.StyleSheet.absoluteFill,
         color: _theme.palette.white
       }) : null, image && state === 'failed' ? /*#__PURE__*/(0, _jsxRuntime.jsxs)(_reactNative.View, {
@@ -114,18 +103,11 @@ const styles = _reactNative.StyleSheet.create({
     flex: 1,
     backgroundColor: '#000000'
   },
-  fill: {
-    flex: 1
-  },
   center: {
     flexGrow: 1,
     alignItems: 'center',
     justifyContent: 'center'
   },
-  image: {
-    width: '100%',
-    height: '100%'
-  },
   header: {
     position: 'absolute',
     top: 0,

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

@@ -1 +1 @@
-{"version":3,"names":["_react","require","_reactNative","_useWidgetInsets","_theme","_icons","_jsxRuntime","ImageViewer","image","labels","onClose","onOpenExternally","insets","useWidgetInsets","status","setStatus","useState","url","state","jsx","Modal","visible","transparent","animationType","statusBarTranslucent","onRequestClose","children","jsxs","View","style","styles","backdrop","accessibilityViewIsModal","ScrollView","fill","contentContainerStyle","center","maximumZoomScale","minimumZoomScale","centerContent","showsHorizontalScrollIndicator","showsVerticalScrollIndicator","bouncesZoom","Image","source","uri","resizeMode","accessibilityLabel","name","accessibilityIgnoresInvertColors","onLoad","onError","ActivityIndicator","StyleSheet","absoluteFill","color","palette","white","failed","Text","failedText","loadFailed","Pressable","onPress","accessibilityRole","pressed","externalButton","externalLabel","openExternally","header","paddingTop","top","spacing","sm","pointerEvents","title","numberOfLines","close","hitSlop","closeButton","CloseIcon","size","create","flex","backgroundColor","flexGrow","alignItems","justifyContent","width","height","position","left","right","flexDirection","gap","md","paddingHorizontal","lg","paddingBottom","minWidth","fontSize","body","fontWeight","borderRadius","opacity","xxl","textAlign","paddingVertical","borderWidth","hairlineWidth","borderColor","meta","Platform","OS"],"sourceRoot":"../../../../src","sources":["ui/components/ImageViewer.tsx"],"mappings":"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","ignoreList":[]}
+{"version":3,"names":["_react","require","_reactNative","_useWidgetInsets","_theme","_icons","_ZoomableImage","_jsxRuntime","ImageViewer","image","labels","onClose","onOpenExternally","insets","useWidgetInsets","status","setStatus","useState","url","state","jsx","Modal","visible","transparent","animationType","statusBarTranslucent","onRequestClose","children","jsxs","View","style","styles","backdrop","accessibilityViewIsModal","ZoomableImage","uri","accessibilityLabel","name","onLoad","onError","ActivityIndicator","StyleSheet","absoluteFill","color","palette","white","center","failed","Text","failedText","loadFailed","Pressable","onPress","accessibilityRole","pressed","externalButton","externalLabel","openExternally","header","paddingTop","top","spacing","sm","pointerEvents","title","numberOfLines","close","hitSlop","closeButton","CloseIcon","size","create","flex","backgroundColor","flexGrow","alignItems","justifyContent","position","left","right","flexDirection","gap","md","paddingHorizontal","lg","paddingBottom","minWidth","fontSize","body","fontWeight","width","height","borderRadius","opacity","xxl","textAlign","paddingVertical","borderWidth","hairlineWidth","borderColor","meta","Platform","OS"],"sourceRoot":"../../../../src","sources":["ui/components/ImageViewer.tsx"],"mappings":"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","ignoreList":[]}

package/lib/commonjs/ui/components/MessagesSkeleton.js

@@ -0,0 +1,126 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.MessagesSkeleton = MessagesSkeleton;
+var _react = require("react");
+var _reactNative = require("react-native");
+var _useReduceMotion = require("../hooks/use-reduce-motion.js");
+var _theme = require("../styles/theme.js");
+var _rtl = require("../utils/rtl.js");
+var _jsxRuntime = require("react/jsx-runtime");
+/**
+ * Placeholder bubbles while a conversation's messages load: the shape of a
+ * thread (team on one side, visitor on the other) that gently pulses, so the
+ * screen reads as "messages are coming" instead of a line of text.
+ */
+
+/** Who "sent" each placeholder, its width, and how many lines it holds. */const ROWS = [{
+  visitor: false,
+  width: '62%',
+  lines: 2
+}, {
+  visitor: false,
+  width: '40%',
+  lines: 1
+}, {
+  visitor: true,
+  width: '48%',
+  lines: 1
+}, {
+  visitor: false,
+  width: '70%',
+  lines: 3
+}, {
+  visitor: true,
+  width: '56%',
+  lines: 2
+}, {
+  visitor: false,
+  width: '34%',
+  lines: 1
+}];
+const LINE_HEIGHT = 20;
+const PULSE_MS = 900;
+function MessagesSkeleton({
+  color,
+  label
+}) {
+  const reduceMotion = (0, _useReduceMotion.useReduceMotion)();
+  const [opacity] = (0, _react.useState)(() => new _reactNative.Animated.Value(1));
+  const rtl = (0, _rtl.isRTL)();
+  (0, _react.useEffect)(() => {
+    // `null` (not known yet) holds still too, so the bubbles never jump.
+    if (reduceMotion !== false) return undefined;
+    const pulse = _reactNative.Animated.loop(_reactNative.Animated.sequence([_reactNative.Animated.timing(opacity, {
+      toValue: 0.45,
+      duration: PULSE_MS,
+      easing: _reactNative.Easing.inOut(_reactNative.Easing.ease),
+      useNativeDriver: true
+    }), _reactNative.Animated.timing(opacity, {
+      toValue: 1,
+      duration: PULSE_MS,
+      easing: _reactNative.Easing.inOut(_reactNative.Easing.ease),
+      useNativeDriver: true
+    })]));
+    pulse.start();
+    return () => pulse.stop();
+  }, [opacity, reduceMotion]);
+  return /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.Animated.View, {
+    style: [styles.root, {
+      opacity
+    }],
+    accessible: true,
+    accessibilityRole: "progressbar",
+    accessibilityLabel: label,
+    accessibilityState: {
+      busy: true
+    },
+    children: ROWS.map((row, i) => /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.View, {
+      style: row.visitor ? styles.rowVisitor : styles.rowAgent,
+      children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.View, {
+        style: [styles.bubble, row.visitor ? [styles.bubbleVisitor, rtl && styles.bubbleVisitorRTL, {
+          backgroundColor: (0, _theme.withAlpha)(color, 0.16)
+        }] : [styles.bubbleAgent, rtl && styles.bubbleAgentRTL], {
+          width: row.width,
+          height: row.lines * LINE_HEIGHT + _theme.spacing.sm * 2 + 4
+        }]
+      })
+    }, i))
+  });
+}
+
+// The same corners as real bubbles, so the thread doesn't reshape when it loads.
+const BUBBLE_RADIUS = _theme.radius.lg + 4;
+const TAIL_RADIUS = 4;
+const styles = _reactNative.StyleSheet.create({
+  root: {
+    gap: _theme.spacing.sm
+  },
+  rowAgent: {
+    alignItems: 'flex-start'
+  },
+  rowVisitor: {
+    alignItems: 'flex-end'
+  },
+  bubble: {
+    borderRadius: BUBBLE_RADIUS
+  },
+  bubbleAgent: {
+    backgroundColor: _theme.palette.surfaceAlt,
+    borderBottomLeftRadius: TAIL_RADIUS
+  },
+  bubbleAgentRTL: {
+    borderBottomLeftRadius: BUBBLE_RADIUS,
+    borderBottomRightRadius: TAIL_RADIUS
+  },
+  bubbleVisitor: {
+    borderBottomRightRadius: TAIL_RADIUS
+  },
+  bubbleVisitorRTL: {
+    borderBottomRightRadius: BUBBLE_RADIUS,
+    borderBottomLeftRadius: TAIL_RADIUS
+  }
+});
+//# sourceMappingURL=MessagesSkeleton.js.map

package/lib/commonjs/ui/components/MessagesSkeleton.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["_react","require","_reactNative","_useReduceMotion","_theme","_rtl","_jsxRuntime","ROWS","visitor","width","lines","LINE_HEIGHT","PULSE_MS","MessagesSkeleton","color","label","reduceMotion","useReduceMotion","opacity","useState","Animated","Value","rtl","isRTL","useEffect","undefined","pulse","loop","sequence","timing","toValue","duration","easing","Easing","inOut","ease","useNativeDriver","start","stop","jsx","View","style","styles","root","accessible","accessibilityRole","accessibilityLabel","accessibilityState","busy","children","map","row","i","rowVisitor","rowAgent","bubble","bubbleVisitor","bubbleVisitorRTL","backgroundColor","withAlpha","bubbleAgent","bubbleAgentRTL","height","spacing","sm","BUBBLE_RADIUS","radius","lg","TAIL_RADIUS","StyleSheet","create","gap","alignItems","borderRadius","palette","surfaceAlt","borderBottomLeftRadius","borderBottomRightRadius"],"sourceRoot":"../../../../src","sources":["ui/components/MessagesSkeleton.tsx"],"mappings":"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","ignoreList":[]}

package/lib/commonjs/ui/components/VoiceNote.js

@@ -14,8 +14,8 @@ var _jsxRuntime = require("react/jsx-runtime");
  * A voice note (or any audio attachment) played inside the chat, laid out the
  * way messaging apps do it: a play button beside a waveform the visitor can
  * tap or drag to jump through the note, the time under it, and a speed chip
- * once the note has been started. Only rendered when the host app has
- * `expo-audio` (see `src/audio/voice.ts`); without it audio stays a file row.
+ * once the note has been started. Only rendered when the app can play audio
+ * (see `src/audio/voice.ts`); otherwise audio stays a file row.
  */
 
 const BAR_COUNT = 32;
@@ -46,17 +46,16 @@ function VoiceNote(props) {
   });
 }
 
-/** A note that has been started: owns its expo-audio player and plays on mount. */
+/** A note that has been started: owns its player and plays on mount. */
 function ActiveVoiceNote(props) {
   const {
     url,
     onError
   } = props;
-  const audio = (0, _voice.voicePlaybackModule)();
-  const player = audio.useAudioPlayer({
-    uri: url
-  }, (0, _voice.audioPlayerOptions)());
-  const status = audio.useAudioPlayerStatus(player);
+  const {
+    player,
+    status
+  } = (0, _voice.useVoicePlayer)(url);
   const [speedIndex, setSpeedIndex] = (0, _react.useState)(0);
   const [scrub, setScrub] = (0, _react.useState)(null);
   const [trackWidth, setTrackWidth] = (0, _react.useState)(0);
@@ -69,7 +68,7 @@ function ActiveVoiceNote(props) {
   const currentTime = Math.max(Number(status?.currentTime) || 0, 0);
   const playing = !!status?.playing;
   const finished = !!status?.didJustFinish || duration > 0 && currentTime >= duration - 0.1;
-  // `isLoaded` / `isBuffering` are compared strictly: an expo-audio that
+  // `isLoaded` / `isBuffering` are compared strictly: a player that
   // doesn't report them never gets a spinner that can't go away.
   const loading = wantsPlay && !playing && (status?.isLoaded === false || status?.isBuffering === true);
   const pause = () => {

package/lib/commonjs/ui/components/VoiceNote.js.map

@@ -1 +1 @@
-{"version":3,"names":["_react","require","_reactNative","_voice","_icons","_theme","_jsxRuntime","BAR_COUNT","BAR_WIDTH","BAR_MIN_HEIGHT","BAR_MAX_HEIGHT","BUTTON_SIZE","KNOB_SIZE","SPEEDS","VoiceNote","props","started","setStarted","useState","jsx","ActiveVoiceNote","VoiceNoteLayout","playing","loading","progress","time","onToggle","url","onError","audio","voicePlaybackModule","player","useAudioPlayer","uri","audioPlayerOptions","status","useAudioPlayerStatus","speedIndex","setSpeedIndex","scrub","setScrub","trackWidth","setTrackWidth","wantsPlay","setWantsPlay","releasePlayback","useRef","duration","Math","max","Number","currentTime","finished","didJustFinish","isLoaded","isBuffering","pause","start","current","claimVoicePlayback","play","useEffect","error","togglePlay","seekTo","cycleSpeed","next","length","setPlaybackRate","latest","ratioAt","x","width","min","startX","pan","PanResponder","create","onStartShouldSetPanResponder","onMoveShouldSetPanResponder","onPanResponderGrant","event","nativeEvent","locationX","onPanResponderMove","_","gesture","dx","onPanResponderRelease","onPanResponderTerminate","displayTime","showSpeed","formatVoiceClock","track","panHandlers","onWidth","speed","value","changed","onPress","seed","color","onBrandBubble","labels","accent","palette","white","onAccent","trackColor","withAlpha","disabled","subtle","textMuted","levels","useMemo","voiceWaveformLevels","onTrackLayout","layout","barCentre","i","knobOffset","round","icon","PlayIcon","size","ActivityIndicator","PauseIcon","jsxs","View","style","styles","root","children","row","Pressable","accessibilityRole","accessibilityLabel","accessibilityState","busy","hitSlop","pressed","playButton","backgroundColor","opacity","onLayout","map","level","pointerEvents","bar","height","knob","transform","translateX","meta","Text","speedText","text","StyleSheet","minWidth","direction","flexDirection","alignItems","gap","borderRadius","justifyContent","flex","position","left","minHeight","marginTop","marginLeft","fontSize","caption","fontWeight","fontVariant","paddingHorizontal"],"sourceRoot":"../../../../src","sources":["ui/components/VoiceNote.tsx"],"mappings":"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","ignoreList":[]}
+{"version":3,"names":["_react","require","_reactNative","_voice","_icons","_theme","_jsxRuntime","BAR_COUNT","BAR_WIDTH","BAR_MIN_HEIGHT","BAR_MAX_HEIGHT","BUTTON_SIZE","KNOB_SIZE","SPEEDS","VoiceNote","props","started","setStarted","useState","jsx","ActiveVoiceNote","VoiceNoteLayout","playing","loading","progress","time","onToggle","url","onError","player","status","useVoicePlayer","speedIndex","setSpeedIndex","scrub","setScrub","trackWidth","setTrackWidth","wantsPlay","setWantsPlay","releasePlayback","useRef","duration","Math","max","Number","currentTime","finished","didJustFinish","isLoaded","isBuffering","pause","start","current","claimVoicePlayback","play","useEffect","error","togglePlay","seekTo","cycleSpeed","next","length","setPlaybackRate","latest","ratioAt","x","width","min","startX","pan","PanResponder","create","onStartShouldSetPanResponder","onMoveShouldSetPanResponder","onPanResponderGrant","event","nativeEvent","locationX","onPanResponderMove","_","gesture","dx","onPanResponderRelease","onPanResponderTerminate","displayTime","showSpeed","formatVoiceClock","track","panHandlers","onWidth","speed","value","changed","onPress","seed","color","onBrandBubble","labels","accent","palette","white","onAccent","trackColor","withAlpha","disabled","subtle","textMuted","levels","useMemo","voiceWaveformLevels","onTrackLayout","layout","barCentre","i","knobOffset","round","icon","PlayIcon","size","ActivityIndicator","PauseIcon","jsxs","View","style","styles","root","children","row","Pressable","accessibilityRole","accessibilityLabel","accessibilityState","busy","hitSlop","pressed","playButton","backgroundColor","opacity","onLayout","map","level","pointerEvents","bar","height","knob","transform","translateX","meta","Text","speedText","text","StyleSheet","minWidth","direction","flexDirection","alignItems","gap","borderRadius","justifyContent","flex","position","left","minHeight","marginTop","marginLeft","fontSize","caption","fontWeight","fontVariant","paddingHorizontal"],"sourceRoot":"../../../../src","sources":["ui/components/VoiceNote.tsx"],"mappings":"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","ignoreList":[]}

package/lib/commonjs/ui/components/ZoomableImage.js

@@ -0,0 +1,299 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.MAX_ZOOM = exports.DOUBLE_TAP_ZOOM = void 0;
+exports.ZoomableImage = ZoomableImage;
+exports.clampView = clampView;
+exports.fittedSize = fittedSize;
+exports.zoomAround = zoomAround;
+var _react = require("react");
+var _reactNative = require("react-native");
+var _useReduceMotion = require("../hooks/use-reduce-motion.js");
+var _jsxRuntime = require("react/jsx-runtime");
+/**
+ * An image the visitor can pinch to zoom, drag around once zoomed, and
+ * double-tap to zoom in on a spot (and again to zoom back out). Built on
+ * PanResponder and Animated, so it behaves the same on iOS and Android
+ * without a gesture library in the host app.
+ */
+
+const MAX_ZOOM = exports.MAX_ZOOM = 4;
+const DOUBLE_TAP_ZOOM = exports.DOUBLE_TAP_ZOOM = 2.5;
+const DOUBLE_TAP_MS = 300;
+const DOUBLE_TAP_SLOP = 30;
+const TAP_SLOP = 10;
+
+/** Scale and offset (from the centre of the view) of the image. */
+
+/** The size the image is drawn at with `contain`, before any zoom. */
+function fittedSize(box, image) {
+  if (!image || image.width <= 0 || image.height <= 0) return box;
+  const fit = Math.min(box.width / image.width, box.height / image.height);
+  return {
+    width: image.width * fit,
+    height: image.height * fit
+  };
+}
+
+/**
+ * Keeps the image inside the screen: zoom between 1× and `MAX_ZOOM`, and no
+ * empty space past an edge the zoomed image is wider (or taller) than.
+ */
+function clampView(view, box, content) {
+  const scale = Math.min(MAX_ZOOM, Math.max(1, view.scale));
+  const maxX = Math.max(0, (content.width * scale - box.width) / 2);
+  const maxY = Math.max(0, (content.height * scale - box.height) / 2);
+  return {
+    scale,
+    x: Math.min(maxX, Math.max(-maxX, view.x)),
+    y: Math.min(maxY, Math.max(-maxY, view.y))
+  };
+}
+
+/**
+ * The view at `scale` that keeps the spot that was under `from` (a point
+ * relative to the centre, in the `start` view) under `to`. Pinching zooms
+ * around the fingers this way, and moving them pans at the same time.
+ */
+function zoomAround(start, scale, from, to) {
+  const spotX = (from.x - start.x) / start.scale;
+  const spotY = (from.y - start.y) / start.scale;
+  return {
+    scale,
+    x: to.x - scale * spotX,
+    y: to.y - scale * spotY
+  };
+}
+const centreOf = touches => ({
+  x: touches.reduce((sum, t) => sum + t.pageX, 0) / touches.length,
+  y: touches.reduce((sum, t) => sum + t.pageY, 0) / touches.length
+});
+const spreadOf = touches => touches.length < 2 ? 0 : Math.hypot(touches[0].pageX - touches[1].pageX, touches[0].pageY - touches[1].pageY);
+function ZoomableImage({
+  uri,
+  accessibilityLabel,
+  onLoad,
+  onError
+}) {
+  const reduceMotion = (0, _useReduceMotion.useReduceMotion)();
+  const [scale] = (0, _react.useState)(() => new _reactNative.Animated.Value(1));
+  const [x] = (0, _react.useState)(() => new _reactNative.Animated.Value(0));
+  const [y] = (0, _react.useState)(() => new _reactNative.Animated.Value(0));
+
+  // Gesture state, read by the (stable) PanResponder below.
+  const g = (0, _react.useRef)({
+    view: {
+      scale: 1,
+      x: 0,
+      y: 0
+    },
+    box: {
+      width: 0,
+      height: 0
+    },
+    // Where the box sits on screen, so touches can be measured from its centre.
+    origin: {
+      x: 0,
+      y: 0
+    },
+    image: null,
+    // The view, finger centre and finger spread when the current set of fingers went down.
+    start: {
+      view: {
+        scale: 1,
+        x: 0,
+        y: 0
+      },
+      centre: {
+        x: 0,
+        y: 0
+      },
+      spread: 0,
+      count: 0
+    },
+    moved: false,
+    grantedAt: 0,
+    lastTap: null,
+    reduceMotion: false,
+    native: false
+  }).current;
+  g.reduceMotion = reduceMotion;
+  const boxRef = (0, _react.useRef)(null);
+  const show = (view, animate) => {
+    g.view = view;
+    if (!animate || g.reduceMotion !== false) {
+      scale.setValue(view.scale);
+      x.setValue(view.x);
+      y.setValue(view.y);
+      return;
+    }
+    const spring = (value, toValue) => _reactNative.Animated.spring(value, {
+      toValue,
+      useNativeDriver: true,
+      bounciness: 0,
+      speed: 18
+    });
+    _reactNative.Animated.parallel([spring(scale, view.scale), spring(x, view.x), spring(y, view.y)]).start();
+  };
+
+  // Hands the transform to the native driver as soon as the image is on
+  // screen. Until a native animation had run, Android (new architecture) didn't
+  // draw finger moves, so pinching only worked after a double tap.
+  const goNative = () => {
+    if (g.native) return;
+    g.native = true;
+    const settle = (value, toValue) => _reactNative.Animated.spring(value, {
+      toValue,
+      useNativeDriver: true,
+      bounciness: 0,
+      speed: 18
+    });
+    _reactNative.Animated.parallel([settle(scale, g.view.scale), settle(x, g.view.x), settle(y, g.view.y)]).start();
+  };
+  const fromCentre = point => ({
+    x: point.x - g.origin.x - g.box.width / 2,
+    y: point.y - g.origin.y - g.box.height / 2
+  });
+  const content = () => fittedSize(g.box, g.image);
+  const begin = touches => {
+    g.start = {
+      view: g.view,
+      centre: fromCentre(centreOf(touches)),
+      spread: spreadOf(touches),
+      count: touches.length
+    };
+  };
+  const pan = (0, _react.useRef)(_reactNative.PanResponder.create({
+    onStartShouldSetPanResponder: () => true,
+    onMoveShouldSetPanResponder: () => true,
+    // Never hand the gesture over: nothing else in the full-screen viewer
+    // wants it, and giving it up at 1× ended a pinch as it started.
+    onPanResponderTerminationRequest: () => false,
+    onPanResponderGrant: event => {
+      g.moved = false;
+      g.grantedAt = Date.now();
+      begin(event.nativeEvent.touches);
+    },
+    onPanResponderMove: (event, gesture) => {
+      const touches = event.nativeEvent.touches;
+      if (touches.length === 0) return;
+      // A finger landed or lifted: carry on from where the image is now.
+      if (touches.length !== g.start.count) begin(touches);
+      if (Math.abs(gesture.dx) > TAP_SLOP || Math.abs(gesture.dy) > TAP_SLOP || touches.length > 1) {
+        g.moved = true;
+      }
+      const centre = fromCentre(centreOf(touches));
+      if (touches.length > 1 && g.start.spread > 0) {
+        // Past the limits while pinching, then springs back on release.
+        const zoom = Math.min(MAX_ZOOM * 1.25, Math.max(0.75, g.start.view.scale * spreadOf(touches) / g.start.spread));
+        show(zoomAround(g.start.view, zoom, g.start.centre, centre), false);
+      } else if (g.start.view.scale > 1) {
+        // One finger drags the zoomed image; at 1× there's nothing to drag.
+        const dragged = {
+          ...g.start.view,
+          x: g.start.view.x + centre.x - g.start.centre.x,
+          y: g.start.view.y + centre.y - g.start.centre.y
+        };
+        show(clampView(dragged, g.box, content()), false);
+      }
+    },
+    onPanResponderRelease: event => {
+      const now = Date.now();
+      const {
+        pageX,
+        pageY
+      } = event.nativeEvent;
+      const isTap = !g.moved && now - g.grantedAt < DOUBLE_TAP_MS;
+      const last = g.lastTap;
+      if (isTap && last && now - last.at < DOUBLE_TAP_MS && Math.hypot(pageX - last.x, pageY - last.y) < DOUBLE_TAP_SLOP) {
+        g.lastTap = null;
+        // Zooming in keeps the tapped spot under the finger (as far as the edges allow).
+        const tapped = fromCentre({
+          x: pageX,
+          y: pageY
+        });
+        const target = g.view.scale > 1.01 ? {
+          scale: 1,
+          x: 0,
+          y: 0
+        } : zoomAround({
+          scale: 1,
+          x: 0,
+          y: 0
+        }, DOUBLE_TAP_ZOOM, tapped, tapped);
+        show(clampView(target, g.box, content()), true);
+        return;
+      }
+      g.lastTap = isTap ? {
+        at: now,
+        x: pageX,
+        y: pageY
+      } : null;
+      show(clampView(g.view, g.box, content()), true);
+    },
+    onPanResponderTerminate: () => show(clampView(g.view, g.box, content()), true)
+  })).current;
+  const onLayout = event => {
+    const {
+      width,
+      height
+    } = event.nativeEvent.layout;
+    g.box = {
+      width,
+      height
+    };
+    goNative();
+    boxRef.current?.measureInWindow?.((left, top) => {
+      g.origin = {
+        x: left,
+        y: top
+      };
+    });
+  };
+  const handleLoad = event => {
+    const source = event?.nativeEvent?.source;
+    if (source && source.width > 0 && source.height > 0) g.image = {
+      width: source.width,
+      height: source.height
+    };
+    onLoad();
+  };
+  return /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.View, {
+    ref: boxRef,
+    style: styles.box,
+    onLayout: onLayout,
+    ...pan.panHandlers,
+    children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.Animated.Image, {
+      source: {
+        uri
+      },
+      style: [styles.image, {
+        transform: [{
+          translateX: x
+        }, {
+          translateY: y
+        }, {
+          scale
+        }]
+      }],
+      resizeMode: "contain",
+      accessibilityLabel: accessibilityLabel,
+      accessibilityIgnoresInvertColors: true,
+      onLoad: handleLoad,
+      onError: onError
+    })
+  });
+}
+const styles = _reactNative.StyleSheet.create({
+  box: {
+    flex: 1,
+    overflow: 'hidden'
+  },
+  image: {
+    width: '100%',
+    height: '100%'
+  }
+});
+//# sourceMappingURL=ZoomableImage.js.map