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

package/lib/commonjs/chat/utils/highlightMatch.js

@@ -0,0 +1,56 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.highlightMatch = highlightMatch;
+var _reactNative = require("react-native");
+var _search = require("../constants/search");
+// highlightMatch — splits `text` around the occurrences of `query` that START a
+// word, wrapping each one in a nested <Text> styled with the highlight colour.
+// Returns the raw string when the query is shorter than SEARCH_MIN_QUERY_LENGTH.
+// Matching is case-insensitive.
+
+// Search matches words by prefix, so a hit in the middle of a word ("cat" inside
+// "bobcat") is not something the query actually found and must not be painted.
+//
+// The boundary test is deliberately narrow: a match is rejected only when an
+// ASCII letter or digit sits immediately before it. Scripts written without
+// spaces — Thai, Chinese, Japanese — have no word separators at all, so a regex
+// `\b` (or any rule that demands a separator) would stop highlighting them
+// entirely. Treating their characters as non-word means every occurrence there
+// still counts as a word start, which is the safe direction to be wrong in.
+const ASCII_WORD_CHAR = /[a-z0-9]/;
+
+// `lowerText` is already lower-cased, so the class only needs the lower half.
+const startsWord = (lowerText, index) => index === 0 || !ASCII_WORD_CHAR.test(lowerText.charAt(index - 1));
+function highlightMatch(text, query, highlightStyle) {
+  if (text.length === 0) return text;
+  const trimmed = query.trim();
+  if (trimmed.length < _search.SEARCH_MIN_QUERY_LENGTH) return text;
+  const lowerText = text.toLowerCase();
+  const lowerQuery = trimmed.toLowerCase();
+  const parts = [];
+  // `cursor` is how far the output has been emitted; it only moves past an
+  // ACCEPTED match, so a rejected one stays in the plain-text run. A rejected
+  // match advances the scan by a single character instead of a whole query
+  // length, so an overlapping candidate right behind it is still seen.
+  let cursor = 0;
+  let matchAt = lowerText.indexOf(lowerQuery, 0);
+  while (matchAt !== -1) {
+    if (!startsWord(lowerText, matchAt)) {
+      matchAt = lowerText.indexOf(lowerQuery, matchAt + 1);
+      continue;
+    }
+    if (matchAt > cursor) parts.push(text.slice(cursor, matchAt));
+    parts.push(/*#__PURE__*/React.createElement(_reactNative.Text, {
+      key: `m-${matchAt}`,
+      style: highlightStyle
+    }, text.slice(matchAt, matchAt + trimmed.length)));
+    cursor = matchAt + trimmed.length;
+    matchAt = lowerText.indexOf(lowerQuery, cursor);
+  }
+  if (cursor < text.length) parts.push(text.slice(cursor));
+  return parts.length > 0 ? parts : text;
+}
+//# sourceMappingURL=highlightMatch.js.map

package/lib/commonjs/chat/utils/highlightMatch.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["_reactNative","require","_search","ASCII_WORD_CHAR","startsWord","lowerText","index","test","charAt","highlightMatch","text","query","highlightStyle","length","trimmed","trim","SEARCH_MIN_QUERY_LENGTH","toLowerCase","lowerQuery","parts","cursor","matchAt","indexOf","push","slice","React","createElement","Text","key","style"],"sourceRoot":"../../../../src","sources":["chat/utils/highlightMatch.tsx"],"mappings":";;;;;;AAMA,IAAAA,YAAA,GAAAC,OAAA;AACA,IAAAC,OAAA,GAAAD,OAAA;AAPA;AACA;AACA;AACA;;AAMA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,MAAME,eAAe,GAAG,UAAU;;AAElC;AACA,MAAMC,UAAU,GAAGA,CAACC,SAAiB,EAAEC,KAAa,KAClDA,KAAK,KAAK,CAAC,IAAI,CAACH,eAAe,CAACI,IAAI,CAACF,SAAS,CAACG,MAAM,CAACF,KAAK,GAAG,CAAC,CAAC,CAAC;AAE5D,SAASG,cAAcA,CAC5BC,IAAY,EACZC,KAAa,EACbC,cAAyB,EACd;EACX,IAAIF,IAAI,CAACG,MAAM,KAAK,CAAC,EAAE,OAAOH,IAAI;EAClC,MAAMI,OAAO,GAAGH,KAAK,CAACI,IAAI,CAAC,CAAC;EAC5B,IAAID,OAAO,CAACD,MAAM,GAAGG,+BAAuB,EAAE,OAAON,IAAI;EAEzD,MAAML,SAAS,GAAGK,IAAI,CAACO,WAAW,CAAC,CAAC;EACpC,MAAMC,UAAU,GAAGJ,OAAO,CAACG,WAAW,CAAC,CAAC;EAExC,MAAME,KAAkB,GAAG,EAAE;EAC7B;EACA;EACA;EACA;EACA,IAAIC,MAAM,GAAG,CAAC;EACd,IAAIC,OAAO,GAAGhB,SAAS,CAACiB,OAAO,CAACJ,UAAU,EAAE,CAAC,CAAC;EAE9C,OAAOG,OAAO,KAAK,CAAC,CAAC,EAAE;IACrB,IAAI,CAACjB,UAAU,CAACC,SAAS,EAAEgB,OAAO,CAAC,EAAE;MACnCA,OAAO,GAAGhB,SAAS,CAACiB,OAAO,CAACJ,UAAU,EAAEG,OAAO,GAAG,CAAC,CAAC;MACpD;IACF;IAEA,IAAIA,OAAO,GAAGD,MAAM,EAAED,KAAK,CAACI,IAAI,CAACb,IAAI,CAACc,KAAK,CAACJ,MAAM,EAAEC,OAAO,CAAC,CAAC;IAC7DF,KAAK,CAACI,IAAI,cACRE,KAAA,CAAAC,aAAA,CAAC1B,YAAA,CAAA2B,IAAI;MAACC,GAAG,EAAE,KAAKP,OAAO,EAAG;MAACQ,KAAK,EAAEjB;IAAe,GAC9CF,IAAI,CAACc,KAAK,CAACH,OAAO,EAAEA,OAAO,GAAGP,OAAO,CAACD,MAAM,CACzC,CACR,CAAC;IACDO,MAAM,GAAGC,OAAO,GAAGP,OAAO,CAACD,MAAM;IACjCQ,OAAO,GAAGhB,SAAS,CAACiB,OAAO,CAACJ,UAAU,EAAEE,MAAM,CAAC;EACjD;EAEA,IAAIA,MAAM,GAAGV,IAAI,CAACG,MAAM,EAAEM,KAAK,CAACI,IAAI,CAACb,IAAI,CAACc,KAAK,CAACJ,MAAM,CAAC,CAAC;EACxD,OAAOD,KAAK,CAACN,MAAM,GAAG,CAAC,GAAGM,KAAK,GAAGT,IAAI;AACxC","ignoreList":[]}

