@capillarytech/blaze-ui 5.1.13 → 5.1.17

package/index.js

@@ -2548,6 +2548,28 @@ var _default = exports["default"] = (0, _reactIntl.defineMessages)({
   }
 });
 
+/***/ }),
+
+/***/ 2695:
+/***/ ((module, __unused_webpack_exports, __webpack_require__) => {
+
+// Imports
+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, `.multiSelectDateContainer{padding:1.714rem;width:19.571rem;height:14.857rem;border-radius:.285rem;border:solid 1px #dfe2e7;background-color:#fff}.dateContent{width:100%;height:100%;font-size:.857rem;font-weight:normal;line-height:normal;text-align:center;color:#091e42;border-collapse:collapse;cursor:pointer}.dateContent th{width:2.285rem;height:2.285rem;font-weight:inherit}.dateContent tr th:not(:first-child):not(:last-child){padding-left:.142rem}.selected{background-color:#2466ea;color:#fff;border-radius:50%}.customSelected{background-color:#2466ea;color:#fff !important;border-radius:15%/50%}.customTxt{color:#2466ea;font-weight:500;font-size:1rem;width:2.285rem}`, ""]);
+// Exports
+___CSS_LOADER_EXPORT___.locals = {
+	"multiSelectDateContainer": `multiSelectDateContainer`,
+	"dateContent": `dateContent`,
+	"selected": `selected`,
+	"customSelected": `customSelected`,
+	"customTxt": `customTxt`
+};
+module.exports = ___CSS_LOADER_EXPORT___;
+
+
 /***/ }),
 
 /***/ 2825:
@@ -14684,6 +14706,486 @@ exports.useInfiniteScroll = useInfiniteScroll;
 
 /***/ }),
 
