@repzo/widget-react-native 1.0.0

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

@@ -0,0 +1,370 @@
+"use strict";
+
+/**
+ * Geometric icons drawn with plain Views.
+ *
+ * The library ships zero native dependencies, so `react-native-svg` is off the
+ * table; every glyph here is a rotated border or triangle, which renders
+ * identically on both platforms and scales with the `size` prop.
+ */
+
+import { StyleSheet, View } from 'react-native';
+import { palette } from "../styles/theme.js";
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+/** Two crossed bars. */
+export function CloseIcon({
+  size = 18,
+  color = palette.textMuted,
+  style
+}) {
+  const bar = {
+    position: 'absolute',
+    width: size,
+    height: Math.max(2, size * 0.11),
+    borderRadius: 2,
+    backgroundColor: color
+  };
+  return /*#__PURE__*/_jsxs(View, {
+    style: [{
+      width: size,
+      height: size
+    }, styles.center, style],
+    children: [/*#__PURE__*/_jsx(View, {
+      style: [bar, {
+        transform: [{
+          rotate: '45deg'
+        }]
+      }]
+    }), /*#__PURE__*/_jsx(View, {
+      style: [bar, {
+        transform: [{
+          rotate: '-45deg'
+        }]
+      }]
+    })]
+  });
+}
+const CHEVRON_ROTATION = {
+  left: '45deg',
+  right: '-135deg',
+  up: '135deg',
+  down: '-45deg'
+};
+
+/** A square with two adjacent borders, rotated into an arrow head. */
+export function ChevronIcon({
+  size = 16,
+  color = palette.textMuted,
+  direction = 'left',
+  style
+}) {
+  const box = size * 0.62;
+  return /*#__PURE__*/_jsx(View, {
+    style: [{
+      width: size,
+      height: size
+    }, styles.center, style],
+    children: /*#__PURE__*/_jsx(View, {
+      style: {
+        width: box,
+        height: box,
+        borderLeftWidth: Math.max(2, size * 0.13),
+        borderBottomWidth: Math.max(2, size * 0.13),
+        borderColor: color,
+        transform: [{
+          rotate: CHEVRON_ROTATION[direction]
+        }]
+      }
+    })
+  });
+}
+
+/** Arrow with a shaft — used for the "start a conversation" affordance. */
+export function ArrowRightIcon({
+  size = 16,
+  color = palette.textMuted,
+  style
+}) {
+  const thickness = Math.max(2, size * 0.12);
+  return /*#__PURE__*/_jsxs(View, {
+    style: [{
+      width: size,
+      height: size
+    }, styles.center, style],
+    children: [/*#__PURE__*/_jsx(View, {
+      style: {
+        position: 'absolute',
+        width: size * 0.8,
+        height: thickness,
+        borderRadius: thickness,
+        backgroundColor: color
+      }
+    }), /*#__PURE__*/_jsx(View, {
+      style: {
+        position: 'absolute',
+        right: size * 0.12,
+        width: size * 0.42,
+        height: size * 0.42,
+        borderTopWidth: thickness,
+        borderRightWidth: thickness,
+        borderColor: color,
+        transform: [{
+          rotate: '45deg'
+        }]
+      }
+    })]
+  });
+}
+
+/** Right-pointing triangle for the send button. */
+/** Upward arrow — the send affordance inside the composer's round button. */
+export function ArrowUpIcon({
+  size = 16,
+  color = palette.white,
+  style
+}) {
+  const thickness = Math.max(2, size * 0.12);
+  return /*#__PURE__*/_jsxs(View, {
+    style: [{
+      width: size,
+      height: size
+    }, styles.center, style],
+    children: [/*#__PURE__*/_jsx(View, {
+      style: {
+        position: 'absolute',
+        width: thickness,
+        height: size * 0.78,
+        borderRadius: thickness,
+        backgroundColor: color
+      }
+    }), /*#__PURE__*/_jsx(View, {
+      style: {
+        position: 'absolute',
+        top: size * 0.14,
+        width: size * 0.42,
+        height: size * 0.42,
+        borderTopWidth: thickness,
+        borderRightWidth: thickness,
+        borderColor: color,
+        transform: [{
+          rotate: '-45deg'
+        }]
+      }
+    })]
+  });
+}
+
+/** Rounded speech bubble with a tail. */
+export function ChatIcon({
+  size = 24,
+  color = palette.white,
+  style
+}) {
+  return /*#__PURE__*/_jsxs(View, {
+    style: [{
+      width: size,
+      height: size
+    }, style],
+    children: [/*#__PURE__*/_jsx(View, {
+      style: {
+        width: size,
+        height: size * 0.78,
+        borderRadius: size * 0.26,
+        backgroundColor: color
+      }
+    }), /*#__PURE__*/_jsx(View, {
+      style: {
+        position: 'absolute',
+        left: size * 0.18,
+        bottom: 0,
+        width: 0,
+        height: 0,
+        borderLeftWidth: size * 0.14,
+        borderRightWidth: size * 0.14,
+        borderTopWidth: size * 0.26,
+        borderLeftColor: 'transparent',
+        borderRightColor: 'transparent',
+        borderTopColor: color
+      }
+    })]
+  });
+}
+
+/** Outlined speech bubble — the Messages tab + empty state. */
+export function ChatOutlineIcon({
+  size = 22,
+  color = palette.textSubtle,
+  style
+}) {
+  const thickness = Math.max(1.5, size * 0.09);
+  return /*#__PURE__*/_jsxs(View, {
+    style: [{
+      width: size,
+      height: size
+    }, style],
+    children: [/*#__PURE__*/_jsx(View, {
+      style: {
+        width: size,
+        height: size * 0.76,
+        borderRadius: size * 0.24,
+        borderWidth: thickness,
+        borderColor: color
+      }
+    }), /*#__PURE__*/_jsx(View, {
+      style: {
+        position: 'absolute',
+        left: size * 0.2,
+        bottom: size * 0.02,
+        width: size * 0.22,
+        height: size * 0.22,
+        borderLeftWidth: thickness,
+        borderBottomWidth: thickness,
+        borderColor: color,
+        backgroundColor: palette.white,
+        transform: [{
+          rotate: '-45deg'
+        }]
+      }
+    })]
+  });
+}
+
+/** House outline — the Home tab. */
+export function HomeIcon({
+  size = 22,
+  color = palette.textSubtle,
+  style
+}) {
+  const thickness = Math.max(1.5, size * 0.09);
+  return /*#__PURE__*/_jsxs(View, {
+    style: [{
+      width: size,
+      height: size
+    }, styles.center, style],
+    children: [/*#__PURE__*/_jsx(View, {
+      style: {
+        position: 'absolute',
+        top: size * 0.04,
+        width: size * 0.56,
+        height: size * 0.56,
+        borderTopWidth: thickness,
+        borderLeftWidth: thickness,
+        borderColor: color,
+        transform: [{
+          rotate: '45deg'
+        }]
+      }
+    }), /*#__PURE__*/_jsx(View, {
+      style: {
+        position: 'absolute',
+        bottom: size * 0.08,
+        width: size * 0.7,
+        height: size * 0.44,
+        borderWidth: thickness,
+        borderTopWidth: 0,
+        borderColor: color
+      }
+    })]
+  });
+}
+
+/** Person glyph for conversations with no assigned agent. */
+export function PersonIcon({
+  size = 18,
+  color = palette.white,
+  style
+}) {
+  const thickness = Math.max(1.5, size * 0.11);
+  return /*#__PURE__*/_jsxs(View, {
+    style: [{
+      width: size,
+      height: size
+    }, styles.center, style],
+    children: [/*#__PURE__*/_jsx(View, {
+      style: {
+        position: 'absolute',
+        top: size * 0.06,
+        width: size * 0.42,
+        height: size * 0.42,
+        borderRadius: size * 0.21,
+        borderWidth: thickness,
+        borderColor: color
+      }
+    }), /*#__PURE__*/_jsx(View, {
+      style: {
+        position: 'absolute',
+        bottom: size * 0.06,
+        width: size * 0.74,
+        height: size * 0.3,
+        borderTopLeftRadius: size * 0.37,
+        borderTopRightRadius: size * 0.37,
+        borderWidth: thickness,
+        borderBottomWidth: 0,
+        borderColor: color
+      }
+    })]
+  });
+}
+
+/** Circle-with-bang used on the offline notice. */
+export function AlertIcon({
+  size = 16,
+  color = palette.warningIcon,
+  style
+}) {
+  return /*#__PURE__*/_jsxs(View, {
+    style: [{
+      width: size,
+      height: size,
+      borderRadius: size / 2,
+      borderWidth: Math.max(1.5, size * 0.12),
+      borderColor: color
+    }, styles.center, style],
+    children: [/*#__PURE__*/_jsx(View, {
+      style: {
+        width: Math.max(1.5, size * 0.12),
+        height: size * 0.34,
+        backgroundColor: color,
+        marginBottom: 1
+      }
+    }), /*#__PURE__*/_jsx(View, {
+      style: {
+        width: Math.max(1.5, size * 0.12),
+        height: Math.max(1.5, size * 0.12),
+        backgroundColor: color
+      }
+    })]
+  });
+}
+export function PaperclipIcon({
+  size = 18,
+  color = palette.textMuted,
+  style
+}) {
+  const thickness = Math.max(1.5, size * 0.1);
+  return /*#__PURE__*/_jsx(View, {
+    style: [{
+      width: size,
+      height: size
+    }, styles.center, style],
+    children: /*#__PURE__*/_jsx(View, {
+      style: {
+        width: size * 0.42,
+        height: size * 0.82,
+        borderRadius: size * 0.21,
+        borderWidth: thickness,
+        borderColor: color,
+        transform: [{
+          rotate: '35deg'
+        }]
+      }
+    })
+  });
+}
+const styles = StyleSheet.create({
+  center: {
+    alignItems: 'center',
+    justifyContent: 'center'
+  }
+});
+//# sourceMappingURL=icons.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["StyleSheet","View","palette","jsx","_jsx","jsxs","_jsxs","CloseIcon","size","color","textMuted","style","bar","position","width","height","Math","max","borderRadius","backgroundColor","styles","center","children","transform","rotate","CHEVRON_ROTATION","left","right","up","down","ChevronIcon","direction","box","borderLeftWidth","borderBottomWidth","borderColor","ArrowRightIcon","thickness","borderTopWidth","borderRightWidth","ArrowUpIcon","white","top","ChatIcon","bottom","borderLeftColor","borderRightColor","borderTopColor","ChatOutlineIcon","textSubtle","borderWidth","HomeIcon","PersonIcon","borderTopLeftRadius","borderTopRightRadius","AlertIcon","warningIcon","marginBottom","PaperclipIcon","create","alignItems","justifyContent"],"sourceRoot":"../../../../src","sources":["ui/components/icons.tsx"],"mappings":"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","ignoreList":[]}

package/lib/module/ui/hooks/use-keyboard-overlap.js

@@ -0,0 +1,109 @@
+"use strict";
+
+/**
+ * How far the keyboard covers the widget panel, in dp.
+ *
+ * The panel is a `<Modal>` that reaches the bottom of the screen, so the
+ * keyboard's own height is the whole story: what it reports is what has to be
+ * given back, less whatever the layout has already conceded down there.
+ *
+ * Measuring the panel does not work, and neither does RN's
+ * `<KeyboardAvoidingView>`, which is built on the same measurement. Both read a
+ * view's position out of the shadow tree, which places it relative to the
+ * surface root, while the keyboard frame arrives in screen coordinates. An iOS
+ * page sheet starts some 60dp down the screen, so the two disagree by exactly
+ * that much and the composer ends up under the keyboard with only its top
+ * border showing.
+ *
+ * What counts as already conceded differs by platform. iOS never resizes its
+ * window for the keyboard, so it is the safe-area padding the panel already
+ * keeps below itself. Android modals ask for `adjustResize`, so the window
+ * usually gives up the height itself and nothing more is owed; when it does not
+ * — an edge-to-edge window stays put — the whole keyboard still is. Either way
+ * the difference shows up in the panel's own height, so that is where the
+ * shrink is read from. RN already nets the navigation bar out of the height it
+ * reports on Android, so the safe-area inset must not come off twice there.
+ */
+
+import { useCallback, useEffect, useRef, useState } from 'react';
+import { Keyboard, LayoutAnimation, Platform } from 'react-native';
+// iOS announces the keyboard before it moves, so the layout can travel with
+// it; Android only reports the keyboard once it has settled.
+const SHOW_EVENT = Platform.OS === 'ios' ? 'keyboardWillShow' : 'keyboardDidShow';
+const HIDE_EVENT = Platform.OS === 'ios' ? 'keyboardWillHide' : 'keyboardDidHide';
+
+/** Android is the only platform whose window gives up height to the keyboard. */
+const WINDOW_RESIZES = Platform.OS === 'android';
+export function useKeyboardOverlap(enabled, bottomInset) {
+  const [overlap, setOverlap] = useState(0);
+  // Mirrors `overlap` for the handlers, which must not re-subscribe on it.
+  const applied = useRef(0);
+  const keyboardHeight = useRef(0);
+  // The panel's height with no keyboard, and its height now. Taking the tallest
+  // seen keeps an Android resize that lands before the keyboard event from
+  // being mistaken for the resting height.
+  const restingHeight = useRef(0);
+  const currentHeight = useRef(0);
+  const apply = useCallback((next, event) => {
+    if (Math.abs(next - applied.current) < 1) return;
+    applied.current = next;
+
+    // Riding the keyboard's own duration and curve keeps the composer glued to
+    // it, and leaves the work in the native layout pass instead of re-laying
+    // out the message list from JS on every frame. Android reports a duration
+    // of 0 and animates nothing, which is what the guard falls through to.
+    const duration = event?.duration ?? 0;
+    const easing = event?.easing;
+    if (duration > 10 && easing) {
+      LayoutAnimation.configureNext({
+        duration,
+        update: {
+          duration,
+          type: LayoutAnimation.Types[easing] ?? LayoutAnimation.Types.keyboard
+        }
+      });
+    }
+    setOverlap(next);
+  }, []);
+  const recompute = useCallback(event => {
+    const alreadyClear = WINDOW_RESIZES ? Math.max(restingHeight.current - currentHeight.current, 0) : bottomInset;
+    const height = keyboardHeight.current;
+    apply(Math.min(Math.max(height - alreadyClear, 0), height), event);
+  }, [apply, bottomInset]);
+  const onLayout = useCallback(event => {
+    // Only Android has a shrink to read, and only there can it land after the
+    // keyboard event and leave the first answer stale.
+    if (!WINDOW_RESIZES) return;
+    const {
+      height
+    } = event.nativeEvent.layout;
+    currentHeight.current = height;
+    restingHeight.current = Math.max(restingHeight.current, height);
+    if (keyboardHeight.current > 0) recompute();
+  }, [recompute]);
+  useEffect(() => {
+    if (!enabled) {
+      keyboardHeight.current = 0;
+      restingHeight.current = 0;
+      apply(0);
+      return undefined;
+    }
+    const handleShow = event => {
+      keyboardHeight.current = event.endCoordinates?.height ?? 0;
+      recompute(event);
+    };
+    const handleHide = event => {
+      keyboardHeight.current = 0;
+      recompute(event);
+    };
+    const subscriptions = [Keyboard.addListener(SHOW_EVENT, handleShow), Keyboard.addListener(HIDE_EVENT, handleHide)];
+    return () => {
+      subscriptions.forEach(subscription => subscription.remove());
+    };
+  }, [apply, enabled, recompute]);
+  return {
+    overlap,
+    onLayout
+  };
+}
+//# sourceMappingURL=use-keyboard-overlap.js.map

