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

package/lib/module/core/design/components/Skeleton/index.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["Skeleton"],"sourceRoot":"../../../../../../src","sources":["core/design/components/Skeleton/index.ts"],"mappings":"AAAA,SAASA,QAAQ,QAAQ,YAAY","ignoreList":[]}

package/lib/module/core/design/components/Skeleton/styles.js

@@ -0,0 +1,18 @@
+import { StyleSheet } from 'react-native';
+import { useToken } from '../../theme/useToken';
+import { AmityColorToken } from '../../tokens/amity-color-tokens';
+
+// Skeleton fill = Surface/SkeletonEffect/Default
+// (web var(--asc-color-surface-skeletoneffect-default)).
+export const useStyles = () => {
+  const token = useToken();
+  const styles = StyleSheet.create({
+    skeleton: {
+      backgroundColor: token(AmityColorToken.SurfaceSkeletonEffectDefault)
+    }
+  });
+  return {
+    styles
+  };
+};
+//# sourceMappingURL=styles.js.map

package/lib/module/core/design/components/Skeleton/styles.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["StyleSheet","useToken","AmityColorToken","useStyles","token","styles","create","skeleton","backgroundColor","SurfaceSkeletonEffectDefault"],"sourceRoot":"../../../../../../src","sources":["core/design/components/Skeleton/styles.ts"],"mappings":"AAAA,SAASA,UAAU,QAAQ,cAAc;AACzC,SAASC,QAAQ,QAAQ,sBAAsB;AAC/C,SAASC,eAAe,QAAQ,iCAAiC;;AAEjE;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,QAAQ,EAAE;MACRC,eAAe,EAAEJ,KAAK,CAACF,eAAe,CAACO,4BAA4B;IACrE;EACF,CAAC,CAAC;EAEF,OAAO;IAAEJ;EAAO,CAAC;AACnB,CAAC","ignoreList":[]}

package/lib/module/core/design/components/TextEditor/TextEditor.js