package/lib/commonjs/chat/utils/isBlockedConversation.js

@@ -0,0 +1,20 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.isBlockedConversation = isBlockedConversation;
+// isBlockedConversation — true when `channel` is a 1:1 conversation whose other
+// participant is in the viewer's blocked set. Group/community channels are never
+// considered blocked. The "other participant" is derived from `previewMembers`
+// the same way AmityChatListItem and useConversation do.
+
+function isBlockedConversation(channel, currentUserId, blockedUserIds) {
+  var _channel$previewMembe;
+  if (channel.type !== 'conversation' || blockedUserIds.size === 0) {
+    return false;
+  }
+  const otherMember = (_channel$previewMembe = channel.previewMembers) === null || _channel$previewMembe === void 0 ? void 0 : _channel$previewMembe.find(member => member.userId !== currentUserId);
+  return Boolean(otherMember && blockedUserIds.has(otherMember.userId));
+}
+//# sourceMappingURL=isBlockedConversation.js.map

package/lib/commonjs/chat/utils/isBlockedConversation.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["isBlockedConversation","channel","currentUserId","blockedUserIds","_channel$previewMembe","type","size","otherMember","previewMembers","find","member","userId","Boolean","has"],"sourceRoot":"../../../../src","sources":["chat/utils/isBlockedConversation.ts"],"mappings":";;;;;;AAAA;AACA;AACA;AACA;;AAEO,SAASA,qBAAqBA,CACnCC,OAAsB,EACtBC,aAAiC,EACjCC,cAAmC,EAC1B;EAAA,IAAAC,qBAAA;EACT,IAAIH,OAAO,CAACI,IAAI,KAAK,cAAc,IAAIF,cAAc,CAACG,IAAI,KAAK,CAAC,EAAE;IAChE,OAAO,KAAK;EACd;EACA,MAAMC,WAAW,IAAAH,qBAAA,GAAGH,OAAO,CAACO,cAAc,cAAAJ,qBAAA,uBAAtBA,qBAAA,CAAwBK,IAAI,CAC7CC,MAAM,IAAKA,MAAM,CAACC,MAAM,KAAKT,aAChC,CAAC;EACD,OAAOU,OAAO,CAACL,WAAW,IAAIJ,cAAc,CAACU,GAAG,CAACN,WAAW,CAACI,MAAM,CAAC,CAAC;AACvE","ignoreList":[]}

package/lib/commonjs/chat/utils/linkifyText.js

@@ -0,0 +1,64 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.splitTextByLinks = splitTextByLinks;
+var _linkifyjs = require("linkifyjs");
+// linkifyText — one URL scanner for every place chat renders message text.
+//
+// This replaces three hand-rolled copies of
+// `/(https?:\/\/[^\s]+|www\.[^\s]+)/gi`, which got two ordinary cases wrong:
+//
+//   - a bare domain (`amity.co/docs`) matched nothing at all, so it rendered as
+//     plain text while the `https://` and `www.` links beside it were styled —
+//     a message with three links could show only two as hyperlinks;
+//   - trailing punctuation was swallowed, so `https://amity.co,` opened a URL
+//     with the comma attached.
+//
+// `linkifyjs` already backs previewLink.ts, which picks the URL for the link
+// preview card. Running every renderer through the same tokenizer keeps what is
+// underlined and what gets a preview card in agreement.
+
+// linkifyjs defaults a scheme-less `amity.co` to `http://amity.co`; we open
+// https instead, as extractFirstPreviewUrl does.
+function toHttps(value, href) {
+  if (!/^https?:\/\//i.test(value) && href.startsWith('http://')) {
+    return `https://${href.slice('http://'.length)}`;
+  }
+  return href;
+}
+
+/** Split `text` into plain runs and URL runs, in order. */
+function splitTextByLinks(text) {
+  if (!text) return [];
+  const links = (0, _linkifyjs.find)(text, 'url');
+  if (links.length === 0) return [{
+    kind: 'text',
+    value: text
+  }];
+  const segments = [];
+  let cursor = 0;
+  for (const link of links) {
+    if (link.start > cursor) {
+      segments.push({
+        kind: 'text',
+        value: text.slice(cursor, link.start)
+      });
+    }
+    segments.push({
+      kind: 'link',
+      value: link.value,
+      href: toHttps(link.value, link.href)
+    });
+    cursor = link.end;
+  }
+  if (cursor < text.length) {
+    segments.push({
+      kind: 'text',
+      value: text.slice(cursor)
+    });
+  }
+  return segments;
+}
+//# sourceMappingURL=linkifyText.js.map