+/***/ 9174:
+/***/ ((__unused_webpack_module, exports, __webpack_require__) => {
+
+"use strict";
+
+
+exports.__esModule = true;
+exports["default"] = void 0;
+var _classnames = _interopRequireDefault(__webpack_require__(46942));
+var _isEmpty = _interopRequireDefault(__webpack_require__(62193));
+var _react = _interopRequireDefault(__webpack_require__(9206));
+var _reactIntl = __webpack_require__(46407);
+var _CapColumn = _interopRequireDefault(__webpack_require__(4757));
+var _messages = _interopRequireDefault(__webpack_require__(81112));
+var _CapIcon = _interopRequireDefault(__webpack_require__(65124));
+var _CapLabel = _interopRequireDefault(__webpack_require__(92675));
+var _CapRow = _interopRequireDefault(__webpack_require__(69813));
+var _CapTruncateList = _interopRequireDefault(__webpack_require__(14545));
+var _variables = __webpack_require__(56587);
+var _constants = __webpack_require__(41859);
+var _messages2 = _interopRequireDefault(__webpack_require__(39860));
+var _styles = _interopRequireDefault(__webpack_require__(29236));
+var _jsxRuntime = __webpack_require__(74848);
+function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
+/**
+ * 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');
+  } catch (_unused) {
+    return '';
+  }
+}
+const {
+  CapLabelInline
+} = _CapLabel.default;
+const CapConditionPreview = _ref => {
+  let {
+    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;
+  const isStoreFilter = !(0, _isEmpty.default)(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
+  const operandsMapping = {
+    EQ: {
+      text: formatMessage(_messages2.default.equalMsg),
+      isList: false
+    },
+    GT: {
+      text: formatMessage(_messages2.default.greaterThanMsg),
+      isList: false
+    },
+    LT: {
+      text: formatMessage(_messages2.default.lessThanMsg),
+      isList: false
+    },
+    GTE: {
+      text: formatMessage(_messages2.default.greaterThanOrEqualMsg),
+      isList: false
+    },
+    LTE: {
+      text: formatMessage(_messages2.default.lessThanorEqualMsg),
+      isList: false
+    },
+    IN_RANGE: {
+      text: formatMessage(_messages2.default.inRangeMsg),
+      isList: true
+    },
+    NEQ: {
+      text: formatMessage(_messages2.default.notEqualMsg),
+      isList: false
+    },
+    IN: {
+      text: formatMessage(_messages2.default.inMsg),
+      isList: false
+    },
+    NOT_IN: {
+      text: formatMessage(_messages2.default.notInMsg),
+      isList: false
+    },
+    // Date operators use message keys (not formatted) because they're used to look up messages
+    IS_EXACT_DATE: {
+      text: _constants.TEXT_ON_MSG,
+      isList: false
+    },
+    IS_BEFORE_DATE: {
+      text: _constants.TEXT_BEFORE_MSG,
+      isList: false
+    },
+    IS_AFTER_DATE: {
+      text: _constants.TEXT_AFTER_MSG,
+      isList: false
+    },
+    IS_INBETWEEN_DATES: {
+      text: _constants.TEXT_BETWEEN_MSG,
+      isList: true
+    },
+    IS_BEFORE_DAYS: {
+      text: _constants.TEXT_DAYS_BEFORE_MSG,
+      isList: false
+    },
+    IS_AFTER_DAYS: {
+      text: _constants.TEXT_DAYS_AFTER_MSG,
+      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 downloadHandler = (event, data, downloadedFileName) => {
+    const target = event.target;
+    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 = [[formatMessage(_messages2.default.addedSKUsMsg)]];
+    list.forEach(sku => csvArray.push([sku]));
+    const csvContent = csvArray.map(e => e.join(',')).join('\n');
+    downloadHandler(event, csvContent, skuFileName != null ? skuFileName : formatMessage(_messages2.default.skuFileName));
+  };
+  const OperandValues = _ref2 => {
+    var _operandsMapping$text, _operandsMapping;
+    let {
+      linkedFact,
+      linkedDataType,
+      linkedConditionExpression
+    } = _ref2;
+    let dataTypeLocal = type;
+    let listDataLocal = listData;
+    if (linkedFact) {
+      var _linkedConditionExpre;
+      dataTypeLocal = linkedDataType;
+      listDataLocal = (_linkedConditionExpre = linkedConditionExpression == null ? void 0 : linkedConditionExpression.operand) != null ? _linkedConditionExpre : [];
+    }
+    let hasUploadedStores = false;
+    let StoreUploadMsg = /*#__PURE__*/(0, _jsxRuntime.jsxs)(_CapRow.default, {
+      type: "flex",
+      align: "middle",
+      children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_CapIcon.default, {
+        type: "in-progress",
+        size: "s",
+        svgProps: {
+          fill: _variables.FONT_COLOR_05
+        },
+        className: "progress-icon"
+      }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_CapLabel.default, {
+        type: "label11",
+        className: (0, _classnames.default)(_styles.default.capConditionPreview__marginL4, _styles.default.capConditionPreview__marginR4),
+        children: formatMessage(_messages2.default.uploadInProgressMsg)
+      })]
+    });
+    if (isStoreFilter && (linkedConditionExpression == null ? void 0 : linkedConditionExpression.storeSource) === _constants.UPLOAD) {
+      const {
+        isStoreUploadFailed = false,
+        isStoreUploadInvalid = false,
+        operand: storeOperand = [],
+        storeUploadIsInProgress = false
+      } = linkedConditionExpression != null ? linkedConditionExpression : {};
+      hasUploadedStores = true;
+      if (isStoreUploadFailed || isStoreUploadInvalid) {
+        StoreUploadMsg = /*#__PURE__*/(0, _jsxRuntime.jsxs)(_CapRow.default, {
+          type: "flex",
+          align: "middle",
+          children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_CapIcon.default, {
+            type: "error",
+            size: "s",
+            className: (0, _classnames.default)(_styles.default.capConditionPreview__errorIcon, _styles.default.capConditionPreview__marginR4)
+          }), /*#__PURE__*/(0, _jsxRuntime.jsx)(CapLabelInline, {
+            className: _styles.default.capConditionPreview__errorLabel,
+            type: "label4",
+            children: isStoreUploadFailed ? formatMessage(_messages2.default.uploadFailedError) : formatMessage(_messages2.default.uploadInvalidErrorMsg)
+          })]
+        });
+      } else {
+        var _storeOperand$length;
+        StoreUploadMsg = !storeUploadIsInProgress ? ((_storeOperand$length = storeOperand == null ? void 0 : storeOperand.length) != null ? _storeOperand$length : 0) + " " + formatMessage(_messages2.default.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,
+              type: "label2",
+              children: listArr[0]
+            }), /*#__PURE__*/(0, _jsxRuntime.jsx)(CapLabelInline, {
+              type: "label18",
+              children: operandForPreview
+            }), /*#__PURE__*/(0, _jsxRuntime.jsx)(CapLabelInline, {
+              type: "label16",
+              children: listArr[2]
+            })]
+          }) : /*#__PURE__*/(0, _jsxRuntime.jsxs)(_jsxRuntime.Fragment, {
+            children: [!linkedFact && /*#__PURE__*/(0, _jsxRuntime.jsx)(ValuesPrefix, {}), /*#__PURE__*/(0, _jsxRuntime.jsxs)(_CapRow.default, {
+              type: "flex",
+              align: "middle",
+              children: [!listDataLocal && /*#__PURE__*/(0, _jsxRuntime.jsx)(_CapIcon.default, {
+                className: "offer-icon",
+                size: "s",
+                type: "attachment"
+              }), linkedFact === _constants.SKU ? /*#__PURE__*/(0, _jsxRuntime.jsxs)(_jsxRuntime.Fragment, {
+                children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_CapTruncateList.default, {
+                  list: listArr,
+                  showNumber: 1,
+                  capLabelType: "label4",
+                  showTooltip: false
+                }), /*#__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",
+                      size: "s"
+                    }), formatMessage(_messages2.default.uploadedMsg)]
+                  })
+                })]
+              }) : hasUploadedStores ? /*#__PURE__*/(0, _jsxRuntime.jsxs)(_jsxRuntime.Fragment, {
+                children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_CapLabel.default, {
+                  type: "label4",
+                  className: _styles.default.capConditionPreview__marginR20,
+                  children: StoreUploadMsg
+                }), ViewMoreLink && /*#__PURE__*/(0, _jsxRuntime.jsx)(ViewMoreLink, {
+                  onClick: () => {
+                    setPopoverVisible == null || setPopoverVisible(false);
+                    blockId && (onClickConfigure == null ? void 0 : onClickConfigure(blockId));
+                  },
+                  children: formatMessage(_messages2.default.viewMoreMsg)
+                })]
+              }) : /*#__PURE__*/(0, _jsxRuntime.jsx)(_CapTruncateList.default, {
+                list: (_ref3 = listDataLocal != null ? listDataLocal : dstData == null ? void 0 : dstData.couponSeriesNames) != null ? _ref3 : [],
+                showNumber: 1,
+                capLabelType: "label4"
+              })]
+            })]
+          });
+        }
+      case _constants.NUMBER:
+        return /*#__PURE__*/(0, _jsxRuntime.jsxs)(_jsxRuntime.Fragment, {
+          children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(ValuesPrefix, {}), /*#__PURE__*/(0, _jsxRuntime.jsx)(CapLabelInline, {
+            type: "label16",
+            children: operand
+          })]
+        });
+      case _constants.STRING:
+        if (!hideNumberAndProductFields) {
+          return /*#__PURE__*/(0, _jsxRuntime.jsxs)(_jsxRuntime.Fragment, {
+            children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(CapLabelInline, {
+              type: "label18",
+              children: (operator != null ? operator : '').toLowerCase().replace('_', ' ')
+            }), /*#__PURE__*/(0, _jsxRuntime.jsx)(CapLabelInline, {
+              type: "label16",
+              className: _styles.default.capConditionPreview__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: formatMessage(_messages.default.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$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: formatMessage(_messages.default.entryTriggerEventAttribute)
+          }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_CapLabel.default, {
+            className: _styles.default.capConditionPreview__label,
+            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) + " " + formatMessage(_messages.default.more)]
+            })]
+          });
+        }
+      case _constants.DATE_TYPE:
+        return renderDateConditionPreview(operator, dateTypeData);
+      default:
+        return null;
+    }
+  };
+  const renderDateConditionPreview = (op, dtData) => {
+    const renderContent = () => {
+      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)(_CapLabel.default, {
+              className: _styles.default.capConditionPreview__label,
+              type: "label2",
+              children: formatMessage(_messages.default[operandsMapping == null || (_operandsMapping2 = operandsMapping[op != null ? op : '']) == null ? void 0 : _operandsMapping2.text])
+            }), /*#__PURE__*/(0, _jsxRuntime.jsx)(CapLabelInline, {
+              type: "label18",
+              children: formatDateForPreview(dtData == null ? void 0 : dtData.startDate)
+            }), /*#__PURE__*/(0, _jsxRuntime.jsx)(CapLabelInline, {
+              type: "label18",
+              children: formatMessage(_messages.default.andMsg)
+            }), /*#__PURE__*/(0, _jsxRuntime.jsx)(CapLabelInline, {
+              type: "label18",
+              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)(_CapLabel.default, {
+              className: _styles.default.capConditionPreview__label,
+              type: "label2",
+              children: formatMessage(_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: formatMessage(_messages.default.endDate)
+              }), /*#__PURE__*/(0, _jsxRuntime.jsx)(CapLabelInline, {
+                type: "label18",
+                children: formatMessage(_messages.default.of)
+              }), /*#__PURE__*/(0, _jsxRuntime.jsx)(CapLabelInline, {
+                type: "label4",
+                children: formatMessage(_messages.default.profileNameMessage, {
+                  profileName: dtData == null || (_dtData$contextData = dtData.contextData) == null ? void 0 : _dtData$contextData.profileName
+                })
+              })]
+            }) : /*#__PURE__*/(0, _jsxRuntime.jsx)(CapLabelInline, {
+              type: "label18",
+              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)(_CapLabel.default, {
+              className: _styles.default.capConditionPreview__label,
+              type: "label2",
+              children: formatMessage(_messages.default[operandsMapping == null || (_operandsMapping4 = operandsMapping[op != null ? op : '']) == null ? void 0 : _operandsMapping4.text], {
+                days: dtData == null ? void 0 : dtData.days
+              })
+            }), /*#__PURE__*/(0, _jsxRuntime.jsx)(CapLabelInline, {
+              type: "label4",
+              children: formatMessage(_messages.default.endDate)
+            }), /*#__PURE__*/(0, _jsxRuntime.jsx)(CapLabelInline, {
+              type: "label18",
+              children: formatMessage(_messages.default.of)
+            }), /*#__PURE__*/(0, _jsxRuntime.jsx)(CapLabelInline, {
+              type: "label4",
+              children: formatMessage(_messages.default.profileNameMessage, {
+                profileName: dtData == null || (_dtData$contextData2 = dtData.contextData) == null ? void 0 : _dtData$contextData2.profileName
+              })
+            })]
+          });
+        default:
+          return null;
+      }
+    };
+    return renderContent();
+  };
+  const LabelType = _ref4 => {
+    let {
+      children
+    } = _ref4;
+    return /*#__PURE__*/(0, _jsxRuntime.jsx)(CapLabelInline, {
+      type: "label18",
+      children: children
+    });
+  };
+  const getAdditionalConditions = () => Object.values(additionalFields != null ? additionalFields : {}).length > 0 ? Object.entries(additionalFields != null ? additionalFields : {}).map((_ref5, index) => {
+    var _operandsMapping5, _linkedConditionExpre2;
+    let [key, {
+      description: linkedDescription,
+      factId: linkedFact,
+      expression: linkedConditionExpression
+    }] = _ref5;
+    return /*#__PURE__*/(0, _jsxRuntime.jsxs)(_react.default.Fragment, {
+      children: [!hideNumberAndProductFields && /*#__PURE__*/(0, _jsxRuntime.jsx)(LabelType, {
+        children: !index ? formatMessage(_messages2.default.lineItemMsg) : formatMessage(_messages.default.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
+      })]
+    }, key);
+  }) : null;
+  return /*#__PURE__*/(0, _jsxRuntime.jsx)(_CapRow.default, {
+    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.jsx)(CapLabelInline, {
+          type: "label18",
+          children: isExcluded ? formatMessage(_messages2.default.excludeMsg) : formatMessage(_messages2.default.includeMsg)
+        }), /*#__PURE__*/(0, _jsxRuntime.jsx)(CapLabelInline, {
+          type: "label18",
+          children: formatMessage(_messages2.default.whoseMsg)
+        }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_CapLabel.default, {
+          className: _styles.default.capConditionPreview__label,
+          type: "label2",
+          children: conditionName
+        }), (type !== _constants.STRING || hideNumberAndProductFields) && /*#__PURE__*/(0, _jsxRuntime.jsx)(CapLabelInline, {
+          type: "label18",
+          children: formatMessage(_messages2.default.isMsg)
+        }), !hideNumberAndProductFields && /*#__PURE__*/(0, _jsxRuntime.jsx)(OperandValues, {}), getAdditionalConditions()]
+      })
+    })
+  });
+};
+var _default = exports["default"] = (0, _reactIntl.injectIntl)(CapConditionPreview);
+
+/***/ }),
+
 /***/ 9180:
 /***/ ((__unused_webpack_module, exports) => {
 
@@ -17877,6 +18379,24 @@ ___CSS_LOADER_EXPORT___.locals = {
 module.exports = ___CSS_LOADER_EXPORT___;
 
 
+/***/ }),
+
+/***/ 17388:
+/***/ ((module, __unused_webpack_exports, __webpack_require__) => {
+
+// Imports
+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, `.calendar-date-picker{background-color:#fff;background-clip:padding-box;border-radius:.285rem;box-shadow:0 .143rem .357rem rgba(9,30,66,.25);padding:.571rem}.calendar-date-picker .react-datepicker{border:none}.calendar-date-picker .react-datepicker .react-datepicker__navigation{margin-top:.285rem;width:1.071rem;height:1.286rem;border:none;top:.285rem}.calendar-date-picker .react-datepicker .react-datepicker__navigation--previous{left:1.142rem}.calendar-date-picker .react-datepicker .react-datepicker__navigation--previous ::before{border-color:#000;border-width:.143rem .143rem 0 0}.calendar-date-picker .react-datepicker .react-datepicker__navigation--next{right:1.714rem}.calendar-date-picker .react-datepicker .react-datepicker__navigation--next ::before{border-color:#000;border-width:.143rem .143rem 0 0}.calendar-date-picker .react-datepicker .react-datepicker__month-container .react-datepicker__header{background-color:#fff;border-bottom:none}.calendar-date-picker .react-datepicker .react-datepicker__month-container .react-datepicker__header .react-datepicker__current-month{display:none}.calendar-date-picker .react-datepicker .react-datepicker__month-container .react-datepicker__header .react-datepicker__header__dropdown{margin:-0.429rem 0 .285rem 0}.calendar-date-picker .react-datepicker .react-datepicker__month-container .react-datepicker__header .react-datepicker__header__dropdown .react-datepicker__month-read-view{width:6.429rem;background:rgba(0,0,0,0) !important;border:none !important}.calendar-date-picker .react-datepicker .react-datepicker__month-container .react-datepicker__header .react-datepicker__header__dropdown .react-datepicker__month-read-view .react-datepicker__month-read-view--down-arrow{display:none}.calendar-date-picker .react-datepicker .react-datepicker__month-container .react-datepicker__header .react-datepicker__header__dropdown .react-datepicker__month-read-view:active{border:.071rem solid #000}.calendar-date-picker .react-datepicker .react-datepicker__month-container .react-datepicker__header .react-datepicker__header__dropdown .react-datepicker__year-read-view{width:4.286rem;background:rgba(0,0,0,0) !important;border:none !important}.calendar-date-picker .react-datepicker .react-datepicker__month-container .react-datepicker__header .react-datepicker__header__dropdown .react-datepicker__year-read-view .react-datepicker__year-read-view--down-arrow{display:none}.calendar-date-picker .react-datepicker .react-datepicker__month-container .react-datepicker__header .react-datepicker__header__dropdown .react-datepicker__year-read-view:active{border:.071rem solid #000}.calendar-date-picker .react-datepicker .react-datepicker__month-container .react-datepicker__header .react-datepicker__header__dropdown .react-datepicker__month-read-view,.calendar-date-picker .react-datepicker .react-datepicker__month-container .react-datepicker__header .react-datepicker__header__dropdown .react-datepicker__year-read-view{border:.071rem solid #b3bac5;border-radius:.285rem;height:1.714rem;font-size:.857rem;padding:0 .285rem}.calendar-date-picker .react-datepicker .react-datepicker__month-container .react-datepicker__day-names .react-datepicker__day-name{color:#97a0af !important;height:2rem;width:2rem;padding:.143rem .071rem;border-radius:50%;margin:0 .5rem}.calendar-date-picker .react-datepicker .react-datepicker__month-container .react-datepicker__day-names .react-datepicker__day-name:first-of-type,.calendar-date-picker .react-datepicker .react-datepicker__month-container .react-datepicker__day-names .react-datepicker__day-name:last-of-type{color:#e83135 !important}.calendar-date-picker .react-datepicker .react-datepicker__month-container .react-datepicker__month .react-datepicker__week .react-datepicker__day{height:2rem;width:2rem;padding:.143rem .071rem;border-radius:50%;margin:0 .5rem;color:#091e42}.calendar-date-picker .react-datepicker .react-datepicker__month-container .react-datepicker__month .react-datepicker__week .react-datepicker__day--disabled{color:#b3bac5}.calendar-date-picker .react-datepicker .react-datepicker__month-container .react-datepicker__month .react-datepicker__week .react-datepicker__day--selected{background-color:#2466eb;color:#fff;border-radius:50%}.calendar-date-picker .react-datepicker .react-datepicker__month-container .react-datepicker__month .react-datepicker__week .react-datepicker__day--outside-month{visibility:hidden}`, ""]);
+// Exports
+___CSS_LOADER_EXPORT___.locals = {
+	"calendar-date-picker": `calendar-date-picker`
+};
+module.exports = ___CSS_LOADER_EXPORT___;
+
+
 /***/ }),
 
 /***/ 17400:
@@ -19370,6 +19890,25 @@ var _default = exports["default"] = CapCheckboxWithStatic;
 
 /***/ }),
 
+/***/ 20606:
+/***/ ((__unused_webpack_module, exports, __webpack_require__) => {
+
+"use strict";
+
+
+exports.__esModule = true;
+exports.scope = exports["default"] = void 0;
+var _reactIntl = __webpack_require__(46407);
+const scope = exports.scope = 'app.commonUtils.capUiLibrary.CapMultiSelectDatePicker';
+var _default = exports["default"] = (0, _reactIntl.defineMessages)({
+  lastDayText: {
+    id: scope + ".lastDayText",
+    defaultMessage: 'Last day of month'
+  }
+});
+
+/***/ }),
+
 /***/ 20637:
 /***/ ((__unused_webpack_module, exports, __webpack_require__) => {
 
@@ -24497,6 +25036,58 @@ const SvgLightningSvg = props => /*#__PURE__*/(0, _jsxRuntime.jsx)("svg", _exten
 }));
 var _default = exports["default"] = SvgLightningSvg;
 
+/***/ }),
+
+/***/ 29236:
+/***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => {
+
+"use strict";
+__webpack_require__.r(__webpack_exports__);
+/* harmony export */ __webpack_require__.d(__webpack_exports__, {
+/* harmony export */   "default": () => (__WEBPACK_DEFAULT_EXPORT__)
+/* harmony export */ });
+/* harmony import */ var _node_modules_style_loader_dist_runtime_injectStylesIntoStyleTag_js__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(85072);
+/* harmony import */ var _node_modules_style_loader_dist_runtime_injectStylesIntoStyleTag_js__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(_node_modules_style_loader_dist_runtime_injectStylesIntoStyleTag_js__WEBPACK_IMPORTED_MODULE_0__);
+/* harmony import */ var _node_modules_style_loader_dist_runtime_singletonStyleDomAPI_js__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(64284);
+/* harmony import */ var _node_modules_style_loader_dist_runtime_singletonStyleDomAPI_js__WEBPACK_IMPORTED_MODULE_1___default = /*#__PURE__*/__webpack_require__.n(_node_modules_style_loader_dist_runtime_singletonStyleDomAPI_js__WEBPACK_IMPORTED_MODULE_1__);
+/* harmony import */ var _node_modules_style_loader_dist_runtime_insertBySelector_js__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(77659);
+/* harmony import */ var _node_modules_style_loader_dist_runtime_insertBySelector_js__WEBPACK_IMPORTED_MODULE_2___default = /*#__PURE__*/__webpack_require__.n(_node_modules_style_loader_dist_runtime_insertBySelector_js__WEBPACK_IMPORTED_MODULE_2__);
+/* harmony import */ var _node_modules_style_loader_dist_runtime_setAttributesWithoutAttributes_js__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(55056);
+/* harmony import */ var _node_modules_style_loader_dist_runtime_setAttributesWithoutAttributes_js__WEBPACK_IMPORTED_MODULE_3___default = /*#__PURE__*/__webpack_require__.n(_node_modules_style_loader_dist_runtime_setAttributesWithoutAttributes_js__WEBPACK_IMPORTED_MODULE_3__);
+/* harmony import */ var _node_modules_style_loader_dist_runtime_insertStyleElement_js__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(10540);
+/* harmony import */ var _node_modules_style_loader_dist_runtime_insertStyleElement_js__WEBPACK_IMPORTED_MODULE_4___default = /*#__PURE__*/__webpack_require__.n(_node_modules_style_loader_dist_runtime_insertStyleElement_js__WEBPACK_IMPORTED_MODULE_4__);
+/* harmony import */ var _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__ = __webpack_require__(98289);
+/* harmony import */ var _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 = /*#__PURE__*/__webpack_require__.n(_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__);
+/* harmony reexport (unknown) */ var __WEBPACK_REEXPORT_OBJECT__ = {};
+/* harmony reexport (unknown) */ for(const __WEBPACK_IMPORT_KEY__ in _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__) if(__WEBPACK_IMPORT_KEY__ !== "default") __WEBPACK_REEXPORT_OBJECT__[__WEBPACK_IMPORT_KEY__] = () => _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__[__WEBPACK_IMPORT_KEY__]
+/* harmony reexport (unknown) */ __webpack_require__.d(__webpack_exports__, __WEBPACK_REEXPORT_OBJECT__);
+
+      
+      
+      
+      
+      
+      
+      
+      
+      
+
+var options = {};
+
+;
+options.setAttributes = (_node_modules_style_loader_dist_runtime_setAttributesWithoutAttributes_js__WEBPACK_IMPORTED_MODULE_3___default());
+options.insert = _node_modules_style_loader_dist_runtime_insertBySelector_js__WEBPACK_IMPORTED_MODULE_2___default().bind(null, "head");
+options.domAPI = (_node_modules_style_loader_dist_runtime_singletonStyleDomAPI_js__WEBPACK_IMPORTED_MODULE_1___default());
+options.insertStyleElement = (_node_modules_style_loader_dist_runtime_insertStyleElement_js__WEBPACK_IMPORTED_MODULE_4___default());
+
+var update = _node_modules_style_loader_dist_runtime_injectStylesIntoStyleTag_js__WEBPACK_IMPORTED_MODULE_0___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()), options);
+
+
+
+
+       /* 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);
+
+
 /***/ }),
 
 /***/ 29303:
@@ -27171,6 +27762,58 @@ var LoadingOutlined = { "icon": { "tag": "svg", "attrs": { "viewBox": "0 0 1024
 exports["default"] = LoadingOutlined;
 
 
+/***/ }),
+
+/***/ 35032:
+/***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => {
+
+"use strict";
+__webpack_require__.r(__webpack_exports__);
+/* harmony export */ __webpack_require__.d(__webpack_exports__, {
+/* harmony export */   "default": () => (__WEBPACK_DEFAULT_EXPORT__)
+/* harmony export */ });
+/* harmony import */ var _node_modules_style_loader_dist_runtime_injectStylesIntoStyleTag_js__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(85072);
+/* harmony import */ var _node_modules_style_loader_dist_runtime_injectStylesIntoStyleTag_js__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(_node_modules_style_loader_dist_runtime_injectStylesIntoStyleTag_js__WEBPACK_IMPORTED_MODULE_0__);
+/* harmony import */ var _node_modules_style_loader_dist_runtime_singletonStyleDomAPI_js__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(64284);
+/* harmony import */ var _node_modules_style_loader_dist_runtime_singletonStyleDomAPI_js__WEBPACK_IMPORTED_MODULE_1___default = /*#__PURE__*/__webpack_require__.n(_node_modules_style_loader_dist_runtime_singletonStyleDomAPI_js__WEBPACK_IMPORTED_MODULE_1__);
+/* harmony import */ var _node_modules_style_loader_dist_runtime_insertBySelector_js__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(77659);
+/* harmony import */ var _node_modules_style_loader_dist_runtime_insertBySelector_js__WEBPACK_IMPORTED_MODULE_2___default = /*#__PURE__*/__webpack_require__.n(_node_modules_style_loader_dist_runtime_insertBySelector_js__WEBPACK_IMPORTED_MODULE_2__);
+/* harmony import */ var _node_modules_style_loader_dist_runtime_setAttributesWithoutAttributes_js__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(55056);
+/* harmony import */ var _node_modules_style_loader_dist_runtime_setAttributesWithoutAttributes_js__WEBPACK_IMPORTED_MODULE_3___default = /*#__PURE__*/__webpack_require__.n(_node_modules_style_loader_dist_runtime_setAttributesWithoutAttributes_js__WEBPACK_IMPORTED_MODULE_3__);
+/* harmony import */ var _node_modules_style_loader_dist_runtime_insertStyleElement_js__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(10540);
+/* harmony import */ var _node_modules_style_loader_dist_runtime_insertStyleElement_js__WEBPACK_IMPORTED_MODULE_4___default = /*#__PURE__*/__webpack_require__.n(_node_modules_style_loader_dist_runtime_insertStyleElement_js__WEBPACK_IMPORTED_MODULE_4__);
+/* harmony import */ var _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__ = __webpack_require__(2695);
+/* harmony import */ var _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 = /*#__PURE__*/__webpack_require__.n(_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__);
+/* harmony reexport (unknown) */ var __WEBPACK_REEXPORT_OBJECT__ = {};
+/* harmony reexport (unknown) */ for(const __WEBPACK_IMPORT_KEY__ in _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__) if(__WEBPACK_IMPORT_KEY__ !== "default") __WEBPACK_REEXPORT_OBJECT__[__WEBPACK_IMPORT_KEY__] = () => _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__[__WEBPACK_IMPORT_KEY__]
+/* harmony reexport (unknown) */ __webpack_require__.d(__webpack_exports__, __WEBPACK_REEXPORT_OBJECT__);
+
+      
+      
+      
+      
+      
+      
+      
+      
+      
+
+var options = {};
+
+;
+options.setAttributes = (_node_modules_style_loader_dist_runtime_setAttributesWithoutAttributes_js__WEBPACK_IMPORTED_MODULE_3___default());
+options.insert = _node_modules_style_loader_dist_runtime_insertBySelector_js__WEBPACK_IMPORTED_MODULE_2___default().bind(null, "head");
+options.domAPI = (_node_modules_style_loader_dist_runtime_singletonStyleDomAPI_js__WEBPACK_IMPORTED_MODULE_1___default());
+options.insertStyleElement = (_node_modules_style_loader_dist_runtime_insertStyleElement_js__WEBPACK_IMPORTED_MODULE_4___default());
+
+var update = _node_modules_style_loader_dist_runtime_injectStylesIntoStyleTag_js__WEBPACK_IMPORTED_MODULE_0___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()), options);
+
+
+
+
+       /* 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);
+
+
 /***/ }),
 
 /***/ 35158:
@@ -29264,6 +29907,237 @@ 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);
 
 
+/***/ }),
+
+/***/ 39860:
+/***/ ((__unused_webpack_module, exports, __webpack_require__) => {
+
+"use strict";
+
+
+exports.__esModule = true;
+exports["default"] = void 0;
+var _reactIntl = __webpack_require__(46407);
+const scope = 'blaze.components.CapConditionPreview';
+var _default = exports["default"] = (0, _reactIntl.defineMessages)({
+  includeMsg: {
+    id: scope + ".includeMsg",
+    defaultMessage: 'include'
+  },
+  excludeMsg: {
+    id: scope + ".excludeMsg",
+    defaultMessage: 'exclude'
+  },
+  equalMsg: {
+    id: scope + ".equalMsg",
+    defaultMessage: 'equal to'
+  },
+  greaterThanMsg: {
+    id: scope + ".greaterThanMsg",
+    defaultMessage: 'greater than'
+  },
+  lessThanMsg: {
+    id: scope + ".lessThanMsg",
+    defaultMessage: 'less than'
+  },
+  greaterThanOrEqualMsg: {
+    id: scope + ".greaterThanOrEqualMsg",
+    defaultMessage: 'greater than or equal to'
+  },
+  lessThanorEqualMsg: {
+    id: scope + ".lessThanorEqualMsg",
+    defaultMessage: 'less than or equal'
+  },
+  inRangeMsg: {
+    id: scope + ".inRangeMsg",
+    defaultMessage: 'in range'
+  },
+  notEqualMsg: {
+    id: scope + ".notEqualMsg",
+    defaultMessage: 'not equal to'
+  },
+  whoseMsg: {
+    id: scope + ".whoseMsg",
+    defaultMessage: 'Whose'
+  },
+  isMsg: {
+    id: scope + ".isMsg",
+    defaultMessage: 'is'
+  },
+  ANDMsg: {
+    id: scope + ".ANDMsg",
+    defaultMessage: 'AND'
+  },
+  containsMsg: {
+    id: scope + ".containsMsg",
+    defaultMessage: 'contains'
+  },
+  startsWithMsg: {
+    id: scope + ".startsWithMsg",
+    defaultMessage: 'starts with'
+  },
+  endsWithMsg: {
+    id: scope + ".endsWithMsg",
+    defaultMessage: 'ends with'
+  },
+  exactMsg: {
+    id: scope + ".exactMsg",
+    defaultMessage: 'exact'
+  },
+  conditionStringInputPlaceholderMsg: {
+    id: scope + ".conditionStringInputPlaceholderMsg",
+    defaultMessage: 'Enter min. 3 characters'
+  },
+  lineItemMsg: {
+    id: scope + ".lineItemMsg",
+    defaultMessage: 'only for lineitems with'
+  },
+  withMsg: {
+    id: scope + ".withMsg",
+    defaultMessage: 'with'
+  },
+  additionalFieldsMsg: {
+    id: scope + ".additionalFieldsMsg",
+    defaultMessage: 'Additional condition'
+  },
+  plusMinus: {
+    id: scope + ".plusMinus",
+    defaultMessage: '+/-'
+  },
+  inMsg: {
+    id: scope + ".inMsg",
+    defaultMessage: 'in'
+  },
+  notInMsg: {
+    id: scope + ".notInMsg",
+    defaultMessage: 'not in'
+  },
+  uploadFailedError: {
+    id: scope + ".uploadFailedError",
+    defaultMessage: 'Upload failed'
+  },
+  uploadLimitExceeded: {
+    id: scope + ".uploadLimitExceeded",
+    defaultMessage: 'Please do not upload more than 1000 store codes'
+  },
+  uploadReqLoader: {
+    id: scope + ".uploadReqLoader",
+    defaultMessage: 'Uploading stores'
+  },
+  or: {
+    id: scope + ".or",
+    defaultMessage: 'OR'
+  },
+  searchWithExact: {
+    id: scope + ".searchWithExact",
+    defaultMessage: 'Search with exact keyword'
+  },
+  customFieldsTag: {
+    id: scope + ".customFieldsTag",
+    defaultMessage: 'custom fields'
+  },
+  storeSearchMsg: {
+    id: scope + ".storeSearchMsg",
+    defaultMessage: 'Enter min. 3 characters to search'
+  },
+  uploadInProgressMsg: {
+    id: scope + ".uploadInProgressMsg",
+    defaultMessage: 'Upload in progress'
+  },
+  unsupportedCsvHeaderMsg: {
+    id: scope + ".unsupportedCsvHeaderMsg",
+    defaultMessage: "The CSV header must be 'Store code' or 'Store id'"
+  },
+  csvFileNoEntryTxt: {
+    id: scope + ".csvFileNoEntryTxt",
+    defaultMessage: 'Please upload a file with atleast one entry'
+  },
+  downloadedMsg: {
+    id: scope + ".downloadedMsg",
+    defaultMessage: 'downloaded'
+  },
+  reuploadFileMsg: {
+    id: scope + ".reuploadFileMsg",
+    defaultMessage: 'Reupload file'
+  },
+  storeIdsMsg: {
+    id: scope + ".storeIdsMsg",
+    defaultMessage: 'Store IDs'
+  },
+  downloadStoreIdMsg: {
+    id: scope + ".downloadStoreIdMsg",
+    defaultMessage: 'Download Store ID'
+  },
+  downloadStoreIdCodeNameMsg: {
+    id: scope + ".downloadStoreIdCodeNameMsg",
+    defaultMessage: 'Download Store ID, code & name'
+  },
+  downloadInProgressMsg: {
+    id: scope + ".downloadInProgressMsg",
+    defaultMessage: 'Download in progress, might take a while'
+  },
+  xDaysBeforeMsg: {
+    id: scope + ".xDaysBeforeMsg",
+    defaultMessage: 'x days before'
+  },
+  xDaysAfterMsg: {
+    id: scope + ".xDaysAfterMsg",
+    defaultMessage: 'x days after'
+  },
+  specificDateLabel: {
+    id: scope + ".specificDateLabel",
+    defaultMessage: 'specific date'
+  },
+  eventDateAttributeLabel: {
+    id: scope + ".eventDateAttributeLabel",
+    defaultMessage: 'Event date attribute'
+  },
+  entryTriggerLabel: {
+    id: scope + ".entryTriggerLabel",
+    defaultMessage: 'Entry trigger'
+  },
+  waitTillEventLabel: {
+    id: scope + ".waitTillEventLabel",
+    defaultMessage: 'Wait till event'
+  },
+  daysSuffix: {
+    id: scope + ".daysSuffix",
+    defaultMessage: 'days'
+  },
+  loadingTip: {
+    id: scope + ".loadingTip",
+    defaultMessage: 'Loading...'
+  },
+  specificDateToolTip: {
+    id: scope + ".specificDateToolTip",
+    defaultMessage: "Specific date cannot be selected for 'x days before/after'"
+  },
+  skuFileName: {
+    id: scope + ".skuFileName",
+    defaultMessage: 'SKUs.csv'
+  },
+  addedSKUsMsg: {
+    id: scope + ".addedSKUsMsg",
+    defaultMessage: 'Added SKUs'
+  },
+  uploadedMsg: {
+    id: scope + ".uploadedMsg",
+    defaultMessage: 'uploaded'
+  },
+  viewMoreMsg: {
+    id: scope + ".viewMoreMsg",
+    defaultMessage: 'View more'
+  },
+  storesMsg: {
+    id: scope + ".storesMsg",
+    defaultMessage: 'Stores'
+  },
+  uploadInvalidErrorMsg: {
+    id: scope + ".uploadInvalidErrorMsg",
+    defaultMessage: 'Invalid file uploaded'
+  }
+});
+
 /***/ }),
 
 /***/ 39866:
@@ -30564,6 +31438,44 @@ var _default = exports["default"] = SvgInApp;
 
 /***/ }),
 