@@ -0,0 +1,181 @@
+function _extends() { return _extends = Object.assign ? Object.assign.bind() : function (n) { for (var e = 1; e < arguments.length; e++) { var t = arguments[e]; for (var r in t) ({}).hasOwnProperty.call(t, r) && (n[r] = t[r]); } return n; }, _extends.apply(null, arguments); }
+// TextEditor — RN equivalent of AmityUiKitWeb core/design/components/TextEditor.
+// Web is a 646-line Lexical contentEditable editor (mentions, hashtags, links,
+// products). RN has no contentEditable, so this is a controlled multiline
+// TextInput that owns the plain-text authority plus lightweight mention
+// tracking. It exposes an imperative handle (focus/blur/clear/insertMention +
+// getters for the SDK payload) and a render slot for the mention overlay.
+//
+// Deliberately NOT ported: hashtags, product mentions, URL/link detection,
+// character-limit plugins, floating link editor. Mention position tracking is
+// best-effort (see utils.reconcileMentions).
+
+// 1. React / RN imports
+import { forwardRef, useCallback, useImperativeHandle, useRef, useState } from 'react';
+import { Text, TextInput, View } from 'react-native';
+
+// 2. Internal imports
+import { useStyles } from './styles';
+import { detectMentionQuery, insertMentionToken, reconcileMentions, toMentionees } from './utils';
+
+// 3. Types
+
+// 4. Named function component (forwardRef for the imperative handle)
+export const TextEditor = /*#__PURE__*/forwardRef(function TextEditor({
+  value,
+  onChangeText,
+  onSend,
+  placeholder,
+  placeholderTextColor,
+  editable = true,
+  autoFocus = false,
+  maxHeight = 120,
+  onMentionQueryChange,
+  mentionOverlay,
+  style
+}, ref) {
+  const {
+    styles,
+    placeholderColor
+  } = useStyles();
+  const inputRef = useRef(null);
+
+  // TextEditor is the text authority: previous value + committed mentions are
+  // kept in refs so edits reconcile without extra renders.
+  const prevValueRef = useRef(value);
+  const mentionsRef = useRef([]);
+  const caretRef = useRef(value.length);
+
+  // Controlled selection is only driven imperatively (after insertMention);
+  // otherwise we leave it undefined so the native caret behaves normally.
+  const [selection, setSelection] = useState(undefined);
+
+  // Auto-grow: the input height tracks its content height
+  // (onContentSizeChange), clamped so the boxed wrapper grows from a single
+  // line up to `maxHeight`, then the input scrolls internally — matching web's
+  // composer inputWrapper (min-height 2.5rem → max-height 7.5rem). LINE_HEIGHT
+  // and WRAPPER_VERTICAL_PADDING mirror styles.ts (lineHeight 20 / paddingVertical 10).
+  const LINE_HEIGHT = 20;
+  const WRAPPER_VERTICAL_PADDING = 10;
+  const minInputHeight = LINE_HEIGHT;
+  const maxInputHeight = maxHeight - WRAPPER_VERTICAL_PADDING * 2;
+  const [contentHeight, setContentHeight] = useState(minInputHeight);
+  const inputHeight = Math.min(Math.max(contentHeight, minInputHeight), maxInputHeight);
+  const handleContentSizeChange = useCallback(e => {
+    setContentHeight(e.nativeEvent.contentSize.height);
+  }, []);
+  const emitQuery = useCallback((text, caret) => {
+    if (!onMentionQueryChange) return;
+    const active = detectMentionQuery(text, caret);
+    onMentionQueryChange(active ? active.query : null);
+  }, [onMentionQueryChange]);
+  const handleChangeText = useCallback(nextText => {
+    mentionsRef.current = reconcileMentions(prevValueRef.current, nextText, mentionsRef.current);
+    prevValueRef.current = nextText;
+    // Native controlled selection resets after our programmatic set; clear it.
+    setSelection(undefined);
+    onChangeText(nextText);
+    emitQuery(nextText, caretRef.current);
+  }, [onChangeText, emitQuery]);
+  const handleSelectionChange = useCallback(e => {
+    caretRef.current = e.nativeEvent.selection.start;
+    emitQuery(prevValueRef.current, caretRef.current);
+  }, [emitQuery]);
+  useImperativeHandle(ref, () => ({
+    focus: () => {
+      var _inputRef$current;
+      return (_inputRef$current = inputRef.current) === null || _inputRef$current === void 0 ? void 0 : _inputRef$current.focus();
+    },
+    blur: () => {
+      var _inputRef$current2;
+      return (_inputRef$current2 = inputRef.current) === null || _inputRef$current2 === void 0 ? void 0 : _inputRef$current2.blur();
+    },
+    clear: () => {
+      mentionsRef.current = [];
+      prevValueRef.current = '';
+      caretRef.current = 0;
+      setSelection(undefined);
+      onChangeText('');
+      onMentionQueryChange === null || onMentionQueryChange === void 0 || onMentionQueryChange(null);
+    },
+    insertMention: mention => {
+      const active = detectMentionQuery(prevValueRef.current, caretRef.current);
+      const start = active ? active.start : caretRef.current;
+      const {
+        text,
+        segment,
+        caret
+      } = insertMentionToken(prevValueRef.current, start, caretRef.current, {
+        userId: mention.userId,
+        display: mention.display,
+        type: mention.type ?? 'user'
+      });
+      mentionsRef.current = [...mentionsRef.current, segment];
+      prevValueRef.current = text;
+      caretRef.current = caret;
+      setSelection({
+        start: caret,
+        end: caret
+      });
+      onChangeText(text);
+      onMentionQueryChange === null || onMentionQueryChange === void 0 || onMentionQueryChange(null);
+    },
+    getText: () => prevValueRef.current,
+    getMentioned: () => mentionsRef.current,
+    getMentionees: () => toMentionees(mentionsRef.current)
+  }), [onChangeText, onMentionQueryChange]);
+
+  // Render the value with inserted mention tokens coloured (web highlights the
+  // mention node primary). RN TextInput can't colour substrings of a plain
+  // `value`, so pass formatted <Text> children instead — only when mentions
+  // exist, so the common no-mention path stays a plain controlled input.
+  // NOTE: needs on-device QA (iOS + Android) for cursor/selection behaviour.
+  const renderFormattedValue = () => {
+    const segs = [...mentionsRef.current].filter(m => m.index >= 0 && m.index + m.length + 1 <= value.length).sort((a, b) => a.index - b.index);
+    if (segs.length === 0) return undefined; // plain text via `value`
+    const parts = [];
+    let cursor = 0;
+    segs.forEach((m, i) => {
+      const end = m.index + m.length + 1; // '@' + display name
+      if (m.index > cursor) parts.push(value.slice(cursor, m.index));
+      parts.push(/*#__PURE__*/React.createElement(Text, {
+        key: `m-${i}`,
+        style: styles.mention
+      }, value.slice(m.index, end)));
+      cursor = end;
+    });
+    if (cursor < value.length) parts.push(value.slice(cursor));
+    return parts;
+  };
+
+  // RN throws "Cannot specify both value and children in InternalTextInput" if
+  // `value` is set while the TextInput also has children. When mentions exist we
+  // render coloured <Text> children (which then act as the displayed value), so
+  // `value` must be passed ONLY in the plain-text (no-children) path.
+  const formatted = renderFormattedValue();
+  return /*#__PURE__*/React.createElement(View, {
+    style: [styles.wrapper, {
+      maxHeight
+    }, style]
+  }, mentionOverlay, /*#__PURE__*/React.createElement(TextInput, _extends({
+    ref: inputRef,
+    style: [styles.input, {
+      height: inputHeight
+    }]
+  }, formatted === undefined ? {
+    value
+  } : null, {
+    onChangeText: handleChangeText,
+    onContentSizeChange: handleContentSizeChange,
+    onSelectionChange: handleSelectionChange,
+    selection: selection,
+    placeholder: placeholder,
+    placeholderTextColor: placeholderTextColor ?? placeholderColor,
+    editable: editable,
+    autoFocus: autoFocus,
+    multiline: true,
+    onSubmitEditing: onSend,
+    blurOnSubmit: false
+  }), formatted));
+});
+//# sourceMappingURL=TextEditor.js.map

