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

package/lib/module/chat/features/search/styles.js

@@ -0,0 +1,26 @@
+// Styles for SearchChannel — ported from AmityUiKitWeb SearchChannel.module.css.
+// searchChannel: column, min-height 100svh → flex:1, page-background surface.
+// The web tabList `position: sticky` is inherent to the non-scrolling RN layout;
+// `panel` fills the remaining space so the active list can scroll within it.
+
+import { StyleSheet } from 'react-native';
+import { useToken } from '../../../core/design/theme/useToken';
+import { AmityColorToken } from '../../../core/design/tokens/amity-color-tokens';
+export const useStyles = () => {
+  const token = useToken();
+  const styles = StyleSheet.create({
+    searchChannel: {
+      flex: 1,
+      flexDirection: 'column',
+      backgroundColor: token(AmityColorToken.SurfacePageBackgroundDefault)
+    },
+    panel: {
+      flex: 1
+    }
+  });
+  return {
+    styles,
+    token
+  };
+};
+//# sourceMappingURL=styles.js.map

package/lib/module/chat/features/search/styles.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["StyleSheet","useToken","AmityColorToken","useStyles","token","styles","create","searchChannel","flex","flexDirection","backgroundColor","SurfacePageBackgroundDefault","panel"],"sourceRoot":"../../../../../src","sources":["chat/features/search/styles.ts"],"mappings":"AAAA;AACA;AACA;AACA;;AAEA,SAASA,UAAU,QAAQ,cAAc;AACzC,SAASC,QAAQ,QAAQ,qCAAqC;AAC9D,SAASC,eAAe,QAAQ,gDAAgD;AAEhF,OAAO,MAAMC,SAAS,GAAGA,CAAA,KAAM;EAC7B,MAAMC,KAAK,GAAGH,QAAQ,CAAC,CAAC;EAExB,MAAMI,MAAM,GAAGL,UAAU,CAACM,MAAM,CAAC;IAC/BC,aAAa,EAAE;MACbC,IAAI,EAAE,CAAC;MACPC,aAAa,EAAE,QAAQ;MACvBC,eAAe,EAAEN,KAAK,CAACF,eAAe,CAACS,4BAA4B;IACrE,CAAC;IACDC,KAAK,EAAE;MACLJ,IAAI,EAAE;IACR;EACF,CAAC,CAAC;EAEF,OAAO;IAAEH,MAAM;IAAED;EAAM,CAAC;AAC1B,CAAC","ignoreList":[]}

package/lib/module/chat/features/shared/components/AddTile/AddTile.js

@@ -0,0 +1,41 @@
+// AddTile — ported from AmityUiKitWeb features/shared/components/AddTile.
+// A small "add" tile: an icon-only plus button above a single-line caption label.
+// The plus button is web's Button.Icon filled/secondary/40 — a light grey circle
+// with a dark grey glyph, as in the design. (An earlier RN build rendered it
+// borderless; QA flagged that as off-design.) `onClick`→`onPress`.
+
+// 1. React / RN imports
+import { View } from 'react-native';
+
+// 2. Internal imports
+import { Button } from '../../../../../core/design/atoms/Button';
+import { Typography } from '../../../../../core/design/components/Typography';
+import { useStyles } from './styles';
+
+// 3. Types
+
+// 4. Named function component
+export function AddTile({
+  onPress,
+  label,
+  accessibilityLabel
+}) {
+  const {
+    styles
+  } = useStyles();
+  return /*#__PURE__*/React.createElement(View, {
+    style: styles.tile
+  }, /*#__PURE__*/React.createElement(Button.Icon, {
+    icon: "plus-r",
+    styleType: "filled",
+    hierarchy: "secondary",
+    size: 40,
+    onPress: onPress,
+    accessibilityLabel: accessibilityLabel
+  }), label ? /*#__PURE__*/React.createElement(Typography, {
+    variant: "caption",
+    style: styles.name,
+    numberOfLines: 1
+  }, label) : null);
+}
+//# sourceMappingURL=AddTile.js.map

package/lib/module/chat/features/shared/components/AddTile/AddTile.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["View","Button","Typography","useStyles","AddTile","onPress","label","accessibilityLabel","styles","React","createElement","style","tile","Icon","icon","styleType","hierarchy","size","variant","name","numberOfLines"],"sourceRoot":"../../../../../../../src","sources":["chat/features/shared/components/AddTile/AddTile.tsx"],"mappings":"AAAA;AACA;AACA;AACA;AACA;;AAEA;AACA,SAASA,IAAI,QAAQ,cAAc;;AAEnC;AACA,SAASC,MAAM,QAAQ,yCAAyC;AAChE,SAASC,UAAU,QAAQ,kDAAkD;AAC7E,SAASC,SAAS,QAAQ,UAAU;;AAEpC;;AAOA;AACA,OAAO,SAASC,OAAOA,CAAC;EAAEC,OAAO;EAAEC,KAAK;EAAEC;AAAiC,CAAC,EAAE;EAC5E,MAAM;IAAEC;EAAO,CAAC,GAAGL,SAAS,CAAC,CAAC;EAE9B,oBACEM,KAAA,CAAAC,aAAA,CAACV,IAAI;IAACW,KAAK,EAAEH,MAAM,CAACI;EAAK,gBACvBH,KAAA,CAAAC,aAAA,CAACT,MAAM,CAACY,IAAI;IACVC,IAAI,EAAC,QAAQ;IACbC,SAAS,EAAC,QAAQ;IAClBC,SAAS,EAAC,WAAW;IACrBC,IAAI,EAAE,EAAG;IACTZ,OAAO,EAAEA,OAAQ;IACjBE,kBAAkB,EAAEA;EAAmB,CACxC,CAAC,EACDD,KAAK,gBACJG,KAAA,CAAAC,aAAA,CAACR,UAAU;IAACgB,OAAO,EAAC,SAAS;IAACP,KAAK,EAAEH,MAAM,CAACW,IAAK;IAACC,aAAa,EAAE;EAAE,GAChEd,KACS,CAAC,GACX,IACA,CAAC;AAEX","ignoreList":[]}

package/lib/module/chat/features/shared/components/AddTile/index.js

@@ -0,0 +1,2 @@
+export { AddTile } from './AddTile';
+//# sourceMappingURL=index.js.map

