@bigbinary/neeto-rules-frontend 2.5.15-beta → 2.5.15-beta-3

package/dist/NeetoRulesForm.js

@@ -63,7 +63,7 @@ import 'zustand';
 
 var e=[],t=[];function n(n,r){if(n&&"undefined"!=typeof document){var a,s=!0===r.prepend?"prepend":"append",d=!0===r.singleTag,i="string"==typeof r.container?document.querySelector(r.container):document.getElementsByTagName("head")[0];if(d){var u=e.indexOf(i);-1===u&&(u=e.push(i)-1,t[u]={}),a=t[u]&&t[u][s]?t[u][s]:t[u][s]=c();}else a=c();65279===n.charCodeAt(0)&&(n=n.substring(1)),a.styleSheet?a.styleSheet.cssText+=n:a.appendChild(document.createTextNode(n));}function c(){var e=document.createElement("style");if(e.setAttribute("type","text/css"),r.attributes)for(var t=Object.keys(r.attributes),n=0;n<t.length;n++)e.setAttribute(t[n],r.attributes[t[n]]);var a="prepend"===s?"afterbegin":"beforeend";return i.insertAdjacentElement(a,e),e}}
 
-var css = ".neeto-filters-error-boundary{align-items:center;background-color:rgb(var(--neeto-ui-gray-100));border-radius:var(--neeto-ui-rounded-sm);display:flex;gap:1rem;margin-bottom:.75rem;padding:.5rem 1.25rem}.neeto-filters-error-boundary p{color:rgb(var(--neeto-ui-gray-800))}.neeto-rules-main-content__container{height:100dvh!important}.neeto-rules-main-card .neeto-ui-btn.underline{text-align:left}.neeto-rules-side-panel{flex-grow:0;flex-shrink:0;z-index:calc(var(--neeto-ui-modal-z-index) + 1)}.neeto-rules-side-panel--small{width:320px}@media (min-width:1024px){.neeto-rules-side-panel--small{width:380px}}.neeto-rules-side-panel--large{width:380px}@media (min-width:1024px){.neeto-rules-side-panel--large{width:480px}}\n/*# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbImFwcC9qYXZhc2NyaXB0L3NyYy9zdHlsZXNoZWV0cy9jb21wb25lbnRzL19lcnJvci1ib3VuZGFyeS5zY3NzIiwiYXBwL2phdmFzY3JpcHQvc3JjL3N0eWxlc2hlZXRzL21haW4uc2NzcyIsImFwcC9qYXZhc2NyaXB0L3NyYy9zdHlsZXNoZWV0cy9jb21wb25lbnRzL19sYXlvdXQuc2NzcyIsImFwcC9qYXZhc2NyaXB0L3NyYy9zdHlsZXNoZWV0cy9jb21wb25lbnRzL19wYW5lLnNjc3MiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsOEJBSUUsa0JBQUEsQ0FHQSw4Q0FBQSxDQURBLHdDQUFBLENBSEEsWUFBQSxDQUVBLFFBQUEsQ0FIQSxvQkFBQSxDQURBLHFCQ09GLENEQ0UsZ0NBQ0UsbUNDQ0osQ0NYQSxxQ0FDRSx1QkRjRixDQ1hBLCtDQUNFLGVEY0YsQ0VuQkEsd0JBR0UsV0FBQSxDQURBLGFBQUEsQ0FEQSwrQ0Z3QkYsQ0VwQkUsK0JBQ0UsV0ZzQkosQ0VwQkksMEJBSEYsK0JBSUksV0Z1QkosQ0FDRixDRXBCRSwrQkFDRSxXRnNCSixDRXBCSSwwQkFIRiwrQkFJSSxXRnVCSixDQUNGIiwic291cmNlc0NvbnRlbnQiOlsiLm5lZXRvLWZpbHRlcnMtZXJyb3ItYm91bmRhcnkge1xuICBwYWRkaW5nOiAwLjVyZW0gMS4yNXJlbTtcbiAgbWFyZ2luLWJvdHRvbTogMC43NXJlbTtcbiAgZGlzcGxheTogZmxleDtcbiAgYWxpZ24taXRlbXM6IGNlbnRlcjtcbiAgZ2FwOiAxcmVtO1xuICBib3JkZXItcmFkaXVzOiB2YXIoLS1uZWV0by11aS1yb3VuZGVkLXNtKTtcbiAgYmFja2dyb3VuZC1jb2xvcjogcmdiKHZhcigtLW5lZXRvLXVpLWdyYXktMTAwKSk7XG5cbiAgcCB7XG4gICAgY29sb3I6IHJnYih2YXIoLS1uZWV0by11aS1ncmF5LTgwMCkpO1xuICB9XG59XG4iLCIubmVldG8tZmlsdGVycy1lcnJvci1ib3VuZGFyeSB7XG4gIHBhZGRpbmc6IDAuNXJlbSAxLjI1cmVtO1xuICBtYXJnaW4tYm90dG9tOiAwLjc1cmVtO1xuICBkaXNwbGF5OiBmbGV4O1xuICBhbGlnbi1pdGVtczogY2VudGVyO1xuICBnYXA6IDFyZW07XG4gIGJvcmRlci1yYWRpdXM6IHZhcigtLW5lZXRvLXVpLXJvdW5kZWQtc20pO1xuICBiYWNrZ3JvdW5kLWNvbG9yOiByZ2IodmFyKC0tbmVldG8tdWktZ3JheS0xMDApKTtcbn1cbi5uZWV0by1maWx0ZXJzLWVycm9yLWJvdW5kYXJ5IHAge1xuICBjb2xvcjogcmdiKHZhcigtLW5lZXRvLXVpLWdyYXktODAwKSk7XG59XG5cbi5uZWV0by1ydWxlcy1tYWluLWNvbnRlbnRfX2NvbnRhaW5lciB7XG4gIGhlaWdodDogMTAwZHZoICFpbXBvcnRhbnQ7XG59XG5cbi5uZWV0by1ydWxlcy1tYWluLWNhcmQgLm5lZXRvLXVpLWJ0bi51bmRlcmxpbmUge1xuICB0ZXh0LWFsaWduOiBsZWZ0O1xufVxuXG4ubmVldG8tcnVsZXMtc2lkZS1wYW5lbCB7XG4gIHotaW5kZXg6IGNhbGModmFyKC0tbmVldG8tdWktbW9kYWwtei1pbmRleCkgKyAxKTtcbiAgZmxleC1zaHJpbms6IDA7XG4gIGZsZXgtZ3JvdzogMDtcbn1cbi5uZWV0by1ydWxlcy1zaWRlLXBhbmVsLS1zbWFsbCB7XG4gIHdpZHRoOiAzMjBweDtcbn1cbkBtZWRpYSAobWluLXdpZHRoOiAxMDI0cHgpIHtcbiAgLm5lZXRvLXJ1bGVzLXNpZGUtcGFuZWwtLXNtYWxsIHtcbiAgICB3aWR0aDogMzgwcHg7XG4gIH1cbn1cbi5uZWV0by1ydWxlcy1zaWRlLXBhbmVsLS1sYXJnZSB7XG4gIHdpZHRoOiAzODBweDtcbn1cbkBtZWRpYSAobWluLXdpZHRoOiAxMDI0cHgpIHtcbiAgLm5lZXRvLXJ1bGVzLXNpZGUtcGFuZWwtLWxhcmdlIHtcbiAgICB3aWR0aDogNDgwcHg7XG4gIH1cbn0iLCIubmVldG8tcnVsZXMtbWFpbi1jb250ZW50X19jb250YWluZXIge1xuICBoZWlnaHQ6IDEwMGR2aCAhaW1wb3J0YW50O1xufVxuXG4ubmVldG8tcnVsZXMtbWFpbi1jYXJkIC5uZWV0by11aS1idG4udW5kZXJsaW5lIHtcbiAgdGV4dC1hbGlnbjogbGVmdDtcbn0iLCIubmVldG8tcnVsZXMtc2lkZS1wYW5lbCB7XG4gIHotaW5kZXg6IGNhbGModmFyKC0tbmVldG8tdWktbW9kYWwtei1pbmRleCkgKyAxKTtcbiAgZmxleC1zaHJpbms6IDA7XG4gIGZsZXgtZ3JvdzogMDtcblxuICAmLS1zbWFsbCB7XG4gICAgd2lkdGg6IDMyMHB4O1xuXG4gICAgQG1lZGlhIChtaW4td2lkdGg6IDEwMjRweCkge1xuICAgICAgd2lkdGg6IDM4MHB4O1xuICAgIH1cbiAgfVxuXG4gICYtLWxhcmdlIHtcbiAgICB3aWR0aDogMzgwcHg7XG5cbiAgICBAbWVkaWEgKG1pbi13aWR0aDogMTAyNHB4KSB7XG4gICAgICB3aWR0aDogNDgwcHg7XG4gICAgfVxuICB9XG59Il19 */";
+var css = ".neeto-filters-error-boundary{align-items:center;background-color:rgb(var(--neeto-ui-gray-100));border-radius:var(--neeto-ui-rounded-sm);display:flex;gap:1rem;margin-bottom:.75rem;padding:.5rem 1.25rem}.neeto-filters-error-boundary p{color:rgb(var(--neeto-ui-gray-800))}.neeto-rules-main-content__container{height:100dvh!important}.neeto-rules-main-card .neeto-ui-btn.underline{text-align:left}.neeto-rules-side-panel{flex-grow:0;flex-shrink:0}.neeto-rules-side-panel--small{width:320px}@media (min-width:1024px){.neeto-rules-side-panel--small{width:380px}}.neeto-rules-side-panel--large{width:380px}@media (min-width:1024px){.neeto-rules-side-panel--large{width:480px}}\n/*# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbImFwcC9qYXZhc2NyaXB0L3NyYy9zdHlsZXNoZWV0cy9jb21wb25lbnRzL19lcnJvci1ib3VuZGFyeS5zY3NzIiwiYXBwL2phdmFzY3JpcHQvc3JjL3N0eWxlc2hlZXRzL21haW4uc2NzcyIsImFwcC9qYXZhc2NyaXB0L3NyYy9zdHlsZXNoZWV0cy9jb21wb25lbnRzL19sYXlvdXQuc2NzcyIsImFwcC9qYXZhc2NyaXB0L3NyYy9zdHlsZXNoZWV0cy9jb21wb25lbnRzL19wYW5lLnNjc3MiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsOEJBSUUsa0JBQUEsQ0FHQSw4Q0FBQSxDQURBLHdDQUFBLENBSEEsWUFBQSxDQUVBLFFBQUEsQ0FIQSxvQkFBQSxDQURBLHFCQ09GLENEQ0UsZ0NBQ0UsbUNDQ0osQ0NYQSxxQ0FDRSx1QkRjRixDQ1hBLCtDQUNFLGVEY0YsQ0VuQkEsd0JBRUUsV0FBQSxDQURBLGFGdUJGLENFcEJFLCtCQUNFLFdGc0JKLENFcEJJLDBCQUhGLCtCQUlJLFdGdUJKLENBQ0YsQ0VwQkUsK0JBQ0UsV0ZzQkosQ0VwQkksMEJBSEYsK0JBSUksV0Z1QkosQ0FDRiIsInNvdXJjZXNDb250ZW50IjpbIi5uZWV0by1maWx0ZXJzLWVycm9yLWJvdW5kYXJ5IHtcbiAgcGFkZGluZzogMC41cmVtIDEuMjVyZW07XG4gIG1hcmdpbi1ib3R0b206IDAuNzVyZW07XG4gIGRpc3BsYXk6IGZsZXg7XG4gIGFsaWduLWl0ZW1zOiBjZW50ZXI7XG4gIGdhcDogMXJlbTtcbiAgYm9yZGVyLXJhZGl1czogdmFyKC0tbmVldG8tdWktcm91bmRlZC1zbSk7XG4gIGJhY2tncm91bmQtY29sb3I6IHJnYih2YXIoLS1uZWV0by11aS1ncmF5LTEwMCkpO1xuXG4gIHAge1xuICAgIGNvbG9yOiByZ2IodmFyKC0tbmVldG8tdWktZ3JheS04MDApKTtcbiAgfVxufVxuIiwiLm5lZXRvLWZpbHRlcnMtZXJyb3ItYm91bmRhcnkge1xuICBwYWRkaW5nOiAwLjVyZW0gMS4yNXJlbTtcbiAgbWFyZ2luLWJvdHRvbTogMC43NXJlbTtcbiAgZGlzcGxheTogZmxleDtcbiAgYWxpZ24taXRlbXM6IGNlbnRlcjtcbiAgZ2FwOiAxcmVtO1xuICBib3JkZXItcmFkaXVzOiB2YXIoLS1uZWV0by11aS1yb3VuZGVkLXNtKTtcbiAgYmFja2dyb3VuZC1jb2xvcjogcmdiKHZhcigtLW5lZXRvLXVpLWdyYXktMTAwKSk7XG59XG4ubmVldG8tZmlsdGVycy1lcnJvci1ib3VuZGFyeSBwIHtcbiAgY29sb3I6IHJnYih2YXIoLS1uZWV0by11aS1ncmF5LTgwMCkpO1xufVxuXG4ubmVldG8tcnVsZXMtbWFpbi1jb250ZW50X19jb250YWluZXIge1xuICBoZWlnaHQ6IDEwMGR2aCAhaW1wb3J0YW50O1xufVxuXG4ubmVldG8tcnVsZXMtbWFpbi1jYXJkIC5uZWV0by11aS1idG4udW5kZXJsaW5lIHtcbiAgdGV4dC1hbGlnbjogbGVmdDtcbn1cblxuLm5lZXRvLXJ1bGVzLXNpZGUtcGFuZWwge1xuICBmbGV4LXNocmluazogMDtcbiAgZmxleC1ncm93OiAwO1xufVxuLm5lZXRvLXJ1bGVzLXNpZGUtcGFuZWwtLXNtYWxsIHtcbiAgd2lkdGg6IDMyMHB4O1xufVxuQG1lZGlhIChtaW4td2lkdGg6IDEwMjRweCkge1xuICAubmVldG8tcnVsZXMtc2lkZS1wYW5lbC0tc21hbGwge1xuICAgIHdpZHRoOiAzODBweDtcbiAgfVxufVxuLm5lZXRvLXJ1bGVzLXNpZGUtcGFuZWwtLWxhcmdlIHtcbiAgd2lkdGg6IDM4MHB4O1xufVxuQG1lZGlhIChtaW4td2lkdGg6IDEwMjRweCkge1xuICAubmVldG8tcnVsZXMtc2lkZS1wYW5lbC0tbGFyZ2Uge1xuICAgIHdpZHRoOiA0ODBweDtcbiAgfVxufSIsIi5uZWV0by1ydWxlcy1tYWluLWNvbnRlbnRfX2NvbnRhaW5lciB7XG4gIGhlaWdodDogMTAwZHZoICFpbXBvcnRhbnQ7XG59XG5cbi5uZWV0by1ydWxlcy1tYWluLWNhcmQgLm5lZXRvLXVpLWJ0bi51bmRlcmxpbmUge1xuICB0ZXh0LWFsaWduOiBsZWZ0O1xufSIsIi5uZWV0by1ydWxlcy1zaWRlLXBhbmVsIHtcbiAgZmxleC1zaHJpbms6IDA7XG4gIGZsZXgtZ3JvdzogMDtcblxuICAmLS1zbWFsbCB7XG4gICAgd2lkdGg6IDMyMHB4O1xuXG4gICAgQG1lZGlhIChtaW4td2lkdGg6IDEwMjRweCkge1xuICAgICAgd2lkdGg6IDM4MHB4O1xuICAgIH1cbiAgfVxuXG4gICYtLWxhcmdlIHtcbiAgICB3aWR0aDogMzgwcHg7XG5cbiAgICBAbWVkaWEgKG1pbi13aWR0aDogMTAyNHB4KSB7XG4gICAgICB3aWR0aDogNDgwcHg7XG4gICAgfVxuICB9XG59Il19 */";
 n(css,{});
 
 var useActiveField = function useActiveField(name) {
@@ -1271,7 +1271,7 @@ var Input = function Input(_ref2) {
   return /*#__PURE__*/jsx(Input$1, {
     ref: ref,
     className: "my-auto",
-    label: t("neetoRules.form.addValue"),
+    label: t("neetoRules.labels.value"),
     name: "".concat(name, ".value"),
     placeholder: t("neetoRules.placeholders.value"),
     size: "small",
@@ -1767,7 +1767,7 @@ var MultiSelectCheckbox$1 = function MultiSelectCheckbox(_ref2) {
 MultiSelectCheckbox$1.Target = Target$a;
 
 var Target$9 = function Target(_ref) {
-  var _selectedField$separa;
+  var _selectedField$placeh, _selectedField$separa;
   var name = _ref.name,
     selectedField = _ref.selectedField,
     onClick = _ref.onClick,
@@ -1781,7 +1781,7 @@ var Target$9 = function Target(_ref) {
   var _useActiveField = useActiveField(name),
     isFieldActive = _useActiveField.isFieldActive,
     setFieldActive = _useActiveField.setFieldActive;
-  var defaultLabel = (selectedField === null || selectedField === void 0 ? void 0 : selectedField.placeholder) || t("neetoRules.form.note");
+  var defaultLabel = (selectedField === null || selectedField === void 0 || (_selectedField$placeh = selectedField.placeholder) === null || _selectedField$placeh === void 0 ? void 0 : _selectedField$placeh.toLowerCase()) || t("neetoRules.form.note");
   var isFieldInvalid = hasError || meta.touched && meta.error;
   var separator = (selectedField === null || selectedField === void 0 || (_selectedField$separa = selectedField.separator) === null || _selectedField$separa === void 0 ? void 0 : _selectedField$separa.toLowerCase()) || t("neetoRules.common.as");
   var handleOnClick = function handleOnClick() {
@@ -1808,23 +1808,28 @@ var Target$9 = function Target(_ref) {
   });
 };
 var NoteField = function NoteField(_ref2) {
+  var _selectedField$placeh2;
   var name = _ref2.name,
     _ref2$value = _ref2.value,
     value = _ref2$value === void 0 ? "" : _ref2$value,
     selectedField = _ref2.selectedField,
     _ref2$shouldAutoFocus = _ref2.shouldAutoFocus,
     shouldAutoFocus = _ref2$shouldAutoFocus === void 0 ? false : _ref2$shouldAutoFocus;
+  var _useTranslation2 = useTranslation(),
+    t = _useTranslation2.t;
   var _useActiveField2 = useActiveField(name, {
       shouldAutoFocus: shouldAutoFocus
     }),
     ref = _useActiveField2.ref,
     setFieldActive = _useActiveField2.setFieldActive;
   var variables = (selectedField === null || selectedField === void 0 ? void 0 : selectedField.variables) || [];
+  var defaultLabel = (selectedField === null || selectedField === void 0 || (_selectedField$placeh2 = selectedField.placeholder) === null || _selectedField$placeh2 === void 0 ? void 0 : _selectedField$placeh2.toLowerCase()) || t("neetoRules.form.note");
   return /*#__PURE__*/jsx(EditorAction, {
     name: name,
     ref: ref,
     value: value,
     variables: variables,
+    label: defaultLabel,
     onFocus: setFieldActive
   });
 };
@@ -5787,8 +5792,9 @@ function _objectSpread$1(e) { for (var r = 1; r < arguments.length; r++) { var t
 var Form = function Form(_ref) {
   var _ref$data = _ref.data,
     data = _ref$data === void 0 ? {} : _ref$data,
-    _ref$title = _ref.title,
-    title = _ref$title === void 0 ? t$1("neetoRules.common.title") : _ref$title,
+    title = _ref.title,
+    _ref$breadcrumbs = _ref.breadcrumbs,
+    breadcrumbs = _ref$breadcrumbs === void 0 ? {} : _ref$breadcrumbs,
     _children = _ref.children,
     className = _ref.className,
     _ref$handleSubmit = _ref.handleSubmit,
@@ -5797,88 +5803,86 @@ var Form = function Form(_ref) {
     handleCancel = _ref$handleCancel === void 0 ? noop : _ref$handleCancel,
     _ref$showStatusSwitch = _ref.showStatusSwitch,
     showStatusSwitch = _ref$showStatusSwitch === void 0 ? true : _ref$showStatusSwitch;
-  return function () {
-    var _useTranslation = useTranslation(),
-      t = _useTranslation.t;
-    var formRef = useRef(null);
-    var _useUtilityStore = useUtilityStore(function (store) {
-        return {
-          resetPanelState: store["resetPanelState"]
-        };
-      }, shallow),
-      resetPanelState = _useUtilityStore.resetPanelState;
-    var submitForm = function submitForm(values, formikBag) {
-      var payload = buildPayload(data, values);
-      handleSubmit(payload, formikBag);
-    };
-    var initialValues = useMemo(function () {
-      return formatData(data);
-    }, [data]);
-    var _useCustomDataStore = useCustomDataStore(function (store) {
-        return {
-          customData: store["customData"]
-        };
-      }, shallow),
-      customData = _useCustomDataStore.customData;
-    useEffect(function () {
-      return function () {
-        return resetPanelState();
+  var _useTranslation = useTranslation(),
+    t = _useTranslation.t;
+  var formRef = useRef(null);
+  var _useUtilityStore = useUtilityStore(function (store) {
+      return {
+        resetPanelState: store["resetPanelState"]
       };
-    }, []);
-    return /*#__PURE__*/jsx(Formik, {
-      enableReinitialize: true,
-      initialValues: _objectSpread$1(_objectSpread$1({}, DEFAULT_INITIAL_VALUE), initialValues),
-      validationSchema: getValidationSchema(data, customData),
-      onSubmit: submitForm,
-      children: function children(_ref2) {
-        var dirty = _ref2.dirty,
-          values = _ref2.values,
-          fromikBag = _objectWithoutProperties(_ref2, _excluded);
-        return /*#__PURE__*/jsxs("div", {
-          className: "flex neeto-rules-main-content h-full",
-          children: [/*#__PURE__*/jsx(TouchErrors, {}), /*#__PURE__*/jsxs(Container, {
-            className: "neeto-rules-main-content__container max-h-full",
-            children: [/*#__PURE__*/jsx(NeetoHeader, {
-              title: title,
-              breadcrumbs: {}
-            }), /*#__PURE__*/jsxs(Form$1, {
-              ref: formRef,
-              className: classNames(["w-full neeto-rules-main-content__form mx-auto max-w-3xl", className]),
-              children: [/*#__PURE__*/jsxs("div", {
-                className: "space-y-6",
-                children: [/*#__PURE__*/jsx(InputField, {
-                  required: true,
-                  data: initialValues,
-                  label: t("neetoRules.common.name"),
-                  name: "name"
-                }), /*#__PURE__*/jsx(TextareaField, {
-                  data: initialValues,
-                  label: t("neetoRules.common.description"),
-                  name: "description"
-                }), showStatusSwitch && /*#__PURE__*/jsx(Status, {}), typeof _children === "function" ? _children === null || _children === void 0 ? void 0 : _children(_objectSpread$1({
-                  values: values,
-                  formattedValues: buildPayload(data, values),
-                  dirty: dirty
-                }, fromikBag)) : _children, /*#__PURE__*/jsx(ScrollToErrorField, {
-                  formRef: formRef
-                })]
-              }), /*#__PURE__*/jsx("div", {
-                className: "neeto-ui-bg-white sticky bottom-0 py-6",
-                children: /*#__PURE__*/jsx(ActionBlock, {
-                  cancelButtonProps: {
-                    onClick: handleCancel
-                  },
-                  submitButtonProps: {
-                    "data-cy": "form-submit-button"
-                  }
-                })
+    }, shallow),
+    resetPanelState = _useUtilityStore.resetPanelState;
+  var submitForm = function submitForm(values, formikBag) {
+    var payload = buildPayload(data, values);
+    handleSubmit(payload, formikBag);
+  };
+  var initialValues = useMemo(function () {
+    return formatData(data);
+  }, [data]);
+  var _useCustomDataStore = useCustomDataStore(function (store) {
+      return {
+        customData: store["customData"]
+      };
+    }, shallow),
+    customData = _useCustomDataStore.customData;
+  useEffect(function () {
+    return function () {
+      return resetPanelState();
+    };
+  }, []);
+  return /*#__PURE__*/jsx(Formik, {
+    enableReinitialize: true,
+    initialValues: _objectSpread$1(_objectSpread$1({}, DEFAULT_INITIAL_VALUE), initialValues),
+    validationSchema: getValidationSchema(data, customData),
+    onSubmit: submitForm,
+    children: function children(_ref2) {
+      var dirty = _ref2.dirty,
+        values = _ref2.values,
+        fromikBag = _objectWithoutProperties(_ref2, _excluded);
+      return /*#__PURE__*/jsxs("div", {
+        className: "flex neeto-rules-main-content h-full",
+        children: [/*#__PURE__*/jsx(TouchErrors, {}), /*#__PURE__*/jsxs(Container, {
+          className: "neeto-rules-main-content__container max-h-full",
+          children: [/*#__PURE__*/jsx(NeetoHeader, {
+            breadcrumbs: breadcrumbs,
+            title: title || t("neetoRules.common.title")
+          }), /*#__PURE__*/jsxs(Form$1, {
+            ref: formRef,
+            className: classNames(["w-full neeto-rules-main-content__form mx-auto max-w-3xl", className]),
+            children: [/*#__PURE__*/jsxs("div", {
+              className: "space-y-6",
+              children: [/*#__PURE__*/jsx(InputField, {
+                required: true,
+                data: initialValues,
+                label: t("neetoRules.common.name"),
+                name: "name"
+              }), /*#__PURE__*/jsx(TextareaField, {
+                data: initialValues,
+                label: t("neetoRules.common.description"),
+                name: "description"
+              }), showStatusSwitch && /*#__PURE__*/jsx(Status, {}), typeof _children === "function" ? _children === null || _children === void 0 ? void 0 : _children(_objectSpread$1({
+                values: values,
+                formattedValues: buildPayload(data, values),
+                dirty: dirty
+              }, fromikBag)) : _children, /*#__PURE__*/jsx(ScrollToErrorField, {
+                formRef: formRef
               })]
+            }), /*#__PURE__*/jsx("div", {
+              className: "neeto-ui-bg-white sticky bottom-0 py-6",
+              children: /*#__PURE__*/jsx(ActionBlock, {
+                cancelButtonProps: {
+                  onClick: handleCancel
+                },
+                submitButtonProps: {
+                  "data-cy": "form-submit-button"
+                }
+              })
             })]
-          }), /*#__PURE__*/jsx(Panel, {})]
-        });
-      }
-    });
-  }();
+          })]
+        }), /*#__PURE__*/jsx(Panel, {})]
+      });
+    }
+  });
 };
 
 function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }