@capillarytech/blaze-ui 5.0.8 → 5.0.9

package/CapConditionPreview/index.js

@@ -2731,6 +2731,25 @@ 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__) => {
 
@@ -14792,6 +14811,14 @@ 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:
@@ -17959,13 +17986,10 @@ 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, `.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}`, ""]);
+___CSS_LOADER_EXPORT___.push([module.id, `.cap-condition-preview-string{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}`, ""]);
 // Exports
 ___CSS_LOADER_EXPORT___.locals = {
-	"capConditionPreview__string": `capConditionPreview__string`,
-	"capConditionPreview__flexWrapDiv": `capConditionPreview__flexWrapDiv`,
-	"capConditionPreview__skuDownloadLink": `capConditionPreview__skuDownloadLink`,
-	"capConditionPreview__label": `capConditionPreview__label`
+	"cap-condition-preview-string": `cap-condition-preview-string`
 };
 module.exports = ___CSS_LOADER_EXPORT___;
 
@@ -18174,6 +18198,7 @@ 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));
@@ -18185,21 +18210,21 @@ var _CapTruncateList = _interopRequireDefault(__webpack_require__(14545));
 var _LocaleHoc = _interopRequireDefault(__webpack_require__(39879));
 var _variables = __webpack_require__(56587);
 var _constants = __webpack_require__(41859);
-var _styles = _interopRequireDefault(__webpack_require__(29236));
+var _style = __webpack_require__(15799);
+__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 {
-    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');
+    // 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
   } catch (_unused) {
     return '';
   }
@@ -18237,6 +18262,7 @@ 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,
@@ -18250,6 +18276,9 @@ 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,
@@ -18312,31 +18341,28 @@ const CapConditionPreview = _ref => {
       isList: false
     }
   };
