@kesha-antonov/react-native-chat 5.0.1 → 6.0.0

package/lib/Bubble/BubbleMenu.js

@@ -0,0 +1,289 @@
+import { c as _c } from "react/compiler-runtime";
+import React, { useCallback, useMemo, useState } from 'react';
+import { measure, runOnJS, runOnUI, useAnimatedRef } from 'react-native-reanimated';
+import { ContextMenu } from '../components/ContextMenu';
+import { impactHaptic } from '../components/haptics';
+import { DEFAULT_REACTION_EMOJIS, ReactionPicker } from '../Reactions';
+import { renderComponentOrElement } from '../utils';
+import { BubbleBody } from './BubbleBody';
+import { LIFTED_RESET, LiftedBubble } from './LiftedBubble';
+const NO_ANCHOR = {
+  pageX: 0,
+  pageY: 0,
+  bubbleWidth: 0,
+  bubbleHeight: 0
+};
+
+/** The long-press overlay's state: open or not, where the bubble and the finger were. */
+export function useBubbleMenu() {
+  const $ = _c(13);
+  const bubbleContainerRef = useAnimatedRef();
+  const [isPickerVisible, setIsPickerVisible] = useState(false);
+  const [hasOpenedMenu, setHasOpenedMenu] = useState(false);
+  if (isPickerVisible && !hasOpenedMenu) {
+    setHasOpenedMenu(true);
+  }
+  const [pickerAnchor, setPickerAnchor] = useState(NO_ANCHOR);
+  const [isLifted, setIsLifted] = useState(false);
+  let t0;
+  if ($[0] === Symbol.for("react.memo_cache_sentinel")) {
+    t0 = {};
+    $[0] = t0;
+  } else {
+    t0 = $[0];
+  }
+  const [touchPoint, setTouchPoint] = useState(t0);
+  let t1;
+  if ($[1] === Symbol.for("react.memo_cache_sentinel")) {
+    t1 = (touchX, touchY) => {
+      impactHaptic("Medium");
+      setTouchPoint({
+        touchX,
+        touchY
+      });
+      setIsPickerVisible(true);
+    };
+    $[1] = t1;
+  } else {
+    t1 = $[1];
+  }
+  const open = t1;
+  let t2;
+  if ($[2] === Symbol.for("react.memo_cache_sentinel")) {
+    t2 = () => {
+      setIsPickerVisible(false);
+    };
+    $[2] = t2;
+  } else {
+    t2 = $[2];
+  }
+  const close = t2;
+  let t3;
+  if ($[3] !== bubbleContainerRef) {
+    t3 = () => {
+      runOnUI(() => {
+        "worklet";
+
+        const frame = measure(bubbleContainerRef);
+        if (frame) {
+          runOnJS(setPickerAnchor)({
+            pageX: frame.pageX,
+            pageY: frame.pageY,
+            bubbleWidth: frame.width,
+            bubbleHeight: frame.height
+          });
+        }
+      })();
+    };
+    $[3] = bubbleContainerRef;
+    $[4] = t3;
+  } else {
+    t3 = $[4];
+  }
+  const measureBubble = t3;
+  let t4;
+  if ($[5] !== bubbleContainerRef || $[6] !== hasOpenedMenu || $[7] !== isLifted || $[8] !== isPickerVisible || $[9] !== measureBubble || $[10] !== pickerAnchor || $[11] !== touchPoint) {
+    t4 = {
+      bubbleContainerRef,
+      isPickerVisible,
+      hasOpenedMenu,
+      pickerAnchor,
+      touchPoint,
+      isLifted,
+      setIsLifted,
+      open,
+      close,
+      measureBubble
+    };
+    $[5] = bubbleContainerRef;
+    $[6] = hasOpenedMenu;
+    $[7] = isLifted;
+    $[8] = isPickerVisible;
+    $[9] = measureBubble;
+    $[10] = pickerAnchor;
+    $[11] = touchPoint;
+    $[12] = t4;
+  } else {
+    t4 = $[12];
+  }
+  return t4;
+}
+/**
+ * The long-press overlay: the context menu (with a reactions row when reactions are on) when the
+ * message has actions, the reactions picker otherwise. Both lift a copy of the bubble over the
+ * backdrop.
+ */
+export function BubbleMenu(t0) {
+  const $ = _c(48);
+  const {
+    bubble,
+    layout,
+    menu,
+    menuItems,
+    wrapperStyleList,
+    reactionsDisplay
+  } = t0;
+  const {
+    currentMessage,
+    position,
+    reactions
+  } = bubble;
+  const {
+    isPickerVisible,
+    isLifted,
+    pickerAnchor,
+    touchPoint,
+    close,
+    measureBubble,
+    setIsLifted
+  } = menu;
+  const hasMenu = menuItems.length > 0;
+  const currentUserId = bubble.user?._id;
+  currentMessage?.reactions;
+  let t1;
+  if ($[0] !== currentMessage?.reactions || $[1] !== currentUserId) {
+    t1 = currentUserId == null ? undefined : currentMessage?.reactions?.filter(reaction => reaction.userIds.includes(currentUserId)).map(_temp);
+    $[0] = currentMessage?.reactions;
+    $[1] = currentUserId;
+    $[2] = t1;
+  } else {
+    t1 = $[2];
+  }
+  const chosenReactions = t1;
+  let t2;
+  if ($[3] !== currentMessage || $[4] !== measureBubble || $[5] !== reactions) {
+    t2 = emoji => {
+      reactions?.onReactionPress?.(currentMessage, emoji);
+      requestAnimationFrame(() => requestAnimationFrame(measureBubble));
+    };
+    $[3] = currentMessage;
+    $[4] = measureBubble;
+    $[5] = reactions;
+    $[6] = t2;
+  } else {
+    t2 = $[6];
+  }
+  const selectReaction = t2;
+  const liftedWidth = Math.ceil(pickerAnchor.bubbleWidth + 0.5);
+  let t3;
+  if ($[7] !== bubble || $[8] !== isLifted || $[9] !== isPickerVisible || $[10] !== layout || $[11] !== liftedWidth || $[12] !== measureBubble || $[13] !== reactionsDisplay || $[14] !== setIsLifted || $[15] !== wrapperStyleList) {
+    t3 = isPickerVisible || isLifted ? <LiftedBubble onLiftChange={setIsLifted} onRemeasure={measureBubble} style={[wrapperStyleList, LIFTED_RESET, {
+      width: liftedWidth,
+      maxWidth: liftedWidth
+    }]}><BubbleBody bubble={bubble} layout={layout} reactionsDisplay={reactionsDisplay} /></LiftedBubble> : undefined;
+    $[7] = bubble;
+    $[8] = isLifted;
+    $[9] = isPickerVisible;
+    $[10] = layout;
+    $[11] = liftedWidth;
+    $[12] = measureBubble;
+    $[13] = reactionsDisplay;
+    $[14] = setIsLifted;
+    $[15] = wrapperStyleList;
+    $[16] = t3;
+  } else {
+    t3 = $[16];
+  }
+  const messagePreview = t3;
+  if (hasMenu) {
+    let t4;
+    if ($[17] !== chosenReactions || $[18] !== reactions || $[19] !== selectReaction) {
+      t4 = reactions?.isEnabled ? {
+        emojis: reactions.emojis ?? DEFAULT_REACTION_EMOJIS,
+        onSelect: selectReaction,
+        selected: chosenReactions,
+        renderExpandedPicker: reactions.renderExpandedPicker ?? undefined
+      } : undefined;
+      $[17] = chosenReactions;
+      $[18] = reactions;
+      $[19] = selectReaction;
+      $[20] = t4;
+    } else {
+      t4 = $[20];
+    }
+    const reactionsRow = t4;
+    let t5;
+    if ($[21] !== close || $[22] !== isPickerVisible || $[23] !== layout.visualPosition || $[24] !== menuItems || $[25] !== messagePreview || $[26] !== pickerAnchor || $[27] !== reactionsRow || $[28] !== touchPoint) {
+      t5 = <ContextMenu visible={isPickerVisible} items={menuItems} onDismiss={close} position={layout.visualPosition} {...pickerAnchor} {...touchPoint} reactions={reactionsRow} messagePreview={messagePreview} />;
+      $[21] = close;
+      $[22] = isPickerVisible;
+      $[23] = layout.visualPosition;
+      $[24] = menuItems;
+      $[25] = messagePreview;
+      $[26] = pickerAnchor;
+      $[27] = reactionsRow;
+      $[28] = touchPoint;
+      $[29] = t5;
+    } else {
+      t5 = $[29];
+    }
+    return t5;
+  }
+  if (!reactions?.isEnabled) {
+    return null;
+  }
+  const t4 = reactions.emojis ?? DEFAULT_REACTION_EMOJIS;
+  const t5 = reactions.pickerContainerStyle;
+  const t6 = reactions.pickerEmojiStyle;
+  const t7 = reactions.renderExpandedPicker;
+  let pickerProps;
+  let t8;
+  if ($[30] !== close || $[31] !== currentMessage || $[32] !== isPickerVisible || $[33] !== messagePreview || $[34] !== pickerAnchor || $[35] !== position || $[36] !== reactions.pickerContainerStyle || $[37] !== reactions.pickerEmojiStyle || $[38] !== reactions.renderExpandedPicker || $[39] !== reactions.renderReactionPicker || $[40] !== selectReaction || $[41] !== t4 || $[42] !== touchPoint) {
+    t8 = Symbol.for("react.early_return_sentinel");
+    bb0: {
+      pickerProps = {
+        visible: isPickerVisible,
+        message: currentMessage,
+        emojis: t4,
+        onSelect: selectReaction,
+        onDismiss: close,
+        position,
+        ...pickerAnchor,
+        ...touchPoint,
+        pickerContainerStyle: t5,
+        pickerEmojiStyle: t6,
+        messagePreview,
+        renderExpandedPicker: t7
+      };
+      if (reactions.renderReactionPicker) {
+        t8 = renderComponentOrElement(reactions.renderReactionPicker, pickerProps);
+        break bb0;
+      }
+    }
+    $[30] = close;
+    $[31] = currentMessage;
+    $[32] = isPickerVisible;
+    $[33] = messagePreview;
+    $[34] = pickerAnchor;
+    $[35] = position;
+    $[36] = reactions.pickerContainerStyle;
+    $[37] = reactions.pickerEmojiStyle;
+    $[38] = reactions.renderExpandedPicker;
+    $[39] = reactions.renderReactionPicker;
+    $[40] = selectReaction;
+    $[41] = t4;
+    $[42] = touchPoint;
+    $[43] = pickerProps;
+    $[44] = t8;
+  } else {
+    pickerProps = $[43];
+    t8 = $[44];
+  }
+  if (t8 !== Symbol.for("react.early_return_sentinel")) {
+    return t8;
+  }
+  let t9;
+  if ($[45] !== layout.visualPosition || $[46] !== pickerProps) {
+    t9 = <ReactionPicker {...pickerProps} position={layout.visualPosition} />;
+    $[45] = layout.visualPosition;
+    $[46] = pickerProps;
+    $[47] = t9;
+  } else {
+    t9 = $[47];
+  }
+  return t9;
+}
+function _temp(reaction_0) {
+  return reaction_0.emoji;
+}
+//# sourceMappingURL=BubbleMenu.js.map

