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

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

@@ -0,0 +1,243 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.ContentReportReason = ContentReportReason;
+var _react = require("react");
+var _reactNative = require("react-native");
+var _tsSdkReactNative = require("@amityco/ts-sdk-react-native");
+var _reactQuery = require("@tanstack/react-query");
+var _Typography = require("../../../../../../../core/design/components/Typography");
+var _icons = require("../../../../../../../core/design/icons");
+var _amityColorTokens = require("../../../../../../../core/design/tokens/amity-color-tokens");
+var _Selection = require("../../../../../../../core/design/atoms/Selection");
+var _Input = require("../../../../../../../core/design/atoms/Input");
+var _Button = require("../../../../../../../core/design/atoms/Button");
+var _localization = require("../../../../../../../core/localization");
+var _useChatNotifications = require("../../../../hooks/useChatNotifications");
+var _queries = require("../../../../hooks/queries");
+var _useNetworkOnline = require("../../../../hooks/useNetworkOnline");
+var _Toast = _interopRequireDefault(require("../../../../../../components/Toast"));
+var _styles = require("./styles");
+function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
+// ContentReportReason — ported from AmityUiKitWeb
+// core/design/components/ContentReportReason/ContentReportReason.tsx, scoped to the
+// message-report flow (web's component also handled post/comment; RN only needs
+// message here). Web rendered it inside a Drawer (mobile) / Popup (desktop); the RN
+// bug being fixed was that the report UI appeared as a partial bottom sheet, so this
+// is a full-screen Modal — matching the sibling MessageFullTextScreen overlay pattern
+// and how every other chat overlay is threaded through useChatMessage.
+//
+// RN adaptations vs web:
+//   - web's `useFlagMessageQuery` (react-query) is inlined here as a direct
+//     `MessageRepository.flagMessage(messageId, reason)` call — RN has no react-query
+//     wrapper for messages and the report screen only reports (never toggles/unreports).
+//   - web's deleted/error branch (`FailedToShow` + a Close button on NOT_FOUND /
+//     400400) is dropped — RN has no `FailedToShow`; failures surface as an error
+//     toast instead (documented deviation).
+//   - web's offline info-toast `useEffect` is dropped; the Submit button already
+//     stays disabled while offline (documented deviation).
+
+// 1. React / RN imports
+
+// 2. Third-party imports
+
+// 3. Internal imports
+
+// 4. Types
+
+const MAX_LENGTH_DESCRIBE = 300;
+
+// Mirrors web's `reportReasons` memo. The trailing "Others" entry is rendered as a
+// separate row with a chevron (it opens the free-text sub-view), not as a radio.
+const REPORT_REASONS = [{
+  value: _tsSdkReactNative.ContentFlagReasonEnum.CommunityGuidelines,
+  labelKey: 'amity_social_label_report_reason_community_guidelines'
+}, {
+  value: _tsSdkReactNative.ContentFlagReasonEnum.HarassmentOrBullying,
+  labelKey: 'amity_social_label_report_reason_harassment_or_bullying'
+}, {
+  value: _tsSdkReactNative.ContentFlagReasonEnum.SelfHarmOrSuicide,
+  labelKey: 'amity_social_label_report_reason_self_harm_or_suicide'
+}, {
+  value: _tsSdkReactNative.ContentFlagReasonEnum.ViolenceOrThreateningContent,
+  labelKey: 'amity_social_label_report_reason_violence_or_threatening'
+}, {
+  value: _tsSdkReactNative.ContentFlagReasonEnum.SellingRestrictedItems,
+  labelKey: 'amity_social_label_report_reason_selling_restricted'
+}, {
+  value: _tsSdkReactNative.ContentFlagReasonEnum.SexualContentOrNudity,
+  labelKey: 'amity_social_label_report_reason_sexual_content_or_nudity'
+}, {
+  value: _tsSdkReactNative.ContentFlagReasonEnum.SpamOrScams,
+  labelKey: 'amity_social_label_report_reason_spam_or_scams'
+}, {
+  value: _tsSdkReactNative.ContentFlagReasonEnum.FalseInformation,
+  labelKey: 'amity_social_label_report_reason_false_information'
+}];
+
+// 5. Named function component
+function ContentReportReason({
+  visible,
+  message,
+  onClose
+}) {
+  const {
+    styles
+  } = (0, _styles.useStyles)();
+  const {
+    success,
+    error
+  } = (0, _useChatNotifications.useChatNotifications)();
+  const queryClient = (0, _reactQuery.useQueryClient)();
+  const {
+    online
+  } = (0, _useNetworkOnline.useNetworkOnline)();
+  const [isShowOthersOption, setIsShowOthersOption] = (0, _react.useState)(false);
+  const [otherReasonText, setOtherReasonText] = (0, _react.useState)('');
+  const [selectedReason, setSelectedReason] = (0, _react.useState)(undefined);
+  const [isSubmitting, setIsSubmitting] = (0, _react.useState)(false);
+  const othersTitle = (0, _localization.useString)('amity_social_button_others');
+  const reportReasonTitle = (0, _localization.useString)('amity_social_button_report_reason');
+  const reportOtherReasonDesc = (0, _localization.useString)('amity_social_label_report_other_reason_desc');
+  const reportOtherReasonOptional = (0, _localization.useString)('amity_social_button_report_other_reason_optional');
+  const reportTextPlaceholder = (0, _localization.useString)('amity_social_placeholder_report_text_placeholder');
+  const reportListDescription = (0, _localization.useString)('amity_social_report_list_screen_description');
+  const closeButtonText = (0, _localization.useString)('amity_social_modal_dialog_close_button');
+  const submitButtonText = (0, _localization.useString)('amity_social_button_report_submit_button');
+  const reportSuccessToast = (0, _localization.useString)('amity_chat_toast_message_reported');
+  const reportErrorToast = (0, _localization.useString)('amity_chat_toast_message_reported_error');
+  const isDisabledSubmitButton = !selectedReason || !online || isSubmitting;
+  function handleBack() {
+    // Web resets both the selected reason and the sub-view flag.
+    setSelectedReason(undefined);
+    setIsShowOthersOption(false);
+  }
+  function handleRadioChange(value) {
+    setSelectedReason(value);
+  }
+  async function handleSubmitReport() {
+    if (!message.messageId || !selectedReason || isSubmitting) return;
+
+    // Web sends the free text for Others, the enum value otherwise.
+    const reason = selectedReason === _tsSdkReactNative.ContentFlagReasonEnum.Others ? otherReasonText : selectedReason;
+    setIsSubmitting(true);
+    try {
+      await _tsSdkReactNative.MessageRepository.flagMessage(message.messageId, reason);
+      // Refresh the bubble menu's flag state so Report flips to Unreport
+      // (reinforces the menu's own refetch-on-open; see useFlagMessageQuery).
+      queryClient.invalidateQueries({
+        queryKey: (0, _queries.flagMessageQueryKey)(message.messageId)
+      });
+      success({
+        content: reportSuccessToast
+      });
+      onClose();
+    } catch {
+      error({
+        content: reportErrorToast
+      });
+    } finally {
+      setIsSubmitting(false);
+    }
+  }
+  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.View, {
+    style: [styles.headerSlot, styles.headerSlotLeft]
+  }, isShowOthersOption ? /*#__PURE__*/React.createElement(_reactNative.Pressable, {
+    style: styles.iconButton,
+    onPress: handleBack,
+    accessibilityRole: "button",
+    accessibilityLabel: "Back"
+  }, /*#__PURE__*/React.createElement(_icons.AmityIcon, {
+    name: "chevron-left",
+    size: 24,
+    tokenColor: _amityColorTokens.AmityColorToken.IconIconButtonGhostSecondaryDefault
+  })) : null), /*#__PURE__*/React.createElement(_reactNative.View, {
+    style: [styles.headerSlot, styles.headerSlotCenter]
+  }, /*#__PURE__*/React.createElement(_Typography.Typography, {
+    variant: "titleBold",
+    style: styles.title,
+    numberOfLines: 1
+  }, isShowOthersOption ? othersTitle : reportReasonTitle)), /*#__PURE__*/React.createElement(_reactNative.View, {
+    style: [styles.headerSlot, styles.headerSlotRight]
+  }, isShowOthersOption ? /*#__PURE__*/React.createElement(_reactNative.Pressable, {
+    style: styles.iconButton,
+    onPress: onClose,
+    accessibilityRole: "button",
+    accessibilityLabel: closeButtonText
+  }, /*#__PURE__*/React.createElement(_icons.AmityIcon, {
+    name: "cross-l",
+    size: 24,
+    tokenColor: _amityColorTokens.AmityColorToken.IconIconButtonGhostSecondaryDefault
+  })) : null)), /*#__PURE__*/React.createElement(_reactNative.ScrollView, {
+    style: styles.content,
+    contentContainerStyle: styles.contentContainer
+  }, isShowOthersOption ? /*#__PURE__*/React.createElement(_reactNative.View, {
+    style: styles.othersField
+  }, /*#__PURE__*/React.createElement(_Input.Input.Text, {
+    title: reportOtherReasonDesc,
+    optionalLabel: reportOtherReasonOptional,
+    showCharacterCount: true,
+    maxLength: MAX_LENGTH_DESCRIBE,
+    placeholder: reportTextPlaceholder,
+    value: otherReasonText,
+    onChange: setOtherReasonText
+    // LEADS WEB (PDT-4142): web's ContentReportReason also omits
+    // multiLine — its Input.Text then renders a single-line <input>,
+    // which is the bug the ticket reports, still open there.
+    // Without this the field stays single-line, so a reason typed up
+    // to MAX_LENGTH_DESCRIBE scrolls sideways instead of wrapping.
+    // multiLine also top-aligns the row so the label sits level with
+    // the first line.
+    ,
+    multiLine: true
+  })) : /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(_Typography.Typography, {
+    variant: "caption",
+    style: styles.description
+  }, reportListDescription), REPORT_REASONS.map(reason => /*#__PURE__*/React.createElement(_reactNative.View, {
+    key: reason.value,
+    style: styles.rowSurface
+  }, /*#__PURE__*/React.createElement(_Selection.Selection.Radio, {
+    isSelected: selectedReason === reason.value,
+    onSelect: () => handleRadioChange(reason.value),
+    accessibilityLabel: (0, _localization.resolveString)(reason.labelKey)
+  }, /*#__PURE__*/React.createElement(_Typography.Typography, {
+    variant: "bodyBold",
+    style: styles.option
+  }, (0, _localization.resolveString)(reason.labelKey))))), /*#__PURE__*/React.createElement(_reactNative.Pressable, {
+    style: styles.row,
+    onPress: () => {
+      setSelectedReason(_tsSdkReactNative.ContentFlagReasonEnum.Others);
+      setIsShowOthersOption(true);
+    },
+    accessibilityRole: "button",
+    accessibilityLabel: othersTitle
+  }, /*#__PURE__*/React.createElement(_Typography.Typography, {
+    variant: "bodyBold",
+    style: styles.option
+  }, othersTitle), /*#__PURE__*/React.createElement(_icons.AmityIcon, {
+    name: "chevron-right",
+    size: 24,
+    tokenColor: _amityColorTokens.AmityColorToken.IconListLeadingDefaultDefault
+  })))), /*#__PURE__*/React.createElement(_reactNative.View, {
+    style: styles.bottomBar
+  }, /*#__PURE__*/React.createElement(_Button.Button, {
+    hierarchy: "primary",
+    size: "lg",
+    fullWidth: true,
+    label: submitButtonText,
+    disabled: isDisabledSubmitButton,
+    onPress: handleSubmitReport
+  })), /*#__PURE__*/React.createElement(_Toast.default, null)));
+}
+//# sourceMappingURL=ContentReportReason.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["_react","require","_reactNative","_tsSdkReactNative","_reactQuery","_Typography","_icons","_amityColorTokens","_Selection","_Input","_Button","_localization","_useChatNotifications","_queries","_useNetworkOnline","_Toast","_interopRequireDefault","_styles","e","__esModule","default","MAX_LENGTH_DESCRIBE","REPORT_REASONS","value","ContentFlagReasonEnum","CommunityGuidelines","labelKey","HarassmentOrBullying","SelfHarmOrSuicide","ViolenceOrThreateningContent","SellingRestrictedItems","SexualContentOrNudity","SpamOrScams","FalseInformation","ContentReportReason","visible","message","onClose","styles","useStyles","success","error","useChatNotifications","queryClient","useQueryClient","online","useNetworkOnline","isShowOthersOption","setIsShowOthersOption","useState","otherReasonText","setOtherReasonText","selectedReason","setSelectedReason","undefined","isSubmitting","setIsSubmitting","othersTitle","useString","reportReasonTitle","reportOtherReasonDesc","reportOtherReasonOptional","reportTextPlaceholder","reportListDescription","closeButtonText","submitButtonText","reportSuccessToast","reportErrorToast","isDisabledSubmitButton","handleBack","handleRadioChange","handleSubmitReport","messageId","reason","Others","MessageRepository","flagMessage","invalidateQueries","queryKey","flagMessageQueryKey","content","React","createElement","Modal","animationType","onRequestClose","transparent","View","style","screen","header","headerSlot","headerSlotLeft","Pressable","iconButton","onPress","accessibilityRole","accessibilityLabel","AmityIcon","name","size","tokenColor","AmityColorToken","IconIconButtonGhostSecondaryDefault","headerSlotCenter","Typography","variant","title","numberOfLines","headerSlotRight","ScrollView","contentContainerStyle","contentContainer","othersField","Input","Text","optionalLabel","showCharacterCount","maxLength","placeholder","onChange","multiLine","Fragment","description","map","key","rowSurface","Selection","Radio","isSelected","onSelect","resolveString","option","row","IconListLeadingDefaultDefault","bottomBar","Button","hierarchy","fullWidth","label","disabled"],"sourceRoot":"../../../../../../../../../src","sources":["social/features/chat/features/shared/components/ContentReportReason/ContentReportReason.tsx"],"mappings":"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","ignoreList":[]}

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

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

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

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

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

