@capillarytech/blaze-ui 5.23.3-beta.3 → 5.23.3-beta.4

package/CapConditionPreview/index.js

@@ -1,468 +1,332 @@
-import classnames from 'classnames';
-import isEmpty from 'lodash/isEmpty';
-import React from 'react';
-import { injectIntl } from 'react-intl';
-import CapColumn from "../CapColumn";
-import messages from "../CapCondition/messages";
-import CapIcon from "../CapIcon";
-import CapLabel from "../CapLabel";
-import CapRow from "../CapRow";
-import CapTruncateList from "../CapTruncateList";
-import { FONT_COLOR_05 } from "../styles/_variables";
-import { MULTI_SELECT, LIST, NUMBER, SKU, STRING, DATE_TYPE, CUSTOM_FIELD, UPLOAD, EXTENDED_FIELD, ENTRY_TRIGGER_EVENT_ATTRIBUTE, STRING_LIST, TEXT_ON_MSG, TEXT_BEFORE_MSG, TEXT_AFTER_MSG, TEXT_BETWEEN_MSG, TEXT_DAYS_BEFORE_MSG, TEXT_DAYS_AFTER_MSG, DATE_TYPE_RANGE, DATE_TYPE_SINGLE, DATE_TYPE_DAYS_AFTER, DATE_TYPE_DAYS_BEFORE } from "./constants";
-import previewMessages from "./messages";
-import './styles.scss';
-import { jsx as _jsx, Fragment as _Fragment, jsxs as _jsxs } from "react/jsx-runtime";
-/**
- * Timezone-safe date formatting helper that detects YYYY-MM-DD format
- * and constructs a local Date to avoid timezone shifts
- */
+import { jsx, jsxs, Fragment } from "react/jsx-runtime";
+import classNames from "classnames";
+import isEmpty from "lodash/isEmpty";
+import React from "react";
+import { injectIntl } from "react-intl";
+import CapColumn from "../CapColumn/index.js";
+import messages from "../CapCondition/messages.js";
+import CapIcon from "../CapIcon/index.js";
+import CapLabelWithStatic from "../CapLabel/index.js";
+import CapRow from "../CapRow/index.js";
+import CapTruncateList from "../CapTruncateList/index.js";
+import { FONT_COLOR_05 } from "../styles/_variables.js";
+import { STRING, UPLOAD, DATE_TYPE, STRING_LIST, ENTRY_TRIGGER_EVENT_ATTRIBUTE, TEXT_DAYS_AFTER_MSG, TEXT_DAYS_BEFORE_MSG, TEXT_BETWEEN_MSG, TEXT_AFTER_MSG, TEXT_BEFORE_MSG, TEXT_ON_MSG, LIST, NUMBER, MULTI_SELECT, CUSTOM_FIELD, EXTENDED_FIELD, SKU, DATE_TYPE_DAYS_BEFORE, DATE_TYPE_DAYS_AFTER, DATE_TYPE_SINGLE, DATE_TYPE_RANGE } from "./constants.js";
+import previewMessages from "./messages.js";
+import styles from "./styles.module.scss.js";
 function formatDateForPreview(input) {
-  if (!input) return '';
+  if (!input) return "";
   try {
-    var str = String(input);
-    var m = /^(\d{4})-(\d{2})-(\d{2})$/.exec(str);
-    var d = m ? new Date(Number(m[1]), Number(m[2]) - 1, Number(m[3])) : new Date(str);
-    return Number.isNaN(d.getTime()) ? '' : d.toLocaleDateString('en-US');
-  } catch (_unused) {
-    return '';
+    const str = String(input);
+    const m = /^(\d{4})-(\d{2})-(\d{2})$/.exec(str);
+    const d = m ? new Date(Number(m[1]), Number(m[2]) - 1, Number(m[3])) : new Date(str);
+    return Number.isNaN(d.getTime()) ? "" : d.toLocaleDateString("en-US");
+  } catch {
+    return "";
   }
 }
