stream-chat-react-native-core 8.13.7 → 9.0.0-beta.2

package/lib/module/components/MessageList/InlineDateSeparator.js

@@ -6,41 +6,19 @@ var _react = _interopRequireWildcard(require("react"));
 var _reactNative = require("react-native");
 var _ThemeContext = require("../../contexts/themeContext/ThemeContext");
 var _TranslationContext = require("../../contexts/translationContext/TranslationContext");
+var _theme = require("../../theme");
 var _getDateString = require("../../utils/i18n/getDateString");
 var _jsxRuntime = require("react/jsx-runtime");
 var _this = this,
   _jsxFileName = "/home/runner/work/stream-chat-react-native/stream-chat-react-native/package/src/components/MessageList/InlineDateSeparator.tsx";
 function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(e) { return e ? t : r; })(e); }
 function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != typeof e && "function" != typeof e) return { default: e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && {}.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n.default = e, t && t.set(e, n), n; }
-var styles = _reactNative.StyleSheet.create({
-  container: {
-    alignItems: 'center',
-    alignSelf: 'center',
-    borderRadius: 8,
-    height: 16,
-    justifyContent: 'center',
-    marginVertical: 4,
-    paddingHorizontal: 8
-  },
-  text: {
-    fontSize: 12,
-    textAlign: 'center',
-    textAlignVertical: 'center'
-  }
-});
 var InlineDateSeparator = exports.InlineDateSeparator = function InlineDateSeparator(_ref) {
   var date = _ref.date;
-  var _useTheme = (0, _ThemeContext.useTheme)(),
-    _useTheme$theme = _useTheme.theme,
-    _useTheme$theme$color = _useTheme$theme.colors,
-    overlay = _useTheme$theme$color.overlay,
-    white = _useTheme$theme$color.white,
-    _useTheme$theme$inlin = _useTheme$theme.inlineDateSeparator,
-    container = _useTheme$theme$inlin.container,
-    text = _useTheme$theme$inlin.text;
   var _useTranslationContex = (0, _TranslationContext.useTranslationContext)(),
     t = _useTranslationContex.t,
     tDateTimeParser = _useTranslationContex.tDateTimeParser;
+  var styles = useStyles();
   var dateString = (0, _react.useMemo)(function () {
     return (0, _getDateString.getDateString)({
       date: date,
@@ -50,16 +28,37 @@ var InlineDateSeparator = exports.InlineDateSeparator = function InlineDateSepar
     });
   }, [date, t, tDateTimeParser]);
   return (0, _jsxRuntime.jsx)(_reactNative.View, {
-    style: [styles.container, {
-      backgroundColor: overlay
-    }, container],
+    style: styles.container,
     testID: "date-separator",
     children: (0, _jsxRuntime.jsx)(_reactNative.Text, {
-      style: [styles.text, {
-        color: white
-      }, text],
+      style: styles.text,
       children: dateString
     })
   });
 };
+var useStyles = function useStyles() {
+  var _useTheme = (0, _ThemeContext.useTheme)(),
+    _useTheme$theme = _useTheme.theme,
+    semantics = _useTheme$theme.semantics,
+    _useTheme$theme$inlin = _useTheme$theme.inlineDateSeparator,
+    container = _useTheme$theme$inlin.container,
+    text = _useTheme$theme$inlin.text;
+  return (0, _react.useMemo)(function () {
+    return _reactNative.StyleSheet.create({
+      container: Object.assign({
+        alignSelf: 'center',
+        borderRadius: _theme.primitives.radiusMax,
+        paddingHorizontal: _theme.primitives.spacingSm,
+        paddingVertical: _theme.primitives.spacingXxs,
+        backgroundColor: semantics.backgroundCoreSurfaceSubtle
+      }, container),
+      text: Object.assign({
+        color: semantics.chatTextSystem,
+        fontSize: _theme.primitives.typographyFontSizeXs,
+        fontWeight: _theme.primitives.typographyFontWeightSemiBold,
+        lineHeight: _theme.primitives.typographyLineHeightTight
+      }, text)
+    });
+  }, [semantics, container, text]);
+};
 //# sourceMappingURL=InlineDateSeparator.js.map

package/lib/module/components/MessageList/InlineDateSeparator.js.map

