@webiny/app-headless-cms 5.33.5 → 5.34.0-beta.1

package/admin/plugins/fieldValidators/dynamicZone.js

@@ -0,0 +1,215 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.dynamicZoneFieldValidator = void 0;
+
+var _regeneratorRuntime2 = _interopRequireDefault(require("@babel/runtime/helpers/regeneratorRuntime"));
+
+var _createForOfIteratorHelper2 = _interopRequireDefault(require("@babel/runtime/helpers/createForOfIteratorHelper"));
+
+var _asyncToGenerator2 = _interopRequireDefault(require("@babel/runtime/helpers/asyncToGenerator"));
+
+var _toConsumableArray2 = _interopRequireDefault(require("@babel/runtime/helpers/toConsumableArray"));
+
+var _objectSpread2 = _interopRequireDefault(require("@babel/runtime/helpers/objectSpread2"));
+
+var _react = _interopRequireDefault(require("react"));
+
+var _reactFontawesome = require("@fortawesome/react-fontawesome");
+
+var _Accordion = require("@webiny/ui/Accordion");
+
+var _form = require("@webiny/form");
+
+var _ValidatorsList = require("../../components/FieldEditor/EditFieldDialog/ValidatorsList");
+
+var _createValidators = require("../../../utils/createValidators");
+
+var _CmsModelFieldValidatorConfigAdapter = require("../../../utils/CmsModelFieldValidatorConfigAdapter");
+
+var _ModelFieldProvider = require("../../components/ModelFieldProvider");
+
+var _commonValidators = require("../fields/dynamicZone/commonValidators");
+
+function TemplateValidationSettings() {
+  var _useModelField = (0, _ModelFieldProvider.useModelField)(),
+      field = _useModelField.field;
+
+  var validators = _commonValidators.commonValidators.map(function (validator) {
+    return (0, _objectSpread2.default)((0, _objectSpread2.default)({}, validator), {}, {
+      variables: [].concat((0, _toConsumableArray2.default)(validator.variables || []), [{
+        name: "templateName",
+        description: "This will be interpreted as the current template name."
+      }])
+    });
+  });
+
+  return /*#__PURE__*/_react.default.createElement(_form.Bind, {
+    name: "settings.templates"
+  }, function (_ref) {
+    var templates = _ref.value;
+    return /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, templates.map(function (template, index) {
+      var icon = template.icon ? template.icon.split("/") : undefined;
+      return /*#__PURE__*/_react.default.createElement(_Accordion.AccordionItem, {
+        key: template.id,
+        title: template.name,
+        description: template.description,
+        icon: icon ? /*#__PURE__*/_react.default.createElement(_reactFontawesome.FontAwesomeIcon, {
+          icon: icon
+        }) : undefined
+      }, /*#__PURE__*/_react.default.createElement(_ValidatorsList.ValidatorsList, {
+        name: "settings.templates.".concat(index, ".validation"),
+        validators: validators.map(function (v) {
+          return new _CmsModelFieldValidatorConfigAdapter.CmsModelFieldValidatorConfigAdapter(field, v);
+        })
+      }));
+    }));
+  });
+}
+
+var dynamicZoneFieldValidator = {
+  type: "cms-model-field-validator",
+  name: "cms-editor-field-validator-dynamic-zone",
+  validator: {
+    name: "dynamicZone",
+    label: "",
+    description: "",
+    defaultMessage: "",
+    renderCustomUi: function renderCustomUi() {
+      return /*#__PURE__*/_react.default.createElement(TemplateValidationSettings, null);
+    },
+    validate: function () {
+      var _validate = (0, _asyncToGenerator2.default)( /*#__PURE__*/(0, _regeneratorRuntime2.default)().mark(function _callee(value, _ref2) {
+        var _field$settings;
+
+        var field, templates, _iterator, _step, _loop;
+
+        return (0, _regeneratorRuntime2.default)().wrap(function _callee$(_context2) {
+          while (1) {
+            switch (_context2.prev = _context2.next) {
+              case 0:
+                field = _ref2.field;
+                // This validator only runs for Dynamic Zone fields with `multipleValues=true`.
+                templates = ((_field$settings = field.settings) === null || _field$settings === void 0 ? void 0 : _field$settings.templates) || [];
+                _iterator = (0, _createForOfIteratorHelper2.default)(templates);
+                _context2.prev = 3;
+                _loop = /*#__PURE__*/(0, _regeneratorRuntime2.default)().mark(function _loop() {
+                  var template, validationRules, templateValue, validators, _iterator2, _step2, validator, messageWithTemplate;
+
+                  return (0, _regeneratorRuntime2.default)().wrap(function _loop$(_context) {
+                    while (1) {
+                      switch (_context.prev = _context.next) {
+                        case 0:
+                          template = _step.value;
+                          validationRules = template.validation || [];
+                          templateValue = (value || []).filter(function (v) {
+                            return v._templateId === template.id;
+                          });
+                          validators = (0, _createValidators.createValidators)(field, validationRules);
+                          _iterator2 = (0, _createForOfIteratorHelper2.default)(validators);
+                          _context.prev = 5;
+
+                          _iterator2.s();
+
+                        case 7:
+                          if ((_step2 = _iterator2.n()).done) {
+                            _context.next = 20;
+                            break;
+                          }
+
+                          validator = _step2.value;
+                          _context.prev = 9;
+                          _context.next = 12;
+                          return validator(templateValue);
+
+                        case 12:
+                          _context.next = 18;
+                          break;
+
+                        case 14:
+                          _context.prev = 14;
+                          _context.t0 = _context["catch"](9);
+                          messageWithTemplate = _context.t0.message.replace(/\{templateName\}/g, template.name);
+                          throw new Error(messageWithTemplate);
+
+                        case 18:
+                          _context.next = 7;
+                          break;
+
+                        case 20:
+                          _context.next = 25;
+                          break;
+
+                        case 22:
+                          _context.prev = 22;
+                          _context.t1 = _context["catch"](5);
+
+                          _iterator2.e(_context.t1);
+
+                        case 25:
+                          _context.prev = 25;
+
+                          _iterator2.f();
+
+                          return _context.finish(25);
+
+                        case 28:
+                        case "end":
+                          return _context.stop();
+                      }
+                    }
+                  }, _loop, null, [[5, 22, 25, 28], [9, 14]]);
+                });
+
+                _iterator.s();
+
+              case 6:
+                if ((_step = _iterator.n()).done) {
+                  _context2.next = 10;
+                  break;
+                }
+
+                return _context2.delegateYield(_loop(), "t0", 8);
+
+              case 8:
+                _context2.next = 6;
+                break;
+
+              case 10:
+                _context2.next = 15;
+                break;
+
+              case 12:
+                _context2.prev = 12;
+                _context2.t1 = _context2["catch"](3);
+
+                _iterator.e(_context2.t1);
+
+              case 15:
+                _context2.prev = 15;
+
+                _iterator.f();
+
+                return _context2.finish(15);
+
+              case 18:
+              case "end":
+                return _context2.stop();
+            }
+          }
+        }, _callee, null, [[3, 12, 15, 18]]);
+      }));
+
+      function validate(_x, _x2) {
+        return _validate.apply(this, arguments);
+      }
+
+      return validate;
+    }()
+  }
+};
+exports.dynamicZoneFieldValidator = dynamicZoneFieldValidator;

