@saasquatch/mint-components 1.7.4 → 1.7.6-0

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

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

@@ -57,6 +57,48 @@ export class PortalResetPassword {
      * @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.";
     withHooks(this);
   }
   disconnectedCallback() { }
@@ -267,12 +309,222 @@ export class PortalResetPassword {
       "reflect": false,
       "defaultValue": "\"New 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\""
+    },
+    "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\""
+    },
+    "passwordMismatchText": {
+      "type": "string",
+      "mutable": false,
+      "complexType": {
+        "original": "string",
+        "resolved": "string",
+        "references": {}
+      },
+      "required": false,
+      "optional": false,
+      "docs": {
+        "tags": [{
+            "text": "Passwords don\u2019t match error message\nPlease make sure your passwords match",
+            "name": "uiName"
+          }],
+        "text": ""
+      },
+      "attribute": "password-mismatch-text",
+      "reflect": false,
+      "defaultValue": "\"Passwords do not match.\""
+    },
+    "codeInvalidText": {
+      "type": "string",
+      "mutable": false,
+      "complexType": {
+        "original": "string",
+        "resolved": "string",
+        "references": {}
+      },
+      "required": false,
+      "optional": false,
+      "docs": {
+        "tags": [{
+            "text": "Reset code invalid error message",
+            "name": "uiName"
+          }],
+        "text": ""
+      },
+      "attribute": "code-invalid-text",
+      "reflect": false,
+      "defaultValue": "\"The password reset code is invalid or has expired, please try again.\""
+    },
+    "resetSuccessText": {
+      "type": "string",
+      "mutable": false,
+      "complexType": {
+        "original": "string",
+        "resolved": "string",
+        "references": {}
+      },
+      "required": false,
+      "optional": false,
+      "docs": {
+        "tags": [{
+            "text": "Reset success text",
+            "name": "uiName"
+          }],
+        "text": ""
+      },
+      "attribute": "reset-success-text",
+      "reflect": false,
+      "defaultValue": "\"Your password has been reset and you are being redirected. If you are not redirected, please click Continue.\""
+    },
+    "networkErrorMessage": {
+      "type": "string",
+      "mutable": false,
+      "complexType": {
+        "original": "string",
+        "resolved": "string",
+        "references": {}
+      },
+      "required": false,
+      "optional": false,
+      "docs": {
+        "tags": [{
+            "text": "Network error message\nDisplayed when the password reset 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 resetting your password. Please refresh the page and try again.\""
+    },
     "demoData": {
       "type": "unknown",
       "mutable": false,
       "complexType": {
         "original": "DemoData<PortalResetPasswordViewProps>",
-        "resolved": "{ states?: { error: string; loading: boolean; reset: boolean; confirmPassword: boolean; oobCodeValidating: boolean; oobCodeValid: boolean; passwordDemoData?: PasswordFieldViewDemoProps; content: { passwordResetHeader: string; resetPasswordHeader: string; continueButtonText: string; resetPasswordButtonText: string; confirmPasswordFieldLabel: string; passwordFieldLabel: string; }; }; }",
+        "resolved": "{ states?: { error: string; loading: boolean; reset: boolean; confirmPassword: boolean; oobCodeValidating: boolean; oobCodeValid: boolean; passwordDemoData?: PasswordFieldViewDemoProps; content: { passwordResetHeader: string; resetPasswordHeader: string; continueButtonText: string; resetPasswordButtonText: string; confirmPasswordFieldLabel: string; passwordFieldLabel: string; meetsRequirementsText?: string; doesNotMeetRequirementsText?: string; minErrorText?: string; uppercaseErrorText?: string; lowercaseErrorText?: string; hasErrorText?: string; resetSuccessText?: string; passwordMismatchText?: string; codeInvalidText?: string; }; }; }",
         "references": {
           "DemoData": {
             "location": "import",
@@ -318,6 +570,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/collection/components/sqm-portal-reset-password/usePortalResetPassword.js

@@ -15,7 +15,7 @@ export function usePortalResetPassword(props) {
   const verifyPasswordResetCodeAndHandleResponse = async () => {
     const result = await verifyPasswordResetCode({ oobCode });
     if (result instanceof Error) {
-      setError("Network request failed.");
+      setError(props.networkErrorMessage);
     }
   };
   useEffect(() => {
@@ -29,12 +29,12 @@ export 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);
@@ -70,6 +70,15 @@ export 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 },

package/dist/collection/components/sqm-portal-verify-email/PortalVerifyEmail.stories.js

@@ -20,6 +20,11 @@ const errorProps = {
     gotoNextPage: () => console.log("next page"),
     failed: () => console.log("failed"),
   },
+  content: {
+    verifyEmailText: "Verify your email",
+    verifySuccessText: "Your email has been verified and you are being redirected. If you are not redirected, please click Continue.",
+    verifyInvalidText: "The email verification code is invalid or has expired, please try again.",
+  },
 };
 const verifiedProps = {
   states: {
@@ -34,6 +39,7 @@ const verifiedProps = {
     gotoNextPage: () => console.log("next page"),
     failed: () => console.log("failed"),
   },
+  content: {},
 };
 export const EmailVerificationWithError = () => (h(PortalVerifyEmailView, Object.assign({}, errorProps)));
 export const EmailVerificationSuccess = () => (h(PortalVerifyEmailView, Object.assign({}, verifiedProps)));

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

@@ -20,23 +20,23 @@ const vanillaStyle = `
 const sheet = createStyleSheet(style);
 const styleString = sheet.toString();
 export 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)));
   }
 }