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

package/CHANGELOG.md

@@ -1,5 +1,11 @@
 # @stytch/react
 
+## 20.0.0-next.4
+
+### Patch Changes
+
+- Beta bug fixes, add buttonId option
+
 ## 20.0.0-next.3
 
 ### Patch Changes

package/dist/cjs/b2b/index.cjs

@@ -4,7 +4,7 @@ var b2b_index_headless = require('./index.headless.cjs');
 var React = require('react');
 var index$1 = require('../index-BIjXBvf_.js');
 var passwordManagerDisableAutofillProps = require('../passwordManagerDisableAutofillProps-DV31RTL_.js');
-var shadcn = require('../shadcn-Z4AvHriT.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');
@@ -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;
     }));
 };