@amityco/react-native-social-uikit 4.2.0 → 4.2.1-7d6de7d.0

package/lib/module/chat/elements/Avatar/index.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["Avatar"],"sourceRoot":"../../../../../src","sources":["chat/elements/Avatar/index.ts"],"mappings":"AAAA,SAASA,MAAM,QAAQ,UAAU","ignoreList":[]}

package/lib/module/chat/elements/Avatar/styles.js

@@ -0,0 +1,61 @@
+import { StyleSheet } from 'react-native';
+import { useToken } from '../../../core/design/theme/useToken';
+import { AmityColorToken } from '../../../core/design/tokens/amity-color-tokens';
+
+// Geometry from SoT tokens/geometry.json (avatarIcon) + web Avatar.module.css
+// (rem -> px, x16). GroupChat wrapper radius 0.625rem = 10; badge offsets
+// -0.125rem = -2 (default) and 0.25rem = 4 (lg).
+// Width of the indicator ring the Avatar atom draws around the badge.
+const MODERATOR_BADGE_RING = 3;
+// How far the badge overhangs the avatar frame, per the design.
+const MODERATOR_BADGE_OVERHANG = 2;
+export const useStyles = () => {
+  const token = useToken();
+  const surface = token(AmityColorToken.SurfaceAvatarProfileDefault);
+  const styles = StyleSheet.create({
+    // Avatar.User deleted placeholder — circular, holds the solid user glyph.
+    userDeleted: {
+      alignItems: 'center',
+      justifyContent: 'center',
+      borderRadius: 9999,
+      backgroundColor: surface
+    },
+    // Avatar.GroupChat — fills its parent (parent-driven size, like web 100%).
+    groupChat: {
+      position: 'relative',
+      width: '100%',
+      height: '100%'
+    },
+    groupChatImageWrapper: {
+      width: '100%',
+      height: '100%',
+      borderRadius: 10,
+      overflow: 'hidden'
+    },
+    groupChatImage: {
+      width: '100%',
+      height: '100%'
+    },
+    groupChatPlaceholder: {
+      flex: 1,
+      alignItems: 'center',
+      justifyContent: 'center',
+      backgroundColor: surface
+    },
+    privateBadge: {
+      position: 'absolute'
+    },
+    // The badge overhangs the avatar frame by 2 on both axes. The atom anchors
+    // the indicator at right/bottom 0, but its 3px ring is a real `borderWidth`,
+    // which takes layout space and pushes the 16px chip 3px inside the frame.
+    // Shift by ring + overhang to land it where the design puts it.
+    userModeratorBadge: {
+      right: -(MODERATOR_BADGE_RING + MODERATOR_BADGE_OVERHANG),
+      bottom: -(MODERATOR_BADGE_RING + MODERATOR_BADGE_OVERHANG)
+    }
+  });
+  return {
+    styles
+  };
+};
+//# sourceMappingURL=styles.js.map

package/lib/module/chat/elements/Avatar/styles.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["StyleSheet","useToken","AmityColorToken","MODERATOR_BADGE_RING","MODERATOR_BADGE_OVERHANG","useStyles","token","surface","SurfaceAvatarProfileDefault","styles","create","userDeleted","alignItems","justifyContent","borderRadius","backgroundColor","groupChat","position","width","height","groupChatImageWrapper","overflow","groupChatImage","groupChatPlaceholder","flex","privateBadge","userModeratorBadge","right","bottom"],"sourceRoot":"../../../../../src","sources":["chat/elements/Avatar/styles.ts"],"mappings":"AAAA,SAASA,UAAU,QAAQ,cAAc;AACzC,SAASC,QAAQ,QAAQ,qCAAqC;AAC9D,SAASC,eAAe,QAAQ,gDAAgD;;AAEhF;AACA;AACA;AACA;AACA,MAAMC,oBAAoB,GAAG,CAAC;AAC9B;AACA,MAAMC,wBAAwB,GAAG,CAAC;AAElC,OAAO,MAAMC,SAAS,GAAGA,CAAA,KAAM;EAC7B,MAAMC,KAAK,GAAGL,QAAQ,CAAC,CAAC;EACxB,MAAMM,OAAO,GAAGD,KAAK,CAACJ,eAAe,CAACM,2BAA2B,CAAC;EAElE,MAAMC,MAAM,GAAGT,UAAU,CAACU,MAAM,CAAC;IAC/B;IACAC,WAAW,EAAE;MACXC,UAAU,EAAE,QAAQ;MACpBC,cAAc,EAAE,QAAQ;MACxBC,YAAY,EAAE,IAAI;MAClBC,eAAe,EAAER;IACnB,CAAC;IAED;IACAS,SAAS,EAAE;MACTC,QAAQ,EAAE,UAAU;MACpBC,KAAK,EAAE,MAAM;MACbC,MAAM,EAAE;IACV,CAAC;IACDC,qBAAqB,EAAE;MACrBF,KAAK,EAAE,MAAM;MACbC,MAAM,EAAE,MAAM;MACdL,YAAY,EAAE,EAAE;MAChBO,QAAQ,EAAE;IACZ,CAAC;IACDC,cAAc,EAAE;MACdJ,KAAK,EAAE,MAAM;MACbC,MAAM,EAAE;IACV,CAAC;IACDI,oBAAoB,EAAE;MACpBC,IAAI,EAAE,CAAC;MACPZ,UAAU,EAAE,QAAQ;MACpBC,cAAc,EAAE,QAAQ;MACxBE,eAAe,EAAER;IACnB,CAAC;IACDkB,YAAY,EAAE;MACZR,QAAQ,EAAE;IACZ,CAAC;IAED;IACA;IACA;IACA;IACAS,kBAAkB,EAAE;MAClBC,KAAK,EAAE,EAAExB,oBAAoB,GAAGC,wBAAwB,CAAC;MACzDwB,MAAM,EAAE,EAAEzB,oBAAoB,GAAGC,wBAAwB;IAC3D;EACF,CAAC,CAAC;EAEF,OAAO;IAAEK;EAAO,CAAC;AACnB,CAAC","ignoreList":[]}

package/lib/module/chat/elements/AvatarPicker/AvatarPicker.js

