@kiosinc/commons-rn 0.1.86 → 0.1.87

package/lib/commonjs/components/OfflineStrip.js

@@ -0,0 +1,55 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.OfflineStrip = void 0;
+var _react = _interopRequireWildcard(require("react"));
+var _commonsRn = require("@kiosinc/commons-rn");
+var _netinfo = _interopRequireDefault(require("@react-native-community/netinfo"));
+var _reactQuery = require("@tanstack/react-query");
+var _reactNativeMmkv = require("react-native-mmkv");
+var _reactNativePaper = require("react-native-paper");
+var _reactNative = require("react-native");
+var _reactI18next = require("react-i18next");
+var _reactNativeSafeAreaContext = require("react-native-safe-area-context");
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function (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 && Object.prototype.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; }
+const OfflineStrip = () => {
+  const {
+    t
+  } = (0, _reactI18next.useTranslation)();
+  const theme = (0, _reactNativePaper.useTheme)();
+  const [isOnline, setIsOnline] = (0, _reactNativeMmkv.useMMKVBoolean)('online');
+  (0, _react.useEffect)(() => {
+    _reactQuery.onlineManager.setEventListener(setOnline => {
+      return _netinfo.default.addEventListener(state => {
+        setIsOnline(!!state.isConnected);
+        setOnline(!!state.isConnected);
+      });
+    });
+  }, [setIsOnline]);
+  const insets = (0, _reactNativeSafeAreaContext.useSafeAreaInsets)();
+  return /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, !isOnline && /*#__PURE__*/_react.default.createElement(_commonsRn.View, {
+    paddingBottom: "10",
+    justifyContent: "center",
+    style: [styles.view, {
+      paddingTop: insets.top
+    }]
+  }, /*#__PURE__*/_react.default.createElement(_commonsRn.Text, {
+    color: "scrim",
+    textAlign: "center"
+  }, t('commons.offline'), /*#__PURE__*/_react.default.createElement(_reactNativePaper.Icon, {
+    color: theme.colors.scrim,
+    size: 18,
+    source: "network-strength-1-alert"
+  }))));
+};
+exports.OfflineStrip = OfflineStrip;
+const styles = _reactNative.StyleSheet.create({
+  view: {
+    backgroundColor: '#FEB81A'
+  }
+});
+//# sourceMappingURL=OfflineStrip.js.map

package/lib/commonjs/components/OfflineStrip.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["_react","_interopRequireWildcard","require","_commonsRn","_netinfo","_interopRequireDefault","_reactQuery","_reactNativeMmkv","_reactNativePaper","_reactNative","_reactI18next","_reactNativeSafeAreaContext","obj","__esModule","default","_getRequireWildcardCache","e","WeakMap","r","t","has","get","n","__proto__","a","Object","defineProperty","getOwnPropertyDescriptor","u","prototype","hasOwnProperty","call","i","set","OfflineStrip","useTranslation","theme","useTheme","isOnline","setIsOnline","useMMKVBoolean","useEffect","onlineManager","setEventListener","setOnline","NetInfo","addEventListener","state","isConnected","insets","useSafeAreaInsets","createElement","Fragment","View","paddingBottom","justifyContent","style","styles","view","paddingTop","top","Text","color","textAlign","Icon","colors","scrim","size","source","exports","StyleSheet","create","backgroundColor"],"sourceRoot":"../../../src","sources":["components/OfflineStrip.tsx"],"mappings":"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"}

package/lib/commonjs/components/index.js

@@ -99,6 +99,12 @@ Object.defineProperty(exports, "LinkButton", {
     return _LinkButton.LinkButton;
   }
 });