package/lib/commonjs/chat/utils/linkifyText.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["_linkifyjs","require","toHttps","value","href","test","startsWith","slice","length","splitTextByLinks","text","links","find","kind","segments","cursor","link","start","push","end"],"sourceRoot":"../../../../src","sources":["chat/utils/linkifyText.ts"],"mappings":";;;;;;AAeA,IAAAA,UAAA,GAAAC,OAAA;AAfA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAQA;AACA;AACA,SAASC,OAAOA,CAACC,KAAa,EAAEC,IAAY,EAAU;EACpD,IAAI,CAAC,eAAe,CAACC,IAAI,CAACF,KAAK,CAAC,IAAIC,IAAI,CAACE,UAAU,CAAC,SAAS,CAAC,EAAE;IAC9D,OAAO,WAAWF,IAAI,CAACG,KAAK,CAAC,SAAS,CAACC,MAAM,CAAC,EAAE;EAClD;EACA,OAAOJ,IAAI;AACb;;AAEA;AACO,SAASK,gBAAgBA,CAACC,IAAY,EAAiB;EAC5D,IAAI,CAACA,IAAI,EAAE,OAAO,EAAE;EAEpB,MAAMC,KAAK,GAAG,IAAAC,eAAI,EAACF,IAAI,EAAE,KAAK,CAAC;EAC/B,IAAIC,KAAK,CAACH,MAAM,KAAK,CAAC,EAAE,OAAO,CAAC;IAAEK,IAAI,EAAE,MAAM;IAAEV,KAAK,EAAEO;EAAK,CAAC,CAAC;EAE9D,MAAMI,QAAuB,GAAG,EAAE;EAClC,IAAIC,MAAM,GAAG,CAAC;EAEd,KAAK,MAAMC,IAAI,IAAIL,KAAK,EAAE;IACxB,IAAIK,IAAI,CAACC,KAAK,GAAGF,MAAM,EAAE;MACvBD,QAAQ,CAACI,IAAI,CAAC;QAAEL,IAAI,EAAE,MAAM;QAAEV,KAAK,EAAEO,IAAI,CAACH,KAAK,CAACQ,MAAM,EAAEC,IAAI,CAACC,KAAK;MAAE,CAAC,CAAC;IACxE;IACAH,QAAQ,CAACI,IAAI,CAAC;MACZL,IAAI,EAAE,MAAM;MACZV,KAAK,EAAEa,IAAI,CAACb,KAAK;MACjBC,IAAI,EAAEF,OAAO,CAACc,IAAI,CAACb,KAAK,EAAEa,IAAI,CAACZ,IAAI;IACrC,CAAC,CAAC;IACFW,MAAM,GAAGC,IAAI,CAACG,GAAG;EACnB;EAEA,IAAIJ,MAAM,GAAGL,IAAI,CAACF,MAAM,EAAE;IACxBM,QAAQ,CAACI,IAAI,CAAC;MAAEL,IAAI,EAAE,MAAM;MAAEV,KAAK,EAAEO,IAAI,CAACH,KAAK,CAACQ,MAAM;IAAE,CAAC,CAAC;EAC5D;EAEA,OAAOD,QAAQ;AACjB","ignoreList":[]}

package/lib/commonjs/chat/utils/previewLink.js

@@ -0,0 +1,38 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.extractFirstPreviewUrl = extractFirstPreviewUrl;
+exports.getHostName = getHostName;
+var _linkifyjs = require("linkifyjs");
+// previewLink — faithful port of AmityUiKitWeb chat/utils/previewLink.ts.
+// extractFirstPreviewUrl is ported VERBATIM (same linkifyjs `find`, same
+// http→https upgrade) so RN previews the same URLs web does — including bare
+// `www.`/domain URLs and URLs followed by punctuation, which a naive
+// /https?:\/\/\S+/ regex silently misses or over-captures.
+//
+// getHostName: web uses `new URL(url).hostname`, but RN's URL implementation
+// does not reliably expose `.hostname`, so we strip the host with a regex
+// (behaviour-equivalent for display). The SDK metadata already returns `domain`
+// directly; this is only a fallback.
+
+function extractFirstPreviewUrl(text) {
+  if (!text) return null;
+  const urls = (0, _linkifyjs.find)(text, 'url');
+  if (urls.length === 0) return null;
+  const {
+    value,
+    href
+  } = urls[0];
+
+  // linkifyjs defaults bare `www.foo.com` to `http://www.foo.com`; we want https.
+  if (!/^https?:\/\//i.test(value) && href.startsWith('http://')) {
+    return `https://${href.slice('http://'.length)}`;
+  }
+  return href;
+}
+function getHostName(url) {
+  return url.replace(/^https?:\/\//i, '').replace(/^www\./i, '').split(/[/?#]/)[0] ?? '';
+}
+//# sourceMappingURL=previewLink.js.map

package/lib/commonjs/chat/utils/previewLink.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["_linkifyjs","require","extractFirstPreviewUrl","text","urls","find","length","value","href","test","startsWith","slice","getHostName","url","replace","split"],"sourceRoot":"../../../../src","sources":["chat/utils/previewLink.ts"],"mappings":";;;;;;;AAWA,IAAAA,UAAA,GAAAC,OAAA;AAXA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAIO,SAASC,sBAAsBA,CAACC,IAAY,EAAiB;EAClE,IAAI,CAACA,IAAI,EAAE,OAAO,IAAI;EAEtB,MAAMC,IAAI,GAAG,IAAAC,eAAI,EAACF,IAAI,EAAE,KAAK,CAAC;EAC9B,IAAIC,IAAI,CAACE,MAAM,KAAK,CAAC,EAAE,OAAO,IAAI;EAElC,MAAM;IAAEC,KAAK;IAAEC;EAAK,CAAC,GAAGJ,IAAI,CAAC,CAAC,CAAC;;EAE/B;EACA,IAAI,CAAC,eAAe,CAACK,IAAI,CAACF,KAAK,CAAC,IAAIC,IAAI,CAACE,UAAU,CAAC,SAAS,CAAC,EAAE;IAC9D,OAAO,WAAWF,IAAI,CAACG,KAAK,CAAC,SAAS,CAACL,MAAM,CAAC,EAAE;EAClD;EAEA,OAAOE,IAAI;AACb;AAEO,SAASI,WAAWA,CAACC,GAAW,EAAU;EAC/C,OACEA,GAAG,CACAC,OAAO,CAAC,eAAe,EAAE,EAAE,CAAC,CAC5BA,OAAO,CAAC,SAAS,EAAE,EAAE,CAAC,CACtBC,KAAK,CAAC,OAAO,CAAC,CAAC,CAAC,CAAC,IAAI,EAAE;AAE9B","ignoreList":[]}

