@threedddplus/logoeditor 0.0.187 → 0.0.189

package/dist/logoeditor.esm.js

@@ -14538,20 +14538,20 @@ var SaveDesign = function SaveDesign(_ref) {
     } else return true;
   };
   var onSaveHandler = /*#__PURE__*/function () {
-    var _ref2 = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime().mark(function _callee() {
-      var canvasGetobject, pathTextsData, canvasData, pathTextsKeys, i, pathData, o, obj, dataCh, S3UrlPath, canvasSvg, raw, horizontalLine, verticalLine;
-      return _regeneratorRuntime().wrap(function _callee$(_context) {
-        while (1) switch (_context.prev = _context.next) {
+    var _ref2 = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime().mark(function _callee2() {
+      var canvasGetobject, pathTextsData, selectAllCanvasObjects, canvasData, pathTextsKeys, i, pathData, o, obj, dataCh, S3UrlPath, canvasSvg, raw, horizontalLine, verticalLine;
+      return _regeneratorRuntime().wrap(function _callee2$(_context2) {
+        while (1) switch (_context2.prev = _context2.next) {
           case 0:
             if (isSaving) {
-              _context.next = 31;
+              _context2.next = 31;
               break;
             }
             if (checkValidations()) {
-              _context.next = 3;
+              _context2.next = 3;
               break;
             }
-            return _context.abrupt("return");
+            return _context2.abrupt("return");
           case 3:
             setIsSaving(true);
             canvas.backgroundColor = null;
@@ -14593,53 +14593,68 @@ var SaveDesign = function SaveDesign(_ref) {
                 };
               }
             });
-            /*  const selectAllCanvasObjects = (padding: number = 20): Promise<string> => {
-                //@ts-ignore
-                return new Promise((resolve, reject) => {
-                    const objs = canvas.getObjects().map(obj => obj.set('active', true));
-                    const group = new fabric.ActiveSelection(objs, {
-                        canvas: canvas,
-                        originX: 'center',
-                        originY: 'center'
-                    });
-                    canvas.setActiveObject(group);
-                    canvas.requestRenderAll();
-            
-                    group.clone((clonedGroup) => {
-                      const boundingRect = clonedGroup.getBoundingRect();
-                      const paddedWidth = boundingRect.width + 2 * padding;
-                      const paddedHeight = boundingRect.height + 2 * padding;
-                                  tempCanvas.setWidth(paddedWidth);
-                      tempCanvas.setHeight(paddedHeight);
-                      clonedGroup.left = padding + boundingRect.left;
-                      clonedGroup.top = padding + boundingRect.top;
-                      clonedGroup.setCoords();
-                      
-                      tempCanvas.add(clonedGroup);
-                      clonedGroup.center();
-                      clonedGroup.setCoords();
-                      tempCanvas.requestRenderAll();
-                      const dataURL = tempCanvas.toDataURL();
-            
-                      tempCanvas.clear();
-                      tempCanvas.dispose();
-                      clonedGroup = null;
-                      canvas.discardActiveObject();
-                      resolve(dataURL);
-                    });
-                });
-            };
-            
-            (async () => {
-                try {
-                     dataURL = await selectAllCanvasObjects();
-                } catch (error) {
-                    console.error('Error capturing canvas objects:', error);
-                }
-            })();*/
-            canvasData = use3dddPlus.getState().applyColorFill();
-            dataURL = canvas.toDataURL();
-            console.log('CANVASIMAGE--->', dataURL);
+            selectAllCanvasObjects = function selectAllCanvasObjects(padding) {
+              if (padding === void 0) {
+                padding = 20;
+              }
+              //@ts-ignore
+              return new Promise(function (resolve, reject) {
+                var objs = canvas.getObjects().map(function (obj) {
+                  return obj.set('active', true);
+                });
+                var group = new fabric.ActiveSelection(objs, {
+                  canvas: canvas,
+                  originX: 'center',
+                  originY: 'center'
+                });
+                canvas.setActiveObject(group);
+                canvas.requestRenderAll();
+                group.clone(function (clonedGroup) {
+                  var boundingRect = clonedGroup.getBoundingRect();
+                  var paddedWidth = boundingRect.width + 4 * padding;
+                  var paddedHeight = boundingRect.height + 6 * padding;
+                  tempCanvas.setWidth(paddedWidth);
+                  tempCanvas.setHeight(paddedHeight);
+                  clonedGroup.left = padding + boundingRect.left;
+                  clonedGroup.top = padding + boundingRect.top;
+                  clonedGroup.setCoords();
+                  tempCanvas.add(clonedGroup);
+                  clonedGroup.center();
+                  clonedGroup.setCoords();
+                  tempCanvas.requestRenderAll();
+                  var dataURL = tempCanvas.toDataURL();
+                  console.log("Image--->", dataURL);
+                  tempCanvas.clear();
+                  tempCanvas.dispose();
+                  clonedGroup = null;
+                  canvas.discardActiveObject();
+                  resolve(dataURL);
+                });
+              });
+            };
+            _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime().mark(function _callee() {
+              return _regeneratorRuntime().wrap(function _callee$(_context) {
+                while (1) switch (_context.prev = _context.next) {
+                  case 0:
+                    _context.prev = 0;
+                    _context.next = 3;
+                    return selectAllCanvasObjects();
+                  case 3:
+                    dataURL = _context.sent;
+                    console.log();
+                    _context.next = 10;
+                    break;
+                  case 7:
+                    _context.prev = 7;
+                    _context.t0 = _context["catch"](0);
+                    console.error('Error capturing canvas objects:', _context.t0);
+                  case 10:
+                  case "end":
+                    return _context.stop();
+                }
+              }, _callee, null, [[0, 7]]);
+            }))();
+            canvasData = use3dddPlus.getState().applyColorFill(); // dataURL = canvas.toDataURL();
             // looping through the text shape objects & taking out text data to inject in the canvas json data & save
             pathTextsKeys = Object.keys(pathTextsData);
             for (i = 0; i < pathTextsKeys.length; i++) {
@@ -14652,10 +14667,10 @@ var SaveDesign = function SaveDesign(_ref) {
               }
             }
             dataCh = JSON.stringify(canvasData);
-            _context.next = 17;
+            _context2.next = 17;
             return uploadLogoConfig(dataCh, use3dddPlus.getState().customerId);
           case 17:
-            S3UrlPath = _context.sent;
+            S3UrlPath = _context2.sent;
             canvasSvg = canvas.toSVG();
             closeModal('', false, '', {});
             raw = JSON.stringify({
@@ -14708,9 +14723,9 @@ var SaveDesign = function SaveDesign(_ref) {
             });
           case 33:
           case "end":
-            return _context.stop();
+            return _context2.stop();
         }
-      }, _callee);
+      }, _callee2);
     }));
     return function onSaveHandler() {
       return _ref2.apply(this, arguments);