-  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 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 downloadHandler = (event, data, downloadedFileName) => {
-    const target = event.currentTarget;
-    target.setAttribute('href', "data:text/csv;charset=utf-8," + encodeURIComponent(data));
-    target.setAttribute('download', downloadedFileName);
+    event.target.setAttribute('href', "data:text/csv;charset=utf-8," + encodeURIComponent(data));
+    event.target.setAttribute('download', downloadedFileName);
   };
   const downloadSKUs = function (event, list) {
     if (list === void 0) {
       list = [];
     }
-    const csvArray = [[addedSKUsMsg != null ? addedSKUsMsg : '']];
+    const csvArray = [[addedSKUsMsg]];
     list.forEach(sku => csvArray.push([sku]));
     const csvContent = csvArray.map(e => e.join(',')).join('\n');
-    downloadHandler(event, csvContent, skuFileName != null ? skuFileName : '');
+    downloadHandler(event, csvContent, skuFileName);
   };
   const OperandValues = _ref2 => {
-    var _operandsMapping$text, _operandsMapping;
     let {
       linkedFact,
       linkedDataType,
@@ -18345,9 +18371,8 @@ const CapConditionPreview = _ref => {
     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) || [];
     }
     let hasUploadedStores = false;
     let StoreUploadMsg = /*#__PURE__*/(0, _jsxRuntime.jsxs)(_CapRow.default, {
@@ -18370,9 +18395,9 @@ const CapConditionPreview = _ref => {
       const {
         isStoreUploadFailed = false,
         isStoreUploadInvalid = false,
-        operand: storeOperand = [],
+        operand = [],
         storeUploadIsInProgress = false
-      } = linkedConditionExpression != null ? linkedConditionExpression : {};
+      } = linkedConditionExpression || {};
       hasUploadedStores = true;
       if (isStoreUploadFailed || isStoreUploadInvalid) {
         StoreUploadMsg = /*#__PURE__*/(0, _jsxRuntime.jsxs)(_CapRow.default, {
@@ -18385,7 +18410,7 @@ const CapConditionPreview = _ref => {
               color: _variables.CAP_RED
             },
             className: "margin-r-4"
-          }), /*#__PURE__*/(0, _jsxRuntime.jsx)(CapLabelInline, {
+          }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_CapLabel.default.CapLabelInline, {
             style: {
               color: _variables.CAP_RED
             },
@@ -18394,27 +18419,24 @@ const CapConditionPreview = _ref => {
           })]
         });
       } else {
-        var _storeOperand$length;
-        StoreUploadMsg = !storeUploadIsInProgress ? ((_storeOperand$length = storeOperand == null ? void 0 : storeOperand.length) != null ? _storeOperand$length : 0) + " " + storesMsg : StoreUploadMsg;
+        StoreUploadMsg = !storeUploadIsInProgress ? (operand == null ? void 0 : operand.length) + " " + storesMsg : StoreUploadMsg;
       }
     }
     switch (dataTypeLocal) {
       case _constants.MULTI_SELECT:
         {
-          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,
+          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, {
               type: "label2",
-              children: listArr[0]
+              children: listDataLocal[0]
             }), /*#__PURE__*/(0, _jsxRuntime.jsx)(CapLabelInline, {
               type: "label18",
               children: operandForPreview
             }), /*#__PURE__*/(0, _jsxRuntime.jsx)(CapLabelInline, {
               type: "label16",
-              children: listArr[2]
+              children: listDataLocal[2]
             })]
           }) : /*#__PURE__*/(0, _jsxRuntime.jsxs)(_jsxRuntime.Fragment, {
             children: [!linkedFact && /*#__PURE__*/(0, _jsxRuntime.jsx)(ValuesPrefix, {}), /*#__PURE__*/(0, _jsxRuntime.jsxs)(_CapRow.default, {
@@ -18426,17 +18448,12 @@ const CapConditionPreview = _ref => {
                 type: "attachment"
               }), linkedFact === _constants.SKU ? /*#__PURE__*/(0, _jsxRuntime.jsxs)(_jsxRuntime.Fragment, {
                 children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_CapTruncateList.default, {
-                  list: listArr,
+                  list: listDataLocal,
                   showNumber: 1,
                   capLabelType: "label4",
                   showTooltip: false
-                }), /*#__PURE__*/(0, _jsxRuntime.jsx)("a", {
-                  className: _styles.default.capConditionPreview__skuDownloadLink,
-                  href: "#",
-                  onClick: e => {
-                    e.preventDefault();
-                    downloadSKUs(e, listArr);
-                  },
+                }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_style.SkuDownloadLink, {
+                  onClick: e => downloadSKUs(e, listDataLocal),
                   children: /*#__PURE__*/(0, _jsxRuntime.jsxs)(_jsxRuntime.Fragment, {
                     children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_CapIcon.default, {
                       type: "download",
@@ -18449,15 +18466,15 @@ const CapConditionPreview = _ref => {
                   type: "label4",
                   className: "margin-r-20",
                   children: StoreUploadMsg
-                }), ViewMoreLink && /*#__PURE__*/(0, _jsxRuntime.jsx)(ViewMoreLink, {
+                }), /*#__PURE__*/(0, _jsxRuntime.jsx)(ViewMoreLink, {
                   onClick: () => {
-                    setPopoverVisible == null || setPopoverVisible(false);
-                    blockId && (onClickConfigure == null ? void 0 : onClickConfigure(blockId));
+                    setPopoverVisible(false);
+                    onClickConfigure(blockId);
                   },
                   children: viewMoreMsg
                 })]
               }) : /*#__PURE__*/(0, _jsxRuntime.jsx)(_CapTruncateList.default, {
-                list: (_ref3 = listDataLocal != null ? listDataLocal : dstData == null ? void 0 : dstData.couponSeriesNames) != null ? _ref3 : [],
+                list: listDataLocal || dstData.couponSeriesNames,
                 showNumber: 1,
                 capLabelType: "label4"
               })]
@@ -18476,89 +18493,82 @@ const CapConditionPreview = _ref => {
           return /*#__PURE__*/(0, _jsxRuntime.jsxs)(_jsxRuntime.Fragment, {
             children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(CapLabelInline, {
               type: "label18",
-              children: (operator != null ? operator : '').toLowerCase().replace('_', ' ')
+              children: (operator || '').toLowerCase().replace('_', ' ')
             }), /*#__PURE__*/(0, _jsxRuntime.jsx)(CapLabelInline, {
               type: "label16",
-              className: _styles.default.capConditionPreview__string,
+              className: "cap-condition-preview-string",
               children: operand
             })]
           });
         }
         return null;
       case _constants.LIST:
-        {
-          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]
-            })]
-          });
-        }
+        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]
+          })]
+        });
       case _constants.ENTRY_TRIGGER_EVENT_ATTRIBUTE:
         return /*#__PURE__*/(0, _jsxRuntime.jsxs)(_jsxRuntime.Fragment, {
           children: [/*#__PURE__*/(0, _jsxRuntime.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('_', ' ')
+            children: operandsMapping[operator] ? operandsMapping[operator].text : (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)(_CapLabel.default, {
-            className: _styles.default.capConditionPreview__label,
+          }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_style.StyledCapLabel, {
             type: "label2",
             children: entryTriggerEventAttribute
           })]
         });
       case _constants.STRING_LIST:
-        {
-          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))]
-            })]
-          });
-        }
+        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))]
+          })]
+        });
       case _constants.DATE_TYPE:
         return renderDateConditionPreview(operator, dateTypeData);
       default:
         return null;
     }
   };