package/admin/plugins/fieldValidators/dynamicZone.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["TemplateValidationSettings","useModelField","field","validators","commonValidators","map","validator","variables","name","description","templates","value","template","index","icon","split","undefined","id","v","CmsModelFieldValidatorConfigAdapter","dynamicZoneFieldValidator","type","label","defaultMessage","renderCustomUi","validate","settings","validationRules","validation","templateValue","filter","_templateId","createValidators","messageWithTemplate","message","replace","Error"],"sources":["dynamicZone.tsx"],"sourcesContent":["import React from \"react\";\nimport { FontAwesomeIcon, FontAwesomeIconProps } from \"@fortawesome/react-fontawesome\";\nimport { AccordionItem } from \"@webiny/ui/Accordion\";\nimport { Bind } from \"@webiny/form\";\nimport {\n    CmsDynamicZoneTemplate,\n    CmsModelFieldValidatorConfig,\n    CmsModelFieldValidatorPlugin\n} from \"~/types\";\nimport { ValidatorsList } from \"~/admin/components/FieldEditor/EditFieldDialog/ValidatorsList\";\nimport { createValidators } from \"~/utils/createValidators\";\nimport { CmsModelFieldValidatorConfigAdapter } from \"~/utils/CmsModelFieldValidatorConfigAdapter\";\nimport { useModelField } from \"~/admin/components/ModelFieldProvider\";\nimport { commonValidators } from \"~/admin/plugins/fields/dynamicZone/commonValidators\";\n\nfunction TemplateValidationSettings() {\n    const { field } = useModelField();\n\n    const validators: CmsModelFieldValidatorConfig[] = commonValidators.map(validator => {\n        return {\n            ...validator,\n            variables: [\n                ...(validator.variables || []),\n                {\n                    name: \"templateName\",\n                    description: \"This will be interpreted as the current template name.\"\n                }\n            ]\n        };\n    });\n\n    return (\n        <Bind<CmsDynamicZoneTemplate[]> name={\"settings.templates\"}>\n            {({ value: templates }) => {\n                return (\n                    <>\n                        {templates.map((template, index) => {\n                            const icon = template.icon\n                                ? (template.icon.split(\"/\") as FontAwesomeIconProps[\"icon\"])\n                                : undefined;\n\n                            return (\n                                <AccordionItem\n                                    key={template.id}\n                                    title={template.name}\n                                    description={template.description}\n                                    icon={icon ? <FontAwesomeIcon icon={icon} /> : undefined}\n                                >\n                                    <ValidatorsList\n                                        name={`settings.templates.${index}.validation`}\n                                        validators={validators.map(\n                                            v => new CmsModelFieldValidatorConfigAdapter(field, v)\n                                        )}\n                                    />\n                                </AccordionItem>\n                            );\n                        })}\n                    </>\n                );\n            }}\n        </Bind>\n    );\n}\n\ninterface TemplateValue {\n    _templateId: string;\n    [key: string]: any;\n}\n\nexport const dynamicZoneFieldValidator: CmsModelFieldValidatorPlugin = {\n    type: \"cms-model-field-validator\",\n    name: \"cms-editor-field-validator-dynamic-zone\",\n    validator: {\n        name: \"dynamicZone\",\n        label: \"\",\n        description: \"\",\n        defaultMessage: \"\",\n        renderCustomUi() {\n            return <TemplateValidationSettings />;\n        },\n        validate: async (value: TemplateValue[], { field }) => {\n            // This validator only runs for Dynamic Zone fields with `multipleValues=true`.\n            const templates = field.settings?.templates || [];\n            for (const template of templates) {\n                const validationRules = template.validation || [];\n                const templateValue = (value || []).filter(v => v._templateId === template.id);\n                const validators = createValidators(field, validationRules);\n                for (const validator of validators) {\n                    try {\n                        await validator(templateValue);\n                    } catch (e) {\n                        const messageWithTemplate = e.message.replace(\n                            /\\{templateName\\}/g,\n                            template.name\n                        );\n                        throw new Error(messageWithTemplate);\n                    }\n                }\n            }\n        }\n    }\n};\n"],"mappings":"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"}

package/admin/plugins/fieldValidators/gte.d.ts

@@ -1,3 +1,3 @@
-import { CmsEditorFieldValidatorPlugin } from "../../../types";
-declare const plugin: CmsEditorFieldValidatorPlugin;
+import { CmsModelFieldValidatorPlugin } from "../../../types";
+declare const plugin: CmsModelFieldValidatorPlugin;
 export default plugin;

package/admin/plugins/fieldValidators/gte.js

@@ -7,6 +7,10 @@ Object.defineProperty(exports, "__esModule", {
 });
 exports.default = void 0;
 
+var _regeneratorRuntime2 = _interopRequireDefault(require("@babel/runtime/helpers/regeneratorRuntime"));
+
+var _asyncToGenerator2 = _interopRequireDefault(require("@babel/runtime/helpers/asyncToGenerator"));
+
 var _react = _interopRequireDefault(require("react"));
 
 var _Grid = require("@webiny/ui/Grid");
@@ -15,19 +19,20 @@ var _Input = require("@webiny/ui/Input");
 
 var _validation = require("@webiny/validation");
 
