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

package/dist/esm/sqm-form-message.entry.js

@@ -1,5 +1,5 @@
 import { r as registerInstance, h as h$1 } from './index-17b4da69.js';
-import { m as h } from './stencil-hooks.module-66fea7dc.js';
+import { m as h } from './stencil-hooks.module-eefa3570.js';
 
 const sqmFormMessageCss = "sl-alert::part(base){border:1px solid;border-radius:3px;-webkit-box-shadow:0 1px 2px rgba(20, 20, 20, 0.1);box-shadow:0 1px 2px rgba(20, 20, 20, 0.1)}.Error::part(base){background-color:var(--sl-color-danger-100);border-color:var(--sl-color-danger-200)}.Success::part(base){background-color:var(--sl-color-success-100);border-color:var(--sl-color-success-200)}.Info::part(base){background-color:var(--sl-color-primary-100);border-color:var(--sl-color-primary-200)}";
 

package/dist/esm/sqm-graphql-client-provider.entry.js

@@ -1,16 +1,16 @@
 import { r as registerInstance, h as h$1, c as Host } from './index-17b4da69.js';
-import { n as m, e as useEffect, m as h } from './stencil-hooks.module-66fea7dc.js';
-import './use-callback-69ec5c5c.js';
-import { r as re, U, D as De, b as Ee } from './index.module-f64d9e4c.js';
+import { n as m, f as useEffect, m as h } from './stencil-hooks.module-eefa3570.js';
+import './use-callback-684c8bb7.js';
+import { L, C as Ce, U, b as be } from './index.module-132e274f.js';
 import './extends-c31f1eff.js';
 
 async function useGraphQLClientProvider({ domain }) {
-  const token = re();
+  const token = L();
   const appDomain = domain;
   const tenantAlias = U();
   // Memoization is shared. One client per domain, tenant and token (or null)
-  const managedIdentityClient = De(appDomain, tenantAlias, token);
-  const [, setGraphQLClient] = m(Ee, managedIdentityClient);
+  const managedIdentityClient = Ce(appDomain, tenantAlias, token);
+  const [, setGraphQLClient] = m(be, managedIdentityClient);
   useEffect(() => {
     setGraphQLClient(managedIdentityClient);
   }, [managedIdentityClient]);

package/dist/esm/{sqm-hero-view-93fac447.js → sqm-hero-view-9fb2be89.js}

@@ -1,6 +1,6 @@
 import { h } from './index-17b4da69.js';
-import { i as useState, e as useEffect } from './stencil-hooks.module-66fea7dc.js';
-import { u as useCallback } from './use-callback-69ec5c5c.js';
+import { i as useState, f as useEffect } from './stencil-hooks.module-eefa3570.js';
+import { u as useCallback } from './use-callback-684c8bb7.js';
 import { c as createStyleSheet } from './JSS-f00f9536.js';
 
 // import { IntlMessageFormat } from 'intl-messageformat';

package/dist/esm/sqm-hero.entry.js

@@ -1,10 +1,10 @@
 import { r as registerInstance, h as h$1 } from './index-17b4da69.js';
-import { m as h } from './stencil-hooks.module-66fea7dc.js';
-import './use-callback-69ec5c5c.js';
+import { m as h } from './stencil-hooks.module-eefa3570.js';
+import './use-callback-684c8bb7.js';
 import './extends-c31f1eff.js';
 import './JSS-f00f9536.js';
 import { g as getProps } from './utils-334c1e34.js';
-import { H as HeroView } from './sqm-hero-view-93fac447.js';
+import { H as HeroView } from './sqm-hero-view-9fb2be89.js';
 
 const Hero = class {
   constructor(hostRef) {
@@ -13,6 +13,8 @@ const Hero = class {
      * Number of columns in the layout
      *
      * @uiName Columns
+     * @uiEnum [1, 2]
+     * @uiEnumNames ["One", "Two"]
      */
     this.columns = 1;
     /**

package/dist/esm/sqm-leaderboard-rank.entry.js

@@ -1,8 +1,8 @@
 import { r as registerInstance, h as h$1 } from './index-17b4da69.js';
-import { m as h } from './stencil-hooks.module-66fea7dc.js';
-import { i as intl } from './global-d07f1376.js';
-import './use-callback-69ec5c5c.js';
-import { d as dist, M, a as ae, w as wn, L } from './index.module-f64d9e4c.js';
+import { m as h } from './stencil-hooks.module-eefa3570.js';
+import { i as intl } from './global-44835899.js';
+import './use-callback-684c8bb7.js';
+import { d as dist, W, _, a as dn, i as isDemo } from './index.module-132e274f.js';
 import './extends-c31f1eff.js';
 import { c as cjs } from './cjs-bdfb4486.js';
 import { L as LeaderboardRankView } from './sqm-leaderboard-rank-view-10657658.js';
@@ -22,10 +22,10 @@ const GET_RANK = dist.gql `
 `;
 function useLeaderboardRank(props) {
   var _a, _b, _c, _d;
-  const programIdContext = M();
+  const programIdContext = W();
   // Default to context, overriden by props
   const programId = (_a = props.programId) !== null && _a !== void 0 ? _a : programIdContext;
-  const user = ae();
+  const user = _();
   const rankVariables = programId
     ? {
       type: props.leaderboardType,
@@ -38,7 +38,7 @@ function useLeaderboardRank(props) {
   if (props.interval) {
     rankVariables.filter["interval"] = props.interval;
   }
-  const { data: rankData } = wn(GET_RANK, rankVariables, !(user === null || user === void 0 ? void 0 : user.jwt));
+  const { data: rankData } = dn(GET_RANK, rankVariables, !(user === null || user === void 0 ? void 0 : user.jwt));
   const fullRankText = ((_b = rankData === null || rankData === void 0 ? void 0 : rankData.viewer) === null || _b === void 0 ? void 0 : _b.leaderboardRank) ? intl.formatMessage({ id: "rankText", defaultMessage: props.rankText }, {
     rank: (_d = (_c = rankData === null || rankData === void 0 ? void 0 : rankData.viewer) === null || _c === void 0 ? void 0 : _c.leaderboardRank) === null || _d === void 0 ? void 0 : _d[props.rankType],
   })
@@ -64,7 +64,7 @@ const LeaderboardRank = class {
   }
   disconnectedCallback() { }
   render() {
-    const props = L()
+    const props = isDemo()
       ? useLeaderboardRankDemo(this)
       : useLeaderboardRank(this);
     return h$1(LeaderboardRankView, Object.assign({}, props));

package/dist/esm/{sqm-navigation-sidebar-item-view-2ed13955.js → sqm-navigation-sidebar-item-view-364af025.js}

@@ -1,5 +1,5 @@
 import { h } from './index-17b4da69.js';
-import { I as In } from './index.module-f64d9e4c.js';
+import { v as vn } from './index.module-132e274f.js';
 import { g as gap } from './mixins-f60a614c.js';
 import { c as createStyleSheet } from './JSS-f00f9536.js';
 
@@ -33,7 +33,7 @@ function NavigationSidebarItemView(props) {
   const styleString = sheet.toString();
   return (h("a", { href: data.path, onClick: (e) => {
       e.preventDefault();
-      In.push(data.path);
+      vn.push(data.path);
     }, class: sheet.classes.ItemContainer },
     h("style", { type: "text/css" }, styleString),
     h("sl-icon", { class: sheet.classes.Icon, name: data.icon }),

package/dist/esm/sqm-navigation-sidebar-item.entry.js

@@ -1,16 +1,16 @@
 import { r as registerInstance, h as h$1 } from './index-17b4da69.js';
-import { m as h } from './stencil-hooks.module-66fea7dc.js';
-import './use-callback-69ec5c5c.js';
-import { F as Fn, L } from './index.module-f64d9e4c.js';
+import { m as h } from './stencil-hooks.module-eefa3570.js';
+import './use-callback-684c8bb7.js';
+import { g as gn, i as isDemo } from './index.module-132e274f.js';
 import './extends-c31f1eff.js';
 import { c as cjs } from './cjs-bdfb4486.js';
 import './mixins-f60a614c.js';
 import './JSS-f00f9536.js';
 import { g as getProps } from './utils-334c1e34.js';
-import { N as NavigationSidebarItemView } from './sqm-navigation-sidebar-item-view-2ed13955.js';
+import { N as NavigationSidebarItemView } from './sqm-navigation-sidebar-item-view-364af025.js';
 
 function useNavigationSidebarItem(props) {
-  const currentPage = Fn();
+  const currentPage = gn();
   return {
     states: {
       active: currentPage.pathname === props.path,
@@ -30,7 +30,7 @@ const NavigationSidebarItem = class {
   }
   disconnectedCallback() { }
   render() {
-    const props = L()
+    const props = isDemo()
       ? useSidebarItemDemo(getProps(this))
       : useNavigationSidebarItem(getProps(this));
     return h$1(NavigationSidebarItemView, Object.assign({}, props));

package/dist/esm/sqm-navigation-sidebar.entry.js

@@ -1,5 +1,5 @@
 import { r as registerInstance, h as h$1 } from './index-17b4da69.js';
-import { m as h } from './stencil-hooks.module-66fea7dc.js';
+import { m as h } from './stencil-hooks.module-eefa3570.js';
 import './extends-c31f1eff.js';
 import './mixins-f60a614c.js';
 import './JSS-f00f9536.js';

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

@@ -1,11 +1,12 @@
 import { h, r as registerInstance } from './index-17b4da69.js';
-import { o as d, i as useState, m as h$1 } from './stencil-hooks.module-66fea7dc.js';
-import './use-callback-69ec5c5c.js';
-import { L } from './index.module-f64d9e4c.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-132e274f.js';
 import './extends-c31f1eff.js';
 import { c as cjs } from './cjs-bdfb4486.js';
 import { E as ErrorStyles } from './mixins-f60a614c.js';
 import { c as createStyleSheet } from './JSS-f00f9536.js';
+import { F as FORM_VALIDATION_CONTEXT, R as REGISTRATION_FORM_STATE_CONTEXT } from './useRegistrationFormState-ebb08075.js';
 
 var constants = {
   error: {
@@ -483,27 +484,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;
   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,
+    }
+      : {}), (((_g = states.validationErrors) === null || _g === void 0 ? void 0 : _g.password) ? {
       class: sheet$1.classes.ErrorStyle,
-      helpText: ((_b = states.validationErrors) === null || _b === void 0 ? void 0 : _b.password) || "Cannot be empty",
+      helpText: ((_h = states.validationErrors) === null || _h === void 0 ? void 0 : _h.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 validationState = d(FORM_VALIDATION_CONTEXT);
+  const registrationFormState = d(REGISTRATION_FORM_STATE_CONTEXT);
   const [dynamicValidation, setDynamicValidation] = useState("");
   function onInput(input) {
     const validation = validateNewPassword(input.target.value);
@@ -513,6 +517,7 @@ function usePasswordField(props) {
     states: {
       enableValidation: props.enableValidation,
       dynamicValidation,
+      registrationFormState,
       validationErrors: validationState === null || validationState === void 0 ? void 0 : validationState.validationErrors,
       content: {
         fieldLabel: props.fieldLabel,
@@ -543,7 +548,7 @@ const PortalPasswordField = class {
   }
   disconnectedCallback() { }
   render() {
-    const { states, callbacks } = L()
+    const { states, callbacks } = isDemo()
       ? usePasswordFieldDemo(this)
       : usePasswordField(this);
     return h(PortalResetPasswordView, { states: states, callbacks: callbacks });
@@ -567,6 +572,7 @@ function usePasswordFieldDemo(props) {
       enableValidation: true,
       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: {},
       content: {
         fieldLabel: "Password",
       },

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

@@ -1,7 +1,7 @@
 import { h, c as Host, r as registerInstance } from './index-17b4da69.js';
-import { m as h$1 } from './stencil-hooks.module-66fea7dc.js';
-import './use-callback-69ec5c5c.js';
-import { J } from './index.module-f64d9e4c.js';
+import { m as h$1 } from './stencil-hooks.module-eefa3570.js';
+import './use-callback-684c8bb7.js';
+import { Q } from './index.module-132e274f.js';
 import './extends-c31f1eff.js';
 import { g as getProps } from './utils-334c1e34.js';
 
@@ -16,10 +16,10 @@ const PopupContainerView = (props) => {
 };
 
 function usePopupContainer(props) {
-  const engagementMedium = J();
+  const engagementMedium = Q();
   function closePopup() {
     var _a;
-    if (J() === "POPUP") {
+    if (Q() === "POPUP") {
       (_a = window.frameElement["squatchJsApi"]) === null || _a === void 0 ? void 0 : _a.close();
     }
   }
@@ -33,7 +33,7 @@ function usePopupContainer(props) {
       ? "0"
       : `var(--sl-spacing-${props.embedPadding})`
     : "0";
-  const padding = J() === "POPUP" ? popupPadding : embedPadding;
+  const padding = Q() === "POPUP" ? popupPadding : embedPadding;
   return {
     states: {
       showCloseButton: props.closeButton && engagementMedium === "POPUP",

package/dist/esm/{sqm-portal-email-verification-view-527c54bd.js → sqm-portal-email-verification-view-5ac21bb4.js}

@@ -1,5 +1,5 @@
 import { h } from './index-17b4da69.js';
-import { i as intl } from './global-d07f1376.js';
+import { i as intl } from './global-44835899.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';

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

@@ -1,19 +1,19 @@
 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 './global-d07f1376.js';
-import './use-callback-69ec5c5c.js';
-import { v as vn, a as ae, L } from './index.module-f64d9e4c.js';
+import { i as useState, f as useEffect, m as h } from './stencil-hooks.module-eefa3570.js';
+import './global-44835899.js';
+import './use-callback-684c8bb7.js';
+import { o as on, _, i as isDemo } from './index.module-132e274f.js';
 import './extends-c31f1eff.js';
 import { c as cjs } from './cjs-bdfb4486.js';
 import './mixins-f60a614c.js';
 import './JSS-f00f9536.js';
 import './sqm-text-span-view-0ba1484d.js';
-import { P as PortalEmailVerificationView } from './sqm-portal-email-verification-view-527c54bd.js';
+import { P as PortalEmailVerificationView } from './sqm-portal-email-verification-view-5ac21bb4.js';
 
 function usePortalEmailVerification(props) {
   var _a, _b, _c, _d, _e, _f, _g, _h, _j;
-  const [request, { loading, data, errors }] = vn();
-  const userIdent = ae();
+  const [request, { loading, data, errors }] = on();
+  const userIdent = _();
   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("");
@@ -64,9 +64,9 @@ const PortalEmailVerification = class {
     registerInstance(this, hostRef);
     this.ignored = true;
     /**
-     * The page that users are redirected to from the verification email.
+     * The microsite page that participants are redirected to from the verification email.
      *
-     * @uiName Email Redirection Base Path
+     * @uiName Email Redirection Path
      */
     this.redirectPath = "/verifyEmail";
     /**
@@ -79,13 +79,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.";
     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-5af8c8de.js → sqm-portal-footer-view-f3a6eaed.js}

@@ -1,5 +1,5 @@
 import { h } from './index-17b4da69.js';
-import { i as intl } from './global-d07f1376.js';
+import { i as intl } from './global-44835899.js';
 import { c as createStyleSheet } from './JSS-f00f9536.js';
 
 function PoweredByImg({ color = "#A6A6A6", width = 190, height = 29, }) {

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

@@ -1,12 +1,12 @@
 import { r as registerInstance, h as h$1 } from './index-17b4da69.js';
-import { m as h } from './stencil-hooks.module-66fea7dc.js';
-import './global-d07f1376.js';
-import './use-callback-69ec5c5c.js';
-import './index.module-f64d9e4c.js';
+import { m as h } from './stencil-hooks.module-eefa3570.js';
+import './global-44835899.js';
+import './use-callback-684c8bb7.js';
+import './index.module-132e274f.js';
 import './extends-c31f1eff.js';
 import './JSS-f00f9536.js';
 import { g as getProps } from './utils-334c1e34.js';
-import { P as PortalFooterView } from './sqm-portal-footer-view-5af8c8de.js';
+import { P as PortalFooterView } from './sqm-portal-footer-view-f3a6eaed.js';
 
 const PortalFooter = class {
   constructor(hostRef) {
@@ -18,6 +18,7 @@ const PortalFooter = class {
     this.supportEmail = "support@example.com";
     /**
      * @uiName Support Text
+     * @uiWidget textArea
      */
     this.supportText = "For program support, contact {email}";
     /**
@@ -30,18 +31,26 @@ const PortalFooter = class {
     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.entry.js

@@ -1,7 +1,7 @@
 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 { f as fn, L, I as In } from './index.module-f64d9e4c.js';
+import { i as useState, f as useEffect, m as h } from './stencil-hooks.module-eefa3570.js';
+import './use-callback-684c8bb7.js';
+import { t as tn, i as isDemo, v as vn } from './index.module-132e274f.js';
 import './extends-c31f1eff.js';
 import { j as jsonpointer } from './jsonpointer-388a7082.js';
 import { c as cjs } from './cjs-bdfb4486.js';
@@ -14,7 +14,7 @@ function usePortalForgotPassword(props) {
   var _a, _b, _c, _d, _e, _f, _g, _h;
   const [success, setSuccess] = useState(false);
   const [error, setError] = useState("");
-  const [request, { loading, data, errors }] = fn();
+  const [request, { loading, data, errors }] = tn();
   const urlParams = new URLSearchParams(window.location.search);
   const nextPage = urlParams.get("nextPage");
   const submit = async (event) => {
@@ -47,6 +47,8 @@ function usePortalForgotPassword(props) {
         error,
       success,
       loginPath: props.loginPath,
+      headerText: props.headerText,
+      loginText: props.loginText,
     },
     callbacks: {
       submit,
@@ -59,13 +61,13 @@ const PortalForgotPassword = class {
     registerInstance(this, hostRef);
     this.ignored = true;
     /**
-     * The page that users are redirected to from the password reset email.
+     * The microsite page that participants are redirected to from the password reset email.
      *
-     * @uiName Email Redirection Base Path
+     * @uiName Email Redirection Path
      */
     this.redirectPath = "/resetPassword";
     /**
-     * @uiName Email Label
+     * @uiName Email Field Label
      */
     this.emailLabel = "Email";
     /**
@@ -73,18 +75,27 @@ const PortalForgotPassword = class {
      */
     this.submitLabel = "Request Password Reset";
     /**
-     * @uiName Login Page Routing Path
+     * @uiName Login Redirect Path
      */
     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: () => In.push(states.loginPath) }, "Sign In"))),
