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

package/dist/esm/_virtual/index.mjs

@@ -1,8 +1,8 @@
 import { getDefaultExportFromCjs } from './_commonjsHelpers.mjs';
-import { __require as requireLodash_merge } from '../node_modules/lodash.merge/index.mjs';
+import { __require as requireClassnames } from '../node_modules/classnames/index.mjs';
 
-var lodash_mergeExports = requireLodash_merge();
-var merge = /*@__PURE__*/getDefaultExportFromCjs(lodash_mergeExports);
+var classnamesExports = requireClassnames();
+var classNames = /*@__PURE__*/getDefaultExportFromCjs(classnamesExports);
 
-export { merge as default };
+export { classNames as default };
 //# sourceMappingURL=index.mjs.map

package/dist/esm/_virtual/index3.mjs

@@ -1,8 +1,6 @@
-import { getDefaultExportFromCjs } from './_commonjsHelpers.mjs';
-import { __require as requireClassnames } from '../node_modules/classnames/index.mjs';
+import { __require as requireBs58 } from '../node_modules/bs58/index.mjs';
 
-var classnamesExports = requireClassnames();
-var classNames = /*@__PURE__*/getDefaultExportFromCjs(classnamesExports);
+var bs58Exports = requireBs58();
 
-export { classNames as default };
+export { bs58Exports as b };
 //# sourceMappingURL=index3.mjs.map

package/dist/esm/_virtual/index3.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"index3.mjs","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;"}
+{"version":3,"file":"index3.mjs","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;"}

package/dist/esm/_virtual/index4.mjs

@@ -1,6 +1,8 @@
-import { __require as requireBs58 } from '../node_modules/bs58/index.mjs';
+import { getDefaultExportFromCjs } from './_commonjsHelpers.mjs';
+import { __require as requireLodash_merge } from '../node_modules/lodash.merge/index.mjs';
 
-var bs58Exports = requireBs58();
+var lodash_mergeExports = requireLodash_merge();
+var merge = /*@__PURE__*/getDefaultExportFromCjs(lodash_mergeExports);
 
-export { bs58Exports as b };
+export { merge as default };
 //# sourceMappingURL=index4.mjs.map

package/dist/esm/_virtual/index4.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"index4.mjs","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;"}
+{"version":3,"file":"index4.mjs","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;"}

package/dist/esm/_virtual/index6.mjs

@@ -1,4 +1,4 @@
-var shim = {exports: {}};
+var lodash_merge = {exports: {}};
 
-export { shim as __module };
+export { lodash_merge as __module };
 //# sourceMappingURL=index6.mjs.map

package/dist/esm/_virtual/index7.mjs

@@ -1,4 +1,4 @@
-var lodash_merge = {exports: {}};
+var shim = {exports: {}};
 
-export { lodash_merge as __module };
+export { shim as __module };
 //# sourceMappingURL=index7.mjs.map

package/dist/esm/adminPortal/index.mjs

@@ -1,6 +1,9 @@
-export { AdminPortalB2BProducts } from '../packages/web/src/adminPortal/AdminPortalB2BProducts.mjs';
 export { AdminPortalMemberManagement } from '../packages/web/src/ui/react/adminPortal/AdminPortalMemberManagement.mjs';
 export { AdminPortalOrgSettings } from '../packages/web/src/ui/react/adminPortal/AdminPortalOrgSettings.mjs';
 export { AdminPortalSCIM } from '../packages/web/src/ui/react/adminPortal/AdminPortalSCIM.mjs';
 export { AdminPortalSSO } from '../packages/web/src/ui/react/adminPortal/AdminPortalSSO.mjs';
