@planningcenter/chat-react-native 3.36.2-rc.3 → 3.37.0-rc.1

package/build/hooks/services/use_services_chat_conversation_payload.d.ts

@@ -0,0 +1,164 @@
+interface Props {
+    teamIds: number[];
+    planId?: number;
+    enabled?: boolean;
+}
+export declare function useServicesChatConversationPayload({ teamIds, planId, enabled }: Props): {
+    error: Error;
+    isError: true;
+    isPending: false;
+    isLoading: false;
+    isLoadingError: false;
+    isRefetchError: true;
+    isSuccess: false;
+    isPlaceholderData: false;
+    status: "error";
+    dataUpdatedAt: number;
+    errorUpdatedAt: number;
+    failureCount: number;
+    failureReason: Error | null;
+    errorUpdateCount: number;
+    isFetched: boolean;
+    isFetchedAfterMount: boolean;
+    isFetching: boolean;
+    isInitialLoading: boolean;
+    isPaused: boolean;
+    isRefetching: boolean;
+    isStale: boolean;
+    refetch: (options?: import("@tanstack/query-core").RefetchOptions) => Promise<import("@tanstack/query-core").QueryObserverResult<import("../..").ApiResource<import("../..").ServicesChatPayloadResource>, Error>>;
+    fetchStatus: import("@tanstack/query-core").FetchStatus;
+    promise: Promise<import("../..").ApiResource<import("../..").ServicesChatPayloadResource>>;
+    payload: string | undefined;
+} | {
+    error: null;
+    isError: false;
+    isPending: false;
+    isLoading: false;
+    isLoadingError: false;
+    isRefetchError: false;
+    isSuccess: true;
+    isPlaceholderData: false;
+    status: "success";
+    dataUpdatedAt: number;
+    errorUpdatedAt: number;
+    failureCount: number;
+    failureReason: Error | null;
+    errorUpdateCount: number;
+    isFetched: boolean;
+    isFetchedAfterMount: boolean;
+    isFetching: boolean;
+    isInitialLoading: boolean;
+    isPaused: boolean;
+    isRefetching: boolean;
+    isStale: boolean;
+    refetch: (options?: import("@tanstack/query-core").RefetchOptions) => Promise<import("@tanstack/query-core").QueryObserverResult<import("../..").ApiResource<import("../..").ServicesChatPayloadResource>, Error>>;
+    fetchStatus: import("@tanstack/query-core").FetchStatus;
+    promise: Promise<import("../..").ApiResource<import("../..").ServicesChatPayloadResource>>;
+    payload: string | undefined;
+} | {
+    error: Error;
+    isError: true;
+    isPending: false;
+    isLoading: false;
+    isLoadingError: true;
+    isRefetchError: false;
+    isSuccess: false;
+    isPlaceholderData: false;
+    status: "error";
+    dataUpdatedAt: number;
+    errorUpdatedAt: number;
+    failureCount: number;
+    failureReason: Error | null;
+    errorUpdateCount: number;
+    isFetched: boolean;
+    isFetchedAfterMount: boolean;
+    isFetching: boolean;
+    isInitialLoading: boolean;
+    isPaused: boolean;
+    isRefetching: boolean;
+    isStale: boolean;
+    refetch: (options?: import("@tanstack/query-core").RefetchOptions) => Promise<import("@tanstack/query-core").QueryObserverResult<import("../..").ApiResource<import("../..").ServicesChatPayloadResource>, Error>>;
+    fetchStatus: import("@tanstack/query-core").FetchStatus;
+    promise: Promise<import("../..").ApiResource<import("../..").ServicesChatPayloadResource>>;
+    payload: string | undefined;
+} | {
+    error: null;
+    isError: false;
+    isPending: true;
+    isLoading: true;
+    isLoadingError: false;
+    isRefetchError: false;
+    isSuccess: false;
+    isPlaceholderData: false;
+    status: "pending";
+    dataUpdatedAt: number;
+    errorUpdatedAt: number;
+    failureCount: number;
+    failureReason: Error | null;
+    errorUpdateCount: number;
+    isFetched: boolean;
+    isFetchedAfterMount: boolean;
+    isFetching: boolean;
+    isInitialLoading: boolean;
+    isPaused: boolean;
+    isRefetching: boolean;
+    isStale: boolean;
+    refetch: (options?: import("@tanstack/query-core").RefetchOptions) => Promise<import("@tanstack/query-core").QueryObserverResult<import("../..").ApiResource<import("../..").ServicesChatPayloadResource>, Error>>;
+    fetchStatus: import("@tanstack/query-core").FetchStatus;
+    promise: Promise<import("../..").ApiResource<import("../..").ServicesChatPayloadResource>>;
+    payload: string | undefined;
+} | {
+    error: null;
+    isError: false;
+    isPending: true;
+    isLoadingError: false;
+    isRefetchError: false;
+    isSuccess: false;
+    isPlaceholderData: false;
+    status: "pending";
+    dataUpdatedAt: number;
+    errorUpdatedAt: number;
+    failureCount: number;
+    failureReason: Error | null;
+    errorUpdateCount: number;
+    isFetched: boolean;
+    isFetchedAfterMount: boolean;
+    isFetching: boolean;
+    isLoading: boolean;
+    isInitialLoading: boolean;
+    isPaused: boolean;
+    isRefetching: boolean;
+    isStale: boolean;
+    refetch: (options?: import("@tanstack/query-core").RefetchOptions) => Promise<import("@tanstack/query-core").QueryObserverResult<import("../..").ApiResource<import("../..").ServicesChatPayloadResource>, Error>>;
+    fetchStatus: import("@tanstack/query-core").FetchStatus;
+    promise: Promise<import("../..").ApiResource<import("../..").ServicesChatPayloadResource>>;
+    payload: string | undefined;
+} | {
+    isError: false;
+    error: null;
+    isPending: false;
+    isLoading: false;
+    isLoadingError: false;
+    isRefetchError: false;
+    isSuccess: true;
+    isPlaceholderData: true;
+    status: "success";
+    dataUpdatedAt: number;
+    errorUpdatedAt: number;
+    failureCount: number;
+    failureReason: Error | null;
+    errorUpdateCount: number;
+    isFetched: boolean;
+    isFetchedAfterMount: boolean;
+    isFetching: boolean;
+    isInitialLoading: boolean;
+    isPaused: boolean;
+    isRefetching: boolean;
+    isStale: boolean;
+    refetch: (options?: import("@tanstack/query-core").RefetchOptions) => Promise<import("@tanstack/query-core").QueryObserverResult<import("../..").ApiResource<import("../..").ServicesChatPayloadResource>, Error>>;
+    fetchStatus: import("@tanstack/query-core").FetchStatus;
+    promise: Promise<import("../..").ApiResource<import("../..").ServicesChatPayloadResource>>;
+    payload: string | undefined;
+};
+export {};
+//# sourceMappingURL=use_services_chat_conversation_payload.d.ts.map