package/lib/module/chat/features/shared/components/AddTile/index.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["AddTile"],"sourceRoot":"../../../../../../../src","sources":["chat/features/shared/components/AddTile/index.ts"],"mappings":"AAAA,SAASA,OAAO,QAAQ,WAAW","ignoreList":[]}

package/lib/module/chat/features/shared/components/AddTile/styles.js

@@ -0,0 +1,29 @@
+// Styles for AddTile — ported from AddTile.module.css.
+// Geometry: column, center, gap 0.25rem→4, tile width 4rem→64. The plus button
+// is the Button.Icon atom (filled/secondary/40, as on web); this style covers
+// only the tile layout + label. Label colour from Text/IconButton/Label/General.
+
+import { StyleSheet } from 'react-native';
+import { useToken } from '../../../../../core/design/theme/useToken';
+import { AmityColorToken } from '../../../../../core/design/tokens/amity-color-tokens';
+export const useStyles = () => {
+  const token = useToken();
+  const styles = StyleSheet.create({
+    tile: {
+      flexDirection: 'column',
+      alignItems: 'center',
+      gap: 4,
+      width: 64
+    },
+    name: {
+      maxWidth: 64,
+      textAlign: 'center',
+      color: token(AmityColorToken.TextIconButtonLabelGeneral)
+    }
+  });
+  return {
+    styles,
+    token
+  };
+};
+//# sourceMappingURL=styles.js.map

package/lib/module/chat/features/shared/components/AddTile/styles.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["StyleSheet","useToken","AmityColorToken","useStyles","token","styles","create","tile","flexDirection","alignItems","gap","width","name","maxWidth","textAlign","color","TextIconButtonLabelGeneral"],"sourceRoot":"../../../../../../../src","sources":["chat/features/shared/components/AddTile/styles.ts"],"mappings":"AAAA;AACA;AACA;AACA;;AAEA,SAASA,UAAU,QAAQ,cAAc;AACzC,SAASC,QAAQ,QAAQ,2CAA2C;AACpE,SAASC,eAAe,QAAQ,sDAAsD;AAEtF,OAAO,MAAMC,SAAS,GAAGA,CAAA,KAAM;EAC7B,MAAMC,KAAK,GAAGH,QAAQ,CAAC,CAAC;EAExB,MAAMI,MAAM,GAAGL,UAAU,CAACM,MAAM,CAAC;IAC/BC,IAAI,EAAE;MACJC,aAAa,EAAE,QAAQ;MACvBC,UAAU,EAAE,QAAQ;MACpBC,GAAG,EAAE,CAAC;MACNC,KAAK,EAAE;IACT,CAAC;IACDC,IAAI,EAAE;MACJC,QAAQ,EAAE,EAAE;MACZC,SAAS,EAAE,QAAQ;MACnBC,KAAK,EAAEX,KAAK,CAACF,eAAe,CAACc,0BAA0B;IACzD;EACF,CAAC,CAAC;EAEF,OAAO;IAAEX,MAAM;IAAED;EAAM,CAAC;AAC1B,CAAC","ignoreList":[]}

package/lib/module/chat/features/shared/components/ContentReportReason/ContentReportReason.js

