@threedddplus/logoeditor 0.0.214 → 0.0.216

package/dist/logoeditor.esm.js

@@ -32,6 +32,7 @@ import Select, { components } from 'react-select';
 import { FloatingLabel } from 'flowbite-react';
 import { ChromePicker } from 'react-color';
 import 'react-toastify/dist/ReactToastify.css';
+import { createRoot } from 'react-dom/client';
 
 function _regeneratorRuntime() {
   _regeneratorRuntime = function () {
@@ -1764,7 +1765,16 @@ var SnapToCenter = function SnapToCenter(props) {
   })(props);
 };
 
+console.log('Toast instance:', toast);
 function CustomToast(type, message, toastId, style) {
+  //@ts-ignore
+  var isWindowToastFucExist = typeof window.showToastMessage === 'function';
+  if (isWindowToastFucExist) {
+    var msgType = type === 'success' ? 'success' : 'alert';
+    //@ts-ignore
+    window.showToastMessage(message, msgType);
+    return false;
+  }
   switch (type) {
     case 'info':
       return toast.info(toastGen({
@@ -8086,7 +8096,7 @@ var LeftMenu = function LeftMenu() {
   })));
 };
 
-var css_248z$3 = "#ls{background-color:#fff;background:radial-gradient(#eee,#ccc);height:100%;left:0;opacity:1;position:relative;transition:opacity 1s;width:100%;z-index:10000!important}#ls.fade-out{opacity:0}#l{animation:spin 2s linear infinite;border:3px solid transparent;border-radius:50%;border-top-color:#b16b6b;display:block;height:100px;left:50%;margin:-50px 0 0 -50px;position:relative;top:50%;width:100px}#l:before{animation:spin 3s linear infinite;border:3px solid transparent;border-radius:50%;border-top-color:#c10909;bottom:5px;left:5px;right:5px;top:5px}#l:after,#l:before{content:\"\";position:absolute}#l:after{animation:spin 1.5s linear infinite;border:3px solid transparent;border-radius:50%;border-top-color:#bb4646;bottom:15px;left:15px;right:15px;top:15px}@keyframes spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.loader-progress{z-index:999999999999999}.loader-progress-overlay-logoeditor{align-items:center;background:hsla(40,16%,93%,.6);border-radius:8px;bottom:0;display:none;height:88%;justify-content:center;left:10%;pointer-events:none;position:fixed;right:50%;top:6%;transition:opacity .3s ease-in-out;width:80%;z-index:999999999999999}body .loader-progress-overlay-logoeditor svg.rs-logo-letters{height:25px}.loader-progress .loader-progress-overlay-logoeditor{display:flex;pointer-events:all}svg.rs-logo-letters{height:auto;width:100%}svg.rs-logo-letters g{opacity:1;transform:translateX(0)}@media (prefers-reduced-motion){svg.rs-logo-letters g{opacity:1;transform:translateX(0)}}svg.rs-logo-letters g.animate{animation:fadeInSlideIn .15s cubic-bezier(.12,.03,.35,.98) forwards}@keyframes fadeInSlideIn{0%{opacity:0;transform:translateX(-3%)}to{opacity:1;transform:translateX(0)}}";
+var css_248z$3 = "#ls{background-color:#fff;background:radial-gradient(#eee,#ccc);height:100%;left:0;opacity:1;position:relative;transition:opacity 1s;width:100%;z-index:10000!important}#ls.fade-out{opacity:0}#l{animation:spin 2s linear infinite;border:3px solid transparent;border-radius:50%;border-top-color:#b16b6b;display:block;height:100px;left:50%;margin:-50px 0 0 -50px;position:relative;top:50%;width:100px}#l:before{animation:spin 3s linear infinite;border:3px solid transparent;border-radius:50%;border-top-color:#c10909;bottom:5px;left:5px;right:5px;top:5px}#l:after,#l:before{content:\"\";position:absolute}#l:after{animation:spin 1.5s linear infinite;border:3px solid transparent;border-radius:50%;border-top-color:#bb4646;bottom:15px;left:15px;right:15px;top:15px}@keyframes spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.loader-progress{z-index:999999999999999}.loader-progress-overlay-logoeditor{align-items:center;background:hsla(40,16%,93%,.6);border-radius:8px;bottom:0;display:none;height:100%;justify-content:center;left:0;pointer-events:none;position:fixed;right:0;top:0;transition:opacity .3s ease-in-out;width:100%;z-index:999999999999999}body .loader-progress-overlay-logoeditor svg.rs-logo-letters{height:25px}.loader-progress .loader-progress-overlay-logoeditor{display:flex;pointer-events:all}svg.rs-logo-letters{height:auto;width:100%}svg.rs-logo-letters g{opacity:1;transform:translateX(0)}@media (prefers-reduced-motion){svg.rs-logo-letters g{opacity:1;transform:translateX(0)}}svg.rs-logo-letters g.animate{animation:fadeInSlideIn .15s cubic-bezier(.12,.03,.35,.98) forwards}@keyframes fadeInSlideIn{0%{opacity:0;transform:translateX(-3%)}to{opacity:1;transform:translateX(0)}}";
 styleInject(css_248z$3);
 
 var Loader = function Loader() {
@@ -15482,5 +15492,28 @@ var LogoEditor = function LogoEditor(_ref) {
   }))));
 };
 
+// import { use3dddPlus } from './store';
+// import { shallow } from 'zustand/shallow';
+var container = /*#__PURE__*/document.getElementById('root');
+var root = /*#__PURE__*/createRoot(container); // createRoot(container!) if you use TypeScript
+var MYApp = function MYApp() {
+  // const [selectedStepper] = use3dddPlus(state => [state.selectedStepper], shallow)
+  var customerId = "117015";
+  //customerId="80217"corby
+  return React.createElement(LogoEditor, {
+    stepperId: 1,
+    onApply: undefined,
+    customLogoColorList: undefined,
+    defaultColorList: undefined,
+    logoData: undefined,
+    customerId: customerId,
+    onSaveLogo: undefined,
+    onClose: function onClose() {
+      console.log('1212i');
+    }
+  });
+};
+root.render(React.createElement(MYApp, null));
+
 export { index$1 as Components, LoadGoogleFonts as GoogleFontLoader, LogoEditor, index as services, use3dddPlus };
 //# sourceMappingURL=logoeditor.esm.js.map