@planningcenter/chat-react-native 3.42.3-qa-staging.7 → 3.42.3-qa-858.0

package/build/components/conversation/messages_disabled_banners.d.ts

@@ -1,12 +1,13 @@
+import type { ConversationDisabledReason } from '../../types';
 export declare const LeaderMessagesDisabledBanner: () => import("react/jsx-runtime").JSX.Element;
 export declare const MemberMessagesDisabledBanner: () => import("react/jsx-runtime").JSX.Element;
 interface ConversationDisabledBannerProps {
-    message: string | null;
+    disabledReason?: ConversationDisabledReason;
     messageLink?: {
         label: string;
         onPress: () => void;
     };
 }
-export declare const ConversationDisabledBanner: ({ message, messageLink, }: ConversationDisabledBannerProps) => import("react/jsx-runtime").JSX.Element;
+export declare const ConversationDisabledBanner: ({ disabledReason, messageLink, }: ConversationDisabledBannerProps) => import("react/jsx-runtime").JSX.Element;
 export {};
 //# sourceMappingURL=messages_disabled_banners.d.ts.map

package/build/components/conversation/messages_disabled_banners.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"messages_disabled_banners.d.ts","sourceRoot":"","sources":["../../../src/components/conversation/messages_disabled_banners.tsx"],"names":[],"mappings":"AAKA,eAAO,MAAM,4BAA4B,+CAIxC,CAAA;AAED,eAAO,MAAM,4BAA4B,+CASxC,CAAA;AAID,UAAU,+BAA+B;IACvC,OAAO,EAAE,MAAM,GAAG,IAAI,CAAA;IACtB,WAAW,CAAC,EAAE;QAAE,KAAK,EAAE,MAAM,CAAC;QAAC,OAAO,EAAE,MAAM,IAAI,CAAA;KAAE,CAAA;CACrD;AAED,eAAO,MAAM,0BAA0B,GAAI,2BAGxC,+BAA+B,4CAWjC,CAAA"}
+{"version":3,"file":"messages_disabled_banners.d.ts","sourceRoot":"","sources":["../../../src/components/conversation/messages_disabled_banners.tsx"],"names":[],"mappings":"AAGA,OAAO,KAAK,EAAE,0BAA0B,EAAE,MAAM,aAAa,CAAA;AAI7D,eAAO,MAAM,4BAA4B,+CAIxC,CAAA;AAED,eAAO,MAAM,4BAA4B,+CASxC,CAAA;AASD,UAAU,+BAA+B;IACvC,cAAc,CAAC,EAAE,0BAA0B,CAAA;IAC3C,WAAW,CAAC,EAAE;QAAE,KAAK,EAAE,MAAM,CAAC;QAAC,OAAO,EAAE,MAAM,IAAI,CAAA;KAAE,CAAA;CACrD;AAED,eAAO,MAAM,0BAA0B,GAAI,kCAGxC,+BAA+B,4CAYjC,CAAA"}

package/build/components/conversation/messages_disabled_banners.js

@@ -2,6 +2,7 @@ import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import { StyleSheet, View } from 'react-native';
 import { useSafeAreaInsets } from 'react-native-safe-area-context';
 import { useTheme } from '../../hooks';
