stream-chat-react-native-core 5.8.0-beta.5 → 5.8.0-beta.7

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

@@ -1,36 +1,27 @@
 var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.LoadingDots = void 0;
-
 var _react = _interopRequireDefault(require("react"));
-
 var _reactNative = require("react-native");
-
 var _LoadingDot = require("./LoadingDot");
-
 var _ThemeContext = require("../../contexts/themeContext/ThemeContext");
-
 var _this = this,
-    _jsxFileName = "/home/runner/work/stream-chat-react-native/stream-chat-react-native/package/src/components/Indicators/LoadingDots.tsx";
-
+  _jsxFileName = "/home/runner/work/stream-chat-react-native/stream-chat-react-native/package/src/components/Indicators/LoadingDots.tsx";
 var LoadingDots = function LoadingDots(props) {
   var _props$diameter = props.diameter,
-      diameter = _props$diameter === void 0 ? 4 : _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,
-      style = props.style;
-
+    diameter = _props$diameter === void 0 ? 4 : _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,
+    style = props.style;
   var _useTheme = (0, _ThemeContext.useTheme)(),
-      _useTheme$theme$loadi = _useTheme.theme.loadingDots,
-      container = _useTheme$theme$loadi.container,
-      spacing = _useTheme$theme$loadi.spacing;
-
+    _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 _react["default"].createElement(_reactNative.View, {
@@ -65,6 +56,5 @@ var LoadingDots = function LoadingDots(props) {
     });
   }));
 };
-
 exports.LoadingDots = LoadingDots;
 //# sourceMappingURL=LoadingDots.js.map

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

@@ -1 +1 @@
-{"version":3,"sources":["LoadingDots.tsx"],"names":["LoadingDots","props","diameter","duration","numberOfDots","spacingProp","spacing","style","theme","loadingDots","container","halfSpacing","offsetLength","flexDirection","Array","from","map","_item","index","marginRight","marginLeft","marginHorizontal"],"mappings":";;;;;;;AAAA;;AACA;;AAEA;;AAEA;;;;;AAUO,IAAMA,WAA4B,GAAG,SAA/BA,WAA+B,CAACC,KAAD,EAAW;AACrD,wBAAyFA,KAAzF,CAAQC,QAAR;AAAA,MAAQA,QAAR,gCAAmB,CAAnB;AAAA,wBAAyFD,KAAzF,CAAsBE,QAAtB;AAAA,MAAsBA,QAAtB,gCAAiC,IAAjC;AAAA,4BAAyFF,KAAzF,CAAuCG,YAAvC;AAAA,MAAuCA,YAAvC,oCAAsD,CAAtD;AAAA,MAAkEC,WAAlE,GAAyFJ,KAAzF,CAAyDK,OAAzD;AAAA,MAA+EC,KAA/E,GAAyFN,KAAzF,CAA+EM,KAA/E;;AAEA,kBAII,6BAJJ;AAAA,wCACEC,KADF,CAEIC,WAFJ;AAAA,MAEmBC,SAFnB,yBAEmBA,SAFnB;AAAA,MAE8BJ,OAF9B,yBAE8BA,OAF9B;;AAMA,MAAMK,WAAW,GAAGN,WAAW,GAAGA,WAAW,GAAG,CAAjB,GAAqBC,OAAO,GAAG,CAA9D;AACA,MAAMM,YAAY,GAAGT,QAAQ,GAAGC,YAAhC;AAEA,SACE,gCAAC,iBAAD;AAAM,IAAA,KAAK,EAAE,CAAC;AAAES,MAAAA,aAAa,EAAE;AAAjB,KAAD,EAA2BH,SAA3B,EAAsCH,KAAtC,CAAb;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,KACGO,KAAK,CAACC,IAAN,CAAWD,KAAK,CAACV,YAAD,CAAhB,EAAgCY,GAAhC,CAAoC,UAACC,KAAD,EAAQC,KAAR;AAAA,WACnC,gCAAC,sBAAD;AACE,MAAA,QAAQ,EAAEhB,QADZ;AAEE,MAAA,QAAQ,EAAEC,QAFZ;AAGE,MAAA,GAAG,EAAEe,KAHP;AAIE,MAAA,MAAM,EAAEf,QAAQ,GAAGS,YAAY,IAAIM,KAAK,GAAG,CAAZ,CAJjC;AAKE,MAAA,KAAK,EACHA,KAAK,KAAK,CAAV,GACI;AAAEC,QAAAA,WAAW,EAAER;AAAf,OADJ,GAEIO,KAAK,KAAKd,YAAY,GAAG,CAAzB,GACA;AAAEgB,QAAAA,UAAU,EAAET;AAAd,OADA,GAEA;AAAEU,QAAAA,gBAAgB,EAAEV;AAApB,OAVR;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,MADmC;AAAA,GAApC,CADH,CADF;AAmBD,CA/BM","sourcesContent":["import React from 'react';\nimport { StyleProp, View, ViewStyle } from 'react-native';\n\nimport { LoadingDot } from './LoadingDot';\n\nimport { useTheme } from '../../contexts/themeContext/ThemeContext';\n\ntype Props = {\n  diameter?: number;\n  duration?: number;\n  numberOfDots?: number;\n  spacing?: number;\n  style?: StyleProp<ViewStyle>;\n};\n\nexport const LoadingDots: React.FC<Props> = (props) => {\n  const { diameter = 4, duration = 1500, numberOfDots = 3, spacing: spacingProp, style } = props;\n\n  const {\n    theme: {\n      loadingDots: { container, spacing },\n    },\n  } = useTheme();\n\n  const halfSpacing = spacingProp ? spacingProp / 2 : spacing / 2;\n  const offsetLength = duration / numberOfDots;\n\n  return (\n    <View style={[{ flexDirection: 'row' }, container, style]}>\n      {Array.from(Array(numberOfDots)).map((_item, index) => (\n        <LoadingDot\n          diameter={diameter}\n          duration={duration}\n          key={index}\n          offset={duration - offsetLength * (index + 1)}\n          style={\n            index === 0\n              ? { marginRight: halfSpacing }\n              : index === numberOfDots - 1\n              ? { marginLeft: halfSpacing }\n              : { marginHorizontal: halfSpacing }\n          }\n        />\n      ))}\n    </View>\n  );\n};\n"]}
+{"version":3,"names":["LoadingDots","props","diameter","duration","numberOfDots","spacingProp","spacing","style","useTheme","theme","loadingDots","container","halfSpacing","offsetLength","flexDirection","Array","from","map","_item","index","marginRight","marginLeft","marginHorizontal"],"sources":["LoadingDots.tsx"],"sourcesContent":["import React from 'react';\nimport { StyleProp, View, ViewStyle } from 'react-native';\n\nimport { LoadingDot } from './LoadingDot';\n\nimport { useTheme } from '../../contexts/themeContext/ThemeContext';\n\ntype Props = {\n  diameter?: number;\n  duration?: number;\n  numberOfDots?: number;\n  spacing?: number;\n  style?: StyleProp<ViewStyle>;\n};\n\nexport const LoadingDots: React.FC<Props> = (props) => {\n  const { diameter = 4, duration = 1500, numberOfDots = 3, spacing: spacingProp, style } = props;\n\n  const {\n    theme: {\n      loadingDots: { container, spacing },\n    },\n  } = useTheme();\n\n  const halfSpacing = spacingProp ? spacingProp / 2 : spacing / 2;\n  const offsetLength = duration / numberOfDots;\n\n  return (\n    <View style={[{ flexDirection: 'row' }, container, style]}>\n      {Array.from(Array(numberOfDots)).map((_item, index) => (\n        <LoadingDot\n          diameter={diameter}\n          duration={duration}\n          key={index}\n          offset={duration - offsetLength * (index + 1)}\n          style={\n            index === 0\n              ? { marginRight: halfSpacing }\n              : index === numberOfDots - 1\n              ? { marginLeft: halfSpacing }\n              : { marginHorizontal: halfSpacing }\n          }\n        />\n      ))}\n    </View>\n  );\n};\n"],"mappings":";;;;;AAAA;AACA;AAEA;AAEA;AAAoE;EAAA;AAU7D,IAAMA,WAA4B,GAAG,SAA/BA,WAA4B,CAAIC,KAAK,EAAK;EACrD,sBAAyFA,KAAK,CAAtFC,QAAQ;IAARA,QAAQ,gCAAG,CAAC;IAAA,kBAAqED,KAAK,CAAxEE,QAAQ;IAARA,QAAQ,gCAAG,IAAI;IAAA,sBAAoDF,KAAK,CAAvDG,YAAY;IAAZA,YAAY,oCAAG,CAAC;IAAWC,WAAW,GAAYJ,KAAK,CAArCK,OAAO;IAAeC,KAAK,GAAKN,KAAK,CAAfM,KAAK;EAEpF,gBAII,IAAAC,sBAAQ,GAAE;IAAA,kCAHZC,KAAK,CACHC,WAAW;IAAIC,SAAS,yBAATA,SAAS;IAAEL,OAAO,yBAAPA,OAAO;EAIrC,IAAMM,WAAW,GAAGP,WAAW,GAAGA,WAAW,GAAG,CAAC,GAAGC,OAAO,GAAG,CAAC;EAC/D,IAAMO,YAAY,GAAGV,QAAQ,GAAGC,YAAY;EAE5C,OACE,gCAAC,iBAAI;IAAC,KAAK,EAAE,CAAC;MAAEU,aAAa,EAAE;IAAM,CAAC,EAAEH,SAAS,EAAEJ,KAAK,CAAE;IAAA;IAAA;MAAA;MAAA;MAAA;IAAA;EAAA,GACvDQ,KAAK,CAACC,IAAI,CAACD,KAAK,CAACX,YAAY,CAAC,CAAC,CAACa,GAAG,CAAC,UAACC,KAAK,EAAEC,KAAK;IAAA,OAChD,gCAAC,sBAAU;MACT,QAAQ,EAAEjB,QAAS;MACnB,QAAQ,EAAEC,QAAS;MACnB,GAAG,EAAEgB,KAAM;MACX,MAAM,EAAEhB,QAAQ,GAAGU,YAAY,IAAIM,KAAK,GAAG,CAAC,CAAE;MAC9C,KAAK,EACHA,KAAK,KAAK,CAAC,GACP;QAAEC,WAAW,EAAER;MAAY,CAAC,GAC5BO,KAAK,KAAKf,YAAY,GAAG,CAAC,GAC1B;QAAEiB,UAAU,EAAET;MAAY,CAAC,GAC3B;QAAEU,gBAAgB,EAAEV;MAAY,CACrC;MAAA;MAAA;QAAA;QAAA;QAAA;MAAA;IAAA,EACD;EAAA,CACH,CAAC,CACG;AAEX,CAAC;AAAC"}

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

