@bigbinary/neeto-rules-frontend 2.5.15-beta-6 → 2.5.15-beta-8

package/dist/cjs/NeetoRulesForm.js

@@ -87,7 +87,7 @@ var yup__namespace = /*#__PURE__*/_interopNamespaceDefault(yup);
 
 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}.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}}.neeto-rules-json-editor__wrapper{height:35vh;position:relative}.neeto-rules-json-editor__editor{height:100%}.neeto-rules-json-editor__dynamic-variables{position:absolute;right:1rem;top:1rem;z-index:10}\n/*# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbImFwcC9qYXZhc2NyaXB0L3NyYy9zdHlsZXNoZWV0cy9jb21wb25lbnRzL19lcnJvci1ib3VuZGFyeS5zY3NzIiwiYXBwL2phdmFzY3JpcHQvc3JjL3N0eWxlc2hlZXRzL21haW4uc2NzcyIsImFwcC9qYXZhc2NyaXB0L3NyYy9zdHlsZXNoZWV0cy9jb21wb25lbnRzL19sYXlvdXQuc2NzcyIsImFwcC9qYXZhc2NyaXB0L3NyYy9zdHlsZXNoZWV0cy9jb21wb25lbnRzL19wYW5lLnNjc3MiLCJhcHAvamF2YXNjcmlwdC9zcmMvc3R5bGVzaGVldHMvY29tcG9uZW50cy9fanNvbi1lZGl0b3Iuc2NzcyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSw4QkFJRSxrQkFBQSxDQUdBLDhDQUFBLENBREEsd0NBQUEsQ0FIQSxZQUFBLENBRUEsUUFBQSxDQUhBLG9CQUFBLENBREEscUJDT0YsQ0RDRSxnQ0FDRSxtQ0NDSixDQ1hBLHFDQUNFLHVCRGNGLENDWEEsK0NBQ0UsZURjRixDRW5CQSx3QkFFRSxXQUFBLENBREEsYUZ1QkYsQ0VwQkUsK0JBQ0UsV0ZzQkosQ0VwQkksMEJBSEYsK0JBSUksV0Z1QkosQ0FDRixDRXBCRSwrQkFDRSxXRnNCSixDRXBCSSwwQkFIRiwrQkFJSSxXRnVCSixDQUNGLENHdkNFLGtDQUVFLFdBQUEsQ0FEQSxpQkgyQ0osQ0d2Q0UsaUNBQ0UsV0h5Q0osQ0d0Q0UsNENBQ0UsaUJBQUEsQ0FFQSxVQUFBLENBREEsUUFBQSxDQUVBLFVId0NKIiwic291cmNlc0NvbnRlbnQiOlsiLm5lZXRvLWZpbHRlcnMtZXJyb3ItYm91bmRhcnkge1xuICBwYWRkaW5nOiAwLjVyZW0gMS4yNXJlbTtcbiAgbWFyZ2luLWJvdHRvbTogMC43NXJlbTtcbiAgZGlzcGxheTogZmxleDtcbiAgYWxpZ24taXRlbXM6IGNlbnRlcjtcbiAgZ2FwOiAxcmVtO1xuICBib3JkZXItcmFkaXVzOiB2YXIoLS1uZWV0by11aS1yb3VuZGVkLXNtKTtcbiAgYmFja2dyb3VuZC1jb2xvcjogcmdiKHZhcigtLW5lZXRvLXVpLWdyYXktMTAwKSk7XG5cbiAgcCB7XG4gICAgY29sb3I6IHJnYih2YXIoLS1uZWV0by11aS1ncmF5LTgwMCkpO1xuICB9XG59XG4iLCIubmVldG8tZmlsdGVycy1lcnJvci1ib3VuZGFyeSB7XG4gIHBhZGRpbmc6IDAuNXJlbSAxLjI1cmVtO1xuICBtYXJnaW4tYm90dG9tOiAwLjc1cmVtO1xuICBkaXNwbGF5OiBmbGV4O1xuICBhbGlnbi1pdGVtczogY2VudGVyO1xuICBnYXA6IDFyZW07XG4gIGJvcmRlci1yYWRpdXM6IHZhcigtLW5lZXRvLXVpLXJvdW5kZWQtc20pO1xuICBiYWNrZ3JvdW5kLWNvbG9yOiByZ2IodmFyKC0tbmVldG8tdWktZ3JheS0xMDApKTtcbn1cbi5uZWV0by1maWx0ZXJzLWVycm9yLWJvdW5kYXJ5IHAge1xuICBjb2xvcjogcmdiKHZhcigtLW5lZXRvLXVpLWdyYXktODAwKSk7XG59XG5cbi5uZWV0by1ydWxlcy1tYWluLWNvbnRlbnRfX2NvbnRhaW5lciB7XG4gIGhlaWdodDogMTAwZHZoICFpbXBvcnRhbnQ7XG59XG5cbi5uZWV0by1ydWxlcy1tYWluLWNhcmQgLm5lZXRvLXVpLWJ0bi51bmRlcmxpbmUge1xuICB0ZXh0LWFsaWduOiBsZWZ0O1xufVxuXG4ubmVldG8tcnVsZXMtc2lkZS1wYW5lbCB7XG4gIGZsZXgtc2hyaW5rOiAwO1xuICBmbGV4LWdyb3c6IDA7XG59XG4ubmVldG8tcnVsZXMtc2lkZS1wYW5lbC0tc21hbGwge1xuICB3aWR0aDogMzIwcHg7XG59XG5AbWVkaWEgKG1pbi13aWR0aDogMTAyNHB4KSB7XG4gIC5uZWV0by1ydWxlcy1zaWRlLXBhbmVsLS1zbWFsbCB7XG4gICAgd2lkdGg6IDM4MHB4O1xuICB9XG59XG4ubmVldG8tcnVsZXMtc2lkZS1wYW5lbC0tbGFyZ2Uge1xuICB3aWR0aDogMzgwcHg7XG59XG5AbWVkaWEgKG1pbi13aWR0aDogMTAyNHB4KSB7XG4gIC5uZWV0by1ydWxlcy1zaWRlLXBhbmVsLS1sYXJnZSB7XG4gICAgd2lkdGg6IDQ4MHB4O1xuICB9XG59XG5cbi5uZWV0by1ydWxlcy1qc29uLWVkaXRvcl9fd3JhcHBlciB7XG4gIHBvc2l0aW9uOiByZWxhdGl2ZTtcbiAgaGVpZ2h0OiAzNXZoO1xufVxuLm5lZXRvLXJ1bGVzLWpzb24tZWRpdG9yX19lZGl0b3Ige1xuICBoZWlnaHQ6IDEwMCU7XG59XG4ubmVldG8tcnVsZXMtanNvbi1lZGl0b3JfX2R5bmFtaWMtdmFyaWFibGVzIHtcbiAgcG9zaXRpb246IGFic29sdXRlO1xuICB0b3A6IDFyZW07XG4gIHJpZ2h0OiAxcmVtO1xuICB6LWluZGV4OiAxMDtcbn0iLCIubmVldG8tcnVsZXMtbWFpbi1jb250ZW50X19jb250YWluZXIge1xuICBoZWlnaHQ6IDEwMGR2aCAhaW1wb3J0YW50O1xufVxuXG4ubmVldG8tcnVsZXMtbWFpbi1jYXJkIC5uZWV0by11aS1idG4udW5kZXJsaW5lIHtcbiAgdGV4dC1hbGlnbjogbGVmdDtcbn0iLCIubmVldG8tcnVsZXMtc2lkZS1wYW5lbCB7XG4gIGZsZXgtc2hyaW5rOiAwO1xuICBmbGV4LWdyb3c6IDA7XG5cbiAgJi0tc21hbGwge1xuICAgIHdpZHRoOiAzMjBweDtcblxuICAgIEBtZWRpYSAobWluLXdpZHRoOiAxMDI0cHgpIHtcbiAgICAgIHdpZHRoOiAzODBweDtcbiAgICB9XG4gIH1cblxuICAmLS1sYXJnZSB7XG4gICAgd2lkdGg6IDM4MHB4O1xuXG4gICAgQG1lZGlhIChtaW4td2lkdGg6IDEwMjRweCkge1xuICAgICAgd2lkdGg6IDQ4MHB4O1xuICAgIH1cbiAgfVxufSIsIi5uZWV0by1ydWxlcy1qc29uLWVkaXRvciB7XG4gICZfX3dyYXBwZXIge1xuICAgIHBvc2l0aW9uOiByZWxhdGl2ZTtcbiAgICBoZWlnaHQ6IDM1dmg7XG4gIH1cblxuICAmX19lZGl0b3Ige1xuICAgIGhlaWdodDogMTAwJTtcbiAgfVxuXG4gICZfX2R5bmFtaWMtdmFyaWFibGVzIHtcbiAgICBwb3NpdGlvbjogYWJzb2x1dGU7XG4gICAgdG9wOiAxcmVtO1xuICAgIHJpZ2h0OiAxcmVtO1xuICAgIHotaW5kZXg6IDEwO1xuICB9XG59XG4iXX0= */";
+var css = ".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}}.neeto-rules-json-editor__wrapper{height:35vh;position:relative}.neeto-rules-json-editor__editor{height:100%}.neeto-rules-json-editor__dynamic-variables{position:absolute;right:1rem;top:1rem;z-index:10}[data-tippy-root]{z-index:99999!important}\n/*# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbImFwcC9qYXZhc2NyaXB0L3NyYy9zdHlsZXNoZWV0cy9jb21wb25lbnRzL19sYXlvdXQuc2NzcyIsImFwcC9qYXZhc2NyaXB0L3NyYy9zdHlsZXNoZWV0cy9tYWluLnNjc3MiLCJhcHAvamF2YXNjcmlwdC9zcmMvc3R5bGVzaGVldHMvY29tcG9uZW50cy9fcGFuZS5zY3NzIiwiYXBwL2phdmFzY3JpcHQvc3JjL3N0eWxlc2hlZXRzL2NvbXBvbmVudHMvX2pzb24tZWRpdG9yLnNjc3MiLCJhcHAvamF2YXNjcmlwdC9zcmMvc3R5bGVzaGVldHMvY29tcG9uZW50cy9fZHJvcGRvd24uc2NzcyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxxQ0FDRSx1QkNDRixDREVBLCtDQUNFLGVDQ0YsQ0NOQSx3QkFFRSxXQUFBLENBREEsYURVRixDQ1BFLCtCQUNFLFdEU0osQ0NQSSwwQkFIRiwrQkFJSSxXRFVKLENBQ0YsQ0NQRSwrQkFDRSxXRFNKLENDUEksMEJBSEYsK0JBSUksV0RVSixDQUNGLENFMUJFLGtDQUVFLFdBQUEsQ0FEQSxpQkY4QkosQ0UxQkUsaUNBQ0UsV0Y0QkosQ0V6QkUsNENBQ0UsaUJBQUEsQ0FFQSxVQUFBLENBREEsUUFBQSxDQUVBLFVGMkJKLENHekNBLGtCQUNFLHVCSDRDRiIsInNvdXJjZXNDb250ZW50IjpbIi5uZWV0by1ydWxlcy1tYWluLWNvbnRlbnRfX2NvbnRhaW5lciB7XG4gIGhlaWdodDogMTAwZHZoICFpbXBvcnRhbnQ7XG59XG5cbi5uZWV0by1ydWxlcy1tYWluLWNhcmQgLm5lZXRvLXVpLWJ0bi51bmRlcmxpbmUge1xuICB0ZXh0LWFsaWduOiBsZWZ0O1xufSIsIi5uZWV0by1ydWxlcy1tYWluLWNvbnRlbnRfX2NvbnRhaW5lciB7XG4gIGhlaWdodDogMTAwZHZoICFpbXBvcnRhbnQ7XG59XG5cbi5uZWV0by1ydWxlcy1tYWluLWNhcmQgLm5lZXRvLXVpLWJ0bi51bmRlcmxpbmUge1xuICB0ZXh0LWFsaWduOiBsZWZ0O1xufVxuXG4ubmVldG8tcnVsZXMtc2lkZS1wYW5lbCB7XG4gIGZsZXgtc2hyaW5rOiAwO1xuICBmbGV4LWdyb3c6IDA7XG59XG4ubmVldG8tcnVsZXMtc2lkZS1wYW5lbC0tc21hbGwge1xuICB3aWR0aDogMzIwcHg7XG59XG5AbWVkaWEgKG1pbi13aWR0aDogMTAyNHB4KSB7XG4gIC5uZWV0by1ydWxlcy1zaWRlLXBhbmVsLS1zbWFsbCB7XG4gICAgd2lkdGg6IDM4MHB4O1xuICB9XG59XG4ubmVldG8tcnVsZXMtc2lkZS1wYW5lbC0tbGFyZ2Uge1xuICB3aWR0aDogMzgwcHg7XG59XG5AbWVkaWEgKG1pbi13aWR0aDogMTAyNHB4KSB7XG4gIC5uZWV0by1ydWxlcy1zaWRlLXBhbmVsLS1sYXJnZSB7XG4gICAgd2lkdGg6IDQ4MHB4O1xuICB9XG59XG5cbi5uZWV0by1ydWxlcy1qc29uLWVkaXRvcl9fd3JhcHBlciB7XG4gIHBvc2l0aW9uOiByZWxhdGl2ZTtcbiAgaGVpZ2h0OiAzNXZoO1xufVxuLm5lZXRvLXJ1bGVzLWpzb24tZWRpdG9yX19lZGl0b3Ige1xuICBoZWlnaHQ6IDEwMCU7XG59XG4ubmVldG8tcnVsZXMtanNvbi1lZGl0b3JfX2R5bmFtaWMtdmFyaWFibGVzIHtcbiAgcG9zaXRpb246IGFic29sdXRlO1xuICB0b3A6IDFyZW07XG4gIHJpZ2h0OiAxcmVtO1xuICB6LWluZGV4OiAxMDtcbn1cblxuW2RhdGEtdGlwcHktcm9vdF0ge1xuICB6LWluZGV4OiA5OTk5OSAhaW1wb3J0YW50O1xufSIsIi5uZWV0by1ydWxlcy1zaWRlLXBhbmVsIHtcbiAgZmxleC1zaHJpbms6IDA7XG4gIGZsZXgtZ3JvdzogMDtcblxuICAmLS1zbWFsbCB7XG4gICAgd2lkdGg6IDMyMHB4O1xuXG4gICAgQG1lZGlhIChtaW4td2lkdGg6IDEwMjRweCkge1xuICAgICAgd2lkdGg6IDM4MHB4O1xuICAgIH1cbiAgfVxuXG4gICYtLWxhcmdlIHtcbiAgICB3aWR0aDogMzgwcHg7XG5cbiAgICBAbWVkaWEgKG1pbi13aWR0aDogMTAyNHB4KSB7XG4gICAgICB3aWR0aDogNDgwcHg7XG4gICAgfVxuICB9XG59IiwiLm5lZXRvLXJ1bGVzLWpzb24tZWRpdG9yIHtcbiAgJl9fd3JhcHBlciB7XG4gICAgcG9zaXRpb246IHJlbGF0aXZlO1xuICAgIGhlaWdodDogMzV2aDtcbiAgfVxuXG4gICZfX2VkaXRvciB7XG4gICAgaGVpZ2h0OiAxMDAlO1xuICB9XG5cbiAgJl9fZHluYW1pYy12YXJpYWJsZXMge1xuICAgIHBvc2l0aW9uOiBhYnNvbHV0ZTtcbiAgICB0b3A6IDFyZW07XG4gICAgcmlnaHQ6IDFyZW07XG4gICAgei1pbmRleDogMTA7XG4gIH1cbn1cbiIsIltkYXRhLXRpcHB5LXJvb3RdIHtcbiAgei1pbmRleDogOTk5OTkgIWltcG9ydGFudDtcbn1cbiJdfQ== */";
 n(css,{});
 
 var useActiveField = function useActiveField(name) {
@@ -574,7 +574,9 @@ var LongTextField = function LongTextField(_ref2) {
     _ref2$selectedField = _ref2.selectedField,
     selectedField = _ref2$selectedField === void 0 ? {} : _ref2$selectedField,
     _ref2$shouldAutoFocus = _ref2.shouldAutoFocus,
-    shouldAutoFocus = _ref2$shouldAutoFocus === void 0 ? false : _ref2$shouldAutoFocus;
+    shouldAutoFocus = _ref2$shouldAutoFocus === void 0 ? false : _ref2$shouldAutoFocus,
+    _ref2$required = _ref2.required,
+    required = _ref2$required === void 0 ? false : _ref2$required;
   var _useActiveField2 = useActiveField(name, {
       shouldAutoFocus: shouldAutoFocus
     }),
@@ -584,8 +586,8 @@ var LongTextField = function LongTextField(_ref2) {
   return /*#__PURE__*/jsxRuntime.jsx(Textarea, {
     name: name,
     ref: ref,
+    required: required,
     rows: rows,
-    required: true,
     className: "w-full",
     onFocus: setFieldActive
   });
@@ -1087,7 +1089,9 @@ var Target$g = function Target(_ref) {
 var DateField$1 = function DateField(_ref2) {
   var name = _ref2.name,
     _ref2$shouldAutoFocus = _ref2.shouldAutoFocus,
-    shouldAutoFocus = _ref2$shouldAutoFocus === void 0 ? false : _ref2$shouldAutoFocus;
+    shouldAutoFocus = _ref2$shouldAutoFocus === void 0 ? false : _ref2$shouldAutoFocus,
+    _ref2$required = _ref2.required,
+    required = _ref2$required === void 0 ? false : _ref2$required;
   var _useTranslation2 = reactI18next.useTranslation(),
     t = _useTranslation2.t;
   var _useField3 = formik.useField("".concat(name, ".value")),
@@ -1104,6 +1108,7 @@ var DateField$1 = function DateField(_ref2) {
     setFieldActive = _useActiveField2.setFieldActive;
   return /*#__PURE__*/jsxRuntime.jsx(DatePicker, {
     ref: ref,
+    required: required,
     defaultValue: field.value,
     label: t("neetoRules.form.selectDate"),
     name: "".concat(name, ".value"),
@@ -1138,6 +1143,7 @@ var EmailIdFields = function EmailIdFields(_ref) {
     children: /*#__PURE__*/jsxRuntime.jsx(MultiEmailInput, {
       name: name,
       onFocus: onFocus,
+      required: true,
       label: t("neetoRules.common.emailIds"),
       placeholder: t("neetoRules.placeholders.emailField"),
       ref: initialFocusRef,
@@ -1251,7 +1257,9 @@ var SelectField$2 = function SelectField(_ref2) {
     selectedField = _ref2.selectedField,
     _ref2$shouldAutoFocus = _ref2.shouldAutoFocus,
     shouldAutoFocus = _ref2$shouldAutoFocus === void 0 ? false : _ref2$shouldAutoFocus,
-    className = _ref2.className;
+    className = _ref2.className,
+    _ref2$required = _ref2.required,
+    required = _ref2$required === void 0 ? false : _ref2$required;
   var _useTranslation2 = reactI18next.useTranslation(),
     t = _useTranslation2.t;
   var _useField3 = formik.useField(name),
@@ -1285,6 +1293,7 @@ var SelectField$2 = function SelectField(_ref2) {
   return /*#__PURE__*/jsxRuntime.jsx(Select$1, {
     className: className,
     name: name,
+    required: required,
     innerRef: ref,
     label: defaultLabel,
     options: dropdownOptions,
@@ -1401,6 +1410,7 @@ var EmailFields = function EmailFields(_ref2) {
     children: [showFieldSelection && /*#__PURE__*/react.createElement(SelectField$2, {
       index: index,
       selectedField: selectedField,
+      required: true,
       shouldAutoFocus: true,
       className: "mb-6",
       dropdownOptions: fieldOptions,
@@ -1418,6 +1428,7 @@ var EmailFields = function EmailFields(_ref2) {
       initialFocusRef: isFirstFieldInForm("emails") ? initialFocusRef : null,
       onFocus: setFieldActive
     }), !selectedField.hideSubject && /*#__PURE__*/jsxRuntime.jsx(Input$1, {
+      required: true,
       className: "mb-4",
       "data-cy": "email-action-subject-text-field",
       label: t("neetoRules.labels.subject"),
@@ -1426,6 +1437,7 @@ var EmailFields = function EmailFields(_ref2) {
       type: "text",
       onFocus: setFieldActive
     }), /*#__PURE__*/jsxRuntime.jsx(EditorAction, {
+      required: true,
       label: t("neetoRules.labels.body"),
       name: "".concat(name, ".body"),
       value: (_action$metadata = action.metadata) === null || _action$metadata === void 0 ? void 0 : _action$metadata.body,
@@ -1481,7 +1493,9 @@ var Target$d = function Target(_ref) {
 var Input = function Input(_ref2) {
   var name = _ref2.name,
     _ref2$shouldAutoFocus = _ref2.shouldAutoFocus,
-    shouldAutoFocus = _ref2$shouldAutoFocus === void 0 ? false : _ref2$shouldAutoFocus;
+    shouldAutoFocus = _ref2$shouldAutoFocus === void 0 ? false : _ref2$shouldAutoFocus,
+    _ref2$required = _ref2.required,
+    required = _ref2$required === void 0 ? false : _ref2$required;
   var _useTranslation2 = reactI18next.useTranslation(),
     t = _useTranslation2.t;
   var _useActiveField2 = useActiveField(name, {
@@ -1491,6 +1505,7 @@ var Input = function Input(_ref2) {
     setFieldActive = _useActiveField2.setFieldActive;
   return /*#__PURE__*/jsxRuntime.jsx(Input$1, {
     ref: ref,
+    required: required,
     className: "my-auto",
     label: t("neetoRules.labels.value"),
     name: "".concat(name, ".value"),
@@ -1572,6 +1587,7 @@ var InlineInput = /*#__PURE__*/react.forwardRef(function (props, ref) {
     ref: inputWrapperRef,
     children: /*#__PURE__*/jsxRuntime.jsx(Input$2, _objectSpread$m(_objectSpread$m({
       autoFocus: true,
+      required: true,
       className: "neeto-planner-inline-input",
       "data-cy": "inline-input-field",
       value: inputValue,
@@ -1737,10 +1753,9 @@ var Target$b = function Target(_ref) {
   var _useTranslation = reactI18next.useTranslation(),
     t = _useTranslation.t;
   var _useField = formik.useField(name),
-    _useField2 = _slicedToArray(_useField, 3),
-    field = _useField2[0];
-    _useField2[1];
-    var meta = _useField2[2];
+    _useField2 = _slicedToArray(_useField, 2),
+    field = _useField2[0],
+    meta = _useField2[1];
   var _useActiveField = useActiveField(name),
     isFieldActive = _useActiveField.isFieldActive,
     setFieldActive = _useActiveField.setFieldActive;
@@ -1811,7 +1826,9 @@ var MultiSelect$1 = function MultiSelect(_ref2) {
     name = _ref2.name,
     selectedField = _ref2.selectedField,
     _ref2$shouldAutoFocus = _ref2.shouldAutoFocus,
-    shouldAutoFocus = _ref2$shouldAutoFocus === void 0 ? false : _ref2$shouldAutoFocus;
+    shouldAutoFocus = _ref2$shouldAutoFocus === void 0 ? false : _ref2$shouldAutoFocus,
+    _ref2$required = _ref2.required,
+    required = _ref2$required === void 0 ? false : _ref2$required;
   var _useTranslation2 = reactI18next.useTranslation(),
     t = _useTranslation2.t;
   var _useActiveField2 = useActiveField(name, {
@@ -1841,6 +1858,7 @@ var MultiSelect$1 = function MultiSelect(_ref2) {
     className: "space-y-3",
     children: /*#__PURE__*/jsxRuntime.jsx(Select$1, {
       name: name,
+      required: required,
       isMulti: true,
       innerRef: ref,
       label: defaultLabel,
@@ -1864,10 +1882,9 @@ var Target$a = function Target(_ref) {
   var _useTranslation = reactI18next.useTranslation(),
     t = _useTranslation.t;
   var _useField = formik.useField(name),
-    _useField2 = _slicedToArray(_useField, 3),
-    field = _useField2[0];
-    _useField2[1];
-    var meta = _useField2[2];
+    _useField2 = _slicedToArray(_useField, 2),
+    field = _useField2[0],
+    meta = _useField2[1];
   var _useActiveField = useActiveField(name),
     isFieldActive = _useActiveField.isFieldActive,
     setFieldActive = _useActiveField.setFieldActive;
@@ -1938,7 +1955,9 @@ var MultiSelectCheckbox$1 = function MultiSelectCheckbox(_ref2) {
     dropdownOptions = _ref2$dropdownOptions === void 0 ? [] : _ref2$dropdownOptions,
     name = _ref2.name,
     _ref2$shouldAutoFocus = _ref2.shouldAutoFocus,
-    shouldAutoFocus = _ref2$shouldAutoFocus === void 0 ? false : _ref2$shouldAutoFocus;
+    shouldAutoFocus = _ref2$shouldAutoFocus === void 0 ? false : _ref2$shouldAutoFocus,
+    _ref2$required = _ref2.required,
+    required = _ref2$required === void 0 ? false : _ref2$required;
   var _useTranslation2 = reactI18next.useTranslation(),
     t = _useTranslation2.t;
   var _useActiveField2 = useActiveField(name, {
@@ -1962,6 +1981,7 @@ var MultiSelectCheckbox$1 = function MultiSelectCheckbox(_ref2) {
   return /*#__PURE__*/jsxRuntime.jsxs("div", {
     className: "space-y-3",
     children: [/*#__PURE__*/jsxRuntime.jsx(Label, {
+      required: required,
       children: defaultLabel
     }), neetoCist.isNotEmpty(dropdownOptions) ? dropdownOptions.map(function (option) {
       return /*#__PURE__*/react.createElement(Checkbox, {
@@ -2050,6 +2070,7 @@ var NoteField = function NoteField(_ref2) {
     ref: ref,
     value: value,
     variables: variables,
+    required: true,
     label: defaultLabel,
     onFocus: setFieldActive
   });
@@ -2115,7 +2136,9 @@ var RadioField$2 = function RadioField(_ref2) {
     _ref2$className = _ref2.className,
     className = _ref2$className === void 0 ? "" : _ref2$className,
     _ref2$shouldAutoFocus = _ref2.shouldAutoFocus,
-    shouldAutoFocus = _ref2$shouldAutoFocus === void 0 ? false : _ref2$shouldAutoFocus;
+    shouldAutoFocus = _ref2$shouldAutoFocus === void 0 ? false : _ref2$shouldAutoFocus,
+    _ref2$required = _ref2.required,
+    required = _ref2$required === void 0 ? false : _ref2$required;
   var _useTranslation2 = reactI18next.useTranslation(),
     t = _useTranslation2.t;
   var _useField3 = formik.useField(name),
@@ -2149,6 +2172,7 @@ var RadioField$2 = function RadioField(_ref2) {
   return neetoCist.isNotEmpty(options) ? /*#__PURE__*/jsxRuntime.jsx(Radio, {
     className: className,
     name: name,
+    required: required,
     stacked: true,
     label: defaultLabel,
     value: selectedOption.value,
@@ -2740,6 +2764,7 @@ var ActionSubItem = function ActionSubItem(_ref) {
     }) : /*#__PURE__*/jsxRuntime.jsx(RadioField$2, {
       index: index,
       selectedField: selectedField,
+      required: true,
       shouldAutoFocus: true,
       name: "".concat(name, ".value"),
       options: valueOptions
@@ -2758,6 +2783,7 @@ var ActionSubItem = function ActionSubItem(_ref) {
     }) : /*#__PURE__*/jsxRuntime.jsx(SelectField$2, {
       index: index,
       selectedField: selectedField,
+      required: true,
       shouldAutoFocus: true,
       dropdownOptions: valueOptions,
       name: "".concat(name, ".value")
@@ -2811,6 +2837,7 @@ var ActionSubItem = function ActionSubItem(_ref) {
     }) : /*#__PURE__*/jsxRuntime.jsx(MultiSelect$1, {
       index: index,
       selectedField: selectedField,
+      required: true,
       shouldAutoFocus: true,
       dropdownOptions: valueOptions,
       name: "".concat(name, ".value")
@@ -2829,6 +2856,7 @@ var ActionSubItem = function ActionSubItem(_ref) {
     }) : /*#__PURE__*/jsxRuntime.jsx(MultiSelectCheckbox$1, {
       index: index,
       selectedField: selectedField,
+      required: true,
       shouldAutoFocus: true,
       dropdownOptions: valueOptions,
       name: "".concat(name, ".value")
@@ -2847,6 +2875,7 @@ var ActionSubItem = function ActionSubItem(_ref) {
       index: index,
       name: name,
       selectedField: selectedField,
+      required: true,
       shouldAutoFocus: true
     });
   }
@@ -2863,6 +2892,7 @@ var ActionSubItem = function ActionSubItem(_ref) {
       index: index,
       name: name,
       selectedField: selectedField,
+      required: true,
       shouldAutoFocus: true
     });
   }
@@ -2880,6 +2910,7 @@ var ActionSubItem = function ActionSubItem(_ref) {
     }) : /*#__PURE__*/jsxRuntime.jsx(LongTextField, {
       index: index,
       selectedField: selectedField,
+      required: true,
       shouldAutoFocus: true,
       defaultLabel: t("neetoRules.labels.body"),
       defaultSeparator: t("neetoRules.common.as"),
@@ -3042,7 +3073,9 @@ var DateField = function DateField(_ref2) {
   var name = _ref2.name,
     selectedField = _ref2.selectedField,
     _ref2$shouldAutoFocus = _ref2.shouldAutoFocus,
-    shouldAutoFocus = _ref2$shouldAutoFocus === void 0 ? false : _ref2$shouldAutoFocus;
+    shouldAutoFocus = _ref2$shouldAutoFocus === void 0 ? false : _ref2$shouldAutoFocus,
+    _ref2$required = _ref2.required,
+    required = _ref2$required === void 0 ? false : _ref2$required;
   var _useTranslation2 = reactI18next.useTranslation(),
     t = _useTranslation2.t;
   var _useField3 = formik.useField(name),
@@ -3066,6 +3099,7 @@ var DateField = function DateField(_ref2) {
   };
   return /*#__PURE__*/jsxRuntime.jsx(DatePicker, {
     ref: ref,
+    required: required,
     defaultValue: field.value,
     error: meta.touched && meta.error,
     label: t("neetoRules.form.selectDate"),
@@ -3116,7 +3150,9 @@ var InputField$1 = function InputField(_ref2) {
   var name = _ref2.name,
     placeholder = _ref2.placeholder,
     _ref2$shouldAutoFocus = _ref2.shouldAutoFocus,
-    shouldAutoFocus = _ref2$shouldAutoFocus === void 0 ? false : _ref2$shouldAutoFocus;
+    shouldAutoFocus = _ref2$shouldAutoFocus === void 0 ? false : _ref2$shouldAutoFocus,
+    _ref2$required = _ref2.required,
+    required = _ref2$required === void 0 ? false : _ref2$required;
   var _useField3 = formik.useField(name),
     _useField4 = _slicedToArray(_useField3, 3),
     field = _useField4[0];
@@ -3131,6 +3167,7 @@ var InputField$1 = function InputField(_ref2) {
     name: name,
     placeholder: placeholder,
     ref: ref,
+    required: required,
     label: placeholder,
     value: field.value || "",
     onFocus: setFieldActive,
@@ -3141,7 +3178,7 @@ var InputField$1 = function InputField(_ref2) {
 };
 InputField$1.Target = Target$5;
 
-var _excluded$9 = ["name", "dropdownOptions", "shouldAutoFocus"];
+var _excluded$9 = ["name", "dropdownOptions", "shouldAutoFocus", "required"];
 function ownKeys$j(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; }
 function _objectSpread$j(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$j(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$j(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
 var Target$4 = function Target(_ref) {
@@ -3208,6 +3245,8 @@ var MultiSelect = function MultiSelect(_ref2) {
     dropdownOptions = _ref2.dropdownOptions,
     _ref2$shouldAutoFocus = _ref2.shouldAutoFocus,
     shouldAutoFocus = _ref2$shouldAutoFocus === void 0 ? false : _ref2$shouldAutoFocus,
+    _ref2$required = _ref2.required,
+    required = _ref2$required === void 0 ? false : _ref2$required,
     otherProps = _objectWithoutProperties(_ref2, _excluded$9);
   var _useTranslation2 = reactI18next.useTranslation(),
     t = _useTranslation2.t;
@@ -3234,6 +3273,7 @@ var MultiSelect = function MultiSelect(_ref2) {
     className: "space-y-3",
     children: /*#__PURE__*/jsxRuntime.jsx(Select$1, _objectSpread$j({
       name: name,
+      required: required,
       isMulti: true,
       innerRef: ref,
       label: t("neetoRules.labels.selectValues"),
@@ -3246,7 +3286,7 @@ var MultiSelect = function MultiSelect(_ref2) {
 };
 MultiSelect.Target = Target$4;
 
-var _excluded$8 = ["name", "dropdownOptions", "shouldAutoFocus"];
+var _excluded$8 = ["name", "dropdownOptions", "shouldAutoFocus", "required"];
 function ownKeys$i(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; }
 function _objectSpread$i(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$i(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$i(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
 var Target$3 = function Target(_ref) {
@@ -3313,6 +3353,8 @@ var MultiSelectCheckbox = function MultiSelectCheckbox(_ref2) {
     dropdownOptions = _ref2.dropdownOptions,
     _ref2$shouldAutoFocus = _ref2.shouldAutoFocus,
     shouldAutoFocus = _ref2$shouldAutoFocus === void 0 ? false : _ref2$shouldAutoFocus,
+    _ref2$required = _ref2.required,
+    required = _ref2$required === void 0 ? false : _ref2$required,
     otherProps = _objectWithoutProperties(_ref2, _excluded$8);
   var _useTranslation2 = reactI18next.useTranslation(),
     t = _useTranslation2.t;
@@ -3337,6 +3379,7 @@ var MultiSelectCheckbox = function MultiSelectCheckbox(_ref2) {
   return /*#__PURE__*/jsxRuntime.jsxs("div", {
     className: "space-y-3",
     children: [/*#__PURE__*/jsxRuntime.jsx(Label, {
+      required: required,
       children: defaultLabel
     }), /*#__PURE__*/jsxRuntime.jsx("div", {
       className: "space-y-3",
@@ -3457,7 +3500,9 @@ var Target$2 = function Target(_ref) {
 var MultiSelectCreate = function MultiSelectCreate(_ref2) {
   var name = _ref2.name,
     _ref2$shouldAutoFocus = _ref2.shouldAutoFocus,
-    shouldAutoFocus = _ref2$shouldAutoFocus === void 0 ? false : _ref2$shouldAutoFocus;
+    shouldAutoFocus = _ref2$shouldAutoFocus === void 0 ? false : _ref2$shouldAutoFocus,
+    _ref2$required = _ref2.required,
+    required = _ref2$required === void 0 ? false : _ref2$required;
   var _useTranslation2 = reactI18next.useTranslation(),
     t = _useTranslation2.t;
   var _useField3 = formik.useField(name),
@@ -3479,6 +3524,7 @@ var MultiSelectCreate = function MultiSelectCreate(_ref2) {
   };
   return /*#__PURE__*/jsxRuntime.jsx(Select$1, {
     name: name,
+    required: required,
     isCreateable: true,
     isMulti: true,
     className: "mt-4 w-full",
@@ -3494,7 +3540,7 @@ var MultiSelectCreate = function MultiSelectCreate(_ref2) {
 MultiSelectCreate.Target = Target$2;
 
 var _excluded$7 = ["name", "options", "placeholder", "onClick"],
-  _excluded2 = ["name", "options", "handleOnChange", "shouldAutoFocus", "showLabel"];
+  _excluded2 = ["name", "options", "handleOnChange", "shouldAutoFocus", "showLabel", "required"];
 function ownKeys$h(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; }
 function _objectSpread$h(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$h(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$h(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
 var Target$1 = function Target(_ref) {
@@ -3547,6 +3593,8 @@ var RadioField$1 = function RadioField(_ref2) {
     shouldAutoFocus = _ref2$shouldAutoFocus === void 0 ? false : _ref2$shouldAutoFocus,
     _ref2$showLabel = _ref2.showLabel,
     showLabel = _ref2$showLabel === void 0 ? true : _ref2$showLabel,
+    _ref2$required = _ref2.required,
+    required = _ref2$required === void 0 ? false : _ref2$required,
     otherProps = _objectWithoutProperties(_ref2, _excluded2);
   var _useTranslation2 = reactI18next.useTranslation(),
     t = _useTranslation2.t;
@@ -3574,6 +3622,7 @@ var RadioField$1 = function RadioField(_ref2) {
   };
   return /*#__PURE__*/jsxRuntime.jsx(Radio$1, _objectSpread$h(_objectSpread$h({
     ref: ref,
+    required: required,
     stacked: true,
     label: showLabel && t("neetoRules.labels.selectValue"),
     value: selectedOption === null || selectedOption === void 0 ? void 0 : selectedOption.value,
@@ -3640,7 +3689,9 @@ var SelectField$1 = function SelectField(_ref2) {
     placeholder = _ref2.placeholder,
     handleSelect = _ref2.handleSelect,
     _ref2$shouldAutoFocus = _ref2.shouldAutoFocus,
-    shouldAutoFocus = _ref2$shouldAutoFocus === void 0 ? false : _ref2$shouldAutoFocus;
+    shouldAutoFocus = _ref2$shouldAutoFocus === void 0 ? false : _ref2$shouldAutoFocus,
+    _ref2$required = _ref2.required,
+    required = _ref2$required === void 0 ? false : _ref2$required;
   var _useTranslation2 = reactI18next.useTranslation(),
     t = _useTranslation2.t;
   var _useField3 = formik.useField(name),
@@ -3671,6 +3722,7 @@ var SelectField$1 = function SelectField(_ref2) {
   };
   return /*#__PURE__*/jsxRuntime.jsx(Select$1, {
     name: name,
+    required: required,
     innerRef: ref,
     label: placeholder || t("neetoRules.labels.selectValue"),
     options: dropdownOptions,
@@ -3780,6 +3832,7 @@ var ValueField = function ValueField(_ref) {
       onClick: onClick,
       name: "".concat(name, ".value")
     }) : /*#__PURE__*/jsxRuntime.jsx(InputField$1, {
+      required: true,
       name: "".concat(name, ".value"),
       placeholder: t("neetoRules.common.value")
     });
@@ -3792,6 +3845,7 @@ var ValueField = function ValueField(_ref) {
       name: "".concat(name, ".value")
     }) : /*#__PURE__*/jsxRuntime.jsx(LongTextField, {
       index: index,
+      required: true,
       defaultLabel: t("neetoRules.labels.text"),
       name: "".concat(name, ".value")
     });
@@ -3804,6 +3858,7 @@ var ValueField = function ValueField(_ref) {
     }) : /*#__PURE__*/jsxRuntime.jsx(RadioField$1, {
       index: index,
       options: options,
+      required: true,
       name: "".concat(name, ".value")
     });
   }
@@ -3814,6 +3869,7 @@ var ValueField = function ValueField(_ref) {
       name: "".concat(name, ".value")
     }) : /*#__PURE__*/jsxRuntime.jsx(SelectField$1, {
       index: index,
+      required: true,
       dropdownOptions: options,
       name: "".concat(name, ".value")
     });
@@ -3824,6 +3880,7 @@ var ValueField = function ValueField(_ref) {
       dropdownOptions: options,
       name: "".concat(name, ".values")
     }) : /*#__PURE__*/jsxRuntime.jsx(MultiSelect, {
+      required: true,
       dropdownOptions: options,
       name: "".concat(name, ".values")
     });
@@ -3834,6 +3891,7 @@ var ValueField = function ValueField(_ref) {
       dropdownOptions: options,
       name: "".concat(name, ".values")
     }) : /*#__PURE__*/jsxRuntime.jsx(MultiSelectCheckbox, {
+      required: true,
       dropdownOptions: options,
       name: "".concat(name, ".values")
     });
@@ -3843,6 +3901,7 @@ var ValueField = function ValueField(_ref) {
       onClick: onClick,
       name: "".concat(name, ".values")
     }) : /*#__PURE__*/jsxRuntime.jsx(MultiSelectCreate, {
+      required: true,
       name: "".concat(name, ".values")
     });
   }
@@ -3851,6 +3910,7 @@ var ValueField = function ValueField(_ref) {
       onClick: onClick,
       name: "".concat(name, ".value")
     }) : /*#__PURE__*/jsxRuntime.jsx(DateField, {
+      required: true,
       name: "".concat(name, ".value"),
       selectedField: field
     });
@@ -3960,6 +4020,7 @@ var VerbAndValuePanel = function VerbAndValuePanel() {
       children: /*#__PURE__*/jsxRuntime.jsxs("div", {
         className: "flex flex-col space-y-4",
         children: [/*#__PURE__*/jsxRuntime.jsx(SelectField$1, {
+          required: true,
           shouldAutoFocus: true,
           dropdownOptions: verbOptions,
           handleSelect: handleVerbChange,
@@ -4432,7 +4493,7 @@ var getConditionsSchema = function getConditionsSchema(element) {
         if (selectedCondition !== null && selectedCondition !== void 0 && (_selectedCondition$no = selectedCondition.noValueForVerbs) !== null && _selectedCondition$no !== void 0 && _selectedCondition$no.includes(verb)) {
           return yup__namespace.object();
         }
-        if ([constants.CONDITION_VALUE_TYPES.date, constants.CONDITION_VALUE_TYPES.radio, constants.CONDITION_VALUE_TYPES.select].includes(type)) {
+        if ([constants.CONDITION_VALUE_TYPES.date, constants.CONDITION_VALUE_TYPES.radio, constants.CONDITION_VALUE_TYPES.dropdown, constants.CONDITION_VALUE_TYPES.select].includes(type)) {
           return yup__namespace.object().shape({
             value: yup__namespace.string().required(i18next.t("neetoRules.validations.required.value"))
           });
@@ -6049,6 +6110,7 @@ var Form = function Form(_ref) {
     resetPanelState = _useUtilityStore.resetPanelState;
   var submitForm = function submitForm(values, formikBag) {
     var payload = buildPayload(data, values);
+    resetPanelState();
     handleSubmit(payload, formikBag);
   };
   var initialValues = react.useMemo(function () {
@@ -6091,10 +6153,6 @@ var Form = function Form(_ref) {
                 data: initialValues,
                 label: t("neetoRules.common.name"),
                 name: "name"
-              }), /*#__PURE__*/jsxRuntime.jsx(TextareaField, {
-                data: initialValues,
-                label: t("neetoRules.common.description"),
-                name: "description"
               }), showStatusSwitch && /*#__PURE__*/jsxRuntime.jsx(Status, {}), typeof _children === "function" ? _children === null || _children === void 0 ? void 0 : _children(_objectSpread$1({
                 values: values,
                 formattedValues: buildPayload(data, values),