Fix: some filters/finetunes names are changed on saving the image in …

…prod. code

packages/react-filerobot-image-editor/src/custom/filters/Aden.js

@@ -27,4 +27,6 @@ function Aden(imageData) {
   }
 }
 
+Aden.filterName = 'Aden'; // We assign the filter name here instead of using the fn. name as on prod. code the fn. name is optimized that might cause bug in that case.
+
 export default Aden;

packages/react-filerobot-image-editor/src/custom/filters/Amaro.js

@@ -28,4 +28,6 @@ function Amaro(imageData) {
   }
 }
 
+Amaro.filterName = 'Amaro'; // We assign the filter name here instead of using the fn. name as on prod. code the fn. name is optimized that might cause bug in that case.
+
 export default Amaro;

packages/react-filerobot-image-editor/src/custom/filters/Ashby.js

@@ -28,4 +28,6 @@ function Ashby(imageData) {
   }
 }
 
+Ashby.filterName = 'Ashby'; // We assign the filter name here instead of using the fn. name as on prod. code the fn. name is optimized that might cause bug in that case.
+
 export default Ashby;

packages/react-filerobot-image-editor/src/custom/filters/BlackAndWhite.js

@@ -21,4 +21,6 @@ function BlackAndWhite(imageData) {
   }
 }
 
+BlackAndWhite.filterName = 'BlackAndWhite'; // We assign the filter name here instead of using the fn. name as on prod. code the fn. name is optimized that might cause bug in that case.
+
 export default BlackAndWhite;

packages/react-filerobot-image-editor/src/custom/filters/Brannan.js

@@ -28,4 +28,6 @@ function Brannan(imageData) {
   }
 }
 
+Brannan.filterName = 'Brannan'; // We assign the filter name here instead of using the fn. name as on prod. code the fn. name is optimized that might cause bug in that case.
+
 export default Brannan;

packages/react-filerobot-image-editor/src/custom/filters/Brooklyn.js

@@ -28,4 +28,6 @@ function Brooklyn(imageData) {
   }
 }
 
+Brooklyn.filterName = 'Brooklyn'; // We assign the filter name here instead of using the fn. name as on prod. code the fn. name is optimized that might cause bug in that case.
+
 export default Brooklyn;

packages/react-filerobot-image-editor/src/custom/filters/Charmes.js

@@ -28,4 +28,6 @@ function Charmes(imageData) {
   }
 }
 
+Charmes.filterName = 'Charmes'; // We assign the filter name here instead of using the fn. name as on prod. code the fn. name is optimized that might cause bug in that case.
+
 export default Charmes;

packages/react-filerobot-image-editor/src/custom/filters/Clarendon.js

@@ -34,4 +34,6 @@ function Clarendon(imageData) {
   }
 }
 
+Clarendon.filterName = 'Clarendon'; // We assign the filter name here instead of using the fn. name as on prod. code the fn. name is optimized that might cause bug in that case.
+
 export default Clarendon;

packages/react-filerobot-image-editor/src/custom/filters/Crema.js

@@ -27,4 +27,6 @@ function Crema(imageData) {
   }
 }
 
+Crema.filterName = 'Crema'; // We assign the filter name here instead of using the fn. name as on prod. code the fn. name is optimized that might cause bug in that case.
+
 export default Crema;

packages/react-filerobot-image-editor/src/custom/filters/Dogpatch.js

@@ -28,4 +28,6 @@ function Dogpatch(imageData) {
   }
 }
 
+Dogpatch.filterName = 'Dogpatch'; // We assign the filter name here instead of using the fn. name as on prod. code the fn. name is optimized that might cause bug in that case.
+
 export default Dogpatch;

packages/react-filerobot-image-editor/src/custom/filters/Earlybird.js

@@ -22,4 +22,6 @@ function Earlybird(imageData) {
   }
 }
 
+Earlybird.filterName = 'Earlybird'; // We assign the filter name here instead of using the fn. name as on prod. code the fn. name is optimized that might cause bug in that case.
+
 export default Earlybird;

packages/react-filerobot-image-editor/src/custom/filters/Gingham.js

