@pushwoosh/dumb-components 1.1.134 → 1.1.136

package/PushPreview/polyglot/types.d.ts

@@ -0,0 +1,5 @@
+import type { NoParams } from '../../polyglot';
+export type PushPreviewMessages = {
+    'DUMB.PUSH_PREVIEW.CONTENT_MISSED': NoParams;
+    'DUMB.PUSH_PREVIEW.HINT': NoParams;
+};

package/PushPreview/polyglot/types.js

@@ -0,0 +1 @@
+export {};

package/Radio/Radio.js

@@ -1,4 +1,5 @@
-import React, { useState } from 'react';
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { useState } from 'react';
 import { Color } from '@pushwoosh/kit-constants';
 import { Horizontal } from '@pushwoosh/kit-helpers';
 import { InputContainer, NativeLabel, NativeRadio } from './styles';
@@ -25,36 +26,41 @@ export function Radio(props) {
     const newCounter = counter++;
     return `radio-id-${newCounter}`;
   });
-  const radioMarkup = React.createElement(NativeLabel, {
+  const radioMarkup = _jsxs(NativeLabel, {
     htmlFor: localId,
     "$color": isDisabled ? Color.LOCKED : Color.MAIN,
-    "$size": size
-  }, React.createElement(InputContainer, {
     "$size": size,
-    "$alignItems": "center",
-    "$justifyContent": "center"
-  }, React.createElement(NativeRadio, {
-    type: "radio",
-    id: localId,
-    value: value,
-    name: name,
-    checked: isChecked,
-    disabled: isDisabled,
-    "$size": size,
-    "$type": type,
-    onChange: event => onChange === null || onChange === void 0 ? void 0 : onChange(event.currentTarget.value),
-    onBlur: onBlur
-  })), label && React.createElement("span", null, label));
+    children: [_jsx(InputContainer, {
+      "$size": size,
+      "$alignItems": "center",
+      "$justifyContent": "center",
+      children: _jsx(NativeRadio, {
+        type: "radio",
+        id: localId,
+        value: value,
+        name: name,
+        checked: isChecked,
+        disabled: isDisabled,
+        "$size": size,
+        "$type": type,
+        onChange: event => onChange === null || onChange === void 0 ? void 0 : onChange(event.currentTarget.value),
+        onBlur: onBlur
+      })
+    }), label && _jsx("span", {
+      children: label
+    })]
+  });
   if (tooltip) {
-    return React.createElement(Horizontal, {
+    return _jsxs(Horizontal, {
       "$gap": 4,
-      "$alignItems": "start"
-    }, radioMarkup, React.createElement(TooltipTrigger, {
-      content: tooltip,
-      padding: size === 'compact' ? '0' : '4px 0',
-      position: "top-middle",
-      view: "question"
-    }));
+      "$alignItems": "start",
+      children: [radioMarkup, _jsx(TooltipTrigger, {
+        content: tooltip,
+        padding: size === 'compact' ? '0' : '4px 0',
+        position: "top-middle",
+        view: "question"
+      })]
+    });
   }
   return radioMarkup;
 }

package/RadioCard/RadioCard.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 { H4, Paragraph } from '@pushwoosh/kit-typography';
 import { Radio } from '../Radio';
@@ -12,14 +12,22 @@ export function RadioCard(props) {
     onClick,
     children
   } = props;
-  return React.createElement(RootBox, {
+  return _jsxs(RootBox, {
     "$width": width,
     isActive: isActive,
-    onClick: onClick
-  }, React.createElement(Vertical, null, React.createElement(Horizontal, {
-    "$alignItems": "center",
-    "$justifyContent": "space-between"
-  }, React.createElement(H4, null, title), React.createElement(Radio, {
-    isChecked: isActive
-  })), React.createElement(Paragraph, null, description)), children);
+    onClick: onClick,
+    children: [_jsxs(Vertical, {
+      children: [_jsxs(Horizontal, {
+        "$alignItems": "center",
+        "$justifyContent": "space-between",
+        children: [_jsx(H4, {
+          children: title
+        }), _jsx(Radio, {
+          isChecked: isActive
+        })]
+      }), _jsx(Paragraph, {
+        children: description
+      })]
+    }), children]
+  });
 }