package/build/hooks/services/use_services_chat_conversation_payload.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"use_services_chat_conversation_payload.d.ts","sourceRoot":"","sources":["../../../src/hooks/services/use_services_chat_conversation_payload.ts"],"names":[],"mappings":"AAMA,UAAU,KAAK;IACb,OAAO,EAAE,MAAM,EAAE,CAAA;IACjB,MAAM,CAAC,EAAE,MAAM,CAAA;IACf,OAAO,CAAC,EAAE,OAAO,CAAA;CAClB;AAED,wBAAgB,kCAAkC,CAAC,EAAE,OAAO,EAAE,MAAM,EAAE,OAAc,EAAE,EAAE,KAAK;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;EAa5F"}

package/build/hooks/services/use_services_chat_conversation_payload.js

@@ -0,0 +1,16 @@
+import { useQuery } from '@tanstack/react-query';
+import { useApiClient } from '../use_api_client';
+import { getServicesChatConversationPayload } from './use_find_or_create_services_conversation';
+const STALE_TIME_MS = 55 * 60 * 1000; // under Services' 1-hour server-side expiry
+export function useServicesChatConversationPayload({ teamIds, planId, enabled = true }) {
+    const apiClient = useApiClient();
+    const sortedTeamIds = [...teamIds].sort((a, b) => a - b);
+    const { data, ...rest } = useQuery({
+        queryKey: ['services', '/chat', { teamIds: sortedTeamIds, planId }],
+        queryFn: () => getServicesChatConversationPayload({ apiClient, teamIds: sortedTeamIds, planId }),
+        staleTime: STALE_TIME_MS,
+        enabled: enabled && sortedTeamIds.length > 0,
+    });
+    return { payload: data?.data.payload, ...rest };
+}
+//# sourceMappingURL=use_services_chat_conversation_payload.js.map

package/build/hooks/services/use_services_chat_conversation_payload.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"use_services_chat_conversation_payload.js","sourceRoot":"","sources":["../../../src/hooks/services/use_services_chat_conversation_payload.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,QAAQ,EAAE,MAAM,uBAAuB,CAAA;AAChD,OAAO,EAAE,YAAY,EAAE,MAAM,mBAAmB,CAAA;AAChD,OAAO,EAAE,kCAAkC,EAAE,MAAM,4CAA4C,CAAA;AAE/F,MAAM,aAAa,GAAG,EAAE,GAAG,EAAE,GAAG,IAAI,CAAA,CAAC,4CAA4C;AAQjF,MAAM,UAAU,kCAAkC,CAAC,EAAE,OAAO,EAAE,MAAM,EAAE,OAAO,GAAG,IAAI,EAAS;IAC3F,MAAM,SAAS,GAAG,YAAY,EAAE,CAAA;IAChC,MAAM,aAAa,GAAG,CAAC,GAAG,OAAO,CAAC,CAAC,IAAI,CAAC,CAAC,CAAC,EAAE,CAAC,EAAE,EAAE,CAAC,CAAC,GAAG,CAAC,CAAC,CAAA;IAExD,MAAM,EAAE,IAAI,EAAE,GAAG,IAAI,EAAE,GAAG,QAAQ,CAAC;QACjC,QAAQ,EAAE,CAAC,UAAU,EAAE,OAAO,EAAE,EAAE,OAAO,EAAE,aAAa,EAAE,MAAM,EAAE,CAAC;QACnE,OAAO,EAAE,GAAG,EAAE,CACZ,kCAAkC,CAAC,EAAE,SAAS,EAAE,OAAO,EAAE,aAAa,EAAE,MAAM,EAAE,CAAC;QACnF,SAAS,EAAE,aAAa;QACxB,OAAO,EAAE,OAAO,IAAI,aAAa,CAAC,MAAM,GAAG,CAAC;KAC7C,CAAC,CAAA;IAEF,OAAO,EAAE,OAAO,EAAE,IAAI,EAAE,IAAI,CAAC,OAAO,EAAE,GAAG,IAAI,EAAE,CAAA;AACjD,CAAC","sourcesContent":["import { useQuery } from '@tanstack/react-query'\nimport { useApiClient } from '../use_api_client'\nimport { getServicesChatConversationPayload } from './use_find_or_create_services_conversation'\n\nconst STALE_TIME_MS = 55 * 60 * 1000 // under Services' 1-hour server-side expiry\n\ninterface Props {\n  teamIds: number[]\n  planId?: number\n  enabled?: boolean\n}\n\nexport function useServicesChatConversationPayload({ teamIds, planId, enabled = true }: Props) {\n  const apiClient = useApiClient()\n  const sortedTeamIds = [...teamIds].sort((a, b) => a - b)\n\n  const { data, ...rest } = useQuery({\n    queryKey: ['services', '/chat', { teamIds: sortedTeamIds, planId }],\n    queryFn: () =>\n      getServicesChatConversationPayload({ apiClient, teamIds: sortedTeamIds, planId }),\n    staleTime: STALE_TIME_MS,\n    enabled: enabled && sortedTeamIds.length > 0,\n  })\n\n  return { payload: data?.data.payload, ...rest }\n}\n"]}