package/lib/module/core/design/components/TextEditor/TextEditor.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["forwardRef","useCallback","useImperativeHandle","useRef","useState","Text","TextInput","View","useStyles","detectMentionQuery","insertMentionToken","reconcileMentions","toMentionees","TextEditor","value","onChangeText","onSend","placeholder","placeholderTextColor","editable","autoFocus","maxHeight","onMentionQueryChange","mentionOverlay","style","ref","styles","placeholderColor","inputRef","prevValueRef","mentionsRef","caretRef","length","selection","setSelection","undefined","LINE_HEIGHT","WRAPPER_VERTICAL_PADDING","minInputHeight","maxInputHeight","contentHeight","setContentHeight","inputHeight","Math","min","max","handleContentSizeChange","e","nativeEvent","contentSize","height","emitQuery","text","caret","active","query","handleChangeText","nextText","current","handleSelectionChange","start","focus","_inputRef$current","blur","_inputRef$current2","clear","insertMention","mention","segment","userId","display","type","end","getText","getMentioned","getMentionees","renderFormattedValue","segs","filter","m","index","sort","a","b","parts","cursor","forEach","i","push","slice","React","createElement","key","formatted","wrapper","_extends","input","onContentSizeChange","onSelectionChange","multiline","onSubmitEditing","blurOnSubmit"],"sourceRoot":"../../../../../../src","sources":["core/design/components/TextEditor/TextEditor.tsx"],"mappings":"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","ignoreList":[]}

package/lib/module/core/design/components/TextEditor/index.js

@@ -0,0 +1,3 @@
+export { TextEditor } from './TextEditor';
+export { toMentionees } from './utils';
+//# sourceMappingURL=index.js.map

package/lib/module/core/design/components/TextEditor/index.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["TextEditor","toMentionees"],"sourceRoot":"../../../../../../src","sources":["core/design/components/TextEditor/index.ts"],"mappings":"AAAA,SAASA,UAAU,QAAQ,cAAc;AAGzC,SAASC,YAAY,QAAQ,SAAS","ignoreList":[]}

package/lib/module/core/design/components/TextEditor/styles.js

@@ -0,0 +1,55 @@
+// Styles for the RN TextEditor. Geometry mirrors the composer input surface
+// (web MessageComposer.module.css): radius 1.25rem→20, padding 0.625rem 0.75rem
+// →10/12, min-height 2.5rem→40, editor font 1rem/1.25rem→16/20. All colours
+// resolve through design tokens.
+
+import { StyleSheet } from 'react-native';
+import { useToken } from '../../theme/useToken';
+import { AmityColorToken } from '../../tokens/amity-color-tokens';
+export const useStyles = () => {
+  const token = useToken();
+  const styles = StyleSheet.create({
+    wrapper: {
+      flex: 1,
+      minWidth: 0,
+      backgroundColor: token(AmityColorToken.SurfaceInputBoxedInputDefault),
+      borderRadius: 20,
+      paddingVertical: 10,
+      paddingHorizontal: 12,
+      minHeight: 40,
+      justifyContent: 'center'
+    },
+    // No `flex` here: the input height is driven explicitly from content size
+    // (TextEditor auto-grow) so the boxed wrapper can grow line-by-line up to
+    // maxHeight, then the input scrolls. A vertical flex would fight that height.
+    input: {
+      fontSize: 16,
+      lineHeight: 20,
+      padding: 0,
+      textAlignVertical: 'top',
+      // Web composer editor uses text-input-textinput-placeholder-enabled-filled for
+      // typed text; that token flips (dark-grey in light mode, white in dark). Its RN
+      // path is ".../Placeholder/Enabled-Filled" (Enabled-Filled is ONE hyphenated
+      // segment — guessing "Enabled/Filled" resolves to the missing sentinel).
+      color: token(AmityColorToken.TextInputTextInputPlaceholderEnabledFilled)
+    },
+    // Inserted mention token — web colours it with the editor highlight token
+    // (text-input-textinput-placeholder-enabled-highlight = Primary/500·400).
+    // Must repeat the input's fontSize/lineHeight: a nested <Text> inside a
+    // TextInput does NOT reliably inherit the parent's lineHeight on Android, so
+    // without these it renders at the font's natural (taller) line height and its
+    // bottom gets clipped by the 20px line box sized from the surrounding text.
+    mention: {
+      color: token(AmityColorToken.TextInputTextInputPlaceholderEnabledHighlight),
+      fontSize: 16,
+      lineHeight: 20
+    }
+  });
+  const placeholderColor = token(AmityColorToken.TextInputTextInputPlaceholderEnabled);
+  return {
+    styles,
+    token,
+    placeholderColor
+  };
+};
+//# sourceMappingURL=styles.js.map