package/lib/commonjs/chat/utils/timestamp.js

@@ -0,0 +1,51 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.formatMessageTime = formatMessageTime;
+exports.formatTimestamp = formatTimestamp;
+var _dayjs = _interopRequireDefault(require("dayjs"));
+var _localization = require("../../core/localization");
+function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
+// Timestamp util — ported from AmityUiKitWeb v4/chat/utils/timestamp.
+// Formats a channel's last-activity timestamp as a compact relative string
+// ("Now", "5m", "3h", "2d") falling back to a short date ("07 Jul" / "07 Jul 2024").
+//
+// Web adaptations: `navigator.language` (browser-only) is dropped — RN uses the
+// runtime default locale via `Intl.DateTimeFormat(undefined, ...)` (supported by
+// Hermes). The localized suffixes/labels resolve through the same
+// `resolveString` API as web.
+
+function formatShortDate(date, withYear) {
+  const day = new Intl.DateTimeFormat(undefined, {
+    day: '2-digit'
+  }).format(date);
+  const month = new Intl.DateTimeFormat(undefined, {
+    month: 'short'
+  }).format(date);
+  return withYear ? `${day} ${month} ${date.getFullYear()}` : `${day} ${month}`;
+}
+
+// formatMessageTime — ported from AmityUiKitWeb v4/chat/utils/formatMessageTime.
+// A single message's time as 24-hour HH:MM (shown beside each bubble).
+function formatMessageTime(input) {
+  const d = input instanceof Date ? input : new Date(input);
+  const hh = d.getHours().toString().padStart(2, '0');
+  const mm = d.getMinutes().toString().padStart(2, '0');
+  return `${hh}:${mm}`;
+}
+function formatTimestamp(input) {
+  const now = (0, _dayjs.default)();
+  const time = (0, _dayjs.default)(input);
+  const diffInSeconds = now.diff(time, 'second');
+  const diffInMinutes = now.diff(time, 'minute');
+  const diffInHours = now.diff(time, 'hour');
+  const diffInDays = now.diff(time, 'day');
+  if (diffInSeconds < 60) return (0, _localization.resolveString)('amity_chat_timestamp_now');
+  if (diffInMinutes < 60) return `${diffInMinutes}${(0, _localization.resolveString)('amity_common_time_time_minutes_suffix')}`;
+  if (diffInHours < 24) return `${diffInHours}${(0, _localization.resolveString)('amity_common_time_time_hours_suffix')}`;
+  if (diffInDays < 7) return `${diffInDays}${(0, _localization.resolveString)('amity_common_time_time_days_suffix')}`;
+  return formatShortDate(time.toDate(), !now.isSame(time, 'year'));
+}
+//# sourceMappingURL=timestamp.js.map

package/lib/commonjs/chat/utils/timestamp.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["_dayjs","_interopRequireDefault","require","_localization","e","__esModule","default","formatShortDate","date","withYear","day","Intl","DateTimeFormat","undefined","format","month","getFullYear","formatMessageTime","input","d","Date","hh","getHours","toString","padStart","mm","getMinutes","formatTimestamp","now","dayjs","time","diffInSeconds","diff","diffInMinutes","diffInHours","diffInDays","resolveString","toDate","isSame"],"sourceRoot":"../../../../src","sources":["chat/utils/timestamp.ts"],"mappings":";;;;;;;AASA,IAAAA,MAAA,GAAAC,sBAAA,CAAAC,OAAA;AACA,IAAAC,aAAA,GAAAD,OAAA;AAAwD,SAAAD,uBAAAG,CAAA,WAAAA,CAAA,IAAAA,CAAA,CAAAC,UAAA,GAAAD,CAAA,KAAAE,OAAA,EAAAF,CAAA;AAVxD;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAKA,SAASG,eAAeA,CAACC,IAAU,EAAEC,QAAiB,EAAU;EAC9D,MAAMC,GAAG,GAAG,IAAIC,IAAI,CAACC,cAAc,CAACC,SAAS,EAAE;IAAEH,GAAG,EAAE;EAAU,CAAC,CAAC,CAACI,MAAM,CACvEN,IACF,CAAC;EACD,MAAMO,KAAK,GAAG,IAAIJ,IAAI,CAACC,cAAc,CAACC,SAAS,EAAE;IAAEE,KAAK,EAAE;EAAQ,CAAC,CAAC,CAACD,MAAM,CACzEN,IACF,CAAC;EACD,OAAOC,QAAQ,GAAG,GAAGC,GAAG,IAAIK,KAAK,IAAIP,IAAI,CAACQ,WAAW,CAAC,CAAC,EAAE,GAAG,GAAGN,GAAG,IAAIK,KAAK,EAAE;AAC/E;;AAEA;AACA;AACO,SAASE,iBAAiBA,CAACC,KAA6B,EAAU;EACvE,MAAMC,CAAC,GAAGD,KAAK,YAAYE,IAAI,GAAGF,KAAK,GAAG,IAAIE,IAAI,CAACF,KAAK,CAAC;EACzD,MAAMG,EAAE,GAAGF,CAAC,CAACG,QAAQ,CAAC,CAAC,CAACC,QAAQ,CAAC,CAAC,CAACC,QAAQ,CAAC,CAAC,EAAE,GAAG,CAAC;EACnD,MAAMC,EAAE,GAAGN,CAAC,CAACO,UAAU,CAAC,CAAC,CAACH,QAAQ,CAAC,CAAC,CAACC,QAAQ,CAAC,CAAC,EAAE,GAAG,CAAC;EACrD,OAAO,GAAGH,EAAE,IAAII,EAAE,EAAE;AACtB;AAEO,SAASE,eAAeA,CAACT,KAAoB,EAAU;EAC5D,MAAMU,GAAG,GAAG,IAAAC,cAAK,EAAC,CAAC;EACnB,MAAMC,IAAI,GAAG,IAAAD,cAAK,EAACX,KAAK,CAAC;EACzB,MAAMa,aAAa,GAAGH,GAAG,CAACI,IAAI,CAACF,IAAI,EAAE,QAAQ,CAAC;EAC9C,MAAMG,aAAa,GAAGL,GAAG,CAACI,IAAI,CAACF,IAAI,EAAE,QAAQ,CAAC;EAC9C,MAAMI,WAAW,GAAGN,GAAG,CAACI,IAAI,CAACF,IAAI,EAAE,MAAM,CAAC;EAC1C,MAAMK,UAAU,GAAGP,GAAG,CAACI,IAAI,CAACF,IAAI,EAAE,KAAK,CAAC;EAExC,IAAIC,aAAa,GAAG,EAAE,EAAE,OAAO,IAAAK,2BAAa,EAAC,0BAA0B,CAAC;EACxE,IAAIH,aAAa,GAAG,EAAE,EACpB,OAAO,GAAGA,aAAa,GAAG,IAAAG,2BAAa,EACrC,uCACF,CAAC,EAAE;EACL,IAAIF,WAAW,GAAG,EAAE,EAClB,OAAO,GAAGA,WAAW,GAAG,IAAAE,2BAAa,EACnC,qCACF,CAAC,EAAE;EACL,IAAID,UAAU,GAAG,CAAC,EAChB,OAAO,GAAGA,UAAU,GAAG,IAAAC,2BAAa,EAClC,oCACF,CAAC,EAAE;EACL,OAAO7B,eAAe,CAACuB,IAAI,CAACO,MAAM,CAAC,CAAC,EAAE,CAACT,GAAG,CAACU,MAAM,CAACR,IAAI,EAAE,MAAM,CAAC,CAAC;AAClE","ignoreList":[]}

