@amityco/react-native-social-uikit 4.1.0 → 4.1.1-d7da0c5c.0

package/lib/commonjs/social/features/chat/features/shared/components/MediaViewer/styles.js

@@ -0,0 +1,97 @@
+"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");
+// Styles for MediaViewer — ported from AmityUiKitWeb MediaViewer.module.css.
+// Geometry: bars padding 1rem→16; close button 2rem→32; bottom icon button 2.5rem→40;
+// icons 1.5rem→24; radius 9999→9999. Backdrop and bars follow web's literals rather
+// than tokens (web hardcodes them too, and the token set ships no opaque black):
+// overlay rgb(0,0,0), bars rgba(0,0,0,0.5). rgb()/rgba() not hex, per the no-hex gate.
+
+const useStyles = () => {
+  const token = (0, _useToken.useToken)();
+  const styles = _reactNative.StyleSheet.create({
+    overlay: {
+      flex: 1,
+      // Web .mediaViewer__overlay is solid black, so no chat content shows
+      // through. This used to be SurfaceBadgeSemanticBadgeGeneralDuration, an
+      // unrelated badge token at 60% black that left the backdrop translucent.
+      backgroundColor: 'rgb(0, 0, 0)'
+    },
+    stage: {
+      ..._reactNative.StyleSheet.absoluteFillObject,
+      alignItems: 'center',
+      justifyContent: 'center',
+      overflow: 'hidden'
+    },
+    topBar: {
+      position: 'absolute',
+      top: 0,
+      left: 0,
+      right: 0,
+      flexDirection: 'row',
+      alignItems: 'center',
+      justifyContent: 'flex-start',
+      padding: 16,
+      // Web .mediaViewer__topBar/__bottomBar: rgb(0 0 0 / 50%). The previous
+      // badge token resolved to the same 50%, but expressing it as a literal
+      // matches ImageViewer (3b2e546c) and drops the unrelated token.
+      backgroundColor: 'rgba(0, 0, 0, 0.5)',
+      zIndex: 3
+    },
+    bottomBar: {
+      position: 'absolute',
+      bottom: 0,
+      left: 0,
+      right: 0,
+      flexDirection: 'row',
+      alignItems: 'center',
+      justifyContent: 'space-between',
+      padding: 16,
+      // Web .mediaViewer__topBar/__bottomBar: rgb(0 0 0 / 50%). The previous
+      // badge token resolved to the same 50%, but expressing it as a literal
+      // matches ImageViewer (3b2e546c) and drops the unrelated token.
+      backgroundColor: 'rgba(0, 0, 0, 0.5)',
+      zIndex: 3
+    },
+    // Host for the chat toast mounted inside this Modal (the global <Toast /> is
+    // outside it and would render beneath the native Modal layer). Sits above the
+    // bottom bar (40 icon + 16*2 padding = 72) so save success/failure stays readable.
+    toastLayer: {
+      position: 'absolute',
+      left: 0,
+      right: 0,
+      bottom: 72,
+      zIndex: 4
+    },
+    closeButton: {
+      width: 32,
+      height: 32,
+      alignItems: 'center',
+      justifyContent: 'center',
+      padding: 4,
+      borderRadius: 9999,
+      backgroundColor: token(_amityColorTokens.AmityColorToken.SurfaceIconButtonTransparentPrimaryEnabled)
+    },
+    bottomIconButton: {
+      width: 40,
+      height: 40,
+      alignItems: 'center',
+      justifyContent: 'center',
+      padding: 8,
+      borderRadius: 9999,
+      backgroundColor: token(_amityColorTokens.AmityColorToken.SurfaceIconButtonTransparentPrimaryEnabled)
+    }
+  });
+  return {
+    styles,
+    token
+  };
+};
+exports.useStyles = useStyles;
+//# sourceMappingURL=styles.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["_reactNative","require","_useToken","_amityColorTokens","useStyles","token","useToken","styles","StyleSheet","create","overlay","flex","backgroundColor","stage","absoluteFillObject","alignItems","justifyContent","overflow","topBar","position","top","left","right","flexDirection","padding","zIndex","bottomBar","bottom","toastLayer","closeButton","width","height","borderRadius","AmityColorToken","SurfaceIconButtonTransparentPrimaryEnabled","bottomIconButton","exports"],"sourceRoot":"../../../../../../../../../src","sources":["social/features/chat/features/shared/components/MediaViewer/styles.ts"],"mappings":";;;;;;AAMA,IAAAA,YAAA,GAAAC,OAAA;AACA,IAAAC,SAAA,GAAAD,OAAA;AACA,IAAAE,iBAAA,GAAAF,OAAA;AARA;AACA;AACA;AACA;AACA;;AAMO,MAAMG,SAAS,GAAGA,CAAA,KAAM;EAC7B,MAAMC,KAAK,GAAG,IAAAC,kBAAQ,EAAC,CAAC;EAExB,MAAMC,MAAM,GAAGC,uBAAU,CAACC,MAAM,CAAC;IAC/BC,OAAO,EAAE;MACPC,IAAI,EAAE,CAAC;MACP;MACA;MACA;MACAC,eAAe,EAAE;IACnB,CAAC;IACDC,KAAK,EAAE;MACL,GAAGL,uBAAU,CAACM,kBAAkB;MAChCC,UAAU,EAAE,QAAQ;MACpBC,cAAc,EAAE,QAAQ;MACxBC,QAAQ,EAAE;IACZ,CAAC;IACDC,MAAM,EAAE;MACNC,QAAQ,EAAE,UAAU;MACpBC,GAAG,EAAE,CAAC;MACNC,IAAI,EAAE,CAAC;MACPC,KAAK,EAAE,CAAC;MACRC,aAAa,EAAE,KAAK;MACpBR,UAAU,EAAE,QAAQ;MACpBC,cAAc,EAAE,YAAY;MAC5BQ,OAAO,EAAE,EAAE;MACX;MACA;MACA;MACAZ,eAAe,EAAE,oBAAoB;MACrCa,MAAM,EAAE;IACV,CAAC;IACDC,SAAS,EAAE;MACTP,QAAQ,EAAE,UAAU;MACpBQ,MAAM,EAAE,CAAC;MACTN,IAAI,EAAE,CAAC;MACPC,KAAK,EAAE,CAAC;MACRC,aAAa,EAAE,KAAK;MACpBR,UAAU,EAAE,QAAQ;MACpBC,cAAc,EAAE,eAAe;MAC/BQ,OAAO,EAAE,EAAE;MACX;MACA;MACA;MACAZ,eAAe,EAAE,oBAAoB;MACrCa,MAAM,EAAE;IACV,CAAC;IACD;IACA;IACA;IACAG,UAAU,EAAE;MACVT,QAAQ,EAAE,UAAU;MACpBE,IAAI,EAAE,CAAC;MACPC,KAAK,EAAE,CAAC;MACRK,MAAM,EAAE,EAAE;MACVF,MAAM,EAAE;IACV,CAAC;IACDI,WAAW,EAAE;MACXC,KAAK,EAAE,EAAE;MACTC,MAAM,EAAE,EAAE;MACVhB,UAAU,EAAE,QAAQ;MACpBC,cAAc,EAAE,QAAQ;MACxBQ,OAAO,EAAE,CAAC;MACVQ,YAAY,EAAE,IAAI;MAClBpB,eAAe,EAAEP,KAAK,CACpB4B,iCAAe,CAACC,0CAClB;IACF,CAAC;IACDC,gBAAgB,EAAE;MAChBL,KAAK,EAAE,EAAE;MACTC,MAAM,EAAE,EAAE;MACVhB,UAAU,EAAE,QAAQ;MACpBC,cAAc,EAAE,QAAQ;MACxBQ,OAAO,EAAE,CAAC;MACVQ,YAAY,EAAE,IAAI;MAClBpB,eAAe,EAAEP,KAAK,CACpB4B,iCAAe,CAACC,0CAClB;IACF;EACF,CAAC,CAAC;EAEF,OAAO;IAAE3B,MAAM;IAAEF;EAAM,CAAC;AAC1B,CAAC;AAAC+B,OAAA,CAAAhC,SAAA,GAAAA,SAAA","ignoreList":[]}