package/lib/module/core/design/components/TextEditor/styles.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["StyleSheet","useToken","AmityColorToken","useStyles","token","styles","create","wrapper","flex","minWidth","backgroundColor","SurfaceInputBoxedInputDefault","borderRadius","paddingVertical","paddingHorizontal","minHeight","justifyContent","input","fontSize","lineHeight","padding","textAlignVertical","color","TextInputTextInputPlaceholderEnabledFilled","mention","TextInputTextInputPlaceholderEnabledHighlight","placeholderColor","TextInputTextInputPlaceholderEnabled"],"sourceRoot":"../../../../../../src","sources":["core/design/components/TextEditor/styles.ts"],"mappings":"AAAA;AACA;AACA;AACA;;AAEA,SAASA,UAAU,QAAQ,cAAc;AACzC,SAASC,QAAQ,QAAQ,sBAAsB;AAC/C,SAASC,eAAe,QAAQ,iCAAiC;AAEjE,OAAO,MAAMC,SAAS,GAAGA,CAAA,KAAM;EAC7B,MAAMC,KAAK,GAAGH,QAAQ,CAAC,CAAC;EAExB,MAAMI,MAAM,GAAGL,UAAU,CAACM,MAAM,CAAC;IAC/BC,OAAO,EAAE;MACPC,IAAI,EAAE,CAAC;MACPC,QAAQ,EAAE,CAAC;MACXC,eAAe,EAAEN,KAAK,CAACF,eAAe,CAACS,6BAA6B,CAAC;MACrEC,YAAY,EAAE,EAAE;MAChBC,eAAe,EAAE,EAAE;MACnBC,iBAAiB,EAAE,EAAE;MACrBC,SAAS,EAAE,EAAE;MACbC,cAAc,EAAE;IAClB,CAAC;IACD;IACA;IACA;IACAC,KAAK,EAAE;MACLC,QAAQ,EAAE,EAAE;MACZC,UAAU,EAAE,EAAE;MACdC,OAAO,EAAE,CAAC;MACVC,iBAAiB,EAAE,KAAK;MACxB;MACA;MACA;MACA;MACAC,KAAK,EAAElB,KAAK,CAACF,eAAe,CAACqB,0CAA0C;IACzE,CAAC;IACD;IACA;IACA;IACA;IACA;IACA;IACAC,OAAO,EAAE;MACPF,KAAK,EAAElB,KAAK,CACVF,eAAe,CAACuB,6CAClB,CAAC;MACDP,QAAQ,EAAE,EAAE;MACZC,UAAU,EAAE;IACd;EACF,CAAC,CAAC;EAEF,MAAMO,gBAAgB,GAAGtB,KAAK,CAC5BF,eAAe,CAACyB,oCAClB,CAAC;EAED,OAAO;IAAEtB,MAAM;IAAED,KAAK;IAAEsB;EAAiB,CAAC;AAC5C,CAAC","ignoreList":[]}

package/lib/module/core/design/components/TextEditor/utils.js

