@pushwoosh/dumb-components 1.1.135 → 1.1.136

package/PageHeader/components/AutosizeInput/AutosizeInput.js

@@ -1,4 +1,5 @@
-import React, { useEffect, useRef, useState } from 'react';
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { useEffect, useRef, useState } from 'react';
 import { EditIcon } from '@pushwoosh/kit-icons';
 import { DEFAULT_EMPTY_VALUE, WIDTH_EMPTY_VALUE } from './constants';
 import { RootBox, InputBox, InputStyled, PromptBox } from './styles';
@@ -56,25 +57,32 @@ export function AutosizeInput(props) {
       return onComplete === null || onComplete === void 0 ? void 0 : onComplete(inputRef === null || inputRef === void 0 || (_inputRef$current3 = inputRef.current) === null || _inputRef$current3 === void 0 ? void 0 : _inputRef$current3.value);
     }, 100);
   };
-  return React.createElement(RootBox, null, React.createElement(InputBox, null, React.createElement(InputStyled, {
-    ref: inputRef,
-    width: width,
-    value: value,
-    placeholder: placeholder,
-    onKeyDown: onKeyDown,
-    onChange: onChangeHandler,
-    onBlur: onBlur
-  }), React.createElement("span", {
-    ref: hiddenValueRef
-  }, value), React.createElement("span", {
-    ref: hiddenPlaceholderRef
-  }, placeholder)), React.createElement(PromptBox, {
-    onClick: () => {
-      var _inputRef$current4;
-      return (_inputRef$current4 = inputRef.current) === null || _inputRef$current4 === void 0 ? void 0 : _inputRef$current4.focus();
-    }
-  }, React.createElement(EditIcon, {
-    size: "small",
-    view: "filled"
-  })));
+  return _jsxs(RootBox, {
+    children: [_jsxs(InputBox, {
+      children: [_jsx(InputStyled, {
+        ref: inputRef,
+        width: width,
+        value: value,
+        placeholder: placeholder,
+        onKeyDown: onKeyDown,
+        onChange: onChangeHandler,
+        onBlur: onBlur
+      }), _jsx("span", {
+        ref: hiddenValueRef,
+        children: value
+      }), _jsx("span", {
+        ref: hiddenPlaceholderRef,
+        children: placeholder
+      })]
+    }), _jsx(PromptBox, {
+      onClick: () => {
+        var _inputRef$current4;
+        return (_inputRef$current4 = inputRef.current) === null || _inputRef$current4 === void 0 ? void 0 : _inputRef$current4.focus();
+      },
+      children: _jsx(EditIcon, {
+        size: "small",
+        view: "filled"
+      })
+    })]
+  });
 }

package/PageHeader/components/PageHeader/PageHeader.js

@@ -1,4 +1,4 @@
-import React from 'react';
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import { Columns } from '@pushwoosh/kit-helpers';
 import { ArrowRoundIcon } from '@pushwoosh/kit-icons';
 import { H1 } from '@pushwoosh/kit-typography';
@@ -22,30 +22,47 @@ export function PageHeader(props) {
   } = props;
   const hasActions = Boolean(onSubmit || onCancel);
   const hasActionsBox = hasActions || Boolean(moreActions);