package/lib/Bubble/BubbleMenu.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"BubbleMenu.js","names":["React","useCallback","useMemo","useState","measure","runOnJS","runOnUI","useAnimatedRef","ContextMenu","impactHaptic","DEFAULT_REACTION_EMOJIS","ReactionPicker","renderComponentOrElement","BubbleBody","LIFTED_RESET","LiftedBubble","NO_ANCHOR","pageX","pageY","bubbleWidth","bubbleHeight","useBubbleMenu","$","_c","bubbleContainerRef","isPickerVisible","setIsPickerVisible","hasOpenedMenu","setHasOpenedMenu","pickerAnchor","setPickerAnchor","isLifted","setIsLifted","t0","Symbol","for","touchPoint","setTouchPoint","t1","touchX","touchY","open","t2","close","t3","frame","width","height","measureBubble","t4","BubbleMenu","bubble","layout","menu","menuItems","wrapperStyleList","reactionsDisplay","currentMessage","position","reactions","hasMenu","length","currentUserId","user","_id","undefined","filter","reaction","userIds","includes","map","_temp","chosenReactions","emoji","onReactionPress","requestAnimationFrame","selectReaction","liftedWidth","Math","ceil","maxWidth","messagePreview","isEnabled","emojis","onSelect","selected","renderExpandedPicker","reactionsRow","t5","visualPosition","pickerContainerStyle","t6","pickerEmojiStyle","t7","pickerProps","t8","renderReactionPicker","bb0","visible","message","onDismiss","t9","reaction_0"],"sources":["../../src/Bubble/BubbleMenu.tsx"],"sourcesContent":["import React, { useCallback, useMemo, useState } from 'react'\nimport { StyleProp, ViewStyle } from 'react-native'\nimport Animated, { measure, runOnJS, runOnUI, useAnimatedRef } from 'react-native-reanimated'\n\nimport { ContextMenu } from '../components/ContextMenu'\nimport { impactHaptic } from '../components/haptics'\nimport { IMessage, MessageMenuItem } from '../Models'\nimport { DEFAULT_REACTION_EMOJIS, ReactionPicker } from '../Reactions'\nimport { renderComponentOrElement } from '../utils'\nimport { BubbleBody } from './BubbleBody'\nimport { ReactionsDisplayProps } from './BubbleContent'\nimport { BubbleLayout } from './layout'\nimport { LIFTED_RESET, LiftedBubble } from './LiftedBubble'\nimport { BubbleProps } from './types'\n\ninterface PickerAnchor {\n  pageX: number\n  pageY: number\n  bubbleWidth: number\n  bubbleHeight: number\n}\n\nconst NO_ANCHOR: PickerAnchor = { pageX: 0, pageY: 0, bubbleWidth: 0, bubbleHeight: 0 }\n\n/** The long-press overlay's state: open or not, where the bubble and the finger were. */\nexport function useBubbleMenu () {\n  const bubbleContainerRef = useAnimatedRef<Animated.View>()\n  const [isPickerVisible, setIsPickerVisible] = useState(false)\n  // The long-press menu is a heavy component (a Modal and a dozen animated values); a bubble\n  // mounts it the first time it opens, not with every row, and keeps it for its exit animation.\n  const [hasOpenedMenu, setHasOpenedMenu] = useState(false)\n  if (isPickerVisible && !hasOpenedMenu)\n    setHasOpenedMenu(true)\n  const [pickerAnchor, setPickerAnchor] = useState<PickerAnchor>(NO_ANCHOR)\n  // True while the overlay shows the lifted copy - through its exit animation\n  // too, which outlasts `isPickerVisible`.\n  const [isLifted, setIsLifted] = useState(false)\n  // Where the finger was: the menu opens beside it.\n  const [touchPoint, setTouchPoint] = useState<{ touchX?: number, touchY?: number }>({})\n\n  const open = useCallback((touchX?: number, touchY?: number) => {\n    // The system long-press tick, mapped to a medium impact.\n    impactHaptic('Medium')\n    setTouchPoint({ touchX, touchY })\n    setIsPickerVisible(true)\n  }, [])\n\n  const close = useCallback(() => {\n    setIsPickerVisible(false)\n  }, [])\n\n  // Measured on the UI thread, from the native view: the list rides the keyboard on an\n  // animated transform that never reaches the shadow tree on Android, so a JS `measure` kept\n  // returning the row's place from before the keyboard went down, and the lifted copy and its\n  // menu stayed there, over another message.\n  const measureBubble = useCallback(() => {\n    runOnUI(() => {\n      'worklet'\n      const frame = measure(bubbleContainerRef)\n      if (frame)\n        runOnJS(setPickerAnchor)({ pageX: frame.pageX, pageY: frame.pageY, bubbleWidth: frame.width, bubbleHeight: frame.height })\n    })()\n  }, [bubbleContainerRef])\n\n  return {\n    bubbleContainerRef,\n    isPickerVisible,\n    hasOpenedMenu,\n    pickerAnchor,\n    touchPoint,\n    isLifted,\n    setIsLifted,\n    open,\n    close,\n    measureBubble,\n  }\n}\n\nexport type BubbleMenuState = ReturnType<typeof useBubbleMenu>\n\n/**\n * The long-press overlay: the context menu (with a reactions row when reactions are on) when the\n * message has actions, the reactions picker otherwise. Both lift a copy of the bubble over the\n * backdrop.\n */\nexport function BubbleMenu<TMessage extends IMessage> ({ bubble, layout, menu, menuItems, wrapperStyleList, reactionsDisplay }: {\n  bubble: BubbleProps<TMessage>\n  layout: BubbleLayout\n  menu: BubbleMenuState\n  menuItems: MessageMenuItem[]\n  wrapperStyleList: StyleProp<ViewStyle>\n  reactionsDisplay: ReactionsDisplayProps | null\n}) {\n  const { currentMessage, position, reactions } = bubble\n  const { isPickerVisible, isLifted, pickerAnchor, touchPoint, close, measureBubble, setIsLifted } = menu\n  const hasMenu = menuItems.length > 0\n\n  // The reactions you already picked, which the menu's bar draws smaller, in a circle.\n  const currentUserId = bubble.user?._id\n  const chosenReactions = useMemo(() => currentUserId == null\n    ? undefined\n    : currentMessage?.reactions?.filter(reaction => reaction.userIds.includes(currentUserId)).map(reaction => reaction.emoji)\n  , [currentMessage?.reactions, currentUserId])\n\n  // A pick is applied at once; the overlay's flight then needs the bubble's\n  // new spot, as a first reaction grows the row and the list may move it.\n  const selectReaction = useCallback((emoji: string) => {\n    reactions?.onReactionPress?.(currentMessage, emoji)\n    requestAnimationFrame(() => requestAnimationFrame(measureBubble))\n  }, [reactions, currentMessage, measureBubble])\n\n  const liftedWidth = Math.ceil(pickerAnchor.bubbleWidth + 0.5)\n  const messagePreview = isPickerVisible || isLifted\n    ? (\n      <LiftedBubble\n        onLiftChange={setIsLifted}\n        onRemeasure={measureBubble}\n        style={[\n          wrapperStyleList,\n          LIFTED_RESET,\n          // Rounded up: with the time sharing the last line, a copy a fraction of a point\n          // narrower than the original would wrap the time onto a line of its own.\n          { width: liftedWidth, maxWidth: liftedWidth },\n        ]}\n      >\n        <BubbleBody bubble={bubble} layout={layout} reactionsDisplay={reactionsDisplay} />\n      </LiftedBubble>\n    )\n    : undefined\n\n  if (hasMenu) {\n    const reactionsRow = reactions?.isEnabled\n      ? {\n        emojis: reactions.emojis ?? DEFAULT_REACTION_EMOJIS,\n        onSelect: selectReaction,\n        selected: chosenReactions,\n        renderExpandedPicker: reactions.renderExpandedPicker ?? undefined,\n      }\n      : undefined\n\n    return (\n      <ContextMenu\n        visible={isPickerVisible}\n        items={menuItems}\n        onDismiss={close}\n        position={layout.visualPosition}\n        {...pickerAnchor}\n        {...touchPoint}\n        reactions={reactionsRow}\n        messagePreview={messagePreview}\n      />\n    )\n  }\n\n  if (!reactions?.isEnabled)\n    return null\n\n  const pickerProps = {\n    visible: isPickerVisible,\n    message: currentMessage,\n    emojis: reactions.emojis ?? DEFAULT_REACTION_EMOJIS,\n    onSelect: selectReaction,\n    onDismiss: close,\n    position,\n    ...pickerAnchor,\n    ...touchPoint,\n    pickerContainerStyle: reactions.pickerContainerStyle,\n    pickerEmojiStyle: reactions.pickerEmojiStyle,\n    messagePreview,\n    renderExpandedPicker: reactions.renderExpandedPicker,\n  }\n\n  if (reactions.renderReactionPicker)\n    return renderComponentOrElement(reactions.renderReactionPicker, pickerProps)\n\n  // The built-in picker aligns to the side the bubble is drawn on.\n  return <ReactionPicker {...pickerProps} position={layout.visualPosition} />\n}\n"],"mappings":"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","ignoreList":[]}

