@threedddplus/logoeditor 0.0.144 → 0.0.146

package/dist/components/modal/modal.d.ts

@@ -6,4 +6,4 @@ export interface GlobalModalProps {
     crossOnClick?: () => void;
     modalStyle?: string;
 }
-export declare const Modal: ({ backdropStyle, children, contentStyle, modalStyle, }: GlobalModalProps) => React.JSX.Element;
+export declare const Modal: ({ backdropStyle, children, contentStyle, crossOnClick, modalStyle, }: GlobalModalProps) => React.JSX.Element;

package/dist/logoeditor.cjs.development.js

@@ -4783,6 +4783,7 @@ var SEARCHBAR_BORDER_COLOR = 'border-[#bebebe]';
 var CANVAS_MENU_TEXT = 'text-[#353535]';
 var TAG_BG_COLOR = 'bg-[#FCE8EB]';
 var TAG_TEXT_COLOR = 'text-[#e11a38]';
+var SAVERACK_TEXT_COLOR = 'text-[#707070]';
 var SAVEBUTTON_BG_COLOR = 'bg-[#E11A38]';
 var EDIT_DESIGN_INFO_TEXT_COLOR_1 = 'text-[#E11A38]';
 var EDIT_DESIGN_INFO_TEXT_COLOR_3 = 'text-[#353535]';
@@ -7690,13 +7691,22 @@ var Modal = function Modal(_ref) {
   var backdropStyle = _ref.backdropStyle,
     children = _ref.children,
     contentStyle = _ref.contentStyle,
+    crossOnClick = _ref.crossOnClick,
     modalStyle = _ref.modalStyle;
   return React__default.createElement("div", null, React__default.createElement("div", {
     className: backdropStyle + " absolute top-0 left-0 h-screen w-full " + BACKDROP_BLUR + " " + BACKDROP_BLUR_BG_COLOR
   }), React__default.createElement("dialog", {
     open: true,
     className: contentStyle + " absolute shadow-[0 2px 8px rgba(0, 0, 0, 0.26)] ml-[auto] md:mr-[0%] mr-[auto]"
-  }, React__default.createElement("div", {
+  }, React__default.createElement(IconButton, {
+    label: '',
+    icon: React__default.createElement(rx.RxCross2, {
+      strokeWidth: 1,
+      onClick: crossOnClick
+    }),
+    className: "z-10 pointer-events-auto cursor-pointer " + SAVERACK_TEXT_COLOR + " font-bold !absolute right-[0.6875rem] top-[0.6875rem] px-[0.75rem] py-[1.25rem] hover:bg-[#E11A38] hover:text-[#ffffff] hover:rounded-none",
+    size: "1.2rem"
+  }), React__default.createElement("div", {
     className: "flex flex-col justify-center gap-[1.75rem] " + modalStyle
   }, children)));
 };
@@ -14970,11 +14980,12 @@ var LogoEditor = function LogoEditor(_ref) {
     onSaveLogo = _ref.onSaveLogo,
     onClose = _ref.onClose;
   var _use3dddPlus = use3dddPlus(function (state) {
-      return [state.setSelectedStepper, state.loading, state.myLogoHandler];
+      return [state.setSelectedStepper, state.loading, state.myLogoHandler, state.toggleSaveLogo];
     }),
     setSelectedStepper = _use3dddPlus[0],
     loading = _use3dddPlus[1],
-    myLogoHandler = _use3dddPlus[2];
+    myLogoHandler = _use3dddPlus[2],
+    toggleSaveLogo = _use3dddPlus[3];
   var _useState = React.useState([]),
     fontFamilies = _useState[0],
     setFontFamilies = _useState[1];
@@ -15016,7 +15027,7 @@ var LogoEditor = function LogoEditor(_ref) {
     contentStyle: "top-0 bottom-0 !m-[auto] z-[7] w-[80%] p-0",
     crossOnClick: onClose
   }, React__default.createElement("div", {
-    className: "flex flex-col md:flex-row w-full h-[88vh]"
+    className: "flex flex-col md:flex-row w-full h-[88vh] " + (toggleSaveLogo.status ? "z-10" : "")
   }, React__default.createElement(reactToastify.ToastContainer, {
     position: "top-center",
     autoClose: 3000,