-  return React.createElement(RootBox, null, React.createElement(Columns, {
-    "$sizes": "minmax(0, 1fr) max-content",
-    "$gap": 24
-  }, React.createElement(TitleBox, null, onBack && React.createElement(BackButton, null, React.createElement(Button, {
-    color: "primary",
-    view: "ghost",
-    onClick: onBack
-  }, React.createElement(ArrowRoundIcon, {
-    direction: "left",
-    size: "medium",
-    view: "filled"
-  }))), React.createElement(H1, null, title)), hasActionsBox && React.createElement(ActionsBox, null, !!moreActions && React.createElement(MoreActionsBox, {
-    hasActions: hasActions
-  }, moreActions), onCancel && React.createElement(Button, {
-    color: "secondary",
-    onClick: onCancel
-  }, cancelText || 'Cancel'), onSubmit && React.createElement(Button, {
-    color: "primary",
-    type: "submit",
-    onClick: onSubmit,
-    isLoading: !!isLoadingSubmit
-  }, submitText || 'Create'))), !!error && React.createElement(PageHeaderError, {
-    error: error,
-    resolveErrorText: resolveErrorText,
-    onResolveError: onResolveError
-  }), !!description && React.createElement(DescriptionBox, null, description));
+  return _jsxs(RootBox, {
+    children: [_jsxs(Columns, {
+      "$sizes": "minmax(0, 1fr) max-content",
+      "$gap": 24,
+      children: [_jsxs(TitleBox, {
+        children: [onBack && _jsx(BackButton, {
+          children: _jsx(Button, {
+            color: "primary",
+            view: "ghost",
+            onClick: onBack,
+            children: _jsx(ArrowRoundIcon, {
+              direction: "left",
+              size: "medium",
+              view: "filled"
+            })
+          })
+        }), _jsx(H1, {
+          children: title
+        })]
+      }), hasActionsBox && _jsxs(ActionsBox, {
+        children: [!!moreActions && _jsx(MoreActionsBox, {
+          hasActions: hasActions,
+          children: moreActions
+        }), onCancel && _jsx(Button, {
+          color: "secondary",
+          onClick: onCancel,
+          children: cancelText || 'Cancel'
+        }), onSubmit && _jsx(Button, {
+          color: "primary",
+          type: "submit",
+          onClick: onSubmit,
+          isLoading: !!isLoadingSubmit,
+          children: submitText || 'Create'
+        })]
+      })]
+    }), !!error && _jsx(PageHeaderError, {
+      error: error,
+      resolveErrorText: resolveErrorText,
+      onResolveError: onResolveError
+    }), !!description && _jsx(DescriptionBox, {
+      children: description
+    })]
+  });
 }

package/PageHeader/components/PageHeaderEditable/PageHeaderEditable.js

@@ -1,4 +1,4 @@
-import React from 'react';
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import { Columns } from '@pushwoosh/kit-helpers';
 import { ArrowRoundIcon } from '@pushwoosh/kit-icons';
 import { Button } from '../../../Button';
@@ -28,40 +28,57 @@ export function PageHeaderEditable(props) {
     onResolveError
   } = props;
   if (isLoading) {
-    return React.createElement(PageHeaderSkeleton, null);
+    return _jsx(PageHeaderSkeleton, {});
   }
   const hasActions = Boolean(onSubmit || onCancel);
   const hasActionsBox = hasActions || Boolean(moreActions);
-  return React.createElement(RootBox, null, React.createElement(Columns, {
-    "$sizes": "minmax(0, 1fr) max-content",
-    "$gap": 24
-  }, React.createElement(TitleBox, null, onBack && React.createElement(BackButton, null, React.createElement(Button, {
-    color: "primary",
-    view: "ghost",
-    onClick: onBack
-  }, React.createElement(ArrowRoundIcon, {
-    direction: "left",
-    size: "medium",
-    view: "filled"
-  }))), React.createElement(AutosizeInputBox, null, title, value !== undefined && React.createElement(AutosizeInput, {
-    placeholder: placeholder,
-    maxLength: maxLength,
-    value: value,
-    onChange: onChange,
-    onComplete: onComplete
-  }))), hasActionsBox && React.createElement(ActionsBox, null, !!moreActions && React.createElement(MoreActionsBox, {
-    hasActions: hasActions
-  }, moreActions), onCancel && React.createElement(Button, {
-    color: "secondary",
-    onClick: onCancel
-  }, cancelText || 'Cancel'), onSubmit && React.createElement(Button, {
-    color: "primary",
-    type: "submit",
-    onClick: () => value ? onSubmit(value) : null,
-    isLoading: !!isLoadingSubmit
-  }, submitText || 'Create'))), !!error && React.createElement(PageHeaderError, {
-    error: error,
-    resolveErrorText: resolveErrorText,
-    onResolveError: onResolveError
-  }), !!description && React.createElement(DescriptionBox, null, description));
+  return _jsxs(RootBox, {
+    children: [_jsxs(Columns, {
+      "$sizes": "minmax(0, 1fr) max-content",
+      "$gap": 24,
+      children: [_jsxs(TitleBox, {
+        children: [onBack && _jsx(BackButton, {
+          children: _jsx(Button, {
+            color: "primary",
+            view: "ghost",
+            onClick: onBack,
+            children: _jsx(ArrowRoundIcon, {
+              direction: "left",
+              size: "medium",
+              view: "filled"
+            })
+          })
+        }), _jsxs(AutosizeInputBox, {
+          children: [title, value !== undefined && _jsx(AutosizeInput, {
+            placeholder: placeholder,
+            maxLength: maxLength,
+            value: value,
+            onChange: onChange,
+            onComplete: onComplete
+          })]
+        })]
+      }), hasActionsBox && _jsxs(ActionsBox, {
+        children: [!!moreActions && _jsx(MoreActionsBox, {
+          hasActions: hasActions,
+          children: moreActions
+        }), onCancel && _jsx(Button, {
+          color: "secondary",
+          onClick: onCancel,
+          children: cancelText || 'Cancel'
+        }), onSubmit && _jsx(Button, {
+          color: "primary",
+          type: "submit",
+          onClick: () => value ? onSubmit(value) : null,
+          isLoading: !!isLoadingSubmit,
+          children: submitText || 'Create'
+        })]
+      })]
+    }), !!error && _jsx(PageHeaderError, {
+      error: error,
+      resolveErrorText: resolveErrorText,
+      onResolveError: onResolveError
+    }), !!description && _jsx(DescriptionBox, {
+      children: description
+    })]
+  });
 }

