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

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

@@ -0,0 +1 @@
+{"version":3,"names":["_TextEditor","require","_utils"],"sourceRoot":"../../../../../../src","sources":["core/design/components/TextEditor/index.ts"],"mappings":";;;;;;;;;;;;;;;;;AAAA,IAAAA,WAAA,GAAAC,OAAA;AAGA,IAAAC,MAAA,GAAAD,OAAA","ignoreList":[]}

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

@@ -0,0 +1,62 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.useStyles = void 0;
+var _reactNative = require("react-native");
+var _useToken = require("../../theme/useToken");
+var _amityColorTokens = require("../../tokens/amity-color-tokens");
+// 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.
+
+const useStyles = () => {
+  const token = (0, _useToken.useToken)();
+  const styles = _reactNative.StyleSheet.create({
+    wrapper: {
+      flex: 1,
+      minWidth: 0,
+      backgroundColor: token(_amityColorTokens.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(_amityColorTokens.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(_amityColorTokens.AmityColorToken.TextInputTextInputPlaceholderEnabledHighlight),
+      fontSize: 16,
+      lineHeight: 20
+    }
+  });
+  const placeholderColor = token(_amityColorTokens.AmityColorToken.TextInputTextInputPlaceholderEnabled);
+  return {
+    styles,
+    token,
+    placeholderColor
+  };
+};
+exports.useStyles = useStyles;
+//# sourceMappingURL=styles.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["_reactNative","require","_useToken","_amityColorTokens","useStyles","token","useToken","styles","StyleSheet","create","wrapper","flex","minWidth","backgroundColor","AmityColorToken","SurfaceInputBoxedInputDefault","borderRadius","paddingVertical","paddingHorizontal","minHeight","justifyContent","input","fontSize","lineHeight","padding","textAlignVertical","color","TextInputTextInputPlaceholderEnabledFilled","mention","TextInputTextInputPlaceholderEnabledHighlight","placeholderColor","TextInputTextInputPlaceholderEnabled","exports"],"sourceRoot":"../../../../../../src","sources":["core/design/components/TextEditor/styles.ts"],"mappings":";;;;;;AAKA,IAAAA,YAAA,GAAAC,OAAA;AACA,IAAAC,SAAA,GAAAD,OAAA;AACA,IAAAE,iBAAA,GAAAF,OAAA;AAPA;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;MACPC,IAAI,EAAE,CAAC;MACPC,QAAQ,EAAE,CAAC;MACXC,eAAe,EAAER,KAAK,CAACS,iCAAe,CAACC,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,EAAErB,KAAK,CAACS,iCAAe,CAACa,0CAA0C;IACzE,CAAC;IACD;IACA;IACA;IACA;IACA;IACA;IACAC,OAAO,EAAE;MACPF,KAAK,EAAErB,KAAK,CACVS,iCAAe,CAACe,6CAClB,CAAC;MACDP,QAAQ,EAAE,EAAE;MACZC,UAAU,EAAE;IACd;EACF,CAAC,CAAC;EAEF,MAAMO,gBAAgB,GAAGzB,KAAK,CAC5BS,iCAAe,CAACiB,oCAClB,CAAC;EAED,OAAO;IAAExB,MAAM;IAAEF,KAAK;IAAEyB;EAAiB,CAAC;AAC5C,CAAC;AAACE,OAAA,CAAA5B,SAAA,GAAAA,SAAA","ignoreList":[]}

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

@@ -0,0 +1,132 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.detectMentionQuery = detectMentionQuery;
+exports.insertMentionToken = insertMentionToken;
+exports.reconcileMentions = reconcileMentions;
+exports.toMentionees = toMentionees;
+// 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.
+ */
+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).
+ */
+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.
+ */
+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`.
+ */
+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/commonjs/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/commonjs/core/design/components/Typography/Typography.js

@@ -0,0 +1,29 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.Typography = Typography;
+var _reactNative = require("react-native");
+var _styles = require("./styles");
+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.
+function Typography({
+  variant = 'body',
+  style,
+  children,
+  ...rest
+}) {
+  const {
+    styles
+  } = (0, _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(_reactNative.Text, _extends({
+    style: [styles[variant], style]
+  }, rest), children);
+}
+//# sourceMappingURL=Typography.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["_reactNative","require","_styles","_extends","Object","assign","bind","n","e","arguments","length","t","r","hasOwnProperty","call","apply","Typography","variant","style","children","rest","styles","useStyles","React","createElement","Text"],"sourceRoot":"../../../../../../src","sources":["core/design/components/Typography/Typography.tsx"],"mappings":";;;;;;AAKA,IAAAA,YAAA,GAAAC,OAAA;AACA,IAAAC,OAAA,GAAAD,OAAA;AAAqC,SAAAE,SAAA,WAAAA,QAAA,GAAAC,MAAA,CAAAC,MAAA,GAAAD,MAAA,CAAAC,MAAA,CAAAC,IAAA,eAAAC,CAAA,aAAAC,CAAA,MAAAA,CAAA,GAAAC,SAAA,CAAAC,MAAA,EAAAF,CAAA,UAAAG,CAAA,GAAAF,SAAA,CAAAD,CAAA,YAAAI,CAAA,IAAAD,CAAA,OAAAE,cAAA,CAAAC,IAAA,CAAAH,CAAA,EAAAC,CAAA,MAAAL,CAAA,CAAAK,CAAA,IAAAD,CAAA,CAAAC,CAAA,aAAAL,CAAA,KAAAJ,QAAA,CAAAY,KAAA,OAAAN,SAAA,KANrC;AACA;AACA;AACA;AAmBO,SAASO,UAAUA,CAAC;EACzBC,OAAO,GAAG,MAAM;EAChBC,KAAK;EACLC,QAAQ;EACR,GAAGC;AACY,CAAC,EAAE;EAClB,MAAM;IAAEC;EAAO,CAAC,GAAG,IAAAC,iBAAS,EAAC,CAAC;;EAE9B;EACA;EACA,oBACEC,KAAA,CAAAC,aAAA,CAACxB,YAAA,CAAAyB,IAAI,EAAAtB,QAAA;IAACe,KAAK,EAAE,CAACG,MAAM,CAACJ,OAAO,CAAC,EAAEC,KAAK;EAAE,GAAKE,IAAI,GAC5CD,QACG,CAAC;AAEX","ignoreList":[]}

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

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

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

@@ -0,0 +1 @@
+{"version":3,"names":["_Typography","require"],"sourceRoot":"../../../../../../src","sources":["core/design/components/Typography/index.ts"],"mappings":";;;;;;;;;;;AAAA,IAAAA,WAAA,GAAAC,OAAA","ignoreList":[]}

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

@@ -0,0 +1,78 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.useStyles = void 0;
+var _reactNative = require("react-native");
+var _useToken = require("../../theme/useToken");
+var _amityColorTokens = require("../../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.
+const useStyles = () => {
+  const token = (0, _useToken.useToken)();
+  const color = token(_amityColorTokens.AmityColorToken.TextListHeaderDefaultDefault);
+  const styles = _reactNative.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
+  };
+};
+exports.useStyles = useStyles;
+//# sourceMappingURL=styles.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["_reactNative","require","_useToken","_amityColorTokens","useStyles","token","useToken","color","AmityColorToken","TextListHeaderDefaultDefault","styles","StyleSheet","create","headline","fontSize","lineHeight","fontWeight","titleBold","title","bodyBold","body","captionBold","caption","captionSmall","exports"],"sourceRoot":"../../../../../../src","sources":["core/design/components/Typography/styles.ts"],"mappings":";;;;;;AAAA,IAAAA,YAAA,GAAAC,OAAA;AACA,IAAAC,SAAA,GAAAD,OAAA;AACA,IAAAE,iBAAA,GAAAF,OAAA;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACO,MAAMG,SAAS,GAAGA,CAAA,KAAM;EAC7B,MAAMC,KAAK,GAAG,IAAAC,kBAAQ,EAAC,CAAC;EACxB,MAAMC,KAAK,GAAGF,KAAK,CAACG,iCAAe,CAACC,4BAA4B,CAAC;EAEjE,MAAMC,MAAM,GAAGC,uBAAU,CAACC,MAAM,CAAC;IAC/BC,QAAQ,EAAE;MAAEN,KAAK;MAAEO,QAAQ,EAAE,EAAE;MAAEC,UAAU,EAAE,EAAE;MAAEC,UAAU,EAAE;IAAM,CAAC;IACpEC,SAAS,EAAE;MAAEV,KAAK;MAAEO,QAAQ,EAAE,EAAE;MAAEC,UAAU,EAAE,EAAE;MAAEC,UAAU,EAAE;IAAM,CAAC;IACrEE,KAAK,EAAE;MAAEX,KAAK;MAAEO,QAAQ,EAAE,EAAE;MAAEC,UAAU,EAAE,EAAE;MAAEC,UAAU,EAAE;IAAM,CAAC;IACjEG,QAAQ,EAAE;MAAEZ,KAAK;MAAEO,QAAQ,EAAE,EAAE;MAAEC,UAAU,EAAE,EAAE;MAAEC,UAAU,EAAE;IAAM,CAAC;IACpEI,IAAI,EAAE;MAAEb,KAAK;MAAEO,QAAQ,EAAE,EAAE;MAAEC,UAAU,EAAE,EAAE;MAAEC,UAAU,EAAE;IAAM,CAAC;IAChEK,WAAW,EAAE;MAAEd,KAAK;MAAEO,QAAQ,EAAE,EAAE;MAAEC,UAAU,EAAE,EAAE;MAAEC,UAAU,EAAE;IAAM,CAAC;IACvEM,OAAO,EAAE;MAAEf,KAAK;MAAEO,QAAQ,EAAE,EAAE;MAAEC,UAAU,EAAE,EAAE;MAAEC,UAAU,EAAE;IAAM,CAAC;IACnEO,YAAY,EAAE;MAAEhB,KAAK;MAAEO,QAAQ,EAAE,EAAE;MAAEC,UAAU,EAAE,EAAE;MAAEC,UAAU,EAAE;IAAM;EACzE,CAAC,CAAC;EAEF,OAAO;IAAEN;EAAO,CAAC;AACnB,CAAC;AAACc,OAAA,CAAApB,SAAA,GAAAA,SAAA","ignoreList":[]}

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

@@ -0,0 +1,26 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.ModeratorBadge = ModeratorBadge;
+var _Badge = require("../../atoms/Badge");
+// 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.
+
+// Web hardcodes size=16 and the userstatus/moderator preset with ShieldCheck.Solid.
+function ModeratorBadge({
+  size = 16
+}) {
+  return /*#__PURE__*/React.createElement(_Badge.Badge.Icon, {
+    border: true,
+    icon: "shield-check-s",
+    preset: {
+      family: 'userstatus',
+      case: 'moderator'
+    },
+    size: size
+  });
+}
+//# sourceMappingURL=ModeratorBadge.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["_Badge","require","ModeratorBadge","size","React","createElement","Badge","Icon","border","icon","preset","family","case"],"sourceRoot":"../../../../../../src","sources":["core/design/elements/ModeratorBadge/ModeratorBadge.tsx"],"mappings":";;;;;;AAIA,IAAAA,MAAA,GAAAC,OAAA;AAJA;AACA;AACA;;AAQA;AACO,SAASC,cAAcA,CAAC;EAAEC,IAAI,GAAG;AAAwB,CAAC,EAAE;EACjE,oBACEC,KAAA,CAAAC,aAAA,CAACL,MAAA,CAAAM,KAAK,CAACC,IAAI;IACTC,MAAM;IACNC,IAAI,EAAC,gBAAgB;IACrBC,MAAM,EAAE;MAAEC,MAAM,EAAE,YAAY;MAAEC,IAAI,EAAE;IAAY,CAAE;IACpDT,IAAI,EAAEA;EAAK,CACZ,CAAC;AAEN","ignoreList":[]}

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

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

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

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

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

@@ -0,0 +1,32 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.PrivateBadge = PrivateBadge;
+var _Badge = require("../../atoms/Badge");
+var _amityColorTokens = require("../../tokens/amity-color-tokens");
+// 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.
+
+function PrivateBadge({
+  size = 16,
+  border = false
+}) {
+  return /*#__PURE__*/React.createElement(_Badge.Badge.Icon, {
+    icon: "lock-keyhole-s",
+    preset: {
+      family: 'chat',
+      case: 'private'
+    },
+    size: size,
+    border: border,
+    surfaceColorToken: _amityColorTokens.AmityColorToken.SurfaceFeaturedIconSolid,
+    iconColorToken: _amityColorTokens.AmityColorToken.IconBadgeSemanticBadgeCommunityGeneralDefault
+  });
+}
+//# sourceMappingURL=PrivateBadge.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["_Badge","require","_amityColorTokens","PrivateBadge","size","border","React","createElement","Badge","Icon","icon","preset","family","case","surfaceColorToken","AmityColorToken","SurfaceFeaturedIconSolid","iconColorToken","IconBadgeSemanticBadgeCommunityGeneralDefault"],"sourceRoot":"../../../../../../src","sources":["core/design/elements/PrivateBadge/PrivateBadge.tsx"],"mappings":";;;;;;AAOA,IAAAA,MAAA,GAAAC,OAAA;AACA,IAAAC,iBAAA,GAAAD,OAAA;AARA;AACA;AACA;AACA;AACA;AACA;;AAUO,SAASE,YAAYA,CAAC;EAAEC,IAAI,GAAG,EAAE;EAAEC,MAAM,GAAG;AAAyB,CAAC,EAAE;EAC7E,oBACEC,KAAA,CAAAC,aAAA,CAACP,MAAA,CAAAQ,KAAK,CAACC,IAAI;IACTC,IAAI,EAAC,gBAAgB;IACrBC,MAAM,EAAE;MAAEC,MAAM,EAAE,MAAM;MAAEC,IAAI,EAAE;IAAU,CAAE;IAC5CT,IAAI,EAAEA,IAAK;IACXC,MAAM,EAAEA,MAAO;IACfS,iBAAiB,EAAEC,iCAAe,CAACC,wBAAyB;IAC5DC,cAAc,EACZF,iCAAe,CAACG;EACjB,CACF,CAAC;AAEN","ignoreList":[]}

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

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

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

@@ -0,0 +1 @@
+{"version":3,"names":["_PrivateBadge","require"],"sourceRoot":"../../../../../../src","sources":["core/design/elements/PrivateBadge/index.ts"],"mappings":";;;;;;;;;;;AAAA,IAAAA,aAAA,GAAAC,OAAA","ignoreList":[]}

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

@@ -0,0 +1,29 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.AmityIcon = AmityIcon;
+var _reactNativeSvg = require("react-native-svg");
+var _iconRegistry = require("./generated/iconRegistry");
+var _useToken = require("../theme/useToken");
+// 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.
+
+function AmityIcon({
+  name,
+  size = 24,
+  tokenColor,
+  color
+}) {
+  const token = (0, _useToken.useToken)();
+  const fill = tokenColor ? token(tokenColor) : color;
+  return /*#__PURE__*/React.createElement(_reactNativeSvg.SvgXml, {
+    xml: (0, _iconRegistry.getIconXml)(name, fill),
+    width: size,
+    height: size
+  });
+}
+//# sourceMappingURL=AmityIcon.js.map

package/lib/commonjs/core/design/icons/AmityIcon.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["_reactNativeSvg","require","_iconRegistry","_useToken","AmityIcon","name","size","tokenColor","color","token","useToken","fill","React","createElement","SvgXml","xml","getIconXml","width","height"],"sourceRoot":"../../../../../src","sources":["core/design/icons/AmityIcon.tsx"],"mappings":";;;;;;AAKA,IAAAA,eAAA,GAAAC,OAAA;AACA,IAAAC,aAAA,GAAAD,OAAA;AACA,IAAAE,SAAA,GAAAF,OAAA;AAPA;AACA;AACA;AACA;;AAeO,SAASG,SAASA,CAAC;EACxBC,IAAI;EACJC,IAAI,GAAG,EAAE;EACTC,UAAU;EACVC;AACc,CAAC,EAAE;EACjB,MAAMC,KAAK,GAAG,IAAAC,kBAAQ,EAAC,CAAC;EACxB,MAAMC,IAAI,GAAGJ,UAAU,GAAGE,KAAK,CAACF,UAAU,CAAC,GAAGC,KAAK;EACnD,oBAAOI,KAAA,CAAAC,aAAA,CAACb,eAAA,CAAAc,MAAM;IAACC,GAAG,EAAE,IAAAC,wBAAU,EAACX,IAAI,EAAEM,IAAI,CAAE;IAACM,KAAK,EAAEX,IAAK;IAACY,MAAM,EAAEZ;EAAK,CAAE,CAAC;AAC3E","ignoreList":[]}