package/lib/commonjs/core/assets/icons/emptyCommunity2.js

@@ -0,0 +1,46 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.emptyCommunity2 = void 0;
+// emptyCommunity2 — ported 1:1 from AmityUiKitWeb
+// src/v4/core/design/illustrations/EmptyCommunity2 (Light + Dark). The chat-home
+// "no conversation yet" illustration: a 160×160 circle backdrop behind two list
+// cards (avatar + title/description bars). Web bakes theme-specific colours (not
+// tokens), so this asset lives under core/assets/icons (outside the tokens-only
+// no-hex scope) and returns an SVG string for SvgXml, matching the sibling
+// `emptyCommunity` asset. Pass `dark` to pick the theme variant.
+
+// Web Light() / Dark() fills.
+const LIGHT = {
+  circle: '#EBEBEB',
+  card: '#FFFFFF',
+  stroke: '#D9D9D9',
+  bar: '#A8A8A8'
+};
+const DARK = {
+  circle: '#595959',
+  card: '#2E2E2E',
+  stroke: '#2E2E2E',
+  bar: '#949494'
+};
+const emptyCommunity2 = (dark = false) => {
+  const c = dark ? DARK : LIGHT;
+  return `<svg width="160" height="160" viewBox="0 0 160 160" fill="none" xmlns="http://www.w3.org/2000/svg">
+  <g clip-path="url(#ec2_clip)">
+    <path d="M70 150C108.66 150 140 118.66 140 80C140 41.3401 108.66 10 70 10C31.3401 10 0 41.3401 0 80C0 118.66 31.3401 150 70 150Z" fill="${c.circle}"/>
+    <path d="M20.0034 89.5857H155.001C157.416 89.5857 159.374 91.543 159.374 93.9578V118.958C159.373 121.372 157.416 123.33 155.001 123.33H20.0034C17.5888 123.33 15.6316 121.372 15.6313 118.958V93.9578C15.6313 91.543 17.5887 89.5857 20.0034 89.5857Z" fill="${c.card}" stroke="${c.stroke}" stroke-width="1.25529"/>
+    <path opacity="0.3" d="M78.5128 96.9578H52.5131C50.8563 96.9578 49.5132 98.3009 49.5132 99.9577C49.5132 101.615 50.8563 102.958 52.5131 102.958H78.5128C80.1696 102.958 81.5128 101.615 81.5128 99.9577C81.5128 98.3009 80.1696 96.9578 78.5128 96.9578Z" fill="${c.bar}"/>
+    <path opacity="0.15" d="M96.5127 109.958H52.5133C50.8564 109.958 49.5133 111.301 49.5133 112.958C49.5133 114.615 50.8564 115.958 52.5133 115.958H96.5127C98.1695 115.958 99.5126 114.615 99.5126 112.958C99.5126 111.301 98.1695 109.958 96.5127 109.958Z" fill="${c.bar}"/>
+    <path d="M32.6069 114.458C37.0252 114.458 40.6069 110.876 40.6069 106.458C40.6069 102.039 37.0252 98.4575 32.6069 98.4575C28.1887 98.4575 24.6069 102.039 24.6069 106.458C24.6069 110.876 28.1887 114.458 32.6069 114.458Z" fill="${c.bar}"/>
+    <path d="M5 44.6279H139.998C142.413 44.6279 144.37 46.5853 144.37 49V74C144.37 76.4146 142.413 78.3721 139.998 78.3721H5C2.58538 78.3721 0.628143 76.4146 0.62793 74V49C0.62793 46.5853 2.58525 44.6279 5 44.6279Z" fill="${c.card}" stroke="${c.stroke}" stroke-width="1.25529"/>
+    <path opacity="0.3" d="M63.5094 52H37.5097C35.8529 52 34.5098 53.3431 34.5098 55C34.5098 56.6568 35.8529 57.9999 37.5097 57.9999H63.5094C65.1662 57.9999 66.5093 56.6568 66.5093 55C66.5093 53.3431 65.1662 52 63.5094 52Z" fill="${c.bar}"/>
+    <path opacity="0.15" d="M81.5093 65H37.5098C35.853 65 34.5099 66.3431 34.5099 68C34.5099 69.6568 35.853 70.9999 37.5098 70.9999H81.5093C83.1661 70.9999 84.5092 69.6568 84.5092 68C84.5092 66.3431 83.1661 65 81.5093 65Z" fill="${c.bar}"/>
+    <path d="M17.6035 69.4998C22.0218 69.4998 25.6035 65.918 25.6035 61.4998C25.6035 57.0815 22.0218 53.4998 17.6035 53.4998C13.1852 53.4998 9.60352 57.0815 9.60352 61.4998C9.60352 65.918 13.1852 69.4998 17.6035 69.4998Z" fill="${c.bar}"/>
+  </g>
+  <defs><clipPath id="ec2_clip"><rect width="160" height="160" fill="white"/></clipPath></defs>
+</svg>`;
+};
+exports.emptyCommunity2 = emptyCommunity2;
+//# sourceMappingURL=emptyCommunity2.js.map

