useblocks 1.1.81 → 1.1.84

package/CHANGELOG.md

@@ -6,6 +6,41 @@ The format is based on [Keep a Changelog](https://keepachangelog.com/en/1.0.0/).
 
 ---
 
+## [1.1.83] - 2026-09-22
+
+### Added
+
+- Email and block folders: several emails or blocks can be dragged into a folder or the trash at
+  once; a collapsed folder with subfolders is marked with a plus on its icon
+- AI email generation on the create page respects the plan: a lock on the card shows up front that
+  the feature is not in the plan or the limit is used up
+- Empty email list: dedicated messages for a search with no results and for an empty trash, a
+  "Create a new email" button in an empty folder; the "no emails" screen no longer flashes while the
+  list is loading
+- File Manager: `fileManager.availableImageExtensions` is declared in the public types. It sets the
+  supported formats hint under the upload area and does not restrict what can be uploaded
+
+### Fixed
+
+- Video and countdown settings: fields keep the cursor while typing, the preview is rebuilt after a
+  pause in typing
+- Expanding a folder no longer collapses its siblings, and row buttons in the folder tree line up
+  with their folders
+- The button settings panel shows the button's actual alignment instead of always "center"
+- Tooltips on the right panel tabs no longer go off screen; buttons on an image in the canvas now
+  have hover titles
+- File Manager: files with commas, percent signs, ampersands and other symbols in the name upload
+  fine — such symbols are replaced with underscores, Ukrainian letters are transliterated
+- Plugin types: `compressMaxSize` is documented in megabytes (default `0.48`), the way the editor
+  reads it, not in bytes — a `5 * 1024 * 1024` value written by the old description effectively
+  turned compression off. The docs now say that compression settings in `fileManager` override the
+  top-level ones only inside the file manager; defaults of `cacheStrategy` and `autosaveTimeout`
+  are corrected
+- Translations: "Discount with promo code" on the billing page, email list messages, "Stock" in
+  Spanish and Portuguese now means a stock photo library, not warehouse stock
+
+---
+
 ## [1.1.81] - 2026-09-17
 
 ### Added

package/README.md

@@ -285,7 +285,9 @@ Editor UI tuning. Use **`instance.setConfig`**, **`instance.updateConfig`**, **`
 | optimizeSpamAssassinEnabled | Show SpamAssassin check. | true |
 | optimizeCheckCodeEnabled | Show code check. | true |
 | settingsEnabled | Show “Settings” button. | true |
+| settingsTabEnabled | Show the “Settings” tab in the settings panel. The UTM tags and Annotations tabs do not depend on it. | true |
 | UTMEnabled | Show UTM tags tab. | true |
+| annotationsEnabled | Show the Gmail annotations tab. Enabled only in `pro` mode. | false |
 | descriptionEnabled | Show “Description” field in settings. | true |
 | tagsEnabled | Show “Tags” field in settings. | true |
 | switchDesktopMobilePropsEnabled | Show mobile properties toggle. | true |
@@ -353,8 +355,8 @@ Editor UI tuning. Use **`instance.setConfig`**, **`instance.updateConfig`**, **`
 | imageCenterStockEnabled | Stock photos tab. | true |
 | imageCenterGifEnabled | Stock GIFs tab. | true |
 | imageCenterEditorEnabled | Image editor tab. | true |
-| compressMaxSize | Client-side compression max bytes in file manager (~5 MiB default). | see types |
-| compressMaxWidthOrHeight | Resize max width/height, px (2000 default). | see types |
+| compressMaxSize | Target image weight after client-side compression, **megabytes** (not bytes). `0` disables compression. Default 0.48. | see types |
+| compressMaxWidthOrHeight | Resize max width/height, px. `0` disables compression. Default 2000. | see types |
 
 ### Event wiring
 
@@ -445,6 +447,8 @@ useblocks.init({
 
 The `fileManager` section controls feature flags; every field is optional — default **true** when omitted unless noted in typings.
 
+The section also accepts `compressMaxSize` and `compressMaxWidthOrHeight` — the same fields as at config root. Set here, they override the root ones **inside the file manager only**: an image dropped straight onto the canvas, uploaded through the image modal or pulled in by HTML import still uses the root value.
+
 #### Basic Operations
 
 - **enableTrash** — enables trash functionality for deleted files. When enabled, files are moved to trash instead of permanent deletion. Default: true
@@ -459,11 +463,18 @@ The `fileManager` section controls feature flags; every field is optional — de
 - **enableDelete** — allows deleting files and folders. When the recycle bin is enabled, files are moved there instead of being permanently deleted. Default is true  
 - **multiSelect** — allows multiple selection of files and folders for batch operations. Default is true  
 - **defaultFolderName** — default folder name  
+- **availableImageExtensions** — extensions shown in the "Supported files" hint under the empty-folder upload area, rendered with a leading dot (`['jpg', 'png']` → `.jpg, .png`). A caption only: it does not restrict what can be uploaded. Default: `['jpeg', 'svg', 'png']`
+- **dedupeUploadNamesOnClient** — the client picks a free name before uploading: a taken `photo.png` is sent as `photo_1.png`, then `photo_2.png`. Covers image-editor copies, upload by URL, copy and move as well; creating a folder with a taken name is rejected with an error. Costs one extra folder listing per upload, so enable it when your backend does not resolve name collisions itself. Default: false
+- **saveCopyToCurrentFolder** — "Save copy" in the image editor stores the file in the current folder. By default (false) the copy goes to the default folder regardless of where the editor was opened
+- **showNotifications** — file manager toast notifications. Default: true
 - **sortOptions** — whitelist of sort dropdown values (`'date-desc' \| 'date-asc' \| 'size-desc' \| 'size-asc' \| 'name-asc' \| 'name-desc' \| 'type-asc'`). If omitted or empty, all options supported by the file-manager package are shown. Use a non-empty array to hide sorts your platform does not implement (e.g. size or type).
 
 #### Pagination & Display
 
 - **enablePagination** — enables paginated navigation. If disabled, all items are loaded at once. Default: true
+- **unifiedCatalogFetch** — applies only together with `enablePagination: false`. Folder and file list requests are merged into a single whole-catalog request and the needed type is filtered client-side: one `getItems` call instead of two. Ignored when server-side pagination is on. Set `false` if your backend needs separate folder vs file requests. Default: true
+- **expandRootFolderOnInit** — expands the root node of the folder tree on open; nested folders stay collapsed. Default: true
+- **previewFallbackToFileUrl** — when a file has no `thumbnail` and no `thumbnailUrl`, `file.url` is used for the table and grid preview (images only). Default: true
 
 #### Client-Side Processing
 
@@ -482,10 +493,10 @@ The `fileManager` section controls feature flags; every field is optional — de
 #### Cache Strategy
 
 - **cacheStrategy** — caching strategy for performance optimization.
-  - **ttl** — cache time-to-live in milliseconds. Default: 300000 (5 minutes)
-  - **errorTtl** — cache TTL for errors in milliseconds. Default: 60000 (1 minute)
-  - **allowSortedInsert** — allows inserting elements into sorted arrays without full cache invalidation. Default: false
-  - **allowSearchInsert** — allows inserting elements into filtered arrays without full cache invalidation. Default: false
+  - **ttl** — cache time-to-live in milliseconds. Default: 1800000 (30 minutes)
+  - **errorTtl** — cache TTL for errors in milliseconds. Defaults to `ttl` when omitted
+  - **allowSortedInsert** — allows inserting elements into sorted arrays without full cache invalidation. Default: true
+  - **allowSearchInsert** — allows inserting elements into filtered arrays without full cache invalidation. Default: true
   - **invalidateOnPaginationFull** — marks cache as stale when inserting into a full paginated page. Default: true
   - **comparator** — comparison function for sorting two files. Default: name-based comparison
   - **filterMatch** — function to check if a file passes current filters. Default: name-based search

package/iframe/css/sandbox-dark.css

@@ -12,7 +12,7 @@
 }
 
 .of-atom .em-element-editor-widget {
-  background: #d0ebff;
+  background: var(--ub-colorPrimaryBg, #d0ebff);
 }
 
 [class^='em-element-editor-widget-'] {

package/iframe/css/sandbox-darktheme.css

@@ -42,7 +42,7 @@
 
 .of-atom .em-element-editor-widget {
   width: 82px;
-  background: #d0ebff;
+  background: var(--ub-colorPrimaryBg, #d0ebff);
   top: -1px;
   left: 0;
   border-radius: 6px 6px 0 0;
@@ -69,7 +69,7 @@
   width: 20px;
   height: 20px;
   font-size: 16px;
-  color: #344966;
+  color: var(--ub-colorAtomToolbarIcon, #344966);
 }
 
 [class^='em-element-editor-widget-']:hover {
@@ -79,7 +79,7 @@
 }
 
 .of-atom [class^='em-element-editor-widget-']:hover {
-  background: #b8d4e9;
+  background: var(--ub-colorPrimaryBgHover, #b8d4e9);
 }
 
 .em-element-editor-widget.sticky {

package/iframe/css/sandbox-light.css

@@ -16,7 +16,7 @@
 }
 
 .of-atom .em-element-editor-widget {
-  background: #d0ebff;
+  background: var(--ub-colorPrimaryBg, #d0ebff);
 }
 
 [class^='em-element-editor-widget-'] {

package/iframe/css/sandbox.css

@@ -575,7 +575,7 @@ tinymce *.em-code[em-edit='active'] {
   width: 20px;
   height: 20px;
   font-size: 16px;
-  color: #344966;
+  color: var(--ub-colorAtomToolbarIcon, #344966);
 }
 
 [class^='em-element-editor-widget-']:hover {
@@ -591,7 +591,7 @@ tinymce *.em-code[em-edit='active'] {
 }
 
 .of-atom [class^='em-element-editor-widget-']:hover {
-  background: #b8d4e9;
+  background: var(--ub-colorPrimaryBgHover, #b8d4e9);
 }
 
 .em-element-editor-widget.sticky {