@capillarytech/creatives-library 6.10.3 → 6.10.4

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@capillarytech/creatives-library",
   "author": "meharaj",
-  "version": "6.10.3",
+  "version": "6.10.4",
   "description": "Capillary creatives ui",
   "main": "./index.js",
   "module": "./index.es.js",

package/v2Containers/Line/Container/Image/index.js

@@ -84,9 +84,10 @@ export const LineImage = ({
     }, [errorMessageTitle, imageSrc, messageTitle, isImageError]);
 
     useEffect(() => {
-        if (Line.uploadedAssetData && Object.keys(Line.uploadedAssetData).length) {
-            const imgSrc = get(Line, 'uploadedAssetData.metaInfo.secure_file_path', '');
-            const imgPreview = get(Line, 'uploadedAssetData.metaInfo.secure_file_path_preview', '');
+        if (Line[`uploadedAssetData${index}`] && Object.keys(Line[`uploadedAssetData${index}`]).length) {
+            const imgSrc = get(Line, `uploadedAssetData${index}.metaInfo.secure_file_path`, '');
+            const imgPreview = get(Line, `uploadedAssetData${index}.metaInfo.secure_file_path_preview`, '');
+            actions.clearAsset(index);
             if (imgSrc) {
                 updateUploadedAssetList({
                     ...uploadedAssetList,
@@ -95,10 +96,9 @@ export const LineImage = ({
                         imgSrc,
                     },
                 });
-                actions.clearAsset();
             }
         }
-    }, [Line.uploadedAssetData]);
+    }, [Line[`uploadedAssetData${index}`]]);
 
     useEffect(() => {
         const imgSrc = get(uploadedAssetList[index], 'imgSrc', '');
@@ -142,6 +142,7 @@ export const LineImage = ({
                 data.file,
                 data.type,
                 data.fileParams,
+                index,
             );
         }
     }

package/v2Containers/Line/Container/ImageCarousel/Content.js

@@ -89,8 +89,8 @@ export const LineImageCarouselContent = ({
   }, [imageSrc, isImageError]);
 
   useEffect(() => {
-    if (Line.uploadedAssetDataImageCarousel && Object.keys(Line.uploadedAssetDataImageCarousel).length) {
-      const imgSrc = get(Line, 'uploadedAssetDataImageCarousel.metaInfo.secure_file_path', '');
+    if (Line[`uploadedAssetDataImageCarousel${index}`] && Object.keys(Line[`uploadedAssetDataImageCarousel${index}`]).length) {
+      const imgSrc = get(Line, `uploadedAssetDataImageCarousel${index}.metaInfo.secure_file_path`, '');
       if (imgSrc) {
         updateUploadedAssetList({
           ...uploadedAssetList,
@@ -101,10 +101,10 @@ export const LineImageCarouselContent = ({
             }
           },
         });
-        actions.clearAsset('ImageCarousel');
+        actions.clearAsset(`ImageCarousel${index}`);
       }
     }
-  }, [Line.uploadedAssetDataImageCarousel]);
+  }, [Line[`uploadedAssetDataImageCarousel${index}`]]);
 
   useEffect(() => {
     const imgSrc = get(uploadedAssetList[index], `${activeIndex}.imgSrc`, '');
@@ -148,7 +148,7 @@ export const LineImageCarouselContent = ({
         data.file,
         data.type,
         data.fileParams,
-        'ImageCarousel',
+        `ImageCarousel${index}`,
       );
     }
   }

package/v2Containers/Line/Container/ImageMap/index.js

@@ -57,6 +57,7 @@ export const LineImageMap = ({
     getAllTemplates,
     uploadedAssetList,
     updateUploadedAssetList,
+    deleteUploadedImgList,
 }) => {
     if (activeKey !== IMAGE_MAP) {
         return null;
@@ -129,7 +130,7 @@ export const LineImageMap = ({
     }, [errorMessageTitle, imageSrc, messageTitle, isImageError, imageMapTemplate, actionLinks, assetType, isImage, templateSchema, altText]);
 
     useEffect(() => {
-        const imgSrc = get(Line, 'uploadedAssetData', false);
+        const imgSrc = get(Line, `uploadedAssetData${index}`, false);
         if (imgSrc && typeof imgSrc !== 'object') {
             updateUploadedAssetList({
                 ...uploadedAssetList,
@@ -137,9 +138,9 @@ export const LineImageMap = ({
                     imgSrc: imgSrc.slice(0, -5),
                 },
             });
-            actions.clearAsset();
+            actions.clearAsset(index);
         }
-    }, [Line.uploadedAssetData]);
+    }, [Line[`uploadedAssetData${index}`]]);
 
     useEffect(() => {
         const imgSrc = get(uploadedAssetList[index], 'imgSrc', '');
@@ -202,6 +203,7 @@ export const LineImageMap = ({
                 data.file,
                 data.type,
                 data.fileParams,
+                index,
             );
         }
     }
@@ -338,6 +340,7 @@ export const LineImageMap = ({
 
     const onReUpload = () => {
         updateImageStatus(false);
+        deleteUploadedImgList(index);
         updateImageSrc('');
     }
 

package/v2Containers/Line/Container/reducer.js

@@ -42,14 +42,14 @@ function createReducer(state = initialState, action) {
       return state
         .set('uploadAssetSuccess', (action.statusCode !== undefined && action.statusCode !== '' && action.statusCode < 300))
         .set('assetUploading', false)
-        .set(action.templateType ? `uploadedAssetData${action.templateType}` : 'uploadedAssetData', action.data);
+        .set(action.templateType !== undefined ? `uploadedAssetData${action.templateType}` : 'uploadedAssetData', action.data);
     case types.UPLOAD_ASSET_FAILURE:
       return state
         .set('uploadAssetSuccess', false)
         .set('assetUploading', false);
     case types.CLEAR_ASSET:
       return state
-        .delete(action.templateType ? `uploadedAssetData${action.templateType}` : 'uploadedAssetData');
+        .delete(action.templateType !== undefined ? `uploadedAssetData${action.templateType}` : 'uploadedAssetData');
       // FOR EDIT
     case types.EDIT_TEMPLATE_REQUEST:
       return state