@saasquatch/mint-components 1.7.4 → 1.7.5

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

@@ -1,12 +1,12 @@
 import { h, r as registerInstance } from './index-17b4da69.js';
-import { k as useRef, f as useEffect, m as h$1 } from './stencil-hooks.module-14b87f98.js';
-import { d as dist, R as Re, v as vn, p as pn, u as useCallback, i as isDemo } from './index.module-9469b28f.js';
+import { k as useRef, f as useEffect, m as h$1 } from './stencil-hooks.module-9ad75b88.js';
+import { d as dist, N, x as xe, g as gn, y as yn, j as useCallback, i as isDemo } from './index.module-cbe33f2d.js';
 import { j as jsonpointer } from './jsonpointer-388a7082.js';
 import { c as cjs } from './cjs-bdfb4486.js';
 import { A as AuthWrapper, a as AuthColumn, H as HostBlock, b as AuthButtonsContainer, E as ErrorStyles } from './mixins-f60a614c.js';
 import { c as createStyleSheet } from './JSS-67b5cff8.js';
 import { T as TextSpanView } from './sqm-text-span-view-8d140661.js';
-import { u as useRegistrationFormState } from './useRegistrationFormState-49dfc8e0.js';
+import { u as useRegistrationFormState } from './useRegistrationFormState-424e2af2.js';
 import { A as AsYouType } from './AsYouType-46f67d0d.js';
 
 const style = {
@@ -70,7 +70,7 @@ function PortalRegistrationFormView(props) {
           content.requiredFieldErrorMessage,
       }
         : [])))),
