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

package/dist/cjs/b2b/index.cjs

@@ -2,9 +2,9 @@
 
 var b2b_index_headless = require('./index.headless.cjs');
 var React = require('react');
-var index$1 = require('../index-Ni_dyEsz.js');
+var index$1 = require('../index-BIjXBvf_.js');
 var passwordManagerDisableAutofillProps = require('../passwordManagerDisableAutofillProps-DV31RTL_.js');
-var shadcn = require('../shadcn-B8TEzQMT.js');
+var shadcn = require('../shadcn-aVU6Lm9q.js');
 var StytchSSRProxy = require('../StytchSSRProxy-Bz6LNYdq.js');
 var idpHelpers = require('../idpHelpers-Bj_7pbfW.js');
 var ReactDOM = require('react-dom');
@@ -1204,7 +1204,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;
         }
@@ -2689,7 +2689,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;
@@ -2721,7 +2723,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);
 };
 
@@ -3564,8 +3567,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,
@@ -3578,7 +3582,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}",
@@ -3594,7 +3599,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') {
@@ -4713,6 +4718,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 ?? {};
@@ -4740,7 +4746,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 = {
@@ -4779,6 +4785,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',
@@ -4795,7 +4802,7 @@ const SsoAndOAuthButtons = ({ buttons })=>{
             }
         })();
         return foundLastUsedOAuth && index === 0 ? /*#__PURE__*/ React__namespace.default.createElement(shadcn.LastUsed, {
-            key: getButtonId(button)
+            key: getButtonKey(button)
         }, buttonComponent) : buttonComponent;
     }));
 };
@@ -4814,7 +4821,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, {
@@ -5056,7 +5064,7 @@ 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 })=>{
     const internalConfig = {
         ...config,
         organizationProducts: Object.values(B2BProducts)
@@ -5066,7 +5074,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)=>{
@@ -5167,7 +5175,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.
@@ -5188,7 +5196,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.
@@ -5198,7 +5206,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;
@@ -5214,7 +5222,7 @@ function createB2BComponent(name, Component) {
  *     return;
  *   }
  *   if (!session) {
- *     router.replace('/login')
+ *     router.replace('/login');
  *   }
  * }, [session, isInitialized]);
  */ const useStytchMemberSession = index$1.useStytchMemberSession;
@@ -5226,9 +5234,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.
@@ -5239,7 +5247,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;