@threedddplus/logoeditor 0.0.35 → 0.0.37

package/dist/logoeditor.esm.js

@@ -7904,19 +7904,16 @@ var AddMascot = function AddMascot() {
   }) : 'No Stock Logos')))), loading && React.createElement(Loader, null));
 };
 
-var SaveDesignModal = function SaveDesignModal(_ref) {
+var LogoEditorSaveDesignModal = function LogoEditorSaveDesignModal(_ref) {
   var children = _ref.children,
     _ref$className = _ref.className,
     className = _ref$className === void 0 ? '' : _ref$className;
   // const closeDesign = use3dddPlus((state) => state.setToggleSaveLogo);
   return React.createElement(React.Fragment, null, React.createElement("div", {
-    className: "modal modal-middle modal-open"
+    className: "modal modal-middle modal-open backdrop-blur-[45px] bg-[#00000046]"
   }, React.createElement("div", {
-    className: className + " modal-box  " + MODAL_BG_COLOR + " "
-  }, children), React.createElement("form", {
-    method: "dialog",
-    className: "modal-backdrop " + BACKDROP_BLUR
-  }, React.createElement("button", null, "close"))));
+    className: className + " modal-box  " + MODAL_BG_COLOR + "  "
+  }, children)));
 };
 
 var css_248z$6 = ".designNameInputlogo+.designNameLabellogo,.designNotesTextarea+.designNotesLabel,.designTagsInputlogo+.designTagsLabellogo{font-size:15px;padding-bottom:0;padding-top:0}.designNameInputlogo:not(:-moz-placeholder-shown)+.designNameLabellogo,.designNotesTextarea:not(:-moz-placeholder-shown)+.designNotesLabel,.designTagsInputlogo:not(:-moz-placeholder-shown)+.designTagsLabellogo{background:#fff;color:#727272;font-size:13px;left:1rem;line-height:normal;opacity:1;top:0}.designNameInputlogo:not(:-moz-placeholder-shown) + .designNameLabellogo, .designNotesTextarea:not(:-moz-placeholder-shown) + .designNotesLabel, .designTagsInputlogo:not(:-moz-placeholder-shown) + .designTagsLabellogo{background:#fff;color:#727272;font-size:13px;left:1rem;line-height:normal;opacity:1;top:0}.designNameInputlogo:focus+.designNameLabellogo,.designNameInputlogo:not(:placeholder-shown)+.designNameLabellogo,.designNotesTextarea:focus+.designNotesLabel,.designNotesTextarea:not(:placeholder-shown)+.designNotesLabel,.designTagsInputlogo:focus+.designTagsLabellogo,.designTagsInputlogo:not(:placeholder-shown)+.designTagsLabellogo{background:#fff;color:#727272;font-size:13px;left:1rem;line-height:normal;opacity:1;top:0}.designNameLabellogo,.designNotesLabel,.designTagsLabellogo{font-size:15px;opacity:.4}.tagClasslogo{color:#727272;font-size:13px!important;left:1rem!important;line-height:normal;opacity:1;top:0!important}";
@@ -7976,6 +7973,7 @@ var SaveDesign = function SaveDesign(_ref) {
           case 8:
             S3UrlPath = _context.sent;
             canvasSvg = canvas.toSVG();
+            closeModal('', false, '', {});
             raw = JSON.stringify({
               customer_id: use3dddPlus.getState().customerId,
               tag: logoTag.join(','),
@@ -7987,10 +7985,9 @@ var SaveDesign = function SaveDesign(_ref) {
             saveLogo(raw).then(function (data) {
               onSaveLogo(data);
               setLogoData(data);
-              closeModal('', false, '', {});
               use3dddPlus.getState().toastMessages.saveSuccess();
             });
-          case 12:
+          case 13:
           case "end":
             return _context.stop();
         }
@@ -8090,7 +8087,7 @@ var SaveDesign = function SaveDesign(_ref) {
   var onCancelHandler = function onCancelHandler() {
     closeModal('', false, '', {});
   };
-  return React.createElement(SaveDesignModal, {
+  return React.createElement(LogoEditorSaveDesignModal, {
     className: "md:absolute md:right-30 rounded-none p-0 md:h-auto max-h-screen  max-w-[37.125rem] w-[80%] md:w-full m-[auto]\n      "
   }, React.createElement("button", {
     className: "absolute right-[0.6875rem] top-[0.6875rem] px-[0.75rem] py-[0.75rem] hover:bg-[#E11A38] hover:text-[#ffffff] hover:rounded-none",