@@ -0,0 +1,103 @@
+"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 ContentReportReason — ported from AmityUiKitWeb
+// core/design/components/ContentReportReason/ContentReportReason.module.css.
+// Web is a full-viewport sheet (`height: 100vh`); RN uses a full-screen Modal.
+// Geometry: header padding 0.75rem/1rem → 12/16; description padding 12/16; list
+// rows padding 1rem → 16; bottom bar padding 1rem → 16; others field padding
+// 1.5rem 1rem 0 → paddingTop 24 / paddingHorizontal 16. Web token
+// `text-list-textdescription-default-default` → RN `TextListTextDescriptionDefaultDefault`.
+
+const useStyles = () => {
+  const token = (0, _useToken.useToken)();
+  const styles = _reactNative.StyleSheet.create({
+    screen: {
+      flex: 1,
+      backgroundColor: token(_amityColorTokens.AmityColorToken.SurfaceSheetsBackgroundGeneral)
+    },
+    header: {
+      flexDirection: 'row',
+      alignItems: 'center',
+      justifyContent: 'space-between',
+      paddingVertical: 12,
+      paddingHorizontal: 16,
+      borderBottomWidth: 1,
+      borderBottomColor: token(_amityColorTokens.AmityColorToken.LineDividerPostDefault),
+      backgroundColor: token(_amityColorTokens.AmityColorToken.SurfaceSheetsBackgroundGeneral)
+    },
+    headerSlot: {
+      flex: 1,
+      flexDirection: 'row',
+      alignItems: 'center'
+    },
+    headerSlotLeft: {
+      justifyContent: 'flex-start'
+    },
+    headerSlotCenter: {
+      justifyContent: 'center'
+    },
+    headerSlotRight: {
+      justifyContent: 'flex-end'
+    },
+    iconButton: {
+      width: 24,
+      height: 24,
+      alignItems: 'center',
+      justifyContent: 'center'
+    },
+    title: {
+      textAlign: 'center',
+      color: token(_amityColorTokens.AmityColorToken.TextSheetsHeaderTitleDefault)
+    },
+    content: {
+      flex: 1
+    },
+    contentContainer: {
+      paddingBottom: 48
+    },
+    description: {
+      paddingVertical: 12,
+      paddingHorizontal: 16,
+      color: token(_amityColorTokens.AmityColorToken.TextListTextDescriptionDefaultDefault)
+    },
+    // Others row (a plain Pressable) — matches the padded, space-between list row.
+    row: {
+      flexDirection: 'row',
+      alignItems: 'center',
+      justifyContent: 'space-between',
+      padding: 16,
+      backgroundColor: token(_amityColorTokens.AmityColorToken.SurfaceListDefaultDefault)
+    },
+    // Background behind a Selection.Radio (the atom owns its own padded row layout).
+    rowSurface: {
+      backgroundColor: token(_amityColorTokens.AmityColorToken.SurfaceListDefaultDefault)
+    },
+    option: {
+      flex: 1,
+      color: token(_amityColorTokens.AmityColorToken.TextListHeaderDefaultDefault)
+    },
+    othersField: {
+      paddingTop: 24,
+      paddingHorizontal: 16
+    },
+    bottomBar: {
+      padding: 16,
+      borderTopWidth: 1,
+      borderTopColor: token(_amityColorTokens.AmityColorToken.LineDividerPostDefault),
+      backgroundColor: token(_amityColorTokens.AmityColorToken.SurfaceSheetsBackgroundGeneral)
+    }
+  });
+  return {
+    styles,
+    token
+  };
+};
+exports.useStyles = useStyles;
+//# sourceMappingURL=styles.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["_reactNative","require","_useToken","_amityColorTokens","useStyles","token","useToken","styles","StyleSheet","create","screen","flex","backgroundColor","AmityColorToken","SurfaceSheetsBackgroundGeneral","header","flexDirection","alignItems","justifyContent","paddingVertical","paddingHorizontal","borderBottomWidth","borderBottomColor","LineDividerPostDefault","headerSlot","headerSlotLeft","headerSlotCenter","headerSlotRight","iconButton","width","height","title","textAlign","color","TextSheetsHeaderTitleDefault","content","contentContainer","paddingBottom","description","TextListTextDescriptionDefaultDefault","row","padding","SurfaceListDefaultDefault","rowSurface","option","TextListHeaderDefaultDefault","othersField","paddingTop","bottomBar","borderTopWidth","borderTopColor","exports"],"sourceRoot":"../../../../../../../../../src","sources":["social/features/chat/features/shared/components/ContentReportReason/styles.ts"],"mappings":";;;;;;AAQA,IAAAA,YAAA,GAAAC,OAAA;AACA,IAAAC,SAAA,GAAAD,OAAA;AACA,IAAAE,iBAAA,GAAAF,OAAA;AAVA;AACA;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,8BAA8B;IACvE,CAAC;IACDC,MAAM,EAAE;MACNC,aAAa,EAAE,KAAK;MACpBC,UAAU,EAAE,QAAQ;MACpBC,cAAc,EAAE,eAAe;MAC/BC,eAAe,EAAE,EAAE;MACnBC,iBAAiB,EAAE,EAAE;MACrBC,iBAAiB,EAAE,CAAC;MACpBC,iBAAiB,EAAEjB,KAAK,CAACQ,iCAAe,CAACU,sBAAsB,CAAC;MAChEX,eAAe,EAAEP,KAAK,CAACQ,iCAAe,CAACC,8BAA8B;IACvE,CAAC;IACDU,UAAU,EAAE;MACVb,IAAI,EAAE,CAAC;MACPK,aAAa,EAAE,KAAK;MACpBC,UAAU,EAAE;IACd,CAAC;IACDQ,cAAc,EAAE;MACdP,cAAc,EAAE;IAClB,CAAC;IACDQ,gBAAgB,EAAE;MAChBR,cAAc,EAAE;IAClB,CAAC;IACDS,eAAe,EAAE;MACfT,cAAc,EAAE;IAClB,CAAC;IACDU,UAAU,EAAE;MACVC,KAAK,EAAE,EAAE;MACTC,MAAM,EAAE,EAAE;MACVb,UAAU,EAAE,QAAQ;MACpBC,cAAc,EAAE;IAClB,CAAC;IACDa,KAAK,EAAE;MACLC,SAAS,EAAE,QAAQ;MACnBC,KAAK,EAAE5B,KAAK,CAACQ,iCAAe,CAACqB,4BAA4B;IAC3D,CAAC;IACDC,OAAO,EAAE;MACPxB,IAAI,EAAE;IACR,CAAC;IACDyB,gBAAgB,EAAE;MAChBC,aAAa,EAAE;IACjB,CAAC;IACDC,WAAW,EAAE;MACXnB,eAAe,EAAE,EAAE;MACnBC,iBAAiB,EAAE,EAAE;MACrBa,KAAK,EAAE5B,KAAK,CAACQ,iCAAe,CAAC0B,qCAAqC;IACpE,CAAC;IACD;IACAC,GAAG,EAAE;MACHxB,aAAa,EAAE,KAAK;MACpBC,UAAU,EAAE,QAAQ;MACpBC,cAAc,EAAE,eAAe;MAC/BuB,OAAO,EAAE,EAAE;MACX7B,eAAe,EAAEP,KAAK,CAACQ,iCAAe,CAAC6B,yBAAyB;IAClE,CAAC;IACD;IACAC,UAAU,EAAE;MACV/B,eAAe,EAAEP,KAAK,CAACQ,iCAAe,CAAC6B,yBAAyB;IAClE,CAAC;IACDE,MAAM,EAAE;MACNjC,IAAI,EAAE,CAAC;MACPsB,KAAK,EAAE5B,KAAK,CAACQ,iCAAe,CAACgC,4BAA4B;IAC3D,CAAC;IACDC,WAAW,EAAE;MACXC,UAAU,EAAE,EAAE;MACd3B,iBAAiB,EAAE;IACrB,CAAC;IACD4B,SAAS,EAAE;MACTP,OAAO,EAAE,EAAE;MACXQ,cAAc,EAAE,CAAC;MACjBC,cAAc,EAAE7C,KAAK,CAACQ,iCAAe,CAACU,sBAAsB,CAAC;MAC7DX,eAAe,EAAEP,KAAK,CAACQ,iCAAe,CAACC,8BAA8B;IACvE;EACF,CAAC,CAAC;EAEF,OAAO;IAAEP,MAAM;IAAEF;EAAM,CAAC;AAC1B,CAAC;AAAC8C,OAAA,CAAA/C,SAAA,GAAAA,SAAA","ignoreList":[]}

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

