@saasquatch/mint-components 1.3.3-7 → 1.4.1-1

package/CHANGELOG.md

@@ -7,41 +7,64 @@ and this project adheres to [Semantic Versioning](https://semver.org/spec/v2.0.0
 
 ## [Unreleased]
 
+## [1.4.0] - 2021-12-09
+
+- Updated version of component-boilerplate to prevent rare case of user context being deleted during register
+- Updated version of component-boilerplate to support new registration, password reset, and verify requests
+- Changed components:
+  - \<sqm-portal-email-verification>
+    - Added prop to customize what page a user is redirected to from their verify email, defaults to /verifyEmail
+  - \<sqm-portal-forgot-password>
+    - Added prop to customize what page a user is redirected to from their password reset email, defaults to /resetPassword
+    - Added prop to customize the login button redirection path, defaults to /login
+  - \<sqm-portal-login>
+    - Added prop to customize the register button redirection path, defaults to /register
+    - Added prop to customize the forgot password text link redirection path, defaults to /forgotPassword
+  - \<sqm-portal-register>
+    - Added prop to customize the login button redirection path, defaults to /login
+    - Added prop to customize what page a user is redirect to from their initial verify email, defaults to /verifyEmail
+  - \<sqm-portal-reset-password>
+    - Added prop to customize what path users are redirected to when oobcode validation fails, defaults to /
+  - \<sqm-portal-verify-email>
+    - Added prop to customize what path users are redirected to when oobcode validation fails, defaults to /
+  - \<sqm-big-stat>
+    - Added program ID prop to optionally be used instead of the default program context
+
 ## [1.3.0] - 2021-11-08
 
 ### Changed
 
 - Changed components:
   - \<sqm-share-button>
-      - Exported "icon" part so it can be customizable in the future
-  - \<sqm-portal-change-password> 
-      - Changed sl-button in modal to be of type "primary" instead of "default"
-      - Swapped location of cancel and change password buttons
-      - Added padding between fields
-      - Changed hardcoded text into customizable props
-      - Changed password field input default label to "New Password"
-  - \<sqm-portal-profile> 
-      - Changed hardcoded text into customizable props
-      - Added padding text below header
-  - \<sqm-portal-reset-password> 
-      - Changed hardcoded text into customizable props
-      - Changed password field input default label to "New Password"
-  - \<sqm-portal-register> 
-      - Changed hardcoded text into customizable props
-      - Changed formData slot to add custom inputs to the top of form instead of the bottom
-      - Fixed bug causing the correct error validation message from being shown 
+    - Exported "icon" part so it can be customizable in the future
+  - \<sqm-portal-change-password>
+    - Changed sl-button in modal to be of type "primary" instead of "default"
+    - Swapped location of cancel and change password buttons
+    - Added padding between fields
+    - Changed hardcoded text into customizable props
+    - Changed password field input default label to "New Password"
+  - \<sqm-portal-profile>
+    - Changed hardcoded text into customizable props
+    - Added padding text below header
+  - \<sqm-portal-reset-password>
+    - Changed hardcoded text into customizable props
+    - Changed password field input default label to "New Password"
+  - \<sqm-portal-register>
+    - Changed hardcoded text into customizable props
+    - Changed formData slot to add custom inputs to the top of form instead of the bottom
+    - Fixed bug causing the correct error validation message from being shown
   - \<sqm-portal-email-verification>
-      - Changed hardcoded text into customizable props
+    - Changed hardcoded text into customizable props
   - \<sqm-portal-verify-email>
-      - Fixed bug causing users to get stuck if no userIdent existed when verifying their email
+    - Fixed bug causing users to get stuck if no userIdent existed when verifying their email
 
 ### Added
 
 - Default affiliate portal templates now provided in [Stencilbook](https://mint-components.stencilbook.saasquat.ch)
-    - Default Portal
-    - Multi Program Portal
-    - Lead Submit Portal
-    - Portal Dashboard (program widget)
+  - Default Portal
+  - Multi Program Portal
+  - Lead Submit Portal
+  - Portal Dashboard (program widget)
 - New components added for default affiliate portals
   - \<sqm-portal-footer> Footer for providing FAQ, T&S, and support email
   - \<sqm-hero> One or two column landing page with an optional background
@@ -159,7 +182,8 @@ and this project adheres to [Semantic Versioning](https://semver.org/spec/v2.0.0
   - \<sqm-popup-container>
   - \<sqm-stencilbook>
 
-[unreleased]: https://github.com/saasquatch/program-tools/compare/mint-components@1.3.0...HEAD
+[unreleased]: https://github.com/saasquatch/program-tools/compare/mint-components@1.4.0...HEAD
+[1.4.0]: https://github.com/saasquatch/program-tools/releases/tag/%40saasquatch%2Fmint-components%401.4.0
 [1.3.0]: https://github.com/saasquatch/program-tools/releases/tag/%40saasquatch%2Fmint-components%401.3.0
 [1.2.0]: https://github.com/saasquatch/program-tools/releases/tag/%40saasquatch%2Fmint-components%401.2.0
 [1.1.1]: https://github.com/saasquatch/program-tools/releases/tag/%40saasquatch%2Fmint-components%401.1.1

package/dist/cjs/loader.cjs.js

@@ -18,7 +18,7 @@ const patchEsm = () => {
 const defineCustomElements = (win, options) => {
   if (typeof window === 'undefined') return Promise.resolve();
   return patchEsm().then(() => {
-  return index.bootstrapLazy([["sqm-portal-reset-password.cjs",[[1,"sqm-portal-reset-password",{"nextPage":[1,"next-page"],"failedPage":[1,"failed-page"],"confirmPassword":[4,"confirm-password"],"resetPasswordHeader":[1,"reset-password-header"],"passwordResetHeader":[1,"password-reset-header"],"resetPasswordButtonText":[1,"reset-password-button-text"],"continueButtonText":[1,"continue-button-text"],"confirmPasswordFieldLabel":[1,"confirm-password-field-label"],"passwordFieldLabel":[1,"password-field-label"],"demoData":[16],"ignored":[32]}]]],["sqm-portal-email-verification.cjs",[[1,"sqm-portal-email-verification",{"redirectPath":[1,"redirect-path"],"emailVerificationHeader":[1,"email-verification-header"],"resendEmailButtonText":[1,"resend-email-button-text"],"verifyMessage":[1,"verify-message"],"demoData":[16],"ignored":[32]}]]],["sqm-portal-forgot-password.cjs",[[1,"sqm-portal-forgot-password",{"redirectPath":[1,"redirect-path"],"emailLabel":[1,"email-label"],"submitLabel":[1,"submit-label"],"loginPath":[1,"login-path"],"demoData":[16],"ignored":[32]}]]],["sqm-portal-profile.cjs",[[1,"sqm-portal-profile",{"firstnametext":[1],"lastnametext":[1],"emailtext":[1],"countrytext":[1],"editProfileHeader":[1,"edit-profile-header"],"editProfileSubHeader":[1,"edit-profile-sub-header"],"submitChangeButtonText":[1,"submit-change-button-text"],"showCountry":[4,"show-country"],"demoData":[16],"ignored":[32]}]]],["sqm-portal-verify-email.cjs",[[1,"sqm-portal-verify-email",{"nextPage":[1,"next-page"],"failedPage":[1,"failed-page"],"demoData":[16],"ignored":[32]}]]],["sqm-referral-table-column.cjs",[[1,"sqm-referral-table-column",{"columnTitle":[1,"column-title"],"renderCell":[64],"renderLabel":[64]}]]],["sqm-referral-table-date-column.cjs",[[1,"sqm-referral-table-date-column",{"columnTitle":[1,"column-title"],"dateShown":[1,"date-shown"],"renderCell":[64],"renderLabel":[64]}]]],["sqm-referral-table-rewards-column.cjs",[[1,"sqm-referral-table-rewards-column",{"columnTitle":[1,"column-title"],"hideDetails":[4,"hide-details"],"renderCell":[64],"renderLabel":[64]}]]],["sqm-referral-table-status-column.cjs",[[1,"sqm-referral-table-status-column",{"columnTitle":[1,"column-title"],"convertedStatusText":[1,"converted-status-text"],"inProgressStatusText":[1,"in-progress-status-text"],"renderCell":[64],"renderLabel":[64]}]]],["sqm-referral-table-user-column.cjs",[[1,"sqm-referral-table-user-column",{"columnTitle":[1,"column-title"],"anonymousUser":[1,"anonymous-user"],"deletedUser":[1,"deleted-user"],"renderCell":[64],"renderLabel":[64]}]]],["sqm-asset-card.cjs",[[1,"sqm-asset-card",{"titleText":[1,"title-text"],"imgUrl":[1,"img-url"],"demoData":[16],"ignored":[32]}]]],["sqm-big-stat.cjs",[[1,"sqm-big-stat",{"statType":[1,"stat-type"],"flexReverse":[4,"flex-reverse"],"alignment":[1],"demoData":[16],"ignored":[32]}]]],["sqm-graphql-client-provider.cjs",[[4,"sqm-graphql-client-provider",{"domain":[1],"ignored":[32]}]]],["sqm-hero.cjs",[[1,"sqm-hero",{"columns":[2],"background":[1],"paddingSize":[1,"padding-size"],"secondaryBackground":[1,"secondary-background"],"wrapDirection":[1,"wrap-direction"]}]]],["sqm-leaderboard.cjs",[[1,"sqm-leaderboard",{"usersheading":[1],"statsheading":[1],"rankheading":[1],"showRank":[4,"show-rank"],"rankType":[1,"rank-type"],"leaderboardType":[1,"leaderboard-type"],"interval":[1],"demoData":[16],"ignored":[32]}]]],["sqm-leaderboard-rank.cjs",[[1,"sqm-leaderboard-rank",{"rankType":[1,"rank-type"],"rankText":[1,"rank-text"],"leaderboardType":[1,"leaderboard-type"],"unrankedText":[1,"unranked-text"],"interval":[1],"demoData":[16]}]]],["sqm-name-fields.cjs",[[0,"sqm-name-fields",{"firstNameLabel":[1,"first-name-label"],"lastNameLabel":[1,"last-name-label"],"demoData":[16],"ignored":[32]}]]],["sqm-navigation-sidebar.cjs",[[1,"sqm-navigation-sidebar",{"ignored":[32]}]]],["sqm-navigation-sidebar-item.cjs",[[1,"sqm-navigation-sidebar-item",{"path":[1],"icon":[1],"label":[1],"demoData":[16]}]]],["sqm-popup-container.cjs",[[4,"sqm-popup-container",{"poweredBy":[4,"powered-by"],"closeButton":[4,"close-button"],"closeButtonText":[1,"close-button-text"],"embedPadding":[1,"embed-padding"],"popupPadding":[1,"popup-padding"]}]]],["sqm-portal-container.cjs",[[1,"sqm-portal-container",{"direction":[1],"padding":[1],"gap":[1],"minWidth":[1,"min-width"],"ignored":[32]}]]],["sqm-portal-footer.cjs",[[1,"sqm-portal-footer",{"supportEmail":[1,"support-email"],"supportText":[1,"support-text"],"termsLink":[1,"terms-link"],"termsText":[1,"terms-text"],"faqLink":[1,"faq-link"],"faqText":[1,"faq-text"],"showPoweredBy":[4,"show-powered-by"],"poweredByLink":[1,"powered-by-link"],"paddingTop":[1,"padding-top"],"paddingRight":[1,"padding-right"],"paddingBottom":[1,"padding-bottom"],"paddingLeft":[1,"padding-left"],"ignored":[32]}]]],["sqm-portal-logout.cjs",[[1,"sqm-portal-logout",{"nextPage":[1,"next-page"],"ignored":[32]}]]],["sqm-portal-protected-route.cjs",[[1,"sqm-portal-protected-route",{"redirectTo":[1,"redirect-to"],"requireEmailVerification":[4,"require-email-verification"],"redirectToUnverified":[1,"redirect-to-unverified"],"ignored":[32]}]]],["sqm-route.cjs",[[1,"sqm-route",{"path":[1],"ignored":[32]}]]],["sqm-share-code.cjs",[[1,"sqm-share-code",{"programId":[1,"program-id"],"tooltiptext":[1,"tooltip-text"],"tooltiplifespan":[2,"tooltip-lifespan"],"demoData":[16]}]]],["sqm-stat-container.cjs",[[1,"sqm-stat-container",{"space":[1],"ignored":[32]}]]],["sqm-text-span.cjs",[[0,"sqm-text-span",{"text":[1],"type":[1],"ignored":[32]}]]],["sqm-titled-section.cjs",[[1,"sqm-titled-section",{"label":[1],"labelMargin":[1,"label-margin"],"padding":[1]}]]],["sqm-divided-layout_26.cjs",[[4,"sqm-stencilbook",{"ignored":[32]}],[1,"sqm-referral-table",{"programId":[1,"program-id"],"perPage":[2,"per-page"],"showLabels":[4,"show-labels"],"prevLabel":[1,"prev-label"],"moreLabel":[1,"more-label"],"showReferrer":[4,"show-referrer"],"demoData":[16]}],[1,"sqm-portal-change-password",{"modalChangePasswordHeader":[1,"modal-change-password-header"],"cancelText":[1,"cancel-text"],"changePasswordButtonText":[1,"change-password-button-text"],"passwordFieldLabel":[1,"password-field-label"],"confirmPasswordFieldLabel":[1,"confirm-password-field-label"],"successMessage":[1,"success-message"],"portalChangePasswordHeader":[1,"portal-change-password-header"],"portalChangePasswordButtonText":[1,"portal-change-password-button-text"],"demoData":[16],"ignored":[32]}],[1,"sqm-portal-register",{"nextPage":[1,"next-page"],"redirectPath":[1,"redirect-path"],"emailLabel":[1,"email-label"],"passwordLabel":[1,"password-label"],"submitLabel":[1,"submit-label"],"loginLabel":[1,"login-label"],"confirmPasswordLabel":[1,"confirm-password-label"],"confirmPassword":[4,"confirm-password"],"enablePasswordValidation":[4,"enable-password-validation"],"hideInputs":[4,"hide-inputs"],"pageLabel":[1,"page-label"],"loginPath":[1,"login-path"],"demoData":[16],"ignored":[32]}],[1,"sqm-edit-profile",{"editprofileheader":[1],"editprofiletext":[1],"canceltext":[1],"updatetext":[1],"firstnametext":[1],"lastnametext":[1],"currentregiontext":[1],"showregion":[4],"demoData":[16],"ignored":[32]}],[1,"sqm-portal-login",{"nextPage":[1,"next-page"],"emailLabel":[1,"email-label"],"passwordLabel":[1,"password-label"],"submitLabel":[1,"submit-label"],"forgotPasswordLabel":[1,"forgot-password-label"],"registerLabel":[1,"register-label"],"pageLabel":[1,"page-label"],"registerPath":[1,"register-path"],"forgotPasswordPath":[1,"forgot-password-path"],"demoData":[16],"ignored":[32]}],[1,"sqm-divided-layout",{"direction":[1],"dividerStyle":[1,"divider-style"]}],[0,"sqm-hook-story-container",{"hookStory":[16],"ignored":[32]}],[1,"sqm-navigation-menu",{"includeDropdown":[4,"include-dropdown"],"menuLabel":[1,"menu-label"],"demoData":[16],"ignored":[32]}],[1,"sqm-portal-frame",{"demoData":[16],"ignored":[32]}],[4,"sqm-program-menu",{"ignored":[32]}],[0,"sqm-referral-iframe",{"iframeSrc":[1,"iframe-src"],"iframeHeight":[1,"iframe-height"],"iframeWidth":[1,"iframe-width"],"demoData":[16],"ignored":[32]}],[4,"sqm-router",{"ignored":[32]}],[1,"sqm-share-button",{"medium":[1],"programId":[1,"program-id"],"pill":[4],"disabled":[4],"type":[1],"size":[1],"iconslot":[1],"icon":[1],"hideicon":[4],"hidetext":[4],"sharetitle":[1],"sharetext":[1],"demoData":[16]}],[1,"sqm-share-link",{"programId":[1,"program-id"],"tooltiptext":[1,"tooltip-text"],"tooltiplifespan":[2,"tooltip-lifespan"],"demoData":[16]}],[1,"sqm-user-name",{"fallback":[1],"loadingText":[1,"loading-text"],"demoData":[16],"_ignored":[32]}],[1,"sqm-referral-table-cell",{"innerTemplate":[1,"inner-template"],"ignored":[32]}],[1,"sqm-referral-table-date-cell",{"date":[2],"ignored":[32]}],[1,"sqm-referral-table-rewards-cell",{"rewards":[16],"hideDetails":[4,"hide-details"]}],[1,"sqm-referral-table-status-cell",{"statusText":[1,"status-text"],"converted":[4]}],[1,"sqm-referral-table-user-cell",{"name":[1]}],[1,"sqm-table-cell",{"colspan":[2],"padding":[1]}],[1,"sqm-table-row",{"border":[1]}],[4,"sqm-text",{"ignored":[32]}],[0,"sqm-password-field",{"fieldLabel":[1,"field-label"],"enableValidation":[4,"enable-validation"],"demoData":[16],"ignored":[32]}],[1,"sqm-form-message",{"type":[1],"icon":[1],"ignored":[32]}]]]], options);
+  return index.bootstrapLazy([["sqm-portal-reset-password.cjs",[[1,"sqm-portal-reset-password",{"nextPage":[1,"next-page"],"failedPage":[1,"failed-page"],"confirmPassword":[4,"confirm-password"],"resetPasswordHeader":[1,"reset-password-header"],"passwordResetHeader":[1,"password-reset-header"],"resetPasswordButtonText":[1,"reset-password-button-text"],"continueButtonText":[1,"continue-button-text"],"confirmPasswordFieldLabel":[1,"confirm-password-field-label"],"passwordFieldLabel":[1,"password-field-label"],"demoData":[16],"ignored":[32]}]]],["sqm-portal-email-verification.cjs",[[1,"sqm-portal-email-verification",{"redirectPath":[1,"redirect-path"],"emailVerificationHeader":[1,"email-verification-header"],"resendEmailButtonText":[1,"resend-email-button-text"],"verifyMessage":[1,"verify-message"],"demoData":[16],"ignored":[32]}]]],["sqm-portal-forgot-password.cjs",[[1,"sqm-portal-forgot-password",{"redirectPath":[1,"redirect-path"],"emailLabel":[1,"email-label"],"submitLabel":[1,"submit-label"],"loginPath":[1,"login-path"],"demoData":[16],"ignored":[32]}]]],["sqm-portal-profile.cjs",[[1,"sqm-portal-profile",{"firstnametext":[1],"lastnametext":[1],"emailtext":[1],"countrytext":[1],"editProfileHeader":[1,"edit-profile-header"],"editProfileSubHeader":[1,"edit-profile-sub-header"],"submitChangeButtonText":[1,"submit-change-button-text"],"showCountry":[4,"show-country"],"demoData":[16],"ignored":[32]}]]],["sqm-portal-verify-email.cjs",[[1,"sqm-portal-verify-email",{"nextPage":[1,"next-page"],"failedPage":[1,"failed-page"],"demoData":[16],"ignored":[32]}]]],["sqm-referral-table-column.cjs",[[1,"sqm-referral-table-column",{"columnTitle":[1,"column-title"],"renderCell":[64],"renderLabel":[64]}]]],["sqm-referral-table-date-column.cjs",[[1,"sqm-referral-table-date-column",{"columnTitle":[1,"column-title"],"dateShown":[1,"date-shown"],"renderCell":[64],"renderLabel":[64]}]]],["sqm-referral-table-rewards-column.cjs",[[1,"sqm-referral-table-rewards-column",{"columnTitle":[1,"column-title"],"hideDetails":[4,"hide-details"],"renderCell":[64],"renderLabel":[64]}]]],["sqm-referral-table-status-column.cjs",[[1,"sqm-referral-table-status-column",{"columnTitle":[1,"column-title"],"convertedStatusText":[1,"converted-status-text"],"inProgressStatusText":[1,"in-progress-status-text"],"renderCell":[64],"renderLabel":[64]}]]],["sqm-referral-table-user-column.cjs",[[1,"sqm-referral-table-user-column",{"columnTitle":[1,"column-title"],"anonymousUser":[1,"anonymous-user"],"deletedUser":[1,"deleted-user"],"renderCell":[64],"renderLabel":[64]}]]],["sqm-asset-card.cjs",[[1,"sqm-asset-card",{"titleText":[1,"title-text"],"imgUrl":[1,"img-url"],"demoData":[16],"ignored":[32]}]]],["sqm-big-stat.cjs",[[1,"sqm-big-stat",{"statType":[1,"stat-type"],"flexReverse":[4,"flex-reverse"],"alignment":[1],"programId":[1,"program-id"],"demoData":[16],"ignored":[32]}]]],["sqm-graphql-client-provider.cjs",[[4,"sqm-graphql-client-provider",{"domain":[1],"ignored":[32]}]]],["sqm-hero.cjs",[[1,"sqm-hero",{"columns":[2],"background":[1],"paddingSize":[1,"padding-size"],"secondaryBackground":[1,"secondary-background"],"wrapDirection":[1,"wrap-direction"]}]]],["sqm-leaderboard.cjs",[[1,"sqm-leaderboard",{"usersheading":[1],"statsheading":[1],"rankheading":[1],"showRank":[4,"show-rank"],"rankType":[1,"rank-type"],"leaderboardType":[1,"leaderboard-type"],"interval":[1],"demoData":[16],"ignored":[32]}]]],["sqm-leaderboard-rank.cjs",[[1,"sqm-leaderboard-rank",{"rankType":[1,"rank-type"],"rankText":[1,"rank-text"],"leaderboardType":[1,"leaderboard-type"],"unrankedText":[1,"unranked-text"],"interval":[1],"demoData":[16]}]]],["sqm-name-fields.cjs",[[0,"sqm-name-fields",{"firstNameLabel":[1,"first-name-label"],"lastNameLabel":[1,"last-name-label"],"demoData":[16],"ignored":[32]}]]],["sqm-navigation-sidebar.cjs",[[1,"sqm-navigation-sidebar",{"ignored":[32]}]]],["sqm-navigation-sidebar-item.cjs",[[1,"sqm-navigation-sidebar-item",{"path":[1],"icon":[1],"label":[1],"demoData":[16]}]]],["sqm-popup-container.cjs",[[4,"sqm-popup-container",{"poweredBy":[4,"powered-by"],"closeButton":[4,"close-button"],"closeButtonText":[1,"close-button-text"],"embedPadding":[1,"embed-padding"],"popupPadding":[1,"popup-padding"]}]]],["sqm-portal-container.cjs",[[1,"sqm-portal-container",{"direction":[1],"padding":[1],"gap":[1],"minWidth":[1,"min-width"],"ignored":[32]}]]],["sqm-portal-footer.cjs",[[1,"sqm-portal-footer",{"supportEmail":[1,"support-email"],"supportText":[1,"support-text"],"termsLink":[1,"terms-link"],"termsText":[1,"terms-text"],"faqLink":[1,"faq-link"],"faqText":[1,"faq-text"],"showPoweredBy":[4,"show-powered-by"],"poweredByLink":[1,"powered-by-link"],"paddingTop":[1,"padding-top"],"paddingRight":[1,"padding-right"],"paddingBottom":[1,"padding-bottom"],"paddingLeft":[1,"padding-left"],"ignored":[32]}]]],["sqm-portal-logout.cjs",[[1,"sqm-portal-logout",{"nextPage":[1,"next-page"],"ignored":[32]}]]],["sqm-portal-protected-route.cjs",[[1,"sqm-portal-protected-route",{"redirectTo":[1,"redirect-to"],"requireEmailVerification":[4,"require-email-verification"],"redirectToUnverified":[1,"redirect-to-unverified"],"ignored":[32]}]]],["sqm-route.cjs",[[1,"sqm-route",{"path":[1],"ignored":[32]}]]],["sqm-share-code.cjs",[[1,"sqm-share-code",{"programId":[1,"program-id"],"tooltiptext":[1,"tooltip-text"],"tooltiplifespan":[2,"tooltip-lifespan"],"demoData":[16]}]]],["sqm-stat-container.cjs",[[1,"sqm-stat-container",{"space":[1],"ignored":[32]}]]],["sqm-text-span.cjs",[[0,"sqm-text-span",{"text":[1],"type":[1],"ignored":[32]}]]],["sqm-titled-section.cjs",[[1,"sqm-titled-section",{"label":[1],"labelMargin":[1,"label-margin"],"padding":[1]}]]],["sqm-divided-layout_26.cjs",[[4,"sqm-stencilbook",{"ignored":[32]}],[1,"sqm-referral-table",{"programId":[1,"program-id"],"perPage":[2,"per-page"],"showLabels":[4,"show-labels"],"prevLabel":[1,"prev-label"],"moreLabel":[1,"more-label"],"showReferrer":[4,"show-referrer"],"demoData":[16]}],[1,"sqm-portal-change-password",{"modalChangePasswordHeader":[1,"modal-change-password-header"],"cancelText":[1,"cancel-text"],"changePasswordButtonText":[1,"change-password-button-text"],"passwordFieldLabel":[1,"password-field-label"],"confirmPasswordFieldLabel":[1,"confirm-password-field-label"],"successMessage":[1,"success-message"],"portalChangePasswordHeader":[1,"portal-change-password-header"],"portalChangePasswordButtonText":[1,"portal-change-password-button-text"],"demoData":[16],"ignored":[32]}],[1,"sqm-portal-register",{"nextPage":[1,"next-page"],"redirectPath":[1,"redirect-path"],"emailLabel":[1,"email-label"],"passwordLabel":[1,"password-label"],"submitLabel":[1,"submit-label"],"loginLabel":[1,"login-label"],"confirmPasswordLabel":[1,"confirm-password-label"],"confirmPassword":[4,"confirm-password"],"enablePasswordValidation":[4,"enable-password-validation"],"hideInputs":[4,"hide-inputs"],"pageLabel":[1,"page-label"],"loginPath":[1,"login-path"],"demoData":[16],"ignored":[32]}],[1,"sqm-edit-profile",{"editprofileheader":[1],"editprofiletext":[1],"canceltext":[1],"updatetext":[1],"firstnametext":[1],"lastnametext":[1],"currentregiontext":[1],"showregion":[4],"demoData":[16],"ignored":[32]}],[1,"sqm-portal-login",{"nextPage":[1,"next-page"],"emailLabel":[1,"email-label"],"passwordLabel":[1,"password-label"],"submitLabel":[1,"submit-label"],"forgotPasswordLabel":[1,"forgot-password-label"],"registerLabel":[1,"register-label"],"pageLabel":[1,"page-label"],"registerPath":[1,"register-path"],"forgotPasswordPath":[1,"forgot-password-path"],"demoData":[16],"ignored":[32]}],[1,"sqm-divided-layout",{"direction":[1],"dividerStyle":[1,"divider-style"]}],[0,"sqm-hook-story-container",{"hookStory":[16],"ignored":[32]}],[1,"sqm-navigation-menu",{"includeDropdown":[4,"include-dropdown"],"menuLabel":[1,"menu-label"],"demoData":[16],"ignored":[32]}],[1,"sqm-portal-frame",{"demoData":[16],"ignored":[32]}],[4,"sqm-program-menu",{"ignored":[32]}],[0,"sqm-referral-iframe",{"iframeSrc":[1,"iframe-src"],"iframeHeight":[1,"iframe-height"],"iframeWidth":[1,"iframe-width"],"demoData":[16],"ignored":[32]}],[4,"sqm-router",{"ignored":[32]}],[1,"sqm-share-button",{"medium":[1],"programId":[1,"program-id"],"pill":[4],"disabled":[4],"type":[1],"size":[1],"iconslot":[1],"icon":[1],"hideicon":[4],"hidetext":[4],"sharetitle":[1],"sharetext":[1],"demoData":[16]}],[1,"sqm-share-link",{"programId":[1,"program-id"],"tooltiptext":[1,"tooltip-text"],"tooltiplifespan":[2,"tooltip-lifespan"],"demoData":[16]}],[1,"sqm-user-name",{"fallback":[1],"loadingText":[1,"loading-text"],"demoData":[16],"_ignored":[32]}],[1,"sqm-referral-table-cell",{"innerTemplate":[1,"inner-template"],"ignored":[32]}],[1,"sqm-referral-table-date-cell",{"date":[2],"ignored":[32]}],[1,"sqm-referral-table-rewards-cell",{"rewards":[16],"hideDetails":[4,"hide-details"]}],[1,"sqm-referral-table-status-cell",{"statusText":[1,"status-text"],"converted":[4]}],[1,"sqm-referral-table-user-cell",{"name":[1]}],[1,"sqm-table-cell",{"colspan":[2],"padding":[1]}],[1,"sqm-table-row",{"border":[1]}],[4,"sqm-text",{"ignored":[32]}],[0,"sqm-password-field",{"fieldLabel":[1,"field-label"],"enableValidation":[4,"enable-validation"],"demoData":[16],"ignored":[32]}],[1,"sqm-form-message",{"type":[1],"icon":[1],"ignored":[32]}]]]], options);
   });
 };
 

package/dist/cjs/mint-components.cjs.js

@@ -42,5 +42,5 @@ const patchCloneNodeFix = (HTMLElementPrototype) => {
 };
 
 patchBrowser().then(options => {
-  return index.bootstrapLazy([["sqm-portal-reset-password.cjs",[[1,"sqm-portal-reset-password",{"nextPage":[1,"next-page"],"failedPage":[1,"failed-page"],"confirmPassword":[4,"confirm-password"],"resetPasswordHeader":[1,"reset-password-header"],"passwordResetHeader":[1,"password-reset-header"],"resetPasswordButtonText":[1,"reset-password-button-text"],"continueButtonText":[1,"continue-button-text"],"confirmPasswordFieldLabel":[1,"confirm-password-field-label"],"passwordFieldLabel":[1,"password-field-label"],"demoData":[16],"ignored":[32]}]]],["sqm-portal-email-verification.cjs",[[1,"sqm-portal-email-verification",{"redirectPath":[1,"redirect-path"],"emailVerificationHeader":[1,"email-verification-header"],"resendEmailButtonText":[1,"resend-email-button-text"],"verifyMessage":[1,"verify-message"],"demoData":[16],"ignored":[32]}]]],["sqm-portal-forgot-password.cjs",[[1,"sqm-portal-forgot-password",{"redirectPath":[1,"redirect-path"],"emailLabel":[1,"email-label"],"submitLabel":[1,"submit-label"],"loginPath":[1,"login-path"],"demoData":[16],"ignored":[32]}]]],["sqm-portal-profile.cjs",[[1,"sqm-portal-profile",{"firstnametext":[1],"lastnametext":[1],"emailtext":[1],"countrytext":[1],"editProfileHeader":[1,"edit-profile-header"],"editProfileSubHeader":[1,"edit-profile-sub-header"],"submitChangeButtonText":[1,"submit-change-button-text"],"showCountry":[4,"show-country"],"demoData":[16],"ignored":[32]}]]],["sqm-portal-verify-email.cjs",[[1,"sqm-portal-verify-email",{"nextPage":[1,"next-page"],"failedPage":[1,"failed-page"],"demoData":[16],"ignored":[32]}]]],["sqm-referral-table-column.cjs",[[1,"sqm-referral-table-column",{"columnTitle":[1,"column-title"],"renderCell":[64],"renderLabel":[64]}]]],["sqm-referral-table-date-column.cjs",[[1,"sqm-referral-table-date-column",{"columnTitle":[1,"column-title"],"dateShown":[1,"date-shown"],"renderCell":[64],"renderLabel":[64]}]]],["sqm-referral-table-rewards-column.cjs",[[1,"sqm-referral-table-rewards-column",{"columnTitle":[1,"column-title"],"hideDetails":[4,"hide-details"],"renderCell":[64],"renderLabel":[64]}]]],["sqm-referral-table-status-column.cjs",[[1,"sqm-referral-table-status-column",{"columnTitle":[1,"column-title"],"convertedStatusText":[1,"converted-status-text"],"inProgressStatusText":[1,"in-progress-status-text"],"renderCell":[64],"renderLabel":[64]}]]],["sqm-referral-table-user-column.cjs",[[1,"sqm-referral-table-user-column",{"columnTitle":[1,"column-title"],"anonymousUser":[1,"anonymous-user"],"deletedUser":[1,"deleted-user"],"renderCell":[64],"renderLabel":[64]}]]],["sqm-asset-card.cjs",[[1,"sqm-asset-card",{"titleText":[1,"title-text"],"imgUrl":[1,"img-url"],"demoData":[16],"ignored":[32]}]]],["sqm-big-stat.cjs",[[1,"sqm-big-stat",{"statType":[1,"stat-type"],"flexReverse":[4,"flex-reverse"],"alignment":[1],"demoData":[16],"ignored":[32]}]]],["sqm-graphql-client-provider.cjs",[[4,"sqm-graphql-client-provider",{"domain":[1],"ignored":[32]}]]],["sqm-hero.cjs",[[1,"sqm-hero",{"columns":[2],"background":[1],"paddingSize":[1,"padding-size"],"secondaryBackground":[1,"secondary-background"],"wrapDirection":[1,"wrap-direction"]}]]],["sqm-leaderboard.cjs",[[1,"sqm-leaderboard",{"usersheading":[1],"statsheading":[1],"rankheading":[1],"showRank":[4,"show-rank"],"rankType":[1,"rank-type"],"leaderboardType":[1,"leaderboard-type"],"interval":[1],"demoData":[16],"ignored":[32]}]]],["sqm-leaderboard-rank.cjs",[[1,"sqm-leaderboard-rank",{"rankType":[1,"rank-type"],"rankText":[1,"rank-text"],"leaderboardType":[1,"leaderboard-type"],"unrankedText":[1,"unranked-text"],"interval":[1],"demoData":[16]}]]],["sqm-name-fields.cjs",[[0,"sqm-name-fields",{"firstNameLabel":[1,"first-name-label"],"lastNameLabel":[1,"last-name-label"],"demoData":[16],"ignored":[32]}]]],["sqm-navigation-sidebar.cjs",[[1,"sqm-navigation-sidebar",{"ignored":[32]}]]],["sqm-navigation-sidebar-item.cjs",[[1,"sqm-navigation-sidebar-item",{"path":[1],"icon":[1],"label":[1],"demoData":[16]}]]],["sqm-popup-container.cjs",[[4,"sqm-popup-container",{"poweredBy":[4,"powered-by"],"closeButton":[4,"close-button"],"closeButtonText":[1,"close-button-text"],"embedPadding":[1,"embed-padding"],"popupPadding":[1,"popup-padding"]}]]],["sqm-portal-container.cjs",[[1,"sqm-portal-container",{"direction":[1],"padding":[1],"gap":[1],"minWidth":[1,"min-width"],"ignored":[32]}]]],["sqm-portal-footer.cjs",[[1,"sqm-portal-footer",{"supportEmail":[1,"support-email"],"supportText":[1,"support-text"],"termsLink":[1,"terms-link"],"termsText":[1,"terms-text"],"faqLink":[1,"faq-link"],"faqText":[1,"faq-text"],"showPoweredBy":[4,"show-powered-by"],"poweredByLink":[1,"powered-by-link"],"paddingTop":[1,"padding-top"],"paddingRight":[1,"padding-right"],"paddingBottom":[1,"padding-bottom"],"paddingLeft":[1,"padding-left"],"ignored":[32]}]]],["sqm-portal-logout.cjs",[[1,"sqm-portal-logout",{"nextPage":[1,"next-page"],"ignored":[32]}]]],["sqm-portal-protected-route.cjs",[[1,"sqm-portal-protected-route",{"redirectTo":[1,"redirect-to"],"requireEmailVerification":[4,"require-email-verification"],"redirectToUnverified":[1,"redirect-to-unverified"],"ignored":[32]}]]],["sqm-route.cjs",[[1,"sqm-route",{"path":[1],"ignored":[32]}]]],["sqm-share-code.cjs",[[1,"sqm-share-code",{"programId":[1,"program-id"],"tooltiptext":[1,"tooltip-text"],"tooltiplifespan":[2,"tooltip-lifespan"],"demoData":[16]}]]],["sqm-stat-container.cjs",[[1,"sqm-stat-container",{"space":[1],"ignored":[32]}]]],["sqm-text-span.cjs",[[0,"sqm-text-span",{"text":[1],"type":[1],"ignored":[32]}]]],["sqm-titled-section.cjs",[[1,"sqm-titled-section",{"label":[1],"labelMargin":[1,"label-margin"],"padding":[1]}]]],["sqm-divided-layout_26.cjs",[[4,"sqm-stencilbook",{"ignored":[32]}],[1,"sqm-referral-table",{"programId":[1,"program-id"],"perPage":[2,"per-page"],"showLabels":[4,"show-labels"],"prevLabel":[1,"prev-label"],"moreLabel":[1,"more-label"],"showReferrer":[4,"show-referrer"],"demoData":[16]}],[1,"sqm-portal-change-password",{"modalChangePasswordHeader":[1,"modal-change-password-header"],"cancelText":[1,"cancel-text"],"changePasswordButtonText":[1,"change-password-button-text"],"passwordFieldLabel":[1,"password-field-label"],"confirmPasswordFieldLabel":[1,"confirm-password-field-label"],"successMessage":[1,"success-message"],"portalChangePasswordHeader":[1,"portal-change-password-header"],"portalChangePasswordButtonText":[1,"portal-change-password-button-text"],"demoData":[16],"ignored":[32]}],[1,"sqm-portal-register",{"nextPage":[1,"next-page"],"redirectPath":[1,"redirect-path"],"emailLabel":[1,"email-label"],"passwordLabel":[1,"password-label"],"submitLabel":[1,"submit-label"],"loginLabel":[1,"login-label"],"confirmPasswordLabel":[1,"confirm-password-label"],"confirmPassword":[4,"confirm-password"],"enablePasswordValidation":[4,"enable-password-validation"],"hideInputs":[4,"hide-inputs"],"pageLabel":[1,"page-label"],"loginPath":[1,"login-path"],"demoData":[16],"ignored":[32]}],[1,"sqm-edit-profile",{"editprofileheader":[1],"editprofiletext":[1],"canceltext":[1],"updatetext":[1],"firstnametext":[1],"lastnametext":[1],"currentregiontext":[1],"showregion":[4],"demoData":[16],"ignored":[32]}],[1,"sqm-portal-login",{"nextPage":[1,"next-page"],"emailLabel":[1,"email-label"],"passwordLabel":[1,"password-label"],"submitLabel":[1,"submit-label"],"forgotPasswordLabel":[1,"forgot-password-label"],"registerLabel":[1,"register-label"],"pageLabel":[1,"page-label"],"registerPath":[1,"register-path"],"forgotPasswordPath":[1,"forgot-password-path"],"demoData":[16],"ignored":[32]}],[1,"sqm-divided-layout",{"direction":[1],"dividerStyle":[1,"divider-style"]}],[0,"sqm-hook-story-container",{"hookStory":[16],"ignored":[32]}],[1,"sqm-navigation-menu",{"includeDropdown":[4,"include-dropdown"],"menuLabel":[1,"menu-label"],"demoData":[16],"ignored":[32]}],[1,"sqm-portal-frame",{"demoData":[16],"ignored":[32]}],[4,"sqm-program-menu",{"ignored":[32]}],[0,"sqm-referral-iframe",{"iframeSrc":[1,"iframe-src"],"iframeHeight":[1,"iframe-height"],"iframeWidth":[1,"iframe-width"],"demoData":[16],"ignored":[32]}],[4,"sqm-router",{"ignored":[32]}],[1,"sqm-share-button",{"medium":[1],"programId":[1,"program-id"],"pill":[4],"disabled":[4],"type":[1],"size":[1],"iconslot":[1],"icon":[1],"hideicon":[4],"hidetext":[4],"sharetitle":[1],"sharetext":[1],"demoData":[16]}],[1,"sqm-share-link",{"programId":[1,"program-id"],"tooltiptext":[1,"tooltip-text"],"tooltiplifespan":[2,"tooltip-lifespan"],"demoData":[16]}],[1,"sqm-user-name",{"fallback":[1],"loadingText":[1,"loading-text"],"demoData":[16],"_ignored":[32]}],[1,"sqm-referral-table-cell",{"innerTemplate":[1,"inner-template"],"ignored":[32]}],[1,"sqm-referral-table-date-cell",{"date":[2],"ignored":[32]}],[1,"sqm-referral-table-rewards-cell",{"rewards":[16],"hideDetails":[4,"hide-details"]}],[1,"sqm-referral-table-status-cell",{"statusText":[1,"status-text"],"converted":[4]}],[1,"sqm-referral-table-user-cell",{"name":[1]}],[1,"sqm-table-cell",{"colspan":[2],"padding":[1]}],[1,"sqm-table-row",{"border":[1]}],[4,"sqm-text",{"ignored":[32]}],[0,"sqm-password-field",{"fieldLabel":[1,"field-label"],"enableValidation":[4,"enable-validation"],"demoData":[16],"ignored":[32]}],[1,"sqm-form-message",{"type":[1],"icon":[1],"ignored":[32]}]]]], options);
+  return index.bootstrapLazy([["sqm-portal-reset-password.cjs",[[1,"sqm-portal-reset-password",{"nextPage":[1,"next-page"],"failedPage":[1,"failed-page"],"confirmPassword":[4,"confirm-password"],"resetPasswordHeader":[1,"reset-password-header"],"passwordResetHeader":[1,"password-reset-header"],"resetPasswordButtonText":[1,"reset-password-button-text"],"continueButtonText":[1,"continue-button-text"],"confirmPasswordFieldLabel":[1,"confirm-password-field-label"],"passwordFieldLabel":[1,"password-field-label"],"demoData":[16],"ignored":[32]}]]],["sqm-portal-email-verification.cjs",[[1,"sqm-portal-email-verification",{"redirectPath":[1,"redirect-path"],"emailVerificationHeader":[1,"email-verification-header"],"resendEmailButtonText":[1,"resend-email-button-text"],"verifyMessage":[1,"verify-message"],"demoData":[16],"ignored":[32]}]]],["sqm-portal-forgot-password.cjs",[[1,"sqm-portal-forgot-password",{"redirectPath":[1,"redirect-path"],"emailLabel":[1,"email-label"],"submitLabel":[1,"submit-label"],"loginPath":[1,"login-path"],"demoData":[16],"ignored":[32]}]]],["sqm-portal-profile.cjs",[[1,"sqm-portal-profile",{"firstnametext":[1],"lastnametext":[1],"emailtext":[1],"countrytext":[1],"editProfileHeader":[1,"edit-profile-header"],"editProfileSubHeader":[1,"edit-profile-sub-header"],"submitChangeButtonText":[1,"submit-change-button-text"],"showCountry":[4,"show-country"],"demoData":[16],"ignored":[32]}]]],["sqm-portal-verify-email.cjs",[[1,"sqm-portal-verify-email",{"nextPage":[1,"next-page"],"failedPage":[1,"failed-page"],"demoData":[16],"ignored":[32]}]]],["sqm-referral-table-column.cjs",[[1,"sqm-referral-table-column",{"columnTitle":[1,"column-title"],"renderCell":[64],"renderLabel":[64]}]]],["sqm-referral-table-date-column.cjs",[[1,"sqm-referral-table-date-column",{"columnTitle":[1,"column-title"],"dateShown":[1,"date-shown"],"renderCell":[64],"renderLabel":[64]}]]],["sqm-referral-table-rewards-column.cjs",[[1,"sqm-referral-table-rewards-column",{"columnTitle":[1,"column-title"],"hideDetails":[4,"hide-details"],"renderCell":[64],"renderLabel":[64]}]]],["sqm-referral-table-status-column.cjs",[[1,"sqm-referral-table-status-column",{"columnTitle":[1,"column-title"],"convertedStatusText":[1,"converted-status-text"],"inProgressStatusText":[1,"in-progress-status-text"],"renderCell":[64],"renderLabel":[64]}]]],["sqm-referral-table-user-column.cjs",[[1,"sqm-referral-table-user-column",{"columnTitle":[1,"column-title"],"anonymousUser":[1,"anonymous-user"],"deletedUser":[1,"deleted-user"],"renderCell":[64],"renderLabel":[64]}]]],["sqm-asset-card.cjs",[[1,"sqm-asset-card",{"titleText":[1,"title-text"],"imgUrl":[1,"img-url"],"demoData":[16],"ignored":[32]}]]],["sqm-big-stat.cjs",[[1,"sqm-big-stat",{"statType":[1,"stat-type"],"flexReverse":[4,"flex-reverse"],"alignment":[1],"programId":[1,"program-id"],"demoData":[16],"ignored":[32]}]]],["sqm-graphql-client-provider.cjs",[[4,"sqm-graphql-client-provider",{"domain":[1],"ignored":[32]}]]],["sqm-hero.cjs",[[1,"sqm-hero",{"columns":[2],"background":[1],"paddingSize":[1,"padding-size"],"secondaryBackground":[1,"secondary-background"],"wrapDirection":[1,"wrap-direction"]}]]],["sqm-leaderboard.cjs",[[1,"sqm-leaderboard",{"usersheading":[1],"statsheading":[1],"rankheading":[1],"showRank":[4,"show-rank"],"rankType":[1,"rank-type"],"leaderboardType":[1,"leaderboard-type"],"interval":[1],"demoData":[16],"ignored":[32]}]]],["sqm-leaderboard-rank.cjs",[[1,"sqm-leaderboard-rank",{"rankType":[1,"rank-type"],"rankText":[1,"rank-text"],"leaderboardType":[1,"leaderboard-type"],"unrankedText":[1,"unranked-text"],"interval":[1],"demoData":[16]}]]],["sqm-name-fields.cjs",[[0,"sqm-name-fields",{"firstNameLabel":[1,"first-name-label"],"lastNameLabel":[1,"last-name-label"],"demoData":[16],"ignored":[32]}]]],["sqm-navigation-sidebar.cjs",[[1,"sqm-navigation-sidebar",{"ignored":[32]}]]],["sqm-navigation-sidebar-item.cjs",[[1,"sqm-navigation-sidebar-item",{"path":[1],"icon":[1],"label":[1],"demoData":[16]}]]],["sqm-popup-container.cjs",[[4,"sqm-popup-container",{"poweredBy":[4,"powered-by"],"closeButton":[4,"close-button"],"closeButtonText":[1,"close-button-text"],"embedPadding":[1,"embed-padding"],"popupPadding":[1,"popup-padding"]}]]],["sqm-portal-container.cjs",[[1,"sqm-portal-container",{"direction":[1],"padding":[1],"gap":[1],"minWidth":[1,"min-width"],"ignored":[32]}]]],["sqm-portal-footer.cjs",[[1,"sqm-portal-footer",{"supportEmail":[1,"support-email"],"supportText":[1,"support-text"],"termsLink":[1,"terms-link"],"termsText":[1,"terms-text"],"faqLink":[1,"faq-link"],"faqText":[1,"faq-text"],"showPoweredBy":[4,"show-powered-by"],"poweredByLink":[1,"powered-by-link"],"paddingTop":[1,"padding-top"],"paddingRight":[1,"padding-right"],"paddingBottom":[1,"padding-bottom"],"paddingLeft":[1,"padding-left"],"ignored":[32]}]]],["sqm-portal-logout.cjs",[[1,"sqm-portal-logout",{"nextPage":[1,"next-page"],"ignored":[32]}]]],["sqm-portal-protected-route.cjs",[[1,"sqm-portal-protected-route",{"redirectTo":[1,"redirect-to"],"requireEmailVerification":[4,"require-email-verification"],"redirectToUnverified":[1,"redirect-to-unverified"],"ignored":[32]}]]],["sqm-route.cjs",[[1,"sqm-route",{"path":[1],"ignored":[32]}]]],["sqm-share-code.cjs",[[1,"sqm-share-code",{"programId":[1,"program-id"],"tooltiptext":[1,"tooltip-text"],"tooltiplifespan":[2,"tooltip-lifespan"],"demoData":[16]}]]],["sqm-stat-container.cjs",[[1,"sqm-stat-container",{"space":[1],"ignored":[32]}]]],["sqm-text-span.cjs",[[0,"sqm-text-span",{"text":[1],"type":[1],"ignored":[32]}]]],["sqm-titled-section.cjs",[[1,"sqm-titled-section",{"label":[1],"labelMargin":[1,"label-margin"],"padding":[1]}]]],["sqm-divided-layout_26.cjs",[[4,"sqm-stencilbook",{"ignored":[32]}],[1,"sqm-referral-table",{"programId":[1,"program-id"],"perPage":[2,"per-page"],"showLabels":[4,"show-labels"],"prevLabel":[1,"prev-label"],"moreLabel":[1,"more-label"],"showReferrer":[4,"show-referrer"],"demoData":[16]}],[1,"sqm-portal-change-password",{"modalChangePasswordHeader":[1,"modal-change-password-header"],"cancelText":[1,"cancel-text"],"changePasswordButtonText":[1,"change-password-button-text"],"passwordFieldLabel":[1,"password-field-label"],"confirmPasswordFieldLabel":[1,"confirm-password-field-label"],"successMessage":[1,"success-message"],"portalChangePasswordHeader":[1,"portal-change-password-header"],"portalChangePasswordButtonText":[1,"portal-change-password-button-text"],"demoData":[16],"ignored":[32]}],[1,"sqm-portal-register",{"nextPage":[1,"next-page"],"redirectPath":[1,"redirect-path"],"emailLabel":[1,"email-label"],"passwordLabel":[1,"password-label"],"submitLabel":[1,"submit-label"],"loginLabel":[1,"login-label"],"confirmPasswordLabel":[1,"confirm-password-label"],"confirmPassword":[4,"confirm-password"],"enablePasswordValidation":[4,"enable-password-validation"],"hideInputs":[4,"hide-inputs"],"pageLabel":[1,"page-label"],"loginPath":[1,"login-path"],"demoData":[16],"ignored":[32]}],[1,"sqm-edit-profile",{"editprofileheader":[1],"editprofiletext":[1],"canceltext":[1],"updatetext":[1],"firstnametext":[1],"lastnametext":[1],"currentregiontext":[1],"showregion":[4],"demoData":[16],"ignored":[32]}],[1,"sqm-portal-login",{"nextPage":[1,"next-page"],"emailLabel":[1,"email-label"],"passwordLabel":[1,"password-label"],"submitLabel":[1,"submit-label"],"forgotPasswordLabel":[1,"forgot-password-label"],"registerLabel":[1,"register-label"],"pageLabel":[1,"page-label"],"registerPath":[1,"register-path"],"forgotPasswordPath":[1,"forgot-password-path"],"demoData":[16],"ignored":[32]}],[1,"sqm-divided-layout",{"direction":[1],"dividerStyle":[1,"divider-style"]}],[0,"sqm-hook-story-container",{"hookStory":[16],"ignored":[32]}],[1,"sqm-navigation-menu",{"includeDropdown":[4,"include-dropdown"],"menuLabel":[1,"menu-label"],"demoData":[16],"ignored":[32]}],[1,"sqm-portal-frame",{"demoData":[16],"ignored":[32]}],[4,"sqm-program-menu",{"ignored":[32]}],[0,"sqm-referral-iframe",{"iframeSrc":[1,"iframe-src"],"iframeHeight":[1,"iframe-height"],"iframeWidth":[1,"iframe-width"],"demoData":[16],"ignored":[32]}],[4,"sqm-router",{"ignored":[32]}],[1,"sqm-share-button",{"medium":[1],"programId":[1,"program-id"],"pill":[4],"disabled":[4],"type":[1],"size":[1],"iconslot":[1],"icon":[1],"hideicon":[4],"hidetext":[4],"sharetitle":[1],"sharetext":[1],"demoData":[16]}],[1,"sqm-share-link",{"programId":[1,"program-id"],"tooltiptext":[1,"tooltip-text"],"tooltiplifespan":[2,"tooltip-lifespan"],"demoData":[16]}],[1,"sqm-user-name",{"fallback":[1],"loadingText":[1,"loading-text"],"demoData":[16],"_ignored":[32]}],[1,"sqm-referral-table-cell",{"innerTemplate":[1,"inner-template"],"ignored":[32]}],[1,"sqm-referral-table-date-cell",{"date":[2],"ignored":[32]}],[1,"sqm-referral-table-rewards-cell",{"rewards":[16],"hideDetails":[4,"hide-details"]}],[1,"sqm-referral-table-status-cell",{"statusText":[1,"status-text"],"converted":[4]}],[1,"sqm-referral-table-user-cell",{"name":[1]}],[1,"sqm-table-cell",{"colspan":[2],"padding":[1]}],[1,"sqm-table-row",{"border":[1]}],[4,"sqm-text",{"ignored":[32]}],[0,"sqm-password-field",{"fieldLabel":[1,"field-label"],"enableValidation":[4,"enable-validation"],"demoData":[16],"ignored":[32]}],[1,"sqm-form-message",{"type":[1],"icon":[1],"ignored":[32]}]]]], options);
 });

package/dist/cjs/sqm-big-stat.cjs.entry.js

@@ -8,7 +8,7 @@ require('./use-callback-fadb2643.js');
 const index_module = require('./index.module-2925fe3b.js');
 require('./jss-preset-default.esm-6304d24f.js');
 require('./cjs-1066ec21.js');
-const useDemoBigStat = require('./useDemoBigStat-ee71b587.js');
+const useDemoBigStat = require('./useDemoBigStat-d7a60992.js');
 
 const BigStat = class {
   constructor(hostRef) {

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

@@ -17,7 +17,7 @@ const sqmPortalSectionView = require('./sqm-portal-section-view-3b008930.js');
 const sqmTextSpanView = require('./sqm-text-span-view-b5ae787b.js');
 const sqmLeaderboardRankView = require('./sqm-leaderboard-rank-view-48245b30.js');
 const reRender = require('./re-render-b1ad512d.js');
-const useDemoBigStat = require('./useDemoBigStat-ee71b587.js');
+const useDemoBigStat = require('./useDemoBigStat-d7a60992.js');
 const sqmShareLinkView = require('./sqm-share-link-view-a935d07e.js');
 const ShadowViewAddon = require('./ShadowViewAddon-e9bacad0.js');
 const sqmNavigationSidebarView = require('./sqm-navigation-sidebar-view-d06e1885.js');
@@ -1472,11 +1472,11 @@ const PortalLogin = class {
      */
     this.pageLabel = "Sign in to your account";
     /**
-     * @uiName Routing path to register page
+     * @uiName Register button redirection path
      */
     this.registerPath = "/register";
     /**
-     * @uiName Routing path to forgot password page
+     * @uiName Forgot password button redirect path
      */
     this.forgotPasswordPath = "/forgotPassword";
     _extends.h$1(this);
@@ -1579,6 +1579,7 @@ function PortalRegisterView(props) {
           "Cannot be empty",
       }
         : [])))),
+      content.terms,
       index.h("div", { class: sheet$4.classes.ButtonsContainer },
         index.h("sl-button", { submit: true, loading: states.loading, exportparts: "base: primarybutton-base", type: "primary" }, content.submitLabel || "Register"),
         content.secondaryButton))));