-      !states.hideInputs && (h("sqm-password-field", { fieldLabel: content.passwordLabel, "disable-validation": !states.enablePasswordValidation })),
+      !states.hideInputs && (h("sqm-password-field", { fieldLabel: content.passwordLabel, "disable-validation": !states.enablePasswordValidation, meetsRequirementsText: content.meetsRequirementsText, doesNotMeetRequirementsText: content.doesNotMeetRequirementsText, minErrorText: content.minErrorText, uppercaseErrorText: content.uppercaseErrorText, lowercaseErrorText: content.lowercaseErrorText, hasErrorText: content.hasErrorText })),
       content.passwordField,
       !states.hideInputs && states.confirmPassword && (h("sl-input", Object.assign({ exportparts: "label: input-label", type: "password", name: "/confirmPassword", label: content.confirmPasswordLabel, disabled: states.loading || ((_l = states.registrationFormState) === null || _l === void 0 ? void 0 : _l.disabled), required: true }, (((_o = (_m = states.registrationFormState) === null || _m === void 0 ? void 0 : _m.initialData) === null || _o === void 0 ? void 0 : _o.confirmPassword) ? {
         value: (_q = (_p = states.registrationFormState) === null || _p === void 0 ? void 0 : _p.initialData) === null || _q === void 0 ? void 0 : _q.confirmPassword,
@@ -102,9 +102,10 @@ const RegistrationFormQuery = dist.gql `
 function usePortalRegistrationForm(props) {
   var _a, _b, _c, _d, _e, _f, _g, _h, _j;
   const formRef = useRef(null);
+  const locale = N();
   const { registrationFormState, setRegistrationFormState } = useRegistrationFormState({});
-  const [request, { loading, errors, data, formError }] = Re();
-  const queryResponse = vn(RegistrationFormQuery, { key: props.formKey });
+  const [request, { loading, errors, data, formError }] = xe();
+  const queryResponse = gn(RegistrationFormQuery, { key: props.formKey });
   const formLoading = loading || queryResponse.loading;
   useEffect(() => {
     var _a, _b, _c;
@@ -184,6 +185,7 @@ function usePortalRegistrationForm(props) {
     const variables = {
       key: props.formKey,
       formData: {
+        locale,
         email,
         password,
         redirectPath,
@@ -206,7 +208,7 @@ function usePortalRegistrationForm(props) {
         managedIdentityResponse.result.results.length &&
         managedIdentityResponse.result.results[0].success &&
         managedIdentityResponse.result.results[0].data.token) {
-        pn.push(props.nextPage);
+        yn.push(props.nextPage);
       }
       else if (
       // check for blocked email error response
@@ -386,6 +388,30 @@ const PortalRegistrationForm = class {
      * @uiWidget textArea
      */
     this.formDisabledErrorMessage = "The registration form is currently disabled.";
+    /**
+     * @uiName Password requirement met
+     */
+    this.meetsRequirementsText = "Password has met all requirements";
+    /**
+     * @uiName Password requirement failed
+     */
+    this.doesNotMeetRequirementsText = "Password must meet the following requirements:";
+    /**
+     * @uiName Minimum length text
+     */
+    this.minErrorText = "be a minimum of 8 characters";
+    /**
+     * @uiName Missing uppercase text
+     */
+    this.uppercaseErrorText = "contain at least 1 uppercase character";
+    /**
+     * @uiName Missing lowercase text
+     */
+    this.lowercaseErrorText = "contain at least 1 lowercase character";
+    /**
+     * @uiName Missing number or symbol text
+     */
+    this.hasErrorText = "contain at least 1 number or symbol";
     h$1(this);
   }
   disconnectedCallback() { }
@@ -395,7 +421,7 @@ const PortalRegistrationForm = class {
       : usePortalRegistrationForm(this);
     const content = {
       formData: h("slot", { name: "formData" }),
-      secondaryButton: (h("slot", { name: "secondaryButton" }, h("sl-button", { type: "text", disabled: states.loading, onClick: () => pn.push(states.loginPath) }, this.loginLabel))),
+      secondaryButton: (h("slot", { name: "secondaryButton" }, h("sl-button", { type: "text", disabled: states.loading, onClick: () => yn.push(states.loginPath) }, this.loginLabel))),
       terms: h("slot", { name: "terms" }),
       emailLabel: this.emailLabel,
       passwordLabel: this.passwordLabel,
@@ -407,6 +433,12 @@ const PortalRegistrationForm = class {
       invalidEmailErrorMessage: this.invalidEmailErrorMessage,
       formDisabledErrorMessage: this.formDisabledErrorMessage,
       requiredFieldErrorMessage: this.requiredFieldErrorMessage,
+      meetsRequirementsText: this.meetsRequirementsText,
+      doesNotMeetRequirementsText: this.doesNotMeetRequirementsText,
+      minErrorText: this.minErrorText,
+      uppercaseErrorText: this.uppercaseErrorText,
+      lowercaseErrorText: this.lowercaseErrorText,
+      hasErrorText: this.hasErrorText,
     };
     return (h(PortalRegistrationFormView, { states: states, callbacks: callbacks, content: content, refs: refs }));
   }

package/dist/esm/{sqm-portal-reset-password-view-0df781f6.js → sqm-portal-reset-password-view-d3e726a9.js}

@@ -43,7 +43,7 @@ function PortalResetPasswordView(props) {
       h("style", { type: "text/css" }, styleString),
       h(TextSpanView, { type: "h3" }, states.content.resetPasswordHeader),
       h("sqm-form-message", { class: sheet.classes.CodeSuccess, exportparts: "success-icon" },
-        h("div", { part: "successalert-text" }, "Your password has been reset and you are being redirected. If you are not redirected, please click Continue.")),
+        h("div", { part: "successalert-text" }, states.content.resetSuccessText)),
       h("div", null,
         h("sl-button", { class: sheet.classes.ContinueButton, onClick: callbacks.gotoNextPage, loading: states.loading, exportparts: "base: primarybutton-base", type: "primary" }, states.content.continueButtonText))));
   }
@@ -54,7 +54,7 @@ function PortalResetPasswordView(props) {
     return (h("div", { class: `${sheet.classes.Wrapper} ${sheet.classes.Column}` },
       h("style", { type: "text/css" }, styleString),
       h("sqm-form-message", { class: sheet.classes.CodeError, type: "error", exportparts: "erroralert-icon" },
-        h("div", { part: "erroralert-text" }, "The password reset code is invalid or has expired, please try again.")),
+        h("div", { part: "erroralert-text" }, states.content.codeInvalidText)),
       h("div", null,
         h("sl-button", { class: sheet.classes.ContinueButton, onClick: callbacks.failed, exportparts: "base: primarybutton-base", type: "primary" }, states.content.continueButtonText))));
   }
@@ -68,7 +68,7 @@ function PortalResetPasswordView(props) {
     h("sl-form", { class: sheet.classes.Column, "onSl-submit": callbacks.submit },
       props.states.error && (h("sqm-form-message", { type: "error", class: sheet.classes.Banner, exportparts: "erroralert-icon" },
         h("div", { part: "erroralert-text" }, props.states.error))),
-      !states.reset && (h("sqm-password-field", { fieldLabel: states.content.passwordFieldLabel, demoData: states.passwordDemoData })),
+      !states.reset && (h("sqm-password-field", { fieldLabel: states.content.passwordFieldLabel, demoData: states.passwordDemoData, meetsRequirementsText: states.content.meetsRequirementsText, doesNotMeetRequirementsText: states.content.doesNotMeetRequirementsText, minErrorText: states.content.minErrorText, uppercaseErrorText: states.content.uppercaseErrorText, lowercaseErrorText: states.content.lowercaseErrorText, hasErrorText: states.content.hasErrorText })),
       !states.reset && states.confirmPassword && (h("sl-input", { exportparts: "label: input-label", type: "password", name: "/confirmPassword", label: states.content.confirmPasswordFieldLabel, disabled: states.loading, required: true })),
       h("div", { class: sheet.classes.ButtonsContainer },
         h("sl-button", { class: sheet.classes.ContinueButton, submit: true, loading: states.loading, exportparts: "base: primarybutton-base", type: "primary" }, states.reset

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

@@ -1,28 +1,28 @@
 import { r as registerInstance, h as h$1 } from './index-17b4da69.js';
-import { j as useState, f as useEffect, m as h } from './stencil-hooks.module-14b87f98.js';
-import { j as Ue, _ as _e, p as pn, i as isDemo } from './index.module-9469b28f.js';
+import { j as useState, f as useEffect, m as h } from './stencil-hooks.module-9ad75b88.js';
+import { l as He, U as Ue, y as yn, i as isDemo } from './index.module-cbe33f2d.js';
 import { j as jsonpointer } from './jsonpointer-388a7082.js';
 import { c as cjs } from './cjs-bdfb4486.js';
 import './mixins-f60a614c.js';
 import './JSS-67b5cff8.js';
 import { s as sanitizeUrlPath } from './utils-334c1e34.js';
 import './sqm-text-span-view-8d140661.js';
-import { P as PortalResetPasswordView } from './sqm-portal-reset-password-view-0df781f6.js';
+import { P as PortalResetPasswordView } from './sqm-portal-reset-password-view-d3e726a9.js';
 
 function usePortalResetPassword(props) {
-  var _a, _b, _c, _d, _e$1, _f, _g, _h, _j, _k;
+  var _a, _b, _c, _d, _e, _f, _g, _h, _j, _k;
   const [reset, setReset] = useState(false);
   const [error, setError] = useState("");
-  const [verifyPasswordResetCode, verifyPasswordResetCodeState] = Ue();
-  const [resetPassword, resetPasswordState] = _e();
-  const urlParams = new URLSearchParams(pn.location.search);
+  const [verifyPasswordResetCode, verifyPasswordResetCodeState] = He();
+  const [resetPassword, resetPasswordState] = Ue();
+  const urlParams = new URLSearchParams(yn.location.search);
   const oobCode = urlParams.get("oobCode");
   urlParams.delete("oobCode");
   const nextPageOverride = urlParams.get("nextPage");
   const verifyPasswordResetCodeAndHandleResponse = async () => {
     const result = await verifyPasswordResetCode({ oobCode });
     if (result instanceof Error) {
-      setError("Network request failed.");
+      setError(props.networkErrorMessage);
     }
   };
   useEffect(() => {
@@ -36,12 +36,12 @@ function usePortalResetPassword(props) {
     });
     const variables = { oobCode, password: formData.password };
     if (formData.password !== formData.confirmPassword) {
-      setError("Passwords do not match.");
+      setError(props.passwordMismatchText);
       return;
     }
     const result = await resetPassword(variables);
     if (result instanceof Error) {
-      return setError("Network request failed.");
+      return setError(props.networkErrorMessage);
     }
     if (result.resetManagedIdentityPassword) {
       setReset(true);
@@ -53,10 +53,10 @@ function usePortalResetPassword(props) {
   const gotoNextPage = () => {
     urlParams.delete("nextPage");
     const url = sanitizeUrlPath(nextPageOverride || props.nextPage);
-    pn.push(url.href);
+    yn.push(url.href);
   };
   const failed = () => {
-    pn.push({
+    yn.push({
       pathname: props.failedPage,
       search: urlParams.toString() && "?" + urlParams.toString(),
     });
@@ -66,7 +66,7 @@ function usePortalResetPassword(props) {
       loading: resetPasswordState.loading,
       reset,
       confirmPassword: props.confirmPassword,
-      error: ((_e$1 = (_d = (_c = (_b = (_a = resetPasswordState.errors) === null || _a === void 0 ? void 0 : _a.response) === null || _b === void 0 ? void 0 : _b.errors) === null || _c === void 0 ? void 0 : _c[0]) === null || _d === void 0 ? void 0 : _d.extensions) === null || _e$1 === void 0 ? void 0 : _e$1.message) || ((_j = (_h = (_g = (_f = resetPasswordState.errors) === null || _f === void 0 ? void 0 : _f.response) === null || _g === void 0 ? void 0 : _g.errors) === null || _h === void 0 ? void 0 : _h[0]) === null || _j === void 0 ? void 0 : _j.message) ||
+      error: ((_e = (_d = (_c = (_b = (_a = resetPasswordState.errors) === null || _a === void 0 ? void 0 : _a.response) === null || _b === void 0 ? void 0 : _b.errors) === null || _c === void 0 ? void 0 : _c[0]) === null || _d === void 0 ? void 0 : _d.extensions) === null || _e === void 0 ? void 0 : _e.message) || ((_j = (_h = (_g = (_f = resetPasswordState.errors) === null || _f === void 0 ? void 0 : _f.response) === null || _g === void 0 ? void 0 : _g.errors) === null || _h === void 0 ? void 0 : _h[0]) === null || _j === void 0 ? void 0 : _j.message) ||
         error,
       oobCodeValidating: verifyPasswordResetCodeState.loading,
       oobCodeValid: (_k = verifyPasswordResetCodeState.data) === null || _k === void 0 ? void 0 : _k.verifyManagedIdentityPasswordResetCode.success,
@@ -77,6 +77,15 @@ function usePortalResetPassword(props) {
         resetPasswordButtonText: props.resetPasswordButtonText,
         confirmPasswordFieldLabel: props.confirmPasswordFieldLabel,
         passwordFieldLabel: props.passwordFieldLabel,
+        meetsRequirementsText: props.meetsRequirementsText,
+        doesNotMeetRequirementsText: props.doesNotMeetRequirementsText,
+        minErrorText: props.minErrorText,
+        uppercaseErrorText: props.uppercaseErrorText,
+        lowercaseErrorText: props.lowercaseErrorText,
+        hasErrorText: props.hasErrorText,
+        passwordMismatchText: props.passwordMismatchText,
+        codeInvalidText: props.codeInvalidText,
+        resetSuccessText: props.resetSuccessText,
       },
     },
     callbacks: { submit, failed, gotoNextPage },
@@ -134,6 +143,48 @@ const PortalResetPassword = class {
      * @uiName Password field label
      */
     this.passwordFieldLabel = "New Password";
+    /**
+     * @uiName Password requirement met
+     */
+    this.meetsRequirementsText = "Password has met all requirements";
+    /**
+     * @uiName Password requirement failed
+     */
+    this.doesNotMeetRequirementsText = "Password must meet the following requirements:";
+    /**
+     * @uiName Minimum length text
+     */
+    this.minErrorText = "be a minimum of 8 characters";
+    /**
+     * @uiName Missing uppercase text
+     */
+    this.uppercaseErrorText = "contain at least 1 uppercase character";
+    /**
+     * @uiName Missing lowercase text
+     */
+    this.lowercaseErrorText = "contain at least 1 lowercase character";
+    /**
+     * @uiName Missing number or symbol text
+     */
+    this.hasErrorText = "contain at least 1 number or symbol";
+    /**
+     * @uiName Passwords don’t match error message
+     * Please make sure your passwords match
+     */
+    this.passwordMismatchText = "Passwords do not match.";
+    /**
+     * @uiName Reset code invalid error message
+     */
+    this.codeInvalidText = "The password reset code is invalid or has expired, please try again.";
+    /**
+     * @uiName Reset success text
+     */
+    this.resetSuccessText = "Your password has been reset and you are being redirected. If you are not redirected, please click Continue.";
+    /**
+     * @uiName Network error message
+     * Displayed when the password reset fails due to a network error. The participant can try refreshing the page.
+     */
+    this.networkErrorMessage = "An error occurred while resetting your password. Please refresh the page and try again.";
     h(this);
   }
   disconnectedCallback() { }
@@ -160,6 +211,15 @@ function usePortalResetPasswordDemo(props) {
         resetPasswordButtonText: props.resetPasswordButtonText,
         confirmPasswordFieldLabel: props.confirmPasswordFieldLabel,
         passwordFieldLabel: props.passwordFieldLabel,
+        meetsRequirementsText: props.meetsRequirementsText,
+        doesNotMeetRequirementsText: props.doesNotMeetRequirementsText,
+        minErrorText: props.minErrorText,
+        uppercaseErrorText: props.uppercaseErrorText,
+        lowercaseErrorText: props.lowercaseErrorText,
+        hasErrorText: props.hasErrorText,
+        passwordMismatchText: props.passwordMismatchText,
+        codeInvalidText: props.codeInvalidText,
+        resetSuccessText: props.resetSuccessText,
       },
     },
     callbacks: {

package/dist/esm/{sqm-portal-verify-email-view-1db4fae6.js → sqm-portal-verify-email-view-283bf637.js}

@@ -21,24 +21,24 @@ const vanillaStyle = `
 const sheet = createStyleSheet(style);
 const styleString = sheet.toString();
 function PortalVerifyEmailView(props) {
-  const { states, data, callbacks } = props;
+  const { states, data, callbacks, content } = props;
   if (states.verified) {
     return (h("div", { class: sheet.classes.Wrapper, part: "sqm-base" },
       h("style", { type: "text/css" },
         vanillaStyle,
         styleString),
-      h(TextSpanView, { type: "h3" }, "Verify your email"),
+      h(TextSpanView, { type: "h3" }, content.verifyEmailText),
       h("sqm-form-message", { exportparts: "success-icon" },
-        h("div", { part: "successalert-text" }, "Your email has been verified and you are being redirected. If you are not redirected, please click Continue.")),
-      h("sl-button", { class: sheet.classes.ContinueButton, onClick: callbacks.gotoNextPage, loading: states.loading, exportparts: "base: primarybutton-base", type: "primary" }, "Continue")));
+        h("div", { part: "successalert-text" }, content.verifySuccessText)),
+      h("sl-button", { class: sheet.classes.ContinueButton, onClick: callbacks.gotoNextPage, loading: states.loading, exportparts: "base: primarybutton-base", type: "primary" }, content.continueText)));
   }
   if (states.error || !data.oobCode) {
     return (h("div", { class: sheet.classes.Wrapper, part: "sqm-base" },
       h("style", { type: "text/css" }, styleString),
-      h(TextSpanView, { type: "h3" }, "Verify your email"),
+      h(TextSpanView, { type: "h3" }, content.verifyEmailText),
       h("sqm-form-message", { type: "error", exportparts: "erroralert-icon" },
-        h("div", { part: "erroralert-text" }, "The email verification code is invalid or has expired, please try again.")),
-      h("sl-button", { class: sheet.classes.ContinueButton, onClick: callbacks.failed, loading: states.loading, exportparts: "base: primarybutton-base", type: "primary" }, "Continue")));
+        h("div", { part: "erroralert-text" }, content.verifyInvalidText)),
+      h("sl-button", { class: sheet.classes.ContinueButton, onClick: callbacks.failed, loading: states.loading, exportparts: "base: primarybutton-base", type: "primary" }, content.continueText)));
   }
 }
 

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