@@ -0,0 +1,101 @@
+// AvatarPicker element — ported from AmityUiKitWeb chat/elements/AvatarPicker.
+// A tappable rounded-square tile that previews the chosen group avatar (or a
+// comments-alt placeholder) with a camera overlay.
+//
+// RN adaptations from web:
+//   - The web upload flow (FileTrigger / useImageUpload / SDK File) is NOT
+//     rebuilt here. This element surfaces the current image + a "change"
+//     affordance and delegates the actual pick + upload to the caller via
+//     `onPick`. Web `{ value, onChange }` -> `{ imageUrl, onPick }`.
+//   - Web `<img>` -> RN `<Image>`; web `Loader.Spinner` -> RN `ActivityIndicator`.
+//   - Source sheet: web's mobile branch opens a drawer holding a
+//     CameraButton + ImageButton before any file is chosen. RN mirrors that with
+//     the bottom sheet + Menu used by AmityMediaAttachmentPicker, then reports
+//     the chosen source to `onPick`. Tapping the tile must never jump straight
+//     into the gallery — that was the bug.
+
+// 1. React / RN imports
+import { Image, Pressable, View, ActivityIndicator } from 'react-native';
+
+// 2. Internal imports (relative)
+import { Menu } from '../../../core/design/components/Menu';
+import { AmityIcon } from '../../../core/design/icons';
+import { AmityColorToken } from '../../../core/design/tokens/amity-color-tokens';
+import { useString } from '../../../core/localization';
+import { useBottomSheet } from '../../../core/stores/slices/bottomSheetSlice';
+import { useStyles } from './styles';
+
+// 3. Types
+/** Which picker the user chose in the source sheet (web: CameraButton / ImageButton). */
+
+// 4. Named function component
+export function AvatarPicker({
+  imageUrl,
+  onPick,
+  isUploading = false
+}) {
+  const {
+    styles,
+    token
+  } = useStyles();
+  const {
+    openBottomSheet,
+    closeBottomSheet,
+    bottomSheetHeight
+  } = useBottomSheet();
+
+  // Same two strings web's drawer uses for these rows.
+  const cameraLabel = useString('amity_chat_media_camera');
+  const photoLabel = useString('amity_chat_media_photo');
+  function handleSelect(source) {
+    closeBottomSheet();
+    onPick(source);
+  }
+  function handlePress() {
+    openBottomSheet({
+      height: bottomSheetHeight[2],
+      content: /*#__PURE__*/React.createElement(View, {
+        style: styles.sourceSheet
+      }, /*#__PURE__*/React.createElement(Menu, {
+        variant: "chat",
+        container: "drawer"
+      }, /*#__PURE__*/React.createElement(Menu.Item, {
+        icon: "camera-r",
+        label: cameraLabel,
+        onPress: () => handleSelect('camera')
+      }), /*#__PURE__*/React.createElement(Menu.Item, {
+        icon: "image-r",
+        label: photoLabel,
+        onPress: () => handleSelect('photo')
+      })))
+    });
+  }
+  return /*#__PURE__*/React.createElement(Pressable, {
+    style: styles.picker,
+    onPress: handlePress,
+    disabled: isUploading,
+    accessibilityRole: "button",
+    accessibilityLabel: "Upload group avatar"
+  }, imageUrl ? /*#__PURE__*/React.createElement(Image, {
+    source: {
+      uri: imageUrl
+    },
+    style: styles.image
+  }) : /*#__PURE__*/React.createElement(View, {
+    style: styles.placeholder
+  }, /*#__PURE__*/React.createElement(AmityIcon, {
+    name: "comments-alt-s",
+    size: 48,
+    tokenColor: AmityColorToken.IconAvatarDefault
+  })), /*#__PURE__*/React.createElement(View, {
+    style: styles.overlay
+  }, isUploading ? /*#__PURE__*/React.createElement(ActivityIndicator, {
+    size: "small",
+    color: token(AmityColorToken.IconAvatarDefault)
+  }) : /*#__PURE__*/React.createElement(AmityIcon, {
+    name: "camera-r",
+    size: 48,
+    tokenColor: AmityColorToken.IconAvatarDefault
+  })));
+}
+//# sourceMappingURL=AvatarPicker.js.map