package/PageHeader/components/PageHeaderError/PageHeaderError.js

@@ -1,4 +1,4 @@
-import React from 'react';
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import { DangerTriangleIcon } from '@pushwoosh/kit-icons';
 import { RootBox, ErrorIconBox, ErrorText, ResolveError } from './styles';
 export function PageHeaderError(props) {
@@ -7,13 +7,20 @@ export function PageHeaderError(props) {
     resolveErrorText,
     onResolveError
   } = props;
-  return React.createElement(RootBox, null, React.createElement(ErrorIconBox, null, React.createElement(DangerTriangleIcon, {
-    color: "white",
-    size: "small",
-    view: "filled"
-  })), React.createElement(ErrorText, null, error), resolveErrorText && onResolveError && React.createElement(ResolveError, {
-    view: "ghost",
-    color: "danger",
-    onClick: onResolveError
-  }, resolveErrorText));
+  return _jsxs(RootBox, {
+    children: [_jsx(ErrorIconBox, {
+      children: _jsx(DangerTriangleIcon, {
+        color: "white",
+        size: "small",
+        view: "filled"
+      })
+    }), _jsx(ErrorText, {
+      children: error
+    }), resolveErrorText && onResolveError && _jsx(ResolveError, {
+      view: "ghost",
+      color: "danger",
+      onClick: onResolveError,
+      children: resolveErrorText
+    })]
+  });
 }

package/PageHeader/components/PageHeaderSkeleton/PageHeaderSkeleton.js

@@ -1,20 +1,24 @@
-import React from 'react';
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import { Horizontal } from '@pushwoosh/kit-helpers';
 import { RootBox, SkeletonStyled } from './styles';
 export function PageHeaderSkeleton() {
-  return React.createElement(RootBox, null, React.createElement(Horizontal, {
-    "$gap": 16
-  }, React.createElement(SkeletonStyled, null), React.createElement(SkeletonStyled, {
-    width: 60
-  }), React.createElement(SkeletonStyled, {
-    width: 60
-  })), React.createElement(Horizontal, {
-    "$gap": 16
-  }, React.createElement(SkeletonStyled, {
-    width: 68,
-    height: 36
-  }), React.createElement(SkeletonStyled, {
-    width: 68,
-    height: 36
-  })));
+  return _jsxs(RootBox, {
+    children: [_jsxs(Horizontal, {
+      "$gap": 16,
+      children: [_jsx(SkeletonStyled, {}), _jsx(SkeletonStyled, {
+        width: 60
+      }), _jsx(SkeletonStyled, {
+        width: 60
+      })]
+    }), _jsxs(Horizontal, {
+      "$gap": 16,
+      children: [_jsx(SkeletonStyled, {
+        width: 68,
+        height: 36
+      }), _jsx(SkeletonStyled, {
+        width: 68,
+        height: 36
+      })]
+    })]
+  });
 }

