@planningcenter/chat-react-native 4.4.1-qa-staging.25 → 4.4.1-qa-staging.27

package/build/utils/native_adapters/menu.d.ts

@@ -32,8 +32,7 @@ export interface MenuViewProps {
 }
 export type MenuView = React.ComponentType<MenuViewProps>;
 export declare class MenuAdapter {
-    View: MenuView;
-    isConfigured: boolean;
+    View?: MenuView;
     constructor(methods?: {
         View: MenuView;
     });

package/build/utils/native_adapters/menu.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"menu.d.ts","sourceRoot":"","sources":["../../../src/utils/native_adapters/menu.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAoB,MAAM,OAAO,CAAA;AACxC,OAAO,EAAE,SAAS,EAAQ,SAAS,EAAE,MAAM,cAAc,CAAA;AASzD,MAAM,MAAM,eAAe,GAAG,IAAI,GAAG,KAAK,CAAA;AAE1C,MAAM,WAAW,oBAAoB;IACnC,WAAW,CAAC,EAAE,OAAO,CAAA;IACrB,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB,MAAM,CAAC,EAAE,OAAO,CAAA;CACjB;AAED,MAAM,WAAW,UAAU;IACzB,EAAE,CAAC,EAAE,MAAM,CAAA;IACX,KAAK,EAAE,MAAM,CAAA;IACb,KAAK,CAAC,EAAE,eAAe,CAAA;IACvB,UAAU,CAAC,EAAE,oBAAoB,CAAA;IACjC,UAAU,CAAC,EAAE,UAAU,EAAE,CAAA;IACzB,aAAa,CAAC,EAAE,OAAO,CAAA;CACxB;AAED,MAAM,WAAW,eAAe;IAC9B,WAAW,EAAE;QAAE,KAAK,EAAE,MAAM,CAAA;KAAE,CAAA;CAC/B;AAED,MAAM,WAAW,aAAa;IAC5B,OAAO,EAAE,UAAU,EAAE,CAAA;IACrB,aAAa,CAAC,EAAE,CAAC,KAAK,EAAE,eAAe,KAAK,IAAI,CAAA;IAChD,UAAU,CAAC,EAAE,MAAM,IAAI,CAAA;IACvB,WAAW,CAAC,EAAE,MAAM,IAAI,CAAA;IACxB,qBAAqB,CAAC,EAAE,OAAO,CAAA;IAC/B,KAAK,CAAC,EAAE,MAAM,CAAA;IACd,KAAK,CAAC,EAAE,SAAS,CAAC,SAAS,CAAC,CAAA;IAC5B,MAAM,CAAC,EAAE,MAAM,CAAA;IACf,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAA;CAC3B;AAED,MAAM,MAAM,QAAQ,GAAG,KAAK,CAAC,aAAa,CAAC,aAAa,CAAC,CAAA;AAkBzD,qBAAa,WAAW;IACtB,IAAI,EAAE,QAAQ,CAAA;IACd,YAAY,EAAE,OAAO,CAAA;gBAET,OAAO,CAAC,EAAE;QAAE,IAAI,EAAE,QAAQ,CAAA;KAAE;CAIzC"}
+{"version":3,"file":"menu.d.ts","sourceRoot":"","sources":["../../../src/utils/native_adapters/menu.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAA;AACzB,OAAO,EAAE,SAAS,EAAE,SAAS,EAAE,MAAM,cAAc,CAAA;AASnD,MAAM,MAAM,eAAe,GAAG,IAAI,GAAG,KAAK,CAAA;AAE1C,MAAM,WAAW,oBAAoB;IACnC,WAAW,CAAC,EAAE,OAAO,CAAA;IACrB,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB,MAAM,CAAC,EAAE,OAAO,CAAA;CACjB;AAED,MAAM,WAAW,UAAU;IACzB,EAAE,CAAC,EAAE,MAAM,CAAA;IACX,KAAK,EAAE,MAAM,CAAA;IACb,KAAK,CAAC,EAAE,eAAe,CAAA;IACvB,UAAU,CAAC,EAAE,oBAAoB,CAAA;IACjC,UAAU,CAAC,EAAE,UAAU,EAAE,CAAA;IACzB,aAAa,CAAC,EAAE,OAAO,CAAA;CACxB;AAED,MAAM,WAAW,eAAe;IAC9B,WAAW,EAAE;QAAE,KAAK,EAAE,MAAM,CAAA;KAAE,CAAA;CAC/B;AAED,MAAM,WAAW,aAAa;IAC5B,OAAO,EAAE,UAAU,EAAE,CAAA;IACrB,aAAa,CAAC,EAAE,CAAC,KAAK,EAAE,eAAe,KAAK,IAAI,CAAA;IAChD,UAAU,CAAC,EAAE,MAAM,IAAI,CAAA;IACvB,WAAW,CAAC,EAAE,MAAM,IAAI,CAAA;IACxB,qBAAqB,CAAC,EAAE,OAAO,CAAA;IAC/B,KAAK,CAAC,EAAE,MAAM,CAAA;IACd,KAAK,CAAC,EAAE,SAAS,CAAC,SAAS,CAAC,CAAA;IAC5B,MAAM,CAAC,EAAE,MAAM,CAAA;IACf,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAA;CAC3B;AAED,MAAM,MAAM,QAAQ,GAAG,KAAK,CAAC,aAAa,CAAC,aAAa,CAAC,CAAA;AAMzD,qBAAa,WAAW;IACtB,IAAI,CAAC,EAAE,QAAQ,CAAA;gBAEH,OAAO,CAAC,EAAE;QAAE,IAAI,EAAE,QAAQ,CAAA;KAAE;CAGzC"}

package/build/utils/native_adapters/menu.js

@@ -1,56 +1,17 @@
-import { c as _c } from "react/compiler-runtime";
-import React, { useEffect } from 'react';
-import { View } from 'react-native';
-
 // =================================
 // ====== Types ====================
 // =================================
 
 // Mirrors the props shared by `@expo/ui/community/menu` and
 // `@react-native-menu/menu`, so a host can pass either `MenuView` straight in.
-import { jsx as _jsx } from "react/jsx-runtime";
+
 // =================================
 // ====== Adapter ==================
 // =================================
 
-function UnconfiguredMenuView(t0) {
-  const $ = _c(5);
-  const {
-    children,
-    style,
-    testID
-  } = t0;
-  let t1;
-  if ($[0] === Symbol.for("react.memo_cache_sentinel")) {
-    t1 = [];
-    $[0] = t1;
-  } else {
-    t1 = $[0];
-  }
-  useEffect(_temp, t1);
-  let t2;
-  if ($[1] !== children || $[2] !== style || $[3] !== testID) {
-    t2 = /*#__PURE__*/_jsx(View, {
-      style: style,
-      testID: testID,
-      children: children
-    });
-    $[1] = children;
-    $[2] = style;
-    $[3] = testID;
-    $[4] = t2;
-  } else {
-    t2 = $[4];
-  }
-  return t2;
-}
-function _temp() {
-  console.warn("ChatAdapters.configure() must include a menu adapter before rendering a menu");
-}
 export class MenuAdapter {
   constructor(methods) {
-    this.View = methods?.View ?? UnconfiguredMenuView;
-    this.isConfigured = !!methods?.View;
+    this.View = methods?.View;
   }
 }
 //# sourceMappingURL=menu.js.map

package/build/utils/native_adapters/menu.js.map

@@ -1 +1 @@
-{"version":3,"file":"menu.js","names":["React","useEffect","View","jsx","_jsx","UnconfiguredMenuView","t0","$","_c","children","style","testID","t1","Symbol","for","_temp","t2","console","warn","MenuAdapter","constructor","methods","isConfigured"],"sources":["../../../src/utils/native_adapters/menu.tsx"],"sourcesContent":["import React, { useEffect } from 'react'\nimport { StyleProp, View, ViewStyle } from 'react-native'\n\n// =================================\n// ====== Types ====================\n// =================================\n\n// Mirrors the props shared by `@expo/ui/community/menu` and\n// `@react-native-menu/menu`, so a host can pass either `MenuView` straight in.\n\nexport type MenuActionState = 'on' | 'off'\n\nexport interface MenuActionAttributes {\n  destructive?: boolean\n  disabled?: boolean\n  hidden?: boolean\n}\n\nexport interface MenuAction {\n  id?: string\n  title: string\n  state?: MenuActionState\n  attributes?: MenuActionAttributes\n  subactions?: MenuAction[]\n  displayInline?: boolean\n}\n\nexport interface MenuActionEvent {\n  nativeEvent: { event: string }\n}\n\nexport interface MenuViewProps {\n  actions: MenuAction[]\n  onPressAction?: (event: MenuActionEvent) => void\n  onOpenMenu?: () => void\n  onCloseMenu?: () => void\n  shouldOpenOnLongPress?: boolean\n  title?: string\n  style?: StyleProp<ViewStyle>\n  testID?: string\n  children?: React.ReactNode\n}\n\nexport type MenuView = React.ComponentType<MenuViewProps>\n\n// =================================\n// ====== Adapter ==================\n// =================================\n\nfunction UnconfiguredMenuView({ children, style, testID }: MenuViewProps) {\n  useEffect(() => {\n    console.warn('ChatAdapters.configure() must include a menu adapter before rendering a menu')\n  }, [])\n\n  return (\n    <View style={style} testID={testID}>\n      {children}\n    </View>\n  )\n}\n\nexport class MenuAdapter {\n  View: MenuView\n  isConfigured: boolean\n\n  constructor(methods?: { View: MenuView }) {\n    this.View = methods?.View ?? UnconfiguredMenuView\n    this.isConfigured = !!methods?.View\n  }\n}\n"],"mappings":";AAAA,OAAOA,KAAK,IAAIC,SAAS,QAAQ,OAAO;AACxC,SAAoBC,IAAI,QAAmB,cAAc;;AAEzD;AACA;AACA;;AAEA;AACA;AAAA,SAAAC,GAAA,IAAAC,IAAA;AAqCA;AACA;AACA;;AAEA,SAAAC,qBAAAC,EAAA;EAAA,MAAAC,CAAA,GAAAC,EAAA;EAA8B;IAAAC,QAAA;IAAAC,KAAA;IAAAC;EAAA,IAAAL,EAA0C;EAAA,IAAAM,EAAA;EAAA,IAAAL,CAAA,QAAAM,MAAA,CAAAC,GAAA;IAGnEF,EAAA,KAAE;IAAAL,CAAA,MAAAK,EAAA;EAAA;IAAAA,EAAA,GAAAL,CAAA;EAAA;EAFLN,SAAS,CAACc,KAET,EAAEH,EAAE,CAAC;EAAA,IAAAI,EAAA;EAAA,IAAAT,CAAA,QAAAE,QAAA,IAAAF,CAAA,QAAAG,KAAA,IAAAH,CAAA,QAAAI,MAAA;IAGJK,EAAA,gBAAAZ,IAAA,CAACF,IAAI;MAAQQ,KAAK,EAALA,KAAK;MAAUC,MAAM,EAANA,MAAM;MAAAF,QAAA,EAC/BA;IAAQ,CACL,CAAC;IAAAF,CAAA,MAAAE,QAAA;IAAAF,CAAA,MAAAG,KAAA;IAAAH,CAAA,MAAAI,MAAA;IAAAJ,CAAA,MAAAS,EAAA;EAAA;IAAAA,EAAA,GAAAT,CAAA;EAAA;EAAA,OAFPS,EAEO;AAAA;AARX,SAAAD,MAAA;EAEIE,OAAO,CAAAC,IAAK,CAAC,8EAA8E,CAAC;AAAA;AAUhG,OAAO,MAAMC,WAAW,CAAC;EAIvBC,WAAWA,CAACC,OAA4B,EAAE;IACxC,IAAI,CAACnB,IAAI,GAAGmB,OAAO,EAAEnB,IAAI,IAAIG,oBAAoB;IACjD,IAAI,CAACiB,YAAY,GAAG,CAAC,CAACD,OAAO,EAAEnB,IAAI;EACrC;AACF","ignoreList":[]}
+{"version":3,"file":"menu.js","names":["MenuAdapter","constructor","methods","View"],"sources":["../../../src/utils/native_adapters/menu.tsx"],"sourcesContent":["import React from 'react'\nimport { StyleProp, ViewStyle } from 'react-native'\n\n// =================================\n// ====== Types ====================\n// =================================\n\n// Mirrors the props shared by `@expo/ui/community/menu` and\n// `@react-native-menu/menu`, so a host can pass either `MenuView` straight in.\n\nexport type MenuActionState = 'on' | 'off'\n\nexport interface MenuActionAttributes {\n  destructive?: boolean\n  disabled?: boolean\n  hidden?: boolean\n}\n\nexport interface MenuAction {\n  id?: string\n  title: string\n  state?: MenuActionState\n  attributes?: MenuActionAttributes\n  subactions?: MenuAction[]\n  displayInline?: boolean\n}\n\nexport interface MenuActionEvent {\n  nativeEvent: { event: string }\n}\n\nexport interface MenuViewProps {\n  actions: MenuAction[]\n  onPressAction?: (event: MenuActionEvent) => void\n  onOpenMenu?: () => void\n  onCloseMenu?: () => void\n  shouldOpenOnLongPress?: boolean\n  title?: string\n  style?: StyleProp<ViewStyle>\n  testID?: string\n  children?: React.ReactNode\n}\n\nexport type MenuView = React.ComponentType<MenuViewProps>\n\n// =================================\n// ====== Adapter ==================\n// =================================\n\nexport class MenuAdapter {\n  View?: MenuView\n\n  constructor(methods?: { View: MenuView }) {\n    this.View = methods?.View\n  }\n}\n"],"mappings":"AAGA;AACA;AACA;;AAEA;AACA;;AAqCA;AACA;AACA;;AAEA,OAAO,MAAMA,WAAW,CAAC;EAGvBC,WAAWA,CAACC,OAA4B,EAAE;IACxC,IAAI,CAACC,IAAI,GAAGD,OAAO,EAAEC,IAAI;EAC3B;AACF","ignoreList":[]}

package/build/utils/request/conversation.d.ts

@@ -6,6 +6,7 @@ export interface ConversationRequestArgs {
     group_source_app_name?: string;
     show_direct_messages?: boolean;
     show_archived?: boolean;
+    show_unread?: boolean;
 }
-export declare const getConversationsRequestArgs: ({ gids, chat_group_graph_id, group_source_app_name, show_direct_messages, show_archived, }?: Partial<ConversationRequestArgs>) => GetRequest;
+export declare const getConversationsRequestArgs: ({ gids, chat_group_graph_id, group_source_app_name, show_direct_messages, show_archived, show_unread, }?: Partial<ConversationRequestArgs>) => GetRequest;
 //# sourceMappingURL=conversation.d.ts.map

package/build/utils/request/conversation.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"conversation.d.ts","sourceRoot":"","sources":["../../../src/utils/request/conversation.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,EAAE,MAAM,sCAAsC,CAAA;AAC9D,OAAO,EAAE,UAAU,EAAE,MAAM,iBAAiB,CAAA;AAE5C,MAAM,WAAW,uBAAuB;IACtC,IAAI,EAAE,MAAM,CAAA;IACZ,mBAAmB,CAAC,EAAE,OAAO,CAAA;IAC7B,qBAAqB,CAAC,EAAE,MAAM,CAAA;IAC9B,oBAAoB,CAAC,EAAE,OAAO,CAAA;IAC9B,aAAa,CAAC,EAAE,OAAO,CAAA;CACxB;AAED,eAAO,MAAM,2BAA2B,GAAI,6FAMzC,OAAO,CAAC,uBAAuB,CAAM,KAAG,UAuD1C,CAAA"}
+{"version":3,"file":"conversation.d.ts","sourceRoot":"","sources":["../../../src/utils/request/conversation.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,EAAE,MAAM,sCAAsC,CAAA;AAC9D,OAAO,EAAE,UAAU,EAAE,MAAM,iBAAiB,CAAA;AAE5C,MAAM,WAAW,uBAAuB;IACtC,IAAI,EAAE,MAAM,CAAA;IACZ,mBAAmB,CAAC,EAAE,OAAO,CAAA;IAC7B,qBAAqB,CAAC,EAAE,MAAM,CAAA;IAC9B,oBAAoB,CAAC,EAAE,OAAO,CAAA;IAC9B,aAAa,CAAC,EAAE,OAAO,CAAA;IACvB,WAAW,CAAC,EAAE,OAAO,CAAA;CACtB;AAED,eAAO,MAAM,2BAA2B,GAAI,0GAOzC,OAAO,CAAC,uBAAuB,CAAM,KAAG,UAyD1C,CAAA"}

package/build/utils/request/conversation.js

@@ -3,13 +3,16 @@ export const getConversationsRequestArgs = ({
   chat_group_graph_id,
   group_source_app_name,
   show_direct_messages,
-  show_archived
+  show_archived,
+  show_unread
 } = {}) => {
   let filter;
   if (chat_group_graph_id) {
     filter = 'mine_or_not_empty,group';
   } else if (show_archived) {
     filter = 'mine_or_not_empty,archived';
+  } else if (show_unread) {
+    filter = 'mine_or_not_empty,unread';
   } else if (show_direct_messages) {
     filter = 'mine_or_not_empty,direct_message';
   } else if (group_source_app_name) {

package/build/utils/request/conversation.js.map

@@ -1 +1 @@
-{"version":3,"file":"conversation.js","names":["getConversationsRequestArgs","gids","chat_group_graph_id","group_source_app_name","show_direct_messages","show_archived","filter","url","data","perPage","order","group","fields","Conversation","AnalyticsMetadata","ConversationBadge","include"],"sources":["../../../src/utils/request/conversation.ts"],"sourcesContent":["import { GraphId } from '../../types/resources/group_resource'\nimport { GetRequest } from '../client/types'\n\nexport interface ConversationRequestArgs {\n  gids: string\n  chat_group_graph_id?: GraphId\n  group_source_app_name?: string\n  show_direct_messages?: boolean\n  show_archived?: boolean\n}\n\nexport const getConversationsRequestArgs = ({\n  gids,\n  chat_group_graph_id,\n  group_source_app_name,\n  show_direct_messages,\n  show_archived,\n}: Partial<ConversationRequestArgs> = {}): GetRequest => {\n  let filter: string\n  if (chat_group_graph_id) {\n    filter = 'mine_or_not_empty,group'\n  } else if (show_archived) {\n    filter = 'mine_or_not_empty,archived'\n  } else if (show_direct_messages) {\n    filter = 'mine_or_not_empty,direct_message'\n  } else if (group_source_app_name) {\n    filter = 'mine_or_not_empty,group_source_app_name'\n  } else {\n    filter = 'mine_or_not_empty'\n  }\n\n  return {\n    url: '/me/conversations',\n    data: {\n      perPage: 20,\n      order: '-last_message',\n      filter,\n      gids,\n      group: chat_group_graph_id,\n      group_source_app_name,\n      fields: {\n        Conversation: [\n          'created_at',\n          'badges',\n          'conversation_preview',\n          'disabled',\n          'disabled_reason',\n          'disabled_message',\n          'groups',\n          'last_message_author_id',\n          'last_message_author_name',\n          'last_message_created_at',\n          'last_message_text_preview',\n          'preview_avatar_urls',\n          'custom_avatar_type',\n          'custom_avatar_key',\n          'custom_avatar_color',\n          'custom_avatar_image_url',\n          'member_ability',\n          'muted',\n          'replies_disabled',\n          'title',\n          'unread_count',\n          'unread_reaction',\n          'updated_at',\n        ],\n        AnalyticsMetadata: ['metadata'],\n        ConversationBadge: ['app_name', 'pco_resource_type', 'text'],\n      },\n      include: ['badges', 'analytics_metadata'],\n    },\n  }\n}\n"],"mappings":"AAWA,OAAO,MAAMA,2BAA2B,GAAGA,CAAC;EAC1CC,IAAI;EACJC,mBAAmB;EACnBC,qBAAqB;EACrBC,oBAAoB;EACpBC;AACgC,CAAC,GAAG,CAAC,CAAC,KAAiB;EACvD,IAAIC,MAAc;EAClB,IAAIJ,mBAAmB,EAAE;IACvBI,MAAM,GAAG,yBAAyB;EACpC,CAAC,MAAM,IAAID,aAAa,EAAE;IACxBC,MAAM,GAAG,4BAA4B;EACvC,CAAC,MAAM,IAAIF,oBAAoB,EAAE;IAC/BE,MAAM,GAAG,kCAAkC;EAC7C,CAAC,MAAM,IAAIH,qBAAqB,EAAE;IAChCG,MAAM,GAAG,yCAAyC;EACpD,CAAC,MAAM;IACLA,MAAM,GAAG,mBAAmB;EAC9B;EAEA,OAAO;IACLC,GAAG,EAAE,mBAAmB;IACxBC,IAAI,EAAE;MACJC,OAAO,EAAE,EAAE;MACXC,KAAK,EAAE,eAAe;MACtBJ,MAAM;MACNL,IAAI;MACJU,KAAK,EAAET,mBAAmB;MAC1BC,qBAAqB;MACrBS,MAAM,EAAE;QACNC,YAAY,EAAE,CACZ,YAAY,EACZ,QAAQ,EACR,sBAAsB,EACtB,UAAU,EACV,iBAAiB,EACjB,kBAAkB,EAClB,QAAQ,EACR,wBAAwB,EACxB,0BAA0B,EAC1B,yBAAyB,EACzB,2BAA2B,EAC3B,qBAAqB,EACrB,oBAAoB,EACpB,mBAAmB,EACnB,qBAAqB,EACrB,yBAAyB,EACzB,gBAAgB,EAChB,OAAO,EACP,kBAAkB,EAClB,OAAO,EACP,cAAc,EACd,iBAAiB,EACjB,YAAY,CACb;QACDC,iBAAiB,EAAE,CAAC,UAAU,CAAC;QAC/BC,iBAAiB,EAAE,CAAC,UAAU,EAAE,mBAAmB,EAAE,MAAM;MAC7D,CAAC;MACDC,OAAO,EAAE,CAAC,QAAQ,EAAE,oBAAoB;IAC1C;EACF,CAAC;AACH,CAAC","ignoreList":[]}
+{"version":3,"file":"conversation.js","names":["getConversationsRequestArgs","gids","chat_group_graph_id","group_source_app_name","show_direct_messages","show_archived","show_unread","filter","url","data","perPage","order","group","fields","Conversation","AnalyticsMetadata","ConversationBadge","include"],"sources":["../../../src/utils/request/conversation.ts"],"sourcesContent":["import { GraphId } from '../../types/resources/group_resource'\nimport { GetRequest } from '../client/types'\n\nexport interface ConversationRequestArgs {\n  gids: string\n  chat_group_graph_id?: GraphId\n  group_source_app_name?: string\n  show_direct_messages?: boolean\n  show_archived?: boolean\n  show_unread?: boolean\n}\n\nexport const getConversationsRequestArgs = ({\n  gids,\n  chat_group_graph_id,\n  group_source_app_name,\n  show_direct_messages,\n  show_archived,\n  show_unread,\n}: Partial<ConversationRequestArgs> = {}): GetRequest => {\n  let filter: string\n  if (chat_group_graph_id) {\n    filter = 'mine_or_not_empty,group'\n  } else if (show_archived) {\n    filter = 'mine_or_not_empty,archived'\n  } else if (show_unread) {\n    filter = 'mine_or_not_empty,unread'\n  } else if (show_direct_messages) {\n    filter = 'mine_or_not_empty,direct_message'\n  } else if (group_source_app_name) {\n    filter = 'mine_or_not_empty,group_source_app_name'\n  } else {\n    filter = 'mine_or_not_empty'\n  }\n\n  return {\n    url: '/me/conversations',\n    data: {\n      perPage: 20,\n      order: '-last_message',\n      filter,\n      gids,\n      group: chat_group_graph_id,\n      group_source_app_name,\n      fields: {\n        Conversation: [\n          'created_at',\n          'badges',\n          'conversation_preview',\n          'disabled',\n          'disabled_reason',\n          'disabled_message',\n          'groups',\n          'last_message_author_id',\n          'last_message_author_name',\n          'last_message_created_at',\n          'last_message_text_preview',\n          'preview_avatar_urls',\n          'custom_avatar_type',\n          'custom_avatar_key',\n          'custom_avatar_color',\n          'custom_avatar_image_url',\n          'member_ability',\n          'muted',\n          'replies_disabled',\n          'title',\n          'unread_count',\n          'unread_reaction',\n          'updated_at',\n        ],\n        AnalyticsMetadata: ['metadata'],\n        ConversationBadge: ['app_name', 'pco_resource_type', 'text'],\n      },\n      include: ['badges', 'analytics_metadata'],\n    },\n  }\n}\n"],"mappings":"AAYA,OAAO,MAAMA,2BAA2B,GAAGA,CAAC;EAC1CC,IAAI;EACJC,mBAAmB;EACnBC,qBAAqB;EACrBC,oBAAoB;EACpBC,aAAa;EACbC;AACgC,CAAC,GAAG,CAAC,CAAC,KAAiB;EACvD,IAAIC,MAAc;EAClB,IAAIL,mBAAmB,EAAE;IACvBK,MAAM,GAAG,yBAAyB;EACpC,CAAC,MAAM,IAAIF,aAAa,EAAE;IACxBE,MAAM,GAAG,4BAA4B;EACvC,CAAC,MAAM,IAAID,WAAW,EAAE;IACtBC,MAAM,GAAG,0BAA0B;EACrC,CAAC,MAAM,IAAIH,oBAAoB,EAAE;IAC/BG,MAAM,GAAG,kCAAkC;EAC7C,CAAC,MAAM,IAAIJ,qBAAqB,EAAE;IAChCI,MAAM,GAAG,yCAAyC;EACpD,CAAC,MAAM;IACLA,MAAM,GAAG,mBAAmB;EAC9B;EAEA,OAAO;IACLC,GAAG,EAAE,mBAAmB;IACxBC,IAAI,EAAE;MACJC,OAAO,EAAE,EAAE;MACXC,KAAK,EAAE,eAAe;MACtBJ,MAAM;MACNN,IAAI;MACJW,KAAK,EAAEV,mBAAmB;MAC1BC,qBAAqB;MACrBU,MAAM,EAAE;QACNC,YAAY,EAAE,CACZ,YAAY,EACZ,QAAQ,EACR,sBAAsB,EACtB,UAAU,EACV,iBAAiB,EACjB,kBAAkB,EAClB,QAAQ,EACR,wBAAwB,EACxB,0BAA0B,EAC1B,yBAAyB,EACzB,2BAA2B,EAC3B,qBAAqB,EACrB,oBAAoB,EACpB,mBAAmB,EACnB,qBAAqB,EACrB,yBAAyB,EACzB,gBAAgB,EAChB,OAAO,EACP,kBAAkB,EAClB,OAAO,EACP,cAAc,EACd,iBAAiB,EACjB,YAAY,CACb;QACDC,iBAAiB,EAAE,CAAC,UAAU,CAAC;QAC/BC,iBAAiB,EAAE,CAAC,UAAU,EAAE,mBAAmB,EAAE,MAAM;MAC7D,CAAC;MACDC,OAAO,EAAE,CAAC,QAAQ,EAAE,oBAAoB;IAC1C;EACF,CAAC;AACH,CAAC","ignoreList":[]}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@planningcenter/chat-react-native",
-  "version": "4.4.1-qa-staging.25",
+  "version": "4.4.1-qa-staging.27",
   "description": "",
   "repository": {
     "type": "git",
@@ -33,7 +33,7 @@
   "dependencies": {
     "@fortawesome/fontawesome-svg-core": "^7.2.0",
     "@fortawesome/react-native-fontawesome": "^0.3.2",
-    "@planningcenter/emoji-keyboard": "4.4.1-qa-staging.25",
+    "@planningcenter/emoji-keyboard": "4.4.1-qa-staging.27",
     "lodash-inflection": "^1.5.0"
   },
   "peerDependencies": {
@@ -84,5 +84,5 @@
     "sf-symbols-typescript": "^2.2.0",
     "typescript": "~6.0.3"
   },
-  "gitHead": "7648dba9a61c653d510be77823f6209cccdd59f5"
+  "gitHead": "692d0f5368988b4d99e2e79c94417a33f8cf8f55"
 }

package/src/components/conversations/__tests__/conversations_blank_state.test.tsx

@@ -41,6 +41,7 @@ describe('ConversationsBlankState', () => {
         group_source_app_name: undefined,
         show_direct_messages: undefined,
         show_archived: undefined,
+        show_unread: undefined,
       })
     })
 

package/src/components/conversations/conversations.tsx

@@ -31,14 +31,24 @@ export const Conversations = ({ ListHeaderComponent }: ConversationsProps) => {
     isRefetching,
     isFetched,
     hasNextPage,
-    args: { chat_group_graph_id, group_source_app_name, show_direct_messages, show_archived },
+    args: {
+      chat_group_graph_id,
+      group_source_app_name,
+      show_direct_messages,
+      show_archived,
+      show_unread,
+    },
   } = useConversationsContext()
   const navigation = useNavigation()
   const canCreateConversations = useCanCreateConversations()
   const clearFilters = useClearConversationFilters()
   const filterDropdownEnabled = useFilterDropdownEnabled()
   const isFilterApplied =
-    !!chat_group_graph_id || !!group_source_app_name || !!show_direct_messages || !!show_archived
+    !!chat_group_graph_id ||
+    !!group_source_app_name ||
+    !!show_direct_messages ||
+    !!show_archived ||
+    !!show_unread
   const showArchivedResultsFooter = !!show_archived && !isLoading && !hasNextPage
   const showFilteredResultsFooter =
     filterDropdownEnabled &&

package/src/components/display/__tests__/filter_dropdown.test.tsx

@@ -36,7 +36,7 @@ const FakeMenuView = ({ actions, onPressAction, children }: MenuViewProps) => {
   )
 }
 
-beforeAll(() => {
+const configureAdapters = (menu?: MenuAdapter) => {
   ChatAdapters.configure({
     clipboard: new ClipboardAdapter({
       getStringAsync: async () => '',
@@ -48,8 +48,12 @@ beforeAll(() => {
       openCameraAsync: async () => ({ canceled: true, assets: null }),
       openImageLibraryAsync: async () => ({ canceled: true, assets: null }),
     }),
-    menu: new MenuAdapter({ View: FakeMenuView }),
+    menu,
   })
+}
+
+beforeEach(() => {
+  configureAdapters(new MenuAdapter({ View: FakeMenuView }))
 })
 
 const options = [
@@ -111,4 +115,16 @@ describe('FilterDropdown', () => {
     expect(onMoreFilters).toHaveBeenCalledTimes(1)
     expect(onSelect).not.toHaveBeenCalled()
   })
+
+  it('opens the popover menu when the host configured no menu', () => {
+    configureAdapters()
+    const { onSelect } = renderFilterDropdown()
+
+    expect(screen.queryAllByRole('menuitem')).toHaveLength(0)
+
+    fireEvent.press(screen.getByRole('button', { name: 'Groups' }))
+    fireEvent.press(screen.getByRole('menuitem', { name: 'Teams' }))
+
+    expect(onSelect).toHaveBeenCalledWith('teams')
+  })
 })

package/src/components/display/__tests__/popover_menu_view.test.tsx

@@ -0,0 +1,63 @@
+import { fireEvent, render, screen } from '@testing-library/react-native'
+import React from 'react'
+import { Text } from 'react-native'
+import { MenuAction } from '../../../utils/native_adapters'
+import { PopoverMenuView } from '../popover_menu_view'
+
+const actions: MenuAction[] = [
+  { id: 'all', title: 'All' },
+  { id: 'groups', title: 'Groups', state: 'on' },
+  { id: 'secret', title: 'Secret', attributes: { hidden: true } },
+  {
+    id: 'more',
+    title: '',
+    displayInline: true,
+    subactions: [{ id: 'more_filters', title: 'More filters' }],
+  },
+]
+
+const renderMenu = () => {
+  const onPressAction = jest.fn()
+
+  render(
+    <PopoverMenuView actions={actions} onPressAction={onPressAction}>
+      <Text>Trigger</Text>
+    </PopoverMenuView>
+  )
+
+  fireEvent.press(screen.getByText('Trigger'))
+
+  return { onPressAction }
+}
+
+describe('PopoverMenuView', () => {
+  it('opens with a row per visible action, inline sections flattened, the on action checked', () => {
+    renderMenu()
+
+    expect(screen.getAllByRole('menuitem').map(item => item.props.accessibilityState)).toEqual([
+      { selected: false, disabled: false },
+      { selected: true, disabled: false },
+      { selected: false, disabled: false },
+    ])
+    expect(screen.getByRole('menuitem', { name: 'More filters' })).toBeTruthy()
+    expect(screen.queryByRole('menuitem', { name: 'Secret' })).toBeNull()
+  })
+
+  it('reports the pressed action by id and closes', () => {
+    const { onPressAction } = renderMenu()
+
+    fireEvent.press(screen.getByRole('menuitem', { name: 'More filters' }))
+
+    expect(onPressAction).toHaveBeenCalledWith({ nativeEvent: { event: 'more_filters' } })
+    expect(screen.queryAllByRole('menuitem')).toHaveLength(0)
+  })
+
+  it('closes without an action when the scrim is pressed', () => {
+    const { onPressAction } = renderMenu()
+
+    fireEvent.press(screen.getByLabelText('Close menu'))
+
+    expect(onPressAction).not.toHaveBeenCalled()
+    expect(screen.queryAllByRole('menuitem')).toHaveLength(0)
+  })
+})

package/src/components/display/filter_dropdown.tsx

@@ -10,6 +10,7 @@ import {
 } from '../../utils'
 import { tokens } from '../../vendor/tapestry/tokens'
 import { Icon } from './icon'
+import { PopoverMenuView } from './popover_menu_view'
 import { Text } from './text'
 
 // =================================
@@ -35,6 +36,11 @@ export interface FilterDropdownProps {
   onMoreFilters: () => void
   triggerLabel: string
   showMoreFilters?: boolean
+  /**
+   * Widest the trigger may render, in points. Hosts that measure the trigger at its intrinsic
+   * width need this for the label to truncate.
+   */
+  maxWidth?: number
 }
 
 export function FilterDropdown({
@@ -44,8 +50,10 @@ export function FilterDropdown({
   onMoreFilters,
   triggerLabel,
   showMoreFilters = true,
+  maxWidth,
 }: FilterDropdownProps) {
   const styles = useStyles()
+  const MenuView = Menu.View ?? PopoverMenuView
 
   const optionActions: MenuAction[] = options.map(option => ({
     id: option.id,
@@ -69,9 +77,9 @@ export function FilterDropdown({
   }
 
   return (
-    <Menu.View actions={actions} onPressAction={handlePressAction} style={styles.container}>
+    <MenuView actions={actions} onPressAction={handlePressAction} style={styles.container}>
       <View
-        style={styles.trigger}
+        style={[styles.trigger, maxWidth !== undefined && { maxWidth }]}
         accessible
         accessibilityRole="button"
         accessibilityHint="Opens filter options"
@@ -90,7 +98,7 @@ export function FilterDropdown({
           accessibilityElementsHidden
         />
       </View>
-    </Menu.View>
+    </MenuView>
   )
 }
 

package/src/components/display/index.ts

@@ -25,6 +25,7 @@ export * from './text_inline_button'
 export * from './text'
 export * from './toggle_button'
 export * from './filter_dropdown'
+export * from './popover_menu_view'
 export * from './keyboard_scroll_view'
 export * from './keyboard_view'
 export * from './platform_modal_header_buttons'

package/src/components/display/popover_menu_view.tsx

@@ -0,0 +1,239 @@
+import { clamp } from 'lodash'
+import React, { useRef, useState } from 'react'
+import { Modal, Pressable, ScrollView, StyleSheet, useWindowDimensions, View } from 'react-native'
+import { useChatContext } from '../../contexts/chat_context'
+import { useCreateAndroidRippleColor, useFontScale, useTheme } from '../../hooks'
+import { MenuAction, MenuViewProps, platformPressedOpacityStyle } from '../../utils'
+import { tokens } from '../../vendor/tapestry/tokens'
+import { Icon } from './icon'
+import { Text } from './text'
+
+// =================================
+// ====== Constants ================
+// =================================
+
+const MENU_WIDTH = 240
+const MENU_OFFSET = 4
+const SCREEN_MARGIN = 16
+
+const CLOSED_ANCHOR = { x: 0, y: 0, width: 0, height: 0 }
+
+// =================================
+// ====== Rows =====================
+// =================================
+
+type Row = { kind: 'action'; action: MenuAction } | { kind: 'separator' }
+
+const actionId = (action: MenuAction) => action.id ?? action.title
+
+const visibleActions = (actions: MenuAction[]) =>
+  actions.filter(action => !action.attributes?.hidden)
+
+// Lays the actions out the way the native menus draw them: an inline section's
+// subactions sit at the top level, divided from neighboring rows by a separator.
+const buildRows = (actions: MenuAction[]): Row[] => {
+  const rows: Row[] = []
+  const pushSeparator = () => {
+    if (rows.length > 0 && rows[rows.length - 1].kind !== 'separator') {
+      rows.push({ kind: 'separator' })
+    }
+  }
+
+  visibleActions(actions).forEach((action, index, visible) => {
+    if (action.displayInline && action.subactions) {
+      pushSeparator()
+      visibleActions(action.subactions).forEach(subaction =>
+        rows.push({ kind: 'action', action: subaction })
+      )
+      if (index < visible.length - 1) pushSeparator()
+    } else {
+      rows.push({ kind: 'action', action })
+    }
+  })
+
+  return rows
+}
+
+// =================================
+// ====== Component ================
+// =================================
+
+/**
+ * A JS-only `MenuView` for hosts that cannot supply a native menu. Wraps the
+ * trigger in a pressable and opens a popover of the actions under it, or above
+ * it when the trigger sits in the lower half of the window.
+ */
+export function PopoverMenuView({
+  actions,
+  onPressAction,
+  onOpenMenu,
+  onCloseMenu,
+  style,
+  testID,
+  children,
+}: MenuViewProps) {
+  const triggerRef = useRef<View>(null)
+  const [expanded, setExpanded] = useState(false)
+  const [anchor, setAnchor] = useState(CLOSED_ANCHOR)
+  const { edgeToEdge = true } = useChatContext()
+  const { width: windowWidth, height: windowHeight } = useWindowDimensions()
+  const fontScale = useFontScale()
+  const styles = useStyles()
+
+  const open = () => {
+    triggerRef.current?.measureInWindow((x, y, width, height) => {
+      setAnchor({ x, y, width, height })
+    })
+    setExpanded(true)
+    onOpenMenu?.()
+  }
+
+  const close = () => {
+    setExpanded(false)
+    onCloseMenu?.()
+  }
+
+  const handlePress = (action: MenuAction) => {
+    onPressAction?.({ nativeEvent: { event: actionId(action) } })
+    close()
+  }
+
+  const menuWidth = clamp(MENU_WIDTH * fontScale, MENU_WIDTH, windowWidth - SCREEN_MARGIN * 2)
+  const anchorBottom = anchor.y + anchor.height
+  const opensUpward = anchor.y + anchor.height / 2 > windowHeight / 2
+  const menuPosition = {
+    width: menuWidth,
+    left: clamp(
+      anchor.x,
+      SCREEN_MARGIN,
+      Math.max(SCREEN_MARGIN, windowWidth - menuWidth - SCREEN_MARGIN)
+    ),
+    ...(opensUpward
+      ? {
+          bottom: windowHeight - anchor.y + MENU_OFFSET,
+          maxHeight: anchor.y - MENU_OFFSET - SCREEN_MARGIN,
+        }
+      : {
+          top: anchorBottom + MENU_OFFSET,
+          maxHeight: windowHeight - anchorBottom - MENU_OFFSET - SCREEN_MARGIN,
+        }),
+  }
+
+  return (
+    <>
+      <Pressable ref={triggerRef} style={style} testID={testID} onPress={open} accessible={false}>
+        {children}
+      </Pressable>
+      <Modal
+        visible={expanded}
+        transparent
+        animationType="fade"
+        statusBarTranslucent={edgeToEdge}
+        navigationBarTranslucent={edgeToEdge}
+        onRequestClose={close}
+      >
+        <Pressable
+          style={styles.scrim}
+          onPress={close}
+          accessibilityRole="button"
+          accessibilityLabel="Close menu"
+        />
+        <View style={[styles.menu, menuPosition]} accessibilityRole="menu">
+          <ScrollView bounces={false}>
+            {buildRows(actions).map((row, index) =>
+              row.kind === 'separator' ? (
+                <View key={index} style={styles.separator} />
+              ) : (
+                <PopoverMenuItem
+                  key={index}
+                  action={row.action}
+                  onPress={() => handlePress(row.action)}
+                />
+              )
+            )}
+          </ScrollView>
+        </View>
+      </Modal>
+    </>
+  )
+}
+
+interface PopoverMenuItemProps {
+  action: MenuAction
+  onPress: () => void
+}
+
+function PopoverMenuItem({ action, onPress }: PopoverMenuItemProps) {
+  const styles = useStyles()
+  const { colors } = useTheme()
+  const androidRippleColor = useCreateAndroidRippleColor({ color: colors.fillColorNeutral050Base })
+  const selected = action.state === 'on'
+  const disabled = action.attributes?.disabled === true
+
+  return (
+    <Pressable
+      style={({ pressed }) => [
+        styles.item,
+        pressed && platformPressedOpacityStyle,
+        disabled && styles.itemDisabled,
+      ]}
+      onPress={onPress}
+      disabled={disabled}
+      accessibilityRole="menuitem"
+      accessibilityState={{ selected, disabled }}
+      android_ripple={{ color: androidRippleColor, borderless: false, foreground: true }}
+    >
+      <Text style={styles.itemLabel}>{action.title}</Text>
+      {selected && (
+        <Icon name="general.check" style={styles.itemCheck} accessibilityElementsHidden />
+      )}
+    </Pressable>
+  )
+}
+
+// =================================
+// ====== Styles ===================
+// =================================
+
+const useStyles = () => {
+  const { colors } = useTheme()
+
+  return StyleSheet.create({
+    scrim: {
+      ...StyleSheet.absoluteFill,
+    },
+    menu: {
+      position: 'absolute',
+      paddingVertical: 4,
+      borderRadius: 8,
+      borderWidth: StyleSheet.hairlineWidth,
+      borderColor: colors.fillColorNeutral050Base,
+      backgroundColor: colors.fillColorNeutral100Inverted,
+      boxShadow: '0px 4px 12px rgba(0, 0, 0, 0.15)',
+      elevation: 4,
+      overflow: 'hidden',
+    },
+    item: {
+      flexDirection: 'row',
+      alignItems: 'center',
+      gap: 12,
+      paddingHorizontal: 16,
+      paddingVertical: 12,
+    },
+    itemDisabled: {
+      opacity: 0.4,
+    },
+    itemLabel: {
+      flex: 1,
+    },
+    itemCheck: {
+      fontSize: tokens.fontSizeSm,
+      color: colors.interaction,
+    },
+    separator: {
+      height: StyleSheet.hairlineWidth,
+      marginVertical: 4,
+      backgroundColor: colors.fillColorNeutral050Base,
+    },
+  })
+}

package/src/contexts/conversations_context.tsx

@@ -45,7 +45,13 @@ export const ConversationsContextProvider = ({
   opts?: ApiGetQueryOptions
 }>) => {
   const [activeConversationId, setActiveConversationId] = useState<number | undefined>()
-  const { chat_group_graph_id, group_source_app_name, show_direct_messages, show_archived } = args
+  const {
+    chat_group_graph_id,
+    group_source_app_name,
+    show_direct_messages,
+    show_archived,
+    show_unread,
+  } = args
 
   const query = useConversations(
     {
@@ -53,6 +59,7 @@ export const ConversationsContextProvider = ({
       group_source_app_name,
       show_direct_messages,
       show_archived,
+      show_unread,
     },
     paginatorOptions
   )