-var {
-  CapLabelInline
-} = CapLabel;
-var CapConditionPreview = _ref => {
-  var {
-    intl: {
-      formatMessage
-    },
-    className,
-    type,
-    operand,
-    operator,
-    dstData,
-    listData = null,
-    additionalFields,
-    isExcluded,
-    conditionName,
-    skuFileName,
-    hideNumberAndProductFields = false,
-    // This flag is to hide some fields for Store profile, Custom fields etc in journey context.
-    ViewMoreLink,
-    onClickConfigure,
-    blockId,
-    setPopoverVisible,
-    entryTriggerEventAttribute,
-    dateTypeData
-  } = _ref;
-  var isStoreFilter = !isEmpty(additionalFields == null ? void 0 : additionalFields.STORE_FILTER);
-  // For date operators, we keep message keys (strings) to look up messages later
-  // For regular operators, we format the messages immediately
-  var operandsMapping = {
-    EQ: {
-      text: formatMessage(previewMessages.equalMsg),
-      isList: false
-    },
-    GT: {
-      text: formatMessage(previewMessages.greaterThanMsg),
-      isList: false
-    },
-    LT: {
-      text: formatMessage(previewMessages.lessThanMsg),
-      isList: false
-    },
-    GTE: {
-      text: formatMessage(previewMessages.greaterThanOrEqualMsg),
-      isList: false
-    },
-    LTE: {
-      text: formatMessage(previewMessages.lessThanorEqualMsg),
-      isList: false
-    },
-    IN_RANGE: {
-      text: formatMessage(previewMessages.inRangeMsg),
-      isList: true
-    },
-    NEQ: {
-      text: formatMessage(previewMessages.notEqualMsg),
-      isList: false
-    },
-    IN: {
-      text: formatMessage(previewMessages.inMsg),
-      isList: false
-    },
-    NOT_IN: {
-      text: formatMessage(previewMessages.notInMsg),
-      isList: false
-    },
+const { CapLabelInline } = CapLabelWithStatic;
+const CapConditionPreview = ({
+  intl: { formatMessage },
+  className,
+  type,
+  operand,
+  operator,
+  dstData,
+  listData = null,
+  additionalFields,
+  isExcluded,
+  conditionName,
+  skuFileName,
+  hideNumberAndProductFields = false,
+  // This flag is to hide some fields for Store profile, Custom fields etc in journey context.
+  ViewMoreLink,
+  onClickConfigure,
+  blockId,
+  setPopoverVisible,
+  entryTriggerEventAttribute,
+  dateTypeData
+}) => {
+  const isStoreFilter = !isEmpty(additionalFields == null ? void 0 : additionalFields.STORE_FILTER);
+  const operandsMapping = {
+    EQ: { text: formatMessage(previewMessages.equalMsg), isList: false },
+    GT: { text: formatMessage(previewMessages.greaterThanMsg), isList: false },
+    LT: { text: formatMessage(previewMessages.lessThanMsg), isList: false },
+    GTE: { text: formatMessage(previewMessages.greaterThanOrEqualMsg), isList: false },
+    LTE: { text: formatMessage(previewMessages.lessThanorEqualMsg), isList: false },
+    IN_RANGE: { text: formatMessage(previewMessages.inRangeMsg), isList: true },
+    NEQ: { text: formatMessage(previewMessages.notEqualMsg), isList: false },
+    IN: { text: formatMessage(previewMessages.inMsg), isList: false },
+    NOT_IN: { text: formatMessage(previewMessages.notInMsg), isList: false },
     // Date operators use message keys (not formatted) because they're used to look up messages
-    IS_EXACT_DATE: {
-      text: TEXT_ON_MSG,
-      isList: false
-    },
-    IS_BEFORE_DATE: {
-      text: TEXT_BEFORE_MSG,
-      isList: false
-    },
-    IS_AFTER_DATE: {
-      text: TEXT_AFTER_MSG,
-      isList: false
-    },
-    IS_INBETWEEN_DATES: {
-      text: TEXT_BETWEEN_MSG,
-      isList: true
-    },
-    IS_BEFORE_DAYS: {
-      text: TEXT_DAYS_BEFORE_MSG,
-      isList: false
-    },
-    IS_AFTER_DAYS: {
-      text: TEXT_DAYS_AFTER_MSG,
-      isList: false
-    }
+    IS_EXACT_DATE: { text: TEXT_ON_MSG, isList: false },
+    IS_BEFORE_DATE: { text: TEXT_BEFORE_MSG, isList: false },
+    IS_AFTER_DATE: { text: TEXT_AFTER_MSG, isList: false },
+    IS_INBETWEEN_DATES: { text: TEXT_BETWEEN_MSG, isList: true },
+    IS_BEFORE_DAYS: { text: TEXT_DAYS_BEFORE_MSG, isList: false },
+    IS_AFTER_DAYS: { text: TEXT_DAYS_AFTER_MSG, isList: false }
   };
-  var ValuesPrefix = () => {
-    var _operandsMapping$oper;
-    return /*#__PURE__*/_jsx(_Fragment, {
-      children: !hideNumberAndProductFields && operator ? /*#__PURE__*/_jsx(CapLabelInline, {
-        type: "label18",
-        children: (_operandsMapping$oper = operandsMapping[operator]) == null ? void 0 : _operandsMapping$oper.text
-      }) : null
-    });
+  const ValuesPrefix = () => {
+    var _a;
+    return /* @__PURE__ */ jsx(Fragment, { children: !hideNumberAndProductFields && operator ? /* @__PURE__ */ jsx(CapLabelInline, { type: "label18", children: (_a = operandsMapping[operator]) == null ? void 0 : _a.text }) : null });
   };
-  var downloadHandler = (event, data, downloadedFileName) => {
-    var target = event.target;
-    target.setAttribute('href', "data:text/csv;charset=utf-8," + encodeURIComponent(data));
-    target.setAttribute('download', downloadedFileName);
+  const downloadHandler = (event, data, downloadedFileName) => {
+    const target = event.target;
+    target.setAttribute("href", `data:text/csv;charset=utf-8,${encodeURIComponent(data)}`);
+    target.setAttribute("download", downloadedFileName);
   };
-  var downloadSKUs = function downloadSKUs(event, list) {
-    if (list === void 0) {
-      list = [];
-    }
-    var csvArray = [[formatMessage(previewMessages.addedSKUsMsg)]];
-    list.forEach(sku => csvArray.push([sku]));
-    var csvContent = csvArray.map(e => e.join(',')).join('\n');
-    downloadHandler(event, csvContent, skuFileName != null ? skuFileName : formatMessage(previewMessages.skuFileName));
+  const downloadSKUs = (event, list = []) => {
+    const csvArray = [[formatMessage(previewMessages.addedSKUsMsg)]];
+    list.forEach((sku) => csvArray.push([sku]));
+    const csvContent = csvArray.map((e) => e.join(",")).join("\n");
+    downloadHandler(event, csvContent, skuFileName ?? formatMessage(previewMessages.skuFileName));
   };
-  var OperandValues = _ref2 => {
-    var _operandsMapping$text, _operandsMapping;
-    var {
-      linkedFact,
-      linkedDataType,
-      linkedConditionExpression
-    } = _ref2;
-    var dataTypeLocal = type;
-    var listDataLocal = listData;
+  const OperandValues = ({
+    linkedFact,
+    linkedDataType,
+    linkedConditionExpression
+  }) => {
+    var _a, _b, _c, _d;
+    let dataTypeLocal = type;
+    let listDataLocal = listData;
     if (linkedFact) {
-      var _linkedConditionExpre;
       dataTypeLocal = linkedDataType;
-      listDataLocal = (_linkedConditionExpre = linkedConditionExpression == null ? void 0 : linkedConditionExpression.operand) != null ? _linkedConditionExpre : [];
+      listDataLocal = (linkedConditionExpression == null ? void 0 : linkedConditionExpression.operand) ?? [];
     }
-    var hasUploadedStores = false;
-    var StoreUploadMsg = /*#__PURE__*/_jsxs(CapRow, {
-      type: "flex",
-      align: "middle",
-      children: [/*#__PURE__*/_jsx(CapIcon, {
-        type: "in-progress",
-        size: "s",
-        svgProps: {
-          fill: FONT_COLOR_05
-        },
-        className: "progress-icon"
-      }), /*#__PURE__*/_jsx(CapLabel, {
-        type: "label11",
-        className: classnames("capConditionPreview__marginL4_jZmr8", "capConditionPreview__marginR4_ec7om"),
-        children: formatMessage(previewMessages.uploadInProgressMsg)
-      })]
-    });
+    let hasUploadedStores = false;
+    let StoreUploadMsg = /* @__PURE__ */ jsxs(CapRow, { type: "flex", align: "middle", children: [
+      /* @__PURE__ */ jsx(
+        CapIcon,
+        {
+          type: "in-progress",
+          size: "s",
+          svgProps: { fill: FONT_COLOR_05 },
+          className: "progress-icon"
+        }
+      ),
+      /* @__PURE__ */ jsx(
+        CapLabelWithStatic,
+        {
+          type: "label11",
+          className: classNames(
+            styles.capConditionPreview__marginL4,
+            styles.capConditionPreview__marginR4
+          ),
+          children: formatMessage(previewMessages.uploadInProgressMsg)
+        }
+      )
+    ] });
     if (isStoreFilter && (linkedConditionExpression == null ? void 0 : linkedConditionExpression.storeSource) === UPLOAD) {
-      var {
+      const {
         isStoreUploadFailed = false,
         isStoreUploadInvalid = false,
         operand: storeOperand = [],
         storeUploadIsInProgress = false
-      } = linkedConditionExpression != null ? linkedConditionExpression : {};
+      } = linkedConditionExpression ?? {};
       hasUploadedStores = true;
       if (isStoreUploadFailed || isStoreUploadInvalid) {
-        StoreUploadMsg = /*#__PURE__*/_jsxs(CapRow, {
-          type: "flex",
-          align: "middle",
-          children: [/*#__PURE__*/_jsx(CapIcon, {
-            type: "error",
-            size: "s",
-            className: classnames("capConditionPreview__errorIcon_VfChA", "capConditionPreview__marginR4_ec7om")
-          }), /*#__PURE__*/_jsx(CapLabelInline, {
-            className: "capConditionPreview__errorLabel_i8Ccp",
-            type: "label4",
-            children: isStoreUploadFailed ? formatMessage(previewMessages.uploadFailedError) : formatMessage(previewMessages.uploadInvalidErrorMsg)
-          })]
-        });
+        StoreUploadMsg = /* @__PURE__ */ jsxs(CapRow, { type: "flex", align: "middle", children: [
+          /* @__PURE__ */ jsx(
+            CapIcon,
+            {
+              type: "error",
+              size: "s",
+              className: classNames(
+                styles.capConditionPreview__errorIcon,
+                styles.capConditionPreview__marginR4
+              )
+            }
+          ),
+          /* @__PURE__ */ jsx(CapLabelInline, { className: styles.capConditionPreview__errorLabel, type: "label4", children: isStoreUploadFailed ? formatMessage(previewMessages.uploadFailedError) : formatMessage(previewMessages.uploadInvalidErrorMsg) })
+        ] });
       } else {
-        var _storeOperand$length;
-        StoreUploadMsg = !storeUploadIsInProgress ? ((_storeOperand$length = storeOperand == null ? void 0 : storeOperand.length) != null ? _storeOperand$length : 0) + " " + formatMessage(previewMessages.storesMsg) : StoreUploadMsg;
+        StoreUploadMsg = !storeUploadIsInProgress ? `${(storeOperand == null ? void 0 : storeOperand.length) ?? 0} ${formatMessage(previewMessages.storesMsg)}` : StoreUploadMsg;
       }
     }
     switch (dataTypeLocal) {
-      case MULTI_SELECT:
-        {
-          var _operandsMapping$list, _listArr$, _ref3;
-          var listArr = Array.isArray(listDataLocal) ? listDataLocal : [];
-          var operandForPreview = operandsMapping != null && operandsMapping[listArr == null ? void 0 : listArr[1]] ? (_operandsMapping$list = operandsMapping[listArr[1]]) == null ? void 0 : _operandsMapping$list.text : listArr == null || (_listArr$ = listArr[1]) == null || (_listArr$ = _listArr$.toLowerCase()) == null ? void 0 : _listArr$.replace('_', ' ');
-          return [CUSTOM_FIELD, EXTENDED_FIELD].includes(linkedFact != null ? linkedFact : '') ? /*#__PURE__*/_jsxs(_Fragment, {
-            children: [/*#__PURE__*/_jsx(CapLabel, {
-              className: "capConditionPreview__label_mJ-ad",
-              type: "label2",
-              children: listArr[0]
-            }), /*#__PURE__*/_jsx(CapLabelInline, {
-              type: "label18",
-              children: operandForPreview
-            }), /*#__PURE__*/_jsx(CapLabelInline, {
-              type: "label16",
-              children: listArr[2]
-            })]
-          }) : /*#__PURE__*/_jsxs(_Fragment, {
-            children: [!linkedFact && /*#__PURE__*/_jsx(ValuesPrefix, {}), /*#__PURE__*/_jsxs(CapRow, {
-              type: "flex",
-              align: "middle",
-              children: [!listDataLocal && /*#__PURE__*/_jsx(CapIcon, {
-                className: "offer-icon",
-                size: "s",
-                type: "attachment"
-              }), linkedFact === SKU ? /*#__PURE__*/_jsxs(_Fragment, {
-                children: [/*#__PURE__*/_jsx(CapTruncateList, {
+      case MULTI_SELECT: {
+        const listArr = Array.isArray(listDataLocal) ? listDataLocal : [];
+        const operandForPreview = (operandsMapping == null ? void 0 : operandsMapping[listArr == null ? void 0 : listArr[1]]) ? (_a = operandsMapping[listArr[1]]) == null ? void 0 : _a.text : (_c = (_b = listArr == null ? void 0 : listArr[1]) == null ? void 0 : _b.toLowerCase()) == null ? void 0 : _c.replace("_", " ");
+        return [CUSTOM_FIELD, EXTENDED_FIELD].includes(linkedFact ?? "") ? /* @__PURE__ */ jsxs(Fragment, { children: [
+          /* @__PURE__ */ jsx(CapLabelWithStatic, { className: styles.capConditionPreview__label, type: "label2", children: listArr[0] }),
+          /* @__PURE__ */ jsx(CapLabelInline, { type: "label18", children: operandForPreview }),
+          /* @__PURE__ */ jsx(CapLabelInline, { type: "label16", children: listArr[2] })
+        ] }) : /* @__PURE__ */ jsxs(Fragment, { children: [
+          !linkedFact && /* @__PURE__ */ jsx(ValuesPrefix, {}),
+          /* @__PURE__ */ jsxs(CapRow, { type: "flex", align: "middle", children: [
+            !listDataLocal && /* @__PURE__ */ jsx(CapIcon, { className: "offer-icon", size: "s", type: "attachment" }),
+            linkedFact === SKU ? /* @__PURE__ */ jsxs(Fragment, { children: [
+              /* @__PURE__ */ jsx(
+                CapTruncateList,
+                {
                   list: listArr,
                   showNumber: 1,
                   capLabelType: "label4",
                   showTooltip: false
-                }), /*#__PURE__*/_jsx("a", {
-                  className: "capConditionPreview__skuDownloadLink_-usvm",
+                }
+              ),
+              /* @__PURE__ */ jsx(
+                "a",
+                {
+                  className: styles.capConditionPreview__skuDownloadLink,
                   href: "#",
-                  onClick: e => {
+                  onClick: (e) => {
                     e.preventDefault();
                     downloadSKUs(e, listArr);
                   },
-                  children: /*#__PURE__*/_jsxs(_Fragment, {
-                    children: [/*#__PURE__*/_jsx(CapIcon, {
-                      type: "download",
-                      size: "s"
-                    }), formatMessage(previewMessages.uploadedMsg)]
-                  })
-                })]
-              }) : hasUploadedStores ? /*#__PURE__*/_jsxs(_Fragment, {
-                children: [/*#__PURE__*/_jsx(CapLabel, {
-                  type: "label4",
-                  className: "capConditionPreview__marginR20_mxubQ",
-                  children: StoreUploadMsg
-                }), ViewMoreLink && /*#__PURE__*/_jsx(ViewMoreLink, {
+                  children: /* @__PURE__ */ jsxs(Fragment, { children: [
+                    /* @__PURE__ */ jsx(CapIcon, { type: "download", size: "s" }),
+                    formatMessage(previewMessages.uploadedMsg)
+                  ] })
+                }
+              )
+            ] }) : hasUploadedStores ? /* @__PURE__ */ jsxs(Fragment, { children: [
+              /* @__PURE__ */ jsx(CapLabelWithStatic, { type: "label4", className: styles.capConditionPreview__marginR20, children: StoreUploadMsg }),
+              ViewMoreLink && /* @__PURE__ */ jsx(
+                ViewMoreLink,
+                {
                   onClick: () => {
-                    setPopoverVisible == null || setPopoverVisible(false);
+                    setPopoverVisible == null ? void 0 : setPopoverVisible(false);
                     blockId && (onClickConfigure == null ? void 0 : onClickConfigure(blockId));
                   },
                   children: formatMessage(previewMessages.viewMoreMsg)
-                })]
-              }) : /*#__PURE__*/_jsx(CapTruncateList, {
-                list: (_ref3 = listDataLocal != null ? listDataLocal : dstData == null ? void 0 : dstData.couponSeriesNames) != null ? _ref3 : [],
+                }
+              )
+            ] }) : /* @__PURE__ */ jsx(
+              CapTruncateList,
+              {
+                list: listDataLocal ?? (dstData == null ? void 0 : dstData.couponSeriesNames) ?? [],
                 showNumber: 1,
                 capLabelType: "label4"
-              })]
-            })]
-          });
-        }
+              }
+            )
+          ] })
+        ] });
+      }
       case NUMBER:
-        return /*#__PURE__*/_jsxs(_Fragment, {
-          children: [/*#__PURE__*/_jsx(ValuesPrefix, {}), /*#__PURE__*/_jsx(CapLabelInline, {
-            type: "label16",
-            children: operand
-          })]
-        });
+        return /* @__PURE__ */ jsxs(Fragment, { children: [
+          /* @__PURE__ */ jsx(ValuesPrefix, {}),
+          /* @__PURE__ */ jsx(CapLabelInline, { type: "label16", children: operand })
+        ] });
       case STRING:
         if (!hideNumberAndProductFields) {
-          return /*#__PURE__*/_jsxs(_Fragment, {
-            children: [/*#__PURE__*/_jsx(CapLabelInline, {
-              type: "label18",
-              children: (operator != null ? operator : '').toLowerCase().replace('_', ' ')
-            }), /*#__PURE__*/_jsx(CapLabelInline, {
-              type: "label16",
-              className: "capConditionPreview__string_6icZh",
-              children: operand
-            })]
-          });
+          return /* @__PURE__ */ jsxs(Fragment, { children: [
+            /* @__PURE__ */ jsx(CapLabelInline, { type: "label18", children: (operator ?? "").toLowerCase().replace("_", " ") }),
+            /* @__PURE__ */ jsx(CapLabelInline, { type: "label16", className: styles.capConditionPreview__string, children: operand })
+          ] });
         }
         return null;
-      case LIST:
-        {
-          var opArr = Array.isArray(operand) ? operand : [];
-          return /*#__PURE__*/_jsxs(_Fragment, {
-            children: [/*#__PURE__*/_jsx(ValuesPrefix, {}), /*#__PURE__*/_jsx(CapLabelInline, {
-              type: "label16",
-              children: opArr[0]
-            }), /*#__PURE__*/_jsx(CapLabelInline, {
-              type: "label18",
-              children: formatMessage(messages.andMsg)
-            }), /*#__PURE__*/_jsx(CapLabelInline, {
-              type: "label16",
-              children: opArr[1]
-            })]
-          });
-        }
+      case LIST: {
+        const opArr = Array.isArray(operand) ? operand : [];
+        return /* @__PURE__ */ jsxs(Fragment, { children: [
+          /* @__PURE__ */ jsx(ValuesPrefix, {}),
+          /* @__PURE__ */ jsx(CapLabelInline, { type: "label16", children: opArr[0] }),
+          /* @__PURE__ */ jsx(CapLabelInline, { type: "label18", children: formatMessage(messages.andMsg) }),
+          /* @__PURE__ */ jsx(CapLabelInline, { type: "label16", children: opArr[1] })
+        ] });
+      }
       case ENTRY_TRIGGER_EVENT_ATTRIBUTE:
-        return /*#__PURE__*/_jsxs(_Fragment, {
-          children: [/*#__PURE__*/_jsx(CapLabelInline, {
-            type: "label18",
-            children: (_operandsMapping$text = (_operandsMapping = operandsMapping[operator != null ? operator : '']) == null ? void 0 : _operandsMapping.text) != null ? _operandsMapping$text : (operator != null ? operator : '').toLowerCase().replace('_', ' ')
-          }), /*#__PURE__*/_jsx(CapLabelInline, {
-            type: "label16",
-            children: formatMessage(messages.entryTriggerEventAttribute)
-          }), /*#__PURE__*/_jsx(CapLabel, {
-            className: "capConditionPreview__label_mJ-ad",
-            type: "label2",
-            children: entryTriggerEventAttribute
-          })]
-        });
-      case STRING_LIST:
-        {
-          var opList = Array.isArray(operand) ? operand : [];
-          return /*#__PURE__*/_jsxs(_Fragment, {
-            children: [/*#__PURE__*/_jsx(ValuesPrefix, {}), /*#__PURE__*/_jsxs(CapLabelInline, {
-              type: "label16",
-              children: [opList == null ? void 0 : opList[0], (opList == null ? void 0 : opList.length) > 1 && " +" + (opList.length - 1) + " " + formatMessage(messages.more)]
-            })]
-          });
-        }
+        return /* @__PURE__ */ jsxs(Fragment, { children: [
+          /* @__PURE__ */ jsx(CapLabelInline, { type: "label18", children: ((_d = operandsMapping[operator ?? ""]) == null ? void 0 : _d.text) ?? (operator ?? "").toLowerCase().replace("_", " ") }),
+          /* @__PURE__ */ jsx(CapLabelInline, { type: "label16", children: formatMessage(messages.entryTriggerEventAttribute) }),
+          /* @__PURE__ */ jsx(CapLabelWithStatic, { className: styles.capConditionPreview__label, type: "label2", children: entryTriggerEventAttribute })
+        ] });
+      case STRING_LIST: {
+        const opList = Array.isArray(operand) ? operand : [];
+        return /* @__PURE__ */ jsxs(Fragment, { children: [
+          /* @__PURE__ */ jsx(ValuesPrefix, {}),
+          /* @__PURE__ */ jsxs(CapLabelInline, { type: "label16", children: [
+            opList == null ? void 0 : opList[0],
+            (opList == null ? void 0 : opList.length) > 1 && ` +${opList.length - 1} ${formatMessage(messages.more)}`
+          ] })
+        ] });
+      }
       case DATE_TYPE:
         return renderDateConditionPreview(operator, dateTypeData);
       default:
         return null;
     }
   };
-  var renderDateConditionPreview = (op, dtData) => {
-    var renderContent = () => {
-      var _operandsMapping2, _operandsMapping3, _dtData$contextData, _operandsMapping4, _dtData$contextData2;
+  const renderDateConditionPreview = (op, dtData) => {
+    const renderContent = () => {
+      var _a, _b, _c, _d, _e;
       switch (dtData == null ? void 0 : dtData.dateType) {
         case DATE_TYPE_RANGE:
-          return /*#__PURE__*/_jsxs(_Fragment, {
-            children: [/*#__PURE__*/_jsx(CapLabel, {
-              className: "capConditionPreview__label_mJ-ad",
-              type: "label2",
-              children: formatMessage(messages[operandsMapping == null || (_operandsMapping2 = operandsMapping[op != null ? op : '']) == null ? void 0 : _operandsMapping2.text])
-            }), /*#__PURE__*/_jsx(CapLabelInline, {
-              type: "label18",
-              children: formatDateForPreview(dtData == null ? void 0 : dtData.startDate)
-            }), /*#__PURE__*/_jsx(CapLabelInline, {
-              type: "label18",
-              children: formatMessage(messages.andMsg)
-            }), /*#__PURE__*/_jsx(CapLabelInline, {
-              type: "label18",
-              children: formatDateForPreview(dtData == null ? void 0 : dtData.endDate)
-            })]
-          });
+          return /* @__PURE__ */ jsxs(Fragment, { children: [
+            /* @__PURE__ */ jsx(CapLabelWithStatic, { className: styles.capConditionPreview__label, type: "label2", children: formatMessage(
+              messages[(_a = operandsMapping == null ? void 0 : operandsMapping[op ?? ""]) == null ? void 0 : _a.text]
+            ) }),
+            /* @__PURE__ */ jsx(CapLabelInline, { type: "label18", children: formatDateForPreview(dtData == null ? void 0 : dtData.startDate) }),
+            /* @__PURE__ */ jsx(CapLabelInline, { type: "label18", children: formatMessage(messages.andMsg) }),
+            /* @__PURE__ */ jsx(CapLabelInline, { type: "label18", children: formatDateForPreview(dtData == null ? void 0 : dtData.endDate) })
+          ] });
         case DATE_TYPE_SINGLE:
-          return /*#__PURE__*/_jsxs(_Fragment, {
-            children: [/*#__PURE__*/_jsx(CapLabel, {
-              className: "capConditionPreview__label_mJ-ad",
-              type: "label2",
-              children: formatMessage(messages[operandsMapping == null || (_operandsMapping3 = operandsMapping[op != null ? op : '']) == null ? void 0 : _operandsMapping3.text])
-            }), dtData != null && dtData.contextData ? /*#__PURE__*/_jsxs(_Fragment, {
-              children: [/*#__PURE__*/_jsx(CapLabelInline, {
-                type: "label4",
-                children: formatMessage(messages.endDate)
-              }), /*#__PURE__*/_jsx(CapLabelInline, {
-                type: "label18",
-                children: formatMessage(messages.of)
-              }), /*#__PURE__*/_jsx(CapLabelInline, {
-                type: "label4",
-                children: formatMessage(messages.profileNameMessage, {
-                  profileName: dtData == null || (_dtData$contextData = dtData.contextData) == null ? void 0 : _dtData$contextData.profileName
-                })
-              })]
-            }) : /*#__PURE__*/_jsx(CapLabelInline, {
-              type: "label18",
-              children: formatDateForPreview(dtData == null ? void 0 : dtData.date)
-            })]
-          });
+          return /* @__PURE__ */ jsxs(Fragment, { children: [
+            /* @__PURE__ */ jsx(CapLabelWithStatic, { className: styles.capConditionPreview__label, type: "label2", children: formatMessage(
+              messages[(_b = operandsMapping == null ? void 0 : operandsMapping[op ?? ""]) == null ? void 0 : _b.text]
+            ) }),
+            (dtData == null ? void 0 : dtData.contextData) ? /* @__PURE__ */ jsxs(Fragment, { children: [
+              /* @__PURE__ */ jsx(CapLabelInline, { type: "label4", children: formatMessage(messages.endDate) }),
+              /* @__PURE__ */ jsx(CapLabelInline, { type: "label18", children: formatMessage(messages.of) }),
+              /* @__PURE__ */ jsx(CapLabelInline, { type: "label4", children: formatMessage(messages.profileNameMessage, {
+                profileName: (_c = dtData == null ? void 0 : dtData.contextData) == null ? void 0 : _c.profileName
+              }) })
+            ] }) : /* @__PURE__ */ jsx(CapLabelInline, { type: "label18", children: formatDateForPreview(dtData == null ? void 0 : dtData.date) })
+          ] });
         case DATE_TYPE_DAYS_AFTER:
         case DATE_TYPE_DAYS_BEFORE:
-          return /*#__PURE__*/_jsxs(_Fragment, {
-            children: [/*#__PURE__*/_jsx(CapLabel, {
-              className: "capConditionPreview__label_mJ-ad",
-              type: "label2",
-              children: formatMessage(messages[operandsMapping == null || (_operandsMapping4 = operandsMapping[op != null ? op : '']) == null ? void 0 : _operandsMapping4.text], {
-                days: dtData == null ? void 0 : dtData.days
-              })
-            }), /*#__PURE__*/_jsx(CapLabelInline, {
-              type: "label4",
-              children: formatMessage(messages.endDate)
-            }), /*#__PURE__*/_jsx(CapLabelInline, {
-              type: "label18",
-              children: formatMessage(messages.of)
-            }), /*#__PURE__*/_jsx(CapLabelInline, {
-              type: "label4",
-              children: formatMessage(messages.profileNameMessage, {
-                profileName: dtData == null || (_dtData$contextData2 = dtData.contextData) == null ? void 0 : _dtData$contextData2.profileName
-              })
-            })]
-          });
+          return /* @__PURE__ */ jsxs(Fragment, { children: [
+            /* @__PURE__ */ jsx(CapLabelWithStatic, { className: styles.capConditionPreview__label, type: "label2", children: formatMessage(
+              messages[(_d = operandsMapping == null ? void 0 : operandsMapping[op ?? ""]) == null ? void 0 : _d.text],
+              { days: dtData == null ? void 0 : dtData.days }
+            ) }),
+            /* @__PURE__ */ jsx(CapLabelInline, { type: "label4", children: formatMessage(messages.endDate) }),
+            /* @__PURE__ */ jsx(CapLabelInline, { type: "label18", children: formatMessage(messages.of) }),
+            /* @__PURE__ */ jsx(CapLabelInline, { type: "label4", children: formatMessage(messages.profileNameMessage, {
+              profileName: (_e = dtData == null ? void 0 : dtData.contextData) == null ? void 0 : _e.profileName
+            }) })
+          ] });
         default:
           return null;
       }
     };
     return renderContent();
   };
-  var LabelType = _ref4 => {
-    var {
-      children
-    } = _ref4;
-    return /*#__PURE__*/_jsx(CapLabelInline, {
-      type: "label18",
-      children: children
-    });
-  };
-  var getAdditionalConditions = () => Object.values(additionalFields != null ? additionalFields : {}).length > 0 ? Object.entries(additionalFields != null ? additionalFields : {}).map((_ref5, index) => {
-    var _operandsMapping5, _linkedConditionExpre2;
-    var [key, {
-      description: linkedDescription,
-      factId: linkedFact,
-      expression: linkedConditionExpression
-    }] = _ref5;
-    return /*#__PURE__*/_jsxs(React.Fragment, {
-      children: [!hideNumberAndProductFields && /*#__PURE__*/_jsx(LabelType, {
-        children: !index ? formatMessage(previewMessages.lineItemMsg) : formatMessage(messages.andMsg)
-      }), !hideNumberAndProductFields && /*#__PURE__*/_jsx(CapLabel, {
-        className: "capConditionPreview__label_mJ-ad",
-        type: "label2",
-        children: linkedDescription
-      }), !hideNumberAndProductFields && linkedConditionExpression && /*#__PURE__*/_jsx(CapLabelInline, {
-        type: "label18",
-        children: (_operandsMapping5 = operandsMapping[(_linkedConditionExpre2 = linkedConditionExpression.operator) != null ? _linkedConditionExpre2 : '']) == null ? void 0 : _operandsMapping5.text
-      }), /*#__PURE__*/_jsx(OperandValues, {
-        linkedFact: linkedFact,
-        linkedDataType: MULTI_SELECT,
-        linkedConditionExpression: linkedConditionExpression
-      })]
-    }, key);
-  }) : null;
-  return /*#__PURE__*/_jsx(CapRow, {
-    className: classnames(className, 'cap-condition-wrapper'),
-    children: /*#__PURE__*/_jsx(CapColumn, {
-      xs: 25,
-      children: /*#__PURE__*/_jsxs("div", {
-        className: "capConditionPreview__flexWrapDiv_qGPbm",
-        children: [/*#__PURE__*/_jsx(CapLabelInline, {
-          type: "label18",
-          children: isExcluded ? formatMessage(previewMessages.excludeMsg) : formatMessage(previewMessages.includeMsg)
-        }), /*#__PURE__*/_jsx(CapLabelInline, {
-          type: "label18",
-          children: formatMessage(previewMessages.whoseMsg)
-        }), /*#__PURE__*/_jsx(CapLabel, {
-          className: "capConditionPreview__label_mJ-ad",
-          type: "label2",
-          children: conditionName
-        }), (type !== STRING || hideNumberAndProductFields) && /*#__PURE__*/_jsx(CapLabelInline, {
-          type: "label18",
-          children: formatMessage(previewMessages.isMsg)
-        }), !hideNumberAndProductFields && /*#__PURE__*/_jsx(OperandValues, {}), getAdditionalConditions()]
-      })
-    })
-  });
+  const LabelType = ({ children }) => /* @__PURE__ */ jsx(CapLabelInline, { type: "label18", children });
+  const getAdditionalConditions = () => Object.values(additionalFields ?? {}).length > 0 ? Object.entries(additionalFields ?? {}).map(
+    ([
+      key,
+      {
+        description: linkedDescription,
+        factId: linkedFact,
+        expression: linkedConditionExpression
+      }
+    ], index2) => {
+      var _a;
+      return /* @__PURE__ */ jsxs(React.Fragment, { children: [
+        !hideNumberAndProductFields && /* @__PURE__ */ jsx(LabelType, { children: !index2 ? formatMessage(previewMessages.lineItemMsg) : formatMessage(messages.andMsg) }),
+        !hideNumberAndProductFields && /* @__PURE__ */ jsx(CapLabelWithStatic, { className: styles.capConditionPreview__label, type: "label2", children: linkedDescription }),
+        !hideNumberAndProductFields && linkedConditionExpression && /* @__PURE__ */ jsx(CapLabelInline, { type: "label18", children: (_a = operandsMapping[linkedConditionExpression.operator ?? ""]) == null ? void 0 : _a.text }),
+        /* @__PURE__ */ jsx(
+          OperandValues,
+          {
+            linkedFact,
+            linkedDataType: MULTI_SELECT,
+            linkedConditionExpression
+          }
+        )
+      ] }, key);
+    }
+  ) : null;
+  return /* @__PURE__ */ jsx(CapRow, { className: classNames(className, "cap-condition-wrapper"), children: /* @__PURE__ */ jsx(CapColumn, { xs: 25, children: /* @__PURE__ */ jsxs("div", { className: styles.capConditionPreview__flexWrapDiv, children: [
+    /* @__PURE__ */ jsx(CapLabelInline, { type: "label18", children: isExcluded ? formatMessage(previewMessages.excludeMsg) : formatMessage(previewMessages.includeMsg) }),
+    /* @__PURE__ */ jsx(CapLabelInline, { type: "label18", children: formatMessage(previewMessages.whoseMsg) }),
+    /* @__PURE__ */ jsx(CapLabelWithStatic, { className: styles.capConditionPreview__label, type: "label2", children: conditionName }),
+    (type !== STRING || hideNumberAndProductFields) && /* @__PURE__ */ jsx(CapLabelInline, { type: "label18", children: formatMessage(previewMessages.isMsg) }),
+    !hideNumberAndProductFields && /* @__PURE__ */ jsx(OperandValues, {}),
+    getAdditionalConditions()
+  ] }) }) });
+};
+const index = injectIntl(CapConditionPreview);
+export {
+  index as default
 };
-export default injectIntl(CapConditionPreview);