package/lib/module/chat/elements/AvatarPicker/AvatarPicker.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["Image","Pressable","View","ActivityIndicator","Menu","AmityIcon","AmityColorToken","useString","useBottomSheet","useStyles","AvatarPicker","imageUrl","onPick","isUploading","styles","token","openBottomSheet","closeBottomSheet","bottomSheetHeight","cameraLabel","photoLabel","handleSelect","source","handlePress","height","content","React","createElement","style","sourceSheet","variant","container","Item","icon","label","onPress","picker","disabled","accessibilityRole","accessibilityLabel","uri","image","placeholder","name","size","tokenColor","IconAvatarDefault","overlay","color"],"sourceRoot":"../../../../../src","sources":["chat/elements/AvatarPicker/AvatarPicker.tsx"],"mappings":"AAAA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA,SAASA,KAAK,EAAEC,SAAS,EAAEC,IAAI,EAAEC,iBAAiB,QAAQ,cAAc;;AAExE;AACA,SAASC,IAAI,QAAQ,sCAAsC;AAC3D,SAASC,SAAS,QAAQ,4BAA4B;AACtD,SAASC,eAAe,QAAQ,gDAAgD;AAChF,SAASC,SAAS,QAAQ,4BAA4B;AACtD,SAASC,cAAc,QAAQ,8CAA8C;AAC7E,SAASC,SAAS,QAAQ,UAAU;;AAEpC;AACA;;AAYA;AACA,OAAO,SAASC,YAAYA,CAAC;EAC3BC,QAAQ;EACRC,MAAM;EACNC,WAAW,GAAG;AACG,CAAC,EAAE;EACpB,MAAM;IAAEC,MAAM;IAAEC;EAAM,CAAC,GAAGN,SAAS,CAAC,CAAC;EACrC,MAAM;IAAEO,eAAe;IAAEC,gBAAgB;IAAEC;EAAkB,CAAC,GAC5DV,cAAc,CAAC,CAAC;;EAElB;EACA,MAAMW,WAAW,GAAGZ,SAAS,CAAC,yBAAyB,CAAC;EACxD,MAAMa,UAAU,GAAGb,SAAS,CAAC,wBAAwB,CAAC;EAEtD,SAASc,YAAYA,CAACC,MAA0B,EAAE;IAChDL,gBAAgB,CAAC,CAAC;IAClBL,MAAM,CAACU,MAAM,CAAC;EAChB;EAEA,SAASC,WAAWA,CAAA,EAAG;IACrBP,eAAe,CAAC;MACdQ,MAAM,EAAEN,iBAAiB,CAAC,CAAC,CAAmC;MAC9DO,OAAO,eACLC,KAAA,CAAAC,aAAA,CAACzB,IAAI;QAAC0B,KAAK,EAAEd,MAAM,CAACe;MAAY,gBAC9BH,KAAA,CAAAC,aAAA,CAACvB,IAAI;QAAC0B,OAAO,EAAC,MAAM;QAACC,SAAS,EAAC;MAAQ,gBACrCL,KAAA,CAAAC,aAAA,CAACvB,IAAI,CAAC4B,IAAI;QACRC,IAAI,EAAC,UAAU;QACfC,KAAK,EAAEf,WAAY;QACnBgB,OAAO,EAAEA,CAAA,KAAMd,YAAY,CAAC,QAAQ;MAAE,CACvC,CAAC,eACFK,KAAA,CAAAC,aAAA,CAACvB,IAAI,CAAC4B,IAAI;QACRC,IAAI,EAAC,SAAS;QACdC,KAAK,EAAEd,UAAW;QAClBe,OAAO,EAAEA,CAAA,KAAMd,YAAY,CAAC,OAAO;MAAE,CACtC,CACG,CACF;IAEV,CAAC,CAAC;EACJ;EAEA,oBACEK,KAAA,CAAAC,aAAA,CAAC1B,SAAS;IACR2B,KAAK,EAAEd,MAAM,CAACsB,MAAO;IACrBD,OAAO,EAAEZ,WAAY;IACrBc,QAAQ,EAAExB,WAAY;IACtByB,iBAAiB,EAAC,QAAQ;IAC1BC,kBAAkB,EAAC;EAAqB,GAEvC5B,QAAQ,gBACPe,KAAA,CAAAC,aAAA,CAAC3B,KAAK;IAACsB,MAAM,EAAE;MAAEkB,GAAG,EAAE7B;IAAS,CAAE;IAACiB,KAAK,EAAEd,MAAM,CAAC2B;EAAM,CAAE,CAAC,gBAEzDf,KAAA,CAAAC,aAAA,CAACzB,IAAI;IAAC0B,KAAK,EAAEd,MAAM,CAAC4B;EAAY,gBAC9BhB,KAAA,CAAAC,aAAA,CAACtB,SAAS;IACRsC,IAAI,EAAC,gBAAgB;IACrBC,IAAI,EAAE,EAAG;IACTC,UAAU,EAAEvC,eAAe,CAACwC;EAAkB,CAC/C,CACG,CACP,eACDpB,KAAA,CAAAC,aAAA,CAACzB,IAAI;IAAC0B,KAAK,EAAEd,MAAM,CAACiC;EAAQ,GACzBlC,WAAW,gBACVa,KAAA,CAAAC,aAAA,CAACxB,iBAAiB;IAChByC,IAAI,EAAC,OAAO;IACZI,KAAK,EAAEjC,KAAK,CAACT,eAAe,CAACwC,iBAAiB;EAAE,CACjD,CAAC,gBAEFpB,KAAA,CAAAC,aAAA,CAACtB,SAAS;IACRsC,IAAI,EAAC,UAAU;IACfC,IAAI,EAAE,EAAG;IACTC,UAAU,EAAEvC,eAAe,CAACwC;EAAkB,CAC/C,CAEC,CACG,CAAC;AAEhB","ignoreList":[]}

package/lib/module/chat/elements/AvatarPicker/index.js

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

package/lib/module/chat/elements/AvatarPicker/index.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["AvatarPicker"],"sourceRoot":"../../../../../src","sources":["chat/elements/AvatarPicker/index.ts"],"mappings":"AAAA,SAASA,YAAY,QAAQ,gBAAgB","ignoreList":[]}

package/lib/module/chat/elements/AvatarPicker/styles.js

@@ -0,0 +1,50 @@
+import { StyleSheet } from 'react-native';
+import { useToken } from '../../../core/design/theme/useToken';
+import { AmityColorToken } from '../../../core/design/tokens/amity-color-tokens';
+
+// Geometry ported from AmityUiKitWeb AvatarPicker.module.css (rem -> px, x16):
+// tile 7.5rem=120, radius 1.5rem=24; placeholder icon 3rem=48; camera icon 4rem=64.
+// Overlay: web `--asc-color-background-transparent-black` (50% black) has no direct
+// RN token; substituted with SurfaceBadgeSemanticBadgePostStatusTotalMedia (an exact
+// 50%-black match), same precedent as MediaUploadOverlay — reported as a gap.
+export const useStyles = () => {
+  const token = useToken();
+  const styles = StyleSheet.create({
+    picker: {
+      position: 'relative',
+      width: 120,
+      height: 120,
+      borderRadius: 24,
+      overflow: 'hidden',
+      backgroundColor: token(AmityColorToken.SurfaceAvatarProfileDefault)
+    },
+    image: {
+      width: '100%',
+      height: '100%',
+      resizeMode: 'cover'
+    },
+    placeholder: {
+      width: '100%',
+      height: '100%',
+      alignItems: 'center',
+      justifyContent: 'center'
+    },
+    overlay: {
+      ...StyleSheet.absoluteFillObject,
+      alignItems: 'center',
+      justifyContent: 'center',
+      backgroundColor: token(AmityColorToken.SurfaceBadgeSemanticBadgePostStatusTotalMedia)
+    },
+    // Camera / Photo source sheet. Padding matches the composer's
+    // camera sheet (AmityMediaAttachmentPicker) so the two drawers line up.
+    sourceSheet: {
+      paddingHorizontal: 16,
+      paddingBottom: 16
+    }
+  });
+  return {
+    styles,
+    token
+  };
+};
+//# sourceMappingURL=styles.js.map

