Neoletter | Form Builder | Subscription as a hidden field

src/Widgets/FormHiddenFieldWidget/FormHiddenFieldWidgetClass.js

@@ -5,6 +5,16 @@ export const FormHiddenFieldWidget = Scrivito.provideWidgetClass(
   {
     onlyInside: "FormContainerWidget",
     attributes: {
+      type: [
+        "enum",
+        {
+          values: ["custom"].concat(
+            process.env.ENABLE_NEOLETTER_FORM_BUILDER_SUBSCRIPTION_FEATURE
+              ? ["subscription"]
+              : []
+          ),
+        },
+      ],
       customFieldName: "string",
       hiddenValue: "string",
     },

src/Widgets/FormHiddenFieldWidget/FormHiddenFieldWidgetEditingConfig.js

@@ -1,19 +1,42 @@
 import * as Scrivito from "scrivito";
 import formHiddenFieldWidgetIcon from "../../assets/images/form_hidden_field_widget.svg";
 import { customFieldNameValidation } from "../FormContainerWidget/utils/validations/customFieldNameValidation";
+import { isCustomType } from "../FormContainerWidget/utils/isCustomType";
+import { typeValidation } from "../FormContainerWidget/utils/validations/typeValidation";
+import { getFieldName } from "../FormContainerWidget/utils/getFieldName";
 
 Scrivito.provideEditingConfig("FormHiddenFieldWidget", {
   title: "Hidden Form Field",
   thumbnail: formHiddenFieldWidgetIcon,
   attributes: {
+    type: {
+      title: "Input type",
+      values: [
+        { value: "custom", title: "Custom" },
+        ...(process.env.ENABLE_NEOLETTER_FORM_BUILDER_SUBSCRIPTION_FEATURE
+          ? [{ value: "subscription", title: "Subscription" }]
+          : []),
+      ],
+    },
     customFieldName: { title: "Field name" },
     hiddenValue: {
       title: "Hidden value",
       description: "This value is sent on every submission of the form.",
     },
   },
-  properties: ["customFieldName", "hiddenValue"],
+  properties: (widget) => {
+    if (process.env.ENABLE_NEOLETTER_FORM_BUILDER_SUBSCRIPTION_FEATURE) {
+      if (!isCustomType(widget)) {
+        return ["type", "hiddenValue"];
+      }
+
+      return ["type", "customFieldName", "hiddenValue"];
+    }
+
+    return ["customFieldName", "hiddenValue"];
+  },
   initialContent: {
+    type: "custom",
     customFieldName: "custom_hidden_field",
   },
   validations: [
@@ -34,12 +57,32 @@ Scrivito.provideEditingConfig("FormHiddenFieldWidget", {
         severity: "info",
       };
     },
-  ],
-  titleForContent: (widget) =>
-    `Hidden Form Field: ${[
-      widget.get("customFieldName"),
-      widget.get("hiddenValue"),
-    ]
+  ].concat(
+    process.env.ENABLE_NEOLETTER_FORM_BUILDER_SUBSCRIPTION_FEATURE
+      ? [
+          typeValidation,
+          [
+            "hiddenValue",
+            (hiddenValue, { widget }) => {
+              const fieldName = getFieldName(widget);
+
+              if (fieldName === "subscription" && hiddenValue !== "on") {
+                return {
+                  message:
+                    "Please enter 'on' to activate the subscription process on every submission.",
+                  severity: "warning",
+                };
+              }
+            },
+          ],
+        ]
+      : []
+  ),
+  titleForContent: (widget) => {
+    const fieldName = getFieldName(widget);
+
+    return `Hidden Form Field: ${[fieldName, widget.get("hiddenValue")]
       .filter((e) => e)
-      .join(" - ")}`,
+      .join(" - ")}`;
+  },
 });