@planningcenter/chat-react-native 3.42.3-qa-staging.2 → 3.42.3-qa-staging.3

package/build/screens/notification_settings_screen.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"notification_settings_screen.d.ts","sourceRoot":"","sources":["../../src/screens/notification_settings_screen.tsx"],"names":[],"mappings":"AACA,OAAO,EAAE,iBAAiB,EAAiB,MAAM,0BAA0B,CAAA;AA4C3E,MAAM,MAAM,+BAA+B,GAAG,iBAAiB,CAAC,EAAE,CAAC,CAAA;AAEnE,wBAAgB,0BAA0B,CAAC,EAAE,EAAE,+BAA+B,2CAmK7E"}
+{"version":3,"file":"notification_settings_screen.d.ts","sourceRoot":"","sources":["../../src/screens/notification_settings_screen.tsx"],"names":[],"mappings":"AACA,OAAO,EAAE,iBAAiB,EAAiB,MAAM,0BAA0B,CAAA;AA2C3E,MAAM,MAAM,+BAA+B,GAAG,iBAAiB,CAAC,EAAE,CAAC,CAAA;AAEnE,wBAAgB,0BAA0B,CAAC,EAAE,EAAE,+BAA+B,2CAgJ7E"}

package/build/screens/notification_settings_screen.js

@@ -1,11 +1,9 @@
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import { PlatformPressable } from '@react-navigation/elements';
 import { useNavigation } from '@react-navigation/native';
-import { useCallback, useEffect } from 'react';
 import { FlatList, Platform, StyleSheet, View } from 'react-native';
 import { useSafeAreaInsets } from 'react-native-safe-area-context';
 import { Badge, Heading, Icon, Text } from '../components';
-import { HeaderTextButton } from '../components/display/platform_modal_header_buttons';
 import { useTheme } from '../hooks';
 import { isDefined } from '../types';
 import { chatTypeLabel } from '../utils';
