@saasquatch/mint-components 1.4.1-1 → 1.4.3-0

package/dist/collection/stories/ShareButton.stories.js

@@ -4,7 +4,7 @@ export default {
   title: "Share Button",
 };
 export const WithIcon = () => {
-  const props = { medium: "facebook", iconslot: "suffix" };
+  const props = { medium: "whatsapp", iconslot: "suffix" };
   return h(ShareButtonView, Object.assign({}, props), "Share");
 };
 export const WithIconOverride = () => {
@@ -43,3 +43,32 @@ export const FullStackIcon = () => {
     h("sqm-share-button", { medium: "email", icon: "envelope", iconslot: "prefix" },
       h("span", null, "Email"))));
 };
+export const AllMediums = () => {
+  return (h("div", null,
+    h("sqm-share-button", { medium: "facebook", iconslot: "prefix" },
+      h("span", null, "Facebook")),
+    h("br", null),
+    h("sqm-share-button", { medium: "email", icon: "envelope", iconslot: "prefix" },
+      h("span", null, "Email")),
+    h("br", null),
+    h("sqm-share-button", { medium: "whatsapp", icon: "whatsapp", iconslot: "prefix" },
+      h("span", null, "WhatsApp")),
+    h("br", null),
+    h("sqm-share-button", { medium: "linkedin", iconslot: "prefix" },
+      h("span", null, "Linkedin")),
+    h("br", null),
+    h("sqm-share-button", { medium: "twitter", iconslot: "prefix" },
+      h("span", null, "Twitter")),
+    h("br", null),
+    h("sqm-share-button", { medium: "pinterest", iconslot: "prefix" },
+      h("span", null, "Pinterest")),
+    h("br", null),
+    h("sqm-share-button", { medium: "fbmessenger", icon: "messenger", iconslot: "prefix" },
+      h("span", null, "Messenger")),
+    h("br", null),
+    h("sqm-share-button", { medium: "sms", icon: "chat", iconslot: "prefix" },
+      h("span", null, "SMS")),
+    h("br", null),
+    h("sqm-share-button", { medium: "linemessenger", icon: "line", iconslot: "prefix" },
+      h("span", null, "Line Messenger"))));
+};

package/dist/collection/utilities.js

