@stytch/vanilla-js 4.2.0 → 4.2.1

package/CHANGELOG.md

@@ -1,5 +1,12 @@
 # @stytch/vanilla-js
 
+## 4.2.1
+
+### Patch Changes
+
+- Updated dependencies [c50b9ad]
+  - @stytch/core@2.3.0
+
 ## 4.2.0
 
 ### Minor Changes

package/dist/b2b/index.d.ts

@@ -234,6 +234,10 @@ interface Member {
         role_id: string;
         sources: RoleSource[];
     }[];
+    /**
+     * The member's default MFA method.
+     */
+    default_mfa_method: string;
 }
 type B2BAuthenticateResponse = ResponseCommon & {
     /**
@@ -376,6 +380,19 @@ interface Organization {
      * The list's accepted values are: sso, magic_link, password, google_oauth, and microsoft_oauth.
      */
     allowed_auth_methods: string[];
+    /**
+     * The setting that controls which mfa methods can be used by Members of an Organization.
+     * The accepted values are:
+     *   ALL_ALLOWED – the default setting which allows all MFA methods to be used.
+     *   RESTRICTED – only methods that comply with allowed_mfa_methods can be used for MFA. This setting does not apply to Members with is_breakglass set to true.
+     */
+    mfa_methods?: string;
+    /**
+     * An array of allowed MFA methods.
+     * This list is enforced when mfa_methods is set to RESTRICTED.
+     * The list's accepted values are: sms_otp and totp.
+     */
+    allowed_mfa_methods?: ("sms_otp" | "totp")[];
     /**
      * The setting that controls the MFA policy for all Members in the Organization. The accepted values are:
      *   REQUIRED_FOR_ALL – All Members within the Organization will be required to complete MFA every time they wish to log in.

package/dist/b2b/index.esm.d.ts

@@ -234,6 +234,10 @@ interface Member {
         role_id: string;
         sources: RoleSource[];
     }[];
+    /**
+     * The member's default MFA method.
+     */
+    default_mfa_method: string;
 }
 type B2BAuthenticateResponse = ResponseCommon & {
     /**
@@ -376,6 +380,19 @@ interface Organization {
      * The list's accepted values are: sso, magic_link, password, google_oauth, and microsoft_oauth.
      */
     allowed_auth_methods: string[];
+    /**
+     * The setting that controls which mfa methods can be used by Members of an Organization.
+     * The accepted values are:
+     *   ALL_ALLOWED – the default setting which allows all MFA methods to be used.
+     *   RESTRICTED – only methods that comply with allowed_mfa_methods can be used for MFA. This setting does not apply to Members with is_breakglass set to true.
+     */
+    mfa_methods?: string;
+    /**
+     * An array of allowed MFA methods.
+     * This list is enforced when mfa_methods is set to RESTRICTED.
+     * The list's accepted values are: sms_otp and totp.
+     */
+    allowed_mfa_methods?: ("sms_otp" | "totp")[];
     /**
      * The setting that controls the MFA policy for all Members in the Organization. The accepted values are:
      *   REQUIRED_FOR_ALL – All Members within the Organization will be required to complete MFA every time they wish to log in.

package/dist/b2b/index.esm.js

@@ -1884,7 +1884,7 @@ var qe = Promise.resolve({
         return de().wrap(function (t) {
           for (;;) switch (t.prev = t.next) {
             case 0:
-              return $e("stytch.self.update").isOptionalString("name", e.name).isOptionalObject("untrusted_metadata", e.untrusted_metadata).isOptionalBoolean("mfa_enrolled", e.mfa_enrolled).isOptionalString("mfa_phone_number", e.mfa_phone_number), t.next = 3, this._networkClient.fetchSDK({
+              return $e("stytch.self.update").isOptionalString("name", e.name).isOptionalObject("untrusted_metadata", e.untrusted_metadata).isOptionalBoolean("mfa_enrolled", e.mfa_enrolled).isOptionalString("mfa_phone_number", e.mfa_phone_number).isOptionalString("default_mfa_method", e.default_mfa_method), t.next = 3, this._networkClient.fetchSDK({
                 url: "/b2b/organizations/members/update",
                 body: e,
                 errorMessage: "Failed to update member.",
@@ -3900,7 +3900,7 @@ var Et = /*#__PURE__*/function () {
         },
         sdk: {
           identifier: "Stytch.js Javascript SDK",
-          version: "4.2.0"
+          version: "4.2.1"
         }
       });
     }
