change key/value restriction

Author: devksingh4

src/common/types/events.ts

@@ -1,7 +1,8 @@
 import { z } from "zod";
 
 export const MAX_METADATA_KEYS = 10;
-export const MAX_STRING_LENGTH = 100;
+export const MAX_KEY_LENGTH = 50;
+export const MAX_VALUE_LENGTH = 1000;
 
 export const metadataSchema = z
   .record(z.string())
@@ -19,18 +20,18 @@ export const metadataSchema = z
     }
 
     for (const key of keys) {
-      if (key.length > MAX_STRING_LENGTH) {
+      if (key.length > MAX_KEY_LENGTH) {
         ctx.addIssue({
           code: z.ZodIssueCode.custom,
-          message: `Metadata key "${key}" exceeds ${MAX_STRING_LENGTH} characters.`,
+          message: `Metadata key "${key}" exceeds ${MAX_KEY_LENGTH} characters.`,
         });
       }
 
       const value = metadata[key];
-      if (value.length > MAX_STRING_LENGTH) {
+      if (value.length > MAX_VALUE_LENGTH) {
         ctx.addIssue({
           code: z.ZodIssueCode.custom,
-          message: `Metadata value for key "${key}" exceeds ${MAX_STRING_LENGTH} characters.`,
+          message: `Metadata value for key "${key}" exceeds ${MAX_VALUE_LENGTH} characters.`,
         });
       }
     }

src/ui/pages/events/ManageEvent.page.tsx

@@ -24,7 +24,12 @@ import { OrganizationList as orgList } from '@common/orgs';
 import { AppRoles } from '@common/roles';
 import { EVENT_CACHED_DURATION } from '@common/config';
 import { IconPlus, IconTrash } from '@tabler/icons-react';
-import { MAX_METADATA_KEYS, MAX_STRING_LENGTH, metadataSchema } from '@common/types/events';
+import {
+  MAX_METADATA_KEYS,
+  MAX_KEY_LENGTH,
+  MAX_VALUE_LENGTH,
+  metadataSchema,
+} from '@common/types/events';
 
 export function capitalizeFirstLetter(string: string) {
   return string.charAt(0).toUpperCase() + string.slice(1);
@@ -348,8 +353,8 @@ export const ManageEventPage: React.FC = () => {
               </Button>
             </Group>
             <Text size="xs" c="dimmed">
-              These values can be acceessed via the API. Max {MAX_STRING_LENGTH} characters for keys
-              and values.
+              These values can be acceessed via the API. Max {MAX_KEY_LENGTH} characters for keys
+              and {MAX_VALUE_LENGTH} chars for values.
             </Text>
 
             {Object.entries(form.values.metadata || {}).map(([key, value], index) => {