@stytch/react 20.0.0-next.0 → 20.0.0-next.2

package/dist/esm-dev/packages/web/src/adminPortal/memberManagement/AccessSection.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"AccessSection.mjs","sources":["../../../../../../../../web/src/adminPortal/memberManagement/AccessSection.tsx"],"sourcesContent":["import { RBACPolicyRole } from '@stytch/core';\nimport { B2BOrganizationsMembersUpdateOptions, Member, MemberRole } from '@stytch/core/public';\nimport React, { SetStateAction, useCallback, useMemo, useRef, useState } from 'react';\nimport { Autocomplete } from '../components/Autocomplete';\nimport { FlexBox } from '../components/FlexBox';\nimport { ListEditor } from '../components/ListEditor';\nimport { Modal, useModalState } from '../components/Modal';\nimport { SettingsContainer, useSettingsContainer } from '../components/SettingsContainer';\nimport { SettingsSection } from '../components/SettingsSection';\nimport { Switch } from '../components/Switch';\nimport { Typography } from '../components/Typography';\nimport { TableItemRenderer } from '../shared/components/types';\nimport { arraysHaveSameContents } from '../utils/arraysHaveSameContents';\nimport { ROLE_ID_STYTCH_MEMBER } from '../utils/roles';\nimport { useFormState } from '../utils/useFormState';\nimport { useMutateMember } from '../utils/useMutateMember';\nimport { useRbac } from '../utils/useRbac';\nimport { useRoleAutocomplete } from '../utils/useRoleAutocomplete';\nimport { useRoleDisplayInfo } from '../utils/useRoleDisplayInfo';\nimport { useRoleSortFn } from '../utils/useRoleSortFn';\nimport { useRoles } from '../utils/useRoles';\nimport { useSelf } from '../utils/useSelf';\nimport { useStateSliceSetter } from '../utils/useStateSliceSetter';\nimport { useMemberManagementRouterController } from './MemberManagementRouter';\n\ntype RoleSourceType = MemberRole['sources'][number]['type'];\n\ninterface AccessFormState {\n  isBreakglass: boolean;\n  isMfaEnrolled: boolean;\n  explicitRoleAssignments: string[];\n}\n\ninterface AccessSectionBodyProps {\n  localState: AccessFormState;\n  setLocalState: (state: SetStateAction<AccessFormState>) => void;\n  remoteState: AccessFormState;\n  implicitRoleAssignments: { role_id: string; sourceType: RoleSourceType }[];\n  showRoleAssignment: boolean;\n  isSelf: boolean;\n  orgRequiresMfa: boolean;\n}\n\nconst getRoleSourceTypeDisplayName = (sourceType: RoleSourceType) => {\n  switch (sourceType) {\n    case 'direct_assignment':\n      return 'Manual assignment';\n    case 'email_assignment':\n      return 'Email domain';\n    case 'sso_connection':\n      return 'SSO connection';\n    case 'sso_connection_group':\n      return 'SSO group';\n    case 'scim_connection_group':\n      return 'SCIM group';\n    default:\n      return sourceType;\n  }\n};\n\nconst roleAssignmentsRowKeyExtractor = (item: { role_id: string; sourceType: RoleSourceType }): string =>\n  `${item.role_id}-${item.sourceType}`;\n\nconst AccessSectionBody = ({\n  localState,\n  setLocalState,\n  remoteState,\n  implicitRoleAssignments,\n  showRoleAssignment,\n  isSelf,\n  orgRequiresMfa,\n}: AccessSectionBodyProps) => {\n  const { editing } = useSettingsContainer();\n\n  const { isMfaEnrolled, explicitRoleAssignments, isBreakglass } = editing ? localState : remoteState;\n\n  const handleIsMfaEnrolledChange = useStateSliceSetter(setLocalState, 'isMfaEnrolled');\n  const setIsBreakglass = useStateSliceSetter(setLocalState, 'isBreakglass');\n\n  const { open: openBreakGlassConfirmModal, ...breakGlassConfirmModalProps } = useModalState(() => {\n    setIsBreakglass(true);\n  });\n\n  const handleIsBreakglassChange = useCallback(\n    (value: boolean) => {\n      if (value) {\n        openBreakGlassConfirmModal();\n      } else {\n        setIsBreakglass(value);\n      }\n    },\n    [openBreakGlassConfirmModal, setIsBreakglass],\n  );\n\n  const { data: canUpdateMemberRolesPerm } = useRbac('stytch.member', 'update.settings.roles');\n  const { data: canUpdateMemberMfaEnrolledPerm } = useRbac('stytch.member', 'update.settings.mfa-enrolled');\n  const { data: canUpdateMemberBreakglassPerm } = useRbac('stytch.member', 'update.settings.is-breakglass');\n\n  const { data: canUpdateSelfMfaEnrolledPerm } = useRbac('stytch.self', 'update.settings.mfa-enrolled');\n\n  const canUpdateMfaEnrolled = canUpdateMemberMfaEnrolledPerm || (canUpdateSelfMfaEnrolledPerm && isSelf);\n  const canUpdateRoles = canUpdateMemberRolesPerm;\n  const canUpdateBreakglass = canUpdateMemberBreakglassPerm;\n\n  const sortRoles = useRoleSortFn();\n\n  const { selectItems: roleSelectItems, ...roleAutocompleteProps } = useRoleAutocomplete({ excludeStytchMember: true });\n  const availableRoleSelectItems = roleSelectItems.filter((roleId) => !explicitRoleAssignments.includes(roleId));\n\n  const { getRoleIdDisplayName } = useRoleDisplayInfo();\n\n  const stytchMemberRoleDisplayName = roleAutocompleteProps.getOptionLabel(ROLE_ID_STYTCH_MEMBER);\n\n  const combinedRoleAssignments = useMemo(() => {\n    return [\n      ...sortRoles(implicitRoleAssignments),\n      ...sortRoles(\n        explicitRoleAssignments.map((roleId) => ({ role_id: roleId, sourceType: 'direct_assignment' as const })),\n      ),\n    ];\n  }, [explicitRoleAssignments, implicitRoleAssignments, sortRoles]);\n\n  const [pendingAssignments, setPendingAssignments] = useState<string[]>([]);\n  const { open: openRoleAssignmentModal, ...roleAssignmentModalProps } = useModalState(() => {\n    setLocalState((state) => {\n      return {\n        ...state,\n        explicitRoleAssignments: Array.from(new Set([...state.explicitRoleAssignments, ...pendingAssignments])),\n      };\n    });\n  });\n\n  const roleAssignmentsItemRenderer: TableItemRenderer<(typeof combinedRoleAssignments)[number]>[] = useMemo(\n    () => [\n      {\n        title: 'Role',\n        getValue: (assignment) => <Typography variant=\"body2\">{getRoleIdDisplayName(assignment.role_id)}</Typography>,\n      },\n      {\n        title: 'Source',\n        getValue: (assignment) => (\n          <Typography variant=\"body2\">{getRoleSourceTypeDisplayName(assignment.sourceType)}</Typography>\n        ),\n      },\n    ],\n    [getRoleIdDisplayName],\n  );\n\n  const handleAddRoleAssignment = useCallback(() => {\n    setPendingAssignments([]);\n    openRoleAssignmentModal();\n  }, [openRoleAssignmentModal]);\n\n  const roleAssignmentsItemActionProps = useMemo(\n    () => (item: (typeof combinedRoleAssignments)[number]) =>\n      item.sourceType === 'direct_assignment'\n        ? {\n            warningAction: {\n              text: 'Revoke',\n              onClick: () => {\n                setLocalState((state) => {\n                  return {\n                    ...state,\n                    explicitRoleAssignments: state.explicitRoleAssignments.filter((roleId) => roleId !== item.role_id),\n                  };\n                });\n              },\n            },\n          }\n        : {},\n    [setLocalState],\n  );\n\n  return (\n    <FlexBox flexDirection=\"column\" gap={2}>\n      {editing && (\n        <Modal\n          {...breakGlassConfirmModalProps}\n          title=\"Exempt Member from primary auth requirements?\"\n          confirmButtonText=\"Allow\"\n          warning\n        >\n          <Typography>\n            Enabling this toggle will exempt the Member from your primary authentication policy if needed (e.g. to\n            update SSO configuration in the case of a lockout).\n          </Typography>\n        </Modal>\n      )}\n      {showRoleAssignment && (\n        <SettingsSection title=\"Role assignments\">\n          <Modal {...roleAssignmentModalProps} title=\"Add Role assignment\" confirmButtonText=\"Add Role\">\n            <FlexBox flexDirection=\"column\" gap={0.5}>\n              <Typography color=\"secondary\" variant=\"caption\">\n                Role\n              </Typography>\n              <Autocomplete\n                {...roleAutocompleteProps}\n                selectItems={availableRoleSelectItems}\n                value={pendingAssignments}\n                onChange={setPendingAssignments}\n                placeholder={pendingAssignments.length > 0 ? undefined : 'Select Role'}\n              />\n            </FlexBox>\n          </Modal>\n          <Typography variant=\"body2\">\n            All members are automatically assigned the {stytchMemberRoleDisplayName} Role.\n          </Typography>\n          <ListEditor\n            items={combinedRoleAssignments}\n            rowKeyExtractor={roleAssignmentsRowKeyExtractor}\n            itemRenderer={roleAssignmentsItemRenderer}\n            addButtonText=\"Add Role assignment\"\n            hideAddButton={availableRoleSelectItems.length === 0}\n            readOnly={!(editing && canUpdateRoles)}\n            onAdd={handleAddRoleAssignment}\n            getItemActionProps={roleAssignmentsItemActionProps}\n          />\n        </SettingsSection>\n      )}\n      <SettingsSection title=\"Require MFA\">\n        {orgRequiresMfa ? (\n          <Typography variant=\"body2\">MFA is required for all members.</Typography>\n        ) : (\n          <Switch\n            readOnly={!editing || !canUpdateMfaEnrolled}\n            checked={isMfaEnrolled}\n            onChange={handleIsMfaEnrolledChange}\n            label=\"Require MFA for this Member. When enabled, the Member will be required to set up and use MFA on each login.\"\n          />\n        )}\n      </SettingsSection>\n      <SettingsSection title=\"Exempt from primary auth requirements\">\n        <Switch\n          readOnly={!editing || !canUpdateBreakglass}\n          checked={isBreakglass}\n          onChange={handleIsBreakglassChange}\n          label=\"Exempt Member from your primary authentication policy\"\n        />\n      </SettingsSection>\n    </FlexBox>\n  );\n};\n\nconst rolesCanUpdateMemberRoles = (roleIds: string[], roles: RBACPolicyRole[]) => {\n  return Array.from(new Set(roleIds)).some((roleId) => {\n    const role = roles.find((role) => role.role_id === roleId);\n    return role?.permissions.some(\n      (permission) =>\n        permission.resource_id === 'stytch.member' &&\n        (permission.actions.includes('update.settings.roles') || permission.actions.includes('*')),\n    );\n  });\n};\n\nexport const AccessSection = ({ member, orgRequiresMfa }: { member: Member; orgRequiresMfa: boolean }) => {\n  const { isSelf } = useSelf();\n  const isMemberSelf = isSelf(member.member_id);\n  const { data: canUpdateMemberRolesPerm } = useRbac('stytch.member', 'update.settings.roles');\n  const { data: canUpdateMemberBreakglassPerm } = useRbac('stytch.member', 'update.settings.is-breakglass');\n  const { data: canUpdateMemberMfaEnrolledPerm } = useRbac('stytch.member', 'update.settings.mfa-enrolled');\n\n  const { data: canUpdateSelfMfaEnrolledPerm } = useRbac('stytch.self', 'update.settings.mfa-enrolled');\n\n  const canUpdateRoles = canUpdateMemberRolesPerm;\n  const canUpdateBreakglass = canUpdateMemberBreakglassPerm;\n  const canUpdateMfaEnrolled =\n    !orgRequiresMfa && (canUpdateMemberMfaEnrolledPerm || (canUpdateSelfMfaEnrolledPerm && isMemberSelf));\n\n  const isMemberDeleted = member.status === 'deleted';\n\n  const canEditSection = !isMemberDeleted && (canUpdateRoles || canUpdateBreakglass || canUpdateMfaEnrolled);\n  const showRoleAssignment = !isMemberDeleted;\n\n  const { explicitRoleAssignments, implicitRoleAssignments } = useMemo(() => {\n    return member.roles\n      .filter((role) => role.role_id !== ROLE_ID_STYTCH_MEMBER)\n      .reduce<{\n        explicitRoleAssignments: string[];\n        implicitRoleAssignments: { role_id: string; sourceType: RoleSourceType }[];\n      }>(\n        (acc, role) => {\n          const implicitAssignments = new Set(\n            role.sources.filter((source) => source.type !== 'direct_assignment').map((source) => source.type),\n          );\n          for (const sourceType of implicitAssignments) {\n            acc.implicitRoleAssignments.push({ role_id: role.role_id, sourceType });\n          }\n\n          const isExplicitAssignment = role.sources.some((source) => source.type === 'direct_assignment');\n          if (isExplicitAssignment) {\n            acc.explicitRoleAssignments.push(role.role_id);\n          }\n\n          return acc;\n        },\n        {\n          explicitRoleAssignments: [],\n          implicitRoleAssignments: [],\n        },\n      );\n  }, [member.roles]);\n\n  const remoteState = useMemo<AccessFormState>(\n    () => ({\n      isMfaEnrolled: member.mfa_enrolled,\n      explicitRoleAssignments,\n      isBreakglass: member.is_breakglass,\n    }),\n    [explicitRoleAssignments, member.is_breakglass, member.mfa_enrolled],\n  );\n\n  const { localState, setLocalState, editing, handleSetEditing } = useFormState({ remoteState });\n\n  const { mutate } = useMutateMember();\n\n  const lockoutConfirmDeferred = useRef<{ resolve: () => void; reject: () => void }>();\n\n  const {\n    open: openLockoutWarningModal,\n    close: closeLockoutWarningModal,\n    ...lockoutWarningModalProps\n  } = useModalState(() => {\n    lockoutConfirmDeferred.current?.resolve();\n    lockoutConfirmDeferred.current = undefined;\n  });\n  const handleLockoutWarningCancel = useCallback(() => {\n    lockoutConfirmDeferred.current?.reject();\n    lockoutConfirmDeferred.current = undefined;\n    closeLockoutWarningModal();\n  }, [closeLockoutWarningModal]);\n\n  const roles = useRoles();\n\n  const handleSave = useCallback(async () => {\n    const memberOptions: B2BOrganizationsMembersUpdateOptions = {\n      member_id: member.member_id,\n    };\n\n    let shouldUpdate = false;\n    const setOption = <T extends keyof B2BOrganizationsMembersUpdateOptions>(\n      key: T,\n      value: B2BOrganizationsMembersUpdateOptions[T],\n    ) => {\n      memberOptions[key] = value;\n      shouldUpdate = true;\n    };\n\n    if (localState.isMfaEnrolled !== remoteState.isMfaEnrolled) {\n      setOption('mfa_enrolled', localState.isMfaEnrolled);\n    }\n    if (localState.isBreakglass !== remoteState.isBreakglass) {\n      setOption('is_breakglass', localState.isBreakglass);\n    }\n    if (!arraysHaveSameContents(localState.explicitRoleAssignments, remoteState.explicitRoleAssignments)) {\n      if (\n        isSelf(member.member_id) &&\n        roles &&\n        !rolesCanUpdateMemberRoles(\n          [...localState.explicitRoleAssignments, ...implicitRoleAssignments.map((role) => role.role_id)],\n          roles,\n        )\n      ) {\n        openLockoutWarningModal();\n        await new Promise<void>((resolve, reject) => {\n          lockoutConfirmDeferred.current = { resolve, reject };\n        });\n      }\n\n      setOption('roles', localState.explicitRoleAssignments);\n    }\n\n    if (shouldUpdate) {\n      await mutate(memberOptions);\n    }\n  }, [\n    implicitRoleAssignments,\n    isSelf,\n    localState.explicitRoleAssignments,\n    localState.isBreakglass,\n    localState.isMfaEnrolled,\n    member.member_id,\n    mutate,\n    openLockoutWarningModal,\n    remoteState.explicitRoleAssignments,\n    remoteState.isBreakglass,\n    remoteState.isMfaEnrolled,\n    roles,\n  ]);\n\n  const { useBlockNavigation } = useMemberManagementRouterController();\n\n  return (\n    <SettingsContainer\n      title=\"Access requirements & permissions\"\n      hasCTA={canEditSection}\n      onSave={handleSave}\n      useBlockNavigation={useBlockNavigation}\n      editing={editing}\n      setEditing={handleSetEditing}\n    >\n      <Modal\n        {...lockoutWarningModalProps}\n        close={handleLockoutWarningCancel}\n        title=\"Revoke Role assignments?\"\n        confirmButtonText=\"Revoke\"\n        warning\n      >\n        <Typography>\n          Changing your Role assignments will remove your permissions to manage members. You will not be able to edit\n          your Role assignments to reassign permissions.\n        </Typography>\n      </Modal>\n      <AccessSectionBody\n        remoteState={remoteState}\n        localState={localState}\n        setLocalState={setLocalState}\n        implicitRoleAssignments={implicitRoleAssignments}\n        showRoleAssignment={showRoleAssignment}\n        isSelf={isMemberSelf}\n        orgRequiresMfa={orgRequiresMfa}\n      />\n    </SettingsContainer>\n  );\n};\n"],"names":["getRoleSourceTypeDisplayName","sourceType","roleAssignmentsRowKeyExtractor","item","role_id","AccessSectionBody","localState","setLocalState","remoteState","implicitRoleAssignments","showRoleAssignment","isSelf","orgRequiresMfa","editing","useSettingsContainer","isMfaEnrolled","explicitRoleAssignments","isBreakglass","handleIsMfaEnrolledChange","useStateSliceSetter","setIsBreakglass","open","openBreakGlassConfirmModal","breakGlassConfirmModalProps","useModalState","handleIsBreakglassChange","useCallback","value","data","canUpdateMemberRolesPerm","useRbac","canUpdateMemberMfaEnrolledPerm","canUpdateMemberBreakglassPerm","canUpdateSelfMfaEnrolledPerm","canUpdateMfaEnrolled","canUpdateRoles","canUpdateBreakglass","sortRoles","useRoleSortFn","selectItems","roleSelectItems","roleAutocompleteProps","useRoleAutocomplete","excludeStytchMember","availableRoleSelectItems","filter","roleId","includes","getRoleIdDisplayName","useRoleDisplayInfo","stytchMemberRoleDisplayName","getOptionLabel","ROLE_ID_STYTCH_MEMBER","combinedRoleAssignments","useMemo","map","pendingAssignments","setPendingAssignments","useState","openRoleAssignmentModal","roleAssignmentModalProps","state","Array","from","Set","roleAssignmentsItemRenderer","title","getValue","assignment","React","Typography","variant","handleAddRoleAssignment","roleAssignmentsItemActionProps","warningAction","text","onClick","FlexBox","flexDirection","gap","Modal","confirmButtonText","warning","SettingsSection","color","Autocomplete","onChange","placeholder","length","undefined","ListEditor","items","rowKeyExtractor","itemRenderer","addButtonText","hideAddButton","readOnly","onAdd","getItemActionProps","Switch","checked","label","rolesCanUpdateMemberRoles","roleIds","roles","some","role","find","permissions","permission","resource_id","actions","AccessSection","member","useSelf","isMemberSelf","member_id","isMemberDeleted","status","canEditSection","reduce","acc","implicitAssignments","sources","source","type","push","isExplicitAssignment","mfa_enrolled","is_breakglass","handleSetEditing","useFormState","mutate","useMutateMember","lockoutConfirmDeferred","useRef","openLockoutWarningModal","close","closeLockoutWarningModal","lockoutWarningModalProps","current","resolve","handleLockoutWarningCancel","reject","useRoles","handleSave","memberOptions","shouldUpdate","setOption","key","arraysHaveSameContents","Promise","useBlockNavigation","useMemberManagementRouterController","SettingsContainer","hasCTA","onSave","setEditing"],"mappings":"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"}
+{"version":3,"file":"AccessSection.mjs","sources":["../../../../../../../../web/src/adminPortal/memberManagement/AccessSection.tsx"],"sourcesContent":["import { RBACPolicyRole } from '@stytch/core';\nimport { B2BOrganizationsMembersUpdateOptions, Member, MemberRole } from '@stytch/core/public';\nimport React, { SetStateAction, useCallback, useMemo, useRef, useState } from 'react';\nimport { Autocomplete } from '../components/Autocomplete';\nimport { FlexBox } from '../components/FlexBox';\nimport { ListEditor } from '../components/ListEditor';\nimport { Modal, useModalState } from '../components/Modal';\nimport { SettingsContainer, useSettingsContainer } from '../components/SettingsContainer';\nimport { SettingsSection } from '../components/SettingsSection';\nimport { Switch } from '../components/Switch';\nimport { Typography } from '../components/Typography';\nimport { TableItemRenderer } from '../shared/components/types';\nimport { arraysHaveSameContents } from '../utils/arraysHaveSameContents';\nimport { ROLE_ID_STYTCH_MEMBER } from '../utils/roles';\nimport { useFormState } from '../utils/useFormState';\nimport { useMutateMember } from '../utils/useMutateMember';\nimport { useRbac } from '../utils/useRbac';\nimport { useRoleAutocomplete } from '../utils/useRoleAutocomplete';\nimport { useRoleDisplayInfo } from '../utils/useRoleDisplayInfo';\nimport { useRoleSortFn } from '../utils/useRoleSortFn';\nimport { useRoles } from '../utils/useRoles';\nimport { useSelf } from '../utils/useSelf';\nimport { useStateSliceSetter } from '../utils/useStateSliceSetter';\nimport { useMemberManagementRouterController } from './MemberManagementRouter';\n\ntype RoleSourceType = MemberRole['sources'][number]['type'];\n\ninterface AccessFormState {\n  isBreakglass: boolean;\n  isMfaEnrolled: boolean;\n  explicitRoleAssignments: string[];\n}\n\ninterface AccessSectionBodyProps {\n  localState: AccessFormState;\n  setLocalState: (state: SetStateAction<AccessFormState>) => void;\n  remoteState: AccessFormState;\n  implicitRoleAssignments: { role_id: string; sourceType: RoleSourceType }[];\n  showRoleAssignment: boolean;\n  isSelf: boolean;\n  orgRequiresMfa: boolean;\n}\n\nconst getRoleSourceTypeDisplayName = (sourceType: RoleSourceType) => {\n  switch (sourceType) {\n    case 'direct_assignment':\n      return 'Manual assignment';\n    case 'email_assignment':\n      return 'Email domain';\n    case 'sso_connection':\n      return 'SSO connection';\n    case 'sso_connection_group':\n      return 'SSO group';\n    case 'scim_connection_group':\n      return 'SCIM group';\n    default:\n      return sourceType;\n  }\n};\n\nconst roleAssignmentsRowKeyExtractor = (item: { role_id: string; sourceType: RoleSourceType }): string =>\n  `${item.role_id}-${item.sourceType}`;\n\nconst AccessSectionBody = ({\n  localState,\n  setLocalState,\n  remoteState,\n  implicitRoleAssignments,\n  showRoleAssignment,\n  isSelf,\n  orgRequiresMfa,\n}: AccessSectionBodyProps) => {\n  const { editing } = useSettingsContainer();\n\n  const { isMfaEnrolled, explicitRoleAssignments, isBreakglass } = editing ? localState : remoteState;\n\n  const handleIsMfaEnrolledChange = useStateSliceSetter(setLocalState, 'isMfaEnrolled');\n  const setIsBreakglass = useStateSliceSetter(setLocalState, 'isBreakglass');\n\n  const { open: openBreakGlassConfirmModal, ...breakGlassConfirmModalProps } = useModalState(() => {\n    setIsBreakglass(true);\n  });\n\n  const handleIsBreakglassChange = useCallback(\n    (value: boolean) => {\n      if (value) {\n        openBreakGlassConfirmModal();\n      } else {\n        setIsBreakglass(value);\n      }\n    },\n    [openBreakGlassConfirmModal, setIsBreakglass],\n  );\n\n  const { data: canUpdateMemberRolesPerm } = useRbac('stytch.member', 'update.settings.roles');\n  const { data: canUpdateMemberMfaEnrolledPerm } = useRbac('stytch.member', 'update.settings.mfa-enrolled');\n  const { data: canUpdateMemberBreakglassPerm } = useRbac('stytch.member', 'update.settings.is-breakglass');\n\n  const { data: canUpdateSelfMfaEnrolledPerm } = useRbac('stytch.self', 'update.settings.mfa-enrolled');\n\n  const { data: canGetOrgCustomRoles } = useRbac('stytch.custom-org-roles', 'get');\n\n  const canUpdateMfaEnrolled = canUpdateMemberMfaEnrolledPerm || (canUpdateSelfMfaEnrolledPerm && isSelf);\n  const canUpdateRoles = canUpdateMemberRolesPerm;\n  const canUpdateBreakglass = canUpdateMemberBreakglassPerm;\n\n  const sortRoles = useRoleSortFn();\n\n  const { selectItems: roleSelectItems, ...roleAutocompleteProps } = useRoleAutocomplete({\n    excludeStytchMember: true,\n    includeOrgRoles: canGetOrgCustomRoles,\n  });\n  const availableRoleSelectItems = roleSelectItems.filter((roleId) => !explicitRoleAssignments.includes(roleId));\n\n  const { getRoleIdDisplayName } = useRoleDisplayInfo(canGetOrgCustomRoles);\n\n  const stytchMemberRoleDisplayName = roleAutocompleteProps.getOptionLabel(ROLE_ID_STYTCH_MEMBER);\n\n  const combinedRoleAssignments = useMemo(() => {\n    return [\n      ...sortRoles(implicitRoleAssignments),\n      ...sortRoles(\n        explicitRoleAssignments.map((roleId) => ({ role_id: roleId, sourceType: 'direct_assignment' as const })),\n      ),\n    ];\n  }, [explicitRoleAssignments, implicitRoleAssignments, sortRoles]);\n\n  const [pendingAssignments, setPendingAssignments] = useState<string[]>([]);\n  const { open: openRoleAssignmentModal, ...roleAssignmentModalProps } = useModalState(() => {\n    setLocalState((state) => {\n      return {\n        ...state,\n        explicitRoleAssignments: Array.from(new Set([...state.explicitRoleAssignments, ...pendingAssignments])),\n      };\n    });\n  });\n\n  const roleAssignmentsItemRenderer: TableItemRenderer<(typeof combinedRoleAssignments)[number]>[] = useMemo(\n    () => [\n      {\n        title: 'Role',\n        getValue: (assignment) => <Typography variant=\"body2\">{getRoleIdDisplayName(assignment.role_id)}</Typography>,\n      },\n      {\n        title: 'Source',\n        getValue: (assignment) => (\n          <Typography variant=\"body2\">{getRoleSourceTypeDisplayName(assignment.sourceType)}</Typography>\n        ),\n      },\n    ],\n    [getRoleIdDisplayName],\n  );\n\n  const handleAddRoleAssignment = useCallback(() => {\n    setPendingAssignments([]);\n    openRoleAssignmentModal();\n  }, [openRoleAssignmentModal]);\n\n  const roleAssignmentsItemActionProps = useMemo(\n    () => (item: (typeof combinedRoleAssignments)[number]) =>\n      item.sourceType === 'direct_assignment'\n        ? {\n            warningAction: {\n              text: 'Revoke',\n              onClick: () => {\n                setLocalState((state) => {\n                  return {\n                    ...state,\n                    explicitRoleAssignments: state.explicitRoleAssignments.filter((roleId) => roleId !== item.role_id),\n                  };\n                });\n              },\n            },\n          }\n        : {},\n    [setLocalState],\n  );\n\n  return (\n    <FlexBox flexDirection=\"column\" gap={2}>\n      {editing && (\n        <Modal\n          {...breakGlassConfirmModalProps}\n          title=\"Exempt Member from primary auth requirements?\"\n          confirmButtonText=\"Allow\"\n          warning\n        >\n          <Typography>\n            Enabling this toggle will exempt the Member from your primary authentication policy if needed (e.g. to\n            update SSO configuration in the case of a lockout).\n          </Typography>\n        </Modal>\n      )}\n      {showRoleAssignment && (\n        <SettingsSection title=\"Role assignments\">\n          <Modal {...roleAssignmentModalProps} title=\"Add Role assignment\" confirmButtonText=\"Add Role\">\n            <FlexBox flexDirection=\"column\" gap={0.5}>\n              <Typography color=\"secondary\" variant=\"caption\">\n                Role\n              </Typography>\n              <Autocomplete\n                {...roleAutocompleteProps}\n                selectItems={availableRoleSelectItems}\n                value={pendingAssignments}\n                onChange={setPendingAssignments}\n                placeholder={pendingAssignments.length > 0 ? undefined : 'Select Role'}\n              />\n            </FlexBox>\n          </Modal>\n          <Typography variant=\"body2\">\n            All members are automatically assigned the {stytchMemberRoleDisplayName} Role.\n          </Typography>\n          <ListEditor\n            items={combinedRoleAssignments}\n            rowKeyExtractor={roleAssignmentsRowKeyExtractor}\n            itemRenderer={roleAssignmentsItemRenderer}\n            addButtonText=\"Add Role assignment\"\n            hideAddButton={availableRoleSelectItems.length === 0}\n            readOnly={!(editing && canUpdateRoles)}\n            onAdd={handleAddRoleAssignment}\n            getItemActionProps={roleAssignmentsItemActionProps}\n          />\n        </SettingsSection>\n      )}\n      <SettingsSection title=\"Require MFA\">\n        {orgRequiresMfa ? (\n          <Typography variant=\"body2\">MFA is required for all members.</Typography>\n        ) : (\n          <Switch\n            readOnly={!editing || !canUpdateMfaEnrolled}\n            checked={isMfaEnrolled}\n            onChange={handleIsMfaEnrolledChange}\n            label=\"Require MFA for this Member. When enabled, the Member will be required to set up and use MFA on each login.\"\n          />\n        )}\n      </SettingsSection>\n      <SettingsSection title=\"Exempt from primary auth requirements\">\n        <Switch\n          readOnly={!editing || !canUpdateBreakglass}\n          checked={isBreakglass}\n          onChange={handleIsBreakglassChange}\n          label=\"Exempt Member from your primary authentication policy\"\n        />\n      </SettingsSection>\n    </FlexBox>\n  );\n};\n\nconst rolesCanUpdateMemberRoles = (roleIds: string[], roles: RBACPolicyRole[]) => {\n  return Array.from(new Set(roleIds)).some((roleId) => {\n    const role = roles.find((role) => role.role_id === roleId);\n    return role?.permissions.some(\n      (permission) =>\n        permission.resource_id === 'stytch.member' &&\n        (permission.actions.includes('update.settings.roles') || permission.actions.includes('*')),\n    );\n  });\n};\n\nexport const AccessSection = ({ member, orgRequiresMfa }: { member: Member; orgRequiresMfa: boolean }) => {\n  const { isSelf } = useSelf();\n  const isMemberSelf = isSelf(member.member_id);\n  const { data: canUpdateMemberRolesPerm } = useRbac('stytch.member', 'update.settings.roles');\n  const { data: canUpdateMemberBreakglassPerm } = useRbac('stytch.member', 'update.settings.is-breakglass');\n  const { data: canUpdateMemberMfaEnrolledPerm } = useRbac('stytch.member', 'update.settings.mfa-enrolled');\n\n  const { data: canUpdateSelfMfaEnrolledPerm } = useRbac('stytch.self', 'update.settings.mfa-enrolled');\n\n  const { data: canGetOrgCustomRoles } = useRbac('stytch.custom-org-roles', 'get');\n\n  const canUpdateRoles = canUpdateMemberRolesPerm;\n  const canUpdateBreakglass = canUpdateMemberBreakglassPerm;\n  const canUpdateMfaEnrolled =\n    !orgRequiresMfa && (canUpdateMemberMfaEnrolledPerm || (canUpdateSelfMfaEnrolledPerm && isMemberSelf));\n\n  const isMemberDeleted = member.status === 'deleted';\n\n  const canEditSection = !isMemberDeleted && (canUpdateRoles || canUpdateBreakglass || canUpdateMfaEnrolled);\n  const showRoleAssignment = !isMemberDeleted;\n\n  const { explicitRoleAssignments, implicitRoleAssignments } = useMemo(() => {\n    return member.roles\n      .filter((role) => role.role_id !== ROLE_ID_STYTCH_MEMBER)\n      .reduce<{\n        explicitRoleAssignments: string[];\n        implicitRoleAssignments: { role_id: string; sourceType: RoleSourceType }[];\n      }>(\n        (acc, role) => {\n          const implicitAssignments = new Set(\n            role.sources.filter((source) => source.type !== 'direct_assignment').map((source) => source.type),\n          );\n          for (const sourceType of implicitAssignments) {\n            acc.implicitRoleAssignments.push({ role_id: role.role_id, sourceType });\n          }\n\n          const isExplicitAssignment = role.sources.some((source) => source.type === 'direct_assignment');\n          if (isExplicitAssignment) {\n            acc.explicitRoleAssignments.push(role.role_id);\n          }\n\n          return acc;\n        },\n        {\n          explicitRoleAssignments: [],\n          implicitRoleAssignments: [],\n        },\n      );\n  }, [member.roles]);\n\n  const remoteState = useMemo<AccessFormState>(\n    () => ({\n      isMfaEnrolled: member.mfa_enrolled,\n      explicitRoleAssignments,\n      isBreakglass: member.is_breakglass,\n    }),\n    [explicitRoleAssignments, member.is_breakglass, member.mfa_enrolled],\n  );\n\n  const { localState, setLocalState, editing, handleSetEditing } = useFormState({ remoteState });\n\n  const { mutate } = useMutateMember();\n\n  const lockoutConfirmDeferred = useRef<{ resolve: () => void; reject: () => void }>();\n\n  const {\n    open: openLockoutWarningModal,\n    close: closeLockoutWarningModal,\n    ...lockoutWarningModalProps\n  } = useModalState(() => {\n    lockoutConfirmDeferred.current?.resolve();\n    lockoutConfirmDeferred.current = undefined;\n  });\n  const handleLockoutWarningCancel = useCallback(() => {\n    lockoutConfirmDeferred.current?.reject();\n    lockoutConfirmDeferred.current = undefined;\n    closeLockoutWarningModal();\n  }, [closeLockoutWarningModal]);\n\n  const roles = useRoles(canGetOrgCustomRoles);\n\n  const handleSave = useCallback(async () => {\n    const memberOptions: B2BOrganizationsMembersUpdateOptions = {\n      member_id: member.member_id,\n    };\n\n    let shouldUpdate = false;\n    const setOption = <T extends keyof B2BOrganizationsMembersUpdateOptions>(\n      key: T,\n      value: B2BOrganizationsMembersUpdateOptions[T],\n    ) => {\n      memberOptions[key] = value;\n      shouldUpdate = true;\n    };\n\n    if (localState.isMfaEnrolled !== remoteState.isMfaEnrolled) {\n      setOption('mfa_enrolled', localState.isMfaEnrolled);\n    }\n    if (localState.isBreakglass !== remoteState.isBreakglass) {\n      setOption('is_breakglass', localState.isBreakglass);\n    }\n    if (!arraysHaveSameContents(localState.explicitRoleAssignments, remoteState.explicitRoleAssignments)) {\n      if (\n        isSelf(member.member_id) &&\n        roles &&\n        !rolesCanUpdateMemberRoles(\n          [...localState.explicitRoleAssignments, ...implicitRoleAssignments.map((role) => role.role_id)],\n          roles,\n        )\n      ) {\n        openLockoutWarningModal();\n        await new Promise<void>((resolve, reject) => {\n          lockoutConfirmDeferred.current = { resolve, reject };\n        });\n      }\n\n      setOption('roles', localState.explicitRoleAssignments);\n    }\n\n    if (shouldUpdate) {\n      await mutate(memberOptions);\n    }\n  }, [\n    implicitRoleAssignments,\n    isSelf,\n    localState.explicitRoleAssignments,\n    localState.isBreakglass,\n    localState.isMfaEnrolled,\n    member.member_id,\n    mutate,\n    openLockoutWarningModal,\n    remoteState.explicitRoleAssignments,\n    remoteState.isBreakglass,\n    remoteState.isMfaEnrolled,\n    roles,\n  ]);\n\n  const { useBlockNavigation } = useMemberManagementRouterController();\n\n  return (\n    <SettingsContainer\n      title=\"Access requirements & permissions\"\n      hasCTA={canEditSection}\n      onSave={handleSave}\n      useBlockNavigation={useBlockNavigation}\n      editing={editing}\n      setEditing={handleSetEditing}\n    >\n      <Modal\n        {...lockoutWarningModalProps}\n        close={handleLockoutWarningCancel}\n        title=\"Revoke Role assignments?\"\n        confirmButtonText=\"Revoke\"\n        warning\n      >\n        <Typography>\n          Changing your Role assignments will remove your permissions to manage members. You will not be able to edit\n          your Role assignments to reassign permissions.\n        </Typography>\n      </Modal>\n      <AccessSectionBody\n        remoteState={remoteState}\n        localState={localState}\n        setLocalState={setLocalState}\n        implicitRoleAssignments={implicitRoleAssignments}\n        showRoleAssignment={showRoleAssignment}\n        isSelf={isMemberSelf}\n        orgRequiresMfa={orgRequiresMfa}\n      />\n    </SettingsContainer>\n  );\n};\n"],"names":["getRoleSourceTypeDisplayName","sourceType","roleAssignmentsRowKeyExtractor","item","role_id","AccessSectionBody","localState","setLocalState","remoteState","implicitRoleAssignments","showRoleAssignment","isSelf","orgRequiresMfa","editing","useSettingsContainer","isMfaEnrolled","explicitRoleAssignments","isBreakglass","handleIsMfaEnrolledChange","useStateSliceSetter","setIsBreakglass","open","openBreakGlassConfirmModal","breakGlassConfirmModalProps","useModalState","handleIsBreakglassChange","useCallback","value","data","canUpdateMemberRolesPerm","useRbac","canUpdateMemberMfaEnrolledPerm","canUpdateMemberBreakglassPerm","canUpdateSelfMfaEnrolledPerm","canGetOrgCustomRoles","canUpdateMfaEnrolled","canUpdateRoles","canUpdateBreakglass","sortRoles","useRoleSortFn","selectItems","roleSelectItems","roleAutocompleteProps","useRoleAutocomplete","excludeStytchMember","includeOrgRoles","availableRoleSelectItems","filter","roleId","includes","getRoleIdDisplayName","useRoleDisplayInfo","stytchMemberRoleDisplayName","getOptionLabel","ROLE_ID_STYTCH_MEMBER","combinedRoleAssignments","useMemo","map","pendingAssignments","setPendingAssignments","useState","openRoleAssignmentModal","roleAssignmentModalProps","state","Array","from","Set","roleAssignmentsItemRenderer","title","getValue","assignment","React","Typography","variant","handleAddRoleAssignment","roleAssignmentsItemActionProps","warningAction","text","onClick","FlexBox","flexDirection","gap","Modal","confirmButtonText","warning","SettingsSection","color","Autocomplete","onChange","placeholder","length","undefined","ListEditor","items","rowKeyExtractor","itemRenderer","addButtonText","hideAddButton","readOnly","onAdd","getItemActionProps","Switch","checked","label","rolesCanUpdateMemberRoles","roleIds","roles","some","role","find","permissions","permission","resource_id","actions","AccessSection","member","useSelf","isMemberSelf","member_id","isMemberDeleted","status","canEditSection","reduce","acc","implicitAssignments","sources","source","type","push","isExplicitAssignment","mfa_enrolled","is_breakglass","handleSetEditing","useFormState","mutate","useMutateMember","lockoutConfirmDeferred","useRef","openLockoutWarningModal","close","closeLockoutWarningModal","lockoutWarningModalProps","current","resolve","handleLockoutWarningCancel","reject","useRoles","handleSave","memberOptions","shouldUpdate","setOption","key","arraysHaveSameContents","Promise","useBlockNavigation","useMemberManagementRouterController","SettingsContainer","hasCTA","onSave","setEditing"],"mappings":"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"}