@@ -0,0 +1,36 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.DateSeparator = DateSeparator;
+var _reactNative = require("react-native");
+var _Typography = require("../../../../../../../core/design/components/Typography");
+var _styles = require("./styles");
+// DateSeparator — ported from AmityUiKitWeb features/shared/components/DateSeparator.
+// A centered date pill shown between message groups. Web div→View, span→Typography.
+
+// 1. React / RN imports
+
+// 2. Internal imports
+
+// 3. Types
+
+// 4. Named function component
+function DateSeparator({
+  label
+}) {
+  const {
+    styles
+  } = (0, _styles.useStyles)();
+  return /*#__PURE__*/React.createElement(_reactNative.View, {
+    style: styles.dateSeparator,
+    accessibilityRole: "text"
+  }, /*#__PURE__*/React.createElement(_reactNative.View, {
+    style: styles.pill
+  }, /*#__PURE__*/React.createElement(_Typography.Typography, {
+    variant: "caption",
+    style: styles.label
+  }, label)));
+}
+//# sourceMappingURL=DateSeparator.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["_reactNative","require","_Typography","_styles","DateSeparator","label","styles","useStyles","React","createElement","View","style","dateSeparator","accessibilityRole","pill","Typography","variant"],"sourceRoot":"../../../../../../../../../src","sources":["social/features/chat/features/shared/components/DateSeparator/DateSeparator.tsx"],"mappings":";;;;;;AAIA,IAAAA,YAAA,GAAAC,OAAA;AAGA,IAAAC,WAAA,GAAAD,OAAA;AACA,IAAAE,OAAA,GAAAF,OAAA;AARA;AACA;;AAEA;;AAGA;;AAIA;;AAKA;AACO,SAASG,aAAaA,CAAC;EAAEC;AAA0B,CAAC,EAAE;EAC3D,MAAM;IAAEC;EAAO,CAAC,GAAG,IAAAC,iBAAS,EAAC,CAAC;EAE9B,oBACEC,KAAA,CAAAC,aAAA,CAACT,YAAA,CAAAU,IAAI;IAACC,KAAK,EAAEL,MAAM,CAACM,aAAc;IAACC,iBAAiB,EAAC;EAAM,gBACzDL,KAAA,CAAAC,aAAA,CAACT,YAAA,CAAAU,IAAI;IAACC,KAAK,EAAEL,MAAM,CAACQ;EAAK,gBACvBN,KAAA,CAAAC,aAAA,CAACP,WAAA,CAAAa,UAAU;IAACC,OAAO,EAAC,SAAS;IAACL,KAAK,EAAEL,MAAM,CAACD;EAAM,GAC/CA,KACS,CACR,CACF,CAAC;AAEX","ignoreList":[]}

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

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

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

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

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

