@saasquatch/mint-components 1.15.0-26 → 1.15.0-28

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

@@ -8,8 +8,8 @@ const index_module = require('./index.module-ee84433d.js');
 const cjs = require('./cjs-1066ec21.js');
 const utils = require('./utils-6847bc06.js');
 require('./JSS-8503a151.js');
-require('./mixins-f7e0377a.js');
-const sqmNavigationSidebarItemView = require('./sqm-navigation-sidebar-item-view-5dfd2b52.js');
+require('./mixins-6fa0d774.js');
+const sqmNavigationSidebarItemView = require('./sqm-navigation-sidebar-item-view-ef8eab4b.js');
 
 function useNavigationSidebarItem(props) {
   const currentPage = index_module.kn();

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

@@ -4,14 +4,14 @@ Object.defineProperty(exports, '__esModule', { value: true });
 
 const index = require('./index-a29c60ef.js');
 const stencilHooks_module = require('./stencil-hooks.module-3a336b0f.js');
-const global = require('./global-4ab5c243.js');
+const global = require('./global-60787e76.js');
 const index_module = require('./index.module-ee84433d.js');
 const cjs = require('./cjs-1066ec21.js');
 const utils = require('./utils-6847bc06.js');
 const JSS = require('./JSS-8503a151.js');
 const useReferralCodes = require('./useReferralCodes-82e8797b.js');
-require('./mixins-f7e0377a.js');
-const copyTextView = require('./copy-text-view-b2f47da0.js');
+require('./mixins-6fa0d774.js');
+const copyTextView = require('./copy-text-view-59e77f71.js');
 
 const style = {
   Container: {

package/dist/cjs/sqm-password-field.cjs.entry.js

@@ -8,7 +8,7 @@ const index_module = require('./index.module-ee84433d.js');
 const cjs = require('./cjs-1066ec21.js');
 const utils = require('./utils-6847bc06.js');
 const JSS = require('./JSS-8503a151.js');
-const mixins = require('./mixins-f7e0377a.js');
+const mixins = require('./mixins-6fa0d774.js');
 const useRegistrationFormState = require('./useRegistrationFormState-7b820f0c.js');
 
 var constants = {

package/dist/cjs/{sqm-portal-email-verification-view-4d1e6c4a.js → sqm-portal-email-verification-view-d18e1bf0.js}

@@ -1,10 +1,10 @@
 'use strict';
 
 const index = require('./index-a29c60ef.js');
-const global = require('./global-4ab5c243.js');
+const global = require('./global-60787e76.js');
 const JSS = require('./JSS-8503a151.js');
-const mixins = require('./mixins-f7e0377a.js');
-const sqmTextSpanView = require('./sqm-text-span-view-56e48a78.js');
+const mixins = require('./mixins-6fa0d774.js');
+const sqmTextSpanView = require('./sqm-text-span-view-ce4c0178.js');
 
 const style = {
   Wrapper: mixins.AuthWrapper,

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

@@ -4,13 +4,13 @@ Object.defineProperty(exports, '__esModule', { value: true });
 
 const index = require('./index-a29c60ef.js');
 const stencilHooks_module = require('./stencil-hooks.module-3a336b0f.js');
-require('./global-4ab5c243.js');
+require('./global-60787e76.js');
 const index_module = require('./index.module-ee84433d.js');
 const cjs = require('./cjs-1066ec21.js');
 require('./JSS-8503a151.js');
-require('./mixins-f7e0377a.js');
-require('./sqm-text-span-view-56e48a78.js');
-const sqmPortalEmailVerificationView = require('./sqm-portal-email-verification-view-4d1e6c4a.js');
+require('./mixins-6fa0d774.js');
+require('./sqm-text-span-view-ce4c0178.js');
+const sqmPortalEmailVerificationView = require('./sqm-portal-email-verification-view-d18e1bf0.js');
 
 function usePortalEmailVerification(props) {
   var _a, _b, _c, _d, _e, _f, _g, _h, _j;

package/dist/cjs/{sqm-portal-forgot-password-view-b986086e.js → sqm-portal-forgot-password-view-a19cd7b6.js}

@@ -1,19 +1,11 @@
 'use strict';
 
 const index = require('./index-a29c60ef.js');
+const index_module = require('./index.module-ee84433d.js');
 const JSS = require('./JSS-8503a151.js');
-const mixins = require('./mixins-f7e0377a.js');
-const sqmTextSpanView = require('./sqm-text-span-view-56e48a78.js');
+const mixins = require('./mixins-6fa0d774.js');
+const sqmTextSpanView = require('./sqm-text-span-view-ce4c0178.js');
 
-const style = {
-  Wrapper: mixins.AuthWrapper,
-  Column: { ...mixins.AuthColumn },
-  ButtonsContainer: mixins.AuthButtonsContainer,
-  SecondaryButton: {
-    cursor: "pointer",
-    width: "25%",
-  },
-};
 const vanillaStyle = `
 :host {
   display: block;
@@ -22,15 +14,30 @@ const vanillaStyle = `
   display: none;
 }
 `;
-const sheet = JSS.createStyleSheet(style);
-const styleString = sheet.toString();
 function PortalForgotPasswordView(props) {
-  const { states, callbacks, content } = props;
-  return (index.h("div", { class: sheet.classes.Wrapper, part: "sqm-base" },
+  const { states, callbacks, content, styles } = props;
+  const style = {
+    FormWrapper: {
+      ...mixins.AuthWrapper,
+      background: styles.backgroundColor,
+      borderRadius: styles.borderRadius,
+      border: styles.border,
+    },
+    Column: { ...mixins.AuthColumn },
+    ButtonsContainer: mixins.AuthButtonsContainer,
+    SecondaryButton: {
+      margin: "auto",
+      display: "block",
+      cursor: "pointer",
+    },
+  };
+  const sheet = JSS.createStyleSheet(style);
+  const styleString = sheet.toString();
+  return (index.h("div", { class: sheet.classes.FormWrapper, part: "sqm-base" },
     index.h("style", { type: "text/css" },
       vanillaStyle,
       styleString),
-    index.h(sqmTextSpanView.TextSpanView, { type: "h3" }, content.messageSlot),
+    index.h(sqmTextSpanView.TextSpanView, { textColor: styles.textColor, type: "h3" }, content.messageSlot),
     index.h("sl-form", { class: sheet.classes.Column, "onSl-submit": callbacks.submit },
       props.states.error && (index.h("sqm-form-message", { type: "error", exportparts: "erroralert-icon" },
         index.h("div", { part: "erroralert-text" }, props.states.error))),
@@ -39,7 +46,7 @@ function PortalForgotPasswordView(props) {
       index.h("sl-input", { exportparts: "label: input-label, base: input-base", type: "email", name: "/email", label: content.emailLabel || "Email", disabled: states.loading, required: true }),
       index.h("div", { class: sheet.classes.ButtonsContainer },
         index.h("sl-button", { submit: true, loading: states.loading, exportparts: "base: primarybutton-base", type: "primary" }, content.submitLabel || "Reset Password"),
-        index.h("div", { class: sheet.classes.SecondaryButton }, content.secondaryButton)))));
+        index.h("sl-button", { type: "text", exportparts: "base: tertiarybutton-base", class: sheet.classes.SecondaryButton, disabled: states.loading, onClick: () => index_module.jn.push(states.loginPath) }, content.loginText)))));
 }
 
 exports.PortalForgotPasswordView = PortalForgotPasswordView;

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

@@ -8,9 +8,9 @@ const index_module = require('./index.module-ee84433d.js');
 const jsonpointer = require('./jsonpointer-11327262.js');
 const cjs = require('./cjs-1066ec21.js');
 require('./JSS-8503a151.js');
-require('./mixins-f7e0377a.js');
-require('./sqm-text-span-view-56e48a78.js');
-const sqmPortalForgotPasswordView = require('./sqm-portal-forgot-password-view-b986086e.js');
+require('./mixins-6fa0d774.js');
+require('./sqm-text-span-view-ce4c0178.js');
+const sqmPortalForgotPasswordView = require('./sqm-portal-forgot-password-view-a19cd7b6.js');
 
 function usePortalForgotPassword(props) {
   var _a, _b, _c, _d, _e, _f, _g;
@@ -98,6 +98,21 @@ const PortalForgotPassword = class {
      * @uiName Email verification sent text
      */
     this.successAlertText = "If an account with that email exists, a password reset email will be sent.";
+    /**
+     * @uiName Background color
+     * @uiWidget color
+     */
+    this.backgroundColor = "var(--sqm-portal-background, #ffffff)";
+    /**
+     * @uiName Border radius
+     * @uiWidget number
+     */
+    this.borderRadius = "var(--sqm-border-radius-normal)";
+    /**
+     * @uiName Border style
+     * @uiWidget textArea
+     */
+    this.border = "1px solid var(--sqm-border-color, var(--sqm-text), #eaeaea)";
     stencilHooks_module.h$1(this);
   }
   disconnectedCallback() { }
@@ -111,8 +126,14 @@ const PortalForgotPassword = class {
       emailLabel: this.emailLabel,
       submitLabel: this.submitLabel,
       successAlertText: this.successAlertText,
+      loginText: this.loginText,
+    };
+    const styles = {
+      backgroundColor: this.backgroundColor,
+      borderRadius: this.borderRadius,
+      border: this.border,
     };
-    return (index.h(sqmPortalForgotPasswordView.PortalForgotPasswordView, { states: states, callbacks: callbacks, content: content }));
+    return (index.h(sqmPortalForgotPasswordView.PortalForgotPasswordView, { states: states, callbacks: callbacks, content: content, styles: styles }));
   }
 };
 function usePortalForgotPasswordDemo(props) {

package/dist/cjs/sqm-portal-google-login.cjs.entry.js

@@ -9,9 +9,9 @@ require('./jsonpointer-11327262.js');
 const cjs = require('./cjs-1066ec21.js');
 require('./utils-6847bc06.js');
 const JSS = require('./JSS-8503a151.js');
-require('./mixins-f7e0377a.js');
-require('./sqm-text-span-view-56e48a78.js');
-const sqmPortalLoginView = require('./sqm-portal-login-view-84e99287.js');
+require('./mixins-6fa0d774.js');
+require('./sqm-text-span-view-ce4c0178.js');
+const sqmPortalLoginView = require('./sqm-portal-login-view-0c11ca85.js');
 const usePortalLogin = require('./usePortalLogin-63d896d1.js');
 
 const PortalGoogleLogin = class {

package/dist/cjs/sqm-portal-google-registration-form.cjs.entry.js

@@ -8,11 +8,11 @@ const index_module = require('./index.module-ee84433d.js');
 const jsonpointer = require('./jsonpointer-11327262.js');
 const cjs = require('./cjs-1066ec21.js');
 const JSS = require('./JSS-8503a151.js');
-require('./mixins-f7e0377a.js');
-require('./sqm-text-span-view-56e48a78.js');
+require('./mixins-6fa0d774.js');
+require('./sqm-text-span-view-ce4c0178.js');
 const useRegistrationFormState = require('./useRegistrationFormState-7b820f0c.js');
-const sqmBaseRegistrationFormView = require('./sqm-base-registration-form-view-1b2440c3.js');
-const sqmPortalRegistrationFormView = require('./sqm-portal-registration-form-view-4377d849.js');
+const sqmBaseRegistrationFormView = require('./sqm-base-registration-form-view-6601acfb.js');
+const sqmPortalRegistrationFormView = require('./sqm-portal-registration-form-view-61fa6fb9.js');
 require('./AsYouType-6788393a.js');
 const usePortalRegistrationForm = require('./usePortalRegistrationForm-f25d89e7.js');
 

package/dist/cjs/{sqm-portal-login-view-84e99287.js → sqm-portal-login-view-0c11ca85.js}

@@ -2,8 +2,8 @@
 
 const index = require('./index-a29c60ef.js');
 const JSS = require('./JSS-8503a151.js');
-const mixins = require('./mixins-f7e0377a.js');
-const sqmTextSpanView = require('./sqm-text-span-view-56e48a78.js');
+const mixins = require('./mixins-6fa0d774.js');
+const sqmTextSpanView = require('./sqm-text-span-view-ce4c0178.js');
 
 const style = {
   Wrapper: mixins.AuthWrapper,

package/dist/cjs/{sqm-portal-profile-view-d9dd5455.js → sqm-portal-profile-view-7e9653c7.js}

@@ -1,9 +1,9 @@
 'use strict';
 
 const index = require('./index-a29c60ef.js');
-const global = require('./global-4ab5c243.js');
+const global = require('./global-60787e76.js');
 const JSS = require('./JSS-8503a151.js');
-const sqmTextSpanView = require('./sqm-text-span-view-56e48a78.js');
+const sqmTextSpanView = require('./sqm-text-span-view-ce4c0178.js');
 
 function PortalProfileView(props) {
   var _a, _b, _c, _d, _e;

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

@@ -4,13 +4,13 @@ Object.defineProperty(exports, '__esModule', { value: true });
 
 const index = require('./index-a29c60ef.js');
 const stencilHooks_module = require('./stencil-hooks.module-3a336b0f.js');
-require('./global-4ab5c243.js');
+require('./global-60787e76.js');
 const index_module = require('./index.module-ee84433d.js');
 const cjs = require('./cjs-1066ec21.js');
 const utils = require('./utils-6847bc06.js');
 require('./JSS-8503a151.js');
-require('./sqm-text-span-view-56e48a78.js');
-const sqmPortalProfileView = require('./sqm-portal-profile-view-d9dd5455.js');
+require('./sqm-text-span-view-ce4c0178.js');
+const sqmPortalProfileView = require('./sqm-portal-profile-view-7e9653c7.js');
 const utilities = require('./utilities-78f5e169.js');
 
 const GET_USER = index_module.dist.gql `

package/dist/cjs/{sqm-portal-registration-form-view-4377d849.js → sqm-portal-registration-form-view-61fa6fb9.js}

@@ -2,8 +2,8 @@
 
 const index = require('./index-a29c60ef.js');
 const JSS = require('./JSS-8503a151.js');
-const mixins = require('./mixins-f7e0377a.js');
-const sqmTextSpanView = require('./sqm-text-span-view-56e48a78.js');
+const mixins = require('./mixins-6fa0d774.js');
+const sqmTextSpanView = require('./sqm-text-span-view-ce4c0178.js');
 
 const style = {
   Wrapper: mixins.AuthWrapper,

package/dist/cjs/sqm-portal-registration-form.cjs.entry.js

@@ -8,10 +8,10 @@ const index_module = require('./index.module-ee84433d.js');
 require('./jsonpointer-11327262.js');
 const cjs = require('./cjs-1066ec21.js');
 require('./JSS-8503a151.js');
-require('./mixins-f7e0377a.js');
-require('./sqm-text-span-view-56e48a78.js');
+require('./mixins-6fa0d774.js');
+require('./sqm-text-span-view-ce4c0178.js');
 require('./useRegistrationFormState-7b820f0c.js');
-const sqmPortalRegistrationFormView = require('./sqm-portal-registration-form-view-4377d849.js');
+const sqmPortalRegistrationFormView = require('./sqm-portal-registration-form-view-61fa6fb9.js');
 require('./AsYouType-6788393a.js');
 const usePortalRegistrationForm = require('./usePortalRegistrationForm-f25d89e7.js');
 

package/dist/cjs/{sqm-portal-reset-password-view-52fc50fe.js → sqm-portal-reset-password-view-408362b7.js}

@@ -2,8 +2,8 @@
 
 const index = require('./index-a29c60ef.js');
 const JSS = require('./JSS-8503a151.js');
-const mixins = require('./mixins-f7e0377a.js');
-const sqmTextSpanView = require('./sqm-text-span-view-56e48a78.js');
+const mixins = require('./mixins-6fa0d774.js');
+const sqmTextSpanView = require('./sqm-text-span-view-ce4c0178.js');
 
 const style = {
   Wrapper: mixins.AuthWrapper,

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

@@ -9,9 +9,9 @@ const jsonpointer = require('./jsonpointer-11327262.js');
 const cjs = require('./cjs-1066ec21.js');
 const utils = require('./utils-6847bc06.js');
 require('./JSS-8503a151.js');
-require('./mixins-f7e0377a.js');
-require('./sqm-text-span-view-56e48a78.js');
-const sqmPortalResetPasswordView = require('./sqm-portal-reset-password-view-52fc50fe.js');
+require('./mixins-6fa0d774.js');
+require('./sqm-text-span-view-ce4c0178.js');
+const sqmPortalResetPasswordView = require('./sqm-portal-reset-password-view-408362b7.js');
 
 function usePortalResetPassword(props) {
   var _a, _b, _c, _d, _e, _f, _g, _h, _j, _k;

package/dist/cjs/{sqm-portal-verify-email-view-4f837226.js → sqm-portal-verify-email-view-2acfa811.js}

@@ -2,8 +2,8 @@
 
 const index = require('./index-a29c60ef.js');
 const JSS = require('./JSS-8503a151.js');
-const mixins = require('./mixins-f7e0377a.js');
-const sqmTextSpanView = require('./sqm-text-span-view-56e48a78.js');
+const mixins = require('./mixins-6fa0d774.js');
+const sqmTextSpanView = require('./sqm-text-span-view-ce4c0178.js');
 
 const style = {
   Wrapper: mixins.AuthWrapper,

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

@@ -8,9 +8,9 @@ const index_module = require('./index.module-ee84433d.js');
 const cjs = require('./cjs-1066ec21.js');
 const utils = require('./utils-6847bc06.js');
 require('./JSS-8503a151.js');
-require('./mixins-f7e0377a.js');
-require('./sqm-text-span-view-56e48a78.js');
-const sqmPortalVerifyEmailView = require('./sqm-portal-verify-email-view-4f837226.js');
+require('./mixins-6fa0d774.js');
+require('./sqm-text-span-view-ce4c0178.js');
+const sqmPortalVerifyEmailView = require('./sqm-portal-verify-email-view-2acfa811.js');
 
 let globalPromise = null;
 function usePortalVerifyEmail({ nextPage, failedPage, verifySuccessText, verifyEmailText, verifyInvalidText, networkErrorMessage, continueText, }) {

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

@@ -4,19 +4,19 @@ Object.defineProperty(exports, '__esModule', { value: true });
 
 const index = require('./index-a29c60ef.js');
 const stencilHooks_module = require('./stencil-hooks.module-3a336b0f.js');
-const global = require('./global-4ab5c243.js');
+const global = require('./global-60787e76.js');
 const index_module = require('./index.module-ee84433d.js');
 const cjs = require('./cjs-1066ec21.js');
 const utils = require('./utils-6847bc06.js');
 const JSS = require('./JSS-8503a151.js');
-require('./mixins-f7e0377a.js');
-const GenericTableView = require('./GenericTableView-f0e9c531.js');
+require('./mixins-6fa0d774.js');
+const GenericTableView = require('./GenericTableView-70fcd3db.js');
 const reRender = require('./re-render-b324deab.js');
 const useChildElements = require('./useChildElements-1b35d945.js');
 const luxon = require('./luxon-2926d85f.js');
 const mockRewardData = require('./mockRewardData-272e22d6.js');
 const useReferralTable = require('./useReferralTable-7c3f9600.js');
-const sqmTextSpanView = require('./sqm-text-span-view-56e48a78.js');
+const sqmTextSpanView = require('./sqm-text-span-view-ce4c0178.js');
 
 const mockReferralData = (count = 4) => {
   const data = [...Array(count)].map(() => getMockData());

package/dist/cjs/sqm-referred-registration.cjs.entry.js

@@ -8,8 +8,8 @@ const index_module = require('./index.module-ee84433d.js');
 require('./jsonpointer-11327262.js');
 const cjs = require('./cjs-1066ec21.js');
 require('./JSS-8503a151.js');
-require('./mixins-f7e0377a.js');
-const emailRegistrationView = require('./email-registration-view-55b378dc.js');
+require('./mixins-6fa0d774.js');
+const emailRegistrationView = require('./email-registration-view-6f4a800d.js');
 require('./useRegistrationFormState-7b820f0c.js');
 const useInstantAccessRegistration = require('./useInstantAccessRegistration-0537e28e.js');
 

package/dist/cjs/sqm-rewards-table-customer-note-cell.cjs.entry.js

@@ -5,7 +5,7 @@ Object.defineProperty(exports, '__esModule', { value: true });
 const index = require('./index-a29c60ef.js');
 const stencilHooks_module = require('./stencil-hooks.module-3a336b0f.js');
 require('./JSS-8503a151.js');
-const sqmTextSpanView = require('./sqm-text-span-view-56e48a78.js');
+const sqmTextSpanView = require('./sqm-text-span-view-ce4c0178.js');
 
 const RewardTableCustomerNoteCell = class {
   constructor(hostRef) {

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

@@ -4,13 +4,13 @@ Object.defineProperty(exports, '__esModule', { value: true });
 
 const index = require('./index-a29c60ef.js');
 const stencilHooks_module = require('./stencil-hooks.module-3a336b0f.js');
-const global = require('./global-4ab5c243.js');
+const global = require('./global-60787e76.js');
 const index_module = require('./index.module-ee84433d.js');
 const cjs = require('./cjs-1066ec21.js');
 const utils = require('./utils-6847bc06.js');
 const JSS = require('./JSS-8503a151.js');
-require('./mixins-f7e0377a.js');
-const GenericTableView = require('./GenericTableView-f0e9c531.js');
+require('./mixins-6fa0d774.js');
+const GenericTableView = require('./GenericTableView-70fcd3db.js');
 const reRender = require('./re-render-b324deab.js');
 const useChildElements = require('./useChildElements-1b35d945.js');
 const luxon = require('./luxon-2926d85f.js');

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

@@ -4,40 +4,40 @@ Object.defineProperty(exports, '__esModule', { value: true });
 
 const index = require('./index-a29c60ef.js');
 const stencilHooks_module = require('./stencil-hooks.module-3a336b0f.js');
-require('./global-4ab5c243.js');
+require('./global-60787e76.js');
 const index_module = require('./index.module-ee84433d.js');
 require('./cjs-1066ec21.js');
 require('./utils-6847bc06.js');
 const JSS = require('./JSS-8503a151.js');
 require('./useReferralCodes-82e8797b.js');
-require('./mixins-f7e0377a.js');
-const copyTextView = require('./copy-text-view-b2f47da0.js');
-const GenericTableView = require('./GenericTableView-f0e9c531.js');
+require('./mixins-6fa0d774.js');
+const copyTextView = require('./copy-text-view-59e77f71.js');
+const GenericTableView = require('./GenericTableView-70fcd3db.js');
 require('./useChildElements-1b35d945.js');
 const luxon = require('./luxon-2926d85f.js');
-require('./sqm-text-span-view-56e48a78.js');
+require('./sqm-text-span-view-ce4c0178.js');
 const sqmAssetCardView = require('./sqm-asset-card-view-21ddf04f.js');
-const sqmCloseButtonView = require('./sqm-close-button-view-ea3fa23b.js');
+const sqmCloseButtonView = require('./sqm-close-button-view-bbdca8fe.js');
 require('./index-8c6255f5.js');
-const emailRegistrationView = require('./email-registration-view-55b378dc.js');
+const emailRegistrationView = require('./email-registration-view-6f4a800d.js');
 const sqmLeaderboardRankView = require('./sqm-leaderboard-rank-view-d39a55d8.js');
 const sqmLogoutCurrentUserView = require('./sqm-logout-current-user-view-11d57c12.js');
 const sqmNavigationSidebarView = require('./sqm-navigation-sidebar-view-38a5227a.js');
-const sqmNavigationSidebarItemView = require('./sqm-navigation-sidebar-item-view-5dfd2b52.js');
-const sqmPortalEmailVerificationView = require('./sqm-portal-email-verification-view-4d1e6c4a.js');
-const sqmPortalForgotPasswordView = require('./sqm-portal-forgot-password-view-b986086e.js');
-const sqmPortalLoginView = require('./sqm-portal-login-view-84e99287.js');
-const sqmBaseRegistrationFormView = require('./sqm-base-registration-form-view-1b2440c3.js');
-const sqmPortalRegistrationFormView = require('./sqm-portal-registration-form-view-4377d849.js');
-const sqmPortalProfileView = require('./sqm-portal-profile-view-d9dd5455.js');
+const sqmNavigationSidebarItemView = require('./sqm-navigation-sidebar-item-view-ef8eab4b.js');
+const sqmPortalEmailVerificationView = require('./sqm-portal-email-verification-view-d18e1bf0.js');
+const sqmPortalForgotPasswordView = require('./sqm-portal-forgot-password-view-a19cd7b6.js');
+const sqmPortalLoginView = require('./sqm-portal-login-view-0c11ca85.js');
+const sqmBaseRegistrationFormView = require('./sqm-base-registration-form-view-6601acfb.js');
+const sqmPortalRegistrationFormView = require('./sqm-portal-registration-form-view-61fa6fb9.js');
+const sqmPortalProfileView = require('./sqm-portal-profile-view-7e9653c7.js');
 require('./utilities-78f5e169.js');
-const sqmPortalResetPasswordView = require('./sqm-portal-reset-password-view-52fc50fe.js');
-const sqmPortalVerifyEmailView = require('./sqm-portal-verify-email-view-4f837226.js');
+const sqmPortalResetPasswordView = require('./sqm-portal-reset-password-view-408362b7.js');
+const sqmPortalVerifyEmailView = require('./sqm-portal-verify-email-view-2acfa811.js');
 require('./ErrorView-b2fcf954.js');
 const sqmQrCodeView = require('./sqm-qr-code-view-3da9ed28.js');
-const ShadowViewAddon = require('./ShadowViewAddon-4f5cbce7.js');
+const ShadowViewAddon = require('./ShadowViewAddon-b4213186.js');
 const sqmPortalContainerView = require('./sqm-portal-container-view-4f15143a.js');
-const sqmInvoiceTableView = require('./sqm-invoice-table-view-687660b2.js');
+const sqmInvoiceTableView = require('./sqm-invoice-table-view-69e42ea2.js');
 
 /**
  * lodash (Custom Build) <https://lodash.com/>
@@ -10414,7 +10414,7 @@ const LoginReadme = "# sqm-portal-login\n\n\n\n<!-- Auto Generated Below -->\n\n
 
 const ReferralIframeReadme = "# sqm-referral-iframe\n\n\n\n<!-- Auto Generated Below -->\n\n\n## Properties\n\n| Property       | Attribute       | Description                                                                                     | Type                                                                                                                           | Default     |\n| -------------- | --------------- | ----------------------------------------------------------------------------------------------- | ------------------------------------------------------------------------------------------------------------------------------ | ----------- |\n| `demoData`     | --              |                                                                                                 | `{ states?: { content: { iframeSrc: string; iframeHeight: string; iframeWidth: string; }; }; data?: { shareCode: string; }; }` | `undefined` |\n| `iframeHeight` | `iframe-height` | Define the height of the iframe with any valid CSS height value. Example: 100px, 5rem, or auto. | `string`                                                                                                                       | `\"100%\"`    |\n| `iframeSrc`    | `iframe-src`    | URL of iframe to display                                                                        | `string`                                                                                                                       | `undefined` |\n| `iframeWidth`  | `iframe-width`  | Define the width of the iframe with any valid CSS width value. Example: 100px, 5rem, or auto.   | `string`                                                                                                                       | `\"100%\"`    |\n\n\n## Dependencies\n\n### Used by\n\n - [sqm-stencilbook](../sqm-stencilbook)\n\n### Graph\n```mermaid\ngraph TD;\n  sqm-stencilbook --> sqm-referral-iframe\n  style sqm-referral-iframe fill:#f9f,stroke:#333,stroke-width:4px\n```\n\n----------------------------------------------\n\n*Built with [StencilJS](https://stenciljs.com/)*\n";
 
-const ForgotPasswordReadme = "# sqm-portal-forgot-password\n\n\n\n<!-- Auto Generated Below -->\n\n\n## Properties\n\n| Property              | Attribute               | Description                                                                                                          | Type                                                                                                                                                                                                                   | Default                                                                        |\n| --------------------- | ----------------------- | -------------------------------------------------------------------------------------------------------------------- | ---------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- | ------------------------------------------------------------------------------ |\n| `demoData`            | --                      |                                                                                                                      | `{ states?: { error: string; loading: boolean; success: boolean; loginPath: string; }; content?: { secondaryButton: any; messageSlot: any; emailLabel?: string; submitLabel?: string; successAlertText?: string; }; }` | `undefined`                                                                    |\n| `emailLabel`          | `email-label`           |                                                                                                                      | `string`                                                                                                                                                                                                               | `\"Email\"`                                                                      |\n| `headerText`          | `header-text`           |                                                                                                                      | `string`                                                                                                                                                                                                               | `\"Enter your email below to receive a password reset link.\"`                   |\n| `loginPath`           | `login-path`            |                                                                                                                      | `string`                                                                                                                                                                                                               | `\"/login\"`                                                                     |\n| `loginText`           | `login-text`            |                                                                                                                      | `string`                                                                                                                                                                                                               | `\"Sign In\"`                                                                    |\n| `networkErrorMessage` | `network-error-message` | Displayed when the forgot password action fails due to a network error. The participant can try refreshing the page. | `string`                                                                                                                                                                                                               | `\"An error occurred while loading this page. Please refresh the page.\"`        |\n| `redirectPath`        | `redirect-path`         | Redirect participants to this page after they verify their email.                                                    | `string`                                                                                                                                                                                                               | `\"/resetPassword\"`                                                             |\n| `submitLabel`         | `submit-label`          |                                                                                                                      | `string`                                                                                                                                                                                                               | `\"Request Password Reset\"`                                                     |\n| `successAlertText`    | `success-alert-text`    |                                                                                                                      | `string`                                                                                                                                                                                                               | `\"If an account with that email exists, a password reset email will be sent.\"` |\n\n\n## Dependencies\n\n### Depends on\n\n- [sqm-form-message](../sqm-form-message)\n\n### Graph\n```mermaid\ngraph TD;\n  sqm-portal-forgot-password --> sqm-form-message\n  style sqm-portal-forgot-password fill:#f9f,stroke:#333,stroke-width:4px\n```\n\n----------------------------------------------\n\n*Built with [StencilJS](https://stenciljs.com/)*\n";
+const ForgotPasswordReadme = "# sqm-portal-forgot-password\n\n\n\n<!-- Auto Generated Below -->\n\n\n## Properties\n\n| Property              | Attribute               | Description                                                                                                          | Type                                                                                                                                                                                                                                                                                                                                           | Default                                                                        |\n| --------------------- | ----------------------- | -------------------------------------------------------------------------------------------------------------------- | ---------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- | ------------------------------------------------------------------------------ |\n| `backgroundColor`     | `background-color`      |                                                                                                                      | `string`                                                                                                                                                                                                                                                                                                                                       | `\"var(--sqm-portal-background, #ffffff)\"`                                      |\n| `border`              | `border`                |                                                                                                                      | `string`                                                                                                                                                                                                                                                                                                                                       | `\"1px solid var(--sqm-border-color, var(--sqm-text), #eaeaea)\"`                |\n| `borderRadius`        | `border-radius`         |                                                                                                                      | `string`                                                                                                                                                                                                                                                                                                                                       | `\"var(--sqm-border-radius-normal)\"`                                            |\n| `demoData`            | --                      |                                                                                                                      | `{ states?: { error: string; loading: boolean; success: boolean; loginPath: string; }; content?: { secondaryButton: any; messageSlot: any; emailLabel?: string; submitLabel?: string; successAlertText?: string; loginText?: string; }; styles?: { backgroundColor?: string; borderRadius?: string; border?: string; textColor?: string; }; }` | `undefined`                                                                    |\n| `emailLabel`          | `email-label`           |                                                                                                                      | `string`                                                                                                                                                                                                                                                                                                                                       | `\"Email\"`                                                                      |\n| `headerText`          | `header-text`           |                                                                                                                      | `string`                                                                                                                                                                                                                                                                                                                                       | `\"Enter your email below to receive a password reset link.\"`                   |\n| `loginPath`           | `login-path`            |                                                                                                                      | `string`                                                                                                                                                                                                                                                                                                                                       | `\"/login\"`                                                                     |\n| `loginText`           | `login-text`            |                                                                                                                      | `string`                                                                                                                                                                                                                                                                                                                                       | `\"Sign In\"`                                                                    |\n| `networkErrorMessage` | `network-error-message` | Displayed when the forgot password action fails due to a network error. The participant can try refreshing the page. | `string`                                                                                                                                                                                                                                                                                                                                       | `\"An error occurred while loading this page. Please refresh the page.\"`        |\n| `redirectPath`        | `redirect-path`         | Redirect participants to this page after they verify their email.                                                    | `string`                                                                                                                                                                                                                                                                                                                                       | `\"/resetPassword\"`                                                             |\n| `submitLabel`         | `submit-label`          |                                                                                                                      | `string`                                                                                                                                                                                                                                                                                                                                       | `\"Request Password Reset\"`                                                     |\n| `successAlertText`    | `success-alert-text`    |                                                                                                                      | `string`                                                                                                                                                                                                                                                                                                                                       | `\"If an account with that email exists, a password reset email will be sent.\"` |\n\n\n## Dependencies\n\n### Depends on\n\n- [sqm-form-message](../sqm-form-message)\n\n### Graph\n```mermaid\ngraph TD;\n  sqm-portal-forgot-password --> sqm-form-message\n  style sqm-portal-forgot-password fill:#f9f,stroke:#333,stroke-width:4px\n```\n\n----------------------------------------------\n\n*Built with [StencilJS](https://stenciljs.com/)*\n";
 
 const RegisterReadme = "# sqm-portal-register\n\n\n\n<!-- Auto Generated Below -->\n\n\n## Properties\n\n| Property                       | Attribute                         | Description                                                                                                                                                                                            | Type                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                        | Default                                            |\n| ------------------------------ | --------------------------------- | ------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------ | ----------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- | -------------------------------------------------- |\n| `confirmPassword`              | `confirm-password`                |                                                                                                                                                                                                        | `boolean`                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                   | `false`                                            |\n| `confirmPasswordLabel`         | `confirm-password-label`          |                                                                                                                                                                                                        | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                    | `\"Confirm Password\"`                               |\n| `demoData`                     | --                                |                                                                                                                                                                                                        | `{ states?: { error: string; loading: boolean; confirmPassword: boolean; hideInputs: boolean; registrationFormState: RegistrationFormState; disablePasswordValidation?: boolean; loginPath: string; }; refs?: { formRef: any; }; content?: { formData?: VNode; terms?: VNode; passwordField?: VNode; secondaryButton?: VNode; emailLabel?: string; passwordLabel?: string; submitLabel?: string; pageLabel?: string; confirmPasswordLabel: string; requiredFieldErrorMessage: string; invalidEmailErrorMessage: string; meetsRequirementsText?: string; doesNotMeetRequirementsText?: string; minErrorText?: string; uppercaseErrorText?: string; lowercaseErrorText?: string; hasErrorText?: string; }; }` | `undefined`                                        |\n| `disablePasswordValidation`    | `disable-password-validation`     |                                                                                                                                                                                                        | `boolean`                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                   | `false`                                            |\n| `doesNotMeetRequirementsText`  | `does-not-meet-requirements-text` |                                                                                                                                                                                                        | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                    | `\"Password must meet the following requirements:\"` |\n| `emailLabel`                   | `email-label`                     |                                                                                                                                                                                                        | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                    | `\"Email\"`                                          |\n| `hasErrorText`                 | `has-error-text`                  |                                                                                                                                                                                                        | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                    | `\"contain at least 1 number or symbol\"`            |\n| `hideInputs`                   | `hide-inputs`                     | Hides the email and password fields. Note: If you hide default inputs, you must add additional input fields. They must have the input name attributes \"email\" and \"password\" for this form to succeed. | `boolean`                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                   | `false`                                            |\n| `invalidEmailErrorMessage`     | `invalid-email-error-message`     | The message to be displayed when the email used is invalid or blocked.                                                                                                                                 | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                    | `\"Must be a valid email address\"`                  |\n| `loginLabel`                   | `login-label`                     |                                                                                                                                                                                                        | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                    | `\"Sign in\"`                                        |\n| `loginPath`                    | `login-path`                      | Redirect participants to this page after clicking the login button.                                                                                                                                    | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                    | `\"/login\"`                                         |\n| `lowercaseErrorText`           | `lowercase-error-text`            |                                                                                                                                                                                                        | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                    | `\"contain at least 1 lowercase character\"`         |\n| `meetsRequirementsText`        | `meets-requirements-text`         |                                                                                                                                                                                                        | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                    | `\"Password has met all requirements\"`              |\n| `minErrorText`                 | `min-error-text`                  |                                                                                                                                                                                                        | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                    | `\"be a minimum of 8 characters\"`                   |\n| `networkErrorMessage`          | `network-error-message`           | The message to be displayed when a the form submission fails unexpectedly.                                                                                                                             | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                    | `\"Network request failed.\"`                        |\n| `nextPage`                     | `next-page`                       | Redirect participants to this page from their verification email                                                                                                                                       | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                    | `\"/\"`                                              |\n| `pageLabel`                    | `page-label`                      |                                                                                                                                                                                                        | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                    | `\"Register\"`                                       |\n| `passwordLabel`                | `password-label`                  |                                                                                                                                                                                                        | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                    | `\"Password\"`                                       |\n| `passwordMismatchErrorMessage` | `password-mismatch-error-message` | The message to be displayed when password inputs do not match.                                                                                                                                         | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                    | `\"Passwords do not match.\"`                        |\n| `redirectPath`                 | `redirect-path`                   | The page that participants are redirected to from the verification email.                                                                                                                              | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                    | `\"/verifyEmail\"`                                   |\n| `requiredFieldErrorMessage`    | `required-field-error-message`    | The message to be displayed when a required field is not filled.                                                                                                                                       | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                    | `\"Cannot be empty\"`                                |\n| `submitLabel`                  | `submit-label`                    |                                                                                                                                                                                                        | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                    | `\"Register\"`                                       |\n| `uppercaseErrorText`           | `uppercase-error-text`            |                                                                                                                                                                                                        | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                    | `\"contain at least 1 uppercase character\"`         |\n\n\n## Dependencies\n\n### Used by\n\n - [sqm-stencilbook](../sqm-stencilbook)\n\n### Depends on\n\n- [sqm-form-message](../sqm-form-message)\n- [sqm-password-field](../sqm-password-field)\n\n### Graph\n```mermaid\ngraph TD;\n  sqm-portal-register --> sqm-form-message\n  sqm-portal-register --> sqm-password-field\n  sqm-stencilbook --> sqm-portal-register\n  style sqm-portal-register fill:#f9f,stroke:#333,stroke-width:4px\n```\n\n----------------------------------------------\n\n*Built with [StencilJS](https://stenciljs.com/)*\n";