@planningcenter/chat-react-native 3.16.0-rc.4 → 3.16.0-rc.6

package/build/screens/age_check/components/age_check_select_birthdate_modal.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"age_check_select_birthdate_modal.js","sourceRoot":"","sources":["../../../../src/screens/age_check/components/age_check_select_birthdate_modal.tsx"],"names":[],"mappings":"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","sourcesContent":["import React from 'react'\nimport { Modal, Platform, StyleSheet, View } from 'react-native'\nimport DateTimePicker, { DateTimePickerEvent } from '@react-native-community/datetimepicker'\nimport FormSheet from '../../../components/primitive/form_sheet'\nimport { Text } from '../../../components/display/text'\nimport { useTheme } from '../../../hooks'\n\nexport type AgeCheckSelectBirthdateProps = {\n  onChange: (date: Date) => void\n  onDismiss?: () => void\n  onRequestClose: () => void\n  onSubmit: (date: Date) => void\n  value?: Date | null\n  visible?: boolean\n}\n\nexport function AgeCheckSelectBirthdateModal(props: AgeCheckSelectBirthdateProps) {\n  if (Platform.OS === 'ios') return <IOSBirthdateModal {...props} />\n  if (Platform.OS === 'android') return <AndroidBirthdatePicker {...props} />\n\n  return <Text>Birthdate selection is not supported on this platform.</Text>\n}\n\nfunction IOSBirthdateModal({\n  onChange,\n  onDismiss,\n  onRequestClose,\n  onSubmit,\n  value,\n  visible,\n}: AgeCheckSelectBirthdateProps) {\n  const styles = useStyles()\n  const today = React.useMemo(() => new Date(), [])\n  const selected = value || today\n\n  const handleChange = (_event: DateTimePickerEvent, date?: Date) => {\n    if (date) onChange(date)\n  }\n\n  const handleSave = () => {\n    onSubmit(selected)\n    onRequestClose()\n  }\n\n  return (\n    <Modal\n      visible={visible}\n      animationType=\"slide\"\n      presentationStyle=\"pageSheet\"\n      onRequestClose={onRequestClose}\n      onDismiss={onDismiss}\n    >\n      <FormSheet.Root style={styles.formSheet} contentStyle={styles.formSheetContent}>\n        <FormSheet.Header>\n          <FormSheet.HeaderTitle>Your birthdate</FormSheet.HeaderTitle>\n          <FormSheet.HeaderActions>\n            <FormSheet.HeaderTextButton onPress={onRequestClose}>Cancel</FormSheet.HeaderTextButton>\n            <FormSheet.HeaderButton title=\"Save\" onPress={handleSave} />\n          </FormSheet.HeaderActions>\n        </FormSheet.Header>\n        <View style={styles.content}>\n          <View style={styles.card}>\n            <Text nativeID=\"birthdateLabel\" variant=\"tertiary\" style={styles.label}>\n              Birthdate\n            </Text>\n            <View style={styles.pickerContainer}>\n              <DateTimePicker\n                accessibilityLabelledBy=\"birthdateLabel\"\n                testID=\"age-check-date-picker\"\n                mode=\"date\"\n                display=\"spinner\"\n                value={selected}\n                maximumDate={today}\n                onChange={handleChange}\n              />\n            </View>\n          </View>\n        </View>\n      </FormSheet.Root>\n    </Modal>\n  )\n}\n\nfunction AndroidBirthdatePicker({\n  onRequestClose,\n  onSubmit,\n  value,\n  visible,\n}: AgeCheckSelectBirthdateProps) {\n  if (!visible) return null\n\n  const today = new Date()\n  const selected = value || today\n\n  const handleAndroidDateChange = (event: DateTimePickerEvent, selectedDate?: Date) => {\n    if (event.type === 'set' && selectedDate) {\n      onSubmit(selectedDate)\n    }\n    onRequestClose()\n  }\n\n  return (\n    <DateTimePicker\n      testID=\"age-check-date-picker-android\"\n      mode=\"date\"\n      display=\"spinner\"\n      value={selected}\n      maximumDate={today}\n      onChange={handleAndroidDateChange}\n    />\n  )\n}\n\nconst useStyles = () => {\n  const { colors } = useTheme()\n  return StyleSheet.create({\n    formSheet: {\n      backgroundColor: colors.surfaceColor080,\n    },\n    formSheetContent: {\n      flex: 1,\n    },\n    content: {\n      flex: 1,\n      backgroundColor: colors.surfaceColor080,\n      padding: 16,\n      justifyContent: 'flex-start',\n    },\n    card: {\n      backgroundColor: colors.surfaceColor100,\n      borderRadius: 8,\n      padding: 16,\n    },\n    label: {\n      marginBottom: 8,\n      textTransform: 'uppercase',\n    },\n    pickerContainer: {\n      backgroundColor: colors.surfaceColor100,\n      borderRadius: 8,\n    },\n  })\n}\n"]}

package/build/screens/age_check/index.d.ts

@@ -0,0 +1,3 @@
+export * from './age_check_required_screen';
+export * from './age_check_underage_screen';
+//# sourceMappingURL=index.d.ts.map

package/build/screens/age_check/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/screens/age_check/index.ts"],"names":[],"mappings":"AAAA,cAAc,6BAA6B,CAAA;AAC3C,cAAc,6BAA6B,CAAA"}

package/build/screens/age_check/index.js

@@ -0,0 +1,3 @@
+export * from './age_check_required_screen';
+export * from './age_check_underage_screen';
+//# sourceMappingURL=index.js.map

package/build/screens/age_check/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/screens/age_check/index.ts"],"names":[],"mappings":"AAAA,cAAc,6BAA6B,CAAA;AAC3C,cAAc,6BAA6B,CAAA","sourcesContent":["export * from './age_check_required_screen'\nexport * from './age_check_underage_screen'\n"]}

package/build/screens/age_check/screen_props.d.ts

@@ -0,0 +1,5 @@
+export type AgeCheckContactInfo = {
+    contactEmail?: string;
+};
+export type AgeCheckParams = Record<string, AgeCheckContactInfo>;
+//# sourceMappingURL=screen_props.d.ts.map

package/build/screens/age_check/screen_props.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"screen_props.d.ts","sourceRoot":"","sources":["../../../src/screens/age_check/screen_props.ts"],"names":[],"mappings":"AAAA,MAAM,MAAM,mBAAmB,GAAG;IAAE,YAAY,CAAC,EAAE,MAAM,CAAA;CAAE,CAAA;AAE3D,MAAM,MAAM,cAAc,GAAG,MAAM,CAAC,MAAM,EAAE,mBAAmB,CAAC,CAAA"}

package/build/screens/age_check/screen_props.js

@@ -0,0 +1,2 @@
+export {};
+//# sourceMappingURL=screen_props.js.map

package/build/screens/age_check/screen_props.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"screen_props.js","sourceRoot":"","sources":["../../../src/screens/age_check/screen_props.ts"],"names":[],"mappings":"","sourcesContent":["export type AgeCheckContactInfo = { contactEmail?: string }\n\nexport type AgeCheckParams = Record<string, AgeCheckContactInfo>\n"]}

package/build/types/resources/index.d.ts

@@ -6,4 +6,5 @@ export * from './person';
 export * from './groups';
 export * from './app_grant';
 export * from './services';
+export * from './organization';
 //# sourceMappingURL=index.d.ts.map

package/build/types/resources/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/types/resources/index.ts"],"names":[],"mappings":"AAAA,cAAc,gBAAgB,CAAA;AAC9B,cAAc,UAAU,CAAA;AACxB,cAAc,WAAW,CAAA;AACzB,cAAc,eAAe,CAAA;AAC7B,cAAc,UAAU,CAAA;AACxB,cAAc,UAAU,CAAA;AACxB,cAAc,aAAa,CAAA;AAC3B,cAAc,YAAY,CAAA"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/types/resources/index.ts"],"names":[],"mappings":"AAAA,cAAc,gBAAgB,CAAA;AAC9B,cAAc,UAAU,CAAA;AACxB,cAAc,WAAW,CAAA;AACzB,cAAc,eAAe,CAAA;AAC7B,cAAc,UAAU,CAAA;AACxB,cAAc,UAAU,CAAA;AACxB,cAAc,aAAa,CAAA;AAC3B,cAAc,YAAY,CAAA;AAC1B,cAAc,gBAAgB,CAAA"}

package/build/types/resources/index.js

@@ -6,4 +6,5 @@ export * from './person';
 export * from './groups';
 export * from './app_grant';
 export * from './services';
+export * from './organization';
 //# sourceMappingURL=index.js.map

package/build/types/resources/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/types/resources/index.ts"],"names":[],"mappings":"AAAA,cAAc,gBAAgB,CAAA;AAC9B,cAAc,UAAU,CAAA;AACxB,cAAc,WAAW,CAAA;AACzB,cAAc,eAAe,CAAA;AAC7B,cAAc,UAAU,CAAA;AACxB,cAAc,UAAU,CAAA;AACxB,cAAc,aAAa,CAAA;AAC3B,cAAc,YAAY,CAAA","sourcesContent":["export * from './conversation'\nexport * from './member'\nexport * from './message'\nexport * from './oauth_token'\nexport * from './person'\nexport * from './groups'\nexport * from './app_grant'\nexport * from './services'\n"]}
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/types/resources/index.ts"],"names":[],"mappings":"AAAA,cAAc,gBAAgB,CAAA;AAC9B,cAAc,UAAU,CAAA;AACxB,cAAc,WAAW,CAAA;AACzB,cAAc,eAAe,CAAA;AAC7B,cAAc,UAAU,CAAA;AACxB,cAAc,UAAU,CAAA;AACxB,cAAc,aAAa,CAAA;AAC3B,cAAc,YAAY,CAAA;AAC1B,cAAc,gBAAgB,CAAA","sourcesContent":["export * from './conversation'\nexport * from './member'\nexport * from './message'\nexport * from './oauth_token'\nexport * from './person'\nexport * from './groups'\nexport * from './app_grant'\nexport * from './services'\nexport * from './organization'\n"]}

package/build/types/resources/organization.d.ts

@@ -0,0 +1,6 @@
+import { ResourceObject } from '../api_primitives';
+export interface OrganizationResource extends ResourceObject {
+    type: 'Organization';
+    contactEmail?: string;
+}
+//# sourceMappingURL=organization.d.ts.map

package/build/types/resources/organization.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"organization.d.ts","sourceRoot":"","sources":["../../../src/types/resources/organization.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,cAAc,EAAE,MAAM,mBAAmB,CAAA;AAElD,MAAM,WAAW,oBAAqB,SAAQ,cAAc;IAC1D,IAAI,EAAE,cAAc,CAAA;IACpB,YAAY,CAAC,EAAE,MAAM,CAAA;CACtB"}

package/build/types/resources/organization.js

@@ -0,0 +1,2 @@
+export {};
+//# sourceMappingURL=organization.js.map

package/build/types/resources/organization.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"organization.js","sourceRoot":"","sources":["../../../src/types/resources/organization.ts"],"names":[],"mappings":"","sourcesContent":["import { ResourceObject } from '../api_primitives'\n\nexport interface OrganizationResource extends ResourceObject {\n  type: 'Organization'\n  contactEmail?: string\n}\n"]}

package/build/types/resources/person.d.ts

@@ -1,4 +1,10 @@
 import { ResourceObject } from '../api_primitives';
+export declare const AgeQualificationStatus: {
+    readonly QUALIFIED: "qualified";
+    readonly DISQUALIFIED: "disqualified";
+    readonly UNKNOWN: "unknown";
+};
+export type AgeQualificationStatus = (typeof AgeQualificationStatus)[keyof typeof AgeQualificationStatus];
 export interface PersonResource extends ResourceObject {
     id: number;
     type: 'Person';
@@ -9,5 +15,6 @@ export interface CurrentPersonResource extends PersonResource {
     canChat: boolean;
     unreadCount: number;
     pcoChatEnabled: boolean;
+    ageQualificationStatus?: AgeQualificationStatus;
 }
 //# sourceMappingURL=person.d.ts.map

package/build/types/resources/person.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"person.d.ts","sourceRoot":"","sources":["../../../src/types/resources/person.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,cAAc,EAAE,MAAM,mBAAmB,CAAA;AAElD,MAAM,WAAW,cAAe,SAAQ,cAAc;IACpD,EAAE,EAAE,MAAM,CAAA;IACV,IAAI,EAAE,QAAQ,CAAA;IACd,IAAI,EAAE,MAAM,CAAA;IACZ,MAAM,EAAE,MAAM,CAAA;CACf;AAED,MAAM,WAAW,qBAAsB,SAAQ,cAAc;IAC3D,OAAO,EAAE,OAAO,CAAA;IAChB,WAAW,EAAE,MAAM,CAAA;IACnB,cAAc,EAAE,OAAO,CAAA;CACxB"}
+{"version":3,"file":"person.d.ts","sourceRoot":"","sources":["../../../src/types/resources/person.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,cAAc,EAAE,MAAM,mBAAmB,CAAA;AAElD,eAAO,MAAM,sBAAsB;;;;CAIzB,CAAA;AAEV,MAAM,MAAM,sBAAsB,GAChC,CAAC,OAAO,sBAAsB,CAAC,CAAC,MAAM,OAAO,sBAAsB,CAAC,CAAA;AAEtE,MAAM,WAAW,cAAe,SAAQ,cAAc;IACpD,EAAE,EAAE,MAAM,CAAA;IACV,IAAI,EAAE,QAAQ,CAAA;IACd,IAAI,EAAE,MAAM,CAAA;IACZ,MAAM,EAAE,MAAM,CAAA;CACf;AAED,MAAM,WAAW,qBAAsB,SAAQ,cAAc;IAC3D,OAAO,EAAE,OAAO,CAAA;IAChB,WAAW,EAAE,MAAM,CAAA;IACnB,cAAc,EAAE,OAAO,CAAA;IACvB,sBAAsB,CAAC,EAAE,sBAAsB,CAAA;CAChD"}

package/build/types/resources/person.js

@@ -1,2 +1,6 @@
-export {};
+export const AgeQualificationStatus = {
+    QUALIFIED: 'qualified',
+    DISQUALIFIED: 'disqualified',
+    UNKNOWN: 'unknown',
+};
 //# sourceMappingURL=person.js.map

package/build/types/resources/person.js.map

@@ -1 +1 @@
-{"version":3,"file":"person.js","sourceRoot":"","sources":["../../../src/types/resources/person.ts"],"names":[],"mappings":"","sourcesContent":["import { ResourceObject } from '../api_primitives'\n\nexport interface PersonResource extends ResourceObject {\n  id: number\n  type: 'Person'\n  name: string\n  avatar: string\n}\n\nexport interface CurrentPersonResource extends PersonResource {\n  canChat: boolean\n  unreadCount: number\n  pcoChatEnabled: boolean\n}\n"]}
+{"version":3,"file":"person.js","sourceRoot":"","sources":["../../../src/types/resources/person.ts"],"names":[],"mappings":"AAEA,MAAM,CAAC,MAAM,sBAAsB,GAAG;IACpC,SAAS,EAAE,WAAW;IACtB,YAAY,EAAE,cAAc;IAC5B,OAAO,EAAE,SAAS;CACV,CAAA","sourcesContent":["import { ResourceObject } from '../api_primitives'\n\nexport const AgeQualificationStatus = {\n  QUALIFIED: 'qualified',\n  DISQUALIFIED: 'disqualified',\n  UNKNOWN: 'unknown',\n} as const\n\nexport type AgeQualificationStatus =\n  (typeof AgeQualificationStatus)[keyof typeof AgeQualificationStatus]\n\nexport interface PersonResource extends ResourceObject {\n  id: number\n  type: 'Person'\n  name: string\n  avatar: string\n}\n\nexport interface CurrentPersonResource extends PersonResource {\n  canChat: boolean\n  unreadCount: number\n  pcoChatEnabled: boolean\n  ageQualificationStatus?: AgeQualificationStatus\n}\n"]}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@planningcenter/chat-react-native",
-  "version": "3.16.0-rc.4",
+  "version": "3.16.0-rc.6",
   "description": "",
   "main": "build/index.js",
   "types": "build/index.d.ts",
@@ -23,6 +23,7 @@
     "@planningcenter/datetime-fmt": ">=1.0.0",
     "@planningcenter/icons": "^15.24.0",
     "@planningcenter/jolt-client": ">=2.0.0",
+    "@react-native-community/datetimepicker": ">=7.6.2",
     "@react-navigation/elements": "*",
     "@react-navigation/native": ">=7.0.0",
     "@react-navigation/native-stack": ">=7.0.0",
@@ -55,5 +56,5 @@
     "react-native-url-polyfill": "^2.0.0",
     "typescript": "<5.6.0"
   },
-  "gitHead": "9de20581feb4dbad2ab84082321718816506a330"
+  "gitHead": "20afe35a19110fdc1e1bcd1b15fb47670e93f98b"
 }