@@ -27,18 +25,6 @@ export function NotificationSettingsScreen({}) {
     const styles = useStyles();
     const { data: chatTypes } = useChatTypes();
     const { data: groups } = useGroups();
-    // Header configuration
-    const HeaderRight = useCallback(() => {
-        return (_jsx(HeaderTextButton, { onPress: () => {
-                // Save settings logic would go here
-                navigation.goBack();
-            }, title: "Done" }));
-    }, [navigation]);
-    useEffect(() => {
-        navigation.setOptions({
-            headerRight: HeaderRight,
-        });
-    }, [HeaderRight, navigation]);
     // Build section data
     const listData = [
         {

package/build/screens/notification_settings_screen.js.map

@@ -1 +1 @@
-{"version":3,"file":"notification_settings_screen.js","sourceRoot":"","sources":["../../src/screens/notification_settings_screen.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,iBAAiB,EAAE,MAAM,4BAA4B,CAAA;AAC9D,OAAO,EAAqB,aAAa,EAAE,MAAM,0BAA0B,CAAA;AAC3E,OAAc,EAAE,WAAW,EAAE,SAAS,EAAkB,MAAM,OAAO,CAAA;AACrE,OAAO,EAAE,QAAQ,EAAE,QAAQ,EAAE,UAAU,EAAE,IAAI,EAAkC,MAAM,cAAc,CAAA;AACnG,OAAO,EAAE,iBAAiB,EAAE,MAAM,gCAAgC,CAAA;AAClE,OAAO,EAAE,KAAK,EAAE,OAAO,EAAE,IAAI,EAAE,IAAI,EAAE,MAAM,eAAe,CAAA;AAC1D,OAAO,EAAE,gBAAgB,EAAE,MAAM,qDAAqD,CAAA;AACtF,OAAO,EAAE,QAAQ,EAAE,MAAM,UAAU,CAAA;AACnC,OAAO,EAAE,SAAS,EAAE,MAAM,UAAU,CAAA;AACpC,OAAO,EAAE,aAAa,EAAE,MAAM,UAAU,CAAA;AACxC,OAAO,EAAE,SAAS,EAAE,MAAM,sCAAsC,CAAA;AAChE,OAAO,EAAE,YAAY,EAAE,MAAM,sCAAsC,CAAA;AAEnE,4CAA4C;AAC5C,4CAA4C;AAC5C,4CAA4C;AAE5C,IAAK,YAMJ;AAND,WAAK,YAAY;IACf,mDAAM,CAAA;IACN,mDAAM,CAAA;IACN,qDAAO,CAAA;IACP,+CAAI,CAAA;IACJ,+CAAI,CAAA;AACN,CAAC,EANI,YAAY,KAAZ,YAAY,QAMhB;AAwBD,MAAM,UAAU,0BAA0B,CAAC,EAAmC;IAC5E,MAAM,UAAU,GAAG,aAAa,EAAE,CAAA;IAClC,MAAM,MAAM,GAAG,SAAS,EAAE,CAAA;IAC1B,MAAM,EAAE,IAAI,EAAE,SAAS,EAAE,GAAG,YAAY,EAAE,CAAA;IAC1C,MAAM,EAAE,IAAI,EAAE,MAAM,EAAE,GAAG,SAAS,EAAE,CAAA;IAEpC,uBAAuB;IACvB,MAAM,WAAW,GAAG,WAAW,CAAC,GAAG,EAAE;QACnC,OAAO,CACL,KAAC,gBAAgB,IACf,OAAO,EAAE,GAAG,EAAE;gBACZ,oCAAoC;gBACpC,UAAU,CAAC,MAAM,EAAE,CAAA;YACrB,CAAC,EACD,KAAK,EAAC,MAAM,GACZ,CACH,CAAA;IACH,CAAC,EAAE,CAAC,UAAU,CAAC,CAAC,CAAA;IAEhB,SAAS,CAAC,GAAG,EAAE;QACb,UAAU,CAAC,UAAU,CAAC;YACpB,WAAW,EAAE,WAAW;SACzB,CAAC,CAAA;IACJ,CAAC,EAAE,CAAC,WAAW,EAAE,UAAU,CAAC,CAAC,CAAA;IAE7B,qBAAqB;IACrB,MAAM,QAAQ,GAAG;QACf;YACE,IAAI,EAAE,YAAY,CAAC,MAAM;YACzB,IAAI,EAAE,EAAE,KAAK,EAAE,eAAe,EAAE;YAChC,iBAAiB,EAAE,MAAM,CAAC,kBAAkB;SAC7C;QACD;YACE,IAAI,EAAE,YAAY,CAAC,IAAI;YACvB,IAAI,EAAE;gBACJ,QAAQ,EAAE,CACR,KAAC,IAAI,IAAC,OAAO,EAAC,UAAU,EAAC,KAAK,EAAE,MAAM,CAAC,kBAAkB,yEAElD,CACR;aACF;YACD,gBAAgB,EAAE,IAAI;SACvB;QACD,GAAG,SAAS,CAAC,GAAG,CAAC,IAAI,CAAC,EAAE,CAAC,CAAC;YACxB,IAAI,EAAE,YAAY,CAAC,IAAI;YACvB,IAAI,EAAE;gBACJ,KAAK,EAAE,aAAa,CAAC,IAAI,CAAC,KAAK,CAAC;gBAChC,UAAU,EAAE,IAAI,CAAC,YAAY;gBAC7B,OAAO,EAAE,GAAG,EAAE,CACZ,UAAU,CAAC,QAAQ,CAAC,uBAAuB,EAAE;oBAC3C,UAAU,EAAE,IAAI,CAAC,EAAE;iBACpB,CAAC;aACL;YACD,iBAAiB,EAAE,EAAE,eAAe,EAAE,CAAC,EAAE;YACzC,gBAAgB,EAAE,IAAI;SACvB,CAAC,CAAC;QACH;YACE,IAAI,EAAE,MAAM,CAAC,MAAM,KAAK,CAAC,CAAC,CAAC,CAAC,YAAY,CAAC,MAAM,CAAC,CAAC,CAAC,YAAY,CAAC,MAAM;YACrE,IAAI,EAAE;gBACJ,KAAK,EAAE,sBAAsB;aAC9B;YACD,iBAAiB,EAAE,MAAM,CAAC,kBAAkB;SAC7C;QACD;YACE,IAAI,EAAE,MAAM,CAAC,MAAM,KAAK,CAAC,CAAC,CAAC,CAAC,YAAY,CAAC,MAAM,CAAC,CAAC,CAAC,YAAY,CAAC,IAAI;YACnE,IAAI,EAAE;gBACJ,QAAQ,EAAE,CACR,KAAC,IAAI,IAAC,OAAO,EAAC,UAAU,EAAC,KAAK,EAAE,MAAM,CAAC,kBAAkB,kGAElD,CACR;aACF;YACD,gBAAgB,EAAE,IAAI;SACvB;QACD,GAAG,MAAM,CAAC,GAAG,CAAC,KAAK,CAAC,EAAE,CAAC,CAAC;YACtB,IAAI,EAAE,YAAY,CAAC,IAAI;YACvB,IAAI,EAAE;gBACJ,KAAK,EAAE,KAAK,CAAC,IAAI;gBACjB,QAAQ,EAAE,KAAK,CAAC,iBAAiB,EAAE,4BAA4B;gBAC/D,UAAU,EAAE,KAAK,CAAC,UAAU;gBAC5B,OAAO,EAAE,GAAG,EAAE,CACZ,UAAU,CAAC,QAAQ,CAAC,2BAA2B,EAAE;oBAC/C,OAAO,EAAE,KAAK,CAAC,EAAE;oBACjB,KAAK,EAAE,KAAK,CAAC,IAAI,IAAI,OAAO;iBAC7B,CAAC;aACL;YACD,iBAAiB,EAAE,EAAE,eAAe,EAAE,CAAC,EAAE;YACzC,gBAAgB,EAAE,IAAI;SACvB,CAAC,CAAC;KACJ,CAAC,MAAM,CAAC,IAAI,CAAC,EAAE,CAAC,IAAI,CAAC,IAAI,KAAK,YAAY,CAAC,MAAM,CAAC,CAAA;IAEnD,MAAM,aAAa,GAAG,QAAQ;SAC3B,GAAG,CAAC,CAAC,EAAE,IAAI,EAAE,EAAE,KAAK,EAAE,EAAE,CAAC,CAAC,IAAI,KAAK,YAAY,CAAC,MAAM,CAAC,CAAC,CAAC,KAAK,CAAC,CAAC,CAAC,SAAS,CAAC,CAAC;SAC5E,MAAM,CAAC,SAAS,CAAC,CAAA;IAEpB,OAAO,CACL,KAAC,IAAI,IAAC,KAAK,EAAE,MAAM,CAAC,aAAa,YAC/B,KAAC,QAAQ,IACP,IAAI,EAAE,QAA2B,EACjC,qBAAqB,EAAE,MAAM,CAAC,gBAAgB,EAC9C,UAAU,EAAE,CAAC,EAAE,IAAI,EAAE,KAAK,EAAE,EAAE,EAAE;gBAC9B,MAAM,CAAC,OAAO,EAAE,KAAK,CAAC,GAAG;oBACvB,KAAK,KAAK,CAAC,IAAI,aAAa,CAAC,QAAQ,CAAC,KAAK,CAAC;oBAC5C,KAAK,KAAK,QAAQ,CAAC,MAAM,GAAG,CAAC,IAAI,aAAa,CAAC,QAAQ,CAAC,KAAK,GAAG,CAAC,CAAC;iBACnE,CAAA;gBAED,QAAQ,IAAI,CAAC,IAAI,EAAE,CAAC;oBAClB,KAAK,YAAY,CAAC,MAAM;wBACtB,OAAO,CACL,KAAC,WAAW,IACV,OAAO,EAAE,OAAO,EAChB,KAAK,EAAE,KAAK,EACZ,gBAAgB,EAAE,IAAI,EAAE,gBAAgB,EACxC,UAAU,EAAE,IAAI,EAAE,iBAAiB,EACnC,UAAU,EAAE,IAAI,EAAE,iBAAiB,YAEnC,KAAC,OAAO,IAAC,OAAO,EAAC,IAAI,YAAE,IAAI,CAAC,IAAI,CAAC,KAAK,GAAW,GACrC,CACf,CAAA;oBACH,KAAK,YAAY,CAAC,OAAO;wBACvB,OAAO,CACL,KAAC,WAAW,IACV,OAAO,EAAE,OAAO,EAChB,KAAK,EAAE,KAAK,EACZ,gBAAgB,EAAE,IAAI,EAAE,gBAAgB,EACxC,UAAU,EAAE,IAAI,EAAE,iBAAiB,EACnC,UAAU,EAAE,IAAI,EAAE,iBAAiB,YAEnC,KAAC,UAAU,OAAK,IAAI,CAAC,IAAI,GAAI,GACjB,CACf,CAAA;oBACH,KAAK,YAAY,CAAC,IAAI;wBACpB,OAAO,CACL,KAAC,WAAW,IACV,OAAO,EAAE,OAAO,EAChB,KAAK,EAAE,KAAK,EACZ,gBAAgB,EAAE,IAAI,EAAE,gBAAgB,EACxC,UAAU,EAAE,IAAI,EAAE,iBAAiB,EACnC,UAAU,EAAE,IAAI,EAAE,iBAAiB,YAEnC,KAAC,IAAI,OAAK,IAAI,CAAC,IAAI,EAAE,KAAK,EAAE,IAAI,CAAC,IAAI,CAAC,KAAK,GAAI,GACnC,CACf,CAAA;oBACH,KAAK,YAAY,CAAC,IAAI;wBACpB,OAAO,CACL,KAAC,WAAW,IACV,OAAO,EAAE,OAAO,EAChB,KAAK,EAAE,KAAK,EACZ,gBAAgB,EAAE,IAAI,EAAE,gBAAgB,EACxC,UAAU,EAAE,IAAI,EAAE,iBAAiB,EACnC,UAAU,EAAE,IAAI,EAAE,iBAAiB,YAEnC,KAAC,OAAO,OAAK,IAAI,CAAC,IAAI,GAAI,GACd,CACf,CAAA;oBACH,KAAK,YAAY,CAAC,MAAM,CAAC;oBACzB;wBACE,OAAO,IAAI,CAAA;gBACf,CAAC;YACH,CAAC,GACD,GACG,CACR,CAAA;AACH,CAAC;AAWD,SAAS,WAAW,CAAC,EACnB,OAAO,EACP,KAAK,EACL,gBAAgB,EAChB,UAAU,EACV,UAAU,EACV,QAAQ,GACS;IACjB,MAAM,MAAM,GAAG,SAAS,CAAC,EAAE,OAAO,EAAE,KAAK,EAAE,CAAC,CAAA;IAC5C,MAAM,YAAY,GAAG,gBAAgB,CAAC,CAAC,CAAC,MAAM,CAAC,wBAAwB,CAAC,CAAC,CAAC,EAAE,CAAA;IAE5E,OAAO,CACL,KAAC,IAAI,IAAC,KAAK,EAAE,CAAC,MAAM,CAAC,gBAAgB,EAAE,UAAU,CAAC,YAChD,KAAC,IAAI,IAAC,KAAK,EAAE,CAAC,MAAM,CAAC,gBAAgB,EAAE,YAAY,EAAE,UAAU,CAAC,YAAG,QAAQ,GAAQ,GAC9E,CACR,CAAA;AACH,CAAC;AAUD,SAAS,UAAU,CAAC,EAAE,KAAK,EAAE,KAAK,EAAE,UAAU,EAAE,SAAS,EAAE,cAAc,GAAG,EAAE,EAAmB;IAC/F,MAAM,MAAM,GAAG,SAAS,EAAE,CAAA;IAE1B,OAAO,CACL,MAAC,IAAI,IAAC,KAAK,EAAE,CAAC,MAAM,CAAC,UAAU,EAAE,KAAK,CAAC,aACrC,MAAC,IAAI,IAAC,KAAK,EAAE,MAAM,CAAC,iBAAiB,aACnC,KAAC,IAAI,IAAC,OAAO,EAAC,OAAO,EAAC,KAAK,EAAE,MAAM,CAAC,cAAc,YAC/C,KAAK,GACD,EACN,OAAO,CAAC,UAAU,CAAC,IAAI,KAAC,IAAI,IAAC,OAAO,EAAC,UAAU,YAAE,UAAU,GAAQ,IAC/D,EACN,OAAO,CAAC,SAAS,CAAC,IAAI,KAAC,IAAI,IAAC,KAAK,EAAE,cAAc,YAAG,SAAS,GAAQ,IACjE,CACR,CAAA;AACH,CAAC;AASD,SAAS,OAAO,CAAC,EAAE,KAAK,EAAE,QAAQ,EAAE,UAAU,EAAE,OAAO,EAAgB;IACrE,MAAM,MAAM,GAAG,gBAAgB,EAAE,CAAA;IACjC,MAAM,YAAY,GAAG,UAAU,KAAK,MAAM,IAAI,UAAU,KAAK,OAAO,IAAI,UAAU,KAAK,UAAU,CAAA;IAEjG,OAAO,CACL,KAAC,iBAAiB,IAChB,KAAK,EAAE,MAAM,CAAC,GAAG,EACjB,OAAO,EAAE,OAAO,EAChB,iBAAiB,EAAC,MAAM,EACxB,kBAAkB,EAAE,KAAK,EACzB,iBAAiB,EAAE,eAAe,KAAK,WAAW,YAElD,MAAC,IAAI,IAAC,KAAK,EAAE,MAAM,CAAC,cAAc,aAChC,MAAC,IAAI,IAAC,KAAK,EAAE,MAAM,CAAC,WAAW,aAC7B,KAAC,IAAI,IAAC,KAAK,EAAE,MAAM,CAAC,KAAK,EAAE,aAAa,EAAE,CAAC,YACxC,KAAK,GACD,EACN,OAAO,CAAC,QAAQ,CAAC,IAAI,KAAC,IAAI,IAAC,OAAO,EAAC,UAAU,YAAE,QAAQ,GAAQ,IAC3D,EACP,MAAC,IAAI,IAAC,KAAK,EAAE,MAAM,CAAC,YAAY,aAC7B,YAAY,CAAC,CAAC,CAAC,CACd,KAAC,KAAK,IAAC,KAAK,EAAE,UAAU,EAAE,UAAU,EAAC,SAAS,EAAC,OAAO,EAAC,MAAM,GAAG,CACjE,CAAC,CAAC,CAAC,CACF,KAAC,IAAI,IAAC,aAAa,EAAE,CAAC,EAAE,KAAK,EAAE,MAAM,CAAC,cAAc,YACjD,UAAU,GACN,CACR,EACA,QAAQ,CAAC,EAAE,KAAK,KAAK,IAAI,CACxB,KAAC,IAAI,IAAC,IAAI,EAAC,sBAAsB,EAAC,IAAI,EAAE,EAAE,EAAE,KAAK,EAAE,MAAM,CAAC,IAAI,GAAI,CACnE,IACI,IACF,GACW,CACrB,CAAA;AACH,CAAC;AAED,oCAAoC;AACpC,oCAAoC;AACpC,oCAAoC;AAEpC,MAAM,SAAS,GAAG,CAAC,KAA6C,EAAE,EAAE,EAAE;IACpE,MAAM,EAAE,MAAM,EAAE,GAAG,QAAQ,EAAE,CAAA;IAC7B,MAAM,EAAE,MAAM,EAAE,GAAG,iBAAiB,EAAE,CAAA;IACtC,MAAM,mBAAmB,GAAG,CAAC,CAAA;IAE7B,OAAO,UAAU,CAAC,MAAM,CAAC;QACvB,aAAa,EAAE;YACb,IAAI,EAAE,CAAC;SACR;QACD,gBAAgB,EAAE;YAChB,aAAa,EAAE,MAAM;SACtB;QACD,gBAAgB,EAAE;YAChB,WAAW,EAAE,EAAE;SAChB;QACD,gBAAgB,EAAE;YAChB,YAAY,EAAE,EAAE;YAChB,eAAe,EAAE,EAAE;SACpB;QACD,kBAAkB,EAAE;YAClB,UAAU,EAAE,EAAE;YACd,aAAa,EAAE,mBAAmB;SACnC;QACD,wBAAwB,EAAE;YACxB,iBAAiB,EAAE,MAAM,CAAC,sBAAsB;YAChD,iBAAiB,EAAE,CAAC;SACrB;QACD,kBAAkB,EAAE;YAClB,KAAK,EAAE,MAAM,CAAC,yBAAyB;SACxC;QACD,UAAU,EAAE;YACV,aAAa,EAAE,KAAK;YACpB,cAAc,EAAE,eAAe;YAC/B,UAAU,EAAE,QAAQ;YACpB,GAAG,EAAE,CAAC;SACP;QACD,iBAAiB,EAAE;YACjB,IAAI,EAAE,CAAC;SACR;QACD,cAAc,EAAE;YACd,UAAU,EAAE,EAAE;SACf;KACF,CAAC,CAAA;AACJ,CAAC,CAAA;AAED,MAAM,gBAAgB,GAAG,GAAG,EAAE;IAC5B,MAAM,KAAK,GAAG,QAAQ,EAAE,CAAA;IAExB,OAAO,UAAU,CAAC,MAAM,CAAC;QACvB,GAAG,EAAE;YACH,WAAW,EAAE,CAAC;YACd,eAAe,EAAE,EAAE;SACpB;QACD,cAAc,EAAE;YACd,aAAa,EAAE,KAAK;YACpB,UAAU,EAAE,QAAQ;YACpB,cAAc,EAAE,eAAe;YAC/B,GAAG,EAAE,EAAE;SACR;QACD,WAAW,EAAE;YACX,IAAI,EAAE,CAAC;YACP,GAAG,EAAE,CAAC;SACP;QACD,YAAY,EAAE;YACZ,aAAa,EAAE,KAAK;YACpB,UAAU,EAAE,QAAQ;YACpB,GAAG,EAAE,CAAC;SACP;QACD,KAAK,EAAE,EAAE;QACT,cAAc,EAAE;YACd,KAAK,EAAE,KAAK,CAAC,MAAM,CAAC,yBAAyB;SAC9C;QACD,IAAI,EAAE;YACJ,KAAK,EAAE,KAAK,CAAC,MAAM,CAAC,wBAAwB;SAC7C;KACF,CAAC,CAAA;AACJ,CAAC,CAAA","sourcesContent":["import { PlatformPressable } from '@react-navigation/elements'\nimport { StaticScreenProps, useNavigation } from '@react-navigation/native'\nimport React, { useCallback, useEffect, type ReactNode } from 'react'\nimport { FlatList, Platform, StyleSheet, View, type ViewProps, type ViewStyle } from 'react-native'\nimport { useSafeAreaInsets } from 'react-native-safe-area-context'\nimport { Badge, Heading, Icon, Text } from '../components'\nimport { HeaderTextButton } from '../components/display/platform_modal_header_buttons'\nimport { useTheme } from '../hooks'\nimport { isDefined } from '../types'\nimport { chatTypeLabel } from '../utils'\nimport { useGroups } from './notification_settings/hooks/groups'\nimport { useChatTypes } from './preferred_app/hooks/use_chat_types'\n\n// =========================================\n// ====== Factory Constants & Types ========\n// =========================================\n\nenum SectionTypes {\n  header,\n  hidden,\n  setting,\n  view,\n  link,\n}\n\ntype SectionListData = Array<\n  | DataItem<{ title: string }, SectionTypes.header>\n  | DataItem<ViewProps, SectionTypes.view>\n  | DataItem<SettingRowProps, SectionTypes.setting>\n  | DataItem<LinkRowProps, SectionTypes.link>\n  | DataItem<any, SectionTypes.hidden>\n>\n\ninterface DataItem<T, TName extends SectionTypes> {\n  type: TName\n  data: T\n  sectionOuterStyle?: ViewStyle\n  sectionInnerStyle?: ViewStyle\n  showBottomBorder?: boolean\n}\n\n// =================================\n// ====== Components ===============\n// =================================\n\nexport type NotificationSettingsScreenProps = StaticScreenProps<{}>\n\nexport function NotificationSettingsScreen({}: NotificationSettingsScreenProps) {\n  const navigation = useNavigation()\n  const styles = useStyles()\n  const { data: chatTypes } = useChatTypes()\n  const { data: groups } = useGroups()\n\n  // Header configuration\n  const HeaderRight = useCallback(() => {\n    return (\n      <HeaderTextButton\n        onPress={() => {\n          // Save settings logic would go here\n          navigation.goBack()\n        }}\n        title=\"Done\"\n      />\n    )\n  }, [navigation])\n\n  useEffect(() => {\n    navigation.setOptions({\n      headerRight: HeaderRight,\n    })\n  }, [HeaderRight, navigation])\n\n  // Build section data\n  const listData = [\n    {\n      type: SectionTypes.header,\n      data: { title: 'Preferred app' },\n      sectionInnerStyle: styles.sectionInnerHeader,\n    },\n    {\n      type: SectionTypes.view,\n      data: {\n        children: (\n          <Text variant=\"tertiary\" style={styles.sectionDescription}>\n            Choose which app receives each type of chat notification\n          </Text>\n        ),\n      },\n      showBottomBorder: true,\n    },\n    ...chatTypes.map(type => ({\n      type: SectionTypes.link,\n      data: {\n        title: chatTypeLabel(type.title),\n        rightLabel: type.preferredApp,\n        onPress: () =>\n          navigation.navigate('PreferredAppSelection', {\n            chatTypeId: type.id,\n          }),\n      },\n      sectionInnerStyle: { paddingVertical: 0 },\n      showBottomBorder: true,\n    })),\n    {\n      type: groups.length === 0 ? SectionTypes.hidden : SectionTypes.header,\n      data: {\n        title: 'Manage chat settings',\n      },\n      sectionInnerStyle: styles.sectionInnerHeader,\n    },\n    {\n      type: groups.length === 0 ? SectionTypes.hidden : SectionTypes.view,\n      data: {\n        children: (\n          <Text variant=\"tertiary\" style={styles.sectionDescription}>\n            Notification settings for all of your group, team and event related conversations\n          </Text>\n        ),\n      },\n      showBottomBorder: true,\n    },\n    ...groups.map(group => ({\n      type: SectionTypes.link,\n      data: {\n        title: group.name,\n        subtitle: group.myGroupMembership?.notificationLevelDescription,\n        rightLabel: group.sourceType,\n        onPress: () =>\n          navigation.navigate('GroupNotificationSettings', {\n            groupId: group.id,\n            title: group.name || 'Group',\n          }),\n      },\n      sectionInnerStyle: { paddingVertical: 0 },\n      showBottomBorder: true,\n    })),\n  ].filter(item => item.type !== SectionTypes.hidden)\n\n  const headerIndices = listData\n    .map(({ type }, index) => (type === SectionTypes.header ? index : undefined))\n    .filter(isDefined)\n\n  return (\n    <View style={styles.listContainer}>\n      <FlatList\n        data={listData as SectionListData}\n        contentContainerStyle={styles.contentContainer}\n        renderItem={({ item, index }) => {\n          const [isStart, isEnd] = [\n            index === 0 || headerIndices.includes(index),\n            index === listData.length - 1 || headerIndices.includes(index + 1),\n          ]\n\n          switch (item.type) {\n            case SectionTypes.header:\n              return (\n                <ListSection\n                  isStart={isStart}\n                  isEnd={isEnd}\n                  showBottomBorder={item?.showBottomBorder}\n                  outerStyle={item?.sectionOuterStyle}\n                  innerStyle={item?.sectionInnerStyle}\n                >\n                  <Heading variant=\"h2\">{item.data.title}</Heading>\n                </ListSection>\n              )\n            case SectionTypes.setting:\n              return (\n                <ListSection\n                  isStart={isStart}\n                  isEnd={isEnd}\n                  showBottomBorder={item?.showBottomBorder}\n                  outerStyle={item?.sectionOuterStyle}\n                  innerStyle={item?.sectionInnerStyle}\n                >\n                  <SettingRow {...item.data} />\n                </ListSection>\n              )\n            case SectionTypes.view:\n              return (\n                <ListSection\n                  isStart={isStart}\n                  isEnd={isEnd}\n                  showBottomBorder={item?.showBottomBorder}\n                  outerStyle={item?.sectionOuterStyle}\n                  innerStyle={item?.sectionInnerStyle}\n                >\n                  <View {...item.data} style={item.data.style} />\n                </ListSection>\n              )\n            case SectionTypes.link:\n              return (\n                <ListSection\n                  isStart={isStart}\n                  isEnd={isEnd}\n                  showBottomBorder={item?.showBottomBorder}\n                  outerStyle={item?.sectionOuterStyle}\n                  innerStyle={item?.sectionInnerStyle}\n                >\n                  <LinkRow {...item.data} />\n                </ListSection>\n              )\n            case SectionTypes.hidden:\n            default:\n              return null\n          }\n        }}\n      />\n    </View>\n  )\n}\n\ninterface ListSectionProps {\n  isStart?: boolean\n  isEnd?: boolean\n  showBottomBorder?: boolean\n  outerStyle?: ViewStyle\n  innerStyle?: ViewStyle\n  children: ReactNode\n}\n\nfunction ListSection({\n  isStart,\n  isEnd,\n  showBottomBorder,\n  outerStyle,\n  innerStyle,\n  children,\n}: ListSectionProps) {\n  const styles = useStyles({ isStart, isEnd })\n  const bottomBorder = showBottomBorder ? styles.sectionInnerBottomBorder : {}\n\n  return (\n    <View style={[styles.sectionOuterBase, outerStyle]}>\n      <View style={[styles.sectionInnerBase, bottomBorder, innerStyle]}>{children}</View>\n    </View>\n  )\n}\n\ninterface SettingRowProps {\n  title: string\n  style?: ViewStyle\n  rightItem?: ReactNode\n  rightLabel?: string\n  rightItemStyle?: ViewStyle\n}\n\nfunction SettingRow({ title, style, rightLabel, rightItem, rightItemStyle = {} }: SettingRowProps) {\n  const styles = useStyles()\n\n  return (\n    <View style={[styles.settingRow, style]}>\n      <View style={styles.settingRowContent}>\n        <Text variant=\"plain\" style={styles.settingRowText}>\n          {title}\n        </Text>\n        {Boolean(rightLabel) && <Text variant=\"footnote\">{rightLabel}</Text>}\n      </View>\n      {Boolean(rightItem) && <View style={rightItemStyle}>{rightItem}</View>}\n    </View>\n  )\n}\n\ninterface LinkRowProps {\n  title: string\n  subtitle?: string\n  rightLabel: string\n  onPress: () => void\n}\n\nfunction LinkRow({ title, subtitle, rightLabel, onPress }: LinkRowProps) {\n  const styles = useLinkRowStyles()\n  const isSourceType = rightLabel === 'Team' || rightLabel === 'Group' || rightLabel === 'PlanTeam'\n\n  return (\n    <PlatformPressable\n      style={styles.row}\n      onPress={onPress}\n      accessibilityRole=\"link\"\n      accessibilityLabel={title}\n      accessibilityHint={`Navigate to ${title} settings`}\n    >\n      <View style={styles.innerContainer}>\n        <View style={styles.leftContent}>\n          <Text style={styles.title} numberOfLines={2}>\n            {title}\n          </Text>\n          {Boolean(subtitle) && <Text variant=\"tertiary\">{subtitle}</Text>}\n        </View>\n        <View style={styles.rightContent}>\n          {isSourceType ? (\n            <Badge label={rightLabel} appearance=\"neutral\" variant=\"meta\" />\n          ) : (\n            <Text numberOfLines={1} style={styles.rightLabelText}>\n              {rightLabel}\n            </Text>\n          )}\n          {Platform.OS === 'ios' && (\n            <Icon name=\"general.rightChevron\" size={16} style={styles.icon} />\n          )}\n        </View>\n      </View>\n    </PlatformPressable>\n  )\n}\n\n// =================================\n// ====== Styles ===================\n// =================================\n\nconst useStyles = ({}: { isStart?: boolean; isEnd?: boolean } = {}) => {\n  const { colors } = useTheme()\n  const { bottom } = useSafeAreaInsets()\n  const headerBottomPadding = 0\n\n  return StyleSheet.create({\n    listContainer: {\n      flex: 1,\n    },\n    contentContainer: {\n      paddingBottom: bottom,\n    },\n    sectionOuterBase: {\n      paddingLeft: 16,\n    },\n    sectionInnerBase: {\n      paddingRight: 16,\n      paddingVertical: 16,\n    },\n    sectionInnerHeader: {\n      paddingTop: 24,\n      paddingBottom: headerBottomPadding,\n    },\n    sectionInnerBottomBorder: {\n      borderBottomColor: colors.borderColorDefaultBase,\n      borderBottomWidth: 1,\n    },\n    sectionDescription: {\n      color: colors.textColorDefaultSecondary,\n    },\n    settingRow: {\n      flexDirection: 'row',\n      justifyContent: 'space-between',\n      alignItems: 'center',\n      gap: 8,\n    },\n    settingRowContent: {\n      flex: 1,\n    },\n    settingRowText: {\n      lineHeight: 20,\n    },\n  })\n}\n\nconst useLinkRowStyles = () => {\n  const theme = useTheme()\n\n  return StyleSheet.create({\n    row: {\n      paddingLeft: 0,\n      paddingVertical: 16,\n    },\n    innerContainer: {\n      flexDirection: 'row',\n      alignItems: 'center',\n      justifyContent: 'space-between',\n      gap: 12,\n    },\n    leftContent: {\n      flex: 1,\n      gap: 4,\n    },\n    rightContent: {\n      flexDirection: 'row',\n      alignItems: 'center',\n      gap: 8,\n    },\n    title: {},\n    rightLabelText: {\n      color: theme.colors.textColorDefaultSecondary,\n    },\n    icon: {\n      color: theme.colors.iconColorDefaultDisabled,\n    },\n  })\n}\n"]}
+{"version":3,"file":"notification_settings_screen.js","sourceRoot":"","sources":["../../src/screens/notification_settings_screen.tsx"],"names":[],"mappings":"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","sourcesContent":["import { PlatformPressable } from '@react-navigation/elements'\nimport { StaticScreenProps, useNavigation } from '@react-navigation/native'\nimport { type ReactNode } from 'react'\nimport { FlatList, Platform, StyleSheet, View, type ViewProps, type ViewStyle } from 'react-native'\nimport { useSafeAreaInsets } from 'react-native-safe-area-context'\nimport { Badge, Heading, Icon, Text } from '../components'\nimport { useTheme } from '../hooks'\nimport { isDefined } from '../types'\nimport { chatTypeLabel } from '../utils'\nimport { useGroups } from './notification_settings/hooks/groups'\nimport { useChatTypes } from './preferred_app/hooks/use_chat_types'\n\n// =========================================\n// ====== Factory Constants & Types ========\n// =========================================\n\nenum SectionTypes {\n  header,\n  hidden,\n  setting,\n  view,\n  link,\n}\n\ntype SectionListData = Array<\n  | DataItem<{ title: string }, SectionTypes.header>\n  | DataItem<ViewProps, SectionTypes.view>\n  | DataItem<SettingRowProps, SectionTypes.setting>\n  | DataItem<LinkRowProps, SectionTypes.link>\n  | DataItem<any, SectionTypes.hidden>\n>\n\ninterface DataItem<T, TName extends SectionTypes> {\n  type: TName\n  data: T\n  sectionOuterStyle?: ViewStyle\n  sectionInnerStyle?: ViewStyle\n  showBottomBorder?: boolean\n}\n\n// =================================\n// ====== Components ===============\n// =================================\n\nexport type NotificationSettingsScreenProps = StaticScreenProps<{}>\n\nexport function NotificationSettingsScreen({}: NotificationSettingsScreenProps) {\n  const navigation = useNavigation()\n  const styles = useStyles()\n  const { data: chatTypes } = useChatTypes()\n  const { data: groups } = useGroups()\n\n  // Build section data\n  const listData = [\n    {\n      type: SectionTypes.header,\n      data: { title: 'Preferred app' },\n      sectionInnerStyle: styles.sectionInnerHeader,\n    },\n    {\n      type: SectionTypes.view,\n      data: {\n        children: (\n          <Text variant=\"tertiary\" style={styles.sectionDescription}>\n            Choose which app receives each type of chat notification\n          </Text>\n        ),\n      },\n      showBottomBorder: true,\n    },\n    ...chatTypes.map(type => ({\n      type: SectionTypes.link,\n      data: {\n        title: chatTypeLabel(type.title),\n        rightLabel: type.preferredApp,\n        onPress: () =>\n          navigation.navigate('PreferredAppSelection', {\n            chatTypeId: type.id,\n          }),\n      },\n      sectionInnerStyle: { paddingVertical: 0 },\n      showBottomBorder: true,\n    })),\n    {\n      type: groups.length === 0 ? SectionTypes.hidden : SectionTypes.header,\n      data: {\n        title: 'Manage chat settings',\n      },\n      sectionInnerStyle: styles.sectionInnerHeader,\n    },\n    {\n      type: groups.length === 0 ? SectionTypes.hidden : SectionTypes.view,\n      data: {\n        children: (\n          <Text variant=\"tertiary\" style={styles.sectionDescription}>\n            Notification settings for all of your group, team and event related conversations\n          </Text>\n        ),\n      },\n      showBottomBorder: true,\n    },\n    ...groups.map(group => ({\n      type: SectionTypes.link,\n      data: {\n        title: group.name,\n        subtitle: group.myGroupMembership?.notificationLevelDescription,\n        rightLabel: group.sourceType,\n        onPress: () =>\n          navigation.navigate('GroupNotificationSettings', {\n            groupId: group.id,\n            title: group.name || 'Group',\n          }),\n      },\n      sectionInnerStyle: { paddingVertical: 0 },\n      showBottomBorder: true,\n    })),\n  ].filter(item => item.type !== SectionTypes.hidden)\n\n  const headerIndices = listData\n    .map(({ type }, index) => (type === SectionTypes.header ? index : undefined))\n    .filter(isDefined)\n\n  return (\n    <View style={styles.listContainer}>\n      <FlatList\n        data={listData as SectionListData}\n        contentContainerStyle={styles.contentContainer}\n        renderItem={({ item, index }) => {\n          const [isStart, isEnd] = [\n            index === 0 || headerIndices.includes(index),\n            index === listData.length - 1 || headerIndices.includes(index + 1),\n          ]\n\n          switch (item.type) {\n            case SectionTypes.header:\n              return (\n                <ListSection\n                  isStart={isStart}\n                  isEnd={isEnd}\n                  showBottomBorder={item?.showBottomBorder}\n                  outerStyle={item?.sectionOuterStyle}\n                  innerStyle={item?.sectionInnerStyle}\n                >\n                  <Heading variant=\"h2\">{item.data.title}</Heading>\n                </ListSection>\n              )\n            case SectionTypes.setting:\n              return (\n                <ListSection\n                  isStart={isStart}\n                  isEnd={isEnd}\n                  showBottomBorder={item?.showBottomBorder}\n                  outerStyle={item?.sectionOuterStyle}\n                  innerStyle={item?.sectionInnerStyle}\n                >\n                  <SettingRow {...item.data} />\n                </ListSection>\n              )\n            case SectionTypes.view:\n              return (\n                <ListSection\n                  isStart={isStart}\n                  isEnd={isEnd}\n                  showBottomBorder={item?.showBottomBorder}\n                  outerStyle={item?.sectionOuterStyle}\n                  innerStyle={item?.sectionInnerStyle}\n                >\n                  <View {...item.data} style={item.data.style} />\n                </ListSection>\n              )\n            case SectionTypes.link:\n              return (\n                <ListSection\n                  isStart={isStart}\n                  isEnd={isEnd}\n                  showBottomBorder={item?.showBottomBorder}\n                  outerStyle={item?.sectionOuterStyle}\n                  innerStyle={item?.sectionInnerStyle}\n                >\n                  <LinkRow {...item.data} />\n                </ListSection>\n              )\n            case SectionTypes.hidden:\n            default:\n              return null\n          }\n        }}\n      />\n    </View>\n  )\n}\n\ninterface ListSectionProps {\n  isStart?: boolean\n  isEnd?: boolean\n  showBottomBorder?: boolean\n  outerStyle?: ViewStyle\n  innerStyle?: ViewStyle\n  children: ReactNode\n}\n\nfunction ListSection({\n  isStart,\n  isEnd,\n  showBottomBorder,\n  outerStyle,\n  innerStyle,\n  children,\n}: ListSectionProps) {\n  const styles = useStyles({ isStart, isEnd })\n  const bottomBorder = showBottomBorder ? styles.sectionInnerBottomBorder : {}\n\n  return (\n    <View style={[styles.sectionOuterBase, outerStyle]}>\n      <View style={[styles.sectionInnerBase, bottomBorder, innerStyle]}>{children}</View>\n    </View>\n  )\n}\n\ninterface SettingRowProps {\n  title: string\n  style?: ViewStyle\n  rightItem?: ReactNode\n  rightLabel?: string\n  rightItemStyle?: ViewStyle\n}\n\nfunction SettingRow({ title, style, rightLabel, rightItem, rightItemStyle = {} }: SettingRowProps) {\n  const styles = useStyles()\n\n  return (\n    <View style={[styles.settingRow, style]}>\n      <View style={styles.settingRowContent}>\n        <Text variant=\"plain\" style={styles.settingRowText}>\n          {title}\n        </Text>\n        {Boolean(rightLabel) && <Text variant=\"footnote\">{rightLabel}</Text>}\n      </View>\n      {Boolean(rightItem) && <View style={rightItemStyle}>{rightItem}</View>}\n    </View>\n  )\n}\n\ninterface LinkRowProps {\n  title: string\n  subtitle?: string\n  rightLabel: string\n  onPress: () => void\n}\n\nfunction LinkRow({ title, subtitle, rightLabel, onPress }: LinkRowProps) {\n  const styles = useLinkRowStyles()\n  const isSourceType = rightLabel === 'Team' || rightLabel === 'Group' || rightLabel === 'PlanTeam'\n\n  return (\n    <PlatformPressable\n      style={styles.row}\n      onPress={onPress}\n      accessibilityRole=\"link\"\n      accessibilityLabel={title}\n      accessibilityHint={`Navigate to ${title} settings`}\n    >\n      <View style={styles.innerContainer}>\n        <View style={styles.leftContent}>\n          <Text style={styles.title} numberOfLines={2}>\n            {title}\n          </Text>\n          {Boolean(subtitle) && <Text variant=\"tertiary\">{subtitle}</Text>}\n        </View>\n        <View style={styles.rightContent}>\n          {isSourceType ? (\n            <Badge label={rightLabel} appearance=\"neutral\" variant=\"meta\" />\n          ) : (\n            <Text numberOfLines={1} style={styles.rightLabelText}>\n              {rightLabel}\n            </Text>\n          )}\n          {Platform.OS === 'ios' && (\n            <Icon name=\"general.rightChevron\" size={16} style={styles.icon} />\n          )}\n        </View>\n      </View>\n    </PlatformPressable>\n  )\n}\n\n// =================================\n// ====== Styles ===================\n// =================================\n\nconst useStyles = ({}: { isStart?: boolean; isEnd?: boolean } = {}) => {\n  const { colors } = useTheme()\n  const { bottom } = useSafeAreaInsets()\n  const headerBottomPadding = 0\n\n  return StyleSheet.create({\n    listContainer: {\n      flex: 1,\n    },\n    contentContainer: {\n      paddingBottom: bottom,\n    },\n    sectionOuterBase: {\n      paddingLeft: 16,\n    },\n    sectionInnerBase: {\n      paddingRight: 16,\n      paddingVertical: 16,\n    },\n    sectionInnerHeader: {\n      paddingTop: 24,\n      paddingBottom: headerBottomPadding,\n    },\n    sectionInnerBottomBorder: {\n      borderBottomColor: colors.borderColorDefaultBase,\n      borderBottomWidth: 1,\n    },\n    sectionDescription: {\n      color: colors.textColorDefaultSecondary,\n    },\n    settingRow: {\n      flexDirection: 'row',\n      justifyContent: 'space-between',\n      alignItems: 'center',\n      gap: 8,\n    },\n    settingRowContent: {\n      flex: 1,\n    },\n    settingRowText: {\n      lineHeight: 20,\n    },\n  })\n}\n\nconst useLinkRowStyles = () => {\n  const theme = useTheme()\n\n  return StyleSheet.create({\n    row: {\n      paddingLeft: 0,\n      paddingVertical: 16,\n    },\n    innerContainer: {\n      flexDirection: 'row',\n      alignItems: 'center',\n      justifyContent: 'space-between',\n      gap: 12,\n    },\n    leftContent: {\n      flex: 1,\n      gap: 4,\n    },\n    rightContent: {\n      flexDirection: 'row',\n      alignItems: 'center',\n      gap: 8,\n    },\n    title: {},\n    rightLabelText: {\n      color: theme.colors.textColorDefaultSecondary,\n    },\n    icon: {\n      color: theme.colors.iconColorDefaultDisabled,\n    },\n  })\n}\n"]}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@planningcenter/chat-react-native",
-  "version": "3.42.3-qa-staging.2",
+  "version": "3.42.3-qa-staging.3",
   "description": "",
   "main": "build/index.js",
   "react-native": "./src/index.tsx",
@@ -26,7 +26,7 @@
   "dependencies": {
     "@fortawesome/fontawesome-svg-core": "^7.2.0",
     "@fortawesome/react-native-fontawesome": "^0.3.2",
-    "@planningcenter/emoji-keyboard": "3.42.3-qa-staging.2",
+    "@planningcenter/emoji-keyboard": "3.42.3-qa-staging.3",
     "lodash-inflection": "^1.5.0",
     "react-compiler-runtime": "^1.0.0"
   },
@@ -72,5 +72,5 @@
     "react-native-url-polyfill": "^2.0.0",
     "typescript": "~6.0.3"
   },
-  "gitHead": "cecab4954fa383b2bbb8a20bd8956e45b9dce163"
+  "gitHead": "b1cd8076ea900ce230b4c652b2175ce0f59d9f97"
 }

package/src/components/display/platform_modal_header_buttons.tsx

@@ -1,9 +1,19 @@
-import { HeaderButton } from '@react-navigation/elements'
-import type { NativeStackHeaderRightProps } from '@react-navigation/native-stack'
+import { HeaderBackButton, HeaderButton, PlatformPressable } from '@react-navigation/elements'
+import { useNavigation } from '@react-navigation/native'
+import type {
+  NativeStackHeaderItemProps,
+  NativeStackNavigationOptions,
+} from '@react-navigation/native-stack'
+import { useLayoutEffect } from 'react'
 import { ColorValue, Platform, StyleSheet } from 'react-native'
-import { useTheme } from '../../hooks'
-import { Icon } from './icon'
+import LinearGradient from 'react-native-linear-gradient'
+import { useFontScale, useTheme } from '../../hooks'
+import { MAX_FONT_SIZE_MULTIPLIER_LANDMARK } from '../../utils'
+import { isLiquidGlassEnabled } from '../../utils/liquid_glass'
+import { tokens } from '../../vendor/tapestry/tokens'
+import { Icon, type IconString } from './icon'
 import { TextButton } from './text_button'
+import { getColorKey, useGradientColorMap } from './utils/button_colors'
 
 interface HeaderTextButtonProps {
   onPress: () => void
@@ -63,19 +73,250 @@ export const HeaderDismissButton = ({
   })
 }
 
-interface HeaderDoneButtonProps extends NativeStackHeaderRightProps {
-  navigation: { goBack: () => void; getState: () => any }
+const createTextHeaderRight =
+  ({ onPress, title, disabled }: HeaderTextButtonProps) =>
+  (props: NativeStackHeaderItemProps) => (
+    <HeaderTextButton {...props} onPress={onPress} title={title} disabled={disabled} />
+  )
+
+export type OptionsDecorator = (
+  options: NativeStackNavigationOptions
+) => NativeStackNavigationOptions
+
+export const composeOptions = (
+  base: NativeStackNavigationOptions,
+  ...decorators: OptionsDecorator[]
+): NativeStackNavigationOptions => decorators.reduce((options, decorate) => decorate(options), base)
+
+interface TextButtonDecoratorProps {
+  text: string
+  onPress: () => void
+  disabled?: boolean
+}
+
+// Native bar items pick up liquid glass on iOS 26; hosts on an older
+// react-navigation ignore the unstable option and keep using the
+// headerRight/headerLeft fallbacks, as does Android.
+export const withRightText =
+  ({ text, onPress, disabled }: TextButtonDecoratorProps): OptionsDecorator =>
+  options => ({
+    ...options,
+    headerRight: createTextHeaderRight({ onPress, title: text, disabled }),
+    unstable_headerRightItems: () => [{ type: 'button' as const, label: text, onPress, disabled }],
+  })
+
+const HEADER_ICON_SIZE = 17
+const HEADER_FILL_ICON_SIZE = 16
+const HEADER_FILL_PADDING = 14
+const HEADER_BAR_INSET = 16
+const HEADER_SLOT_GAP = 12
+
+const headerFillSize = (fontScale: number) => {
+  const icon = HEADER_FILL_ICON_SIZE * fontScale
+
+  return { icon, circle: icon + HEADER_FILL_PADDING * 2 }
+}
+
+// Liquid glass icons don't communicate
+export const useHeaderSlotReserve = (): number => {
+  const fontScale = useFontScale({ maxFontSizeMultiplier: MAX_FONT_SIZE_MULTIPLIER_LANDMARK })
+
+  return HEADER_BAR_INSET + headerFillSize(fontScale).circle + HEADER_SLOT_GAP
+}
+
+const HEADER_FALLBACK_HIT_SLOP = 14
+
+const iconStyles = StyleSheet.create({
+  disabled: {
+    opacity: 0.4,
+  },
+  fallbackButton: {
+    alignItems: 'center',
+    justifyContent: 'center',
+    paddingHorizontal: 8,
+  },
+  fillCircle: {
+    alignItems: 'center',
+    justifyContent: 'center',
+  },
+})
+
+export interface HeaderIconProps {
+  icon: IconString
+  accessibilityLabel: string
+  onPress: () => void
+  disabled?: boolean
+  variant?: 'plain' | 'fill'
+}
+
+const HeaderIcon = ({
+  icon,
+  disabled,
+  variant,
+}: Pick<HeaderIconProps, 'icon' | 'disabled' | 'variant'>) => {
+  const { colors } = useTheme()
+  const gradients = useGradientColorMap()
+  const fontScale = useFontScale({ maxFontSizeMultiplier: MAX_FONT_SIZE_MULTIPLIER_LANDMARK })
+
+  if (variant !== 'fill') return <Icon name={icon} size={HEADER_ICON_SIZE} />
+
+  const { icon: iconSize, circle: circleSize } = headerFillSize(fontScale)
+
+  return (
+    <LinearGradient
+      start={{ x: 0.1, y: 0.1 }}
+      end={{ x: 0.9, y: 0.9 }}
+      colors={gradients[getColorKey({ disabled: Boolean(disabled), appearance: 'interaction' })]}
+      style={[
+        iconStyles.fillCircle,
+        { borderRadius: circleSize, height: circleSize, width: circleSize },
+      ]}
+    >
+      <Icon
+        name={icon}
+        size={iconSize}
+        color={disabled ? colors.iconColorDefaultDisabled : tokens.colorNeutral100White}
+      />
+    </LinearGradient>
+  )
 }
 
-export const HeaderDoneButton = ({ navigation, ...props }: HeaderDoneButtonProps) => {
-  const state = navigation.getState()
-  const isFirstScreen = state.index === 0
+// Native bar items take SF Symbols, images, or any element, so both paths
+// render the same icon: iOS 26 puts this one in the glass circle, and the
+// element below covers Android and older iOS.
+const createHeaderIconItem = ({
+  icon,
+  accessibilityLabel,
+  onPress,
+  disabled,
+  variant,
+}: HeaderIconProps) => ({
+  type: 'custom' as const,
+  // The gradient circle replaces the glass one rather than sitting on it.
+  hidesSharedBackground: variant === 'fill',
+  element: (
+    <PlatformPressable
+      onPress={onPress}
+      disabled={disabled}
+      hitSlop={12}
+      accessibilityRole="button"
+      accessibilityLabel={accessibilityLabel}
+      style={disabled && variant !== 'fill' && iconStyles.disabled}
+    >
+      <HeaderIcon icon={icon} disabled={disabled} variant={variant} />
+    </PlatformPressable>
+  ),
+})
+
+const createHeaderIconElement =
+  ({ icon, accessibilityLabel, onPress, disabled, variant }: HeaderIconProps) =>
+  () => (
+    <PlatformPressable
+      onPress={onPress}
+      disabled={disabled}
+      hitSlop={HEADER_FALLBACK_HIT_SLOP}
+      accessibilityRole="button"
+      accessibilityLabel={accessibilityLabel}
+      style={[iconStyles.fallbackButton, disabled && variant !== 'fill' && iconStyles.disabled]}
+    >
+      <HeaderIcon icon={icon} disabled={disabled} variant={variant} />
+    </PlatformPressable>
+  )
+
+export const withRightIcon =
+  (props: HeaderIconProps): OptionsDecorator =>
+  options => ({
+    ...options,
+    headerRight: createHeaderIconElement(props),
+    unstable_headerRightItems: () => [createHeaderIconItem(props)],
+  })
+
+export const withLeftIcon =
+  (props: HeaderIconProps): OptionsDecorator =>
+  options => ({
+    ...options,
+    headerLeft: createHeaderIconElement(props),
+    unstable_headerLeftItems: () => [createHeaderIconItem(props)],
+  })
+
+export const withRightClose = ({ onPress }: { onPress: () => void }) =>
+  withRightIcon({ icon: 'general.x', accessibilityLabel: 'Close', onPress })
+
+export const withLeftClose = ({ onPress }: { onPress: () => void }) =>
+  withLeftIcon({ icon: 'general.x', accessibilityLabel: 'Close', onPress })
+
+export const withRightDone = ({ onPress }: { onPress: () => void }) =>
+  withRightIcon({ icon: 'general.check', accessibilityLabel: 'Done', onPress })
+
+// The default back icon reserves trailing space for a label that
+// displayMode="minimal" never shows; a custom image skips it so the glass
+// capsule hugs the glyph.
+const renderGlassBackImage = ({ tintColor }: { tintColor: string }) => (
+  <Icon name="general.leftChevron" size={18} color={tintColor} />
+)
+
+// The iOS 26 glass capsule manages its own insets — negative margins clip
+// the button against the capsule edge.
+export const createMinimalHeaderBackButton =
+  ({ onPress }: { onPress: () => void }) =>
+  (props: NativeStackHeaderItemProps) => (
+    <HeaderBackButton
+      style={
+        isLiquidGlassEnabled()
+          ? undefined
+          : {
+              marginLeft: Platform.select({ ios: -8, default: -3 }),
+              marginRight: Platform.select({ ios: 0, default: 30 }),
+            }
+      }
+      backImage={isLiquidGlassEnabled() ? renderGlassBackImage : undefined}
+      displayMode="minimal"
+      onPress={onPress}
+      {...props}
+    />
+  )
+
+// Under glass the native minimal back button suffices; pre-26 needs the
+// custom button and its layout nudges.
+export const withMinimalBack =
+  ({ onPress }: { onPress: () => void }): OptionsDecorator =>
+  options => ({
+    ...options,
+    ...(isLiquidGlassEnabled() ? {} : { headerLeft: createMinimalHeaderBackButton({ onPress }) }),
+  })
+
+// An icon or a title, never both — passing both is a compile error rather
+// than a question of which one wins.
+type UseHeaderRightOptions = {
+  onPress: () => void
+  disabled?: boolean
+  enabled?: boolean
+} & (
+  | (HeaderIconProps & { title?: never })
+  | { title: string; icon?: never; accessibilityLabel?: never; variant?: never }
+)
+
+// For screens whose header button depends on live state (form validity,
+// mutation callbacks). Static buttons belong in the navigator options.
+export const useHeaderRight = (options: UseHeaderRightOptions) => {
+  const navigation = useNavigation()
+  const { onPress, disabled, enabled = true } = options
+  const icon = options.icon
+  const label = options.icon !== undefined ? options.accessibilityLabel : options.title
+  const variant = options.variant
+
+  useLayoutEffect(() => {
+    if (!enabled) {
+      navigation.setOptions({ headerRight: () => null, unstable_headerRightItems: undefined })
+      return
+    }
 
-  if (!isFirstScreen) {
-    return null
-  }
+    const decorate = icon
+      ? withRightIcon({ icon, accessibilityLabel: label, onPress, disabled, variant })
+      : withRightText({ text: label, onPress, disabled })
 
-  return <HeaderTextButton {...props} onPress={navigation.goBack} title="Done" />
+    navigation.setOptions(decorate({}))
+  }, [disabled, enabled, icon, label, navigation, onPress, variant])
 }
 
 const useStyles = () => {