@bifold/core 2.1.10 → 2.2.1

package/src/screens/ConfigureMediator.tsx

@@ -0,0 +1,160 @@
+import { FlatList, StyleSheet, View, Pressable } from 'react-native'
+import BouncyCheckbox from 'react-native-bouncy-checkbox'
+import { SafeAreaView } from 'react-native-safe-area-context'
+import Icon from 'react-native-vector-icons/MaterialCommunityIcons'
+import { useStore } from '../contexts/store'
+import { DispatchAction } from '../contexts/reducers/store'
+import { useTheme } from '../contexts/theme'
+import { ThemedText } from '../components/texts/ThemedText'
+import { testIdWithKey } from '../utils/testable'
+import { useEffect, useState } from 'react'
+import { LockoutReason, useAuth } from '../contexts/auth'
+import { useAgent } from '@credo-ts/react-hooks'
+import { MediationRecipientService } from '@credo-ts/core'
+import DismissiblePopupModal from '../components/modals/DismissiblePopupModal'
+import { useTranslation } from 'react-i18next'
+import { StackScreenProps } from '@react-navigation/stack'
+import { Screens, SettingStackParams } from '../types/navigators'
+import { setMediationToDefault } from '../utils/mediatorhelpers'
+
+type MediatorItem = {
+  id: string
+  label: string
+  testID: string
+}
+type ConfigureMediatorProps = StackScreenProps<SettingStackParams, Screens.ConfigureMediator>
+
+const ConfigureMediator = ({ route }: ConfigureMediatorProps) => {
+  const [store, dispatch] = useStore()
+  const { agent } = useAgent()
+  const { ColorPallet, SettingsTheme } = useTheme()
+  const { t } = useTranslation()
+  const { lockOutUser } = useAuth()
+  const supportedMediators = store.preferences.availableMediators
+  const scannedMediatorUri = route.params?.scannedMediatorUri
+  const [isModalVisible, setIsModalVisible] = useState(false)
+  const [pendingMediatorId, setPendingMediatorId] = useState<string | null>(null)
+
+  useEffect(() => {
+    if (scannedMediatorUri && !store.preferences.availableMediators.includes(scannedMediatorUri)) {
+      dispatch({
+        type: DispatchAction.ADD_AVAILABLE_MEDIATOR,
+        payload: [scannedMediatorUri],
+      })
+    }
+  }, [scannedMediatorUri, dispatch, store.preferences.availableMediators])
+  const mediators: MediatorItem[] = supportedMediators.map((mediator) => ({
+    id: mediator,
+    label: String(mediator),
+    testID: testIdWithKey(mediator),
+  }))
+  const styles = StyleSheet.create({
+    container: {
+      backgroundColor: ColorPallet.brand.primaryBackground,
+      width: '100%',
+    },
+    section: {
+      backgroundColor: SettingsTheme.groupBackground,
+      paddingHorizontal: 25,
+      paddingVertical: 16,
+    },
+    sectionRow: {
+      flexDirection: 'row',
+      alignItems: 'center',
+      justifyContent: 'space-between',
+    },
+    itemSeparator: {
+      borderBottomWidth: 1,
+      borderBottomColor: ColorPallet.brand.primaryBackground,
+      marginHorizontal: 25,
+    },
+    checkboxContainer: {
+      justifyContent: 'center',
+    },
+  })
+
+  const confirmMediatorChange = async () => {
+    if (!pendingMediatorId || !agent) return
+
+    await agent.dependencyManager.resolve(MediationRecipientService).clearDefaultMediator(agent.context)
+    agent.config.logger.info(`successfully cleared default mediator`)
+    await setMediationToDefault(agent, pendingMediatorId)
+    dispatch({
+      type: DispatchAction.SET_SELECTED_MEDIATOR,
+      payload: [pendingMediatorId],
+    })
+    lockOutUser(LockoutReason.Logout)
+    setIsModalVisible(false)
+  }
+
+  const handleMediatorChange = async (mediatorId: string) => {
+    if (mediatorId === store.preferences.selectedMediator) return
+    setPendingMediatorId(mediatorId)
+    setIsModalVisible(true)
+  }
+
+  const MediatorRow = ({
+    label,
+    id,
+    testID,
+    selected,
+    onPress,
+  }: {
+    label: string
+    id: string
+    testID: string
+    selected: boolean
+    onPress: (id: string) => void
+  }) => (
+    <View style={[styles.section, styles.sectionRow]}>
+      <ThemedText variant="title">{label}</ThemedText>
+      <Pressable
+        style={styles.checkboxContainer}
+        accessibilityLabel={label}
+        accessibilityRole="radio"
+        testID={testIdWithKey(testID)}
+      >
+        <BouncyCheckbox
+          disableText
+          fillColor={ColorPallet.brand.secondaryBackground}
+          unfillColor={ColorPallet.brand.secondaryBackground}
+          size={36}
+          innerIconStyle={{ borderColor: ColorPallet.brand.primary, borderWidth: 2 }}
+          ImageComponent={() => <Icon name="circle" size={18} color={ColorPallet.brand.primary} />}
+          onPress={() => onPress(id)}
+          isChecked={selected}
+          disableBuiltInState
+        />
+      </Pressable>
+    </View>
+  )
+
+  return (
+    <SafeAreaView style={styles.container}>
+      <FlatList
+        data={mediators}
+        keyExtractor={(item) => item.id}
+        renderItem={({ item }) => (
+          <MediatorRow
+            label={item.label.split('?')[0]}
+            id={item.id}
+            testID={item.testID}
+            selected={store.preferences.selectedMediator === item.id}
+            onPress={handleMediatorChange}
+          />
+        )}
+      />
+      {isModalVisible && (
+        <DismissiblePopupModal
+          title={t('Settings.ChangeMediator')}
+          description={t('Settings.ChangeMediatorDescription')}
+          onCallToActionLabel={t('Global.Confirm')}
+          onCallToActionPressed={() => confirmMediatorChange()}
+          onDismissPressed={() => setIsModalVisible(false)}
+        />
+      )}
+    </SafeAreaView>
+  )
+}
+
+export default ConfigureMediator

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/Settings.tsx