@@ -1 +1 @@
-{"version":3,"names":["_react","_interopRequireWildcard","require","_reactNative","_ThemeContext","_TranslationContext","_getDateString","_jsxRuntime","_this","_jsxFileName","_getRequireWildcardCache","e","WeakMap","r","t","__esModule","default","has","get","n","__proto__","a","Object","defineProperty","getOwnPropertyDescriptor","u","hasOwnProperty","call","i","set","styles","StyleSheet","create","container","alignItems","alignSelf","borderRadius","height","justifyContent","marginVertical","paddingHorizontal","text","fontSize","textAlign","textAlignVertical","InlineDateSeparator","exports","_ref","date","_useTheme","useTheme","_useTheme$theme","theme","_useTheme$theme$color","colors","overlay","white","_useTheme$theme$inlin","inlineDateSeparator","_useTranslationContex","useTranslationContext","tDateTimeParser","dateString","useMemo","getDateString","timestampTranslationKey","jsx","View","style","backgroundColor","testID","children","Text","color"],"sourceRoot":"../../../../src","sources":["components/MessageList/InlineDateSeparator.tsx"],"mappings":";;;;AAAA,IAAAA,MAAA,GAAAC,uBAAA,CAAAC,OAAA;AACA,IAAAC,YAAA,GAAAD,OAAA;AAEA,IAAAE,aAAA,GAAAF,OAAA;AACA,IAAAG,mBAAA,GAAAH,OAAA;AACA,IAAAI,cAAA,GAAAJ,OAAA;AAA+D,IAAAK,WAAA,GAAAL,OAAA;AAAA,IAAAM,KAAA;EAAAC,YAAA;AAAA,SAAAC,yBAAAC,CAAA,6BAAAC,OAAA,mBAAAC,CAAA,OAAAD,OAAA,IAAAE,CAAA,OAAAF,OAAA,YAAAF,wBAAA,YAAAA,yBAAAC,CAAA,WAAAA,CAAA,GAAAG,CAAA,GAAAD,CAAA,KAAAF,CAAA;AAAA,SAAAV,wBAAAU,CAAA,EAAAE,CAAA,SAAAA,CAAA,IAAAF,CAAA,IAAAA,CAAA,CAAAI,UAAA,SAAAJ,CAAA,eAAAA,CAAA,uBAAAA,CAAA,yBAAAA,CAAA,WAAAK,OAAA,EAAAL,CAAA,QAAAG,CAAA,GAAAJ,wBAAA,CAAAG,CAAA,OAAAC,CAAA,IAAAA,CAAA,CAAAG,GAAA,CAAAN,CAAA,UAAAG,CAAA,CAAAI,GAAA,CAAAP,CAAA,OAAAQ,CAAA,KAAAC,SAAA,UAAAC,CAAA,GAAAC,MAAA,CAAAC,cAAA,IAAAD,MAAA,CAAAE,wBAAA,WAAAC,CAAA,IAAAd,CAAA,oBAAAc,CAAA,OAAAC,cAAA,CAAAC,IAAA,CAAAhB,CAAA,EAAAc,CAAA,SAAAG,CAAA,GAAAP,CAAA,GAAAC,MAAA,CAAAE,wBAAA,CAAAb,CAAA,EAAAc,CAAA,UAAAG,CAAA,KAAAA,CAAA,CAAAV,GAAA,IAAAU,CAAA,CAAAC,GAAA,IAAAP,MAAA,CAAAC,cAAA,CAAAJ,CAAA,EAAAM,CAAA,EAAAG,CAAA,IAAAT,CAAA,CAAAM,CAAA,IAAAd,CAAA,CAAAc,CAAA,YAAAN,CAAA,CAAAH,OAAA,GAAAL,CAAA,EAAAG,CAAA,IAAAA,CAAA,CAAAe,GAAA,CAAAlB,CAAA,EAAAQ,CAAA,GAAAA,CAAA;AAE/D,IAAMW,MAAM,GAAGC,uBAAU,CAACC,MAAM,CAAC;EAC/BC,SAAS,EAAE;IACTC,UAAU,EAAE,QAAQ;IACpBC,SAAS,EAAE,QAAQ;IACnBC,YAAY,EAAE,CAAC;IACfC,MAAM,EAAE,EAAE;IACVC,cAAc,EAAE,QAAQ;IACxBC,cAAc,EAAE,CAAC;IACjBC,iBAAiB,EAAE;EACrB,CAAC;EACDC,IAAI,EAAE;IACJC,QAAQ,EAAE,EAAE;IACZC,SAAS,EAAE,QAAQ;IACnBC,iBAAiB,EAAE;EACrB;AACF,CAAC,CAAC;AAYK,IAAMC,mBAAmB,GAAAC,OAAA,CAAAD,mBAAA,GAAG,SAAtBA,mBAAmBA,CAAAE,IAAA,EAA2C;EAAA,IAArCC,IAAI,GAAAD,IAAA,CAAJC,IAAI;EACxC,IAAAC,SAAA,GAKI,IAAAC,sBAAQ,EAAC,CAAC;IAAAC,eAAA,GAAAF,SAAA,CAJZG,KAAK;IAAAC,qBAAA,GAAAF,eAAA,CACHG,MAAM;IAAIC,OAAO,GAAAF,qBAAA,CAAPE,OAAO;IAAEC,KAAK,GAAAH,qBAAA,CAALG,KAAK;IAAAC,qBAAA,GAAAN,eAAA,CACxBO,mBAAmB;IAAIzB,SAAS,GAAAwB,qBAAA,CAATxB,SAAS;IAAEQ,IAAI,GAAAgB,qBAAA,CAAJhB,IAAI;EAG1C,IAAAkB,qBAAA,GAA+B,IAAAC,yCAAqB,EAAC,CAAC;IAA9C9C,CAAC,GAAA6C,qBAAA,CAAD7C,CAAC;IAAE+C,eAAe,GAAAF,qBAAA,CAAfE,eAAe;EAE1B,IAAMC,UAAU,GAAG,IAAAC,cAAO,EACxB;IAAA,OACE,IAAAC,4BAAa,EAAC;MACZhB,IAAI,EAAJA,IAAI;MACJlC,CAAC,EAADA,CAAC;MACD+C,eAAe,EAAfA,eAAe;MACfI,uBAAuB,EAAE;IAC3B,CAAC,CAAC;EAAA,GACJ,CAACjB,IAAI,EAAElC,CAAC,EAAE+C,eAAe,CAC3B,CAAC;EAED,OACE,IAAAtD,WAAA,CAAA2D,GAAA,EAAC/D,YAAA,CAAAgE,IAAI;IACHC,KAAK,EAAE,CAACtC,MAAM,CAACG,SAAS,EAAE;MAAEoC,eAAe,EAAEd;IAAQ,CAAC,EAAEtB,SAAS,CAAE;IACnEqC,MAAM,EAAC,gBAAgB;IAAAC,QAAA,EAEvB,IAAAhE,WAAA,CAAA2D,GAAA,EAAC/D,YAAA,CAAAqE,IAAI;MAACJ,KAAK,EAAE,CAACtC,MAAM,CAACW,IAAI,EAAE;QAAEgC,KAAK,EAAEjB;MAAM,CAAC,EAAEf,IAAI,CAAE;MAAA8B,QAAA,EAAET;IAAU,CAAO;EAAC,CACnE,CAAC;AAEX,CAAC","ignoreList":[]}
+{"version":3,"names":["_react","_interopRequireWildcard","require","_reactNative","_ThemeContext","_TranslationContext","_theme","_getDateString","_jsxRuntime","_this","_jsxFileName","_getRequireWildcardCache","e","WeakMap","r","t","__esModule","default","has","get","n","__proto__","a","Object","defineProperty","getOwnPropertyDescriptor","u","hasOwnProperty","call","i","set","InlineDateSeparator","exports","_ref","date","_useTranslationContex","useTranslationContext","tDateTimeParser","styles","useStyles","dateString","useMemo","getDateString","timestampTranslationKey","jsx","View","style","container","testID","children","Text","text","_useTheme","useTheme","_useTheme$theme","theme","semantics","_useTheme$theme$inlin","inlineDateSeparator","StyleSheet","create","assign","alignSelf","borderRadius","primitives","radiusMax","paddingHorizontal","spacingSm","paddingVertical","spacingXxs","backgroundColor","backgroundCoreSurfaceSubtle","color","chatTextSystem","fontSize","typographyFontSizeXs","fontWeight","typographyFontWeightSemiBold","lineHeight","typographyLineHeightTight"],"sourceRoot":"../../../../src","sources":["components/MessageList/InlineDateSeparator.tsx"],"mappings":";;;;AAAA,IAAAA,MAAA,GAAAC,uBAAA,CAAAC,OAAA;AACA,IAAAC,YAAA,GAAAD,OAAA;AAEA,IAAAE,aAAA,GAAAF,OAAA;AACA,IAAAG,mBAAA,GAAAH,OAAA;AACA,IAAAI,MAAA,GAAAJ,OAAA;AACA,IAAAK,cAAA,GAAAL,OAAA;AAA+D,IAAAM,WAAA,GAAAN,OAAA;AAAA,IAAAO,KAAA;EAAAC,YAAA;AAAA,SAAAC,yBAAAC,CAAA,6BAAAC,OAAA,mBAAAC,CAAA,OAAAD,OAAA,IAAAE,CAAA,OAAAF,OAAA,YAAAF,wBAAA,YAAAA,yBAAAC,CAAA,WAAAA,CAAA,GAAAG,CAAA,GAAAD,CAAA,KAAAF,CAAA;AAAA,SAAAX,wBAAAW,CAAA,EAAAE,CAAA,SAAAA,CAAA,IAAAF,CAAA,IAAAA,CAAA,CAAAI,UAAA,SAAAJ,CAAA,eAAAA,CAAA,uBAAAA,CAAA,yBAAAA,CAAA,WAAAK,OAAA,EAAAL,CAAA,QAAAG,CAAA,GAAAJ,wBAAA,CAAAG,CAAA,OAAAC,CAAA,IAAAA,CAAA,CAAAG,GAAA,CAAAN,CAAA,UAAAG,CAAA,CAAAI,GAAA,CAAAP,CAAA,OAAAQ,CAAA,KAAAC,SAAA,UAAAC,CAAA,GAAAC,MAAA,CAAAC,cAAA,IAAAD,MAAA,CAAAE,wBAAA,WAAAC,CAAA,IAAAd,CAAA,oBAAAc,CAAA,OAAAC,cAAA,CAAAC,IAAA,CAAAhB,CAAA,EAAAc,CAAA,SAAAG,CAAA,GAAAP,CAAA,GAAAC,MAAA,CAAAE,wBAAA,CAAAb,CAAA,EAAAc,CAAA,UAAAG,CAAA,KAAAA,CAAA,CAAAV,GAAA,IAAAU,CAAA,CAAAC,GAAA,IAAAP,MAAA,CAAAC,cAAA,CAAAJ,CAAA,EAAAM,CAAA,EAAAG,CAAA,IAAAT,CAAA,CAAAM,CAAA,IAAAd,CAAA,CAAAc,CAAA,YAAAN,CAAA,CAAAH,OAAA,GAAAL,CAAA,EAAAG,CAAA,IAAAA,CAAA,CAAAe,GAAA,CAAAlB,CAAA,EAAAQ,CAAA,GAAAA,CAAA;AAYxD,IAAMW,mBAAmB,GAAAC,OAAA,CAAAD,mBAAA,GAAG,SAAtBA,mBAAmBA,CAAAE,IAAA,EAA2C;EAAA,IAArCC,IAAI,GAAAD,IAAA,CAAJC,IAAI;EACxC,IAAAC,qBAAA,GAA+B,IAAAC,yCAAqB,EAAC,CAAC;IAA9CrB,CAAC,GAAAoB,qBAAA,CAADpB,CAAC;IAAEsB,eAAe,GAAAF,qBAAA,CAAfE,eAAe;EAC1B,IAAMC,MAAM,GAAGC,SAAS,CAAC,CAAC;EAE1B,IAAMC,UAAU,GAAG,IAAAC,cAAO,EACxB;IAAA,OACE,IAAAC,4BAAa,EAAC;MACZR,IAAI,EAAJA,IAAI;MACJnB,CAAC,EAADA,CAAC;MACDsB,eAAe,EAAfA,eAAe;MACfM,uBAAuB,EAAE;IAC3B,CAAC,CAAC;EAAA,GACJ,CAACT,IAAI,EAAEnB,CAAC,EAAEsB,eAAe,CAC3B,CAAC;EAED,OACE,IAAA7B,WAAA,CAAAoC,GAAA,EAACzC,YAAA,CAAA0C,IAAI;IAACC,KAAK,EAAER,MAAM,CAACS,SAAU;IAACC,MAAM,EAAC,gBAAgB;IAAAC,QAAA,EACpD,IAAAzC,WAAA,CAAAoC,GAAA,EAACzC,YAAA,CAAA+C,IAAI;MAACJ,KAAK,EAAER,MAAM,CAACa,IAAK;MAAAF,QAAA,EAAET;IAAU,CAAO;EAAC,CACzC,CAAC;AAEX,CAAC;AAED,IAAMD,SAAS,GAAG,SAAZA,SAASA,CAAA,EAAS;EACtB,IAAAa,SAAA,GAKI,IAAAC,sBAAQ,EAAC,CAAC;IAAAC,eAAA,GAAAF,SAAA,CAJZG,KAAK;IACHC,SAAS,GAAAF,eAAA,CAATE,SAAS;IAAAC,qBAAA,GAAAH,eAAA,CACTI,mBAAmB;IAAIX,SAAS,GAAAU,qBAAA,CAATV,SAAS;IAAEI,IAAI,GAAAM,qBAAA,CAAJN,IAAI;EAG1C,OAAO,IAAAV,cAAO,EAAC,YAAM;IACnB,OAAOkB,uBAAU,CAACC,MAAM,CAAC;MACvBb,SAAS,EAAAxB,MAAA,CAAAsC,MAAA;QACPC,SAAS,EAAE,QAAQ;QACnBC,YAAY,EAAEC,iBAAU,CAACC,SAAS;QAClCC,iBAAiB,EAAEF,iBAAU,CAACG,SAAS;QACvCC,eAAe,EAAEJ,iBAAU,CAACK,UAAU;QACtCC,eAAe,EAAEd,SAAS,CAACe;MAA2B,GACnDxB,SAAS,CACb;MACDI,IAAI,EAAA5B,MAAA,CAAAsC,MAAA;QACFW,KAAK,EAAEhB,SAAS,CAACiB,cAAc;QAC/BC,QAAQ,EAAEV,iBAAU,CAACW,oBAAoB;QACzCC,UAAU,EAAEZ,iBAAU,CAACa,4BAA4B;QACnDC,UAAU,EAAEd,iBAAU,CAACe;MAAyB,GAC7C5B,IAAI;IAEX,CAAC,CAAC;EACJ,CAAC,EAAE,CAACK,SAAS,EAAET,SAAS,EAAEI,IAAI,CAAC,CAAC;AAClC,CAAC","ignoreList":[]}

package/lib/module/components/MessageList/InlineLoadingMoreIndicator.js

@@ -20,14 +20,14 @@ var InlineLoadingMoreIndicatorWithContext = exports.InlineLoadingMoreIndicatorWi
   var loadingMore = _ref.loadingMore;
   var _useTheme = (0, _ThemeContext.useTheme)(),
     theme = _useTheme.theme;
-  var accent_blue = theme.colors.accent_blue;
+  var semantics = theme.semantics;
   if (!loadingMore) {
     return null;
   }
   return (0, _jsxRuntime.jsx)(_reactNative.View, {
     style: styles.activityIndicatorContainer,
     children: (0, _jsxRuntime.jsx)(_reactNative.ActivityIndicator, {
-      color: accent_blue,
+      color: semantics.accentPrimary,
       size: "small"
     })
   });

package/lib/module/components/MessageList/InlineLoadingMoreIndicator.js.map

@@ -1 +1 @@
-{"version":3,"names":["_react","_interopRequireDefault","require","_reactNative","_PaginatedMessageListContext","_ThemeContext","_jsxRuntime","_this","_jsxFileName","styles","StyleSheet","create","activityIndicatorContainer","padding","width","InlineLoadingMoreIndicatorWithContext","exports","_ref","loadingMore","_useTheme","useTheme","theme","accent_blue","colors","jsx","View","style","children","ActivityIndicator","color","size","areEqual","prevProps","nextProps","prevLoadingMore","nextLoadingMore","loadingMoreEqual","MemoizedInlineLoadingMoreIndicator","React","memo","InlineLoadingMoreIndicator","_usePaginatedMessageL","usePaginatedMessageListContext"],"sourceRoot":"../../../../src","sources":["components/MessageList/InlineLoadingMoreIndicator.tsx"],"mappings":";;;;;AAAA,IAAAA,MAAA,GAAAC,sBAAA,CAAAC,OAAA;AACA,IAAAC,YAAA,GAAAD,OAAA;AAEA,IAAAE,4BAAA,GAAAF,OAAA;AACA,IAAAG,aAAA,GAAAH,OAAA;AAAoE,IAAAI,WAAA,GAAAJ,OAAA;AAAA,IAAAK,KAAA;EAAAC,YAAA;AAEpE,IAAMC,MAAM,GAAGC,uBAAU,CAACC,MAAM,CAAC;EAC/BC,0BAA0B,EAAE;IAC1BC,OAAO,EAAE,EAAE;IACXC,KAAK,EAAE;EACT;AACF,CAAC,CAAC;AAMK,IAAMC,qCAAqC,GAAAC,OAAA,CAAAD,qCAAA,GAAG,SAAxCA,qCAAqCA,CAAAE,IAAA,EAEA;EAAA,IADhDC,WAAW,GAAAD,IAAA,CAAXC,WAAW;EAEX,IAAAC,SAAA,GAAkB,IAAAC,sBAAQ,EAAC,CAAC;IAApBC,KAAK,GAAAF,SAAA,CAALE,KAAK;EAEb,IACYC,WAAW,GACnBD,KAAK,CADPE,MAAM,CAAID,WAAW;EAGvB,IAAI,CAACJ,WAAW,EAAE;IAChB,OAAO,IAAI;EACb;EAEA,OACE,IAAAZ,WAAA,CAAAkB,GAAA,EAACrB,YAAA,CAAAsB,IAAI;IAACC,KAAK,EAAEjB,MAAM,CAACG,0BAA2B;IAAAe,QAAA,EAC7C,IAAArB,WAAA,CAAAkB,GAAA,EAACrB,YAAA,CAAAyB,iBAAiB;MAACC,KAAK,EAAEP,WAAY;MAACQ,IAAI,EAAC;IAAO,CAAE;EAAC,CAClD,CAAC;AAEX,CAAC;AAED,IAAMC,QAAQ,GAAG,SAAXA,QAAQA,CACZC,SAAqD,EACrDC,SAAqD,EAClD;EACH,IAAqBC,eAAe,GAAKF,SAAS,CAA1Cd,WAAW;EACnB,IAAqBiB,eAAe,GAAKF,SAAS,CAA1Cf,WAAW;EAEnB,IAAMkB,gBAAgB,GAAGF,eAAe,KAAKC,eAAe;EAC5D,IAAI,CAACC,gBAAgB,EAAE;IACrB,OAAO,KAAK;EACd;EAEA,OAAO,IAAI;AACb,CAAC;AAED,IAAMC,kCAAkC,GAAGC,cAAK,CAACC,IAAI,CACnDxB,qCAAqC,EACrCgB,QACF,CAAiD;AAE1C,IAAMS,0BAA0B,GAAAxB,OAAA,CAAAwB,0BAAA,GAAG,SAA7BA,0BAA0BA,CAAA,EAAS;EAC9C,IAAAC,qBAAA,GAAwB,IAAAC,2DAA8B,EAAC,CAAC;IAAhDxB,WAAW,GAAAuB,qBAAA,CAAXvB,WAAW;EAEnB,OAAO,IAAAZ,WAAA,CAAAkB,GAAA,EAACa,kCAAkC;IAACnB,WAAW,EAAEA;EAAY,CAAE,CAAC;AACzE,CAAC","ignoreList":[]}
+{"version":3,"names":["_react","_interopRequireDefault","require","_reactNative","_PaginatedMessageListContext","_ThemeContext","_jsxRuntime","_this","_jsxFileName","styles","StyleSheet","create","activityIndicatorContainer","padding","width","InlineLoadingMoreIndicatorWithContext","exports","_ref","loadingMore","_useTheme","useTheme","theme","semantics","jsx","View","style","children","ActivityIndicator","color","accentPrimary","size","areEqual","prevProps","nextProps","prevLoadingMore","nextLoadingMore","loadingMoreEqual","MemoizedInlineLoadingMoreIndicator","React","memo","InlineLoadingMoreIndicator","_usePaginatedMessageL","usePaginatedMessageListContext"],"sourceRoot":"../../../../src","sources":["components/MessageList/InlineLoadingMoreIndicator.tsx"],"mappings":";;;;;AAAA,IAAAA,MAAA,GAAAC,sBAAA,CAAAC,OAAA;AACA,IAAAC,YAAA,GAAAD,OAAA;AAEA,IAAAE,4BAAA,GAAAF,OAAA;AACA,IAAAG,aAAA,GAAAH,OAAA;AAAoE,IAAAI,WAAA,GAAAJ,OAAA;AAAA,IAAAK,KAAA;EAAAC,YAAA;AAEpE,IAAMC,MAAM,GAAGC,uBAAU,CAACC,MAAM,CAAC;EAC/BC,0BAA0B,EAAE;IAC1BC,OAAO,EAAE,EAAE;IACXC,KAAK,EAAE;EACT;AACF,CAAC,CAAC;AAMK,IAAMC,qCAAqC,GAAAC,OAAA,CAAAD,qCAAA,GAAG,SAAxCA,qCAAqCA,CAAAE,IAAA,EAEA;EAAA,IADhDC,WAAW,GAAAD,IAAA,CAAXC,WAAW;EAEX,IAAAC,SAAA,GAAkB,IAAAC,sBAAQ,EAAC,CAAC;IAApBC,KAAK,GAAAF,SAAA,CAALE,KAAK;EAEb,IAAQC,SAAS,GAAKD,KAAK,CAAnBC,SAAS;EAEjB,IAAI,CAACJ,WAAW,EAAE;IAChB,OAAO,IAAI;EACb;EAEA,OACE,IAAAZ,WAAA,CAAAiB,GAAA,EAACpB,YAAA,CAAAqB,IAAI;IAACC,KAAK,EAAEhB,MAAM,CAACG,0BAA2B;IAAAc,QAAA,EAC7C,IAAApB,WAAA,CAAAiB,GAAA,EAACpB,YAAA,CAAAwB,iBAAiB;MAACC,KAAK,EAAEN,SAAS,CAACO,aAAc;MAACC,IAAI,EAAC;IAAO,CAAE;EAAC,CAC9D,CAAC;AAEX,CAAC;AAED,IAAMC,QAAQ,GAAG,SAAXA,QAAQA,CACZC,SAAqD,EACrDC,SAAqD,EAClD;EACH,IAAqBC,eAAe,GAAKF,SAAS,CAA1Cd,WAAW;EACnB,IAAqBiB,eAAe,GAAKF,SAAS,CAA1Cf,WAAW;EAEnB,IAAMkB,gBAAgB,GAAGF,eAAe,KAAKC,eAAe;EAC5D,IAAI,CAACC,gBAAgB,EAAE;IACrB,OAAO,KAAK;EACd;EAEA,OAAO,IAAI;AACb,CAAC;AAED,IAAMC,kCAAkC,GAAGC,cAAK,CAACC,IAAI,CACnDxB,qCAAqC,EACrCgB,QACF,CAAiD;AAE1C,IAAMS,0BAA0B,GAAAxB,OAAA,CAAAwB,0BAAA,GAAG,SAA7BA,0BAA0BA,CAAA,EAAS;EAC9C,IAAAC,qBAAA,GAAwB,IAAAC,2DAA8B,EAAC,CAAC;IAAhDxB,WAAW,GAAAuB,qBAAA,CAAXvB,WAAW;EAEnB,OAAO,IAAAZ,WAAA,CAAAiB,GAAA,EAACc,kCAAkC;IAACnB,WAAW,EAAEA;EAAY,CAAE,CAAC;AACzE,CAAC","ignoreList":[]}

