@saasquatch/mint-components 1.7.4 → 1.7.5

package/dist/collection/components/sqm-portal-profile/sqm-portal-profile.js

@@ -43,6 +43,23 @@ export class PortalProfile {
      * @uiName Hide country field
      */
     this.hideCountry = false;
+    /**
+     * @uiName Network request error message
+     * Displayed when the page fails to load due to a network error. The participant can try refreshing the page.
+     */
+    this.networkRequestMessage = "An error occurred while loading this page. Please refresh the page.";
+    /**
+     * @uiName Field empty text
+     */
+    this.fieldEmptyText = "Field is required";
+    /**
+     * @uiName Form error message
+     */
+    this.formErrorText = "Please correct the errors below to update your profile.";
+    /**
+     * @uiName Submission success text
+     */
+    this.submissionSuccessText = "Your profile has been successfully updated.";
     withHooks(this);
   }
   disconnectedCallback() { }
@@ -223,12 +240,96 @@ export class PortalProfile {
       "reflect": false,
       "defaultValue": "false"
     },
+    "networkRequestMessage": {
+      "type": "string",
+      "mutable": false,
+      "complexType": {
+        "original": "string",
+        "resolved": "string",
+        "references": {}
+      },
+      "required": false,
+      "optional": false,
+      "docs": {
+        "tags": [{
+            "text": "Network request error message\nDisplayed when the page fails to load due to a network error. The participant can try refreshing the page.",
+            "name": "uiName"
+          }],
+        "text": ""
+      },
+      "attribute": "network-request-message",
+      "reflect": false,
+      "defaultValue": "\"An error occurred while loading this page. Please refresh the page.\""
+    },
+    "fieldEmptyText": {
+      "type": "string",
+      "mutable": false,
+      "complexType": {
+        "original": "string",
+        "resolved": "string",
+        "references": {}
+      },
+      "required": false,
+      "optional": false,
+      "docs": {
+        "tags": [{
+            "text": "Field empty text",
+            "name": "uiName"
+          }],
+        "text": ""
+      },
+      "attribute": "field-empty-text",
+      "reflect": false,
+      "defaultValue": "\"Field is required\""
+    },
+    "formErrorText": {
+      "type": "string",
+      "mutable": false,
+      "complexType": {
+        "original": "string",
+        "resolved": "string",
+        "references": {}
+      },
+      "required": false,
+      "optional": false,
+      "docs": {
+        "tags": [{
+            "text": "Form error message",
+            "name": "uiName"
+          }],
+        "text": ""
+      },
+      "attribute": "form-error-text",
+      "reflect": false,
+      "defaultValue": "\"Please correct the errors below to update your profile.\""
+    },
+    "submissionSuccessText": {
+      "type": "string",
+      "mutable": false,
+      "complexType": {
+        "original": "string",
+        "resolved": "string",
+        "references": {}
+      },
+      "required": false,
+      "optional": false,
+      "docs": {
+        "tags": [{
+            "text": "Submission success text",
+            "name": "uiName"
+          }],
+        "text": ""
+      },
+      "attribute": "submission-success-text",
+      "reflect": false,
+      "defaultValue": "\"Your profile has been successfully updated.\""
+    },
     "demoData": {
       "type": "unknown",
       "mutable": false,
       "complexType": {
         "original": "DemoData<PortalProfileViewProps>",
-        "resolved": "{ states?: { success: boolean; loading: boolean; submitDisabled: boolean; showCountry: boolean; formState: { country: string; firstName: string; lastName: string; errors: any; error: string; }; user: { id: string; accountId: string; firstName: string; lastName: string; email: string; countryCode: string; }; text: { firstnametext: string; lastnametext: string; emailtext: string; countrytext: string; editProfileHeader: string; editProfileSubHeader: string; submitChangeButtonText: string; }; }; }",
+        "resolved": "{ states?: { success: boolean; loading: boolean; submitDisabled: boolean; showCountry: boolean; formState: { country: string; firstName: string; lastName: string; errors: any; error: string; }; user: { id: string; accountId: string; firstName: string; lastName: string; email: string; countryCode: string; }; text: { firstnametext: string; lastnametext: string; emailtext: string; countrytext: string; editProfileHeader: string; editProfileSubHeader: string; submitChangeButtonText: string; submissionSuccessText?: string; fieldEmptyText?: string; }; }; }",
         "references": {
           "DemoData": {
             "location": "import",
@@ -281,6 +382,8 @@ function usePortalProfileDemo(props) {
         editProfileHeader: props.editProfileHeader,
         editProfileSubHeader: props.editProfileSubHeader,
         submitChangeButtonText: props.submitChangeButtonText,
+        submissionSuccessText: props.submissionSuccessText,
+        fieldEmptyText: props.fieldEmptyText,
       },
       formState: {
         country: "Canada",

package/dist/collection/components/sqm-portal-profile/usePortalProfile.js

@@ -1,6 +1,7 @@
 import { useQuery, useMutation, useUserIdentity, } from "@saasquatch/component-boilerplate";
 import { gql } from "graphql-request";
 import { useEffect, useState } from "@saasquatch/universal-hooks";
+import { isEmpty } from "../../utilities";
 const GET_USER = gql `
   query {
     viewer {
@@ -89,7 +90,7 @@ export function usePortalProfile(props) {
     if ((_a = upsertUserResponse === null || upsertUserResponse === void 0 ? void 0 : upsertUserResponse.errors) === null || _a === void 0 ? void 0 : _a.message) {
       setFormState({
         ...(_b = userDataResponse.data) === null || _b === void 0 ? void 0 : _b.viewer,
-        error: "Network request failed.",
+        error: props.networkRequestMessage,
       });
     }
   }, [upsertUserResponse === null || upsertUserResponse === void 0 ? void 0 : upsertUserResponse.errors]);
@@ -107,15 +108,15 @@ export function usePortalProfile(props) {
     }
     const errors = {};
     if (!formState.firstName) {
-      errors["firstName"] = { message: "Field can't be empty" };
+      errors["firstName"] = { message: props.fieldEmptyText };
     }
     if (!formState.lastName) {
-      errors["lastName"] = { message: "Field can't be empty" };
+      errors["lastName"] = { message: props.fieldEmptyText };
     }
-    if (errors !== {}) {
+    if (!isEmpty(errors)) {
       setFormState((e) => ({
         ...e,
-        error: "Please correct the errors below to update your profile.",
+        error: props.formErrorText,
       }));
     }
     setFormState((e) => ({ ...e, errors }));

package/dist/collection/components/sqm-portal-register/sqm-portal-register-view.js

@@ -59,7 +59,7 @@ export function PortalRegisterView(props) {
           content.requiredFieldErrorMessage,
       }
         : [])))),
-      !states.hideInputs && (h("sqm-password-field", { fieldLabel: content.passwordLabel, "disable-validation": states.disablePasswordValidation })),
+      !states.hideInputs && (h("sqm-password-field", { fieldLabel: content.passwordLabel, "disable-validation": states.disablePasswordValidation, 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, required: true }, (((_f = (_e = states.registrationFormState) === null || _e === void 0 ? void 0 : _e.validationErrors) === null || _f === void 0 ? void 0 : _f.confirmPassword) ? {
         class: sheet.classes.ErrorStyle,

package/dist/collection/components/sqm-portal-register/sqm-portal-register.js

@@ -98,6 +98,30 @@ export class PortalRegister {
      * @uiWidget textArea
      */
     this.invalidEmailErrorMessage = "Must be a valid email address";
+    /**
+     * @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";
     withHooks(this);
   }
   disconnectedCallback() { }
@@ -117,6 +141,12 @@ export class PortalRegister {
       confirmPasswordLabel: this.confirmPasswordLabel,
       invalidEmailErrorMessage: this.invalidEmailErrorMessage,
       requiredFieldErrorMessage: this.requiredFieldErrorMessage,
+      meetsRequirementsText: this.meetsRequirementsText,
+      doesNotMeetRequirementsText: this.doesNotMeetRequirementsText,
+      minErrorText: this.minErrorText,
+      uppercaseErrorText: this.uppercaseErrorText,
+      lowercaseErrorText: this.lowercaseErrorText,
+      hasErrorText: this.hasErrorText,
     };
     return (h(PortalRegisterView, { states: states, callbacks: callbacks, content: content, refs: refs }));
   }
@@ -480,12 +510,138 @@ export class PortalRegister {
       "reflect": false,
       "defaultValue": "\"Must be a valid email address\""
     },
+    "meetsRequirementsText": {
+      "type": "string",
+      "mutable": false,
+      "complexType": {
+        "original": "string",
+        "resolved": "string",
+        "references": {}
+      },
+      "required": false,
+      "optional": false,
+      "docs": {
+        "tags": [{
+            "text": "Password requirement met",
+            "name": "uiName"
+          }],
+        "text": ""
+      },
+      "attribute": "meets-requirements-text",
+      "reflect": false,
+      "defaultValue": "\"Password has met all requirements\""
+    },
+    "doesNotMeetRequirementsText": {
+      "type": "string",
+      "mutable": false,
+      "complexType": {
+        "original": "string",
+        "resolved": "string",
+        "references": {}
+      },
+      "required": false,
+      "optional": false,
+      "docs": {
+        "tags": [{
+            "text": "Password requirement failed",
+            "name": "uiName"
+          }],
+        "text": ""
+      },
+      "attribute": "does-not-meet-requirements-text",
+      "reflect": false,
+      "defaultValue": "\"Password must meet the following requirements:\""
+    },
+    "minErrorText": {
+      "type": "string",
+      "mutable": false,
+      "complexType": {
+        "original": "string",
+        "resolved": "string",
+        "references": {}
+      },
+      "required": false,
+      "optional": false,
+      "docs": {
+        "tags": [{
+            "text": "Minimum length text",
+            "name": "uiName"
+          }],
+        "text": ""
+      },
+      "attribute": "min-error-text",
+      "reflect": false,
+      "defaultValue": "\"be a minimum of 8 characters\""
+    },
+    "uppercaseErrorText": {
+      "type": "string",
+      "mutable": false,
+      "complexType": {
+        "original": "string",
+        "resolved": "string",
+        "references": {}
+      },
+      "required": false,
+      "optional": false,
+      "docs": {
+        "tags": [{
+            "text": "Missing uppercase text",
+            "name": "uiName"
+          }],
+        "text": ""
+      },
+      "attribute": "uppercase-error-text",
+      "reflect": false,
+      "defaultValue": "\"contain at least 1 uppercase character\""
+    },
+    "lowercaseErrorText": {
+      "type": "string",
+      "mutable": false,
+      "complexType": {
+        "original": "string",
+        "resolved": "string",
+        "references": {}
+      },
+      "required": false,
+      "optional": false,
+      "docs": {
+        "tags": [{
+            "text": "Missing lowercase text",
+            "name": "uiName"
+          }],
+        "text": ""
+      },
+      "attribute": "lowercase-error-text",
+      "reflect": false,
+      "defaultValue": "\"contain at least 1 lowercase character\""
+    },
+    "hasErrorText": {
+      "type": "string",
+      "mutable": false,
+      "complexType": {
+        "original": "string",
+        "resolved": "string",
+        "references": {}
+      },
+      "required": false,
+      "optional": false,
+      "docs": {
+        "tags": [{
+            "text": "Missing number or symbol text",
+            "name": "uiName"
+          }],
+        "text": ""
+      },
+      "attribute": "has-error-text",
+      "reflect": false,
+      "defaultValue": "\"contain at least 1 number or symbol\""
+    },
     "demoData": {
       "type": "unknown",
       "mutable": false,
       "complexType": {
         "original": "DemoData<PortalRegisterViewProps>",
-        "resolved": "{ 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; }; }",
+        "resolved": "{ 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; }; }",
         "references": {
           "DemoData": {
             "location": "import",

package/dist/collection/components/sqm-portal-registration-form/sqm-portal-registration-form-view.js

@@ -63,7 +63,7 @@ export 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,

package/dist/collection/components/sqm-portal-registration-form/sqm-portal-registration-form.js

@@ -105,6 +105,30 @@ export class PortalRegistrationForm {
      * @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";
     withHooks(this);
   }
   disconnectedCallback() { }
@@ -127,6 +151,12 @@ export class PortalRegistrationForm {
       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 }));
   }
@@ -514,6 +544,132 @@ export class PortalRegistrationForm {
       "reflect": false,
       "defaultValue": "\"The registration form is currently disabled.\""
     },
+    "meetsRequirementsText": {
+      "type": "string",
+      "mutable": false,
+      "complexType": {
+        "original": "string",
+        "resolved": "string",
+        "references": {}
+      },
+      "required": false,
+      "optional": false,
+      "docs": {
+        "tags": [{
+            "text": "Password requirement met",
+            "name": "uiName"
+          }],
+        "text": ""
+      },
+      "attribute": "meets-requirements-text",
+      "reflect": false,
+      "defaultValue": "\"Password has met all requirements\""
+    },
+    "doesNotMeetRequirementsText": {
+      "type": "string",
+      "mutable": false,
+      "complexType": {
+        "original": "string",
+        "resolved": "string",
+        "references": {}
+      },
+      "required": false,
+      "optional": false,
+      "docs": {
+        "tags": [{
+            "text": "Password requirement failed",
+            "name": "uiName"
+          }],
+        "text": ""
+      },
+      "attribute": "does-not-meet-requirements-text",
+      "reflect": false,
+      "defaultValue": "\"Password must meet the following requirements:\""
+    },
+    "minErrorText": {
+      "type": "string",
+      "mutable": false,
+      "complexType": {
+        "original": "string",
+        "resolved": "string",
+        "references": {}
+      },
+      "required": false,
+      "optional": false,
+      "docs": {
+        "tags": [{
+            "text": "Minimum length text",
+            "name": "uiName"
+          }],
+        "text": ""
+      },
+      "attribute": "min-error-text",
+      "reflect": false,
+      "defaultValue": "\"be a minimum of 8 characters\""
+    },
+    "uppercaseErrorText": {
+      "type": "string",
+      "mutable": false,
+      "complexType": {
+        "original": "string",
+        "resolved": "string",
+        "references": {}
+      },
+      "required": false,
+      "optional": false,
+      "docs": {
+        "tags": [{
+            "text": "Missing uppercase text",
+            "name": "uiName"
+          }],
+        "text": ""
+      },
+      "attribute": "uppercase-error-text",
+      "reflect": false,
+      "defaultValue": "\"contain at least 1 uppercase character\""
+    },
+    "lowercaseErrorText": {
+      "type": "string",
+      "mutable": false,
+      "complexType": {
+        "original": "string",
+        "resolved": "string",
+        "references": {}
+      },
+      "required": false,
+      "optional": false,
+      "docs": {
+        "tags": [{
+            "text": "Missing lowercase text",
+            "name": "uiName"
+          }],
+        "text": ""
+      },
+      "attribute": "lowercase-error-text",
+      "reflect": false,
+      "defaultValue": "\"contain at least 1 lowercase character\""
+    },
+    "hasErrorText": {
+      "type": "string",
+      "mutable": false,
+      "complexType": {
+        "original": "string",
+        "resolved": "string",
+        "references": {}
+      },
+      "required": false,
+      "optional": false,
+      "docs": {
+        "tags": [{
+            "text": "Missing number or symbol text",
+            "name": "uiName"
+          }],
+        "text": ""
+      },
+      "attribute": "has-error-text",
+      "reflect": false,
+      "defaultValue": "\"contain at least 1 number or symbol\""
+    },
     "formKey": {
       "type": "string",
       "mutable": false,
@@ -542,7 +698,7 @@ export class PortalRegistrationForm {
       "mutable": false,
       "complexType": {
         "original": "DemoData<PortalRegistrationFormViewProps>",
-        "resolved": "{ states?: { error: string; loading: boolean; confirmPassword: boolean; hideInputs: boolean; registrationFormState?: RegistrationFormState; enablePasswordValidation?: 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; networkErrorMessage?: string; passwordMismatchErrorMessage?: string; invalidEmailErrorMessage?: string; formDisabledErrorMessage?: string; requiredFieldErrorMessage?: string; }; }",
+        "resolved": "{ states?: { error: string; loading: boolean; confirmPassword: boolean; hideInputs: boolean; registrationFormState?: RegistrationFormState; enablePasswordValidation?: 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; networkErrorMessage?: string; passwordMismatchErrorMessage?: string; invalidEmailErrorMessage?: string; formDisabledErrorMessage?: string; requiredFieldErrorMessage?: string; meetsRequirementsText?: string; doesNotMeetRequirementsText?: string; minErrorText?: string; uppercaseErrorText?: string; lowercaseErrorText?: string; hasErrorText?: string; }; }",
         "references": {
           "DemoData": {
             "location": "import",

package/dist/collection/components/sqm-portal-registration-form/usePortalRegistrationForm.js

@@ -1,6 +1,6 @@
 import jsonpointer from "jsonpointer";
 import { useCallback, useEffect, useRef } from "@saasquatch/universal-hooks";
-import { navigation, useQuery, useRegisterViaRegistrationFormMutation, } from "@saasquatch/component-boilerplate";
+import { navigation, useLocale, useQuery, useRegisterViaRegistrationFormMutation, } from "@saasquatch/component-boilerplate";
 import { AsYouType } from "libphonenumber-js";
 import { gql } from "graphql-request";
 import { useRegistrationFormState, } from "./useRegistrationFormState";
@@ -20,6 +20,7 @@ const RegistrationFormQuery = gql `
 export function usePortalRegistrationForm(props) {
   var _a, _b, _c, _d, _e, _f, _g, _h, _j;
   const formRef = useRef(null);
+  const locale = useLocale();
   const { registrationFormState, setRegistrationFormState } = useRegistrationFormState({});
   const [request, { loading, errors, data, formError }] = useRegisterViaRegistrationFormMutation();
   const queryResponse = useQuery(RegistrationFormQuery, { key: props.formKey });
@@ -102,6 +103,7 @@ export function usePortalRegistrationForm(props) {
     const variables = {
       key: props.formKey,
       formData: {
+        locale,
         email,
         password,
         redirectPath,

package/dist/collection/components/sqm-portal-reset-password/sqm-portal-reset-password-view.js

@@ -1,5 +1,5 @@
 import { h } from "@stencil/core";
-import { AuthButtonsContainer, AuthColumn, AuthWrapper } from "../../global/mixins";
+import { AuthButtonsContainer, AuthColumn, AuthWrapper, } from "../../global/mixins";
 import { createStyleSheet } from "../../styling/JSS";
 import { TextSpanView } from "../sqm-text-span/sqm-text-span-view";
 const style = {
@@ -42,7 +42,7 @@ export 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))));
   }
@@ -53,7 +53,7 @@ export 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))));
   }
@@ -67,7 +67,7 @@ export 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