@@ -28,4 +28,6 @@ function Gingham(imageData) {
   }
 }
 
+Gingham.filterName = 'Gingham'; // We assign the filter name here instead of using the fn. name as on prod. code the fn. name is optimized that might cause bug in that case.
+
 export default Gingham;

packages/react-filerobot-image-editor/src/custom/filters/Ginza.js

@@ -28,4 +28,6 @@ function Ginza(imageData) {
   }
 }
 
+Ginza.filterName = 'Ginza'; // We assign the filter name here instead of using the fn. name as on prod. code the fn. name is optimized that might cause bug in that case.
+
 export default Ginza;

packages/react-filerobot-image-editor/src/custom/filters/Hefe.js

@@ -28,4 +28,6 @@ function Hefe(imageData) {
   }
 }
 
+Hefe.filterName = 'Hefe'; // We assign the filter name here instead of using the fn. name as on prod. code the fn. name is optimized that might cause bug in that case.
+
 export default Hefe;

packages/react-filerobot-image-editor/src/custom/filters/Helena.js

@@ -28,4 +28,6 @@ function Helena(imageData) {
   }
 }
 
+Helena.filterName = 'Helena'; // We assign the filter name here instead of using the fn. name as on prod. code the fn. name is optimized that might cause bug in that case.
+
 export default Helena;

packages/react-filerobot-image-editor/src/custom/filters/Hudson.js

@@ -34,4 +34,6 @@ function Hudson(imageData) {
   }
 }
 
+Hudson.filterName = 'Hudson'; // We assign the filter name here instead of using the fn. name as on prod. code the fn. name is optimized that might cause bug in that case.
+
 export default Hudson;

packages/react-filerobot-image-editor/src/custom/filters/Juno.js

@@ -27,4 +27,6 @@ function Juno(imageData) {
   }
 }
 
+Juno.filterName = 'Juno'; // We assign the filter name here instead of using the fn. name as on prod. code the fn. name is optimized that might cause bug in that case.
+
 export default Juno;

packages/react-filerobot-image-editor/src/custom/filters/Kelvin.js

@@ -34,4 +34,6 @@ function Kelvin(imageData) {
   }
 }
 
+Kelvin.filterName = 'Kelvin'; // We assign the filter name here instead of using the fn. name as on prod. code the fn. name is optimized that might cause bug in that case.
+
 export default Kelvin;

packages/react-filerobot-image-editor/src/custom/filters/Lark.js

@@ -34,4 +34,6 @@ function Lark(imageData) {
   }
 }
 
+Lark.filterName = 'Lark'; // We assign the filter name here instead of using the fn. name as on prod. code the fn. name is optimized that might cause bug in that case.
+
 export default Lark;

packages/react-filerobot-image-editor/src/custom/filters/LoFi.js

@@ -28,4 +28,6 @@ function LoFi(imageData) {
   }
 }
 
+LoFi.filterName = 'LoFi'; // We assign the filter name here instead of using the fn. name as on prod. code the fn. name is optimized that might cause bug in that case.
+
 export default LoFi;

packages/react-filerobot-image-editor/src/custom/filters/Ludwig.js

@@ -28,4 +28,6 @@ function Ludwig(imageData) {
   }
 }
 
+Ludwig.filterName = 'Ludwig'; // We assign the filter name here instead of using the fn. name as on prod. code the fn. name is optimized that might cause bug in that case.
+
 export default Ludwig;

packages/react-filerobot-image-editor/src/custom/filters/Maven.js

@@ -34,4 +34,6 @@ function Maven(imageData) {
   }
 }
 
+Maven.filterName = 'Maven'; // We assign the filter name here instead of using the fn. name as on prod. code the fn. name is optimized that might cause bug in that case.
+
 export default Maven;

packages/react-filerobot-image-editor/src/custom/filters/Mayfair.js

@@ -27,4 +27,6 @@ function Mayfair(imageData) {
   }
 }
 
+Mayfair.filterName = 'Mayfair'; // We assign the filter name here instead of using the fn. name as on prod. code the fn. name is optimized that might cause bug in that case.
+
 export default Mayfair;