@@ -0,0 +1,123 @@
+// Mention-aware text utilities for the RN TextEditor.
+// Web uses Lexical + contentEditable MentionNodes to track mentions structurally.
+// RN has a plain string in a TextInput, so we track mentions as positioned
+// segments over that string and reconcile their positions as the text is edited.
+// This is best-effort index tracking (see reconcileMentions) — good enough for
+// the composer, not a full rich-text model.
+
+/** A committed mention segment, mirroring web `Mentioned` metadata. */
+
+const AT = '@';
+
+/** Length of the `@display` token in the text (the `@` plus the display name). */
+function tokenLength(m) {
+  return m.length + AT.length;
+}
+
+/**
+ * Detect an active mention query at the caret: an `@` token the caret sits
+ * inside, whose `@` is at the start of the text or preceded by whitespace and
+ * which contains no whitespace between the `@` and the caret. Returns the query
+ * (text after `@`) and the index of the `@`, or null when the caret is not in a
+ * mention token.
+ */
+export function detectMentionQuery(text, caret) {
+  if (caret < 0 || caret > text.length) return null;
+
+  // Walk backwards from the caret to find the `@` that opens the token.
+  let i = caret - 1;
+  while (i >= 0) {
+    const ch = text[i];
+    if (ch === AT) {
+      const before = i > 0 ? text[i - 1] : undefined;
+      if (before === undefined || /\s/.test(before)) {
+        return {
+          query: text.slice(i + 1, caret),
+          start: i
+        };
+      }
+      return null;
+    }
+    if (/\s/.test(ch)) return null;
+    i -= 1;
+  }
+  return null;
+}
+
+/**
+ * Re-position mention segments after a text edit. Uses a common prefix/suffix
+ * diff: mentions fully before the change are kept, mentions fully after it are
+ * shifted by the length delta, and any mention overlapping the changed region
+ * is dropped (its text was touched, so it is no longer a valid mention).
+ */
+export function reconcileMentions(oldText, newText, mentions) {
+  if (oldText === newText || mentions.length === 0) return mentions;
+  const maxPrefix = Math.min(oldText.length, newText.length);
+  let prefix = 0;
+  while (prefix < maxPrefix && oldText[prefix] === newText[prefix]) prefix += 1;
+  let suffix = 0;
+  while (suffix < maxPrefix - prefix && oldText[oldText.length - 1 - suffix] === newText[newText.length - 1 - suffix]) {
+    suffix += 1;
+  }
+  const changeStart = prefix;
+  const oldChangeEnd = oldText.length - suffix;
+  const delta = newText.length - oldText.length;
+  const next = [];
+  for (const m of mentions) {
+    const start = m.index;
+    const end = m.index + tokenLength(m);
+    if (end <= changeStart) {
+      next.push(m); // entirely before the edit
+    } else if (start >= oldChangeEnd) {
+      next.push({
+        ...m,
+        index: m.index + delta
+      }); // entirely after the edit
+    }
+    // else: overlaps the edit → drop it
+  }
+  return next;
+}
+
+/**
+ * Replace the active `@query` token (from `queryStart` up to `caret`) with
+ * `@display ` (trailing space) and return the new text, the new mention segment,
+ * and the caret position to place after the inserted token.
+ */
+export function insertMentionToken(text, queryStart, caret, mention) {
+  const token = `${AT}${mention.display} `;
+  const nextText = text.slice(0, queryStart) + token + text.slice(caret);
+  const segment = {
+    index: queryStart,
+    length: mention.display.length,
+    type: mention.type,
+    userId: mention.userId,
+    display: mention.display
+  };
+  return {
+    text: nextText,
+    segment,
+    caret: queryStart + token.length
+  };
+}
+
+/**
+ * Build the SDK `mentionees` payload for createMessage/editMessage from the
+ * committed mention segments. A channel mention (@all) is pushed as its own
+ * entry; user mentions are collapsed into a single `userIds` entry. An empty
+ * user entry is always included so the backend clears stale mentionees, matching
+ * web `extractMetadata`.
+ */
+export function toMentionees(mentions) {
+  const mentionees = [];
+  const hasChannel = mentions.some(m => m.type === 'channel');
+  if (hasChannel) mentionees.push({
+    type: 'channel'
+  });
+  mentionees.push({
+    type: 'user',
+    userIds: mentions.filter(m => m.type === 'user').map(m => m.userId)
+  });
+  return mentionees;
+}
+//# sourceMappingURL=utils.js.map

package/lib/module/core/design/components/TextEditor/utils.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["AT","tokenLength","m","length","detectMentionQuery","text","caret","i","ch","before","undefined","test","query","slice","start","reconcileMentions","oldText","newText","mentions","maxPrefix","Math","min","prefix","suffix","changeStart","oldChangeEnd","delta","next","index","end","push","insertMentionToken","queryStart","mention","token","display","nextText","segment","type","userId","toMentionees","mentionees","hasChannel","some","userIds","filter","map"],"sourceRoot":"../../../../../../src","sources":["core/design/components/TextEditor/utils.ts"],"mappings":"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","ignoreList":[]}

package/lib/module/core/design/components/Typography/Typography.js