@@ -11036,7 +11036,7 @@ var td = Ja.a(_templateObject23 || (_templateObject23 = _taggedTemplateLiteral([
             S(i), y(!t), "zxcvbn" === i ? (m(e), A(n.warning)) : "luds" === i && (C(r.missing_characters), O(r.missing_complexity), T(o));
           });
         });
-      }, []);
+      }, [e.passwords]);
     qn(function () {
       var e, t;
       var n = new URLSearchParams(window.location.search),

package/dist/b2b/index.headless.d.ts

@@ -231,6 +231,10 @@ interface Member {
         role_id: string;
         sources: RoleSource[];
     }[];
+    /**
+     * The member's default MFA method.
+     */
+    default_mfa_method: string;
 }
 type B2BAuthenticateResponse = ResponseCommon & {
     /**
@@ -373,6 +377,19 @@ interface Organization {
      * The list's accepted values are: sso, magic_link, password, google_oauth, and microsoft_oauth.
      */
     allowed_auth_methods: string[];
+    /**
+     * The setting that controls which mfa methods can be used by Members of an Organization.
+     * The accepted values are:
+     *   ALL_ALLOWED – the default setting which allows all MFA methods to be used.
+     *   RESTRICTED – only methods that comply with allowed_mfa_methods can be used for MFA. This setting does not apply to Members with is_breakglass set to true.
+     */
+    mfa_methods?: string;
+    /**
+     * An array of allowed MFA methods.
+     * This list is enforced when mfa_methods is set to RESTRICTED.
+     * The list's accepted values are: sms_otp and totp.
+     */
+    allowed_mfa_methods?: ("sms_otp" | "totp")[];
     /**
      * The setting that controls the MFA policy for all Members in the Organization. The accepted values are:
      *   REQUIRED_FOR_ALL – All Members within the Organization will be required to complete MFA every time they wish to log in.

package/dist/b2b/index.headless.esm.d.ts

@@ -231,6 +231,10 @@ interface Member {
         role_id: string;
         sources: RoleSource[];
     }[];
+    /**
+     * The member's default MFA method.
+     */
+    default_mfa_method: string;
 }
 type B2BAuthenticateResponse = ResponseCommon & {
     /**
@@ -373,6 +377,19 @@ interface Organization {
      * The list's accepted values are: sso, magic_link, password, google_oauth, and microsoft_oauth.
      */
     allowed_auth_methods: string[];
+    /**
+     * The setting that controls which mfa methods can be used by Members of an Organization.
+     * The accepted values are:
+     *   ALL_ALLOWED – the default setting which allows all MFA methods to be used.
+     *   RESTRICTED – only methods that comply with allowed_mfa_methods can be used for MFA. This setting does not apply to Members with is_breakglass set to true.
+     */
+    mfa_methods?: string;
+    /**
+     * An array of allowed MFA methods.
+     * This list is enforced when mfa_methods is set to RESTRICTED.
+     * The list's accepted values are: sms_otp and totp.
+     */
+    allowed_mfa_methods?: ("sms_otp" | "totp")[];
     /**
      * The setting that controls the MFA policy for all Members in the Organization. The accepted values are:
      *   REQUIRED_FOR_ALL – All Members within the Organization will be required to complete MFA every time they wish to log in.

package/dist/b2b/index.headless.esm.js

@@ -1882,7 +1882,7 @@ var Ye = Promise.resolve({
         return de().wrap(function (t) {
           for (;;) switch (t.prev = t.next) {
             case 0:
-              return qe("stytch.self.update").isOptionalString("name", e.name).isOptionalObject("untrusted_metadata", e.untrusted_metadata).isOptionalBoolean("mfa_enrolled", e.mfa_enrolled).isOptionalString("mfa_phone_number", e.mfa_phone_number), t.next = 3, this._networkClient.fetchSDK({
+              return qe("stytch.self.update").isOptionalString("name", e.name).isOptionalObject("untrusted_metadata", e.untrusted_metadata).isOptionalBoolean("mfa_enrolled", e.mfa_enrolled).isOptionalString("mfa_phone_number", e.mfa_phone_number).isOptionalString("default_mfa_method", e.default_mfa_method), t.next = 3, this._networkClient.fetchSDK({
                 url: "/b2b/organizations/members/update",
                 body: e,
                 errorMessage: "Failed to update member.",
@@ -3898,7 +3898,7 @@ var At = /*#__PURE__*/function () {
         },
         sdk: {
           identifier: "Stytch.js Javascript SDK",
-          version: "4.2.0"
+          version: "4.2.1"
         }
       });
     }

