@saasquatch/mint-components 1.6.2-9 → 1.6.3-1

package/dist/collection/components/sqm-portal-change-password/sqm-portal-change-password.js

@@ -4,6 +4,7 @@ import { PortalChangePasswordView, } from "./sqm-portal-change-password-view";
 import { usePortalChangePassword } from "./usePortalChangePassword";
 import { isDemo } from "@saasquatch/component-boilerplate";
 import deepmerge from "deepmerge";
+import { useState } from "@saasquatch/universal-hooks";
 /**
  * @uiName Microsite Password Change
  */
@@ -15,25 +16,25 @@ export class PortalChangePassword {
      */
     this.modalChangePasswordHeader = "Change Password";
     /**
-     * Modal cancel button text
+     * Found in modal
      *
      * @uiName Cancel Button Text
      */
     this.cancelText = "Cancel";
     /**
-     * Modal change password button text
+     * Found in modal
      *
      * @uiName Change Password Button Text
      */
     this.changePasswordButtonText = "Change Password";
     /**
-     * Password input field label
+     * Found in modal
      *
-     * @uiName Password Label
+     * @uiName New Password Field Label
      */
     this.passwordFieldLabel = "New Password";
     /**
-     * Password confirmation input field label
+     * Found in modal
      *
      * @uiName Confirm Password Label
      */
@@ -103,7 +104,7 @@ export class PortalChangePassword {
             "text": "Cancel Button Text",
             "name": "uiName"
           }],
-        "text": "Modal cancel button text"
+        "text": "Found in modal"
       },
       "attribute": "cancel-text",
       "reflect": false,
@@ -124,7 +125,7 @@ export class PortalChangePassword {
             "text": "Change Password Button Text",
             "name": "uiName"
           }],
-        "text": "Modal change password button text"
+        "text": "Found in modal"
       },
       "attribute": "change-password-button-text",
       "reflect": false,
@@ -142,10 +143,10 @@ export class PortalChangePassword {
       "optional": false,
       "docs": {
         "tags": [{
-            "text": "Password Label",
+            "text": "New Password Field Label",
             "name": "uiName"
           }],
-        "text": "Password input field label"
+        "text": "Found in modal"
       },
       "attribute": "password-field-label",
       "reflect": false,
@@ -166,7 +167,7 @@ export class PortalChangePassword {
             "text": "Confirm Password Label",
             "name": "uiName"
           }],
-        "text": "Password confirmation input field label"
+        "text": "Found in modal"
       },
       "attribute": "confirm-password-field-label",
       "reflect": false,
