@threedddplus/logoeditor 0.0.187 → 0.0.188

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
@@ -14538,20 +14538,20 @@ var SaveDesign = function SaveDesign(_ref) {
14538
14538
  } else return true;
14539
14539
  };
14540
14540
  var onSaveHandler = /*#__PURE__*/function () {
14541
- var _ref2 = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime().mark(function _callee() {
14542
- var canvasGetobject, pathTextsData, canvasData, pathTextsKeys, i, pathData, o, obj, dataCh, S3UrlPath, canvasSvg, raw, horizontalLine, verticalLine;
14543
- return _regeneratorRuntime().wrap(function _callee$(_context) {
14544
- while (1) switch (_context.prev = _context.next) {
14541
+ var _ref2 = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime().mark(function _callee2() {
14542
+ var canvasGetobject, pathTextsData, selectAllCanvasObjects, canvasData, pathTextsKeys, i, pathData, o, obj, dataCh, S3UrlPath, canvasSvg, raw, horizontalLine, verticalLine;
14543
+ return _regeneratorRuntime().wrap(function _callee2$(_context2) {
14544
+ while (1) switch (_context2.prev = _context2.next) {
14545
14545
  case 0:
14546
14546
  if (isSaving) {
14547
- _context.next = 31;
14547
+ _context2.next = 31;
14548
14548
  break;
14549
14549
  }
14550
14550
  if (checkValidations()) {
14551
- _context.next = 3;
14551
+ _context2.next = 3;
14552
14552
  break;
14553
14553
  }
14554
- return _context.abrupt("return");
14554
+ return _context2.abrupt("return");
14555
14555
  case 3:
14556
14556
  setIsSaving(true);
14557
14557
  canvas.backgroundColor = null;
@@ -14593,53 +14593,66 @@ var SaveDesign = function SaveDesign(_ref) {
14593
14593
  };
14594
14594
  }
14595
14595
  });
14596
- /* const selectAllCanvasObjects = (padding: number = 20): Promise<string> => {
14597
- //@ts-ignore
14598
- return new Promise((resolve, reject) => {
14599
- const objs = canvas.getObjects().map(obj => obj.set('active', true));
14600
- const group = new fabric.ActiveSelection(objs, {
14601
- canvas: canvas,
14602
- originX: 'center',
14603
- originY: 'center'
14604
- });
14605
- canvas.setActiveObject(group);
14606
- canvas.requestRenderAll();
14607
-
14608
- group.clone((clonedGroup) => {
14609
- const boundingRect = clonedGroup.getBoundingRect();
14610
- const paddedWidth = boundingRect.width + 2 * padding;
14611
- const paddedHeight = boundingRect.height + 2 * padding;
14612
- tempCanvas.setWidth(paddedWidth);
14613
- tempCanvas.setHeight(paddedHeight);
14614
- clonedGroup.left = padding + boundingRect.left;
14615
- clonedGroup.top = padding + boundingRect.top;
14616
- clonedGroup.setCoords();
14617
-
14618
- tempCanvas.add(clonedGroup);
14619
- clonedGroup.center();
14620
- clonedGroup.setCoords();
14621
- tempCanvas.requestRenderAll();
14622
- const dataURL = tempCanvas.toDataURL();
14623
-
14624
- tempCanvas.clear();
14625
- tempCanvas.dispose();
14626
- clonedGroup = null;
14627
- canvas.discardActiveObject();
14628
- resolve(dataURL);
14629
- });
14630
- });
14631
- };
14632
-
14633
- (async () => {
14634
- try {
14635
- dataURL = await selectAllCanvasObjects();
14636
- } catch (error) {
14637
- console.error('Error capturing canvas objects:', error);
14638
- }
14639
- })();*/
14640
- canvasData = use3dddPlus.getState().applyColorFill();
14641
- dataURL = canvas.toDataURL();
14642
- console.log('CANVASIMAGE--->', dataURL);
14596
+ selectAllCanvasObjects = function selectAllCanvasObjects(padding) {
14597
+ if (padding === void 0) {
14598
+ padding = 20;
14599
+ }
14600
+ //@ts-ignore
14601
+ return new Promise(function (resolve, reject) {
14602
+ var objs = canvas.getObjects().map(function (obj) {
14603
+ return obj.set('active', true);
14604
+ });
14605
+ var group = new fabric.ActiveSelection(objs, {
14606
+ canvas: canvas,
14607
+ originX: 'center',
14608
+ originY: 'center'
14609
+ });
14610
+ canvas.setActiveObject(group);
14611
+ canvas.requestRenderAll();
14612
+ group.clone(function (clonedGroup) {
14613
+ var boundingRect = clonedGroup.getBoundingRect();
14614
+ var paddedWidth = boundingRect.width + 2 * padding;
14615
+ var paddedHeight = boundingRect.height + 2 * padding;
14616
+ tempCanvas.setWidth(paddedWidth);
14617
+ tempCanvas.setHeight(paddedHeight);
14618
+ clonedGroup.left = padding + boundingRect.left;
14619
+ clonedGroup.top = padding + boundingRect.top;
14620
+ clonedGroup.setCoords();
14621
+ tempCanvas.add(clonedGroup);
14622
+ clonedGroup.center();
14623
+ clonedGroup.setCoords();
14624
+ tempCanvas.requestRenderAll();
14625
+ var dataURL = tempCanvas.toDataURL();
14626
+ tempCanvas.clear();
14627
+ tempCanvas.dispose();
14628
+ clonedGroup = null;
14629
+ canvas.discardActiveObject();
14630
+ resolve(dataURL);
14631
+ });
14632
+ });
14633
+ };
14634
+ _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime().mark(function _callee() {
14635
+ return _regeneratorRuntime().wrap(function _callee$(_context) {
14636
+ while (1) switch (_context.prev = _context.next) {
14637
+ case 0:
14638
+ _context.prev = 0;
14639
+ _context.next = 3;
14640
+ return selectAllCanvasObjects();
14641
+ case 3:
14642
+ dataURL = _context.sent;
14643
+ _context.next = 9;
14644
+ break;
14645
+ case 6:
14646
+ _context.prev = 6;
14647
+ _context.t0 = _context["catch"](0);
14648
+ console.error('Error capturing canvas objects:', _context.t0);
14649
+ case 9:
14650
+ case "end":
14651
+ return _context.stop();
14652
+ }
14653
+ }, _callee, null, [[0, 6]]);
14654
+ }))();
14655
+ canvasData = use3dddPlus.getState().applyColorFill(); // dataURL = canvas.toDataURL();
14643
14656
  // looping through the text shape objects & taking out text data to inject in the canvas json data & save
14644
14657
  pathTextsKeys = Object.keys(pathTextsData);
14645
14658
  for (i = 0; i < pathTextsKeys.length; i++) {
@@ -14652,10 +14665,10 @@ var SaveDesign = function SaveDesign(_ref) {
14652
14665
  }
14653
14666
  }
14654
14667
  dataCh = JSON.stringify(canvasData);
14655
- _context.next = 17;
14668
+ _context2.next = 17;
14656
14669
  return uploadLogoConfig(dataCh, use3dddPlus.getState().customerId);
14657
14670
  case 17:
14658
- S3UrlPath = _context.sent;
14671
+ S3UrlPath = _context2.sent;
14659
14672
  canvasSvg = canvas.toSVG();
14660
14673
  closeModal('', false, '', {});
14661
14674
  raw = JSON.stringify({
@@ -14708,9 +14721,9 @@ var SaveDesign = function SaveDesign(_ref) {
14708
14721
  });
14709
14722
  case 33:
14710
14723
  case "end":
14711
- return _context.stop();
14724
+ return _context2.stop();
14712
14725
  }
14713
- }, _callee);
14726
+ }, _callee2);
14714
14727
  }));
14715
14728
  return function onSaveHandler() {
14716
14729
  return _ref2.apply(this, arguments);