@saasquatch/mint-components 1.7.3-0 → 1.7.3-2

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

@@ -8,6 +8,7 @@ const index_module = require('./index.module-02576958.js');
 const cjs = require('./cjs-1066ec21.js');
 const mixins = require('./mixins-fe9d4112.js');
 const JSS = require('./JSS-8503a151.js');
+const utils = require('./utils-6847bc06.js');
 const useRegistrationFormState = require('./useRegistrationFormState-01d63bda.js');
 
 var constants = {
@@ -400,21 +401,15 @@ const passwordSchema = new src()
   .lowercase() // Must have lowercase letters
   .has(/([\d`~\!@#\$%\^\&\*\(\)\-_\=\+\[\{\}\]\\\|;:'",<.>\/\?€£¥₹§±].*){1,}/); // Must contain at least 1 digit or symbol
 // Taken from combining https://github.com/tarunbatra/password-validator/blob/40184970e4f65efa8aed7a64185a011a3b5d0e54/src/constants.js#L9
-const validateNewPassword = (password) => {
+const validateNewPassword = (password, validationText) => {
   const errors = passwordSchema.validate(password, { list: true });
-  const message = getErrorMessage(errors, password);
+  const message = getErrorMessage(errors, password, validationText);
   return message;
 };
 const Valid = () => (index.h("svg", { xmlns: "http://www.w3.org/2000/svg", width: "12", height: "12", viewBox: "0 0 12 12", fill: "none" },
   index.h("path", { d: "M6 0C2.688 0 0 2.688 0 6C0 9.312 2.688 12 6 12C9.312 12 12 9.312 12 6C12 2.688 9.312 0 6 0ZM4.8 9L1.8 6L2.646 5.154L4.8 7.302L9.354 2.748L10.2 3.6L4.8 9Z", fill: "#259053" })));
 const Invalid = () => (index.h("svg", { width: "12", height: "12", viewBox: "0 0 12 12", fill: "none", xmlns: "http://www.w3.org/2000/svg" },
   index.h("path", { d: "M6 0C2.688 0 0 2.688 0 6C0 9.312 2.688 12 6 12C9.312 12 12 9.312 12 6C12 2.688 9.312 0 6 0ZM6 10.8C3.354 10.8 1.2 8.646 1.2 6C1.2 3.354 3.354 1.2 6 1.2C8.646 1.2 10.8 3.354 10.8 6C10.8 8.646 8.646 10.8 6 10.8ZM8.754 3.348L4.8 7.302L3.246 5.754L2.4 6.6L4.8 9L9.6 4.2L8.754 3.348Z", fill: "#555555" })));
-const validationMessages = {
-  min: "be a minimum of 8 characters",
-  uppercase: "contain at least 1 uppercase character",
-  lowercase: "contain at least 1 lowercase character",
-  has: "contain at least 1 number or symbol",
-};
 const baseItem = {
   display: "flex",
   alignItems: "center",
@@ -446,16 +441,22 @@ const style = {
 };
 const sheet = JSS.createStyleSheet(style);
 const styleString = sheet.toString();
-const getErrorMessage = (errorKeys, password) => {
+const getErrorMessage = (errorKeys, password, validationText) => {
+  const validationMessages = {
+    min: validationText.minErrorText,
+    uppercase: validationText.uppercaseErrorText,
+    lowercase: validationText.lowercaseErrorText,
+    has: validationText.hasErrorText,
+  };
   if (!errorKeys.length && password)
     return (index.h("div", { class: sheet.classes.ValidationItemValid, style: { paddingBottom: "var(--sl-spacing-x-large)" } },
       index.h("style", { type: "text/css" }, styleString),
       index.h(Valid, null),
       " ",
-      index.h("span", null, "Password has met all requirements")));
+      index.h("span", null, validationText.meetsRequirementsText)));
   return (index.h("div", { class: sheet.classes.Base },
     index.h("style", { type: "text/css" }, styleString),
-    "Password must meet the following requirements:",
+    validationText.doesNotMeetRequirementsText,
     index.h("ul", { class: sheet.classes.ValidationList }, Object.keys(validationMessages).map((errorKey) => errorKeys.includes(errorKey) ? (index.h("li", { class: sheet.classes.ValidationItemInvalid },
       index.h(Invalid, null),
       " ",
@@ -512,7 +513,7 @@ function usePasswordField(props) {
   const registrationFormState = stencilHooks_module.d(useRegistrationFormState.REGISTRATION_FORM_STATE_CONTEXT);
   const [dynamicValidation, setDynamicValidation] = stencilHooks_module.useState("");
   function onInput(input) {
-    const validation = validateNewPassword(input.target.value);
+    const validation = validateNewPassword(input.target.value, props);
     setDynamicValidation(validation);
   }
   return {
@@ -545,13 +546,37 @@ const PortalPasswordField = class {
      * @uiName Disable validation
      */
     this.disableValidation = false;
+    /**
+     * @uiName Meets requirements text
+     */
+    this.meetsRequirementsText = "Password has met all requirements";
+    /**
+     * @uiName Fails requirements text
+     */
+    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 error text
+     */
+    this.hasErrorText = "contain at least 1 number or symbol";
     stencilHooks_module.h$1(this);
   }
   disconnectedCallback() { }
   render() {
     const { states, callbacks } = index_module.isDemo()
-      ? usePasswordFieldDemo(this)
-      : usePasswordField(this);
+      ? usePasswordFieldDemo(utils.getProps(this))
+      : usePasswordField(utils.getProps(this));
     return index.h(PortalResetPasswordView, { states: states, callbacks: callbacks });
   }
 };
@@ -560,12 +585,12 @@ function usePasswordFieldDemo(props) {
   const [dynamicValidation, setDynamicValidation] = stencilHooks_module.useState("");
   const [lastValidated, setLastValidated] = stencilHooks_module.useState("");
   if (props.demoData && lastValidated != ((_a = props === null || props === void 0 ? void 0 : props.demoData) === null || _a === void 0 ? void 0 : _a.initValue)) {
-    const validation = validateNewPassword(((_b = props === null || props === void 0 ? void 0 : props.demoData) === null || _b === void 0 ? void 0 : _b.initValue) || "");
+    const validation = validateNewPassword(((_b = props === null || props === void 0 ? void 0 : props.demoData) === null || _b === void 0 ? void 0 : _b.initValue) || "", props);
     setDynamicValidation(((_c = props === null || props === void 0 ? void 0 : props.demoData) === null || _c === void 0 ? void 0 : _c.initValue) === "" ? "" : validation);
     setLastValidated((_d = props === null || props === void 0 ? void 0 : props.demoData) === null || _d === void 0 ? void 0 : _d.initValue);
   }
   function onInput(input) {
-    const validation = validateNewPassword(input.target.value);
+    const validation = validateNewPassword(input.target.value, props);
     setDynamicValidation(validation);
   }
   return cjs.cjs({

package/dist/cjs/{sqm-portal-email-verification-view-f76bcd38.js → sqm-portal-email-verification-view-0bd4a2c2.js}

@@ -1,7 +1,7 @@
 'use strict';
 
 const index = require('./index-b0129cd6.js');
-const global = require('./global-a1394707.js');
+const global = require('./global-6785de71.js');
 const mixins = require('./mixins-fe9d4112.js');
 const JSS = require('./JSS-8503a151.js');
 const sqmTextSpanView = require('./sqm-text-span-view-e1cd9bd3.js');
@@ -40,7 +40,7 @@ const vanillaStyle = `
 const sheet = JSS.createStyleSheet(style);
 const styleString = sheet.toString();
 function PortalEmailVerificationView(props) {
-  const { states, callbacks, content: { email, verifyMessage, emailVerificationHeader, resendEmailButtonText, verificationStatusMessage, verificationLoadingMessage, }, } = props;
+  const { states, callbacks, content: { email, verifyMessage, emailVerificationHeader, resendEmailButtonText, verificationStatusMessage, verificationLoadingMessage, verificationResentMessage, }, } = props;
   return (index.h("div", { class: sheet.classes.Wrapper },
     index.h("style", { type: "text/css" },
       vanillaStyle,
@@ -50,7 +50,7 @@ function PortalEmailVerificationView(props) {
       props.states.error && (index.h("sqm-form-message", { type: "error", exportparts: "erroralert-icon" },
         index.h("div", { part: "erroralert-text" }, props.states.error))),
       props.states.success && (index.h("sqm-form-message", { type: "success", exportparts: "successalert-icon" },
-        index.h("div", { part: "successalert-text" }, "Your verification email has been resent successfully"))),
+        index.h("div", { part: "successalert-text" }, verificationResentMessage))),
       index.h(sqmTextSpanView.TextSpanView, { type: "p" }, global.intl.formatMessage({
         id: "verifyMessage",
         defaultMessage: verifyMessage,

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

@@ -4,13 +4,13 @@ Object.defineProperty(exports, '__esModule', { value: true });
 
 const index = require('./index-b0129cd6.js');
 const stencilHooks_module = require('./stencil-hooks.module-e4bf7f2d.js');
-require('./global-a1394707.js');
+require('./global-6785de71.js');
 const index_module = require('./index.module-02576958.js');
 const cjs = require('./cjs-1066ec21.js');
 require('./mixins-fe9d4112.js');
 require('./JSS-8503a151.js');
 require('./sqm-text-span-view-e1cd9bd3.js');
-const sqmPortalEmailVerificationView = require('./sqm-portal-email-verification-view-f76bcd38.js');
+const sqmPortalEmailVerificationView = require('./sqm-portal-email-verification-view-0bd4a2c2.js');
 
 function usePortalEmailVerification(props) {
   var _a, _b, _c, _d, _e, _f, _g, _h, _j;
@@ -155,6 +155,11 @@ const PortalEmailVerification = class {
      * @uiWidget textArea
      */
     this.verificationLoadingMessage = "Checking verification status";
+    /**
+     * @uiName Email verification resent text
+     * @uiWidget textArea
+     */
+    this.verificationResentMessage = "Your verification email has been resent successfully";
     stencilHooks_module.h$1(this);
   }
   disconnectedCallback() { }
@@ -178,6 +183,7 @@ function usePortalEmailVerificationDemo(props) {
       resendEmailButtonText: props.resendEmailButtonText,
       verificationLoadingMessage: props.verificationLoadingMessage,
       verificationStatusMessage: props.verificationStatusMessage,
+      verificationResentMessage: props.verificationResentMessage,
     },
   }, props.demoData || {}, { arrayMerge: (_, a) => a });
 }

package/dist/cjs/{sqm-portal-profile-view-f9daa7c4.js → sqm-portal-profile-view-13a1229f.js}

@@ -1,7 +1,7 @@
 'use strict';
 
 const index = require('./index-b0129cd6.js');
-const global = require('./global-a1394707.js');
+const global = require('./global-6785de71.js');
 const JSS = require('./JSS-8503a151.js');
 const sqmTextSpanView = require('./sqm-text-span-view-e1cd9bd3.js');
 

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

@@ -4,13 +4,13 @@ Object.defineProperty(exports, '__esModule', { value: true });
 
 const index = require('./index-b0129cd6.js');
 const stencilHooks_module = require('./stencil-hooks.module-e4bf7f2d.js');
-require('./global-a1394707.js');
+require('./global-6785de71.js');
 const index_module = require('./index.module-02576958.js');
 const cjs = require('./cjs-1066ec21.js');
 require('./JSS-8503a151.js');
 const utils = require('./utils-6847bc06.js');
 require('./sqm-text-span-view-e1cd9bd3.js');
-const sqmPortalProfileView = require('./sqm-portal-profile-view-f9daa7c4.js');
+const sqmPortalProfileView = require('./sqm-portal-profile-view-13a1229f.js');
 
 const GET_USER = index_module.dist.gql `
   query {

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

@@ -74,7 +74,7 @@ function PortalRegistrationFormView(props) {
           content.requiredFieldErrorMessage,
       }
         : [])))),
-      !states.hideInputs && (index.h("sqm-password-field", { fieldLabel: content.passwordLabel, "disable-validation": !states.enablePasswordValidation })),
+      !states.hideInputs && (index.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 && (index.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,
@@ -106,6 +106,7 @@ const RegistrationFormQuery = index_module.dist.gql `
 function usePortalRegistrationForm(props) {
   var _a, _b, _c, _d, _e, _f, _g, _h, _j;
   const formRef = stencilHooks_module.useRef(null);
+  const locale = index_module.O();
   const { registrationFormState, setRegistrationFormState } = useRegistrationFormState.useRegistrationFormState({});
   const [request, { loading, errors, data, formError }] = index_module.qe();
   const queryResponse = index_module.mn(RegistrationFormQuery, { key: props.formKey });
@@ -188,6 +189,7 @@ function usePortalRegistrationForm(props) {
     const variables = {
       key: props.formKey,
       formData: {
+        ...(props.useBrowserLocale ? { locale } : {}),
         email,
         password,
         redirectPath,
@@ -310,6 +312,12 @@ const PortalRegistrationForm = class {
      * @uiWidget pageSelect
      */
     this.redirectPath = "/verifyEmail";
+    /**
+     * Saves the browser locale on the new user
+     *
+     * @uiName Use browser locale
+     */
+    this.useBrowserLocale = false;
     /**
      * @uiName Email field label
      */
@@ -390,6 +398,30 @@ const PortalRegistrationForm = class {
      * @uiWidget textArea
      */
     this.formDisabledErrorMessage = "The registration form is currently disabled.";
+    /**
+     * @uiName Meets requirements text
+     */
+    this.meetsRequirementsText = "Password has met all requirements";
+    /**
+     * @uiName Fails requirements text
+     */
+    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 error text
+     */
+    this.hasErrorText = "contain at least 1 number or symbol";
     stencilHooks_module.h$1(this);
   }
   disconnectedCallback() { }
@@ -411,6 +443,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 (index.h(PortalRegistrationFormView, { states: states, callbacks: callbacks, content: content, refs: refs }));
   }

package/dist/cjs/{sqm-portal-reset-password-view-d5bc7afc.js → sqm-portal-reset-password-view-7680fc87.js}

@@ -70,7 +70,7 @@ function PortalResetPasswordView(props) {
     index.h("sl-form", { class: sheet.classes.Column, "onSl-submit": callbacks.submit },
       props.states.error && (index.h("sqm-form-message", { type: "error", class: sheet.classes.Banner, exportparts: "erroralert-icon" },
         index.h("div", { part: "erroralert-text" }, props.states.error))),
-      !states.reset && (index.h("sqm-password-field", { fieldLabel: states.content.passwordFieldLabel, demoData: states.passwordDemoData })),
+      !states.reset && (index.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 && (index.h("sl-input", { exportparts: "label: input-label", type: "password", name: "/confirmPassword", label: states.content.confirmPasswordFieldLabel, disabled: states.loading, required: true })),
       index.h("div", { class: sheet.classes.ButtonsContainer },
         index.h("sl-button", { class: sheet.classes.ContinueButton, submit: true, loading: states.loading, exportparts: "base: primarybutton-base", type: "primary" }, states.reset

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

@@ -11,7 +11,7 @@ require('./mixins-fe9d4112.js');
 require('./JSS-8503a151.js');
 const utils = require('./utils-6847bc06.js');
 require('./sqm-text-span-view-e1cd9bd3.js');
-const sqmPortalResetPasswordView = require('./sqm-portal-reset-password-view-d5bc7afc.js');
+const sqmPortalResetPasswordView = require('./sqm-portal-reset-password-view-7680fc87.js');
 
 function usePortalResetPassword(props) {
   var _a, _b, _c, _d, _e, _f, _g, _h, _j, _k;
@@ -81,6 +81,12 @@ 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,
       },
     },
     callbacks: { submit, failed, gotoNextPage },
@@ -138,6 +144,30 @@ const PortalResetPassword = class {
      * @uiName Password field label
      */
     this.passwordFieldLabel = "New Password";
+    /**
+     * @uiName Meets requirements text
+     */
+    this.meetsRequirementsText = "Password has met all requirements";
+    /**
+     * @uiName Fails requirements text
+     */
+    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 error text
+     */
+    this.hasErrorText = "contain at least 1 number or symbol";
     stencilHooks_module.h$1(this);
   }
   disconnectedCallback() { }
@@ -164,6 +194,12 @@ 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,
       },
     },
     callbacks: {

package/dist/cjs/{sqm-portal-verify-email-view-f6c7287e.js → sqm-portal-verify-email-view-200752cb.js}

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

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

@@ -10,9 +10,9 @@ require('./mixins-fe9d4112.js');
 require('./JSS-8503a151.js');
 const utils = require('./utils-6847bc06.js');
 require('./sqm-text-span-view-e1cd9bd3.js');
-const sqmPortalVerifyEmailView = require('./sqm-portal-verify-email-view-f6c7287e.js');
+const sqmPortalVerifyEmailView = require('./sqm-portal-verify-email-view-200752cb.js');
 
-function usePortalVerifyEmail({ nextPage, failedPage }) {
+function usePortalVerifyEmail({ nextPage, failedPage, verifySuccessText, verifyEmailText, verifyInvalidText, }) {
   var _a, _b, _c, _d, _e, _f, _g, _h;
   const userIdent = index_module.H();
   const [request, { loading, data, errors }] = index_module.Ye();
@@ -72,6 +72,11 @@ function usePortalVerifyEmail({ nextPage, failedPage }) {
       failed,
       gotoNextPage,
     },
+    content: {
+      verifySuccessText,
+      verifyEmailText,
+      verifyInvalidText,
+    },
   };
 }
 
@@ -93,14 +98,29 @@ 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.";
     stencilHooks_module.h$1(this);
   }
   disconnectedCallback() { }
   render() {
-    const { states, data, callbacks } = index_module.isDemo()
-      ? usePortalVerifyEmailDemo(this)
-      : usePortalVerifyEmail(this);
-    return (index.h(sqmPortalVerifyEmailView.PortalVerifyEmailView, { states: states, data: data, callbacks: callbacks }));
+    const { states, data, callbacks, content } = index_module.isDemo()
+      ? usePortalVerifyEmailDemo(utils.getProps(this))
+      : usePortalVerifyEmail(utils.getProps(this));
+    return (index.h(sqmPortalVerifyEmailView.PortalVerifyEmailView, { states: states, data: data, callbacks: callbacks, content: content }));
   }
 };
 function usePortalVerifyEmailDemo(props) {
@@ -115,6 +135,11 @@ function usePortalVerifyEmailDemo(props) {
       },
       gotoNextPage: () => { },
     },
+    content: {
+      verifySuccessText: props.verifySuccessText,
+      verifyEmailText: props.verifyEmailText,
+      verifyInvalidText: props.verifyInvalidText,
+    },
   }, props.demoData || {}, { arrayMerge: (_, a) => a });
 }
 

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

@@ -4,7 +4,7 @@ Object.defineProperty(exports, '__esModule', { value: true });
 
 const index = require('./index-b0129cd6.js');
 const stencilHooks_module = require('./stencil-hooks.module-e4bf7f2d.js');
-const global = require('./global-a1394707.js');
+const global = require('./global-6785de71.js');
 const index_module = require('./index.module-02576958.js');
 const cjs = require('./cjs-1066ec21.js');
 require('./mixins-fe9d4112.js');

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

@@ -4,7 +4,7 @@ Object.defineProperty(exports, '__esModule', { value: true });
 
 const index = require('./index-b0129cd6.js');
 const stencilHooks_module = require('./stencil-hooks.module-e4bf7f2d.js');
-const global = require('./global-a1394707.js');
+const global = require('./global-6785de71.js');
 const index_module = require('./index.module-02576958.js');
 const cjs = require('./cjs-1066ec21.js');
 require('./mixins-fe9d4112.js');