+export { AdminPortalB2BProducts } from '../packages/web/src/adminPortal/AdminPortalB2BProducts.mjs';
+export { OAuthProviders, OTPMethods, OneTapPositions, RNUIProducts, StytchEventType, Wallets } from '../packages/core/src/public/ui.mjs';
+export { BiometricRegistrationIdIsNullOrBlank, BiometricsAlreadyEnrolledError, BiometricsFailedError, BiometricsUnavailableError, ChallengeSigningFailedError, DFPNotConfigured, DeviceCredentialsNotAllowedError, FailedCodeChallengeError, FailedToDecryptDataError, IDPOAuthFlowMissingParamError, InternalError, InvalidAuthorizationCredentialError, InvalidCredentialTypeError, InvalidPrivateKeyLength, InvalidRedirectSchemeError, InvalidStartUrlError, JSONDataNotConvertibleToStringError, KeyInvalidatedError, KeystoreUnavailableError, MissingAttestationObjectError, MissingAuthorizationCredentialIDTokenError, MissingCipherIv, MissingGoogleClientIDError, MissingPKCEError, MissingPublicKeyError, MissingUrlError, NoBiometricsEnrolledError, NoBiometricsRegistrationError, NoCredentialsPresentError, NoCurrentSessionError, PasskeysInvalidEncoding, PasskeysMisconfigured, PasskeysUnsupportedError, RandomNumberGenerationFailed, SDKAPIUnreachableError, SDKNotConfiguredError, SignInWithAppleMisconfigured, StytchAPIError, StytchAPISchemaError, StytchAPIUnreachableError, StytchError, StytchSDKAPIError, StytchSDKError, StytchSDKSchemaError, StytchSDKUsageError, UNRECOVERABLE_ERROR_TYPES, UserCancellationError, UserLockedOutError, errorToStytchError } from '../packages/core/src/public/SDKErrors.mjs';
+export { AuthFlowType, B2BMFAProducts, B2BOAuthProviders, RedirectURLType } from '../packages/core/src/public/b2b/ui.mjs';
 //# sourceMappingURL=index.mjs.map

package/dist/esm/adminPortal/index.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"index.mjs","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;"}
+{"version":3,"file":"index.mjs","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;"}

package/dist/esm/b2b/index.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"index.mjs","sources":["../../../src/b2b/index.ts"],"sourcesContent":["import { createStytchB2BClient } from '@stytch/web/b2b/headless';\n\n/**\n * @deprecated - use {@link createStytchB2BClient} instead\n */\nexport const createStytchB2BUIClient = createStytchB2BClient;\n\nexport {\n  StytchB2BProvider,\n  useStytchB2BClient,\n  useStytchMemberSession,\n  useStytchMember,\n  useStytchIsAuthorized,\n  useStytchOrganization,\n  withStytchB2BClient,\n  withStytchMemberSession,\n  withStytchMember,\n  withStytchOrganization,\n  withStytchPermissions,\n} from './StytchB2BContext';\n\nexport * from '@stytch/web/b2b/headless';\nexport * from '@stytch/web/common';\nexport { StytchB2B, B2BIdentityProvider } from '@stytch/web/react/b2b';\nexport { B2BProducts } from '@stytch/web/b2b';\n\nexport type { StytchB2BProviderProps } from './StytchB2BContext';\nexport type { StytchB2BProps, B2BIdentityProviderProps } from '@stytch/web/react/b2b';\nexport type {\n  B2BSDKConfig,\n  B2BIDPSDKConfig,\n  StytchB2BLoginConfig,\n  B2BIDPConsentManifestGenerator,\n  Strings,\n} from '@stytch/web/b2b';\n"],"names":["createStytchB2BUIClient","createStytchB2BClient"],"mappings":";;;;;;;;;;;;;;;;;AAEA;;IAGO,MAAMA,uBAAAA,GAA0BC;;;;"}
+{"version":3,"file":"index.mjs","sources":["../../../src/b2b/index.ts"],"sourcesContent":["import { createStytchB2BClient } from '@stytch/web/b2b/headless';\n\n/**\n * @deprecated - use {@link createStytchB2BClient} instead\n */\nexport const createStytchB2BUIClient = createStytchB2BClient;\n\nexport {\n  StytchB2BProvider,\n  useStytchB2BClient,\n  useStytchMemberSession,\n  useStytchMember,\n  useStytchIsAuthorized,\n  useStytchOrganization,\n  withStytchB2BClient,\n  withStytchMemberSession,\n  withStytchMember,\n  withStytchOrganization,\n  withStytchPermissions,\n} from './StytchB2BContext';\n\nexport * from '@stytch/web/b2b/headless';\nexport * from '@stytch/web/common';\nexport { StytchB2B, B2BIdentityProvider } from '@stytch/web/react/b2b';\nexport { B2BProducts } from '@stytch/web/b2b';\n\nexport type { StytchB2BProviderProps } from './StytchB2BContext';\nexport type { StytchB2BProps, B2BIdentityProviderProps } from '@stytch/web/react/b2b';\nexport type {\n  B2BSDKConfig,\n  B2BIDPSDKConfig,\n  StytchB2BUIConfig,\n  B2BIDPConsentManifestGenerator,\n  Strings,\n} from '@stytch/web/b2b';\n"],"names":["createStytchB2BUIClient","createStytchB2BClient"],"mappings":";;;;;;;;;;;;;;;;;AAEA;;IAGO,MAAMA,uBAAAA,GAA0BC;;;;"}