@@ -218,6 +218,13 @@ const Settings: React.FC<SettingsProps> = ({ navigation }) => {
           testID: testIdWithKey('DeveloperOptions'),
           onPress: () => navigation.navigate(Screens.Developer),
         },
+        {
+          title: t('Settings.ConfigureMediator'),
+          value: store.preferences.selectedMediator,
+          accessibilityLabel: t('Settings.ConfigureMediator'),
+          testID: testIdWithKey('ConfigureMediator'),
+          onPress: () => navigation.navigate(Screens.ConfigureMediator),
+        },
         {
           title: t('Settings.Logout'),
           accessibilityLabel: t('Settings.Logout'),

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/theme.ts

@@ -521,6 +521,16 @@ export const Buttons = StyleSheet.create({
     borderRadius: 4,
     backgroundColor: ColorPallet.brand.primary,
   },
+  criticalText: {
+    ...TextTheme.bold,
+    color: ColorPallet.brand.buttonText,
+    textAlign: 'center',
+  },
+  criticalTextDisabled: {
+    ...TextTheme.bold,
+    color: ColorPallet.brand.buttonText,
+    textAlign: 'center',
+  },
   primary: {
     padding: 16,
     borderRadius: 4,
@@ -583,13 +593,39 @@ export const Buttons = StyleSheet.create({
     borderRadius: 4,
     backgroundColor: ColorPallet.brand.primary,
   },
+  modalCriticalDisabled: {
+    padding: 16,
+    borderRadius: 4,
+    backgroundColor: ColorPallet.brand.primaryDisabled,
+  },
+  modalCriticalText: {
+    ...TextTheme.bold,
+    color: ColorPallet.brand.buttonText,
+    textAlign: 'center',
+  },
+  modalCriticalTextDisabled: {
+    ...TextTheme.bold,
+    color: ColorPallet.brand.buttonText,
+    textAlign: 'center',
+  },
   modalPrimary: {
     padding: 16,
     borderRadius: 4,
     backgroundColor: ColorPallet.brand.modalPrimary,
   },
+  modalPrimaryDisabled: {
+    padding: 16,
+    borderRadius: 4,
+    backgroundColor: ColorPallet.brand.primaryDisabled,
+  },
   modalPrimaryText: {
     ...TextTheme.bold,
+    color: ColorPallet.brand.buttonText,
+    textAlign: 'center',
+  },
+  modalPrimaryTextDisabled: {
+    ...TextTheme.bold,
+    color: ColorPallet.brand.buttonText,
     textAlign: 'center',
   },
   modalSecondary: {
@@ -598,19 +634,38 @@ export const Buttons = StyleSheet.create({
     borderWidth: 2,
     borderColor: ColorPallet.brand.modalPrimary,
   },
+  modalSecondaryDisabled: {
+    padding: 16,
+    borderRadius: 4,
+    borderWidth: 2,
+    borderColor: ColorPallet.brand.secondaryDisabled,
+  },
   modalSecondaryText: {
     ...TextTheme.bold,
     color: ColorPallet.brand.modalPrimary,
     textAlign: 'center',
   },
+  modalSecondaryTextDisabled: {
+    ...TextTheme.bold,
+    color: ColorPallet.brand.secondaryDisabled,
+    textAlign: 'center',
+  },
   modalTertiary: {
     padding: 16,
   },
+  modalTertiaryDisabled: {
+    padding: 16,
+  },
   modalTertiaryText: {
     ...TextTheme.bold,
     color: ColorPallet.brand.modalPrimary,
     textAlign: 'center',
   },
+  modalTertiaryTextDisabled: {
+    ...TextTheme.bold,
+    color: ColorPallet.brand.tertiaryDisabled,
+    textAlign: 'center',
+  },
 })
 
 export const ListItems = StyleSheet.create({

package/src/types/navigators.ts

@@ -58,6 +58,7 @@ export enum Screens {
   HistoryDetails = 'History details',
   AutoLock = 'AutoLock',
   UpdateAvailable = 'Update Available',
+  ConfigureMediator = 'Configure Mediator',
 }
 
 export enum Stacks {
@@ -171,6 +172,7 @@ export type SettingStackParams = {
   [Screens.TogglePushNotifications]: undefined
   [Screens.HistorySettings]: undefined
   [Screens.AutoLock]: undefined
+  [Screens.ConfigureMediator]: { scannedMediatorUri: string } | undefined
 }
 
 export type NotificationStackParams = {

package/src/types/state.ts

@@ -1,3 +1,5 @@
+import { BannerMessage } from 'components/views/Banner'
+
 export interface Onboarding {
   didSeePreface: boolean
   didCompleteTutorial: boolean
@@ -33,6 +35,9 @@ export interface Preferences {
   alternateContactNames: Record<string, string>
   autoLockTime: number
   theme?: string
+  selectedMediator: string
+  availableMediators: string[]
+  bannerMessages: BannerMessage[]
 }
 
 export interface Tours {

package/src/utils/helpers.ts

@@ -57,6 +57,7 @@ import {
 } from './anonCredsProofRequestMapper'
 import { parseCredDefFromId } from './cred-def'
 import { isOpenIdCredentialOffer, isOpenIdPresentationRequest } from './parsers'
+import { isMediatorInvitation } from './mediatorhelpers'
 
 export { parsedCredDefNameFromCredential } from './cred-def'
 
@@ -1091,6 +1092,14 @@ export const connectFromScanOrDeepLink = async (
 
       return
     }
+    if (await isMediatorInvitation(agent, uri)) {
+      navigation.navigate(Stacks.SettingStack as any, {
+        screen: Screens.ConfigureMediator,
+        params: { scannedMediatorUri: uri },
+      })
+
+      return
+    }
 
     const aUrl = processBetaUrlIfRequired(uri)
     const receivedInvitation = await connectFromInvitation(aUrl, agent, implicitInvitations, reuseConnection)

package/src/utils/mediatorhelpers.ts

@@ -0,0 +1,60 @@
+import { Agent, MediationRecord } from '@credo-ts/core'
+
+export const isMediatorInvitation = async (agent: Agent, url: string): Promise<boolean> => {
+  const invitation = await agent.oob.parseInvitation(url)
+  if (!invitation) {
+    return false
+  }
+  if (invitation.goalCode === 'aries.vc.mediate') {
+    agent.config.logger.info(`Invitation is a mediator invitation with goal code: ${invitation.goalCode}`)
+    return true
+  }
+  agent.config.logger.info(`Invitation is not a mediator invitation, goal code: ${invitation.goalCode}`)
+  return false
+}
+
+const provisionMediationRecordFromMediatorUrl = async (
+  agent: Agent,
+  url: string
+): Promise<MediationRecord | undefined> => {
+  try {
+    const invitation = await agent.oob.parseInvitation(url)
+    if (!invitation) {
+      agent.config.logger.warn(`No invitation found in URL: ${url}`)
+      return undefined
+    }
+    const outOfBandRecord = await agent.oob.findByReceivedInvitationId(invitation.id)
+    let [connection] = outOfBandRecord ? await agent.connections.findAllByOutOfBandId(outOfBandRecord.id) : []
+
+    if (!connection) {
+      agent.config.logger.warn(`No connection found for out-of-band record: ${outOfBandRecord?.id}`)
+      const invite = await agent.oob.parseInvitation(url)
+      const { connectionRecord: newConnection } = await agent.oob.receiveInvitation(invite)
+      if (!newConnection) {
+        agent.config.logger.warn(`Failed to create connection from invitation: ${JSON.stringify(invite, null, 2)}`)
+        return
+      }
+      connection = newConnection
+    }
+    const result = connection.isReady ? connection : await agent.connections.returnWhenIsConnected(connection.id)
+    return agent.mediationRecipient.provision(result)
+  } catch (error) {
+    agent.config.logger.warn(`Failed to get connection ID from mediator URL: ${error}`)
+    return
+  }
+}
+
+export const setMediationToDefault = async (agent: Agent, mediatorUrl: string) => {
+  const mediationRecord = await provisionMediationRecordFromMediatorUrl(agent, mediatorUrl)
+  if (!mediationRecord) {
+    agent.config.logger.warn(`No connection record found for mediator URL: ${mediatorUrl}`)
+    return
+  }
+  const currentDefault = await agent.mediationRecipient.findDefaultMediator()
+  if (currentDefault?.connectionId === mediationRecord.id) {
+    agent.config.logger.info(`Default mediator already set for connection ID: ${mediationRecord.id}`)
+    return
+  }
+  await agent.mediationRecipient.setDefaultMediator(mediationRecord)
+  agent.config.logger.info(`setting default mediator with record: ${JSON.stringify(mediationRecord)}`)
+}

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"}