@saasquatch/mint-components 1.4.2 → 1.4.3-0

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

@@ -15,6 +15,7 @@ const mixins = require('./mixins-7b7c59fe.js');
 const sqmPortalContainerView = require('./sqm-portal-container-view-d144735a.js');
 const sqmPortalSectionView = require('./sqm-portal-section-view-3b008930.js');
 const sqmTextSpanView = require('./sqm-text-span-view-b5ae787b.js');
+const utilities = require('./utilities-21657336.js');
 const sqmLeaderboardRankView = require('./sqm-leaderboard-rank-view-b1b55673.js');
 const reRender = require('./re-render-b1ad512d.js');
 const useDemoBigStat = require('./useDemoBigStat-d7a60992.js');
@@ -30,7 +31,7 @@ const sqmPortalResetPasswordView = require('./sqm-portal-reset-password-view-4d7
 const sqmPortalVerifyEmailView = require('./sqm-portal-verify-email-view-b595e302.js');
 const sqmAssetCardView = require('./sqm-asset-card-view-07f86880.js');
 const sqmPortalFooterView = require('./sqm-portal-footer-view-08a2efd5.js');
-const sqmHeroView = require('./sqm-hero-view-bb3d00a1.js');
+const sqmHeroView = require('./sqm-hero-view-783ec385.js');
 const sqmNameFieldsView = require('./sqm-name-fields-view-24614ac7.js');
 
 function DividedLayoutView(props, children) {
@@ -1413,8 +1414,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 = utilities.sanitizeUrlPath(nextPageOverride || props.nextPage);
       index_module.mn.push({
-        pathname: nextPageOverride || props.nextPage,
+        pathname: path,
         search: urlParams.toString() && "?" + urlParams.toString(),
       });
     }
@@ -1431,7 +1433,7 @@ function usePortalLogin(props) {
       loading,
       error: errorMessage,
       registerPath: props.registerPath,
-      forgotPasswordPath: props.forgotPasswordPath
+      forgotPasswordPath: props.forgotPasswordPath,
     },
     callbacks: {
       submit,
@@ -18342,7 +18344,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",
@@ -18506,7 +18508,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",

package/dist/cjs/{sqm-hero-view-bb3d00a1.js → sqm-hero-view-783ec385.js}

@@ -1,23 +1,8 @@
 'use strict';
 
 const index = require('./index-b0129cd6.js');
-const _extends = require('./extends-0302d27d.js');
-const useCallback = require('./use-callback-fadb2643.js');
 const jssPresetDefault_esm = require('./jss-preset-default.esm-6304d24f.js');
-
-// import { IntlMessageFormat } from 'intl-messageformat';
-function isMobile(breakPoint) {
-  const [width, setWidth] = _extends.useState(window.innerWidth);
-  const handleWindowResize = useCallback.useCallback(() => setWidth(window.innerWidth), []);
-  _extends.useEffect(() => {
-    window.addEventListener("resize", handleWindowResize);
-    return () => window.removeEventListener("resize", handleWindowResize);
-  }, []);
-  return width > breakPoint ? false : true;
-}
-function isValidColor(teststr) {
-  return CSS.supports(`(color: ${teststr})`);
-}
+const utilities = require('./utilities-21657336.js');
 
 const paddingList = [
   "var(--sl-spacing-xxx-small)",
@@ -33,7 +18,7 @@ const paddingList = [
 ];
 const parseBackground = (provided_bg) => {
   if (provided_bg) {
-    if (isValidColor(provided_bg)) {
+    if (utilities.isValidColor(provided_bg)) {
       return provided_bg;
     }
     else {
@@ -53,10 +38,10 @@ function HeroView(props) {
       large: 9,
     };
     var index = sizes[size];
-    if (isMobile(767)) {
+    if (utilities.isMobile(767)) {
       index = index - 2;
     }
-    else if (isMobile(1023)) {
+    else if (utilities.isMobile(1023)) {
       index = index - 1;
     }
     return half ? paddingList[index - 2] : paddingList[index];

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

@@ -7,7 +7,8 @@ const _extends = require('./extends-0302d27d.js');
 require('./use-callback-fadb2643.js');
 require('./jss-preset-default.esm-6304d24f.js');
 const utils = require('./utils-95e5317c.js');
-const sqmHeroView = require('./sqm-hero-view-bb3d00a1.js');
+require('./utilities-21657336.js');
+const sqmHeroView = require('./sqm-hero-view-783ec385.js');
 
 const Hero = class {
   constructor(hostRef) {

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

@@ -11,6 +11,7 @@ require('./jss-preset-default.esm-6304d24f.js');
 const cjs = require('./cjs-1066ec21.js');
 require('./mixins-7b7c59fe.js');
 require('./sqm-text-span-view-b5ae787b.js');
+const utilities = require('./utilities-21657336.js');
 const sqmPortalResetPasswordView = require('./sqm-portal-reset-password-view-4d78fd6d.js');
 
 function usePortalResetPassword(props) {
@@ -38,8 +39,9 @@ function usePortalResetPassword(props) {
   };
   const gotoNextPage = () => {
     urlParams.delete("nextPage");
+    const path = utilities.sanitizeUrlPath(nextPageOverride || props.nextPage);
     index_module.mn.push({
-      pathname: nextPageOverride || props.nextPage,
+      pathname: path,
       search: urlParams.toString() && "?" + urlParams.toString(),
     });
   };

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

@@ -10,6 +10,7 @@ require('./jss-preset-default.esm-6304d24f.js');
 const cjs = require('./cjs-1066ec21.js');
 require('./mixins-7b7c59fe.js');
 require('./sqm-text-span-view-b5ae787b.js');
+const utilities = require('./utilities-21657336.js');
 const sqmPortalVerifyEmailView = require('./sqm-portal-verify-email-view-b595e302.js');
 
 function usePortalVerifyEmail({ nextPage, failedPage }) {
@@ -31,8 +32,9 @@ function usePortalVerifyEmail({ nextPage, failedPage }) {
   };
   const gotoNextPage = () => {
     urlParams.delete("nextPage");
-    return index_module.mn.push({
-      pathname: nextPageOverride || nextPage,
+    const path = utilities.sanitizeUrlPath(nextPageOverride || nextPage);
+    index_module.mn.push({
+      pathname: path,
       search: urlParams.toString() && "?" + urlParams.toString(),
     });
   };

package/dist/cjs/utilities-21657336.js

@@ -0,0 +1,28 @@
+'use strict';
+
+const _extends = require('./extends-0302d27d.js');
+const useCallback = require('./use-callback-fadb2643.js');
+
+// import { IntlMessageFormat } from 'intl-messageformat';
+function isMobile(breakPoint) {
+  const [width, setWidth] = _extends.useState(window.innerWidth);
+  const handleWindowResize = useCallback.useCallback(() => setWidth(window.innerWidth), []);
+  _extends.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;
+}
+
+exports.isMobile = isMobile;
+exports.isValidColor = isValidColor;
+exports.sanitizeUrlPath = sanitizeUrlPath;

package/dist/collection/components/sqm-portal-login/usePortalLogin.js

@@ -1,6 +1,7 @@
 import jsonpointer from "jsonpointer";
 import { useEffect, useState } from "@saasquatch/universal-hooks";
 import { navigation, useAuthenticateWithEmailAndPasswordMutation, } from "@saasquatch/component-boilerplate";
+import { sanitizeUrlPath } from "../../utilities";
 export function usePortalLogin(props) {
   var _a, _b, _c, _d;
   const [request, { loading, errors, data }] = useAuthenticateWithEmailAndPasswordMutation();
@@ -20,8 +21,9 @@ export 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);
       navigation.push({
-        pathname: nextPageOverride || props.nextPage,
+        pathname: path,
         search: urlParams.toString() && "?" + urlParams.toString(),
       });
     }
@@ -38,7 +40,7 @@ export function usePortalLogin(props) {
       loading,
       error: errorMessage,
       registerPath: props.registerPath,
-      forgotPasswordPath: props.forgotPasswordPath
+      forgotPasswordPath: props.forgotPasswordPath,
     },
     callbacks: {
       submit,

package/dist/collection/components/sqm-portal-reset-password/usePortalResetPassword.js

@@ -1,6 +1,7 @@
 import jsonpointer from "jsonpointer";
 import { useEffect, useState } from "@saasquatch/universal-hooks";
 import { navigation, useVerifyPasswordResetCodeMutation, useResetPasswordMutation, } from "@saasquatch/component-boilerplate";
+import { sanitizeUrlPath } from "../../utilities";
 export function usePortalResetPassword(props) {
   var _a, _b, _c, _d, _e, _f;
   const [reset, setReset] = useState(false);
@@ -26,8 +27,9 @@ export function usePortalResetPassword(props) {
   };
   const gotoNextPage = () => {
     urlParams.delete("nextPage");
+    const path = sanitizeUrlPath(nextPageOverride || props.nextPage);
     navigation.push({
-      pathname: nextPageOverride || props.nextPage,
+      pathname: path,
       search: urlParams.toString() && "?" + urlParams.toString(),
     });
   };

package/dist/collection/components/sqm-portal-verify-email/usePortalVerifyEmail.js

@@ -1,5 +1,6 @@
 import { useEffect, useState } from "@saasquatch/universal-hooks";
 import { navigation, useUserIdentity, useVerifyEmailMutation, } from "@saasquatch/component-boilerplate";
+import { sanitizeUrlPath } from "../../utilities";
 export function usePortalVerifyEmail({ nextPage, failedPage }) {
   var _a, _b, _c, _d, _e;
   const [verified, setVerified] = useState(false);
@@ -19,8 +20,9 @@ export function usePortalVerifyEmail({ nextPage, failedPage }) {
   };
   const gotoNextPage = () => {
     urlParams.delete("nextPage");
-    return navigation.push({
-      pathname: nextPageOverride || nextPage,
+    const path = sanitizeUrlPath(nextPageOverride || nextPage);
+    navigation.push({
+      pathname: path,
       search: urlParams.toString() && "?" + urlParams.toString(),
     });
   };

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/sqm-divided-layout_26.entry.js

@@ -11,6 +11,7 @@ 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 { 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';
@@ -26,7 +27,7 @@ import { P as PortalResetPasswordView$1 } from './sqm-portal-reset-password-view
 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-f12d5e5a.js';
-import { H as HeroView } from './sqm-hero-view-bfd8abd1.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,
@@ -18338,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",
@@ -18502,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",

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-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 };