@saasquatch/mint-components 1.15.0-7 → 1.15.0-71

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

@@ -2,20 +2,20 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-const index = require('./index-a29c60ef.js');
-const stencilHooks_module = require('./stencil-hooks.module-3a336b0f.js');
-const index_module = require('./index.module-ee84433d.js');
+const index = require('./index-a43a63b4.js');
+const domContextHooks_module = require('./dom-context-hooks.module-7fa676ae.js');
+const index_module = require('./index.module-4f54e412.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-4761d472.js');
+require('./sqm-text-span-view-7a61ae4c.js');
+const sqmPortalForgotPasswordView = require('./sqm-portal-forgot-password-view-0a8d3243.js');
 
 function usePortalForgotPassword(props) {
   var _a, _b, _c, _d, _e, _f, _g;
-  const [success, setSuccess] = stencilHooks_module.useState(false);
-  const [error, setError] = stencilHooks_module.useState("");
+  const [success, setSuccess] = domContextHooks_module.useState(false);
+  const [error, setError] = domContextHooks_module.useState("");
   const [request, { loading, data, errors }] = index_module.un();
   const urlParams = new URLSearchParams(index_module.jn.location.search);
   const nextPage = urlParams.get("nextPage");
@@ -98,7 +98,22 @@ const PortalForgotPassword = class {
      * @uiName Email verification sent text
      */
     this.successAlertText = "If an account with that email exists, a password reset email will be sent.";
-    stencilHooks_module.h$1(this);
+    /**
+     * @uiName Background color
+     * @uiWidget color
+     */
+    this.backgroundColor = "var(--sqm-portal-background, #ffffff)";
+    /**
+     * @uiName Border radius
+     * @uiWidget number
+     */
+    this.borderRadius = "var(--sqm-border-radius-normal, 8px)";
+    /**
+     * @uiName Border style
+     * @uiWidget textArea
+     */
+    this.border = "var(--sqm-border-thickness, 1px) solid var(--sqm-border-color, #eaeaea)";
+    domContextHooks_module.h$1(this);
   }
   disconnectedCallback() { }
   render() {
@@ -106,11 +121,14 @@ const PortalForgotPassword = class {
       ? usePortalForgotPasswordDemo(this)
       : usePortalForgotPassword(this);
     const content = {
-      secondaryButton: (index.h("slot", { name: "secondaryButton" }, index.h("sl-button", { type: "text", disabled: states.loading, onClick: () => index_module.jn.push(states.loginPath) }, this.loginText))),
       messageSlot: index.h("slot", { name: "messageSlot" }, this.headerText),
       emailLabel: this.emailLabel,
       submitLabel: this.submitLabel,
       successAlertText: this.successAlertText,
+      loginText: this.loginText,
+      backgroundColor: this.backgroundColor,
+      borderRadius: this.borderRadius,
+      border: this.border,
     };
     return (index.h(sqmPortalForgotPasswordView.PortalForgotPasswordView, { states: states, callbacks: callbacks, content: content }));
   }
@@ -121,6 +139,17 @@ function usePortalForgotPasswordDemo(props) {
     callbacks: {
       submit: async (_event) => { },
     },
+    content: {
+      secondaryButton: (index.h("sl-button", { type: "secondary", exportparts: "base: secondarybutton-base", disabled: false, onClick: () => index_module.jn.push(props.loginPath) }, props.loginText)),
+      messageSlot: index.h("span", null, props.headerText),
+      emailLabel: props.emailLabel,
+      submitLabel: props.submitLabel,
+      successAlertText: props.successAlertText,
+      loginText: props.loginText,
+      backgroundColor: props.backgroundColor,
+      borderRadius: props.borderRadius,
+      border: props.border,
+    },
   }, props.demoData || {}, { arrayMerge: (_, a) => a });
 }
 

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

@@ -2,17 +2,17 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-const index = require('./index-a29c60ef.js');
-const stencilHooks_module = require('./stencil-hooks.module-3a336b0f.js');
-const index_module = require('./index.module-ee84433d.js');
+const index = require('./index-a43a63b4.js');
+const domContextHooks_module = require('./dom-context-hooks.module-7fa676ae.js');
+const index_module = require('./index.module-4f54e412.js');
 require('./jsonpointer-11327262.js');
 const cjs = require('./cjs-1066ec21.js');
