@capillarytech/blaze-ui 5.0.9 → 5.0.10

package/CapConditionPreview/index.js

@@ -2731,25 +2731,6 @@ var _default = exports["default"] = SvgFacebookFilled;
 
 /***/ }),
 
-/***/ 15799:
-/***/ ((__unused_webpack_module, exports, __webpack_require__) => {
-
-"use strict";
-
-
-exports.__esModule = true;
-exports.StyledFlexWrapDiv = exports.StyledCapLabel = exports.SkuDownloadLink = void 0;
-var _styledComponents = _interopRequireDefault(__webpack_require__(76480));
-var _CapLabel = _interopRequireDefault(__webpack_require__(92675));
-var _templateObject, _templateObject2, _templateObject3;
-function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
-function _taggedTemplateLiteralLoose(e, t) { return t || (t = e.slice(0)), e.raw = t, e; }
-const StyledFlexWrapDiv = exports.StyledFlexWrapDiv = _styledComponents.default.div(_templateObject || (_templateObject = _taggedTemplateLiteralLoose(["\n  display: flex;\n  align-items: center;\n  flex-wrap: wrap;\n  & > * {\n    margin: 6px 4px;\n  }\n"])));
-const SkuDownloadLink = exports.SkuDownloadLink = _styledComponents.default.a(_templateObject2 || (_templateObject2 = _taggedTemplateLiteralLoose(["\n  display: flex;\n  align-items: center;\n  margin-left: 8px;\n  & > .cap-icon-v2-download {\n    margin-right: 4px;\n  }\n"])));
-const StyledCapLabel = exports.StyledCapLabel = (0, _styledComponents.default)(_CapLabel.default)(_templateObject3 || (_templateObject3 = _taggedTemplateLiteralLoose(["\n  background-color: #ecece7;\n  border-radius: 16px;\n  height: 32px;\n  padding: 9px 13px;\n"])));
-
-/***/ }),
-
 /***/ 15969:
 /***/ ((__unused_webpack_module, exports, __webpack_require__) => {
 
@@ -14811,14 +14792,6 @@ var update = _node_modules_style_loader_dist_runtime_injectStylesIntoStyleTag_js
        /* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = ((_node_modules_css_loader_dist_cjs_js_ruleSet_1_rules_1_use_1_node_modules_sass_loader_dist_cjs_js_ruleSet_1_rules_1_use_2_styles_scss__WEBPACK_IMPORTED_MODULE_5___default()) && (_node_modules_css_loader_dist_cjs_js_ruleSet_1_rules_1_use_1_node_modules_sass_loader_dist_cjs_js_ruleSet_1_rules_1_use_2_styles_scss__WEBPACK_IMPORTED_MODULE_5___default().locals) ? (_node_modules_css_loader_dist_cjs_js_ruleSet_1_rules_1_use_1_node_modules_sass_loader_dist_cjs_js_ruleSet_1_rules_1_use_2_styles_scss__WEBPACK_IMPORTED_MODULE_5___default().locals) : undefined);
 
 
-/***/ }),
-
-/***/ 76480:
-/***/ ((module) => {
-
-"use strict";
-module.exports = require("styled-components");
-
 /***/ }),
 
 /***/ 76545:
@@ -17986,10 +17959,13 @@ var ___CSS_LOADER_API_NO_SOURCEMAP_IMPORT___ = __webpack_require__(31601);
 var ___CSS_LOADER_API_IMPORT___ = __webpack_require__(76314);
 var ___CSS_LOADER_EXPORT___ = ___CSS_LOADER_API_IMPORT___(___CSS_LOADER_API_NO_SOURCEMAP_IMPORT___);
 // Module