@@ -0,0 +1,292 @@
+// 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 renders it in a Drawer (mobile) / Popup (desktop); RN matches
+// the mobile side with a bottom sheet at 90% of the viewport, per Figma.
+//
+// An earlier fix took this the other way — a partial sheet was reported as a bug and
+// the screen became a full-screen Modal, which then lost the drag handle, the
+// backdrop and tap-outside-to-close along with it. The sheet was never the problem;
+// its height was.
+//
+// RN adaptations vs web:
+//   - reporting goes through RN's own `useFlagMessageQuery().report`, the port of
+//     web's hook of the same name, so report and unreport share one code path and
+//     one flag-state cache.
+//   - web's offline info-toast `useEffect` is dropped; the Submit button already
+//     stays disabled while offline (documented deviation).
+
+// 1. React / RN imports
+import { useEffect, useState } from 'react';
+import { Pressable, View } from 'react-native';
+
+// 2. Third-party imports
+import { ContentFlagReasonEnum, MessageRepository } from '@amityco/ts-sdk-react-native';
+
+// 3. Internal imports
+import { BottomSheet } from '../../../../../core/design/components/BottomSheet';
+import { Typography } from '../../../../../core/design/components/Typography';
+import { AmityIcon } from '../../../../../core/design/icons';
+import { AmityColorToken } from '../../../../../core/design/tokens/amity-color-tokens';
+import { Selection } from '../../../../../core/design/atoms/Selection';
+import { Input } from '../../../../../core/design/atoms/Input';
+import { Button } from '../../../../../core/design/atoms/Button';
+import { resolveString, useString } from '../../../../../core/localization';
+import { useFlagMessageQuery } from '../../../../hooks/queries';
+import { useNetworkOnline } from '../../../../hooks/useNetworkOnline';
+import { useChatSurfaceHeight } from '../../../../hooks/useChatSurfaceHeight';
+import { FailedToShow } from '../FailedToShow';
+import { useStyles } from './styles';
+
+// 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: ContentFlagReasonEnum.CommunityGuidelines,
+  labelKey: 'amity_social_label_report_reason_community_guidelines'
+}, {
+  value: ContentFlagReasonEnum.HarassmentOrBullying,
+  labelKey: 'amity_social_label_report_reason_harassment_or_bullying'
+}, {
+  value: ContentFlagReasonEnum.SelfHarmOrSuicide,
+  labelKey: 'amity_social_label_report_reason_self_harm_or_suicide'
+}, {
+  value: ContentFlagReasonEnum.ViolenceOrThreateningContent,
+  labelKey: 'amity_social_label_report_reason_violence_or_threatening'
+}, {
+  value: ContentFlagReasonEnum.SellingRestrictedItems,
+  labelKey: 'amity_social_label_report_reason_selling_restricted'
+}, {
+  value: ContentFlagReasonEnum.SexualContentOrNudity,
+  labelKey: 'amity_social_label_report_reason_sexual_content_or_nudity'
+}, {
+  value: ContentFlagReasonEnum.SpamOrScams,
+  labelKey: 'amity_social_label_report_reason_spam_or_scams'
+}, {
+  value: ContentFlagReasonEnum.FalseInformation,
+  labelKey: 'amity_social_label_report_reason_false_information'
+}];
+
+// 5. Named function component
+export function ContentReportReason({
+  visible,
+  message,
+  onClose
+}) {
+  const {
+    styles
+  } = useStyles();
+
+  // devvie reads `height="90%"` against `containerHeight`, and its default for
+  // that is the DEVICE screen — so under a host app's own chrome the sheet comes
+  // out taller than 90% of the page it actually lives in. The page
+  // measures its own box and publishes it; hand that over instead.
+  const surfaceHeight = useChatSurfaceHeight();
+
+  // Every way out of this sheet — the X, the Close button, a successful report,
+  // the backdrop, the drag, Android's back — flips this one flag. The sheet
+  // then plays its slide-out and calls `onClose` at the end, which is what
+  // unmounts us. Calling `onClose` straight from a button would unmount the
+  // sheet mid-air instead.
+  const [sheetVisible, setSheetVisible] = useState(true);
+  const requestClose = () => setSheetVisible(false);
+  useEffect(() => {
+    if (!visible) setSheetVisible(false);
+  }, [visible]);
+  const {
+    online
+  } = useNetworkOnline();
+  const {
+    report,
+    isMessageDeleted: isMessageDeletedFromReport,
+    isPendingReport
+  } = useFlagMessageQuery({
+    messageId: message.messageId,
+    // Only subscribe while the sheet is up; the bubble menu owns its own instance.
+    enabled: visible && !!message.messageId
+  });
+
+  // A report that comes back 400400 is only one way to learn the message went
+  // away, and it needs the user to press Submit first. Web reads the live
+  // message object alongside it — `isMessageDeletedFromReport || liveMessage
+  // ?.isDeleted` — so the sheet settles into the error state the moment the
+  // message is deleted, whether or not anything was submitted. Same subscription
+  // MessageReactorListSheet already uses.
+  const [liveMessage, setLiveMessage] = useState(message);
+  useEffect(() => {
+    if (!visible || !message.messageId) return undefined;
+    const unsubscribe = MessageRepository.getMessage(message.messageId, result => {
+      // A loading callback carries no data; overwriting on it would wipe the
+      // message the sheet was opened with.
+      if (result.data) setLiveMessage(result.data);
+    });
+    return () => unsubscribe();
+  }, [visible, message.messageId]);
+  const isMessageDeleted = isMessageDeletedFromReport || !!liveMessage.isDeleted;
+  const [isShowOthersOption, setIsShowOthersOption] = useState(false);
+  const [otherReasonText, setOtherReasonText] = useState('');
+  const [selectedReason, setSelectedReason] = useState(undefined);
+  const othersTitle = useString('amity_social_button_others');
+  const reportReasonTitle = useString('amity_social_button_report_reason');
+  const reportOtherReasonDesc = useString('amity_social_label_report_other_reason_desc');
+  const reportOtherReasonOptional = useString('amity_social_button_report_other_reason_optional');
+  const reportTextPlaceholder = useString('amity_social_placeholder_report_text_placeholder');
+  const reportListDescription = useString('amity_social_report_list_screen_description');
+  const closeButtonText = useString('amity_social_modal_dialog_close_button');
+  const submitButtonText = useString('amity_social_button_report_submit_button');
+  // FailedToShow's own defaults are the livestream pair — right words, wrong
+  // key for anyone overriding copy, since editing the report screen's title
+  // would move the livestream one with it. Pass chat's own keys for both lines.
+  const messageUnavailableTitle = useString('amity_chat_report_message_unavailable_title');
+  const messageUnavailableDesc = useString('amity_chat_report_message_unavailable_desc');
+
+  // Tapping the "Others" row selects the reason before a single character is
+  // typed, so `selectedReason` on its own leaves Submit live over an empty
+  // free-text field — and submitting then sends '' as the reason.
+  const isOthersReasonBlank = selectedReason === ContentFlagReasonEnum.Others && !otherReasonText.trim();
+  const isDisabledSubmitButton = !selectedReason || isOthersReasonBlank || !online || isPendingReport;
+  function handleBack() {
+    // Web resets both the selected reason and the sub-view flag.
+    setSelectedReason(undefined);
+    setIsShowOthersOption(false);
+  }
+  function handleRadioChange(value) {
+    setSelectedReason(value);
+  }
+  function handleSubmitReport() {
+    if (!message.messageId || isDisabledSubmitButton) return;
+
+    // Web sends the free text for Others, the enum value otherwise.
+    const reason = selectedReason === ContentFlagReasonEnum.Others ? otherReasonText.trim() : selectedReason;
+
+    // The hook owns the toasts, the duplicate-report guard, the NOT_FOUND →
+    // isMessageDeleted swap, and refreshing the flag state the bubble menu reads.
+    report({
+      reason,
+      onSuccess: requestClose
+    });
+  }
+  return /*#__PURE__*/React.createElement(BottomSheet, {
+    visible: sheetVisible
+    // 90% of the viewport, per Figma — a full-height sheet, not a full screen.
+    ,
+    height: "90%"
+    // The page measures its own box and publishes it; 90% of the device would
+    // come out taller than the page whenever a host app mounts the UIKit
+    // under its own chrome.
+    ,
+    containerHeight: surfaceHeight,
+    closeOnDragDown: true,
+    closeOnBackdropPress: true,
+    onClose: onClose
+  }, /*#__PURE__*/React.createElement(View, {
+    style: styles.screen
+  }, isMessageDeleted ?
+  /*#__PURE__*/
+  // The message was deleted out from under this sheet.
+  // Replace the body with the settled error state — what web does on
+  // NOT_FOUND — rather than leaving the form up behind a toast.
+  React.createElement(FailedToShow, {
+    style: styles.failed,
+    title: messageUnavailableTitle,
+    description: messageUnavailableDesc
+  }) : /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(View, {
+    style: styles.header
+  }, /*#__PURE__*/React.createElement(View, {
+    style: [styles.headerSlot, styles.headerSlotLeft]
+  }, isShowOthersOption ? /*#__PURE__*/React.createElement(Pressable, {
+    style: styles.iconButton,
+    onPress: handleBack,
+    accessibilityRole: "button",
+    accessibilityLabel: "Back"
+  }, /*#__PURE__*/React.createElement(AmityIcon, {
+    name: "chevron-left",
+    size: 24,
+    tokenColor: AmityColorToken.IconIconButtonGhostSecondaryDefault
+  })) : null), /*#__PURE__*/React.createElement(View, {
+    style: [styles.headerSlot, styles.headerSlotCenter]
+  }, /*#__PURE__*/React.createElement(Typography, {
+    variant: "titleBold",
+    style: styles.title,
+    numberOfLines: 1
+  }, isShowOthersOption ? othersTitle : reportReasonTitle)), /*#__PURE__*/React.createElement(View, {
+    style: [styles.headerSlot, styles.headerSlotRight]
+  }, /*#__PURE__*/React.createElement(Pressable, {
+    style: styles.iconButton,
+    onPress: requestClose,
+    accessibilityRole: "button",
+    accessibilityLabel: closeButtonText
+  }, /*#__PURE__*/React.createElement(AmityIcon, {
+    name: "cross-l",
+    size: 24,
+    tokenColor: AmityColorToken.IconIconButtonGhostSecondaryDefault
+  })))), /*#__PURE__*/React.createElement(BottomSheet.ScrollView, {
+    style: styles.content,
+    contentContainerStyle: styles.contentContainer
+  }, isShowOthersOption ? /*#__PURE__*/React.createElement(View, {
+    style: styles.othersField
+  }, /*#__PURE__*/React.createElement(Input.Text, {
+    title: reportOtherReasonDesc,
+    optionalLabel: reportOtherReasonOptional,
+    showCharacterCount: true,
+    maxLength: MAX_LENGTH_DESCRIBE,
+    placeholder: reportTextPlaceholder,
+    value: otherReasonText,
+    onChange: setOtherReasonText
+    // multiLine is what lets a reason typed up to
+    // MAX_LENGTH_DESCRIBE wrap instead of scrolling sideways, and it
+    // top-aligns the row so the label sits level with the first line.
+    // blockNewLine then refuses Enter without giving the wrap up: the
+    // design allows a long reason, just not a multi-line one.
+    ,
+    multiLine: true,
+    blockNewLine: true
+  })) : /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(Typography, {
+    variant: "caption",
+    style: styles.description
+  }, reportListDescription), REPORT_REASONS.map(reason => /*#__PURE__*/React.createElement(View, {
+    key: reason.value,
+    style: styles.rowSurface
+  }, /*#__PURE__*/React.createElement(Selection.Radio, {
+    isSelected: selectedReason === reason.value,
+    onSelect: () => handleRadioChange(reason.value),
+    accessibilityLabel: resolveString(reason.labelKey)
+  }, /*#__PURE__*/React.createElement(Typography, {
+    variant: "bodyBold",
+    style: styles.option
+  }, resolveString(reason.labelKey))))), /*#__PURE__*/React.createElement(Pressable, {
+    style: styles.row,
+    onPress: () => {
+      setSelectedReason(ContentFlagReasonEnum.Others);
+      setIsShowOthersOption(true);
+    },
+    accessibilityRole: "button",
+    accessibilityLabel: othersTitle
+  }, /*#__PURE__*/React.createElement(Typography, {
+    variant: "bodyBold",
+    style: styles.option
+  }, othersTitle), /*#__PURE__*/React.createElement(AmityIcon, {
+    name: "chevron-right",
+    size: 24,
+    tokenColor: AmityColorToken.IconListLeadingDefaultDefault
+  }))))), /*#__PURE__*/React.createElement(View, {
+    style: styles.bottomBar
+  }, isMessageDeleted ? /*#__PURE__*/React.createElement(Button, {
+    hierarchy: "primary",
+    size: "lg",
+    fullWidth: true,
+    label: closeButtonText,
+    onPress: requestClose
+  }) : /*#__PURE__*/React.createElement(Button, {
+    hierarchy: "primary",
+    size: "lg",
+    fullWidth: true,
+    label: submitButtonText,
+    disabled: isDisabledSubmitButton,
+    onPress: handleSubmitReport
+  }))));
+}
+//# sourceMappingURL=ContentReportReason.js.map