package/Pagination/Pagination.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 { ArrowIcon } from '@pushwoosh/kit-icons';
 import { getSafelyNumber } from './helpers';
 import { PaginationBox, PaginationArrow, PaginationDivider, PaginationButton } from './styles';
@@ -30,55 +31,65 @@ export function Pagination({
     console.error(`[Pagination]: prop activePage: ${activePage} is not valid!`);
     return null;
   }
-  return React.createElement(PaginationBox, {
+  return _jsxs(PaginationBox, {
     ...rest,
-    ref: boxRef
-  }, React.createElement(PaginationArrow, {
-    value: safelyActivePageNumber - 1,
-    disabled: isLoading || isDisabledLeftArrow,
-    onClick: handleChangePage
-  }, React.createElement(ArrowIcon, {
-    direction: "left",
-    size: "medium"
-  })), shouldShowShowFirstPage && React.createElement(PaginationButton, {
-    value: 1,
-    disabled: isLoading,
-    onClick: handleChangePage
-  }, 1), shouldShowShowLeftDivider && React.createElement(PaginationDivider, null, "..."), helperArray.map((_, index) => {
-    const currentIndex = safelyActivePageNumber - adjacentPagesCount + index;
-    if (currentIndex < 1 || currentIndex > safelyTotalPagesNumber) {
-      return null;
-    }
-    return React.createElement(PaginationButton, {
-      key: currentIndex,
-      value: currentIndex,
+    ref: boxRef,
+    children: [_jsx(PaginationArrow, {
+      value: safelyActivePageNumber - 1,
+      disabled: isLoading || isDisabledLeftArrow,
+      onClick: handleChangePage,
+      children: _jsx(ArrowIcon, {
+        direction: "left",
+        size: "medium"
+      })
+    }), shouldShowShowFirstPage && _jsx(PaginationButton, {
+      value: 1,
       disabled: isLoading,
-      onClick: handleChangePage
-    }, currentIndex);
-  }), React.createElement(PaginationButton, {
-    "$isActive": true,
-    disabled: true
-  }, safelyActivePageNumber), helperArray.map((_, index) => {
-    const currentIndex = safelyActivePageNumber + index + 1;
-    if (currentIndex > safelyTotalPagesNumber) {
-      return null;
-    }
-    return React.createElement(PaginationButton, {
-      key: currentIndex,
-      value: currentIndex,
+      onClick: handleChangePage,
+      children: 1
+    }), shouldShowShowLeftDivider && _jsx(PaginationDivider, {
+      children: "..."
+    }), helperArray.map((_, index) => {
+      const currentIndex = safelyActivePageNumber - adjacentPagesCount + index;
+      if (currentIndex < 1 || currentIndex > safelyTotalPagesNumber) {
+        return null;
+      }
+      return _jsx(PaginationButton, {
+        value: currentIndex,
+        disabled: isLoading,
+        onClick: handleChangePage,
+        children: currentIndex
+      }, currentIndex);
+    }), _jsx(PaginationButton, {
+      "$isActive": true,
+      disabled: true,
+      children: safelyActivePageNumber
+    }), helperArray.map((_, index) => {
+      const currentIndex = safelyActivePageNumber + index + 1;
+      if (currentIndex > safelyTotalPagesNumber) {
+        return null;
+      }
+      return _jsx(PaginationButton, {
+        value: currentIndex,
+        disabled: isLoading,
+        onClick: handleChangePage,
+        children: currentIndex
+      }, currentIndex);
+    }), shouldShowShowRightDivider && _jsx(PaginationDivider, {
+      children: "..."
+    }), shouldShowShowLastPage && _jsx(PaginationButton, {
+      value: safelyTotalPagesNumber,
       disabled: isLoading,
-      onClick: handleChangePage
-    }, currentIndex);
-  }), shouldShowShowRightDivider && React.createElement(PaginationDivider, null, "..."), shouldShowShowLastPage && React.createElement(PaginationButton, {
-    value: safelyTotalPagesNumber,
-    disabled: isLoading,
-    onClick: handleChangePage
-  }, safelyTotalPagesNumber), React.createElement(PaginationArrow, {
-    value: safelyActivePageNumber + 1,
-    disabled: isLoading || isDisabledRightArrow,
-    onClick: handleChangePage
-  }, React.createElement(ArrowIcon, {
-    direction: "right",
-    size: "medium"
-  })));
+      onClick: handleChangePage,
+      children: safelyTotalPagesNumber
+    }), _jsx(PaginationArrow, {
+      value: safelyActivePageNumber + 1,
+      disabled: isLoading || isDisabledRightArrow,
+      onClick: handleChangePage,
+      children: _jsx(ArrowIcon, {
+        direction: "right",
+        size: "medium"
+      })
+    })]
+  });
 }