-___CSS_LOADER_EXPORT___.push([module.id, `.cap-condition-preview-string{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}`, ""]);
+___CSS_LOADER_EXPORT___.push([module.id, `.capConditionPreview__string{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.capConditionPreview__flexWrapDiv{display:flex;align-items:center;flex-wrap:wrap}.capConditionPreview__flexWrapDiv>*{margin:.428rem .285rem}.capConditionPreview__skuDownloadLink{display:flex;align-items:center;margin-left:.571rem}.capConditionPreview__skuDownloadLink>.cap-icon-v2-download{margin-right:.285rem}.capConditionPreview__label{background-color:#ecece7;border-radius:1.143rem;height:2.285rem;padding:.642rem .928rem}.margin-r-4{margin-right:.285rem}.margin-l-4{margin-left:.285rem}.margin-r-20{margin-right:1.428rem}`, ""]);
 // Exports
 ___CSS_LOADER_EXPORT___.locals = {
-	"cap-condition-preview-string": `cap-condition-preview-string`
+	"capConditionPreview__string": `capConditionPreview__string`,
+	"capConditionPreview__flexWrapDiv": `capConditionPreview__flexWrapDiv`,
+	"capConditionPreview__skuDownloadLink": `capConditionPreview__skuDownloadLink`,
+	"capConditionPreview__label": `capConditionPreview__label`
 };
 module.exports = ___CSS_LOADER_EXPORT___;
 
@@ -18198,7 +18174,6 @@ exports.__esModule = true;
 exports["default"] = void 0;
 var _classnames = _interopRequireDefault(__webpack_require__(46942));
 var _isEmpty = _interopRequireDefault(__webpack_require__(62193));
-var _propTypes = _interopRequireDefault(__webpack_require__(43363));
 var _react = _interopRequireDefault(__webpack_require__(9206));
 var _reactIntl = __webpack_require__(46407);
 var _CapColumn = _interopRequireDefault(__webpack_require__(4757));
@@ -18210,21 +18185,21 @@ var _CapTruncateList = _interopRequireDefault(__webpack_require__(14545));
 var _LocaleHoc = _interopRequireDefault(__webpack_require__(39879));
 var _variables = __webpack_require__(56587);
 var _constants = __webpack_require__(41859);
-var _style = __webpack_require__(15799);
-__webpack_require__(29236);
+var _styles = _interopRequireDefault(__webpack_require__(29236));
 var _jsxRuntime = __webpack_require__(74848);
 function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