@@ -0,0 +1,55 @@
+"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 DateSeparator — ported from DateSeparator.module.css.
+// Geometry: outer paddingVertical 0.5rem→8; pill padding 0.25rem/0.5rem→4/8,
+// border-radius 1rem→16. Colours via tokens.
+//
+// Shadow: web's pill relies on a box-shadow for definition — without it the pill
+// blends into a light message-list background. Web's shadow colours are RAW rgba
+// (NOT design tokens — there is no shadow token to map to), so we port them verbatim
+// as rgb()+opacity. rgb()/rgba() (no `#`) is intentionally allowed by the no-hex gate;
+// dropping the shadow would be an unfaithful silent simplification.
+// web: 0 0 2px rgb(40 41 61 /10%), 0 2px 4px rgb(96 97 112 /16%) → RN approximates the
+// dominant drop layer (iOS shadow* + Android elevation).
+
+const useStyles = () => {
+  const token = (0, _useToken.useToken)();
+  const styles = _reactNative.StyleSheet.create({
+    dateSeparator: {
+      alignItems: 'center',
+      justifyContent: 'center',
+      paddingVertical: 8
+    },
+    pill: {
+      paddingVertical: 4,
+      paddingHorizontal: 8,
+      borderRadius: 16,
+      backgroundColor: token(_amityColorTokens.AmityColorToken.SurfaceDateAndTimeDateSeparatorDefault),
+      // web box-shadow (raw rgba, non-tokenized) — ported so the pill reads on light bg
+      shadowColor: 'rgb(96, 97, 112)',
+      shadowOffset: {
+        width: 0,
+        height: 2
+      },
+      shadowOpacity: 0.16,
+      shadowRadius: 4,
+      elevation: 2
+    },
+    label: {
+      color: token(_amityColorTokens.AmityColorToken.TextDateAndTimeDateSeparatorDefault)
+    }
+  });
+  return {
+    styles,
+    token
+  };
+};
+exports.useStyles = useStyles;
+//# sourceMappingURL=styles.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["_reactNative","require","_useToken","_amityColorTokens","useStyles","token","useToken","styles","StyleSheet","create","dateSeparator","alignItems","justifyContent","paddingVertical","pill","paddingHorizontal","borderRadius","backgroundColor","AmityColorToken","SurfaceDateAndTimeDateSeparatorDefault","shadowColor","shadowOffset","width","height","shadowOpacity","shadowRadius","elevation","label","color","TextDateAndTimeDateSeparatorDefault","exports"],"sourceRoot":"../../../../../../../../../src","sources":["social/features/chat/features/shared/components/DateSeparator/styles.ts"],"mappings":";;;;;;AAYA,IAAAA,YAAA,GAAAC,OAAA;AACA,IAAAC,SAAA,GAAAD,OAAA;AACA,IAAAE,iBAAA,GAAAF,OAAA;AAdA;AACA;AACA;AACA;AACA;AACA;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,aAAa,EAAE;MACbC,UAAU,EAAE,QAAQ;MACpBC,cAAc,EAAE,QAAQ;MACxBC,eAAe,EAAE;IACnB,CAAC;IACDC,IAAI,EAAE;MACJD,eAAe,EAAE,CAAC;MAClBE,iBAAiB,EAAE,CAAC;MACpBC,YAAY,EAAE,EAAE;MAChBC,eAAe,EAAEZ,KAAK,CACpBa,iCAAe,CAACC,sCAClB,CAAC;MACD;MACAC,WAAW,EAAE,kBAAkB;MAC/BC,YAAY,EAAE;QAAEC,KAAK,EAAE,CAAC;QAAEC,MAAM,EAAE;MAAE,CAAC;MACrCC,aAAa,EAAE,IAAI;MACnBC,YAAY,EAAE,CAAC;MACfC,SAAS,EAAE;IACb,CAAC;IACDC,KAAK,EAAE;MACLC,KAAK,EAAEvB,KAAK,CAACa,iCAAe,CAACW,mCAAmC;IAClE;EACF,CAAC,CAAC;EAEF,OAAO;IAAEtB,MAAM;IAAEF;EAAM,CAAC;AAC1B,CAAC;AAACyB,OAAA,CAAA1B,SAAA,GAAAA,SAAA","ignoreList":[]}

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

