@ethora/chat-component-rn 26.8.5 → 26.8.6

package/lib/commonjs/components/MessageBubble/MessageInteractions.js

@@ -13,6 +13,8 @@ var Clipboard = _interopRequireWildcard(require("expo-clipboard"));
 var _ToastContext = require("../../context/ToastContext");
 var _InteractionsOverlay = require("./InteractionsOverlay");
 var _useTheme = require("../../hooks/useTheme");
+var _emoji = require("../../helpers/emoji");
+var _reactionsConfig = require("../../helpers/reactionsConfig");
 var _jsxRuntime = require("react/jsx-runtime");
 function _interopRequireWildcard(e, t) { if ("function" == typeof WeakMap) var r = new WeakMap(), n = new WeakMap(); return (_interopRequireWildcard = function (e, t) { if (!t && e && e.__esModule) return e; var o, i, f = { __proto__: null, default: e }; if (null === e || "object" != typeof e && "function" != typeof e) return f; if (o = t ? n : r) { if (o.has(e)) return o.get(e); o.set(e, f); } for (const t in e) "default" !== t && {}.hasOwnProperty.call(e, t) && ((i = (o = Object.defineProperty) && Object.getOwnPropertyDescriptor(e, t)) && (i.get || i.set) ? o(f, t, i) : f[t] = e[t]); return f; })(e, t); }
 const MessageInteractions = ({
@@ -23,7 +25,9 @@ const MessageInteractions = ({
   position,
   handleReplyMessage: replyMessage,
   handleDeleteMessage,
-  handleEditMessage
+  handleEditMessage,
+  handleReactionMessage,
+  onOpenEmojiPicker
 }) => {
   const {
     showToast
@@ -50,6 +54,30 @@ const MessageInteractions = ({
     width: 0,
     height: 0
   });
+  const [barSize, setBarSize] = (0, _react.useState)({
+    width: 0,
+    height: 0
+  });
+  const showReactions = (0, _reactionsConfig.reactionsEnabled)(config);
+  const quickIds = (0, _react.useMemo)(() => (0, _reactionsConfig.quickReactionIds)(config), [config]);
+  const showPicker = (0, _reactionsConfig.reactionPickerEnabled)(config) && !!onOpenEmojiPicker;
+
+  // Entrance: the menu pops out of its anchor (scale + fade) and the chat
+  // dims a touch behind it. Started once the menu has been measured and
+  // placed — before that it sits invisible at a provisional spot.
+  const reveal = (0, _react.useRef)(new _reactNative.Animated.Value(0)).current;
+  const placed = !!position && !!menuSize.width && !!menuSize.height;
+  (0, _react.useEffect)(() => {
+    if (!placed) {
+      return;
+    }
+    _reactNative.Animated.spring(reveal, {
+      toValue: 1,
+      useNativeDriver: true,
+      speed: 24,
+      bounciness: 7
+    }).start();
+  }, [placed, reveal]);
 
   // Live keyboard height so the menu knows the REAL space below the message.
   // Without this the position math used the full screen height and happily
@@ -64,6 +92,18 @@ const MessageInteractions = ({
     const subs = [_reactNative.Keyboard.addListener('keyboardDidShow', onShow), _reactNative.Keyboard.addListener('keyboardDidChangeFrame', onShow), _reactNative.Keyboard.addListener('keyboardDidHide', onHide)];
     return () => subs.forEach(s => s.remove());
   }, []);
+  const handleBarLayout = e => {
+    const {
+      width,
+      height
+    } = e.nativeEvent.layout;
+    if (width && height && (width !== barSize.width || height !== barSize.height)) {
+      setBarSize({
+        width,
+        height
+      });
+    }
+  };
   const handleMenuLayout = e => {
     const {
       width,
@@ -110,6 +150,7 @@ const MessageInteractions = ({
         opacity: 0
       };
     }
+    const barReserve = showReactions && barSize.height ? barSize.height + 10 : 0;
     const {
       width: screenWidth,
       height: screenHeight
@@ -117,19 +158,21 @@ const MessageInteractions = ({
     const bottomReserve = (config?.keyboardVerticalOffset ?? 0) + 24;
     const topReserve = 16;
     const sideMargin = 8;
+    // Breathing room between the bubble and the menu.
+    const gap = 10;
 
     // The keyboard occludes the bottom `keyboardHeight` px, so the real
     // visible bottom edge is above it. Measuring space below against this
     // (not the full screen) is what makes the menu flip ABOVE the message
     // when the keyboard is open and the message sits near the input.
     const visibleBottom = screenHeight - keyboardHeight;
-    const spaceBelow = visibleBottom - position.bottom - bottomReserve;
-    const spaceAbove = position.top - topReserve;
+    const spaceBelow = visibleBottom - position.bottom - gap - bottomReserve;
+    const spaceAbove = position.top - gap - topReserve - barReserve;
     let top;
     if (spaceBelow >= menuSize.height) {
-      top = position.bottom;
+      top = position.bottom + gap;
     } else if (spaceAbove >= menuSize.height) {
-      top = position.top - menuSize.height;
+      top = position.top - gap - menuSize.height;
     } else {
       top = Math.max(topReserve, visibleBottom - menuSize.height - bottomReserve);
     }
@@ -142,7 +185,44 @@ const MessageInteractions = ({
       top,
       left
     };
-  }, [position, menuSize, config?.keyboardVerticalOffset, keyboardHeight]);
+  }, [position, menuSize, barSize.height, showReactions, config?.keyboardVerticalOffset, keyboardHeight]);
+  const barPosition = (0, _react.useMemo)(() => {
+    if (!position || !showReactions) {
+      return undefined;
+    }
+    if (!barSize.width || !barSize.height) {
+      return {
+        top: position.top,
+        left: position.left,
+        opacity: 0
+      };
+    }
+    const {
+      width: screenWidth
+    } = _reactNative.Dimensions.get('window');
+    const sideMargin = 8;
+    const gap = 8;
+    const rightAligned = screenWidth - position.right < position.left;
+    let left = rightAligned ? position.right - barSize.width : position.left;
+    left = Math.max(sideMargin, Math.min(left, screenWidth - barSize.width - sideMargin));
+    const above = position.top - gap - barSize.height;
+    const menuTop = memoPosition?.top;
+    const top = above >= 16 ? above : (menuTop ?? position.bottom) + (menuSize.height || 0) + gap;
+    return {
+      top,
+      left
+    };
+  }, [position, showReactions, barSize, memoPosition, menuSize.height]);
+  const localBarPosition = (0, _react.useMemo)(() => {
+    if (!barPosition) {
+      return undefined;
+    }
+    return {
+      ...barPosition,
+      top: barPosition.top - originY,
+      left: barPosition.left - originX
+    };
+  }, [barPosition, originX, originY]);
 
   // Window coords (memoPosition) → host-local coords. The overlay host
   // sits below the status bar / header, so subtract its measured origin.
@@ -160,16 +240,93 @@ const MessageInteractions = ({
     style: styles.overlayFill,
     children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.Pressable, {
       style: _reactNative.StyleSheet.absoluteFill,
-      onPress: closeMenu
-    }), /*#__PURE__*/(0, _jsxRuntime.jsxs)(_reactNative.View, {
-      style: [styles.contextMenu, themedStyles.menu, localPosition],
+      onPress: closeMenu,
+      children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.Animated.View, {
+        pointerEvents: "none",
+        style: [styles.dim, {
+          opacity: reveal
+        }]
+      })
+    }), showReactions && /*#__PURE__*/(0, _jsxRuntime.jsxs)(_reactNative.Animated.View, {
+      testID: "reaction-bar",
+      onLayout: handleBarLayout,
+      style: [styles.reactionBar, {
+        backgroundColor: theme.surface,
+        shadowColor: theme.shadow
+      }, localBarPosition, placed && barSize.height ? {
+        opacity: reveal,
+        transform: [{
+          scale: reveal.interpolate({
+            inputRange: [0, 1],
+            outputRange: [0.6, 1]
+          })
+        }]
+      } : null],
+      children: [quickIds.map(id => /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.Pressable, {
+        testID: `quick-reaction-${id}`,
+        onPress: () => {
+          handleReactionMessage(id);
+          closeMenu();
+        },
+        style: ({
+          pressed
+        }) => [styles.reactionItem, pressed && {
+          backgroundColor: theme.surfaceHighlight
+        }],
+        children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.Text, {
+          style: styles.reactionGlyph,
+          children: (0, _emoji.getEmojiNativeById)(id)
+        })
+      }, id)), showPicker && /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.Pressable, {
+        testID: "quick-reaction-more",
+        onPress: () => {
+          closeMenu();
+          onOpenEmojiPicker?.();
+        },
+        style: ({
+          pressed
+        }) => [styles.reactionMore, {
+          backgroundColor: theme.surfaceSecondary
+        }, pressed && {
+          backgroundColor: theme.surfaceHighlight
+        }],
+        children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.Text, {
+          style: [styles.reactionMoreText, {
+            color: theme.text
+          }],
+          children: "+"
+        })
+      })]
+    }), /*#__PURE__*/(0, _jsxRuntime.jsxs)(_reactNative.Animated.View, {
+      style: [styles.contextMenu, themedStyles.menu, localPosition, placed ? {
+        opacity: reveal,
+        transform: [{
+          scale: reveal.interpolate({
+            inputRange: [0, 1],
+            outputRange: [0.6, 1]
+          })
+        }]
+      } : null],
       onLayout: handleMenuLayout,
-      children: [/*#__PURE__*/(0, _jsxRuntime.jsxs)(_ContextMenuComponents.MenuItem, {
+      children: [!isReply && !config?.disableReplies && /*#__PURE__*/(0, _jsxRuntime.jsxs)(_jsxRuntime.Fragment, {
+        children: [/*#__PURE__*/(0, _jsxRuntime.jsxs)(_ContextMenuComponents.MenuItem, {
+          testID: "menu-reply",
+          onPress: handleReplyMessage,
+          children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.Text, {
+            style: [styles.menuText, themedStyles.text],
+            children: _MESSAGE_INTERACTIONS.MESSAGE_INTERACTIONS.REPLY
+          }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_MESSAGE_INTERACTIONS.MESSAGE_INTERACTIONS_ICONS.REPLY, {
+            color: theme.text
+          })]
+        }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_ContextMenuComponents.Delimeter, {})]
+      }), /*#__PURE__*/(0, _jsxRuntime.jsxs)(_ContextMenuComponents.MenuItem, {
         onPress: () => handleCopyMessage(message.body),
         children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.Text, {
           style: [styles.menuText, themedStyles.text],
           children: _MESSAGE_INTERACTIONS.MESSAGE_INTERACTIONS.COPY
-        }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_MESSAGE_INTERACTIONS.MESSAGE_INTERACTIONS_ICONS.COPY, {})]
+        }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_MESSAGE_INTERACTIONS.MESSAGE_INTERACTIONS_ICONS.COPY, {
+          color: theme.text
+        })]
       }), isUser && /*#__PURE__*/(0, _jsxRuntime.jsxs)(_jsxRuntime.Fragment, {
         children: [message?.isMediafile !== 'true' && /*#__PURE__*/(0, _jsxRuntime.jsxs)(_jsxRuntime.Fragment, {
           children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_ContextMenuComponents.Delimeter, {}), /*#__PURE__*/(0, _jsxRuntime.jsxs)(_ContextMenuComponents.MenuItem, {
@@ -177,7 +334,9 @@ const MessageInteractions = ({
             children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.Text, {
               style: [styles.menuText, themedStyles.text],
               children: _MESSAGE_INTERACTIONS.MESSAGE_INTERACTIONS.EDIT
-            }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_MESSAGE_INTERACTIONS.MESSAGE_INTERACTIONS_ICONS.EDIT, {})]
+            }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_MESSAGE_INTERACTIONS.MESSAGE_INTERACTIONS_ICONS.EDIT, {
+              color: theme.text
+            })]
           })]
         }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_ContextMenuComponents.Delimeter, {}), /*#__PURE__*/(0, _jsxRuntime.jsxs)(_ContextMenuComponents.MenuItem, {
           onPress: handleDeleteMessage,
@@ -212,6 +371,48 @@ const styles = _reactNative.StyleSheet.create({
     ..._reactNative.StyleSheet.absoluteFill,
     backgroundColor: 'transparent'
   },
+  dim: {
+    ..._reactNative.StyleSheet.absoluteFill,
+    backgroundColor: 'rgba(0,0,0,0.18)'
+  },
+  reactionBar: {
+    position: 'absolute',
+    flexDirection: 'row',
+    alignItems: 'center',
+    paddingHorizontal: 6,
+    paddingVertical: 4,
+    borderRadius: 28,
+    shadowOffset: {
+      width: 0,
+      height: 2
+    },
+    shadowOpacity: 0.18,
+    shadowRadius: 8,
+    elevation: 6
+  },
+  reactionItem: {
+    width: 40,
+    height: 40,
+    borderRadius: 20,
+    alignItems: 'center',
+    justifyContent: 'center'
+  },
+  reactionGlyph: {
+    fontSize: 26
+  },
+  reactionMore: {
+    width: 34,
+    height: 34,
+    borderRadius: 17,
+    alignItems: 'center',
+    justifyContent: 'center',
+    marginLeft: 2
+  },
+  reactionMoreText: {
+    fontSize: 22,
+    lineHeight: 24,
+    fontWeight: '400'
+  },
   contextMenu: {
     position: 'absolute',
     backgroundColor: 'white',

package/lib/commonjs/components/MessageBubble/MessageInteractions.js.map

@@ -1 +1 @@
-{"version":3,"names":["_react","_interopRequireWildcard","require","_ContextMenuComponents","_reactRedux","_MESSAGE_INTERACTIONS","_reactNative","Clipboard","_ToastContext","_InteractionsOverlay","_useTheme","_jsxRuntime","e","t","WeakMap","r","n","__esModule","o","i","f","__proto__","default","has","get","set","hasOwnProperty","call","Object","defineProperty","getOwnPropertyDescriptor","MessageInteractions","isReply","isUser","message","closeMenu","position","handleReplyMessage","replyMessage","handleDeleteMessage","handleEditMessage","showToast","useToast","present","dismiss","originX","originY","useInteractionsOverlay","overlayId","useId","theme","useTheme","themedStyles","useMemo","menu","backgroundColor","surface","shadowColor","shadow","text","color","config","useSelector","state","chatSettingStore","menuSize","setMenuSize","useState","width","height","keyboardHeight","setKeyboardHeight","Keyboard","metrics","useEffect","onShow","endCoordinates","onHide","subs","addListener","forEach","s","remove","handleMenuLayout","nativeEvent","layout","handleCopyMessage","setStringAsync","id","Date","now","toString","title","type","err","console","log","memoPosition","undefined","top","bottom","left","opacity","screenWidth","screenHeight","Dimensions","bottomReserve","keyboardVerticalOffset","topReserve","sideMargin","visibleBottom","spaceBelow","spaceAbove","Math","max","leftMargin","rightMargin","right","rightAligned","min","localPosition","content","disableInteractions","isDeleted","jsxs","View","style","styles","overlayFill","children","jsx","Pressable","StyleSheet","absoluteFill","onPress","contextMenu","onLayout","MenuItem","body","Text","menuText","MESSAGE_INTERACTIONS","COPY","MESSAGE_INTERACTIONS_ICONS","Fragment","isMediafile","Delimeter","EDIT","DELETE","_default","exports","create","paddingVertical","paddingHorizontal","borderRadius","shadowOffset","shadowOpacity","shadowRadius","elevation","minWidth","overflow","fontSize","includeFontPadding","textAlignVertical","marginRight"],"sourceRoot":"../../../../src","sources":["components/MessageBubble/MessageInteractions.tsx"],"mappings":"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","ignoreList":[]}
+{"version":3,"names":["_react","_interopRequireWildcard","require","_ContextMenuComponents","_reactRedux","_MESSAGE_INTERACTIONS","_reactNative","Clipboard","_ToastContext","_InteractionsOverlay","_useTheme","_emoji","_reactionsConfig","_jsxRuntime","e","t","WeakMap","r","n","__esModule","o","i","f","__proto__","default","has","get","set","hasOwnProperty","call","Object","defineProperty","getOwnPropertyDescriptor","MessageInteractions","isReply","isUser","message","closeMenu","position","handleReplyMessage","replyMessage","handleDeleteMessage","handleEditMessage","handleReactionMessage","onOpenEmojiPicker","showToast","useToast","present","dismiss","originX","originY","useInteractionsOverlay","overlayId","useId","theme","useTheme","themedStyles","useMemo","menu","backgroundColor","surface","shadowColor","shadow","text","color","config","useSelector","state","chatSettingStore","menuSize","setMenuSize","useState","width","height","barSize","setBarSize","showReactions","reactionsEnabled","quickIds","quickReactionIds","showPicker","reactionPickerEnabled","reveal","useRef","Animated","Value","current","placed","useEffect","spring","toValue","useNativeDriver","speed","bounciness","start","keyboardHeight","setKeyboardHeight","Keyboard","metrics","onShow","endCoordinates","onHide","subs","addListener","forEach","s","remove","handleBarLayout","nativeEvent","layout","handleMenuLayout","handleCopyMessage","setStringAsync","id","Date","now","toString","title","type","err","console","log","memoPosition","undefined","top","bottom","left","opacity","barReserve","screenWidth","screenHeight","Dimensions","bottomReserve","keyboardVerticalOffset","topReserve","sideMargin","gap","visibleBottom","spaceBelow","spaceAbove","Math","max","leftMargin","rightMargin","right","rightAligned","min","barPosition","above","menuTop","localBarPosition","localPosition","content","disableInteractions","isDeleted","jsxs","View","style","styles","overlayFill","children","jsx","Pressable","StyleSheet","absoluteFill","onPress","pointerEvents","dim","testID","onLayout","reactionBar","transform","scale","interpolate","inputRange","outputRange","map","pressed","reactionItem","surfaceHighlight","Text","reactionGlyph","getEmojiNativeById","reactionMore","surfaceSecondary","reactionMoreText","contextMenu","disableReplies","Fragment","MenuItem","menuText","MESSAGE_INTERACTIONS","REPLY","MESSAGE_INTERACTIONS_ICONS","Delimeter","body","COPY","isMediafile","EDIT","DELETE","_default","exports","create","flexDirection","alignItems","paddingHorizontal","paddingVertical","borderRadius","shadowOffset","shadowOpacity","shadowRadius","elevation","justifyContent","fontSize","marginLeft","lineHeight","fontWeight","minWidth","overflow","includeFontPadding","textAlignVertical","marginRight"],"sourceRoot":"../../../../src","sources":["components/MessageBubble/MessageInteractions.tsx"],"mappings":";;;;;;AAAA,IAAAA,MAAA,GAAAC,uBAAA,CAAAC,OAAA;AACA,IAAAC,sBAAA,GAAAD,OAAA;AACA,IAAAE,WAAA,GAAAF,OAAA;AAEA,IAAAG,qBAAA,GAAAH,OAAA;AAKA,IAAAI,YAAA,GAAAJ,OAAA;AAUA,IAAAK,SAAA,GAAAN,uBAAA,CAAAC,OAAA;AACA,IAAAM,aAAA,GAAAN,OAAA;AACA,IAAAO,oBAAA,GAAAP,OAAA;AACA,IAAAQ,SAAA,GAAAR,OAAA;AACA,IAAAS,MAAA,GAAAT,OAAA;AACA,IAAAU,gBAAA,GAAAV,OAAA;AAIuC,IAAAW,WAAA,GAAAX,OAAA;AAAA,SAAAD,wBAAAa,CAAA,EAAAC,CAAA,6BAAAC,OAAA,MAAAC,CAAA,OAAAD,OAAA,IAAAE,CAAA,OAAAF,OAAA,YAAAf,uBAAA,YAAAA,CAAAa,CAAA,EAAAC,CAAA,SAAAA,CAAA,IAAAD,CAAA,IAAAA,CAAA,CAAAK,UAAA,SAAAL,CAAA,MAAAM,CAAA,EAAAC,CAAA,EAAAC,CAAA,KAAAC,SAAA,QAAAC,OAAA,EAAAV,CAAA,iBAAAA,CAAA,uBAAAA,CAAA,yBAAAA,CAAA,SAAAQ,CAAA,MAAAF,CAAA,GAAAL,CAAA,GAAAG,CAAA,GAAAD,CAAA,QAAAG,CAAA,CAAAK,GAAA,CAAAX,CAAA,UAAAM,CAAA,CAAAM,GAAA,CAAAZ,CAAA,GAAAM,CAAA,CAAAO,GAAA,CAAAb,CAAA,EAAAQ,CAAA,gBAAAP,CAAA,IAAAD,CAAA,gBAAAC,CAAA,OAAAa,cAAA,CAAAC,IAAA,CAAAf,CAAA,EAAAC,CAAA,OAAAM,CAAA,IAAAD,CAAA,GAAAU,MAAA,CAAAC,cAAA,KAAAD,MAAA,CAAAE,wBAAA,CAAAlB,CAAA,EAAAC,CAAA,OAAAM,CAAA,CAAAK,GAAA,IAAAL,CAAA,CAAAM,GAAA,IAAAP,CAAA,CAAAE,CAAA,EAAAP,CAAA,EAAAM,CAAA,IAAAC,CAAA,CAAAP,CAAA,IAAAD,CAAA,CAAAC,CAAA,WAAAO,CAAA,KAAAR,CAAA,EAAAC,CAAA;AAqBvC,MAAMkB,mBAAuD,GAAGA,CAAC;EAC/DC,OAAO;EACPC,MAAM;EACNC,OAAO;EACPC,SAAS;EACTC,QAAQ;EACRC,kBAAkB,EAAEC,YAAY;EAChCC,mBAAmB;EACnBC,iBAAiB;EACjBC,qBAAqB;EACrBC;AACF,CAAC,KAAK;EACJ,MAAM;IAAEC;EAAU,CAAC,GAAG,IAAAC,sBAAQ,EAAC,CAAC;EAChC,MAAM;IAAEC,OAAO;IAAEC,OAAO;IAAEC,OAAO;IAAEC;EAAQ,CAAC,GAAG,IAAAC,2CAAsB,EAAC,CAAC;EACvE,MAAMC,SAAS,GAAG,IAAAC,YAAK,EAAC,CAAC;EACzB,MAAMC,KAAK,GAAG,IAAAC,kBAAQ,EAAC,CAAC;EACxB,MAAMC,YAAY,GAAG,IAAAC,cAAO,EAC1B,OAAO;IACLC,IAAI,EAAE;MAAEC,eAAe,EAAEL,KAAK,CAACM,OAAO;MAAEC,WAAW,EAAEP,KAAK,CAACQ;IAAO,CAAC;IACnEC,IAAI,EAAE;MAAEC,KAAK,EAAEV,KAAK,CAACS;IAAK;EAC5B,CAAC,CAAC,EACF,CAACT,KAAK,CACR,CAAC;EAED,MAAMW,MAAM,GAAG,IAAAC,uBAAW,EACvBC,KAAgB,IAAKA,KAAK,CAACC,gBAAgB,CAACH,MAC/C,CAAC;EAED,MAAM,CAACI,QAAQ,EAAEC,WAAW,CAAC,GAAG,IAAAC,eAAQ,EAAC;IAAEC,KAAK,EAAE,CAAC;IAAEC,MAAM,EAAE;EAAE,CAAC,CAAC;EACjE,MAAM,CAACC,OAAO,EAAEC,UAAU,CAAC,GAAG,IAAAJ,eAAQ,EAAC;IAAEC,KAAK,EAAE,CAAC;IAAEC,MAAM,EAAE;EAAE,CAAC,CAAC;EAC/D,MAAMG,aAAa,GAAG,IAAAC,iCAAgB,EAACZ,MAAM,CAAC;EAC9C,MAAMa,QAAQ,GAAG,IAAArB,cAAO,EAAC,MAAM,IAAAsB,iCAAgB,EAACd,MAAM,CAAC,EAAE,CAACA,MAAM,CAAC,CAAC;EAClE,MAAMe,UAAU,GAAG,IAAAC,sCAAqB,EAAChB,MAAM,CAAC,IAAI,CAAC,CAACrB,iBAAiB;;EAEvE;EACA;EACA;EACA,MAAMsC,MAAM,GAAG,IAAAC,aAAM,EAAC,IAAIC,qBAAQ,CAACC,KAAK,CAAC,CAAC,CAAC,CAAC,CAACC,OAAO;EACpD,MAAMC,MAAM,GAAG,CAAC,CAACjD,QAAQ,IAAI,CAAC,CAAC+B,QAAQ,CAACG,KAAK,IAAI,CAAC,CAACH,QAAQ,CAACI,MAAM;EAClE,IAAAe,gBAAS,EAAC,MAAM;IACd,IAAI,CAACD,MAAM,EAAE;MACX;IACF;IACAH,qBAAQ,CAACK,MAAM,CAACP,MAAM,EAAE;MACtBQ,OAAO,EAAE,CAAC;MACVC,eAAe,EAAE,IAAI;MACrBC,KAAK,EAAE,EAAE;MACTC,UAAU,EAAE;IACd,CAAC,CAAC,CAACC,KAAK,CAAC,CAAC;EACZ,CAAC,EAAE,CAACP,MAAM,EAAEL,MAAM,CAAC,CAAC;;EAEpB;EACA;EACA;EACA;EACA;EACA;EACA,MAAM,CAACa,cAAc,EAAEC,iBAAiB,CAAC,GAAG,IAAAzB,eAAQ,EAClD,MAAM0B,qBAAQ,CAACC,OAAO,GAAG,CAAC,EAAEzB,MAAM,IAAI,CACxC,CAAC;EAED,IAAAe,gBAAS,EAAC,MAAM;IACd,MAAMW,MAAM,GAAIrF,CAAM,IACpBkF,iBAAiB,CAAClF,CAAC,EAAEsF,cAAc,EAAE3B,MAAM,IAAI,CAAC,CAAC;IACnD,MAAM4B,MAAM,GAAGA,CAAA,KAAML,iBAAiB,CAAC,CAAC,CAAC;IACzC,MAAMM,IAAI,GAAG,CACXL,qBAAQ,CAACM,WAAW,CAAC,iBAAiB,EAAEJ,MAAM,CAAC,EAC/CF,qBAAQ,CAACM,WAAW,CAAC,wBAAwB,EAAEJ,MAAM,CAAC,EACtDF,qBAAQ,CAACM,WAAW,CAAC,iBAAiB,EAAEF,MAAM,CAAC,CAChD;IACD,OAAO,MAAMC,IAAI,CAACE,OAAO,CAAEC,CAAC,IAAKA,CAAC,CAACC,MAAM,CAAC,CAAC,CAAC;EAC9C,CAAC,EAAE,EAAE,CAAC;EAEN,MAAMC,eAAe,GAAI7F,CAAoB,IAAK;IAChD,MAAM;MAAE0D,KAAK;MAAEC;IAAO,CAAC,GAAG3D,CAAC,CAAC8F,WAAW,CAACC,MAAM;IAC9C,IAAIrC,KAAK,IAAIC,MAAM,KAAKD,KAAK,KAAKE,OAAO,CAACF,KAAK,IAAIC,MAAM,KAAKC,OAAO,CAACD,MAAM,CAAC,EAAE;MAC7EE,UAAU,CAAC;QAAEH,KAAK;QAAEC;MAAO,CAAC,CAAC;IAC/B;EACF,CAAC;EAED,MAAMqC,gBAAgB,GAAIhG,CAAoB,IAAK;IACjD,MAAM;MAAE0D,KAAK;MAAEC;IAAO,CAAC,GAAG3D,CAAC,CAAC8F,WAAW,CAACC,MAAM;IAC9C,IACErC,KAAK,IACLC,MAAM,KACLD,KAAK,KAAKH,QAAQ,CAACG,KAAK,IAAIC,MAAM,KAAKJ,QAAQ,CAACI,MAAM,CAAC,EACxD;MACAH,WAAW,CAAC;QAAEE,KAAK;QAAEC;MAAO,CAAC,CAAC;IAChC;EACF,CAAC;EAED,MAAMsC,iBAAiB,GAAG,MAAOhD,IAAY,IAAK;IAChD,IAAI;MACF,MAAMxD,SAAS,CAACyG,cAAc,CAACjD,IAAI,CAAC;MACpClB,SAAS,CAAC;QACRoE,EAAE,EAAEC,IAAI,CAACC,GAAG,CAAC,CAAC,CAACC,QAAQ,CAAC,CAAC;QACzBC,KAAK,EAAE,SAAS;QAChBjF,OAAO,EAAE,sBAAsB;QAC/BkF,IAAI,EAAE;MACR,CAAC,CAAC;IACJ,CAAC,CAAC,OAAOC,GAAG,EAAE;MACZC,OAAO,CAACC,GAAG,CAACF,GAAG,CAAC;MAChB1E,SAAS,CAAC;QACRoE,EAAE,EAAEC,IAAI,CAACC,GAAG,CAAC,CAAC,CAACC,QAAQ,CAAC,CAAC;QACzBC,KAAK,EAAE,aAAa;QACpBjF,OAAO,EAAGmF,GAAG,EAAYnF,OAAO,IAAI,eAAe;QACnDkF,IAAI,EAAE;MACR,CAAC,CAAC;IACJ;IACAjF,SAAS,CAAC,CAAC;EACb,CAAC;EAED,MAAME,kBAAkB,GAAGA,CAAA,KAAM;IAC/BC,YAAY,CAAC,CAAC;EAChB,CAAC;EAED,MAAMkF,YAAY,GAAG,IAAAjE,cAAO,EAAC,MAAM;IACjC,IAAI,CAACnB,QAAQ,EAAE;MACb,OAAOqF,SAAS;IAClB;IAEA,IAAI,CAACtD,QAAQ,CAACG,KAAK,IAAI,CAACH,QAAQ,CAACI,MAAM,EAAE;MACvC,OAAO;QAAEmD,GAAG,EAAEtF,QAAQ,CAACuF,MAAM;QAAEC,IAAI,EAAExF,QAAQ,CAACwF,IAAI;QAAEC,OAAO,EAAE;MAAE,CAAC;IAClE;IACA,MAAMC,UAAU,GAAGpD,aAAa,IAAIF,OAAO,CAACD,MAAM,GAAGC,OAAO,CAACD,MAAM,GAAG,EAAE,GAAG,CAAC;IAE5E,MAAM;MAAED,KAAK,EAAEyD,WAAW;MAAExD,MAAM,EAAEyD;IAAa,CAAC,GAChDC,uBAAU,CAACzG,GAAG,CAAC,QAAQ,CAAC;IAC1B,MAAM0G,aAAa,GAAG,CAACnE,MAAM,EAAEoE,sBAAsB,IAAI,CAAC,IAAI,EAAE;IAChE,MAAMC,UAAU,GAAG,EAAE;IACrB,MAAMC,UAAU,GAAG,CAAC;IACpB;IACA,MAAMC,GAAG,GAAG,EAAE;;IAEd;IACA;IACA;IACA;IACA,MAAMC,aAAa,GAAGP,YAAY,GAAGnC,cAAc;IAEnD,MAAM2C,UAAU,GAAGD,aAAa,GAAGnG,QAAQ,CAACuF,MAAM,GAAGW,GAAG,GAAGJ,aAAa;IACxE,MAAMO,UAAU,GAAGrG,QAAQ,CAACsF,GAAG,GAAGY,GAAG,GAAGF,UAAU,GAAGN,UAAU;IAE/D,IAAIJ,GAAW;IACf,IAAIc,UAAU,IAAIrE,QAAQ,CAACI,MAAM,EAAE;MACjCmD,GAAG,GAAGtF,QAAQ,CAACuF,MAAM,GAAGW,GAAG;IAC7B,CAAC,MAAM,IAAIG,UAAU,IAAItE,QAAQ,CAACI,MAAM,EAAE;MACxCmD,GAAG,GAAGtF,QAAQ,CAACsF,GAAG,GAAGY,GAAG,GAAGnE,QAAQ,CAACI,MAAM;IAC5C,CAAC,MAAM;MACLmD,GAAG,GAAGgB,IAAI,CAACC,GAAG,CACZP,UAAU,EACVG,aAAa,GAAGpE,QAAQ,CAACI,MAAM,GAAG2D,aACpC,CAAC;IACH;IAEA,MAAMU,UAAU,GAAGxG,QAAQ,CAACwF,IAAI;IAChC,MAAMiB,WAAW,GAAGd,WAAW,GAAG3F,QAAQ,CAAC0G,KAAK;IAChD,MAAMC,YAAY,GAAGF,WAAW,GAAGD,UAAU;IAE7C,IAAIhB,IAAI,GAAGmB,YAAY,GAAG3G,QAAQ,CAAC0G,KAAK,GAAG3E,QAAQ,CAACG,KAAK,GAAGlC,QAAQ,CAACwF,IAAI;IACzEA,IAAI,GAAGc,IAAI,CAACC,GAAG,CACbN,UAAU,EACVK,IAAI,CAACM,GAAG,CAACpB,IAAI,EAAEG,WAAW,GAAG5D,QAAQ,CAACG,KAAK,GAAG+D,UAAU,CAC1D,CAAC;IAED,OAAO;MAAEX,GAAG;MAAEE;IAAK,CAAC;EACtB,CAAC,EAAE,CAACxF,QAAQ,EAAE+B,QAAQ,EAAEK,OAAO,CAACD,MAAM,EAAEG,aAAa,EAAEX,MAAM,EAAEoE,sBAAsB,EAAEtC,cAAc,CAAC,CAAC;EAEvG,MAAMoD,WAAW,GAAG,IAAA1F,cAAO,EAAC,MAAM;IAChC,IAAI,CAACnB,QAAQ,IAAI,CAACsC,aAAa,EAAE;MAAC,OAAO+C,SAAS;IAAC;IACnD,IAAI,CAACjD,OAAO,CAACF,KAAK,IAAI,CAACE,OAAO,CAACD,MAAM,EAAE;MACrC,OAAO;QAAEmD,GAAG,EAAEtF,QAAQ,CAACsF,GAAG;QAAEE,IAAI,EAAExF,QAAQ,CAACwF,IAAI;QAAEC,OAAO,EAAE;MAAE,CAAC;IAC/D;IACA,MAAM;MAAEvD,KAAK,EAAEyD;IAAY,CAAC,GAAGE,uBAAU,CAACzG,GAAG,CAAC,QAAQ,CAAC;IACvD,MAAM6G,UAAU,GAAG,CAAC;IACpB,MAAMC,GAAG,GAAG,CAAC;IACb,MAAMS,YAAY,GAAGhB,WAAW,GAAG3F,QAAQ,CAAC0G,KAAK,GAAG1G,QAAQ,CAACwF,IAAI;IACjE,IAAIA,IAAI,GAAGmB,YAAY,GAAG3G,QAAQ,CAAC0G,KAAK,GAAGtE,OAAO,CAACF,KAAK,GAAGlC,QAAQ,CAACwF,IAAI;IACxEA,IAAI,GAAGc,IAAI,CAACC,GAAG,CAACN,UAAU,EAAEK,IAAI,CAACM,GAAG,CAACpB,IAAI,EAAEG,WAAW,GAAGvD,OAAO,CAACF,KAAK,GAAG+D,UAAU,CAAC,CAAC;IACrF,MAAMa,KAAK,GAAG9G,QAAQ,CAACsF,GAAG,GAAGY,GAAG,GAAG9D,OAAO,CAACD,MAAM;IACjD,MAAM4E,OAAO,GAAI3B,YAAY,EAAmCE,GAAG;IACnE,MAAMA,GAAG,GACPwB,KAAK,IAAI,EAAE,GACPA,KAAK,GACL,CAACC,OAAO,IAAI/G,QAAQ,CAACuF,MAAM,KAAKxD,QAAQ,CAACI,MAAM,IAAI,CAAC,CAAC,GAAG+D,GAAG;IACjE,OAAO;MAAEZ,GAAG;MAAEE;IAAK,CAAC;EACtB,CAAC,EAAE,CAACxF,QAAQ,EAAEsC,aAAa,EAAEF,OAAO,EAAEgD,YAAY,EAAErD,QAAQ,CAACI,MAAM,CAAC,CAAC;EAErE,MAAM6E,gBAAgB,GAAG,IAAA7F,cAAO,EAAC,MAAM;IACrC,IAAI,CAAC0F,WAAW,EAAE;MAAC,OAAOxB,SAAS;IAAC;IACpC,OAAO;MACL,GAAGwB,WAAW;MACdvB,GAAG,EAAGuB,WAAW,CAAqBvB,GAAG,GAAG1E,OAAO;MACnD4E,IAAI,EAAGqB,WAAW,CAAsBrB,IAAI,GAAG7E;IACjD,CAAC;EACH,CAAC,EAAE,CAACkG,WAAW,EAAElG,OAAO,EAAEC,OAAO,CAAC,CAAC;;EAGnC;EACA;EACA,MAAMqG,aAAa,GAAG,IAAA9F,cAAO,EAAC,MAAM;IAClC,IAAI,CAACiE,YAAY,EAAE;MAAC,OAAOC,SAAS;IAAC;IACrC,OAAO;MACL,GAAGD,YAAY;MACfE,GAAG,EAAGF,YAAY,CAAqBE,GAAG,GAAG1E,OAAO;MACpD4E,IAAI,EAAGJ,YAAY,CAAsBI,IAAI,GAAG7E;IAClD,CAAC;EACH,CAAC,EAAE,CAACyE,YAAY,EAAEzE,OAAO,EAAEC,OAAO,CAAC,CAAC;EAEpC,MAAMsG,OAAO,GACXvF,MAAM,EAAEwF,mBAAmB,IAAIrH,OAAO,CAACsH,SAAS,GAAG,IAAI,gBACrD,IAAA7I,WAAA,CAAA8I,IAAA,EAACrJ,YAAA,CAAAsJ,IAAI;IAACC,KAAK,EAAEC,MAAM,CAACC,WAAY;IAAAC,QAAA,gBAC9B,IAAAnJ,WAAA,CAAAoJ,GAAA,EAAC3J,YAAA,CAAA4J,SAAS;MAACL,KAAK,EAAEM,uBAAU,CAACC,YAAa;MAACC,OAAO,EAAEhI,SAAU;MAAA2H,QAAA,eAC5D,IAAAnJ,WAAA,CAAAoJ,GAAA,EAAC3J,YAAA,CAAA8E,QAAQ,CAACwE,IAAI;QACZU,aAAa,EAAC,MAAM;QACpBT,KAAK,EAAE,CAACC,MAAM,CAACS,GAAG,EAAE;UAAExC,OAAO,EAAE7C;QAAO,CAAC;MAAE,CAC1C;IAAC,CACO,CAAC,EACXN,aAAa,iBACZ,IAAA/D,WAAA,CAAA8I,IAAA,EAACrJ,YAAA,CAAA8E,QAAQ,CAACwE,IAAI;MACZY,MAAM,EAAC,cAAc;MACrBC,QAAQ,EAAE9D,eAAgB;MAC1BkD,KAAK,EAAE,CACLC,MAAM,CAACY,WAAW,EAClB;QAAE/G,eAAe,EAAEL,KAAK,CAACM,OAAO;QAAEC,WAAW,EAAEP,KAAK,CAACQ;MAAO,CAAC,EAC7DwF,gBAAgB,EAChB/D,MAAM,IAAIb,OAAO,CAACD,MAAM,GACpB;QACEsD,OAAO,EAAE7C,MAAM;QACfyF,SAAS,EAAE,CACT;UACEC,KAAK,EAAE1F,MAAM,CAAC2F,WAAW,CAAC;YACxBC,UAAU,EAAE,CAAC,CAAC,EAAE,CAAC,CAAC;YAClBC,WAAW,EAAE,CAAC,GAAG,EAAE,CAAC;UACtB,CAAC;QACH,CAAC;MAEL,CAAC,GACD,IAAI,CACR;MAAAf,QAAA,GAEDlF,QAAQ,CAACkG,GAAG,CAAE/D,EAAE,iBACf,IAAApG,WAAA,CAAAoJ,GAAA,EAAC3J,YAAA,CAAA4J,SAAS;QAERM,MAAM,EAAE,kBAAkBvD,EAAE,EAAG;QAC/BoD,OAAO,EAAEA,CAAA,KAAM;UACb1H,qBAAqB,CAACsE,EAAE,CAAC;UACzB5E,SAAS,CAAC,CAAC;QACb,CAAE;QACFwH,KAAK,EAAEA,CAAC;UAAEoB;QAAQ,CAAC,KAAK,CACtBnB,MAAM,CAACoB,YAAY,EACnBD,OAAO,IAAI;UAAEtH,eAAe,EAAEL,KAAK,CAAC6H;QAAiB,CAAC,CACtD;QAAAnB,QAAA,eAEF,IAAAnJ,WAAA,CAAAoJ,GAAA,EAAC3J,YAAA,CAAA8K,IAAI;UAACvB,KAAK,EAAEC,MAAM,CAACuB,aAAc;UAAArB,QAAA,EAAE,IAAAsB,yBAAkB,EAACrE,EAAE;QAAC,CAAO;MAAC,GAX7DA,EAYI,CACZ,CAAC,EACDjC,UAAU,iBACT,IAAAnE,WAAA,CAAAoJ,GAAA,EAAC3J,YAAA,CAAA4J,SAAS;QACRM,MAAM,EAAC,qBAAqB;QAC5BH,OAAO,EAAEA,CAAA,KAAM;UACbhI,SAAS,CAAC,CAAC;UACXO,iBAAiB,GAAG,CAAC;QACvB,CAAE;QACFiH,KAAK,EAAEA,CAAC;UAAEoB;QAAQ,CAAC,KAAK,CACtBnB,MAAM,CAACyB,YAAY,EACnB;UAAE5H,eAAe,EAAEL,KAAK,CAACkI;QAAiB,CAAC,EAC3CP,OAAO,IAAI;UAAEtH,eAAe,EAAEL,KAAK,CAAC6H;QAAiB,CAAC,CACtD;QAAAnB,QAAA,eAEF,IAAAnJ,WAAA,CAAAoJ,GAAA,EAAC3J,YAAA,CAAA8K,IAAI;UAACvB,KAAK,EAAE,CAACC,MAAM,CAAC2B,gBAAgB,EAAE;YAAEzH,KAAK,EAAEV,KAAK,CAACS;UAAK,CAAC,CAAE;UAAAiG,QAAA,EAAC;QAAC,CAAM;MAAC,CAC9D,CACZ;IAAA,CACY,CAChB,eACD,IAAAnJ,WAAA,CAAA8I,IAAA,EAACrJ,YAAA,CAAA8E,QAAQ,CAACwE,IAAI;MACZC,KAAK,EAAE,CACLC,MAAM,CAAC4B,WAAW,EAClBlI,YAAY,CAACE,IAAI,EACjB6F,aAAa,EACbhE,MAAM,GACF;QACEwC,OAAO,EAAE7C,MAAM;QACfyF,SAAS,EAAE,CACT;UACEC,KAAK,EAAE1F,MAAM,CAAC2F,WAAW,CAAC;YACxBC,UAAU,EAAE,CAAC,CAAC,EAAE,CAAC,CAAC;YAClBC,WAAW,EAAE,CAAC,GAAG,EAAE,CAAC;UACtB,CAAC;QACH,CAAC;MAEL,CAAC,GACD,IAAI,CACR;MACFN,QAAQ,EAAE3D,gBAAiB;MAAAkD,QAAA,GAE1B,CAAC9H,OAAO,IAAI,CAAC+B,MAAM,EAAE0H,cAAc,iBAClC,IAAA9K,WAAA,CAAA8I,IAAA,EAAA9I,WAAA,CAAA+K,QAAA;QAAA5B,QAAA,gBACE,IAAAnJ,WAAA,CAAA8I,IAAA,EAACxJ,sBAAA,CAAA0L,QAAQ;UAACrB,MAAM,EAAC,YAAY;UAACH,OAAO,EAAE9H,kBAAmB;UAAAyH,QAAA,gBACxD,IAAAnJ,WAAA,CAAAoJ,GAAA,EAAC3J,YAAA,CAAA8K,IAAI;YAACvB,KAAK,EAAE,CAACC,MAAM,CAACgC,QAAQ,EAAEtI,YAAY,CAACO,IAAI,CAAE;YAAAiG,QAAA,EAC/C+B,0CAAoB,CAACC;UAAK,CACvB,CAAC,eACP,IAAAnL,WAAA,CAAAoJ,GAAA,EAAC5J,qBAAA,CAAA4L,0BAA0B,CAACD,KAAK;YAAChI,KAAK,EAAEV,KAAK,CAACS;UAAK,CAAE,CAAC;QAAA,CAC/C,CAAC,eACX,IAAAlD,WAAA,CAAAoJ,GAAA,EAAC9J,sBAAA,CAAA+L,SAAS,IAAE,CAAC;MAAA,CACb,CACH,eACD,IAAArL,WAAA,CAAA8I,IAAA,EAACxJ,sBAAA,CAAA0L,QAAQ;QAACxB,OAAO,EAAEA,CAAA,KAAMtD,iBAAiB,CAAC3E,OAAO,CAAC+J,IAAK,CAAE;QAAAnC,QAAA,gBACxD,IAAAnJ,WAAA,CAAAoJ,GAAA,EAAC3J,YAAA,CAAA8K,IAAI;UAACvB,KAAK,EAAE,CAACC,MAAM,CAACgC,QAAQ,EAAEtI,YAAY,CAACO,IAAI,CAAE;UAAAiG,QAAA,EAC/C+B,0CAAoB,CAACK;QAAI,CACtB,CAAC,eACP,IAAAvL,WAAA,CAAAoJ,GAAA,EAAC5J,qBAAA,CAAA4L,0BAA0B,CAACG,IAAI;UAACpI,KAAK,EAAEV,KAAK,CAACS;QAAK,CAAE,CAAC;MAAA,CAC9C,CAAC,EACV5B,MAAM,iBACL,IAAAtB,WAAA,CAAA8I,IAAA,EAAA9I,WAAA,CAAA+K,QAAA;QAAA5B,QAAA,GAGG5H,OAAO,EAAEiK,WAAW,KAAK,MAAM,iBAC9B,IAAAxL,WAAA,CAAA8I,IAAA,EAAA9I,WAAA,CAAA+K,QAAA;UAAA5B,QAAA,gBACE,IAAAnJ,WAAA,CAAAoJ,GAAA,EAAC9J,sBAAA,CAAA+L,SAAS,IAAE,CAAC,eACb,IAAArL,WAAA,CAAA8I,IAAA,EAACxJ,sBAAA,CAAA0L,QAAQ;YAACxB,OAAO,EAAE3H,iBAAkB;YAAAsH,QAAA,gBACnC,IAAAnJ,WAAA,CAAAoJ,GAAA,EAAC3J,YAAA,CAAA8K,IAAI;cAACvB,KAAK,EAAE,CAACC,MAAM,CAACgC,QAAQ,EAAEtI,YAAY,CAACO,IAAI,CAAE;cAAAiG,QAAA,EAC/C+B,0CAAoB,CAACO;YAAI,CACtB,CAAC,eACP,IAAAzL,WAAA,CAAAoJ,GAAA,EAAC5J,qBAAA,CAAA4L,0BAA0B,CAACK,IAAI;cAACtI,KAAK,EAAEV,KAAK,CAACS;YAAK,CAAE,CAAC;UAAA,CAC9C,CAAC;QAAA,CACX,CACH,eACD,IAAAlD,WAAA,CAAAoJ,GAAA,EAAC9J,sBAAA,CAAA+L,SAAS,IAAE,CAAC,eACb,IAAArL,WAAA,CAAA8I,IAAA,EAACxJ,sBAAA,CAAA0L,QAAQ;UAACxB,OAAO,EAAE5H,mBAAoB;UAAAuH,QAAA,gBACrC,IAAAnJ,WAAA,CAAAoJ,GAAA,EAAC3J,YAAA,CAAA8K,IAAI;YAACvB,KAAK,EAAE,CAACC,MAAM,CAACgC,QAAQ,EAAEtI,YAAY,CAACO,IAAI,CAAE;YAAAiG,QAAA,EAC/C+B,0CAAoB,CAACQ;UAAM,CACxB,CAAC,eACP,IAAA1L,WAAA,CAAAoJ,GAAA,EAAC5J,qBAAA,CAAA4L,0BAA0B,CAACM,MAAM,IAAE,CAAC;QAAA,CAC7B,CAAC;MAAA,CACX,CACH;IAAA,CACY,CAAC;EAAA,CACZ,CACP;;EAEH;EACA;EACA;EACA;EACA;EACA;EACA,IAAA/G,gBAAS,EAAC,MAAM;IACd,IAAIgE,OAAO,EAAE;MACXzG,OAAO,CAACK,SAAS,EAAEoG,OAAO,CAAC;IAC7B,CAAC,MAAM;MACLxG,OAAO,CAACI,SAAS,CAAC;IACpB;EACF,CAAC,CAAC;EACF,IAAAoC,gBAAS,EAAC,MAAM,MAAMxC,OAAO,CAACI,SAAS,CAAC,EAAE,CAACJ,OAAO,EAAEI,SAAS,CAAC,CAAC;EAE/D,OAAO,IAAI;AACb,CAAC;AAAC,IAAAoJ,QAAA,GAAAC,OAAA,CAAAjL,OAAA,GAEaS,mBAAmB;AAElC,MAAM6H,MAAM,GAAGK,uBAAU,CAACuC,MAAM,CAAC;EAC/B3C,WAAW,EAAE;IACX,GAAGI,uBAAU,CAACC,YAAY;IAC1BzG,eAAe,EAAE;EACnB,CAAC;EACD4G,GAAG,EAAE;IACH,GAAGJ,uBAAU,CAACC,YAAY;IAC1BzG,eAAe,EAAE;EACnB,CAAC;EACD+G,WAAW,EAAE;IACXpI,QAAQ,EAAE,UAAU;IACpBqK,aAAa,EAAE,KAAK;IACpBC,UAAU,EAAE,QAAQ;IACpBC,iBAAiB,EAAE,CAAC;IACpBC,eAAe,EAAE,CAAC;IAClBC,YAAY,EAAE,EAAE;IAChBC,YAAY,EAAE;MAAExI,KAAK,EAAE,CAAC;MAAEC,MAAM,EAAE;IAAE,CAAC;IACrCwI,aAAa,EAAE,IAAI;IACnBC,YAAY,EAAE,CAAC;IACfC,SAAS,EAAE;EACb,CAAC;EACDjC,YAAY,EAAE;IACZ1G,KAAK,EAAE,EAAE;IACTC,MAAM,EAAE,EAAE;IACVsI,YAAY,EAAE,EAAE;IAChBH,UAAU,EAAE,QAAQ;IACpBQ,cAAc,EAAE;EAClB,CAAC;EACD/B,aAAa,EAAE;IACbgC,QAAQ,EAAE;EACZ,CAAC;EACD9B,YAAY,EAAE;IACZ/G,KAAK,EAAE,EAAE;IACTC,MAAM,EAAE,EAAE;IACVsI,YAAY,EAAE,EAAE;IAChBH,UAAU,EAAE,QAAQ;IACpBQ,cAAc,EAAE,QAAQ;IACxBE,UAAU,EAAE;EACd,CAAC;EACD7B,gBAAgB,EAAE;IAChB4B,QAAQ,EAAE,EAAE;IACZE,UAAU,EAAE,EAAE;IACdC,UAAU,EAAE;EACd,CAAC;EACD9B,WAAW,EAAE;IACXpJ,QAAQ,EAAE,UAAU;IACpBqB,eAAe,EAAE,OAAO;IACxBmJ,eAAe,EAAE,CAAC;IAClBD,iBAAiB,EAAE,CAAC;IACpBE,YAAY,EAAE,EAAE;IAChBlJ,WAAW,EAAE,MAAM;IACnBmJ,YAAY,EAAE;MAAExI,KAAK,EAAE,CAAC;MAAEC,MAAM,EAAE;IAAE,CAAC;IACrCwI,aAAa,EAAE,IAAI;IACnBC,YAAY,EAAE,CAAC;IACfC,SAAS,EAAE,CAAC;IACZM,QAAQ,EAAE,GAAG;IACb;IACA;IACA;IACAC,QAAQ,EAAE;EACZ,CAAC;EACD;EACA;EACA;EACA5B,QAAQ,EAAE;IACRuB,QAAQ,EAAE,EAAE;IACZrJ,KAAK,EAAE,SAAS;IAChB2J,kBAAkB,EAAE,KAAK;IACzBC,iBAAiB,EAAE,QAAQ;IAC3BC,WAAW,EAAE;EACf;AACF,CAAC,CAAC","ignoreList":[]}

package/lib/commonjs/components/MessageBubble/MessageReaction.js

@@ -6,48 +6,42 @@ Object.defineProperty(exports, "__esModule", {
 exports.MessageReaction = void 0;
 var _react = _interopRequireWildcard(require("react"));
 var _reactNative = require("react-native");
-var _native = _interopRequireDefault(require("styled-components/native"));
 var _useTheme = require("../../hooks/useTheme");
+var _emoji = require("../../helpers/emoji");
 var _jsxRuntime = require("react/jsx-runtime");
-function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
 function _interopRequireWildcard(e, t) { if ("function" == typeof WeakMap) var r = new WeakMap(), n = new WeakMap(); return (_interopRequireWildcard = function (e, t) { if (!t && e && e.__esModule) return e; var o, i, f = { __proto__: null, default: e }; if (null === e || "object" != typeof e && "function" != typeof e) return f; if (o = t ? n : r) { if (o.has(e)) return o.get(e); o.set(e, f); } for (const t in e) "default" !== t && {}.hasOwnProperty.call(e, t) && ((i = (o = Object.defineProperty) && Object.getOwnPropertyDescriptor(e, t)) && (i.get || i.set) ? o(f, t, i) : f[t] = e[t]); return f; })(e, t); }
-/* eslint-disable react-hooks/rules-of-hooks -- pre-existing port artifacts; hooks called conditionally / inside helpers. TODO: refactor */
-
-const ReactionContainer = _native.default.View`
-  flex-direction: row;
-  align-items: center;
-  gap: 8px;
-`;
-const ReactionBox = (0, _native.default)(_reactNative.TouchableOpacity)`
-  padding: 4px 8px;
-  border-radius: 20px;
-  background-color: ${({
-  active,
-  color,
-  theme
-}) => active ? color : theme.surface};
-  flex-direction: row;
-  align-items: center;
-  justify-content: center;
-  elevation: 3;
-`;
-const emojiMap = {
-  joy: '😂',
-  heart: '❤️',
-  fire: '🔥',
-  '+1': '👍',
-  smile: '😄',
-  scream: '😱'
-};
 const MessageReaction = ({
   reaction,
   color,
   changeReaction,
-  userName
+  userName,
+  interactive = true
 }) => {
   const theme = (0, _useTheme.useTheme)();
   const [tooltipEmoji, setTooltipEmoji] = (0, _react.useState)(null);
-  const fadeAnim = new _reactNative.Animated.Value(0);
+  const fadeAnim = (0, _react.useRef)(new _reactNative.Animated.Value(0)).current;
+  const reactionDetails = (0, _react.useMemo)(() => {
+    const result = {};
+    Object.values(reaction || {}).forEach(({
+      emoji,
+      data
+    }) => {
+      (emoji || []).forEach(em => {
+        if (!result[em]) {
+          result[em] = {
+            count: 0,
+            users: []
+          };
+        }
+        result[em].count += 1;
+        result[em].users.push(`${data?.senderFirstName || ''} ${data?.senderLastName || ''}`.trim());
+      });
+    });
+    return result;
+  }, [reaction]);
+  if (!reaction || Object.keys(reactionDetails).length === 0) {
+    return null;
+  }
   const showTooltip = emoji => {
     setTooltipEmoji(emoji);
     _reactNative.Animated.timing(fadeAnim, {
@@ -63,86 +57,57 @@ const MessageReaction = ({
       useNativeDriver: true
     }).start(() => setTooltipEmoji(null));
   };
-  if (!reaction) {
-    return null;
-  }
-  const reactionDetails = (0, _react.useMemo)(() => {
-    const result = {};
-    Object.values(reaction).forEach(({
-      emoji,
-      data
-    }) => {
-      if (emoji && emoji.length > 0) {
-        emoji.forEach(em => {
-          if (!result[em]) {
-            result[em] = {
-              count: 0,
-              users: []
-            };
-          }
-          result[em].count += 1;
-          result[em].users.push(`${data?.senderFirstName} ${data?.senderLastName}`);
-        });
-      }
-    });
-    return result;
-  }, [reaction]);
-  return /*#__PURE__*/(0, _jsxRuntime.jsx)(ReactionContainer, {
+  return /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.View, {
+    style: styles.row,
     children: Object.entries(reactionDetails).map(([emoji, details]) => {
-      const isUserReacted = userName ? details.users.includes(userName) : false;
+      const isUserReacted = !!userName && details.users.includes(userName);
       return /*#__PURE__*/(0, _jsxRuntime.jsxs)(_reactNative.View, {
-        style: {
-          position: 'relative'
-        },
-        children: [/*#__PURE__*/(0, _jsxRuntime.jsxs)(ReactionBox, {
-          active: isUserReacted,
-          color: color,
+        style: styles.chipWrap,
+        children: [/*#__PURE__*/(0, _jsxRuntime.jsxs)(_reactNative.TouchableOpacity, {
+          testID: `reaction-chip-${emoji}`,
+          activeOpacity: 0.7,
+          disabled: !interactive,
           onPress: () => changeReaction(emoji),
           onLongPress: () => showTooltip(emoji),
           onPressOut: hideTooltip,
-          children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.Text, {
-            style: {
-              fontSize: 18,
-              marginRight: 4
-            },
-            children: emojiMap[emoji] || emoji
+          style: [styles.chip, {
+            backgroundColor: theme.surface,
+            borderColor: isUserReacted ? color : theme.border,
+            shadowColor: theme.shadow
+          }],
+          children: [isUserReacted && /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.View, {
+            pointerEvents: "none",
+            style: [styles.tint, {
+              backgroundColor: `${color}26`
+            }]
           }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.Text, {
-            style: {
-              fontSize: 14,
-              fontWeight: '600',
-              color: isUserReacted ? theme.textOnPrimary : color
-            },
+            style: styles.glyph,
+            children: (0, _emoji.getEmojiNativeById)(emoji)
+          }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.Text, {
+            style: [styles.count, {
+              color: isUserReacted ? color : theme.textSecondary
+            }],
             children: details.count
           })]
         }), tooltipEmoji === emoji && /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.Animated.View, {
-          style: {
-            position: 'absolute',
-            bottom: 36,
-            left: '50%',
+          pointerEvents: "none",
+          style: [styles.tooltip, {
+            opacity: fadeAnim,
             transform: [{
-              translateX: -50
-            }, {
               translateY: fadeAnim.interpolate({
                 inputRange: [0, 1],
                 outputRange: [4, 0]
               })
             }],
-            opacity: fadeAnim,
             // Inverted pill: text colour as ground, surface as ink,
             // so it stays high-contrast on both palettes.
-            backgroundColor: theme.text,
-            borderRadius: 6,
-            paddingHorizontal: 10,
-            paddingVertical: 6,
-            maxWidth: 220,
-            zIndex: 999
-          },
+            backgroundColor: theme.text
+          }],
           children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.Text, {
-            style: {
-              color: theme.surface,
-              fontSize: 12
-            },
-            children: details.users.join(', ')
+            style: [styles.tooltipText, {
+              color: theme.surface
+            }],
+            children: details.users.filter(Boolean).join(', ')
           })
         })]
       }, emoji);
@@ -150,4 +115,58 @@ const MessageReaction = ({
   });
 };
 exports.MessageReaction = MessageReaction;
+const styles = _reactNative.StyleSheet.create({
+  row: {
+    flexDirection: 'row',
+    flexWrap: 'wrap',
+    alignItems: 'center',
+    gap: 6
+  },
+  chipWrap: {
+    position: 'relative'
+  },
+  chip: {
+    flexDirection: 'row',
+    alignItems: 'center',
+    paddingVertical: 3,
+    paddingHorizontal: 8,
+    borderRadius: 14,
+    borderWidth: _reactNative.StyleSheet.hairlineWidth,
+    shadowOpacity: 0.08,
+    shadowOffset: {
+      width: 0,
+      height: 1
+    },
+    shadowRadius: 2,
+    elevation: 1
+  },
+  tint: {
+    position: "absolute",
+    top: 0,
+    right: 0,
+    bottom: 0,
+    left: 0,
+    borderRadius: 14
+  },
+  glyph: {
+    fontSize: 16,
+    marginRight: 4
+  },
+  count: {
+    fontSize: 13,
+    fontWeight: '600'
+  },
+  tooltip: {
+    position: 'absolute',
+    bottom: 34,
+    left: 0,
+    borderRadius: 6,
+    paddingHorizontal: 10,
+    paddingVertical: 6,
+    maxWidth: 220
+  },
+  tooltipText: {
+    fontSize: 12
+  }
+});
 //# sourceMappingURL=MessageReaction.js.map