From dbcd037549788aedd4efd8d541c4ca54d3a89d68 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Dafydd=20Ll=C5=B7r=20Pearson?= <DafyddLlyr@gmail.com>
Date: Wed, 19 Jun 2024 13:26:07 +0100
Subject: [PATCH] chore: Bump extra long text input limit to 750 characters

---
 editor.planx.uk/src/@planx/components/TextInput/Editor.tsx    | 2 +-
 .../src/@planx/components/TextInput/TextInput.stories.tsx     | 2 +-
 editor.planx.uk/src/@planx/components/TextInput/model.ts      | 4 ++--
 3 files changed, 4 insertions(+), 4 deletions(-)

diff --git a/editor.planx.uk/src/@planx/components/TextInput/Editor.tsx b/editor.planx.uk/src/@planx/components/TextInput/Editor.tsx
index 605e538acf..4f0eb7f051 100644
--- a/editor.planx.uk/src/@planx/components/TextInput/Editor.tsx
+++ b/editor.planx.uk/src/@planx/components/TextInput/Editor.tsx
@@ -78,7 +78,7 @@ const TextInputComponent: React.FC<Props> = (props) => {
                 { id: "default", title: "Default" },
                 { id: "short", title: "Short (max 120 characters)" },
                 { id: "long", title: "Long (max 250 characters)" },
-                { id: "extraLong", title: "Extra long (max 500 characters)" },
+                { id: "extraLong", title: "Extra long (max 750 characters)" },
                 { id: "email", title: "Email" },
                 { id: "phone", title: "Phone" },
               ].map((type) => (
diff --git a/editor.planx.uk/src/@planx/components/TextInput/TextInput.stories.tsx b/editor.planx.uk/src/@planx/components/TextInput/TextInput.stories.tsx
index 6d1f59567a..489ce86507 100644
--- a/editor.planx.uk/src/@planx/components/TextInput/TextInput.stories.tsx
+++ b/editor.planx.uk/src/@planx/components/TextInput/TextInput.stories.tsx
@@ -42,7 +42,7 @@ export const EmptyFormLongText: StoryObj = {
 export const EmptyFormExtraLongText: StoryObj = {
   args: {
     title: "Describe your project",
-    description: "Be as descriptive as you can. You have 500 characters.",
+    description: "Be as descriptive as you can. You have 750 characters.",
     type: TextInputType.ExtraLong,
   },
 };
diff --git a/editor.planx.uk/src/@planx/components/TextInput/model.ts b/editor.planx.uk/src/@planx/components/TextInput/model.ts
index 4d913f659f..f378c22fd6 100644
--- a/editor.planx.uk/src/@planx/components/TextInput/model.ts
+++ b/editor.planx.uk/src/@planx/components/TextInput/model.ts
@@ -32,7 +32,7 @@ export const userDataSchema = ({ type }: TextInput): SchemaOf<UserData> =>
           return "Your answer must be 250 characters or fewer.";
         }
         if (type === TextInputType.ExtraLong) {
-          return "Your answer must be 500 characters or fewer.";
+          return "Your answer must be 750 characters or fewer.";
         }
         if (type === TextInputType.Email) {
           return "Enter an email address in the correct format, like name@example.com";
@@ -52,7 +52,7 @@ export const userDataSchema = ({ type }: TextInput): SchemaOf<UserData> =>
           return Boolean(value && value.length <= 250);
         }
         if (type === TextInputType.ExtraLong) {
-          return Boolean(value && value.length <= 500);
+          return Boolean(value && value.length <= 750);
         }
         if (type === TextInputType.Email) {
           return Boolean(value && emailRegex.test(value));