package/lib/commonjs/core/assets/icons/emptyCommunity2.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["LIGHT","circle","card","stroke","bar","DARK","emptyCommunity2","dark","c","exports"],"sourceRoot":"../../../../../src","sources":["core/assets/icons/emptyCommunity2.tsx"],"mappings":";;;;;;AAAA;AACA;AACA;AACA;AACA;AACA;AACA;;AASA;AACA,MAAMA,KAAc,GAAG;EACrBC,MAAM,EAAE,SAAS;EACjBC,IAAI,EAAE,SAAS;EACfC,MAAM,EAAE,SAAS;EACjBC,GAAG,EAAE;AACP,CAAC;AACD,MAAMC,IAAa,GAAG;EACpBJ,MAAM,EAAE,SAAS;EACjBC,IAAI,EAAE,SAAS;EACfC,MAAM,EAAE,SAAS;EACjBC,GAAG,EAAE;AACP,CAAC;AAEM,MAAME,eAAe,GAAGA,CAACC,IAAI,GAAG,KAAK,KAAa;EACvD,MAAMC,CAAC,GAAGD,IAAI,GAAGF,IAAI,GAAGL,KAAK;EAC7B,OAAO;AACT;AACA,8IAA8IQ,CAAC,CAACP,MAAM;AACtJ,mQAAmQO,CAAC,CAACN,IAAI,aAAaM,CAAC,CAACL,MAAM;AAC9R,sQAAsQK,CAAC,CAACJ,GAAG;AAC3Q,uQAAuQI,CAAC,CAACJ,GAAG;AAC5Q,wOAAwOI,CAAC,CAACJ,GAAG;AAC7O,gOAAgOI,CAAC,CAACN,IAAI,aAAaM,CAAC,CAACL,MAAM;AAC3P,wOAAwOK,CAAC,CAACJ,GAAG;AAC7O,uOAAuOI,CAAC,CAACJ,GAAG;AAC5O,sOAAsOI,CAAC,CAACJ,GAAG;AAC3O;AACA;AACA,OAAO;AACP,CAAC;AAACK,OAAA,CAAAH,eAAA,GAAAA,eAAA","ignoreList":[]}

package/lib/commonjs/core/design/atoms/Avatar/Avatar.js

@@ -0,0 +1,83 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.Avatar = Avatar;
+var _reactNative = require("react-native");
+var _icons = require("../../icons");
+var _styles = require("./styles");
+// Avatar atom — ported from AmityUiKitWeb core/design/atoms/Avatar.
+// Profile avatar: image / initials / user-icon fallback, rounded or squared,
+// 8 intrinsic sizes (SoT avatarIcon.avatar.sizes), optional profile border ring,
+// indicator badge slot and label. Web hover edit-photo affordance is web-only
+// (no touch-hover, no matching RN token) and is intentionally omitted.
+
+// 1. React / RN imports
+
+// 2. Internal imports
+
+// 3. Types
+
+// 4. Named function component
+function Avatar({
+  variant = 'icon',
+  imageUrl,
+  initials,
+  shape = 'rounded',
+  size = 40,
+  state = 'default',
+  borderWidth = 0,
+  indicator,
+  indicatorStyle,
+  label,
+  onPress,
+  accessibilityLabel
+}) {
+  const {
+    styles,
+    glyphSize,
+    glyphColor
+  } = (0, _styles.useStyles)(size, shape, state, borderWidth);
+  let content = null;
+  if (state !== 'skeleton') {
+    if (variant === 'image' && imageUrl) {
+      content = /*#__PURE__*/React.createElement(_reactNative.Image, {
+        source: {
+          uri: imageUrl
+        },
+        style: styles.image,
+        resizeMode: "cover"
+      });
+    } else if (variant === 'text' && initials) {
+      content = /*#__PURE__*/React.createElement(_reactNative.Text, {
+        style: styles.initials
+      }, initials);
+    } else {
+      // The fallback glyph is the SOLID user icon
+      // (User.Regular → User.Solid in web's core Avatar).
+      content = /*#__PURE__*/React.createElement(_icons.AmityIcon, {
+        name: "user-s",
+        size: glyphSize,
+        tokenColor: glyphColor
+      });
+    }
+  }
+  const frame = /*#__PURE__*/React.createElement(_reactNative.View, {
+    style: styles.frame
+  }, content);
+  return /*#__PURE__*/React.createElement(_reactNative.View, {
+    style: styles.container
+  }, /*#__PURE__*/React.createElement(_reactNative.View, {
+    style: styles.frameWrapper
+  }, onPress ? /*#__PURE__*/React.createElement(_reactNative.Pressable, {
+    onPress: onPress,
+    accessibilityRole: "button",
+    accessibilityLabel: accessibilityLabel
+  }, frame) : frame, indicator ? /*#__PURE__*/React.createElement(_reactNative.View, {
+    style: [styles.indicator, indicatorStyle]
+  }, indicator) : null), label ? /*#__PURE__*/React.createElement(_reactNative.Text, {
+    style: styles.label
+  }, label) : null);
+}
+//# sourceMappingURL=Avatar.js.map

package/lib/commonjs/core/design/atoms/Avatar/Avatar.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["_reactNative","require","_icons","_styles","Avatar","variant","imageUrl","initials","shape","size","state","borderWidth","indicator","indicatorStyle","label","onPress","accessibilityLabel","styles","glyphSize","glyphColor","useStyles","content","React","createElement","Image","source","uri","style","image","resizeMode","Text","AmityIcon","name","tokenColor","frame","View","container","frameWrapper","Pressable","accessibilityRole"],"sourceRoot":"../../../../../../src","sources":["core/design/atoms/Avatar/Avatar.tsx"],"mappings":";;;;;;AAQA,IAAAA,YAAA,GAAAC,OAAA;AAUA,IAAAC,MAAA,GAAAD,OAAA;AACA,IAAAE,OAAA,GAAAF,OAAA;AAnBA;AACA;AACA;AACA;AACA;;AAEA;;AAWA;;AAIA;;AA4BA;AACO,SAASG,MAAMA,CAAC;EACrBC,OAAO,GAAG,MAAM;EAChBC,QAAQ;EACRC,QAAQ;EACRC,KAAK,GAAG,SAAS;EACjBC,IAAI,GAAG,EAAE;EACTC,KAAK,GAAG,SAAS;EACjBC,WAAW,GAAG,CAAC;EACfC,SAAS;EACTC,cAAc;EACdC,KAAK;EACLC,OAAO;EACPC;AACW,CAAC,EAAE;EACd,MAAM;IAAEC,MAAM;IAAEC,SAAS;IAAEC;EAAW,CAAC,GAAG,IAAAC,iBAAS,EACjDX,IAAI,EACJD,KAAK,EACLE,KAAK,EACLC,WACF,CAAC;EAED,IAAIU,OAAkB,GAAG,IAAI;EAC7B,IAAIX,KAAK,KAAK,UAAU,EAAE;IACxB,IAAIL,OAAO,KAAK,OAAO,IAAIC,QAAQ,EAAE;MACnCe,OAAO,gBACLC,KAAA,CAAAC,aAAA,CAACvB,YAAA,CAAAwB,KAAK;QACJC,MAAM,EAAE;UAAEC,GAAG,EAAEpB;QAAS,CAAE;QAC1BqB,KAAK,EAAEV,MAAM,CAACW,KAAM;QACpBC,UAAU,EAAC;MAAO,CACnB,CACF;IACH,CAAC,MAAM,IAAIxB,OAAO,KAAK,MAAM,IAAIE,QAAQ,EAAE;MACzCc,OAAO,gBAAGC,KAAA,CAAAC,aAAA,CAACvB,YAAA,CAAA8B,IAAI;QAACH,KAAK,EAAEV,MAAM,CAACV;MAAS,GAAEA,QAAe,CAAC;IAC3D,CAAC,MAAM;MACL;MACA;MACAc,OAAO,gBACLC,KAAA,CAAAC,aAAA,CAACrB,MAAA,CAAA6B,SAAS;QAACC,IAAI,EAAC,QAAQ;QAACvB,IAAI,EAAES,SAAU;QAACe,UAAU,EAAEd;MAAW,CAAE,CACpE;IACH;EACF;EAEA,MAAMe,KAAK,gBAAGZ,KAAA,CAAAC,aAAA,CAACvB,YAAA,CAAAmC,IAAI;IAACR,KAAK,EAAEV,MAAM,CAACiB;EAAM,GAAEb,OAAc,CAAC;EAEzD,oBACEC,KAAA,CAAAC,aAAA,CAACvB,YAAA,CAAAmC,IAAI;IAACR,KAAK,EAAEV,MAAM,CAACmB;EAAU,gBAC5Bd,KAAA,CAAAC,aAAA,CAACvB,YAAA,CAAAmC,IAAI;IAACR,KAAK,EAAEV,MAAM,CAACoB;EAAa,GAC9BtB,OAAO,gBACNO,KAAA,CAAAC,aAAA,CAACvB,YAAA,CAAAsC,SAAS;IACRvB,OAAO,EAAEA,OAAQ;IACjBwB,iBAAiB,EAAC,QAAQ;IAC1BvB,kBAAkB,EAAEA;EAAmB,GAEtCkB,KACQ,CAAC,GAEZA,KACD,EACAtB,SAAS,gBACRU,KAAA,CAAAC,aAAA,CAACvB,YAAA,CAAAmC,IAAI;IAACR,KAAK,EAAE,CAACV,MAAM,CAACL,SAAS,EAAEC,cAAc;EAAE,GAAED,SAAgB,CAAC,GACjE,IACA,CAAC,EACNE,KAAK,gBAAGQ,KAAA,CAAAC,aAAA,CAACvB,YAAA,CAAA8B,IAAI;IAACH,KAAK,EAAEV,MAAM,CAACH;EAAM,GAAEA,KAAY,CAAC,GAAG,IACjD,CAAC;AAEX","ignoreList":[]}

package/lib/commonjs/core/design/atoms/Avatar/index.js

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

package/lib/commonjs/core/design/atoms/Avatar/index.js.map

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

package/lib/commonjs/core/design/atoms/Avatar/styles.js

