@amityco/react-native-social-uikit 4.2.1-f052efd.0 → 4.3.0

package/lib/commonjs/chat/features/shared/components/MessageReplyQuote/MessageReplyQuote.js

@@ -0,0 +1,400 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.MessageReplyQuote = MessageReplyQuote;
+var _react = require("react");
+var _reactNative = require("react-native");
+var _Typography = require("../../../../../core/design/components/Typography");
+var _Loader = require("../../../../../core/design/atoms/Loader");
+var _icons = require("../../../../../core/design/icons");
+var _amityColorTokens = require("../../../../../core/design/tokens/amity-color-tokens");
+var _useFile = _interopRequireDefault(require("../../../../../core/hooks/useFile"));
+var _enums = require("../../../../../core/enums");
+var _localization = require("../../../../../core/localization");
+var _objects = require("../../../../hooks/objects");
+var _linkifyText = require("../../../../utils/linkifyText");
+var _utils = require("./utils");
+var _styles = require("./styles");
+function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
+// MessageReplyQuote — ported from AmityUiKitWeb features/shared/components/
+// MessageReplyQuote. The quoted parent message rendered above a reply bubble:
+// a "replied to" header plus a tappable snapshot of the parent (text / image /
+// video / custom / deleted / unavailable). The parent is resolved HERE from its
+// id, the way web's quote calls `useMessageObject(parentId)` and iOS's bubble
+// view model observes `chatManager.getMessage(messageId: parentId)` — never by
+// looking the id up in whatever page the list has loaded, which is what left a
+// parent on an earlier page spinning forever. Media dimensions are
+// clamped via getReplyThumbnailSize.
+
+// 1. React / RN imports
+
+// 2. Internal imports
+
+// 3. Types
+
+// URLs inside a quote are recoloured (inbound-link token) and underlined but are
+// NOT separately tappable — the whole quote is one tap target (onOpenSeeMore).
+// Splits the text into plain strings + styled link spans; URL detection lives in
+// utils/linkifyText.
+function renderQuoteTextWithLinks(text, linkStyle) {
+  const out = [];
+  (0, _linkifyText.splitTextByLinks)(text).forEach((segment, i) => {
+    if (!segment.value) return;
+    if (segment.kind === 'link') {
+      out.push(/*#__PURE__*/React.createElement(_reactNative.Text, {
+        key: `l-${i}`,
+        style: linkStyle
+      }, segment.value));
+    } else {
+      out.push(segment.value);
+    }
+  });
+  return out;
+}
+
+// 4. Named function component
+function MessageReplyQuote({
+  parentId,
+  child,
+  isUser,
+  isGroupChat,
+  currentUserId,
+  onOpenSeeMore,
+  onOpenImage,
+  onOpenVideo
+}) {
+  const {
+    styles,
+    headerIconColor
+  } = (0, _styles.useStyles)(isUser);
+  const {
+    message: parent,
+    isLoading
+  } = (0, _objects.useMessageObject)(parentId);
+
+  // Spinner only while the live object is genuinely still resolving. Web guards
+  // this as `isLoading || !parent`, so a parent that will never arrive spins
+  // there forever; a settled-but-empty parent falls through to the unavailable
+  // quote below instead. iOS has no spinner at all and renders an empty quote.
+  if (isLoading && !parent) {
+    return /*#__PURE__*/React.createElement(_reactNative.View, {
+      style: styles.container
+    }, /*#__PURE__*/React.createElement(_reactNative.View, {
+      style: styles.placeholder,
+      accessibilityState: {
+        busy: true
+      }
+    }, /*#__PURE__*/React.createElement(_Loader.Loader.Spinner, {
+      size: "sm"
+    })));
+  }
+  const headerText = (0, _utils.getReplyHeader)({
+    child,
+    parent,
+    currentUserId,
+    isGroupChat
+  });
+  return /*#__PURE__*/React.createElement(_reactNative.View, {
+    style: styles.container
+  }, /*#__PURE__*/React.createElement(_reactNative.View, {
+    style: styles.header
+  }, /*#__PURE__*/React.createElement(_icons.AmityIcon, {
+    name: "share-left-s",
+    size: 16,
+    tokenColor: headerIconColor
+  }), /*#__PURE__*/React.createElement(_Typography.Typography, {
+    variant: "caption",
+    style: styles.headerText,
+    numberOfLines: 1
+  }, headerText)), parent ? /*#__PURE__*/React.createElement(ParentBody, {
+    parent: parent,
+    isUser: isUser,
+    onOpenSeeMore: onOpenSeeMore,
+    onOpenImage: onOpenImage,
+    onOpenVideo: onOpenVideo
+  }) : /*#__PURE__*/React.createElement(UnavailableQuote, {
+    isUser: isUser
+  }));
+}
+function ParentBody({
+  parent,
+  isUser,
+  onOpenSeeMore,
+  onOpenImage,
+  onOpenVideo
+}) {
+  if (parent.isDeleted) {
+    return /*#__PURE__*/React.createElement(DeletedQuote, {
+      isUser: isUser
+    });
+  }
+  switch (parent.dataType) {
+    case 'text':
+      return /*#__PURE__*/React.createElement(TextQuote, {
+        parent: parent,
+        isUser: isUser,
+        onOpenSeeMore: onOpenSeeMore
+      });
+    case 'custom':
+      return /*#__PURE__*/React.createElement(CustomQuote, {
+        parent: parent,
+        isUser: isUser
+      });
+    case 'image':
+      return /*#__PURE__*/React.createElement(ImageQuote, {
+        parent: parent,
+        isUser: isUser,
+        onOpenImage: onOpenImage
+      });
+    case 'video':
+      return /*#__PURE__*/React.createElement(VideoQuote, {
+        parent: parent,
+        isUser: isUser,
+        onOpenVideo: onOpenVideo
+      });
+    default:
+      return null;
+  }
+}
+function DeletedQuote({
+  isUser
+}) {
+  const {
+    styles
+  } = (0, _styles.useStyles)(isUser);
+  const deletedLabel = (0, _localization.useString)('amity_chat_message_deleted');
+  return /*#__PURE__*/React.createElement(_reactNative.View, {
+    style: styles.quote
+  }, /*#__PURE__*/React.createElement(_reactNative.View, {
+    style: styles.deletedBubble
+  }, /*#__PURE__*/React.createElement(_icons.AmityIcon, {
+    name: "trash-r",
+    size: 16,
+    tokenColor: _amityColorTokens.AmityColorToken.IconChatBubbleInboundMessagesDeleted
+  }), /*#__PURE__*/React.createElement(_Typography.Typography, {
+    variant: "caption",
+    style: styles.deletedText
+  }, deletedLabel)), /*#__PURE__*/React.createElement(_reactNative.View, {
+    style: styles.overlay,
+    pointerEvents: "none"
+  }));
+}
+
+// Terminal state: the parent could not be resolved at all (its live
+// object settled with no message — it is no longer accessible to the viewer).
+// Reuses the deleted bubble's shape and the existing "Message unavailable"
+// string — the same one MessageReplyBand shows for a parent it cannot display —
+// so the quote settles instead of spinning. No trash glyph: nothing here says
+// the parent was deleted, only that it cannot be shown.
+function UnavailableQuote({
+  isUser
+}) {
+  const {
+    styles
+  } = (0, _styles.useStyles)(isUser);
+  const unavailableLabel = (0, _localization.useString)('amity_chat_message_unavailable');
+  return /*#__PURE__*/React.createElement(_reactNative.View, {
+    style: styles.quote
+  }, /*#__PURE__*/React.createElement(_reactNative.View, {
+    style: styles.deletedBubble
+  }, /*#__PURE__*/React.createElement(_Typography.Typography, {
+    variant: "caption",
+    style: styles.deletedText
+  }, unavailableLabel)), /*#__PURE__*/React.createElement(_reactNative.View, {
+    style: styles.overlay,
+    pointerEvents: "none"
+  }));
+}
+function TextQuote({
+  parent,
+  isUser,
+  onOpenSeeMore
+}) {
+  var _parent$data;
+  const {
+    styles
+  } = (0, _styles.useStyles)(isUser);
+  const text = (((_parent$data = parent.data) === null || _parent$data === void 0 ? void 0 : _parent$data.text) ?? '').toString();
+  const repliedMessageTitle = (0, _localization.useString)('amity_chat_message_replied_message');
+  return /*#__PURE__*/React.createElement(_reactNative.Pressable, {
+    style: styles.quote,
+    accessibilityRole: "button",
+    accessibilityLabel: repliedMessageTitle,
+    onPress: () => onOpenSeeMore(text, repliedMessageTitle)
+  }, /*#__PURE__*/React.createElement(_reactNative.View, {
+    style: styles.textBubble
+  }, /*#__PURE__*/React.createElement(_Typography.Typography, {
+    variant: "body",
+    style: styles.text,
+    numberOfLines: 2
+  }, renderQuoteTextWithLinks(text, styles.link))), /*#__PURE__*/React.createElement(_reactNative.View, {
+    style: styles.overlay,
+    pointerEvents: "none"
+  }));
+}
+function CustomQuote({
+  parent,
+  isUser
+}) {
+  const {
+    styles
+  } = (0, _styles.useStyles)(isUser);
+  const text = JSON.stringify(parent.data ?? {});
+  return /*#__PURE__*/React.createElement(_reactNative.View, {
+    style: styles.quote
+  }, /*#__PURE__*/React.createElement(_reactNative.View, {
+    style: styles.textBubble
+  }, /*#__PURE__*/React.createElement(_Typography.Typography, {
+    variant: "body",
+    style: styles.text,
+    numberOfLines: 2
+  }, text)), /*#__PURE__*/React.createElement(_reactNative.View, {
+    style: styles.overlay,
+    pointerEvents: "none"
+  }));
+}
+function ImageQuote({
+  parent,
+  isUser,
+  onOpenImage
+}) {
+  var _parent$data2;
+  const {
+    styles
+  } = (0, _styles.useStyles)(isUser);
+  const fileId = ((_parent$data2 = parent.data) === null || _parent$data2 === void 0 ? void 0 : _parent$data2.fileId) ?? '';
+  const mediumUrl = (0, _useFile.default)({
+    fileId,
+    imageSize: _enums.ImageSizeState.medium
+  });
+  const largeUrl = (0, _useFile.default)({
+    fileId,
+    imageSize: _enums.ImageSizeState.large
+  });
+  const [size, setSize] = (0, _react.useState)({
+    width: 120,
+    height: 120
+  });
+  const [hasError, setHasError] = (0, _react.useState)(false);
+  const boxStyle = {
+    width: size.width,
+    height: size.height
+  };
+  if (!mediumUrl) {
+    return /*#__PURE__*/React.createElement(_reactNative.View, {
+      style: [styles.mediaBox, styles.mediaBoxLoading, boxStyle],
+      accessibilityState: {
+        busy: true
+      }
+    }, /*#__PURE__*/React.createElement(_Loader.Loader.Spinner, {
+      size: "sm"
+    }));
+  }
+  if (hasError) {
+    return /*#__PURE__*/React.createElement(_reactNative.View, {
+      style: [styles.mediaBox, styles.mediaBoxBroken, boxStyle]
+    }, /*#__PURE__*/React.createElement(_icons.AmityIcon, {
+      name: "image-slash-r",
+      size: 24,
+      tokenColor: _amityColorTokens.AmityColorToken.IconMediaImageBroken
+    }));
+  }
+  function handleLoad(event) {
+    const {
+      width,
+      height
+    } = event.nativeEvent.source;
+    const next = (0, _utils.getReplyThumbnailSize)(width, height);
+    setSize({
+      width: next.widthRem * 16,
+      height: next.heightRem * 16
+    });
+  }
+  return /*#__PURE__*/React.createElement(_reactNative.Pressable, {
+    style: styles.quote,
+    accessibilityRole: "button",
+    onPress: () => onOpenImage(largeUrl || mediumUrl, parent)
+  }, /*#__PURE__*/React.createElement(_reactNative.Image, {
+    source: {
+      uri: mediumUrl
+    },
+    style: [styles.media, boxStyle],
+    resizeMode: "cover",
+    onError: () => setHasError(true),
+    onLoad: handleLoad
+  }), /*#__PURE__*/React.createElement(_reactNative.View, {
+    style: styles.overlay,
+    pointerEvents: "none"
+  }));
+}
+function VideoQuote({
+  parent,
+  isUser,
+  onOpenVideo
+}) {
+  var _parent$data3;
+  const {
+    styles
+  } = (0, _styles.useStyles)(isUser);
+  const thumbFileId = ((_parent$data3 = parent.data) === null || _parent$data3 === void 0 ? void 0 : _parent$data3.thumbnailFileId) ?? '';
+  const thumbUrl = (0, _useFile.default)({
+    fileId: thumbFileId,
+    imageSize: _enums.ImageSizeState.medium
+  });
+  const [size, setSize] = (0, _react.useState)({
+    width: 120,
+    height: 120
+  });
+  const boxStyle = {
+    width: size.width,
+    height: size.height
+  };
+  if (!thumbUrl) {
+    return /*#__PURE__*/React.createElement(_reactNative.View, {
+      style: [styles.mediaBox, styles.mediaBoxLoading, boxStyle],
+      accessibilityState: {
+        busy: true
+      }
+    }, /*#__PURE__*/React.createElement(_Loader.Loader.Spinner, {
+      size: "sm"
+    }));
+  }
+  function handleLoad(event) {
+    const {
+      width,
+      height
+    } = event.nativeEvent.source;
+    const next = (0, _utils.getReplyThumbnailSize)(width, height);
+    setSize({
+      width: next.widthRem * 16,
+      height: next.heightRem * 16
+    });
+  }
+  return /*#__PURE__*/React.createElement(_reactNative.Pressable, {
+    style: styles.quote,
+    accessibilityRole: "button",
+    onPress: () => onOpenVideo(parent)
+  }, /*#__PURE__*/React.createElement(_reactNative.Image, {
+    source: {
+      uri: thumbUrl
+    },
+    style: [styles.media, boxStyle],
+    resizeMode: "cover",
+    onLoad: handleLoad
+  }), /*#__PURE__*/React.createElement(_reactNative.View, {
+    style: styles.overlay,
+    pointerEvents: "none"
+  }), /*#__PURE__*/React.createElement(_reactNative.View, {
+    style: styles.playChip,
+    pointerEvents: "none"
+  }, /*#__PURE__*/React.createElement(_reactNative.View, {
+    style: styles.playChipInner
+  }, /*#__PURE__*/React.createElement(_icons.AmityIcon, {
+    name: "video-play-s",
+    size: 24,
+    tokenColor: _amityColorTokens.AmityColorToken.IconIconButtonTransparentPrimaryDefault
+  }))));
+}
+//# sourceMappingURL=MessageReplyQuote.js.map