package/lib/commonjs/social/features/chat/features/shared/components/MessageFullTextScreen/MessageFullTextScreen.js

@@ -0,0 +1,87 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.MessageFullTextScreen = MessageFullTextScreen;
+var _react = require("react");
+var _reactNative = require("react-native");
+var _Typography = require("../../../../../../../core/design/components/Typography");
+var _icons = require("../../../../../../../core/design/icons");
+var _amityColorTokens = require("../../../../../../../core/design/tokens/amity-color-tokens");
+var _styles = require("./styles");
+// MessageFullTextScreen — ported from AmityUiKitWeb features/shared/components/
+// MessageFullTextScreen. The full-screen "see more" long-text view. Web renders a
+// fixed overlay dialog + `linkify-react`; RN uses a full-screen Modal (Android
+// back button === web Escape via onRequestClose) and a small local linkifier that
+// renders URL runs as tappable Text opening the system browser. Header carries a
+// ghost back button, a centered title, and a balancing spacer.
+
+// 1. React / RN imports
+
+// 2. Internal imports
+
+// 3. Types
+
+// Matches http(s) URLs and bare www.* runs; kept local so the component is
+// self-contained (no dependency on the legacy PreviewLink util module). The split
+// regex is global (capturing) so URL runs survive `String.split`; a separate
+// non-global regex is used for per-part testing to avoid stateful `lastIndex`.
+const URL_SPLIT_REGEX = /((?:https?:\/\/|www\.)[^\s]+)/gi;
+const URL_TEST_REGEX = /^(?:https?:\/\/|www\.)[^\s]+$/i;
+function openLink(raw) {
+  const href = raw.startsWith('http') ? raw : `https://${raw}`;
+  _reactNative.Linking.openURL(href).catch(() => undefined);
+}
+
+// 4. Named function component
+function MessageFullTextScreen({
+  visible,
+  text,
+  title,
+  onClose
+}) {
+  const {
+    styles
+  } = (0, _styles.useStyles)();
+  const parts = text.split(URL_SPLIT_REGEX);
+  return /*#__PURE__*/React.createElement(_reactNative.Modal, {
+    visible: visible,
+    animationType: "slide",
+    onRequestClose: onClose,
+    transparent: false
+  }, /*#__PURE__*/React.createElement(_reactNative.View, {
+    style: styles.screen
+  }, /*#__PURE__*/React.createElement(_reactNative.View, {
+    style: styles.header
+  }, /*#__PURE__*/React.createElement(_reactNative.Pressable, {
+    style: styles.backButton,
+    onPress: onClose,
+    accessibilityRole: "button",
+    accessibilityLabel: "Back"
+  }, /*#__PURE__*/React.createElement(_icons.AmityIcon, {
+    name: "chevron-left",
+    size: 24,
+    tokenColor: _amityColorTokens.AmityColorToken.IconIconButtonGhostSecondaryDefault
+  })), /*#__PURE__*/React.createElement(_Typography.Typography, {
+    variant: "titleBold",
+    style: styles.title,
+    numberOfLines: 1
+  }, title), /*#__PURE__*/React.createElement(_reactNative.View, {
+    style: styles.headerSpacer
+  })), /*#__PURE__*/React.createElement(_reactNative.ScrollView, {
+    style: styles.body
+  }, /*#__PURE__*/React.createElement(_Typography.Typography, {
+    variant: "body",
+    style: styles.text,
+    selectable: true
+  }, parts.map((part, index) => URL_TEST_REGEX.test(part) ? /*#__PURE__*/React.createElement(_Typography.Typography, {
+    key: `${part}-${index}`,
+    variant: "body",
+    style: [styles.text, styles.link],
+    onPress: () => openLink(part)
+  }, part) : /*#__PURE__*/React.createElement(_react.Fragment, {
+    key: `t-${index}`
+  }, part))))));
+}
+//# sourceMappingURL=MessageFullTextScreen.js.map

