@saasquatch/mint-components 1.5.6-4 → 1.6.0-0

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

@@ -1,5 +1,5 @@
 import { h, r as registerInstance, c as Host } from './index-17b4da69.js';
-import { m as h$1 } from './stencil-hooks.module-acc8a613.js';
+import { m as h$1 } from './stencil-hooks.module-e39af977.js';
 import './extends-c31f1eff.js';
 import { c as createStyleSheet } from './JSS-f00f9536.js';
 import { g as getProps } from './utils-334c1e34.js';
@@ -180,14 +180,14 @@ const TitledSection = class {
      */
     this.textAlign = "left";
     /**
-     * @uiName Label Margin Style
+     * @uiName Label margin style
      * @uiType string
      * @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.labelMargin = "small";
     /**
-     * @uiName Section Padding
+     * @uiName Section padding
      * @uiType string
      * @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"]

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-acc8a613.js';
+import { m as h } from './stencil-hooks.module-e39af977.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-acc8a613.js';
-import './use-callback-7e0bfd3b.js';
-import { o as oe, $ as $n, w as we, y as ye } from './index.module-f5e17a4e.js';
+import { n as m, e as useEffect, m as h } from './stencil-hooks.module-e39af977.js';
+import './use-callback-697e2ff0.js';
+import { r as re, W, M as Me, c as Ee } from './index.module-23da8fa0.js';
 import './extends-c31f1eff.js';
 
 async function useGraphQLClientProvider({ domain }) {
-  const token = oe();
+  const token = re();
   const appDomain = domain;
-  const tenantAlias = $n();
+  const tenantAlias = W();
   // Memoization is shared. One client per domain, tenant and token (or null)
-  const managedIdentityClient = we(appDomain, tenantAlias, token);
-  const [, setGraphQLClient] = m(ye, managedIdentityClient);
+  const managedIdentityClient = Me(appDomain, tenantAlias, token);
+  const [, setGraphQLClient] = m(Ee, managedIdentityClient);
   useEffect(() => {
     setGraphQLClient(managedIdentityClient);
   }, [managedIdentityClient]);

package/dist/esm/{sqm-hero-view-71d1202f.js → sqm-hero-view-b54265df.js}

@@ -1,6 +1,6 @@
 import { h } from './index-17b4da69.js';
-import { k as useState, e as useEffect } from './stencil-hooks.module-acc8a613.js';
-import { u as useCallback } from './use-callback-7e0bfd3b.js';
+import { k as useState, e as useEffect } from './stencil-hooks.module-e39af977.js';
+import { u as useCallback } from './use-callback-697e2ff0.js';
 import { c as createStyleSheet } from './JSS-f00f9536.js';
 
 // import { IntlMessageFormat } from 'intl-messageformat';

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

@@ -1,33 +1,25 @@
 import { r as registerInstance, h as h$1 } from './index-17b4da69.js';
-import { m as h } from './stencil-hooks.module-acc8a613.js';
-import './use-callback-7e0bfd3b.js';
+import { m as h } from './stencil-hooks.module-e39af977.js';
+import './use-callback-697e2ff0.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-71d1202f.js';
+import { H as HeroView } from './sqm-hero-view-b54265df.js';
 
 const Hero = class {
   constructor(hostRef) {
     registerInstance(this, hostRef);
-    /**
-     * Number of columns in the layout
-     *
-     * @uiName Columns
-     */
+    /** @uiName Number of columns in the layout */
     this.columns = 1;
     /**
-     * Can be an image url, colour or Shoelace variable.
-     *
-     * @uiName Background
-     */
+    * Can either be an image url, colour or Shoelace variable.
+    *
+    * @uiName Background
+    */
     this.background = "var(--sl-color-gray-50)";
-    /** @uiName Padding Size */
+    /** @uiName Padding size */
     this.paddingSize = "large";
-    /**
-     * Flexbox wrap direction, accepts wrap or wrap-reverse
-     *
-     * @uiName Wrap Direction
-     */
+    /** @uiName Wrap direction */
     this.wrapDirection = "wrap";
     h(this);
   }

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-acc8a613.js';
-import { i as intl } from './global-5c84f57f.js';
-import './use-callback-7e0bfd3b.js';
-import { d as dist, M, i as ie, b as sn, j as jn } from './index.module-f5e17a4e.js';
+import { m as h } from './stencil-hooks.module-e39af977.js';
+import { i as intl } from './global-3b481fc7.js';
+import './use-callback-697e2ff0.js';
+import { d as dist, A, a as ae, p as pn, L } from './index.module-23da8fa0.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 = A();
   // Default to context, overriden by props
   const programId = (_a = props.programId) !== null && _a !== void 0 ? _a : programIdContext;
