@saasquatch/mint-components 1.6.2-2 → 1.6.2-22

package/dist/esm/sqm-portal-registration-form.entry.js

@@ -1,14 +1,14 @@
 import { h, r as registerInstance } from './index-17b4da69.js';
-import { j as useRef, e as useEffect, m as h$1 } from './stencil-hooks.module-66fea7dc.js';
-import { u as useCallback } from './use-callback-69ec5c5c.js';
-import { W as We, I as In, L } from './index.module-96470dcf.js';
-import './extends-c31f1eff.js';
+import { j as useRef, f as useEffect, m as h$1 } from './stencil-hooks.module-eefa3570.js';
+import { u as useCallback } from './use-callback-684c8bb7.js';
+import { d as dist, q as qe, a as dn, f as fn, i as isDemo } from './index.module-25496635.js';
 import { j as jsonpointer } from './jsonpointer-388a7082.js';
 import { c as cjs } from './cjs-bdfb4486.js';
 import { A as AuthWrapper, a as AuthColumn, H as HostBlock, b as AuthButtonsContainer, E as ErrorStyles } from './mixins-f60a614c.js';
-import { c as createStyleSheet } from './JSS-f00f9536.js';
-import { T as TextSpanView } from './sqm-text-span-view-0ba1484d.js';
-import { u as useValidationState, A as AsYouType } from './useValidationState-adb2b066.js';
+import { c as createStyleSheet } from './JSS-67b5cff8.js';
+import { T as TextSpanView } from './sqm-text-span-view-8b194920.js';
+import { A as AsYouType } from './AsYouType-46f67d0d.js';
+import { u as useRegistrationFormState } from './useRegistrationFormState-3cdf2939.js';
 
 const style = {
   Wrapper: { ...AuthWrapper, "max-width": "600px" },
@@ -39,7 +39,7 @@ sqm-portal-register {
 const sheet = createStyleSheet(style);
 const styleString = sheet.toString();
 function PortalRegistrationFormView(props) {
-  var _a, _b, _c, _d, _e, _f, _g, _h;
+  var _a, _b, _c, _d, _e, _f, _g, _h, _j, _k, _l, _m, _o, _p, _q, _r, _s, _t, _u;
   const { states, refs, callbacks, content } = props;
   if (states.error) {
     window.scrollTo({ top: 0, left: 0, behavior: "smooth" });
@@ -50,10 +50,11 @@ function PortalRegistrationFormView(props) {
       styleString),
     h(TextSpanView, { type: "h3" }, content.pageLabel),
     h("sl-form", { class: sheet.classes.Column, "onSl-submit": callbacks.submit, ref: (el) => (refs.formRef.current = el), novalidate: true },
-      states.error && (h("sqm-form-message", { type: "error", exportparts: "erroralert-icon" },
-        h("div", { part: "erroralert-text" }, props.states.error))),
+      ((_a = states.registrationFormState) === null || _a === void 0 ? void 0 : _a.disabled) ? (h("sqm-form-message", { type: "error", exportparts: "erroralert-icon" },
+        h("div", { part: "erroralert-text" }, states.registrationFormState.disabledMessage))) : (states.error && (h("sqm-form-message", { type: "error", exportparts: "erroralert-icon" },
+        h("div", { part: "erroralert-text" }, props.states.error)))),
       content.formData,
-      !states.hideInputs && (h("sl-input", Object.assign({ exportparts: "label: input-label", type: "email", name: "/email", label: content.emailLabel || "Email", disabled: states.loading, required: true, validationError: ({ value }) => {
+      !states.hideInputs && (h("sl-input", Object.assign({ exportparts: "label: input-label", type: "email", name: "/email", label: content.emailLabel || "Email", disabled: states.loading || ((_b = states.registrationFormState) === null || _b === void 0 ? void 0 : _b.disabled), required: true, validationError: ({ value }) => {
           if (!value) {
             return "Cannot be empty";
           }
@@ -61,32 +62,76 @@ function PortalRegistrationFormView(props) {
           if (!value.includes("@")) {
             return "Must be a valid email address";
           }
-        } }, (((_b = (_a = states.validationState) === null || _a === void 0 ? void 0 : _a.validationErrors) === null || _b === void 0 ? void 0 : _b.email) ? {
+        } }, (((_d = (_c = states.registrationFormState) === null || _c === void 0 ? void 0 : _c.initialData) === null || _d === void 0 ? void 0 : _d.email) ? {
+        value: (_f = (_e = states.registrationFormState) === null || _e === void 0 ? void 0 : _e.initialData) === null || _f === void 0 ? void 0 : _f.email,
+      }
+        : {}), (((_h = (_g = states.registrationFormState) === null || _g === void 0 ? void 0 : _g.validationErrors) === null || _h === void 0 ? void 0 : _h.email) ? {
         class: sheet.classes.ErrorStyle,
-        helpText: ((_d = (_c = states.validationState) === null || _c === void 0 ? void 0 : _c.validationErrors) === null || _d === void 0 ? void 0 : _d.email) ||
+        helpText: ((_k = (_j = states.registrationFormState) === null || _j === void 0 ? void 0 : _j.validationErrors) === null || _k === void 0 ? void 0 : _k.email) ||
           "Cannot be empty",
       }
         : [])))),
-      !states.hideInputs && (h("sqm-password-field", { fieldLabel: content.passwordLabel, "enable-validation": states.enablePasswordValidation })),
+      !states.hideInputs && (h("sqm-password-field", { fieldLabel: content.passwordLabel, "disable-validation": !states.enablePasswordValidation })),
       content.passwordField,
-      !states.hideInputs && states.confirmPassword && (h("sl-input", Object.assign({ exportparts: "label: input-label", type: "password", name: "/confirmPassword", label: content.confirmPasswordLabel, disabled: states.loading, required: true }, (((_f = (_e = states.validationState) === null || _e === void 0 ? void 0 : _e.validationErrors) === null || _f === void 0 ? void 0 : _f.confirmPassword) ? {
+      !states.hideInputs && states.confirmPassword && (h("sl-input", Object.assign({ exportparts: "label: input-label", type: "password", name: "/confirmPassword", label: content.confirmPasswordLabel, disabled: states.loading, required: true }, (((_m = (_l = states.registrationFormState) === null || _l === void 0 ? void 0 : _l.initialData) === null || _m === void 0 ? void 0 : _m.confirmPassword) ? {
+        value: (_p = (_o = states.registrationFormState) === null || _o === void 0 ? void 0 : _o.initialData) === null || _p === void 0 ? void 0 : _p.confirmPassword,
+      }
+        : {}), (((_r = (_q = states.registrationFormState) === null || _q === void 0 ? void 0 : _q.validationErrors) === null || _r === void 0 ? void 0 : _r.confirmPassword) ? {
         class: sheet.classes.ErrorStyle,
-        helpText: ((_h = (_g = states.validationState) === null || _g === void 0 ? void 0 : _g.validationErrors) === null || _h === void 0 ? void 0 : _h.confirmPassword) ||
-          "Cannot be empty",
+        helpText: ((_t = (_s = states.registrationFormState) === null || _s === void 0 ? void 0 : _s.validationErrors) === null || _t === void 0 ? void 0 : _t.confirmPassword) || "Cannot be empty",
       }
         : [])))),
       content.terms,
       h("div", { class: sheet.classes.ButtonsContainer },
-        h("sl-button", { submit: true, loading: states.loading, exportparts: "base: primarybutton-base", type: "primary" }, content.submitLabel || "Register"),
+        h("sl-button", { submit: true, loading: states.loading, disabled: (_u = states.registrationFormState) === null || _u === void 0 ? void 0 : _u.disabled, exportparts: "base: primarybutton-base", type: "primary" }, content.submitLabel || "Register"),
         content.secondaryButton))));
 }
 
+const RegistrationFormQuery = dist.gql `
+  query RegistrationFormQuery($key: String!) {
+    form(key: $key) {
+      key
+      type
+      initialData {
+        initialData
+        isEnabled
+        isEnabledErrorMessage
+      }
+    }
+  }
+`;
 function usePortalRegistrationForm(props) {
-  var _a, _b, _c, _d, _e, _f, _g, _h, _j;
+  var _a, _b, _c, _d, _e, _f, _g, _h, _j, _k, _l, _m, _o, _p, _q, _r;
   const formRef = useRef(null);
-  const { validationState, setValidationState } = useValidationState({});
-  const [request, { loading, errors, data, formError }] = We();
+  const { registrationFormState, setRegistrationFormState } = useRegistrationFormState({});
+  const [request, { loading, errors, data, formError }] = qe();
+  const queryResponse = dn(RegistrationFormQuery, { key: props.formKey });
+  const formLoading = loading || queryResponse.loading;
+  useEffect(() => {
+    var _a, _b, _c;
+    const initialData = (_a = queryResponse === null || queryResponse === void 0 ? void 0 : queryResponse.data) === null || _a === void 0 ? void 0 : _a.form.initialData.initialData;
+    const disabled = ((_b = queryResponse === null || queryResponse === void 0 ? void 0 : queryResponse.data) === null || _b === void 0 ? void 0 : _b.form.initialData.isEnabled) === false;
+    const disabledMessage = ((_c = queryResponse === null || queryResponse === void 0 ? void 0 : queryResponse.data) === null || _c === void 0 ? void 0 : _c.form.initialData.isEnabledErrorMessage) ||
+      "The registration form is currently disabled.";
+    const formState = {
+      loading: formLoading,
+      disabled,
+      disabledMessage,
+      initialData,
+    };
+    setRegistrationFormState(formState);
+  }, [(_a = queryResponse === null || queryResponse === void 0 ? void 0 : queryResponse.data) === null || _a === void 0 ? void 0 : _a.form.initialData]);
+  useEffect(() => {
+    if (!formRef.current)
+      return;
+    const form = formRef.current;
+    form.addEventListener("sl-input", inputFunction);
+    return () => {
+      form.removeEventListener("sl-input", inputFunction);
+    };
+  }, [formRef.current]);
   const submit = async (event) => {
+    var _a;
     let formControls = event.target.getFormControls();
     let formData = {};
     let validationErrors = {};
@@ -95,6 +140,7 @@ function usePortalRegistrationForm(props) {
         return;
       const key = control.name;
       const value = control.value;
+      // control.value = initialData[key] || control.value;
       jsonpointer.set(formData, key, value);
       // required validation
       if (control.required && !value) {
@@ -115,28 +161,61 @@ function usePortalRegistrationForm(props) {
         confirmPassword: "Passwords do not match.",
       };
     }
-    setValidationState({ error: "", validationErrors });
     if (Object.keys(validationErrors).length) {
       // early return for validation errors
+      setRegistrationFormState({
+        ...registrationFormState,
+        loading: false,
+        error: "",
+        validationErrors,
+      });
       return;
     }
+    setRegistrationFormState({
+      ...registrationFormState,
+      loading: true,
+      error: "",
+      validationErrors: {},
+    });
     const { email, password } = formData;
     delete formData.email;
     delete formData.password;
     delete formData.confirmPassword;
-    formData = { ...formData };
     const redirectPath = props.redirectPath;
     const variables = {
-      email,
-      password,
-      formData,
-      redirectPath,
+      key: props.formKey,
+      formData: {
+        email,
+        password,
+        redirectPath,
+        ...formData,
+      },
     };
     try {
-      await request(variables);
+      const result = await request(variables);
+      if (result instanceof Error) {
+        throw result;
+      }
+      setRegistrationFormState({
+        ...registrationFormState,
+        loading: false,
+        error: "",
+        validationErrors: {},
+      });
+      const managedIdentityResponse = (_a = result.submitForm) === null || _a === void 0 ? void 0 : _a.results.find((result) => result.formHandler.namespace === "identity");
+      if (managedIdentityResponse &&
+        managedIdentityResponse.result.results.length &&
+        managedIdentityResponse.result.results[0].success &&
+        managedIdentityResponse.result.results[0].data.token) {
+        fn.push(props.nextPage);
+      }
     }
     catch (error) {
-      setValidationState({ error: "Network request failed." });
+      setRegistrationFormState({
+        ...registrationFormState,
+        loading: false,
+        error: "Network request failed.",
+      });
     }
   };
   const inputFunction = useCallback((e) => {
@@ -147,44 +226,31 @@ function usePortalRegistrationForm(props) {
     const asYouType = new AsYouType("US");
     e.target.value = asYouType.input(e.target.value);
   }, []);
-  useEffect(() => {
-    var _a;
-    const managedIdentityResponse = (_a = data === null || data === void 0 ? void 0 : data.submitForm) === null || _a === void 0 ? void 0 : _a.results.find((result) => result.formHandler.namespace === "identity");
-    if (managedIdentityResponse &&
-      managedIdentityResponse.result.results.length &&
-      managedIdentityResponse.result.results[0].success &&
-      managedIdentityResponse.result.results[0].data.token) {
-      In.push(props.nextPage);
-    }
-  }, [data === null || data === void 0 ? void 0 : data.submitForm]);
-  useEffect(() => {
-    if (!formRef.current)
-      return;
-    const form = formRef.current;
-    form.addEventListener("sl-input", inputFunction);
-    return () => {
-      form.removeEventListener("sl-input", inputFunction);
-    };
-  }, [formRef.current]);
   let errorMessage = "";
-  if ((_a = errors === null || errors === void 0 ? void 0 : errors.response) === null || _a === void 0 ? void 0 : _a["error"]) {
+  if (((_b = queryResponse === null || queryResponse === void 0 ? void 0 : queryResponse.data) === null || _b === void 0 ? void 0 : _b.form.initialData.isEnabled) === false) {
+    errorMessage =
+      ((_c = queryResponse === null || queryResponse === void 0 ? void 0 : queryResponse.data) === null || _c === void 0 ? void 0 : _c.form.initialData.isEnabledErrorMessage) ||
+        "The registration form is disabled";
+  }
+  else if ((_d = errors === null || errors === void 0 ? void 0 : errors.response) === null || _d === void 0 ? void 0 : _d["error"]) {
     errorMessage = "Network request failed";
   }
-  else if ((errors === null || errors === void 0 ? void 0 : errors.message) && !((_b = errors === null || errors === void 0 ? void 0 : errors.response) === null || _b === void 0 ? void 0 : _b.errors.length)) {
+  else if ((errors === null || errors === void 0 ? void 0 : errors.message) && !((_e = errors === null || errors === void 0 ? void 0 : errors.response) === null || _e === void 0 ? void 0 : _e.errors.length)) {
     errorMessage = "Network request failed";
   }
   else {
     errorMessage =
-      formError || ((_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) || (validationState === null || validationState === void 0 ? void 0 : validationState.error);
+      formError || ((_j = (_h = (_g = (_f = queryResponse === null || queryResponse === void 0 ? void 0 : queryResponse.errors) === null || _f === void 0 ? void 0 : _f.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) || ((_o = (_m = (_l = (_k = errors === null || errors === void 0 ? void 0 : errors.response) === null || _k === void 0 ? void 0 : _k.errors) === null || _l === void 0 ? void 0 : _l[0]) === null || _m === void 0 ? void 0 : _m.extensions) === null || _o === void 0 ? void 0 : _o.message) || ((_r = (_q = (_p = errors === null || errors === void 0 ? void 0 : errors.response) === null || _p === void 0 ? void 0 : _p.errors) === null || _q === void 0 ? void 0 : _q[0]) === null || _r === void 0 ? void 0 : _r.message) || (registrationFormState === null || registrationFormState === void 0 ? void 0 : registrationFormState.error);
   }
   return {
     states: {
-      loading,
+      loading: loading || queryResponse.loading,
       error: errorMessage,
-      validationState,
+      registrationFormState,
       confirmPassword: props.confirmPassword,
       hideInputs: props.hideInputs,
       loginPath: props.loginPath,
+      enablePasswordValidation: !props.disablePasswordValidation,
     },
     callbacks: {
       submit,
@@ -201,23 +267,25 @@ const PortalRegistrationForm = class {
     registerInstance(this, hostRef);
     this.ignored = true;
     /**
-     * Page navigated to after registration
+     * Page participants are navigated to after registration.
      *
-     * @uiName Next Page
+     * @uiName Registration Redirect Path
+     * @uiWidget pageSelect
      */
     this.nextPage = "/";
     /**
-     * The page that users are redirected to from the verification email.
+     * The page that participants are redirected to from the verification email.
      *
-     * @uiName Email Redirection Base Path
+     * @uiName Email Redirection Path
+     * @uiWidget pageSelect
      */
     this.redirectPath = "/verifyEmail";
     /**
-     * @uiName Email Label
+     * @uiName Email Field Label
      */
     this.emailLabel = "Email";
     /**
-     * @uiName Password Label
+     * @uiName Password Field Label
      */
     this.passwordLabel = "Password";
     /**
@@ -233,43 +301,42 @@ const PortalRegistrationForm = class {
      */
     this.confirmPasswordLabel = "Confirm Password";
     /**
-     * Show or hide the confirm password input
+     * Show or hide the confirm password input.
      *
      * @uiName Show Confirm Password Field
-     * @default
      */
     this.confirmPassword = false;
     /**
-     * @uiName Enable Password Validation
+     * @uiName Disable Password Validation
      */
-    this.enablePasswordValidation = true;
+    this.disablePasswordValidation = false;
     /**
-     * Hide default input fields to use custom fields
+     * Hide default input fields to use custom fields.
      *
      * @uiName Hide Default Inputs
-     * @default
      */
     this.hideInputs = false;
     /**
-     * @uiName Heading Label
+     * @uiName Header Text
      */
     this.pageLabel = "Register";
     /**
-     * Login button redirection path
+     * Login button redirection path.
      *
-     * @uiName Login Path
+     * @uiName Login Redirect Path
+     * @uiWidget pageSelect
      */
     this.loginPath = "/login";
     h$1(this);
   }
   disconnectedCallback() { }
   render() {
-    const { states, callbacks, refs } = L()
+    const { states, callbacks, refs } = isDemo()
       ? useRegisterDemo(this)
       : usePortalRegistrationForm(this);
     const content = {
       formData: h("slot", { name: "formData" }),
-      secondaryButton: (h("slot", { name: "secondaryButton" }, h("sl-button", { type: "text", disabled: states.loading, onClick: () => In.push(states.loginPath) }, this.loginLabel))),
+      secondaryButton: (h("slot", { name: "secondaryButton" }, h("sl-button", { type: "text", disabled: states.loading, onClick: () => fn.push(states.loginPath) }, this.loginLabel))),
       terms: h("slot", { name: "terms" }),
       emailLabel: this.emailLabel,
       passwordLabel: this.passwordLabel,

package/dist/esm/{sqm-portal-reset-password-view-213b3af6.js → sqm-portal-reset-password-view-06f6ffac.js}

@@ -1,7 +1,7 @@
 import { h } from './index-17b4da69.js';
 import { A as AuthWrapper, a as AuthColumn, b as AuthButtonsContainer } from './mixins-f60a614c.js';
-import { c as createStyleSheet } from './JSS-f00f9536.js';
-import { T as TextSpanView } from './sqm-text-span-view-0ba1484d.js';
+import { c as createStyleSheet } from './JSS-67b5cff8.js';
+import { T as TextSpanView } from './sqm-text-span-view-8b194920.js';
 
 const style = {
   Wrapper: AuthWrapper,

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

@@ -1,26 +1,34 @@
 import { r as registerInstance, h as h$1 } from './index-17b4da69.js';
-import { i as useState, e as useEffect, m as h } from './stencil-hooks.module-66fea7dc.js';
-import './use-callback-69ec5c5c.js';
-import { K as Ke, G as Ge, I as In, L } from './index.module-96470dcf.js';
-import './extends-c31f1eff.js';
+import { i as useState, f as useEffect, m as h } from './stencil-hooks.module-eefa3570.js';
+import './use-callback-684c8bb7.js';
+import { e as Ne, W as We, f as fn, i as isDemo } from './index.module-25496635.js';
 import { j as jsonpointer } from './jsonpointer-388a7082.js';
 import { c as cjs } from './cjs-bdfb4486.js';
 import './mixins-f60a614c.js';
-import './JSS-f00f9536.js';
+import './JSS-67b5cff8.js';
 import { s as sanitizeUrlPath } from './utils-334c1e34.js';
-import './sqm-text-span-view-0ba1484d.js';
-import { P as PortalResetPasswordView } from './sqm-portal-reset-password-view-213b3af6.js';
+import './sqm-text-span-view-8b194920.js';
+import { P as PortalResetPasswordView } from './sqm-portal-reset-password-view-06f6ffac.js';
 
 function usePortalResetPassword(props) {
-  var _a, _b, _c, _d, _e, _f, _g, _h, _j, _k, _l;
+  var _a, _b, _c, _d, _e, _f, _g, _h, _j, _k;
   const [reset, setReset] = useState(false);
   const [error, setError] = useState("");
-  const [verifyPasswordResetCode, verifyPasswordResetCodeState] = Ke();
-  const [resetPassword, resetPasswordState] = Ge();
-  const urlParams = new URLSearchParams(window.location.search);
+  const [verifyPasswordResetCode, verifyPasswordResetCodeState] = Ne();
+  const [resetPassword, resetPasswordState] = We();
+  const urlParams = new URLSearchParams(fn.location.search);
   const oobCode = urlParams.get("oobCode");
   urlParams.delete("oobCode");
   const nextPageOverride = urlParams.get("nextPage");
+  const verifyPasswordResetCodeAndHandleResponse = async () => {
+    const result = await verifyPasswordResetCode({ oobCode });
+    if (result instanceof Error) {
+      setError("Network request failed.");
+    }
+  };
+  useEffect(() => {
+    verifyPasswordResetCodeAndHandleResponse();
+  }, []);
   const submit = async (event) => {
     setError("");
     let formData = event.detail.formData;
@@ -32,52 +40,37 @@ function usePortalResetPassword(props) {
       setError("Passwords do not match.");
       return;
     }
-    await resetPassword(variables);
+    const result = await resetPassword(variables);
+    if (result instanceof Error) {
+      return setError("Network request failed.");
+    }
+    if (result.resetManagedIdentityPassword) {
+      setReset(true);
+      setTimeout(() => {
+        gotoNextPage();
+      }, 5000);
+    }
   };
   const gotoNextPage = () => {
     urlParams.delete("nextPage");
     const url = sanitizeUrlPath(nextPageOverride || props.nextPage);
-    In.push(url.href);
+    fn.push(url.href);
   };
   const failed = () => {
-    In.push({
+    fn.push({
       pathname: props.failedPage,
       search: urlParams.toString() && "?" + urlParams.toString(),
     });
   };
-  useEffect(() => {
-    var _a;
-    if ((_a = resetPasswordState.data) === null || _a === void 0 ? void 0 : _a.resetManagedIdentityPassword) {
-      setReset(true);
-      setTimeout(() => {
-        gotoNextPage();
-      }, 5000);
-    }
-  }, [(_a = resetPasswordState.data) === null || _a === void 0 ? void 0 : _a.resetManagedIdentityPassword]);
-  useEffect(() => {
-    verifyPasswordResetCode({ oobCode });
-  }, [oobCode]);
-  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.");
-    }
-  }, [verifyPasswordResetCodeState === null || verifyPasswordResetCodeState === void 0 ? void 0 : verifyPasswordResetCodeState.errors]);
-  useEffect(() => {
-    var _a;
-    if ((_a = resetPasswordState === null || resetPasswordState === void 0 ? void 0 : resetPasswordState.errors) === null || _a === void 0 ? void 0 : _a.message) {
-      setError("Network request failed.");
-    }
-  }, [resetPasswordState === null || resetPasswordState === void 0 ? void 0 : resetPasswordState.errors]);
   return {
     states: {
       loading: resetPasswordState.loading,
       reset,
       confirmPassword: props.confirmPassword,
-      error: ((_f = (_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.extensions) === null || _f === void 0 ? void 0 : _f.message) || ((_k = (_j = (_h = (_g = resetPasswordState.errors) === null || _g === void 0 ? void 0 : _g.response) === null || _h === void 0 ? void 0 : _h.errors) === null || _j === void 0 ? void 0 : _j[0]) === null || _k === void 0 ? void 0 : _k.message) ||
+      error: ((_e = (_d = (_c = (_b = (_a = resetPasswordState.errors) === null || _a === void 0 ? void 0 : _a.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) || ((_j = (_h = (_g = (_f = resetPasswordState.errors) === null || _f === void 0 ? void 0 : _f.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,
       oobCodeValidating: verifyPasswordResetCodeState.loading,
-      oobCodeValid: (_l = verifyPasswordResetCodeState.data) === null || _l === void 0 ? void 0 : _l.verifyManagedIdentityPasswordResetCode.success,
+      oobCodeValid: (_k = verifyPasswordResetCodeState.data) === null || _k === void 0 ? void 0 : _k.verifyManagedIdentityPasswordResetCode.success,
       content: {
         passwordResetHeader: props.passwordResetHeader,
         resetPasswordHeader: props.resetPasswordHeader,
@@ -96,22 +89,23 @@ const PortalResetPassword = class {
     registerInstance(this, hostRef);
     this.ignored = true;
     /**
-     * The page that users are redirected to when the password reset succeeds.
+     * The page that participants are redirected to when the password reset succeeds.
      *
-     * @uiName Next Page Path
+     * @uiName Reset Successful Redirect Path
+     * @uiWidget pageSelect
      */
     this.nextPage = "/";
     /**
-     * The page that users are redirected to if the reset fails due to outdated password reset attempt.
+     * The page that participants are redirected to if the reset fails due to outdated password reset attempt.
      *
-     * @uiName Failed Page Path
+     * @uiName Reset Failed Redirect Path
+     * @uiWidget pageSelect
      */
     this.failedPage = "/";
     /**
-     * Show or hide confirm password field
+     * Show or hide confirm password field.
      *
      * @uiName Show Confirm Password
-     * @default
      */
     this.confirmPassword = false;
     /**
@@ -119,9 +113,10 @@ const PortalResetPassword = class {
      */
     this.resetPasswordHeader = "Reset your password";
     /**
-     * Displayed after a successful password reset
+     * Displayed after a successful password reset.
      *
      * @uiName Successful Password Reset Text
+     * @uiWidget textArea
      */
     this.passwordResetHeader = "Password reset";
     /**
@@ -129,13 +124,13 @@ const PortalResetPassword = class {
      */
     this.resetPasswordButtonText = "Reset Password";
     /**
-     * Button text displayed after a successful password reset
+     * Button text displayed after a successful password reset.
      *
      * @uiName Continue Button Text
      */
     this.continueButtonText = "Continue";
     /**
-     * @uiName Confirm Password Label
+     * @uiName Password Comfirmation Label
      */
     this.confirmPasswordFieldLabel = "Confirm Password";
     /**
@@ -146,7 +141,7 @@ const PortalResetPassword = class {
   }
   disconnectedCallback() { }
   render() {
-    const { states, callbacks } = L()
+    const { states, callbacks } = isDemo()
       ? usePortalResetPasswordDemo(this)
       : usePortalResetPassword(this);
     return h$1(PortalResetPasswordView, { states: states, callbacks: callbacks });

package/dist/esm/{sqm-portal-section-view-6c249c74.js → sqm-portal-section-view-a991e019.js}

@@ -1,5 +1,5 @@
 import { h } from './index-17b4da69.js';
-import { c as createStyleSheet } from './JSS-f00f9536.js';
+import { c as createStyleSheet } from './JSS-67b5cff8.js';
 
 function PortalSectionView(props) {
   // Due to sole usage of props, not feasiable to move out of render function

package/dist/esm/{sqm-portal-verify-email-view-c32dfd7e.js → sqm-portal-verify-email-view-833644ac.js}

@@ -1,7 +1,7 @@
 import { h } from './index-17b4da69.js';
 import { A as AuthWrapper, a as AuthColumn } from './mixins-f60a614c.js';
-import { c as createStyleSheet } from './JSS-f00f9536.js';
-import { T as TextSpanView } from './sqm-text-span-view-0ba1484d.js';
+import { c as createStyleSheet } from './JSS-67b5cff8.js';
+import { T as TextSpanView } from './sqm-text-span-view-8b194920.js';
 
 const style = {
   Wrapper: AuthWrapper,