package/lib/module/chat/elements/AvatarPicker/styles.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["StyleSheet","useToken","AmityColorToken","useStyles","token","styles","create","picker","position","width","height","borderRadius","overflow","backgroundColor","SurfaceAvatarProfileDefault","image","resizeMode","placeholder","alignItems","justifyContent","overlay","absoluteFillObject","SurfaceBadgeSemanticBadgePostStatusTotalMedia","sourceSheet","paddingHorizontal","paddingBottom"],"sourceRoot":"../../../../../src","sources":["chat/elements/AvatarPicker/styles.ts"],"mappings":"AAAA,SAASA,UAAU,QAAQ,cAAc;AACzC,SAASC,QAAQ,QAAQ,qCAAqC;AAC9D,SAASC,eAAe,QAAQ,gDAAgD;;AAEhF;AACA;AACA;AACA;AACA;AACA,OAAO,MAAMC,SAAS,GAAGA,CAAA,KAAM;EAC7B,MAAMC,KAAK,GAAGH,QAAQ,CAAC,CAAC;EAExB,MAAMI,MAAM,GAAGL,UAAU,CAACM,MAAM,CAAC;IAC/BC,MAAM,EAAE;MACNC,QAAQ,EAAE,UAAU;MACpBC,KAAK,EAAE,GAAG;MACVC,MAAM,EAAE,GAAG;MACXC,YAAY,EAAE,EAAE;MAChBC,QAAQ,EAAE,QAAQ;MAClBC,eAAe,EAAET,KAAK,CAACF,eAAe,CAACY,2BAA2B;IACpE,CAAC;IACDC,KAAK,EAAE;MACLN,KAAK,EAAE,MAAM;MACbC,MAAM,EAAE,MAAM;MACdM,UAAU,EAAE;IACd,CAAC;IACDC,WAAW,EAAE;MACXR,KAAK,EAAE,MAAM;MACbC,MAAM,EAAE,MAAM;MACdQ,UAAU,EAAE,QAAQ;MACpBC,cAAc,EAAE;IAClB,CAAC;IACDC,OAAO,EAAE;MACP,GAAGpB,UAAU,CAACqB,kBAAkB;MAChCH,UAAU,EAAE,QAAQ;MACpBC,cAAc,EAAE,QAAQ;MACxBN,eAAe,EAAET,KAAK,CACpBF,eAAe,CAACoB,6CAClB;IACF,CAAC;IACD;IACA;IACAC,WAAW,EAAE;MACXC,iBAAiB,EAAE,EAAE;MACrBC,aAAa,EAAE;IACjB;EACF,CAAC,CAAC;EAEF,OAAO;IAAEpB,MAAM;IAAED;EAAM,CAAC;AAC1B,CAAC","ignoreList":[]}

package/lib/module/chat/elements/ChatKeyboardAvoidingView/ChatKeyboardAvoidingView.js

@@ -0,0 +1,142 @@
+// ChatKeyboardAvoidingView — the single keyboard/bottom-inset owner for chat.
+//
+// The contract: every chat page renders SafeAreaView with edges
+// ['top','left','right'] (NO bottom) and mounts this component DIRECTLY inside
+// it, so the page owns layout and the feature underneath owns only content.
+// While the keyboard is closed it pads by the safe-area inset so bottom-anchored
+// content clears the navigation bar; while the keyboard is up it pads by however
+// much of the keyboard actually covers this view, which shrinks the content box
+// instead of letting the keyboard overlap it.
+//
+// Every page mounts it, not just the ones with an input today: the padding is a
+// no-op until a keyboard actually opens, and mounting it uniformly means a
+// screen that later grows a text field cannot silently miss out. Full-screen
+// Modals mount it themselves — a Modal renders in its own native hierarchy, so
+// nothing a page wraps around its content reaches inside one.
+// `yarn check:keyboard-avoiding` enforces that every such surface mounts it.
+//
+// How the two paddings add up
+// ---------------------------
+// RN's KeyboardAvoidingView owns `paddingBottom` outright in its 'padding'
+// branch — it composes its own value LAST, so a caller's paddingBottom in
+// `style` is always discarded, even while the keyboard is closed and the value
+// is 0. That rules out expressing both halves of the contract on the KAV
+// itself. So the safe-area inset lives on the inner View instead, and the two
+// are made to sum to the real occlusion rather than stack on top of it:
+//
+//   keyboardVerticalOffset = ancestorOffset - insets.bottom
+//
+// `keyboardY = keyboardFrame.screenY - keyboardVerticalOffset`, so the
+// `-insets.bottom` half raises keyboardY and KAV pads by
+// `occlusion - insets.bottom`; the inner View adds the inset back, landing
+// exactly on `occlusion`. The inset is already inside the occlusion on both
+// platforms: on Android the OS reports the keyboard height with the
+// navigation-bar inset subtracted while the keyboard physically covers the bar,
+// and on iOS the keyboard covers the home indicator.
+//
+// The `ancestorOffset` half repairs KAV's own frame of reference — see
+// `useAncestorOffset` below.
+//
+// With the keyboard closed the offset is never read — RN short-circuits to
+// bottom = 0 as soon as the keyboard event is null — so the inner inset stands
+// alone and bottom-anchored content clears the navigation bar.
+//
+// Why `behavior` is 'padding' on Android too
+// ------------------------------------------
+// Leaving it undefined there makes KAV a plain View that relies on the OS
+// resizing the window. Under Android 15+ edge-to-edge (targetSdk 36 here) that
+// resize no longer happens: windowSoftInputMode=adjustResize is inert and the
+// IME arrives as an inset the app has to consume itself.
+
+// 1. React / RN imports
+import { useCallback, useRef, useState } from 'react';
+import { KeyboardAvoidingView, View } from 'react-native';
+
+// 2. Third-party imports
+import { useSafeAreaInsets } from 'react-native-safe-area-context';
+
+// 3. Internal imports (relative)
+import { useStyles } from './styles';
+
+// 4. Types
+
+// 5. Named function component
+export function ChatKeyboardAvoidingView({
+  children,
+  style
+}) {
+  const {
+    styles
+  } = useStyles();
+  const insets = useSafeAreaInsets();
+  const contentRef = useRef(null);
+  const {
+    ancestorOffset,
+    measureAncestorOffset
+  } = useAncestorOffset(contentRef);
+  return /*#__PURE__*/React.createElement(KeyboardAvoidingView, {
+    behavior: "padding",
+    keyboardVerticalOffset: ancestorOffset - insets.bottom,
+    onLayout: measureAncestorOffset,
+    style: [styles.container, style]
+  }, /*#__PURE__*/React.createElement(View, {
+    ref: contentRef,
+    style: [styles.container, {
+      paddingBottom: insets.bottom
+    }]
+  }, children));
+}
+
+/**
+ * Measures the one invariant KeyboardAvoidingView depends on without ever
+ * checking: that its parent's origin sits at the top of the screen.
+ *
+ * KAV derives its displacement from `frame.y + frame.height`, where the frame
+ * comes from its own onLayout and is therefore PARENT-relative, while the
+ * keyboard is reported in screen coordinates. The two describe the same edge
+ * only when nothing between this view and the top of the screen introduces an
+ * offset. A host app that renders the UIKit under its own header — the example
+ * app's module nav bar, a tab bar, any wrapper with padding — breaks that
+ * silently: `frame.y` collapses while the view really starts further down, and
+ * KAV pads short by exactly that difference, leaving the keyboard over the
+ * compose bar with no error and a layout that still looks plausible.
+ *
+ * So measure the difference and hand it back as `keyboardVerticalOffset`:
+ *
+ *   padding  = (frame.y + frame.height) - (keyboardScreenY - offset)
+ *   frame.y  = absoluteTop - ancestorOffset
+ *   ⇒ offset = ancestorOffset - insets.bottom  lands padding on the occlusion.
+ *
+ * Correcting beats asserting because the offset is the host app's to own, not
+ * this component's: an integrator is entitled to mount the UIKit below their
+ * own chrome, and a warning telling them not to would have no fix behind it.
+ *
+ * The content View's absolute top is the KAV's own absolute top — the KAV only
+ * ever pads its BOTTOM — so it can stand in for a ref that RN does not expose.
+ * KeyboardAvoidingView is a plain class component with no forwarded ref and no
+ * `measure` method; its inner ref is private.
+ */
+function useAncestorOffset(contentRef) {
+  const [ancestorOffset, setAncestorOffset] = useState(0);
+  const measureAncestorOffset = useCallback(event => {
+    var _contentRef$current;
+    // The very frame KAV is about to do its arithmetic on.
+    const {
+      y: parentRelativeTop
+    } = event.nativeEvent.layout;
+    (_contentRef$current = contentRef.current) === null || _contentRef$current === void 0 || _contentRef$current.measure((_x, _y, _width, height, _pageX, pageY) => {
+      // A measurement taken mid-teardown reads as zero and proves nothing.
+      if (height === 0) return;
+      const offset = pageY - parentRelativeTop;
+      setAncestorOffset(current =>
+      // Sub-pixel rounding between the two measurement paths is expected;
+      // re-rendering on it would only churn.
+      Math.abs(offset - current) < 1 ? current : offset);
+    });
+  }, [contentRef]);
+  return {
+    ancestorOffset,
+    measureAncestorOffset
+  };
+}
+//# sourceMappingURL=ChatKeyboardAvoidingView.js.map

