@pushwoosh/smart-components-kit 1.0.89 → 1.1.0

package/ResendModal/ResendModal.js

@@ -1,4 +1,5 @@
-import React, { useCallback, useEffect, useMemo } from 'react';
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { useCallback, useEffect, useMemo } from 'react';
 import { Controller, useForm } from 'react-hook-form';
 import { Button, FieldBox, Modal, ModalBody, ModalFooter, ModalHeader, ModalTitle, NativeInput } from '@pushwoosh/dumb-components';
 import { Color } from '@pushwoosh/kit-constants';
@@ -8,6 +9,7 @@ import { Paragraph, Text } from '@pushwoosh/kit-typography';
 import { useSPAContext } from '@pushwoosh/spa-context';
 import { parseMessageProperties } from './hooks/helpers';
 import { useResend } from './hooks/useResend';
+import { useLang } from './polyglot';
 export const ResendModal = ({
   isOpen,
   onClose,
@@ -15,6 +17,7 @@ export const ResendModal = ({
   message,
   emailTemplate: providedEmailTemplate
 }) => {
+  const lang = useLang();
   const {
     history,
     rpcGateway
@@ -116,65 +119,98 @@ export const ResendModal = ({
     }
   }, [applicationCode, message, onClose, presetSubject, resendEmail]);
   if (!message) return null;
-  return React.createElement(Modal, {
+  return _jsxs(Modal, {
     size: "medium",
     isOpen: isOpen,
-    onClose: onClose
-  }, React.createElement(ModalHeader, null, React.createElement(ModalTitle, null, "Resend to non-openers")), React.createElement(ModalBody, null, React.createElement(Vertical, {
-    "$gap": 16
-  }, React.createElement(Paragraph, null, "This action will send a one-time email campaign to recipients who didn't open the original message. The subject above will be used. Before resending, you can edit the campaign if needed."), React.createElement(Controller, {
-    control: control,
-    name: "presetSubject",
-    rules: {
-      required: 'This field cannot be empty'
-    },
-    render: ({
-      field,
-      fieldState
-    }) => {
-      var _fieldState$error;
-      return React.createElement(FieldBox, {
-        title: "subject LINE",
-        error: !!fieldState.error && React.createElement(Text, {
-          "$color": Color.DANGER
-        }, (_fieldState$error = fieldState.error) === null || _fieldState$error === void 0 ? void 0 : _fieldState$error.message)
-      }, React.createElement(NativeInput, {
-        value: field.value ?? '',
-        disabled: isMultilanguage,
-        "$isErrored": fieldState.invalid,
-        name: field.name,
-        onChange: ({
-          target: {
-            value
+    onClose: onClose,
+    children: [_jsx(ModalHeader, {
+      children: _jsx(ModalTitle, {
+        children: lang({
+          message: 'SMART.RESEND_MODAL.TITLE'
+        })
+      })
+    }), _jsx(ModalBody, {
+      children: _jsxs(Vertical, {
+        "$gap": 16,
+        children: [_jsx(Paragraph, {
+          children: lang({
+            message: 'SMART.RESEND_MODAL.DESCRIPTION'
+          })
+        }), _jsx(Controller, {
+          control: control,
+          name: "presetSubject",
+          rules: {
+            required: lang({
+              message: 'SMART.RESEND_MODAL.ERROR.SUBJECT_REQUIRED'
+            })
+          },
+          render: ({
+            field,
+            fieldState
+          }) => {
+            var _fieldState$error;
+            return _jsx(FieldBox, {
+              title: lang({
+                message: 'SMART.RESEND_MODAL.FIELD.SUBJECT'
+              }),
+              error: !!fieldState.error && _jsx(Text, {
+                "$color": Color.DANGER,
+                children: (_fieldState$error = fieldState.error) === null || _fieldState$error === void 0 ? void 0 : _fieldState$error.message
+              }),
+              children: _jsx(NativeInput, {
+                value: field.value ?? '',
+                disabled: isMultilanguage,
+                "$isErrored": fieldState.invalid,
+                name: field.name,
+                onChange: ({
+                  target: {
+                    value
+                  }
+                }) => {
+                  if (value) {
+                    clearErrors('presetSubject');
+                  }
+                  field.onChange(value);
+                }
+              })
+            });
           }
-        }) => {
-          if (value) {
-            clearErrors('presetSubject');
-          }
-          field.onChange(value);
-        }
-      }));
-    }
-  }))), React.createElement(ModalFooter, null, React.createElement(Horizontal, {
-    "$justifyContent": "space-between"
-  }, React.createElement(Button, {
-    color: "secondary",
-    icon: React.createElement(EditIcon, {
-      size: "medium",
-      view: "lined"
-    }),
-    onClick: handleSubmit(() => {
-      history.push(editMessageUrl);
-    })
-  }, "Edit before resend"), React.createElement(Horizontal, {
-    "$gap": 8
-  }, React.createElement(Button, {
-    color: "secondary",
-    onClick: onClose
-  }, "Cancel"), React.createElement(Button, {
-    color: "primary",
-    onClick: handleSubmit(() => {
-      handleResend();
-    })
-  }, "Resend now")))));
+        })]
+      })
+    }), _jsx(ModalFooter, {
+      children: _jsxs(Horizontal, {
+        "$justifyContent": "space-between",
+        children: [_jsx(Button, {
+          color: "secondary",
+          icon: _jsx(EditIcon, {
+            size: "medium",
+            view: "lined"
+          }),
+          onClick: handleSubmit(() => {
+            history.push(editMessageUrl);
+          }),
+          children: lang({
+            message: 'SMART.RESEND_MODAL.BUTTON.EDIT'
+          })
+        }), _jsxs(Horizontal, {
+          "$gap": 8,
+          children: [_jsx(Button, {
+            color: "secondary",
+            onClick: onClose,
+            children: lang({
+              message: 'SMART.RESEND_MODAL.BUTTON.CANCEL'
+            })
+          }), _jsx(Button, {
+            color: "primary",
+            onClick: handleSubmit(() => {
+              handleResend();
+            }),
+            children: lang({
+              message: 'SMART.RESEND_MODAL.BUTTON.RESEND'
+            })
+          })]
+        })]
+      })
+    })]
+  });
 };

package/ResendModal/polyglot/index.d.ts

@@ -0,0 +1,2 @@
+import { type ResendModalMessages } from './types';
+export declare const Lang: import("react").FC<import("@pushwoosh/dumb-components/polyglot").LangProps<ResendModalMessages>>, useLang: () => (props: import("@pushwoosh/dumb-components/polyglot").LangProps<ResendModalMessages>) => string;

package/ResendModal/polyglot/index.js

@@ -0,0 +1,10 @@
+import { createLang } from '@pushwoosh/dumb-components/polyglot';
+import { messages as en } from './messages_en';
+import { messages as ru } from './messages_ru';
+export const {
+  Lang,
+  useLang
+} = createLang({
+  en,
+  ru
+});

package/ResendModal/polyglot/messages_en.d.ts

@@ -0,0 +1,3 @@
+import type { LangMessages } from '@pushwoosh/dumb-components/polyglot';
+import { type ResendModalMessages } from './types';
+export declare const messages: LangMessages<ResendModalMessages>;

package/ResendModal/polyglot/messages_en.js

@@ -0,0 +1,9 @@
+export const messages = {
+  'SMART.RESEND_MODAL.TITLE': 'Resend to non-openers',
+  'SMART.RESEND_MODAL.DESCRIPTION': 'This action will send a one-time email campaign to recipients who didn’t open the original message. The subject above will be used. Before resending, you can edit the campaign if needed.',
+  'SMART.RESEND_MODAL.FIELD.SUBJECT': 'subject LINE',
+  'SMART.RESEND_MODAL.ERROR.SUBJECT_REQUIRED': 'This field cannot be empty',
+  'SMART.RESEND_MODAL.BUTTON.EDIT': 'Edit before resend',
+  'SMART.RESEND_MODAL.BUTTON.CANCEL': 'Cancel',
+  'SMART.RESEND_MODAL.BUTTON.RESEND': 'Resend now'
+};

package/ResendModal/polyglot/messages_ru.d.ts

@@ -0,0 +1,3 @@
+import type { LangMessages } from '@pushwoosh/dumb-components/polyglot';
+import { type ResendModalMessages } from './types';
+export declare const messages: LangMessages<ResendModalMessages>;

package/ResendModal/polyglot/messages_ru.js

@@ -0,0 +1,9 @@
+export const messages = {
+  'SMART.RESEND_MODAL.TITLE': 'Повторная отправка не открывшим',
+  'SMART.RESEND_MODAL.DESCRIPTION': 'Это действие отправит разовую email-кампанию получателям, которые не открыли исходное сообщение. Будет использована тема, указанная выше. Перед повторной отправкой кампанию можно отредактировать.',
+  'SMART.RESEND_MODAL.FIELD.SUBJECT': 'тема письма',
+  'SMART.RESEND_MODAL.ERROR.SUBJECT_REQUIRED': 'Поле не может быть пустым',
+  'SMART.RESEND_MODAL.BUTTON.EDIT': 'Изменить перед отправкой',
+  'SMART.RESEND_MODAL.BUTTON.CANCEL': 'Отмена',
+  'SMART.RESEND_MODAL.BUTTON.RESEND': 'Отправить сейчас'
+};

package/ResendModal/polyglot/types.d.ts

@@ -0,0 +1,10 @@
+import type { NoParams } from '@pushwoosh/dumb-components/polyglot';
+export type ResendModalMessages = {
+    'SMART.RESEND_MODAL.TITLE': NoParams;
+    'SMART.RESEND_MODAL.DESCRIPTION': NoParams;
+    'SMART.RESEND_MODAL.FIELD.SUBJECT': NoParams;
+    'SMART.RESEND_MODAL.ERROR.SUBJECT_REQUIRED': NoParams;
+    'SMART.RESEND_MODAL.BUTTON.EDIT': NoParams;
+    'SMART.RESEND_MODAL.BUTTON.CANCEL': NoParams;
+    'SMART.RESEND_MODAL.BUTTON.RESEND': NoParams;
+};

package/ResendModal/polyglot/types.js

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

package/RichMessageEditorSmart/NewDynamicContentForm.js

@@ -1,4 +1,5 @@
-import React, { useState } from 'react';
+import { jsx as _jsx } from "react/jsx-runtime";
+import { useState } from 'react';
 import { Button } from '@pushwoosh/dumb-components';
 import { Horizontal } from '@pushwoosh/kit-helpers';
 import { SimpleDynamicContentPickerFormSmart } from '../DynamicContentPickerForm';
@@ -9,17 +10,20 @@ export const NewDynamicContentForm = ({
 }) => {
   const [dc, setDc] = useState();
   const lang = useLang();
-  return React.createElement(SimpleDynamicContentPickerFormSmart, {
+  return _jsx(SimpleDynamicContentPickerFormSmart, {
     dc: dc,
     onChange: setDc,
-    update: update
-  }, React.createElement(Horizontal, {
-    "$justifyContent": "end"
-  }, React.createElement(Button, {
-    color: "secondary",
-    onClick: () => onSubmit(dc),
-    isDisabled: !dc
-  }, lang({
-    message: 'SMART.RICH_MESSAGE_EDITOR.INSERT'
-  }))));
+    update: update,
+    children: _jsx(Horizontal, {
+      "$justifyContent": "end",
+      children: _jsx(Button, {
+        color: "secondary",
+        onClick: () => onSubmit(dc),
+        isDisabled: !dc,
+        children: lang({
+          message: 'SMART.RICH_MESSAGE_EDITOR.INSERT'
+        })
+      })
+    })
+  });
 };

package/RichMessageEditorSmart/RichMessageEditorSmart.js

@@ -1,19 +1,19 @@
-import React from 'react';
+import { jsx as _jsx } from "react/jsx-runtime";
 import { RichMessageEditor } from '@pushwoosh/dumb-components';
 import { SimpleDynamicContentPickerFormSmart } from '../DynamicContentPickerForm';
 import { NewDynamicContentForm } from './NewDynamicContentForm';
 export const RichMessageEditorSmart = props => {
-  return React.createElement(RichMessageEditor, {
+  return _jsx(RichMessageEditor, {
     ...props,
     renderDynamicContent: ({
       dc,
       onChange,
       update
-    }) => dc ? React.createElement(SimpleDynamicContentPickerFormSmart, {
+    }) => dc ? _jsx(SimpleDynamicContentPickerFormSmart, {
       dc: dc,
       onChange: onChange,
       update: update
-    }) : React.createElement(NewDynamicContentForm, {
+    }) : _jsx(NewDynamicContentForm, {
       update: update,
       onSubmit: onChange
     })

package/SystemParcel/SystemParcel.d.ts

@@ -1,9 +1,9 @@
-import React from 'react';
+import { type ComponentType } from 'react';
 type SystemParcelProps = {
     importPath: string;
     methodName?: string;
     mountRootParcel: any;
-    Parcel: React.ComponentType<any>;
+    Parcel: ComponentType<any>;
 } & Record<string, unknown>;
-export declare function SystemParcel({ importPath, mountRootParcel, methodName, Parcel, ...restProps }: SystemParcelProps): React.JSX.Element;
+export declare function SystemParcel({ importPath, mountRootParcel, methodName, Parcel, ...restProps }: SystemParcelProps): import("react").JSX.Element;
 export {};

package/SystemParcel/SystemParcel.js

@@ -1,4 +1,5 @@
-import React, { useMemo } from 'react';
+import { jsx as _jsx } from "react/jsx-runtime";
+import { useMemo } from 'react';
 import { useSPAContext } from '@pushwoosh/spa-context';
 export function SystemParcel({
   importPath,
@@ -9,7 +10,7 @@ export function SystemParcel({
 }) {
   const spaContext = useSPAContext();
   const parcelConfig = useMemo(() => createSystemParcelConfig(importPath, methodName), [importPath, methodName]);
-  return React.createElement(Parcel, {
+  return _jsx(Parcel, {
     config: parcelConfig,
     spaContext: spaContext,
     mountParcel: mountRootParcel,

package/Table/components/DataTable/DataTable.js

@@ -1,4 +1,4 @@
-import React from 'react';
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import { Button, Spinner } from '@pushwoosh/dumb-components';
 import { Color } from '@pushwoosh/kit-constants';
 import { Horizontal } from '@pushwoosh/kit-helpers';
@@ -41,64 +41,83 @@ export function DataTable(props) {
       search: ''
     }));
   };
-  return React.createElement(DataTableContext.Provider, {
-    value: context
-  }, React.createElement(Table, {
-    columns: columns,
-    width: width,
-    isBordered: isBordered,
-    "$bgColor": bgColor
-  }, renderTableTop === null || renderTableTop === void 0 ? void 0 : renderTableTop(context), 'renderHead' in props && props.renderHead(), 'renderList' in props ? props.renderList(context) : React.createElement(DataTableList, {
-    renderItem: props.renderItem
-  }), !hidePagination && React.createElement(DataTablePagination, {
-    allLimits: allLimits ?? [10, 20, 50, 100],
-    padding: paginationPadding,
-    hidePageSizeSelector: hidePageSizeSelector
-  }, data.loading && React.createElement(Horizontal, {
-    "$alignItems": "center",
-    "$gap": 4
-  }, React.createElement(Spinner, {
-    size: "medium",
-    color: Color.LOCKED
-  }), React.createElement(LockedText, null, lang({
-    message: 'SMART.TABLE.LOADING'
-  }))), !data.loading && data.error && React.createElement(Horizontal, {
-    "$alignItems": "center",
-    "$gap": 4
-  }, React.createElement(WarningRoundIcon, {
-    size: "medium",
-    view: "lined",
-    color: Color.WARNING
-  }), React.createElement(Text, {
-    "$color": Color.WARNING
-  }, lang({
-    message: 'SMART.TABLE.REQUEST_FAILED'
-  }))), !data.loading && !data.error && (((_data$value2 = data.value) === null || _data$value2 === void 0 ? void 0 : _data$value2.total) ?? 0) > 0 && React.createElement(Horizontal, {
-    "$placeItems": "center",
-    "$gap": 4
-  }, lang({
-    message: 'SMART.TABLE.RESULT_LABEL'
-  }), React.createElement(LockedText, null, lang({
-    message: 'SMART.TABLE.RESULT_COUNT',
-    total: ((_data$value3 = data.value) === null || _data$value3 === void 0 ? void 0 : _data$value3.total) ?? 0
-  }))), !data.loading && !data.error && (((_data$value4 = data.value) === null || _data$value4 === void 0 ? void 0 : _data$value4.total) ?? 0) === 0 && !isFiltered && React.createElement(Horizontal, {
-    "$placeItems": "center"
-  }, React.createElement(LockedText, null, lang({
-    message: 'SMART.TABLE.NO_ITEMS'
-  }))), !data.loading && isFiltered && React.createElement(Horizontal, {
-    "$gap": 16
-  }, !data.error && (((_data$value5 = data.value) === null || _data$value5 === void 0 || (_data$value5 = _data$value5.items) === null || _data$value5 === void 0 ? void 0 : _data$value5.length) ?? 0) === 0 && React.createElement(Horizontal, {
-    "$placeItems": "center",
-    "$gap": 4
-  }, lang({
-    message: 'SMART.TABLE.RESULT_LABEL'
-  }), React.createElement(LockedText, null, lang({
-    message: 'SMART.TABLE.NO_MATCH'
-  }))), React.createElement(Button, {
-    color: "primary",
-    view: "ghost",
-    onClick: onClearRequest ?? onClearRequestDefault
-  }, lang({
-    message: 'SMART.TABLE.CLEAR_REQUEST'
-  }))))), renderAfter === null || renderAfter === void 0 ? void 0 : renderAfter(context));
+  return _jsxs(DataTableContext.Provider, {
+    value: context,
+    children: [_jsxs(Table, {
+      columns: columns,
+      width: width,
+      isBordered: isBordered,
+      "$bgColor": bgColor,
+      children: [renderTableTop === null || renderTableTop === void 0 ? void 0 : renderTableTop(context), 'renderHead' in props && props.renderHead(), 'renderList' in props ? props.renderList(context) : _jsx(DataTableList, {
+        renderItem: props.renderItem
+      }), !hidePagination && _jsxs(DataTablePagination, {
+        allLimits: allLimits ?? [10, 20, 50, 100],
+        padding: paginationPadding,
+        hidePageSizeSelector: hidePageSizeSelector,
+        children: [data.loading && _jsxs(Horizontal, {
+          "$alignItems": "center",
+          "$gap": 4,
+          children: [_jsx(Spinner, {
+            size: "medium",
+            color: Color.LOCKED
+          }), _jsx(LockedText, {
+            children: lang({
+              message: 'SMART.TABLE.LOADING'
+            })
+          })]
+        }), !data.loading && data.error && _jsxs(Horizontal, {
+          "$alignItems": "center",
+          "$gap": 4,
+          children: [_jsx(WarningRoundIcon, {
+            size: "medium",
+            view: "lined",
+            color: Color.WARNING
+          }), _jsx(Text, {
+            "$color": Color.WARNING,
+            children: lang({
+              message: 'SMART.TABLE.REQUEST_FAILED'
+            })
+          })]
+        }), !data.loading && !data.error && (((_data$value2 = data.value) === null || _data$value2 === void 0 ? void 0 : _data$value2.total) ?? 0) > 0 && _jsxs(Horizontal, {
+          "$placeItems": "center",
+          "$gap": 4,
+          children: [lang({
+            message: 'SMART.TABLE.RESULT_LABEL'
+          }), _jsx(LockedText, {
+            children: lang({
+              message: 'SMART.TABLE.RESULT_COUNT',
+              total: ((_data$value3 = data.value) === null || _data$value3 === void 0 ? void 0 : _data$value3.total) ?? 0
+            })
+          })]
+        }), !data.loading && !data.error && (((_data$value4 = data.value) === null || _data$value4 === void 0 ? void 0 : _data$value4.total) ?? 0) === 0 && !isFiltered && _jsx(Horizontal, {
+          "$placeItems": "center",
+          children: _jsx(LockedText, {
+            children: lang({
+              message: 'SMART.TABLE.NO_ITEMS'
+            })
+          })
+        }), !data.loading && isFiltered && _jsxs(Horizontal, {
+          "$gap": 16,
+          children: [!data.error && (((_data$value5 = data.value) === null || _data$value5 === void 0 || (_data$value5 = _data$value5.items) === null || _data$value5 === void 0 ? void 0 : _data$value5.length) ?? 0) === 0 && _jsxs(Horizontal, {
+            "$placeItems": "center",
+            "$gap": 4,
+            children: [lang({
+              message: 'SMART.TABLE.RESULT_LABEL'
+            }), _jsx(LockedText, {
+              children: lang({
+                message: 'SMART.TABLE.NO_MATCH'
+              })
+            })]
+          }), _jsx(Button, {
+            color: "primary",
+            view: "ghost",
+            onClick: onClearRequest ?? onClearRequestDefault,
+            children: lang({
+              message: 'SMART.TABLE.CLEAR_REQUEST'
+            })
+          })]
+        })]
+      })]
+    }), renderAfter === null || renderAfter === void 0 ? void 0 : renderAfter(context)]
+  });
 }

package/Table/components/DataTableGetContext/DataTableGetContext.d.ts

@@ -1,4 +1,3 @@
-import React from 'react';
 import type { DataGetContextProps } from './types';
 import type { DataTableContextType } from '../../types';
-export declare const DataTableGetContext: <C extends DataTableContextType<any, any>>({ children }: DataGetContextProps<C>) => React.JSX.Element;
+export declare const DataTableGetContext: <C extends DataTableContextType<any, any>>({ children }: DataGetContextProps<C>) => import("react").JSX.Element;

package/Table/components/DataTableGetContext/DataTableGetContext.js

@@ -1,8 +1,11 @@
-import React, { useContext } from 'react';
+import { Fragment as _Fragment, jsx as _jsx } from "react/jsx-runtime";
+import { useContext } from 'react';
 import { DataTableContext } from '../../context';
 export const DataTableGetContext = ({
   children
 }) => {
   const ctxValue = useContext(DataTableContext);
-  return React.createElement(React.Fragment, null, children(ctxValue));
+  return _jsx(_Fragment, {
+    children: children(ctxValue)
+  });
 };

package/Table/components/DataTableList/DataTableList.d.ts

@@ -1,3 +1,2 @@
-import React from 'react';
 import type { DataTableListProps } from './types';
-export declare function DataTableList<T>({ renderItem }: DataTableListProps<T>): React.JSX.Element;
+export declare function DataTableList<T>({ renderItem }: DataTableListProps<T>): import("react").JSX.Element;