package/lib/commonjs/social/features/chat/features/shared/components/MessageFullTextScreen/MessageFullTextScreen.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["_react","require","_reactNative","_Typography","_icons","_amityColorTokens","_styles","URL_SPLIT_REGEX","URL_TEST_REGEX","openLink","raw","href","startsWith","Linking","openURL","catch","undefined","MessageFullTextScreen","visible","text","title","onClose","styles","useStyles","parts","split","React","createElement","Modal","animationType","onRequestClose","transparent","View","style","screen","header","Pressable","backButton","onPress","accessibilityRole","accessibilityLabel","AmityIcon","name","size","tokenColor","AmityColorToken","IconIconButtonGhostSecondaryDefault","Typography","variant","numberOfLines","headerSpacer","ScrollView","body","selectable","map","part","index","test","key","link","Fragment"],"sourceRoot":"../../../../../../../../../src","sources":["social/features/chat/features/shared/components/MessageFullTextScreen/MessageFullTextScreen.tsx"],"mappings":"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","ignoreList":[]}

package/lib/commonjs/social/features/chat/features/shared/components/MessageFullTextScreen/index.js

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

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

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

package/lib/commonjs/social/features/chat/features/shared/components/MessageFullTextScreen/styles.js

@@ -0,0 +1,67 @@
+"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");
+// Styles for MessageFullTextScreen — ported from MessageFullTextScreen.module.css.
+// Web is a fixed full-viewport overlay; RN uses a full-screen Modal. Geometry:
+// header padding 1rem→16, gap 0.5rem→8; back button / spacer 2rem→32; body
+// padding 1rem→16. Body text is raw CSS in web (17px/24px) — replicated via the
+// Typography `style` override. Web `Surface/Sheets/Background/Default` maps to the
+// RN token `Surface/Sheets/Background/General`.
+
+const useStyles = () => {
+  const token = (0, _useToken.useToken)();
+  const styles = _reactNative.StyleSheet.create({
+    screen: {
+      flex: 1,
+      backgroundColor: token(_amityColorTokens.AmityColorToken.SurfacePageBackgroundDefault)
+    },
+    header: {
+      flexDirection: 'row',
+      alignItems: 'center',
+      gap: 8,
+      padding: 16,
+      backgroundColor: token(_amityColorTokens.AmityColorToken.SurfaceSheetsBackgroundGeneral)
+    },
+    backButton: {
+      width: 32,
+      height: 32,
+      alignItems: 'center',
+      justifyContent: 'center'
+    },
+    title: {
+      flex: 1,
+      textAlign: 'center',
+      color: token(_amityColorTokens.AmityColorToken.TextSheetsHeaderTitleDefault)
+    },
+    headerSpacer: {
+      width: 32,
+      height: 32
+    },
+    body: {
+      flex: 1,
+      padding: 16,
+      backgroundColor: token(_amityColorTokens.AmityColorToken.SurfacePageBackgroundDefault)
+    },
+    text: {
+      fontSize: 17,
+      lineHeight: 24,
+      color: token(_amityColorTokens.AmityColorToken.TextChatBubbleInboundMessagesDefault)
+    },
+    link: {
+      color: token(_amityColorTokens.AmityColorToken.TextChatBubbleInboundLinkDefault),
+      textDecorationLine: 'underline'
+    }
+  });
+  return {
+    styles,
+    token
+  };
+};
+exports.useStyles = useStyles;
+//# sourceMappingURL=styles.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["_reactNative","require","_useToken","_amityColorTokens","useStyles","token","useToken","styles","StyleSheet","create","screen","flex","backgroundColor","AmityColorToken","SurfacePageBackgroundDefault","header","flexDirection","alignItems","gap","padding","SurfaceSheetsBackgroundGeneral","backButton","width","height","justifyContent","title","textAlign","color","TextSheetsHeaderTitleDefault","headerSpacer","body","text","fontSize","lineHeight","TextChatBubbleInboundMessagesDefault","link","TextChatBubbleInboundLinkDefault","textDecorationLine","exports"],"sourceRoot":"../../../../../../../../../src","sources":["social/features/chat/features/shared/components/MessageFullTextScreen/styles.ts"],"mappings":";;;;;;AAOA,IAAAA,YAAA,GAAAC,OAAA;AACA,IAAAC,SAAA,GAAAD,OAAA;AACA,IAAAE,iBAAA,GAAAF,OAAA;AATA;AACA;AACA;AACA;AACA;AACA;;AAMO,MAAMG,SAAS,GAAGA,CAAA,KAAM;EAC7B,MAAMC,KAAK,GAAG,IAAAC,kBAAQ,EAAC,CAAC;EAExB,MAAMC,MAAM,GAAGC,uBAAU,CAACC,MAAM,CAAC;IAC/BC,MAAM,EAAE;MACNC,IAAI,EAAE,CAAC;MACPC,eAAe,EAAEP,KAAK,CAACQ,iCAAe,CAACC,4BAA4B;IACrE,CAAC;IACDC,MAAM,EAAE;MACNC,aAAa,EAAE,KAAK;MACpBC,UAAU,EAAE,QAAQ;MACpBC,GAAG,EAAE,CAAC;MACNC,OAAO,EAAE,EAAE;MACXP,eAAe,EAAEP,KAAK,CAACQ,iCAAe,CAACO,8BAA8B;IACvE,CAAC;IACDC,UAAU,EAAE;MACVC,KAAK,EAAE,EAAE;MACTC,MAAM,EAAE,EAAE;MACVN,UAAU,EAAE,QAAQ;MACpBO,cAAc,EAAE;IAClB,CAAC;IACDC,KAAK,EAAE;MACLd,IAAI,EAAE,CAAC;MACPe,SAAS,EAAE,QAAQ;MACnBC,KAAK,EAAEtB,KAAK,CAACQ,iCAAe,CAACe,4BAA4B;IAC3D,CAAC;IACDC,YAAY,EAAE;MACZP,KAAK,EAAE,EAAE;MACTC,MAAM,EAAE;IACV,CAAC;IACDO,IAAI,EAAE;MACJnB,IAAI,EAAE,CAAC;MACPQ,OAAO,EAAE,EAAE;MACXP,eAAe,EAAEP,KAAK,CAACQ,iCAAe,CAACC,4BAA4B;IACrE,CAAC;IACDiB,IAAI,EAAE;MACJC,QAAQ,EAAE,EAAE;MACZC,UAAU,EAAE,EAAE;MACdN,KAAK,EAAEtB,KAAK,CAACQ,iCAAe,CAACqB,oCAAoC;IACnE,CAAC;IACDC,IAAI,EAAE;MACJR,KAAK,EAAEtB,KAAK,CAACQ,iCAAe,CAACuB,gCAAgC,CAAC;MAC9DC,kBAAkB,EAAE;IACtB;EACF,CAAC,CAAC;EAEF,OAAO;IAAE9B,MAAM;IAAEF;EAAM,CAAC;AAC1B,CAAC;AAACiC,OAAA,CAAAlC,SAAA,GAAAA,SAAA","ignoreList":[]}