@@ -0,0 +1,46 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.DeletedMessagePill = DeletedMessagePill;
+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 _localization = require("../../../../../../../core/localization");
+var _styles = require("./styles");
+// DeletedMessagePill — ported from AmityUiKitWeb features/shared/components/DeletedMessagePill.
+// An outlined pill with a trash glyph + "This message was deleted". Web relies on
+// CSS `currentcolor` to tint icon/text/border from one `color` per data-user side;
+// RN has no `currentcolor`, so the side colour is resolved explicitly for the icon
+// (tokenColor) and for the border/label (styles).
+
+// 1. React / RN imports
+
+// 2. Internal imports
+
+// 3. Types
+
+// 4. Named function component
+function DeletedMessagePill({
+  isUser
+}) {
+  const {
+    styles
+  } = (0, _styles.useStyles)(isUser);
+  const deletedLabel = (0, _localization.useString)('amity_chat_message_deleted');
+  const iconColor = isUser ? _amityColorTokens.AmityColorToken.TextChatBubbleOutboundMessagesDeleted : _amityColorTokens.AmityColorToken.TextChatBubbleInboundMessagesDeleted;
+  return /*#__PURE__*/React.createElement(_reactNative.View, {
+    style: styles.pill
+  }, /*#__PURE__*/React.createElement(_icons.AmityIcon, {
+    name: "trash-r",
+    size: 16,
+    tokenColor: iconColor
+  }), /*#__PURE__*/React.createElement(_Typography.Typography, {
+    variant: "caption",
+    style: styles.label,
+    numberOfLines: 1
+  }, deletedLabel));
+}
+//# sourceMappingURL=DeletedMessagePill.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["_reactNative","require","_Typography","_icons","_amityColorTokens","_localization","_styles","DeletedMessagePill","isUser","styles","useStyles","deletedLabel","useString","iconColor","AmityColorToken","TextChatBubbleOutboundMessagesDeleted","TextChatBubbleInboundMessagesDeleted","React","createElement","View","style","pill","AmityIcon","name","size","tokenColor","Typography","variant","label","numberOfLines"],"sourceRoot":"../../../../../../../../../src","sources":["social/features/chat/features/shared/components/DeletedMessagePill/DeletedMessagePill.tsx"],"mappings":";;;;;;AAOA,IAAAA,YAAA,GAAAC,OAAA;AAGA,IAAAC,WAAA,GAAAD,OAAA;AACA,IAAAE,MAAA,GAAAF,OAAA;AACA,IAAAG,iBAAA,GAAAH,OAAA;AACA,IAAAI,aAAA,GAAAJ,OAAA;AACA,IAAAK,OAAA,GAAAL,OAAA;AAdA;AACA;AACA;AACA;AACA;;AAEA;;AAGA;;AAOA;;AAKA;AACO,SAASM,kBAAkBA,CAAC;EAAEC;AAAgC,CAAC,EAAE;EACtE,MAAM;IAAEC;EAAO,CAAC,GAAG,IAAAC,iBAAS,EAACF,MAAM,CAAC;EACpC,MAAMG,YAAY,GAAG,IAAAC,uBAAS,EAAC,4BAA4B,CAAC;EAE5D,MAAMC,SAAS,GAAGL,MAAM,GACpBM,iCAAe,CAACC,qCAAqC,GACrDD,iCAAe,CAACE,oCAAoC;EAExD,oBACEC,KAAA,CAAAC,aAAA,CAAClB,YAAA,CAAAmB,IAAI;IAACC,KAAK,EAAEX,MAAM,CAACY;EAAK,gBACvBJ,KAAA,CAAAC,aAAA,CAACf,MAAA,CAAAmB,SAAS;IAACC,IAAI,EAAC,SAAS;IAACC,IAAI,EAAE,EAAG;IAACC,UAAU,EAAEZ;EAAU,CAAE,CAAC,eAC7DI,KAAA,CAAAC,aAAA,CAAChB,WAAA,CAAAwB,UAAU;IAACC,OAAO,EAAC,SAAS;IAACP,KAAK,EAAEX,MAAM,CAACmB,KAAM;IAACC,aAAa,EAAE;EAAE,GACjElB,YACS,CACR,CAAC;AAEX","ignoreList":[]}

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

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

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

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

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