package/lib/Bubble/BubbleMeta.d.ts

@@ -0,0 +1,17 @@
+import React from 'react';
+import { IMessage } from '../Models';
+import { BubbleLayout } from './layout';
+import { BubbleProps } from './types';
+/**
+ * The invisible copy of the time that holds its place at the end of the text (or of the last row
+ * of reaction pills), so the real time can sit over it. When the text's direction differs from
+ * the layout's, the last line ends on the wrong side for the time, so it always takes a line of
+ * its own.
+ */
+export declare function useTimeSpacer<TMessage extends IMessage>(bubble: BubbleProps<TMessage>, layout: BubbleLayout): React.JSX.Element | null;
+/** The message's time and status ticks, placed where `layout.metaMode` says. */
+export declare function BubbleMeta<TMessage extends IMessage>({ bubble, layout }: {
+    bubble: BubbleProps<TMessage>;
+    layout: BubbleLayout;
+}): React.JSX.Element;
+//# sourceMappingURL=BubbleMeta.d.ts.map

package/lib/Bubble/BubbleMeta.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"BubbleMeta.d.ts","sourceRoot":"","sources":["../../src/Bubble/BubbleMeta.tsx"],"names":[],"mappings":"AAAA,OAAO,KAA6B,MAAM,OAAO,CAAA;AAUjD,OAAO,EAAE,QAAQ,EAAE,MAAM,WAAW,CAAA;AAGpC,OAAO,EAAE,YAAY,EAAa,MAAM,UAAU,CAAA;AAElD,OAAO,EAAE,WAAW,EAAE,MAAM,SAAS,CAAA;AA8BrC;;;;;GAKG;AACH,wBAAgB,aAAa,CAAC,QAAQ,SAAS,QAAQ,EAAG,MAAM,EAAE,WAAW,CAAC,QAAQ,CAAC,EAAE,MAAM,EAAE,YAAY,4BAyB5G;AAED,gFAAgF;AAChF,wBAAgB,UAAU,CAAC,QAAQ,SAAS,QAAQ,EAAG,EAAE,MAAM,EAAE,MAAM,EAAE,EAAE;IAAE,MAAM,EAAE,WAAW,CAAC,QAAQ,CAAC,CAAC;IAAC,MAAM,EAAE,YAAY,CAAA;CAAE,qBAuIjI"}