package/dist/esm-dev/packages/web/src/adminPortal/memberManagement/InviteModal.mjs

@@ -5,6 +5,7 @@ import { Input } from '../components/Input.mjs';
 import { Modal } from '../components/Modal.mjs';
 import { ROLE_ID_STYTCH_MEMBER } from '../utils/roles.mjs';
 import { useRoleAutocomplete } from '../utils/useRoleAutocomplete.mjs';
+import { useRbac } from '../utils/useRbac.mjs';
 import { useModalState } from '../shared/components/Modal.mjs';
 
 const defaultInviteRoles = [];
@@ -41,8 +42,10 @@ const useInviteModal = (inviteUser)=>{
     };
 };
 const InviteModal = ({ modalState, inviteEmail, inviteName, inviteRoles, setInviteEmail, setInviteName, setInviteRoles })=>{
+    const { data: canGetOrgCustomRoles } = useRbac('stytch.custom-org-roles', 'get');
     const roleAutocompleteProps = useRoleAutocomplete({
-        excludeStytchMember: true
+        excludeStytchMember: true,
+        includeOrgRoles: canGetOrgCustomRoles ?? false
     });
     const stytchMemberRoleDisplayName = roleAutocompleteProps.getOptionLabel(ROLE_ID_STYTCH_MEMBER);
     const formIsValid = inviteEmail.trim().length > 0;

package/dist/esm-dev/packages/web/src/adminPortal/memberManagement/InviteModal.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"InviteModal.mjs","sources":["../../../../../../../../web/src/adminPortal/memberManagement/InviteModal.tsx"],"sourcesContent":["import React, { useCallback, useState } from 'react';\nimport { passwordManagerDisableAutofillProps } from '../../utils/passwordManagerDisableAutofillProps';\nimport { Autocomplete } from '../components/Autocomplete';\nimport { Input } from '../components/Input';\nimport { Modal, ModalStateType, useModalState } from '../components/Modal';\nimport { ROLE_ID_STYTCH_MEMBER } from '../utils/roles';\nimport { useRoleAutocomplete } from '../utils/useRoleAutocomplete';\nimport type { SendInviteEmail } from './useSendInviteEmail';\n\nconst defaultInviteRoles: string[] = [];\n\ninterface InviteModalProps {\n  modalState: Omit<ModalStateType, 'open'>;\n  inviteName: string;\n  setInviteName: (value: string) => void;\n  inviteEmail: string;\n  setInviteEmail: (value: string) => void;\n  inviteRoles: string[];\n  setInviteRoles: (value: string[]) => void;\n}\n\nexport const useInviteModal = (inviteUser: SendInviteEmail) => {\n  const [inviteName, setInviteName] = useState('');\n  const [inviteEmail, setInviteEmail] = useState('');\n  const [inviteRoles, setInviteRoles] = useState(defaultInviteRoles);\n\n  const { open: openInviteModal, ...modalState } = useModalState(async () => {\n    await inviteUser(inviteEmail, { name: inviteName, roles: inviteRoles });\n    modalState.close();\n  });\n\n  const handleInviteClick = useCallback(() => {\n    setInviteName('');\n    setInviteEmail('');\n    setInviteRoles(defaultInviteRoles);\n\n    openInviteModal();\n  }, [openInviteModal]);\n\n  return {\n    handleInviteClick,\n    inviteModalProps: {\n      modalState,\n      inviteName,\n      setInviteName,\n      inviteEmail,\n      setInviteEmail,\n      inviteRoles,\n      setInviteRoles,\n    } satisfies InviteModalProps,\n  };\n};\n\nexport const InviteModal = ({\n  modalState,\n  inviteEmail,\n  inviteName,\n  inviteRoles,\n  setInviteEmail,\n  setInviteName,\n  setInviteRoles,\n}: InviteModalProps) => {\n  const roleAutocompleteProps = useRoleAutocomplete({ excludeStytchMember: true });\n\n  const stytchMemberRoleDisplayName = roleAutocompleteProps.getOptionLabel(ROLE_ID_STYTCH_MEMBER);\n\n  const formIsValid = inviteEmail.trim().length > 0;\n\n  return (\n    <Modal\n      {...modalState}\n      keepOpenOnConfirm\n      title=\"Invite Member\"\n      confirmButtonText=\"Invite\"\n      disableConfirm={!formIsValid}\n    >\n      <Input label=\"Name (optional)\" placeholder=\"Enter name\" value={inviteName} onChange={setInviteName} />\n      <Input\n        label=\"Email address\"\n        placeholder=\"Enter email address\"\n        value={inviteEmail}\n        onChange={setInviteEmail}\n        inputProps={passwordManagerDisableAutofillProps}\n      />\n      <Autocomplete\n        {...roleAutocompleteProps}\n        placeholder={inviteRoles.length > 0 ? undefined : 'Select Role'}\n        label=\"Role\"\n        caption={`All members are automatically assigned the ${stytchMemberRoleDisplayName} Role. Select additional Roles to assign more permissions.`}\n        value={inviteRoles}\n        onChange={setInviteRoles}\n      />\n    </Modal>\n  );\n};\n"],"names":["defaultInviteRoles","useInviteModal","inviteUser","inviteName","setInviteName","useState","inviteEmail","setInviteEmail","inviteRoles","setInviteRoles","open","openInviteModal","modalState","useModalState","name","roles","close","handleInviteClick","useCallback","inviteModalProps","InviteModal","roleAutocompleteProps","useRoleAutocomplete","excludeStytchMember","stytchMemberRoleDisplayName","getOptionLabel","ROLE_ID_STYTCH_MEMBER","formIsValid","trim","length","React","Modal","keepOpenOnConfirm","title","confirmButtonText","disableConfirm","Input","label","placeholder","value","onChange","inputProps","passwordManagerDisableAutofillProps","Autocomplete","undefined","caption"],"mappings":";;;;;;;;;AASA,MAAMA,qBAA+B,EAAE;AAYhC,MAAMC,iBAAiB,CAACC,UAAAA,GAAAA;AAC7B,IAAA,MAAM,CAACC,UAAAA,EAAYC,aAAAA,CAAc,GAAGC,QAAAA,CAAS,EAAA,CAAA;AAC7C,IAAA,MAAM,CAACC,WAAAA,EAAaC,cAAAA,CAAe,GAAGF,QAAAA,CAAS,EAAA,CAAA;AAC/C,IAAA,MAAM,CAACG,WAAAA,EAAaC,cAAAA,CAAe,GAAGJ,QAAAA,CAASL,kBAAAA,CAAAA;AAE/C,IAAA,MAAM,EAAEU,IAAAA,EAAMC,eAAe,EAAE,GAAGC,UAAAA,EAAY,GAAGC,aAAAA,CAAc,UAAA;AAC7D,QAAA,MAAMX,WAAWI,WAAAA,EAAa;YAAEQ,IAAAA,EAAMX,UAAAA;YAAYY,KAAAA,EAAOP;AAAY,SAAA,CAAA;AACrEI,QAAAA,UAAAA,CAAWI,KAAK,EAAA;AAClB,IAAA,CAAA,CAAA;AAEA,IAAA,MAAMC,oBAAoBC,WAAAA,CAAY,IAAA;QACpCd,aAAAA,CAAc,EAAA,CAAA;QACdG,cAAAA,CAAe,EAAA,CAAA;QACfE,cAAAA,CAAeT,kBAAAA,CAAAA;AAEfW,QAAAA,eAAAA,EAAAA;IACF,CAAA,EAAG;AAACA,QAAAA;AAAgB,KAAA,CAAA;IAEpB,OAAO;AACLM,QAAAA,iBAAAA;QACAE,gBAAAA,EAAkB;AAChBP,YAAAA,UAAAA;AACAT,YAAAA,UAAAA;AACAC,YAAAA,aAAAA;AACAE,YAAAA,WAAAA;AACAC,YAAAA,cAAAA;AACAC,YAAAA,WAAAA;AACAC,YAAAA;AACF;AACF,KAAA;AACF;MAEaW,WAAAA,GAAc,CAAC,EAC1BR,UAAU,EACVN,WAAW,EACXH,UAAU,EACVK,WAAW,EACXD,cAAc,EACdH,aAAa,EACbK,cAAc,EACG,GAAA;AACjB,IAAA,MAAMY,wBAAwBC,mBAAAA,CAAoB;QAAEC,mBAAAA,EAAqB;AAAK,KAAA,CAAA;IAE9E,MAAMC,2BAAAA,GAA8BH,qBAAAA,CAAsBI,cAAc,CAACC,qBAAAA,CAAAA;AAEzE,IAAA,MAAMC,WAAAA,GAAcrB,WAAAA,CAAYsB,IAAI,EAAA,CAAGC,MAAM,GAAG,CAAA;AAEhD,IAAA,qBACEC,cAAA,CAAA,aAAA,CAACC,KAAAA,EAAAA;AACE,QAAA,GAAGnB,UAAU;QACdoB,iBAAAA,EAAAA,IAAAA;QACAC,KAAAA,EAAM,eAAA;QACNC,iBAAAA,EAAkB,QAAA;AAClBC,QAAAA,cAAAA,EAAgB,CAACR;qBAEjBG,cAAA,CAAA,aAAA,CAACM,KAAAA,EAAAA;QAAMC,KAAAA,EAAM,iBAAA;QAAkBC,WAAAA,EAAY,YAAA;QAAaC,KAAAA,EAAOpC,UAAAA;QAAYqC,QAAAA,EAAUpC;sBACrF0B,cAAA,CAAA,aAAA,CAACM,KAAAA,EAAAA;QACCC,KAAAA,EAAM,eAAA;QACNC,WAAAA,EAAY,qBAAA;QACZC,KAAAA,EAAOjC,WAAAA;QACPkC,QAAAA,EAAUjC,cAAAA;QACVkC,UAAAA,EAAYC;sBAEdZ,cAAA,CAAA,aAAA,CAACa,YAAAA,EAAAA;AACE,QAAA,GAAGtB,qBAAqB;AACzBiB,QAAAA,WAAAA,EAAa9B,WAAAA,CAAYqB,MAAM,GAAG,CAAA,GAAIe,SAAAA,GAAY,aAAA;QAClDP,KAAAA,EAAM,MAAA;AACNQ,QAAAA,OAAAA,EAAS,CAAC,2CAA2C,EAAErB,2BAAAA,CAA4B,0DAA0D,CAAC;QAC9Ie,KAAAA,EAAO/B,WAAAA;QACPgC,QAAAA,EAAU/B;;AAIlB;;;;"}
+{"version":3,"file":"InviteModal.mjs","sources":["../../../../../../../../web/src/adminPortal/memberManagement/InviteModal.tsx"],"sourcesContent":["import React, { useCallback, useState } from 'react';\nimport { passwordManagerDisableAutofillProps } from '../../utils/passwordManagerDisableAutofillProps';\nimport { Autocomplete } from '../components/Autocomplete';\nimport { Input } from '../components/Input';\nimport { Modal, ModalStateType, useModalState } from '../components/Modal';\nimport { ROLE_ID_STYTCH_MEMBER } from '../utils/roles';\nimport { useRoleAutocomplete } from '../utils/useRoleAutocomplete';\nimport type { SendInviteEmail } from './useSendInviteEmail';\nimport { useRbac } from '../utils/useRbac';\n\nconst defaultInviteRoles: string[] = [];\n\ninterface InviteModalProps {\n  modalState: Omit<ModalStateType, 'open'>;\n  inviteName: string;\n  setInviteName: (value: string) => void;\n  inviteEmail: string;\n  setInviteEmail: (value: string) => void;\n  inviteRoles: string[];\n  setInviteRoles: (value: string[]) => void;\n}\n\nexport const useInviteModal = (inviteUser: SendInviteEmail) => {\n  const [inviteName, setInviteName] = useState('');\n  const [inviteEmail, setInviteEmail] = useState('');\n  const [inviteRoles, setInviteRoles] = useState(defaultInviteRoles);\n\n  const { open: openInviteModal, ...modalState } = useModalState(async () => {\n    await inviteUser(inviteEmail, { name: inviteName, roles: inviteRoles });\n    modalState.close();\n  });\n\n  const handleInviteClick = useCallback(() => {\n    setInviteName('');\n    setInviteEmail('');\n    setInviteRoles(defaultInviteRoles);\n\n    openInviteModal();\n  }, [openInviteModal]);\n\n  return {\n    handleInviteClick,\n    inviteModalProps: {\n      modalState,\n      inviteName,\n      setInviteName,\n      inviteEmail,\n      setInviteEmail,\n      inviteRoles,\n      setInviteRoles,\n    } satisfies InviteModalProps,\n  };\n};\n\nexport const InviteModal = ({\n  modalState,\n  inviteEmail,\n  inviteName,\n  inviteRoles,\n  setInviteEmail,\n  setInviteName,\n  setInviteRoles,\n}: InviteModalProps) => {\n  const { data: canGetOrgCustomRoles } = useRbac('stytch.custom-org-roles', 'get');\n\n  const roleAutocompleteProps = useRoleAutocomplete({\n    excludeStytchMember: true,\n    includeOrgRoles: canGetOrgCustomRoles ?? false,\n  });\n\n  const stytchMemberRoleDisplayName = roleAutocompleteProps.getOptionLabel(ROLE_ID_STYTCH_MEMBER);\n\n  const formIsValid = inviteEmail.trim().length > 0;\n\n  return (\n    <Modal\n      {...modalState}\n      keepOpenOnConfirm\n      title=\"Invite Member\"\n      confirmButtonText=\"Invite\"\n      disableConfirm={!formIsValid}\n    >\n      <Input label=\"Name (optional)\" placeholder=\"Enter name\" value={inviteName} onChange={setInviteName} />\n      <Input\n        label=\"Email address\"\n        placeholder=\"Enter email address\"\n        value={inviteEmail}\n        onChange={setInviteEmail}\n        inputProps={passwordManagerDisableAutofillProps}\n      />\n      <Autocomplete\n        {...roleAutocompleteProps}\n        placeholder={inviteRoles.length > 0 ? undefined : 'Select Role'}\n        label=\"Role\"\n        caption={`All members are automatically assigned the ${stytchMemberRoleDisplayName} Role. Select additional Roles to assign more permissions.`}\n        value={inviteRoles}\n        onChange={setInviteRoles}\n      />\n    </Modal>\n  );\n};\n"],"names":["defaultInviteRoles","useInviteModal","inviteUser","inviteName","setInviteName","useState","inviteEmail","setInviteEmail","inviteRoles","setInviteRoles","open","openInviteModal","modalState","useModalState","name","roles","close","handleInviteClick","useCallback","inviteModalProps","InviteModal","data","canGetOrgCustomRoles","useRbac","roleAutocompleteProps","useRoleAutocomplete","excludeStytchMember","includeOrgRoles","stytchMemberRoleDisplayName","getOptionLabel","ROLE_ID_STYTCH_MEMBER","formIsValid","trim","length","React","Modal","keepOpenOnConfirm","title","confirmButtonText","disableConfirm","Input","label","placeholder","value","onChange","inputProps","passwordManagerDisableAutofillProps","Autocomplete","undefined","caption"],"mappings":"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"}