@@ -5582,7 +5583,9 @@ const PortalRegister = class {
      */
     this.nextPage = "/";
     /**
-     * @uiName Base path of verify email link
+     * The page that users are redirected to from the verification email.
+     *
+     * @uiName Email redirection base path
      */
     this.redirectPath = "/verifyEmail";
     /**
@@ -5622,7 +5625,7 @@ const PortalRegister = class {
      */
     this.pageLabel = "Register";
     /**
-     * @uiName Routing path to login page
+     * @uiName Sign in button redirection path
      */
     this.loginPath = "/login";
     _extends.h$1(this);
@@ -5635,6 +5638,7 @@ const PortalRegister = class {
     const content = {
       formData: index.h("slot", { name: "formData" }),
       secondaryButton: (index.h("slot", { name: "secondaryButton" }, index.h("sl-button", { type: "text", disabled: states.loading, onClick: () => index_module.mn.push(states.loginPath) }, this.loginLabel))),
+      terms: index.h("slot", { name: "terms" }),
       emailLabel: this.emailLabel,
       passwordLabel: this.passwordLabel,
       submitLabel: this.submitLabel,
@@ -18035,7 +18039,7 @@ const defaultProps$3 = {
     loading: false,
     confirmPassword: true,
     hideInputs: false,
-    loginPath: "/login"
+    loginPath: "/login",
   },
   callbacks: {
     submit: () => console.log("Submit!"),
@@ -18052,7 +18056,7 @@ const errorProps$1 = {
     loading: false,
     confirmPassword: true,
     hideInputs: false,
-    loginPath: "/login"
+    loginPath: "/login",
   },
   callbacks: {
     submit: () => console.log("Submit!"),
@@ -18072,7 +18076,7 @@ const loadingProps$1 = {
     loading: true,
     confirmPassword: true,
     hideInputs: false,
-    loginPath: "/login"
+    loginPath: "/login",
   },
   callbacks: {
     submit: () => console.log("Submit!"),
@@ -18089,7 +18093,7 @@ const slottedProps = {
     loading: false,
     confirmPassword: true,
     hideInputs: false,
-    loginPath: "/login"
+    loginPath: "/login",
   },
   callbacks: {
     submit: () => console.log("Submit!"),
@@ -18116,11 +18120,18 @@ const FieldsHidden = () => {
         loading: true,
         confirmPassword: true,
         hideInputs: true,
-        loginPath: "/login"
+        loginPath: "/login",
       },
     } }));
 };
-const SlottedInputs = () => index.h(PortalRegisterView, Object.assign({}, slottedProps));
+const SlottedInputs = () => index.h(PortalRegisterView, Object.assign({}, slottedProps));
+const TermsAndConditions = () => (index.h(PortalRegisterView, Object.assign({}, defaultProps$3, { content: {
+    ...defaultProps$3.content,
+    terms: (index.h("p", null,
+      "By signing up you agree to the",
+      " ",
+      index.h("a", { href: "https://example.com", target: "_blank" }, "Terms and Conditions"))),
+  } })));
 
 const PortalRegister$1 = /*#__PURE__*/Object.freeze({
   __proto__: null,
@@ -18129,10 +18140,11 @@ const PortalRegister$1 = /*#__PURE__*/Object.freeze({
   RegisterWithError: RegisterWithError,
   RegisterLoading: RegisterLoading,
   FieldsHidden: FieldsHidden,
-  SlottedInputs: SlottedInputs
+  SlottedInputs: SlottedInputs,
+  TermsAndConditions: TermsAndConditions
 });
 
-const scenario = "@author:derek\r\n@owner:ian\r\nFeature: Forgot Password\r\n\r\n  @motivating\r\n  Scenario: Users can request to reset their password\r\n    Given a user enters their email address\r\n    And that email address is linked to a previously created account\r\n    When they click \"Reset Password\"\r\n    Then the button enters a loading state\r\n    When the password reset email is sent\r\n    Then a confirmation banner is shown stating a password reset email was sent\r\n\r\n  @motivating\r\n  Scenario: Users are notified if sending their password reset email fails\r\n    Given a user enters their email address\r\n    And that email address is linked to a previously created account\r\n    When they click \"Reset Password\"\r\n    Then the button enters a loading state\r\n    When the password reset email fails to send\r\n    Then the user does not receive a password reset email\r\n    And an error banner is shown stating that they should try again\r\n\r\n  @motivating\r\n  @landmine\r\n  Scenario: If the input email is not associated to an account a success banner is shown but an email is not be sent\r\n    Given the user entered an email address that is not associated to an accoun\r\n    When they click \"Reset Password\"\r\n    Then the button enters a loading state\r\n    But no email is sent\r\n    And a success banner is shown stating a password reset email was sent if the given email was associated to an account\r\n\r\n  @motivating\r\n  Scenario: Users can resend password reset email\r\n    Given a user had previously requested to reset their password\r\n    When they enter their email address\r\n    And that email address is linked to a previously created account\r\n    And they click \"Reset Password\"\r\n    Then the user receives a second password reset email\r\n    And a success banner is shown stating that their email was sent\r\n\r\n  @motivating\r\n  Scenario Outline: The email link can be configured to redirect users to a specific base path but defaults to \"/resetPassword\"\r\n    Given a user viewing the password reset component\r\n    And the component <mayHave> \"redirect-path\" with <value>\r\n    When they request a password reset email\r\n    And they click the link in the email\r\n    Then they are redirected to <redirectPath>\r\n    Examples:\r\n      | mayHave      | value          | redirectPath   |\r\n      | doesn't have | N/A            | /verifyEmail   |\r\n      | has          | /verifyMyEmail | /verifyMyEmail |\r\n\r\n  @minutae\r\n  Scenario Outline: Navigation back to the login page can be customized but defaults to \"/login\"\r\n    Given a user viewing the password reset component\r\n    And the component <mayHave> \"login-path\" with <value>\r\n    Then they see a \"Sign In\" text button\r\n    When they click \"Sign In\"\r\n    Then they are redirected to <redirectPath>\r\n    Examples:\r\n      | mayHave      | value   | redirectPath |\r\n      | doesn't have | N/A     | /login       |\r\n      | has          | /signin | /signin      |";
+const scenario = "@author:derek\r\n@owner:ian\r\nFeature: Forgot Password\r\n\r\n  @motivating\r\n  Scenario: Users can request to reset their password\r\n    Given a user enters their email address\r\n    And that email address is linked to a previously created account\r\n    When they click \"Reset Password\"\r\n    Then the button enters a loading state\r\n    When the password reset email is sent\r\n    Then a confirmation banner is shown stating a password reset email was sent\r\n\r\n  @motivating\r\n  Scenario: Users are notified if sending their password reset email fails\r\n    Given a user enters their email address\r\n    And that email address is linked to a previously created account\r\n    When they click \"Reset Password\"\r\n    Then the button enters a loading state\r\n    When the password reset email fails to send\r\n    Then the user does not receive a password reset email\r\n    And an error banner is shown stating that they should try again\r\n\r\n  @motivating\r\n  @landmine\r\n  Scenario: If the input email is not associated to an account a success banner is shown but an email is not be sent\r\n    Given the user entered an email address that is not associated to an accoun\r\n    When they click \"Reset Password\"\r\n    Then the button enters a loading state\r\n    But no email is sent\r\n    And a success banner is shown stating a password reset email was sent if the given email was associated to an account\r\n\r\n  @motivating\r\n  Scenario: Users can resend password reset email\r\n    Given a user had previously requested to reset their password\r\n    When they enter their email address\r\n    And that email address is linked to a previously created account\r\n    And they click \"Reset Password\"\r\n    Then the user receives a second password reset email\r\n    And a success banner is shown stating that their email was sent\r\n\r\n  @motivating\r\n  Scenario Outline: The email link can be configured to redirect users to a specific base path but defaults to \"/resetPassword\"\r\n    Given a user viewing the password reset component\r\n    And the component <mayHave> \"redirect-path\" with <value>\r\n    When they request a password reset email\r\n    And they click the link in the email\r\n    Then they are redirected to <redirectPath>\r\n    Examples:\r\n      | mayHave      | value            | redirectPath     |\r\n      | doesn't have | N/A              | /resetPassword   |\r\n      | has          | /resetMyPassword | /resetMyPassword |\r\n\r\n  @minutae\r\n  Scenario Outline: Navigation back to the login page can be customized but defaults to \"/login\"\r\n    Given a user viewing the password reset component\r\n    And the component <mayHave> \"login-path\" with <value>\r\n    Then they see a \"Sign In\" text button\r\n    When they click \"Sign In\"\r\n    Then they are redirected to <redirectPath>\r\n    Examples:\r\n      | mayHave      | value   | redirectPath |\r\n      | doesn't have | N/A     | /login       |\r\n      | has          | /signin | /signin      |";
 
 const PortalForgotPassword_stories = {
   title: "Portal Forgot Password",
@@ -22906,17 +22918,17 @@ const LoginReadme = "# sqm-portal-login\r\n\r\n\r\n\r\n<!-- Auto Generated Below
 
 const ReferralIframeReadme = "# sqm-referral-iframe\r\n\r\n\r\n\r\n<!-- Auto Generated Below -->\r\n\r\n\r\n## Properties\r\n\r\n| Property       | Attribute       | Description | Type                                                                                                                           | Default     |\r\n| -------------- | --------------- | ----------- | ------------------------------------------------------------------------------------------------------------------------------ | ----------- |\r\n| `demoData`     | --              |             | `{ states?: { content: { iframeSrc: string; iframeHeight: string; iframeWidth: string; }; }; data?: { shareCode: string; }; }` | `undefined` |\r\n| `iframeHeight` | `iframe-height` |             | `string`                                                                                                                       | `\"100%\"`    |\r\n| `iframeSrc`    | `iframe-src`    |             | `string`                                                                                                                       | `undefined` |\r\n| `iframeWidth`  | `iframe-width`  |             | `string`                                                                                                                       | `\"100%\"`    |\r\n\r\n\r\n## Dependencies\r\n\r\n### Used by\r\n\r\n - [sqm-stencilbook](../sqm-stencilbook)\r\n\r\n### Graph\r\n```mermaid\r\ngraph TD;\r\n  sqm-stencilbook --> sqm-referral-iframe\r\n  style sqm-referral-iframe fill:#f9f,stroke:#333,stroke-width:4px\r\n```\r\n\r\n----------------------------------------------\r\n\r\n*Built with [StencilJS](https://stenciljs.com/)*\r\n";
 
-const ForgotPasswordReadme = "# sqm-portal-forgot-password\r\n\r\n\r\n\r\n<!-- Auto Generated Below -->\r\n\r\n\r\n## Properties\r\n\r\n| Property       | Attribute       | Description | Type                                                                                                                                                                                        | Default                    |\r\n| -------------- | --------------- | ----------- | ------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- | -------------------------- |\r\n| `demoData`     | --              |             | `{ states?: { error: string; loading: boolean; success: boolean; loginPath: string; }; content?: { secondaryButton: any; messageSlot: any; emailLabel?: string; submitLabel?: string; }; }` | `undefined`                |\r\n| `emailLabel`   | `email-label`   |             | `string`                                                                                                                                                                                    | `\"Email\"`                  |\r\n| `loginPath`    | `login-path`    |             | `string`                                                                                                                                                                                    | `\"/login\"`                 |\r\n| `redirectPath` | `redirect-path` |             | `string`                                                                                                                                                                                    | `\"/resetPassword\"`         |\r\n| `submitLabel`  | `submit-label`  |             | `string`                                                                                                                                                                                    | `\"Request Password Reset\"` |\r\n\r\n\r\n## Dependencies\r\n\r\n### Depends on\r\n\r\n- [sqm-form-message](../sqm-form-message)\r\n\r\n### Graph\r\n```mermaid\r\ngraph TD;\r\n  sqm-portal-forgot-password --> sqm-form-message\r\n  style sqm-portal-forgot-password fill:#f9f,stroke:#333,stroke-width:4px\r\n```\r\n\r\n----------------------------------------------\r\n\r\n*Built with [StencilJS](https://stenciljs.com/)*\r\n";
+const ForgotPasswordReadme = "# sqm-portal-forgot-password\r\n\r\n\r\n\r\n<!-- Auto Generated Below -->\r\n\r\n\r\n## Properties\r\n\r\n| Property       | Attribute       | Description                                                          | Type                                                                                                                                                                                        | Default                    |\r\n| -------------- | --------------- | -------------------------------------------------------------------- | ------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- | -------------------------- |\r\n| `demoData`     | --              |                                                                      | `{ states?: { error: string; loading: boolean; success: boolean; loginPath: string; }; content?: { secondaryButton: any; messageSlot: any; emailLabel?: string; submitLabel?: string; }; }` | `undefined`                |\r\n| `emailLabel`   | `email-label`   |                                                                      | `string`                                                                                                                                                                                    | `\"Email\"`                  |\r\n| `loginPath`    | `login-path`    |                                                                      | `string`                                                                                                                                                                                    | `\"/login\"`                 |\r\n| `redirectPath` | `redirect-path` | The page that users are redirected to from the password reset email. | `string`                                                                                                                                                                                    | `\"/resetPassword\"`         |\r\n| `submitLabel`  | `submit-label`  |                                                                      | `string`                                                                                                                                                                                    | `\"Request Password Reset\"` |\r\n\r\n\r\n## Dependencies\r\n\r\n### Depends on\r\n\r\n- [sqm-form-message](../sqm-form-message)\r\n\r\n### Graph\r\n```mermaid\r\ngraph TD;\r\n  sqm-portal-forgot-password --> sqm-form-message\r\n  style sqm-portal-forgot-password fill:#f9f,stroke:#333,stroke-width:4px\r\n```\r\n\r\n----------------------------------------------\r\n\r\n*Built with [StencilJS](https://stenciljs.com/)*\r\n";
 
-const RegisterReadme = "# sqm-portal-register\r\n\r\n\r\n\r\n<!-- Auto Generated Below -->\r\n\r\n\r\n## Properties\r\n\r\n| Property                   | Attribute                    | Description | Type                                                                                                                                                                                                                                                                                                                                                                                                              | Default              |\r\n| -------------------------- | ---------------------------- | ----------- | ----------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- | -------------------- |\r\n| `confirmPassword`          | `confirm-password`           |             | `boolean`                                                                                                                                                                                                                                                                                                                                                                                                         | `false`              |\r\n| `confirmPasswordLabel`     | `confirm-password-label`     |             | `string`                                                                                                                                                                                                                                                                                                                                                                                                          | `\"Confirm Password\"` |\r\n| `demoData`                 | --                           |             | `{ states?: { error: string; loading: boolean; confirmPassword: boolean; hideInputs: boolean; validationState?: FormState; enablePasswordValidation?: boolean; loginPath: string; }; content?: { formData?: any; passwordField?: any; secondaryButton?: any; emailLabel?: string; passwordLabel?: string; submitLabel?: string; pageLabel?: string; confirmPasswordLabel: string; }; refs?: { formRef: any; }; }` | `undefined`          |\r\n| `emailLabel`               | `email-label`                |             | `string`                                                                                                                                                                                                                                                                                                                                                                                                          | `\"Email\"`            |\r\n| `enablePasswordValidation` | `enable-password-validation` |             | `boolean`                                                                                                                                                                                                                                                                                                                                                                                                         | `true`               |\r\n| `hideInputs`               | `hide-inputs`                |             | `boolean`                                                                                                                                                                                                                                                                                                                                                                                                         | `false`              |\r\n| `loginLabel`               | `login-label`                |             | `string`                                                                                                                                                                                                                                                                                                                                                                                                          | `\"Sign in\"`          |\r\n| `loginPath`                | `login-path`                 |             | `string`                                                                                                                                                                                                                                                                                                                                                                                                          | `\"/login\"`           |\r\n| `nextPage`                 | `next-page`                  |             | `string`                                                                                                                                                                                                                                                                                                                                                                                                          | `\"/\"`                |\r\n| `pageLabel`                | `page-label`                 |             | `string`                                                                                                                                                                                                                                                                                                                                                                                                          | `\"Register\"`         |\r\n| `passwordLabel`            | `password-label`             |             | `string`                                                                                                                                                                                                                                                                                                                                                                                                          | `\"Password\"`         |\r\n| `redirectPath`             | `redirect-path`              |             | `string`                                                                                                                                                                                                                                                                                                                                                                                                          | `\"/verifyEmail\"`     |\r\n| `submitLabel`              | `submit-label`               |             | `string`                                                                                                                                                                                                                                                                                                                                                                                                          | `\"Register\"`         |\r\n\r\n\r\n## Dependencies\r\n\r\n### Used by\r\n\r\n - [sqm-stencilbook](../sqm-stencilbook)\r\n\r\n### Depends on\r\n\r\n- [sqm-form-message](../sqm-form-message)\r\n- [sqm-password-field](../sqm-password-field)\r\n\r\n### Graph\r\n```mermaid\r\ngraph TD;\r\n  sqm-portal-register --> sqm-form-message\r\n  sqm-portal-register --> sqm-password-field\r\n  sqm-stencilbook --> sqm-portal-register\r\n  style sqm-portal-register fill:#f9f,stroke:#333,stroke-width:4px\r\n```\r\n\r\n----------------------------------------------\r\n\r\n*Built with [StencilJS](https://stenciljs.com/)*\r\n";
+const RegisterReadme = "# sqm-portal-register\r\n\r\n\r\n\r\n<!-- Auto Generated Below -->\r\n\r\n\r\n## Properties\r\n\r\n| Property                   | Attribute                    | Description                                                        | Type                                                                                                                                                                                                                                                                                                                                                                                                              | Default              |\r\n| -------------------------- | ---------------------------- | ------------------------------------------------------------------ | ----------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- | -------------------- |\r\n| `confirmPassword`          | `confirm-password`           |                                                                    | `boolean`                                                                                                                                                                                                                                                                                                                                                                                                         | `false`              |\r\n| `confirmPasswordLabel`     | `confirm-password-label`     |                                                                    | `string`                                                                                                                                                                                                                                                                                                                                                                                                          | `\"Confirm Password\"` |\r\n| `demoData`                 | --                           |                                                                    | `{ states?: { error: string; loading: boolean; confirmPassword: boolean; hideInputs: boolean; validationState?: FormState; enablePasswordValidation?: boolean; loginPath: string; }; content?: { formData?: any; passwordField?: any; secondaryButton?: any; emailLabel?: string; passwordLabel?: string; submitLabel?: string; pageLabel?: string; confirmPasswordLabel: string; }; refs?: { formRef: any; }; }` | `undefined`          |\r\n| `emailLabel`               | `email-label`                |                                                                    | `string`                                                                                                                                                                                                                                                                                                                                                                                                          | `\"Email\"`            |\r\n| `enablePasswordValidation` | `enable-password-validation` |                                                                    | `boolean`                                                                                                                                                                                                                                                                                                                                                                                                         | `true`               |\r\n| `hideInputs`               | `hide-inputs`                |                                                                    | `boolean`                                                                                                                                                                                                                                                                                                                                                                                                         | `false`              |\r\n| `loginLabel`               | `login-label`                |                                                                    | `string`                                                                                                                                                                                                                                                                                                                                                                                                          | `\"Sign in\"`          |\r\n| `loginPath`                | `login-path`                 |                                                                    | `string`                                                                                                                                                                                                                                                                                                                                                                                                          | `\"/login\"`           |\r\n| `nextPage`                 | `next-page`                  |                                                                    | `string`                                                                                                                                                                                                                                                                                                                                                                                                          | `\"/\"`                |\r\n| `pageLabel`                | `page-label`                 |                                                                    | `string`                                                                                                                                                                                                                                                                                                                                                                                                          | `\"Register\"`         |\r\n| `passwordLabel`            | `password-label`             |                                                                    | `string`                                                                                                                                                                                                                                                                                                                                                                                                          | `\"Password\"`         |\r\n| `redirectPath`             | `redirect-path`              | The page that users are redirected to from the verification email. | `string`                                                                                                                                                                                                                                                                                                                                                                                                          | `\"/verifyEmail\"`     |\r\n| `submitLabel`              | `submit-label`               |                                                                    | `string`                                                                                                                                                                                                                                                                                                                                                                                                          | `\"Register\"`         |\r\n\r\n\r\n## Dependencies\r\n\r\n### Used by\r\n\r\n - [sqm-stencilbook](../sqm-stencilbook)\r\n\r\n### Depends on\r\n\r\n- [sqm-form-message](../sqm-form-message)\r\n- [sqm-password-field](../sqm-password-field)\r\n\r\n### Graph\r\n```mermaid\r\ngraph TD;\r\n  sqm-portal-register --> sqm-form-message\r\n  sqm-portal-register --> sqm-password-field\r\n  sqm-stencilbook --> sqm-portal-register\r\n  style sqm-portal-register fill:#f9f,stroke:#333,stroke-width:4px\r\n```\r\n\r\n----------------------------------------------\r\n\r\n*Built with [StencilJS](https://stenciljs.com/)*\r\n";
 
 const EditProfileReadme = "# sqm-portal-profile\r\n\r\n\r\n\r\n<!-- Auto Generated Below -->\r\n\r\n\r\n## Properties\r\n\r\n| Property                 | Attribute                   | Description | Type                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                 | Default                  |\r\n| ------------------------ | --------------------------- | ----------- | -------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- | ------------------------ |\r\n| `countrytext`            | `countrytext`               |             | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                             | `\"Country\"`              |\r\n| `demoData`               | --                          |             | `{ states?: { success: boolean; loading: boolean; submitDisabled: boolean; showCountry: boolean; formState: { country: string; firstName: string; lastName: string; errors: any; error: string; }; user: { id: string; accountId: string; firstName: string; lastName: string; email: string; countryCode: string; }; text: { firstnametext: string; lastnametext: string; emailtext: string; countrytext: string; editProfileHeader: string; editProfileSubHeader: string; submitChangeButtonText: string; }; }; }` | `undefined`              |\r\n| `editProfileHeader`      | `edit-profile-header`       |             | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                             | `\"Edit your profile\"`    |\r\n| `editProfileSubHeader`   | `edit-profile-sub-header`   |             | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                             | `\"Personal Information\"` |\r\n| `emailtext`              | `emailtext`                 |             | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                             | `\"Email\"`                |\r\n| `firstnametext`          | `firstnametext`             |             | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                             | `\"First Name\"`           |\r\n| `lastnametext`           | `lastnametext`              |             | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                             | `\"Last Name\"`            |\r\n| `showCountry`            | `show-country`              |             | `boolean`                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                            | `true`                   |\r\n| `submitChangeButtonText` | `submit-change-button-text` |             | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                             | `\"Submit Changes\"`       |\r\n\r\n\r\n## Dependencies\r\n\r\n### Depends on\r\n\r\n- [sqm-form-message](../sqm-form-message)\r\n\r\n### Graph\r\n```mermaid\r\ngraph TD;\r\n  sqm-portal-profile --> sqm-form-message\r\n  style sqm-portal-profile fill:#f9f,stroke:#333,stroke-width:4px\r\n```\r\n\r\n----------------------------------------------\r\n\r\n*Built with [StencilJS](https://stenciljs.com/)*\r\n";
 
-const ResetPasswordReadme = "# sqm-portal-reset-password\r\n\r\n\r\n\r\n<!-- Auto Generated Below -->\r\n\r\n\r\n## Properties\r\n\r\n| Property                    | Attribute                      | Description                                 | Type                                                                                                                                                                                                                                                                                                                                                                                                 | Default                 |\r\n| --------------------------- | ------------------------------ | ------------------------------------------- | ---------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- | ----------------------- |\r\n| `confirmPassword`           | `confirm-password`             |                                             | `boolean`                                                                                                                                                                                                                                                                                                                                                                                            | `false`                 |\r\n| `confirmPasswordFieldLabel` | `confirm-password-field-label` |                                             | `string`                                                                                                                                                                                                                                                                                                                                                                                             | `\"Confirm Password\"`    |\r\n| `continueButtonText`        | `continue-button-text`         | Displayed after a successful password reset | `string`                                                                                                                                                                                                                                                                                                                                                                                             | `\"Continue\"`            |\r\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`             |\r\n| `failedPage`                | `failed-page`                  |                                             | `string`                                                                                                                                                                                                                                                                                                                                                                                             | `\"/\"`                   |\r\n| `nextPage`                  | `next-page`                    |                                             | `string`                                                                                                                                                                                                                                                                                                                                                                                             | `\"/\"`                   |\r\n| `passwordFieldLabel`        | `password-field-label`         |                                             | `string`                                                                                                                                                                                                                                                                                                                                                                                             | `\"New Password\"`        |\r\n| `passwordResetHeader`       | `password-reset-header`        | Displayed after a successful password reset | `string`                                                                                                                                                                                                                                                                                                                                                                                             | `\"Password reset\"`      |\r\n| `resetPasswordButtonText`   | `reset-password-button-text`   |                                             | `string`                                                                                                                                                                                                                                                                                                                                                                                             | `\"Reset Password\"`      |\r\n| `resetPasswordHeader`       | `reset-password-header`        |                                             | `string`                                                                                                                                                                                                                                                                                                                                                                                             | `\"Reset your password\"` |\r\n\r\n\r\n## Dependencies\r\n\r\n### Depends on\r\n\r\n- [sqm-form-message](../sqm-form-message)\r\n- [sqm-password-field](../sqm-password-field)\r\n\r\n### Graph\r\n```mermaid\r\ngraph TD;\r\n  sqm-portal-reset-password --> sqm-form-message\r\n  sqm-portal-reset-password --> sqm-password-field\r\n  style sqm-portal-reset-password fill:#f9f,stroke:#333,stroke-width:4px\r\n```\r\n\r\n----------------------------------------------\r\n\r\n*Built with [StencilJS](https://stenciljs.com/)*\r\n";
+const ResetPasswordReadme = "# sqm-portal-reset-password\r\n\r\n\r\n\r\n<!-- Auto Generated Below -->\r\n\r\n\r\n## Properties\r\n\r\n| Property                    | Attribute                      | Description                                                                                      | Type                                                                                                                                                                                                                                                                                                                                                                                                 | Default                 |\r\n| --------------------------- | ------------------------------ | ------------------------------------------------------------------------------------------------ | ---------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- | ----------------------- |\r\n| `confirmPassword`           | `confirm-password`             |                                                                                                  | `boolean`                                                                                                                                                                                                                                                                                                                                                                                            | `false`                 |\r\n| `confirmPasswordFieldLabel` | `confirm-password-field-label` |                                                                                                  | `string`                                                                                                                                                                                                                                                                                                                                                                                             | `\"Confirm Password\"`    |\r\n| `continueButtonText`        | `continue-button-text`         | Displayed after a successful password reset                                                      | `string`                                                                                                                                                                                                                                                                                                                                                                                             | `\"Continue\"`            |\r\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`             |\r\n| `failedPage`                | `failed-page`                  | The page that users are redirected to if the reset fails due to outdated password reset attempt. | `string`                                                                                                                                                                                                                                                                                                                                                                                             | `\"/\"`                   |\r\n| `nextPage`                  | `next-page`                    | The page that users are redirected to when the password reset succeeds.                          | `string`                                                                                                                                                                                                                                                                                                                                                                                             | `\"/\"`                   |\r\n| `passwordFieldLabel`        | `password-field-label`         |                                                                                                  | `string`                                                                                                                                                                                                                                                                                                                                                                                             | `\"New Password\"`        |\r\n| `passwordResetHeader`       | `password-reset-header`        | Displayed after a successful password reset                                                      | `string`                                                                                                                                                                                                                                                                                                                                                                                             | `\"Password reset\"`      |\r\n| `resetPasswordButtonText`   | `reset-password-button-text`   |                                                                                                  | `string`                                                                                                                                                                                                                                                                                                                                                                                             | `\"Reset Password\"`      |\r\n| `resetPasswordHeader`       | `reset-password-header`        |                                                                                                  | `string`                                                                                                                                                                                                                                                                                                                                                                                             | `\"Reset your password\"` |\r\n\r\n\r\n## Dependencies\r\n\r\n### Depends on\r\n\r\n- [sqm-form-message](../sqm-form-message)\r\n- [sqm-password-field](../sqm-password-field)\r\n\r\n### Graph\r\n```mermaid\r\ngraph TD;\r\n  sqm-portal-reset-password --> sqm-form-message\r\n  sqm-portal-reset-password --> sqm-password-field\r\n  style sqm-portal-reset-password fill:#f9f,stroke:#333,stroke-width:4px\r\n```\r\n\r\n----------------------------------------------\r\n\r\n*Built with [StencilJS](https://stenciljs.com/)*\r\n";
 
-const EmailVerificationReadme = "# sqm-portal-email-verification\r\n\r\n\r\n\r\n<!-- Auto Generated Below -->\r\n\r\n\r\n## Properties\r\n\r\n| Property                  | Attribute                   | Description | Type                                                                                                                                                                                        | Default                                                                                           |\r\n| ------------------------- | --------------------------- | ----------- | ------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- | ------------------------------------------------------------------------------------------------- |\r\n| `demoData`                | --                          |             | `{ states?: { error: string; loading: boolean; success: boolean; }; content?: { email: string; verifyMessage: string; emailVerificationHeader: string; resendEmailButtonText: string; }; }` | `undefined`                                                                                       |\r\n| `emailVerificationHeader` | `email-verification-header` |             | `string`                                                                                                                                                                                    | `\"Verify your email\"`                                                                             |\r\n| `redirectPath`            | `redirect-path`             |             | `string`                                                                                                                                                                                    | `\"/verifyEmail\"`                                                                                  |\r\n| `resendEmailButtonText`   | `resend-email-button-text`  |             | `string`                                                                                                                                                                                    | `\"Re-send Email\"`                                                                                 |\r\n| `verifyMessage`           | `verify-message`            |             | `string`                                                                                                                                                                                    | `\"A verification email was sent to {email}. Please verify your email to continue to the portal.\"` |\r\n\r\n\r\n## Dependencies\r\n\r\n### Depends on\r\n\r\n- [sqm-form-message](../sqm-form-message)\r\n\r\n### Graph\r\n```mermaid\r\ngraph TD;\r\n  sqm-portal-email-verification --> sqm-form-message\r\n  style sqm-portal-email-verification fill:#f9f,stroke:#333,stroke-width:4px\r\n```\r\n\r\n----------------------------------------------\r\n\r\n*Built with [StencilJS](https://stenciljs.com/)*\r\n";
+const EmailVerificationReadme = "# sqm-portal-email-verification\r\n\r\n\r\n\r\n<!-- Auto Generated Below -->\r\n\r\n\r\n## Properties\r\n\r\n| Property                  | Attribute                   | Description                                                        | Type                                                                                                                                                                                        | Default                                                                                           |\r\n| ------------------------- | --------------------------- | ------------------------------------------------------------------ | ------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- | ------------------------------------------------------------------------------------------------- |\r\n| `demoData`                | --                          |                                                                    | `{ states?: { error: string; loading: boolean; success: boolean; }; content?: { email: string; verifyMessage: string; emailVerificationHeader: string; resendEmailButtonText: string; }; }` | `undefined`                                                                                       |\r\n| `emailVerificationHeader` | `email-verification-header` |                                                                    | `string`                                                                                                                                                                                    | `\"Verify your email\"`                                                                             |\r\n| `redirectPath`            | `redirect-path`             | The page that users are redirected to from the verification email. | `string`                                                                                                                                                                                    | `\"/verifyEmail\"`                                                                                  |\r\n| `resendEmailButtonText`   | `resend-email-button-text`  |                                                                    | `string`                                                                                                                                                                                    | `\"Re-send Email\"`                                                                                 |\r\n| `verifyMessage`           | `verify-message`            |                                                                    | `string`                                                                                                                                                                                    | `\"A verification email was sent to {email}. Please verify your email to continue to the portal.\"` |\r\n\r\n\r\n## Dependencies\r\n\r\n### Depends on\r\n\r\n- [sqm-form-message](../sqm-form-message)\r\n\r\n### Graph\r\n```mermaid\r\ngraph TD;\r\n  sqm-portal-email-verification --> sqm-form-message\r\n  style sqm-portal-email-verification fill:#f9f,stroke:#333,stroke-width:4px\r\n```\r\n\r\n----------------------------------------------\r\n\r\n*Built with [StencilJS](https://stenciljs.com/)*\r\n";
 
-const EmailVerifiedReadme = "# sqm-portal-verify-email\r\n\r\n\r\n\r\n<!-- Auto Generated Below -->\r\n\r\n\r\n## Properties\r\n\r\n| Property     | Attribute     | Description | Type                                                                                                 | Default     |\r\n| ------------ | ------------- | ----------- | ---------------------------------------------------------------------------------------------------- | ----------- |\r\n| `demoData`   | --            |             | `{ states?: { error: string; loading: boolean; verified: boolean; }; data?: { oobCode: string; }; }` | `undefined` |\r\n| `failedPage` | `failed-page` |             | `string`                                                                                             | `\"/\"`       |\r\n| `nextPage`   | `next-page`   |             | `string`                                                                                             | `\"/\"`       |\r\n\r\n\r\n## Dependencies\r\n\r\n### Depends on\r\n\r\n- [sqm-form-message](../sqm-form-message)\r\n\r\n### Graph\r\n```mermaid\r\ngraph TD;\r\n  sqm-portal-verify-email --> sqm-form-message\r\n  style sqm-portal-verify-email fill:#f9f,stroke:#333,stroke-width:4px\r\n```\r\n\r\n----------------------------------------------\r\n\r\n*Built with [StencilJS](https://stenciljs.com/)*\r\n";
+const EmailVerifiedReadme = "# sqm-portal-verify-email\r\n\r\n\r\n\r\n<!-- Auto Generated Below -->\r\n\r\n\r\n## Properties\r\n\r\n| Property     | Attribute     | Description                                                                                       | Type                                                                                                 | Default     |\r\n| ------------ | ------------- | ------------------------------------------------------------------------------------------------- | ---------------------------------------------------------------------------------------------------- | ----------- |\r\n| `demoData`   | --            |                                                                                                   | `{ states?: { error: string; loading: boolean; verified: boolean; }; data?: { oobCode: string; }; }` | `undefined` |\r\n| `failedPage` | `failed-page` | The page that users are redirected to if verification fails due to outdated verification attempt. | `string`                                                                                             | `\"/\"`       |\r\n| `nextPage`   | `next-page`   | The page that users are redirected to when the verification succeeds.                             | `string`                                                                                             | `\"/\"`       |\r\n\r\n\r\n## Dependencies\r\n\r\n### Depends on\r\n\r\n- [sqm-form-message](../sqm-form-message)\r\n\r\n### Graph\r\n```mermaid\r\ngraph TD;\r\n  sqm-portal-verify-email --> sqm-form-message\r\n  style sqm-portal-verify-email fill:#f9f,stroke:#333,stroke-width:4px\r\n```\r\n\r\n----------------------------------------------\r\n\r\n*Built with [StencilJS](https://stenciljs.com/)*\r\n";
 
 const PortalTemplates_stories = {
   title: "Templates / Portal",

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

@@ -65,7 +65,9 @@ const PortalEmailVerification = class {
     index.registerInstance(this, hostRef);
     this.ignored = true;
     /**
-     * @uiName Base path of verify email link
+     * The page that users are redirected to from the verification email.
+     *
+     * @uiName Email redirection base path
      */
     this.redirectPath = "/verifyEmail";
     /**

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

@@ -60,7 +60,9 @@ const PortalForgotPassword = class {
     index.registerInstance(this, hostRef);
     this.ignored = true;
     /**
-     * @uiName Base path of reset password email link
+     * The page that users are redirected to from the password reset email.
+     *
+     * @uiName Email redirection base path
      */
     this.redirectPath = "/resetPassword";
     /**

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

@@ -93,11 +93,15 @@ const PortalResetPassword = class {
     index.registerInstance(this, hostRef);
     this.ignored = true;
     /**
+     * The page that users are redirected to when the password reset succeeds.
+     *
      * @uiName Next page path
      */
     this.nextPage = "/";
     /**
-     * @uiName Failed page path
+     * The page that users are redirected to if the reset fails due to outdated password reset attempt.
+     *
+     * @uiName Failed page redirection path
      */
     this.failedPage = "/";
     /**

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

@@ -96,11 +96,15 @@ const PortalVerifyEmail = class {
     index.registerInstance(this, hostRef);
     this.ignored = true;
     /**
+     * The page that users are redirected to when the verification succeeds.
+     *
      * @uiName Next page path
      */
     this.nextPage = "/";
     /**
-     * @uiName Failed page path
+     * The page that users are redirected to if verification fails due to outdated verification attempt.
+     *
+     * @uiName Failed page redirection path
      */
     this.failedPage = "/";
     _extends.h$1(this);

package/dist/cjs/{useDemoBigStat-ee71b587.js → useDemoBigStat-d7a60992.js}

@@ -805,8 +805,7 @@ const StatPaths = [
 ];
 const StatPatterns = StatPaths.map((pattern) => pathToRegexp(pattern.route));
 function useBigStat(props) {
-  const { statType, flexReverse, alignment } = props;
-  const programId = index_module.M();
+  const { statType, flexReverse, alignment, programId = index_module.M(), } = props;
   const locale = index_module.R();
   const userIdent = index_module.ne();
   const re = _extends.useMemo(() => StatPatterns.find((re) => re.exec(statType)), [statType]);