@pushwoosh/smart-components-kit 1.0.90 → 1.1.0

package/DynamicContentPickerForm/DynamicContentEventPickerForm.js

@@ -1,4 +1,4 @@
-import React from 'react';
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import { FieldBox, NativeInput, Select } from '@pushwoosh/dumb-components';
 import { Vertical } from '@pushwoosh/kit-helpers';
 import { useLang } from './polyglot';
@@ -12,60 +12,63 @@ export const DynamicContentEventPickerForm = ({
     name: '',
     attributes: []
   };
-  return React.createElement(Vertical, {
-    "$gap": 16
-  }, React.createElement(Select, {
-    value: {
-      value: dc.eventName,
-      label: dc.eventName
-    },
-    onChange: option => {
-      onChange({
-        eventName: option.value,
-        attribute: '',
-        defaultValue: ''
-      });
-    },
-    options: events.map(event => ({
-      value: event.name,
-      label: event.name
-    })),
-    placeholder: lang({
-      message: 'SMART.DYNAMIC_CONTENT_PICKER_FORM.EVENT.PLACEHOLDER'
-    })
-  }), React.createElement(FieldBox, {
-    title: lang({
-      message: 'SMART.DYNAMIC_CONTENT_PICKER_FORM.FIELD.ATTRIBUTE'
-    })
-  }, React.createElement(Select, {
-    value: {
-      value: dc.attribute,
-      label: dc.attribute
-    },
-    onChange: option => {
-      onChange({
-        ...dc,
-        attribute: option.value
-      });
-    },
-    options: currentEvent.attributes.map(attr => ({
-      value: attr.name,
-      label: attr.name
-    })),
-    isDisabled: !currentEvent.name
-  })), React.createElement(FieldBox, {
-    title: lang({
-      message: 'SMART.DYNAMIC_CONTENT_PICKER_FORM.FIELD.FALLBACK_TEXT'
-    }),
-    isOptional: true
-  }, React.createElement(NativeInput, {
-    value: dc.defaultValue,
-    onChange: e => {
-      onChange({
-        ...dc,
-        defaultValue: e.target.value
-      });
-    },
-    disabled: !currentEvent.name
-  })));
+  return _jsxs(Vertical, {
+    "$gap": 16,
+    children: [_jsx(Select, {
+      value: {
+        value: dc.eventName,
+        label: dc.eventName
+      },
+      onChange: option => {
+        onChange({
+          eventName: option.value,
+          attribute: '',
+          defaultValue: ''
+        });
+      },
+      options: events.map(event => ({
+        value: event.name,
+        label: event.name
+      })),
+      placeholder: lang({
+        message: 'SMART.DYNAMIC_CONTENT_PICKER_FORM.EVENT.PLACEHOLDER'
+      })
+    }), _jsx(FieldBox, {
+      title: lang({
+        message: 'SMART.DYNAMIC_CONTENT_PICKER_FORM.FIELD.ATTRIBUTE'
+      }),
+      children: _jsx(Select, {
+        value: {
+          value: dc.attribute,
+          label: dc.attribute
+        },
+        onChange: option => {
+          onChange({
+            ...dc,
+            attribute: option.value
+          });
+        },
+        options: currentEvent.attributes.map(attr => ({
+          value: attr.name,
+          label: attr.name
+        })),
+        isDisabled: !currentEvent.name
+      })
+    }), _jsx(FieldBox, {
+      title: lang({
+        message: 'SMART.DYNAMIC_CONTENT_PICKER_FORM.FIELD.FALLBACK_TEXT'
+      }),
+      isOptional: true,
+      children: _jsx(NativeInput, {
+        value: dc.defaultValue,
+        onChange: e => {
+          onChange({
+            ...dc,
+            defaultValue: e.target.value
+          });
+        },
+        disabled: !currentEvent.name
+      })
+    })]
+  });
 };

package/DynamicContentPickerForm/DynamicContentTagPickerForm.js

@@ -1,4 +1,4 @@
-import React from 'react';
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import { FieldBox, NativeInput, Select } from '@pushwoosh/dumb-components';
 import { Vertical } from '@pushwoosh/kit-helpers';
 import { useLang } from './polyglot';
@@ -12,60 +12,63 @@ export const DynamicContentTagPickerForm = ({
     name: '',
     modifiers: ['regular']
   };
-  return React.createElement(Vertical, {
-    "$gap": 16
-  }, React.createElement(Select, {
-    value: {
-      value: dc.tagName,
-      label: dc.tagName
-    },
-    onChange: option => {
-      onChange({
-        tagName: option.value,
-        modifier: currentTag.modifiers[0],
-        defaultValue: ''
-      });
-    },
-    options: tags.map(tag => ({
-      value: tag.name,
-      label: tag.name
-    })),
-    placeholder: lang({
-      message: 'SMART.DYNAMIC_CONTENT_PICKER_FORM.TAG.PLACEHOLDER'
-    })
-  }), React.createElement(FieldBox, {
-    title: lang({
-      message: 'SMART.DYNAMIC_CONTENT_PICKER_FORM.FIELD.MODIFIER'
-    })
-  }, React.createElement(Select, {
-    value: {
-      value: dc.modifier,
-      label: dc.modifier
-    },
-    onChange: option => {
-      onChange({
-        ...dc,
-        modifier: option.value
-      });
-    },
-    options: currentTag.modifiers.map(modifier => ({
-      value: modifier,
-      label: modifier
-    })),
-    isDisabled: !currentTag.name
-  })), React.createElement(FieldBox, {
-    title: lang({
-      message: 'SMART.DYNAMIC_CONTENT_PICKER_FORM.FIELD.FALLBACK_TEXT'
-    }),
-    isOptional: true
-  }, React.createElement(NativeInput, {
-    value: dc.defaultValue,
-    onChange: e => {
-      onChange({
-        ...dc,
-        defaultValue: e.target.value
-      });
-    },
-    disabled: !currentTag.name
-  })));
+  return _jsxs(Vertical, {
+    "$gap": 16,
+    children: [_jsx(Select, {
+      value: {
+        value: dc.tagName,
+        label: dc.tagName
+      },
+      onChange: option => {
+        onChange({
+          tagName: option.value,
+          modifier: currentTag.modifiers[0],
+          defaultValue: ''
+        });
+      },
+      options: tags.map(tag => ({
+        value: tag.name,
+        label: tag.name
+      })),
+      placeholder: lang({
+        message: 'SMART.DYNAMIC_CONTENT_PICKER_FORM.TAG.PLACEHOLDER'
+      })
+    }), _jsx(FieldBox, {
+      title: lang({
+        message: 'SMART.DYNAMIC_CONTENT_PICKER_FORM.FIELD.MODIFIER'
+      }),
+      children: _jsx(Select, {
+        value: {
+          value: dc.modifier,
+          label: dc.modifier
+        },
+        onChange: option => {
+          onChange({
+            ...dc,
+            modifier: option.value
+          });
+        },
+        options: currentTag.modifiers.map(modifier => ({
+          value: modifier,
+          label: modifier
+        })),
+        isDisabled: !currentTag.name
+      })
+    }), _jsx(FieldBox, {
+      title: lang({
+        message: 'SMART.DYNAMIC_CONTENT_PICKER_FORM.FIELD.FALLBACK_TEXT'
+      }),
+      isOptional: true,
+      children: _jsx(NativeInput, {
+        value: dc.defaultValue,
+        onChange: e => {
+          onChange({
+            ...dc,
+            defaultValue: e.target.value
+          });
+        },
+        disabled: !currentTag.name
+      })
+    })]
+  });
 };

package/DynamicContentPickerForm/SimpleDynamicContentPickerFormSmart.js

@@ -1,4 +1,5 @@
-import React, { useEffect } from 'react';
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { useEffect } from 'react';
 import { FieldBox, NativeInput, Select, Spinner } from '@pushwoosh/dumb-components';
 import { Horizontal, Vertical } from '@pushwoosh/kit-helpers';
 import { useDynamicContentTags } from './hooks';