package/lib/module/chat/elements/ChatKeyboardAvoidingView/ChatKeyboardAvoidingView.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["useCallback","useRef","useState","KeyboardAvoidingView","View","useSafeAreaInsets","useStyles","ChatKeyboardAvoidingView","children","style","styles","insets","contentRef","ancestorOffset","measureAncestorOffset","useAncestorOffset","React","createElement","behavior","keyboardVerticalOffset","bottom","onLayout","container","ref","paddingBottom","setAncestorOffset","event","_contentRef$current","y","parentRelativeTop","nativeEvent","layout","current","measure","_x","_y","_width","height","_pageX","pageY","offset","Math","abs"],"sourceRoot":"../../../../../src","sources":["chat/elements/ChatKeyboardAvoidingView/ChatKeyboardAvoidingView.tsx"],"mappings":"AAAA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA,SAASA,WAAW,EAAEC,MAAM,EAAEC,QAAQ,QAAwB,OAAO;AACrE,SACEC,oBAAoB,EACpBC,IAAI,QAIC,cAAc;;AAErB;AACA,SAASC,iBAAiB,QAAQ,gCAAgC;;AAElE;AACA,SAASC,SAAS,QAAQ,UAAU;;AAEpC;;AAMA;AACA,OAAO,SAASC,wBAAwBA,CAAC;EACvCC,QAAQ;EACRC;AAC6B,CAAC,EAAE;EAChC,MAAM;IAAEC;EAAO,CAAC,GAAGJ,SAAS,CAAC,CAAC;EAC9B,MAAMK,MAAM,GAAGN,iBAAiB,CAAC,CAAC;EAClC,MAAMO,UAAU,GAAGX,MAAM,CAAO,IAAI,CAAC;EACrC,MAAM;IAAEY,cAAc;IAAEC;EAAsB,CAAC,GAC7CC,iBAAiB,CAACH,UAAU,CAAC;EAE/B,oBACEI,KAAA,CAAAC,aAAA,CAACd,oBAAoB;IACnBe,QAAQ,EAAC,SAAS;IAClBC,sBAAsB,EAAEN,cAAc,GAAGF,MAAM,CAACS,MAAO;IACvDC,QAAQ,EAAEP,qBAAsB;IAChCL,KAAK,EAAE,CAACC,MAAM,CAACY,SAAS,EAAEb,KAAK;EAAE,gBAEjCO,KAAA,CAAAC,aAAA,CAACb,IAAI;IACHmB,GAAG,EAAEX,UAAW;IAChBH,KAAK,EAAE,CAACC,MAAM,CAACY,SAAS,EAAE;MAAEE,aAAa,EAAEb,MAAM,CAACS;IAAO,CAAC;EAAE,GAE3DZ,QACG,CACc,CAAC;AAE3B;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,SAASO,iBAAiBA,CAACH,UAAwC,EAAE;EACnE,MAAM,CAACC,cAAc,EAAEY,iBAAiB,CAAC,GAAGvB,QAAQ,CAAC,CAAC,CAAC;EAEvD,MAAMY,qBAAqB,GAAGd,WAAW,CACtC0B,KAAwB,IAAK;IAAA,IAAAC,mBAAA;IAC5B;IACA,MAAM;MAAEC,CAAC,EAAEC;IAAkB,CAAC,GAAGH,KAAK,CAACI,WAAW,CAACC,MAAM;IAEzD,CAAAJ,mBAAA,GAAAf,UAAU,CAACoB,OAAO,cAAAL,mBAAA,eAAlBA,mBAAA,CAAoBM,OAAO,CAAC,CAACC,EAAE,EAAEC,EAAE,EAAEC,MAAM,EAAEC,MAAM,EAAEC,MAAM,EAAEC,KAAK,KAAK;MACrE;MACA,IAAIF,MAAM,KAAK,CAAC,EAAE;MAElB,MAAMG,MAAM,GAAGD,KAAK,GAAGV,iBAAiB;MAExCJ,iBAAiB,CAAEO,OAAO;MACxB;MACA;MACAS,IAAI,CAACC,GAAG,CAACF,MAAM,GAAGR,OAAO,CAAC,GAAG,CAAC,GAAGA,OAAO,GAAGQ,MAC7C,CAAC;IACH,CAAC,CAAC;EACJ,CAAC,EACD,CAAC5B,UAAU,CACb,CAAC;EAED,OAAO;IAAEC,cAAc;IAAEC;EAAsB,CAAC;AAClD","ignoreList":[]}

package/lib/module/chat/elements/ChatKeyboardAvoidingView/index.js

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

package/lib/module/chat/elements/ChatKeyboardAvoidingView/index.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["ChatKeyboardAvoidingView"],"sourceRoot":"../../../../../src","sources":["chat/elements/ChatKeyboardAvoidingView/index.ts"],"mappings":"AAAA,SAASA,wBAAwB,QAAQ,4BAA4B","ignoreList":[]}

package/lib/module/chat/elements/ChatKeyboardAvoidingView/styles.js

@@ -0,0 +1,15 @@
+// Styles for ChatKeyboardAvoidingView. The component is a pure layout shell —
+// the page wrapper owns the background colour — so it only claims the flex box.
+
+import { StyleSheet } from 'react-native';
+export const useStyles = () => {
+  const styles = StyleSheet.create({
+    container: {
+      flex: 1
+    }
+  });
+  return {
+    styles
+  };
+};
+//# sourceMappingURL=styles.js.map

package/lib/module/chat/elements/ChatKeyboardAvoidingView/styles.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["StyleSheet","useStyles","styles","create","container","flex"],"sourceRoot":"../../../../../src","sources":["chat/elements/ChatKeyboardAvoidingView/styles.ts"],"mappings":"AAAA;AACA;;AAEA,SAASA,UAAU,QAAQ,cAAc;AAEzC,OAAO,MAAMC,SAAS,GAAGA,CAAA,KAAM;EAC7B,MAAMC,MAAM,GAAGF,UAAU,CAACG,MAAM,CAAC;IAC/BC,SAAS,EAAE;MACTC,IAAI,EAAE;IACR;EACF,CAAC,CAAC;EAEF,OAAO;IAAEH;EAAO,CAAC;AACnB,CAAC","ignoreList":[]}

package/lib/module/chat/elements/ConversationChatAvatar/ConversationChatAvatar.js

@@ -0,0 +1,48 @@
+// ConversationChatAvatar element — ported from AmityUiKitWeb
+// v4/chat/elements/ConversationChatAvatar.
+// Renders a 1:1 conversation avatar for the resolved "other" member:
+// composes the base Avatar atom with an optional ModeratorBadge indicator.
+//
+// The web version types its input as `Amity.User` and resolves the image URL
+// via the SDK's `FileRepository.fileUrlWithSize(...)`. To keep this element
+// presentational, those SDK reads are replaced by plain props: the composing
+// component picks the other member and passes an already-resolved `avatarUrl`
+// and `displayName`.
+
+// 1. React / RN imports
+
+// 2. Internal imports (relative)
+import { Avatar } from '../../../core/design/atoms/Avatar';
+import { ModeratorBadge } from '../../../core/design/elements/ModeratorBadge';
+
+// 3. Types
+
+// 4. Named function component
+export function ConversationChatAvatar({
+  avatarUrl,
+  displayName,
+  isDeleted,
+  isModerator
+}) {
+  const indicator = isModerator ? /*#__PURE__*/React.createElement(ModeratorBadge, null) : undefined;
+  if (isDeleted) {
+    return /*#__PURE__*/React.createElement(Avatar, {
+      variant: "icon",
+      shape: "rounded",
+      size: 40,
+      indicator: indicator
+    });
+  }
+  if (!displayName && !avatarUrl) return null;
+  const name = displayName ?? '';
+  const initials = name.trim().charAt(0).toUpperCase() || '?';
+  return /*#__PURE__*/React.createElement(Avatar, {
+    variant: avatarUrl ? 'image' : 'text',
+    shape: "rounded",
+    size: 40,
+    imageUrl: avatarUrl,
+    initials: initials,
+    indicator: indicator
+  });
+}
+//# sourceMappingURL=ConversationChatAvatar.js.map

