@repzo/widget-react-native 1.0.0 → 1.0.1

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

@@ -0,0 +1,181 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.ImageViewer = ImageViewer;
+var _react = require("react");
+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 _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.
+ */
+
+function ImageViewer({
+  image,
+  labels,
+  onClose,
+  onOpenExternally
+}) {
+  const insets = (0, _useWidgetInsets.useWidgetInsets)();
+  // Keyed by URL so opening another image starts from a clean loading state.
+  const [status, setStatus] = (0, _react.useState)({
+    url: null,
+    state: 'loading'
+  });
+  const state = status.url === image?.url ? status.state : 'loading';
+  return /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.Modal, {
+    visible: !!image,
+    transparent: true,
+    animationType: "fade",
+    statusBarTranslucent: true,
+    onRequestClose: onClose,
+    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'
+          })
+        })
+      }) : 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, {
+        style: [_reactNative.StyleSheet.absoluteFill, styles.center, styles.failed],
+        children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.Text, {
+          style: styles.failedText,
+          children: labels.loadFailed
+        }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.Pressable, {
+          onPress: () => onOpenExternally(image.url),
+          accessibilityRole: "button",
+          style: ({
+            pressed
+          }) => [styles.externalButton, pressed && styles.pressed],
+          children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.Text, {
+            style: styles.externalLabel,
+            children: labels.openExternally
+          })
+        })]
+      }) : null, /*#__PURE__*/(0, _jsxRuntime.jsxs)(_reactNative.View, {
+        style: [styles.header, {
+          paddingTop: insets.top + _theme.spacing.sm
+        }],
+        pointerEvents: "box-none",
+        children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.Text, {
+          style: styles.title,
+          numberOfLines: 1,
+          children: image?.name ?? ''
+        }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.Pressable, {
+          onPress: onClose,
+          accessibilityRole: "button",
+          accessibilityLabel: labels.close,
+          hitSlop: 12,
+          style: ({
+            pressed
+          }) => [styles.closeButton, pressed && styles.pressed],
+          children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_icons.CloseIcon, {
+            size: 20,
+            color: _theme.palette.white
+          })
+        })]
+      })]
+    })
+  });
+}
+const styles = _reactNative.StyleSheet.create({
+  backdrop: {
+    flex: 1,
+    backgroundColor: '#000000'
+  },
+  fill: {
+    flex: 1
+  },
+  center: {
+    flexGrow: 1,
+    alignItems: 'center',
+    justifyContent: 'center'
+  },
+  image: {
+    width: '100%',
+    height: '100%'
+  },
+  header: {
+    position: 'absolute',
+    top: 0,
+    left: 0,
+    right: 0,
+    flexDirection: 'row',
+    alignItems: 'center',
+    gap: _theme.spacing.md,
+    paddingHorizontal: _theme.spacing.lg,
+    paddingBottom: _theme.spacing.sm,
+    backgroundColor: 'rgba(0,0,0,0.45)'
+  },
+  title: {
+    flex: 1,
+    minWidth: 0,
+    color: _theme.palette.white,
+    fontSize: _theme.fontSize.body,
+    fontWeight: '600'
+  },
+  closeButton: {
+    width: 36,
+    height: 36,
+    borderRadius: 18,
+    alignItems: 'center',
+    justifyContent: 'center',
+    backgroundColor: 'rgba(255,255,255,0.14)'
+  },
+  pressed: {
+    opacity: 0.7
+  },
+  failed: {
+    gap: _theme.spacing.md,
+    paddingHorizontal: _theme.spacing.xxl
+  },
+  failedText: {
+    color: _theme.palette.white,
+    fontSize: _theme.fontSize.body,
+    textAlign: 'center'
+  },
+  externalButton: {
+    paddingHorizontal: _theme.spacing.lg,
+    paddingVertical: _theme.spacing.sm,
+    borderRadius: 999,
+    borderWidth: _reactNative.StyleSheet.hairlineWidth,
+    borderColor: 'rgba(255,255,255,0.5)'
+  },
+  externalLabel: {
+    color: _theme.palette.white,
+    fontSize: _theme.fontSize.meta,
+    fontWeight: _reactNative.Platform.OS === 'ios' ? '600' : 'bold'
+  }
+});
+//# sourceMappingURL=ImageViewer.js.map

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

@@ -0,0 +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":[]}

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

