@threedddplus/logoeditor 0.0.214 → 0.0.216

package/dist/components/customToast/customToast.d.ts

@@ -3,5 +3,5 @@ export interface toastGenProps {
     type: 'Error' | 'Info' | 'Warning' | 'Success';
     message: string;
 }
-export declare function CustomToast(type: 'info' | 'error' | 'warning' | 'success', message: string, toastId: number, style?: React.CSSProperties): React.Key;
+export declare function CustomToast(type: 'info' | 'error' | 'warning' | 'success', message: string, toastId: number, style?: React.CSSProperties): string | number | false;
 export declare const toastGen: ({ type, message }: toastGenProps) => React.JSX.Element;

package/dist/index.d.ts

@@ -3,4 +3,5 @@ import * as Components from './components';
 import * as services from './services';
 import LogoEditor from './LogoEditor';
 import GoogleFontLoader from './loaders/GoogleFontLoader';
+import "./localDevelopment";
 export { LogoEditor, Components, use3dddPlus, services, GoogleFontLoader };

package/dist/logoeditor.cjs.development.js

@@ -40,6 +40,7 @@ var Select__default = _interopDefault(Select);
 var flowbiteReact = require('flowbite-react');
 var reactColor = require('react-color');
 require('react-toastify/dist/ReactToastify.css');
+var client = require('react-dom/client');
 
 function _regeneratorRuntime() {
   _regeneratorRuntime = function () {
@@ -1772,7 +1773,16 @@ var SnapToCenter = function SnapToCenter(props) {
   })(props);
 };
 
+console.log('Toast instance:', reactToastify.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 reactToastify.toast.info(toastGen({
@@ -8094,7 +8104,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() {
@@ -15490,6 +15500,29 @@ var LogoEditor = function LogoEditor(_ref) {
   }))));
 };
 
+// import { use3dddPlus } from './store';
+// import { shallow } from 'zustand/shallow';
+var container = /*#__PURE__*/document.getElementById('root');
+var root = /*#__PURE__*/client.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__default.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__default.createElement(MYApp, null));
+
 exports.Components = index$1;
 exports.GoogleFontLoader = LoadGoogleFonts;
 exports.LogoEditor = LogoEditor;