@@ -1,18 +1,18 @@
 import { r as registerInstance, h as h$1 } from './index-17b4da69.js';
-import { f as useEffect, m as h } from './stencil-hooks.module-14b87f98.js';
-import { U, k as en, p as pn, i as isDemo } from './index.module-9469b28f.js';
+import { f as useEffect, m as h } from './stencil-hooks.module-9ad75b88.js';
+import { H, n as nn, y as yn, i as isDemo } from './index.module-cbe33f2d.js';
 import { c as cjs } from './cjs-bdfb4486.js';
 import './mixins-f60a614c.js';
 import './JSS-67b5cff8.js';
-import { s as sanitizeUrlPath } from './utils-334c1e34.js';
+import { s as sanitizeUrlPath, g as getProps } from './utils-334c1e34.js';
 import './sqm-text-span-view-8d140661.js';
-import { P as PortalVerifyEmailView } from './sqm-portal-verify-email-view-1db4fae6.js';
+import { P as PortalVerifyEmailView } from './sqm-portal-verify-email-view-283bf637.js';
 
-function usePortalVerifyEmail({ nextPage, failedPage }) {
+function usePortalVerifyEmail({ nextPage, failedPage, verifySuccessText, verifyEmailText, verifyInvalidText, networkErrorMessage, }) {
   var _a, _b, _c, _d, _e, _f, _g, _h;
-  const userIdent = U();
-  const [request, { loading, data, errors }] = en();
-  const urlParams = new URLSearchParams(pn.location.search);
+  const userIdent = H();
+  const [request, { loading, data, errors }] = nn();
+  const urlParams = new URLSearchParams(yn.location.search);
   const oobCode = urlParams.get("oobCode");
   const nextPageOverride = urlParams.get("nextPage");
   // derived from useMutation in component boilerplate initialState
@@ -20,7 +20,7 @@ function usePortalVerifyEmail({ nextPage, failedPage }) {
   // if logged out, userIdent?.managedIdentity?.emailVerified will be falsey, even if verification was successful
   const verified = !!(((_a = userIdent === null || userIdent === void 0 ? void 0 : userIdent.managedIdentity) === null || _a === void 0 ? void 0 : _a.emailVerified) || (data === null || data === void 0 ? void 0 : data.verifyManagedIdentityEmail.success));
   const failed = () => {
-    return pn.push({
+    return yn.push({
       pathname: failedPage,
       search: urlParams.toString() && "?" + urlParams.toString(),
     });
@@ -28,7 +28,7 @@ function usePortalVerifyEmail({ nextPage, failedPage }) {
   const gotoNextPage = () => {
     urlParams.delete("nextPage");
     const url = sanitizeUrlPath(nextPageOverride || nextPage);
-    pn.push(url.href);
+    yn.push(url.href);
   };
   const submit = async () => {
     var _a;
@@ -58,7 +58,7 @@ function usePortalVerifyEmail({ nextPage, failedPage }) {
     states: {
       loading: loading || disableContinue,
       error: ((_e = (_d = (_c = (_b = errors === null || errors === void 0 ? void 0 : errors.response) === null || _b === void 0 ? void 0 : _b.errors) === null || _c === void 0 ? void 0 : _c[0]) === null || _d === void 0 ? void 0 : _d.extensions) === null || _e === void 0 ? void 0 : _e.message) || ((_h = (_g = (_f = errors === null || errors === void 0 ? void 0 : errors.response) === null || _f === void 0 ? void 0 : _f.errors) === null || _g === void 0 ? void 0 : _g[0]) === null || _h === void 0 ? void 0 : _h.message) ||
-        ((errors === null || errors === void 0 ? void 0 : errors.message) && "Network request failed."),
+        ((errors === null || errors === void 0 ? void 0 : errors.message) && networkErrorMessage),
       verified,
     },
     data: {
@@ -68,6 +68,11 @@ function usePortalVerifyEmail({ nextPage, failedPage }) {
       failed,
       gotoNextPage,
     },
+    content: {
+      verifySuccessText,
+      verifyEmailText,
+      verifyInvalidText,
+    },
   };
 }
 
@@ -89,14 +94,38 @@ const PortalVerifyEmail = class {
      * @uiWidget pageSelect
      */
     this.failedPage = "/";
+    /**
+     * @uiName Verify email text
+     * @uiWidget textArea
+     */
+    this.verifyEmailText = "Verify your email";
+    /**
+     * @uiName Email verification success text
+     * @uiWidget textArea
+     */
+    this.verifySuccessText = "Your email has been verified and you are being redirected. If you are not redirected, please click Continue.";
+    /**
+     * @uiName Email verification invalid text
+     * @uiWidget textArea
+     */
+    this.verifyInvalidText = "The email verification code is invalid or has expired, please try again.";
+    /**
+     * @uiName Continue text
+     */
+    this.continueText = "Continue";
+    /**
+     * @uiName Network error message
+     * Displayed when the email verification fails due to a network error. The participant can try refreshing the page.
+     */
+    this.networkErrorMessage = "An error occurred while verifying your email. Please refresh the page and try again.";
     h(this);
   }
   disconnectedCallback() { }
   render() {
-    const { states, data, callbacks } = isDemo()
-      ? usePortalVerifyEmailDemo(this)
-      : usePortalVerifyEmail(this);
-    return (h$1(PortalVerifyEmailView, { states: states, data: data, callbacks: callbacks }));
+    const { states, data, callbacks, content } = isDemo()
+      ? usePortalVerifyEmailDemo(getProps(this))
+      : usePortalVerifyEmail(getProps(this));
+    return (h$1(PortalVerifyEmailView, { states: states, data: data, callbacks: callbacks, content: content }));
   }
 };
 function usePortalVerifyEmailDemo(props) {
@@ -111,6 +140,12 @@ function usePortalVerifyEmailDemo(props) {
       },
       gotoNextPage: () => { },
     },
+    content: {
+      verifySuccessText: props.verifySuccessText,
+      verifyEmailText: props.verifyEmailText,
+      verifyInvalidText: props.verifyInvalidText,
+      continueText: props.continueText,
+    },
   }, props.demoData || {}, { arrayMerge: (_, a) => a });
 }
 

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

@@ -1,15 +1,15 @@
 import { r as registerInstance, h as h$1, g as getElement, c as Host } from './index-17b4da69.js';
-import { m as h, i as useReducer, u as useMemo, f as useEffect } from './stencil-hooks.module-14b87f98.js';
-import { i as intl } from './global-179b13db.js';
-import { i as isDemo } from './index.module-9469b28f.js';
+import { m as h, i as useReducer, u as useMemo, f as useEffect } from './stencil-hooks.module-9ad75b88.js';
+import { i as intl } from './global-0268f7bb.js';
+import { i as isDemo } from './index.module-cbe33f2d.js';
 import { c as cjs } from './cjs-bdfb4486.js';
 import './mixins-f60a614c.js';
 import { c as createStyleSheet } from './JSS-67b5cff8.js';
 import { G as GenericTableView } from './GenericTableView-266126f9.js';
-import { a as useRequestRerender, u as useRerenderListener } from './re-render-1048d024.js';
-import { u as useChildElements } from './useChildElements-1338b131.js';
-import { l as luxon } from './luxon-f01e85fe.js';
-import { a as getPaypalMeta, u as useReferralTable, t as tryMethod } from './useReferralTable-ada01642.js';
+import { a as useRequestRerender, u as useRerenderListener } from './re-render-4e10b5ac.js';
+import { u as useChildElements } from './useChildElements-f6672214.js';
+import { l as luxon } from './luxon-5ca0a018.js';
+import { a as getPaypalMeta, u as useReferralTable, t as tryMethod } from './useReferralTable-16e5c27f.js';
 import { l as luxonLocale } from './utils-334c1e34.js';
 import { T as TextSpanView } from './sqm-text-span-view-8d140661.js';
 

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

@@ -1,13 +1,13 @@
 import { r as registerInstance, h as h$1 } from './index-17b4da69.js';
-import { m as h } from './stencil-hooks.module-14b87f98.js';
-import { i as isDemo, c as setUserIdentity } from './index.module-9469b28f.js';
+import { m as h } from './stencil-hooks.module-9ad75b88.js';
+import { i as isDemo, e as setUserIdentity } from './index.module-cbe33f2d.js';
 import './jsonpointer-388a7082.js';
 import { c as cjs } from './cjs-bdfb4486.js';
 import './mixins-f60a614c.js';
 import './JSS-67b5cff8.js';
 import { E as EmailRegistrationView } from './email-registration-view-4a4202e7.js';
-import './useRegistrationFormState-49dfc8e0.js';
-import { u as useInstantAccessRegistration } from './useInstantAccessRegistration-53c43a63.js';
+import './useRegistrationFormState-424e2af2.js';
+import { u as useInstantAccessRegistration } from './useInstantAccessRegistration-c9d75808.js';
 
 const ReferredRegistration = class {
   constructor(hostRef) {

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

@@ -1,5 +1,5 @@
 import { r as registerInstance, h as h$1 } from './index-17b4da69.js';
-import { m as h } from './stencil-hooks.module-14b87f98.js';
+import { m as h } from './stencil-hooks.module-9ad75b88.js';
 import './JSS-67b5cff8.js';
 import { T as TextSpanView } from './sqm-text-span-view-8d140661.js';
 

package/dist/esm/sqm-rewards-table-customer-note-column.entry.js

@@ -1,7 +1,7 @@
 import { r as registerInstance, h as h$1, c as Host } from './index-17b4da69.js';
-import { m as h } from './stencil-hooks.module-14b87f98.js';
-import './index.module-9469b28f.js';
-import { a as useRequestRerender } from './re-render-1048d024.js';
+import { m as h } from './stencil-hooks.module-9ad75b88.js';
+import './index.module-cbe33f2d.js';
+import { a as useRequestRerender } from './re-render-4e10b5ac.js';
 
 const RewardTableCustomerNoteColumn = class {
   constructor(hostRef) {

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

@@ -1,15 +1,15 @@
 import { h, r as registerInstance, c as Host } from './index-17b4da69.js';
-import { b as browser, i as useReducer, f as useEffect, m as h$1, u as useMemo } from './stencil-hooks.module-14b87f98.js';
-import { i as intl } from './global-179b13db.js';
-import { d as dist, U, N, W, C as Cn, i as isDemo } from './index.module-9469b28f.js';
+import { b as browser, i as useReducer, f as useEffect, m as h$1, u as useMemo } from './stencil-hooks.module-9ad75b88.js';
+import { i as intl } from './global-0268f7bb.js';
+import { d as dist, H, _, N, b as bn, i as isDemo } from './index.module-cbe33f2d.js';
 import { c as cjs } from './cjs-bdfb4486.js';
 import './mixins-f60a614c.js';
 import { c as createStyleSheet } from './JSS-67b5cff8.js';
 import { G as GenericTableView } from './GenericTableView-266126f9.js';
-import { u as useRerenderListener, a as useRequestRerender } from './re-render-1048d024.js';
-import { u as useChildElements } from './useChildElements-1338b131.js';
-import { l as luxon } from './luxon-f01e85fe.js';
-import { g as generateUserError, m as mockRewardData } from './useReferralTable-ada01642.js';
+import { u as useRerenderListener, a as useRequestRerender } from './re-render-4e10b5ac.js';
+import { u as useChildElements } from './useChildElements-f6672214.js';
+import { l as luxon } from './luxon-5ca0a018.js';
+import { g as generateUserError, m as mockRewardData } from './useReferralTable-16e5c27f.js';
 import { l as luxonLocale } from './utils-334c1e34.js';
 
 const debug = browser("sq:useRewardsTable");
@@ -127,9 +127,9 @@ const GET_REWARDS = dist.gql `
 `;
 function useRewardsTable(props, emptyElement, loadingElement) {
   var _a, _b;
-  const user = U();
-  const programIdContext = N();
-  const locale = W();
+  const user = H();
+  const programIdContext = _();
+  const locale = N();
   // Default to context, overriden by props
   const programId = (_a = props.programId) !== null && _a !== void 0 ? _a : programIdContext;
   const rewardFilter = {
@@ -151,7 +151,7 @@ function useRewardsTable(props, emptyElement, loadingElement) {
     loading: false,
     page: 0,
   });
-  const { envelope: rewardsData, states, callbacks, } = Cn(GET_REWARDS, (data) => { var _a; return (_a = data === null || data === void 0 ? void 0 : data.viewer) === null || _a === void 0 ? void 0 : _a.rewards; }, {
+  const { envelope: rewardsData, states, callbacks, } = bn(GET_REWARDS, (data) => { var _a; return (_a = data === null || data === void 0 ? void 0 : data.viewer) === null || _a === void 0 ? void 0 : _a.rewards; }, {
     limit: props.perPage,
     offset: 0,
   }, {