@workos-inc/widgets 1.18.0 → 1.19.0-next.1790102694835

package/dist/cjs/lib/users-management.cjs.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../src/lib/users-management.tsx"],"sourcesContent":["\"use client\";\n\nimport * as React from \"react\";\nimport {\n  Box,\n  Flex,\n  Grid,\n  Separator,\n  Table,\n  Tooltip,\n  Text,\n  type TextProps,\n  VisuallyHidden,\n} from \"@radix-ui/themes\";\nimport {\n  Avatar,\n  Badge,\n  IconButton,\n  Button,\n  Select,\n  Skeleton,\n  TextField,\n} from \"./elements.js\";\nimport { InviteUserDialog } from \"./invite-user-dialog.js\";\nimport { SearchProvider, useSearchContext } from \"./search-provider.js\";\nimport { useIsHydrated } from \"./use-is-hydrated.js\";\nimport { UserActionsDropdown } from \"./user-actions-dropdown.js\";\nimport { UsersFilter } from \"./users-filter.js\";\nimport { UsersSearch } from \"./users-search.js\";\nimport {\n  getBestName,\n  getComparativeReadableDate,\n  getDomProps,\n  getListMetadata,\n  WidgetRootState,\n  type WidgetRootDomProps,\n} from \"./utils.js\";\nimport { USER_ROW_LIMIT } from \"./constants.js\";\nimport { useUsersManagementContext } from \"./users-management-context.js\";\nimport { Member, MemberRole, MembersQueryResult } from \"../api/endpoint.js\";\nimport { GenericError } from \"./generic-error.js\";\nimport { DotsHorizontalIcon } from \"@radix-ui/react-icons\";\nimport { Translation } from \"./i18n/translation.js\";\nimport { useTranslation } from \"./i18n/use-translation.js\";\nimport { useLocale } from \"./i18n/use-locale.js\";\n\ninterface UsersManagementProps extends WidgetRootDomProps {\n  rolesData: { roles: MemberRole[]; multipleRolesEnabled: boolean };\n  userData: MembersQueryResult;\n  disableRolesFilter?: boolean;\n  // When the users list is loading new users\n  isPending: boolean;\n}\n\nconst UsersManagement: React.FC<UsersManagementProps> = ({\n  userData,\n  rolesData,\n  isPending,\n  disableRolesFilter,\n  ...domProps\n}) => {\n  const users = userData?.data ?? [];\n  const usersCount = users?.length ?? 0;\n  const isHydrated = useIsHydrated();\n  const pagination = getListMetadata(userData);\n\n  const { dispatch } = useUsersManagementContext();\n  const isMultipleRolesEnabled = rolesData.multipleRolesEnabled;\n  const translate = useTranslation();\n\n  // we only want to show the loading indicator for some buttons if the request\n  // is still pending after 500ms. If the request is fast enough the indicator\n  // is a bit jarring.\n  const [deferredLoading, setDeferredLoading] = React.useState(false);\n  React.useEffect(() => {\n    if (isPending) {\n      const timeoutId = window.setTimeout(() => {\n        setDeferredLoading(true);\n      }, 500);\n      return () => {\n        window.clearTimeout(timeoutId);\n      };\n    } else {\n      setDeferredLoading(false);\n    }\n  }, [isPending]);\n\n  const showPagination = !!(pagination.before || pagination.after);\n\n  return (\n    <SearchProvider>\n      <Flex\n        direction=\"column\"\n        gap=\"3\"\n        {...getWidgetRootDomProps(\"resolved\", domProps)}\n      >\n        <Grid columns=\"1fr auto\" gap=\"2\">\n          <Flex gap=\"2\" align=\"center\">\n            <Box flexBasis=\"380px\" flexGrow=\"0\" flexShrink=\"1\">\n              <UsersSearch />\n            </Box>\n            <Box flexGrow=\"0\" flexShrink=\"0\">\n              <UsersFilter\n                roles={rolesData.roles}\n                disabled={disableRolesFilter}\n              />\n            </Box>\n          </Flex>\n          <Box flexGrow=\"0\" flexShrink=\"0\" style={{ placeSelf: \"flex-end\" }}>\n            <InviteUserDialog>\n              <Button>\n                <Translation\n                  defaultMessage=\"Invite user\"\n                  id=\"NBXpRj\"\n                  description=\"Button text to invite a new user to the organization\"\n                />\n              </Button>\n            </InviteUserDialog>\n          </Box>\n        </Grid>\n        <Table.Root variant=\"ghost\" size=\"1\">\n          <Table.Header>\n            <Table.Row>\n              <Table.ColumnHeaderCell width=\"260px\">\n                <Translation\n                  defaultMessage=\"User\"\n                  id=\"BBh86k\"\n                  description=\"Column header for user information in the users table\"\n                />\n              </Table.ColumnHeaderCell>\n              <Table.ColumnHeaderCell width=\"100px\">\n                {isMultipleRolesEnabled ? (\n                  <Translation\n                    defaultMessage=\"Roles\"\n                    id=\"A1DuWM\"\n                    description=\"Column header for user roles when multiple roles are enabled\"\n                  />\n                ) : (\n                  <Translation\n                    defaultMessage=\"Role\"\n                    id=\"nQbe+Y\"\n                    description=\"Column header for user role when only single role is allowed\"\n                  />\n                )}\n              </Table.ColumnHeaderCell>\n              <Table.ColumnHeaderCell width=\"140px\">\n                <Translation\n                  defaultMessage=\"Last active\"\n                  id=\"oOwLGt\"\n                  description=\"Column header showing when users were last active\"\n                />\n              </Table.ColumnHeaderCell>\n              <Table.ColumnHeaderCell width=\"28px\" />\n            </Table.Row>\n          </Table.Header>\n\n          <Table.Body\n            style={{\n              transition: `opacity 0.2s ease-out ${isPending ? \"0.2s\" : \"0s\"}`,\n              opacity: isPending && usersCount > 0 ? 0.5 : 1,\n            }}\n          >\n            {users.length > 0 ? (\n              users.map((user) => {\n                const userDisplayName = getBestName(user);\n                const dimText =\n                  user.status === \"InviteRevoked\" ||\n                  user.status === \"InviteExpired\";\n                return (\n                  <Table.Row key={user.id} align=\"center\">\n                    <Table.RowHeaderCell>\n                      <Flex\n                        align=\"center\"\n                        gap=\"3\"\n                        overflow=\"hidden\"\n                        height=\"var(--space-7)\"\n                      >\n                        <Avatar\n                          size=\"2\"\n                          fallback={<FallbackUserIcon />}\n                          src={user.profilePictureUrl ?? undefined}\n                          dim={dimText}\n                        />\n\n                        {userDisplayName ? (\n                          <Flex\n                            direction=\"column\"\n                            align=\"start\"\n                            height=\"var(--space-7)\"\n                            justify=\"center\"\n                            overflow=\"hidden\"\n                          >\n                            <Flex gap=\"2\" align=\"center\" minWidth=\"0\">\n                              <TableCellText dim={dimText}>\n                                {userDisplayName}\n                              </TableCellText>\n                              <UserBadge user={user} />\n                            </Flex>\n                            <TableCellText\n                              level=\"secondary\"\n                              title={user.email}\n                              dim={dimText}\n                            >\n                              {user.email}\n                            </TableCellText>\n                          </Flex>\n                        ) : (\n                          <Flex gap=\"2\" align=\"center\" minWidth=\"0\">\n                            <TableCellText dim={dimText} title={user.email}>\n                              {user.email}\n                            </TableCellText>\n                            <UserBadge user={user} />\n                          </Flex>\n                        )}\n                      </Flex>\n                    </Table.RowHeaderCell>\n                    <Table.Cell>\n                      <UserRolesCellContent\n                        user={user}\n                        isMultipleRolesEnabled={isMultipleRolesEnabled}\n                        dimText={dimText}\n                      />\n                    </Table.Cell>\n                    <Table.Cell>\n                      <LastActive user={user} isHydrated={isHydrated} />\n                    </Table.Cell>\n                    <Table.Cell justify=\"end\">\n                      <UserActionsDropdown user={user}>\n                        <IconButton\n                          title={translate({\n                            defaultMessage: \"User actions\",\n                            id: \"1nsmNS\",\n                            description:\n                              \"Button tooltip for opening user actions menu\",\n                          })}\n                        >\n                          <DotsHorizontalIcon />\n                        </IconButton>\n                      </UserActionsDropdown>\n                    </Table.Cell>\n                  </Table.Row>\n                );\n              })\n            ) : (\n              <Table.Row align=\"center\">\n                <Table.Cell colSpan={4}>\n                  <UsersManagementEmptyState isPending={isPending} />\n                </Table.Cell>\n              </Table.Row>\n            )}\n          </Table.Body>\n        </Table.Root>\n\n        {showPagination ? (\n          <Flex gap=\"2\" justify=\"end\">\n            <Button\n              variant=\"secondary\"\n              size=\"1\"\n              disabled={!pagination.after || isPending || undefined}\n              loading={deferredLoading}\n              onClick={() => {\n                if (pagination.after) {\n                  dispatch({\n                    type: \"SET_PAGINATION\",\n                    pagination: { after: pagination.after, before: null },\n                  });\n                }\n              }}\n            >\n              <Translation\n                defaultMessage=\"Previous\"\n                id=\"910Q6b\"\n                description=\"Button text to navigate to the previous page of users\"\n              />\n            </Button>\n            <Button\n              variant=\"secondary\"\n              size=\"1\"\n              disabled={!pagination.before || isPending || undefined}\n              loading={deferredLoading}\n              onClick={() => {\n                if (pagination.before) {\n                  dispatch({\n                    type: \"SET_PAGINATION\",\n                    pagination: { before: pagination.before, after: null },\n                  });\n                }\n              }}\n            >\n              <Translation\n                defaultMessage=\"Next\"\n                id=\"UlAY08\"\n                description=\"Button text to navigate to the next page of users\"\n              />\n            </Button>\n          </Flex>\n        ) : null}\n      </Flex>\n    </SearchProvider>\n  );\n};\n\ninterface UsersManagementLoadingProps extends WidgetRootDomProps {}\n\nconst UsersManagementLoading: React.FC<UsersManagementLoadingProps> = (\n  props,\n) => {\n  const translate = useTranslation();\n  const placeholderText = (\n    <Translation\n      defaultMessage=\"All\"\n      id=\"l/Do9/\"\n      description=\"Filter option to show all users\"\n    />\n  );\n  return (\n    <Flex\n      direction=\"column\"\n      gap=\"3\"\n      {...getWidgetRootDomProps(\"loading\", props)}\n    >\n      <Grid columns=\"1fr auto\" gap=\"2\">\n        <Flex gap=\"2\" align=\"center\">\n          <Skeleton loading>\n            <Box flexBasis=\"380px\" flexGrow=\"0\" flexShrink=\"1\">\n              <TextField\n                disabled\n                aria-label={translate({\n                  defaultMessage: \"User search\",\n                  id: \"lzPOKv\",\n                  description: \"Label for the user search input field\",\n                })}\n              />\n            </Box>\n          </Skeleton>\n          <Skeleton loading>\n            <Box flexGrow=\"0\" flexShrink=\"0\">\n              <Select.Root disabled value=\"all\" onValueChange={() => void 0}>\n                <Select.Trigger>{placeholderText}</Select.Trigger>\n                <Select.Content>\n                  <Select.Item value=\"all\">{placeholderText}</Select.Item>\n                </Select.Content>\n              </Select.Root>\n            </Box>\n          </Skeleton>\n        </Flex>\n        <Skeleton loading>\n          <Box flexGrow=\"0\" flexShrink=\"0\" style={{ placeSelf: \"flex-end\" }}>\n            <Button disabled>\n              <Translation\n                defaultMessage=\"Invite user\"\n                id=\"NBXpRj\"\n                description=\"Button text to invite a new user to the organization\"\n              />\n            </Button>\n          </Box>\n        </Skeleton>\n      </Grid>\n      <Table.Root variant=\"ghost\" size=\"1\">\n        <Table.Header>\n          <Table.Row>\n            <Table.ColumnHeaderCell width=\"260px\">\n              <Skeleton loading>\n                <Translation\n                  defaultMessage=\"User\"\n                  id=\"BBh86k\"\n                  description=\"Column header for user information in the users table\"\n                />\n              </Skeleton>\n            </Table.ColumnHeaderCell>\n            <Table.ColumnHeaderCell width=\"100px\">\n              <Skeleton>\n                <Translation\n                  defaultMessage=\"Role\"\n                  id=\"FK7mP4\"\n                  description=\"Column header for user role\"\n                />\n              </Skeleton>\n            </Table.ColumnHeaderCell>\n            <Table.ColumnHeaderCell width=\"140px\">\n              <Skeleton>\n                <Translation\n                  defaultMessage=\"Last active\"\n                  id=\"oOwLGt\"\n                  description=\"Column header showing when users were last active\"\n                />\n              </Skeleton>\n            </Table.ColumnHeaderCell>\n            <Table.ColumnHeaderCell width=\"28px\" />\n          </Table.Row>\n        </Table.Header>\n\n        <Table.Body>\n          {Array.from({ length: USER_ROW_LIMIT }, (_, index) => (\n            <Table.Row key={index} align=\"center\">\n              <Table.RowHeaderCell>\n                <Flex align=\"center\" gap=\"3\">\n                  <Skeleton>\n                    <Avatar size=\"2\" fallback=\"F\" />\n                  </Skeleton>\n\n                  <Flex\n                    direction=\"column\"\n                    height=\"var(--space-7)\"\n                    justify=\"center\"\n                  >\n                    <Skeleton width=\"180px\" height=\"var(--space-4)\" />\n                    <Skeleton width=\"90px\" height=\"var(--space-3)\" mt=\"1\" />\n                  </Flex>\n                </Flex>\n              </Table.RowHeaderCell>\n              <Table.Cell>\n                <Flex wrap=\"wrap\" gap=\"1\">\n                  <Skeleton width=\"75px\" height=\"var(--space-4)\" />\n                </Flex>\n              </Table.Cell>\n              <Table.Cell>\n                <Skeleton width=\"120px\" height=\"var(--space-4)\" />\n              </Table.Cell>\n              <Table.Cell justify=\"end\" />\n            </Table.Row>\n          ))}\n        </Table.Body>\n      </Table.Root>\n\n      <Flex gap=\"2\" justify=\"end\">\n        <Skeleton loading>\n          <Button disabled variant=\"secondary\" size=\"1\">\n            <Translation\n              defaultMessage=\"Previous\"\n              id=\"910Q6b\"\n              description=\"Button text to navigate to the previous page of users\"\n            />\n          </Button>\n        </Skeleton>\n        <Skeleton loading>\n          <Button disabled variant=\"secondary\" size=\"1\">\n            <Translation\n              defaultMessage=\"Next\"\n              id=\"UlAY08\"\n              description=\"Button text to navigate to the next page of users\"\n            />\n          </Button>\n        </Skeleton>\n      </Flex>\n    </Flex>\n  );\n};\n\ninterface UsersManagementErrorProps extends WidgetRootDomProps {\n  error: unknown;\n}\n\nconst UsersManagementError: React.FC<UsersManagementErrorProps> = ({\n  error,\n  ...domProps\n}) => {\n  return (\n    <GenericError\n      error={error}\n      minHeight=\"676px\"\n      {...getWidgetRootDomProps(\"error\", domProps)}\n    />\n  );\n};\n\nfunction UserBadge({ user }: { user: Member }) {\n  // TODO: This is not yet available in the data. Update here after API is updated.\n  if (user.isLoggedInUser) {\n    return (\n      <Badge color=\"gray\" style={{ userSelect: \"none\" }}>\n        <Translation\n          defaultMessage=\"You\"\n          id=\"ER1Vmv\"\n          description=\"Badge indicating the current logged-in user\"\n        />\n      </Badge>\n    );\n  }\n  if (user.status === \"Invited\") {\n    return (\n      <Badge color=\"amber\" style={{ userSelect: \"none\" }}>\n        <VisuallyHidden>\n          <Translation\n            defaultMessage=\"Status: \"\n            id=\"E2o/+H\"\n            description=\"Prefix for status indicator in screen reader\"\n          />\n        </VisuallyHidden>\n        <Translation\n          defaultMessage=\"Invited\"\n          id=\"byIkUu\"\n          description=\"Badge status indicating user has been invited but not yet accepted\"\n        />\n      </Badge>\n    );\n  }\n  if (user.status === \"InviteExpired\") {\n    return (\n      <Badge color=\"red\" style={{ userSelect: \"none\" }}>\n        <VisuallyHidden>\n          <Translation\n            defaultMessage=\"Status: Invite \"\n            id=\"BWvbwY\"\n            description=\"Prefix for invite status indicator in screen reader\"\n          />\n        </VisuallyHidden>\n        <Translation\n          defaultMessage=\"Expired\"\n          id=\"+0sQaN\"\n          description=\"Badge status indicating user invitation has expired\"\n        />\n      </Badge>\n    );\n  }\n  if (user.status === \"InviteRevoked\") {\n    return (\n      <Badge color=\"red\" style={{ userSelect: \"none\" }}>\n        <VisuallyHidden>\n          <Translation\n            defaultMessage=\"Status: Invite \"\n            id=\"BWvbwY\"\n            description=\"Prefix for invite status indicator in screen reader\"\n          />\n        </VisuallyHidden>\n        <Translation\n          defaultMessage=\"Revoked\"\n          id=\"NNBv+r\"\n          description=\"Badge status indicating user invitation has been revoked\"\n        />\n      </Badge>\n    );\n  }\n  return null;\n}\n\ninterface LastActiveProps {\n  user: Member;\n  isHydrated: boolean;\n  dim?: boolean;\n}\n\nfunction LastActive(props: LastActiveProps) {\n  if (!props.user.lastActivityAt) {\n    return (\n      <>\n        <VisuallyHidden>\n          {props.user.status === \"Active\" ? (\n            <Translation\n              defaultMessage=\"Never\"\n              id=\"0duvF4\"\n              description=\"Screen reader text indicating user has never been active\"\n            />\n          ) : (\n            <Translation\n              defaultMessage=\"Not active\"\n              id=\"hd2+kk\"\n              description=\"Screen reader text indicating user is not active\"\n            />\n          )}\n        </VisuallyHidden>\n        <Separator />\n      </>\n    );\n  }\n  return <LastActiveImpl {...props} date={props.user.lastActivityAt} />;\n}\n\nfunction LastActiveImpl({\n  date,\n  isHydrated,\n  dim,\n}: LastActiveProps & { date: string }) {\n  const locale = useLocale();\n  const { lastActiveDateTime, lastActiveDisplay } = React.useMemo(() => {\n    const defaultTimeZone = \"America/Los_Angeles\";\n    const lastActiveDate = new Date(date);\n    const lastActiveDateTime = lastActiveDate.toLocaleTimeString(locale, {\n      // hard-coded timezone before hydration to prevent server/client mismatch\n      timeZone: isHydrated ? undefined : defaultTimeZone,\n      month: \"long\",\n      day: \"numeric\",\n      year: \"numeric\",\n      hour: \"numeric\",\n      minute: \"numeric\",\n    });\n\n    // Server and client may produce a different 'now' date, so only\n    // show comparative date if the component is hydrated to prevent a\n    // server/client mismatch\n    const lastActiveDisplay = isHydrated\n      ? getComparativeReadableDate(new Date(), lastActiveDate, { locale })\n      : lastActiveDate.toLocaleDateString(locale, {\n          // hard-coded timezone to prevent server/client mismatch\n          timeZone: defaultTimeZone,\n          month: \"long\",\n          day: \"numeric\",\n          year: \"numeric\",\n        });\n\n    return {\n      lastActiveDateTime,\n      lastActiveDisplay,\n    };\n  }, [isHydrated, date, locale]);\n\n  // handle cases where the DB might return an invalid date string\n  if (lastActiveDisplay === \"Invalid Date\") {\n    return (\n      <>\n        <VisuallyHidden>\n          <Translation\n            defaultMessage=\"Unknown\"\n            id=\"UUigrK\"\n            description=\"Screen reader text indicating last active date is unknown\"\n          />\n        </VisuallyHidden>\n        <Separator />\n      </>\n    );\n  }\n\n  return (\n    <TableCellText asChild dim={dim}>\n      <time dateTime={date} title={lastActiveDateTime}>\n        {lastActiveDisplay}\n      </time>\n    </TableCellText>\n  );\n}\n\nconst TableCellText = React.forwardRef<HTMLSpanElement, TableCellTextProps>(\n  function TableCellText(\n    { children, dim, level = \"primary\", ...props },\n    forwardedRef,\n  ) {\n    return (\n      <Text\n        ref={forwardedRef}\n        color={level === \"secondary\" ? \"gray\" : undefined}\n        weight={level === \"secondary\" ? \"regular\" : \"medium\"}\n        size={level === \"secondary\" ? \"1\" : \"2\"}\n        truncate\n        {...props}\n        style={\n          dim\n            ? {\n                // TODO: use CSS var instead of hard-coded value for opacity\n                opacity: 0.6,\n                ...props.style,\n              }\n            : props.style\n        }\n      >\n        {children}\n      </Text>\n    );\n  },\n);\n\ntype TableCellTextProps = TextProps & {\n  level?: \"primary\" | \"secondary\";\n  dim?: boolean;\n};\n\nconst FallbackUserIcon = () => (\n  <svg\n    xmlns=\"http://www.w3.org/2000/svg\"\n    width=\"20\"\n    height=\"20\"\n    fill=\"currentColor\"\n    viewBox=\"0 0 256 256\"\n  >\n    {/* eslint-disable-next-line formatjs/no-literal-string-in-jsx */}\n    <title>User icon</title>\n    <path d=\"M229.19,213c-15.81-27.32-40.63-46.49-69.47-54.62a70,70,0,1,0-63.44,0C67.44,166.5,42.62,185.67,26.81,213a6,6,0,1,0,10.38,6C56.4,185.81,90.34,166,128,166s71.6,19.81,90.81,53a6,6,0,1,0,10.38-6ZM70,96a58,58,0,1,1,58,58A58.07,58.07,0,0,1,70,96Z\" />\n  </svg>\n);\n\nconst UsersManagementEmptyState = ({ isPending }: { isPending: boolean }) => {\n  const { clearSearch } = useSearchContext();\n  const {\n    state: { searchQuery },\n  } = useUsersManagementContext();\n\n  // When the search query is cleared, the users query is re-fetched which sends\n  // us into a pending state. When this happens we want to keep a snapshot of\n  // the previous search query while the query is revalidated. We can use this\n  // to keep the 'No users found for query' UI in place until re-fetching is\n  // complete, otherwise the view flips to 'No users found' very quickly before\n  // the full table is shown again.\n  const [{ isClearing, lastSearchQuery }, setClearing] = React.useState({\n    isClearing: false,\n    lastSearchQuery: null as null | string,\n  });\n  const [wasPending, setWasPending] = React.useState(isPending);\n  if (wasPending !== isPending) {\n    setWasPending(isPending);\n    if (!isPending) {\n      setClearing((prev) =>\n        prev.isClearing ? { isClearing: false, lastSearchQuery: null } : prev,\n      );\n    }\n  }\n\n  if (searchQuery || isClearing) {\n    return (\n      <Flex align=\"center\" justify=\"center\" py=\"8\" direction=\"column\" gap=\"2\">\n        <Text size=\"2\">\n          <Translation\n            defaultMessage=\"No users found for query '{query}'\"\n            id=\"wrEZ8+\"\n            description=\"Message shown when no users match the search query\"\n            values={{\n              query: isClearing ? lastSearchQuery : searchQuery,\n            }}\n          />\n        </Text>\n\n        <Button\n          variant=\"secondary\"\n          size=\"1\"\n          onClick={() => {\n            setClearing({ isClearing: true, lastSearchQuery: searchQuery });\n            clearSearch();\n          }}\n          loading={isPending}\n        >\n          <Translation\n            defaultMessage=\"Clear search\"\n            id=\"Xv3fVI\"\n            description=\"Button text to clear the current search query\"\n          />\n        </Button>\n      </Flex>\n    );\n  }\n\n  return (\n    <Flex align=\"center\" justify=\"center\" py=\"8\" gap=\"2\">\n      <Text size=\"2\">\n        <Translation\n          defaultMessage=\"No users found\"\n          id=\"MQ+LoA\"\n          description=\"Message shown when there are no users in the system\"\n        />\n      </Text>\n    </Flex>\n  );\n};\n\ninterface UserRolesCellContentProps {\n  user: Member;\n  isMultipleRolesEnabled: boolean;\n  dimText: boolean;\n}\n\nfunction UserRolesCellContent({\n  user,\n  isMultipleRolesEnabled,\n  dimText,\n}: UserRolesCellContentProps) {\n  if (!user.roles || user.roles.length === 0) {\n    return (\n      <>\n        <VisuallyHidden>\n          <Translation\n            defaultMessage=\"No roles assigned\"\n            id=\"CVOVB0\"\n            description=\"Screen reader text indicating user has no roles assigned\"\n          />\n        </VisuallyHidden>\n        {/* eslint-disable-next-line formatjs/no-literal-string-in-jsx */}\n        <span aria-hidden style={{ userSelect: \"none\" }}>\n          –\n        </span>\n      </>\n    );\n  }\n\n  if (isMultipleRolesEnabled && user.roles.length > 1) {\n    const roleNames = user.roles?.map((role) => role.name).join(\", \");\n    return (\n      <Tooltip content={roleNames} maxWidth=\"250px\">\n        <TableCellText dim={dimText}>\n          <Translation\n            defaultMessage=\"{count} roles\"\n            id=\"lWAmRC\"\n            description=\"Shows the number of roles assigned to a user (plural)\"\n            values={{ count: user.roles.length }}\n          />\n        </TableCellText>\n      </Tooltip>\n    );\n  }\n\n  return <TableCellText dim={dimText}>{user.roles?.[0]?.name}</TableCellText>;\n}\n\nfunction getWidgetRootDomProps(\n  state: WidgetRootState,\n  domProps: WidgetRootDomProps,\n) {\n  return getDomProps({\n    ...domProps,\n    isWidgetRoot: true,\n    widgetId: \"users-management\",\n    widgetState: state,\n  });\n}\n\nexport type { UsersManagementLoadingProps, UsersManagementErrorProps };\nexport { UsersManagement, UsersManagementLoading, UsersManagementError };\n"],"mappings":"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","names":["lastActiveDateTime","lastActiveDisplay","TableCellText"]}
+{"version":3,"sources":["../../../src/lib/users-management.tsx"],"sourcesContent":["\"use client\";\n\nimport * as React from \"react\";\nimport {\n  Box,\n  Flex,\n  Grid,\n  Separator,\n  Table,\n  Tooltip,\n  Text,\n  type TextProps,\n  VisuallyHidden,\n} from \"@radix-ui/themes\";\nimport {\n  Avatar,\n  Badge,\n  IconButton,\n  Button,\n  Select,\n  Skeleton,\n  TextField,\n} from \"./elements.js\";\nimport { InviteUserDialog } from \"./invite-user-dialog.js\";\nimport { SearchProvider, useSearchContext } from \"./search-provider.js\";\nimport { useIsHydrated } from \"./use-is-hydrated.js\";\nimport { UserActionsDropdown } from \"./user-actions-dropdown.js\";\nimport { UsersFilter } from \"./users-filter.js\";\nimport { UsersSearch } from \"./users-search.js\";\nimport {\n  getBestName,\n  getComparativeReadableDate,\n  getDomProps,\n  getListMetadata,\n  WidgetRootState,\n  type WidgetRootDomProps,\n} from \"./utils.js\";\nimport { USER_ROW_LIMIT } from \"./constants.js\";\nimport { useUsersManagementContext } from \"./users-management-context.js\";\nimport type { Member, MembersQueryResult, RolesAndConfig } from \"./api/user.js\";\nimport { GenericError } from \"./generic-error.js\";\nimport { DotsHorizontalIcon } from \"@radix-ui/react-icons\";\nimport { Translation } from \"./i18n/translation.js\";\nimport { useTranslation } from \"./i18n/use-translation.js\";\nimport { useLocale } from \"./i18n/use-locale.js\";\n\ninterface UsersManagementProps extends WidgetRootDomProps {\n  rolesData: RolesAndConfig;\n  userData: MembersQueryResult;\n  disableRolesFilter?: boolean;\n  // When the users list is loading new users\n  isPending: boolean;\n}\n\nconst UsersManagement: React.FC<UsersManagementProps> = ({\n  userData,\n  rolesData,\n  isPending,\n  disableRolesFilter,\n  ...domProps\n}) => {\n  const users = userData?.data ?? [];\n  const usersCount = users?.length ?? 0;\n  const isHydrated = useIsHydrated();\n  const pagination = getListMetadata(userData);\n\n  const { dispatch } = useUsersManagementContext();\n  const isMultipleRolesEnabled = rolesData.multipleRolesEnabled;\n  const translate = useTranslation();\n\n  // we only want to show the loading indicator for some buttons if the request\n  // is still pending after 500ms. If the request is fast enough the indicator\n  // is a bit jarring.\n  const [deferredLoading, setDeferredLoading] = React.useState(false);\n  React.useEffect(() => {\n    if (isPending) {\n      const timeoutId = window.setTimeout(() => {\n        setDeferredLoading(true);\n      }, 500);\n      return () => {\n        window.clearTimeout(timeoutId);\n      };\n    } else {\n      setDeferredLoading(false);\n    }\n  }, [isPending]);\n\n  const showPagination = !!(pagination.before || pagination.after);\n\n  return (\n    <SearchProvider>\n      <Flex\n        direction=\"column\"\n        gap=\"3\"\n        {...getWidgetRootDomProps(\"resolved\", domProps)}\n      >\n        <Grid columns=\"1fr auto\" gap=\"2\">\n          <Flex gap=\"2\" align=\"center\">\n            <Box flexBasis=\"380px\" flexGrow=\"0\" flexShrink=\"1\">\n              <UsersSearch />\n            </Box>\n            <Box flexGrow=\"0\" flexShrink=\"0\">\n              <UsersFilter\n                roles={rolesData.roles}\n                disabled={disableRolesFilter}\n              />\n            </Box>\n          </Flex>\n          <Box flexGrow=\"0\" flexShrink=\"0\" style={{ placeSelf: \"flex-end\" }}>\n            <InviteUserDialog>\n              <Button>\n                <Translation\n                  defaultMessage=\"Invite user\"\n                  id=\"NBXpRj\"\n                  description=\"Button text to invite a new user to the organization\"\n                />\n              </Button>\n            </InviteUserDialog>\n          </Box>\n        </Grid>\n        <Table.Root variant=\"ghost\" size=\"1\">\n          <Table.Header>\n            <Table.Row>\n              <Table.ColumnHeaderCell width=\"260px\">\n                <Translation\n                  defaultMessage=\"User\"\n                  id=\"BBh86k\"\n                  description=\"Column header for user information in the users table\"\n                />\n              </Table.ColumnHeaderCell>\n              <Table.ColumnHeaderCell width=\"100px\">\n                {isMultipleRolesEnabled ? (\n                  <Translation\n                    defaultMessage=\"Roles\"\n                    id=\"A1DuWM\"\n                    description=\"Column header for user roles when multiple roles are enabled\"\n                  />\n                ) : (\n                  <Translation\n                    defaultMessage=\"Role\"\n                    id=\"nQbe+Y\"\n                    description=\"Column header for user role when only single role is allowed\"\n                  />\n                )}\n              </Table.ColumnHeaderCell>\n              <Table.ColumnHeaderCell width=\"140px\">\n                <Translation\n                  defaultMessage=\"Last active\"\n                  id=\"oOwLGt\"\n                  description=\"Column header showing when users were last active\"\n                />\n              </Table.ColumnHeaderCell>\n              <Table.ColumnHeaderCell width=\"28px\" />\n            </Table.Row>\n          </Table.Header>\n\n          <Table.Body\n            style={{\n              transition: `opacity 0.2s ease-out ${isPending ? \"0.2s\" : \"0s\"}`,\n              opacity: isPending && usersCount > 0 ? 0.5 : 1,\n            }}\n          >\n            {users.length > 0 ? (\n              users.map((user) => {\n                const userDisplayName = getBestName(user);\n                const dimText =\n                  user.status === \"InviteRevoked\" ||\n                  user.status === \"InviteExpired\";\n                return (\n                  <Table.Row key={user.id} align=\"center\">\n                    <Table.RowHeaderCell>\n                      <Flex\n                        align=\"center\"\n                        gap=\"3\"\n                        overflow=\"hidden\"\n                        height=\"var(--space-7)\"\n                      >\n                        <Avatar\n                          size=\"2\"\n                          fallback={<FallbackUserIcon />}\n                          src={user.profilePictureUrl ?? undefined}\n                          dim={dimText}\n                        />\n\n                        {userDisplayName ? (\n                          <Flex\n                            direction=\"column\"\n                            align=\"start\"\n                            height=\"var(--space-7)\"\n                            justify=\"center\"\n                            overflow=\"hidden\"\n                          >\n                            <Flex gap=\"2\" align=\"center\" minWidth=\"0\">\n                              <TableCellText dim={dimText}>\n                                {userDisplayName}\n                              </TableCellText>\n                              <UserBadge user={user} />\n                            </Flex>\n                            <TableCellText\n                              level=\"secondary\"\n                              title={user.email}\n                              dim={dimText}\n                            >\n                              {user.email}\n                            </TableCellText>\n                          </Flex>\n                        ) : (\n                          <Flex gap=\"2\" align=\"center\" minWidth=\"0\">\n                            <TableCellText dim={dimText} title={user.email}>\n                              {user.email}\n                            </TableCellText>\n                            <UserBadge user={user} />\n                          </Flex>\n                        )}\n                      </Flex>\n                    </Table.RowHeaderCell>\n                    <Table.Cell>\n                      <UserRolesCellContent\n                        user={user}\n                        isMultipleRolesEnabled={isMultipleRolesEnabled}\n                        dimText={dimText}\n                      />\n                    </Table.Cell>\n                    <Table.Cell>\n                      <LastActive user={user} isHydrated={isHydrated} />\n                    </Table.Cell>\n                    <Table.Cell justify=\"end\">\n                      <UserActionsDropdown user={user}>\n                        <IconButton\n                          title={translate({\n                            defaultMessage: \"User actions\",\n                            id: \"1nsmNS\",\n                            description:\n                              \"Button tooltip for opening user actions menu\",\n                          })}\n                        >\n                          <DotsHorizontalIcon />\n                        </IconButton>\n                      </UserActionsDropdown>\n                    </Table.Cell>\n                  </Table.Row>\n                );\n              })\n            ) : (\n              <Table.Row align=\"center\">\n                <Table.Cell colSpan={4}>\n                  <UsersManagementEmptyState isPending={isPending} />\n                </Table.Cell>\n              </Table.Row>\n            )}\n          </Table.Body>\n        </Table.Root>\n\n        {showPagination ? (\n          <Flex gap=\"2\" justify=\"end\">\n            <Button\n              variant=\"secondary\"\n              size=\"1\"\n              disabled={!pagination.after || isPending || undefined}\n              loading={deferredLoading}\n              onClick={() => {\n                if (pagination.after) {\n                  dispatch({\n                    type: \"SET_PAGINATION\",\n                    pagination: { after: pagination.after, before: null },\n                  });\n                }\n              }}\n            >\n              <Translation\n                defaultMessage=\"Previous\"\n                id=\"910Q6b\"\n                description=\"Button text to navigate to the previous page of users\"\n              />\n            </Button>\n            <Button\n              variant=\"secondary\"\n              size=\"1\"\n              disabled={!pagination.before || isPending || undefined}\n              loading={deferredLoading}\n              onClick={() => {\n                if (pagination.before) {\n                  dispatch({\n                    type: \"SET_PAGINATION\",\n                    pagination: { before: pagination.before, after: null },\n                  });\n                }\n              }}\n            >\n              <Translation\n                defaultMessage=\"Next\"\n                id=\"UlAY08\"\n                description=\"Button text to navigate to the next page of users\"\n              />\n            </Button>\n          </Flex>\n        ) : null}\n      </Flex>\n    </SearchProvider>\n  );\n};\n\ninterface UsersManagementLoadingProps extends WidgetRootDomProps {}\n\nconst UsersManagementLoading: React.FC<UsersManagementLoadingProps> = (\n  props,\n) => {\n  const translate = useTranslation();\n  const placeholderText = (\n    <Translation\n      defaultMessage=\"All\"\n      id=\"l/Do9/\"\n      description=\"Filter option to show all users\"\n    />\n  );\n  return (\n    <Flex\n      direction=\"column\"\n      gap=\"3\"\n      {...getWidgetRootDomProps(\"loading\", props)}\n    >\n      <Grid columns=\"1fr auto\" gap=\"2\">\n        <Flex gap=\"2\" align=\"center\">\n          <Skeleton loading>\n            <Box flexBasis=\"380px\" flexGrow=\"0\" flexShrink=\"1\">\n              <TextField\n                disabled\n                aria-label={translate({\n                  defaultMessage: \"User search\",\n                  id: \"lzPOKv\",\n                  description: \"Label for the user search input field\",\n                })}\n              />\n            </Box>\n          </Skeleton>\n          <Skeleton loading>\n            <Box flexGrow=\"0\" flexShrink=\"0\">\n              <Select.Root disabled value=\"all\" onValueChange={() => void 0}>\n                <Select.Trigger>{placeholderText}</Select.Trigger>\n                <Select.Content>\n                  <Select.Item value=\"all\">{placeholderText}</Select.Item>\n                </Select.Content>\n              </Select.Root>\n            </Box>\n          </Skeleton>\n        </Flex>\n        <Skeleton loading>\n          <Box flexGrow=\"0\" flexShrink=\"0\" style={{ placeSelf: \"flex-end\" }}>\n            <Button disabled>\n              <Translation\n                defaultMessage=\"Invite user\"\n                id=\"NBXpRj\"\n                description=\"Button text to invite a new user to the organization\"\n              />\n            </Button>\n          </Box>\n        </Skeleton>\n      </Grid>\n      <Table.Root variant=\"ghost\" size=\"1\">\n        <Table.Header>\n          <Table.Row>\n            <Table.ColumnHeaderCell width=\"260px\">\n              <Skeleton loading>\n                <Translation\n                  defaultMessage=\"User\"\n                  id=\"BBh86k\"\n                  description=\"Column header for user information in the users table\"\n                />\n              </Skeleton>\n            </Table.ColumnHeaderCell>\n            <Table.ColumnHeaderCell width=\"100px\">\n              <Skeleton>\n                <Translation\n                  defaultMessage=\"Role\"\n                  id=\"FK7mP4\"\n                  description=\"Column header for user role\"\n                />\n              </Skeleton>\n            </Table.ColumnHeaderCell>\n            <Table.ColumnHeaderCell width=\"140px\">\n              <Skeleton>\n                <Translation\n                  defaultMessage=\"Last active\"\n                  id=\"oOwLGt\"\n                  description=\"Column header showing when users were last active\"\n                />\n              </Skeleton>\n            </Table.ColumnHeaderCell>\n            <Table.ColumnHeaderCell width=\"28px\" />\n          </Table.Row>\n        </Table.Header>\n\n        <Table.Body>\n          {Array.from({ length: USER_ROW_LIMIT }, (_, index) => (\n            <Table.Row key={index} align=\"center\">\n              <Table.RowHeaderCell>\n                <Flex align=\"center\" gap=\"3\">\n                  <Skeleton>\n                    <Avatar size=\"2\" fallback=\"F\" />\n                  </Skeleton>\n\n                  <Flex\n                    direction=\"column\"\n                    height=\"var(--space-7)\"\n                    justify=\"center\"\n                  >\n                    <Skeleton width=\"180px\" height=\"var(--space-4)\" />\n                    <Skeleton width=\"90px\" height=\"var(--space-3)\" mt=\"1\" />\n                  </Flex>\n                </Flex>\n              </Table.RowHeaderCell>\n              <Table.Cell>\n                <Flex wrap=\"wrap\" gap=\"1\">\n                  <Skeleton width=\"75px\" height=\"var(--space-4)\" />\n                </Flex>\n              </Table.Cell>\n              <Table.Cell>\n                <Skeleton width=\"120px\" height=\"var(--space-4)\" />\n              </Table.Cell>\n              <Table.Cell justify=\"end\" />\n            </Table.Row>\n          ))}\n        </Table.Body>\n      </Table.Root>\n\n      <Flex gap=\"2\" justify=\"end\">\n        <Skeleton loading>\n          <Button disabled variant=\"secondary\" size=\"1\">\n            <Translation\n              defaultMessage=\"Previous\"\n              id=\"910Q6b\"\n              description=\"Button text to navigate to the previous page of users\"\n            />\n          </Button>\n        </Skeleton>\n        <Skeleton loading>\n          <Button disabled variant=\"secondary\" size=\"1\">\n            <Translation\n              defaultMessage=\"Next\"\n              id=\"UlAY08\"\n              description=\"Button text to navigate to the next page of users\"\n            />\n          </Button>\n        </Skeleton>\n      </Flex>\n    </Flex>\n  );\n};\n\ninterface UsersManagementErrorProps extends WidgetRootDomProps {\n  error: unknown;\n}\n\nconst UsersManagementError: React.FC<UsersManagementErrorProps> = ({\n  error,\n  ...domProps\n}) => {\n  return (\n    <GenericError\n      error={error}\n      minHeight=\"676px\"\n      {...getWidgetRootDomProps(\"error\", domProps)}\n    />\n  );\n};\n\nfunction UserBadge({ user }: { user: Member }) {\n  if (user.isLoggedInUser) {\n    return (\n      <Badge color=\"gray\" style={{ userSelect: \"none\" }}>\n        <Translation\n          defaultMessage=\"You\"\n          id=\"ER1Vmv\"\n          description=\"Badge indicating the current logged-in user\"\n        />\n      </Badge>\n    );\n  }\n  if (user.status === \"Invited\") {\n    return (\n      <Badge color=\"amber\" style={{ userSelect: \"none\" }}>\n        <VisuallyHidden>\n          <Translation\n            defaultMessage=\"Status: \"\n            id=\"E2o/+H\"\n            description=\"Prefix for status indicator in screen reader\"\n          />\n        </VisuallyHidden>\n        <Translation\n          defaultMessage=\"Invited\"\n          id=\"byIkUu\"\n          description=\"Badge status indicating user has been invited but not yet accepted\"\n        />\n      </Badge>\n    );\n  }\n  if (user.status === \"InviteExpired\") {\n    return (\n      <Badge color=\"red\" style={{ userSelect: \"none\" }}>\n        <VisuallyHidden>\n          <Translation\n            defaultMessage=\"Status: Invite \"\n            id=\"BWvbwY\"\n            description=\"Prefix for invite status indicator in screen reader\"\n          />\n        </VisuallyHidden>\n        <Translation\n          defaultMessage=\"Expired\"\n          id=\"+0sQaN\"\n          description=\"Badge status indicating user invitation has expired\"\n        />\n      </Badge>\n    );\n  }\n  if (user.status === \"InviteRevoked\") {\n    return (\n      <Badge color=\"red\" style={{ userSelect: \"none\" }}>\n        <VisuallyHidden>\n          <Translation\n            defaultMessage=\"Status: Invite \"\n            id=\"BWvbwY\"\n            description=\"Prefix for invite status indicator in screen reader\"\n          />\n        </VisuallyHidden>\n        <Translation\n          defaultMessage=\"Revoked\"\n          id=\"NNBv+r\"\n          description=\"Badge status indicating user invitation has been revoked\"\n        />\n      </Badge>\n    );\n  }\n  return null;\n}\n\ninterface LastActiveProps {\n  user: Member;\n  isHydrated: boolean;\n  dim?: boolean;\n}\n\nfunction LastActive(props: LastActiveProps) {\n  if (!props.user.lastActivityAt) {\n    return (\n      <>\n        <VisuallyHidden>\n          {props.user.status === \"Active\" ? (\n            <Translation\n              defaultMessage=\"Never\"\n              id=\"0duvF4\"\n              description=\"Screen reader text indicating user has never been active\"\n            />\n          ) : (\n            <Translation\n              defaultMessage=\"Not active\"\n              id=\"hd2+kk\"\n              description=\"Screen reader text indicating user is not active\"\n            />\n          )}\n        </VisuallyHidden>\n        <Separator />\n      </>\n    );\n  }\n  return <LastActiveImpl {...props} date={props.user.lastActivityAt} />;\n}\n\nfunction LastActiveImpl({\n  date,\n  isHydrated,\n  dim,\n}: LastActiveProps & { date: string }) {\n  const locale = useLocale();\n  const { lastActiveDateTime, lastActiveDisplay } = React.useMemo(() => {\n    const defaultTimeZone = \"America/Los_Angeles\";\n    const lastActiveDate = new Date(date);\n    const lastActiveDateTime = lastActiveDate.toLocaleTimeString(locale, {\n      // hard-coded timezone before hydration to prevent server/client mismatch\n      timeZone: isHydrated ? undefined : defaultTimeZone,\n      month: \"long\",\n      day: \"numeric\",\n      year: \"numeric\",\n      hour: \"numeric\",\n      minute: \"numeric\",\n    });\n\n    // Server and client may produce a different 'now' date, so only\n    // show comparative date if the component is hydrated to prevent a\n    // server/client mismatch\n    const lastActiveDisplay = isHydrated\n      ? getComparativeReadableDate(new Date(), lastActiveDate, { locale })\n      : lastActiveDate.toLocaleDateString(locale, {\n          // hard-coded timezone to prevent server/client mismatch\n          timeZone: defaultTimeZone,\n          month: \"long\",\n          day: \"numeric\",\n          year: \"numeric\",\n        });\n\n    return {\n      lastActiveDateTime,\n      lastActiveDisplay,\n    };\n  }, [isHydrated, date, locale]);\n\n  // handle cases where the DB might return an invalid date string\n  if (lastActiveDisplay === \"Invalid Date\") {\n    return (\n      <>\n        <VisuallyHidden>\n          <Translation\n            defaultMessage=\"Unknown\"\n            id=\"UUigrK\"\n            description=\"Screen reader text indicating last active date is unknown\"\n          />\n        </VisuallyHidden>\n        <Separator />\n      </>\n    );\n  }\n\n  return (\n    <TableCellText asChild dim={dim}>\n      <time dateTime={date} title={lastActiveDateTime}>\n        {lastActiveDisplay}\n      </time>\n    </TableCellText>\n  );\n}\n\nconst TableCellText = React.forwardRef<HTMLSpanElement, TableCellTextProps>(\n  function TableCellText(\n    { children, dim, level = \"primary\", ...props },\n    forwardedRef,\n  ) {\n    return (\n      <Text\n        ref={forwardedRef}\n        color={level === \"secondary\" ? \"gray\" : undefined}\n        weight={level === \"secondary\" ? \"regular\" : \"medium\"}\n        size={level === \"secondary\" ? \"1\" : \"2\"}\n        truncate\n        {...props}\n        style={\n          dim\n            ? {\n                // TODO: use CSS var instead of hard-coded value for opacity\n                opacity: 0.6,\n                ...props.style,\n              }\n            : props.style\n        }\n      >\n        {children}\n      </Text>\n    );\n  },\n);\n\ntype TableCellTextProps = TextProps & {\n  level?: \"primary\" | \"secondary\";\n  dim?: boolean;\n};\n\nconst FallbackUserIcon = () => (\n  <svg\n    xmlns=\"http://www.w3.org/2000/svg\"\n    width=\"20\"\n    height=\"20\"\n    fill=\"currentColor\"\n    viewBox=\"0 0 256 256\"\n  >\n    {/* eslint-disable-next-line formatjs/no-literal-string-in-jsx */}\n    <title>User icon</title>\n    <path d=\"M229.19,213c-15.81-27.32-40.63-46.49-69.47-54.62a70,70,0,1,0-63.44,0C67.44,166.5,42.62,185.67,26.81,213a6,6,0,1,0,10.38,6C56.4,185.81,90.34,166,128,166s71.6,19.81,90.81,53a6,6,0,1,0,10.38-6ZM70,96a58,58,0,1,1,58,58A58.07,58.07,0,0,1,70,96Z\" />\n  </svg>\n);\n\nconst UsersManagementEmptyState = ({ isPending }: { isPending: boolean }) => {\n  const { clearSearch } = useSearchContext();\n  const {\n    state: { searchQuery },\n  } = useUsersManagementContext();\n\n  // When the search query is cleared, the users query is re-fetched which sends\n  // us into a pending state. When this happens we want to keep a snapshot of\n  // the previous search query while the query is revalidated. We can use this\n  // to keep the 'No users found for query' UI in place until re-fetching is\n  // complete, otherwise the view flips to 'No users found' very quickly before\n  // the full table is shown again.\n  const [{ isClearing, lastSearchQuery }, setClearing] = React.useState({\n    isClearing: false,\n    lastSearchQuery: null as null | string,\n  });\n  const [wasPending, setWasPending] = React.useState(isPending);\n  if (wasPending !== isPending) {\n    setWasPending(isPending);\n    if (!isPending) {\n      setClearing((prev) =>\n        prev.isClearing ? { isClearing: false, lastSearchQuery: null } : prev,\n      );\n    }\n  }\n\n  if (searchQuery || isClearing) {\n    return (\n      <Flex align=\"center\" justify=\"center\" py=\"8\" direction=\"column\" gap=\"2\">\n        <Text size=\"2\">\n          <Translation\n            defaultMessage=\"No users found for query '{query}'\"\n            id=\"wrEZ8+\"\n            description=\"Message shown when no users match the search query\"\n            values={{\n              query: isClearing ? lastSearchQuery : searchQuery,\n            }}\n          />\n        </Text>\n\n        <Button\n          variant=\"secondary\"\n          size=\"1\"\n          onClick={() => {\n            setClearing({ isClearing: true, lastSearchQuery: searchQuery });\n            clearSearch();\n          }}\n          loading={isPending}\n        >\n          <Translation\n            defaultMessage=\"Clear search\"\n            id=\"Xv3fVI\"\n            description=\"Button text to clear the current search query\"\n          />\n        </Button>\n      </Flex>\n    );\n  }\n\n  return (\n    <Flex align=\"center\" justify=\"center\" py=\"8\" gap=\"2\">\n      <Text size=\"2\">\n        <Translation\n          defaultMessage=\"No users found\"\n          id=\"MQ+LoA\"\n          description=\"Message shown when there are no users in the system\"\n        />\n      </Text>\n    </Flex>\n  );\n};\n\ninterface UserRolesCellContentProps {\n  user: Member;\n  isMultipleRolesEnabled: boolean;\n  dimText: boolean;\n}\n\nfunction UserRolesCellContent({\n  user,\n  isMultipleRolesEnabled,\n  dimText,\n}: UserRolesCellContentProps) {\n  if (!user.roles || user.roles.length === 0) {\n    return (\n      <>\n        <VisuallyHidden>\n          <Translation\n            defaultMessage=\"No roles assigned\"\n            id=\"CVOVB0\"\n            description=\"Screen reader text indicating user has no roles assigned\"\n          />\n        </VisuallyHidden>\n        {/* eslint-disable-next-line formatjs/no-literal-string-in-jsx */}\n        <span aria-hidden style={{ userSelect: \"none\" }}>\n          –\n        </span>\n      </>\n    );\n  }\n\n  if (isMultipleRolesEnabled && user.roles.length > 1) {\n    const roleNames = user.roles?.map((role) => role.name).join(\", \");\n    return (\n      <Tooltip content={roleNames} maxWidth=\"250px\">\n        <TableCellText dim={dimText}>\n          <Translation\n            defaultMessage=\"{count} roles\"\n            id=\"lWAmRC\"\n            description=\"Shows the number of roles assigned to a user (plural)\"\n            values={{ count: user.roles.length }}\n          />\n        </TableCellText>\n      </Tooltip>\n    );\n  }\n\n  return <TableCellText dim={dimText}>{user.roles?.[0]?.name}</TableCellText>;\n}\n\nfunction getWidgetRootDomProps(\n  state: WidgetRootState,\n  domProps: WidgetRootDomProps,\n) {\n  return getDomProps({\n    ...domProps,\n    isWidgetRoot: true,\n    widgetId: \"users-management\",\n    widgetState: state,\n  });\n}\n\nexport type { UsersManagementLoadingProps, UsersManagementErrorProps };\nexport { UsersManagement, UsersManagementLoading, UsersManagementError };\n"],"mappings":"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","names":["lastActiveDateTime","lastActiveDisplay","TableCellText"]}