package/lib/module/chat/features/shared/components/ContentReportReason/ContentReportReason.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["useEffect","useState","Pressable","View","ContentFlagReasonEnum","MessageRepository","BottomSheet","Typography","AmityIcon","AmityColorToken","Selection","Input","Button","resolveString","useString","useFlagMessageQuery","useNetworkOnline","useChatSurfaceHeight","FailedToShow","useStyles","MAX_LENGTH_DESCRIBE","REPORT_REASONS","value","CommunityGuidelines","labelKey","HarassmentOrBullying","SelfHarmOrSuicide","ViolenceOrThreateningContent","SellingRestrictedItems","SexualContentOrNudity","SpamOrScams","FalseInformation","ContentReportReason","visible","message","onClose","styles","surfaceHeight","sheetVisible","setSheetVisible","requestClose","online","report","isMessageDeleted","isMessageDeletedFromReport","isPendingReport","messageId","enabled","liveMessage","setLiveMessage","undefined","unsubscribe","getMessage","result","data","isDeleted","isShowOthersOption","setIsShowOthersOption","otherReasonText","setOtherReasonText","selectedReason","setSelectedReason","othersTitle","reportReasonTitle","reportOtherReasonDesc","reportOtherReasonOptional","reportTextPlaceholder","reportListDescription","closeButtonText","submitButtonText","messageUnavailableTitle","messageUnavailableDesc","isOthersReasonBlank","Others","trim","isDisabledSubmitButton","handleBack","handleRadioChange","handleSubmitReport","reason","onSuccess","React","createElement","height","containerHeight","closeOnDragDown","closeOnBackdropPress","style","screen","failed","title","description","Fragment","header","headerSlot","headerSlotLeft","iconButton","onPress","accessibilityRole","accessibilityLabel","name","size","tokenColor","IconIconButtonGhostSecondaryDefault","headerSlotCenter","variant","numberOfLines","headerSlotRight","ScrollView","content","contentContainerStyle","contentContainer","othersField","Text","optionalLabel","showCharacterCount","maxLength","placeholder","onChange","multiLine","blockNewLine","map","key","rowSurface","Radio","isSelected","onSelect","option","row","IconListLeadingDefaultDefault","bottomBar","hierarchy","fullWidth","label","disabled"],"sourceRoot":"../../../../../../../src","sources":["chat/features/shared/components/ContentReportReason/ContentReportReason.tsx"],"mappings":"AAAA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA,SAASA,SAAS,EAAEC,QAAQ,QAAQ,OAAO;AAC3C,SAASC,SAAS,EAAEC,IAAI,QAAQ,cAAc;;AAE9C;AACA,SACEC,qBAAqB,EACrBC,iBAAiB,QACZ,8BAA8B;;AAErC;AACA,SAASC,WAAW,QAAQ,mDAAmD;AAC/E,SAASC,UAAU,QAAQ,kDAAkD;AAC7E,SAASC,SAAS,QAAQ,kCAAkC;AAC5D,SAASC,eAAe,QAAQ,sDAAsD;AACtF,SAASC,SAAS,QAAQ,4CAA4C;AACtE,SAASC,KAAK,QAAQ,wCAAwC;AAC9D,SAASC,MAAM,QAAQ,yCAAyC;AAChE,SAASC,aAAa,EAAEC,SAAS,QAAQ,kCAAkC;AAC3E,SAASC,mBAAmB,QAAQ,2BAA2B;AAC/D,SAASC,gBAAgB,QAAQ,oCAAoC;AACrE,SAASC,oBAAoB,QAAQ,wCAAwC;AAC7E,SAASC,YAAY,QAAQ,iBAAiB;AAC9C,SAASC,SAAS,QAAQ,UAAU;;AAEpC;;AAOA,MAAMC,mBAAmB,GAAG,GAAG;;AAE/B;AACA;AACA,MAAMC,cAAoE,GAAG,CAC3E;EACEC,KAAK,EAAElB,qBAAqB,CAACmB,mBAAmB;EAChDC,QAAQ,EAAE;AACZ,CAAC,EACD;EACEF,KAAK,EAAElB,qBAAqB,CAACqB,oBAAoB;EACjDD,QAAQ,EAAE;AACZ,CAAC,EACD;EACEF,KAAK,EAAElB,qBAAqB,CAACsB,iBAAiB;EAC9CF,QAAQ,EAAE;AACZ,CAAC,EACD;EACEF,KAAK,EAAElB,qBAAqB,CAACuB,4BAA4B;EACzDH,QAAQ,EAAE;AACZ,CAAC,EACD;EACEF,KAAK,EAAElB,qBAAqB,CAACwB,sBAAsB;EACnDJ,QAAQ,EAAE;AACZ,CAAC,EACD;EACEF,KAAK,EAAElB,qBAAqB,CAACyB,qBAAqB;EAClDL,QAAQ,EAAE;AACZ,CAAC,EACD;EACEF,KAAK,EAAElB,qBAAqB,CAAC0B,WAAW;EACxCN,QAAQ,EAAE;AACZ,CAAC,EACD;EACEF,KAAK,EAAElB,qBAAqB,CAAC2B,gBAAgB;EAC7CP,QAAQ,EAAE;AACZ,CAAC,CACF;;AAED;AACA,OAAO,SAASQ,mBAAmBA,CAAC;EAClCC,OAAO;EACPC,OAAO;EACPC;AACwB,CAAC,EAAE;EAC3B,MAAM;IAAEC;EAAO,CAAC,GAAGjB,SAAS,CAAC,CAAC;;EAE9B;EACA;EACA;EACA;EACA,MAAMkB,aAAa,GAAGpB,oBAAoB,CAAC,CAAC;;EAE5C;EACA;EACA;EACA;EACA;EACA,MAAM,CAACqB,YAAY,EAAEC,eAAe,CAAC,GAAGtC,QAAQ,CAAC,IAAI,CAAC;EACtD,MAAMuC,YAAY,GAAGA,CAAA,KAAMD,eAAe,CAAC,KAAK,CAAC;EAEjDvC,SAAS,CAAC,MAAM;IACd,IAAI,CAACiC,OAAO,EAAEM,eAAe,CAAC,KAAK,CAAC;EACtC,CAAC,EAAE,CAACN,OAAO,CAAC,CAAC;EACb,MAAM;IAAEQ;EAAO,CAAC,GAAGzB,gBAAgB,CAAC,CAAC;EACrC,MAAM;IACJ0B,MAAM;IACNC,gBAAgB,EAAEC,0BAA0B;IAC5CC;EACF,CAAC,GAAG9B,mBAAmB,CAAC;IACtB+B,SAAS,EAAEZ,OAAO,CAACY,SAAS;IAC5B;IACAC,OAAO,EAAEd,OAAO,IAAI,CAAC,CAACC,OAAO,CAACY;EAChC,CAAC,CAAC;;EAEF;EACA;EACA;EACA;EACA;EACA;EACA,MAAM,CAACE,WAAW,EAAEC,cAAc,CAAC,GAAGhD,QAAQ,CAAgBiC,OAAO,CAAC;EAEtElC,SAAS,CAAC,MAAM;IACd,IAAI,CAACiC,OAAO,IAAI,CAACC,OAAO,CAACY,SAAS,EAAE,OAAOI,SAAS;IAEpD,MAAMC,WAAW,GAAG9C,iBAAiB,CAAC+C,UAAU,CAC9ClB,OAAO,CAACY,SAAS,EAChBO,MAAM,IAAK;MACV;MACA;MACA,IAAIA,MAAM,CAACC,IAAI,EAAEL,cAAc,CAACI,MAAM,CAACC,IAAI,CAAC;IAC9C,CACF,CAAC;IAED,OAAO,MAAMH,WAAW,CAAC,CAAC;EAC5B,CAAC,EAAE,CAAClB,OAAO,EAAEC,OAAO,CAACY,SAAS,CAAC,CAAC;EAEhC,MAAMH,gBAAgB,GACpBC,0BAA0B,IAAI,CAAC,CAACI,WAAW,CAACO,SAAS;EAEvD,MAAM,CAACC,kBAAkB,EAAEC,qBAAqB,CAAC,GAAGxD,QAAQ,CAAC,KAAK,CAAC;EACnE,MAAM,CAACyD,eAAe,EAAEC,kBAAkB,CAAC,GAAG1D,QAAQ,CAAC,EAAE,CAAC;EAC1D,MAAM,CAAC2D,cAAc,EAAEC,iBAAiB,CAAC,GAAG5D,QAAQ,CAElDiD,SAAS,CAAC;EAEZ,MAAMY,WAAW,GAAGhD,SAAS,CAAC,4BAA4B,CAAC;EAC3D,MAAMiD,iBAAiB,GAAGjD,SAAS,CAAC,mCAAmC,CAAC;EACxE,MAAMkD,qBAAqB,GAAGlD,SAAS,CACrC,6CACF,CAAC;EACD,MAAMmD,yBAAyB,GAAGnD,SAAS,CACzC,kDACF,CAAC;EACD,MAAMoD,qBAAqB,GAAGpD,SAAS,CACrC,kDACF,CAAC;EACD,MAAMqD,qBAAqB,GAAGrD,SAAS,CACrC,6CACF,CAAC;EACD,MAAMsD,eAAe,GAAGtD,SAAS,CAAC,wCAAwC,CAAC;EAC3E,MAAMuD,gBAAgB,GAAGvD,SAAS,CAChC,0CACF,CAAC;EACD;EACA;EACA;EACA,MAAMwD,uBAAuB,GAAGxD,SAAS,CACvC,6CACF,CAAC;EACD,MAAMyD,sBAAsB,GAAGzD,SAAS,CACtC,4CACF,CAAC;;EAED;EACA;EACA;EACA,MAAM0D,mBAAmB,GACvBZ,cAAc,KAAKxD,qBAAqB,CAACqE,MAAM,IAAI,CAACf,eAAe,CAACgB,IAAI,CAAC,CAAC;EAE5E,MAAMC,sBAAsB,GAC1B,CAACf,cAAc,IAAIY,mBAAmB,IAAI,CAAC/B,MAAM,IAAII,eAAe;EAEtE,SAAS+B,UAAUA,CAAA,EAAG;IACpB;IACAf,iBAAiB,CAACX,SAAS,CAAC;IAC5BO,qBAAqB,CAAC,KAAK,CAAC;EAC9B;EAEA,SAASoB,iBAAiBA,CAACvD,KAA4B,EAAE;IACvDuC,iBAAiB,CAACvC,KAAK,CAAC;EAC1B;EAEA,SAASwD,kBAAkBA,CAAA,EAAG;IAC5B,IAAI,CAAC5C,OAAO,CAACY,SAAS,IAAI6B,sBAAsB,EAAE;;IAElD;IACA,MAAMI,MAAM,GACVnB,cAAc,KAAKxD,qBAAqB,CAACqE,MAAM,GAC3Cf,eAAe,CAACgB,IAAI,CAAC,CAAC,GACtBd,cAAc;;IAEpB;IACA;IACAlB,MAAM,CAAC;MAAEqC,MAAM;MAAEC,SAAS,EAAExC;IAAa,CAAC,CAAC;EAC7C;EAEA,oBACEyC,KAAA,CAAAC,aAAA,CAAC5E,WAAW;IACV2B,OAAO,EAAEK;IACT;IAAA;IACA6C,MAAM,EAAC;IACP;IACA;IACA;IAAA;IACAC,eAAe,EAAE/C,aAAc;IAC/BgD,eAAe;IACfC,oBAAoB;IACpBnD,OAAO,EAAEA;EAAQ,gBAEjB8C,KAAA,CAAAC,aAAA,CAAC/E,IAAI;IAACoF,KAAK,EAAEnD,MAAM,CAACoD;EAAO,GACxB7C,gBAAgB;EAAA;EACf;EACA;EACA;EACAsC,KAAA,CAAAC,aAAA,CAAChE,YAAY;IACXqE,KAAK,EAAEnD,MAAM,CAACqD,MAAO;IACrBC,KAAK,EAAEpB,uBAAwB;IAC/BqB,WAAW,EAAEpB;EAAuB,CACrC,CAAC,gBAEFU,KAAA,CAAAC,aAAA,CAAAD,KAAA,CAAAW,QAAA,qBACEX,KAAA,CAAAC,aAAA,CAAC/E,IAAI;IAACoF,KAAK,EAAEnD,MAAM,CAACyD;EAAO,gBACzBZ,KAAA,CAAAC,aAAA,CAAC/E,IAAI;IAACoF,KAAK,EAAE,CAACnD,MAAM,CAAC0D,UAAU,EAAE1D,MAAM,CAAC2D,cAAc;EAAE,GACrDvC,kBAAkB,gBACjByB,KAAA,CAAAC,aAAA,CAAChF,SAAS;IACRqF,KAAK,EAAEnD,MAAM,CAAC4D,UAAW;IACzBC,OAAO,EAAErB,UAAW;IACpBsB,iBAAiB,EAAC,QAAQ;IAC1BC,kBAAkB,EAAC;EAAM,gBAEzBlB,KAAA,CAAAC,aAAA,CAAC1E,SAAS;IACR4F,IAAI,EAAC,cAAc;IACnBC,IAAI,EAAE,EAAG;IACTC,UAAU,EACR7F,eAAe,CAAC8F;EACjB,CACF,CACQ,CAAC,GACV,IACA,CAAC,eACPtB,KAAA,CAAAC,aAAA,CAAC/E,IAAI;IAACoF,KAAK,EAAE,CAACnD,MAAM,CAAC0D,UAAU,EAAE1D,MAAM,CAACoE,gBAAgB;EAAE,gBACxDvB,KAAA,CAAAC,aAAA,CAAC3E,UAAU;IACTkG,OAAO,EAAC,WAAW;IACnBlB,KAAK,EAAEnD,MAAM,CAACsD,KAAM;IACpBgB,aAAa,EAAE;EAAE,GAEhBlD,kBAAkB,GAAGM,WAAW,GAAGC,iBAC1B,CACR,CAAC,eAKPkB,KAAA,CAAAC,aAAA,CAAC/E,IAAI;IAACoF,KAAK,EAAE,CAACnD,MAAM,CAAC0D,UAAU,EAAE1D,MAAM,CAACuE,eAAe;EAAE,gBACvD1B,KAAA,CAAAC,aAAA,CAAChF,SAAS;IACRqF,KAAK,EAAEnD,MAAM,CAAC4D,UAAW;IACzBC,OAAO,EAAEzD,YAAa;IACtB0D,iBAAiB,EAAC,QAAQ;IAC1BC,kBAAkB,EAAE/B;EAAgB,gBAEpCa,KAAA,CAAAC,aAAA,CAAC1E,SAAS;IACR4F,IAAI,EAAC,SAAS;IACdC,IAAI,EAAE,EAAG;IACTC,UAAU,EACR7F,eAAe,CAAC8F;EACjB,CACF,CACQ,CACP,CACF,CAAC,eAIPtB,KAAA,CAAAC,aAAA,CAAC5E,WAAW,CAACsG,UAAU;IACrBrB,KAAK,EAAEnD,MAAM,CAACyE,OAAQ;IACtBC,qBAAqB,EAAE1E,MAAM,CAAC2E;EAAiB,GAE9CvD,kBAAkB,gBACjByB,KAAA,CAAAC,aAAA,CAAC/E,IAAI;IAACoF,KAAK,EAAEnD,MAAM,CAAC4E;EAAY,gBAC9B/B,KAAA,CAAAC,aAAA,CAACvE,KAAK,CAACsG,IAAI;IACTvB,KAAK,EAAE1B,qBAAsB;IAC7BkD,aAAa,EAAEjD,yBAA0B;IACzCkD,kBAAkB;IAClBC,SAAS,EAAEhG,mBAAoB;IAC/BiG,WAAW,EAAEnD,qBAAsB;IACnC5C,KAAK,EAAEoC,eAAgB;IACvB4D,QAAQ,EAAE3D;IACV;IACA;IACA;IACA;IACA;IAAA;IACA4D,SAAS;IACTC,YAAY;EAAA,CACb,CACG,CAAC,gBAEPvC,KAAA,CAAAC,aAAA,CAAAD,KAAA,CAAAW,QAAA,qBACEX,KAAA,CAAAC,aAAA,CAAC3E,UAAU;IAACkG,OAAO,EAAC,SAAS;IAAClB,KAAK,EAAEnD,MAAM,CAACuD;EAAY,GACrDxB,qBACS,CAAC,EACZ9C,cAAc,CAACoG,GAAG,CAAE1C,MAAM,iBACzBE,KAAA,CAAAC,aAAA,CAAC/E,IAAI;IAACuH,GAAG,EAAE3C,MAAM,CAACzD,KAAM;IAACiE,KAAK,EAAEnD,MAAM,CAACuF;EAAW,gBAChD1C,KAAA,CAAAC,aAAA,CAACxE,SAAS,CAACkH,KAAK;IACdC,UAAU,EAAEjE,cAAc,KAAKmB,MAAM,CAACzD,KAAM;IAC5CwG,QAAQ,EAAEA,CAAA,KAAMjD,iBAAiB,CAACE,MAAM,CAACzD,KAAK,CAAE;IAChD6E,kBAAkB,EAAEtF,aAAa,CAACkE,MAAM,CAACvD,QAAQ;EAAE,gBAEnDyD,KAAA,CAAAC,aAAA,CAAC3E,UAAU;IAACkG,OAAO,EAAC,UAAU;IAAClB,KAAK,EAAEnD,MAAM,CAAC2F;EAAO,GACjDlH,aAAa,CAACkE,MAAM,CAACvD,QAAQ,CACpB,CACG,CACb,CACP,CAAC,eACFyD,KAAA,CAAAC,aAAA,CAAChF,SAAS;IACRqF,KAAK,EAAEnD,MAAM,CAAC4F,GAAI;IAClB/B,OAAO,EAAEA,CAAA,KAAM;MACbpC,iBAAiB,CAACzD,qBAAqB,CAACqE,MAAM,CAAC;MAC/ChB,qBAAqB,CAAC,IAAI,CAAC;IAC7B,CAAE;IACFyC,iBAAiB,EAAC,QAAQ;IAC1BC,kBAAkB,EAAErC;EAAY,gBAEhCmB,KAAA,CAAAC,aAAA,CAAC3E,UAAU;IAACkG,OAAO,EAAC,UAAU;IAAClB,KAAK,EAAEnD,MAAM,CAAC2F;EAAO,GACjDjE,WACS,CAAC,eACbmB,KAAA,CAAAC,aAAA,CAAC1E,SAAS;IACR4F,IAAI,EAAC,eAAe;IACpBC,IAAI,EAAE,EAAG;IACTC,UAAU,EAAE7F,eAAe,CAACwH;EAA8B,CAC3D,CACQ,CACX,CAEkB,CACxB,CACH,eAEDhD,KAAA,CAAAC,aAAA,CAAC/E,IAAI;IAACoF,KAAK,EAAEnD,MAAM,CAAC8F;EAAU,GAC3BvF,gBAAgB,gBACfsC,KAAA,CAAAC,aAAA,CAACtE,MAAM;IACLuH,SAAS,EAAC,SAAS;IACnB9B,IAAI,EAAC,IAAI;IACT+B,SAAS;IACTC,KAAK,EAAEjE,eAAgB;IACvB6B,OAAO,EAAEzD;EAAa,CACvB,CAAC,gBAEFyC,KAAA,CAAAC,aAAA,CAACtE,MAAM;IACLuH,SAAS,EAAC,SAAS;IACnB9B,IAAI,EAAC,IAAI;IACT+B,SAAS;IACTC,KAAK,EAAEhE,gBAAiB;IACxBiE,QAAQ,EAAE3D,sBAAuB;IACjCsB,OAAO,EAAEnB;EAAmB,CAC7B,CAEC,CACF,CACK,CAAC;AAElB","ignoreList":[]}

