@pushwoosh/smart-components-kit 1.0.89 → 1.1.0

package/MediaStore/MediaStore.js

@@ -1,4 +1,5 @@
-import React, { useCallback, useEffect, useRef, useState } from 'react';
+import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
+import { useCallback, useEffect, useRef, useState } from 'react';
 import { Button, DropdownMenuButton, DropdownMenuItem, DropdownMenuSection, useToast } from '@pushwoosh/dumb-components';
 import { Horizontal } from '@pushwoosh/kit-helpers';
 import { CheckIcon, EditIcon, UploadIcon } from '@pushwoosh/kit-icons';
@@ -143,116 +144,140 @@ export const MediaStore = ({
     }));
   };
   const totalPages = Math.ceil(total / perPage);
-  return React.createElement(React.Fragment, null, React.createElement(Dropzone, {
-    type: "button",
-    "$dragOver": isDragOver,
-    disabled: isUploading,
-    onClick: () => {
-      var _uploadInputRef$curre;
-      return (_uploadInputRef$curre = uploadInputRef.current) === null || _uploadInputRef$curre === void 0 ? void 0 : _uploadInputRef$curre.click();
-    },
-    onDragOver: event => {
-      event.preventDefault();
-      setIsDragOver(true);
-    },
-    onDragLeave: () => setIsDragOver(false),
-    onDrop: event => {
-      event.preventDefault();
-      setIsDragOver(false);
-      void uploadFiles(Array.from(event.dataTransfer.files));
-    }
-  }, React.createElement(UploadIcon, {
-    size: "medium",
-    view: "lined"
-  }), isUploading ? lang({
-    message: 'SMART.MEDIA_STORE.UPLOADING'
-  }) : lang({
-    message: 'SMART.MEDIA_STORE.DROPZONE_HINT'
-  })), React.createElement(HiddenInput, {
-    ref: uploadInputRef,
-    type: "file",
-    accept: "image/*",
-    multiple: true,
-    onChange: event => void uploadFiles(Array.from(event.target.files ?? []))
-  }), loading && React.createElement(EmptyState, null, lang({
-    message: 'SMART.MEDIA_STORE.LOADING'
-  })), !loading && files.length === 0 && React.createElement(EmptyState, null, lang({
-    message: 'SMART.MEDIA_STORE.EMPTY'
-  })), !loading && files.length > 0 && React.createElement(React.Fragment, null, React.createElement(Grid, null, files.map(file => {
-    const variants = variantsByUuid[file.uuid] ?? [];
-    return React.createElement(Tile, {
-      key: file.uuid
-    }, React.createElement(TileImage, {
-      src: getThumbUrl(file),
-      alt: file.filename
-    }), variants.length > 0 && React.createElement(VariantBadge, null, lang({
-      message: 'SMART.MEDIA_STORE.VARIANTS_BADGE',
-      count: variants.length
-    })), React.createElement(TileActions, null, variants.length > 0 ? React.createElement(DropdownMenuButton, {
-      color: "secondary",
-      size: "compact",
-      icon: React.createElement(CheckIcon, {
-        size: "small"
-      }),
-      menuPlacement: "bottom-start"
-    }, React.createElement(DropdownMenuSection, null, React.createElement(DropdownMenuItem, {
-      onClick: () => onSelect(file.url)
-    }, lang({
-      message: 'SMART.MEDIA_STORE.SELECT_ORIGINAL'
-    })), variants.map(variant => React.createElement(DropdownMenuItem, {
-      key: variant.uuid,
-      onClick: () => onSelect(variant.url)
-    }, getRatioLabel(variant) || variant.filename)))) : React.createElement(Button, {
-      color: "secondary",
-      size: "compact",
-      icon: React.createElement(CheckIcon, {
-        size: "small"
-      }),
-      "aria-label": lang({
-        message: 'SMART.MEDIA_STORE.SELECT_HINT'
-      }),
-      onClick: () => onSelect(file.url)
-    }), React.createElement(Button, {
-      color: "secondary",
-      size: "compact",
-      icon: React.createElement(EditIcon, {
-        size: "small",
+  return _jsxs(_Fragment, {
+    children: [_jsxs(Dropzone, {
+      type: "button",
+      "$dragOver": isDragOver,
+      disabled: isUploading,
+      onClick: () => {
+        var _uploadInputRef$curre;
+        return (_uploadInputRef$curre = uploadInputRef.current) === null || _uploadInputRef$curre === void 0 ? void 0 : _uploadInputRef$curre.click();
+      },
+      onDragOver: event => {
+        event.preventDefault();
+        setIsDragOver(true);
+      },
+      onDragLeave: () => setIsDragOver(false),
+      onDrop: event => {
+        event.preventDefault();
+        setIsDragOver(false);
+        void uploadFiles(Array.from(event.dataTransfer.files));
+      },
+      children: [_jsx(UploadIcon, {
+        size: "medium",
         view: "lined"
-      }),
-      "aria-label": lang({
-        message: 'SMART.MEDIA_STORE.CREATE_VARIANT_HINT'
-      }),
-      onClick: () => setCreateVariantFor(file)
-    })));
-  })), totalPages > 1 && React.createElement(Horizontal, {
-    "$justifyContent": "center",
-    "$alignItems": "center",
-    "$gap": 8,
-    "$margin": {
-      top: 16
-    }
-  }, React.createElement(Button, {
-    view: "ghost",
-    color: "secondary",
-    size: "field",
-    isDisabled: page <= 0,
-    onClick: () => void fetchFiles(page - 1)
-  }, lang({
-    message: 'SMART.MEDIA_STORE.PREV_BUTTON'
-  })), React.createElement(Text, null, `${page + 1} / ${totalPages}`), React.createElement(Button, {
-    view: "ghost",
-    color: "secondary",
-    size: "field",
-    isDisabled: page + 1 >= totalPages,
-    onClick: () => void fetchFiles(page + 1)
-  }, lang({
-    message: 'SMART.MEDIA_STORE.NEXT_BUTTON'
-  })))), React.createElement(CreateVariantDrawer, {
-    application: application,
-    original: createVariantFor,
-    isOpen: createVariantFor !== null,
-    existingVariants: createVariantFor ? variantsByUuid[createVariantFor.uuid] ?? [] : [],
-    onClose: () => setCreateVariantFor(null),
-    onCreated: handleVariantCreated
-  }));
+      }), isUploading ? lang({
+        message: 'SMART.MEDIA_STORE.UPLOADING'
+      }) : lang({
+        message: 'SMART.MEDIA_STORE.DROPZONE_HINT'
+      })]
+    }), _jsx(HiddenInput, {
+      ref: uploadInputRef,
+      type: "file",
+      accept: "image/*",
+      multiple: true,
+      onChange: event => void uploadFiles(Array.from(event.target.files ?? []))
+    }), loading && _jsx(EmptyState, {
+      children: lang({
+        message: 'SMART.MEDIA_STORE.LOADING'
+      })
+    }), !loading && files.length === 0 && _jsx(EmptyState, {
+      children: lang({
+        message: 'SMART.MEDIA_STORE.EMPTY'
+      })
+    }), !loading && files.length > 0 && _jsxs(_Fragment, {
+      children: [_jsx(Grid, {
+        children: files.map(file => {
+          const variants = variantsByUuid[file.uuid] ?? [];
+          return _jsxs(Tile, {
+            children: [_jsx(TileImage, {
+              src: getThumbUrl(file),
+              alt: file.filename
+            }), variants.length > 0 && _jsx(VariantBadge, {
+              children: lang({
+                message: 'SMART.MEDIA_STORE.VARIANTS_BADGE',
+                count: variants.length
+              })
+            }), _jsxs(TileActions, {
+              children: [variants.length > 0 ? _jsx(DropdownMenuButton, {
+                color: "secondary",
+                size: "compact",
+                icon: _jsx(CheckIcon, {
+                  size: "small"
+                }),
+                menuPlacement: "bottom-start",
+                children: _jsxs(DropdownMenuSection, {
+                  children: [_jsx(DropdownMenuItem, {
+                    onClick: () => onSelect(file.url),
+                    children: lang({
+                      message: 'SMART.MEDIA_STORE.SELECT_ORIGINAL'
+                    })
+                  }), variants.map(variant => _jsx(DropdownMenuItem, {
+                    onClick: () => onSelect(variant.url),
+                    children: getRatioLabel(variant) || variant.filename
+                  }, variant.uuid))]
+                })
+              }) : _jsx(Button, {
+                color: "secondary",
+                size: "compact",
+                icon: _jsx(CheckIcon, {
+                  size: "small"
+                }),
+                "aria-label": lang({
+                  message: 'SMART.MEDIA_STORE.SELECT_HINT'
+                }),
+                onClick: () => onSelect(file.url)
+              }), _jsx(Button, {
+                color: "secondary",
+                size: "compact",
+                icon: _jsx(EditIcon, {
+                  size: "small",
+                  view: "lined"
+                }),
+                "aria-label": lang({
+                  message: 'SMART.MEDIA_STORE.CREATE_VARIANT_HINT'
+                }),
+                onClick: () => setCreateVariantFor(file)
+              })]
+            })]
+          }, file.uuid);
+        })
+      }), totalPages > 1 && _jsxs(Horizontal, {
+        "$justifyContent": "center",
+        "$alignItems": "center",
+        "$gap": 8,
+        "$margin": {
+          top: 16
+        },
+        children: [_jsx(Button, {
+          view: "ghost",
+          color: "secondary",
+          size: "field",
+          isDisabled: page <= 0,
+          onClick: () => void fetchFiles(page - 1),
+          children: lang({
+            message: 'SMART.MEDIA_STORE.PREV_BUTTON'
+          })
+        }), _jsx(Text, {
+          children: `${page + 1} / ${totalPages}`
+        }), _jsx(Button, {
+          view: "ghost",
+          color: "secondary",
+          size: "field",
+          isDisabled: page + 1 >= totalPages,
+          onClick: () => void fetchFiles(page + 1),
+          children: lang({
+            message: 'SMART.MEDIA_STORE.NEXT_BUTTON'
+          })
+        })]
+      })]
+    }), _jsx(CreateVariantDrawer, {
+      application: application,
+      original: createVariantFor,
+      isOpen: createVariantFor !== null,
+      existingVariants: createVariantFor ? variantsByUuid[createVariantFor.uuid] ?? [] : [],
+      onClose: () => setCreateVariantFor(null),
+      onCreated: handleVariantCreated
+    })]
+  });
 };

package/ModalCloningJourney/ModalCloningJourney.d.ts

@@ -1,3 +1,2 @@
-import React from 'react';
 import { type ModalCloningJourneyProps } from './types';
-export declare function ModalCloningJourney({ journeyId, journeyTitle, onAfterClone, onCancel, isOpen }: ModalCloningJourneyProps): React.JSX.Element;
+export declare function ModalCloningJourney({ journeyId, journeyTitle, onAfterClone, onCancel, isOpen }: ModalCloningJourneyProps): import("react").JSX.Element;

package/ModalCloningJourney/ModalCloningJourney.js

@@ -1,4 +1,5 @@
-import React, { useEffect, useState } from 'react';
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { useEffect, useState } from 'react';
 import { useForm } from 'react-hook-form';
 import { useParams } from 'react-router-dom';
 import { FieldBox, Modal, ModalBody, ModalHeader, ModalFooter, NativeInput, Select, Button, Banner } from '@pushwoosh/dumb-components';
@@ -183,97 +184,118 @@ export function ModalCloningJourney({
       message: 'SMART.MODAL_CLONING_JOURNEY.HOW_IT_WORKS.SAME_CLEAR'
     });
   };
-  return React.createElement(Modal, {
+  return _jsxs(Modal, {
     size: "medium",
-    isOpen: isOpen
-  }, React.createElement(ModalHeader, null, React.createElement(H3, null, lang({
-    message: 'SMART.MODAL_CLONING_JOURNEY.HEADING'
-  }))), React.createElement(ModalBody, null, React.createElement(Vertical, {
-    "$gap": 24
-  }, React.createElement(Paragraph, null, lang({
-    message: 'SMART.MODAL_CLONING_JOURNEY.DESCRIPTION'
-  })), React.createElement(FieldBox, {
-    error: (_errors$title = errors.title) === null || _errors$title === void 0 ? void 0 : _errors$title.message,
-    title: lang({
-      message: 'SMART.MODAL_CLONING_JOURNEY.FIELD.CAMPAIGN_NAME'
-    })
-  }, React.createElement(NativeInput, {
-    disabled: isCloning,
-    placeholder: lang({
-      message: 'SMART.MODAL_CLONING_JOURNEY.PLACEHOLDER.CAMPAIGN_NAME'
-    }),
-    name: "title",
-    value: values.title,
-    onChange: e => {
-      setValue('title', e.target.value);
-      if (e.target.value) {
-        clearErrors('title');
-      }
-    }
-  })), React.createElement(FieldBox, {
-    title: lang({
-      message: 'SMART.MODAL_CLONING_JOURNEY.FIELD.DESTINATION'
-    }),
-    error: (_errors$destination = errors.destination) === null || _errors$destination === void 0 ? void 0 : _errors$destination.message,
-    description: lang({
-      message: 'SMART.MODAL_CLONING_JOURNEY.FIELD.DESTINATION_HINT'
-    })
-  }, React.createElement(Select, {
-    isDisabled: isCloning || applications.loading,
-    isLoading: applications.loading,
-    isMulti: true,
-    options: applicationsOptions,
-    name: "destination",
-    isClearable: true,
-    menuPortalTarget: document.querySelector('body'),
-    styles: {
-      menuPortal: base => ({
-        ...base,
-        zIndex: 10001
+    isOpen: isOpen,
+    children: [_jsx(ModalHeader, {
+      children: _jsx(H3, {
+        children: lang({
+          message: 'SMART.MODAL_CLONING_JOURNEY.HEADING'
+        })
       })
-    },
-    onChange: handleDestinationChange,
-    value: values.destination ? applicationsOptions.filter(app => values.destination.includes(app.value)) : []
-  })), React.createElement(FieldBox, {
-    title: lang({
-      message: 'SMART.MODAL_CLONING_JOURNEY.FIELD.CONTENT'
-    }),
-    error: (_errors$todo = errors.todo) === null || _errors$todo === void 0 ? void 0 : _errors$todo.message
-  }, React.createElement(Select, {
-    isDisabled: isCloning,
-    name: "todo",
-    options: contentOptions,
-    onChange: params => setValue('todo', (params === null || params === void 0 ? void 0 : params.value) ?? 'keep'),
-    value: contentOptions.find(item => item.value === values.todo),
-    menuPortalTarget: document.querySelector('body'),
-    styles: {
-      menuPortal: base => ({
-        ...base,
-        zIndex: 10001
+    }), _jsx(ModalBody, {
+      children: _jsxs(Vertical, {
+        "$gap": 24,
+        children: [_jsx(Paragraph, {
+          children: lang({
+            message: 'SMART.MODAL_CLONING_JOURNEY.DESCRIPTION'
+          })
+        }), _jsx(FieldBox, {
+          error: (_errors$title = errors.title) === null || _errors$title === void 0 ? void 0 : _errors$title.message,
+          title: lang({
+            message: 'SMART.MODAL_CLONING_JOURNEY.FIELD.CAMPAIGN_NAME'
+          }),
+          children: _jsx(NativeInput, {
+            disabled: isCloning,
+            placeholder: lang({
+              message: 'SMART.MODAL_CLONING_JOURNEY.PLACEHOLDER.CAMPAIGN_NAME'
+            }),
+            name: "title",
+            value: values.title,
+            onChange: e => {
+              setValue('title', e.target.value);
+              if (e.target.value) {
+                clearErrors('title');
+              }
+            }
+          })
+        }), _jsx(FieldBox, {
+          title: lang({
+            message: 'SMART.MODAL_CLONING_JOURNEY.FIELD.DESTINATION'
+          }),
+          error: (_errors$destination = errors.destination) === null || _errors$destination === void 0 ? void 0 : _errors$destination.message,
+          description: lang({
+            message: 'SMART.MODAL_CLONING_JOURNEY.FIELD.DESTINATION_HINT'
+          }),
+          children: _jsx(Select, {
+            isDisabled: isCloning || applications.loading,
+            isLoading: applications.loading,
+            isMulti: true,
+            options: applicationsOptions,
+            name: "destination",
+            isClearable: true,
+            menuPortalTarget: document.querySelector('body'),
+            styles: {
+              menuPortal: base => ({
+                ...base,
+                zIndex: 10001
+              })
+            },
+            onChange: handleDestinationChange,
+            value: values.destination ? applicationsOptions.filter(app => values.destination.includes(app.value)) : []
+          })
+        }), _jsxs(FieldBox, {
+          title: lang({
+            message: 'SMART.MODAL_CLONING_JOURNEY.FIELD.CONTENT'
+          }),
+          error: (_errors$todo = errors.todo) === null || _errors$todo === void 0 ? void 0 : _errors$todo.message,
+          children: [_jsx(Select, {
+            isDisabled: isCloning,
+            name: "todo",
+            options: contentOptions,
+            onChange: params => setValue('todo', (params === null || params === void 0 ? void 0 : params.value) ?? 'keep'),
+            value: contentOptions.find(item => item.value === values.todo),
+            menuPortalTarget: document.querySelector('body'),
+            styles: {
+              menuPortal: base => ({
+                ...base,
+                zIndex: 10001
+              })
+            }
+          }), _jsxs(Vertical, {
+            "$gap": 24,
+            children: [_jsx(Paragraph, {
+              children: howItWorks()
+            }), isCloningToAnotherProject && values.todo === 'keep' && _jsx(Banner, {
+              view: "ghost",
+              type: "warning",
+              title: lang({
+                message: 'SMART.MODAL_CLONING_JOURNEY.BANNER.PRESET_SYNC'
+              })
+            })]
+          })]
+        })]
       })
-    }
-  }), React.createElement(Vertical, {
-    "$gap": 24
-  }, React.createElement(Paragraph, null, howItWorks()), isCloningToAnotherProject && values.todo === 'keep' && React.createElement(Banner, {
-    view: "ghost",
-    type: "warning",
-    title: lang({
-      message: 'SMART.MODAL_CLONING_JOURNEY.BANNER.PRESET_SYNC'
-    })
-  }))))), React.createElement(ModalFooter, null, React.createElement(Horizontal, {
-    "$justifyContent": "end",
-    "$gap": 8
-  }, React.createElement(Button, {
-    color: "secondary",
-    onClick: onCancel,
-    isDisabled: isCloning
-  }, lang({
-    message: 'SMART.MODAL_CLONING_JOURNEY.BUTTON.CANCEL'
-  })), React.createElement(Button, {
-    color: "primary",
-    onClick: onFormSubmit,
-    isLoading: isCloning
-  }, lang({
-    message: 'SMART.MODAL_CLONING_JOURNEY.BUTTON.CLONE'
-  })))));
+    }), _jsx(ModalFooter, {
+      children: _jsxs(Horizontal, {
+        "$justifyContent": "end",
+        "$gap": 8,
+        children: [_jsx(Button, {
+          color: "secondary",
+          onClick: onCancel,
+          isDisabled: isCloning,
+          children: lang({
+            message: 'SMART.MODAL_CLONING_JOURNEY.BUTTON.CANCEL'
+          })
+        }), _jsx(Button, {
+          color: "primary",
+          onClick: onFormSubmit,
+          isLoading: isCloning,
+          children: lang({
+            message: 'SMART.MODAL_CLONING_JOURNEY.BUTTON.CLONE'
+          })
+        })]
+      })
+    })]
+  });
 }

package/OpenActions/components/OpenActionsSummary/OpenActionsSummary.d.ts

@@ -1,3 +1,2 @@
-import React from 'react';
 import type { OpenActionsSummaryProps } from '../../types';
-export declare const OpenActionsSummary: ({ openActions }: OpenActionsSummaryProps) => React.JSX.Element;
+export declare const OpenActionsSummary: ({ openActions }: OpenActionsSummaryProps) => import("react").JSX.Element;