package/dist/cjs/lib/users-management.d.cts

@@ -1,6 +1,9 @@
 import * as React from 'react';
 import { WidgetRootDomProps } from './utils.cjs';
-import { MemberRole, MembersQueryResult } from '../api/endpoint.cjs';
+import { R as RolesAndConfig, M as MembersQueryResult } from '../user-CgBDfSHl.cjs';
+import '../api/endpoint.cjs';
+import '@tanstack/react-query';
+import '../api/widgets-api-client.cjs';
 import './elements.cjs';
 import '@radix-ui/themes';
 import '@radix-ui/themes/props';
@@ -12,14 +15,11 @@ import '../dropdown-menu-BQ5LtvdR.cjs';
 import '@radix-ui/themes/components/dropdown-menu';
 import '../select-KR89Qnvm.cjs';
 import '@radix-ui/themes/components/select';
-import '@tanstack/react-query';
-import '../api/widgets-api-client.cjs';
+import '../api/client-graphql/generated.cjs';
+import 'graphql-request';
 
 interface UsersManagementProps extends WidgetRootDomProps {
-    rolesData: {
-        roles: MemberRole[];
-        multipleRolesEnabled: boolean;
-    };
+    rolesData: RolesAndConfig;
     userData: MembersQueryResult;
     disableRolesFilter?: boolean;
     isPending: boolean;

package/dist/cjs/lib/view-dns-record-dialog.cjs.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../src/lib/view-dns-record-dialog.tsx"],"sourcesContent":["\"use client\";\n\nimport * as React from \"react\";\nimport { Box, Card, Flex, Text, Grid, Link, Code } from \"@radix-ui/themes\";\nimport { OrganizationDomain } from \"../api/endpoint.js\";\nimport { NameServerIcon } from \"./name-server-icon.js\";\nimport { IconPanel } from \"./icon-panel.js\";\nimport { CopyIconButton } from \"./copy-button.js\";\nimport { Dialog, Button } from \"./elements.js\";\nimport { Translation } from \"./i18n/translation.js\";\n\ninterface ViewDnsRecordDialogProps {\n  children?: React.ReactNode;\n  domain: OrganizationDomain;\n  onReverifyDomain: (domainId: string) => void;\n  open: boolean;\n  onOpenChange: (open: boolean) => void;\n}\n\nexport const ViewDnsRecordDialog = (props: ViewDnsRecordDialogProps) => {\n  const isFailed = props.domain.state === \"Failed\";\n\n  const handleRestartVerification = () => {\n    props.onReverifyDomain(props.domain.id);\n    props.onOpenChange(false);\n  };\n\n  return (\n    <Dialog.Root open={props.open} onOpenChange={props.onOpenChange}>\n      {props.children && <Dialog.Trigger>{props.children}</Dialog.Trigger>}\n      <Dialog.Content style={{ maxWidth: \"530px\" }}>\n        <Box mb=\"5\">\n          <Dialog.Title size=\"5\" mb=\"2\">\n            {isFailed ? (\n              <Translation\n                defaultMessage=\"Restart verification\"\n                id=\"k9X2ru\"\n                description=\"Dialog title for restarting domain verification\"\n              />\n            ) : (\n              <Translation\n                defaultMessage=\"View DNS record\"\n                id=\"/aCgMQ\"\n                description=\"Dialog title for viewing DNS record\"\n              />\n            )}\n          </Dialog.Title>\n          <Text size=\"2\" highContrast>\n            {isFailed ? (\n              <Translation\n                defaultMessage=\"The domain {domain} will be automatically verified once the following DNS record is detected. Use a tool like {dnsChecker} to check the domain's record for any mistakes.\"\n                id=\"yk7ScH\"\n                description=\"Instructions for failed domain verification with DNS checker tool\"\n                values={{\n                  domain: <b>{props.domain.domain}</b>,\n                  dnsChecker: (\n                    // eslint-disable-next-line formatjs/no-literal-string-in-jsx\n                    <Link href=\"https://dnschecker.org/\">DNSChecker</Link>\n                  ),\n                }}\n              />\n            ) : (\n              <Translation\n                defaultMessage=\"The domain {domain} will be automatically verified once the following DNS record is detected.\"\n                id=\"7+lT5Q\"\n                description=\"Instructions for domain verification\"\n                values={{\n                  domain: <b>{props.domain.domain}</b>,\n                }}\n              />\n            )}\n          </Text>\n        </Box>\n\n        <DnsRecordCard domain={props.domain} />\n        <Flex justify=\"end\" gap=\"2\" mt=\"5\">\n          {isFailed ? (\n            <>\n              <Dialog.Close>\n                <Button variant=\"secondary\">\n                  <Translation\n                    defaultMessage=\"Close\"\n                    id=\"ESS/aT\"\n                    description=\"Button text to close dialog\"\n                  />\n                </Button>\n              </Dialog.Close>\n              <Button onClick={handleRestartVerification}>\n                <Translation\n                  defaultMessage=\"Restart verification\"\n                  id=\"eSQSjC\"\n                  description=\"Button text to restart domain verification\"\n                />\n              </Button>\n            </>\n          ) : (\n            <Dialog.Close>\n              <Button>\n                <Translation\n                  defaultMessage=\"Close\"\n                  id=\"ESS/aT\"\n                  description=\"Button text to close dialog\"\n                />\n              </Button>\n            </Dialog.Close>\n          )}\n        </Flex>\n      </Dialog.Content>\n    </Dialog.Root>\n  );\n};\n\nconst DnsRecordCard = (props: { domain: OrganizationDomain }) => {\n  const verificationContent = `${props.domain.verificationPrefix ?? \"verification_token\"}=${props.domain.verificationToken}`;\n  return (\n    <Card size=\"2\">\n      <Flex gap=\"2\" align=\"center\" mb=\"4\">\n        <IconPanel\n          color={props.domain.nameServer === \"Other\" ? \"gray\" : \"panel\"}\n        >\n          <NameServerIcon provider={props.domain.nameServer} />\n        </IconPanel>\n\n        <Text size=\"2\" highContrast weight=\"bold\" as=\"p\" mb=\"-2px\">\n          {props.domain.domain}\n        </Text>\n      </Flex>\n      <Grid\n        gap=\"4\"\n        style={{\n          alignItems: \"start\",\n          gridTemplateColumns: \"146px 1fr\",\n        }}\n      >\n        <Text color=\"gray\" weight=\"medium\" size=\"2\">\n          <Translation\n            defaultMessage=\"Type\"\n            id=\"/UCweF\"\n            description=\"Label for DNS record type field\"\n          />\n        </Text>\n        {/* eslint-disable-next-line formatjs/no-literal-string-in-jsx */}\n        <Text size=\"2\">TXT</Text>\n\n        <Text color=\"gray\" weight=\"medium\" size=\"2\">\n          <Translation\n            defaultMessage=\"Host / Name\"\n            id=\"dx3Cso\"\n            description=\"Label for DNS host/name field\"\n          />\n        </Text>\n        {/* eslint-disable-next-line formatjs/no-literal-string-in-jsx */}\n        <Text size=\"2\">{props.domain.subdomain || \"@\"}</Text>\n\n        <Text color=\"gray\" weight=\"medium\" size=\"2\">\n          <Translation\n            defaultMessage=\"Value\"\n            id=\"MaYH9g\"\n            description=\"Label for DNS record value field\"\n          />\n        </Text>\n        <Flex gap=\"2\" align=\"start\">\n          <Code size=\"2\" variant=\"ghost\">\n            {verificationContent}\n          </Code>\n          <CopyIconButton value={verificationContent} />\n        </Flex>\n      </Grid>\n    </Card>\n  );\n};\n"],"mappings":"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","names":[]}
+{"version":3,"sources":["../../../src/lib/view-dns-record-dialog.tsx"],"sourcesContent":["\"use client\";\n\nimport * as React from \"react\";\nimport { Box, Card, Flex, Text, Grid, Link, Code } from \"@radix-ui/themes\";\nimport type { OrganizationDomainFieldsFragment } from \"../api/client-graphql/generated.js\";\nimport { NameServerIcon } from \"./name-server-icon.js\";\nimport { IconPanel } from \"./icon-panel.js\";\nimport { CopyIconButton } from \"./copy-button.js\";\nimport { Dialog, Button } from \"./elements.js\";\nimport { Translation } from \"./i18n/translation.js\";\n\ninterface ViewDnsRecordDialogProps {\n  children?: React.ReactNode;\n  domain: OrganizationDomainFieldsFragment;\n  onReverifyDomain: (domainId: string) => void;\n  open: boolean;\n  onOpenChange: (open: boolean) => void;\n}\n\nexport const ViewDnsRecordDialog = (props: ViewDnsRecordDialogProps) => {\n  const isFailed = props.domain.state === \"Failed\";\n\n  const handleRestartVerification = () => {\n    props.onReverifyDomain(props.domain.id);\n    props.onOpenChange(false);\n  };\n\n  return (\n    <Dialog.Root open={props.open} onOpenChange={props.onOpenChange}>\n      {props.children && <Dialog.Trigger>{props.children}</Dialog.Trigger>}\n      <Dialog.Content style={{ maxWidth: \"530px\" }}>\n        <Box mb=\"5\">\n          <Dialog.Title size=\"5\" mb=\"2\">\n            {isFailed ? (\n              <Translation\n                defaultMessage=\"Restart verification\"\n                id=\"k9X2ru\"\n                description=\"Dialog title for restarting domain verification\"\n              />\n            ) : (\n              <Translation\n                defaultMessage=\"View DNS record\"\n                id=\"/aCgMQ\"\n                description=\"Dialog title for viewing DNS record\"\n              />\n            )}\n          </Dialog.Title>\n          <Text size=\"2\" highContrast>\n            {isFailed ? (\n              <Translation\n                defaultMessage=\"The domain {domain} will be automatically verified once the following DNS record is detected. Use a tool like {dnsChecker} to check the domain's record for any mistakes.\"\n                id=\"yk7ScH\"\n                description=\"Instructions for failed domain verification with DNS checker tool\"\n                values={{\n                  domain: <b>{props.domain.domain}</b>,\n                  dnsChecker: (\n                    // eslint-disable-next-line formatjs/no-literal-string-in-jsx\n                    <Link href=\"https://dnschecker.org/\">DNSChecker</Link>\n                  ),\n                }}\n              />\n            ) : (\n              <Translation\n                defaultMessage=\"The domain {domain} will be automatically verified once the following DNS record is detected.\"\n                id=\"7+lT5Q\"\n                description=\"Instructions for domain verification\"\n                values={{\n                  domain: <b>{props.domain.domain}</b>,\n                }}\n              />\n            )}\n          </Text>\n        </Box>\n\n        <DnsRecordCard domain={props.domain} />\n        <Flex justify=\"end\" gap=\"2\" mt=\"5\">\n          {isFailed ? (\n            <>\n              <Dialog.Close>\n                <Button variant=\"secondary\">\n                  <Translation\n                    defaultMessage=\"Close\"\n                    id=\"ESS/aT\"\n                    description=\"Button text to close dialog\"\n                  />\n                </Button>\n              </Dialog.Close>\n              <Button onClick={handleRestartVerification}>\n                <Translation\n                  defaultMessage=\"Restart verification\"\n                  id=\"eSQSjC\"\n                  description=\"Button text to restart domain verification\"\n                />\n              </Button>\n            </>\n          ) : (\n            <Dialog.Close>\n              <Button>\n                <Translation\n                  defaultMessage=\"Close\"\n                  id=\"ESS/aT\"\n                  description=\"Button text to close dialog\"\n                />\n              </Button>\n            </Dialog.Close>\n          )}\n        </Flex>\n      </Dialog.Content>\n    </Dialog.Root>\n  );\n};\n\nconst DnsRecordCard = (props: { domain: OrganizationDomainFieldsFragment }) => {\n  const verificationContent = `${props.domain.verificationPrefix ?? \"verification_token\"}=${props.domain.verificationToken}`;\n  return (\n    <Card size=\"2\">\n      <Flex gap=\"2\" align=\"center\" mb=\"4\">\n        <IconPanel\n          color={props.domain.nameServer === \"Other\" ? \"gray\" : \"panel\"}\n        >\n          <NameServerIcon provider={props.domain.nameServer} />\n        </IconPanel>\n\n        <Text size=\"2\" highContrast weight=\"bold\" as=\"p\" mb=\"-2px\">\n          {props.domain.domain}\n        </Text>\n      </Flex>\n      <Grid\n        gap=\"4\"\n        style={{\n          alignItems: \"start\",\n          gridTemplateColumns: \"146px 1fr\",\n        }}\n      >\n        <Text color=\"gray\" weight=\"medium\" size=\"2\">\n          <Translation\n            defaultMessage=\"Type\"\n            id=\"/UCweF\"\n            description=\"Label for DNS record type field\"\n          />\n        </Text>\n        {/* eslint-disable-next-line formatjs/no-literal-string-in-jsx */}\n        <Text size=\"2\">TXT</Text>\n\n        <Text color=\"gray\" weight=\"medium\" size=\"2\">\n          <Translation\n            defaultMessage=\"Host / Name\"\n            id=\"dx3Cso\"\n            description=\"Label for DNS host/name field\"\n          />\n        </Text>\n        {/* eslint-disable-next-line formatjs/no-literal-string-in-jsx */}\n        <Text size=\"2\">{props.domain.subdomain || \"@\"}</Text>\n\n        <Text color=\"gray\" weight=\"medium\" size=\"2\">\n          <Translation\n            defaultMessage=\"Value\"\n            id=\"MaYH9g\"\n            description=\"Label for DNS record value field\"\n          />\n        </Text>\n        <Flex gap=\"2\" align=\"start\">\n          <Code size=\"2\" variant=\"ghost\">\n            {verificationContent}\n          </Code>\n          <CopyIconButton value={verificationContent} />\n        </Flex>\n      </Grid>\n    </Card>\n  );\n};\n"],"mappings":"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","names":[]}

package/dist/cjs/lib/view-dns-record-dialog.d.cts

@@ -1,11 +1,10 @@
 import * as React from 'react';
-import { OrganizationDomain } from '../api/endpoint.cjs';
-import '@tanstack/react-query';
-import '../api/widgets-api-client.cjs';
+import { OrganizationDomainFieldsFragment } from '../api/client-graphql/generated.cjs';
+import 'graphql-request';
 
 interface ViewDnsRecordDialogProps {
     children?: React.ReactNode;
-    domain: OrganizationDomain;
+    domain: OrganizationDomainFieldsFragment;
     onReverifyDomain: (domainId: string) => void;
     open: boolean;
     onOpenChange: (open: boolean) => void;

package/dist/cjs/organization-switcher.client.cjs

@@ -26,7 +26,7 @@ __export(organization_switcher_client_exports, {
 module.exports = __toCommonJS(organization_switcher_client_exports);
 var import_jsx_runtime = require("react/jsx-runtime");
 var import_api_provider = require("./api/api-provider.js");
-var import_endpoint = require("./api/endpoint.js");
+var import_hooks = require("./api/client-graphql/hooks.js");
 var import_error_boundary = require("./lib/error-boundary.js");
 var import_organization_switcher = require("./lib/organization-switcher.js");
 var import_widgets_context = require("./lib/widgets-context.js");
@@ -82,12 +82,13 @@ const OrganizationSwitcherImpl = ({
   ...domProps
 }) => {
   const isApiReady = (0, import_api_provider.useApiReady)();
-  const organizationsQuery = (0, import_endpoint.useOrganizations)({
-    query: {
-      placeholderData: import_react_query.keepPreviousData
-    }
+  const organizationsQuery = (0, import_hooks.useClientGraphqlQuery)({
+    queryKey: (0, import_hooks.clientGraphqlQueryKey)("ListUserOrganizations"),
+    queryFn: (sdk) => sdk.ListUserOrganizations(),
+    select: (data) => data.organizations,
+    placeholderData: import_react_query.keepPreviousData
   });
-  const organizations = organizationsQuery.data?.data ?? emptyOrganizations;
+  const organizations = organizationsQuery.data ?? emptyOrganizations;
   if (organizationsQuery.isLoading || !isApiReady) {
     return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_organization_switcher.OrganizationSwitcherLoading, { variant, ...domProps });
   }

package/dist/cjs/organization-switcher.client.cjs.map

@@ -1 +1 @@
-{"version":3,"sources":["../../src/organization-switcher.client.tsx"],"sourcesContent":["\"use client\";\n\nimport { ApiProvider, AuthToken, useApiReady } from \"./api/api-provider.js\";\nimport { OrganizationInfo, useOrganizations } from \"./api/endpoint.js\";\nimport * as React from \"react\";\nimport { ErrorBoundary } from \"./lib/error-boundary.js\";\nimport {\n  OrganizationSwitcherError,\n  OrganizationSwitcherLoading,\n  OrganizationSwitcher as OrganizationSwitcherPresentational,\n} from \"./lib/organization-switcher.js\";\nimport type {\n  OrganizationSwitcherErrorProps,\n  OrganizationSwitcherLoadingProps,\n  OrganizationSwitcherPassthroughProps,\n} from \"./lib/organization-switcher.js\";\nimport { useWorkOsApiUrl } from \"./lib/widgets-context.js\";\nimport { keepPreviousData } from \"@tanstack/react-query\";\n\ninterface OrganizationSwitcherProps extends OrganizationSwitcherPassthroughProps {\n  authToken: AuthToken;\n}\n\nconst OrganizationSwitcher: React.FC<OrganizationSwitcherProps> = ({\n  authToken,\n  organizationLabel,\n  switchToOrganization,\n  truncateBehavior,\n  variant,\n  ...domProps\n}) => {\n  const baseUrl = useWorkOsApiUrl();\n\n  return (\n    <ErrorBoundary\n      fallbackRender={({ error }) => (\n        <OrganizationSwitcherError\n          error={error}\n          variant={variant}\n          {...domProps}\n        />\n      )}\n    >\n      <ApiProvider\n        widgetType=\"organization-switcher\"\n        authToken={authToken}\n        baseUrl={baseUrl}\n      >\n        <OrganizationSwitcherImpl\n          switchToOrganization={switchToOrganization}\n          organizationLabel={organizationLabel}\n          truncateBehavior={truncateBehavior}\n          variant={variant}\n          {...domProps}\n        />\n      </ApiProvider>\n    </ErrorBoundary>\n  );\n};\n\n// Constant reference to avoid unnecessary prop changes\nconst emptyOrganizations: OrganizationInfo[] = [];\n\nconst OrganizationSwitcherImpl = ({\n  variant,\n  switchToOrganization,\n  organizationLabel,\n  truncateBehavior,\n  children,\n  ...domProps\n}: OrganizationSwitcherPassthroughProps) => {\n  const isApiReady = useApiReady();\n  const organizationsQuery = useOrganizations({\n    query: {\n      placeholderData: keepPreviousData,\n    },\n  });\n\n  const organizations = organizationsQuery.data?.data ?? emptyOrganizations;\n\n  if (organizationsQuery.isLoading || !isApiReady) {\n    return <OrganizationSwitcherLoading variant={variant} {...domProps} />;\n  }\n\n  if (organizationsQuery.isError) {\n    return (\n      <OrganizationSwitcherError\n        error={organizationsQuery.error}\n        variant={variant}\n        {...domProps}\n      />\n    );\n  }\n\n  return (\n    <ErrorBoundary\n      fallbackRender={({ error }) => (\n        <OrganizationSwitcherError\n          error={error}\n          variant={variant}\n          {...domProps}\n        />\n      )}\n    >\n      <OrganizationSwitcherPresentational\n        organizations={organizations}\n        switchToOrganization={switchToOrganization}\n        variant={variant}\n        organizationLabel={organizationLabel}\n        truncateBehavior={truncateBehavior}\n        {...domProps}\n      >\n        {children}\n      </OrganizationSwitcherPresentational>\n    </ErrorBoundary>\n  );\n};\n\nexport type {\n  OrganizationSwitcherProps,\n  OrganizationSwitcherLoadingProps,\n  OrganizationSwitcherErrorProps,\n};\nexport {\n  OrganizationSwitcher,\n  OrganizationSwitcherLoading,\n  OrganizationSwitcherError,\n};\n"],"mappings":";;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAoCQ;AAlCR,0BAAoD;AACpD,sBAAmD;AAEnD,4BAA8B;AAC9B,mCAIO;AAMP,6BAAgC;AAChC,yBAAiC;AAMjC,MAAM,uBAA4D,CAAC;AAAA,EACjE;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA,GAAG;AACL,MAAM;AACJ,QAAM,cAAU,wCAAgB;AAEhC,SACE;AAAA,IAAC;AAAA;AAAA,MACC,gBAAgB,CAAC,EAAE,MAAM,MACvB;AAAA,QAAC;AAAA;AAAA,UACC;AAAA,UACA;AAAA,UACC,GAAG;AAAA;AAAA,MACN;AAAA,MAGF;AAAA,QAAC;AAAA;AAAA,UACC,YAAW;AAAA,UACX;AAAA,UACA;AAAA,UAEA;AAAA,YAAC;AAAA;AAAA,cACC;AAAA,cACA;AAAA,cACA;AAAA,cACA;AAAA,cACC,GAAG;AAAA;AAAA,UACN;AAAA;AAAA,MACF;AAAA;AAAA,EACF;AAEJ;AAGA,MAAM,qBAAyC,CAAC;AAEhD,MAAM,2BAA2B,CAAC;AAAA,EAChC;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA,GAAG;AACL,MAA4C;AAC1C,QAAM,iBAAa,iCAAY;AAC/B,QAAM,yBAAqB,kCAAiB;AAAA,IAC1C,OAAO;AAAA,MACL,iBAAiB;AAAA,IACnB;AAAA,EACF,CAAC;AAED,QAAM,gBAAgB,mBAAmB,MAAM,QAAQ;AAEvD,MAAI,mBAAmB,aAAa,CAAC,YAAY;AAC/C,WAAO,4CAAC,4DAA4B,SAAmB,GAAG,UAAU;AAAA,EACtE;AAEA,MAAI,mBAAmB,SAAS;AAC9B,WACE;AAAA,MAAC;AAAA;AAAA,QACC,OAAO,mBAAmB;AAAA,QAC1B;AAAA,QACC,GAAG;AAAA;AAAA,IACN;AAAA,EAEJ;AAEA,SACE;AAAA,IAAC;AAAA;AAAA,MACC,gBAAgB,CAAC,EAAE,MAAM,MACvB;AAAA,QAAC;AAAA;AAAA,UACC;AAAA,UACA;AAAA,UACC,GAAG;AAAA;AAAA,MACN;AAAA,MAGF;AAAA,QAAC,6BAAAA;AAAA,QAAA;AAAA,UACC;AAAA,UACA;AAAA,UACA;AAAA,UACA;AAAA,UACA;AAAA,UACC,GAAG;AAAA,UAEH;AAAA;AAAA,MACH;AAAA;AAAA,EACF;AAEJ;","names":["OrganizationSwitcherPresentational"]}
+{"version":3,"sources":["../../src/organization-switcher.client.tsx"],"sourcesContent":["\"use client\";\n\nimport { ApiProvider, AuthToken, useApiReady } from \"./api/api-provider.js\";\nimport {\n  clientGraphqlQueryKey,\n  useClientGraphqlQuery,\n} from \"./api/client-graphql/hooks.js\";\nimport type { UserOrganization } from \"./lib/organization-switcher.js\";\nimport * as React from \"react\";\nimport { ErrorBoundary } from \"./lib/error-boundary.js\";\nimport {\n  OrganizationSwitcherError,\n  OrganizationSwitcherLoading,\n  OrganizationSwitcher as OrganizationSwitcherPresentational,\n} from \"./lib/organization-switcher.js\";\nimport type {\n  OrganizationSwitcherErrorProps,\n  OrganizationSwitcherLoadingProps,\n  OrganizationSwitcherPassthroughProps,\n} from \"./lib/organization-switcher.js\";\nimport { useWorkOsApiUrl } from \"./lib/widgets-context.js\";\nimport { keepPreviousData } from \"@tanstack/react-query\";\n\ninterface OrganizationSwitcherProps extends OrganizationSwitcherPassthroughProps {\n  authToken: AuthToken;\n}\n\nconst OrganizationSwitcher: React.FC<OrganizationSwitcherProps> = ({\n  authToken,\n  organizationLabel,\n  switchToOrganization,\n  truncateBehavior,\n  variant,\n  ...domProps\n}) => {\n  const baseUrl = useWorkOsApiUrl();\n\n  return (\n    <ErrorBoundary\n      fallbackRender={({ error }) => (\n        <OrganizationSwitcherError\n          error={error}\n          variant={variant}\n          {...domProps}\n        />\n      )}\n    >\n      <ApiProvider\n        widgetType=\"organization-switcher\"\n        authToken={authToken}\n        baseUrl={baseUrl}\n      >\n        <OrganizationSwitcherImpl\n          switchToOrganization={switchToOrganization}\n          organizationLabel={organizationLabel}\n          truncateBehavior={truncateBehavior}\n          variant={variant}\n          {...domProps}\n        />\n      </ApiProvider>\n    </ErrorBoundary>\n  );\n};\n\n// Constant reference to avoid unnecessary prop changes\nconst emptyOrganizations: UserOrganization[] = [];\n\nconst OrganizationSwitcherImpl = ({\n  variant,\n  switchToOrganization,\n  organizationLabel,\n  truncateBehavior,\n  children,\n  ...domProps\n}: OrganizationSwitcherPassthroughProps) => {\n  const isApiReady = useApiReady();\n  const organizationsQuery = useClientGraphqlQuery({\n    queryKey: clientGraphqlQueryKey(\"ListUserOrganizations\"),\n    queryFn: (sdk) => sdk.ListUserOrganizations(),\n    select: (data) => data.organizations,\n    placeholderData: keepPreviousData,\n  });\n\n  const organizations = organizationsQuery.data ?? emptyOrganizations;\n\n  if (organizationsQuery.isLoading || !isApiReady) {\n    return <OrganizationSwitcherLoading variant={variant} {...domProps} />;\n  }\n\n  if (organizationsQuery.isError) {\n    return (\n      <OrganizationSwitcherError\n        error={organizationsQuery.error}\n        variant={variant}\n        {...domProps}\n      />\n    );\n  }\n\n  return (\n    <ErrorBoundary\n      fallbackRender={({ error }) => (\n        <OrganizationSwitcherError\n          error={error}\n          variant={variant}\n          {...domProps}\n        />\n      )}\n    >\n      <OrganizationSwitcherPresentational\n        organizations={organizations}\n        switchToOrganization={switchToOrganization}\n        variant={variant}\n        organizationLabel={organizationLabel}\n        truncateBehavior={truncateBehavior}\n        {...domProps}\n      >\n        {children}\n      </OrganizationSwitcherPresentational>\n    </ErrorBoundary>\n  );\n};\n\nexport type {\n  OrganizationSwitcherProps,\n  OrganizationSwitcherLoadingProps,\n  OrganizationSwitcherErrorProps,\n};\nexport {\n  OrganizationSwitcher,\n  OrganizationSwitcherLoading,\n  OrganizationSwitcherError,\n};\n"],"mappings":";;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAwCQ;AAtCR,0BAAoD;AACpD,mBAGO;AAGP,4BAA8B;AAC9B,mCAIO;AAMP,6BAAgC;AAChC,yBAAiC;AAMjC,MAAM,uBAA4D,CAAC;AAAA,EACjE;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA,GAAG;AACL,MAAM;AACJ,QAAM,cAAU,wCAAgB;AAEhC,SACE;AAAA,IAAC;AAAA;AAAA,MACC,gBAAgB,CAAC,EAAE,MAAM,MACvB;AAAA,QAAC;AAAA;AAAA,UACC;AAAA,UACA;AAAA,UACC,GAAG;AAAA;AAAA,MACN;AAAA,MAGF;AAAA,QAAC;AAAA;AAAA,UACC,YAAW;AAAA,UACX;AAAA,UACA;AAAA,UAEA;AAAA,YAAC;AAAA;AAAA,cACC;AAAA,cACA;AAAA,cACA;AAAA,cACA;AAAA,cACC,GAAG;AAAA;AAAA,UACN;AAAA;AAAA,MACF;AAAA;AAAA,EACF;AAEJ;AAGA,MAAM,qBAAyC,CAAC;AAEhD,MAAM,2BAA2B,CAAC;AAAA,EAChC;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA,GAAG;AACL,MAA4C;AAC1C,QAAM,iBAAa,iCAAY;AAC/B,QAAM,yBAAqB,oCAAsB;AAAA,IAC/C,cAAU,oCAAsB,uBAAuB;AAAA,IACvD,SAAS,CAAC,QAAQ,IAAI,sBAAsB;AAAA,IAC5C,QAAQ,CAAC,SAAS,KAAK;AAAA,IACvB,iBAAiB;AAAA,EACnB,CAAC;AAED,QAAM,gBAAgB,mBAAmB,QAAQ;AAEjD,MAAI,mBAAmB,aAAa,CAAC,YAAY;AAC/C,WAAO,4CAAC,4DAA4B,SAAmB,GAAG,UAAU;AAAA,EACtE;AAEA,MAAI,mBAAmB,SAAS;AAC9B,WACE;AAAA,MAAC;AAAA;AAAA,QACC,OAAO,mBAAmB;AAAA,QAC1B;AAAA,QACC,GAAG;AAAA;AAAA,IACN;AAAA,EAEJ;AAEA,SACE;AAAA,IAAC;AAAA;AAAA,MACC,gBAAgB,CAAC,EAAE,MAAM,MACvB;AAAA,QAAC;AAAA;AAAA,UACC;AAAA,UACA;AAAA,UACC,GAAG;AAAA;AAAA,MACN;AAAA,MAGF;AAAA,QAAC,6BAAAA;AAAA,QAAA;AAAA,UACC;AAAA,UACA;AAAA,UACA;AAAA,UACA;AAAA,UACA;AAAA,UACC,GAAG;AAAA,UAEH;AAAA;AAAA,MACH;AAAA;AAAA,EACF;AAEJ;","names":["OrganizationSwitcherPresentational"]}

package/dist/cjs/organization-switcher.client.d.cts

@@ -2,10 +2,12 @@ import { AuthToken } from './api/api-provider.cjs';
 import * as React from 'react';
 import { OrganizationSwitcherPassthroughProps } from './lib/organization-switcher.cjs';
 export { OrganizationSwitcherError, OrganizationSwitcherErrorProps, OrganizationSwitcherLoading, OrganizationSwitcherLoadingProps } from './lib/organization-switcher.cjs';
+import './api/client-graphql/generated.cjs';
+import 'graphql-request';
+import './lib/utils.cjs';
 import './api/endpoint.cjs';
 import '@tanstack/react-query';
 import './api/widgets-api-client.cjs';
-import './lib/utils.cjs';
 import './lib/elements.cjs';
 import '@radix-ui/themes';
 import '@radix-ui/themes/props';

package/dist/cjs/pipes-admin.client.cjs

@@ -28,7 +28,7 @@ var import_jsx_runtime = require("react/jsx-runtime");
 var import_api_provider = require("./api/api-provider.js");
 var import_widgets_context = require("./lib/widgets-context.js");
 var import_pipes_admin = require("./lib/pipes-admin.js");
-var import_endpoint = require("./api/endpoint.js");
+var import_hooks = require("./api/client-graphql/hooks.js");
 var import_use_is_hydrated = require("./lib/use-is-hydrated.js");
 var import_error_boundary = require("./lib/error-boundary.js");
 const PipesAdmin = ({
@@ -80,9 +80,12 @@ const PipesAdminSectionsImpl = (props) => {
   const isHydrated = (0, import_use_is_hydrated.useIsHydrated)();
   const integrations = (0, import_pipes_admin.useManageableIntegrations)();
   const shared = (0, import_pipes_admin.useOrganizationOwnedIntegrations)();
-  const organizations = (0, import_endpoint.useOrganizations)();
-  const organizationName = organizations.data?.data.find(
-    (organization) => organization.current
+  const organizations = (0, import_hooks.useClientGraphqlQuery)({
+    queryKey: (0, import_hooks.clientGraphqlQueryKey)("ListUserOrganizations"),
+    queryFn: (sdk) => sdk.ListUserOrganizations()
+  });
+  const organizationName = organizations.data?.organizations.find(
+    (organization) => organization.isCurrent
   )?.name;
   if (!isHydrated || integrations.isLoading) {
     return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_pipes_admin.PipesAdminLoading, { count: 6, ...props });

package/dist/cjs/pipes-admin.client.cjs.map

@@ -1 +1 @@
-{"version":3,"sources":["../../src/pipes-admin.client.tsx"],"sourcesContent":["\"use client\";\nimport { ApiProvider, AuthToken } from \"./api/api-provider.js\";\nimport { useWorkOsApiUrl } from \"./lib/widgets-context.js\";\nimport {\n  PipesAdmin as PipesAdminPresentational,\n  PipesAdminSections as PipesAdminSectionsPresentational,\n  PipesAdminError,\n  PipesAdminLoading,\n  useManageableIntegrations,\n  useOrganizationOwnedIntegrations,\n} from \"./lib/pipes-admin.js\";\nimport type {\n  PipesAdminErrorProps,\n  PipesAdminLoadingProps,\n} from \"./lib/pipes-admin.js\";\nimport { useOrganizations } from \"./api/endpoint.js\";\nimport { useIsHydrated } from \"./lib/use-is-hydrated.js\";\nimport { ErrorBoundary } from \"./lib/error-boundary.js\";\nimport { WidgetRootDomProps } from \"./lib/utils.js\";\n\ninterface PipesAdminProps extends WidgetRootDomProps {\n  authToken: AuthToken;\n  /**\n   * Opt in to the sectioned administrator experience: the connections the\n   * organization owns and shares with everyone (which the administrator can\n   * configure, connect, reauthorize and disconnect), followed by the provider\n   * settings that govern what members may connect to on their own.\n   *\n   * The two sections are fetched separately, so provider settings render as\n   * soon as they resolve regardless of the shared section.\n   *\n   * Defaults to `false`, which renders the single unsectioned provider\n   * settings list and never requests organization-owned connections.\n   */\n  enableSharedConnections?: boolean;\n}\n\nconst PipesAdmin: React.FC<PipesAdminProps> = ({\n  authToken,\n  enableSharedConnections,\n  ...domProps\n}) => {\n  const baseUrl = useWorkOsApiUrl();\n\n  return (\n    <ErrorBoundary\n      fallbackRender={({ error }) => (\n        <PipesAdminError {...domProps} error={error} />\n      )}\n    >\n      <ApiProvider\n        widgetType=\"pipes-admin\"\n        authToken={authToken}\n        baseUrl={baseUrl}\n      >\n        <PipesAdminImpl\n          enableSharedConnections={enableSharedConnections}\n          {...domProps}\n        />\n      </ApiProvider>\n    </ErrorBoundary>\n  );\n};\n\n// The two experiences are separate components so the opt-out path mounts no\n// organization-owned hook at all, and therefore issues exactly the requests it\n// always has.\nconst PipesAdminImpl = ({\n  enableSharedConnections,\n  ...props\n}: Omit<PipesAdminProps, \"authToken\">) => {\n  return enableSharedConnections ? (\n    <PipesAdminSectionsImpl {...props} />\n  ) : (\n    <PipesAdminProviderSettingsImpl {...props} />\n  );\n};\n\ntype PipesAdminImplProps = Omit<\n  PipesAdminProps,\n  \"authToken\" | \"enableSharedConnections\"\n>;\n\nconst PipesAdminProviderSettingsImpl = (props: PipesAdminImplProps) => {\n  const isHydrated = useIsHydrated();\n  const integrations = useManageableIntegrations();\n\n  if (!isHydrated || integrations.isLoading) {\n    return <PipesAdminLoading count={6} {...props} />;\n  }\n\n  if (integrations.isError) {\n    return <PipesAdminError error={integrations.error} {...props} />;\n  }\n\n  return (\n    <PipesAdminPresentational integrations={integrations.data} {...props} />\n  );\n};\n\nconst PipesAdminSectionsImpl = (props: PipesAdminImplProps) => {\n  const isHydrated = useIsHydrated();\n  const integrations = useManageableIntegrations();\n  // Both sections have their own cache entry and resolve independently:\n  // provider settings render as soon as they arrive, and a slow or failing\n  // organization request only affects the shared section.\n  const shared = useOrganizationOwnedIntegrations();\n  const organizations = useOrganizations();\n  const organizationName = organizations.data?.data.find(\n    (organization) => organization.current,\n  )?.name;\n\n  if (!isHydrated || integrations.isLoading) {\n    return <PipesAdminLoading count={6} {...props} />;\n  }\n\n  if (integrations.isError) {\n    return <PipesAdminError error={integrations.error} {...props} />;\n  }\n\n  return (\n    <PipesAdminSectionsPresentational\n      integrations={integrations.data}\n      sharedIntegrations={shared.data}\n      isSharedLoading={shared.isLoading}\n      organizationName={organizationName}\n      {...props}\n    />\n  );\n};\n\nexport type { PipesAdminProps, PipesAdminLoadingProps, PipesAdminErrorProps };\nexport { PipesAdmin, PipesAdminLoading, PipesAdminError };\n"],"mappings":";;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AA+CQ;AA9CR,0BAAuC;AACvC,6BAAgC;AAChC,yBAOO;AAKP,sBAAiC;AACjC,6BAA8B;AAC9B,4BAA8B;AAoB9B,MAAM,aAAwC,CAAC;AAAA,EAC7C;AAAA,EACA;AAAA,EACA,GAAG;AACL,MAAM;AACJ,QAAM,cAAU,wCAAgB;AAEhC,SACE;AAAA,IAAC;AAAA;AAAA,MACC,gBAAgB,CAAC,EAAE,MAAM,MACvB,4CAAC,sCAAiB,GAAG,UAAU,OAAc;AAAA,MAG/C;AAAA,QAAC;AAAA;AAAA,UACC,YAAW;AAAA,UACX;AAAA,UACA;AAAA,UAEA;AAAA,YAAC;AAAA;AAAA,cACC;AAAA,cACC,GAAG;AAAA;AAAA,UACN;AAAA;AAAA,MACF;AAAA;AAAA,EACF;AAEJ;AAKA,MAAM,iBAAiB,CAAC;AAAA,EACtB;AAAA,EACA,GAAG;AACL,MAA0C;AACxC,SAAO,0BACL,4CAAC,0BAAwB,GAAG,OAAO,IAEnC,4CAAC,kCAAgC,GAAG,OAAO;AAE/C;AAOA,MAAM,iCAAiC,CAAC,UAA+B;AACrE,QAAM,iBAAa,sCAAc;AACjC,QAAM,mBAAe,8CAA0B;AAE/C,MAAI,CAAC,cAAc,aAAa,WAAW;AACzC,WAAO,4CAAC,wCAAkB,OAAO,GAAI,GAAG,OAAO;AAAA,EACjD;AAEA,MAAI,aAAa,SAAS;AACxB,WAAO,4CAAC,sCAAgB,OAAO,aAAa,OAAQ,GAAG,OAAO;AAAA,EAChE;AAEA,SACE,4CAAC,mBAAAA,YAAA,EAAyB,cAAc,aAAa,MAAO,GAAG,OAAO;AAE1E;AAEA,MAAM,yBAAyB,CAAC,UAA+B;AAC7D,QAAM,iBAAa,sCAAc;AACjC,QAAM,mBAAe,8CAA0B;AAI/C,QAAM,aAAS,qDAAiC;AAChD,QAAM,oBAAgB,kCAAiB;AACvC,QAAM,mBAAmB,cAAc,MAAM,KAAK;AAAA,IAChD,CAAC,iBAAiB,aAAa;AAAA,EACjC,GAAG;AAEH,MAAI,CAAC,cAAc,aAAa,WAAW;AACzC,WAAO,4CAAC,wCAAkB,OAAO,GAAI,GAAG,OAAO;AAAA,EACjD;AAEA,MAAI,aAAa,SAAS;AACxB,WAAO,4CAAC,sCAAgB,OAAO,aAAa,OAAQ,GAAG,OAAO;AAAA,EAChE;AAEA,SACE;AAAA,IAAC,mBAAAC;AAAA,IAAA;AAAA,MACC,cAAc,aAAa;AAAA,MAC3B,oBAAoB,OAAO;AAAA,MAC3B,iBAAiB,OAAO;AAAA,MACxB;AAAA,MACC,GAAG;AAAA;AAAA,EACN;AAEJ;","names":["PipesAdminPresentational","PipesAdminSectionsPresentational"]}
+{"version":3,"sources":["../../src/pipes-admin.client.tsx"],"sourcesContent":["\"use client\";\nimport { ApiProvider, AuthToken } from \"./api/api-provider.js\";\nimport { useWorkOsApiUrl } from \"./lib/widgets-context.js\";\nimport {\n  PipesAdmin as PipesAdminPresentational,\n  PipesAdminSections as PipesAdminSectionsPresentational,\n  PipesAdminError,\n  PipesAdminLoading,\n  useManageableIntegrations,\n  useOrganizationOwnedIntegrations,\n} from \"./lib/pipes-admin.js\";\nimport type {\n  PipesAdminErrorProps,\n  PipesAdminLoadingProps,\n} from \"./lib/pipes-admin.js\";\nimport {\n  clientGraphqlQueryKey,\n  useClientGraphqlQuery,\n} from \"./api/client-graphql/hooks.js\";\nimport { useIsHydrated } from \"./lib/use-is-hydrated.js\";\nimport { ErrorBoundary } from \"./lib/error-boundary.js\";\nimport { WidgetRootDomProps } from \"./lib/utils.js\";\n\ninterface PipesAdminProps extends WidgetRootDomProps {\n  authToken: AuthToken;\n  /**\n   * Opt in to the sectioned administrator experience: the connections the\n   * organization owns and shares with everyone (which the administrator can\n   * configure, connect, reauthorize and disconnect), followed by the provider\n   * settings that govern what members may connect to on their own.\n   *\n   * The two sections are fetched separately, so provider settings render as\n   * soon as they resolve regardless of the shared section.\n   *\n   * Defaults to `false`, which renders the single unsectioned provider\n   * settings list and never requests organization-owned connections.\n   */\n  enableSharedConnections?: boolean;\n}\n\nconst PipesAdmin: React.FC<PipesAdminProps> = ({\n  authToken,\n  enableSharedConnections,\n  ...domProps\n}) => {\n  const baseUrl = useWorkOsApiUrl();\n\n  return (\n    <ErrorBoundary\n      fallbackRender={({ error }) => (\n        <PipesAdminError {...domProps} error={error} />\n      )}\n    >\n      <ApiProvider\n        widgetType=\"pipes-admin\"\n        authToken={authToken}\n        baseUrl={baseUrl}\n      >\n        <PipesAdminImpl\n          enableSharedConnections={enableSharedConnections}\n          {...domProps}\n        />\n      </ApiProvider>\n    </ErrorBoundary>\n  );\n};\n\n// The two experiences are separate components so the opt-out path mounts no\n// organization-owned hook at all, and therefore issues exactly the requests it\n// always has.\nconst PipesAdminImpl = ({\n  enableSharedConnections,\n  ...props\n}: Omit<PipesAdminProps, \"authToken\">) => {\n  return enableSharedConnections ? (\n    <PipesAdminSectionsImpl {...props} />\n  ) : (\n    <PipesAdminProviderSettingsImpl {...props} />\n  );\n};\n\ntype PipesAdminImplProps = Omit<\n  PipesAdminProps,\n  \"authToken\" | \"enableSharedConnections\"\n>;\n\nconst PipesAdminProviderSettingsImpl = (props: PipesAdminImplProps) => {\n  const isHydrated = useIsHydrated();\n  const integrations = useManageableIntegrations();\n\n  if (!isHydrated || integrations.isLoading) {\n    return <PipesAdminLoading count={6} {...props} />;\n  }\n\n  if (integrations.isError) {\n    return <PipesAdminError error={integrations.error} {...props} />;\n  }\n\n  return (\n    <PipesAdminPresentational integrations={integrations.data} {...props} />\n  );\n};\n\nconst PipesAdminSectionsImpl = (props: PipesAdminImplProps) => {\n  const isHydrated = useIsHydrated();\n  const integrations = useManageableIntegrations();\n  // Both sections have their own cache entry and resolve independently:\n  // provider settings render as soon as they arrive, and a slow or failing\n  // organization request only affects the shared section.\n  const shared = useOrganizationOwnedIntegrations();\n  const organizations = useClientGraphqlQuery({\n    queryKey: clientGraphqlQueryKey(\"ListUserOrganizations\"),\n    queryFn: (sdk) => sdk.ListUserOrganizations(),\n  });\n  const organizationName = organizations.data?.organizations.find(\n    (organization) => organization.isCurrent,\n  )?.name;\n\n  if (!isHydrated || integrations.isLoading) {\n    return <PipesAdminLoading count={6} {...props} />;\n  }\n\n  if (integrations.isError) {\n    return <PipesAdminError error={integrations.error} {...props} />;\n  }\n\n  return (\n    <PipesAdminSectionsPresentational\n      integrations={integrations.data}\n      sharedIntegrations={shared.data}\n      isSharedLoading={shared.isLoading}\n      organizationName={organizationName}\n      {...props}\n    />\n  );\n};\n\nexport type { PipesAdminProps, PipesAdminLoadingProps, PipesAdminErrorProps };\nexport { PipesAdmin, PipesAdminLoading, PipesAdminError };\n"],"mappings":";;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAkDQ;AAjDR,0BAAuC;AACvC,6BAAgC;AAChC,yBAOO;AAKP,mBAGO;AACP,6BAA8B;AAC9B,4BAA8B;AAoB9B,MAAM,aAAwC,CAAC;AAAA,EAC7C;AAAA,EACA;AAAA,EACA,GAAG;AACL,MAAM;AACJ,QAAM,cAAU,wCAAgB;AAEhC,SACE;AAAA,IAAC;AAAA;AAAA,MACC,gBAAgB,CAAC,EAAE,MAAM,MACvB,4CAAC,sCAAiB,GAAG,UAAU,OAAc;AAAA,MAG/C;AAAA,QAAC;AAAA;AAAA,UACC,YAAW;AAAA,UACX;AAAA,UACA;AAAA,UAEA;AAAA,YAAC;AAAA;AAAA,cACC;AAAA,cACC,GAAG;AAAA;AAAA,UACN;AAAA;AAAA,MACF;AAAA;AAAA,EACF;AAEJ;AAKA,MAAM,iBAAiB,CAAC;AAAA,EACtB;AAAA,EACA,GAAG;AACL,MAA0C;AACxC,SAAO,0BACL,4CAAC,0BAAwB,GAAG,OAAO,IAEnC,4CAAC,kCAAgC,GAAG,OAAO;AAE/C;AAOA,MAAM,iCAAiC,CAAC,UAA+B;AACrE,QAAM,iBAAa,sCAAc;AACjC,QAAM,mBAAe,8CAA0B;AAE/C,MAAI,CAAC,cAAc,aAAa,WAAW;AACzC,WAAO,4CAAC,wCAAkB,OAAO,GAAI,GAAG,OAAO;AAAA,EACjD;AAEA,MAAI,aAAa,SAAS;AACxB,WAAO,4CAAC,sCAAgB,OAAO,aAAa,OAAQ,GAAG,OAAO;AAAA,EAChE;AAEA,SACE,4CAAC,mBAAAA,YAAA,EAAyB,cAAc,aAAa,MAAO,GAAG,OAAO;AAE1E;AAEA,MAAM,yBAAyB,CAAC,UAA+B;AAC7D,QAAM,iBAAa,sCAAc;AACjC,QAAM,mBAAe,8CAA0B;AAI/C,QAAM,aAAS,qDAAiC;AAChD,QAAM,oBAAgB,oCAAsB;AAAA,IAC1C,cAAU,oCAAsB,uBAAuB;AAAA,IACvD,SAAS,CAAC,QAAQ,IAAI,sBAAsB;AAAA,EAC9C,CAAC;AACD,QAAM,mBAAmB,cAAc,MAAM,cAAc;AAAA,IACzD,CAAC,iBAAiB,aAAa;AAAA,EACjC,GAAG;AAEH,MAAI,CAAC,cAAc,aAAa,WAAW;AACzC,WAAO,4CAAC,wCAAkB,OAAO,GAAI,GAAG,OAAO;AAAA,EACjD;AAEA,MAAI,aAAa,SAAS;AACxB,WAAO,4CAAC,sCAAgB,OAAO,aAAa,OAAQ,GAAG,OAAO;AAAA,EAChE;AAEA,SACE;AAAA,IAAC,mBAAAC;AAAA,IAAA;AAAA,MACC,cAAc,aAAa;AAAA,MAC3B,oBAAoB,OAAO;AAAA,MAC3B,iBAAiB,OAAO;AAAA,MACxB;AAAA,MACC,GAAG;AAAA;AAAA,EACN;AAEJ;","names":["PipesAdminPresentational","PipesAdminSectionsPresentational"]}

package/dist/cjs/pipes.client.cjs

@@ -28,7 +28,8 @@ var import_jsx_runtime = require("react/jsx-runtime");
 var import_api_provider = require("./api/api-provider.js");
 var import_widgets_context = require("./lib/widgets-context.js");
 var import_pipes = require("./lib/pipes.js");
-var import_endpoint = require("./api/endpoint.js");
+var import_pipes2 = require("./lib/api/pipes.js");
+var import_hooks = require("./api/client-graphql/hooks.js");
 var import_use_is_hydrated = require("./lib/use-is-hydrated.js");
 var import_error_boundary = require("./lib/error-boundary.js");
 const PipesRoot = ({ authToken, ...props }) => {
@@ -84,7 +85,7 @@ const PipesImpl = (props) => {
 };
 const PipesPersonalImpl = (props) => {
   const isHydrated = (0, import_use_is_hydrated.useIsHydrated)();
-  const integrations = (0, import_endpoint.useMyDataIntegrations)();
+  const integrations = (0, import_pipes2.useMyDataIntegrations)();
   if (!isHydrated || integrations.isLoading) {
     return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_pipes.PipesLoading, { count: 6, ...props });
   }
@@ -92,12 +93,12 @@ const PipesPersonalImpl = (props) => {
     return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_pipes.PipesError, { error: integrations.error, ...props });
   }
   if (integrations.isSuccess) {
-    const visible = applyPipesFilter(integrations.data.data, props.filter);
+    const visible = applyPipesFilter(integrations.data, props.filter);
     return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
       import_pipes.Pipes,
       {
         integrations: visible,
-        hasUnfilteredIntegrations: integrations.data.data.length > 0,
+        hasUnfilteredIntegrations: integrations.data.length > 0,
         ...props
       }
     );
@@ -106,11 +107,14 @@ const PipesPersonalImpl = (props) => {
 };
 const PipesSectionsImpl = (props) => {
   const isHydrated = (0, import_use_is_hydrated.useIsHydrated)();
-  const integrations = (0, import_endpoint.useMyDataIntegrations)();
-  const shared = (0, import_endpoint.useSharedDataConnections)();
-  const organizations = (0, import_endpoint.useOrganizations)();
-  const organizationName = organizations.data?.data.find(
-    (organization) => organization.current
+  const integrations = (0, import_pipes2.useMyDataIntegrations)();
+  const shared = (0, import_pipes2.useSharedDataConnections)();
+  const organizations = (0, import_hooks.useClientGraphqlQuery)({
+    queryKey: (0, import_hooks.clientGraphqlQueryKey)("ListUserOrganizations"),
+    queryFn: (sdk) => sdk.ListUserOrganizations()
+  });
+  const organizationName = organizations.data?.organizations.find(
+    (organization) => organization.isCurrent
   )?.name;
   if (!isHydrated || integrations.isLoading) {
     return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_pipes.PipesLoading, { count: 6, ...props });
@@ -118,17 +122,14 @@ const PipesSectionsImpl = (props) => {
   if (integrations.isError || !integrations.isSuccess) {
     return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_pipes.PipesError, { error: integrations.error, ...props });
   }
-  const visible = applyPipesFilter(integrations.data.data, props.filter);
+  const visible = applyPipesFilter(integrations.data, props.filter);
   return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
     import_pipes.PipesSections,
     {
       integrations: visible,
-      hasUnfilteredIntegrations: integrations.data.data.length > 0,
-      sharedConnections: applySharedPipesFilter(
-        shared.data?.data ?? [],
-        props.filter
-      ),
-      hasUnfilteredSharedConnections: (shared.data?.data.length ?? 0) > 0,
+      hasUnfilteredIntegrations: integrations.data.length > 0,
+      sharedConnections: applySharedPipesFilter(shared.data, props.filter),
+      hasUnfilteredSharedConnections: shared.data.length > 0,
       isSharedLoading: shared.isPending && shared.failureCount === 0,
       organizationName,
       ...props

package/dist/cjs/pipes.client.cjs.map

@@ -1 +1 @@
-{"version":3,"sources":["../../src/pipes.client.tsx"],"sourcesContent":["\"use client\";\nimport { ApiProvider, AuthToken } from \"./api/api-provider.js\";\nimport { useWorkOsApiUrl } from \"./lib/widgets-context.js\";\nimport {\n  Pipes as PipesPresentational,\n  PipesSections as PipesSectionsPresentational,\n  PipesError,\n  PipesLoading,\n} from \"./lib/pipes.js\";\nimport type { PipesErrorProps, PipesLoadingProps } from \"./lib/pipes.js\";\nimport {\n  DataIntegration,\n  DataIntegrationWithConnections,\n  SharedDataConnection,\n  useMyDataIntegrations,\n  useOrganizations,\n  useSharedDataConnections,\n} from \"./api/endpoint.js\";\nimport { useIsHydrated } from \"./lib/use-is-hydrated.js\";\nimport { ErrorBoundary } from \"./lib/error-boundary.js\";\nimport { WidgetRootDomProps } from \"./lib/utils.js\";\n\n/** An auth method a provider advertises (defaults to `oauth` when unset). */\ntype PipesAuthMethod = NonNullable<DataIntegration[\"authMethods\"]>[number];\n\n/**\n * Serializable criteria for narrowing which integrations render. All provided\n * criteria are ANDed; an absent criterion is ignored. Safe to pass from a\n * Server Component, since props cross the server/client boundary.\n */\ninterface PipesFilterCriteria {\n  /** Render only integrations whose `slug` is in this list. */\n  slugs?: string[];\n  /** Render only integrations whose `integrationType` is in this list. */\n  integrationTypes?: string[];\n  /** Render only integrations that advertise at least one of these methods. */\n  authMethods?: PipesAuthMethod[];\n}\n\n/**\n * Narrows which enabled integrations the widget renders. The widget still\n * fetches the full set of integrations the user's organization has enabled\n * (plus any the user is still connected to so they can disconnect); a filter\n * only controls which of those rows are shown, in either of two forms:\n *\n * - **Serializable criteria** (`{ slugs, integrationTypes, authMethods }`),\n *   ANDed together. This is the form to use when `<Pipes>` is embedded in a\n *   Server Component (the documented token-minting pattern), because props must\n *   be serializable across the server/client boundary and plain objects survive\n *   it. e.g. `filter={{ slugs: [\"google-drive\"] }}`.\n *\n * - **A predicate** `((integration) => boolean)` for arbitrary filtering by any\n *   field on the integration (`authMethods`, `integrationType`,\n *   `installation.state`, etc.). A function is **not serializable across the\n *   server/client boundary**: the predicate must be defined inside client code\n *   and must never be passed in from a Server Component. Concretely, a host\n *   using the App Router server-component pattern that needs a predicate must\n *   author its own `\"use client\"` wrapper that *owns* the predicate and\n *   receives only serializable props (e.g. `authToken`) from the server page.\n *\n * Undefined renders every enabled integration (the default).\n */\ntype PipesFilter =\n  | PipesFilterCriteria\n  | ((integration: DataIntegration) => boolean);\n\n/** A row the widget renders when `enableSharedConnections` is on. */\ntype PipesConnection = DataIntegrationWithConnections | SharedDataConnection;\n\n/**\n * {@link PipesFilter} as `enableSharedConnections` widens it: the same two\n * forms, except they narrow both sections. The predicate also sees the\n * organization's shared rows, discriminated with `\"integrationType\" in\n * connection` — shared rows carry none of the provider metadata the member's\n * own rows do. Neither `ownership` nor `connected_accounts` discriminates\n * them: the member's own connections can be `\"organization\"` too, and both\n * payloads carry `connected_accounts` (of different element types). Criteria\n * narrow shared rows by `slugs` alone, for the same want of metadata.\n */\ntype PipesConnectionFilter =\n  | PipesFilterCriteria\n  | ((connection: PipesConnection) => boolean);\n\n/** The unsectioned widget, whose `filter` is what it always was. */\ntype PipesPersonalProps = WidgetRootDomProps & {\n  authToken: AuthToken;\n  /**\n   * Defaults to `false`, which renders the single unsectioned list of the\n   * member's own connections and never requests shared connections.\n   */\n  enableSharedConnections?: false;\n  /** Narrows the member's own connections: {@link PipesFilter}. */\n  filter?: PipesFilter;\n};\n\n/**\n * The sectioned widget, whose `filter` also narrows the shared section and so\n * takes the widened predicate.\n */\ntype PipesSectionsProps = WidgetRootDomProps & {\n  authToken: AuthToken;\n  /**\n   * Opt in to the sectioned member experience: the connections the organization\n   * owns and shares with everyone, followed by the member's own connections.\n   *\n   * Shared connections are read-only for members — they carry no\n   * credential-management actions — and are fetched separately from the\n   * member's own connections, so the personal section renders as soon as it\n   * resolves regardless of the shared one.\n   *\n   * Typed `boolean` rather than `true` so a host can forward a runtime feature\n   * flag: a predicate has to cope with shared rows whenever the flag can be on.\n   */\n  enableSharedConnections: boolean;\n  /** Narrows both sections: {@link PipesConnectionFilter}. */\n  filter?: PipesConnectionFilter;\n};\n\ntype PipesProps = PipesPersonalProps | PipesSectionsProps;\n\ntype PipesImplProps =\n  | Omit<PipesPersonalProps, \"authToken\">\n  | Omit<PipesSectionsProps, \"authToken\">;\n\n/**\n * Overloads rather than one props union, so that opting in widens the\n * predicate's parameter for that host alone while every other host's `filter`\n * stays exactly as it was. A union leaves `enableSharedConnections={false}`\n * satisfying both members — the opt-in one accepts every `boolean` — leaving an\n * inline predicate no single contextual type to draw on (`TS7006`). Overloads\n * are ordered instead: a literal `false` resolves to the personal signature,\n * and anything else, a runtime flag included, to the widened one.\n *\n * The last signature takes the whole union, so that a wrapper forwarding\n * `PipesProps` it hasn't narrowed (`<Pipes {...props} />`) still resolves, and\n * so that `React.ComponentProps<typeof Pipes>` — which reads the last\n * signature — describes the widget rather than only its opted-in half.\n */\ninterface PipesComponent {\n  (props: PipesPersonalProps): React.ReactNode;\n  (props: PipesSectionsProps): React.ReactNode;\n  (props: PipesProps): React.ReactNode;\n}\n\nconst PipesRoot = ({ authToken, ...props }: PipesProps) => {\n  const baseUrl = useWorkOsApiUrl();\n\n  return (\n    <ErrorBoundary\n      fallbackRender={({ error }) => <PipesError {...props} error={error} />}\n    >\n      <ApiProvider widgetType=\"pipes\" authToken={authToken} baseUrl={baseUrl}>\n        <PipesImpl {...props} />\n      </ApiProvider>\n    </ErrorBoundary>\n  );\n};\n\n/**\n * Evaluates serializable {@link PipesFilterCriteria} against an integration.\n * Provided criteria are ANDed; an integration with no declared `authMethods`\n * is treated as `oauth` (matching the widget's connect-method defaults).\n */\nfunction matchesPipesFilterCriteria(\n  integration: DataIntegration,\n  criteria: PipesFilterCriteria,\n): boolean {\n  if (criteria.slugs && !criteria.slugs.includes(integration.slug)) {\n    return false;\n  }\n  if (\n    criteria.integrationTypes &&\n    !criteria.integrationTypes.includes(integration.integrationType)\n  ) {\n    return false;\n  }\n  if (criteria.authMethods) {\n    const methods = integration.authMethods ?? [\"oauth\"];\n    if (!criteria.authMethods.some((method) => methods.includes(method))) {\n      return false;\n    }\n  }\n  return true;\n}\n\n/**\n * Narrows shared connections. Criteria match them on `slugs` alone, since their\n * payload carries none of the provider metadata the other criteria read.\n */\nfunction applySharedPipesFilter(\n  connections: SharedDataConnection[],\n  filter: PipesConnectionFilter | undefined,\n): SharedDataConnection[] {\n  if (!filter) {\n    return connections;\n  }\n\n  if (typeof filter === \"function\") {\n    return connections.filter(filter);\n  }\n\n  const { slugs } = filter;\n\n  return slugs\n    ? connections.filter((connection) => slugs.includes(connection.slug))\n    : connections;\n}\n\n/** Applies a {@link PipesFilter} in either of its forms. */\nfunction applyPipesFilter(\n  integrations: DataIntegrationWithConnections[],\n  filter: PipesFilter | PipesConnectionFilter | undefined,\n): DataIntegrationWithConnections[] {\n  if (!filter) {\n    return integrations;\n  }\n\n  return typeof filter === \"function\"\n    ? integrations.filter((integration) => filter(integration))\n    : integrations.filter((integration) =>\n        matchesPipesFilterCriteria(integration, filter),\n      );\n}\n\ntype PipesSectionsImplProps = WidgetRootDomProps & {\n  filter?: PipesConnectionFilter;\n};\n\n// The two experiences are separate components so the opt-out path mounts no\n// shared-connections hook at all, and therefore issues exactly the requests it\n// always has.\nconst PipesImpl = (props: PipesImplProps) => {\n  if (props.enableSharedConnections) {\n    const { enableSharedConnections, ...sectionsProps } = props;\n    return <PipesSectionsImpl {...sectionsProps} />;\n  }\n\n  const { enableSharedConnections, ...personalProps } = props;\n  return <PipesPersonalImpl {...personalProps} />;\n};\n\ntype PipesPersonalImplProps = WidgetRootDomProps & {\n  filter?: PipesFilter | PipesConnectionFilter;\n};\n\nconst PipesPersonalImpl = (props: PipesPersonalImplProps) => {\n  const isHydrated = useIsHydrated();\n  const integrations = useMyDataIntegrations();\n\n  if (!isHydrated || integrations.isLoading) {\n    return <PipesLoading count={6} {...props} />;\n  }\n\n  if (integrations.isError) {\n    return <PipesError error={integrations.error} {...props} />;\n  }\n\n  if (integrations.isSuccess) {\n    const visible = applyPipesFilter(integrations.data.data, props.filter);\n\n    return (\n      <PipesPresentational\n        integrations={visible}\n        hasUnfilteredIntegrations={integrations.data.data.length > 0}\n        {...props}\n      />\n    );\n  }\n\n  return <PipesError error={integrations.error} {...props} />;\n};\n\nconst PipesSectionsImpl = (props: PipesSectionsImplProps) => {\n  const isHydrated = useIsHydrated();\n  const integrations = useMyDataIntegrations();\n  // Both sections have their own cache entry and resolve independently: the\n  // member's own connections render as soon as they arrive, and a slow or\n  // failing shared request only affects the shared section.\n  const shared = useSharedDataConnections();\n  const organizations = useOrganizations();\n  const organizationName = organizations.data?.data.find(\n    (organization) => organization.current,\n  )?.name;\n\n  if (!isHydrated || integrations.isLoading) {\n    return <PipesLoading count={6} {...props} />;\n  }\n\n  if (integrations.isError || !integrations.isSuccess) {\n    return <PipesError error={integrations.error} {...props} />;\n  }\n\n  const visible = applyPipesFilter(integrations.data.data, props.filter);\n\n  return (\n    <PipesSectionsPresentational\n      integrations={visible}\n      hasUnfilteredIntegrations={integrations.data.data.length > 0}\n      sharedConnections={applySharedPipesFilter(\n        shared.data?.data ?? [],\n        props.filter,\n      )}\n      hasUnfilteredSharedConnections={(shared.data?.data.length ?? 0) > 0}\n      // A failed attempt drops the section rather than leaving skeletons up\n      // for the whole retry sequence.\n      isSharedLoading={shared.isPending && shared.failureCount === 0}\n      organizationName={organizationName}\n      {...props}\n    />\n  );\n};\n\nconst Pipes: PipesComponent = PipesRoot;\n\nexport type {\n  PipesProps,\n  PipesConnection,\n  PipesFilter,\n  PipesFilterCriteria,\n  PipesConnectionFilter,\n  PipesAuthMethod,\n  PipesLoadingProps,\n  PipesErrorProps,\n};\nexport { Pipes, PipesLoading, PipesError };\n"],"mappings":"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","names":["enableSharedConnections","PipesPresentational","PipesSectionsPresentational"]}
+{"version":3,"sources":["../../src/pipes.client.tsx"],"sourcesContent":["\"use client\";\nimport { ApiProvider, AuthToken } from \"./api/api-provider.js\";\nimport { useWorkOsApiUrl } from \"./lib/widgets-context.js\";\nimport {\n  Pipes as PipesPresentational,\n  PipesSections as PipesSectionsPresentational,\n  PipesError,\n  PipesLoading,\n} from \"./lib/pipes.js\";\nimport type { PipesErrorProps, PipesLoadingProps } from \"./lib/pipes.js\";\nimport type {\n  DataIntegration,\n  DataIntegrationWithConnections,\n  SharedDataConnection,\n} from \"./api/endpoint.js\";\nimport {\n  useMyDataIntegrations,\n  useSharedDataConnections,\n} from \"./lib/api/pipes.js\";\nimport {\n  clientGraphqlQueryKey,\n  useClientGraphqlQuery,\n} from \"./api/client-graphql/hooks.js\";\nimport { useIsHydrated } from \"./lib/use-is-hydrated.js\";\nimport { ErrorBoundary } from \"./lib/error-boundary.js\";\nimport { WidgetRootDomProps } from \"./lib/utils.js\";\n\n/** An auth method a provider advertises (defaults to `oauth` when unset). */\ntype PipesAuthMethod = NonNullable<DataIntegration[\"authMethods\"]>[number];\n\n/**\n * Serializable criteria for narrowing which integrations render. All provided\n * criteria are ANDed; an absent criterion is ignored. Safe to pass from a\n * Server Component, since props cross the server/client boundary.\n */\ninterface PipesFilterCriteria {\n  /** Render only integrations whose `slug` is in this list. */\n  slugs?: string[];\n  /** Render only integrations whose `integrationType` is in this list. */\n  integrationTypes?: string[];\n  /** Render only integrations that advertise at least one of these methods. */\n  authMethods?: PipesAuthMethod[];\n}\n\n/**\n * Narrows which enabled integrations the widget renders. The widget still\n * fetches the full set of integrations the user's organization has enabled\n * (plus any the user is still connected to so they can disconnect); a filter\n * only controls which of those rows are shown, in either of two forms:\n *\n * - **Serializable criteria** (`{ slugs, integrationTypes, authMethods }`),\n *   ANDed together. This is the form to use when `<Pipes>` is embedded in a\n *   Server Component (the documented token-minting pattern), because props must\n *   be serializable across the server/client boundary and plain objects survive\n *   it. e.g. `filter={{ slugs: [\"google-drive\"] }}`.\n *\n * - **A predicate** `((integration) => boolean)` for arbitrary filtering by any\n *   field on the integration (`authMethods`, `integrationType`,\n *   `installation.state`, etc.). A function is **not serializable across the\n *   server/client boundary**: the predicate must be defined inside client code\n *   and must never be passed in from a Server Component. Concretely, a host\n *   using the App Router server-component pattern that needs a predicate must\n *   author its own `\"use client\"` wrapper that *owns* the predicate and\n *   receives only serializable props (e.g. `authToken`) from the server page.\n *\n * Undefined renders every enabled integration (the default).\n */\ntype PipesFilter =\n  | PipesFilterCriteria\n  | ((integration: DataIntegration) => boolean);\n\n/** A row the widget renders when `enableSharedConnections` is on. */\ntype PipesConnection = DataIntegrationWithConnections | SharedDataConnection;\n\n/**\n * {@link PipesFilter} as `enableSharedConnections` widens it: the same two\n * forms, except they narrow both sections. The predicate also sees the\n * organization's shared rows, discriminated with `\"integrationType\" in\n * connection` — shared rows carry none of the provider metadata the member's\n * own rows do. Neither `ownership` nor `connected_accounts` discriminates\n * them: the member's own connections can be `\"organization\"` too, and both\n * payloads carry `connected_accounts` (of different element types). Criteria\n * narrow shared rows by `slugs` alone, for the same want of metadata.\n */\ntype PipesConnectionFilter =\n  | PipesFilterCriteria\n  | ((connection: PipesConnection) => boolean);\n\n/** The unsectioned widget, whose `filter` is what it always was. */\ntype PipesPersonalProps = WidgetRootDomProps & {\n  authToken: AuthToken;\n  /**\n   * Defaults to `false`, which renders the single unsectioned list of the\n   * member's own connections and never requests shared connections.\n   */\n  enableSharedConnections?: false;\n  /** Narrows the member's own connections: {@link PipesFilter}. */\n  filter?: PipesFilter;\n};\n\n/**\n * The sectioned widget, whose `filter` also narrows the shared section and so\n * takes the widened predicate.\n */\ntype PipesSectionsProps = WidgetRootDomProps & {\n  authToken: AuthToken;\n  /**\n   * Opt in to the sectioned member experience: the connections the organization\n   * owns and shares with everyone, followed by the member's own connections.\n   *\n   * Shared connections are read-only for members — they carry no\n   * credential-management actions — and are fetched separately from the\n   * member's own connections, so the personal section renders as soon as it\n   * resolves regardless of the shared one.\n   *\n   * Typed `boolean` rather than `true` so a host can forward a runtime feature\n   * flag: a predicate has to cope with shared rows whenever the flag can be on.\n   */\n  enableSharedConnections: boolean;\n  /** Narrows both sections: {@link PipesConnectionFilter}. */\n  filter?: PipesConnectionFilter;\n};\n\ntype PipesProps = PipesPersonalProps | PipesSectionsProps;\n\ntype PipesImplProps =\n  | Omit<PipesPersonalProps, \"authToken\">\n  | Omit<PipesSectionsProps, \"authToken\">;\n\n/**\n * Overloads rather than one props union, so that opting in widens the\n * predicate's parameter for that host alone while every other host's `filter`\n * stays exactly as it was. A union leaves `enableSharedConnections={false}`\n * satisfying both members — the opt-in one accepts every `boolean` — leaving an\n * inline predicate no single contextual type to draw on (`TS7006`). Overloads\n * are ordered instead: a literal `false` resolves to the personal signature,\n * and anything else, a runtime flag included, to the widened one.\n *\n * The last signature takes the whole union, so that a wrapper forwarding\n * `PipesProps` it hasn't narrowed (`<Pipes {...props} />`) still resolves, and\n * so that `React.ComponentProps<typeof Pipes>` — which reads the last\n * signature — describes the widget rather than only its opted-in half.\n */\ninterface PipesComponent {\n  (props: PipesPersonalProps): React.ReactNode;\n  (props: PipesSectionsProps): React.ReactNode;\n  (props: PipesProps): React.ReactNode;\n}\n\nconst PipesRoot = ({ authToken, ...props }: PipesProps) => {\n  const baseUrl = useWorkOsApiUrl();\n\n  return (\n    <ErrorBoundary\n      fallbackRender={({ error }) => <PipesError {...props} error={error} />}\n    >\n      <ApiProvider widgetType=\"pipes\" authToken={authToken} baseUrl={baseUrl}>\n        <PipesImpl {...props} />\n      </ApiProvider>\n    </ErrorBoundary>\n  );\n};\n\n/**\n * Evaluates serializable {@link PipesFilterCriteria} against an integration.\n * Provided criteria are ANDed; an integration with no declared `authMethods`\n * is treated as `oauth` (matching the widget's connect-method defaults).\n */\nfunction matchesPipesFilterCriteria(\n  integration: DataIntegration,\n  criteria: PipesFilterCriteria,\n): boolean {\n  if (criteria.slugs && !criteria.slugs.includes(integration.slug)) {\n    return false;\n  }\n  if (\n    criteria.integrationTypes &&\n    !criteria.integrationTypes.includes(integration.integrationType)\n  ) {\n    return false;\n  }\n  if (criteria.authMethods) {\n    const methods = integration.authMethods ?? [\"oauth\"];\n    if (!criteria.authMethods.some((method) => methods.includes(method))) {\n      return false;\n    }\n  }\n  return true;\n}\n\n/**\n * Narrows shared connections. Criteria match them on `slugs` alone, since their\n * payload carries none of the provider metadata the other criteria read.\n */\nfunction applySharedPipesFilter(\n  connections: SharedDataConnection[],\n  filter: PipesConnectionFilter | undefined,\n): SharedDataConnection[] {\n  if (!filter) {\n    return connections;\n  }\n\n  if (typeof filter === \"function\") {\n    return connections.filter(filter);\n  }\n\n  const { slugs } = filter;\n\n  return slugs\n    ? connections.filter((connection) => slugs.includes(connection.slug))\n    : connections;\n}\n\n/** Applies a {@link PipesFilter} in either of its forms. */\nfunction applyPipesFilter(\n  integrations: DataIntegrationWithConnections[],\n  filter: PipesFilter | PipesConnectionFilter | undefined,\n): DataIntegrationWithConnections[] {\n  if (!filter) {\n    return integrations;\n  }\n\n  return typeof filter === \"function\"\n    ? integrations.filter((integration) => filter(integration))\n    : integrations.filter((integration) =>\n        matchesPipesFilterCriteria(integration, filter),\n      );\n}\n\ntype PipesSectionsImplProps = WidgetRootDomProps & {\n  filter?: PipesConnectionFilter;\n};\n\n// The two experiences are separate components so the opt-out path mounts no\n// shared-connections hook at all, and therefore issues exactly the requests it\n// always has.\nconst PipesImpl = (props: PipesImplProps) => {\n  if (props.enableSharedConnections) {\n    const { enableSharedConnections, ...sectionsProps } = props;\n    return <PipesSectionsImpl {...sectionsProps} />;\n  }\n\n  const { enableSharedConnections, ...personalProps } = props;\n  return <PipesPersonalImpl {...personalProps} />;\n};\n\ntype PipesPersonalImplProps = WidgetRootDomProps & {\n  filter?: PipesFilter | PipesConnectionFilter;\n};\n\nconst PipesPersonalImpl = (props: PipesPersonalImplProps) => {\n  const isHydrated = useIsHydrated();\n  const integrations = useMyDataIntegrations();\n\n  if (!isHydrated || integrations.isLoading) {\n    return <PipesLoading count={6} {...props} />;\n  }\n\n  if (integrations.isError) {\n    return <PipesError error={integrations.error} {...props} />;\n  }\n\n  if (integrations.isSuccess) {\n    const visible = applyPipesFilter(integrations.data, props.filter);\n\n    return (\n      <PipesPresentational\n        integrations={visible}\n        hasUnfilteredIntegrations={integrations.data.length > 0}\n        {...props}\n      />\n    );\n  }\n\n  return <PipesError error={integrations.error} {...props} />;\n};\n\nconst PipesSectionsImpl = (props: PipesSectionsImplProps) => {\n  const isHydrated = useIsHydrated();\n  const integrations = useMyDataIntegrations();\n  // Both sections have their own cache entry and resolve independently: the\n  // member's own connections render as soon as they arrive, and a slow or\n  // failing shared request only affects the shared section.\n  const shared = useSharedDataConnections();\n  const organizations = useClientGraphqlQuery({\n    queryKey: clientGraphqlQueryKey(\"ListUserOrganizations\"),\n    queryFn: (sdk) => sdk.ListUserOrganizations(),\n  });\n  const organizationName = organizations.data?.organizations.find(\n    (organization) => organization.isCurrent,\n  )?.name;\n\n  if (!isHydrated || integrations.isLoading) {\n    return <PipesLoading count={6} {...props} />;\n  }\n\n  if (integrations.isError || !integrations.isSuccess) {\n    return <PipesError error={integrations.error} {...props} />;\n  }\n\n  const visible = applyPipesFilter(integrations.data, props.filter);\n\n  return (\n    <PipesSectionsPresentational\n      integrations={visible}\n      hasUnfilteredIntegrations={integrations.data.length > 0}\n      sharedConnections={applySharedPipesFilter(shared.data, props.filter)}\n      hasUnfilteredSharedConnections={shared.data.length > 0}\n      // A failed attempt drops the section rather than leaving skeletons up\n      // for the whole retry sequence.\n      isSharedLoading={shared.isPending && shared.failureCount === 0}\n      organizationName={organizationName}\n      {...props}\n    />\n  );\n};\n\nconst Pipes: PipesComponent = PipesRoot;\n\nexport type {\n  PipesProps,\n  PipesConnection,\n  PipesFilter,\n  PipesFilterCriteria,\n  PipesConnectionFilter,\n  PipesAuthMethod,\n  PipesLoadingProps,\n  PipesErrorProps,\n};\nexport { Pipes, PipesLoading, PipesError };\n"],"mappings":"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","names":["import_pipes","enableSharedConnections","PipesPresentational","PipesSectionsPresentational"]}