@threedddplus/logoeditor 0.0.35 → 0.0.37

package/dist/components/saveDesign/saveDesignModal.d.ts

@@ -3,4 +3,4 @@ export interface ModalProps {
     children?: React.ReactNode;
     className?: string;
 }
-export declare const SaveDesignModal: ({ children, className }: ModalProps) => React.JSX.Element;
+export declare const LogoEditorSaveDesignModal: ({ children, className, }: ModalProps) => React.JSX.Element;

package/dist/logoeditor.cjs.development.js

@@ -7912,19 +7912,16 @@ var AddMascot = function AddMascot() {
   }) : 'No Stock Logos')))), loading && React__default.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__default.createElement(React__default.Fragment, null, React__default.createElement("div", {
-    className: "modal modal-middle modal-open"
+    className: "modal modal-middle modal-open backdrop-blur-[45px] bg-[#00000046]"
   }, React__default.createElement("div", {
-    className: className + " modal-box  " + MODAL_BG_COLOR + " "
-  }, children), React__default.createElement("form", {
-    method: "dialog",
-    className: "modal-backdrop " + BACKDROP_BLUR
-  }, React__default.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}";
@@ -7984,6 +7981,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(','),
@@ -7995,10 +7993,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();
         }
@@ -8098,7 +8095,7 @@ var SaveDesign = function SaveDesign(_ref) {
   var onCancelHandler = function onCancelHandler() {
     closeModal('', false, '', {});
   };
-  return React__default.createElement(SaveDesignModal, {
+  return React__default.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__default.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",