@@ -23,72 +24,80 @@ export const SimpleDynamicContentPickerFormSmart = ({
     }
   }, [asyncResult.loading, update]);
   if (asyncResult.loading) {
-    return React.createElement(SimpleTagPickerDiv, null, React.createElement(Horizontal, {
-      "$placeItems": "center",
-      "$padding": 36
-    }, React.createElement(Spinner, {
-      size: "medium"
-    })));
+    return _jsx(SimpleTagPickerDiv, {
+      children: _jsx(Horizontal, {
+        "$placeItems": "center",
+        "$padding": 36,
+        children: _jsx(Spinner, {
+          size: "medium"
+        })
+      })
+    });
   }
   const tags = asyncResult.value || [];
   const currentTag = tags.find(tag => tag.name === dc.tagName) || {
     name: '',
     modifiers: ['regular']
   };
-  return React.createElement(SimpleTagPickerDiv, null, React.createElement(FieldBox, {
-    title: lang({
-      message: 'SMART.DYNAMIC_CONTENT_PICKER_FORM.FIELD.TAG'
-    })
-  }, React.createElement(Vertical, {
-    "$gap": 8
-  }, React.createElement(Select, {
-    width: "auto",
-    menuPlacement: "auto",
-    value: {
-      value: dc.tagName,
-      label: dc.tagName
-    },
-    onChange: option => {
-      onChange({
-        tagName: option.value,
-        modifier: currentTag.modifiers[0],
-        defaultValue: ''
-      });
-    },
-    options: tags.map(tag => ({
-      value: tag.name,
-      label: tag.name
-    }))
-  }), React.createElement(Select, {
-    width: "auto",
-    menuPlacement: "auto",
-    value: {
-      value: dc.modifier,
-      label: dc.modifier
-    },
-    onChange: option => {
-      onChange({
-        ...dc,
-        modifier: option.value
-      });
-    },
-    options: currentTag.modifiers.map(modifier => ({
-      value: modifier,
-      label: modifier
-    })),
-    isDisabled: !currentTag.name
-  }))), React.createElement(FieldBox, {
-    title: lang({
-      message: 'SMART.DYNAMIC_CONTENT_PICKER_FORM.FIELD.DEFAULT_TAG_VALUE'
-    })
-  }, React.createElement(NativeInput, {
-    value: dc.defaultValue,
-    onChange: e => {
-      onChange({
-        ...dc,
-        defaultValue: e.target.value
-      });
-    },
-    disabled: !currentTag.name
-  })), children);
+  return _jsxs(SimpleTagPickerDiv, {
+    children: [_jsx(FieldBox, {
+      title: lang({
+        message: 'SMART.DYNAMIC_CONTENT_PICKER_FORM.FIELD.TAG'
+      }),
+      children: _jsxs(Vertical, {
+        "$gap": 8,
+        children: [_jsx(Select, {
+          width: "auto",
+          menuPlacement: "auto",
+          value: {
+            value: dc.tagName,
+            label: dc.tagName
+          },
+          onChange: option => {
+            onChange({
+              tagName: option.value,
+              modifier: currentTag.modifiers[0],
+              defaultValue: ''
+            });
+          },
+          options: tags.map(tag => ({
+            value: tag.name,
+            label: tag.name
+          }))
+        }), _jsx(Select, {
+          width: "auto",
+          menuPlacement: "auto",
+          value: {
+            value: dc.modifier,
+            label: dc.modifier
+          },
+          onChange: option => {
+            onChange({
+              ...dc,
+              modifier: option.value
+            });
+          },
+          options: currentTag.modifiers.map(modifier => ({
+            value: modifier,
+            label: modifier
+          })),
+          isDisabled: !currentTag.name
+        })]
+      })
+    }), _jsx(FieldBox, {
+      title: lang({
+        message: 'SMART.DYNAMIC_CONTENT_PICKER_FORM.FIELD.DEFAULT_TAG_VALUE'
+      }),
+      children: _jsx(NativeInput, {
+        value: dc.defaultValue,
+        onChange: e => {
+          onChange({
+            ...dc,
+            defaultValue: e.target.value
+          });
+        },
+        disabled: !currentTag.name
+      })
+    }), children]
+  });
 };

package/DynamicContentPickerForm/VariedDynamicContentPickerFormSmart.js

