@saasquatch/mint-components 1.5.1-3 → 1.5.2

package/dist/esm/sqm-big-stat_34.entry.js

@@ -1,5 +1,5 @@
 import { r as registerInstance, h as h$1, c as Host } from './index-17b4da69.js';
-import { m as h, e as useEffect, o as d, k as useState, f as useRef, y, b as browser, u as useReducer } from './stencil-hooks.module-acc8a613.js';
+import { m as h, e as useEffect, y, o as d, k as useState, f as useRef, b as browser, u as useReducer } from './stencil-hooks.module-acc8a613.js';
 import { i as intl } from './global-15cdf41a.js';
 import { u as useCallback } from './use-callback-7e0bfd3b.js';
 import { j as jn, P, d as dist, i as ie, b as sn, q as qe, M, r as rn, c as dn, g as $e, E as Ee, D as De, H as He, l as ln, R as Rn, A as An } from './index.module-f5e17a4e.js';
@@ -11,10 +11,10 @@ import { c as createStyleSheet } from './JSS-418cab16.js';
 import { a as useRequestRerender } from './re-render-8f0a7ab1.js';
 import { u as useChildElements } from './useChildElements-3ffd7077.js';
 import './luxon-f44215d9.js';
-import { g as getProps, a as getMissingProps } from './utils-1d345130.js';
+import { g as getProps, s as sanitizeUrlPath, a as getMissingProps } from './utils-d7bbb0e2.js';
 import './sqm-text-span-view-020db63f.js';
 import './sqm-portal-container-view-34f26e2a.js';
-import { c as useDemoBigStat, J as useBigStat, B as BigStatView, H as autoColorScaleCss, G as CardFeedView, C as CheckboxFieldView, D as DropdownFieldView, E as EditProfileView, K as withShadowView, L as LeaderboardView, N as NameFieldsView, e as PortalChangePasswordView, P as PortalFrameView, f as PortalLoginView, g as PortalRegisterView, R as ReferralIframeView, M as demoRewardExchange, i as RewardExchangeView, O as pathToRegexp, b as useShareButton, S as ShareButtonView, a as ShareLinkView, u as useShareLink, d as StatContainerView, T as TaskCardView } from './ShadowViewAddon-e42c07c6.js';
+import { c as useDemoBigStat, J as useBigStat, B as BigStatView, H as autoColorScaleCss, G as CardFeedView, C as CheckboxFieldView, D as DropdownFieldView, E as EditProfileView, K as withShadowView, L as LeaderboardView, N as NameFieldsView, e as PortalChangePasswordView, P as PortalFrameView, f as PortalLoginView, g as PortalRegisterView, R as ReferralIframeView, M as demoRewardExchange, i as RewardExchangeView, O as pathToRegexp, b as useShareButton, S as ShareButtonView, a as ShareLinkView, u as useShareLink, d as StatContainerView, T as TaskCardView } from './ShadowViewAddon-b98faaf1.js';
 import './sqm-portal-section-view-c8d1c727.js';
 
 const BigStat = class {
@@ -119,9 +119,15 @@ const CardFeed = class {
   }
 };
 