package/lib/module/components/MessageList/InlineLoadingMoreRecentIndicator.js

@@ -7,12 +7,13 @@ var _react = _interopRequireDefault(require("react"));
 var _reactNative = require("react-native");
 var _PaginatedMessageListContext = require("../../contexts/paginatedMessageListContext/PaginatedMessageListContext");
 var _ThemeContext = require("../../contexts/themeContext/ThemeContext");
+var _theme = require("../../theme");
 var _jsxRuntime = require("react/jsx-runtime");
 var _this = this,
   _jsxFileName = "/home/runner/work/stream-chat-react-native/stream-chat-react-native/package/src/components/MessageList/InlineLoadingMoreRecentIndicator.tsx";
 var styles = _reactNative.StyleSheet.create({
   activityIndicatorContainer: {
-    padding: 10,
+    padding: _theme.primitives.spacingSm,
     width: '100%'
   }
 });
@@ -20,14 +21,14 @@ var InlineLoadingMoreRecentIndicatorWithContext = exports.InlineLoadingMoreRecen
   var loadingMoreRecent = _ref.loadingMoreRecent;
   var _useTheme = (0, _ThemeContext.useTheme)(),
     theme = _useTheme.theme;
-  var accent_blue = theme.colors.accent_blue;
+  var semantics = theme.semantics;
   if (!loadingMoreRecent) {
     return null;
   }
   return (0, _jsxRuntime.jsx)(_reactNative.View, {
     style: styles.activityIndicatorContainer,
     children: (0, _jsxRuntime.jsx)(_reactNative.ActivityIndicator, {
-      color: accent_blue,
+      color: semantics.accentPrimary,
       size: "small"
     })
   });

package/lib/module/components/MessageList/InlineLoadingMoreRecentIndicator.js.map

@@ -1 +1 @@
-{"version":3,"names":["_react","_interopRequireDefault","require","_reactNative","_PaginatedMessageListContext","_ThemeContext","_jsxRuntime","_this","_jsxFileName","styles","StyleSheet","create","activityIndicatorContainer","padding","width","InlineLoadingMoreRecentIndicatorWithContext","exports","_ref","loadingMoreRecent","_useTheme","useTheme","theme","accent_blue","colors","jsx","View","style","children","ActivityIndicator","color","size","areEqual","prevProps","nextProps","prevLoadingMoreRecent","nextLoadingMoreRecent","loadingMoreRecentEqual","MemoizedInlineLoadingMoreRecentIndicator","React","memo","InlineLoadingMoreRecentIndicator","_usePaginatedMessageL","usePaginatedMessageListContext"],"sourceRoot":"../../../../src","sources":["components/MessageList/InlineLoadingMoreRecentIndicator.tsx"],"mappings":";;;;;AAAA,IAAAA,MAAA,GAAAC,sBAAA,CAAAC,OAAA;AACA,IAAAC,YAAA,GAAAD,OAAA;AAEA,IAAAE,4BAAA,GAAAF,OAAA;AACA,IAAAG,aAAA,GAAAH,OAAA;AAAoE,IAAAI,WAAA,GAAAJ,OAAA;AAAA,IAAAK,KAAA;EAAAC,YAAA;AAEpE,IAAMC,MAAM,GAAGC,uBAAU,CAACC,MAAM,CAAC;EAC/BC,0BAA0B,EAAE;IAC1BC,OAAO,EAAE,EAAE;IACXC,KAAK,EAAE;EACT;AACF,CAAC,CAAC;AAMK,IAAMC,2CAA2C,GAAAC,OAAA,CAAAD,2CAAA,GAAG,SAA9CA,2CAA2CA,CAAAE,IAAA,EAEA;EAAA,IADtDC,iBAAiB,GAAAD,IAAA,CAAjBC,iBAAiB;EAEjB,IAAAC,SAAA,GAAkB,IAAAC,sBAAQ,EAAC,CAAC;IAApBC,KAAK,GAAAF,SAAA,CAALE,KAAK;EAEb,IACYC,WAAW,GACnBD,KAAK,CADPE,MAAM,CAAID,WAAW;EAGvB,IAAI,CAACJ,iBAAiB,EAAE;IACtB,OAAO,IAAI;EACb;EAEA,OACE,IAAAZ,WAAA,CAAAkB,GAAA,EAACrB,YAAA,CAAAsB,IAAI;IAACC,KAAK,EAAEjB,MAAM,CAACG,0BAA2B;IAAAe,QAAA,EAC7C,IAAArB,WAAA,CAAAkB,GAAA,EAACrB,YAAA,CAAAyB,iBAAiB;MAACC,KAAK,EAAEP,WAAY;MAACQ,IAAI,EAAC;IAAO,CAAE;EAAC,CAClD,CAAC;AAEX,CAAC;AAED,IAAMC,QAAQ,GAAG,SAAXA,QAAQA,CACZC,SAA2D,EAC3DC,SAA2D,EACxD;EACH,IAA2BC,qBAAqB,GAAKF,SAAS,CAAtDd,iBAAiB;EACzB,IAA2BiB,qBAAqB,GAAKF,SAAS,CAAtDf,iBAAiB;EAEzB,IAAMkB,sBAAsB,GAAGF,qBAAqB,KAAKC,qBAAqB;EAC9E,IAAI,CAACC,sBAAsB,EAAE;IAC3B,OAAO,KAAK;EACd;EAEA,OAAO,IAAI;AACb,CAAC;AAED,IAAMC,wCAAwC,GAAGC,cAAK,CAACC,IAAI,CACzDxB,2CAA2C,EAC3CgB,QACF,CAAuD;AAEhD,IAAMS,gCAAgC,GAAAxB,OAAA,CAAAwB,gCAAA,GAAG,SAAnCA,gCAAgCA,CAAA,EAAS;EACpD,IAAAC,qBAAA,GAA8B,IAAAC,2DAA8B,EAAC,CAAC;IAAtDxB,iBAAiB,GAAAuB,qBAAA,CAAjBvB,iBAAiB;EAEzB,OAAO,IAAAZ,WAAA,CAAAkB,GAAA,EAACa,wCAAwC;IAACnB,iBAAiB,EAAEA;EAAkB,CAAE,CAAC;AAC3F,CAAC","ignoreList":[]}
+{"version":3,"names":["_react","_interopRequireDefault","require","_reactNative","_PaginatedMessageListContext","_ThemeContext","_theme","_jsxRuntime","_this","_jsxFileName","styles","StyleSheet","create","activityIndicatorContainer","padding","primitives","spacingSm","width","InlineLoadingMoreRecentIndicatorWithContext","exports","_ref","loadingMoreRecent","_useTheme","useTheme","theme","semantics","jsx","View","style","children","ActivityIndicator","color","accentPrimary","size","areEqual","prevProps","nextProps","prevLoadingMoreRecent","nextLoadingMoreRecent","loadingMoreRecentEqual","MemoizedInlineLoadingMoreRecentIndicator","React","memo","InlineLoadingMoreRecentIndicator","_usePaginatedMessageL","usePaginatedMessageListContext"],"sourceRoot":"../../../../src","sources":["components/MessageList/InlineLoadingMoreRecentIndicator.tsx"],"mappings":";;;;;AAAA,IAAAA,MAAA,GAAAC,sBAAA,CAAAC,OAAA;AACA,IAAAC,YAAA,GAAAD,OAAA;AAEA,IAAAE,4BAAA,GAAAF,OAAA;AACA,IAAAG,aAAA,GAAAH,OAAA;AACA,IAAAI,MAAA,GAAAJ,OAAA;AAAyC,IAAAK,WAAA,GAAAL,OAAA;AAAA,IAAAM,KAAA;EAAAC,YAAA;AAEzC,IAAMC,MAAM,GAAGC,uBAAU,CAACC,MAAM,CAAC;EAC/BC,0BAA0B,EAAE;IAC1BC,OAAO,EAAEC,iBAAU,CAACC,SAAS;IAC7BC,KAAK,EAAE;EACT;AACF,CAAC,CAAC;AAMK,IAAMC,2CAA2C,GAAAC,OAAA,CAAAD,2CAAA,GAAG,SAA9CA,2CAA2CA,CAAAE,IAAA,EAEA;EAAA,IADtDC,iBAAiB,GAAAD,IAAA,CAAjBC,iBAAiB;EAEjB,IAAAC,SAAA,GAAkB,IAAAC,sBAAQ,EAAC,CAAC;IAApBC,KAAK,GAAAF,SAAA,CAALE,KAAK;EAEb,IAAQC,SAAS,GAAKD,KAAK,CAAnBC,SAAS;EAEjB,IAAI,CAACJ,iBAAiB,EAAE;IACtB,OAAO,IAAI;EACb;EAEA,OACE,IAAAd,WAAA,CAAAmB,GAAA,EAACvB,YAAA,CAAAwB,IAAI;IAACC,KAAK,EAAElB,MAAM,CAACG,0BAA2B;IAAAgB,QAAA,EAC7C,IAAAtB,WAAA,CAAAmB,GAAA,EAACvB,YAAA,CAAA2B,iBAAiB;MAACC,KAAK,EAAEN,SAAS,CAACO,aAAc;MAACC,IAAI,EAAC;IAAO,CAAE;EAAC,CAC9D,CAAC;AAEX,CAAC;AAED,IAAMC,QAAQ,GAAG,SAAXA,QAAQA,CACZC,SAA2D,EAC3DC,SAA2D,EACxD;EACH,IAA2BC,qBAAqB,GAAKF,SAAS,CAAtDd,iBAAiB;EACzB,IAA2BiB,qBAAqB,GAAKF,SAAS,CAAtDf,iBAAiB;EAEzB,IAAMkB,sBAAsB,GAAGF,qBAAqB,KAAKC,qBAAqB;EAC9E,IAAI,CAACC,sBAAsB,EAAE;IAC3B,OAAO,KAAK;EACd;EAEA,OAAO,IAAI;AACb,CAAC;AAED,IAAMC,wCAAwC,GAAGC,cAAK,CAACC,IAAI,CACzDxB,2CAA2C,EAC3CgB,QACF,CAAuD;AAEhD,IAAMS,gCAAgC,GAAAxB,OAAA,CAAAwB,gCAAA,GAAG,SAAnCA,gCAAgCA,CAAA,EAAS;EACpD,IAAAC,qBAAA,GAA8B,IAAAC,2DAA8B,EAAC,CAAC;IAAtDxB,iBAAiB,GAAAuB,qBAAA,CAAjBvB,iBAAiB;EAEzB,OAAO,IAAAd,WAAA,CAAAmB,GAAA,EAACc,wCAAwC;IAACnB,iBAAiB,EAAEA;EAAkB,CAAE,CAAC;AAC3F,CAAC","ignoreList":[]}

package/lib/module/components/MessageList/InlineLoadingMoreRecentThreadIndicator.js

@@ -7,12 +7,13 @@ var _react = _interopRequireDefault(require("react"));
 var _reactNative = require("react-native");
 var _contexts = require("../../contexts");
 var _ThemeContext = require("../../contexts/themeContext/ThemeContext");
+var _theme = require("../../theme");
 var _jsxRuntime = require("react/jsx-runtime");
 var _this = this,
   _jsxFileName = "/home/runner/work/stream-chat-react-native/stream-chat-react-native/package/src/components/MessageList/InlineLoadingMoreRecentThreadIndicator.tsx";
 var styles = _reactNative.StyleSheet.create({
   activityIndicatorContainer: {
-    padding: 10,
+    padding: _theme.primitives.spacingSm,
     width: '100%'
   }
 });
@@ -20,14 +21,14 @@ var InlineLoadingMoreRecentIndicatorWithContext = exports.InlineLoadingMoreRecen
   var loadingMoreRecent = _ref.loadingMoreRecent;
   var _useTheme = (0, _ThemeContext.useTheme)(),
     theme = _useTheme.theme;
-  var accent_blue = theme.colors.accent_blue;
+  var semantics = theme.semantics;
   if (!loadingMoreRecent) {
     return null;
   }
   return (0, _jsxRuntime.jsx)(_reactNative.View, {
     style: styles.activityIndicatorContainer,
     children: (0, _jsxRuntime.jsx)(_reactNative.ActivityIndicator, {
-      color: accent_blue,
+      color: semantics.accentPrimary,
       size: "small"
     })
   });

package/lib/module/components/MessageList/InlineLoadingMoreRecentThreadIndicator.js.map

@@ -1 +1 @@
-{"version":3,"names":["_react","_interopRequireDefault","require","_reactNative","_contexts","_ThemeContext","_jsxRuntime","_this","_jsxFileName","styles","StyleSheet","create","activityIndicatorContainer","padding","width","InlineLoadingMoreRecentIndicatorWithContext","exports","_ref","loadingMoreRecent","_useTheme","useTheme","theme","accent_blue","colors","jsx","View","style","children","ActivityIndicator","color","size","areEqual","prevProps","nextProps","prevLoadingMoreRecent","nextLoadingMoreRecent","loadingMoreRecentEqual","MemoizedInlineLoadingMoreRecentIndicator","React","memo","InlineLoadingMoreRecentThreadIndicator","_useThreadContext","useThreadContext","threadLoadingMoreRecent"],"sourceRoot":"../../../../src","sources":["components/MessageList/InlineLoadingMoreRecentThreadIndicator.tsx"],"mappings":";;;;;AAAA,IAAAA,MAAA,GAAAC,sBAAA,CAAAC,OAAA;AACA,IAAAC,YAAA,GAAAD,OAAA;AAEA,IAAAE,SAAA,GAAAF,OAAA;AACA,IAAAG,aAAA,GAAAH,OAAA;AAAoE,IAAAI,WAAA,GAAAJ,OAAA;AAAA,IAAAK,KAAA;EAAAC,YAAA;AAEpE,IAAMC,MAAM,GAAGC,uBAAU,CAACC,MAAM,CAAC;EAC/BC,0BAA0B,EAAE;IAC1BC,OAAO,EAAE,EAAE;IACXC,KAAK,EAAE;EACT;AACF,CAAC,CAAC;AAMK,IAAMC,2CAA2C,GAAAC,OAAA,CAAAD,2CAAA,GAAG,SAA9CA,2CAA2CA,CAAAE,IAAA,EAEM;EAAA,IAD5DC,iBAAiB,GAAAD,IAAA,CAAjBC,iBAAiB;EAEjB,IAAAC,SAAA,GAAkB,IAAAC,sBAAQ,EAAC,CAAC;IAApBC,KAAK,GAAAF,SAAA,CAALE,KAAK;EAEb,IACYC,WAAW,GACnBD,KAAK,CADPE,MAAM,CAAID,WAAW;EAGvB,IAAI,CAACJ,iBAAiB,EAAE;IACtB,OAAO,IAAI;EACb;EAEA,OACE,IAAAZ,WAAA,CAAAkB,GAAA,EAACrB,YAAA,CAAAsB,IAAI;IAACC,KAAK,EAAEjB,MAAM,CAACG,0BAA2B;IAAAe,QAAA,EAC7C,IAAArB,WAAA,CAAAkB,GAAA,EAACrB,YAAA,CAAAyB,iBAAiB;MAACC,KAAK,EAAEP,WAAY;MAACQ,IAAI,EAAC;IAAO,CAAE;EAAC,CAClD,CAAC;AAEX,CAAC;AAED,IAAMC,QAAQ,GAAG,SAAXA,QAAQA,CACZC,SAAiE,EACjEC,SAAiE,EAC9D;EACH,IAA2BC,qBAAqB,GAAKF,SAAS,CAAtDd,iBAAiB;EACzB,IAA2BiB,qBAAqB,GAAKF,SAAS,CAAtDf,iBAAiB;EAEzB,IAAMkB,sBAAsB,GAAGF,qBAAqB,KAAKC,qBAAqB;EAC9E,IAAI,CAACC,sBAAsB,EAAE;IAC3B,OAAO,KAAK;EACd;EAEA,OAAO,IAAI;AACb,CAAC;AAED,IAAMC,wCAAwC,GAAGC,cAAK,CAACC,IAAI,CACzDxB,2CAA2C,EAC3CgB,QACF,CAAuD;AAEhD,IAAMS,sCAAsC,GAAAxB,OAAA,CAAAwB,sCAAA,GAAG,SAAzCA,sCAAsCA,CAAA,EAAS;EAC1D,IAAAC,iBAAA,GAAoC,IAAAC,0BAAgB,EAAC,CAAC;IAA9CC,uBAAuB,GAAAF,iBAAA,CAAvBE,uBAAuB;EAE/B,OAAO,IAAArC,WAAA,CAAAkB,GAAA,EAACa,wCAAwC;IAACnB,iBAAiB,EAAEyB;EAAwB,CAAE,CAAC;AACjG,CAAC","ignoreList":[]}
+{"version":3,"names":["_react","_interopRequireDefault","require","_reactNative","_contexts","_ThemeContext","_theme","_jsxRuntime","_this","_jsxFileName","styles","StyleSheet","create","activityIndicatorContainer","padding","primitives","spacingSm","width","InlineLoadingMoreRecentIndicatorWithContext","exports","_ref","loadingMoreRecent","_useTheme","useTheme","theme","semantics","jsx","View","style","children","ActivityIndicator","color","accentPrimary","size","areEqual","prevProps","nextProps","prevLoadingMoreRecent","nextLoadingMoreRecent","loadingMoreRecentEqual","MemoizedInlineLoadingMoreRecentIndicator","React","memo","InlineLoadingMoreRecentThreadIndicator","_useThreadContext","useThreadContext","threadLoadingMoreRecent"],"sourceRoot":"../../../../src","sources":["components/MessageList/InlineLoadingMoreRecentThreadIndicator.tsx"],"mappings":";;;;;AAAA,IAAAA,MAAA,GAAAC,sBAAA,CAAAC,OAAA;AACA,IAAAC,YAAA,GAAAD,OAAA;AAEA,IAAAE,SAAA,GAAAF,OAAA;AACA,IAAAG,aAAA,GAAAH,OAAA;AACA,IAAAI,MAAA,GAAAJ,OAAA;AAAyC,IAAAK,WAAA,GAAAL,OAAA;AAAA,IAAAM,KAAA;EAAAC,YAAA;AAEzC,IAAMC,MAAM,GAAGC,uBAAU,CAACC,MAAM,CAAC;EAC/BC,0BAA0B,EAAE;IAC1BC,OAAO,EAAEC,iBAAU,CAACC,SAAS;IAC7BC,KAAK,EAAE;EACT;AACF,CAAC,CAAC;AAMK,IAAMC,2CAA2C,GAAAC,OAAA,CAAAD,2CAAA,GAAG,SAA9CA,2CAA2CA,CAAAE,IAAA,EAEM;EAAA,IAD5DC,iBAAiB,GAAAD,IAAA,CAAjBC,iBAAiB;EAEjB,IAAAC,SAAA,GAAkB,IAAAC,sBAAQ,EAAC,CAAC;IAApBC,KAAK,GAAAF,SAAA,CAALE,KAAK;EAEb,IAAQC,SAAS,GAAKD,KAAK,CAAnBC,SAAS;EAEjB,IAAI,CAACJ,iBAAiB,EAAE;IACtB,OAAO,IAAI;EACb;EAEA,OACE,IAAAd,WAAA,CAAAmB,GAAA,EAACvB,YAAA,CAAAwB,IAAI;IAACC,KAAK,EAAElB,MAAM,CAACG,0BAA2B;IAAAgB,QAAA,EAC7C,IAAAtB,WAAA,CAAAmB,GAAA,EAACvB,YAAA,CAAA2B,iBAAiB;MAACC,KAAK,EAAEN,SAAS,CAACO,aAAc;MAACC,IAAI,EAAC;IAAO,CAAE;EAAC,CAC9D,CAAC;AAEX,CAAC;AAED,IAAMC,QAAQ,GAAG,SAAXA,QAAQA,CACZC,SAAiE,EACjEC,SAAiE,EAC9D;EACH,IAA2BC,qBAAqB,GAAKF,SAAS,CAAtDd,iBAAiB;EACzB,IAA2BiB,qBAAqB,GAAKF,SAAS,CAAtDf,iBAAiB;EAEzB,IAAMkB,sBAAsB,GAAGF,qBAAqB,KAAKC,qBAAqB;EAC9E,IAAI,CAACC,sBAAsB,EAAE;IAC3B,OAAO,KAAK;EACd;EAEA,OAAO,IAAI;AACb,CAAC;AAED,IAAMC,wCAAwC,GAAGC,cAAK,CAACC,IAAI,CACzDxB,2CAA2C,EAC3CgB,QACF,CAAuD;AAEhD,IAAMS,sCAAsC,GAAAxB,OAAA,CAAAwB,sCAAA,GAAG,SAAzCA,sCAAsCA,CAAA,EAAS;EAC1D,IAAAC,iBAAA,GAAoC,IAAAC,0BAAgB,EAAC,CAAC;IAA9CC,uBAAuB,GAAAF,iBAAA,CAAvBE,uBAAuB;EAE/B,OAAO,IAAAvC,WAAA,CAAAmB,GAAA,EAACc,wCAAwC;IAACnB,iBAAiB,EAAEyB;EAAwB,CAAE,CAAC;AACjG,CAAC","ignoreList":[]}

package/lib/module/components/MessageList/InlineUnreadIndicator.js

@@ -1,48 +1,60 @@
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.InlineUnreadIndicator = void 0;
-var _react = _interopRequireDefault(require("react"));
+var _react = _interopRequireWildcard(require("react"));
 var _reactNative = require("react-native");
 var _ThemeContext = require("../../contexts/themeContext/ThemeContext");
 var _TranslationContext = require("../../contexts/translationContext/TranslationContext");
+var _theme = require("../../theme");
 var _jsxRuntime = require("react/jsx-runtime");
 var _this = this,
   _jsxFileName = "/home/runner/work/stream-chat-react-native/stream-chat-react-native/package/src/components/MessageList/InlineUnreadIndicator.tsx";
-var InlineUnreadIndicator = exports.InlineUnreadIndicator = function InlineUnreadIndicator() {
-  var _useTheme = (0, _ThemeContext.useTheme)(),
-    _useTheme$theme = _useTheme.theme,
-    _useTheme$theme$color = _useTheme$theme.colors,
-    grey = _useTheme$theme$color.grey,
-    light_gray = _useTheme$theme$color.light_gray,
-    _useTheme$theme$messa = _useTheme$theme.messageList.inlineUnreadIndicator,
-    container = _useTheme$theme$messa.container,
-    text = _useTheme$theme$messa.text;
+function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(e) { return e ? t : r; })(e); }
+function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != typeof e && "function" != typeof e) return { default: e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && {}.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n.default = e, t && t.set(e, n), n; }
+var InlineUnreadIndicator = exports.InlineUnreadIndicator = function InlineUnreadIndicator(props) {
+  var unreadCount = props.unreadCount;
+  var styles = useStyles();
   var _useTranslationContex = (0, _TranslationContext.useTranslationContext)(),
     t = _useTranslationContex.t;
   return (0, _jsxRuntime.jsx)(_reactNative.View, {
     accessibilityLabel: "Inline unread indicator",
-    style: [styles.container, {
-      backgroundColor: light_gray
-    }, container],
+    style: styles.container,
     children: (0, _jsxRuntime.jsx)(_reactNative.Text, {
-      style: [styles.text, {
-        color: grey
-      }, text],
-      children: t('Unread Messages')
+      style: styles.text,
+      children: unreadCount ? t('{{count}} new messages', {
+        count: unreadCount
+      }) : t('Unread Messages')
     })
   });
 };
