@saasquatch/mint-components 1.6.1-9 → 1.6.2-2

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

@@ -184,13 +184,17 @@ const TitledSection = class {
      */
     this.textAlign = "left";
     /**
-     * @uiName Label Margin Style
+     * Margin applied to the bottom of the label slot
+     *
+     * @uiName Label Bottom Margin
      * @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";
     /**
+     * Padding applied to all 4 sides of the container
+     *
      * @uiName Section Padding
      * @uiType string
      * @uiEnum ["none", "xxx-small", "xx-small", "x-small", "small", "medium", "large", "x-large", "xx-large", "xxx-large", "xxxx-large"]

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

@@ -5,16 +5,16 @@ 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-fb61a163.js');
+const index_module = require('./index.module-ffe1aa35.js');
 require('./extends-08099afd.js');
 
 async function useGraphQLClientProvider({ domain }) {
-  const token = index_module.oe();
+  const token = index_module.re();
   const appDomain = domain;
-  const tenantAlias = index_module.$n();
+  const tenantAlias = index_module.U();
   // Memoization is shared. One client per domain, tenant and token (or null)
-  const managedIdentityClient = index_module.we(appDomain, tenantAlias, token);
-  const [, setGraphQLClient] = stencilHooks_module.m(index_module.ye, managedIdentityClient);
+  const managedIdentityClient = index_module.De(appDomain, tenantAlias, token);
+  const [, setGraphQLClient] = stencilHooks_module.m(index_module.Ee, managedIdentityClient);
   stencilHooks_module.useEffect(() => {
     setGraphQLClient(managedIdentityClient);
   }, [managedIdentityClient]);

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

@@ -4,9 +4,9 @@ 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-22fb2ec7.js');
+const global = require('./global-5e3deef1.js');
 require('./use-callback-e754042f.js');
-const index_module = require('./index.module-fb61a163.js');
+const index_module = require('./index.module-ffe1aa35.js');
 require('./extends-08099afd.js');
 const cjs = require('./cjs-1066ec21.js');
 const sqmLeaderboardRankView = require('./sqm-leaderboard-rank-view-5a3d4a88.js');
@@ -29,7 +29,7 @@ function useLeaderboardRank(props) {
   const programIdContext = index_module.M();
   // Default to context, overriden by props
   const programId = (_a = props.programId) !== null && _a !== void 0 ? _a : programIdContext;
-  const user = index_module.ie();
+  const user = index_module.ae();
   const rankVariables = programId
     ? {
       type: props.leaderboardType,
@@ -42,7 +42,7 @@ function useLeaderboardRank(props) {
   if (props.interval) {
     rankVariables.filter["interval"] = props.interval;
   }
-  const { data: rankData } = index_module.sn(GET_RANK, rankVariables, !(user === null || user === void 0 ? void 0 : user.jwt));
+  const { data: rankData } = index_module.wn(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 +68,7 @@ const LeaderboardRank = class {
   }
   disconnectedCallback() { }
   render() {
-    const props = index_module.jn()
+    const props = index_module.L()
       ? useLeaderboardRankDemo(this)
       : useLeaderboardRank(this);
     return index.h(sqmLeaderboardRankView.LeaderboardRankView, Object.assign({}, props));

package/dist/cjs/{sqm-navigation-sidebar-item-view-52ab014f.js → sqm-navigation-sidebar-item-view-9820193d.js}

@@ -1,7 +1,7 @@
 'use strict';
 
 const index = require('./index-b0129cd6.js');
-const index_module = require('./index.module-fb61a163.js');
+const index_module = require('./index.module-ffe1aa35.js');
 const mixins = require('./mixins-fe9d4112.js');
 const JSS = require('./JSS-97fd087e.js');
 
@@ -35,7 +35,7 @@ function NavigationSidebarItemView(props) {
   const styleString = sheet.toString();
   return (index.h("a", { href: data.path, onClick: (e) => {
       e.preventDefault();
-      index_module.dn.push(data.path);
+      index_module.In.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

@@ -5,16 +5,16 @@ 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-fb61a163.js');
+const index_module = require('./index.module-ffe1aa35.js');
 require('./extends-08099afd.js');
 const cjs = require('./cjs-1066ec21.js');
 require('./mixins-fe9d4112.js');
 require('./JSS-97fd087e.js');
 const utils = require('./utils-6847bc06.js');
-const sqmNavigationSidebarItemView = require('./sqm-navigation-sidebar-item-view-52ab014f.js');
+const sqmNavigationSidebarItemView = require('./sqm-navigation-sidebar-item-view-9820193d.js');
 
 function useNavigationSidebarItem(props) {
-  const currentPage = index_module.ln();
+  const currentPage = index_module.Fn();
   return {
     states: {
       active: currentPage.pathname === props.path,
@@ -34,7 +34,7 @@ const NavigationSidebarItem = class {
   }
   disconnectedCallback() { }
   render() {
-    const props = index_module.jn()
+    const props = index_module.L()
       ? useSidebarItemDemo(utils.getProps(this))
       : useNavigationSidebarItem(utils.getProps(this));
     return index.h(sqmNavigationSidebarItemView.NavigationSidebarItemView, Object.assign({}, props));

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

@@ -5,7 +5,7 @@ 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-fb61a163.js');
+const index_module = require('./index.module-ffe1aa35.js');
 require('./extends-08099afd.js');
 const cjs = require('./cjs-1066ec21.js');
 const mixins = require('./mixins-fe9d4112.js');
@@ -547,7 +547,7 @@ const PortalPasswordField = class {
   }
   disconnectedCallback() { }
   render() {
-    const { states, callbacks } = index_module.jn()
+    const { states, callbacks } = index_module.L()
       ? usePasswordFieldDemo(this)
       : usePasswordField(this);
     return index.h(PortalResetPasswordView, { states: states, callbacks: callbacks });

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

@@ -5,7 +5,7 @@ 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-fb61a163.js');
+const index_module = require('./index.module-ffe1aa35.js');
 require('./extends-08099afd.js');
 const utils = require('./utils-6847bc06.js');
 
@@ -20,10 +20,10 @@ const PopupContainerView = (props) => {
 };
 
 function usePopupContainer(props) {
-  const engagementMedium = index_module.Rn();
+  const engagementMedium = index_module.J();
   function closePopup() {
     var _a;
-    if (index_module.Rn() === "POPUP") {
+    if (index_module.J() === "POPUP") {
       (_a = window.frameElement["squatchJsApi"]) === null || _a === void 0 ? void 0 : _a.close();
     }
   }
@@ -37,7 +37,7 @@ function usePopupContainer(props) {
       ? "0"
       : `var(--sl-spacing-${props.embedPadding})`
     : "0";
-  const padding = index_module.Rn() === "POPUP" ? popupPadding : embedPadding;
+  const padding = index_module.J() === "POPUP" ? popupPadding : embedPadding;
   return {
     states: {
       showCloseButton: props.closeButton && engagementMedium === "POPUP",

package/dist/cjs/{sqm-portal-email-verification-view-fc30fd1a.js → sqm-portal-email-verification-view-57fbd19b.js}

@@ -1,7 +1,7 @@
 'use strict';
 
 const index = require('./index-b0129cd6.js');
-const global = require('./global-22fb2ec7.js');
+const global = require('./global-5e3deef1.js');
 const mixins = require('./mixins-fe9d4112.js');
 const JSS = require('./JSS-97fd087e.js');
 const sqmTextSpanView = require('./sqm-text-span-view-2c7d94b5.js');

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

@@ -4,20 +4,20 @@ Object.defineProperty(exports, '__esModule', { value: true });
 
 const index = require('./index-b0129cd6.js');
 const stencilHooks_module = require('./stencil-hooks.module-87a1f4f7.js');
-require('./global-22fb2ec7.js');
+require('./global-5e3deef1.js');
 require('./use-callback-e754042f.js');
-const index_module = require('./index.module-fb61a163.js');
+const index_module = require('./index.module-ffe1aa35.js');
 require('./extends-08099afd.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-fc30fd1a.js');
+const sqmPortalEmailVerificationView = require('./sqm-portal-email-verification-view-57fbd19b.js');
 
 function usePortalEmailVerification(props) {
-  var _a, _b, _c, _d, _e;
-  const [request, { loading, data, errors }] = index_module.nn();
-  const userIdent = index_module.ie();
+  var _a, _b, _c, _d, _e, _f, _g, _h, _j;
+  const [request, { loading, data, errors }] = index_module.vn();
+  const userIdent = index_module.ae();
   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("");
@@ -27,6 +27,7 @@ function usePortalEmailVerification(props) {
     if (!email)
       return;
     setError("");
+    setSuccess(false);
     const urlParams = nextPage ? { nextPage } : null;
     const redirectPath = props.redirectPath;
     const variables = { email, urlParams, redirectPath };
@@ -46,7 +47,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: {
@@ -87,7 +89,7 @@ const PortalEmailVerification = class {
   }
   disconnectedCallback() { }
   render() {
-    const { states, callbacks, content } = index_module.jn()
+    const { states, callbacks, content } = index_module.L()
       ? usePortalEmailVerificationDemo(this)
       : usePortalEmailVerification(this);
     return (index.h(sqmPortalEmailVerificationView.PortalEmailVerificationView, { states: states, callbacks: callbacks, content: content }));

package/dist/cjs/{sqm-portal-footer-view-78528c31.js → sqm-portal-footer-view-eb757378.js}

@@ -1,7 +1,7 @@
 'use strict';
 
 const index = require('./index-b0129cd6.js');
-const global = require('./global-22fb2ec7.js');
+const global = require('./global-5e3deef1.js');
 const JSS = require('./JSS-97fd087e.js');
 
 function PoweredByImg({ color = "#A6A6A6", width = 190, height = 29, }) {

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

@@ -4,13 +4,13 @@ Object.defineProperty(exports, '__esModule', { value: true });
 
 const index = require('./index-b0129cd6.js');
 const stencilHooks_module = require('./stencil-hooks.module-87a1f4f7.js');
-require('./global-22fb2ec7.js');
+require('./global-5e3deef1.js');
 require('./use-callback-e754042f.js');
-require('./index.module-fb61a163.js');
+require('./index.module-ffe1aa35.js');
 require('./extends-08099afd.js');
 require('./JSS-97fd087e.js');
 const utils = require('./utils-6847bc06.js');
-const sqmPortalFooterView = require('./sqm-portal-footer-view-78528c31.js');
+const sqmPortalFooterView = require('./sqm-portal-footer-view-eb757378.js');
 
 const PortalFooter = class {
   constructor(hostRef) {

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

@@ -5,7 +5,7 @@ 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-fb61a163.js');
+const index_module = require('./index.module-ffe1aa35.js');
 require('./extends-08099afd.js');
 const jsonpointer = require('./jsonpointer-11327262.js');
 const cjs = require('./cjs-1066ec21.js');
@@ -15,14 +15,15 @@ require('./sqm-text-span-view-2c7d94b5.js');
 const sqmPortalForgotPasswordView = require('./sqm-portal-forgot-password-view-fed1f563.js');
 
 function usePortalForgotPassword(props) {
-  var _a, _b, _c, _d;
+  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.Ye();
+  const [request, { loading, data, errors }] = index_module.fn();
   const urlParams = new URLSearchParams(window.location.search);
   const nextPage = urlParams.get("nextPage");
   const submit = async (event) => {
     setError("");
+    setSuccess(false);
     let formData = event.detail.formData;
     formData === null || formData === void 0 ? void 0 : formData.forEach((value, key) => {
       jsonpointer.jsonpointer.set(formData, key, value);
@@ -46,7 +47,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,
     },
@@ -82,11 +84,11 @@ const PortalForgotPassword = class {
   }
   disconnectedCallback() { }
   render() {
-    const { states, callbacks } = index_module.jn()
+    const { states, callbacks } = index_module.L()
       ? usePortalForgotPasswordDemo(this)
       : usePortalForgotPassword(this);
     const content = {
-      secondaryButton: (index.h("slot", { name: "secondaryButton" }, index.h("sl-button", { type: "text", disabled: states.loading, onClick: () => index_module.dn.push(states.loginPath) }, "Sign In"))),
+      secondaryButton: (index.h("slot", { name: "secondaryButton" }, index.h("sl-button", { type: "text", disabled: states.loading, onClick: () => index_module.In.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

@@ -5,12 +5,12 @@ 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-fb61a163.js');
+const index_module = require('./index.module-ffe1aa35.js');
 require('./extends-08099afd.js');
 
 function usePortalLogout({ nextPage }) {
-  index_module.ae(undefined);
-  index_module.dn.push({ pathname: nextPage, search: "" });
+  index_module.te(undefined);
+  index_module.In.push({ pathname: nextPage, search: "" });
 }
 
 const PortalLogout = class {
@@ -25,7 +25,7 @@ const PortalLogout = class {
   }
   disconnectedCallback() { }
   render() {
-    index_module.jn() ? useLogoutDemo() : usePortalLogout(this);
+    index_module.L() ? useLogoutDemo() : usePortalLogout(this);
   }
 };
 function useLogoutDemo({}) { }

package/dist/cjs/{sqm-portal-profile-view-64e85659.js → sqm-portal-profile-view-7cb535a8.js}

@@ -1,7 +1,7 @@
 'use strict';
 
 const index = require('./index-b0129cd6.js');
-const global = require('./global-22fb2ec7.js');
+const global = require('./global-5e3deef1.js');
 const JSS = require('./JSS-97fd087e.js');
 const sqmTextSpanView = require('./sqm-text-span-view-2c7d94b5.js');
 const sqmPortalContainerView = require('./sqm-portal-container-view-840db620.js');

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

@@ -4,16 +4,16 @@ Object.defineProperty(exports, '__esModule', { value: true });
 
 const index = require('./index-b0129cd6.js');
 const stencilHooks_module = require('./stencil-hooks.module-87a1f4f7.js');
-require('./global-22fb2ec7.js');
+require('./global-5e3deef1.js');
 require('./use-callback-e754042f.js');
-const index_module = require('./index.module-fb61a163.js');
+const index_module = require('./index.module-ffe1aa35.js');
 require('./extends-08099afd.js');
 const cjs = require('./cjs-1066ec21.js');
 require('./JSS-97fd087e.js');
 const utils = require('./utils-6847bc06.js');
 require('./sqm-text-span-view-2c7d94b5.js');
 require('./sqm-portal-container-view-840db620.js');
-const sqmPortalProfileView = require('./sqm-portal-profile-view-64e85659.js');
+const sqmPortalProfileView = require('./sqm-portal-profile-view-7cb535a8.js');
 
 const GET_USER = index_module.dist.gql `
   query {
@@ -59,12 +59,12 @@ const defaultFormState = {
   error: "",
 };
 function usePortalProfile(props) {
-  const userIdent = index_module.ie();
+  const userIdent = index_module.ae();
   const [success, setSuccess] = stencilHooks_module.useState(false);
   const [userData, setUserData] = stencilHooks_module.useState(undefined);
   const [formState, setFormState] = stencilHooks_module.useState(defaultFormState);
-  const userDataResponse = index_module.sn(GET_USER, {}, !(userIdent === null || userIdent === void 0 ? void 0 : userIdent.jwt));
-  const [upsertUser, upsertUserResponse] = index_module.qe(UPSERT_USER);
+  const userDataResponse = index_module.wn(GET_USER, {}, !(userIdent === null || userIdent === void 0 ? void 0 : userIdent.jwt));
+  const [upsertUser, upsertUserResponse] = index_module.je(UPSERT_USER);
   stencilHooks_module.useEffect(() => {
     if (upsertUserResponse === null || upsertUserResponse === void 0 ? void 0 : upsertUserResponse.loading)
       return;
@@ -212,7 +212,7 @@ const PortalProfile = class {
   }
   disconnectedCallback() { }
   render() {
-    const props = index_module.jn()
+    const props = index_module.L()
       ? usePortalProfileDemo(utils.getProps(this))
       : usePortalProfile(utils.getProps(this));
     return index.h(sqmPortalProfileView.PortalProfileView, Object.assign({}, props));

package/dist/cjs/sqm-portal-protected-route.cjs.entry.js

@@ -5,26 +5,26 @@ 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-fb61a163.js');
+const index_module = require('./index.module-ffe1aa35.js');
 require('./extends-08099afd.js');
 
 function usePortalProtectedRoute({ requireEmailVerification, redirectTo, redirectToUnverified, }) {
   var _a;
-  const userIdent = index_module.ie();
+  const userIdent = index_module.ae();
   const authenticated = !!(userIdent === null || userIdent === void 0 ? void 0 : userIdent.jwt);
   const emailVerified = (_a = userIdent === null || userIdent === void 0 ? void 0 : userIdent.managedIdentity) === null || _a === void 0 ? void 0 : _a.emailVerified;
-  const { pathname, search } = index_module.ln();
+  const { pathname, search } = index_module.Fn();
   const nextPageParam = new URLSearchParams();
   nextPageParam.append("nextPage", `${pathname}${search}`);
   stencilHooks_module.useEffect(() => {
     if (!authenticated) {
-      return index_module.dn.push({
+      return index_module.In.push({
         pathname: redirectTo,
         search: "?" + nextPageParam.toString(),
       });
     }
     if (requireEmailVerification && !emailVerified) {
-      return index_module.dn.push({
+      return index_module.In.push({
         pathname: redirectToUnverified || redirectTo,
         search: "?" + nextPageParam.toString(),
       });
@@ -43,6 +43,7 @@ const PortalProtectedRoute = class {
     this.redirectTo = "/";
     /**
      * @uiName Require Email Verification
+     * @default
      */
     this.requireEmailVerification = false;
     /**
@@ -53,7 +54,7 @@ const PortalProtectedRoute = class {
   }
   disconnectedCallback() { }
   render() {
-    const hasUser = index_module.jn()
+    const hasUser = index_module.L()
       ? usePortalProtectedRouteDemo()
       : usePortalProtectedRoute(this);
     return (index.h(index.Host, { style: { display: hasUser ? "contents" : "none" } }, index.h("slot", null)));