-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); } /**
+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); }
+/**
  * Timezone-safe date formatting helper that detects YYYY-MM-DD format
  * and constructs a local Date to avoid timezone shifts
  */
 function formatDateForPreview(input) {
   if (!input) return '';
   try {
-    // Treat YYYY-MM-DD as a local calendar date to avoid TZ shift
-    const m = /^(\d{4})-(\d{2})-(\d{2})$/.exec(input);
-    const d = m ? new Date(Number(m[1]), Number(m[2]) - 1, Number(m[3])) : new Date(input);
-    return Number.isNaN(d.getTime()) ? '' : d.toLocaleDateString('en-US'); // or use browser locale if desired
+    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 (_unused) {
     return '';
   }
@@ -18262,7 +18237,6 @@ const CapConditionPreview = _ref => {
     inMsg,
     notInMsg,
     hideNumberAndProductFields = false,
-    // This flag is to hide some fields for Store profile, Custom fields etc in journey context.
     viewMoreMsg,
     storesMsg,
     uploadInProgressMsg,
@@ -18276,9 +18250,6 @@ const CapConditionPreview = _ref => {
     dateTypeData
   } = _ref;
   const isStoreFilter = !(0, _isEmpty.default)(additionalFields == null ? void 0 : additionalFields.STORE_FILTER);
-  /**
-   * operandsMapping, mapping for supported operands for numbers
-   */
   const operandsMapping = {
     EQ: {
       text: equalMsg,
@@ -18341,28 +18312,31 @@ const CapConditionPreview = _ref => {
       isList: false
     }
   };
-  const ValuesPrefix = () => /*#__PURE__*/(0, _jsxRuntime.jsx)(_jsxRuntime.Fragment, {
-    children: !hideNumberAndProductFields && operator ? /*#__PURE__*/(0, _jsxRuntime.jsx)(CapLabelInline, {
-      type: "label18",
-      children: operandsMapping[operator].text
-    }) : null
-  });
-
-  //common function to handle csv downloads
+  const ValuesPrefix = () => {
+    var _operandsMapping$oper;
+    return /*#__PURE__*/(0, _jsxRuntime.jsx)(_jsxRuntime.Fragment, {
+      children: !hideNumberAndProductFields && operator ? /*#__PURE__*/(0, _jsxRuntime.jsx)(CapLabelInline, {
+        type: "label18",
+        children: (_operandsMapping$oper = operandsMapping[operator]) == null ? void 0 : _operandsMapping$oper.text
+      }) : null
+    });
+  };
   const downloadHandler = (event, data, downloadedFileName) => {
-    event.target.setAttribute('href', "data:text/csv;charset=utf-8," + encodeURIComponent(data));
-    event.target.setAttribute('download', downloadedFileName);
+    const target = event.currentTarget;
+    target.setAttribute('href', "data:text/csv;charset=utf-8," + encodeURIComponent(data));
+    target.setAttribute('download', downloadedFileName);
   };
   const downloadSKUs = function (event, list) {
     if (list === void 0) {
       list = [];
     }
-    const csvArray = [[addedSKUsMsg]];
+    const csvArray = [[addedSKUsMsg != null ? addedSKUsMsg : '']];
     list.forEach(sku => csvArray.push([sku]));
     const csvContent = csvArray.map(e => e.join(',')).join('\n');
-    downloadHandler(event, csvContent, skuFileName);
+    downloadHandler(event, csvContent, skuFileName != null ? skuFileName : '');
   };
   const OperandValues = _ref2 => {
+    var _operandsMapping$text, _operandsMapping;
     let {
       linkedFact,
       linkedDataType,
@@ -18371,8 +18345,9 @@ const CapConditionPreview = _ref => {
     let dataTypeLocal = type;
     let listDataLocal = listData;
     if (linkedFact) {
+      var _linkedConditionExpre;
       dataTypeLocal = linkedDataType;
-      listDataLocal = (linkedConditionExpression == null ? void 0 : linkedConditionExpression.operand) || [];
+      listDataLocal = (_linkedConditionExpre = linkedConditionExpression == null ? void 0 : linkedConditionExpression.operand) != null ? _linkedConditionExpre : [];
     }
     let hasUploadedStores = false;
     let StoreUploadMsg = /*#__PURE__*/(0, _jsxRuntime.jsxs)(_CapRow.default, {
@@ -18395,9 +18370,9 @@ const CapConditionPreview = _ref => {
       const {
         isStoreUploadFailed = false,
         isStoreUploadInvalid = false,
-        operand = [],
+        operand: storeOperand = [],
         storeUploadIsInProgress = false
-      } = linkedConditionExpression || {};
+      } = linkedConditionExpression != null ? linkedConditionExpression : {};
       hasUploadedStores = true;
       if (isStoreUploadFailed || isStoreUploadInvalid) {
         StoreUploadMsg = /*#__PURE__*/(0, _jsxRuntime.jsxs)(_CapRow.default, {
@@ -18410,7 +18385,7 @@ const CapConditionPreview = _ref => {
               color: _variables.CAP_RED
             },
             className: "margin-r-4"
-          }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_CapLabel.default.CapLabelInline, {
+          }), /*#__PURE__*/(0, _jsxRuntime.jsx)(CapLabelInline, {
             style: {
               color: _variables.CAP_RED
             },
@@ -18419,24 +18394,27 @@ const CapConditionPreview = _ref => {
           })]
         });
       } else {
-        StoreUploadMsg = !storeUploadIsInProgress ? (operand == null ? void 0 : operand.length) + " " + storesMsg : StoreUploadMsg;
+        var _storeOperand$length;
+        StoreUploadMsg = !storeUploadIsInProgress ? ((_storeOperand$length = storeOperand == null ? void 0 : storeOperand.length) != null ? _storeOperand$length : 0) + " " + storesMsg : StoreUploadMsg;
       }
     }
     switch (dataTypeLocal) {
       case _constants.MULTI_SELECT:
         {
-          var _listDataLocal, _operandsMapping$list, _listDataLocal2, _listDataLocal3;
-          const operandForPreview = operandsMapping != null && operandsMapping[(_listDataLocal = listDataLocal) == null ? void 0 : _listDataLocal[1]] ? operandsMapping == null || (_operandsMapping$list = operandsMapping[(_listDataLocal2 = listDataLocal) == null ? void 0 : _listDataLocal2[1]]) == null ? void 0 : _operandsMapping$list.text : (_listDataLocal3 = listDataLocal) == null || (_listDataLocal3 = _listDataLocal3[1]) == null || (_listDataLocal3 = _listDataLocal3.toLowerCase()) == null ? void 0 : _listDataLocal3.replace('_', ' ');
-          return [_constants.CUSTOM_FIELD, _constants.EXTENDED_FIELD].includes(linkedFact) ? /*#__PURE__*/(0, _jsxRuntime.jsxs)(_jsxRuntime.Fragment, {
-            children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_style.StyledCapLabel, {
+          var _operandsMapping$list, _listArr$, _ref3;
+          const listArr = Array.isArray(listDataLocal) ? listDataLocal : [];
+          const 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 [_constants.CUSTOM_FIELD, _constants.EXTENDED_FIELD].includes(linkedFact != null ? linkedFact : '') ? /*#__PURE__*/(0, _jsxRuntime.jsxs)(_jsxRuntime.Fragment, {
+            children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_CapLabel.default, {
+              className: _styles.default.capConditionPreview__label,
               type: "label2",
-              children: listDataLocal[0]
+              children: listArr[0]
             }), /*#__PURE__*/(0, _jsxRuntime.jsx)(CapLabelInline, {
               type: "label18",
               children: operandForPreview
             }), /*#__PURE__*/(0, _jsxRuntime.jsx)(CapLabelInline, {
               type: "label16",
-              children: listDataLocal[2]
+              children: listArr[2]
             })]
           }) : /*#__PURE__*/(0, _jsxRuntime.jsxs)(_jsxRuntime.Fragment, {
             children: [!linkedFact && /*#__PURE__*/(0, _jsxRuntime.jsx)(ValuesPrefix, {}), /*#__PURE__*/(0, _jsxRuntime.jsxs)(_CapRow.default, {
@@ -18448,12 +18426,17 @@ const CapConditionPreview = _ref => {
                 type: "attachment"
               }), linkedFact === _constants.SKU ? /*#__PURE__*/(0, _jsxRuntime.jsxs)(_jsxRuntime.Fragment, {
                 children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_CapTruncateList.default, {
-                  list: listDataLocal,
+                  list: listArr,
                   showNumber: 1,
                   capLabelType: "label4",
                   showTooltip: false
-                }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_style.SkuDownloadLink, {
-                  onClick: e => downloadSKUs(e, listDataLocal),
+                }), /*#__PURE__*/(0, _jsxRuntime.jsx)("a", {
+                  className: _styles.default.capConditionPreview__skuDownloadLink,
+                  href: "#",
+                  onClick: e => {
+                    e.preventDefault();
+                    downloadSKUs(e, listArr);
+                  },
                   children: /*#__PURE__*/(0, _jsxRuntime.jsxs)(_jsxRuntime.Fragment, {
                     children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_CapIcon.default, {
                       type: "download",
@@ -18466,15 +18449,15 @@ const CapConditionPreview = _ref => {
                   type: "label4",
                   className: "margin-r-20",
                   children: StoreUploadMsg
-                }), /*#__PURE__*/(0, _jsxRuntime.jsx)(ViewMoreLink, {
+                }), ViewMoreLink && /*#__PURE__*/(0, _jsxRuntime.jsx)(ViewMoreLink, {
                   onClick: () => {
-                    setPopoverVisible(false);
-                    onClickConfigure(blockId);
+                    setPopoverVisible == null || setPopoverVisible(false);
+                    blockId && (onClickConfigure == null ? void 0 : onClickConfigure(blockId));
                   },
                   children: viewMoreMsg
                 })]
               }) : /*#__PURE__*/(0, _jsxRuntime.jsx)(_CapTruncateList.default, {
-                list: listDataLocal || dstData.couponSeriesNames,
+                list: (_ref3 = listDataLocal != null ? listDataLocal : dstData == null ? void 0 : dstData.couponSeriesNames) != null ? _ref3 : [],
                 showNumber: 1,
                 capLabelType: "label4"
               })]
@@ -18493,82 +18476,89 @@ const CapConditionPreview = _ref => {
           return /*#__PURE__*/(0, _jsxRuntime.jsxs)(_jsxRuntime.Fragment, {
             children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(CapLabelInline, {
               type: "label18",
-              children: (operator || '').toLowerCase().replace('_', ' ')
+              children: (operator != null ? operator : '').toLowerCase().replace('_', ' ')
             }), /*#__PURE__*/(0, _jsxRuntime.jsx)(CapLabelInline, {
               type: "label16",
-              className: "cap-condition-preview-string",
+              className: _styles.default.capConditionPreview__string,
               children: operand
             })]
           });
         }
         return null;
       case _constants.LIST:
-        return /*#__PURE__*/(0, _jsxRuntime.jsxs)(_jsxRuntime.Fragment, {
-          children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(ValuesPrefix, {}), /*#__PURE__*/(0, _jsxRuntime.jsx)(CapLabelInline, {
-            type: "label16",
-            children: operand[0]
-          }), /*#__PURE__*/(0, _jsxRuntime.jsx)(CapLabelInline, {
-            type: "label18",
-            children: andMsg
-          }), /*#__PURE__*/(0, _jsxRuntime.jsx)(CapLabelInline, {
-            type: "label16",
-            children: operand[1]
-          })]
-        });
+        {
+          const opArr = Array.isArray(operand) ? operand : [];
+          return /*#__PURE__*/(0, _jsxRuntime.jsxs)(_jsxRuntime.Fragment, {
+            children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(ValuesPrefix, {}), /*#__PURE__*/(0, _jsxRuntime.jsx)(CapLabelInline, {
+              type: "label16",
+              children: opArr[0]
+            }), /*#__PURE__*/(0, _jsxRuntime.jsx)(CapLabelInline, {
+              type: "label18",
+              children: andMsg
+            }), /*#__PURE__*/(0, _jsxRuntime.jsx)(CapLabelInline, {
+              type: "label16",
+              children: opArr[1]
+            })]
+          });
+        }
       case _constants.ENTRY_TRIGGER_EVENT_ATTRIBUTE:
         return /*#__PURE__*/(0, _jsxRuntime.jsxs)(_jsxRuntime.Fragment, {
           children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(CapLabelInline, {
             type: "label18",
-            children: operandsMapping[operator] ? operandsMapping[operator].text : (operator || '').toLowerCase().replace('_', ' ')
+            children: (_operandsMapping$text = (_operandsMapping = operandsMapping[operator != null ? operator : '']) == null ? void 0 : _operandsMapping.text) != null ? _operandsMapping$text : (operator != null ? operator : '').toLowerCase().replace('_', ' ')
           }), /*#__PURE__*/(0, _jsxRuntime.jsx)(CapLabelInline, {
             type: "label16",
             children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactIntl.FormattedMessage, _extends({}, _messages.default.entryTriggerEventAttribute))
-          }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_style.StyledCapLabel, {
+          }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_CapLabel.default, {
+            className: _styles.default.capConditionPreview__label,
             type: "label2",
             children: entryTriggerEventAttribute
           })]
         });
       case _constants.STRING_LIST:
-        return /*#__PURE__*/(0, _jsxRuntime.jsxs)(_jsxRuntime.Fragment, {
-          children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(ValuesPrefix, {}), /*#__PURE__*/(0, _jsxRuntime.jsxs)(CapLabelInline, {
-            type: "label16",
-            children: [operand == null ? void 0 : operand[0], (operand == null ? void 0 : operand.length) > 1 && " +" + ((operand == null ? void 0 : operand.length) - 1), ' ', /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactIntl.FormattedMessage, _extends({}, _messages.default.more))]
-          })]
-        });
+        {
+          const opList = Array.isArray(operand) ? operand : [];
+          return /*#__PURE__*/(0, _jsxRuntime.jsxs)(_jsxRuntime.Fragment, {
+            children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(ValuesPrefix, {}), /*#__PURE__*/(0, _jsxRuntime.jsxs)(CapLabelInline, {
+              type: "label16",
+              children: [opList == null ? void 0 : opList[0], (opList == null ? void 0 : opList.length) > 1 && " +" + (opList.length - 1), ' ', /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactIntl.FormattedMessage, _extends({}, _messages.default.more))]
+            })]
+          });
+        }
       case _constants.DATE_TYPE:
         return renderDateConditionPreview(operator, dateTypeData);
       default:
         return null;
     }
   };
-
-  // Helper function to render date condition preview
-  const renderDateConditionPreview = (operator, dateTypeData) => {
+  const renderDateConditionPreview = (op, dtData) => {
     const renderContent = () => {
-      var _operandsMapping$oper, _operandsMapping$oper2, _dateTypeData$context, _operandsMapping$oper3, _dateTypeData$context2;
-      switch (dateTypeData == null ? void 0 : dateTypeData.dateType) {
+      var _operandsMapping2, _operandsMapping3, _dtData$contextData, _operandsMapping4, _dtData$contextData2;
+      switch (dtData == null ? void 0 : dtData.dateType) {
         case _constants.DATE_TYPE_RANGE:
           return /*#__PURE__*/(0, _jsxRuntime.jsxs)(_jsxRuntime.Fragment, {
-            children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_style.StyledCapLabel, {
+            children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_CapLabel.default, {
+              className: _styles.default.capConditionPreview__label,
               type: "label2",
-              children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactIntl.FormattedMessage, _extends({}, _messages.default[operandsMapping == null || (_operandsMapping$oper = operandsMapping[operator]) == null ? void 0 : _operandsMapping$oper.text]))
+              children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactIntl.FormattedMessage, _extends({}, _messages.default[operandsMapping == null || (_operandsMapping2 = operandsMapping[op != null ? op : '']) == null ? void 0 : _operandsMapping2.text]))
             }), /*#__PURE__*/(0, _jsxRuntime.jsx)(CapLabelInline, {
               type: "label18",
-              children: formatDateForPreview(dateTypeData == null ? void 0 : dateTypeData.startDate)
+              children: formatDateForPreview(dtData == null ? void 0 : dtData.startDate)
             }), /*#__PURE__*/(0, _jsxRuntime.jsx)(CapLabelInline, {
               type: "label18",
               children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactIntl.FormattedMessage, _extends({}, _messages.default.andMsg))
             }), /*#__PURE__*/(0, _jsxRuntime.jsx)(CapLabelInline, {
               type: "label18",
-              children: formatDateForPreview(dateTypeData == null ? void 0 : dateTypeData.endDate)
+              children: formatDateForPreview(dtData == null ? void 0 : dtData.endDate)
             })]
           });
         case _constants.DATE_TYPE_SINGLE:
           return /*#__PURE__*/(0, _jsxRuntime.jsxs)(_jsxRuntime.Fragment, {
-            children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_style.StyledCapLabel, {
+            children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_CapLabel.default, {
+              className: _styles.default.capConditionPreview__label,
               type: "label2",
-              children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactIntl.FormattedMessage, _extends({}, _messages.default[operandsMapping == null || (_operandsMapping$oper2 = operandsMapping[operator]) == null ? void 0 : _operandsMapping$oper2.text]))
-            }), dateTypeData != null && dateTypeData.contextData ? /*#__PURE__*/(0, _jsxRuntime.jsxs)(_jsxRuntime.Fragment, {
+              children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactIntl.FormattedMessage, _extends({}, _messages.default[operandsMapping == null || (_operandsMapping3 = operandsMapping[op != null ? op : '']) == null ? void 0 : _operandsMapping3.text]))
+            }), dtData != null && dtData.contextData ? /*#__PURE__*/(0, _jsxRuntime.jsxs)(_jsxRuntime.Fragment, {
               children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(CapLabelInline, {
                 type: "label4",
                 children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactIntl.FormattedMessage, _extends({}, _messages.default.endDate))
@@ -18579,23 +18569,24 @@ const CapConditionPreview = _ref => {
                 type: "label4",
                 children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactIntl.FormattedMessage, _extends({}, _messages.default.profileNameMessage, {
                   values: {
-                    profileName: dateTypeData == null || (_dateTypeData$context = dateTypeData.contextData) == null ? void 0 : _dateTypeData$context.profileName
+                    profileName: dtData == null || (_dtData$contextData = dtData.contextData) == null ? void 0 : _dtData$contextData.profileName
                   }
                 }))
               })]
             }) : /*#__PURE__*/(0, _jsxRuntime.jsx)(CapLabelInline, {
               type: "label18",
-              children: formatDateForPreview(dateTypeData.date)
+              children: formatDateForPreview(dtData == null ? void 0 : dtData.date)
             })]
           });
         case _constants.DATE_TYPE_DAYS_AFTER:
         case _constants.DATE_TYPE_DAYS_BEFORE:
           return /*#__PURE__*/(0, _jsxRuntime.jsxs)(_jsxRuntime.Fragment, {
-            children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_style.StyledCapLabel, {
+            children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_CapLabel.default, {
+              className: _styles.default.capConditionPreview__label,
               type: "label2",
-              children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactIntl.FormattedMessage, _extends({}, _messages.default[operandsMapping == null || (_operandsMapping$oper3 = operandsMapping[operator]) == null ? void 0 : _operandsMapping$oper3.text], {
+              children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactIntl.FormattedMessage, _extends({}, _messages.default[operandsMapping == null || (_operandsMapping4 = operandsMapping[op != null ? op : '']) == null ? void 0 : _operandsMapping4.text], {
                 values: {
-                  days: dateTypeData == null ? void 0 : dateTypeData.days
+                  days: dtData == null ? void 0 : dtData.days
                 }
               }))
             }), /*#__PURE__*/(0, _jsxRuntime.jsx)(CapLabelInline, {
@@ -18608,7 +18599,7 @@ const CapConditionPreview = _ref => {
               type: "label4",
               children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactIntl.FormattedMessage, _extends({}, _messages.default.profileNameMessage, {
                 values: {
-                  profileName: dateTypeData == null || (_dateTypeData$context2 = dateTypeData.contextData) == null ? void 0 : _dateTypeData$context2.profileName
+                  profileName: dtData == null || (_dtData$contextData2 = dtData.contextData) == null ? void 0 : _dtData$contextData2.profileName
                 }
               }))
             })]
@@ -18619,54 +18610,53 @@ const CapConditionPreview = _ref => {
     };
     return renderContent();
   };
-  const LabelType = _ref3 => {
+  const LabelType = _ref4 => {
     let {
       children
-    } = _ref3;
+    } = _ref4;
     return /*#__PURE__*/(0, _jsxRuntime.jsx)(CapLabelInline, {
       type: "label18",
       children: children
     });
   };
-  const getAdditionalConditions = () => {
-    var _Object$values;
-    return ((_Object$values = Object.values(additionalFields || {})) == null ? void 0 : _Object$values.length) > 0 ? Object.values(additionalFields).map((_ref4, index) => {
-      var _operandsMapping$link;
-      let {
-        description: linkedDescription,
-        factId: linkedFact,
-        expression: linkedConditionExpression
-      } = _ref4;
-      return /*#__PURE__*/(0, _jsxRuntime.jsxs)(_jsxRuntime.Fragment, {
-        children: [!hideNumberAndProductFields && /*#__PURE__*/(0, _jsxRuntime.jsx)(LabelType, {
-          children: !index ? lineItemMsg : andMsg
-        }), !hideNumberAndProductFields && /*#__PURE__*/(0, _jsxRuntime.jsx)(_style.StyledCapLabel, {
-          type: "label2",
-          children: linkedDescription
-        }), !hideNumberAndProductFields && /*#__PURE__*/(0, _jsxRuntime.jsx)(CapLabelInline, {
-          type: "label18",
-          children: (_operandsMapping$link = operandsMapping[linkedConditionExpression.operator]) == null ? void 0 : _operandsMapping$link.text
-        }), /*#__PURE__*/(0, _jsxRuntime.jsx)(OperandValues, {
-          linkedFact: linkedFact,
-          linkedDataType: _constants.MULTI_SELECT,
-          linkedConditionExpression: linkedConditionExpression
-        })]
-      });
-    }) : null;
-  };
+  const getAdditionalConditions = () => Object.values(additionalFields != null ? additionalFields : {}).length > 0 ? Object.values(additionalFields != null ? additionalFields : {}).map((_ref5, index) => {
+    var _operandsMapping5, _linkedConditionExpre2;
+    let {
+      description: linkedDescription,
+      factId: linkedFact,
+      expression: linkedConditionExpression
+    } = _ref5;
+    return /*#__PURE__*/(0, _jsxRuntime.jsxs)(_react.default.Fragment, {
+      children: [!hideNumberAndProductFields && /*#__PURE__*/(0, _jsxRuntime.jsx)(LabelType, {
+        children: !index ? lineItemMsg : andMsg
+      }), !hideNumberAndProductFields && /*#__PURE__*/(0, _jsxRuntime.jsx)(_CapLabel.default, {
+        className: _styles.default.capConditionPreview__label,
+        type: "label2",
+        children: linkedDescription
+      }), !hideNumberAndProductFields && linkedConditionExpression && /*#__PURE__*/(0, _jsxRuntime.jsx)(CapLabelInline, {
+        type: "label18",
+        children: (_operandsMapping5 = operandsMapping[(_linkedConditionExpre2 = linkedConditionExpression.operator) != null ? _linkedConditionExpre2 : '']) == null ? void 0 : _operandsMapping5.text
+      }), /*#__PURE__*/(0, _jsxRuntime.jsx)(OperandValues, {
+        linkedFact: linkedFact,
+        linkedDataType: _constants.MULTI_SELECT,
+        linkedConditionExpression: linkedConditionExpression
+      })]
+    }, index);
+  }) : null;
   return /*#__PURE__*/(0, _jsxRuntime.jsx)(_CapRow.default, {
-    display: "flex",
     className: (0, _classnames.default)(className, 'cap-condition-wrapper'),
     children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_CapColumn.default, {
       xs: 25,
-      children: /*#__PURE__*/(0, _jsxRuntime.jsxs)(_style.StyledFlexWrapDiv, {
+      children: /*#__PURE__*/(0, _jsxRuntime.jsxs)("div", {
+        className: _styles.default.capConditionPreview__flexWrapDiv,
         children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(CapLabelInline, {
           type: "label18",
           children: isExcluded ? excludeMsg : includeMsg
         }), /*#__PURE__*/(0, _jsxRuntime.jsx)(CapLabelInline, {
           type: "label18",
           children: whoseMsg
-        }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_style.StyledCapLabel, {
+        }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_CapLabel.default, {
+          className: _styles.default.capConditionPreview__label,
           type: "label2",
           children: conditionName
         }), (type !== _constants.STRING || hideNumberAndProductFields) && /*#__PURE__*/(0, _jsxRuntime.jsx)(CapLabelInline, {
@@ -18677,48 +18667,6 @@ const CapConditionPreview = _ref => {
     })
   });
 };
-CapConditionPreview.propTypes = {
-  type: _propTypes.default.string,
-  className: _propTypes.default.string,
-  conditionName: _propTypes.default.string,
-  operand: _propTypes.default.any,
-  operator: _propTypes.default.string,
-  isExcluded: _propTypes.default.bool,
-  dstData: _propTypes.default.object,
-  listData: _propTypes.default.array,
-  additionalFields: _propTypes.default.object,
-  /**Below fields are added in translations/en.js */
-  includeMsg: _propTypes.default.string,
-  excludeMsg: _propTypes.default.string,
-  whoseMsg: _propTypes.default.string,
-  isMsg: _propTypes.default.string,
-  andMsg: _propTypes.default.string,
-  equalMsg: _propTypes.default.string,
-  greaterThanMsg: _propTypes.default.string,
-  lessThanMsg: _propTypes.default.string,
-  greaterThanOrEqualMsg: _propTypes.default.string,
-  lessThanorEqualMsg: _propTypes.default.string,
-  inRangeMsg: _propTypes.default.string,
-  notEqualMsg: _propTypes.default.string,
-  lineItemMsg: _propTypes.default.string,
-  addedSKUsMsg: _propTypes.default.string,
-  skuFileName: _propTypes.default.string,
-  uploadedMsg: _propTypes.default.string,
-  inMsg: _propTypes.default.string,
-  notInMsg: _propTypes.default.string,
-  hideNumberAndProductFields: _propTypes.default.bool,
-  ViewMoreLink: _propTypes.default.any,
-  onClickConfigure: _propTypes.default.func,
-  blockId: _propTypes.default.string,
-  setPopoverVisible: _propTypes.default.func,
-  viewMoreMsg: _propTypes.default.string,
-  storesMsg: _propTypes.default.string,
-  uploadInProgressMsg: _propTypes.default.string,
-  uploadFailedErrorMsg: _propTypes.default.string,
-  uploadInvalidErrorMsg: _propTypes.default.string,
-  entryTriggerEventAttribute: _propTypes.default.string,
-  dateTypeData: _propTypes.default.object
-};
 var _default = exports["default"] = (0, _LocaleHoc.default)(CapConditionPreview, {
   key: 'CapConditionPreview'
 });