package/lib/module/chat/elements/ConversationChatAvatar/ConversationChatAvatar.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["Avatar","ModeratorBadge","ConversationChatAvatar","avatarUrl","displayName","isDeleted","isModerator","indicator","React","createElement","undefined","variant","shape","size","name","initials","trim","charAt","toUpperCase","imageUrl"],"sourceRoot":"../../../../../src","sources":["chat/elements/ConversationChatAvatar/ConversationChatAvatar.tsx"],"mappings":"AAAA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA;;AAGA;AACA,SAASA,MAAM,QAAQ,mCAAmC;AAC1D,SAASC,cAAc,QAAQ,8CAA8C;;AAE7E;;AAYA;AACA,OAAO,SAASC,sBAAsBA,CAAC;EACrCC,SAAS;EACTC,WAAW;EACXC,SAAS;EACTC;AAC2B,CAAC,EAAE;EAC9B,MAAMC,SAAoB,GAAGD,WAAW,gBAAGE,KAAA,CAAAC,aAAA,CAACR,cAAc,MAAE,CAAC,GAAGS,SAAS;EAEzE,IAAIL,SAAS,EAAE;IACb,oBACEG,KAAA,CAAAC,aAAA,CAACT,MAAM;MAACW,OAAO,EAAC,MAAM;MAACC,KAAK,EAAC,SAAS;MAACC,IAAI,EAAE,EAAG;MAACN,SAAS,EAAEA;IAAU,CAAE,CAAC;EAE7E;EAEA,IAAI,CAACH,WAAW,IAAI,CAACD,SAAS,EAAE,OAAO,IAAI;EAE3C,MAAMW,IAAI,GAAGV,WAAW,IAAI,EAAE;EAC9B,MAAMW,QAAQ,GAAGD,IAAI,CAACE,IAAI,CAAC,CAAC,CAACC,MAAM,CAAC,CAAC,CAAC,CAACC,WAAW,CAAC,CAAC,IAAI,GAAG;EAE3D,oBACEV,KAAA,CAAAC,aAAA,CAACT,MAAM;IACLW,OAAO,EAAER,SAAS,GAAG,OAAO,GAAG,MAAO;IACtCS,KAAK,EAAC,SAAS;IACfC,IAAI,EAAE,EAAG;IACTM,QAAQ,EAAEhB,SAAU;IACpBY,QAAQ,EAAEA,QAAS;IACnBR,SAAS,EAAEA;EAAU,CACtB,CAAC;AAEN","ignoreList":[]}

package/lib/module/chat/elements/ConversationChatAvatar/index.js

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

package/lib/module/chat/elements/ConversationChatAvatar/index.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["ConversationChatAvatar"],"sourceRoot":"../../../../../src","sources":["chat/elements/ConversationChatAvatar/index.ts"],"mappings":"AAAA,SAASA,sBAAsB,QAAQ,0BAA0B","ignoreList":[]}

package/lib/module/chat/elements/GroupNameField/GroupNameField.js

@@ -0,0 +1,54 @@
+// GroupNameField element — a labeled, character-counted text field for the group
+// chat name, wrapping the Input.Text atom.
+//
+// A group name is one line of text but may be longer than the field is wide.
+// `multiLine` is what lets it wrap to a second line instead of scrolling
+// sideways out of sight, and `blockNewLine` then refuses Enter so it stays one
+// line of *text*: without the second prop the field grew a line per return press
+// and pushed the rest of the form off screen. blockNewLine strips on change
+// rather than on key press, so it also catches a pasted multi-line string, which
+// no key handler would see and which Android does not reliably report as a
+// cancellable Enter. maxLength bounds how far the field can grow.
+
+// 1. React / RN imports
+import { View } from 'react-native';
+
+// 2. Internal imports (relative)
+import { Input } from '../../../core/design/atoms/Input';
+import { useString } from '../../../core/localization';
+import { useStyles } from './styles';
+const GROUP_NAME_MAX_LENGTH = 100;
+
+// 2. Types
+
+// 3. Named function component
+export function GroupNameField({
+  value,
+  onChange,
+  optional = false,
+  required = false,
+  placeholder
+}) {
+  const {
+    styles
+  } = useStyles();
+  const label = useString('amity_chat_group_name_label');
+  const defaultPlaceholder = useString('amity_chat_group_name_placeholder');
+  const optionalLabel = useString('amity_chat_group_name_optional');
+  const requiredLabel = useString('amity_chat_group_name_required');
+  const marker = required ? requiredLabel : optional ? optionalLabel : undefined;
+  return /*#__PURE__*/React.createElement(View, {
+    style: styles.container
+  }, /*#__PURE__*/React.createElement(Input.Text, {
+    title: label,
+    optionalLabel: marker,
+    value: value,
+    onChange: onChange,
+    placeholder: placeholder ?? defaultPlaceholder,
+    showCharacterCount: true,
+    maxLength: GROUP_NAME_MAX_LENGTH,
+    multiLine: true,
+    blockNewLine: true
+  }));
+}
+//# sourceMappingURL=GroupNameField.js.map

package/lib/module/chat/elements/GroupNameField/GroupNameField.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["View","Input","useString","useStyles","GROUP_NAME_MAX_LENGTH","GroupNameField","value","onChange","optional","required","placeholder","styles","label","defaultPlaceholder","optionalLabel","requiredLabel","marker","undefined","React","createElement","style","container","Text","title","showCharacterCount","maxLength","multiLine","blockNewLine"],"sourceRoot":"../../../../../src","sources":["chat/elements/GroupNameField/GroupNameField.tsx"],"mappings":"AAAA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA,SAASA,IAAI,QAAQ,cAAc;;AAEnC;AACA,SAASC,KAAK,QAAQ,kCAAkC;AACxD,SAASC,SAAS,QAAQ,4BAA4B;AACtD,SAASC,SAAS,QAAQ,UAAU;AAEpC,MAAMC,qBAAqB,GAAG,GAAG;;AAEjC;;AASA;AACA,OAAO,SAASC,cAAcA,CAAC;EAC7BC,KAAK;EACLC,QAAQ;EACRC,QAAQ,GAAG,KAAK;EAChBC,QAAQ,GAAG,KAAK;EAChBC;AACmB,CAAC,EAAE;EACtB,MAAM;IAAEC;EAAO,CAAC,GAAGR,SAAS,CAAC,CAAC;EAE9B,MAAMS,KAAK,GAAGV,SAAS,CAAC,6BAA6B,CAAC;EACtD,MAAMW,kBAAkB,GAAGX,SAAS,CAAC,mCAAmC,CAAC;EACzE,MAAMY,aAAa,GAAGZ,SAAS,CAAC,gCAAgC,CAAC;EACjE,MAAMa,aAAa,GAAGb,SAAS,CAAC,gCAAgC,CAAC;EAEjE,MAAMc,MAAM,GAAGP,QAAQ,GACnBM,aAAa,GACbP,QAAQ,GACRM,aAAa,GACbG,SAAS;EAEb,oBACEC,KAAA,CAAAC,aAAA,CAACnB,IAAI;IAACoB,KAAK,EAAET,MAAM,CAACU;EAAU,gBAC5BH,KAAA,CAAAC,aAAA,CAAClB,KAAK,CAACqB,IAAI;IACTC,KAAK,EAAEX,KAAM;IACbE,aAAa,EAAEE,MAAO;IACtBV,KAAK,EAAEA,KAAM;IACbC,QAAQ,EAAEA,QAAS;IACnBG,WAAW,EAAEA,WAAW,IAAIG,kBAAmB;IAC/CW,kBAAkB;IAClBC,SAAS,EAAErB,qBAAsB;IACjCsB,SAAS;IACTC,YAAY;EAAA,CACb,CACG,CAAC;AAEX","ignoreList":[]}

