@bifold/core 2.2.0 → 2.2.1

package/src/contexts/reducers/store.ts

@@ -64,6 +64,8 @@ enum PreferencesDispatchAction {
   SET_SELECTED_MEDIATOR = 'preferences/setSelectedMediator',
   ADD_AVAILABLE_MEDIATOR = 'preferences/addAvailableMediator',
   RESET_MEDIATORS = 'preferences/resetMediators',
+  BANNER_MESSAGES = 'preferences/bannerMessages',
+  REMOVE_BANNER_MESSAGE = 'REMOVE_BANNER_MESSAGE',
 }
 
 enum ToursDispatchAction {
@@ -561,6 +563,34 @@ export const reducer = <S extends State>(state: S, action: ReducerAction<Dispatc
       }
     }
 
+    case PreferencesDispatchAction.BANNER_MESSAGES: {
+      const bannerMessageToAdd = action?.payload ?? []
+      const newBannerMessages = [...state.preferences.bannerMessages, ...bannerMessageToAdd]
+      const preferences: Preferences = {
+        ...state.preferences,
+        bannerMessages: newBannerMessages,
+      }
+      PersistentStorage.storeValueForKey(LocalStorageKeys.Preferences, preferences)
+      return {
+        ...state,
+        preferences,
+      }
+    }
+
+    case PreferencesDispatchAction.REMOVE_BANNER_MESSAGE: {
+      const keysToRemove = action?.payload ?? []
+      const newBannerMessages = state.preferences.bannerMessages.filter((msg) => !keysToRemove.includes(msg.id))
+      const preferences: Preferences = {
+        ...state.preferences,
+        bannerMessages: newBannerMessages,
+      }
+      PersistentStorage.storeValueForKey(LocalStorageKeys.Preferences, preferences)
+      return {
+        ...state,
+        preferences,
+      }
+    }
+
     case OnboardingDispatchAction.ONBOARDING_VERSION: {
       const version = (action?.payload || []).pop()
       const onboarding = {

package/src/contexts/store.tsx

@@ -60,6 +60,7 @@ export const defaultState: State = {
     autoLockTime: defaultAutoLockTime, // default wallets lockout time to 5 minutes
     availableMediators: [Config.MEDIATOR_URL ?? ''],
     selectedMediator: Config.MEDIATOR_URL ?? '',
+    bannerMessages: [],
   },
   tours: {
     seenToursPrompt: false,

package/src/index.ts

@@ -15,7 +15,6 @@ import CredentialCard from './components/misc/CredentialCard'
 import InfoBox, { InfoBoxType } from './components/misc/InfoBox'
 import ErrorModal from './components/modals/ErrorModal'
 import SafeAreaModal from './components/modals/SafeAreaModal'
-import NetInfo from './components/network/NetInfo'
 import Record from './components/record/Record'
 import InfoTextBox from './components/texts/InfoTextBox'
 import Link from './components/texts/Link'
@@ -189,7 +188,6 @@ export {
   ToastType,
   toastConfig,
   NavContainer,
-  NetInfo,
   OnboardingPages,
   OpenIDCredentialRecordProvider,
   NotificationListItem,

package/src/localization/en/en.json

@@ -944,5 +944,8 @@
     "LearnMore": "Learn what's New",
     "UpdateNow": "Update the app",
     "UpdateLater": "Do this later"
+  },
+  "Banner": {
+    "AlertsLength": "You have {{ alerts }} alerts"
   }
 }

package/src/localization/fr/fr.json

@@ -927,5 +927,8 @@
     "LearnMore": "Learn what's New (FR)",
     "UpdateNow": "Update the app (FR)",
     "UpdateLater": "Do this later (FR)"
+  },
+  "Banner": {
+    "AlertsLength": "You have {{ alerts }} alerts (FR)"
   }
 }

package/src/localization/pt-br/pt-br.json

@@ -905,5 +905,8 @@
     "LearnMore": "Learn what's New (PT-BR)",
     "UpdateNow": "Update the app (PT-BR)",
     "UpdateLater": "Do this later (PT-BR)"