-  const renderDateConditionPreview = (op, dtData) => {
+
+  // Helper function to render date condition preview
+  const renderDateConditionPreview = (operator, dateTypeData) => {
     const renderContent = () => {
-      var _operandsMapping2, _operandsMapping3, _dtData$contextData, _operandsMapping4, _dtData$contextData2;
-      switch (dtData == null ? void 0 : dtData.dateType) {
+      var _operandsMapping$oper, _operandsMapping$oper2, _dateTypeData$context, _operandsMapping$oper3, _dateTypeData$context2;
+      switch (dateTypeData == null ? void 0 : dateTypeData.dateType) {
         case _constants.DATE_TYPE_RANGE:
           return /*#__PURE__*/(0, _jsxRuntime.jsxs)(_jsxRuntime.Fragment, {
-            children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_CapLabel.default, {
-              className: _styles.default.capConditionPreview__label,
+            children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_style.StyledCapLabel, {
               type: "label2",
-              children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactIntl.FormattedMessage, _extends({}, _messages.default[operandsMapping == null || (_operandsMapping2 = operandsMapping[op != null ? op : '']) == null ? void 0 : _operandsMapping2.text]))
+              children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactIntl.FormattedMessage, _extends({}, _messages.default[operandsMapping == null || (_operandsMapping$oper = operandsMapping[operator]) == null ? void 0 : _operandsMapping$oper.text]))
             }), /*#__PURE__*/(0, _jsxRuntime.jsx)(CapLabelInline, {
               type: "label18",
-              children: formatDateForPreview(dtData == null ? void 0 : dtData.startDate)
+              children: formatDateForPreview(dateTypeData == null ? void 0 : dateTypeData.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(dtData == null ? void 0 : dtData.endDate)
+              children: formatDateForPreview(dateTypeData == null ? void 0 : dateTypeData.endDate)
             })]
           });
         case _constants.DATE_TYPE_SINGLE:
           return /*#__PURE__*/(0, _jsxRuntime.jsxs)(_jsxRuntime.Fragment, {
-            children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_CapLabel.default, {
-              className: _styles.default.capConditionPreview__label,
+            children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_style.StyledCapLabel, {
               type: "label2",
-              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)(_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)(CapLabelInline, {
                 type: "label4",
                 children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactIntl.FormattedMessage, _extends({}, _messages.default.endDate))
@@ -18569,24 +18579,23 @@ const CapConditionPreview = _ref => {
                 type: "label4",
                 children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactIntl.FormattedMessage, _extends({}, _messages.default.profileNameMessage, {
                   values: {
-                    profileName: dtData == null || (_dtData$contextData = dtData.contextData) == null ? void 0 : _dtData$contextData.profileName
+                    profileName: dateTypeData == null || (_dateTypeData$context = dateTypeData.contextData) == null ? void 0 : _dateTypeData$context.profileName
                   }
                 }))
               })]
             }) : /*#__PURE__*/(0, _jsxRuntime.jsx)(CapLabelInline, {
               type: "label18",
-              children: formatDateForPreview(dtData == null ? void 0 : dtData.date)
+              children: formatDateForPreview(dateTypeData.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)(_CapLabel.default, {
-              className: _styles.default.capConditionPreview__label,
+            children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_style.StyledCapLabel, {
               type: "label2",
-              children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactIntl.FormattedMessage, _extends({}, _messages.default[operandsMapping == null || (_operandsMapping4 = operandsMapping[op != null ? op : '']) == null ? void 0 : _operandsMapping4.text], {
+              children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactIntl.FormattedMessage, _extends({}, _messages.default[operandsMapping == null || (_operandsMapping$oper3 = operandsMapping[operator]) == null ? void 0 : _operandsMapping$oper3.text], {
                 values: {
-                  days: dtData == null ? void 0 : dtData.days
+                  days: dateTypeData == null ? void 0 : dateTypeData.days
                 }
               }))
             }), /*#__PURE__*/(0, _jsxRuntime.jsx)(CapLabelInline, {
@@ -18599,7 +18608,7 @@ const CapConditionPreview = _ref => {
               type: "label4",
               children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactIntl.FormattedMessage, _extends({}, _messages.default.profileNameMessage, {
                 values: {
-                  profileName: dtData == null || (_dtData$contextData2 = dtData.contextData) == null ? void 0 : _dtData$contextData2.profileName
+                  profileName: dateTypeData == null || (_dateTypeData$context2 = dateTypeData.contextData) == null ? void 0 : _dateTypeData$context2.profileName
                 }
               }))
             })]
@@ -18610,53 +18619,54 @@ const CapConditionPreview = _ref => {
     };
     return renderContent();
   };
-  const LabelType = _ref4 => {
+  const LabelType = _ref3 => {
     let {
       children
-    } = _ref4;
+    } = _ref3;
     return /*#__PURE__*/(0, _jsxRuntime.jsx)(CapLabelInline, {
       type: "label18",
       children: children
     });
   };
-  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;
+  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;
+  };
   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)("div", {
-        className: _styles.default.capConditionPreview__flexWrapDiv,
+      children: /*#__PURE__*/(0, _jsxRuntime.jsxs)(_style.StyledFlexWrapDiv, {
         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)(_CapLabel.default, {
-          className: _styles.default.capConditionPreview__label,
+        }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_style.StyledCapLabel, {
           type: "label2",
           children: conditionName
         }), (type !== _constants.STRING || hideNumberAndProductFields) && /*#__PURE__*/(0, _jsxRuntime.jsx)(CapLabelInline, {
@@ -18667,6 +18677,48 @@ 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'
 });