package/ReCaptcha/ReCaptcha.js

@@ -1,8 +1,8 @@
-import React from 'react';
+import { jsx as _jsx } from "react/jsx-runtime";
 import { RECAPTCHA_CONTAINER_ID } from './constants';
 import { RecaptchaElement } from './styles';
 export function ReCaptcha() {
-  return React.createElement(RecaptchaElement, {
+  return _jsx(RecaptchaElement, {
     id: RECAPTCHA_CONTAINER_ID
   });
 }

package/RichMessageEditor/EditorEmojiPicker.js

@@ -1,13 +1,15 @@
-import React from 'react';
+import { jsx as _jsx } from "react/jsx-runtime";
 import { EditorEmojiPickerStyled } from './EditorEmojiPicker.styled';
 import { EmojiPicker } from '../EmojiPicker';
 export const EditorEmojiPicker = ({
   onEmojiSelect
 }) => {
-  return React.createElement(EditorEmojiPickerStyled, null, React.createElement(EmojiPicker, {
-    onEmojiSelect: emoji => {
-      onEmojiSelect(emoji.native);
-    },
-    theme: "light"
-  }));
+  return _jsx(EditorEmojiPickerStyled, {
+    children: _jsx(EmojiPicker, {
+      onEmojiSelect: emoji => {
+        onEmojiSelect(emoji.native);
+      },
+      theme: "light"
+    })
+  });
 };

package/RichMessageEditor/RichMessageEditor.js

@@ -1,6 +1,7 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import { arrow, autoPlacement, offset, useFloating } from '@floating-ui/react-dom';
 import { isEqual } from 'es-toolkit';
-import React, { useEffect, useRef, useState } from 'react';
+import { useEffect, useRef, useState } from 'react';
 import { Transforms } from 'slate';
 import { Collapse, elementAddListener, Horizontal, usePersistentFunction } from '@pushwoosh/kit-helpers';
 import { FieldBox } from '../FieldBox';
@@ -85,73 +86,82 @@ export const RichMessageEditor = ({
       }
     });
   }, [clickAwayHandler, isFocused, refs.reference]);
