npm - @planningcenter/chat-react-native - Versions diffs - 3.30.0-rc.6 → 3.30.0-rc.7 - Mend

@planningcenter/chat-react-native 3.30.0-rc.6 → 3.30.0-rc.7

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (31) hide show

package/build/hooks/groups/use_group_members_for_new_conversation.d.ts CHANGED Viewed

@@ -12,8 +12,9 @@ export type GroupMembersForNewConversationResult = Omit<UseSuspensePaginatorResu
  * This is specifically for the new conversation screen because we assign
  * the "Conversation owner" badge to the current person.
  */
-export declare function useGroupMembersForNewConversation({ id }: {
+export declare function useGroupMembersForNewConversation({ id, gender, }: {
     id: number;
+    gender: string | null;
 }): {
     data: MemberResource[];
     adultMembers: MemberResource[];

package/build/hooks/groups/use_group_members_for_new_conversation.d.ts.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"use_group_members_for_new_conversation.d.ts","sourceRoot":"","sources":["../../../src/hooks/groups/use_group_members_for_new_conversation.ts"],"names":[],"mappings":"AAAA,OAAO,EAAe,cAAc,EAAE,cAAc,EAAE,MAAM,aAAa,CAAA;AACzE,OAAO,EAAE,yBAAyB,EAAE,MAAM,iEAAiE,CAAA;AAE3G,OAAO,EAAE,oBAAoB,EAAE,MAAM,qBAAqB,CAAA;AAE1D,KAAK,0BAA0B,CAAC,CAAC,SAAS,cAAc,IAAI,UAAU,CACpE,OAAO,oBAAoB,CAAC,CAAC,CAAC,CAC/B,CAAA;AAED,MAAM,MAAM,oCAAoC,GAAG,IAAI,CACrD,0BAA0B,CAAC,yBAAyB,CAAC,EAAE,8CAA8C;AACrG,MAAM,CACP,GAAG;IACF,IAAI,EAAE,cAAc,EAAE,CAAA;IACtB,YAAY,EAAE,cAAc,EAAE,CAAA;IAC9B,YAAY,EAAE,cAAc,EAAE,CAAA;CAC/B,CAAA;AAED;;;GAGG;AACH,wBAAgB,iCAAiC,CAAC,EAAE,EAAE,EAAE,EAAE;~~IAAE~~,~~EAAE~~,EAAE,MAAM,CAAA;~~CAAE~~;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;~~EAsCvE~~"}
1	+ {"version":3,"file":"use_group_members_for_new_conversation.d.ts","sourceRoot":"","sources":["../../../src/hooks/groups/use_group_members_for_new_conversation.ts"],"names":[],"mappings":"AAAA,OAAO,EAAe,cAAc,EAAE,cAAc,EAAE,MAAM,aAAa,CAAA;AACzE,OAAO,EAAE,yBAAyB,EAAE,MAAM,iEAAiE,CAAA;AAE3G,OAAO,EAAE,oBAAoB,EAAE,MAAM,qBAAqB,CAAA;AAE1D,KAAK,0BAA0B,CAAC,CAAC,SAAS,cAAc,IAAI,UAAU,CACpE,OAAO,oBAAoB,CAAC,CAAC,CAAC,CAC/B,CAAA;AAED,MAAM,MAAM,oCAAoC,GAAG,IAAI,CACrD,0BAA0B,CAAC,yBAAyB,CAAC,EAAE,8CAA8C;AACrG,MAAM,CACP,GAAG;IACF,IAAI,EAAE,cAAc,EAAE,CAAA;IACtB,YAAY,EAAE,cAAc,EAAE,CAAA;IAC9B,YAAY,EAAE,cAAc,EAAE,CAAA;CAC/B,CAAA;AAED;;;GAGG;AACH,wBAAgB,iCAAiC,CAAC,EAChD,EAAE,EACF,MAAM,GACP,EAAE;IACD,EAAE,EAAE,MAAM,CAAA;IACV,MAAM,EAAE,MAAM,GAAG,IAAI,CAAA;CACtB;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;EAwCA"}

package/build/hooks/groups/use_group_members_for_new_conversation.js CHANGED Viewed

@@ -4,7 +4,7 @@ import { useSuspensePaginator } from '../use_suspense_api';
  * This is specifically for the new conversation screen because we assign
  * the "Conversation owner" badge to the current person.
  */
-export function useGroupMembersForNewConversation({ id }) {
+export function useGroupMembersForNewConversation({ id, gender, }) {
     const currentPerson = useCurrentPerson();
     const response = useSuspensePaginator({
         url: `/me/groups/${id}/memberships`,
@@ -13,8 +13,9 @@ export function useGroupMembersForNewConversation({ id }) {
             include: ['person'],
             fields: {
                 Membership: ['person, role'],
-                Person: ['avatar_url', 'name', 'first_name', 'last_name', 'child'],
+                Person: ['avatar_url', 'name', 'first_name', 'last_name', 'child', 'gender'],
             },
+            ...(gender ? { where: { gender } } : {}),
         },
         app: 'groups',
     });
@@ -26,6 +27,7 @@ export function useGroupMembersForNewConversation({ id }) {
             avatar: person.avatarUrl,
             badges: buildBadges(membership, currentPerson.id),
             child: person.child,
+            gender: person.gender,
             id: +person.id,
             name: `${person.firstName} ${person.lastName}`,
             source: [],

package/build/hooks/groups/use_group_members_for_new_conversation.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"use_group_members_for_new_conversation.js","sourceRoot":"","sources":["../../../src/hooks/groups/use_group_members_for_new_conversation.ts"],"names":[],"mappings":"AAEA,OAAO,EAAE,gBAAgB,EAAE,MAAM,uBAAuB,CAAA;AACxD,OAAO,EAAE,oBAAoB,EAAE,MAAM,qBAAqB,CAAA;AAe1D;;;GAGG;AACH,MAAM,UAAU,iCAAiC,CAAC,~~EAAE~~,EAAE,~~EAAkB~~;~~IACtE~~,MAAM,aAAa,GAAG,gBAAgB,EAAE,CAAA;IACxC,MAAM,QAAQ,GAAG,oBAAoB,CAA4B;QAC/D,GAAG,EAAE,cAAc,EAAE,cAAc;QACnC,IAAI,EAAE;YACJ,OAAO,EAAE,GAAG;YACZ,OAAO,EAAE,CAAC,QAAQ,CAAC;YACnB,MAAM,EAAE;gBACN,UAAU,EAAE,CAAC,cAAc,CAAC;gBAC5B,MAAM,EAAE,CAAC,YAAY,EAAE,MAAM,EAAE,YAAY,EAAE,WAAW,EAAE,OAAO,CAAC;~~aACnE~~;~~SACF~~;QACD,GAAG,EAAE,QAAQ;KACd,CAAC,CAAA;IAEF,MAAM,EAAE,IAAI,EAAE,WAAW,GAAG,EAAE,EAAE,GAAG,QAAQ,CAAA;IAC3C,MAAM,OAAO,GAAqB,WAAW,CAAC,GAAG,CAAC,UAAU,CAAC,EAAE;QAC7D,MAAM,EAAE,MAAM,EAAE,GAAG,UAAU,CAAA;QAC7B,OAAO;YACL,IAAI,EAAE,QAAQ;YACd,MAAM,EAAE,MAAM,CAAC,SAAS;YACxB,MAAM,EAAE,WAAW,CAAC,UAAU,EAAE,aAAa,CAAC,EAAE,CAAC;YACjD,KAAK,EAAE,MAAM,CAAC,KAAK;YACnB,EAAE,EAAE,CAAC,MAAM,CAAC,EAAE;YACd,IAAI,EAAE,GAAG,MAAM,CAAC,SAAS,IAAI,MAAM,CAAC,QAAQ,EAAE;YAC9C,MAAM,EAAE,EAAE;YACV,IAAI,EAAE,UAAU,CAAC,IAAI;SACtB,CAAA;IACH,CAAC,CAAC,CAAA;IACF,MAAM,YAAY,GAAG,OAAO,CAAC,MAAM,CAAC,MAAM,CAAC,EAAE,CAAC,CAAC,MAAM,CAAC,KAAK,CAAC,CAAA;IAC5D,MAAM,YAAY,GAAG,OAAO,CAAC,MAAM,CAAC,MAAM,CAAC,EAAE,CAAC,MAAM,CAAC,KAAK,CAAC,CAAA;IAE3D,OAAO;QACL,GAAG,QAAQ;QACX,IAAI,EAAE,OAAO;QACb,YAAY;QACZ,YAAY;KACb,CAAA;AACH,CAAC;AAED,SAAS,WAAW,CAClB,UAAqC,EACrC,eAAuB;IAEvB,MAAM,EAAE,MAAM,EAAE,GAAG,UAAU,CAAA;IAC7B,MAAM,MAAM,GAAG,EAAE,CAAA;IACjB,IAAI,UAAU,CAAC,IAAI,KAAK,QAAQ,EAAE,CAAC;QACjC,MAAM,CAAC,IAAI,CAAC,EAAE,KAAK,EAAE,QAAQ,EAAE,CAAC,CAAA;IAClC,CAAC;IACD,IAAI,MAAM,CAAC,EAAE,KAAK,eAAe,EAAE,CAAC;QAClC,MAAM,CAAC,IAAI,CAAC,EAAE,KAAK,EAAE,oBAAoB,EAAE,CAAC,CAAA;IAC9C,CAAC;IACD,OAAO,MAAM,CAAA;AACf,CAAC","sourcesContent":["import { MemberBadge, MemberResource, ResourceObject } from '../../types'\nimport { GroupsGroupMemberResource } from '../../types/resources/groups/groups_member_resource_with_person'\nimport { useCurrentPerson } from '../use_current_person'\nimport { useSuspensePaginator } from '../use_suspense_api'\n\ntype UseSuspensePaginatorResult<T extends ResourceObject> = ReturnType<\n typeof useSuspensePaginator<T>\n>\n\nexport type GroupMembersForNewConversationResult = Omit<\n UseSuspensePaginatorResult<GroupsGroupMemberResource>, // We are passing our own \"members\" data shape\n 'data'\n> & {\n data: MemberResource[]\n adultMembers: MemberResource[]\n childMembers: MemberResource[]\n}\n\n/*\n This is specifically for the new conversation screen because we assign\n * the \"Conversation owner\" badge to the current person.\n */\nexport function useGroupMembersForNewConversation({ id }: { id: number }) {\n const currentPerson = useCurrentPerson()\n const response = useSuspensePaginator<GroupsGroupMemberResource>({\n url: `/me/groups/${id}/memberships`,\n data: {\n perPage: 100,\n include: ['person'],\n fields: {\n Membership: ['person, role'],\n Person: ['avatar_url', 'name', 'first_name', 'last_name', 'child'],\n },\n },\n app: 'groups',\n })\n\n const { data: memberships = [] } = response\n const members: MemberResource[] = memberships.map(membership => {\n const { person } = membership\n return {\n type: 'Member',\n avatar: person.avatarUrl,\n badges: buildBadges(membership, currentPerson.id),\n child: person.child,\n id: +person.id,\n name: `${person.firstName} ${person.lastName}`,\n source: [],\n role: membership.role,\n }\n })\n const adultMembers = members.filter(member => !member.child)\n const childMembers = members.filter(member => member.child)\n\n return {\n ...response,\n data: members,\n adultMembers,\n childMembers,\n }\n}\n\nfunction buildBadges(\n membership: GroupsGroupMemberResource,\n currentPersonId: number\n): MemberBadge[] {\n const { person } = membership\n const badges = []\n if (membership.role === 'leader') {\n badges.push({ title: 'Leader' })\n }\n if (person.id === currentPersonId) {\n badges.push({ title: 'Conversation owner' })\n }\n return badges\n}\n"]}
1	+ {"version":3,"file":"use_group_members_for_new_conversation.js","sourceRoot":"","sources":["../../../src/hooks/groups/use_group_members_for_new_conversation.ts"],"names":[],"mappings":"AAEA,OAAO,EAAE,gBAAgB,EAAE,MAAM,uBAAuB,CAAA;AACxD,OAAO,EAAE,oBAAoB,EAAE,MAAM,qBAAqB,CAAA;AAe1D;;;GAGG;AACH,MAAM,UAAU,iCAAiC,CAAC,EAChD,EAAE,EACF,MAAM,GAIP;IACC,MAAM,aAAa,GAAG,gBAAgB,EAAE,CAAA;IACxC,MAAM,QAAQ,GAAG,oBAAoB,CAA4B;QAC/D,GAAG,EAAE,cAAc,EAAE,cAAc;QACnC,IAAI,EAAE;YACJ,OAAO,EAAE,GAAG;YACZ,OAAO,EAAE,CAAC,QAAQ,CAAC;YACnB,MAAM,EAAE;gBACN,UAAU,EAAE,CAAC,cAAc,CAAC;gBAC5B,MAAM,EAAE,CAAC,YAAY,EAAE,MAAM,EAAE,YAAY,EAAE,WAAW,EAAE,OAAO,EAAE,QAAQ,CAAC;aAC7E;YACD,GAAG,CAAC,MAAM,CAAC,CAAC,CAAC,EAAE,KAAK,EAAE,EAAE,MAAM,EAAE,EAAE,CAAC,CAAC,CAAC,EAAE,CAAC;SACzC;QACD,GAAG,EAAE,QAAQ;KACd,CAAC,CAAA;IAEF,MAAM,EAAE,IAAI,EAAE,WAAW,GAAG,EAAE,EAAE,GAAG,QAAQ,CAAA;IAC3C,MAAM,OAAO,GAAqB,WAAW,CAAC,GAAG,CAAC,UAAU,CAAC,EAAE;QAC7D,MAAM,EAAE,MAAM,EAAE,GAAG,UAAU,CAAA;QAC7B,OAAO;YACL,IAAI,EAAE,QAAQ;YACd,MAAM,EAAE,MAAM,CAAC,SAAS;YACxB,MAAM,EAAE,WAAW,CAAC,UAAU,EAAE,aAAa,CAAC,EAAE,CAAC;YACjD,KAAK,EAAE,MAAM,CAAC,KAAK;YACnB,MAAM,EAAE,MAAM,CAAC,MAAM;YACrB,EAAE,EAAE,CAAC,MAAM,CAAC,EAAE;YACd,IAAI,EAAE,GAAG,MAAM,CAAC,SAAS,IAAI,MAAM,CAAC,QAAQ,EAAE;YAC9C,MAAM,EAAE,EAAE;YACV,IAAI,EAAE,UAAU,CAAC,IAAI;SACtB,CAAA;IACH,CAAC,CAAC,CAAA;IACF,MAAM,YAAY,GAAG,OAAO,CAAC,MAAM,CAAC,MAAM,CAAC,EAAE,CAAC,CAAC,MAAM,CAAC,KAAK,CAAC,CAAA;IAC5D,MAAM,YAAY,GAAG,OAAO,CAAC,MAAM,CAAC,MAAM,CAAC,EAAE,CAAC,MAAM,CAAC,KAAK,CAAC,CAAA;IAE3D,OAAO;QACL,GAAG,QAAQ;QACX,IAAI,EAAE,OAAO;QACb,YAAY;QACZ,YAAY;KACb,CAAA;AACH,CAAC;AAED,SAAS,WAAW,CAClB,UAAqC,EACrC,eAAuB;IAEvB,MAAM,EAAE,MAAM,EAAE,GAAG,UAAU,CAAA;IAC7B,MAAM,MAAM,GAAG,EAAE,CAAA;IACjB,IAAI,UAAU,CAAC,IAAI,KAAK,QAAQ,EAAE,CAAC;QACjC,MAAM,CAAC,IAAI,CAAC,EAAE,KAAK,EAAE,QAAQ,EAAE,CAAC,CAAA;IAClC,CAAC;IACD,IAAI,MAAM,CAAC,EAAE,KAAK,eAAe,EAAE,CAAC;QAClC,MAAM,CAAC,IAAI,CAAC,EAAE,KAAK,EAAE,oBAAoB,EAAE,CAAC,CAAA;IAC9C,CAAC;IACD,OAAO,MAAM,CAAA;AACf,CAAC","sourcesContent":["import { MemberBadge, MemberResource, ResourceObject } from '../../types'\nimport { GroupsGroupMemberResource } from '../../types/resources/groups/groups_member_resource_with_person'\nimport { useCurrentPerson } from '../use_current_person'\nimport { useSuspensePaginator } from '../use_suspense_api'\n\ntype UseSuspensePaginatorResult<T extends ResourceObject> = ReturnType<\n typeof useSuspensePaginator<T>\n>\n\nexport type GroupMembersForNewConversationResult = Omit<\n UseSuspensePaginatorResult<GroupsGroupMemberResource>, // We are passing our own \"members\" data shape\n 'data'\n> & {\n data: MemberResource[]\n adultMembers: MemberResource[]\n childMembers: MemberResource[]\n}\n\n/*\n This is specifically for the new conversation screen because we assign\n * the \"Conversation owner\" badge to the current person.\n */\nexport function useGroupMembersForNewConversation({\n id,\n gender,\n}: {\n id: number\n gender: string \| null\n}) {\n const currentPerson = useCurrentPerson()\n const response = useSuspensePaginator<GroupsGroupMemberResource>({\n url: `/me/groups/${id}/memberships`,\n data: {\n perPage: 100,\n include: ['person'],\n fields: {\n Membership: ['person, role'],\n Person: ['avatar_url', 'name', 'first_name', 'last_name', 'child', 'gender'],\n },\n ...(gender ? { where: { gender } } : {}),\n },\n app: 'groups',\n })\n\n const { data: memberships = [] } = response\n const members: MemberResource[] = memberships.map(membership => {\n const { person } = membership\n return {\n type: 'Member',\n avatar: person.avatarUrl,\n badges: buildBadges(membership, currentPerson.id),\n child: person.child,\n gender: person.gender,\n id: +person.id,\n name: `${person.firstName} ${person.lastName}`,\n source: [],\n role: membership.role,\n }\n })\n const adultMembers = members.filter(member => !member.child)\n const childMembers = members.filter(member => member.child)\n\n return {\n ...response,\n data: members,\n adultMembers,\n childMembers,\n }\n}\n\nfunction buildBadges(\n membership: GroupsGroupMemberResource,\n currentPersonId: number\n): MemberBadge[] {\n const { person } = membership\n const badges = []\n if (membership.role === 'leader') {\n badges.push({ title: 'Leader' })\n }\n if (person.id === currentPersonId) {\n badges.push({ title: 'Conversation owner' })\n }\n return badges\n}\n"]}

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

	@@ -1 +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;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;~~EA2B1E~~"}
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"}

package/build/hooks/services/use_team_members_for_new_conversation.js CHANGED Viewed

@@ -18,6 +18,7 @@ export function useTeamMembersForNewConversation({ teamIds, planId }) {
         return people.map(person => ({
             ...person,
             type: 'Member',
+            gender: null,
         }));
     }, [people]);
     return {

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

	@@ -1 +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;~~SACf~~,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 }))\n }, [people])\n\n return {\n members,\n ...rest,\n }\n}\n\nconst stableEmptyPersonArray: TeamPersonResponseItem[] = []\n"]}
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"]}

package/build/index.d.ts CHANGED Viewed

@@ -1,4 +1,4 @@
-import '@/icons/font_awesome';
+import './icons/font_awesome';
 export { GroupConversations } from './components';
 export { ApiProvider, chatQueryClient, useFocusManager } from './contexts/api_provider';
 export * from './contexts/chat_context';

package/build/index.js CHANGED Viewed

@@ -1,4 +1,4 @@
-import '@/icons/font_awesome';
+import './icons/font_awesome';
 export { GroupConversations } from './components';
 export { ApiProvider, chatQueryClient, useFocusManager } from './contexts/api_provider';
 export * from './contexts/chat_context';

package/build/index.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"index.js","sourceRoot":"","sources":["../src/index.tsx"],"names":[],"mappings":"AAAA,OAAO,sBAAsB,CAAA;AAE7B,OAAO,EAAE,kBAAkB,EAAE,MAAM,cAAc,CAAA;AACjD,OAAO,EAAE,WAAW,EAAE,eAAe,EAAE,eAAe,EAAE,MAAM,yBAAyB,CAAA;AACvF,cAAc,yBAAyB,CAAA;AACvC,cAAc,4BAA4B,CAAA;AAC1C,cAAc,cAAc,CAAA;AAC5B,OAAO,EAAE,YAAY,EAAE,MAAM,2BAA2B,CAAA;AACxD,cAAc,WAAW,CAAA;AACzB,OAAO,EAAE,sBAAsB,EAAE,MAAM,+CAA+C,CAAA,CAAC,sBAAsB;AAC7G,cAAc,SAAS,CAAA;AACvB,OAAO,EAAE,sBAAsB,EAAE,OAAO,EAA8B,GAAG,EAAE,MAAM,SAAS,CAAA;AAC1F,cAAc,gBAAgB,CAAA;AAC9B,cAAc,yBAAyB,CAAA;AACvC,OAAO,EAAE,OAAO,IAAI,KAAK,EAAE,MAAM,0BAA0B,CAAA;AAC3D,OAAO,EAAE,WAAW,EAAE,MAAM,gCAAgC,CAAA","sourcesContent":["import '@/icons/font_awesome'\n\nexport { GroupConversations } from './components'\nexport { ApiProvider, chatQueryClient, useFocusManager } from './contexts/api_provider'\nexport * from './contexts/chat_context'\nexport * from './contexts/session_context'\nexport * from './navigation'\nexport { ScreenLayout } from './navigation/screenLayout'\nexport * from './screens'\nexport { AgeCheckUnderageScreen } from './screens/age_check/age_check_underage_screen' // TODO: add to barrel\nexport * from './types'\nexport { platformFontWeightBold, Session, TemporaryDefaultColorsType, Uri } from './utils'\nexport * from './utils/client'\nexport * from './utils/native_adapters'\nexport { default as Event } from './polyfills/events/Event'\nexport { CustomEvent } from './polyfills/events/CustomEvent'\n"]}
1	+ {"version":3,"file":"index.js","sourceRoot":"","sources":["../src/index.tsx"],"names":[],"mappings":"AAAA,OAAO,sBAAsB,CAAA;AAE7B,OAAO,EAAE,kBAAkB,EAAE,MAAM,cAAc,CAAA;AACjD,OAAO,EAAE,WAAW,EAAE,eAAe,EAAE,eAAe,EAAE,MAAM,yBAAyB,CAAA;AACvF,cAAc,yBAAyB,CAAA;AACvC,cAAc,4BAA4B,CAAA;AAC1C,cAAc,cAAc,CAAA;AAC5B,OAAO,EAAE,YAAY,EAAE,MAAM,2BAA2B,CAAA;AACxD,cAAc,WAAW,CAAA;AACzB,OAAO,EAAE,sBAAsB,EAAE,MAAM,+CAA+C,CAAA,CAAC,sBAAsB;AAC7G,cAAc,SAAS,CAAA;AACvB,OAAO,EAAE,sBAAsB,EAAE,OAAO,EAA8B,GAAG,EAAE,MAAM,SAAS,CAAA;AAC1F,cAAc,gBAAgB,CAAA;AAC9B,cAAc,yBAAyB,CAAA;AACvC,OAAO,EAAE,OAAO,IAAI,KAAK,EAAE,MAAM,0BAA0B,CAAA;AAC3D,OAAO,EAAE,WAAW,EAAE,MAAM,gCAAgC,CAAA","sourcesContent":["import './icons/font_awesome'\n\nexport { GroupConversations } from './components'\nexport { ApiProvider, chatQueryClient, useFocusManager } from './contexts/api_provider'\nexport * from './contexts/chat_context'\nexport * from './contexts/session_context'\nexport * from './navigation'\nexport { ScreenLayout } from './navigation/screenLayout'\nexport * from './screens'\nexport { AgeCheckUnderageScreen } from './screens/age_check/age_check_underage_screen' // TODO: add to barrel\nexport * from './types'\nexport { platformFontWeightBold, Session, TemporaryDefaultColorsType, Uri } from './utils'\nexport * from './utils/client'\nexport * from './utils/native_adapters'\nexport { default as Event } from './polyfills/events/Event'\nexport { CustomEvent } from './polyfills/events/CustomEvent'\n"]}

package/build/screens/conversation_new/components/groups_form.d.ts.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"groups_form.d.ts","sourceRoot":"","sources":["../../../../src/screens/conversation_new/components/groups_form.tsx"],"names":[],"mappings":"AACA,OAAO,KAAiD,MAAM,OAAO,CAAA;AAarE,OAAO,EAAE,OAAO,EAAE,MAAM,yCAAyC,CAAA;AAOjE,KAAK,eAAe,GAAG;IACrB,OAAO,EAAE,MAAM,CAAA;IACf,mBAAmB,CAAC,EAAE,OAAO,CAAA;CAC9B,CAAA;AAED,eAAO,MAAM,UAAU,qCAAsC,eAAe,~~sBAwF3E~~,CAAA"}
1	+ {"version":3,"file":"groups_form.d.ts","sourceRoot":"","sources":["../../../../src/screens/conversation_new/components/groups_form.tsx"],"names":[],"mappings":"AACA,OAAO,KAAiD,MAAM,OAAO,CAAA;AAarE,OAAO,EAAE,OAAO,EAAE,MAAM,yCAAyC,CAAA;AAOjE,KAAK,eAAe,GAAG;IACrB,OAAO,EAAE,MAAM,CAAA;IACf,mBAAmB,CAAC,EAAE,OAAO,CAAA;CAC9B,CAAA;AAED,eAAO,MAAM,UAAU,qCAAsC,eAAe,sBA6F3E,CAAA"}

package/build/screens/conversation_new/components/groups_form.js CHANGED Viewed

@@ -27,8 +27,12 @@ export const GroupsForm = ({ groupId, chat_group_graph_id }) => {
         },
         app: 'groups',
     });
-    const groupMemberships = useGroupMembersForNewConversation({ id: groupId });
     const activeGenderId = genderFilterEnabled ? genderId : null;
+    const activeGenderValue = genderFilterEnabled ? genderValue : null;
+    const groupMemberships = useGroupMembersForNewConversation({
+        id: groupId,
+        gender: activeGenderValue,
+    });
     const handleGenderToggle = (enabled) => {
         const displayLabel = genderValue ? genderDisplayLabel(genderValue) : '';
         const defaultTitle = `${group.name} (${displayLabel})`;
@@ -57,11 +61,11 @@ export const GroupsForm = ({ groupId, chat_group_graph_id }) => {
         onSuccess: redirectToConversation,
     });
     return (<KeyboardView>
-      <FormList memberData={groupMemberships.adultMembers} loadingMore={groupMemberships.isFetchingNextPage} onEndReached={groupMemberships.fetchNextPage} FormContent={<FormContent group={group} title={title} setTitle={setTitle} genderFilterAvailable={genderFilterAvailable} genderFilterEnabled={genderFilterEnabled} genderValue={genderValue} genderFetching={genderFetching} onGenderToggle={handleGenderToggle} groupMemberships={groupMemberships}/>}/>
+      <FormList memberData={groupMemberships.adultMembers} loadingMore={groupMemberships.isFetchingNextPage} onEndReached={groupMemberships.fetchNextPage} FormContent={<FormContent group={group} title={title} setTitle={setTitle} genderFilterAvailable={genderFilterAvailable} genderFilterEnabled={genderFilterEnabled} genderValue={genderValue} genderFetching={genderFetching} onGenderToggle={handleGenderToggle} groupMemberships={groupMemberships} filteredMemberCount={groupMemberships.adultMembers.length}/>}/>
       <ActionButton disabled={!title || isPending} title="Start Conversation" onPress={() => handleSave()} infoText="Conversation will be automatically updated if any members are added or removed from this group."/>
     </KeyboardView>);
 };
-function FormContent({ group, title, setTitle, genderFilterAvailable, genderFilterEnabled, genderValue, genderFetching, onGenderToggle, groupMemberships, }) {
+function FormContent({ group, title, setTitle, genderFilterAvailable, genderFilterEnabled, genderValue, genderFetching, onGenderToggle, groupMemberships, filteredMemberCount, }) {
     const styles = useStyles();
     const inputRef = useRef(null);
     const currentPerson = useCurrentPerson();
@@ -70,7 +74,8 @@ function FormContent({ group, title, setTitle, genderFilterAvailable, genderFilt
     const isLeader = myGroupsMembership?.role === 'leader';
     const childMembers = groupMemberships.childMembers;
     const hasChildren = childMembers.length > 0;
-    const memberHeaderLabel = `${pluralize(membershipsCount, 'member')} selected`;
+    const displayCount = genderFilterEnabled ? filteredMemberCount : membershipsCount;
+    const memberHeaderLabel = `${pluralize(displayCount, 'member')} selected`;
     const showMemberError = groupMemberships.isError;
     const handleTitleSectionPress = useCallback(() => {
         inputRef.current?.focus();

package/build/screens/conversation_new/components/groups_form.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"groups_form.js","sourceRoot":"","sources":["../../../../src/screens/conversation_new/components/groups_form.tsx"],"names":[],"mappings":"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","sourcesContent":["import { StackActions, useNavigation } from '@react-navigation/native'\nimport React, { useCallback, useMemo, useRef, useState } from 'react'\nimport { Platform, Pressable, StyleSheet, TextInput, View } from 'react-native'\nimport { Banner, ChildNotice, Heading, Text } from '../../../components'\nimport { ActionButton } from '../../../components/display/action_button'\nimport { KeyboardView } from '../../../components/display/keyboard_view'\nimport { useCurrentPerson, useSuspenseGet, useTheme } from '../../../hooks'\nimport {\n GroupMembersForNewConversationResult,\n useGroupMembersForNewConversation,\n} from '../../../hooks/groups/use_group_members_for_new_conversation'\nimport { useGroupsConversationCreate } from '../../../hooks/groups/use_groups_conversation_create'\nimport { useMyGender } from '../../../hooks/use_my_gender'\nimport { GroupsGroupResource } from '../../../types'\nimport { GraphId } from '../../../types/resources/group_resource'\nimport { pluralize } from '../../../utils'\nimport { genderDisplayLabel } from '../../../utils/gender_display_label'\nimport { Haptic } from '../../../utils/native_adapters'\nimport { Divider, FormList } from './form_list'\nimport { GenderFilterToggle } from './gender_filter_toggle'\n\ntype GroupsFormProps = {\n groupId: number\n chat_group_graph_id?: GraphId\n}\n\nexport const GroupsForm = ({ groupId, chat_group_graph_id }: GroupsFormProps) => {\n const navigation = useNavigation()\n const [title, setTitle] = useState('')\n const [genderFilterEnabled, setGenderFilterEnabled] = useState(false)\n const {\n isFeatureEnabled: genderFilterAvailable,\n genderId,\n genderValue,\n isFetching: genderFetching,\n } = useMyGender()\n const { data: group } = useSuspenseGet<GroupsGroupResource>({\n url: `/me/groups/${groupId}`,\n data: {\n fields: {\n Group: [],\n },\n },\n app: 'groups',\n })\n\n const groupMemberships = useGroupMembersForNewConversation({ id: groupId })\n\n const activeGenderId = genderFilterEnabled ? genderId : null\n\n const handleGenderToggle = (enabled: boolean) => {\n const displayLabel = genderValue ? genderDisplayLabel(genderValue) : ''\n const defaultTitle = `${group.name} (${displayLabel})`\n const shouldAutoPopulateTitle = enabled && genderValue && title === ''\n const shouldClearAutoPopulatedTitle = !enabled && title === defaultTitle\n\n setGenderFilterEnabled(enabled)\n\n if (shouldAutoPopulateTitle) {\n setTitle(defaultTitle)\n } else if (shouldClearAutoPopulatedTitle) {\n setTitle('')\n }\n }\n\n const redirectToConversation = useCallback(\n (conversationId: number) => {\n // navigate to the conversation screen\n navigation.dispatch(\n StackActions.popTo('Conversation', {\n conversation_id: conversationId,\n chat_group_graph_id,\n })\n )\n Haptic.notificationSuccess()\n },\n [chat_group_graph_id, navigation]\n )\n\n const { mutate: handleSave, isPending } = useGroupsConversationCreate({\n groupId,\n title,\n genderId: activeGenderId,\n onSuccess: redirectToConversation,\n })\n\n return (\n <KeyboardView>\n <FormList\n memberData={groupMemberships.adultMembers}\n loadingMore={groupMemberships.isFetchingNextPage}\n onEndReached={groupMemberships.fetchNextPage}\n FormContent={\n <FormContent\n group={group}\n title={title}\n setTitle={setTitle}\n genderFilterAvailable={genderFilterAvailable}\n genderFilterEnabled={genderFilterEnabled}\n genderValue={genderValue}\n genderFetching={genderFetching}\n onGenderToggle={handleGenderToggle}\n groupMemberships={groupMemberships}\n />\n }\n />\n <ActionButton\n disabled={!title \|\| isPending}\n title=\"Start Conversation\"\n onPress={() => handleSave()}\n infoText=\"Conversation will be automatically updated if any members are added or removed from this group.\"\n />\n </KeyboardView>\n )\n}\n\ninterface FormContentProps {\n group: GroupsGroupResource\n title: string\n setTitle: (title: string) => void\n genderFilterAvailable: boolean\n genderFilterEnabled: boolean\n genderValue: string \| null\n genderFetching: boolean\n onGenderToggle: (enabled: boolean) => void\n groupMemberships: GroupMembersForNewConversationResult\n}\n\nfunction FormContent({\n group,\n title,\n setTitle,\n genderFilterAvailable,\n genderFilterEnabled,\n genderValue,\n genderFetching,\n onGenderToggle,\n groupMemberships,\n}: FormContentProps) {\n const styles = useStyles()\n const inputRef = useRef<TextInput>(null)\n const currentPerson = useCurrentPerson()\n const { name, membershipsCount } = group\n\n const myGroupsMembership = useMemo(\n () => groupMemberships.data.find(m => m.id === currentPerson.id),\n [groupMemberships.data, currentPerson.id]\n )\n const isLeader = myGroupsMembership?.role === 'leader'\n\n const childMembers = groupMemberships.childMembers\n const hasChildren = childMembers.length > 0\n const memberHeaderLabel = `${pluralize(membershipsCount, 'member')} selected`\n\n const showMemberError = groupMemberships.isError\n\n const handleTitleSectionPress = useCallback(() => {\n inputRef.current?.focus()\n }, [])\n\n return (\n <View style={styles.formContent}>\n <View style={styles.toSection}>\n <Heading variant=\"h3\">To:</Heading>\n <Text style={styles.groupName}>{name}</Text>\n </View>\n <Divider />\n <Pressable style={styles.titleSection} onPress={handleTitleSectionPress}>\n <Heading variant=\"h3\">Title</Heading>\n <TextInput\n placeholder=\"Topic of conversation (required)\"\n value={title}\n onChangeText={setTitle}\n style={styles.titleInput}\n autoFocus={true}\n ref={inputRef}\n />\n </Pressable>\n <Divider />\n {genderFilterAvailable && (\n <>\n <GenderFilterToggle\n genderValue={genderValue}\n isFetching={genderFetching}\n enabled={genderFilterEnabled}\n onToggle={onGenderToggle}\n />\n <Divider />\n </>\n )}\n <View style={styles.memberSection}>\n <Heading variant=\"h3\">{memberHeaderLabel}</Heading>\n {hasChildren && (\n <ChildNotice childMembers={childMembers} showMembers={isLeader} style={styles.banner} />\n )}\n {showMemberError && (\n <Banner\n appearance=\"error\"\n description=\"There was an issue loading group members, please refresh and try again.\"\n style={styles.banner}\n />\n )}\n </View>\n </View>\n )\n}\n\nconst useStyles = () => {\n const { colors } = useTheme()\n const sectionPadding = 16\n const inputPadding = 8\n\n return StyleSheet.create({\n formContent: {\n paddingBottom: sectionPadding,\n flex: 1,\n },\n toSection: {\n padding: sectionPadding,\n flexDirection: 'row',\n gap: 8,\n },\n groupName: {\n fontSize: 18,\n flex: 1,\n },\n titleSection: {\n padding: sectionPadding,\n paddingBottom: Platform.select({\n ios: sectionPadding,\n android: sectionPadding - inputPadding,\n }),\n gap: Platform.select({\n ios: 8,\n android: 0,\n }),\n },\n titleInput: {\n fontSize: 18,\n color: colors.textColorDefaultPrimary,\n },\n memberSection: {\n padding: sectionPadding,\n paddingBottom: 0,\n },\n banner: {\n marginTop: 16,\n },\n })\n}\n"]}
1	+ {"version":3,"file":"groups_form.js","sourceRoot":"","sources":["../../../../src/screens/conversation_new/components/groups_form.tsx"],"names":[],"mappings":"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","sourcesContent":["import { StackActions, useNavigation } from '@react-navigation/native'\nimport React, { useCallback, useMemo, useRef, useState } from 'react'\nimport { Platform, Pressable, StyleSheet, TextInput, View } from 'react-native'\nimport { Banner, ChildNotice, Heading, Text } from '../../../components'\nimport { ActionButton } from '../../../components/display/action_button'\nimport { KeyboardView } from '../../../components/display/keyboard_view'\nimport { useCurrentPerson, useSuspenseGet, useTheme } from '../../../hooks'\nimport {\n GroupMembersForNewConversationResult,\n useGroupMembersForNewConversation,\n} from '../../../hooks/groups/use_group_members_for_new_conversation'\nimport { useGroupsConversationCreate } from '../../../hooks/groups/use_groups_conversation_create'\nimport { useMyGender } from '../../../hooks/use_my_gender'\nimport { GroupsGroupResource } from '../../../types'\nimport { GraphId } from '../../../types/resources/group_resource'\nimport { pluralize } from '../../../utils'\nimport { genderDisplayLabel } from '../../../utils/gender_display_label'\nimport { Haptic } from '../../../utils/native_adapters'\nimport { Divider, FormList } from './form_list'\nimport { GenderFilterToggle } from './gender_filter_toggle'\n\ntype GroupsFormProps = {\n groupId: number\n chat_group_graph_id?: GraphId\n}\n\nexport const GroupsForm = ({ groupId, chat_group_graph_id }: GroupsFormProps) => {\n const navigation = useNavigation()\n const [title, setTitle] = useState('')\n const [genderFilterEnabled, setGenderFilterEnabled] = useState(false)\n const {\n isFeatureEnabled: genderFilterAvailable,\n genderId,\n genderValue,\n isFetching: genderFetching,\n } = useMyGender()\n const { data: group } = useSuspenseGet<GroupsGroupResource>({\n url: `/me/groups/${groupId}`,\n data: {\n fields: {\n Group: [],\n },\n },\n app: 'groups',\n })\n\n const activeGenderId = genderFilterEnabled ? genderId : null\n const activeGenderValue = genderFilterEnabled ? genderValue : null\n\n const groupMemberships = useGroupMembersForNewConversation({\n id: groupId,\n gender: activeGenderValue,\n })\n\n const handleGenderToggle = (enabled: boolean) => {\n const displayLabel = genderValue ? genderDisplayLabel(genderValue) : ''\n const defaultTitle = `${group.name} (${displayLabel})`\n const shouldAutoPopulateTitle = enabled && genderValue && title === ''\n const shouldClearAutoPopulatedTitle = !enabled && title === defaultTitle\n\n setGenderFilterEnabled(enabled)\n\n if (shouldAutoPopulateTitle) {\n setTitle(defaultTitle)\n } else if (shouldClearAutoPopulatedTitle) {\n setTitle('')\n }\n }\n\n const redirectToConversation = useCallback(\n (conversationId: number) => {\n // navigate to the conversation screen\n navigation.dispatch(\n StackActions.popTo('Conversation', {\n conversation_id: conversationId,\n chat_group_graph_id,\n })\n )\n Haptic.notificationSuccess()\n },\n [chat_group_graph_id, navigation]\n )\n\n const { mutate: handleSave, isPending } = useGroupsConversationCreate({\n groupId,\n title,\n genderId: activeGenderId,\n onSuccess: redirectToConversation,\n })\n\n return (\n <KeyboardView>\n <FormList\n memberData={groupMemberships.adultMembers}\n loadingMore={groupMemberships.isFetchingNextPage}\n onEndReached={groupMemberships.fetchNextPage}\n FormContent={\n <FormContent\n group={group}\n title={title}\n setTitle={setTitle}\n genderFilterAvailable={genderFilterAvailable}\n genderFilterEnabled={genderFilterEnabled}\n genderValue={genderValue}\n genderFetching={genderFetching}\n onGenderToggle={handleGenderToggle}\n groupMemberships={groupMemberships}\n filteredMemberCount={groupMemberships.adultMembers.length}\n />\n }\n />\n <ActionButton\n disabled={!title \|\| isPending}\n title=\"Start Conversation\"\n onPress={() => handleSave()}\n infoText=\"Conversation will be automatically updated if any members are added or removed from this group.\"\n />\n </KeyboardView>\n )\n}\n\ninterface FormContentProps {\n group: GroupsGroupResource\n title: string\n setTitle: (title: string) => void\n genderFilterAvailable: boolean\n genderFilterEnabled: boolean\n genderValue: string \| null\n genderFetching: boolean\n onGenderToggle: (enabled: boolean) => void\n groupMemberships: GroupMembersForNewConversationResult\n filteredMemberCount: number\n}\n\nfunction FormContent({\n group,\n title,\n setTitle,\n genderFilterAvailable,\n genderFilterEnabled,\n genderValue,\n genderFetching,\n onGenderToggle,\n groupMemberships,\n filteredMemberCount,\n}: FormContentProps) {\n const styles = useStyles()\n const inputRef = useRef<TextInput>(null)\n const currentPerson = useCurrentPerson()\n const { name, membershipsCount } = group\n\n const myGroupsMembership = useMemo(\n () => groupMemberships.data.find(m => m.id === currentPerson.id),\n [groupMemberships.data, currentPerson.id]\n )\n const isLeader = myGroupsMembership?.role === 'leader'\n\n const childMembers = groupMemberships.childMembers\n const hasChildren = childMembers.length > 0\n const displayCount = genderFilterEnabled ? filteredMemberCount : membershipsCount\n const memberHeaderLabel = `${pluralize(displayCount, 'member')} selected`\n\n const showMemberError = groupMemberships.isError\n\n const handleTitleSectionPress = useCallback(() => {\n inputRef.current?.focus()\n }, [])\n\n return (\n <View style={styles.formContent}>\n <View style={styles.toSection}>\n <Heading variant=\"h3\">To:</Heading>\n <Text style={styles.groupName}>{name}</Text>\n </View>\n <Divider />\n <Pressable style={styles.titleSection} onPress={handleTitleSectionPress}>\n <Heading variant=\"h3\">Title</Heading>\n <TextInput\n placeholder=\"Topic of conversation (required)\"\n value={title}\n onChangeText={setTitle}\n style={styles.titleInput}\n autoFocus={true}\n ref={inputRef}\n />\n </Pressable>\n <Divider />\n {genderFilterAvailable && (\n <>\n <GenderFilterToggle\n genderValue={genderValue}\n isFetching={genderFetching}\n enabled={genderFilterEnabled}\n onToggle={onGenderToggle}\n />\n <Divider />\n </>\n )}\n <View style={styles.memberSection}>\n <Heading variant=\"h3\">{memberHeaderLabel}</Heading>\n {hasChildren && (\n <ChildNotice childMembers={childMembers} showMembers={isLeader} style={styles.banner} />\n )}\n {showMemberError && (\n <Banner\n appearance=\"error\"\n description=\"There was an issue loading group members, please refresh and try again.\"\n style={styles.banner}\n />\n )}\n </View>\n </View>\n )\n}\n\nconst useStyles = () => {\n const { colors } = useTheme()\n const sectionPadding = 16\n const inputPadding = 8\n\n return StyleSheet.create({\n formContent: {\n paddingBottom: sectionPadding,\n flex: 1,\n },\n toSection: {\n padding: sectionPadding,\n flexDirection: 'row',\n gap: 8,\n },\n groupName: {\n fontSize: 18,\n flex: 1,\n },\n titleSection: {\n padding: sectionPadding,\n paddingBottom: Platform.select({\n ios: sectionPadding,\n android: sectionPadding - inputPadding,\n }),\n gap: Platform.select({\n ios: 8,\n android: 0,\n }),\n },\n titleInput: {\n fontSize: 18,\n color: colors.textColorDefaultPrimary,\n },\n memberSection: {\n padding: sectionPadding,\n paddingBottom: 0,\n },\n banner: {\n marginTop: 16,\n },\n })\n}\n"]}

package/build/screens/design_system_screen.d.ts.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"design_system_screen.d.ts","sourceRoot":"","sources":["../../src/screens/design_system_screen.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAmB,MAAM,OAAO,CAAA;~~AAiFvC~~,wBAAgB,kBAAkB,sBAmBjC"}
1	+ {"version":3,"file":"design_system_screen.d.ts","sourceRoot":"","sources":["../../src/screens/design_system_screen.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAmB,MAAM,OAAO,CAAA;AAmFvC,wBAAgB,kBAAkB,sBAmBjC"}

package/build/screens/design_system_screen.js CHANGED Viewed

@@ -35,6 +35,7 @@ const personAdult = {
     avatar: URL.avatar,
     badges: [{ title: 'Conversation owner' }, { title: 'Leader' }],
     child: false,
+    gender: null,
 };
 const personChild = {
     id: 2,
@@ -43,6 +44,7 @@ const personChild = {
     avatar: URL.two_avatars[1],
     badges: [],
     child: true,
+    gender: null,
 };
 const buttonPress = () => Alert.alert('Button clicked');
 // =================================

package/build/screens/design_system_screen.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"design_system_screen.js","sourceRoot":"","sources":["../../src/screens/design_system_screen.tsx"],"names":[],"mappings":"AACA,OAAO,EAAE,eAAe,EAAE,MAAM,uCAAuC,CAAA;AACvE,OAAO,KAAK,EAAE,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAA;AACvC,OAAO,EAAE,KAAK,EAAE,SAAS,EAAE,UAAU,EAAE,UAAU,EAAE,IAAI,EAAE,MAAM,cAAc,CAAA;AAE7E,OAAO,EACL,MAAM,EACN,WAAW,EACX,KAAK,EACL,MAAM,EACN,iBAAiB,EACjB,MAAM,EACN,YAAY,EACZ,OAAO,EACP,IAAI,EACJ,UAAU,EACV,KAAK,EACL,MAAM,EACN,OAAO,EACP,MAAM,EACN,IAAI,EACJ,UAAU,EACV,gBAAgB,EAChB,sBAAsB,GACvB,MAAM,uBAAuB,CAAA;AAC9B,OAAO,EAAE,sBAAsB,EAAE,MAAM,gDAAgD,CAAA;AACvF,OAAO,eAAe,MAAM,0CAA0C,CAAA;AACtE,OAAO,UAAU,MAAM,+CAA+C,CAAA;AACtE,OAAO,EAAE,kCAAkC,EAAE,QAAQ,EAAE,MAAM,UAAU,CAAA;AACvE,OAAO,EACL,wBAAwB,EACxB,2BAA2B,EAC3B,wBAAwB,EACxB,MAAM,GACP,MAAM,UAAU,CAAA;AAEjB,oCAAoC;AACpC,oCAAoC;AACpC,oCAAoC;AAEpC,MAAM,GAAG,GAAG;IACV,KAAK,EAAE,uCAAuC;IAC9C,MAAM,EAAE,oBAAoB;IAC5B,MAAM,EAAE,kCAAkC;IAC1C,eAAe,EAAE,kEAAkE;IACnF,WAAW,EAAE,CAAC,kCAAkC,EAAE,kCAAkC,CAAC;IACrF,aAAa,EAAE;QACb,kCAAkC;QAClC,kCAAkC;QAClC,kCAAkC;KACnC;IACD,YAAY,EAAE;QACZ,kCAAkC;QAClC,kCAAkC;QAClC,kCAAkC;QAClC,kCAAkC;KACnC;CACF,CAAA;AAED,MAAM,WAAW,GAAG;IAClB,EAAE,EAAE,CAAC;IACL,IAAI,EAAE,QAAiB;IACvB,IAAI,EAAE,UAAU;IAChB,MAAM,EAAE,GAAG,CAAC,MAAM;IAClB,MAAM,EAAE,CAAC,EAAE,KAAK,EAAE,oBAAoB,EAAE,EAAE,EAAE,KAAK,EAAE,QAAQ,EAAE,CAAC;IAC9D,KAAK,EAAE,KAAK;CACb,CAAA;AAED,MAAM,WAAW,GAAG;IAClB,EAAE,EAAE,CAAC;IACL,IAAI,EAAE,QAAiB;IACvB,IAAI,EAAE,aAAa;IACnB,MAAM,EAAE,GAAG,CAAC,WAAW,CAAC,CAAC,CAAC;IAC1B,MAAM,EAAE,EAAE;IACV,KAAK,EAAE,IAAI;CACZ,CAAA;AAED,MAAM,WAAW,GAAG,GAAG,EAAE,CAAC,KAAK,CAAC,KAAK,CAAC,gBAAgB,CAAC,CAAA;AAEvD,oCAAoC;AACpC,oCAAoC;AACpC,oCAAoC;AAEpC,MAAM,UAAU,kBAAkB;IAChC,MAAM,MAAM,GAAG,SAAS,EAAE,CAAA;IAE1B,OAAO,CACL,CAAC,UAAU,CAAC,qBAAqB,CAAC,CAAC,MAAM,CAAC,SAAS,CAAC,CAAC,KAAK,CAAC,CAAC,MAAM,CAAC,UAAU,CAAC,CAC5E;MAAA,CAAC,YAAY,CAAC,AAAD,EACb;MAAA,CAAC,oEAAoE,CACrE;MAAA,CAAC,uBAAuB,CACxB;MAAA,CAAC,iBAAiB,CAAC,AAAD,EAClB;MAAA,CAAC,kBAAkB,CAAC,AAAD,EACnB;MAAA,CAAC,iBAAiB,CAAC,AAAD,EAClB;MAAA,CAAC,cAAc,CAAC,AAAD,EACf;MAAA,CAAC,iBAAiB,CAAC,AAAD,EAClB;MAAA,CAAC,mBAAmB,CAAC,AAAD,EACpB;MAAA,CAAC,uBAAuB,CAAC,AAAD,EACxB;MAAA,CAAC,uBAAuB,CAAC,AAAD,EACxB;MAAA,CAAC,qBAAqB,CAAC,MAAM,EAC/B;IAAA,EAAE,UAAU,CAAC,CACd,CAAA;AACH,CAAC;AAUD,SAAS,YAAY,CAAC,EAAE,MAAM,EAAgB;IAC5C,OAAO,CACL,CAAC,kBAAkB,CAAC,KAAK,CAAC,OAAO,CAAC,MAAM,CAAC,CAAC,MAAM,CAAC,CAC/C;MAAA,CAAC,SAAS,CACR;QAAA,CAAC,IAAI,CAAC,gDAAgD,EAAE,IAAI,CAC5D;QAAA,CAAC,OAAO,CACN;UAAA,CAAC,OAAO,CAAC,OAAO,CAAC,IAAI,CAAC,aAAa,EAAE,OAAO,CAC5C;UAAA,CAAC,IAAI,CACH;;;UAEF,EAAE,IAAI,CACN;UAAA,CAAC,IAAI,CAAC,6BAA6B,EAAE,IAAI,CACzC;UAAA,CAAC,YAAY,CAAC,KAAK,CAAC,IAAI,CACtB;;UACF,EAAE,YAAY,CACd;UAAA,CAAC,YAAY,CAAC,KAAK,CAAC,IAAI,CACtB;;UACF,EAAE,YAAY,CAChB;QAAA,EAAE,OAAO,CACT;QAAA,CAAC,OAAO,CACN;UAAA,CAAC,OAAO,CAAC,OAAO,CAAC,IAAI,CAAC,qBAAqB,EAAE,OAAO,CACpD;UAAA,CAAC,IAAI,CACH;;;UAEF,EAAE,IAAI,CACN;UAAA,CAAC,IAAI,CACH;;;UAEF,EAAE,IAAI,CACN;UAAA,CAAC,IAAI,CAAC,OAAO,CAAC,UAAU,CACtB;;UACF,EAAE,IAAI,CACR;QAAA,EAAE,OAAO,CACT;QAAA,CAAC,OAAO,CACN;UAAA,CAAC,OAAO,CAAC,OAAO,CAAC,IAAI,CAAC,YAAY,EAAE,OAAO,CAC3C;UAAA,CAAC,IAAI,CACH;;;;UAGF,EAAE,IAAI,CACR;QAAA,EAAE,OAAO,CACT;QAAA,CAAC,OAAO,CACN;UAAA,CAAC,OAAO,CAAC,OAAO,CAAC,IAAI,CAAC,kBAAkB,EAAE,OAAO,CACjD;UAAA,CAAC,IAAI,CACH;;;UAEF,EAAE,IAAI,CACN;UAAA,CAAC,IAAI,CAAC,OAAO,CAAC,UAAU,CAAC,kDAAkD,EAAE,IAAI,CACnF;QAAA,EAAE,OAAO,CACX;MAAA,EAAE,SAAS,CACb;IAAA,EAAE,kBAAkB,CAAC,CACtB,CAAA;AACH,CAAC;AAED,qDAAqD;AACrD,aAAa;AACb,0DAA0D;AAC1D,oBAAoB;AACpB,oBAAoB;AACpB,2DAA2D;AAC3D,mBAAmB;AACnB,qGAAqG;AACrG,gEAAgE;AAChE,oBAAoB;AACpB,qBAAqB;AACrB,oBAAoB;AACpB,qEAAqE;AACrE,mBAAmB;AACnB,sGAAsG;AACtG,+FAA+F;AAC/F,oBAAoB;AACpB,sGAAsG;AACtG,oEAAoE;AACpE,qGAAqG;AACrG,uEAAuE;AACvE,4BAA4B;AAC5B,oFAAoF;AACpF,mGAAmG;AACnG,mGAAmG;AACnG,qCAAqC;AACrC,4BAA4B;AAC5B,sCAAsC;AACtC,oFAAoF;AACpF,oBAAoB;AACpB,qBAAqB;AACrB,oBAAoB;AACpB,gEAAgE;AAChE,gFAAgF;AAChF,mDAAmD;AACnD,mGAAmG;AACnG,wCAAwC;AACxC,4BAA4B;AAC5B,uDAAuD;AACvD,sGAAsG;AACtG,uGAAuG;AACvG,iGAAiG;AACjG,6DAA6D;AAC7D,4BAA4B;AAC5B,qBAAqB;AACrB,qBAAqB;AACrB,4BAA4B;AAC5B,MAAM;AACN,IAAI;AAEJ,SAAS,iBAAiB,CAAC,EAAE,MAAM,EAAgB;IACjD,OAAO,CACL,CAAC,kBAAkB,CAAC,KAAK,CAAC,YAAY,CAAC,MAAM,CAAC,CAAC,MAAM,CAAC,CACpD;MAAA,CAAC,KAAK,CACJ,KAAK,CAAC,SAAS,CACf,WAAW,CAAC,iHAAiH,CAE7H;QAAA,CAAC,GAAG,CACF;UAAA,CAAC,OAAO,CAAC,IAAI,CAAC,CAAC,EAAE,CAAC,EACpB;QAAA,EAAE,GAAG,CACP;MAAA,EAAE,KAAK,CACT;IAAA,EAAE,kBAAkB,CAAC,CACtB,CAAA;AACH,CAAC;AAED,SAAS,kBAAkB,CAAC,EAAE,MAAM,EAAgB;IAClD,MAAM,MAAM,GAAG,SAAS,EAAE,CAAA;IAE1B,OAAO,CACL,CAAC,kBAAkB,CAAC,KAAK,CAAC,gBAAgB,CAAC,MAAM,CAAC,CAAC,MAAM,CAAC,CACxD;MAAA,CAAC,KAAK,CACJ,KAAK,CAAC,SAAS,CACf,WAAW,CAAC,qHAAqH,CAEjI;QAAA,CAAC,MAAM,CAAC,KAAK,CAAC,CAAC,MAAM,CAAC,YAAY,CAAC,CACjC;UAAA,CAAC,OAAO,CAAC,SAAS,EAAE,OAAO,CAC3B;UAAA,CAAC,OAAO,CAAC,OAAO,CAAC,IAAI,CAAC,SAAS,EAAE,OAAO,CACxC;UAAA,CAAC,OAAO,CAAC,OAAO,CAAC,IAAI,CAAC,SAAS,EAAE,OAAO,CACxC;UAAA,CAAC,OAAO,CAAC,OAAO,CAAC,IAAI,CAAC,SAAS,EAAE,OAAO,CAC1C;QAAA,EAAE,MAAM,CACV;MAAA,EAAE,KAAK,CACP;MAAA,CAAC,KAAK,CAAC,KAAK,CAAC,MAAM,CAAC,WAAW,CAAC,wCAAwC,CACtE;QAAA,CAAC,MAAM,CAAC,KAAK,CAAC,CAAC,MAAM,CAAC,YAAY,CAAC,CACjC;UAAA,CAAC,IAAI,CAAC,UAAU,EAAE,IAAI,CACtB;UAAA,CAAC,IAAI,CAAC,OAAO,CAAC,WAAW,CAAC,SAAS,EAAE,IAAI,CACzC;UAAA,CAAC,IAAI,CAAC,OAAO,CAAC,UAAU,CAAC,QAAQ,EAAE,IAAI,CACvC;UAAA,CAAC,IAAI,CAAC,OAAO,CAAC,UAAU,CAAC,QAAQ,EAAE,IAAI,CACzC;QAAA,EAAE,MAAM,CACV;MAAA,EAAE,KAAK,CACT;IAAA,EAAE,kBAAkB,CAAC,CACtB,CAAA;AACH,CAAC;AAED,SAAS,iBAAiB,CAAC,EAAE,MAAM,EAAgB;IACjD,MAAM,MAAM,GAAG,SAAS,EAAE,CAAA;IAC1B,MAAM,CAAC,cAAc,EAAE,iBAAiB,CAAC,GAAG,QAAQ,CAAC,QAAQ,CAAC,CAAA;IAE9D,OAAO,CACL,CAAC,kBAAkB,CAAC,KAAK,CAAC,YAAY,CAAC,MAAM,CAAC,CAAC,MAAM,CAAC,CACpD;MAAA,CAAC,KAAK,CACJ,KAAK,CAAC,QAAQ,CACd,WAAW,CAAC,oKAAoK,CAEhL;QAAA,CAAC,GAAG,CACF;UAAA,CAAC,MAAM,CAAC,OAAO,CAAC,CAAC,WAAW,CAAC,CAAC,KAAK,CAAC,SAAS,CAAC,IAAI,CAAC,IAAI,EACvD;UAAA,CAAC,MAAM,CAAC,OAAO,CAAC,CAAC,WAAW,CAAC,CAAC,KAAK,CAAC,SAAS,CAAC,IAAI,CAAC,IAAI,EACvD;UAAA,CAAC,MAAM,CAAC,OAAO,CAAC,CAAC,WAAW,CAAC,CAAC,KAAK,CAAC,QAAQ,CAAC,UAAU,CAAC,QAAQ,CAAC,IAAI,CAAC,IAAI,EAC5E;QAAA,EAAE,GAAG,CACL;QAAA,CAAC,GAAG,CACF;UAAA,CAAC,MAAM,CAAC,QAAQ,CAAC,OAAO,CAAC,CAAC,WAAW,CAAC,CAAC,KAAK,CAAC,UAAU,CAAC,IAAI,CAAC,IAAI,EACjE;UAAA,CAAC,MAAM,CAAC,QAAQ,CAAC,OAAO,CAAC,CAAC,WAAW,CAAC,CAAC,KAAK,CAAC,UAAU,CAAC,IAAI,CAAC,IAAI,EACjE;UAAA,CAAC,MAAM,CAAC,QAAQ,CAAC,OAAO,CAAC,CAAC,WAAW,CAAC,CAAC,KAAK,CAAC,UAAU,CAAC,UAAU,CAAC,QAAQ,CAAC,IAAI,CAAC,IAAI,EACvF;QAAA,EAAE,GAAG,CACL;QAAA,CAAC,GAAG,CACF;UAAA,CAAC,MAAM,CACL,OAAO,CAAC,CAAC,WAAW,CAAC,CACrB,KAAK,CAAC,SAAS,CACf,IAAI,CAAC,IAAI,CACT,YAAY,CAAC,cAAc,CAC3B,qBAAqB,CAAC,CAAC,wBAAwB,CAAC,EAElD;UAAA,CAAC,MAAM,CACL,OAAO,CAAC,CAAC,WAAW,CAAC,CACrB,KAAK,CAAC,SAAS,CACf,IAAI,CAAC,IAAI,CACT,aAAa,CAAC,mBAAmB,CACjC,qBAAqB,CAAC,CAAC,wBAAwB,CAAC,EAElD;UAAA,CAAC,MAAM,CACL,OAAO,CAAC,CAAC,WAAW,CAAC,CACrB,KAAK,CAAC,QAAQ,CACd,UAAU,CAAC,QAAQ,CACnB,IAAI,CAAC,IAAI,CACT,YAAY,CAAC,cAAc,CAC3B,aAAa,CAAC,qBAAqB,CACnC,qBAAqB,CAAC,CAAC,wBAAwB,CAAC,EAEpD;QAAA,EAAE,GAAG,CACL;QAAA,CAAC,GAAG,CACF;UAAA,CAAC,MAAM,CAAC,OAAO,CAAC,OAAO,CAAC,CAAC,WAAW,CAAC,CAAC,KAAK,CAAC,SAAS,CAAC,IAAI,CAAC,IAAI,EAC/D;UAAA,CAAC,MAAM,CAAC,OAAO,CAAC,OAAO,CAAC,CAAC,WAAW,CAAC,CAAC,KAAK,CAAC,SAAS,CAAC,IAAI,CAAC,IAAI,EAC/D;UAAA,CAAC,MAAM,CAAC,OAAO,CAAC,OAAO,CAAC,CAAC,WAAW,CAAC,CAAC,KAAK,CAAC,QAAQ,CAAC,UAAU,CAAC,QAAQ,CAAC,IAAI,CAAC,IAAI,EACpF;QAAA,EAAE,GAAG,CACL;QAAA,CAAC,GAAG,CACF;UAAA,CAAC,MAAM,CAAC,OAAO,CAAC,CAAC,WAAW,CAAC,CAAC,KAAK,CAAC,SAAS,CAAC,IAAI,CAAC,IAAI,CAAC,OAAO,CAAC,SAAS,EACzE;UAAA,CAAC,MAAM,CAAC,OAAO,CAAC,CAAC,WAAW,CAAC,CAAC,KAAK,CAAC,SAAS,CAAC,IAAI,CAAC,IAAI,CAAC,OAAO,CAAC,SAAS,EACzE;UAAA,CAAC,MAAM,CACL,OAAO,CAAC,CAAC,WAAW,CAAC,CACrB,KAAK,CAAC,QAAQ,CACd,UAAU,CAAC,QAAQ,CACnB,IAAI,CAAC,IAAI,CACT,OAAO,CAAC,SAAS,EAErB;QAAA,EAAE,GAAG,CACL;QAAA,CAAC,GAAG,CACF;UAAA,CAAC,MAAM,CACL,OAAO,CAAC,CAAC,WAAW,CAAC,CACrB,KAAK,CAAC,SAAS,CACf,IAAI,CAAC,IAAI,CACT,OAAO,CAAC,SAAS,CACjB,YAAY,CAAC,cAAc,CAC3B,qBAAqB,CAAC,CAAC,wBAAwB,CAAC,EAElD;UAAA,CAAC,MAAM,CACL,OAAO,CAAC,CAAC,WAAW,CAAC,CACrB,KAAK,CAAC,SAAS,CACf,IAAI,CAAC,IAAI,CACT,OAAO,CAAC,SAAS,CACjB,aAAa,CAAC,mBAAmB,CACjC,qBAAqB,CAAC,CAAC,wBAAwB,CAAC,EAElD;UAAA,CAAC,MAAM,CACL,OAAO,CAAC,CAAC,WAAW,CAAC,CACrB,KAAK,CAAC,QAAQ,CACd,UAAU,CAAC,QAAQ,CACnB,IAAI,CAAC,IAAI,CACT,OAAO,CAAC,SAAS,CACjB,YAAY,CAAC,cAAc,CAC3B,aAAa,CAAC,qBAAqB,CACnC,qBAAqB,CAAC,CAAC,wBAAwB,CAAC,EAEpD;QAAA,EAAE,GAAG,CACL;QAAA,CAAC,GAAG,CACF;UAAA,CAAC,MAAM,CACL,QAAQ,CACR,OAAO,CAAC,CAAC,WAAW,CAAC,CACrB,KAAK,CAAC,UAAU,CAChB,IAAI,CAAC,IAAI,CACT,OAAO,CAAC,SAAS,CACjB,YAAY,CAAC,cAAc,CAC3B,qBAAqB,CAAC,CAAC,wBAAwB,CAAC,EAElD;UAAA,CAAC,MAAM,CACL,QAAQ,CACR,OAAO,CAAC,CAAC,WAAW,CAAC,CACrB,KAAK,CAAC,UAAU,CAChB,IAAI,CAAC,IAAI,CACT,OAAO,CAAC,SAAS,CACjB,aAAa,CAAC,mBAAmB,CACjC,qBAAqB,CAAC,CAAC,wBAAwB,CAAC,EAElD;UAAA,CAAC,MAAM,CACL,QAAQ,CACR,OAAO,CAAC,CAAC,WAAW,CAAC,CACrB,KAAK,CAAC,UAAU,CAChB,UAAU,CAAC,QAAQ,CACnB,IAAI,CAAC,IAAI,CACT,OAAO,CAAC,SAAS,CACjB,YAAY,CAAC,cAAc,CAC3B,aAAa,CAAC,qBAAqB,CACnC,qBAAqB,CAAC,CAAC,wBAAwB,CAAC,EAEpD;QAAA,EAAE,GAAG,CACL;QAAA,CAAC,GAAG,CACF;UAAA,CAAC,MAAM,CACL,OAAO,CACP,OAAO,CAAC,CAAC,WAAW,CAAC,CACrB,KAAK,CAAC,SAAS,CACf,IAAI,CAAC,IAAI,CACT,OAAO,CAAC,SAAS,CACjB,YAAY,CAAC,cAAc,CAC3B,qBAAqB,CAAC,CAAC,wBAAwB,CAAC,EAElD;UAAA,CAAC,MAAM,CACL,OAAO,CACP,OAAO,CAAC,CAAC,WAAW,CAAC,CACrB,KAAK,CAAC,SAAS,CACf,IAAI,CAAC,IAAI,CACT,OAAO,CAAC,SAAS,CACjB,aAAa,CAAC,mBAAmB,CACjC,qBAAqB,CAAC,CAAC,wBAAwB,CAAC,EAElD;UAAA,CAAC,MAAM,CACL,OAAO,CACP,OAAO,CAAC,CAAC,WAAW,CAAC,CACrB,KAAK,CAAC,QAAQ,CACd,UAAU,CAAC,QAAQ,CACnB,IAAI,CAAC,IAAI,CACT,OAAO,CAAC,SAAS,CACjB,YAAY,CAAC,cAAc,CAC3B,aAAa,CAAC,qBAAqB,CACnC,qBAAqB,CAAC,CAAC,wBAAwB,CAAC,EAEpD;QAAA,EAAE,GAAG,CACP;MAAA,EAAE,KAAK,CACP;MAAA,CAAC,KAAK,CACJ,KAAK,CAAC,cAAc,CACpB,WAAW,CAAC,2GAA2G,CAEvH;QAAA,CAAC,GAAG,CACF;UAAA,CAAC,YAAY,CACX,OAAO,CAAC,CAAC,GAAG,EAAE,CAAC,iBAAiB,CAAC,QAAQ,CAAC,CAAC,CAC3C,KAAK,CAAC,QAAQ,CACd,MAAM,CAAC,CAAC,cAAc,KAAK,QAAQ,CAAC,CACpC,kBAAkB,CAAC,+BAA+B,EAEpD;UAAA,CAAC,YAAY,CACX,OAAO,CAAC,CAAC,GAAG,EAAE,CAAC,iBAAiB,CAAC,OAAO,CAAC,CAAC,CAC1C,KAAK,CAAC,OAAO,CACb,MAAM,CAAC,CAAC,cAAc,KAAK,OAAO,CAAC,CACnC,kBAAkB,CAAC,8BAA8B,EAEnD;UAAA,CAAC,YAAY,CACX,OAAO,CAAC,CAAC,GAAG,EAAE,CAAC,iBAAiB,CAAC,MAAM,CAAC,CAAC,CACzC,KAAK,CAAC,MAAM,CACZ,MAAM,CAAC,CAAC,cAAc,KAAK,MAAM,CAAC,CAClC,aAAa,CAAC,qCAAqC,CACnD,kBAAkB,CAAC,mBAAmB,EAE1C;QAAA,EAAE,GAAG,CACP;MAAA,EAAE,KAAK,CACP;MAAA,CAAC,KAAK,CACJ,KAAK,CAAC,YAAY,CAClB,WAAW,CAAC,iNAAiN,CAE7N;QAAA,CAAC,GAAG,CACF;UAAA,CAAC,UAAU,CACT,OAAO,CAAC,CAAC,WAAW,CAAC,CACrB,IAAI,CAAC,mBAAmB,CACxB,kBAAkB,CAAC,gBAAgB,CACnC,iBAAiB,CAAC,mCAAmC,CACrD,IAAI,CAAC,IAAI,EAEX;UAAA,CAAC,UAAU,CACT,OAAO,CAAC,CAAC,WAAW,CAAC,CACrB,IAAI,CAAC,mBAAmB,CACxB,kBAAkB,CAAC,gBAAgB,CACnC,iBAAiB,CAAC,mCAAmC,CACrD,UAAU,CAAC,QAAQ,CACnB,IAAI,CAAC,IAAI,EAEX;UAAA,CAAC,UAAU,CACT,OAAO,CAAC,CAAC,WAAW,CAAC,CACrB,IAAI,CAAC,mBAAmB,CACxB,kBAAkB,CAAC,gBAAgB,CACnC,iBAAiB,CAAC,mCAAmC,CACrD,UAAU,CAAC,aAAa,CACxB,IAAI,CAAC,IAAI,EAEX;UAAA,CAAC,UAAU,CACT,OAAO,CAAC,CAAC,WAAW,CAAC,CACrB,IAAI,CAAC,mBAAmB,CACxB,kBAAkB,CAAC,gBAAgB,CACnC,iBAAiB,CAAC,mCAAmC,CACrD,SAAS,CAAC,CAAC,MAAM,CAAC,qBAAqB,CAAC,CACxC,IAAI,CAAC,KAAK,EAEZ;UAAA,CAAC,UAAU,CACT,OAAO,CAAC,CAAC,WAAW,CAAC,CACrB,IAAI,CAAC,mBAAmB,CACxB,kBAAkB,CAAC,gBAAgB,CACnC,iBAAiB,CAAC,mCAAmC,CACrD,IAAI,CAAC,MAAM,EAEf;QAAA,EAAE,GAAG,CACL;QAAA,CAAC,GAAG,CACF;UAAA,CAAC,UAAU,CACT,OAAO,CAAC,CAAC,WAAW,CAAC,CACrB,IAAI,CAAC,mBAAmB,CACxB,kBAAkB,CAAC,gBAAgB,CACnC,iBAAiB,CAAC,mCAAmC,CACrD,IAAI,CAAC,IAAI,CACT,QAAQ,EAEV;UAAA,CAAC,UAAU,CACT,OAAO,CAAC,CAAC,WAAW,CAAC,CACrB,IAAI,CAAC,mBAAmB,CACxB,kBAAkB,CAAC,gBAAgB,CACnC,iBAAiB,CAAC,mCAAmC,CACrD,UAAU,CAAC,QAAQ,CACnB,IAAI,CAAC,IAAI,CACT,QAAQ,EAEV;UAAA,CAAC,UAAU,CACT,OAAO,CAAC,CAAC,WAAW,CAAC,CACrB,IAAI,CAAC,mBAAmB,CACxB,kBAAkB,CAAC,gBAAgB,CACnC,iBAAiB,CAAC,mCAAmC,CACrD,UAAU,CAAC,aAAa,CACxB,IAAI,CAAC,IAAI,CACT,QAAQ,EAEV;UAAA,CAAC,UAAU,CACT,OAAO,CAAC,CAAC,WAAW,CAAC,CACrB,IAAI,CAAC,mBAAmB,CACxB,kBAAkB,CAAC,gBAAgB,CACnC,iBAAiB,CAAC,mCAAmC,CACrD,SAAS,CAAC,CAAC,MAAM,CAAC,qBAAqB,CAAC,CACxC,IAAI,CAAC,KAAK,CACV,QAAQ,EAEV;UAAA,CAAC,UAAU,CACT,OAAO,CAAC,CAAC,WAAW,CAAC,CACrB,IAAI,CAAC,mBAAmB,CACxB,kBAAkB,CAAC,gBAAgB,CACnC,iBAAiB,CAAC,mCAAmC,CACrD,IAAI,CAAC,MAAM,CACX,QAAQ,EAEZ;QAAA,EAAE,GAAG,CACL;QAAA,CAAC,GAAG,CACF;UAAA,CAAC,UAAU,CACT,OAAO,CAAC,CAAC,WAAW,CAAC,CACrB,IAAI,CAAC,mBAAmB,CACxB,kBAAkB,CAAC,gBAAgB,CACnC,iBAAiB,CAAC,mCAAmC,CACrD,IAAI,CAAC,IAAI,CACT,OAAO,EAET;UAAA,CAAC,UAAU,CACT,OAAO,CAAC,CAAC,WAAW,CAAC,CACrB,IAAI,CAAC,mBAAmB,CACxB,kBAAkB,CAAC,gBAAgB,CACnC,iBAAiB,CAAC,mCAAmC,CACrD,UAAU,CAAC,QAAQ,CACnB,IAAI,CAAC,IAAI,CACT,OAAO,EAET;UAAA,CAAC,UAAU,CACT,OAAO,CAAC,CAAC,WAAW,CAAC,CACrB,IAAI,CAAC,mBAAmB,CACxB,kBAAkB,CAAC,gBAAgB,CACnC,iBAAiB,CAAC,mCAAmC,CACrD,UAAU,CAAC,aAAa,CACxB,IAAI,CAAC,IAAI,CACT,OAAO,EAET;UAAA,CAAC,UAAU,CACT,OAAO,CAAC,CAAC,WAAW,CAAC,CACrB,IAAI,CAAC,mBAAmB,CACxB,kBAAkB,CAAC,gBAAgB,CACnC,iBAAiB,CAAC,mCAAmC,CACrD,SAAS,CAAC,CAAC,MAAM,CAAC,qBAAqB,CAAC,CACxC,IAAI,CAAC,KAAK,CACV,OAAO,EAET;UAAA,CAAC,UAAU,CACT,OAAO,CAAC,CAAC,WAAW,CAAC,CACrB,IAAI,CAAC,mBAAmB,CACxB,kBAAkB,CAAC,gBAAgB,CACnC,iBAAiB,CAAC,mCAAmC,CACrD,IAAI,CAAC,MAAM,CACX,OAAO,EAEX;QAAA,EAAE,GAAG,CACP;MAAA,EAAE,KAAK,CACP;MAAA,CAAC,KAAK,CACJ,KAAK,CAAC,YAAY,CAClB,WAAW,CAAC,4GAA4G,CAExH;QAAA,CAAC,GAAG,CACF;UAAA,CAAC,UAAU,CAAC,OAAO,CAAC,CAAC,WAAW,CAAC,CAAC,OAAO,EAAE,UAAU,CACrD;UAAA,CAAC,UAAU,CAAC,OAAO,CAAC,CAAC,WAAW,CAAC,CAAC,OAAO,CAAC,WAAW,CACnD;;UACF,EAAE,UAAU,CACZ;UAAA,CAAC,UAAU,CAAC,OAAO,CAAC,CAAC,WAAW,CAAC,CAAC,OAAO,CAAC,UAAU,CAClD;;UACF,EAAE,UAAU,CACZ;UAAA,CAAC,UAAU,CAAC,OAAO,CAAC,CAAC,WAAW,CAAC,CAAC,OAAO,CAAC,UAAU,CAClD;;UACF,EAAE,UAAU,CACd;QAAA,EAAE,GAAG,CACL;QAAA,CAAC,GAAG,CACF;UAAA,CAAC,UAAU,CAAC,OAAO,CAAC,CAAC,WAAW,CAAC,CAAC,UAAU,CAAC,QAAQ,CACnD;;UACF,EAAE,UAAU,CACZ;UAAA,CAAC,UAAU,CAAC,OAAO,CAAC,CAAC,WAAW,CAAC,CAAC,OAAO,CAAC,WAAW,CAAC,UAAU,CAAC,QAAQ,CACvE;;UACF,EAAE,UAAU,CACZ;UAAA,CAAC,UAAU,CAAC,OAAO,CAAC,CAAC,WAAW,CAAC,CAAC,OAAO,CAAC,UAAU,CAAC,UAAU,CAAC,QAAQ,CACtE;;UACF,EAAE,UAAU,CACZ;UAAA,CAAC,UAAU,CAAC,OAAO,CAAC,CAAC,WAAW,CAAC,CAAC,OAAO,CAAC,UAAU,CAAC,UAAU,CAAC,QAAQ,CACtE;;UACF,EAAE,UAAU,CACd;QAAA,EAAE,GAAG,CACL;QAAA,CAAC,GAAG,CACF;UAAA,CAAC,UAAU,CAAC,OAAO,CAAC,CAAC,WAAW,CAAC,CAAC,QAAQ,CACxC;;UACF,EAAE,UAAU,CACZ;UAAA,CAAC,UAAU,CAAC,OAAO,CAAC,CAAC,WAAW,CAAC,CAAC,OAAO,CAAC,WAAW,CAAC,QAAQ,CAC5D;;UACF,EAAE,UAAU,CACZ;UAAA,CAAC,UAAU,CAAC,OAAO,CAAC,CAAC,WAAW,CAAC,CAAC,OAAO,CAAC,UAAU,CAAC,QAAQ,CAC3D;;UACF,EAAE,UAAU,CACZ;UAAA,CAAC,UAAU,CAAC,OAAO,CAAC,CAAC,WAAW,CAAC,CAAC,OAAO,CAAC,UAAU,CAAC,QAAQ,CAC3D;;UACF,EAAE,UAAU,CACd;QAAA,EAAE,GAAG,CACP;MAAA,EAAE,KAAK,CACP;MAAA,CAAC,KAAK,CACJ,KAAK,CAAC,kBAAkB,CACxB,WAAW,CAAC,sIAAsI,CAElJ;QAAA,CAAC,GAAG,CAAC,KAAK,CAAC,CAAC,MAAM,CAAC,YAAY,CAAC,CAC9B;UAAA,CAAC,IAAI,CACH;gCAAoB,CAAC,GAAG,CACxB;YAAA,CAAC,gBAAgB,CAAC,OAAO,CAAC,CAAC,WAAW,CAAC,CAAC,mBAAmB,EAAE,gBAAgB,CAAE;uBACpE,CAAC,GAAG,CACf;YAAA,CAAC,gBAAgB,CAAC,OAAO,CAAC,CAAC,WAAW,CAAC,CAAC,UAAU,CAAC,QAAQ,CACzD;;YACF,EAAE,gBAAgB,CAAC,CAAC,GAAG,CACvB;uBAAW,CAAC,GAAG,CACf;YAAA,CAAC,gBAAgB,CAAC,OAAO,CAAC,CAAC,WAAW,CAAC,CAAC,QAAQ,CAC9C;;YACF,EAAE,gBAAgB,CAAC,CAAC,GAAG,CACvB;;UACF,EAAE,IAAI,CACN;UAAA,CAAC,IAAI,CAAC,OAAO,CAAC,WAAW,CACvB;gCAAoB,CAAC,GAAG,CACxB;YAAA,CAAC,gBAAgB,CAAC,OAAO,CAAC,WAAW,CAAC,OAAO,CAAC,CAAC,WAAW,CAAC,CACzD;;YACF,EAAE,gBAAgB,CAAC,CAAC,GAAG,CACvB;6BAAiB,CAAC,GAAG,CACrB;YAAA,CAAC,gBAAgB,CAAC,OAAO,CAAC,WAAW,CAAC,OAAO,CAAC,CAAC,WAAW,CAAC,CAAC,UAAU,CAAC,QAAQ,CAC7E;;YACF,EAAE,gBAAgB,CAAC,CAAC,GAAG,CACvB;uBAAW,CAAC,GAAG,CACf;YAAA,CAAC,gBAAgB,CAAC,OAAO,CAAC,WAAW,CAAC,OAAO,CAAC,CAAC,WAAW,CAAC,CAAC,QAAQ,CAClE;;YACF,EAAE,gBAAgB,CAAC,CAAC,GAAG,CACvB;;UACF,EAAE,IAAI,CACN;UAAA,CAAC,IAAI,CAAC,OAAO,CAAC,UAAU,CACtB;gCAAoB,CAAC,GAAG,CACxB;YAAA,CAAC,gBAAgB,CAAC,OAAO,CAAC,UAAU,CAAC,OAAO,CAAC,CAAC,WAAW,CAAC,CACxD;;YACF,EAAE,gBAAgB,CAAC,CAAC,GAAG,CACvB;6BAAiB,CAAC,GAAG,CACrB;YAAA,CAAC,gBAAgB,CAAC,OAAO,CAAC,UAAU,CAAC,OAAO,CAAC,CAAC,WAAW,CAAC,CAAC,UAAU,CAAC,QAAQ,CAC5E;;YACF,EAAE,gBAAgB,CAAC,CAAC,GAAG,CACvB;uBAAW,CAAC,GAAG,CACf;YAAA,CAAC,gBAAgB,CAAC,OAAO,CAAC,UAAU,CAAC,OAAO,CAAC,CAAC,WAAW,CAAC,CAAC,QAAQ,CACjE;;YACF,EAAE,gBAAgB,CAAC,CAAC,GAAG,CACvB;;UACF,EAAE,IAAI,CACN;UAAA,CAAC,IAAI,CAAC,OAAO,CAAC,UAAU,CACtB;gCAAoB,CAAC,GAAG,CACxB;YAAA,CAAC,gBAAgB,CAAC,OAAO,CAAC,UAAU,CAAC,OAAO,CAAC,CAAC,WAAW,CAAC,CACxD;;YACF,EAAE,gBAAgB,CAAC,CAAC,GAAG,CACvB;6BAAiB,CAAC,GAAG,CACrB;YAAA,CAAC,gBAAgB,CAAC,OAAO,CAAC,UAAU,CAAC,OAAO,CAAC,CAAC,WAAW,CAAC,CAAC,UAAU,CAAC,QAAQ,CAC5E;;YACF,EAAE,gBAAgB,CAAC,CAAC,GAAG,CACvB;uBAAW,CAAC,GAAG,CACf;YAAA,CAAC,gBAAgB,CAAC,OAAO,CAAC,UAAU,CAAC,OAAO,CAAC,CAAC,WAAW,CAAC,CAAC,QAAQ,CACjE;;YACF,EAAE,gBAAgB,CAAC,CAAC,GAAG,CACvB;;UACF,EAAE,IAAI,CACR;QAAA,EAAE,GAAG,CACP;MAAA,EAAE,KAAK,CACT;IAAA,EAAE,kBAAkB,CAAC,CACtB,CAAA;AACH,CAAC;AACD,SAAS,cAAc,CAAC,EAAE,MAAM,EAAgB;IAC9C,OAAO,CACL,CAAC,kBAAkB,CAAC,KAAK,CAAC,SAAS,CAAC,MAAM,CAAC,CAAC,MAAM,CAAC,CACjD;MAAA,CAAC,SAAS,CACR;QAAA,CAAC,IAAI,CACH;;;QAEF,EAAE,IAAI,CACR;MAAA,EAAE,SAAS,CACX;MAAA,CAAC,KAAK,CAAC,KAAK,CAAC,QAAQ,CAAC,WAAW,CAAC,oDAAoD,CACpF;QAAA,CAAC,GAAG,CACF;UAAA,CAAC,YAAY,CAAC,KAAK,CAAC,cAAc,CAAC,OAAO,CAAC,CAAC,GAAG,EAAE,CAAC,MAAM,CAAC,WAAW,EAAE,CAAC,EACvE;UAAA,CAAC,YAAY,CAAC,KAAK,CAAC,eAAe,CAAC,OAAO,CAAC,CAAC,GAAG,EAAE,CAAC,MAAM,CAAC,YAAY,EAAE,CAAC,EACzE;UAAA,CAAC,YAAY,CAAC,KAAK,CAAC,cAAc,CAAC,OAAO,CAAC,CAAC,GAAG,EAAE,CAAC,MAAM,CAAC,WAAW,EAAE,CAAC,EACvE;UAAA,CAAC,YAAY,CAAC,KAAK,CAAC,OAAO,CAAC,OAAO,CAAC,CAAC,GAAG,EAAE,CAAC,MAAM,CAAC,KAAK,EAAE,CAAC,EAC1D;UAAA,CAAC,YAAY,CAAC,KAAK,CAAC,MAAM,CAAC,OAAO,CAAC,CAAC,GAAG,EAAE,CAAC,MAAM,CAAC,IAAI,EAAE,CAAC,EAC1D;QAAA,EAAE,GAAG,CACP;MAAA,EAAE,KAAK,CACP;MAAA,CAAC,KAAK,CACJ,KAAK,CAAC,cAAc,CACpB,WAAW,CAAC,0DAA0D,CAEtE;QAAA,CAAC,GAAG,CACF;UAAA,CAAC,YAAY,CAAC,KAAK,CAAC,sBAAsB,CAAC,OAAO,CAAC,CAAC,GAAG,EAAE,CAAC,MAAM,CAAC,mBAAmB,EAAE,CAAC,EACvF;UAAA,CAAC,YAAY,CAAC,KAAK,CAAC,sBAAsB,CAAC,OAAO,CAAC,CAAC,GAAG,EAAE,CAAC,MAAM,CAAC,mBAAmB,EAAE,CAAC,EACvF;UAAA,CAAC,YAAY,CAAC,KAAK,CAAC,oBAAoB,CAAC,OAAO,CAAC,CAAC,GAAG,EAAE,CAAC,MAAM,CAAC,iBAAiB,EAAE,CAAC,EACrF;QAAA,EAAE,GAAG,CACP;MAAA,EAAE,KAAK,CACT;IAAA,EAAE,kBAAkB,CAAC,CACtB,CAAA;AACH,CAAC;AAED,SAAS,iBAAiB,CAAC,EAAE,MAAM,EAAgB;IACjD,MAAM,MAAM,GAAG,SAAS,EAAE,CAAA;IAC1B,MAAM,EAAE,MAAM,EAAE,GAAG,QAAQ,EAAE,CAAA;IAE7B,OAAO,CACL,CAAC,kBAAkB,CAAC,KAAK,CAAC,gBAAgB,CAAC,MAAM,CAAC,CAAC,MAAM,CAAC,CACxD;MAAA,CAAC,KAAK,CACJ,KAAK,CAAC,OAAO,CACb,WAAW,CAAC,2JAA2J,CAEvK;QAAA,CAAC,GAAG,CACF;UAAA,CAAC,KAAK,CAAC,MAAM,CAAC,CAAC,EAAE,GAAG,EAAE,GAAG,CAAC,MAAM,EAAE,CAAC,CAAC,KAAK,CAAC,CAAC,MAAM,CAAC,KAAK,CAAC,CAAC,GAAG,CAAC,kBAAkB,EAC/E;UAAA,CAAC,KAAK,CAAC,MAAM,CAAC,CAAC,EAAE,GAAG,EAAE,GAAG,CAAC,KAAK,EAAE,CAAC,CAAC,KAAK,CAAC,CAAC,MAAM,CAAC,KAAK,CAAC,CAAC,GAAG,CAAC,kBAAkB,EAC9E;UAAA,CAAC,KAAK,CAAC,MAAM,CAAC,CAAC,EAAE,GAAG,EAAE,GAAG,CAAC,KAAK,EAAE,CAAC,CAAC,KAAK,CAAC,CAAC,MAAM,CAAC,KAAK,CAAC,CAAC,GAAG,CAAC,EAAE,EAChE;QAAA,EAAE,GAAG,CACP;MAAA,EAAE,KAAK,CACP;MAAA,CAAC,KAAK,CACJ,KAAK,CAAC,wBAAwB,CAC9B,WAAW,CAAC,qLAAqL,CAEjM;QAAA,CAAC,GAAG,CACF;UAAA,CAAC,sBAAsB,CACrB,IAAI,CAAC,IAAI,CACT,GAAG,CAAC,CAAC,GAAG,CAAC,KAAK,CAAC,CACf,QAAQ,CAAC,eAAe,CACxB,aAAa,CAAC,CAAC,WAAW,CAAC,EAE7B;UAAA,CAAC,sBAAsB,CACrB,GAAG,CAAC,CAAC,GAAG,CAAC,KAAK,CAAC,CACf,QAAQ,CAAC,eAAe,CACxB,aAAa,CAAC,CAAC,WAAW,CAAC,EAE7B;UAAA,CAAC,sBAAsB,CACrB,IAAI,CAAC,IAAI,CACT,GAAG,CAAC,CAAC,GAAG,CAAC,KAAK,CAAC,CACf,QAAQ,CAAC,eAAe,CACxB,aAAa,CAAC,CAAC,WAAW,CAAC,CAC3B,OAAO,CACP,gBAAgB,EAElB;UAAA,CAAC,sBAAsB,CACrB,GAAG,CAAC,CAAC,GAAG,CAAC,KAAK,CAAC,CACf,QAAQ,CAAC,eAAe,CACxB,aAAa,CAAC,CAAC,WAAW,CAAC,CAC3B,OAAO,CACP,gBAAgB,EAElB;UAAA,CAAC,sBAAsB,CACrB,IAAI,CAAC,IAAI,CACT,GAAG,CAAC,CAAC,GAAG,CAAC,KAAK,CAAC,CACf,QAAQ,CAAC,eAAe,CACxB,aAAa,CAAC,CAAC,WAAW,CAAC,CAC3B,KAAK,EAEP;UAAA,CAAC,sBAAsB,CACrB,GAAG,CAAC,CAAC,GAAG,CAAC,KAAK,CAAC,CACf,QAAQ,CAAC,eAAe,CACxB,aAAa,CAAC,CAAC,WAAW,CAAC,CAC3B,KAAK,EAET;QAAA,EAAE,GAAG,CACP;MAAA,EAAE,KAAK,CACP;MAAA,CAAC,KAAK,CACJ,KAAK,CAAC,wBAAwB,CAC9B,WAAW,CAAC,wIAAwI,CAEpJ;QAAA,CAAC,GAAG,CACF;UAAA,CAAC,sBAAsB,CAAC,IAAI,CAAC,eAAe,CAAC,aAAa,CAAC,CAAC,WAAW,CAAC,EACxE;UAAA,CAAC,sBAAsB,CACrB,IAAI,CAAC,eAAe,CACpB,QAAQ,CAAC,MAAM,CACf,aAAa,CAAC,CAAC,WAAW,CAAC,EAE7B;UAAA,CAAC,sBAAsB,CACrB,IAAI,CAAC,eAAe,CACpB,aAAa,CAAC,CAAC,WAAW,CAAC,CAC3B,OAAO,CACP,gBAAgB,EAElB;UAAA,CAAC,sBAAsB,CACrB,IAAI,CAAC,eAAe,CACpB,QAAQ,CAAC,MAAM,CACf,aAAa,CAAC,CAAC,WAAW,CAAC,CAC3B,KAAK,EAET;QAAA,EAAE,GAAG,CACP;MAAA,EAAE,KAAK,CACP;MAAA,CAAC,KAAK,CACJ,KAAK,CAAC,QAAQ,CACd,WAAW,CAAC,0MAA0M,CAEtN;QAAA,CAAC,GAAG,CACF;UAAA,CAAC,MAAM,CAAC,SAAS,CAAC,CAAC,GAAG,CAAC,MAAM,CAAC,EAC9B;UAAA,CAAC,MAAM,CAAC,IAAI,CAAC,IAAI,CAAC,SAAS,CAAC,CAAC,GAAG,CAAC,eAAe,CAAC,EACjD;UAAA,CAAC,MAAM,CAAC,SAAS,CAAC,CAAC,GAAG,CAAC,MAAM,CAAC,EAChC;QAAA,EAAE,GAAG,CACL;QAAA,CAAC,GAAG,CACF;UAAA,CAAC,MAAM,CAAC,QAAQ,CAAC,SAAS,CAAC,SAAS,CAAC,CAAC,GAAG,CAAC,MAAM,CAAC,EACjD;UAAA,CAAC,MAAM,CAAC,QAAQ,CAAC,QAAQ,CAAC,IAAI,CAAC,IAAI,CAAC,SAAS,CAAC,CAAC,GAAG,CAAC,eAAe,CAAC,EACnE;UAAA,CAAC,MAAM,CAAC,QAAQ,CAAC,SAAS,CAAC,SAAS,CAAC,CAAC,GAAG,CAAC,MAAM,CAAC,EACnD;QAAA,EAAE,GAAG,CACL;QAAA,CAAC,GAAG,CACF;UAAA,CAAC,MAAM,CAAC,SAAS,CAAC,EAAE,EACpB;UAAA,CAAC,MAAM,CAAC,SAAS,CAAC,EAAE,CAAC,IAAI,CAAC,IAAI,EAC9B;UAAA,CAAC,MAAM,CAAC,SAAS,CAAC,EAAE,CAAC,IAAI,CAAC,IAAI,EAC9B;UAAA,CAAC,MAAM,CACL,SAAS,CAAC,CAAC,GAAG,CAAC,MAAM,CAAC,CACtB,YAAY,CAAC,CAAC,IAAI,CAAC,CACnB,gBAAgB,CAAC,cAAc,CAC/B,IAAI,CAAC,IAAI,EAEb;QAAA,EAAE,GAAG,CACP;MAAA,EAAE,KAAK,CACP;MAAA,CAAC,KAAK,CACJ,KAAK,CAAC,aAAa,CACnB,WAAW,CAAC,mKAAmK,CAE/K;QAAA,CAAC,GAAG,CACF;UAAA,CAAC,WAAW,CAAC,UAAU,CAAC,CAAC,CAAC,GAAG,CAAC,MAAM,CAAC,CAAC,EACtC;UAAA,CAAC,WAAW,CAAC,UAAU,CAAC,CAAC,CAAC,GAAG,CAAC,MAAM,EAAE,GAAG,CAAC,MAAM,EAAE,GAAG,GAAG,CAAC,WAAW,CAAC,CAAC,EACtE;UAAA,CAAC,WAAW,CAAC,UAAU,CAAC,CAAC,CAAC,GAAG,CAAC,MAAM,CAAC,CAAC,EACtC;UAAA,CAAC,WAAW,CAAC,UAAU,CAAC,CAAC,GAAG,CAAC,WAAW,CAAC,EACzC;UAAA,CAAC,WAAW,CAAC,UAAU,CAAC,CAAC,GAAG,CAAC,aAAa,CAAC,EAC3C;UAAA,CAAC,WAAW,CAAC,UAAU,CAAC,CAAC,GAAG,CAAC,YAAY,CAAC,EAC5C;QAAA,EAAE,GAAG,CACL;QAAA,CAAC,GAAG,CACF;UAAA,CAAC,WAAW,CAAC,UAAU,CAAC,CAAC,EAAE,CAAC,CAAC,YAAY,CAAC,CAAC,IAAI,CAAC,CAAC,gBAAgB,CAAC,gBAAgB,EAClF;UAAA,CAAC,WAAW,CACV,UAAU,CAAC,CAAC,EAAE,CAAC,CACf,YAAY,CAAC,CAAC,IAAI,CAAC,CACnB,gBAAgB,CAAC,sBAAsB,EAEzC;UAAA,CAAC,WAAW,CACV,UAAU,CAAC,CAAC,EAAE,CAAC,CACf,YAAY,CAAC,CAAC,IAAI,CAAC,CACnB,gBAAgB,CAAC,cAAc,CAC/B,IAAI,CAAC,IAAI,EAEX;UAAA,CAAC,WAAW,CACV,UAAU,CAAC,CAAC,EAAE,CAAC,CACf,YAAY,CAAC,CAAC,IAAI,CAAC,CACnB,gBAAgB,CAAC,eAAe,CAChC,IAAI,CAAC,IAAI,EAEb;QAAA,EAAE,GAAG,CACP;MAAA,EAAE,KAAK,CACP;MAAA,CAAC,KAAK,CACJ,KAAK,CAAC,MAAM,CACZ,WAAW,CAAC,8KAA8K,CAE1L;QAAA,CAAC,GAAG,CACF;UAAA,CAAC,sDAAsD,CACvD;UAAA,CAAC,IAAI,CAAC,IAAI,CAAC,aAAa,CAAC,IAAI,CAAC,CAAC,EAAE,CAAC,EAClC;UAAA,CAAC,IAAI,CAAC,IAAI,CAAC,qBAAqB,CAAC,IAAI,CAAC,CAAC,EAAE,CAAC,EAC1C;UAAA,CAAC,IAAI,CAAC,IAAI,CAAC,cAAc,CAAC,IAAI,CAAC,CAAC,EAAE,CAAC,CAAC,KAAK,CAAC,CAAC,MAAM,CAAC,eAAe,CAAC,EAClE;UAAA,CAAC,IAAI,CAAC,IAAI,CAAC,mBAAmB,CAAC,KAAK,CAAC,CAAC,MAAM,CAAC,IAAI,CAAC,EACpD;QAAA,EAAE,GAAG,CACP;MAAA,EAAE,KAAK,CACT;IAAA,EAAE,kBAAkB,CAAC,CACtB,CAAA;AACH,CAAC;AAED,SAAS,mBAAmB,CAAC,EAAE,MAAM,EAAgB;IACnD,MAAM,CAAC,QAAQ,EAAE,WAAW,CAAC,GAAG,QAAQ,CAAC,IAAI,CAAC,CAAA;IAC9C,MAAM,CAAC,SAAS,EAAE,YAAY,CAAC,GAAG,QAAQ,CAAC,KAAK,CAAC,CAAA;IAEjD,OAAO,CACL,CAAC,kBAAkB,CAAC,KAAK,CAAC,eAAe,CAAC,MAAM,CAAC,CAAC,MAAM,CAAC,CACvD;MAAA,CAAC,KAAK,CACJ,KAAK,CAAC,QAAQ,CACd,WAAW,CAAC,8JAA8J,CAE1K;QAAA,CAAC,GAAG,CACF;UAAA,CAAC,MAAM,CAAC,KAAK,CAAC,CAAC,QAAQ,CAAC,CAAC,aAAa,CAAC,CAAC,KAAK,CAAC,EAAE,CAAC,WAAW,CAAC,KAAK,CAAC,CAAC,EACpE;UAAA,CAAC,MAAM,CAAC,KAAK,CAAC,CAAC,SAAS,CAAC,CAAC,aAAa,CAAC,CAAC,KAAK,CAAC,EAAE,CAAC,YAAY,CAAC,KAAK,CAAC,CAAC,EACtE;UAAA,CAAC,MAAM,CAAC,KAAK,CAAC,CAAC,IAAI,CAAC,CAAC,QAAQ,EAC7B;UAAA,CAAC,MAAM,CAAC,KAAK,CAAC,CAAC,KAAK,CAAC,CAAC,QAAQ,EAChC;QAAA,EAAE,GAAG,CACP;MAAA,EAAE,KAAK,CACT;IAAA,EAAE,kBAAkB,CAAC,CACtB,CAAA;AACH,CAAC;AAED,SAAS,uBAAuB,CAAC,EAAE,MAAM,EAAgB;IACvD,OAAO,CACL,CAAC,kBAAkB,CAAC,KAAK,CAAC,mBAAmB,CAAC,MAAM,CAAC,CAAC,MAAM,CAAC,CAC3D;MAAA,CAAC,KAAK,CACJ,KAAK,CAAC,OAAO,CACb,WAAW,CAAC,qNAAqN,CAEjO;QAAA,CAAC,GAAG,CACF;UAAA,CAAC,KAAK,CAAC,KAAK,CAAC,SAAS,CAAC,UAAU,CAAC,SAAS,EAC3C;UAAA,CAAC,KAAK,CAAC,KAAK,CAAC,OAAO,CAAC,UAAU,CAAC,OAAO,EACvC;UAAA,CAAC,KAAK,CAAC,KAAK,CAAC,MAAM,CAAC,UAAU,CAAC,MAAM,EACrC;UAAA,CAAC,KAAK,CAAC,KAAK,CAAC,SAAS,CAAC,UAAU,CAAC,SAAS,EAC3C;UAAA,CAAC,KAAK,CAAC,KAAK,CAAC,SAAS,CAAC,UAAU,CAAC,SAAS,EAC7C;QAAA,EAAE,GAAG,CACL;QAAA,CAAC,GAAG,CACF;UAAA,CAAC,KAAK,CAAC,KAAK,CAAC,SAAS,CAAC,UAAU,CAAC,SAAS,CAAC,QAAQ,CAAC,cAAc,EACnE;UAAA,CAAC,KAAK,CAAC,KAAK,CAAC,OAAO,CAAC,UAAU,CAAC,OAAO,CAAC,QAAQ,CAAC,6BAA6B,EAC9E;UAAA,CAAC,KAAK,CAAC,KAAK,CAAC,MAAM,CAAC,UAAU,CAAC,MAAM,CAAC,QAAQ,CAAC,4BAA4B,EAC3E;UAAA,CAAC,KAAK,CAAC,KAAK,CAAC,SAAS,CAAC,UAAU,CAAC,SAAS,CAAC,QAAQ,CAAC,eAAe,EACpE;UAAA,CAAC,KAAK,CAAC,KAAK,CAAC,SAAS,CAAC,UAAU,CAAC,SAAS,CAAC,QAAQ,CAAC,2BAA2B,EAClF;QAAA,EAAE,GAAG,CACL;QAAA,CAAC,GAAG,CACF;UAAA,CAAC,KAAK,CACJ,OAAO,CAAC,MAAM,CACd,eAAe,CAAC,QAAQ,CACxB,KAAK,CAAC,OAAO,CACb,SAAS,CAAC,mFAAmF,EAE/F;UAAA,CAAC,KAAK,CAAC,OAAO,CAAC,MAAM,CAAC,eAAe,CAAC,QAAQ,CAAC,KAAK,CAAC,OAAO,CAAC,SAAS,CAAC,cAAc,EACrF;UAAA,CAAC,KAAK,CAAC,OAAO,CAAC,MAAM,CAAC,eAAe,CAAC,UAAU,CAAC,KAAK,CAAC,MAAM,CAAC,SAAS,CAAC,eAAe,EACvF;UAAA,CAAC,KAAK,CAAC,OAAO,CAAC,MAAM,CAAC,eAAe,CAAC,UAAU,CAAC,KAAK,CAAC,MAAM,EAC/D;QAAA,EAAE,GAAG,CACL;QAAA,CAAC,GAAG,CACF;UAAA,CAAC,KAAK,CACJ,OAAO,CAAC,YAAY,CACpB,eAAe,CAAC,QAAQ,CACxB,KAAK,CAAC,OAAO,CACb,SAAS,CAAC,mFAAmF,EAE/F;UAAA,CAAC,KAAK,CACJ,OAAO,CAAC,YAAY,CACpB,eAAe,CAAC,QAAQ,CACxB,KAAK,CAAC,OAAO,CACb,SAAS,CAAC,cAAc,EAE1B;UAAA,CAAC,KAAK,CACJ,OAAO,CAAC,YAAY,CACpB,eAAe,CAAC,UAAU,CAC1B,KAAK,CAAC,MAAM,CACZ,SAAS,CAAC,eAAe,EAE3B;UAAA,CAAC,KAAK,CAAC,OAAO,CAAC,YAAY,CAAC,eAAe,CAAC,UAAU,CAAC,KAAK,CAAC,MAAM,EACrE;QAAA,EAAE,GAAG,CACP;MAAA,EAAE,KAAK,CACP;MAAA,CAAC,KAAK,CACJ,KAAK,CAAC,QAAQ,CACd,WAAW,CAAC,+PAA+P,CAE3Q;QAAA,CAAC,MAAM,CACL;UAAA,CAAC,MAAM,CACL,UAAU,CAAC,SAAS,CACpB,QAAQ,CAAC,CAAC,KAAK,CAAC,CAChB,WAAW,CAAC,oFAAoF,EAElG;UAAA,CAAC,MAAM,CACL,UAAU,CAAC,MAAM,CACjB,OAAO,CAAC,gBAAgB,CACxB,WAAW,CAAC,oFAAoF,EAElG;UAAA,CAAC,MAAM,CACL,UAAU,CAAC,SAAS,CACpB,OAAO,CAAC,gBAAgB,CACxB,WAAW,CAAC,CACV,CAAC,eAAe,CAAC,IAAI,CACnB;0CAA0B,CAAC,GAAG,CAC9B;gBAAA,CAAC,eAAe,CAAC,IAAI,CAAC,OAAO,CAAC,CAAC,WAAW,CAAC,CACzC;;gBACF,EAAE,eAAe,CAAC,IAAI,CAAC,CAAC,GAAG,CAC3B;;cACF,EAAE,eAAe,CAAC,IAAI,CACxB,CAAC,EAEH;UAAA,CAAC,MAAM,CACL,UAAU,CAAC,SAAS,CACpB,QAAQ,CAAC,2BAA2B,CACpC,OAAO,CAAC,yBAAyB,CACjC,WAAW,CAAC,oFAAoF,EAElG;UAAA,CAAC,MAAM,CACL,UAAU,CAAC,OAAO,CAClB,OAAO,CAAC,gBAAgB,CACxB,WAAW,CAAC,oFAAoF,EAEpG;QAAA,EAAE,MAAM,CACV;MAAA,EAAE,KAAK,CACP;MAAA,CAAC,KAAK,CACJ,KAAK,CAAC,mBAAmB,CACzB,WAAW,CAAC,2EAA2E,CAEvF;QAAA,CAAC,MAAM,CACL;UAAA,CAAC,iBAAiB,CAAC,UAAU,CAAC,SAAS,CAAC,QAAQ,CAAC,CAAC,KAAK,CAAC,CAAC,OAAO,CAAC,gBAAgB,CAC/E;YAAA,CAAC,eAAe,CAAC,IAAI,CACnB;;YACF,EAAE,eAAe,CAAC,IAAI,CACxB;UAAA,EAAE,iBAAiB,CACnB;UAAA,CAAC,iBAAiB,CAAC,UAAU,CAAC,MAAM,CAAC,OAAO,CAAC,gBAAgB,CAC3D;YAAA,CAAC,eAAe,CAAC,IAAI,CACnB;;YACF,EAAE,eAAe,CAAC,IAAI,CACxB;UAAA,EAAE,iBAAiB,CACnB;UAAA,CAAC,iBAAiB,CAAC,UAAU,CAAC,SAAS,CAAC,OAAO,CAAC,gBAAgB,CAC9D;YAAA,CAAC,eAAe,CAAC,IAAI,CACnB;wCAA0B,CAAC,GAAG,CAC9B;cAAA,CAAC,eAAe,CAAC,IAAI,CAAC,OAAO,CAAC,CAAC,WAAW,CAAC,CACzC;;cACF,EAAE,eAAe,CAAC,IAAI,CAAC,CAAC,GAAG,CAC3B;;YACF,EAAE,eAAe,CAAC,IAAI,CACxB;UAAA,EAAE,iBAAiB,CACnB;UAAA,CAAC,iBAAiB,CAChB,UAAU,CAAC,SAAS,CACpB,QAAQ,CAAC,2BAA2B,CACpC,OAAO,CAAC,yBAAyB,CACjC,WAAW,CAAC,2CAA2C,CAEvD;YAAA,CAAC,eAAe,CAAC,IAAI,CACnB;;;YAEF,EAAE,eAAe,CAAC,IAAI,CACxB;UAAA,EAAE,iBAAiB,CACnB;UAAA,CAAC,iBAAiB,CAChB,UAAU,CAAC,OAAO,CAClB,OAAO,CAAC,gBAAgB,CACxB,WAAW,CAAC,oFAAoF,CAEhG;YAAA,CAAC,eAAe,CAAC,IAAI,CACnB;;;;YAGF,EAAE,eAAe,CAAC,IAAI,CACxB;UAAA,EAAE,iBAAiB,CACrB;QAAA,EAAE,MAAM,CACV;MAAA,EAAE,KAAK,CACT;IAAA,EAAE,kBAAkB,CAAC,CACtB,CAAA;AACH,CAAC;AAED,MAAM,QAAQ,GAA8C;IAC1D;QACE,QAAQ,EAAE,QAAQ;QAClB,KAAK,EAAE;YACL,YAAY;YACZ,QAAQ;YACR,OAAO;YACP,MAAM;YACN,aAAa;YACb,aAAa;YACb,eAAe;YACf,QAAQ;YACR,SAAS;YACT,iBAAiB;YACjB,YAAY;SACb;KACF;IACD;QACE,QAAQ,EAAE,UAAU;QACpB,KAAK,EAAE;YACL,QAAQ;YACR,iBAAiB;YACjB,QAAQ;YACR,gBAAgB;YAChB,YAAY;YACZ,WAAW;YACX,MAAM;YACN,UAAU;YACV,SAAS;YACT,cAAc;YACd,OAAO;YACP,gBAAgB;YAChB,MAAM;YACN,eAAe;YACf,mBAAmB;YACnB,cAAc;YACd,kBAAkB;YAClB,UAAU;YACV,WAAW;YACX,oBAAoB;YACpB,SAAS;YACT,YAAY;YACZ,aAAa;YACb,cAAc;YACd,WAAW;SACZ;KACF;IACD;QACE,QAAQ,EAAE,QAAQ;QAClB,KAAK,EAAE;YACL,QAAQ;YACR,cAAc;YACd,cAAc;YACd,QAAQ;YACR,UAAU;YACV,cAAc;YACd,OAAO;YACP,kBAAkB;YAClB,SAAS;YACT,MAAM;SACP;KACF;CACF,CAAA;AAED,SAAS,uBAAuB,CAAC,EAAE,MAAM,EAAgB;IACvD,MAAM,EAAE,MAAM,EAAE,GAAG,QAAQ,EAAE,CAAA;IAE7B,OAAO,CACL,CAAC,kBAAkB,CAAC,KAAK,CAAC,uBAAuB,CAAC,MAAM,CAAC,CAAC,MAAM,CAAC,CAC/D;MAAA,CAAC,QAAQ,CAAC,GAAG,CAAC,CAAC,EAAE,QAAQ,EAAE,KAAK,EAAE,EAAE,EAAE,CAAC,CACrC,CAAC,KAAK,CAAC,GAAG,CAAC,CAAC,QAAQ,CAAC,CAAC,KAAK,CAAC,CAAC,QAAQ,CAAC,CACpC;UAAA,CAAC,IAAI,CAAC,KAAK,CAAC,CAAC,QAAQ,CAAC,IAAI,CAAC,CACzB;YAAA,CAAC,KAAK,CAAC,GAAG,CAAC,IAAI,CAAC,EAAE,CAAC,CACjB,CAAC,IAAI,CAAC,GAAG,CAAC,CAAC,IAAI,CAAC,CAAC,KAAK,CAAC,CAAC,QAAQ,CAAC,IAAI,CAAC,CACpC;gBAAA,CAAC,eAAe,CACd,IAAI,CAAC,CAAC,CAAC,KAAK,EAAE,IAAI,CAAC,CAAC,CACpB,IAAI,CAAC,CAAC,EAAE,CAAC,CACT,KAAK,CAAC,CAAC,MAAM,CAAC,yBAAyB,CAAC,EAE1C;gBAAA,CAAC,IAAI,CAAC,OAAO,CAAC,UAAU,CAAC,aAAa,CAAC,CAAC,CAAC,CAAC,CACxC;kBAAA,CAAC,IAAI,CACP;gBAAA,EAAE,IAAI,CACR;cAAA,EAAE,IAAI,CAAC,CACR,CAAC,CACJ;UAAA,EAAE,IAAI,CACR;QAAA,EAAE,KAAK,CAAC,CACT,CAAC,CACJ;IAAA,EAAE,kBAAkB,CAAC,CACtB,CAAA;AACH,CAAC;AAED,MAAM,QAAQ,GAAG,UAAU,CAAC,MAAM,CAAC;IACjC,IAAI,EAAE;QACJ,aAAa,EAAE,KAAK;QACpB,QAAQ,EAAE,MAAM;KACjB;IACD,IAAI,EAAE;QACJ,KAAK,EAAE,KAAK;QACZ,UAAU,EAAE,QAAQ;QACpB,GAAG,EAAE,CAAC;QACN,eAAe,EAAE,EAAE;KACpB;CACF,CAAC,CAAA;AAEF,SAAS,qBAAqB,CAAC,EAAE,MAAM,EAAgB;IACrD,OAAO,CACL,CAAC,kBAAkB,CAAC,KAAK,CAAC,iBAAiB,CAAC,MAAM,CAAC,CAAC,MAAM,CAAC,CACzD;MAAA,CAAC,KAAK,CACJ,KAAK,CAAC,QAAQ,CACd,WAAW,CAAC,iNAAiN,CAE7N;QAAA,CAAC,MAAM,CACL;UAAA,CAAC,MAAM,CAAC,MAAM,CAAC,CAAC,WAAW,CAAC,EAC5B;UAAA,CAAC,MAAM,CAAC,MAAM,CAAC,CAAC,WAAW,CAAC,EAC9B;QAAA,EAAE,MAAM,CACV;MAAA,EAAE,KAAK,CACP;MAAA,CAAC,KAAK,CACJ,KAAK,CAAC,YAAY,CAClB,WAAW,CAAC,sFAAsF,CAElG;QAAA,CAAC,MAAM,CACL;UAAA,CAAC,UAAU,CAAC,IAAI,CACd;YAAA,CAAC,UAAU,CAAC,OAAO,CAAC,IAAI,CAAC,6BAA6B,EACtD;YAAA,CAAC,UAAU,CAAC,OAAO,CACjB;cAAA,CAAC,UAAU,CAAC,OAAO,CAAC,WAAW,EAAE,UAAU,CAAC,OAAO,CACnD;cAAA,CAAC,UAAU,CAAC,IAAI,CACd;;cACF,EAAE,UAAU,CAAC,IAAI,CACnB;YAAA,EAAE,UAAU,CAAC,OAAO,CACpB;YAAA,CAAC,UAAU,CAAC,MAAM,CAChB,OAAO,CAAC,CAAC,WAAW,CAAC,CACrB,KAAK,CAAC,SAAS,CACf,iBAAiB,CAAC,0CAA0C,CAC5D,iBAAiB,CAAC,MAAM,EAE5B;UAAA,EAAE,UAAU,CAAC,IAAI,CACnB;QAAA,EAAE,MAAM,CACV;MAAA,EAAE,KAAK,CACT;IAAA,EAAE,kBAAkB,CAAC,CACtB,CAAA;AACH,CAAC;AAWD,SAAS,kBAAkB,CAAC,EAAE,QAAQ,EAAE,KAAK,EAAE,MAAM,GAAG,KAAK,EAA2B;IACtF,MAAM,MAAM,GAAG,SAAS,EAAE,CAAA;IAC1B,MAAM,EAAE,MAAM,EAAE,GAAG,QAAQ,EAAE,CAAA;IAC7B,MAAM,CAAC,SAAS,EAAE,YAAY,CAAC,GAAG,QAAQ,CAAC,IAAI,CAAC,CAAA;IAEhD,OAAO,CACL,CAAC,IAAI,CAAC,KAAK,CAAC,CAAC,CAAC,MAAM,CAAC,OAAO,EAAE,MAAM,CAAC,gBAAgB,EAAE,MAAM,IAAI,MAAM,CAAC,mBAAmB,CAAC,CAAC,CAC3F;MAAA,CAAC,SAAS,CACR,OAAO,CAAC,CAAC,GAAG,EAAE,CAAC,YAAY,CAAC,CAAC,SAAS,CAAC,CAAC,CACxC,KAAK,CAAC,CAAC,CAAC,EAAE,OAAO,EAAE,EAAE,EAAE,CAAC,CAAC,MAAM,CAAC,aAAa,EAAE,OAAO,IAAI,2BAA2B,CAAC,CAAC,CACvF,cAAc,CAAC,CAAC,EAAE,KAAK,EAAE,MAAM,CAAC,oBAAoB,EAAE,UAAU,EAAE,KAAK,EAAE,UAAU,EAAE,IAAI,EAAE,CAAC,CAE5F;QAAA,CAAC,OAAO,CAAC,CAAC,KAAK,CAAC,EAAE,OAAO,CACzB;QAAA,CAAC,IAAI,CAAC,IAAI,CAAC,CAAC,SAAS,CAAC,CAAC,CAAC,cAAc,CAAC,CAAC,CAAC,eAAe,CAAC,CAAC,IAAI,CAAC,CAAC,EAAE,CAAC,EACrE;MAAA,EAAE,SAAS,CACX;MAAA,CAAC,CAAC,SAAS,IAAI,CAAC,IAAI,CAAC,KAAK,CAAC,CAAC,MAAM,CAAC,eAAe,CAAC,CAAC,CAAC,QAAQ,CAAC,EAAE,IAAI,CAAC,CACvE;IAAA,EAAE,IAAI,CAAC,CACR,CAAA;AACH,CAAC;AAQD,SAAS,KAAK,CAAC,EAAE,KAAK,EAAE,WAAW,EAAE,QAAQ,EAAc;IACzD,MAAM,MAAM,GAAG,SAAS,EAAE,CAAA;IAC1B,OAAO,CACL,CAAC,IAAI,CAAC,KAAK,CAAC,CAAC,MAAM,CAAC,KAAK,CAAC,CACxB;MAAA,CAAC,IAAI,CAAC,KAAK,CAAC,CAAC,MAAM,CAAC,YAAY,CAAC,CAC/B;QAAA,CAAC,OAAO,CAAC,OAAO,CAAC,IAAI,CAAC,CAAC,KAAK,CAAC,EAAE,OAAO,CACtC;QAAA,CAAC,WAAW,IAAI,CAAC,IAAI,CAAC,OAAO,CAAC,UAAU,CAAC,CAAC,WAAW,CAAC,EAAE,IAAI,CAAC,CAC/D;MAAA,EAAE,IAAI,CACN;MAAA,CAAC,QAAQ,CACX;IAAA,EAAE,IAAI,CAAC,CACR,CAAA;AACH,CAAC;AAOD,SAAS,GAAG,CAAC,EAAE,QAAQ,EAAE,KAAK,EAAY;IACxC,MAAM,MAAM,GAAG,SAAS,EAAE,CAAA;IAC1B,OAAO,CAAC,IAAI,CAAC,KAAK,CAAC,CAAC,CAAC,MAAM,CAAC,GAAG,EAAE,KAAK,CAAC,CAAC,CAAC,CAAC,QAAQ,CAAC,EAAE,IAAI,CAAC,CAAA;AAC5D,CAAC;AAOD,SAAS,MAAM,CAAC,EAAE,QAAQ,EAAE,KAAK,EAAe;IAC9C,MAAM,MAAM,GAAG,SAAS,EAAE,CAAA;IAC1B,OAAO,CAAC,IAAI,CAAC,KAAK,CAAC,CAAC,CAAC,MAAM,CAAC,MAAM,EAAE,KAAK,CAAC,CAAC,CAAC,CAAC,QAAQ,CAAC,EAAE,IAAI,CAAC,CAAA;AAC/D,CAAC;AAED,SAAS,SAAS,CAAC,EAAE,QAAQ,EAAiC;IAC5D,MAAM,MAAM,GAAG,SAAS,EAAE,CAAA;IAC1B,OAAO,CAAC,IAAI,CAAC,KAAK,CAAC,CAAC,MAAM,CAAC,SAAS,CAAC,CAAC,CAAC,QAAQ,CAAC,EAAE,IAAI,CAAC,CAAA;AACzD,CAAC;AAOD,SAAS,OAAO,CAAC,EAAE,QAAQ,EAAE,KAAK,EAAgB;IAChD,MAAM,MAAM,GAAG,SAAS,EAAE,CAAA;IAC1B,OAAO,CAAC,IAAI,CAAC,KAAK,CAAC,CAAC,CAAC,MAAM,CAAC,OAAO,EAAE,KAAK,CAAC,CAAC,CAAC,CAAC,QAAQ,CAAC,EAAE,IAAI,CAAC,CAAA;AAChE,CAAC;AAOD,SAAS,YAAY,CAAC,EAAE,KAAK,EAAE,QAAQ,EAAqB;IAC1D,MAAM,MAAM,GAAG,SAAS,EAAE,CAAA;IAC1B,OAAO,CACL,CAAC,IAAI,CAAC,OAAO,CAAC,UAAU,CACtB;MAAA,CAAC,IAAI,CAAC,OAAO,CAAC,UAAU,CAAC,KAAK,CAAC,CAAC,MAAM,CAAC,YAAY,CAAC,CAClD;QAAA,CAAC,KAAK,CACR;MAAA,EAAE,IAAI,CAAC,CAAC,GAAG,CACX;MAAA,CAAC,QAAQ,CACX;IAAA,EAAE,IAAI,CAAC,CACR,CAAA;AACH,CAAC;AAED,SAAS,YAAY,CAAC,EAAE,KAAK,EAAE,OAAO,EAA0C;IAC9E,MAAM,MAAM,GAAG,SAAS,EAAE,CAAA;IAE1B,OAAO,CACL,CAAC,SAAS,CACR,OAAO,CAAC,CAAC,OAAO,CAAC,CACjB,KAAK,CAAC,CAAC,CAAC,EAAE,OAAO,EAAE,EAAE,EAAE,CAAC,CAAC;YACvB,GAAG,MAAM,CAAC,YAAY;YACtB,GAAG,EAAE,OAAO,EAAE,OAAO,CAAC,CAAC,CAAC,GAAG,CAAC,CAAC,CAAC,CAAC,EAAE;SAClC,CAAC,CAAC,CAEH;MAAA,CAAC,IAAI,CAAC,KAAK,CAAC,CAAC,MAAM,CAAC,gBAAgB,CAAC,CAAC,CAAC,KAAK,CAAC,EAAE,IAAI,CACrD;IAAA,EAAE,SAAS,CAAC,CACb,CAAA;AACH,CAAC;AAED,oCAAoC;AACpC,oCAAoC;AACpC,oCAAoC;AAEpC,MAAM,SAAS,GAAG,GAAG,EAAE;IACrB,MAAM,EAAE,MAAM,EAAE,GAAG,QAAQ,EAAE,CAAA;IAC7B,MAAM,+BAA+B,GAAG,kCAAkC,EAAE,CAAA;IAE5E,OAAO,UAAU,CAAC,MAAM,CAAC;QACvB,YAAY,EAAE;YACZ,QAAQ,EAAE,CAAC;YACX,MAAM,EAAE,GAAG;YACX,OAAO,EAAE,EAAE;YACX,UAAU,EAAE,QAAQ;YACpB,cAAc,EAAE,QAAQ;YACxB,eAAe,EAAE,+BAA+B;YAChD,WAAW,EAAE,CAAC;YACd,WAAW,EAAE,MAAM,CAAC,WAAW;YAC/B,YAAY,EAAE,CAAC;SAChB;QACD,gBAAgB,EAAE;YAChB,SAAS,EAAE,QAAQ;YACnB,KAAK,EAAE,MAAM,CAAC,WAAW;SAC1B;QACD,UAAU,EAAE;YACV,IAAI,EAAE,CAAC;YACP,eAAe,EAAE,MAAM,CAAC,2BAA2B;SACpD;QACD,SAAS,EAAE;YACT,OAAO,EAAE,EAAE;SACZ;QACD,QAAQ,EAAE,EAAE,KAAK,EAAE,MAAM,CAAC,mBAAmB,EAAE;QAC/C,OAAO,EAAE;YACP,GAAG,EAAE,CAAC;YACN,WAAW,EAAE,MAAM,CAAC,mBAAmB;SACxC;QACD,gBAAgB,EAAE;YAChB,cAAc,EAAE,CAAC;SAClB;QACD,mBAAmB,EAAE;YACnB,iBAAiB,EAAE,CAAC;SACrB;QACD,aAAa,EAAE;YACb,aAAa,EAAE,KAAK;YACpB,cAAc,EAAE,eAAe;YAC/B,UAAU,EAAE,QAAQ;YACpB,eAAe,EAAE,EAAE;SACpB;QACD,eAAe,EAAE;YACf,aAAa,EAAE,EAAE;YACjB,GAAG,EAAE,EAAE;SACR;QACD,GAAG,EAAE;YACH,GAAG,EAAE,EAAE;YACP,aAAa,EAAE,KAAK;YACpB,UAAU,EAAE,QAAQ;YACpB,cAAc,EAAE,QAAQ;YACxB,QAAQ,EAAE,MAAM;SACjB;QACD,MAAM,EAAE;YACN,GAAG,EAAE,EAAE;SACR;QACD,YAAY,EAAE;YACZ,UAAU,EAAE,QAAQ;SACrB;QACD,OAAO,EAAE;YACP,GAAG,EAAE,EAAE;SACR;QACD,SAAS,EAAE;YACT,GAAG,EAAE,EAAE;SACR;QACD,YAAY,EAAE;YACZ,UAAU,EAAE,wBAAwB;SACrC;QACD,YAAY,EAAE;YACZ,cAAc,EAAE,YAAY;SAC7B;QACD,KAAK,EAAE;YACL,GAAG,EAAE,EAAE;SACR;QACD,YAAY,EAAE;YACZ,GAAG,EAAE,CAAC;SACP;QACD,KAAK,EAAE;YACL,KAAK,EAAE,GAAG;YACV,MAAM,EAAE,GAAG;SACZ;QACD,IAAI,EAAE;YACJ,QAAQ,EAAE,EAAE;YACZ,KAAK,EAAE,MAAM,CAAC,yBAAyB;SACxC;QACD,qBAAqB,EAAE;YACrB,KAAK,EAAE,QAAQ;SAChB;KACF,CAAC,CAAA;AACJ,CAAC,CAAA","sourcesContent":["import type { IconName } from '@fortawesome/fontawesome-svg-core'\nimport { FontAwesomeIcon } from '@fortawesome/react-native-fontawesome'\nimport React, { useState } from 'react'\nimport { Alert, Pressable, ScrollView, StyleSheet, View } from 'react-native'\nimport type { ViewStyle } from 'react-native'\nimport {\n Avatar,\n AvatarGroup,\n Badge,\n Banner,\n BannerCollapsible,\n Button,\n ToggleButton,\n Heading,\n Icon,\n IconButton,\n Image,\n Person,\n Spinner,\n Switch,\n Text,\n TextButton,\n TextInlineButton,\n ImageAttachmentPreview,\n} from '../components/display'\nimport { VideoAttachmentPreview } from '../components/display/video_attachment_preview'\nimport BannerPrimitive from '../components/primitive/banner_primitive'\nimport BlankState from '../components/primitive/blank_state_primitive'\nimport { useInteractionGhostBackgroundColor, useTheme } from '../hooks'\nimport {\n MAX_FONT_SIZE_MULTIPLIER,\n platformPressedOpacityStyle,\n platformFontWeightMedium,\n Haptic,\n} from '../utils'\n\n// =================================\n// ====== Docs Utils ===============\n// =================================\n\nconst URL = {\n image: 'https://picsum.photos/seed/picsum/200',\n broken: 'https://broken.url',\n avatar: 'https://i.pravatar.cc/200?img=22',\n avatar_fallback: 'https://avatars.planningcenteronline.com/uploads/initials/PR.png',\n two_avatars: ['https://i.pravatar.cc/200?img=22', 'https://i.pravatar.cc/200?img=23'],\n three_avatars: [\n 'https://i.pravatar.cc/200?img=22',\n 'https://i.pravatar.cc/200?img=23',\n 'https://i.pravatar.cc/200?img=24',\n ],\n four_avatars: [\n 'https://i.pravatar.cc/200?img=30',\n 'https://i.pravatar.cc/200?img=29',\n 'https://i.pravatar.cc/200?img=28',\n 'https://i.pravatar.cc/200?img=27',\n ],\n}\n\nconst personAdult = {\n id: 1,\n type: 'Member' as const,\n name: 'John Doe',\n avatar: URL.avatar,\n badges: [{ title: 'Conversation owner' }, { title: 'Leader' }],\n child: false,\n}\n\nconst personChild = {\n id: 2,\n type: 'Member' as const,\n name: 'Kid McChild',\n avatar: URL.two_avatars[1],\n badges: [],\n child: true,\n}\n\nconst buttonPress = () => Alert.alert('Button clicked')\n\n// =================================\n// ====== Component ================\n// =================================\n\nexport function DesignSystemScreen() {\n const styles = useStyles()\n\n return (\n <ScrollView contentContainerStyle={styles.container} style={styles.scrollView}>\n <ThemeSection />\n {/* TODO: Enable & update when we install @planningcenter/tapestry /}\n {/ <TokensSection /> /}\n <IndicatorsSection />\n <HeadingTextSection />\n <PressablesSection />\n <HapticsSection />\n <ImageIconsSection />\n <FormControlsSection />\n <StatusComponentsSection />\n <FontAwesomeIconsSection />\n <MiscComponentsSection isLast />\n </ScrollView>\n )\n}\n\n// =================================\n// ====== Sections =================\n// =================================\n\ninterface SectionProps {\n isLast?: boolean\n}\n\nfunction ThemeSection({ isLast }: SectionProps) {\n return (\n <CollapsableSection title=\"Theme\" isLast={isLast}>\n <TextGroup>\n <Text>There are four main parts to our theming system…</Text>\n <TextRow>\n <Heading variant=\"h3\">Default theme</Heading>\n <Text>\n Start at `src/utils/theme` when adding new theme values or checking what target apps\n have access to. The file has more instructions and examples.\n </Text>\n <Text>At a high level, it provides…</Text>\n <TextListItem label=\"1.\">\n Access to consuming app targets of what theme values that they can be customized.\n </TextListItem>\n <TextListItem label=\"2.\">\n Fallback values for our components to use if the values weren't overriden.\n </TextListItem>\n </TextRow>\n <TextRow>\n <Heading variant=\"h3\">Customizing the theme</Heading>\n <Text>\n Apps can override any default theme value by passing a `theme` object to our\n `ChatProvider` that holds a `theme` and a `colorScheme`.\n </Text>\n <Text>\n Currently types can be enforced by setting the parent theme object to\n `CreateChatThemeProps`.\n </Text>\n <Text variant=\"footnote\">\n Example setup: `apps/sandbox/src/context/chat_context_provider.tsx`\n </Text>\n </TextRow>\n <TextRow>\n <Heading variant=\"h3\">Merged theme</Heading>\n <Text>\n In `src/contexts/chat_context.tsx` we merge the default theme and any custom values\n coming from a product target with the `useCreateChatTheme` hook. It creates a single\n `ChatTheme` type.\n </Text>\n </TextRow>\n <TextRow>\n <Heading variant=\"h3\">Using theme values</Heading>\n <Text>\n Inside of our own `chat-react-native` components we can access the merged `ChatTheme`\n object via our own `useTheme` hook.\n </Text>\n <Text variant=\"footnote\">Example setup: `src/components/display/button.tsx`</Text>\n </TextRow>\n </TextGroup>\n </CollapsableSection>\n )\n}\n\n// function TokensSection({ isLast }: SectionProps) {\n// return (\n// <CollapsableSection title=\"Tokens\" isLast={isLast}>\n// <TextGroup>\n// <TextRow>\n// <Heading variant=\"h3\">What are they?</Heading>\n// <Text>\n// Tokens are UX approved CSS values that we can use to style our UI in a consistent way.\n// (e.g. colors, spacing amounts, and font weights.)\n// </Text>\n// </TextRow>\n// <TextRow>\n// <Heading variant=\"h3\">Where do they come from?</Heading>\n// <Text>\n// Tokens primarily come from our internal `@planningcenter/tapestry` package. However, at\n// this time the package only support light mode colors, so Chat uses a workaround.\n// </Text>\n// <Text>Color-based tokens are infused into our theming system with two local files…</Text>\n// <TextListItem label=\"1. `src/vendor/tapestry/tokens`:\">\n// Primitive color values are stored here. Primitives capture light or dark mode values,\n// but don't take into account the devices's colors scheme.\n// </TextListItem>\n// <TextListItem label=\"2. `src/vendor/tapestry/alias_tokens_color_map`:\">\n// Alias tokens reference the primitive color values token file* in light and dark mode\n// specfic objects. Our theming system then selects the right color to use based on the\n// device's color scheme.\n// </TextListItem>\n// <Text variant=\"footnote\">\n// If available, reference the color from the Tapestry package instead.\n// </Text>\n// </TextRow>\n// <TextRow>\n// <Heading variant=\"h3\">How do we use them?</Heading>\n// <Text>There are two places to reference tokens at this time…</Text>\n// <TextListItem label=\"• Color tokens:\">\n// Reference them from our internal `useTheme` hook to ensure the correct light or dark\n// mode color token is used.\n// </TextListItem>\n// <TextListItem label=\"• All other tokens:\">\n// Use the `computedToken` function from `@planningcenter/tapestry` by passing it a string\n// with the token's name. This function provides Typescript support and maps to the token's\n// raw CSS value. There is another function called `token`, but it maps to CSS custom\n// properties which React Native doesn't support.\n// </TextListItem>\n// </TextRow>\n// </TextGroup>\n// </CollapsableSection>\n// )\n// }\n\nfunction IndicatorsSection({ isLast }: SectionProps) {\n return (\n <CollapsableSection title=\"Indicators\" isLast={isLast}>\n <Group\n title=\"Spinner\"\n description=\"Loading indicators that can be used within or close to atomic components. Not intended for full-screen loading.\"\n >\n <Row>\n <Spinner size={24} />\n </Row>\n </Group>\n </CollapsableSection>\n )\n}\n\nfunction HeadingTextSection({ isLast }: SectionProps) {\n const styles = useStyles()\n\n return (\n <CollapsableSection title=\"Heading & Text\" isLast={isLast}>\n <Group\n title=\"Heading\"\n description=\"Use for headings & titles as it includes the a11y 'header' role. Change the size and style with the h1-h4 variants.\"\n >\n <Column style={styles.columnCenter}>\n <Heading>Heading 1</Heading>\n <Heading variant=\"h2\">Heading 2</Heading>\n <Heading variant=\"h3\">Heading 3</Heading>\n <Heading variant=\"h4\">Heading 4</Heading>\n </Column>\n </Group>\n <Group title=\"Text\" description=\"Use for body copy and supporting text.\">\n <Column style={styles.columnCenter}>\n <Text>Plain text</Text>\n <Text variant=\"secondary\">Secondary</Text>\n <Text variant=\"tertiary\">Tertiary</Text>\n <Text variant=\"footnote\">Footnote</Text>\n </Column>\n </Group>\n </CollapsableSection>\n )\n}\n\nfunction PressablesSection({ isLast }: SectionProps) {\n const styles = useStyles()\n const [filterSelected, setFilterSelected] = useState('Groups')\n\n return (\n <CollapsableSection title=\"Pressables\" isLast={isLast}>\n <Group\n title=\"Button\"\n description=\"Feature fill and outline variants for primary and danger usecases, along with disabled & loading states. Optionally shows icons to the left and right of the text.\"\n >\n <Row>\n <Button onPress={buttonPress} title=\"Default\" size=\"sm\" />\n <Button onPress={buttonPress} title=\"Default\" size=\"md\" />\n <Button onPress={buttonPress} title=\"Danger\" appearance=\"danger\" size=\"lg\" />\n </Row>\n <Row>\n <Button disabled onPress={buttonPress} title=\"Disabled\" size=\"sm\" />\n <Button disabled onPress={buttonPress} title=\"Disabled\" size=\"md\" />\n <Button disabled onPress={buttonPress} title=\"Disabled\" appearance=\"danger\" size=\"lg\" />\n </Row>\n <Row>\n <Button\n onPress={buttonPress}\n title=\"Default\"\n size=\"sm\"\n iconNameLeft=\"general.plus\"\n maxFontSizeMultiplier={MAX_FONT_SIZE_MULTIPLIER}\n />\n <Button\n onPress={buttonPress}\n title=\"Default\"\n size=\"md\"\n iconNameRight=\"churchCenter.sort\"\n maxFontSizeMultiplier={MAX_FONT_SIZE_MULTIPLIER}\n />\n <Button\n onPress={buttonPress}\n title=\"Danger\"\n appearance=\"danger\"\n size=\"lg\"\n iconNameLeft=\"groups.cards\"\n iconNameRight=\"general.downChevron\"\n maxFontSizeMultiplier={MAX_FONT_SIZE_MULTIPLIER}\n />\n </Row>\n <Row>\n <Button loading onPress={buttonPress} title=\"Default\" size=\"sm\" />\n <Button loading onPress={buttonPress} title=\"Default\" size=\"md\" />\n <Button loading onPress={buttonPress} title=\"Danger\" appearance=\"danger\" size=\"lg\" />\n </Row>\n <Row>\n <Button onPress={buttonPress} title=\"Default\" size=\"sm\" variant=\"outline\" />\n <Button onPress={buttonPress} title=\"Default\" size=\"md\" variant=\"outline\" />\n <Button\n onPress={buttonPress}\n title=\"Danger\"\n appearance=\"danger\"\n size=\"lg\"\n variant=\"outline\"\n />\n </Row>\n <Row>\n <Button\n onPress={buttonPress}\n title=\"Default\"\n size=\"sm\"\n variant=\"outline\"\n iconNameLeft=\"general.plus\"\n maxFontSizeMultiplier={MAX_FONT_SIZE_MULTIPLIER}\n />\n <Button\n onPress={buttonPress}\n title=\"Default\"\n size=\"md\"\n variant=\"outline\"\n iconNameRight=\"churchCenter.sort\"\n maxFontSizeMultiplier={MAX_FONT_SIZE_MULTIPLIER}\n />\n <Button\n onPress={buttonPress}\n title=\"Danger\"\n appearance=\"danger\"\n size=\"lg\"\n variant=\"outline\"\n iconNameLeft=\"groups.cards\"\n iconNameRight=\"general.downChevron\"\n maxFontSizeMultiplier={MAX_FONT_SIZE_MULTIPLIER}\n />\n </Row>\n <Row>\n <Button\n disabled\n onPress={buttonPress}\n title=\"Disabled\"\n size=\"sm\"\n variant=\"outline\"\n iconNameLeft=\"general.plus\"\n maxFontSizeMultiplier={MAX_FONT_SIZE_MULTIPLIER}\n />\n <Button\n disabled\n onPress={buttonPress}\n title=\"Disabled\"\n size=\"md\"\n variant=\"outline\"\n iconNameRight=\"churchCenter.sort\"\n maxFontSizeMultiplier={MAX_FONT_SIZE_MULTIPLIER}\n />\n <Button\n disabled\n onPress={buttonPress}\n title=\"Disabled\"\n appearance=\"danger\"\n size=\"lg\"\n variant=\"outline\"\n iconNameLeft=\"groups.cards\"\n iconNameRight=\"general.downChevron\"\n maxFontSizeMultiplier={MAX_FONT_SIZE_MULTIPLIER}\n />\n </Row>\n <Row>\n <Button\n loading\n onPress={buttonPress}\n title=\"Default\"\n size=\"sm\"\n variant=\"outline\"\n iconNameLeft=\"general.plus\"\n maxFontSizeMultiplier={MAX_FONT_SIZE_MULTIPLIER}\n />\n <Button\n loading\n onPress={buttonPress}\n title=\"Default\"\n size=\"md\"\n variant=\"outline\"\n iconNameRight=\"churchCenter.sort\"\n maxFontSizeMultiplier={MAX_FONT_SIZE_MULTIPLIER}\n />\n <Button\n loading\n onPress={buttonPress}\n title=\"Danger\"\n appearance=\"danger\"\n size=\"lg\"\n variant=\"outline\"\n iconNameLeft=\"groups.cards\"\n iconNameRight=\"general.downChevron\"\n maxFontSizeMultiplier={MAX_FONT_SIZE_MULTIPLIER}\n />\n </Row>\n </Group>\n <Group\n title=\"ToggleButton\"\n description=\"Button with active and deactive states. Supports right & left icons, along with standard pressable props.\"\n >\n <Row>\n <ToggleButton\n onPress={() => setFilterSelected('Groups')}\n title=\"Groups\"\n active={filterSelected === 'Groups'}\n accessibilityLabel=\"Filter to group conversations\"\n />\n <ToggleButton\n onPress={() => setFilterSelected('Teams')}\n title=\"Teams\"\n active={filterSelected === 'Teams'}\n accessibilityLabel=\"Filter to team conversations\"\n />\n <ToggleButton\n onPress={() => setFilterSelected('More')}\n title=\"More\"\n active={filterSelected === 'More'}\n iconNameRight=\"general.threeReducingHorizontalBars\"\n accessibilityLabel=\"View more filters\"\n />\n </Row>\n </Group>\n <Group\n title=\"IconButton\"\n description=\"Supports different appearances, sizes, along with loading & disabled states. Use `iconStyle` for custom colors and font sizes. Requires `accessibilityLabel` as icon's don't provide context to screen readers.\"\n >\n <Row>\n <IconButton\n onPress={buttonPress}\n name=\"general.paperclip\"\n accessibilityLabel=\"Add attachment\"\n accessibilityHint=\"Opens your device's image gallary\"\n size=\"md\"\n />\n <IconButton\n onPress={buttonPress}\n name=\"general.paperclip\"\n accessibilityLabel=\"Add attachment\"\n accessibilityHint=\"Opens your device's image gallary\"\n appearance=\"danger\"\n size=\"lg\"\n />\n <IconButton\n onPress={buttonPress}\n name=\"general.paperclip\"\n accessibilityLabel=\"Add attachment\"\n accessibilityHint=\"Opens your device's image gallary\"\n appearance=\"interaction\"\n size=\"xl\"\n />\n <IconButton\n onPress={buttonPress}\n name=\"general.paperclip\"\n accessibilityLabel=\"Add attachment\"\n accessibilityHint=\"Opens your device's image gallary\"\n iconStyle={styles.customIconButtonColor}\n size=\"xxl\"\n />\n <IconButton\n onPress={buttonPress}\n name=\"general.paperclip\"\n accessibilityLabel=\"Add attachment\"\n accessibilityHint=\"Opens your device's image gallary\"\n size=\"xxxl\"\n />\n </Row>\n <Row>\n <IconButton\n onPress={buttonPress}\n name=\"general.paperclip\"\n accessibilityLabel=\"Add attachment\"\n accessibilityHint=\"Opens your device's image gallary\"\n size=\"md\"\n disabled\n />\n <IconButton\n onPress={buttonPress}\n name=\"general.paperclip\"\n accessibilityLabel=\"Add attachment\"\n accessibilityHint=\"Opens your device's image gallary\"\n appearance=\"danger\"\n size=\"lg\"\n disabled\n />\n <IconButton\n onPress={buttonPress}\n name=\"general.paperclip\"\n accessibilityLabel=\"Add attachment\"\n accessibilityHint=\"Opens your device's image gallary\"\n appearance=\"interaction\"\n size=\"xl\"\n disabled\n />\n <IconButton\n onPress={buttonPress}\n name=\"general.paperclip\"\n accessibilityLabel=\"Add attachment\"\n accessibilityHint=\"Opens your device's image gallary\"\n iconStyle={styles.customIconButtonColor}\n size=\"xxl\"\n disabled\n />\n <IconButton\n onPress={buttonPress}\n name=\"general.paperclip\"\n accessibilityLabel=\"Add attachment\"\n accessibilityHint=\"Opens your device's image gallary\"\n size=\"xxxl\"\n disabled\n />\n </Row>\n <Row>\n <IconButton\n onPress={buttonPress}\n name=\"general.paperclip\"\n accessibilityLabel=\"Add attachment\"\n accessibilityHint=\"Opens your device's image gallary\"\n size=\"md\"\n loading\n />\n <IconButton\n onPress={buttonPress}\n name=\"general.paperclip\"\n accessibilityLabel=\"Add attachment\"\n accessibilityHint=\"Opens your device's image gallary\"\n appearance=\"danger\"\n size=\"lg\"\n loading\n />\n <IconButton\n onPress={buttonPress}\n name=\"general.paperclip\"\n accessibilityLabel=\"Add attachment\"\n accessibilityHint=\"Opens your device's image gallary\"\n appearance=\"interaction\"\n size=\"xl\"\n loading\n />\n <IconButton\n onPress={buttonPress}\n name=\"general.paperclip\"\n accessibilityLabel=\"Add attachment\"\n accessibilityHint=\"Opens your device's image gallary\"\n iconStyle={styles.customIconButtonColor}\n size=\"xxl\"\n loading\n />\n <IconButton\n onPress={buttonPress}\n name=\"general.paperclip\"\n accessibilityLabel=\"Add attachment\"\n accessibilityHint=\"Opens your device's image gallary\"\n size=\"xxxl\"\n loading\n />\n </Row>\n </Group>\n <Group\n title=\"TextButton\"\n description=\"Pressable text with default & danger appearance options. Can be disabled and accept `Text` variance props.\"\n >\n <Row>\n <TextButton onPress={buttonPress}>Default</TextButton>\n <TextButton onPress={buttonPress} variant=\"secondary\">\n Default\n </TextButton>\n <TextButton onPress={buttonPress} variant=\"tertiary\">\n Default\n </TextButton>\n <TextButton onPress={buttonPress} variant=\"footnote\">\n Default\n </TextButton>\n </Row>\n <Row>\n <TextButton onPress={buttonPress} appearance=\"danger\">\n Danger\n </TextButton>\n <TextButton onPress={buttonPress} variant=\"secondary\" appearance=\"danger\">\n Danger\n </TextButton>\n <TextButton onPress={buttonPress} variant=\"tertiary\" appearance=\"danger\">\n Danger\n </TextButton>\n <TextButton onPress={buttonPress} variant=\"footnote\" appearance=\"danger\">\n Danger\n </TextButton>\n </Row>\n <Row>\n <TextButton onPress={buttonPress} disabled>\n Disabled\n </TextButton>\n <TextButton onPress={buttonPress} variant=\"secondary\" disabled>\n Disabled\n </TextButton>\n <TextButton onPress={buttonPress} variant=\"tertiary\" disabled>\n Disabled\n </TextButton>\n <TextButton onPress={buttonPress} variant=\"footnote\" disabled>\n Disabled\n </TextButton>\n </Row>\n </Group>\n <Group\n title=\"TextInlineButton\"\n description=\"Supports nesting within `Text`. Temporary component until React Native fixes a layout bug in `Pressable` which used in `TextButton`.\"\n >\n <Row style={styles.alignRowLeft}>\n <Text>\n This text is next to{' '}\n <TextInlineButton onPress={buttonPress}>default button text</TextInlineButton> Lorem\n ipsum dolor{' '}\n <TextInlineButton onPress={buttonPress} appearance=\"danger\">\n danger button text\n </TextInlineButton>{' '}\n consectetur{' '}\n <TextInlineButton onPress={buttonPress} disabled>\n disabled button text\n </TextInlineButton>{' '}\n elit.\n </Text>\n <Text variant=\"secondary\">\n This text is next to{' '}\n <TextInlineButton variant=\"secondary\" onPress={buttonPress}>\n default button text\n </TextInlineButton>{' '}\n Lorem ipsum dolor{' '}\n <TextInlineButton variant=\"secondary\" onPress={buttonPress} appearance=\"danger\">\n danger button text\n </TextInlineButton>{' '}\n consectetur{' '}\n <TextInlineButton variant=\"secondary\" onPress={buttonPress} disabled>\n disabled button text\n </TextInlineButton>{' '}\n elit.\n </Text>\n <Text variant=\"tertiary\">\n This text is next to{' '}\n <TextInlineButton variant=\"tertiary\" onPress={buttonPress}>\n default button text\n </TextInlineButton>{' '}\n Lorem ipsum dolor{' '}\n <TextInlineButton variant=\"tertiary\" onPress={buttonPress} appearance=\"danger\">\n danger button text\n </TextInlineButton>{' '}\n consectetur{' '}\n <TextInlineButton variant=\"tertiary\" onPress={buttonPress} disabled>\n disabled button text\n </TextInlineButton>{' '}\n elit.\n </Text>\n <Text variant=\"footnote\">\n This text is next to{' '}\n <TextInlineButton variant=\"footnote\" onPress={buttonPress}>\n default button text\n </TextInlineButton>{' '}\n Lorem ipsum dolor{' '}\n <TextInlineButton variant=\"footnote\" onPress={buttonPress} appearance=\"danger\">\n danger button text\n </TextInlineButton>{' '}\n consectetur{' '}\n <TextInlineButton variant=\"footnote\" onPress={buttonPress} disabled>\n disabled button text\n </TextInlineButton>{' '}\n elit.\n </Text>\n </Row>\n </Group>\n </CollapsableSection>\n )\n}\nfunction HapticsSection({ isLast }: SectionProps) {\n return (\n <CollapsableSection title=\"Haptics\" isLast={isLast}>\n <TextGroup>\n <Text>\n Haptics help communicate changes and interactions in the UI by making them feel physical\n and \"weighty\". They are a progressive enhancement and shouldn't replace visual feedback.\n </Text>\n </TextGroup>\n <Group title=\"Impact\" description=\"Communicates that a user interaction is occurring.\">\n <Row>\n <HapticButton title=\"Impact Light\" onPress={() => Haptic.impactLight()} />\n <HapticButton title=\"Impact Medium\" onPress={() => Haptic.impactMedium()} />\n <HapticButton title=\"Impact Heavy\" onPress={() => Haptic.impactHeavy()} />\n <HapticButton title=\"Rigid\" onPress={() => Haptic.rigid()} />\n <HapticButton title=\"Soft\" onPress={() => Haptic.soft()} />\n </Row>\n </Group>\n <Group\n title=\"Notification\"\n description=\"Communicates the result of a user or application action.\"\n >\n <Row>\n <HapticButton title=\"Notification Success\" onPress={() => Haptic.notificationSuccess()} />\n <HapticButton title=\"Notification Warning\" onPress={() => Haptic.notificationWarning()} />\n <HapticButton title=\"Notification Error\" onPress={() => Haptic.notificationError()} />\n </Row>\n </Group>\n </CollapsableSection>\n )\n}\n\nfunction ImageIconsSection({ isLast }: SectionProps) {\n const styles = useStyles()\n const { colors } = useTheme()\n\n return (\n <CollapsableSection title=\"Images & Icons\" isLast={isLast}>\n <Group\n title=\"Image\"\n description=\"Foundational way of displaying images. Loading or broken images will fallback to show a spinner. Hide decortive images from screen readers with `alt=''`.\"\n >\n <Row>\n <Image source={{ uri: URL.broken }} style={styles.image} alt=\"Mountain sunrise\" />\n <Image source={{ uri: URL.image }} style={styles.image} alt=\"Mountain sunrise\" />\n <Image source={{ uri: URL.image }} style={styles.image} alt=\"\" />\n </Row>\n </Group>\n <Group\n title=\"ImageAttachmentPreview\"\n description=\"Displays an image attachment in different sizes with a close button. It takes a `fileName` prop that gets passed to the image's `alt` attribute. Can show loading and error states.\"\n >\n <Row>\n <ImageAttachmentPreview\n size=\"sm\"\n uri={URL.image}\n fileName=\"mountains.jpg\"\n onRemovePress={buttonPress}\n />\n <ImageAttachmentPreview\n uri={URL.image}\n fileName=\"mountains.jpg\"\n onRemovePress={buttonPress}\n />\n <ImageAttachmentPreview\n size=\"sm\"\n uri={URL.image}\n fileName=\"mountains.jpg\"\n onRemovePress={buttonPress}\n loading\n hideRemoveButton\n />\n <ImageAttachmentPreview\n uri={URL.image}\n fileName=\"mountains.jpg\"\n onRemovePress={buttonPress}\n loading\n hideRemoveButton\n />\n <ImageAttachmentPreview\n size=\"sm\"\n uri={URL.image}\n fileName=\"mountains.jpg\"\n onRemovePress={buttonPress}\n error\n />\n <ImageAttachmentPreview\n uri={URL.image}\n fileName=\"mountains.jpg\"\n onRemovePress={buttonPress}\n error\n />\n </Row>\n </Group>\n <Group\n title=\"VideoAttachmentPreview\"\n description=\"Displays an video attachment with a close button. It takes a `name` prop, an optional duration, and can show loading and error states.\"\n >\n <Row>\n <VideoAttachmentPreview name=\"mountains.mp4\" onRemovePress={buttonPress} />\n <VideoAttachmentPreview\n name=\"mountains.mp4\"\n duration=\"1:20\"\n onRemovePress={buttonPress}\n />\n <VideoAttachmentPreview\n name=\"mountains.mp4\"\n onRemovePress={buttonPress}\n loading\n hideRemoveButton\n />\n <VideoAttachmentPreview\n name=\"mountains.mp4\"\n duration=\"1:20\"\n onRemovePress={buttonPress}\n error\n />\n </Row>\n </Group>\n <Group\n title=\"Avatar\"\n description='Displays the profile image for a user in different sizes and has a loading spinner. Can optionally show an online/offline \"presence\" indicator. Fallback condition and icon are optionally configurable.'\n >\n <Row>\n <Avatar sourceUri={URL.broken} />\n <Avatar size=\"md\" sourceUri={URL.avatar_fallback} />\n <Avatar sourceUri={URL.avatar} />\n </Row>\n <Row>\n <Avatar presence=\"offline\" sourceUri={URL.broken} />\n <Avatar presence=\"online\" size=\"md\" sourceUri={URL.avatar_fallback} />\n <Avatar presence=\"offline\" sourceUri={URL.avatar} />\n </Row>\n <Row>\n <Avatar sourceUri=\"\" />\n <Avatar sourceUri=\"\" size=\"md\" />\n <Avatar sourceUri=\"\" size=\"sm\" />\n <Avatar\n sourceUri={URL.broken}\n showFallback={true}\n fallbackIconName=\"general.star\"\n size=\"sm\"\n />\n </Row>\n </Group>\n <Group\n title=\"AvatarGroup\"\n description=\"Shows 1-4 images in a grid at different sizes. Loading spinner shows until all images successfully load. Fallback condition and icon are optionally configurable.\"\n >\n <Row>\n <AvatarGroup sourceUris={[URL.broken]} />\n <AvatarGroup sourceUris={[URL.broken, URL.broken, ...URL.two_avatars]} />\n <AvatarGroup sourceUris={[URL.avatar]} />\n <AvatarGroup sourceUris={URL.two_avatars} />\n <AvatarGroup sourceUris={URL.three_avatars} />\n <AvatarGroup sourceUris={URL.four_avatars} />\n </Row>\n <Row>\n <AvatarGroup sourceUris={[]} showFallback={true} fallbackIconName=\"general.person\" />\n <AvatarGroup\n sourceUris={[]}\n showFallback={true}\n fallbackIconName=\"people.noTextMessage\"\n />\n <AvatarGroup\n sourceUris={[]}\n showFallback={true}\n fallbackIconName=\"general.star\"\n size=\"md\"\n />\n <AvatarGroup\n sourceUris={[]}\n showFallback={true}\n fallbackIconName=\"general.heart\"\n size=\"sm\"\n />\n </Row>\n </Group>\n <Group\n title=\"Icon\"\n description=\"Displays any icon from @planningcenter/icons. Missing icons will fallback to a grey circle. Styling with `fontSize` will allow it to scale with the device's text a11y size.\"\n >\n <Row>\n {/ @ts-expect-error - Testing missing icon fallback */}\n <Icon name=\"missingIcon\" size={20} />\n <Icon name=\"general.textMessage\" size={20} />\n <Icon name=\"general.bell\" size={20} color={colors.needsDesignPass} />\n <Icon name=\"churchCenter.sort\" style={styles.icon} />\n </Row>\n </Group>\n </CollapsableSection>\n )\n}\n\nfunction FormControlsSection({ isLast }: SectionProps) {\n const [switchOn, setSwitchOn] = useState(true)\n const [switchOff, setSwitchOff] = useState(false)\n\n return (\n <CollapsableSection title=\"Form Controls\" isLast={isLast}>\n <Group\n title=\"Switch\"\n description=\"Use to toggle a boolean value for some sort of contained setting. (ie. Muting a conversation) This is a light wrapper that takes into account themed colors.\"\n >\n <Row>\n <Switch value={switchOn} onValueChange={value => setSwitchOn(value)} />\n <Switch value={switchOff} onValueChange={value => setSwitchOff(value)} />\n <Switch value={true} disabled />\n <Switch value={false} disabled />\n </Row>\n </Group>\n </CollapsableSection>\n )\n}\n\nfunction StatusComponentsSection({ isLast }: SectionProps) {\n return (\n <CollapsableSection title=\"Status components\" isLast={isLast}>\n <Group\n title=\"Badge\"\n description=\"Badge that can convey a status and show an icon. It also supports a meta label and product logo for the conversation list and conversation header. Target products can change colors and hide the logo via theming.\"\n >\n <Row>\n <Badge label=\"Neutral\" appearance=\"neutral\" />\n <Badge label=\"Error\" appearance=\"error\" />\n <Badge label=\"Info\" appearance=\"info\" />\n <Badge label=\"Success\" appearance=\"success\" />\n <Badge label=\"Warning\" appearance=\"warning\" />\n </Row>\n <Row>\n <Badge label=\"Neutral\" appearance=\"neutral\" iconName=\"general.star\" />\n <Badge label=\"Error\" appearance=\"error\" iconName=\"general.exclamationTriangle\" />\n <Badge label=\"Info\" appearance=\"info\" iconName=\"general.outlinedInfoCircle\" />\n <Badge label=\"Success\" appearance=\"success\" iconName=\"general.check\" />\n <Badge label=\"Warning\" appearance=\"warning\" iconName=\"general.shieldExclamation\" />\n </Row>\n <Row>\n <Badge\n variant=\"meta\"\n productLogoName=\"groups\"\n label=\"Group\"\n metaLabel=\"Worlds longest group name that will probably overflow if it gets very much longer\"\n />\n <Badge variant=\"meta\" productLogoName=\"groups\" label=\"Group\" metaLabel=\"Young adults\" />\n <Badge variant=\"meta\" productLogoName=\"services\" label=\"Plan\" metaLabel=\"June 19, 2025\" />\n <Badge variant=\"meta\" productLogoName=\"services\" label=\"Team\" />\n </Row>\n <Row>\n <Badge\n variant=\"metaSubtle\"\n productLogoName=\"groups\"\n label=\"Group\"\n metaLabel=\"Worlds longest group name that will probably overflow if it gets very much longer\"\n />\n <Badge\n variant=\"metaSubtle\"\n productLogoName=\"groups\"\n label=\"Group\"\n metaLabel=\"Young adults\"\n />\n <Badge\n variant=\"metaSubtle\"\n productLogoName=\"services\"\n label=\"Plan\"\n metaLabel=\"June 19, 2025\"\n />\n <Badge variant=\"metaSubtle\" productLogoName=\"services\" label=\"Team\" />\n </Row>\n </Group>\n <Group\n title=\"Banner\"\n description=\"Banners that can convey a status with color and an optional icon. They render a description and optional heading. A `Banner.Link` can be used by wrapping it in `Banner.Text` and passing it to `description`. Target products can change colors via theming.\"\n >\n <Column>\n <Banner\n appearance=\"neutral\"\n showIcon={false}\n description=\"Et sint Quis non excepturi enim et conseq atur porro est galisum labore ea volupt.\"\n />\n <Banner\n appearance=\"info\"\n heading=\"Banner heading\"\n description=\"Et sint Quis non excepturi enim et conseq atur porro est galisum labore ea volupt.\"\n />\n <Banner\n appearance=\"success\"\n heading=\"Banner heading\"\n description={\n <BannerPrimitive.Text>\n Et sint Quis non excepturi{' '}\n <BannerPrimitive.Link onPress={buttonPress}>\n enim et conseq atur porro est\n </BannerPrimitive.Link>{' '}\n galisum labore ea volupt.\n </BannerPrimitive.Text>\n }\n />\n <Banner\n appearance=\"warning\"\n iconName=\"general.shieldExclamation\"\n heading=\"13 members under age 13\"\n description=\"Et sint Quis non excepturi enim et conseq atur porro est galisum labore ea volupt.\"\n />\n <Banner\n appearance=\"error\"\n heading=\"Banner heading\"\n description=\"Et sint Quis non excepturi enim et conseq atur porro est galisum labore ea volupt.\"\n />\n </Column>\n </Group>\n <Group\n title=\"BannerCollapsible\"\n description=\"Same as `Banner` but takes children that can be hidden/revealed on a tap.\"\n >\n <Column>\n <BannerCollapsible appearance=\"neutral\" showIcon={false} heading=\"Banner heading\">\n <BannerPrimitive.Text>\n Et sint Quis non excepturi enim et conseq atur porro est galisum labore ea volupt.\n </BannerPrimitive.Text>\n </BannerCollapsible>\n <BannerCollapsible appearance=\"info\" heading=\"Banner heading\">\n <BannerPrimitive.Text>\n Et sint Quis non excepturi enim et conseq atur porro est galisum labore ea volupt.\n </BannerPrimitive.Text>\n </BannerCollapsible>\n <BannerCollapsible appearance=\"success\" heading=\"Banner heading\">\n <BannerPrimitive.Text>\n Et sint Quis non excepturi{' '}\n <BannerPrimitive.Link onPress={buttonPress}>\n enim et conseq atur porro est\n </BannerPrimitive.Link>{' '}\n galisum labore ea volupt.\n </BannerPrimitive.Text>\n </BannerCollapsible>\n <BannerCollapsible\n appearance=\"warning\"\n iconName=\"general.shieldExclamation\"\n heading=\"13 members under age 13\"\n description=\"Et sint Quis non excepturi enim et conse.\"\n >\n <BannerPrimitive.Text>\n More hdden content that can be revealed on a tap. Lorem ipsum dolor sit amet,\n consectetur\n </BannerPrimitive.Text>\n </BannerCollapsible>\n <BannerCollapsible\n appearance=\"error\"\n heading=\"Banner heading\"\n description=\"Et sint Quis non excepturi enim et conseq atur porro est galisum labore ea volupt.\"\n >\n <BannerPrimitive.Text>\n Et sint Quis non excepturi enim et conseq atur porro est galisum labore ea volupt. Et\n sint Quis non excepturi enim et conseq atur porro est galisum labore ea volupt. Et\n sint Quis non excepturi enim et .\n </BannerPrimitive.Text>\n </BannerCollapsible>\n </Column>\n </Group>\n </CollapsableSection>\n )\n}\n\nconst FA_ICONS: { category: string; icons: IconName[] }[] = [\n {\n category: 'Church',\n icons: [\n 'book-bible',\n 'church',\n 'cross',\n 'dove',\n 'hands-heart',\n 'person-rays',\n 'praying-hands',\n 'podium',\n 'droplet',\n 'person-drowning',\n 'lighthouse',\n ],\n },\n {\n category: 'Services',\n icons: [\n 'guitar',\n 'guitar-electric',\n 'violin',\n 'calendar-heart',\n 'hand-heart',\n 'hand-wave',\n 'baby',\n 'children',\n 'mug-hot',\n 'video-camera',\n 'music',\n 'piano-keyboard',\n 'drum',\n 'user-graduate',\n 'comments-question',\n 'presentation',\n 'microphone-stand',\n 'id-badge',\n 'book-user',\n 'hand-holding-heart',\n 'guitars',\n 'amp-guitar',\n 'school-flag',\n 'shield-check',\n 'projector',\n ],\n },\n {\n category: 'Groups',\n icons: [\n 'people',\n 'people-group',\n 'person-dress',\n 'person',\n 'seedling',\n 'comments-alt',\n 'globe',\n 'book-open-reader',\n 'running',\n 'leaf',\n ],\n },\n]\n\nfunction FontAwesomeIconsSection({ isLast }: SectionProps) {\n const { colors } = useTheme()\n\n return (\n <CollapsableSection title=\"FontAwesome Pro Icons\" isLast={isLast}>\n {FA_ICONS.map(({ category, icons }) => (\n <Group key={category} title={category}>\n <View style={faStyles.grid}>\n {icons.map(name => (\n <View key={name} style={faStyles.cell}>\n <FontAwesomeIcon\n icon={['fas', name]}\n size={20}\n color={colors.iconColorDefaultSecondary}\n />\n <Text variant=\"footnote\" numberOfLines={1}>\n {name}\n </Text>\n </View>\n ))}\n </View>\n </Group>\n ))}\n </CollapsableSection>\n )\n}\n\nconst faStyles = StyleSheet.create({\n grid: {\n flexDirection: 'row',\n flexWrap: 'wrap',\n },\n cell: {\n width: '25%',\n alignItems: 'center',\n gap: 4,\n paddingVertical: 12,\n },\n})\n\nfunction MiscComponentsSection({ isLast }: SectionProps) {\n return (\n <CollapsableSection title=\"Misc components\" isLast={isLast}>\n <Group\n title=\"Person\"\n description=\"Takes a person object (`MemberResource` type) and displays an avatar, name, and badges. If person is a child we show a special badge and faded styles. Implomentation is based on a similar Chat Web component.\"\n >\n <Column>\n <Person person={personAdult} />\n <Person person={personChild} />\n </Column>\n </Group>\n <Group\n title=\"BlankState\"\n description=\"Compound component with primitives to display imagary, heading, title, and a button.\"\n >\n <Column>\n <BlankState.Root>\n <BlankState.Imagery name=\"general.outlinedTextMessage\" />\n <BlankState.Content>\n <BlankState.Heading>No messages</BlankState.Heading>\n <BlankState.Text>\n Conversation is hidden from everyone until you send a message.\n </BlankState.Text>\n </BlankState.Content>\n <BlankState.Button\n onPress={buttonPress}\n title=\"Go back\"\n accessibilityHint=\"Navigates back to the conversations list\"\n accessibilityRole=\"link\"\n />\n </BlankState.Root>\n </Column>\n </Group>\n </CollapsableSection>\n )\n}\n\n// =================================\n// ====== Docs UI ==================\n// =================================\ninterface CollapsableSectionProps {\n children: React.ReactNode\n title: string\n isLast?: boolean\n}\n\nfunction CollapsableSection({ children, title, isLast = false }: CollapsableSectionProps) {\n const styles = useStyles()\n const { colors } = useTheme()\n const [collapsed, setCollapsed] = useState(true)\n\n return (\n <View style={[styles.section, styles.sectionBorderTop, isLast && styles.sectionBorderBottom]}>\n <Pressable\n onPress={() => setCollapsed(!collapsed)}\n style={({ pressed }) => [styles.sectionHeader, pressed && platformPressedOpacityStyle]}\n android_ripple={{ color: colors.androidRippleNeutral, borderless: false, foreground: true }}\n >\n <Heading>{title}</Heading>\n <Icon name={collapsed ? 'general.plus' : 'general.minus'} size={16} />\n </Pressable>\n {!collapsed && <View style={styles.sectionChildren}>{children}</View>}\n </View>\n )\n}\n\ninterface GroupProps {\n title: string\n description?: string\n children: React.ReactNode\n}\n\nfunction Group({ title, description, children }: GroupProps) {\n const styles = useStyles()\n return (\n <View style={styles.group}>\n <View style={styles.groupHeading}>\n <Heading variant=\"h3\">{title}</Heading>\n {description && <Text variant=\"tertiary\">{description}</Text>}\n </View>\n {children}\n </View>\n )\n}\n\ninterface RowProps {\n children: React.ReactNode\n style?: ViewStyle\n}\n\nfunction Row({ children, style }: RowProps) {\n const styles = useStyles()\n return <View style={[styles.row, style]}>{children}</View>\n}\n\ninterface ColumnProps {\n children: React.ReactNode\n style?: ViewStyle\n}\n\nfunction Column({ children, style }: ColumnProps) {\n const styles = useStyles()\n return <View style={[styles.column, style]}>{children}</View>\n}\n\nfunction TextGroup({ children }: { children: React.ReactNode }) {\n const styles = useStyles()\n return <View style={styles.textGroup}>{children}</View>\n}\n\ninterface TextRowProps {\n children: React.ReactNode\n style?: ViewStyle\n}\n\nfunction TextRow({ children, style }: TextRowProps) {\n const styles = useStyles()\n return <View style={[styles.textRow, style]}>{children}</View>\n}\n\ninterface TextListItemProps {\n label: string\n children: React.ReactNode\n}\n\nfunction TextListItem({ label, children }: TextListItemProps) {\n const styles = useStyles()\n return (\n <Text variant=\"tertiary\">\n <Text variant=\"tertiary\" style={styles.mediumWeight}>\n {label}\n </Text>{' '}\n {children}\n </Text>\n )\n}\n\nfunction HapticButton({ title, onPress }: { title: string; onPress: () => void }) {\n const styles = useStyles()\n\n return (\n <Pressable\n onPress={onPress}\n style={({ pressed }) => ({\n ...styles.hapticButton,\n ...{ opacity: pressed ? 0.5 : 1 },\n })}\n >\n <Text style={styles.hapticButtonText}>{title}</Text>\n </Pressable>\n )\n}\n\n// =================================\n// ====== Styles ===================\n// =================================\n\nconst useStyles = () => {\n const { colors } = useTheme()\n const interactionGhostBackgroundColor = useInteractionGhostBackgroundColor()\n\n return StyleSheet.create({\n hapticButton: {\n flexGrow: 1,\n height: 100,\n padding: 16,\n alignItems: 'center',\n justifyContent: 'center',\n backgroundColor: interactionGhostBackgroundColor,\n borderWidth: 1,\n borderColor: colors.interaction,\n borderRadius: 8,\n },\n hapticButtonText: {\n textAlign: 'center',\n color: colors.interaction,\n },\n scrollView: {\n flex: 1,\n backgroundColor: colors.fillColorNeutral100Inverted,\n },\n container: {\n padding: 24,\n },\n listItem: { color: colors.fillColorNeutral020 },\n section: {\n gap: 8,\n borderColor: colors.fillColorNeutral020,\n },\n sectionBorderTop: {\n borderTopWidth: 1,\n },\n sectionBorderBottom: {\n borderBottomWidth: 1,\n },\n sectionHeader: {\n flexDirection: 'row',\n justifyContent: 'space-between',\n alignItems: 'center',\n paddingVertical: 24,\n },\n sectionChildren: {\n paddingBottom: 24,\n gap: 48,\n },\n row: {\n gap: 16,\n flexDirection: 'row',\n alignItems: 'center',\n justifyContent: 'center',\n flexWrap: 'wrap',\n },\n column: {\n gap: 16,\n },\n columnCenter: {\n alignItems: 'center',\n },\n textRow: {\n gap: 12,\n },\n textGroup: {\n gap: 20,\n },\n mediumWeight: {\n fontWeight: platformFontWeightMedium,\n },\n alignRowLeft: {\n justifyContent: 'flex-start',\n },\n group: {\n gap: 24,\n },\n groupHeading: {\n gap: 8,\n },\n image: {\n width: 100,\n height: 100,\n },\n icon: {\n fontSize: 20,\n color: colors.iconColorDefaultSecondary,\n },\n customIconButtonColor: {\n color: 'purple',\n },\n })\n}\n"]}
1	+ {"version":3,"file":"design_system_screen.js","sourceRoot":"","sources":["../../src/screens/design_system_screen.tsx"],"names":[],"mappings":"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","sourcesContent":["import type { IconName } from '@fortawesome/fontawesome-svg-core'\nimport { FontAwesomeIcon } from '@fortawesome/react-native-fontawesome'\nimport React, { useState } from 'react'\nimport { Alert, Pressable, ScrollView, StyleSheet, View } from 'react-native'\nimport type { ViewStyle } from 'react-native'\nimport {\n Avatar,\n AvatarGroup,\n Badge,\n Banner,\n BannerCollapsible,\n Button,\n ToggleButton,\n Heading,\n Icon,\n IconButton,\n Image,\n Person,\n Spinner,\n Switch,\n Text,\n TextButton,\n TextInlineButton,\n ImageAttachmentPreview,\n} from '../components/display'\nimport { VideoAttachmentPreview } from '../components/display/video_attachment_preview'\nimport BannerPrimitive from '../components/primitive/banner_primitive'\nimport BlankState from '../components/primitive/blank_state_primitive'\nimport { useInteractionGhostBackgroundColor, useTheme } from '../hooks'\nimport {\n MAX_FONT_SIZE_MULTIPLIER,\n platformPressedOpacityStyle,\n platformFontWeightMedium,\n Haptic,\n} from '../utils'\n\n// =================================\n// ====== Docs Utils ===============\n// =================================\n\nconst URL = {\n image: 'https://picsum.photos/seed/picsum/200',\n broken: 'https://broken.url',\n avatar: 'https://i.pravatar.cc/200?img=22',\n avatar_fallback: 'https://avatars.planningcenteronline.com/uploads/initials/PR.png',\n two_avatars: ['https://i.pravatar.cc/200?img=22', 'https://i.pravatar.cc/200?img=23'],\n three_avatars: [\n 'https://i.pravatar.cc/200?img=22',\n 'https://i.pravatar.cc/200?img=23',\n 'https://i.pravatar.cc/200?img=24',\n ],\n four_avatars: [\n 'https://i.pravatar.cc/200?img=30',\n 'https://i.pravatar.cc/200?img=29',\n 'https://i.pravatar.cc/200?img=28',\n 'https://i.pravatar.cc/200?img=27',\n ],\n}\n\nconst personAdult = {\n id: 1,\n type: 'Member' as const,\n name: 'John Doe',\n avatar: URL.avatar,\n badges: [{ title: 'Conversation owner' }, { title: 'Leader' }],\n child: false,\n gender: null,\n}\n\nconst personChild = {\n id: 2,\n type: 'Member' as const,\n name: 'Kid McChild',\n avatar: URL.two_avatars[1],\n badges: [],\n child: true,\n gender: null,\n}\n\nconst buttonPress = () => Alert.alert('Button clicked')\n\n// =================================\n// ====== Component ================\n// =================================\n\nexport function DesignSystemScreen() {\n const styles = useStyles()\n\n return (\n <ScrollView contentContainerStyle={styles.container} style={styles.scrollView}>\n <ThemeSection />\n {/* TODO: Enable & update when we install @planningcenter/tapestry /}\n {/ <TokensSection /> /}\n <IndicatorsSection />\n <HeadingTextSection />\n <PressablesSection />\n <HapticsSection />\n <ImageIconsSection />\n <FormControlsSection />\n <StatusComponentsSection />\n <FontAwesomeIconsSection />\n <MiscComponentsSection isLast />\n </ScrollView>\n )\n}\n\n// =================================\n// ====== Sections =================\n// =================================\n\ninterface SectionProps {\n isLast?: boolean\n}\n\nfunction ThemeSection({ isLast }: SectionProps) {\n return (\n <CollapsableSection title=\"Theme\" isLast={isLast}>\n <TextGroup>\n <Text>There are four main parts to our theming system…</Text>\n <TextRow>\n <Heading variant=\"h3\">Default theme</Heading>\n <Text>\n Start at `src/utils/theme` when adding new theme values or checking what target apps\n have access to. The file has more instructions and examples.\n </Text>\n <Text>At a high level, it provides…</Text>\n <TextListItem label=\"1.\">\n Access to consuming app targets of what theme values that they can be customized.\n </TextListItem>\n <TextListItem label=\"2.\">\n Fallback values for our components to use if the values weren't overriden.\n </TextListItem>\n </TextRow>\n <TextRow>\n <Heading variant=\"h3\">Customizing the theme</Heading>\n <Text>\n Apps can override any default theme value by passing a `theme` object to our\n `ChatProvider` that holds a `theme` and a `colorScheme`.\n </Text>\n <Text>\n Currently types can be enforced by setting the parent theme object to\n `CreateChatThemeProps`.\n </Text>\n <Text variant=\"footnote\">\n Example setup: `apps/sandbox/src/context/chat_context_provider.tsx`\n </Text>\n </TextRow>\n <TextRow>\n <Heading variant=\"h3\">Merged theme</Heading>\n <Text>\n In `src/contexts/chat_context.tsx` we merge the default theme and any custom values\n coming from a product target with the `useCreateChatTheme` hook. It creates a single\n `ChatTheme` type.\n </Text>\n </TextRow>\n <TextRow>\n <Heading variant=\"h3\">Using theme values</Heading>\n <Text>\n Inside of our own `chat-react-native` components we can access the merged `ChatTheme`\n object via our own `useTheme` hook.\n </Text>\n <Text variant=\"footnote\">Example setup: `src/components/display/button.tsx`</Text>\n </TextRow>\n </TextGroup>\n </CollapsableSection>\n )\n}\n\n// function TokensSection({ isLast }: SectionProps) {\n// return (\n// <CollapsableSection title=\"Tokens\" isLast={isLast}>\n// <TextGroup>\n// <TextRow>\n// <Heading variant=\"h3\">What are they?</Heading>\n// <Text>\n// Tokens are UX approved CSS values that we can use to style our UI in a consistent way.\n// (e.g. colors, spacing amounts, and font weights.)\n// </Text>\n// </TextRow>\n// <TextRow>\n// <Heading variant=\"h3\">Where do they come from?</Heading>\n// <Text>\n// Tokens primarily come from our internal `@planningcenter/tapestry` package. However, at\n// this time the package only support light mode colors, so Chat uses a workaround.\n// </Text>\n// <Text>Color-based tokens are infused into our theming system with two local files…</Text>\n// <TextListItem label=\"1. `src/vendor/tapestry/tokens`:\">\n// Primitive color values are stored here. Primitives capture light or dark mode values,\n// but don't take into account the devices's colors scheme.\n// </TextListItem>\n// <TextListItem label=\"2. `src/vendor/tapestry/alias_tokens_color_map`:\">\n// Alias tokens reference the primitive color values token file* in light and dark mode\n// specfic objects. Our theming system then selects the right color to use based on the\n// device's color scheme.\n// </TextListItem>\n// <Text variant=\"footnote\">\n// If available, reference the color from the Tapestry package instead.\n// </Text>\n// </TextRow>\n// <TextRow>\n// <Heading variant=\"h3\">How do we use them?</Heading>\n// <Text>There are two places to reference tokens at this time…</Text>\n// <TextListItem label=\"• Color tokens:\">\n// Reference them from our internal `useTheme` hook to ensure the correct light or dark\n// mode color token is used.\n// </TextListItem>\n// <TextListItem label=\"• All other tokens:\">\n// Use the `computedToken` function from `@planningcenter/tapestry` by passing it a string\n// with the token's name. This function provides Typescript support and maps to the token's\n// raw CSS value. There is another function called `token`, but it maps to CSS custom\n// properties which React Native doesn't support.\n// </TextListItem>\n// </TextRow>\n// </TextGroup>\n// </CollapsableSection>\n// )\n// }\n\nfunction IndicatorsSection({ isLast }: SectionProps) {\n return (\n <CollapsableSection title=\"Indicators\" isLast={isLast}>\n <Group\n title=\"Spinner\"\n description=\"Loading indicators that can be used within or close to atomic components. Not intended for full-screen loading.\"\n >\n <Row>\n <Spinner size={24} />\n </Row>\n </Group>\n </CollapsableSection>\n )\n}\n\nfunction HeadingTextSection({ isLast }: SectionProps) {\n const styles = useStyles()\n\n return (\n <CollapsableSection title=\"Heading & Text\" isLast={isLast}>\n <Group\n title=\"Heading\"\n description=\"Use for headings & titles as it includes the a11y 'header' role. Change the size and style with the h1-h4 variants.\"\n >\n <Column style={styles.columnCenter}>\n <Heading>Heading 1</Heading>\n <Heading variant=\"h2\">Heading 2</Heading>\n <Heading variant=\"h3\">Heading 3</Heading>\n <Heading variant=\"h4\">Heading 4</Heading>\n </Column>\n </Group>\n <Group title=\"Text\" description=\"Use for body copy and supporting text.\">\n <Column style={styles.columnCenter}>\n <Text>Plain text</Text>\n <Text variant=\"secondary\">Secondary</Text>\n <Text variant=\"tertiary\">Tertiary</Text>\n <Text variant=\"footnote\">Footnote</Text>\n </Column>\n </Group>\n </CollapsableSection>\n )\n}\n\nfunction PressablesSection({ isLast }: SectionProps) {\n const styles = useStyles()\n const [filterSelected, setFilterSelected] = useState('Groups')\n\n return (\n <CollapsableSection title=\"Pressables\" isLast={isLast}>\n <Group\n title=\"Button\"\n description=\"Feature fill and outline variants for primary and danger usecases, along with disabled & loading states. Optionally shows icons to the left and right of the text.\"\n >\n <Row>\n <Button onPress={buttonPress} title=\"Default\" size=\"sm\" />\n <Button onPress={buttonPress} title=\"Default\" size=\"md\" />\n <Button onPress={buttonPress} title=\"Danger\" appearance=\"danger\" size=\"lg\" />\n </Row>\n <Row>\n <Button disabled onPress={buttonPress} title=\"Disabled\" size=\"sm\" />\n <Button disabled onPress={buttonPress} title=\"Disabled\" size=\"md\" />\n <Button disabled onPress={buttonPress} title=\"Disabled\" appearance=\"danger\" size=\"lg\" />\n </Row>\n <Row>\n <Button\n onPress={buttonPress}\n title=\"Default\"\n size=\"sm\"\n iconNameLeft=\"general.plus\"\n maxFontSizeMultiplier={MAX_FONT_SIZE_MULTIPLIER}\n />\n <Button\n onPress={buttonPress}\n title=\"Default\"\n size=\"md\"\n iconNameRight=\"churchCenter.sort\"\n maxFontSizeMultiplier={MAX_FONT_SIZE_MULTIPLIER}\n />\n <Button\n onPress={buttonPress}\n title=\"Danger\"\n appearance=\"danger\"\n size=\"lg\"\n iconNameLeft=\"groups.cards\"\n iconNameRight=\"general.downChevron\"\n maxFontSizeMultiplier={MAX_FONT_SIZE_MULTIPLIER}\n />\n </Row>\n <Row>\n <Button loading onPress={buttonPress} title=\"Default\" size=\"sm\" />\n <Button loading onPress={buttonPress} title=\"Default\" size=\"md\" />\n <Button loading onPress={buttonPress} title=\"Danger\" appearance=\"danger\" size=\"lg\" />\n </Row>\n <Row>\n <Button onPress={buttonPress} title=\"Default\" size=\"sm\" variant=\"outline\" />\n <Button onPress={buttonPress} title=\"Default\" size=\"md\" variant=\"outline\" />\n <Button\n onPress={buttonPress}\n title=\"Danger\"\n appearance=\"danger\"\n size=\"lg\"\n variant=\"outline\"\n />\n </Row>\n <Row>\n <Button\n onPress={buttonPress}\n title=\"Default\"\n size=\"sm\"\n variant=\"outline\"\n iconNameLeft=\"general.plus\"\n maxFontSizeMultiplier={MAX_FONT_SIZE_MULTIPLIER}\n />\n <Button\n onPress={buttonPress}\n title=\"Default\"\n size=\"md\"\n variant=\"outline\"\n iconNameRight=\"churchCenter.sort\"\n maxFontSizeMultiplier={MAX_FONT_SIZE_MULTIPLIER}\n />\n <Button\n onPress={buttonPress}\n title=\"Danger\"\n appearance=\"danger\"\n size=\"lg\"\n variant=\"outline\"\n iconNameLeft=\"groups.cards\"\n iconNameRight=\"general.downChevron\"\n maxFontSizeMultiplier={MAX_FONT_SIZE_MULTIPLIER}\n />\n </Row>\n <Row>\n <Button\n disabled\n onPress={buttonPress}\n title=\"Disabled\"\n size=\"sm\"\n variant=\"outline\"\n iconNameLeft=\"general.plus\"\n maxFontSizeMultiplier={MAX_FONT_SIZE_MULTIPLIER}\n />\n <Button\n disabled\n onPress={buttonPress}\n title=\"Disabled\"\n size=\"md\"\n variant=\"outline\"\n iconNameRight=\"churchCenter.sort\"\n maxFontSizeMultiplier={MAX_FONT_SIZE_MULTIPLIER}\n />\n <Button\n disabled\n onPress={buttonPress}\n title=\"Disabled\"\n appearance=\"danger\"\n size=\"lg\"\n variant=\"outline\"\n iconNameLeft=\"groups.cards\"\n iconNameRight=\"general.downChevron\"\n maxFontSizeMultiplier={MAX_FONT_SIZE_MULTIPLIER}\n />\n </Row>\n <Row>\n <Button\n loading\n onPress={buttonPress}\n title=\"Default\"\n size=\"sm\"\n variant=\"outline\"\n iconNameLeft=\"general.plus\"\n maxFontSizeMultiplier={MAX_FONT_SIZE_MULTIPLIER}\n />\n <Button\n loading\n onPress={buttonPress}\n title=\"Default\"\n size=\"md\"\n variant=\"outline\"\n iconNameRight=\"churchCenter.sort\"\n maxFontSizeMultiplier={MAX_FONT_SIZE_MULTIPLIER}\n />\n <Button\n loading\n onPress={buttonPress}\n title=\"Danger\"\n appearance=\"danger\"\n size=\"lg\"\n variant=\"outline\"\n iconNameLeft=\"groups.cards\"\n iconNameRight=\"general.downChevron\"\n maxFontSizeMultiplier={MAX_FONT_SIZE_MULTIPLIER}\n />\n </Row>\n </Group>\n <Group\n title=\"ToggleButton\"\n description=\"Button with active and deactive states. Supports right & left icons, along with standard pressable props.\"\n >\n <Row>\n <ToggleButton\n onPress={() => setFilterSelected('Groups')}\n title=\"Groups\"\n active={filterSelected === 'Groups'}\n accessibilityLabel=\"Filter to group conversations\"\n />\n <ToggleButton\n onPress={() => setFilterSelected('Teams')}\n title=\"Teams\"\n active={filterSelected === 'Teams'}\n accessibilityLabel=\"Filter to team conversations\"\n />\n <ToggleButton\n onPress={() => setFilterSelected('More')}\n title=\"More\"\n active={filterSelected === 'More'}\n iconNameRight=\"general.threeReducingHorizontalBars\"\n accessibilityLabel=\"View more filters\"\n />\n </Row>\n </Group>\n <Group\n title=\"IconButton\"\n description=\"Supports different appearances, sizes, along with loading & disabled states. Use `iconStyle` for custom colors and font sizes. Requires `accessibilityLabel` as icon's don't provide context to screen readers.\"\n >\n <Row>\n <IconButton\n onPress={buttonPress}\n name=\"general.paperclip\"\n accessibilityLabel=\"Add attachment\"\n accessibilityHint=\"Opens your device's image gallary\"\n size=\"md\"\n />\n <IconButton\n onPress={buttonPress}\n name=\"general.paperclip\"\n accessibilityLabel=\"Add attachment\"\n accessibilityHint=\"Opens your device's image gallary\"\n appearance=\"danger\"\n size=\"lg\"\n />\n <IconButton\n onPress={buttonPress}\n name=\"general.paperclip\"\n accessibilityLabel=\"Add attachment\"\n accessibilityHint=\"Opens your device's image gallary\"\n appearance=\"interaction\"\n size=\"xl\"\n />\n <IconButton\n onPress={buttonPress}\n name=\"general.paperclip\"\n accessibilityLabel=\"Add attachment\"\n accessibilityHint=\"Opens your device's image gallary\"\n iconStyle={styles.customIconButtonColor}\n size=\"xxl\"\n />\n <IconButton\n onPress={buttonPress}\n name=\"general.paperclip\"\n accessibilityLabel=\"Add attachment\"\n accessibilityHint=\"Opens your device's image gallary\"\n size=\"xxxl\"\n />\n </Row>\n <Row>\n <IconButton\n onPress={buttonPress}\n name=\"general.paperclip\"\n accessibilityLabel=\"Add attachment\"\n accessibilityHint=\"Opens your device's image gallary\"\n size=\"md\"\n disabled\n />\n <IconButton\n onPress={buttonPress}\n name=\"general.paperclip\"\n accessibilityLabel=\"Add attachment\"\n accessibilityHint=\"Opens your device's image gallary\"\n appearance=\"danger\"\n size=\"lg\"\n disabled\n />\n <IconButton\n onPress={buttonPress}\n name=\"general.paperclip\"\n accessibilityLabel=\"Add attachment\"\n accessibilityHint=\"Opens your device's image gallary\"\n appearance=\"interaction\"\n size=\"xl\"\n disabled\n />\n <IconButton\n onPress={buttonPress}\n name=\"general.paperclip\"\n accessibilityLabel=\"Add attachment\"\n accessibilityHint=\"Opens your device's image gallary\"\n iconStyle={styles.customIconButtonColor}\n size=\"xxl\"\n disabled\n />\n <IconButton\n onPress={buttonPress}\n name=\"general.paperclip\"\n accessibilityLabel=\"Add attachment\"\n accessibilityHint=\"Opens your device's image gallary\"\n size=\"xxxl\"\n disabled\n />\n </Row>\n <Row>\n <IconButton\n onPress={buttonPress}\n name=\"general.paperclip\"\n accessibilityLabel=\"Add attachment\"\n accessibilityHint=\"Opens your device's image gallary\"\n size=\"md\"\n loading\n />\n <IconButton\n onPress={buttonPress}\n name=\"general.paperclip\"\n accessibilityLabel=\"Add attachment\"\n accessibilityHint=\"Opens your device's image gallary\"\n appearance=\"danger\"\n size=\"lg\"\n loading\n />\n <IconButton\n onPress={buttonPress}\n name=\"general.paperclip\"\n accessibilityLabel=\"Add attachment\"\n accessibilityHint=\"Opens your device's image gallary\"\n appearance=\"interaction\"\n size=\"xl\"\n loading\n />\n <IconButton\n onPress={buttonPress}\n name=\"general.paperclip\"\n accessibilityLabel=\"Add attachment\"\n accessibilityHint=\"Opens your device's image gallary\"\n iconStyle={styles.customIconButtonColor}\n size=\"xxl\"\n loading\n />\n <IconButton\n onPress={buttonPress}\n name=\"general.paperclip\"\n accessibilityLabel=\"Add attachment\"\n accessibilityHint=\"Opens your device's image gallary\"\n size=\"xxxl\"\n loading\n />\n </Row>\n </Group>\n <Group\n title=\"TextButton\"\n description=\"Pressable text with default & danger appearance options. Can be disabled and accept `Text` variance props.\"\n >\n <Row>\n <TextButton onPress={buttonPress}>Default</TextButton>\n <TextButton onPress={buttonPress} variant=\"secondary\">\n Default\n </TextButton>\n <TextButton onPress={buttonPress} variant=\"tertiary\">\n Default\n </TextButton>\n <TextButton onPress={buttonPress} variant=\"footnote\">\n Default\n </TextButton>\n </Row>\n <Row>\n <TextButton onPress={buttonPress} appearance=\"danger\">\n Danger\n </TextButton>\n <TextButton onPress={buttonPress} variant=\"secondary\" appearance=\"danger\">\n Danger\n </TextButton>\n <TextButton onPress={buttonPress} variant=\"tertiary\" appearance=\"danger\">\n Danger\n </TextButton>\n <TextButton onPress={buttonPress} variant=\"footnote\" appearance=\"danger\">\n Danger\n </TextButton>\n </Row>\n <Row>\n <TextButton onPress={buttonPress} disabled>\n Disabled\n </TextButton>\n <TextButton onPress={buttonPress} variant=\"secondary\" disabled>\n Disabled\n </TextButton>\n <TextButton onPress={buttonPress} variant=\"tertiary\" disabled>\n Disabled\n </TextButton>\n <TextButton onPress={buttonPress} variant=\"footnote\" disabled>\n Disabled\n </TextButton>\n </Row>\n </Group>\n <Group\n title=\"TextInlineButton\"\n description=\"Supports nesting within `Text`. Temporary component until React Native fixes a layout bug in `Pressable` which used in `TextButton`.\"\n >\n <Row style={styles.alignRowLeft}>\n <Text>\n This text is next to{' '}\n <TextInlineButton onPress={buttonPress}>default button text</TextInlineButton> Lorem\n ipsum dolor{' '}\n <TextInlineButton onPress={buttonPress} appearance=\"danger\">\n danger button text\n </TextInlineButton>{' '}\n consectetur{' '}\n <TextInlineButton onPress={buttonPress} disabled>\n disabled button text\n </TextInlineButton>{' '}\n elit.\n </Text>\n <Text variant=\"secondary\">\n This text is next to{' '}\n <TextInlineButton variant=\"secondary\" onPress={buttonPress}>\n default button text\n </TextInlineButton>{' '}\n Lorem ipsum dolor{' '}\n <TextInlineButton variant=\"secondary\" onPress={buttonPress} appearance=\"danger\">\n danger button text\n </TextInlineButton>{' '}\n consectetur{' '}\n <TextInlineButton variant=\"secondary\" onPress={buttonPress} disabled>\n disabled button text\n </TextInlineButton>{' '}\n elit.\n </Text>\n <Text variant=\"tertiary\">\n This text is next to{' '}\n <TextInlineButton variant=\"tertiary\" onPress={buttonPress}>\n default button text\n </TextInlineButton>{' '}\n Lorem ipsum dolor{' '}\n <TextInlineButton variant=\"tertiary\" onPress={buttonPress} appearance=\"danger\">\n danger button text\n </TextInlineButton>{' '}\n consectetur{' '}\n <TextInlineButton variant=\"tertiary\" onPress={buttonPress} disabled>\n disabled button text\n </TextInlineButton>{' '}\n elit.\n </Text>\n <Text variant=\"footnote\">\n This text is next to{' '}\n <TextInlineButton variant=\"footnote\" onPress={buttonPress}>\n default button text\n </TextInlineButton>{' '}\n Lorem ipsum dolor{' '}\n <TextInlineButton variant=\"footnote\" onPress={buttonPress} appearance=\"danger\">\n danger button text\n </TextInlineButton>{' '}\n consectetur{' '}\n <TextInlineButton variant=\"footnote\" onPress={buttonPress} disabled>\n disabled button text\n </TextInlineButton>{' '}\n elit.\n </Text>\n </Row>\n </Group>\n </CollapsableSection>\n )\n}\nfunction HapticsSection({ isLast }: SectionProps) {\n return (\n <CollapsableSection title=\"Haptics\" isLast={isLast}>\n <TextGroup>\n <Text>\n Haptics help communicate changes and interactions in the UI by making them feel physical\n and \"weighty\". They are a progressive enhancement and shouldn't replace visual feedback.\n </Text>\n </TextGroup>\n <Group title=\"Impact\" description=\"Communicates that a user interaction is occurring.\">\n <Row>\n <HapticButton title=\"Impact Light\" onPress={() => Haptic.impactLight()} />\n <HapticButton title=\"Impact Medium\" onPress={() => Haptic.impactMedium()} />\n <HapticButton title=\"Impact Heavy\" onPress={() => Haptic.impactHeavy()} />\n <HapticButton title=\"Rigid\" onPress={() => Haptic.rigid()} />\n <HapticButton title=\"Soft\" onPress={() => Haptic.soft()} />\n </Row>\n </Group>\n <Group\n title=\"Notification\"\n description=\"Communicates the result of a user or application action.\"\n >\n <Row>\n <HapticButton title=\"Notification Success\" onPress={() => Haptic.notificationSuccess()} />\n <HapticButton title=\"Notification Warning\" onPress={() => Haptic.notificationWarning()} />\n <HapticButton title=\"Notification Error\" onPress={() => Haptic.notificationError()} />\n </Row>\n </Group>\n </CollapsableSection>\n )\n}\n\nfunction ImageIconsSection({ isLast }: SectionProps) {\n const styles = useStyles()\n const { colors } = useTheme()\n\n return (\n <CollapsableSection title=\"Images & Icons\" isLast={isLast}>\n <Group\n title=\"Image\"\n description=\"Foundational way of displaying images. Loading or broken images will fallback to show a spinner. Hide decortive images from screen readers with `alt=''`.\"\n >\n <Row>\n <Image source={{ uri: URL.broken }} style={styles.image} alt=\"Mountain sunrise\" />\n <Image source={{ uri: URL.image }} style={styles.image} alt=\"Mountain sunrise\" />\n <Image source={{ uri: URL.image }} style={styles.image} alt=\"\" />\n </Row>\n </Group>\n <Group\n title=\"ImageAttachmentPreview\"\n description=\"Displays an image attachment in different sizes with a close button. It takes a `fileName` prop that gets passed to the image's `alt` attribute. Can show loading and error states.\"\n >\n <Row>\n <ImageAttachmentPreview\n size=\"sm\"\n uri={URL.image}\n fileName=\"mountains.jpg\"\n onRemovePress={buttonPress}\n />\n <ImageAttachmentPreview\n uri={URL.image}\n fileName=\"mountains.jpg\"\n onRemovePress={buttonPress}\n />\n <ImageAttachmentPreview\n size=\"sm\"\n uri={URL.image}\n fileName=\"mountains.jpg\"\n onRemovePress={buttonPress}\n loading\n hideRemoveButton\n />\n <ImageAttachmentPreview\n uri={URL.image}\n fileName=\"mountains.jpg\"\n onRemovePress={buttonPress}\n loading\n hideRemoveButton\n />\n <ImageAttachmentPreview\n size=\"sm\"\n uri={URL.image}\n fileName=\"mountains.jpg\"\n onRemovePress={buttonPress}\n error\n />\n <ImageAttachmentPreview\n uri={URL.image}\n fileName=\"mountains.jpg\"\n onRemovePress={buttonPress}\n error\n />\n </Row>\n </Group>\n <Group\n title=\"VideoAttachmentPreview\"\n description=\"Displays an video attachment with a close button. It takes a `name` prop, an optional duration, and can show loading and error states.\"\n >\n <Row>\n <VideoAttachmentPreview name=\"mountains.mp4\" onRemovePress={buttonPress} />\n <VideoAttachmentPreview\n name=\"mountains.mp4\"\n duration=\"1:20\"\n onRemovePress={buttonPress}\n />\n <VideoAttachmentPreview\n name=\"mountains.mp4\"\n onRemovePress={buttonPress}\n loading\n hideRemoveButton\n />\n <VideoAttachmentPreview\n name=\"mountains.mp4\"\n duration=\"1:20\"\n onRemovePress={buttonPress}\n error\n />\n </Row>\n </Group>\n <Group\n title=\"Avatar\"\n description='Displays the profile image for a user in different sizes and has a loading spinner. Can optionally show an online/offline \"presence\" indicator. Fallback condition and icon are optionally configurable.'\n >\n <Row>\n <Avatar sourceUri={URL.broken} />\n <Avatar size=\"md\" sourceUri={URL.avatar_fallback} />\n <Avatar sourceUri={URL.avatar} />\n </Row>\n <Row>\n <Avatar presence=\"offline\" sourceUri={URL.broken} />\n <Avatar presence=\"online\" size=\"md\" sourceUri={URL.avatar_fallback} />\n <Avatar presence=\"offline\" sourceUri={URL.avatar} />\n </Row>\n <Row>\n <Avatar sourceUri=\"\" />\n <Avatar sourceUri=\"\" size=\"md\" />\n <Avatar sourceUri=\"\" size=\"sm\" />\n <Avatar\n sourceUri={URL.broken}\n showFallback={true}\n fallbackIconName=\"general.star\"\n size=\"sm\"\n />\n </Row>\n </Group>\n <Group\n title=\"AvatarGroup\"\n description=\"Shows 1-4 images in a grid at different sizes. Loading spinner shows until all images successfully load. Fallback condition and icon are optionally configurable.\"\n >\n <Row>\n <AvatarGroup sourceUris={[URL.broken]} />\n <AvatarGroup sourceUris={[URL.broken, URL.broken, ...URL.two_avatars]} />\n <AvatarGroup sourceUris={[URL.avatar]} />\n <AvatarGroup sourceUris={URL.two_avatars} />\n <AvatarGroup sourceUris={URL.three_avatars} />\n <AvatarGroup sourceUris={URL.four_avatars} />\n </Row>\n <Row>\n <AvatarGroup sourceUris={[]} showFallback={true} fallbackIconName=\"general.person\" />\n <AvatarGroup\n sourceUris={[]}\n showFallback={true}\n fallbackIconName=\"people.noTextMessage\"\n />\n <AvatarGroup\n sourceUris={[]}\n showFallback={true}\n fallbackIconName=\"general.star\"\n size=\"md\"\n />\n <AvatarGroup\n sourceUris={[]}\n showFallback={true}\n fallbackIconName=\"general.heart\"\n size=\"sm\"\n />\n </Row>\n </Group>\n <Group\n title=\"Icon\"\n description=\"Displays any icon from @planningcenter/icons. Missing icons will fallback to a grey circle. Styling with `fontSize` will allow it to scale with the device's text a11y size.\"\n >\n <Row>\n {/ @ts-expect-error - Testing missing icon fallback */}\n <Icon name=\"missingIcon\" size={20} />\n <Icon name=\"general.textMessage\" size={20} />\n <Icon name=\"general.bell\" size={20} color={colors.needsDesignPass} />\n <Icon name=\"churchCenter.sort\" style={styles.icon} />\n </Row>\n </Group>\n </CollapsableSection>\n )\n}\n\nfunction FormControlsSection({ isLast }: SectionProps) {\n const [switchOn, setSwitchOn] = useState(true)\n const [switchOff, setSwitchOff] = useState(false)\n\n return (\n <CollapsableSection title=\"Form Controls\" isLast={isLast}>\n <Group\n title=\"Switch\"\n description=\"Use to toggle a boolean value for some sort of contained setting. (ie. Muting a conversation) This is a light wrapper that takes into account themed colors.\"\n >\n <Row>\n <Switch value={switchOn} onValueChange={value => setSwitchOn(value)} />\n <Switch value={switchOff} onValueChange={value => setSwitchOff(value)} />\n <Switch value={true} disabled />\n <Switch value={false} disabled />\n </Row>\n </Group>\n </CollapsableSection>\n )\n}\n\nfunction StatusComponentsSection({ isLast }: SectionProps) {\n return (\n <CollapsableSection title=\"Status components\" isLast={isLast}>\n <Group\n title=\"Badge\"\n description=\"Badge that can convey a status and show an icon. It also supports a meta label and product logo for the conversation list and conversation header. Target products can change colors and hide the logo via theming.\"\n >\n <Row>\n <Badge label=\"Neutral\" appearance=\"neutral\" />\n <Badge label=\"Error\" appearance=\"error\" />\n <Badge label=\"Info\" appearance=\"info\" />\n <Badge label=\"Success\" appearance=\"success\" />\n <Badge label=\"Warning\" appearance=\"warning\" />\n </Row>\n <Row>\n <Badge label=\"Neutral\" appearance=\"neutral\" iconName=\"general.star\" />\n <Badge label=\"Error\" appearance=\"error\" iconName=\"general.exclamationTriangle\" />\n <Badge label=\"Info\" appearance=\"info\" iconName=\"general.outlinedInfoCircle\" />\n <Badge label=\"Success\" appearance=\"success\" iconName=\"general.check\" />\n <Badge label=\"Warning\" appearance=\"warning\" iconName=\"general.shieldExclamation\" />\n </Row>\n <Row>\n <Badge\n variant=\"meta\"\n productLogoName=\"groups\"\n label=\"Group\"\n metaLabel=\"Worlds longest group name that will probably overflow if it gets very much longer\"\n />\n <Badge variant=\"meta\" productLogoName=\"groups\" label=\"Group\" metaLabel=\"Young adults\" />\n <Badge variant=\"meta\" productLogoName=\"services\" label=\"Plan\" metaLabel=\"June 19, 2025\" />\n <Badge variant=\"meta\" productLogoName=\"services\" label=\"Team\" />\n </Row>\n <Row>\n <Badge\n variant=\"metaSubtle\"\n productLogoName=\"groups\"\n label=\"Group\"\n metaLabel=\"Worlds longest group name that will probably overflow if it gets very much longer\"\n />\n <Badge\n variant=\"metaSubtle\"\n productLogoName=\"groups\"\n label=\"Group\"\n metaLabel=\"Young adults\"\n />\n <Badge\n variant=\"metaSubtle\"\n productLogoName=\"services\"\n label=\"Plan\"\n metaLabel=\"June 19, 2025\"\n />\n <Badge variant=\"metaSubtle\" productLogoName=\"services\" label=\"Team\" />\n </Row>\n </Group>\n <Group\n title=\"Banner\"\n description=\"Banners that can convey a status with color and an optional icon. They render a description and optional heading. A `Banner.Link` can be used by wrapping it in `Banner.Text` and passing it to `description`. Target products can change colors via theming.\"\n >\n <Column>\n <Banner\n appearance=\"neutral\"\n showIcon={false}\n description=\"Et sint Quis non excepturi enim et conseq atur porro est galisum labore ea volupt.\"\n />\n <Banner\n appearance=\"info\"\n heading=\"Banner heading\"\n description=\"Et sint Quis non excepturi enim et conseq atur porro est galisum labore ea volupt.\"\n />\n <Banner\n appearance=\"success\"\n heading=\"Banner heading\"\n description={\n <BannerPrimitive.Text>\n Et sint Quis non excepturi{' '}\n <BannerPrimitive.Link onPress={buttonPress}>\n enim et conseq atur porro est\n </BannerPrimitive.Link>{' '}\n galisum labore ea volupt.\n </BannerPrimitive.Text>\n }\n />\n <Banner\n appearance=\"warning\"\n iconName=\"general.shieldExclamation\"\n heading=\"13 members under age 13\"\n description=\"Et sint Quis non excepturi enim et conseq atur porro est galisum labore ea volupt.\"\n />\n <Banner\n appearance=\"error\"\n heading=\"Banner heading\"\n description=\"Et sint Quis non excepturi enim et conseq atur porro est galisum labore ea volupt.\"\n />\n </Column>\n </Group>\n <Group\n title=\"BannerCollapsible\"\n description=\"Same as `Banner` but takes children that can be hidden/revealed on a tap.\"\n >\n <Column>\n <BannerCollapsible appearance=\"neutral\" showIcon={false} heading=\"Banner heading\">\n <BannerPrimitive.Text>\n Et sint Quis non excepturi enim et conseq atur porro est galisum labore ea volupt.\n </BannerPrimitive.Text>\n </BannerCollapsible>\n <BannerCollapsible appearance=\"info\" heading=\"Banner heading\">\n <BannerPrimitive.Text>\n Et sint Quis non excepturi enim et conseq atur porro est galisum labore ea volupt.\n </BannerPrimitive.Text>\n </BannerCollapsible>\n <BannerCollapsible appearance=\"success\" heading=\"Banner heading\">\n <BannerPrimitive.Text>\n Et sint Quis non excepturi{' '}\n <BannerPrimitive.Link onPress={buttonPress}>\n enim et conseq atur porro est\n </BannerPrimitive.Link>{' '}\n galisum labore ea volupt.\n </BannerPrimitive.Text>\n </BannerCollapsible>\n <BannerCollapsible\n appearance=\"warning\"\n iconName=\"general.shieldExclamation\"\n heading=\"13 members under age 13\"\n description=\"Et sint Quis non excepturi enim et conse.\"\n >\n <BannerPrimitive.Text>\n More hdden content that can be revealed on a tap. Lorem ipsum dolor sit amet,\n consectetur\n </BannerPrimitive.Text>\n </BannerCollapsible>\n <BannerCollapsible\n appearance=\"error\"\n heading=\"Banner heading\"\n description=\"Et sint Quis non excepturi enim et conseq atur porro est galisum labore ea volupt.\"\n >\n <BannerPrimitive.Text>\n Et sint Quis non excepturi enim et conseq atur porro est galisum labore ea volupt. Et\n sint Quis non excepturi enim et conseq atur porro est galisum labore ea volupt. Et\n sint Quis non excepturi enim et .\n </BannerPrimitive.Text>\n </BannerCollapsible>\n </Column>\n </Group>\n </CollapsableSection>\n )\n}\n\nconst FA_ICONS: { category: string; icons: IconName[] }[] = [\n {\n category: 'Church',\n icons: [\n 'book-bible',\n 'church',\n 'cross',\n 'dove',\n 'hands-heart',\n 'person-rays',\n 'praying-hands',\n 'podium',\n 'droplet',\n 'person-drowning',\n 'lighthouse',\n ],\n },\n {\n category: 'Services',\n icons: [\n 'guitar',\n 'guitar-electric',\n 'violin',\n 'calendar-heart',\n 'hand-heart',\n 'hand-wave',\n 'baby',\n 'children',\n 'mug-hot',\n 'video-camera',\n 'music',\n 'piano-keyboard',\n 'drum',\n 'user-graduate',\n 'comments-question',\n 'presentation',\n 'microphone-stand',\n 'id-badge',\n 'book-user',\n 'hand-holding-heart',\n 'guitars',\n 'amp-guitar',\n 'school-flag',\n 'shield-check',\n 'projector',\n ],\n },\n {\n category: 'Groups',\n icons: [\n 'people',\n 'people-group',\n 'person-dress',\n 'person',\n 'seedling',\n 'comments-alt',\n 'globe',\n 'book-open-reader',\n 'running',\n 'leaf',\n ],\n },\n]\n\nfunction FontAwesomeIconsSection({ isLast }: SectionProps) {\n const { colors } = useTheme()\n\n return (\n <CollapsableSection title=\"FontAwesome Pro Icons\" isLast={isLast}>\n {FA_ICONS.map(({ category, icons }) => (\n <Group key={category} title={category}>\n <View style={faStyles.grid}>\n {icons.map(name => (\n <View key={name} style={faStyles.cell}>\n <FontAwesomeIcon\n icon={['fas', name]}\n size={20}\n color={colors.iconColorDefaultSecondary}\n />\n <Text variant=\"footnote\" numberOfLines={1}>\n {name}\n </Text>\n </View>\n ))}\n </View>\n </Group>\n ))}\n </CollapsableSection>\n )\n}\n\nconst faStyles = StyleSheet.create({\n grid: {\n flexDirection: 'row',\n flexWrap: 'wrap',\n },\n cell: {\n width: '25%',\n alignItems: 'center',\n gap: 4,\n paddingVertical: 12,\n },\n})\n\nfunction MiscComponentsSection({ isLast }: SectionProps) {\n return (\n <CollapsableSection title=\"Misc components\" isLast={isLast}>\n <Group\n title=\"Person\"\n description=\"Takes a person object (`MemberResource` type) and displays an avatar, name, and badges. If person is a child we show a special badge and faded styles. Implomentation is based on a similar Chat Web component.\"\n >\n <Column>\n <Person person={personAdult} />\n <Person person={personChild} />\n </Column>\n </Group>\n <Group\n title=\"BlankState\"\n description=\"Compound component with primitives to display imagary, heading, title, and a button.\"\n >\n <Column>\n <BlankState.Root>\n <BlankState.Imagery name=\"general.outlinedTextMessage\" />\n <BlankState.Content>\n <BlankState.Heading>No messages</BlankState.Heading>\n <BlankState.Text>\n Conversation is hidden from everyone until you send a message.\n </BlankState.Text>\n </BlankState.Content>\n <BlankState.Button\n onPress={buttonPress}\n title=\"Go back\"\n accessibilityHint=\"Navigates back to the conversations list\"\n accessibilityRole=\"link\"\n />\n </BlankState.Root>\n </Column>\n </Group>\n </CollapsableSection>\n )\n}\n\n// =================================\n// ====== Docs UI ==================\n// =================================\ninterface CollapsableSectionProps {\n children: React.ReactNode\n title: string\n isLast?: boolean\n}\n\nfunction CollapsableSection({ children, title, isLast = false }: CollapsableSectionProps) {\n const styles = useStyles()\n const { colors } = useTheme()\n const [collapsed, setCollapsed] = useState(true)\n\n return (\n <View style={[styles.section, styles.sectionBorderTop, isLast && styles.sectionBorderBottom]}>\n <Pressable\n onPress={() => setCollapsed(!collapsed)}\n style={({ pressed }) => [styles.sectionHeader, pressed && platformPressedOpacityStyle]}\n android_ripple={{ color: colors.androidRippleNeutral, borderless: false, foreground: true }}\n >\n <Heading>{title}</Heading>\n <Icon name={collapsed ? 'general.plus' : 'general.minus'} size={16} />\n </Pressable>\n {!collapsed && <View style={styles.sectionChildren}>{children}</View>}\n </View>\n )\n}\n\ninterface GroupProps {\n title: string\n description?: string\n children: React.ReactNode\n}\n\nfunction Group({ title, description, children }: GroupProps) {\n const styles = useStyles()\n return (\n <View style={styles.group}>\n <View style={styles.groupHeading}>\n <Heading variant=\"h3\">{title}</Heading>\n {description && <Text variant=\"tertiary\">{description}</Text>}\n </View>\n {children}\n </View>\n )\n}\n\ninterface RowProps {\n children: React.ReactNode\n style?: ViewStyle\n}\n\nfunction Row({ children, style }: RowProps) {\n const styles = useStyles()\n return <View style={[styles.row, style]}>{children}</View>\n}\n\ninterface ColumnProps {\n children: React.ReactNode\n style?: ViewStyle\n}\n\nfunction Column({ children, style }: ColumnProps) {\n const styles = useStyles()\n return <View style={[styles.column, style]}>{children}</View>\n}\n\nfunction TextGroup({ children }: { children: React.ReactNode }) {\n const styles = useStyles()\n return <View style={styles.textGroup}>{children}</View>\n}\n\ninterface TextRowProps {\n children: React.ReactNode\n style?: ViewStyle\n}\n\nfunction TextRow({ children, style }: TextRowProps) {\n const styles = useStyles()\n return <View style={[styles.textRow, style]}>{children}</View>\n}\n\ninterface TextListItemProps {\n label: string\n children: React.ReactNode\n}\n\nfunction TextListItem({ label, children }: TextListItemProps) {\n const styles = useStyles()\n return (\n <Text variant=\"tertiary\">\n <Text variant=\"tertiary\" style={styles.mediumWeight}>\n {label}\n </Text>{' '}\n {children}\n </Text>\n )\n}\n\nfunction HapticButton({ title, onPress }: { title: string; onPress: () => void }) {\n const styles = useStyles()\n\n return (\n <Pressable\n onPress={onPress}\n style={({ pressed }) => ({\n ...styles.hapticButton,\n ...{ opacity: pressed ? 0.5 : 1 },\n })}\n >\n <Text style={styles.hapticButtonText}>{title}</Text>\n </Pressable>\n )\n}\n\n// =================================\n// ====== Styles ===================\n// =================================\n\nconst useStyles = () => {\n const { colors } = useTheme()\n const interactionGhostBackgroundColor = useInteractionGhostBackgroundColor()\n\n return StyleSheet.create({\n hapticButton: {\n flexGrow: 1,\n height: 100,\n padding: 16,\n alignItems: 'center',\n justifyContent: 'center',\n backgroundColor: interactionGhostBackgroundColor,\n borderWidth: 1,\n borderColor: colors.interaction,\n borderRadius: 8,\n },\n hapticButtonText: {\n textAlign: 'center',\n color: colors.interaction,\n },\n scrollView: {\n flex: 1,\n backgroundColor: colors.fillColorNeutral100Inverted,\n },\n container: {\n padding: 24,\n },\n listItem: { color: colors.fillColorNeutral020 },\n section: {\n gap: 8,\n borderColor: colors.fillColorNeutral020,\n },\n sectionBorderTop: {\n borderTopWidth: 1,\n },\n sectionBorderBottom: {\n borderBottomWidth: 1,\n },\n sectionHeader: {\n flexDirection: 'row',\n justifyContent: 'space-between',\n alignItems: 'center',\n paddingVertical: 24,\n },\n sectionChildren: {\n paddingBottom: 24,\n gap: 48,\n },\n row: {\n gap: 16,\n flexDirection: 'row',\n alignItems: 'center',\n justifyContent: 'center',\n flexWrap: 'wrap',\n },\n column: {\n gap: 16,\n },\n columnCenter: {\n alignItems: 'center',\n },\n textRow: {\n gap: 12,\n },\n textGroup: {\n gap: 20,\n },\n mediumWeight: {\n fontWeight: platformFontWeightMedium,\n },\n alignRowLeft: {\n justifyContent: 'flex-start',\n },\n group: {\n gap: 24,\n },\n groupHeading: {\n gap: 8,\n },\n image: {\n width: 100,\n height: 100,\n },\n icon: {\n fontSize: 20,\n color: colors.iconColorDefaultSecondary,\n },\n customIconButtonColor: {\n color: 'purple',\n },\n })\n}\n"]}

package/build/types/resources/groups/groups_member_resource_with_person.d.ts CHANGED Viewed

@@ -7,6 +7,7 @@ export interface GroupsGroupMemberResource {
         lastName: string;
         avatarUrl: string;
         child: boolean;
+        gender: string | null;
         id: number;
         type: 'Person';
     };

package/build/types/resources/groups/groups_member_resource_with_person.d.ts.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"groups_member_resource_with_person.d.ts","sourceRoot":"","sources":["../../../../src/types/resources/groups/groups_member_resource_with_person.ts"],"names":[],"mappings":"AAAA,MAAM,WAAW,yBAAyB;IACxC,IAAI,EAAE,QAAQ,CAAA;IACd,EAAE,EAAE,MAAM,CAAA;IACV,IAAI,CAAC,EAAE,MAAM,CAAA;IACb,MAAM,EAAE;QACN,SAAS,EAAE,MAAM,CAAA;QACjB,QAAQ,EAAE,MAAM,CAAA;QAChB,SAAS,EAAE,MAAM,CAAA;QACjB,KAAK,EAAE,OAAO,CAAA;QACd,EAAE,EAAE,MAAM,CAAA;QACV,IAAI,EAAE,QAAQ,CAAA;KACf,CAAA;CACF"}
1	+ {"version":3,"file":"groups_member_resource_with_person.d.ts","sourceRoot":"","sources":["../../../../src/types/resources/groups/groups_member_resource_with_person.ts"],"names":[],"mappings":"AAAA,MAAM,WAAW,yBAAyB;IACxC,IAAI,EAAE,QAAQ,CAAA;IACd,EAAE,EAAE,MAAM,CAAA;IACV,IAAI,CAAC,EAAE,MAAM,CAAA;IACb,MAAM,EAAE;QACN,SAAS,EAAE,MAAM,CAAA;QACjB,QAAQ,EAAE,MAAM,CAAA;QAChB,SAAS,EAAE,MAAM,CAAA;QACjB,KAAK,EAAE,OAAO,CAAA;QACd,MAAM,EAAE,MAAM,GAAG,IAAI,CAAA;QACrB,EAAE,EAAE,MAAM,CAAA;QACV,IAAI,EAAE,QAAQ,CAAA;KACf,CAAA;CACF"}

package/build/types/resources/groups/groups_member_resource_with_person.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"groups_member_resource_with_person.js","sourceRoot":"","sources":["../../../../src/types/resources/groups/groups_member_resource_with_person.ts"],"names":[],"mappings":"","sourcesContent":["export interface GroupsGroupMemberResource {\n type: 'Member'\n id: number\n role?: string\n person: {\n firstName: string\n lastName: string\n avatarUrl: string\n child: boolean\n id: number\n type: 'Person'\n }\n}\n"]}
1	+ {"version":3,"file":"groups_member_resource_with_person.js","sourceRoot":"","sources":["../../../../src/types/resources/groups/groups_member_resource_with_person.ts"],"names":[],"mappings":"","sourcesContent":["export interface GroupsGroupMemberResource {\n type: 'Member'\n id: number\n role?: string\n person: {\n firstName: string\n lastName: string\n avatarUrl: string\n child: boolean\n gender: string \| null\n id: number\n type: 'Person'\n }\n}\n"]}

package/build/types/resources/member.d.ts CHANGED Viewed

@@ -5,6 +5,7 @@ export interface MemberResource {
     avatar: string;
     badges: MemberBadge[];
     child: boolean;
+    gender: string | null;
     role?: string;
 }
 export interface MemberBadge {

package/build/types/resources/member.d.ts.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"member.d.ts","sourceRoot":"","sources":["../../../src/types/resources/member.ts"],"names":[],"mappings":"AAAA,MAAM,WAAW,cAAc;IAC7B,IAAI,EAAE,QAAQ,CAAA;IACd,EAAE,EAAE,MAAM,CAAA;IACV,IAAI,EAAE,MAAM,CAAA;IACZ,MAAM,EAAE,MAAM,CAAA;IACd,MAAM,EAAE,WAAW,EAAE,CAAA;IACrB,KAAK,EAAE,OAAO,CAAA;IACd,IAAI,CAAC,EAAE,MAAM,CAAA;CACd;AAED,MAAM,WAAW,WAAW;IAC1B,KAAK,EAAE,MAAM,CAAA;CACd"}
1	+ {"version":3,"file":"member.d.ts","sourceRoot":"","sources":["../../../src/types/resources/member.ts"],"names":[],"mappings":"AAAA,MAAM,WAAW,cAAc;IAC7B,IAAI,EAAE,QAAQ,CAAA;IACd,EAAE,EAAE,MAAM,CAAA;IACV,IAAI,EAAE,MAAM,CAAA;IACZ,MAAM,EAAE,MAAM,CAAA;IACd,MAAM,EAAE,WAAW,EAAE,CAAA;IACrB,KAAK,EAAE,OAAO,CAAA;IACd,MAAM,EAAE,MAAM,GAAG,IAAI,CAAA;IACrB,IAAI,CAAC,EAAE,MAAM,CAAA;CACd;AAED,MAAM,WAAW,WAAW;IAC1B,KAAK,EAAE,MAAM,CAAA;CACd"}

package/build/types/resources/member.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"member.js","sourceRoot":"","sources":["../../../src/types/resources/member.ts"],"names":[],"mappings":"","sourcesContent":["export interface MemberResource {\n type: 'Member'\n id: number\n name: string\n avatar: string\n badges: MemberBadge[]\n child: boolean\n role?: string\n}\n\nexport interface MemberBadge {\n title: string\n}\n"]}
1	+ {"version":3,"file":"member.js","sourceRoot":"","sources":["../../../src/types/resources/member.ts"],"names":[],"mappings":"","sourcesContent":["export interface MemberResource {\n type: 'Member'\n id: number\n name: string\n avatar: string\n badges: MemberBadge[]\n child: boolean\n gender: string \| null\n role?: string\n}\n\nexport interface MemberBadge {\n title: string\n}\n"]}

package/build/utils/upload_uri.d.ts CHANGED Viewed

@@ -10,7 +10,7 @@ export declare class UploadUri {
     });
     get schema(): "http" | "https";
     get host(): string;
-    get subdomain(): "upload-staging" | "upload";
+    get subdomain(): "upload" | "upload-staging";
     get domain(): 'pco' | 'planningcenteronline';
     get tld(): "test" | "com";
     get env(): import("./session").ENV;

package/package.json CHANGED Viewed

@@ -1,6 +1,6 @@
 {
   "name": "@planningcenter/chat-react-native",
-  "version": "3.30.0-rc.6",
+  "version": "3.30.0-rc.7",
   "description": "",
   "main": "build/index.js",
   "types": "build/index.d.ts",
@@ -63,5 +63,5 @@
     "react-native-url-polyfill": "^2.0.0",
     "typescript": "<5.6.0"
   },
-  "gitHead": "34847e77ef9eff283b4115a8699e5e05c51f12b7"
+  "gitHead": "9d40312a8114d66a3bc526d95d43851fc5c353c0"
 }

package/src/hooks/groups/use_group_members_for_new_conversation.ts CHANGED Viewed

@@ -20,7 +20,13 @@ export type GroupMembersForNewConversationResult = Omit<
  * This is specifically for the new conversation screen because we assign
  * the "Conversation owner" badge to the current person.
  */
-export function useGroupMembersForNewConversation({ id }: { id: number }) {
+export function useGroupMembersForNewConversation({
+  id,
+  gender,
+}: {
+  id: number
+  gender: string | null
+}) {
   const currentPerson = useCurrentPerson()
   const response = useSuspensePaginator<GroupsGroupMemberResource>({
     url: `/me/groups/${id}/memberships`,
@@ -29,8 +35,9 @@ export function useGroupMembersForNewConversation({ id }: { id: number }) {
       include: ['person'],
       fields: {
         Membership: ['person, role'],
-        Person: ['avatar_url', 'name', 'first_name', 'last_name', 'child'],
+        Person: ['avatar_url', 'name', 'first_name', 'last_name', 'child', 'gender'],
       },
+      ...(gender ? { where: { gender } } : {}),
     },
     app: 'groups',
   })
@@ -43,6 +50,7 @@ export function useGroupMembersForNewConversation({ id }: { id: number }) {
       avatar: person.avatarUrl,
       badges: buildBadges(membership, currentPerson.id),
       child: person.child,
+      gender: person.gender,
       id: +person.id,
       name: `${person.firstName} ${person.lastName}`,
       source: [],

package/src/hooks/services/use_team_members_for_new_conversation.ts CHANGED Viewed

@@ -28,6 +28,7 @@ export function useTeamMembersForNewConversation({ teamIds, planId }: Props) {
     return people.map(person => ({
       ...person,
       type: 'Member',
+      gender: null,
     }))
   }, [people])

package/src/index.tsx CHANGED Viewed

@@ -1,4 +1,4 @@
-import '@/icons/font_awesome'
+import './icons/font_awesome'
 export { GroupConversations } from './components'
 export { ApiProvider, chatQueryClient, useFocusManager } from './contexts/api_provider'

package/src/screens/conversation_new/components/groups_form.tsx CHANGED Viewed

@@ -44,9 +44,13 @@ export const GroupsForm = ({ groupId, chat_group_graph_id }: GroupsFormProps) =>
     app: 'groups',
   })
-  const groupMemberships = useGroupMembersForNewConversation({ id: groupId })
   const activeGenderId = genderFilterEnabled ? genderId : null
+  const activeGenderValue = genderFilterEnabled ? genderValue : null
+  const groupMemberships = useGroupMembersForNewConversation({
+    id: groupId,
+    gender: activeGenderValue,
+  })
   const handleGenderToggle = (enabled: boolean) => {
     const displayLabel = genderValue ? genderDisplayLabel(genderValue) : ''
@@ -101,6 +105,7 @@ export const GroupsForm = ({ groupId, chat_group_graph_id }: GroupsFormProps) =>
             genderFetching={genderFetching}
             onGenderToggle={handleGenderToggle}
             groupMemberships={groupMemberships}
+            filteredMemberCount={groupMemberships.adultMembers.length}
           />
         }
       />
@@ -124,6 +129,7 @@ interface FormContentProps {
   genderFetching: boolean
   onGenderToggle: (enabled: boolean) => void
   groupMemberships: GroupMembersForNewConversationResult
+  filteredMemberCount: number
 }
 function FormContent({
@@ -136,6 +142,7 @@ function FormContent({
   genderFetching,
   onGenderToggle,
   groupMemberships,
+  filteredMemberCount,
 }: FormContentProps) {
   const styles = useStyles()
   const inputRef = useRef<TextInput>(null)
@@ -150,7 +157,8 @@ function FormContent({
   const childMembers = groupMemberships.childMembers
   const hasChildren = childMembers.length > 0
-  const memberHeaderLabel = `${pluralize(membershipsCount, 'member')} selected`
+  const displayCount = genderFilterEnabled ? filteredMemberCount : membershipsCount
+  const memberHeaderLabel = `${pluralize(displayCount, 'member')} selected`
   const showMemberError = groupMemberships.isError

package/src/screens/design_system_screen.tsx CHANGED Viewed

@@ -64,6 +64,7 @@ const personAdult = {
   avatar: URL.avatar,
   badges: [{ title: 'Conversation owner' }, { title: 'Leader' }],
   child: false,
+  gender: null,
 }
 const personChild = {
@@ -73,6 +74,7 @@ const personChild = {
   avatar: URL.two_avatars[1],
   badges: [],
   child: true,
+  gender: null,
 }
 const buttonPress = () => Alert.alert('Button clicked')

package/src/types/resources/groups/groups_member_resource_with_person.ts CHANGED Viewed

@@ -7,6 +7,7 @@ export interface GroupsGroupMemberResource {
     lastName: string
     avatarUrl: string
     child: boolean
+    gender: string | null
     id: number
     type: 'Person'
   }

package/src/types/resources/member.ts CHANGED Viewed

@@ -5,6 +5,7 @@ export interface MemberResource {
   avatar: string
   badges: MemberBadge[]
   child: boolean
+  gender: string | null
   role?: string
 }