package/src/components/conversation/message.tsx

@@ -141,7 +141,7 @@ export function Message({
       onPress={() => setShowMessageMetaToggle(!showMessageMetaToggle)}
       onPressIn={handleMessagePressIn}
       onPressOut={handleMessagePressOut}
-      android_ripple={{ color: colors.androidRippleNeutral }}
+      android_ripple={{ color: colors.androidRippleNeutral, borderless: false, foreground: true }}
       accessibilityHint="Long press to view message actions like reacting and copying."
     >
       <Animated.View style={[styles.message, animatedBackgroundColor]}>

package/src/contexts/chat_context.tsx

@@ -4,10 +4,12 @@ import { ColorSchemeName, useColorScheme } from 'react-native'
 import { DeepPartial } from '../types'
 import { ENV, OauthType, PartialToken, ResponseError, Session } from '../utils'
 import { ChatTheme, defaultTheme, DefaultTheme } from '../utils/theme'
+import { AgeCheckContactInfo } from '../screens/age_check/screen_props'
 
 export interface ChatProviderProps {
   env?: ENV
   giphyApiKey?: string
+  onAgeDisqualification?: (params: AgeCheckContactInfo) => void
   onUnauthorizedResponse: (_response: ResponseError) => void
   token?: PartialToken
   tokenType?: OauthType
@@ -18,11 +20,13 @@ export interface ChatProviderProps {
 export interface ChatContextValue extends Omit<ChatProviderProps, 'theme'> {
   session: Session
   theme: ChatTheme
+  onAgeDisqualification: (params: AgeCheckContactInfo) => void
 }
 
 export const ChatContext = createContext<ChatContextValue>({
   env: undefined,
   giphyApiKey: undefined,
+  onAgeDisqualification: (_params: AgeCheckContactInfo) => {},
   onUnauthorizedResponse: () => {},
   session: new Session(),
   theme: defaultTheme('light'),
@@ -31,7 +35,15 @@ export const ChatContext = createContext<ChatContextValue>({
 })
 
 export function ChatProvider({ children, value }: { children: any; value: ChatProviderProps }) {
-  const { env, token, onUnauthorizedResponse, giphyApiKey, tokenType, edgeToEdge = true } = value
+  const {
+    env,
+    token,
+    onAgeDisqualification = (_params: AgeCheckContactInfo) => {},
+    onUnauthorizedResponse,
+    giphyApiKey,
+    tokenType,
+    edgeToEdge = true,
+  } = value
   const theme = useCreateChatTheme(value.theme || {})
   const session = useMemo(
     () => new Session({ token, env, type: tokenType }),
@@ -42,6 +54,7 @@ export function ChatProvider({ children, value }: { children: any; value: ChatPr
     edgeToEdge,
     env,
     giphyApiKey,
+    onAgeDisqualification,
     onUnauthorizedResponse,
     session,
     theme,

package/src/hooks/index.ts

@@ -14,4 +14,7 @@ export * from './use_api_client'
 export * from './use_message_reaction_toggle'
 export * from './use_interaction_ghost_color'
 export * from './use_at_font_scale_breakpoint'
+export * from './use_qualified_by_age'
 export * from './use_scalable_number_of_lines'
+export * from './use_submit_age_check'
+export * from './use_organization'

package/src/hooks/use_current_person.ts

@@ -7,7 +7,15 @@ export const currentPersonRequestArgs = {
   url: '/me',
   data: {
     fields: {
-      Person: ['id', 'name', 'avatar', 'can_chat', 'unread_count', 'pco_chat_enabled'],
+      Person: [
+        'id',
+        'name',
+        'avatar',
+        'can_chat',
+        'unread_count',
+        'pco_chat_enabled',
+        'age_qualification_status',
+      ],
     },
   },
 }

package/src/hooks/use_organization.ts

@@ -0,0 +1,17 @@
+import { OrganizationResource } from '../types'
+import { useSuspenseGet } from './use_suspense_api'
+import { App } from './use_api_client'
+
+export const organizationRequestArgs = {
+  url: '/',
+  data: {
+    fields: {
+      Organization: ['contact_email'],
+    },
+  },
+  app: 'chat' as App,
+}
+
+export function useOrganization() {
+  return useSuspenseGet<OrganizationResource>(organizationRequestArgs)
+}

package/src/hooks/use_qualified_by_age.ts

@@ -0,0 +1,17 @@
+import { AgeQualificationStatus, CurrentPersonResource } from '../types'
+import { useApiGet } from './use_api'
+import { currentPersonRequestArgs } from './use_current_person'
+
+export const useQualifiedByAge = (): boolean => {
+  const { data: person, isFetched } = useApiGet<CurrentPersonResource>(currentPersonRequestArgs)
+
+  if (!isFetched) {
+    return false
+  }
+
+  if (!person) {
+    return false
+  }
+
+  return person.ageQualificationStatus === AgeQualificationStatus.QUALIFIED
+}

package/src/hooks/use_submit_age_check.ts

@@ -0,0 +1,48 @@
+import { Alert } from 'react-native'
+import { useMutation, useQueryClient } from '@tanstack/react-query'
+import { useApiClient } from './use_api_client'
+import { currentPersonQueryKey } from './use_current_person'
+import { ApiResource } from '../types/api_primitives'
+import { Haptic } from '../utils/native_adapters'
+
+interface AgeCheckResource {
+  type: 'AgeCheck'
+  id: string
+  stated_date: string
+  status: 'passed' | 'failed'
+}
+
+export function useSubmitAgeCheck() {
+  const apiClient = useApiClient()
+  const queryClient = useQueryClient()
+
+  const { mutateAsync: submitAgeCheck, ...mutation } = useMutation({
+    mutationKey: ['submitAgeCheck'],
+    mutationFn: (date: Date) =>
+      apiClient.people.post<ApiResource<AgeCheckResource>>({
+        url: '/me/age_checks',
+        data: {
+          fields: { AgeCheck: 'stated_date,status' },
+          data: {
+            type: 'AgeCheck',
+            attributes: {
+              stated_date: date.toISOString(),
+            },
+          },
+        },
+      }),
+    onSuccess: (response: ApiResource<AgeCheckResource>) => {
+      queryClient.invalidateQueries({ queryKey: currentPersonQueryKey })
+      if (response.data.status === 'passed') {
+        Haptic.notificationSuccess()
+        Alert.alert('Profile updated', `Your birthdate has been updated.`)
+      }
+    },
+    onError: () => {
+      Haptic.notificationError()
+      Alert.alert('Oops', `We were unable to update your birthdate. Please try again.`)
+    },
+  })
+
+  return { submitAgeCheck, ...mutation }
+}

package/src/index.tsx

@@ -4,6 +4,7 @@ export * from './contexts/chat_context'
 export * from './navigation'
 export { ScreenLayout } from './navigation/screenLayout'
 export * from './screens'
+export { AgeCheckUnderageScreen } from './screens/age_check/age_check_underage_screen' // TODO: add to barrel
 export * from './types'
 export { platformFontWeightBold, Session, TemporaryDefaultColorsType, Uri } from './utils'
 export * from './utils/client'

package/src/navigation/chat_access_gate.tsx

@@ -0,0 +1,60 @@
+import React, { PropsWithChildren, useEffect, useRef } from 'react'
+import { currentPersonRequestArgs } from '../hooks/use_current_person'
+import { AgeCheckRequiredScreen } from '../screens/age_check/age_check_required_screen'
+import { DefaultLoading } from '../components/page/loading'
+import { useApiGet, useOrganization } from '../hooks'
+import { AgeQualificationStatus, CurrentPersonResource } from '../types'
+import { useChatContext } from '../contexts/chat_context'
+import { AgeCheckUnderageScreen } from '../screens/age_check/age_check_underage_screen'
+
+export function ChatAccessGate({ children }: PropsWithChildren) {
+  const { data: person, isFetched } = useApiGet<CurrentPersonResource>(currentPersonRequestArgs)
+  const { data: organization } = useOrganization()
+
+  const ageQualificationStatus = person?.ageQualificationStatus
+  const contactEmail = organization?.contactEmail
+
+  useAgeDisqualification(ageQualificationStatus, contactEmail)
+
+  if (!isFetched) {
+    return <DefaultLoading />
+  }
+
+  if (!person) {
+    throw new Error('Current person not found')
+  }
+
+  if (ageQualificationStatus === AgeQualificationStatus.DISQUALIFIED) {
+    return <AgeCheckUnderageScreen contactEmail={contactEmail} />
+  }
+
+  if (ageQualificationStatus === AgeQualificationStatus.UNKNOWN) {
+    return <AgeCheckRequiredScreen />
+  }
+
+  return <>{children}</>
+}
+
+/**
+ * Helper hook that handles the age disqualification logic.
+ *
+ * If a host app provides an onAgeDisqualification callback, it will be called
+ * when a user is found to be disqualified by their age.
+ */
+function useAgeDisqualification(
+  ageQualificationStatus: CurrentPersonResource['ageQualificationStatus'],
+  contactEmail: string | undefined
+) {
+  const { onAgeDisqualification } = useChatContext()
+  const hasCalledCallbackRef = useRef(false)
+
+  useEffect(() => {
+    if (
+      ageQualificationStatus === AgeQualificationStatus.DISQUALIFIED &&
+      !hasCalledCallbackRef.current
+    ) {
+      hasCalledCallbackRef.current = true
+      onAgeDisqualification({ contactEmail: contactEmail || '' })
+    }
+  }, [ageQualificationStatus, onAgeDisqualification, contactEmail])
+}

package/src/navigation/index.tsx

@@ -45,9 +45,10 @@ import {
 } from '../screens/message_actions_screen'
 import { NotFound } from '../screens/not_found'
 import { ReactionsScreen, ReactionsScreenOptions } from '../screens/reactions_screen'
+import { ScreenLayoutWithChatAccessGate } from './screenLayout'
 import { SendGiphyScreen, SendGiphyScreenOptions } from '../screens/send_giphy_screen'
 import { TeamConversationScreen } from '../screens/team_conversation_screen'
-import { ScreenLayout } from './screenLayout'
+import { useQualifiedByAge } from '../hooks'
 
 const HEADER_BACK_BUTTON_LAYOUT_RESET_STYLES = {
   marginLeft: Platform.select({ ios: -8, default: -3 }),
@@ -59,7 +60,7 @@ export const NewConversationStack = createNativeStackNavigator({
   screenOptions: {
     headerBackButtonDisplayMode: 'minimal',
   },
-  screenLayout: ScreenLayout,
+  screenLayout: ScreenLayoutWithChatAccessGate,
   screens: {
     ConversationSelectRecipients: {
       screen: ConversationSelectRecipientsScreen,
@@ -122,7 +123,7 @@ export const ChatStack = createNativeStackNavigator({
   screenOptions: {
     headerBackButtonDisplayMode: 'minimal',
   },
-  screenLayout: ScreenLayout,
+  screenLayout: ScreenLayoutWithChatAccessGate,
   screens: {
     Conversations: {
       screen: ConversationsScreen,
@@ -192,6 +193,7 @@ export const ChatStack = createNativeStackNavigator({
     },
     TeamConversation: {
       screen: TeamConversationScreen,
+      if: useQualifiedByAge,
       options: {
         title: 'Finding conversation...',
         animation: 'none',
@@ -210,6 +212,7 @@ export const ChatStack = createNativeStackNavigator({
     },
     New: {
       screen: NewConversationStack,
+      if: useQualifiedByAge,
       options: {
         headerShown: false,
         presentation: 'modal',

package/src/navigation/screenLayout.tsx

@@ -2,6 +2,7 @@ import React from 'react'
 import ErrorBoundary from '../components/page/error_boundary'
 import { Suspense } from 'react'
 import { DefaultLoading } from '../components/page/loading'
+import { ChatAccessGate } from './chat_access_gate'
 
 export function ScreenLayout({ children }: { children: React.ReactElement }) {
   return (
@@ -10,3 +11,13 @@ export function ScreenLayout({ children }: { children: React.ReactElement }) {
     </ErrorBoundary>
   )
 }
+
+export function ScreenLayoutWithChatAccessGate({ children }: { children: React.ReactElement }) {
+  return (
+    <ScreenLayout>
+      <ChatAccessGate>
+        <Suspense fallback={<DefaultLoading />}>{children}</Suspense>
+      </ChatAccessGate>
+    </ScreenLayout>
+  )
+}