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

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

@@ -1,10 +1,9 @@
 import { h, r as registerInstance, c as Host } from './index-17b4da69.js';
-import { m as h$1 } from './stencil-hooks.module-66fea7dc.js';
-import './extends-c31f1eff.js';
-import { c as createStyleSheet } from './JSS-f00f9536.js';
+import { m as h$1 } from './stencil-hooks.module-eefa3570.js';
+import { c as createStyleSheet } from './JSS-67b5cff8.js';
 import { g as getProps } from './utils-334c1e34.js';
-import { P as PortalContainerView } from './sqm-portal-container-view-ca454627.js';
-import { P as PortalSectionView } from './sqm-portal-section-view-6c249c74.js';
+import { P as PortalContainerView } from './sqm-portal-container-view-228f2b65.js';
+import { P as PortalSectionView } from './sqm-portal-section-view-a991e019.js';
 
 function EmptyStateView(props) {
   const { emptyStateHeader, emptyStateImage, emptyStateText } = props;

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,15 @@
 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-96470dcf.js';
-import './extends-c31f1eff.js';
+import { n as m, f as useEffect, m as h } from './stencil-hooks.module-eefa3570.js';
+import './use-callback-684c8bb7.js';
+import { H, y as ye, L, h as he } from './index.module-25496635.js';
 
 async function useGraphQLClientProvider({ domain }) {
-  const token = re();
+  const token = H();
   const appDomain = domain;
-  const tenantAlias = U();
+  const tenantAlias = L();
   // 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 = ye(appDomain, tenantAlias, token);
+  const [, setGraphQLClient] = m(he, managedIdentityClient);
   useEffect(() => {
     setGraphQLClient(managedIdentityClient);
   }, [managedIdentityClient]);

package/dist/esm/sqm-header-logo.entry.js

@@ -0,0 +1,26 @@
+import { r as registerInstance, h as h$1, c as Host } from './index-17b4da69.js';
+import { m as h } from './stencil-hooks.module-eefa3570.js';
+
+const HeroImage = class {
+  constructor(hostRef) {
+    registerInstance(this, hostRef);
+    /**
+     * Page participants are navigated to after clicking the header logo.
+     *
+     * @uiName Redirect Path
+     * @uiWidget pageSelect
+     */
+    this.nextPage = "/";
+    /**
+     * @uiName Logo Height
+     */
+    this.height = 60;
+    h(this);
+  }
+  disconnectedCallback() { }
+  render() {
+    return (h$1(Host, null, h$1("a", { href: this.nextPage }, h$1("img", { style: { height: `${this === null || this === void 0 ? void 0 : this.height}px` }, src: this === null || this === void 0 ? void 0 : this.imageUrl }))));
+  }
+};
+
+export { HeroImage as sqm_header_logo };

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

@@ -1,7 +1,7 @@
 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 { c as createStyleSheet } from './JSS-f00f9536.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-67b5cff8.js';
 
 // import { IntlMessageFormat } from 'intl-messageformat';
 function isMobile(breakPoint) {

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

@@ -1,10 +1,9 @@
 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 './extends-c31f1eff.js';
-import './JSS-f00f9536.js';
+import { m as h } from './stencil-hooks.module-eefa3570.js';
+import './use-callback-684c8bb7.js';
+import './JSS-67b5cff8.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-b8ce1900.js';
 
 const Hero = class {
   constructor(hostRef) {
@@ -13,6 +12,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,9 +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-0842e0e4.js';
-import './use-callback-69ec5c5c.js';
-import { d as dist, M, a as ae, w as wn, L } from './index.module-96470dcf.js';
-import './extends-c31f1eff.js';
+import { m as h } from './stencil-hooks.module-eefa3570.js';
+import { i as intl } from './global-c2d5e2fa.js';
+import './use-callback-684c8bb7.js';
+import { d as dist, O, N, a as dn, i as isDemo } from './index.module-25496635.js';
 import { c as cjs } from './cjs-bdfb4486.js';
 import { L as LeaderboardRankView } from './sqm-leaderboard-rank-view-10657658.js';
 
@@ -22,10 +21,10 @@ const GET_RANK = dist.gql `
 `;
 function useLeaderboardRank(props) {
   var _a, _b, _c, _d;
-  const programIdContext = M();
+  const programIdContext = O();
   // Default to context, overriden by props
   const programId = (_a = props.programId) !== null && _a !== void 0 ? _a : programIdContext;
-  const user = ae();
+  const user = N();
   const rankVariables = programId
     ? {
       type: props.leaderboardType,
@@ -38,7 +37,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 +63,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-fb10e0c2.js → sqm-navigation-sidebar-item-view-24d5f092.js}

@@ -1,7 +1,7 @@
 import { h } from './index-17b4da69.js';
-import { I as In } from './index.module-96470dcf.js';
+import { f as fn } from './index.module-25496635.js';
 import { g as gap } from './mixins-f60a614c.js';
-import { c as createStyleSheet } from './JSS-f00f9536.js';
+import { c as createStyleSheet } from './JSS-67b5cff8.js';
 
 function NavigationSidebarItemView(props) {
   const { states, data } = props;
@@ -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);
+      fn.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,15 @@
 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-96470dcf.js';
-import './extends-c31f1eff.js';
+import { m as h } from './stencil-hooks.module-eefa3570.js';
+import './use-callback-684c8bb7.js';
+import { c as cn, i as isDemo } from './index.module-25496635.js';
 import { c as cjs } from './cjs-bdfb4486.js';
 import './mixins-f60a614c.js';
-import './JSS-f00f9536.js';
+import './JSS-67b5cff8.js';
 import { g as getProps } from './utils-334c1e34.js';
-import { N as NavigationSidebarItemView } from './sqm-navigation-sidebar-item-view-fb10e0c2.js';
+import { N as NavigationSidebarItemView } from './sqm-navigation-sidebar-item-view-24d5f092.js';
 
 function useNavigationSidebarItem(props) {
-  const currentPage = Fn();
+  const currentPage = cn();
   return {
     states: {
       active: currentPage.pathname === props.path,
@@ -30,7 +29,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-view-06d444ca.js → sqm-navigation-sidebar-view-aa1313e7.js}

@@ -1,6 +1,6 @@
 import { h } from './index-17b4da69.js';
 import { g as gap } from './mixins-f60a614c.js';
-import { c as createStyleSheet } from './JSS-f00f9536.js';
+import { c as createStyleSheet } from './JSS-67b5cff8.js';
 
 const style = {
   ItemsContainer: {

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

@@ -1,9 +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 './extends-c31f1eff.js';
+import { m as h } from './stencil-hooks.module-eefa3570.js';
 import './mixins-f60a614c.js';
-import './JSS-f00f9536.js';
-import { N as NavigationSidebarView } from './sqm-navigation-sidebar-view-06d444ca.js';
+import './JSS-67b5cff8.js';
+import { N as NavigationSidebarView } from './sqm-navigation-sidebar-view-aa1313e7.js';
 
 const NavigationSidebar = class {
   constructor(hostRef) {

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, i as useState, m as h$1 } from './stencil-hooks.module-66fea7dc.js';
-import './use-callback-69ec5c5c.js';
-import { L } from './index.module-96470dcf.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-25496635.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 { c as createStyleSheet } from './JSS-67b5cff8.js';
+import { F as FORM_VALIDATION_CONTEXT, R as REGISTRATION_FORM_STATE_CONTEXT } from './useRegistrationFormState-e94eec81.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;
   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);
@@ -511,8 +514,9 @@ function usePasswordField(props) {
   }
   return {
     states: {
-      enableValidation: props.enableValidation,
+      enableValidation: !props.disableValidation,
       dynamicValidation,
+      registrationFormState,
       validationErrors: validationState === null || validationState === void 0 ? void 0 : validationState.validationErrors,
       content: {
         fieldLabel: props.fieldLabel,
@@ -535,15 +539,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 +568,12 @@ 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: {},
       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-66fea7dc.js';
-import './use-callback-69ec5c5c.js';
-import { J } from './index.module-96470dcf.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-25496635.js';
 import { g as getProps } from './utils-334c1e34.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-ca454627.js → sqm-portal-container-view-228f2b65.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 PortalContainerView(props, children) {
   const style = {

package/dist/esm/{sqm-portal-email-verification-view-f6daf315.js → sqm-portal-email-verification-view-4fa01d0a.js}

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

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 { i as useState, e as useEffect, m as h } from './stencil-hooks.module-66fea7dc.js';
-import './global-0842e0e4.js';
-import './use-callback-69ec5c5c.js';
-import { v as vn, a as ae, L } from './index.module-96470dcf.js';
-import './extends-c31f1eff.js';
+import { i as useState, m as h } from './stencil-hooks.module-eefa3570.js';
+import './global-c2d5e2fa.js';
+import './use-callback-684c8bb7.js';
+import { t as tn, N, f as fn, i as isDemo } from './index.module-25496635.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-f6daf315.js';
+import './JSS-67b5cff8.js';
+import './sqm-text-span-view-8b194920.js';
+import { P as PortalEmailVerificationView } from './sqm-portal-email-verification-view-4fa01d0a.js';
 
 function usePortalEmailVerification(props) {
-  var _a, _b, _c, _d, _e, _f, _g, _h, _j;
-  const [request, { loading, data, errors }] = vn();
-  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.
+     * The microsite page that participants are redirected to from the verification email.
      *
-     * @uiName Email Redirection Base Path
+     * @uiName Email Redirection Path
+     * @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 with 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-42db3277.js → sqm-portal-footer-view-b68f250d.js}

@@ -1,6 +1,6 @@
 import { h } from './index-17b4da69.js';
-import { i as intl } from './global-0842e0e4.js';
-import { c as createStyleSheet } from './JSS-f00f9536.js';
+import { i as intl } from './global-c2d5e2fa.js';
+import { c as createStyleSheet } from './JSS-67b5cff8.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-66fea7dc.js';
-import './global-0842e0e4.js';
-import './use-callback-69ec5c5c.js';
-import './index.module-96470dcf.js';
-import './extends-c31f1eff.js';
-import './JSS-f00f9536.js';
+import { m as h } from './stencil-hooks.module-eefa3570.js';
+import './global-c2d5e2fa.js';
+import './use-callback-684c8bb7.js';
+import './index.module-25496635.js';
+import './JSS-67b5cff8.js';
 import { g as getProps } from './utils-334c1e34.js';
-import { P as PortalFooterView } from './sqm-portal-footer-view-42db3277.js';
+import { P as PortalFooterView } from './sqm-portal-footer-view-b68f250d.js';
 
 const PortalFooter = class {
   constructor(hostRef) {
@@ -18,30 +17,39 @@ const PortalFooter = class {
     this.supportEmail = "support@example.com";
     /**
      * @uiName Support Text
+     * @uiWidget textArea
      */
     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-86d13eef.js → sqm-portal-forgot-password-view-29c2e39b.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,