restricted state name to be from PossibleTransitionValues

Author: anserwaseem

src/components/Editor.tsx

@@ -204,6 +204,13 @@ export const Editor = () => {
       return;
     }
 
+    if (PossibleTransitionValues.includes(row.state)) {
+      setAlertMessage(
+        `State name cannot be ${PossibleTransitionValues.join(", ")}`
+      );
+      return;
+    }
+
     PossibleTransitionValues.forEach(
       (key) =>
         (row[key === "^" ? "nul" : key] = Array.from(

src/utils/PromptNewStateName.ts

@@ -1,5 +1,6 @@
 import { DraggableStateModel } from "../models";
 import { StateNameMaxLength } from "../consts/StateNameMaxLength";
+import { PossibleTransitionValues } from "../consts/PossibleTransitionValues";
 
 export const promptNewStateName = (
   states: DraggableStateModel[],
@@ -9,7 +10,8 @@ export const promptNewStateName = (
   while (
     !newName ||
     (newName && [...states].map((s) => s.id).includes(newName)) ||
-    newName.length > StateNameMaxLength
+    newName.length > StateNameMaxLength ||
+    PossibleTransitionValues.includes(newName)
   ) {
     if (!newName)
       newName = prompt(
@@ -26,6 +28,13 @@ export const promptNewStateName = (
         `State name cannot be more than ${StateNameMaxLength} characters.`,
         originalName
       );
+    else if (PossibleTransitionValues.includes(newName))
+      newName = prompt(
+        `State name cannot be one of the following: ${PossibleTransitionValues.join(
+          ", "
+        )}`,
+        originalName
+      );
   }
   return newName;
 };