package/lib/module/chat/features/shared/components/ContentReportReason/index.js

@@ -0,0 +1,2 @@
+export { ContentReportReason } from './ContentReportReason';
+//# sourceMappingURL=index.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["ContentReportReason"],"sourceRoot":"../../../../../../../src","sources":["chat/features/shared/components/ContentReportReason/index.ts"],"mappings":"AAAA,SAASA,mBAAmB,QAAQ,uBAAuB","ignoreList":[]}

package/lib/module/chat/features/shared/components/ContentReportReason/styles.js

@@ -0,0 +1,113 @@
+// Styles for ContentReportReason — ported from AmityUiKitWeb
+// core/design/components/ContentReportReason/ContentReportReason.module.css.
+// Web is a drawer at `data-full-height` (capped at 96%); RN is a bottom sheet at 90%
+// per Figma.
+// 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`.
+
+import { StyleSheet } from 'react-native';
+import { useSafeAreaInsets } from 'react-native-safe-area-context';
+import { useToken } from '../../../../../core/design/theme/useToken';
+import { AmityColorToken } from '../../../../../core/design/tokens/amity-color-tokens';
+export const useStyles = () => {
+  const token = useToken();
+  const {
+    bottom
+  } = useSafeAreaInsets();
+  const styles = StyleSheet.create({
+    // The sheet body itself. Matches the shared BottomSheetComponent's container:
+    // sheet background + the bottom safe-area inset, since a bottom sheet's lower
+    // edge sits on the screen edge (home indicator / gesture bar).
+    sheet: {
+      backgroundColor: token(AmityColorToken.SurfaceSheetsBackgroundGeneral),
+      paddingBottom: bottom
+    },
+    screen: {
+      height: '100%',
+      backgroundColor: token(AmityColorToken.SurfaceSheetsBackgroundGeneral)
+    },
+    header: {
+      flexDirection: 'row',
+      alignItems: 'center',
+      justifyContent: 'space-between',
+      paddingVertical: 12,
+      paddingHorizontal: 16,
+      borderBottomWidth: 1,
+      borderBottomColor: token(AmityColorToken.LineDividerPostDefault),
+      backgroundColor: token(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(AmityColorToken.TextSheetsHeaderTitleDefault)
+    },
+    content: {
+      flex: 1
+    },
+    contentContainer: {
+      paddingBottom: 48
+    },
+    description: {
+      paddingVertical: 12,
+      paddingHorizontal: 16,
+      color: token(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(AmityColorToken.SurfaceListDefaultDefault)
+    },
+    // Background behind a Selection.Radio (the atom owns its own padded row layout).
+    rowSurface: {
+      backgroundColor: token(AmityColorToken.SurfaceListDefaultDefault)
+    },
+    option: {
+      flex: 1,
+      color: token(AmityColorToken.TextListHeaderDefaultDefault)
+    },
+    othersField: {
+      paddingTop: 24,
+      paddingHorizontal: 16
+    },
+    // The error state fills the space the header + list would have taken, so the
+    // icon/title/description group sits optically centred in the sheet.
+    failed: {
+      flex: 1
+    },
+    bottomBar: {
+      padding: 16,
+      borderTopWidth: 1,
+      borderTopColor: token(AmityColorToken.LineDividerPostDefault),
+      backgroundColor: token(AmityColorToken.SurfaceSheetsBackgroundGeneral)
+    }
+  });
+  return {
+    styles,
+    token
+  };
+};
+//# sourceMappingURL=styles.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["StyleSheet","useSafeAreaInsets","useToken","AmityColorToken","useStyles","token","bottom","styles","create","sheet","backgroundColor","SurfaceSheetsBackgroundGeneral","paddingBottom","screen","height","header","flexDirection","alignItems","justifyContent","paddingVertical","paddingHorizontal","borderBottomWidth","borderBottomColor","LineDividerPostDefault","headerSlot","flex","headerSlotLeft","headerSlotCenter","headerSlotRight","iconButton","width","title","textAlign","color","TextSheetsHeaderTitleDefault","content","contentContainer","description","TextListTextDescriptionDefaultDefault","row","padding","SurfaceListDefaultDefault","rowSurface","option","TextListHeaderDefaultDefault","othersField","paddingTop","failed","bottomBar","borderTopWidth","borderTopColor"],"sourceRoot":"../../../../../../../src","sources":["chat/features/shared/components/ContentReportReason/styles.ts"],"mappings":"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","ignoreList":[]}

package/lib/module/chat/features/shared/components/DateSeparator/DateSeparator.js

@@ -0,0 +1,30 @@
+// 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
+import { View } from 'react-native';
+
+// 2. Internal imports
+import { Typography } from '../../../../../core/design/components/Typography';
+import { useStyles } from './styles';
+
+// 3. Types
+
+// 4. Named function component
+export function DateSeparator({
+  label
+}) {
+  const {
+    styles
+  } = useStyles();
+  return /*#__PURE__*/React.createElement(View, {
+    style: styles.dateSeparator,
+    accessibilityRole: "text"
+  }, /*#__PURE__*/React.createElement(View, {
+    style: styles.pill
+  }, /*#__PURE__*/React.createElement(Typography, {
+    variant: "caption",
+    style: styles.label
+  }, label)));
+}
+//# sourceMappingURL=DateSeparator.js.map

package/lib/module/chat/features/shared/components/DateSeparator/DateSeparator.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["View","Typography","useStyles","DateSeparator","label","styles","React","createElement","style","dateSeparator","accessibilityRole","pill","variant"],"sourceRoot":"../../../../../../../src","sources":["chat/features/shared/components/DateSeparator/DateSeparator.tsx"],"mappings":"AAAA;AACA;;AAEA;AACA,SAASA,IAAI,QAAQ,cAAc;;AAEnC;AACA,SAASC,UAAU,QAAQ,kDAAkD;AAC7E,SAASC,SAAS,QAAQ,UAAU;;AAEpC;;AAKA;AACA,OAAO,SAASC,aAAaA,CAAC;EAAEC;AAA0B,CAAC,EAAE;EAC3D,MAAM;IAAEC;EAAO,CAAC,GAAGH,SAAS,CAAC,CAAC;EAE9B,oBACEI,KAAA,CAAAC,aAAA,CAACP,IAAI;IAACQ,KAAK,EAAEH,MAAM,CAACI,aAAc;IAACC,iBAAiB,EAAC;EAAM,gBACzDJ,KAAA,CAAAC,aAAA,CAACP,IAAI;IAACQ,KAAK,EAAEH,MAAM,CAACM;EAAK,gBACvBL,KAAA,CAAAC,aAAA,CAACN,UAAU;IAACW,OAAO,EAAC,SAAS;IAACJ,KAAK,EAAEH,MAAM,CAACD;EAAM,GAC/CA,KACS,CACR,CACF,CAAC;AAEX","ignoreList":[]}

package/lib/module/chat/features/shared/components/DateSeparator/index.js

@@ -0,0 +1,2 @@
+export { DateSeparator } from './DateSeparator';
+//# sourceMappingURL=index.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["DateSeparator"],"sourceRoot":"../../../../../../../src","sources":["chat/features/shared/components/DateSeparator/index.ts"],"mappings":"AAAA,SAASA,aAAa,QAAQ,iBAAiB","ignoreList":[]}