@@ -0,0 +1,210 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.InAppNotification = InAppNotification;
+var _react = require("react");
+var _reactNative = require("react-native");
+var _i18n = require("../../i18n.js");
+var _useReduceMotion = require("../hooks/use-reduce-motion.js");
+var _theme = require("../styles/theme.js");
+var _rtl = require("../utils/rtl.js");
+var _Avatar = require("./Avatar.js");
+var _jsxRuntime = require("react/jsx-runtime");
+/**
+ * The card that floats over the host app when a team reply arrives while the
+ * messenger is closed — Intercom's in-app notification. It never times out:
+ * tapping it opens the conversation, swiping it left or right dismisses it
+ * (the thread stays unread). The store takes it down on its own once the
+ * messenger opens or the thread is read.
+ *
+ * Pure JS gestures (PanResponder), so hosts need no gesture library.
+ */
+
+/** Share of the card's width a drag must travel to count as a dismiss. */const DISMISS_DISTANCE_RATIO = 0.35;
+/** A quick flick dismisses even when it travels less than that. */
+const DISMISS_VELOCITY = 0.6;
+function InAppNotification({
+  notification,
+  color,
+  bottomInset,
+  labels,
+  onOpen,
+  onDismiss
+}) {
+  const {
+    width
+  } = (0, _reactNative.useWindowDimensions)();
+  const reduceMotion = (0, _useReduceMotion.useReduceMotion)();
+  // Read as "hold still" until the setting is known (see useReduceMotion).
+  const animate = reduceMotion === false;
+  const entry = (0, _react.useRef)(new _reactNative.Animated.Value(animate ? 0 : 1)).current;
+  const dragX = (0, _react.useRef)(new _reactNative.Animated.Value(0)).current;
+  const preview = notification.preview || (notification.hasAttachments ? labels.attachment : '');
+  const sender = notification.senderName ? (0, _i18n.formatLabel)(labels.replyFrom, {
+    name: notification.senderName
+  }) : labels.newReply;
+  const accessibilityLabel = [preview, sender].filter(Boolean).join(', ');
+
+  // Mounted once per reply (the provider keys it by message id), so this runs
+  // for every new card: slide it in and tell screen-reader users it arrived.
+  (0, _react.useEffect)(() => {
+    if (animate) {
+      _reactNative.Animated.spring(entry, {
+        toValue: 1,
+        useNativeDriver: true,
+        speed: 16,
+        bounciness: 4
+      }).start();
+    }
+    _reactNative.AccessibilityInfo.announceForAccessibility(accessibilityLabel);
+    // eslint-disable-next-line react-hooks/exhaustive-deps
+  }, []);
+  const panResponder = (0, _react.useMemo)(() => {
+    const settle = () => _reactNative.Animated.spring(dragX, {
+      toValue: 0,
+      useNativeDriver: true,
+      bounciness: 6
+    }).start();
+    return _reactNative.PanResponder.create({
+      // Capture so a horizontal drag wins over the Pressable underneath; taps
+      // and vertical movement still reach it.
+      onMoveShouldSetPanResponderCapture: (_, gesture) => Math.abs(gesture.dx) > 8 && Math.abs(gesture.dx) > Math.abs(gesture.dy) * 1.5,
+      onPanResponderMove: (_, gesture) => dragX.setValue(gesture.dx),
+      onPanResponderTerminationRequest: () => false,
+      onPanResponderRelease: (_, gesture) => {
+        const farEnough = Math.abs(gesture.dx) > width * DISMISS_DISTANCE_RATIO;
+        const fastEnough = Math.abs(gesture.vx) > DISMISS_VELOCITY;
+        if (!farEnough && !fastEnough) {
+          settle();
+          return;
+        }
+        const direction = (gesture.dx || gesture.vx) < 0 ? -1 : 1;
+        _reactNative.Animated.timing(dragX, {
+          toValue: direction * width,
+          duration: animate ? 180 : 0,
+          useNativeDriver: true
+        }).start(() => onDismiss());
+      },
+      onPanResponderTerminate: settle
+    });
+  }, [animate, dragX, onDismiss, width]);
+  const handleAccessibilityAction = event => {
+    if (event.nativeEvent.actionName === 'dismiss') onDismiss();
+    if (event.nativeEvent.actionName === 'activate') onOpen(notification.conversationId);
+  };
+  const opacity = _reactNative.Animated.multiply(entry, dragX.interpolate({
+    inputRange: [-width, 0, width],
+    outputRange: [0, 1, 0],
+    extrapolate: 'clamp'
+  }));
+  const translateY = entry.interpolate({
+    inputRange: [0, 1],
+    outputRange: [_theme.spacing.lg, 0]
+  });
+  return /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.View, {
+    pointerEvents: "box-none",
+    style: [styles.wrapper, {
+      bottom: bottomInset + _theme.spacing.md
+    }],
+    children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.Animated.View, {
+      ...panResponder.panHandlers,
+      style: [styles.card, {
+        opacity,
+        transform: [{
+          translateX: dragX
+        }, {
+          translateY
+        }]
+      }],
+      children: /*#__PURE__*/(0, _jsxRuntime.jsxs)(_reactNative.Pressable, {
+        onPress: () => onOpen(notification.conversationId),
+        accessibilityRole: "button",
+        accessibilityLabel: accessibilityLabel,
+        accessibilityHint: labels.openHint,
+        accessibilityActions: [{
+          name: 'activate'
+        }, {
+          name: 'dismiss',
+          label: labels.dismiss
+        }],
+        onAccessibilityAction: handleAccessibilityAction,
+        style: ({
+          pressed
+        }) => [styles.row, pressed && styles.pressed],
+        children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_Avatar.Avatar, {
+          avatar: notification.senderAvatar,
+          name: notification.senderName,
+          color: color,
+          size: 40,
+          style: styles.avatar
+        }), /*#__PURE__*/(0, _jsxRuntime.jsxs)(_reactNative.View, {
+          style: styles.text,
+          children: [preview ? /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.Text, {
+            numberOfLines: 2,
+            style: styles.preview,
+            children: preview
+          }) : null, /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.Text, {
+            numberOfLines: 1,
+            style: styles.sender,
+            children: sender
+          })]
+        })]
+      })
+    })
+  });
+}
+const styles = _reactNative.StyleSheet.create({
+  wrapper: {
+    position: 'absolute',
+    left: 0,
+    right: 0,
+    paddingHorizontal: _theme.spacing.lg,
+    alignItems: 'center',
+    // Above the host's navigator even when the provider is mounted before it.
+    zIndex: 1000,
+    elevation: 1000
+  },
+  card: {
+    width: '100%',
+    maxWidth: 480,
+    borderRadius: _theme.radius.xl,
+    backgroundColor: _theme.palette.text,
+    ..._theme.shadows.floating
+  },
+  row: {
+    flexDirection: 'row',
+    alignItems: 'center',
+    gap: _theme.spacing.md,
+    minHeight: 64,
+    paddingVertical: _theme.spacing.md,
+    paddingHorizontal: _theme.spacing.lg,
+    borderRadius: _theme.radius.xl
+  },
+  pressed: {
+    opacity: 0.85
+  },
+  avatar: {
+    borderWidth: 1,
+    borderColor: (0, _theme.withAlpha)(_theme.palette.white, 0.1)
+  },
+  text: {
+    flex: 1,
+    minWidth: 0,
+    gap: 2
+  },
+  preview: {
+    color: _theme.palette.white,
+    fontSize: _theme.fontSize.body,
+    fontWeight: '600',
+    lineHeight: 20,
+    textAlign: _rtl.START_ALIGN
+  },
+  sender: {
+    color: (0, _theme.withAlpha)(_theme.palette.white, 0.64),
+    fontSize: _theme.fontSize.meta,
+    textAlign: _rtl.START_ALIGN
+  }
+});
+//# sourceMappingURL=InAppNotification.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["_react","require","_reactNative","_i18n","_useReduceMotion","_theme","_rtl","_Avatar","_jsxRuntime","DISMISS_DISTANCE_RATIO","DISMISS_VELOCITY","InAppNotification","notification","color","bottomInset","labels","onOpen","onDismiss","width","useWindowDimensions","reduceMotion","useReduceMotion","animate","entry","useRef","Animated","Value","current","dragX","preview","hasAttachments","attachment","sender","senderName","formatLabel","replyFrom","name","newReply","accessibilityLabel","filter","Boolean","join","useEffect","spring","toValue","useNativeDriver","speed","bounciness","start","AccessibilityInfo","announceForAccessibility","panResponder","useMemo","settle","PanResponder","create","onMoveShouldSetPanResponderCapture","_","gesture","Math","abs","dx","dy","onPanResponderMove","setValue","onPanResponderTerminationRequest","onPanResponderRelease","farEnough","fastEnough","vx","direction","timing","duration","onPanResponderTerminate","handleAccessibilityAction","event","nativeEvent","actionName","conversationId","opacity","multiply","interpolate","inputRange","outputRange","extrapolate","translateY","spacing","lg","jsx","View","pointerEvents","style","styles","wrapper","bottom","md","children","panHandlers","card","transform","translateX","jsxs","Pressable","onPress","accessibilityRole","accessibilityHint","openHint","accessibilityActions","label","dismiss","onAccessibilityAction","pressed","row","Avatar","avatar","senderAvatar","size","text","Text","numberOfLines","StyleSheet","position","left","right","paddingHorizontal","alignItems","zIndex","elevation","maxWidth","borderRadius","radius","xl","backgroundColor","palette","shadows","floating","flexDirection","gap","minHeight","paddingVertical","borderWidth","borderColor","withAlpha","white","flex","minWidth","fontSize","body","fontWeight","lineHeight","textAlign","START_ALIGN","meta"],"sourceRoot":"../../../../src","sources":["ui/components/InAppNotification.tsx"],"mappings":"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","ignoreList":[]}