@saasquatch/mint-components 1.6.2-1 → 1.6.2-10

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

@@ -3,17 +3,17 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
 const index = require('./index-b0129cd6.js');
-const stencilHooks_module = require('./stencil-hooks.module-87a1f4f7.js');
-require('./global-021e3c7a.js');
-require('./use-callback-e754042f.js');
-const index_module = require('./index.module-6650575b.js');
+const stencilHooks_module = require('./stencil-hooks.module-6fe43579.js');
+require('./global-4e52f274.js');
+require('./use-callback-5d15897d.js');
+const index_module = require('./index.module-7972acac.js');
 require('./extends-08099afd.js');
 const cjs = require('./cjs-1066ec21.js');
 require('./JSS-97fd087e.js');
 const utils = require('./utils-6847bc06.js');
 require('./sqm-text-span-view-2c7d94b5.js');
 require('./sqm-portal-container-view-840db620.js');
-const sqmPortalProfileView = require('./sqm-portal-profile-view-a6b0c4a7.js');
+const sqmPortalProfileView = require('./sqm-portal-profile-view-730252e8.js');
 
 const GET_USER = index_module.dist.gql `
   query {
@@ -59,12 +59,12 @@ const defaultFormState = {
   error: "",
 };
 function usePortalProfile(props) {
-  const userIdent = index_module.ae();
+  const userIdent = index_module._();
   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.wn(GET_USER, {}, !(userIdent === null || userIdent === void 0 ? void 0 : userIdent.jwt));
-  const [upsertUser, upsertUserResponse] = index_module.je(UPSERT_USER);
+  const userDataResponse = index_module.dn(GET_USER, {}, !(userIdent === null || userIdent === void 0 ? void 0 : userIdent.jwt));
+  const [upsertUser, upsertUserResponse] = index_module.Ie(UPSERT_USER);
   stencilHooks_module.useEffect(() => {
     if (upsertUserResponse === null || upsertUserResponse === void 0 ? void 0 : upsertUserResponse.loading)
       return;
@@ -167,27 +167,19 @@ const PortalProfile = class {
     index.registerInstance(this, hostRef);
     this.ignored = true;
     /**
-     * First name input field label
-     *
      * @uiName First Name Label
      */
     this.firstnametext = "First Name";
     /**
-     * Last name input field label
-     *
-     * @uiName Last Name Label
+     * @uiName Last Name Field Label
      */
     this.lastnametext = "Last Name";
     /**
-     * Email input field label
-     *
-     * @uiName Email Label
+     * @uiName Email Field Label
      */
     this.emailtext = "Email";
     /**
-     * Country input field label
-     *
-     * @uiName Country Label
+     * @uiName Country Field Label
      */
     this.countrytext = "Country";
     /**
@@ -203,7 +195,7 @@ const PortalProfile = class {
      */
     this.submitChangeButtonText = "Submit Changes";
     /**
-     * Show or hide the country field
+     * Show or hide the country field.
      *
      * @uiName Show Country Field
      */
@@ -212,7 +204,7 @@ const PortalProfile = class {
   }
   disconnectedCallback() { }
   render() {
-    const props = index_module.L()
+    const props = index_module.isDemo()
       ? 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,28 +3,28 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
 const index = require('./index-b0129cd6.js');
-const stencilHooks_module = require('./stencil-hooks.module-87a1f4f7.js');
-require('./use-callback-e754042f.js');
-const index_module = require('./index.module-6650575b.js');
+const stencilHooks_module = require('./stencil-hooks.module-6fe43579.js');
+require('./use-callback-5d15897d.js');
+const index_module = require('./index.module-7972acac.js');
 require('./extends-08099afd.js');
 
 function usePortalProtectedRoute({ requireEmailVerification, redirectTo, redirectToUnverified, }) {
   var _a;
-  const userIdent = index_module.ae();
+  const userIdent = index_module._();
   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.Fn();
+  const { pathname, search } = index_module.gn();
   const nextPageParam = new URLSearchParams();
   nextPageParam.append("nextPage", `${pathname}${search}`);
   stencilHooks_module.useEffect(() => {
     if (!authenticated) {
-      return index_module.In.push({
+      return index_module.vn.push({
         pathname: redirectTo,
         search: "?" + nextPageParam.toString(),
       });
     }
     if (requireEmailVerification && !emailVerified) {
-      return index_module.In.push({
+      return index_module.vn.push({
         pathname: redirectToUnverified || redirectTo,
         search: "?" + nextPageParam.toString(),
       });
@@ -38,23 +38,26 @@ const PortalProtectedRoute = class {
     index.registerInstance(this, hostRef);
     this.ignored = true;
     /**
+     * Redirect participants to this path they are not logged in.
+     *
      * @uiName Redirect Path
      */
     this.redirectTo = "/";
     /**
      * @uiName Require Email Verification
-     * @default
      */
     this.requireEmailVerification = false;
     /**
-     * @uiName Redirect Unverified Users Path
+     * Redirect participants to this path when email verification is required but they have not verified their email.
+     *
+     * @uiName Unverified Participant Redirect Path
      */
     this.redirectToUnverified = "/emailVerification";
     stencilHooks_module.h$1(this);
   }
   disconnectedCallback() { }
   render() {
-    const hasUser = index_module.L()
+    const hasUser = index_module.isDemo()
       ? usePortalProtectedRouteDemo()
       : usePortalProtectedRoute(this);
     return (index.h(index.Host, { style: { display: hasUser ? "contents" : "none" } }, index.h("slot", null)));

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

@@ -3,16 +3,17 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
 const index = require('./index-b0129cd6.js');
-const stencilHooks_module = require('./stencil-hooks.module-87a1f4f7.js');
-const useCallback = require('./use-callback-e754042f.js');
-const index_module = require('./index.module-6650575b.js');
+const stencilHooks_module = require('./stencil-hooks.module-6fe43579.js');
+const useCallback = require('./use-callback-5d15897d.js');
+const index_module = require('./index.module-7972acac.js');
 require('./extends-08099afd.js');
 const jsonpointer = require('./jsonpointer-11327262.js');
 const cjs = require('./cjs-1066ec21.js');
 const mixins = require('./mixins-fe9d4112.js');
 const JSS = require('./JSS-97fd087e.js');
 const sqmTextSpanView = require('./sqm-text-span-view-2c7d94b5.js');
-const useValidationState = require('./useValidationState-6a7e4f59.js');
+const AsYouType = require('./AsYouType-6788393a.js');
+const useRegistrationFormState = require('./useRegistrationFormState-b7598d69.js');
 
 const style = {
   Wrapper: { ...mixins.AuthWrapper, "max-width": "600px" },
@@ -43,7 +44,7 @@ sqm-portal-register {
 const sheet = JSS.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" });
@@ -54,10 +55,11 @@ function PortalRegistrationFormView(props) {
       styleString),
     index.h(sqmTextSpanView.TextSpanView, { type: "h3" }, content.pageLabel),
     index.h("sl-form", { class: sheet.classes.Column, "onSl-submit": callbacks.submit, ref: (el) => (refs.formRef.current = el), novalidate: true },
-      states.error && (index.h("sqm-form-message", { type: "error", exportparts: "erroralert-icon" },
-        index.h("div", { part: "erroralert-text" }, props.states.error))),
+      ((_a = states.registrationFormState) === null || _a === void 0 ? void 0 : _a.disabled) ? (index.h("sqm-form-message", { type: "error", exportparts: "erroralert-icon" },
+        index.h("div", { part: "erroralert-text" }, states.registrationFormState.disabledMessage))) : (states.error && (index.h("sqm-form-message", { type: "error", exportparts: "erroralert-icon" },
+        index.h("div", { part: "erroralert-text" }, props.states.error)))),
       content.formData,
-      !states.hideInputs && (index.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 && (index.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";
           }
@@ -65,31 +67,67 @@ 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.validationState) === 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.validationState) === null || _j === void 0 ? void 0 : _j.validationErrors) === null || _k === void 0 ? void 0 : _k.email) ||
           "Cannot be empty",
       }
         : [])))),
       !states.hideInputs && (index.h("sqm-password-field", { fieldLabel: content.passwordLabel, "enable-validation": states.enablePasswordValidation })),
       content.passwordField,
-      !states.hideInputs && states.confirmPassword && (index.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 && (index.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.validationState) === 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) ||
+        helpText: ((_t = (_s = states.validationState) === null || _s === void 0 ? void 0 : _s.validationErrors) === null || _t === void 0 ? void 0 : _t.confirmPassword) ||
           "Cannot be empty",
       }
         : [])))),
       content.terms,
       index.h("div", { class: sheet.classes.ButtonsContainer },
-        index.h("sl-button", { submit: true, loading: states.loading, exportparts: "base: primarybutton-base", type: "primary" }, content.submitLabel || "Register"),
+        index.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 = index_module.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 = stencilHooks_module.useRef(null);
-  const { validationState, setValidationState } = useValidationState.useValidationState({});
-  const [request, { loading, errors, data, formError }] = index_module.We();
+  const { registrationFormState, setRegistrationFormState } = useRegistrationFormState.useRegistrationFormState({});
+  const { validationState, setValidationState } = useRegistrationFormState.useValidationState({});
+  const [request, { loading, errors, data, formError }] = index_module.Re();
+  const queryResponse = index_module.dn(RegistrationFormQuery, { key: props.formKey });
+  const formLoading = loading || queryResponse.loading;
+  stencilHooks_module.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, formLoading]);
   const submit = async (event) => {
     let formControls = event.target.getFormControls();
     let formData = {};
@@ -99,6 +137,7 @@ function usePortalRegistrationForm(props) {
         return;
       const key = control.name;
       const value = control.value;
+      // control.value = initialData[key] || control.value;
       jsonpointer.jsonpointer.set(formData, key, value);
       // required validation
       if (control.required && !value) {
@@ -128,13 +167,15 @@ function usePortalRegistrationForm(props) {
     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);
@@ -148,7 +189,7 @@ function usePortalRegistrationForm(props) {
     const name = (_b = (_a = e.target) === null || _a === void 0 ? void 0 : _a.type) === null || _b === void 0 ? void 0 : _b.toLowerCase();
     if (name !== "tel")
       return;
-    const asYouType = new useValidationState.AsYouType("US");
+    const asYouType = new AsYouType.AsYouType("US");
     e.target.value = asYouType.input(e.target.value);
   }, []);
   stencilHooks_module.useEffect(() => {
@@ -158,7 +199,7 @@ function usePortalRegistrationForm(props) {
       managedIdentityResponse.result.results.length &&
       managedIdentityResponse.result.results[0].success &&
       managedIdentityResponse.result.results[0].data.token) {
-      index_module.In.push(props.nextPage);
+      index_module.vn.push(props.nextPage);
     }
   }, [data === null || data === void 0 ? void 0 : data.submitForm]);
   stencilHooks_module.useEffect(() => {
@@ -171,21 +212,27 @@ function usePortalRegistrationForm(props) {
     };
   }, [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) || (validationState === null || validationState === void 0 ? void 0 : validationState.error);
   }
   return {
     states: {
-      loading,
+      loading: loading || queryResponse.loading,
       error: errorMessage,
       validationState,
+      registrationFormState,
       confirmPassword: props.confirmPassword,
       hideInputs: props.hideInputs,
       loginPath: props.loginPath,
@@ -205,23 +252,23 @@ const PortalRegistrationForm = class {
     index.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
      */
     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
      */
     this.redirectPath = "/verifyEmail";
     /**
-     * @uiName Email Label
+     * @uiName Email Field Label
      */
     this.emailLabel = "Email";
     /**
-     * @uiName Password Label
+     * @uiName Password Field Label
      */
     this.passwordLabel = "Password";
     /**
@@ -237,10 +284,9 @@ 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;
     /**
@@ -248,32 +294,37 @@ const PortalRegistrationForm = class {
      */
     this.enablePasswordValidation = true;
     /**
-     * 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
      */
     this.loginPath = "/login";
+    /**
+     * Microsite Registration Form Key
+     *
+     * @uiName Form Key
+     */
+    this.formKey = "microsite-registration-form";
     stencilHooks_module.h$1(this);
   }
   disconnectedCallback() { }
   render() {
-    const { states, callbacks, refs } = index_module.L()
+    const { states, callbacks, refs } = index_module.isDemo()
       ? useRegisterDemo(this)
       : usePortalRegistrationForm(this);
     const content = {
       formData: index.h("slot", { name: "formData" }),
-      secondaryButton: (index.h("slot", { name: "secondaryButton" }, index.h("sl-button", { type: "text", disabled: states.loading, onClick: () => index_module.In.push(states.loginPath) }, this.loginLabel))),
+      secondaryButton: (index.h("slot", { name: "secondaryButton" }, index.h("sl-button", { type: "text", disabled: states.loading, onClick: () => index_module.vn.push(states.loginPath) }, this.loginLabel))),
       terms: index.h("slot", { name: "terms" }),
       emailLabel: this.emailLabel,
       passwordLabel: this.passwordLabel,

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

@@ -3,9 +3,9 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
 const index = require('./index-b0129cd6.js');
-const stencilHooks_module = require('./stencil-hooks.module-87a1f4f7.js');
-require('./use-callback-e754042f.js');
-const index_module = require('./index.module-6650575b.js');
+const stencilHooks_module = require('./stencil-hooks.module-6fe43579.js');
+require('./use-callback-5d15897d.js');
+const index_module = require('./index.module-7972acac.js');
 require('./extends-08099afd.js');
 const jsonpointer = require('./jsonpointer-11327262.js');
 const cjs = require('./cjs-1066ec21.js');
@@ -19,8 +19,8 @@ function usePortalResetPassword(props) {
   var _a, _b, _c, _d, _e, _f, _g, _h, _j, _k, _l;
   const [reset, setReset] = stencilHooks_module.useState(false);
   const [error, setError] = stencilHooks_module.useState("");
-  const [verifyPasswordResetCode, verifyPasswordResetCodeState] = index_module.Ke();
-  const [resetPassword, resetPasswordState] = index_module.Ge();
+  const [verifyPasswordResetCode, verifyPasswordResetCodeState] = index_module._e();
+  const [resetPassword, resetPasswordState] = index_module.Ne();
   const urlParams = new URLSearchParams(window.location.search);
   const oobCode = urlParams.get("oobCode");
   urlParams.delete("oobCode");
@@ -41,10 +41,10 @@ function usePortalResetPassword(props) {
   const gotoNextPage = () => {
     urlParams.delete("nextPage");
     const url = utils.sanitizeUrlPath(nextPageOverride || props.nextPage);
-    index_module.In.push(url.href);
+    index_module.vn.push(url.href);
   };
   const failed = () => {
-    index_module.In.push({
+    index_module.vn.push({
       pathname: props.failedPage,
       search: urlParams.toString() && "?" + urlParams.toString(),
     });
@@ -100,22 +100,21 @@ const PortalResetPassword = class {
     index.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
      */
     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
      */
     this.failedPage = "/";
     /**
-     * Show or hide confirm password field
+     * Show or hide confirm password field.
      *
      * @uiName Show Confirm Password
-     * @default
      */
     this.confirmPassword = false;
     /**
@@ -123,9 +122,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";
     /**
@@ -133,13 +133,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";
     /**
@@ -150,7 +150,7 @@ const PortalResetPassword = class {
   }
   disconnectedCallback() { }
   render() {
-    const { states, callbacks } = index_module.L()
+    const { states, callbacks } = index_module.isDemo()
       ? usePortalResetPasswordDemo(this)
       : usePortalResetPassword(this);
     return index.h(sqmPortalResetPasswordView.PortalResetPasswordView, { states: states, callbacks: callbacks });