+/***/ 41859:
+/***/ ((__unused_webpack_module, exports) => {
+
+"use strict";
+
+
+exports.__esModule = true;
+exports.UPLOAD = exports.TEXT_ON_MSG = exports.TEXT_DAYS_BEFORE_MSG = exports.TEXT_DAYS_AFTER_MSG = exports.TEXT_BETWEEN_MSG = exports.TEXT_BEFORE_MSG = exports.TEXT_AFTER_MSG = exports.STRING_LIST = exports.STRING = exports.SKU = exports.PRODUCT_ATTRIBUTE = exports.NUMBER = exports.MULTI_SELECT = exports.LIST = exports.EXTENDED_FIELD = exports.ENTRY_TRIGGER_EVENT_ATTRIBUTE = exports.DATE_TYPE_SINGLE = exports.DATE_TYPE_RANGE = exports.DATE_TYPE_DAYS_BEFORE = exports.DATE_TYPE_DAYS_AFTER = exports.DATE_TYPE = exports.CUSTOM_FIELD = exports.CATEGORY = void 0;
+const LIST = exports.LIST = 'LIST';
+const MULTI_SELECT = exports.MULTI_SELECT = 'MULTI_SELECT';
+const NUMBER = exports.NUMBER = 'NUMBER';
+const STRING = exports.STRING = 'STRING';
+const DATE_TYPE = exports.DATE_TYPE = 'DATE';
+const PRODUCT_ATTRIBUTE = exports.PRODUCT_ATTRIBUTE = 'PRODUCT_ATTRIBUTE';
+const CUSTOM_FIELD = exports.CUSTOM_FIELD = 'CUSTOM_FIELD';
+const EXTENDED_FIELD = exports.EXTENDED_FIELD = 'EXTENDED_FIELD';
+const SKU = exports.SKU = 'SKU';
+const CATEGORY = exports.CATEGORY = 'CATEGORY';
+const UPLOAD = exports.UPLOAD = 'UPLOAD';
+const ENTRY_TRIGGER_EVENT_ATTRIBUTE = exports.ENTRY_TRIGGER_EVENT_ATTRIBUTE = 'entryTriggerEventAttribute';
+const STRING_LIST = exports.STRING_LIST = 'STRING_LIST';
+
+// Text constants for operand mapping
+const TEXT_ON_MSG = exports.TEXT_ON_MSG = 'onMsg';
+const TEXT_BEFORE_MSG = exports.TEXT_BEFORE_MSG = 'beforeMsg';
+const TEXT_AFTER_MSG = exports.TEXT_AFTER_MSG = 'afterMsg';
+const TEXT_BETWEEN_MSG = exports.TEXT_BETWEEN_MSG = 'betweenMsg';
+const TEXT_DAYS_BEFORE_MSG = exports.TEXT_DAYS_BEFORE_MSG = 'daysBeforeMsg';
+const TEXT_DAYS_AFTER_MSG = exports.TEXT_DAYS_AFTER_MSG = 'daysAfterMsg';
+
+// Date type constants
+const DATE_TYPE_RANGE = exports.DATE_TYPE_RANGE = 'RANGE';
+const DATE_TYPE_SINGLE = exports.DATE_TYPE_SINGLE = 'SINGLE';
+const DATE_TYPE_DAYS_AFTER = exports.DATE_TYPE_DAYS_AFTER = 'DAYS_AFTER';
+const DATE_TYPE_DAYS_BEFORE = exports.DATE_TYPE_DAYS_BEFORE = 'DAYS_BEFORE';
+
+/***/ }),
+
 /***/ 41946:
 /***/ ((__unused_webpack_module, exports) => {
 
@@ -36472,6 +37384,14 @@ var _default = exports["default"] = LocaleProvider;
 
 /***/ }),
 
+/***/ 51865:
+/***/ ((module) => {
+
+"use strict";
+module.exports = require("react-datepicker/dist/react-datepicker.css");
+
+/***/ }),
+
 /***/ 51873:
 /***/ ((module, __unused_webpack_exports, __webpack_require__) => {
 
@@ -54727,13 +55647,16 @@ var _exportNames = {
   CapCarousel: true,
   CapCheckbox: true,
   CapDatePicker: true,
+  CapMultiSelectDatePicker: true,
   CapCustomCard: true,
   CapColoredTag: true,
   CapColumn: true,
+  CapConditionPreview: true,
   CapCustomCheckboxList: true,
   CapCustomList: true,
   CapCustomSelect: true,
   CapColorPicker: true,
+  CapCalendarDatePicker: true,
   CapDivider: true,
   CapDrawer: true,
   CapDropdown: true,
@@ -54806,7 +55729,7 @@ var _exportNames = {
   CapIcons: true,
   styledVars: true
 };
-exports.styledVars = exports.request = exports.loadCapUIFonts = exports.loadCapUI = exports.getCapUIFontLinks = exports.getCapThemeConfig = exports.LocaleHoc = exports.CapVirtualList = exports.CapUploader = exports.CapUnifiedSelect = exports.CapTruncateList = exports.CapTree = exports.CapTopBar = exports.CapTooltipWithInfo = exports.CapTooltip = exports.CapTimePicker = exports.CapTag = exports.CapTable = exports.CapTabV3 = exports.CapTab = exports.CapSwitch = exports.CapSupportVideosWrapper = exports.CapSteps = exports.CapStatus = exports.CapStatisticCard = exports.CapSplit = exports.CapSpin = exports.CapSomethingWentWrong = exports.CapSnackBar = exports.CapSlider = exports.CapSlideBox = exports.CapSkeleton = exports.CapSideBar = exports.CapShape = exports.CapSelectFilter = exports.CapSelect = exports.CapSecondaryTopBar = exports.CapRow = exports.CapRoadMap = exports.CapRadioGroup = exports.CapRadioButton = exports.CapRadio = exports.CapProgress = exports.CapPopover = exports.CapNotificationDropdown = exports.CapNotification = exports.CapModal = exports.CapMenu = exports.CapLogin = exports.CapList = exports.CapLink = exports.CapLanguageProvider = exports.CapLabel = exports.CapInputTextArea = exports.CapInputSearch = exports.CapInputNumber = exports.CapInput = exports.CapInfoNote = exports.CapImportMFEComponent = exports.CapImage = exports.CapIllustration = exports.CapIcons = exports.CapIcon = exports.CapHeading = exports.CapHeader = exports.CapFormItem = exports.CapForm = exports.CapError = exports.CapDropdown = exports.CapDrawer = exports.CapDivider = exports.CapDatePicker = exports.CapCustomSelect = exports.CapCustomList = exports.CapCustomCheckboxList = exports.CapCustomCard = exports.CapColumn = exports.CapColoredTag = exports.CapColorPicker = exports.CapCheckbox = exports.CapCarousel = exports.CapCardBox = exports.CapCard = exports.CapButton = exports.CapBorderedBox = exports.CapBlock = exports.CapBanner = exports.CapAppNotEnabled = exports.CapAlert = exports.CapActionBar = void 0;
+exports.styledVars = exports.request = exports.loadCapUIFonts = exports.loadCapUI = exports.getCapUIFontLinks = exports.getCapThemeConfig = exports.LocaleHoc = exports.CapVirtualList = exports.CapUploader = exports.CapUnifiedSelect = exports.CapTruncateList = exports.CapTree = exports.CapTopBar = exports.CapTooltipWithInfo = exports.CapTooltip = exports.CapTimePicker = exports.CapTag = exports.CapTable = exports.CapTabV3 = exports.CapTab = exports.CapSwitch = exports.CapSupportVideosWrapper = exports.CapSteps = exports.CapStatus = exports.CapStatisticCard = exports.CapSplit = exports.CapSpin = exports.CapSomethingWentWrong = exports.CapSnackBar = exports.CapSlider = exports.CapSlideBox = exports.CapSkeleton = exports.CapSideBar = exports.CapShape = exports.CapSelectFilter = exports.CapSelect = exports.CapSecondaryTopBar = exports.CapRow = exports.CapRoadMap = exports.CapRadioGroup = exports.CapRadioButton = exports.CapRadio = exports.CapProgress = exports.CapPopover = exports.CapNotificationDropdown = exports.CapNotification = exports.CapMultiSelectDatePicker = exports.CapModal = exports.CapMenu = exports.CapLogin = exports.CapList = exports.CapLink = exports.CapLanguageProvider = exports.CapLabel = exports.CapInputTextArea = exports.CapInputSearch = exports.CapInputNumber = exports.CapInput = exports.CapInfoNote = exports.CapImportMFEComponent = exports.CapImage = exports.CapIllustration = exports.CapIcons = exports.CapIcon = exports.CapHeading = exports.CapHeader = exports.CapFormItem = exports.CapForm = exports.CapError = exports.CapDropdown = exports.CapDrawer = exports.CapDivider = exports.CapDatePicker = exports.CapCustomSelect = exports.CapCustomList = exports.CapCustomCheckboxList = exports.CapCustomCard = exports.CapConditionPreview = exports.CapColumn = exports.CapColoredTag = exports.CapColorPicker = exports.CapCheckbox = exports.CapCarousel = exports.CapCardBox = exports.CapCard = exports.CapCalendarDatePicker = exports.CapButton = exports.CapBorderedBox = exports.CapBlock = exports.CapBanner = exports.CapAppNotEnabled = exports.CapAlert = exports.CapActionBar = void 0;
 var _CapAlert = _interopRequireDefault(__webpack_require__(20855));
 exports.CapAlert = _CapAlert.default;
 var _CapActionBar = _interopRequireDefault(__webpack_require__(9464));
@@ -54831,12 +55754,16 @@ var _CapCheckbox = _interopRequireDefault(__webpack_require__(20564));
 exports.CapCheckbox = _CapCheckbox.default;
 var _CapDatePicker = _interopRequireDefault(__webpack_require__(88785));
 exports.CapDatePicker = _CapDatePicker.default;
+var _CapMultiSelectDatePicker = _interopRequireDefault(__webpack_require__(95452));
+exports.CapMultiSelectDatePicker = _CapMultiSelectDatePicker.default;
 var _CapCustomCard = _interopRequireDefault(__webpack_require__(84328));
 exports.CapCustomCard = _CapCustomCard.default;
 var _CapColoredTag = _interopRequireDefault(__webpack_require__(22029));
 exports.CapColoredTag = _CapColoredTag.default;
 var _CapColumn = _interopRequireDefault(__webpack_require__(4757));
 exports.CapColumn = _CapColumn.default;
+var _CapConditionPreview = _interopRequireDefault(__webpack_require__(9174));
+exports.CapConditionPreview = _CapConditionPreview.default;
 var _CapCustomCheckboxList = _interopRequireDefault(__webpack_require__(1537));
 exports.CapCustomCheckboxList = _CapCustomCheckboxList.default;
 var _CapCustomList = _interopRequireDefault(__webpack_require__(66334));
@@ -54845,6 +55772,8 @@ var _CapCustomSelect = _interopRequireDefault(__webpack_require__(2942));
 exports.CapCustomSelect = _CapCustomSelect.default;
 var _CapColorPicker = _interopRequireDefault(__webpack_require__(51398));
 exports.CapColorPicker = _CapColorPicker.default;
+var _CapCalendarDatePicker = _interopRequireDefault(__webpack_require__(96279));
+exports.CapCalendarDatePicker = _CapCalendarDatePicker.default;
 var _CapDivider = _interopRequireDefault(__webpack_require__(23406));
 exports.CapDivider = _CapDivider.default;
 var _CapDrawer = _interopRequireDefault(__webpack_require__(78716));
@@ -65274,6 +66203,14 @@ function stackSet(key, value) {
 module.exports = stackSet;
 
 
+/***/ }),
+
+/***/ 81014:
+/***/ ((module) => {
+
+"use strict";
+module.exports = require("react-datepicker");
+
 /***/ }),
 
 /***/ 81042:
@@ -65287,6 +66224,103 @@ var nativeCreate = getNative(Object, 'create');
 module.exports = nativeCreate;
 
 
+/***/ }),
+
+/***/ 81112:
+/***/ ((__unused_webpack_module, exports, __webpack_require__) => {
+
+"use strict";
+
+
+exports.__esModule = true;
+exports.scope = exports["default"] = void 0;
+var _reactIntl = __webpack_require__(46407);
+// CapCondition Messages
+
+const scope = exports.scope = 'app.commonUtils.capUiLibrary.CapCondition';
+var _default = exports["default"] = (0, _reactIntl.defineMessages)({
+  selectPossibleValue: {
+    id: scope + ".selectPossibleValue",
+    defaultMessage: 'Select possible values'
+  },
+  searchPossibleValue: {
+    id: scope + ".searchPossibleValue",
+    defaultMessage: 'Search possible values'
+  },
+  maxPossibleValues: {
+    id: scope + ".maxPossibleValues",
+    defaultMessage: 'Only 15 values can be selected'
+  },
+  title: {
+    id: scope + ".title",
+    defaultMessage: 'title'
+  },
+  selectTriggerEventAttribute: {
+    id: scope + ".selectTriggerEventAttribute",
+    defaultMessage: 'Select trigger event attribute'
+  },
+  entryTriggerEventAttribute: {
+    id: scope + ".entryTriggerEventAttribute",
+    defaultMessage: 'Entry trigger event attribute'
+  },
+  selectDateAttribute: {
+    id: scope + ".selectDateAttribute",
+    defaultMessage: 'Select date attribute'
+  },
+  search: {
+    id: scope + ".search",
+    defaultMessage: 'Search'
+  },
+  noResultsFound: {
+    id: scope + ".noResultsFound",
+    defaultMessage: 'No results found'
+  },
+  more: {
+    id: scope + ".more",
+    defaultMessage: 'more'
+  },
+  onMsg: {
+    id: scope + ".onMsg",
+    defaultMessage: 'on'
+  },
+  beforeMsg: {
+    id: scope + ".beforeMsg",
+    defaultMessage: 'before'
+  },
+  afterMsg: {
+    id: scope + ".afterMsg",
+    defaultMessage: 'after'
+  },
+  betweenMsg: {
+    id: scope + ".betweenMsg",
+    defaultMessage: 'between'
+  },
+  daysAfterMsg: {
+    id: scope + ".daysAfterMsg",
+    defaultMessage: '{days} days after'
+  },
+  daysBeforeMsg: {
+    id: scope + ".daysBeforeMsg",
+    defaultMessage: '{days} days before'
+  },
+  andMsg: {
+    id: scope + ".andMsg",
+    defaultMessage: 'and'
+  },
+  endDate: {
+    id: scope + ".endDate",
+    defaultMessage: 'End date'
+  },
+  of: {
+    id: scope + ".of",
+    defaultMessage: ' of '
+  },
+  profileNameMessage: {
+    id: scope + ".profileNameMessage",
+    defaultMessage: '{profileName} event date attribute'
+  }
+});
+
 /***/ }),
 
 /***/ 81164:
@@ -65944,6 +66978,58 @@ const SvgBehaviouralProfile = props => /*#__PURE__*/(0, _jsxRuntime.jsxs)("svg",
 }));
 var _default = exports["default"] = SvgBehaviouralProfile;
 
+/***/ }),
+
+/***/ 82233:
+/***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => {
+
+"use strict";
+__webpack_require__.r(__webpack_exports__);
+/* harmony export */ __webpack_require__.d(__webpack_exports__, {
+/* harmony export */   "default": () => (__WEBPACK_DEFAULT_EXPORT__)
+/* harmony export */ });
+/* harmony import */ var _node_modules_style_loader_dist_runtime_injectStylesIntoStyleTag_js__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(85072);
+/* harmony import */ var _node_modules_style_loader_dist_runtime_injectStylesIntoStyleTag_js__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(_node_modules_style_loader_dist_runtime_injectStylesIntoStyleTag_js__WEBPACK_IMPORTED_MODULE_0__);
+/* harmony import */ var _node_modules_style_loader_dist_runtime_singletonStyleDomAPI_js__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(64284);
+/* harmony import */ var _node_modules_style_loader_dist_runtime_singletonStyleDomAPI_js__WEBPACK_IMPORTED_MODULE_1___default = /*#__PURE__*/__webpack_require__.n(_node_modules_style_loader_dist_runtime_singletonStyleDomAPI_js__WEBPACK_IMPORTED_MODULE_1__);
+/* harmony import */ var _node_modules_style_loader_dist_runtime_insertBySelector_js__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(77659);
+/* harmony import */ var _node_modules_style_loader_dist_runtime_insertBySelector_js__WEBPACK_IMPORTED_MODULE_2___default = /*#__PURE__*/__webpack_require__.n(_node_modules_style_loader_dist_runtime_insertBySelector_js__WEBPACK_IMPORTED_MODULE_2__);
+/* harmony import */ var _node_modules_style_loader_dist_runtime_setAttributesWithoutAttributes_js__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(55056);
+/* harmony import */ var _node_modules_style_loader_dist_runtime_setAttributesWithoutAttributes_js__WEBPACK_IMPORTED_MODULE_3___default = /*#__PURE__*/__webpack_require__.n(_node_modules_style_loader_dist_runtime_setAttributesWithoutAttributes_js__WEBPACK_IMPORTED_MODULE_3__);
+/* harmony import */ var _node_modules_style_loader_dist_runtime_insertStyleElement_js__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(10540);
+/* harmony import */ var _node_modules_style_loader_dist_runtime_insertStyleElement_js__WEBPACK_IMPORTED_MODULE_4___default = /*#__PURE__*/__webpack_require__.n(_node_modules_style_loader_dist_runtime_insertStyleElement_js__WEBPACK_IMPORTED_MODULE_4__);
+/* harmony import */ var _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__ = __webpack_require__(17388);
+/* harmony import */ var _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 = /*#__PURE__*/__webpack_require__.n(_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__);
+/* harmony reexport (unknown) */ var __WEBPACK_REEXPORT_OBJECT__ = {};
+/* harmony reexport (unknown) */ for(const __WEBPACK_IMPORT_KEY__ in _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__) if(__WEBPACK_IMPORT_KEY__ !== "default") __WEBPACK_REEXPORT_OBJECT__[__WEBPACK_IMPORT_KEY__] = () => _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__[__WEBPACK_IMPORT_KEY__]
+/* harmony reexport (unknown) */ __webpack_require__.d(__webpack_exports__, __WEBPACK_REEXPORT_OBJECT__);
+
+      
+      
+      
+      
+      
+      
+      
+      
+      
+
+var options = {};
+
+;
+options.setAttributes = (_node_modules_style_loader_dist_runtime_setAttributesWithoutAttributes_js__WEBPACK_IMPORTED_MODULE_3___default());
+options.insert = _node_modules_style_loader_dist_runtime_insertBySelector_js__WEBPACK_IMPORTED_MODULE_2___default().bind(null, "head");
+options.domAPI = (_node_modules_style_loader_dist_runtime_singletonStyleDomAPI_js__WEBPACK_IMPORTED_MODULE_1___default());
+options.insertStyleElement = (_node_modules_style_loader_dist_runtime_insertStyleElement_js__WEBPACK_IMPORTED_MODULE_4___default());
+
+var update = _node_modules_style_loader_dist_runtime_injectStylesIntoStyleTag_js__WEBPACK_IMPORTED_MODULE_0___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()), options);
+
+
+
+
+       /* 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);
+
+
 /***/ }),
 
 /***/ 82266:
@@ -72905,6 +73991,91 @@ var _default = exports["default"] = useResetIconStyle;
 
 /***/ }),
 
+/***/ 95452:
+/***/ ((__unused_webpack_module, exports, __webpack_require__) => {
+
+"use strict";
+
+
+exports.__esModule = true;
+exports["default"] = void 0;
+var _classnames = _interopRequireDefault(__webpack_require__(46942));
+var _react = _interopRequireDefault(__webpack_require__(9206));
+var _reactIntl = __webpack_require__(46407);
+var _messages = _interopRequireDefault(__webpack_require__(20606));
+var _styles = _interopRequireDefault(__webpack_require__(35032));
+var _jsxRuntime = __webpack_require__(74848);
+function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
+/**
+ *
+ * CapMultiSelectDatePicker
+ *
+ */
+
+const renderLastDayOption = (selectedDays, lastDayText, onClick) => {
+  const lastDayValue = -1;
+  const isSelected = selectedDays.indexOf(lastDayValue) !== -1;
+  return /*#__PURE__*/(0, _jsxRuntime.jsx)("th", {
+    colSpan: 4,
+    className: (0, _classnames.default)(_styles.default.customTxt, {
+      [_styles.default.customSelected]: isSelected
+    }),
+    onClick: () => onClick == null ? void 0 : onClick(lastDayValue),
+    children: lastDayText
+  }, lastDayValue);
+};
+const CapMultiSelectDatePicker = _ref => {
+  let {
+    selected = [],
+    defaultValue,
+    showLastDay = false,
+    lastDayText,
+    onClick,
+    intl: {
+      formatMessage
+    }
+  } = _ref;
+  const getNumberOfDays = () => {
+    const noOfDays = [];
+    for (let i = 1; i <= 31; i++) {
+      noOfDays.push(i);
+    }
+    return noOfDays;
+  };
+  const getNumberOfWeeks = () => {
+    const noOfWeeks = [];
+    for (let i = 1; i <= 5; i++) {
+      noOfWeeks.push(i);
+    }
+    return noOfWeeks;
+  };
+  const noOfDays = getNumberOfDays();
+  const noOfWeeks = getNumberOfWeeks();
+  const selectedDays = selected || defaultValue || [];
+  const finalLastDayText = lastDayText || formatMessage(_messages.default.lastDayText);
+  return /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
+    className: _styles.default.multiSelectDateContainer,
+    children: /*#__PURE__*/(0, _jsxRuntime.jsx)("table", {
+      className: _styles.default.dateContent,
+      children: noOfWeeks.map((_w, index) => {
+        const weekDays = noOfDays.slice(index * 7, (index + 1) * 7);
+        return /*#__PURE__*/(0, _jsxRuntime.jsxs)("tr", {
+          children: [weekDays.map(day => /*#__PURE__*/(0, _jsxRuntime.jsx)("th", {
+            className: (0, _classnames.default)({
+              [_styles.default.selected]: selectedDays.indexOf(day) !== -1
+            }),
+            onClick: () => onClick == null ? void 0 : onClick(day),
+            children: day
+          }, day)), index === noOfWeeks.length - 1 && showLastDay ? renderLastDayOption(selectedDays, finalLastDayText, onClick) : null]
+        }, "week-" + index);
+      })
+    })
+  });
+};
+var _default = exports["default"] = (0, _reactIntl.injectIntl)(CapMultiSelectDatePicker);
+
+/***/ }),
+
 /***/ 95727:
 /***/ ((__unused_webpack_module, exports, __webpack_require__) => {
 
@@ -73122,6 +74293,46 @@ function baseIndexOf(array, value, fromIndex) {
 module.exports = baseIndexOf;
 
 
+/***/ }),
+
+/***/ 96279:
+/***/ ((__unused_webpack_module, exports, __webpack_require__) => {
+
+"use strict";
+
+
+exports.__esModule = true;
+exports["default"] = void 0;
+var _classnames = _interopRequireDefault(__webpack_require__(46942));
+var _react = _interopRequireDefault(__webpack_require__(9206));
+var _reactDatepicker = _interopRequireDefault(__webpack_require__(81014));
+__webpack_require__(51865);
+var _styles = _interopRequireDefault(__webpack_require__(82233));
+var _jsxRuntime = __webpack_require__(74848);
+const _excluded = ["className"];
+/**
+ *
+ * CapCalendarDatePicker
+ *
+ */
+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 _objectWithoutPropertiesLoose(r, e) { if (null == r) return {}; var t = {}; for (var n in r) if ({}.hasOwnProperty.call(r, n)) { if (-1 !== e.indexOf(n)) continue; t[n] = r[n]; } return t; }
+const clsPrefix = 'calendar-date-picker';
+function CapCalendarDatePicker(props) {
+  const {
+      className
+    } = props,
+    datePickerProps = _objectWithoutPropertiesLoose(props, _excluded);
+  return /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
+    className: (0, _classnames.default)(_styles.default[clsPrefix], className),
+    children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactDatepicker.default, _extends({
+      inline: true
+    }, datePickerProps))
+  });
+}
+var _default = exports["default"] = CapCalendarDatePicker;
+
 /***/ }),
 
 /***/ 96285:
@@ -73949,6 +75160,33 @@ const CapNotification = {
 };
 var _default = exports["default"] = CapNotification;
 
+/***/ }),
+
+/***/ 98289:
+/***/ ((module, __unused_webpack_exports, __webpack_require__) => {
+
+// Imports
+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.142rem;height:2.285rem;padding:.642rem .928rem}.capConditionPreview__errorIcon{color:#ea213a}.capConditionPreview__errorLabel{color:#ea213a}.capConditionPreview .capConditionPreview__errorLabel{color:#ea213a}.capConditionPreview__flexWrapDiv .capConditionPreview__errorLabel{color:#ea213a}.capConditionPreview__marginR4{margin-right:.285rem}.capConditionPreview__marginL4{margin-left:.285rem}.capConditionPreview__marginR20{margin-right:1.428rem}`, ""]);
+// Exports
+___CSS_LOADER_EXPORT___.locals = {
+	"capConditionPreview__string": `capConditionPreview__string`,
+	"capConditionPreview__flexWrapDiv": `capConditionPreview__flexWrapDiv`,
+	"capConditionPreview__skuDownloadLink": `capConditionPreview__skuDownloadLink`,
+	"capConditionPreview__label": `capConditionPreview__label`,
+	"capConditionPreview__errorIcon": `capConditionPreview__errorIcon`,
+	"capConditionPreview__errorLabel": `capConditionPreview__errorLabel`,
+	"capConditionPreview": `capConditionPreview`,
+	"capConditionPreview__marginR4": `capConditionPreview__marginR4`,
+	"capConditionPreview__marginL4": `capConditionPreview__marginL4`,
+	"capConditionPreview__marginR20": `capConditionPreview__marginR20`
+};
+module.exports = ___CSS_LOADER_EXPORT___;
+
+
 /***/ }),
 
 /***/ 98421: