@saasquatch/mint-components 1.6.2-8 → 1.6.2-9

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

@@ -3,32 +3,32 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
 const index = require('./index-b0129cd6.js');
-const stencilHooks_module = require('./stencil-hooks.module-87a1f4f7.js');
-require('./global-348a8750.js');
-require('./use-callback-e754042f.js');
-const index_module = require('./index.module-ff45cbf1.js');
+const stencilHooks_module = require('./stencil-hooks.module-6fe43579.js');
+require('./global-4e52f274.js');
+require('./use-callback-5d15897d.js');
+const index_module = require('./index.module-7972acac.js');
 require('./extends-08099afd.js');
 require('./cjs-1066ec21.js');
 require('./mixins-fe9d4112.js');
 const JSS = require('./JSS-97fd087e.js');
 const GenericTableView = require('./GenericTableView-47869553.js');
-require('./useChildElements-b3043b63.js');
-const luxon = require('./luxon-59ca7d19.js');
+require('./useChildElements-42a97f2a.js');
+const luxon = require('./luxon-479fc825.js');
 require('./utils-6847bc06.js');
 require('./sqm-text-span-view-2c7d94b5.js');
 const sqmAssetCardView = require('./sqm-asset-card-view-3da8cac1.js');
-const sqmHeroView = require('./sqm-hero-view-46223e34.js');
+const sqmHeroView = require('./sqm-hero-view-bc763ed2.js');
 const sqmLeaderboardRankView = require('./sqm-leaderboard-rank-view-5a3d4a88.js');
 const sqmNavigationSidebarView = require('./sqm-navigation-sidebar-view-969adcdc.js');
-const sqmNavigationSidebarItemView = require('./sqm-navigation-sidebar-item-view-e8f500f9.js');
-const sqmPortalEmailVerificationView = require('./sqm-portal-email-verification-view-64b5109a.js');
-const sqmPortalFooterView = require('./sqm-portal-footer-view-ab13a649.js');
+const sqmNavigationSidebarItemView = require('./sqm-navigation-sidebar-item-view-b3ca14b4.js');
+const sqmPortalEmailVerificationView = require('./sqm-portal-email-verification-view-f2a35e7c.js');
+const sqmPortalFooterView = require('./sqm-portal-footer-view-8eadb31d.js');
 const sqmPortalForgotPasswordView = require('./sqm-portal-forgot-password-view-fed1f563.js');
 const sqmPortalContainerView = require('./sqm-portal-container-view-840db620.js');
-const sqmPortalProfileView = require('./sqm-portal-profile-view-89995e7b.js');
+const sqmPortalProfileView = require('./sqm-portal-profile-view-730252e8.js');
 const sqmPortalResetPasswordView = require('./sqm-portal-reset-password-view-f8dc0b79.js');
 const sqmPortalVerifyEmailView = require('./sqm-portal-verify-email-view-cc59877c.js');