packages/react-filerobot-image-editor/src/custom/filters/Moon.js

@@ -27,4 +27,6 @@ function Moon(imageData) {
   }
 }
 
+Moon.filterName = 'Moon'; // We assign the filter name here instead of using the fn. name as on prod. code the fn. name is optimized that might cause bug in that case.
+
 export default Moon;

packages/react-filerobot-image-editor/src/custom/filters/Nashville.js

@@ -28,4 +28,6 @@ function Nashville(imageData) {
   }
 }
 
+Nashville.filterName = 'Nashville'; // We assign the filter name here instead of using the fn. name as on prod. code the fn. name is optimized that might cause bug in that case.
+
 export default Nashville;

packages/react-filerobot-image-editor/src/custom/filters/NinteenSeventySeven.js

@@ -28,4 +28,6 @@ function NinteenSeventySeven(imageData) {
   }
 }
 
+NinteenSeventySeven.filterName = 'NinteenSeventySeven'; // We assign the filter name here instead of using the fn. name as on prod. code the fn. name is optimized that might cause bug in that case.
+
 export default NinteenSeventySeven;

packages/react-filerobot-image-editor/src/custom/filters/Perpetua.js

@@ -22,4 +22,6 @@ function Perpetua(imageData) {
   }
 }
 
+Perpetua.filterName = 'Perpetua'; // We assign the filter name here instead of using the fn. name as on prod. code the fn. name is optimized that might cause bug in that case.
+
 export default Perpetua;

packages/react-filerobot-image-editor/src/custom/filters/Reyes.js

@@ -34,4 +34,6 @@ function Reyes(imageData) {
   }
 }
 
+Reyes.filterName = 'Reyes'; // We assign the filter name here instead of using the fn. name as on prod. code the fn. name is optimized that might cause bug in that case.
+
 export default Reyes;

packages/react-filerobot-image-editor/src/custom/filters/Rise.js

@@ -34,4 +34,6 @@ function Rise(imageData) {
   }
 }
 
+Rise.filterName = 'Rise'; // We assign the filter name here instead of using the fn. name as on prod. code the fn. name is optimized that might cause bug in that case.
+
 export default Rise;

packages/react-filerobot-image-editor/src/custom/filters/Sierra.js

@@ -28,4 +28,6 @@ function Sierra(imageData) {
   }
 }
 
+Sierra.filterName = 'Sierra'; // We assign the filter name here instead of using the fn. name as on prod. code the fn. name is optimized that might cause bug in that case.
+
 export default Sierra;

packages/react-filerobot-image-editor/src/custom/filters/Skyline.js

@@ -28,4 +28,6 @@ function Skyline(imageData) {
   }
 }
 
+Skyline.filterName = 'Skyline'; // We assign the filter name here instead of using the fn. name as on prod. code the fn. name is optimized that might cause bug in that case.
+
 export default Skyline;

packages/react-filerobot-image-editor/src/custom/filters/Slumber.js

@@ -28,4 +28,6 @@ function Slumber(imageData) {
   }
 }
 
+Slumber.filterName = 'Slumber'; // We assign the filter name here instead of using the fn. name as on prod. code the fn. name is optimized that might cause bug in that case.
+
 export default Slumber;

packages/react-filerobot-image-editor/src/custom/filters/Stinson.js

@@ -28,4 +28,6 @@ function Stinson(imageData) {
   }
 }
 
+Stinson.filterName = 'Stinson'; // We assign the filter name here instead of using the fn. name as on prod. code the fn. name is optimized that might cause bug in that case.
+
 export default Stinson;

packages/react-filerobot-image-editor/src/custom/filters/Sutro.js

@@ -28,4 +28,6 @@ function Sutro(imageData) {
   }
 }
 
+Sutro.filterName = 'Sutro'; // We assign the filter name here instead of using the fn. name as on prod. code the fn. name is optimized that might cause bug in that case.
+
 export default Sutro;

packages/react-filerobot-image-editor/src/custom/filters/Toaster.js

@@ -28,4 +28,6 @@ function Toaster(imageData) {
   }
 }
 
+Toaster.filterName = 'Toaster'; // We assign the filter name here instead of using the fn. name as on prod. code the fn. name is optimized that might cause bug in that case.
+
 export default Toaster;

packages/react-filerobot-image-editor/src/custom/filters/Valencia.js

@@ -34,4 +34,6 @@ function Valencia(imageData) {
   }
 }
 
+Valencia.filterName = 'Valencia'; // We assign the filter name here instead of using the fn. name as on prod. code the fn. name is optimized that might cause bug in that case.
+
 export default Valencia;

packages/react-filerobot-image-editor/src/custom/filters/Vesper.js

@@ -34,4 +34,6 @@ function Vesper(imageData) {
   }
 }
 
+Vesper.filterName = 'Vesper'; // We assign the filter name here instead of using the fn. name as on prod. code the fn. name is optimized that might cause bug in that case.
+
 export default Vesper;

packages/react-filerobot-image-editor/src/custom/filters/Walden.js

@@ -28,4 +28,6 @@ function Walden(imageData) {
   }
 }
 
+Walden.filterName = 'Walden'; // We assign the filter name here instead of using the fn. name as on prod. code the fn. name is optimized that might cause bug in that case.
+
 export default Walden;

packages/react-filerobot-image-editor/src/custom/filters/Willow.js

@@ -34,4 +34,6 @@ function Willow(imageData) {
   }
 }
 
+Willow.filterName = 'Willow'; // We assign the filter name here instead of using the fn. name as on prod. code the fn. name is optimized that might cause bug in that case.
+
 export default Willow;

packages/react-filerobot-image-editor/src/custom/filters/XPro2.js

@@ -34,4 +34,6 @@ function XPro2(imageData) {
   }
 }
 
+XPro2.filterName = 'XPro2'; // We assign the filter name here instead of using the fn. name as on prod. code the fn. name is optimized that might cause bug in that case.
+
 export default XPro2;

packages/react-filerobot-image-editor/src/custom/finetunes/CustomThreshold.js

@@ -27,6 +27,8 @@ function CustomThreshold(imageData) {
   }
 }
 
+CustomThreshold.finetuneName = 'CustomThreshold'; // We assign the finetune name here instead of using the fn. name as on prod. code the fn. name is optimized that might cause bug in that case.
+
 export default CustomThreshold;
 
 /**

packages/react-filerobot-image-editor/src/custom/finetunes/Warmth.js

@@ -27,6 +27,8 @@ function Warmth(imageData) {
   }
 }
 
+Warmth.finetuneName = 'Warmth'; // We assign the finetune name here instead of using the fn. name as on prod. code the fn. name is optimized that might cause bug in that case.
+
 export default Warmth;
 
 /**

packages/react-filerobot-image-editor/src/hooks/useTransformedImgData.js

@@ -185,10 +185,12 @@ const useTransformedImgData = () => {
       },
     };
     if (finalImgDesignState.filter) {
-      finalImgDesignState.filter = finalImgDesignState.filter.name;
+      finalImgDesignState.filter =
+        finalImgDesignState.filter.filterName ||
+        finalImgDesignState.filter.name;
     }
     finalImgDesignState.finetunes = finalImgDesignState.finetunes.map(
-      (finetuneFn) => finetuneFn.name,
+      (finetuneFn) => finetuneFn.finetuneName || finetuneFn.name,
     );
     Object.keys(finalImgDesignState.annotations).forEach((k) => {
       const annotation = finalImgDesignState.annotations[k];

packages/react-filerobot-image-editor/src/utils/operationsToCloudimageUrl.js

@@ -112,7 +112,8 @@ const generateFinetuneQuery = (finetunes, finetunesProps = {}) => {
   const queryParams = [];
   finetunes.forEach((finetuneFn) => {
     const finetuneParamInfo =
-      finetuneFn.name && finetuneNameToParamInfo[finetuneFn.name];
+      (finetuneFn.finetuneName || finetuneFn.name) &&
+      finetuneNameToParamInfo[finetuneFn.finetuneName || finetuneFn.name];
     if (finetuneParamInfo) {
       const finetuneCloudimageVal = toPrecisedFloat(
         mapNumber(