@saasquatch/mint-components 1.7.0-7 → 1.7.0-9

package/dist/esm/sqm-password-field.entry.js

@@ -1,11 +1,11 @@
 import { h, r as registerInstance } from './index-17b4da69.js';
-import { o as d, k as useState, m as h$1 } from './stencil-hooks.module-e39af977.js';
-import './use-callback-697e2ff0.js';
-import { L } from './index.module-2b4f1755.js';
-import './extends-c31f1eff.js';
+import { o as d, i as useState, m as h$1 } from './stencil-hooks.module-eefa3570.js';
+import './use-callback-684c8bb7.js';
+import { i as isDemo } from './index.module-877f3231.js';
 import { c as cjs } from './cjs-bdfb4486.js';
 import { E as ErrorStyles } from './mixins-59fd94b7.js';
-import { c as createStyleSheet } from './JSS-418cab16.js';
+import { c as createStyleSheet } from './JSS-506b9295.js';
+import { R as REGISTRATION_FORM_STATE_CONTEXT } from './useRegistrationFormState-04a77cee.js';
 
 var constants = {
   error: {
@@ -483,27 +483,30 @@ const vanillaStyle = `
 const sheet$1 = createStyleSheet(style$1);
 const styleString$1 = sheet$1.toString();
 function PortalResetPasswordView(props) {
-  var _a, _b;
+  var _a, _b, _c, _d, _e, _f, _g, _h, _j, _k;
   const { states, callbacks } = props;
   return (h("div", { class: sheet$1.classes.InputContainer },
     h("style", { type: "text/css" },
       vanillaStyle,
       styleString$1),
-    h("sl-input", Object.assign({ exportparts: "label: input-label", type: "password", name: "/password", label: states.content.fieldLabel || "Password", required: true, validationError: ({ value }) => {
+    h("sl-input", Object.assign({ exportparts: "label: input-label", type: "password", name: "/password", label: states.content.fieldLabel || "Password", required: true, disabled: ((_a = states.registrationFormState) === null || _a === void 0 ? void 0 : _a.loading) || ((_b = states.registrationFormState) === null || _b === void 0 ? void 0 : _b.disabled), validationError: ({ value }) => {
         if (!value) {
           return "Cannot be empty";
         }
-      } }, (((_a = states.validationErrors) === null || _a === void 0 ? void 0 : _a.password) ? {
+      } }, (((_d = (_c = states.registrationFormState) === null || _c === void 0 ? void 0 : _c.initialData) === null || _d === void 0 ? void 0 : _d.password) ? {
+      value: (_f = (_e = states.registrationFormState) === null || _e === void 0 ? void 0 : _e.initialData) === null || _f === void 0 ? void 0 : _f.password,
+    }
+      : {}), (((_h = (_g = states.registrationFormState) === null || _g === void 0 ? void 0 : _g.validationErrors) === null || _h === void 0 ? void 0 : _h.password) ? {
       class: sheet$1.classes.ErrorStyle,
-      helpText: ((_b = states.validationErrors) === null || _b === void 0 ? void 0 : _b.password) || "Cannot be empty",
+      helpText: ((_k = (_j = states.registrationFormState) === null || _j === void 0 ? void 0 : _j.validationErrors) === null || _k === void 0 ? void 0 : _k.password) ||
+        "Cannot be empty",
     }
       : []), { onInput: (input) => states.enableValidation && callbacks.onInput(input) })),
     states.dynamicValidation));
 }
 
-const CONTEXT_NAME = "sq:validation-state";
 function usePasswordField(props) {
-  const validationState = d(CONTEXT_NAME);
+  const registrationFormState = d(REGISTRATION_FORM_STATE_CONTEXT);
   const [dynamicValidation, setDynamicValidation] = useState("");
   function onInput(input) {
     const validation = validateNewPassword(input.target.value);
@@ -511,9 +514,9 @@ function usePasswordField(props) {
   }
   return {
     states: {
-      enableValidation: props.enableValidation,
+      enableValidation: !props.disableValidation,
       dynamicValidation,
-      validationErrors: validationState === null || validationState === void 0 ? void 0 : validationState.validationErrors,
+      registrationFormState,
       content: {
         fieldLabel: props.fieldLabel,
       },
@@ -535,15 +538,15 @@ const PortalPasswordField = class {
      */
     this.fieldLabel = "Password";
     /**
-     * Enable live password validation
-     * @uiName Enable Validation
+     * Disable live password validation
+     * @uiName Disable Validation
      */
-    this.enableValidation = true;
+    this.disableValidation = false;
     h$1(this);
   }
   disconnectedCallback() { }
   render() {
-    const { states, callbacks } = L()
+    const { states, callbacks } = isDemo()
       ? usePasswordFieldDemo(this)
       : usePasswordField(this);
     return h(PortalResetPasswordView, { states: states, callbacks: callbacks });
@@ -564,11 +567,11 @@ function usePasswordFieldDemo(props) {
   }
   return cjs({
     states: {
-      enableValidation: true,
+      enableValidation: !props.disableValidation,
       dynamicValidation,
-      validationErrors: ((_f = (_e = props === null || props === void 0 ? void 0 : props.demoData) === null || _e === void 0 ? void 0 : _e.states) === null || _f === void 0 ? void 0 : _f.validationErrors) || {},
+      registrationFormState: ((_f = (_e = props === null || props === void 0 ? void 0 : props.demoData) === null || _e === void 0 ? void 0 : _e.states) === null || _f === void 0 ? void 0 : _f.registrationFormState) || {},
       content: {
-        fieldLabel: "Password",
+        fieldLabel: props.fieldLabel,
       },
     },
     callbacks: {

package/dist/esm/sqm-popup-container.entry.js

@@ -1,8 +1,7 @@
 import { h, c as Host, r as registerInstance } from './index-17b4da69.js';
-import { m as h$1 } from './stencil-hooks.module-e39af977.js';
-import './use-callback-697e2ff0.js';
-import { J } from './index.module-2b4f1755.js';
-import './extends-c31f1eff.js';
+import { m as h$1 } from './stencil-hooks.module-eefa3570.js';
+import './use-callback-684c8bb7.js';
+import { U } from './index.module-877f3231.js';
 import { g as getProps } from './utils-d7bbb0e2.js';
 
 const PopupContainerView = (props) => {
@@ -16,10 +15,10 @@ const PopupContainerView = (props) => {
 };
 
 function usePopupContainer(props) {
-  const engagementMedium = J();
+  const engagementMedium = U();
   function closePopup() {
     var _a;
-    if (J() === "POPUP") {
+    if (U() === "POPUP") {
       (_a = window.frameElement["squatchJsApi"]) === null || _a === void 0 ? void 0 : _a.close();
     }
   }
@@ -33,7 +32,7 @@ function usePopupContainer(props) {
       ? "0"
       : `var(--sl-spacing-${props.embedPadding})`
     : "0";
-  const padding = J() === "POPUP" ? popupPadding : embedPadding;
+  const padding = U() === "POPUP" ? popupPadding : embedPadding;
   return {
     states: {
       showCloseButton: props.closeButton && engagementMedium === "POPUP",

package/dist/esm/{sqm-portal-container-view-5d6f1411.js → sqm-portal-container-view-8f1bcc77.js}

@@ -1,5 +1,5 @@
 import { h } from './index-17b4da69.js';
-import { c as createStyleSheet } from './JSS-418cab16.js';
+import { c as createStyleSheet } from './JSS-506b9295.js';
 
 function PortalContainerView(props, children) {
   const style = {
@@ -14,8 +14,6 @@ function PortalContainerView(props, children) {
       maxWidth: props.maxWidth,
       margin: props.center && "auto",
       justifyContent: props.justifyContent,
-      background: props.backgroundColor ? props.backgroundColor : "transparent",
-      borderRadius: props.borderRadius ? props.borderRadius : 0,
     },
   };
   const vanillaStyle = `

package/dist/esm/{sqm-portal-email-verification-view-3dad1010.js → sqm-portal-email-verification-view-96f98975.js}

@@ -1,8 +1,8 @@
 import { h } from './index-17b4da69.js';
-import { i as intl } from './global-2d97b8c1.js';
+import { i as intl } from './global-5f5e66ae.js';
 import { A as AuthWrapper, a as AuthColumn } from './mixins-59fd94b7.js';
-import { c as createStyleSheet } from './JSS-418cab16.js';
-import { T as TextSpanView } from './sqm-text-span-view-020db63f.js';
+import { c as createStyleSheet } from './JSS-506b9295.js';
+import { T as TextSpanView } from './sqm-text-span-view-20c0f018.js';
 
 const style = {
   Wrapper: AuthWrapper,

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

@@ -1,25 +1,25 @@
 import { r as registerInstance, h as h$1 } from './index-17b4da69.js';
-import { k as useState, e as useEffect, m as h } from './stencil-hooks.module-e39af977.js';
-import './global-2d97b8c1.js';
-import './use-callback-697e2ff0.js';
-import { l as ln, a as ae, L } from './index.module-2b4f1755.js';
-import './extends-c31f1eff.js';
+import { i as useState, m as h } from './stencil-hooks.module-eefa3570.js';
+import './global-5f5e66ae.js';
+import './use-callback-684c8bb7.js';
+import { t as tn, N, f as fn, i as isDemo } from './index.module-877f3231.js';
 import { c as cjs } from './cjs-bdfb4486.js';
 import './mixins-59fd94b7.js';
-import './JSS-418cab16.js';
-import './sqm-text-span-view-020db63f.js';
-import { P as PortalEmailVerificationView } from './sqm-portal-email-verification-view-3dad1010.js';
+import './JSS-506b9295.js';
+import './sqm-text-span-view-20c0f018.js';
+import { P as PortalEmailVerificationView } from './sqm-portal-email-verification-view-96f98975.js';
 
 function usePortalEmailVerification(props) {
-  var _a, _b, _c, _d, _e, _f, _g, _h, _j;
-  const [request, { loading, data, errors }] = ln();
-  const userIdent = ae();
+  var _a, _b, _c, _d, _e, _f, _g, _h;
+  const [request, { loading, data, errors }] = tn();
+  const userIdent = N();
   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);
   const [error, setError] = useState("");
-  const urlParams = new URLSearchParams(window.location.search);
+  const urlParams = new URLSearchParams(fn.location.search);
   const nextPage = urlParams.get("nextPage");
   const submit = async () => {
+    var _a;
     if (!email)
       return;
     setError("");
@@ -27,23 +27,19 @@ function usePortalEmailVerification(props) {
     const urlParams = nextPage ? { nextPage } : null;
     const redirectPath = props.redirectPath;
     const variables = { email, urlParams, redirectPath };
-    await request(variables);
-  };
-  useEffect(() => {
-    var _a;
-    if ((_a = data === null || data === void 0 ? void 0 : data.requestManagedIdentityVerificationEmail) === null || _a === void 0 ? void 0 : _a.success) {
-      setSuccess(true);
-    }
-  }, [(_b = data === null || data === void 0 ? void 0 : data.requestManagedIdentityVerificationEmail) === null || _b === void 0 ? void 0 : _b.success]);
-  useEffect(() => {
-    if (errors === null || errors === void 0 ? void 0 : errors.message) {
-      setError("Network request failed.");
+    const result = await request(variables);
+    if (result instanceof Error) {
+      if (result.message)
+        setError("Network request failed.");
+      return;
     }
-  }, [errors]);
+    if ((_a = result.requestManagedIdentityVerificationEmail) === null || _a === void 0 ? void 0 : _a.success)
+      setSuccess(true);
+  };
   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,
     },
@@ -64,9 +60,10 @@ const PortalEmailVerification = class {
     registerInstance(this, hostRef);
     this.ignored = true;
     /**
-     * The page that users are redirected to from the verification email.
+     * Redirect participants to this page from their verification email.
      *
-     * @uiName Email Redirection Base Path
+     * @uiName Email Redirect
+     * @uiWidget pageSelect
      */
     this.redirectPath = "/verifyEmail";
     /**
@@ -79,13 +76,14 @@ const PortalEmailVerification = class {
     this.resendEmailButtonText = "Re-send Email";
     /**
      * @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.";
     h(this);
   }
   disconnectedCallback() { }
   render() {
-    const { states, callbacks, content } = L()
+    const { states, callbacks, content } = isDemo()
       ? usePortalEmailVerificationDemo(this)
       : usePortalEmailVerification(this);
     return (h$1(PortalEmailVerificationView, { states: states, callbacks: callbacks, content: content }));

package/dist/esm/{sqm-portal-footer-view-c35314a2.js → sqm-portal-footer-view-744654ef.js}

@@ -1,6 +1,6 @@
 import { h } from './index-17b4da69.js';
-import { i as intl } from './global-2d97b8c1.js';
-import { c as createStyleSheet } from './JSS-418cab16.js';
+import { i as intl } from './global-5f5e66ae.js';
+import { c as createStyleSheet } from './JSS-506b9295.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" },
@@ -72,7 +72,7 @@ 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/esm/sqm-portal-footer.entry.js

@@ -1,12 +1,11 @@
 import { r as registerInstance, h as h$1 } from './index-17b4da69.js';
-import { m as h } from './stencil-hooks.module-e39af977.js';
-import './global-2d97b8c1.js';
-import './use-callback-697e2ff0.js';
-import './index.module-2b4f1755.js';
-import './extends-c31f1eff.js';
-import './JSS-418cab16.js';
+import { m as h } from './stencil-hooks.module-eefa3570.js';
+import './global-5f5e66ae.js';
+import './use-callback-684c8bb7.js';
+import './index.module-877f3231.js';
+import './JSS-506b9295.js';
 import { g as getProps } from './utils-d7bbb0e2.js';
-import { P as PortalFooterView } from './sqm-portal-footer-view-c35314a2.js';
+import { P as PortalFooterView } from './sqm-portal-footer-view-744654ef.js';
 
 const PortalFooter = class {
   constructor(hostRef) {
@@ -22,27 +21,35 @@ const PortalFooter = class {
      */
     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
      */
     this.poweredByLink = "https://saasquatch.com";
     /**
      * @uiName Padding Top
+     * @uiEnum ["none", "xxx-small", "xx-small", "x-small", "small", "medium", "large", "x-large", "xx-large", "xxx-large", "xxxx-large"]
+     * @uiEnumNames ["None", "XXX-Small", "XX-Small", "X-Small", "Small", "Medium", "Large", "X-Large", "XX-Large", "XXX-Large", "XXXX-Large"]
      */
     this.paddingTop = "large";
     /**
      * @uiName Padding Right
+     * @uiEnum ["none", "xxx-small", "xx-small", "x-small", "small", "medium", "large", "x-large", "xx-large", "xxx-large", "xxxx-large"]
+     * @uiEnumNames ["None", "XXX-Small", "XX-Small", "X-Small", "Small", "Medium", "Large", "X-Large", "XX-Large", "XXX-Large", "XXXX-Large"]
      */
     this.paddingRight = "large";
     /**
      * @uiName Padding Bottom
+     * @uiEnum ["none", "xxx-small", "xx-small", "x-small", "small", "medium", "large", "x-large", "xx-large", "xxx-large", "xxxx-large"]
+     * @uiEnumNames ["None", "XXX-Small", "XX-Small", "X-Small", "Small", "Medium", "Large", "X-Large", "XX-Large", "XXX-Large", "XXXX-Large"]
      */
     this.paddingBottom = "large";
     /**
      * @uiName Padding Left
+     * @uiEnum ["none", "xxx-small", "xx-small", "x-small", "small", "medium", "large", "x-large", "xx-large", "xxx-large", "xxxx-large"]
+     * @uiEnumNames ["None", "XXX-Small", "XX-Small", "X-Small", "Small", "Medium", "Large", "X-Large", "XX-Large", "XXX-Large", "XXXX-Large"]
      */
     this.paddingLeft = "large";
     h(this);

package/dist/esm/{sqm-portal-forgot-password-view-f7239087.js → sqm-portal-forgot-password-view-38910bc9.js}

@@ -1,7 +1,7 @@
 import { h } from './index-17b4da69.js';
 import { A as AuthWrapper, a as AuthColumn, b as AuthButtonsContainer } from './mixins-59fd94b7.js';
-import { c as createStyleSheet } from './JSS-418cab16.js';
-import { T as TextSpanView } from './sqm-text-span-view-020db63f.js';
+import { c as createStyleSheet } from './JSS-506b9295.js';
+import { T as TextSpanView } from './sqm-text-span-view-20c0f018.js';
 
 const style = {
   Wrapper: AuthWrapper,

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

@@ -1,23 +1,23 @@
 import { r as registerInstance, h as h$1 } from './index-17b4da69.js';
-import { k as useState, e as useEffect, m as h } from './stencil-hooks.module-e39af977.js';
-import './use-callback-697e2ff0.js';
-import { f as cn, L, w as wn } from './index.module-2b4f1755.js';
-import './extends-c31f1eff.js';
+import { i as useState, m as h } from './stencil-hooks.module-eefa3570.js';
+import './use-callback-684c8bb7.js';
+import { n as nn, f as fn, i as isDemo } from './index.module-877f3231.js';
 import { j as jsonpointer } from './jsonpointer-388a7082.js';
 import { c as cjs } from './cjs-bdfb4486.js';
 import './mixins-59fd94b7.js';
-import './JSS-418cab16.js';
-import './sqm-text-span-view-020db63f.js';
-import { P as PortalForgotPasswordView } from './sqm-portal-forgot-password-view-f7239087.js';
+import './JSS-506b9295.js';
+import './sqm-text-span-view-20c0f018.js';
+import { P as PortalForgotPasswordView } from './sqm-portal-forgot-password-view-38910bc9.js';
 
 function usePortalForgotPassword(props) {
-  var _a, _b, _c, _d, _e, _f, _g, _h;
+  var _a, _b, _c, _d, _e, _f, _g;
   const [success, setSuccess] = useState(false);
   const [error, setError] = useState("");
-  const [request, { loading, data, errors }] = cn();
-  const urlParams = new URLSearchParams(window.location.search);
+  const [request, { loading, data, errors }] = nn();
+  const urlParams = new URLSearchParams(fn.location.search);
   const nextPage = urlParams.get("nextPage");
   const submit = async (event) => {
+    var _a;
     setError("");
     setSuccess(false);
     let formData = event.detail.formData;
@@ -27,26 +27,25 @@ function usePortalForgotPassword(props) {
     const urlParams = nextPage ? { nextPage } : null;
     const redirectPath = props.redirectPath;
     const variables = { email: formData.email, urlParams, redirectPath };
-    await request(variables);
-  };
-  useEffect(() => {
-    var _a;
-    if ((_a = data === null || data === void 0 ? void 0 : data.requestManagedIdentityPasswordResetEmail) === null || _a === void 0 ? void 0 : _a.success) {
-      setSuccess(true);
+    const result = await request(variables);
+    if (result instanceof Error) {
+      if (result.message)
+        setError("Network request failed.");
+      return;
     }
-  }, [(_a = data === null || data === void 0 ? void 0 : data.requestManagedIdentityPasswordResetEmail) === null || _a === void 0 ? void 0 : _a.success]);
-  useEffect(() => {
-    if (errors === null || errors === void 0 ? void 0 : errors.message) {
-      setError("Network request failed.");
+    if ((_a = result.requestManagedIdentityPasswordResetEmail) === null || _a === void 0 ? void 0 : _a.success) {
+      setSuccess(true);
     }
-  }, [errors]);
+  };
   return {
     states: {
       loading,
-      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: ((_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) ||
         error,
       success,
       loginPath: props.loginPath,
+      headerText: props.headerText,
+      loginText: props.loginText,
     },
     callbacks: {
       submit,
@@ -59,13 +58,14 @@ const PortalForgotPassword = class {
     registerInstance(this, hostRef);
     this.ignored = true;
     /**
-     * The page that users are redirected to from the password reset email.
+     * Redirect participants to this page after they verify their email.
      *
-     * @uiName Email Redirection Base Path
+     * @uiName Email Redirect
+     * @uiWidget pageSelect
      */
     this.redirectPath = "/resetPassword";
     /**
-     * @uiName Email Label
+     * @uiName Email Field Label
      */
     this.emailLabel = "Email";
     /**
@@ -73,18 +73,28 @@ const PortalForgotPassword = class {
      */
     this.submitLabel = "Request Password Reset";
     /**
-     * @uiName Login Page Routing Path
+     * @uiName Login Redirect Path
+     * @uiWidget pageSelect
      */
     this.loginPath = "/login";
+    /**
+     * @uiName Header Text
+     * @uiWidget textArea
+     */
+    this.headerText = "Enter your email below to receive a password reset link.";
+    /**
+     * Sign In Link Text
+     */
+    this.loginText = "Sign In";
     h(this);
   }
   disconnectedCallback() { }
   render() {
-    const { states, callbacks } = L()
+    const { states, callbacks } = isDemo()
       ? usePortalForgotPasswordDemo(this)
       : usePortalForgotPassword(this);
     const content = {
-      secondaryButton: (h$1("slot", { name: "secondaryButton" }, h$1("sl-button", { type: "text", disabled: states.loading, onClick: () => wn.push(states.loginPath) }, "Sign In"))),
+      secondaryButton: (h$1("slot", { name: "secondaryButton" }, h$1("sl-button", { type: "text", disabled: states.loading, onClick: () => fn.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,12 +1,11 @@
 import { r as registerInstance } from './index-17b4da69.js';
-import { m as h } from './stencil-hooks.module-e39af977.js';
-import './use-callback-697e2ff0.js';
-import { t as te, w as wn, L } from './index.module-2b4f1755.js';
-import './extends-c31f1eff.js';
+import { m as h } from './stencil-hooks.module-eefa3570.js';
+import './use-callback-684c8bb7.js';
+import { b as setUserIdentity, f as fn, i as isDemo } from './index.module-877f3231.js';
 
 function usePortalLogout({ nextPage }) {
-  te(undefined);
-  wn.push({ pathname: nextPage, search: "" });
+  setUserIdentity(undefined);
+  fn.push({ pathname: nextPage, search: "" });
 }
 
 const PortalLogout = class {
@@ -14,14 +13,17 @@ const PortalLogout = class {
     registerInstance(this, hostRef);
     this.ignored = true;
     /**
-     * @uiName Next Page Path
+     * Redirect participants to this page when they log out.
+     *
+     * @uiName Logout Redirect Path
+     * @uiWidget pageSelect
      */
     this.nextPage = "/";
     h(this);
   }
   disconnectedCallback() { }
   render() {
-    L() ? useLogoutDemo() : usePortalLogout(this);
+    isDemo() ? useLogoutDemo() : usePortalLogout(this);
   }
 };
 function useLogoutDemo({}) { }

package/dist/esm/{sqm-portal-profile-view-3d621db8.js → sqm-portal-profile-view-f5904a10.js}

@@ -1,8 +1,8 @@
 import { h } from './index-17b4da69.js';
-import { i as intl } from './global-2d97b8c1.js';
-import { c as createStyleSheet } from './JSS-418cab16.js';
-import { T as TextSpanView } from './sqm-text-span-view-020db63f.js';
-import { P as PortalContainerView } from './sqm-portal-container-view-5d6f1411.js';
+import { i as intl } from './global-5f5e66ae.js';
+import { c as createStyleSheet } from './JSS-506b9295.js';
+import { T as TextSpanView } from './sqm-text-span-view-20c0f018.js';
+import { P as PortalContainerView } from './sqm-portal-container-view-8f1bcc77.js';
 
 function PortalProfileView(props) {
   var _a, _b, _c, _d, _e;