@stytch/react 20.0.0-next.3 → 20.0.0-next.5

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

@@ -4,7 +4,7 @@ var b2b_index_headless = require('./index.headless.cjs');
 var React = require('react');
 var index$1 = require('../index-rquGmIlv.js');
 var passwordManagerDisableAutofillProps = require('../passwordManagerDisableAutofillProps-CgiK2M_U.js');
-var shadcn = require('../shadcn-DnNfms7-.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');
@@ -2691,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(`oauth-${providerType}`, presentation.options);
     const provider = providerInfo[providerType];
     let label = providerType;
     let icon = null;
@@ -2723,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);
 };
 
@@ -3568,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,
@@ -3582,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}",
@@ -3598,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') {
@@ -4717,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 ?? {};
@@ -4744,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 = {
@@ -4783,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',
@@ -4799,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;
     }));
 };