-  const user = ie();
+  const user = ae();
   const rankVariables = programId
     ? {
       type: props.leaderboardType,
@@ -38,7 +38,7 @@ function useLeaderboardRank(props) {
   if (props.interval) {
     rankVariables.filter["interval"] = props.interval;
   }
-  const { data: rankData } = sn(GET_RANK, rankVariables, !(user === null || user === void 0 ? void 0 : user.jwt));
+  const { data: rankData } = pn(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],
   })
@@ -63,7 +63,7 @@ const LeaderboardRank = class {
   }
   disconnectedCallback() { }
   render() {
-    const props = jn()
+    const props = L()
       ? useLeaderboardRankDemo(this)
       : useLeaderboardRank(this);
     return h$1(LeaderboardRankView, Object.assign({}, props));

package/dist/esm/{sqm-navigation-sidebar-item-view-51714c31.js → sqm-navigation-sidebar-item-view-fbbc41b5.js}

@@ -1,5 +1,5 @@
 import { h } from './index-17b4da69.js';
-import { c as dn } from './index.module-f5e17a4e.js';
+import { w as wn } from './index.module-23da8fa0.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();
-      dn.push(data.path);
+      wn.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-acc8a613.js';
-import './use-callback-7e0bfd3b.js';
-import { l as ln, j as jn } from './index.module-f5e17a4e.js';
+import { m as h } from './stencil-hooks.module-e39af977.js';
+import './use-callback-697e2ff0.js';
+import { e as bn, L } from './index.module-23da8fa0.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-51714c31.js';
+import { N as NavigationSidebarItemView } from './sqm-navigation-sidebar-item-view-fbbc41b5.js';
 
 function useNavigationSidebarItem(props) {
-  const currentPage = ln();
+  const currentPage = bn();
   return {
     states: {
       active: currentPage.pathname === props.path,
@@ -30,7 +30,7 @@ const NavigationSidebarItem = class {
   }
   disconnectedCallback() { }
   render() {
-    const props = jn()
+    const props = L()
       ? 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-acc8a613.js';
+import { m as h } from './stencil-hooks.module-e39af977.js';
 import './extends-c31f1eff.js';
 import './mixins-f60a614c.js';
 import './JSS-f00f9536.js';

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

@@ -1,7 +1,7 @@
 import { h, r as registerInstance } from './index-17b4da69.js';
-import { o as d, k as useState, m as h$1 } from './stencil-hooks.module-acc8a613.js';
-import './use-callback-7e0bfd3b.js';
-import { j as jn } from './index.module-f5e17a4e.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-23da8fa0.js';
 import './extends-c31f1eff.js';
 import { c as cjs } from './cjs-bdfb4486.js';
 import { E as ErrorStyles } from './mixins-f60a614c.js';
@@ -529,21 +529,18 @@ const PortalPasswordField = class {
     registerInstance(this, hostRef);
     this.ignored = true;
     /**
-     * Label for password field
-     *
-     * @uiName Password Label
+     * @uiName Label for password field
      */
     this.fieldLabel = "Password";
     /**
-     * Enable live password validation
-     * @uiName Enable Validation
+     * @uiName Enable live password validation
      */
     this.enableValidation = true;
     h$1(this);
   }
   disconnectedCallback() { }
   render() {
-    const { states, callbacks } = jn()
+    const { states, callbacks } = L()
       ? usePasswordFieldDemo(this)
       : usePasswordField(this);
     return h(PortalResetPasswordView, { states: states, callbacks: callbacks });

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-acc8a613.js';
-import './use-callback-7e0bfd3b.js';
-import { R as Rn } from './index.module-f5e17a4e.js';
+import { m as h$1 } from './stencil-hooks.module-e39af977.js';
+import './use-callback-697e2ff0.js';
+import { J } from './index.module-23da8fa0.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 = Rn();
+  const engagementMedium = J();
   function closePopup() {
     var _a;
-    if (Rn() === "POPUP") {
+    if (J() === "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 = Rn() === "POPUP" ? popupPadding : embedPadding;
+  const padding = J() === "POPUP" ? popupPadding : embedPadding;
   return {
     states: {
       showCloseButton: props.closeButton && engagementMedium === "POPUP",

package/dist/esm/{sqm-portal-email-verification-view-ac38b167.js → sqm-portal-email-verification-view-825ee492.js}

@@ -1,5 +1,5 @@
 import { h } from './index-17b4da69.js';
-import { i as intl } from './global-5c84f57f.js';
+import { i as intl } from './global-3b481fc7.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 { k as useState, e as useEffect, m as h } from './stencil-hooks.module-acc8a613.js';
-import './global-5c84f57f.js';
-import './use-callback-7e0bfd3b.js';
-import { n as nn, i as ie, j as jn } from './index.module-f5e17a4e.js';
+import { k as useState, e as useEffect, m as h } from './stencil-hooks.module-e39af977.js';
+import './global-3b481fc7.js';
+import './use-callback-697e2ff0.js';
+import { l as ln, a as ae, L } from './index.module-23da8fa0.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-ac38b167.js';
+import { P as PortalEmailVerificationView } from './sqm-portal-email-verification-view-825ee492.js';
 
 function usePortalEmailVerification(props) {
-  var _a, _b, _c, _d, _e;
-  const [request, { loading, data, errors }] = nn();
-  const userIdent = ie();
+  var _a, _b, _c, _d, _e, _f, _g, _h, _j;
+  const [request, { loading, data, errors }] = ln();
+  const userIdent = ae();
   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("");
@@ -42,7 +42,8 @@ function usePortalEmailVerification(props) {
   return {
     states: {
       loading,
-      error: ((_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.message) || error,
+      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,
       success,
     },
     callbacks: {
@@ -64,26 +65,26 @@ const PortalEmailVerification = class {
     /**
      * The page that users are redirected to from the verification email.
      *
-     * @uiName Email Redirection Base Path
+     * @uiName Email redirection base path
      */
     this.redirectPath = "/verifyEmail";
     /**
-     * @uiName Email Verification Header Text
+     * @uiName Email verification header text
      */
     this.emailVerificationHeader = "Verify your email";
     /**
-     * @uiName Re-send Email Button Text
+     * @uiName Re-send email button text
      */
     this.resendEmailButtonText = "Re-send Email";
     /**
-     * @uiName Email Verification Body Text
+     * @uiName Email verification body text
      */
     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 } = jn()
+    const { states, callbacks, content } = L()
       ? usePortalEmailVerificationDemo(this)
       : usePortalEmailVerification(this);
     return (h$1(PortalEmailVerificationView, { states: states, callbacks: callbacks, content: content }));

package/dist/esm/{sqm-portal-footer-view-a6d09022.js → sqm-portal-footer-view-fd0225f4.js}

@@ -1,5 +1,5 @@
 import { h } from './index-17b4da69.js';
-import { i as intl } from './global-5c84f57f.js';
+import { i as intl } from './global-3b481fc7.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-acc8a613.js';
-import './global-5c84f57f.js';
-import './use-callback-7e0bfd3b.js';
-import './index.module-f5e17a4e.js';
+import { m as h } from './stencil-hooks.module-e39af977.js';
+import './global-3b481fc7.js';
+import './use-callback-697e2ff0.js';
+import './index.module-23da8fa0.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-a6d09022.js';
+import { P as PortalFooterView } from './sqm-portal-footer-view-fd0225f4.js';
 
 const PortalFooter = class {
   constructor(hostRef) {

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 { k as useState, e as useEffect, m as h } from './stencil-hooks.module-acc8a613.js';
-import './use-callback-7e0bfd3b.js';
-import { Y as Ye, j as jn, c as dn } from './index.module-f5e17a4e.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-23da8fa0.js';
 import './extends-c31f1eff.js';
 import { j as jsonpointer } from './jsonpointer-388a7082.js';
 import { c as cjs } from './cjs-bdfb4486.js';
@@ -11,10 +11,10 @@ import './sqm-text-span-view-0ba1484d.js';
 import { P as PortalForgotPasswordView } from './sqm-portal-forgot-password-view-86d13eef.js';
 
 function usePortalForgotPassword(props) {
-  var _a, _b, _c, _d;
+  var _a, _b, _c, _d, _e, _f, _g, _h;
   const [success, setSuccess] = useState(false);
   const [error, setError] = useState("");
-  const [request, { loading, data, errors }] = Ye();
+  const [request, { loading, data, errors }] = cn();
   const urlParams = new URLSearchParams(window.location.search);
   const nextPage = urlParams.get("nextPage");
   const submit = async (event) => {
@@ -42,7 +42,8 @@ function usePortalForgotPassword(props) {
   return {
     states: {
       loading,
-      error: ((_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.message) || error,
+      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,
       loginPath: props.loginPath,
     },
@@ -59,30 +60,30 @@ const PortalForgotPassword = class {
     /**
      * The page that users are redirected to from the password reset email.
      *
-     * @uiName Email Redirection Base Path
+     * @uiName Email redirection base path
      */
     this.redirectPath = "/resetPassword";
     /**
-     * @uiName Email Label
+     * @uiName Email label
      */
     this.emailLabel = "Email";
     /**
-     * @uiName Password Reset Button Text
+     * @uiName Password reset button text
      */
     this.submitLabel = "Request Password Reset";
     /**
-     * @uiName Login Page Routing Path
+     * @uiName Routing path to login page
      */
     this.loginPath = "/login";
     h(this);
   }
   disconnectedCallback() { }
   render() {
-    const { states, callbacks } = jn()
+    const { states, callbacks } = L()
       ? usePortalForgotPasswordDemo(this)
       : usePortalForgotPassword(this);
     const content = {
-      secondaryButton: (h$1("slot", { name: "secondaryButton" }, h$1("sl-button", { type: "text", disabled: states.loading, onClick: () => dn.push(states.loginPath) }, "Sign In"))),
+      secondaryButton: (h$1("slot", { name: "secondaryButton" }, h$1("sl-button", { type: "text", disabled: states.loading, onClick: () => wn.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-acc8a613.js';
-import './use-callback-7e0bfd3b.js';
-import { e as ae, c as dn, j as jn } from './index.module-f5e17a4e.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-23da8fa0.js';
 import './extends-c31f1eff.js';
 
 function usePortalLogout({ nextPage }) {
-  ae(undefined);
-  dn.push({ pathname: nextPage, search: "" });
+  te(undefined);
+  wn.push({ pathname: nextPage, search: "" });
 }
 
 const PortalLogout = class {
@@ -14,14 +14,14 @@ const PortalLogout = class {
     registerInstance(this, hostRef);
     this.ignored = true;
     /**
-     * @uiName Next Page Path
+     * @uiName Next Page path
      */
     this.nextPage = "/";
     h(this);
   }
   disconnectedCallback() { }
   render() {
-    jn() ? useLogoutDemo() : usePortalLogout(this);
+    L() ? useLogoutDemo() : usePortalLogout(this);
   }
 };
 function useLogoutDemo({}) { }

package/dist/esm/{sqm-portal-profile-view-419d1eb9.js → sqm-portal-profile-view-61c2c482.js}

@@ -1,5 +1,5 @@
 import { h } from './index-17b4da69.js';
-import { i as intl } from './global-5c84f57f.js';
+import { i as intl } from './global-3b481fc7.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 { k as useState, e as useEffect, m as h } from './stencil-hooks.module-acc8a613.js';
-import './global-5c84f57f.js';
-import './use-callback-7e0bfd3b.js';
-import { d as dist, i as ie, b as sn, q as qe, j as jn } from './index.module-f5e17a4e.js';
+import { k as useState, e as useEffect, m as h } from './stencil-hooks.module-e39af977.js';
+import './global-3b481fc7.js';
+import './use-callback-697e2ff0.js';
+import { d as dist, a as ae, p as pn, $ as $e, L } from './index.module-23da8fa0.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-419d1eb9.js';
+import { P as PortalProfileView } from './sqm-portal-profile-view-61c2c482.js';
 
 const GET_USER = dist.gql `
   query {
@@ -55,12 +55,12 @@ const defaultFormState = {
   error: "",
 };
 function usePortalProfile(props) {
-  const userIdent = ie();
+  const userIdent = ae();
   const [success, setSuccess] = useState(false);
   const [userData, setUserData] = useState(undefined);
   const [formState, setFormState] = useState(defaultFormState);
-  const userDataResponse = sn(GET_USER, {}, !(userIdent === null || userIdent === void 0 ? void 0 : userIdent.jwt));
-  const [upsertUser, upsertUserResponse] = qe(UPSERT_USER);
+  const userDataResponse = pn(GET_USER, {}, !(userIdent === null || userIdent === void 0 ? void 0 : userIdent.jwt));
+  const [upsertUser, upsertUserResponse] = $e(UPSERT_USER);
   useEffect(() => {
     if (upsertUserResponse === null || upsertUserResponse === void 0 ? void 0 : upsertUserResponse.loading)
       return;
@@ -163,52 +163,42 @@ const PortalProfile = class {
     registerInstance(this, hostRef);
     this.ignored = true;
     /**
-     * First name input field label
-     *
-     * @uiName First Name Label
+     * @uiName First name input field label
      */
     this.firstnametext = "First Name";
     /**
-     * Last name input field label
-     *
-     * @uiName Last Name Label
+     * @uiName Last name input field label
      */
     this.lastnametext = "Last Name";
     /**
-     * Email input field label
-     *
-     * @uiName Email Label
+     * @uiName Email input field label
      */
     this.emailtext = "Email";
     /**
-     * Country input field label
-     *
-     * @uiName Country Label
+     * @uiName Country input field label
      */
     this.countrytext = "Country";
     /**
-     * @uiName Edit Profile Header
+     * @uiName Edit profile header
      */
     this.editProfileHeader = "Edit your profile";
     /**
-     * @uiName Edit Profile Sub Header
+     * @uiName Edit profile sub header
      */
     this.editProfileSubHeader = "Personal Information";
     /**
-     * @uiName Submit Changes Button Text
+     * @uiName Text for the submit changes button
      */
     this.submitChangeButtonText = "Submit Changes";
     /**
-     * Show or hide the country field
-     *
-     * @uiName Show Country Field
+     * @uiName Show or hide country field
      */
     this.showCountry = true;
     h(this);
   }
   disconnectedCallback() { }
   render() {
-    const props = jn()
+    const props = L()
       ? usePortalProfileDemo(getProps(this))
       : usePortalProfile(getProps(this));
     return h$1(PortalProfileView, Object.assign({}, props));