+  },
+   "Banner": {
+    "AlertsLength": "You have {{ alerts }} alerts (PT-BR)"
   }
 }

package/src/navigators/MainStack.tsx

@@ -68,7 +68,10 @@ const MainStack: React.FC = () => {
     <View style={{ flex: 1 }} importantForAccessibility={hideElements}>
       <Stack.Navigator
         initialRouteName={Stacks.TabStack}
-        screenOptions={{ ...defaultStackOptions, headerShown: false }}
+        screenOptions={{
+          ...defaultStackOptions,
+          headerShown: false,
+        }}
       >
         <Stack.Screen name={Stacks.TabStack} component={TabStack} />
         <Stack.Screen

package/src/navigators/defaultStackOptions.tsx

@@ -7,6 +7,7 @@ import { ITheme, OnboardingTheme } from '../theme'
 import { ScreenOptionsType, Screens } from '../types/navigators'
 import { testIdWithKey } from '../utils/testable'
 import { TOKENS, useServices } from '../container-api'
+import HeaderWithBanner from '../components/views/HeaderWithBanner'
 
 export const DefaultScreenOptionsDictionary: ScreenOptionsType = {
   [Screens.Preface]: {
@@ -94,6 +95,7 @@ export function useDefaultStackOptions({ ColorPallet }: ITheme): StackNavigation
       },
       headerTitleAlign: 'center' as 'center' | 'left',
       headerTitle: (props: { children: React.ReactNode }) => <HeaderTitle {...props} />,
+      header: (props) => <HeaderWithBanner {...props} />,
       headerBackAccessibilityLabel: t('Global.Back'),
     }
   )

package/src/screens/Chat.tsx

@@ -1,6 +1,7 @@
 import { BasicMessageRepository, ConnectionRecord } from '@credo-ts/core'
 import { useAgent, useBasicMessagesByConnectionId, useConnectionById } from '@credo-ts/react-hooks'
 import { useIsFocused, useNavigation } from '@react-navigation/native'
+import { useHeaderHeight } from '@react-navigation/elements'
 import { StackNavigationProp, StackScreenProps } from '@react-navigation/stack'
 import React, { useCallback, useEffect, useMemo, useState } from 'react'
 import { useTranslation } from 'react-i18next'
@@ -20,6 +21,7 @@ import { Role } from '../types/chat'
 import { BasicMessageMetadata, basicMessageCustomMetadata } from '../types/metadata'
 import { RootStackParams, ContactStackParams, Screens, Stacks } from '../types/navigators'
 import { getConnectionName } from '../utils/helpers'
+import { KeyboardAvoidingView } from 'react-native'
 
 type ChatProps = StackScreenProps<ContactStackParams, Screens.Chat> | StackScreenProps<RootStackParams, Screens.Chat>
 