package/lib/commonjs/chat/features/shared/components/MessageReplyQuote/MessageReplyQuote.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["_react","require","_reactNative","_Typography","_Loader","_icons","_amityColorTokens","_useFile","_interopRequireDefault","_enums","_localization","_objects","_linkifyText","_utils","_styles","e","__esModule","default","renderQuoteTextWithLinks","text","linkStyle","out","splitTextByLinks","forEach","segment","i","value","kind","push","React","createElement","Text","key","style","MessageReplyQuote","parentId","child","isUser","isGroupChat","currentUserId","onOpenSeeMore","onOpenImage","onOpenVideo","styles","headerIconColor","useStyles","message","parent","isLoading","useMessageObject","View","container","placeholder","accessibilityState","busy","Loader","Spinner","size","headerText","getReplyHeader","header","AmityIcon","name","tokenColor","Typography","variant","numberOfLines","ParentBody","UnavailableQuote","isDeleted","DeletedQuote","dataType","TextQuote","CustomQuote","ImageQuote","VideoQuote","deletedLabel","useString","quote","deletedBubble","AmityColorToken","IconChatBubbleInboundMessagesDeleted","deletedText","overlay","pointerEvents","unavailableLabel","_parent$data","data","toString","repliedMessageTitle","Pressable","accessibilityRole","accessibilityLabel","onPress","textBubble","link","JSON","stringify","_parent$data2","fileId","mediumUrl","useFile","imageSize","ImageSizeState","medium","largeUrl","large","setSize","useState","width","height","hasError","setHasError","boxStyle","mediaBox","mediaBoxLoading","mediaBoxBroken","IconMediaImageBroken","handleLoad","event","nativeEvent","source","next","getReplyThumbnailSize","widthRem","heightRem","Image","uri","media","resizeMode","onError","onLoad","_parent$data3","thumbFileId","thumbnailFileId","thumbUrl","playChip","playChipInner","IconIconButtonTransparentPrimaryDefault"],"sourceRoot":"../../../../../../../src","sources":["chat/features/shared/components/MessageReplyQuote/MessageReplyQuote.tsx"],"mappings":"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","ignoreList":[]}

