@pushwoosh/smart-components-kit 1.1.5 → 1.1.7

package/LanguagesSelector/LanguagesSelectFormLoader.js

@@ -4,7 +4,7 @@ import { Horizontal, useAsync } from '@pushwoosh/kit-helpers';
 import { useSPAContext } from '@pushwoosh/spa-context';
 import { langCodes } from './constants';
 import { LanguagesSelectForm } from './LanguagesSelectForm';
-import { useGetLangName } from './utils';
+import { canonicalizeLangCode, useGetLangName } from './utils';
 export const LanguagesSelectFormLoader = ({
   application,
   value,
@@ -22,8 +22,8 @@ export const LanguagesSelectFormLoader = ({
       application,
       name: 'Language'
     });
-    const valuesLangCodes = values.map(v => v.value);
-    const allLangCodes = Array.from(new Set([...valuesLangCodes, ...langCodes]).values());
+    const valuesLangCodes = values.map(v => canonicalizeLangCode(v.value));
+    const allLangCodes = Array.from(new Set([...valuesLangCodes, ...langCodes.map(canonicalizeLangCode)]).values());
     return allLangCodes.toSorted((a, b) => {
       return a.localeCompare(b, systemLanguage, {
         sensitivity: 'base'
@@ -33,7 +33,7 @@ export const LanguagesSelectFormLoader = ({
       return {
         code,
         name: getLangName(code),
-        subscribers: ((_values$find = values.find(val => val.value === code)) === null || _values$find === void 0 ? void 0 : _values$find.count) || 0
+        subscribers: ((_values$find = values.find(val => canonicalizeLangCode(val.value) === code)) === null || _values$find === void 0 ? void 0 : _values$find.count) || 0
       };
     });
   }, [application, getLangName, systemLanguage]);

package/LanguagesSelector/utils.d.ts

@@ -1,3 +1,10 @@
+/**
+ * Normalizes a language code to its canonical form (e.g. `zh-hant` -> `zh-Hant`).
+ * Canonicalization (rather than lowercasing) keeps codes in the same form that
+ * devices are tagged with on the backend, so subscriber counts match and
+ * targeting hits real devices. Falls back to the raw code on invalid input.
+ */
+export declare function canonicalizeLangCode(code: string): string;
 export declare function fetchLastSelection(): string[];
 export declare function saveLastSelection(languages: string[]): void;
 export declare function useGetLangName(displayLang: string): (l: string) => string;

package/LanguagesSelector/utils.js

@@ -1,5 +1,19 @@
 import { useState } from 'react';
+import { languages } from '@pushwoosh/kit-constants';
 import { LAST_SELECTION_KEY } from './constants';
+/**
+ * Normalizes a language code to its canonical form (e.g. `zh-hant` -> `zh-Hant`).
+ * Canonicalization (rather than lowercasing) keeps codes in the same form that
+ * devices are tagged with on the backend, so subscriber counts match and
+ * targeting hits real devices. Falls back to the raw code on invalid input.
+ */
+export function canonicalizeLangCode(code) {
+  try {
+    return Intl.getCanonicalLocales(code)[0] ?? code;
+  } catch {
+    return code;
+  }
+}
 export function fetchLastSelection() {
   var _localStorage$getItem;
   return ((_localStorage$getItem = localStorage.getItem(LAST_SELECTION_KEY)) === null || _localStorage$getItem === void 0 ? void 0 : _localStorage$getItem.split(',')) || [];
@@ -18,11 +32,17 @@ export function useGetLangName(displayLang) {
         return 'Default language';
       }
       try {
-        return idn.of(lang) || lang;
-        // eslint-disable-next-line @typescript-eslint/no-unused-vars
-      } catch (_error) {
-        return lang;
+        const name = idn.of(lang);
+        // Browser ICU is often trimmed and returns the code itself for rare
+        // languages (ve/vo/za, ...). Treat that as "no name" and fall through.
+        if (name && name !== lang) {
+          return name;
+        }
+      } catch {
+        // ignore — fall back to the static dictionary below
       }
+      // Static ISO-639 dictionary is complete, so rare codes still get a name.
+      return languages[lang.toLowerCase()] ?? lang;
     };
   });
   return getLangName;

package/{MediaStore → MediaStorage}/CreateCropDrawer.js

@@ -116,7 +116,7 @@ export const CreateCropDrawer = ({
       });
       openToast({
         title: lang({
-          message: 'SMART.MEDIA_STORE.CREATE_CROP.SUCCESS'
+          message: 'SMART.MEDIA_STORAGE.CREATE_CROP.SUCCESS'
         }),
         type: 'success'
       });
@@ -124,7 +124,7 @@ export const CreateCropDrawer = ({
     } catch (error) {
       openToast({
         title: error.message || lang({
-          message: 'SMART.MEDIA_STORE.CREATE_CROP.ERROR'
+          message: 'SMART.MEDIA_STORAGE.CREATE_CROP.ERROR'
         }),
         type: 'error'
       });
@@ -151,7 +151,7 @@ export const CreateCropDrawer = ({
       children: _jsxs(DrawerTitle, {
         children: [_jsx("span", {
           children: lang({
-            message: 'SMART.MEDIA_STORE.CREATE_CROP.TITLE'
+            message: 'SMART.MEDIA_STORAGE.CREATE_CROP.TITLE'
           })
         }), _jsx(Button, {
           view: "ghost",
@@ -161,7 +161,7 @@ export const CreateCropDrawer = ({
             size: "small"
           }),
           "aria-label": lang({
-            message: 'SMART.MEDIA_STORE.CREATE_CROP.CLOSE'
+            message: 'SMART.MEDIA_STORAGE.CREATE_CROP.CLOSE'
           }),
           onClick: onClose
         })]
@@ -172,7 +172,7 @@ export const CreateCropDrawer = ({
         children: [_jsxs("div", {
           children: [_jsx(FieldLabel, {
             children: lang({
-              message: 'SMART.MEDIA_STORE.CREATE_CROP.RATIO_LABEL'
+              message: 'SMART.MEDIA_STORAGE.CREATE_CROP.RATIO_LABEL'
             })
           }), _jsx(Chips, {
             children: RATIOS.map(item => _jsx(Chip, {
@@ -185,7 +185,7 @@ export const CreateCropDrawer = ({
         }), _jsxs("div", {
           children: [_jsx(FieldLabel, {
             children: lang({
-              message: 'SMART.MEDIA_STORE.CREATE_CROP.SIZE_LABEL'
+              message: 'SMART.MEDIA_STORAGE.CREATE_CROP.SIZE_LABEL'
             })
           }), _jsxs(Columns, {
             "$sizes": "auto 1fr",
@@ -197,14 +197,14 @@ export const CreateCropDrawer = ({
                 "$active": dimension === 'width',
                 onClick: () => setDimension('width'),
                 children: lang({
-                  message: 'SMART.MEDIA_STORE.CREATE_CROP.WIDTH'
+                  message: 'SMART.MEDIA_STORAGE.CREATE_CROP.WIDTH'
                 })
               }), _jsx(SegmentItem, {
                 type: "button",
                 "$active": dimension === 'height',
                 onClick: () => setDimension('height'),
                 children: lang({
-                  message: 'SMART.MEDIA_STORE.CREATE_CROP.HEIGHT'
+                  message: 'SMART.MEDIA_STORAGE.CREATE_CROP.HEIGHT'
                 })
               })]
             }), _jsx(NativeInput, {
@@ -231,7 +231,7 @@ export const CreateCropDrawer = ({
         }), isJpeg && _jsxs("div", {
           children: [_jsx(FieldLabel, {
             children: lang({
-              message: 'SMART.MEDIA_STORE.CREATE_CROP.QUALITY_LABEL'
+              message: 'SMART.MEDIA_STORAGE.CREATE_CROP.QUALITY_LABEL'
             })
           }), _jsx(NativeInput, {
             type: "number",
@@ -243,7 +243,7 @@ export const CreateCropDrawer = ({
           })]
         }), ratioExists && _jsx(Text, {
           children: lang({
-            message: 'SMART.MEDIA_STORE.CREATE_CROP.RATIO_EXISTS'
+            message: 'SMART.MEDIA_STORAGE.CREATE_CROP.RATIO_EXISTS'
           })
         }), _jsx(Button, {
           color: "primary",
@@ -252,16 +252,16 @@ export const CreateCropDrawer = ({
           isLoading: isCreating,
           onClick: () => void handleCreate(),
           children: lang({
-            message: 'SMART.MEDIA_STORE.CREATE_CROP.CREATE_BUTTON'
+            message: 'SMART.MEDIA_STORAGE.CREATE_CROP.CREATE_BUTTON'
           })
         }), _jsxs("div", {
           children: [_jsx(FieldLabel, {
             children: lang({
-              message: 'SMART.MEDIA_STORE.CREATE_CROP.EXISTING_LABEL'
+              message: 'SMART.MEDIA_STORAGE.CREATE_CROP.EXISTING_LABEL'
             })
           }), existingCrops.length === 0 ? _jsx(Text, {
             children: lang({
-              message: 'SMART.MEDIA_STORE.CREATE_CROP.NO_CROPS'
+              message: 'SMART.MEDIA_STORAGE.CREATE_CROP.NO_CROPS'
             })
           }) : _jsx(CropStrip, {
             children: existingCrops.map(crop => _jsxs(CropThumb, {
@@ -277,7 +277,7 @@ export const CreateCropDrawer = ({
                     view: "lined"
                   }),
                   "aria-label": lang({
-                    message: 'SMART.MEDIA_STORE.CREATE_CROP.DELETE_HINT'
+                    message: 'SMART.MEDIA_STORAGE.CREATE_CROP.DELETE_HINT'
                   }),
                   onClick: () => setPendingDeleteCrop(crop)
                 })
@@ -291,10 +291,10 @@ export const CreateCropDrawer = ({
     }), _jsx(ModalConfirm, {
       isOpen: pendingDeleteCrop !== null,
       title: lang({
-        message: 'SMART.MEDIA_STORE.CREATE_CROP.DELETE_CONFIRM.TITLE'
+        message: 'SMART.MEDIA_STORAGE.CREATE_CROP.DELETE_CONFIRM.TITLE'
       }),
       confirmButtonText: lang({
-        message: 'SMART.MEDIA_STORE.CREATE_CROP.DELETE_CONFIRM.BUTTON'
+        message: 'SMART.MEDIA_STORAGE.CREATE_CROP.DELETE_CONFIRM.BUTTON'
       }),
       confirmButtonColor: "danger",
       onAccept: () => void handleDeleteCrop(),

package/{MediaStore/MediaStore.d.ts → MediaStorage/MediaStorage.d.ts}

@@ -1,8 +1,8 @@
 import { type FC } from 'react';
-import type { MediaStoreProps } from './types';
+import type { MediaStorageProps } from './types';
 /**
  * Controlled media gallery: the parent owns the current page (and page size)
  * and is notified of navigation via `onPageChange`. For a self-contained
- * version that keeps the page in internal state, use `MediaStorePaginated`.
+ * version that keeps the page in internal state, use `MediaStoragePaginated`.
  */
-export declare const MediaStore: FC<MediaStoreProps>;
+export declare const MediaStorage: FC<MediaStorageProps>;

package/{MediaStore/MediaStore.js → MediaStorage/MediaStorage.js}

@@ -14,9 +14,9 @@ const UPLOAD_PATH = '/api/media/upload';
 /**
  * Controlled media gallery: the parent owns the current page (and page size)
  * and is notified of navigation via `onPageChange`. For a self-contained
- * version that keeps the page in internal state, use `MediaStorePaginated`.
+ * version that keeps the page in internal state, use `MediaStoragePaginated`.
  */
-export const MediaStore = ({
+export const MediaStorage = ({
   application,
   page,
   perPage,
@@ -79,7 +79,7 @@ export const MediaStore = ({
     if (listAsync.error) {
       openToast({
         title: listAsync.error.message || lang({
-          message: 'SMART.MEDIA_STORE.LOAD_ERROR'
+          message: 'SMART.MEDIA_STORAGE.LOAD_ERROR'
         }),
         type: 'error'
       });
@@ -137,7 +137,7 @@ export const MediaStore = ({
       if (failed < images.length) {
         openToast({
           title: lang({
-            message: 'SMART.MEDIA_STORE.UPLOAD_SUCCESS'
+            message: 'SMART.MEDIA_STORAGE.UPLOAD_SUCCESS'
           }),
           type: 'success'
         });
@@ -152,7 +152,7 @@ export const MediaStore = ({
       if (failed > 0) {
         openToast({
           title: lang({
-            message: 'SMART.MEDIA_STORE.UPLOAD_ERROR'
+            message: 'SMART.MEDIA_STORAGE.UPLOAD_ERROR'
           }),
           type: 'error'
         });
@@ -216,9 +216,9 @@ export const MediaStore = ({
         size: "medium",
         view: "lined"
       }), isUploading ? lang({
-        message: 'SMART.MEDIA_STORE.UPLOADING'
+        message: 'SMART.MEDIA_STORAGE.UPLOADING'
       }) : lang({
-        message: 'SMART.MEDIA_STORE.DROPZONE_HINT'
+        message: 'SMART.MEDIA_STORAGE.DROPZONE_HINT'
       })]
     }), _jsx(HiddenInput, {
       ref: uploadInputRef,
@@ -228,11 +228,11 @@ export const MediaStore = ({
       onChange: event => void uploadFiles(Array.from(event.target.files ?? []))
     }), loading && _jsx(EmptyState, {
       children: lang({
-        message: 'SMART.MEDIA_STORE.LOADING'
+        message: 'SMART.MEDIA_STORAGE.LOADING'
       })
     }), !loading && files.length === 0 && _jsx(EmptyState, {
       children: lang({
-        message: 'SMART.MEDIA_STORE.EMPTY'
+        message: 'SMART.MEDIA_STORAGE.EMPTY'
       })
     }), !loading && files.length > 0 && _jsx(Grid, {
       children: files.map(file => {
@@ -243,7 +243,7 @@ export const MediaStore = ({
             alt: file.filename
           }), crops.length > 0 && _jsx(CropBadge, {
             children: lang({
-              message: 'SMART.MEDIA_STORE.CROPS_BADGE',
+              message: 'SMART.MEDIA_STORAGE.CROPS_BADGE',
               count: crops.length
             })
           }), _jsxs(TileActions, {
@@ -258,7 +258,7 @@ export const MediaStore = ({
                 children: [_jsx(DropdownMenuItem, {
                   onClick: () => onSelect(file.url),
                   children: lang({
-                    message: 'SMART.MEDIA_STORE.SELECT_ORIGINAL'
+                    message: 'SMART.MEDIA_STORAGE.SELECT_ORIGINAL'
                   })
                 }), crops.map(crop => _jsx(DropdownMenuItem, {
                   onClick: () => onSelect(crop.url),
@@ -272,7 +272,7 @@ export const MediaStore = ({
                 size: "small"
               }),
               "aria-label": lang({
-                message: 'SMART.MEDIA_STORE.SELECT_HINT'
+                message: 'SMART.MEDIA_STORAGE.SELECT_HINT'
               }),
               onClick: () => onSelect(file.url)
             }), _jsx(Button, {
@@ -283,7 +283,7 @@ export const MediaStore = ({
                 view: "lined"
               }),
               "aria-label": lang({
-                message: 'SMART.MEDIA_STORE.CREATE_CROP_HINT'
+                message: 'SMART.MEDIA_STORAGE.CREATE_CROP_HINT'
               }),
               onClick: () => setCreateCropFor(file)
             }), _jsx(Button, {
@@ -294,7 +294,7 @@ export const MediaStore = ({
                 view: "lined"
               }),
               "aria-label": lang({
-                message: 'SMART.MEDIA_STORE.DELETE_HINT'
+                message: 'SMART.MEDIA_STORAGE.DELETE_HINT'
               }),
               onClick: () => setPendingDelete(file)
             })]
@@ -316,7 +316,7 @@ export const MediaStore = ({
           isDisabled: page <= 0,
           onClick: () => onPageChange(page - 1),
           children: lang({
-            message: 'SMART.MEDIA_STORE.PREV_BUTTON'
+            message: 'SMART.MEDIA_STORAGE.PREV_BUTTON'
           })
         }), _jsx(Text, {
           children: `${page + 1} / ${totalPages}`
@@ -327,12 +327,12 @@ export const MediaStore = ({
           isDisabled: page + 1 >= totalPages,
           onClick: () => onPageChange(page + 1),
           children: lang({
-            message: 'SMART.MEDIA_STORE.NEXT_BUTTON'
+            message: 'SMART.MEDIA_STORAGE.NEXT_BUTTON'
           })
         })]
       }), usageAsync.value && _jsx(UsageLine, {
         children: lang({
-          message: 'SMART.MEDIA_STORE.USAGE',
+          message: 'SMART.MEDIA_STORAGE.USAGE',
           count: usageAsync.value.totalCount,
           size: formatBytes(usageAsync.value.totalSize)
         })
@@ -348,13 +348,13 @@ export const MediaStore = ({
     }), _jsx(ModalConfirm, {
       isOpen: pendingDelete !== null,
       title: lang({
-        message: 'SMART.MEDIA_STORE.DELETE_CONFIRM.TITLE'
+        message: 'SMART.MEDIA_STORAGE.DELETE_CONFIRM.TITLE'
       }),
       description: lang({
-        message: 'SMART.MEDIA_STORE.DELETE_CONFIRM.DESCRIPTION'
+        message: 'SMART.MEDIA_STORAGE.DELETE_CONFIRM.DESCRIPTION'
       }),
       confirmButtonText: lang({
-        message: 'SMART.MEDIA_STORE.DELETE_CONFIRM.BUTTON'
+        message: 'SMART.MEDIA_STORAGE.DELETE_CONFIRM.BUTTON'
       }),
       confirmButtonColor: "danger",
       onAccept: () => void handleDeleteConfirmed(),

package/MediaStorage/MediaStoragePaginated.d.ts

@@ -0,0 +1,8 @@
+import { type FC } from 'react';
+import type { MediaStoragePaginatedProps } from './types';
+/**
+ * Self-contained {@link MediaStorage} that owns the current page in internal
+ * state. Use this when the host has no opinion on pagination state; reach for
+ * `MediaStorage` directly to drive the page from the URL or another store.
+ */
+export declare const MediaStoragePaginated: FC<MediaStoragePaginatedProps>;

package/{MediaStore/MediaStorePaginated.js → MediaStorage/MediaStoragePaginated.js}

@@ -1,20 +1,20 @@
 import { jsx as _jsx } from "react/jsx-runtime";
 import { useState } from 'react';
-import { MediaStore } from './MediaStore';
+import { MediaStorage } from './MediaStorage';
 const DEFAULT_PER_PAGE = 30;
 /**
- * Self-contained {@link MediaStore} that owns the current page in internal
+ * Self-contained {@link MediaStorage} that owns the current page in internal
  * state. Use this when the host has no opinion on pagination state; reach for
- * `MediaStore` directly to drive the page from the URL or another store.
+ * `MediaStorage` directly to drive the page from the URL or another store.
  */
-export const MediaStorePaginated = ({
+export const MediaStoragePaginated = ({
   application,
   initialPage = 0,
   perPage = DEFAULT_PER_PAGE,
   onSelect
 }) => {
   const [page, setPage] = useState(initialPage);
-  return _jsx(MediaStore, {
+  return _jsx(MediaStorage, {
     application: application,
     page: page,
     perPage: perPage,

package/{MediaStore → MediaStorage}/hooks.d.ts

@@ -2,6 +2,6 @@
  * Returns a function that deletes a media file (original or crop) and shows the
  * success/error toast. Resolves to `true` on success so the caller can run its
  * own post-delete routing (refetch, state update, pagination), `false` on
- * failure. Both `MediaStore` and `CreateCropDrawer` share this.
+ * failure. Both `MediaStorage` and `CreateCropDrawer` share this.
  */
 export declare function useDeleteMediaFile(application: string): (uuid: string) => Promise<boolean>;

package/{MediaStore → MediaStorage}/hooks.js

@@ -6,7 +6,7 @@ import { useLang } from './polyglot';
  * Returns a function that deletes a media file (original or crop) and shows the
  * success/error toast. Resolves to `true` on success so the caller can run its
  * own post-delete routing (refetch, state update, pagination), `false` on
- * failure. Both `MediaStore` and `CreateCropDrawer` share this.
+ * failure. Both `MediaStorage` and `CreateCropDrawer` share this.
  */
 export function useDeleteMediaFile(application) {
   const {
@@ -24,7 +24,7 @@ export function useDeleteMediaFile(application) {
       });
       openToast({
         title: lang({
-          message: 'SMART.MEDIA_STORE.DELETE_SUCCESS'
+          message: 'SMART.MEDIA_STORAGE.DELETE_SUCCESS'
         }),
         type: 'success'
       });
@@ -32,7 +32,7 @@ export function useDeleteMediaFile(application) {
     } catch (error) {
       openToast({
         title: error.message || lang({
-          message: 'SMART.MEDIA_STORE.DELETE_ERROR'
+          message: 'SMART.MEDIA_STORAGE.DELETE_ERROR'
         }),
         type: 'error'
       });

package/MediaStorage/index.d.ts

@@ -0,0 +1,3 @@
+export { MediaStorage } from './MediaStorage';
+export { MediaStoragePaginated } from './MediaStoragePaginated';
+export type { MediaStorageProps, MediaStoragePaginatedProps } from './types';

package/MediaStorage/index.js

@@ -0,0 +1,2 @@
+export { MediaStorage } from './MediaStorage';
+export { MediaStoragePaginated } from './MediaStoragePaginated';

package/MediaStorage/polyglot/index.d.ts

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

package/MediaStorage/polyglot/messages_en.d.ts

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

package/MediaStorage/polyglot/messages_en.js

@@ -0,0 +1,38 @@
+export const messages = {
+  'SMART.MEDIA_STORAGE.UPLOADING': 'Uploading...',
+  'SMART.MEDIA_STORAGE.DROPZONE_HINT': 'Drag & drop images here or click to upload',
+  'SMART.MEDIA_STORAGE.LOADING': 'Loading...',
+  'SMART.MEDIA_STORAGE.EMPTY': 'No media files found',
+  'SMART.MEDIA_STORAGE.SELECT_HINT': 'Click to select',
+  'SMART.MEDIA_STORAGE.PREV_BUTTON': 'Previous',
+  'SMART.MEDIA_STORAGE.NEXT_BUTTON': 'Next',
+  'SMART.MEDIA_STORAGE.LOAD_ERROR': 'Failed to load media files',
+  'SMART.MEDIA_STORAGE.UPLOAD_ERROR': 'Failed to upload image',
+  'SMART.MEDIA_STORAGE.UPLOAD_SUCCESS': 'Image uploaded',
+  'SMART.MEDIA_STORAGE.USAGE': '{{count}} files · {{size}}',
+  'SMART.MEDIA_STORAGE.CROPS_BADGE': '{{count}} cr.',
+  'SMART.MEDIA_STORAGE.SELECT_ORIGINAL': 'Original',
+  'SMART.MEDIA_STORAGE.CREATE_CROP_HINT': 'Create crops',
+  'SMART.MEDIA_STORAGE.DELETE_HINT': 'Delete',
+  'SMART.MEDIA_STORAGE.DELETE_SUCCESS': 'Deleted',
+  'SMART.MEDIA_STORAGE.DELETE_ERROR': 'Failed to delete',
+  'SMART.MEDIA_STORAGE.DELETE_CONFIRM.TITLE': 'Delete this file?',
+  'SMART.MEDIA_STORAGE.DELETE_CONFIRM.DESCRIPTION': 'Deleting the original also removes all of its crops. This can’t be undone.',
+  'SMART.MEDIA_STORAGE.DELETE_CONFIRM.BUTTON': 'Delete',
+  'SMART.MEDIA_STORAGE.CREATE_CROP.TITLE': 'Create crop',
+  'SMART.MEDIA_STORAGE.CREATE_CROP.CLOSE': 'Close',
+  'SMART.MEDIA_STORAGE.CREATE_CROP.RATIO_LABEL': 'Aspect ratio',
+  'SMART.MEDIA_STORAGE.CREATE_CROP.SIZE_LABEL': 'Size',
+  'SMART.MEDIA_STORAGE.CREATE_CROP.WIDTH': 'Width',
+  'SMART.MEDIA_STORAGE.CREATE_CROP.HEIGHT': 'Height',
+  'SMART.MEDIA_STORAGE.CREATE_CROP.QUALITY_LABEL': 'JPEG quality (1–100)',
+  'SMART.MEDIA_STORAGE.CREATE_CROP.CREATE_BUTTON': 'Create crop',
+  'SMART.MEDIA_STORAGE.CREATE_CROP.RATIO_EXISTS': 'A crop with this aspect ratio already exists',
+  'SMART.MEDIA_STORAGE.CREATE_CROP.EXISTING_LABEL': 'Existing crops',
+  'SMART.MEDIA_STORAGE.CREATE_CROP.NO_CROPS': 'No crops yet',
+  'SMART.MEDIA_STORAGE.CREATE_CROP.SUCCESS': 'Crop created',
+  'SMART.MEDIA_STORAGE.CREATE_CROP.ERROR': 'Failed to create crop',
+  'SMART.MEDIA_STORAGE.CREATE_CROP.DELETE_HINT': 'Delete crop',
+  'SMART.MEDIA_STORAGE.CREATE_CROP.DELETE_CONFIRM.TITLE': 'Delete this crop?',
+  'SMART.MEDIA_STORAGE.CREATE_CROP.DELETE_CONFIRM.BUTTON': 'Delete'
+};

package/MediaStorage/polyglot/messages_ru.d.ts

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

package/MediaStorage/polyglot/messages_ru.js

@@ -0,0 +1,38 @@
+export const messages = {
+  'SMART.MEDIA_STORAGE.UPLOADING': 'Загрузка...',
+  'SMART.MEDIA_STORAGE.DROPZONE_HINT': 'Перетащите изображения сюда или нажмите для загрузки',
+  'SMART.MEDIA_STORAGE.LOADING': 'Загрузка...',
+  'SMART.MEDIA_STORAGE.EMPTY': 'Медиафайлы не найдены',
+  'SMART.MEDIA_STORAGE.SELECT_HINT': 'Нажмите, чтобы выбрать',
+  'SMART.MEDIA_STORAGE.PREV_BUTTON': 'Назад',
+  'SMART.MEDIA_STORAGE.NEXT_BUTTON': 'Вперёд',
+  'SMART.MEDIA_STORAGE.LOAD_ERROR': 'Не удалось загрузить медиафайлы',
+  'SMART.MEDIA_STORAGE.UPLOAD_ERROR': 'Не удалось загрузить изображение',
+  'SMART.MEDIA_STORAGE.UPLOAD_SUCCESS': 'Изображение загружено',
+  'SMART.MEDIA_STORAGE.USAGE': '{{count}} файлов · {{size}}',
+  'SMART.MEDIA_STORAGE.CROPS_BADGE': '{{count}} кр.',
+  'SMART.MEDIA_STORAGE.SELECT_ORIGINAL': 'Оригинал',
+  'SMART.MEDIA_STORAGE.CREATE_CROP_HINT': 'Создать кропы',
+  'SMART.MEDIA_STORAGE.DELETE_HINT': 'Удалить',
+  'SMART.MEDIA_STORAGE.DELETE_SUCCESS': 'Удалено',
+  'SMART.MEDIA_STORAGE.DELETE_ERROR': 'Не удалось удалить',
+  'SMART.MEDIA_STORAGE.DELETE_CONFIRM.TITLE': 'Удалить файл?',
+  'SMART.MEDIA_STORAGE.DELETE_CONFIRM.DESCRIPTION': 'Удаление оригинала также удалит все его кропы. Действие необратимо.',
+  'SMART.MEDIA_STORAGE.DELETE_CONFIRM.BUTTON': 'Удалить',
+  'SMART.MEDIA_STORAGE.CREATE_CROP.TITLE': 'Создание кропа',
+  'SMART.MEDIA_STORAGE.CREATE_CROP.CLOSE': 'Закрыть',
+  'SMART.MEDIA_STORAGE.CREATE_CROP.RATIO_LABEL': 'Соотношение сторон',
+  'SMART.MEDIA_STORAGE.CREATE_CROP.SIZE_LABEL': 'Размер',
+  'SMART.MEDIA_STORAGE.CREATE_CROP.WIDTH': 'Ширина',
+  'SMART.MEDIA_STORAGE.CREATE_CROP.HEIGHT': 'Высота',
+  'SMART.MEDIA_STORAGE.CREATE_CROP.QUALITY_LABEL': 'Качество JPEG (1–100)',
+  'SMART.MEDIA_STORAGE.CREATE_CROP.CREATE_BUTTON': 'Создать кроп',
+  'SMART.MEDIA_STORAGE.CREATE_CROP.RATIO_EXISTS': 'Кроп с таким соотношением сторон уже существует',
+  'SMART.MEDIA_STORAGE.CREATE_CROP.EXISTING_LABEL': 'Созданные кропы',
+  'SMART.MEDIA_STORAGE.CREATE_CROP.NO_CROPS': 'Кропов пока нет',
+  'SMART.MEDIA_STORAGE.CREATE_CROP.SUCCESS': 'Кроп создан',
+  'SMART.MEDIA_STORAGE.CREATE_CROP.ERROR': 'Не удалось создать кроп',
+  'SMART.MEDIA_STORAGE.CREATE_CROP.DELETE_HINT': 'Удалить кроп',
+  'SMART.MEDIA_STORAGE.CREATE_CROP.DELETE_CONFIRM.TITLE': 'Удалить кроп?',
+  'SMART.MEDIA_STORAGE.CREATE_CROP.DELETE_CONFIRM.BUTTON': 'Удалить'
+};

package/MediaStorage/polyglot/types.d.ts

@@ -0,0 +1,44 @@
+import type { NoParams } from '@pushwoosh/dumb-components/polyglot';
+export type MediaStorageMessages = {
+    'SMART.MEDIA_STORAGE.UPLOADING': NoParams;
+    'SMART.MEDIA_STORAGE.DROPZONE_HINT': NoParams;
+    'SMART.MEDIA_STORAGE.LOADING': NoParams;
+    'SMART.MEDIA_STORAGE.EMPTY': NoParams;
+    'SMART.MEDIA_STORAGE.SELECT_HINT': NoParams;
+    'SMART.MEDIA_STORAGE.PREV_BUTTON': NoParams;
+    'SMART.MEDIA_STORAGE.NEXT_BUTTON': NoParams;
+    'SMART.MEDIA_STORAGE.LOAD_ERROR': NoParams;
+    'SMART.MEDIA_STORAGE.UPLOAD_ERROR': NoParams;
+    'SMART.MEDIA_STORAGE.UPLOAD_SUCCESS': NoParams;
+    'SMART.MEDIA_STORAGE.USAGE': {
+        count: number;
+        size: string;
+    };
+    'SMART.MEDIA_STORAGE.CROPS_BADGE': {
+        count: number;
+    };
+    'SMART.MEDIA_STORAGE.SELECT_ORIGINAL': NoParams;
+    'SMART.MEDIA_STORAGE.CREATE_CROP_HINT': NoParams;
+    'SMART.MEDIA_STORAGE.DELETE_HINT': NoParams;
+    'SMART.MEDIA_STORAGE.DELETE_SUCCESS': NoParams;
+    'SMART.MEDIA_STORAGE.DELETE_ERROR': NoParams;
+    'SMART.MEDIA_STORAGE.DELETE_CONFIRM.TITLE': NoParams;
+    'SMART.MEDIA_STORAGE.DELETE_CONFIRM.DESCRIPTION': NoParams;
+    'SMART.MEDIA_STORAGE.DELETE_CONFIRM.BUTTON': NoParams;
+    'SMART.MEDIA_STORAGE.CREATE_CROP.TITLE': NoParams;
+    'SMART.MEDIA_STORAGE.CREATE_CROP.CLOSE': NoParams;
+    'SMART.MEDIA_STORAGE.CREATE_CROP.RATIO_LABEL': NoParams;
+    'SMART.MEDIA_STORAGE.CREATE_CROP.SIZE_LABEL': NoParams;
+    'SMART.MEDIA_STORAGE.CREATE_CROP.WIDTH': NoParams;
+    'SMART.MEDIA_STORAGE.CREATE_CROP.HEIGHT': NoParams;
+    'SMART.MEDIA_STORAGE.CREATE_CROP.QUALITY_LABEL': NoParams;
+    'SMART.MEDIA_STORAGE.CREATE_CROP.CREATE_BUTTON': NoParams;
+    'SMART.MEDIA_STORAGE.CREATE_CROP.RATIO_EXISTS': NoParams;
+    'SMART.MEDIA_STORAGE.CREATE_CROP.EXISTING_LABEL': NoParams;
+    'SMART.MEDIA_STORAGE.CREATE_CROP.NO_CROPS': NoParams;
+    'SMART.MEDIA_STORAGE.CREATE_CROP.SUCCESS': NoParams;
+    'SMART.MEDIA_STORAGE.CREATE_CROP.ERROR': NoParams;
+    'SMART.MEDIA_STORAGE.CREATE_CROP.DELETE_HINT': NoParams;
+    'SMART.MEDIA_STORAGE.CREATE_CROP.DELETE_CONFIRM.TITLE': NoParams;
+    'SMART.MEDIA_STORAGE.CREATE_CROP.DELETE_CONFIRM.BUTTON': NoParams;
+};

package/{MediaStore → MediaStorage}/styled.js

@@ -2,31 +2,31 @@ import styled from 'styled-components';
 import { Color, FontSize, FontWeight } from '@pushwoosh/kit-constants';
 export const Grid = styled.div.withConfig({
   displayName: "Grid",
-  componentId: "sc-1d9kmgw-0"
+  componentId: "sc-14317rj-0"
 })(["display:grid;grid-template-columns:repeat(auto-fill,minmax(140px,1fr));gap:12px;"]);
 export const Tile = styled.div.withConfig({
   displayName: "Tile",
-  componentId: "sc-1d9kmgw-1"
+  componentId: "sc-14317rj-1"
 })(["position:relative;border-radius:6px;overflow:hidden;border:1px solid ", ";transition:border-color 0.15s;&:hover{border-color:", ";}"], Color.DIVIDER, Color.PRIMARY);
 export const TileImage = styled.img.withConfig({
   displayName: "TileImage",
-  componentId: "sc-1d9kmgw-2"
+  componentId: "sc-14317rj-2"
 })(["width:100%;aspect-ratio:1;object-fit:cover;display:block;"]);
 export const CropBadge = styled.span.withConfig({
   displayName: "CropBadge",
-  componentId: "sc-1d9kmgw-3"
+  componentId: "sc-14317rj-3"
 })(["position:absolute;top:6px;right:6px;font-size:10px;font-weight:", ";line-height:1;color:", ";background:", ";border-radius:20px;padding:3px 7px;pointer-events:none;"], FontWeight.BOLD, Color.CLEAR, Color.PRIMARY);
 export const TileActions = styled.div.withConfig({
   displayName: "TileActions",
-  componentId: "sc-1d9kmgw-4"
+  componentId: "sc-14317rj-4"
 })(["position:absolute;top:6px;left:6px;display:flex;gap:6px;padding:4px;border-radius:8px;background:rgba(0,0,0,0.45);backdrop-filter:blur(2px);opacity:0;transition:opacity 0.15s;", ":hover &{opacity:1;}@media (hover:none){opacity:1;}"], Tile);
 export const EmptyState = styled.div.withConfig({
   displayName: "EmptyState",
-  componentId: "sc-1d9kmgw-5"
+  componentId: "sc-14317rj-5"
 })(["text-align:center;padding:48px 16px;color:", ";"], Color.LOCKED);
 export const Dropzone = styled.button.withConfig({
   displayName: "Dropzone",
-  componentId: "sc-1d9kmgw-6"
+  componentId: "sc-14317rj-6"
 })(["width:100%;min-height:96px;margin-bottom:16px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px;padding:16px;font:inherit;font-size:13px;color:", ";cursor:pointer;border:2px dashed ", ";border-radius:8px;background:", ";transition:border-color 0.15s,background 0.15s;&:hover{border-color:", ";}&:disabled{cursor:default;opacity:0.7;}"], Color.LOCKED, ({
   $dragOver
 }) => $dragOver ? Color.PRIMARY : Color.DIVIDER, ({
@@ -34,38 +34,38 @@ export const Dropzone = styled.button.withConfig({
 }) => $dragOver ? Color.SOFT_LIGHT : Color.CLEAR, Color.PRIMARY);
 export const HiddenInput = styled.input.withConfig({
   displayName: "HiddenInput",
-  componentId: "sc-1d9kmgw-7"
+  componentId: "sc-14317rj-7"
 })(["display:none;"]);
 export const UsageLine = styled.div.withConfig({
   displayName: "UsageLine",
-  componentId: "sc-1d9kmgw-8"
+  componentId: "sc-14317rj-8"
 })(["margin-left:auto;font-size:", ";color:", ";"], FontSize.SMALL, Color.LOCKED);
 /* ---------- CreateCropDrawer ---------- */
 export const PreviewStage = styled.div.withConfig({
   displayName: "PreviewStage",
-  componentId: "sc-1d9kmgw-9"
+  componentId: "sc-14317rj-9"
 })(["display:flex;align-items:center;justify-content:center;min-height:200px;max-height:360px;padding:12px;border:1px solid ", ";border-radius:6px;overflow:hidden;background:", ";"], Color.DIVIDER, Color.SOFT_LIGHT);
 export const PreviewFrame = styled.div.withConfig({
   displayName: "PreviewFrame",
-  componentId: "sc-1d9kmgw-10"
+  componentId: "sc-14317rj-10"
 })(["aspect-ratio:", ";max-width:100%;max-height:336px;overflow:hidden;border-radius:4px;"], ({
   $ratio
 }) => $ratio);
 export const PreviewImage = styled.img.withConfig({
   displayName: "PreviewImage",
-  componentId: "sc-1d9kmgw-11"
+  componentId: "sc-14317rj-11"
 })(["width:100%;height:100%;object-fit:cover;display:block;"]);
 export const FieldLabel = styled.div.withConfig({
   displayName: "FieldLabel",
-  componentId: "sc-1d9kmgw-12"
+  componentId: "sc-14317rj-12"
 })(["font-size:11px;font-weight:600;text-transform:uppercase;letter-spacing:0.4px;color:", ";margin-bottom:6px;"], Color.LOCKED);
 export const Chips = styled.div.withConfig({
   displayName: "Chips",
-  componentId: "sc-1d9kmgw-13"
+  componentId: "sc-14317rj-13"
 })(["display:flex;flex-wrap:wrap;gap:7px;"]);
 export const Chip = styled.button.withConfig({
   displayName: "Chip",
-  componentId: "sc-1d9kmgw-14"
+  componentId: "sc-14317rj-14"
 })(["font:inherit;font-size:13px;cursor:pointer;padding:6px 12px;border-radius:20px;border:1px solid ", ";background:", ";color:", ";transition:background 0.12s,border-color 0.12s;"], ({
   $active
 }) => $active ? Color.PRIMARY : Color.DIVIDER, ({
@@ -75,11 +75,11 @@ export const Chip = styled.button.withConfig({
 }) => $active ? Color.CLEAR : Color.MAIN);
 export const Segment = styled.div.withConfig({
   displayName: "Segment",
-  componentId: "sc-1d9kmgw-15"
+  componentId: "sc-14317rj-15"
 })(["display:inline-flex;border:1px solid ", ";border-radius:6px;overflow:hidden;"], Color.DIVIDER);
 export const SegmentItem = styled.button.withConfig({
   displayName: "SegmentItem",
-  componentId: "sc-1d9kmgw-16"
+  componentId: "sc-14317rj-16"
 })(["font:inherit;font-size:13px;cursor:pointer;padding:7px 14px;border:none;background:", ";color:", ";& + &{border-left:1px solid ", ";}"], ({
   $active
 }) => $active ? Color.PRIMARY : Color.CLEAR, ({
@@ -87,17 +87,17 @@ export const SegmentItem = styled.button.withConfig({
 }) => $active ? Color.CLEAR : Color.MAIN, Color.DIVIDER);
 export const CropStrip = styled.div.withConfig({
   displayName: "CropStrip",
-  componentId: "sc-1d9kmgw-17"
+  componentId: "sc-14317rj-17"
 })(["display:flex;gap:10px;flex-wrap:wrap;align-items:flex-start;"]);
 export const CropThumb = styled.div.withConfig({
   displayName: "CropThumb",
-  componentId: "sc-1d9kmgw-18"
+  componentId: "sc-14317rj-18"
 })(["position:relative;width:88px;border:1px solid ", ";border-radius:6px;overflow:hidden;background:", ";"], Color.DIVIDER, Color.SOFT_LIGHT);
 export const CropThumbDelete = styled.div.withConfig({
   displayName: "CropThumbDelete",
-  componentId: "sc-1d9kmgw-19"
+  componentId: "sc-14317rj-19"
 })(["position:absolute;top:4px;right:4px;opacity:0;transition:opacity 0.15s;", ":hover &{opacity:1;}@media (hover:none){opacity:1;}"], CropThumb);
 export const CropThumbCaption = styled.div.withConfig({
   displayName: "CropThumbCaption",
-  componentId: "sc-1d9kmgw-20"
+  componentId: "sc-14317rj-20"
 })(["font-size:10px;text-align:center;padding:3px 2px;color:", ";"], Color.LOCKED);

package/{MediaStore → MediaStorage}/types.d.ts

@@ -1,4 +1,4 @@
-export type MediaStoreProps = {
+export type MediaStorageProps = {
     /** Application code whose media files are listed. */
     application: string;
     /** Current page (zero-based). Controlled by the parent. */
@@ -10,7 +10,7 @@ export type MediaStoreProps = {
     /** Called with the chosen file URL (original or crop). */
     onSelect: (url: string) => void;
 };
-export type MediaStorePaginatedProps = {
+export type MediaStoragePaginatedProps = {
     /** Application code whose media files are listed. */
     application: string;
     /** Initial page to load (zero-based). Defaults to 0. */

package/index.d.ts

@@ -7,7 +7,7 @@ export * from './EmailTemplatePreview';
 export * from './ExportCSV';
 export * from './PlatformsConfigurationDrawer';
 export * from './LanguagesSelector';
-export * from './MediaStore';
+export * from './MediaStorage';
 export * from './ResendModal';
 export * from './RichMessageEditorSmart';
 export * from './Table';

package/index.js

@@ -7,7 +7,7 @@ export * from './EmailTemplatePreview';
 export * from './ExportCSV';
 export * from './PlatformsConfigurationDrawer';
 export * from './LanguagesSelector';
-export * from './MediaStore';
+export * from './MediaStorage';
 export * from './ResendModal';
 export * from './RichMessageEditorSmart';
 export * from './Table';

package/package.json

@@ -48,5 +48,5 @@
     "react": "^16.14.0 || ^18.0.0",
     "react-dom": "^16.14.0 || ^18.0.0"
   },
-  "version": "1.1.5"
+  "version": "1.1.7"
 }

package/MediaStore/MediaStorePaginated.d.ts

@@ -1,8 +0,0 @@
-import { type FC } from 'react';
-import type { MediaStorePaginatedProps } from './types';
-/**
- * Self-contained {@link MediaStore} that owns the current page in internal
- * state. Use this when the host has no opinion on pagination state; reach for
- * `MediaStore` directly to drive the page from the URL or another store.
- */
-export declare const MediaStorePaginated: FC<MediaStorePaginatedProps>;

package/MediaStore/index.d.ts

@@ -1,3 +0,0 @@
-export { MediaStore } from './MediaStore';
-export { MediaStorePaginated } from './MediaStorePaginated';
-export type { MediaStoreProps, MediaStorePaginatedProps } from './types';

package/MediaStore/index.js

@@ -1,2 +0,0 @@
-export { MediaStore } from './MediaStore';
-export { MediaStorePaginated } from './MediaStorePaginated';

package/MediaStore/polyglot/index.d.ts

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

package/MediaStore/polyglot/messages_en.d.ts

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

package/MediaStore/polyglot/messages_en.js

@@ -1,38 +0,0 @@
-export const messages = {
-  'SMART.MEDIA_STORE.UPLOADING': 'Uploading...',
-  'SMART.MEDIA_STORE.DROPZONE_HINT': 'Drag & drop images here or click to upload',
-  'SMART.MEDIA_STORE.LOADING': 'Loading...',
-  'SMART.MEDIA_STORE.EMPTY': 'No media files found',
-  'SMART.MEDIA_STORE.SELECT_HINT': 'Click to select',
-  'SMART.MEDIA_STORE.PREV_BUTTON': 'Previous',
-  'SMART.MEDIA_STORE.NEXT_BUTTON': 'Next',
-  'SMART.MEDIA_STORE.LOAD_ERROR': 'Failed to load media files',
-  'SMART.MEDIA_STORE.UPLOAD_ERROR': 'Failed to upload image',
-  'SMART.MEDIA_STORE.UPLOAD_SUCCESS': 'Image uploaded',
-  'SMART.MEDIA_STORE.USAGE': '{{count}} files · {{size}}',
-  'SMART.MEDIA_STORE.CROPS_BADGE': '{{count}} cr.',
-  'SMART.MEDIA_STORE.SELECT_ORIGINAL': 'Original',
-  'SMART.MEDIA_STORE.CREATE_CROP_HINT': 'Create crops',
-  'SMART.MEDIA_STORE.DELETE_HINT': 'Delete',
-  'SMART.MEDIA_STORE.DELETE_SUCCESS': 'Deleted',
-  'SMART.MEDIA_STORE.DELETE_ERROR': 'Failed to delete',
-  'SMART.MEDIA_STORE.DELETE_CONFIRM.TITLE': 'Delete this file?',
-  'SMART.MEDIA_STORE.DELETE_CONFIRM.DESCRIPTION': 'Deleting the original also removes all of its crops. This can’t be undone.',
-  'SMART.MEDIA_STORE.DELETE_CONFIRM.BUTTON': 'Delete',
-  'SMART.MEDIA_STORE.CREATE_CROP.TITLE': 'Create crop',
-  'SMART.MEDIA_STORE.CREATE_CROP.CLOSE': 'Close',
-  'SMART.MEDIA_STORE.CREATE_CROP.RATIO_LABEL': 'Aspect ratio',
-  'SMART.MEDIA_STORE.CREATE_CROP.SIZE_LABEL': 'Size',
-  'SMART.MEDIA_STORE.CREATE_CROP.WIDTH': 'Width',
-  'SMART.MEDIA_STORE.CREATE_CROP.HEIGHT': 'Height',
-  'SMART.MEDIA_STORE.CREATE_CROP.QUALITY_LABEL': 'JPEG quality (1–100)',
-  'SMART.MEDIA_STORE.CREATE_CROP.CREATE_BUTTON': 'Create crop',
-  'SMART.MEDIA_STORE.CREATE_CROP.RATIO_EXISTS': 'A crop with this aspect ratio already exists',
-  'SMART.MEDIA_STORE.CREATE_CROP.EXISTING_LABEL': 'Existing crops',
-  'SMART.MEDIA_STORE.CREATE_CROP.NO_CROPS': 'No crops yet',
-  'SMART.MEDIA_STORE.CREATE_CROP.SUCCESS': 'Crop created',
-  'SMART.MEDIA_STORE.CREATE_CROP.ERROR': 'Failed to create crop',
-  'SMART.MEDIA_STORE.CREATE_CROP.DELETE_HINT': 'Delete crop',
-  'SMART.MEDIA_STORE.CREATE_CROP.DELETE_CONFIRM.TITLE': 'Delete this crop?',
-  'SMART.MEDIA_STORE.CREATE_CROP.DELETE_CONFIRM.BUTTON': 'Delete'
-};

package/MediaStore/polyglot/messages_ru.d.ts

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

package/MediaStore/polyglot/messages_ru.js

@@ -1,38 +0,0 @@
-export const messages = {
-  'SMART.MEDIA_STORE.UPLOADING': 'Загрузка...',
-  'SMART.MEDIA_STORE.DROPZONE_HINT': 'Перетащите изображения сюда или нажмите для загрузки',
-  'SMART.MEDIA_STORE.LOADING': 'Загрузка...',
-  'SMART.MEDIA_STORE.EMPTY': 'Медиафайлы не найдены',
-  'SMART.MEDIA_STORE.SELECT_HINT': 'Нажмите, чтобы выбрать',
-  'SMART.MEDIA_STORE.PREV_BUTTON': 'Назад',
-  'SMART.MEDIA_STORE.NEXT_BUTTON': 'Вперёд',
-  'SMART.MEDIA_STORE.LOAD_ERROR': 'Не удалось загрузить медиафайлы',
-  'SMART.MEDIA_STORE.UPLOAD_ERROR': 'Не удалось загрузить изображение',
-  'SMART.MEDIA_STORE.UPLOAD_SUCCESS': 'Изображение загружено',
-  'SMART.MEDIA_STORE.USAGE': '{{count}} файлов · {{size}}',
-  'SMART.MEDIA_STORE.CROPS_BADGE': '{{count}} кр.',
-  'SMART.MEDIA_STORE.SELECT_ORIGINAL': 'Оригинал',
-  'SMART.MEDIA_STORE.CREATE_CROP_HINT': 'Создать кропы',
-  'SMART.MEDIA_STORE.DELETE_HINT': 'Удалить',
-  'SMART.MEDIA_STORE.DELETE_SUCCESS': 'Удалено',
-  'SMART.MEDIA_STORE.DELETE_ERROR': 'Не удалось удалить',
-  'SMART.MEDIA_STORE.DELETE_CONFIRM.TITLE': 'Удалить файл?',
-  'SMART.MEDIA_STORE.DELETE_CONFIRM.DESCRIPTION': 'Удаление оригинала также удалит все его кропы. Действие необратимо.',
-  'SMART.MEDIA_STORE.DELETE_CONFIRM.BUTTON': 'Удалить',
-  'SMART.MEDIA_STORE.CREATE_CROP.TITLE': 'Создание кропа',
-  'SMART.MEDIA_STORE.CREATE_CROP.CLOSE': 'Закрыть',
-  'SMART.MEDIA_STORE.CREATE_CROP.RATIO_LABEL': 'Соотношение сторон',
-  'SMART.MEDIA_STORE.CREATE_CROP.SIZE_LABEL': 'Размер',
-  'SMART.MEDIA_STORE.CREATE_CROP.WIDTH': 'Ширина',
-  'SMART.MEDIA_STORE.CREATE_CROP.HEIGHT': 'Высота',
-  'SMART.MEDIA_STORE.CREATE_CROP.QUALITY_LABEL': 'Качество JPEG (1–100)',
-  'SMART.MEDIA_STORE.CREATE_CROP.CREATE_BUTTON': 'Создать кроп',
-  'SMART.MEDIA_STORE.CREATE_CROP.RATIO_EXISTS': 'Кроп с таким соотношением сторон уже существует',
-  'SMART.MEDIA_STORE.CREATE_CROP.EXISTING_LABEL': 'Созданные кропы',
-  'SMART.MEDIA_STORE.CREATE_CROP.NO_CROPS': 'Кропов пока нет',
-  'SMART.MEDIA_STORE.CREATE_CROP.SUCCESS': 'Кроп создан',
-  'SMART.MEDIA_STORE.CREATE_CROP.ERROR': 'Не удалось создать кроп',
-  'SMART.MEDIA_STORE.CREATE_CROP.DELETE_HINT': 'Удалить кроп',
-  'SMART.MEDIA_STORE.CREATE_CROP.DELETE_CONFIRM.TITLE': 'Удалить кроп?',
-  'SMART.MEDIA_STORE.CREATE_CROP.DELETE_CONFIRM.BUTTON': 'Удалить'
-};

package/MediaStore/polyglot/types.d.ts

@@ -1,44 +0,0 @@
-import type { NoParams } from '@pushwoosh/dumb-components/polyglot';
-export type MediaStoreMessages = {
-    'SMART.MEDIA_STORE.UPLOADING': NoParams;
-    'SMART.MEDIA_STORE.DROPZONE_HINT': NoParams;
-    'SMART.MEDIA_STORE.LOADING': NoParams;
-    'SMART.MEDIA_STORE.EMPTY': NoParams;
-    'SMART.MEDIA_STORE.SELECT_HINT': NoParams;
-    'SMART.MEDIA_STORE.PREV_BUTTON': NoParams;
-    'SMART.MEDIA_STORE.NEXT_BUTTON': NoParams;
-    'SMART.MEDIA_STORE.LOAD_ERROR': NoParams;
-    'SMART.MEDIA_STORE.UPLOAD_ERROR': NoParams;
-    'SMART.MEDIA_STORE.UPLOAD_SUCCESS': NoParams;
-    'SMART.MEDIA_STORE.USAGE': {
-        count: number;
-        size: string;
-    };
-    'SMART.MEDIA_STORE.CROPS_BADGE': {
-        count: number;
-    };
-    'SMART.MEDIA_STORE.SELECT_ORIGINAL': NoParams;
-    'SMART.MEDIA_STORE.CREATE_CROP_HINT': NoParams;
-    'SMART.MEDIA_STORE.DELETE_HINT': NoParams;
-    'SMART.MEDIA_STORE.DELETE_SUCCESS': NoParams;
-    'SMART.MEDIA_STORE.DELETE_ERROR': NoParams;
-    'SMART.MEDIA_STORE.DELETE_CONFIRM.TITLE': NoParams;
-    'SMART.MEDIA_STORE.DELETE_CONFIRM.DESCRIPTION': NoParams;
-    'SMART.MEDIA_STORE.DELETE_CONFIRM.BUTTON': NoParams;
-    'SMART.MEDIA_STORE.CREATE_CROP.TITLE': NoParams;
-    'SMART.MEDIA_STORE.CREATE_CROP.CLOSE': NoParams;
-    'SMART.MEDIA_STORE.CREATE_CROP.RATIO_LABEL': NoParams;
-    'SMART.MEDIA_STORE.CREATE_CROP.SIZE_LABEL': NoParams;
-    'SMART.MEDIA_STORE.CREATE_CROP.WIDTH': NoParams;
-    'SMART.MEDIA_STORE.CREATE_CROP.HEIGHT': NoParams;
-    'SMART.MEDIA_STORE.CREATE_CROP.QUALITY_LABEL': NoParams;
-    'SMART.MEDIA_STORE.CREATE_CROP.CREATE_BUTTON': NoParams;
-    'SMART.MEDIA_STORE.CREATE_CROP.RATIO_EXISTS': NoParams;
-    'SMART.MEDIA_STORE.CREATE_CROP.EXISTING_LABEL': NoParams;
-    'SMART.MEDIA_STORE.CREATE_CROP.NO_CROPS': NoParams;
-    'SMART.MEDIA_STORE.CREATE_CROP.SUCCESS': NoParams;
-    'SMART.MEDIA_STORE.CREATE_CROP.ERROR': NoParams;
-    'SMART.MEDIA_STORE.CREATE_CROP.DELETE_HINT': NoParams;
-    'SMART.MEDIA_STORE.CREATE_CROP.DELETE_CONFIRM.TITLE': NoParams;
-    'SMART.MEDIA_STORE.CREATE_CROP.DELETE_CONFIRM.BUTTON': NoParams;
-};