package/dist/esm/node_modules/lodash.merge/index.mjs

@@ -1,5 +1,5 @@
 import { commonjsGlobal } from '../../_virtual/_commonjsHelpers.mjs';
-import { __module as lodash_merge } from '../../_virtual/index7.mjs';
+import { __module as lodash_merge } from '../../_virtual/index6.mjs';
 
 /**
  * Lodash (Custom Build) <https://lodash.com/>

package/dist/esm/node_modules/use-sync-external-store/shim/index.mjs

@@ -1,4 +1,4 @@
-import { __module as shim } from '../../../_virtual/index6.mjs';
+import { __module as shim } from '../../../_virtual/index7.mjs';
 import { __require as requireUseSyncExternalStoreShim_production } from '../cjs/use-sync-external-store-shim.production.mjs';
 
 var hasRequiredShim;

package/dist/esm/packages/core/src/rpc/FrameClient.mjs

@@ -18,6 +18,7 @@ class IframeHostClient {
             existingIframe.style.width = '0';
             existingIframe.style.height = '0';
             existingIframe.style.border = '0';
+            existingIframe.role = 'none';
             document.body.appendChild(existingIframe);
         } else {
             logger.warn(MULTIPLE_STYTCH_CLIENTS_DETECTED_WARNING);

package/dist/esm/packages/core/src/rpc/FrameClient.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"FrameClient.mjs","sources":["../../../../../../../core/src/rpc/FrameClient.ts"],"sourcesContent":["import { ErrorMarshaller } from '../ErrorMarshaller';\nimport { MULTIPLE_STYTCH_CLIENTS_DETECTED_WARNING } from '../constants';\nimport { logger } from '../utils';\n\ntype RequestPayload = {\n  method: string;\n  args: unknown[];\n};\n\ntype ResponsePayload<T> = {\n  success: boolean;\n  payload: T;\n  error: Record<string, unknown>;\n};\n\nexport class IframeHostClient {\n  frame!: Promise<HTMLIFrameElement>;\n\n  constructor(private iframeURL: string) {\n    this.createIframe();\n  }\n\n  private createIframe() {\n    let existingIframe = document.querySelector(`[src~=\"${this.iframeURL}\"]`) as HTMLIFrameElement;\n\n    /* If an iframe does not exist yet, create one */\n    if (!existingIframe) {\n      existingIframe = document.createElement('iframe');\n      existingIframe.src = this.iframeURL;\n      existingIframe.style.position = 'absolute';\n      existingIframe.style.width = '0';\n      existingIframe.style.height = '0';\n      existingIframe.style.border = '0';\n      document.body.appendChild(existingIframe);\n    } else {\n      logger.warn(MULTIPLE_STYTCH_CLIENTS_DETECTED_WARNING);\n    }\n\n    /**\n     * [NASTY BUG]\n     * If we postMessage to an iframe that is _not yet loaded_, chrome will give a cryptic error message\n     * Failed to execute 'postMessage' on 'DOMWindow':\n     *   The target origin provided ('https://js.stytch.com') does not match the recipient window's origin ('http://localhost:3000').\n     * There is no builtin way to determine if an iframe is already loaded,\n     * so we set a dataset attr in our onload handler and use that to determine loading state\n     */\n    if (existingIframe.dataset.loaded === 'true') {\n      this.frame = Promise.resolve(existingIframe);\n      return;\n    }\n\n    this.frame = new Promise((resolve) => {\n      existingIframe.addEventListener(\n        'load',\n        () => {\n          existingIframe.dataset.loaded = 'true';\n          resolve(existingIframe);\n        },\n        { once: true },\n      );\n    });\n  }\n\n  async call<T>(method: string, args: unknown[]): Promise<T> {\n    const frame = await this.frame;\n    const channel = new MessageChannel();\n\n    return new Promise((resolve, reject) => {\n      channel.port1.onmessage = (event) => {\n        const resp = event.data as ResponsePayload<T>;\n        channel.port1.close();\n        if (resp.success) {\n          resolve(resp.payload);\n        } else {\n          reject(ErrorMarshaller.unmarshall(resp.error));\n        }\n      };\n\n      const message: RequestPayload = {\n        method,\n        args,\n      };\n\n      frame.contentWindow?.postMessage(message, this.iframeURL, [channel.port2]);\n    });\n  }\n}\n"],"names":["IframeHostClient","frame","constructor","iframeURL","createIframe","existingIframe","document","querySelector","createElement","src","style","position","width","height","border","body","appendChild","logger","warn","MULTIPLE_STYTCH_CLIENTS_DETECTED_WARNING","dataset","loaded","Promise","resolve","addEventListener","once","call","method","args","channel","MessageChannel","reject","port1","onmessage","event","resp","data","close","success","payload","ErrorMarshaller","unmarshall","error","message","contentWindow","postMessage","port2"],"mappings":";;;;AAeO,MAAMA,gBAAAA,CAAAA;;IACXC,KAAAA;IAEAC,WAAAA,CAAoBC,SAAiB,CAAE;aAAnBA,SAAAA,GAAAA,SAAAA;AAClB,QAAA,IAAI,CAACC,YAAY,EAAA;AACnB,IAAA;IAEQA,YAAAA,GAAe;AACrB,QAAA,IAAIC,cAAAA,GAAiBC,QAAAA,CAASC,aAAa,CAAC,CAAC,OAAO,EAAE,IAAI,CAACJ,SAAS,CAAC,EAAE,CAAC,CAAA;0DAGxE,IAAI,CAACE,cAAAA,EAAgB;YACnBA,cAAAA,GAAiBC,QAAAA,CAASE,aAAa,CAAC,QAAA,CAAA;AACxCH,YAAAA,cAAAA,CAAeI,GAAG,GAAG,IAAI,CAACN,SAAS;YACnCE,cAAAA,CAAeK,KAAK,CAACC,QAAQ,GAAG,UAAA;YAChCN,cAAAA,CAAeK,KAAK,CAACE,KAAK,GAAG,GAAA;YAC7BP,cAAAA,CAAeK,KAAK,CAACG,MAAM,GAAG,GAAA;YAC9BR,cAAAA,CAAeK,KAAK,CAACI,MAAM,GAAG,GAAA;YAC9BR,QAAAA,CAASS,IAAI,CAACC,WAAW,CAACX,cAAAA,CAAAA;QAC5B,CAAA,MAAO;AACLY,YAAAA,MAAAA,CAAOC,IAAI,CAACC,wCAAAA,CAAAA;AACd,QAAA;AAEA;;;;;;;AAOC,QACD,IAAId,cAAAA,CAAee,OAAO,CAACC,MAAM,KAAK,MAAA,EAAQ;AAC5C,YAAA,IAAI,CAACpB,KAAK,GAAGqB,OAAAA,CAAQC,OAAO,CAAClB,cAAAA,CAAAA;AAC7B,YAAA;AACF,QAAA;AAEA,QAAA,IAAI,CAACJ,KAAK,GAAG,IAAIqB,QAAQ,CAACC,OAAAA,GAAAA;YACxBlB,cAAAA,CAAemB,gBAAgB,CAC7B,MAAA,EACA,IAAA;gBACEnB,cAAAA,CAAee,OAAO,CAACC,MAAM,GAAG,MAAA;gBAChCE,OAAAA,CAAQlB,cAAAA,CAAAA;YACV,CAAA,EACA;gBAAEoB,IAAAA,EAAM;AAAK,aAAA,CAAA;AAEjB,QAAA,CAAA,CAAA;AACF,IAAA;AAEA,IAAA,MAAMC,IAAAA,CAAQC,MAAc,EAAEC,IAAe,EAAc;AACzD,QAAA,MAAM3B,KAAAA,GAAQ,MAAM,IAAI,CAACA,KAAK;AAC9B,QAAA,MAAM4B,UAAU,IAAIC,cAAAA,EAAAA;QAEpB,OAAO,IAAIR,OAAAA,CAAQ,CAACC,OAAAA,EAASQ,MAAAA,GAAAA;AAC3BF,YAAAA,OAAAA,CAAQG,KAAK,CAACC,SAAS,GAAG,CAACC,KAAAA,GAAAA;gBACzB,MAAMC,IAAAA,GAAOD,MAAME,IAAI;gBACvBP,OAAAA,CAAQG,KAAK,CAACK,KAAK,EAAA;gBACnB,IAAIF,IAAAA,CAAKG,OAAO,EAAE;AAChBf,oBAAAA,OAAAA,CAAQY,KAAKI,OAAO,CAAA;gBACtB,CAAA,MAAO;AACLR,oBAAAA,MAAAA,CAAOS,eAAAA,CAAgBC,UAAU,CAACN,IAAAA,CAAKO,KAAK,CAAA,CAAA;AAC9C,gBAAA;AACF,YAAA,CAAA;AAEA,YAAA,MAAMC,OAAAA,GAA0B;AAC9BhB,gBAAAA,MAAAA;AACAC,gBAAAA;AACF,aAAA;AAEA3B,YAAAA,KAAAA,CAAM2C,aAAa,EAAEC,WAAAA,CAAYF,SAAS,IAAI,CAACxC,SAAS,EAAE;AAAC0B,gBAAAA,OAAAA,CAAQiB;AAAM,aAAA,CAAA;AAC3E,QAAA,CAAA,CAAA;AACF,IAAA;AACF;;;;"}
+{"version":3,"file":"FrameClient.mjs","sources":["../../../../../../../core/src/rpc/FrameClient.ts"],"sourcesContent":["import { ErrorMarshaller } from '../ErrorMarshaller';\nimport { MULTIPLE_STYTCH_CLIENTS_DETECTED_WARNING } from '../constants';\nimport { logger } from '../utils';\n\ntype RequestPayload = {\n  method: string;\n  args: unknown[];\n};\n\ntype ResponsePayload<T> = {\n  success: boolean;\n  payload: T;\n  error: Record<string, unknown>;\n};\n\nexport class IframeHostClient {\n  frame!: Promise<HTMLIFrameElement>;\n\n  constructor(private iframeURL: string) {\n    this.createIframe();\n  }\n\n  private createIframe() {\n    let existingIframe = document.querySelector(`[src~=\"${this.iframeURL}\"]`) as HTMLIFrameElement;\n\n    /* If an iframe does not exist yet, create one */\n    if (!existingIframe) {\n      existingIframe = document.createElement('iframe');\n      existingIframe.src = this.iframeURL;\n      existingIframe.style.position = 'absolute';\n      existingIframe.style.width = '0';\n      existingIframe.style.height = '0';\n      existingIframe.style.border = '0';\n      existingIframe.role = 'none';\n      document.body.appendChild(existingIframe);\n    } else {\n      logger.warn(MULTIPLE_STYTCH_CLIENTS_DETECTED_WARNING);\n    }\n\n    /**\n     * [NASTY BUG]\n     * If we postMessage to an iframe that is _not yet loaded_, chrome will give a cryptic error message\n     * Failed to execute 'postMessage' on 'DOMWindow':\n     *   The target origin provided ('https://js.stytch.com') does not match the recipient window's origin ('http://localhost:3000').\n     * There is no builtin way to determine if an iframe is already loaded,\n     * so we set a dataset attr in our onload handler and use that to determine loading state\n     */\n    if (existingIframe.dataset.loaded === 'true') {\n      this.frame = Promise.resolve(existingIframe);\n      return;\n    }\n\n    this.frame = new Promise((resolve) => {\n      existingIframe.addEventListener(\n        'load',\n        () => {\n          existingIframe.dataset.loaded = 'true';\n          resolve(existingIframe);\n        },\n        { once: true },\n      );\n    });\n  }\n\n  async call<T>(method: string, args: unknown[]): Promise<T> {\n    const frame = await this.frame;\n    const channel = new MessageChannel();\n\n    return new Promise((resolve, reject) => {\n      channel.port1.onmessage = (event) => {\n        const resp = event.data as ResponsePayload<T>;\n        channel.port1.close();\n        if (resp.success) {\n          resolve(resp.payload);\n        } else {\n          reject(ErrorMarshaller.unmarshall(resp.error));\n        }\n      };\n\n      const message: RequestPayload = {\n        method,\n        args,\n      };\n\n      frame.contentWindow?.postMessage(message, this.iframeURL, [channel.port2]);\n    });\n  }\n}\n"],"names":["IframeHostClient","frame","constructor","iframeURL","createIframe","existingIframe","document","querySelector","createElement","src","style","position","width","height","border","role","body","appendChild","logger","warn","MULTIPLE_STYTCH_CLIENTS_DETECTED_WARNING","dataset","loaded","Promise","resolve","addEventListener","once","call","method","args","channel","MessageChannel","reject","port1","onmessage","event","resp","data","close","success","payload","ErrorMarshaller","unmarshall","error","message","contentWindow","postMessage","port2"],"mappings":";;;;AAeO,MAAMA,gBAAAA,CAAAA;;IACXC,KAAAA;IAEAC,WAAAA,CAAoBC,SAAiB,CAAE;aAAnBA,SAAAA,GAAAA,SAAAA;AAClB,QAAA,IAAI,CAACC,YAAY,EAAA;AACnB,IAAA;IAEQA,YAAAA,GAAe;AACrB,QAAA,IAAIC,cAAAA,GAAiBC,QAAAA,CAASC,aAAa,CAAC,CAAC,OAAO,EAAE,IAAI,CAACJ,SAAS,CAAC,EAAE,CAAC,CAAA;0DAGxE,IAAI,CAACE,cAAAA,EAAgB;YACnBA,cAAAA,GAAiBC,QAAAA,CAASE,aAAa,CAAC,QAAA,CAAA;AACxCH,YAAAA,cAAAA,CAAeI,GAAG,GAAG,IAAI,CAACN,SAAS;YACnCE,cAAAA,CAAeK,KAAK,CAACC,QAAQ,GAAG,UAAA;YAChCN,cAAAA,CAAeK,KAAK,CAACE,KAAK,GAAG,GAAA;YAC7BP,cAAAA,CAAeK,KAAK,CAACG,MAAM,GAAG,GAAA;YAC9BR,cAAAA,CAAeK,KAAK,CAACI,MAAM,GAAG,GAAA;AAC9BT,YAAAA,cAAAA,CAAeU,IAAI,GAAG,MAAA;YACtBT,QAAAA,CAASU,IAAI,CAACC,WAAW,CAACZ,cAAAA,CAAAA;QAC5B,CAAA,MAAO;AACLa,YAAAA,MAAAA,CAAOC,IAAI,CAACC,wCAAAA,CAAAA;AACd,QAAA;AAEA;;;;;;;AAOC,QACD,IAAIf,cAAAA,CAAegB,OAAO,CAACC,MAAM,KAAK,MAAA,EAAQ;AAC5C,YAAA,IAAI,CAACrB,KAAK,GAAGsB,OAAAA,CAAQC,OAAO,CAACnB,cAAAA,CAAAA;AAC7B,YAAA;AACF,QAAA;AAEA,QAAA,IAAI,CAACJ,KAAK,GAAG,IAAIsB,QAAQ,CAACC,OAAAA,GAAAA;YACxBnB,cAAAA,CAAeoB,gBAAgB,CAC7B,MAAA,EACA,IAAA;gBACEpB,cAAAA,CAAegB,OAAO,CAACC,MAAM,GAAG,MAAA;gBAChCE,OAAAA,CAAQnB,cAAAA,CAAAA;YACV,CAAA,EACA;gBAAEqB,IAAAA,EAAM;AAAK,aAAA,CAAA;AAEjB,QAAA,CAAA,CAAA;AACF,IAAA;AAEA,IAAA,MAAMC,IAAAA,CAAQC,MAAc,EAAEC,IAAe,EAAc;AACzD,QAAA,MAAM5B,KAAAA,GAAQ,MAAM,IAAI,CAACA,KAAK;AAC9B,QAAA,MAAM6B,UAAU,IAAIC,cAAAA,EAAAA;QAEpB,OAAO,IAAIR,OAAAA,CAAQ,CAACC,OAAAA,EAASQ,MAAAA,GAAAA;AAC3BF,YAAAA,OAAAA,CAAQG,KAAK,CAACC,SAAS,GAAG,CAACC,KAAAA,GAAAA;gBACzB,MAAMC,IAAAA,GAAOD,MAAME,IAAI;gBACvBP,OAAAA,CAAQG,KAAK,CAACK,KAAK,EAAA;gBACnB,IAAIF,IAAAA,CAAKG,OAAO,EAAE;AAChBf,oBAAAA,OAAAA,CAAQY,KAAKI,OAAO,CAAA;gBACtB,CAAA,MAAO;AACLR,oBAAAA,MAAAA,CAAOS,eAAAA,CAAgBC,UAAU,CAACN,IAAAA,CAAKO,KAAK,CAAA,CAAA;AAC9C,gBAAA;AACF,YAAA,CAAA;AAEA,YAAA,MAAMC,OAAAA,GAA0B;AAC9BhB,gBAAAA,MAAAA;AACAC,gBAAAA;AACF,aAAA;AAEA5B,YAAAA,KAAAA,CAAM4C,aAAa,EAAEC,WAAAA,CAAYF,SAAS,IAAI,CAACzC,SAAS,EAAE;AAAC2B,gBAAAA,OAAAA,CAAQiB;AAAM,aAAA,CAAA;AAC3E,QAAA,CAAA,CAAA;AACF,IAAA;AACF;;;;"}