package/dist/esm-dev/packages/web/src/adminPortal/memberManagement/MemberListScreen.mjs

@@ -113,6 +113,7 @@ const MemberListScreen = ()=>{
     const { data: canUpdateSelfDefaultMfaMethodPerm } = useRbac('stytch.self', 'update.settings.default-mfa-method');
     const { data: canDeleteSelfPerm } = useRbac('stytch.self', 'delete');
     const { data: canRevokeSelfSessionsPerm } = useRbac('stytch.self', 'revoke-sessions');
+    const { data: canGetOrgCustomRoles } = useRbac('stytch.custom-org-roles', 'get');
     const canUpdateMember = canDeleteMemberMfaPhonePerm || canDeleteMemberMfaTotpPerm || canDeleteMemberPasswordPerm || canUpdateMemberMfaPhonePerm || canUpdateMemberNamePerm || canUpdateMemberUntrustedMetadataPerm || canUpdateMemberIsBreakglassPerm || canUpdateMemberMfaEnrolledPerm || canUpdateMemberDefaultMfaMethodPerm || canUpdateMemberRolesPerm || canRevokeMemberSessionsPerm;
     const canUpdateSelf = canUpdateSelfNamePerm || canUpdateSelfUntrustedMetadataPerm || canUpdateSelfMfaPhonePerm || canDeleteSelfMfaPhonePerm || canDeleteSelfPasswordPerm || canUpdateSelfMfaEnrolledPerm || canUpdateSelfDefaultMfaMethodPerm || canDeleteSelfPerm || canDeleteSelfMfaTotpPerm || canRevokeSelfSessionsPerm;
     const canActivateOrDeactivate = canCreateMemberPerm || canDeleteMemberPerm;
@@ -122,7 +123,8 @@ const MemberListScreen = ()=>{
     const currentMemberId = self?.member_id;
     const canInviteMember = canCreateMemberPerm && orgAllowsEmailInvites;
     const roleAutocompleteProps = useRoleAutocomplete({
-        excludeStytchMember: true
+        excludeStytchMember: true,
+        includeOrgRoles: canGetOrgCustomRoles
     });
     const allRolesSet = useMemo(()=>new Set(roleAutocompleteProps.selectItems), [
         roleAutocompleteProps.selectItems

package/dist/esm-dev/packages/web/src/adminPortal/memberManagement/MemberListScreen.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"MemberListScreen.mjs","sources":["../../../../../../../../web/src/adminPortal/memberManagement/MemberListScreen.tsx"],"sourcesContent":["import Add from '@mui/icons-material/Add';\nimport CheckCircle from '@mui/icons-material/CheckCircle';\nimport DeleteOutlined from '@mui/icons-material/DeleteOutlined';\nimport EditOutlined from '@mui/icons-material/EditOutlined';\nimport VisibilityOutlined from '@mui/icons-material/VisibilityOutlined';\nimport EmailOutlined from '@mui/icons-material/EmailOutlined';\nimport { B2BOrganizationsMembersSearchResponse, Member } from '@stytch/core/public';\nimport React, { useCallback, useMemo, useState } from 'react';\nimport useSWRInfinite from 'swr/infinite';\nimport { extractErrorMessage } from '../../utils/extractErrorMessage';\nimport { Action, useActionMenu } from '../components/ActionMenu';\nimport { Alert } from '../components/Alert';\nimport { Button } from '../components/Button';\nimport { FilterMenu, FilterMenuProps } from '../components/FilterMenu';\nimport { FlexBox } from '../components/FlexBox';\nimport { PaginatedTable, PaginatedTableProps } from '../components/PaginatedTable';\nimport { RolesList } from '../components/RolesList';\nimport { SearchBar } from '../components/SearchBar';\nimport { Typography } from '../components/Typography';\nimport { TableItemRenderer } from '../shared/components/types';\nimport { decorateCurrentMemberName } from '../utils/decorateCurrentMemberName';\nimport { fetchMembers } from '../utils/fetchMembers';\nimport { useDebouncedState } from '../utils/useDebouncedState';\nimport { itemsPerPageOptions, useItemsPerPage } from '../utils/useItemsPerPage';\nimport { useOrgInfo } from '../utils/useOrgInfo';\nimport { usePagination } from '../utils/usePagination';\nimport { usePersistentFilter } from '../utils/usePersistentFilter';\nimport { useRbac } from '../utils/useRbac';\nimport { useRoleAutocomplete } from '../utils/useRoleAutocomplete';\nimport { useSelf } from '../utils/useSelf';\nimport { useStytchClient } from '../utils/useStytchClient';\nimport { InviteModal, useInviteModal } from './InviteModal';\nimport { useMemberManagementRouterController } from './MemberManagementRouter';\nimport { KnownMemberStatus, allMemberStatuses, allMemberStatusesSet } from './MemberStatus';\nimport { getMemberStatusDisplayName } from './getMemberStatusDisplayName';\nimport { useMemberActivation } from './useMemberActivation';\nimport { useSendInviteEmail } from './useSendInviteEmail';\nimport { useToast } from '../shared/components/Toast';\n\nconst MIN_EMAIL_FUZZY_SEARCH_LENGTH = 3;\n\nconst MEMBER_LIST_TABLE_VIEW_ID = 'adminPortalMemberList';\n\nconst DEFAULT_STATUSES_FILTER: ReadonlySet<KnownMemberStatus> = new Set(['active', 'invited', 'pending']);\n\nconst REINVITE_MEMBER_STATUS: ReadonlySet<string> = new Set<KnownMemberStatus>(['invited', 'pending']);\n\nconst allStatusesFilterItems = allMemberStatuses.map((status) => ({\n  label: getMemberStatusDisplayName(status),\n  value: status,\n}));\n\nexport const useMembers = ({\n  limit,\n  email: emailRaw,\n  roles,\n  statuses,\n}: {\n  limit: number;\n  email: string | undefined;\n  roles: string[] | undefined;\n  statuses: KnownMemberStatus[] | undefined;\n}) => {\n  const client = useStytchClient();\n  const orgInfo = useOrgInfo();\n\n  const email = emailRaw && emailRaw.length >= MIN_EMAIL_FUZZY_SEARCH_LENGTH ? emailRaw : undefined;\n\n  return useSWRInfinite(\n    (index, prevData: B2BOrganizationsMembersSearchResponse | null) => {\n      if (prevData && !prevData.results_metadata.next_cursor) {\n        return null;\n      }\n\n      return {\n        orgId: orgInfo.data?.organization_id,\n        method: 'members.search',\n        limit,\n        email,\n        // Stabilize the query key by sorting roles and statuses deterministically\n        roles: roles?.slice().sort(),\n        statuses: statuses?.slice().sort(),\n        cursor: prevData?.results_metadata.next_cursor,\n      };\n    },\n    fetchMembers(client),\n    { revalidateFirstPage: false },\n  );\n};\n\ninterface Column<T> extends TableItemRenderer<T> {\n  id: string;\n}\n\nconst getMemberId = (item: Member) => item.member_id;\n\ninterface ColumnTitleWithFilterProps<T> extends Pick<FilterMenuProps<T>, 'items' | 'value' | 'onChange'> {\n  title: string;\n}\n\nconst ColumnTitleWithFilter = <T extends string>({ items, onChange, value, title }: ColumnTitleWithFilterProps<T>) => {\n  const [container, setContainer] = useState<HTMLElement | null>(null);\n\n  return (\n    <div ref={setContainer}>\n      <FlexBox gap={1} alignItems=\"center\">\n        {title}\n        <FilterMenu anchorEl={container ?? undefined} items={items} value={value} onChange={onChange} />\n      </FlexBox>\n    </div>\n  );\n};\n\nconst emptySet: ReadonlySet<string> = new Set();\n\nexport const MemberListScreen = () => {\n  const { navigate } = useMemberManagementRouterController();\n\n  const { data: canCreateMemberPerm } = useRbac('stytch.member', 'create');\n  const { data: canUpdateMemberIsBreakglassPerm } = useRbac('stytch.member', 'update.settings.is-breakglass');\n  const { data: canUpdateMemberRolesPerm } = useRbac('stytch.member', 'update.settings.roles');\n\n  const { data: canUpdateMemberNamePerm } = useRbac('stytch.member', 'update.info.name');\n  const { data: canUpdateMemberUntrustedMetadataPerm } = useRbac('stytch.member', 'update.info.untrusted-metadata');\n  const { data: canUpdateMemberMfaPhonePerm } = useRbac('stytch.member', 'update.info.mfa-phone');\n  const { data: canDeleteMemberMfaPhonePerm } = useRbac('stytch.member', 'update.info.delete.mfa-phone');\n  const { data: canDeleteMemberMfaTotpPerm } = useRbac('stytch.member', 'update.info.delete.mfa-totp');\n  const { data: canDeleteMemberPasswordPerm } = useRbac('stytch.member', 'update.info.delete.password');\n  const { data: canUpdateMemberMfaEnrolledPerm } = useRbac('stytch.member', 'update.settings.mfa-enrolled');\n  const { data: canUpdateMemberDefaultMfaMethodPerm } = useRbac('stytch.member', 'update.settings.default-mfa-method');\n  const { data: canDeleteMemberPerm } = useRbac('stytch.member', 'delete');\n  const { data: canRevokeMemberSessionsPerm } = useRbac('stytch.member', 'revoke-sessions');\n\n  const { data: canUpdateSelfNamePerm } = useRbac('stytch.self', 'update.info.name');\n  const { data: canUpdateSelfUntrustedMetadataPerm } = useRbac('stytch.self', 'update.info.untrusted-metadata');\n  const { data: canUpdateSelfMfaPhonePerm } = useRbac('stytch.self', 'update.info.mfa-phone');\n  const { data: canDeleteSelfMfaPhonePerm } = useRbac('stytch.self', 'update.info.delete.mfa-phone');\n  const { data: canDeleteSelfMfaTotpPerm } = useRbac('stytch.self', 'update.info.delete.mfa-totp');\n  const { data: canDeleteSelfPasswordPerm } = useRbac('stytch.self', 'update.info.delete.password');\n  const { data: canUpdateSelfMfaEnrolledPerm } = useRbac('stytch.self', 'update.settings.mfa-enrolled');\n  const { data: canUpdateSelfDefaultMfaMethodPerm } = useRbac('stytch.self', 'update.settings.default-mfa-method');\n  const { data: canDeleteSelfPerm } = useRbac('stytch.self', 'delete');\n  const { data: canRevokeSelfSessionsPerm } = useRbac('stytch.self', 'revoke-sessions');\n\n  const canUpdateMember =\n    canDeleteMemberMfaPhonePerm ||\n    canDeleteMemberMfaTotpPerm ||\n    canDeleteMemberPasswordPerm ||\n    canUpdateMemberMfaPhonePerm ||\n    canUpdateMemberNamePerm ||\n    canUpdateMemberUntrustedMetadataPerm ||\n    canUpdateMemberIsBreakglassPerm ||\n    canUpdateMemberMfaEnrolledPerm ||\n    canUpdateMemberDefaultMfaMethodPerm ||\n    canUpdateMemberRolesPerm ||\n    canRevokeMemberSessionsPerm;\n\n  const canUpdateSelf =\n    canUpdateSelfNamePerm ||\n    canUpdateSelfUntrustedMetadataPerm ||\n    canUpdateSelfMfaPhonePerm ||\n    canDeleteSelfMfaPhonePerm ||\n    canDeleteSelfPasswordPerm ||\n    canUpdateSelfMfaEnrolledPerm ||\n    canUpdateSelfDefaultMfaMethodPerm ||\n    canDeleteSelfPerm ||\n    canDeleteSelfMfaTotpPerm ||\n    canRevokeSelfSessionsPerm;\n\n  const canActivateOrDeactivate = canCreateMemberPerm || canDeleteMemberPerm;\n\n  const orgInfo = useOrgInfo();\n  const orgAllowsEmailInvites = orgInfo.data && orgInfo.data.email_invites !== 'NOT_ALLOWED';\n\n  const { self } = useSelf();\n  const currentMemberId = self?.member_id;\n\n  const canInviteMember = canCreateMemberPerm && orgAllowsEmailInvites;\n\n  const roleAutocompleteProps = useRoleAutocomplete({ excludeStytchMember: true });\n  const allRolesSet = useMemo(() => new Set(roleAutocompleteProps.selectItems), [roleAutocompleteProps.selectItems]);\n  const allRolesFilterItems = useMemo(() => {\n    return roleAutocompleteProps.selectItems.map((roleId) => ({\n      label: roleAutocompleteProps.getOptionLabel(roleId),\n      value: roleId,\n    }));\n  }, [roleAutocompleteProps]);\n\n  const [filterRoles, setFilterRoles] = usePersistentFilter({\n    viewId: MEMBER_LIST_TABLE_VIEW_ID,\n    fieldId: 'role',\n    defaultValue: emptySet,\n    permittedValues: allRolesSet,\n  });\n  const [filterStatuses, setFilterStatuses] = usePersistentFilter({\n    viewId: MEMBER_LIST_TABLE_VIEW_ID,\n    fieldId: 'status',\n    defaultValue: DEFAULT_STATUSES_FILTER,\n    permittedValues: allMemberStatusesSet,\n  });\n\n  const itemRenderer: Column<Member>[] = useMemo(\n    () => [\n      {\n        id: 'name',\n        title: 'Name',\n        getValue: ({ name, member_id }) => {\n          return member_id === currentMemberId ? decorateCurrentMemberName(name) : name;\n        },\n        width: 200,\n      },\n      {\n        id: 'email',\n        title: 'Email',\n        getValue: ({ email_address }) => {\n          return email_address;\n        },\n        width: 200,\n      },\n      {\n        id: 'role',\n        title: 'Role',\n        getValue: ({ roles }) => {\n          return <RolesList hideStytchMemberWithOtherRoles roles={roles} />;\n        },\n        renderTitle: () => (\n          <ColumnTitleWithFilter\n            title=\"Role\"\n            items={allRolesFilterItems}\n            value={filterRoles}\n            onChange={setFilterRoles}\n          />\n        ),\n      },\n      {\n        id: 'status',\n        title: 'Status',\n        getValue: ({ status }) => {\n          return getMemberStatusDisplayName(status);\n        },\n        renderTitle: () => (\n          <ColumnTitleWithFilter\n            title=\"Status\"\n            items={allStatusesFilterItems}\n            value={filterStatuses}\n            onChange={setFilterStatuses}\n          />\n        ),\n        width: 150,\n      },\n    ],\n    [allRolesFilterItems, currentMemberId, filterRoles, filterStatuses, setFilterRoles, setFilterStatuses],\n  );\n\n  const [filterText, setFilterText, pendingFilterText] = useDebouncedState('');\n\n  const [itemsPerPage, handleItemsPerPageChange] = useItemsPerPage({\n    viewId: MEMBER_LIST_TABLE_VIEW_ID,\n  });\n\n  const { data, error, isLoading, setSize, size, mutate } = useMembers({\n    limit: itemsPerPage,\n    email: filterText || undefined,\n    roles: filterRoles.size > 0 ? Array.from(filterRoles) : undefined,\n    statuses: filterStatuses.size > 0 ? Array.from(filterStatuses) : undefined,\n  });\n\n  const resultsMetadata = data?.at(-1)?.results_metadata;\n\n  // `size` is already effectively a page count, so we can act as if we only\n  // have one item per page\n  const { currentPage, setCurrentPage } = usePagination({\n    itemsCount: size,\n    itemsPerPage: 1,\n  });\n\n  const tableProps = {\n    currentPage,\n    setCurrentPage,\n    onRowClick: (id) => navigate({ screen: 'memberDetails', params: { memberId: id } }),\n    rowsPerPage: itemsPerPage,\n    rowsPerPageOptions: itemsPerPageOptions,\n    onRowsPerPageChange: handleItemsPerPageChange,\n    items: useMemo(() => data?.flatMap((page) => page.members) ?? [], [data]),\n    loadNext: useCallback(() => setSize((size) => size + 1), [setSize]),\n    metadata: useMemo(\n      () => ({\n        cursor: resultsMetadata?.next_cursor ?? '__none',\n        total: resultsMetadata?.total ?? 0,\n      }),\n      [resultsMetadata?.next_cursor, resultsMetadata?.total],\n    ),\n  } satisfies Partial<PaginatedTableProps<Member>>;\n\n  const { openToast } = useToast();\n  const sendInviteEmail = useSendInviteEmail({ onSuccess: mutate });\n  const { handleInviteClick, inviteModalProps } = useInviteModal(sendInviteEmail);\n\n  const handleEdit = useCallback(\n    (member: Member) => {\n      navigate({ screen: 'memberDetails', params: { memberId: member.member_id } });\n    },\n    [navigate],\n  );\n\n  const { openModal, modal } = useMemberActivation(mutate);\n\n  const handleActivateDeactivateMember = useCallback(\n    (member: Member) => {\n      openModal(member);\n    },\n    [openModal],\n  );\n\n  const actions = useMemo(() => {\n    const getDeleteAction = (member: Member) => {\n      const isSelf = currentMemberId === member.member_id;\n      switch (member.status) {\n        case 'invited':\n          if (canDeleteMemberPerm || (canDeleteSelfPerm && isSelf)) {\n            return 'revoke-invite';\n          }\n          break;\n        case 'active':\n          if (canDeleteMemberPerm || (canDeleteSelfPerm && isSelf)) {\n            return 'deactivate';\n          }\n          break;\n        case 'deleted':\n          if (canCreateMemberPerm && member.email_address_verified) {\n            return 'reactivate';\n          }\n          break;\n      }\n    };\n\n    const canEdit = (member: Member) => {\n      return (currentMemberId === member.member_id ? canUpdateSelf : canUpdateMember) ?? false;\n    };\n    return [\n      {\n        key: 'view',\n        label: 'View member',\n        icon: <VisibilityOutlined />,\n        onClick: handleEdit,\n        isVisible: (member) => !canEdit(member),\n      },\n      {\n        key: 'edit',\n        label: 'Edit member',\n        icon: <EditOutlined />,\n        onClick: handleEdit,\n        isVisible: (member) => canEdit(member),\n      },\n      {\n        key: 'resend-invite-email',\n        label: 'Resend invite email',\n        icon: <EmailOutlined />,\n        onClick: (member) =>\n          sendInviteEmail(member.email_address).catch((error: unknown) => {\n            const message = extractErrorMessage(error);\n            if (message) {\n              openToast({ text: message, type: 'error' });\n            }\n          }),\n        isVisible: (member) => Boolean(canInviteMember) && REINVITE_MEMBER_STATUS.has(member.status),\n      },\n      {\n        key: 'revoke-invite',\n        label: 'Revoke invite',\n        icon: <DeleteOutlined />,\n        onClick: handleActivateDeactivateMember,\n        isDangerous: true,\n        isVisible: (member) => getDeleteAction(member) === 'revoke-invite',\n      },\n      {\n        key: 'deactivate',\n        label: 'Deactivate',\n        icon: <DeleteOutlined />,\n        onClick: handleActivateDeactivateMember,\n        isDangerous: true,\n        isVisible: (member) => getDeleteAction(member) === 'deactivate',\n      },\n      {\n        key: 'reactivate',\n        label: 'Reactivate',\n        icon: <CheckCircle />,\n        onClick: handleActivateDeactivateMember,\n        isVisible: (member) => getDeleteAction(member) === 'reactivate',\n      },\n    ] satisfies Action<Member>[];\n  }, [\n    canCreateMemberPerm,\n    canDeleteMemberPerm,\n    canDeleteSelfPerm,\n    canInviteMember,\n    canUpdateMember,\n    canUpdateSelf,\n    currentMemberId,\n    handleActivateDeactivateMember,\n    handleEdit,\n    openToast,\n    sendInviteEmail,\n  ]);\n\n  const { getItemActionProps } = useActionMenu<Member>({\n    actions,\n    idPrefix: 'member',\n    getId: getMemberId,\n  });\n\n  return (\n    <FlexBox flexDirection=\"column\" gap={3}>\n      {canActivateOrDeactivate && modal}\n      <FlexBox alignItems=\"center\" justifyContent=\"space-between\">\n        <Typography variant=\"h1\">Members</Typography>\n        {canInviteMember && (\n          <>\n            <InviteModal {...inviteModalProps} />\n            <Button compact variant=\"primary\" startIcon={<Add />} onClick={handleInviteClick}>\n              Invite\n            </Button>\n          </>\n        )}\n      </FlexBox>\n      <SearchBar placeholder=\"Search by email\" value={pendingFilterText} onChange={setFilterText} />\n      {error ? (\n        <Alert>{extractErrorMessage(error) ?? 'There was an error loading the Members list.'}</Alert>\n      ) : (\n        <PaginatedTable\n          {...tableProps}\n          itemRenderer={itemRenderer}\n          isLoading={isLoading}\n          getItemActionProps={getItemActionProps}\n          rowKeyExtractor={getMemberId}\n          titleVariant=\"h4\"\n        />\n      )}\n    </FlexBox>\n  );\n};\n"],"names":["MIN_EMAIL_FUZZY_SEARCH_LENGTH","MEMBER_LIST_TABLE_VIEW_ID","DEFAULT_STATUSES_FILTER","Set","REINVITE_MEMBER_STATUS","allStatusesFilterItems","allMemberStatuses","map","status","label","getMemberStatusDisplayName","value","useMembers","limit","email","emailRaw","roles","statuses","client","useStytchClient","orgInfo","useOrgInfo","length","undefined","useSWRInfinite","index","prevData","results_metadata","next_cursor","orgId","data","organization_id","method","slice","sort","cursor","fetchMembers","revalidateFirstPage","getMemberId","item","member_id","ColumnTitleWithFilter","items","onChange","title","container","setContainer","useState","React","div","ref","FlexBox","gap","alignItems","FilterMenu","anchorEl","emptySet","MemberListScreen","navigate","useMemberManagementRouterController","canCreateMemberPerm","useRbac","canUpdateMemberIsBreakglassPerm","canUpdateMemberRolesPerm","canUpdateMemberNamePerm","canUpdateMemberUntrustedMetadataPerm","canUpdateMemberMfaPhonePerm","canDeleteMemberMfaPhonePerm","canDeleteMemberMfaTotpPerm","canDeleteMemberPasswordPerm","canUpdateMemberMfaEnrolledPerm","canUpdateMemberDefaultMfaMethodPerm","canDeleteMemberPerm","canRevokeMemberSessionsPerm","canUpdateSelfNamePerm","canUpdateSelfUntrustedMetadataPerm","canUpdateSelfMfaPhonePerm","canDeleteSelfMfaPhonePerm","canDeleteSelfMfaTotpPerm","canDeleteSelfPasswordPerm","canUpdateSelfMfaEnrolledPerm","canUpdateSelfDefaultMfaMethodPerm","canDeleteSelfPerm","canRevokeSelfSessionsPerm","canUpdateMember","canUpdateSelf","canActivateOrDeactivate","orgAllowsEmailInvites","email_invites","self","useSelf","currentMemberId","canInviteMember","roleAutocompleteProps","useRoleAutocomplete","excludeStytchMember","allRolesSet","useMemo","selectItems","allRolesFilterItems","roleId","getOptionLabel","filterRoles","setFilterRoles","usePersistentFilter","viewId","fieldId","defaultValue","permittedValues","filterStatuses","setFilterStatuses","allMemberStatusesSet","itemRenderer","id","getValue","name","decorateCurrentMemberName","width","email_address","RolesList","hideStytchMemberWithOtherRoles","renderTitle","filterText","setFilterText","pendingFilterText","useDebouncedState","itemsPerPage","handleItemsPerPageChange","useItemsPerPage","error","isLoading","setSize","size","mutate","Array","from","resultsMetadata","at","currentPage","setCurrentPage","usePagination","itemsCount","tableProps","onRowClick","screen","params","memberId","rowsPerPage","rowsPerPageOptions","itemsPerPageOptions","onRowsPerPageChange","flatMap","page","members","loadNext","useCallback","metadata","total","openToast","useToast","sendInviteEmail","useSendInviteEmail","onSuccess","handleInviteClick","inviteModalProps","useInviteModal","handleEdit","member","openModal","modal","useMemberActivation","handleActivateDeactivateMember","actions","getDeleteAction","isSelf","email_address_verified","canEdit","key","icon","VisibilityOutlined","onClick","isVisible","EditOutlined","EmailOutlined","catch","message","extractErrorMessage","text","type","Boolean","has","DeleteOutlined","isDangerous","CheckCircle","getItemActionProps","useActionMenu","idPrefix","getId","flexDirection","justifyContent","Typography","variant","InviteModal","Button","compact","startIcon","Add","SearchBar","placeholder","Alert","PaginatedTable","rowKeyExtractor","titleVariant"],"mappings":"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"}
+{"version":3,"file":"MemberListScreen.mjs","sources":["../../../../../../../../web/src/adminPortal/memberManagement/MemberListScreen.tsx"],"sourcesContent":["import Add from '@mui/icons-material/Add';\nimport CheckCircle from '@mui/icons-material/CheckCircle';\nimport DeleteOutlined from '@mui/icons-material/DeleteOutlined';\nimport EditOutlined from '@mui/icons-material/EditOutlined';\nimport VisibilityOutlined from '@mui/icons-material/VisibilityOutlined';\nimport EmailOutlined from '@mui/icons-material/EmailOutlined';\nimport { B2BOrganizationsMembersSearchResponse, Member } from '@stytch/core/public';\nimport React, { useCallback, useMemo, useState } from 'react';\nimport useSWRInfinite from 'swr/infinite';\nimport { extractErrorMessage } from '../../utils/extractErrorMessage';\nimport { Action, useActionMenu } from '../components/ActionMenu';\nimport { Alert } from '../components/Alert';\nimport { Button } from '../components/Button';\nimport { FilterMenu, FilterMenuProps } from '../components/FilterMenu';\nimport { FlexBox } from '../components/FlexBox';\nimport { PaginatedTable, PaginatedTableProps } from '../components/PaginatedTable';\nimport { RolesList } from '../components/RolesList';\nimport { SearchBar } from '../components/SearchBar';\nimport { Typography } from '../components/Typography';\nimport { TableItemRenderer } from '../shared/components/types';\nimport { decorateCurrentMemberName } from '../utils/decorateCurrentMemberName';\nimport { fetchMembers } from '../utils/fetchMembers';\nimport { useDebouncedState } from '../utils/useDebouncedState';\nimport { itemsPerPageOptions, useItemsPerPage } from '../utils/useItemsPerPage';\nimport { useOrgInfo } from '../utils/useOrgInfo';\nimport { usePagination } from '../utils/usePagination';\nimport { usePersistentFilter } from '../utils/usePersistentFilter';\nimport { useRbac } from '../utils/useRbac';\nimport { useRoleAutocomplete } from '../utils/useRoleAutocomplete';\nimport { useSelf } from '../utils/useSelf';\nimport { useStytchClient } from '../utils/useStytchClient';\nimport { InviteModal, useInviteModal } from './InviteModal';\nimport { useMemberManagementRouterController } from './MemberManagementRouter';\nimport { KnownMemberStatus, allMemberStatuses, allMemberStatusesSet } from './MemberStatus';\nimport { getMemberStatusDisplayName } from './getMemberStatusDisplayName';\nimport { useMemberActivation } from './useMemberActivation';\nimport { useSendInviteEmail } from './useSendInviteEmail';\nimport { useToast } from '../shared/components/Toast';\n\nconst MIN_EMAIL_FUZZY_SEARCH_LENGTH = 3;\n\nconst MEMBER_LIST_TABLE_VIEW_ID = 'adminPortalMemberList';\n\nconst DEFAULT_STATUSES_FILTER: ReadonlySet<KnownMemberStatus> = new Set(['active', 'invited', 'pending']);\n\nconst REINVITE_MEMBER_STATUS: ReadonlySet<string> = new Set<KnownMemberStatus>(['invited', 'pending']);\n\nconst allStatusesFilterItems = allMemberStatuses.map((status) => ({\n  label: getMemberStatusDisplayName(status),\n  value: status,\n}));\n\nexport const useMembers = ({\n  limit,\n  email: emailRaw,\n  roles,\n  statuses,\n}: {\n  limit: number;\n  email: string | undefined;\n  roles: string[] | undefined;\n  statuses: KnownMemberStatus[] | undefined;\n}) => {\n  const client = useStytchClient();\n  const orgInfo = useOrgInfo();\n\n  const email = emailRaw && emailRaw.length >= MIN_EMAIL_FUZZY_SEARCH_LENGTH ? emailRaw : undefined;\n\n  return useSWRInfinite(\n    (index, prevData: B2BOrganizationsMembersSearchResponse | null) => {\n      if (prevData && !prevData.results_metadata.next_cursor) {\n        return null;\n      }\n\n      return {\n        orgId: orgInfo.data?.organization_id,\n        method: 'members.search',\n        limit,\n        email,\n        // Stabilize the query key by sorting roles and statuses deterministically\n        roles: roles?.slice().sort(),\n        statuses: statuses?.slice().sort(),\n        cursor: prevData?.results_metadata.next_cursor,\n      };\n    },\n    fetchMembers(client),\n    { revalidateFirstPage: false },\n  );\n};\n\ninterface Column<T> extends TableItemRenderer<T> {\n  id: string;\n}\n\nconst getMemberId = (item: Member) => item.member_id;\n\ninterface ColumnTitleWithFilterProps<T> extends Pick<FilterMenuProps<T>, 'items' | 'value' | 'onChange'> {\n  title: string;\n}\n\nconst ColumnTitleWithFilter = <T extends string>({ items, onChange, value, title }: ColumnTitleWithFilterProps<T>) => {\n  const [container, setContainer] = useState<HTMLElement | null>(null);\n\n  return (\n    <div ref={setContainer}>\n      <FlexBox gap={1} alignItems=\"center\">\n        {title}\n        <FilterMenu anchorEl={container ?? undefined} items={items} value={value} onChange={onChange} />\n      </FlexBox>\n    </div>\n  );\n};\n\nconst emptySet: ReadonlySet<string> = new Set();\n\nexport const MemberListScreen = () => {\n  const { navigate } = useMemberManagementRouterController();\n\n  const { data: canCreateMemberPerm } = useRbac('stytch.member', 'create');\n  const { data: canUpdateMemberIsBreakglassPerm } = useRbac('stytch.member', 'update.settings.is-breakglass');\n  const { data: canUpdateMemberRolesPerm } = useRbac('stytch.member', 'update.settings.roles');\n\n  const { data: canUpdateMemberNamePerm } = useRbac('stytch.member', 'update.info.name');\n  const { data: canUpdateMemberUntrustedMetadataPerm } = useRbac('stytch.member', 'update.info.untrusted-metadata');\n  const { data: canUpdateMemberMfaPhonePerm } = useRbac('stytch.member', 'update.info.mfa-phone');\n  const { data: canDeleteMemberMfaPhonePerm } = useRbac('stytch.member', 'update.info.delete.mfa-phone');\n  const { data: canDeleteMemberMfaTotpPerm } = useRbac('stytch.member', 'update.info.delete.mfa-totp');\n  const { data: canDeleteMemberPasswordPerm } = useRbac('stytch.member', 'update.info.delete.password');\n  const { data: canUpdateMemberMfaEnrolledPerm } = useRbac('stytch.member', 'update.settings.mfa-enrolled');\n  const { data: canUpdateMemberDefaultMfaMethodPerm } = useRbac('stytch.member', 'update.settings.default-mfa-method');\n  const { data: canDeleteMemberPerm } = useRbac('stytch.member', 'delete');\n  const { data: canRevokeMemberSessionsPerm } = useRbac('stytch.member', 'revoke-sessions');\n\n  const { data: canUpdateSelfNamePerm } = useRbac('stytch.self', 'update.info.name');\n  const { data: canUpdateSelfUntrustedMetadataPerm } = useRbac('stytch.self', 'update.info.untrusted-metadata');\n  const { data: canUpdateSelfMfaPhonePerm } = useRbac('stytch.self', 'update.info.mfa-phone');\n  const { data: canDeleteSelfMfaPhonePerm } = useRbac('stytch.self', 'update.info.delete.mfa-phone');\n  const { data: canDeleteSelfMfaTotpPerm } = useRbac('stytch.self', 'update.info.delete.mfa-totp');\n  const { data: canDeleteSelfPasswordPerm } = useRbac('stytch.self', 'update.info.delete.password');\n  const { data: canUpdateSelfMfaEnrolledPerm } = useRbac('stytch.self', 'update.settings.mfa-enrolled');\n  const { data: canUpdateSelfDefaultMfaMethodPerm } = useRbac('stytch.self', 'update.settings.default-mfa-method');\n  const { data: canDeleteSelfPerm } = useRbac('stytch.self', 'delete');\n  const { data: canRevokeSelfSessionsPerm } = useRbac('stytch.self', 'revoke-sessions');\n\n  const { data: canGetOrgCustomRoles } = useRbac('stytch.custom-org-roles', 'get');\n\n  const canUpdateMember =\n    canDeleteMemberMfaPhonePerm ||\n    canDeleteMemberMfaTotpPerm ||\n    canDeleteMemberPasswordPerm ||\n    canUpdateMemberMfaPhonePerm ||\n    canUpdateMemberNamePerm ||\n    canUpdateMemberUntrustedMetadataPerm ||\n    canUpdateMemberIsBreakglassPerm ||\n    canUpdateMemberMfaEnrolledPerm ||\n    canUpdateMemberDefaultMfaMethodPerm ||\n    canUpdateMemberRolesPerm ||\n    canRevokeMemberSessionsPerm;\n\n  const canUpdateSelf =\n    canUpdateSelfNamePerm ||\n    canUpdateSelfUntrustedMetadataPerm ||\n    canUpdateSelfMfaPhonePerm ||\n    canDeleteSelfMfaPhonePerm ||\n    canDeleteSelfPasswordPerm ||\n    canUpdateSelfMfaEnrolledPerm ||\n    canUpdateSelfDefaultMfaMethodPerm ||\n    canDeleteSelfPerm ||\n    canDeleteSelfMfaTotpPerm ||\n    canRevokeSelfSessionsPerm;\n\n  const canActivateOrDeactivate = canCreateMemberPerm || canDeleteMemberPerm;\n\n  const orgInfo = useOrgInfo();\n  const orgAllowsEmailInvites = orgInfo.data && orgInfo.data.email_invites !== 'NOT_ALLOWED';\n\n  const { self } = useSelf();\n  const currentMemberId = self?.member_id;\n\n  const canInviteMember = canCreateMemberPerm && orgAllowsEmailInvites;\n\n  const roleAutocompleteProps = useRoleAutocomplete({\n    excludeStytchMember: true,\n    includeOrgRoles: canGetOrgCustomRoles,\n  });\n  const allRolesSet = useMemo(() => new Set(roleAutocompleteProps.selectItems), [roleAutocompleteProps.selectItems]);\n  const allRolesFilterItems = useMemo(() => {\n    return roleAutocompleteProps.selectItems.map((roleId) => ({\n      label: roleAutocompleteProps.getOptionLabel(roleId),\n      value: roleId,\n    }));\n  }, [roleAutocompleteProps]);\n\n  const [filterRoles, setFilterRoles] = usePersistentFilter({\n    viewId: MEMBER_LIST_TABLE_VIEW_ID,\n    fieldId: 'role',\n    defaultValue: emptySet,\n    permittedValues: allRolesSet,\n  });\n  const [filterStatuses, setFilterStatuses] = usePersistentFilter({\n    viewId: MEMBER_LIST_TABLE_VIEW_ID,\n    fieldId: 'status',\n    defaultValue: DEFAULT_STATUSES_FILTER,\n    permittedValues: allMemberStatusesSet,\n  });\n\n  const itemRenderer: Column<Member>[] = useMemo(\n    () => [\n      {\n        id: 'name',\n        title: 'Name',\n        getValue: ({ name, member_id }) => {\n          return member_id === currentMemberId ? decorateCurrentMemberName(name) : name;\n        },\n        width: 200,\n      },\n      {\n        id: 'email',\n        title: 'Email',\n        getValue: ({ email_address }) => {\n          return email_address;\n        },\n        width: 200,\n      },\n      {\n        id: 'role',\n        title: 'Role',\n        getValue: ({ roles }) => {\n          return <RolesList hideStytchMemberWithOtherRoles roles={roles} />;\n        },\n        renderTitle: () => (\n          <ColumnTitleWithFilter\n            title=\"Role\"\n            items={allRolesFilterItems}\n            value={filterRoles}\n            onChange={setFilterRoles}\n          />\n        ),\n      },\n      {\n        id: 'status',\n        title: 'Status',\n        getValue: ({ status }) => {\n          return getMemberStatusDisplayName(status);\n        },\n        renderTitle: () => (\n          <ColumnTitleWithFilter\n            title=\"Status\"\n            items={allStatusesFilterItems}\n            value={filterStatuses}\n            onChange={setFilterStatuses}\n          />\n        ),\n        width: 150,\n      },\n    ],\n    [allRolesFilterItems, currentMemberId, filterRoles, filterStatuses, setFilterRoles, setFilterStatuses],\n  );\n\n  const [filterText, setFilterText, pendingFilterText] = useDebouncedState('');\n\n  const [itemsPerPage, handleItemsPerPageChange] = useItemsPerPage({\n    viewId: MEMBER_LIST_TABLE_VIEW_ID,\n  });\n\n  const { data, error, isLoading, setSize, size, mutate } = useMembers({\n    limit: itemsPerPage,\n    email: filterText || undefined,\n    roles: filterRoles.size > 0 ? Array.from(filterRoles) : undefined,\n    statuses: filterStatuses.size > 0 ? Array.from(filterStatuses) : undefined,\n  });\n\n  const resultsMetadata = data?.at(-1)?.results_metadata;\n\n  // `size` is already effectively a page count, so we can act as if we only\n  // have one item per page\n  const { currentPage, setCurrentPage } = usePagination({\n    itemsCount: size,\n    itemsPerPage: 1,\n  });\n\n  const tableProps = {\n    currentPage,\n    setCurrentPage,\n    onRowClick: (id) => navigate({ screen: 'memberDetails', params: { memberId: id } }),\n    rowsPerPage: itemsPerPage,\n    rowsPerPageOptions: itemsPerPageOptions,\n    onRowsPerPageChange: handleItemsPerPageChange,\n    items: useMemo(() => data?.flatMap((page) => page.members) ?? [], [data]),\n    loadNext: useCallback(() => setSize((size) => size + 1), [setSize]),\n    metadata: useMemo(\n      () => ({\n        cursor: resultsMetadata?.next_cursor ?? '__none',\n        total: resultsMetadata?.total ?? 0,\n      }),\n      [resultsMetadata?.next_cursor, resultsMetadata?.total],\n    ),\n  } satisfies Partial<PaginatedTableProps<Member>>;\n\n  const { openToast } = useToast();\n  const sendInviteEmail = useSendInviteEmail({ onSuccess: mutate });\n  const { handleInviteClick, inviteModalProps } = useInviteModal(sendInviteEmail);\n\n  const handleEdit = useCallback(\n    (member: Member) => {\n      navigate({ screen: 'memberDetails', params: { memberId: member.member_id } });\n    },\n    [navigate],\n  );\n\n  const { openModal, modal } = useMemberActivation(mutate);\n\n  const handleActivateDeactivateMember = useCallback(\n    (member: Member) => {\n      openModal(member);\n    },\n    [openModal],\n  );\n\n  const actions = useMemo(() => {\n    const getDeleteAction = (member: Member) => {\n      const isSelf = currentMemberId === member.member_id;\n      switch (member.status) {\n        case 'invited':\n          if (canDeleteMemberPerm || (canDeleteSelfPerm && isSelf)) {\n            return 'revoke-invite';\n          }\n          break;\n        case 'active':\n          if (canDeleteMemberPerm || (canDeleteSelfPerm && isSelf)) {\n            return 'deactivate';\n          }\n          break;\n        case 'deleted':\n          if (canCreateMemberPerm && member.email_address_verified) {\n            return 'reactivate';\n          }\n          break;\n      }\n    };\n\n    const canEdit = (member: Member) => {\n      return (currentMemberId === member.member_id ? canUpdateSelf : canUpdateMember) ?? false;\n    };\n    return [\n      {\n        key: 'view',\n        label: 'View member',\n        icon: <VisibilityOutlined />,\n        onClick: handleEdit,\n        isVisible: (member) => !canEdit(member),\n      },\n      {\n        key: 'edit',\n        label: 'Edit member',\n        icon: <EditOutlined />,\n        onClick: handleEdit,\n        isVisible: (member) => canEdit(member),\n      },\n      {\n        key: 'resend-invite-email',\n        label: 'Resend invite email',\n        icon: <EmailOutlined />,\n        onClick: (member) =>\n          sendInviteEmail(member.email_address).catch((error: unknown) => {\n            const message = extractErrorMessage(error);\n            if (message) {\n              openToast({ text: message, type: 'error' });\n            }\n          }),\n        isVisible: (member) => Boolean(canInviteMember) && REINVITE_MEMBER_STATUS.has(member.status),\n      },\n      {\n        key: 'revoke-invite',\n        label: 'Revoke invite',\n        icon: <DeleteOutlined />,\n        onClick: handleActivateDeactivateMember,\n        isDangerous: true,\n        isVisible: (member) => getDeleteAction(member) === 'revoke-invite',\n      },\n      {\n        key: 'deactivate',\n        label: 'Deactivate',\n        icon: <DeleteOutlined />,\n        onClick: handleActivateDeactivateMember,\n        isDangerous: true,\n        isVisible: (member) => getDeleteAction(member) === 'deactivate',\n      },\n      {\n        key: 'reactivate',\n        label: 'Reactivate',\n        icon: <CheckCircle />,\n        onClick: handleActivateDeactivateMember,\n        isVisible: (member) => getDeleteAction(member) === 'reactivate',\n      },\n    ] satisfies Action<Member>[];\n  }, [\n    canCreateMemberPerm,\n    canDeleteMemberPerm,\n    canDeleteSelfPerm,\n    canInviteMember,\n    canUpdateMember,\n    canUpdateSelf,\n    currentMemberId,\n    handleActivateDeactivateMember,\n    handleEdit,\n    openToast,\n    sendInviteEmail,\n  ]);\n\n  const { getItemActionProps } = useActionMenu<Member>({\n    actions,\n    idPrefix: 'member',\n    getId: getMemberId,\n  });\n\n  return (\n    <FlexBox flexDirection=\"column\" gap={3}>\n      {canActivateOrDeactivate && modal}\n      <FlexBox alignItems=\"center\" justifyContent=\"space-between\">\n        <Typography variant=\"h1\">Members</Typography>\n        {canInviteMember && (\n          <>\n            <InviteModal {...inviteModalProps} />\n            <Button compact variant=\"primary\" startIcon={<Add />} onClick={handleInviteClick}>\n              Invite\n            </Button>\n          </>\n        )}\n      </FlexBox>\n      <SearchBar placeholder=\"Search by email\" value={pendingFilterText} onChange={setFilterText} />\n      {error ? (\n        <Alert>{extractErrorMessage(error) ?? 'There was an error loading the Members list.'}</Alert>\n      ) : (\n        <PaginatedTable\n          {...tableProps}\n          itemRenderer={itemRenderer}\n          isLoading={isLoading}\n          getItemActionProps={getItemActionProps}\n          rowKeyExtractor={getMemberId}\n          titleVariant=\"h4\"\n        />\n      )}\n    </FlexBox>\n  );\n};\n"],"names":["MIN_EMAIL_FUZZY_SEARCH_LENGTH","MEMBER_LIST_TABLE_VIEW_ID","DEFAULT_STATUSES_FILTER","Set","REINVITE_MEMBER_STATUS","allStatusesFilterItems","allMemberStatuses","map","status","label","getMemberStatusDisplayName","value","useMembers","limit","email","emailRaw","roles","statuses","client","useStytchClient","orgInfo","useOrgInfo","length","undefined","useSWRInfinite","index","prevData","results_metadata","next_cursor","orgId","data","organization_id","method","slice","sort","cursor","fetchMembers","revalidateFirstPage","getMemberId","item","member_id","ColumnTitleWithFilter","items","onChange","title","container","setContainer","useState","React","div","ref","FlexBox","gap","alignItems","FilterMenu","anchorEl","emptySet","MemberListScreen","navigate","useMemberManagementRouterController","canCreateMemberPerm","useRbac","canUpdateMemberIsBreakglassPerm","canUpdateMemberRolesPerm","canUpdateMemberNamePerm","canUpdateMemberUntrustedMetadataPerm","canUpdateMemberMfaPhonePerm","canDeleteMemberMfaPhonePerm","canDeleteMemberMfaTotpPerm","canDeleteMemberPasswordPerm","canUpdateMemberMfaEnrolledPerm","canUpdateMemberDefaultMfaMethodPerm","canDeleteMemberPerm","canRevokeMemberSessionsPerm","canUpdateSelfNamePerm","canUpdateSelfUntrustedMetadataPerm","canUpdateSelfMfaPhonePerm","canDeleteSelfMfaPhonePerm","canDeleteSelfMfaTotpPerm","canDeleteSelfPasswordPerm","canUpdateSelfMfaEnrolledPerm","canUpdateSelfDefaultMfaMethodPerm","canDeleteSelfPerm","canRevokeSelfSessionsPerm","canGetOrgCustomRoles","canUpdateMember","canUpdateSelf","canActivateOrDeactivate","orgAllowsEmailInvites","email_invites","self","useSelf","currentMemberId","canInviteMember","roleAutocompleteProps","useRoleAutocomplete","excludeStytchMember","includeOrgRoles","allRolesSet","useMemo","selectItems","allRolesFilterItems","roleId","getOptionLabel","filterRoles","setFilterRoles","usePersistentFilter","viewId","fieldId","defaultValue","permittedValues","filterStatuses","setFilterStatuses","allMemberStatusesSet","itemRenderer","id","getValue","name","decorateCurrentMemberName","width","email_address","RolesList","hideStytchMemberWithOtherRoles","renderTitle","filterText","setFilterText","pendingFilterText","useDebouncedState","itemsPerPage","handleItemsPerPageChange","useItemsPerPage","error","isLoading","setSize","size","mutate","Array","from","resultsMetadata","at","currentPage","setCurrentPage","usePagination","itemsCount","tableProps","onRowClick","screen","params","memberId","rowsPerPage","rowsPerPageOptions","itemsPerPageOptions","onRowsPerPageChange","flatMap","page","members","loadNext","useCallback","metadata","total","openToast","useToast","sendInviteEmail","useSendInviteEmail","onSuccess","handleInviteClick","inviteModalProps","useInviteModal","handleEdit","member","openModal","modal","useMemberActivation","handleActivateDeactivateMember","actions","getDeleteAction","isSelf","email_address_verified","canEdit","key","icon","VisibilityOutlined","onClick","isVisible","EditOutlined","EmailOutlined","catch","message","extractErrorMessage","text","type","Boolean","has","DeleteOutlined","isDangerous","CheckCircle","getItemActionProps","useActionMenu","idPrefix","getId","flexDirection","justifyContent","Typography","variant","InviteModal","Button","compact","startIcon","Add","SearchBar","placeholder","Alert","PaginatedTable","rowKeyExtractor","titleVariant"],"mappings":"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"}

package/dist/esm-dev/packages/web/src/adminPortal/scim/SCIMConnectionRoleAssignmentsSection.mjs

@@ -16,13 +16,15 @@ import { arraysHaveSameContents } from '../utils/arraysHaveSameContents.mjs';
 import { useRoleAutocomplete } from '../utils/useRoleAutocomplete.mjs';
 import { useRoleDisplayInfo } from '../utils/useRoleDisplayInfo.mjs';
 import { isTruthy } from '../../utils/isTruthy.mjs';
+import { useRbac } from '../utils/useRbac.mjs';
 
 const RoleAssignmentsSection = ({ connection, useBlockNavigation })=>{
     const { data: scimConnectionGroups, isLoading: isLoadingScimGroups } = useScimConnectionGroups({
         shouldFetch: true
     });
+    const { data: canGetOrgCustomRoles } = useRbac('stytch.custom-org-roles', 'get');
     const { mutate: mutateScimConnection } = useMutateScimConnectionRoleAssignments();
-    const { getRoleIdDisplayName } = useRoleDisplayInfo();
+    const { getRoleIdDisplayName } = useRoleDisplayInfo(canGetOrgCustomRoles ?? false);
     const scimGroups = useMemo(()=>scimConnectionGroups?.scim_groups ?? [], [
         scimConnectionGroups
     ]);
@@ -82,7 +84,9 @@ const RoleAssignmentsSection = ({ connection, useBlockNavigation })=>{
             }
         }
     ];
-    const roleAutocompleteProps = useRoleAutocomplete();
+    const roleAutocompleteProps = useRoleAutocomplete({
+        includeOrgRoles: canGetOrgCustomRoles ?? false
+    });
     const groupIdsWithRoleAssignments = new Set(groupRoles.map(({ groupId })=>groupId));
     const findAvailableGroupIds = (currentId)=>Object.keys(groupIdToName).filter((groupId)=>!groupIdsWithRoleAssignments.has(groupId) || groupId === currentId);
     // Find the groupIds that do not have any roles assigned to them.

package/dist/esm-dev/packages/web/src/adminPortal/scim/SCIMConnectionRoleAssignmentsSection.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"SCIMConnectionRoleAssignmentsSection.mjs","sources":["../../../../../../../../web/src/adminPortal/scim/SCIMConnectionRoleAssignmentsSection.tsx"],"sourcesContent":["import React, { useMemo } from 'react';\nimport { FlexBox } from '../components/FlexBox';\nimport { SettingsContainer } from '../components/SettingsContainer';\nimport { SCIMConnection } from '@stytch/core/public';\nimport { Typography } from '../components/Typography';\nimport { Button } from '../components/Button';\nimport Add from '@mui/icons-material/Add';\nimport { Table } from '../components/Table';\nimport { useScimConnectionGroups } from '../utils/useScimConnectionGroups';\nimport { TagList } from '../components/TagList';\nimport { useFormState } from '../utils/useFormState';\nimport { Autocomplete } from '../components/Autocomplete';\nimport { PageLoadingIndicator } from '../components/PageLoadingIndicator';\nimport { Select } from '../components/Select';\nimport { useMutateScimConnectionRoleAssignments } from '../utils/useMutateScimConnection';\nimport { arraysHaveSameContents } from '../utils/arraysHaveSameContents';\nimport { UseBlockNavigation } from '../Router';\nimport { useRoleAutocomplete } from '../utils/useRoleAutocomplete';\nimport { useRoleDisplayInfo } from '../utils/useRoleDisplayInfo';\nimport { isTruthy } from '../../utils/isTruthy';\n\ntype ScimGroupRoleAssignment = { groupId: string | undefined; roles: string[] };\n\nexport const RoleAssignmentsSection = ({\n  connection,\n  useBlockNavigation,\n}: {\n  connection: SCIMConnection;\n  useBlockNavigation: UseBlockNavigation;\n}) => {\n  const { data: scimConnectionGroups, isLoading: isLoadingScimGroups } = useScimConnectionGroups({\n    shouldFetch: true,\n  });\n  const { mutate: mutateScimConnection } = useMutateScimConnectionRoleAssignments();\n  const { getRoleIdDisplayName } = useRoleDisplayInfo();\n\n  const scimGroups = useMemo(() => scimConnectionGroups?.scim_groups ?? [], [scimConnectionGroups]);\n  const scimRoleAssignments = connection?.scim_group_implicit_role_assignments;\n\n  const { groupIdToName, filteredGroupIdToRoles } = useMemo(() => {\n    const groupIdToNameMap = scimGroups.reduce(\n      (acc, val) => {\n        acc[val.group_id] = val.group_name;\n        return acc;\n      },\n      {} as Record<string, string>,\n    );\n\n    const groupIdToRolesMap = Object.keys(groupIdToNameMap).reduce(\n      (acc, groupId) => {\n        const scimRoleAssignment = scimRoleAssignments.find((roleAssignment) => roleAssignment.group_id === groupId);\n        if (!scimRoleAssignment) return acc;\n\n        if (!acc[groupId]) {\n          acc[groupId] = [];\n        }\n        acc[groupId].push(scimRoleAssignment.role_id);\n        return acc;\n      },\n      {} as Record<string, string[]>,\n    );\n\n    return {\n      groupIdToName: groupIdToNameMap,\n      // Filter out groups with no roles assigned\n      filteredGroupIdToRoles: Object.fromEntries(\n        Object.entries(groupIdToRolesMap).filter(([, roles]) => roles.length > 0),\n      ),\n    };\n  }, [scimGroups, scimRoleAssignments]);\n\n  const remoteState: { groupRoles: ScimGroupRoleAssignment[] } = useMemo(\n    () => ({\n      groupRoles: Object.entries(filteredGroupIdToRoles).map(([groupId, roles]) => ({\n        groupId,\n        roles,\n      })),\n    }),\n    [filteredGroupIdToRoles],\n  );\n  const { localState, setLocalState, editing, handleSetEditing } = useFormState({ remoteState });\n  const { groupRoles } = editing ? localState : remoteState;\n\n  const itemRenderer = [\n    {\n      title: 'Group',\n      getValue: ({ groupId }: ScimGroupRoleAssignment) => {\n        return (\n          <Typography variant=\"body2\" color=\"secondary\">\n            {groupId ? groupIdToName[groupId] : ''}\n          </Typography>\n        );\n      },\n      width: 300,\n    },\n    {\n      title: 'Role',\n      getValue: ({ roles }: ScimGroupRoleAssignment) => {\n        return <TagList tags={roles.map((role) => getRoleIdDisplayName(role))} />;\n      },\n    },\n  ];\n\n  const roleAutocompleteProps = useRoleAutocomplete();\n\n  const groupIdsWithRoleAssignments = new Set(groupRoles.map(({ groupId }) => groupId));\n  const findAvailableGroupIds = (currentId: string | undefined) =>\n    Object.keys(groupIdToName).filter((groupId) => !groupIdsWithRoleAssignments.has(groupId) || groupId === currentId);\n  // Find the groupIds that do not have any roles assigned to them.\n  const availableGroupIds = findAvailableGroupIds(undefined);\n\n  const handleOnChange = ({\n    groupId: currentGroupId,\n    updatedGroupId,\n    updatedRoles,\n  }: {\n    groupId: string | undefined;\n    updatedGroupId: string | undefined;\n    updatedRoles: string[] | undefined;\n  }) => {\n    setLocalState((prevState) => ({\n      groupRoles: prevState.groupRoles.map((value) => {\n        if (value.groupId !== currentGroupId) {\n          return value;\n        }\n        return {\n          groupId: updatedGroupId ?? value.groupId,\n          roles: updatedRoles ?? value.roles,\n        };\n      }),\n    }));\n  };\n\n  const disableSave = arraysHaveSameContents(localState.groupRoles, remoteState.groupRoles);\n  const disableAdd =\n    (localState.groupRoles.length > 0\n      ? localState.groupRoles[localState.groupRoles.length - 1].groupId === undefined\n      : false) || !availableGroupIds.length;\n\n  const handleSave = async () => {\n    await mutateScimConnection({\n      connection_id: connection.connection_id,\n      scim_group_implicit_role_assignments: localState.groupRoles.flatMap(({ groupId, roles }) => {\n        return roles\n          .map((role) => {\n            if (groupId) {\n              return {\n                group_id: groupId,\n                role_id: role,\n              };\n            }\n          })\n          .filter(isTruthy);\n      }),\n    });\n  };\n\n  if (isLoadingScimGroups) {\n    return <PageLoadingIndicator />;\n  }\n\n  return (\n    <SettingsContainer\n      title=\"Role Assignments\"\n      hasCTA={Object.keys(groupIdToName).length > 0}\n      onSave={handleSave}\n      useBlockNavigation={useBlockNavigation}\n      editing={editing}\n      disableSave={disableSave}\n      setEditing={handleSetEditing}\n    >\n      <Typography variant=\"h4\">Group Roles</Typography>\n      {editing ? (\n        <FlexBox flexDirection=\"column\" gap={2}>\n          {localState.groupRoles.length > 0 ? (\n            <div>\n              {groupRoles.map(({ groupId, roles }, index) => {\n                const groupNameSelectItems = findAvailableGroupIds(groupId).map((groupId) => {\n                  return {\n                    value: groupId,\n                    label: groupIdToName[groupId],\n                  };\n                });\n                return (\n                  <FlexBox flexDirection=\"row\" gap={2} key={index} alignItems=\"center\">\n                    <Select\n                      labelColor=\"secondary\"\n                      width={300}\n                      label=\"Group name\"\n                      selectItems={groupNameSelectItems}\n                      placeholder=\"Select Group Name\"\n                      value={groupId}\n                      onChange={(value) => handleOnChange({ groupId, updatedGroupId: value, updatedRoles: undefined })}\n                    />\n                    <Autocomplete\n                      {...roleAutocompleteProps}\n                      label=\"Group Role\"\n                      fullWidth\n                      value={roles}\n                      onChange={(value) => handleOnChange({ groupId, updatedGroupId: undefined, updatedRoles: value })}\n                    />\n                  </FlexBox>\n                );\n              })}\n            </div>\n          ) : (\n            <Typography variant=\"body2\">No roles assigned.</Typography>\n          )}\n          <Button\n            disabled={disableAdd}\n            startIcon={<Add />}\n            variant=\"text\"\n            onClick={() => {\n              setLocalState(() => ({\n                groupRoles: [...groupRoles, { groupId: undefined, roles: [] }],\n              }));\n            }}\n          >\n            Add group roles\n          </Button>\n        </FlexBox>\n      ) : groupRoles.length > 0 ? (\n        <Table\n          titleVariant=\"caption\"\n          itemRenderer={itemRenderer}\n          items={groupRoles}\n          rowKeyExtractor={({ groupId }) => groupId ?? ''}\n          disableBottomBorder\n        />\n      ) : (\n        <Typography variant=\"body2\">No roles assigned.</Typography>\n      )}\n    </SettingsContainer>\n  );\n};\n"],"names":["RoleAssignmentsSection","connection","useBlockNavigation","data","scimConnectionGroups","isLoading","isLoadingScimGroups","useScimConnectionGroups","shouldFetch","mutate","mutateScimConnection","useMutateScimConnectionRoleAssignments","getRoleIdDisplayName","useRoleDisplayInfo","scimGroups","useMemo","scim_groups","scimRoleAssignments","scim_group_implicit_role_assignments","groupIdToName","filteredGroupIdToRoles","groupIdToNameMap","reduce","acc","val","group_id","group_name","groupIdToRolesMap","Object","keys","groupId","scimRoleAssignment","find","roleAssignment","push","role_id","fromEntries","entries","filter","roles","length","remoteState","groupRoles","map","localState","setLocalState","editing","handleSetEditing","useFormState","itemRenderer","title","getValue","React","Typography","variant","color","width","TagList","tags","role","roleAutocompleteProps","useRoleAutocomplete","groupIdsWithRoleAssignments","Set","findAvailableGroupIds","currentId","has","availableGroupIds","undefined","handleOnChange","currentGroupId","updatedGroupId","updatedRoles","prevState","value","disableSave","arraysHaveSameContents","disableAdd","handleSave","connection_id","flatMap","isTruthy","PageLoadingIndicator","SettingsContainer","hasCTA","onSave","setEditing","FlexBox","flexDirection","gap","div","index","groupNameSelectItems","label","key","alignItems","Select","labelColor","selectItems","placeholder","onChange","Autocomplete","fullWidth","Button","disabled","startIcon","Add","onClick","Table","titleVariant","items","rowKeyExtractor","disableBottomBorder"],"mappings":"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"}
+{"version":3,"file":"SCIMConnectionRoleAssignmentsSection.mjs","sources":["../../../../../../../../web/src/adminPortal/scim/SCIMConnectionRoleAssignmentsSection.tsx"],"sourcesContent":["import React, { useMemo } from 'react';\nimport { FlexBox } from '../components/FlexBox';\nimport { SettingsContainer } from '../components/SettingsContainer';\nimport { SCIMConnection } from '@stytch/core/public';\nimport { Typography } from '../components/Typography';\nimport { Button } from '../components/Button';\nimport Add from '@mui/icons-material/Add';\nimport { Table } from '../components/Table';\nimport { useScimConnectionGroups } from '../utils/useScimConnectionGroups';\nimport { TagList } from '../components/TagList';\nimport { useFormState } from '../utils/useFormState';\nimport { Autocomplete } from '../components/Autocomplete';\nimport { PageLoadingIndicator } from '../components/PageLoadingIndicator';\nimport { Select } from '../components/Select';\nimport { useMutateScimConnectionRoleAssignments } from '../utils/useMutateScimConnection';\nimport { arraysHaveSameContents } from '../utils/arraysHaveSameContents';\nimport { UseBlockNavigation } from '../Router';\nimport { useRoleAutocomplete } from '../utils/useRoleAutocomplete';\nimport { useRoleDisplayInfo } from '../utils/useRoleDisplayInfo';\nimport { isTruthy } from '../../utils/isTruthy';\nimport { useRbac } from '../utils/useRbac';\n\ntype ScimGroupRoleAssignment = { groupId: string | undefined; roles: string[] };\n\nexport const RoleAssignmentsSection = ({\n  connection,\n  useBlockNavigation,\n}: {\n  connection: SCIMConnection;\n  useBlockNavigation: UseBlockNavigation;\n}) => {\n  const { data: scimConnectionGroups, isLoading: isLoadingScimGroups } = useScimConnectionGroups({\n    shouldFetch: true,\n  });\n\n  const { data: canGetOrgCustomRoles } = useRbac('stytch.custom-org-roles', 'get');\n\n  const { mutate: mutateScimConnection } = useMutateScimConnectionRoleAssignments();\n  const { getRoleIdDisplayName } = useRoleDisplayInfo(canGetOrgCustomRoles ?? false);\n\n  const scimGroups = useMemo(() => scimConnectionGroups?.scim_groups ?? [], [scimConnectionGroups]);\n  const scimRoleAssignments = connection?.scim_group_implicit_role_assignments;\n\n  const { groupIdToName, filteredGroupIdToRoles } = useMemo(() => {\n    const groupIdToNameMap = scimGroups.reduce(\n      (acc, val) => {\n        acc[val.group_id] = val.group_name;\n        return acc;\n      },\n      {} as Record<string, string>,\n    );\n\n    const groupIdToRolesMap = Object.keys(groupIdToNameMap).reduce(\n      (acc, groupId) => {\n        const scimRoleAssignment = scimRoleAssignments.find((roleAssignment) => roleAssignment.group_id === groupId);\n        if (!scimRoleAssignment) return acc;\n\n        if (!acc[groupId]) {\n          acc[groupId] = [];\n        }\n        acc[groupId].push(scimRoleAssignment.role_id);\n        return acc;\n      },\n      {} as Record<string, string[]>,\n    );\n\n    return {\n      groupIdToName: groupIdToNameMap,\n      // Filter out groups with no roles assigned\n      filteredGroupIdToRoles: Object.fromEntries(\n        Object.entries(groupIdToRolesMap).filter(([, roles]) => roles.length > 0),\n      ),\n    };\n  }, [scimGroups, scimRoleAssignments]);\n\n  const remoteState: { groupRoles: ScimGroupRoleAssignment[] } = useMemo(\n    () => ({\n      groupRoles: Object.entries(filteredGroupIdToRoles).map(([groupId, roles]) => ({\n        groupId,\n        roles,\n      })),\n    }),\n    [filteredGroupIdToRoles],\n  );\n  const { localState, setLocalState, editing, handleSetEditing } = useFormState({ remoteState });\n  const { groupRoles } = editing ? localState : remoteState;\n\n  const itemRenderer = [\n    {\n      title: 'Group',\n      getValue: ({ groupId }: ScimGroupRoleAssignment) => {\n        return (\n          <Typography variant=\"body2\" color=\"secondary\">\n            {groupId ? groupIdToName[groupId] : ''}\n          </Typography>\n        );\n      },\n      width: 300,\n    },\n    {\n      title: 'Role',\n      getValue: ({ roles }: ScimGroupRoleAssignment) => {\n        return <TagList tags={roles.map((role) => getRoleIdDisplayName(role))} />;\n      },\n    },\n  ];\n\n  const roleAutocompleteProps = useRoleAutocomplete({ includeOrgRoles: canGetOrgCustomRoles ?? false });\n\n  const groupIdsWithRoleAssignments = new Set(groupRoles.map(({ groupId }) => groupId));\n  const findAvailableGroupIds = (currentId: string | undefined) =>\n    Object.keys(groupIdToName).filter((groupId) => !groupIdsWithRoleAssignments.has(groupId) || groupId === currentId);\n  // Find the groupIds that do not have any roles assigned to them.\n  const availableGroupIds = findAvailableGroupIds(undefined);\n\n  const handleOnChange = ({\n    groupId: currentGroupId,\n    updatedGroupId,\n    updatedRoles,\n  }: {\n    groupId: string | undefined;\n    updatedGroupId: string | undefined;\n    updatedRoles: string[] | undefined;\n  }) => {\n    setLocalState((prevState) => ({\n      groupRoles: prevState.groupRoles.map((value) => {\n        if (value.groupId !== currentGroupId) {\n          return value;\n        }\n        return {\n          groupId: updatedGroupId ?? value.groupId,\n          roles: updatedRoles ?? value.roles,\n        };\n      }),\n    }));\n  };\n\n  const disableSave = arraysHaveSameContents(localState.groupRoles, remoteState.groupRoles);\n  const disableAdd =\n    (localState.groupRoles.length > 0\n      ? localState.groupRoles[localState.groupRoles.length - 1].groupId === undefined\n      : false) || !availableGroupIds.length;\n\n  const handleSave = async () => {\n    await mutateScimConnection({\n      connection_id: connection.connection_id,\n      scim_group_implicit_role_assignments: localState.groupRoles.flatMap(({ groupId, roles }) => {\n        return roles\n          .map((role) => {\n            if (groupId) {\n              return {\n                group_id: groupId,\n                role_id: role,\n              };\n            }\n          })\n          .filter(isTruthy);\n      }),\n    });\n  };\n\n  if (isLoadingScimGroups) {\n    return <PageLoadingIndicator />;\n  }\n\n  return (\n    <SettingsContainer\n      title=\"Role Assignments\"\n      hasCTA={Object.keys(groupIdToName).length > 0}\n      onSave={handleSave}\n      useBlockNavigation={useBlockNavigation}\n      editing={editing}\n      disableSave={disableSave}\n      setEditing={handleSetEditing}\n    >\n      <Typography variant=\"h4\">Group Roles</Typography>\n      {editing ? (\n        <FlexBox flexDirection=\"column\" gap={2}>\n          {localState.groupRoles.length > 0 ? (\n            <div>\n              {groupRoles.map(({ groupId, roles }, index) => {\n                const groupNameSelectItems = findAvailableGroupIds(groupId).map((groupId) => {\n                  return {\n                    value: groupId,\n                    label: groupIdToName[groupId],\n                  };\n                });\n                return (\n                  <FlexBox flexDirection=\"row\" gap={2} key={index} alignItems=\"center\">\n                    <Select\n                      labelColor=\"secondary\"\n                      width={300}\n                      label=\"Group name\"\n                      selectItems={groupNameSelectItems}\n                      placeholder=\"Select Group Name\"\n                      value={groupId}\n                      onChange={(value) => handleOnChange({ groupId, updatedGroupId: value, updatedRoles: undefined })}\n                    />\n                    <Autocomplete\n                      {...roleAutocompleteProps}\n                      label=\"Group Role\"\n                      fullWidth\n                      value={roles}\n                      onChange={(value) => handleOnChange({ groupId, updatedGroupId: undefined, updatedRoles: value })}\n                    />\n                  </FlexBox>\n                );\n              })}\n            </div>\n          ) : (\n            <Typography variant=\"body2\">No roles assigned.</Typography>\n          )}\n          <Button\n            disabled={disableAdd}\n            startIcon={<Add />}\n            variant=\"text\"\n            onClick={() => {\n              setLocalState(() => ({\n                groupRoles: [...groupRoles, { groupId: undefined, roles: [] }],\n              }));\n            }}\n          >\n            Add group roles\n          </Button>\n        </FlexBox>\n      ) : groupRoles.length > 0 ? (\n        <Table\n          titleVariant=\"caption\"\n          itemRenderer={itemRenderer}\n          items={groupRoles}\n          rowKeyExtractor={({ groupId }) => groupId ?? ''}\n          disableBottomBorder\n        />\n      ) : (\n        <Typography variant=\"body2\">No roles assigned.</Typography>\n      )}\n    </SettingsContainer>\n  );\n};\n"],"names":["RoleAssignmentsSection","connection","useBlockNavigation","data","scimConnectionGroups","isLoading","isLoadingScimGroups","useScimConnectionGroups","shouldFetch","canGetOrgCustomRoles","useRbac","mutate","mutateScimConnection","useMutateScimConnectionRoleAssignments","getRoleIdDisplayName","useRoleDisplayInfo","scimGroups","useMemo","scim_groups","scimRoleAssignments","scim_group_implicit_role_assignments","groupIdToName","filteredGroupIdToRoles","groupIdToNameMap","reduce","acc","val","group_id","group_name","groupIdToRolesMap","Object","keys","groupId","scimRoleAssignment","find","roleAssignment","push","role_id","fromEntries","entries","filter","roles","length","remoteState","groupRoles","map","localState","setLocalState","editing","handleSetEditing","useFormState","itemRenderer","title","getValue","React","Typography","variant","color","width","TagList","tags","role","roleAutocompleteProps","useRoleAutocomplete","includeOrgRoles","groupIdsWithRoleAssignments","Set","findAvailableGroupIds","currentId","has","availableGroupIds","undefined","handleOnChange","currentGroupId","updatedGroupId","updatedRoles","prevState","value","disableSave","arraysHaveSameContents","disableAdd","handleSave","connection_id","flatMap","isTruthy","PageLoadingIndicator","SettingsContainer","hasCTA","onSave","setEditing","FlexBox","flexDirection","gap","div","index","groupNameSelectItems","label","key","alignItems","Select","labelColor","selectItems","placeholder","onChange","Autocomplete","fullWidth","Button","disabled","startIcon","Add","onClick","Table","titleVariant","items","rowKeyExtractor","disableBottomBorder"],"mappings":"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"}

package/dist/esm-dev/packages/web/src/adminPortal/settings/OrgSettingsRoleAssignmentsSection.mjs

@@ -121,7 +121,7 @@ const RoleTable = ({ localState, remoteState, editing, setLocalState, role, isSs
 const filterRoleAssignmentsBy = (arr, { source })=>{
     return arr.slice().filter((val)=>val.source === source);
 };
-const OrgSettingsRoleAssignmentsBody = ({ editing, ssoConnections, roles, localState, remoteState, setLocalState, isSsoEnabled, isScimEnabled, allScimGroupIdToGroupName, scimConnection })=>{
+const OrgSettingsRoleAssignmentsBody = ({ editing, ssoConnections, roles, localState, remoteState, setLocalState, isSsoEnabled, isScimEnabled, canViewCustomOrgRoles, allScimGroupIdToGroupName, scimConnection })=>{
     const idMap = (editing ? localState : remoteState).idMap;
     const rolesWithAssignments = roles.filter((role)=>idMap[role.role_id].length > 0);
     const rolesById = useRolesById();
@@ -231,7 +231,9 @@ const OrgSettingsRoleAssignmentsBody = ({ editing, ssoConnections, roles, localS
     });
     const showInputContent = !!selectedRole && !!selectedSource;
     const disableConfirm = !showInputContent || selectedSource === 'Email' && emailDomain.length === 0 || selectedSource === 'SSO' && ssoRoleAssignments.every((connection)=>!connection.id);
-    const roleAutocompleteProps = useRoleAutocomplete();
+    const roleAutocompleteProps = useRoleAutocomplete({
+        includeOrgRoles: canViewCustomOrgRoles
+    });
     const roleSelectItems = roleAutocompleteProps.selectItems.map((roleId)=>({
             label: roleAutocompleteProps.getOptionLabel(roleId),
             value: roleId,
@@ -440,6 +442,7 @@ const OrgSettingsRoleAssignmentsSection = ({ orgInfo })=>{
     const { data: canSetRoles } = useRbac('stytch.organization', 'update.settings.implicit-roles');
     const { data: canGetSsoPerm } = useRbac('stytch.sso', 'get');
     const { data: canGetScimPerm } = useRbac('stytch.scim', 'get');
+    const { data: canGetOrgCustomRoles } = useRbac('stytch.custom-org-roles', 'get');
     const isSsoEnabled = adminPortalConfig?.sso_config.sso_enabled ?? false;
     const isScimEnabled = adminPortalConfig?.scim_config.scim_enabled ?? false;
     const canGetSso = (isSsoEnabled && canGetSsoPerm) ?? false;
@@ -453,7 +456,7 @@ const OrgSettingsRoleAssignmentsSection = ({ orgInfo })=>{
     const { data: scimConnectionGroups, isLoading: isLoadingScimGroups } = useScimConnectionGroups({
         shouldFetch: canGetScim && !!canSetRoles
     });
-    const roles = useRoles();
+    const roles = useRoles(canGetOrgCustomRoles);
     const sortRoles = useRoleSortFn();
     const sortedRoles = useMemo(()=>sortRoles(roles ?? []), [
         roles,
@@ -709,6 +712,7 @@ const OrgSettingsRoleAssignmentsSection = ({ orgInfo })=>{
         roles: sortedRoles,
         isSsoEnabled: isSsoEnabled,
         isScimEnabled: isScimEnabled,
+        canViewCustomOrgRoles: canGetOrgCustomRoles ?? false,
         allScimGroupIdToGroupName: allScimGroupIdToGroupName,
         scimConnection: scimConnection
     }));