package/lib/commonjs/social/features/chat/features/shared/components/MessageLinkPreview/MessageLinkPreview.js

@@ -0,0 +1,103 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.MessageLinkPreview = MessageLinkPreview;
+var _react = require("react");
+var _reactNative = require("react-native");
+var _Typography = require("../../../../../../../core/design/components/Typography");
+var _Loader = require("../../../../../../../core/design/atoms/Loader");
+var _Skeleton = require("../../../../../../../core/design/components/Skeleton");
+var _icons = require("../../../../../../../core/design/icons");
+var _amityColorTokens = require("../../../../../../../core/design/tokens/amity-color-tokens");
+var _localization = require("../../../../../../../core/localization");
+var _useLinkPreview = require("./useLinkPreview");
+var _styles = require("./styles");
+// MessageLinkPreview — ported from AmityUiKitWeb features/shared/components/
+// MessageLinkPreview. A horizontal URL-preview card: a 96px thumbnail beside a
+// title/domain block. Web resolves metadata via a react-query hook; RN uses the
+// SDK `getLinkPreviewMetadata` through the local useLinkPreview hook. Three
+// states: loading (spinner + skeleton lines), failure (broken glyph + "not
+// available"), ready (image or broken glyph + title/domain). Tapping opens the
+// URL in the system browser.
+
+// 1. React / RN imports
+
+// 2. Internal imports
+
+// 3. Types
+
+// 4. Named function component
+function MessageLinkPreview({
+  url,
+  style
+}) {
+  const {
+    styles
+  } = (0, _styles.useStyles)();
+  const {
+    data,
+    isLoading,
+    isError
+  } = (0, _useLinkPreview.useLinkPreview)(url);
+  const [imageBroken, setImageBroken] = (0, _react.useState)(false);
+  const previewUnavailableTitle = (0, _localization.useString)('amity_chat_preview_not_available');
+  const previewUnavailableSubtitle = (0, _localization.useString)('amity_chat_bubble_link_preview_no_data');
+  const isPending = isLoading;
+  const isAllNull = data != null && !data.title && !data.domain && !data.imageUrl;
+  const isFailure = !isPending && (isError || isAllNull);
+  const imageUrl = (data === null || data === void 0 ? void 0 : data.imageUrl) ?? '';
+  const title = (data === null || data === void 0 ? void 0 : data.title) ?? '';
+  const domain = (data === null || data === void 0 ? void 0 : data.domain) ?? '';
+  const hasUsableImage = !!imageUrl && !imageBroken;
+  const thumbnailStyle = [styles.thumbnail, isPending ? styles.thumbnailLoading : hasUsableImage ? null : styles.thumbnailBroken];
+  return /*#__PURE__*/React.createElement(_reactNative.Pressable, {
+    style: [styles.root, style],
+    disabled: isPending,
+    accessibilityRole: "button",
+    onPress: () => _reactNative.Linking.openURL(url).catch(() => undefined)
+  }, /*#__PURE__*/React.createElement(_reactNative.View, {
+    style: thumbnailStyle
+  }, isPending ? /*#__PURE__*/React.createElement(_Loader.Loader.Upload, {
+    size: "medium"
+  }) : hasUsableImage ? /*#__PURE__*/React.createElement(_reactNative.Image, {
+    source: {
+      uri: imageUrl
+    },
+    style: styles.thumbnailImg,
+    resizeMode: "cover",
+    onError: () => setImageBroken(true)
+  }) : /*#__PURE__*/React.createElement(_icons.AmityIcon, {
+    name: "image-slash-r",
+    size: 18,
+    tokenColor: _amityColorTokens.AmityColorToken.IconMediaImageBroken
+  })), /*#__PURE__*/React.createElement(_reactNative.View, {
+    style: [styles.info, isPending && styles.infoLoading]
+  }, isPending ? /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(_Skeleton.Skeleton, {
+    width: 80,
+    height: 8,
+    borderRadius: 12
+  }), /*#__PURE__*/React.createElement(_Skeleton.Skeleton, {
+    width: 54,
+    height: 8,
+    borderRadius: 12
+  })) : isFailure ? /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(_Typography.Typography, {
+    variant: "captionBold",
+    style: styles.title,
+    numberOfLines: 3
+  }, previewUnavailableTitle), /*#__PURE__*/React.createElement(_Typography.Typography, {
+    variant: "captionSmall",
+    style: styles.domain,
+    numberOfLines: 1
+  }, previewUnavailableSubtitle)) : /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(_Typography.Typography, {
+    variant: "captionBold",
+    style: styles.title,
+    numberOfLines: 3
+  }, title || domain || url), /*#__PURE__*/React.createElement(_Typography.Typography, {
+    variant: "captionSmall",
+    style: styles.domain,
+    numberOfLines: 1
+  }, domain || (0, _useLinkPreview.getHostName)(url)))));
+}
+//# sourceMappingURL=MessageLinkPreview.js.map