package/dist/esm/packages/web/messages/b2b/en.json.mjs

@@ -58,6 +58,13 @@ var messages = {
 		],
 		"</bold>."
 	],
+	"emailConfirmation.emailSent": [
+		"Email sent! Try again in ",
+		[
+			"timeRemaining"
+		],
+		"s"
+	],
 	"emailConfirmation.title": [
 		"Check your email"
 	],
@@ -724,10 +731,10 @@ var messages = {
 		"Enter verification code"
 	],
 	"watermark.altText": [
-		"Powered by Stytch"
+		"Stytch + Twilio"
 	],
-	"watermark.twilio": [
-		"Twilio"
+	"watermark.poweredBy": [
+		"Powered by"
 	]
 };
 

package/dist/esm/packages/web/messages/b2b/en.json.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"en.json.mjs","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}
+{"version":3,"file":"en.json.mjs","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}

package/dist/esm/packages/web/messages/en.json.mjs

@@ -160,6 +160,13 @@ var messages = {
 		],
 		"</bold>."
 	],
+	"emailConfirmation.emailSent": [
+		"Email sent! Try again in ",
+		[
+			"timeRemaining"
+		],
+		"s"
+	],
 	"emailConfirmation.title": [
 		"Check your email"
 	],
@@ -708,10 +715,10 @@ var messages = {
 		"WhatsApp"
 	],
 	"watermark.altText": [
-		"Powered by Stytch"
+		"Stytch + Twilio"
 	],
-	"watermark.twilio": [
-		"Twilio"
+	"watermark.poweredBy": [
+		"Powered by"
 	]
 };
 

package/dist/esm/packages/web/messages/en.json.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"en.json.mjs","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}
+{"version":3,"file":"en.json.mjs","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}

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

@@ -60,15 +60,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 = useMemo(()=>{
         return [
@@ -200,6 +202,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);
@@ -252,7 +255,7 @@ const AccessSection = ({ member, orgRequiresMfa })=>{
     }, [
         closeLockoutWarningModal
     ]);
-    const roles = useRoles();
+    const roles = useRoles(canGetOrgCustomRoles);
     const handleSave = useCallback(async ()=>{
         const memberOptions = {
             member_id: member.member_id

package/dist/esm/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/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/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/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