-const CONTEXT_NAME = "sq:validation-state";
+const FORM_VALIDATION_CONTEXT = "sq:validation-state";
+function useValidationState(formState) {
+  const host = P();
+  const [validationState, setValidationState] = y(host, FORM_VALIDATION_CONTEXT, formState);
+  return { validationState, setValidationState };
+}
+
 function useCheckboxField() {
-  const validationState = d(CONTEXT_NAME);
+  const validationState = d(FORM_VALIDATION_CONTEXT);
   const [checked, setChecked] = useState(false);
   return {
     states: {
@@ -251,9 +257,8 @@ const DividedLayout = class {
   }
 };
 
-const CONTEXT_NAME$1 = "sq:validation-state";
 function useDropdownField() {
-  const validationState = d(CONTEXT_NAME$1);
+  const validationState = d(FORM_VALIDATION_CONTEXT);
   return {
     states: {
       validationErrors: validationState === null || validationState === void 0 ? void 0 : validationState.validationErrors,
@@ -934,9 +939,8 @@ function useLeaderboardDemo(props) {
   }, props.demoData || {}, { arrayMerge: (_, a) => a });
 }
 
-const CONTEXT_NAME$2 = "sq:validation-state";
 function useNameFields(props) {
-  const validationState = d(CONTEXT_NAME$2);
+  const validationState = d(FORM_VALIDATION_CONTEXT);
   return {
     states: {
       validationErrors: validationState === null || validationState === void 0 ? void 0 : validationState.validationErrors,
@@ -1243,10 +1247,8 @@ 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");
-      dn.push({
-        pathname: nextPageOverride || props.nextPage,
-        search: urlParams.toString() && "?" + urlParams.toString(),
-      });
+      const url = sanitizeUrlPath(nextPageOverride || props.nextPage);
+      dn.push(url.href);
     }
   }, [(_a = data === null || data === void 0 ? void 0 : data.authenticateManagedIdentityWithEmailAndPassword) === null || _a === void 0 ? void 0 : _a.token]);
   useEffect(() => {
@@ -1261,7 +1263,7 @@ function usePortalLogin(props) {
       loading,
       error: errorMessage,
       registerPath: props.registerPath,
-      forgotPasswordPath: props.forgotPasswordPath
+      forgotPasswordPath: props.forgotPasswordPath,
     },
     callbacks: {
       submit,
@@ -1343,13 +1345,6 @@ function useLoginDemo(props) {
   }, props.demoData || {}, { arrayMerge: (_, a) => a });
 }
 
-const CONTEXT_NAME$3 = "sq:validation-state";
-function useValidationState(formState) {
-  const host = P();
-  const [validationState, setValidationState] = y(host, CONTEXT_NAME$3, formState);
-  return { validationState, setValidationState };
-}
-
 // This file is a workaround for a bug in web browsers' "native"
 // ES6 importing system which is uncapable of importing "*.json" files.
 // https://github.com/catamphetamine/libphonenumber-js/issues/239

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

@@ -2,7 +2,7 @@ import { h, r as registerInstance, c as Host } from './index-17b4da69.js';
 import { m as h$1 } from './stencil-hooks.module-acc8a613.js';
 import './extends-c31f1eff.js';
 import { c as createStyleSheet } from './JSS-418cab16.js';
-import { g as getProps } from './utils-1d345130.js';
+import { g as getProps } from './utils-d7bbb0e2.js';
 import { P as PortalContainerView } from './sqm-portal-container-view-34f26e2a.js';
 import { P as PortalSectionView } from './sqm-portal-section-view-c8d1c727.js';
 

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

@@ -3,7 +3,7 @@ import { m as h } from './stencil-hooks.module-acc8a613.js';
 import './use-callback-7e0bfd3b.js';
 import './extends-c31f1eff.js';
 import './JSS-418cab16.js';
-import { g as getProps } from './utils-1d345130.js';
+import { g as getProps } from './utils-d7bbb0e2.js';
 import { H as HeroView } from './sqm-hero-view-99b40ec1.js';
 
 const Hero = class {

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

@@ -6,7 +6,7 @@ import './extends-c31f1eff.js';
 import { c as cjs } from './cjs-bdfb4486.js';
 import './mixins-59fd94b7.js';
 import './JSS-418cab16.js';
-import { g as getProps } from './utils-1d345130.js';
+import { g as getProps } from './utils-d7bbb0e2.js';
 import { N as NavigationSidebarItemView } from './sqm-navigation-sidebar-item-view-73f753fa.js';
 
 function useNavigationSidebarItem(props) {

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

@@ -3,7 +3,7 @@ import { m as h$1 } from './stencil-hooks.module-acc8a613.js';
 import './use-callback-7e0bfd3b.js';
 import { R as Rn } from './index.module-f5e17a4e.js';
 import './extends-c31f1eff.js';
-import { g as getProps } from './utils-1d345130.js';
+import { g as getProps } from './utils-d7bbb0e2.js';
 
 const PopupContainerView = (props) => {
   const { states, callbacks } = props;

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

@@ -5,7 +5,7 @@ import './use-callback-7e0bfd3b.js';
 import './index.module-f5e17a4e.js';
 import './extends-c31f1eff.js';
 import './JSS-418cab16.js';
-import { g as getProps } from './utils-1d345130.js';
+import { g as getProps } from './utils-d7bbb0e2.js';
 import { P as PortalFooterView } from './sqm-portal-footer-view-d06c4b78.js';
 
 const PortalFooter = class {

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

@@ -6,7 +6,7 @@ import { d as dist, i as ie, b as sn, q as qe, j as jn } from './index.module-f5
 import './extends-c31f1eff.js';
 import { c as cjs } from './cjs-bdfb4486.js';
 import './JSS-418cab16.js';
-import { g as getProps } from './utils-1d345130.js';
+import { g as getProps } from './utils-d7bbb0e2.js';
 import './sqm-text-span-view-020db63f.js';
 import './sqm-portal-container-view-34f26e2a.js';
 import { P as PortalProfileView } from './sqm-portal-profile-view-28c39970.js';

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

@@ -7,6 +7,7 @@ import { j as jsonpointer } from './jsonpointer-388a7082.js';
 import { c as cjs } from './cjs-bdfb4486.js';
 import './mixins-59fd94b7.js';
 import './JSS-418cab16.js';
+import { s as sanitizeUrlPath } from './utils-d7bbb0e2.js';
 import './sqm-text-span-view-020db63f.js';
 import { P as PortalResetPasswordView } from './sqm-portal-reset-password-view-e0436989.js';
 
@@ -35,10 +36,8 @@ function usePortalResetPassword(props) {
   };
   const gotoNextPage = () => {
     urlParams.delete("nextPage");
-    dn.push({
-      pathname: nextPageOverride || props.nextPage,
-      search: urlParams.toString() && "?" + urlParams.toString(),
-    });
+    const url = sanitizeUrlPath(nextPageOverride || props.nextPage);
+    dn.push(url.href);
   };
   const failed = () => {
     dn.push({

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

@@ -6,6 +6,7 @@ import './extends-c31f1eff.js';
 import { c as cjs } from './cjs-bdfb4486.js';
 import './mixins-59fd94b7.js';
 import './JSS-418cab16.js';
+import { s as sanitizeUrlPath } from './utils-d7bbb0e2.js';
 import './sqm-text-span-view-020db63f.js';
 import { P as PortalVerifyEmailView } from './sqm-portal-verify-email-view-c489166b.js';
 
@@ -28,10 +29,8 @@ function usePortalVerifyEmail({ nextPage, failedPage }) {
   };
   const gotoNextPage = () => {
     urlParams.delete("nextPage");
-    return dn.push({
-      pathname: nextPageOverride || nextPage,
-      search: urlParams.toString() && "?" + urlParams.toString(),
-    });
+    const url = sanitizeUrlPath(nextPageOverride || nextPage);
+    dn.push(url.href);
   };
   const submit = async () => {
     if (oobCode) {

package/dist/esm/sqm-referral-table_11.entry.js

@@ -12,7 +12,7 @@ import { a as useRequestRerender, u as useRerenderListener } from './re-render-8
 import { u as useChildElements } from './useChildElements-3ffd7077.js';
 import { l as luxon } from './luxon-f44215d9.js';
 import { u as useReferralTable, t as tryMethod } from './useReferralTable-d8a7e3be.js';
-import { l as luxonLocale } from './utils-1d345130.js';
+import { l as luxonLocale } from './utils-d7bbb0e2.js';
 import { T as TextSpanView } from './sqm-text-span-view-020db63f.js';
 
 const mockReferralData = (count = 4) => {

package/dist/esm/sqm-rewards-table_9.entry.js

@@ -12,7 +12,7 @@ import { u as useRerenderListener, a as useRequestRerender } from './re-render-8
 import { u as useChildElements } from './useChildElements-3ffd7077.js';
 import { l as luxon } from './luxon-f44215d9.js';
 import { g as generateUserError } from './useReferralTable-d8a7e3be.js';
-import { l as luxonLocale } from './utils-1d345130.js';
+import { l as luxonLocale } from './utils-d7bbb0e2.js';
 
 const mockRewardData = (count = 4) => {
   const data = [...Array(count)].map(() => getMockData());

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

@@ -9,7 +9,7 @@ import './mixins-59fd94b7.js';
 import { c as createStyleSheet } from './JSS-418cab16.js';
 import { G as GenericTableView } from './GenericTableView-8dc8ae86.js';
 import { l as luxon } from './luxon-f44215d9.js';
-import './utils-1d345130.js';
+import './utils-d7bbb0e2.js';
 import './sqm-text-span-view-020db63f.js';
 import { A as AssetCardView } from './sqm-asset-card-view-68f80b85.js';
 import { H as HeroView } from './sqm-hero-view-99b40ec1.js';
@@ -23,7 +23,7 @@ import { P as PortalContainerView } from './sqm-portal-container-view-34f26e2a.j
 import { P as PortalProfileView } from './sqm-portal-profile-view-28c39970.js';
 import { P as PortalResetPasswordView } from './sqm-portal-reset-password-view-e0436989.js';
 import { P as PortalVerifyEmailView } from './sqm-portal-verify-email-view-c489166b.js';
-import { S as ShareButtonView, L as LeaderboardView, a as ShareLinkView, B as BigStatView, P as PortalFrameView, E as EditProfileView, u as useShareLink, b as useShareButton, c as useDemoBigStat, d as StatContainerView, e as PortalChangePasswordView, f as PortalLoginView, g as PortalRegisterView, T as TaskCardView, h as ProgressBarView, R as ReferralIframeView, N as NameFieldsView, C as CheckboxFieldView, D as DropdownFieldView, i as RewardExchangeView, r as rewardExchangeCustomErrorMsg, j as rewardExchangeLongText, k as rewardExchangeSelected, l as chooseAmountFixed, m as chooseAmountFixedNoDescription, n as chooseAmountVariable, o as chooseAmountVariableNoDescription, p as chooseAmountVariableDisabled, q as chooseAmountVariableUnavailable, s as confirmFixed, t as confirmVariable, v as redemptionError, w as queryError, x as success, y as successVariable, z as loading, A as empty$1, F as rewardExchange, G as CardFeedView, H as autoColorScaleCss, I as ShadowViewAddon } from './ShadowViewAddon-e42c07c6.js';
+import { S as ShareButtonView, L as LeaderboardView, a as ShareLinkView, B as BigStatView, P as PortalFrameView, E as EditProfileView, u as useShareLink, b as useShareButton, c as useDemoBigStat, d as StatContainerView, e as PortalChangePasswordView, f as PortalLoginView, g as PortalRegisterView, T as TaskCardView, h as ProgressBarView, R as ReferralIframeView, N as NameFieldsView, C as CheckboxFieldView, D as DropdownFieldView, i as RewardExchangeView, r as rewardExchangeCustomErrorMsg, j as rewardExchangeLongText, k as rewardExchangeSelected, l as chooseAmountFixed, m as chooseAmountFixedNoDescription, n as chooseAmountVariable, o as chooseAmountVariableNoDescription, p as chooseAmountVariableDisabled, q as chooseAmountVariableUnavailable, s as confirmFixed, t as confirmVariable, v as redemptionError, w as queryError, x as success, y as successVariable, z as loading, A as empty$1, F as rewardExchange, G as CardFeedView, H as autoColorScaleCss, I as ShadowViewAddon } from './ShadowViewAddon-b98faaf1.js';
 import { P as PortalSectionView } from './sqm-portal-section-view-c8d1c727.js';
 
 /**
@@ -4128,7 +4128,7 @@ const PortalEmailVerification = /*#__PURE__*/Object.freeze({
   EmailVerificationSuccess: EmailVerificationSuccess
 });
 
-const scenario$7 = "@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$7 = "@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 <currentUrl>\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            | currentUrl                                                                 | url                                           |\r\n            | https://www.example.com?nextPage=./activity                                | https://www.example.com/activity              |\r\n            | https://www.example.com?nextPage=activity                                  | https://www.example.com/activity              |\r\n            | https://www.example.com?nextPage=/activity                                 | https://www.example.com/activity              |\r\n            | https://www.example.com?nextPage=www.google.com                            | https://www.example.com/www.google.com        |\r\n            | https://www.example.com?nextPage=//foo.com                                 | https://www.example.com/                      |\r\n            | https://www.example.com?nextPage=https://malicious.example.com             | https://www.example.com/                      |\r\n            | http://www.example.com/nest/page?oob=123&other&nextPage=activity#heading-1 | http://www.example.com/activity               |\r\n            | https://www.example.com?nextPage=activity?foo=bar                          | https://www.example.com/activity?foo=bar      |\r\n            | https://www.example.com?nextPage=%2Factivity%3Ffoo%3Dbar                   | https://www.example.com/activity?foo=bar      |\r\n            | https://www.example.com?nextPage=%2Factivity%3Ffoo%3Dbar#hash              | https://www.example.com/activity?foo=bar      |\r\n            | https://www.example.com?nextPage=%2Factivity%3Ffoo%3Dbar%23hash            | https://www.example.com/activity?foo=bar#hash |\r\n            | https://www.example.com:1337?nextPage=activity                             | https://www.example.com:1337/activity         |\r\n            | http://1.1.1.1:1111?nextPage=activity                                      | http://1.1.1.1:1111/activity                  |\r\n\r\n    @landmine\r\n    Scenario Outline: Username and password are not persisted on redirects\r\n        Given the component is loaded at <currentUrl>\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            | currentUrl                                              | url                                  |\r\n            | https://user:pass@www.example.com:444?nextPage=activity | https://www.example.com:444/activity |";
 
 const PortalResetPassword_stories = {
   title: "Components/Portal Reset Password",
@@ -4292,7 +4292,7 @@ const PortalResetPassword = /*#__PURE__*/Object.freeze({
   CodeValidating: CodeValidating
 });
 
-const scenario$8 = "@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$8 = "@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 <currentUrl>\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            | currentUrl                                                                 | url                                           |\r\n            | https://www.example.com?nextPage=./activity                                | https://www.example.com/activity              |\r\n            | https://www.example.com?nextPage=activity                                  | https://www.example.com/activity              |\r\n            | https://www.example.com?nextPage=/activity                                 | https://www.example.com/activity              |\r\n            | https://www.example.com?nextPage=www.google.com                            | https://www.example.com/www.google.com        |\r\n            | https://www.example.com?nextPage=//foo.com                                 | https://www.example.com/                      |\r\n            | https://www.example.com?nextPage=https://malicious.example.com             | https://www.example.com/                      |\r\n            | http://www.example.com/nest/page?oob=123&other&nextPage=activity#heading-1 | http://www.example.com/activity               |\r\n            | https://www.example.com?nextPage=activity?foo=bar                          | https://www.example.com/activity?foo=bar      |\r\n            | https://www.example.com?nextPage=%2Factivity%3Ffoo%3Dbar                   | https://www.example.com/activity?foo=bar      |\r\n            | https://www.example.com?nextPage=%2Factivity%3Ffoo%3Dbar#hash              | https://www.example.com/activity?foo=bar      |\r\n            | https://www.example.com?nextPage=%2Factivity%3Ffoo%3Dbar%23hash            | https://www.example.com/activity?foo=bar#hash |\r\n            | https://www.example.com:1337?nextPage=activity                             | https://www.example.com:1337/activity         |\r\n            | http://1.1.1.1:1111?nextPage=activity                                      | http://1.1.1.1:1111/activity                  |\r\n\r\n    @landmine\r\n    Scenario Outline: Username and password are not persisted on redirects\r\n        Given the component is loaded at <currentUrl>\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            | currentUrl                                              | url                                  |\r\n            | https://user:pass@www.example.com:444?nextPage=activity | https://www.example.com:444/activity |";
 
 const PortalVerifyEmail_stories = {
   title: "Components/Portal Verify Email",

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

@@ -4,7 +4,7 @@ import './use-callback-7e0bfd3b.js';
 import { P } from './index.module-f5e17a4e.js';
 import './extends-c31f1eff.js';
 import { u as useChildElements } from './useChildElements-3ffd7077.js';
-import { g as getProps } from './utils-1d345130.js';
+import { g as getProps } from './utils-d7bbb0e2.js';
 
 const TabsView = ({ content, placement, }) => {
   // Vertical padding for top & bottom placement, horizontal for left & right.

package/dist/esm/{utils-1d345130.js → utils-d7bbb0e2.js}

@@ -28,6 +28,14 @@ function luxonLocale(locale) {
   const language = splitLocale[0];
   const country = splitLocale[1];
   return `${language}-${country.toUpperCase()}`;
+}
+function sanitizeUrlPath(path) {
+  const url = new URL(path, window.location.origin);
+  const cleanUrl = new URL(window.location.origin);
+  cleanUrl.pathname = url.pathname;
+  cleanUrl.search = url.search;
+  cleanUrl.hash = url.hash;
+  return cleanUrl;
 }
 
-export { getMissingProps as a, getProps as g, luxonLocale as l };
+export { getMissingProps as a, getProps as g, luxonLocale as l, sanitizeUrlPath as s };