@capillarytech/blaze-ui 5.23.3-beta.1 → 5.23.3-beta.10

package/CapCondition/ConditionDate.js

@@ -1,25 +1,22 @@
-var _excluded = ["IS_BEFORE_DAYS", "IS_AFTER_DAYS"];
-function _objectWithoutPropertiesLoose(r, e) { if (null == r) return {}; var t = {}; for (var n in r) if ({}.hasOwnProperty.call(r, n)) { if (-1 !== e.indexOf(n)) continue; t[n] = r[n]; } return t; }
-function _extends() { return _extends = Object.assign ? Object.assign.bind() : function (n) { for (var e = 1; e < arguments.length; e++) { var t = arguments[e]; for (var r in t) ({}).hasOwnProperty.call(t, r) && (n[r] = t[r]); } return n; }, _extends.apply(null, arguments); }
-import PropTypes from 'prop-types';
-import React, { useEffect, useState } from 'react';
-import { TIME_UNITS, momentToDayjs } from "../../utils/dayjs";
-import CapColumn from "../CapColumn";
-import CapDatePicker from "../CapDatePicker";
-import CapHeading from "../CapHeading";
-import CapIcon from "../CapIcon";
-import CapInput from "../CapInput";
-import CapLabel from "../CapLabel";
-import CapRow from "../CapRow";
-import CapSelect from "../CapSelect";
-import CapSpin from "../CapSpin";
-import LocaleHoc from "../LocaleHoc";
-import { ENTRY_TRIGGER_EVENT_ATTRIBUTE, THE_VALUE, IS_BEFORE_DAYS, IS_AFTER_DAYS, IS_INBETWEEN_DATES, ENTRY_TRIGGER, WAIT_TILL_EVENT, USER_EVENT, WAIT_TILL_EVENT_TYPE, MINUS_TIME, PLUS_TIME, DATE_GRAMMAR_TYPE, REQUEST } from "./constants";
-import { getEventContextComponent } from "./helper";
-import { StyledFlexWrapDiv } from "./style";
-import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
-var ConditionDate = props => {
-  var {
+import { jsx, jsxs, Fragment } from "react/jsx-runtime";
+import PropTypes from "prop-types";
+import { useState, useEffect } from "react";
+import { momentToDayjs, TIME_UNITS } from "../utils/dayjs.js";
+import CapColumn from "../CapColumn/index.js";
+import CapDatePicker from "../CapDatePicker/index.js";
+import CapHeadingWithStatic from "../CapHeading/index.js";
+import CapIcon from "../CapIcon/index.js";
+import InputFinal from "../CapInput/index.js";
+import CapLabelWithStatic from "../CapLabel/index.js";
+import CapRow from "../CapRow/index.js";
+import CapSelectFinal from "../CapSelect/index.js";
+import CapSpin from "../CapSpin/index.js";
+import LocaleHoc from "../LocaleHoc/index.js";
+import { IS_AFTER_DAYS, PLUS_TIME, IS_BEFORE_DAYS, MINUS_TIME, ENTRY_TRIGGER_EVENT_ATTRIBUTE, IS_INBETWEEN_DATES, THE_VALUE, DATE_GRAMMAR_TYPE, REQUEST, ENTRY_TRIGGER, USER_EVENT, WAIT_TILL_EVENT, WAIT_TILL_EVENT_TYPE } from "./constants.js";
+import { getEventContextComponent } from "./helper.js";
+import { StyledFlexWrapDiv } from "./style.js";
+const ConditionDate = (props) => {
+  const {
     conditionExpressionOptions,
     conditionExpression,
     setConditionExpression,
@@ -58,147 +55,82 @@ var ConditionDate = props => {
     getEventNameByType,
     currentBlockName
   } = props;
-  var {
-    operator = '',
-    operand = '',
-    dateTypeValues = {}
-  } = conditionExpression || {};
-  var [blocksDropdownData, setBlocksDropdownData] = useState([]);
-  var [selectedBlock, setSelectedBlock] = useState(null);
-  // State to store grammar data based on event response
-  var [grammarDataBasedOnEvent, setGrammarDataBasedOnEvent] = useState({});
-  // Define event context selection options locally
-  var isDaysOperator = operator === IS_BEFORE_DAYS || operator === IS_AFTER_DAYS;
-  var isBetweenOperator = operator === IS_INBETWEEN_DATES;
-  var eventContextSelectionOptions = [_extends({
-    label: specificDateLabel,
-    value: THE_VALUE,
-    key: THE_VALUE,
-    disabled: isDaysOperator
-  }, isDaysOperator && {
-    tooltip: specificDateToolTip
-  }), {
-    label: eventDateAttributeLabel,
-    value: ENTRY_TRIGGER_EVENT_ATTRIBUTE,
-    key: ENTRY_TRIGGER_EVENT_ATTRIBUTE,
-    disabled: currentBlockName === ENTRY_TRIGGER
-  }];
-
-  /**
-   * operandsMapping, mapping for supported operands for dates
-   */
-  var allOperandsMapping = {
-    IS_EXACT_DATE: {
-      text: onMsg
+  const { operator = "", operand = "", dateTypeValues = {} } = conditionExpression || {};
+  const [blocksDropdownData, setBlocksDropdownData] = useState([]);
+  const [selectedBlock, setSelectedBlock] = useState(null);
+  const [grammarDataBasedOnEvent, setGrammarDataBasedOnEvent] = useState({});
+  const isDaysOperator = operator === IS_BEFORE_DAYS || operator === IS_AFTER_DAYS;
+  const isBetweenOperator = operator === IS_INBETWEEN_DATES;
+  const eventContextSelectionOptions = [
+    {
+      label: specificDateLabel,
+      value: THE_VALUE,
+      key: THE_VALUE,
+      disabled: isDaysOperator,
+      ...isDaysOperator && { tooltip: specificDateToolTip }
     },
-    IS_BEFORE_DATE: {
-      text: beforeMsg
-    },
-    IS_AFTER_DATE: {
-      text: afterMsg
-    },
-    IS_BEFORE_DAYS: {
-      text: xDaysBeforeMsg
-    },
-    IS_AFTER_DAYS: {
-      text: xDaysAfterMsg
-    },
-    IS_INBETWEEN_DATES: {
-      text: betweenMsg
+    {
+      label: eventDateAttributeLabel,
+      value: ENTRY_TRIGGER_EVENT_ATTRIBUTE,
+      key: ENTRY_TRIGGER_EVENT_ATTRIBUTE,
+      disabled: currentBlockName === ENTRY_TRIGGER
     }
+  ];
+  const allOperandsMapping = {
+    IS_EXACT_DATE: { text: onMsg },
+    IS_BEFORE_DATE: { text: beforeMsg },
+    IS_AFTER_DATE: { text: afterMsg },
+    IS_BEFORE_DAYS: { text: xDaysBeforeMsg },
+    IS_AFTER_DAYS: { text: xDaysAfterMsg },
+    IS_INBETWEEN_DATES: { text: betweenMsg }
   };
-
-  // Destructure to exclude IS_BEFORE_DAYS and IS_AFTER_DAYS (prefixed with _ as they're intentionally unused)
-
-  var operandsMappingWithoutDays = _objectWithoutPropertiesLoose(allOperandsMapping, _excluded);
-
-  // Use filtered mapping for ENTRY_TRIGGER, otherwise use all
-  var operandsMapping = currentBlockName === ENTRY_TRIGGER ? operandsMappingWithoutDays : allOperandsMapping;
+  const {
+    IS_BEFORE_DAYS: _IS_BEFORE_DAYS,
+    IS_AFTER_DAYS: _IS_AFTER_DAYS,
+    ...operandsMappingWithoutDays
+  } = allOperandsMapping;
+  const operandsMapping = currentBlockName === ENTRY_TRIGGER ? operandsMappingWithoutDays : allOperandsMapping;
   useEffect(() => {
     getEngagementBlocksBeforeWaitTill();
   }, []);
   useEffect(() => {
     if (Object.keys(availableEngagementBlocks).length > 0) {
-      var blocksDropdown = [];
-      Object.entries(availableEngagementBlocks).forEach(_ref => {
-        var [blockKey, blockDetails] = _ref;
-        var {
-          blockType,
-          blockData,
-          name
-        } = blockDetails || {};
-        var {
-          triggerType,
-          userEventTrigger,
-          waitType
-        } = blockData || {};
-        var {
-          eventType,
-          eventCategory
-        } = userEventTrigger || {};
-        var eventName = getEventNameByType(events, eventType);
+      const blocksDropdown = [];
+      Object.entries(availableEngagementBlocks).forEach(([blockKey, blockDetails]) => {
+        const { blockType, blockData, name } = blockDetails || {};
+        const { triggerType, userEventTrigger, waitType } = blockData || {};
+        const { eventType, eventCategory } = userEventTrigger || {};
+        const eventName = getEventNameByType(events, eventType);
         if (blockType === ENTRY_TRIGGER && triggerType === USER_EVENT && eventType && eventCategory) {
           blocksDropdown.push({
-            label: /*#__PURE__*/_jsxs(CapRow, {
-              type: "flex",
-              align: "middle",
-              justify: "space-between",
-              className: "custom-dropdown-option",
-              children: [/*#__PURE__*/_jsx(CapColumn, {
-                children: /*#__PURE__*/_jsx(CapHeading, {
-                  type: "h6",
-                  className: "dropdown-event-name",
-                  children: eventName
-                })
-              }), /*#__PURE__*/_jsx(CapColumn, {
-                children: /*#__PURE__*/_jsxs(CapRow, {
-                  type: "flex",
-                  align: "middle",
-                  gutter: 8,
-                  children: [/*#__PURE__*/_jsx(CapIcon, {
-                    type: "thunderbolt",
-                    size: "s",
-                    className: "dropdown-event-icon"
-                  }), /*#__PURE__*/_jsx(CapLabel, {
-                    type: "label15",
-                    className: "dropdown-event-label",
-                    children: entryTriggerLabel
-                  })]
-                })
-              })]
-            }),
+            label: /* @__PURE__ */ jsxs(
+              CapRow,
+              {
+                type: "flex",
+                align: "middle",
+                justify: "space-between",
+                className: "custom-dropdown-option",
+                children: [
+                  /* @__PURE__ */ jsx(CapColumn, { children: /* @__PURE__ */ jsx(CapHeadingWithStatic, { type: "h6", className: "dropdown-event-name", children: eventName }) }),
+                  /* @__PURE__ */ jsx(CapColumn, { children: /* @__PURE__ */ jsxs(CapRow, { type: "flex", align: "middle", gutter: 8, children: [
+                    /* @__PURE__ */ jsx(CapIcon, { type: "thunderbolt", size: "s", className: "dropdown-event-icon" }),
+                    /* @__PURE__ */ jsx(CapLabelWithStatic, { type: "label15", className: "dropdown-event-label", children: entryTriggerLabel })
+                  ] }) })
+                ]
+              }
+            ),
             value: blockKey,
             key: blockKey
           });
         } else if (blockType === WAIT_TILL_EVENT && (waitType === WAIT_TILL_EVENT_TYPE || userEventTrigger)) {
           blocksDropdown.push({
-            label: /*#__PURE__*/_jsxs(CapRow, {
-              align: "middle",
-              justify: "space-between",
-              className: "custom-dropdown-option",
-              children: [/*#__PURE__*/_jsx(CapColumn, {
-                children: /*#__PURE__*/_jsx(CapHeading, {
-                  type: "h6",
-                  className: "dropdown-entry-trigger-name",
-                  children: eventName || waitTillEventLabel + " (" + name + ")"
-                })
-              }), /*#__PURE__*/_jsx(CapColumn, {
-                children: /*#__PURE__*/_jsxs(CapRow, {
-                  type: "flex",
-                  align: "middle",
-                  gutter: 8,
-                  children: [/*#__PURE__*/_jsx(CapIcon, {
-                    type: "clock-circle",
-                    size: "s",
-                    className: "dropdown-event-icon"
-                  }), /*#__PURE__*/_jsx(CapLabel, {
-                    type: "label15",
-                    className: "dropdown-event-label",
-                    children: waitTillEventLabel + " (" + name + ")"
-                  })]
-                })
-              })]
-            }),
+            label: /* @__PURE__ */ jsxs(CapRow, { align: "middle", justify: "space-between", className: "custom-dropdown-option", children: [
+              /* @__PURE__ */ jsx(CapColumn, { children: /* @__PURE__ */ jsx(CapHeadingWithStatic, { type: "h6", className: "dropdown-entry-trigger-name", children: eventName || `${waitTillEventLabel} (${name})` }) }),
+              /* @__PURE__ */ jsx(CapColumn, { children: /* @__PURE__ */ jsxs(CapRow, { type: "flex", align: "middle", gutter: 8, children: [
+                /* @__PURE__ */ jsx(CapIcon, { type: "clock-circle", size: "s", className: "dropdown-event-icon" }),
+                /* @__PURE__ */ jsx(CapLabelWithStatic, { type: "label15", className: "dropdown-event-label", children: `${waitTillEventLabel} (${name})` })
+              ] }) })
+            ] }),
             value: blockKey,
             key: blockKey
           });
@@ -207,76 +139,59 @@ var ConditionDate = props => {
       setBlocksDropdownData(blocksDropdown);
     }
   }, [availableEngagementBlocks]);
-  var handleBlockSelectionChange = blockId => {
-    var blockDetails = availableEngagementBlocks[blockId];
+  const handleBlockSelectionChange = (blockId) => {
+    const blockDetails = availableEngagementBlocks[blockId];
     setSelectedBlock(blockDetails);
     setEventContextData({
       resetEventContextData: true
     });
     getProfilesDetailsByBlockData(blockDetails == null ? void 0 : blockDetails.blockData);
   };
-  /**
-   * Use operandsMapping to create list of objects for dropdown.
-   */
-  var dropDown = Object.keys(conditionExpressionOptions || operandsMapping).reduce((acc, cur) => {
-    acc.push({
-      label: operandsMapping[cur].text,
-      value: cur,
-      key: cur
-    });
+  const dropDown = Object.keys(conditionExpressionOptions || operandsMapping).reduce((acc, cur) => {
+    acc.push({ label: operandsMapping[cur].text, value: cur, key: cur });
     return acc;
   }, []);
-
-  /**
-   * Initially, if no operator or unsupported operator, set it to a safe default
-   */
   useEffect(() => {
-    if (!operator || !dropDown.some(d => (d == null ? void 0 : d.value) === operator)) {
-      var _dropDown$;
-      var {
-        value = ''
-      } = (_dropDown$ = dropDown == null ? void 0 : dropDown[0]) != null ? _dropDown$ : {};
+    if (!operator || !dropDown.some((d) => (d == null ? void 0 : d.value) === operator)) {
+      const { value = "" } = (dropDown == null ? void 0 : dropDown[0]) ?? {};
       if (value) handleOperatorChange(value);
     }
   }, []);
   useEffect(() => {
     if (eventContextUniqueId && !selectedBlock && Object.keys(availableEngagementBlocks).length > 0) {
-      var blockId = eventContextUniqueId.split('__')[0];
-      var selectedBlockDetails = availableEngagementBlocks[blockId];
+      const blockId = eventContextUniqueId.split("__")[0];
+      const selectedBlockDetails = availableEngagementBlocks[blockId];
       setSelectedBlock(selectedBlockDetails);
       getProfilesDetailsByBlockData(selectedBlockDetails == null ? void 0 : selectedBlockDetails.blockData);
     }
   }, [eventContextUniqueId, selectedBlock, availableEngagementBlocks]);
-
-  /**
-   * Whenever operator is changed,
-   * update the operator and reset the operand.
-   * Validation error is handled by useEffect hooks
-   * @param {*} value : Operator selected
-   */
-  var handleOperatorChange = value => {
-    var dateValues = _extends({}, dateTypeValues);
+  const handleOperatorChange = (value) => {
+    let dateValues = { ...dateTypeValues };
     switch (value) {
       case IS_BEFORE_DAYS:
-        dateValues = _extends({}, dateValues, {
+        dateValues = {
+          ...dateValues,
           daysKey: MINUS_TIME
-        });
+        };
         break;
       case IS_AFTER_DAYS:
-        dateValues = _extends({}, dateValues, {
+        dateValues = {
+          ...dateValues,
           daysKey: PLUS_TIME
-        });
+        };
         break;
       default:
-        dateValues = _extends({}, dateValues, {
+        dateValues = {
+          ...dateValues,
           daysKey: null
-        });
+        };
     }
-    setConditionExpression(_extends({}, conditionExpression, {
+    setConditionExpression({
+      ...conditionExpression,
       operator: value,
       operand: null,
       dateTypeValues: dateValues
-    }));
+    });
   };
   useEffect(() => {
     if (isDaysOperator && eventContextSelectionValue !== ENTRY_TRIGGER_EVENT_ATTRIBUTE) {
@@ -285,111 +200,108 @@ var ConditionDate = props => {
       setEventContextSelectionValue(THE_VALUE);
     }
   }, [operator]);
-
-  // Call getGrammarDataBasedOnEvent when conditions are met
   useEffect(() => {
-    var _selectedBlock$blockD;
-    if (dateEventGrammar && eventContextSelectionValue === ENTRY_TRIGGER_EVENT_ATTRIBUTE && selectedBlock && selectedBlock != null && (_selectedBlock$blockD = selectedBlock.blockData) != null && (_selectedBlock$blockD = _selectedBlock$blockD.userEventTrigger) != null && _selectedBlock$blockD.eventType) {
-      var _selectedBlock$blockD2;
-      var treeData = getGrammarDataBasedOnEvent(dateEventGrammar, selectedBlock == null || (_selectedBlock$blockD2 = selectedBlock.blockData) == null || (_selectedBlock$blockD2 = _selectedBlock$blockD2.userEventTrigger) == null ? void 0 : _selectedBlock$blockD2.eventType, DATE_GRAMMAR_TYPE);
+    var _a, _b, _c, _d;
+    if (dateEventGrammar && eventContextSelectionValue === ENTRY_TRIGGER_EVENT_ATTRIBUTE && selectedBlock && ((_b = (_a = selectedBlock == null ? void 0 : selectedBlock.blockData) == null ? void 0 : _a.userEventTrigger) == null ? void 0 : _b.eventType)) {
+      const treeData = getGrammarDataBasedOnEvent(
+        dateEventGrammar,
+        (_d = (_c = selectedBlock == null ? void 0 : selectedBlock.blockData) == null ? void 0 : _c.userEventTrigger) == null ? void 0 : _d.eventType,
+        DATE_GRAMMAR_TYPE
+      );
       setGrammarDataBasedOnEvent(treeData);
     }
   }, [dateEventGrammar, eventContextSelectionValue, selectedBlock]);
-
-  /**
-   * Handle operand change
-   * @param {String} value : Value of input
-   */
-  var handleOperandChange = value => {
-    var newOperand = value || null;
-    setConditionExpression(_extends({}, conditionExpression, {
-      operand: newOperand
-    }));
-    // Validation error is handled by useEffect hook
+  const handleOperandChange = (value) => {
+    const newOperand = value || null;
+    setConditionExpression({ ...conditionExpression, operand: newOperand });
   };
-  var handleEventContextSelectionChange = value => {
+  const handleEventContextSelectionChange = (value) => {
     setEventContextSelectionValue(value);
   };
-
-  /**
-   * Custom event context component for x days before/after operators
-   */
-  var disableDateRange = startDate => current => {
+  const disableDateRange = (startDate) => (current) => {
     if (!startDate) return false;
-
-    // Convert moment to dayjs
-    var dayjsStartDate = momentToDayjs(startDate);
+    const dayjsStartDate = momentToDayjs(startDate);
     if (!dayjsStartDate) return false;
     return current < dayjsStartDate.startOf(TIME_UNITS.DAY);
   };
-  var getCustomEventContextComponent = () => {
-    return /*#__PURE__*/_jsx(_Fragment, {
-      children: getEventContextComponent(eventContextSelectionOptions, eventContextSelectionValue, handleEventContextSelectionChange, grammarDataBasedOnEvent, eventContextData, setEventContextData, true, blocksDropdownData, handleBlockSelectionChange, selectedBlock)
-    });
+  const getCustomEventContextComponent = () => {
+    return /* @__PURE__ */ jsx(Fragment, { children: getEventContextComponent(
+      eventContextSelectionOptions,
+      eventContextSelectionValue,
+      handleEventContextSelectionChange,
+      grammarDataBasedOnEvent,
+      eventContextData,
+      setEventContextData,
+      true,
+      blocksDropdownData,
+      handleBlockSelectionChange,
+      selectedBlock
+    ) });
   };
-
-  /**
-   * Return date picker when event context is not selected
-   */
-  var getInputElements = () => {
+  const getInputElements = () => {
     if (!operator || eventContextSelectionValue === ENTRY_TRIGGER_EVENT_ATTRIBUTE) return null;
-    return /*#__PURE__*/_jsxs(_Fragment, {
-      children: [/*#__PURE__*/_jsx(CapDatePicker, {
-        value: dateTypeValues == null ? void 0 : dateTypeValues.specificDateTimeStamp,
-        onChange: date => setConditionExpression(_extends({}, conditionExpression, {
-          dateTypeValues: _extends({}, dateTypeValues, {
-            specificDateTimeStamp: date
-          })
-        })),
-        className: "cap-condition-width-150",
-        size: "medium",
-        placeholder: "Select date"
-      }), isBetweenOperator && /*#__PURE__*/_jsxs(_Fragment, {
-        children: [/*#__PURE__*/_jsx(CapLabel, {
-          type: "label18",
-          children: andLabel
-        }), /*#__PURE__*/_jsx(CapDatePicker, {
-          value: dateTypeValues == null ? void 0 : dateTypeValues.specificDateTimeStamp2,
-          onChange: date => setConditionExpression(_extends({}, conditionExpression, {
-            dateTypeValues: _extends({}, dateTypeValues, {
-              specificDateTimeStamp2: date
-            })
-          })),
+    return /* @__PURE__ */ jsxs(Fragment, { children: [
+      /* @__PURE__ */ jsx(
+        CapDatePicker,
+        {
+          value: dateTypeValues == null ? void 0 : dateTypeValues.specificDateTimeStamp,
+          onChange: (date) => setConditionExpression({
+            ...conditionExpression,
+            dateTypeValues: { ...dateTypeValues, specificDateTimeStamp: date }
+          }),
           className: "cap-condition-width-150",
           size: "medium",
-          placeholder: "Select date",
-          disabledDate: disableDateRange(dateTypeValues == null ? void 0 : dateTypeValues.specificDateTimeStamp)
-        })]
-      })]
-    });
+          placeholder: "Select date"
+        }
+      ),
+      isBetweenOperator && /* @__PURE__ */ jsxs(Fragment, { children: [
+        /* @__PURE__ */ jsx(CapLabelWithStatic, { type: "label18", children: andLabel }),
+        /* @__PURE__ */ jsx(
+          CapDatePicker,
+          {
+            value: dateTypeValues == null ? void 0 : dateTypeValues.specificDateTimeStamp2,
+            onChange: (date) => setConditionExpression({
+              ...conditionExpression,
+              dateTypeValues: { ...dateTypeValues, specificDateTimeStamp2: date }
+            }),
+            className: "cap-condition-width-150",
+            size: "medium",
+            placeholder: "Select date",
+            disabledDate: disableDateRange(dateTypeValues == null ? void 0 : dateTypeValues.specificDateTimeStamp)
+          }
+        )
+      ] })
+    ] });
   };
-  return /*#__PURE__*/_jsx(CapSpin, {
-    spinning: (dateEventGrammar == null ? void 0 : dateEventGrammar.getGrammarStatus) === REQUEST,
-    tip: loadingTip,
-    children: /*#__PURE__*/_jsxs(StyledFlexWrapDiv, {
-      className: "cap-condition-date",
-      children: [/*#__PURE__*/_jsx(CapSelect, {
+  return /* @__PURE__ */ jsx(CapSpin, { spinning: (dateEventGrammar == null ? void 0 : dateEventGrammar.getGrammarStatus) === REQUEST, tip: loadingTip, children: /* @__PURE__ */ jsxs(StyledFlexWrapDiv, { className: "cap-condition-date", children: [
+    /* @__PURE__ */ jsx(
+      CapSelectFinal,
+      {
         options: dropDown,
         value: operator,
         className: "cap-condition-width-150",
         onChange: handleOperatorChange,
         size: "medium"
-      }), isDaysOperator && !isBetweenOperator && /*#__PURE__*/_jsxs(_Fragment, {
-        children: [/*#__PURE__*/_jsx(CapInput, {
+      }
+    ),
+    isDaysOperator && !isBetweenOperator && /* @__PURE__ */ jsxs(Fragment, { children: [
+      /* @__PURE__ */ jsx(
+        InputFinal,
+        {
           type: "number",
           placeholder: "Enter value",
           suffix: daysSuffix,
           value: operand,
-          onChange: e => handleOperandChange(e.target.value),
+          onChange: (e) => handleOperandChange(e.target.value),
           className: "cap-condition-width-120",
           size: "medium"
-        }), /*#__PURE__*/_jsx(CapLabel, {
-          type: "label18",
-          children: operator === IS_BEFORE_DAYS ? beforeLabel : afterLabel
-        })]
-      }), useEntryTriggerEventAttribute && !isBetweenOperator && getCustomEventContextComponent(), getInputElements()]
-    })
-  });
+        }
+      ),
+      /* @__PURE__ */ jsx(CapLabelWithStatic, { type: "label18", children: operator === IS_BEFORE_DAYS ? beforeLabel : afterLabel })
+    ] }),
+    useEntryTriggerEventAttribute && !isBetweenOperator && getCustomEventContextComponent(),
+    getInputElements()
+  ] }) });
 };
 ConditionDate.propTypes = {
   conditionExpressionOptions: PropTypes.object,
@@ -432,6 +344,7 @@ ConditionDate.propTypes = {
   specificDateToolTip: PropTypes.string,
   currentBlockName: PropTypes.string
 };
-export default LocaleHoc(ConditionDate, {
-  key: 'CapCondition'
-});
+const ConditionDate$1 = LocaleHoc(ConditionDate, { key: "CapCondition" });
+export {
+  ConditionDate$1 as default
+};

package/CapCondition/ConditionMultiSelect.js

@@ -1,34 +1,33 @@
-import PropTypes from 'prop-types';
-import React from 'react';
-import CapMultiSelect from "../CapMultiSelect";
-import { StyledFlexWrapDiv } from "./style";
-import { jsx as _jsx } from "react/jsx-runtime";
-export var ConditionMultiSelect = props => {
-  var {
+import { jsx } from "react/jsx-runtime";
+import PropTypes from "prop-types";
+import CapMultiSelect from "../CapMultiSelect/index.js";
+import { StyledFlexWrapDiv } from "./style.js";
+const ConditionMultiSelect = (props) => {
+  const {
     treeData = [],
     conditionExpression,
     setConditionExpression,
     placeholder,
     specialWidthReqd
   } = props;
-  var handleOnSelect = values => {
+  const handleOnSelect = (values) => {
     setConditionExpression({
       operand: values
     });
   };
-  return /*#__PURE__*/_jsx(StyledFlexWrapDiv, {
-    className: "cap-condition-multi-select",
-    children: /*#__PURE__*/_jsx(CapMultiSelect, {
+  return /* @__PURE__ */ jsx(StyledFlexWrapDiv, { className: "cap-condition-multi-select", children: /* @__PURE__ */ jsx(
+    CapMultiSelect,
+    {
       popoverClassName: "cap-condition-popover",
-      treeData: treeData,
+      treeData,
       onSelect: handleOnSelect,
-      placeholder: placeholder,
+      placeholder,
       appliedKeys: conditionExpression.operand,
       searchKey: "title",
-      width: specialWidthReqd ? '325px' : '250px',
+      width: specialWidthReqd ? "325px" : "250px",
       showSelectAllText: false
-    })
-  });
+    }
+  ) });
 };
 ConditionMultiSelect.propTypes = {
   treeData: PropTypes.array,
@@ -36,4 +35,7 @@ ConditionMultiSelect.propTypes = {
   setConditionExpression: PropTypes.func,
   placeholder: PropTypes.string
 };
-export default ConditionMultiSelect;
+export {
+  ConditionMultiSelect,
+  ConditionMultiSelect as default
+};