+Object.defineProperty(exports, "OfflineStrip", {
+  enumerable: true,
+  get: function () {
+    return _OfflineStrip.OfflineStrip;
+  }
+});
 Object.defineProperty(exports, "OtpInputs", {
   enumerable: true,
   get: function () {
@@ -220,4 +226,5 @@ var _RefreshControl = require("./RefreshControl");
 var _FirebaseMedia = require("./FirebaseMedia");
 var _PhoneInput = require("./PhoneInput");
 var _DelayedRender = require("./DelayedRender");
+var _OfflineStrip = require("./OfflineStrip");
 //# sourceMappingURL=index.js.map

package/lib/commonjs/components/index.js.map

@@ -1 +1 @@
-{"version":3,"names":["_Alert","require","_Badge","_BottomSheet","_Button","_Card","_Divider","_FAB","_Header","_IconButton","_Image","_KeyboardAvoidingView","_LineLoader","_ContentLoaderList","_LinkButton","_OtpInputs","_ParentView","_Searchbar","_SelectionDialog","_Snackbar","_Surface","_Switch","_Text","_TextInput","_ToggleButton","_TouchableRipple","_Video","_View","_RefreshControl","_FirebaseMedia","_PhoneInput","_DelayedRender"],"sourceRoot":"../../../src","sources":["components/index.ts"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,IAAAA,MAAA,GAAAC,OAAA;AACA,IAAAC,MAAA,GAAAD,OAAA;AACA,IAAAE,YAAA,GAAAF,OAAA;AACA,IAAAG,OAAA,GAAAH,OAAA;AACA,IAAAI,KAAA,GAAAJ,OAAA;AACA,IAAAK,QAAA,GAAAL,OAAA;AACA,IAAAM,IAAA,GAAAN,OAAA;AACA,IAAAO,OAAA,GAAAP,OAAA;AACA,IAAAQ,WAAA,GAAAR,OAAA;AACA,IAAAS,MAAA,GAAAT,OAAA;AACA,IAAAU,qBAAA,GAAAV,OAAA;AACA,IAAAW,WAAA,GAAAX,OAAA;AACA,IAAAY,kBAAA,GAAAZ,OAAA;AACA,IAAAa,WAAA,GAAAb,OAAA;AACA,IAAAc,UAAA,GAAAd,OAAA;AACA,IAAAe,WAAA,GAAAf,OAAA;AACA,IAAAgB,UAAA,GAAAhB,OAAA;AACA,IAAAiB,gBAAA,GAAAjB,OAAA;AACA,IAAAkB,SAAA,GAAAlB,OAAA;AACA,IAAAmB,QAAA,GAAAnB,OAAA;AACA,IAAAoB,OAAA,GAAApB,OAAA;AACA,IAAAqB,KAAA,GAAArB,OAAA;AACA,IAAAsB,UAAA,GAAAtB,OAAA;AACA,IAAAuB,aAAA,GAAAvB,OAAA;AACA,IAAAwB,gBAAA,GAAAxB,OAAA;AACA,IAAAyB,MAAA,GAAAzB,OAAA;AACA,IAAA0B,KAAA,GAAA1B,OAAA;AACA,IAAA2B,eAAA,GAAA3B,OAAA;AACA,IAAA4B,cAAA,GAAA5B,OAAA;AACA,IAAA6B,WAAA,GAAA7B,OAAA;AACA,IAAA8B,cAAA,GAAA9B,OAAA"}
+{"version":3,"names":["_Alert","require","_Badge","_BottomSheet","_Button","_Card","_Divider","_FAB","_Header","_IconButton","_Image","_KeyboardAvoidingView","_LineLoader","_ContentLoaderList","_LinkButton","_OtpInputs","_ParentView","_Searchbar","_SelectionDialog","_Snackbar","_Surface","_Switch","_Text","_TextInput","_ToggleButton","_TouchableRipple","_Video","_View","_RefreshControl","_FirebaseMedia","_PhoneInput","_DelayedRender","_OfflineStrip"],"sourceRoot":"../../../src","sources":["components/index.ts"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,IAAAA,MAAA,GAAAC,OAAA;AACA,IAAAC,MAAA,GAAAD,OAAA;AACA,IAAAE,YAAA,GAAAF,OAAA;AACA,IAAAG,OAAA,GAAAH,OAAA;AACA,IAAAI,KAAA,GAAAJ,OAAA;AACA,IAAAK,QAAA,GAAAL,OAAA;AACA,IAAAM,IAAA,GAAAN,OAAA;AACA,IAAAO,OAAA,GAAAP,OAAA;AACA,IAAAQ,WAAA,GAAAR,OAAA;AACA,IAAAS,MAAA,GAAAT,OAAA;AACA,IAAAU,qBAAA,GAAAV,OAAA;AACA,IAAAW,WAAA,GAAAX,OAAA;AACA,IAAAY,kBAAA,GAAAZ,OAAA;AACA,IAAAa,WAAA,GAAAb,OAAA;AACA,IAAAc,UAAA,GAAAd,OAAA;AACA,IAAAe,WAAA,GAAAf,OAAA;AACA,IAAAgB,UAAA,GAAAhB,OAAA;AACA,IAAAiB,gBAAA,GAAAjB,OAAA;AACA,IAAAkB,SAAA,GAAAlB,OAAA;AACA,IAAAmB,QAAA,GAAAnB,OAAA;AACA,IAAAoB,OAAA,GAAApB,OAAA;AACA,IAAAqB,KAAA,GAAArB,OAAA;AACA,IAAAsB,UAAA,GAAAtB,OAAA;AACA,IAAAuB,aAAA,GAAAvB,OAAA;AACA,IAAAwB,gBAAA,GAAAxB,OAAA;AACA,IAAAyB,MAAA,GAAAzB,OAAA;AACA,IAAA0B,KAAA,GAAA1B,OAAA;AACA,IAAA2B,eAAA,GAAA3B,OAAA;AACA,IAAA4B,cAAA,GAAA5B,OAAA;AACA,IAAA6B,WAAA,GAAA7B,OAAA;AACA,IAAA8B,cAAA,GAAA9B,OAAA;AACA,IAAA+B,aAAA,GAAA/B,OAAA"}

package/lib/commonjs/localization/translations/en.json

@@ -1,5 +1,6 @@
 {
   "commons": {
+    "offline": "You seem to be offline...    ",
     "ok": "OK",
     "close": "Close",
     "create": "Create",

package/lib/module/components/OfflineStrip.js

@@ -0,0 +1,45 @@
+import React, { useEffect } from 'react';
+import { Text, View } from '@kiosinc/commons-rn';
+import NetInfo from '@react-native-community/netinfo';
+import { onlineManager } from '@tanstack/react-query';
+import { useMMKVBoolean } from 'react-native-mmkv';
+import { Icon, useTheme } from 'react-native-paper';
+import { StyleSheet } from 'react-native';
+import { useTranslation } from 'react-i18next';
+import { useSafeAreaInsets } from 'react-native-safe-area-context';
+export const OfflineStrip = () => {
+  const {
+    t
+  } = useTranslation();
+  const theme = useTheme();
+  const [isOnline, setIsOnline] = useMMKVBoolean('online');
+  useEffect(() => {
+    onlineManager.setEventListener(setOnline => {
+      return NetInfo.addEventListener(state => {
+        setIsOnline(!!state.isConnected);
+        setOnline(!!state.isConnected);
+      });
+    });
+  }, [setIsOnline]);
+  const insets = useSafeAreaInsets();
+  return /*#__PURE__*/React.createElement(React.Fragment, null, !isOnline && /*#__PURE__*/React.createElement(View, {
+    paddingBottom: "10",
+    justifyContent: "center",
+    style: [styles.view, {
+      paddingTop: insets.top
+    }]
+  }, /*#__PURE__*/React.createElement(Text, {
+    color: "scrim",
+    textAlign: "center"
+  }, t('commons.offline'), /*#__PURE__*/React.createElement(Icon, {
+    color: theme.colors.scrim,
+    size: 18,
+    source: "network-strength-1-alert"
+  }))));
+};
+const styles = StyleSheet.create({
+  view: {
+    backgroundColor: '#FEB81A'
+  }
+});
+//# sourceMappingURL=OfflineStrip.js.map

package/lib/module/components/OfflineStrip.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["React","useEffect","Text","View","NetInfo","onlineManager","useMMKVBoolean","Icon","useTheme","StyleSheet","useTranslation","useSafeAreaInsets","OfflineStrip","t","theme","isOnline","setIsOnline","setEventListener","setOnline","addEventListener","state","isConnected","insets","createElement","Fragment","paddingBottom","justifyContent","style","styles","view","paddingTop","top","color","textAlign","colors","scrim","size","source","create","backgroundColor"],"sourceRoot":"../../../src","sources":["components/OfflineStrip.tsx"],"mappings":"AAAA,OAAOA,KAAK,IAAIC,SAAS,QAAQ,OAAO;AACxC,SAASC,IAAI,EAAEC,IAAI,QAAQ,qBAAqB;AAChD,OAAOC,OAAO,MAAM,iCAAiC;AACrD,SAASC,aAAa,QAAQ,uBAAuB;AACrD,SAASC,cAAc,QAAQ,mBAAmB;AAClD,SAASC,IAAI,EAAEC,QAAQ,QAAQ,oBAAoB;AACnD,SAASC,UAAU,QAAQ,cAAc;AACzC,SAASC,cAAc,QAAQ,eAAe;AAC9C,SAASC,iBAAiB,QAAQ,gCAAgC;AAElE,OAAO,MAAMC,YAAY,GAAGA,CAAA,KAAM;EAChC,MAAM;IAAEC;EAAE,CAAC,GAAGH,cAAc,CAAC,CAAC;EAC9B,MAAMI,KAAK,GAAGN,QAAQ,CAAC,CAAC;EACxB,MAAM,CAACO,QAAQ,EAAEC,WAAW,CAAC,GAAGV,cAAc,CAAC,QAAQ,CAAC;EACxDL,SAAS,CAAC,MAAM;IACdI,aAAa,CAACY,gBAAgB,CAAEC,SAAS,IAAK;MAC5C,OAAOd,OAAO,CAACe,gBAAgB,CAAEC,KAAK,IAAK;QACzCJ,WAAW,CAAC,CAAC,CAACI,KAAK,CAACC,WAAW,CAAC;QAChCH,SAAS,CAAC,CAAC,CAACE,KAAK,CAACC,WAAW,CAAC;MAChC,CAAC,CAAC;IACJ,CAAC,CAAC;EACJ,CAAC,EAAE,CAACL,WAAW,CAAC,CAAC;EAEjB,MAAMM,MAAM,GAAGX,iBAAiB,CAAC,CAAC;EAElC,oBACEX,KAAA,CAAAuB,aAAA,CAAAvB,KAAA,CAAAwB,QAAA,QACG,CAACT,QAAQ,iBACRf,KAAA,CAAAuB,aAAA,CAACpB,IAAI;IACHsB,aAAa,EAAC,IAAI;IAClBC,cAAc,EAAC,QAAQ;IACvBC,KAAK,EAAE,CAACC,MAAM,CAACC,IAAI,EAAE;MAAEC,UAAU,EAAER,MAAM,CAACS;IAAI,CAAC;EAAE,gBAEjD/B,KAAA,CAAAuB,aAAA,CAACrB,IAAI;IAAC8B,KAAK,EAAC,OAAO;IAACC,SAAS,EAAC;EAAQ,GACnCpB,CAAC,CAAC,iBAAiB,CAAC,eACrBb,KAAA,CAAAuB,aAAA,CAAChB,IAAI;IACHyB,KAAK,EAAElB,KAAK,CAACoB,MAAM,CAACC,KAAM;IAC1BC,IAAI,EAAE,EAAG;IACTC,MAAM,EAAC;EAA0B,CAClC,CACG,CACF,CAER,CAAC;AAEP,CAAC;AAED,MAAMT,MAAM,GAAGnB,UAAU,CAAC6B,MAAM,CAAC;EAC/BT,IAAI,EAAE;IACJU,eAAe,EAAE;EACnB;AACF,CAAC,CAAC"}

package/lib/module/components/index.js

@@ -29,4 +29,5 @@ export { RefreshControl } from './RefreshControl';
 export { FirebaseMedia } from './FirebaseMedia';
 export { PhoneInput } from './PhoneInput';
 export { DelayedRender } from './DelayedRender';
+export { OfflineStrip } from './OfflineStrip';
 //# sourceMappingURL=index.js.map

package/lib/module/components/index.js.map

@@ -1 +1 @@
-{"version":3,"names":["Alert","Badge","BottomSheet","Button","Card","Divider","FAB","Header","IconButton","Image","KeyboardAvoidingView","LineLoader","ContentLoaderList","LinkButton","OtpInputs","ParentView","Searchbar","SelectionDialog","Snackbar","Surface","Switch","Text","TextInput","ToggleButton","TouchableRipple","Video","View","RefreshControl","FirebaseMedia","PhoneInput","DelayedRender"],"sourceRoot":"../../../src","sources":["components/index.ts"],"mappings":"AAAA,SAASA,KAAK,QAAQ,SAAS;AAC/B,SAASC,KAAK,QAAQ,SAAS;AAC/B,SAASC,WAAW,QAAQ,eAAe;AAC3C,SAASC,MAAM,QAAQ,UAAU;AACjC,SAASC,IAAI,QAAQ,QAAQ;AAC7B,SAASC,OAAO,QAAQ,WAAW;AACnC,SAASC,GAAG,QAAQ,OAAO;AAC3B,SAASC,MAAM,QAAQ,UAAU;AACjC,SAASC,UAAU,QAAQ,cAAc;AACzC,SAASC,KAAK,QAAQ,SAAS;AAC/B,SAASC,oBAAoB,QAAQ,wBAAwB;AAC7D,SAASC,UAAU,QAAQ,cAAc;AACzC,SAASC,iBAAiB,QAAQ,qBAAqB;AACvD,SAASC,UAAU,QAAQ,cAAc;AACzC,SAASC,SAAS,QAAQ,aAAa;AACvC,SAASC,UAAU,QAAQ,cAAc;AACzC,SAASC,SAAS,QAAQ,aAAa;AACvC,SAASC,eAAe,QAAQ,mBAAmB;AACnD,SAASC,QAAQ,QAAQ,YAAY;AACrC,SAASC,OAAO,QAAQ,WAAW;AACnC,SAASC,MAAM,QAAQ,UAAU;AACjC,SAASC,IAAI,QAAQ,QAAQ;AAC7B,SAASC,SAAS,QAAQ,aAAa;AACvC,SAASC,YAAY,QAAQ,gBAAgB;AAC7C,SAASC,eAAe,QAAQ,mBAAmB;AACnD,SAASC,KAAK,QAAQ,SAAS;AAC/B,SAASC,IAAI,QAAQ,QAAQ;AAC7B,SAASC,cAAc,QAAQ,kBAAkB;AACjD,SAASC,aAAa,QAAQ,iBAAiB;AAC/C,SAASC,UAAU,QAAuB,cAAc;AACxD,SAASC,aAAa,QAAQ,iBAAiB"}
+{"version":3,"names":["Alert","Badge","BottomSheet","Button","Card","Divider","FAB","Header","IconButton","Image","KeyboardAvoidingView","LineLoader","ContentLoaderList","LinkButton","OtpInputs","ParentView","Searchbar","SelectionDialog","Snackbar","Surface","Switch","Text","TextInput","ToggleButton","TouchableRipple","Video","View","RefreshControl","FirebaseMedia","PhoneInput","DelayedRender","OfflineStrip"],"sourceRoot":"../../../src","sources":["components/index.ts"],"mappings":"AAAA,SAASA,KAAK,QAAQ,SAAS;AAC/B,SAASC,KAAK,QAAQ,SAAS;AAC/B,SAASC,WAAW,QAAQ,eAAe;AAC3C,SAASC,MAAM,QAAQ,UAAU;AACjC,SAASC,IAAI,QAAQ,QAAQ;AAC7B,SAASC,OAAO,QAAQ,WAAW;AACnC,SAASC,GAAG,QAAQ,OAAO;AAC3B,SAASC,MAAM,QAAQ,UAAU;AACjC,SAASC,UAAU,QAAQ,cAAc;AACzC,SAASC,KAAK,QAAQ,SAAS;AAC/B,SAASC,oBAAoB,QAAQ,wBAAwB;AAC7D,SAASC,UAAU,QAAQ,cAAc;AACzC,SAASC,iBAAiB,QAAQ,qBAAqB;AACvD,SAASC,UAAU,QAAQ,cAAc;AACzC,SAASC,SAAS,QAAQ,aAAa;AACvC,SAASC,UAAU,QAAQ,cAAc;AACzC,SAASC,SAAS,QAAQ,aAAa;AACvC,SAASC,eAAe,QAAQ,mBAAmB;AACnD,SAASC,QAAQ,QAAQ,YAAY;AACrC,SAASC,OAAO,QAAQ,WAAW;AACnC,SAASC,MAAM,QAAQ,UAAU;AACjC,SAASC,IAAI,QAAQ,QAAQ;AAC7B,SAASC,SAAS,QAAQ,aAAa;AACvC,SAASC,YAAY,QAAQ,gBAAgB;AAC7C,SAASC,eAAe,QAAQ,mBAAmB;AACnD,SAASC,KAAK,QAAQ,SAAS;AAC/B,SAASC,IAAI,QAAQ,QAAQ;AAC7B,SAASC,cAAc,QAAQ,kBAAkB;AACjD,SAASC,aAAa,QAAQ,iBAAiB;AAC/C,SAASC,UAAU,QAAuB,cAAc;AACxD,SAASC,aAAa,QAAQ,iBAAiB;AAC/C,SAASC,YAAY,QAAQ,gBAAgB"}

package/lib/module/localization/translations/en.json

@@ -1,5 +1,6 @@
 {
   "commons": {
+    "offline": "You seem to be offline...    ",
     "ok": "OK",
     "close": "Close",
     "create": "Create",

package/lib/typescript/src/components/OfflineStrip.d.ts

@@ -0,0 +1,3 @@
+/// <reference types="react" />
+export declare const OfflineStrip: () => JSX.Element;
+//# sourceMappingURL=OfflineStrip.d.ts.map

package/lib/typescript/src/components/OfflineStrip.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"OfflineStrip.d.ts","sourceRoot":"","sources":["../../../../src/components/OfflineStrip.tsx"],"names":[],"mappings":";AAUA,eAAO,MAAM,YAAY,mBAmCxB,CAAC"}

package/lib/typescript/src/components/index.d.ts

@@ -29,4 +29,5 @@ export { RefreshControl } from './RefreshControl';
 export { FirebaseMedia } from './FirebaseMedia';
 export { PhoneInput, type PCountry } from './PhoneInput';
 export { DelayedRender } from './DelayedRender';
+export { OfflineStrip } from './OfflineStrip';
 //# sourceMappingURL=index.d.ts.map

package/lib/typescript/src/components/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/components/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,KAAK,EAAE,MAAM,SAAS,CAAC;AAChC,OAAO,EAAE,KAAK,EAAE,MAAM,SAAS,CAAC;AAChC,OAAO,EAAE,WAAW,EAAE,MAAM,eAAe,CAAC;AAC5C,OAAO,EAAE,MAAM,EAAE,MAAM,UAAU,CAAC;AAClC,OAAO,EAAE,IAAI,EAAE,MAAM,QAAQ,CAAC;AAC9B,OAAO,EAAE,OAAO,EAAE,MAAM,WAAW,CAAC;AACpC,OAAO,EAAE,GAAG,EAAE,MAAM,OAAO,CAAC;AAC5B,OAAO,EAAE,MAAM,EAAE,MAAM,UAAU,CAAC;AAClC,OAAO,EAAE,UAAU,EAAE,MAAM,cAAc,CAAC;AAC1C,OAAO,EAAE,KAAK,EAAE,MAAM,SAAS,CAAC;AAChC,OAAO,EAAE,oBAAoB,EAAE,MAAM,wBAAwB,CAAC;AAC9D,OAAO,EAAE,UAAU,EAAE,MAAM,cAAc,CAAC;AAC1C,OAAO,EAAE,iBAAiB,EAAE,MAAM,qBAAqB,CAAC;AACxD,OAAO,EAAE,UAAU,EAAE,MAAM,cAAc,CAAC;AAC1C,OAAO,EAAE,SAAS,EAAE,MAAM,aAAa,CAAC;AACxC,OAAO,EAAE,UAAU,EAAE,MAAM,cAAc,CAAC;AAC1C,OAAO,EAAE,SAAS,EAAE,MAAM,aAAa,CAAC;AACxC,OAAO,EAAE,eAAe,EAAE,MAAM,mBAAmB,CAAC;AACpD,OAAO,EAAE,QAAQ,EAAE,MAAM,YAAY,CAAC;AACtC,OAAO,EAAE,OAAO,EAAE,MAAM,WAAW,CAAC;AACpC,OAAO,EAAE,MAAM,EAAE,MAAM,UAAU,CAAC;AAClC,OAAO,EAAE,IAAI,EAAE,MAAM,QAAQ,CAAC;AAC9B,OAAO,EAAE,SAAS,EAAE,MAAM,aAAa,CAAC;AACxC,OAAO,EAAE,YAAY,EAAE,MAAM,gBAAgB,CAAC;AAC9C,OAAO,EAAE,eAAe,EAAE,MAAM,mBAAmB,CAAC;AACpD,OAAO,EAAE,KAAK,EAAE,MAAM,SAAS,CAAC;AAChC,OAAO,EAAE,IAAI,EAAE,MAAM,QAAQ,CAAC;AAC9B,OAAO,EAAE,cAAc,EAAE,MAAM,kBAAkB,CAAC;AAClD,OAAO,EAAE,aAAa,EAAE,MAAM,iBAAiB,CAAC;AAChD,OAAO,EAAE,UAAU,EAAE,KAAK,QAAQ,EAAE,MAAM,cAAc,CAAC;AACzD,OAAO,EAAE,aAAa,EAAE,MAAM,iBAAiB,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/components/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,KAAK,EAAE,MAAM,SAAS,CAAC;AAChC,OAAO,EAAE,KAAK,EAAE,MAAM,SAAS,CAAC;AAChC,OAAO,EAAE,WAAW,EAAE,MAAM,eAAe,CAAC;AAC5C,OAAO,EAAE,MAAM,EAAE,MAAM,UAAU,CAAC;AAClC,OAAO,EAAE,IAAI,EAAE,MAAM,QAAQ,CAAC;AAC9B,OAAO,EAAE,OAAO,EAAE,MAAM,WAAW,CAAC;AACpC,OAAO,EAAE,GAAG,EAAE,MAAM,OAAO,CAAC;AAC5B,OAAO,EAAE,MAAM,EAAE,MAAM,UAAU,CAAC;AAClC,OAAO,EAAE,UAAU,EAAE,MAAM,cAAc,CAAC;AAC1C,OAAO,EAAE,KAAK,EAAE,MAAM,SAAS,CAAC;AAChC,OAAO,EAAE,oBAAoB,EAAE,MAAM,wBAAwB,CAAC;AAC9D,OAAO,EAAE,UAAU,EAAE,MAAM,cAAc,CAAC;AAC1C,OAAO,EAAE,iBAAiB,EAAE,MAAM,qBAAqB,CAAC;AACxD,OAAO,EAAE,UAAU,EAAE,MAAM,cAAc,CAAC;AAC1C,OAAO,EAAE,SAAS,EAAE,MAAM,aAAa,CAAC;AACxC,OAAO,EAAE,UAAU,EAAE,MAAM,cAAc,CAAC;AAC1C,OAAO,EAAE,SAAS,EAAE,MAAM,aAAa,CAAC;AACxC,OAAO,EAAE,eAAe,EAAE,MAAM,mBAAmB,CAAC;AACpD,OAAO,EAAE,QAAQ,EAAE,MAAM,YAAY,CAAC;AACtC,OAAO,EAAE,OAAO,EAAE,MAAM,WAAW,CAAC;AACpC,OAAO,EAAE,MAAM,EAAE,MAAM,UAAU,CAAC;AAClC,OAAO,EAAE,IAAI,EAAE,MAAM,QAAQ,CAAC;AAC9B,OAAO,EAAE,SAAS,EAAE,MAAM,aAAa,CAAC;AACxC,OAAO,EAAE,YAAY,EAAE,MAAM,gBAAgB,CAAC;AAC9C,OAAO,EAAE,eAAe,EAAE,MAAM,mBAAmB,CAAC;AACpD,OAAO,EAAE,KAAK,EAAE,MAAM,SAAS,CAAC;AAChC,OAAO,EAAE,IAAI,EAAE,MAAM,QAAQ,CAAC;AAC9B,OAAO,EAAE,cAAc,EAAE,MAAM,kBAAkB,CAAC;AAClD,OAAO,EAAE,aAAa,EAAE,MAAM,iBAAiB,CAAC;AAChD,OAAO,EAAE,UAAU,EAAE,KAAK,QAAQ,EAAE,MAAM,cAAc,CAAC;AACzD,OAAO,EAAE,aAAa,EAAE,MAAM,iBAAiB,CAAC;AAChD,OAAO,EAAE,YAAY,EAAE,MAAM,gBAAgB,CAAC"}

package/lib/typescript/src/localization/index.d.ts

@@ -1,6 +1,7 @@
 export declare const translations: {
     en: {
         commons: {
+            offline: string;
             ok: string;
             close: string;
             create: string;

package/lib/typescript/src/localization/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/localization/index.ts"],"names":[],"mappings":"AACA,eAAO,MAAM,YAAY;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAExB,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/localization/index.ts"],"names":[],"mappings":"AACA,eAAO,MAAM,YAAY;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAExB,CAAC"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@kiosinc/commons-rn",
-  "version": "0.1.86",
+  "version": "0.1.87",
   "description": "Common Code",
   "main": "lib/commonjs/index",
   "module": "lib/module/index",
@@ -57,6 +57,7 @@
   "devDependencies": {
     "@commitlint/config-conventional": "^17.0.2",
     "@evilmartians/lefthook": "^1.5.0",
+    "@react-native-community/netinfo": "^11.4.1",
     "@react-native-firebase/auth": "^20.3.0",
     "@react-native/eslint-config": "^0.72.2",
     "@react-navigation/native": "^6.1.9",
@@ -93,6 +94,7 @@
     "react-native-reanimated": "3.3.0"
   },
   "peerDependencies": {
+    "@react-native-community/netinfo": "*",
     "@react-navigation/native": "^6.1.9",
     "@shopify/flash-list": "^1.5.0",
     "react": "*",

package/src/components/OfflineStrip.tsx

@@ -0,0 +1,52 @@
+import React, { useEffect } from 'react';
+import { Text, View } from '@kiosinc/commons-rn';
+import NetInfo from '@react-native-community/netinfo';
+import { onlineManager } from '@tanstack/react-query';
+import { useMMKVBoolean } from 'react-native-mmkv';
+import { Icon, useTheme } from 'react-native-paper';
+import { StyleSheet } from 'react-native';
+import { useTranslation } from 'react-i18next';
+import { useSafeAreaInsets } from 'react-native-safe-area-context';
+
+export const OfflineStrip = () => {
+  const { t } = useTranslation();
+  const theme = useTheme();
+  const [isOnline, setIsOnline] = useMMKVBoolean('online');
+  useEffect(() => {
+    onlineManager.setEventListener((setOnline) => {
+      return NetInfo.addEventListener((state) => {
+        setIsOnline(!!state.isConnected);
+        setOnline(!!state.isConnected);
+      });
+    });
+  }, [setIsOnline]);
+
+  const insets = useSafeAreaInsets();
+
+  return (
+    <>
+      {!isOnline && (
+        <View
+          paddingBottom="10"
+          justifyContent="center"
+          style={[styles.view, { paddingTop: insets.top }]}
+        >
+          <Text color="scrim" textAlign="center">
+            {t('commons.offline')}
+            <Icon
+              color={theme.colors.scrim}
+              size={18}
+              source="network-strength-1-alert"
+            />
+          </Text>
+        </View>
+      )}
+    </>
+  );
+};
+
+const styles = StyleSheet.create({
+  view: {
+    backgroundColor: '#FEB81A',
+  },
+});

package/src/components/index.ts

@@ -29,3 +29,4 @@ export { RefreshControl } from './RefreshControl';
 export { FirebaseMedia } from './FirebaseMedia';
 export { PhoneInput, type PCountry } from './PhoneInput';
 export { DelayedRender } from './DelayedRender';
+export { OfflineStrip } from './OfflineStrip';

package/src/localization/translations/en.json

@@ -1,5 +1,6 @@
 {
   "commons": {
+    "offline": "You seem to be offline...    ",
     "ok": "OK",
     "close": "Close",
     "create": "Create",