@bigbinary/neeto-rules-frontend 2.5.43 → 2.5.44

package/dist/cjs/NeetoRulesForm.js

@@ -4620,20 +4620,22 @@ var EventsPanel = function EventsPanel() {
     }, shallow.shallow),
     setPanelState = _useUtilityStore.setPanelState;
   var _useUtilityStore2 = useUtilityStore.useUtilityStore(function (store) {
-      var _store$panelState, _store$panelState2, _store$panelState3, _store$panelState4, _store$panelState5;
+      var _store$panelState, _store$panelState2, _store$panelState3, _store$panelState4, _store$panelState5, _store$panelState6;
       return {
         name: (_store$panelState = store["panelState"]) === null || _store$panelState === void 0 || (_store$panelState = _store$panelState["data"]) === null || _store$panelState === void 0 ? void 0 : _store$panelState["name"],
         data: (_store$panelState2 = store["panelState"]) === null || _store$panelState2 === void 0 || (_store$panelState2 = _store$panelState2["data"]) === null || _store$panelState2 === void 0 ? void 0 : _store$panelState2["data"],
         performerName: (_store$panelState3 = store["panelState"]) === null || _store$panelState3 === void 0 || (_store$panelState3 = _store$panelState3["data"]) === null || _store$panelState3 === void 0 ? void 0 : _store$panelState3["performerName"],
         onSelectEvent: (_store$panelState4 = store["panelState"]) === null || _store$panelState4 === void 0 || (_store$panelState4 = _store$panelState4["data"]) === null || _store$panelState4 === void 0 ? void 0 : _store$panelState4["onSelectEvent"],
-        isMenuDisabled: (_store$panelState5 = store["panelState"]) === null || _store$panelState5 === void 0 || (_store$panelState5 = _store$panelState5["data"]) === null || _store$panelState5 === void 0 ? void 0 : _store$panelState5["isMenuDisabled"]
+        isMenuDisabled: (_store$panelState5 = store["panelState"]) === null || _store$panelState5 === void 0 || (_store$panelState5 = _store$panelState5["data"]) === null || _store$panelState5 === void 0 ? void 0 : _store$panelState5["isMenuDisabled"],
+        singleSelect: (_store$panelState6 = store["panelState"]) === null || _store$panelState6 === void 0 || (_store$panelState6 = _store$panelState6["data"]) === null || _store$panelState6 === void 0 ? void 0 : _store$panelState6["singleSelect"]
       };
     }, shallow.shallow),
     name = _useUtilityStore2.name,
     data = _useUtilityStore2.data,
     performerName = _useUtilityStore2.performerName,
     onSelectEvent = _useUtilityStore2.onSelectEvent,
-    isMenuDisabled = _useUtilityStore2.isMenuDisabled;
+    isMenuDisabled = _useUtilityStore2.isMenuDisabled,
+    singleSelect = _useUtilityStore2.singleSelect;
   var _useFormikContext = formik.useFormikContext(),
     values = _useFormikContext.values,
     setFieldValue = _useFormikContext.setFieldValue;
@@ -4697,7 +4699,7 @@ var EventsPanel = function EventsPanel() {
       return _ref.apply(this, arguments);
     };
   }();
-  var handleMultiSelectOption = function handleMultiSelectOption(option) {
+  var handleOptionChange = function handleOptionChange(option) {
     setTouched(true);
     if (option.value === (defaultData === null || defaultData === void 0 ? void 0 : defaultData.name)) {
       handleDefaultData();
@@ -4727,14 +4729,55 @@ var EventsPanel = function EventsPanel() {
         _destroy: true
       })]));
     }
-    options = eventNames.includes(option.value) ? neetoCist.removeBy({
-      name: option.value
-    }, options) : [].concat(_toConsumableArray(options), [{
-      name: option.value
-    }]);
+    if (singleSelect) {
+      // Single select mode: replace all selections with the clicked option
+      if (eventNames.includes(option.value)) {
+        // If already selected, deselect it (set to empty array)
+        // The event deletion is already handled above if it has an id
+        options = [];
+      } else {
+        // Select only this option, mark others for deletion
+        var otherEvents = options.filter(function (e) {
+          return e.name !== option.value;
+        });
+        var deletedEvents = otherEvents.filter(function (e) {
+          return e.id;
+        }).map(function (e) {
+          return _objectSpread$f(_objectSpread$f({}, e), {}, {
+            _destroy: true
+          });
+        });
+        if (deletedEvents.length > 0) {
+          var _values$name4;
+          setFieldValue("".concat(name, ".deleted"), [].concat(_toConsumableArray(((_values$name4 = values[name]) === null || _values$name4 === void 0 ? void 0 : _values$name4.deleted) || []), _toConsumableArray(deletedEvents)));
+        }
+        options = [{
+          name: option.value
+        }];
+      }
+    } else {
+      // Multi-select mode: toggle the option
+      options = eventNames.includes(option.value) ? neetoCist.removeBy({
+        name: option.value
+      }, options) : [].concat(_toConsumableArray(options), [{
+        name: option.value
+      }]);
+    }
     onSelectEvent === null || onSelectEvent === void 0 || onSelectEvent(name, options);
     setFieldValue("".concat(name, ".value"), options);
   };