package/lib/module/ui/hooks/use-keyboard-overlap.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["useCallback","useEffect","useRef","useState","Keyboard","LayoutAnimation","Platform","SHOW_EVENT","OS","HIDE_EVENT","WINDOW_RESIZES","useKeyboardOverlap","enabled","bottomInset","overlap","setOverlap","applied","keyboardHeight","restingHeight","currentHeight","apply","next","event","Math","abs","current","duration","easing","configureNext","update","type","Types","keyboard","recompute","alreadyClear","max","height","min","onLayout","nativeEvent","layout","undefined","handleShow","endCoordinates","handleHide","subscriptions","addListener","forEach","subscription","remove"],"sourceRoot":"../../../../src","sources":["ui/hooks/use-keyboard-overlap.ts"],"mappings":"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","ignoreList":[]}

package/lib/module/ui/hooks/use-reduce-motion.js

@@ -0,0 +1,34 @@
+"use strict";
+
+/**
+ * Shared reduce-motion check. The query is async, so the answer is cached for
+ * the process: the setting rarely changes mid-session, and re-asking on every
+ * mount would let the first frame animate before the answer arrives.
+ *
+ * Returns `null` until resolved, which callers should read as "hold still" —
+ * starting an animation and snapping it away a frame later is the flicker this
+ * is meant to avoid.
+ */
+
+import { useEffect, useState } from 'react';
+import { AccessibilityInfo } from 'react-native';
+let cached = null;
+export function useReduceMotion() {
+  const [value, setValue] = useState(cached);
+  useEffect(() => {
+    if (cached !== null) return undefined;
+    let alive = true;
+    AccessibilityInfo.isReduceMotionEnabled().then(enabled => {
+      cached = enabled;
+      if (alive) setValue(enabled);
+    }).catch(() => {
+      cached = false;
+      if (alive) setValue(false);
+    });
+    return () => {
+      alive = false;
+    };
+  }, []);
+  return value;
+}
+//# sourceMappingURL=use-reduce-motion.js.map

