@pushwoosh/dumb-components 1.1.134 → 1.1.136

package/FrequencyCapping/FrequencyCappingEdit.js

@@ -1,4 +1,5 @@
-import React, { useCallback } from 'react';
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { useCallback } from 'react';
 import { Color } from '@pushwoosh/kit-constants';
 import { Vertical } from '@pushwoosh/kit-helpers';
 import { OpenIcon } from '@pushwoosh/kit-icons';
@@ -64,39 +65,46 @@ export function FrequencyCappingEdit({
       days
     });
   }, [capping, onChange]);
-  return React.createElement(Container, {
+  return _jsx(Container, {
     "$padding": 16,
     "$bgColor": Color.SOFT_LIGHT,
-    "$borderRadius": 8
-  }, React.createElement(Vertical, {
-    "$gap": 12
-  }, React.createElement(FieldBox, {
-    title: lang({
-      message: 'DUMB.FREQUENCY_CAPPING.FIELD_TITLE'
+    "$borderRadius": 8,
+    children: _jsxs(Vertical, {
+      "$gap": 12,
+      children: [_jsx(FieldBox, {
+        title: lang({
+          message: 'DUMB.FREQUENCY_CAPPING.FIELD_TITLE'
+        }),
+        children: _jsx(Select, {
+          name: "cappingOption",
+          isDisabled: isDisabled,
+          options: cappingOptions,
+          value: cappingOptions.find(option => option.value === cappingOption),
+          onChange: newValue => onChangeFrequencyCapping(newValue.value)
+        })
+      }), _jsx(Description, {
+        cappingOption: cappingOption,
+        messages: globalCapping.count,
+        days: globalCapping.days,
+        isInJourney: isInJourney,
+        children: cappingOption === CappingTypes.GLOBAL && _jsx(Link, {
+          target: "_blank",
+          href: `/applications/${applicationCode}/message-delivery?tab=capping`,
+          title: globalCappingLinkText,
+          onClick: editGlobalClicked,
+          children: _jsxs(LinkWrapper, {
+            children: [globalCappingLinkText, _jsx(OpenIcon, {
+              size: "small",
+              view: "lined",
+              as: "span"
+            })]
+          })
+        })
+      }), cappingOption === CappingTypes.CUSTOM && !isDisabled && _jsx(EditCappingSettings, {
+        messages: messages,
+        days: days,
+        onChange: onSettingsChange
+      })]
     })
-  }, React.createElement(Select, {
-    name: "cappingOption",
-    isDisabled: isDisabled,
-    options: cappingOptions,
-    value: cappingOptions.find(option => option.value === cappingOption),
-    onChange: newValue => onChangeFrequencyCapping(newValue.value)
-  })), React.createElement(Description, {
-    cappingOption: cappingOption,
-    messages: globalCapping.count,
-    days: globalCapping.days,
-    isInJourney: isInJourney
-  }, cappingOption === CappingTypes.GLOBAL && React.createElement(Link, {
-    target: "_blank",
-    href: `/applications/${applicationCode}/message-delivery?tab=capping`,
-    title: globalCappingLinkText,
-    onClick: editGlobalClicked
-  }, React.createElement(LinkWrapper, null, globalCappingLinkText, React.createElement(OpenIcon, {
-    size: "small",
-    view: "lined",
-    as: "span"
-  })))), cappingOption === CappingTypes.CUSTOM && !isDisabled && React.createElement(EditCappingSettings, {
-    messages: messages,
-    days: days,
-    onChange: onSettingsChange
-  })));
+  });
 }

package/FrequencyCapping/FrequencyCappingInApps.js

@@ -1,4 +1,5 @@
-import React, { useCallback } from 'react';
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { useCallback } from 'react';
 import { Color } from '@pushwoosh/kit-constants';
 import { Vertical } from '@pushwoosh/kit-helpers';
 import { OpenIcon } from '@pushwoosh/kit-icons';
@@ -57,39 +58,46 @@ export function FrequencyCappingInApps(props) {
   const onSettingsChange = useCallback(newCapping => {
     onChange(newCapping);
   }, [onChange]);
-  return React.createElement(Container, {
+  return _jsx(Container, {
     "$padding": 16,
     "$bgColor": Color.SOFT_LIGHT,
-    "$borderRadius": 8
-  }, React.createElement(Vertical, {
-    "$gap": 12
-  }, React.createElement(FieldBox, {
-    title: lang({
-      message: 'DUMB.FREQUENCY_CAPPING.FIELD_TITLE'
+    "$borderRadius": 8,
+    children: _jsxs(Vertical, {
+      "$gap": 12,
+      children: [_jsx(FieldBox, {
+        title: lang({
+          message: 'DUMB.FREQUENCY_CAPPING.FIELD_TITLE'
+        }),
+        children: _jsx(Select, {
+          name: "cappingOption",
+          isDisabled: isDisabled,
+          options: cappingOptions,
+          value: cappingOptions.find(option => option.value === cappingOption),
+          onChange: newValue => onChangeFrequencyCapping(newValue.value)
+        })
+      }), _jsx(Description, {
+        cappingOption: cappingOption,
+        messages: globalCapping.count,
+        days: globalCapping.days,
+        isInJourney: isInJourney,
+        variant: "in-app",
+        children: cappingOption === CappingTypes.GLOBAL && _jsx(Link, {
+          target: "_blank",
+          href: `/applications/${applicationCode}/message-delivery?tab=capping`,
+          title: globalCappingLinkText,
+          onClick: editGlobalClicked,
+          children: _jsxs(LinkWrapper, {
+            children: [globalCappingLinkText, _jsx(OpenIcon, {
+              size: "small",
+              view: "lined",
+              as: "span"
+            })]
+          })
+        })
+      }), cappingOption === CappingTypes.CUSTOM && !isDisabled && _jsx(EditInAppCappingSettings, {
+        capping: capping,
+        onChange: onSettingsChange
+      })]
     })
-  }, React.createElement(Select, {
-    name: "cappingOption",
-    isDisabled: isDisabled,
-    options: cappingOptions,
-    value: cappingOptions.find(option => option.value === cappingOption),
-    onChange: newValue => onChangeFrequencyCapping(newValue.value)
-  })), React.createElement(Description, {
-    cappingOption: cappingOption,
-    messages: globalCapping.count,
-    days: globalCapping.days,
-    isInJourney: isInJourney,
-    variant: "in-app"
-  }, cappingOption === CappingTypes.GLOBAL && React.createElement(Link, {
-    target: "_blank",
-    href: `/applications/${applicationCode}/message-delivery?tab=capping`,
-    title: globalCappingLinkText,
-    onClick: editGlobalClicked
-  }, React.createElement(LinkWrapper, null, globalCappingLinkText, React.createElement(OpenIcon, {
-    size: "small",
-    view: "lined",
-    as: "span"
-  })))), cappingOption === CappingTypes.CUSTOM && !isDisabled && React.createElement(EditInAppCappingSettings, {
-    capping: capping,
-    onChange: onSettingsChange
-  })));
+  });
 }

package/FrequencyCapping/FrequencyCappingReadonly.d.ts

@@ -1,3 +1,2 @@
-import React from 'react';
 import { type CappingBase, type FrequencyCappingReadonlyProps } from './types';
-export declare function FrequencyCappingReadonly<T extends CappingBase>({ capping, globalCapping, applicationCode, editGlobalClicked, isInJourney, }: FrequencyCappingReadonlyProps<T>): React.JSX.Element;
+export declare function FrequencyCappingReadonly<T extends CappingBase>({ capping, globalCapping, applicationCode, editGlobalClicked, isInJourney, }: FrequencyCappingReadonlyProps<T>): import("react/jsx-runtime").JSX.Element;

package/FrequencyCapping/FrequencyCappingReadonly.js

@@ -1,4 +1,4 @@
-import React from 'react';
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import { Horizontal, Vertical } from '@pushwoosh/kit-helpers';
 import { OpenIcon } from '@pushwoosh/kit-icons';
 import { Link } from '../Link';
@@ -19,23 +19,27 @@ export function FrequencyCappingReadonly({
   const isGlobalCappingDisabled = globalCapping.count === 0 && globalCapping.days === 0;
   const globalCappingLinkText = getGlobalCappingLinkText(lang, isGlobalCappingDisabled);
   const label = getReadonlyCappingLabel(cappingOption, isGlobalCappingDisabled, capping, globalCapping, isInJourney, lang);
-  return React.createElement(Vertical, {
-    "$gap": 24
-  }, React.createElement(Horizontal, {
-    "$gap": 8,
-    "$justifyContent": "start",
-    "$alignItems": "center"
-  }, label, cappingOption === CappingTypes.GLOBAL && React.createElement(Link, {
-    href: `/applications/${applicationCode}/message-delivery?tab=capping`,
-    title: globalCappingLinkText,
-    target: "_blank",
-    onClick: editGlobalClicked
-  }, React.createElement(Horizontal, {
-    "$gap": 4,
-    "$justifyContent": "start",
-    "$alignItems": "center"
-  }, globalCappingLinkText, React.createElement(OpenIcon, {
-    size: "small",
-    view: "lined"
-  })))));
+  return _jsx(Vertical, {
+    "$gap": 24,
+    children: _jsxs(Horizontal, {
+      "$gap": 8,
+      "$justifyContent": "start",
+      "$alignItems": "center",
+      children: [label, cappingOption === CappingTypes.GLOBAL && _jsx(Link, {
+        href: `/applications/${applicationCode}/message-delivery?tab=capping`,
+        title: globalCappingLinkText,
+        target: "_blank",
+        onClick: editGlobalClicked,
+        children: _jsxs(Horizontal, {
+          "$gap": 4,
+          "$justifyContent": "start",
+          "$alignItems": "center",
+          children: [globalCappingLinkText, _jsx(OpenIcon, {
+            size: "small",
+            view: "lined"
+          })]
+        })
+      })]
+    })
+  });
 }

package/FrequencyCapping/components/Condition/index.d.ts

@@ -1,8 +1,7 @@
-import React from 'react';
 type ChipFrequencyCappingProps = {
     text: string;
     tooltip?: string;
     $inText?: boolean;
 };
-export declare function ChipFrequencyCapping({ text, tooltip, $inText }: ChipFrequencyCappingProps): React.JSX.Element;
+export declare function ChipFrequencyCapping({ text, tooltip, $inText }: ChipFrequencyCappingProps): import("react/jsx-runtime").JSX.Element;
 export {};

package/FrequencyCapping/components/Condition/index.js

@@ -1,4 +1,4 @@
-import React from 'react';
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import { Color } from '@pushwoosh/kit-constants';
 import { HelpRoundIcon } from '@pushwoosh/kit-icons';
 import { ChipWithinTextContainer } from './styles';
@@ -9,23 +9,27 @@ export function ChipFrequencyCapping({
   tooltip,
   $inText = false
 }) {
-  return React.createElement(ChipWithinTextContainer, {
-    "$inText": $inText
-  }, tooltip ? React.createElement(Tooltip, {
-    content: tooltip,
-    position: "top-middle"
-  }, React.createElement(Chip, {
-    "$variant": "primary",
-    "$readOnly": true,
-    as: "span"
-  }, text, React.createElement(HelpRoundIcon, {
-    as: "span",
-    size: "small",
-    view: "lined",
-    color: Color.PHANTOM
-  }))) : React.createElement(Chip, {
-    "$variant": "primary",
-    "$readOnly": true,
-    as: "span"
-  }, text));
+  return _jsx(ChipWithinTextContainer, {
+    "$inText": $inText,
+    children: tooltip ? _jsx(Tooltip, {
+      content: tooltip,
+      position: "top-middle",
+      children: _jsxs(Chip, {
+        "$variant": "primary",
+        "$readOnly": true,
+        as: "span",
+        children: [text, _jsx(HelpRoundIcon, {
+          as: "span",
+          size: "small",
+          view: "lined",
+          color: Color.PHANTOM
+        })]
+      })
+    }) : _jsx(Chip, {
+      "$variant": "primary",
+      "$readOnly": true,
+      as: "span",
+      children: text
+    })
+  });
 }

package/FrequencyCapping/components/Description/index.d.ts

@@ -1,4 +1,4 @@
-import React, { type ReactNode } from 'react';
+import { type ReactNode } from 'react';
 import { type CappingTypes } from '../../types';
 type Props = {
     cappingOption: CappingTypes;
@@ -8,5 +8,5 @@ type Props = {
     isInJourney: boolean;
     variant?: 'message' | 'in-app';
 };
-export declare function Description(props: Props): React.JSX.Element;
+export declare function Description(props: Props): import("react/jsx-runtime").JSX.Element;
 export {};

package/FrequencyCapping/components/Description/index.js

@@ -1,4 +1,4 @@
-import React from 'react';
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import { Paragraph } from '@pushwoosh/kit-typography';
 import { getDescriptionMessages } from '../../helpers/getDescriptionMessages';
 import { useLang } from '../../polyglot';
@@ -24,8 +24,10 @@ export function Description(props) {
     days,
     isInJourney
   }, lang);
-  return React.createElement(Paragraph, null, prefix, chip && React.createElement(ChipFrequencyCapping, {
-    text: chip,
-    "$inText": true
-  }), suffix, ' ', children);
+  return _jsxs(Paragraph, {
+    children: [prefix, chip && _jsx(ChipFrequencyCapping, {
+      text: chip,
+      "$inText": true
+    }), suffix, ' ', children]
+  });
 }

package/FrequencyCapping/components/Settings/EditCappingSettings.js

@@ -1,4 +1,5 @@
-import React, { useCallback } from 'react';
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { useCallback } from 'react';
 import { Horizontal } from '@pushwoosh/kit-helpers';
 import { Paragraph } from '@pushwoosh/kit-typography';
 import { NumberPicker } from '../../../NumberPicker';
@@ -15,27 +16,34 @@ export function EditCappingSettings(props) {
   const onDaysChange = useCallback(value => {
     onChange(messages, value);
   }, [messages, onChange]);
-  return React.createElement(Horizontal, {
+  return _jsxs(Horizontal, {
     "$gap": 12,
     "$alignItems": "center",
     style: {
       gridTemplateColumns: '145px 70px 90px 70px 40px'
-    }
-  }, React.createElement(Paragraph, null, React.createElement(Lang, {
-    message: "DUMB.FREQUENCY_CAPPING.SETTINGS.LIMIT_TO_MAX"
-  })), React.createElement(NumberPicker, {
-    value: messages,
-    minValue: 1,
-    maxValue: 1000,
-    onChange: value => onMessagesChange(value)
-  }), React.createElement(Paragraph, null, React.createElement(Lang, {
-    message: "DUMB.FREQUENCY_CAPPING.SETTINGS.MESSAGES_PER"
-  })), React.createElement(NumberPicker, {
-    maxValue: 30,
-    minValue: 1,
-    value: days,
-    onChange: value => onDaysChange(value)
-  }), React.createElement(Paragraph, null, React.createElement(Lang, {
-    message: "DUMB.FREQUENCY_CAPPING.SETTINGS.DAYS"
-  })));
+    },
+    children: [_jsx(Paragraph, {
+      children: _jsx(Lang, {
+        message: "DUMB.FREQUENCY_CAPPING.SETTINGS.LIMIT_TO_MAX"
+      })
+    }), _jsx(NumberPicker, {
+      value: messages,
+      minValue: 1,
+      maxValue: 1000,
+      onChange: value => onMessagesChange(value)
+    }), _jsx(Paragraph, {
+      children: _jsx(Lang, {
+        message: "DUMB.FREQUENCY_CAPPING.SETTINGS.MESSAGES_PER"
+      })
+    }), _jsx(NumberPicker, {
+      maxValue: 30,
+      minValue: 1,
+      value: days,
+      onChange: value => onDaysChange(value)
+    }), _jsx(Paragraph, {
+      children: _jsx(Lang, {
+        message: "DUMB.FREQUENCY_CAPPING.SETTINGS.DAYS"
+      })
+    })]
+  });
 }

package/FrequencyCapping/components/Settings/EditInAppCappingSettings.js

@@ -1,4 +1,5 @@
-import React, { useCallback } from 'react';
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { useCallback } from 'react';
 import { Columns, Vertical } from '@pushwoosh/kit-helpers';
 import { Paragraph, Text } from '@pushwoosh/kit-typography';
 import { Checkbox } from '../../../Checkbox';
@@ -87,74 +88,88 @@ export function EditInAppCappingSettings(props) {
       }
     });
   }, [capping, onChange]);
