@repzo/widget-react-native 1.0.0

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

@@ -0,0 +1,131 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.WidgetPanel = WidgetPanel;
+var _reactNative = require("react-native");
+var _global = require("../styles/global.js");
+var _theme = require("../styles/theme.js");
+var _icons = require("./icons.js");
+var _jsxRuntime = require("react/jsx-runtime");
+/**
+ * Panel chrome: the colored header (with the assigned agent) and the bottom
+ * space switcher. Port of `client/src/widget/components/WidgetPanel.tsx`; the
+ * fixed-size floating card becomes a full-height sheet because the RN host is
+ * a modal, not an iframe pinned to a corner.
+ */
+
+const SPACE_META = {
+  home: {
+    labelKey: 'home',
+    icon: props => /*#__PURE__*/(0, _jsxRuntime.jsx)(_icons.HomeIcon, {
+      ...props
+    })
+  },
+  messages: {
+    labelKey: 'messages',
+    icon: props => /*#__PURE__*/(0, _jsxRuntime.jsx)(_icons.ChatOutlineIcon, {
+      ...props
+    })
+  }
+};
+function WidgetPanel({
+  color,
+  children,
+  activeTab,
+  onTabChange,
+  showTabs,
+  spaces,
+  unreadCount = 0,
+  labels
+}) {
+  const enabledSpaces = spaces.filter(space => space.enabled);
+  return /*#__PURE__*/(0, _jsxRuntime.jsxs)(_reactNative.View, {
+    style: _global.globalStyles.screen,
+    children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.View, {
+      style: _global.globalStyles.fill,
+      children: children
+    }), showTabs && enabledSpaces.length > 1 && /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.View, {
+      style: styles.tabBar,
+      children: enabledSpaces.map(space => {
+        const meta = SPACE_META[space.type];
+        if (!meta) return null;
+        const active = activeTab === space.type;
+        const showBadge = space.type === 'messages' && unreadCount > 0;
+        return /*#__PURE__*/(0, _jsxRuntime.jsxs)(_reactNative.Pressable, {
+          onPress: () => onTabChange(space.type),
+          accessibilityRole: "tab",
+          accessibilityState: {
+            selected: active
+          },
+          accessibilityLabel: showBadge ? `${labels[meta.labelKey]}, ${labels.unread}` : undefined,
+          style: styles.tab,
+          children: [/*#__PURE__*/(0, _jsxRuntime.jsxs)(_reactNative.View, {
+            style: styles.tabIconWrap,
+            children: [meta.icon({
+              size: 22,
+              color: active ? color : _theme.palette.textSubtle
+            }), showBadge ? /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.View, {
+              style: styles.tabBadge,
+              pointerEvents: "none",
+              children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.Text, {
+                style: styles.tabBadgeLabel,
+                children: unreadCount > 9 ? '9+' : unreadCount
+              })
+            }) : null]
+          }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.Text, {
+            style: [styles.tabLabel, {
+              color: active ? color : _theme.palette.textSubtle
+            }],
+            children: labels[meta.labelKey]
+          })]
+        }, space.type);
+      })
+    })]
+  });
+}
+const styles = _reactNative.StyleSheet.create({
+  tabIconWrap: {
+    position: 'relative'
+  },
+  tabBadge: {
+    position: 'absolute',
+    top: -5,
+    end: -12,
+    minWidth: 18,
+    height: 18,
+    borderRadius: 9,
+    paddingHorizontal: _theme.spacing.xs,
+    backgroundColor: _theme.palette.danger,
+    alignItems: 'center',
+    justifyContent: 'center',
+    borderWidth: 2,
+    borderColor: _theme.palette.white
+  },
+  tabBadgeLabel: {
+    fontSize: _theme.fontSize.micro,
+    fontWeight: '700',
+    color: _theme.palette.white
+  },
+  tabBar: {
+    flexDirection: 'row',
+    borderTopWidth: _reactNative.StyleSheet.hairlineWidth,
+    borderTopColor: _theme.palette.border,
+    backgroundColor: _theme.palette.white
+  },
+  tab: {
+    flex: 1,
+    alignItems: 'center',
+    justifyContent: 'center',
+    gap: 2,
+    paddingVertical: _theme.spacing.sm,
+    minHeight: 52
+  },
+  tabLabel: {
+    fontSize: _theme.fontSize.caption,
+    // Weight stays constant across states — only color signals the active tab.
+    fontWeight: '600'
+  }
+});
+//# sourceMappingURL=WidgetPanel.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["_reactNative","require","_global","_theme","_icons","_jsxRuntime","SPACE_META","home","labelKey","icon","props","jsx","HomeIcon","messages","ChatOutlineIcon","WidgetPanel","color","children","activeTab","onTabChange","showTabs","spaces","unreadCount","labels","enabledSpaces","filter","space","enabled","jsxs","View","style","globalStyles","screen","fill","length","styles","tabBar","map","meta","type","active","showBadge","Pressable","onPress","accessibilityRole","accessibilityState","selected","accessibilityLabel","unread","undefined","tab","tabIconWrap","size","palette","textSubtle","tabBadge","pointerEvents","Text","tabBadgeLabel","tabLabel","StyleSheet","create","position","top","end","minWidth","height","borderRadius","paddingHorizontal","spacing","xs","backgroundColor","danger","alignItems","justifyContent","borderWidth","borderColor","white","fontSize","micro","fontWeight","flexDirection","borderTopWidth","hairlineWidth","borderTopColor","border","flex","gap","paddingVertical","sm","minHeight","caption"],"sourceRoot":"../../../../src","sources":["ui/components/WidgetPanel.tsx"],"mappings":"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","ignoreList":[]}

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