@@ -0,0 +1,140 @@
+"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");
+// Frame box per intrinsic size — SoT geometry.json avatarIcon.avatar.sizes
+// = [16, 24, 28, 32, 40, 56, 64, 120]. Literal width/height so the geometry
+// gate can assert `width` is one of the SoT sizes.
+const FRAME = {
+  16: {
+    width: 16,
+    height: 16
+  },
+  24: {
+    width: 24,
+    height: 24
+  },
+  28: {
+    width: 28,
+    height: 28
+  },
+  32: {
+    width: 32,
+    height: 32
+  },
+  40: {
+    width: 40,
+    height: 40
+  },
+  56: {
+    width: 56,
+    height: 56
+  },
+  64: {
+    width: 64,
+    height: 64
+  },
+  120: {
+    width: 120,
+    height: 120
+  }
+};
+
+// Squared corner radius per size bucket (web Avatar.module.css).
+const SQUARED_RADIUS = {
+  16: 4,
+  24: 4,
+  28: 4,
+  32: 4,
+  40: 8,
+  56: 16,
+  64: 16,
+  120: 24
+};
+
+// Fallback user-icon glyph size per avatar size (web Avatar.module.css).
+const GLYPH_SIZE = {
+  16: 12,
+  24: 16,
+  28: 18,
+  32: 20,
+  40: 24,
+  56: 32,
+  64: 32,
+  120: 64
+};
+
+// Initials font size per avatar size (web Avatar.module.css).
+const INITIALS_SIZE = {
+  16: 10,
+  24: 10,
+  28: 10,
+  32: 16,
+  40: 16,
+  56: 24,
+  64: 24,
+  120: 48
+};
+const useStyles = (size, shape, state, borderWidth) => {
+  const token = (0, _useToken.useToken)();
+  const frame = FRAME[size];
+  const borderRadius = shape === 'rounded' ? size / 2 : SQUARED_RADIUS[size];
+  const backgroundColor = state === 'skeleton' ? token(_amityColorTokens.AmityColorToken.SurfaceSkeletonEffectDefault) : token(_amityColorTokens.AmityColorToken.SurfaceAvatarProfileDefault);
+  const styles = _reactNative.StyleSheet.create({
+    container: {
+      alignItems: 'center',
+      gap: 4
+    },
+    frameWrapper: {
+      position: 'relative',
+      alignSelf: 'flex-start'
+    },
+    frame: {
+      width: frame.width,
+      height: frame.height,
+      borderRadius,
+      alignItems: 'center',
+      justifyContent: 'center',
+      overflow: 'hidden',
+      backgroundColor,
+      borderWidth,
+      borderColor: token(_amityColorTokens.AmityColorToken.BorderAvatarProfileDefault)
+    },
+    image: {
+      width: '100%',
+      height: '100%'
+    },
+    initials: {
+      fontSize: INITIALS_SIZE[size],
+      fontWeight: '600',
+      textTransform: 'uppercase',
+      color: token(_amityColorTokens.AmityColorToken.TextAvatarAtomicGeneral)
+    },
+    indicator: {
+      position: 'absolute',
+      right: 0,
+      bottom: 0,
+      borderRadius: 9999,
+      borderWidth: 3,
+      borderColor: token(_amityColorTokens.AmityColorToken.BorderAvatarIndicatorDefault)
+    },
+    label: {
+      fontSize: 13,
+      textAlign: 'center',
+      color: token(_amityColorTokens.AmityColorToken.TextAvatarLabelDefault)
+    }
+  });
+  const glyphColor = _amityColorTokens.AmityColorToken.IconAvatarDefault;
+  return {
+    styles,
+    glyphSize: GLYPH_SIZE[size],
+    glyphColor
+  };
+};
+exports.useStyles = useStyles;
+//# sourceMappingURL=styles.js.map

package/lib/commonjs/core/design/atoms/Avatar/styles.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["_reactNative","require","_useToken","_amityColorTokens","FRAME","width","height","SQUARED_RADIUS","GLYPH_SIZE","INITIALS_SIZE","useStyles","size","shape","state","borderWidth","token","useToken","frame","borderRadius","backgroundColor","AmityColorToken","SurfaceSkeletonEffectDefault","SurfaceAvatarProfileDefault","styles","StyleSheet","create","container","alignItems","gap","frameWrapper","position","alignSelf","justifyContent","overflow","borderColor","BorderAvatarProfileDefault","image","initials","fontSize","fontWeight","textTransform","color","TextAvatarAtomicGeneral","indicator","right","bottom","BorderAvatarIndicatorDefault","label","textAlign","TextAvatarLabelDefault","glyphColor","IconAvatarDefault","glyphSize","exports"],"sourceRoot":"../../../../../../src","sources":["core/design/atoms/Avatar/styles.ts"],"mappings":"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","ignoreList":[]}

package/lib/commonjs/core/design/atoms/Badge/Badge.js

@@ -0,0 +1,81 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.presetSlug = exports.Badge = void 0;
+var _reactNative = require("react-native");
+var _icons = require("../../icons");
+var _styles = require("./styles");
+// Badge atom — ported from AmityUiKitWeb core/design/atoms/Badge.
+// Compound namespace: Badge.Label (text pill) and Badge.Icon (icon chip).
+// Shape/fill/size/border + optional semantic `preset` drive geometry (SoT
+// geometry.json → badges) and colour (AmityColorToken via useToken).
+
+const presetSlug = preset => preset ? `${preset.family}-${preset.case}`.toLowerCase() : undefined;
+exports.presetSlug = presetSlug;
+function Label({
+  label,
+  shape = 'round',
+  fill = 'filled',
+  size = 24,
+  border = false,
+  preset
+}) {
+  const tokens = (0, _styles.resolveBadgeTokens)(presetSlug(preset));
+  const {
+    styles
+  } = (0, _styles.useStyles)({
+    variant: 'label',
+    shape,
+    fill,
+    size,
+    border,
+    tokens
+  });
+  return /*#__PURE__*/React.createElement(_reactNative.View, {
+    style: styles.badge,
+    accessibilityRole: "none"
+  }, /*#__PURE__*/React.createElement(_reactNative.Text, {
+    style: styles.label,
+    numberOfLines: 1
+  }, label));
+}
+function Icon({
+  icon,
+  shape = 'round',
+  fill = 'filled',
+  size = 24,
+  border = false,
+  preset,
+  glyphSize: glyphSizeProp
+}) {
+  const tokens = (0, _styles.resolveBadgeTokens)(presetSlug(preset));
+  const {
+    styles
+  } = (0, _styles.useStyles)({
+    variant: 'icon',
+    shape,
+    fill,
+    size,
+    border,
+    tokens
+  });
+
+  // Web: glyph fills 100% of the chip, or 75% when a border ring is present.
+  // An explicit `glyphSize` wins over both.
+  const glyphSize = glyphSizeProp ?? (border ? Math.round(size * 0.75) : size);
+  return /*#__PURE__*/React.createElement(_reactNative.View, {
+    style: styles.badge,
+    accessibilityRole: "none"
+  }, /*#__PURE__*/React.createElement(_icons.AmityIcon, {
+    name: icon,
+    tokenColor: tokens.icon,
+    size: glyphSize
+  }));
+}
+const Badge = exports.Badge = {
+  Label,
+  Icon
+};
+//# sourceMappingURL=Badge.js.map