+  var handleMultiSelectOption = function handleMultiSelectOption(option) {
+    handleOptionChange(option);
+  };
+  var handleRadioChange = function handleRadioChange(_ref2) {
+    var value = _ref2.target.value;
+    var option = neetoCist.findBy({
+      value: value
+    }, dropdownOptions);
+    if (option) {
+      handleOptionChange(option);
+    }
+  };
   var handleContinue = function handleContinue() {
     setTouched(true);
     !error && setPanelState(ramda.mergeDeepLeft({
@@ -4777,9 +4820,25 @@ var EventsPanel = function EventsPanel() {
         })
       }), /*#__PURE__*/jsxRuntime.jsxs("div", {
         className: "space-y-3",
-        children: [neetoCist.isNotEmpty(searchedOptions) ? searchedOptions.map(function (option) {
-          return /*#__PURE__*/react.createElement(Checkbox, {
-            ref: ref,
+        children: [neetoCist.isNotEmpty(searchedOptions) ? singleSelect ? /*#__PURE__*/jsxRuntime.jsx(Radio$1, {
+          stacked: true,
+          value: (eventNames === null || eventNames === void 0 ? void 0 : eventNames[0]) || "",
+          onChange: handleRadioChange,
+          children: searchedOptions.map(function (option, index) {
+            return /*#__PURE__*/react.createElement(Radio$1.Item, _objectSpread$f(_objectSpread$f({}, index === 0 ? {
+              ref: ref,
+              onFocus: setFieldActive
+            } : {}), {}, {
+              "data-cy": "".concat(utils.joinHyphenCase(option.label), "-radio"),
+              key: option.value,
+              label: option.label,
+              value: option.value
+            }));
+          })
+        }) : searchedOptions.map(function (option, index) {
+          return /*#__PURE__*/react.createElement(Checkbox, _objectSpread$f(_objectSpread$f({}, index === 0 ? {
+            ref: ref
+          } : {}), {}, {
             checked: eventNames === null || eventNames === void 0 ? void 0 : eventNames.includes(option.value),
             "data-cy": "".concat(utils.joinHyphenCase(option.label), "-checkbox"),
             id: option.value,
@@ -4789,7 +4848,7 @@ var EventsPanel = function EventsPanel() {
               return handleMultiSelectOption(option);
             },
             onFocus: setFieldActive
-          });
+          }));
         }) : /*#__PURE__*/jsxRuntime.jsx("div", {
           className: "py-1 text-sm",
           "data-cy": "no-options-menu-item",
@@ -6133,7 +6192,8 @@ var Events = function Events(_ref) {
   var name = _ref.name,
     data = _ref.data,
     onSelectEvent = _ref.onSelectEvent,
-    performerName = _ref.performerName;
+    performerName = _ref.performerName,
+    singleSelect = _ref.singleSelect;
   var _useTranslation = reactI18next.useTranslation(),
     t = _useTranslation.t;
   var _useActiveField = useActiveField.useActiveField(name),
@@ -6164,7 +6224,8 @@ var Events = function Events(_ref) {
       data: data,
       performerName: performerName,
       onSelectEvent: onSelectEvent,
-      isMenuDisabled: isMenuDisabled
+      isMenuDisabled: isMenuDisabled,
+      singleSelect: singleSelect
     }
   };
   react.useEffect(function () {
@@ -6229,7 +6290,7 @@ var Events = function Events(_ref) {
   });
 };
 
-var _excluded$6 = ["addButtonTooltipProps", "data", "label", "name", "performerName", "conditionsName", "onSelectEvent", "enableAddingDelay"];
+var _excluded$6 = ["addButtonTooltipProps", "data", "label", "name", "performerName", "conditionsName", "onSelectEvent", "enableAddingDelay", "singleSelect"];
 function ownKeys$8(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$8(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$8(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$8(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
 var EventConditions = function EventConditions(_ref) {
@@ -6243,6 +6304,8 @@ var EventConditions = function EventConditions(_ref) {
     onSelectEvent = _ref.onSelectEvent,
     _ref$enableAddingDela = _ref.enableAddingDelay,
     enableAddingDelay = _ref$enableAddingDela === void 0 ? false : _ref$enableAddingDela,
+    _ref$singleSelect = _ref.singleSelect,
+    singleSelect = _ref$singleSelect === void 0 ? false : _ref$singleSelect,
     config = _objectWithoutProperties(_ref, _excluded$6);
   var _useFormikContext = formik.useFormikContext(),
     values = _useFormikContext.values,
@@ -6289,7 +6352,8 @@ var EventConditions = function EventConditions(_ref) {
             data: data,
             name: name,
             onSelectEvent: onSelectEvent,
-            performerName: performerName
+            performerName: performerName,
+            singleSelect: singleSelect
           })
         }), showAddButton && /*#__PURE__*/jsxRuntime.jsx(Tooltip, _objectSpread$8(_objectSpread$8({}, tooltipProps), {}, {
           children: /*#__PURE__*/jsxRuntime.jsx("div", {