@@ -19,3 +19,9 @@ export function isMobile(breakPoint) {
 export function isValidColor(teststr) {
   return CSS.supports(`(color: ${teststr})`);
 }
+export function sanitizeUrlPath(path) {
+  const url = new URL(path, window.location.href);
+  const cleanUrl = new URL(window.location.href);
+  cleanUrl.pathname = url.pathname;
+  return cleanUrl.pathname;
+}

package/dist/esm/{global-0fcfbedf.js → global-2e50d2dc.js}

@@ -26495,7 +26495,7 @@ try {
   // SlAlert.register();
   registerIconLibrary("default", {
     // same link that shoelace uses internally
-    resolver: (name) => `https://fast.ssqt.io/npm/bootstrap-icons@1.2.0/icons/${name}.svg`,
+    resolver: (name) => `https://fast.ssqt.io/npm/bootstrap-icons@1.7.2/icons/${name}.svg`,
   });
   // SlAlert.register();
   customElements.define("sl-alert", alert_default2);

package/dist/esm/loader.js

@@ -1,6 +1,6 @@
 import { p as promiseResolve, b as bootstrapLazy } from './index-17b4da69.js';
 import './extends-3a3f9fe2.js';
-import './global-0fcfbedf.js';
+import './global-2e50d2dc.js';
 import './use-callback-b38a1523.js';
 import './index.module-1e92a7a3.js';
 

package/dist/esm/mint-components.js

@@ -1,6 +1,6 @@
 import { p as promiseResolve, H, b as bootstrapLazy } from './index-17b4da69.js';
 import './extends-3a3f9fe2.js';
-import './global-0fcfbedf.js';
+import './global-2e50d2dc.js';
 import './use-callback-b38a1523.js';
 import './index.module-1e92a7a3.js';
 

package/dist/esm/sqm-divided-layout_26.entry.js

@@ -1,6 +1,6 @@
 import { h, r as registerInstance, c as Host } from './index-17b4da69.js';
 import { m as h$1, j as useState, e as useEffect, f as useRef, n as d$2, y as y$1, b as browser, u as useReducer, c as createCommonjsModule, a as commonjsGlobal, k as useMemo } from './extends-3a3f9fe2.js';
-import { i as intl, a as insertCSS } from './global-0fcfbedf.js';
+import { i as intl, a as insertCSS } from './global-2e50d2dc.js';
 import { u as useCallback } from './use-callback-b38a1523.js';
 import { d as dist, n as ne$1, c as cn, D as De, j as j$1, a as sn, b as mn, H as He, $ as $e, S as S$1, V as Ve, M as M$1, p as pn, v as vn, x as x$1, e as D$1, Y } from './index.module-1e92a7a3.js';
 import { j as jsonpointer } from './jsonpointer-388a7082.js';
@@ -11,7 +11,8 @@ import { E as ErrorStyles, H as HostBlock, A as AuthWrapper, a as AuthColumn, b
 import { P as PortalContainerView } from './sqm-portal-container-view-73757ca5.js';
 import { P as PortalSectionView } from './sqm-portal-section-view-f0876545.js';
 import { T as TextSpanView } from './sqm-text-span-view-1781df94.js';
-import { g as gql, L as LeaderboardRankView } from './sqm-leaderboard-rank-view-fd7d7f42.js';
+import { s as sanitizeUrlPath } from './utilities-63ba88bc.js';
+import { g as gql, L as LeaderboardRankView } from './sqm-leaderboard-rank-view-387f0870.js';
 import { u as useRerenderListener } from './re-render-b8468637.js';
 import { p as pathToRegexp, B as BigStatView, u as useBigStat, a as useDemoBigStat } from './useDemoBigStat-5557504e.js';
 import { S as ShareLinkView } from './sqm-share-link-view-9282b8e8.js';
@@ -19,14 +20,14 @@ import { L as LeaderboardView, u as useLeaderboard, S as ShadowViewAddon } from
 import { N as NavigationSidebarView } from './sqm-navigation-sidebar-view-2242502c.js';
 import { N as NavigationSidebarItemView } from './sqm-navigation-sidebar-item-view-a48bca9b.js';
 import { S as StatContainerView } from './sqm-stat-container-view-4133feb6.js';
-import { P as PortalProfileView } from './sqm-portal-profile-view-4acf74a5.js';
+import { P as PortalProfileView } from './sqm-portal-profile-view-9f3c79c3.js';
 import { P as PortalForgotPasswordView } from './sqm-portal-forgot-password-view-e3a6a716.js';
-import { P as PortalEmailVerificationView } from './sqm-portal-email-verification-view-6cc56c87.js';
+import { P as PortalEmailVerificationView } from './sqm-portal-email-verification-view-e366e94a.js';
 import { P as PortalResetPasswordView$1 } from './sqm-portal-reset-password-view-a4e50da2.js';
 import { P as PortalVerifyEmailView } from './sqm-portal-verify-email-view-6f18bac2.js';
 import { A as AssetCardView } from './sqm-asset-card-view-6f360937.js';
-import { P as PoweredByImg$1, a as PortalFooterView } from './sqm-portal-footer-view-8a1128d5.js';
-import { H as HeroView } from './sqm-hero-view-bfd8abd1.js';
+import { P as PoweredByImg$1, a as PortalFooterView } from './sqm-portal-footer-view-f12d5e5a.js';
+import { H as HeroView } from './sqm-hero-view-02144ced.js';
 import { N as NameFieldsView } from './sqm-name-fields-view-4162fb7b.js';
 
 function DividedLayoutView(props, children) {
@@ -1409,8 +1410,9 @@ function usePortalLogin(props) {
     var _a;
     if ((_a = data === null || data === void 0 ? void 0 : data.authenticateManagedIdentityWithEmailAndPassword) === null || _a === void 0 ? void 0 : _a.token) {
       urlParams.delete("nextPage");
+      const path = sanitizeUrlPath(nextPageOverride || props.nextPage);
       mn.push({
-        pathname: nextPageOverride || props.nextPage,
+        pathname: path,
         search: urlParams.toString() && "?" + urlParams.toString(),
       });
     }
@@ -1427,7 +1429,7 @@ function usePortalLogin(props) {
       loading,
       error: errorMessage,
       registerPath: props.registerPath,
-      forgotPasswordPath: props.forgotPasswordPath
+      forgotPasswordPath: props.forgotPasswordPath,
     },
     callbacks: {
       submit,
@@ -16521,7 +16523,7 @@ const ShareButton_stories = {
   title: "Share Button",
 };
 const WithIcon = () => {
-  const props = { medium: "facebook", iconslot: "suffix" };
+  const props = { medium: "whatsapp", iconslot: "suffix" };
   return h(ShareButtonView, Object.assign({}, props), "Share");
 };
 const WithIconOverride = () => {
@@ -16559,6 +16561,35 @@ const FullStackIcon = () => {
     h("br", null),
     h("sqm-share-button", { medium: "email", icon: "envelope", iconslot: "prefix" },
       h("span", null, "Email"))));
+};
+const AllMediums = () => {
+  return (h("div", null,
+    h("sqm-share-button", { medium: "facebook", iconslot: "prefix" },
+      h("span", null, "Facebook")),
+    h("br", null),
+    h("sqm-share-button", { medium: "email", icon: "envelope", iconslot: "prefix" },
+      h("span", null, "Email")),
+    h("br", null),
+    h("sqm-share-button", { medium: "whatsapp", icon: "whatsapp", iconslot: "prefix" },
+      h("span", null, "WhatsApp")),
+    h("br", null),
+    h("sqm-share-button", { medium: "linkedin", iconslot: "prefix" },
+      h("span", null, "Linkedin")),
+    h("br", null),
+    h("sqm-share-button", { medium: "twitter", iconslot: "prefix" },
+      h("span", null, "Twitter")),
+    h("br", null),
+    h("sqm-share-button", { medium: "pinterest", iconslot: "prefix" },
+      h("span", null, "Pinterest")),
+    h("br", null),
+    h("sqm-share-button", { medium: "fbmessenger", icon: "messenger", iconslot: "prefix" },
+      h("span", null, "Messenger")),
+    h("br", null),
+    h("sqm-share-button", { medium: "sms", icon: "chat", iconslot: "prefix" },
+      h("span", null, "SMS")),
+    h("br", null),
+    h("sqm-share-button", { medium: "linemessenger", icon: "line", iconslot: "prefix" },
+      h("span", null, "Line Messenger"))));
 };
 
 const ShareButton$1 = /*#__PURE__*/Object.freeze({
@@ -16570,7 +16601,8 @@ const ShareButton$1 = /*#__PURE__*/Object.freeze({
   WithoutIcon: WithoutIcon,
   WithoutText: WithoutText,
   TextStyleWithoutIcon: TextStyleWithoutIcon,
-  FullStackIcon: FullStackIcon
+  FullStackIcon: FullStackIcon,
+  AllMediums: AllMediums
 });
 
 const ShareLink_stories = {
@@ -18308,7 +18340,7 @@ const PortalEmailVerification = /*#__PURE__*/Object.freeze({
   EmailVerificationSuccess: EmailVerificationSuccess
 });
 
-const scenario$2 = "@author:derek\r\n@owner:ian\r\nFeature: Reset Password\r\n\r\n    Background: A user in on the password reset page\r\n        Given a user who has been redirected to the password reset page\r\n\r\n    @motivating\r\n    Scenario: Users can reset their password\r\n        Given a user has a valid oob code as a url query parameter\r\n        When they enter their password twice\r\n        And they click \"Update\"\r\n        Then their password is updated\r\n        And a banner with a success message is displayed\r\n        And they can log in with their new password\r\n\r\n    @motivating\r\n    Scenario Outline: Users cannot reset their password with an invalid or missing oob code\r\n        Given a user has a <oobCode> as a url query parameter\r\n        And the component <mayHave> \"failed-page\" with <value>\r\n        Then they see an error message saying that their password reset code is invalid/expired\r\n        When they click \"Continue\"\r\n        Then they are redirected to <redirectPath>\r\n        Examples:\r\n            | oobCode               | mayHave      | value  | redirectPath |\r\n            | invalid oob code      | doesn't have | N/A    | /            |\r\n            | non existant oob code | doesn't have | N/A    | /            |\r\n            | invalid oob code      | has          | /login | /login       |\r\n            | non existant oob code | has          | /login | /login       |\r\n\r\n    @motivating\r\n    Scenario: Users must enter the same password twice to successfully reset their password\r\n        Given a user has been redirected to the password reset page\r\n        And they have a valid oob code as a url query parameter\r\n        When they enter two different passwords into the password reset form\r\n        And they click \"Update\"\r\n        Then their password is not be reset\r\n        And an error banner stating the input passwords must match appears\r\n        And their password is not be reset\r\n        When they enter the same password twice\r\n        And they click \"Update\"\r\n        Then a banner appears with a success message\r\n        And they can log in with their new password\r\n\r\n    @motivating\r\n    Scenario: Users are redirected to \"/\" by default\r\n        Given the component does not have prop \"nextPage\"\r\n        And the users url does not contain a \"nextPage\" query parameter\r\n        And a user has entered their password twice\r\n        When they click \"Update\"\r\n        Then their password is updated\r\n        And they are redirected to \"/\"\r\n\r\n    @motivating\r\n    Scenario: Custom redirection can be configured\r\n        Given the component has prop \"nextPage\" with value \"/activity\"\r\n        And the users url does not contain a \"nextPage\" query parameter\r\n        And a user has entered their password twice\r\n        When they click \"Update\"\r\n        Then their password is updated\r\n        And they are redirected to \"/activity\"";
+const scenario$2 = "@author:derek\r\n@owner:ian\r\nFeature: Reset Password\r\n\r\n    Background: A user in on the password reset page\r\n        Given a user who has been redirected to the password reset page\r\n\r\n    @motivating\r\n    Scenario: Users can reset their password\r\n        Given a user has a valid oob code as a url query parameter\r\n        When they enter their password twice\r\n        And they click \"Update\"\r\n        Then their password is updated\r\n        And a banner with a success message is displayed\r\n        And they can log in with their new password\r\n\r\n    @motivating\r\n    Scenario Outline: Users cannot reset their password with an invalid or missing oob code\r\n        Given a user has a <oobCode> as a url query parameter\r\n        And the component <mayHave> \"failed-page\" with <value>\r\n        Then they see an error message saying that their password reset code is invalid/expired\r\n        When they click \"Continue\"\r\n        Then they are redirected to <redirectPath>\r\n        Examples:\r\n            | oobCode               | mayHave      | value  | redirectPath |\r\n            | invalid oob code      | doesn't have | N/A    | /            |\r\n            | non existant oob code | doesn't have | N/A    | /            |\r\n            | invalid oob code      | has          | /login | /login       |\r\n            | non existant oob code | has          | /login | /login       |\r\n\r\n    @motivating\r\n    Scenario: Users must enter the same password twice to successfully reset their password\r\n        Given a user has been redirected to the password reset page\r\n        And they have a valid oob code as a url query parameter\r\n        When they enter two different passwords into the password reset form\r\n        And they click \"Update\"\r\n        Then their password is not be reset\r\n        And an error banner stating the input passwords must match appears\r\n        And their password is not be reset\r\n        When they enter the same password twice\r\n        And they click \"Update\"\r\n        Then a banner appears with a success message\r\n        And they can log in with their new password\r\n\r\n    @motivating\r\n    Scenario: Users are redirected to \"/\" by default\r\n        Given the component does not have prop \"nextPage\"\r\n        And the users url does not contain a \"nextPage\" query parameter\r\n        And a user has entered their password twice\r\n        When they click \"Update\"\r\n        Then their password is updated\r\n        And they are redirected to \"/\"\r\n\r\n    @motivating\r\n    Scenario: Custom redirection can be configured\r\n        Given the component has prop \"nextPage\" with value \"/activity\"\r\n        And the users url does not contain a \"nextPage\" query parameter\r\n        And a user has entered their password twice\r\n        When they click \"Update\"\r\n        Then their password is updated\r\n        And they are redirected to \"/activity\"\r\n\r\n    @motivating\r\n    Scenario Outline: Users are redirected to the value of the nextPage url parameter as if it were a relative path\r\n        Given the component is loaded at <domain>\r\n        And the component does not have prop \"nextPage\"\r\n        And the users url contains a \"nextPage\" query paramater with <nextPageParamValue>\r\n        When they click \"Update\"\r\n        Then their password is updated\r\n        And they are redirected to <url>\r\n        Examples:\r\n            | domain          | nextPageParamValue | url                                    |\r\n            | www.example.com | /activity          | https://www.example.com/activity       |\r\n            | www.example.com | activity           | https://www.example.com/activity       |\r\n            | www.example.com | www.google.com     | https://www.example.com/www.google.com |\r\n            | www.example.com | //foo.com          | https://www.example.com/               |\r\n            | www.example.com | activity?foo=bar   | https://www.example.com/activity       |\r\n            | www.example.com | /activity?foo=bar  | https://www.example.com/activity       |";
 
 const PortalResetPassword_stories = {
   title: "Portal Reset Password",
@@ -18472,7 +18504,7 @@ const PortalResetPassword = /*#__PURE__*/Object.freeze({
   CodeValidating: CodeValidating
 });
 
-const scenario$3 = "@author:derek\r\n@owner:ian\r\nFeature: Verify Email\r\n\r\n    Background: A user is on the email verification page\r\n        Given a user who has been redirected to the email verification page\r\n\r\n    @motivating\r\n    Scenario: Verifying your email takes you to the portal login page\r\n        Given a user has a valid oob code as a url query parameter\r\n        When they click \"Verify Email\"\r\n        Then the button enters a loading state\r\n        When their email is validated\r\n        Then a button that says \"Continue\" appears\r\n        When they click \"Continue\"\r\n        Then they are redirected to login\r\n\r\n    @motivating\r\n    Scenario: Users are automatically redirected if they dont click \"Continue\"\r\n        Given a user has a valid oob code as a url query parameter\r\n        When they click \"Verify Email\"\r\n        Then the button enters a loading state\r\n        When their email is validated\r\n        Then a button that says \"Continue\" appears\r\n        When they wait 5 seconds\r\n        Then they are redirected to login\r\n\r\n    @motivating\r\n    Scenario: Users are notified if verifying their email has failed\r\n        Given a user has a valid oob code as a url query parameter\r\n        When they click \"Verify Email\"\r\n        Then the button enters a loading state\r\n        When their email fails to be validated\r\n        Then an banner is shown stating that an error occured\r\n\r\n    @motivating\r\n    Scenario Outline: Users cannot verify their email with an invalid or missing oob code\r\n        Given a user has a <oobCode> as a url query parameter\r\n        And the component <mayHave> \"failed-page\" with <value>\r\n        Then they see an error message saying that their verification code is invalid/expired\r\n        When they click \"Continue\"\r\n        Then they are redirected to <redirectPath>\r\n        Examples:\r\n            | oobCode               | mayHave      | value  | redirectPath |\r\n            | invalid oob code      | doesn't have | N/A    | /            |\r\n            | non existant oob code | doesn't have | N/A    | /            |\r\n            | invalid oob code      | has          | /login | /login       |\r\n            | non existant oob code | has          | /login | /login       |\r\n\r\n    @motivating\r\n    Scenario: Users are redirected to \"/\" by default\r\n        Given the component does not have prop \"nextPage\"\r\n        And the users url does not contain a \"nextPage\" query parameter\r\n        And a user has verified their email\r\n        When they click \"Continue\"\r\n        Then they are redirected to \"/\"\r\n\r\n    @motivating\r\n    Scenario: Custom redirection can be configured\r\n        Given the component has prop \"nextPage\" with value \"/activity\"\r\n        And the users url does not contain a \"nextPage\" query parameter\r\n        And a user has verified their email\r\n        When they click \"Continue\"\r\n        Then they are redirected to \"/activity\"\r\n\r\n    @motivating\r\n    Scenario Outline: Users are redirected to the value of the nextPage url parameter if it exists\r\n        Given the component <mayHave> prop \"nextPage\" with <nextPageValue>\r\n        And the users url contains a \"nextPage\" query paramater with <nextPageParamValue>\r\n        And the user has verified their email\r\n        When they click \"Continue\"\r\n        Then they are redirected to <nextPageParamValue>\r\n        Examples:\r\n            | mayHave       | nextPageValue | nextPageParamValue |\r\n            | has           | /dashboard    | /activity          |\r\n            | does not have | N/A           | /activity          |";
+const scenario$3 = "@author:derek\r\n@owner:ian\r\nFeature: Verify Email\r\n\r\n    Background: A user is on the email verification page\r\n        Given a user who has been redirected to the email verification page\r\n\r\n    @motivating\r\n    Scenario: Verifying your email takes you to the portal login page\r\n        Given a user has a valid oob code as a url query parameter\r\n        When they click \"Verify Email\"\r\n        Then the button enters a loading state\r\n        When their email is validated\r\n        Then a button that says \"Continue\" appears\r\n        When they click \"Continue\"\r\n        Then they are redirected to login\r\n\r\n    @motivating\r\n    Scenario: Users are automatically redirected if they dont click \"Continue\"\r\n        Given a user has a valid oob code as a url query parameter\r\n        When they click \"Verify Email\"\r\n        Then the button enters a loading state\r\n        When their email is validated\r\n        Then a button that says \"Continue\" appears\r\n        When they wait 5 seconds\r\n        Then they are redirected to login\r\n\r\n    @motivating\r\n    Scenario: Users are notified if verifying their email has failed\r\n        Given a user has a valid oob code as a url query parameter\r\n        When they click \"Verify Email\"\r\n        Then the button enters a loading state\r\n        When their email fails to be validated\r\n        Then an banner is shown stating that an error occured\r\n\r\n    @motivating\r\n    Scenario Outline: Users cannot verify their email with an invalid or missing oob code\r\n        Given a user has a <oobCode> as a url query parameter\r\n        And the component <mayHave> \"failed-page\" with <value>\r\n        Then they see an error message saying that their verification code is invalid/expired\r\n        When they click \"Continue\"\r\n        Then they are redirected to <redirectPath>\r\n        Examples:\r\n            | oobCode               | mayHave      | value  | redirectPath |\r\n            | invalid oob code      | doesn't have | N/A    | /            |\r\n            | non existant oob code | doesn't have | N/A    | /            |\r\n            | invalid oob code      | has          | /login | /login       |\r\n            | non existant oob code | has          | /login | /login       |\r\n\r\n    @motivating\r\n    Scenario: Users are redirected to \"/\" by default\r\n        Given the component does not have prop \"nextPage\"\r\n        And the users url does not contain a \"nextPage\" query parameter\r\n        And a user has verified their email\r\n        When they click \"Continue\"\r\n        Then they are redirected to \"/\"\r\n\r\n    @motivating\r\n    Scenario: Custom redirection can be configured\r\n        Given the component has prop \"nextPage\" with value \"/activity\"\r\n        And the users url does not contain a \"nextPage\" query parameter\r\n        And a user has verified their email\r\n        When they click \"Continue\"\r\n        Then they are redirected to \"/activity\"\r\n\r\n    @motivating\r\n    Scenario Outline: Users are redirected to the value of the nextPage url parameter if it exists\r\n        Given the component <mayHave> prop \"nextPage\" with <nextPageValue>\r\n        And the users url contains a \"nextPage\" query paramater with <nextPageParamValue>\r\n        And the user has verified their email\r\n        When they click \"Continue\"\r\n        Then they are redirected to <nextPageParamValue>\r\n        Examples:\r\n            | mayHave       | nextPageValue | nextPageParamValue |\r\n            | has           | /dashboard    | /activity          |\r\n            | does not have | N/A           | /activity          |\r\n\r\n    @motivating\r\n    Scenario Outline: Users are redirected to the value of the nextPage url parameter as if it were a relative path\r\n        Given the component is loaded at <domain>\r\n        And the component does not have prop \"nextPage\"\r\n        And the users url contains a \"nextPage\" query paramater with <nextPageParamValue>\r\n        And the user has verified their email\r\n        When they click \"Continue\"\r\n        And they are redirected to <url>\r\n        Examples:\r\n            | domain          | nextPageParamValue | url                                    |\r\n            | www.example.com | /activity          | https://www.example.com/activity       |\r\n            | www.example.com | activity           | https://www.example.com/activity       |\r\n            | www.example.com | www.google.com     | https://www.example.com/www.google.com |\r\n            | www.example.com | //foo.com          | https://www.example.com/               |\r\n            | www.example.com | activity?foo=bar   | https://www.example.com/activity       |\r\n            | www.example.com | /activity?foo=bar  | https://www.example.com/activity       |";
 
 const PortalVerifyEmail_stories = {
   title: "Portal Verify Email",
@@ -22916,7 +22948,7 @@ const ReferralIframeReadme = "# sqm-referral-iframe\r\n\r\n\r\n\r\n<!-- Auto Gen
 
 const ForgotPasswordReadme = "# sqm-portal-forgot-password\r\n\r\n\r\n\r\n<!-- Auto Generated Below -->\r\n\r\n\r\n## Properties\r\n\r\n| Property       | Attribute       | Description                                                          | Type                                                                                                                                                                                        | Default                    |\r\n| -------------- | --------------- | -------------------------------------------------------------------- | ------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- | -------------------------- |\r\n| `demoData`     | --              |                                                                      | `{ states?: { error: string; loading: boolean; success: boolean; loginPath: string; }; content?: { secondaryButton: any; messageSlot: any; emailLabel?: string; submitLabel?: string; }; }` | `undefined`                |\r\n| `emailLabel`   | `email-label`   |                                                                      | `string`                                                                                                                                                                                    | `\"Email\"`                  |\r\n| `loginPath`    | `login-path`    |                                                                      | `string`                                                                                                                                                                                    | `\"/login\"`                 |\r\n| `redirectPath` | `redirect-path` | The page that users are redirected to from the password reset email. | `string`                                                                                                                                                                                    | `\"/resetPassword\"`         |\r\n| `submitLabel`  | `submit-label`  |                                                                      | `string`                                                                                                                                                                                    | `\"Request Password Reset\"` |\r\n\r\n\r\n## Dependencies\r\n\r\n### Depends on\r\n\r\n- [sqm-form-message](../sqm-form-message)\r\n\r\n### Graph\r\n```mermaid\r\ngraph TD;\r\n  sqm-portal-forgot-password --> sqm-form-message\r\n  style sqm-portal-forgot-password fill:#f9f,stroke:#333,stroke-width:4px\r\n```\r\n\r\n----------------------------------------------\r\n\r\n*Built with [StencilJS](https://stenciljs.com/)*\r\n";
 
-const RegisterReadme = "# sqm-portal-register\r\n\r\n\r\n\r\n<!-- Auto Generated Below -->\r\n\r\n\r\n## Properties\r\n\r\n| Property                   | Attribute                    | Description                                                        | Type                                                                                                                                                                                                                                                                                                                                                                                                              | Default              |\r\n| -------------------------- | ---------------------------- | ------------------------------------------------------------------ | ----------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- | -------------------- |\r\n| `confirmPassword`          | `confirm-password`           |                                                                    | `boolean`                                                                                                                                                                                                                                                                                                                                                                                                         | `false`              |\r\n| `confirmPasswordLabel`     | `confirm-password-label`     |                                                                    | `string`                                                                                                                                                                                                                                                                                                                                                                                                          | `\"Confirm Password\"` |\r\n| `demoData`                 | --                           |                                                                    | `{ states?: { error: string; loading: boolean; confirmPassword: boolean; hideInputs: boolean; validationState?: FormState; enablePasswordValidation?: boolean; loginPath: string; }; content?: { formData?: any; passwordField?: any; secondaryButton?: any; emailLabel?: string; passwordLabel?: string; submitLabel?: string; pageLabel?: string; confirmPasswordLabel: string; }; refs?: { formRef: any; }; }` | `undefined`          |\r\n| `emailLabel`               | `email-label`                |                                                                    | `string`                                                                                                                                                                                                                                                                                                                                                                                                          | `\"Email\"`            |\r\n| `enablePasswordValidation` | `enable-password-validation` |                                                                    | `boolean`                                                                                                                                                                                                                                                                                                                                                                                                         | `true`               |\r\n| `hideInputs`               | `hide-inputs`                |                                                                    | `boolean`                                                                                                                                                                                                                                                                                                                                                                                                         | `false`              |\r\n| `loginLabel`               | `login-label`                |                                                                    | `string`                                                                                                                                                                                                                                                                                                                                                                                                          | `\"Sign in\"`          |\r\n| `loginPath`                | `login-path`                 |                                                                    | `string`                                                                                                                                                                                                                                                                                                                                                                                                          | `\"/login\"`           |\r\n| `nextPage`                 | `next-page`                  |                                                                    | `string`                                                                                                                                                                                                                                                                                                                                                                                                          | `\"/\"`                |\r\n| `pageLabel`                | `page-label`                 |                                                                    | `string`                                                                                                                                                                                                                                                                                                                                                                                                          | `\"Register\"`         |\r\n| `passwordLabel`            | `password-label`             |                                                                    | `string`                                                                                                                                                                                                                                                                                                                                                                                                          | `\"Password\"`         |\r\n| `redirectPath`             | `redirect-path`              | The page that users are redirected to from the verification email. | `string`                                                                                                                                                                                                                                                                                                                                                                                                          | `\"/verifyEmail\"`     |\r\n| `submitLabel`              | `submit-label`               |                                                                    | `string`                                                                                                                                                                                                                                                                                                                                                                                                          | `\"Register\"`         |\r\n\r\n\r\n## Dependencies\r\n\r\n### Used by\r\n\r\n - [sqm-stencilbook](../sqm-stencilbook)\r\n\r\n### Depends on\r\n\r\n- [sqm-form-message](../sqm-form-message)\r\n- [sqm-password-field](../sqm-password-field)\r\n\r\n### Graph\r\n```mermaid\r\ngraph TD;\r\n  sqm-portal-register --> sqm-form-message\r\n  sqm-portal-register --> sqm-password-field\r\n  sqm-stencilbook --> sqm-portal-register\r\n  style sqm-portal-register fill:#f9f,stroke:#333,stroke-width:4px\r\n```\r\n\r\n----------------------------------------------\r\n\r\n*Built with [StencilJS](https://stenciljs.com/)*\r\n";
+const RegisterReadme = "# sqm-portal-register\r\n\r\n\r\n\r\n<!-- Auto Generated Below -->\r\n\r\n\r\n## Properties\r\n\r\n| Property                   | Attribute                    | Description                                                        | Type                                                                                                                                                                                                                                                                                                                                                                                                                                   | Default              |\r\n| -------------------------- | ---------------------------- | ------------------------------------------------------------------ | -------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- | -------------------- |\r\n| `confirmPassword`          | `confirm-password`           |                                                                    | `boolean`                                                                                                                                                                                                                                                                                                                                                                                                                              | `false`              |\r\n| `confirmPasswordLabel`     | `confirm-password-label`     |                                                                    | `string`                                                                                                                                                                                                                                                                                                                                                                                                                               | `\"Confirm Password\"` |\r\n| `demoData`                 | --                           |                                                                    | `{ states?: { error: string; loading: boolean; confirmPassword: boolean; hideInputs: boolean; validationState?: FormState; enablePasswordValidation?: boolean; loginPath: string; }; content?: { formData?: VNode; terms?: VNode; passwordField?: VNode; secondaryButton?: VNode; emailLabel?: string; passwordLabel?: string; submitLabel?: string; pageLabel?: string; confirmPasswordLabel: string; }; refs?: { formRef: any; }; }` | `undefined`          |\r\n| `emailLabel`               | `email-label`                |                                                                    | `string`                                                                                                                                                                                                                                                                                                                                                                                                                               | `\"Email\"`            |\r\n| `enablePasswordValidation` | `enable-password-validation` |                                                                    | `boolean`                                                                                                                                                                                                                                                                                                                                                                                                                              | `true`               |\r\n| `hideInputs`               | `hide-inputs`                |                                                                    | `boolean`                                                                                                                                                                                                                                                                                                                                                                                                                              | `false`              |\r\n| `loginLabel`               | `login-label`                |                                                                    | `string`                                                                                                                                                                                                                                                                                                                                                                                                                               | `\"Sign in\"`          |\r\n| `loginPath`                | `login-path`                 |                                                                    | `string`                                                                                                                                                                                                                                                                                                                                                                                                                               | `\"/login\"`           |\r\n| `nextPage`                 | `next-page`                  |                                                                    | `string`                                                                                                                                                                                                                                                                                                                                                                                                                               | `\"/\"`                |\r\n| `pageLabel`                | `page-label`                 |                                                                    | `string`                                                                                                                                                                                                                                                                                                                                                                                                                               | `\"Register\"`         |\r\n| `passwordLabel`            | `password-label`             |                                                                    | `string`                                                                                                                                                                                                                                                                                                                                                                                                                               | `\"Password\"`         |\r\n| `redirectPath`             | `redirect-path`              | The page that users are redirected to from the verification email. | `string`                                                                                                                                                                                                                                                                                                                                                                                                                               | `\"/verifyEmail\"`     |\r\n| `submitLabel`              | `submit-label`               |                                                                    | `string`                                                                                                                                                                                                                                                                                                                                                                                                                               | `\"Register\"`         |\r\n\r\n\r\n## Dependencies\r\n\r\n### Used by\r\n\r\n - [sqm-stencilbook](../sqm-stencilbook)\r\n\r\n### Depends on\r\n\r\n- [sqm-form-message](../sqm-form-message)\r\n- [sqm-password-field](../sqm-password-field)\r\n\r\n### Graph\r\n```mermaid\r\ngraph TD;\r\n  sqm-portal-register --> sqm-form-message\r\n  sqm-portal-register --> sqm-password-field\r\n  sqm-stencilbook --> sqm-portal-register\r\n  style sqm-portal-register fill:#f9f,stroke:#333,stroke-width:4px\r\n```\r\n\r\n----------------------------------------------\r\n\r\n*Built with [StencilJS](https://stenciljs.com/)*\r\n";
 
 const EditProfileReadme = "# sqm-portal-profile\r\n\r\n\r\n\r\n<!-- Auto Generated Below -->\r\n\r\n\r\n## Properties\r\n\r\n| Property                 | Attribute                   | Description | Type                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                 | Default                  |\r\n| ------------------------ | --------------------------- | ----------- | -------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- | ------------------------ |\r\n| `countrytext`            | `countrytext`               |             | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                             | `\"Country\"`              |\r\n| `demoData`               | --                          |             | `{ states?: { success: boolean; loading: boolean; submitDisabled: boolean; showCountry: boolean; formState: { country: string; firstName: string; lastName: string; errors: any; error: string; }; user: { id: string; accountId: string; firstName: string; lastName: string; email: string; countryCode: string; }; text: { firstnametext: string; lastnametext: string; emailtext: string; countrytext: string; editProfileHeader: string; editProfileSubHeader: string; submitChangeButtonText: string; }; }; }` | `undefined`              |\r\n| `editProfileHeader`      | `edit-profile-header`       |             | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                             | `\"Edit your profile\"`    |\r\n| `editProfileSubHeader`   | `edit-profile-sub-header`   |             | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                             | `\"Personal Information\"` |\r\n| `emailtext`              | `emailtext`                 |             | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                             | `\"Email\"`                |\r\n| `firstnametext`          | `firstnametext`             |             | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                             | `\"First Name\"`           |\r\n| `lastnametext`           | `lastnametext`              |             | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                             | `\"Last Name\"`            |\r\n| `showCountry`            | `show-country`              |             | `boolean`                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                            | `true`                   |\r\n| `submitChangeButtonText` | `submit-change-button-text` |             | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                             | `\"Submit Changes\"`       |\r\n\r\n\r\n## Dependencies\r\n\r\n### Depends on\r\n\r\n- [sqm-form-message](../sqm-form-message)\r\n\r\n### Graph\r\n```mermaid\r\ngraph TD;\r\n  sqm-portal-profile --> sqm-form-message\r\n  style sqm-portal-profile fill:#f9f,stroke:#333,stroke-width:4px\r\n```\r\n\r\n----------------------------------------------\r\n\r\n*Built with [StencilJS](https://stenciljs.com/)*\r\n";
 

package/dist/esm/{sqm-hero-view-bfd8abd1.js → sqm-hero-view-02144ced.js}

@@ -1,21 +1,6 @@
 import { h } from './index-17b4da69.js';
-import { j as useState, e as useEffect } from './extends-3a3f9fe2.js';
-import { u as useCallback } from './use-callback-b38a1523.js';
 import { j as jss, c as create } from './jss-preset-default.esm-71fae192.js';
-
-// import { IntlMessageFormat } from 'intl-messageformat';
-function isMobile(breakPoint) {
-  const [width, setWidth] = useState(window.innerWidth);
-  const handleWindowResize = useCallback(() => setWidth(window.innerWidth), []);
-  useEffect(() => {
-    window.addEventListener("resize", handleWindowResize);
-    return () => window.removeEventListener("resize", handleWindowResize);
-  }, []);
-  return width > breakPoint ? false : true;
-}
-function isValidColor(teststr) {
-  return CSS.supports(`(color: ${teststr})`);
-}
+import { i as isValidColor, a as isMobile } from './utilities-63ba88bc.js';
 
 const paddingList = [
   "var(--sl-spacing-xxx-small)",

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

@@ -3,7 +3,8 @@ import { m as h } from './extends-3a3f9fe2.js';
 import './use-callback-b38a1523.js';
 import './jss-preset-default.esm-71fae192.js';
 import { g as getProps } from './utils-454405f5.js';
-import { H as HeroView } from './sqm-hero-view-bfd8abd1.js';
+import './utilities-63ba88bc.js';
+import { H as HeroView } from './sqm-hero-view-02144ced.js';
 
 const Hero = class {
   constructor(hostRef) {

package/dist/esm/{sqm-leaderboard-rank-view-fd7d7f42.js → sqm-leaderboard-rank-view-387f0870.js}

@@ -1,5 +1,5 @@
 import { h } from './index-17b4da69.js';
-import { _ as __assign } from './global-0fcfbedf.js';
+import { _ as __assign } from './global-2e50d2dc.js';
 import { f as parse } from './index.module-1e92a7a3.js';
 
 var docCache = new Map();

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

@@ -1,10 +1,10 @@
 import { r as registerInstance, h as h$1 } from './index-17b4da69.js';
 import { m as h } from './extends-3a3f9fe2.js';
-import { i as intl, c as createIntl } from './global-0fcfbedf.js';
+import { i as intl, c as createIntl } from './global-2e50d2dc.js';
 import './use-callback-b38a1523.js';
 import { M, n as ne, c as cn, j } from './index.module-1e92a7a3.js';
 import { c as cjs } from './cjs-bdfb4486.js';
-import { g as gql, L as LeaderboardRankView } from './sqm-leaderboard-rank-view-fd7d7f42.js';
+import { g as gql, L as LeaderboardRankView } from './sqm-leaderboard-rank-view-387f0870.js';
 
 const GET_RANK = gql `
   query ($type: String!, $filter: UserLeaderboardFilterInput) {

package/dist/esm/{sqm-portal-email-verification-view-6cc56c87.js → sqm-portal-email-verification-view-e366e94a.js}

@@ -1,5 +1,5 @@
 import { h } from './index-17b4da69.js';
-import { i as intl } from './global-0fcfbedf.js';
+import { i as intl } from './global-2e50d2dc.js';
 import { j as jss, c as create } from './jss-preset-default.esm-71fae192.js';
 import { A as AuthWrapper, a as AuthColumn } from './mixins-10353a39.js';
 import { T as TextSpanView } from './sqm-text-span-view-1781df94.js';

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

@@ -1,13 +1,13 @@
 import { r as registerInstance, h as h$1 } from './index-17b4da69.js';
 import { j as useState, e as useEffect, m as h } from './extends-3a3f9fe2.js';
-import './global-0fcfbedf.js';
+import './global-2e50d2dc.js';
 import './use-callback-b38a1523.js';
 import { i as an, n as ne, j } from './index.module-1e92a7a3.js';
 import './jss-preset-default.esm-71fae192.js';
 import { c as cjs } from './cjs-bdfb4486.js';
 import './mixins-10353a39.js';
 import './sqm-text-span-view-1781df94.js';
-import { P as PortalEmailVerificationView } from './sqm-portal-email-verification-view-6cc56c87.js';
+import { P as PortalEmailVerificationView } from './sqm-portal-email-verification-view-e366e94a.js';
 
 function usePortalEmailVerification(props) {
   var _a, _b, _c, _d, _e;

package/dist/esm/{sqm-portal-footer-view-8a1128d5.js → sqm-portal-footer-view-f12d5e5a.js}

@@ -1,5 +1,5 @@
 import { h } from './index-17b4da69.js';
-import { i as intl } from './global-0fcfbedf.js';
+import { i as intl } from './global-2e50d2dc.js';
 import { j as jss, c as create } from './jss-preset-default.esm-71fae192.js';
 
 function PoweredByImg({ color = "#A6A6A6", width = 190, height = 29, }) {

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

@@ -1,11 +1,11 @@
 import { r as registerInstance, h as h$1 } from './index-17b4da69.js';
 import { m as h } from './extends-3a3f9fe2.js';
-import './global-0fcfbedf.js';
+import './global-2e50d2dc.js';
 import './use-callback-b38a1523.js';
 import './index.module-1e92a7a3.js';
 import './jss-preset-default.esm-71fae192.js';
 import { g as getProps } from './utils-454405f5.js';
-import { a as PortalFooterView } from './sqm-portal-footer-view-8a1128d5.js';
+import { a as PortalFooterView } from './sqm-portal-footer-view-f12d5e5a.js';
 
 const PortalFooter = class {
   constructor(hostRef) {

package/dist/esm/{sqm-portal-profile-view-4acf74a5.js → sqm-portal-profile-view-9f3c79c3.js}

@@ -1,5 +1,5 @@
 import { h } from './index-17b4da69.js';
-import { i as intl } from './global-0fcfbedf.js';
+import { i as intl } from './global-2e50d2dc.js';
 import { j as jss, c as create } from './jss-preset-default.esm-71fae192.js';
 import { P as PortalContainerView } from './sqm-portal-container-view-73757ca5.js';
 import { T as TextSpanView } from './sqm-text-span-view-1781df94.js';

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

@@ -1,6 +1,6 @@
 import { r as registerInstance, h as h$1 } from './index-17b4da69.js';
 import { j as useState, e as useEffect, m as h } from './extends-3a3f9fe2.js';
-import './global-0fcfbedf.js';
+import './global-2e50d2dc.js';
 import './use-callback-b38a1523.js';
 import { d as dist, n as ne, c as cn, D as De, j } from './index.module-1e92a7a3.js';
 import './jss-preset-default.esm-71fae192.js';
@@ -8,7 +8,7 @@ import { g as getProps } from './utils-454405f5.js';
 import { c as cjs } from './cjs-bdfb4486.js';
 import './sqm-portal-container-view-73757ca5.js';
 import './sqm-text-span-view-1781df94.js';
-import { P as PortalProfileView } from './sqm-portal-profile-view-4acf74a5.js';
+import { P as PortalProfileView } from './sqm-portal-profile-view-9f3c79c3.js';
 
 const GET_USER = dist.gql `
   query {

package/dist/esm/sqm-portal-reset-password.entry.js

@@ -7,6 +7,7 @@ import './jss-preset-default.esm-71fae192.js';
 import { c as cjs } from './cjs-bdfb4486.js';
 import './mixins-10353a39.js';
 import './sqm-text-span-view-1781df94.js';
+import { s as sanitizeUrlPath } from './utilities-63ba88bc.js';
 import { P as PortalResetPasswordView } from './sqm-portal-reset-password-view-a4e50da2.js';
 
 function usePortalResetPassword(props) {
@@ -34,8 +35,9 @@ function usePortalResetPassword(props) {
   };
   const gotoNextPage = () => {
     urlParams.delete("nextPage");
+    const path = sanitizeUrlPath(nextPageOverride || props.nextPage);
     mn.push({
-      pathname: nextPageOverride || props.nextPage,
+      pathname: path,
       search: urlParams.toString() && "?" + urlParams.toString(),
     });
   };

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

@@ -6,6 +6,7 @@ import './jss-preset-default.esm-71fae192.js';
 import { c as cjs } from './cjs-bdfb4486.js';
 import './mixins-10353a39.js';
 import './sqm-text-span-view-1781df94.js';
+import { s as sanitizeUrlPath } from './utilities-63ba88bc.js';
 import { P as PortalVerifyEmailView } from './sqm-portal-verify-email-view-6f18bac2.js';
 
 function usePortalVerifyEmail({ nextPage, failedPage }) {
@@ -27,8 +28,9 @@ function usePortalVerifyEmail({ nextPage, failedPage }) {
   };
   const gotoNextPage = () => {
     urlParams.delete("nextPage");
-    return mn.push({
-      pathname: nextPageOverride || nextPage,
+    const path = sanitizeUrlPath(nextPageOverride || nextPage);
+    mn.push({
+      pathname: path,
       search: urlParams.toString() && "?" + urlParams.toString(),
     });
   };

package/dist/esm/utilities-63ba88bc.js

@@ -0,0 +1,24 @@
+import { j as useState, e as useEffect } from './extends-3a3f9fe2.js';
+import { u as useCallback } from './use-callback-b38a1523.js';
+
+// import { IntlMessageFormat } from 'intl-messageformat';
+function isMobile(breakPoint) {
+  const [width, setWidth] = useState(window.innerWidth);
+  const handleWindowResize = useCallback(() => setWidth(window.innerWidth), []);
+  useEffect(() => {
+    window.addEventListener("resize", handleWindowResize);
+    return () => window.removeEventListener("resize", handleWindowResize);
+  }, []);
+  return width > breakPoint ? false : true;
+}
+function isValidColor(teststr) {
+  return CSS.supports(`(color: ${teststr})`);
+}
+function sanitizeUrlPath(path) {
+  const url = new URL(path, window.location.href);
+  const cleanUrl = new URL(window.location.href);
+  cleanUrl.pathname = url.pathname;
+  return cleanUrl.pathname;
+}
+
+export { isMobile as a, isValidColor as i, sanitizeUrlPath as s };