@@ -274,23 +275,24 @@ export class PortalChangePassword {
   }; }
 }
 function usePortalChangePasswordDemo(props) {
+  const [open, setOpen] = useState(false);
   return deepmerge({
     states: {
-      open: true,
+      open,
       error: "",
       content: {
-        modalChangePasswordHeader: "Change Password",
-        cancelText: "Cancel",
-        changePasswordButtonText: "Change Password",
-        passwordFieldLabel: "New Password",
-        confirmPasswordFieldLabel: "Confirm new password",
-        successMessage: "Your password has been updated.",
-        portalChangePasswordHeader: "Password",
-        portalChangePasswordButtonText: "Change your password...",
+        modalChangePasswordHeader: props.modalChangePasswordHeader,
+        cancelText: props.cancelText,
+        changePasswordButtonText: props.changePasswordButtonText,
+        passwordFieldLabel: props.passwordFieldLabel,
+        confirmPasswordFieldLabel: props.confirmPasswordFieldLabel,
+        successMessage: props.successMessage,
+        portalChangePasswordHeader: props.portalChangePasswordHeader,
+        portalChangePasswordButtonText: props.portalChangePasswordButtonText,
       },
     },
     callbacks: {
-      setOpen: (o) => console.log(o),
+      setOpen: (update) => setOpen(update),
       submit: (e) => console.log("Submit", e),
     },
   }, props.demoData || {}, { arrayMerge: (_, a) => a });

package/dist/collection/components/sqm-portal-change-password/usePortalChangePassword.js

@@ -1,15 +1,15 @@
-import { useEffect, useState } from "@saasquatch/universal-hooks";
+import { useState } from "@saasquatch/universal-hooks";
 import jsonpointer from "jsonpointer";
 import { useChangePasswordMutation, useUserIdentity, } from "@saasquatch/component-boilerplate";
 export function usePortalChangePassword(props) {
-  var _a, _b, _c, _d, _e, _f, _g, _h;
+  var _a, _b, _c, _d, _e, _f, _g;
   const [request, { loading, errors, data }] = useChangePasswordMutation();
   const [open, setOpen] = useState(false);
   const [error, setError] = useState("");
   const [success, setSuccess] = useState(false);
   const user = useUserIdentity();
   const submit = async (event) => {
-    var _a;
+    var _a, _b;
     setSuccess(false);
     const formData = (_a = event.detail) === null || _a === void 0 ? void 0 : _a.formData;
     formData === null || formData === void 0 ? void 0 : formData.forEach((value, key) => {
@@ -27,20 +27,17 @@ export function usePortalChangePassword(props) {
     const variables = {
       password: formData.password,
     };
-    await request(variables);
-  };
-  useEffect(() => {
-    var _a;
-    if ((_a = data === null || data === void 0 ? void 0 : data.changeManagedIdentityPassword) === null || _a === void 0 ? void 0 : _a.success) {
+    const result = await request(variables);
+    if (!(result instanceof Error) && ((_b = result.changeManagedIdentityPassword) === null || _b === void 0 ? void 0 : _b.success)) {
       setSuccess(true);
     }
-  }, [(_a = data === null || data === void 0 ? void 0 : data.changeManagedIdentityPassword) === null || _a === void 0 ? void 0 : _a.success]);
+  };
   return {
     states: {
       open,
       loading,
       success,
-      error: error || ((_e = (_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.extensions) === null || _e === void 0 ? void 0 : _e.message) || ((_h = (_g = (_f = errors === null || errors === void 0 ? void 0 : errors.response) === null || _f === void 0 ? void 0 : _f.errors) === null || _g === void 0 ? void 0 : _g[0]) === null || _h === void 0 ? void 0 : _h.message),
+      error: error || ((_d = (_c = (_b = (_a = errors === null || errors === void 0 ? void 0 : errors.response) === null || _a === void 0 ? void 0 : _a.errors) === null || _b === void 0 ? void 0 : _b[0]) === null || _c === void 0 ? void 0 : _c.extensions) === null || _d === void 0 ? void 0 : _d.message) || ((_g = (_f = (_e = errors === null || errors === void 0 ? void 0 : errors.response) === null || _e === void 0 ? void 0 : _e.errors) === null || _f === void 0 ? void 0 : _f[0]) === null || _g === void 0 ? void 0 : _g.message),
       content: {
         modalChangePasswordHeader: props.modalChangePasswordHeader,
         cancelText: props.cancelText,

package/dist/collection/components/sqm-portal-container/sqm-portal-container-view.js

@@ -15,10 +15,10 @@ export function PortalContainerView(props, children) {
       justifyContent: props.justifyContent,
     },
   };
-  const vanillaStyle = `
-  :host{
-    width: 100%;
-    display: block;
+  const vanillaStyle = `
+  :host{
+    width: 100%;
+    display: block;
   }`;
   const sheet = createStyleSheet(style);
   const styleString = sheet.toString();

package/dist/collection/components/sqm-portal-container/sqm-portal-container.js

@@ -200,7 +200,7 @@ export class PortalContainer {
       "type": "string",
       "mutable": false,
       "complexType": {
-        "original": "| \"start\"\n    | \"center\"\n    | \"end\"\n    | \"space-between\"\n    | \"space-around\"\n    | \"space-evenly\"",
+        "original": "| \"start\"\r\n    | \"center\"\r\n    | \"end\"\r\n    | \"space-between\"\r\n    | \"space-around\"\r\n    | \"space-evenly\"",
         "resolved": "\"center\" | \"end\" | \"space-around\" | \"space-between\" | \"space-evenly\" | \"start\"",
         "references": {}
       },

package/dist/collection/components/sqm-portal-email-verification/sqm-portal-email-verification-view.js

@@ -7,18 +7,18 @@ const style = {
   Wrapper: AuthWrapper,
   Column: { ...AuthColumn },
 };
-const vanillaStyle = `
-:host {
-  display: block;
-}
-:host([hidden]): {
-  display: none;
-}
+const vanillaStyle = `
+:host {
+  display: block;
+}
+:host([hidden]): {
+  display: none;
+}
 `;
 const sheet = createStyleSheet(style);
 const styleString = sheet.toString();
 export function PortalEmailVerificationView(props) {
-  const { states, callbacks, content: { email, verifyMessage, emailVerificationHeader, resendEmailButtonText, }, } = props;
+  const { states, callbacks, content: { email, verifyMessage, emailVerificationHeader, resendEmailButtonText, verificationStatusMessage, verificationLoadingMessage, }, } = props;
   return (h("div", { class: sheet.classes.Wrapper },
     h("style", { type: "text/css" },
       vanillaStyle,
@@ -35,5 +35,9 @@ export function PortalEmailVerificationView(props) {
       }, {
         email: (h("span", { style: { fontWeight: "var(--sl-font-weight-semibold)" } }, email)),
       })),
-      h("sl-button", { submit: true, loading: states.loading, exportparts: "base: primarybutton-base", type: "primary" }, resendEmailButtonText))));
+      h("sl-button", { submit: true, loading: states.loading, exportparts: "base: primarybutton-base", type: "primary" }, resendEmailButtonText),
+      states.loadingVerification ? (h("p", null, verificationLoadingMessage)) : (h("p", null, intl.formatMessage({
+        id: `verificationStatus`,
+        defaultMessage: verificationStatusMessage,
+      }, { countdown: states.countdown }))))));
 }

package/dist/collection/components/sqm-portal-email-verification/sqm-portal-email-verification.js

@@ -11,9 +11,10 @@ export class PortalEmailVerification {
   constructor() {
     this.ignored = true;
     /**
-     * The microsite page that participants are redirected to from the verification email.
+     * Redirect participants to this page from their verification email.
      *
-     * @uiName Email Redirection Path
+     * @uiName Email Redirect
+     * @uiWidget pageSelect
      */
     this.redirectPath = "/verifyEmail";
     /**
@@ -28,7 +29,17 @@ export class PortalEmailVerification {
      * @uiName Email Verification Body Text
      * @uiWidget textArea
      */
-    this.verifyMessage = "A verification email was sent to {email}. Please verify your email to continue to the portal.";
+    this.verifyMessage = "A verification email was sent to {email}. Please verify your email to continue to the portal. Resending an email will invalidate the previous email.";
+    /**
+     * @uiName Email Verification Status Text
+     * @uiWidget textArea
+     */
+    this.verificationStatusMessage = "Check verification status in {countdown}";
+    /**
+     * @uiName Email Verification Checking Text
+     * @uiWidget textArea
+     */
+    this.verificationLoadingMessage = "Verification status refreshing";
     withHooks(this);
   }
   disconnectedCallback() { }
@@ -53,10 +64,13 @@ export class PortalEmailVerification {
       "optional": false,
       "docs": {
         "tags": [{
-            "text": "Email Redirection Path",
+            "text": "Email Redirect",
             "name": "uiName"
+          }, {
+            "text": "pageSelect",
+            "name": "uiWidget"
           }],
-        "text": "The microsite page that participants are redirected to from the verification email."
+        "text": "Redirect participants to this page from their verification email."
       },
       "attribute": "redirect-path",
       "reflect": false,
@@ -126,14 +140,62 @@ export class PortalEmailVerification {
       },
       "attribute": "verify-message",
       "reflect": false,
-      "defaultValue": "\"A verification email was sent to {email}. Please verify your email to continue to the portal.\""
+      "defaultValue": "\"A verification email was sent to {email}. Please verify your email to continue to the portal. Resending an email will invalidate the previous email.\""
+    },
+    "verificationStatusMessage": {
+      "type": "string",
+      "mutable": false,
+      "complexType": {
+        "original": "string",
+        "resolved": "string",
+        "references": {}
+      },
+      "required": false,
+      "optional": false,
+      "docs": {
+        "tags": [{
+            "text": "Email Verification Status Text",
+            "name": "uiName"
+          }, {
+            "text": "textArea",
+            "name": "uiWidget"
+          }],
+        "text": ""
+      },
+      "attribute": "verification-status-message",
+      "reflect": false,
+      "defaultValue": "\"Check verification status in {countdown}\""
+    },
+    "verificationLoadingMessage": {
+      "type": "string",
+      "mutable": false,
+      "complexType": {
+        "original": "string",
+        "resolved": "string",
+        "references": {}
+      },
+      "required": false,
+      "optional": false,
+      "docs": {
+        "tags": [{
+            "text": "Email Verification Checking Text",
+            "name": "uiName"
+          }, {
+            "text": "textArea",
+            "name": "uiWidget"
+          }],
+        "text": ""
+      },
+      "attribute": "verification-loading-message",
+      "reflect": false,
+      "defaultValue": "\"Verification status refreshing\""
     },
     "demoData": {
       "type": "unknown",
       "mutable": false,
       "complexType": {
         "original": "DemoData<PortalEmailVerificationViewProps>",
-        "resolved": "{ states?: { error: string; loading: boolean; success: boolean; }; content?: { email: string; verifyMessage: string; emailVerificationHeader: string; resendEmailButtonText: string; }; }",
+        "resolved": "{ states?: { error: string; loading: boolean; success: boolean; isVerified?: boolean; loadingVerification?: boolean; countdown?: number; }; content?: { email: string; verifyMessage: string; emailVerificationHeader: string; resendEmailButtonText: string; verificationStatusMessage?: string; verificationLoadingMessage?: string; }; }",
         "references": {
           "DemoData": {
             "location": "import",
@@ -174,6 +236,8 @@ function usePortalEmailVerificationDemo(props) {
       verifyMessage: "A verification email was sent to {email}. Please verify your email to continue to the portal.",
       emailVerificationHeader: "Verify your email",
       resendEmailButtonText: "Re-send Email",
+      verificationLoadingMessage: props.verificationLoadingMessage,
+      verificationStatusMessage: props.verificationStatusMessage,
     },
   }, props.demoData || {}, { arrayMerge: (_, a) => a });
 }

package/dist/collection/components/sqm-portal-email-verification/usePortalEmailVerification.js

@@ -1,15 +1,20 @@
-import { useEffect, useState } from "@saasquatch/universal-hooks";
-import { useUserIdentity, useRequestVerificationEmailMutation, } from "@saasquatch/component-boilerplate";
+import { navigation, useManagedIdentitySessionQuery, useRequestVerificationEmailMutation, useUserIdentity, } from "@saasquatch/component-boilerplate";
+import { useCallback, useEffect, useRef, useState, } from "@saasquatch/universal-hooks";
+// var refreshTimer;
 export function usePortalEmailVerification(props) {
   var _a, _b, _c, _d, _e, _f, _g, _h, _j;
   const [request, { loading, data, errors }] = useRequestVerificationEmailMutation();
+  const [getVerificationStatus, { data: user, loading: loadingVerification }] = useManagedIdentitySessionQuery();
   const userIdent = useUserIdentity();
   const email = (_a = userIdent === null || userIdent === void 0 ? void 0 : userIdent.managedIdentity) === null || _a === void 0 ? void 0 : _a.email;
+  const urlParams = new URLSearchParams(navigation.location.search);
+  const nextPage = urlParams.get("nextPage");
   const [success, setSuccess] = useState(false);
   const [error, setError] = useState("");
-  const urlParams = new URLSearchParams(window.location.search);
-  const nextPage = urlParams.get("nextPage");
+  const [countdown, setCountdown] = useState(10);
+  const timerRef = useRef(undefined);
   const submit = async () => {
+    var _a;
     if (!email)
       return;
     setError("");
@@ -17,25 +22,57 @@ export function usePortalEmailVerification(props) {
     const urlParams = nextPage ? { nextPage } : null;
     const redirectPath = props.redirectPath;
     const variables = { email, urlParams, redirectPath };
-    await request(variables);
+    const result = await request(variables);
+    if (result instanceof Error) {
+      if (result.message)
+        setError("Network request failed.");
+      return;
+    }
+    if ((_a = result.requestManagedIdentityVerificationEmail) === null || _a === void 0 ? void 0 : _a.success)
+      setSuccess(true);
   };
-  useEffect(() => {
+  function clearTimer() {
+    console.log("clearing!", timerRef.current);
+    clearInterval(timerRef.current);
+  }
+  const checkVerification = useCallback(async () => {
     var _a;
-    if ((_a = data === null || data === void 0 ? void 0 : data.requestManagedIdentityVerificationEmail) === null || _a === void 0 ? void 0 : _a.success) {
-      setSuccess(true);
+    console.log("checking...", timerRef.current);
+    const data = (await getVerificationStatus());
+    if ((_a = data === null || data === void 0 ? void 0 : data.managedIdentitySession) === null || _a === void 0 ? void 0 : _a.emailVerified) {
+      console.log("verified!", timerRef.current);
+      clearTimer();
+      return navigation.push(props.redirectPath);
     }
-  }, [(_b = data === null || data === void 0 ? void 0 : data.requestManagedIdentityVerificationEmail) === null || _b === void 0 ? void 0 : _b.success]);
+    else {
+      setCountdown(10);
+    }
+  }, []);
   useEffect(() => {
-    if (errors === null || errors === void 0 ? void 0 : errors.message) {
-      setError("Network request failed.");
+    if (!timerRef.current) {
+      checkVerification();
+      timerRef.current = setInterval(checkVerification, 10000);
     }
-  }, [errors]);
+    return () => {
+      console.log("clear timer");
+      clearTimer();
+    };
+  }, []);
+  useEffect(() => {
+    const countdownTimer = countdown > 0 && setInterval(() => setCountdown(countdown - 1), 1000);
+    if (countdown === 0)
+      clearInterval(countdownTimer);
+    return () => clearInterval(countdownTimer);
+  }, [countdown]);
   return {
     states: {
       loading,
-      error: ((_f = (_e = (_d = (_c = errors === null || errors === void 0 ? void 0 : errors.response) === null || _c === void 0 ? void 0 : _c.errors) === null || _d === void 0 ? void 0 : _d[0]) === null || _e === void 0 ? void 0 : _e.extensions) === null || _f === void 0 ? void 0 : _f.message) || ((_j = (_h = (_g = errors === null || errors === void 0 ? void 0 : errors.response) === null || _g === void 0 ? void 0 : _g.errors) === null || _h === void 0 ? void 0 : _h[0]) === null || _j === void 0 ? void 0 : _j.message) ||
+      error: ((_e = (_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.extensions) === null || _e === void 0 ? void 0 : _e.message) || ((_h = (_g = (_f = errors === null || errors === void 0 ? void 0 : errors.response) === null || _f === void 0 ? void 0 : _f.errors) === null || _g === void 0 ? void 0 : _g[0]) === null || _h === void 0 ? void 0 : _h.message) ||
         error,
       success,
+      loadingVerification,
+      isVerified: !!((_j = user === null || user === void 0 ? void 0 : user.managedIdentitySession) === null || _j === void 0 ? void 0 : _j.emailVerified),
+      countdown,
     },
     callbacks: {
       submit,
@@ -45,6 +82,8 @@ export function usePortalEmailVerification(props) {
       verifyMessage: props.verifyMessage,
       emailVerificationHeader: props.emailVerificationHeader,
       resendEmailButtonText: props.resendEmailButtonText,
+      verificationLoadingMessage: props.verificationLoadingMessage,
+      verificationStatusMessage: props.verificationStatusMessage,
     },
   };
 }

package/dist/collection/components/sqm-portal-footer/PortalFooter.stories.js

@@ -10,7 +10,7 @@ export default {
 const defaultProps = {
   supportEmail: "support@example.com",
   supportText: "For program support, contact {email}",
-  showPoweredBy: true,
+  hidePoweredBy: false,
   poweredByLink: "https://saasquatch.com",
   paddingTop: "large",
   paddingRight: "large",
@@ -21,4 +21,4 @@ export const DefaultFooter = () => h(PortalFooterView, Object.assign({}, default
 export const FooterWithTerms = () => (h(PortalFooterView, Object.assign({}, defaultProps, { termsLink: "https://example.com", termsText: "Terms and Conditions" })));
 export const FooterWithFAQ = () => (h(PortalFooterView, Object.assign({}, defaultProps, { faqLink: "https://example.com", faqText: "FAQ" })));
 export const FooterWithTermsAndFAQ = () => (h(PortalFooterView, Object.assign({}, defaultProps, { termsLink: "https://example.com", termsText: "Terms and Conditions", faqLink: "https://example.com", faqText: "FAQ" })));
-export const FooterNoPoweredBy = () => (h(PortalFooterView, Object.assign({}, defaultProps, { termsLink: "https://example.com", termsText: "Terms and Conditions", faqLink: "https://example.com", faqText: "FAQ", showPoweredBy: false })));
+export const FooterNoPoweredBy = () => (h(PortalFooterView, Object.assign({}, defaultProps, { termsLink: "https://example.com", termsText: "Terms and Conditions", faqLink: "https://example.com", faqText: "FAQ", hidePoweredBy: true })));

package/dist/collection/components/sqm-portal-footer/sqm-portal-footer-view.js

@@ -2,16 +2,16 @@ import { h } from "@stencil/core";
 import { createStyleSheet } from "../../styling/JSS";
 import { intl } from "../../global/global";
 import { PoweredByImg } from "./PoweredByImg";
-const vanillaStyle = `
-  :host{
-    margin: 0 auto;
-    width: 100%;
-  }
-  a{
-    cursor:pointer;
-    color: inherit;
-    text-decoration: none;
-  }
+const vanillaStyle = `
+  :host{
+    margin: 0 auto;
+    width: 100%;
+  }
+  a{
+    cursor:pointer;
+    color: inherit;
+    text-decoration: none;
+  }
 `;
 export function PortalFooterView(props) {
   const style = {
@@ -61,6 +61,6 @@ export function PortalFooterView(props) {
     }, {
       email: (h("a", { target: "_blank", href: `mailto:${props.supportEmail}` }, props.supportEmail)),
     })),
-    props.showPoweredBy && (h("a", { class: sheet.classes.PoweredByLink, target: "_blank", href: props.poweredByLink },
+    !props.hidePoweredBy && (h("a", { class: sheet.classes.PoweredByLink, target: "_blank", href: props.poweredByLink },
       h(PoweredByImg, null)))));
 }

package/dist/collection/components/sqm-portal-footer/sqm-portal-footer.js

@@ -18,9 +18,9 @@ export class PortalFooter {
      */
     this.supportText = "For program support, contact {email}";
     /**
-     * @uiName Show Powered By SaaSquatch
+     * @uiName Hide Powered By SaaSquatch
      */
-    this.showPoweredBy = true;
+    this.hidePoweredBy = false;
     /**
      * @uiName Powered By Link
      */
@@ -184,7 +184,7 @@ export class PortalFooter {
       "attribute": "faq-text",
       "reflect": false
     },
-    "showPoweredBy": {
+    "hidePoweredBy": {
       "type": "boolean",
       "mutable": false,
       "complexType": {
@@ -196,14 +196,14 @@ export class PortalFooter {
       "optional": false,
       "docs": {
         "tags": [{
-            "text": "Show Powered By SaaSquatch",
+            "text": "Hide Powered By SaaSquatch",
             "name": "uiName"
           }],
         "text": ""
       },
-      "attribute": "show-powered-by",
+      "attribute": "hide-powered-by",
       "reflect": false,
-      "defaultValue": "true"
+      "defaultValue": "false"
     },
     "poweredByLink": {
       "type": "string",

package/dist/collection/components/sqm-portal-forgot-password/sqm-portal-forgot-password-view.js

@@ -11,13 +11,13 @@ const style = {
     width: "25%",
   },
 };
-const vanillaStyle = `
-:host {
-  display: block;
-}
-:host([hidden]): {
-  display: none;
-}
+const vanillaStyle = `
+:host {
+  display: block;
+}
+:host([hidden]): {
+  display: none;
+}
 `;
 const sheet = createStyleSheet(style);
 const styleString = sheet.toString();

package/dist/collection/components/sqm-portal-forgot-password/sqm-portal-forgot-password.js

@@ -11,9 +11,10 @@ export class PortalForgotPassword {
   constructor() {
     this.ignored = true;
     /**
-     * The microsite page that participants are redirected to from the password reset email.
+     * Redirect participants to this page after they verify their email.
      *
-     * @uiName Email Redirection Path
+     * @uiName Email Redirect
+     * @uiWidget pageSelect
      */
     this.redirectPath = "/resetPassword";
     /**
@@ -26,6 +27,7 @@ export class PortalForgotPassword {
     this.submitLabel = "Request Password Reset";
     /**
      * @uiName Login Redirect Path
+     * @uiWidget pageSelect
      */
     this.loginPath = "/login";
     /**
@@ -68,10 +70,13 @@ export class PortalForgotPassword {
       "optional": false,
       "docs": {
         "tags": [{
-            "text": "Email Redirection Path",
+            "text": "Email Redirect",
             "name": "uiName"
+          }, {
+            "text": "pageSelect",
+            "name": "uiWidget"
           }],
-        "text": "The microsite page that participants are redirected to from the password reset email."
+        "text": "Redirect participants to this page after they verify their email."
       },
       "attribute": "redirect-path",
       "reflect": false,
@@ -133,6 +138,9 @@ export class PortalForgotPassword {
         "tags": [{
             "text": "Login Redirect Path",
             "name": "uiName"
+          }, {
+            "text": "pageSelect",
+            "name": "uiWidget"
           }],
         "text": ""
       },