@bifold/core 2.2.0 → 2.3.0

package/src/navigators/OnboardingScreens.ts

@@ -1,8 +1,8 @@
-import { TFunction } from 'i18next'
-import { TransitionPresets, StackNavigationOptions, StackScreenProps } from '@react-navigation/stack'
 import { ParamListBase, RouteConfig, StackNavigationState } from '@react-navigation/native'
-import { Screens, ScreenOptionsType } from '../types/navigators'
+import { StackNavigationOptions, TransitionPresets } from '@react-navigation/stack'
 import type { StackNavigationEventMap } from '@react-navigation/stack/lib/typescript/src/types'
+import { TFunction } from 'i18next'
+import { ScreenOptionsType, Screens } from '../types/navigators'
 
 type ScreenOptions = RouteConfig<
   ParamListBase,
@@ -13,14 +13,14 @@ type ScreenOptions = RouteConfig<
 >
 
 interface ScreenComponents {
-  SplashScreen: React.FC<StackScreenProps<ParamListBase>>
-  Preface: React.FC<StackScreenProps<ParamListBase>>
+  SplashScreen: React.FC
+  Preface: React.FC
   UpdateAvailableScreen: React.FC
-  Terms: React.FC<StackScreenProps<ParamListBase>>
-  NameWallet: React.FC<StackScreenProps<ParamListBase>>
-  Biometry: React.FC<StackScreenProps<ParamListBase>>
-  PushNotifications: React.FC<StackScreenProps<ParamListBase>>
-  AttemptLockout: React.FC<StackScreenProps<ParamListBase>>
+  Terms: React.FC
+  NameWallet: React.FC
+  Biometry: React.FC
+  PushNotifications: React.FC
+  AttemptLockout: React.FC
   OnboardingScreen: React.FC
   CreatePINScreen: React.FC
   EnterPINScreen: React.FC

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, Platform } 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,32 @@ 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={Platform.OS === 'ios' ? undefined : '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/CredentialDetails.tsx

@@ -22,7 +22,7 @@ import { TOKENS, useServices } from '../container-api'
 import { useTheme } from '../contexts/theme'
 import { BifoldError } from '../types/error'
 import { CredentialMetadata, credentialCustomMetadata } from '../types/metadata'
-import { RootStackParams, Screens, Stacks } from '../types/navigators'
+import { ContactStackParams, NotificationStackParams, RootStackParams, Screens, Stacks } from '../types/navigators'
 import { ModalUsage } from '../types/remove'
 import { credentialTextColor, getCredentialIdentifiers, isValidAnonCredsCredential } from '../utils/credential'
 import { formatTime, useCredentialConnectionLabel } from '../utils/helpers'
@@ -36,7 +36,10 @@ import CredentialDetailSecondaryHeader from '../components/views/CredentialDetai
 import { ThemedText } from '../components/texts/ThemedText'
 import CardWatermark from '../components/misc/CardWatermark'
 
-type CredentialDetailsProps = StackScreenProps<RootStackParams, Screens.CredentialDetails>
+type CredentialDetailsProps = StackScreenProps<
+  RootStackParams & ContactStackParams & NotificationStackParams,
+  Screens.CredentialDetails
+>
 
 const paddingHorizontal = 24
 const paddingVertical = 16

package/src/screens/PINChange.tsx

@@ -1,4 +1,4 @@
-import { ParamListBase, useNavigation } from '@react-navigation/native'
+import { useNavigation } from '@react-navigation/native'
 import { StackNavigationProp, StackScreenProps } from '@react-navigation/stack'
 import React, { useCallback, useMemo, useRef, useState } from 'react'
 import { useTranslation } from 'react-i18next'
@@ -13,7 +13,6 @@ import {
   View,
 } from 'react-native'
 
-// eslint-disable-next-line import/no-named-as-default
 import { ButtonType } from '../components/buttons/Button-api'
 import PINInput from '../components/inputs/PINInput'
 import PINValidationHelper from '../components/misc/PINValidationHelper'
@@ -29,11 +28,11 @@ import usePreventScreenCapture from '../hooks/screen-capture'
 import { usePINValidation } from '../hooks/usePINValidation'
 import { HistoryCardType, HistoryRecord } from '../modules/history/types'
 import { BifoldError } from '../types/error'
-import { OnboardingStackParams, Screens } from '../types/navigators'
+import { OnboardingStackParams, Screens, SettingStackParams } from '../types/navigators'
 import { useAppAgent } from '../utils/agent'
 import { testIdWithKey } from '../utils/testable'
 
-const PINChange: React.FC<StackScreenProps<ParamListBase, Screens.ChangePIN>> = () => {
+const PINChange: React.FC<StackScreenProps<SettingStackParams, Screens.ChangePIN>> = () => {
   const { agent } = useAppAgent()
   const { checkWalletPIN, rekeyWallet } = useAuth()
   const [PIN, setPIN] = useState('')
@@ -174,7 +173,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 +184,7 @@ const PINChange: React.FC<StackScreenProps<ParamListBase, Screens.ChangePIN>> =
             onPINChanged={(p: string) => {
               setPINOld(p)
             }}
+            onSubmitEditing={handleChangePinTap}
           />
           <PINInput
             label={t('PINChange.EnterPINTitle')}
@@ -202,6 +202,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 +221,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

@@ -19,7 +19,6 @@ import { useStore } from '../contexts/store'
 import { useTheme } from '../contexts/theme'
 import { useDeveloperMode } from '../hooks/developer-mode'
 import { useLockout } from '../hooks/lockout'
-import { useGotoPostAuthScreens } from '../hooks/onboarding'
 import usePreventScreenCapture from '../hooks/screen-capture'
 import { BifoldError } from '../types/error'
 import { testIdWithKey } from '../utils/testable'
@@ -61,7 +60,6 @@ const PINEnter: React.FC<PINEnterProps> = ({ setAuthenticated }) => {
     setDevModalVisible(true)
   }
   const { incrementDeveloperMenuCounter } = useDeveloperMode(onDevModeTriggered)
-  const gotoPostAuthScreens = useGotoPostAuthScreens()
   const isContinueDisabled = inlineMessages.enabled ? !continueEnabled : !continueEnabled || PIN.length < minPINLength
   usePreventScreenCapture(preventScreenCapture)
 
@@ -89,9 +87,8 @@ const PINEnter: React.FC<PINEnterProps> = ({ setAuthenticated }) => {
         payload: [{ loginAttempts: 0 }],
       })
       setAuthenticated(true)
-      gotoPostAuthScreens()
     }
-  }, [getWalletSecret, dispatch, setAuthenticated, gotoPostAuthScreens])
+  }, [getWalletSecret, dispatch, setAuthenticated])
 
   useEffect(() => {
     const handle = InteractionManager.runAfterInteractions(async () => {
@@ -189,7 +186,6 @@ const PINEnter: React.FC<PINEnterProps> = ({ setAuthenticated }) => {
           payload: [{ displayNotification: false }],
         })
         setAuthenticated(true)
-        gotoPostAuthScreens()
       } catch (err: unknown) {
         const error = new BifoldError(
           t('Error.Title1041'),
@@ -207,7 +203,6 @@ const PINEnter: React.FC<PINEnterProps> = ({ setAuthenticated }) => {
       getLockoutPenalty,
       dispatch,
       setAuthenticated,
-      gotoPostAuthScreens,
       t,
       attemptLockout,
       inlineMessages,
@@ -316,7 +311,7 @@ const PINEnter: React.FC<PINEnterProps> = ({ setAuthenticated }) => {
   ])
 
   return (
-    <KeyboardView>
+    <KeyboardView keyboardAvoiding={false}>
       <View style={style.screenContainer}>
         <View>
           <Pressable
@@ -333,12 +328,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/Terms.tsx

@@ -27,25 +27,14 @@ const Terms: React.FC = () => {
   const navigation = useNavigation<StackNavigationProp<OnboardingStackParams>>()
   const { OnboardingTheme, TextTheme } = useTheme()
   const [Button] = useServices([TOKENS.COMP_BUTTON])
+
   const onSubmitPressed = useCallback(() => {
     dispatch({
       type: DispatchAction.DID_AGREE_TO_TERMS,
       payload: [{ DidAgreeToTerms: TermsVersion }],
     })
+  }, [dispatch])
 
-    if (!(agreedToPreviousTerms && store.onboarding.didCreatePIN)) {
-      navigation.navigate(Screens.CreatePIN)
-    } else if (store.onboarding.postAuthScreens.length) {
-      const screens: string[] = store.onboarding.postAuthScreens
-      screens.shift()
-      dispatch({ type: DispatchAction.SET_POST_AUTH_SCREENS, payload: [screens] })
-      if (screens.length) {
-        navigation.navigate(screens[0] as never)
-      } else {
-        dispatch({ type: DispatchAction.DID_COMPLETE_ONBOARDING, payload: [true] })
-      }
-    }
-  }, [dispatch, agreedToPreviousTerms, navigation, store.onboarding.postAuthScreens, store.onboarding.didCreatePIN])
   const style = StyleSheet.create({
     container: {
       ...OnboardingTheme.container,
@@ -60,6 +49,7 @@ const Terms: React.FC = () => {
       marginBottom: 20,
     },
   })
+
   const onBackPressed = () => {
     //TODO:(jl) goBack() does not unwind the navigation stack but rather goes
     //back to the splash screen. Needs fixing before the following code will

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/services/logger.ts

@@ -35,34 +35,34 @@ export class BifoldLogger extends BaseLogger {
   }
 
   public test(message: string, data?: object | undefined): void {
-    this._log?.test(message, data)
+    this._log?.test({ message, data })
   }
 
   public trace(message: string, data?: object | undefined): void {
-    this._log?.trace(message, data)
+    this._log?.trace({ message, data })
   }
 
   public debug(message: string, data?: object | undefined): void {
-    this._log?.debug(message, data)
+    this._log?.debug({ message, data })
   }
 
   public info(message: string, data?: object | undefined): void {
-    this._log?.info(message, data)
+    this._log?.info({ message, data })
   }
 
   public warn(message: string, data?: object | undefined): void {
-    this._log?.warn(message, data)
+    this._log?.warn({ message, data })
   }
 
   public error(message: string, data?: object | undefined): void {
-    this._log?.error(message, data)
+    this._log?.error({ message, data })
   }
 
   public fatal(message: string, data?: object | undefined): void {
-    this._log?.fatal(message, data)
+    this._log?.fatal({ message, data })
   }
 
   public report(bifoldError: BifoldError): void {
-    this._log?.info('No remote logging configured, report not sent for error:', bifoldError)
+    this._log?.info({ message: 'No remote logging configured, report not sent for error:', data: bifoldError.message })
   }
 }

package/src/types/navigators.ts

@@ -86,6 +86,7 @@ export type RootStackParams = {
   [Stacks.TabStack]: NavigatorScreenParams<TabStackParams>
   [Screens.Chat]: { connectionId: string }
   [Stacks.ConnectStack]: NavigatorScreenParams<ConnectStackParams>
+  [Stacks.ConnectionStack]: NavigatorScreenParams<DeliveryStackParams>
   [Stacks.SettingStack]: NavigatorScreenParams<SettingStackParams>
   [Stacks.ContactStack]: NavigatorScreenParams<ContactStackParams>
   [Stacks.ProofRequestsStack]: NavigatorScreenParams<ProofRequestsStackParams>

package/src/types/state.ts

@@ -1,3 +1,5 @@
+import { BannerMessage } from '../components/views/Banner'
+
 export interface Onboarding {
   didSeePreface: boolean
   didCompleteTutorial: boolean
@@ -8,7 +10,6 @@ export interface Onboarding {
   didNameWallet: boolean
   onboardingVersion: number
   didCompleteOnboarding: boolean
-  postAuthScreens: string[]
 }
 
 export interface Migration {
@@ -35,6 +36,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/commonjs/hooks/onboarding.js

@@ -1,23 +0,0 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.useGotoPostAuthScreens = void 0;
-var _react = require("react");
-var _core = require("@react-navigation/core");
-var _store = require("../contexts/store");
-const useGotoPostAuthScreens = () => {
-  const [store] = (0, _store.useStore)();
-  const navigation = (0, _core.useNavigation)();
-  return (0, _react.useCallback)(() => {
-    if (store.onboarding.postAuthScreens.length) {
-      const screen = store.onboarding.postAuthScreens[0];
-      if (screen) {
-        navigation.navigate(screen);
-      }
-    }
-  }, [store.onboarding.postAuthScreens, navigation]);
-};
-exports.useGotoPostAuthScreens = useGotoPostAuthScreens;
-//# sourceMappingURL=onboarding.js.map

package/lib/commonjs/hooks/onboarding.js.map

@@ -1 +0,0 @@
-{"version":3,"names":["_react","require","_core","_store","useGotoPostAuthScreens","store","useStore","navigation","useNavigation","useCallback","onboarding","postAuthScreens","length","screen","navigate","exports"],"sourceRoot":"../../../src","sources":["hooks/onboarding.ts"],"mappings":";;;;;;AAAA,IAAAA,MAAA,GAAAC,OAAA;AACA,IAAAC,KAAA,GAAAD,OAAA;AACA,IAAAE,MAAA,GAAAF,OAAA;AAEO,MAAMG,sBAAsB,GAAGA,CAAA,KAAM;EAC1C,MAAM,CAACC,KAAK,CAAC,GAAG,IAAAC,eAAQ,EAAC,CAAC;EAC1B,MAAMC,UAAU,GAAG,IAAAC,mBAAa,EAAC,CAAC;EAClC,OAAO,IAAAC,kBAAW,EAAC,MAAM;IACvB,IAAIJ,KAAK,CAACK,UAAU,CAACC,eAAe,CAACC,MAAM,EAAE;MAC3C,MAAMC,MAAM,GAAGR,KAAK,CAACK,UAAU,CAACC,eAAe,CAAC,CAAC,CAAC;MAClD,IAAIE,MAAM,EAAE;QACVN,UAAU,CAACO,QAAQ,CAACD,MAAe,CAAC;MACtC;IACF;EACF,CAAC,EAAE,CAACR,KAAK,CAACK,UAAU,CAACC,eAAe,EAAEJ,UAAU,CAAC,CAAC;AACpD,CAAC;AAAAQ,OAAA,CAAAX,sBAAA,GAAAA,sBAAA","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/module/hooks/onboarding.js

@@ -1,16 +0,0 @@
-import { useCallback } from 'react';
-import { useNavigation } from '@react-navigation/core';
-import { useStore } from '../contexts/store';
-export const useGotoPostAuthScreens = () => {
-  const [store] = useStore();
-  const navigation = useNavigation();
-  return useCallback(() => {
-    if (store.onboarding.postAuthScreens.length) {
-      const screen = store.onboarding.postAuthScreens[0];
-      if (screen) {
-        navigation.navigate(screen);
-      }
-    }
-  }, [store.onboarding.postAuthScreens, navigation]);
-};
-//# sourceMappingURL=onboarding.js.map

package/lib/module/hooks/onboarding.js.map

@@ -1 +0,0 @@
-{"version":3,"names":["useCallback","useNavigation","useStore","useGotoPostAuthScreens","store","navigation","onboarding","postAuthScreens","length","screen","navigate"],"sourceRoot":"../../../src","sources":["hooks/onboarding.ts"],"mappings":"AAAA,SAASA,WAAW,QAAQ,OAAO;AACnC,SAASC,aAAa,QAAQ,wBAAwB;AACtD,SAASC,QAAQ,QAAQ,mBAAmB;AAE5C,OAAO,MAAMC,sBAAsB,GAAGA,CAAA,KAAM;EAC1C,MAAM,CAACC,KAAK,CAAC,GAAGF,QAAQ,CAAC,CAAC;EAC1B,MAAMG,UAAU,GAAGJ,aAAa,CAAC,CAAC;EAClC,OAAOD,WAAW,CAAC,MAAM;IACvB,IAAII,KAAK,CAACE,UAAU,CAACC,eAAe,CAACC,MAAM,EAAE;MAC3C,MAAMC,MAAM,GAAGL,KAAK,CAACE,UAAU,CAACC,eAAe,CAAC,CAAC,CAAC;MAClD,IAAIE,MAAM,EAAE;QACVJ,UAAU,CAACK,QAAQ,CAACD,MAAe,CAAC;MACtC;IACF;EACF,CAAC,EAAE,CAACL,KAAK,CAACE,UAAU,CAACC,eAAe,EAAEF,UAAU,CAAC,CAAC;AACpD,CAAC","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"}