@@ -0,0 +1,25 @@
+function _extends() { return _extends = Object.assign ? Object.assign.bind() : function (n) { for (var e = 1; e < arguments.length; e++) { var t = arguments[e]; for (var r in t) ({}).hasOwnProperty.call(t, r) && (n[r] = t[r]); } return n; }, _extends.apply(null, arguments); }
+// Typography component — ported from AmityUiKitWeb core/components/Typography.
+// Web renders <h1>/<p>/<span> with a per-variant CSS class; here every variant
+// renders an RN <Text>. Metrics come from the SoT type scale (Web column) in
+// tokens/geometry.json; default color from the Text/Base/Default token.
+
+import { Text } from 'react-native';
+import { useStyles } from './styles';
+export function Typography({
+  variant = 'body',
+  style,
+  children,
+  ...rest
+}) {
+  const {
+    styles
+  } = useStyles();
+
+  // Caller `style` is applied after the variant style so overrides win,
+  // preserving the web `color: inherit` re-tint behaviour.
+  return /*#__PURE__*/React.createElement(Text, _extends({
+    style: [styles[variant], style]
+  }, rest), children);
+}
+//# sourceMappingURL=Typography.js.map

package/lib/module/core/design/components/Typography/Typography.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["Text","useStyles","Typography","variant","style","children","rest","styles","React","createElement","_extends"],"sourceRoot":"../../../../../../src","sources":["core/design/components/Typography/Typography.tsx"],"mappings":";AAAA;AACA;AACA;AACA;;AAEA,SAASA,IAAI,QAAwB,cAAc;AACnD,SAASC,SAAS,QAAQ,UAAU;AAgBpC,OAAO,SAASC,UAAUA,CAAC;EACzBC,OAAO,GAAG,MAAM;EAChBC,KAAK;EACLC,QAAQ;EACR,GAAGC;AACY,CAAC,EAAE;EAClB,MAAM;IAAEC;EAAO,CAAC,GAAGN,SAAS,CAAC,CAAC;;EAE9B;EACA;EACA,oBACEO,KAAA,CAAAC,aAAA,CAACT,IAAI,EAAAU,QAAA;IAACN,KAAK,EAAE,CAACG,MAAM,CAACJ,OAAO,CAAC,EAAEC,KAAK;EAAE,GAAKE,IAAI,GAC5CD,QACG,CAAC;AAEX","ignoreList":[]}

package/lib/module/core/design/components/Typography/index.js

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

package/lib/module/core/design/components/Typography/index.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["Typography"],"sourceRoot":"../../../../../../src","sources":["core/design/components/Typography/index.ts"],"mappings":"AAAA,SAASA,UAAU,QAAQ,cAAc","ignoreList":[]}

package/lib/module/core/design/components/Typography/styles.js

@@ -0,0 +1,72 @@
+import { StyleSheet } from 'react-native';
+import { useToken } from '../../theme/useToken';
+import { AmityColorToken } from '../../tokens/amity-color-tokens';
+
+// Metrics from SoT tokens/geometry.json → typography.styles (Web column):
+//   Headline     20 / 24 / 700
+//   Title Bold   16 / 24 / 600
+//   Title        16 / 24 / 400
+//   Body Bold    14 / 20 / 600
+//   Body         14 / 20 / 400
+//   Caption Bold 12 / 16 / 600
+//   Caption      12 / 16 / 400
+//   Caption Small 12 / 12 / 400
+// (fontSize / lineHeight / fontWeight). Web CSS sets no letter-spacing, so none here.
+export const useStyles = () => {
+  const token = useToken();
+  const color = token(AmityColorToken.TextListHeaderDefaultDefault);
+  const styles = StyleSheet.create({
+    headline: {
+      color,
+      fontSize: 20,
+      lineHeight: 24,
+      fontWeight: '700'
+    },
+    titleBold: {
+      color,
+      fontSize: 16,
+      lineHeight: 24,
+      fontWeight: '600'
+    },
+    title: {
+      color,
+      fontSize: 16,
+      lineHeight: 24,
+      fontWeight: '400'
+    },
+    bodyBold: {
+      color,
+      fontSize: 14,
+      lineHeight: 20,
+      fontWeight: '600'
+    },
+    body: {
+      color,
+      fontSize: 14,
+      lineHeight: 20,
+      fontWeight: '400'
+    },
+    captionBold: {
+      color,
+      fontSize: 12,
+      lineHeight: 16,
+      fontWeight: '600'
+    },
+    caption: {
+      color,
+      fontSize: 12,
+      lineHeight: 16,
+      fontWeight: '400'
+    },
+    captionSmall: {
+      color,
+      fontSize: 12,
+      lineHeight: 12,
+      fontWeight: '400'
+    }
+  });
+  return {
+    styles
+  };
+};
+//# sourceMappingURL=styles.js.map