package/build/hooks/services/use_team_members_for_new_conversation.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"use_team_members_for_new_conversation.d.ts","sourceRoot":"","sources":["../../../src/hooks/services/use_team_members_for_new_conversation.ts"],"names":[],"mappings":"AAEA,OAAO,EAAE,cAAc,EAAE,kBAAkB,EAA0B,MAAM,aAAa,CAAA;AAGxF,UAAU,KAAK;IACb,OAAO,EAAE,MAAM,EAAE,CAAA;IACjB,MAAM,CAAC,EAAE,MAAM,CAAA;CAChB;AAED,wBAAgB,gCAAgC,CAAC,EAAE,OAAO,EAAE,MAAM,EAAE,EAAE,KAAK;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;EA4B1E"}
+{"version":3,"file":"use_team_members_for_new_conversation.d.ts","sourceRoot":"","sources":["../../../src/hooks/services/use_team_members_for_new_conversation.ts"],"names":[],"mappings":"AAEA,OAAO,EAAE,cAAc,EAAE,kBAAkB,EAA0B,MAAM,aAAa,CAAA;AAIxF,UAAU,KAAK;IACb,OAAO,EAAE,MAAM,EAAE,CAAA;IACjB,MAAM,CAAC,EAAE,MAAM,CAAA;CAChB;AAED,wBAAgB,gCAAgC,CAAC,EAAE,OAAO,EAAE,MAAM,EAAE,EAAE,KAAK;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;EAsC1E"}

package/build/hooks/services/use_team_members_for_new_conversation.js

@@ -1,6 +1,7 @@
 import { isNil, omitBy } from 'lodash';
 import { useMemo } from 'react';
 import { useApiGet } from '../use_api';
+import { useEnrichPeople } from '../use_enrich_people';
 export function useTeamMembersForNewConversation({ teamIds, planId }) {
     const params = omitBy({ team_id: teamIds.join(','), plan_id: planId }, isNil);
     const { data, ...rest } = useApiGet({
@@ -14,13 +15,19 @@ export function useTeamMembersForNewConversation({ teamIds, planId }) {
         app: 'services',
     });
     const people = data?.people || stableEmptyPersonArray;
-    const members = useMemo(() => {
-        return people.map(person => ({
+    const personIds = useMemo(() => people.map(p => p.id), [people]);
+    const enrichmentMap = useEnrichPeople({ personIds });
+    const members = useMemo(() => people.map(person => {
+        const enrichedBadges = enrichmentMap.get(person.id)?.badges ?? [];
+        const existingTitles = new Set(person.badges.map(b => b.title));
+        const newBadges = enrichedBadges.filter(b => !existingTitles.has(b.title));
+        return {
             ...person,
             type: 'Member',
             gender: null,
-        }));
-    }, [people]);
+            badges: [...person.badges, ...newBadges],
+        };
+    }), [people, enrichmentMap]);
     return {
         members,
         ...rest,

package/build/hooks/services/use_team_members_for_new_conversation.js.map

@@ -1 +1 @@
-{"version":3,"file":"use_team_members_for_new_conversation.js","sourceRoot":"","sources":["../../../src/hooks/services/use_team_members_for_new_conversation.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,KAAK,EAAE,MAAM,EAAE,MAAM,QAAQ,CAAA;AACtC,OAAO,EAAE,OAAO,EAAE,MAAM,OAAO,CAAA;AAE/B,OAAO,EAAE,SAAS,EAAE,MAAM,YAAY,CAAA;AAOtC,MAAM,UAAU,gCAAgC,CAAC,EAAE,OAAO,EAAE,MAAM,EAAS;IACzE,MAAM,MAAM,GAAG,MAAM,CAAC,EAAE,OAAO,EAAE,OAAO,CAAC,IAAI,CAAC,GAAG,CAAC,EAAE,OAAO,EAAE,MAAM,EAAE,EAAE,KAAK,CAAC,CAAA;IAE7E,MAAM,EAAE,IAAI,EAAE,GAAG,IAAI,EAAE,GAAG,SAAS,CAAqB;QACtD,GAAG,EAAE,OAAO;QACZ,IAAI,EAAE;YACJ,GAAG,MAAM;YACT,MAAM,EAAE;gBACN,IAAI,EAAE,CAAC,QAAQ,CAAC;aACjB;SACF;QACD,GAAG,EAAE,UAAU;KAChB,CAAC,CAAA;IAEF,MAAM,MAAM,GAAG,IAAI,EAAE,MAAM,IAAI,sBAAsB,CAAA;IAErD,MAAM,OAAO,GAAqB,OAAO,CAAC,GAAG,EAAE;QAC7C,OAAO,MAAM,CAAC,GAAG,CAAC,MAAM,CAAC,EAAE,CAAC,CAAC;YAC3B,GAAG,MAAM;YACT,IAAI,EAAE,QAAQ;YACd,MAAM,EAAE,IAAI;SACb,CAAC,CAAC,CAAA;IACL,CAAC,EAAE,CAAC,MAAM,CAAC,CAAC,CAAA;IAEZ,OAAO;QACL,OAAO;QACP,GAAG,IAAI;KACR,CAAA;AACH,CAAC;AAED,MAAM,sBAAsB,GAA6B,EAAE,CAAA","sourcesContent":["import { isNil, omitBy } from 'lodash'\nimport { useMemo } from 'react'\nimport { MemberResource, TeamPeopleResource, TeamPersonResponseItem } from '../../types'\nimport { useApiGet } from '../use_api'\n\ninterface Props {\n  teamIds: number[]\n  planId?: number\n}\n\nexport function useTeamMembersForNewConversation({ teamIds, planId }: Props) {\n  const params = omitBy({ team_id: teamIds.join(','), plan_id: planId }, isNil)\n\n  const { data, ...rest } = useApiGet<TeamPeopleResource>({\n    url: '/chat',\n    data: {\n      ...params,\n      fields: {\n        Chat: ['people'],\n      },\n    },\n    app: 'services',\n  })\n\n  const people = data?.people || stableEmptyPersonArray\n\n  const members: MemberResource[] = useMemo(() => {\n    return people.map(person => ({\n      ...person,\n      type: 'Member',\n      gender: null,\n    }))\n  }, [people])\n\n  return {\n    members,\n    ...rest,\n  }\n}\n\nconst stableEmptyPersonArray: TeamPersonResponseItem[] = []\n"]}
+{"version":3,"file":"use_team_members_for_new_conversation.js","sourceRoot":"","sources":["../../../src/hooks/services/use_team_members_for_new_conversation.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,KAAK,EAAE,MAAM,EAAE,MAAM,QAAQ,CAAA;AACtC,OAAO,EAAE,OAAO,EAAE,MAAM,OAAO,CAAA;AAE/B,OAAO,EAAE,SAAS,EAAE,MAAM,YAAY,CAAA;AACtC,OAAO,EAAE,eAAe,EAAE,MAAM,sBAAsB,CAAA;AAOtD,MAAM,UAAU,gCAAgC,CAAC,EAAE,OAAO,EAAE,MAAM,EAAS;IACzE,MAAM,MAAM,GAAG,MAAM,CAAC,EAAE,OAAO,EAAE,OAAO,CAAC,IAAI,CAAC,GAAG,CAAC,EAAE,OAAO,EAAE,MAAM,EAAE,EAAE,KAAK,CAAC,CAAA;IAE7E,MAAM,EAAE,IAAI,EAAE,GAAG,IAAI,EAAE,GAAG,SAAS,CAAqB;QACtD,GAAG,EAAE,OAAO;QACZ,IAAI,EAAE;YACJ,GAAG,MAAM;YACT,MAAM,EAAE;gBACN,IAAI,EAAE,CAAC,QAAQ,CAAC;aACjB;SACF;QACD,GAAG,EAAE,UAAU;KAChB,CAAC,CAAA;IAEF,MAAM,MAAM,GAAG,IAAI,EAAE,MAAM,IAAI,sBAAsB,CAAA;IACrD,MAAM,SAAS,GAAG,OAAO,CAAC,GAAG,EAAE,CAAC,MAAM,CAAC,GAAG,CAAC,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,EAAE,CAAC,EAAE,CAAC,MAAM,CAAC,CAAC,CAAA;IAChE,MAAM,aAAa,GAAG,eAAe,CAAC,EAAE,SAAS,EAAE,CAAC,CAAA;IAEpD,MAAM,OAAO,GAAqB,OAAO,CACvC,GAAG,EAAE,CACH,MAAM,CAAC,GAAG,CAAC,MAAM,CAAC,EAAE;QAClB,MAAM,cAAc,GAAG,aAAa,CAAC,GAAG,CAAC,MAAM,CAAC,EAAE,CAAC,EAAE,MAAM,IAAI,EAAE,CAAA;QACjE,MAAM,cAAc,GAAG,IAAI,GAAG,CAAC,MAAM,CAAC,MAAM,CAAC,GAAG,CAAC,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,KAAK,CAAC,CAAC,CAAA;QAC/D,MAAM,SAAS,GAAG,cAAc,CAAC,MAAM,CAAC,CAAC,CAAC,EAAE,CAAC,CAAC,cAAc,CAAC,GAAG,CAAC,CAAC,CAAC,KAAK,CAAC,CAAC,CAAA;QAC1E,OAAO;YACL,GAAG,MAAM;YACT,IAAI,EAAE,QAAQ;YACd,MAAM,EAAE,IAAI;YACZ,MAAM,EAAE,CAAC,GAAG,MAAM,CAAC,MAAM,EAAE,GAAG,SAAS,CAAC;SACzC,CAAA;IACH,CAAC,CAAC,EACJ,CAAC,MAAM,EAAE,aAAa,CAAC,CACxB,CAAA;IAED,OAAO;QACL,OAAO;QACP,GAAG,IAAI;KACR,CAAA;AACH,CAAC;AAED,MAAM,sBAAsB,GAA6B,EAAE,CAAA","sourcesContent":["import { isNil, omitBy } from 'lodash'\nimport { useMemo } from 'react'\nimport { MemberResource, TeamPeopleResource, TeamPersonResponseItem } from '../../types'\nimport { useApiGet } from '../use_api'\nimport { useEnrichPeople } from '../use_enrich_people'\n\ninterface Props {\n  teamIds: number[]\n  planId?: number\n}\n\nexport function useTeamMembersForNewConversation({ teamIds, planId }: Props) {\n  const params = omitBy({ team_id: teamIds.join(','), plan_id: planId }, isNil)\n\n  const { data, ...rest } = useApiGet<TeamPeopleResource>({\n    url: '/chat',\n    data: {\n      ...params,\n      fields: {\n        Chat: ['people'],\n      },\n    },\n    app: 'services',\n  })\n\n  const people = data?.people || stableEmptyPersonArray\n  const personIds = useMemo(() => people.map(p => p.id), [people])\n  const enrichmentMap = useEnrichPeople({ personIds })\n\n  const members: MemberResource[] = useMemo(\n    () =>\n      people.map(person => {\n        const enrichedBadges = enrichmentMap.get(person.id)?.badges ?? []\n        const existingTitles = new Set(person.badges.map(b => b.title))\n        const newBadges = enrichedBadges.filter(b => !existingTitles.has(b.title))\n        return {\n          ...person,\n          type: 'Member',\n          gender: null,\n          badges: [...person.badges, ...newBadges],\n        }\n      }),\n    [people, enrichmentMap]\n  )\n\n  return {\n    members,\n    ...rest,\n  }\n}\n\nconst stableEmptyPersonArray: TeamPersonResponseItem[] = []\n"]}

package/build/hooks/use_conversation_validate.d.ts

@@ -0,0 +1,12 @@
+interface Props {
+    payload: string | undefined;
+    isLoadingPayload?: boolean;
+    genderId?: string | null;
+    enabled?: boolean;
+}
+export declare function useConversationValidate({ payload, isLoadingPayload, genderId, enabled, }: Props): {
+    warnings: import("..").ConversationWarning[];
+    validationPending: boolean;
+};
+export {};
+//# sourceMappingURL=use_conversation_validate.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"use_conversation_validate.d.ts","sourceRoot":"","sources":["../../src/hooks/use_conversation_validate.ts"],"names":[],"mappings":"AAIA,UAAU,KAAK;IACb,OAAO,EAAE,MAAM,GAAG,SAAS,CAAA;IAC3B,gBAAgB,CAAC,EAAE,OAAO,CAAA;IAC1B,QAAQ,CAAC,EAAE,MAAM,GAAG,IAAI,CAAA;IACxB,OAAO,CAAC,EAAE,OAAO,CAAA;CAClB;AAED,wBAAgB,uBAAuB,CAAC,EACtC,OAAO,EACP,gBAAwB,EACxB,QAAQ,EACR,OAAc,GACf,EAAE,KAAK;;;EA4BP"}

package/build/hooks/use_conversation_validate.js

@@ -0,0 +1,28 @@
+import { useQuery } from '@tanstack/react-query';
+import { useApiClient } from './use_api_client';
+export function useConversationValidate({ payload, isLoadingPayload = false, genderId, enabled = true, }) {
+    const apiClient = useApiClient();
+    const { data, isLoading } = useQuery({
+        queryKey: ['chat', '/me/conversation_validate', { payload, genderId }],
+        queryFn: () => apiClient.chat.post({
+            url: '/me/conversation_validate',
+            data: {
+                data: {
+                    type: 'ConversationValidate',
+                    attributes: {
+                        payload: payload,
+                        ...(genderId ? { gender_id: genderId } : {}),
+                    },
+                },
+            },
+        }),
+        enabled: enabled && payload != null,
+        retry: false,
+    });
+    const warnings = data?.data.warnings ?? [];
+    return {
+        warnings,
+        validationPending: enabled && (isLoadingPayload || isLoading),
+    };
+}
+//# sourceMappingURL=use_conversation_validate.js.map

package/build/hooks/use_conversation_validate.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"use_conversation_validate.js","sourceRoot":"","sources":["../../src/hooks/use_conversation_validate.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,QAAQ,EAAE,MAAM,uBAAuB,CAAA;AAEhD,OAAO,EAAE,YAAY,EAAE,MAAM,kBAAkB,CAAA;AAS/C,MAAM,UAAU,uBAAuB,CAAC,EACtC,OAAO,EACP,gBAAgB,GAAG,KAAK,EACxB,QAAQ,EACR,OAAO,GAAG,IAAI,GACR;IACN,MAAM,SAAS,GAAG,YAAY,EAAE,CAAA;IAEhC,MAAM,EAAE,IAAI,EAAE,SAAS,EAAE,GAAG,QAAQ,CAAC;QACnC,QAAQ,EAAE,CAAC,MAAM,EAAE,2BAA2B,EAAE,EAAE,OAAO,EAAE,QAAQ,EAAE,CAAC;QACtE,OAAO,EAAE,GAAG,EAAE,CACZ,SAAS,CAAC,IAAI,CAAC,IAAI,CAA4C;YAC7D,GAAG,EAAE,2BAA2B;YAChC,IAAI,EAAE;gBACJ,IAAI,EAAE;oBACJ,IAAI,EAAE,sBAAsB;oBAC5B,UAAU,EAAE;wBACV,OAAO,EAAE,OAAQ;wBACjB,GAAG,CAAC,QAAQ,CAAC,CAAC,CAAC,EAAE,SAAS,EAAE,QAAQ,EAAE,CAAC,CAAC,CAAC,EAAE,CAAC;qBAC7C;iBACF;aACF;SACF,CAAC;QACJ,OAAO,EAAE,OAAO,IAAI,OAAO,IAAI,IAAI;QACnC,KAAK,EAAE,KAAK;KACb,CAAC,CAAA;IAEF,MAAM,QAAQ,GAAG,IAAI,EAAE,IAAI,CAAC,QAAQ,IAAI,EAAE,CAAA;IAE1C,OAAO;QACL,QAAQ;QACR,iBAAiB,EAAE,OAAO,IAAI,CAAC,gBAAgB,IAAI,SAAS,CAAC;KAC9D,CAAA;AACH,CAAC","sourcesContent":["import { useQuery } from '@tanstack/react-query'\nimport { ApiResource, ConversationValidateResource } from '../types'\nimport { useApiClient } from './use_api_client'\n\ninterface Props {\n  payload: string | undefined\n  isLoadingPayload?: boolean\n  genderId?: string | null\n  enabled?: boolean\n}\n\nexport function useConversationValidate({\n  payload,\n  isLoadingPayload = false,\n  genderId,\n  enabled = true,\n}: Props) {\n  const apiClient = useApiClient()\n\n  const { data, isLoading } = useQuery({\n    queryKey: ['chat', '/me/conversation_validate', { payload, genderId }],\n    queryFn: () =>\n      apiClient.chat.post<ApiResource<ConversationValidateResource>>({\n        url: '/me/conversation_validate',\n        data: {\n          data: {\n            type: 'ConversationValidate',\n            attributes: {\n              payload: payload!,\n              ...(genderId ? { gender_id: genderId } : {}),\n            },\n          },\n        },\n      }),\n    enabled: enabled && payload != null,\n    retry: false,\n  })\n\n  const warnings = data?.data.warnings ?? []\n\n  return {\n    warnings,\n    validationPending: enabled && (isLoadingPayload || isLoading),\n  }\n}\n"]}

package/build/hooks/use_enrich_people.d.ts

@@ -0,0 +1,13 @@
+import { ResourceObject } from '../types';
+export interface PersonEnrichmentResource extends ResourceObject {
+    type: 'PersonEnrichment';
+    id: string;
+    badges: {
+        title: string;
+    }[];
+}
+export declare function useEnrichPeople({ personIds, groupId }: {
+    personIds: number[];
+    groupId?: number;
+}): Map<number, PersonEnrichmentResource>;
+//# sourceMappingURL=use_enrich_people.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"use_enrich_people.d.ts","sourceRoot":"","sources":["../../src/hooks/use_enrich_people.ts"],"names":[],"mappings":"AAEA,OAAO,EAAiB,cAAc,EAAE,MAAM,UAAU,CAAA;AAGxD,MAAM,WAAW,wBAAyB,SAAQ,cAAc;IAC9D,IAAI,EAAE,kBAAkB,CAAA;IACxB,EAAE,EAAE,MAAM,CAAA;IACV,MAAM,EAAE;QAAE,KAAK,EAAE,MAAM,CAAA;KAAE,EAAE,CAAA;CAC5B;AAED,wBAAgB,eAAe,CAAC,EAAE,SAAS,EAAE,OAAO,EAAE,EAAE;IAAE,SAAS,EAAE,MAAM,EAAE,CAAC;IAAC,OAAO,CAAC,EAAE,MAAM,CAAA;CAAE,yCAuBhG"}

package/build/hooks/use_enrich_people.js

@@ -0,0 +1,25 @@
+import { keepPreviousData, useQuery } from '@tanstack/react-query';
+import { useMemo } from 'react';
+import { useApiClient } from './use_api_client';
+export function useEnrichPeople({ personIds, groupId }) {
+    const apiClient = useApiClient();
+    const { data } = useQuery({
+        queryKey: ['enrich_people', [...personIds].sort((a, b) => a - b), groupId],
+        queryFn: () => apiClient.chat.post({
+            url: '/enrich_people',
+            data: {
+                data: {
+                    type: 'PersonEnrichment',
+                    attributes: {
+                        person_ids: personIds,
+                        ...(groupId !== undefined ? { group_id: groupId } : {}),
+                    },
+                },
+            },
+        }),
+        enabled: personIds.length > 0,
+        placeholderData: keepPreviousData,
+    });
+    return useMemo(() => new Map(data?.data.map(e => [+e.id, e]) ?? []), [data]);
+}
+//# sourceMappingURL=use_enrich_people.js.map

package/build/hooks/use_enrich_people.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"use_enrich_people.js","sourceRoot":"","sources":["../../src/hooks/use_enrich_people.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,gBAAgB,EAAE,QAAQ,EAAE,MAAM,uBAAuB,CAAA;AAClE,OAAO,EAAE,OAAO,EAAE,MAAM,OAAO,CAAA;AAE/B,OAAO,EAAE,YAAY,EAAE,MAAM,kBAAkB,CAAA;AAQ/C,MAAM,UAAU,eAAe,CAAC,EAAE,SAAS,EAAE,OAAO,EAA6C;IAC/F,MAAM,SAAS,GAAG,YAAY,EAAE,CAAA;IAEhC,MAAM,EAAE,IAAI,EAAE,GAAG,QAAQ,CAA0C;QACjE,QAAQ,EAAE,CAAC,eAAe,EAAE,CAAC,GAAG,SAAS,CAAC,CAAC,IAAI,CAAC,CAAC,CAAC,EAAE,CAAC,EAAE,EAAE,CAAC,CAAC,GAAG,CAAC,CAAC,EAAE,OAAO,CAAC;QAC1E,OAAO,EAAE,GAAG,EAAE,CACZ,SAAS,CAAC,IAAI,CAAC,IAAI,CAA0C;YAC3D,GAAG,EAAE,gBAAgB;YACrB,IAAI,EAAE;gBACJ,IAAI,EAAE;oBACJ,IAAI,EAAE,kBAAkB;oBACxB,UAAU,EAAE;wBACV,UAAU,EAAE,SAAS;wBACrB,GAAG,CAAC,OAAO,KAAK,SAAS,CAAC,CAAC,CAAC,EAAE,QAAQ,EAAE,OAAO,EAAE,CAAC,CAAC,CAAC,EAAE,CAAC;qBACxD;iBACF;aACF;SACF,CAAC;QACJ,OAAO,EAAE,SAAS,CAAC,MAAM,GAAG,CAAC;QAC7B,eAAe,EAAE,gBAAgB;KAClC,CAAC,CAAA;IAEF,OAAO,OAAO,CAAC,GAAG,EAAE,CAAC,IAAI,GAAG,CAAC,IAAI,EAAE,IAAI,CAAC,GAAG,CAAC,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,CAAC,CAAC,EAAE,EAAE,CAAC,CAAC,CAAC,IAAI,EAAE,CAAC,EAAE,CAAC,IAAI,CAAC,CAAC,CAAA;AAC9E,CAAC","sourcesContent":["import { keepPreviousData, useQuery } from '@tanstack/react-query'\nimport { useMemo } from 'react'\nimport { ApiCollection, ResourceObject } from '../types'\nimport { useApiClient } from './use_api_client'\n\nexport interface PersonEnrichmentResource extends ResourceObject {\n  type: 'PersonEnrichment'\n  id: string\n  badges: { title: string }[]\n}\n\nexport function useEnrichPeople({ personIds, groupId }: { personIds: number[]; groupId?: number }) {\n  const apiClient = useApiClient()\n\n  const { data } = useQuery<ApiCollection<PersonEnrichmentResource>>({\n    queryKey: ['enrich_people', [...personIds].sort((a, b) => a - b), groupId],\n    queryFn: () =>\n      apiClient.chat.post<ApiCollection<PersonEnrichmentResource>>({\n        url: '/enrich_people',\n        data: {\n          data: {\n            type: 'PersonEnrichment',\n            attributes: {\n              person_ids: personIds,\n              ...(groupId !== undefined ? { group_id: groupId } : {}),\n            },\n          },\n        },\n      }),\n    enabled: personIds.length > 0,\n    placeholderData: keepPreviousData,\n  })\n\n  return useMemo(() => new Map(data?.data.map(e => [+e.id, e]) ?? []), [data])\n}\n"]}

package/build/hooks/use_features.d.ts

@@ -10,6 +10,7 @@ export declare const availableFeatures: {
     readonly granular_notifications_ui: "ROLLOUT_granular_notification_preferences_ui";
     readonly custom_conversation_avatars: "ROLLOUT_custom_conversation_avatars";
     readonly jump_to_unread: "ROLLOUT_jump_to_unread";
+    readonly conversation_safety_lock: "ROLLOUT_conversation_safety_lock";
 };
 export {};
 //# sourceMappingURL=use_features.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"use_features.d.ts","sourceRoot":"","sources":["../../src/hooks/use_features.ts"],"names":[],"mappings":"AAGA,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,qCAAqC,CAAA;AAI1E,KAAK,WAAW,GAAG,CAAC,OAAO,iBAAiB,CAAC,CAAC,MAAM,OAAO,iBAAiB,CAAC,CAAA;AAE7E,wBAAgB,WAAW;;kCAiBT,WAAW;EAS5B;AAED,eAAO,MAAM,iBAAiB;;;;;;CAM0B,CAAA"}
+{"version":3,"file":"use_features.d.ts","sourceRoot":"","sources":["../../src/hooks/use_features.ts"],"names":[],"mappings":"AAGA,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,qCAAqC,CAAA;AAI1E,KAAK,WAAW,GAAG,CAAC,OAAO,iBAAiB,CAAC,CAAC,MAAM,OAAO,iBAAiB,CAAC,CAAA;AAE7E,wBAAgB,WAAW;;kCAiBT,WAAW;EAS5B;AAED,eAAO,MAAM,iBAAiB;;;;;;;CAO0B,CAAA"}

package/build/hooks/use_features.js

@@ -27,6 +27,7 @@ export const availableFeatures = {
     granular_notifications_ui: 'ROLLOUT_granular_notification_preferences_ui',
     custom_conversation_avatars: 'ROLLOUT_custom_conversation_avatars',
     jump_to_unread: 'ROLLOUT_jump_to_unread',
+    conversation_safety_lock: 'ROLLOUT_conversation_safety_lock',
 };
 const stableEmptyFeatures = {
     data: [],

package/build/hooks/use_features.js.map

@@ -1 +1 @@
-{"version":3,"file":"use_features.js","sourceRoot":"","sources":["../../src/hooks/use_features.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,gBAAgB,EAAE,MAAM,uBAAuB,CAAA;AACxD,OAAO,EAAE,WAAW,EAAE,MAAM,OAAO,CAAA;AAGnC,OAAO,EAAE,sBAAsB,EAAE,mBAAmB,EAAE,MAAM,+BAA+B,CAAA;AAC3F,OAAO,EAAE,YAAY,EAAE,MAAM,kBAAkB,CAAA;AAI/C,MAAM,UAAU,WAAW;IACzB,MAAM,SAAS,GAAG,YAAY,EAAE,CAAA;IAChC,MAAM,WAAW,GAAG,sBAAsB,EAAE,CAAA;IAE5C,MAAM,EAAE,IAAI,EAAE,GAAG,gBAAgB,CAAC;QAChC,QAAQ,EAAE,mBAAmB,EAAE;QAC/B,OAAO,EAAE,GAAG,EAAE;YACZ,OAAO,SAAS,CAAC,IAAI;iBAClB,GAAG,CAAiC,WAAW,CAAC;iBAChD,KAAK,CAAC,GAAG,EAAE,CAAC,mBAAmB,CAAC,CAAA;QACrC,CAAC;QACD,SAAS,EAAE,IAAI,GAAG,EAAE,GAAG,CAAC,EAAE,YAAY;KACvC,CAAC,CAAA;IAEF,MAAM,QAAQ,GAAG,IAAI,CAAC,IAAI,CAAA;IAE1B,MAAM,cAAc,GAAG,WAAW,CAChC,CAAC,WAAwB,EAAE,EAAE,CAC3B,QAAQ,CAAC,IAAI,CAAC,OAAO,CAAC,EAAE,CAAC,OAAO,CAAC,IAAI,KAAK,WAAW,IAAI,OAAO,CAAC,OAAO,CAAC,EAC3E,CAAC,QAAQ,CAAC,CACX,CAAA;IAED,OAAO;QACL,QAAQ;QACR,cAAc;KACf,CAAA;AACH,CAAC;AAED,MAAM,CAAC,MAAM,iBAAiB,GAAG;IAC/B,6BAA6B,EAAE,uCAAuC;IACtE,iBAAiB,EAAE,kCAAkC;IACrD,yBAAyB,EAAE,8CAA8C;IACzE,2BAA2B,EAAE,qCAAqC;IAClE,cAAc,EAAE,wBAAwB;CACc,CAAA;AAExD,MAAM,mBAAmB,GAAmC;IAC1D,IAAI,EAAE,EAAE;IACR,KAAK,EAAE,EAAE;IACT,IAAI,EAAE;QACJ,KAAK,EAAE,CAAC;QACR,UAAU,EAAE,CAAC;KACd;CACF,CAAA","sourcesContent":["import { useSuspenseQuery } from '@tanstack/react-query'\nimport { useCallback } from 'react'\nimport { ApiCollection } from '../types'\nimport type { FeatureResource } from '../types/resources/feature_resource'\nimport { getFeaturesRequestArgs, getFeaturesQueryKey } from '../utils/request/get_features'\nimport { useApiClient } from './use_api_client'\n\ntype FeatureName = (typeof availableFeatures)[keyof typeof availableFeatures]\n\nexport function useFeatures() {\n  const apiClient = useApiClient()\n  const requestArgs = getFeaturesRequestArgs()\n\n  const { data } = useSuspenseQuery({\n    queryKey: getFeaturesQueryKey(),\n    queryFn: () => {\n      return apiClient.chat\n        .get<ApiCollection<FeatureResource>>(requestArgs)\n        .catch(() => stableEmptyFeatures)\n    },\n    staleTime: 1000 * 60 * 5, // 5 minutes\n  })\n\n  const features = data.data\n\n  const featureEnabled = useCallback(\n    (featureName: FeatureName) =>\n      features.some(feature => feature.name === featureName && feature.enabled),\n    [features]\n  )\n\n  return {\n    features,\n    featureEnabled,\n  }\n}\n\nexport const availableFeatures = {\n  gender_specific_conversations: 'ROLLOUT_gender_specific_conversations',\n  message_reporting: 'ROLLOUT_MOBILE_message_reporting',\n  granular_notifications_ui: 'ROLLOUT_granular_notification_preferences_ui',\n  custom_conversation_avatars: 'ROLLOUT_custom_conversation_avatars',\n  jump_to_unread: 'ROLLOUT_jump_to_unread',\n} as const satisfies Record<string, `ROLLOUT_${string}`>\n\nconst stableEmptyFeatures: ApiCollection<FeatureResource> = {\n  data: [],\n  links: {},\n  meta: {\n    count: 0,\n    totalCount: 0,\n  },\n}\n"]}
+{"version":3,"file":"use_features.js","sourceRoot":"","sources":["../../src/hooks/use_features.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,gBAAgB,EAAE,MAAM,uBAAuB,CAAA;AACxD,OAAO,EAAE,WAAW,EAAE,MAAM,OAAO,CAAA;AAGnC,OAAO,EAAE,sBAAsB,EAAE,mBAAmB,EAAE,MAAM,+BAA+B,CAAA;AAC3F,OAAO,EAAE,YAAY,EAAE,MAAM,kBAAkB,CAAA;AAI/C,MAAM,UAAU,WAAW;IACzB,MAAM,SAAS,GAAG,YAAY,EAAE,CAAA;IAChC,MAAM,WAAW,GAAG,sBAAsB,EAAE,CAAA;IAE5C,MAAM,EAAE,IAAI,EAAE,GAAG,gBAAgB,CAAC;QAChC,QAAQ,EAAE,mBAAmB,EAAE;QAC/B,OAAO,EAAE,GAAG,EAAE;YACZ,OAAO,SAAS,CAAC,IAAI;iBAClB,GAAG,CAAiC,WAAW,CAAC;iBAChD,KAAK,CAAC,GAAG,EAAE,CAAC,mBAAmB,CAAC,CAAA;QACrC,CAAC;QACD,SAAS,EAAE,IAAI,GAAG,EAAE,GAAG,CAAC,EAAE,YAAY;KACvC,CAAC,CAAA;IAEF,MAAM,QAAQ,GAAG,IAAI,CAAC,IAAI,CAAA;IAE1B,MAAM,cAAc,GAAG,WAAW,CAChC,CAAC,WAAwB,EAAE,EAAE,CAC3B,QAAQ,CAAC,IAAI,CAAC,OAAO,CAAC,EAAE,CAAC,OAAO,CAAC,IAAI,KAAK,WAAW,IAAI,OAAO,CAAC,OAAO,CAAC,EAC3E,CAAC,QAAQ,CAAC,CACX,CAAA;IAED,OAAO;QACL,QAAQ;QACR,cAAc;KACf,CAAA;AACH,CAAC;AAED,MAAM,CAAC,MAAM,iBAAiB,GAAG;IAC/B,6BAA6B,EAAE,uCAAuC;IACtE,iBAAiB,EAAE,kCAAkC;IACrD,yBAAyB,EAAE,8CAA8C;IACzE,2BAA2B,EAAE,qCAAqC;IAClE,cAAc,EAAE,wBAAwB;IACxC,wBAAwB,EAAE,kCAAkC;CACN,CAAA;AAExD,MAAM,mBAAmB,GAAmC;IAC1D,IAAI,EAAE,EAAE;IACR,KAAK,EAAE,EAAE;IACT,IAAI,EAAE;QACJ,KAAK,EAAE,CAAC;QACR,UAAU,EAAE,CAAC;KACd;CACF,CAAA","sourcesContent":["import { useSuspenseQuery } from '@tanstack/react-query'\nimport { useCallback } from 'react'\nimport { ApiCollection } from '../types'\nimport type { FeatureResource } from '../types/resources/feature_resource'\nimport { getFeaturesRequestArgs, getFeaturesQueryKey } from '../utils/request/get_features'\nimport { useApiClient } from './use_api_client'\n\ntype FeatureName = (typeof availableFeatures)[keyof typeof availableFeatures]\n\nexport function useFeatures() {\n  const apiClient = useApiClient()\n  const requestArgs = getFeaturesRequestArgs()\n\n  const { data } = useSuspenseQuery({\n    queryKey: getFeaturesQueryKey(),\n    queryFn: () => {\n      return apiClient.chat\n        .get<ApiCollection<FeatureResource>>(requestArgs)\n        .catch(() => stableEmptyFeatures)\n    },\n    staleTime: 1000 * 60 * 5, // 5 minutes\n  })\n\n  const features = data.data\n\n  const featureEnabled = useCallback(\n    (featureName: FeatureName) =>\n      features.some(feature => feature.name === featureName && feature.enabled),\n    [features]\n  )\n\n  return {\n    features,\n    featureEnabled,\n  }\n}\n\nexport const availableFeatures = {\n  gender_specific_conversations: 'ROLLOUT_gender_specific_conversations',\n  message_reporting: 'ROLLOUT_MOBILE_message_reporting',\n  granular_notifications_ui: 'ROLLOUT_granular_notification_preferences_ui',\n  custom_conversation_avatars: 'ROLLOUT_custom_conversation_avatars',\n  jump_to_unread: 'ROLLOUT_jump_to_unread',\n  conversation_safety_lock: 'ROLLOUT_conversation_safety_lock',\n} as const satisfies Record<string, `ROLLOUT_${string}`>\n\nconst stableEmptyFeatures: ApiCollection<FeatureResource> = {\n  data: [],\n  links: {},\n  meta: {\n    count: 0,\n    totalCount: 0,\n  },\n}\n"]}

package/build/screens/conversation_details_screen.js

@@ -66,7 +66,7 @@ export function ConversationDetailsScreen({ route }) {
         const memberPosition = isFirst ? 'first' : isLast ? 'last' : 'middle';
         const memberSectionStyle = memberSectionStyleMap[memberPosition];
         return {
-            type: data.child ? SectionTypes.hidden : SectionTypes.members,
+            type: SectionTypes.members,
             data,
             sectionInnerStyle: memberSectionStyle,
         };