package/Popover/Popover.js

@@ -1,4 +1,4 @@
-import React from 'react';
+import { jsx as _jsx } from "react/jsx-runtime";
 import { PopoverContainerPortal, PopoverContainerWindow } from './styles';
 export function Popover({
   open,
@@ -10,7 +10,7 @@ export function Popover({
   windowWidth,
   children
 }) {
-  return React.createElement(PopoverContainerPortal, {
+  return _jsx(PopoverContainerPortal, {
     animation: false,
     delay: 0,
     duration: 0,
@@ -20,11 +20,12 @@ export function Popover({
     zIndex: zIndex,
     visible: open,
     className: "popover-container",
-    content: React.createElement(PopoverContainerWindow, {
+    content: _jsx(PopoverContainerWindow, {
       "$minWidth": windowWidth,
       "$isLoading": loading,
-      ref: internalWindowRef
-    }, open && children),
+      ref: internalWindowRef,
+      children: open && children
+    }),
     popperOptions: {
       strategy: 'fixed',
       modifiers: [{

package/ProgressBar/ProgressBar.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 { Spinner } from '../Spinner';
 import { Container, LoadingHeader, LoadingText, ProgressLine, ProgressBarActive, ProgressBoxContainer, RightSlotContainer, SpinnerContainer, ProgressLineContainer } from './styles';
@@ -10,13 +10,28 @@ export function ProgressBar({
   backgroundColor = Color.BRIGHT_LIGHT,
   showSpinner = true
 }) {
-  return React.createElement(Container, null, showSpinner && React.createElement(SpinnerContainer, {
-    "$backgroundColor": backgroundColor
-  }, React.createElement(Spinner, {
-    color: color,
-    size: "medium"
-  })), React.createElement(ProgressBoxContainer, null, React.createElement(LoadingHeader, null, React.createElement(LoadingText, null, `${title} ${percentValue}%`), rightSlot && React.createElement(RightSlotContainer, null, rightSlot)), React.createElement(ProgressLineContainer, null, React.createElement(ProgressLine, null, React.createElement(ProgressBarActive, {
-    "$width": percentValue,
-    "$color": color
-  })))));
+  return _jsxs(Container, {
+    children: [showSpinner && _jsx(SpinnerContainer, {
+      "$backgroundColor": backgroundColor,
+      children: _jsx(Spinner, {
+        color: color,
+        size: "medium"
+      })
+    }), _jsxs(ProgressBoxContainer, {
+      children: [_jsxs(LoadingHeader, {
+        children: [_jsx(LoadingText, {
+          children: `${title} ${percentValue}%`
+        }), rightSlot && _jsx(RightSlotContainer, {
+          children: rightSlot
+        })]
+      }), _jsx(ProgressLineContainer, {
+        children: _jsx(ProgressLine, {
+          children: _jsx(ProgressBarActive, {
+            "$width": percentValue,
+            "$color": color
+          })
+        })
+      })]
+    })]
+  });
 }

package/PushPreview/PushPreview.js

@@ -1,4 +1,4 @@
-import React from 'react';
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import { Vertical } from '@pushwoosh/kit-helpers';
 import { MissedContentPreview } from './components/MissedContentPreview';
 import { SilentPushPreview } from './components/SilentPushPreview';
@@ -20,35 +20,43 @@ export function PushPreview({
   const content = getLocalizedContent((pushPreset === null || pushPreset === void 0 ? void 0 : pushPreset.content) || (pushPreset === null || pushPreset === void 0 ? void 0 : pushPreset.localizedContent), language);
   const icon = (pushPreset === null || pushPreset === void 0 ? void 0 : pushPreset.icon) || appIcon || PREVIEW_ICON_URL;
   if (isLoading) {
-    return React.createElement(PushBox, {
+    return _jsx(PushBox, {
       view: view,
       "$loading": true
     });
   }
   if (view === 'silent') {
-    return React.createElement(SilentPushPreview, null);
+    return _jsx(SilentPushPreview, {});
   }
   if (view === 'missed-content') {
-    return React.createElement(MissedContentPreview, null);
+    return _jsx(MissedContentPreview, {});
   }
-  return React.createElement(PushBox, {
+  return _jsxs(PushBox, {
     view: view,
     "$width": width,
-    "$loading": isLoading
-  }, React.createElement(PushIcon, {
-    alt: title,
-    src: icon
-  }), React.createElement(Vertical, null, React.createElement(PushTitle, null, React.createElement(RichMessageViewer, {
-    value: title,
-    flat: true
-  })), view === 'extended' && React.createElement(PushTitle, null, React.createElement(RichMessageViewer, {
-    value: subtitle,
-    flat: true
-  })), React.createElement(PushDescription, {
-    view: view,
-    locked: !pushPreset || !content
-  }, content && React.createElement(RichMessageViewer, {
-    flat: view === 'compact',
-    value: content
-  }), !content && view === 'empty' && 'Select existing or create a new content…', !content && view !== 'empty' && 'Message is empty…')));
+    "$loading": isLoading,
+    children: [_jsx(PushIcon, {
+      alt: title,
+      src: icon
+    }), _jsxs(Vertical, {
+      children: [_jsx(PushTitle, {
+        children: _jsx(RichMessageViewer, {
+          value: title,
+          flat: true
+        })
+      }), view === 'extended' && _jsx(PushTitle, {
+        children: _jsx(RichMessageViewer, {
+          value: subtitle,
+          flat: true
+        })
+      }), _jsxs(PushDescription, {
+        view: view,
+        locked: !pushPreset || !content,
+        children: [content && _jsx(RichMessageViewer, {
+          flat: view === 'compact',
+          value: content
+        }), !content && view === 'empty' && 'Select existing or create a new content…', !content && view !== 'empty' && 'Message is empty…']
+      })]
+    })]
+  });
 }

package/PushPreview/components/MissedContentPreview/MissedContentPreview.js

@@ -1,22 +1,29 @@
-import React from 'react';
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import { Color } from '@pushwoosh/kit-constants';
 import { Vertical } from '@pushwoosh/kit-helpers';
 import { CloseIcon } from '@pushwoosh/kit-icons';
 import { Lang } from '../../polyglot';
 import { PushBox, IconContainer, PushTitle, PushDescription } from '../../styles';
 export function MissedContentPreview() {
-  return React.createElement(PushBox, {
-    view: "compact"
-  }, React.createElement(IconContainer, null, React.createElement(CloseIcon, {
-    size: "small",
-    color: Color.CLEAR
-  })), React.createElement(Vertical, null, React.createElement(PushTitle, {
-    locked: true
-  }, React.createElement(Lang, {
-    message: "DUMB.PUSH_PREVIEW.CONTENT_MISSED"
-  })), React.createElement(PushDescription, {
-    locked: true
-  }, React.createElement(Lang, {
-    message: "DUMB.PUSH_PREVIEW.HINT"
-  }))));
+  return _jsxs(PushBox, {
+    view: "compact",
+    children: [_jsx(IconContainer, {
+      children: _jsx(CloseIcon, {
+        size: "small",
+        color: Color.CLEAR
+      })
+    }), _jsxs(Vertical, {
+      children: [_jsx(PushTitle, {
+        locked: true,
+        children: _jsx(Lang, {
+          message: "DUMB.PUSH_PREVIEW.CONTENT_MISSED"
+        })
+      }), _jsx(PushDescription, {
+        locked: true,
+        children: _jsx(Lang, {
+          message: "DUMB.PUSH_PREVIEW.HINT"
+        })
+      })]
+    })]
+  });
 }