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

package/dist/cjs/adminPortal/index.cjs

@@ -1,9 +1,9 @@
 'use strict';
 
 var React = require('react');
-var passwordManagerDisableAutofillProps = require('../passwordManagerDisableAutofillProps-C0akDAKd.js');
-var index$1 = require('../index-DfiRrtK8.js');
-var StytchSSRProxy = require('../StytchSSRProxy-CUOvjF03.js');
+var passwordManagerDisableAutofillProps = require('../passwordManagerDisableAutofillProps-DV31RTL_.js');
+var index$1 = require('../index-Ni_dyEsz.js');
+var StytchSSRProxy = require('../StytchSSRProxy-Bz6LNYdq.js');
 var jsxRuntime = require('react/jsx-runtime');
 var ReactDOM = require('react-dom');
 
@@ -941,11 +941,6 @@ function getReactElementRef(element) {
   return element?.ref || null;
 }
 
-const classNameSeed = 'stytch-admin-portal';
-const classNamePrefix = `${classNameSeed}-`;
-
-ClassNameGenerator.configure((componentName)=>`${classNamePrefix}${componentName}`);
-
 const common = {
   black: '#000',
   white: '#fff'
@@ -31674,7 +31669,7 @@ const useGetRoleDisplayName = ()=>{
     ]);
 };
 
-const useRoles = ()=>{
+const useRoles = (includeOrgRoles = false)=>{
     const b2bInternals = useB2BInternals();
     const [roles, setRoles] = React.useState(b2bInternals.bootstrap.getSync().rbacPolicy?.roles);
     React.useEffect(()=>{
@@ -31682,7 +31677,12 @@ const useRoles = ()=>{
             setRoles(value.rbacPolicy?.roles);
         });
     });
-    return roles;
+    let allRoles = roles;
+    if (includeOrgRoles) {
+        const orgRoles = b2bInternals.dataLayer.state?.organization?.custom_roles ?? [];
+        allRoles = (roles ?? []).concat(orgRoles ?? []);
+    }
+    return allRoles;
 };
 
 const filterToRBACFields = (role)=>{
@@ -32109,8 +32109,8 @@ const useGetRoleDescription = ()=>{
     ]);
 };
 