@@ -0,0 +1,383 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.AlertIcon = AlertIcon;
+exports.ArrowRightIcon = ArrowRightIcon;
+exports.ArrowUpIcon = ArrowUpIcon;
+exports.ChatIcon = ChatIcon;
+exports.ChatOutlineIcon = ChatOutlineIcon;
+exports.ChevronIcon = ChevronIcon;
+exports.CloseIcon = CloseIcon;
+exports.HomeIcon = HomeIcon;
+exports.PaperclipIcon = PaperclipIcon;
+exports.PersonIcon = PersonIcon;
+var _reactNative = require("react-native");
+var _theme = require("../styles/theme.js");
+var _jsxRuntime = require("react/jsx-runtime");
+/**
+ * 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.
+ */
+
+/** Two crossed bars. */
+function CloseIcon({
+  size = 18,
+  color = _theme.palette.textMuted,
+  style
+}) {
+  const bar = {
+    position: 'absolute',
+    width: size,
+    height: Math.max(2, size * 0.11),
+    borderRadius: 2,
+    backgroundColor: color
+  };
+  return /*#__PURE__*/(0, _jsxRuntime.jsxs)(_reactNative.View, {
+    style: [{
+      width: size,
+      height: size
+    }, styles.center, style],
+    children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.View, {
+      style: [bar, {
+        transform: [{
+          rotate: '45deg'
+        }]
+      }]
+    }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.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. */
+function ChevronIcon({
+  size = 16,
+  color = _theme.palette.textMuted,
+  direction = 'left',
+  style
+}) {
+  const box = size * 0.62;
+  return /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.View, {
+    style: [{
+      width: size,
+      height: size
+    }, styles.center, style],
+    children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.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. */
+function ArrowRightIcon({
+  size = 16,
+  color = _theme.palette.textMuted,
+  style
+}) {
+  const thickness = Math.max(2, size * 0.12);
+  return /*#__PURE__*/(0, _jsxRuntime.jsxs)(_reactNative.View, {
+    style: [{
+      width: size,
+      height: size
+    }, styles.center, style],
+    children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.View, {
+      style: {
+        position: 'absolute',
+        width: size * 0.8,
+        height: thickness,
+        borderRadius: thickness,
+        backgroundColor: color
+      }
+    }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.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. */
+function ArrowUpIcon({
+  size = 16,
+  color = _theme.palette.white,
+  style
+}) {
+  const thickness = Math.max(2, size * 0.12);
+  return /*#__PURE__*/(0, _jsxRuntime.jsxs)(_reactNative.View, {
+    style: [{
+      width: size,
+      height: size
+    }, styles.center, style],
+    children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.View, {
+      style: {
+        position: 'absolute',
+        width: thickness,
+        height: size * 0.78,
+        borderRadius: thickness,
+        backgroundColor: color
+      }
+    }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.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. */
+function ChatIcon({
+  size = 24,
+  color = _theme.palette.white,
+  style
+}) {
+  return /*#__PURE__*/(0, _jsxRuntime.jsxs)(_reactNative.View, {
+    style: [{
+      width: size,
+      height: size
+    }, style],
+    children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.View, {
+      style: {
+        width: size,
+        height: size * 0.78,
+        borderRadius: size * 0.26,
+        backgroundColor: color
+      }
+    }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.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. */
+function ChatOutlineIcon({
+  size = 22,
+  color = _theme.palette.textSubtle,
+  style
+}) {
+  const thickness = Math.max(1.5, size * 0.09);
+  return /*#__PURE__*/(0, _jsxRuntime.jsxs)(_reactNative.View, {
+    style: [{
+      width: size,
+      height: size
+    }, style],
+    children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.View, {
+      style: {
+        width: size,
+        height: size * 0.76,
+        borderRadius: size * 0.24,
+        borderWidth: thickness,
+        borderColor: color
+      }
+    }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.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: _theme.palette.white,
+        transform: [{
+          rotate: '-45deg'
+        }]
+      }
+    })]
+  });
+}
+
+/** House outline — the Home tab. */
+function HomeIcon({
+  size = 22,
+  color = _theme.palette.textSubtle,
+  style
+}) {
+  const thickness = Math.max(1.5, size * 0.09);
+  return /*#__PURE__*/(0, _jsxRuntime.jsxs)(_reactNative.View, {
+    style: [{
+      width: size,
+      height: size
+    }, styles.center, style],
+    children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.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__*/(0, _jsxRuntime.jsx)(_reactNative.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. */
+function PersonIcon({
+  size = 18,
+  color = _theme.palette.white,
+  style
+}) {
+  const thickness = Math.max(1.5, size * 0.11);
+  return /*#__PURE__*/(0, _jsxRuntime.jsxs)(_reactNative.View, {
+    style: [{
+      width: size,
+      height: size
+    }, styles.center, style],
+    children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.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__*/(0, _jsxRuntime.jsx)(_reactNative.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. */
+function AlertIcon({
+  size = 16,
+  color = _theme.palette.warningIcon,
+  style
+}) {
+  return /*#__PURE__*/(0, _jsxRuntime.jsxs)(_reactNative.View, {
+    style: [{
+      width: size,
+      height: size,
+      borderRadius: size / 2,
+      borderWidth: Math.max(1.5, size * 0.12),
+      borderColor: color
+    }, styles.center, style],
+    children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.View, {
+      style: {
+        width: Math.max(1.5, size * 0.12),
+        height: size * 0.34,
+        backgroundColor: color,
+        marginBottom: 1
+      }
+    }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.View, {
+      style: {
+        width: Math.max(1.5, size * 0.12),
+        height: Math.max(1.5, size * 0.12),
+        backgroundColor: color
+      }
+    })]
+  });
+}
+function PaperclipIcon({
+  size = 18,
+  color = _theme.palette.textMuted,
+  style
+}) {
+  const thickness = Math.max(1.5, size * 0.1);
+  return /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.View, {
+    style: [{
+      width: size,
+      height: size
+    }, styles.center, style],
+    children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.View, {
+      style: {
+        width: size * 0.42,
+        height: size * 0.82,
+        borderRadius: size * 0.21,
+        borderWidth: thickness,
+        borderColor: color,
+        transform: [{
+          rotate: '35deg'
+        }]
+      }
+    })
+  });
+}
+const styles = _reactNative.StyleSheet.create({
+  center: {
+    alignItems: 'center',
+    justifyContent: 'center'
+  }
+});
+//# sourceMappingURL=icons.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["_reactNative","require","_theme","_jsxRuntime","CloseIcon","size","color","palette","textMuted","style","bar","position","width","height","Math","max","borderRadius","backgroundColor","jsxs","View","styles","center","children","jsx","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","StyleSheet","create","alignItems","justifyContent"],"sourceRoot":"../../../../src","sources":["ui/components/icons.tsx"],"mappings":"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","ignoreList":[]}

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

@@ -0,0 +1,113 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.useKeyboardOverlap = useKeyboardOverlap;
+var _react = require("react");
+var _reactNative = require("react-native");
+/**
+ * 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.
+ */
+
+// 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 = _reactNative.Platform.OS === 'ios' ? 'keyboardWillShow' : 'keyboardDidShow';
+const HIDE_EVENT = _reactNative.Platform.OS === 'ios' ? 'keyboardWillHide' : 'keyboardDidHide';
+
+/** Android is the only platform whose window gives up height to the keyboard. */
+const WINDOW_RESIZES = _reactNative.Platform.OS === 'android';
+function useKeyboardOverlap(enabled, bottomInset) {
+  const [overlap, setOverlap] = (0, _react.useState)(0);
+  // Mirrors `overlap` for the handlers, which must not re-subscribe on it.
+  const applied = (0, _react.useRef)(0);
+  const keyboardHeight = (0, _react.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 = (0, _react.useRef)(0);
+  const currentHeight = (0, _react.useRef)(0);
+  const apply = (0, _react.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) {
+      _reactNative.LayoutAnimation.configureNext({
+        duration,
+        update: {
+          duration,
+          type: _reactNative.LayoutAnimation.Types[easing] ?? _reactNative.LayoutAnimation.Types.keyboard
+        }
+      });
+    }
+    setOverlap(next);
+  }, []);
+  const recompute = (0, _react.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 = (0, _react.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]);
+  (0, _react.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 = [_reactNative.Keyboard.addListener(SHOW_EVENT, handleShow), _reactNative.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/commonjs/ui/hooks/use-keyboard-overlap.js.map

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