@pqina/pintura 8.82.13 → 8.82.15

package/CHANGELOG.md

@@ -1,5 +1,14 @@
 # Changelog
 
+## 8.82.15 | 2024-07-23
+
+-   Fix issue with locale file exports not being serializable.
+-   Fix the Trim util locale incorrectly being included in the core package combined locale export.
+
+## 8.82.14 | 2024-07-23
+
+-   Fix issue with text alignment while editing text.
+
 ## 8.82.13 | 2024-07-22
 
 -   Improve compatibility with stricter Content Security Policies.

package/locale/de_DE/core/de_DE.js

@@ -12,8 +12,7 @@ export default {
     labelNone: 'Keine',
     labelEdit: 'Bearbeiten',
     labelClose: 'Schließen',
-    labelSupportError: (features) =>
-        `${features.join(', ')} wird in diesem Browser nicht unterstützt`,
+    labelSupportError: `{features} wird in diesem Browser nicht unterstützt`,
 
     // defaults
     labelColor: 'Farbe',
@@ -63,26 +62,17 @@ export default {
     // status
     statusLabelButtonClose: 'Schließen',
     statusIconButtonClose: IconCross,
-    statusLabelLoadImage: (state) => {
-        if (!state || !state.task) return 'Warten auf Bild';
-        if (state.error)
-            return state.error.code === 'IMAGE_TOO_SMALL'
-                ? 'Mindestgröße ist {minWidth} × {minHeight}'
-                : 'Fehler beim Laden des Bilds';
-        if (state.task === 'blob-to-bitmap') return 'Bild wird geladen…';
-        return 'Vorschau wird erstellt…';
-    },
-
-    // processing status message
-    statusLabelProcessImage: (state) => {
-        if (!state || !state.task) return undefined;
-        if (state.task === 'store') {
-            if (state.error) return 'Fehler beim Hochladen des Bilds';
-            return 'Bild wird hochgeladen…';
-        }
-        if (state.error) return 'Fehler bei Bildverarbeitung';
-        return 'Bild wird verarbeitet…';
-    },
+
+    // new status options
+    statusImageLoadNone: 'Warten auf Bild',
+    statusImageLoadMinSize: 'Mindestgröße ist {minWidth} × {minHeight}',
+    statusImageLoadError: 'Fehler beim Laden des Bilds',
+    statusImageLoadPrepare: 'Bild wird geladen…',
+    statusImageLoadBusy: 'Vorschau wird erstellt…',
+    statusImageUploadError: 'Fehler beim Hochladen des Bilds',
+    statusImageUploadBusy: 'Bild wird hochgeladen…',
+    statusImageProcessError: 'Fehler bei Bildverarbeitung',
+    statusImageProcessBusy: 'Bild wird verarbeitet…',
 };
 
 export const MarkupEditor = {

package/locale/de_DE/crop/de_DE.js

@@ -12,30 +12,18 @@ export default {
     cropIconButtonFlipHorizontal:
         '<g stroke="none" fill="currentColor"><path d="M11.93 7.007V20a1 1 0 0 1-1 1H5.78a1 1 0 0 1-.93-1.368l5.15-12.993a1 1 0 0 1 1.929.368z"/><path d="M14 7.007V20a1 1 0 0 0 1 1h5.149a1 1 0 0 0 .93-1.368l-5.15-12.993A1 1 0 0 0 14 7.007z" opacity=".6"/></g>',
 
-    cropIconSelectPreset: (locale, aspectRatio) => {
-        const [a, b, c] = !aspectRatio
-            ? [0.2, 0.3, 0.4]
-            : [
-                  aspectRatio < 1 ? 1 : 0.3,
-                  aspectRatio === 1 ? 0.85 : 0.5,
-                  aspectRatio > 1 ? 1 : 0.3,
-              ];
-        return `<g fill="currentColor">
-            <rect opacity="${a}" x="2" y="4" width="10" height="18" rx="1"/>
-            <rect opacity="${b}" x="4" y="8" width="14" height="14" rx="1"/>
-            <rect opacity="${c}" x="6" y="12" width="17" height="10" rx="1"/>
-        </g>`;
-    },
+    cropIconSelectPreset: `<g fill="currentColor">
+        <rect opacity="{a}" x="2" y="4" width="10" height="18" rx="1"/>
+        <rect opacity="{b}" x="4" y="8" width="14" height="14" rx="1"/>
+        <rect opacity="{c}" x="6" y="12" width="17" height="10" rx="1"/>
+    </g>`,
 
-    cropIconCropBoundary: (locale, isBoundToImage) => {
-        const [a, b, c, d] = isBoundToImage ? [0.3, 1, 0, 0] : [0, 0, 0.3, 1];
-        return `<g fill="currentColor">
-            <rect opacity="${a}" x="2" y="3" width="20" height="20" rx="1"/>
-            <rect opacity="${b}" x="7" y="8" width="10" height="10" rx="1"/>
-            <rect opacity="${c}" x="4" y="8" width="14" height="14" rx="1"/>
-            <rect opacity="${d}" x="12" y="4" width="10" height="10" rx="1"/>
-        </g>`;
-    },
+    cropIconCropBoundary: `<g fill="currentColor">
+        <rect opacity="{a}" x="2" y="3" width="20" height="20" rx="1"/>
+        <rect opacity="{b}" x="7" y="8" width="10" height="10" rx="1"/>
+        <rect opacity="{c}" x="4" y="8" width="14" height="14" rx="1"/>
+        <rect opacity="{d}" x="12" y="4" width="10" height="10" rx="1"/>
+    </g>`,
 
     cropLabelButtonRecenter: 'Neu zentrieren',
     cropLabelButtonRotateLeft: 'Nach links drehen',

package/locale/de_DE/index.js

@@ -38,5 +38,4 @@ export default {
     ...Redact,
     ...Sticker,
     ...Fill,
-    ...Trim,
 };

package/locale/de_DE/resize/de_DE.js

@@ -12,8 +12,5 @@ export default {
 
     resizeTitleButtonMaintainAspectRatio: 'Seitenverhältnis bewahren',
 
-    resizeIconButtonMaintainAspectRatio: (active, activeFraction) =>
-        `<defs><mask id="mask1" x="-2" y="-2" width="24" height="24" ><rect x="0" y="0" width="24" height="10" fill="#fff" stroke="none"/></mask></defs><g fill="none" fill-rule="evenodd"><g  mask="url(#mask1)"><path transform="translate(0 ${
-            (activeFraction - 1) * 3
-        })" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" d="M9.401 10.205v-.804a2.599 2.599 0 0 1 5.198 0V17"/></g><rect fill="currentColor" x="7" y="10" width="10" height="7" rx="1.5"/></g>`,
+    resizeIconButtonMaintainAspectRatio: `<defs><mask id="mask1" x="-2" y="-2" width="24" height="24"><rect x="0" y="0" width="24" height="10" fill="#fff" stroke="none"/></mask></defs><g fill="none" fill-rule="evenodd"><g mask="url(#mask1)"><path transform="translate(0 {activeFraction})" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" d="M9.401 10.205v-.804a2.599 2.599 0 0 1 5.198 0V17"/></g><rect fill="currentColor" x="7" y="10" width="10" height="7" rx="1.5"/></g>`,
 };

package/locale/de_DE/trim/de_DE.js

@@ -30,31 +30,17 @@ export default {
     </g>`,
 
     // overrides
-    statusLabelLoadImage: (state) => {
-        if (!state || !state.task) return 'Warten auf Medium';
-        if (state.error) {
-            if (state.error.code === 'IMAGE_TOO_SMALL') {
-                return 'Mindestgröße ist {minWidth} &times; {minHeight}';
-            } else if (state.error.code === 'VIDEO_TOO_SHORT') {
-                const unit = state.error.metadata.minDuration === 1 ? 'Sekunde' : 'Sekunden';
-                return `Die Mindestvideodauer beträgt {minDuration} ${unit}`;
-            } else {
-                return 'Fehler beim Laden des Medium';
-            }
-        }
-        if (state.task === 'blob-to-bitmap') return 'Medium wird geladen&hellip;';
-        return 'Vorschau wird erstellt&hellip;';
-    },
-
-    statusLabelProcessImage: (state) => {
-        if (!state || !state.task) return undefined;
-        if (state.task === 'store') {
-            if (state.error) return 'Fehler beim Hochladen des Medium';
-            return 'Medium wird hochgeladen&hellip;';
-        }
-        if (state.error) return 'Fehler bei Medienverarbeitung';
-        return 'Medium wird verarbeitet&hellip;';
-    },
+    unitSeconds: ['Sekunde', 'Sekunden'],
+    statusImageLoadNone: 'Warten auf Medium',
+    statusImageLoadMinSize: 'Mindestgröße ist {minWidth} &times; {minHeight}',
+    statusImageLoadMinDuration: `Die Mindestvideodauer beträgt {minDuration} {seconds}`,
+    statusImageLoadError: 'Fehler beim Laden des Medium',
+    statusImageLoadPrepare: 'Medium wird geladen&hellip;',
+    statusImageLoadBusy: 'Vorschau wird erstellt&hellip;',
+    statusImageUploadError: 'Fehler beim Hochladen des Medium',
+    statusImageUploadBusy: 'Medium wird hochgeladen&hellip;',
+    statusImageProcessError: 'Fehler bei Medienverarbeitung',
+    statusImageProcessBusy: 'Medium wird verarbeitet&hellip;',
 
     cropLabelCropBoundaryEdge: 'Rand der Medium',
 };

package/locale/en_GB/core/en_GB.js

@@ -12,7 +12,7 @@ export default {
     labelNone: 'None',
     labelEdit: 'Edit',
     labelClose: 'Close',
-    labelSupportError: (features) => `${features.join(', ')} not supported on this browser`,
+    labelSupportError: `{features} not supported on this browser`,
 
     // defaults
     labelColor: 'Color',
@@ -63,26 +63,17 @@ export default {
     // status
     statusLabelButtonClose: 'Close',
     statusIconButtonClose: IconCross,
-    statusLabelLoadImage: (state) => {
-        if (!state || !state.task) return 'Waiting for image';
-        if (state.error)
-            return state.error.code === 'IMAGE_TOO_SMALL'
-                ? 'Minimum image size is {minWidth} × {minHeight}'
-                : 'Error loading image';
-        if (state.task === 'blob-to-bitmap') return 'Preparing image…';
-        return 'Loading image…';
-    },
-
-    // processing status message
-    statusLabelProcessImage: (state) => {
-        if (!state || !state.task) return undefined;
-        if (state.task === 'store') {
-            if (state.error) return 'Error uploading image';
-            return 'Uploading image…';
-        }
-        if (state.error) return 'Error processing image';
-        return 'Processing image…';
-    },
+
+    // new status options
+    statusImageLoadNone: 'Waiting for image',
+    statusImageLoadMinSize: 'Minimum image size is {minWidth} × {minHeight}',
+    statusImageLoadPrepare: 'Preparing image…',
+    statusImageLoadBusy: 'Loading image…',
+    statusImageLoadError: 'Error loading image',
+    statusImageProcessBusy: 'Processing image…',
+    statusImageProcessError: 'Error processing image',
+    statusImageUploadBusy: 'Uploading image…',
+    statusImageUploadError: 'Error uploading image',
 };
 
 export const MarkupEditor = {

package/locale/en_GB/crop/en_GB.js

@@ -12,30 +12,18 @@ export default {
     cropIconButtonFlipHorizontal:
         '<g stroke="none" fill="currentColor"><path d="M11.93 7.007V20a1 1 0 0 1-1 1H5.78a1 1 0 0 1-.93-1.368l5.15-12.993a1 1 0 0 1 1.929.368z"/><path d="M14 7.007V20a1 1 0 0 0 1 1h5.149a1 1 0 0 0 .93-1.368l-5.15-12.993A1 1 0 0 0 14 7.007z" opacity=".6"/></g>',
 
-    cropIconSelectPreset: (locale, aspectRatio) => {
-        const [a, b, c] = !aspectRatio
-            ? [0.2, 0.3, 0.4]
-            : [
-                  aspectRatio < 1 ? 1 : 0.3,
-                  aspectRatio === 1 ? 0.85 : 0.5,
-                  aspectRatio > 1 ? 1 : 0.3,
-              ];
-        return `<g fill="currentColor">
-            <rect opacity="${a}" x="2" y="4" width="10" height="18" rx="1"/>
-            <rect opacity="${b}" x="4" y="8" width="14" height="14" rx="1"/>
-            <rect opacity="${c}" x="6" y="12" width="17" height="10" rx="1"/>
-        </g>`;
-    },
+    cropIconSelectPreset: `<g fill="currentColor">
+        <rect opacity="{a}" x="2" y="4" width="10" height="18" rx="1"/>
+        <rect opacity="{b}" x="4" y="8" width="14" height="14" rx="1"/>
+        <rect opacity="{c}" x="6" y="12" width="17" height="10" rx="1"/>
+    </g>`,
 
-    cropIconCropBoundary: (locale, isBoundToImage) => {
-        const [a, b, c, d] = isBoundToImage ? [0.3, 1, 0, 0] : [0, 0, 0.3, 1];
-        return `<g fill="currentColor">
-            <rect opacity="${a}" x="2" y="3" width="20" height="20" rx="1"/>
-            <rect opacity="${b}" x="7" y="8" width="10" height="10" rx="1"/>
-            <rect opacity="${c}" x="4" y="8" width="14" height="14" rx="1"/>
-            <rect opacity="${d}" x="12" y="4" width="10" height="10" rx="1"/>
-        </g>`;
-    },
+    cropIconCropBoundary: `<g fill="currentColor">
+        <rect opacity="{a}" x="2" y="3" width="20" height="20" rx="1"/>
+        <rect opacity="{b}" x="7" y="8" width="10" height="10" rx="1"/>
+        <rect opacity="{c}" x="4" y="8" width="14" height="14" rx="1"/>
+        <rect opacity="{d}" x="12" y="4" width="10" height="10" rx="1"/>
+    </g>`,
 
     cropLabelButtonRecenter: 'Recenter',
     cropLabelButtonRotateLeft: 'Rotate left',

package/locale/en_GB/index.js

@@ -38,5 +38,4 @@ export default {
     ...Redact,
     ...Sticker,
     ...Fill,
-    ...Trim,
 };

package/locale/en_GB/resize/en_GB.js

@@ -12,8 +12,5 @@ export default {
 
     resizeTitleButtonMaintainAspectRatio: 'Maintain aspectratio',
 
-    resizeIconButtonMaintainAspectRatio: (active, activeFraction) =>
-        `<defs><mask id="mask1" x="-2" y="-2" width="24" height="24"><rect x="0" y="0" width="24" height="10" fill="#fff" stroke="none"/></mask></defs><g fill="none" fill-rule="evenodd"><g mask="url(#mask1)"><path transform="translate(0 ${
-            (activeFraction - 1) * 3
-        })" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" d="M9.401 10.205v-.804a2.599 2.599 0 0 1 5.198 0V17"/></g><rect fill="currentColor" x="7" y="10" width="10" height="7" rx="1.5"/></g>`,
+    resizeIconButtonMaintainAspectRatio: `<defs><mask id="mask1" x="-2" y="-2" width="24" height="24"><rect x="0" y="0" width="24" height="10" fill="#fff" stroke="none"/></mask></defs><g fill="none" fill-rule="evenodd"><g mask="url(#mask1)"><path transform="translate(0 {activeFraction})" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" d="M9.401 10.205v-.804a2.599 2.599 0 0 1 5.198 0V17"/></g><rect fill="currentColor" x="7" y="10" width="10" height="7" rx="1.5"/></g>`,
 };

package/locale/en_GB/trim/en_GB.js

@@ -29,32 +29,18 @@ export default {
     <path fill="currentColor" d="M6 8 L10 12 L6 16 Z M18 8 L14 12 L18 16 Z"/>
     </g>`,
 
-    // overrides, replace image with media
-    statusLabelLoadImage: (state) => {
-        if (!state || !state.task) return 'Waiting for media';
-        if (state.error) {
-            if (state.error.code === 'IMAGE_TOO_SMALL') {
-                return 'Minimum media size is {minWidth} &times; {minHeight}';
-            } else if (state.error.code === 'VIDEO_TOO_SHORT') {
-                const unit = state.error.metadata.minDuration === 1 ? 'second' : 'seconds';
-                return `Minimum video duration is {minDuration} ${unit}`;
-            } else {
-                return 'Error loading media';
-            }
-        }
-        if (state.task === 'blob-to-bitmap') return 'Preparing media&hellip;';
-        return 'Loading media&hellip;';
-    },
-
-    statusLabelProcessImage: (state) => {
-        if (!state || !state.task) return undefined;
-        if (state.task === 'store') {
-            if (state.error) return 'Error uploading media';
-            return 'Uploading media&hellip;';
-        }
-        if (state.error) return 'Error processing media';
-        return 'Processing media&hellip;';
-    },
+    // overrides
+    unitSeconds: ['second', 'seconds'],
+    statusImageLoadNone: 'Waiting for media',
+    statusImageLoadMinSize: 'Minimum media size is {minWidth} &times; {minHeight}',
+    statusImageLoadMinDuration: `Minimum video duration is {minDuration} {seconds}`,
+    statusImageLoadError: 'Error loading media',
+    statusImageLoadPrepare: 'Preparing media&hellip;',
+    statusImageLoadBusy: 'Loading media&hellip;',
+    statusImageUploadError: 'Error uploading media',
+    statusImageUploadBusy: 'Uploading media&hellip;',
+    statusImageProcessError: 'Error processing media',
+    statusImageProcessBusy: 'Processing media&hellip;',
 
     cropLabelCropBoundaryEdge: 'Edge of media',
 };

package/locale/es_ES/core/es_ES.js

@@ -12,7 +12,7 @@ export default {
     labelNone: 'Ninguno',
     labelEdit: 'Editar',
     labelClose: 'Cerrar',
-    labelSupportError: (features) => `Este navegador no soporta ${features.join(', ')}`,
+    labelSupportError: `Este navegador no soporta {features}`,
 
     // defaults
     labelColor: 'Color',
@@ -61,26 +61,17 @@ export default {
     // status
     statusLabelButtonClose: 'Cerrar',
     statusIconButtonClose: IconCross,
-    statusLabelLoadImage: (state) => {
-        if (!state || !state.task) return 'Esperando imagen';
-        if (state.error)
-            return state.error.code === 'IMAGE_TOO_SMALL'
-                ? 'Tamaño mínmo de {minWidth} × {minHeight}'
-                : 'Error de carga de la imagen';
-        if (state.task === 'blob-to-bitmap') return 'Preparando imagen…';
-        return 'Cargando imagen…';
-    },
-
-    // processing status message
-    statusLabelProcessImage: (state) => {
-        if (!state || !state.task) return undefined;
-        if (state.task === 'store') {
-            if (state.error) return 'Error de subida de imagen';
-            return 'Subiendo imagen…';
-        }
-        if (state.error) return 'Error de proceso de imagen';
-        return 'Procesando imagen…';
-    },
+
+    // new status options
+    statusImageLoadNone: 'Esperando imagen',
+    statusImageLoadMinSize: 'Tamaño mínmo de {minWidth} × {minHeight}',
+    statusImageLoadError: 'Error de carga de la imagen',
+    statusImageLoadPrepare: 'Preparando imagen…',
+    statusImageLoadBusy: 'Cargando imagen…',
+    statusImageUploadError: 'Error de subida de imagen',
+    statusImageUploadBusy: 'Subiendo imagen…',
+    statusImageProcessError: 'Error de proceso de imagen',
+    statusImageProcessBusy: 'Procesando imagen…',
 };
 
 export const MarkupEditor = {

package/locale/es_ES/crop/es_ES.js

@@ -12,30 +12,18 @@ export default {
     cropIconButtonFlipHorizontal:
         '<g stroke="none" fill="currentColor"><path d="M11.93 7.007V20a1 1 0 0 1-1 1H5.78a1 1 0 0 1-.93-1.368l5.15-12.993a1 1 0 0 1 1.929.368z"/><path d="M14 7.007V20a1 1 0 0 0 1 1h5.149a1 1 0 0 0 .93-1.368l-5.15-12.993A1 1 0 0 0 14 7.007z" opacity=".6"/></g>',
 
-    cropIconSelectPreset: (locale, aspectRatio) => {
-        const [a, b, c] = !aspectRatio
-            ? [0.2, 0.3, 0.4]
-            : [
-                  aspectRatio < 1 ? 1 : 0.3,
-                  aspectRatio === 1 ? 0.85 : 0.5,
-                  aspectRatio > 1 ? 1 : 0.3,
-              ];
-        return `<g fill="currentColor">
-            <rect opacity="${a}" x="2" y="4" width="10" height="18" rx="1"/>
-            <rect opacity="${b}" x="4" y="8" width="14" height="14" rx="1"/>
-            <rect opacity="${c}" x="6" y="12" width="17" height="10" rx="1"/>
-        </g>`;
-    },
+    cropIconSelectPreset: `<g fill="currentColor">
+        <rect opacity="{a}" x="2" y="4" width="10" height="18" rx="1"/>
+        <rect opacity="{b}" x="4" y="8" width="14" height="14" rx="1"/>
+        <rect opacity="{c}" x="6" y="12" width="17" height="10" rx="1"/>
+    </g>`,
 
-    cropIconCropBoundary: (locale, isBoundToImage) => {
-        const [a, b, c, d] = isBoundToImage ? [0.3, 1, 0, 0] : [0, 0, 0.3, 1];
-        return `<g fill="currentColor">
-            <rect opacity="${a}" x="2" y="3" width="20" height="20" rx="1"/>
-            <rect opacity="${b}" x="7" y="8" width="10" height="10" rx="1"/>
-            <rect opacity="${c}" x="4" y="8" width="14" height="14" rx="1"/>
-            <rect opacity="${d}" x="12" y="4" width="10" height="10" rx="1"/>
-        </g>`;
-    },
+    cropIconCropBoundary: `<g fill="currentColor">
+        <rect opacity="{a}" x="2" y="3" width="20" height="20" rx="1"/>
+        <rect opacity="{b}" x="7" y="8" width="10" height="10" rx="1"/>
+        <rect opacity="{c}" x="4" y="8" width="14" height="14" rx="1"/>
+        <rect opacity="{d}" x="12" y="4" width="10" height="10" rx="1"/>
+    </g>`,
 
     cropLabelButtonRecenter: 'Recentrar',
     cropLabelButtonRotateLeft: 'Rotar a la izquierda',

package/locale/es_ES/index.js

@@ -38,5 +38,4 @@ export default {
     ...Redact,
     ...Sticker,
     ...Fill,
-    ...Trim,
 };

package/locale/es_ES/resize/es_ES.js

@@ -12,8 +12,5 @@ export default {
 
     resizeTitleButtonMaintainAspectRatio: 'Mantener relacion de aspecto',
 
-    resizeIconButtonMaintainAspectRatio: (active, activeFraction) =>
-        `<defs><mask id="mask1" x="-2" y="-2" width="24" height="24" ><rect x="0" y="0" width="24" height="10" fill="#fff" stroke="none"/></mask></defs><g fill="none" fill-rule="evenodd"><g  mask="url(#mask1)"><path transform="translate(0 ${
-            (activeFraction - 1) * 3
-        })" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" d="M9.401 10.205v-.804a2.599 2.599 0 0 1 5.198 0V17"/></g><rect fill="currentColor" x="7" y="10" width="10" height="7" rx="1.5"/></g>`,
+    resizeIconButtonMaintainAspectRatio: `<defs><mask id="mask1" x="-2" y="-2" width="24" height="24"><rect x="0" y="0" width="24" height="10" fill="#fff" stroke="none"/></mask></defs><g fill="none" fill-rule="evenodd"><g mask="url(#mask1)"><path transform="translate(0 {activeFraction})" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" d="M9.401 10.205v-.804a2.599 2.599 0 0 1 5.198 0V17"/></g><rect fill="currentColor" x="7" y="10" width="10" height="7" rx="1.5"/></g>`,
 };