-const useRoleDisplayInfo = ()=>{
-    const allRoles = useRoles();
+const useRoleDisplayInfo = (includeOrgRoles = false)=>{
+    const allRoles = useRoles(includeOrgRoles);
     const getRoleDisplayName = useGetRoleDisplayName();
     const getRoleDescription = useGetRoleDescription();
     const roleInfo = React.useMemo(()=>{
@@ -32135,8 +32135,8 @@ const useRoleDisplayInfo = ()=>{
     };
 };
 
-const useRoleAutocomplete = ({ excludeStytchMember = false } = {})=>{
-    const allRoles = useRoles();
+const useRoleAutocomplete = ({ excludeStytchMember = false, includeOrgRoles = false } = {})=>{
+    const allRoles = useRoles(includeOrgRoles);
     const assignableRoles = React.useMemo(()=>excludeStytchMember ? allRoles?.filter((role)=>role.role_id !== ROLE_ID_STYTCH_MEMBER) : allRoles, [
         allRoles,
         excludeStytchMember
@@ -32148,7 +32148,7 @@ const useRoleAutocomplete = ({ excludeStytchMember = false } = {})=>{
         assignableRoles,
         sortRoles
     ]);
-    const { roleInfo, getRoleIdDisplayName } = useRoleDisplayInfo();
+    const { roleInfo, getRoleIdDisplayName } = useRoleDisplayInfo(includeOrgRoles);
     return {
         selectItems: roleSelectItems,
         getOptionDescription: (roleId)=>roleInfo[roleId].description,
@@ -32158,9 +32158,12 @@ const useRoleAutocomplete = ({ excludeStytchMember = false } = {})=>{
 
 const RoleAssignmentsSectionBody = ({ connection, localState, setLocalState, remoteState })=>{
     const { editing } = useSettingsContainer();
+    const { data: canGetOrgCustomRoles } = useRbac('stytch.custom-org-roles', 'get');
     const { connectionRoleIds, groupedRoles } = editing ? localState : remoteState;
     const connectionNeedsGroupAttributeMapping = connection.connectionType === 'saml' && !connection.attribute_mapping.groups;
-    const roleAutocompleteProps = useRoleAutocomplete();
+    const roleAutocompleteProps = useRoleAutocomplete({
+        includeOrgRoles: canGetOrgCustomRoles ?? false
+    });
     const handleAddGroupRole = React.useCallback(()=>{
         setLocalState((state)=>({
                 ...state,
@@ -34972,7 +34975,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();
@@ -35082,7 +35085,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,
@@ -35291,6 +35296,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;
@@ -35304,7 +35310,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 = React.useMemo(()=>sortRoles(roles ?? []), [
         roles,
@@ -35560,6 +35566,7 @@ const OrgSettingsRoleAssignmentsSection = ({ orgInfo })=>{
         roles: sortedRoles,
         isSsoEnabled: isSsoEnabled,
         isScimEnabled: isScimEnabled,
+        canViewCustomOrgRoles: canGetOrgCustomRoles ?? false,
         allScimGroupIdToGroupName: allScimGroupIdToGroupName,
         scimConnection: scimConnection
     }));
@@ -36469,15 +36476,17 @@ const AccessSectionBody = ({ localState, setLocalState, remoteState, implicitRol
     const { data: canUpdateMemberMfaEnrolledPerm } = useRbac('stytch.member', 'update.settings.mfa-enrolled');
     const { data: canUpdateMemberBreakglassPerm } = useRbac('stytch.member', 'update.settings.is-breakglass');
     const { data: canUpdateSelfMfaEnrolledPerm } = useRbac('stytch.self', 'update.settings.mfa-enrolled');
+    const { data: canGetOrgCustomRoles } = useRbac('stytch.custom-org-roles', 'get');
     const canUpdateMfaEnrolled = canUpdateMemberMfaEnrolledPerm || canUpdateSelfMfaEnrolledPerm && isSelf;
     const canUpdateRoles = canUpdateMemberRolesPerm;
     const canUpdateBreakglass = canUpdateMemberBreakglassPerm;
     const sortRoles = useRoleSortFn();
     const { selectItems: roleSelectItems, ...roleAutocompleteProps } = useRoleAutocomplete({
-        excludeStytchMember: true
+        excludeStytchMember: true,
+        includeOrgRoles: canGetOrgCustomRoles
     });
     const availableRoleSelectItems = roleSelectItems.filter((roleId)=>!explicitRoleAssignments.includes(roleId));
-    const { getRoleIdDisplayName } = useRoleDisplayInfo();
+    const { getRoleIdDisplayName } = useRoleDisplayInfo(canGetOrgCustomRoles);
     const stytchMemberRoleDisplayName = roleAutocompleteProps.getOptionLabel(ROLE_ID_STYTCH_MEMBER);
     const combinedRoleAssignments = React.useMemo(()=>{
         return [
@@ -36609,6 +36618,7 @@ const AccessSection = ({ member, orgRequiresMfa })=>{
     const { data: canUpdateMemberBreakglassPerm } = useRbac('stytch.member', 'update.settings.is-breakglass');
     const { data: canUpdateMemberMfaEnrolledPerm } = useRbac('stytch.member', 'update.settings.mfa-enrolled');
     const { data: canUpdateSelfMfaEnrolledPerm } = useRbac('stytch.self', 'update.settings.mfa-enrolled');
+    const { data: canGetOrgCustomRoles } = useRbac('stytch.custom-org-roles', 'get');
     const canUpdateRoles = canUpdateMemberRolesPerm;
     const canUpdateBreakglass = canUpdateMemberBreakglassPerm;
     const canUpdateMfaEnrolled = !orgRequiresMfa && (canUpdateMemberMfaEnrolledPerm || canUpdateSelfMfaEnrolledPerm && isMemberSelf);
@@ -36661,7 +36671,7 @@ const AccessSection = ({ member, orgRequiresMfa })=>{
     }, [
         closeLockoutWarningModal
     ]);
-    const roles = useRoles();
+    const roles = useRoles(canGetOrgCustomRoles);
     const handleSave = React.useCallback(async ()=>{
         const memberOptions = {
             member_id: member.member_id
@@ -37562,8 +37572,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;
@@ -37698,6 +37710,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;
@@ -37707,7 +37720,8 @@ const MemberListScreen = ()=>{
     const currentMemberId = self?.member_id;
     const canInviteMember = canCreateMemberPerm && orgAllowsEmailInvites;
     const roleAutocompleteProps = useRoleAutocomplete({
-        excludeStytchMember: true
+        excludeStytchMember: true,
+        includeOrgRoles: canGetOrgCustomRoles
     });
     const allRolesSet = React.useMemo(()=>new Set(roleAutocompleteProps.selectItems), [
         roleAutocompleteProps.selectItems
@@ -38401,8 +38415,9 @@ 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 = React.useMemo(()=>scimConnectionGroups?.scim_groups ?? [], [
         scimConnectionGroups
     ]);
@@ -38462,7 +38477,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.
@@ -39021,6 +39038,65 @@ var AdminPortalB2BProducts = /*#__PURE__*/ function(AdminPortalB2BProducts) {
     });
 };
 
+exports.AuthFlowType = StytchSSRProxy.AuthFlowType;
+exports.B2BMFAProducts = StytchSSRProxy.B2BMFAProducts;
+exports.B2BOAuthProviders = StytchSSRProxy.B2BOAuthProviders;
+exports.BiometricRegistrationIdIsNullOrBlank = StytchSSRProxy.BiometricRegistrationIdIsNullOrBlank;
+exports.BiometricsAlreadyEnrolledError = StytchSSRProxy.BiometricsAlreadyEnrolledError;
+exports.BiometricsFailedError = StytchSSRProxy.BiometricsFailedError;
+exports.BiometricsUnavailableError = StytchSSRProxy.BiometricsUnavailableError;
+exports.ChallengeSigningFailedError = StytchSSRProxy.ChallengeSigningFailedError;
+exports.DFPNotConfigured = StytchSSRProxy.DFPNotConfigured;
+exports.DeviceCredentialsNotAllowedError = StytchSSRProxy.DeviceCredentialsNotAllowedError;
+exports.FailedCodeChallengeError = StytchSSRProxy.FailedCodeChallengeError;
+exports.FailedToDecryptDataError = StytchSSRProxy.FailedToDecryptDataError;
+exports.IDPOAuthFlowMissingParamError = StytchSSRProxy.IDPOAuthFlowMissingParamError;
+exports.InternalError = StytchSSRProxy.InternalError;
+exports.InvalidAuthorizationCredentialError = StytchSSRProxy.InvalidAuthorizationCredentialError;
+exports.InvalidCredentialTypeError = StytchSSRProxy.InvalidCredentialTypeError;
+exports.InvalidPrivateKeyLength = StytchSSRProxy.InvalidPrivateKeyLength;
+exports.InvalidRedirectSchemeError = StytchSSRProxy.InvalidRedirectSchemeError;
+exports.InvalidStartUrlError = StytchSSRProxy.InvalidStartUrlError;
+exports.JSONDataNotConvertibleToStringError = StytchSSRProxy.JSONDataNotConvertibleToStringError;
+exports.KeyInvalidatedError = StytchSSRProxy.KeyInvalidatedError;
+exports.KeystoreUnavailableError = StytchSSRProxy.KeystoreUnavailableError;
+exports.MissingAttestationObjectError = StytchSSRProxy.MissingAttestationObjectError;
+exports.MissingAuthorizationCredentialIDTokenError = StytchSSRProxy.MissingAuthorizationCredentialIDTokenError;
+exports.MissingCipherIv = StytchSSRProxy.MissingCipherIv;
+exports.MissingGoogleClientIDError = StytchSSRProxy.MissingGoogleClientIDError;
+exports.MissingPKCEError = StytchSSRProxy.MissingPKCEError;
+exports.MissingPublicKeyError = StytchSSRProxy.MissingPublicKeyError;
+exports.MissingUrlError = StytchSSRProxy.MissingUrlError;
+exports.NoBiometricsEnrolledError = StytchSSRProxy.NoBiometricsEnrolledError;
+exports.NoBiometricsRegistrationError = StytchSSRProxy.NoBiometricsRegistrationError;
+exports.NoCredentialsPresentError = StytchSSRProxy.NoCredentialsPresentError;
+exports.NoCurrentSessionError = StytchSSRProxy.NoCurrentSessionError;
+exports.OAuthProviders = StytchSSRProxy.OAuthProviders;
+exports.OTPMethods = StytchSSRProxy.OTPMethods;
+exports.OneTapPositions = StytchSSRProxy.OneTapPositions;
+exports.PasskeysInvalidEncoding = StytchSSRProxy.PasskeysInvalidEncoding;
+exports.PasskeysMisconfigured = StytchSSRProxy.PasskeysMisconfigured;
+exports.PasskeysUnsupportedError = StytchSSRProxy.PasskeysUnsupportedError;
+exports.RNUIProducts = StytchSSRProxy.RNUIProducts;
+exports.RandomNumberGenerationFailed = StytchSSRProxy.RandomNumberGenerationFailed;
+exports.RedirectURLType = StytchSSRProxy.RedirectURLType;
+exports.SDKAPIUnreachableError = StytchSSRProxy.SDKAPIUnreachableError;
+exports.SDKNotConfiguredError = StytchSSRProxy.SDKNotConfiguredError;
+exports.SignInWithAppleMisconfigured = StytchSSRProxy.SignInWithAppleMisconfigured;
+exports.StytchAPIError = StytchSSRProxy.StytchAPIError;
+exports.StytchAPISchemaError = StytchSSRProxy.StytchAPISchemaError;
+exports.StytchAPIUnreachableError = StytchSSRProxy.StytchAPIUnreachableError;
+exports.StytchError = StytchSSRProxy.StytchError;
+exports.StytchEventType = StytchSSRProxy.StytchEventType;
+exports.StytchSDKAPIError = StytchSSRProxy.StytchSDKAPIError;
+exports.StytchSDKError = StytchSSRProxy.StytchSDKError;
+exports.StytchSDKSchemaError = StytchSSRProxy.StytchSDKSchemaError;
+exports.StytchSDKUsageError = StytchSSRProxy.StytchSDKUsageError;
+exports.UNRECOVERABLE_ERROR_TYPES = StytchSSRProxy.UNRECOVERABLE_ERROR_TYPES;
+exports.UserCancellationError = StytchSSRProxy.UserCancellationError;
+exports.UserLockedOutError = StytchSSRProxy.UserLockedOutError;
+exports.Wallets = StytchSSRProxy.Wallets;
+exports.errorToStytchError = StytchSSRProxy.errorToStytchError;
 exports.AdminPortalB2BProducts = AdminPortalB2BProducts;
 exports.AdminPortalMemberManagement = AdminPortalMemberManagement;
 exports.AdminPortalOrgSettings = AdminPortalOrgSettings;