package/lib/commonjs/chat/features/shared/components/MessageReplyQuote/index.js

@@ -0,0 +1,13 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+Object.defineProperty(exports, "MessageReplyQuote", {
+  enumerable: true,
+  get: function () {
+    return _MessageReplyQuote.MessageReplyQuote;
+  }
+});
+var _MessageReplyQuote = require("./MessageReplyQuote");
+//# sourceMappingURL=index.js.map

package/lib/commonjs/chat/features/shared/components/MessageReplyQuote/index.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["_MessageReplyQuote","require"],"sourceRoot":"../../../../../../../src","sources":["chat/features/shared/components/MessageReplyQuote/index.ts"],"mappings":";;;;;;;;;;;AAAA,IAAAA,kBAAA,GAAAC,OAAA","ignoreList":[]}

package/lib/commonjs/chat/features/shared/components/MessageReplyQuote/styles.js

@@ -0,0 +1,145 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.useStyles = void 0;
+var _reactNative = require("react-native");
+var _useToken = require("../../../../../core/design/theme/useToken");
+var _amityColorTokens = require("../../../../../core/design/tokens/amity-color-tokens");
+var _constants = require("../../../../constants");
+// Styles for MessageReplyQuote — ported from MessageReplyQuote.module.css.
+// Geometry: gap 0.25rem→4; header gap 0.25rem→4; header icon 1rem→16; header
+// max-width 18.75rem→300; quote radius 1.25rem→20; text bubble padding
+// 0.625/1rem→10/16, text 15/20 (raw CSS); media radius 20; broken icon
+// 1.5rem→24; play chip 2.5rem→40; play icon 1.5rem→24; deleted bubble padding
+// 4/8, border 1; placeholder height 60. Header/overlay colours differ per side
+// (own = Outbound tokens, other = Inbound).
+//
+// The quote's width (web's 14.25rem→228, and the placeholder's 228) is NOT a
+// fixed value — 228 is the 60%-of-viewport rule on Figma's 375px artboard. It
+// is derived from that rule here so the quote tracks the reply bubble at every
+// screen size. See src/chat/constants/bubble.
+
+const useStyles = isUser => {
+  const token = (0, _useToken.useToken)();
+  const headerColor = token(isUser ? _amityColorTokens.AmityColorToken.TextChatBubbleOutboundHeaderRepliedToDefault : _amityColorTokens.AmityColorToken.TextChatBubbleInboundHeaderRepliedToDefault);
+  const styles = _reactNative.StyleSheet.create({
+    container: {
+      gap: 4,
+      marginBottom: 4,
+      alignItems: isUser ? 'flex-end' : 'flex-start'
+    },
+    header: {
+      flexDirection: 'row',
+      alignItems: 'center',
+      gap: 4
+    },
+    headerText: {
+      color: headerColor,
+      maxWidth: 300
+    },
+    quote: {
+      position: 'relative',
+      borderRadius: 20,
+      overflow: 'hidden'
+    },
+    overlay: {
+      position: 'absolute',
+      top: 0,
+      left: 0,
+      right: 0,
+      bottom: 0,
+      borderRadius: 20,
+      backgroundColor: token(_amityColorTokens.AmityColorToken.SurfaceChatBubbleReplyOverlayDefault)
+    },
+    // This was a flat 228, which is the 60%-of-viewport rule's value
+    // on Figma's 375px artboard — not the contract (see
+    // src/chat/constants/bubble). Held fixed, the quote fell progressively
+    // narrower than the reply bubble as the screen got wider: on an iPhone XR
+    // the reply was 298 and the quote 228, a 70px gap where web's is ~20.
+    // Deriving both from the same rule keeps them equal at every screen size,
+    // which is what the ticket asks for.
+    textBubble: {
+      paddingVertical: 10,
+      paddingHorizontal: 16,
+      maxWidth: (0, _constants.getBubbleMaxWidth)(),
+      backgroundColor: token(_amityColorTokens.AmityColorToken.SurfaceChatBubbleReplyMessageDefault)
+    },
+    text: {
+      fontSize: 15,
+      lineHeight: 20,
+      color: token(_amityColorTokens.AmityColorToken.TextChatBubbleInboundMessagesDefault)
+    },
+    // In-quote URL spans (web .replyQuote__link): inbound-link token + underline on
+    // both sides (the web class has no data-user variant). Colour only — the whole
+    // quote is the tap target (onOpenSeeMore), so links are not separately tappable.
+    link: {
+      color: token(_amityColorTokens.AmityColorToken.TextChatBubbleInboundLinkDefault),
+      textDecorationLine: 'underline'
+    },
+    media: {
+      borderRadius: 20
+    },
+    mediaBox: {
+      alignItems: 'center',
+      justifyContent: 'center',
+      borderRadius: 20
+    },
+    mediaBoxLoading: {
+      backgroundColor: token(_amityColorTokens.AmityColorToken.SurfaceMediaImageLoading)
+    },
+    mediaBoxBroken: {
+      backgroundColor: token(_amityColorTokens.AmityColorToken.SurfaceMediaImageBroken)
+    },
+    // The chip is centred by filling the quote and centring its child, the way
+    // MessageReplyBand's does. The previous percentage top/left plus negative
+    // margins is the one combination Yoga resolves differently per platform, and
+    // inside the quote's `overflow: 'hidden'` it left the play indicator off the
+    // thumbnail entirely.
+    playChip: {
+      ..._reactNative.StyleSheet.absoluteFillObject,
+      alignItems: 'center',
+      justifyContent: 'center'
+    },
+    playChipInner: {
+      width: 40,
+      height: 40,
+      alignItems: 'center',
+      justifyContent: 'center',
+      borderRadius: 9999,
+      backgroundColor: token(_amityColorTokens.AmityColorToken.SurfaceIconButtonTransparentPrimaryEnabled)
+    },
+    // Loading placeholder: same derived width as the quote itself, so the quote
+    // does not visibly jump width when the parent resolves.
+    placeholder: {
+      alignItems: 'center',
+      justifyContent: 'center',
+      width: (0, _constants.getBubbleMaxWidth)(),
+      height: 60,
+      borderRadius: 20,
+      backgroundColor: token(_amityColorTokens.AmityColorToken.SurfaceChatBubbleReplyMessageDefault)
+    },
+    deletedBubble: {
+      flexDirection: 'row',
+      alignItems: 'center',
+      gap: 4,
+      paddingVertical: 4,
+      paddingHorizontal: 8,
+      borderWidth: 1,
+      borderColor: token(_amityColorTokens.AmityColorToken.BorderChatBubbleInboundDeleted),
+      borderRadius: 20
+    },
+    deletedText: {
+      color: token(_amityColorTokens.AmityColorToken.TextChatBubbleInboundMessagesDeleted)
+    }
+  });
+  const headerIconColor = isUser ? _amityColorTokens.AmityColorToken.IconChatBubbleOutboundHeaderRepliedToDefault : _amityColorTokens.AmityColorToken.IconChatBubbleInboundHeaderRepliedToDefault;
+  return {
+    styles,
+    token,
+    headerIconColor
+  };
+};
+exports.useStyles = useStyles;
+//# sourceMappingURL=styles.js.map