@@ -1,21 +1,14 @@
 var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.LoadingErrorIndicator = void 0;
-
 var _react = _interopRequireDefault(require("react"));
-
 var _reactNative = require("react-native");
-
 var _ThemeContext = require("../../contexts/themeContext/ThemeContext");
-
 var _TranslationContext = require("../../contexts/translationContext/TranslationContext");
-
 var _this = this,
-    _jsxFileName = "/home/runner/work/stream-chat-react-native/stream-chat-react-native/package/src/components/Indicators/LoadingErrorIndicator.tsx";
-
+  _jsxFileName = "/home/runner/work/stream-chat-react-native/stream-chat-react-native/package/src/components/Indicators/LoadingErrorIndicator.tsx";
 var styles = _reactNative.StyleSheet.create({
   container: {
     alignItems: 'center',
@@ -33,19 +26,16 @@ var styles = _reactNative.StyleSheet.create({
     fontWeight: '600'
   }
 });
-
 var LoadingErrorWrapper = function LoadingErrorWrapper(props) {
   var children = props.children,
-      onPress = props.onPress,
-      text = props.text;
-
+    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;
-
+    _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;
   return _react["default"].createElement(_reactNative.TouchableOpacity, {
     onPress: onPress,
     style: [styles.container, container],
@@ -68,22 +58,18 @@ var LoadingErrorWrapper = function LoadingErrorWrapper(props) {
     }
   }, text), children);
 };
-
 var LoadingErrorIndicator = function LoadingErrorIndicator(props) {
   var listType = props.listType,
-      _props$retry = props.retry,
-      retry = _props$retry === void 0 ? function () {
-    return null;
-  } : _props$retry;
-
+    _props$retry = props.retry,
+    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;
-
+    _useTheme2$theme = _useTheme2.theme,
+    black = _useTheme2$theme.colors.black,
+    retryText = _useTheme2$theme.loadingErrorIndicator.retryText;
   var _useTranslationContex = (0, _TranslationContext.useTranslationContext)(),
-      t = _useTranslationContex.t;
-
+    t = _useTranslationContex.t;
   switch (listType) {
     case 'channel':
       return _react["default"].createElement(LoadingErrorWrapper, {
@@ -106,7 +92,6 @@ var LoadingErrorIndicator = function LoadingErrorIndicator(props) {
           columnNumber: 11
         }
       }, "\u27F3"));
-
     case 'message':
       return _react["default"].createElement(LoadingErrorWrapper, {
         onPress: retry,
@@ -118,7 +103,6 @@ var LoadingErrorIndicator = function LoadingErrorIndicator(props) {
           columnNumber: 9
         }
       });
-
     default:
       return _react["default"].createElement(LoadingErrorWrapper, {
         text: t('Error loading'),
@@ -131,7 +115,6 @@ var LoadingErrorIndicator = function LoadingErrorIndicator(props) {
       });
   }
 };
-
 exports.LoadingErrorIndicator = LoadingErrorIndicator;
 LoadingErrorIndicator.displayName = 'LoadingErrorIndicator{loadingErrorIndicator}';
 //# sourceMappingURL=LoadingErrorIndicator.js.map

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

@@ -1 +1 @@
-{"version":3,"sources":["LoadingErrorIndicator.tsx"],"names":["styles","StyleSheet","create","container","alignItems","height","justifyContent","width","errorText","fontSize","fontWeight","marginTop","retryText","LoadingErrorWrapper","props","children","onPress","text","theme","accent_red","colors","loadingErrorIndicator","color","LoadingErrorIndicator","listType","retry","black","t","displayName"],"mappings":"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","sourcesContent":["import React from 'react';\nimport { StyleSheet, Text, TouchableOpacity } from 'react-native';\n\nimport { useTheme } from '../../contexts/themeContext/ThemeContext';\nimport { useTranslationContext } from '../../contexts/translationContext/TranslationContext';\n\nconst styles = StyleSheet.create({\n  container: {\n    alignItems: 'center',\n    height: '100%',\n    justifyContent: 'center',\n    width: '100%',\n  },\n  errorText: {\n    fontSize: 14,\n    fontWeight: '600',\n    marginTop: 20,\n  },\n  retryText: {\n    fontSize: 30,\n    fontWeight: '600',\n  },\n});\n\ntype LoadingErrorWrapperProps = {\n  text: string;\n  onPress?: () => void;\n};\n\nconst LoadingErrorWrapper: React.FC<LoadingErrorWrapperProps> = (props) => {\n  const { children, onPress, text } = props;\n\n  const {\n    theme: {\n      colors: { accent_red },\n      loadingErrorIndicator: { container, errorText },\n    },\n  } = useTheme();\n\n  return (\n    <TouchableOpacity onPress={onPress} style={[styles.container, container]}>\n      <Text style={[styles.errorText, { color: accent_red }, errorText]} testID='loading-error'>\n        {text}\n      </Text>\n      {children}\n    </TouchableOpacity>\n  );\n};\n\nexport type LoadingErrorProps = {\n  error?: boolean | Error;\n  listType?: 'channel' | 'message' | 'default';\n  loadNextPage?: () => Promise<void>;\n  retry?: () => void;\n};\n\nexport const LoadingErrorIndicator: React.FC<LoadingErrorProps> = (props) => {\n  const { listType, retry = () => null } = props;\n\n  const {\n    theme: {\n      colors: { black },\n      loadingErrorIndicator: { retryText },\n    },\n  } = useTheme();\n  const { t } = useTranslationContext();\n\n  switch (listType) {\n    case 'channel':\n      return (\n        <LoadingErrorWrapper onPress={retry} text={t('Error loading channel list...')}>\n          <Text style={[styles.retryText, { color: black }, retryText]}>⟳</Text>\n        </LoadingErrorWrapper>\n      );\n    case 'message':\n      return (\n        <LoadingErrorWrapper\n          onPress={retry}\n          text={t('Error loading messages for this channel...')}\n        />\n      );\n    default:\n      return <LoadingErrorWrapper text={t('Error loading')} />;\n  }\n};\n\nLoadingErrorIndicator.displayName = 'LoadingErrorIndicator{loadingErrorIndicator}';\n"]}
+{"version":3,"names":["styles","StyleSheet","create","container","alignItems","height","justifyContent","width","errorText","fontSize","fontWeight","marginTop","retryText","LoadingErrorWrapper","props","children","onPress","text","useTheme","theme","accent_red","colors","loadingErrorIndicator","color","LoadingErrorIndicator","listType","retry","black","useTranslationContext","t","displayName"],"sources":["LoadingErrorIndicator.tsx"],"sourcesContent":["import React from 'react';\nimport { StyleSheet, Text, TouchableOpacity } from 'react-native';\n\nimport { useTheme } from '../../contexts/themeContext/ThemeContext';\nimport { useTranslationContext } from '../../contexts/translationContext/TranslationContext';\n\nconst styles = StyleSheet.create({\n  container: {\n    alignItems: 'center',\n    height: '100%',\n    justifyContent: 'center',\n    width: '100%',\n  },\n  errorText: {\n    fontSize: 14,\n    fontWeight: '600',\n    marginTop: 20,\n  },\n  retryText: {\n    fontSize: 30,\n    fontWeight: '600',\n  },\n});\n\ntype LoadingErrorWrapperProps = {\n  text: string;\n  onPress?: () => void;\n};\n\nconst LoadingErrorWrapper: React.FC<LoadingErrorWrapperProps> = (props) => {\n  const { children, onPress, text } = props;\n\n  const {\n    theme: {\n      colors: { accent_red },\n      loadingErrorIndicator: { container, errorText },\n    },\n  } = useTheme();\n\n  return (\n    <TouchableOpacity onPress={onPress} style={[styles.container, container]}>\n      <Text style={[styles.errorText, { color: accent_red }, errorText]} testID='loading-error'>\n        {text}\n      </Text>\n      {children}\n    </TouchableOpacity>\n  );\n};\n\nexport type LoadingErrorProps = {\n  error?: boolean | Error;\n  listType?: 'channel' | 'message' | 'default';\n  loadNextPage?: () => Promise<void>;\n  retry?: () => void;\n};\n\nexport const LoadingErrorIndicator: React.FC<LoadingErrorProps> = (props) => {\n  const { listType, retry = () => null } = props;\n\n  const {\n    theme: {\n      colors: { black },\n      loadingErrorIndicator: { retryText },\n    },\n  } = useTheme();\n  const { t } = useTranslationContext();\n\n  switch (listType) {\n    case 'channel':\n      return (\n        <LoadingErrorWrapper onPress={retry} text={t('Error loading channel list...')}>\n          <Text style={[styles.retryText, { color: black }, retryText]}>⟳</Text>\n        </LoadingErrorWrapper>\n      );\n    case 'message':\n      return (\n        <LoadingErrorWrapper\n          onPress={retry}\n          text={t('Error loading messages for this channel...')}\n        />\n      );\n    default:\n      return <LoadingErrorWrapper text={t('Error loading')} />;\n  }\n};\n\nLoadingErrorIndicator.displayName = 'LoadingErrorIndicator{loadingErrorIndicator}';\n"],"mappings":";;;;;AAAA;AACA;AAEA;AACA;AAA6F;EAAA;AAE7F,IAAMA,MAAM,GAAGC,uBAAU,CAACC,MAAM,CAAC;EAC/BC,SAAS,EAAE;IACTC,UAAU,EAAE,QAAQ;IACpBC,MAAM,EAAE,MAAM;IACdC,cAAc,EAAE,QAAQ;IACxBC,KAAK,EAAE;EACT,CAAC;EACDC,SAAS,EAAE;IACTC,QAAQ,EAAE,EAAE;IACZC,UAAU,EAAE,KAAK;IACjBC,SAAS,EAAE;EACb,CAAC;EACDC,SAAS,EAAE;IACTH,QAAQ,EAAE,EAAE;IACZC,UAAU,EAAE;EACd;AACF,CAAC,CAAC;AAOF,IAAMG,mBAAuD,GAAG,SAA1DA,mBAAuD,CAAIC,KAAK,EAAK;EACzE,IAAQC,QAAQ,GAAoBD,KAAK,CAAjCC,QAAQ;IAAEC,OAAO,GAAWF,KAAK,CAAvBE,OAAO;IAAEC,IAAI,GAAKH,KAAK,CAAdG,IAAI;EAE/B,gBAKI,IAAAC,sBAAQ,GAAE;IAAA,4BAJZC,KAAK;IACOC,UAAU,mBAApBC,MAAM,CAAID,UAAU;IAAA,wCACpBE,qBAAqB;IAAInB,SAAS,yBAATA,SAAS;IAAEK,SAAS,yBAATA,SAAS;EAIjD,OACE,gCAAC,6BAAgB;IAAC,OAAO,EAAEQ,OAAQ;IAAC,KAAK,EAAE,CAAChB,MAAM,CAACG,SAAS,EAAEA,SAAS,CAAE;IAAA;IAAA;MAAA;MAAA;MAAA;IAAA;EAAA,GACvE,gCAAC,iBAAI;IAAC,KAAK,EAAE,CAACH,MAAM,CAACQ,SAAS,EAAE;MAAEe,KAAK,EAAEH;IAAW,CAAC,EAAEZ,SAAS,CAAE;IAAC,MAAM,EAAC,eAAe;IAAA;IAAA;MAAA;MAAA;MAAA;IAAA;EAAA,GACtFS,IAAI,CACA,EACNF,QAAQ,CACQ;AAEvB,CAAC;AASM,IAAMS,qBAAkD,GAAG,SAArDA,qBAAkD,CAAIV,KAAK,EAAK;EAC3E,IAAQW,QAAQ,GAAyBX,KAAK,CAAtCW,QAAQ;IAAA,eAAyBX,KAAK,CAA5BY,KAAK;IAALA,KAAK,6BAAG;MAAA,OAAM,IAAI;IAAA;EAEpC,iBAKI,IAAAR,sBAAQ,GAAE;IAAA,8BAJZC,KAAK;IACOQ,KAAK,oBAAfN,MAAM,CAAIM,KAAK;IACUf,SAAS,oBAAlCU,qBAAqB,CAAIV,SAAS;EAGtC,4BAAc,IAAAgB,yCAAqB,GAAE;IAA7BC,CAAC,yBAADA,CAAC;EAET,QAAQJ,QAAQ;IACd,KAAK,SAAS;MACZ,OACE,gCAAC,mBAAmB;QAAC,OAAO,EAAEC,KAAM;QAAC,IAAI,EAAEG,CAAC,CAAC,+BAA+B,CAAE;QAAA;QAAA;UAAA;UAAA;UAAA;QAAA;MAAA,GAC5E,gCAAC,iBAAI;QAAC,KAAK,EAAE,CAAC7B,MAAM,CAACY,SAAS,EAAE;UAAEW,KAAK,EAAEI;QAAM,CAAC,EAAEf,SAAS,CAAE;QAAA;QAAA;UAAA;UAAA;UAAA;QAAA;MAAA,GAAC,QAAC,CAAO,CAClD;IAE1B,KAAK,SAAS;MACZ,OACE,gCAAC,mBAAmB;QAClB,OAAO,EAAEc,KAAM;QACf,IAAI,EAAEG,CAAC,CAAC,4CAA4C,CAAE;QAAA;QAAA;UAAA;UAAA;UAAA;QAAA;MAAA,EACtD;IAEN;MACE,OAAO,gCAAC,mBAAmB;QAAC,IAAI,EAAEA,CAAC,CAAC,eAAe,CAAE;QAAA;QAAA;UAAA;UAAA;UAAA;QAAA;MAAA,EAAG;EAAC;AAE/D,CAAC;AAAC;AAEFL,qBAAqB,CAACM,WAAW,GAAG,8CAA8C"}

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

@@ -1,23 +1,15 @@
 var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.LoadingIndicator = void 0;
-
 var _react = _interopRequireDefault(require("react"));
-
 var _reactNative = require("react-native");
-
 var _ThemeContext = require("../../contexts/themeContext/ThemeContext");
-
 var _TranslationContext = require("../../contexts/translationContext/TranslationContext");
-
 var _Spinner = require("../Spinner/Spinner");
-
 var _this = this,
-    _jsxFileName = "/home/runner/work/stream-chat-react-native/stream-chat-react-native/package/src/components/Indicators/LoadingIndicator.tsx";
-
+  _jsxFileName = "/home/runner/work/stream-chat-react-native/stream-chat-react-native/package/src/components/Indicators/LoadingIndicator.tsx";
 var styles = _reactNative.StyleSheet.create({
   container: {
     alignItems: 'center',
@@ -30,17 +22,14 @@ var styles = _reactNative.StyleSheet.create({
     marginTop: 20
   }
 });
-
 var LoadingIndicatorWrapper = function LoadingIndicatorWrapper(_ref) {
   var text = _ref.text;
-
   var _useTheme = (0, _ThemeContext.useTheme)(),
-      _useTheme$theme = _useTheme.theme,
-      black = _useTheme$theme.colors.black,
-      _useTheme$theme$loadi = _useTheme$theme.loadingIndicator,
-      container = _useTheme$theme$loadi.container,
-      loadingText = _useTheme$theme$loadi.loadingText;
-
+    _useTheme$theme = _useTheme.theme,
+    black = _useTheme$theme.colors.black,
+    _useTheme$theme$loadi = _useTheme$theme.loadingIndicator,
+    container = _useTheme$theme$loadi.container,
+    loadingText = _useTheme$theme$loadi.loadingText;
   return _react["default"].createElement(_reactNative.View, {
     style: [styles.container, container],
     __self: _this,
@@ -69,14 +58,11 @@ var LoadingIndicatorWrapper = function LoadingIndicatorWrapper(_ref) {
     }
   }, text));
 };
-
 var LoadingIndicator = function LoadingIndicator(props) {
   var listType = props.listType,
-      loadingText = props.loadingText;
-
+    loadingText = props.loadingText;
   var _useTranslationContex = (0, _TranslationContext.useTranslationContext)(),
-      t = _useTranslationContex.t;
-
+    t = _useTranslationContex.t;
   if (loadingText) {
     return _react["default"].createElement(LoadingIndicatorWrapper, {
       text: loadingText,
@@ -88,7 +74,6 @@ var LoadingIndicator = function LoadingIndicator(props) {
       }
     });
   }
-
   switch (listType) {
     case 'channel':
       return _react["default"].createElement(LoadingIndicatorWrapper, {
@@ -100,7 +85,6 @@ var LoadingIndicator = function LoadingIndicator(props) {
           columnNumber: 14
         }
       });
-
     case 'message':
       return _react["default"].createElement(LoadingIndicatorWrapper, {
         text: t('Loading messages...'),
@@ -111,7 +95,6 @@ var LoadingIndicator = function LoadingIndicator(props) {
           columnNumber: 14
         }
       });
-
     default:
       return _react["default"].createElement(LoadingIndicatorWrapper, {
         text: t('Loading...'),
@@ -124,7 +107,6 @@ var LoadingIndicator = function LoadingIndicator(props) {
       });
   }
 };
-
 exports.LoadingIndicator = LoadingIndicator;
 LoadingIndicator.displayName = 'LoadingIndicator{loadingIndicator}';
 //# sourceMappingURL=LoadingIndicator.js.map

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

@@ -1 +1 @@
-{"version":3,"sources":["LoadingIndicator.tsx"],"names":["styles","StyleSheet","create","container","alignItems","flex","justifyContent","loadingText","fontSize","fontWeight","marginTop","LoadingIndicatorWrapper","text","theme","black","colors","loadingIndicator","color","LoadingIndicator","props","listType","t","displayName"],"mappings":";;;;;;;AAAA;;AACA;;AAEA;;AACA;;AACA;;;;;AAEA,IAAMA,MAAM,GAAGC,wBAAWC,MAAX,CAAkB;AAC/BC,EAAAA,SAAS,EAAE;AACTC,IAAAA,UAAU,EAAE,QADH;AAETC,IAAAA,IAAI,EAAE,CAFG;AAGTC,IAAAA,cAAc,EAAE;AAHP,GADoB;AAM/BC,EAAAA,WAAW,EAAE;AACXC,IAAAA,QAAQ,EAAE,EADC;AAEXC,IAAAA,UAAU,EAAE,KAFD;AAGXC,IAAAA,SAAS,EAAE;AAHA;AANkB,CAAlB,CAAf;;AAaA,IAAMC,uBAAmD,GAAG,SAAtDA,uBAAsD,OAAc;AAAA,MAAXC,IAAW,QAAXA,IAAW;;AACxE,kBAKI,6BALJ;AAAA,kCACEC,KADF;AAAA,MAEcC,KAFd,mBAEIC,MAFJ,CAEcD,KAFd;AAAA,8CAGIE,gBAHJ;AAAA,MAGwBb,SAHxB,yBAGwBA,SAHxB;AAAA,MAGmCI,WAHnC,yBAGmCA,WAHnC;;AAOA,SACE,gCAAC,iBAAD;AAAM,IAAA,KAAK,EAAE,CAACP,MAAM,CAACG,SAAR,EAAmBA,SAAnB,CAAb;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,KACE,gCAAC,gBAAD;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,IADF,EAEE,gCAAC,iBAAD;AAAM,IAAA,KAAK,EAAE,CAACH,MAAM,CAACO,WAAR,EAAqB;AAAEU,MAAAA,KAAK,EAAEH;AAAT,KAArB,EAAuCP,WAAvC,CAAb;AAAkE,IAAA,MAAM,EAAC,SAAzE;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,KACGK,IADH,CAFF,CADF;AAQD,CAhBD;;AA0BO,IAAMM,gBAAwC,GAAG,SAA3CA,gBAA2C,CAACC,KAAD,EAAW;AACjE,MAAQC,QAAR,GAAkCD,KAAlC,CAAQC,QAAR;AAAA,MAAkBb,WAAlB,GAAkCY,KAAlC,CAAkBZ,WAAlB;;AAEA,8BAAc,gDAAd;AAAA,MAAQc,CAAR,yBAAQA,CAAR;;AAEA,MAAId,WAAJ,EAAiB;AACf,WAAO,gCAAC,uBAAD;AAAyB,MAAA,IAAI,EAAEA,WAA/B;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,MAAP;AACD;;AAED,UAAQa,QAAR;AACE,SAAK,SAAL;AACE,aAAO,gCAAC,uBAAD;AAAyB,QAAA,IAAI,EAAEC,CAAC,CAAC,qBAAD,CAAhC;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,QAAP;;AACF,SAAK,SAAL;AACE,aAAO,gCAAC,uBAAD;AAAyB,QAAA,IAAI,EAAEA,CAAC,CAAC,qBAAD,CAAhC;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,QAAP;;AACF;AACE,aAAO,gCAAC,uBAAD;AAAyB,QAAA,IAAI,EAAEA,CAAC,CAAC,YAAD,CAAhC;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,QAAP;AANJ;AAQD,CAjBM;;;AAmBPH,gBAAgB,CAACI,WAAjB,GAA+B,oCAA/B","sourcesContent":["import React from 'react';\nimport { StyleSheet, Text, View } from 'react-native';\n\nimport { useTheme } from '../../contexts/themeContext/ThemeContext';\nimport { useTranslationContext } from '../../contexts/translationContext/TranslationContext';\nimport { Spinner } from '../Spinner/Spinner';\n\nconst styles = StyleSheet.create({\n  container: {\n    alignItems: 'center',\n    flex: 1,\n    justifyContent: 'center',\n  },\n  loadingText: {\n    fontSize: 14,\n    fontWeight: '600',\n    marginTop: 20,\n  },\n});\n\nconst LoadingIndicatorWrapper: React.FC<{ text: string }> = ({ text }) => {\n  const {\n    theme: {\n      colors: { black },\n      loadingIndicator: { container, loadingText },\n    },\n  } = useTheme();\n\n  return (\n    <View style={[styles.container, container]}>\n      <Spinner />\n      <Text style={[styles.loadingText, { color: black }, loadingText]} testID='loading'>\n        {text}\n      </Text>\n    </View>\n  );\n};\n\nexport type LoadingProps = {\n  listType?: 'channel' | 'message' | 'default';\n  loadingText?: string;\n};\n\n/**\n * UI Component for LoadingIndicator\n */\nexport const LoadingIndicator: React.FC<LoadingProps> = (props) => {\n  const { listType, loadingText } = props;\n\n  const { t } = useTranslationContext();\n\n  if (loadingText) {\n    return <LoadingIndicatorWrapper text={loadingText} />;\n  }\n\n  switch (listType) {\n    case 'channel':\n      return <LoadingIndicatorWrapper text={t('Loading channels...')} />;\n    case 'message':\n      return <LoadingIndicatorWrapper text={t('Loading messages...')} />;\n    default:\n      return <LoadingIndicatorWrapper text={t('Loading...')} />;\n  }\n};\n\nLoadingIndicator.displayName = 'LoadingIndicator{loadingIndicator}';\n"]}
+{"version":3,"names":["styles","StyleSheet","create","container","alignItems","flex","justifyContent","loadingText","fontSize","fontWeight","marginTop","LoadingIndicatorWrapper","text","useTheme","theme","black","colors","loadingIndicator","color","LoadingIndicator","props","listType","useTranslationContext","t","displayName"],"sources":["LoadingIndicator.tsx"],"sourcesContent":["import React from 'react';\nimport { StyleSheet, Text, View } from 'react-native';\n\nimport { useTheme } from '../../contexts/themeContext/ThemeContext';\nimport { useTranslationContext } from '../../contexts/translationContext/TranslationContext';\nimport { Spinner } from '../Spinner/Spinner';\n\nconst styles = StyleSheet.create({\n  container: {\n    alignItems: 'center',\n    flex: 1,\n    justifyContent: 'center',\n  },\n  loadingText: {\n    fontSize: 14,\n    fontWeight: '600',\n    marginTop: 20,\n  },\n});\n\nconst LoadingIndicatorWrapper: React.FC<{ text: string }> = ({ text }) => {\n  const {\n    theme: {\n      colors: { black },\n      loadingIndicator: { container, loadingText },\n    },\n  } = useTheme();\n\n  return (\n    <View style={[styles.container, container]}>\n      <Spinner />\n      <Text style={[styles.loadingText, { color: black }, loadingText]} testID='loading'>\n        {text}\n      </Text>\n    </View>\n  );\n};\n\nexport type LoadingProps = {\n  listType?: 'channel' | 'message' | 'default';\n  loadingText?: string;\n};\n\n/**\n * UI Component for LoadingIndicator\n */\nexport const LoadingIndicator: React.FC<LoadingProps> = (props) => {\n  const { listType, loadingText } = props;\n\n  const { t } = useTranslationContext();\n\n  if (loadingText) {\n    return <LoadingIndicatorWrapper text={loadingText} />;\n  }\n\n  switch (listType) {\n    case 'channel':\n      return <LoadingIndicatorWrapper text={t('Loading channels...')} />;\n    case 'message':\n      return <LoadingIndicatorWrapper text={t('Loading messages...')} />;\n    default:\n      return <LoadingIndicatorWrapper text={t('Loading...')} />;\n  }\n};\n\nLoadingIndicator.displayName = 'LoadingIndicator{loadingIndicator}';\n"],"mappings":";;;;;AAAA;AACA;AAEA;AACA;AACA;AAA6C;EAAA;AAE7C,IAAMA,MAAM,GAAGC,uBAAU,CAACC,MAAM,CAAC;EAC/BC,SAAS,EAAE;IACTC,UAAU,EAAE,QAAQ;IACpBC,IAAI,EAAE,CAAC;IACPC,cAAc,EAAE;EAClB,CAAC;EACDC,WAAW,EAAE;IACXC,QAAQ,EAAE,EAAE;IACZC,UAAU,EAAE,KAAK;IACjBC,SAAS,EAAE;EACb;AACF,CAAC,CAAC;AAEF,IAAMC,uBAAmD,GAAG,SAAtDA,uBAAmD,OAAiB;EAAA,IAAXC,IAAI,QAAJA,IAAI;EACjE,gBAKI,IAAAC,sBAAQ,GAAE;IAAA,4BAJZC,KAAK;IACOC,KAAK,mBAAfC,MAAM,CAAID,KAAK;IAAA,wCACfE,gBAAgB;IAAId,SAAS,yBAATA,SAAS;IAAEI,WAAW,yBAAXA,WAAW;EAI9C,OACE,gCAAC,iBAAI;IAAC,KAAK,EAAE,CAACP,MAAM,CAACG,SAAS,EAAEA,SAAS,CAAE;IAAA;IAAA;MAAA;MAAA;MAAA;IAAA;EAAA,GACzC,gCAAC,gBAAO;IAAA;IAAA;MAAA;MAAA;MAAA;IAAA;EAAA,EAAG,EACX,gCAAC,iBAAI;IAAC,KAAK,EAAE,CAACH,MAAM,CAACO,WAAW,EAAE;MAAEW,KAAK,EAAEH;IAAM,CAAC,EAAER,WAAW,CAAE;IAAC,MAAM,EAAC,SAAS;IAAA;IAAA;MAAA;MAAA;MAAA;IAAA;EAAA,GAC/EK,IAAI,CACA,CACF;AAEX,CAAC;AAUM,IAAMO,gBAAwC,GAAG,SAA3CA,gBAAwC,CAAIC,KAAK,EAAK;EACjE,IAAQC,QAAQ,GAAkBD,KAAK,CAA/BC,QAAQ;IAAEd,WAAW,GAAKa,KAAK,CAArBb,WAAW;EAE7B,4BAAc,IAAAe,yCAAqB,GAAE;IAA7BC,CAAC,yBAADA,CAAC;EAET,IAAIhB,WAAW,EAAE;IACf,OAAO,gCAAC,uBAAuB;MAAC,IAAI,EAAEA,WAAY;MAAA;MAAA;QAAA;QAAA;QAAA;MAAA;IAAA,EAAG;EACvD;EAEA,QAAQc,QAAQ;IACd,KAAK,SAAS;MACZ,OAAO,gCAAC,uBAAuB;QAAC,IAAI,EAAEE,CAAC,CAAC,qBAAqB,CAAE;QAAA;QAAA;UAAA;UAAA;UAAA;QAAA;MAAA,EAAG;IACpE,KAAK,SAAS;MACZ,OAAO,gCAAC,uBAAuB;QAAC,IAAI,EAAEA,CAAC,CAAC,qBAAqB,CAAE;QAAA;QAAA;UAAA;UAAA;UAAA;QAAA;MAAA,EAAG;IACpE;MACE,OAAO,gCAAC,uBAAuB;QAAC,IAAI,EAAEA,CAAC,CAAC,YAAY,CAAE;QAAA;QAAA;UAAA;UAAA;UAAA;QAAA;MAAA,EAAG;EAAC;AAEhE,CAAC;AAAC;AAEFJ,gBAAgB,CAACK,WAAW,GAAG,oCAAoC"}

package/lib/commonjs/components/KeyboardCompatibleView/KeyboardCompatibleView.js

@@ -1,45 +1,27 @@
 var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.KeyboardCompatibleView = void 0;
-
 var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
-
 var _objectWithoutProperties2 = _interopRequireDefault(require("@babel/runtime/helpers/objectWithoutProperties"));
-
 var _classCallCheck2 = _interopRequireDefault(require("@babel/runtime/helpers/classCallCheck"));
-
 var _createClass2 = _interopRequireDefault(require("@babel/runtime/helpers/createClass"));
-
 var _inherits2 = _interopRequireDefault(require("@babel/runtime/helpers/inherits"));
-
 var _possibleConstructorReturn2 = _interopRequireDefault(require("@babel/runtime/helpers/possibleConstructorReturn"));
-
 var _getPrototypeOf2 = _interopRequireDefault(require("@babel/runtime/helpers/getPrototypeOf"));
-
 var _react = _interopRequireDefault(require("react"));
-
 var _reactNative = require("react-native");
-
 var _KeyboardContext = require("../../contexts/keyboardContext/KeyboardContext");
-
 var _jsxFileName = "/home/runner/work/stream-chat-react-native/stream-chat-react-native/package/src/components/KeyboardCompatibleView/KeyboardCompatibleView.tsx";
 var _excluded = ["behavior", "children", "contentContainerStyle", "enabled", "style"];
-
 function _createSuper(Derived) { var hasNativeReflectConstruct = _isNativeReflectConstruct(); return function _createSuperInternal() { var Super = (0, _getPrototypeOf2["default"])(Derived), result; if (hasNativeReflectConstruct) { var NewTarget = (0, _getPrototypeOf2["default"])(this).constructor; result = Reflect.construct(Super, arguments, NewTarget); } else { result = Super.apply(this, arguments); } return (0, _possibleConstructorReturn2["default"])(this, result); }; }
-
 function _isNativeReflectConstruct() { if (typeof Reflect === "undefined" || !Reflect.construct) return false; if (Reflect.construct.sham) return false; if (typeof Proxy === "function") return true; try { Boolean.prototype.valueOf.call(Reflect.construct(Boolean, [], function () {})); return true; } catch (e) { return false; } }
-
 var KeyboardCompatibleView = function (_React$Component) {
   (0, _inherits2["default"])(KeyboardCompatibleView, _React$Component);
-
   var _super = _createSuper(KeyboardCompatibleView);
-
   function KeyboardCompatibleView(props) {
     var _this;
-
     (0, _classCallCheck2["default"])(this, KeyboardCompatibleView);
     _this = _super.call(this, props);
     _this._frame = null;
@@ -47,43 +29,32 @@ var KeyboardCompatibleView = function (_React$Component) {
     _this._subscriptions = [];
     _this._appStateSubscription = null;
     _this._initialFrameHeight = 0;
-
     _this._onKeyboardChange = function (event) {
       _this._keyboardEvent = event;
-
       _this._updateBottomIfNecessary();
     };
-
     _this._onLayout = function (event) {
       _this._frame = event.nativeEvent.layout;
-
       if (!_this._initialFrameHeight) {
         _this._initialFrameHeight = _this._frame.height;
       }
-
       _this._updateBottomIfNecessary();
     };
-
     _this._updateBottomIfNecessary = function () {
       if (_this._keyboardEvent === null) {
         _this.setState({
           bottom: 0
         });
-
         return;
       }
-
       var _this$_keyboardEvent = _this._keyboardEvent,
-          duration = _this$_keyboardEvent.duration,
-          easing = _this$_keyboardEvent.easing,
-          endCoordinates = _this$_keyboardEvent.endCoordinates;
-
+        duration = _this$_keyboardEvent.duration,
+        easing = _this$_keyboardEvent.easing,
+        endCoordinates = _this$_keyboardEvent.endCoordinates;
       var height = _this._relativeKeyboardHeight(endCoordinates);
-
       if (_this.state.bottom === height) {
         return;
       }
-
       if (duration && easing) {
         _reactNative.LayoutAnimation.configureNext({
           duration: duration > 10 ? duration : 10,
@@ -93,33 +64,27 @@ var KeyboardCompatibleView = function (_React$Component) {
           }
         });
       }
-
       _this.setState({
         bottom: height
       });
     };
-
     _this._handleAppStateChange = function (nextAppState) {
       if (_this.state.appState.match(/inactive|background/) && nextAppState === 'active') {
         _this.setKeyboardListeners();
       }
-
       if (nextAppState.match(/inactive|background/)) {
         _this.unsetKeyboardListeners();
       }
-
       _this.setState({
         appState: nextAppState
       });
     };
-
     _this.setKeyboardListeners = function () {
       if (_reactNative.Platform.OS === 'ios') {
         _this._subscriptions = [_reactNative.Keyboard.addListener('keyboardWillChangeFrame', _this._onKeyboardChange)];
       } else {
         _this._subscriptions = [_reactNative.Keyboard.addListener('keyboardDidHide', _this._onKeyboardChange), _reactNative.Keyboard.addListener('keyboardDidShow', _this._onKeyboardChange)];
       }
-
       _this._subscriptions.push(_reactNative.Keyboard.addListener('keyboardDidHide', function () {
         _this.setState({
           isKeyboardOpen: false
@@ -130,29 +95,24 @@ var KeyboardCompatibleView = function (_React$Component) {
         });
       }));
     };
-
     _this.unsetKeyboardListeners = function () {
       _this._subscriptions = _this._subscriptions.filter(function (subscription) {
         subscription.remove();
         return false;
       });
     };
-
     _this.dismissKeyboard = function () {
       if (!_this.state.isKeyboardOpen) {
         return;
       }
-
       return new Promise(function (resolve) {
         var subscription = _reactNative.Keyboard.addListener('keyboardDidHide', function () {
           resolve();
           subscription.remove();
         });
-
         _reactNative.Keyboard.dismiss();
       });
     };
-
     _this.state = {
       appState: _reactNative.AppState.currentState,
       bottom: 0,
@@ -161,31 +121,23 @@ var KeyboardCompatibleView = function (_React$Component) {
     _this.viewRef = _react["default"].createRef();
     return _this;
   }
-
   (0, _createClass2["default"])(KeyboardCompatibleView, [{
     key: "_relativeKeyboardHeight",
     value: function _relativeKeyboardHeight(keyboardFrame) {
       var _this$props$keyboardV;
-
       var frame = this._frame;
-
       if (!frame || !keyboardFrame) {
         return 0;
       }
-
       var keyboardY = keyboardFrame.screenY - ((_this$props$keyboardV = this.props.keyboardVerticalOffset) != null ? _this$props$keyboardV : 0);
       var relativeHeight = frame.y + frame.height - keyboardY;
-
       if (_reactNative.Platform.OS === 'android') {
         var _StatusBar$currentHei;
-
         var barHeights = _reactNative.Dimensions.get('screen').height - _reactNative.Dimensions.get('window').height;
-
         if (relativeHeight <= Math.max(barHeights, (_StatusBar$currentHei = _reactNative.StatusBar.currentHeight) != null ? _StatusBar$currentHei : 0)) {
           return 0;
         }
       }
-
       return Math.max(relativeHeight, 0);
     }
   }, {
@@ -198,40 +150,34 @@ var KeyboardCompatibleView = function (_React$Component) {
     key: "componentWillUnmount",
     value: function componentWillUnmount() {
       var _this$_appStateSubscr;
-
       if ((_this$_appStateSubscr = this._appStateSubscription) != null && _this$_appStateSubscr.remove) {
         var _this$_appStateSubscr2;
-
         (_this$_appStateSubscr2 = this._appStateSubscription) == null ? void 0 : _this$_appStateSubscr2.remove();
       } else {
         _reactNative.AppState.removeEventListener('change', this._handleAppStateChange);
       }
-
       this.unsetKeyboardListeners();
     }
   }, {
     key: "render",
     value: function render() {
       var _this$props = this.props,
-          behavior = _this$props.behavior,
-          children = _this$props.children,
-          contentContainerStyle = _this$props.contentContainerStyle,
-          enabled = _this$props.enabled,
-          style = _this$props.style,
-          props = (0, _objectWithoutProperties2["default"])(_this$props, _excluded);
+        behavior = _this$props.behavior,
+        children = _this$props.children,
+        contentContainerStyle = _this$props.contentContainerStyle,
+        enabled = _this$props.enabled,
+        style = _this$props.style,
+        props = (0, _objectWithoutProperties2["default"])(_this$props, _excluded);
       var bottomHeight = enabled ? this.state.bottom : 0;
-
       switch (behavior) {
         case 'height':
           var heightStyle;
-
           if (this._frame !== null && this.state.bottom > 0) {
             heightStyle = {
               flex: 0,
               height: this._initialFrameHeight - bottomHeight
             };
           }
-
           return _react["default"].createElement(_KeyboardContext.KeyboardProvider, {
             value: {
               dismissKeyboard: this.dismissKeyboard
@@ -254,7 +200,6 @@ var KeyboardCompatibleView = function (_React$Component) {
               columnNumber: 13
             }
           }), children));
-
         case 'position':
           return _react["default"].createElement(_KeyboardContext.KeyboardProvider, {
             value: {
@@ -288,7 +233,6 @@ var KeyboardCompatibleView = function (_React$Component) {
               columnNumber: 15
             }
           }, children)));
-
         case 'padding':
           return _react["default"].createElement(_KeyboardContext.KeyboardProvider, {
             value: {
@@ -314,7 +258,6 @@ var KeyboardCompatibleView = function (_React$Component) {
               columnNumber: 13
             }
           }), children));
-
         default:
           return _react["default"].createElement(_KeyboardContext.KeyboardProvider, {
             value: {
@@ -343,7 +286,6 @@ var KeyboardCompatibleView = function (_React$Component) {
   }]);
   return KeyboardCompatibleView;
 }(_react["default"].Component);
-
 exports.KeyboardCompatibleView = KeyboardCompatibleView;
 KeyboardCompatibleView.defaultProps = {
   behavior: _reactNative.Platform.OS === 'ios' ? 'padding' : 'position',