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

package/lib/commonjs/social/features/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/social/features/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":["social/features/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/social/features/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/social/features/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":["social/features/chat/utils/timestamp.ts"],"mappings":";;;;;;;AASA,IAAAA,MAAA,GAAAC,sBAAA,CAAAC,OAAA;AACA,IAAAC,aAAA,GAAAD,OAAA;AAA8D,SAAAD,uBAAAG,CAAA,WAAAA,CAAA,IAAAA,CAAA,CAAAC,UAAA,GAAAD,CAAA,KAAAE,OAAA,EAAAF,CAAA;AAV9D;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/module/core/assets/icons/emptyCommunity2.js

@@ -0,0 +1,39 @@
+// 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'
+};
+export 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>`;
+};
+//# sourceMappingURL=emptyCommunity2.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["LIGHT","circle","card","stroke","bar","DARK","emptyCommunity2","dark","c"],"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;AAED,OAAO,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","ignoreList":[]}

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

@@ -0,0 +1,75 @@
+// 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
+
+import { View, Text, Image, Pressable } from 'react-native';
+
+// 2. Internal imports
+import { AmityIcon } from '../../icons';
+import { useStyles } from './styles';
+
+// 3. Types
+
+// 4. Named function component
+export function Avatar({
+  variant = 'icon',
+  imageUrl,
+  initials,
+  shape = 'rounded',
+  size = 40,
+  state = 'default',
+  borderWidth = 0,
+  indicator,
+  label,
+  onPress
+}) {
+  const {
+    styles,
+    glyphSize,
+    glyphColor
+  } = useStyles(size, shape, state, borderWidth);
+  let content = null;
+  if (state !== 'skeleton') {
+    if (variant === 'image' && imageUrl) {
+      content = /*#__PURE__*/React.createElement(Image, {
+        source: {
+          uri: imageUrl
+        },
+        style: styles.image,
+        resizeMode: "cover"
+      });
+    } else if (variant === 'text' && initials) {
+      content = /*#__PURE__*/React.createElement(Text, {
+        style: styles.initials
+      }, initials);
+    } else {
+      // PDT-3912 (web b5df56286): the fallback glyph is the SOLID user icon
+      // (User.Regular → User.Solid in web's core Avatar).
+      content = /*#__PURE__*/React.createElement(AmityIcon, {
+        name: "user-s",
+        size: glyphSize,
+        tokenColor: glyphColor
+      });
+    }
+  }
+  const frame = /*#__PURE__*/React.createElement(View, {
+    style: styles.frame
+  }, content);
+  return /*#__PURE__*/React.createElement(View, {
+    style: styles.container
+  }, /*#__PURE__*/React.createElement(View, {
+    style: styles.frameWrapper
+  }, onPress ? /*#__PURE__*/React.createElement(Pressable, {
+    onPress: onPress,
+    accessibilityRole: "button"
+  }, frame) : frame, indicator ? /*#__PURE__*/React.createElement(View, {
+    style: styles.indicator
+  }, indicator) : null), label ? /*#__PURE__*/React.createElement(Text, {
+    style: styles.label
+  }, label) : null);
+}
+//# sourceMappingURL=Avatar.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["View","Text","Image","Pressable","AmityIcon","useStyles","Avatar","variant","imageUrl","initials","shape","size","state","borderWidth","indicator","label","onPress","styles","glyphSize","glyphColor","content","React","createElement","source","uri","style","image","resizeMode","name","tokenColor","frame","container","frameWrapper","accessibilityRole"],"sourceRoot":"../../../../../../src","sources":["core/design/atoms/Avatar/Avatar.tsx"],"mappings":"AAAA;AACA;AACA;AACA;AACA;;AAEA;;AAEA,SAASA,IAAI,EAAEC,IAAI,EAAEC,KAAK,EAAEC,SAAS,QAAQ,cAAc;;AAE3D;AACA,SAASC,SAAS,QAAQ,aAAa;AACvC,SAASC,SAAS,QAAQ,UAAU;;AAEpC;;AAoBA;AACA,OAAO,SAASC,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,KAAK;EACLC;AACW,CAAC,EAAE;EACd,MAAM;IAAEC,MAAM;IAAEC,SAAS;IAAEC;EAAW,CAAC,GAAGd,SAAS,CACjDM,IAAI,EACJD,KAAK,EACLE,KAAK,EACLC,WACF,CAAC;EAED,IAAIO,OAAkB,GAAG,IAAI;EAC7B,IAAIR,KAAK,KAAK,UAAU,EAAE;IACxB,IAAIL,OAAO,KAAK,OAAO,IAAIC,QAAQ,EAAE;MACnCY,OAAO,gBACLC,KAAA,CAAAC,aAAA,CAACpB,KAAK;QACJqB,MAAM,EAAE;UAAEC,GAAG,EAAEhB;QAAS,CAAE;QAC1BiB,KAAK,EAAER,MAAM,CAACS,KAAM;QACpBC,UAAU,EAAC;MAAO,CACnB,CACF;IACH,CAAC,MAAM,IAAIpB,OAAO,KAAK,MAAM,IAAIE,QAAQ,EAAE;MACzCW,OAAO,gBAAGC,KAAA,CAAAC,aAAA,CAACrB,IAAI;QAACwB,KAAK,EAAER,MAAM,CAACR;MAAS,GAAEA,QAAe,CAAC;IAC3D,CAAC,MAAM;MACL;MACA;MACAW,OAAO,gBACLC,KAAA,CAAAC,aAAA,CAAClB,SAAS;QAACwB,IAAI,EAAC,QAAQ;QAACjB,IAAI,EAAEO,SAAU;QAACW,UAAU,EAAEV;MAAW,CAAE,CACpE;IACH;EACF;EAEA,MAAMW,KAAK,gBAAGT,KAAA,CAAAC,aAAA,CAACtB,IAAI;IAACyB,KAAK,EAAER,MAAM,CAACa;EAAM,GAAEV,OAAc,CAAC;EAEzD,oBACEC,KAAA,CAAAC,aAAA,CAACtB,IAAI;IAACyB,KAAK,EAAER,MAAM,CAACc;EAAU,gBAC5BV,KAAA,CAAAC,aAAA,CAACtB,IAAI;IAACyB,KAAK,EAAER,MAAM,CAACe;EAAa,GAC9BhB,OAAO,gBACNK,KAAA,CAAAC,aAAA,CAACnB,SAAS;IAACa,OAAO,EAAEA,OAAQ;IAACiB,iBAAiB,EAAC;EAAQ,GACpDH,KACQ,CAAC,GAEZA,KACD,EACAhB,SAAS,gBAAGO,KAAA,CAAAC,aAAA,CAACtB,IAAI;IAACyB,KAAK,EAAER,MAAM,CAACH;EAAU,GAAEA,SAAgB,CAAC,GAAG,IAC7D,CAAC,EACNC,KAAK,gBAAGM,KAAA,CAAAC,aAAA,CAACrB,IAAI;IAACwB,KAAK,EAAER,MAAM,CAACF;EAAM,GAAEA,KAAY,CAAC,GAAG,IACjD,CAAC;AAEX","ignoreList":[]}

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

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

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

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

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

@@ -0,0 +1,133 @@
+import { StyleSheet } from 'react-native';
+import { useToken } from '../../theme/useToken';
+import { AmityColorToken } from '../../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
+};
+export const useStyles = (size, shape, state, borderWidth) => {
+  const token = useToken();
+  const frame = FRAME[size];
+  const borderRadius = shape === 'rounded' ? size / 2 : SQUARED_RADIUS[size];
+  const backgroundColor = state === 'skeleton' ? token(AmityColorToken.SurfaceSkeletonEffectDefault) : token(AmityColorToken.SurfaceAvatarProfileDefault);
+  const styles = 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(AmityColorToken.BorderAvatarProfileDefault)
+    },
+    image: {
+      width: '100%',
+      height: '100%'
+    },
+    initials: {
+      fontSize: INITIALS_SIZE[size],
+      fontWeight: '600',
+      textTransform: 'uppercase',
+      color: token(AmityColorToken.TextAvatarAtomicGeneral)
+    },
+    indicator: {
+      position: 'absolute',
+      right: 0,
+      bottom: 0,
+      borderRadius: 9999,
+      borderWidth: 3,
+      borderColor: token(AmityColorToken.BorderAvatarIndicatorDefault)
+    },
+    label: {
+      fontSize: 13,
+      textAlign: 'center',
+      color: token(AmityColorToken.TextAvatarLabelDefault)
+    }
+  });
+  const glyphColor = AmityColorToken.IconAvatarDefault;
+  return {
+    styles,
+    glyphSize: GLYPH_SIZE[size],
+    glyphColor
+  };
+};
+//# sourceMappingURL=styles.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["StyleSheet","useToken","AmityColorToken","FRAME","width","height","SQUARED_RADIUS","GLYPH_SIZE","INITIALS_SIZE","useStyles","size","shape","state","borderWidth","token","frame","borderRadius","backgroundColor","SurfaceSkeletonEffectDefault","SurfaceAvatarProfileDefault","styles","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"],"sourceRoot":"../../../../../../src","sources":["core/design/atoms/Avatar/styles.ts"],"mappings":"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","ignoreList":[]}

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

@@ -0,0 +1,82 @@
+// 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).
+
+import { View, Text } from 'react-native';
+import { AmityIcon } from '../../icons';
+import { resolveBadgeTokens, useStyles } from './styles';
+export const presetSlug = preset => preset ? `${preset.family}-${preset.case}`.toLowerCase() : undefined;
+function Label({
+  label,
+  shape = 'round',
+  fill = 'filled',
+  size = 24,
+  border = false,
+  preset
+}) {
+  const tokens = resolveBadgeTokens(presetSlug(preset));
+  const {
+    styles
+  } = useStyles({
+    variant: 'label',
+    shape,
+    fill,
+    size,
+    border,
+    tokens
+  });
+  return /*#__PURE__*/React.createElement(View, {
+    style: styles.badge,
+    accessibilityRole: "none"
+  }, /*#__PURE__*/React.createElement(Text, {
+    style: styles.label,
+    numberOfLines: 1
+  }, label));
+}
+function Icon({
+  icon,
+  shape = 'round',
+  fill = 'filled',
+  size = 24,
+  border = false,
+  preset,
+  iconColorToken,
+  surfaceColorToken
+}) {
+  const tokens = {
+    ...resolveBadgeTokens(presetSlug(preset)),
+    ...(surfaceColorToken ? {
+      surface: surfaceColorToken
+    } : {}),
+    ...(iconColorToken ? {
+      icon: iconColorToken
+    } : {})
+  };
+  const {
+    styles
+  } = useStyles({
+    variant: 'icon',
+    shape,
+    fill,
+    size,
+    border,
+    tokens
+  });
+
+  // Web: glyph fills 100% of the chip, or 75% when a border ring is present.
+  const glyphSize = border ? Math.round(size * 0.75) : size;
+  return /*#__PURE__*/React.createElement(View, {
+    style: styles.badge,
+    accessibilityRole: "none"
+  }, /*#__PURE__*/React.createElement(AmityIcon, {
+    name: icon,
+    tokenColor: tokens.icon,
+    size: glyphSize
+  }));
+}
+export const Badge = {
+  Label,
+  Icon
+};
+//# sourceMappingURL=Badge.js.map

package/lib/module/core/design/atoms/Badge/Badge.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["View","Text","AmityIcon","resolveBadgeTokens","useStyles","presetSlug","preset","family","case","toLowerCase","undefined","Label","label","shape","fill","size","border","tokens","styles","variant","React","createElement","style","badge","accessibilityRole","numberOfLines","Icon","icon","iconColorToken","surfaceColorToken","surface","glyphSize","Math","round","name","tokenColor","Badge"],"sourceRoot":"../../../../../../src","sources":["core/design/atoms/Badge/Badge.tsx"],"mappings":"AAAA;AACA;AACA;AACA;;AAEA,SAASA,IAAI,EAAEC,IAAI,QAAQ,cAAc;AACzC,SAASC,SAAS,QAA4B,aAAa;AAE3D,SAASC,kBAAkB,EAAEC,SAAS,QAAQ,UAAU;AA2BxD,OAAO,MAAMC,UAAU,GAAIC,MAAoB,IAC7CA,MAAM,GAAG,GAAGA,MAAM,CAACC,MAAM,IAAID,MAAM,CAACE,IAAI,EAAE,CAACC,WAAW,CAAC,CAAC,GAAGC,SAAS;AAEtE,SAASC,KAAKA,CAAC;EACbC,KAAK;EACLC,KAAK,GAAG,OAAO;EACfC,IAAI,GAAG,QAAQ;EACfC,IAAI,GAAG,EAAE;EACTC,MAAM,GAAG,KAAK;EACdV;AACU,CAAC,EAAE;EACb,MAAMW,MAAM,GAAGd,kBAAkB,CAACE,UAAU,CAACC,MAAM,CAAC,CAAC;EACrD,MAAM;IAAEY;EAAO,CAAC,GAAGd,SAAS,CAAC;IAC3Be,OAAO,EAAE,OAAO;IAChBN,KAAK;IACLC,IAAI;IACJC,IAAI;IACJC,MAAM;IACNC;EACF,CAAC,CAAC;EAEF,oBACEG,KAAA,CAAAC,aAAA,CAACrB,IAAI;IAACsB,KAAK,EAAEJ,MAAM,CAACK,KAAM;IAACC,iBAAiB,EAAC;EAAM,gBACjDJ,KAAA,CAAAC,aAAA,CAACpB,IAAI;IAACqB,KAAK,EAAEJ,MAAM,CAACN,KAAM;IAACa,aAAa,EAAE;EAAE,GACzCb,KACG,CACF,CAAC;AAEX;AAEA,SAASc,IAAIA,CAAC;EACZC,IAAI;EACJd,KAAK,GAAG,OAAO;EACfC,IAAI,GAAG,QAAQ;EACfC,IAAI,GAAG,EAAE;EACTC,MAAM,GAAG,KAAK;EACdV,MAAM;EACNsB,cAAc;EACdC;AACS,CAAC,EAAE;EACZ,MAAMZ,MAAM,GAAG;IACb,GAAGd,kBAAkB,CAACE,UAAU,CAACC,MAAM,CAAC,CAAC;IACzC,IAAIuB,iBAAiB,GAAG;MAAEC,OAAO,EAAED;IAAkB,CAAC,GAAG,CAAC,CAAC,CAAC;IAC5D,IAAID,cAAc,GAAG;MAAED,IAAI,EAAEC;IAAe,CAAC,GAAG,CAAC,CAAC;EACpD,CAAC;EACD,MAAM;IAAEV;EAAO,CAAC,GAAGd,SAAS,CAAC;IAC3Be,OAAO,EAAE,MAAM;IACfN,KAAK;IACLC,IAAI;IACJC,IAAI;IACJC,MAAM;IACNC;EACF,CAAC,CAAC;;EAEF;EACA,MAAMc,SAAS,GAAGf,MAAM,GAAGgB,IAAI,CAACC,KAAK,CAAClB,IAAI,GAAG,IAAI,CAAC,GAAGA,IAAI;EAEzD,oBACEK,KAAA,CAAAC,aAAA,CAACrB,IAAI;IAACsB,KAAK,EAAEJ,MAAM,CAACK,KAAM;IAACC,iBAAiB,EAAC;EAAM,gBACjDJ,KAAA,CAAAC,aAAA,CAACnB,SAAS;IAACgC,IAAI,EAAEP,IAAK;IAACQ,UAAU,EAAElB,MAAM,CAACU,IAAK;IAACZ,IAAI,EAAEgB;EAAU,CAAE,CAC9D,CAAC;AAEX;AAEA,OAAO,MAAMK,KAAK,GAAG;EACnBzB,KAAK;EACLe;AACF,CAAC","ignoreList":[]}

package/lib/module/core/design/atoms/Badge/index.js

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

package/lib/module/core/design/atoms/Badge/index.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["Badge","presetSlug"],"sourceRoot":"../../../../../../src","sources":["core/design/atoms/Badge/index.ts"],"mappings":"AAAA,SAASA,KAAK,EAAEC,UAAU,QAAQ,SAAS","ignoreList":[]}

package/lib/module/core/design/atoms/Badge/styles.js

@@ -0,0 +1,151 @@
+import { StyleSheet } from 'react-native';
+import { useToken } from '../../theme/useToken';
+import { AmityColorToken } from '../../tokens/amity-color-tokens';
+// --- Geometry (SoT: geometry.json → badges; web CSS grid, rem × 16) ----------
+// Label per-size: height / round-filled paddingX / fontSize.
+// (size-24 sampled by geometry.json: label.text.size=13, label.round.paddingX=8.)
+const LABEL_GEOMETRY = {
+  14: {
+    height: 14,
+    paddingX: 4,
+    fontSize: 10
+  },
+  16: {
+    height: 16,
+    paddingX: 4,
+    fontSize: 10
+  },
+  20: {
+    height: 20,
+    paddingX: 6,
+    fontSize: 12
+  },
+  24: {
+    height: 24,
+    paddingX: 8,
+    fontSize: 13
+  },
+  28: {
+    height: 28,
+    paddingX: 8,
+    fontSize: 13
+  },
+  32: {
+    height: 32,
+    paddingX: 12,
+    fontSize: 15
+  }
+};
+
+// Square shape narrows label horizontal padding (geometry.json label.square.paddingX=2).
+const squarePaddingX = (fill, size) => {
+  if (fill === 'filled' && (size === 14 || size === 16)) return 2;
+  if (fill === 'ghost' && (size === 20 || size === 24 || size === 28)) return 2;
+  if (fill === 'ghost' && size === 32) return 4;
+  return undefined;
+};
+
+// Corner radius: square = 4 (geometry.json label.square.cornerRadius); round = full pill.
+const SQUARE_RADIUS = 4;
+const ROUND_RADIUS = 9999;
+const BORDER_WIDTH = 1; // web ring: 0 0 0 0.0625rem
+
+// --- Colour token resolution (preset → AmityColorToken refs) ------------------
+
+const ATOMIC_TOKENS = {
+  surface: AmityColorToken.SurfaceBadgeAtomicBadgeFilledDefault,
+  text: AmityColorToken.TextBadgeAtomicBadgeDefault,
+  icon: AmityColorToken.IconBadgeAtomicBadgeDefault,
+  border: AmityColorToken.BorderBadgeAtomicBadgeDefault
+};
+export function resolveBadgeTokens(slug) {
+  switch (slug) {
+    case 'general-notification':
+      return {
+        ...ATOMIC_TOKENS,
+        surface: AmityColorToken.SurfaceBadgeSemanticBadgeGeneralNotification,
+        text: AmityColorToken.TextBadgeSemanticBadgeGeneralDefaultDefault,
+        border: AmityColorToken.BorderBadgeSemanticBadgeGeneralDefault
+      };
+    case 'userstatus-moderator':
+      return {
+        ...ATOMIC_TOKENS,
+        surface: AmityColorToken.SurfaceBadgeSemanticBadgeUserStatusModerator,
+        icon: AmityColorToken.IconBadgeSemanticBadgeUserStatusModeratorDefault,
+        border: AmityColorToken.BorderAvatarIndicatorDefault
+      };
+    case 'chat-mention':
+      return {
+        ...ATOMIC_TOKENS,
+        surface: AmityColorToken.SurfaceBadgeSemanticBadgeChatMention,
+        icon: AmityColorToken.IconBadgeSemanticBadgeChatMentionDefault
+      };
+    case 'chat-private':
+      return {
+        ...ATOMIC_TOKENS,
+        surface: AmityColorToken.SurfaceBadgeSemanticBadgeChatPrivate,
+        icon: AmityColorToken.IconBadgeSemanticBadgeChatPrivateDefault,
+        border: AmityColorToken.BorderAvatarProfileDefault
+      };
+    // userstatus/private — no Surface/UserStatus/Private token yet; stopgap
+    // reuses the Moderator surface until the private surface token ships (matches web).
+    case 'userstatus-private':
+      return {
+        ...ATOMIC_TOKENS,
+        surface: AmityColorToken.SurfaceBadgeSemanticBadgeUserStatusModerator,
+        icon: AmityColorToken.IconBadgeSemanticBadgeUserStatusPrivateDefault
+      };
+    default:
+      return ATOMIC_TOKENS;
+  }
+}
+
+// --- Style hook ---------------------------------------------------------------
+
+export const useStyles = ({
+  variant,
+  shape,
+  fill,
+  size,
+  border,
+  tokens
+}) => {
+  const token = useToken();
+  const borderRadius = shape === 'square' ? SQUARE_RADIUS : ROUND_RADIUS;
+  const backgroundColor = fill === 'ghost' ? 'transparent' : token(tokens.surface);
+  const borderProps = border ? {
+    borderWidth: BORDER_WIDTH,
+    borderColor: token(tokens.border)
+  } : null;
+  const base = {
+    alignSelf: 'flex-start',
+    alignItems: 'center',
+    justifyContent: 'center',
+    borderRadius,
+    backgroundColor,
+    ...borderProps
+  };
+  const label = LABEL_GEOMETRY[size];
+  const paddingHorizontal = shape === 'square' ? squarePaddingX(fill, size) ?? label.paddingX : label.paddingX;
+  const styles = StyleSheet.create({
+    badge: variant === 'label' ? {
+      ...base,
+      height: label.height,
+      paddingHorizontal
+    } : {
+      ...base,
+      width: size,
+      height: size
+    },
+    label: {
+      color: token(tokens.text),
+      fontSize: label.fontSize,
+      fontWeight: '600',
+      lineHeight: label.fontSize
+    }
+  });
+  return {
+    styles
+  };
+};
+//# sourceMappingURL=styles.js.map

package/lib/module/core/design/atoms/Badge/styles.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["StyleSheet","useToken","AmityColorToken","LABEL_GEOMETRY","height","paddingX","fontSize","squarePaddingX","fill","size","undefined","SQUARE_RADIUS","ROUND_RADIUS","BORDER_WIDTH","ATOMIC_TOKENS","surface","SurfaceBadgeAtomicBadgeFilledDefault","text","TextBadgeAtomicBadgeDefault","icon","IconBadgeAtomicBadgeDefault","border","BorderBadgeAtomicBadgeDefault","resolveBadgeTokens","slug","SurfaceBadgeSemanticBadgeGeneralNotification","TextBadgeSemanticBadgeGeneralDefaultDefault","BorderBadgeSemanticBadgeGeneralDefault","SurfaceBadgeSemanticBadgeUserStatusModerator","IconBadgeSemanticBadgeUserStatusModeratorDefault","BorderAvatarIndicatorDefault","SurfaceBadgeSemanticBadgeChatMention","IconBadgeSemanticBadgeChatMentionDefault","SurfaceBadgeSemanticBadgeChatPrivate","IconBadgeSemanticBadgeChatPrivateDefault","BorderAvatarProfileDefault","IconBadgeSemanticBadgeUserStatusPrivateDefault","useStyles","variant","shape","tokens","token","borderRadius","backgroundColor","borderProps","borderWidth","borderColor","base","alignSelf","alignItems","justifyContent","label","paddingHorizontal","styles","create","badge","width","color","fontWeight","lineHeight"],"sourceRoot":"../../../../../../src","sources":["core/design/atoms/Badge/styles.ts"],"mappings":"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","ignoreList":[]}