package/lib/commonjs/chat/features/shared/components/MessageReplyQuote/styles.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["_reactNative","require","_useToken","_amityColorTokens","_constants","useStyles","isUser","token","useToken","headerColor","AmityColorToken","TextChatBubbleOutboundHeaderRepliedToDefault","TextChatBubbleInboundHeaderRepliedToDefault","styles","StyleSheet","create","container","gap","marginBottom","alignItems","header","flexDirection","headerText","color","maxWidth","quote","position","borderRadius","overflow","overlay","top","left","right","bottom","backgroundColor","SurfaceChatBubbleReplyOverlayDefault","textBubble","paddingVertical","paddingHorizontal","getBubbleMaxWidth","SurfaceChatBubbleReplyMessageDefault","text","fontSize","lineHeight","TextChatBubbleInboundMessagesDefault","link","TextChatBubbleInboundLinkDefault","textDecorationLine","media","mediaBox","justifyContent","mediaBoxLoading","SurfaceMediaImageLoading","mediaBoxBroken","SurfaceMediaImageBroken","playChip","absoluteFillObject","playChipInner","width","height","SurfaceIconButtonTransparentPrimaryEnabled","placeholder","deletedBubble","borderWidth","borderColor","BorderChatBubbleInboundDeleted","deletedText","TextChatBubbleInboundMessagesDeleted","headerIconColor","IconChatBubbleOutboundHeaderRepliedToDefault","IconChatBubbleInboundHeaderRepliedToDefault","exports"],"sourceRoot":"../../../../../../../src","sources":["chat/features/shared/components/MessageReplyQuote/styles.ts"],"mappings":"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","ignoreList":[]}