+var _form = require("@webiny/form");
+
 var plugin = {
-  type: "cms-editor-field-validator",
+  type: "cms-model-field-validator",
   name: "cms-editor-field-validator-gte",
   validator: {
     name: "gte",
     label: "Greater or equal",
     description: "Entered value must be equal or greater than the provided max value.",
     defaultMessage: "Value is too small.",
-    renderSettings: function renderSettings(_ref) {
-      var Bind = _ref.Bind;
+    renderSettings: function renderSettings() {
       return /*#__PURE__*/_react.default.createElement(_Grid.Grid, null, /*#__PURE__*/_react.default.createElement(_Grid.Cell, {
         span: 12
-      }, /*#__PURE__*/_react.default.createElement(Bind, {
+      }, /*#__PURE__*/_react.default.createElement(_form.Bind, {
         name: "settings.value",
         validators: _validation.validation.create("required,numeric")
       }, /*#__PURE__*/_react.default.createElement(_Input.Input, {
@@ -35,7 +40,41 @@ var plugin = {
         label: "Value",
         description: "This is the greatest value that will be allowed"
       }))));
-    }
+    },
+    validate: function () {
+      var _validate = (0, _asyncToGenerator2.default)( /*#__PURE__*/(0, _regeneratorRuntime2.default)().mark(function _callee(value, _ref) {
+        var validator, gteValue;
+        return (0, _regeneratorRuntime2.default)().wrap(function _callee$(_context) {
+          while (1) {
+            switch (_context.prev = _context.next) {
+              case 0:
+                validator = _ref.validator;
+                gteValue = validator.settings.value;
+
+                if (!(typeof gteValue === "undefined")) {
+                  _context.next = 4;
+                  break;
+                }
+
+                return _context.abrupt("return", true);
+
+              case 4:
+                return _context.abrupt("return", _validation.validation.validate(value, "gte:".concat(gteValue)));
+
+              case 5:
+              case "end":
+                return _context.stop();
+            }
+          }
+        }, _callee);
+      }));
+
+      function validate(_x, _x2) {
+        return _validate.apply(this, arguments);
+      }
+
+      return validate;
+    }()
   }
 };
 var _default = plugin;

package/admin/plugins/fieldValidators/gte.js.map

@@ -1 +1 @@
-{"version":3,"names":["plugin","type","name","validator","label","description","defaultMessage","renderSettings","Bind","validation","create"],"sources":["gte.tsx"],"sourcesContent":["import React from \"react\";\nimport { Grid, Cell } from \"@webiny/ui/Grid\";\nimport { Input } from \"@webiny/ui/Input\";\nimport { validation } from \"@webiny/validation\";\nimport { CmsEditorFieldValidatorPlugin } from \"~/types\";\n\nconst plugin: CmsEditorFieldValidatorPlugin = {\n    type: \"cms-editor-field-validator\",\n    name: \"cms-editor-field-validator-gte\",\n    validator: {\n        name: \"gte\",\n        label: \"Greater or equal\",\n        description: \"Entered value must be equal or greater than the provided max value.\",\n        defaultMessage: \"Value is too small.\",\n        renderSettings({ Bind }) {\n            return (\n                <Grid>\n                    <Cell span={12}>\n                        <Bind\n                            name={\"settings.value\"}\n                            validators={validation.create(\"required,numeric\")}\n                        >\n                            <Input\n                                type={\"number\"}\n                                label={\"Value\"}\n                                description={\"This is the greatest value that will be allowed\"}\n                            />\n                        </Bind>\n                    </Cell>\n                </Grid>\n            );\n        }\n    }\n};\nexport default plugin;\n"],"mappings":";;;;;;;;;AAAA;;AACA;;AACA;;AACA;;AAGA,IAAMA,MAAqC,GAAG;EAC1CC,IAAI,EAAE,4BADoC;EAE1CC,IAAI,EAAE,gCAFoC;EAG1CC,SAAS,EAAE;IACPD,IAAI,EAAE,KADC;IAEPE,KAAK,EAAE,kBAFA;IAGPC,WAAW,EAAE,qEAHN;IAIPC,cAAc,EAAE,qBAJT;IAKPC,cALO,gCAKkB;MAAA,IAARC,IAAQ,QAARA,IAAQ;MACrB,oBACI,6BAAC,UAAD,qBACI,6BAAC,UAAD;QAAM,IAAI,EAAE;MAAZ,gBACI,6BAAC,IAAD;QACI,IAAI,EAAE,gBADV;QAEI,UAAU,EAAEC,sBAAA,CAAWC,MAAX,CAAkB,kBAAlB;MAFhB,gBAII,6BAAC,YAAD;QACI,IAAI,EAAE,QADV;QAEI,KAAK,EAAE,OAFX;QAGI,WAAW,EAAE;MAHjB,EAJJ,CADJ,CADJ,CADJ;IAgBH;EAtBM;AAH+B,CAA9C;eA4BeV,M"}
+{"version":3,"names":["plugin","type","name","validator","label","description","defaultMessage","renderSettings","validation","create","validate","value","gteValue","settings"],"sources":["gte.tsx"],"sourcesContent":["import React from \"react\";\nimport { Grid, Cell } from \"@webiny/ui/Grid\";\nimport { Input } from \"@webiny/ui/Input\";\nimport { validation } from \"@webiny/validation\";\nimport { CmsModelFieldValidatorPlugin } from \"~/types\";\nimport { Bind } from \"@webiny/form\";\n\nconst plugin: CmsModelFieldValidatorPlugin = {\n    type: \"cms-model-field-validator\",\n    name: \"cms-editor-field-validator-gte\",\n    validator: {\n        name: \"gte\",\n        label: \"Greater or equal\",\n        description: \"Entered value must be equal or greater than the provided max value.\",\n        defaultMessage: \"Value is too small.\",\n        renderSettings() {\n            return (\n                <Grid>\n                    <Cell span={12}>\n                        <Bind\n                            name={\"settings.value\"}\n                            validators={validation.create(\"required,numeric\")}\n                        >\n                            <Input\n                                type={\"number\"}\n                                label={\"Value\"}\n                                description={\"This is the greatest value that will be allowed\"}\n                            />\n                        </Bind>\n                    </Cell>\n                </Grid>\n            );\n        },\n        validate: async (value, { validator }) => {\n            const gteValue = validator.settings.value;\n            if (typeof gteValue === \"undefined\") {\n                return true;\n            }\n            return validation.validate(value, `gte:${gteValue}`);\n        }\n    }\n};\nexport default plugin;\n"],"mappings":";;;;;;;;;;;;;AAAA;;AACA;;AACA;;AACA;;AAEA;;AAEA,IAAMA,MAAoC,GAAG;EACzCC,IAAI,EAAE,2BADmC;EAEzCC,IAAI,EAAE,gCAFmC;EAGzCC,SAAS,EAAE;IACPD,IAAI,EAAE,KADC;IAEPE,KAAK,EAAE,kBAFA;IAGPC,WAAW,EAAE,qEAHN;IAIPC,cAAc,EAAE,qBAJT;IAKPC,cALO,4BAKU;MACb,oBACI,6BAAC,UAAD,qBACI,6BAAC,UAAD;QAAM,IAAI,EAAE;MAAZ,gBACI,6BAAC,UAAD;QACI,IAAI,EAAE,gBADV;QAEI,UAAU,EAAEC,sBAAA,CAAWC,MAAX,CAAkB,kBAAlB;MAFhB,gBAII,6BAAC,YAAD;QACI,IAAI,EAAE,QADV;QAEI,KAAK,EAAE,OAFX;QAGI,WAAW,EAAE;MAHjB,EAJJ,CADJ,CADJ,CADJ;IAgBH,CAtBM;IAuBPC,QAAQ;MAAA,uGAAE,iBAAOC,KAAP;QAAA;QAAA;UAAA;YAAA;cAAA;gBAAgBR,SAAhB,QAAgBA,SAAhB;gBACAS,QADA,GACWT,SAAS,CAACU,QAAV,CAAmBF,KAD9B;;gBAAA,MAEF,OAAOC,QAAP,KAAoB,WAFlB;kBAAA;kBAAA;gBAAA;;gBAAA,iCAGK,IAHL;;cAAA;gBAAA,iCAKCJ,sBAAA,CAAWE,QAAX,CAAoBC,KAApB,gBAAkCC,QAAlC,EALD;;cAAA;cAAA;gBAAA;YAAA;UAAA;QAAA;MAAA,CAAF;;MAAA;QAAA;MAAA;;MAAA;IAAA;EAvBD;AAH8B,CAA7C;eAmCeZ,M"}

package/admin/plugins/fieldValidators/in.d.ts

@@ -1,3 +1,3 @@
-import { CmsEditorFieldValidatorPlugin } from "../../../types";
-declare const plugin: CmsEditorFieldValidatorPlugin;
+import { CmsModelFieldValidatorPlugin } from "../../../types";
+declare const plugin: CmsModelFieldValidatorPlugin;
 export default plugin;

package/admin/plugins/fieldValidators/in.js

@@ -7,6 +7,10 @@ Object.defineProperty(exports, "__esModule", {
 });
 exports.default = void 0;
 
+var _regeneratorRuntime2 = _interopRequireDefault(require("@babel/runtime/helpers/regeneratorRuntime"));
+
+var _asyncToGenerator2 = _interopRequireDefault(require("@babel/runtime/helpers/asyncToGenerator"));
+
 var _react = _interopRequireDefault(require("react"));
 
 var _Grid = require("@webiny/ui/Grid");
@@ -15,26 +19,61 @@ var _Tags = require("@webiny/ui/Tags");
 
 var _validation = require("@webiny/validation");
 
+var _form = require("@webiny/form");
+
 var plugin = {
-  type: "cms-editor-field-validator",
+  type: "cms-model-field-validator",
   name: "cms-editor-field-validator-in",
   validator: {
     name: "in",
     label: "Specific values",
     description: "You won't be able to submit the form if the field value is not in the list of specified values",
     defaultMessage: "Value is not allowed.",
-    renderSettings: function renderSettings(_ref) {
-      var Bind = _ref.Bind;
+    renderSettings: function renderSettings() {
       return /*#__PURE__*/_react.default.createElement(_Grid.Grid, null, /*#__PURE__*/_react.default.createElement(_Grid.Cell, {
         span: 12
-      }, /*#__PURE__*/_react.default.createElement(Bind, {
+      }, /*#__PURE__*/_react.default.createElement(_form.Bind, {
         name: "settings.values",
         validators: _validation.validation.create("required")
       }, /*#__PURE__*/_react.default.createElement(_Tags.Tags, {
         label: "Allowed values",
         description: "Hit ENTER to add values"
       }))));
-    }
+    },
+    validate: function () {
+      var _validate = (0, _asyncToGenerator2.default)( /*#__PURE__*/(0, _regeneratorRuntime2.default)().mark(function _callee(value, _ref) {
+        var validator, values;
+        return (0, _regeneratorRuntime2.default)().wrap(function _callee$(_context) {
+          while (1) {
+            switch (_context.prev = _context.next) {
+              case 0:
+                validator = _ref.validator;
+                values = validator.settings.values;
+
+                if (!(Array.isArray(values) === false || values.length === 0)) {
+                  _context.next = 4;
+                  break;
+                }
+
+                return _context.abrupt("return", true);
+
+              case 4:
+                return _context.abrupt("return", _validation.validation.validate(value, "in:".concat(values.join(":"))));
+
+              case 5:
+              case "end":
+                return _context.stop();
+            }
+          }
+        }, _callee);
+      }));
+
+      function validate(_x, _x2) {
+        return _validate.apply(this, arguments);
+      }
+
+      return validate;
+    }()
   }
 };
 var _default = plugin;

package/admin/plugins/fieldValidators/in.js.map

@@ -1 +1 @@
-{"version":3,"names":["plugin","type","name","validator","label","description","defaultMessage","renderSettings","Bind","validation","create"],"sources":["in.tsx"],"sourcesContent":["import React from \"react\";\nimport { Grid, Cell } from \"@webiny/ui/Grid\";\nimport { Tags } from \"@webiny/ui/Tags\";\nimport { validation } from \"@webiny/validation\";\nimport { CmsEditorFieldValidatorPlugin } from \"~/types\";\n\nconst plugin: CmsEditorFieldValidatorPlugin = {\n    type: \"cms-editor-field-validator\",\n    name: \"cms-editor-field-validator-in\",\n    validator: {\n        name: \"in\",\n        label: \"Specific values\",\n        description:\n            \"You won't be able to submit the form if the field value is not in the list of specified values\",\n        defaultMessage: \"Value is not allowed.\",\n        renderSettings({ Bind }) {\n            return (\n                <Grid>\n                    <Cell span={12}>\n                        <Bind name={\"settings.values\"} validators={validation.create(\"required\")}>\n                            <Tags\n                                label={\"Allowed values\"}\n                                description={\"Hit ENTER to add values\"}\n                            />\n                        </Bind>\n                    </Cell>\n                </Grid>\n            );\n        }\n    }\n};\nexport default plugin;\n"],"mappings":";;;;;;;;;AAAA;;AACA;;AACA;;AACA;;AAGA,IAAMA,MAAqC,GAAG;EAC1CC,IAAI,EAAE,4BADoC;EAE1CC,IAAI,EAAE,+BAFoC;EAG1CC,SAAS,EAAE;IACPD,IAAI,EAAE,IADC;IAEPE,KAAK,EAAE,iBAFA;IAGPC,WAAW,EACP,gGAJG;IAKPC,cAAc,EAAE,uBALT;IAMPC,cANO,gCAMkB;MAAA,IAARC,IAAQ,QAARA,IAAQ;MACrB,oBACI,6BAAC,UAAD,qBACI,6BAAC,UAAD;QAAM,IAAI,EAAE;MAAZ,gBACI,6BAAC,IAAD;QAAM,IAAI,EAAE,iBAAZ;QAA+B,UAAU,EAAEC,sBAAA,CAAWC,MAAX,CAAkB,UAAlB;MAA3C,gBACI,6BAAC,UAAD;QACI,KAAK,EAAE,gBADX;QAEI,WAAW,EAAE;MAFjB,EADJ,CADJ,CADJ,CADJ;IAYH;EAnBM;AAH+B,CAA9C;eAyBeV,M"}
+{"version":3,"names":["plugin","type","name","validator","label","description","defaultMessage","renderSettings","validation","create","validate","value","values","settings","Array","isArray","length","join"],"sources":["in.tsx"],"sourcesContent":["import React from \"react\";\nimport { Grid, Cell } from \"@webiny/ui/Grid\";\nimport { Tags } from \"@webiny/ui/Tags\";\nimport { validation } from \"@webiny/validation\";\nimport { CmsModelFieldValidatorPlugin } from \"~/types\";\nimport { Bind } from \"@webiny/form\";\n\nconst plugin: CmsModelFieldValidatorPlugin = {\n    type: \"cms-model-field-validator\",\n    name: \"cms-editor-field-validator-in\",\n    validator: {\n        name: \"in\",\n        label: \"Specific values\",\n        description:\n            \"You won't be able to submit the form if the field value is not in the list of specified values\",\n        defaultMessage: \"Value is not allowed.\",\n        renderSettings() {\n            return (\n                <Grid>\n                    <Cell span={12}>\n                        <Bind name={\"settings.values\"} validators={validation.create(\"required\")}>\n                            <Tags\n                                label={\"Allowed values\"}\n                                description={\"Hit ENTER to add values\"}\n                            />\n                        </Bind>\n                    </Cell>\n                </Grid>\n            );\n        },\n        validate: async (value, { validator }) => {\n            const values = validator.settings.values;\n            if (Array.isArray(values) === false || values.length === 0) {\n                return true;\n            }\n            return validation.validate(value, `in:${values.join(\":\")}`);\n        }\n    }\n};\nexport default plugin;\n"],"mappings":";;;;;;;;;;;;;AAAA;;AACA;;AACA;;AACA;;AAEA;;AAEA,IAAMA,MAAoC,GAAG;EACzCC,IAAI,EAAE,2BADmC;EAEzCC,IAAI,EAAE,+BAFmC;EAGzCC,SAAS,EAAE;IACPD,IAAI,EAAE,IADC;IAEPE,KAAK,EAAE,iBAFA;IAGPC,WAAW,EACP,gGAJG;IAKPC,cAAc,EAAE,uBALT;IAMPC,cANO,4BAMU;MACb,oBACI,6BAAC,UAAD,qBACI,6BAAC,UAAD;QAAM,IAAI,EAAE;MAAZ,gBACI,6BAAC,UAAD;QAAM,IAAI,EAAE,iBAAZ;QAA+B,UAAU,EAAEC,sBAAA,CAAWC,MAAX,CAAkB,UAAlB;MAA3C,gBACI,6BAAC,UAAD;QACI,KAAK,EAAE,gBADX;QAEI,WAAW,EAAE;MAFjB,EADJ,CADJ,CADJ,CADJ;IAYH,CAnBM;IAoBPC,QAAQ;MAAA,uGAAE,iBAAOC,KAAP;QAAA;QAAA;UAAA;YAAA;cAAA;gBAAgBR,SAAhB,QAAgBA,SAAhB;gBACAS,MADA,GACST,SAAS,CAACU,QAAV,CAAmBD,MAD5B;;gBAAA,MAEFE,KAAK,CAACC,OAAN,CAAcH,MAAd,MAA0B,KAA1B,IAAmCA,MAAM,CAACI,MAAP,KAAkB,CAFnD;kBAAA;kBAAA;gBAAA;;gBAAA,iCAGK,IAHL;;cAAA;gBAAA,iCAKCR,sBAAA,CAAWE,QAAX,CAAoBC,KAApB,eAAiCC,MAAM,CAACK,IAAP,CAAY,GAAZ,CAAjC,EALD;;cAAA;cAAA;gBAAA;YAAA;UAAA;QAAA;MAAA,CAAF;;MAAA;QAAA;MAAA;;MAAA;IAAA;EApBD;AAH8B,CAA7C;eAgCejB,M"}

package/admin/plugins/fieldValidators/lte.d.ts

@@ -1,3 +1,3 @@
-import { CmsEditorFieldValidatorPlugin } from "../../../types";
-declare const plugin: CmsEditorFieldValidatorPlugin;
+import { CmsModelFieldValidatorPlugin } from "../../../types";
+declare const plugin: CmsModelFieldValidatorPlugin;
 export default plugin;

package/admin/plugins/fieldValidators/lte.js

@@ -7,6 +7,10 @@ Object.defineProperty(exports, "__esModule", {
 });
 exports.default = void 0;
 
+var _regeneratorRuntime2 = _interopRequireDefault(require("@babel/runtime/helpers/regeneratorRuntime"));
+
+var _asyncToGenerator2 = _interopRequireDefault(require("@babel/runtime/helpers/asyncToGenerator"));
+
 var _react = _interopRequireDefault(require("react"));
 
 var _Grid = require("@webiny/ui/Grid");
@@ -15,19 +19,20 @@ var _Input = require("@webiny/ui/Input");
 
 var _validation = require("@webiny/validation");
 
+var _form = require("@webiny/form");
+
 var plugin = {
-  type: "cms-editor-field-validator",
+  type: "cms-model-field-validator",
   name: "cms-editor-field-validator-lte",
   validator: {
     name: "lte",
     label: "Smaller or equal",
     description: "Entered value must be equal or lower than the provided min value.",
     defaultMessage: "Value is too great.",
-    renderSettings: function renderSettings(_ref) {
-      var Bind = _ref.Bind;
+    renderSettings: function renderSettings() {
       return /*#__PURE__*/_react.default.createElement(_Grid.Grid, null, /*#__PURE__*/_react.default.createElement(_Grid.Cell, {
         span: 12
-      }, /*#__PURE__*/_react.default.createElement(Bind, {
+      }, /*#__PURE__*/_react.default.createElement(_form.Bind, {
         name: "settings.value",
         validators: _validation.validation.create("required,numeric")
       }, /*#__PURE__*/_react.default.createElement(_Input.Input, {
@@ -35,7 +40,41 @@ var plugin = {
         label: "Value",
         description: "This is the greatest value that will be allowed"
       }))));
-    }
+    },
+    validate: function () {
+      var _validate = (0, _asyncToGenerator2.default)( /*#__PURE__*/(0, _regeneratorRuntime2.default)().mark(function _callee(value, _ref) {
+        var validator, lteValue;
+        return (0, _regeneratorRuntime2.default)().wrap(function _callee$(_context) {
+          while (1) {
+            switch (_context.prev = _context.next) {
+              case 0:
+                validator = _ref.validator;
+                lteValue = validator.settings.value;
+
+                if (!(typeof lteValue === "undefined")) {
+                  _context.next = 4;
+                  break;
+                }
+
+                return _context.abrupt("return", true);
+
+              case 4:
+                return _context.abrupt("return", _validation.validation.validate(value, "lte:".concat(lteValue)));
+
+              case 5:
+              case "end":
+                return _context.stop();
+            }
+          }
+        }, _callee);
+      }));
+
+      function validate(_x, _x2) {
+        return _validate.apply(this, arguments);
+      }
+
+      return validate;
+    }()
   }
 };
 var _default = plugin;

package/admin/plugins/fieldValidators/lte.js.map

@@ -1 +1 @@
-{"version":3,"names":["plugin","type","name","validator","label","description","defaultMessage","renderSettings","Bind","validation","create"],"sources":["lte.tsx"],"sourcesContent":["import React from \"react\";\nimport { Grid, Cell } from \"@webiny/ui/Grid\";\nimport { Input } from \"@webiny/ui/Input\";\nimport { validation } from \"@webiny/validation\";\nimport { CmsEditorFieldValidatorPlugin } from \"~/types\";\n\nconst plugin: CmsEditorFieldValidatorPlugin = {\n    type: \"cms-editor-field-validator\",\n    name: \"cms-editor-field-validator-lte\",\n    validator: {\n        name: \"lte\",\n        label: \"Smaller or equal\",\n        description: \"Entered value must be equal or lower than the provided min value.\",\n        defaultMessage: \"Value is too great.\",\n        renderSettings({ Bind }) {\n            return (\n                <Grid>\n                    <Cell span={12}>\n                        <Bind\n                            name={\"settings.value\"}\n                            validators={validation.create(\"required,numeric\")}\n                        >\n                            <Input\n                                type={\"number\"}\n                                label={\"Value\"}\n                                description={\"This is the greatest value that will be allowed\"}\n                            />\n                        </Bind>\n                    </Cell>\n                </Grid>\n            );\n        }\n    }\n};\nexport default plugin;\n"],"mappings":";;;;;;;;;AAAA;;AACA;;AACA;;AACA;;AAGA,IAAMA,MAAqC,GAAG;EAC1CC,IAAI,EAAE,4BADoC;EAE1CC,IAAI,EAAE,gCAFoC;EAG1CC,SAAS,EAAE;IACPD,IAAI,EAAE,KADC;IAEPE,KAAK,EAAE,kBAFA;IAGPC,WAAW,EAAE,mEAHN;IAIPC,cAAc,EAAE,qBAJT;IAKPC,cALO,gCAKkB;MAAA,IAARC,IAAQ,QAARA,IAAQ;MACrB,oBACI,6BAAC,UAAD,qBACI,6BAAC,UAAD;QAAM,IAAI,EAAE;MAAZ,gBACI,6BAAC,IAAD;QACI,IAAI,EAAE,gBADV;QAEI,UAAU,EAAEC,sBAAA,CAAWC,MAAX,CAAkB,kBAAlB;MAFhB,gBAII,6BAAC,YAAD;QACI,IAAI,EAAE,QADV;QAEI,KAAK,EAAE,OAFX;QAGI,WAAW,EAAE;MAHjB,EAJJ,CADJ,CADJ,CADJ;IAgBH;EAtBM;AAH+B,CAA9C;eA4BeV,M"}
+{"version":3,"names":["plugin","type","name","validator","label","description","defaultMessage","renderSettings","validation","create","validate","value","lteValue","settings"],"sources":["lte.tsx"],"sourcesContent":["import React from \"react\";\nimport { Grid, Cell } from \"@webiny/ui/Grid\";\nimport { Input } from \"@webiny/ui/Input\";\nimport { validation } from \"@webiny/validation\";\nimport { CmsModelFieldValidatorPlugin } from \"~/types\";\nimport { Bind } from \"@webiny/form\";\n\nconst plugin: CmsModelFieldValidatorPlugin = {\n    type: \"cms-model-field-validator\",\n    name: \"cms-editor-field-validator-lte\",\n    validator: {\n        name: \"lte\",\n        label: \"Smaller or equal\",\n        description: \"Entered value must be equal or lower than the provided min value.\",\n        defaultMessage: \"Value is too great.\",\n        renderSettings() {\n            return (\n                <Grid>\n                    <Cell span={12}>\n                        <Bind\n                            name={\"settings.value\"}\n                            validators={validation.create(\"required,numeric\")}\n                        >\n                            <Input\n                                type={\"number\"}\n                                label={\"Value\"}\n                                description={\"This is the greatest value that will be allowed\"}\n                            />\n                        </Bind>\n                    </Cell>\n                </Grid>\n            );\n        },\n        validate: async (value, { validator }) => {\n            const lteValue = validator.settings.value;\n            if (typeof lteValue === \"undefined\") {\n                return true;\n            }\n            return validation.validate(value, `lte:${lteValue}`);\n        }\n    }\n};\nexport default plugin;\n"],"mappings":";;;;;;;;;;;;;AAAA;;AACA;;AACA;;AACA;;AAEA;;AAEA,IAAMA,MAAoC,GAAG;EACzCC,IAAI,EAAE,2BADmC;EAEzCC,IAAI,EAAE,gCAFmC;EAGzCC,SAAS,EAAE;IACPD,IAAI,EAAE,KADC;IAEPE,KAAK,EAAE,kBAFA;IAGPC,WAAW,EAAE,mEAHN;IAIPC,cAAc,EAAE,qBAJT;IAKPC,cALO,4BAKU;MACb,oBACI,6BAAC,UAAD,qBACI,6BAAC,UAAD;QAAM,IAAI,EAAE;MAAZ,gBACI,6BAAC,UAAD;QACI,IAAI,EAAE,gBADV;QAEI,UAAU,EAAEC,sBAAA,CAAWC,MAAX,CAAkB,kBAAlB;MAFhB,gBAII,6BAAC,YAAD;QACI,IAAI,EAAE,QADV;QAEI,KAAK,EAAE,OAFX;QAGI,WAAW,EAAE;MAHjB,EAJJ,CADJ,CADJ,CADJ;IAgBH,CAtBM;IAuBPC,QAAQ;MAAA,uGAAE,iBAAOC,KAAP;QAAA;QAAA;UAAA;YAAA;cAAA;gBAAgBR,SAAhB,QAAgBA,SAAhB;gBACAS,QADA,GACWT,SAAS,CAACU,QAAV,CAAmBF,KAD9B;;gBAAA,MAEF,OAAOC,QAAP,KAAoB,WAFlB;kBAAA;kBAAA;gBAAA;;gBAAA,iCAGK,IAHL;;cAAA;gBAAA,iCAKCJ,sBAAA,CAAWE,QAAX,CAAoBC,KAApB,gBAAkCC,QAAlC,EALD;;cAAA;cAAA;gBAAA;YAAA;UAAA;QAAA;MAAA,CAAF;;MAAA;QAAA;MAAA;;MAAA;IAAA;EAvBD;AAH8B,CAA7C;eAmCeZ,M"}

package/admin/plugins/fieldValidators/maxLength.d.ts

@@ -1,3 +1,3 @@
-import { CmsEditorFieldValidatorPlugin } from "../../../types";
-declare const plugin: CmsEditorFieldValidatorPlugin;
+import { CmsModelFieldValidatorPlugin } from "../../../types";
+declare const plugin: CmsModelFieldValidatorPlugin;
 export default plugin;

package/admin/plugins/fieldValidators/maxLength.js

@@ -7,6 +7,10 @@ Object.defineProperty(exports, "__esModule", {
 });
 exports.default = void 0;
 
+var _regeneratorRuntime2 = _interopRequireDefault(require("@babel/runtime/helpers/regeneratorRuntime"));
+
+var _asyncToGenerator2 = _interopRequireDefault(require("@babel/runtime/helpers/asyncToGenerator"));
+
 var _react = _interopRequireDefault(require("react"));
 
 var _Grid = require("@webiny/ui/Grid");
@@ -15,27 +19,72 @@ var _Input = require("@webiny/ui/Input");
 
 var _validation = require("@webiny/validation");
 
+var _form = require("@webiny/form");
+
 var plugin = {
-  type: "cms-editor-field-validator",
+  type: "cms-model-field-validator",
   name: "cms-editor-field-validator-max-length",
   validator: {
     name: "maxLength",
     label: "Max length",
     description: "Entered value must not be longer than the provided max length.",
     defaultMessage: "Value is too long.",
-    renderSettings: function renderSettings(_ref) {
-      var Bind = _ref.Bind;
+    variables: [{
+      name: "value",
+      description: "This is the minimum allowed length."
+    }],
+    getVariableValues: function getVariableValues(_ref) {
+      var validator = _ref.validator;
+      return {
+        value: validator.settings.value
+      };
+    },
+    renderSettings: function renderSettings(config) {
       return /*#__PURE__*/_react.default.createElement(_Grid.Grid, null, /*#__PURE__*/_react.default.createElement(_Grid.Cell, {
         span: 12
-      }, /*#__PURE__*/_react.default.createElement(Bind, {
+      }, /*#__PURE__*/_react.default.createElement(_form.Bind, {
         name: "settings.value",
         validators: _validation.validation.create("required,numeric")
       }, /*#__PURE__*/_react.default.createElement(_Input.Input, {
         type: "number",
         label: "Value",
-        description: "This is the maximum allowed length."
+        description: config.getVariableDescription("value")
       }))));
-    }
+    },
+    validate: function () {
+      var _validate = (0, _asyncToGenerator2.default)( /*#__PURE__*/(0, _regeneratorRuntime2.default)().mark(function _callee(value, _ref2) {
+        var validator, maxLengthValue;
+        return (0, _regeneratorRuntime2.default)().wrap(function _callee$(_context) {
+          while (1) {
+            switch (_context.prev = _context.next) {
+              case 0:
+                validator = _ref2.validator;
+                maxLengthValue = validator.settings.value;
+
+                if (!(typeof maxLengthValue === "undefined")) {
+                  _context.next = 4;
+                  break;
+                }
+
+                return _context.abrupt("return", true);
+
+              case 4:
+                return _context.abrupt("return", _validation.validation.validate(value, "maxLength:".concat(maxLengthValue)));
+
+              case 5:
+              case "end":
+                return _context.stop();
+            }
+          }
+        }, _callee);
+      }));
+
+      function validate(_x, _x2) {
+        return _validate.apply(this, arguments);
+      }
+
+      return validate;
+    }()
   }
 };
 var _default = plugin;

package/admin/plugins/fieldValidators/maxLength.js.map

@@ -1 +1 @@
-{"version":3,"names":["plugin","type","name","validator","label","description","defaultMessage","renderSettings","Bind","validation","create"],"sources":["maxLength.tsx"],"sourcesContent":["import React from \"react\";\nimport { Grid, Cell } from \"@webiny/ui/Grid\";\nimport { Input } from \"@webiny/ui/Input\";\nimport { validation } from \"@webiny/validation\";\nimport { CmsEditorFieldValidatorPlugin } from \"~/types\";\n\nconst plugin: CmsEditorFieldValidatorPlugin = {\n    type: \"cms-editor-field-validator\",\n    name: \"cms-editor-field-validator-max-length\",\n    validator: {\n        name: \"maxLength\",\n        label: \"Max length\",\n        description: \"Entered value must not be longer than the provided max length.\",\n        defaultMessage: \"Value is too long.\",\n        renderSettings({ Bind }) {\n            return (\n                <Grid>\n                    <Cell span={12}>\n                        <Bind\n                            name={\"settings.value\"}\n                            validators={validation.create(\"required,numeric\")}\n                        >\n                            <Input\n                                type={\"number\"}\n                                label={\"Value\"}\n                                description={\"This is the maximum allowed length.\"}\n                            />\n                        </Bind>\n                    </Cell>\n                </Grid>\n            );\n        }\n    }\n};\nexport default plugin;\n"],"mappings":";;;;;;;;;AAAA;;AACA;;AACA;;AACA;;AAGA,IAAMA,MAAqC,GAAG;EAC1CC,IAAI,EAAE,4BADoC;EAE1CC,IAAI,EAAE,uCAFoC;EAG1CC,SAAS,EAAE;IACPD,IAAI,EAAE,WADC;IAEPE,KAAK,EAAE,YAFA;IAGPC,WAAW,EAAE,gEAHN;IAIPC,cAAc,EAAE,oBAJT;IAKPC,cALO,gCAKkB;MAAA,IAARC,IAAQ,QAARA,IAAQ;MACrB,oBACI,6BAAC,UAAD,qBACI,6BAAC,UAAD;QAAM,IAAI,EAAE;MAAZ,gBACI,6BAAC,IAAD;QACI,IAAI,EAAE,gBADV;QAEI,UAAU,EAAEC,sBAAA,CAAWC,MAAX,CAAkB,kBAAlB;MAFhB,gBAII,6BAAC,YAAD;QACI,IAAI,EAAE,QADV;QAEI,KAAK,EAAE,OAFX;QAGI,WAAW,EAAE;MAHjB,EAJJ,CADJ,CADJ,CADJ;IAgBH;EAtBM;AAH+B,CAA9C;eA4BeV,M"}
+{"version":3,"names":["plugin","type","name","validator","label","description","defaultMessage","variables","getVariableValues","value","settings","renderSettings","config","validation","create","getVariableDescription","validate","maxLengthValue"],"sources":["maxLength.tsx"],"sourcesContent":["import React from \"react\";\nimport { Grid, Cell } from \"@webiny/ui/Grid\";\nimport { Input } from \"@webiny/ui/Input\";\nimport { validation } from \"@webiny/validation\";\nimport { CmsModelFieldValidatorPlugin } from \"~/types\";\nimport { Bind } from \"@webiny/form\";\n\nconst plugin: CmsModelFieldValidatorPlugin = {\n    type: \"cms-model-field-validator\",\n    name: \"cms-editor-field-validator-max-length\",\n    validator: {\n        name: \"maxLength\",\n        label: \"Max length\",\n        description: \"Entered value must not be longer than the provided max length.\",\n        defaultMessage: \"Value is too long.\",\n        variables: [{ name: \"value\", description: \"This is the minimum allowed length.\" }],\n        getVariableValues: ({ validator }) => {\n            return { value: validator.settings.value };\n        },\n        renderSettings(config) {\n            return (\n                <Grid>\n                    <Cell span={12}>\n                        <Bind\n                            name={\"settings.value\"}\n                            validators={validation.create(\"required,numeric\")}\n                        >\n                            <Input\n                                type={\"number\"}\n                                label={\"Value\"}\n                                description={config.getVariableDescription(\"value\")}\n                            />\n                        </Bind>\n                    </Cell>\n                </Grid>\n            );\n        },\n        validate: async (value, { validator }) => {\n            const maxLengthValue = validator.settings.value;\n            if (typeof maxLengthValue === \"undefined\") {\n                return true;\n            }\n            return validation.validate(value, `maxLength:${maxLengthValue}`);\n        }\n    }\n};\nexport default plugin;\n"],"mappings":";;;;;;;;;;;;;AAAA;;AACA;;AACA;;AACA;;AAEA;;AAEA,IAAMA,MAAoC,GAAG;EACzCC,IAAI,EAAE,2BADmC;EAEzCC,IAAI,EAAE,uCAFmC;EAGzCC,SAAS,EAAE;IACPD,IAAI,EAAE,WADC;IAEPE,KAAK,EAAE,YAFA;IAGPC,WAAW,EAAE,gEAHN;IAIPC,cAAc,EAAE,oBAJT;IAKPC,SAAS,EAAE,CAAC;MAAEL,IAAI,EAAE,OAAR;MAAiBG,WAAW,EAAE;IAA9B,CAAD,CALJ;IAMPG,iBAAiB,EAAE,iCAAmB;MAAA,IAAhBL,SAAgB,QAAhBA,SAAgB;MAClC,OAAO;QAAEM,KAAK,EAAEN,SAAS,CAACO,QAAV,CAAmBD;MAA5B,CAAP;IACH,CARM;IASPE,cATO,0BASQC,MATR,EASgB;MACnB,oBACI,6BAAC,UAAD,qBACI,6BAAC,UAAD;QAAM,IAAI,EAAE;MAAZ,gBACI,6BAAC,UAAD;QACI,IAAI,EAAE,gBADV;QAEI,UAAU,EAAEC,sBAAA,CAAWC,MAAX,CAAkB,kBAAlB;MAFhB,gBAII,6BAAC,YAAD;QACI,IAAI,EAAE,QADV;QAEI,KAAK,EAAE,OAFX;QAGI,WAAW,EAAEF,MAAM,CAACG,sBAAP,CAA8B,OAA9B;MAHjB,EAJJ,CADJ,CADJ,CADJ;IAgBH,CA1BM;IA2BPC,QAAQ;MAAA,uGAAE,iBAAOP,KAAP;QAAA;QAAA;UAAA;YAAA;cAAA;gBAAgBN,SAAhB,SAAgBA,SAAhB;gBACAc,cADA,GACiBd,SAAS,CAACO,QAAV,CAAmBD,KADpC;;gBAAA,MAEF,OAAOQ,cAAP,KAA0B,WAFxB;kBAAA;kBAAA;gBAAA;;gBAAA,iCAGK,IAHL;;cAAA;gBAAA,iCAKCJ,sBAAA,CAAWG,QAAX,CAAoBP,KAApB,sBAAwCQ,cAAxC,EALD;;cAAA;cAAA;gBAAA;YAAA;UAAA;QAAA;MAAA,CAAF;;MAAA;QAAA;MAAA;;MAAA;IAAA;EA3BD;AAH8B,CAA7C;eAuCejB,M"}