@pushwoosh/dumb-components 1.1.135 → 1.1.136

package/EnhancedInput/EnhancedInput.js

@@ -1,4 +1,5 @@
-import React, { forwardRef } from 'react';
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { forwardRef } from 'react';
 import { CloseIcon } from '@pushwoosh/kit-icons';
 import { Wrapper, RightSlot } from './styles';
 import { NativeInput } from '../native';
@@ -8,16 +9,19 @@ export const EnhancedInput = forwardRef(({
   hint,
   ...props
 }, ref) => {
-  return React.createElement(Wrapper, {
+  return _jsxs(Wrapper, {
     "$hasIcon": !!$icon,
     "$hasClear": !!$onClear,
     "$hasError": !!props.$isErrored,
-    "$hasHint": !!hint
-  }, $icon, React.createElement(NativeInput, {
-    ...props,
-    ref: ref
-  }), hint && React.createElement(RightSlot, null, hint), $onClear && React.createElement(CloseIcon, {
-    size: "small",
-    onClick: $onClear
-  }));
+    "$hasHint": !!hint,
+    children: [$icon, _jsx(NativeInput, {
+      ...props,
+      ref: ref
+    }), hint && _jsx(RightSlot, {
+      children: hint
+    }), $onClear && _jsx(CloseIcon, {
+      size: "small",
+      onClick: $onClear
+    })]
+  });
 });

package/EnhancedInput/SearchInput.js

@@ -1,10 +1,10 @@
-import React from 'react';
+import { jsx as _jsx } from "react/jsx-runtime";
 import { SearchIcon } from '@pushwoosh/kit-icons';
 import { EnhancedInput } from './EnhancedInput';
 export const SearchInput = props => {
-  return React.createElement(EnhancedInput, {
+  return _jsx(EnhancedInput, {
     ...props,
-    "$icon": React.createElement(SearchIcon, {
+    "$icon": _jsx(SearchIcon, {
       size: "medium",
       view: "lined"
     })

package/ExportResult/ExportResult.js

@@ -1,4 +1,4 @@
-import React from 'react';
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import { Horizontal } from '@pushwoosh/kit-helpers';
 import { CloseIcon, CsvIcon } from '@pushwoosh/kit-icons';
 import { Button } from '../Button';
@@ -12,28 +12,38 @@ export function ExportResult(props) {
     rightSlot,
     handleClose
   } = props;
-  return React.createElement(Horizontal, {
+  return _jsxs(Horizontal, {
     "$justifyContent": "space-between",
     "$alignItems": "center",
-    "$gap": 12
-  }, React.createElement(Horizontal, {
-    "$gap": 12
-  }, React.createElement(LeftSlot, {
-    "$type": type,
-    "$alignItems": "center",
-    "$padding": 4
-  }, leftSlotIcon || React.createElement(CsvIcon, {
-    size: "medium",
-    view: "filled"
-  })), React.createElement(MainInfoContainer, null, React.createElement(Title, null, title), React.createElement(Subtitle, null, subtitle))), React.createElement(RightSlotContainer, {
-    "$alignItems": "center",
-    "$gap": 8
-  }, rightSlot, React.createElement(Button, {
-    color: "secondary",
-    onClick: handleClose,
-    size: "compact",
-    icon: React.createElement(CloseIcon, {
-      size: "small"
-    })
-  })));
+    "$gap": 12,
+    children: [_jsxs(Horizontal, {
+      "$gap": 12,
+      children: [_jsx(LeftSlot, {
+        "$type": type,
+        "$alignItems": "center",
+        "$padding": 4,
+        children: leftSlotIcon || _jsx(CsvIcon, {
+          size: "medium",
+          view: "filled"
+        })
+      }), _jsxs(MainInfoContainer, {
+        children: [_jsx(Title, {
+          children: title
+        }), _jsx(Subtitle, {
+          children: subtitle
+        })]
+      })]
+    }), _jsxs(RightSlotContainer, {
+      "$alignItems": "center",
+      "$gap": 8,
+      children: [rightSlot, _jsx(Button, {
+        color: "secondary",
+        onClick: handleClose,
+        size: "compact",
+        icon: _jsx(CloseIcon, {
+          size: "small"
+        })
+      })]
+    })]
+  });
 }

package/ExternalImagePreview/ExternalImagePreview.js

@@ -1,4 +1,5 @@
-import React, { useState, useEffect } from 'react';
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { useState, useEffect } from 'react';
 import { Color } from '@pushwoosh/kit-constants';
 import { Spinner } from '../Spinner';
 import { RootBox, ImgPreview, PlaceholderWrapper } from './styles';
@@ -26,25 +27,28 @@ export function ExternalImagePreview(props) {
       onError(error);
     }
   };
-  return React.createElement(RootBox, {
-    width: width,
-    height: height
-  }, (!src || isError) && React.createElement(PlaceholderWrapper, {
-    width: width,
-    height: height
-  }, placeholder), isLoading && React.createElement(PlaceholderWrapper, {
-    width: width,
-    height: height
-  }, React.createElement(Spinner, {
-    size: "small",
-    color: Color.CLEAR
-  })), React.createElement(ImgPreview, {
+  return _jsxs(RootBox, {
     width: width,
     height: height,
-    isHide: !src || isLoading || isError,
-    alt: alt,
-    src: src,
-    onError: handleOnError,
-    onLoad: () => setIsLoading(false)
-  }));
+    children: [(!src || isError) && _jsx(PlaceholderWrapper, {
+      width: width,
+      height: height,
+      children: placeholder
+    }), isLoading && _jsx(PlaceholderWrapper, {
+      width: width,
+      height: height,
+      children: _jsx(Spinner, {
+        size: "small",
+        color: Color.CLEAR
+      })
+    }), _jsx(ImgPreview, {
+      width: width,
+      height: height,
+      isHide: !src || isLoading || isError,
+      alt: alt,
+      src: src,
+      onError: handleOnError,
+      onLoad: () => setIsLoading(false)
+    })]
+  });
 }

package/FieldBox/FieldBox.js

@@ -1,4 +1,4 @@
-import React from 'react';
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import { Color, Tag } from '@pushwoosh/kit-constants';
 import { Horizontal, Vertical } from '@pushwoosh/kit-helpers';
 import { OpenIcon, InfoRoundIcon } from '@pushwoosh/kit-icons';
@@ -18,41 +18,54 @@ export function FieldBox(props) {
     actionsRef,
     children
   } = props;
-  return React.createElement(Vertical, {
+  return _jsxs(Vertical, {
     ref: boxRef,
-    "$gap": 4
-  }, title && React.createElement(Horizontal, {
-    "$alignItems": "center",
-    "$justifyContent": "space-between"
-  }, React.createElement(TitleBox, null, React.createElement(Text, {
-    "$variant": "h5"
-  }, title), isOptional && React.createElement(Text, {
-    "$color": Color.LOCKED,
-    "$variant": "footnote"
-  }, "(optional)"), tooltip && React.createElement(Tooltip, {
-    content: tooltip,
-    position: "right-middle"
-  }, React.createElement("div", null, React.createElement(InfoRoundIcon, {
-    color: Color.LOCKED,
-    size: "small",
-    view: "lined"
-  }))), link && React.createElement(Link, {
-    as: Tag.A,
-    href: link,
-    target: "_blank",
-    rel: "noopener noreferrer"
-  }, React.createElement(OpenIcon, {
-    size: "small",
-    view: "lined"
-  }))), actions && React.createElement(Horizontal, {
-    ref: actionsRef,
-    "$alignItems": "center",
-    "$gap": 4
-  }, actions)), children, description && !error && React.createElement(Text, {
-    "$variant": "footnote",
-    "$color": Color.LOCKED
-  }, description), error && React.createElement(Text, {
-    "$variant": "footnote",
-    "$color": Color.DANGER
-  }, error));
+    "$gap": 4,
+    children: [title && _jsxs(Horizontal, {
+      "$alignItems": "center",
+      "$justifyContent": "space-between",
+      children: [_jsxs(TitleBox, {
+        children: [_jsx(Text, {
+          "$variant": "h5",
+          children: title
+        }), isOptional && _jsx(Text, {
+          "$color": Color.LOCKED,
+          "$variant": "footnote",
+          children: "(optional)"
+        }), tooltip && _jsx(Tooltip, {
+          content: tooltip,
+          position: "right-middle",
+          children: _jsx("div", {
+            children: _jsx(InfoRoundIcon, {
+              color: Color.LOCKED,
+              size: "small",
+              view: "lined"
+            })
+          })
+        }), link && _jsx(Link, {
+          as: Tag.A,
+          href: link,
+          target: "_blank",
+          rel: "noopener noreferrer",
+          children: _jsx(OpenIcon, {
+            size: "small",
+            view: "lined"
+          })
+        })]
+      }), actions && _jsx(Horizontal, {
+        ref: actionsRef,
+        "$alignItems": "center",
+        "$gap": 4,
+        children: actions
+      })]
+    }), children, description && !error && _jsx(Text, {
+      "$variant": "footnote",
+      "$color": Color.LOCKED,
+      children: description
+    }), error && _jsx(Text, {
+      "$variant": "footnote",
+      "$color": Color.DANGER,
+      children: error
+    })]
+  });
 }

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]
+  });
 }