package/lib/module/ui/hooks/use-reduce-motion.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["useEffect","useState","AccessibilityInfo","cached","useReduceMotion","value","setValue","undefined","alive","isReduceMotionEnabled","then","enabled","catch"],"sourceRoot":"../../../../src","sources":["ui/hooks/use-reduce-motion.ts"],"mappings":";;AAAA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA,SAASA,SAAS,EAAEC,QAAQ,QAAQ,OAAO;AAC3C,SAASC,iBAAiB,QAAQ,cAAc;AAEhD,IAAIC,MAAsB,GAAG,IAAI;AAEjC,OAAO,SAASC,eAAeA,CAAA,EAAmB;EAChD,MAAM,CAACC,KAAK,EAAEC,QAAQ,CAAC,GAAGL,QAAQ,CAAiBE,MAAM,CAAC;EAE1DH,SAAS,CAAC,MAAM;IACd,IAAIG,MAAM,KAAK,IAAI,EAAE,OAAOI,SAAS;IACrC,IAAIC,KAAK,GAAG,IAAI;IAEhBN,iBAAiB,CAACO,qBAAqB,CAAC,CAAC,CACtCC,IAAI,CAAEC,OAAO,IAAK;MACjBR,MAAM,GAAGQ,OAAO;MAChB,IAAIH,KAAK,EAAEF,QAAQ,CAACK,OAAO,CAAC;IAC9B,CAAC,CAAC,CACDC,KAAK,CAAC,MAAM;MACXT,MAAM,GAAG,KAAK;MACd,IAAIK,KAAK,EAAEF,QAAQ,CAAC,KAAK,CAAC;IAC5B,CAAC,CAAC;IAEJ,OAAO,MAAM;MACXE,KAAK,GAAG,KAAK;IACf,CAAC;EACH,CAAC,EAAE,EAAE,CAAC;EAEN,OAAOH,KAAK;AACd","ignoreList":[]}

