@saasquatch/mint-components 1.6.0-1 → 1.6.1-2

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

@@ -1,29 +1,29 @@
 import { h, r as registerInstance, c as Host } from './index-17b4da69.js';
-import { a as commonjsGlobal, j as useMemo, k as useState, e as useEffect, c as createCommonjsModule, m as h$1 } from './stencil-hooks.module-e39af977.js';
-import './global-78c0c467.js';
-import './use-callback-697e2ff0.js';
-import { w as wn, e as bn, t as te$1, d as dist, Y as Ye, D as D$1 } from './index.module-2b4f1755.js';
+import { a as commonjsGlobal, i as useMemo, k as useState, e as useEffect, c as createCommonjsModule, m as h$1 } from './stencil-hooks.module-acc8a613.js';
+import './global-5c84f57f.js';
+import './use-callback-7e0bfd3b.js';
+import { c as dn, l as ln, e as ae$1, d as dist, _ as _e, f as A$1 } from './index.module-f5e17a4e.js';
 import './extends-c31f1eff.js';
 import './cjs-bdfb4486.js';
 import './mixins-f60a614c.js';
 import { c as createStyleSheet } from './JSS-f00f9536.js';
 import { G as GenericTableView } from './GenericTableView-ebc09be0.js';
-import { l as luxon } from './luxon-578505e2.js';
+import { l as luxon } from './luxon-f44215d9.js';
 import './utils-334c1e34.js';
 import './sqm-text-span-view-0ba1484d.js';
 import { A as AssetCardView } from './sqm-asset-card-view-08e68656.js';
-import { H as HeroView } from './sqm-hero-view-b54265df.js';
+import { H as HeroView } from './sqm-hero-view-71d1202f.js';
 import { L as LeaderboardRankView } from './sqm-leaderboard-rank-view-10657658.js';
 import { N as NavigationSidebarView } from './sqm-navigation-sidebar-view-06d444ca.js';
-import { N as NavigationSidebarItemView } from './sqm-navigation-sidebar-item-view-3485c8f6.js';
-import { P as PortalEmailVerificationView } from './sqm-portal-email-verification-view-b3110468.js';
-import { a as PoweredByImg$1, P as PortalFooterView } from './sqm-portal-footer-view-f342a626.js';
+import { N as NavigationSidebarItemView } from './sqm-navigation-sidebar-item-view-51714c31.js';
+import { P as PortalEmailVerificationView } from './sqm-portal-email-verification-view-ac38b167.js';
+import { a as PoweredByImg$1, P as PortalFooterView } from './sqm-portal-footer-view-a6d09022.js';
 import { P as PortalForgotPasswordView } from './sqm-portal-forgot-password-view-86d13eef.js';
 import { P as PortalContainerView } from './sqm-portal-container-view-ca454627.js';
