@pushwoosh/dumb-components 1.1.202 → 1.1.204

package/FrequencyCapping/components/CountingMode/index.js

@@ -1,5 +1,5 @@
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import { useCallback } from 'react';
+import { useCallback, useId } from 'react';
 import { Horizontal, Vertical } from '@pushwoosh/kit-helpers';
 import { Combobox } from '../../../Combobox';
 import { FieldBox } from '../../../FieldBox';
@@ -15,6 +15,7 @@ export function CountingMode(props) {
     onTimezoneChange
   } = props;
   const lang = useLang();
+  const radioGroupName = useId();
   const onModeChange = useCallback(value => {
     onCountingModeChange(value);
   }, [onCountingModeChange]);
@@ -33,7 +34,7 @@ export function CountingMode(props) {
         "$alignItems": "center",
         "$justifyContent": "start",
         children: [_jsx(Radio, {
-          name: "cappingCountingMode",
+          name: radioGroupName,
           value: CappingCountingMode.ROLLING,
           isChecked: countingMode !== CappingCountingMode.CALENDAR_DAY,
           label: _jsx(Lang, {
@@ -44,7 +45,7 @@ export function CountingMode(props) {
           }),
           onChange: onModeChange
         }), _jsx(Radio, {
-          name: "cappingCountingMode",
+          name: radioGroupName,
           value: CappingCountingMode.CALENDAR_DAY,
           isChecked: countingMode === CappingCountingMode.CALENDAR_DAY,
           label: _jsx(Lang, {

package/FrequencyCapping/helpers/getReadonlyCappingHelpers.js

@@ -5,7 +5,7 @@ import { getCappingChipText } from './getCappingChipText';
 import { Tooltip } from '../../Tooltip';
 import { ChipFrequencyCapping } from '../components/Condition';
 import { IconWrapper } from '../styles';
-import { CappingTypes } from '../types';
+import { CappingCountingMode, CappingTypes } from '../types';
 export function getReadonlyCappingLabel(cappingOption, isGlobalCappingDisabled, capping, globalCapping, isInJourney, lang) {
   const tooltip = getReadonlyTooltip(cappingOption, isInJourney, lang);
   if (cappingOption === CappingTypes.CUSTOM) {
@@ -15,6 +15,13 @@ export function getReadonlyCappingLabel(cappingOption, isGlobalCappingDisabled,
       }), _jsx(ChipFrequencyCapping, {
         text: getCappingChipText(lang, capping.messages, capping.days),
         tooltip: tooltip
+      }), capping.countingMode === CappingCountingMode.CALENDAR_DAY && _jsx(ChipFrequencyCapping, {
+        text: `${lang({
+          message: 'DUMB.FREQUENCY_CAPPING.COUNTING_MODE.CALENDAR_DAY'
+        })} · ${capping.timezone || 'UTC'}`,
+        tooltip: lang({
+          message: 'DUMB.FREQUENCY_CAPPING.COUNTING_MODE.CALENDAR_DAY_TOOLTIP'
+        })
       })]
     });
   }

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@pushwoosh/dumb-components",
-  "version": "1.1.202",
+  "version": "1.1.204",
   "description": "React components to build Pushwoosh products",
   "main": "index.js",
   "module": "index.js",