package/lib/module/core/design/components/Typography/styles.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["StyleSheet","useToken","AmityColorToken","useStyles","token","color","TextListHeaderDefaultDefault","styles","create","headline","fontSize","lineHeight","fontWeight","titleBold","title","bodyBold","body","captionBold","caption","captionSmall"],"sourceRoot":"../../../../../../src","sources":["core/design/components/Typography/styles.ts"],"mappings":"AAAA,SAASA,UAAU,QAAQ,cAAc;AACzC,SAASC,QAAQ,QAAQ,sBAAsB;AAC/C,SAASC,eAAe,QAAQ,iCAAiC;;AAEjE;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,OAAO,MAAMC,SAAS,GAAGA,CAAA,KAAM;EAC7B,MAAMC,KAAK,GAAGH,QAAQ,CAAC,CAAC;EACxB,MAAMI,KAAK,GAAGD,KAAK,CAACF,eAAe,CAACI,4BAA4B,CAAC;EAEjE,MAAMC,MAAM,GAAGP,UAAU,CAACQ,MAAM,CAAC;IAC/BC,QAAQ,EAAE;MAAEJ,KAAK;MAAEK,QAAQ,EAAE,EAAE;MAAEC,UAAU,EAAE,EAAE;MAAEC,UAAU,EAAE;IAAM,CAAC;IACpEC,SAAS,EAAE;MAAER,KAAK;MAAEK,QAAQ,EAAE,EAAE;MAAEC,UAAU,EAAE,EAAE;MAAEC,UAAU,EAAE;IAAM,CAAC;IACrEE,KAAK,EAAE;MAAET,KAAK;MAAEK,QAAQ,EAAE,EAAE;MAAEC,UAAU,EAAE,EAAE;MAAEC,UAAU,EAAE;IAAM,CAAC;IACjEG,QAAQ,EAAE;MAAEV,KAAK;MAAEK,QAAQ,EAAE,EAAE;MAAEC,UAAU,EAAE,EAAE;MAAEC,UAAU,EAAE;IAAM,CAAC;IACpEI,IAAI,EAAE;MAAEX,KAAK;MAAEK,QAAQ,EAAE,EAAE;MAAEC,UAAU,EAAE,EAAE;MAAEC,UAAU,EAAE;IAAM,CAAC;IAChEK,WAAW,EAAE;MAAEZ,KAAK;MAAEK,QAAQ,EAAE,EAAE;MAAEC,UAAU,EAAE,EAAE;MAAEC,UAAU,EAAE;IAAM,CAAC;IACvEM,OAAO,EAAE;MAAEb,KAAK;MAAEK,QAAQ,EAAE,EAAE;MAAEC,UAAU,EAAE,EAAE;MAAEC,UAAU,EAAE;IAAM,CAAC;IACnEO,YAAY,EAAE;MAAEd,KAAK;MAAEK,QAAQ,EAAE,EAAE;MAAEC,UAAU,EAAE,EAAE;MAAEC,UAAU,EAAE;IAAM;EACzE,CAAC,CAAC;EAEF,OAAO;IAAEL;EAAO,CAAC;AACnB,CAAC","ignoreList":[]}

package/lib/module/core/design/elements/ModeratorBadge/ModeratorBadge.js

@@ -0,0 +1,20 @@
+// ModeratorBadge element — ported from AmityUiKitWeb core/design/elements/ModeratorBadge.
+// Thin wrapper over the Badge atom: a bordered icon chip carrying the
+// `userstatus/moderator` preset with the solid shield-check glyph.
+
+import { Badge } from '../../atoms/Badge';
+// Web hardcodes size=16 and the userstatus/moderator preset with ShieldCheck.Solid.
+export function ModeratorBadge({
+  size = 16
+}) {
+  return /*#__PURE__*/React.createElement(Badge.Icon, {
+    border: true,
+    icon: "shield-check-s",
+    preset: {
+      family: 'userstatus',
+      case: 'moderator'
+    },
+    size: size
+  });
+}
+//# sourceMappingURL=ModeratorBadge.js.map

package/lib/module/core/design/elements/ModeratorBadge/ModeratorBadge.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["Badge","ModeratorBadge","size","React","createElement","Icon","border","icon","preset","family","case"],"sourceRoot":"../../../../../../src","sources":["core/design/elements/ModeratorBadge/ModeratorBadge.tsx"],"mappings":"AAAA;AACA;AACA;;AAEA,SAASA,KAAK,QAAwB,mBAAmB;AAMzD;AACA,OAAO,SAASC,cAAcA,CAAC;EAAEC,IAAI,GAAG;AAAwB,CAAC,EAAE;EACjE,oBACEC,KAAA,CAAAC,aAAA,CAACJ,KAAK,CAACK,IAAI;IACTC,MAAM;IACNC,IAAI,EAAC,gBAAgB;IACrBC,MAAM,EAAE;MAAEC,MAAM,EAAE,YAAY;MAAEC,IAAI,EAAE;IAAY,CAAE;IACpDR,IAAI,EAAEA;EAAK,CACZ,CAAC;AAEN","ignoreList":[]}

package/lib/module/core/design/elements/ModeratorBadge/index.js

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

package/lib/module/core/design/elements/ModeratorBadge/index.js.map

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

package/lib/module/core/design/elements/PrivateBadge/PrivateBadge.js

@@ -0,0 +1,26 @@
+// PrivateBadge element — Badge.Icon with the chat/private (lock) preset.
+// QA deviation from web: web's chat/private preset flips per theme (light =
+// light-blue circle + blue lock; dark = blue circle + light lock). Per QA the
+// lock must read WHITE in light, so we force a consistent blue circle + white
+// lock in both themes via colour overrides (white icon + Primary/500 surface).
+// Geometry (size/border) still comes from the preset.
+
+import { Badge } from '../../atoms/Badge';
+import { AmityColorToken } from '../../tokens/amity-color-tokens';
+export function PrivateBadge({
+  size = 16,
+  border = false
+}) {
+  return /*#__PURE__*/React.createElement(Badge.Icon, {
+    icon: "lock-keyhole-s",
+    preset: {
+      family: 'chat',
+      case: 'private'
+    },
+    size: size,
+    border: border,
+    surfaceColorToken: AmityColorToken.SurfaceFeaturedIconSolid,
+    iconColorToken: AmityColorToken.IconBadgeSemanticBadgeCommunityGeneralDefault
+  });
+}
+//# sourceMappingURL=PrivateBadge.js.map

package/lib/module/core/design/elements/PrivateBadge/PrivateBadge.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["Badge","AmityColorToken","PrivateBadge","size","border","React","createElement","Icon","icon","preset","family","case","surfaceColorToken","SurfaceFeaturedIconSolid","iconColorToken","IconBadgeSemanticBadgeCommunityGeneralDefault"],"sourceRoot":"../../../../../../src","sources":["core/design/elements/PrivateBadge/PrivateBadge.tsx"],"mappings":"AAAA;AACA;AACA;AACA;AACA;AACA;;AAEA,SAASA,KAAK,QAAwB,mBAAmB;AACzD,SAASC,eAAe,QAAQ,iCAAiC;AAOjE,OAAO,SAASC,YAAYA,CAAC;EAAEC,IAAI,GAAG,EAAE;EAAEC,MAAM,GAAG;AAAyB,CAAC,EAAE;EAC7E,oBACEC,KAAA,CAAAC,aAAA,CAACN,KAAK,CAACO,IAAI;IACTC,IAAI,EAAC,gBAAgB;IACrBC,MAAM,EAAE;MAAEC,MAAM,EAAE,MAAM;MAAEC,IAAI,EAAE;IAAU,CAAE;IAC5CR,IAAI,EAAEA,IAAK;IACXC,MAAM,EAAEA,MAAO;IACfQ,iBAAiB,EAAEX,eAAe,CAACY,wBAAyB;IAC5DC,cAAc,EACZb,eAAe,CAACc;EACjB,CACF,CAAC;AAEN","ignoreList":[]}

package/lib/module/core/design/elements/PrivateBadge/index.js

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

package/lib/module/core/design/elements/PrivateBadge/index.js.map

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

package/lib/module/core/design/icons/AmityIcon.js

@@ -0,0 +1,23 @@
+// AmityIcon — render a SoT icon by name, tinted via a design token.
+// RN has no svg-transformer configured, so icons are raw SVG xml (from the generated
+// registry) rendered through react-native-svg's SvgXml, with the fill placeholder
+// replaced by a resolved token colour.
+
+import { SvgXml } from 'react-native-svg';
+import { getIconXml } from './generated/iconRegistry';
+import { useToken } from '../theme/useToken';
+export function AmityIcon({
+  name,
+  size = 24,
+  tokenColor,
+  color
+}) {
+  const token = useToken();
+  const fill = tokenColor ? token(tokenColor) : color;
+  return /*#__PURE__*/React.createElement(SvgXml, {
+    xml: getIconXml(name, fill),
+    width: size,
+    height: size
+  });
+}
+//# sourceMappingURL=AmityIcon.js.map