+import { ADULT_REQUIREMENT_BODY } from '../../utils';
 import { Button, Text } from '../display';
 export const LeaderMessagesDisabledBanner = () => {
     return (_jsx(MessagesDisabledBanner, { description: "Only leaders can send messages in this conversation." }));
@@ -10,10 +11,14 @@ export const MemberMessagesDisabledBanner = () => {
     const styles = useStyles();
     return (_jsx(MessagesDisabledBanner, { description: "Only leaders can send messages, but you can still add reactions.", style: styles.memberBanner }));
 };
+const DISABLED_REASON_TEXT = {
+    safety_check: ADULT_REQUIREMENT_BODY,
+    direct_messages_disabled: 'Direct messages have been turned off by someone in this conversation.',
+};
 const DEFAULT_DISABLED_TEXT = 'This conversation has been disabled.';
-export const ConversationDisabledBanner = ({ message, messageLink, }) => {
+export const ConversationDisabledBanner = ({ disabledReason, messageLink, }) => {
     const styles = useStyles();
-    const description = message ?? DEFAULT_DISABLED_TEXT;
+    const description = (disabledReason && DISABLED_REASON_TEXT[disabledReason]) ?? DEFAULT_DISABLED_TEXT;
     return (_jsx(MessagesDisabledBanner, { description: description, style: styles.memberBanner, messageLink: messageLink }));
 };
 const MessagesDisabledBanner = ({ description, style, messageLink, }) => {

package/build/components/conversation/messages_disabled_banners.js.map

@@ -1 +1 @@
-{"version":3,"file":"messages_disabled_banners.js","sourceRoot":"","sources":["../../../src/components/conversation/messages_disabled_banners.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,UAAU,EAAE,IAAI,EAAkB,MAAM,cAAc,CAAA;AAC/D,OAAO,EAAE,iBAAiB,EAAE,MAAM,gCAAgC,CAAA;AAClE,OAAO,EAAE,QAAQ,EAAE,MAAM,aAAa,CAAA;AACtC,OAAO,EAAE,MAAM,EAAE,IAAI,EAAE,MAAM,YAAY,CAAA;AAEzC,MAAM,CAAC,MAAM,4BAA4B,GAAG,GAAG,EAAE;IAC/C,OAAO,CACL,KAAC,sBAAsB,IAAC,WAAW,EAAC,sDAAsD,GAAG,CAC9F,CAAA;AACH,CAAC,CAAA;AAED,MAAM,CAAC,MAAM,4BAA4B,GAAG,GAAG,EAAE;IAC/C,MAAM,MAAM,GAAG,SAAS,EAAE,CAAA;IAE1B,OAAO,CACL,KAAC,sBAAsB,IACrB,WAAW,EAAC,kEAAkE,EAC9E,KAAK,EAAE,MAAM,CAAC,YAAY,GAC1B,CACH,CAAA;AACH,CAAC,CAAA;AAED,MAAM,qBAAqB,GAAG,sCAAsC,CAAA;AAOpE,MAAM,CAAC,MAAM,0BAA0B,GAAG,CAAC,EACzC,OAAO,EACP,WAAW,GACqB,EAAE,EAAE;IACpC,MAAM,MAAM,GAAG,SAAS,EAAE,CAAA;IAC1B,MAAM,WAAW,GAAG,OAAO,IAAI,qBAAqB,CAAA;IAEpD,OAAO,CACL,KAAC,sBAAsB,IACrB,WAAW,EAAE,WAAW,EACxB,KAAK,EAAE,MAAM,CAAC,YAAY,EAC1B,WAAW,EAAE,WAAW,GACxB,CACH,CAAA;AACH,CAAC,CAAA;AAQD,MAAM,sBAAsB,GAAG,CAAC,EAC9B,WAAW,EACX,KAAK,EACL,WAAW,GACiB,EAAE,EAAE;IAChC,MAAM,MAAM,GAAG,SAAS,EAAE,CAAA;IAE1B,OAAO,CACL,MAAC,IAAI,IAAC,KAAK,EAAE,CAAC,MAAM,CAAC,UAAU,EAAE,KAAK,CAAC,aACrC,KAAC,IAAI,IAAC,KAAK,EAAE,MAAM,CAAC,IAAI,EAAE,OAAO,EAAC,UAAU,YACzC,WAAW,GACP,EACN,WAAW,IAAI,CACd,KAAC,MAAM,IACL,OAAO,EAAC,MAAM,EACd,IAAI,EAAC,IAAI,EACT,KAAK,EAAE,WAAW,CAAC,KAAK,EACxB,OAAO,EAAE,WAAW,CAAC,OAAO,EAC5B,KAAK,EAAE,MAAM,CAAC,aAAa,GAC3B,CACH,IACI,CACR,CAAA;AACH,CAAC,CAAA;AAED,MAAM,SAAS,GAAG,GAAG,EAAE;IACrB,MAAM,EAAE,MAAM,EAAE,GAAG,QAAQ,EAAE,CAAA;IAC7B,MAAM,EAAE,MAAM,EAAE,GAAG,iBAAiB,EAAE,CAAA;IAEtC,OAAO,UAAU,CAAC,MAAM,CAAC;QACvB,UAAU,EAAE;YACV,iBAAiB,EAAE,EAAE;YACrB,eAAe,EAAE,CAAC;YAClB,eAAe,EAAE,MAAM,CAAC,+BAA+B;YACvD,cAAc,EAAE,CAAC;YACjB,cAAc,EAAE,MAAM,CAAC,sBAAsB;SAC9C;QACD,IAAI,EAAE;YACJ,SAAS,EAAE,QAAQ;SACpB;QACD,YAAY,EAAE;YACZ,UAAU,EAAE,EAAE;YACd,aAAa,EAAE,EAAE,GAAG,MAAM;YAC1B,YAAY,EAAE,CAAC,MAAM;SACtB;QACD,aAAa,EAAE;YACb,SAAS,EAAE,EAAE;SACd;KACF,CAAC,CAAA;AACJ,CAAC,CAAA","sourcesContent":["import { StyleSheet, View, type ViewStyle } from 'react-native'\nimport { useSafeAreaInsets } from 'react-native-safe-area-context'\nimport { useTheme } from '../../hooks'\nimport { Button, Text } from '../display'\n\nexport const LeaderMessagesDisabledBanner = () => {\n  return (\n    <MessagesDisabledBanner description=\"Only leaders can send messages in this conversation.\" />\n  )\n}\n\nexport const MemberMessagesDisabledBanner = () => {\n  const styles = useStyles()\n\n  return (\n    <MessagesDisabledBanner\n      description=\"Only leaders can send messages, but you can still add reactions.\"\n      style={styles.memberBanner}\n    />\n  )\n}\n\nconst DEFAULT_DISABLED_TEXT = 'This conversation has been disabled.'\n\ninterface ConversationDisabledBannerProps {\n  message: string | null\n  messageLink?: { label: string; onPress: () => void }\n}\n\nexport const ConversationDisabledBanner = ({\n  message,\n  messageLink,\n}: ConversationDisabledBannerProps) => {\n  const styles = useStyles()\n  const description = message ?? DEFAULT_DISABLED_TEXT\n\n  return (\n    <MessagesDisabledBanner\n      description={description}\n      style={styles.memberBanner}\n      messageLink={messageLink}\n    />\n  )\n}\n\ninterface MessagesDisabledBannerProps {\n  description: string\n  style?: ViewStyle\n  messageLink?: { label: string; onPress: () => void }\n}\n\nconst MessagesDisabledBanner = ({\n  description,\n  style,\n  messageLink,\n}: MessagesDisabledBannerProps) => {\n  const styles = useStyles()\n\n  return (\n    <View style={[styles.baseBanner, style]}>\n      <Text style={styles.text} variant=\"tertiary\">\n        {description}\n      </Text>\n      {messageLink && (\n        <Button\n          variant=\"fill\"\n          size=\"lg\"\n          title={messageLink.label}\n          onPress={messageLink.onPress}\n          style={styles.messageButton}\n        />\n      )}\n    </View>\n  )\n}\n\nconst useStyles = () => {\n  const { colors } = useTheme()\n  const { bottom } = useSafeAreaInsets()\n\n  return StyleSheet.create({\n    baseBanner: {\n      paddingHorizontal: 16,\n      paddingVertical: 4,\n      backgroundColor: colors.statusNeutralComposedBackground,\n      borderTopWidth: 1,\n      borderTopColor: colors.borderColorDefaultBase,\n    },\n    text: {\n      textAlign: 'center',\n    },\n    memberBanner: {\n      paddingTop: 16,\n      paddingBottom: 16 + bottom,\n      marginBottom: -bottom,\n    },\n    messageButton: {\n      marginTop: 12,\n    },\n  })\n}\n"]}
+{"version":3,"file":"messages_disabled_banners.js","sourceRoot":"","sources":["../../../src/components/conversation/messages_disabled_banners.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,UAAU,EAAE,IAAI,EAAkB,MAAM,cAAc,CAAA;AAC/D,OAAO,EAAE,iBAAiB,EAAE,MAAM,gCAAgC,CAAA;AAClE,OAAO,EAAE,QAAQ,EAAE,MAAM,aAAa,CAAA;AAEtC,OAAO,EAAE,sBAAsB,EAAE,MAAM,aAAa,CAAA;AACpD,OAAO,EAAE,MAAM,EAAE,IAAI,EAAE,MAAM,YAAY,CAAA;AAEzC,MAAM,CAAC,MAAM,4BAA4B,GAAG,GAAG,EAAE;IAC/C,OAAO,CACL,KAAC,sBAAsB,IAAC,WAAW,EAAC,sDAAsD,GAAG,CAC9F,CAAA;AACH,CAAC,CAAA;AAED,MAAM,CAAC,MAAM,4BAA4B,GAAG,GAAG,EAAE;IAC/C,MAAM,MAAM,GAAG,SAAS,EAAE,CAAA;IAE1B,OAAO,CACL,KAAC,sBAAsB,IACrB,WAAW,EAAC,kEAAkE,EAC9E,KAAK,EAAE,MAAM,CAAC,YAAY,GAC1B,CACH,CAAA;AACH,CAAC,CAAA;AAED,MAAM,oBAAoB,GAA+C;IACvE,YAAY,EAAE,sBAAsB;IACpC,wBAAwB,EAAE,uEAAuE;CAClG,CAAA;AAED,MAAM,qBAAqB,GAAG,sCAAsC,CAAA;AAOpE,MAAM,CAAC,MAAM,0BAA0B,GAAG,CAAC,EACzC,cAAc,EACd,WAAW,GACqB,EAAE,EAAE;IACpC,MAAM,MAAM,GAAG,SAAS,EAAE,CAAA;IAC1B,MAAM,WAAW,GACf,CAAC,cAAc,IAAI,oBAAoB,CAAC,cAAc,CAAC,CAAC,IAAI,qBAAqB,CAAA;IAEnF,OAAO,CACL,KAAC,sBAAsB,IACrB,WAAW,EAAE,WAAW,EACxB,KAAK,EAAE,MAAM,CAAC,YAAY,EAC1B,WAAW,EAAE,WAAW,GACxB,CACH,CAAA;AACH,CAAC,CAAA;AAQD,MAAM,sBAAsB,GAAG,CAAC,EAC9B,WAAW,EACX,KAAK,EACL,WAAW,GACiB,EAAE,EAAE;IAChC,MAAM,MAAM,GAAG,SAAS,EAAE,CAAA;IAE1B,OAAO,CACL,MAAC,IAAI,IAAC,KAAK,EAAE,CAAC,MAAM,CAAC,UAAU,EAAE,KAAK,CAAC,aACrC,KAAC,IAAI,IAAC,KAAK,EAAE,MAAM,CAAC,IAAI,EAAE,OAAO,EAAC,UAAU,YACzC,WAAW,GACP,EACN,WAAW,IAAI,CACd,KAAC,MAAM,IACL,OAAO,EAAC,MAAM,EACd,IAAI,EAAC,IAAI,EACT,KAAK,EAAE,WAAW,CAAC,KAAK,EACxB,OAAO,EAAE,WAAW,CAAC,OAAO,EAC5B,KAAK,EAAE,MAAM,CAAC,aAAa,GAC3B,CACH,IACI,CACR,CAAA;AACH,CAAC,CAAA;AAED,MAAM,SAAS,GAAG,GAAG,EAAE;IACrB,MAAM,EAAE,MAAM,EAAE,GAAG,QAAQ,EAAE,CAAA;IAC7B,MAAM,EAAE,MAAM,EAAE,GAAG,iBAAiB,EAAE,CAAA;IAEtC,OAAO,UAAU,CAAC,MAAM,CAAC;QACvB,UAAU,EAAE;YACV,iBAAiB,EAAE,EAAE;YACrB,eAAe,EAAE,CAAC;YAClB,eAAe,EAAE,MAAM,CAAC,+BAA+B;YACvD,cAAc,EAAE,CAAC;YACjB,cAAc,EAAE,MAAM,CAAC,sBAAsB;SAC9C;QACD,IAAI,EAAE;YACJ,SAAS,EAAE,QAAQ;SACpB;QACD,YAAY,EAAE;YACZ,UAAU,EAAE,EAAE;YACd,aAAa,EAAE,EAAE,GAAG,MAAM;YAC1B,YAAY,EAAE,CAAC,MAAM;SACtB;QACD,aAAa,EAAE;YACb,SAAS,EAAE,EAAE;SACd;KACF,CAAC,CAAA;AACJ,CAAC,CAAA","sourcesContent":["import { StyleSheet, View, type ViewStyle } from 'react-native'\nimport { useSafeAreaInsets } from 'react-native-safe-area-context'\nimport { useTheme } from '../../hooks'\nimport type { ConversationDisabledReason } from '../../types'\nimport { ADULT_REQUIREMENT_BODY } from '../../utils'\nimport { Button, Text } from '../display'\n\nexport const LeaderMessagesDisabledBanner = () => {\n  return (\n    <MessagesDisabledBanner description=\"Only leaders can send messages in this conversation.\" />\n  )\n}\n\nexport const MemberMessagesDisabledBanner = () => {\n  const styles = useStyles()\n\n  return (\n    <MessagesDisabledBanner\n      description=\"Only leaders can send messages, but you can still add reactions.\"\n      style={styles.memberBanner}\n    />\n  )\n}\n\nconst DISABLED_REASON_TEXT: Record<ConversationDisabledReason, string> = {\n  safety_check: ADULT_REQUIREMENT_BODY,\n  direct_messages_disabled: 'Direct messages have been turned off by someone in this conversation.',\n}\n\nconst DEFAULT_DISABLED_TEXT = 'This conversation has been disabled.'\n\ninterface ConversationDisabledBannerProps {\n  disabledReason?: ConversationDisabledReason\n  messageLink?: { label: string; onPress: () => void }\n}\n\nexport const ConversationDisabledBanner = ({\n  disabledReason,\n  messageLink,\n}: ConversationDisabledBannerProps) => {\n  const styles = useStyles()\n  const description =\n    (disabledReason && DISABLED_REASON_TEXT[disabledReason]) ?? DEFAULT_DISABLED_TEXT\n\n  return (\n    <MessagesDisabledBanner\n      description={description}\n      style={styles.memberBanner}\n      messageLink={messageLink}\n    />\n  )\n}\n\ninterface MessagesDisabledBannerProps {\n  description: string\n  style?: ViewStyle\n  messageLink?: { label: string; onPress: () => void }\n}\n\nconst MessagesDisabledBanner = ({\n  description,\n  style,\n  messageLink,\n}: MessagesDisabledBannerProps) => {\n  const styles = useStyles()\n\n  return (\n    <View style={[styles.baseBanner, style]}>\n      <Text style={styles.text} variant=\"tertiary\">\n        {description}\n      </Text>\n      {messageLink && (\n        <Button\n          variant=\"fill\"\n          size=\"lg\"\n          title={messageLink.label}\n          onPress={messageLink.onPress}\n          style={styles.messageButton}\n        />\n      )}\n    </View>\n  )\n}\n\nconst useStyles = () => {\n  const { colors } = useTheme()\n  const { bottom } = useSafeAreaInsets()\n\n  return StyleSheet.create({\n    baseBanner: {\n      paddingHorizontal: 16,\n      paddingVertical: 4,\n      backgroundColor: colors.statusNeutralComposedBackground,\n      borderTopWidth: 1,\n      borderTopColor: colors.borderColorDefaultBase,\n    },\n    text: {\n      textAlign: 'center',\n    },\n    memberBanner: {\n      paddingTop: 16,\n      paddingBottom: 16 + bottom,\n      marginBottom: -bottom,\n    },\n    messageButton: {\n      marginTop: 12,\n    },\n  })\n}\n"]}

package/build/components/display/adult_requirement_notice.js

@@ -3,6 +3,6 @@ import { ADULT_REQUIREMENT_BODY } from '../../utils';
 import BannerPrimitive from '../primitive/banner_primitive';
 import { BannerCollapsible } from './banner_collapsible';
 export function AdultRequirementNotice({ style }) {
-    return (_jsx(BannerCollapsible, { appearance: "warning", iconName: "general.shieldExclamation", heading: "Two adults required to chat", style: style, children: _jsx(BannerPrimitive.Text, { children: ADULT_REQUIREMENT_BODY }) }));
+    return (_jsx(BannerCollapsible, { appearance: "warning", iconName: "general.shieldExclamation", heading: "2 adults required to chat", style: style, children: _jsx(BannerPrimitive.Text, { children: ADULT_REQUIREMENT_BODY }) }));
 }
 //# sourceMappingURL=adult_requirement_notice.js.map

package/build/components/display/adult_requirement_notice.js.map

@@ -1 +1 @@
-{"version":3,"file":"adult_requirement_notice.js","sourceRoot":"","sources":["../../../src/components/display/adult_requirement_notice.tsx"],"names":[],"mappings":";AAEA,OAAO,EAAE,sBAAsB,EAAE,MAAM,aAAa,CAAA;AACpD,OAAO,eAAe,MAAM,+BAA+B,CAAA;AAC3D,OAAO,EAAE,iBAAiB,EAAE,MAAM,sBAAsB,CAAA;AAMxD,MAAM,UAAU,sBAAsB,CAAC,EAAE,KAAK,EAA+B;IAC3E,OAAO,CACL,KAAC,iBAAiB,IAChB,UAAU,EAAC,SAAS,EACpB,QAAQ,EAAC,2BAA2B,EACpC,OAAO,EAAC,6BAA6B,EACrC,KAAK,EAAE,KAAK,YAEZ,KAAC,eAAe,CAAC,IAAI,cAAE,sBAAsB,GAAwB,GACnD,CACrB,CAAA;AACH,CAAC","sourcesContent":["import React from 'react'\nimport type { ViewStyle } from 'react-native'\nimport { ADULT_REQUIREMENT_BODY } from '../../utils'\nimport BannerPrimitive from '../primitive/banner_primitive'\nimport { BannerCollapsible } from './banner_collapsible'\n\ninterface AdultRequirementNoticeProps {\n  style?: ViewStyle\n}\n\nexport function AdultRequirementNotice({ style }: AdultRequirementNoticeProps) {\n  return (\n    <BannerCollapsible\n      appearance=\"warning\"\n      iconName=\"general.shieldExclamation\"\n      heading=\"Two adults required to chat\"\n      style={style}\n    >\n      <BannerPrimitive.Text>{ADULT_REQUIREMENT_BODY}</BannerPrimitive.Text>\n    </BannerCollapsible>\n  )\n}\n"]}
+{"version":3,"file":"adult_requirement_notice.js","sourceRoot":"","sources":["../../../src/components/display/adult_requirement_notice.tsx"],"names":[],"mappings":";AAEA,OAAO,EAAE,sBAAsB,EAAE,MAAM,aAAa,CAAA;AACpD,OAAO,eAAe,MAAM,+BAA+B,CAAA;AAC3D,OAAO,EAAE,iBAAiB,EAAE,MAAM,sBAAsB,CAAA;AAMxD,MAAM,UAAU,sBAAsB,CAAC,EAAE,KAAK,EAA+B;IAC3E,OAAO,CACL,KAAC,iBAAiB,IAChB,UAAU,EAAC,SAAS,EACpB,QAAQ,EAAC,2BAA2B,EACpC,OAAO,EAAC,2BAA2B,EACnC,KAAK,EAAE,KAAK,YAEZ,KAAC,eAAe,CAAC,IAAI,cAAE,sBAAsB,GAAwB,GACnD,CACrB,CAAA;AACH,CAAC","sourcesContent":["import React from 'react'\nimport type { ViewStyle } from 'react-native'\nimport { ADULT_REQUIREMENT_BODY } from '../../utils'\nimport BannerPrimitive from '../primitive/banner_primitive'\nimport { BannerCollapsible } from './banner_collapsible'\n\ninterface AdultRequirementNoticeProps {\n  style?: ViewStyle\n}\n\nexport function AdultRequirementNotice({ style }: AdultRequirementNoticeProps) {\n  return (\n    <BannerCollapsible\n      appearance=\"warning\"\n      iconName=\"general.shieldExclamation\"\n      heading=\"2 adults required to chat\"\n      style={style}\n    >\n      <BannerPrimitive.Text>{ADULT_REQUIREMENT_BODY}</BannerPrimitive.Text>\n    </BannerCollapsible>\n  )\n}\n"]}

package/build/components/display/platform_modal_header_buttons.d.ts

@@ -1,5 +1,6 @@
-import type { NativeStackHeaderRightProps } from '@react-navigation/native-stack';
+import type { NativeStackNavigationOptions } from '@react-navigation/native-stack';
 import { ColorValue } from 'react-native';
+import { type IconString } from './icon';
 interface HeaderTextButtonProps {
     onPress: () => void;
     title?: string;
@@ -12,12 +13,49 @@ interface HeaderDismissButtonProps {
     tintColor?: ColorValue;
 }
 export declare const HeaderDismissButton: ({ onPress, title, tintColor, ...props }: HeaderDismissButtonProps) => import("react/jsx-runtime").JSX.Element;
-interface HeaderDoneButtonProps extends NativeStackHeaderRightProps {
-    navigation: {
-        goBack: () => void;
-        getState: () => any;
-    };
+export type OptionsDecorator = (options: NativeStackNavigationOptions) => NativeStackNavigationOptions;
+export declare const composeOptions: (base: NativeStackNavigationOptions, ...decorators: OptionsDecorator[]) => NativeStackNavigationOptions;
+interface TextButtonDecoratorProps {
+    text: string;
+    onPress: () => void;
+    disabled?: boolean;
+}
+export declare const withRightText: ({ text, onPress, disabled }: TextButtonDecoratorProps) => OptionsDecorator;
+export declare const useHeaderSlotReserve: () => number;
+export interface HeaderIconProps {
+    icon: IconString;
+    accessibilityLabel: string;
+    onPress: () => void;
+    disabled?: boolean;
+    prominent?: boolean;
+    tintColor?: ColorValue;
 }
-export declare const HeaderDoneButton: ({ navigation, ...props }: HeaderDoneButtonProps) => import("react/jsx-runtime").JSX.Element | null;
+export declare const withRightIcon: (props: HeaderIconProps) => OptionsDecorator;
+export declare const withLeftIcon: (props: HeaderIconProps) => OptionsDecorator;
+export declare const withRightClose: ({ onPress }: {
+    onPress: () => void;
+}) => OptionsDecorator;
+export declare const withLeftClose: ({ onPress }: {
+    onPress: () => void;
+}) => OptionsDecorator;
+export declare const withRightDone: ({ onPress }: {
+    onPress: () => void;
+}) => OptionsDecorator;
+export declare const withMinimalBack: ({ onPress }: {
+    onPress: () => void;
+}) => OptionsDecorator;
+type UseHeaderRightOptions = {
+    onPress: () => void;
+    disabled?: boolean;
+    enabled?: boolean;
+} & ((Omit<HeaderIconProps, 'tintColor'> & {
+    title?: never;
+}) | {
+    title: string;
+    icon?: never;
+    accessibilityLabel?: never;
+    prominent?: never;
+});
+export declare const useHeaderRight: (options: UseHeaderRightOptions) => void;
 export {};
 //# sourceMappingURL=platform_modal_header_buttons.d.ts.map

package/build/components/display/platform_modal_header_buttons.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"platform_modal_header_buttons.d.ts","sourceRoot":"","sources":["../../../src/components/display/platform_modal_header_buttons.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,2BAA2B,EAAE,MAAM,gCAAgC,CAAA;AACjF,OAAO,EAAE,UAAU,EAAwB,MAAM,cAAc,CAAA;AAK/D,UAAU,qBAAqB;IAC7B,OAAO,EAAE,MAAM,IAAI,CAAA;IACnB,KAAK,CAAC,EAAE,MAAM,CAAA;IACd,QAAQ,CAAC,EAAE,OAAO,CAAA;CACnB;AAED,eAAO,MAAM,gBAAgB,GAAI,8BAI9B,qBAAqB,4CAavB,CAAA;AAED,UAAU,wBAAwB;IAChC,OAAO,EAAE,MAAM,IAAI,CAAA;IACnB,KAAK,CAAC,EAAE,MAAM,CAAA;IACd,SAAS,CAAC,EAAE,UAAU,CAAA;CACvB;AAED,eAAO,MAAM,mBAAmB,GAAI,yCAKjC,wBAAwB,4CAoB1B,CAAA;AAED,UAAU,qBAAsB,SAAQ,2BAA2B;IACjE,UAAU,EAAE;QAAE,MAAM,EAAE,MAAM,IAAI,CAAC;QAAC,QAAQ,EAAE,MAAM,GAAG,CAAA;KAAE,CAAA;CACxD;AAED,eAAO,MAAM,gBAAgB,GAAI,0BAA0B,qBAAqB,mDAS/E,CAAA"}
+{"version":3,"file":"platform_modal_header_buttons.d.ts","sourceRoot":"","sources":["../../../src/components/display/platform_modal_header_buttons.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAEV,4BAA4B,EAC7B,MAAM,gCAAgC,CAAA;AAEvC,OAAO,EAAE,UAAU,EAAwB,MAAM,cAAc,CAAA;AAI/D,OAAO,EAAQ,KAAK,UAAU,EAAE,MAAM,QAAQ,CAAA;AAG9C,UAAU,qBAAqB;IAC7B,OAAO,EAAE,MAAM,IAAI,CAAA;IACnB,KAAK,CAAC,EAAE,MAAM,CAAA;IACd,QAAQ,CAAC,EAAE,OAAO,CAAA;CACnB;AAED,eAAO,MAAM,gBAAgB,GAAI,8BAI9B,qBAAqB,4CAavB,CAAA;AAED,UAAU,wBAAwB;IAChC,OAAO,EAAE,MAAM,IAAI,CAAA;IACnB,KAAK,CAAC,EAAE,MAAM,CAAA;IACd,SAAS,CAAC,EAAE,UAAU,CAAA;CACvB;AAED,eAAO,MAAM,mBAAmB,GAAI,yCAKjC,wBAAwB,4CAoB1B,CAAA;AAQD,MAAM,MAAM,gBAAgB,GAAG,CAC7B,OAAO,EAAE,4BAA4B,KAClC,4BAA4B,CAAA;AAEjC,eAAO,MAAM,cAAc,GACzB,MAAM,4BAA4B,EAClC,GAAG,YAAY,gBAAgB,EAAE,KAChC,4BAAiG,CAAA;AAEpG,UAAU,wBAAwB;IAChC,IAAI,EAAE,MAAM,CAAA;IACZ,OAAO,EAAE,MAAM,IAAI,CAAA;IACnB,QAAQ,CAAC,EAAE,OAAO,CAAA;CACnB;AAED,eAAO,MAAM,aAAa,GACvB,6BAA6B,wBAAwB,KAAG,gBAKvD,CAAA;AAOJ,eAAO,MAAM,oBAAoB,QAAO,MAIvC,CAAA;AAiCD,MAAM,WAAW,eAAe;IAC9B,IAAI,EAAE,UAAU,CAAA;IAChB,kBAAkB,EAAE,MAAM,CAAA;IAC1B,OAAO,EAAE,MAAM,IAAI,CAAA;IACnB,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB,SAAS,CAAC,EAAE,OAAO,CAAA;IACnB,SAAS,CAAC,EAAE,UAAU,CAAA;CACvB;AAuCD,eAAO,MAAM,aAAa,GACvB,OAAO,eAAe,KAAG,gBAKxB,CAAA;AAEJ,eAAO,MAAM,YAAY,GACtB,OAAO,eAAe,KAAG,gBAKxB,CAAA;AAEJ,eAAO,MAAM,cAAc,GAAI,aAAa;IAAE,OAAO,EAAE,MAAM,IAAI,CAAA;CAAE,qBACS,CAAA;AAE5E,eAAO,MAAM,aAAa,GAAI,aAAa;IAAE,OAAO,EAAE,MAAM,IAAI,CAAA;CAAE,qBACS,CAAA;AAE3E,eAAO,MAAM,aAAa,GAAI,aAAa;IAAE,OAAO,EAAE,MAAM,IAAI,CAAA;CAAE,qBACa,CAAA;AAgB/E,eAAO,MAAM,eAAe,GACzB,aAAa;IAAE,OAAO,EAAE,MAAM,IAAI,CAAA;CAAE,KAAG,gBAOtC,CAAA;AAEJ,KAAK,qBAAqB,GAAG;IAC3B,OAAO,EAAE,MAAM,IAAI,CAAA;IACnB,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB,OAAO,CAAC,EAAE,OAAO,CAAA;CAClB,GAAG,CACA,CAAC,IAAI,CAAC,eAAe,EAAE,WAAW,CAAC,GAAG;IAAE,KAAK,CAAC,EAAE,KAAK,CAAA;CAAE,CAAC,GACxD;IAAE,KAAK,EAAE,MAAM,CAAC;IAAC,IAAI,CAAC,EAAE,KAAK,CAAC;IAAC,kBAAkB,CAAC,EAAE,KAAK,CAAC;IAAC,SAAS,CAAC,EAAE,KAAK,CAAA;CAAE,CACjF,CAAA;AAED,eAAO,MAAM,cAAc,GAAI,SAAS,qBAAqB,SA2B5D,CAAA"}

package/build/components/display/platform_modal_header_buttons.js

@@ -1,7 +1,10 @@
 import { jsx as _jsx } from "react/jsx-runtime";
-import { HeaderButton } from '@react-navigation/elements';
+import { HeaderBackButton, HeaderButton, PlatformPressable } from '@react-navigation/elements';
+import { useNavigation } from '@react-navigation/native';
+import { useLayoutEffect } from 'react';
 import { Platform, StyleSheet } from 'react-native';
-import { useTheme } from '../../hooks';
+import { useFontScale, useTheme } from '../../hooks';
+import { MAX_FONT_SIZE_MULTIPLIER_LANDMARK } from '../../utils';
 import { Icon } from './icon';
 import { TextButton } from './text_button';
 export const HeaderTextButton = ({ onPress, title = 'Submit', ...props }) => {
@@ -15,13 +18,109 @@ export const HeaderDismissButton = ({ onPress, title = 'Cancel', tintColor, ...p
         default: (_jsx(HeaderButton, { onPress: onPress, style: [styles.androidCancelButton], ...props, children: _jsx(Icon, { name: "general.x", size: 16, color: tintColor }) })),
     });
 };
-export const HeaderDoneButton = ({ navigation, ...props }) => {
-    const state = navigation.getState();
-    const isFirstScreen = state.index === 0;
-    if (!isFirstScreen) {
-        return null;
-    }
-    return _jsx(HeaderTextButton, { ...props, onPress: navigation.goBack, title: "Done" });
+const createTextHeaderRight = ({ onPress, title, disabled }) => (props) => (_jsx(HeaderTextButton, { ...props, onPress: onPress, title: title, disabled: disabled }));
+export const composeOptions = (base, ...decorators) => decorators.reduce((options, decorate) => decorate(options), base);
+export const withRightText = ({ text, onPress, disabled }) => options => ({
+    ...options,
+    headerRight: createTextHeaderRight({ onPress, title: text, disabled }),
+    unstable_headerRightItems: () => [{ type: 'button', label: text, onPress, disabled }],
+});
+const HEADER_ICON_SIZE = 17;
+const HEADER_GLASS_BUTTON_SIZE = 44;
+const HEADER_BAR_INSET = 16;
+const HEADER_SLOT_GAP = 12;
+export const useHeaderSlotReserve = () => {
+    const fontScale = useFontScale({ maxFontSizeMultiplier: MAX_FONT_SIZE_MULTIPLIER_LANDMARK });
+    return HEADER_BAR_INSET + HEADER_GLASS_BUTTON_SIZE * fontScale + HEADER_SLOT_GAP;
+};
+const HEADER_FALLBACK_HIT_SLOP = 14;
+const iconStyles = StyleSheet.create({
+    disabled: {
+        opacity: 0.4,
+    },
+    fallbackButton: {
+        alignItems: 'center',
+        justifyContent: 'center',
+        paddingHorizontal: 8,
+    },
+    fallbackButtonLeft: {
+        marginRight: Platform.select({ android: 16, default: 0 }),
+    },
+});
+const SF_SYMBOL_NAMES = {
+    'general.x': 'xmark',
+    'general.check': 'checkmark',
+    'general.upArrow': 'arrow.up',
+    'general.leftChevron': 'chevron.left',
+};
+const sfSymbolFor = (icon) => {
+    const name = SF_SYMBOL_NAMES[icon];
+    if (!name)
+        throw new Error(`No SF Symbol mapped for icon "${icon}" — add one to SF_SYMBOL_NAMES.`);
+    return name;
+};
+const createHeaderIconItem = ({ icon, accessibilityLabel, onPress, disabled, prominent, tintColor, }) => ({
+    type: 'button',
+    label: '',
+    accessibilityLabel,
+    onPress,
+    disabled,
+    icon: { type: 'sfSymbol', name: sfSymbolFor(icon) },
+    ...(prominent ? { variant: 'prominent', tintColor } : {}),
+});
+const createHeaderIconElement = (position) => ({ icon, accessibilityLabel, onPress, disabled, tintColor }) => () => (_jsx(PlatformPressable, { onPress: onPress, disabled: disabled, hitSlop: HEADER_FALLBACK_HIT_SLOP, accessibilityRole: "button", accessibilityLabel: accessibilityLabel, style: [
+        iconStyles.fallbackButton,
+        position === 'left' && iconStyles.fallbackButtonLeft,
+        disabled && iconStyles.disabled,
+    ], children: _jsx(Icon, { name: icon, size: HEADER_ICON_SIZE, color: tintColor }) }));
+export const withRightIcon = (props) => options => ({
+    ...options,
+    headerRight: createHeaderIconElement('right')(props),
+    unstable_headerRightItems: () => [createHeaderIconItem(props)],
+});
+export const withLeftIcon = (props) => options => ({
+    ...options,
+    headerLeft: createHeaderIconElement('left')(props),
+    unstable_headerLeftItems: () => [createHeaderIconItem(props)],
+});
+export const withRightClose = ({ onPress }) => withRightIcon({ icon: 'general.x', accessibilityLabel: 'Close', onPress });
+export const withLeftClose = ({ onPress }) => withLeftIcon({ icon: 'general.x', accessibilityLabel: 'Close', onPress });
+export const withRightDone = ({ onPress }) => withRightIcon({ icon: 'general.check', accessibilityLabel: 'Done', onPress });
+const createMinimalHeaderBackElement = ({ onPress }) => (props) => (_jsx(HeaderBackButton, { style: Platform.select({
+        ios: { marginLeft: -8 },
+        default: { marginLeft: -3, marginRight: 30 },
+    }), displayMode: "minimal", onPress: onPress, ...props }));
+export const withMinimalBack = ({ onPress }) => options => ({
+    ...options,
+    headerLeft: createMinimalHeaderBackElement({ onPress }),
+    unstable_headerLeftItems: () => [
+        createHeaderIconItem({ icon: 'general.leftChevron', accessibilityLabel: 'Back', onPress }),
+    ],
+});
+export const useHeaderRight = (options) => {
+    const navigation = useNavigation();
+    const { colors } = useTheme();
+    const { onPress, disabled, enabled = true } = options;
+    const icon = options.icon;
+    const label = options.icon !== undefined ? options.accessibilityLabel : options.title;
+    const prominent = options.icon !== undefined ? options.prominent : undefined;
+    useLayoutEffect(() => {
+        if (!enabled) {
+            navigation.setOptions({ headerRight: () => null, unstable_headerRightItems: undefined });
+            return;
+        }
+        const decorate = icon
+            ? withRightIcon({
+                icon,
+                accessibilityLabel: label,
+                onPress,
+                disabled,
+                prominent,
+                tintColor: prominent ? colors.interaction : undefined,
+            })
+            : withRightText({ text: label, onPress, disabled });
+        navigation.setOptions(decorate({}));
+    }, [colors.interaction, disabled, enabled, icon, label, navigation, onPress, prominent]);
 };
 const useStyles = () => {
     const { colors } = useTheme();

package/build/components/display/platform_modal_header_buttons.js.map

@@ -1 +1 @@
-{"version":3,"file":"platform_modal_header_buttons.js","sourceRoot":"","sources":["../../../src/components/display/platform_modal_header_buttons.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,YAAY,EAAE,MAAM,4BAA4B,CAAA;AAEzD,OAAO,EAAc,QAAQ,EAAE,UAAU,EAAE,MAAM,cAAc,CAAA;AAC/D,OAAO,EAAE,QAAQ,EAAE,MAAM,aAAa,CAAA;AACtC,OAAO,EAAE,IAAI,EAAE,MAAM,QAAQ,CAAA;AAC7B,OAAO,EAAE,UAAU,EAAE,MAAM,eAAe,CAAA;AAQ1C,MAAM,CAAC,MAAM,gBAAgB,GAAG,CAAC,EAC/B,OAAO,EACP,KAAK,GAAG,QAAQ,EAChB,GAAG,KAAK,EACc,EAAE,EAAE;IAC1B,MAAM,MAAM,GAAG,SAAS,EAAE,CAAA;IAE1B,OAAO,CACL,KAAC,UAAU,IACT,qBAAqB,EAAE,CAAC,EACxB,OAAO,EAAE,OAAO,EAChB,SAAS,EAAE,CAAC,MAAM,CAAC,gBAAgB,EAAE,KAAK,CAAC,QAAQ,IAAI,MAAM,CAAC,aAAa,CAAC,KACxE,KAAK,YAER,KAAK,GACK,CACd,CAAA;AACH,CAAC,CAAA;AAQD,MAAM,CAAC,MAAM,mBAAmB,GAAG,CAAC,EAClC,OAAO,EACP,KAAK,GAAG,QAAQ,EAChB,SAAS,EACT,GAAG,KAAK,EACiB,EAAE,EAAE;IAC7B,MAAM,MAAM,GAAG,SAAS,EAAE,CAAA;IAE1B,OAAO,QAAQ,CAAC,MAAM,CAAC;QACrB,GAAG,EAAE,CACH,KAAC,UAAU,IACT,qBAAqB,EAAE,CAAC,EACxB,OAAO,EAAE,OAAO,EAChB,SAAS,EAAE,CAAC,MAAM,CAAC,gBAAgB,EAAE,MAAM,CAAC,eAAe,CAAC,KACxD,KAAK,YAER,KAAK,GACK,CACd;QACD,OAAO,EAAE,CACP,KAAC,YAAY,IAAC,OAAO,EAAE,OAAO,EAAE,KAAK,EAAE,CAAC,MAAM,CAAC,mBAAmB,CAAC,KAAM,KAAK,YAC5E,KAAC,IAAI,IAAC,IAAI,EAAC,WAAW,EAAC,IAAI,EAAE,EAAE,EAAE,KAAK,EAAE,SAAS,GAAI,GACxC,CAChB;KACF,CAAC,CAAA;AACJ,CAAC,CAAA;AAMD,MAAM,CAAC,MAAM,gBAAgB,GAAG,CAAC,EAAE,UAAU,EAAE,GAAG,KAAK,EAAyB,EAAE,EAAE;IAClF,MAAM,KAAK,GAAG,UAAU,CAAC,QAAQ,EAAE,CAAA;IACnC,MAAM,aAAa,GAAG,KAAK,CAAC,KAAK,KAAK,CAAC,CAAA;IAEvC,IAAI,CAAC,aAAa,EAAE,CAAC;QACnB,OAAO,IAAI,CAAA;IACb,CAAC;IAED,OAAO,KAAC,gBAAgB,OAAK,KAAK,EAAE,OAAO,EAAE,UAAU,CAAC,MAAM,EAAE,KAAK,EAAC,MAAM,GAAG,CAAA;AACjF,CAAC,CAAA;AAED,MAAM,SAAS,GAAG,GAAG,EAAE;IACrB,MAAM,EAAE,MAAM,EAAE,GAAG,QAAQ,EAAE,CAAA;IAE7B,OAAO,UAAU,CAAC,MAAM,CAAC;QACvB,gBAAgB,EAAE;YAChB,KAAK,EAAE,QAAQ,CAAC,MAAM,CAAC;gBACrB,GAAG,EAAE,MAAM,CAAC,6BAA6B;gBACzC,OAAO,EAAE,MAAM,CAAC,iCAAiC;aAClD,CAAC;SACH;QACD,mBAAmB,EAAE;YACnB,WAAW,EAAE,EAAE;SAChB;QACD,eAAe,EAAE;YACf,UAAU,EAAE,QAAQ;SACrB;QACD,aAAa,EAAE;YACb,KAAK,EAAE,MAAM,CAAC,wBAAwB;SACvC;KACF,CAAC,CAAA;AACJ,CAAC,CAAA","sourcesContent":["import { HeaderButton } from '@react-navigation/elements'\nimport type { NativeStackHeaderRightProps } from '@react-navigation/native-stack'\nimport { ColorValue, Platform, StyleSheet } from 'react-native'\nimport { useTheme } from '../../hooks'\nimport { Icon } from './icon'\nimport { TextButton } from './text_button'\n\ninterface HeaderTextButtonProps {\n  onPress: () => void\n  title?: string\n  disabled?: boolean\n}\n\nexport const HeaderTextButton = ({\n  onPress,\n  title = 'Submit',\n  ...props\n}: HeaderTextButtonProps) => {\n  const styles = useStyles()\n\n  return (\n    <TextButton\n      maxFontSizeMultiplier={1}\n      onPress={onPress}\n      textStyle={[styles.interactionColor, props.disabled && styles.disabledColor]}\n      {...props}\n    >\n      {title}\n    </TextButton>\n  )\n}\n\ninterface HeaderDismissButtonProps {\n  onPress: () => void\n  title?: string\n  tintColor?: ColorValue\n}\n\nexport const HeaderDismissButton = ({\n  onPress,\n  title = 'Cancel',\n  tintColor,\n  ...props\n}: HeaderDismissButtonProps) => {\n  const styles = useStyles()\n\n  return Platform.select({\n    ios: (\n      <TextButton\n        maxFontSizeMultiplier={1}\n        onPress={onPress}\n        textStyle={[styles.interactionColor, styles.iosCancelButton]}\n        {...props}\n      >\n        {title}\n      </TextButton>\n    ),\n    default: (\n      <HeaderButton onPress={onPress} style={[styles.androidCancelButton]} {...props}>\n        <Icon name=\"general.x\" size={16} color={tintColor} />\n      </HeaderButton>\n    ),\n  })\n}\n\ninterface HeaderDoneButtonProps extends NativeStackHeaderRightProps {\n  navigation: { goBack: () => void; getState: () => any }\n}\n\nexport const HeaderDoneButton = ({ navigation, ...props }: HeaderDoneButtonProps) => {\n  const state = navigation.getState()\n  const isFirstScreen = state.index === 0\n\n  if (!isFirstScreen) {\n    return null\n  }\n\n  return <HeaderTextButton {...props} onPress={navigation.goBack} title=\"Done\" />\n}\n\nconst useStyles = () => {\n  const { colors } = useTheme()\n\n  return StyleSheet.create({\n    interactionColor: {\n      color: Platform.select({\n        ios: colors.iOSModalHeaderButtonTextColor,\n        android: colors.androidModalHeaderButtonTextColor,\n      }),\n    },\n    androidCancelButton: {\n      marginRight: 16,\n    },\n    iosCancelButton: {\n      fontWeight: 'normal',\n    },\n    disabledColor: {\n      color: colors.textColorDefaultDisabled,\n    },\n  })\n}\n"]}
+{"version":3,"file":"platform_modal_header_buttons.js","sourceRoot":"","sources":["../../../src/components/display/platform_modal_header_buttons.tsx"],"names":[],"mappings":"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","sourcesContent":["import { HeaderBackButton, HeaderButton, PlatformPressable } from '@react-navigation/elements'\nimport { useNavigation } from '@react-navigation/native'\nimport type {\n  NativeStackHeaderItemProps,\n  NativeStackNavigationOptions,\n} from '@react-navigation/native-stack'\nimport { useLayoutEffect } from 'react'\nimport { ColorValue, Platform, StyleSheet } from 'react-native'\nimport type { SFSymbol } from 'sf-symbols-typescript'\nimport { useFontScale, useTheme } from '../../hooks'\nimport { MAX_FONT_SIZE_MULTIPLIER_LANDMARK } from '../../utils'\nimport { Icon, type IconString } from './icon'\nimport { TextButton } from './text_button'\n\ninterface HeaderTextButtonProps {\n  onPress: () => void\n  title?: string\n  disabled?: boolean\n}\n\nexport const HeaderTextButton = ({\n  onPress,\n  title = 'Submit',\n  ...props\n}: HeaderTextButtonProps) => {\n  const styles = useStyles()\n\n  return (\n    <TextButton\n      maxFontSizeMultiplier={1}\n      onPress={onPress}\n      textStyle={[styles.interactionColor, props.disabled && styles.disabledColor]}\n      {...props}\n    >\n      {title}\n    </TextButton>\n  )\n}\n\ninterface HeaderDismissButtonProps {\n  onPress: () => void\n  title?: string\n  tintColor?: ColorValue\n}\n\nexport const HeaderDismissButton = ({\n  onPress,\n  title = 'Cancel',\n  tintColor,\n  ...props\n}: HeaderDismissButtonProps) => {\n  const styles = useStyles()\n\n  return Platform.select({\n    ios: (\n      <TextButton\n        maxFontSizeMultiplier={1}\n        onPress={onPress}\n        textStyle={[styles.interactionColor, styles.iosCancelButton]}\n        {...props}\n      >\n        {title}\n      </TextButton>\n    ),\n    default: (\n      <HeaderButton onPress={onPress} style={[styles.androidCancelButton]} {...props}>\n        <Icon name=\"general.x\" size={16} color={tintColor} />\n      </HeaderButton>\n    ),\n  })\n}\n\nconst createTextHeaderRight =\n  ({ onPress, title, disabled }: HeaderTextButtonProps) =>\n  (props: NativeStackHeaderItemProps) => (\n    <HeaderTextButton {...props} onPress={onPress} title={title} disabled={disabled} />\n  )\n\nexport type OptionsDecorator = (\n  options: NativeStackNavigationOptions\n) => NativeStackNavigationOptions\n\nexport const composeOptions = (\n  base: NativeStackNavigationOptions,\n  ...decorators: OptionsDecorator[]\n): NativeStackNavigationOptions => decorators.reduce((options, decorate) => decorate(options), base)\n\ninterface TextButtonDecoratorProps {\n  text: string\n  onPress: () => void\n  disabled?: boolean\n}\n\nexport const withRightText =\n  ({ text, onPress, disabled }: TextButtonDecoratorProps): OptionsDecorator =>\n  options => ({\n    ...options,\n    headerRight: createTextHeaderRight({ onPress, title: text, disabled }),\n    unstable_headerRightItems: () => [{ type: 'button' as const, label: text, onPress, disabled }],\n  })\n\nconst HEADER_ICON_SIZE = 17\nconst HEADER_GLASS_BUTTON_SIZE = 44\nconst HEADER_BAR_INSET = 16\nconst HEADER_SLOT_GAP = 12\n\nexport const useHeaderSlotReserve = (): number => {\n  const fontScale = useFontScale({ maxFontSizeMultiplier: MAX_FONT_SIZE_MULTIPLIER_LANDMARK })\n\n  return HEADER_BAR_INSET + HEADER_GLASS_BUTTON_SIZE * fontScale + HEADER_SLOT_GAP\n}\n\nconst HEADER_FALLBACK_HIT_SLOP = 14\n\nconst iconStyles = StyleSheet.create({\n  disabled: {\n    opacity: 0.4,\n  },\n  fallbackButton: {\n    alignItems: 'center',\n    justifyContent: 'center',\n    paddingHorizontal: 8,\n  },\n  fallbackButtonLeft: {\n    marginRight: Platform.select({ android: 16, default: 0 }),\n  },\n})\n\nconst SF_SYMBOL_NAMES: Partial<Record<IconString, SFSymbol>> = {\n  'general.x': 'xmark',\n  'general.check': 'checkmark',\n  'general.upArrow': 'arrow.up',\n  'general.leftChevron': 'chevron.left',\n}\n\nconst sfSymbolFor = (icon: IconString): SFSymbol => {\n  const name = SF_SYMBOL_NAMES[icon]\n\n  if (!name) throw new Error(`No SF Symbol mapped for icon \"${icon}\" — add one to SF_SYMBOL_NAMES.`)\n\n  return name\n}\n\nexport interface HeaderIconProps {\n  icon: IconString\n  accessibilityLabel: string\n  onPress: () => void\n  disabled?: boolean\n  prominent?: boolean\n  tintColor?: ColorValue\n}\n\nconst createHeaderIconItem = ({\n  icon,\n  accessibilityLabel,\n  onPress,\n  disabled,\n  prominent,\n  tintColor,\n}: HeaderIconProps) => ({\n  type: 'button' as const,\n  label: '',\n  accessibilityLabel,\n  onPress,\n  disabled,\n  icon: { type: 'sfSymbol' as const, name: sfSymbolFor(icon) },\n  ...(prominent ? { variant: 'prominent' as const, tintColor } : {}),\n})\n\nconst createHeaderIconElement =\n  (position: 'left' | 'right') =>\n  ({ icon, accessibilityLabel, onPress, disabled, tintColor }: HeaderIconProps) =>\n  () => (\n    <PlatformPressable\n      onPress={onPress}\n      disabled={disabled}\n      hitSlop={HEADER_FALLBACK_HIT_SLOP}\n      accessibilityRole=\"button\"\n      accessibilityLabel={accessibilityLabel}\n      style={[\n        iconStyles.fallbackButton,\n        position === 'left' && iconStyles.fallbackButtonLeft,\n        disabled && iconStyles.disabled,\n      ]}\n    >\n      <Icon name={icon} size={HEADER_ICON_SIZE} color={tintColor} />\n    </PlatformPressable>\n  )\n\nexport const withRightIcon =\n  (props: HeaderIconProps): OptionsDecorator =>\n  options => ({\n    ...options,\n    headerRight: createHeaderIconElement('right')(props),\n    unstable_headerRightItems: () => [createHeaderIconItem(props)],\n  })\n\nexport const withLeftIcon =\n  (props: HeaderIconProps): OptionsDecorator =>\n  options => ({\n    ...options,\n    headerLeft: createHeaderIconElement('left')(props),\n    unstable_headerLeftItems: () => [createHeaderIconItem(props)],\n  })\n\nexport const withRightClose = ({ onPress }: { onPress: () => void }) =>\n  withRightIcon({ icon: 'general.x', accessibilityLabel: 'Close', onPress })\n\nexport const withLeftClose = ({ onPress }: { onPress: () => void }) =>\n  withLeftIcon({ icon: 'general.x', accessibilityLabel: 'Close', onPress })\n\nexport const withRightDone = ({ onPress }: { onPress: () => void }) =>\n  withRightIcon({ icon: 'general.check', accessibilityLabel: 'Done', onPress })\n\nconst createMinimalHeaderBackElement =\n  ({ onPress }: { onPress: () => void }) =>\n  (props: NativeStackHeaderItemProps) => (\n    <HeaderBackButton\n      style={Platform.select({\n        ios: { marginLeft: -8 },\n        default: { marginLeft: -3, marginRight: 30 },\n      })}\n      displayMode=\"minimal\"\n      onPress={onPress}\n      {...props}\n    />\n  )\n\nexport const withMinimalBack =\n  ({ onPress }: { onPress: () => void }): OptionsDecorator =>\n  options => ({\n    ...options,\n    headerLeft: createMinimalHeaderBackElement({ onPress }),\n    unstable_headerLeftItems: () => [\n      createHeaderIconItem({ icon: 'general.leftChevron', accessibilityLabel: 'Back', onPress }),\n    ],\n  })\n\ntype UseHeaderRightOptions = {\n  onPress: () => void\n  disabled?: boolean\n  enabled?: boolean\n} & (\n  | (Omit<HeaderIconProps, 'tintColor'> & { title?: never })\n  | { title: string; icon?: never; accessibilityLabel?: never; prominent?: never }\n)\n\nexport const useHeaderRight = (options: UseHeaderRightOptions) => {\n  const navigation = useNavigation()\n  const { colors } = useTheme()\n  const { onPress, disabled, enabled = true } = options\n  const icon = options.icon\n  const label = options.icon !== undefined ? options.accessibilityLabel : options.title\n  const prominent = options.icon !== undefined ? options.prominent : undefined\n\n  useLayoutEffect(() => {\n    if (!enabled) {\n      navigation.setOptions({ headerRight: () => null, unstable_headerRightItems: undefined })\n      return\n    }\n\n    const decorate = icon\n      ? withRightIcon({\n          icon,\n          accessibilityLabel: label,\n          onPress,\n          disabled,\n          prominent,\n          tintColor: prominent ? colors.interaction : undefined,\n        })\n      : withRightText({ text: label, onPress, disabled })\n\n    navigation.setOptions(decorate({}))\n  }, [colors.interaction, disabled, enabled, icon, label, navigation, onPress, prominent])\n}\n\nconst useStyles = () => {\n  const { colors } = useTheme()\n\n  return StyleSheet.create({\n    interactionColor: {\n      color: Platform.select({\n        ios: colors.iOSModalHeaderButtonTextColor,\n        android: colors.androidModalHeaderButtonTextColor,\n      }),\n    },\n    androidCancelButton: {\n      marginRight: 16,\n    },\n    iosCancelButton: {\n      fontWeight: 'normal',\n    },\n    disabledColor: {\n      color: colors.textColorDefaultDisabled,\n    },\n  })\n}\n"]}

package/build/components/primitive/form_sheet.js

@@ -3,7 +3,7 @@ import { PlatformPressable, useHeaderHeight } from '@react-navigation/elements';
 import { Platform, StyleSheet, View, useWindowDimensions, } from 'react-native';
 import { useSafeAreaInsets } from 'react-native-safe-area-context';
 import { useTheme } from '../../hooks';
-import { MAX_FONT_SIZE_MULTIPLIER_LANDMARK } from '../../utils';
+import { isLiquidGlassEnabled, MAX_FONT_SIZE_MULTIPLIER_LANDMARK } from '../../utils';
 import { Button, Heading, Icon, Text, TextButton } from '../display';
 // =================================
 // ====== Exports ==================
@@ -19,7 +19,7 @@ export const getFormSheetScreenOptions = ({ headerTitle, sheetAllowedDetents = [
     presentation: 'formSheet',
     headerShown: false,
     sheetAllowedDetents,
-    sheetCornerRadius: 16,
+    sheetCornerRadius: isLiquidGlassEnabled() ? undefined : 16,
     sheetGrabberVisible: true,
     headerTitle,
     ...rest,

package/build/components/primitive/form_sheet.js.map

@@ -1 +1 @@
-{"version":3,"file":"form_sheet.js","sourceRoot":"","sources":["../../../src/components/primitive/form_sheet.tsx"],"names":[],"mappings":"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","sourcesContent":["import { PlatformPressable, useHeaderHeight } from '@react-navigation/elements'\nimport { NativeStackNavigationOptions } from '@react-navigation/native-stack'\nimport React, { ReactNode } from 'react'\nimport {\n  Platform,\n  StyleSheet,\n  View,\n  useWindowDimensions,\n  type AccessibilityRole,\n  type StyleProp,\n  type ViewStyle,\n} from 'react-native'\nimport { useSafeAreaInsets } from 'react-native-safe-area-context'\nimport { useTheme } from '../../hooks'\nimport { MAX_FONT_SIZE_MULTIPLIER_LANDMARK } from '../../utils'\nimport type { ButtonProps, TextButtonProps } from '../display'\nimport { Button, Heading, Icon, IconString, Text, TextButton } from '../display'\n\n// =================================\n// ====== Exports ==================\n// =================================\n\n/**\n * Screen options for the formsheet's NativeStackNavigation route\n * @param {string} options.headerTitle - Doesn't show in UI but good to have for semantic reasons.\n * @param {number[]} [options.sheetAllowedDetents] - Controls the height increments the sheet grows to. To prevent bugs in Android, do not specify more then two values and use [0.94] instead of [1] to go full screen.\n * @param {NativeStackNavigationOptions} [options.rest] - Adds or overrides any valid NativeStackNavigationOptions\n * @returns {NativeStackNavigationOptions} Merged NativeStackNavigationOptions\n */\nexport const getFormSheetScreenOptions = ({\n  headerTitle,\n  sheetAllowedDetents = [0.25],\n  ...rest\n}: NativeStackNavigationOptions = {}): NativeStackNavigationOptions => ({\n  presentation: 'formSheet',\n  headerShown: false,\n  sheetAllowedDetents,\n  sheetCornerRadius: 16,\n  sheetGrabberVisible: true,\n  headerTitle,\n  ...rest,\n})\n\nconst FormSheet = {\n  Root: FormSheetRoot,\n  Action: FormSheetAction,\n  Header: FormSheetHeader,\n  HeaderTitle: FormSheetHeaderTitle,\n  HeaderActions: FormSheetHeaderActions,\n  HeaderTextButton: FormSheetHeaderTextButton,\n  HeaderButton: FormSheetHeaderButton,\n} as const\n\ntype FormSheetComponents = {\n  Root: React.FC<FormSheetRootProps>\n  Action: React.FC<FormSheetActionProps>\n  Header: React.FC<FormSheetHeaderProps>\n  HeaderTitle: React.FC<FormSheetHeaderTitleProps>\n  HeaderActions: React.FC<FormSheetHeaderActionsProps>\n  HeaderTextButton: React.FC<FormSheetHeaderTextButtonProps>\n  HeaderButton: React.FC<FormSheetHeaderButtonProps>\n}\n\nexport default FormSheet as FormSheetComponents\nexport type {\n  FormSheetActionProps,\n  FormSheetHeaderActionsProps,\n  FormSheetHeaderButtonProps,\n  FormSheetHeaderProps,\n  FormSheetHeaderTextButtonProps,\n  FormSheetHeaderTitleProps,\n  FormSheetRootProps,\n}\n\n// ====================================\n// ====== ActionsFormSheetRoot ========\n// ====================================\n\ninterface FormSheetRootProps {\n  children: ReactNode\n  style?: StyleProp<ViewStyle>\n  contentStyle?: StyleProp<ViewStyle>\n  showAndroidSheetGrabber?: boolean\n}\n\nexport function FormSheetRoot({\n  children,\n  style,\n  contentStyle,\n  showAndroidSheetGrabber = true,\n}: FormSheetRootProps) {\n  const styles = useStyles()\n\n  return (\n    <View style={[styles.container, style]} collapsable={false}>\n      <View style={[styles.content, contentStyle]}>{children}</View>\n      {showAndroidSheetGrabber && <AndroidSheetGrabber />}\n    </View>\n  )\n}\n\nFormSheetRoot.displayName = 'FormSheet.Root'\n\n// ====================================\n// ====== AndroidSheetGrabber =========\n// ====================================\n\nfunction AndroidSheetGrabber() {\n  const styles = useStyles()\n\n  return Platform.select({\n    android: <View style={styles.androidSheetGrabber} />,\n    ios: null,\n  })\n}\n\n// ====================================\n// ====== FormSheetHeader =============\n// ====================================\n\ninterface FormSheetHeaderProps {\n  children: ReactNode\n  style?: StyleProp<ViewStyle>\n}\n\nfunction FormSheetHeader({ children, style }: FormSheetHeaderProps) {\n  const styles = useStyles()\n\n  return (\n    <View style={[styles.header, style]}>\n      <View style={styles.headerContent}>{children}</View>\n    </View>\n  )\n}\n\nFormSheetHeader.displayName = 'FormSheet.Header'\n\n// ====================================\n// ====== FormSheetHeaderTitle ========\n// ====================================\n\ninterface FormSheetHeaderTitleProps {\n  children: ReactNode\n}\n\nfunction FormSheetHeaderTitle({ children }: FormSheetHeaderTitleProps) {\n  const styles = useStyles()\n\n  return (\n    <Heading\n      variant=\"h3\"\n      style={styles.headerTitle}\n      maxFontSizeMultiplier={MAX_FONT_SIZE_MULTIPLIER_LANDMARK}\n    >\n      {children}\n    </Heading>\n  )\n}\n\nFormSheetHeaderTitle.displayName = 'FormSheet.HeaderTitle'\n\n// ====================================\n// ====== FormSheetHeaderActions ======\n// ====================================\n\ninterface FormSheetHeaderActionsProps {\n  children: ReactNode\n}\n\nfunction FormSheetHeaderActions({ children }: FormSheetHeaderActionsProps) {\n  const styles = useStyles()\n\n  return <View style={styles.headerActions}>{children}</View>\n}\n\nFormSheetHeaderActions.displayName = 'FormSheet.HeaderActions'\n\n// ===========================================\n// ====== FormSheetHeaderTextButton ==========\n// ===========================================\n\n// We are omitting `onLongPress` because we are instead supporting `accessibilityShowsLargeContentViewer`.\n// This is triggered by an `onLongPress` event when an iOS device is in Apple's accessible font scale range.\n// Triggering this prop will display an almost full screen iOS a11y button.\ninterface FormSheetHeaderTextButtonProps\n  extends Omit<TextButtonProps, 'maxFontSizeMultiplier' | 'onLongPress'> {\n  children: string\n}\n\nfunction FormSheetHeaderTextButton(props: FormSheetHeaderTextButtonProps) {\n  return (\n    <TextButton\n      {...props}\n      maxFontSizeMultiplier={MAX_FONT_SIZE_MULTIPLIER_LANDMARK}\n      accessibilityShowsLargeContentViewer\n      accessibilityLargeContentTitle={props.children}\n    />\n  )\n}\n\nFormSheetHeaderTextButton.displayName = 'FormSheet.HeaderTextButton'\n\n// =========================================\n// ====== FormSheetHeaderButton ============\n// =========================================\n\n// Same `onLongPress`note as `FormSheetHeaderTextButtonProps`\ninterface FormSheetHeaderButtonProps\n  extends Omit<ButtonProps, 'maxFontSizeMultiplier' | 'onLongPress'> {}\n\nfunction FormSheetHeaderButton(props: FormSheetHeaderButtonProps) {\n  return (\n    <Button\n      {...props}\n      maxFontSizeMultiplier={MAX_FONT_SIZE_MULTIPLIER_LANDMARK}\n      accessibilityShowsLargeContentViewer\n      accessibilityLargeContentTitle={props.title}\n    />\n  )\n}\n\nFormSheetHeaderButton.displayName = 'FormSheet.HeaderButton'\n\n// ====================================\n// ====== ActionsFormSheetAction ======\n// ====================================\n\nconst FORM_SHEET_ACTION_APPEARANCES = {\n  neutral: 'neutral',\n  danger: 'danger',\n} as const\n\ntype FormSheetActionAppearanceUnion =\n  (typeof FORM_SHEET_ACTION_APPEARANCES)[keyof typeof FORM_SHEET_ACTION_APPEARANCES]\n\ninterface FormSheetActionProps {\n  title: string\n  iconName?: IconString\n  onPress: () => void\n  accessibilityLabel?: string\n  accessibilityHint?: string\n  accessibilityRole?: AccessibilityRole\n  appearance?: FormSheetActionAppearanceUnion\n  disabled?: boolean\n  disabledReason?: string\n}\n\nfunction FormSheetAction({\n  title,\n  iconName,\n  onPress,\n  accessibilityLabel,\n  accessibilityHint,\n  accessibilityRole = 'button',\n  appearance = 'neutral',\n  disabled = false,\n  disabledReason,\n}: FormSheetActionProps) {\n  const styles = useStyles({ appearance, disabled })\n\n  return (\n    <PlatformPressable\n      onPress={onPress}\n      accessibilityLabel={accessibilityLabel}\n      accessibilityHint={\n        accessibilityHint ?? (disabled && disabledReason ? disabledReason : undefined)\n      }\n      accessibilityRole={accessibilityRole}\n      style={styles.actionPressable}\n      disabled={disabled}\n    >\n      {iconName && (\n        <Icon name={iconName} size={16} accessibilityElementsHidden style={styles.actionIcon} />\n      )}\n      <View style={styles.actionTextBlock}>\n        <Text style={styles.actionTitle}>{title}</Text>\n        {disabled && disabledReason && (\n          <Text style={styles.actionDisabledReason}>{disabledReason}</Text>\n        )}\n      </View>\n    </PlatformPressable>\n  )\n}\n\nFormSheetAction.displayName = 'FormSheet.Action'\n\n// ==================================\n// ====== Styles ====================\n// ==================================\n\ninterface Styles {\n  appearance?: FormSheetActionAppearanceUnion\n  disabled?: boolean\n}\n\nconst useStyles = ({ appearance = 'neutral', disabled = false }: Styles = {}) => {\n  const { colors } = useTheme()\n  const { height } = useWindowDimensions()\n  const { bottom, top } = useSafeAreaInsets()\n  const headerHeight = useHeaderHeight()\n\n  const containerHeight = Platform.select({\n    ios: height - top - headerHeight,\n    default: null,\n  })\n\n  const appearanceColorsMap = {\n    neutral: {\n      iconColor: colors.iconColorDefaultPrimary,\n      textColor: colors.textColorDefaultPrimary,\n    },\n    danger: {\n      iconColor: colors.fillColorStatusErrorMedium,\n      textColor: colors.fillColorStatusErrorMedium,\n    },\n  }\n\n  return StyleSheet.create({\n    container: {\n      justifyContent: 'flex-start',\n      paddingBottom: bottom,\n      width: '100%',\n      backgroundColor: colors.fillColorNeutral100Inverted,\n      height: containerHeight,\n      ...Platform.select({\n        ios: {\n          flexGrow: 1, // Ensures the FormSheet children respond to the formsheet height changing on iOS\n        },\n        android: {\n          maxHeight: '100%', // Ensures lists to scroll on Android\n        },\n      }),\n    },\n    androidSheetGrabber: {\n      position: 'absolute',\n      top: 5,\n      width: 34,\n      height: 5,\n      backgroundColor: colors.fillColorNeutral040,\n      borderRadius: 100,\n      alignSelf: 'center',\n    },\n    content: {\n      ...Platform.select({\n        android: {\n          maxHeight: '100%', // Ensures content above a list (e.g. FormSheet.Header) don't subtract from the FormSheet's height\n        },\n      }),\n    },\n    header: {\n      paddingHorizontal: 16,\n      paddingTop: 20,\n      paddingBottom: 16,\n      backgroundColor: colors.fillColorNeutral100Inverted,\n      gap: 16,\n      borderBottomWidth: 1,\n      borderBottomColor: colors.borderColorDefaultBase,\n    },\n    headerContent: {\n      flexDirection: 'row',\n      alignItems: 'center',\n      justifyContent: 'space-between',\n    },\n    headerTitle: {\n      textAlign: 'left',\n      flex: 1,\n    },\n    headerActions: {\n      flexDirection: 'row',\n      alignItems: 'center',\n      gap: 16,\n    },\n    actionPressable: {\n      flexDirection: 'row',\n      alignItems: 'center',\n      paddingVertical: 12,\n      paddingHorizontal: 16,\n      gap: 8,\n    },\n    actionIcon: {\n      color: disabled ? colors.textColorDefaultDisabled : appearanceColorsMap[appearance].iconColor,\n    },\n    actionTextBlock: {\n      flex: 1,\n    },\n    actionTitle: {\n      color: disabled ? colors.textColorDefaultDisabled : appearanceColorsMap[appearance].textColor,\n    },\n    actionDisabledReason: {\n      color: colors.textColorDefaultDisabled,\n      fontSize: 12,\n    },\n  })\n}\n"]}
+{"version":3,"file":"form_sheet.js","sourceRoot":"","sources":["../../../src/components/primitive/form_sheet.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,iBAAiB,EAAE,eAAe,EAAE,MAAM,4BAA4B,CAAA;AAG/E,OAAO,EACL,QAAQ,EACR,UAAU,EACV,IAAI,EACJ,mBAAmB,GAIpB,MAAM,cAAc,CAAA;AACrB,OAAO,EAAE,iBAAiB,EAAE,MAAM,gCAAgC,CAAA;AAClE,OAAO,EAAE,QAAQ,EAAE,MAAM,aAAa,CAAA;AACtC,OAAO,EAAE,oBAAoB,EAAE,iCAAiC,EAAE,MAAM,aAAa,CAAA;AAErF,OAAO,EAAE,MAAM,EAAE,OAAO,EAAE,IAAI,EAAc,IAAI,EAAE,UAAU,EAAE,MAAM,YAAY,CAAA;AAEhF,oCAAoC;AACpC,oCAAoC;AACpC,oCAAoC;AAEpC;;;;;;GAMG;AACH,MAAM,CAAC,MAAM,yBAAyB,GAAG,CAAC,EACxC,WAAW,EACX,mBAAmB,GAAG,CAAC,IAAI,CAAC,EAC5B,GAAG,IAAI,KACyB,EAAE,EAAgC,EAAE,CAAC,CAAC;IACtE,YAAY,EAAE,WAAW;IACzB,WAAW,EAAE,KAAK;IAClB,mBAAmB;IACnB,iBAAiB,EAAE,oBAAoB,EAAE,CAAC,CAAC,CAAC,SAAS,CAAC,CAAC,CAAC,EAAE;IAC1D,mBAAmB,EAAE,IAAI;IACzB,WAAW;IACX,GAAG,IAAI;CACR,CAAC,CAAA;AAEF,MAAM,SAAS,GAAG;IAChB,IAAI,EAAE,aAAa;IACnB,MAAM,EAAE,eAAe;IACvB,MAAM,EAAE,eAAe;IACvB,WAAW,EAAE,oBAAoB;IACjC,aAAa,EAAE,sBAAsB;IACrC,gBAAgB,EAAE,yBAAyB;IAC3C,YAAY,EAAE,qBAAqB;CAC3B,CAAA;AAYV,eAAe,SAAgC,CAAA;AAsB/C,MAAM,UAAU,aAAa,CAAC,EAC5B,QAAQ,EACR,KAAK,EACL,YAAY,EACZ,uBAAuB,GAAG,IAAI,GACX;IACnB,MAAM,MAAM,GAAG,SAAS,EAAE,CAAA;IAE1B,OAAO,CACL,MAAC,IAAI,IAAC,KAAK,EAAE,CAAC,MAAM,CAAC,SAAS,EAAE,KAAK,CAAC,EAAE,WAAW,EAAE,KAAK,aACxD,KAAC,IAAI,IAAC,KAAK,EAAE,CAAC,MAAM,CAAC,OAAO,EAAE,YAAY,CAAC,YAAG,QAAQ,GAAQ,EAC7D,uBAAuB,IAAI,KAAC,mBAAmB,KAAG,IAC9C,CACR,CAAA;AACH,CAAC;AAED,aAAa,CAAC,WAAW,GAAG,gBAAgB,CAAA;AAE5C,uCAAuC;AACvC,uCAAuC;AACvC,uCAAuC;AAEvC,SAAS,mBAAmB;IAC1B,MAAM,MAAM,GAAG,SAAS,EAAE,CAAA;IAE1B,OAAO,QAAQ,CAAC,MAAM,CAAC;QACrB,OAAO,EAAE,KAAC,IAAI,IAAC,KAAK,EAAE,MAAM,CAAC,mBAAmB,GAAI;QACpD,GAAG,EAAE,IAAI;KACV,CAAC,CAAA;AACJ,CAAC;AAWD,SAAS,eAAe,CAAC,EAAE,QAAQ,EAAE,KAAK,EAAwB;IAChE,MAAM,MAAM,GAAG,SAAS,EAAE,CAAA;IAE1B,OAAO,CACL,KAAC,IAAI,IAAC,KAAK,EAAE,CAAC,MAAM,CAAC,MAAM,EAAE,KAAK,CAAC,YACjC,KAAC,IAAI,IAAC,KAAK,EAAE,MAAM,CAAC,aAAa,YAAG,QAAQ,GAAQ,GAC/C,CACR,CAAA;AACH,CAAC;AAED,eAAe,CAAC,WAAW,GAAG,kBAAkB,CAAA;AAUhD,SAAS,oBAAoB,CAAC,EAAE,QAAQ,EAA6B;IACnE,MAAM,MAAM,GAAG,SAAS,EAAE,CAAA;IAE1B,OAAO,CACL,KAAC,OAAO,IACN,OAAO,EAAC,IAAI,EACZ,KAAK,EAAE,MAAM,CAAC,WAAW,EACzB,qBAAqB,EAAE,iCAAiC,YAEvD,QAAQ,GACD,CACX,CAAA;AACH,CAAC;AAED,oBAAoB,CAAC,WAAW,GAAG,uBAAuB,CAAA;AAU1D,SAAS,sBAAsB,CAAC,EAAE,QAAQ,EAA+B;IACvE,MAAM,MAAM,GAAG,SAAS,EAAE,CAAA;IAE1B,OAAO,KAAC,IAAI,IAAC,KAAK,EAAE,MAAM,CAAC,aAAa,YAAG,QAAQ,GAAQ,CAAA;AAC7D,CAAC;AAED,sBAAsB,CAAC,WAAW,GAAG,yBAAyB,CAAA;AAc9D,SAAS,yBAAyB,CAAC,KAAqC;IACtE,OAAO,CACL,KAAC,UAAU,OACL,KAAK,EACT,qBAAqB,EAAE,iCAAiC,EACxD,oCAAoC,QACpC,8BAA8B,EAAE,KAAK,CAAC,QAAQ,GAC9C,CACH,CAAA;AACH,CAAC;AAED,yBAAyB,CAAC,WAAW,GAAG,4BAA4B,CAAA;AAUpE,SAAS,qBAAqB,CAAC,KAAiC;IAC9D,OAAO,CACL,KAAC,MAAM,OACD,KAAK,EACT,qBAAqB,EAAE,iCAAiC,EACxD,oCAAoC,QACpC,8BAA8B,EAAE,KAAK,CAAC,KAAK,GAC3C,CACH,CAAA;AACH,CAAC;AAED,qBAAqB,CAAC,WAAW,GAAG,wBAAwB,CAAA;AAE5D,uCAAuC;AACvC,uCAAuC;AACvC,uCAAuC;AAEvC,MAAM,6BAA6B,GAAG;IACpC,OAAO,EAAE,SAAS;IAClB,MAAM,EAAE,QAAQ;CACR,CAAA;AAiBV,SAAS,eAAe,CAAC,EACvB,KAAK,EACL,QAAQ,EACR,OAAO,EACP,kBAAkB,EAClB,iBAAiB,EACjB,iBAAiB,GAAG,QAAQ,EAC5B,UAAU,GAAG,SAAS,EACtB,QAAQ,GAAG,KAAK,EAChB,cAAc,GACO;IACrB,MAAM,MAAM,GAAG,SAAS,CAAC,EAAE,UAAU,EAAE,QAAQ,EAAE,CAAC,CAAA;IAElD,OAAO,CACL,MAAC,iBAAiB,IAChB,OAAO,EAAE,OAAO,EAChB,kBAAkB,EAAE,kBAAkB,EACtC,iBAAiB,EACf,iBAAiB,IAAI,CAAC,QAAQ,IAAI,cAAc,CAAC,CAAC,CAAC,cAAc,CAAC,CAAC,CAAC,SAAS,CAAC,EAEhF,iBAAiB,EAAE,iBAAiB,EACpC,KAAK,EAAE,MAAM,CAAC,eAAe,EAC7B,QAAQ,EAAE,QAAQ,aAEjB,QAAQ,IAAI,CACX,KAAC,IAAI,IAAC,IAAI,EAAE,QAAQ,EAAE,IAAI,EAAE,EAAE,EAAE,2BAA2B,QAAC,KAAK,EAAE,MAAM,CAAC,UAAU,GAAI,CACzF,EACD,MAAC,IAAI,IAAC,KAAK,EAAE,MAAM,CAAC,eAAe,aACjC,KAAC,IAAI,IAAC,KAAK,EAAE,MAAM,CAAC,WAAW,YAAG,KAAK,GAAQ,EAC9C,QAAQ,IAAI,cAAc,IAAI,CAC7B,KAAC,IAAI,IAAC,KAAK,EAAE,MAAM,CAAC,oBAAoB,YAAG,cAAc,GAAQ,CAClE,IACI,IACW,CACrB,CAAA;AACH,CAAC;AAED,eAAe,CAAC,WAAW,GAAG,kBAAkB,CAAA;AAWhD,MAAM,SAAS,GAAG,CAAC,EAAE,UAAU,GAAG,SAAS,EAAE,QAAQ,GAAG,KAAK,KAAa,EAAE,EAAE,EAAE;IAC9E,MAAM,EAAE,MAAM,EAAE,GAAG,QAAQ,EAAE,CAAA;IAC7B,MAAM,EAAE,MAAM,EAAE,GAAG,mBAAmB,EAAE,CAAA;IACxC,MAAM,EAAE,MAAM,EAAE,GAAG,EAAE,GAAG,iBAAiB,EAAE,CAAA;IAC3C,MAAM,YAAY,GAAG,eAAe,EAAE,CAAA;IAEtC,MAAM,eAAe,GAAG,QAAQ,CAAC,MAAM,CAAC;QACtC,GAAG,EAAE,MAAM,GAAG,GAAG,GAAG,YAAY;QAChC,OAAO,EAAE,IAAI;KACd,CAAC,CAAA;IAEF,MAAM,mBAAmB,GAAG;QAC1B,OAAO,EAAE;YACP,SAAS,EAAE,MAAM,CAAC,uBAAuB;YACzC,SAAS,EAAE,MAAM,CAAC,uBAAuB;SAC1C;QACD,MAAM,EAAE;YACN,SAAS,EAAE,MAAM,CAAC,0BAA0B;YAC5C,SAAS,EAAE,MAAM,CAAC,0BAA0B;SAC7C;KACF,CAAA;IAED,OAAO,UAAU,CAAC,MAAM,CAAC;QACvB,SAAS,EAAE;YACT,cAAc,EAAE,YAAY;YAC5B,aAAa,EAAE,MAAM;YACrB,KAAK,EAAE,MAAM;YACb,eAAe,EAAE,MAAM,CAAC,2BAA2B;YACnD,MAAM,EAAE,eAAe;YACvB,GAAG,QAAQ,CAAC,MAAM,CAAC;gBACjB,GAAG,EAAE;oBACH,QAAQ,EAAE,CAAC,EAAE,iFAAiF;iBAC/F;gBACD,OAAO,EAAE;oBACP,SAAS,EAAE,MAAM,EAAE,qCAAqC;iBACzD;aACF,CAAC;SACH;QACD,mBAAmB,EAAE;YACnB,QAAQ,EAAE,UAAU;YACpB,GAAG,EAAE,CAAC;YACN,KAAK,EAAE,EAAE;YACT,MAAM,EAAE,CAAC;YACT,eAAe,EAAE,MAAM,CAAC,mBAAmB;YAC3C,YAAY,EAAE,GAAG;YACjB,SAAS,EAAE,QAAQ;SACpB;QACD,OAAO,EAAE;YACP,GAAG,QAAQ,CAAC,MAAM,CAAC;gBACjB,OAAO,EAAE;oBACP,SAAS,EAAE,MAAM,EAAE,kGAAkG;iBACtH;aACF,CAAC;SACH;QACD,MAAM,EAAE;YACN,iBAAiB,EAAE,EAAE;YACrB,UAAU,EAAE,EAAE;YACd,aAAa,EAAE,EAAE;YACjB,eAAe,EAAE,MAAM,CAAC,2BAA2B;YACnD,GAAG,EAAE,EAAE;YACP,iBAAiB,EAAE,CAAC;YACpB,iBAAiB,EAAE,MAAM,CAAC,sBAAsB;SACjD;QACD,aAAa,EAAE;YACb,aAAa,EAAE,KAAK;YACpB,UAAU,EAAE,QAAQ;YACpB,cAAc,EAAE,eAAe;SAChC;QACD,WAAW,EAAE;YACX,SAAS,EAAE,MAAM;YACjB,IAAI,EAAE,CAAC;SACR;QACD,aAAa,EAAE;YACb,aAAa,EAAE,KAAK;YACpB,UAAU,EAAE,QAAQ;YACpB,GAAG,EAAE,EAAE;SACR;QACD,eAAe,EAAE;YACf,aAAa,EAAE,KAAK;YACpB,UAAU,EAAE,QAAQ;YACpB,eAAe,EAAE,EAAE;YACnB,iBAAiB,EAAE,EAAE;YACrB,GAAG,EAAE,CAAC;SACP;QACD,UAAU,EAAE;YACV,KAAK,EAAE,QAAQ,CAAC,CAAC,CAAC,MAAM,CAAC,wBAAwB,CAAC,CAAC,CAAC,mBAAmB,CAAC,UAAU,CAAC,CAAC,SAAS;SAC9F;QACD,eAAe,EAAE;YACf,IAAI,EAAE,CAAC;SACR;QACD,WAAW,EAAE;YACX,KAAK,EAAE,QAAQ,CAAC,CAAC,CAAC,MAAM,CAAC,wBAAwB,CAAC,CAAC,CAAC,mBAAmB,CAAC,UAAU,CAAC,CAAC,SAAS;SAC9F;QACD,oBAAoB,EAAE;YACpB,KAAK,EAAE,MAAM,CAAC,wBAAwB;YACtC,QAAQ,EAAE,EAAE;SACb;KACF,CAAC,CAAA;AACJ,CAAC,CAAA","sourcesContent":["import { PlatformPressable, useHeaderHeight } from '@react-navigation/elements'\nimport { NativeStackNavigationOptions } from '@react-navigation/native-stack'\nimport React, { ReactNode } from 'react'\nimport {\n  Platform,\n  StyleSheet,\n  View,\n  useWindowDimensions,\n  type AccessibilityRole,\n  type StyleProp,\n  type ViewStyle,\n} from 'react-native'\nimport { useSafeAreaInsets } from 'react-native-safe-area-context'\nimport { useTheme } from '../../hooks'\nimport { isLiquidGlassEnabled, MAX_FONT_SIZE_MULTIPLIER_LANDMARK } from '../../utils'\nimport type { ButtonProps, TextButtonProps } from '../display'\nimport { Button, Heading, Icon, IconString, Text, TextButton } from '../display'\n\n// =================================\n// ====== Exports ==================\n// =================================\n\n/**\n * Screen options for the formsheet's NativeStackNavigation route\n * @param {string} options.headerTitle - Doesn't show in UI but good to have for semantic reasons.\n * @param {number[]} [options.sheetAllowedDetents] - Controls the height increments the sheet grows to. To prevent bugs in Android, do not specify more then two values and use [0.94] instead of [1] to go full screen.\n * @param {NativeStackNavigationOptions} [options.rest] - Adds or overrides any valid NativeStackNavigationOptions\n * @returns {NativeStackNavigationOptions} Merged NativeStackNavigationOptions\n */\nexport const getFormSheetScreenOptions = ({\n  headerTitle,\n  sheetAllowedDetents = [0.25],\n  ...rest\n}: NativeStackNavigationOptions = {}): NativeStackNavigationOptions => ({\n  presentation: 'formSheet',\n  headerShown: false,\n  sheetAllowedDetents,\n  sheetCornerRadius: isLiquidGlassEnabled() ? undefined : 16,\n  sheetGrabberVisible: true,\n  headerTitle,\n  ...rest,\n})\n\nconst FormSheet = {\n  Root: FormSheetRoot,\n  Action: FormSheetAction,\n  Header: FormSheetHeader,\n  HeaderTitle: FormSheetHeaderTitle,\n  HeaderActions: FormSheetHeaderActions,\n  HeaderTextButton: FormSheetHeaderTextButton,\n  HeaderButton: FormSheetHeaderButton,\n} as const\n\ntype FormSheetComponents = {\n  Root: React.FC<FormSheetRootProps>\n  Action: React.FC<FormSheetActionProps>\n  Header: React.FC<FormSheetHeaderProps>\n  HeaderTitle: React.FC<FormSheetHeaderTitleProps>\n  HeaderActions: React.FC<FormSheetHeaderActionsProps>\n  HeaderTextButton: React.FC<FormSheetHeaderTextButtonProps>\n  HeaderButton: React.FC<FormSheetHeaderButtonProps>\n}\n\nexport default FormSheet as FormSheetComponents\nexport type {\n  FormSheetActionProps,\n  FormSheetHeaderActionsProps,\n  FormSheetHeaderButtonProps,\n  FormSheetHeaderProps,\n  FormSheetHeaderTextButtonProps,\n  FormSheetHeaderTitleProps,\n  FormSheetRootProps,\n}\n\n// ====================================\n// ====== ActionsFormSheetRoot ========\n// ====================================\n\ninterface FormSheetRootProps {\n  children: ReactNode\n  style?: StyleProp<ViewStyle>\n  contentStyle?: StyleProp<ViewStyle>\n  showAndroidSheetGrabber?: boolean\n}\n\nexport function FormSheetRoot({\n  children,\n  style,\n  contentStyle,\n  showAndroidSheetGrabber = true,\n}: FormSheetRootProps) {\n  const styles = useStyles()\n\n  return (\n    <View style={[styles.container, style]} collapsable={false}>\n      <View style={[styles.content, contentStyle]}>{children}</View>\n      {showAndroidSheetGrabber && <AndroidSheetGrabber />}\n    </View>\n  )\n}\n\nFormSheetRoot.displayName = 'FormSheet.Root'\n\n// ====================================\n// ====== AndroidSheetGrabber =========\n// ====================================\n\nfunction AndroidSheetGrabber() {\n  const styles = useStyles()\n\n  return Platform.select({\n    android: <View style={styles.androidSheetGrabber} />,\n    ios: null,\n  })\n}\n\n// ====================================\n// ====== FormSheetHeader =============\n// ====================================\n\ninterface FormSheetHeaderProps {\n  children: ReactNode\n  style?: StyleProp<ViewStyle>\n}\n\nfunction FormSheetHeader({ children, style }: FormSheetHeaderProps) {\n  const styles = useStyles()\n\n  return (\n    <View style={[styles.header, style]}>\n      <View style={styles.headerContent}>{children}</View>\n    </View>\n  )\n}\n\nFormSheetHeader.displayName = 'FormSheet.Header'\n\n// ====================================\n// ====== FormSheetHeaderTitle ========\n// ====================================\n\ninterface FormSheetHeaderTitleProps {\n  children: ReactNode\n}\n\nfunction FormSheetHeaderTitle({ children }: FormSheetHeaderTitleProps) {\n  const styles = useStyles()\n\n  return (\n    <Heading\n      variant=\"h3\"\n      style={styles.headerTitle}\n      maxFontSizeMultiplier={MAX_FONT_SIZE_MULTIPLIER_LANDMARK}\n    >\n      {children}\n    </Heading>\n  )\n}\n\nFormSheetHeaderTitle.displayName = 'FormSheet.HeaderTitle'\n\n// ====================================\n// ====== FormSheetHeaderActions ======\n// ====================================\n\ninterface FormSheetHeaderActionsProps {\n  children: ReactNode\n}\n\nfunction FormSheetHeaderActions({ children }: FormSheetHeaderActionsProps) {\n  const styles = useStyles()\n\n  return <View style={styles.headerActions}>{children}</View>\n}\n\nFormSheetHeaderActions.displayName = 'FormSheet.HeaderActions'\n\n// ===========================================\n// ====== FormSheetHeaderTextButton ==========\n// ===========================================\n\n// We are omitting `onLongPress` because we are instead supporting `accessibilityShowsLargeContentViewer`.\n// This is triggered by an `onLongPress` event when an iOS device is in Apple's accessible font scale range.\n// Triggering this prop will display an almost full screen iOS a11y button.\ninterface FormSheetHeaderTextButtonProps\n  extends Omit<TextButtonProps, 'maxFontSizeMultiplier' | 'onLongPress'> {\n  children: string\n}\n\nfunction FormSheetHeaderTextButton(props: FormSheetHeaderTextButtonProps) {\n  return (\n    <TextButton\n      {...props}\n      maxFontSizeMultiplier={MAX_FONT_SIZE_MULTIPLIER_LANDMARK}\n      accessibilityShowsLargeContentViewer\n      accessibilityLargeContentTitle={props.children}\n    />\n  )\n}\n\nFormSheetHeaderTextButton.displayName = 'FormSheet.HeaderTextButton'\n\n// =========================================\n// ====== FormSheetHeaderButton ============\n// =========================================\n\n// Same `onLongPress`note as `FormSheetHeaderTextButtonProps`\ninterface FormSheetHeaderButtonProps\n  extends Omit<ButtonProps, 'maxFontSizeMultiplier' | 'onLongPress'> {}\n\nfunction FormSheetHeaderButton(props: FormSheetHeaderButtonProps) {\n  return (\n    <Button\n      {...props}\n      maxFontSizeMultiplier={MAX_FONT_SIZE_MULTIPLIER_LANDMARK}\n      accessibilityShowsLargeContentViewer\n      accessibilityLargeContentTitle={props.title}\n    />\n  )\n}\n\nFormSheetHeaderButton.displayName = 'FormSheet.HeaderButton'\n\n// ====================================\n// ====== ActionsFormSheetAction ======\n// ====================================\n\nconst FORM_SHEET_ACTION_APPEARANCES = {\n  neutral: 'neutral',\n  danger: 'danger',\n} as const\n\ntype FormSheetActionAppearanceUnion =\n  (typeof FORM_SHEET_ACTION_APPEARANCES)[keyof typeof FORM_SHEET_ACTION_APPEARANCES]\n\ninterface FormSheetActionProps {\n  title: string\n  iconName?: IconString\n  onPress: () => void\n  accessibilityLabel?: string\n  accessibilityHint?: string\n  accessibilityRole?: AccessibilityRole\n  appearance?: FormSheetActionAppearanceUnion\n  disabled?: boolean\n  disabledReason?: string\n}\n\nfunction FormSheetAction({\n  title,\n  iconName,\n  onPress,\n  accessibilityLabel,\n  accessibilityHint,\n  accessibilityRole = 'button',\n  appearance = 'neutral',\n  disabled = false,\n  disabledReason,\n}: FormSheetActionProps) {\n  const styles = useStyles({ appearance, disabled })\n\n  return (\n    <PlatformPressable\n      onPress={onPress}\n      accessibilityLabel={accessibilityLabel}\n      accessibilityHint={\n        accessibilityHint ?? (disabled && disabledReason ? disabledReason : undefined)\n      }\n      accessibilityRole={accessibilityRole}\n      style={styles.actionPressable}\n      disabled={disabled}\n    >\n      {iconName && (\n        <Icon name={iconName} size={16} accessibilityElementsHidden style={styles.actionIcon} />\n      )}\n      <View style={styles.actionTextBlock}>\n        <Text style={styles.actionTitle}>{title}</Text>\n        {disabled && disabledReason && (\n          <Text style={styles.actionDisabledReason}>{disabledReason}</Text>\n        )}\n      </View>\n    </PlatformPressable>\n  )\n}\n\nFormSheetAction.displayName = 'FormSheet.Action'\n\n// ==================================\n// ====== Styles ====================\n// ==================================\n\ninterface Styles {\n  appearance?: FormSheetActionAppearanceUnion\n  disabled?: boolean\n}\n\nconst useStyles = ({ appearance = 'neutral', disabled = false }: Styles = {}) => {\n  const { colors } = useTheme()\n  const { height } = useWindowDimensions()\n  const { bottom, top } = useSafeAreaInsets()\n  const headerHeight = useHeaderHeight()\n\n  const containerHeight = Platform.select({\n    ios: height - top - headerHeight,\n    default: null,\n  })\n\n  const appearanceColorsMap = {\n    neutral: {\n      iconColor: colors.iconColorDefaultPrimary,\n      textColor: colors.textColorDefaultPrimary,\n    },\n    danger: {\n      iconColor: colors.fillColorStatusErrorMedium,\n      textColor: colors.fillColorStatusErrorMedium,\n    },\n  }\n\n  return StyleSheet.create({\n    container: {\n      justifyContent: 'flex-start',\n      paddingBottom: bottom,\n      width: '100%',\n      backgroundColor: colors.fillColorNeutral100Inverted,\n      height: containerHeight,\n      ...Platform.select({\n        ios: {\n          flexGrow: 1, // Ensures the FormSheet children respond to the formsheet height changing on iOS\n        },\n        android: {\n          maxHeight: '100%', // Ensures lists to scroll on Android\n        },\n      }),\n    },\n    androidSheetGrabber: {\n      position: 'absolute',\n      top: 5,\n      width: 34,\n      height: 5,\n      backgroundColor: colors.fillColorNeutral040,\n      borderRadius: 100,\n      alignSelf: 'center',\n    },\n    content: {\n      ...Platform.select({\n        android: {\n          maxHeight: '100%', // Ensures content above a list (e.g. FormSheet.Header) don't subtract from the FormSheet's height\n        },\n      }),\n    },\n    header: {\n      paddingHorizontal: 16,\n      paddingTop: 20,\n      paddingBottom: 16,\n      backgroundColor: colors.fillColorNeutral100Inverted,\n      gap: 16,\n      borderBottomWidth: 1,\n      borderBottomColor: colors.borderColorDefaultBase,\n    },\n    headerContent: {\n      flexDirection: 'row',\n      alignItems: 'center',\n      justifyContent: 'space-between',\n    },\n    headerTitle: {\n      textAlign: 'left',\n      flex: 1,\n    },\n    headerActions: {\n      flexDirection: 'row',\n      alignItems: 'center',\n      gap: 16,\n    },\n    actionPressable: {\n      flexDirection: 'row',\n      alignItems: 'center',\n      paddingVertical: 12,\n      paddingHorizontal: 16,\n      gap: 8,\n    },\n    actionIcon: {\n      color: disabled ? colors.textColorDefaultDisabled : appearanceColorsMap[appearance].iconColor,\n    },\n    actionTextBlock: {\n      flex: 1,\n    },\n    actionTitle: {\n      color: disabled ? colors.textColorDefaultDisabled : appearanceColorsMap[appearance].textColor,\n    },\n    actionDisabledReason: {\n      color: colors.textColorDefaultDisabled,\n      fontSize: 12,\n    },\n  })\n}\n"]}

package/build/hooks/use_conversation.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"use_conversation.d.ts","sourceRoot":"","sources":["../../src/hooks/use_conversation.ts"],"names":[],"mappings":"AAEA,OAAO,EAAE,WAAW,EAAE,oBAAoB,EAAE,MAAM,UAAU,CAAA;AAO5D,eAAO,MAAM,0BAA0B,GAAI,qBAAqB;IAAE,eAAe,EAAE,MAAM,CAAA;CAAE;;;;;;;;;;;;;CA6DzF,CAAA;AAEF,eAAO,MAAM,eAAe,GAAI,qBAAqB;IAAE,eAAe,EAAE,MAAM,CAAA;CAAE;;;;;;;;;;;;;;;;;;;;;;;;;;CAI/E,CAAA;AAED,eAAO,MAAM,mBAAmB,GAAI,qBAAqB;IAAE,eAAe,EAAE,MAAM,CAAA;CAAE;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAiDnF,CAAA;AAED,eAAO,MAAM,qBAAqB,GAAI,qBAAqB;IAAE,eAAe,EAAE,MAAM,CAAA;CAAE,+JA+BrF,CAAA;AAED,eAAO,MAAM,qBAAqB,GAAI,qBAAqB;IAAE,eAAe,EAAE,MAAM,CAAA;CAAE,iFAiBrF,CAAA;AAED,eAAO,MAAM,6BAA6B,GAAI,qBAAqB;IAAE,eAAe,EAAE,MAAM,CAAA;CAAE;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CA6C7F,CAAA"}
+{"version":3,"file":"use_conversation.d.ts","sourceRoot":"","sources":["../../src/hooks/use_conversation.ts"],"names":[],"mappings":"AAEA,OAAO,EAAE,WAAW,EAAE,oBAAoB,EAAE,MAAM,UAAU,CAAA;AAO5D,eAAO,MAAM,0BAA0B,GAAI,qBAAqB;IAAE,eAAe,EAAE,MAAM,CAAA;CAAE;;;;;;;;;;;;;CA4DzF,CAAA;AAEF,eAAO,MAAM,eAAe,GAAI,qBAAqB;IAAE,eAAe,EAAE,MAAM,CAAA;CAAE;;;;;;;;;;;;;;;;;;;;;;;;;;CAI/E,CAAA;AAED,eAAO,MAAM,mBAAmB,GAAI,qBAAqB;IAAE,eAAe,EAAE,MAAM,CAAA;CAAE;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAiDnF,CAAA;AAED,eAAO,MAAM,qBAAqB,GAAI,qBAAqB;IAAE,eAAe,EAAE,MAAM,CAAA;CAAE,+JA+BrF,CAAA;AAED,eAAO,MAAM,qBAAqB,GAAI,qBAAqB;IAAE,eAAe,EAAE,MAAM,CAAA;CAAE,iFAiBrF,CAAA;AAED,eAAO,MAAM,6BAA6B,GAAI,qBAAqB;IAAE,eAAe,EAAE,MAAM,CAAA;CAAE;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CA6C7F,CAAA"}

package/build/hooks/use_conversation.js

@@ -30,7 +30,6 @@ export const getConversationRequestArgs = ({ conversation_id }) => ({
                 'direct_message',
                 'disabled',
                 'disabled_reason',
-                'disabled_message',
                 'member_ability',
                 'muted',
                 'replies_disabled',

package/build/hooks/use_conversation.js.map

@@ -1 +1 @@
-{"version":3,"file":"use_conversation.js","sourceRoot":"","sources":["../../src/hooks/use_conversation.ts"],"names":[],"mappings":"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","sourcesContent":["import { useMutation, useQueryClient } from '@tanstack/react-query'\nimport { useState } from 'react'\nimport { ApiResource, ConversationResource } from '../types'\nimport { transformGetToPost } from '../utils/client/request_helpers'\nimport { Haptic } from '../utils/native_adapters'\nimport { getConversationsRequestArgs } from '../utils/request/conversation'\nimport { useApiClient } from './use_api_client'\nimport { getRequestQueryKey, useSuspenseGet } from './use_suspense_api'\n\nexport const getConversationRequestArgs = ({ conversation_id }: { conversation_id: number }) => ({\n  url: `/me/conversations/${conversation_id}`,\n  data: {\n    fields: {\n      Conversation: [\n        'analytics_metadata',\n        'created_at',\n        'badges',\n        'conversation_membership',\n        'conversation_preview',\n        'gender_option',\n        'groups',\n        'last_message_author_id',\n        'last_message_author_name',\n        'last_message_created_at',\n        'last_message_text_preview',\n        'latest_read_message_sort_key',\n        'preview_avatar_urls',\n        'custom_avatar_type',\n        'custom_avatar_key',\n        'custom_avatar_color',\n        'custom_avatar_image_url',\n        'direct_message',\n        'disabled',\n        'disabled_reason',\n        'disabled_message',\n        'member_ability',\n        'muted',\n        'replies_disabled',\n        'title',\n        'unread_count',\n        'unread_reaction',\n        'updated_at',\n      ],\n      AnalyticsMetadata: ['metadata'],\n      MemberAbility: [\n        'can_update',\n        'can_delete',\n        'leader',\n        'can_reply',\n        'can_delete_non_authored_messages',\n        'can_message_available_members',\n      ],\n      ConversationMembership: [\n        'last_read_message_sort_key',\n        'notification_level',\n        'notification_level_description',\n        'notification_level_options',\n        'muted',\n      ],\n      ConversationBadge: ['app_name', 'pco_resource_type', 'text'],\n      Group: ['type', 'id', 'links', 'name', 'source_app_name', 'source_type'],\n    },\n    include: [\n      'badges',\n      'conversation_membership',\n      'member_ability',\n      'groups',\n      'analytics_metadata',\n    ],\n  },\n})\n\nexport const useConversation = ({ conversation_id }: { conversation_id: number }) => {\n  const args = getConversationRequestArgs({ conversation_id })\n\n  return useSuspenseGet<ConversationResource>(args)\n}\n\nexport const useConversationMute = ({ conversation_id }: { conversation_id: number }) => {\n  const apiClient = useApiClient()\n  const queryClient = useQueryClient()\n  const requestArgs = getConversationRequestArgs({ conversation_id })\n  const queryKey = getRequestQueryKey(requestArgs)\n  const { data: conversation } = useConversation({ conversation_id })\n  const [value, setValue] = useState<boolean>(conversation.muted)\n\n  const { mutate: setMuted, ...mutation } = useMutation({\n    onMutate: async (muted: boolean) => {\n      return queryClient.setQueryData<ApiResource<ConversationResource>>(queryKey, prev => {\n        if (!prev?.data) return prev\n        setValue(muted)\n        prev.data.muted = muted\n        if (prev.data.conversationMembership) {\n          prev.data.conversationMembership.muted = muted\n        }\n\n        return prev\n      })\n    },\n    mutationKey: ['muteConversation'],\n    mutationFn: async (muted: boolean) => {\n      const action = muted ? 'mute' : 'unmute'\n\n      return apiClient.chat.post<ApiResource<ConversationResource>>({\n        url: `/me/conversations/${conversation_id}/${action}`,\n        data: { data: { type: '', attributes: {} }, fields: { Conversation: 'muted' } },\n      })\n    },\n    onSuccess: (response: ApiResource<ConversationResource>) => {\n      queryClient.invalidateQueries({ queryKey: ['/me/conversations'] })\n      queryClient.setQueryData<ApiResource<ConversationResource>>(queryKey, prev => {\n        if (!prev?.data) return prev\n\n        // Posting to the mute action endpoint can't return all the fields\n        // so we need to set only the fields we require\n        prev.data.muted = response.data.muted\n        if (prev.data.conversationMembership) {\n          prev.data.conversationMembership.muted = response.data.muted\n        }\n        setValue(response.data.muted)\n\n        return prev\n      })\n    },\n  })\n\n  return { muted: value, setMuted, ...mutation }\n}\n\nexport const useConversationUpdate = ({ conversation_id }: { conversation_id: number }) => {\n  const apiClient = useApiClient()\n  const queryClient = useQueryClient()\n  const requestArgs = getConversationRequestArgs({ conversation_id })\n  const queryKey = getRequestQueryKey(requestArgs)\n\n  return useMutation({\n    onMutate: async (update: Partial<ConversationResource>) => {\n      queryClient.setQueryData<ApiResource<ConversationResource>>(queryKey, prev => {\n        if (prev?.data) {\n          prev.data = {\n            ...prev.data,\n            ...update,\n          }\n        }\n\n        return prev\n      })\n    },\n    mutationKey: ['mutateConversation'],\n    mutationFn: async (update: Partial<ConversationResource>) => {\n      const postArgs = transformGetToPost(requestArgs).data\n      return apiClient.chat.patch<ApiResource<ConversationResource>>({\n        url: `/me/conversations/${conversation_id}/`,\n        data: { data: { type: '', attributes: update }, ...postArgs },\n      })\n    },\n    onSuccess: response => {\n      queryClient.setQueryData<ApiResource<ConversationResource>>(queryKey, () => response)\n    },\n  })\n}\n\nexport const useConversationDelete = ({ conversation_id }: { conversation_id: number }) => {\n  const apiClient = useApiClient()\n  const queryClient = useQueryClient()\n  const { url } = getConversationsRequestArgs()\n\n  return useMutation({\n    mutationKey: ['deleteConversation'],\n    mutationFn: async () => {\n      return apiClient.chat.delete({\n        url: `/me/conversations/${conversation_id}`,\n      })\n    },\n    onSuccess: () => {\n      queryClient.invalidateQueries({ queryKey: [url] })\n      Haptic.notificationSuccess()\n    },\n  })\n}\n\nexport const useConversationDisableReplies = ({ conversation_id }: { conversation_id: number }) => {\n  const apiClient = useApiClient()\n  const queryClient = useQueryClient()\n  const requestArgs = getConversationRequestArgs({ conversation_id })\n  const queryKey = getRequestQueryKey(requestArgs)\n  const { data: conversation } = useConversation({ conversation_id })\n  const [value, setValue] = useState<boolean>(conversation.repliesDisabled)\n\n  const { mutate: setRepliesDisabled, ...mutation } = useMutation({\n    onMutate: async (repliesDisabled: boolean) => {\n      return queryClient.setQueryData<ApiResource<ConversationResource>>(queryKey, prev => {\n        if (!prev?.data) return prev\n        setValue(repliesDisabled)\n        prev.data.repliesDisabled = repliesDisabled\n\n        return prev\n      })\n    },\n    mutationKey: ['disableRepliesConversation'],\n    mutationFn: async (repliesDisabled: boolean) => {\n      return apiClient.chat.patch<ApiResource<ConversationResource>>({\n        url: `/me/conversations/${conversation_id}`,\n        data: {\n          data: {\n            type: 'Conversation',\n            attributes: {\n              replies_disabled: repliesDisabled,\n            },\n          },\n        },\n      })\n    },\n    onSuccess: (response: ApiResource<ConversationResource>) => {\n      queryClient.setQueryData<ApiResource<ConversationResource>>(queryKey, prev => {\n        if (!prev?.data) return prev\n\n        prev.data.repliesDisabled = response.data.repliesDisabled\n        setValue(response.data.repliesDisabled)\n\n        return prev\n      })\n    },\n  })\n\n  return { repliesDisabled: value, setRepliesDisabled, ...mutation }\n}\n"]}
+{"version":3,"file":"use_conversation.js","sourceRoot":"","sources":["../../src/hooks/use_conversation.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,WAAW,EAAE,cAAc,EAAE,MAAM,uBAAuB,CAAA;AACnE,OAAO,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAA;AAEhC,OAAO,EAAE,kBAAkB,EAAE,MAAM,iCAAiC,CAAA;AACpE,OAAO,EAAE,MAAM,EAAE,MAAM,0BAA0B,CAAA;AACjD,OAAO,EAAE,2BAA2B,EAAE,MAAM,+BAA+B,CAAA;AAC3E,OAAO,EAAE,YAAY,EAAE,MAAM,kBAAkB,CAAA;AAC/C,OAAO,EAAE,kBAAkB,EAAE,cAAc,EAAE,MAAM,oBAAoB,CAAA;AAEvE,MAAM,CAAC,MAAM,0BAA0B,GAAG,CAAC,EAAE,eAAe,EAA+B,EAAE,EAAE,CAAC,CAAC;IAC/F,GAAG,EAAE,qBAAqB,eAAe,EAAE;IAC3C,IAAI,EAAE;QACJ,MAAM,EAAE;YACN,YAAY,EAAE;gBACZ,oBAAoB;gBACpB,YAAY;gBACZ,QAAQ;gBACR,yBAAyB;gBACzB,sBAAsB;gBACtB,eAAe;gBACf,QAAQ;gBACR,wBAAwB;gBACxB,0BAA0B;gBAC1B,yBAAyB;gBACzB,2BAA2B;gBAC3B,8BAA8B;gBAC9B,qBAAqB;gBACrB,oBAAoB;gBACpB,mBAAmB;gBACnB,qBAAqB;gBACrB,yBAAyB;gBACzB,gBAAgB;gBAChB,UAAU;gBACV,iBAAiB;gBACjB,gBAAgB;gBAChB,OAAO;gBACP,kBAAkB;gBAClB,OAAO;gBACP,cAAc;gBACd,iBAAiB;gBACjB,YAAY;aACb;YACD,iBAAiB,EAAE,CAAC,UAAU,CAAC;YAC/B,aAAa,EAAE;gBACb,YAAY;gBACZ,YAAY;gBACZ,QAAQ;gBACR,WAAW;gBACX,kCAAkC;gBAClC,+BAA+B;aAChC;YACD,sBAAsB,EAAE;gBACtB,4BAA4B;gBAC5B,oBAAoB;gBACpB,gCAAgC;gBAChC,4BAA4B;gBAC5B,OAAO;aACR;YACD,iBAAiB,EAAE,CAAC,UAAU,EAAE,mBAAmB,EAAE,MAAM,CAAC;YAC5D,KAAK,EAAE,CAAC,MAAM,EAAE,IAAI,EAAE,OAAO,EAAE,MAAM,EAAE,iBAAiB,EAAE,aAAa,CAAC;SACzE;QACD,OAAO,EAAE;YACP,QAAQ;YACR,yBAAyB;YACzB,gBAAgB;YAChB,QAAQ;YACR,oBAAoB;SACrB;KACF;CACF,CAAC,CAAA;AAEF,MAAM,CAAC,MAAM,eAAe,GAAG,CAAC,EAAE,eAAe,EAA+B,EAAE,EAAE;IAClF,MAAM,IAAI,GAAG,0BAA0B,CAAC,EAAE,eAAe,EAAE,CAAC,CAAA;IAE5D,OAAO,cAAc,CAAuB,IAAI,CAAC,CAAA;AACnD,CAAC,CAAA;AAED,MAAM,CAAC,MAAM,mBAAmB,GAAG,CAAC,EAAE,eAAe,EAA+B,EAAE,EAAE;IACtF,MAAM,SAAS,GAAG,YAAY,EAAE,CAAA;IAChC,MAAM,WAAW,GAAG,cAAc,EAAE,CAAA;IACpC,MAAM,WAAW,GAAG,0BAA0B,CAAC,EAAE,eAAe,EAAE,CAAC,CAAA;IACnE,MAAM,QAAQ,GAAG,kBAAkB,CAAC,WAAW,CAAC,CAAA;IAChD,MAAM,EAAE,IAAI,EAAE,YAAY,EAAE,GAAG,eAAe,CAAC,EAAE,eAAe,EAAE,CAAC,CAAA;IACnE,MAAM,CAAC,KAAK,EAAE,QAAQ,CAAC,GAAG,QAAQ,CAAU,YAAY,CAAC,KAAK,CAAC,CAAA;IAE/D,MAAM,EAAE,MAAM,EAAE,QAAQ,EAAE,GAAG,QAAQ,EAAE,GAAG,WAAW,CAAC;QACpD,QAAQ,EAAE,KAAK,EAAE,KAAc,EAAE,EAAE;YACjC,OAAO,WAAW,CAAC,YAAY,CAAoC,QAAQ,EAAE,IAAI,CAAC,EAAE;gBAClF,IAAI,CAAC,IAAI,EAAE,IAAI;oBAAE,OAAO,IAAI,CAAA;gBAC5B,QAAQ,CAAC,KAAK,CAAC,CAAA;gBACf,IAAI,CAAC,IAAI,CAAC,KAAK,GAAG,KAAK,CAAA;gBACvB,IAAI,IAAI,CAAC,IAAI,CAAC,sBAAsB,EAAE,CAAC;oBACrC,IAAI,CAAC,IAAI,CAAC,sBAAsB,CAAC,KAAK,GAAG,KAAK,CAAA;gBAChD,CAAC;gBAED,OAAO,IAAI,CAAA;YACb,CAAC,CAAC,CAAA;QACJ,CAAC;QACD,WAAW,EAAE,CAAC,kBAAkB,CAAC;QACjC,UAAU,EAAE,KAAK,EAAE,KAAc,EAAE,EAAE;YACnC,MAAM,MAAM,GAAG,KAAK,CAAC,CAAC,CAAC,MAAM,CAAC,CAAC,CAAC,QAAQ,CAAA;YAExC,OAAO,SAAS,CAAC,IAAI,CAAC,IAAI,CAAoC;gBAC5D,GAAG,EAAE,qBAAqB,eAAe,IAAI,MAAM,EAAE;gBACrD,IAAI,EAAE,EAAE,IAAI,EAAE,EAAE,IAAI,EAAE,EAAE,EAAE,UAAU,EAAE,EAAE,EAAE,EAAE,MAAM,EAAE,EAAE,YAAY,EAAE,OAAO,EAAE,EAAE;aAChF,CAAC,CAAA;QACJ,CAAC;QACD,SAAS,EAAE,CAAC,QAA2C,EAAE,EAAE;YACzD,WAAW,CAAC,iBAAiB,CAAC,EAAE,QAAQ,EAAE,CAAC,mBAAmB,CAAC,EAAE,CAAC,CAAA;YAClE,WAAW,CAAC,YAAY,CAAoC,QAAQ,EAAE,IAAI,CAAC,EAAE;gBAC3E,IAAI,CAAC,IAAI,EAAE,IAAI;oBAAE,OAAO,IAAI,CAAA;gBAE5B,kEAAkE;gBAClE,+CAA+C;gBAC/C,IAAI,CAAC,IAAI,CAAC,KAAK,GAAG,QAAQ,CAAC,IAAI,CAAC,KAAK,CAAA;gBACrC,IAAI,IAAI,CAAC,IAAI,CAAC,sBAAsB,EAAE,CAAC;oBACrC,IAAI,CAAC,IAAI,CAAC,sBAAsB,CAAC,KAAK,GAAG,QAAQ,CAAC,IAAI,CAAC,KAAK,CAAA;gBAC9D,CAAC;gBACD,QAAQ,CAAC,QAAQ,CAAC,IAAI,CAAC,KAAK,CAAC,CAAA;gBAE7B,OAAO,IAAI,CAAA;YACb,CAAC,CAAC,CAAA;QACJ,CAAC;KACF,CAAC,CAAA;IAEF,OAAO,EAAE,KAAK,EAAE,KAAK,EAAE,QAAQ,EAAE,GAAG,QAAQ,EAAE,CAAA;AAChD,CAAC,CAAA;AAED,MAAM,CAAC,MAAM,qBAAqB,GAAG,CAAC,EAAE,eAAe,EAA+B,EAAE,EAAE;IACxF,MAAM,SAAS,GAAG,YAAY,EAAE,CAAA;IAChC,MAAM,WAAW,GAAG,cAAc,EAAE,CAAA;IACpC,MAAM,WAAW,GAAG,0BAA0B,CAAC,EAAE,eAAe,EAAE,CAAC,CAAA;IACnE,MAAM,QAAQ,GAAG,kBAAkB,CAAC,WAAW,CAAC,CAAA;IAEhD,OAAO,WAAW,CAAC;QACjB,QAAQ,EAAE,KAAK,EAAE,MAAqC,EAAE,EAAE;YACxD,WAAW,CAAC,YAAY,CAAoC,QAAQ,EAAE,IAAI,CAAC,EAAE;gBAC3E,IAAI,IAAI,EAAE,IAAI,EAAE,CAAC;oBACf,IAAI,CAAC,IAAI,GAAG;wBACV,GAAG,IAAI,CAAC,IAAI;wBACZ,GAAG,MAAM;qBACV,CAAA;gBACH,CAAC;gBAED,OAAO,IAAI,CAAA;YACb,CAAC,CAAC,CAAA;QACJ,CAAC;QACD,WAAW,EAAE,CAAC,oBAAoB,CAAC;QACnC,UAAU,EAAE,KAAK,EAAE,MAAqC,EAAE,EAAE;YAC1D,MAAM,QAAQ,GAAG,kBAAkB,CAAC,WAAW,CAAC,CAAC,IAAI,CAAA;YACrD,OAAO,SAAS,CAAC,IAAI,CAAC,KAAK,CAAoC;gBAC7D,GAAG,EAAE,qBAAqB,eAAe,GAAG;gBAC5C,IAAI,EAAE,EAAE,IAAI,EAAE,EAAE,IAAI,EAAE,EAAE,EAAE,UAAU,EAAE,MAAM,EAAE,EAAE,GAAG,QAAQ,EAAE;aAC9D,CAAC,CAAA;QACJ,CAAC;QACD,SAAS,EAAE,QAAQ,CAAC,EAAE;YACpB,WAAW,CAAC,YAAY,CAAoC,QAAQ,EAAE,GAAG,EAAE,CAAC,QAAQ,CAAC,CAAA;QACvF,CAAC;KACF,CAAC,CAAA;AACJ,CAAC,CAAA;AAED,MAAM,CAAC,MAAM,qBAAqB,GAAG,CAAC,EAAE,eAAe,EAA+B,EAAE,EAAE;IACxF,MAAM,SAAS,GAAG,YAAY,EAAE,CAAA;IAChC,MAAM,WAAW,GAAG,cAAc,EAAE,CAAA;IACpC,MAAM,EAAE,GAAG,EAAE,GAAG,2BAA2B,EAAE,CAAA;IAE7C,OAAO,WAAW,CAAC;QACjB,WAAW,EAAE,CAAC,oBAAoB,CAAC;QACnC,UAAU,EAAE,KAAK,IAAI,EAAE;YACrB,OAAO,SAAS,CAAC,IAAI,CAAC,MAAM,CAAC;gBAC3B,GAAG,EAAE,qBAAqB,eAAe,EAAE;aAC5C,CAAC,CAAA;QACJ,CAAC;QACD,SAAS,EAAE,GAAG,EAAE;YACd,WAAW,CAAC,iBAAiB,CAAC,EAAE,QAAQ,EAAE,CAAC,GAAG,CAAC,EAAE,CAAC,CAAA;YAClD,MAAM,CAAC,mBAAmB,EAAE,CAAA;QAC9B,CAAC;KACF,CAAC,CAAA;AACJ,CAAC,CAAA;AAED,MAAM,CAAC,MAAM,6BAA6B,GAAG,CAAC,EAAE,eAAe,EAA+B,EAAE,EAAE;IAChG,MAAM,SAAS,GAAG,YAAY,EAAE,CAAA;IAChC,MAAM,WAAW,GAAG,cAAc,EAAE,CAAA;IACpC,MAAM,WAAW,GAAG,0BAA0B,CAAC,EAAE,eAAe,EAAE,CAAC,CAAA;IACnE,MAAM,QAAQ,GAAG,kBAAkB,CAAC,WAAW,CAAC,CAAA;IAChD,MAAM,EAAE,IAAI,EAAE,YAAY,EAAE,GAAG,eAAe,CAAC,EAAE,eAAe,EAAE,CAAC,CAAA;IACnE,MAAM,CAAC,KAAK,EAAE,QAAQ,CAAC,GAAG,QAAQ,CAAU,YAAY,CAAC,eAAe,CAAC,CAAA;IAEzE,MAAM,EAAE,MAAM,EAAE,kBAAkB,EAAE,GAAG,QAAQ,EAAE,GAAG,WAAW,CAAC;QAC9D,QAAQ,EAAE,KAAK,EAAE,eAAwB,EAAE,EAAE;YAC3C,OAAO,WAAW,CAAC,YAAY,CAAoC,QAAQ,EAAE,IAAI,CAAC,EAAE;gBAClF,IAAI,CAAC,IAAI,EAAE,IAAI;oBAAE,OAAO,IAAI,CAAA;gBAC5B,QAAQ,CAAC,eAAe,CAAC,CAAA;gBACzB,IAAI,CAAC,IAAI,CAAC,eAAe,GAAG,eAAe,CAAA;gBAE3C,OAAO,IAAI,CAAA;YACb,CAAC,CAAC,CAAA;QACJ,CAAC;QACD,WAAW,EAAE,CAAC,4BAA4B,CAAC;QAC3C,UAAU,EAAE,KAAK,EAAE,eAAwB,EAAE,EAAE;YAC7C,OAAO,SAAS,CAAC,IAAI,CAAC,KAAK,CAAoC;gBAC7D,GAAG,EAAE,qBAAqB,eAAe,EAAE;gBAC3C,IAAI,EAAE;oBACJ,IAAI,EAAE;wBACJ,IAAI,EAAE,cAAc;wBACpB,UAAU,EAAE;4BACV,gBAAgB,EAAE,eAAe;yBAClC;qBACF;iBACF;aACF,CAAC,CAAA;QACJ,CAAC;QACD,SAAS,EAAE,CAAC,QAA2C,EAAE,EAAE;YACzD,WAAW,CAAC,YAAY,CAAoC,QAAQ,EAAE,IAAI,CAAC,EAAE;gBAC3E,IAAI,CAAC,IAAI,EAAE,IAAI;oBAAE,OAAO,IAAI,CAAA;gBAE5B,IAAI,CAAC,IAAI,CAAC,eAAe,GAAG,QAAQ,CAAC,IAAI,CAAC,eAAe,CAAA;gBACzD,QAAQ,CAAC,QAAQ,CAAC,IAAI,CAAC,eAAe,CAAC,CAAA;gBAEvC,OAAO,IAAI,CAAA;YACb,CAAC,CAAC,CAAA;QACJ,CAAC;KACF,CAAC,CAAA;IAEF,OAAO,EAAE,eAAe,EAAE,KAAK,EAAE,kBAAkB,EAAE,GAAG,QAAQ,EAAE,CAAA;AACpE,CAAC,CAAA","sourcesContent":["import { useMutation, useQueryClient } from '@tanstack/react-query'\nimport { useState } from 'react'\nimport { ApiResource, ConversationResource } from '../types'\nimport { transformGetToPost } from '../utils/client/request_helpers'\nimport { Haptic } from '../utils/native_adapters'\nimport { getConversationsRequestArgs } from '../utils/request/conversation'\nimport { useApiClient } from './use_api_client'\nimport { getRequestQueryKey, useSuspenseGet } from './use_suspense_api'\n\nexport const getConversationRequestArgs = ({ conversation_id }: { conversation_id: number }) => ({\n  url: `/me/conversations/${conversation_id}`,\n  data: {\n    fields: {\n      Conversation: [\n        'analytics_metadata',\n        'created_at',\n        'badges',\n        'conversation_membership',\n        'conversation_preview',\n        'gender_option',\n        'groups',\n        'last_message_author_id',\n        'last_message_author_name',\n        'last_message_created_at',\n        'last_message_text_preview',\n        'latest_read_message_sort_key',\n        'preview_avatar_urls',\n        'custom_avatar_type',\n        'custom_avatar_key',\n        'custom_avatar_color',\n        'custom_avatar_image_url',\n        'direct_message',\n        'disabled',\n        'disabled_reason',\n        'member_ability',\n        'muted',\n        'replies_disabled',\n        'title',\n        'unread_count',\n        'unread_reaction',\n        'updated_at',\n      ],\n      AnalyticsMetadata: ['metadata'],\n      MemberAbility: [\n        'can_update',\n        'can_delete',\n        'leader',\n        'can_reply',\n        'can_delete_non_authored_messages',\n        'can_message_available_members',\n      ],\n      ConversationMembership: [\n        'last_read_message_sort_key',\n        'notification_level',\n        'notification_level_description',\n        'notification_level_options',\n        'muted',\n      ],\n      ConversationBadge: ['app_name', 'pco_resource_type', 'text'],\n      Group: ['type', 'id', 'links', 'name', 'source_app_name', 'source_type'],\n    },\n    include: [\n      'badges',\n      'conversation_membership',\n      'member_ability',\n      'groups',\n      'analytics_metadata',\n    ],\n  },\n})\n\nexport const useConversation = ({ conversation_id }: { conversation_id: number }) => {\n  const args = getConversationRequestArgs({ conversation_id })\n\n  return useSuspenseGet<ConversationResource>(args)\n}\n\nexport const useConversationMute = ({ conversation_id }: { conversation_id: number }) => {\n  const apiClient = useApiClient()\n  const queryClient = useQueryClient()\n  const requestArgs = getConversationRequestArgs({ conversation_id })\n  const queryKey = getRequestQueryKey(requestArgs)\n  const { data: conversation } = useConversation({ conversation_id })\n  const [value, setValue] = useState<boolean>(conversation.muted)\n\n  const { mutate: setMuted, ...mutation } = useMutation({\n    onMutate: async (muted: boolean) => {\n      return queryClient.setQueryData<ApiResource<ConversationResource>>(queryKey, prev => {\n        if (!prev?.data) return prev\n        setValue(muted)\n        prev.data.muted = muted\n        if (prev.data.conversationMembership) {\n          prev.data.conversationMembership.muted = muted\n        }\n\n        return prev\n      })\n    },\n    mutationKey: ['muteConversation'],\n    mutationFn: async (muted: boolean) => {\n      const action = muted ? 'mute' : 'unmute'\n\n      return apiClient.chat.post<ApiResource<ConversationResource>>({\n        url: `/me/conversations/${conversation_id}/${action}`,\n        data: { data: { type: '', attributes: {} }, fields: { Conversation: 'muted' } },\n      })\n    },\n    onSuccess: (response: ApiResource<ConversationResource>) => {\n      queryClient.invalidateQueries({ queryKey: ['/me/conversations'] })\n      queryClient.setQueryData<ApiResource<ConversationResource>>(queryKey, prev => {\n        if (!prev?.data) return prev\n\n        // Posting to the mute action endpoint can't return all the fields\n        // so we need to set only the fields we require\n        prev.data.muted = response.data.muted\n        if (prev.data.conversationMembership) {\n          prev.data.conversationMembership.muted = response.data.muted\n        }\n        setValue(response.data.muted)\n\n        return prev\n      })\n    },\n  })\n\n  return { muted: value, setMuted, ...mutation }\n}\n\nexport const useConversationUpdate = ({ conversation_id }: { conversation_id: number }) => {\n  const apiClient = useApiClient()\n  const queryClient = useQueryClient()\n  const requestArgs = getConversationRequestArgs({ conversation_id })\n  const queryKey = getRequestQueryKey(requestArgs)\n\n  return useMutation({\n    onMutate: async (update: Partial<ConversationResource>) => {\n      queryClient.setQueryData<ApiResource<ConversationResource>>(queryKey, prev => {\n        if (prev?.data) {\n          prev.data = {\n            ...prev.data,\n            ...update,\n          }\n        }\n\n        return prev\n      })\n    },\n    mutationKey: ['mutateConversation'],\n    mutationFn: async (update: Partial<ConversationResource>) => {\n      const postArgs = transformGetToPost(requestArgs).data\n      return apiClient.chat.patch<ApiResource<ConversationResource>>({\n        url: `/me/conversations/${conversation_id}/`,\n        data: { data: { type: '', attributes: update }, ...postArgs },\n      })\n    },\n    onSuccess: response => {\n      queryClient.setQueryData<ApiResource<ConversationResource>>(queryKey, () => response)\n    },\n  })\n}\n\nexport const useConversationDelete = ({ conversation_id }: { conversation_id: number }) => {\n  const apiClient = useApiClient()\n  const queryClient = useQueryClient()\n  const { url } = getConversationsRequestArgs()\n\n  return useMutation({\n    mutationKey: ['deleteConversation'],\n    mutationFn: async () => {\n      return apiClient.chat.delete({\n        url: `/me/conversations/${conversation_id}`,\n      })\n    },\n    onSuccess: () => {\n      queryClient.invalidateQueries({ queryKey: [url] })\n      Haptic.notificationSuccess()\n    },\n  })\n}\n\nexport const useConversationDisableReplies = ({ conversation_id }: { conversation_id: number }) => {\n  const apiClient = useApiClient()\n  const queryClient = useQueryClient()\n  const requestArgs = getConversationRequestArgs({ conversation_id })\n  const queryKey = getRequestQueryKey(requestArgs)\n  const { data: conversation } = useConversation({ conversation_id })\n  const [value, setValue] = useState<boolean>(conversation.repliesDisabled)\n\n  const { mutate: setRepliesDisabled, ...mutation } = useMutation({\n    onMutate: async (repliesDisabled: boolean) => {\n      return queryClient.setQueryData<ApiResource<ConversationResource>>(queryKey, prev => {\n        if (!prev?.data) return prev\n        setValue(repliesDisabled)\n        prev.data.repliesDisabled = repliesDisabled\n\n        return prev\n      })\n    },\n    mutationKey: ['disableRepliesConversation'],\n    mutationFn: async (repliesDisabled: boolean) => {\n      return apiClient.chat.patch<ApiResource<ConversationResource>>({\n        url: `/me/conversations/${conversation_id}`,\n        data: {\n          data: {\n            type: 'Conversation',\n            attributes: {\n              replies_disabled: repliesDisabled,\n            },\n          },\n        },\n      })\n    },\n    onSuccess: (response: ApiResource<ConversationResource>) => {\n      queryClient.setQueryData<ApiResource<ConversationResource>>(queryKey, prev => {\n        if (!prev?.data) return prev\n\n        prev.data.repliesDisabled = response.data.repliesDisabled\n        setValue(response.data.repliesDisabled)\n\n        return prev\n      })\n    },\n  })\n\n  return { repliesDisabled: value, setRepliesDisabled, ...mutation }\n}\n"]}

package/build/hooks/use_conversation_jolt_events.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"use_conversation_jolt_events.d.ts","sourceRoot":"","sources":["../../src/hooks/use_conversation_jolt_events.ts"],"names":[],"mappings":"AAWA,UAAU,KAAK;IACb,cAAc,EAAE,MAAM,CAAA;CACvB;AAED,wBAAgB,yBAAyB,CAAC,EAAE,cAAc,EAAE,EAAE,KAAK,QAuGlE"}
+{"version":3,"file":"use_conversation_jolt_events.d.ts","sourceRoot":"","sources":["../../src/hooks/use_conversation_jolt_events.ts"],"names":[],"mappings":"AAWA,UAAU,KAAK;IACb,cAAc,EAAE,MAAM,CAAA;CACvB;AAED,wBAAgB,yBAAyB,CAAC,EAAE,cAAc,EAAE,EAAE,KAAK,QA0FlE"}

package/build/hooks/use_conversation_jolt_events.js

@@ -14,7 +14,7 @@ export function useConversationJoltEvents({ conversationId }) {
     const apiClient = useApiClient();
     const queryKey = useMemo(() => getRequestQueryKey(getConversationRequestArgs({ conversation_id: conversationId })), [conversationId]);
     const handleUpdatedConversation = useCallback((e) => {
-        const { last_message_idempotent_key, last_message_author_id, disabled, disabled_reason, disabled_message, } = e.data.data;
+        const { last_message_idempotent_key, last_message_author_id, disabled, disabled_reason } = e.data.data;
         if (last_message_idempotent_key && last_message_author_id === currentPersonId) {
             completeMessageCreationConversationTracking({
                 apiClient,
@@ -24,15 +24,7 @@ export function useConversationJoltEvents({ conversationId }) {
         queryClient.setQueryData(queryKey, prev => {
             if (!prev?.data)
                 return prev;
-            return {
-                ...prev,
-                data: {
-                    ...prev.data,
-                    disabled,
-                    disabledReason: disabled_reason,
-                    disabledMessage: disabled_message,
-                },
-            };
+            return { ...prev, data: { ...prev.data, disabled, disabledReason: disabled_reason } };
         });
         queryClient.invalidateQueries({ queryKey });
     }, [queryClient, queryKey, currentPersonId, apiClient]);