Add prelim fetch

src/App.native.tsx

@@ -26,6 +26,10 @@ import I18nProvider from '#/locale/i18nProvider'
 import {logger} from '#/logger'
 import {isAndroid, isIOS} from '#/platform/detection'
 import {Provider as A11yProvider} from '#/state/a11y'
+import {
+  Provider as AgeAssuranceProvider,
+  useAgeAssuranceAPIContext,
+} from '#/state/ageAssurance'
 import {Provider as MutedThreadsProvider} from '#/state/cache/thread-mutes'
 import {Provider as DialogStateProvider} from '#/state/dialogs'
 import {listenSessionDropped} from '#/state/events'
@@ -95,8 +99,8 @@ function InnerApp() {
   const {resumeSession} = useSessionApi()
   const theme = useColorModeTheme()
   const {_} = useLingui()
-
   const hasCheckedReferrer = useStarterPackEntry()
+  const {refresh: refreshAgeAssurance} = useAgeAssuranceAPIContext()
 
   // init
   useEffect(() => {
@@ -104,6 +108,7 @@ function InnerApp() {
       try {
         if (account) {
           await resumeSession(account)
+          await refreshAgeAssurance()
         } else {
           await tryFetchGates(undefined, 'prefer-fresh-gates')
         }
@@ -115,7 +120,7 @@ function InnerApp() {
     }
     const account = readLastActiveAccount()
     onLaunch(account)
-  }, [resumeSession])
+  }, [resumeSession, refreshAgeAssurance])
 
   useEffect(() => {
     return listenSessionDropped(() => {
@@ -211,30 +216,32 @@ function App() {
       <A11yProvider>
         <KeyboardControllerProvider>
           <SessionProvider>
-            <PrefsStateProvider>
+            <AgeAssuranceProvider>
-              <I18nProvider>
+              <PrefsStateProvider>
-                <ShellStateProvider>
+                <I18nProvider>
-                  <InvitesStateProvider>
+                  <ShellStateProvider>
-                    <ModalStateProvider>
+                    <InvitesStateProvider>
-                      <DialogStateProvider>
+                      <ModalStateProvider>
-                        <LightboxStateProvider>
+                        <DialogStateProvider>
-                          <PortalProvider>
+                          <LightboxStateProvider>
-                            <BottomSheetProvider>
+                            <PortalProvider>
-                              <StarterPackProvider>
+                              <BottomSheetProvider>
-                                <SafeAreaProvider
+                                <StarterPackProvider>
-                                  initialMetrics={initialWindowMetrics}>
+                                  <SafeAreaProvider
-                                  <InnerApp />
+                                    initialMetrics={initialWindowMetrics}>
-                                </SafeAreaProvider>
+                                    <InnerApp />
-                              </StarterPackProvider>
+                                  </SafeAreaProvider>
-                            </BottomSheetProvider>
+                                </StarterPackProvider>
-                          </PortalProvider>
+                              </BottomSheetProvider>
-                        </LightboxStateProvider>
+                            </PortalProvider>
-                      </DialogStateProvider>
+                          </LightboxStateProvider>
-                    </ModalStateProvider>
+                        </DialogStateProvider>
-                  </InvitesStateProvider>
+                      </ModalStateProvider>
-                </ShellStateProvider>
+                    </InvitesStateProvider>
-              </I18nProvider>
+                  </ShellStateProvider>
-            </PrefsStateProvider>
+                </I18nProvider>
+              </PrefsStateProvider>
+            </AgeAssuranceProvider>
           </SessionProvider>
         </KeyboardControllerProvider>
       </A11yProvider>

src/App.web.tsx

@@ -15,6 +15,10 @@ import {ThemeProvider} from '#/lib/ThemeContext'
 import I18nProvider from '#/locale/i18nProvider'
 import {logger} from '#/logger'
 import {Provider as A11yProvider} from '#/state/a11y'
+import {
+  Provider as AgeAssuranceProvider,
+  useAgeAssuranceAPIContext,
+} from '#/state/ageAssurance'
 import {Provider as MutedThreadsProvider} from '#/state/cache/thread-mutes'
 import {Provider as DialogStateProvider} from '#/state/dialogs'
 import {listenSessionDropped} from '#/state/events'
@@ -75,6 +79,7 @@ function InnerApp() {
   const theme = useColorModeTheme()
   const {_} = useLingui()
   const hasCheckedReferrer = useStarterPackEntry()
+  const {refresh: refreshAgeAssurance} = useAgeAssuranceAPIContext()
 
   // init
   useEffect(() => {
@@ -82,6 +87,7 @@ function InnerApp() {
       try {
         if (account) {
           await resumeSession(account)
+          await refreshAgeAssurance()
         }
       } catch (e) {
         logger.error(`session: resumeSession failed`, {message: e})
@@ -91,7 +97,7 @@ function InnerApp() {
     }
     const account = readLastActiveAccount()
     onLaunch(account)
-  }, [resumeSession])
+  }, [resumeSession, refreshAgeAssurance])
 
   useEffect(() => {
     return listenSessionDropped(() => {
@@ -186,25 +192,27 @@ function App() {
     <GeolocationProvider>
       <A11yProvider>
         <SessionProvider>
-          <PrefsStateProvider>
+          <AgeAssuranceProvider>
-            <I18nProvider>
+            <PrefsStateProvider>
-              <ShellStateProvider>
+              <I18nProvider>
-                <InvitesStateProvider>
+                <ShellStateProvider>
-                  <ModalStateProvider>
+                  <InvitesStateProvider>
-                    <DialogStateProvider>
+                    <ModalStateProvider>
-                      <LightboxStateProvider>
+                      <DialogStateProvider>
-                        <PortalProvider>
+                        <LightboxStateProvider>
-                          <StarterPackProvider>
+                          <PortalProvider>
-                            <InnerApp />
+                            <StarterPackProvider>
-                          </StarterPackProvider>
+                              <InnerApp />
-                        </PortalProvider>
+                            </StarterPackProvider>
-                      </LightboxStateProvider>
+                          </PortalProvider>
-                    </DialogStateProvider>
+                        </LightboxStateProvider>
-                  </ModalStateProvider>
+                      </DialogStateProvider>
-                </InvitesStateProvider>
+                    </ModalStateProvider>
-              </ShellStateProvider>
+                  </InvitesStateProvider>
-            </I18nProvider>
+                </ShellStateProvider>
-          </PrefsStateProvider>
+              </I18nProvider>
+            </PrefsStateProvider>
+          </AgeAssuranceProvider>
         </SessionProvider>
       </A11yProvider>
     </GeolocationProvider>

src/logger/types.ts

@@ -12,6 +12,7 @@ export enum LogContext {
   ReportDialog = 'report-dialog',
   FeedFeedback = 'feed-feedback',
   PostSource = 'post-source',
+  AgeAssurance = 'age-assurance',
 
   /**
    * METRIC IS FOR INTERNAL USE ONLY, don't create any other loggers using this

src/state/ageAssurance.tsx

@@ -0,0 +1,100 @@
+import {createContext, useCallback, useContext, useMemo, useState} from 'react'
+
+import {wait} from '#/lib/async/wait'
+import {isNetworkError} from '#/lib/strings/errors'
+import {Logger} from '#/logger'
+// import {useAgent} from '#/state/session'
+import {useGeolocation} from '#/state/geolocation'
+
+const logger = Logger.create(Logger.Context.AgeAssurance)
+
+type TempAgeAssuranceState = {
+  updatedAt?: string
+  status: 'unknown' | 'pending' | 'assured'
+}
+
+export type AgeAssuranceContextType = {
+  required: boolean
+  status: TempAgeAssuranceState['status']
+}
+
+export type AgeAssuranceAPIContextType = {
+  refresh: () => Promise<void>
+}
+
+const AgeAssuranceContext = createContext<AgeAssuranceContextType>({
+  required: false,
+  status: 'unknown',
+})
+
+const AgeAssuranceAPIContext = createContext<AgeAssuranceAPIContextType>({
+  refresh: () => Promise.resolve(),
+})
+
+export function Provider({children}: {children: React.ReactNode}) {
+  // const agent = useAgent()
+  const {geolocation} = useGeolocation()
+  const [ageAssuranceState, setAgeAssuranceState] =
+    useState<TempAgeAssuranceState>({
+      status: 'unknown',
+    })
+
+  const refresh = useCallback(async () => {
+    try {
+      const {data} = await wait(
+        200,
+        (() => ({
+          data: {
+            updatedAt: undefined,
+            status: 'pending',
+          } as TempAgeAssuranceState,
+        }))(),
+      )
+
+      logger.debug(`refresh`, {data})
+
+      setAgeAssuranceState(data)
+    } catch (e) {
+      if (!isNetworkError(e)) {
+        logger.error(`ageAssurance: failed to refresh`, {safeMessage: e})
+      }
+    }
+  }, [setAgeAssuranceState])
+
+  const ageAssuranceContext = useMemo<AgeAssuranceContextType>(() => {
+    const {status} = ageAssuranceState
+    const ctx: AgeAssuranceContextType = {
+      required: Boolean(
+        geolocation?.isAgeRestrictedGeo && status !== 'assured',
+      ),
+      status,
+    }
+
+    logger.debug(`context`, ctx)
+
+    return ctx
+  }, [geolocation, ageAssuranceState])
+
+  const ageAssuranceAPIContext = useMemo<AgeAssuranceAPIContextType>(
+    () => ({
+      refresh,
+    }),
+    [refresh],
+  )
+
+  return (
+    <AgeAssuranceAPIContext.Provider value={ageAssuranceAPIContext}>
+      <AgeAssuranceContext.Provider value={ageAssuranceContext}>
+        {children}
+      </AgeAssuranceContext.Provider>
+    </AgeAssuranceAPIContext.Provider>
+  )
+}
+
+export function useAgeAssuranceContext() {
+  return useContext(AgeAssuranceContext)
+}
+
+export function useAgeAssuranceAPIContext() {
+  return useContext(AgeAssuranceAPIContext)
+}