-require('./utils-6847bc06.js');
+require('./utils-7cbd60cc.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');
-const usePortalLogin = require('./usePortalLogin-63d896d1.js');
+require('./mixins-4761d472.js');
+require('./sqm-text-span-view-7a61ae4c.js');
+const sqmPortalLoginView = require('./sqm-portal-login-view-bb50304c.js');
+const usePortalLogin = require('./usePortalLogin-6aa864ef.js');
 
 const PortalGoogleLogin = class {
   constructor(hostRef) {
@@ -76,7 +76,7 @@ const PortalGoogleLogin = class {
      * @uiName Register CTA
      */
     this.registerCTA = "Don't have an account?";
-    stencilHooks_module.h$1(this);
+    domContextHooks_module.h$1(this);
   }
   disconnectedCallback() { }
   render() {

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

@@ -2,19 +2,19 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-const index = require('./index-a29c60ef.js');
-const stencilHooks_module = require('./stencil-hooks.module-3a336b0f.js');
-const index_module = require('./index.module-ee84433d.js');
+const index = require('./index-a43a63b4.js');
+const domContextHooks_module = require('./dom-context-hooks.module-7fa676ae.js');
+const index_module = require('./index.module-4f54e412.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');
-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');
+require('./mixins-4761d472.js');
+require('./sqm-text-span-view-7a61ae4c.js');
+const useRegistrationFormState = require('./useRegistrationFormState-bbee6e7b.js');
+const sqmBaseRegistrationFormView = require('./sqm-base-registration-form-view-8847804c.js');
+const sqmPortalRegistrationFormView = require('./sqm-portal-registration-form-view-5a96c2f5.js');
 require('./AsYouType-6788393a.js');
-const usePortalRegistrationForm = require('./usePortalRegistrationForm-f25d89e7.js');
+const usePortalRegistrationForm = require('./usePortalRegistrationForm-75b647fe.js');
 
 class InvalidTokenError extends Error {
 }
@@ -75,9 +75,9 @@ function jwtDecode(token, options) {
 }
 
 function usePortalGoogleRegistrationForm(props) {
-  const [emailValidationError, setEmailValidationError] = stencilHooks_module.useState(null);
+  const [emailValidationError, setEmailValidationError] = domContextHooks_module.useState(null);
   const [registrationFormState, setRegistrationFormState] = useRegistrationFormState.useRegistrationForm();
-  const [showRegistrationForm, setShowRegistrationForm] = stencilHooks_module.useState({
+  const [showRegistrationForm, setShowRegistrationForm] = domContextHooks_module.useState({
     mode: "base",
   });
   const handleEmailSubmit = async (event) => {
@@ -277,7 +277,7 @@ const PortalGoogleRegistrationForm = class {
      * @uiName Google button text
      */
     this.googleButtonText = "signup_with";
-    stencilHooks_module.h$1(this);
+    domContextHooks_module.h$1(this);
   }
   disconnectedCallback() { }
   render() {
@@ -359,7 +359,7 @@ function useRegisterDemo(props) {
   }, props.demoData || {}, { arrayMerge: (_, a) => a });
 }
 function useGoogleDemo(props) {
-  const [showRegistrationForm, setShowRegistrationForm] = stencilHooks_module.useState({
+  const [showRegistrationForm, setShowRegistrationForm] = domContextHooks_module.useState({
     mode: "base",
   });
   return cjs.cjs({

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

@@ -1,9 +1,9 @@
 'use strict';
 
-const index = require('./index-a29c60ef.js');
+const index = require('./index-a43a63b4.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-4761d472.js');
+const sqmTextSpanView = require('./sqm-text-span-view-7a61ae4c.js');
 
 const style = {
   Wrapper: mixins.AuthWrapper,
@@ -13,7 +13,7 @@ const style = {
     cursor: "pointer",
     "font-size": "13px",
     "font-weight": "600",
-    color: "#AAAAAA",
+    color: "var(--sqm-text-subdued)",
     margin: "0",
   },
   ButtonsContainer: {

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

@@ -2,9 +2,9 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-const index = require('./index-a29c60ef.js');
-const stencilHooks_module = require('./stencil-hooks.module-3a336b0f.js');
-const index_module = require('./index.module-ee84433d.js');
+const index = require('./index-a43a63b4.js');
+const domContextHooks_module = require('./dom-context-hooks.module-7fa676ae.js');
+const index_module = require('./index.module-4f54e412.js');
 
 function usePortalLogout({ nextPage }) {
   index_module.setUserIdentity(undefined);
@@ -22,7 +22,7 @@ const PortalLogout = class {
      * @uiWidget pageSelect
      */
     this.nextPage = "/";
-    stencilHooks_module.h$1(this);
+    domContextHooks_module.h$1(this);
   }
   disconnectedCallback() { }
   render() {

package/dist/cjs/{sqm-portal-profile-view-07d13061.js → sqm-portal-profile-view-5310d41a.js}

@@ -1,9 +1,9 @@
 'use strict';
 
-const index = require('./index-a29c60ef.js');
-const global = require('./global-124aec2c.js');
+const index = require('./index-a43a63b4.js');
+const global = require('./global-16279e95.js');
 const JSS = require('./JSS-8503a151.js');
-const sqmTextSpanView = require('./sqm-text-span-view-56e48a78.js');
+const sqmTextSpanView = require('./sqm-text-span-view-7a61ae4c.js');
 
 function PortalProfileView(props) {
   var _a, _b, _c, _d, _e;
@@ -79,7 +79,7 @@ function PortalProfileView(props) {
             ? errors === null || errors === void 0 ? void 0 : errors.lastName.message : undefined }))),
       index.h("sl-input", { label: text.emailtext, value: (_e = states.user) === null || _e === void 0 ? void 0 : _e.email, exportparts: "label: input-label, base: input-base", disabled: true }),
       states.showCountry && (index.h("sl-input", { label: text.countrytext, value: country, exportparts: "label: input-label, base: input-base", disabled: true })),
-      index.h("sl-button", { type: "primary", loading: states.loading, disabled: states.submitDisabled, onClick: (e) => {
+      index.h("sl-button", { type: "primary", exportparts: "base: primarybutton-base", loading: states.loading, disabled: states.submitDisabled, onClick: (e) => {
           callbacks.onSubmit(e);
         }, submit: true }, text.submitChangeButtonText))));
 }

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

@@ -2,16 +2,16 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-const index = require('./index-a29c60ef.js');
-const stencilHooks_module = require('./stencil-hooks.module-3a336b0f.js');
-require('./global-124aec2c.js');
-const index_module = require('./index.module-ee84433d.js');
+const index = require('./index-a43a63b4.js');
+require('./global-16279e95.js');
+const domContextHooks_module = require('./dom-context-hooks.module-7fa676ae.js');
+const index_module = require('./index.module-4f54e412.js');
 const cjs = require('./cjs-1066ec21.js');
-const utils = require('./utils-6847bc06.js');
+const utils = require('./utils-7cbd60cc.js');
 require('./JSS-8503a151.js');
-require('./sqm-text-span-view-56e48a78.js');
-const sqmPortalProfileView = require('./sqm-portal-profile-view-07d13061.js');
-const utilities = require('./utilities-78f5e169.js');
+require('./sqm-text-span-view-7a61ae4c.js');
+const sqmPortalProfileView = require('./sqm-portal-profile-view-5310d41a.js');
+const utilities = require('./utilities-9a0c5e91.js');
 
 const GET_USER = index_module.dist.gql `
   query {
@@ -58,12 +58,12 @@ const defaultFormState = {
 };
 function usePortalProfile(props) {
   const userIdent = index_module.J();
-  const [success, setSuccess] = stencilHooks_module.useState(false);
-  const [userData, setUserData] = stencilHooks_module.useState(undefined);
-  const [formState, setFormState] = stencilHooks_module.useState(defaultFormState);
+  const [success, setSuccess] = domContextHooks_module.useState(false);
+  const [userData, setUserData] = domContextHooks_module.useState(undefined);
+  const [formState, setFormState] = domContextHooks_module.useState(defaultFormState);
   const userDataResponse = index_module.wn(GET_USER, {}, !(userIdent === null || userIdent === void 0 ? void 0 : userIdent.jwt));
   const [upsertUser, upsertUserResponse] = index_module.$e(UPSERT_USER);
-  stencilHooks_module.useEffect(() => {
+  domContextHooks_module.useEffect(() => {
     if (upsertUserResponse === null || upsertUserResponse === void 0 ? void 0 : upsertUserResponse.loading)
       return;
     if (upsertUserResponse === null || upsertUserResponse === void 0 ? void 0 : upsertUserResponse.errors) {
@@ -87,7 +87,7 @@ function usePortalProfile(props) {
         setSuccess(true);
     }
   }, [upsertUserResponse === null || upsertUserResponse === void 0 ? void 0 : upsertUserResponse.loading]);
-  stencilHooks_module.useEffect(() => {
+  domContextHooks_module.useEffect(() => {
     var _a, _b;
     setUserData((data) => { var _a; return ({ ...data, ...(_a = userDataResponse === null || userDataResponse === void 0 ? void 0 : userDataResponse.data) === null || _a === void 0 ? void 0 : _a.viewer }); });
     setFormState({
@@ -96,7 +96,7 @@ function usePortalProfile(props) {
       ...(_b = upsertUserResponse.data) === null || _b === void 0 ? void 0 : _b.upsertUser,
     });
   }, [userDataResponse === null || userDataResponse === void 0 ? void 0 : userDataResponse.data]);
-  stencilHooks_module.useEffect(() => {
+  domContextHooks_module.useEffect(() => {
     var _a, _b;
     if ((_a = upsertUserResponse === null || upsertUserResponse === void 0 ? void 0 : upsertUserResponse.errors) === null || _a === void 0 ? void 0 : _a.message) {
       setFormState({
@@ -213,7 +213,7 @@ const PortalProfile = class {
      * @uiName Submission success text
      */
     this.submissionSuccessText = "Your profile has been successfully updated.";
-    stencilHooks_module.h$1(this);
+    domContextHooks_module.h$1(this);
   }
   disconnectedCallback() { }
   render() {

package/dist/cjs/sqm-portal-protected-route.cjs.entry.js

@@ -2,9 +2,9 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-const index = require('./index-a29c60ef.js');
-const stencilHooks_module = require('./stencil-hooks.module-3a336b0f.js');
-const index_module = require('./index.module-ee84433d.js');
+const index = require('./index-a43a63b4.js');
+const domContextHooks_module = require('./dom-context-hooks.module-7fa676ae.js');
+const index_module = require('./index.module-4f54e412.js');
 
 function usePortalProtectedRoute({ requireEmailVerification, redirectTo, redirectToUnverified, }) {
   var _a;
@@ -14,7 +14,7 @@ function usePortalProtectedRoute({ requireEmailVerification, redirectTo, redirec
   const { pathname, search } = index_module.kn();
   const nextPageParam = new URLSearchParams();
   nextPageParam.append("nextPage", `${pathname}${search}`);
-  stencilHooks_module.useEffect(() => {
+  domContextHooks_module.useEffect(() => {
     if (!authenticated) {
       return index_module.jn.push({
         pathname: redirectTo,
@@ -51,7 +51,7 @@ const PortalProtectedRoute = class {
      * @uiName Unverified participant redirect
      */
     this.redirectToUnverified = "/emailVerification";
-    stencilHooks_module.h$1(this);
+    domContextHooks_module.h$1(this);
   }
   disconnectedCallback() { }
   render() {

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

@@ -1,9 +1,9 @@
 'use strict';
 
-const index = require('./index-a29c60ef.js');
+const index = require('./index-a43a63b4.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-4761d472.js');
+const sqmTextSpanView = require('./sqm-text-span-view-7a61ae4c.js');
 
 const style = {
   Wrapper: mixins.AuthWrapper,

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

@@ -2,18 +2,18 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-const index = require('./index-a29c60ef.js');
-const stencilHooks_module = require('./stencil-hooks.module-3a336b0f.js');
-const index_module = require('./index.module-ee84433d.js');
+const index = require('./index-a43a63b4.js');
+const domContextHooks_module = require('./dom-context-hooks.module-7fa676ae.js');
+const index_module = require('./index.module-4f54e412.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('./useRegistrationFormState-7b820f0c.js');
-const sqmPortalRegistrationFormView = require('./sqm-portal-registration-form-view-4377d849.js');
+require('./mixins-4761d472.js');
+require('./sqm-text-span-view-7a61ae4c.js');
+require('./useRegistrationFormState-bbee6e7b.js');
+const sqmPortalRegistrationFormView = require('./sqm-portal-registration-form-view-5a96c2f5.js');
 require('./AsYouType-6788393a.js');
-const usePortalRegistrationForm = require('./usePortalRegistrationForm-f25d89e7.js');
+const usePortalRegistrationForm = require('./usePortalRegistrationForm-75b647fe.js');
 
 const PortalRegistrationForm = class {
   constructor(hostRef) {
@@ -137,7 +137,7 @@ const PortalRegistrationForm = class {
      * @uiName Missing number or symbol text
      */
     this.hasErrorText = "contain at least 1 number or symbol";
-    stencilHooks_module.h$1(this);
+    domContextHooks_module.h$1(this);
   }
   disconnectedCallback() { }
   render() {

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

@@ -1,9 +1,9 @@
 'use strict';
 
-const index = require('./index-a29c60ef.js');
+const index = require('./index-a43a63b4.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-4761d472.js');
+const sqmTextSpanView = require('./sqm-text-span-view-7a61ae4c.js');
 
 const style = {
   Wrapper: mixins.AuthWrapper,

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

@@ -2,21 +2,21 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-const index = require('./index-a29c60ef.js');
-const stencilHooks_module = require('./stencil-hooks.module-3a336b0f.js');
-const index_module = require('./index.module-ee84433d.js');
+const index = require('./index-a43a63b4.js');
+const domContextHooks_module = require('./dom-context-hooks.module-7fa676ae.js');
+const index_module = require('./index.module-4f54e412.js');
 const jsonpointer = require('./jsonpointer-11327262.js');
 const cjs = require('./cjs-1066ec21.js');
-const utils = require('./utils-6847bc06.js');
+const utils = require('./utils-7cbd60cc.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-4761d472.js');
+require('./sqm-text-span-view-7a61ae4c.js');
+const sqmPortalResetPasswordView = require('./sqm-portal-reset-password-view-25eb2099.js');
 
 function usePortalResetPassword(props) {
   var _a, _b, _c, _d, _e, _f, _g, _h, _j, _k;
-  const [reset, setReset] = stencilHooks_module.useState(false);
-  const [error, setError] = stencilHooks_module.useState("");
+  const [reset, setReset] = domContextHooks_module.useState(false);
+  const [error, setError] = domContextHooks_module.useState("");
   const [verifyPasswordResetCode, verifyPasswordResetCodeState] = index_module.Je();
   const [resetPassword, resetPasswordState] = index_module.Te();
   const urlParams = new URLSearchParams(index_module.jn.location.search);
@@ -29,7 +29,7 @@ function usePortalResetPassword(props) {
       setError(props.networkErrorMessage);
     }
   };
-  stencilHooks_module.useEffect(() => {
+  domContextHooks_module.useEffect(() => {
     verifyPasswordResetCodeAndHandleResponse();
   }, []);
   const submit = async (event) => {
@@ -189,7 +189,7 @@ const PortalResetPassword = class {
      * @uiName Network error message
      */
     this.networkErrorMessage = "An error occurred while resetting your password. Please refresh the page and try again.";
-    stencilHooks_module.h$1(this);
+    domContextHooks_module.h$1(this);
   }
   disconnectedCallback() { }
   render() {

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

@@ -1,9 +1,9 @@
 'use strict';
 
-const index = require('./index-a29c60ef.js');
+const index = require('./index-a43a63b4.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-4761d472.js');
+const sqmTextSpanView = require('./sqm-text-span-view-7a61ae4c.js');
 
 const style = {
   Wrapper: mixins.AuthWrapper,

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

@@ -2,21 +2,21 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-const index = require('./index-a29c60ef.js');
-const stencilHooks_module = require('./stencil-hooks.module-3a336b0f.js');
-const index_module = require('./index.module-ee84433d.js');
+const index = require('./index-a43a63b4.js');
+const domContextHooks_module = require('./dom-context-hooks.module-7fa676ae.js');
+const index_module = require('./index.module-4f54e412.js');
 const cjs = require('./cjs-1066ec21.js');
-const utils = require('./utils-6847bc06.js');
+const utils = require('./utils-7cbd60cc.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-4761d472.js');
+require('./sqm-text-span-view-7a61ae4c.js');
+const sqmPortalVerifyEmailView = require('./sqm-portal-verify-email-view-1c4e781f.js');
 
 let globalPromise = null;
 function usePortalVerifyEmail({ nextPage, failedPage, verifySuccessText, verifyEmailText, verifyInvalidText, networkErrorMessage, continueText, }) {
   var _a, _b, _c, _d, _e, _f, _g, _h, _j, _k;
-  const [completed, setCompleted] = stencilHooks_module.useState(false);
-  const [successful, setSuccessful] = stencilHooks_module.useState(false);
+  const [completed, setCompleted] = domContextHooks_module.useState(false);
+  const [successful, setSuccessful] = domContextHooks_module.useState(false);
   const userIdent = index_module.J();
   const [request, { loading, data, errors }] = index_module.an();
   const urlParams = new URLSearchParams(index_module.jn.location.search);
@@ -49,7 +49,7 @@ function usePortalVerifyEmail({ nextPage, failedPage, verifySuccessText, verifyE
   const login = () => {
     setTimeout(gotoNextPage, 3000);
   };
-  stencilHooks_module.useEffect(() => {
+  domContextHooks_module.useEffect(() => {
     const verify = async () => {
       if (!globalPromise)
         globalPromise = request({ oobCode });
@@ -63,7 +63,7 @@ function usePortalVerifyEmail({ nextPage, failedPage, verifySuccessText, verifyE
     };
     verify();
   }, []);
-  stencilHooks_module.useEffect(() => {
+  domContextHooks_module.useEffect(() => {
     if (!completed)
       return;
     if (verified && validEmail)
@@ -137,7 +137,7 @@ const PortalVerifyEmail = class {
      * @uiName Network error message
      */
     this.networkErrorMessage = "An error occurred while verifying your email. Please refresh the page and try again.";
-    stencilHooks_module.h$1(this);
+    domContextHooks_module.h$1(this);
   }
   disconnectedCallback() { }
   render() {

package/dist/cjs/{sqm-qr-code-view-3da9ed28.js → sqm-qr-code-view-0c3b2f48.js}

@@ -1,8 +1,13 @@
 'use strict';
 
-const index = require('./index-a29c60ef.js');
+const index = require('./index-a43a63b4.js');
 const JSS = require('./JSS-8503a151.js');
-const ErrorView = require('./ErrorView-b2fcf954.js');
+
+const ErrorView = (props) => {
+  return (index.h("sqm-form-message", { type: "error" },
+    index.h("p", { part: "alert-title" }, props.loadingErrorAlertHeader),
+    index.h("p", { part: "alert-description" }, props.loadingErrorAlertDescription)));
+};
 
 const style = {
   DialogContainer: {
@@ -68,7 +73,7 @@ function QrCodeView({ error, qrLink, titleText, downloadCodeText, printCodeText,
       : "center";
   const getCodeContent = (error, qrLink, loading) => {
     if (error) {
-      return (index.h(ErrorView.ErrorView, { loadingErrorAlertDescription: errorHeaderText, loadingErrorAlertHeader: errorDescriptionText }));
+      return (index.h(ErrorView, { loadingErrorAlertDescription: errorHeaderText, loadingErrorAlertHeader: errorDescriptionText }));
     }
     else if (loading) {
       return (index.h("sl-skeleton", { className: sheet.classes.LoadingSkeleton, effect: "sheen", style: {
@@ -92,7 +97,7 @@ function QrCodeView({ error, qrLink, titleText, downloadCodeText, printCodeText,
       codeContent,
       index.h("div", { class: sheet.classes.ButtonContainer },
         index.h("sl-button", { size: "small", exportparts: "base: primarybutton-base", type: "primary", onClick: createDownloadable }, downloadCodeText),
-        index.h("sl-button", { size: "small", exportparts: "base: textbutton-base", type: "text", onClick: createPrintable }, printCodeText)))));
+        index.h("sl-button", { size: "small", exportparts: "base: secondarybutton-base", type: "text", onClick: createPrintable }, printCodeText)))));
 }
 
 exports.QrCodeView = QrCodeView;

package/dist/cjs/sqm-qr-code.cjs.entry.js

@@ -2,15 +2,14 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-const index = require('./index-a29c60ef.js');
-const stencilHooks_module = require('./stencil-hooks.module-3a336b0f.js');
-const index_module = require('./index.module-ee84433d.js');
+const index = require('./index-a43a63b4.js');
+const domContextHooks_module = require('./dom-context-hooks.module-7fa676ae.js');
+const index_module = require('./index.module-4f54e412.js');
 const cjs = require('./cjs-1066ec21.js');
-const utils = require('./utils-6847bc06.js');
+const utils = require('./utils-7cbd60cc.js');
 require('./JSS-8503a151.js');
-const useReferralCodes = require('./useReferralCodes-82e8797b.js');
-require('./ErrorView-b2fcf954.js');
-const sqmQrCodeView = require('./sqm-qr-code-view-3da9ed28.js');
+const useReferralCodes = require('./useReferralCodes-11cdf43b.js');
+const sqmQrCodeView = require('./sqm-qr-code-view-0c3b2f48.js');
 
 const ShareLinkQuery = index_module.dist.gql `
   query shareLink($programId: ID, $engagementMedium: UserEngagementMedium!) {
@@ -36,15 +35,15 @@ function useQRCode(props) {
   const user = index_module.J();
   const engagementMedium = index_module.B();
   const contextData = index_module.Fn(useReferralCodes.REFERRAL_CODES_NAMESPACE);
-  const [qrLink, setQrUrl] = stencilHooks_module.useState(null);
-  const [error, setError] = stencilHooks_module.useState(false);
-  const [loading, setLoading] = stencilHooks_module.useState(false);
+  const [qrLink, setQrUrl] = domContextHooks_module.useState(null);
+  const [error, setError] = domContextHooks_module.useState(false);
+  const [loading, setLoading] = domContextHooks_module.useState(false);
   const { data, errors, loading: requestLoading, } = index_module.wn(ShareLinkQuery, { programId, engagementMedium }, !(user === null || user === void 0 ? void 0 : user.jwt) || (contextData === null || contextData === void 0 ? void 0 : contextData.shareLink) !== undefined);
   const [sendLoadEvent] = index_module.$e(WIDGET_ENGAGEMENT_EVENT);
   const shareLink = (_a = data === null || data === void 0 ? void 0 : data.user) === null || _a === void 0 ? void 0 : _a.shareLink;
   const qrPrefix = `${shareLink}?qrCode`;
   const completeLoading = requestLoading || loading;
-  stencilHooks_module.useEffect(() => {
+  domContextHooks_module.useEffect(() => {
     if (!shareLink)
       return;
     const getQrCode = async () => {
@@ -170,7 +169,7 @@ const QrCode = class {
      * @uiEnumNames ["Left", "Center", "Right"]
      */
     this.alignment = "center";
-    stencilHooks_module.h$1(this);
+    domContextHooks_module.h$1(this);
   }
   disconnectedCallback() { }
   render() {
@@ -180,7 +179,7 @@ const QrCode = class {
   }
 };
 function useDemoQRCode(props) {
-  const [dialogIsOpen, setDialog] = stencilHooks_module.useState(false);
+  const [dialogIsOpen, setDialog] = domContextHooks_module.useState(false);
   return cjs.cjs({
     dialogIsOpen,
     hideTitle: props.hideTitle,