@routevn/creator-model 1.6.3 → 1.7.0

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@routevn/creator-model",
-  "version": "1.6.3",
+  "version": "1.7.0",
   "private": false,
   "type": "module",
   "license": "MIT",

package/src/model.js

@@ -347,6 +347,7 @@ const LAYOUT_TYPE_KEYS = [
   "dialogue-nvl",
   "choice",
   "history",
+  "input",
 ];
 const LAYOUT_ELEMENT_TEXT_STYLE_ALIGN_KEYS = ["left", "center", "right"];
 const LAYOUT_TEXT_REVEAL_EFFECT_KEYS = ["typewriter", "softWipe", "none"];
@@ -371,6 +372,7 @@ const LAYOUT_ELEMENT_BASE_TYPES = [
   "spritesheet-animation",
   "text",
   "text-revealing",
+  "input",
   "slider",
   "text-ref-character-name",
   "text-revealing-ref-dialogue-content",
@@ -383,17 +385,19 @@ const LAYOUT_ELEMENT_BASE_TYPES = [
   "sprite-ref-save-load-slot-image",
   "fragment-ref",
   "container-ref-choice-item",
+  "container-ref-choice-single-item",
   "container-ref-save-load-slot",
   "container-ref-dialogue-line",
   "container-ref-history-line",
   "container-ref-confirm-dialog-ok",
   "container-ref-confirm-dialog-cancel",
 ];
-export const SCHEMA_VERSION = 6;
+export const SCHEMA_VERSION = 7;
 const LAYOUT_CONTAINER_ELEMENT_TYPES = [
   "folder",
   "container",
   "container-ref-choice-item",
+  "container-ref-choice-single-item",
   "container-ref-save-load-slot",
   "container-ref-dialogue-line",
   "container-ref-history-line",
@@ -3447,6 +3451,13 @@ const validateLayoutElementData = ({
     "textStyleId",
     "hoverTextStyleId",
     "clickTextStyleId",
+    "field",
+    "value",
+    "placeholder",
+    "multiline",
+    "disabled",
+    "maxLength",
+    "padding",
     "conditionalOverrides",
     "direction",
     "gapX",
@@ -3458,6 +3469,13 @@ const validateLayoutElementData = ({
     "rightClick",
     "scrollUp",
     "scrollDown",
+    "submit",
+    "focusEvent",
+    "blurEvent",
+    "selectionChange",
+    "compositionStart",
+    "compositionUpdate",
+    "compositionEnd",
     "anchorToBottom",
     "thumbImageId",
     "barImageId",
@@ -3473,6 +3491,7 @@ const validateLayoutElementData = ({
     "paginationMode",
     "paginationVariableId",
     "paginationSize",
+    "choiceItemIndex",
     "$when",
     "change",
   ];
@@ -3524,7 +3543,9 @@ const validateLayoutElementData = ({
     "max",
     "step",
     "paginationSize",
+    "choiceItemIndex",
     "opacity",
+    "maxLength",
   ]) {
     if (data[key] !== undefined && !isFiniteNumber(data[key])) {
       return invalidFromErrorFactory(
@@ -3534,6 +3555,18 @@ const validateLayoutElementData = ({
     }
   }
 
+  if (
+    data.choiceItemIndex !== undefined &&
+    (!Number.isInteger(data.choiceItemIndex) ||
+      data.choiceItemIndex < 0 ||
+      data.choiceItemIndex > 19)
+  ) {
+    return invalidFromErrorFactory(
+      errorFactory,
+      `${path}.choiceItemIndex must be an integer between 0 and 19 when provided`,
+    );
+  }
+
   if (
     data.aspectRatioLock !== undefined &&
     (!isFiniteNumber(data.aspectRatioLock) || data.aspectRatioLock <= 0)
@@ -3598,6 +3631,9 @@ const validateLayoutElementData = ({
     "textStyleId",
     "hoverTextStyleId",
     "clickTextStyleId",
+    "field",
+    "value",
+    "placeholder",
     "containerType",
     "variableId",
     "fragmentLayoutId",
@@ -3652,6 +3688,18 @@ const validateLayoutElementData = ({
     }
   }
 
+  if (data.type === "input") {
+    if (
+      (!allowPartial || data.field !== undefined) &&
+      !isNonEmptyString(data.field)
+    ) {
+      return invalidFromErrorFactory(
+        errorFactory,
+        `${path}.field must be a non-empty string`,
+      );
+    }
+  }
+
   if (data.conditionalOverrides !== undefined) {
     if (!Array.isArray(data.conditionalOverrides)) {
       return invalidFromErrorFactory(
@@ -3953,6 +4001,27 @@ const validateLayoutElementData = ({
     }
   }
 
+  for (const key of [
+    "submit",
+    "focusEvent",
+    "blurEvent",
+    "selectionChange",
+    "compositionStart",
+    "compositionUpdate",
+    "compositionEnd",
+  ]) {
+    if (data[key] !== undefined) {
+      const result = validateLayoutElementInteraction({
+        interaction: data[key],
+        path: `${path}.${key}`,
+        errorFactory,
+      });
+      if (result?.valid === false) {
+        return result;
+      }
+    }
+  }
+
   if (
     data.anchorToBottom !== undefined &&
     typeof data.anchorToBottom !== "boolean"
@@ -3963,6 +4032,33 @@ const validateLayoutElementData = ({
     );
   }
 
+  for (const key of ["multiline", "disabled"]) {
+    if (data[key] !== undefined && typeof data[key] !== "boolean") {
+      return invalidFromErrorFactory(
+        errorFactory,
+        `${path}.${key} must be a boolean when provided`,
+      );
+    }
+  }
+
+  if (data.maxLength !== undefined && data.maxLength < 0) {
+    return invalidFromErrorFactory(
+      errorFactory,
+      `${path}.maxLength must be a finite number greater than or equal to 0 when provided`,
+    );
+  }
+
+  if (
+    data.padding !== undefined &&
+    !isFiniteNumber(data.padding) &&
+    !isPlainObject(data.padding)
+  ) {
+    return invalidFromErrorFactory(
+      errorFactory,
+      `${path}.padding must be a finite number or object when provided`,
+    );
+  }
+
   if (data.textStyle !== undefined) {
     {
       const result = validateLayoutElementTextStyle({
@@ -4044,6 +4140,13 @@ const validateLayoutElementItems = ({ items, path, errorFactory }) => {
           "textStyleId",
           "hoverTextStyleId",
           "clickTextStyleId",
+          "field",
+          "value",
+          "placeholder",
+          "multiline",
+          "disabled",
+          "maxLength",
+          "padding",
           "conditionalOverrides",
           "direction",
           "gapX",
@@ -4055,6 +4158,13 @@ const validateLayoutElementItems = ({ items, path, errorFactory }) => {
           "rightClick",
           "scrollUp",
           "scrollDown",
+          "submit",
+          "focusEvent",
+          "blurEvent",
+          "selectionChange",
+          "compositionStart",
+          "compositionUpdate",
+          "compositionEnd",
           "anchorToBottom",
           "thumbImageId",
           "barImageId",
@@ -4069,6 +4179,7 @@ const validateLayoutElementItems = ({ items, path, errorFactory }) => {
           "paginationMode",
           "paginationVariableId",
           "paginationSize",
+          "choiceItemIndex",
           "$when",
           "change",
         ],
@@ -5257,7 +5368,7 @@ const validateLayoutItems = ({ items, path, errorFactory }) => {
       if (!LAYOUT_TYPE_KEYS.includes(item.layoutType)) {
         return invalidFromErrorFactory(
           errorFactory,
-          `${itemPath}.layoutType must be 'general', 'save-load', 'confirmDialog', 'dialogue-adv', 'dialogue-nvl', 'choice', or 'history'`,
+          `${itemPath}.layoutType must be 'general', 'save-load', 'confirmDialog', 'dialogue-adv', 'dialogue-nvl', 'choice', 'history', or 'input'`,
         );
       }
 
@@ -10776,7 +10887,7 @@ const validateLayoutCreateData = ({ data, errorFactory }) => {
     if (!LAYOUT_TYPE_KEYS.includes(data.layoutType)) {
       return invalidFromErrorFactory(
         errorFactory,
-        "payload.data.layoutType must be 'general', 'save-load', 'confirmDialog', 'dialogue-adv', 'dialogue-nvl', 'choice', or 'history'",
+        "payload.data.layoutType must be 'general', 'save-load', 'confirmDialog', 'dialogue-adv', 'dialogue-nvl', 'choice', 'history', or 'input'",
       );
     }
 
@@ -10892,7 +11003,7 @@ const validateLayoutUpdateData = ({ data, errorFactory }) => {
   ) {
     return invalidFromErrorFactory(
       errorFactory,
-      "payload.data.layoutType must be 'general', 'save-load', 'confirmDialog', 'dialogue-adv', 'dialogue-nvl', 'choice', or 'history' when provided",
+      "payload.data.layoutType must be 'general', 'save-load', 'confirmDialog', 'dialogue-adv', 'dialogue-nvl', 'choice', 'history', or 'input' when provided",
     );
   }