package/lib/module/ui/hooks/use-widget-insets.js

@@ -0,0 +1,37 @@
+"use strict";
+
+/**
+ * Safe-area insets without a hard dependency.
+ *
+ * RN's own `SafeAreaView` is deprecated (and iOS-only), so we use the host
+ * app's `react-native-safe-area-context` when it is installed and fall back to
+ * platform constants otherwise. Resolution happens once at module load, so the
+ * hook call order is stable across renders.
+ */
+
+import { Platform, StatusBar } from 'react-native';
+const FALLBACK_INSETS = {
+  top: Platform.OS === 'android' ? StatusBar.currentHeight ?? 0 : 0,
+  bottom: 0,
+  left: 0,
+  right: 0
+};
+let insetsHook = null;
+try {
+  // eslint-disable-next-line @typescript-eslint/no-var-requires
+  const mod = require('react-native-safe-area-context');
+  if (typeof mod?.useSafeAreaInsets === 'function') insetsHook = mod.useSafeAreaInsets;
+} catch {
+  insetsHook = null;
+}
+export function useWidgetInsets() {
+  if (!insetsHook) return FALLBACK_INSETS;
+  try {
+    return insetsHook();
+  } catch {
+    // The host mounted no <SafeAreaProvider>; the hook itself still ran, so
+    // React's hook order is unchanged.
+    return FALLBACK_INSETS;
+  }
+}
+//# sourceMappingURL=use-widget-insets.js.map