@@ -0,0 +1,42 @@
+"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 DeletedMessagePill — ported from DeletedMessagePill.module.css.
+// Geometry: gap 0.25rem→4, padding 0.25rem/0.5rem→4/8, border 0.0625rem→1,
+// border-radius 1.25rem→20. `inline-flex` → alignSelf 'flex-start' so the pill
+// hugs its content instead of stretching the row. Per-side colour resolved here
+// (web `currentcolor` cascade has no RN equivalent).
+
+const useStyles = isUser => {
+  const token = (0, _useToken.useToken)();
+  const labelColor = token(isUser ? _amityColorTokens.AmityColorToken.TextChatBubbleOutboundMessagesDeleted : _amityColorTokens.AmityColorToken.TextChatBubbleInboundMessagesDeleted);
+  const borderColor = token(isUser ? _amityColorTokens.AmityColorToken.BorderChatBubbleOutboundDeleted : _amityColorTokens.AmityColorToken.BorderChatBubbleInboundDeleted);
+  const styles = _reactNative.StyleSheet.create({
+    pill: {
+      alignSelf: 'flex-start',
+      flexDirection: 'row',
+      alignItems: 'center',
+      gap: 4,
+      paddingVertical: 4,
+      paddingHorizontal: 8,
+      borderWidth: 1,
+      borderColor,
+      borderRadius: 20
+    },
+    label: {
+      color: labelColor
+    }
+  });
+  return {
+    styles,
+    token
+  };
+};
+exports.useStyles = useStyles;
+//# sourceMappingURL=styles.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["_reactNative","require","_useToken","_amityColorTokens","useStyles","isUser","token","useToken","labelColor","AmityColorToken","TextChatBubbleOutboundMessagesDeleted","TextChatBubbleInboundMessagesDeleted","borderColor","BorderChatBubbleOutboundDeleted","BorderChatBubbleInboundDeleted","styles","StyleSheet","create","pill","alignSelf","flexDirection","alignItems","gap","paddingVertical","paddingHorizontal","borderWidth","borderRadius","label","color","exports"],"sourceRoot":"../../../../../../../../../src","sources":["social/features/chat/features/shared/components/DeletedMessagePill/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,GAAIC,MAAe,IAAK;EAC5C,MAAMC,KAAK,GAAG,IAAAC,kBAAQ,EAAC,CAAC;EAExB,MAAMC,UAAU,GAAGF,KAAK,CACtBD,MAAM,GACFI,iCAAe,CAACC,qCAAqC,GACrDD,iCAAe,CAACE,oCACtB,CAAC;EACD,MAAMC,WAAW,GAAGN,KAAK,CACvBD,MAAM,GACFI,iCAAe,CAACI,+BAA+B,GAC/CJ,iCAAe,CAACK,8BACtB,CAAC;EAED,MAAMC,MAAM,GAAGC,uBAAU,CAACC,MAAM,CAAC;IAC/BC,IAAI,EAAE;MACJC,SAAS,EAAE,YAAY;MACvBC,aAAa,EAAE,KAAK;MACpBC,UAAU,EAAE,QAAQ;MACpBC,GAAG,EAAE,CAAC;MACNC,eAAe,EAAE,CAAC;MAClBC,iBAAiB,EAAE,CAAC;MACpBC,WAAW,EAAE,CAAC;MACdb,WAAW;MACXc,YAAY,EAAE;IAChB,CAAC;IACDC,KAAK,EAAE;MACLC,KAAK,EAAEpB;IACT;EACF,CAAC,CAAC;EAEF,OAAO;IAAEO,MAAM;IAAET;EAAM,CAAC;AAC1B,CAAC;AAACuB,OAAA,CAAAzB,SAAA,GAAAA,SAAA","ignoreList":[]}