package/lib/commonjs/social/features/chat/features/shared/components/MessageLinkPreview/MessageLinkPreview.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["_react","require","_reactNative","_Typography","_Loader","_Skeleton","_icons","_amityColorTokens","_localization","_useLinkPreview","_styles","MessageLinkPreview","url","style","styles","useStyles","data","isLoading","isError","useLinkPreview","imageBroken","setImageBroken","useState","previewUnavailableTitle","useString","previewUnavailableSubtitle","isPending","isAllNull","title","domain","imageUrl","isFailure","hasUsableImage","thumbnailStyle","thumbnail","thumbnailLoading","thumbnailBroken","React","createElement","Pressable","root","disabled","accessibilityRole","onPress","Linking","openURL","catch","undefined","View","Loader","Upload","size","Image","source","uri","thumbnailImg","resizeMode","onError","AmityIcon","name","tokenColor","AmityColorToken","IconMediaImageBroken","info","infoLoading","Fragment","Skeleton","width","height","borderRadius","Typography","variant","numberOfLines","getHostName"],"sourceRoot":"../../../../../../../../../src","sources":["social/features/chat/features/shared/components/MessageLinkPreview/MessageLinkPreview.tsx"],"mappings":"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","ignoreList":[]}

package/lib/commonjs/social/features/chat/features/shared/components/MessageLinkPreview/index.js

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

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

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

package/lib/commonjs/social/features/chat/features/shared/components/MessageLinkPreview/styles.js

@@ -0,0 +1,80 @@
+"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");
+// Styles for MessageLinkPreview — ported from MessageLinkPreview.module.css.
+// Geometry: root radius 0.625rem→10; thumbnail 6rem→96 square; info padding
+// 0.5rem/0.625rem→8/10, gap 0.125rem→2 (loading 0.5rem→8); broken icon 1.125rem→18.
+// Title raw CSS 13/18, domain raw CSS 10/13 — replicated via Typography `style`.
+// The web `data-side` selectors resolve to identical colours, so side has no
+// visual effect in RN.
+
+const useStyles = () => {
+  const token = (0, _useToken.useToken)();
+  const styles = _reactNative.StyleSheet.create({
+    root: {
+      flexDirection: 'row',
+      alignItems: 'stretch',
+      width: '100%',
+      // Web's card is width:100% and gets its width from the bubble expanding to
+      // fit content (CSS block flow). RN flex does NOT expand the bubble that way,
+      // so without a floor the card collapses to the (short) text width. Pin the
+      // floor to the SoT card width (previewLink.geometry.size = 208x104) so the
+      // card renders at its designed width, matching web's rendered result.
+      minWidth: 208,
+      borderRadius: 10,
+      overflow: 'hidden'
+    },
+    thumbnail: {
+      width: 96,
+      height: 96,
+      alignItems: 'center',
+      justifyContent: 'center',
+      overflow: 'hidden'
+    },
+    thumbnailLoading: {
+      backgroundColor: token(_amityColorTokens.AmityColorToken.SurfaceMediaImageLoading)
+    },
+    thumbnailBroken: {
+      backgroundColor: token(_amityColorTokens.AmityColorToken.SurfaceMediaImageBroken)
+    },
+    thumbnailImg: {
+      width: 96,
+      height: 96
+    },
+    info: {
+      flex: 1,
+      minWidth: 0,
+      paddingVertical: 8,
+      paddingHorizontal: 10,
+      justifyContent: 'center',
+      gap: 2,
+      backgroundColor: token(_amityColorTokens.AmityColorToken.SurfaceCardPreviewLinkDefault)
+    },
+    infoLoading: {
+      gap: 8,
+      backgroundColor: token(_amityColorTokens.AmityColorToken.SurfaceCardPreviewLinkSkeleton)
+    },
+    title: {
+      fontSize: 13,
+      lineHeight: 18,
+      color: token(_amityColorTokens.AmityColorToken.TextCardPreviewLinkTitleDefault)
+    },
+    domain: {
+      fontSize: 10,
+      lineHeight: 13,
+      color: token(_amityColorTokens.AmityColorToken.TextCardPreviewLinkDomainDefault)
+    }
+  });
+  return {
+    styles,
+    token
+  };
+};
+exports.useStyles = useStyles;
+//# sourceMappingURL=styles.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["_reactNative","require","_useToken","_amityColorTokens","useStyles","token","useToken","styles","StyleSheet","create","root","flexDirection","alignItems","width","minWidth","borderRadius","overflow","thumbnail","height","justifyContent","thumbnailLoading","backgroundColor","AmityColorToken","SurfaceMediaImageLoading","thumbnailBroken","SurfaceMediaImageBroken","thumbnailImg","info","flex","paddingVertical","paddingHorizontal","gap","SurfaceCardPreviewLinkDefault","infoLoading","SurfaceCardPreviewLinkSkeleton","title","fontSize","lineHeight","color","TextCardPreviewLinkTitleDefault","domain","TextCardPreviewLinkDomainDefault","exports"],"sourceRoot":"../../../../../../../../../src","sources":["social/features/chat/features/shared/components/MessageLinkPreview/styles.ts"],"mappings":";;;;;;AAOA,IAAAA,YAAA,GAAAC,OAAA;AACA,IAAAC,SAAA,GAAAD,OAAA;AACA,IAAAE,iBAAA,GAAAF,OAAA;AATA;AACA;AACA;AACA;AACA;AACA;;AAMO,MAAMG,SAAS,GAAGA,CAAA,KAAM;EAC7B,MAAMC,KAAK,GAAG,IAAAC,kBAAQ,EAAC,CAAC;EAExB,MAAMC,MAAM,GAAGC,uBAAU,CAACC,MAAM,CAAC;IAC/BC,IAAI,EAAE;MACJC,aAAa,EAAE,KAAK;MACpBC,UAAU,EAAE,SAAS;MACrBC,KAAK,EAAE,MAAM;MACb;MACA;MACA;MACA;MACA;MACAC,QAAQ,EAAE,GAAG;MACbC,YAAY,EAAE,EAAE;MAChBC,QAAQ,EAAE;IACZ,CAAC;IACDC,SAAS,EAAE;MACTJ,KAAK,EAAE,EAAE;MACTK,MAAM,EAAE,EAAE;MACVN,UAAU,EAAE,QAAQ;MACpBO,cAAc,EAAE,QAAQ;MACxBH,QAAQ,EAAE;IACZ,CAAC;IACDI,gBAAgB,EAAE;MAChBC,eAAe,EAAEhB,KAAK,CAACiB,iCAAe,CAACC,wBAAwB;IACjE,CAAC;IACDC,eAAe,EAAE;MACfH,eAAe,EAAEhB,KAAK,CAACiB,iCAAe,CAACG,uBAAuB;IAChE,CAAC;IACDC,YAAY,EAAE;MACZb,KAAK,EAAE,EAAE;MACTK,MAAM,EAAE;IACV,CAAC;IACDS,IAAI,EAAE;MACJC,IAAI,EAAE,CAAC;MACPd,QAAQ,EAAE,CAAC;MACXe,eAAe,EAAE,CAAC;MAClBC,iBAAiB,EAAE,EAAE;MACrBX,cAAc,EAAE,QAAQ;MACxBY,GAAG,EAAE,CAAC;MACNV,eAAe,EAAEhB,KAAK,CAACiB,iCAAe,CAACU,6BAA6B;IACtE,CAAC;IACDC,WAAW,EAAE;MACXF,GAAG,EAAE,CAAC;MACNV,eAAe,EAAEhB,KAAK,CAACiB,iCAAe,CAACY,8BAA8B;IACvE,CAAC;IACDC,KAAK,EAAE;MACLC,QAAQ,EAAE,EAAE;MACZC,UAAU,EAAE,EAAE;MACdC,KAAK,EAAEjC,KAAK,CAACiB,iCAAe,CAACiB,+BAA+B;IAC9D,CAAC;IACDC,MAAM,EAAE;MACNJ,QAAQ,EAAE,EAAE;MACZC,UAAU,EAAE,EAAE;MACdC,KAAK,EAAEjC,KAAK,CAACiB,iCAAe,CAACmB,gCAAgC;IAC/D;EACF,CAAC,CAAC;EAEF,OAAO;IAAElC,MAAM;IAAEF;EAAM,CAAC;AAC1B,CAAC;AAACqC,OAAA,CAAAtC,SAAA,GAAAA,SAAA","ignoreList":[]}

package/lib/commonjs/social/features/chat/features/shared/components/MessageLinkPreview/useLinkPreview.js

@@ -0,0 +1,52 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.getHostName = getHostName;
+exports.useLinkPreview = useLinkPreview;
+var _react = require("react");
+var _tsSdkReactNative = require("@amityco/ts-sdk-react-native");
+// useLinkPreview — RN replacement for the web `usePreviewLink` hook.
+// Web resolves OpenGraph metadata via a react-query hook; RN uses the SDK's
+// `Client.getLinkPreviewMetadata(url)` which returns { title, description,
+// domain, imageUrl }. The SDK ships the `Amity.LinkPreviewMetadata` global but
+// does not wire it into its type index, so a local result type is used and the
+// call is cast. Web's debounce/refetch flags collapse to a single `isLoading`.
+
+function useLinkPreview(url) {
+  const [data, setData] = (0, _react.useState)(null);
+  const [isLoading, setIsLoading] = (0, _react.useState)(false);
+  const [isError, setIsError] = (0, _react.useState)(false);
+  (0, _react.useEffect)(() => {
+    let active = true;
+    if (url) {
+      setIsLoading(true);
+      setIsError(false);
+      _tsSdkReactNative.Client.getLinkPreviewMetadata(url).then(result => {
+        if (active) setData(result);
+      }).catch(() => {
+        if (active) setIsError(true);
+      }).finally(() => {
+        if (active) setIsLoading(false);
+      });
+    } else {
+      setData(null);
+    }
+    return () => {
+      active = false;
+    };
+  }, [url]);
+  return {
+    data,
+    isLoading,
+    isError
+  };
+}
+
+// Fallback host extractor (web used chat/utils/previewLink#getHostName). Avoids
+// the URL/whatwg polyfill, which RN lacks.
+function getHostName(url) {
+  return url.replace(/^https?:\/\//i, '').replace(/^www\./i, '').split(/[/?#]/)[0] ?? '';
+}
+//# sourceMappingURL=useLinkPreview.js.map

package/lib/commonjs/social/features/chat/features/shared/components/MessageLinkPreview/useLinkPreview.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["_react","require","_tsSdkReactNative","useLinkPreview","url","data","setData","useState","isLoading","setIsLoading","isError","setIsError","useEffect","active","Client","getLinkPreviewMetadata","then","result","catch","finally","getHostName","replace","split"],"sourceRoot":"../../../../../../../../../src","sources":["social/features/chat/features/shared/components/MessageLinkPreview/useLinkPreview.ts"],"mappings":";;;;;;;AAOA,IAAAA,MAAA,GAAAC,OAAA;AACA,IAAAC,iBAAA,GAAAD,OAAA;AARA;AACA;AACA;AACA;AACA;AACA;;AAYO,SAASE,cAAcA,CAACC,GAAW,EAAE;EAC1C,MAAM,CAACC,IAAI,EAAEC,OAAO,CAAC,GAAG,IAAAC,eAAQ,EAA2B,IAAI,CAAC;EAChE,MAAM,CAACC,SAAS,EAAEC,YAAY,CAAC,GAAG,IAAAF,eAAQ,EAAC,KAAK,CAAC;EACjD,MAAM,CAACG,OAAO,EAAEC,UAAU,CAAC,GAAG,IAAAJ,eAAQ,EAAC,KAAK,CAAC;EAE7C,IAAAK,gBAAS,EAAC,MAAM;IACd,IAAIC,MAAM,GAAG,IAAI;IACjB,IAAIT,GAAG,EAAE;MACPK,YAAY,CAAC,IAAI,CAAC;MAClBE,UAAU,CAAC,KAAK,CAAC;MAChBG,wBAAM,CAACC,sBAAsB,CAACX,GAAG,CAAC,CAChCY,IAAI,CAAEC,MAAM,IAAK;QAChB,IAAIJ,MAAM,EAAEP,OAAO,CAACW,MAAM,CAAC;MAC7B,CAAC,CAAC,CACDC,KAAK,CAAC,MAAM;QACX,IAAIL,MAAM,EAAEF,UAAU,CAAC,IAAI,CAAC;MAC9B,CAAC,CAAC,CACDQ,OAAO,CAAC,MAAM;QACb,IAAIN,MAAM,EAAEJ,YAAY,CAAC,KAAK,CAAC;MACjC,CAAC,CAAC;IACN,CAAC,MAAM;MACLH,OAAO,CAAC,IAAI,CAAC;IACf;IACA,OAAO,MAAM;MACXO,MAAM,GAAG,KAAK;IAChB,CAAC;EACH,CAAC,EAAE,CAACT,GAAG,CAAC,CAAC;EAET,OAAO;IAAEC,IAAI;IAAEG,SAAS;IAAEE;EAAQ,CAAC;AACrC;;AAEA;AACA;AACO,SAASU,WAAWA,CAAChB,GAAW,EAAU;EAC/C,OACEA,GAAG,CACAiB,OAAO,CAAC,eAAe,EAAE,EAAE,CAAC,CAC5BA,OAAO,CAAC,SAAS,EAAE,EAAE,CAAC,CACtBC,KAAK,CAAC,OAAO,CAAC,CAAC,CAAC,CAAC,IAAI,EAAE;AAE9B","ignoreList":[]}

package/lib/commonjs/social/features/chat/features/shared/components/MessageReactionBadge/MessageReactionBadge.js

@@ -0,0 +1,65 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.MessageReactionBadge = MessageReactionBadge;
+var _react = require("react");
+var _reactNative = require("react-native");
+var _Typography = require("../../../../../../../core/design/components/Typography");
+var _abbreviateCount = require("../../../../../../../core/utils/abbreviateCount");
+var _reactionIcons = require("../../utils/reactionIcons");
+var _styles = require("./styles");
+// MessageReactionBadge — RN port of AmityUiKitWeb
+// v4/chat/features/shared/components/MessageReactionBadge/MessageReactionBadge.tsx.
+// The small reaction-count pill shown on a message bubble: up to 3 overlapping
+// reaction glyphs (highest count first) + the abbreviated total. Tapping it
+// opens the reactor list. Hidden when there are no reactions or the message is
+// deleted. `data-contains-my-reaction` (web) → the `containsMyReaction` styling.
+
+// 1. React / RN imports
+
+// 2. Internal imports
+
+// Web imports this from v4/chat/constants (MAX_REACTION_BADGE_ICONS = 3).
+const MAX_REACTION_BADGE_ICONS = 3;
+
+// 3. Types
+
+// 4. Named function component
+function MessageReactionBadge({
+  message,
+  onTap
+}) {
+  var _message$myReactions;
+  const reactionMap = message.reactions ?? {};
+  const totalCount = message.reactionsCount ?? 0;
+  const containsMyReaction = (((_message$myReactions = message.myReactions) === null || _message$myReactions === void 0 ? void 0 : _message$myReactions.length) ?? 0) > 0;
+  const {
+    styles
+  } = (0, _styles.useStyles)(containsMyReaction);
+  const sortedNames = (0, _react.useMemo)(() => {
+    return Object.entries(reactionMap).filter(([, count]) => count > 0).sort((a, b) => a[1] === b[1] ? a[0].localeCompare(b[0]) : b[1] - a[1]).slice(0, MAX_REACTION_BADGE_ICONS).map(([name]) => name);
+  }, [message.reactions]);
+  if (totalCount === 0 || message.isDeleted) return null;
+  return /*#__PURE__*/React.createElement(_reactNative.Pressable, {
+    style: styles.container,
+    onPress: onTap,
+    accessibilityRole: "button",
+    accessibilityLabel: `View ${totalCount} reactions`
+  }, /*#__PURE__*/React.createElement(_reactNative.View, {
+    style: styles.stack
+  }, sortedNames.map((name, index) => /*#__PURE__*/React.createElement(_reactNative.View, {
+    key: `${name}-${index}`,
+    style: [styles.icon, {
+      zIndex: MAX_REACTION_BADGE_ICONS - index
+    }]
+  }, /*#__PURE__*/React.createElement(_reactionIcons.ReactionGlyph, {
+    name: name,
+    size: 18
+  })))), /*#__PURE__*/React.createElement(_Typography.Typography, {
+    variant: "captionBold",
+    style: styles.count
+  }, (0, _abbreviateCount.abbreviateCount)(totalCount)));
+}
+//# sourceMappingURL=MessageReactionBadge.js.map

package/lib/commonjs/social/features/chat/features/shared/components/MessageReactionBadge/MessageReactionBadge.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["_react","require","_reactNative","_Typography","_abbreviateCount","_reactionIcons","_styles","MAX_REACTION_BADGE_ICONS","MessageReactionBadge","message","onTap","_message$myReactions","reactionMap","reactions","totalCount","reactionsCount","containsMyReaction","myReactions","length","styles","useStyles","sortedNames","useMemo","Object","entries","filter","count","sort","a","b","localeCompare","slice","map","name","isDeleted","React","createElement","Pressable","style","container","onPress","accessibilityRole","accessibilityLabel","View","stack","index","key","icon","zIndex","ReactionGlyph","size","Typography","variant","abbreviateCount"],"sourceRoot":"../../../../../../../../../src","sources":["social/features/chat/features/shared/components/MessageReactionBadge/MessageReactionBadge.tsx"],"mappings":";;;;;;AAQA,IAAAA,MAAA,GAAAC,OAAA;AACA,IAAAC,YAAA,GAAAD,OAAA;AAGA,IAAAE,WAAA,GAAAF,OAAA;AACA,IAAAG,gBAAA,GAAAH,OAAA;AACA,IAAAI,cAAA,GAAAJ,OAAA;AACA,IAAAK,OAAA,GAAAL,OAAA;AAfA;AACA;AACA;AACA;AACA;AACA;;AAEA;;AAIA;;AAMA;AACA,MAAMM,wBAAwB,GAAG,CAAC;;AAElC;;AAMA;AACO,SAASC,oBAAoBA,CAAC;EACnCC,OAAO;EACPC;AACyB,CAAC,EAAE;EAAA,IAAAC,oBAAA;EAC5B,MAAMC,WAAW,GACdH,OAAO,CAACI,SAAS,IAA2C,CAAC,CAAC;EACjE,MAAMC,UAAU,GAAGL,OAAO,CAACM,cAAc,IAAI,CAAC;EAC9C,MAAMC,kBAAkB,GAAG,CAAC,EAAAL,oBAAA,GAAAF,OAAO,CAACQ,WAAW,cAAAN,oBAAA,uBAAnBA,oBAAA,CAAqBO,MAAM,KAAI,CAAC,IAAI,CAAC;EAEjE,MAAM;IAAEC;EAAO,CAAC,GAAG,IAAAC,iBAAS,EAACJ,kBAAkB,CAAC;EAEhD,MAAMK,WAAW,GAAG,IAAAC,cAAO,EAAC,MAAM;IAChC,OAAOC,MAAM,CAACC,OAAO,CAACZ,WAAW,CAAC,CAC/Ba,MAAM,CAAC,CAAC,GAAGC,KAAK,CAAC,KAAKA,KAAK,GAAG,CAAC,CAAC,CAChCC,IAAI,CAAC,CAACC,CAAC,EAAEC,CAAC,KAAMD,CAAC,CAAC,CAAC,CAAC,KAAKC,CAAC,CAAC,CAAC,CAAC,GAAGD,CAAC,CAAC,CAAC,CAAC,CAACE,aAAa,CAACD,CAAC,CAAC,CAAC,CAAC,CAAC,GAAGA,CAAC,CAAC,CAAC,CAAC,GAAGD,CAAC,CAAC,CAAC,CAAE,CAAC,CACxEG,KAAK,CAAC,CAAC,EAAExB,wBAAwB,CAAC,CAClCyB,GAAG,CAAC,CAAC,CAACC,IAAI,CAAC,KAAKA,IAAI,CAAC;EAC1B,CAAC,EAAE,CAACxB,OAAO,CAACI,SAAS,CAAC,CAAC;EAEvB,IAAIC,UAAU,KAAK,CAAC,IAAIL,OAAO,CAACyB,SAAS,EAAE,OAAO,IAAI;EAEtD,oBACEC,KAAA,CAAAC,aAAA,CAAClC,YAAA,CAAAmC,SAAS;IACRC,KAAK,EAAEnB,MAAM,CAACoB,SAAU;IACxBC,OAAO,EAAE9B,KAAM;IACf+B,iBAAiB,EAAC,QAAQ;IAC1BC,kBAAkB,EAAE,QAAQ5B,UAAU;EAAa,gBAEnDqB,KAAA,CAAAC,aAAA,CAAClC,YAAA,CAAAyC,IAAI;IAACL,KAAK,EAAEnB,MAAM,CAACyB;EAAM,GACvBvB,WAAW,CAACW,GAAG,CAAC,CAACC,IAAI,EAAEY,KAAK,kBAC3BV,KAAA,CAAAC,aAAA,CAAClC,YAAA,CAAAyC,IAAI;IACHG,GAAG,EAAE,GAAGb,IAAI,IAAIY,KAAK,EAAG;IACxBP,KAAK,EAAE,CAACnB,MAAM,CAAC4B,IAAI,EAAE;MAAEC,MAAM,EAAEzC,wBAAwB,GAAGsC;IAAM,CAAC;EAAE,gBAGnEV,KAAA,CAAAC,aAAA,CAAC/B,cAAA,CAAA4C,aAAa;IAAChB,IAAI,EAAEA,IAAK;IAACiB,IAAI,EAAE;EAAG,CAAE,CAClC,CACP,CACG,CAAC,eACPf,KAAA,CAAAC,aAAA,CAACjC,WAAA,CAAAgD,UAAU;IAACC,OAAO,EAAC,aAAa;IAACd,KAAK,EAAEnB,MAAM,CAACO;EAAM,GACnD,IAAA2B,gCAAe,EAACvC,UAAU,CACjB,CACH,CAAC;AAEhB","ignoreList":[]}