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

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

@@ -0,0 +1,148 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.ChatKeyboardAvoidingView = ChatKeyboardAvoidingView;
+var _react = require("react");
+var _reactNative = require("react-native");
+var _reactNativeSafeAreaContext = require("react-native-safe-area-context");
+var _styles = require("./styles");
+// 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
+
+// 2. Third-party imports
+
+// 3. Internal imports (relative)
+
+// 4. Types
+
+// 5. Named function component
+function ChatKeyboardAvoidingView({
+  children,
+  style
+}) {
+  const {
+    styles
+  } = (0, _styles.useStyles)();
+  const insets = (0, _reactNativeSafeAreaContext.useSafeAreaInsets)();
+  const contentRef = (0, _react.useRef)(null);
+  const {
+    ancestorOffset,
+    measureAncestorOffset
+  } = useAncestorOffset(contentRef);
+  return /*#__PURE__*/React.createElement(_reactNative.KeyboardAvoidingView, {
+    behavior: "padding",
+    keyboardVerticalOffset: ancestorOffset - insets.bottom,
+    onLayout: measureAncestorOffset,
+    style: [styles.container, style]
+  }, /*#__PURE__*/React.createElement(_reactNative.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] = (0, _react.useState)(0);
+  const measureAncestorOffset = (0, _react.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/commonjs/chat/elements/ChatKeyboardAvoidingView/ChatKeyboardAvoidingView.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["_react","require","_reactNative","_reactNativeSafeAreaContext","_styles","ChatKeyboardAvoidingView","children","style","styles","useStyles","insets","useSafeAreaInsets","contentRef","useRef","ancestorOffset","measureAncestorOffset","useAncestorOffset","React","createElement","KeyboardAvoidingView","behavior","keyboardVerticalOffset","bottom","onLayout","container","View","ref","paddingBottom","setAncestorOffset","useState","useCallback","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":";;;;;;AAmDA,IAAAA,MAAA,GAAAC,OAAA;AACA,IAAAC,YAAA,GAAAD,OAAA;AASA,IAAAE,2BAAA,GAAAF,OAAA;AAGA,IAAAG,OAAA,GAAAH,OAAA;AAhEA;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;;AAUA;;AAGA;;AAGA;;AAMA;AACO,SAASI,wBAAwBA,CAAC;EACvCC,QAAQ;EACRC;AAC6B,CAAC,EAAE;EAChC,MAAM;IAAEC;EAAO,CAAC,GAAG,IAAAC,iBAAS,EAAC,CAAC;EAC9B,MAAMC,MAAM,GAAG,IAAAC,6CAAiB,EAAC,CAAC;EAClC,MAAMC,UAAU,GAAG,IAAAC,aAAM,EAAO,IAAI,CAAC;EACrC,MAAM;IAAEC,cAAc;IAAEC;EAAsB,CAAC,GAC7CC,iBAAiB,CAACJ,UAAU,CAAC;EAE/B,oBACEK,KAAA,CAAAC,aAAA,CAAChB,YAAA,CAAAiB,oBAAoB;IACnBC,QAAQ,EAAC,SAAS;IAClBC,sBAAsB,EAAEP,cAAc,GAAGJ,MAAM,CAACY,MAAO;IACvDC,QAAQ,EAAER,qBAAsB;IAChCR,KAAK,EAAE,CAACC,MAAM,CAACgB,SAAS,EAAEjB,KAAK;EAAE,gBAEjCU,KAAA,CAAAC,aAAA,CAAChB,YAAA,CAAAuB,IAAI;IACHC,GAAG,EAAEd,UAAW;IAChBL,KAAK,EAAE,CAACC,MAAM,CAACgB,SAAS,EAAE;MAAEG,aAAa,EAAEjB,MAAM,CAACY;IAAO,CAAC;EAAE,GAE3DhB,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,SAASU,iBAAiBA,CAACJ,UAAwC,EAAE;EACnE,MAAM,CAACE,cAAc,EAAEc,iBAAiB,CAAC,GAAG,IAAAC,eAAQ,EAAC,CAAC,CAAC;EAEvD,MAAMd,qBAAqB,GAAG,IAAAe,kBAAW,EACtCC,KAAwB,IAAK;IAAA,IAAAC,mBAAA;IAC5B;IACA,MAAM;MAAEC,CAAC,EAAEC;IAAkB,CAAC,GAAGH,KAAK,CAACI,WAAW,CAACC,MAAM;IAEzD,CAAAJ,mBAAA,GAAApB,UAAU,CAACyB,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;MAExCN,iBAAiB,CAAES,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,CAACjC,UAAU,CACb,CAAC;EAED,OAAO;IAAEE,cAAc;IAAEC;EAAsB,CAAC;AAClD","ignoreList":[]}

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

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

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

@@ -0,0 +1 @@
+{"version":3,"names":["_ChatKeyboardAvoidingView","require"],"sourceRoot":"../../../../../src","sources":["chat/elements/ChatKeyboardAvoidingView/index.ts"],"mappings":";;;;;;;;;;;AAAA,IAAAA,yBAAA,GAAAC,OAAA","ignoreList":[]}

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

@@ -0,0 +1,22 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.useStyles = void 0;
+var _reactNative = require("react-native");
+// Styles for ChatKeyboardAvoidingView. The component is a pure layout shell —
+// the page wrapper owns the background colour — so it only claims the flex box.
+
+const useStyles = () => {
+  const styles = _reactNative.StyleSheet.create({
+    container: {
+      flex: 1
+    }
+  });
+  return {
+    styles
+  };
+};
+exports.useStyles = useStyles;
+//# sourceMappingURL=styles.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["_reactNative","require","useStyles","styles","StyleSheet","create","container","flex","exports"],"sourceRoot":"../../../../../src","sources":["chat/elements/ChatKeyboardAvoidingView/styles.ts"],"mappings":";;;;;;AAGA,IAAAA,YAAA,GAAAC,OAAA;AAHA;AACA;;AAIO,MAAMC,SAAS,GAAGA,CAAA,KAAM;EAC7B,MAAMC,MAAM,GAAGC,uBAAU,CAACC,MAAM,CAAC;IAC/BC,SAAS,EAAE;MACTC,IAAI,EAAE;IACR;EACF,CAAC,CAAC;EAEF,OAAO;IAAEJ;EAAO,CAAC;AACnB,CAAC;AAACK,OAAA,CAAAN,SAAA,GAAAA,SAAA","ignoreList":[]}

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

@@ -0,0 +1,54 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.ConversationChatAvatar = ConversationChatAvatar;
+var _Avatar = require("../../../core/design/atoms/Avatar");
+var _ModeratorBadge = require("../../../core/design/elements/ModeratorBadge");
+// 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)
+
+// 3. Types
+
+// 4. Named function component
+function ConversationChatAvatar({
+  avatarUrl,
+  displayName,
+  isDeleted,
+  isModerator
+}) {
+  const indicator = isModerator ? /*#__PURE__*/React.createElement(_ModeratorBadge.ModeratorBadge, null) : undefined;
+  if (isDeleted) {
+    return /*#__PURE__*/React.createElement(_Avatar.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.Avatar, {
+    variant: avatarUrl ? 'image' : 'text',
+    shape: "rounded",
+    size: 40,
+    imageUrl: avatarUrl,
+    initials: initials,
+    indicator: indicator
+  });
+}
+//# sourceMappingURL=ConversationChatAvatar.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["_Avatar","require","_ModeratorBadge","ConversationChatAvatar","avatarUrl","displayName","isDeleted","isModerator","indicator","React","createElement","ModeratorBadge","undefined","Avatar","variant","shape","size","name","initials","trim","charAt","toUpperCase","imageUrl"],"sourceRoot":"../../../../../src","sources":["chat/elements/ConversationChatAvatar/ConversationChatAvatar.tsx"],"mappings":";;;;;;AAeA,IAAAA,OAAA,GAAAC,OAAA;AACA,IAAAC,eAAA,GAAAD,OAAA;AAhBA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA;;AAGA;;AAIA;;AAYA;AACO,SAASE,sBAAsBA,CAAC;EACrCC,SAAS;EACTC,WAAW;EACXC,SAAS;EACTC;AAC2B,CAAC,EAAE;EAC9B,MAAMC,SAAoB,GAAGD,WAAW,gBAAGE,KAAA,CAAAC,aAAA,CAACR,eAAA,CAAAS,cAAc,MAAE,CAAC,GAAGC,SAAS;EAEzE,IAAIN,SAAS,EAAE;IACb,oBACEG,KAAA,CAAAC,aAAA,CAACV,OAAA,CAAAa,MAAM;MAACC,OAAO,EAAC,MAAM;MAACC,KAAK,EAAC,SAAS;MAACC,IAAI,EAAE,EAAG;MAACR,SAAS,EAAEA;IAAU,CAAE,CAAC;EAE7E;EAEA,IAAI,CAACH,WAAW,IAAI,CAACD,SAAS,EAAE,OAAO,IAAI;EAE3C,MAAMa,IAAI,GAAGZ,WAAW,IAAI,EAAE;EAC9B,MAAMa,QAAQ,GAAGD,IAAI,CAACE,IAAI,CAAC,CAAC,CAACC,MAAM,CAAC,CAAC,CAAC,CAACC,WAAW,CAAC,CAAC,IAAI,GAAG;EAE3D,oBACEZ,KAAA,CAAAC,aAAA,CAACV,OAAA,CAAAa,MAAM;IACLC,OAAO,EAAEV,SAAS,GAAG,OAAO,GAAG,MAAO;IACtCW,KAAK,EAAC,SAAS;IACfC,IAAI,EAAE,EAAG;IACTM,QAAQ,EAAElB,SAAU;IACpBc,QAAQ,EAAEA,QAAS;IACnBV,SAAS,EAAEA;EAAU,CACtB,CAAC;AAEN","ignoreList":[]}

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

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

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

@@ -0,0 +1 @@
+{"version":3,"names":["_ConversationChatAvatar","require"],"sourceRoot":"../../../../../src","sources":["chat/elements/ConversationChatAvatar/index.ts"],"mappings":";;;;;;;;;;;AAAA,IAAAA,uBAAA,GAAAC,OAAA","ignoreList":[]}

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

@@ -0,0 +1,61 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.GroupNameField = GroupNameField;
+var _reactNative = require("react-native");
+var _Input = require("../../../core/design/atoms/Input");
+var _localization = require("../../../core/localization");
+var _styles = require("./styles");
+// 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
+
+// 2. Internal imports (relative)
+
+const GROUP_NAME_MAX_LENGTH = 100;
+
+// 2. Types
+
+// 3. Named function component
+function GroupNameField({
+  value,
+  onChange,
+  optional = false,
+  required = false,
+  placeholder
+}) {
+  const {
+    styles
+  } = (0, _styles.useStyles)();
+  const label = (0, _localization.useString)('amity_chat_group_name_label');
+  const defaultPlaceholder = (0, _localization.useString)('amity_chat_group_name_placeholder');
+  const optionalLabel = (0, _localization.useString)('amity_chat_group_name_optional');
+  const requiredLabel = (0, _localization.useString)('amity_chat_group_name_required');
+  const marker = required ? requiredLabel : optional ? optionalLabel : undefined;
+  return /*#__PURE__*/React.createElement(_reactNative.View, {
+    style: styles.container
+  }, /*#__PURE__*/React.createElement(_Input.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/commonjs/chat/elements/GroupNameField/GroupNameField.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["_reactNative","require","_Input","_localization","_styles","GROUP_NAME_MAX_LENGTH","GroupNameField","value","onChange","optional","required","placeholder","styles","useStyles","label","useString","defaultPlaceholder","optionalLabel","requiredLabel","marker","undefined","React","createElement","View","style","container","Input","Text","title","showCharacterCount","maxLength","multiLine","blockNewLine"],"sourceRoot":"../../../../../src","sources":["chat/elements/GroupNameField/GroupNameField.tsx"],"mappings":";;;;;;AAaA,IAAAA,YAAA,GAAAC,OAAA;AAGA,IAAAC,MAAA,GAAAD,OAAA;AACA,IAAAE,aAAA,GAAAF,OAAA;AACA,IAAAG,OAAA,GAAAH,OAAA;AAlBA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA;;AAGA;;AAKA,MAAMI,qBAAqB,GAAG,GAAG;;AAEjC;;AASA;AACO,SAASC,cAAcA,CAAC;EAC7BC,KAAK;EACLC,QAAQ;EACRC,QAAQ,GAAG,KAAK;EAChBC,QAAQ,GAAG,KAAK;EAChBC;AACmB,CAAC,EAAE;EACtB,MAAM;IAAEC;EAAO,CAAC,GAAG,IAAAC,iBAAS,EAAC,CAAC;EAE9B,MAAMC,KAAK,GAAG,IAAAC,uBAAS,EAAC,6BAA6B,CAAC;EACtD,MAAMC,kBAAkB,GAAG,IAAAD,uBAAS,EAAC,mCAAmC,CAAC;EACzE,MAAME,aAAa,GAAG,IAAAF,uBAAS,EAAC,gCAAgC,CAAC;EACjE,MAAMG,aAAa,GAAG,IAAAH,uBAAS,EAAC,gCAAgC,CAAC;EAEjE,MAAMI,MAAM,GAAGT,QAAQ,GACnBQ,aAAa,GACbT,QAAQ,GACRQ,aAAa,GACbG,SAAS;EAEb,oBACEC,KAAA,CAAAC,aAAA,CAACtB,YAAA,CAAAuB,IAAI;IAACC,KAAK,EAAEZ,MAAM,CAACa;EAAU,gBAC5BJ,KAAA,CAAAC,aAAA,CAACpB,MAAA,CAAAwB,KAAK,CAACC,IAAI;IACTC,KAAK,EAAEd,KAAM;IACbG,aAAa,EAAEE,MAAO;IACtBZ,KAAK,EAAEA,KAAM;IACbC,QAAQ,EAAEA,QAAS;IACnBG,WAAW,EAAEA,WAAW,IAAIK,kBAAmB;IAC/Ca,kBAAkB;IAClBC,SAAS,EAAEzB,qBAAsB;IACjC0B,SAAS;IACTC,YAAY;EAAA,CACb,CACG,CAAC;AAEX","ignoreList":[]}

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

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

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

@@ -0,0 +1 @@
+{"version":3,"names":["_GroupNameField","require"],"sourceRoot":"../../../../../src","sources":["chat/elements/GroupNameField/index.ts"],"mappings":";;;;;;;;;;;AAAA,IAAAA,eAAA,GAAAC,OAAA","ignoreList":[]}

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

@@ -0,0 +1,27 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.useStyles = void 0;
+var _reactNative = require("react-native");
+var _useToken = require("../../../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.
+const useStyles = () => {
+  const token = (0, _useToken.useToken)();
+  const styles = _reactNative.StyleSheet.create({
+    container: {
+      width: '100%',
+      paddingTop: 24,
+      paddingHorizontal: 16
+    }
+  });
+  return {
+    styles,
+    token
+  };
+};
+exports.useStyles = useStyles;
+//# sourceMappingURL=styles.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["_reactNative","require","_useToken","useStyles","token","useToken","styles","StyleSheet","create","container","width","paddingTop","paddingHorizontal","exports"],"sourceRoot":"../../../../../src","sources":["chat/elements/GroupNameField/styles.ts"],"mappings":";;;;;;AAAA,IAAAA,YAAA,GAAAC,OAAA;AACA,IAAAC,SAAA,GAAAD,OAAA;AAEA;AACA;AACA;AACO,MAAME,SAAS,GAAGA,CAAA,KAAM;EAC7B,MAAMC,KAAK,GAAG,IAAAC,kBAAQ,EAAC,CAAC;EAExB,MAAMC,MAAM,GAAGC,uBAAU,CAACC,MAAM,CAAC;IAC/BC,SAAS,EAAE;MACTC,KAAK,EAAE,MAAM;MACbC,UAAU,EAAE,EAAE;MACdC,iBAAiB,EAAE;IACrB;EACF,CAAC,CAAC;EAEF,OAAO;IAAEN,MAAM;IAAEF;EAAM,CAAC;AAC1B,CAAC;AAACS,OAAA,CAAAV,SAAA,GAAAA,SAAA","ignoreList":[]}

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

@@ -0,0 +1,39 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.MediaUploadOverlay = MediaUploadOverlay;
+var _reactNative = require("react-native");
+var _Loader = require("../../../core/design/atoms/Loader");
+var _styles = require("./styles");
+// 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
+
+// 2. Internal imports
+
+// 3. Types
+
+// 4. Named function component
+function MediaUploadOverlay({
+  onCancel,
+  cancelAccessibilityLabel = 'Cancel upload'
+}) {
+  const {
+    styles
+  } = (0, _styles.useStyles)();
+  return /*#__PURE__*/React.createElement(_reactNative.View, {
+    style: styles.overlay,
+    pointerEvents: "box-none"
+  }, /*#__PURE__*/React.createElement(_Loader.Loader.Upload, {
+    size: "medium",
+    onCancel: onCancel,
+    accessibilityLabel: cancelAccessibilityLabel
+  }));
+}
+//# sourceMappingURL=MediaUploadOverlay.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["_reactNative","require","_Loader","_styles","MediaUploadOverlay","onCancel","cancelAccessibilityLabel","styles","useStyles","React","createElement","View","style","overlay","pointerEvents","Loader","Upload","size","accessibilityLabel"],"sourceRoot":"../../../../../src","sources":["chat/elements/MediaUploadOverlay/MediaUploadOverlay.tsx"],"mappings":";;;;;;AAOA,IAAAA,YAAA,GAAAC,OAAA;AAGA,IAAAC,OAAA,GAAAD,OAAA;AACA,IAAAE,OAAA,GAAAF,OAAA;AAXA;AACA;AACA;AACA;AACA;;AAEA;;AAGA;;AAIA;;AAMA;AACO,SAASG,kBAAkBA,CAAC;EACjCC,QAAQ;EACRC,wBAAwB,GAAG;AACJ,CAAC,EAAE;EAC1B,MAAM;IAAEC;EAAO,CAAC,GAAG,IAAAC,iBAAS,EAAC,CAAC;EAE9B,oBACEC,KAAA,CAAAC,aAAA,CAACV,YAAA,CAAAW,IAAI;IAACC,KAAK,EAAEL,MAAM,CAACM,OAAQ;IAACC,aAAa,EAAC;EAAU,gBACnDL,KAAA,CAAAC,aAAA,CAACR,OAAA,CAAAa,MAAM,CAACC,MAAM;IACZC,IAAI,EAAC,QAAQ;IACbZ,QAAQ,EAAEA,QAAS;IACnBa,kBAAkB,EAAEZ;EAAyB,CAC9C,CACG,CAAC;AAEX","ignoreList":[]}

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

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

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

@@ -0,0 +1 @@
+{"version":3,"names":["_MediaUploadOverlay","require"],"sourceRoot":"../../../../../src","sources":["chat/elements/MediaUploadOverlay/index.ts"],"mappings":";;;;;;;;;;;AAAA,IAAAA,mBAAA,GAAAC,OAAA","ignoreList":[]}

package/lib/commonjs/chat/elements/MediaUploadOverlay/styles.js

@@ -0,0 +1,32 @@
+"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 MediaUploadOverlay — ported from AmityUiKitWeb MediaUploadOverlay.module.css.
+// Absolute inset:0 scrim centered over its parent, on the media-overlay token.
+// It previously borrowed SurfaceBadgeSemanticBadgePostStatusTotalMedia, which
+// happens to carry the same 50% black today but is a post-status badge token —
+// the two would drift apart under a custom theme.
+
+const useStyles = () => {
+  const token = (0, _useToken.useToken)();
+  const styles = _reactNative.StyleSheet.create({
+    overlay: {
+      ..._reactNative.StyleSheet.absoluteFillObject,
+      alignItems: 'center',
+      justifyContent: 'center',
+      backgroundColor: token(_amityColorTokens.AmityColorToken.SurfaceMediaOverlayTransparentBlack)
+    }
+  });
+  return {
+    styles,
+    token
+  };
+};
+exports.useStyles = useStyles;
+//# sourceMappingURL=styles.js.map

package/lib/commonjs/chat/elements/MediaUploadOverlay/styles.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["_reactNative","require","_useToken","_amityColorTokens","useStyles","token","useToken","styles","StyleSheet","create","overlay","absoluteFillObject","alignItems","justifyContent","backgroundColor","AmityColorToken","SurfaceMediaOverlayTransparentBlack","exports"],"sourceRoot":"../../../../../src","sources":["chat/elements/MediaUploadOverlay/styles.ts"],"mappings":";;;;;;AAMA,IAAAA,YAAA,GAAAC,OAAA;AACA,IAAAC,SAAA,GAAAD,OAAA;AACA,IAAAE,iBAAA,GAAAF,OAAA;AARA;AACA;AACA;AACA;AACA;;AAMO,MAAMG,SAAS,GAAGA,CAAA,KAAM;EAC7B,MAAMC,KAAK,GAAG,IAAAC,kBAAQ,EAAC,CAAC;EAExB,MAAMC,MAAM,GAAGC,uBAAU,CAACC,MAAM,CAAC;IAC/BC,OAAO,EAAE;MACP,GAAGF,uBAAU,CAACG,kBAAkB;MAChCC,UAAU,EAAE,QAAQ;MACpBC,cAAc,EAAE,QAAQ;MACxBC,eAAe,EAAET,KAAK,CACpBU,iCAAe,CAACC,mCAClB;IACF;EACF,CAAC,CAAC;EAEF,OAAO;IAAET,MAAM;IAAEF;EAAM,CAAC;AAC1B,CAAC;AAACY,OAAA,CAAAb,SAAA,GAAAA,SAAA","ignoreList":[]}