From e08d7453608d99b1829c02c6ce159c7f958ba3c5 Mon Sep 17 00:00:00 2001
From: Gerard Burns <gjburns9@hotmail.com>
Date: Wed, 10 Apr 2024 07:19:29 +0100
Subject: [PATCH] wip

---
 .../controls/FieldContext/Chart.svelte        |  2 +-
 .../controls/FieldContext/validator.js        | 82 +++++++++++++++++++
 .../settings/controls/MultiFieldSelect.svelte |  2 +-
 .../design/settings/fieldValidator.js         |  1 -
 4 files changed, 84 insertions(+), 3 deletions(-)
 create mode 100644 packages/builder/src/components/design/settings/controls/FieldContext/validator.js

diff --git a/packages/builder/src/components/design/settings/controls/FieldContext/Chart.svelte b/packages/builder/src/components/design/settings/controls/FieldContext/Chart.svelte
index b60c242b5a..82e755036e 100644
--- a/packages/builder/src/components/design/settings/controls/FieldContext/Chart.svelte
+++ b/packages/builder/src/components/design/settings/controls/FieldContext/Chart.svelte
@@ -1,6 +1,6 @@
 <script>
   import ExplanationModal from './ExplanationModal/index.svelte'
-  import { warnings, errors } from "../../fieldValidator";
+  import { warnings, errors } from "./validator";
   import { Column, Support, NotRequired, StringNumber } from "./lines"
   import subjects from './subjects';
 
diff --git a/packages/builder/src/components/design/settings/controls/FieldContext/validator.js b/packages/builder/src/components/design/settings/controls/FieldContext/validator.js
new file mode 100644
index 0000000000..3c30d5bd33
--- /dev/null
+++ b/packages/builder/src/components/design/settings/controls/FieldContext/validator.js
@@ -0,0 +1,82 @@
+import { capitalize } from 'lodash';
+
+export const errors = {
+  general: Symbol("values-validator-general"),
+  jsonPrimitivesOnly: Symbol("values-validator-json-primitives-only"),
+}
+
+export const warnings = {
+  stringAsNumber: Symbol("values-validator-string-as-number"),
+  chartDatetime: Symbol("values-validator-chart-datetime"),
+  notRequired: Symbol("values-validator-not-required"),
+}
+
+export const constants = {
+  unsupported: Symbol("values-validator-unsupported"),
+  partialSupport: Symbol("values-validator-partialSupport"),
+  supported: Symbol("values-validator-supported")
+}
+
+export const validators = {
+  chart: (fieldSchema) => {
+    try {
+      const response = {
+        level: null,
+        warnings: [],
+        errors: [],
+        text: "",
+        icon: "",
+        iconColor: ""
+      }
+      const generalUnsupportedFields = ["array", "attachment", "barcodeqr", "link", "bb_reference"]
+      if (generalUnsupportedFields.includes(fieldSchema.type)) {
+        response.errors.push(errors.general)
+      }
+
+      if (fieldSchema.type === "json") {
+          response.errors.push(errors.jsonPrimitivesOnly)
+      }
+
+      if (fieldSchema.type === "string") {
+        response.warnings.push(warnings.stringAsNumber)
+      }
+      if (fieldSchema.type === "datetime") {
+        response.warnings.push(warnings.chartDatetime);
+          //"This column can be used as an input for a chart, but it may be parsed differently depending on which is used.
+      }
+
+      const isRequired = fieldSchema?.constraints?.presence?.allowEmpty === false
+      if (!isRequired) {
+        response.warnings.push(warnings.notRequired);
+      }
+
+      if (response.errors.length > 0) {
+        response.level = constants.unsupported
+        response.text = "Not compatible"
+        response.icon = "Alert"
+        response.iconColor = "var(--red)"
+      } else if (response.warnings.length > 0) {
+        response.level = constants.partialSupport
+        response.text = "Partially compatible"
+        response.icon = "AlertCheck"
+        response.iconColor = "var(--yellow)"
+      } else {
+        response.level = constants.supported
+        response.text = "Compatible"
+        response.icon = "CheckmarkCircle"
+        response.iconColor = "var(--green)"
+      }
+
+      return response
+    } catch (e) {
+      return {
+        level: constants.partialSupport,
+        warnings: [],
+        errors: [],
+        text: "Partially compatible",
+        icon: "AlertCheck",
+        iconColor: "var(--yellow)"
+      }
+    }
+  }
+};
diff --git a/packages/builder/src/components/design/settings/controls/MultiFieldSelect.svelte b/packages/builder/src/components/design/settings/controls/MultiFieldSelect.svelte
index 92d5dd298c..ed92fb9f3d 100644
--- a/packages/builder/src/components/design/settings/controls/MultiFieldSelect.svelte
+++ b/packages/builder/src/components/design/settings/controls/MultiFieldSelect.svelte
@@ -3,7 +3,7 @@
   import { getDatasourceForProvider, getSchemaForDatasource } from "dataBinding"
   import { selectedScreen } from "stores/builder"
   import { createEventDispatcher } from "svelte"
-  import { validators, constants as validatorConstants } from "../fieldValidator";
+  import { validators } from "./FieldContext/Validator";
   import ChartFieldContext from './FieldContext/Chart.svelte'
   import { FIELDS } from 'constants/backend'
   import { goto, params } from "@roxi/routify"
diff --git a/packages/builder/src/components/design/settings/fieldValidator.js b/packages/builder/src/components/design/settings/fieldValidator.js
index 4580c41911..3c30d5bd33 100644
--- a/packages/builder/src/components/design/settings/fieldValidator.js
+++ b/packages/builder/src/components/design/settings/fieldValidator.js
@@ -1,7 +1,6 @@
 import { capitalize } from 'lodash';
 
 export const errors = {
-  // fail without explanation
   general: Symbol("values-validator-general"),
   jsonPrimitivesOnly: Symbol("values-validator-json-primitives-only"),
 }