+      secondaryButton: (h$1("slot", { name: "secondaryButton" }, h$1("sl-button", { type: "text", disabled: states.loading, onClick: () => vn.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,12 @@
 import { r as registerInstance } from './index-17b4da69.js';
-import { m as h } from './stencil-hooks.module-66fea7dc.js';
-import './use-callback-69ec5c5c.js';
-import { t as te, I as In, L } from './index.module-f64d9e4c.js';
+import { m as h } from './stencil-hooks.module-eefa3570.js';
+import './use-callback-684c8bb7.js';
+import { c as setUserIdentity, v as vn, i as isDemo } from './index.module-132e274f.js';
 import './extends-c31f1eff.js';
 
 function usePortalLogout({ nextPage }) {
-  te(undefined);
-  In.push({ pathname: nextPage, search: "" });
+  setUserIdentity(undefined);
+  vn.push({ pathname: nextPage, search: "" });
 }
 
 const PortalLogout = class {
@@ -14,14 +14,16 @@ const PortalLogout = class {
     registerInstance(this, hostRef);
     this.ignored = true;
     /**
-     * @uiName Next Page Path
+     * Redirect participants to this path when they log out
+     *
+     *  @uiName Logout Redirect Path
      */
     this.nextPage = "/";
     h(this);
   }
   disconnectedCallback() { }
   render() {
-    L() ? useLogoutDemo() : usePortalLogout(this);
+    isDemo() ? useLogoutDemo() : usePortalLogout(this);
   }
 };
 function useLogoutDemo({}) { }

package/dist/esm/{sqm-portal-profile-view-878b75ff.js → sqm-portal-profile-view-630f05c8.js}

@@ -1,5 +1,5 @@
 import { h } from './index-17b4da69.js';
-import { i as intl } from './global-d07f1376.js';
+import { i as intl } from './global-44835899.js';
 import { c as createStyleSheet } from './JSS-f00f9536.js';
 import { T as TextSpanView } from './sqm-text-span-view-0ba1484d.js';
 import { P as PortalContainerView } from './sqm-portal-container-view-ca454627.js';

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

@@ -1,15 +1,15 @@
 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 './global-d07f1376.js';
-import './use-callback-69ec5c5c.js';
-import { d as dist, a as ae, w as wn, j as je, L } from './index.module-f64d9e4c.js';
+import { i as useState, f as useEffect, m as h } from './stencil-hooks.module-eefa3570.js';
+import './global-44835899.js';
+import './use-callback-684c8bb7.js';
+import { d as dist, _, a as dn, I as Ie, i as isDemo } from './index.module-132e274f.js';
 import './extends-c31f1eff.js';
 import { c as cjs } from './cjs-bdfb4486.js';
 import './JSS-f00f9536.js';
 import { g as getProps } from './utils-334c1e34.js';
 import './sqm-text-span-view-0ba1484d.js';
 import './sqm-portal-container-view-ca454627.js';
-import { P as PortalProfileView } from './sqm-portal-profile-view-878b75ff.js';
+import { P as PortalProfileView } from './sqm-portal-profile-view-630f05c8.js';
 
 const GET_USER = dist.gql `
   query {
@@ -55,12 +55,12 @@ const defaultFormState = {
   error: "",
 };
 function usePortalProfile(props) {
-  const userIdent = ae();
+  const userIdent = _();
   const [success, setSuccess] = useState(false);
   const [userData, setUserData] = useState(undefined);
   const [formState, setFormState] = useState(defaultFormState);
-  const userDataResponse = wn(GET_USER, {}, !(userIdent === null || userIdent === void 0 ? void 0 : userIdent.jwt));
-  const [upsertUser, upsertUserResponse] = je(UPSERT_USER);
+  const userDataResponse = dn(GET_USER, {}, !(userIdent === null || userIdent === void 0 ? void 0 : userIdent.jwt));
+  const [upsertUser, upsertUserResponse] = Ie(UPSERT_USER);
   useEffect(() => {
     if (upsertUserResponse === null || upsertUserResponse === void 0 ? void 0 : upsertUserResponse.loading)
       return;
@@ -163,27 +163,19 @@ const PortalProfile = class {
     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";
     /**
@@ -199,7 +191,7 @@ const PortalProfile = class {
      */
     this.submitChangeButtonText = "Submit Changes";
     /**
-     * Show or hide the country field
+     * Show or hide the country field.
      *
      * @uiName Show Country Field
      */
@@ -208,7 +200,7 @@ const PortalProfile = class {
   }
   disconnectedCallback() { }
   render() {
-    const props = L()
+    const props = isDemo()
       ? usePortalProfileDemo(getProps(this))
       : usePortalProfile(getProps(this));
     return h$1(PortalProfileView, Object.assign({}, props));