-import { P as PortalProfileView } from './sqm-portal-profile-view-0700f41d.js';
+import { P as PortalProfileView } from './sqm-portal-profile-view-419d1eb9.js';
 import { P as PortalResetPasswordView } from './sqm-portal-reset-password-view-213b3af6.js';
 import { P as PortalVerifyEmailView } from './sqm-portal-verify-email-view-c32dfd7e.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 InputFieldView, 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, J as ShadowViewAddon } from './ShadowViewAddon-4558079b.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 InputFieldView, 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, J as ShadowViewAddon } from './ShadowViewAddon-e2996624.js';
 import { P as PortalSectionView } from './sqm-portal-section-view-6c249c74.js';
 
 /**
@@ -1848,78 +1848,6 @@ const users = [
     rowNumber: 10,
   },
 ];
-const pointsUsers = [
-  {
-    firstName: "",
-    lastInitial: "",
-    textValue: "82 Points",
-    rank: 1,
-    rowNumber: 1,
-  },
-  {
-    firstName: "MF",
-    lastInitial: "D",
-    textValue: "73 Points",
-    rank: 2,
-    rowNumber: 2,
-  },
-  {
-    firstName: "Freddie",
-    lastInitial: "G",
-    textValue: "64 Points",
-    rank: 3,
-    rowNumber: 3,
-  },
-  {
-    firstName: "Benny",
-    lastInitial: "B",
-    textValue: "55 Points",
-    rank: 4,
-    rowNumber: 4,
-  },
-  {
-    firstName: "Mos",
-    lastInitial: "D",
-    textValue: "46 Points",
-    rank: 5,
-    rowNumber: 5,
-  },
-  {
-    firstName: "Joe",
-    lastInitial: "S",
-    textValue: "42 Points",
-    rank: 6,
-    rowNumber: 6,
-  },
-  {
-    firstName: "Zach",
-    lastInitial: "H",
-    textValue: "41 Points",
-    rank: 7,
-    rowNumber: 7,
-  },
-  {
-    firstName: "Sarah",
-    lastInitial: "S",
-    textValue: "39 Points",
-    rank: 8,
-    rowNumber: 8,
-  },
-  {
-    firstName: "James",
-    lastInitial: "",
-    textValue: "33 Points",
-    rank: 9,
-    rowNumber: 9,
-  },
-  {
-    firstName: "",
-    lastInitial: "J",
-    textValue: "29 Points",
-    rank: 10,
-    rowNumber: 10,
-  },
-];
 const defaultStyles$1 = {
   usersheading: "User",
   statsheading: "Referrals",
@@ -2126,12 +2054,12 @@ const PointsLeaderboard = () => {
     },
     data: {
       rankType: "rowNumber",
-      leaderboard: pointsUsers,
+      leaderboard: users,
       rowNumber: 10,
       viewerRank: {
         firstName: "Viktor",
         lastInitial: "V",
-        textValue: "82 Points",
+        textValue: "82",
         rank: 1,
         rowNumber: 1,
       },
@@ -2353,36 +2281,36 @@ const routes = `
 `;
 const TemplateNavigation = createHookStory(() => {
   return (h("div", null,
-    h("button", { onClick: () => wn.push("/") }, "/"),
-    h("button", { onClick: () => wn.push("/foo") }, "/foo"),
-    h("button", { onClick: () => wn.push("/bar") }, "/bar"),
-    h("button", { onClick: () => wn.push("/baz/bang") }, "/baz/bang"),
-    h("button", { onClick: () => wn.push("/refer") }, "/refer"),
-    h("button", { onClick: () => wn.push("/refer/1") }, "/refer/1"),
-    h("button", { onClick: () => wn.push("/refer/2") }, "/refer/2"),
-    h("button", { onClick: () => wn.back() }, "Back"),
-    h("button", { onClick: () => wn.forward() }, "Forward"),
+    h("button", { onClick: () => dn.push("/") }, "/"),
+    h("button", { onClick: () => dn.push("/foo") }, "/foo"),
+    h("button", { onClick: () => dn.push("/bar") }, "/bar"),
+    h("button", { onClick: () => dn.push("/baz/bang") }, "/baz/bang"),
+    h("button", { onClick: () => dn.push("/refer") }, "/refer"),
+    h("button", { onClick: () => dn.push("/refer/1") }, "/refer/1"),
+    h("button", { onClick: () => dn.push("/refer/2") }, "/refer/2"),
+    h("button", { onClick: () => dn.back() }, "Back"),
+    h("button", { onClick: () => dn.forward() }, "Forward"),
     h("hr", null),
     h("sqm-router", { innerHTML: templates })));
 });
 const RouteNavigation = createHookStory(() => {
   return (h("div", null,
-    h("button", { onClick: () => wn.push("/") }, "/"),
-    h("button", { onClick: () => wn.push("/foo") }, "/foo"),
-    h("button", { onClick: () => wn.push("/bar") }, "/bar"),
-    h("button", { onClick: () => wn.push("/baz/bang") }, "/baz/bang"),
-    h("button", { onClick: () => wn.push("/refer") }, "/refer"),
-    h("button", { onClick: () => wn.push("/refer/1") }, "/refer/1"),
-    h("button", { onClick: () => wn.push("/refer/2") }, "/refer/2"),
-    h("button", { onClick: () => wn.back() }, "Back"),
-    h("button", { onClick: () => wn.forward() }, "Forward"),
+    h("button", { onClick: () => dn.push("/") }, "/"),
+    h("button", { onClick: () => dn.push("/foo") }, "/foo"),
+    h("button", { onClick: () => dn.push("/bar") }, "/bar"),
+    h("button", { onClick: () => dn.push("/baz/bang") }, "/baz/bang"),
+    h("button", { onClick: () => dn.push("/refer") }, "/refer"),
+    h("button", { onClick: () => dn.push("/refer/1") }, "/refer/1"),
+    h("button", { onClick: () => dn.push("/refer/2") }, "/refer/2"),
+    h("button", { onClick: () => dn.back() }, "Back"),
+    h("button", { onClick: () => dn.forward() }, "Forward"),
     h("hr", null),
     h("sqm-router", { innerHTML: routes })));
 });
 const Styling = createHookStory(() => {
   return (h("div", null,
-    h("button", { onClick: () => wn.push("/") }, "/"),
-    h("button", { onClick: () => wn.push("/foo") }, "/foo"),
+    h("button", { onClick: () => dn.push("/") }, "/"),
+    h("button", { onClick: () => dn.push("/foo") }, "/foo"),
     h("hr", null),
     h("div", { style: { display: "flex", justifyContent: "space-around" } },
       h("sqm-router", { innerHTML: `<template path="/">
@@ -2396,7 +2324,7 @@ function useTemplate(templateString) {
   const [previewTemplate, setPreviewTemplate] = useState(templateString);
   function setPath(e) {
     //@ts-ignore
-    wn.push(e.target.value);
+    dn.push(e.target.value);
   }
   return {
     states: { previewTemplate, editedTemplate },
@@ -2560,8 +2488,8 @@ const FullStackFrame = () => {
       "Current path:",
       " ",
       h("code", null,
-        h("strong", null, (_a = bn()) === null || _a === void 0 ? void 0 : _a.pathname))),
-    h("button", { onClick: wn.back }, "Go Back")));
+        h("strong", null, (_a = ln()) === null || _a === void 0 ? void 0 : _a.pathname))),
+    h("button", { onClick: dn.back }, "Go Back")));
 };
 const FullStackFrameLoggedOut = () => {
   var _a;
@@ -2585,8 +2513,8 @@ const FullStackFrameLoggedOut = () => {
       "Current path:",
       " ",
       h("code", null,
-        h("strong", null, (_a = bn()) === null || _a === void 0 ? void 0 : _a.pathname))),
-    h("button", { onClick: wn.back }, "Go Back")));
+        h("strong", null, (_a = ln()) === null || _a === void 0 ? void 0 : _a.pathname))),
+    h("button", { onClick: dn.back }, "Go Back")));
 };
 
 const PortalFrame = /*#__PURE__*/Object.freeze({
@@ -2680,14 +2608,14 @@ function setupGraphQL$1() {
     programId,
   };
   useEffect(() => {
-    te$1({
+    ae$1({
       accountId,
       id,
       jwt: "eyJhbGciOiJIUzI1NiIsInR5cCI6IkpXVCJ9.eyJ1c2VyIjp7ImFjY291bnRJZCI6InRlc3Rlc3Rlc3QiLCJpZCI6InRlc3Rlc3Rlc3QifX0.qYnU5hNeIj9C_G3NogfG7btgCPGZC7JRXY0MG6a63zs",
     });
     return () => {
       window.widgetIdent = undefined;
-      te$1(undefined);
+      ae$1(undefined);
     };
   }, []);
 }
@@ -2742,14 +2670,14 @@ function setupGraphQL$2() {
     programId,
   };
   useEffect(() => {
-    te$1({
+    ae$1({
       accountId,
       id,
       jwt: "eyJhbGciOiJIUzI1NiIsInR5cCI6IkpXVCJ9.eyJ1c2VyIjp7ImFjY291bnRJZCI6InRlc3Rlc3Rlc3QiLCJpZCI6InRlc3Rlc3Rlc3QifX0.qYnU5hNeIj9C_G3NogfG7btgCPGZC7JRXY0MG6a63zs",
     });
     return () => {
       window.widgetIdent = undefined;
-      te$1(undefined);
+      ae$1(undefined);
     };
   }, []);
 }
@@ -2804,14 +2732,14 @@ function setupGraphQL$3() {
     programId,
   };
   useEffect(() => {
-    te$1({
+    ae$1({
       accountId,
       id,
       jwt: "eyJhbGciOiJIUzI1NiIsInR5cCI6IkpXVCJ9.eyJ1c2VyIjp7ImFjY291bnRJZCI6Im55bmVsbGllIiwiaWQiOiJueW5lbGxpZSJ9fQ.3KV974VPLgk4tD8LQfJTi4IPkKCmnaB8w48HzVJYDuI",
     });
     return () => {
       window.widgetIdent = undefined;
-      te$1(undefined);
+      ae$1(undefined);
     };
   }, []);
 }
@@ -2945,14 +2873,14 @@ function setupGraphQL$4() {
     programId,
   };
   useEffect(() => {
-    te$1({
+    ae$1({
       accountId,
       id,
       jwt: "eyJhbGciOiJIUzI1NiIsInR5cCI6IkpXVCJ9.eyJ1c2VyIjp7ImFjY291bnRJZCI6IndvcnJpZWQtY2FtZXJhQHVleHdsdGdoLm1haWxvc2F1ci5uZXQiLCJpZCI6IndvcnJpZWQtY2FtZXJhQHVleHdsdGdoLm1haWxvc2F1ci5uZXQiLCJmaXJzdE5hbWUiOiJ0ZXN0IiwibGFzdE5hbWUiOiJ0ZXN0In19.ziDWbdCwsTo1ijxl8d2__Ga-6iFOVShaJUPp2ZBMeO0",
     });
     return () => {
       window.widgetIdent = undefined;
-      te$1(undefined);
+      ae$1(undefined);
     };
   }, []);
 }
@@ -2992,14 +2920,14 @@ function setupGraphQL$5() {
     programId,
   };
   useEffect(() => {
-    te$1({
+    ae$1({
       accountId,
       id,
       jwt: "eyJhbGciOiJIUzI1NiIsInR5cCI6IkpXVCJ9.eyJ1c2VyIjp7ImFjY291bnRJZCI6InRlc3Rlc3Rlc3QiLCJpZCI6InRlc3Rlc3Rlc3QifX0.qYnU5hNeIj9C_G3NogfG7btgCPGZC7JRXY0MG6a63zs",
     });
     return () => {
       window.widgetIdent = undefined;
-      te$1(undefined);
+      ae$1(undefined);
     };
   }, []);
 }
@@ -3015,14 +2943,14 @@ function setupOtherGraphQL() {
     programId,
   };
   useEffect(() => {
-    te$1({
+    ae$1({
       accountId,
       id,
       jwt: JWT,
     });
     return () => {
       window.widgetIdent = undefined;
-      te$1(undefined);
+      ae$1(undefined);
     };
   }, []);
   return { id, accountId };
@@ -3256,14 +3184,14 @@ function setupGraphQL$6() {
     programId,
   };
   useEffect(() => {
-    te$1({
+    ae$1({
       accountId,
       id,
       jwt: "eyJhbGciOiJIUzI1NiIsInR5cCI6IkpXVCJ9.eyJ1c2VyIjp7ImFjY291bnRJZCI6InRlc3Rlc3Rlc3QiLCJpZCI6InRlc3Rlc3Rlc3QifX0.qYnU5hNeIj9C_G3NogfG7btgCPGZC7JRXY0MG6a63zs",
     });
     return () => {
       window.widgetIdent = undefined;
-      te$1(undefined);
+      ae$1(undefined);
     };
   }, []);
   return { id, accountId };
@@ -3272,7 +3200,7 @@ function useExchangeButton() {
   const { id, accountId } = setupGraphQL$6();
   const [points, setPoints] = useState(10);
   const [rate, setRate] = useState(100);
-  const [exchange, { data, errors }] = Ye(EXCHANGE);
+  const [exchange, { data, errors }] = _e(EXCHANGE);
   return {
     states: {
       points,
@@ -3387,14 +3315,14 @@ function setupGraphQL$7() {
     appDomain: "https://staging.referralsaasquatch.com",
   };
   useEffect(() => {
-    te$1({
+    ae$1({
       accountId,
       id,
       jwt: "eyJhbGciOiJIUzI1NiIsInR5cCI6IkpXVCJ9.eyJ1c2VyIjp7ImFjY291bnRJZCI6InRlc3Rlc3Rlc3QiLCJpZCI6InRlc3Rlc3Rlc3QifX0.qYnU5hNeIj9C_G3NogfG7btgCPGZC7JRXY0MG6a63zs",
     });
     return () => {
       window.widgetIdent = undefined;
-      te$1(undefined);
+      ae$1(undefined);
     };
   }, []);
   return { id, accountId };
@@ -3408,14 +3336,14 @@ function setupGraphQLKlip({ token, id }) {
     appDomain: "https://staging.referralsaasquatch.com",
   };
   useEffect(() => {
-    te$1({
+    ae$1({
       accountId,
       id,
       jwt: token,
     });
     return () => {
       window.widgetIdent = undefined;
-      te$1(undefined);
+      ae$1(undefined);
     };
   }, []);
   return { id, accountId };
@@ -3429,7 +3357,7 @@ const RewardTableDemoHook = createHookStory(() => {
 });
 const RewardsTableWithProgram = createHookStory(() => {
   setupGraphQL$7();
-  D$1("sam-partner-test-2");
+  A$1("sam-partner-test-2");
   return (h("sqm-rewards-table", null,
     h("sqm-rewards-table-reward-column", null),
     h("sqm-rewards-table-status-column", null),
@@ -3438,7 +3366,7 @@ const RewardsTableWithProgram = createHookStory(() => {
 });
 const RewardsTableNoProgram = createHookStory(() => {
   setupGraphQL$7();
-  D$1(undefined);
+  A$1(undefined);
   return (h("sqm-rewards-table", null,
     h("sqm-rewards-table-reward-column", null),
     h("sqm-rewards-table-status-column", null),
@@ -3450,7 +3378,7 @@ const RewardsTableEn = createHookStory(() => {
     token: "eyJhbGciOiJIUzI1NiIsInR5cCI6IkpXVCJ9.eyJ1c2VyIjp7ImFjY291bnRJZCI6InNhbWVuZ2xpc2giLCJpZCI6InNhbWVuZ2xpc2gifX0._6OTVF3gcipu_ibgthUNr5UHwC-2E_lhCENI5HpYvcw",
     id: "samenglish",
   });
-  D$1(undefined);
+  A$1(undefined);
   return (h("sqm-rewards-table", { "per-page": "4" },
     h("sqm-rewards-table-reward-column", null),
     h("sqm-rewards-table-status-column", null),
@@ -3462,7 +3390,7 @@ const RewardsTableTr = createHookStory(() => {
     token: "eyJhbGciOiJIUzI1NiIsInR5cCI6IkpXVCJ9.eyJ1c2VyIjp7ImFjY291bnRJZCI6InNhbXR1cmtleSIsImlkIjoic2FtdHVya2V5In19.usSMe0RWg8W5FtwcvJayvAlxTw6vMxjTyWXaP8jI8_U",
     id: "samturkey",
   });
-  D$1(undefined);
+  A$1(undefined);
   return (h("sqm-rewards-table", { "per-page": "4", "more-label": "Daha", "prev-label": "\u00D6ncesi", "empty-state-text": "Hen\u00FCz Referans Yok" },
     h("sqm-rewards-table-reward-column", { "column-title": "\u00D6d\u00FCller", "redeemed-text": "{redeemedAmount} kullan\u0131ld\u0131", "available-text": "{availableAmount} mevcut" }),
     h("sqm-rewards-table-source-column", { "column-title": "Kullan\u0131c\u0131lar", "anonymous-user": "Anonim Kullan\u0131c\u0131", "deleted-user": "Silinmi\u015F Kullan\u0131c\u0131", "reward-exchange-text": "\u00D6d\u00FClleri Kulann\u0131n", "referral-text": "{rewardSource, select, FRIEND_SIGNUP {Referans} REFERRED {Y\u00F6nlendiren} other {}}", "reward-source-text": "{rewardSource, select, MANUAL {Manuel} AUTOMATED {Otomatik} other {}}" }),
@@ -3474,7 +3402,7 @@ const RewardsTableFr = createHookStory(() => {
     token: "eyJhbGciOiJIUzI1NiIsInR5cCI6IkpXVCJ9.eyJ1c2VyIjp7ImFjY291bnRJZCI6InNhbWZyZW5jaCIsImlkIjoic2FtZnJlbmNoIn19.cwhasHpfU5MLV4vGbCQcazb6p19iSw5pD2zyrVHgePg",
     id: "samfrench",
   });
-  D$1(undefined);
+  A$1(undefined);
   return (h("sqm-rewards-table", { "per-page": "4", "more-label": "Plus", "prev-label": "Pr\u00E9c\u00E9dent", "empty-state-text": "Aucune R\u00E9compenses Maintenant" },
     h("sqm-rewards-table-reward-column", { "column-title": "R\u00E9compenses", "redeemed-text": "{redeemedAmount} rachet\u00E9e", "available-text": "{availableAmount} disponible" }),
     h("sqm-rewards-table-source-column", { "column-title": "Utilisateur", "anonymous-user": "Utilisateur Anonyme", "deleted-user": "Utilisateur Supprim\u00E9", "reward-exchange-text": "\u00C9change de R\u00E9compenses", "referral-text": "{rewardSource, select, FRIEND_SIGNUP {R\u00E9f\u00E9rence \u00E0} REFERRED {R\u00E9f\u00E9renc\u00E9 par} other {}}", "reward-source-text": "{rewardSource, select, MANUAL {Manuel} AUTOMATED {Automatique} other {}}" }),
@@ -3508,14 +3436,14 @@ function setupGraphQL$8() {
     programId,
   };
   useEffect(() => {
-    te$1({
+    ae$1({
       accountId,
       id,
       jwt: JWT,
     });
     return () => {
       window.widgetIdent = undefined;
-      te$1(undefined);
+      ae$1(undefined);
     };
   }, []);
   return { id, accountId };
@@ -4330,7 +4258,7 @@ const PortalEmailVerification = /*#__PURE__*/Object.freeze({
   EmailVerificationSuccess: EmailVerificationSuccess
 });
 
-const scenario$8 = "@author:derek\n@owner:ian\nFeature: Reset Password\n\n    Background: A user in on the password reset page\n        Given a user who has been redirected to the password reset page\n\n    @motivating\n    Scenario: Users can reset their password\n        Given a user has a valid oob code as a url query parameter\n        When they enter their password twice\n        And they click \"Update\"\n        Then their password is updated\n        And a banner with a success message is displayed\n        And they can log in with their new password\n\n    @motivating\n    Scenario Outline: Users cannot reset their password with an invalid or missing oob code\n        Given a user has a <oobCode> as a url query parameter\n        And the component <mayHave> \"failed-page\" with <value>\n        Then they see an error message saying that their password reset code is invalid/expired\n        When they click \"Continue\"\n        Then they are redirected to <redirectPath>\n        Examples:\n            | oobCode               | mayHave      | value  | redirectPath |\n            | invalid oob code      | doesn't have | N/A    | /            |\n            | non existant oob code | doesn't have | N/A    | /            |\n            | invalid oob code      | has          | /login | /login       |\n            | non existant oob code | has          | /login | /login       |\n\n    @motivating\n    Scenario: Users must enter the same password twice to successfully reset their password\n        Given a user has been redirected to the password reset page\n        And they have a valid oob code as a url query parameter\n        When they enter two different passwords into the password reset form\n        And they click \"Update\"\n        Then their password is not be reset\n        And an error banner stating the input passwords must match appears\n        And their password is not be reset\n        When they enter the same password twice\n        And they click \"Update\"\n        Then a banner appears with a success message\n        And they can log in with their new password\n\n    @motivating\n    Scenario: Users are notified if resetting their password fails\n        Given a user has a valid oob code as a url query parameter\n        When they enter their password twice\n        And they click \"Update\"\n        But the password reset fails\n        Then the user's password does not reset\n        And an error banner is shown\n\n    @motivating\n    Scenario: Users are redirected to \"/\" by default\n        Given the component does not have prop \"nextPage\"\n        And the users url does not contain a \"nextPage\" query parameter\n        And a user has entered their password twice\n        When they click \"Update\"\n        Then their password is updated\n        And they are redirected to \"/\"\n\n    @motivating\n    Scenario: Custom redirection can be configured\n        Given the component has prop \"nextPage\" with value \"/activity\"\n        And the users url does not contain a \"nextPage\" query parameter\n        And a user has entered their password twice\n        When they click \"Update\"\n        Then their password is updated\n        And they are redirected to \"/activity\"\n\n    @motivating\n    Scenario Outline: Users are redirected to the value of the nextPage url parameter as if it were a relative path\n        Given the component is loaded at <currentUrl>\n        When they click \"Update\"\n        Then their password is updated\n        And they are redirected to <url>\n        Examples:\n            | currentUrl                                                                 | url                                           |\n            | https://www.example.com?nextPage=./activity                                | https://www.example.com/activity              |\n            | https://www.example.com?nextPage=activity                                  | https://www.example.com/activity              |\n            | https://www.example.com?nextPage=/activity                                 | https://www.example.com/activity              |\n            | https://www.example.com?nextPage=www.google.com                            | https://www.example.com/www.google.com        |\n            | https://www.example.com?nextPage=//foo.com                                 | https://www.example.com/                      |\n            | https://www.example.com?nextPage=https://malicious.example.com             | https://www.example.com/                      |\n            | http://www.example.com/nest/page?oob=123&other&nextPage=activity#heading-1 | http://www.example.com/activity               |\n            | https://www.example.com?nextPage=activity?foo=bar                          | https://www.example.com/activity?foo=bar      |\n            | https://www.example.com?nextPage=%2Factivity%3Ffoo%3Dbar                   | https://www.example.com/activity?foo=bar      |\n            | https://www.example.com?nextPage=%2Factivity%3Ffoo%3Dbar#hash              | https://www.example.com/activity?foo=bar      |\n            | https://www.example.com?nextPage=%2Factivity%3Ffoo%3Dbar%23hash            | https://www.example.com/activity?foo=bar#hash |\n            | https://www.example.com:1337?nextPage=activity                             | https://www.example.com:1337/activity         |\n            | http://1.1.1.1:1111?nextPage=activity                                      | http://1.1.1.1:1111/activity                  |\n\n    @landmine\n    Scenario Outline: Username and password are not persisted on redirects\n        Given the component is loaded at <currentUrl>\n        When they click \"Update\"\n        Then their password is updated\n        And they are redirected to <url>\n        Examples:\n            | currentUrl                                              | url                                  |\n            | https://user:pass@www.example.com:444?nextPage=activity | https://www.example.com:444/activity |";
+const scenario$8 = "@author:derek\n@owner:ian\nFeature: Reset Password\n\n    Background: A user in on the password reset page\n        Given a user who has been redirected to the password reset page\n\n    @motivating\n    Scenario: Users can reset their password\n        Given a user has a valid oob code as a url query parameter\n        When they enter their password twice\n        And they click \"Update\"\n        Then their password is updated\n        And a banner with a success message is displayed\n        And they can log in with their new password\n\n    @motivating\n    Scenario Outline: Users cannot reset their password with an invalid or missing oob code\n        Given a user has a <oobCode> as a url query parameter\n        And the component <mayHave> \"failed-page\" with <value>\n        Then they see an error message saying that their password reset code is invalid/expired\n        When they click \"Continue\"\n        Then they are redirected to <redirectPath>\n        Examples:\n            | oobCode               | mayHave      | value  | redirectPath |\n            | invalid oob code      | doesn't have | N/A    | /            |\n            | non existant oob code | doesn't have | N/A    | /            |\n            | invalid oob code      | has          | /login | /login       |\n            | non existant oob code | has          | /login | /login       |\n\n    @motivating\n    Scenario: Users must enter the same password twice to successfully reset their password\n        Given a user has been redirected to the password reset page\n        And they have a valid oob code as a url query parameter\n        When they enter two different passwords into the password reset form\n        And they click \"Update\"\n        Then their password is not be reset\n        And an error banner stating the input passwords must match appears\n        And their password is not be reset\n        When they enter the same password twice\n        And they click \"Update\"\n        Then a banner appears with a success message\n        And they can log in with their new password\n\n    @motivating\n    Scenario: Users are redirected to \"/\" by default\n        Given the component does not have prop \"nextPage\"\n        And the users url does not contain a \"nextPage\" query parameter\n        And a user has entered their password twice\n        When they click \"Update\"\n        Then their password is updated\n        And they are redirected to \"/\"\n\n    @motivating\n    Scenario: Custom redirection can be configured\n        Given the component has prop \"nextPage\" with value \"/activity\"\n        And the users url does not contain a \"nextPage\" query parameter\n        And a user has entered their password twice\n        When they click \"Update\"\n        Then their password is updated\n        And they are redirected to \"/activity\"\n\n    @motivating\n    Scenario Outline: Users are redirected to the value of the nextPage url parameter as if it were a relative path\n        Given the component is loaded at <currentUrl>\n        When they click \"Update\"\n        Then their password is updated\n        And they are redirected to <url>\n        Examples:\n            | currentUrl                                                                 | url                                           |\n            | https://www.example.com?nextPage=./activity                                | https://www.example.com/activity              |\n            | https://www.example.com?nextPage=activity                                  | https://www.example.com/activity              |\n            | https://www.example.com?nextPage=/activity                                 | https://www.example.com/activity              |\n            | https://www.example.com?nextPage=www.google.com                            | https://www.example.com/www.google.com        |\n            | https://www.example.com?nextPage=//foo.com                                 | https://www.example.com/                      |\n            | https://www.example.com?nextPage=https://malicious.example.com             | https://www.example.com/                      |\n            | http://www.example.com/nest/page?oob=123&other&nextPage=activity#heading-1 | http://www.example.com/activity               |\n            | https://www.example.com?nextPage=activity?foo=bar                          | https://www.example.com/activity?foo=bar      |\n            | https://www.example.com?nextPage=%2Factivity%3Ffoo%3Dbar                   | https://www.example.com/activity?foo=bar      |\n            | https://www.example.com?nextPage=%2Factivity%3Ffoo%3Dbar#hash              | https://www.example.com/activity?foo=bar      |\n            | https://www.example.com?nextPage=%2Factivity%3Ffoo%3Dbar%23hash            | https://www.example.com/activity?foo=bar#hash |\n            | https://www.example.com:1337?nextPage=activity                             | https://www.example.com:1337/activity         |\n            | http://1.1.1.1:1111?nextPage=activity                                      | http://1.1.1.1:1111/activity                  |\n\n    @landmine\n    Scenario Outline: Username and password are not persisted on redirects\n        Given the component is loaded at <currentUrl>\n        When they click \"Update\"\n        Then their password is updated\n        And they are redirected to <url>\n        Examples:\n            | currentUrl                                              | url                                  |\n            | https://user:pass@www.example.com:444?nextPage=activity | https://www.example.com:444/activity |";
 
 const PortalResetPassword_stories = {
   title: "Components/Portal Reset Password",
@@ -9573,17 +9501,17 @@ var marked = createCommonjsModule(function (module, exports) {
 })));
 });
 
-const LoginReadme = "# sqm-portal-login\n\n\n\n<!-- Auto Generated Below -->\n\n\n## Properties\n\n| Property              | Attribute               | Description | Type                                                                                                                                                                                                                                                            | Default                     |\n| --------------------- | ----------------------- | ----------- | --------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- | --------------------------- |\n| `demoData`            | --                      |             | `{ states?: { error: string; loading: boolean; forgotPasswordPath: string; registerPath: string; }; content?: { forgotPasswordButton?: any; secondaryButton?: any; emailLabel?: string; passwordLabel?: string; submitLabel?: string; pageLabel?: string; }; }` | `undefined`                 |\n| `emailLabel`          | `email-label`           |             | `string`                                                                                                                                                                                                                                                        | `\"Email\"`                   |\n| `forgotPasswordLabel` | `forgot-password-label` |             | `string`                                                                                                                                                                                                                                                        | `\"Forgot Password?\"`        |\n| `forgotPasswordPath`  | `forgot-password-path`  |             | `string`                                                                                                                                                                                                                                                        | `\"/forgotPassword\"`         |\n| `nextPage`            | `next-page`             |             | `string`                                                                                                                                                                                                                                                        | `\"/\"`                       |\n| `pageLabel`           | `page-label`            |             | `string`                                                                                                                                                                                                                                                        | `\"Sign in to your account\"` |\n| `passwordLabel`       | `password-label`        |             | `string`                                                                                                                                                                                                                                                        | `\"Password\"`                |\n| `registerLabel`       | `register-label`        |             | `string`                                                                                                                                                                                                                                                        | `\"Register\"`                |\n| `registerPath`        | `register-path`         |             | `string`                                                                                                                                                                                                                                                        | `\"/register\"`               |\n| `submitLabel`         | `submit-label`          |             | `string`                                                                                                                                                                                                                                                        | `\"Sign In\"`                 |\n\n\n## Dependencies\n\n### Used by\n\n - [sqm-stencilbook](../sqm-stencilbook)\n\n### Depends on\n\n- [sqm-form-message](../sqm-form-message)\n\n### Graph\n```mermaid\ngraph TD;\n  sqm-portal-login --> sqm-form-message\n  sqm-stencilbook --> sqm-portal-login\n  style sqm-portal-login fill:#f9f,stroke:#333,stroke-width:4px\n```\n\n----------------------------------------------\n\n*Built with [StencilJS](https://stenciljs.com/)*\n";
+const LoginReadme = "# sqm-portal-login\n\n\n\n<!-- Auto Generated Below -->\n\n\n## Properties\n\n| Property              | Attribute               | Description                         | Type                                                                                                                                                                                                                                                            | Default                     |\n| --------------------- | ----------------------- | ----------------------------------- | --------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- | --------------------------- |\n| `demoData`            | --                      |                                     | `{ states?: { error: string; loading: boolean; forgotPasswordPath: string; registerPath: string; }; content?: { forgotPasswordButton?: any; secondaryButton?: any; emailLabel?: string; passwordLabel?: string; submitLabel?: string; pageLabel?: string; }; }` | `undefined`                 |\n| `emailLabel`          | `email-label`           | Label for email field               | `string`                                                                                                                                                                                                                                                        | `\"Email\"`                   |\n| `forgotPasswordLabel` | `forgot-password-label` | Label for forgotten password button | `string`                                                                                                                                                                                                                                                        | `\"Forgot Password?\"`        |\n| `forgotPasswordPath`  | `forgot-password-path`  | Forgot password redirect path       | `string`                                                                                                                                                                                                                                                        | `\"/forgotPassword\"`         |\n| `nextPage`            | `next-page`             | Page navigated to after sign-in     | `string`                                                                                                                                                                                                                                                        | `\"/\"`                       |\n| `pageLabel`           | `page-label`            |                                     | `string`                                                                                                                                                                                                                                                        | `\"Sign in to your account\"` |\n| `passwordLabel`       | `password-label`        | Label for password field            | `string`                                                                                                                                                                                                                                                        | `\"Password\"`                |\n| `registerLabel`       | `register-label`        | Label for register button           | `string`                                                                                                                                                                                                                                                        | `\"Register\"`                |\n| `registerPath`        | `register-path`         | Register redirect path              | `string`                                                                                                                                                                                                                                                        | `\"/register\"`               |\n| `submitLabel`         | `submit-label`          | Label for submit button             | `string`                                                                                                                                                                                                                                                        | `\"Sign In\"`                 |\n\n\n## Dependencies\n\n### Used by\n\n - [sqm-stencilbook](../sqm-stencilbook)\n\n### Depends on\n\n- [sqm-form-message](../sqm-form-message)\n\n### Graph\n```mermaid\ngraph TD;\n  sqm-portal-login --> sqm-form-message\n  sqm-stencilbook --> sqm-portal-login\n  style sqm-portal-login fill:#f9f,stroke:#333,stroke-width:4px\n```\n\n----------------------------------------------\n\n*Built with [StencilJS](https://stenciljs.com/)*\n";
 
-const ReferralIframeReadme = "# sqm-referral-iframe\n\n\n\n<!-- Auto Generated Below -->\n\n\n## Properties\n\n| Property       | Attribute       | Description | Type                                                                                                                           | Default     |\n| -------------- | --------------- | ----------- | ------------------------------------------------------------------------------------------------------------------------------ | ----------- |\n| `demoData`     | --              |             | `{ states?: { content: { iframeSrc: string; iframeHeight: string; iframeWidth: string; }; }; data?: { shareCode: string; }; }` | `undefined` |\n| `iframeHeight` | `iframe-height` |             | `string`                                                                                                                       | `\"100%\"`    |\n| `iframeSrc`    | `iframe-src`    |             | `string`                                                                                                                       | `undefined` |\n| `iframeWidth`  | `iframe-width`  |             | `string`                                                                                                                       | `\"100%\"`    |\n\n\n## Dependencies\n\n### Used by\n\n - [sqm-stencilbook](../sqm-stencilbook)\n\n### Graph\n```mermaid\ngraph TD;\n  sqm-stencilbook --> sqm-referral-iframe\n  style sqm-referral-iframe fill:#f9f,stroke:#333,stroke-width:4px\n```\n\n----------------------------------------------\n\n*Built with [StencilJS](https://stenciljs.com/)*\n";
+const ReferralIframeReadme = "# sqm-referral-iframe\n\n\n\n<!-- Auto Generated Below -->\n\n\n## Properties\n\n| Property       | Attribute       | Description                    | Type                                                                                                                           | Default     |\n| -------------- | --------------- | ------------------------------ | ------------------------------------------------------------------------------------------------------------------------------ | ----------- |\n| `demoData`     | --              |                                | `{ states?: { content: { iframeSrc: string; iframeHeight: string; iframeWidth: string; }; }; data?: { shareCode: string; }; }` | `undefined` |\n| `iframeHeight` | `iframe-height` | Height of the iframe container | `string`                                                                                                                       | `\"100%\"`    |\n| `iframeSrc`    | `iframe-src`    | URL of iframe to display       | `string`                                                                                                                       | `undefined` |\n| `iframeWidth`  | `iframe-width`  | Width of the iframe container  | `string`                                                                                                                       | `\"100%\"`    |\n\n\n## Dependencies\n\n### Used by\n\n - [sqm-stencilbook](../sqm-stencilbook)\n\n### Graph\n```mermaid\ngraph TD;\n  sqm-stencilbook --> sqm-referral-iframe\n  style sqm-referral-iframe fill:#f9f,stroke:#333,stroke-width:4px\n```\n\n----------------------------------------------\n\n*Built with [StencilJS](https://stenciljs.com/)*\n";
 
 const ForgotPasswordReadme = "# sqm-portal-forgot-password\n\n\n\n<!-- Auto Generated Below -->\n\n\n## Properties\n\n| Property       | Attribute       | Description                                                          | Type                                                                                                                                                                                        | Default                    |\n| -------------- | --------------- | -------------------------------------------------------------------- | ------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- | -------------------------- |\n| `demoData`     | --              |                                                                      | `{ states?: { error: string; loading: boolean; success: boolean; loginPath: string; }; content?: { secondaryButton: any; messageSlot: any; emailLabel?: string; submitLabel?: string; }; }` | `undefined`                |\n| `emailLabel`   | `email-label`   |                                                                      | `string`                                                                                                                                                                                    | `\"Email\"`                  |\n| `loginPath`    | `login-path`    |                                                                      | `string`                                                                                                                                                                                    | `\"/login\"`                 |\n| `redirectPath` | `redirect-path` | The page that users are redirected to from the password reset email. | `string`                                                                                                                                                                                    | `\"/resetPassword\"`         |\n| `submitLabel`  | `submit-label`  |                                                                      | `string`                                                                                                                                                                                    | `\"Request Password Reset\"` |\n\n\n## Dependencies\n\n### Depends on\n\n- [sqm-form-message](../sqm-form-message)\n\n### Graph\n```mermaid\ngraph TD;\n  sqm-portal-forgot-password --> sqm-form-message\n  style sqm-portal-forgot-password fill:#f9f,stroke:#333,stroke-width:4px\n```\n\n----------------------------------------------\n\n*Built with [StencilJS](https://stenciljs.com/)*\n";
 
-const RegisterReadme = "# sqm-portal-register\n\n\n\n<!-- Auto Generated Below -->\n\n\n## Properties\n\n| Property                   | Attribute                    | Description                                                        | Type                                                                                                                                                                                                                                                                                                                                                                                                                                   | Default              |\n| -------------------------- | ---------------------------- | ------------------------------------------------------------------ | -------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- | -------------------- |\n| `confirmPassword`          | `confirm-password`           |                                                                    | `boolean`                                                                                                                                                                                                                                                                                                                                                                                                                              | `false`              |\n| `confirmPasswordLabel`     | `confirm-password-label`     |                                                                    | `string`                                                                                                                                                                                                                                                                                                                                                                                                                               | `\"Confirm Password\"` |\n| `demoData`                 | --                           |                                                                    | `{ states?: { error: string; loading: boolean; confirmPassword: boolean; hideInputs: boolean; validationState?: FormState; enablePasswordValidation?: boolean; loginPath: string; }; refs?: { formRef: any; }; content?: { formData?: VNode; terms?: VNode; passwordField?: VNode; secondaryButton?: VNode; emailLabel?: string; passwordLabel?: string; submitLabel?: string; pageLabel?: string; confirmPasswordLabel: string; }; }` | `undefined`          |\n| `emailLabel`               | `email-label`                |                                                                    | `string`                                                                                                                                                                                                                                                                                                                                                                                                                               | `\"Email\"`            |\n| `enablePasswordValidation` | `enable-password-validation` |                                                                    | `boolean`                                                                                                                                                                                                                                                                                                                                                                                                                              | `true`               |\n| `hideInputs`               | `hide-inputs`                |                                                                    | `boolean`                                                                                                                                                                                                                                                                                                                                                                                                                              | `false`              |\n| `loginLabel`               | `login-label`                |                                                                    | `string`                                                                                                                                                                                                                                                                                                                                                                                                                               | `\"Sign in\"`          |\n| `loginPath`                | `login-path`                 |                                                                    | `string`                                                                                                                                                                                                                                                                                                                                                                                                                               | `\"/login\"`           |\n| `nextPage`                 | `next-page`                  |                                                                    | `string`                                                                                                                                                                                                                                                                                                                                                                                                                               | `\"/\"`                |\n| `pageLabel`                | `page-label`                 |                                                                    | `string`                                                                                                                                                                                                                                                                                                                                                                                                                               | `\"Register\"`         |\n| `passwordLabel`            | `password-label`             |                                                                    | `string`                                                                                                                                                                                                                                                                                                                                                                                                                               | `\"Password\"`         |\n| `redirectPath`             | `redirect-path`              | The page that users are redirected to from the verification email. | `string`                                                                                                                                                                                                                                                                                                                                                                                                                               | `\"/verifyEmail\"`     |\n| `submitLabel`              | `submit-label`               |                                                                    | `string`                                                                                                                                                                                                                                                                                                                                                                                                                               | `\"Register\"`         |\n\n\n## Dependencies\n\n### Used by\n\n - [sqm-stencilbook](../sqm-stencilbook)\n\n### Depends on\n\n- [sqm-form-message](../sqm-form-message)\n- [sqm-password-field](../sqm-password-field)\n\n### Graph\n```mermaid\ngraph TD;\n  sqm-portal-register --> sqm-form-message\n  sqm-portal-register --> sqm-password-field\n  sqm-stencilbook --> sqm-portal-register\n  style sqm-portal-register fill:#f9f,stroke:#333,stroke-width:4px\n```\n\n----------------------------------------------\n\n*Built with [StencilJS](https://stenciljs.com/)*\n";
+const RegisterReadme = "# sqm-portal-register\n\n\n\n<!-- Auto Generated Below -->\n\n\n## Properties\n\n| Property                   | Attribute                    | Description                                                        | Type                                                                                                                                                                                                                                                                                                                                                                                                                                   | Default              |\n| -------------------------- | ---------------------------- | ------------------------------------------------------------------ | -------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- | -------------------- |\n| `confirmPassword`          | `confirm-password`           | Show or hide the confirm password input                            | `boolean`                                                                                                                                                                                                                                                                                                                                                                                                                              | `false`              |\n| `confirmPasswordLabel`     | `confirm-password-label`     |                                                                    | `string`                                                                                                                                                                                                                                                                                                                                                                                                                               | `\"Confirm Password\"` |\n| `demoData`                 | --                           |                                                                    | `{ states?: { error: string; loading: boolean; confirmPassword: boolean; hideInputs: boolean; validationState?: FormState; enablePasswordValidation?: boolean; loginPath: string; }; refs?: { formRef: any; }; content?: { formData?: VNode; terms?: VNode; passwordField?: VNode; secondaryButton?: VNode; emailLabel?: string; passwordLabel?: string; submitLabel?: string; pageLabel?: string; confirmPasswordLabel: string; }; }` | `undefined`          |\n| `emailLabel`               | `email-label`                |                                                                    | `string`                                                                                                                                                                                                                                                                                                                                                                                                                               | `\"Email\"`            |\n| `enablePasswordValidation` | `enable-password-validation` |                                                                    | `boolean`                                                                                                                                                                                                                                                                                                                                                                                                                              | `true`               |\n| `hideInputs`               | `hide-inputs`                | Hide default input fields to use custom fields                     | `boolean`                                                                                                                                                                                                                                                                                                                                                                                                                              | `false`              |\n| `loginLabel`               | `login-label`                |                                                                    | `string`                                                                                                                                                                                                                                                                                                                                                                                                                               | `\"Sign in\"`          |\n| `loginPath`                | `login-path`                 | Login button redirection path                                      | `string`                                                                                                                                                                                                                                                                                                                                                                                                                               | `\"/login\"`           |\n| `nextPage`                 | `next-page`                  | Page navigated to after registration                               | `string`                                                                                                                                                                                                                                                                                                                                                                                                                               | `\"/\"`                |\n| `pageLabel`                | `page-label`                 |                                                                    | `string`                                                                                                                                                                                                                                                                                                                                                                                                                               | `\"Register\"`         |\n| `passwordLabel`            | `password-label`             |                                                                    | `string`                                                                                                                                                                                                                                                                                                                                                                                                                               | `\"Password\"`         |\n| `redirectPath`             | `redirect-path`              | The page that users are redirected to from the verification email. | `string`                                                                                                                                                                                                                                                                                                                                                                                                                               | `\"/verifyEmail\"`     |\n| `submitLabel`              | `submit-label`               |                                                                    | `string`                                                                                                                                                                                                                                                                                                                                                                                                                               | `\"Register\"`         |\n\n\n## Dependencies\n\n### Used by\n\n - [sqm-stencilbook](../sqm-stencilbook)\n\n### Depends on\n\n- [sqm-form-message](../sqm-form-message)\n- [sqm-password-field](../sqm-password-field)\n\n### Graph\n```mermaid\ngraph TD;\n  sqm-portal-register --> sqm-form-message\n  sqm-portal-register --> sqm-password-field\n  sqm-stencilbook --> sqm-portal-register\n  style sqm-portal-register fill:#f9f,stroke:#333,stroke-width:4px\n```\n\n----------------------------------------------\n\n*Built with [StencilJS](https://stenciljs.com/)*\n";
 
-const EditProfileReadme = "# sqm-portal-profile\n\n\n\n<!-- Auto Generated Below -->\n\n\n## Properties\n\n| Property                 | Attribute                   | Description | Type                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                 | Default                  |\n| ------------------------ | --------------------------- | ----------- | -------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- | ------------------------ |\n| `countrytext`            | `countrytext`               |             | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                             | `\"Country\"`              |\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`              |\n| `editProfileHeader`      | `edit-profile-header`       |             | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                             | `\"Edit your profile\"`    |\n| `editProfileSubHeader`   | `edit-profile-sub-header`   |             | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                             | `\"Personal Information\"` |\n| `emailtext`              | `emailtext`                 |             | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                             | `\"Email\"`                |\n| `firstnametext`          | `firstnametext`             |             | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                             | `\"First Name\"`           |\n| `lastnametext`           | `lastnametext`              |             | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                             | `\"Last Name\"`            |\n| `showCountry`            | `show-country`              |             | `boolean`                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                            | `true`                   |\n| `submitChangeButtonText` | `submit-change-button-text` |             | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                             | `\"Submit Changes\"`       |\n\n\n## Dependencies\n\n### Depends on\n\n- [sqm-form-message](../sqm-form-message)\n\n### Graph\n```mermaid\ngraph TD;\n  sqm-portal-profile --> sqm-form-message\n  style sqm-portal-profile fill:#f9f,stroke:#333,stroke-width:4px\n```\n\n----------------------------------------------\n\n*Built with [StencilJS](https://stenciljs.com/)*\n";
+const EditProfileReadme = "# sqm-portal-profile\n\n\n\n<!-- Auto Generated Below -->\n\n\n## Properties\n\n| Property                 | Attribute                   | Description                    | Type                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                 | Default                  |\n| ------------------------ | --------------------------- | ------------------------------ | -------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- | ------------------------ |\n| `countrytext`            | `countrytext`               | Country input field label      | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                             | `\"Country\"`              |\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`              |\n| `editProfileHeader`      | `edit-profile-header`       |                                | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                             | `\"Edit your profile\"`    |\n| `editProfileSubHeader`   | `edit-profile-sub-header`   |                                | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                             | `\"Personal Information\"` |\n| `emailtext`              | `emailtext`                 | Email input field label        | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                             | `\"Email\"`                |\n| `firstnametext`          | `firstnametext`             | First name input field label   | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                             | `\"First Name\"`           |\n| `lastnametext`           | `lastnametext`              | Last name input field label    | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                             | `\"Last Name\"`            |\n| `showCountry`            | `show-country`              | Show or hide the country field | `boolean`                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                            | `true`                   |\n| `submitChangeButtonText` | `submit-change-button-text` |                                | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                             | `\"Submit Changes\"`       |\n\n\n## Dependencies\n\n### Depends on\n\n- [sqm-form-message](../sqm-form-message)\n\n### Graph\n```mermaid\ngraph TD;\n  sqm-portal-profile --> sqm-form-message\n  style sqm-portal-profile fill:#f9f,stroke:#333,stroke-width:4px\n```\n\n----------------------------------------------\n\n*Built with [StencilJS](https://stenciljs.com/)*\n";
 
-const ResetPasswordReadme = "# sqm-portal-reset-password\n\n\n\n<!-- Auto Generated Below -->\n\n\n## Properties\n\n| Property                    | Attribute                      | Description                                                                                      | Type                                                                                                                                                                                                                                                                                                                                                                                                 | Default                 |\n| --------------------------- | ------------------------------ | ------------------------------------------------------------------------------------------------ | ---------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- | ----------------------- |\n| `confirmPassword`           | `confirm-password`             |                                                                                                  | `boolean`                                                                                                                                                                                                                                                                                                                                                                                            | `false`                 |\n| `confirmPasswordFieldLabel` | `confirm-password-field-label` |                                                                                                  | `string`                                                                                                                                                                                                                                                                                                                                                                                             | `\"Confirm Password\"`    |\n| `continueButtonText`        | `continue-button-text`         | Displayed after a successful password reset                                                      | `string`                                                                                                                                                                                                                                                                                                                                                                                             | `\"Continue\"`            |\n| `demoData`                  | --                             |                                                                                                  | `{ states?: { error: string; loading: boolean; reset: boolean; confirmPassword: boolean; oobCodeValidating: boolean; oobCodeValid: boolean; passwordDemoData?: PasswordFieldViewDemoProps; content: { passwordResetHeader: string; resetPasswordHeader: string; continueButtonText: string; resetPasswordButtonText: string; confirmPasswordFieldLabel: string; passwordFieldLabel: string; }; }; }` | `undefined`             |\n| `failedPage`                | `failed-page`                  | The page that users are redirected to if the reset fails due to outdated password reset attempt. | `string`                                                                                                                                                                                                                                                                                                                                                                                             | `\"/\"`                   |\n| `nextPage`                  | `next-page`                    | The page that users are redirected to when the password reset succeeds.                          | `string`                                                                                                                                                                                                                                                                                                                                                                                             | `\"/\"`                   |\n| `passwordFieldLabel`        | `password-field-label`         |                                                                                                  | `string`                                                                                                                                                                                                                                                                                                                                                                                             | `\"New Password\"`        |\n| `passwordResetHeader`       | `password-reset-header`        | Displayed after a successful password reset                                                      | `string`                                                                                                                                                                                                                                                                                                                                                                                             | `\"Password reset\"`      |\n| `resetPasswordButtonText`   | `reset-password-button-text`   |                                                                                                  | `string`                                                                                                                                                                                                                                                                                                                                                                                             | `\"Reset Password\"`      |\n| `resetPasswordHeader`       | `reset-password-header`        |                                                                                                  | `string`                                                                                                                                                                                                                                                                                                                                                                                             | `\"Reset your password\"` |\n\n\n## Dependencies\n\n### Depends on\n\n- [sqm-form-message](../sqm-form-message)\n- [sqm-password-field](../sqm-password-field)\n\n### Graph\n```mermaid\ngraph TD;\n  sqm-portal-reset-password --> sqm-form-message\n  sqm-portal-reset-password --> sqm-password-field\n  style sqm-portal-reset-password fill:#f9f,stroke:#333,stroke-width:4px\n```\n\n----------------------------------------------\n\n*Built with [StencilJS](https://stenciljs.com/)*\n";
+const ResetPasswordReadme = "# sqm-portal-reset-password\n\n\n\n<!-- Auto Generated Below -->\n\n\n## Properties\n\n| Property                    | Attribute                      | Description                                                                                      | Type                                                                                                                                                                                                                                                                                                                                                                                                 | Default                 |\n| --------------------------- | ------------------------------ | ------------------------------------------------------------------------------------------------ | ---------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- | ----------------------- |\n| `confirmPassword`           | `confirm-password`             | Show or hide confirm password field                                                              | `boolean`                                                                                                                                                                                                                                                                                                                                                                                            | `false`                 |\n| `confirmPasswordFieldLabel` | `confirm-password-field-label` |                                                                                                  | `string`                                                                                                                                                                                                                                                                                                                                                                                             | `\"Confirm Password\"`    |\n| `continueButtonText`        | `continue-button-text`         | Button text displayed after a successful password reset                                          | `string`                                                                                                                                                                                                                                                                                                                                                                                             | `\"Continue\"`            |\n| `demoData`                  | --                             |                                                                                                  | `{ states?: { error: string; loading: boolean; reset: boolean; confirmPassword: boolean; oobCodeValidating: boolean; oobCodeValid: boolean; passwordDemoData?: PasswordFieldViewDemoProps; content: { passwordResetHeader: string; resetPasswordHeader: string; continueButtonText: string; resetPasswordButtonText: string; confirmPasswordFieldLabel: string; passwordFieldLabel: string; }; }; }` | `undefined`             |\n| `failedPage`                | `failed-page`                  | The page that users are redirected to if the reset fails due to outdated password reset attempt. | `string`                                                                                                                                                                                                                                                                                                                                                                                             | `\"/\"`                   |\n| `nextPage`                  | `next-page`                    | The page that users are redirected to when the password reset succeeds.                          | `string`                                                                                                                                                                                                                                                                                                                                                                                             | `\"/\"`                   |\n| `passwordFieldLabel`        | `password-field-label`         |                                                                                                  | `string`                                                                                                                                                                                                                                                                                                                                                                                             | `\"New Password\"`        |\n| `passwordResetHeader`       | `password-reset-header`        | Displayed after a successful password reset                                                      | `string`                                                                                                                                                                                                                                                                                                                                                                                             | `\"Password reset\"`      |\n| `resetPasswordButtonText`   | `reset-password-button-text`   |                                                                                                  | `string`                                                                                                                                                                                                                                                                                                                                                                                             | `\"Reset Password\"`      |\n| `resetPasswordHeader`       | `reset-password-header`        |                                                                                                  | `string`                                                                                                                                                                                                                                                                                                                                                                                             | `\"Reset your password\"` |\n\n\n## Dependencies\n\n### Depends on\n\n- [sqm-form-message](../sqm-form-message)\n- [sqm-password-field](../sqm-password-field)\n\n### Graph\n```mermaid\ngraph TD;\n  sqm-portal-reset-password --> sqm-form-message\n  sqm-portal-reset-password --> sqm-password-field\n  style sqm-portal-reset-password fill:#f9f,stroke:#333,stroke-width:4px\n```\n\n----------------------------------------------\n\n*Built with [StencilJS](https://stenciljs.com/)*\n";
 
 const EmailVerificationReadme = "# sqm-portal-email-verification\n\n\n\n<!-- Auto Generated Below -->\n\n\n## Properties\n\n| Property                  | Attribute                   | Description                                                        | Type                                                                                                                                                                                        | Default                                                                                           |\n| ------------------------- | --------------------------- | ------------------------------------------------------------------ | ------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- | ------------------------------------------------------------------------------------------------- |\n| `demoData`                | --                          |                                                                    | `{ states?: { error: string; loading: boolean; success: boolean; }; content?: { email: string; verifyMessage: string; emailVerificationHeader: string; resendEmailButtonText: string; }; }` | `undefined`                                                                                       |\n| `emailVerificationHeader` | `email-verification-header` |                                                                    | `string`                                                                                                                                                                                    | `\"Verify your email\"`                                                                             |\n| `redirectPath`            | `redirect-path`             | The page that users are redirected to from the verification email. | `string`                                                                                                                                                                                    | `\"/verifyEmail\"`                                                                                  |\n| `resendEmailButtonText`   | `resend-email-button-text`  |                                                                    | `string`                                                                                                                                                                                    | `\"Re-send Email\"`                                                                                 |\n| `verifyMessage`           | `verify-message`            |                                                                    | `string`                                                                                                                                                                                    | `\"A verification email was sent to {email}. Please verify your email to continue to the portal.\"` |\n\n\n## Dependencies\n\n### Depends on\n\n- [sqm-form-message](../sqm-form-message)\n\n### Graph\n```mermaid\ngraph TD;\n  sqm-portal-email-verification --> sqm-form-message\n  style sqm-portal-email-verification fill:#f9f,stroke:#333,stroke-width:4px\n```\n\n----------------------------------------------\n\n*Built with [StencilJS](https://stenciljs.com/)*\n";
 
@@ -9627,16 +9555,16 @@ function DefaultTemplateView$1(props) {
         gridTemplateColumns: "repeat(9, 80px)",
         gridGap: "10px",
       } },
-      h("button", { onClick: () => wn.push("/") }, "Dashboard"),
-      props.leadSubmit && (h("button", { onClick: () => wn.push("/refer") }, "Submit a Referral")),
-      h("button", { onClick: () => wn.push("/activity") }, "Activity"),
-      h("button", { onClick: () => wn.push("/editProfile") }, "Edit Profile"),
-      h("button", { onClick: () => wn.push("/login") }, "Login"),
-      h("button", { onClick: () => wn.push("/register") }, "Register"),
-      h("button", { onClick: () => wn.push("/emailVerification") }, "Email Verification"),
-      h("button", { onClick: () => wn.push("/verifyEmail") }, "Verify Email"),
-      h("button", { onClick: () => wn.push("/forgotPassword") }, "Forgot Password"),
-      h("button", { onClick: () => wn.push("/resetPassword") }, "Reset Password")),
+      h("button", { onClick: () => dn.push("/") }, "Dashboard"),
+      props.leadSubmit && (h("button", { onClick: () => dn.push("/refer") }, "Submit a Referral")),
+      h("button", { onClick: () => dn.push("/activity") }, "Activity"),
+      h("button", { onClick: () => dn.push("/editProfile") }, "Edit Profile"),
+      h("button", { onClick: () => dn.push("/login") }, "Login"),
+      h("button", { onClick: () => dn.push("/register") }, "Register"),
+      h("button", { onClick: () => dn.push("/emailVerification") }, "Email Verification"),
+      h("button", { onClick: () => dn.push("/verifyEmail") }, "Verify Email"),
+      h("button", { onClick: () => dn.push("/forgotPassword") }, "Forgot Password"),
+      h("button", { onClick: () => dn.push("/resetPassword") }, "Reset Password")),
     h("br", null),
     h("div", { innerHTML: states.previewTemplate })));
 }
@@ -10210,14 +10138,14 @@ function setupGraphQL$9() {
     programId,
   };
   useEffect(() => {
-    te$1({
+    ae$1({
       accountId,
       id,
       jwt: "eyJhbGciOiJIUzI1NiIsInR5cCI6IkpXVCJ9.eyJ1c2VyIjp7ImFjY291bnRJZCI6InRlc3Rlc3Rlc3QiLCJpZCI6InRlc3Rlc3Rlc3QifX0.qYnU5hNeIj9C_G3NogfG7btgCPGZC7JRXY0MG6a63zs",
     });
     return () => {
       window.widgetIdent = undefined;
-      te$1(undefined);
+      ae$1(undefined);
     };
   }, []);
   return { id, accountId };
@@ -10326,14 +10254,14 @@ function setupGraphQL$a() {
     programId,
   };
   useEffect(() => {
-    te$1({
+    ae$1({
       accountId,
       id,
       jwt: "eyJhbGciOiJIUzI1NiIsInR5cCI6IkpXVCJ9.eyJ1c2VyIjp7ImFjY291bnRJZCI6InRlc3Rlc3Rlc3QiLCJpZCI6InRlc3Rlc3Rlc3QifX0.qYnU5hNeIj9C_G3NogfG7btgCPGZC7JRXY0MG6a63zs",
     });
     return () => {
       window.widgetIdent = undefined;
-      te$1(undefined);
+      ae$1(undefined);
     };
   }, []);
   return { id, accountId };
@@ -10481,14 +10409,14 @@ function setupGraphQL$b() {
     programId,
   };
   useEffect(() => {
-    te$1({
+    ae$1({
       accountId,
       id,
       jwt: "eyJhbGciOiJIUzI1NiIsInR5cCI6IkpXVCJ9.eyJ1c2VyIjp7ImFjY291bnRJZCI6InRlc3Rlc3Rlc3QiLCJpZCI6InRlc3Rlc3Rlc3QifX0.qYnU5hNeIj9C_G3NogfG7btgCPGZC7JRXY0MG6a63zs",
     });
     return () => {
       window.widgetIdent = undefined;
-      te$1(undefined);
+      ae$1(undefined);
     };
   }, []);
   return { id, accountId };
@@ -11627,14 +11555,14 @@ function setupGraphQL$c() {
     appDomain: "https://staging.referralsaasquatch.com",
   };
   useEffect(() => {
-    te$1({
+    ae$1({
       accountId,
       id,
       jwt: "eyJhbGciOiJIUzI1NiIsInR5cCI6IkpXVCJ9.eyJ1c2VyIjp7ImFjY291bnRJZCI6InRlc3Rlc3Rlc3QiLCJpZCI6InRlc3Rlc3Rlc3QifX0.qYnU5hNeIj9C_G3NogfG7btgCPGZC7JRXY0MG6a63zs",
     });
     return () => {
       window.widgetIdent = undefined;
-      te$1(undefined);
+      ae$1(undefined);
     };
   }, []);
   return { id, accountId };
@@ -11648,21 +11576,21 @@ function setupGraphQLKlip$1({ token, id }) {
     appDomain: "https://staging.referralsaasquatch.com",
   };
   useEffect(() => {
-    te$1({
+    ae$1({
       accountId,
       id,
       jwt: token,
     });
     return () => {
       window.widgetIdent = undefined;
-      te$1(undefined);
+      ae$1(undefined);
     };
   }, []);
   return { id, accountId };
 }
 const ReferralTable$1 = createHookStory(() => {
   setupGraphQL$c();
-  D$1("sam-partner-test-2");
+  A$1("sam-partner-test-2");
   return (h("sqm-referral-table", null,
     h("sqm-referral-table-user-column", null),
     h("sqm-referral-table-status-column", null),
@@ -11688,7 +11616,7 @@ const ReferralTableEn = createHookStory(() => {
     token: "eyJhbGciOiJIUzI1NiIsInR5cCI6IkpXVCJ9.eyJ1c2VyIjp7ImFjY291bnRJZCI6InNhbWVuZ2xpc2giLCJpZCI6InNhbWVuZ2xpc2gifX0._6OTVF3gcipu_ibgthUNr5UHwC-2E_lhCENI5HpYvcw",
     id: "samenglish",
   });
-  D$1("klip-referral-program");
+  A$1("klip-referral-program");
   return (h("sqm-referral-table", { "per-page": "4" },
     h("sqm-referral-table-user-column", { "column-title": "User" }),
     h("sqm-referral-table-status-column", { "column-title": "Referral Status" }),
@@ -11700,7 +11628,7 @@ const ReferralTableTr = createHookStory(() => {
     token: "eyJhbGciOiJIUzI1NiIsInR5cCI6IkpXVCJ9.eyJ1c2VyIjp7ImFjY291bnRJZCI6InNhbXR1cmtleSIsImlkIjoic2FtdHVya2V5In19.usSMe0RWg8W5FtwcvJayvAlxTw6vMxjTyWXaP8jI8_U",
     id: "samturkey",
   });
-  D$1("klip-referral-program");
+  A$1("klip-referral-program");
   return (h("sqm-referral-table", { "more-label": "Daha", "prev-label": "\u00D6ncesi", "empty-state-text": "Hen\u00FCz \u00D6d\u00FCl Yok", "per-page": "4" },
     h("sqm-referral-table-user-column", { "column-title": "Kullan\u0131c\u0131lar", "anonymous-user": "Anonim Kullan\u0131c\u0131", "deleted-user": "Silinmi\u015F Kullan\u0131c\u0131" }),
     h("sqm-referral-table-status-column", { "column-title": "Durumu", "converted-status-text": "D\u00F6n\u00FC\u015Ft\u00FCr", "in-progress-status-text": "Devam etmekte" }),
@@ -11712,7 +11640,7 @@ const ReferralTableFr = createHookStory(() => {
     token: "eyJhbGciOiJIUzI1NiIsInR5cCI6IkpXVCJ9.eyJ1c2VyIjp7ImFjY291bnRJZCI6InNhbWZyZW5jaCIsImlkIjoic2FtZnJlbmNoIn19.cwhasHpfU5MLV4vGbCQcazb6p19iSw5pD2zyrVHgePg",
     id: "samfrench",
   });
-  D$1("klip-referral-program");
+  A$1("klip-referral-program");
   return (h("sqm-referral-table", { "more-label": "Plus", "prev-label": "Pr\u00E9c\u00E9dent", "empty-state-text": "Aucune R\u00E9f\u00E9rence Maintenant", "per-page": "4" },
     h("sqm-referral-table-user-column", { "column-title": "Utilisateur", "anonymous-user": "Utilisateur Anonyme", "deleted-user": "Utilisateur Supprim\u00E9" }),
     h("sqm-referral-table-status-column", { "column-title": "Statut de Parrainage", "converted-status-text": "Converti", "in-progress-status-text": "En cours" }),
@@ -12440,7 +12368,8 @@ const ManyTabs = () => (h("div", { style: { maxWidth: "700px", margin: "auto" },
      <sqm-tabs>
         <sqm-tab header="General">This is the general tab</sqm-tab>
         <sqm-tab header="Custom">This is the custom tab</sqm-tab>
-        <sqm-tab header="Advanced">This is the advanced tab</sqm-tab>        <sqm-tab header="General">This is the general tab</sqm-tab>
+        <sqm-tab header="Advanced">This is the advanced tab</sqm-tab> 
+        <sqm-tab header="General">This is the general tab</sqm-tab>
         <sqm-tab header="Custom">This is the custom tab</sqm-tab>
         <sqm-tab header="Advanced">This is the advanced tab</sqm-tab>
         <sqm-tab header="General">This is the general tab</sqm-tab>