-  return React.createElement(Vertical, {
-    "$gap": 8
-  }, React.createElement(Paragraph, null, React.createElement(Lang, {
-    message: "DUMB.FREQUENCY_CAPPING.INAPP.LIMIT_DESC"
-  })), React.createElement(Columns, {
-    "$sizes": "100px 80px auto",
-    "$alignItems": "center",
-    "$justifyContent": "start",
-    "$gap": 8
-  }, React.createElement(Checkbox, {
-    label: React.createElement(Lang, {
-      message: "DUMB.FREQUENCY_CAPPING.INAPP.LIMITED_TO"
-    }),
-    isChecked: hasTotal,
-    onChange: onTotalToggle
-  }), React.createElement(NumberPicker, {
-    value: ((_capping$total = capping.total) === null || _capping$total === void 0 ? void 0 : _capping$total.count) ?? 1,
-    minValue: 1,
-    maxValue: 1000,
-    isDisabled: !hasTotal,
-    onChange: onTotalCountChange
-  }), React.createElement(Text, null, React.createElement(Lang, {
-    message: "DUMB.FREQUENCY_CAPPING.INAPP.TOTAL_IMPRESSIONS"
-  }))), React.createElement(Columns, {
-    "$sizes": "100px 80px auto 80px auto",
-    "$alignItems": "center",
-    "$justifyContent": "start",
-    "$gap": 8
-  }, React.createElement(Checkbox, {
-    label: React.createElement(Lang, {
-      message: "DUMB.FREQUENCY_CAPPING.INAPP.LIMITED_TO"
-    }),
-    isChecked: hasPerDays,
-    onChange: onPerDaysToggle
-  }), React.createElement(NumberPicker, {
-    value: ((_capping$perDays = capping.perDays) === null || _capping$perDays === void 0 ? void 0 : _capping$perDays.count) ?? 1,
-    minValue: 1,
-    maxValue: 1000,
-    isDisabled: !hasPerDays,
-    onChange: onPerDaysCountChange
-  }), React.createElement(Text, null, React.createElement(Lang, {
-    message: "DUMB.FREQUENCY_CAPPING.INAPP.IMPRESSIONS_IN"
-  })), React.createElement(NumberPicker, {
-    value: ((_capping$perDays2 = capping.perDays) === null || _capping$perDays2 === void 0 ? void 0 : _capping$perDays2.days) ?? 1,
-    minValue: 1,
-    maxValue: 366,
-    isDisabled: !hasPerDays,
-    onChange: onPerDaysDaysChange
-  }), React.createElement(Text, null, React.createElement(Lang, {
-    message: "DUMB.FREQUENCY_CAPPING.INAPP.DAYS"
-  }))), React.createElement(Columns, {
-    "$sizes": "100px 80px auto",
-    "$alignItems": "center",
-    "$justifyContent": "start",
-    "$gap": 8
-  }, React.createElement(Checkbox, {
-    label: React.createElement(Lang, {
-      message: "DUMB.FREQUENCY_CAPPING.INAPP.ENABLE"
-    }),
-    isChecked: hasLeastDays,
-    onChange: onLeastDaysToggle
-  }), React.createElement(NumberPicker, {
-    value: ((_capping$leastDays = capping.leastDays) === null || _capping$leastDays === void 0 ? void 0 : _capping$leastDays.count) ?? 1,
-    minValue: 1,
-    maxValue: 366,
-    isDisabled: !hasLeastDays,
-    onChange: onLeastDaysCountChange
-  }), React.createElement(Text, null, React.createElement(Lang, {
-    message: "DUMB.FREQUENCY_CAPPING.INAPP.DAYS_INTERVAL"
-  }))));
+  return _jsxs(Vertical, {
+    "$gap": 8,
+    children: [_jsx(Paragraph, {
+      children: _jsx(Lang, {
+        message: "DUMB.FREQUENCY_CAPPING.INAPP.LIMIT_DESC"
+      })
+    }), _jsxs(Columns, {
+      "$sizes": "100px 80px auto",
+      "$alignItems": "center",
+      "$justifyContent": "start",
+      "$gap": 8,
+      children: [_jsx(Checkbox, {
+        label: _jsx(Lang, {
+          message: "DUMB.FREQUENCY_CAPPING.INAPP.LIMITED_TO"
+        }),
+        isChecked: hasTotal,
+        onChange: onTotalToggle
+      }), _jsx(NumberPicker, {
+        value: ((_capping$total = capping.total) === null || _capping$total === void 0 ? void 0 : _capping$total.count) ?? 1,
+        minValue: 1,
+        maxValue: 1000,
+        isDisabled: !hasTotal,
+        onChange: onTotalCountChange
+      }), _jsx(Text, {
+        children: _jsx(Lang, {
+          message: "DUMB.FREQUENCY_CAPPING.INAPP.TOTAL_IMPRESSIONS"
+        })
+      })]
+    }), _jsxs(Columns, {
+      "$sizes": "100px 80px auto 80px auto",
+      "$alignItems": "center",
+      "$justifyContent": "start",
+      "$gap": 8,
+      children: [_jsx(Checkbox, {
+        label: _jsx(Lang, {
+          message: "DUMB.FREQUENCY_CAPPING.INAPP.LIMITED_TO"
+        }),
+        isChecked: hasPerDays,
+        onChange: onPerDaysToggle
+      }), _jsx(NumberPicker, {
+        value: ((_capping$perDays = capping.perDays) === null || _capping$perDays === void 0 ? void 0 : _capping$perDays.count) ?? 1,
+        minValue: 1,
+        maxValue: 1000,
+        isDisabled: !hasPerDays,
+        onChange: onPerDaysCountChange
+      }), _jsx(Text, {
+        children: _jsx(Lang, {
+          message: "DUMB.FREQUENCY_CAPPING.INAPP.IMPRESSIONS_IN"
+        })
+      }), _jsx(NumberPicker, {
+        value: ((_capping$perDays2 = capping.perDays) === null || _capping$perDays2 === void 0 ? void 0 : _capping$perDays2.days) ?? 1,
+        minValue: 1,
+        maxValue: 366,
+        isDisabled: !hasPerDays,
+        onChange: onPerDaysDaysChange
+      }), _jsx(Text, {
+        children: _jsx(Lang, {
+          message: "DUMB.FREQUENCY_CAPPING.INAPP.DAYS"
+        })
+      })]
+    }), _jsxs(Columns, {
+      "$sizes": "100px 80px auto",
+      "$alignItems": "center",
+      "$justifyContent": "start",
+      "$gap": 8,
+      children: [_jsx(Checkbox, {
+        label: _jsx(Lang, {
+          message: "DUMB.FREQUENCY_CAPPING.INAPP.ENABLE"
+        }),
+        isChecked: hasLeastDays,
+        onChange: onLeastDaysToggle
+      }), _jsx(NumberPicker, {
+        value: ((_capping$leastDays = capping.leastDays) === null || _capping$leastDays === void 0 ? void 0 : _capping$leastDays.count) ?? 1,
+        minValue: 1,
+        maxValue: 366,
+        isDisabled: !hasLeastDays,
+        onChange: onLeastDaysCountChange
+      }), _jsx(Text, {
+        children: _jsx(Lang, {
+          message: "DUMB.FREQUENCY_CAPPING.INAPP.DAYS_INTERVAL"
+        })
+      })]
+    })]
+  });
 }

package/FrequencyCapping/helpers/getReadonlyCappingHelpers.d.ts

@@ -1,7 +1,6 @@
-import React from 'react';
 import { type FrequencyCappingLang } from '../polyglot';
 import { type CappingBase, CappingTypes } from '../types';
 export declare function getReadonlyCappingLabel<T extends CappingBase>(cappingOption: CappingTypes, isGlobalCappingDisabled: boolean, capping: T, globalCapping: {
     count: number;
     days: number;
-}, isInJourney: boolean, lang: FrequencyCappingLang): React.JSX.Element;
+}, isInJourney: boolean, lang: FrequencyCappingLang): import("react/jsx-runtime").JSX.Element;