-var styles = _reactNative.StyleSheet.create({
-  container: {
-    alignItems: 'center',
-    justifyContent: 'center',
-    marginTop: 2,
-    padding: 10
-  },
-  text: {
-    fontSize: 12
-  }
-});
+var useStyles = function useStyles() {
+  var _useTheme = (0, _ThemeContext.useTheme)(),
+    _useTheme$theme = _useTheme.theme,
+    _useTheme$theme$messa = _useTheme$theme.messageList.inlineUnreadIndicator,
+    container = _useTheme$theme$messa.container,
+    text = _useTheme$theme$messa.text,
+    semantics = _useTheme$theme.semantics;
+  return (0, _react.useMemo)(function () {
+    return _reactNative.StyleSheet.create({
+      container: Object.assign({
+        alignItems: 'center',
+        justifyContent: 'center',
+        paddingVertical: _theme.primitives.spacingXs,
+        paddingHorizontal: _theme.primitives.spacingSm,
+        backgroundColor: semantics.backgroundCoreSurfaceSubtle,
+        borderTopWidth: 1,
+        borderTopColor: semantics.borderCoreSubtle,
+        borderBottomWidth: 1,
+        borderBottomColor: semantics.borderCoreSubtle
+      }, container),
+      text: Object.assign({
+        color: semantics.chatTextSystem,
+        fontSize: _theme.primitives.typographyFontSizeXs,
+        fontWeight: _theme.primitives.typographyFontWeightSemiBold,
+        lineHeight: _theme.primitives.typographyLineHeightTight
+      }, text)
+    });
+  }, [semantics, container, text]);
+};
 //# sourceMappingURL=InlineUnreadIndicator.js.map

package/lib/module/components/MessageList/InlineUnreadIndicator.js.map

@@ -1 +1 @@
-{"version":3,"names":["_react","_interopRequireDefault","require","_reactNative","_ThemeContext","_TranslationContext","_jsxRuntime","_this","_jsxFileName","InlineUnreadIndicator","exports","_useTheme","useTheme","_useTheme$theme","theme","_useTheme$theme$color","colors","grey","light_gray","_useTheme$theme$messa","messageList","inlineUnreadIndicator","container","text","_useTranslationContex","useTranslationContext","t","jsx","View","accessibilityLabel","style","styles","backgroundColor","children","Text","color","StyleSheet","create","alignItems","justifyContent","marginTop","padding","fontSize"],"sourceRoot":"../../../../src","sources":["components/MessageList/InlineUnreadIndicator.tsx"],"mappings":";;;;;AAAA,IAAAA,MAAA,GAAAC,sBAAA,CAAAC,OAAA;AACA,IAAAC,YAAA,GAAAD,OAAA;AAEA,IAAAE,aAAA,GAAAF,OAAA;AACA,IAAAG,mBAAA,GAAAH,OAAA;AAA6F,IAAAI,WAAA,GAAAJ,OAAA;AAAA,IAAAK,KAAA;EAAAC,YAAA;AAEtF,IAAMC,qBAAqB,GAAAC,OAAA,CAAAD,qBAAA,GAAG,SAAxBA,qBAAqBA,CAAA,EAAS;EACzC,IAAAE,SAAA,GAOI,IAAAC,sBAAQ,EAAC,CAAC;IAAAC,eAAA,GAAAF,SAAA,CANZG,KAAK;IAAAC,qBAAA,GAAAF,eAAA,CACHG,MAAM;IAAIC,IAAI,GAAAF,qBAAA,CAAJE,IAAI;IAAEC,UAAU,GAAAH,qBAAA,CAAVG,UAAU;IAAAC,qBAAA,GAAAN,eAAA,CAC1BO,WAAW,CACTC,qBAAqB;IAAIC,SAAS,GAAAH,qBAAA,CAATG,SAAS;IAAEC,IAAI,GAAAJ,qBAAA,CAAJI,IAAI;EAI9C,IAAAC,qBAAA,GAAc,IAAAC,yCAAqB,EAAC,CAAC;IAA7BC,CAAC,GAAAF,qBAAA,CAADE,CAAC;EAET,OACE,IAAApB,WAAA,CAAAqB,GAAA,EAACxB,YAAA,CAAAyB,IAAI;IACHC,kBAAkB,EAAC,yBAAyB;IAC5CC,KAAK,EAAE,CAACC,MAAM,CAACT,SAAS,EAAE;MAAEU,eAAe,EAAEd;IAAW,CAAC,EAAEI,SAAS,CAAE;IAAAW,QAAA,EAEtE,IAAA3B,WAAA,CAAAqB,GAAA,EAACxB,YAAA,CAAA+B,IAAI;MAACJ,KAAK,EAAE,CAACC,MAAM,CAACR,IAAI,EAAE;QAAEY,KAAK,EAAElB;MAAK,CAAC,EAAEM,IAAI,CAAE;MAAAU,QAAA,EAAEP,CAAC,CAAC,iBAAiB;IAAC,CAAO;EAAC,CAC5E,CAAC;AAEX,CAAC;AAED,IAAMK,MAAM,GAAGK,uBAAU,CAACC,MAAM,CAAC;EAC/Bf,SAAS,EAAE;IACTgB,UAAU,EAAE,QAAQ;IACpBC,cAAc,EAAE,QAAQ;IACxBC,SAAS,EAAE,CAAC;IACZC,OAAO,EAAE;EACX,CAAC;EACDlB,IAAI,EAAE;IACJmB,QAAQ,EAAE;EACZ;AACF,CAAC,CAAC","ignoreList":[]}
+{"version":3,"names":["_react","_interopRequireWildcard","require","_reactNative","_ThemeContext","_TranslationContext","_theme","_jsxRuntime","_this","_jsxFileName","_getRequireWildcardCache","e","WeakMap","r","t","__esModule","default","has","get","n","__proto__","a","Object","defineProperty","getOwnPropertyDescriptor","u","hasOwnProperty","call","i","set","InlineUnreadIndicator","exports","props","unreadCount","styles","useStyles","_useTranslationContex","useTranslationContext","jsx","View","accessibilityLabel","style","container","children","Text","text","count","_useTheme","useTheme","_useTheme$theme","theme","_useTheme$theme$messa","messageList","inlineUnreadIndicator","semantics","useMemo","StyleSheet","create","assign","alignItems","justifyContent","paddingVertical","primitives","spacingXs","paddingHorizontal","spacingSm","backgroundColor","backgroundCoreSurfaceSubtle","borderTopWidth","borderTopColor","borderCoreSubtle","borderBottomWidth","borderBottomColor","color","chatTextSystem","fontSize","typographyFontSizeXs","fontWeight","typographyFontWeightSemiBold","lineHeight","typographyLineHeightTight"],"sourceRoot":"../../../../src","sources":["components/MessageList/InlineUnreadIndicator.tsx"],"mappings":"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","ignoreList":[]}