western-world 3.0.248 → 3.0.249

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "western-world",
-  "version": "3.0.248",
+  "version": "3.0.249",
   "description": "",
   "main": "dist/index.js",
   "scripts": {

package/src/western-world.utils.js

@@ -73,24 +73,17 @@ export const buildNewSvgImages = ({ allCells, language }) => {
 };
 
 export const buildNewSvgImageByCell = ({ cell, language, withMask, parser }) => {
-  const cellImport = cells[cell.animatedImage];
-  // TODO create scss file for each cell and simplify it;
-  const svgStr = typeof cellImport === 'object' ? cellImport.svgPath : cellImport;
-  const scssAnimationStr = typeof cellImport === 'object' ? cellImport.scssPath : '';
-
   // get svg image from file and apply offsets;
-  const doc = parser.parseFromString(svgStr, 'image/svg+xml');
-
+  const doc = parser.parseFromString(cells[cell.animatedImage].svgPath, 'image/svg+xml');
   const svgEl = doc.querySelector('svg');
   const maxMainSvgViewBox = svgEl.viewBox.baseVal.width;
   svgEl.classList.add(cell.animatedImage);
-
   const styleElement = svgEl.querySelector('svg > style');
   const styleSvg = `
           ${languageSvgStyles}
           ${withMask ? maskStyles : ''}
-          ${scssAnimationStr}
-        `;
+          ${cells[cell.animatedImage].scssPath}
+  `;
   styleElement.insertAdjacentHTML('beforeend', styleSvg);
 
   // create new <g> and move all content to it to apply mask;
@@ -122,9 +115,7 @@ export const buildNewSvgImageByCell = ({ cell, language, withMask, parser }) =>
     svgUseBorderElement.setAttribute('class', 'use-border');
     svgEl.appendChild(svgUseBorderElement);
   }
-
   svgEl.appendChild(gElement);
-
   return buildImageForCanvasFromHtmlStr(svgEl.outerHTML).then((img) => ({ svgTag: svgEl.outerHTML, img }));
 };