@stytch/vanilla-js 6.0.0-next.3 → 6.0.0-next.4

package/CHANGELOG.md

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

package/dist/cjs/{WebComponents-C0ybD-Pt.js → WebComponents-C_vT6ftP.js}

@@ -482,6 +482,11 @@ function isDynamicTheme(theme) {
 }
 const PresentationContext = extractErrorMessage.F(undefined);
 const usePresentation = ()=>extractErrorMessage.q(PresentationContext);
+function getButtonId(base, options) {
+    if (options.buttonId == null || options.buttonId === false) return undefined;
+    if (typeof options.buttonId === 'string') return base + options.buttonId;
+    return base;
+}
 
 /**
  * Generic low level text Input element
@@ -489,7 +494,7 @@ const usePresentation = ()=>extractErrorMessage.q(PresentationContext);
  * You may want to use a more specific component in /molecules instead like {@link EmailInput}, {@link PasswordInput}
  */ const Input = /*#__PURE__*/ extractErrorMessage.N(({ className, label: labelText, hideLabel, action, id: idProp, containerClassName, error, ...props }, ref)=>{
     const presentation = usePresentation();
-    const id = idProp + (presentation.options?.inputIdSuffix || '');
+    const id = idProp + (presentation.options?.inputIdSuffix ?? '');
     const errorId = extractErrorMessage.useUniqueId();
     // Calculate the width of the action element and add it to the input padding so the input content
     // cannot go behind the action
@@ -726,7 +731,7 @@ error, ...additionalProps })=>{
 const EmailInput = ({ email, setEmail, hasPasskeys = false, ...additionalProps })=>{
     const { i18n: $__i18n, _: $__ } = extractErrorMessage.useLingui();
     return /*#__PURE__*/ extractErrorMessage.wn.createElement(Input, {
-        id: "email",
+        id: "email-input",
         label: $__i18n._({
             id: "formField.email.label",
             message: "Email"
@@ -4662,6 +4667,7 @@ exports.errorToast = errorToast;
 exports.extractErrorType = extractErrorType;
 exports.formatNumber = formatNumber;
 exports.formatNumberToIncludeCountryCode = formatNumberToIncludeCountryCode;
+exports.getButtonId = getButtonId;
 exports.getEnabledMethods = getEnabledMethods;
 exports.getNewPasswordProps = getNewPasswordProps;
 exports.getPhoneNumberProps = getPhoneNumberProps;
@@ -4686,4 +4692,4 @@ exports.usePresentationWithDefault = usePresentationWithDefault;
 exports.useStytch = useStytch;
 exports.useTimedBoolean = useTimedBoolean;
 exports.useTrustedAuthTokenParams = useTrustedAuthTokenParams;
-//# sourceMappingURL=WebComponents-C0ybD-Pt.js.map
+//# sourceMappingURL=WebComponents-C_vT6ftP.js.map