package/lib/module/chat/elements/GroupNameField/index.js

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

package/lib/module/chat/elements/GroupNameField/index.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["GroupNameField"],"sourceRoot":"../../../../../src","sources":["chat/elements/GroupNameField/index.ts"],"mappings":"AAAA,SAASA,cAAc,QAAQ,kBAAkB","ignoreList":[]}

package/lib/module/chat/elements/GroupNameField/styles.js

@@ -0,0 +1,21 @@
+import { StyleSheet } from 'react-native';
+import { useToken } from '../../../core/design/theme/useToken';
+
+// Geometry ported from AmityUiKitWeb GroupNameField.module.css (rem -> px, x16):
+// full width, padding 1.5rem 1rem 0 = 24 top / 16 horizontal / 0 bottom.
+// Input.Text has no style/className prop, so the padding lives on a wrapper View.
+export const useStyles = () => {
+  const token = useToken();
+  const styles = StyleSheet.create({
+    container: {
+      width: '100%',
+      paddingTop: 24,
+      paddingHorizontal: 16
+    }
+  });
+  return {
+    styles,
+    token
+  };
+};
+//# sourceMappingURL=styles.js.map

package/lib/module/chat/elements/GroupNameField/styles.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["StyleSheet","useToken","useStyles","token","styles","create","container","width","paddingTop","paddingHorizontal"],"sourceRoot":"../../../../../src","sources":["chat/elements/GroupNameField/styles.ts"],"mappings":"AAAA,SAASA,UAAU,QAAQ,cAAc;AACzC,SAASC,QAAQ,QAAQ,qCAAqC;;AAE9D;AACA;AACA;AACA,OAAO,MAAMC,SAAS,GAAGA,CAAA,KAAM;EAC7B,MAAMC,KAAK,GAAGF,QAAQ,CAAC,CAAC;EAExB,MAAMG,MAAM,GAAGJ,UAAU,CAACK,MAAM,CAAC;IAC/BC,SAAS,EAAE;MACTC,KAAK,EAAE,MAAM;MACbC,UAAU,EAAE,EAAE;MACdC,iBAAiB,EAAE;IACrB;EACF,CAAC,CAAC;EAEF,OAAO;IAAEL,MAAM;IAAED;EAAM,CAAC;AAC1B,CAAC","ignoreList":[]}

package/lib/module/chat/elements/MediaUploadOverlay/MediaUploadOverlay.js

@@ -0,0 +1,33 @@
+// MediaUploadOverlay — ported from AmityUiKitWeb chat/elements/MediaUploadOverlay.
+// A dark scrim covering a media bubble while its file uploads, with a centered upload
+// spinner (Loader.Upload) that optionally exposes a cancel control. Web set the scrim
+// pointer-events: none; RN uses pointerEvents="box-none" so the cancel button stays
+// tappable while taps on the scrim itself fall through to the bubble.
+
+// 1. React / RN imports
+import { View } from 'react-native';
+
+// 2. Internal imports
+import { Loader } from '../../../core/design/atoms/Loader';
+import { useStyles } from './styles';
+
+// 3. Types
+
+// 4. Named function component
+export function MediaUploadOverlay({
+  onCancel,
+  cancelAccessibilityLabel = 'Cancel upload'
+}) {
+  const {
+    styles
+  } = useStyles();
+  return /*#__PURE__*/React.createElement(View, {
+    style: styles.overlay,
+    pointerEvents: "box-none"
+  }, /*#__PURE__*/React.createElement(Loader.Upload, {
+    size: "medium",
+    onCancel: onCancel,
+    accessibilityLabel: cancelAccessibilityLabel
+  }));
+}
+//# sourceMappingURL=MediaUploadOverlay.js.map

package/lib/module/chat/elements/MediaUploadOverlay/MediaUploadOverlay.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["View","Loader","useStyles","MediaUploadOverlay","onCancel","cancelAccessibilityLabel","styles","React","createElement","style","overlay","pointerEvents","Upload","size","accessibilityLabel"],"sourceRoot":"../../../../../src","sources":["chat/elements/MediaUploadOverlay/MediaUploadOverlay.tsx"],"mappings":"AAAA;AACA;AACA;AACA;AACA;;AAEA;AACA,SAASA,IAAI,QAAQ,cAAc;;AAEnC;AACA,SAASC,MAAM,QAAQ,mCAAmC;AAC1D,SAASC,SAAS,QAAQ,UAAU;;AAEpC;;AAMA;AACA,OAAO,SAASC,kBAAkBA,CAAC;EACjCC,QAAQ;EACRC,wBAAwB,GAAG;AACJ,CAAC,EAAE;EAC1B,MAAM;IAAEC;EAAO,CAAC,GAAGJ,SAAS,CAAC,CAAC;EAE9B,oBACEK,KAAA,CAAAC,aAAA,CAACR,IAAI;IAACS,KAAK,EAAEH,MAAM,CAACI,OAAQ;IAACC,aAAa,EAAC;EAAU,gBACnDJ,KAAA,CAAAC,aAAA,CAACP,MAAM,CAACW,MAAM;IACZC,IAAI,EAAC,QAAQ;IACbT,QAAQ,EAAEA,QAAS;IACnBU,kBAAkB,EAAET;EAAyB,CAC9C,CACG,CAAC;AAEX","ignoreList":[]}

package/lib/module/chat/elements/MediaUploadOverlay/index.js

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

package/lib/module/chat/elements/MediaUploadOverlay/index.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["MediaUploadOverlay"],"sourceRoot":"../../../../../src","sources":["chat/elements/MediaUploadOverlay/index.ts"],"mappings":"AAAA,SAASA,kBAAkB,QAAQ,sBAAsB","ignoreList":[]}