@@ -41,6 +43,7 @@ const Chat: React.FC<ChatProps> = ({ route }) => {
   const [showActionSlider, setShowActionSlider] = useState(false)
   const { ChatTheme: theme, Assets } = useTheme()
   const [theirLabel, setTheirLabel] = useState(getConnectionName(connection, store.preferences.alternateContactNames))
+  const headerHeight = useHeaderHeight()
 
   // This useEffect is for properly rendering changes to the alt contact name, useMemo did not pick them up
   useEffect(() => {
@@ -105,25 +108,28 @@ const Chat: React.FC<ChatProps> = ({ route }) => {
 
   return (
     <SafeAreaView edges={['bottom', 'left', 'right']} style={{ flex: 1, paddingTop: 20 }}>
-      <GiftedChat
-        messages={chatMessages}
-        showAvatarForEveryMessage={true}
-        alignTop
-        renderAvatar={() => null}
-        messageIdGenerator={(msg) => msg?._id.toString() || '0'}
-        renderMessage={(props) => <ChatMessage messageProps={props} />}
-        renderInputToolbar={(props) => renderInputToolbar(props, theme)}
-        renderSend={(props) => renderSend(props, theme)}
-        renderComposer={(props) => renderComposer(props, theme, t('Contacts.TypeHere'))}
-        disableComposer={!silentAssertConnectedNetwork()}
-        onSend={onSend}
-        user={{
-          _id: Role.me,
-        }}
-        renderActions={(props) => renderActions(props, theme, actions)}
-        onPressActionButton={actions ? () => setShowActionSlider(true) : undefined}
-      />
-      {showActionSlider && <ActionSlider onDismiss={onDismiss} actions={actions} />}
+      <KeyboardAvoidingView style={{ flex: 1 }} behavior="padding" keyboardVerticalOffset={headerHeight}>
+        <GiftedChat
+          keyboardShouldPersistTaps={'handled'}
+          messages={chatMessages}
+          showAvatarForEveryMessage={true}
+          alignTop
+          renderAvatar={() => null}
+          messageIdGenerator={(msg) => msg?._id.toString() || '0'}
+          renderMessage={(props) => <ChatMessage messageProps={props} />}
+          renderInputToolbar={(props) => renderInputToolbar(props, theme)}
+          renderSend={(props) => renderSend(props, theme)}
+          renderComposer={(props) => renderComposer(props, theme, t('Contacts.TypeHere'))}
+          disableComposer={!silentAssertConnectedNetwork()}
+          onSend={onSend}
+          user={{
+            _id: Role.me,
+          }}
+          renderActions={(props) => renderActions(props, theme, actions)}
+          onPressActionButton={actions ? () => setShowActionSlider(true) : undefined}
+        />
+        {showActionSlider && <ActionSlider onDismiss={onDismiss} actions={actions} />}
+      </KeyboardAvoidingView>
     </SafeAreaView>
   )
 }

package/src/screens/PINChange.tsx

@@ -174,7 +174,7 @@ const PINChange: React.FC<StackScreenProps<ParamListBase, Screens.ChangePIN>> =
   }, [inlineMessages, isLoading, PIN, PINTwo, PINOld])
 
   return (
-    <KeyboardView>
+    <KeyboardView keyboardAvoiding={false}>
       <View style={style.screenContainer}>
         <View style={style.contentContainer}>
           <PINHeader updatePin />
@@ -185,6 +185,7 @@ const PINChange: React.FC<StackScreenProps<ParamListBase, Screens.ChangePIN>> =
             onPINChanged={(p: string) => {
               setPINOld(p)
             }}
+            onSubmitEditing={handleChangePinTap}
           />
           <PINInput
             label={t('PINChange.EnterPINTitle')}
@@ -202,6 +203,7 @@ const PINChange: React.FC<StackScreenProps<ParamListBase, Screens.ChangePIN>> =
             accessibilityLabel={t('PINCreate.EnterPIN')}
             autoFocus={false}
             inlineMessage={inlineMessageField1}
+            onSubmitEditing={handleChangePinTap}
           />
           <PINInput
             label={t('PINChange.ReenterPIN')}
@@ -220,6 +222,7 @@ const PINChange: React.FC<StackScreenProps<ParamListBase, Screens.ChangePIN>> =
             autoFocus={false}
             ref={PINTwoInputRef}
             inlineMessage={inlineMessageField2}
+            onSubmitEditing={handleChangePinTap}
           />
           {PINSecurity.displayHelper && <PINValidationHelper validations={PINValidations} />}
           {modalState.visible && (

package/src/screens/PINEnter.tsx

@@ -316,7 +316,7 @@ const PINEnter: React.FC<PINEnterProps> = ({ setAuthenticated }) => {
   ])
 
   return (
-    <KeyboardView>
+    <KeyboardView keyboardAvoiding={false}>
       <View style={style.screenContainer}>
         <View>
           <Pressable
@@ -333,12 +333,16 @@ const PINEnter: React.FC<PINEnterProps> = ({ setAuthenticated }) => {
               setPIN(p)
               if (p.length === minPINLength) {
                 Keyboard.dismiss()
+                onPINInputCompleted(p)
               }
             }}
             testID={testIdWithKey('EnterPIN')}
             accessibilityLabel={t('PINEnter.EnterPIN')}
             autoFocus={true}
             inlineMessage={inlineMessageField}
+            onSubmitEditing={() => {
+              onPINInputCompleted(PIN)
+            }}
           />
           <ThemedText
             variant="bold"

package/src/screens/PINVerify.tsx

@@ -37,8 +37,6 @@ const PINVerify: React.FC<Props> = ({ setAuthenticated, usage = PINEntryUsage.PI
   const { ColorPallet } = useTheme()
   const { ButtonLoading } = useAnimatedComponents()
   const [inlineMessageField, setInlineMessageField] = useState<InlineMessageProps>()
-  // Temporary until all use cases are built with the new design
-  const isNewDesign = usage === PINEntryUsage.ChangeBiometrics
   const [{ preventScreenCapture }] = useServices([TOKENS.CONFIG])
   usePreventScreenCapture(preventScreenCapture)
 
@@ -97,61 +95,65 @@ const PINVerify: React.FC<Props> = ({ setAuthenticated, usage = PINEntryUsage.PI
       flex: 1,
       padding: 20,
       backgroundColor: ColorPallet.brand.primaryBackground,
-      justifyContent: isNewDesign ? 'flex-start' : 'space-between',
+      justifyContent: 'space-between',
     },
     buttonContainer: {
-      marginTop: 'auto',
       width: '100%',
     },
     helpText: {
       alignSelf: 'auto',
       textAlign: 'left',
-      marginBottom: isNewDesign ? 40 : 20,
+      marginBottom: 40,
     },
     inputLabelText: {
       alignSelf: 'auto',
       textAlign: 'left',
-      marginBottom: isNewDesign ? 20 : 4,
+      marginBottom: 20,
     },
     modalText: {
       marginVertical: 5,
     },
     changeBiometricsHeader: {
       marginTop: 0,
-      marginBottom: isNewDesign ? 40 : 20,
+      marginBottom: 40,
     },
   })
 
   return (
-    <KeyboardView>
+    <KeyboardView keyboardAvoiding={false}>
       <View style={style.screenContainer}>
-        {usage === PINEntryUsage.ChangeBiometrics && (
-          <ThemedText variant="headingTwo" style={style.changeBiometricsHeader}>
-            {t('PINEnter.ChangeBiometricsHeader')}
-          </ThemedText>
-        )}
-        <ThemedText style={style.helpText}>{helpText[usage]}</ThemedText>
-        <ThemedText variant="bold" style={style.inputLabelText}>
-          {inputLabelText[usage]}
+        <View>
           {usage === PINEntryUsage.ChangeBiometrics && (
-            <ThemedText variant="caption">
-              {` `}
-              {t('PINEnter.ChangeBiometricsInputLabelParenthesis')}
+            <ThemedText variant="headingTwo" style={style.changeBiometricsHeader}>
+              {t('PINEnter.ChangeBiometricsHeader')}
             </ThemedText>
           )}
-        </ThemedText>
-        <PINInput
-          onPINChanged={(p: string) => {
-            setPIN(p)
-            if (p.length === minPINLength) {
-              Keyboard.dismiss()
-            }
-          }}
-          testID={testIdWithKey(inputTestId[usage])}
-          accessibilityLabel={inputLabelText[usage]}
-          autoFocus={true}
-          inlineMessage={inlineMessageField}
-        />
+          <ThemedText style={style.helpText}>{helpText[usage]}</ThemedText>
+          <ThemedText variant="bold" style={style.inputLabelText}>
+            {inputLabelText[usage]}
+            {usage === PINEntryUsage.ChangeBiometrics && (
+              <ThemedText variant="caption">
+                {` `}
+                {t('PINEnter.ChangeBiometricsInputLabelParenthesis')}
+              </ThemedText>
+            )}
+          </ThemedText>
+          <PINInput
+            onPINChanged={(p: string) => {
+              setPIN(p)
+              if (p.length === minPINLength) {
+                Keyboard.dismiss()
+              }
+            }}
+            testID={testIdWithKey(inputTestId[usage])}
+            accessibilityLabel={inputLabelText[usage]}
+            autoFocus={true}
+            inlineMessage={inlineMessageField}
+            onSubmitEditing={async () => {
+              await onPINInputCompleted()
+            }}
+          />
+        </View>
         <View style={style.buttonContainer}>
           <Button
             title={primaryButtonText[usage]}

package/src/screens/ToggleBiometry.tsx

@@ -136,6 +136,7 @@ const ToggleBiometry: React.FC = () => {
         transparent={false}
         animationType={'slide'}
         presentationStyle={'fullScreen'}
+        statusBarTranslucent={true}
       >
         <SafeAreaView edges={['top']} style={{ backgroundColor: NavigationTheme.colors.primary }} />
         <FauxHeader title={t('Screens.EnterPIN')} onBackPressed={onBackPressed} />

package/src/types/state.ts

@@ -1,3 +1,5 @@
+import { BannerMessage } from 'components/views/Banner'
+
 export interface Onboarding {
   didSeePreface: boolean
   didCompleteTutorial: boolean
@@ -35,6 +37,7 @@ export interface Preferences {
   theme?: string
   selectedMediator: string
   availableMediators: string[]
+  bannerMessages: BannerMessage[]
 }
 
 export interface Tours {

package/lib/commonjs/components/network/NetInfo.js

@@ -1,43 +0,0 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.default = void 0;
-var _react = require("react");
-var _reactI18next = require("react-i18next");
-var _reactNativeToastMessage = _interopRequireDefault(require("react-native-toast-message"));
-var _network = require("../../contexts/network");
-var _BaseToast = require("../toast/BaseToast");
-function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
-const NetInfo = () => {
-  const {
-    assertInternetReachable
-  } = (0, _network.useNetwork)();
-  const {
-    t
-  } = (0, _reactI18next.useTranslation)();
-  const [hasShown, setHasShown] = (0, _react.useState)(false);
-  const showNetworkWarning = (0, _react.useCallback)(() => {
-    setHasShown(true);
-    _reactNativeToastMessage.default.show({
-      type: _BaseToast.ToastType.Error,
-      autoHide: true,
-      text1: t('NetInfo.NoInternetConnectionTitle')
-    });
-  }, [t]);
-  (0, _react.useEffect)(() => {
-    const internetReachable = assertInternetReachable();
-    if (internetReachable) {
-      _reactNativeToastMessage.default.hide();
-    }
-
-    // Strict check for false, null means the network state is not yet known
-    if (internetReachable === false && !hasShown) {
-      showNetworkWarning();
-    }
-  }, [showNetworkWarning, assertInternetReachable, hasShown]);
-  return null;
-};
-var _default = exports.default = NetInfo;
-//# sourceMappingURL=NetInfo.js.map

package/lib/commonjs/components/network/NetInfo.js.map

@@ -1 +0,0 @@
-{"version":3,"names":["_react","require","_reactI18next","_reactNativeToastMessage","_interopRequireDefault","_network","_BaseToast","e","__esModule","default","NetInfo","assertInternetReachable","useNetwork","t","useTranslation","hasShown","setHasShown","useState","showNetworkWarning","useCallback","Toast","show","type","ToastType","Error","autoHide","text1","useEffect","internetReachable","hide","_default","exports"],"sourceRoot":"../../../../src","sources":["components/network/NetInfo.tsx"],"mappings":";;;;;;AAAA,IAAAA,MAAA,GAAAC,OAAA;AACA,IAAAC,aAAA,GAAAD,OAAA;AACA,IAAAE,wBAAA,GAAAC,sBAAA,CAAAH,OAAA;AACA,IAAAI,QAAA,GAAAJ,OAAA;AACA,IAAAK,UAAA,GAAAL,OAAA;AAA8C,SAAAG,uBAAAG,CAAA,WAAAA,CAAA,IAAAA,CAAA,CAAAC,UAAA,GAAAD,CAAA,KAAAE,OAAA,EAAAF,CAAA;AAE9C,MAAMG,OAAiB,GAAGA,CAAA,KAAM;EAC9B,MAAM;IAAEC;EAAwB,CAAC,GAAG,IAAAC,mBAAU,EAAC,CAAC;EAChD,MAAM;IAAEC;EAAE,CAAC,GAAG,IAAAC,4BAAc,EAAC,CAAC;EAC9B,MAAM,CAACC,QAAQ,EAAEC,WAAW,CAAC,GAAG,IAAAC,eAAQ,EAAC,KAAK,CAAC;EAE/C,MAAMC,kBAAkB,GAAG,IAAAC,kBAAW,EAAC,MAAM;IAC3CH,WAAW,CAAC,IAAI,CAAC;IACjBI,gCAAK,CAACC,IAAI,CAAC;MACTC,IAAI,EAAEC,oBAAS,CAACC,KAAK;MACrBC,QAAQ,EAAE,IAAI;MACdC,KAAK,EAAEb,CAAC,CAAC,mCAAmC;IAC9C,CAAC,CAAC;EACJ,CAAC,EAAE,CAACA,CAAC,CAAC,CAAC;EAEP,IAAAc,gBAAS,EAAC,MAAM;IACd,MAAMC,iBAAiB,GAAGjB,uBAAuB,CAAC,CAAC;IACnD,IAAIiB,iBAAiB,EAAE;MACrBR,gCAAK,CAACS,IAAI,CAAC,CAAC;IACd;;IAEA;IACA,IAAID,iBAAiB,KAAK,KAAK,IAAI,CAACb,QAAQ,EAAE;MAC5CG,kBAAkB,CAAC,CAAC;IACtB;EACF,CAAC,EAAE,CAACA,kBAAkB,EAAEP,uBAAuB,EAAEI,QAAQ,CAAC,CAAC;EAE3D,OAAO,IAAI;AACb,CAAC;AAAA,IAAAe,QAAA,GAAAC,OAAA,CAAAtB,OAAA,GAEcC,OAAO","ignoreList":[]}

package/lib/module/components/network/NetInfo.js

@@ -1,36 +0,0 @@
-import { useEffect, useCallback, useState } from 'react';
-import { useTranslation } from 'react-i18next';
-import Toast from 'react-native-toast-message';
-import { useNetwork } from '../../contexts/network';
-import { ToastType } from '../toast/BaseToast';
-const NetInfo = () => {
-  const {
-    assertInternetReachable
-  } = useNetwork();
-  const {
-    t
-  } = useTranslation();
-  const [hasShown, setHasShown] = useState(false);
-  const showNetworkWarning = useCallback(() => {
-    setHasShown(true);
-    Toast.show({
-      type: ToastType.Error,
-      autoHide: true,
-      text1: t('NetInfo.NoInternetConnectionTitle')
-    });
-  }, [t]);
-  useEffect(() => {
-    const internetReachable = assertInternetReachable();
-    if (internetReachable) {
-      Toast.hide();
-    }
-
-    // Strict check for false, null means the network state is not yet known
-    if (internetReachable === false && !hasShown) {
-      showNetworkWarning();
-    }
-  }, [showNetworkWarning, assertInternetReachable, hasShown]);
-  return null;
-};
-export default NetInfo;
-//# sourceMappingURL=NetInfo.js.map

package/lib/module/components/network/NetInfo.js.map

@@ -1 +0,0 @@
-{"version":3,"names":["useEffect","useCallback","useState","useTranslation","Toast","useNetwork","ToastType","NetInfo","assertInternetReachable","t","hasShown","setHasShown","showNetworkWarning","show","type","Error","autoHide","text1","internetReachable","hide"],"sourceRoot":"../../../../src","sources":["components/network/NetInfo.tsx"],"mappings":"AAAA,SAASA,SAAS,EAAEC,WAAW,EAAEC,QAAQ,QAAQ,OAAO;AACxD,SAASC,cAAc,QAAQ,eAAe;AAC9C,OAAOC,KAAK,MAAM,4BAA4B;AAC9C,SAASC,UAAU,QAAQ,wBAAwB;AACnD,SAASC,SAAS,QAAQ,oBAAoB;AAE9C,MAAMC,OAAiB,GAAGA,CAAA,KAAM;EAC9B,MAAM;IAAEC;EAAwB,CAAC,GAAGH,UAAU,CAAC,CAAC;EAChD,MAAM;IAAEI;EAAE,CAAC,GAAGN,cAAc,CAAC,CAAC;EAC9B,MAAM,CAACO,QAAQ,EAAEC,WAAW,CAAC,GAAGT,QAAQ,CAAC,KAAK,CAAC;EAE/C,MAAMU,kBAAkB,GAAGX,WAAW,CAAC,MAAM;IAC3CU,WAAW,CAAC,IAAI,CAAC;IACjBP,KAAK,CAACS,IAAI,CAAC;MACTC,IAAI,EAAER,SAAS,CAACS,KAAK;MACrBC,QAAQ,EAAE,IAAI;MACdC,KAAK,EAAER,CAAC,CAAC,mCAAmC;IAC9C,CAAC,CAAC;EACJ,CAAC,EAAE,CAACA,CAAC,CAAC,CAAC;EAEPT,SAAS,CAAC,MAAM;IACd,MAAMkB,iBAAiB,GAAGV,uBAAuB,CAAC,CAAC;IACnD,IAAIU,iBAAiB,EAAE;MACrBd,KAAK,CAACe,IAAI,CAAC,CAAC;IACd;;IAEA;IACA,IAAID,iBAAiB,KAAK,KAAK,IAAI,CAACR,QAAQ,EAAE;MAC5CE,kBAAkB,CAAC,CAAC;IACtB;EACF,CAAC,EAAE,CAACA,kBAAkB,EAAEJ,uBAAuB,EAAEE,QAAQ,CAAC,CAAC;EAE3D,OAAO,IAAI;AACb,CAAC;AAED,eAAeH,OAAO","ignoreList":[]}

package/lib/typescript/src/components/network/NetInfo.d.ts

@@ -1,3 +0,0 @@
-declare const NetInfo: React.FC;
-export default NetInfo;
-//# sourceMappingURL=NetInfo.d.ts.map

package/lib/typescript/src/components/network/NetInfo.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"NetInfo.d.ts","sourceRoot":"","sources":["../../../../../src/components/network/NetInfo.tsx"],"names":[],"mappings":"AAMA,QAAA,MAAM,OAAO,EAAE,KAAK,CAAC,EA2BpB,CAAA;AAED,eAAe,OAAO,CAAA"}

package/src/components/network/NetInfo.tsx

@@ -1,36 +0,0 @@
-import { useEffect, useCallback, useState } from 'react'
-import { useTranslation } from 'react-i18next'
-import Toast from 'react-native-toast-message'
-import { useNetwork } from '../../contexts/network'
-import { ToastType } from '../toast/BaseToast'
-
-const NetInfo: React.FC = () => {
-  const { assertInternetReachable } = useNetwork()
-  const { t } = useTranslation()
-  const [hasShown, setHasShown] = useState(false)
-
-  const showNetworkWarning = useCallback(() => {
-    setHasShown(true)
-    Toast.show({
-      type: ToastType.Error,
-      autoHide: true,
-      text1: t('NetInfo.NoInternetConnectionTitle'),
-    })
-  }, [t])
-
-  useEffect(() => {
-    const internetReachable = assertInternetReachable()
-    if (internetReachable) {
-      Toast.hide()
-    }
-
-    // Strict check for false, null means the network state is not yet known
-    if (internetReachable === false && !hasShown) {
-      showNetworkWarning()
-    }
-  }, [showNetworkWarning, assertInternetReachable, hasShown])
-
-  return null
-}
-
-export default NetInfo