@@ -1,4 +1,5 @@
-import React, { useEffect, useMemo, useState } from 'react';
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { useEffect, useMemo, useState } from 'react';
 import { Button, FieldBox, Select, Spinner } from '@pushwoosh/dumb-components';
 import { Horizontal, Vertical } from '@pushwoosh/kit-helpers';
 import { DynamicContentCustomPickerForm } from './DynamicContentCustomPickerForm';
@@ -47,79 +48,90 @@ export const VariedDynamicContentPickerFormSmart = ({
     update();
   }, [asyncResult.loading, update]);
   if (asyncResult.loading) {
-    return React.createElement(VariedTagPickerDiv, null, React.createElement(Horizontal, {
-      "$placeItems": "center",
-      "$padding": 36
-    }, React.createElement(Spinner, {
-      size: "medium"
-    })));
+    return _jsx(VariedTagPickerDiv, {
+      children: _jsx(Horizontal, {
+        "$placeItems": "center",
+        "$padding": 36,
+        children: _jsx(Spinner, {
+          size: "medium"
+        })
+      })
+    });
   }
   const isValidDc = vdc.kind === 'tag' && vdc.dc.tagName !== '' && vdc.dc.modifier !== '' || vdc.kind === 'event' && vdc.dc.eventName !== '' && vdc.dc.attribute !== '' || vdc.kind === 'customText' && vdc.dc.text !== '';
-  return React.createElement(VariedTagPickerDiv, null, React.createElement(Vertical, {
-    "$gap": 8
-  }, React.createElement(FieldBox, {
-    title: lang({
-      message: 'SMART.DYNAMIC_CONTENT_PICKER_FORM.FIELD.VARIABLE_TYPE'
-    })
-  }, React.createElement(Vertical, {
-    "$gap": 8
-  }, React.createElement(Select, {
-    width: "auto",
-    menuPlacement: "auto",
-    value: {
-      value: vdc.kind,
-      label: (_kindsOptions$find = kindsOptions.find(o => o.value === vdc.kind)) === null || _kindsOptions$find === void 0 ? void 0 : _kindsOptions$find.label
-    },
-    onChange: option => {
-      const newDc = createDefaultDynamicContent(option.value);
-      setVdc(newDc);
-      update();
-    },
-    options: kindsOptions
-  }))), vdc.kind === 'tag' && React.createElement(DynamicContentTagPickerForm, {
-    dc: vdc.dc,
-    tags: asyncResult.value[0],
-    onChange: newDc => {
-      setVdc({
-        ...vdc,
-        dc: newDc
-      });
-    }
-  }), vdc.kind === 'event' && React.createElement(DynamicContentEventPickerForm, {
-    dc: vdc.dc,
-    events: asyncResult.value[1],
-    onChange: newDc => {
-      setVdc({
-        ...vdc,
-        dc: newDc
-      });
-    }
-  }), vdc.kind === 'customText' && React.createElement(DynamicContentCustomPickerForm, {
-    dc: vdc.dc,
-    onChange: newDc => {
-      setVdc({
-        ...vdc,
-        dc: newDc
-      });
-    }
-  })), React.createElement(Horizontal, {
-    "$justifyContent": "end",
-    "$gap": 8
-  }, React.createElement(Button, {
-    color: "secondary",
-    size: "compact",
-    onClick: onClose
-  }, lang({
-    message: 'SMART.DYNAMIC_CONTENT_PICKER_FORM.BUTTON.CANCEL'
-  })), React.createElement(Button, {
-    color: "primary",
-    size: "compact",
-    onClick: () => {
-      onChange(vdc);
-      onClose();
-    },
-    isDisabled: !isValidDc
-  }, lang({
-    message: 'SMART.DYNAMIC_CONTENT_PICKER_FORM.BUTTON.APPLY'
-  }))));
+  return _jsxs(VariedTagPickerDiv, {
+    children: [_jsxs(Vertical, {
+      "$gap": 8,
+      children: [_jsx(FieldBox, {
+        title: lang({
+          message: 'SMART.DYNAMIC_CONTENT_PICKER_FORM.FIELD.VARIABLE_TYPE'
+        }),
+        children: _jsx(Vertical, {
+          "$gap": 8,
+          children: _jsx(Select, {
+            width: "auto",
+            menuPlacement: "auto",
+            value: {
+              value: vdc.kind,
+              label: (_kindsOptions$find = kindsOptions.find(o => o.value === vdc.kind)) === null || _kindsOptions$find === void 0 ? void 0 : _kindsOptions$find.label
+            },
+            onChange: option => {
+              const newDc = createDefaultDynamicContent(option.value);
+              setVdc(newDc);
+              update();
+            },
+            options: kindsOptions
+          })
+        })
+      }), vdc.kind === 'tag' && _jsx(DynamicContentTagPickerForm, {
+        dc: vdc.dc,
+        tags: asyncResult.value[0],
+        onChange: newDc => {
+          setVdc({
+            ...vdc,
+            dc: newDc
+          });
+        }
+      }), vdc.kind === 'event' && _jsx(DynamicContentEventPickerForm, {
+        dc: vdc.dc,
+        events: asyncResult.value[1],
+        onChange: newDc => {
+          setVdc({
+            ...vdc,
+            dc: newDc
+          });
+        }
+      }), vdc.kind === 'customText' && _jsx(DynamicContentCustomPickerForm, {
+        dc: vdc.dc,
+        onChange: newDc => {
+          setVdc({
+            ...vdc,
+            dc: newDc
+          });
+        }
+      })]
+    }), _jsxs(Horizontal, {
+      "$justifyContent": "end",
+      "$gap": 8,
+      children: [_jsx(Button, {
+        color: "secondary",
+        size: "compact",
+        onClick: onClose,
+        children: lang({
+          message: 'SMART.DYNAMIC_CONTENT_PICKER_FORM.BUTTON.CANCEL'
+        })
+      }), _jsx(Button, {
+        color: "primary",
+        size: "compact",
+        onClick: () => {
+          onChange(vdc);
+          onClose();
+        },
+        isDisabled: !isValidDc,
+        children: lang({
+          message: 'SMART.DYNAMIC_CONTENT_PICKER_FORM.BUTTON.APPLY'
+        })
+      })]
+    })]
+  });
 };

package/EmailTemplatePreview/EmailTemplatePreview.js

@@ -1,4 +1,4 @@
-import React from 'react';
+import { jsx as _jsx } from "react/jsx-runtime";
 import { EmailTemplatePreview as DumbPreview, RectangularSkeleton } from '@pushwoosh/dumb-components';
 import { useAsync } from '@pushwoosh/kit-helpers';
 import { useSPAContext } from '@pushwoosh/spa-context';
@@ -33,17 +33,19 @@ export const EmailTemplatePreview = ({
     };
   }, [code]);
   if (res.loading) {
-    return React.createElement(RectangularSkeleton, {
+    return _jsx(RectangularSkeleton, {
       width: width || '100%',
       height: height || '100%'
     });
   }
   if (res.error) {
-    return React.createElement("div", null, lang({
-      message: 'SMART.EMAIL_TEMPLATE_PREVIEW.NO_PREVIEW'
-    }));
+    return _jsx("div", {
+      children: lang({
+        message: 'SMART.EMAIL_TEMPLATE_PREVIEW.NO_PREVIEW'
+      })
+    });
   }
-  return React.createElement(DumbPreview, {
+  return _jsx(DumbPreview, {
     template: res.value.template,
     localization: res.value.localization,
     values: res.value.values,

package/ExportCSV/ExportCsvBanner/ExportCsvBanner.d.ts

@@ -1,4 +1,3 @@
-import React from 'react';
 import { type TaskInfo_args, type GetLastTasksRequest, type Status } from '@pushwoosh/rpc-v2-http-api-data/pushwoosh_export_messages_v2';
 export type ExportTask = {
     id: number;
@@ -16,5 +15,5 @@ type ExportCsvBannerProps = {
     isKeepPageOpenWarning?: boolean;
     onClose?: () => void;
 };
-export declare const ExportCsvBanner: ({ exportTask, updateExportTask, showLastExportLocalStorageKey, lastTasksParams, isKeepPageOpenWarning, onClose, }: ExportCsvBannerProps) => React.JSX.Element | null;
+export declare const ExportCsvBanner: ({ exportTask, updateExportTask, showLastExportLocalStorageKey, lastTasksParams, isKeepPageOpenWarning, onClose, }: ExportCsvBannerProps) => import("react").JSX.Element | null;
 export {};