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

package/dist/cjs-dev/b2b/index.cjs

@@ -2,12 +2,13 @@
 
 var b2b_index_headless = require('./index.headless.cjs');
 var React = require('react');
-var index$1 = require('../index-DdK3Jt4u.js');
-var passwordManagerDisableAutofillProps = require('../passwordManagerDisableAutofillProps-D70WyvIu.js');
-var shadcn = require('../shadcn-C9ClUju1.js');
-var StytchSSRProxy = require('../StytchSSRProxy-CxXsyme4.js');
-var idpHelpers = require('../idpHelpers-BVMUYvt1.js');
+var index$1 = require('../index-rquGmIlv.js');
+var passwordManagerDisableAutofillProps = require('../passwordManagerDisableAutofillProps-CgiK2M_U.js');
+var shadcn = require('../shadcn-DMk6ZSoD.js');
+var StytchSSRProxy = require('../StytchSSRProxy-d553KgcY.js');
+var dev = require('../dev-DaCGDI6V.js');
 var logger = require('../logger-CvOATP4R.js');
+var idpHelpers = require('../idpHelpers-DOYYSxsX.js');
 var ReactDOM = require('react-dom');
 
 function _interopNamespace(e) {
@@ -1205,7 +1206,7 @@ const getParamsFromB2BOAuthProviderConfig = (provider)=>{
         providerType = provider;
     } else {
         providerType = provider.type;
-        if (provider.type === StytchSSRProxy.B2BOAuthProviders.Google && 'one_tap' in provider) {
+        if (provider.type === StytchSSRProxy.B2BOAuthProviders.Google && provider.one_tap) {
             oneTap = provider.one_tap;
             cancelOnTapOutside = provider.cancel_on_tap_outside;
         }
@@ -1813,7 +1814,7 @@ const MFAEnrollmentSelectionScreen = ()=>{
 const DEFAULT_COUNTRY_CODE = 'US';
 /**
  * Thrown when the user provides a phone number that cannot be parsed.
- */ class InvalidPhoneNumberError extends StytchSSRProxy.StytchSDKError {
+ */ class InvalidPhoneNumberError extends dev.StytchSDKError {
     constructor(){
         // eslint-disable-next-line lingui/no-unlocalized-strings
         super('InvalidPhoneNumberError', 'Invalid phone number');
@@ -2690,7 +2691,9 @@ const OAuthB2BButton = ({ providerType, loginRedirectUrl, signupRedirectUrl, dis
     const { i18n: $__i18n, _: $__ } = passwordManagerDisableAutofillProps.useLingui();
     const stytchClient = shadcn.useStytch();
     const [state] = shadcn.useGlobalReducer();
-    const iconRegistry = shadcn.usePresentation().iconRegistry;
+    const presentation = shadcn.usePresentation();
+    const iconRegistry = presentation.iconRegistry;
+    const id = shadcn.getButtonId(`sso-${providerType}`, presentation.options);
     const provider = providerInfo[providerType];
     let label = providerType;
     let icon = null;
@@ -2722,7 +2725,8 @@ const OAuthB2BButton = ({ providerType, loginRedirectUrl, signupRedirectUrl, dis
     return /*#__PURE__*/ React__namespace.default.createElement(shadcn.Button, {
         onClick: onButtonClick,
         variant: "outline",
-        icon: icon
+        icon: icon,
+        id: id
     }, label);
 };
 
@@ -2864,7 +2868,7 @@ const B2BGoogleOneTap = ({ customScopes, providerParams, cancelOnTapOutside })=>
     });
     const fallbackWithLastUsed = lastUsedMethod === StytchSSRProxy.B2BOAuthProviders.Google ? /*#__PURE__*/ React__namespace.default.createElement(shadcn.LastUsed, null, fallbackButton) : fallbackButton;
     if (oneTapError) {
-        return /*#__PURE__*/ React__namespace.default.createElement(React__namespace.default.Fragment, null, idpHelpers.DEV(/*#__PURE__*/ React__namespace.default.createElement(shadcn.ErrorMessages, {
+        return /*#__PURE__*/ React__namespace.default.createElement(React__namespace.default.Fragment, null, dev.DEV(/*#__PURE__*/ React__namespace.default.createElement(shadcn.ErrorMessages, {
             error: oneTapError
         })), fallbackWithLastUsed);
     }
@@ -3567,8 +3571,9 @@ const SSOButton = ({ connection, onStart })=>{
     const { i18n: $__i18n, _: $__ } = passwordManagerDisableAutofillProps.useLingui();
     const stytchClient = shadcn.useStytch();
     const { ssoOptions } = shadcn.useConfig();
-    const { iconRegistry } = shadcn.usePresentation();
+    const { iconRegistry, options } = shadcn.usePresentation();
     const { connection_id, display_name, identity_provider } = connection;
+    const id = shadcn.getButtonId(`sso-${display_name}`, options);
     const onButtonClick = ()=>stytchClient.sso.start({
             connection_id,
             signup_redirect_url: ssoOptions?.signupRedirectURL,
@@ -3581,7 +3586,8 @@ const SSOButton = ({ connection, onStart })=>{
     return /*#__PURE__*/ React__namespace.default.createElement(shadcn.Button, {
         variant: "outline",
         onClick: onButtonClick,
-        icon: /*#__PURE__*/ React__namespace.default.createElement(Icon, null)
+        icon: /*#__PURE__*/ React__namespace.default.createElement(Icon, null),
+        id: id
     }, $__i18n._({
         id: "provider.continueWith",
         message: "Continue with {display_name}",
@@ -3597,7 +3603,7 @@ const SSOButton = ({ connection, onStart })=>{
 function extractConnectionId(method) {
     return method?.startsWith('sso:') ? method.slice(4) : undefined;
 }
-function getButtonId(button) {
+function getButtonKey(button) {
     if (button.type === 'oauth') {
         return button.provider.type;
     } else if (button.type === 'sso') {
@@ -4716,6 +4722,7 @@ const SsoAndOAuthButtons = ({ buttons })=>{
     const { i18n: $__i18n, _: $__ } = passwordManagerDisableAutofillProps.useLingui();
     const [state, dispatch] = shadcn.useGlobalReducer();
     const { oauthProviderSettings = [] } = useEffectiveAuthConfig();
+    const presentation = shadcn.usePresentation();
     const [lastUsedMethod, setLastUsedMethod] = useLastUsedAuthMethod();
     const config = shadcn.useConfig();
     const { loginRedirectURL, signupRedirectURL, discoveryRedirectURL, customScopes, providerParams } = config.oauthOptions ?? {};
@@ -4743,7 +4750,7 @@ const SsoAndOAuthButtons = ({ buttons })=>{
         return null;
     }
     // Reorder providers based on last used
-    const [reorderedButtons, foundLastUsedOAuth] = shadcn.arrayUtils.moveToFront(authButtons, (button)=>getButtonId(button) === lastUsedMethod);
+    const [reorderedButtons, foundLastUsedOAuth] = shadcn.arrayUtils.moveToFront(authButtons, (button)=>getButtonKey(button) === lastUsedMethod);
     // Helper function to create OAuth button component
     const createOAuthButton = (oauthProvider)=>{
         const providerProps = {
@@ -4782,6 +4789,7 @@ const SsoAndOAuthButtons = ({ buttons })=>{
                     return /*#__PURE__*/ React__namespace.default.createElement(shadcn.Button, {
                         key: "sso-discovery",
                         variant: "outline",
+                        id: shadcn.getButtonId('sso-discovery', presentation.options),
                         onClick: ()=>{
                             dispatch({
                                 type: 'transition',
@@ -4798,7 +4806,7 @@ const SsoAndOAuthButtons = ({ buttons })=>{
             }
         })();
         return foundLastUsedOAuth && index === 0 ? /*#__PURE__*/ React__namespace.default.createElement(shadcn.LastUsed, {
-            key: getButtonId(button)
+            key: getButtonKey(button)
         }, buttonComponent) : buttonComponent;
     }));
 };
@@ -4817,7 +4825,8 @@ const ssoIcons = {
 };
 const emailIcons = {
     gmail: shadcn.GmailIcon,
-    outlook: shadcn.OutlookIcon
+    outlook: shadcn.OutlookIcon,
+    yahoo: shadcn.YahooIcon
 };
 
 const EmailFormWithoutPassword = ()=>/*#__PURE__*/ React__namespace.default.createElement(EmailForm, {
@@ -5037,7 +5046,7 @@ const EnsureMemberIsLoggedIn = ({ children })=>{
     ]);
     React.useEffect(()=>{
         if (member) return;
-        onErrorRef.current(new StytchSSRProxy.NoCurrentSessionError());
+        onErrorRef.current(new dev.NoCurrentSessionError());
     }, [
         member
     ]);
@@ -5059,7 +5068,12 @@ const EnsureMemberIsLoggedIn = ({ children })=>{
  * Wrapper to add default organizationProducts value. This is done to preserve the ability for a future
  * component that doesn't do this, allowing B2B products to be properly tree-shaken (which is also why this is currently
  * in a completely different file)
- */ const AppContainer = ({ config, ...props })=>{
+ */ const AppContainer = ({ config, styles, ...props })=>{
+    dev.RUN_IN_DEV(()=>{
+        if (styles) {
+            logger.logger.error('styles is deprecated and has no effect. Use the presentation prop instead.\n' + 'See https://staging.stytch.com/docs/api-reference/b2b/frontend-sdks/react/upgrade-guide');
+        }
+    });
     const internalConfig = {
         ...config,
         organizationProducts: Object.values(B2BProducts)
@@ -5069,7 +5083,7 @@ const EnsureMemberIsLoggedIn = ({ children })=>{
         ...props
     });
 };
-const B2BIDPContainer = ({ client, presentation, callbacks, strings, getIDPConsentManifest, trustedAuthTokenParams })=>{
+const B2BIDPContainer = ({ client, presentation, callbacks, strings, getIDPConsentManifest, trustedAuthTokenParams, styles })=>{
     const presentationValue = shadcn.usePresentationWithDefault(presentation, false, []);
     React.useEffect(()=>{
         StytchSSRProxy.readB2BInternals(client).bootstrap.getAsync().then((data)=>{
@@ -5083,6 +5097,11 @@ const B2BIDPContainer = ({ client, presentation, callbacks, strings, getIDPConse
     }, [
         client
     ]);
+    dev.RUN_IN_DEV(()=>{
+        if (styles) {
+            logger.logger.error('styles is deprecated and has no effect. Use the presentation prop instead.\n' + 'See https://staging.stytch.com/docs/api-reference/b2b/frontend-sdks/react/upgrade-guide');
+        }
+    });
     return /*#__PURE__*/ React__namespace.default.createElement(shadcn.GlobalContextProvider, {
         client: client,
         config: {},
@@ -5171,7 +5190,7 @@ function createB2BComponent(name, Component) {
  *     onEvent: (event) => console.log(event)
  *   }}
  * />
- */ const StytchB2B = createB2BComponent('StytchB2B', AppContainer);
+ */ const StytchB2B = /* @__PURE__ */ createB2BComponent('StytchB2B', AppContainer);
 
 /**
  * The Stytch B2B IDP component.
@@ -5192,7 +5211,7 @@ function createB2BComponent(name, Component) {
  *     onEvent: (event) => console.log(event)
  *   }}
  * />
- */ const B2BIdentityProvider = createB2BComponent('B2BIdentityProvider', B2BIDPContainer);
+ */ const B2BIdentityProvider = /* @__PURE__ */ createB2BComponent('B2BIdentityProvider', B2BIDPContainer);
 
 /**
  * Returns the active Member.
@@ -5202,7 +5221,7 @@ function createB2BComponent(name, Component) {
  * @example
  * const {member, isInitialized, fromCache} = useStytchMember();
  * if (!isInitialized) {
- *     return <p>Loading...</p>;
+ *   return <p>Loading...</p>;
  * }
  * return (<h1>Welcome, {member.name}</h1>);
  */ const useStytchMember = index$1.useStytchMember;
@@ -5218,7 +5237,7 @@ function createB2BComponent(name, Component) {
  *     return;
  *   }
  *   if (!session) {
- *     router.replace('/login')
+ *     router.replace('/login');
  *   }
  * }, [session, isInitialized]);
  */ const useStytchMemberSession = index$1.useStytchMemberSession;
@@ -5230,9 +5249,9 @@ function createB2BComponent(name, Component) {
  * @example
  * const {organization, isInitialized, fromCache} = useStytchOrganization();
  * if (!isInitialized) {
- *     return <p>Loading...</p>;
+ *   return <p>Loading...</p>;
  * }
- * return (<p>Welcome to {organization.organization_name}</p>);
+ * return <p>Welcome to {organization.organization_name}</p>;
  */ const useStytchOrganization = index$1.useStytchOrganization;
 /**
  * Determines whether the logged-in member is allowed to perform the specified action on the specified resource.
@@ -5243,7 +5262,7 @@ function createB2BComponent(name, Component) {
  *
  * Remember - authorization checks for sensitive actions should always occur on the backend as well.
  * @example
- * const { isAuthorized } = useStytchIsAuthorized<Permissions>('documents', 'edit');
+ * const { isAuthorized } = useStytchIsAuthorized('documents', 'edit');
  * return <button disabled={!isAuthorized}>Edit</button>
  */ const useStytchIsAuthorized = index$1.useStytchIsAuthorized;
 const withStytchMember = index$1.withStytchMember;
@@ -5285,62 +5304,62 @@ exports.shadcnTheme = shadcn.shadcnTheme;
 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.BiometricRegistrationIdIsNullOrBlank = dev.BiometricRegistrationIdIsNullOrBlank;
+exports.BiometricsAlreadyEnrolledError = dev.BiometricsAlreadyEnrolledError;
+exports.BiometricsFailedError = dev.BiometricsFailedError;
+exports.BiometricsUnavailableError = dev.BiometricsUnavailableError;
+exports.ChallengeSigningFailedError = dev.ChallengeSigningFailedError;
+exports.DFPNotConfigured = dev.DFPNotConfigured;
+exports.DeviceCredentialsNotAllowedError = dev.DeviceCredentialsNotAllowedError;
+exports.FailedCodeChallengeError = dev.FailedCodeChallengeError;
+exports.FailedToDecryptDataError = dev.FailedToDecryptDataError;
+exports.IDPOAuthFlowMissingParamError = dev.IDPOAuthFlowMissingParamError;
+exports.InternalError = dev.InternalError;
+exports.InvalidAuthorizationCredentialError = dev.InvalidAuthorizationCredentialError;
+exports.InvalidCredentialTypeError = dev.InvalidCredentialTypeError;
+exports.InvalidPrivateKeyLength = dev.InvalidPrivateKeyLength;
+exports.InvalidRedirectSchemeError = dev.InvalidRedirectSchemeError;
+exports.InvalidStartUrlError = dev.InvalidStartUrlError;
+exports.JSONDataNotConvertibleToStringError = dev.JSONDataNotConvertibleToStringError;
+exports.KeyInvalidatedError = dev.KeyInvalidatedError;
+exports.KeystoreUnavailableError = dev.KeystoreUnavailableError;
+exports.MissingAttestationObjectError = dev.MissingAttestationObjectError;
+exports.MissingAuthorizationCredentialIDTokenError = dev.MissingAuthorizationCredentialIDTokenError;
+exports.MissingCipherIv = dev.MissingCipherIv;
+exports.MissingGoogleClientIDError = dev.MissingGoogleClientIDError;
+exports.MissingPKCEError = dev.MissingPKCEError;
+exports.MissingPublicKeyError = dev.MissingPublicKeyError;
+exports.MissingUrlError = dev.MissingUrlError;
+exports.NoBiometricsEnrolledError = dev.NoBiometricsEnrolledError;
+exports.NoBiometricsRegistrationError = dev.NoBiometricsRegistrationError;
+exports.NoCredentialsPresentError = dev.NoCredentialsPresentError;
+exports.NoCurrentSessionError = dev.NoCurrentSessionError;
+exports.PasskeysInvalidEncoding = dev.PasskeysInvalidEncoding;
+exports.PasskeysMisconfigured = dev.PasskeysMisconfigured;
+exports.PasskeysUnsupportedError = dev.PasskeysUnsupportedError;
+exports.RandomNumberGenerationFailed = dev.RandomNumberGenerationFailed;
+exports.SDKAPIUnreachableError = dev.SDKAPIUnreachableError;
+exports.SDKNotConfiguredError = dev.SDKNotConfiguredError;
+exports.SignInWithAppleMisconfigured = dev.SignInWithAppleMisconfigured;
+exports.StytchAPIError = dev.StytchAPIError;
+exports.StytchAPISchemaError = dev.StytchAPISchemaError;
+exports.StytchAPIUnreachableError = dev.StytchAPIUnreachableError;
+exports.StytchError = dev.StytchError;
+exports.StytchSDKAPIError = dev.StytchSDKAPIError;
+exports.StytchSDKError = dev.StytchSDKError;
+exports.StytchSDKSchemaError = dev.StytchSDKSchemaError;
+exports.StytchSDKUsageError = dev.StytchSDKUsageError;
+exports.UNRECOVERABLE_ERROR_TYPES = dev.UNRECOVERABLE_ERROR_TYPES;
+exports.UserCancellationError = dev.UserCancellationError;
+exports.UserLockedOutError = dev.UserLockedOutError;
+exports.errorToStytchError = dev.errorToStytchError;
 exports.parseOAuthAuthorizeParams = idpHelpers.parseOAuthAuthorizeParams;
 exports.parseOAuthLogoutParams = idpHelpers.parseOAuthLogoutParams;
 exports.B2BIdentityProvider = B2BIdentityProvider;