package/locale/es_ES/trim/es_ES.js

@@ -29,37 +29,18 @@ export default {
     <path fill="currentColor" d="M6 8 L10 12 L6 16 Z M18 8 L14 12 L18 16 Z"/>
     </g>`,
 
-    // overrides, replace image with media
-    statusLabelLoadImage: (state) => {
-        if (!state || !state.task) return 'Esperando media';
-        if (state.error) {
-            if (state.error.code === 'IMAGE_TOO_SMALL') {
-                return 'Tamaño mínmo de {minWidth} &times; {minHeight}';
-            } else if (state.error.code === 'VIDEO_TOO_SHORT') {
-                const unit = state.error.metadata.minDuration === 1 ? 'segundo' : 'segundos';
-                return `La duración mínima del video es de {minDuration} ${unit}`;
-            } else {
-                return 'Error al cargar media';
-            }
-        }
-        if (state.error)
-            return state.error.code === 'IMAGE_TOO_SMALL'
-                ? 'Tamaño mínmo de {minWidth} &times; {minHeight}'
-                : 'Error al cargar media';
-        if (state.task === 'blob-to-bitmap') return 'Preparando media&hellip;';
-        return 'Cargando media&hellip;';
-    },
-
-    // processing status message
-    statusLabelProcessImage: (state) => {
-        if (!state || !state.task) return undefined;
-        if (state.task === 'store') {
-            if (state.error) return 'Error de subida media';
-            return 'Subiendo media&hellip;';
-        }
-        if (state.error) return 'Error de proceso media';
-        return 'Procesando media&hellip;';
-    },
+    // overrides
+    unitSeconds: ['segundo', 'segundos'],
+    statusImageLoadNone: 'Esperando media',
+    statusImageLoadMinSize: 'Tamaño mínmo de {minWidth} &times; {minHeight}',
+    statusImageLoadMinDuration: `La duración mínima del video es de {minDuration} {seconds}`,
+    statusImageLoadError: 'Error al cargar media',
+    statusImageLoadPrepare: 'Preparando media&hellip;',
+    statusImageLoadBusy: 'Cargando media&hellip;',
+    statusImageUploadError: 'Error de subida media',
+    statusImageUploadBusy: 'Subiendo media&hellip;',
+    statusImageProcessError: 'Error de proceso media',
+    statusImageProcessBusy: 'Procesando media&hellip;',
 
     cropLabelCropBoundaryEdge: 'Borde de media',
 };

package/locale/fr_FR/core/fr_FR.js

@@ -12,7 +12,7 @@ export default {
     labelNone: 'Aucun',
     labelEdit: 'Modifier',
     labelClose: 'Fermer',
-    labelSupportError: (features) => `${features.join(', ')} non pris en charge dans ce navigateur`,
+    labelSupportError: `{features} non pris en charge dans ce navigateur`,
 
     // defaults
     labelColor: 'Couleur',
@@ -61,26 +61,17 @@ export default {
     // status
     statusLabelButtonClose: 'Fermer',
     statusIconButtonClose: IconCross,
-    statusLabelLoadImage: (state) => {
-        if (!state || !state.task) return `Attente de l'image`;
-        if (state.error)
-            return state.error.code === 'IMAGE_TOO_SMALL'
-                ? 'La taille minimale est de {minWidth} × {minHeight}'
-                : `Erreur de chargement de l'image`;
-        if (state.task === 'blob-to-bitmap') return `Préparer l'image…`;
-        return `Chargement de l'image…`;
-    },
-
-    // processing status message
-    statusLabelProcessImage: (state) => {
-        if (!state || !state.task) return undefined;
-        if (state.task === 'store') {
-            if (state.error) return `Erreur de transfert de l'image`;
-            return `Transfert de l'image…`;
-        }
-        if (state.error) return `Erreur de traitement de l'image`;
-        return `Traitement de l'image…`;
-    },
+
+    // new status options
+    statusImageLoadNone: `Attente de l'image`,
+    statusImageLoadMinSize: 'La taille minimale est de {minWidth} × {minHeight}',
+    statusImageLoadError: `Erreur de chargement de l'image`,
+    statusImageLoadPrepare: `Préparer l'image…`,
+    statusImageLoadBusy: `Chargement de l'image…`,
+    statusImageUploadError: `Erreur de transfert de l'image`,
+    statusImageUploadBusy: `Transfert de l'image…`,
+    statusImageProcessError: `Erreur de traitement de l'image`,
+    statusImageProcessBusy: `Traitement de l'image…`,
 };
 
 export const MarkupEditor = {

package/locale/fr_FR/crop/fr_FR.js

@@ -12,30 +12,18 @@ export default {
     cropIconButtonFlipHorizontal:
         '<g stroke="none" fill="currentColor"><path d="M11.93 7.007V20a1 1 0 0 1-1 1H5.78a1 1 0 0 1-.93-1.368l5.15-12.993a1 1 0 0 1 1.929.368z"/><path d="M14 7.007V20a1 1 0 0 0 1 1h5.149a1 1 0 0 0 .93-1.368l-5.15-12.993A1 1 0 0 0 14 7.007z" opacity=".6"/></g>',
 
-    cropIconSelectPreset: (locale, aspectRatio) => {
-        const [a, b, c] = !aspectRatio
-            ? [0.2, 0.3, 0.4]
-            : [
-                  aspectRatio < 1 ? 1 : 0.3,
-                  aspectRatio === 1 ? 0.85 : 0.5,
-                  aspectRatio > 1 ? 1 : 0.3,
-              ];
-        return `<g fill="currentColor">
-            <rect opacity="${a}" x="2" y="4" width="10" height="18" rx="1"/>
-            <rect opacity="${b}" x="4" y="8" width="14" height="14" rx="1"/>
-            <rect opacity="${c}" x="6" y="12" width="17" height="10" rx="1"/>
-        </g>`;
-    },
+    cropIconSelectPreset: `<g fill="currentColor">
+        <rect opacity="{a}" x="2" y="4" width="10" height="18" rx="1"/>
+        <rect opacity="{b}" x="4" y="8" width="14" height="14" rx="1"/>
+        <rect opacity="{c}" x="6" y="12" width="17" height="10" rx="1"/>
+    </g>`,
 
-    cropIconCropBoundary: (locale, isBoundToImage) => {
-        const [a, b, c, d] = isBoundToImage ? [0.3, 1, 0, 0] : [0, 0, 0.3, 1];
-        return `<g fill="currentColor">
-            <rect opacity="${a}" x="2" y="3" width="20" height="20" rx="1"/>
-            <rect opacity="${b}" x="7" y="8" width="10" height="10" rx="1"/>
-            <rect opacity="${c}" x="4" y="8" width="14" height="14" rx="1"/>
-            <rect opacity="${d}" x="12" y="4" width="10" height="10" rx="1"/>
-        </g>`;
-    },
+    cropIconCropBoundary: `<g fill="currentColor">
+        <rect opacity="{a}" x="2" y="3" width="20" height="20" rx="1"/>
+        <rect opacity="{b}" x="7" y="8" width="10" height="10" rx="1"/>
+        <rect opacity="{c}" x="4" y="8" width="14" height="14" rx="1"/>
+        <rect opacity="{d}" x="12" y="4" width="10" height="10" rx="1"/>
+    </g>`,
 
     cropLabelButtonRecenter: 'Recentrer',
     cropLabelButtonRotateLeft: 'Pivoter à gauche',

package/locale/fr_FR/index.js

@@ -38,5 +38,4 @@ export default {
     ...Redact,
     ...Sticker,
     ...Fill,
-    ...Trim,
 };

package/locale/fr_FR/resize/fr_FR.js

@@ -12,8 +12,5 @@ export default {
 
     resizeTitleButtonMaintainAspectRatio: `Maintenir le rapport d'apparence`,
 
-    resizeIconButtonMaintainAspectRatio: (active, activeFraction) =>
-        `<defs><mask id="mask1" x="-2" y="-2" width="24" height="24" ><rect x="0" y="0" width="24" height="10" fill="#fff" stroke="none"/></mask></defs><g fill="none" fill-rule="evenodd"><g  mask="url(#mask1)"><path transform="translate(0 ${
-            (activeFraction - 1) * 3
-        })" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" d="M9.401 10.205v-.804a2.599 2.599 0 0 1 5.198 0V17"/></g><rect fill="currentColor" x="7" y="10" width="10" height="7" rx="1.5"/></g>`,
+    resizeIconButtonMaintainAspectRatio: `<defs><mask id="mask1" x="-2" y="-2" width="24" height="24"><rect x="0" y="0" width="24" height="10" fill="#fff" stroke="none"/></mask></defs><g fill="none" fill-rule="evenodd"><g mask="url(#mask1)"><path transform="translate(0 {activeFraction})" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" d="M9.401 10.205v-.804a2.599 2.599 0 0 1 5.198 0V17"/></g><rect fill="currentColor" x="7" y="10" width="10" height="7" rx="1.5"/></g>`,
 };