@threedddplus/logoeditor 0.0.34 → 0.0.36

package/dist/logoeditor.esm.js

@@ -1601,7 +1601,7 @@ var graphqlSlice = function graphqlSlice(set, get) {
     toastMessages: toastMessages,
     loadDesignModal: false,
     productInfoModal: false,
-    toggleSaveDesign: {
+    toggleSaveLogo: {
       key: 'save',
       status: false,
       title: '',
@@ -1632,9 +1632,9 @@ var graphqlSlice = function graphqlSlice(set, get) {
         loadDesignModal: loadDesign
       });
     },
-    setToggleSaveDesign: function setToggleSaveDesign(key, status, title, details) {
+    setToggleSaveLogo: function setToggleSaveLogo(key, status, title, details) {
       set({
-        toggleSaveDesign: {
+        toggleSaveLogo: {
           key: key,
           status: status,
           title: title,
@@ -1703,11 +1703,11 @@ var graphqlSlice = function graphqlSlice(set, get) {
         if (!use3dddPlus.getState().customerId) {
           get().toggleLoginModal();
           get().setShowModalAfterLogin(function () {
-            use3dddPlus.getState().setToggleSaveDesign('save', true, 'Save Your Design', {});
+            use3dddPlus.getState().setToggleSaveLogo('save', true, 'Save Your Design', {});
           });
           return;
         }
-        get().setToggleSaveDesign('save', true, 'Save Your Design', {});
+        get().setToggleSaveLogo('save', true, 'Save Your Design', {});
         use3dddPlus.setState({
           disableSaveButton: false
         });
@@ -6555,7 +6555,7 @@ var Rightmenu = function Rightmenu() {
   var _use3dddPlus = use3dddPlus(function (state) {
       return [
       // state.colorFill,
-      state.currentSelection, state.activeSelection, state.textInfo, state.activeSelection, state.storeAllObject, state.allColor, state.setToggleSaveDesign];
+      state.currentSelection, state.activeSelection, state.textInfo, state.activeSelection, state.storeAllObject, state.allColor, state.setToggleSaveLogo];
     }, shallow),
     // colorFill,
     currentSelection = _use3dddPlus[0],
@@ -6564,7 +6564,7 @@ var Rightmenu = function Rightmenu() {
     activeObj = _use3dddPlus[3],
     storeAllObject = _use3dddPlus[4],
     allColor = _use3dddPlus[5],
-    setToggleSaveDesign = _use3dddPlus[6];
+    setToggleSaveLogo = _use3dddPlus[6];
   var _useState = useState(false),
     textAlignDisplay = _useState[0],
     setTextAlignDisplay = _useState[1];
@@ -7304,7 +7304,7 @@ var Rightmenu = function Rightmenu() {
   };
   var onSave = function onSave() {
     if (canvas.getObjects().length > 0) {
-      setToggleSaveDesign('save', true, 'Save Logo', {});
+      setToggleSaveLogo('save', true, 'Save Logo', {});
     } else {
       alert('NOTHING TO SAVE...');
     }
@@ -7908,15 +7908,12 @@ var SaveDesignModal = function SaveDesignModal(_ref) {
   var children = _ref.children,
     _ref$className = _ref.className,
     className = _ref$className === void 0 ? '' : _ref$className;
-  // const closeDesign = use3dddPlus((state) => state.setToggleSaveDesign);
+  // const closeDesign = use3dddPlus((state) => state.setToggleSaveLogo);
   return React.createElement(React.Fragment, null, React.createElement("div", {
     className: "modal modal-middle modal-open"
   }, 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 + " " + BACKDROP_BLUR + " " + BACKDROP_BLUR_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}";
@@ -7931,13 +7928,13 @@ var SaveDesign = function SaveDesign(_ref) {
     commaInTagName = _useState2[0],
     setCommaInTagName = _useState2[1];
   var _use3dddPlus = use3dddPlus(function (state) {
-      return [state.fabricCanvas, state.logoName, state.logoTag, state.setToggleSaveDesign, state.toggleSaveDesign, state.disableSaveButton, state.saveLogo, state.uploadLogoConfig, state.setLogoData];
+      return [state.fabricCanvas, state.logoName, state.logoTag, state.setToggleSaveLogo, state.toggleSaveLogo, state.disableSaveButton, state.saveLogo, state.uploadLogoConfig, state.setLogoData];
     }),
     canvas = _use3dddPlus[0],
     logoName = _use3dddPlus[1],
     logoTag = _use3dddPlus[2],
     closeModal = _use3dddPlus[3],
-    toggleSaveDesign = _use3dddPlus[4],
+    toggleSaveLogo = _use3dddPlus[4],
     disableSaveButton = _use3dddPlus[5],
     saveLogo = _use3dddPlus[6],
     uploadLogoConfig = _use3dddPlus[7],
@@ -8108,7 +8105,7 @@ var SaveDesign = function SaveDesign(_ref) {
     className: "w-full"
   }, React.createElement("span", {
     className: "block mb-6 font-bold text-2xl lh-1 " + SECONDARY_COLOR + " uppercase leading-[2.3125rem] font-bold " + EDIT_DESIGN_INFO_TEXT_COLOR_1 + " " + TEXT_SIZE_5 + "\n                 "
-  }, toggleSaveDesign.title), React.createElement("div", null, React.createElement("div", {
+  }, toggleSaveLogo.title), React.createElement("div", null, React.createElement("div", {
     className: ""
   }, React.createElement("label", {
     className: " px-[0.125rem]  left-4 transition-all " + TEXT_SIZE_9 + " " + EDIT_DESIGN_INFO_TEXT_COLOR_2 + " font-medium leading-[1.25rem] top-1/2 transform -translate-y-1/2"
@@ -8165,7 +8162,7 @@ var SaveDesign = function SaveDesign(_ref) {
     className: "text-sm " + INPUT_ERROR_TEXT_COLOR + " mb-5"
   }, "* Tag Name can not have any special characters"), React.createElement("div", {
     className: (!disableSaveButton ? 'flex flex-col lg:flex-row' : '') + " gap-[19px] leading-[23px] font-bold " + TEXT_SIZE_4
-  }, toggleSaveDesign.key === 'save' && React.createElement(React.Fragment, null, React.createElement("button", {
+  }, toggleSaveLogo.key === 'save' && React.createElement(React.Fragment, null, React.createElement("button", {
     className: "md:btn-md lg:w-2/5 w-full rounded-none uppercase hover:bg-[#E11A38] active:" + SAVEBUTTON_BG_COLOR + " " + SAVEBUTTON_BG_COLOR + " " + BUTTON_TEXT_COLOR,
     onClick: function onClick() {
       return onSaveHandler();
@@ -8213,10 +8210,10 @@ var MiddleMenu = function MiddleMenu(_ref) {
   var onApply = _ref.onApply,
     onSaveLogo = _ref.onSaveLogo;
   var _use3dddPlus = use3dddPlus(function (state) {
-      return [state.selectedStepper, state.toggleSaveDesign, state.loadingLogo];
+      return [state.selectedStepper, state.toggleSaveLogo, state.loadingLogo];
     }, shallow),
     selectedStepper = _use3dddPlus[0],
-    toggleSaveDesign = _use3dddPlus[1],
+    toggleSaveLogo = _use3dddPlus[1],
     loadingLogo = _use3dddPlus[2];
   React.useEffect(function () {
     if (selectedStepper === 2) loadingLogo('');
@@ -8225,7 +8222,7 @@ var MiddleMenu = function MiddleMenu(_ref) {
     className: " flex flex-col md:flex-row flex-1 z-0 w-[90%] h-full"
   }, React.createElement("div", {
     className: "flex w-[70%]  h-[100%]"
-  }, React.createElement(canvas, null)), toggleSaveDesign.status && React.createElement(SaveDesign, {
+  }, React.createElement(canvas, null)), toggleSaveLogo.status && React.createElement(SaveDesign, {
     onSaveLogo: onSaveLogo
   }), React.createElement("div", {
     className: "flex-1 z-10  h-[100%] "