package/dist/b2b/index.headless.js

@@ -1814,7 +1814,7 @@ var Fe = Promise.resolve({
         return te().wrap(function (t) {
           for (;;) switch (t.prev = t.next) {
             case 0:
-              return Be("stytch.self.update").isOptionalString("name", e.name).isOptionalObject("untrusted_metadata", e.untrusted_metadata).isOptionalBoolean("mfa_enrolled", e.mfa_enrolled).isOptionalString("mfa_phone_number", e.mfa_phone_number), t.next = 3, this._networkClient.fetchSDK({
+              return Be("stytch.self.update").isOptionalString("name", e.name).isOptionalObject("untrusted_metadata", e.untrusted_metadata).isOptionalBoolean("mfa_enrolled", e.mfa_enrolled).isOptionalString("mfa_phone_number", e.mfa_phone_number).isOptionalString("default_mfa_method", e.default_mfa_method), t.next = 3, this._networkClient.fetchSDK({
                 url: "/b2b/organizations/members/update",
                 body: e,
                 errorMessage: "Failed to update member.",
@@ -3830,7 +3830,7 @@ var ft = /*#__PURE__*/function () {
         },
         sdk: {
           identifier: "Stytch.js Javascript SDK",
-          version: "4.2.0"
+          version: "4.2.1"
         }
       });
     }

package/dist/b2b/index.js

@@ -1816,7 +1816,7 @@ var je = Promise.resolve({
         return te().wrap(function (t) {
           for (;;) switch (t.prev = t.next) {
             case 0:
-              return Re("stytch.self.update").isOptionalString("name", e.name).isOptionalObject("untrusted_metadata", e.untrusted_metadata).isOptionalBoolean("mfa_enrolled", e.mfa_enrolled).isOptionalString("mfa_phone_number", e.mfa_phone_number), t.next = 3, this._networkClient.fetchSDK({
+              return Re("stytch.self.update").isOptionalString("name", e.name).isOptionalObject("untrusted_metadata", e.untrusted_metadata).isOptionalBoolean("mfa_enrolled", e.mfa_enrolled).isOptionalString("mfa_phone_number", e.mfa_phone_number).isOptionalString("default_mfa_method", e.default_mfa_method), t.next = 3, this._networkClient.fetchSDK({
                 url: "/b2b/organizations/members/update",
                 body: e,
                 errorMessage: "Failed to update member.",
@@ -3832,7 +3832,7 @@ var mt = /*#__PURE__*/function () {
         },
         sdk: {
           identifier: "Stytch.js Javascript SDK",
-          version: "4.2.0"
+          version: "4.2.1"
         }
       });
     }
@@ -10968,7 +10968,7 @@ var Hu = Na.a(_templateObject23 || (_templateObject23 = _taggedTemplateLiteral([
             k(o), v(!t), "zxcvbn" === o ? (m(e), g(n.warning)) : "luds" === o && (E(r.missing_characters), x(r.missing_complexity), P(i));
           });
         });
-      }, []);
+      }, [e.passwords]);
     jn(function () {
       var e, t;
       var n = new URLSearchParams(window.location.search),

package/dist/index.esm.js

@@ -3814,7 +3814,7 @@ var Qt = /*#__PURE__*/function () {
         },
         sdk: {
           identifier: "Stytch.js Javascript SDK",
-          version: "4.2.0"
+          version: "4.2.1"
         }
       });
     }
@@ -8092,7 +8092,7 @@ var bc = _defineProperty(_defineProperty(_defineProperty(_defineProperty(_define
           }
         }, _callee12);
       }));
-    }, [a, e, null === (t = o.oauthOptions) || void 0 === t ? void 0 : t.loginRedirectURL, null === (n = o.oauthOptions) || void 0 === n ? void 0 : n.signupRedirectURL]);
+    }, [a, e, _, null === (t = o.oauthOptions) || void 0 === t ? void 0 : t.loginRedirectURL, null === (n = o.oauthOptions) || void 0 === n ? void 0 : n.signupRedirectURL]);
     mr(function () {
       var e;
       return w().then(function (t) {
@@ -9905,9 +9905,8 @@ var Kl = _defineProperty(_defineProperty(_defineProperty({}, g.SMS, "text messag
       n = _Ls8[1],
       r = Ts(),
       i = Os(),
-      o = i.emailMagicLinksOptions;
-    if (!o) return Ii.createElement(Ii.Fragment, null);
-    var a = i.products.includes(p.passkeys),
+      o = i.emailMagicLinksOptions,
+      a = i.products.includes(p.passkeys),
       _hr31 = hr(""),
       _hr32 = _slicedToArray(_hr31, 2),
       s = _hr32[0],
@@ -9920,6 +9919,7 @@ var Kl = _defineProperty(_defineProperty(_defineProperty({}, g.SMS, "text messag
       _hr36 = _slicedToArray(_hr35, 2),
       d = _hr36[0],
       h = _hr36[1];
+    if (!o) return Ii.createElement(Ii.Fragment, null);
     return Ii.createElement("form", {
       onSubmit: function onSubmit(i) {
         return Rt(void 0, void 0, void 0, /*#__PURE__*/_regeneratorRuntime().mark(function _callee16() {
@@ -9975,33 +9975,34 @@ var Kl = _defineProperty(_defineProperty(_defineProperty({}, g.SMS, "text messag
       _Ls10 = _slicedToArray(_Ls9, 2),
       e = _Ls10[1],
       t = Os(),
-      n = Ts();
-    if (!t.passwordOptions) return Ii.createElement(Ii.Fragment, null);
-    var r = t.products.includes(Vs.passkeys),
+      n = Ts(),
+      r = t.passwordOptions,
+      i = t.products.includes(Vs.passkeys),
       _hr37 = hr(""),
       _hr38 = _slicedToArray(_hr37, 2),
-      i = _hr38[0],
-      o = _hr38[1],
+      o = _hr38[0],
+      a = _hr38[1],
       _hr39 = hr(""),
       _hr40 = _slicedToArray(_hr39, 2),
-      a = _hr40[0],
-      s = _hr40[1],
+      s = _hr40[0],
+      c = _hr40[1],
       _hr41 = hr(!1),
       _hr42 = _slicedToArray(_hr41, 2),
-      c = _hr42[0],
-      l = _hr42[1];
+      l = _hr42[0],
+      u = _hr42[1];
+    if (!r) return Ii.createElement(Ii.Fragment, null);
     return Ii.createElement("form", {
       onSubmit: function onSubmit(t) {
         return Rt(void 0, void 0, void 0, /*#__PURE__*/_regeneratorRuntime().mark(function _callee17() {
           return _regeneratorRuntime().wrap(function _callee17$(_context17) {
             while (1) switch (_context17.prev = _context17.next) {
               case 0:
-                t.preventDefault(), i.match(Kt) ? (s(""), l(!0), pn(n).searchManager.searchUser(i).then(function (_ref74) {
+                t.preventDefault(), o.match(Kt) ? (c(""), u(!0), pn(n).searchManager.searchUser(o).then(function (_ref74) {
                   var t = _ref74.userType;
                   e({
                     type: "update_password_state",
                     passwordState: {
-                      email: i,
+                      email: o,
                       type: t
                     }
                   }), e({
@@ -10010,13 +10011,13 @@ var Kl = _defineProperty(_defineProperty(_defineProperty({}, g.SMS, "text messag
                   }), pn(n).networkClient.logEvent({
                     name: "email_sent",
                     details: {
-                      email: i,
+                      email: o,
                       type: nc.ResetPassword
                     }
                   });
                 })["catch"](function (e) {
-                  l(!1), s(e.message);
-                })) : s("Invalid email address");
+                  u(!1), c(e.message);
+                })) : c("Invalid email address");
               case 1:
               case "end":
                 return _context17.stop();
@@ -10031,14 +10032,14 @@ var Kl = _defineProperty(_defineProperty(_defineProperty({}, g.SMS, "text messag
       direction: "column",
       height: 52
     }, Ii.createElement(Zl, {
-      email: i,
-      setEmail: o,
-      hasPasskeys: r
+      email: o,
+      setEmail: a,
+      hasPasskeys: i
     }), Ii.createElement(Rs, {
       size: "helper",
       color: "error"
-    }, a)), Ii.createElement(Wl, {
-      isSubmitting: c,
+    }, s)), Ii.createElement(Wl, {
+      isSubmitting: l,
       text: "Continue with email"
     })));
   },
@@ -10212,10 +10213,7 @@ var du = _defineProperty(_defineProperty(_defineProperty(_defineProperty(_define
         conditionalMediation: !0
       }),
       c = _$l.promptAutofill;
-    if (c(), i && o) return Ii.createElement(Rs, {
-      size: "helper"
-    }, "Error: Cannot use both EML and Email OTP");
-    a && i && (s = s.filter(function (e) {
+    c(), a && i && (s = s.filter(function (e) {
       return e !== lu.Email;
     })), a && o && (s = s.filter(function (e) {
       return e !== g.Email;
@@ -10223,16 +10221,19 @@ var du = _defineProperty(_defineProperty(_defineProperty(_defineProperty(_define
     var _hr45 = hr(s[0]),
       _hr46 = _slicedToArray(_hr45, 2),
       l = _hr46[0],
-      u = _hr46[1],
-      d = _defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty({}, g.Email, ql), g.WhatsApp, function () {
-        return Ii.createElement(Yl, {
-          method: g.WhatsApp
-        });
-      }), g.SMS, function () {
-        return Ii.createElement(Yl, {
-          method: g.SMS
-        });
-      }), lu.Email, Jl), uu.Email, Xl);
+      u = _hr46[1];
+    if (i && o) return Ii.createElement(Rs, {
+      size: "helper"
+    }, "Error: Cannot use both EML and Email OTP");
+    var d = _defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty({}, g.Email, ql), g.WhatsApp, function () {
+      return Ii.createElement(Yl, {
+        method: g.WhatsApp
+      });
+    }), g.SMS, function () {
+      return Ii.createElement(Yl, {
+        method: g.SMS
+      });
+    }), lu.Email, Jl), uu.Email, Xl);
     return Ii.createElement(Ii.Fragment, null, Ii.createElement(au, {
       variant: "warning"
     }), Ii.createElement(Bl, {
@@ -11642,7 +11643,7 @@ var up = function up(_ref85) {
       }).then(function (e) {
         _(p === g.Email ? d : e.number);
       });
-    }, [p, d]);
+    }, [p, d, o]);
     return mr(function () {
       6 === h.length && Rt(void 0, void 0, void 0, /*#__PURE__*/_regeneratorRuntime().mark(function _callee21() {
         var e, t;
@@ -12371,9 +12372,8 @@ var ph = function ph(e) {
   hh = function hh() {
     var e = Ts(),
       t = Os(),
-      n = t.passwordOptions;
-    if (!n) return Ii.createElement(Ii.Fragment, null);
-    var _Ls19 = Ls(),
+      n = t.passwordOptions,
+      _Ls19 = Ls(),
       _Ls20 = _slicedToArray(_Ls19, 2),
       r = _Ls20[0],
       i = _Ls20[1],
@@ -12439,7 +12439,8 @@ var ph = function ph(e) {
             "invalid_email" === e.error_type && p(e.message);
           });
         });
-      }, []);
+      }, [e.passwords]);
+    if (!n) return Ii.createElement(Ii.Fragment, null);
     return Ii.createElement("form", {
       onSubmit: function onSubmit(r) {
         var c, u;
@@ -12507,9 +12508,8 @@ var ph = function ph(e) {
   mh = function mh() {
     var e = Ts(),
       t = Os(),
-      n = t.passwordOptions;
-    if (!n) return Ii.createElement(Ii.Fragment, null);
-    var _Ls21 = Ls(),
+      n = t.passwordOptions,
+      _Ls21 = Ls(),
       _Ls22 = _slicedToArray(_Ls21, 2),
       r = _Ls22[0],
       i = _Ls22[1],
@@ -12531,6 +12531,7 @@ var ph = function ph(e) {
       _hr92 = _slicedToArray(_hr91, 2),
       h = _hr92[0],
       f = _hr92[1];
+    if (!n) return Ii.createElement(Ii.Fragment, null);
     return Ii.createElement(Ns, {
       direction: "column",
       gap: 36
@@ -13522,7 +13523,7 @@ var ph = function ph(e) {
             b(r), v(!n), "zxcvbn" === r ? (f(e), g(t.warning)) : "luds" === r && (k(t.luds_requirements.missing_characters), x(t.luds_requirements.missing_complexity), T(i));
           });
         });
-      }, []);
+      }, [e.passwords]);
     mr(function () {
       var e;
       var t = null !== (e = new URLSearchParams(window.location.search).get("stytch_token_type")) && void 0 !== e ? e : "";
@@ -14029,7 +14030,7 @@ var Zh = ys(Ns)(_templateObject33 || (_templateObject33 = _taggedTemplateLiteral
       })["catch"](function (e) {
         console.log(e);
       });
-    }, []);
+    }, [e.user]);
     return Ii.createElement(Ns, {
       direction: "column",
       gap: 18,

package/dist/index.headless.esm.js

@@ -3796,7 +3796,7 @@ var Nt = /*#__PURE__*/function () {
         },
         sdk: {
           identifier: "Stytch.js Javascript SDK",
-          version: "4.2.0"
+          version: "4.2.1"
         }
       });
     }

package/dist/index.headless.js

@@ -3714,7 +3714,7 @@ var Mt = /*#__PURE__*/function () {
         },
         sdk: {
           identifier: "Stytch.js Javascript SDK",
-          version: "4.2.0"
+          version: "4.2.1"
         }
       });
     }

package/dist/index.js

@@ -3746,7 +3746,7 @@ var It = /*#__PURE__*/function () {
         },
         sdk: {
           identifier: "Stytch.js Javascript SDK",
-          version: "4.2.0"
+          version: "4.2.1"
         }
       });
     }
@@ -8024,7 +8024,7 @@ var hc = _defineProperty(_defineProperty(_defineProperty(_defineProperty(_define
           }
         }, _callee12);
       }));
-    }, [a, e, null === (t = i.oauthOptions) || void 0 === t ? void 0 : t.loginRedirectURL, null === (n = i.oauthOptions) || void 0 === n ? void 0 : n.signupRedirectURL]);
+    }, [a, e, y, null === (t = i.oauthOptions) || void 0 === t ? void 0 : t.loginRedirectURL, null === (n = i.oauthOptions) || void 0 === n ? void 0 : n.signupRedirectURL]);
     ir(function () {
       var e;
       return C().then(function (t) {
@@ -9837,9 +9837,8 @@ var Rl = _defineProperty(_defineProperty(_defineProperty({}, exports.OTPMethods.
       n = _Cs8[1],
       r = vs(),
       o = _s(),
-      i = o.emailMagicLinksOptions;
-    if (!i) return bo.createElement(bo.Fragment, null);
-    var a = o.products.includes(exports.Products.passkeys),
+      i = o.emailMagicLinksOptions,
+      a = o.products.includes(exports.Products.passkeys),
       _rr31 = rr(""),
       _rr32 = _slicedToArray(_rr31, 2),
       s = _rr32[0],
@@ -9852,6 +9851,7 @@ var Rl = _defineProperty(_defineProperty(_defineProperty({}, exports.OTPMethods.
       _rr36 = _slicedToArray(_rr35, 2),
       d = _rr36[0],
       p = _rr36[1];
+    if (!i) return bo.createElement(bo.Fragment, null);
     return bo.createElement("form", {
       onSubmit: function onSubmit(o) {
         return Tt(void 0, void 0, void 0, /*#__PURE__*/_regeneratorRuntime().mark(function _callee16() {
@@ -9907,33 +9907,34 @@ var Rl = _defineProperty(_defineProperty(_defineProperty({}, exports.OTPMethods.
       _Cs10 = _slicedToArray(_Cs9, 2),
       e = _Cs10[1],
       t = _s(),
-      n = vs();
-    if (!t.passwordOptions) return bo.createElement(bo.Fragment, null);
-    var r = t.products.includes(Ds.passkeys),
+      n = vs(),
+      r = t.passwordOptions,
+      o = t.products.includes(Ds.passkeys),
       _rr37 = rr(""),
       _rr38 = _slicedToArray(_rr37, 2),
-      o = _rr38[0],
-      i = _rr38[1],
+      i = _rr38[0],
+      a = _rr38[1],
       _rr39 = rr(""),
       _rr40 = _slicedToArray(_rr39, 2),
-      a = _rr40[0],
-      s = _rr40[1],
+      s = _rr40[0],
+      c = _rr40[1],
       _rr41 = rr(!1),
       _rr42 = _slicedToArray(_rr41, 2),
-      c = _rr42[0],
-      l = _rr42[1];
+      l = _rr42[0],
+      u = _rr42[1];
+    if (!r) return bo.createElement(bo.Fragment, null);
     return bo.createElement("form", {
       onSubmit: function onSubmit(t) {
         return Tt(void 0, void 0, void 0, /*#__PURE__*/_regeneratorRuntime().mark(function _callee17() {
           return _regeneratorRuntime().wrap(function _callee17$(_context17) {
             while (1) switch (_context17.prev = _context17.next) {
               case 0:
-                t.preventDefault(), o.match(Rt) ? (s(""), l(!0), tn(n).searchManager.searchUser(o).then(function (_ref74) {
+                t.preventDefault(), i.match(Rt) ? (c(""), u(!0), tn(n).searchManager.searchUser(i).then(function (_ref74) {
                   var t = _ref74.userType;
                   e({
                     type: "update_password_state",
                     passwordState: {
-                      email: o,
+                      email: i,
                       type: t
                     }
                   }), e({
@@ -9942,13 +9943,13 @@ var Rl = _defineProperty(_defineProperty(_defineProperty({}, exports.OTPMethods.
                   }), tn(n).networkClient.logEvent({
                     name: "email_sent",
                     details: {
-                      email: o,
+                      email: i,
                       type: Vs.ResetPassword
                     }
                   });
                 })["catch"](function (e) {
-                  l(!1), s(e.message);
-                })) : s("Invalid email address");
+                  u(!1), c(e.message);
+                })) : c("Invalid email address");
               case 1:
               case "end":
                 return _context17.stop();
@@ -9963,14 +9964,14 @@ var Rl = _defineProperty(_defineProperty(_defineProperty({}, exports.OTPMethods.
       direction: "column",
       height: 52
     }, bo.createElement(Bl, {
-      email: o,
-      setEmail: i,
-      hasPasskeys: r
+      email: i,
+      setEmail: a,
+      hasPasskeys: o
     }), bo.createElement(Ts, {
       size: "helper",
       color: "error"
-    }, a)), bo.createElement(jl, {
-      isSubmitting: c,
+    }, s)), bo.createElement(jl, {
+      isSubmitting: l,
       text: "Continue with email"
     })));
   },
@@ -10144,10 +10145,7 @@ var tu = _defineProperty(_defineProperty(_defineProperty(_defineProperty(_define
         conditionalMediation: !0
       }),
       c = _Hl.promptAutofill;
-    if (c(), o && i) return bo.createElement(Ts, {
-      size: "helper"
-    }, "Error: Cannot use both EML and Email OTP");
-    a && o && (s = s.filter(function (e) {
+    c(), a && o && (s = s.filter(function (e) {
       return e !== $l.Email;
     })), a && i && (s = s.filter(function (e) {
       return e !== exports.OTPMethods.Email;
@@ -10155,16 +10153,19 @@ var tu = _defineProperty(_defineProperty(_defineProperty(_defineProperty(_define
     var _rr45 = rr(s[0]),
       _rr46 = _slicedToArray(_rr45, 2),
       l = _rr46[0],
-      u = _rr46[1],
-      d = _defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty({}, exports.OTPMethods.Email, Fl), exports.OTPMethods.WhatsApp, function () {
-        return bo.createElement(Ul, {
-          method: exports.OTPMethods.WhatsApp
-        });
-      }), exports.OTPMethods.SMS, function () {
-        return bo.createElement(Ul, {
-          method: exports.OTPMethods.SMS
-        });
-      }), $l.Email, zl), eu.Email, Ql);
+      u = _rr46[1];
+    if (o && i) return bo.createElement(Ts, {
+      size: "helper"
+    }, "Error: Cannot use both EML and Email OTP");
+    var d = _defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty({}, exports.OTPMethods.Email, Fl), exports.OTPMethods.WhatsApp, function () {
+      return bo.createElement(Ul, {
+        method: exports.OTPMethods.WhatsApp
+      });
+    }), exports.OTPMethods.SMS, function () {
+      return bo.createElement(Ul, {
+        method: exports.OTPMethods.SMS
+      });
+    }), $l.Email, zl), eu.Email, Ql);
     return bo.createElement(bo.Fragment, null, bo.createElement(Yl, {
       variant: "warning"
     }), bo.createElement(El, {
@@ -11574,7 +11575,7 @@ var ep = function ep(_ref85) {
       }).then(function (e) {
         y(p === exports.OTPMethods.Email ? d : e.number);
       });
-    }, [p, d]);
+    }, [p, d, i]);
     return ir(function () {
       6 === h.length && Tt(void 0, void 0, void 0, /*#__PURE__*/_regeneratorRuntime().mark(function _callee21() {
         var e, t;
@@ -12303,9 +12304,8 @@ var nh = function nh(e) {
   rh = function rh() {
     var e = vs(),
       t = _s(),
-      n = t.passwordOptions;
-    if (!n) return bo.createElement(bo.Fragment, null);
-    var _Cs19 = Cs(),
+      n = t.passwordOptions,
+      _Cs19 = Cs(),
       _Cs20 = _slicedToArray(_Cs19, 2),
       r = _Cs20[0],
       o = _Cs20[1],
@@ -12371,7 +12371,8 @@ var nh = function nh(e) {
             "invalid_email" === e.error_type && p(e.message);
           });
         });
-      }, []);
+      }, [e.passwords]);
+    if (!n) return bo.createElement(bo.Fragment, null);
     return bo.createElement("form", {
       onSubmit: function onSubmit(r) {
         var c, u;
@@ -12439,9 +12440,8 @@ var nh = function nh(e) {
   ih = function ih() {
     var e = vs(),
       t = _s(),
-      n = t.passwordOptions;
-    if (!n) return bo.createElement(bo.Fragment, null);
-    var _Cs21 = Cs(),
+      n = t.passwordOptions,
+      _Cs21 = Cs(),
       _Cs22 = _slicedToArray(_Cs21, 2),
       r = _Cs22[0],
       o = _Cs22[1],
@@ -12463,6 +12463,7 @@ var nh = function nh(e) {
       _rr92 = _slicedToArray(_rr91, 2),
       h = _rr92[0],
       f = _rr92[1];
+    if (!n) return bo.createElement(bo.Fragment, null);
     return bo.createElement(xs, {
       direction: "column",
       gap: 36
@@ -13454,7 +13455,7 @@ var nh = function nh(e) {
             w(r), y(!n), "zxcvbn" === r ? (f(e), A(t.warning)) : "luds" === r && (E(t.luds_requirements.missing_characters), S(t.luds_requirements.missing_complexity), T(o));
           });
         });
-      }, []);
+      }, [e.passwords]);
     ir(function () {
       var e;
       var t = null !== (e = new URLSearchParams(window.location.search).get("stytch_token_type")) && void 0 !== e ? e : "";
@@ -13961,7 +13962,7 @@ var Bh = cs(xs)(_templateObject33 || (_templateObject33 = _taggedTemplateLiteral
       })["catch"](function (e) {
         console.log(e);
       });
-    }, []);
+    }, [e.user]);
     return bo.createElement(xs, {
       direction: "column",
       gap: 18,

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@stytch/vanilla-js",
-  "version": "4.2.0",
+  "version": "4.2.1",
   "description": "Stytch's official Javascript Client Library",
   "main": "./dist/index.js",
   "module": "./dist/index.esm.js",
@@ -30,7 +30,7 @@
     "user"
   ],
   "dependencies": {
-    "@stytch/core": "2.2.0",
+    "@stytch/core": "2.3.0",
     "@types/google-one-tap": "^1.2.0"
   },
   "devDependencies": {