stream-chat-react-native-core 8.13.6 → 9.0.0-beta.1

package/lib/module/components/Indicators/EmptyStateIndicator.js

@@ -1,115 +1,114 @@
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.EmptyStateIndicator = 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 _useViewport2 = require("../../hooks/useViewport");
 var _icons = require("../../icons");
+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/Indicators/EmptyStateIndicator.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 EmptyStateIndicator = exports.EmptyStateIndicator = function EmptyStateIndicator(_ref) {
   var listType = _ref.listType;
   var _useTheme = (0, _ThemeContext.useTheme)(),
     _useTheme$theme = _useTheme.theme,
-    _useTheme$theme$color = _useTheme$theme.colors,
-    black = _useTheme$theme$color.black,
-    grey = _useTheme$theme$color.grey,
-    grey_gainsboro = _useTheme$theme$color.grey_gainsboro,
     _useTheme$theme$empty = _useTheme$theme.emptyStateIndicator,
     channelContainer = _useTheme$theme$empty.channelContainer,
-    channelDetails = _useTheme$theme$empty.channelDetails,
     channelTitle = _useTheme$theme$empty.channelTitle,
     messageContainer = _useTheme$theme$empty.messageContainer,
-    messageTitle = _useTheme$theme$empty.messageTitle;
-  var _useViewport = (0, _useViewport2.useViewport)(),
-    vw = _useViewport.vw;
-  var width = vw(33);
+    messageTitle = _useTheme$theme$empty.messageTitle,
+    semantics = _useTheme$theme.semantics;
   var _useTranslationContex = (0, _TranslationContext.useTranslationContext)(),
     t = _useTranslationContex.t;
+  var styles = useStyles();
   switch (listType) {
     case 'channel':
       return (0, _jsxRuntime.jsxs)(_reactNative.View, {
         style: [styles.container, channelContainer],
-        children: [(0, _jsxRuntime.jsx)(_icons.MessageIcon, {
-          height: width,
-          pathFill: grey_gainsboro,
-          width: width
+        children: [(0, _jsxRuntime.jsx)(_icons.MessageBubbleEmpty, {
+          height: 27,
+          stroke: semantics.textTertiary,
+          width: 25
         }), (0, _jsxRuntime.jsx)(_reactNative.Text, {
-          style: [styles.channelTitle, {
-            color: black
-          }, channelTitle],
+          style: [styles.channelTitle, channelTitle],
           testID: "empty-channel-state-title",
-          children: t("Let's start chatting!")
-        }), (0, _jsxRuntime.jsx)(_reactNative.Text, {
-          style: [styles.channelDetails, {
-            color: grey,
-            width: vw(66)
-          }, channelDetails],
-          testID: "empty-channel-state-details",
-          children: t('How about sending your first message to a friend?')
+          children: t('No conversations yet')
         })]
       });
     case 'message':
       return (0, _jsxRuntime.jsxs)(_reactNative.View, {
         style: [styles.container, messageContainer],
-        children: [(0, _jsxRuntime.jsx)(_icons.ChatIcon, {
-          height: width,
-          pathFill: grey_gainsboro,
-          width: width
+        children: [(0, _jsxRuntime.jsx)(_icons.MessageBubbleEmpty, {
+          height: 27,
+          stroke: semantics.textTertiary,
+          width: 25
         }), (0, _jsxRuntime.jsx)(_reactNative.Text, {
-          style: [styles.messageTitle, {
-            color: grey_gainsboro
-          }, messageTitle],
+          style: [styles.messageTitle, messageTitle],
           children: t('No chats here yet…')
         })]
       });
     case 'threads':
       return (0, _jsxRuntime.jsxs)(_reactNative.View, {
-        style: [styles.container],
+        style: styles.container,
         children: [(0, _jsxRuntime.jsx)(_icons.MessageBubbleEmpty, {
-          height: width,
-          pathFill: '#B4BBBA',
-          width: width
-        }), (0, _jsxRuntime.jsxs)(_reactNative.Text, {
-          style: {
-            color: '#7E828B'
-          },
-          children: [t('No threads here yet'), "..."]
+          height: 27,
+          stroke: semantics.textTertiary,
+          width: 25
+        }), (0, _jsxRuntime.jsx)(_reactNative.Text, {
+          style: styles.threadText,
+          children: t('Reply to a message to start a thread')
         })]
       });
     default:
       return (0, _jsxRuntime.jsx)(_reactNative.Text, {
         style: [{
-          color: black
+          color: semantics.textSecondary
         }, messageContainer],
         children: "No items exist"
       });
   }
 };
-var styles = _reactNative.StyleSheet.create({
-  channelDetails: {
-    fontSize: 14,
-    textAlign: 'center'
-  },
-  channelTitle: {
-    fontSize: 16,
-    paddingBottom: 8,
-    paddingTop: 16
-  },
-  container: {
-    alignItems: 'center',
-    flex: 1,
-    justifyContent: 'center'
-  },
-  messageTitle: {
-    fontSize: 20,
-    fontWeight: 'bold',
-    paddingBottom: 8
-  }
-});
+var useStyles = function useStyles() {
+  var _useTheme2 = (0, _ThemeContext.useTheme)(),
+    semantics = _useTheme2.theme.semantics;
+  return (0, _react.useMemo)(function () {
+    return _reactNative.StyleSheet.create({
+      channelDetails: {
+        fontSize: 14,
+        textAlign: 'center'
+      },
+      channelTitle: {
+        color: semantics.textSecondary,
+        fontSize: _theme.primitives.typographyFontSizeMd,
+        fontWeight: _theme.primitives.typographyFontWeightRegular,
+        lineHeight: _theme.primitives.typographyLineHeightNormal,
+        textAlign: 'center',
+        paddingVertical: _theme.primitives.spacingSm
+      },
+      container: {
+        alignItems: 'center',
+        flex: 1,
+        justifyContent: 'center'
+      },
+      messageTitle: {
+        fontSize: 20,
+        fontWeight: 'bold',
+        paddingBottom: 8
+      },
+      threadText: {
+        color: semantics.textSecondary,
+        fontSize: _theme.primitives.typographyFontSizeMd,
+        fontWeight: _theme.primitives.typographyFontWeightRegular,
+        lineHeight: _theme.primitives.typographyLineHeightNormal,
+        textAlign: 'center',
+        paddingVertical: _theme.primitives.spacingSm
+      }
+    });
+  }, [semantics]);
+};
 //# sourceMappingURL=EmptyStateIndicator.js.map

package/lib/module/components/Indicators/EmptyStateIndicator.js.map

@@ -1 +1 @@
-{"version":3,"names":["_react","_interopRequireDefault","require","_reactNative","_ThemeContext","_TranslationContext","_useViewport2","_icons","_jsxRuntime","_this","_jsxFileName","EmptyStateIndicator","exports","_ref","listType","_useTheme","useTheme","_useTheme$theme","theme","_useTheme$theme$color","colors","black","grey","grey_gainsboro","_useTheme$theme$empty","emptyStateIndicator","channelContainer","channelDetails","channelTitle","messageContainer","messageTitle","_useViewport","useViewport","vw","width","_useTranslationContex","useTranslationContext","t","jsxs","View","style","styles","container","children","jsx","MessageIcon","height","pathFill","Text","color","testID","ChatIcon","MessageBubbleEmpty","StyleSheet","create","fontSize","textAlign","paddingBottom","paddingTop","alignItems","flex","justifyContent","fontWeight"],"sourceRoot":"../../../../src","sources":["components/Indicators/EmptyStateIndicator.tsx"],"mappings":"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","ignoreList":[]}
+{"version":3,"names":["_react","_interopRequireWildcard","require","_reactNative","_ThemeContext","_TranslationContext","_icons","_theme","_jsxRuntime","_this","_jsxFileName","_getRequireWildcardCache","e","WeakMap","r","t","__esModule","default","has","get","n","__proto__","a","Object","defineProperty","getOwnPropertyDescriptor","u","hasOwnProperty","call","i","set","EmptyStateIndicator","exports","_ref","listType","_useTheme","useTheme","_useTheme$theme","theme","_useTheme$theme$empty","emptyStateIndicator","channelContainer","channelTitle","messageContainer","messageTitle","semantics","_useTranslationContex","useTranslationContext","styles","useStyles","jsxs","View","style","container","children","jsx","MessageBubbleEmpty","height","stroke","textTertiary","width","Text","testID","threadText","color","textSecondary","_useTheme2","useMemo","StyleSheet","create","channelDetails","fontSize","textAlign","primitives","typographyFontSizeMd","fontWeight","typographyFontWeightRegular","lineHeight","typographyLineHeightNormal","paddingVertical","spacingSm","alignItems","flex","justifyContent","paddingBottom"],"sourceRoot":"../../../../src","sources":["components/Indicators/EmptyStateIndicator.tsx"],"mappings":"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","ignoreList":[]}

package/lib/module/components/Indicators/LoadingDot.js

@@ -12,7 +12,7 @@ function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return
 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 LoadingDot = exports.LoadingDot = function LoadingDot(props) {
   var _props$diameter = props.diameter,
-    diameter = _props$diameter === void 0 ? 4 : _props$diameter,
+    diameter = _props$diameter === void 0 ? 5 : _props$diameter,
     _props$duration = props.duration,
     duration = _props$duration === void 0 ? 1500 : _props$duration,
     _props$offset = props.offset,
@@ -22,8 +22,8 @@ var LoadingDot = exports.LoadingDot = function LoadingDot(props) {
   var startingOffset = halfDuration - offset;
   var _useTheme = (0, _ThemeContext.useTheme)(),
     _useTheme$theme = _useTheme.theme,
-    black = _useTheme$theme.colors.black,
-    loadingDot = _useTheme$theme.loadingDots.loadingDot;
+    loadingDot = _useTheme$theme.loadingDots.loadingDot,
+    semantics = _useTheme$theme.semantics;
   var opacity = (0, _reactNativeReanimated.useSharedValue)(startingOffset / halfDuration);
   (0, _react.useEffect)(function () {
     opacity.value = (0, _reactNativeReanimated.withSequence)((0, _reactNativeReanimated.withTiming)(0, {
@@ -44,7 +44,7 @@ var LoadingDot = exports.LoadingDot = function LoadingDot(props) {
   }, []);
   return (0, _jsxRuntime.jsx)(_reactNativeReanimated.default.View, {
     style: [{
-      backgroundColor: black,
+      backgroundColor: semantics.chatTextTypingIndicator,
       borderRadius: diameter / 2,
       height: diameter,
       width: diameter

package/lib/module/components/Indicators/LoadingDot.js.map

@@ -1 +1 @@
-{"version":3,"names":["_react","_interopRequireWildcard","require","_reactNativeReanimated","_ThemeContext","_jsxRuntime","_this","_jsxFileName","_getRequireWildcardCache","e","WeakMap","r","t","__esModule","default","has","get","n","__proto__","a","Object","defineProperty","getOwnPropertyDescriptor","u","hasOwnProperty","call","i","set","LoadingDot","exports","props","_props$diameter","diameter","_props$duration","duration","_props$offset","offset","style","halfDuration","startingOffset","_useTheme","useTheme","_useTheme$theme","theme","black","colors","loadingDot","loadingDots","opacity","useSharedValue","useEffect","value","withSequence","withTiming","easing","Easing","linear","withRepeat","dotStyle","useAnimatedStyle","jsx","View","backgroundColor","borderRadius","height","width"],"sourceRoot":"../../../../src","sources":["components/Indicators/LoadingDot.tsx"],"mappings":"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","ignoreList":[]}
+{"version":3,"names":["_react","_interopRequireWildcard","require","_reactNativeReanimated","_ThemeContext","_jsxRuntime","_this","_jsxFileName","_getRequireWildcardCache","e","WeakMap","r","t","__esModule","default","has","get","n","__proto__","a","Object","defineProperty","getOwnPropertyDescriptor","u","hasOwnProperty","call","i","set","LoadingDot","exports","props","_props$diameter","diameter","_props$duration","duration","_props$offset","offset","style","halfDuration","startingOffset","_useTheme","useTheme","_useTheme$theme","theme","loadingDot","loadingDots","semantics","opacity","useSharedValue","useEffect","value","withSequence","withTiming","easing","Easing","linear","withRepeat","dotStyle","useAnimatedStyle","jsx","View","backgroundColor","chatTextTypingIndicator","borderRadius","height","width"],"sourceRoot":"../../../../src","sources":["components/Indicators/LoadingDot.tsx"],"mappings":"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","ignoreList":[]}

package/lib/module/components/Indicators/LoadingDots.js

@@ -11,18 +11,19 @@ var _jsxRuntime = require("react/jsx-runtime");
 var _this = this,
   _jsxFileName = "/home/runner/work/stream-chat-react-native/stream-chat-react-native/package/src/components/Indicators/LoadingDots.tsx";
 var LoadingDots = exports.LoadingDots = function LoadingDots(props) {
+  var _useTheme = (0, _ThemeContext.useTheme)(),
+    _useTheme$theme$loadi = _useTheme.theme.loadingDots,
+    container = _useTheme$theme$loadi.container,
+    spacing = _useTheme$theme$loadi.spacing;
   var _props$diameter = props.diameter,
-    diameter = _props$diameter === void 0 ? 4 : _props$diameter,
+    diameter = _props$diameter === void 0 ? 5 : _props$diameter,
     _props$duration = props.duration,
     duration = _props$duration === void 0 ? 1500 : _props$duration,
     _props$numberOfDots = props.numberOfDots,
     numberOfDots = _props$numberOfDots === void 0 ? 3 : _props$numberOfDots,
-    spacingProp = props.spacing,
+    _props$spacing = props.spacing,
+    spacingProp = _props$spacing === void 0 ? spacing : _props$spacing,
     style = props.style;
-  var _useTheme = (0, _ThemeContext.useTheme)(),
-    _useTheme$theme$loadi = _useTheme.theme.loadingDots,
-    container = _useTheme$theme$loadi.container,
-    spacing = _useTheme$theme$loadi.spacing;
   var halfSpacing = spacingProp ? spacingProp / 2 : spacing / 2;
   var offsetLength = duration / numberOfDots;
   return (0, _jsxRuntime.jsx)(_reactNative.View, {

package/lib/module/components/Indicators/LoadingDots.js.map

@@ -1 +1 @@
-{"version":3,"names":["_react","_interopRequireDefault","require","_reactNative","_LoadingDot","_ThemeContext","_jsxRuntime","_this","_jsxFileName","LoadingDots","exports","props","_props$diameter","diameter","_props$duration","duration","_props$numberOfDots","numberOfDots","spacingProp","spacing","style","_useTheme","useTheme","_useTheme$theme$loadi","theme","loadingDots","container","halfSpacing","offsetLength","jsx","View","flexDirection","children","Array","from","map","_item","index","LoadingDot","offset","marginRight","marginLeft","marginHorizontal"],"sourceRoot":"../../../../src","sources":["components/Indicators/LoadingDots.tsx"],"mappings":";;;;;AAAA,IAAAA,MAAA,GAAAC,sBAAA,CAAAC,OAAA;AACA,IAAAC,YAAA,GAAAD,OAAA;AAEA,IAAAE,WAAA,GAAAF,OAAA;AAEA,IAAAG,aAAA,GAAAH,OAAA;AAAoE,IAAAI,WAAA,GAAAJ,OAAA;AAAA,IAAAK,KAAA;EAAAC,YAAA;AAU7D,IAAMC,WAAW,GAAAC,OAAA,CAAAD,WAAA,GAAG,SAAdA,WAAWA,CAAIE,KAAY,EAAK;EAC3C,IAAAC,eAAA,GAAyFD,KAAK,CAAtFE,QAAQ;IAARA,QAAQ,GAAAD,eAAA,cAAG,CAAC,GAAAA,eAAA;IAAAE,eAAA,GAAqEH,KAAK,CAAxEI,QAAQ;IAARA,QAAQ,GAAAD,eAAA,cAAG,IAAI,GAAAA,eAAA;IAAAE,mBAAA,GAAoDL,KAAK,CAAvDM,YAAY;IAAZA,YAAY,GAAAD,mBAAA,cAAG,CAAC,GAAAA,mBAAA;IAAWE,WAAW,GAAYP,KAAK,CAArCQ,OAAO;IAAeC,KAAK,GAAKT,KAAK,CAAfS,KAAK;EAEpF,IAAAC,SAAA,GAII,IAAAC,sBAAQ,EAAC,CAAC;IAAAC,qBAAA,GAAAF,SAAA,CAHZG,KAAK,CACHC,WAAW;IAAIC,SAAS,GAAAH,qBAAA,CAATG,SAAS;IAAEP,OAAO,GAAAI,qBAAA,CAAPJ,OAAO;EAIrC,IAAMQ,WAAW,GAAGT,WAAW,GAAGA,WAAW,GAAG,CAAC,GAAGC,OAAO,GAAG,CAAC;EAC/D,IAAMS,YAAY,GAAGb,QAAQ,GAAGE,YAAY;EAE5C,OACE,IAAAX,WAAA,CAAAuB,GAAA,EAAC1B,YAAA,CAAA2B,IAAI;IAACV,KAAK,EAAE,CAAC;MAAEW,aAAa,EAAE;IAAM,CAAC,EAAEL,SAAS,EAAEN,KAAK,CAAE;IAAAY,QAAA,EACvDC,KAAK,CAACC,IAAI,CAACD,KAAK,CAAChB,YAAY,CAAC,CAAC,CAACkB,GAAG,CAAC,UAACC,KAAK,EAAEC,KAAK;MAAA,OAChD,IAAA/B,WAAA,CAAAuB,GAAA,EAACzB,WAAA,CAAAkC,UAAU;QACTzB,QAAQ,EAAEA,QAAS;QACnBE,QAAQ,EAAEA,QAAS;QAEnBwB,MAAM,EAAExB,QAAQ,GAAGa,YAAY,IAAIS,KAAK,GAAG,CAAC,CAAE;QAC9CjB,KAAK,EACHiB,KAAK,KAAK,CAAC,GACP;UAAEG,WAAW,EAAEb;QAAY,CAAC,GAC5BU,KAAK,KAAKpB,YAAY,GAAG,CAAC,GACxB;UAAEwB,UAAU,EAAEd;QAAY,CAAC,GAC3B;UAAEe,gBAAgB,EAAEf;QAAY;MACvC,GARIU,KASN,CAAC;IAAA,CACH;EAAC,CACE,CAAC;AAEX,CAAC","ignoreList":[]}
+{"version":3,"names":["_react","_interopRequireDefault","require","_reactNative","_LoadingDot","_ThemeContext","_jsxRuntime","_this","_jsxFileName","LoadingDots","exports","props","_useTheme","useTheme","_useTheme$theme$loadi","theme","loadingDots","container","spacing","_props$diameter","diameter","_props$duration","duration","_props$numberOfDots","numberOfDots","_props$spacing","spacingProp","style","halfSpacing","offsetLength","jsx","View","flexDirection","children","Array","from","map","_item","index","LoadingDot","offset","marginRight","marginLeft","marginHorizontal"],"sourceRoot":"../../../../src","sources":["components/Indicators/LoadingDots.tsx"],"mappings":";;;;;AAAA,IAAAA,MAAA,GAAAC,sBAAA,CAAAC,OAAA;AACA,IAAAC,YAAA,GAAAD,OAAA;AAEA,IAAAE,WAAA,GAAAF,OAAA;AAEA,IAAAG,aAAA,GAAAH,OAAA;AAAoE,IAAAI,WAAA,GAAAJ,OAAA;AAAA,IAAAK,KAAA;EAAAC,YAAA;AAU7D,IAAMC,WAAW,GAAAC,OAAA,CAAAD,WAAA,GAAG,SAAdA,WAAWA,CAAIE,KAAY,EAAK;EAC3C,IAAAC,SAAA,GAII,IAAAC,sBAAQ,EAAC,CAAC;IAAAC,qBAAA,GAAAF,SAAA,CAHZG,KAAK,CACHC,WAAW;IAAIC,SAAS,GAAAH,qBAAA,CAATG,SAAS;IAAEC,OAAO,GAAAJ,qBAAA,CAAPI,OAAO;EAGrC,IAAAC,eAAA,GAMIR,KAAK,CALPS,QAAQ;IAARA,QAAQ,GAAAD,eAAA,cAAG,CAAC,GAAAA,eAAA;IAAAE,eAAA,GAKVV,KAAK,CAJPW,QAAQ;IAARA,QAAQ,GAAAD,eAAA,cAAG,IAAI,GAAAA,eAAA;IAAAE,mBAAA,GAIbZ,KAAK,CAHPa,YAAY;IAAZA,YAAY,GAAAD,mBAAA,cAAG,CAAC,GAAAA,mBAAA;IAAAE,cAAA,GAGdd,KAAK,CAFPO,OAAO;IAAEQ,WAAW,GAAAD,cAAA,cAAGP,OAAO,GAAAO,cAAA;IAC9BE,KAAK,GACHhB,KAAK,CADPgB,KAAK;EAGP,IAAMC,WAAW,GAAGF,WAAW,GAAGA,WAAW,GAAG,CAAC,GAAGR,OAAO,GAAG,CAAC;EAC/D,IAAMW,YAAY,GAAGP,QAAQ,GAAGE,YAAY;EAE5C,OACE,IAAAlB,WAAA,CAAAwB,GAAA,EAAC3B,YAAA,CAAA4B,IAAI;IAACJ,KAAK,EAAE,CAAC;MAAEK,aAAa,EAAE;IAAM,CAAC,EAAEf,SAAS,EAAEU,KAAK,CAAE;IAAAM,QAAA,EACvDC,KAAK,CAACC,IAAI,CAACD,KAAK,CAACV,YAAY,CAAC,CAAC,CAACY,GAAG,CAAC,UAACC,KAAK,EAAEC,KAAK;MAAA,OAChD,IAAAhC,WAAA,CAAAwB,GAAA,EAAC1B,WAAA,CAAAmC,UAAU;QACTnB,QAAQ,EAAEA,QAAS;QACnBE,QAAQ,EAAEA,QAAS;QAEnBkB,MAAM,EAAElB,QAAQ,GAAGO,YAAY,IAAIS,KAAK,GAAG,CAAC,CAAE;QAC9CX,KAAK,EACHW,KAAK,KAAK,CAAC,GACP;UAAEG,WAAW,EAAEb;QAAY,CAAC,GAC5BU,KAAK,KAAKd,YAAY,GAAG,CAAC,GACxB;UAAEkB,UAAU,EAAEd;QAAY,CAAC,GAC3B;UAAEe,gBAAgB,EAAEf;QAAY;MACvC,GARIU,KASN,CAAC;IAAA,CACH;EAAC,CACE,CAAC;AAEX,CAAC","ignoreList":[]}

package/lib/module/components/Indicators/LoadingErrorIndicator.js

@@ -1,32 +1,27 @@
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.LoadingErrorIndicator = 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/Indicators/LoadingErrorIndicator.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 LoadingErrorWrapper = function LoadingErrorWrapper(props) {
   var children = props.children,
     onPress = props.onPress,
     text = props.text;
-  var _useTheme = (0, _ThemeContext.useTheme)(),
-    _useTheme$theme = _useTheme.theme,
-    accent_red = _useTheme$theme.colors.accent_red,
-    _useTheme$theme$loadi = _useTheme$theme.loadingErrorIndicator,
-    container = _useTheme$theme$loadi.container,
-    errorText = _useTheme$theme$loadi.errorText;
+  var styles = useStyles();
   return (0, _jsxRuntime.jsxs)(_reactNative.TouchableOpacity, {
     onPress: onPress,
-    style: [styles.container, container],
+    style: styles.container,
     children: [(0, _jsxRuntime.jsx)(_reactNative.Text, {
-      style: [styles.errorText, {
-        color: accent_red
-      }, errorText],
+      style: styles.errorText,
       testID: "loading-error",
       children: text
     }), children]
@@ -38,21 +33,16 @@ var LoadingErrorIndicator = exports.LoadingErrorIndicator = function LoadingErro
     retry = _props$retry === void 0 ? function () {
       return null;
     } : _props$retry;
-  var _useTheme2 = (0, _ThemeContext.useTheme)(),
-    _useTheme2$theme = _useTheme2.theme,
-    black = _useTheme2$theme.colors.black,
-    retryText = _useTheme2$theme.loadingErrorIndicator.retryText;
   var _useTranslationContex = (0, _TranslationContext.useTranslationContext)(),
     t = _useTranslationContex.t;
+  var styles = useStyles();
   switch (listType) {
     case 'channel':
       return (0, _jsxRuntime.jsx)(LoadingErrorWrapper, {
         onPress: retry,
         text: t('Error loading channel list...'),
         children: (0, _jsxRuntime.jsx)(_reactNative.Text, {
-          style: [styles.retryText, {
-            color: black
-          }, retryText],
+          style: styles.retryText,
           children: "\u27F3"
         })
       });
@@ -68,21 +58,36 @@ var LoadingErrorIndicator = exports.LoadingErrorIndicator = function LoadingErro
   }
 };
 LoadingErrorIndicator.displayName = 'LoadingErrorIndicator{loadingErrorIndicator}';
-var styles = _reactNative.StyleSheet.create({
-  container: {
-    alignItems: 'center',
-    height: '100%',
-    justifyContent: 'center',
-    width: '100%'
-  },
-  errorText: {
-    fontSize: 14,
-    fontWeight: '600',
-    marginTop: 20
-  },
-  retryText: {
-    fontSize: 30,
-    fontWeight: '600'
-  }
-});
+var useStyles = function useStyles() {
+  var _useTheme = (0, _ThemeContext.useTheme)(),
+    _useTheme$theme = _useTheme.theme,
+    _useTheme$theme$loadi = _useTheme$theme.loadingErrorIndicator,
+    errorText = _useTheme$theme$loadi.errorText,
+    retryText = _useTheme$theme$loadi.retryText,
+    container = _useTheme$theme$loadi.container,
+    semantics = _useTheme$theme.semantics;
+  return (0, _react.useMemo)(function () {
+    return _reactNative.StyleSheet.create({
+      container: Object.assign({
+        alignItems: 'center',
+        height: '100%',
+        justifyContent: 'center',
+        width: '100%'
+      }, container),
+      errorText: Object.assign({
+        color: semantics.accentError,
+        fontSize: _theme.primitives.typographyFontSizeMd,
+        lineHeight: _theme.primitives.typographyLineHeightNormal,
+        fontWeight: _theme.primitives.typographyFontWeightSemiBold,
+        paddingVertical: _theme.primitives.spacingSm
+      }, errorText),
+      retryText: Object.assign({
+        color: semantics.textPrimary,
+        fontSize: _theme.primitives.typographyFontSizeLg,
+        lineHeight: _theme.primitives.typographyLineHeightNormal,
+        fontWeight: _theme.primitives.typographyFontWeightSemiBold
+      }, retryText)
+    });
+  }, [container, semantics.accentError, semantics.textPrimary, errorText, retryText]);
+};
 //# sourceMappingURL=LoadingErrorIndicator.js.map

package/lib/module/components/Indicators/LoadingErrorIndicator.js.map

@@ -1 +1 @@
-{"version":3,"names":["_react","_interopRequireDefault","require","_reactNative","_ThemeContext","_TranslationContext","_jsxRuntime","_this","_jsxFileName","LoadingErrorWrapper","props","children","onPress","text","_useTheme","useTheme","_useTheme$theme","theme","accent_red","colors","_useTheme$theme$loadi","loadingErrorIndicator","container","errorText","jsxs","TouchableOpacity","style","styles","jsx","Text","color","testID","LoadingErrorIndicator","exports","listType","_props$retry","retry","_useTheme2","_useTheme2$theme","black","retryText","_useTranslationContex","useTranslationContext","t","displayName","StyleSheet","create","alignItems","height","justifyContent","width","fontSize","fontWeight","marginTop"],"sourceRoot":"../../../../src","sources":["components/Indicators/LoadingErrorIndicator.tsx"],"mappings":"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","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","LoadingErrorWrapper","props","children","onPress","text","styles","useStyles","jsxs","TouchableOpacity","style","container","jsx","Text","errorText","testID","LoadingErrorIndicator","exports","listType","_props$retry","retry","_useTranslationContex","useTranslationContext","retryText","displayName","_useTheme","useTheme","_useTheme$theme","theme","_useTheme$theme$loadi","loadingErrorIndicator","semantics","useMemo","StyleSheet","create","assign","alignItems","height","justifyContent","width","color","accentError","fontSize","primitives","typographyFontSizeMd","lineHeight","typographyLineHeightNormal","fontWeight","typographyFontWeightSemiBold","paddingVertical","spacingSm","textPrimary","typographyFontSizeLg"],"sourceRoot":"../../../../src","sources":["components/Indicators/LoadingErrorIndicator.tsx"],"mappings":"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","ignoreList":[]}

package/lib/module/components/Indicators/LoadingIndicator.js

@@ -1,37 +1,28 @@
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.LoadingIndicator = 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 _Spinner = require("../UIComponents/Spinner");
 var _jsxRuntime = require("react/jsx-runtime");
 var _this = this,
   _jsxFileName = "/home/runner/work/stream-chat-react-native/stream-chat-react-native/package/src/components/Indicators/LoadingIndicator.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 LoadingIndicatorWrapper = function LoadingIndicatorWrapper(_ref) {
   var text = _ref.text;
-  var _useTheme = (0, _ThemeContext.useTheme)(),
-    _useTheme$theme = _useTheme.theme,
-    _useTheme$theme$color = _useTheme$theme.colors,
-    black = _useTheme$theme$color.black,
-    white_snow = _useTheme$theme$color.white_snow,
-    _useTheme$theme$loadi = _useTheme$theme.loadingIndicator,
-    container = _useTheme$theme$loadi.container,
-    loadingText = _useTheme$theme$loadi.loadingText;
+  var styles = useStyles();
   return (0, _jsxRuntime.jsxs)(_reactNative.View, {
-    style: [styles.container, {
-      backgroundColor: white_snow
-    }, container],
+    style: styles.container,
     children: [(0, _jsxRuntime.jsx)(_Spinner.Spinner, {
       height: 20,
       width: 20
     }), (0, _jsxRuntime.jsx)(_reactNative.Text, {
-      style: [styles.loadingText, {
-        color: black
-      }, loadingText],
+      style: styles.loadingText,
       testID: "loading",
       children: text
     })]
@@ -67,16 +58,27 @@ var LoadingIndicator = exports.LoadingIndicator = function LoadingIndicator(prop
   }
 };
 LoadingIndicator.displayName = 'LoadingIndicator{loadingIndicator}';
-var styles = _reactNative.StyleSheet.create({
-  container: {
-    alignItems: 'center',
-    flex: 1,
-    justifyContent: 'center'
-  },
-  loadingText: {
-    fontSize: 14,
-    fontWeight: '600',
-    marginTop: 20
-  }
-});
+var useStyles = function useStyles() {
+  var _useTheme = (0, _ThemeContext.useTheme)(),
+    _useTheme$theme = _useTheme.theme,
+    _useTheme$theme$loadi = _useTheme$theme.loadingIndicator,
+    container = _useTheme$theme$loadi.container,
+    loadingText = _useTheme$theme$loadi.loadingText,
+    semantics = _useTheme$theme.semantics;
+  return (0, _react.useMemo)(function () {
+    return _reactNative.StyleSheet.create({
+      container: Object.assign({
+        alignItems: 'center',
+        flex: 1,
+        justifyContent: 'center'
+      }, container),
+      loadingText: Object.assign({
+        fontSize: _theme.primitives.typographyFontSizeMd,
+        fontWeight: _theme.primitives.typographyFontWeightSemiBold,
+        marginTop: _theme.primitives.spacingSm,
+        color: semantics.textPrimary
+      }, loadingText)
+    });
+  }, [container, loadingText, semantics]);
+};
 //# sourceMappingURL=LoadingIndicator.js.map

package/lib/module/components/Indicators/LoadingIndicator.js.map

@@ -1 +1 @@
-{"version":3,"names":["_react","_interopRequireDefault","require","_reactNative","_ThemeContext","_TranslationContext","_Spinner","_jsxRuntime","_this","_jsxFileName","LoadingIndicatorWrapper","_ref","text","_useTheme","useTheme","_useTheme$theme","theme","_useTheme$theme$color","colors","black","white_snow","_useTheme$theme$loadi","loadingIndicator","container","loadingText","jsxs","View","style","styles","backgroundColor","children","jsx","Spinner","height","width","Text","color","testID","LoadingIndicator","exports","props","listType","_useTranslationContex","useTranslationContext","t","displayName","StyleSheet","create","alignItems","flex","justifyContent","fontSize","fontWeight","marginTop"],"sourceRoot":"../../../../src","sources":["components/Indicators/LoadingIndicator.tsx"],"mappings":"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","ignoreList":[]}
+{"version":3,"names":["_react","_interopRequireWildcard","require","_reactNative","_ThemeContext","_TranslationContext","_theme","_Spinner","_jsxRuntime","_this","_jsxFileName","_getRequireWildcardCache","e","WeakMap","r","t","__esModule","default","has","get","n","__proto__","a","Object","defineProperty","getOwnPropertyDescriptor","u","hasOwnProperty","call","i","set","LoadingIndicatorWrapper","_ref","text","styles","useStyles","jsxs","View","style","container","children","jsx","Spinner","height","width","Text","loadingText","testID","LoadingIndicator","exports","props","listType","_useTranslationContex","useTranslationContext","displayName","_useTheme","useTheme","_useTheme$theme","theme","_useTheme$theme$loadi","loadingIndicator","semantics","useMemo","StyleSheet","create","assign","alignItems","flex","justifyContent","fontSize","primitives","typographyFontSizeMd","fontWeight","typographyFontWeightSemiBold","marginTop","spacingSm","color","textPrimary"],"sourceRoot":"../../../../src","sources":["components/Indicators/LoadingIndicator.tsx"],"mappings":"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","ignoreList":[]}