-const ShadowViewAddon = require('./ShadowViewAddon-ad683b80.js');
+const ShadowViewAddon = require('./ShadowViewAddon-0ce4871c.js');
 const sqmPortalSectionView = require('./sqm-portal-section-view-854a3e9c.js');
 
 /**
@@ -2358,36 +2358,36 @@ const routes = `
 `;
 const TemplateNavigation = createHookStory(() => {
   return (index.h("div", null,
-    index.h("button", { onClick: () => index_module.In.push("/") }, "/"),
-    index.h("button", { onClick: () => index_module.In.push("/foo") }, "/foo"),
-    index.h("button", { onClick: () => index_module.In.push("/bar") }, "/bar"),
-    index.h("button", { onClick: () => index_module.In.push("/baz/bang") }, "/baz/bang"),
-    index.h("button", { onClick: () => index_module.In.push("/refer") }, "/refer"),
-    index.h("button", { onClick: () => index_module.In.push("/refer/1") }, "/refer/1"),
-    index.h("button", { onClick: () => index_module.In.push("/refer/2") }, "/refer/2"),
-    index.h("button", { onClick: () => index_module.In.back() }, "Back"),
-    index.h("button", { onClick: () => index_module.In.forward() }, "Forward"),
+    index.h("button", { onClick: () => index_module.vn.push("/") }, "/"),
+    index.h("button", { onClick: () => index_module.vn.push("/foo") }, "/foo"),
+    index.h("button", { onClick: () => index_module.vn.push("/bar") }, "/bar"),
+    index.h("button", { onClick: () => index_module.vn.push("/baz/bang") }, "/baz/bang"),
+    index.h("button", { onClick: () => index_module.vn.push("/refer") }, "/refer"),
+    index.h("button", { onClick: () => index_module.vn.push("/refer/1") }, "/refer/1"),
+    index.h("button", { onClick: () => index_module.vn.push("/refer/2") }, "/refer/2"),
+    index.h("button", { onClick: () => index_module.vn.back() }, "Back"),
+    index.h("button", { onClick: () => index_module.vn.forward() }, "Forward"),
     index.h("hr", null),
     index.h("sqm-router", { innerHTML: templates })));
 });
 const RouteNavigation = createHookStory(() => {
   return (index.h("div", null,
-    index.h("button", { onClick: () => index_module.In.push("/") }, "/"),
-    index.h("button", { onClick: () => index_module.In.push("/foo") }, "/foo"),
-    index.h("button", { onClick: () => index_module.In.push("/bar") }, "/bar"),
-    index.h("button", { onClick: () => index_module.In.push("/baz/bang") }, "/baz/bang"),
-    index.h("button", { onClick: () => index_module.In.push("/refer") }, "/refer"),
-    index.h("button", { onClick: () => index_module.In.push("/refer/1") }, "/refer/1"),
-    index.h("button", { onClick: () => index_module.In.push("/refer/2") }, "/refer/2"),
-    index.h("button", { onClick: () => index_module.In.back() }, "Back"),
-    index.h("button", { onClick: () => index_module.In.forward() }, "Forward"),
+    index.h("button", { onClick: () => index_module.vn.push("/") }, "/"),
+    index.h("button", { onClick: () => index_module.vn.push("/foo") }, "/foo"),
+    index.h("button", { onClick: () => index_module.vn.push("/bar") }, "/bar"),
+    index.h("button", { onClick: () => index_module.vn.push("/baz/bang") }, "/baz/bang"),
+    index.h("button", { onClick: () => index_module.vn.push("/refer") }, "/refer"),
+    index.h("button", { onClick: () => index_module.vn.push("/refer/1") }, "/refer/1"),
+    index.h("button", { onClick: () => index_module.vn.push("/refer/2") }, "/refer/2"),
+    index.h("button", { onClick: () => index_module.vn.back() }, "Back"),
+    index.h("button", { onClick: () => index_module.vn.forward() }, "Forward"),
     index.h("hr", null),
     index.h("sqm-router", { innerHTML: routes })));
 });
 const Styling = createHookStory(() => {
   return (index.h("div", null,
-    index.h("button", { onClick: () => index_module.In.push("/") }, "/"),
-    index.h("button", { onClick: () => index_module.In.push("/foo") }, "/foo"),
+    index.h("button", { onClick: () => index_module.vn.push("/") }, "/"),
+    index.h("button", { onClick: () => index_module.vn.push("/foo") }, "/foo"),
     index.h("hr", null),
     index.h("div", { style: { display: "flex", justifyContent: "space-around" } },
       index.h("sqm-router", { innerHTML: `<template path="/">
@@ -2401,7 +2401,7 @@ function useTemplate(templateString) {
   const [previewTemplate, setPreviewTemplate] = stencilHooks_module.useState(templateString);
   function setPath(e) {
     //@ts-ignore
-    index_module.In.push(e.target.value);
+    index_module.vn.push(e.target.value);
   }
   return {
     states: { previewTemplate, editedTemplate },
@@ -2565,8 +2565,8 @@ const FullStackFrame = () => {
       "Current path:",
       " ",
       index.h("code", null,
-        index.h("strong", null, (_a = index_module.Fn()) === null || _a === void 0 ? void 0 : _a.pathname))),
-    index.h("button", { onClick: index_module.In.back }, "Go Back")));
+        index.h("strong", null, (_a = index_module.gn()) === null || _a === void 0 ? void 0 : _a.pathname))),
+    index.h("button", { onClick: index_module.vn.back }, "Go Back")));
 };
 const FullStackFrameLoggedOut = () => {
   var _a;
@@ -2590,8 +2590,8 @@ const FullStackFrameLoggedOut = () => {
       "Current path:",
       " ",
       index.h("code", null,
-        index.h("strong", null, (_a = index_module.Fn()) === null || _a === void 0 ? void 0 : _a.pathname))),
-    index.h("button", { onClick: index_module.In.back }, "Go Back")));
+        index.h("strong", null, (_a = index_module.gn()) === null || _a === void 0 ? void 0 : _a.pathname))),
+    index.h("button", { onClick: index_module.vn.back }, "Go Back")));
 };
 
 const PortalFrame = /*#__PURE__*/Object.freeze({
@@ -2685,14 +2685,14 @@ function setupGraphQL$1() {
     programId,
   };
   stencilHooks_module.useEffect(() => {
-    index_module.te({
+    index_module.setUserIdentity({
       accountId,
       id,
       jwt: "eyJhbGciOiJIUzI1NiIsInR5cCI6IkpXVCJ9.eyJ1c2VyIjp7ImFjY291bnRJZCI6InRlc3Rlc3Rlc3QiLCJpZCI6InRlc3Rlc3Rlc3QifX0.qYnU5hNeIj9C_G3NogfG7btgCPGZC7JRXY0MG6a63zs",
     });
     return () => {
       window.widgetIdent = undefined;
-      index_module.te(undefined);
+      index_module.setUserIdentity(undefined);
     };
   }, []);
 }
@@ -2747,14 +2747,14 @@ function setupGraphQL$2() {
     programId,
   };
   stencilHooks_module.useEffect(() => {
-    index_module.te({
+    index_module.setUserIdentity({
       accountId,
       id,
       jwt: "eyJhbGciOiJIUzI1NiIsInR5cCI6IkpXVCJ9.eyJ1c2VyIjp7ImFjY291bnRJZCI6InRlc3Rlc3Rlc3QiLCJpZCI6InRlc3Rlc3Rlc3QifX0.qYnU5hNeIj9C_G3NogfG7btgCPGZC7JRXY0MG6a63zs",
     });
     return () => {
       window.widgetIdent = undefined;
-      index_module.te(undefined);
+      index_module.setUserIdentity(undefined);
     };
   }, []);
 }
@@ -2809,14 +2809,14 @@ function setupGraphQL$3() {
     programId,
   };
   stencilHooks_module.useEffect(() => {
-    index_module.te({
+    index_module.setUserIdentity({
       accountId,
       id,
       jwt: "eyJhbGciOiJIUzI1NiIsInR5cCI6IkpXVCJ9.eyJ1c2VyIjp7ImFjY291bnRJZCI6Im55bmVsbGllIiwiaWQiOiJueW5lbGxpZSJ9fQ.3KV974VPLgk4tD8LQfJTi4IPkKCmnaB8w48HzVJYDuI",
     });
     return () => {
       window.widgetIdent = undefined;
-      index_module.te(undefined);
+      index_module.setUserIdentity(undefined);
     };
   }, []);
 }
@@ -2950,14 +2950,14 @@ function setupGraphQL$4() {
     programId,
   };
   stencilHooks_module.useEffect(() => {
-    index_module.te({
+    index_module.setUserIdentity({
       accountId,
       id,
       jwt: "eyJhbGciOiJIUzI1NiIsInR5cCI6IkpXVCJ9.eyJ1c2VyIjp7ImFjY291bnRJZCI6IndvcnJpZWQtY2FtZXJhQHVleHdsdGdoLm1haWxvc2F1ci5uZXQiLCJpZCI6IndvcnJpZWQtY2FtZXJhQHVleHdsdGdoLm1haWxvc2F1ci5uZXQiLCJmaXJzdE5hbWUiOiJ0ZXN0IiwibGFzdE5hbWUiOiJ0ZXN0In19.ziDWbdCwsTo1ijxl8d2__Ga-6iFOVShaJUPp2ZBMeO0",
     });
     return () => {
       window.widgetIdent = undefined;
-      index_module.te(undefined);
+      index_module.setUserIdentity(undefined);
     };
   }, []);
 }
@@ -2997,14 +2997,14 @@ function setupGraphQL$5() {
     programId,
   };
   stencilHooks_module.useEffect(() => {
-    index_module.te({
+    index_module.setUserIdentity({
       accountId,
       id,
       jwt: "eyJhbGciOiJIUzI1NiIsInR5cCI6IkpXVCJ9.eyJ1c2VyIjp7ImFjY291bnRJZCI6InRlc3Rlc3Rlc3QiLCJpZCI6InRlc3Rlc3Rlc3QifX0.qYnU5hNeIj9C_G3NogfG7btgCPGZC7JRXY0MG6a63zs",
     });
     return () => {
       window.widgetIdent = undefined;
-      index_module.te(undefined);
+      index_module.setUserIdentity(undefined);
     };
   }, []);
 }
@@ -3020,14 +3020,14 @@ function setupOtherGraphQL() {
     programId,
   };
   stencilHooks_module.useEffect(() => {
-    index_module.te({
+    index_module.setUserIdentity({
       accountId,
       id,
       jwt: JWT,
     });
     return () => {
       window.widgetIdent = undefined;
-      index_module.te(undefined);
+      index_module.setUserIdentity(undefined);
     };
   }, []);
   return { id, accountId };
@@ -3261,14 +3261,14 @@ function setupGraphQL$6() {
     programId,
   };
   stencilHooks_module.useEffect(() => {
-    index_module.te({
+    index_module.setUserIdentity({
       accountId,
       id,
       jwt: "eyJhbGciOiJIUzI1NiIsInR5cCI6IkpXVCJ9.eyJ1c2VyIjp7ImFjY291bnRJZCI6InRlc3Rlc3Rlc3QiLCJpZCI6InRlc3Rlc3Rlc3QifX0.qYnU5hNeIj9C_G3NogfG7btgCPGZC7JRXY0MG6a63zs",
     });
     return () => {
       window.widgetIdent = undefined;
-      index_module.te(undefined);
+      index_module.setUserIdentity(undefined);
     };
   }, []);
   return { id, accountId };
@@ -3277,7 +3277,7 @@ function useExchangeButton() {
   const { id, accountId } = setupGraphQL$6();
   const [points, setPoints] = stencilHooks_module.useState(10);
   const [rate, setRate] = stencilHooks_module.useState(100);
-  const [exchange, { data, errors }] = index_module.tn(EXCHANGE);
+  const [exchange, { data, errors }] = index_module.Ge(EXCHANGE);
   return {
     states: {
       points,
@@ -3392,14 +3392,14 @@ function setupGraphQL$7() {
     appDomain: "https://staging.referralsaasquatch.com",
   };
   stencilHooks_module.useEffect(() => {
-    index_module.te({
+    index_module.setUserIdentity({
       accountId,
       id,
       jwt: "eyJhbGciOiJIUzI1NiIsInR5cCI6IkpXVCJ9.eyJ1c2VyIjp7ImFjY291bnRJZCI6InRlc3Rlc3Rlc3QiLCJpZCI6InRlc3Rlc3Rlc3QifX0.qYnU5hNeIj9C_G3NogfG7btgCPGZC7JRXY0MG6a63zs",
     });
     return () => {
       window.widgetIdent = undefined;
-      index_module.te(undefined);
+      index_module.setUserIdentity(undefined);
     };
   }, []);
   return { id, accountId };
@@ -3413,14 +3413,14 @@ function setupGraphQLKlip({ token, id }) {
     appDomain: "https://staging.referralsaasquatch.com",
   };
   stencilHooks_module.useEffect(() => {
-    index_module.te({
+    index_module.setUserIdentity({
       accountId,
       id,
       jwt: token,
     });
     return () => {
       window.widgetIdent = undefined;
-      index_module.te(undefined);
+      index_module.setUserIdentity(undefined);
     };
   }, []);
   return { id, accountId };
@@ -3434,7 +3434,7 @@ const RewardTableDemoHook = createHookStory(() => {
 });
 const RewardsTableWithProgram = createHookStory(() => {
   setupGraphQL$7();
-  index_module.A("sam-partner-test-2");
+  index_module.setProgramId("sam-partner-test-2");
   return (index.h("sqm-rewards-table", null,
     index.h("sqm-rewards-table-reward-column", null),
     index.h("sqm-rewards-table-status-column", null),
@@ -3443,7 +3443,7 @@ const RewardsTableWithProgram = createHookStory(() => {
 });
 const RewardsTableNoProgram = createHookStory(() => {
   setupGraphQL$7();
-  index_module.A(undefined);
+  index_module.setProgramId(undefined);
   return (index.h("sqm-rewards-table", null,
     index.h("sqm-rewards-table-reward-column", null),
     index.h("sqm-rewards-table-status-column", null),
@@ -3455,7 +3455,7 @@ const RewardsTableEn = createHookStory(() => {
     token: "eyJhbGciOiJIUzI1NiIsInR5cCI6IkpXVCJ9.eyJ1c2VyIjp7ImFjY291bnRJZCI6InNhbWVuZ2xpc2giLCJpZCI6InNhbWVuZ2xpc2gifX0._6OTVF3gcipu_ibgthUNr5UHwC-2E_lhCENI5HpYvcw",
     id: "samenglish",
   });
-  index_module.A(undefined);
+  index_module.setProgramId(undefined);
   return (index.h("sqm-rewards-table", { "per-page": "4" },
     index.h("sqm-rewards-table-reward-column", null),
     index.h("sqm-rewards-table-status-column", null),
@@ -3467,7 +3467,7 @@ const RewardsTableTr = createHookStory(() => {
     token: "eyJhbGciOiJIUzI1NiIsInR5cCI6IkpXVCJ9.eyJ1c2VyIjp7ImFjY291bnRJZCI6InNhbXR1cmtleSIsImlkIjoic2FtdHVya2V5In19.usSMe0RWg8W5FtwcvJayvAlxTw6vMxjTyWXaP8jI8_U",
     id: "samturkey",
   });
-  index_module.A(undefined);
+  index_module.setProgramId(undefined);
   return (index.h("sqm-rewards-table", { "per-page": "4", "more-label": "Daha", "prev-label": "\u00D6ncesi", "empty-state-text": "Hen\u00FCz Referans Yok" },
     index.h("sqm-rewards-table-reward-column", { "column-title": "\u00D6d\u00FCller", "redeemed-text": "{redeemedAmount} kullan\u0131ld\u0131", "available-text": "{availableAmount} mevcut" }),
     index.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 {}}" }),
@@ -3479,7 +3479,7 @@ const RewardsTableFr = createHookStory(() => {
     token: "eyJhbGciOiJIUzI1NiIsInR5cCI6IkpXVCJ9.eyJ1c2VyIjp7ImFjY291bnRJZCI6InNhbWZyZW5jaCIsImlkIjoic2FtZnJlbmNoIn19.cwhasHpfU5MLV4vGbCQcazb6p19iSw5pD2zyrVHgePg",
     id: "samfrench",
   });
-  index_module.A(undefined);
+  index_module.setProgramId(undefined);
   return (index.h("sqm-rewards-table", { "per-page": "4", "more-label": "Plus", "prev-label": "Pr\u00E9c\u00E9dent", "empty-state-text": "Aucune R\u00E9compenses Maintenant" },
     index.h("sqm-rewards-table-reward-column", { "column-title": "R\u00E9compenses", "redeemed-text": "{redeemedAmount} rachet\u00E9e", "available-text": "{availableAmount} disponible" }),
     index.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 {}}" }),
@@ -3513,14 +3513,14 @@ function setupGraphQL$8() {
     programId,
   };
   stencilHooks_module.useEffect(() => {
-    index_module.te({
+    index_module.setUserIdentity({
       accountId,
       id,
       jwt: JWT,
     });
     return () => {
       window.widgetIdent = undefined;
-      index_module.te(undefined);
+      index_module.setUserIdentity(undefined);
     };
   }, []);
   return { id, accountId };
@@ -9581,21 +9581,21 @@ var marked = stencilHooks_module.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`           | 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 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`             | Page participants are navigated to after login. | `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 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 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| `headerText`   | `header-text`   |                                                                                       | `string`                                                                                                                                                                                    | `\"Enter your email below to receive a password reset link.\"` |\n| `loginPath`    | `login-path`    |                                                                                       | `string`                                                                                                                                                                                    | `\"/login\"`                                                   |\n| `loginText`    | `login-text`    | Sign In Link Text                                                                     | `string`                                                                                                                                                                                    | `\"Sign In\"`                                                  |\n| `redirectPath` | `redirect-path` | The microsite page that participants 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`           | 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 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 participants are navigated to after registration.                    | `string`                                                                                                                                                                                                                                                                                                                                                                                                                               | `\"/\"`                |\n| `pageLabel`                | `page-label`                 |                                                                           | `string`                                                                                                                                                                                                                                                                                                                                                                                                                               | `\"Register\"`         |\n| `passwordLabel`            | `password-label`             |                                                                           | `string`                                                                                                                                                                                                                                                                                                                                                                                                                               | `\"Password\"`         |\n| `redirectPath`             | `redirect-path`              | The page that participants 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`               | 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 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`              | 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`             | 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 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 participants are redirected to if the reset fails due to outdated password reset attempt. | `string`                                                                                                                                                                                                                                                                                                                                                                                             | `\"/\"`                   |\n| `nextPage`                  | `next-page`                    | The page that participants 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";
+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 microsite page that participants 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";
 
-const EmailVerifiedReadme = "# sqm-portal-verify-email\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; verified: boolean; }; data?: { oobCode: string; }; }` | `undefined` |\n| `failedPage` | `failed-page` | The page that users are redirected to if verification fails due to outdated verification attempt. | `string`                                                                                             | `\"/\"`       |\n| `nextPage`   | `next-page`   | The page that users are redirected to when the verification succeeds.                             | `string`                                                                                             | `\"/\"`       |\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-verify-email --> sqm-form-message\n  style sqm-portal-verify-email fill:#f9f,stroke:#333,stroke-width:4px\n```\n\n----------------------------------------------\n\n*Built with [StencilJS](https://stenciljs.com/)*\n";
+const EmailVerifiedReadme = "# sqm-portal-verify-email\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; verified: boolean; }; data?: { oobCode: string; }; }` | `undefined` |\n| `failedPage` | `failed-page` | The page that participants are redirected to if verification fails due to outdated verification attempt. | `string`                                                                                             | `\"/\"`       |\n| `nextPage`   | `next-page`   | The page that participants are redirected to when the verification succeeds.                             | `string`                                                                                             | `\"/\"`       |\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-verify-email --> sqm-form-message\n  style sqm-portal-verify-email fill:#f9f,stroke:#333,stroke-width:4px\n```\n\n----------------------------------------------\n\n*Built with [StencilJS](https://stenciljs.com/)*\n";
 
 const PortalTemplates_stories = {
   title: "Templates / Portal",
@@ -9635,16 +9635,16 @@ function DefaultTemplateView$1(props) {
         gridTemplateColumns: "repeat(9, 80px)",
         gridGap: "10px",
       } },
-      index.h("button", { onClick: () => index_module.In.push("/") }, "Dashboard"),
-      props.leadSubmit && (index.h("button", { onClick: () => index_module.In.push("/refer") }, "Submit a Referral")),
-      index.h("button", { onClick: () => index_module.In.push("/activity") }, "Activity"),
-      index.h("button", { onClick: () => index_module.In.push("/editProfile") }, "Edit Profile"),
-      index.h("button", { onClick: () => index_module.In.push("/login") }, "Login"),
-      index.h("button", { onClick: () => index_module.In.push("/register") }, "Register"),
-      index.h("button", { onClick: () => index_module.In.push("/emailVerification") }, "Email Verification"),
-      index.h("button", { onClick: () => index_module.In.push("/verifyEmail") }, "Verify Email"),
-      index.h("button", { onClick: () => index_module.In.push("/forgotPassword") }, "Forgot Password"),
-      index.h("button", { onClick: () => index_module.In.push("/resetPassword") }, "Reset Password")),
+      index.h("button", { onClick: () => index_module.vn.push("/") }, "Dashboard"),
+      props.leadSubmit && (index.h("button", { onClick: () => index_module.vn.push("/refer") }, "Submit a Referral")),
+      index.h("button", { onClick: () => index_module.vn.push("/activity") }, "Activity"),
+      index.h("button", { onClick: () => index_module.vn.push("/editProfile") }, "Edit Profile"),
+      index.h("button", { onClick: () => index_module.vn.push("/login") }, "Login"),
+      index.h("button", { onClick: () => index_module.vn.push("/register") }, "Register"),
+      index.h("button", { onClick: () => index_module.vn.push("/emailVerification") }, "Email Verification"),
+      index.h("button", { onClick: () => index_module.vn.push("/verifyEmail") }, "Verify Email"),
+      index.h("button", { onClick: () => index_module.vn.push("/forgotPassword") }, "Forgot Password"),
+      index.h("button", { onClick: () => index_module.vn.push("/resetPassword") }, "Reset Password")),
     index.h("br", null),
     index.h("div", { innerHTML: states.previewTemplate })));
 }
@@ -10218,14 +10218,14 @@ function setupGraphQL$9() {
     programId,
   };
   stencilHooks_module.useEffect(() => {
-    index_module.te({
+    index_module.setUserIdentity({
       accountId,
       id,
       jwt: "eyJhbGciOiJIUzI1NiIsInR5cCI6IkpXVCJ9.eyJ1c2VyIjp7ImFjY291bnRJZCI6InRlc3Rlc3Rlc3QiLCJpZCI6InRlc3Rlc3Rlc3QifX0.qYnU5hNeIj9C_G3NogfG7btgCPGZC7JRXY0MG6a63zs",
     });
     return () => {
       window.widgetIdent = undefined;
-      index_module.te(undefined);
+      index_module.setUserIdentity(undefined);
     };
   }, []);
   return { id, accountId };
@@ -10334,14 +10334,14 @@ function setupGraphQL$a() {
     programId,
   };
   stencilHooks_module.useEffect(() => {
-    index_module.te({
+    index_module.setUserIdentity({
       accountId,
       id,
       jwt: "eyJhbGciOiJIUzI1NiIsInR5cCI6IkpXVCJ9.eyJ1c2VyIjp7ImFjY291bnRJZCI6InRlc3Rlc3Rlc3QiLCJpZCI6InRlc3Rlc3Rlc3QifX0.qYnU5hNeIj9C_G3NogfG7btgCPGZC7JRXY0MG6a63zs",
     });
     return () => {
       window.widgetIdent = undefined;
-      index_module.te(undefined);
+      index_module.setUserIdentity(undefined);
     };
   }, []);
   return { id, accountId };
@@ -10489,14 +10489,14 @@ function setupGraphQL$b() {
     programId,
   };
   stencilHooks_module.useEffect(() => {
-    index_module.te({
+    index_module.setUserIdentity({
       accountId,
       id,
       jwt: "eyJhbGciOiJIUzI1NiIsInR5cCI6IkpXVCJ9.eyJ1c2VyIjp7ImFjY291bnRJZCI6InRlc3Rlc3Rlc3QiLCJpZCI6InRlc3Rlc3Rlc3QifX0.qYnU5hNeIj9C_G3NogfG7btgCPGZC7JRXY0MG6a63zs",
     });
     return () => {
       window.widgetIdent = undefined;
-      index_module.te(undefined);
+      index_module.setUserIdentity(undefined);
     };
   }, []);
   return { id, accountId };
@@ -11635,14 +11635,14 @@ function setupGraphQL$c() {
     appDomain: "https://staging.referralsaasquatch.com",
   };
   stencilHooks_module.useEffect(() => {
-    index_module.te({
+    index_module.setUserIdentity({
       accountId,
       id,
       jwt: "eyJhbGciOiJIUzI1NiIsInR5cCI6IkpXVCJ9.eyJ1c2VyIjp7ImFjY291bnRJZCI6InRlc3Rlc3Rlc3QiLCJpZCI6InRlc3Rlc3Rlc3QifX0.qYnU5hNeIj9C_G3NogfG7btgCPGZC7JRXY0MG6a63zs",
     });
     return () => {
       window.widgetIdent = undefined;
-      index_module.te(undefined);
+      index_module.setUserIdentity(undefined);
     };
   }, []);
   return { id, accountId };
@@ -11656,21 +11656,21 @@ function setupGraphQLKlip$1({ token, id }) {
     appDomain: "https://staging.referralsaasquatch.com",
   };
   stencilHooks_module.useEffect(() => {
-    index_module.te({
+    index_module.setUserIdentity({
       accountId,
       id,
       jwt: token,
     });
     return () => {
       window.widgetIdent = undefined;
-      index_module.te(undefined);
+      index_module.setUserIdentity(undefined);
     };
   }, []);
   return { id, accountId };
 }
 const ReferralTable$1 = createHookStory(() => {
   setupGraphQL$c();
-  index_module.A("sam-partner-test-2");
+  index_module.setProgramId("sam-partner-test-2");
   return (index.h("sqm-referral-table", null,
     index.h("sqm-referral-table-user-column", null),
     index.h("sqm-referral-table-status-column", null),
@@ -11696,7 +11696,7 @@ const ReferralTableEn = createHookStory(() => {
     token: "eyJhbGciOiJIUzI1NiIsInR5cCI6IkpXVCJ9.eyJ1c2VyIjp7ImFjY291bnRJZCI6InNhbWVuZ2xpc2giLCJpZCI6InNhbWVuZ2xpc2gifX0._6OTVF3gcipu_ibgthUNr5UHwC-2E_lhCENI5HpYvcw",
     id: "samenglish",
   });
-  index_module.A("klip-referral-program");
+  index_module.setProgramId("klip-referral-program");
   return (index.h("sqm-referral-table", { "per-page": "4" },
     index.h("sqm-referral-table-user-column", { "column-title": "User" }),
     index.h("sqm-referral-table-status-column", { "column-title": "Referral Status" }),
@@ -11708,7 +11708,7 @@ const ReferralTableTr = createHookStory(() => {
     token: "eyJhbGciOiJIUzI1NiIsInR5cCI6IkpXVCJ9.eyJ1c2VyIjp7ImFjY291bnRJZCI6InNhbXR1cmtleSIsImlkIjoic2FtdHVya2V5In19.usSMe0RWg8W5FtwcvJayvAlxTw6vMxjTyWXaP8jI8_U",
     id: "samturkey",
   });
-  index_module.A("klip-referral-program");
+  index_module.setProgramId("klip-referral-program");
   return (index.h("sqm-referral-table", { "more-label": "Daha", "prev-label": "\u00D6ncesi", "empty-state-text": "Hen\u00FCz \u00D6d\u00FCl Yok", "per-page": "4" },
     index.h("sqm-referral-table-user-column", { "column-title": "Kullan\u0131c\u0131lar", "anonymous-user": "Anonim Kullan\u0131c\u0131", "deleted-user": "Silinmi\u015F Kullan\u0131c\u0131" }),
     index.h("sqm-referral-table-status-column", { "column-title": "Durumu", "converted-status-text": "D\u00F6n\u00FC\u015Ft\u00FCr", "in-progress-status-text": "Devam etmekte" }),
@@ -11720,7 +11720,7 @@ const ReferralTableFr = createHookStory(() => {
     token: "eyJhbGciOiJIUzI1NiIsInR5cCI6IkpXVCJ9.eyJ1c2VyIjp7ImFjY291bnRJZCI6InNhbWZyZW5jaCIsImlkIjoic2FtZnJlbmNoIn19.cwhasHpfU5MLV4vGbCQcazb6p19iSw5pD2zyrVHgePg",
     id: "samfrench",
   });
-  index_module.A("klip-referral-program");
+  index_module.setProgramId("klip-referral-program");
   return (index.h("sqm-referral-table", { "more-label": "Plus", "prev-label": "Pr\u00E9c\u00E9dent", "empty-state-text": "Aucune R\u00E9f\u00E9rence Maintenant", "per-page": "4" },
     index.h("sqm-referral-table-user-column", { "column-title": "Utilisateur", "anonymous-user": "Utilisateur Anonyme", "deleted-user": "Utilisateur Supprim\u00E9" }),
     index.h("sqm-referral-table-status-column", { "column-title": "Statut de Parrainage", "converted-status-text": "Converti", "in-progress-status-text": "En cours" }),