@saasquatch/mint-components 1.5.0-7 → 1.5.0-73

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

@@ -1,17 +1,19 @@
 import { r as registerInstance, h as h$1 } from './index-17b4da69.js';
-import { j as useState, e as useEffect, m as h } from './extends-3a3f9fe2.js';
-import './global-e0e25c22.js';
-import './use-callback-b38a1523.js';
-import { i as an, n as ne, j } from './index.module-eb50a8d2.js';
-import './jss-preset-default.esm-71fae192.js';
+import { k as useState, u as useEffect, m as h } from './stencil-hooks.module-2f159754.js';
+import './global-58010a55.js';
+import './use-callback-d8ef4b5d.js';
+import { u as un, n as ne, k } from './index.module-ec3dcc82.js';
+import './extends-c31f1eff.js';
+import './insertcss-bcaf3818.js';
 import { c as cjs } from './cjs-bdfb4486.js';
 import './mixins-10353a39.js';
-import './sqm-text-span-view-1781df94.js';
-import { P as PortalEmailVerificationView } from './sqm-portal-email-verification-view-2af31979.js';
+import './JSS-96eeab98.js';
+import './sqm-text-span-view-7e61c95c.js';
+import { P as PortalEmailVerificationView } from './sqm-portal-email-verification-view-2c8bfca8.js';
 
 function usePortalEmailVerification(props) {
   var _a, _b, _c, _d, _e;
-  const [request, { loading, data, errors }] = an();
+  const [request, { loading, data, errors }] = un();
   const userIdent = ne();
   const email = (_a = userIdent === null || userIdent === void 0 ? void 0 : userIdent.managedIdentity) === null || _a === void 0 ? void 0 : _a.email;
   const [success, setSuccess] = useState(false);
@@ -23,7 +25,8 @@ 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);
   };
   useEffect(() => {
@@ -59,6 +62,12 @@ const PortalEmailVerification = class {
   constructor(hostRef) {
     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,7 +84,7 @@ const PortalEmailVerification = class {
   }
   disconnectedCallback() { }
   render() {
-    const { states, callbacks, content } = j()
+    const { states, callbacks, content } = k()
       ? usePortalEmailVerificationDemo(this)
       : usePortalEmailVerification(this);
     return (h$1(PortalEmailVerificationView, { states: states, callbacks: callbacks, content: content }));

package/dist/esm/{sqm-portal-footer-view-60cd9ae5.js → sqm-portal-footer-view-a6c21fb9.js}

@@ -1,6 +1,6 @@
 import { h } from './index-17b4da69.js';
-import { i as intl } from './global-e0e25c22.js';
-import { j as jss, c as create } from './jss-preset-default.esm-71fae192.js';
+import { i as intl } from './global-58010a55.js';
+import { c as createStyleSheet } from './JSS-96eeab98.js';
 
 function PoweredByImg({ color = "#A6A6A6", width = 190, height = 29, }) {
   return (h("svg", { width: width, height: height, viewBox: "0 0 132 20", fill: "none", xmlns: "http://www.w3.org/2000/svg" },
@@ -57,8 +57,7 @@ function PortalFooterView(props) {
       },
     },
   };
-  jss.setup(create());
-  const sheet = jss.createStyleSheet(style);
+  const sheet = createStyleSheet(style);
   const styleString = sheet.toString();
   return (h("div", { class: sheet.classes.Container },
     h("style", { type: "text/css" },
@@ -77,4 +76,4 @@ function PortalFooterView(props) {
       h(PoweredByImg, null)))));
 }
 
-export { PoweredByImg as P, PortalFooterView as a };
+export { PortalFooterView as P, PoweredByImg as a };

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

@@ -1,11 +1,13 @@
 import { r as registerInstance, h as h$1 } from './index-17b4da69.js';
-import { m as h } from './extends-3a3f9fe2.js';
-import './global-e0e25c22.js';
-import './use-callback-b38a1523.js';
-import './index.module-eb50a8d2.js';
-import './jss-preset-default.esm-71fae192.js';
-import { g as getProps } from './utils-454405f5.js';
-import { a as PortalFooterView } from './sqm-portal-footer-view-60cd9ae5.js';
+import { m as h } from './stencil-hooks.module-2f159754.js';
+import './global-58010a55.js';
+import './use-callback-d8ef4b5d.js';
+import './index.module-ec3dcc82.js';
+import './extends-c31f1eff.js';
+import './insertcss-bcaf3818.js';
+import './JSS-96eeab98.js';
+import { g as getProps } from './utils-1d345130.js';
+import { P as PortalFooterView } from './sqm-portal-footer-view-a6c21fb9.js';
 
 const PortalFooter = class {
   constructor(hostRef) {

package/dist/esm/{sqm-portal-forgot-password-view-e3a6a716.js → sqm-portal-forgot-password-view-fa088f83.js}

@@ -1,7 +1,7 @@
 import { h } from './index-17b4da69.js';
-import { j as jss, c as create } from './jss-preset-default.esm-71fae192.js';
 import { A as AuthWrapper, a as AuthColumn, b as AuthButtonsContainer } from './mixins-10353a39.js';
-import { T as TextSpanView } from './sqm-text-span-view-1781df94.js';
+import { c as createStyleSheet } from './JSS-96eeab98.js';
+import { T as TextSpanView } from './sqm-text-span-view-7e61c95c.js';
 
 const style = {
   Wrapper: AuthWrapper,
@@ -20,8 +20,7 @@ const vanillaStyle = `
   display: none;
 }
 `;
-jss.setup(create());
-const sheet = jss.createStyleSheet(style);
+const sheet = createStyleSheet(style);
 const styleString = sheet.toString();
 function PortalForgotPasswordView(props) {
   const { states, callbacks, content } = props;

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

@@ -1,19 +1,20 @@
 import { r as registerInstance, h as h$1 } from './index-17b4da69.js';
-import { j as useState, e as useEffect, m as h } from './extends-3a3f9fe2.js';
-import './use-callback-b38a1523.js';
-import { t as tn, j, b as mn } from './index.module-eb50a8d2.js';
+import { k as useState, u as useEffect, m as h } from './stencil-hooks.module-2f159754.js';
+import './use-callback-d8ef4b5d.js';
+import { o as on, k, p as pn } from './index.module-ec3dcc82.js';
+import './extends-c31f1eff.js';
 import { j as jsonpointer } from './jsonpointer-388a7082.js';
-import './jss-preset-default.esm-71fae192.js';
 import { c as cjs } from './cjs-bdfb4486.js';
 import './mixins-10353a39.js';
-import './sqm-text-span-view-1781df94.js';
-import { P as PortalForgotPasswordView } from './sqm-portal-forgot-password-view-e3a6a716.js';
+import './JSS-96eeab98.js';
+import './sqm-text-span-view-7e61c95c.js';
+import { P as PortalForgotPasswordView } from './sqm-portal-forgot-password-view-fa088f83.js';
 
-function usePortalForgotPassword() {
+function usePortalForgotPassword(props) {
   var _a, _b, _c, _d;
   const [success, setSuccess] = useState(false);
   const [error, setError] = useState("");
-  const [request, { loading, data, errors }] = tn();
+  const [request, { loading, data, errors }] = on();
   const urlParams = new URLSearchParams(window.location.search);
   const nextPage = urlParams.get("nextPage");
   const submit = async (event) => {
@@ -23,7 +24,8 @@ function usePortalForgotPassword() {
       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);
   };
   useEffect(() => {
@@ -42,6 +44,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,
@@ -53,6 +56,12 @@ const PortalForgotPassword = class {
   constructor(hostRef) {
     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
      */
@@ -61,15 +70,19 @@ const PortalForgotPassword = class {
      * @uiName Password reset button text
      */
     this.submitLabel = "Request Password Reset";
+    /**
+     * @uiName Routing path to login page
+     */
+    this.loginPath = "/login";
     h(this);
   }
   disconnectedCallback() { }
   render() {
-    const { states, callbacks } = j()
+    const { states, callbacks } = k()
       ? usePortalForgotPasswordDemo(this)
-      : usePortalForgotPassword();
+      : usePortalForgotPassword(this);
     const content = {
-      secondaryButton: (h$1("slot", { name: "secondaryButton" }, h$1("sl-button", { type: "text", disabled: states.loading, onClick: () => mn.push("/login") }, "Sign In"))),
+      secondaryButton: (h$1("slot", { name: "secondaryButton" }, h$1("sl-button", { type: "text", disabled: states.loading, onClick: () => pn.push(states.loginPath) }, "Sign In"))),
       messageSlot: (h$1("slot", { name: "messageSlot" }, "Enter your email below to receive a password reset link.")),
       emailLabel: this.emailLabel,
       submitLabel: this.submitLabel,

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

@@ -1,11 +1,12 @@
 import { r as registerInstance } from './index-17b4da69.js';
-import { m as h } from './extends-3a3f9fe2.js';
-import './use-callback-b38a1523.js';
-import { Y, b as mn, j } from './index.module-eb50a8d2.js';
+import { m as h } from './stencil-hooks.module-2f159754.js';
+import './use-callback-d8ef4b5d.js';
+import { Y, p as pn, k } from './index.module-ec3dcc82.js';
+import './extends-c31f1eff.js';
 
 function usePortalLogout({ nextPage }) {
   Y(undefined);
-  mn.push({ pathname: nextPage, search: "" });
+  pn.push({ pathname: nextPage, search: "" });
 }
 
 const PortalLogout = class {
@@ -20,7 +21,7 @@ const PortalLogout = class {
   }
   disconnectedCallback() { }
   render() {
-    j() ? useLogoutDemo() : usePortalLogout(this);
+    k() ? useLogoutDemo() : usePortalLogout(this);
   }
 };
 function useLogoutDemo({}) { }

package/dist/esm/{sqm-portal-profile-view-f1deea0f.js → sqm-portal-profile-view-6a4ab589.js}

@@ -1,8 +1,8 @@
 import { h } from './index-17b4da69.js';
-import { i as intl } from './global-e0e25c22.js';
-import { j as jss, c as create } from './jss-preset-default.esm-71fae192.js';
-import { P as PortalContainerView } from './sqm-portal-container-view-73757ca5.js';
-import { T as TextSpanView } from './sqm-text-span-view-1781df94.js';
+import { i as intl } from './global-58010a55.js';
+import { c as createStyleSheet } from './JSS-96eeab98.js';
+import { T as TextSpanView } from './sqm-text-span-view-7e61c95c.js';
+import { P as PortalContainerView } from './sqm-portal-container-view-f74db584.js';
 
 function PortalProfileView(props) {
   var _a, _b, _c, _d, _e;
@@ -26,8 +26,7 @@ function PortalProfileView(props) {
       },
     },
   };
-  jss.setup(create());
-  const sheet = jss.createStyleSheet(style);
+  const sheet = createStyleSheet(style);
   const styleString = sheet.toString();
   const country = ((_a = states.user) === null || _a === void 0 ? void 0 : _a.countryCode) ? intl.formatDisplayName((_b = states.user) === null || _b === void 0 ? void 0 : _b.countryCode, {
     type: "region",

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

@@ -1,14 +1,16 @@
 import { r as registerInstance, h as h$1 } from './index-17b4da69.js';
-import { j as useState, e as useEffect, m as h } from './extends-3a3f9fe2.js';
-import './global-e0e25c22.js';
-import './use-callback-b38a1523.js';
-import { d as dist, n as ne, c as cn, D as De, j } from './index.module-eb50a8d2.js';
-import './jss-preset-default.esm-71fae192.js';
-import { g as getProps } from './utils-454405f5.js';
+import { k as useState, u as useEffect, m as h } from './stencil-hooks.module-2f159754.js';
+import './global-58010a55.js';
+import './use-callback-d8ef4b5d.js';
+import { d as dist, n as ne, b as mn, D as De, k } from './index.module-ec3dcc82.js';
+import './extends-c31f1eff.js';
+import './insertcss-bcaf3818.js';
 import { c as cjs } from './cjs-bdfb4486.js';
-import './sqm-portal-container-view-73757ca5.js';
-import './sqm-text-span-view-1781df94.js';
-import { P as PortalProfileView } from './sqm-portal-profile-view-f1deea0f.js';
+import './JSS-96eeab98.js';
+import { g as getProps } from './utils-1d345130.js';
+import './sqm-text-span-view-7e61c95c.js';
+import './sqm-portal-container-view-f74db584.js';
+import { P as PortalProfileView } from './sqm-portal-profile-view-6a4ab589.js';
 
 const GET_USER = dist.gql `
   query {
@@ -58,7 +60,7 @@ function usePortalProfile(props) {
   const [success, setSuccess] = useState(false);
   const [userData, setUserData] = useState(undefined);
   const [formState, setFormState] = useState(defaultFormState);
-  const userDataResponse = cn(GET_USER, {}, !(userIdent === null || userIdent === void 0 ? void 0 : userIdent.jwt));
+  const userDataResponse = mn(GET_USER, {}, !(userIdent === null || userIdent === void 0 ? void 0 : userIdent.jwt));
   const [upsertUser, upsertUserResponse] = De(UPSERT_USER);
   useEffect(() => {
     if (upsertUserResponse === null || upsertUserResponse === void 0 ? void 0 : upsertUserResponse.loading)
@@ -197,7 +199,7 @@ const PortalProfile = class {
   }
   disconnectedCallback() { }
   render() {
-    const props = j()
+    const props = k()
       ? usePortalProfileDemo(getProps(this))
       : usePortalProfile(getProps(this));
     return h$1(PortalProfileView, Object.assign({}, props));

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

@@ -1,25 +1,26 @@
 import { r as registerInstance, h as h$1, c as Host } from './index-17b4da69.js';
-import { e as useEffect, m as h } from './extends-3a3f9fe2.js';
-import './use-callback-b38a1523.js';
-import { n as ne, v as vn, b as mn, j } from './index.module-eb50a8d2.js';
+import { u as useEffect, m as h } from './stencil-hooks.module-2f159754.js';
+import './use-callback-d8ef4b5d.js';
+import { n as ne, h as hn, p as pn, k } from './index.module-ec3dcc82.js';
+import './extends-c31f1eff.js';
 
 function usePortalProtectedRoute({ requireEmailVerification, redirectTo, redirectToUnverified, }) {
   var _a;
   const userIdent = 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 } = vn();
+  const { pathname, search } = hn();
   const nextPageParam = new URLSearchParams();
   nextPageParam.append("nextPage", `${pathname}${search}`);
   useEffect(() => {
     if (!authenticated) {
-      return mn.push({
+      return pn.push({
         pathname: redirectTo,
         search: "?" + nextPageParam.toString(),
       });
     }
     if (requireEmailVerification && !emailVerified) {
-      return mn.push({
+      return pn.push({
         pathname: redirectToUnverified || redirectTo,
         search: "?" + nextPageParam.toString(),
       });
@@ -48,7 +49,7 @@ const PortalProtectedRoute = class {
   }
   disconnectedCallback() { }
   render() {
-    const hasUser = j()
+    const hasUser = k()
       ? usePortalProtectedRouteDemo()
       : usePortalProtectedRoute(this);
     return (h$1(Host, { style: { display: hasUser ? "contents" : "none" } }, h$1("slot", null)));

package/dist/esm/{sqm-portal-reset-password-view-a4e50da2.js → sqm-portal-reset-password-view-73e14282.js}

@@ -1,7 +1,7 @@
 import { h } from './index-17b4da69.js';
-import { j as jss, c as create } from './jss-preset-default.esm-71fae192.js';
 import { A as AuthWrapper, a as AuthColumn, b as AuthButtonsContainer } from './mixins-10353a39.js';
-import { T as TextSpanView } from './sqm-text-span-view-1781df94.js';
+import { c as createStyleSheet } from './JSS-96eeab98.js';
+import { T as TextSpanView } from './sqm-text-span-view-7e61c95c.js';
 
 const style = {
   Wrapper: AuthWrapper,
@@ -34,8 +34,7 @@ const vanillaStyle = `
   display: none;
 }
 `;
-jss.setup(create());
-const sheet = jss.createStyleSheet(style);
+const sheet = createStyleSheet(style);
 const styleString = sheet.toString();
 function PortalResetPasswordView(props) {
   const { states, callbacks } = props;

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

@@ -1,20 +1,21 @@
 import { r as registerInstance, h as h$1 } from './index-17b4da69.js';
-import { j as useState, e as useEffect, m as h } from './extends-3a3f9fe2.js';
-import './use-callback-b38a1523.js';
-import { L as Le, _ as _e, b as mn, j } from './index.module-eb50a8d2.js';
+import { k as useState, u as useEffect, m as h } from './stencil-hooks.module-2f159754.js';
+import './use-callback-d8ef4b5d.js';
+import { J as Je, L as Le, p as pn, k } from './index.module-ec3dcc82.js';
+import './extends-c31f1eff.js';
 import { j as jsonpointer } from './jsonpointer-388a7082.js';
-import './jss-preset-default.esm-71fae192.js';
 import { c as cjs } from './cjs-bdfb4486.js';
 import './mixins-10353a39.js';
-import './sqm-text-span-view-1781df94.js';
-import { P as PortalResetPasswordView } from './sqm-portal-reset-password-view-a4e50da2.js';
+import './JSS-96eeab98.js';
+import './sqm-text-span-view-7e61c95c.js';
+import { P as PortalResetPasswordView } from './sqm-portal-reset-password-view-73e14282.js';
 
 function usePortalResetPassword(props) {
-  var _a, _b, _c, _d, _e$1, _f;
+  var _a, _b, _c, _d, _e, _f;
   const [reset, setReset] = useState(false);
   const [error, setError] = useState("");
-  const [verifyPasswordResetCode, verifyPasswordResetCodeState] = Le();
-  const [resetPassword, resetPasswordState] = _e();
+  const [verifyPasswordResetCode, verifyPasswordResetCodeState] = Je();
+  const [resetPassword, resetPasswordState] = Le();
   const urlParams = new URLSearchParams(window.location.search);
   const oobCode = urlParams.get("oobCode");
   urlParams.delete("oobCode");
@@ -34,14 +35,14 @@ function usePortalResetPassword(props) {
   };
   const gotoNextPage = () => {
     urlParams.delete("nextPage");
-    mn.push({
+    pn.push({
       pathname: nextPageOverride || props.nextPage,
       search: urlParams.toString() && "?" + urlParams.toString(),
     });
   };
   const failed = () => {
-    mn.push({
-      pathname: "/",
+    pn.push({
+      pathname: props.failedPage,
       search: urlParams.toString() && "?" + urlParams.toString(),
     });
   };
@@ -68,7 +69,7 @@ function usePortalResetPassword(props) {
       loading: resetPasswordState.loading,
       reset,
       confirmPassword: props.confirmPassword,
-      error: ((_e$1 = (_d = (_c = (_b = resetPasswordState.errors) === null || _b === void 0 ? void 0 : _b.response) === null || _c === void 0 ? void 0 : _c.errors) === null || _d === void 0 ? void 0 : _d[0]) === null || _e$1 === void 0 ? void 0 : _e$1.message) || error,
+      error: ((_e = (_d = (_c = (_b = resetPasswordState.errors) === null || _b === void 0 ? void 0 : _b.response) === null || _c === void 0 ? void 0 : _c.errors) === null || _d === void 0 ? void 0 : _d[0]) === null || _e === void 0 ? void 0 : _e.message) || error,
       oobCodeValidating: verifyPasswordResetCodeState.loading,
       oobCodeValid: (_f = verifyPasswordResetCodeState.data) === null || _f === void 0 ? void 0 : _f.verifyManagedIdentityPasswordResetCode.success,
       content: {
@@ -89,9 +90,17 @@ const PortalResetPassword = class {
     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,7 +137,7 @@ const PortalResetPassword = class {
   }
   disconnectedCallback() { }
   render() {
-    const { states, callbacks } = j()
+    const { states, callbacks } = k()
       ? usePortalResetPasswordDemo(this)
       : usePortalResetPassword(this);
     return h$1(PortalResetPasswordView, { states: states, callbacks: callbacks });

package/dist/esm/{sqm-portal-section-view-f0876545.js → sqm-portal-section-view-88a80af9.js}

@@ -1,5 +1,5 @@
 import { h } from './index-17b4da69.js';
-import { j as jss, c as create } from './jss-preset-default.esm-71fae192.js';
+import { c as createStyleSheet } from './JSS-96eeab98.js';
 
 function PortalSectionView(props) {
   const style = {
@@ -9,13 +9,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})`,
     },
   };
-  jss.setup(create());
-  const sheet = jss.createStyleSheet(style);
+  const sheet = createStyleSheet(style);
   const styleString = sheet.toString();
   return (h("div", { class: sheet.classes.SectionContainer },
     h("style", { type: "text/css" }, styleString),

package/dist/esm/{sqm-portal-verify-email-view-6f18bac2.js → sqm-portal-verify-email-view-cbf1cfdc.js}

@@ -1,7 +1,7 @@
 import { h } from './index-17b4da69.js';
-import { j as jss, c as create } from './jss-preset-default.esm-71fae192.js';
 import { A as AuthWrapper, a as AuthColumn } from './mixins-10353a39.js';
-import { T as TextSpanView } from './sqm-text-span-view-1781df94.js';
+import { c as createStyleSheet } from './JSS-96eeab98.js';
+import { T as TextSpanView } from './sqm-text-span-view-7e61c95c.js';
 
 const style = {
   Wrapper: AuthWrapper,
@@ -18,8 +18,7 @@ const vanillaStyle = `
   display: none;
 }
 `;
-jss.setup(create());
-const sheet = jss.createStyleSheet(style);
+const sheet = createStyleSheet(style);
 const styleString = sheet.toString();
 function PortalVerifyEmailView(props) {
   const { states, data, callbacks } = props;

package/dist/esm/sqm-portal-verify-email.entry.js

@@ -1,33 +1,34 @@
 import { r as registerInstance, h as h$1 } from './index-17b4da69.js';
-import { j as useState, e as useEffect, m as h } from './extends-3a3f9fe2.js';
-import './use-callback-b38a1523.js';
-import { n as ne, l as Ye, b as mn, j } from './index.module-eb50a8d2.js';
-import './jss-preset-default.esm-71fae192.js';
+import { k as useState, u as useEffect, m as h } from './stencil-hooks.module-2f159754.js';
+import './use-callback-d8ef4b5d.js';
+import { n as ne, t as tn, p as pn, k } from './index.module-ec3dcc82.js';
+import './extends-c31f1eff.js';
 import { c as cjs } from './cjs-bdfb4486.js';
 import './mixins-10353a39.js';
-import './sqm-text-span-view-1781df94.js';
-import { P as PortalVerifyEmailView } from './sqm-portal-verify-email-view-6f18bac2.js';
+import './JSS-96eeab98.js';
+import './sqm-text-span-view-7e61c95c.js';
+import { P as PortalVerifyEmailView } from './sqm-portal-verify-email-view-cbf1cfdc.js';
 
-function usePortalVerifyEmail({ nextPage }) {
+function usePortalVerifyEmail({ nextPage, failedPage }) {
   var _a, _b, _c, _d, _e;
   const [verified, setVerified] = useState(false);
   const [disableContinue, setDisableContinue] = useState(true);
   const userIdent = ne();
-  const [request, { loading, data, errors }] = Ye();
+  const [request, { loading, data, errors }] = tn();
   const [error, setError] = useState("");
   const urlParams = new URLSearchParams(window.location.search);
   const oobCode = urlParams.get("oobCode");
   const nextPageOverride = urlParams.get("nextPage");
   urlParams.delete("oobCode");
   const failed = () => {
-    return mn.push({
-      pathname: "/",
+    return pn.push({
+      pathname: failedPage,
       search: urlParams.toString() && "?" + urlParams.toString(),
     });
   };
   const gotoNextPage = () => {
     urlParams.delete("nextPage");
-    return mn.push({
+    return pn.push({
       pathname: nextPageOverride || nextPage,
       search: urlParams.toString() && "?" + urlParams.toString(),
     });
@@ -92,14 +93,22 @@ const PortalVerifyEmail = class {
     registerInstance(this, hostRef);
     this.ignored = true;
     /**
+     * The page that users are redirected to when the verification succeeds.
+     *
      * @uiName Next page path
      */
     this.nextPage = "/";
+    /**
+     * The page that users are redirected to if verification fails due to outdated verification attempt.
+     *
+     * @uiName Failed page redirection path
+     */
+    this.failedPage = "/";
     h(this);
   }
   disconnectedCallback() { }
   render() {
-    const { states, data, callbacks } = j()
+    const { states, data, callbacks } = k()
       ? usePortalVerifyEmailDemo(this)
       : usePortalVerifyEmail(this);
     return (h$1(PortalVerifyEmailView, { states: states, data: data, callbacks: callbacks }));