package/lib/module/ui/hooks/use-widget-insets.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["Platform","StatusBar","FALLBACK_INSETS","top","OS","currentHeight","bottom","left","right","insetsHook","mod","require","useSafeAreaInsets","useWidgetInsets"],"sourceRoot":"../../../../src","sources":["ui/hooks/use-widget-insets.ts"],"mappings":";;AAAA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA,SAASA,QAAQ,EAAEC,SAAS,QAAQ,cAAc;AASlD,MAAMC,eAA6B,GAAG;EACpCC,GAAG,EAAEH,QAAQ,CAACI,EAAE,KAAK,SAAS,GAAIH,SAAS,CAACI,aAAa,IAAI,CAAC,GAAI,CAAC;EACnEC,MAAM,EAAE,CAAC;EACTC,IAAI,EAAE,CAAC;EACPC,KAAK,EAAE;AACT,CAAC;AAED,IAAIC,UAAuC,GAAG,IAAI;AAClD,IAAI;EACF;EACA,MAAMC,GAAG,GAAGC,OAAO,CAAC,gCAAgC,CAAC;EACrD,IAAI,OAAOD,GAAG,EAAEE,iBAAiB,KAAK,UAAU,EAAEH,UAAU,GAAGC,GAAG,CAACE,iBAAiB;AACtF,CAAC,CAAC,MAAM;EACNH,UAAU,GAAG,IAAI;AACnB;AAEA,OAAO,SAASI,eAAeA,CAAA,EAAiB;EAC9C,IAAI,CAACJ,UAAU,EAAE,OAAOP,eAAe;EACvC,IAAI;IACF,OAAOO,UAAU,CAAC,CAAC;EACrB,CAAC,CAAC,MAAM;IACN;IACA;IACA,OAAOP,eAAe;EACxB;AACF","ignoreList":[]}