@saasquatch/mint-components 1.6.2-0 → 1.6.2-11

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

@@ -3,12 +3,11 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
 const index = require('./index-b0129cd6.js');
-const stencilHooks_module = require('./stencil-hooks.module-87a1f4f7.js');
-require('./extends-08099afd.js');
-const JSS = require('./JSS-97fd087e.js');
+const stencilHooks_module = require('./stencil-hooks.module-6fe43579.js');
+const JSS = require('./JSS-8503a151.js');
 const utils = require('./utils-6847bc06.js');
-const sqmPortalContainerView = require('./sqm-portal-container-view-840db620.js');
-const sqmPortalSectionView = require('./sqm-portal-section-view-854a3e9c.js');
+const sqmPortalContainerView = require('./sqm-portal-container-view-2ddcaa12.js');
+const sqmPortalSectionView = require('./sqm-portal-section-view-1e5bbcb1.js');
 
 function EmptyStateView(props) {
   const { emptyStateHeader, emptyStateImage, emptyStateText } = props;

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

@@ -3,7 +3,7 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
 const index = require('./index-b0129cd6.js');
-const stencilHooks_module = require('./stencil-hooks.module-87a1f4f7.js');
+const stencilHooks_module = require('./stencil-hooks.module-6fe43579.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/cjs/sqm-graphql-client-provider.cjs.entry.js

@@ -3,18 +3,17 @@
 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-d169a23f.js');
-require('./extends-08099afd.js');
+const stencilHooks_module = require('./stencil-hooks.module-6fe43579.js');
+require('./use-callback-5d15897d.js');
+const index_module = require('./index.module-93c78ac7.js');
 
 async function useGraphQLClientProvider({ domain }) {
-  const token = index_module.re();
+  const token = index_module.H();
   const appDomain = domain;
-  const tenantAlias = index_module.U();
+  const tenantAlias = index_module.L();
   // Memoization is shared. One client per domain, tenant and token (or null)
-  const managedIdentityClient = index_module.je(appDomain, tenantAlias, token);
-  const [, setGraphQLClient] = stencilHooks_module.m(index_module.Ie, managedIdentityClient);
+  const managedIdentityClient = index_module.ye(appDomain, tenantAlias, token);
+  const [, setGraphQLClient] = stencilHooks_module.m(index_module.he, managedIdentityClient);
   stencilHooks_module.useEffect(() => {
     setGraphQLClient(managedIdentityClient);
   }, [managedIdentityClient]);

package/dist/cjs/{sqm-hero-view-46223e34.js → sqm-hero-view-ba78dcaf.js}

@@ -1,9 +1,9 @@
 'use strict';
 
 const index = require('./index-b0129cd6.js');
-const stencilHooks_module = require('./stencil-hooks.module-87a1f4f7.js');
-const useCallback = require('./use-callback-e754042f.js');
-const JSS = require('./JSS-97fd087e.js');
+const stencilHooks_module = require('./stencil-hooks.module-6fe43579.js');
+const useCallback = require('./use-callback-5d15897d.js');
+const JSS = require('./JSS-8503a151.js');
 
 // import { IntlMessageFormat } from 'intl-messageformat';
 function isMobile(breakPoint) {

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

@@ -3,12 +3,11 @@
 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');
-require('./extends-08099afd.js');
-require('./JSS-97fd087e.js');
+const stencilHooks_module = require('./stencil-hooks.module-6fe43579.js');
+require('./use-callback-5d15897d.js');
+require('./JSS-8503a151.js');
 const utils = require('./utils-6847bc06.js');
-const sqmHeroView = require('./sqm-hero-view-46223e34.js');
+const sqmHeroView = require('./sqm-hero-view-ba78dcaf.js');
 
 const Hero = class {
   constructor(hostRef) {
@@ -17,6 +16,8 @@ const Hero = class {
      * Number of columns in the layout
      *
      * @uiName Columns
+     * @uiEnum [1, 2]
+     * @uiEnumNames ["One", "Two"]
      */
     this.columns = 1;
     /**

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

@@ -3,11 +3,10 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
 const index = require('./index-b0129cd6.js');
-const stencilHooks_module = require('./stencil-hooks.module-87a1f4f7.js');
-const global = require('./global-6e1584a6.js');
-require('./use-callback-e754042f.js');
-const index_module = require('./index.module-d169a23f.js');
-require('./extends-08099afd.js');
+const stencilHooks_module = require('./stencil-hooks.module-6fe43579.js');
+const global = require('./global-b645d18a.js');
+require('./use-callback-5d15897d.js');
+const index_module = require('./index.module-93c78ac7.js');
 const cjs = require('./cjs-1066ec21.js');
 const sqmLeaderboardRankView = require('./sqm-leaderboard-rank-view-5a3d4a88.js');
 
@@ -26,10 +25,10 @@ const GET_RANK = index_module.dist.gql `
 `;
 function useLeaderboardRank(props) {
   var _a, _b, _c, _d;
-  const programIdContext = index_module.F();
+  const programIdContext = index_module.O();
   // Default to context, overriden by props
   const programId = (_a = props.programId) !== null && _a !== void 0 ? _a : programIdContext;
-  const user = index_module.oe();
+  const user = index_module.N();
   const rankVariables = programId
     ? {
       type: props.leaderboardType,
@@ -42,7 +41,7 @@ function useLeaderboardRank(props) {
   if (props.interval) {
     rankVariables.filter["interval"] = props.interval;
   }
-  const { data: rankData } = index_module.kt(GET_RANK, rankVariables, !(user === null || user === void 0 ? void 0 : user.jwt));
+  const { data: rankData } = index_module.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) ? global.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],
   })
@@ -68,7 +67,7 @@ const LeaderboardRank = class {
   }
   disconnectedCallback() { }
   render() {
-    const props = index_module.T()
+    const props = index_module.isDemo()
       ? useLeaderboardRankDemo(this)
       : useLeaderboardRank(this);
     return index.h(sqmLeaderboardRankView.LeaderboardRankView, Object.assign({}, props));

package/dist/cjs/{sqm-navigation-sidebar-item-view-7ff14840.js → sqm-navigation-sidebar-item-view-2eda59bf.js}

@@ -1,9 +1,9 @@
 'use strict';
 
 const index = require('./index-b0129cd6.js');
-const index_module = require('./index.module-d169a23f.js');
+const index_module = require('./index.module-93c78ac7.js');
 const mixins = require('./mixins-fe9d4112.js');
-const JSS = require('./JSS-97fd087e.js');
+const JSS = require('./JSS-8503a151.js');
 
 function NavigationSidebarItemView(props) {
   const { states, data } = props;
@@ -35,7 +35,7 @@ function NavigationSidebarItemView(props) {
   const styleString = sheet.toString();
   return (index.h("a", { href: data.path, onClick: (e) => {
       e.preventDefault();
-      index_module.Ft.push(data.path);
+      index_module.fn.push(data.path);
     }, class: sheet.classes.ItemContainer },
     index.h("style", { type: "text/css" }, styleString),
     index.h("sl-icon", { class: sheet.classes.Icon, name: data.icon }),

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

@@ -3,18 +3,17 @@
 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-d169a23f.js');
-require('./extends-08099afd.js');
+const stencilHooks_module = require('./stencil-hooks.module-6fe43579.js');
+require('./use-callback-5d15897d.js');
+const index_module = require('./index.module-93c78ac7.js');
 const cjs = require('./cjs-1066ec21.js');
 require('./mixins-fe9d4112.js');
-require('./JSS-97fd087e.js');
+require('./JSS-8503a151.js');
 const utils = require('./utils-6847bc06.js');
-const sqmNavigationSidebarItemView = require('./sqm-navigation-sidebar-item-view-7ff14840.js');
+const sqmNavigationSidebarItemView = require('./sqm-navigation-sidebar-item-view-2eda59bf.js');
 
 function useNavigationSidebarItem(props) {
-  const currentPage = index_module.Rt();
+  const currentPage = index_module.cn();
   return {
     states: {
       active: currentPage.pathname === props.path,
@@ -34,7 +33,7 @@ const NavigationSidebarItem = class {
   }
   disconnectedCallback() { }
   render() {
-    const props = index_module.T()
+    const props = index_module.isDemo()
       ? useSidebarItemDemo(utils.getProps(this))
       : useNavigationSidebarItem(utils.getProps(this));
     return index.h(sqmNavigationSidebarItemView.NavigationSidebarItemView, Object.assign({}, props));

package/dist/cjs/{sqm-navigation-sidebar-view-969adcdc.js → sqm-navigation-sidebar-view-2ffde416.js}

@@ -2,7 +2,7 @@
 
 const index = require('./index-b0129cd6.js');
 const mixins = require('./mixins-fe9d4112.js');
-const JSS = require('./JSS-97fd087e.js');
+const JSS = require('./JSS-8503a151.js');
 
 const style = {
   ItemsContainer: {

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

@@ -3,11 +3,10 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
 const index = require('./index-b0129cd6.js');
-const stencilHooks_module = require('./stencil-hooks.module-87a1f4f7.js');
-require('./extends-08099afd.js');
+const stencilHooks_module = require('./stencil-hooks.module-6fe43579.js');
 require('./mixins-fe9d4112.js');
-require('./JSS-97fd087e.js');
-const sqmNavigationSidebarView = require('./sqm-navigation-sidebar-view-969adcdc.js');
+require('./JSS-8503a151.js');
+const sqmNavigationSidebarView = require('./sqm-navigation-sidebar-view-2ffde416.js');
 
 const NavigationSidebar = class {
   constructor(hostRef) {

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

@@ -3,13 +3,13 @@
 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-d169a23f.js');
-require('./extends-08099afd.js');
+const stencilHooks_module = require('./stencil-hooks.module-6fe43579.js');
+require('./use-callback-5d15897d.js');
+const index_module = require('./index.module-93c78ac7.js');
 const cjs = require('./cjs-1066ec21.js');
 const mixins = require('./mixins-fe9d4112.js');
-const JSS = require('./JSS-97fd087e.js');
+const JSS = require('./JSS-8503a151.js');
+const useRegistrationFormState = require('./useRegistrationFormState-d0e43ca9.js');
 
 var constants = {
   error: {
@@ -487,27 +487,30 @@ const vanillaStyle = `
 const sheet$1 = JSS.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 (index.h("div", { class: sheet$1.classes.InputContainer },
     index.h("style", { type: "text/css" },
       vanillaStyle,
       styleString$1),
-    index.h("sl-input", Object.assign({ exportparts: "label: input-label", type: "password", name: "/password", label: states.content.fieldLabel || "Password", required: true, validationError: ({ value }) => {
+    index.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 = stencilHooks_module.d(CONTEXT_NAME);
+  const validationState = stencilHooks_module.d(useRegistrationFormState.FORM_VALIDATION_CONTEXT);
+  const registrationFormState = stencilHooks_module.d(useRegistrationFormState.REGISTRATION_FORM_STATE_CONTEXT);
   const [dynamicValidation, setDynamicValidation] = stencilHooks_module.useState("");
   function onInput(input) {
     const validation = validateNewPassword(input.target.value);
@@ -517,6 +520,7 @@ function usePasswordField(props) {
     states: {
       enableValidation: props.enableValidation,
       dynamicValidation,
+      registrationFormState,
       validationErrors: validationState === null || validationState === void 0 ? void 0 : validationState.validationErrors,
       content: {
         fieldLabel: props.fieldLabel,
@@ -547,7 +551,7 @@ const PortalPasswordField = class {
   }
   disconnectedCallback() { }
   render() {
-    const { states, callbacks } = index_module.T()
+    const { states, callbacks } = index_module.isDemo()
       ? usePasswordFieldDemo(this)
       : usePasswordField(this);
     return index.h(PortalResetPasswordView, { states: states, callbacks: callbacks });
@@ -571,6 +575,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/cjs/sqm-popup-container.cjs.entry.js

@@ -3,10 +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-d169a23f.js');
-require('./extends-08099afd.js');
+const stencilHooks_module = require('./stencil-hooks.module-6fe43579.js');
+require('./use-callback-5d15897d.js');
+const index_module = require('./index.module-93c78ac7.js');
 const utils = require('./utils-6847bc06.js');
 
 const PopupContainerView = (props) => {
@@ -20,10 +19,10 @@ const PopupContainerView = (props) => {
 };
 
 function usePopupContainer(props) {
-  const engagementMedium = index_module.H();
+  const engagementMedium = index_module.U();
   function closePopup() {
     var _a;
-    if (index_module.H() === "POPUP") {
+    if (index_module.U() === "POPUP") {
       (_a = window.frameElement["squatchJsApi"]) === null || _a === void 0 ? void 0 : _a.close();
     }
   }
@@ -37,7 +36,7 @@ function usePopupContainer(props) {
       ? "0"
       : `var(--sl-spacing-${props.embedPadding})`
     : "0";
-  const padding = index_module.H() === "POPUP" ? popupPadding : embedPadding;
+  const padding = index_module.U() === "POPUP" ? popupPadding : embedPadding;
   return {
     states: {
       showCloseButton: props.closeButton && engagementMedium === "POPUP",

package/dist/cjs/{sqm-portal-container-view-840db620.js → sqm-portal-container-view-2ddcaa12.js}

@@ -1,7 +1,7 @@
 'use strict';
 
 const index = require('./index-b0129cd6.js');
-const JSS = require('./JSS-97fd087e.js');
+const JSS = require('./JSS-8503a151.js');
 
 function PortalContainerView(props, children) {
   const style = {

package/dist/cjs/{sqm-portal-email-verification-view-6b4ef802.js → sqm-portal-email-verification-view-b280d0b0.js}

@@ -1,10 +1,10 @@
 'use strict';
 
 const index = require('./index-b0129cd6.js');
-const global = require('./global-6e1584a6.js');
+const global = require('./global-b645d18a.js');
 const mixins = require('./mixins-fe9d4112.js');
-const JSS = require('./JSS-97fd087e.js');
-const sqmTextSpanView = require('./sqm-text-span-view-2c7d94b5.js');
+const JSS = require('./JSS-8503a151.js');
+const sqmTextSpanView = require('./sqm-text-span-view-b318af73.js');
 
 const style = {
   Wrapper: mixins.AuthWrapper,

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

@@ -3,25 +3,24 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
 const index = require('./index-b0129cd6.js');
-const stencilHooks_module = require('./stencil-hooks.module-87a1f4f7.js');
-require('./global-6e1584a6.js');
-require('./use-callback-e754042f.js');
-const index_module = require('./index.module-d169a23f.js');
-require('./extends-08099afd.js');
+const stencilHooks_module = require('./stencil-hooks.module-6fe43579.js');
+require('./global-b645d18a.js');
+require('./use-callback-5d15897d.js');
+const index_module = require('./index.module-93c78ac7.js');
 const cjs = require('./cjs-1066ec21.js');
 require('./mixins-fe9d4112.js');
-require('./JSS-97fd087e.js');
-require('./sqm-text-span-view-2c7d94b5.js');
-const sqmPortalEmailVerificationView = require('./sqm-portal-email-verification-view-6b4ef802.js');
+require('./JSS-8503a151.js');
+require('./sqm-text-span-view-b318af73.js');
+const sqmPortalEmailVerificationView = require('./sqm-portal-email-verification-view-b280d0b0.js');
 
 function usePortalEmailVerification(props) {
   var _a, _b, _c, _d, _e, _f, _g, _h, _j;
-  const [request, { loading, data, errors }] = index_module.Ct();
-  const userIdent = index_module.oe();
+  const [request, { loading, data, errors }] = index_module.tn();
+  const userIdent = index_module.N();
   const email = (_a = userIdent === null || userIdent === void 0 ? void 0 : userIdent.managedIdentity) === null || _a === void 0 ? void 0 : _a.email;
   const [success, setSuccess] = stencilHooks_module.useState(false);
   const [error, setError] = stencilHooks_module.useState("");
-  const urlParams = new URLSearchParams(window.location.search);
+  const urlParams = new URLSearchParams(index_module.fn.location.search);
   const nextPage = urlParams.get("nextPage");
   const submit = async () => {
     if (!email)
@@ -68,9 +67,9 @@ const PortalEmailVerification = class {
     index.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";
     /**
@@ -83,13 +82,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.";
     stencilHooks_module.h$1(this);
   }
   disconnectedCallback() { }
   render() {
-    const { states, callbacks, content } = index_module.T()
+    const { states, callbacks, content } = index_module.isDemo()
       ? usePortalEmailVerificationDemo(this)
       : usePortalEmailVerification(this);
     return (index.h(sqmPortalEmailVerificationView.PortalEmailVerificationView, { states: states, callbacks: callbacks, content: content }));

package/dist/cjs/{sqm-portal-footer-view-204583ac.js → sqm-portal-footer-view-5d6451ad.js}

@@ -1,8 +1,8 @@
 'use strict';
 
 const index = require('./index-b0129cd6.js');
-const global = require('./global-6e1584a6.js');
-const JSS = require('./JSS-97fd087e.js');
+const global = require('./global-b645d18a.js');
+const JSS = require('./JSS-8503a151.js');
 
 function PoweredByImg({ color = "#A6A6A6", width = 190, height = 29, }) {
   return (index.h("svg", { width: width, height: height, viewBox: "0 0 132 20", fill: "none", xmlns: "http://www.w3.org/2000/svg" },

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

@@ -3,14 +3,13 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
 const index = require('./index-b0129cd6.js');
-const stencilHooks_module = require('./stencil-hooks.module-87a1f4f7.js');
-require('./global-6e1584a6.js');
-require('./use-callback-e754042f.js');
-require('./index.module-d169a23f.js');
-require('./extends-08099afd.js');
-require('./JSS-97fd087e.js');
+const stencilHooks_module = require('./stencil-hooks.module-6fe43579.js');
+require('./global-b645d18a.js');
+require('./use-callback-5d15897d.js');
+require('./index.module-93c78ac7.js');
+require('./JSS-8503a151.js');
 const utils = require('./utils-6847bc06.js');
-const sqmPortalFooterView = require('./sqm-portal-footer-view-204583ac.js');
+const sqmPortalFooterView = require('./sqm-portal-footer-view-5d6451ad.js');
 
 const PortalFooter = class {
   constructor(hostRef) {
@@ -22,6 +21,7 @@ const PortalFooter = class {
     this.supportEmail = "support@example.com";
     /**
      * @uiName Support Text
+     * @uiWidget textArea
      */
     this.supportText = "For program support, contact {email}";
     /**
@@ -34,18 +34,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";
     stencilHooks_module.h$1(this);

package/dist/cjs/{sqm-portal-forgot-password-view-fed1f563.js → sqm-portal-forgot-password-view-ccaf2bd4.js}

@@ -2,8 +2,8 @@
 
 const index = require('./index-b0129cd6.js');
 const mixins = require('./mixins-fe9d4112.js');
-const JSS = require('./JSS-97fd087e.js');
-const sqmTextSpanView = require('./sqm-text-span-view-2c7d94b5.js');
+const JSS = require('./JSS-8503a151.js');
+const sqmTextSpanView = require('./sqm-text-span-view-b318af73.js');
 
 const style = {
   Wrapper: mixins.AuthWrapper,

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

@@ -3,23 +3,22 @@
 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-d169a23f.js');
-require('./extends-08099afd.js');
+const stencilHooks_module = require('./stencil-hooks.module-6fe43579.js');
+require('./use-callback-5d15897d.js');
+const index_module = require('./index.module-93c78ac7.js');
 const jsonpointer = require('./jsonpointer-11327262.js');
 const cjs = require('./cjs-1066ec21.js');
 require('./mixins-fe9d4112.js');
-require('./JSS-97fd087e.js');
-require('./sqm-text-span-view-2c7d94b5.js');
-const sqmPortalForgotPasswordView = require('./sqm-portal-forgot-password-view-fed1f563.js');
+require('./JSS-8503a151.js');
+require('./sqm-text-span-view-b318af73.js');
+const sqmPortalForgotPasswordView = require('./sqm-portal-forgot-password-view-ccaf2bd4.js');
 
 function usePortalForgotPassword(props) {
   var _a, _b, _c, _d, _e, _f, _g, _h;
   const [success, setSuccess] = stencilHooks_module.useState(false);
   const [error, setError] = stencilHooks_module.useState("");
-  const [request, { loading, data, errors }] = index_module.bt();
-  const urlParams = new URLSearchParams(window.location.search);
+  const [request, { loading, data, errors }] = index_module.nn();
+  const urlParams = new URLSearchParams(index_module.fn.location.search);
   const nextPage = urlParams.get("nextPage");
   const submit = async (event) => {
     setError("");
@@ -51,6 +50,8 @@ function usePortalForgotPassword(props) {
         error,
       success,
       loginPath: props.loginPath,
+      headerText: props.headerText,
+      loginText: props.loginText,
     },
     callbacks: {
       submit,
@@ -63,13 +64,13 @@ const PortalForgotPassword = class {
     index.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";
     /**
@@ -77,18 +78,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";
     stencilHooks_module.h$1(this);
   }
   disconnectedCallback() { }
   render() {
-    const { states, callbacks } = index_module.T()
+    const { states, callbacks } = index_module.isDemo()
       ? usePortalForgotPasswordDemo(this)
       : usePortalForgotPassword(this);
     const content = {
-      secondaryButton: (index.h("slot", { name: "secondaryButton" }, index.h("sl-button", { type: "text", disabled: states.loading, onClick: () => index_module.Ft.push(states.loginPath) }, "Sign In"))),
+      secondaryButton: (index.h("slot", { name: "secondaryButton" }, index.h("sl-button", { type: "text", disabled: states.loading, onClick: () => index_module.fn.push(states.loginPath) }, "Sign In"))),
       messageSlot: (index.h("slot", { name: "messageSlot" }, "Enter your email below to receive a password reset link.")),
       emailLabel: this.emailLabel,
       submitLabel: this.submitLabel,

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

@@ -3,14 +3,13 @@
 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-d169a23f.js');
-require('./extends-08099afd.js');
+const stencilHooks_module = require('./stencil-hooks.module-6fe43579.js');
+require('./use-callback-5d15897d.js');
+const index_module = require('./index.module-93c78ac7.js');
 
 function usePortalLogout({ nextPage }) {
-  index_module.ne(undefined);
-  index_module.Ft.push({ pathname: nextPage, search: "" });
+  index_module.setUserIdentity(undefined);
+  index_module.fn.push({ pathname: nextPage, search: "" });
 }
 
 const PortalLogout = class {
@@ -18,14 +17,16 @@ const PortalLogout = class {
     index.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 = "/";
     stencilHooks_module.h$1(this);
   }
   disconnectedCallback() { }
   render() {
-    index_module.T() ? useLogoutDemo() : usePortalLogout(this);
+    index_module.isDemo() ? useLogoutDemo() : usePortalLogout(this);
   }
 };
 function useLogoutDemo({}) { }