@saasquatch/mint-components 1.7.4 → 1.7.5

package/dist/collection/components/sqm-popup-container/sqm-popup-container.js

@@ -10,6 +10,12 @@ import { getProps } from "../../utils/utils";
  */
 export class PopupContainer {
   constructor() {
+    /**
+     * Text at the bottom of the popup
+     *
+     * @uiName "Powered by" text
+     */
+    this.poweredByText = "Powered By";
     withHooks(this);
   }
   disconnectedCallback() { }
@@ -85,6 +91,27 @@ export class PopupContainer {
       "attribute": "close-button-text",
       "reflect": false
     },
+    "poweredByText": {
+      "type": "string",
+      "mutable": false,
+      "complexType": {
+        "original": "string",
+        "resolved": "string",
+        "references": {}
+      },
+      "required": false,
+      "optional": false,
+      "docs": {
+        "tags": [{
+            "text": "\"Powered by\" text",
+            "name": "uiName"
+          }],
+        "text": "Text at the bottom of the popup"
+      },
+      "attribute": "powered-by-text",
+      "reflect": false,
+      "defaultValue": "\"Powered By\""
+    },
     "embedPadding": {
       "type": "string",
       "mutable": false,

package/dist/collection/components/sqm-popup-container/usePopupContainer.js

@@ -25,6 +25,7 @@ export function usePopupContainer(props) {
         ...props,
         padding,
         closeButtonText: props.closeButtonText ? props.closeButtonText : "X",
+        poweredByText: props.poweredByText,
       },
     },
     data: {},

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

@@ -58,7 +58,7 @@ export function PortalChangePasswordView(props) {
             h("div", { part: "successalert-text" }, states.content.successMessage))),
           h("sl-form", { "onSl-submit": callbacks.submit },
             h("div", { class: sheet.classes.InputContainer },
-              h("sqm-password-field", { exportparts: "input-label: input-label", class: sheet.classes.PasswordField, fieldLabel: states.content.passwordFieldLabel }),
+              h("sqm-password-field", { exportparts: "input-label: input-label", class: sheet.classes.PasswordField, fieldLabel: states.content.passwordFieldLabel, meetsRequirementsText: states.content.meetsRequirementsText, doesNotMeetRequirementsText: states.content.doesNotMeetRequirementsText, minErrorText: states.content.minErrorText, uppercaseErrorText: states.content.uppercaseErrorText, lowercaseErrorText: states.content.lowercaseErrorText, hasErrorText: states.content.hasErrorText }),
               h("sl-input", { exportparts: "label: input-label", name: "/confirmPassword", label: states.content.confirmPasswordFieldLabel, required: true, togglePassword: true, disabled: states.loading, type: "password" })),
             h(PortalContainerView, Object.assign({}, { direction: "row", padding: "none", gap: "20px" }),
               h("sl-button", { class: sheet.classes.ChangePasswordButton, type: "primary", submit: true, loading: states.loading }, states.content.changePasswordButtonText),

package/dist/collection/components/sqm-portal-change-password/sqm-portal-change-password.js

@@ -56,6 +56,38 @@ export class PortalChangePassword {
      * @uiName Change password button text
      */
     this.portalChangePasswordButtonText = "Change your 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 Passwords don’t match error message
+     */
+    this.nonMatchingPasswordErrorText = "contain at least 1 lowercase character";
+    /**
+     * @uiName Invalid user session error message
+     */
+    this.invalidSessionErrorText = "Please log in again to change your password.";
+    /**
+     * @uiName Missing number or symbol text
+     */
+    this.hasErrorText = "contain at least 1 number or symbol";
     withHooks(this);
   }
   disconnectedCallback() { }
@@ -239,12 +271,180 @@ export class PortalChangePassword {
       "reflect": false,
       "defaultValue": "\"Change your password...\""
     },
+    "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\""
+    },
+    "nonMatchingPasswordErrorText": {
+      "type": "string",
+      "mutable": false,
+      "complexType": {
+        "original": "string",
+        "resolved": "string",
+        "references": {}
+      },
+      "required": false,
+      "optional": false,
+      "docs": {
+        "tags": [{
+            "text": "Passwords don\u2019t match error message",
+            "name": "uiName"
+          }],
+        "text": ""
+      },
+      "attribute": "non-matching-password-error-text",
+      "reflect": false,
+      "defaultValue": "\"contain at least 1 lowercase character\""
+    },
+    "invalidSessionErrorText": {
+      "type": "string",
+      "mutable": false,
+      "complexType": {
+        "original": "string",
+        "resolved": "string",
+        "references": {}
+      },
+      "required": false,
+      "optional": false,
+      "docs": {
+        "tags": [{
+            "text": "Invalid user session error message",
+            "name": "uiName"
+          }],
+        "text": ""
+      },
+      "attribute": "invalid-session-error-text",
+      "reflect": false,
+      "defaultValue": "\"Please log in again to change your password.\""
+    },
+    "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<PortalChangePasswordViewProps>",
-        "resolved": "{ states?: { open: boolean; error: string; loading: boolean; success: boolean; content: { modalChangePasswordHeader: string; cancelText: string; changePasswordButtonText: string; passwordFieldLabel: string; confirmPasswordFieldLabel: string; successMessage: string; portalChangePasswordHeader: string; portalChangePasswordButtonText: string; }; }; }",
+        "resolved": "{ states?: { open: boolean; error: string; loading: boolean; success: boolean; content: { modalChangePasswordHeader: string; cancelText: string; changePasswordButtonText: string; passwordFieldLabel: string; confirmPasswordFieldLabel: string; successMessage: string; portalChangePasswordHeader: string; portalChangePasswordButtonText: string; meetsRequirementsText?: string; doesNotMeetRequirementsText?: string; minErrorText?: string; uppercaseErrorText?: string; lowercaseErrorText?: string; hasErrorText?: string; }; }; }",
         "references": {
           "DemoData": {
             "location": "import",
@@ -289,6 +489,12 @@ function usePortalChangePasswordDemo(props) {
         successMessage: props.successMessage,
         portalChangePasswordHeader: props.portalChangePasswordHeader,
         portalChangePasswordButtonText: props.portalChangePasswordButtonText,
+        meetsRequirementsText: props.meetsRequirementsText,
+        doesNotMeetRequirementsText: props.doesNotMeetRequirementsText,
+        minErrorText: props.minErrorText,
+        uppercaseErrorText: props.uppercaseErrorText,
+        lowercaseErrorText: props.lowercaseErrorText,
+        hasErrorText: props.hasErrorText,
       },
     },
     callbacks: {

package/dist/collection/components/sqm-portal-change-password/usePortalChangePassword.js

@@ -16,11 +16,11 @@ export function usePortalChangePassword(props) {
       jsonpointer.set(formData, key, value);
     });
     if (!(user === null || user === void 0 ? void 0 : user.jwt)) {
-      setError("Please log in again to change your password.");
+      setError(props.invalidSessionErrorText);
       return;
     }
     if (formData.password !== formData.confirmPassword) {
-      setError("Passwords do not match.");
+      setError(props.nonMatchingPasswordErrorText);
       return;
     }
     setError("");
@@ -47,6 +47,12 @@ export function usePortalChangePassword(props) {
         successMessage: props.successMessage,
         portalChangePasswordHeader: props.portalChangePasswordHeader,
         portalChangePasswordButtonText: props.portalChangePasswordButtonText,
+        meetsRequirementsText: props.meetsRequirementsText,
+        doesNotMeetRequirementsText: props.doesNotMeetRequirementsText,
+        minErrorText: props.minErrorText,
+        uppercaseErrorText: props.uppercaseErrorText,
+        lowercaseErrorText: props.lowercaseErrorText,
+        hasErrorText: props.hasErrorText,
       },
     },
     data: {},

package/dist/collection/components/sqm-portal-email-verification/sqm-portal-email-verification-view.js

@@ -37,7 +37,7 @@ const vanillaStyle = `
 const sheet = createStyleSheet(style);
 const styleString = sheet.toString();
 export 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 (h("div", { class: sheet.classes.Wrapper },
     h("style", { type: "text/css" },
       vanillaStyle,
@@ -47,7 +47,7 @@ export function PortalEmailVerificationView(props) {
       props.states.error && (h("sqm-form-message", { type: "error", exportparts: "erroralert-icon" },
         h("div", { part: "erroralert-text" }, props.states.error))),
       props.states.success && (h("sqm-form-message", { type: "success", exportparts: "successalert-icon" },
-        h("div", { part: "successalert-text" }, "Your verification email has been resent successfully"))),
+        h("div", { part: "successalert-text" }, verificationResentMessage))),
       h(TextSpanView, { type: "p" }, intl.formatMessage({
         id: "verifyMessage",
         defaultMessage: verifyMessage,

package/dist/collection/components/sqm-portal-email-verification/sqm-portal-email-verification.js

@@ -40,6 +40,16 @@ export class PortalEmailVerification {
      * @uiWidget textArea
      */
     this.verificationLoadingMessage = "Checking verification status";
+    /**
+     * @uiName Email verification resent text
+     * @uiWidget textArea
+     */
+    this.verificationResentMessage = "Your verification email has been resent successfully";
+    /**
+     * @uiName Network error message
+     * Displayed when your verification email fails to send due to a network error. The participant can try refreshing the page.
+     */
+    this.networkErrorMessage = "An error occurred while verifying your password. Please refresh the page.";
     withHooks(this);
   }
   disconnectedCallback() { }
@@ -190,12 +200,57 @@ export class PortalEmailVerification {
       "reflect": false,
       "defaultValue": "\"Checking verification status\""
     },
+    "verificationResentMessage": {
+      "type": "string",
+      "mutable": false,
+      "complexType": {
+        "original": "string",
+        "resolved": "string",
+        "references": {}
+      },
+      "required": false,
+      "optional": false,
+      "docs": {
+        "tags": [{
+            "text": "Email verification resent text",
+            "name": "uiName"
+          }, {
+            "text": "textArea",
+            "name": "uiWidget"
+          }],
+        "text": ""
+      },
+      "attribute": "verification-resent-message",
+      "reflect": false,
+      "defaultValue": "\"Your verification email has been resent successfully\""
+    },
+    "networkErrorMessage": {
+      "type": "string",
+      "mutable": false,
+      "complexType": {
+        "original": "string",
+        "resolved": "string",
+        "references": {}
+      },
+      "required": false,
+      "optional": false,
+      "docs": {
+        "tags": [{
+            "text": "Network error message\nDisplayed when your verification email fails to send due to a network error. The participant can try refreshing the page.",
+            "name": "uiName"
+          }],
+        "text": ""
+      },
+      "attribute": "network-error-message",
+      "reflect": false,
+      "defaultValue": "\"An error occurred while verifying your password. Please refresh the page.\""
+    },
     "demoData": {
       "type": "unknown",
       "mutable": false,
       "complexType": {
         "original": "DemoData<PortalEmailVerificationViewProps>",
-        "resolved": "{ states?: { error: string; loading: boolean; success: boolean; isVerified?: boolean; loadingVerification?: boolean; countdown?: number; }; content?: { email: string; verifyMessage: string; emailVerificationHeader: string; resendEmailButtonText: string; verificationStatusMessage?: string; verificationLoadingMessage?: string; }; }",
+        "resolved": "{ states?: { error: string; loading: boolean; success: boolean; isVerified?: boolean; loadingVerification?: boolean; countdown?: number; }; content?: { email: string; verifyMessage: string; emailVerificationHeader: string; resendEmailButtonText: string; verificationStatusMessage?: string; verificationLoadingMessage?: string; verificationResentMessage?: string; }; }",
         "references": {
           "DemoData": {
             "location": "import",
@@ -238,6 +293,7 @@ function usePortalEmailVerificationDemo(props) {
       resendEmailButtonText: props.resendEmailButtonText,
       verificationLoadingMessage: props.verificationLoadingMessage,
       verificationStatusMessage: props.verificationStatusMessage,
+      verificationResentMessage: props.verificationResentMessage,
     },
   }, props.demoData || {}, { arrayMerge: (_, a) => a });
 }

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

@@ -32,7 +32,7 @@ export function PortalForgotPasswordView(props) {
       props.states.error && (h("sqm-form-message", { type: "error", exportparts: "erroralert-icon" },
         h("div", { part: "erroralert-text" }, props.states.error))),
       props.states.success && (h("sqm-form-message", { type: "success", exportparts: "successalert-icon" },
-        h("div", { part: "successalert-text" }, "If an account with that email exists, a password reset email will be sent."))),
+        h("div", { part: "successalert-text" }, content.successAlertText))),
       h("sl-input", { exportparts: "label: input-label", type: "email", name: "/email", label: content.emailLabel || "Email", disabled: states.loading, required: true }),
       h("div", { class: sheet.classes.ButtonsContainer },
         h("sl-button", { submit: true, loading: states.loading, exportparts: "base: primarybutton-base", type: "primary" }, content.submitLabel || "Reset Password"),

package/dist/collection/components/sqm-portal-forgot-password/sqm-portal-forgot-password.js

@@ -36,9 +36,18 @@ export class PortalForgotPassword {
      */
     this.headerText = "Enter your email below to receive a password reset link.";
     /**
-     * Sign in link text
+     * @uiName Sign in link text
      */
     this.loginText = "Sign In";
+    /**
+     * @uiName Network error message
+     * Displayed when the forgot password action fails due to a network error. The participant can try refreshing the page.
+     */
+    this.networkErrorMessage = "An error occurred while loading this page. Please refresh the page.";
+    /**
+     * @uiName Email verification sent text
+     */
+    this.successAlertText = "If an account with that email exists, a password reset email will be sent.";
     withHooks(this);
   }
   disconnectedCallback() { }
@@ -48,10 +57,11 @@ export class PortalForgotPassword {
       : usePortalForgotPassword(this);
     const content = {
       secondaryButton: (h("slot", { name: "secondaryButton" },
-        h("sl-button", { type: "text", disabled: states.loading, onClick: () => navigation.push(states.loginPath) }, "Sign In"))),
-      messageSlot: (h("slot", { name: "messageSlot" }, "Enter your email below to receive a password reset link.")),
+        h("sl-button", { type: "text", disabled: states.loading, onClick: () => navigation.push(states.loginPath) }, this.loginText))),
+      messageSlot: h("slot", { name: "messageSlot" }, this.headerText),
       emailLabel: this.emailLabel,
       submitLabel: this.submitLabel,
+      successAlertText: this.successAlertText,
     };
     return (h(PortalForgotPasswordView, { states: states, callbacks: callbacks, content: content }));
   }
@@ -183,19 +193,64 @@ export class PortalForgotPassword {
       "required": false,
       "optional": false,
       "docs": {
-        "tags": [],
-        "text": "Sign in link text"
+        "tags": [{
+            "text": "Sign in link text",
+            "name": "uiName"
+          }],
+        "text": ""
       },
       "attribute": "login-text",
       "reflect": false,
       "defaultValue": "\"Sign In\""
     },
+    "networkErrorMessage": {
+      "type": "string",
+      "mutable": false,
+      "complexType": {
+        "original": "string",
+        "resolved": "string",
+        "references": {}
+      },
+      "required": false,
+      "optional": false,
+      "docs": {
+        "tags": [{
+            "text": "Network error message\nDisplayed when the forgot password action fails due to a network error. The participant can try refreshing the page.",
+            "name": "uiName"
+          }],
+        "text": ""
+      },
+      "attribute": "network-error-message",
+      "reflect": false,
+      "defaultValue": "\"An error occurred while loading this page. Please refresh the page.\""
+    },
+    "successAlertText": {
+      "type": "string",
+      "mutable": false,
+      "complexType": {
+        "original": "string",
+        "resolved": "string",
+        "references": {}
+      },
+      "required": false,
+      "optional": false,
+      "docs": {
+        "tags": [{
+            "text": "Email verification sent text",
+            "name": "uiName"
+          }],
+        "text": ""
+      },
+      "attribute": "success-alert-text",
+      "reflect": false,
+      "defaultValue": "\"If an account with that email exists, a password reset email will be sent.\""
+    },
     "demoData": {
       "type": "unknown",
       "mutable": false,
       "complexType": {
         "original": "DemoData<PortalForgotPasswordViewProps>",
-        "resolved": "{ states?: { error: string; loading: boolean; success: boolean; loginPath: string; }; content?: { secondaryButton: any; messageSlot: any; emailLabel?: string; submitLabel?: string; }; }",
+        "resolved": "{ states?: { error: string; loading: boolean; success: boolean; loginPath: string; }; content?: { secondaryButton: any; messageSlot: any; emailLabel?: string; submitLabel?: string; successAlertText?: string; }; }",
         "references": {
           "DemoData": {
             "location": "import",

package/dist/collection/components/sqm-portal-forgot-password/usePortalForgotPassword.js

@@ -22,7 +22,7 @@ export function usePortalForgotPassword(props) {
     const result = await request(variables);
     if (result instanceof Error) {
       if (result.message)
-        setError("Network request failed.");
+        setError(props.networkErrorMessage);
       return;
     }
     if ((_a = result.requestManagedIdentityPasswordResetEmail) === null || _a === void 0 ? void 0 : _a.success) {

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

@@ -54,6 +54,11 @@ export class PortalLogin {
      * @uiWidget textArea
      */
     this.pageLabel = "Sign in to your account";
+    /**
+     * @uiName Network error message
+     * Displayed when the login fails due to a network error. The participant can try refreshing the page.
+     */
+    this.networkErrorMessage = "An error occurred while logging you in. Please refresh the page and try again.";
     withHooks(this);
   }
   disconnectedCallback() { }
@@ -277,6 +282,27 @@ export class PortalLogin {
       "reflect": false,
       "defaultValue": "\"Sign in to your account\""
     },
+    "networkErrorMessage": {
+      "type": "string",
+      "mutable": false,
+      "complexType": {
+        "original": "string",
+        "resolved": "string",
+        "references": {}
+      },
+      "required": false,
+      "optional": false,
+      "docs": {
+        "tags": [{
+            "text": "Network error message\nDisplayed when the login fails due to a network error. The participant can try refreshing the page.",
+            "name": "uiName"
+          }],
+        "text": ""
+      },
+      "attribute": "network-error-message",
+      "reflect": false,
+      "defaultValue": "\"An error occurred while logging you in. Please refresh the page and try again.\""
+    },
     "demoData": {
       "type": "unknown",
       "mutable": false,

package/dist/collection/components/sqm-portal-login/usePortalLogin.js

@@ -19,7 +19,7 @@ export function usePortalLogin(props) {
     const result = await request(variables);
     if (result instanceof Error) {
       if ((result === null || result === void 0 ? void 0 : result.message) || ((_a = result === null || result === void 0 ? void 0 : result["response"]) === null || _a === void 0 ? void 0 : _a["error"]))
-        setError("Network request failed.");
+        setError(props.networkErrorMessage);
       return;
     }
     if ((_b = result.authenticateManagedIdentityWithEmailAndPassword) === null || _b === void 0 ? void 0 : _b.token) {

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

@@ -62,16 +62,16 @@ export function PortalProfileView(props) {
     h(TextSpanView, Object.assign({}, { type: "h2" }), text.editProfileSubHeader),
     h("form", { class: sheet.classes.FormStyle, onSubmit: callbacks.onSubmit },
       states.success && (h("sqm-form-message", { class: sheet.classes.Success, exportparts: "success-icon" },
-        h("div", { part: "successalert-text" }, "Your profile has been successfully updated."))),
+        h("div", { part: "successalert-text" }, text.submissionSuccessText))),
       error && (h("sqm-form-message", { class: sheet.classes.Error, type: "error", exportparts: "erroralert-icon" },
         h("div", { part: "erroralert-text" }, error))),
       h("div", { class: sheet.classes.NameInputContainer },
         h("sl-input", Object.assign({ class: sheet.classes.NameInputStyle, exportparts: "label: input-label", value: (_c = states.user) === null || _c === void 0 ? void 0 : _c.firstName, onInput: callbacks.onChange, label: text.firstnametext, disabled: states.loading }, ((errors === null || errors === void 0 ? void 0 : errors.firstName) && (errors === null || errors === void 0 ? void 0 : errors.firstName.status) !== "valid"
-          ? { class: "ErrorStyles", helpText: "Cannot be empty" }
+          ? { class: "ErrorStyles", helpText: text.fieldEmptyText }
           : []), { id: "firstName", name: "firstName", error: (errors === null || errors === void 0 ? void 0 : errors.firstName) && (errors === null || errors === void 0 ? void 0 : errors.firstName.status) !== "valid"
             ? errors === null || errors === void 0 ? void 0 : errors.firstName.message : undefined })),
         h("sl-input", Object.assign({ class: sheet.classes.NameInputStyle, exportparts: "label: input-label", value: (_d = states.user) === null || _d === void 0 ? void 0 : _d.lastName, onInput: callbacks.onChange, label: text.lastnametext, disabled: states.loading, id: "lastName", name: "lastName" }, ((errors === null || errors === void 0 ? void 0 : errors.lastName) && (errors === null || errors === void 0 ? void 0 : errors.lastName.status) !== "valid"
-          ? { class: "ErrorStyles", helpText: "Cannot be empty" }
+          ? { class: "ErrorStyles", helpText: text.fieldEmptyText }
           : []), { error: (errors === null || errors === void 0 ? void 0 : errors.lastName) && (errors === null || errors === void 0 ? void 0 : errors.lastName.status) !== "valid"
             ? errors === null || errors === void 0 ? void 0 : errors.lastName.message : undefined }))),
       h("sl-input", { label: text.emailtext, value: (_e = states.user) === null || _e === void 0 ? void 0 : _e.email, exportparts: "label: input-label", disabled: true }),