-  return React.createElement(SlateEditor, {
+  return _jsx(SlateEditor, {
     initialValue: initialValue,
     onChange: onChange,
-    onSelectionChange: onSelectionChange
-  }, ({
-    editor
-  }) => {
-    var _getDcByPath, _middlewareData$arrow, _middlewareData$arrow2;
-    return React.createElement(FieldBox, {
-      title: title,
-      boxRef: refs.setReference,
-      error: error,
-      actions: React.createElement(Collapse, {
-        expanded: isFocused
-      }, React.createElement(Horizontal, {
-        "$gap": 8
-      }, canUsePersonalization && React.createElement(ImSpan, {
-        onClick: () => setShowDrop({
-          type: 'personalization'
-        })
-      }, React.createElement(PersonalizationIcon, null), "Personalization"), canUseEmoji && React.createElement(ImSpan, {
-        onClick: () => setShowDrop({
-          type: 'emoji'
-        })
-      }, React.createElement(EmojiIcon, null), "Emoji")))
-    }, React.createElement(SlateEditable, {
-      minHeight: minHeight,
-      onFocus: () => {
-        setIsFocused(true);
-        const {
-          selection
-        } = editor;
-        if (selection) {
-          onSelectionChange(selection);
-        }
-      },
-      onDelete: () => {
-        setShowDrop(undefined);
-      }
-    }), showDrop && React.createElement(DropArea, {
-      style: floatingStyles,
-      ref: refs.setFloating,
-      key: showDrop.type
-    }, showDrop.type === 'personalization' && React.createElement(DropContent, null, renderDynamicContent === null || renderDynamicContent === void 0 ? void 0 : renderDynamicContent({
-      dc: showDrop.path ? (_getDcByPath = getDcByPath(editor.children, showDrop.path)) === null || _getDcByPath === void 0 ? void 0 : _getDcByPath.dc : undefined,
-      onChange: newDC => {
-        if (showDrop.path) {
-          Transforms.setNodes(editor, {
-            dc: newDC
-          }, {
-            at: showDrop.path
-          });
-        } else {
-          insertDynamicContent(editor, newDC);
-        }
-      },
-      onClose,
-      update
-    })), showDrop.type === 'emoji' && React.createElement(EditorEmojiPicker, {
-      onEmojiSelect: s => editor.insertText(s)
-    }), React.createElement(Arrow, {
-      "$direction": placementToDirection(placement),
-      ref: arrowRef,
-      style: {
-        left: (_middlewareData$arrow = middlewareData.arrow) === null || _middlewareData$arrow === void 0 ? void 0 : _middlewareData$arrow.x,
-        top: (_middlewareData$arrow2 = middlewareData.arrow) === null || _middlewareData$arrow2 === void 0 ? void 0 : _middlewareData$arrow2.y
-      }
-    }, React.createElement(ArrowIcon, null))));
+    onSelectionChange: onSelectionChange,
+    children: ({
+      editor
+    }) => {
+      var _getDcByPath, _middlewareData$arrow, _middlewareData$arrow2;
+      return _jsxs(FieldBox, {
+        title: title,
+        boxRef: refs.setReference,
+        error: error,
+        actions: _jsx(Collapse, {
+          expanded: isFocused,
+          children: _jsxs(Horizontal, {
+            "$gap": 8,
+            children: [canUsePersonalization && _jsxs(ImSpan, {
+              onClick: () => setShowDrop({
+                type: 'personalization'
+              }),
+              children: [_jsx(PersonalizationIcon, {}), "Personalization"]
+            }), canUseEmoji && _jsxs(ImSpan, {
+              onClick: () => setShowDrop({
+                type: 'emoji'
+              }),
+              children: [_jsx(EmojiIcon, {}), "Emoji"]
+            })]
+          })
+        }),
+        children: [_jsx(SlateEditable, {
+          minHeight: minHeight,
+          onFocus: () => {
+            setIsFocused(true);
+            const {
+              selection
+            } = editor;
+            if (selection) {
+              onSelectionChange(selection);
+            }
+          },
+          onDelete: () => {
+            setShowDrop(undefined);
+          }
+        }), showDrop && _jsxs(DropArea, {
+          style: floatingStyles,
+          ref: refs.setFloating,
+          children: [showDrop.type === 'personalization' && _jsx(DropContent, {
+            children: renderDynamicContent === null || renderDynamicContent === void 0 ? void 0 : renderDynamicContent({
+              dc: showDrop.path ? (_getDcByPath = getDcByPath(editor.children, showDrop.path)) === null || _getDcByPath === void 0 ? void 0 : _getDcByPath.dc : undefined,
+              onChange: newDC => {
+                if (showDrop.path) {
+                  Transforms.setNodes(editor, {
+                    dc: newDC
+                  }, {
+                    at: showDrop.path
+                  });
+                } else {
+                  insertDynamicContent(editor, newDC);
+                }
+              },
+              onClose,
+              update
+            })
+          }), showDrop.type === 'emoji' && _jsx(EditorEmojiPicker, {
+            onEmojiSelect: s => editor.insertText(s)
+          }), _jsx(Arrow, {
+            "$direction": placementToDirection(placement),
+            ref: arrowRef,
+            style: {
+              left: (_middlewareData$arrow = middlewareData.arrow) === null || _middlewareData$arrow === void 0 ? void 0 : _middlewareData$arrow.x,
+              top: (_middlewareData$arrow2 = middlewareData.arrow) === null || _middlewareData$arrow2 === void 0 ? void 0 : _middlewareData$arrow2.y
+            },
+            children: _jsx(ArrowIcon, {})
+          })]
+        }, showDrop.type)]
+      });
+    }
   });
 };

package/RichMessageEditor/RichMessageViewer.js

@@ -1,4 +1,5 @@
-import React, { Fragment, useMemo } from 'react';
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { Fragment, useMemo } from 'react';
 import { DynamicContentBracket, DynamicContentRoot, Paragraph } from './RichMessageViewer.styled';
 import { isElement, string2content } from './slate/helpers';
 export const RichMessageViewer = ({
@@ -13,9 +14,13 @@ export const RichMessageViewer = ({
       if (isElement(child) && child.type === 'dc') {
         return (
           // eslint-disable-next-line react/no-array-index-key
-          React.createElement(DynamicContentRoot, {
-            key: idx
-          }, React.createElement(DynamicContentBracket, null, '{'), "\u00A0", child.dc.tagName, "\u00A0", React.createElement(DynamicContentBracket, null, '}'))
+          _jsxs(DynamicContentRoot, {
+            children: [_jsx(DynamicContentBracket, {
+              children: '{'
+            }), "\u00A0", child.dc.tagName, "\u00A0", _jsx(DynamicContentBracket, {
+              children: '}'
+            })]
+          }, idx)
         );
       }
       return child.text;
@@ -23,19 +28,20 @@ export const RichMessageViewer = ({
     if (flat) {
       return (
         // eslint-disable-next-line react/no-array-index-key
-        React.createElement(Fragment, {
-          key: index
-        }, index > 0 && ' ', React.createElement("span", {
-          dir: "auto"
-        }, children))
+        _jsxs(Fragment, {
+          children: [index > 0 && ' ', _jsx("span", {
+            dir: "auto",
+            children: children
+          })]
+        }, index)
       );
     }
     return (
       // eslint-disable-next-line react/no-array-index-key
-      React.createElement(Paragraph, {
-        key: index,
-        dir: "auto"
-      }, children)
+      _jsx(Paragraph, {
+        dir: "auto",
+        children: children
+      }, index)
     );
   });
 };

package/RichMessageEditor/slate/DynamicContentElement.d.ts

@@ -1,2 +1 @@
-import React from 'react';
-export declare function renderElement(props: any, onDelete: () => void): React.JSX.Element;
+export declare function renderElement(props: any, onDelete: () => void): import("react/jsx-runtime").JSX.Element;

package/RichMessageEditor/slate/DynamicContentElement.js

@@ -1,4 +1,4 @@
-import React from 'react';
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import { Transforms } from 'slate';
 import { useSelected, useSlateStatic } from 'slate-react';
 import { findPath } from './helpers';
@@ -14,7 +14,7 @@ const DynamicContentElementComponent = ({
   const {
     tagName
   } = element.dc;
-  return React.createElement(Chip, {
+  return _jsxs(Chip, {
     ...attributes,
     as: "span",
     contentEditable: false,
@@ -40,8 +40,11 @@ const DynamicContentElementComponent = ({
         });
       }
       onDelete();
-    }
-  }, React.createElement("span", null, tagName || 'Not set'), children);
+    },
+    children: [_jsx("span", {
+      children: tagName || 'Not set'
+    }), children]
+  });
 };
 const Element = props => {
   const {
@@ -52,18 +55,19 @@ const Element = props => {
   } = props;
   switch (element.type) {
     case 'dc':
-      return React.createElement(DynamicContentElementComponent, {
+      return _jsx(DynamicContentElementComponent, {
         ...props,
         onDelete: onDelete
       });
     default:
-      return React.createElement("p", {
-        ...attributes
-      }, children);
+      return _jsx("p", {
+        ...attributes,
+        children: children
+      });
   }
 };
 export function renderElement(props, onDelete) {
-  return React.createElement(Element, {
+  return _jsx(Element, {
     ...props,
     onDelete: onDelete
   });

package/RichMessageEditor/slate/SlateEditor.js

@@ -1,4 +1,5 @@
-import React, { useState } from 'react';
+import { jsx as _jsx } from "react/jsx-runtime";
+import { useState } from 'react';
 import { Slate } from 'slate-react';
 import { usePersistentFunction } from '@pushwoosh/kit-helpers';
 import { renderElement } from './DynamicContentElement';
@@ -13,14 +14,15 @@ export const SlateEditor = ({
 }) => {
   const [initialValue] = useState(() => string2content(initialValueString));
   const [editor] = useState(createMKEditor);
-  return React.createElement(Slate, {
+  return _jsx(Slate, {
     editor: editor,
     initialValue: initialValue,
     onValueChange: value => onChange(content2string(value)),
-    onSelectionChange: onSelectionChange
-  }, children({
-    editor
-  }));
+    onSelectionChange: onSelectionChange,
+    children: children({
+      editor
+    })
+  });
 };
 export const SlateEditable = ({
   minHeight,
@@ -30,7 +32,7 @@ export const SlateEditable = ({
   const renderElementPersistent = usePersistentFunction(props => {
     return renderElement(props, onDelete);
   });
-  return React.createElement(EditableStyled, {
+  return _jsx(EditableStyled, {
     "$minHeight": minHeight,
     renderElement: renderElementPersistent,
     onFocus: onFocus

package/RichmediaPreview/RichmediaPreview.js

@@ -1,4 +1,5 @@
-import React, { useRef, useEffect } from 'react';
+import { jsx as _jsx } from "react/jsx-runtime";
+import { useRef, useEffect } from 'react';
 import { Color } from '@pushwoosh/kit-constants';
 import { Spinner } from '../Spinner';
 import { useRichmediaHtml } from './hooks';
@@ -32,17 +33,18 @@ export function RichmediaPreview(props) {
     $ref.current.contentWindow.document.write(richmediaHtml);
     $ref.current.contentWindow.document.close();
   }, [$ref, richmediaHtml]);
-  return React.createElement(RichMediaPreviewContainer, {
+  return _jsx(RichMediaPreviewContainer, {
     width: width,
     height: height,
     "$isLoading": isLoading,
-    "$placeItems": "center"
-  }, isLoading ? React.createElement(Spinner, {
-    size: "medium",
-    color: Color.LOCKED
-  }) : React.createElement(RichMediaPreviewIframe, {
-    ref: $ref,
-    title: name,
-    sandbox: "allow-same-origin allow-scripts"
-  }));
+    "$placeItems": "center",
+    children: isLoading ? _jsx(Spinner, {
+      size: "medium",
+      color: Color.LOCKED
+    }) : _jsx(RichMediaPreviewIframe, {
+      ref: $ref,
+      title: name,
+      sandbox: "allow-same-origin allow-scripts"
+    })
+  });
 }

package/Select/Select.js

@@ -1,14 +1,16 @@
-import React from 'react';
+import { jsx as _jsx } from "react/jsx-runtime";
 import { CloseIcon } from '@pushwoosh/kit-icons';
 import { CLASS_NAME_PREFIX } from './constants';
 import { SelectStyled, SelectAsyncStyled, SelectCreatableStyled, ClearIndicatorBox } from './styles';
 const componentsProps = {
   ClearIndicator: ({
     clearValue
-  }) => React.createElement(ClearIndicatorBox, null, React.createElement(CloseIcon, {
-    size: "small",
-    onClick: clearValue
-  }))
+  }) => _jsx(ClearIndicatorBox, {
+    children: _jsx(CloseIcon, {
+      size: "small",
+      onClick: clearValue
+    })
+  })
 };
 export function Select(props) {
   const {
@@ -18,7 +20,7 @@ export function Select(props) {
     ...props,
     classNamePrefix
   };
-  return React.createElement(SelectStyled, {
+  return _jsx(SelectStyled, {
     components: componentsProps,
     ...customProps
   });
@@ -31,7 +33,7 @@ export function SelectAsync(props) {
     ...props,
     classNamePrefix
   };
-  return React.createElement(SelectAsyncStyled, {
+  return _jsx(SelectAsyncStyled, {
     components: componentsProps,
     ...customProps
   });
@@ -44,7 +46,7 @@ export function CreatableSelect(props) {
     ...props,
     classNamePrefix
   };
-  return React.createElement(SelectCreatableStyled, {
+  return _jsx(SelectCreatableStyled, {
     components: componentsProps,
     ...customProps
   });

package/SendRate/SendRateEdit.d.ts

@@ -1,3 +1,2 @@
-import React from 'react';
 import { type SendRateEditProps, type SendRateBase } from './types';
-export declare function SendRateEdit<T extends SendRateBase>({ sendRate, globalSendRate, onChange, applicationCode, minValue, maxValue, editGlobalClicked, }: SendRateEditProps<T>): React.JSX.Element;
+export declare function SendRateEdit<T extends SendRateBase>({ sendRate, globalSendRate, onChange, applicationCode, minValue, maxValue, editGlobalClicked, }: SendRateEditProps<T>): import("react/jsx-runtime").JSX.Element;

package/SendRate/SendRateEdit.js

@@ -1,4 +1,5 @@
-import React 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';
@@ -27,7 +28,7 @@ export function SendRateEdit({
   } = sendRate;
   const isGlobalSendRateDisabled = globalSendRate.count === 0 && globalSendRate.count === 0;
   const globalSendRateLinkText = getGlobalSendRateLinkText(lang, isGlobalSendRateDisabled);
-  const onChangeSendRate = React.useCallback(value => {
+  const onChangeSendRate = useCallback(value => {
     if (value === 'CUSTOM') {
       onChange({
         ...sendRate,
@@ -41,44 +42,51 @@ export function SendRateEdit({
       });
     }
   }, [onChange, sendRate, minValue]);
-  const onSettingsChange = React.useCallback(count => {
+  const onSettingsChange = useCallback(count => {
     onChange({
       ...sendRate,
       sendRate: count
     });
   }, [sendRate, 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.SEND_RATE.FIELD_TITLE'
+    "$borderRadius": 8,
+    children: _jsxs(Vertical, {
+      "$gap": 12,
+      children: [_jsx(FieldBox, {
+        title: lang({
+          message: 'DUMB.SEND_RATE.FIELD_TITLE'
+        }),
+        children: _jsx(Select, {
+          name: "sendRateOption",
+          options: sendRateOptions,
+          value: sendRateOptions.find(option => option.value === policy),
+          onChange: newValue => onChangeSendRate(newValue.value)
+        })
+      }), _jsx(Description, {
+        sendRateOption: policy,
+        messages: globalSendRate.count,
+        seconds: globalSendRate.seconds,
+        children: policy === 'GLOBAL' && _jsx(Link, {
+          href: `/applications/${applicationCode}/message-delivery?tab=sendRate`,
+          title: globalSendRateLinkText,
+          target: "_blank",
+          onClick: editGlobalClicked,
+          children: _jsxs(LinkWrapper, {
+            children: [globalSendRateLinkText, _jsx(OpenIcon, {
+              size: "small",
+              view: "lined",
+              as: "span"
+            })]
+          })
+        })
+      }), policy === 'CUSTOM' && _jsx(EditSendRateSettings, {
+        messages: count,
+        onChange: onSettingsChange,
+        minValue: minValue,
+        maxValue: maxValue
+      })]
     })
-  }, React.createElement(Select, {
-    name: "sendRateOption",
-    options: sendRateOptions,
-    value: sendRateOptions.find(option => option.value === policy),
-    onChange: newValue => onChangeSendRate(newValue.value)
-  })), React.createElement(Description, {
-    sendRateOption: policy,
-    messages: globalSendRate.count,
-    seconds: globalSendRate.seconds
-  }, policy === 'GLOBAL' && React.createElement(Link, {
-    href: `/applications/${applicationCode}/message-delivery?tab=sendRate`,
-    title: globalSendRateLinkText,
-    target: "_blank",
-    onClick: editGlobalClicked
-  }, React.createElement(LinkWrapper, null, globalSendRateLinkText, React.createElement(OpenIcon, {
-    size: "small",
-    view: "lined",
-    as: "span"
-  })))), policy === 'CUSTOM' && React.createElement(EditSendRateSettings, {
-    messages: count,
-    onChange: onSettingsChange,
-    minValue: minValue,
-    maxValue: maxValue
-  })));
+  });
 }