@saasquatch/mint-components 1.5.0-8 → 1.5.0-80

package/dist/cjs/sqm-portal-email-verification.cjs.entry.js

@@ -3,23 +3,24 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
 const index = require('./index-b0129cd6.js');
-const _extends = require('./extends-0302d27d.js');
-require('./global-89f66e76.js');
-require('./use-callback-fadb2643.js');
-const index_module = require('./index.module-c0bf9df0.js');
-require('./jss-preset-default.esm-6304d24f.js');
+const stencilHooks_module = require('./stencil-hooks.module-87a1f4f7.js');
+require('./global-4c495d76.js');
+require('./use-callback-e754042f.js');
+const index_module = require('./index.module-54724339.js');
+require('./extends-08099afd.js');
 const cjs = require('./cjs-1066ec21.js');
 require('./mixins-7b7c59fe.js');
-require('./sqm-text-span-view-b5ae787b.js');
-const sqmPortalEmailVerificationView = require('./sqm-portal-email-verification-view-5093ac20.js');
+require('./JSS-c65a40f1.js');
+require('./sqm-text-span-view-f101dedf.js');
+const sqmPortalEmailVerificationView = require('./sqm-portal-email-verification-view-1552442a.js');
 
 function usePortalEmailVerification(props) {
   var _a, _b, _c, _d, _e;
-  const [request, { loading, data, errors }] = index_module.an();
+  const [request, { loading, data, errors }] = index_module.un();
   const userIdent = index_module.ne();
   const email = (_a = userIdent === null || userIdent === void 0 ? void 0 : userIdent.managedIdentity) === null || _a === void 0 ? void 0 : _a.email;
-  const [success, setSuccess] = _extends.useState(false);
-  const [error, setError] = _extends.useState("");
+  const [success, setSuccess] = stencilHooks_module.useState(false);
+  const [error, setError] = stencilHooks_module.useState("");
   const urlParams = new URLSearchParams(window.location.search);
   const nextPage = urlParams.get("nextPage");
   const submit = async () => {
@@ -27,16 +28,17 @@ function usePortalEmailVerification(props) {
       return;
     setError("");
     const urlParams = nextPage ? { nextPage } : null;
-    const variables = { email, urlParams };
+    const redirectPath = props.redirectPath;
+    const variables = { email, urlParams, redirectPath };
     await request(variables);
   };
-  _extends.useEffect(() => {
+  stencilHooks_module.useEffect(() => {
     var _a;
     if ((_a = data === null || data === void 0 ? void 0 : data.requestManagedIdentityVerificationEmail) === null || _a === void 0 ? void 0 : _a.success) {
       setSuccess(true);
     }
   }, [(_b = data === null || data === void 0 ? void 0 : data.requestManagedIdentityVerificationEmail) === null || _b === void 0 ? void 0 : _b.success]);
-  _extends.useEffect(() => {
+  stencilHooks_module.useEffect(() => {
     if (errors === null || errors === void 0 ? void 0 : errors.message) {
       setError("Network request failed.");
     }
@@ -63,6 +65,12 @@ const PortalEmailVerification = class {
   constructor(hostRef) {
     index.registerInstance(this, hostRef);
     this.ignored = true;
+    /**
+     * The page that users are redirected to from the verification email.
+     *
+     * @uiName Email redirection base path
+     */
+    this.redirectPath = "/verifyEmail";
     /**
      * @uiName Email verification header text
      */
@@ -75,11 +83,11 @@ const PortalEmailVerification = class {
      * @uiName Email verification body text
      */
     this.verifyMessage = "A verification email was sent to {email}. Please verify your email to continue to the portal.";
-    _extends.h$1(this);
+    stencilHooks_module.h$1(this);
   }
   disconnectedCallback() { }
   render() {
-    const { states, callbacks, content } = index_module.j()
+    const { states, callbacks, content } = index_module.k()
       ? usePortalEmailVerificationDemo(this)
       : usePortalEmailVerification(this);
     return (index.h(sqmPortalEmailVerificationView.PortalEmailVerificationView, { states: states, callbacks: callbacks, content: content }));

package/dist/cjs/{sqm-portal-footer-view-03408484.js → sqm-portal-footer-view-15ce261b.js}

@@ -1,8 +1,8 @@
 'use strict';
 
 const index = require('./index-b0129cd6.js');
-const global = require('./global-89f66e76.js');
-const jssPresetDefault_esm = require('./jss-preset-default.esm-6304d24f.js');
+const global = require('./global-4c495d76.js');
+const JSS = require('./JSS-c65a40f1.js');
 
 function PoweredByImg({ color = "#A6A6A6", width = 190, height = 29, }) {
   return (index.h("svg", { width: width, height: height, viewBox: "0 0 132 20", fill: "none", xmlns: "http://www.w3.org/2000/svg" },
@@ -59,8 +59,7 @@ function PortalFooterView(props) {
       },
     },
   };
-  jssPresetDefault_esm.jss.setup(jssPresetDefault_esm.create());
-  const sheet = jssPresetDefault_esm.jss.createStyleSheet(style);
+  const sheet = JSS.createStyleSheet(style);
   const styleString = sheet.toString();
   return (index.h("div", { class: sheet.classes.Container },
     index.h("style", { type: "text/css" },

package/dist/cjs/sqm-portal-footer.cjs.entry.js

@@ -3,13 +3,14 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
 const index = require('./index-b0129cd6.js');
-const _extends = require('./extends-0302d27d.js');
-require('./global-89f66e76.js');
-require('./use-callback-fadb2643.js');
-require('./index.module-c0bf9df0.js');
-require('./jss-preset-default.esm-6304d24f.js');
-const utils = require('./utils-95e5317c.js');
-const sqmPortalFooterView = require('./sqm-portal-footer-view-03408484.js');
+const stencilHooks_module = require('./stencil-hooks.module-87a1f4f7.js');
+require('./global-4c495d76.js');
+require('./use-callback-e754042f.js');
+require('./index.module-54724339.js');
+require('./extends-08099afd.js');
+require('./JSS-c65a40f1.js');
+const utils = require('./utils-01dbfd4a.js');
+const sqmPortalFooterView = require('./sqm-portal-footer-view-15ce261b.js');
 
 const PortalFooter = class {
   constructor(hostRef) {
@@ -47,7 +48,7 @@ const PortalFooter = class {
      * @uiName Padding Left
      */
     this.paddingLeft = "large";
-    _extends.h$1(this);
+    stencilHooks_module.h$1(this);
   }
   disconnectedCallback() { }
   render() {

package/dist/cjs/{sqm-portal-forgot-password-view-1704d285.js → sqm-portal-forgot-password-view-10c0b54f.js}

@@ -1,9 +1,9 @@
 'use strict';
 
 const index = require('./index-b0129cd6.js');
-const jssPresetDefault_esm = require('./jss-preset-default.esm-6304d24f.js');
 const mixins = require('./mixins-7b7c59fe.js');
-const sqmTextSpanView = require('./sqm-text-span-view-b5ae787b.js');
+const JSS = require('./JSS-c65a40f1.js');
+const sqmTextSpanView = require('./sqm-text-span-view-f101dedf.js');
 
 const style = {
   Wrapper: mixins.AuthWrapper,
@@ -22,8 +22,7 @@ const vanillaStyle = `
   display: none;
 }
 `;
-jssPresetDefault_esm.jss.setup(jssPresetDefault_esm.create());
-const sheet = jssPresetDefault_esm.jss.createStyleSheet(style);
+const sheet = JSS.createStyleSheet(style);
 const styleString = sheet.toString();
 function PortalForgotPasswordView(props) {
   const { states, callbacks, content } = props;

package/dist/cjs/sqm-portal-forgot-password.cjs.entry.js

@@ -3,21 +3,22 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
 const index = require('./index-b0129cd6.js');
-const _extends = require('./extends-0302d27d.js');
-require('./use-callback-fadb2643.js');
-const index_module = require('./index.module-c0bf9df0.js');
+const stencilHooks_module = require('./stencil-hooks.module-87a1f4f7.js');
+require('./use-callback-e754042f.js');
+const index_module = require('./index.module-54724339.js');
+require('./extends-08099afd.js');
 const jsonpointer = require('./jsonpointer-11327262.js');
-require('./jss-preset-default.esm-6304d24f.js');
 const cjs = require('./cjs-1066ec21.js');
 require('./mixins-7b7c59fe.js');
-require('./sqm-text-span-view-b5ae787b.js');
-const sqmPortalForgotPasswordView = require('./sqm-portal-forgot-password-view-1704d285.js');
+require('./JSS-c65a40f1.js');
+require('./sqm-text-span-view-f101dedf.js');
+const sqmPortalForgotPasswordView = require('./sqm-portal-forgot-password-view-10c0b54f.js');
 
-function usePortalForgotPassword() {
+function usePortalForgotPassword(props) {
   var _a, _b, _c, _d;
-  const [success, setSuccess] = _extends.useState(false);
-  const [error, setError] = _extends.useState("");
-  const [request, { loading, data, errors }] = index_module.tn();
+  const [success, setSuccess] = stencilHooks_module.useState(false);
+  const [error, setError] = stencilHooks_module.useState("");
+  const [request, { loading, data, errors }] = index_module.on();
   const urlParams = new URLSearchParams(window.location.search);
   const nextPage = urlParams.get("nextPage");
   const submit = async (event) => {
@@ -27,16 +28,17 @@ function usePortalForgotPassword() {
       jsonpointer.jsonpointer.set(formData, key, value);
     });
     const urlParams = nextPage ? { nextPage } : null;
-    const variables = { email: formData.email, urlParams };
+    const redirectPath = props.redirectPath;
+    const variables = { email: formData.email, urlParams, redirectPath };
     await request(variables);
   };
-  _extends.useEffect(() => {
+  stencilHooks_module.useEffect(() => {
     var _a;
     if ((_a = data === null || data === void 0 ? void 0 : data.requestManagedIdentityPasswordResetEmail) === null || _a === void 0 ? void 0 : _a.success) {
       setSuccess(true);
     }
   }, [(_a = data === null || data === void 0 ? void 0 : data.requestManagedIdentityPasswordResetEmail) === null || _a === void 0 ? void 0 : _a.success]);
-  _extends.useEffect(() => {
+  stencilHooks_module.useEffect(() => {
     if (errors === null || errors === void 0 ? void 0 : errors.message) {
       setError("Network request failed.");
     }
@@ -46,6 +48,7 @@ function usePortalForgotPassword() {
       loading,
       error: ((_d = (_c = (_b = errors === null || errors === void 0 ? void 0 : errors.response) === null || _b === void 0 ? void 0 : _b.errors) === null || _c === void 0 ? void 0 : _c[0]) === null || _d === void 0 ? void 0 : _d.message) || error,
       success,
+      loginPath: props.loginPath,
     },
     callbacks: {
       submit,
@@ -57,6 +60,12 @@ const PortalForgotPassword = class {
   constructor(hostRef) {
     index.registerInstance(this, hostRef);
     this.ignored = true;
+    /**
+     * The page that users are redirected to from the password reset email.
+     *
+     * @uiName Email redirection base path
+     */
+    this.redirectPath = "/resetPassword";
     /**
      * @uiName Email label
      */
@@ -65,15 +74,19 @@ const PortalForgotPassword = class {
      * @uiName Password reset button text
      */
     this.submitLabel = "Request Password Reset";
-    _extends.h$1(this);
+    /**
+     * @uiName Routing path to login page
+     */
+    this.loginPath = "/login";
+    stencilHooks_module.h$1(this);
   }
   disconnectedCallback() { }
   render() {
-    const { states, callbacks } = index_module.j()
+    const { states, callbacks } = index_module.k()
       ? usePortalForgotPasswordDemo(this)
-      : usePortalForgotPassword();
+      : usePortalForgotPassword(this);
     const content = {
-      secondaryButton: (index.h("slot", { name: "secondaryButton" }, index.h("sl-button", { type: "text", disabled: states.loading, onClick: () => index_module.mn.push("/login") }, "Sign In"))),
+      secondaryButton: (index.h("slot", { name: "secondaryButton" }, index.h("sl-button", { type: "text", disabled: states.loading, onClick: () => index_module.pn.push(states.loginPath) }, "Sign In"))),
       messageSlot: (index.h("slot", { name: "messageSlot" }, "Enter your email below to receive a password reset link.")),
       emailLabel: this.emailLabel,
       submitLabel: this.submitLabel,

package/dist/cjs/sqm-portal-logout.cjs.entry.js

@@ -3,13 +3,14 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
 const index = require('./index-b0129cd6.js');
-const _extends = require('./extends-0302d27d.js');
-require('./use-callback-fadb2643.js');
-const index_module = require('./index.module-c0bf9df0.js');
+const stencilHooks_module = require('./stencil-hooks.module-87a1f4f7.js');
+require('./use-callback-e754042f.js');
+const index_module = require('./index.module-54724339.js');
+require('./extends-08099afd.js');
 
 function usePortalLogout({ nextPage }) {
   index_module.Y(undefined);
-  index_module.mn.push({ pathname: nextPage, search: "" });
+  index_module.pn.push({ pathname: nextPage, search: "" });
 }
 
 const PortalLogout = class {
@@ -20,11 +21,11 @@ const PortalLogout = class {
      * @uiName Next Page path
      */
     this.nextPage = "/";
-    _extends.h$1(this);
+    stencilHooks_module.h$1(this);
   }
   disconnectedCallback() { }
   render() {
-    index_module.j() ? useLogoutDemo() : usePortalLogout(this);
+    index_module.k() ? useLogoutDemo() : usePortalLogout(this);
   }
 };
 function useLogoutDemo({}) { }

package/dist/cjs/{sqm-portal-profile-view-fa2db439.js → sqm-portal-profile-view-659635e9.js}

@@ -1,10 +1,10 @@
 'use strict';
 
 const index = require('./index-b0129cd6.js');
-const global = require('./global-89f66e76.js');
-const jssPresetDefault_esm = require('./jss-preset-default.esm-6304d24f.js');
-const sqmPortalContainerView = require('./sqm-portal-container-view-d144735a.js');
-const sqmTextSpanView = require('./sqm-text-span-view-b5ae787b.js');
+const global = require('./global-4c495d76.js');
+const JSS = require('./JSS-c65a40f1.js');
+const sqmTextSpanView = require('./sqm-text-span-view-f101dedf.js');
+const sqmPortalContainerView = require('./sqm-portal-container-view-fdfb3656.js');
 
 function PortalProfileView(props) {
   var _a, _b, _c, _d, _e;
@@ -28,8 +28,7 @@ function PortalProfileView(props) {
       },
     },
   };
-  jssPresetDefault_esm.jss.setup(jssPresetDefault_esm.create());
-  const sheet = jssPresetDefault_esm.jss.createStyleSheet(style);
+  const sheet = JSS.createStyleSheet(style);
   const styleString = sheet.toString();
   const country = ((_a = states.user) === null || _a === void 0 ? void 0 : _a.countryCode) ? global.intl.formatDisplayName((_b = states.user) === null || _b === void 0 ? void 0 : _b.countryCode, {
     type: "region",

package/dist/cjs/sqm-portal-profile.cjs.entry.js

@@ -3,16 +3,17 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
 const index = require('./index-b0129cd6.js');
-const _extends = require('./extends-0302d27d.js');
-require('./global-89f66e76.js');
-require('./use-callback-fadb2643.js');
-const index_module = require('./index.module-c0bf9df0.js');
-require('./jss-preset-default.esm-6304d24f.js');
-const utils = require('./utils-95e5317c.js');
+const stencilHooks_module = require('./stencil-hooks.module-87a1f4f7.js');
+require('./global-4c495d76.js');
+require('./use-callback-e754042f.js');
+const index_module = require('./index.module-54724339.js');
+require('./extends-08099afd.js');
 const cjs = require('./cjs-1066ec21.js');
-require('./sqm-portal-container-view-d144735a.js');
-require('./sqm-text-span-view-b5ae787b.js');
-const sqmPortalProfileView = require('./sqm-portal-profile-view-fa2db439.js');
+require('./JSS-c65a40f1.js');
+const utils = require('./utils-01dbfd4a.js');
+require('./sqm-text-span-view-f101dedf.js');
+require('./sqm-portal-container-view-fdfb3656.js');
+const sqmPortalProfileView = require('./sqm-portal-profile-view-659635e9.js');
 
 const GET_USER = index_module.dist.gql `
   query {
@@ -59,12 +60,12 @@ const defaultFormState = {
 };
 function usePortalProfile(props) {
   const userIdent = index_module.ne();
-  const [success, setSuccess] = _extends.useState(false);
-  const [userData, setUserData] = _extends.useState(undefined);
-  const [formState, setFormState] = _extends.useState(defaultFormState);
-  const userDataResponse = index_module.cn(GET_USER, {}, !(userIdent === null || userIdent === void 0 ? void 0 : userIdent.jwt));
+  const [success, setSuccess] = stencilHooks_module.useState(false);
+  const [userData, setUserData] = stencilHooks_module.useState(undefined);
+  const [formState, setFormState] = stencilHooks_module.useState(defaultFormState);
+  const userDataResponse = index_module.mn(GET_USER, {}, !(userIdent === null || userIdent === void 0 ? void 0 : userIdent.jwt));
   const [upsertUser, upsertUserResponse] = index_module.De(UPSERT_USER);
-  _extends.useEffect(() => {
+  stencilHooks_module.useEffect(() => {
     if (upsertUserResponse === null || upsertUserResponse === void 0 ? void 0 : upsertUserResponse.loading)
       return;
     if (upsertUserResponse === null || upsertUserResponse === void 0 ? void 0 : upsertUserResponse.errors) {
@@ -88,7 +89,7 @@ function usePortalProfile(props) {
         setSuccess(true);
     }
   }, [upsertUserResponse === null || upsertUserResponse === void 0 ? void 0 : upsertUserResponse.loading]);
-  _extends.useEffect(() => {
+  stencilHooks_module.useEffect(() => {
     var _a, _b;
     setUserData((data) => { var _a; return ({ ...data, ...(_a = userDataResponse === null || userDataResponse === void 0 ? void 0 : userDataResponse.data) === null || _a === void 0 ? void 0 : _a.viewer }); });
     setFormState({
@@ -97,7 +98,7 @@ function usePortalProfile(props) {
       ...(_b = upsertUserResponse.data) === null || _b === void 0 ? void 0 : _b.upsertUser,
     });
   }, [userDataResponse === null || userDataResponse === void 0 ? void 0 : userDataResponse.data]);
-  _extends.useEffect(() => {
+  stencilHooks_module.useEffect(() => {
     var _a, _b;
     if ((_a = upsertUserResponse === null || upsertUserResponse === void 0 ? void 0 : upsertUserResponse.errors) === null || _a === void 0 ? void 0 : _a.message) {
       setFormState({
@@ -197,11 +198,11 @@ const PortalProfile = class {
      * @uiName Show or hide country field
      */
     this.showCountry = true;
-    _extends.h$1(this);
+    stencilHooks_module.h$1(this);
   }
   disconnectedCallback() { }
   render() {
-    const props = index_module.j()
+    const props = index_module.k()
       ? usePortalProfileDemo(utils.getProps(this))
       : usePortalProfile(utils.getProps(this));
     return index.h(sqmPortalProfileView.PortalProfileView, Object.assign({}, props));

package/dist/cjs/sqm-portal-protected-route.cjs.entry.js

@@ -3,27 +3,28 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
 const index = require('./index-b0129cd6.js');
-const _extends = require('./extends-0302d27d.js');
-require('./use-callback-fadb2643.js');
-const index_module = require('./index.module-c0bf9df0.js');
+const stencilHooks_module = require('./stencil-hooks.module-87a1f4f7.js');
+require('./use-callback-e754042f.js');
+const index_module = require('./index.module-54724339.js');
+require('./extends-08099afd.js');
 
 function usePortalProtectedRoute({ requireEmailVerification, redirectTo, redirectToUnverified, }) {
   var _a;
   const userIdent = index_module.ne();
   const authenticated = !!(userIdent === null || userIdent === void 0 ? void 0 : userIdent.jwt);
   const emailVerified = (_a = userIdent === null || userIdent === void 0 ? void 0 : userIdent.managedIdentity) === null || _a === void 0 ? void 0 : _a.emailVerified;
-  const { pathname, search } = index_module.vn();
+  const { pathname, search } = index_module.hn();
   const nextPageParam = new URLSearchParams();
   nextPageParam.append("nextPage", `${pathname}${search}`);
-  _extends.useEffect(() => {
+  stencilHooks_module.useEffect(() => {
     if (!authenticated) {
-      return index_module.mn.push({
+      return index_module.pn.push({
         pathname: redirectTo,
         search: "?" + nextPageParam.toString(),
       });
     }
     if (requireEmailVerification && !emailVerified) {
-      return index_module.mn.push({
+      return index_module.pn.push({
         pathname: redirectToUnverified || redirectTo,
         search: "?" + nextPageParam.toString(),
       });
@@ -48,11 +49,11 @@ const PortalProtectedRoute = class {
      * @uiName Redirect unverified users path
      */
     this.redirectToUnverified = "/emailVerification";
-    _extends.h$1(this);
+    stencilHooks_module.h$1(this);
   }
   disconnectedCallback() { }
   render() {
-    const hasUser = index_module.j()
+    const hasUser = index_module.k()
       ? usePortalProtectedRouteDemo()
       : usePortalProtectedRoute(this);
     return (index.h(index.Host, { style: { display: hasUser ? "contents" : "none" } }, index.h("slot", null)));

package/dist/cjs/{sqm-portal-reset-password-view-4d78fd6d.js → sqm-portal-reset-password-view-1fdc957e.js}

@@ -1,9 +1,9 @@
 'use strict';
 
 const index = require('./index-b0129cd6.js');
-const jssPresetDefault_esm = require('./jss-preset-default.esm-6304d24f.js');
 const mixins = require('./mixins-7b7c59fe.js');
-const sqmTextSpanView = require('./sqm-text-span-view-b5ae787b.js');
+const JSS = require('./JSS-c65a40f1.js');
+const sqmTextSpanView = require('./sqm-text-span-view-f101dedf.js');
 
 const style = {
   Wrapper: mixins.AuthWrapper,
@@ -36,8 +36,7 @@ const vanillaStyle = `
   display: none;
 }
 `;
-jssPresetDefault_esm.jss.setup(jssPresetDefault_esm.create());
-const sheet = jssPresetDefault_esm.jss.createStyleSheet(style);
+const sheet = JSS.createStyleSheet(style);
 const styleString = sheet.toString();
 function PortalResetPasswordView(props) {
   const { states, callbacks } = props;

package/dist/cjs/sqm-portal-reset-password.cjs.entry.js

@@ -3,22 +3,23 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
 const index = require('./index-b0129cd6.js');
-const _extends = require('./extends-0302d27d.js');
-require('./use-callback-fadb2643.js');
-const index_module = require('./index.module-c0bf9df0.js');
+const stencilHooks_module = require('./stencil-hooks.module-87a1f4f7.js');
+require('./use-callback-e754042f.js');
+const index_module = require('./index.module-54724339.js');
+require('./extends-08099afd.js');
 const jsonpointer = require('./jsonpointer-11327262.js');
-require('./jss-preset-default.esm-6304d24f.js');
 const cjs = require('./cjs-1066ec21.js');
 require('./mixins-7b7c59fe.js');
-require('./sqm-text-span-view-b5ae787b.js');
-const sqmPortalResetPasswordView = require('./sqm-portal-reset-password-view-4d78fd6d.js');
+require('./JSS-c65a40f1.js');
+require('./sqm-text-span-view-f101dedf.js');
+const sqmPortalResetPasswordView = require('./sqm-portal-reset-password-view-1fdc957e.js');
 
 function usePortalResetPassword(props) {
   var _a, _b, _c, _d, _e, _f;
-  const [reset, setReset] = _extends.useState(false);
-  const [error, setError] = _extends.useState("");
-  const [verifyPasswordResetCode, verifyPasswordResetCodeState] = index_module.Le();
-  const [resetPassword, resetPasswordState] = index_module._e();
+  const [reset, setReset] = stencilHooks_module.useState(false);
+  const [error, setError] = stencilHooks_module.useState("");
+  const [verifyPasswordResetCode, verifyPasswordResetCodeState] = index_module.Je();
+  const [resetPassword, resetPasswordState] = index_module.Le();
   const urlParams = new URLSearchParams(window.location.search);
   const oobCode = urlParams.get("oobCode");
   urlParams.delete("oobCode");
@@ -38,18 +39,18 @@ function usePortalResetPassword(props) {
   };
   const gotoNextPage = () => {
     urlParams.delete("nextPage");
-    index_module.mn.push({
+    index_module.pn.push({
       pathname: nextPageOverride || props.nextPage,
       search: urlParams.toString() && "?" + urlParams.toString(),
     });
   };
   const failed = () => {
-    index_module.mn.push({
-      pathname: "/",
+    index_module.pn.push({
+      pathname: props.failedPage,
       search: urlParams.toString() && "?" + urlParams.toString(),
     });
   };
-  _extends.useEffect(() => {
+  stencilHooks_module.useEffect(() => {
     var _a;
     if ((_a = resetPasswordState.data) === null || _a === void 0 ? void 0 : _a.resetManagedIdentityPassword) {
       setReset(true);
@@ -58,10 +59,10 @@ function usePortalResetPassword(props) {
       }, 5000);
     }
   }, [(_a = resetPasswordState.data) === null || _a === void 0 ? void 0 : _a.resetManagedIdentityPassword]);
-  _extends.useEffect(() => {
+  stencilHooks_module.useEffect(() => {
     verifyPasswordResetCode({ oobCode });
   }, [oobCode]);
-  _extends.useEffect(() => {
+  stencilHooks_module.useEffect(() => {
     var _a;
     if ((_a = verifyPasswordResetCodeState === null || verifyPasswordResetCodeState === void 0 ? void 0 : verifyPasswordResetCodeState.errors) === null || _a === void 0 ? void 0 : _a.message) {
       setError("Network request failed.");
@@ -93,9 +94,17 @@ const PortalResetPassword = class {
     index.registerInstance(this, hostRef);
     this.ignored = true;
     /**
+     * The page that users are redirected to when the password reset succeeds.
+     *
      * @uiName Next page path
      */
     this.nextPage = "/";
+    /**
+     * The page that users are redirected to if the reset fails due to outdated password reset attempt.
+     *
+     * @uiName Failed page redirection path
+     */
+    this.failedPage = "/";
     /**
      * @uiName Show confirm password
      */
@@ -128,11 +137,11 @@ const PortalResetPassword = class {
      * @uiName Password field label
      */
     this.passwordFieldLabel = "New Password";
-    _extends.h$1(this);
+    stencilHooks_module.h$1(this);
   }
   disconnectedCallback() { }
   render() {
-    const { states, callbacks } = index_module.j()
+    const { states, callbacks } = index_module.k()
       ? usePortalResetPasswordDemo(this)
       : usePortalResetPassword(this);
     return index.h(sqmPortalResetPasswordView.PortalResetPasswordView, { states: states, callbacks: callbacks });

package/dist/cjs/{sqm-portal-section-view-3b008930.js → sqm-portal-section-view-186a5f7e.js}

@@ -1,7 +1,7 @@
 'use strict';
 
 const index = require('./index-b0129cd6.js');
-const jssPresetDefault_esm = require('./jss-preset-default.esm-6304d24f.js');
+const JSS = require('./JSS-c65a40f1.js');
 
 function PortalSectionView(props) {
   const style = {
@@ -11,13 +11,11 @@ function PortalSectionView(props) {
         : `var(--sl-spacing-${props.labelMargin})`,
     },
     SectionContainer: {
-      padding: props.padding === "none"
-        ? "0"
-        : `var(--sl-spacing-${props.padding})`,
+      textAlign: props.textAlign || "left",
+      padding: props.padding === "none" ? "0" : `var(--sl-spacing-${props.padding})`,
     },
   };
-  jssPresetDefault_esm.jss.setup(jssPresetDefault_esm.create());
-  const sheet = jssPresetDefault_esm.jss.createStyleSheet(style);
+  const sheet = JSS.createStyleSheet(style);
   const styleString = sheet.toString();
   return (index.h("div", { class: sheet.classes.SectionContainer },
     index.h("style", { type: "text/css" }, styleString),

package/dist/cjs/{sqm-portal-verify-email-view-b595e302.js → sqm-portal-verify-email-view-4c78e231.js}

@@ -1,9 +1,9 @@
 'use strict';
 
 const index = require('./index-b0129cd6.js');
-const jssPresetDefault_esm = require('./jss-preset-default.esm-6304d24f.js');
 const mixins = require('./mixins-7b7c59fe.js');
-const sqmTextSpanView = require('./sqm-text-span-view-b5ae787b.js');
+const JSS = require('./JSS-c65a40f1.js');
+const sqmTextSpanView = require('./sqm-text-span-view-f101dedf.js');
 
 const style = {
   Wrapper: mixins.AuthWrapper,
@@ -20,8 +20,7 @@ const vanillaStyle = `
   display: none;
 }
 `;
-jssPresetDefault_esm.jss.setup(jssPresetDefault_esm.create());
-const sheet = jssPresetDefault_esm.jss.createStyleSheet(style);
+const sheet = JSS.createStyleSheet(style);
 const styleString = sheet.toString();
 function PortalVerifyEmailView(props) {
   const { states, data, callbacks } = props;