@peak-ai/canvas 1.4.38 → 1.4.39-rc.1

package/GrapesjsCanvas.d.ts

@@ -13,6 +13,7 @@ type GrapesjsCanvasProps = {
     newDataNotifier: (notifHandler: NotificationHandler) => void;
     setHasChanged: (hasChanged: boolean) => void;
     isStreaming: boolean;
+    isModeChangeFromToggle?: boolean;
 };
-declare function GrapesjsCanvas({ json, mode, setEditor, performInteraction, newDataNotifier, setHasChanged, isStreaming, }: GrapesjsCanvasProps): import("react/jsx-runtime").JSX.Element;
+declare function GrapesjsCanvas({ json, mode, setEditor, performInteraction, newDataNotifier, setHasChanged, isStreaming, isModeChangeFromToggle, }: GrapesjsCanvasProps): import("react/jsx-runtime").JSX.Element;
 export default GrapesjsCanvas;

package/GrapesjsCanvas.js

@@ -1,11 +1,11 @@
 import _asyncToGenerator from"@babel/runtime/helpers/asyncToGenerator";import _extends from"@babel/runtime/helpers/extends";import _regeneratorRuntime from"@babel/runtime/regenerator";/* eslint-disable @typescript-eslint/no-explicit-any */import React,{useEffect,useRef}from"react";// eslint-disable-next-line import/no-named-as-default
 import grapesjs from"grapesjs";import"grapesjs/dist/css/grapes.min.css";import tailwind from"grapesjs-tailwind";import{TypesToRegister}from"./constants";import{toKebabCase}from"./helpers";import{tailwindCompiledCss}from"./helpers/css";import{datePickerCss}from"./helpers/date-picker";import{createGrapesjsShadcnGenericPlugin}from"./plugins/grapejs-plugin";import{StyledEditor}from"./index.styles";import{jsx as _jsx,jsxs as _jsxs}from"react/jsx-runtime";function setComponentProperties(editor,isPreview){function setPropertiesRecursively(comp){comp.set({editable:!isPreview,draggable:!isPreview,droppable:!isPreview&&comp.getName()!=="Shadcn-generic",selectable:!isPreview,hoverable:!isPreview,highlightable:!isPreview,copyable:false,resizable:false,removable:!isPreview,badgable:false});comp.set("attributes",_extends({},comp.get("attributes")||{},{isEditable:!isPreview}));if(!isPreview){comp.set("toolbar",[{attributes:{"class":"fa fa-arrows"},command:"tlb-move"},{attributes:{"class":"fa fa-trash"},command:"tlb-delete"}])}comp.components().forEach(setPropertiesRecursively)}if(isPreview){editor.runCommand("core:preview")}else{editor.stopCommand("core:preview")}var wrapper=editor.getWrapper();wrapper==null||wrapper.find("*").forEach(setPropertiesRecursively)}function convertStyles(stylesArray){return stylesArray.map(function(block){var selectors=Array.isArray(block.selectors)?block.selectors.join(", "):block.selectors;var declarations=Object.entries(block.style).map(function(_ref){var prop=_ref[0],value=_ref[1];return toKebabCase(prop)+": "+value+";"}).join(" ");return selectors+" { "+declarations+" }"}).join("\n")}function createActionCardConfig(action){var icon=action.icon,title=action.title,description=action.description;return{type:"shadcn-generic",componentName:"ActionCard",badgable:false,copyable:false,removable:true,draggable:true,componentProps:{icon:icon,headerContent:title,bodyContent:description}}}function expandActions(node){if(node.type==="shadcn-generic"&&node.componentName==="Actions"){var _node$componentProps;var actions=(_node$componentProps=node.componentProps)==null?void 0:_node$componentProps.actions;if(Array.isArray(actions)&&actions.length>0){return _extends({},node,{type:"div",classes:["dashboard-cards"].concat(node.classes||[]),componentName:undefined,componentProps:undefined,components:actions.map(function(action,i){return _extends({},createActionCardConfig(action),{id:node.id+"--action-card-"+i})})})}return node}if(Array.isArray(node.components)){return _extends({},node,{components:node.components.map(expandActions)})}return node}function setInteracting(renderedComponents,components,inProgress){components.forEach(function(component){var componentId=component.componentId,showLoader=component.showLoader;if(!showLoader){return}var gjsModel=renderedComponents[componentId];if(gjsModel){gjsModel.set("attributes",_extends({},gjsModel.get("attributes"),{interactionApiInProgress:inProgress}))}})}function expandActionsComponent(model,actions){model.components("");actions.forEach(function(action){model.append(createActionCardConfig(action))});model.set("type","div");model.addClass("dashboard-cards");model.set("componentName",undefined);model.set("componentProps",{})}function GrapesjsCanvas(_ref2){var json=_ref2.json,_ref2$mode=_ref2.mode,mode=_ref2$mode===void 0?"preview":_ref2$mode,setEditor=_ref2.setEditor,performInteraction=_ref2.performInteraction,_ref2$newDataNotifier=_ref2.newDataNotifier,newDataNotifier=_ref2$newDataNotifier===void 0?function(){// no op
 }:_ref2$newDataNotifier,_ref2$setHasChanged=_ref2.setHasChanged,setHasChanged=_ref2$setHasChanged===void 0?function(){// no op
-}:_ref2$setHasChanged,isStreaming=_ref2.isStreaming;var editorRef=useRef(null);var editorInstance=useRef(null);var renderedComponents=useRef({});var isStreamingRef=useRef(isStreaming);var isSystemUpdateRef=useRef(false);var lastJsonRef=useRef("");var isEditorAliveRef=useRef(false);useEffect(function(){isStreamingRef.current=isStreaming},[isStreaming]);function notificationHandler(props){if(!props){return true}var componentId=props.componentId,_props$newProps=props.newProps,newProps=_props$newProps===void 0?{}:_props$newProps,_props$newAttributes=props.newAttributes,newAttributes=_props$newAttributes===void 0?{}:_props$newAttributes;var model=renderedComponents.current[componentId];if(!model){return false}// Filter out complex placeholder objects by setting them to null
+}:_ref2$setHasChanged,isStreaming=_ref2.isStreaming,_ref2$isModeChangeFro=_ref2.isModeChangeFromToggle,isModeChangeFromToggle=_ref2$isModeChangeFro===void 0?false:_ref2$isModeChangeFro;var editorRef=useRef(null);var editorInstance=useRef(null);var renderedComponents=useRef({});var isStreamingRef=useRef(isStreaming);var isSystemUpdateRef=useRef(false);var lastJsonRef=useRef("");var isEditorAliveRef=useRef(false);var _React$useState=React.useState(false),isTransitioning=_React$useState[0],setIsTransitioning=_React$useState[1];useEffect(function(){isStreamingRef.current=isStreaming},[isStreaming]);function notificationHandler(props){if(!props){return true}var componentId=props.componentId,_props$newProps=props.newProps,newProps=_props$newProps===void 0?{}:_props$newProps,_props$newAttributes=props.newAttributes,newAttributes=_props$newAttributes===void 0?{}:_props$newAttributes;var model=renderedComponents.current[componentId];if(!model){return false}// Filter out complex placeholder objects by setting them to null
 // This ensures placeholder values are properly cleared and don't cause stale data issues
 var filteredProps=_extends({},newProps);Object.keys(filteredProps).forEach(function(key){var value=filteredProps[key];if(value&&typeof value==="object"&&value.name==="__peak_placeholder"){filteredProps[key]=null}});var parsedNewProps=_extends({},filteredProps);if(filteredProps.pagination){parsedNewProps.pagination=_extends({},model.get("componentProps").pagination||{},filteredProps.pagination)}// Handle Actions component: expand into ActionCards when data arrives via streaming
-var isActionsComponent=model.get("componentName")==="Actions";var hasValidActionsData=parsedNewProps.actions&&parsedNewProps.actions!==null&&Array.isArray(parsedNewProps.actions)&&parsedNewProps.actions.length>0;if(isActionsComponent&&hasValidActionsData){var _model$components$at;var isAlreadyExpanded=model.components().length>0&&((_model$components$at=model.components().at(0))==null?void 0:_model$components$at.get("componentName"))==="ActionCard";if(!isAlreadyExpanded){expandActionsComponent(model,parsedNewProps.actions);return true}}model.set("componentProps",_extends({},model.get("componentProps"),parsedNewProps));model.set("attributes",_extends({},model.get("attributes"),newAttributes));return true}useEffect(function(){newDataNotifier(notificationHandler)},[]);function performInteractionWrapper(_x){return _performInteractionWrapper.apply(this,arguments)}function _performInteractionWrapper(){_performInteractionWrapper=_asyncToGenerator(/*#__PURE__*/_regeneratorRuntime.mark(function _callee4(payload){var _editorInstance$curre3;var updatedJson,apiResponse,componentUpdates,_t4;return _regeneratorRuntime.wrap(function(_context4){while(1)switch(_context4.prev=_context4.next){case 0:_context4.next=1;return(_editorInstance$curre3=editorInstance.current)==null?void 0:_editorInstance$curre3.store();case 1:updatedJson=_context4.sent;setInteracting(renderedComponents.current,payload.affectedComponents,true);_context4.prev=2;_context4.next=3;return performInteraction(_extends({},payload,{json:updatedJson}));case 3:apiResponse=_context4.sent;componentUpdates=apiResponse||{};Object.entries(componentUpdates).forEach(function(_ref6){var key=_ref6[0],value=_ref6[1];var model=renderedComponents.current[key];if(model){model.set("attributes",_extends({},model.get("attributes"),{error:undefined}));model.set("componentProps",_extends({},model.get("componentProps"),value,{error:undefined,isMissing:undefined}))}});return _context4.abrupt("return",componentUpdates);case 4:_context4.prev=4;_t4=_context4["catch"](2);payload.affectedComponents.forEach(function(componentId){var model=renderedComponents.current[componentId];if(model){var errorMessage=_t4 instanceof Error?_t4.message:"Something went wrong. Please try again.";model.set("attributes",_extends({},model.get("attributes"),{error:errorMessage}));model.set("componentProps",_extends({},model.get("componentProps"),{error:errorMessage,isMissing:undefined}))}});throw _t4;case 5:_context4.prev=5;setInteracting(renderedComponents.current,payload.affectedComponents,false);return _context4.finish(5);case 6:case"end":return _context4.stop()}},_callee4,null,[[2,4,5,6]])}));return _performInteractionWrapper.apply(this,arguments)}useEffect(function(){if(!editorRef.current){return function(){// no op
-}}if(editorInstance.current){editorInstance.current.destroy();editorInstance.current=null;isEditorAliveRef.current=false}var currentMode=mode;var editor=grapesjs.init({container:editorRef.current,height:"100%",plugins:[tailwind,createGrapesjsShadcnGenericPlugin(currentMode,performInteractionWrapper,renderedComponents.current,setHasChanged)],storageManager:{type:"none"},richTextEditor:{actions:["bold","italic","underline","strikethrough"]},canvas:{customBadgeLabel:function customBadgeLabel(component){var tagName=component.get("tagName");return tagName==="body"?"":tagName||""}}});isEditorAliveRef.current=true;var injectionAttempts=0;function injectStylesEarly(){var _editor$Canvas;var iframeDoc=(_editor$Canvas=editor.Canvas)==null||_editor$Canvas.getDocument==null?void 0:_editor$Canvas.getDocument();if(iframeDoc&&iframeDoc.head){if(!iframeDoc.head.querySelector("[data-grapesjs-styles]")){var style=iframeDoc.createElement("style");var fullCss="\n            "+tailwindCompiledCss+"\n            "+datePickerCss+"\n            ::-webkit-scrollbar {\n              width: 0px;\n              height: 0px;\n            }\n            html, body {\n              overflow: auto !important;\n              -ms-overflow-style: none;  /* IE and Edge */\n              scrollbar-width: none;     /* Firefox */\n            }\n          ";style.innerHTML=fullCss;style.setAttribute("type","text/css");style.setAttribute("data-grapesjs-styles","true");iframeDoc.head.appendChild(style)}}else if(injectionAttempts<50){injectionAttempts+=1;requestAnimationFrame(injectStylesEarly)}}requestAnimationFrame(injectStylesEarly);function checkDirty(){return _checkDirty.apply(this,arguments)}function _checkDirty(){_checkDirty=_asyncToGenerator(/*#__PURE__*/_regeneratorRuntime.mark(function _callee2(){var stored,newJson,_t2;return _regeneratorRuntime.wrap(function(_context2){while(1)switch(_context2.prev=_context2.next){case 0:if(!(isStreamingRef.current||isSystemUpdateRef.current)){_context2.next=1;break}return _context2.abrupt("return");case 1:if(!(!isEditorAliveRef.current||!editorInstance.current)){_context2.next=2;break}return _context2.abrupt("return");case 2:stored=null;_context2.prev=3;_context2.next=4;return editorInstance.current.store();case 4:stored=_context2.sent;_context2.next=6;break;case 5:_context2.prev=5;_t2=_context2["catch"](3);return _context2.abrupt("return");case 6:if(stored){_context2.next=7;break}return _context2.abrupt("return");case 7:newJson=JSON.stringify(stored);if(newJson!==lastJsonRef.current){setHasChanged(true);lastJsonRef.current=newJson}case 8:case"end":return _context2.stop()}},_callee2,null,[[3,5]])}));return _checkDirty.apply(this,arguments)}var debouncedCheckDirty=function(){var timeout=null;return function(){if(timeout){clearTimeout(timeout)}timeout=setTimeout(checkDirty,200)}}();["component:add","component:remove","component:update:content","style:update","component:drag:end","rte:change"].forEach(function(evt){editor.on(evt,debouncedCheckDirty)});editor.on("component:update",function(model,prop){if(["attributes","componentProps","content"].includes(prop)){debouncedCheckDirty()}});// Tailwind CSS rules aren't fully added to our component
+var isActionsComponent=model.get("componentName")==="Actions";var hasValidActionsData=parsedNewProps.actions&&parsedNewProps.actions!==null&&Array.isArray(parsedNewProps.actions)&&parsedNewProps.actions.length>0;if(isActionsComponent&&hasValidActionsData){var _model$components$at;var isAlreadyExpanded=model.components().length>0&&((_model$components$at=model.components().at(0))==null?void 0:_model$components$at.get("componentName"))==="ActionCard";if(!isAlreadyExpanded){expandActionsComponent(model,parsedNewProps.actions);return true}}model.set("componentProps",_extends({},model.get("componentProps"),parsedNewProps));model.set("attributes",_extends({},model.get("attributes"),newAttributes));return true}useEffect(function(){newDataNotifier(notificationHandler)},[]);function performInteractionWrapper(_x){return _performInteractionWrapper.apply(this,arguments)}function _performInteractionWrapper(){_performInteractionWrapper=_asyncToGenerator(/*#__PURE__*/_regeneratorRuntime.mark(function _callee4(payload){var _editorInstance$curre3;var updatedJson,apiResponse,componentUpdates;return _regeneratorRuntime.wrap(function _callee4$(_context4){while(1)switch(_context4.prev=_context4.next){case 0:_context4.next=2;return(_editorInstance$curre3=editorInstance.current)==null?void 0:_editorInstance$curre3.store();case 2:updatedJson=_context4.sent;setInteracting(renderedComponents.current,payload.affectedComponents,true);_context4.prev=4;_context4.next=7;return performInteraction(_extends({},payload,{json:updatedJson}));case 7:apiResponse=_context4.sent;componentUpdates=apiResponse||{};Object.entries(componentUpdates).forEach(function(_ref6){var key=_ref6[0],value=_ref6[1];var model=renderedComponents.current[key];if(model){model.set("attributes",_extends({},model.get("attributes"),{error:undefined}));model.set("componentProps",_extends({},model.get("componentProps"),value,{error:undefined,isMissing:undefined}))}});return _context4.abrupt("return",componentUpdates);case 13:_context4.prev=13;_context4.t0=_context4["catch"](4);payload.affectedComponents.forEach(function(componentId){var model=renderedComponents.current[componentId];if(model){var errorMessage=_context4.t0 instanceof Error?_context4.t0.message:"Something went wrong. Please try again.";model.set("attributes",_extends({},model.get("attributes"),{error:errorMessage}));model.set("componentProps",_extends({},model.get("componentProps"),{error:errorMessage,isMissing:undefined}))}});throw _context4.t0;case 17:_context4.prev=17;setInteracting(renderedComponents.current,payload.affectedComponents,false);return _context4.finish(17);case 20:case"end":return _context4.stop()}},_callee4,null,[[4,13,17,20]])}));return _performInteractionWrapper.apply(this,arguments)}useEffect(function(){if(!editorRef.current){return function(){// no op
+}}if(editorInstance.current){editorInstance.current.destroy();editorInstance.current=null;isEditorAliveRef.current=false}var currentMode=mode;var editor=grapesjs.init({container:editorRef.current,height:"100%",plugins:[tailwind,createGrapesjsShadcnGenericPlugin(currentMode,performInteractionWrapper,renderedComponents.current,setHasChanged)],storageManager:{type:"none"},richTextEditor:{actions:["bold","italic","underline","strikethrough"]},canvas:{customBadgeLabel:function customBadgeLabel(component){var tagName=component.get("tagName");return tagName==="body"?"":tagName||""}}});isEditorAliveRef.current=true;var injectionAttempts=0;function injectStylesEarly(){var _editor$Canvas;var iframeDoc=(_editor$Canvas=editor.Canvas)==null||_editor$Canvas.getDocument==null?void 0:_editor$Canvas.getDocument();if(iframeDoc&&iframeDoc.head){if(!iframeDoc.head.querySelector("[data-grapesjs-styles]")){var style=iframeDoc.createElement("style");var fullCss="\n            "+tailwindCompiledCss+"\n            "+datePickerCss+"\n            ::-webkit-scrollbar {\n              width: 0px;\n              height: 0px;\n            }\n            html, body {\n              overflow: auto !important;\n              -ms-overflow-style: none;  /* IE and Edge */\n              scrollbar-width: none;     /* Firefox */\n            }\n          ";style.innerHTML=fullCss;style.setAttribute("type","text/css");style.setAttribute("data-grapesjs-styles","true");iframeDoc.head.appendChild(style)}}else if(injectionAttempts<50){injectionAttempts+=1;requestAnimationFrame(injectStylesEarly)}}requestAnimationFrame(injectStylesEarly);function checkDirty(){return _checkDirty.apply(this,arguments)}function _checkDirty(){_checkDirty=_asyncToGenerator(/*#__PURE__*/_regeneratorRuntime.mark(function _callee2(){var stored,newJson;return _regeneratorRuntime.wrap(function _callee2$(_context2){while(1)switch(_context2.prev=_context2.next){case 0:if(!(isStreamingRef.current||isSystemUpdateRef.current)){_context2.next=2;break}return _context2.abrupt("return");case 2:if(!(!isEditorAliveRef.current||!editorInstance.current)){_context2.next=4;break}return _context2.abrupt("return");case 4:stored=null;_context2.prev=5;_context2.next=8;return editorInstance.current.store();case 8:stored=_context2.sent;_context2.next=14;break;case 11:_context2.prev=11;_context2.t0=_context2["catch"](5);return _context2.abrupt("return");case 14:if(stored){_context2.next=16;break}return _context2.abrupt("return");case 16:newJson=JSON.stringify(stored);if(newJson!==lastJsonRef.current){setHasChanged(true);lastJsonRef.current=newJson}case 18:case"end":return _context2.stop()}},_callee2,null,[[5,11]])}));return _checkDirty.apply(this,arguments)}var debouncedCheckDirty=function(){var timeout=null;return function(){if(timeout){clearTimeout(timeout)}timeout=setTimeout(checkDirty,200)}}();["component:add","component:remove","component:update:content","style:update","component:drag:end","rte:change"].forEach(function(evt){editor.on(evt,debouncedCheckDirty)});editor.on("component:update",function(model,prop){if(["attributes","componentProps","content"].includes(prop)){debouncedCheckDirty()}});// Tailwind CSS rules aren't fully added to our component
 // So, adding them from here!
-editor.on("load",/*#__PURE__*/_asyncToGenerator(/*#__PURE__*/_regeneratorRuntime.mark(function _callee(){var canvasDoc,canvasHead,style,fullCss,_t;return _regeneratorRuntime.wrap(function(_context){while(1)switch(_context.prev=_context.next){case 0:canvasDoc=editor.Canvas.getDocument();canvasHead=canvasDoc.head;if(!canvasHead.querySelector("[data-grapesjs-styles]")){style=canvasDoc.createElement("style");fullCss="\n        "+tailwindCompiledCss+"\n        "+datePickerCss+"\n        ::-webkit-scrollbar {\n          width: 0px;\n          height: 0px;\n        }\n        html, body {\n          overflow: auto !important;\n          -ms-overflow-style: none;  /* IE and Edge */\n          scrollbar-width: none;     /* Firefox */\n        }\n      ";style.innerHTML=fullCss;style.setAttribute("type","text/css");style.setAttribute("data-grapesjs-styles","true");canvasHead.appendChild(style)}isSystemUpdateRef.current=true;_t=JSON;_context.next=1;return editor.store();case 1:lastJsonRef.current=_t.stringify.call(_t,_context.sent);isSystemUpdateRef.current=false;case 2:case"end":return _context.stop()}},_callee)})));editorInstance.current=editor;if(setEditor){setEditor(editor)}TypesToRegister.forEach(function(_ref4){var type=_ref4.type,tagName=_ref4.tagName;if(!editor.DomComponents.getType(type)){editor.DomComponents.addType(type,{model:{defaults:{tagName:tagName}},view:{}})}});return function cleanup(){editor.destroy();isEditorAliveRef.current=false}},[]);useEffect(function(){var _json$pages,_json$pages$0$frames;if(json&&((_json$pages=json.pages)==null?void 0:_json$pages.length)>0&&((_json$pages$0$frames=json.pages[0].frames)==null?void 0:_json$pages$0$frames.length)>0){var _editorInstance$curre,_editorInstance$curre2;isSystemUpdateRef.current=true;var raw=json.pages[0].frames[0].component;var processed=expandActions(raw);(_editorInstance$curre=editorInstance.current)==null||_editorInstance$curre.setComponents(processed);var cssText=convertStyles(json.styles||[]);(_editorInstance$curre2=editorInstance.current)==null||_editorInstance$curre2.setStyle(cssText);setTimeout(/*#__PURE__*/_asyncToGenerator(/*#__PURE__*/_regeneratorRuntime.mark(function _callee3(){var _t3;return _regeneratorRuntime.wrap(function(_context3){while(1)switch(_context3.prev=_context3.next){case 0:if(!editorInstance.current){_context3.next=2;break}_t3=JSON;_context3.next=1;return editorInstance.current.store();case 1:lastJsonRef.current=_t3.stringify.call(_t3,_context3.sent);isSystemUpdateRef.current=false;case 2:case"end":return _context3.stop()}},_callee3)})),100)}},[json]);useEffect(function(){if(mode&&editorInstance.current){isSystemUpdateRef.current=true;setTimeout(function(){setComponentProperties(editorInstance.current,mode==="preview");setTimeout(function(){isSystemUpdateRef.current=false},50)},0)}},[mode]);return/*#__PURE__*/_jsxs(React.Fragment,{children:[/*#__PURE__*/_jsx(StyledEditor,{}),/*#__PURE__*/_jsx("div",{ref:editorRef,id:"grapesjs-editor"})]})}export default GrapesjsCanvas;
+editor.on("load",/*#__PURE__*/_asyncToGenerator(/*#__PURE__*/_regeneratorRuntime.mark(function _callee(){var canvasDoc,canvasHead,style,fullCss;return _regeneratorRuntime.wrap(function _callee$(_context){while(1)switch(_context.prev=_context.next){case 0:canvasDoc=editor.Canvas.getDocument();canvasHead=canvasDoc.head;if(!canvasHead.querySelector("[data-grapesjs-styles]")){style=canvasDoc.createElement("style");fullCss="\n        "+tailwindCompiledCss+"\n        "+datePickerCss+"\n        ::-webkit-scrollbar {\n          width: 0px;\n          height: 0px;\n        }\n        html, body {\n          overflow: auto !important;\n          -ms-overflow-style: none;  /* IE and Edge */\n          scrollbar-width: none;     /* Firefox */\n        }\n      ";style.innerHTML=fullCss;style.setAttribute("type","text/css");style.setAttribute("data-grapesjs-styles","true");canvasHead.appendChild(style)}isSystemUpdateRef.current=true;_context.t0=JSON;_context.next=7;return editor.store();case 7:_context.t1=_context.sent;lastJsonRef.current=_context.t0.stringify.call(_context.t0,_context.t1);isSystemUpdateRef.current=false;case 10:case"end":return _context.stop()}},_callee)})));editorInstance.current=editor;if(setEditor){setEditor(editor)}TypesToRegister.forEach(function(_ref4){var type=_ref4.type,tagName=_ref4.tagName;if(!editor.DomComponents.getType(type)){editor.DomComponents.addType(type,{model:{defaults:{tagName:tagName}},view:{}})}});return function cleanup(){editor.destroy();isEditorAliveRef.current=false}},[]);useEffect(function(){var _json$pages,_json$pages$0$frames;if(json&&((_json$pages=json.pages)==null?void 0:_json$pages.length)>0&&((_json$pages$0$frames=json.pages[0].frames)==null?void 0:_json$pages$0$frames.length)>0){var _editorInstance$curre,_editorInstance$curre2;isSystemUpdateRef.current=true;var raw=json.pages[0].frames[0].component;var processed=expandActions(raw);(_editorInstance$curre=editorInstance.current)==null||_editorInstance$curre.setComponents(processed);var cssText=convertStyles(json.styles||[]);(_editorInstance$curre2=editorInstance.current)==null||_editorInstance$curre2.setStyle(cssText);setTimeout(/*#__PURE__*/_asyncToGenerator(/*#__PURE__*/_regeneratorRuntime.mark(function _callee3(){return _regeneratorRuntime.wrap(function _callee3$(_context3){while(1)switch(_context3.prev=_context3.next){case 0:if(!editorInstance.current){_context3.next=7;break}_context3.t0=JSON;_context3.next=4;return editorInstance.current.store();case 4:_context3.t1=_context3.sent;lastJsonRef.current=_context3.t0.stringify.call(_context3.t0,_context3.t1);isSystemUpdateRef.current=false;case 7:case"end":return _context3.stop()}},_callee3)})),100)}},[json]);useEffect(function(){if(mode&&editorInstance.current){isSystemUpdateRef.current=true;if(isModeChangeFromToggle){setIsTransitioning(true)}setTimeout(function(){setComponentProperties(editorInstance.current,mode==="preview");setTimeout(function(){isSystemUpdateRef.current=false;setIsTransitioning(false)},50)},0)}},[mode,isModeChangeFromToggle]);return/*#__PURE__*/_jsxs(React.Fragment,{children:[/*#__PURE__*/_jsx(StyledEditor,{}),/*#__PURE__*/_jsx("div",{ref:editorRef,id:"grapesjs-editor",style:{opacity:isTransitioning?0:1,transition:"opacity 0.15s ease-in-out"}})]})}export default GrapesjsCanvas;
 //# sourceMappingURL=GrapesjsCanvas.js.map

package/GrapesjsCanvas.js.map

@@ -1 +1 @@
-{"version":3,"file":"GrapesjsCanvas.js","names":["React","useEffect","useRef","grapesjs","tailwind","TypesToRegister","toKebabCase","tailwindCompiledCss","datePickerCss","createGrapesjsShadcnGenericPlugin","StyledEditor","jsx","_jsx","jsxs","_jsxs","setComponentProperties","editor","isPreview","setPropertiesRecursively","comp","set","editable","draggable","droppable","getName","selectable","hoverable","highlightable","copyable","resizable","removable","badgable","_extends","get","isEditable","attributes","command","components","forEach","runCommand","stopCommand","wrapper","getWrapper","find","convertStyles","stylesArray","map","block","selectors","Array","isArray","join","declarations","Object","entries","style","_ref","prop","value","createActionCardConfig","action","icon","title","description","type","componentName","componentProps","headerContent","bodyContent","expandActions","node","_node$componentProps","actions","length","classes","concat","undefined","i","id","setInteracting","renderedComponents","inProgress","component","componentId","showLoader","gjsModel","interactionApiInProgress","expandActionsComponent","model","append","addClass","GrapesjsCanvas","_ref2","json","_ref2$mode","mode","setEditor","performInteraction","_ref2$newDataNotifier","newDataNotifier","_ref2$setHasChanged","setHasChanged","isStreaming","editorRef","editorInstance","isStreamingRef","isSystemUpdateRef","lastJsonRef","isEditorAliveRef","current","notificationHandler","props","_props$newProps","newProps","_props$newAttributes","newAttributes","filteredProps","keys","key","name","parsedNewProps","pagination","isActionsComponent","hasValidActionsData","_model$components$at","isAlreadyExpanded","at","performInteractionWrapper","_x","_performInteractionWrapper","apply","arguments","_asyncToGenerator","_regeneratorRuntime","mark","_callee4","payload","_editorInstance$curre3","updatedJson","apiResponse","componentUpdates","_t4","wrap","_context4","prev","next","store","sent","affectedComponents","_ref6","error","isMissing","abrupt","errorMessage","Error","message","finish","stop","destroy","currentMode","init","container","height","plugins","storageManager","richTextEditor","canvas","customBadgeLabel","tagName","injectionAttempts","injectStylesEarly","_editor$Canvas","iframeDoc","Canvas","getDocument","head","querySelector","createElement","fullCss","innerHTML","setAttribute","appendChild","requestAnimationFrame","checkDirty","_checkDirty","_callee2","stored","newJson","_t2","_context2","JSON","stringify","debouncedCheckDirty","timeout","clearTimeout","setTimeout","evt","on","includes","_callee","canvasDoc","canvasHead","_t","_context","call","_ref4","DomComponents","getType","addType","defaults","view","cleanup","_json$pages","_json$pages$0$frames","pages","frames","_editorInstance$curre","_editorInstance$curre2","raw","processed","setComponents","cssText","styles","setStyle","_callee3","_t3","_context3","Fragment","children","ref"],"sources":["../src/GrapesjsCanvas.tsx"],"sourcesContent":["/* eslint-disable @typescript-eslint/no-explicit-any */\nimport React, { useEffect, useRef } from 'react';\n// eslint-disable-next-line import/no-named-as-default\nimport grapesjs, { Component, Editor } from 'grapesjs';\nimport 'grapesjs/dist/css/grapes.min.css';\nimport tailwind from 'grapesjs-tailwind';\n\nimport { TypesToRegister } from './constants';\nimport { toKebabCase } from './helpers';\nimport { tailwindCompiledCss } from './helpers/css';\nimport { datePickerCss } from './helpers/date-picker';\nimport { createGrapesjsShadcnGenericPlugin } from './plugins/grapejs-plugin';\nimport { StyledEditor } from './index.styles';\n\ntype NotificationHandler = (newData: {\n  componentId: string;\n  newProps: Record<string, any>;\n  newAttributes: Record<string, any>;\n}) => boolean;\n\ntype GrapesjsCanvasProps = {\n  json: any;\n  mode?: 'editor' | 'preview';\n  setEditor: (editor: Editor) => void;\n  performInteraction: (payload: Record<string, any>) => Promise<Record<string, any> | undefined>;\n  newDataNotifier: (notifHandler: NotificationHandler) => void;\n  setHasChanged: (hasChanged: boolean) => void;\n  isStreaming: boolean;\n};\n\nfunction setComponentProperties(editor: Editor, isPreview: boolean) {\n  function setPropertiesRecursively(comp: Component) {\n    comp.set({\n      editable: !isPreview,\n      draggable: !isPreview,\n      droppable: !isPreview && comp.getName() !== 'Shadcn-generic',\n      selectable: !isPreview,\n      hoverable: !isPreview,\n      highlightable: !isPreview,\n      copyable: false,\n      resizable: false,\n      removable: !isPreview,\n      badgable: false,\n    });\n\n    comp.set('attributes', {\n      ...(comp.get('attributes') || {}),\n      isEditable: !isPreview,\n    });\n\n    if (!isPreview) {\n      comp.set('toolbar', [\n        { attributes: { class: 'fa fa-arrows' }, command: 'tlb-move' },\n        { attributes: { class: 'fa fa-trash' }, command: 'tlb-delete' },\n      ]);\n    }\n\n    comp.components().forEach(setPropertiesRecursively);\n  }\n\n  if (isPreview) {\n    editor.runCommand('core:preview');\n  } else {\n    editor.stopCommand('core:preview');\n  }\n\n  const wrapper = editor.getWrapper();\n  wrapper?.find('*').forEach(setPropertiesRecursively);\n}\n\nfunction convertStyles(stylesArray: any[]): string {\n  return stylesArray\n    .map((block) => {\n      const selectors = Array.isArray(block.selectors)\n        ? block.selectors.join(', ')\n        : block.selectors;\n      const declarations = Object.entries(block.style)\n        .map(([prop, value]) => `${toKebabCase(prop)}: ${value};`)\n        .join(' ');\n\n      return `${selectors} { ${declarations} }`;\n    })\n    .join('\\n');\n}\n\nfunction createActionCardConfig(action: any): any {\n  const { icon, title, description } = action;\n\n  return {\n    type: 'shadcn-generic',\n    componentName: 'ActionCard',\n    badgable: false,\n    copyable: false,\n    removable: true,\n    draggable: true,\n    componentProps: {\n      icon,\n      headerContent: title,\n      bodyContent: description,\n    },\n  };\n}\n\nfunction expandActions(node: any): any {\n  if (node.type === 'shadcn-generic' && node.componentName === 'Actions') {\n    const actions = node.componentProps?.actions;\n\n    if (Array.isArray(actions) && actions.length > 0) {\n      return {\n        ...node,\n        type: 'div',\n        classes: ['dashboard-cards', ...(node.classes || [])],\n        componentName: undefined,\n        componentProps: undefined,\n        components: actions.map((action: any, i: number) => ({\n          ...createActionCardConfig(action),\n          id: `${node.id}--action-card-${i}`,\n        })),\n      };\n    }\n\n    return node;\n  }\n\n  if (Array.isArray(node.components)) {\n    return {\n      ...node,\n      components: node.components.map(expandActions),\n    };\n  }\n\n  return node;\n}\n\nfunction setInteracting(\n  renderedComponents: Record<string, Component>,\n  components: { componentId: string; showLoader: boolean }[],\n  inProgress: boolean,\n) {\n  components.forEach((component) => {\n    const { componentId, showLoader } = component;\n\n    if (!showLoader) {\n      return;\n    }\n\n    const gjsModel = renderedComponents[componentId];\n\n    if (gjsModel) {\n      gjsModel.set('attributes', {\n        ...gjsModel.get('attributes'),\n        interactionApiInProgress: inProgress,\n      });\n    }\n  });\n}\n\nfunction expandActionsComponent(model: Component, actions: any[]): void {\n  model.components('');\n\n  actions.forEach((action: any) => {\n    model.append(createActionCardConfig(action));\n  });\n\n  model.set('type', 'div');\n  model.addClass('dashboard-cards');\n  model.set('componentName', undefined);\n  model.set('componentProps', {});\n}\n\nfunction GrapesjsCanvas({\n  json,\n  mode = 'preview',\n  setEditor,\n  performInteraction,\n  newDataNotifier = () => {\n    // no op\n  },\n  setHasChanged = () => {\n    // no op\n  },\n  isStreaming,\n}: GrapesjsCanvasProps) {\n  const editorRef = useRef<HTMLDivElement>(null);\n  const editorInstance = useRef<Editor | null>(null);\n  const renderedComponents = useRef<Record<string, Component>>({});\n  const isStreamingRef = useRef(isStreaming);\n  const isSystemUpdateRef = useRef(false);\n  const lastJsonRef = useRef<string>('');\n  const isEditorAliveRef = useRef(false);\n\n  useEffect(() => {\n    isStreamingRef.current = isStreaming;\n  }, [isStreaming]);\n\n  function notificationHandler(\n    props: Parameters<NotificationHandler>[0],\n  ): ReturnType<NotificationHandler> {\n    if (!props) {\n      return true;\n    }\n\n    const { componentId, newProps = {}, newAttributes = {} } = props;\n\n    const model = renderedComponents.current[componentId];\n\n    if (!model) {\n      return false;\n    }\n\n    // Filter out complex placeholder objects by setting them to null\n    // This ensures placeholder values are properly cleared and don't cause stale data issues\n    const filteredProps = { ...newProps };\n\n    Object.keys(filteredProps).forEach((key) => {\n      const value = filteredProps[key];\n\n      if (value && typeof value === 'object' && value.name === '__peak_placeholder') {\n        filteredProps[key] = null;\n      }\n    });\n\n    const parsedNewProps = {\n      ...filteredProps,\n    };\n\n    if (filteredProps.pagination) {\n      parsedNewProps.pagination = {\n        ...(model.get('componentProps').pagination || {}),\n        ...filteredProps.pagination,\n      };\n    }\n\n    // Handle Actions component: expand into ActionCards when data arrives via streaming\n    const isActionsComponent = model.get('componentName') === 'Actions';\n    const hasValidActionsData =\n      parsedNewProps.actions &&\n      parsedNewProps.actions !== null &&\n      Array.isArray(parsedNewProps.actions) &&\n      parsedNewProps.actions.length > 0;\n\n    if (isActionsComponent && hasValidActionsData) {\n      const isAlreadyExpanded =\n        model.components().length > 0 &&\n        model.components().at(0)?.get('componentName') === 'ActionCard';\n\n      if (!isAlreadyExpanded) {\n        expandActionsComponent(model, parsedNewProps.actions);\n\n        return true;\n      }\n    }\n\n    model.set('componentProps', {\n      ...model.get('componentProps'),\n      ...parsedNewProps,\n    });\n\n    model.set('attributes', {\n      ...model.get('attributes'),\n      ...newAttributes,\n    });\n\n    return true;\n  }\n\n  useEffect(() => {\n    newDataNotifier(notificationHandler);\n  }, []);\n\n  async function performInteractionWrapper(payload: Record<string, any>) {\n    const updatedJson = await editorInstance.current?.store();\n    setInteracting(renderedComponents.current, payload.affectedComponents, true);\n\n    try {\n      const apiResponse = await performInteraction({\n        ...payload,\n        json: updatedJson,\n      });\n\n      const componentUpdates = apiResponse || {};\n\n      Object.entries(componentUpdates).forEach(([key, value]) => {\n        const model = renderedComponents.current[key];\n\n        if (model) {\n          model.set('attributes', {\n            ...model.get('attributes'),\n            error: undefined,\n          });\n\n          model.set('componentProps', {\n            ...model.get('componentProps'),\n            ...value,\n            error: undefined,\n            isMissing: undefined,\n          });\n        }\n      });\n\n      return componentUpdates;\n    } catch (error) {\n      payload.affectedComponents.forEach((componentId: string) => {\n        const model = renderedComponents.current[componentId];\n\n        if (model) {\n          const errorMessage =\n            error instanceof Error ? error.message : 'Something went wrong. Please try again.';\n\n          model.set('attributes', {\n            ...model.get('attributes'),\n            error: errorMessage,\n          });\n\n          model.set('componentProps', {\n            ...model.get('componentProps'),\n            error: errorMessage,\n            isMissing: undefined,\n          });\n        }\n      });\n\n      throw error;\n    } finally {\n      setInteracting(renderedComponents.current, payload.affectedComponents, false);\n    }\n  }\n\n  useEffect(() => {\n    if (!editorRef.current) {\n      return () => {\n        // no op\n      };\n    }\n\n    if (editorInstance.current) {\n      editorInstance.current.destroy();\n      editorInstance.current = null;\n      isEditorAliveRef.current = false;\n    }\n\n    const currentMode = mode;\n\n    const editor = grapesjs.init({\n      container: editorRef.current,\n      height: '100%',\n      plugins: [\n        tailwind,\n        createGrapesjsShadcnGenericPlugin(\n          currentMode,\n          performInteractionWrapper,\n          renderedComponents.current,\n          setHasChanged,\n        ),\n      ],\n      storageManager: { type: 'none' },\n      richTextEditor: {\n        actions: ['bold', 'italic', 'underline', 'strikethrough'],\n      },\n      canvas: {\n        customBadgeLabel: (component) => {\n          const tagName = component.get('tagName');\n\n          return tagName === 'body' ? '' : tagName || '';\n        },\n      },\n    });\n\n    isEditorAliveRef.current = true;\n\n    let injectionAttempts = 0;\n\n    function injectStylesEarly() {\n      const iframeDoc = editor.Canvas?.getDocument?.();\n\n      if (iframeDoc && iframeDoc.head) {\n        if (!iframeDoc.head.querySelector('[data-grapesjs-styles]')) {\n          const style = iframeDoc.createElement('style');\n          const fullCss = `\n            ${tailwindCompiledCss}\n            ${datePickerCss}\n            ::-webkit-scrollbar {\n              width: 0px;\n              height: 0px;\n            }\n            html, body {\n              overflow: auto !important;\n              -ms-overflow-style: none;  /* IE and Edge */\n              scrollbar-width: none;     /* Firefox */\n            }\n          `;\n          style.innerHTML = fullCss;\n          style.setAttribute('type', 'text/css');\n          style.setAttribute('data-grapesjs-styles', 'true');\n          iframeDoc.head.appendChild(style);\n        }\n      } else if (injectionAttempts < 50) {\n        injectionAttempts += 1;\n        requestAnimationFrame(injectStylesEarly);\n      }\n    }\n\n    requestAnimationFrame(injectStylesEarly);\n\n    async function checkDirty() {\n      if (isStreamingRef.current || isSystemUpdateRef.current) {\n        return;\n      }\n\n      if (!isEditorAliveRef.current || !editorInstance.current) {\n        return;\n      }\n\n      let stored = null;\n\n      try {\n        stored = await editorInstance.current.store();\n      } catch (err) {\n        return;\n      }\n\n      if (!stored) {\n        return;\n      }\n\n      const newJson = JSON.stringify(stored);\n\n      if (newJson !== lastJsonRef.current) {\n        setHasChanged(true);\n        lastJsonRef.current = newJson;\n      }\n    }\n\n    const debouncedCheckDirty = (() => {\n      let timeout: NodeJS.Timeout | null = null;\n\n      return () => {\n        if (timeout) {\n          clearTimeout(timeout);\n        }\n\n        timeout = setTimeout(checkDirty, 200);\n      };\n    })();\n\n    [\n      'component:add',\n      'component:remove',\n      'component:update:content',\n      'style:update',\n      'component:drag:end',\n      'rte:change',\n    ].forEach((evt) => {\n      editor.on(evt, debouncedCheckDirty);\n    });\n\n    editor.on('component:update', (model, prop) => {\n      if (['attributes', 'componentProps', 'content'].includes(prop)) {\n        debouncedCheckDirty();\n      }\n    });\n\n    // Tailwind CSS rules aren't fully added to our component\n    // So, adding them from here!\n    editor.on('load', async () => {\n      const canvasDoc = editor.Canvas.getDocument();\n      const canvasHead = canvasDoc.head;\n\n      if (!canvasHead.querySelector('[data-grapesjs-styles]')) {\n        const style = canvasDoc.createElement('style');\n        const fullCss = `\n        ${tailwindCompiledCss}\n        ${datePickerCss}\n        ::-webkit-scrollbar {\n          width: 0px;\n          height: 0px;\n        }\n        html, body {\n          overflow: auto !important;\n          -ms-overflow-style: none;  /* IE and Edge */\n          scrollbar-width: none;     /* Firefox */\n        }\n      `;\n        style.innerHTML = fullCss;\n        style.setAttribute('type', 'text/css');\n        style.setAttribute('data-grapesjs-styles', 'true');\n        canvasHead.appendChild(style);\n      }\n\n      isSystemUpdateRef.current = true;\n      lastJsonRef.current = JSON.stringify(await editor.store());\n      isSystemUpdateRef.current = false;\n    });\n\n    editorInstance.current = editor;\n\n    if (setEditor) {\n      setEditor(editor);\n    }\n\n    TypesToRegister.forEach(({ type, tagName }) => {\n      if (!editor.DomComponents.getType(type)) {\n        editor.DomComponents.addType(type, {\n          model: {\n            defaults: { tagName },\n          },\n          view: {},\n        });\n      }\n    });\n\n    return function cleanup() {\n      editor.destroy();\n      isEditorAliveRef.current = false;\n    };\n  }, []);\n\n  useEffect(() => {\n    if (json && json.pages?.length > 0 && json.pages[0].frames?.length > 0) {\n      isSystemUpdateRef.current = true;\n      const raw = json.pages[0].frames[0].component;\n      const processed = expandActions(raw);\n      editorInstance.current?.setComponents(processed);\n\n      const cssText = convertStyles(json.styles || []);\n      editorInstance.current?.setStyle(cssText);\n\n      setTimeout(async () => {\n        if (editorInstance.current) {\n          lastJsonRef.current = JSON.stringify(await editorInstance.current.store());\n          isSystemUpdateRef.current = false;\n        }\n      }, 100);\n    }\n  }, [json]);\n\n  useEffect(() => {\n    if (mode && editorInstance.current) {\n      isSystemUpdateRef.current = true;\n\n      setTimeout(() => {\n        setComponentProperties(editorInstance.current as Editor, mode === 'preview');\n\n        setTimeout(() => {\n          isSystemUpdateRef.current = false;\n        }, 50);\n      }, 0);\n    }\n  }, [mode]);\n\n  return (\n    <React.Fragment>\n      <StyledEditor />\n      <div ref={editorRef} id=\"grapesjs-editor\" />\n    </React.Fragment>\n  );\n}\n\nexport default GrapesjsCanvas;\n"],"mappings":"wLAAA,uDACA,MAAO,CAAAA,KAAK,EAAIC,SAAS,CAAEC,MAAM,KAAQ,OAAO,CAChD;AACA,MAAO,CAAAC,QAAQ,KAA6B,UAAU,CACtD,MAAO,kCAAkC,CACzC,MAAO,CAAAC,QAAQ,KAAM,mBAAmB,CAExC,OAASC,eAAe,KAAQ,aAAa,CAC7C,OAASC,WAAW,KAAQ,WAAW,CACvC,OAASC,mBAAmB,KAAQ,eAAe,CACnD,OAASC,aAAa,KAAQ,uBAAuB,CACrD,OAASC,iCAAiC,KAAQ,0BAA0B,CAC5E,OAASC,YAAY,KAAQ,gBAAgB,CAAC,OAAAC,GAAA,IAAAC,IAAA,CAAAC,IAAA,IAAAC,KAAA,yBAkB9C,QAAS,CAAAC,sBAAsBA,CAACC,MAAc,CAAEC,SAAkB,CAAE,CAClE,QAAS,CAAAC,wBAAwBA,CAACC,IAAe,CAAE,CACjDA,IAAI,CAACC,GAAG,CAAC,CACPC,QAAQ,CAAE,CAACJ,SAAS,CACpBK,SAAS,CAAE,CAACL,SAAS,CACrBM,SAAS,CAAE,CAACN,SAAS,EAAIE,IAAI,CAACK,OAAO,CAAC,CAAC,GAAK,gBAAgB,CAC5DC,UAAU,CAAE,CAACR,SAAS,CACtBS,SAAS,CAAE,CAACT,SAAS,CACrBU,aAAa,CAAE,CAACV,SAAS,CACzBW,QAAQ,CAAE,KAAK,CACfC,SAAS,CAAE,KAAK,CAChBC,SAAS,CAAE,CAACb,SAAS,CACrBc,QAAQ,CAAE,KACZ,CAAC,CAAC,CAEFZ,IAAI,CAACC,GAAG,CAAC,YAAY,CAAAY,QAAA,IACfb,IAAI,CAACc,GAAG,CAAC,YAAY,CAAC,EAAI,CAAC,CAAC,EAChCC,UAAU,CAAE,CAACjB,SAAS,EACvB,CAAC,CAEF,GAAI,CAACA,SAAS,CAAE,CACdE,IAAI,CAACC,GAAG,CAAC,SAAS,CAAE,CAClB,CAAEe,UAAU,CAAE,CAAE,QAAO,cAAe,CAAC,CAAEC,OAAO,CAAE,UAAW,CAAC,CAC9D,CAAED,UAAU,CAAE,CAAE,QAAO,aAAc,CAAC,CAAEC,OAAO,CAAE,YAAa,CAAC,CAChE,CACH,CAEAjB,IAAI,CAACkB,UAAU,CAAC,CAAC,CAACC,OAAO,CAACpB,wBAAwB,CACpD,CAEA,GAAID,SAAS,CAAE,CACbD,MAAM,CAACuB,UAAU,CAAC,cAAc,CAClC,CAAC,IAAM,CACLvB,MAAM,CAACwB,WAAW,CAAC,cAAc,CACnC,CAEA,GAAM,CAAAC,OAAO,CAAGzB,MAAM,CAAC0B,UAAU,CAAC,CAAC,CACnCD,OAAO,QAAPA,OAAO,CAAEE,IAAI,CAAC,GAAG,CAAC,CAACL,OAAO,CAACpB,wBAAwB,CACrD,CAEA,QAAS,CAAA0B,aAAaA,CAACC,WAAkB,CAAU,CACjD,MAAO,CAAAA,WAAW,CACfC,GAAG,CAAC,SAACC,KAAK,CAAK,CACd,GAAM,CAAAC,SAAS,CAAGC,KAAK,CAACC,OAAO,CAACH,KAAK,CAACC,SAAS,CAAC,CAC5CD,KAAK,CAACC,SAAS,CAACG,IAAI,CAAC,IAAI,CAAC,CAC1BJ,KAAK,CAACC,SAAS,CACnB,GAAM,CAAAI,YAAY,CAAGC,MAAM,CAACC,OAAO,CAACP,KAAK,CAACQ,KAAK,CAAC,CAC7CT,GAAG,CAAC,SAAAU,IAAA,KAAE,CAAAC,IAAI,CAAAD,IAAA,IAAEE,KAAK,CAAAF,IAAA,UAAS,CAAAlD,WAAW,CAACmD,IAAI,CAAC,MAAKC,KAAK,KAAG,CAAC,CACzDP,IAAI,CAAC,GAAG,CAAC,CAEZ,MAAU,CAAAH,SAAS,OAAMI,YAAY,KACvC,CAAC,CAAC,CACDD,IAAI,CAAC,IAAI,CACd,CAEA,QAAS,CAAAQ,sBAAsBA,CAACC,MAAW,CAAO,CAChD,GAAQ,CAAAC,IAAI,CAAyBD,MAAM,CAAnCC,IAAI,CAAEC,KAAK,CAAkBF,MAAM,CAA7BE,KAAK,CAAEC,WAAW,CAAKH,MAAM,CAAtBG,WAAW,CAEhC,MAAO,CACLC,IAAI,CAAE,gBAAgB,CACtBC,aAAa,CAAE,YAAY,CAC3BlC,QAAQ,CAAE,KAAK,CACfH,QAAQ,CAAE,KAAK,CACfE,SAAS,CAAE,IAAI,CACfR,SAAS,CAAE,IAAI,CACf4C,cAAc,CAAE,CACdL,IAAI,CAAJA,IAAI,CACJM,aAAa,CAAEL,KAAK,CACpBM,WAAW,CAAEL,WACf,CACF,CACF,CAEA,QAAS,CAAAM,aAAaA,CAACC,IAAS,CAAO,CACrC,GAAIA,IAAI,CAACN,IAAI,GAAK,gBAAgB,EAAIM,IAAI,CAACL,aAAa,GAAK,SAAS,CAAE,KAAAM,oBAAA,CACtE,GAAM,CAAAC,OAAO,EAAAD,oBAAA,CAAGD,IAAI,CAACJ,cAAc,eAAnBK,oBAAA,CAAqBC,OAAO,CAE5C,GAAIvB,KAAK,CAACC,OAAO,CAACsB,OAAO,CAAC,EAAIA,OAAO,CAACC,MAAM,CAAG,CAAC,CAAE,CAChD,OAAAzC,QAAA,IACKsC,IAAI,EACPN,IAAI,CAAE,KAAK,CACXU,OAAO,EAAG,iBAAiB,EAAAC,MAAA,CAAML,IAAI,CAACI,OAAO,EAAI,EAAE,CAAE,CACrDT,aAAa,CAAEW,SAAS,CACxBV,cAAc,CAAEU,SAAS,CACzBvC,UAAU,CAAEmC,OAAO,CAAC1B,GAAG,CAAC,SAACc,MAAW,CAAEiB,CAAS,SAAA7C,QAAA,IAC1C2B,sBAAsB,CAACC,MAAM,CAAC,EACjCkB,EAAE,CAAKR,IAAI,CAACQ,EAAE,kBAAiBD,CAAG,GAClC,CAAC,EAEP,CAEA,MAAO,CAAAP,IACT,CAEA,GAAIrB,KAAK,CAACC,OAAO,CAACoB,IAAI,CAACjC,UAAU,CAAC,CAAE,CAClC,OAAAL,QAAA,IACKsC,IAAI,EACPjC,UAAU,CAAEiC,IAAI,CAACjC,UAAU,CAACS,GAAG,CAACuB,aAAa,CAAC,EAElD,CAEA,MAAO,CAAAC,IACT,CAEA,QAAS,CAAAS,cAAcA,CACrBC,kBAA6C,CAC7C3C,UAA0D,CAC1D4C,UAAmB,CACnB,CACA5C,UAAU,CAACC,OAAO,CAAC,SAAC4C,SAAS,CAAK,CAChC,GAAQ,CAAAC,WAAW,CAAiBD,SAAS,CAArCC,WAAW,CAAEC,UAAU,CAAKF,SAAS,CAAxBE,UAAU,CAE/B,GAAI,CAACA,UAAU,CAAE,CACf,MACF,CAEA,GAAM,CAAAC,QAAQ,CAAGL,kBAAkB,CAACG,WAAW,CAAC,CAEhD,GAAIE,QAAQ,CAAE,CACZA,QAAQ,CAACjE,GAAG,CAAC,YAAY,CAAAY,QAAA,IACpBqD,QAAQ,CAACpD,GAAG,CAAC,YAAY,CAAC,EAC7BqD,wBAAwB,CAAEL,UAAU,EACrC,CACH,CACF,CAAC,CACH,CAEA,QAAS,CAAAM,sBAAsBA,CAACC,KAAgB,CAAEhB,OAAc,CAAQ,CACtEgB,KAAK,CAACnD,UAAU,CAAC,EAAE,CAAC,CAEpBmC,OAAO,CAAClC,OAAO,CAAC,SAACsB,MAAW,CAAK,CAC/B4B,KAAK,CAACC,MAAM,CAAC9B,sBAAsB,CAACC,MAAM,CAAC,CAC7C,CAAC,CAAC,CAEF4B,KAAK,CAACpE,GAAG,CAAC,MAAM,CAAE,KAAK,CAAC,CACxBoE,KAAK,CAACE,QAAQ,CAAC,iBAAiB,CAAC,CACjCF,KAAK,CAACpE,GAAG,CAAC,eAAe,CAAEwD,SAAS,CAAC,CACrCY,KAAK,CAACpE,GAAG,CAAC,gBAAgB,CAAE,CAAC,CAAC,CAChC,CAEA,QAAS,CAAAuE,cAAcA,CAAAC,KAAA,CAYC,IAXtB,CAAAC,IAAI,CAAAD,KAAA,CAAJC,IAAI,CAAAC,UAAA,CAAAF,KAAA,CACJG,IAAI,CAAJA,IAAI,CAAAD,UAAA,UAAG,SAAS,CAAAA,UAAA,CAChBE,SAAS,CAAAJ,KAAA,CAATI,SAAS,CACTC,kBAAkB,CAAAL,KAAA,CAAlBK,kBAAkB,CAAAC,qBAAA,CAAAN,KAAA,CAClBO,eAAe,CAAfA,eAAe,CAAAD,qBAAA,UAAG,UAAM,CACtB;AAAA,CACD,CAAAA,qBAAA,CAAAE,mBAAA,CAAAR,KAAA,CACDS,aAAa,CAAbA,aAAa,CAAAD,mBAAA,UAAG,UAAM,CACpB;AAAA,CACD,CAAAA,mBAAA,CACDE,WAAW,CAAAV,KAAA,CAAXU,WAAW,CAEX,GAAM,CAAAC,SAAS,CAAGrG,MAAM,CAAiB,IAAI,CAAC,CAC9C,GAAM,CAAAsG,cAAc,CAAGtG,MAAM,CAAgB,IAAI,CAAC,CAClD,GAAM,CAAA8E,kBAAkB,CAAG9E,MAAM,CAA4B,CAAC,CAAC,CAAC,CAChE,GAAM,CAAAuG,cAAc,CAAGvG,MAAM,CAACoG,WAAW,CAAC,CAC1C,GAAM,CAAAI,iBAAiB,CAAGxG,MAAM,CAAC,KAAK,CAAC,CACvC,GAAM,CAAAyG,WAAW,CAAGzG,MAAM,CAAS,EAAE,CAAC,CACtC,GAAM,CAAA0G,gBAAgB,CAAG1G,MAAM,CAAC,KAAK,CAAC,CAEtCD,SAAS,CAAC,UAAM,CACdwG,cAAc,CAACI,OAAO,CAAGP,WAC3B,CAAC,CAAE,CAACA,WAAW,CAAC,CAAC,CAEjB,QAAS,CAAAQ,mBAAmBA,CAC1BC,KAAyC,CACR,CACjC,GAAI,CAACA,KAAK,CAAE,CACV,MAAO,KACT,CAEA,GAAQ,CAAA5B,WAAW,CAAwC4B,KAAK,CAAxD5B,WAAW,CAAA6B,eAAA,CAAwCD,KAAK,CAA3CE,QAAQ,CAARA,QAAQ,CAAAD,eAAA,UAAG,CAAC,CAAC,CAAAA,eAAA,CAAAE,oBAAA,CAAyBH,KAAK,CAA5BI,aAAa,CAAbA,aAAa,CAAAD,oBAAA,UAAG,CAAC,CAAC,CAAAA,oBAAA,CAEtD,GAAM,CAAA1B,KAAK,CAAGR,kBAAkB,CAAC6B,OAAO,CAAC1B,WAAW,CAAC,CAErD,GAAI,CAACK,KAAK,CAAE,CACV,MAAO,MACT,CAEA;AACA;AACA,GAAM,CAAA4B,aAAa,CAAApF,QAAA,IAAQiF,QAAQ,CAAE,CAErC5D,MAAM,CAACgE,IAAI,CAACD,aAAa,CAAC,CAAC9E,OAAO,CAAC,SAACgF,GAAG,CAAK,CAC1C,GAAM,CAAA5D,KAAK,CAAG0D,aAAa,CAACE,GAAG,CAAC,CAEhC,GAAI5D,KAAK,EAAI,MAAO,CAAAA,KAAK,GAAK,QAAQ,EAAIA,KAAK,CAAC6D,IAAI,GAAK,oBAAoB,CAAE,CAC7EH,aAAa,CAACE,GAAG,CAAC,CAAG,IACvB,CACF,CAAC,CAAC,CAEF,GAAM,CAAAE,cAAc,CAAAxF,QAAA,IACfoF,aAAa,CACjB,CAED,GAAIA,aAAa,CAACK,UAAU,CAAE,CAC5BD,cAAc,CAACC,UAAU,CAAAzF,QAAA,IACnBwD,KAAK,CAACvD,GAAG,CAAC,gBAAgB,CAAC,CAACwF,UAAU,EAAI,CAAC,CAAC,CAC7CL,aAAa,CAACK,UAAU,CAE/B,CAEA;AACA,GAAM,CAAAC,kBAAkB,CAAGlC,KAAK,CAACvD,GAAG,CAAC,eAAe,CAAC,GAAK,SAAS,CACnE,GAAM,CAAA0F,mBAAmB,CACvBH,cAAc,CAAChD,OAAO,EACtBgD,cAAc,CAAChD,OAAO,GAAK,IAAI,EAC/BvB,KAAK,CAACC,OAAO,CAACsE,cAAc,CAAChD,OAAO,CAAC,EACrCgD,cAAc,CAAChD,OAAO,CAACC,MAAM,CAAG,CAAC,CAEnC,GAAIiD,kBAAkB,EAAIC,mBAAmB,CAAE,KAAAC,oBAAA,CAC7C,GAAM,CAAAC,iBAAiB,CACrBrC,KAAK,CAACnD,UAAU,CAAC,CAAC,CAACoC,MAAM,CAAG,CAAC,EAC7B,EAAAmD,oBAAA,CAAApC,KAAK,CAACnD,UAAU,CAAC,CAAC,CAACyF,EAAE,CAAC,CAAC,CAAC,eAAxBF,oBAAA,CAA0B3F,GAAG,CAAC,eAAe,CAAC,IAAK,YAAY,CAEjE,GAAI,CAAC4F,iBAAiB,CAAE,CACtBtC,sBAAsB,CAACC,KAAK,CAAEgC,cAAc,CAAChD,OAAO,CAAC,CAErD,MAAO,KACT,CACF,CAEAgB,KAAK,CAACpE,GAAG,CAAC,gBAAgB,CAAAY,QAAA,IACrBwD,KAAK,CAACvD,GAAG,CAAC,gBAAgB,CAAC,CAC3BuF,cAAc,CAClB,CAAC,CAEFhC,KAAK,CAACpE,GAAG,CAAC,YAAY,CAAAY,QAAA,IACjBwD,KAAK,CAACvD,GAAG,CAAC,YAAY,CAAC,CACvBkF,aAAa,CACjB,CAAC,CAEF,MAAO,KACT,CAEAlH,SAAS,CAAC,UAAM,CACdkG,eAAe,CAACW,mBAAmB,CACrC,CAAC,CAAE,EAAE,CAAC,CAAC,QAEQ,CAAAiB,yBAAyBA,CAAAC,EAAA,SAAAC,0BAAA,CAAAC,KAAA,MAAAC,SAAA,WAAAF,2BAAA,EAAAA,0BAAA,CAAAG,iBAAA,cAAAC,mBAAA,CAAAC,IAAA,CAAxC,SAAAC,SAAyCC,OAA4B,MAAAC,sBAAA,KAAAC,WAAA,CAAAC,WAAA,CAAAC,gBAAA,CAAAC,GAAA,QAAAR,mBAAA,CAAAS,IAAA,UAAAC,SAAA,iBAAAA,SAAA,CAAAC,IAAA,CAAAD,SAAA,CAAAE,IAAA,SAAAF,SAAA,CAAAE,IAAA,UAAAR,sBAAA,CACzCjC,cAAc,CAACK,OAAO,eAAtB4B,sBAAA,CAAwBS,KAAK,CAAC,CAAC,QAAnDR,WAAW,CAAAK,SAAA,CAAAI,IAAA,CACjBpE,cAAc,CAACC,kBAAkB,CAAC6B,OAAO,CAAE2B,OAAO,CAACY,kBAAkB,CAAE,IAAI,CAAC,CAACL,SAAA,CAAAC,IAAA,GAAAD,SAAA,CAAAE,IAAA,SAGjD,CAAAhD,kBAAkB,CAAAjE,QAAA,IACvCwG,OAAO,EACV3C,IAAI,CAAE6C,WAAW,EAClB,CAAC,QAHIC,WAAW,CAAAI,SAAA,CAAAI,IAAA,CAKXP,gBAAgB,CAAGD,WAAW,EAAI,CAAC,CAAC,CAE1CtF,MAAM,CAACC,OAAO,CAACsF,gBAAgB,CAAC,CAACtG,OAAO,CAAC,SAAA+G,KAAA,CAAkB,IAAhB,CAAA/B,GAAG,CAAA+B,KAAA,IAAE3F,KAAK,CAAA2F,KAAA,IACnD,GAAM,CAAA7D,KAAK,CAAGR,kBAAkB,CAAC6B,OAAO,CAACS,GAAG,CAAC,CAE7C,GAAI9B,KAAK,CAAE,CACTA,KAAK,CAACpE,GAAG,CAAC,YAAY,CAAAY,QAAA,IACjBwD,KAAK,CAACvD,GAAG,CAAC,YAAY,CAAC,EAC1BqH,KAAK,CAAE1E,SAAS,EACjB,CAAC,CAEFY,KAAK,CAACpE,GAAG,CAAC,gBAAgB,CAAAY,QAAA,IACrBwD,KAAK,CAACvD,GAAG,CAAC,gBAAgB,CAAC,CAC3ByB,KAAK,EACR4F,KAAK,CAAE1E,SAAS,CAChB2E,SAAS,CAAE3E,SAAS,EACrB,CACH,CACF,CAAC,CAAC,CAAC,OAAAmE,SAAA,CAAAS,MAAA,UAEIZ,gBAAgB,SAAAG,SAAA,CAAAC,IAAA,GAAAH,GAAA,CAAAE,SAAA,aAEvBP,OAAO,CAACY,kBAAkB,CAAC9G,OAAO,CAAC,SAAC6C,WAAmB,CAAK,CAC1D,GAAM,CAAAK,KAAK,CAAGR,kBAAkB,CAAC6B,OAAO,CAAC1B,WAAW,CAAC,CAErD,GAAIK,KAAK,CAAE,CACT,GAAM,CAAAiE,YAAY,CAChBZ,GAAA,WAAiB,CAAAa,KAAK,CAAGb,GAAA,CAAMc,OAAO,CAAG,yCAAyC,CAEpFnE,KAAK,CAACpE,GAAG,CAAC,YAAY,CAAAY,QAAA,IACjBwD,KAAK,CAACvD,GAAG,CAAC,YAAY,CAAC,EAC1BqH,KAAK,CAAEG,YAAY,EACpB,CAAC,CAEFjE,KAAK,CAACpE,GAAG,CAAC,gBAAgB,CAAAY,QAAA,IACrBwD,KAAK,CAACvD,GAAG,CAAC,gBAAgB,CAAC,EAC9BqH,KAAK,CAAEG,YAAY,CACnBF,SAAS,CAAE3E,SAAS,EACrB,CACH,CACF,CAAC,CAAC,CAAC,MAAAiE,GAAA,QAAAE,SAAA,CAAAC,IAAA,GAIHjE,cAAc,CAACC,kBAAkB,CAAC6B,OAAO,CAAE2B,OAAO,CAACY,kBAAkB,CAAE,KAAK,CAAC,CAAC,OAAAL,SAAA,CAAAa,MAAA,4BAAAb,SAAA,CAAAc,IAAA,KAAAtB,QAAA,mBAEjF,UAAAN,0BAAA,CAAAC,KAAA,MAAAC,SAAA,EAEDlI,SAAS,CAAC,UAAM,CACd,GAAI,CAACsG,SAAS,CAACM,OAAO,CAAE,CACtB,MAAO,WAAM,CACX;AAAA,CAEJ,CAEA,GAAIL,cAAc,CAACK,OAAO,CAAE,CAC1BL,cAAc,CAACK,OAAO,CAACiD,OAAO,CAAC,CAAC,CAChCtD,cAAc,CAACK,OAAO,CAAG,IAAI,CAC7BD,gBAAgB,CAACC,OAAO,CAAG,KAC7B,CAEA,GAAM,CAAAkD,WAAW,CAAGhE,IAAI,CAExB,GAAM,CAAA/E,MAAM,CAAGb,QAAQ,CAAC6J,IAAI,CAAC,CAC3BC,SAAS,CAAE1D,SAAS,CAACM,OAAO,CAC5BqD,MAAM,CAAE,MAAM,CACdC,OAAO,CAAE,CACP/J,QAAQ,CACRK,iCAAiC,CAC/BsJ,WAAW,CACXhC,yBAAyB,CACzB/C,kBAAkB,CAAC6B,OAAO,CAC1BR,aACF,CAAC,CACF,CACD+D,cAAc,CAAE,CAAEpG,IAAI,CAAE,MAAO,CAAC,CAChCqG,cAAc,CAAE,CACd7F,OAAO,CAAE,CAAC,MAAM,CAAE,QAAQ,CAAE,WAAW,CAAE,eAAe,CAC1D,CAAC,CACD8F,MAAM,CAAE,CACNC,gBAAgB,CAAE,QAAlB,CAAAA,gBAAgBA,CAAGrF,SAAS,CAAK,CAC/B,GAAM,CAAAsF,OAAO,CAAGtF,SAAS,CAACjD,GAAG,CAAC,SAAS,CAAC,CAExC,MAAO,CAAAuI,OAAO,GAAK,MAAM,CAAG,EAAE,CAAGA,OAAO,EAAI,EAC9C,CACF,CACF,CAAC,CAAC,CAEF5D,gBAAgB,CAACC,OAAO,CAAG,IAAI,CAE/B,GAAI,CAAA4D,iBAAiB,CAAG,CAAC,CAEzB,QAAS,CAAAC,iBAAiBA,CAAA,CAAG,KAAAC,cAAA,CAC3B,GAAM,CAAAC,SAAS,EAAAD,cAAA,CAAG3J,MAAM,CAAC6J,MAAM,SAAbF,cAAA,CAAeG,WAAW,cAA1BH,cAAA,CAAeG,WAAW,CAAG,CAAC,CAEhD,GAAIF,SAAS,EAAIA,SAAS,CAACG,IAAI,CAAE,CAC/B,GAAI,CAACH,SAAS,CAACG,IAAI,CAACC,aAAa,CAAC,wBAAwB,CAAC,CAAE,CAC3D,GAAM,CAAAzH,KAAK,CAAGqH,SAAS,CAACK,aAAa,CAAC,OAAO,CAAC,CAC9C,GAAM,CAAAC,OAAO,kBACT3K,mBAAmB,kBACnBC,aAAa,+TAUhB,CACD+C,KAAK,CAAC4H,SAAS,CAAGD,OAAO,CACzB3H,KAAK,CAAC6H,YAAY,CAAC,MAAM,CAAE,UAAU,CAAC,CACtC7H,KAAK,CAAC6H,YAAY,CAAC,sBAAsB,CAAE,MAAM,CAAC,CAClDR,SAAS,CAACG,IAAI,CAACM,WAAW,CAAC9H,KAAK,CAClC,CACF,CAAC,IAAM,IAAIkH,iBAAiB,CAAG,EAAE,CAAE,CACjCA,iBAAiB,EAAI,CAAC,CACtBa,qBAAqB,CAACZ,iBAAiB,CACzC,CACF,CAEAY,qBAAqB,CAACZ,iBAAiB,CAAC,CAAC,QAE1B,CAAAa,UAAUA,CAAA,SAAAC,WAAA,CAAAtD,KAAA,MAAAC,SAAA,WAAAqD,YAAA,EAAAA,WAAA,CAAApD,iBAAA,cAAAC,mBAAA,CAAAC,IAAA,CAAzB,SAAAmD,SAAA,MAAAC,MAAA,CAAAC,OAAA,CAAAC,GAAA,QAAAvD,mBAAA,CAAAS,IAAA,UAAA+C,SAAA,iBAAAA,SAAA,CAAA7C,IAAA,CAAA6C,SAAA,CAAA5C,IAAA,cACMxC,cAAc,CAACI,OAAO,EAAIH,iBAAiB,CAACG,OAAO,GAAAgF,SAAA,CAAA5C,IAAA,gBAAA4C,SAAA,CAAArC,MAAA,uBAInD,CAAC5C,gBAAgB,CAACC,OAAO,EAAI,CAACL,cAAc,CAACK,OAAO,GAAAgF,SAAA,CAAA5C,IAAA,gBAAA4C,SAAA,CAAArC,MAAA,kBAIpDkC,MAAM,CAAG,IAAI,CAAAG,SAAA,CAAA7C,IAAA,GAAA6C,SAAA,CAAA5C,IAAA,SAGA,CAAAzC,cAAc,CAACK,OAAO,CAACqC,KAAK,CAAC,CAAC,QAA7CwC,MAAM,CAAAG,SAAA,CAAA1C,IAAA,CAAA0C,SAAA,CAAA5C,IAAA,gBAAA4C,SAAA,CAAA7C,IAAA,GAAA4C,GAAA,CAAAC,SAAA,oBAAAA,SAAA,CAAArC,MAAA,qBAKHkC,MAAM,EAAAG,SAAA,CAAA5C,IAAA,gBAAA4C,SAAA,CAAArC,MAAA,kBAILmC,OAAO,CAAGG,IAAI,CAACC,SAAS,CAACL,MAAM,CAAC,CAEtC,GAAIC,OAAO,GAAKhF,WAAW,CAACE,OAAO,CAAE,CACnCR,aAAa,CAAC,IAAI,CAAC,CACnBM,WAAW,CAACE,OAAO,CAAG8E,OACxB,CAAC,wBAAAE,SAAA,CAAAhC,IAAA,KAAA4B,QAAA,eACF,UAAAD,WAAA,CAAAtD,KAAA,MAAAC,SAAA,EAED,GAAM,CAAA6D,mBAAmB,CAAI,UAAM,CACjC,GAAI,CAAAC,OAA8B,CAAG,IAAI,CAEzC,MAAO,WAAM,CACX,GAAIA,OAAO,CAAE,CACXC,YAAY,CAACD,OAAO,CACtB,CAEAA,OAAO,CAAGE,UAAU,CAACZ,UAAU,CAAE,GAAG,CACtC,CACF,CAAC,CAAE,CAAC,CAEJ,CACE,eAAe,CACf,kBAAkB,CAClB,0BAA0B,CAC1B,cAAc,CACd,oBAAoB,CACpB,YAAY,CACb,CAACjJ,OAAO,CAAC,SAAC8J,GAAG,CAAK,CACjBpL,MAAM,CAACqL,EAAE,CAACD,GAAG,CAAEJ,mBAAmB,CACpC,CAAC,CAAC,CAEFhL,MAAM,CAACqL,EAAE,CAAC,kBAAkB,CAAE,SAAC7G,KAAK,CAAE/B,IAAI,CAAK,CAC7C,GAAI,CAAC,YAAY,CAAE,gBAAgB,CAAE,SAAS,CAAC,CAAC6I,QAAQ,CAAC7I,IAAI,CAAC,CAAE,CAC9DuI,mBAAmB,CAAC,CACtB,CACF,CAAC,CAAC,CAEF;AACA;AACAhL,MAAM,CAACqL,EAAE,CAAC,MAAM,cAAAjE,iBAAA,cAAAC,mBAAA,CAAAC,IAAA,CAAE,SAAAiE,QAAA,MAAAC,SAAA,CAAAC,UAAA,CAAAlJ,KAAA,CAAA2H,OAAA,CAAAwB,EAAA,QAAArE,mBAAA,CAAAS,IAAA,UAAA6D,QAAA,iBAAAA,QAAA,CAAA3D,IAAA,CAAA2D,QAAA,CAAA1D,IAAA,SACVuD,SAAS,CAAGxL,MAAM,CAAC6J,MAAM,CAACC,WAAW,CAAC,CAAC,CACvC2B,UAAU,CAAGD,SAAS,CAACzB,IAAI,CAEjC,GAAI,CAAC0B,UAAU,CAACzB,aAAa,CAAC,wBAAwB,CAAC,CAAE,CACjDzH,KAAK,CAAGiJ,SAAS,CAACvB,aAAa,CAAC,OAAO,CAAC,CACxCC,OAAO,cACX3K,mBAAmB,cACnBC,aAAa,wRAWf+C,KAAK,CAAC4H,SAAS,CAAGD,OAAO,CACzB3H,KAAK,CAAC6H,YAAY,CAAC,MAAM,CAAE,UAAU,CAAC,CACtC7H,KAAK,CAAC6H,YAAY,CAAC,sBAAsB,CAAE,MAAM,CAAC,CAClDqB,UAAU,CAACpB,WAAW,CAAC9H,KAAK,CAC9B,CAEAmD,iBAAiB,CAACG,OAAO,CAAG,IAAI,CAAC6F,EAAA,CACXZ,IAAI,CAAAa,QAAA,CAAA1D,IAAA,SAAiB,CAAAjI,MAAM,CAACkI,KAAK,CAAC,CAAC,QAAzDvC,WAAW,CAACE,OAAO,CAAA6F,EAAA,CAAQX,SAAS,CAAAa,IAAA,CAAAF,EAAA,CAAAC,QAAA,CAAAxD,IAAA,EACpCzC,iBAAiB,CAACG,OAAO,CAAG,KAAK,CAAC,wBAAA8F,QAAA,CAAA9C,IAAA,KAAA0C,OAAA,EACnC,GAAC,CAEF/F,cAAc,CAACK,OAAO,CAAG7F,MAAM,CAE/B,GAAIgF,SAAS,CAAE,CACbA,SAAS,CAAChF,MAAM,CAClB,CAEAX,eAAe,CAACiC,OAAO,CAAC,SAAAuK,KAAA,CAAuB,IAApB,CAAA7I,IAAI,CAAA6I,KAAA,CAAJ7I,IAAI,CAAEwG,OAAO,CAAAqC,KAAA,CAAPrC,OAAO,CACtC,GAAI,CAACxJ,MAAM,CAAC8L,aAAa,CAACC,OAAO,CAAC/I,IAAI,CAAC,CAAE,CACvChD,MAAM,CAAC8L,aAAa,CAACE,OAAO,CAAChJ,IAAI,CAAE,CACjCwB,KAAK,CAAE,CACLyH,QAAQ,CAAE,CAAEzC,OAAO,CAAPA,OAAQ,CACtB,CAAC,CACD0C,IAAI,CAAE,CAAC,CACT,CAAC,CACH,CACF,CAAC,CAAC,CAEF,MAAO,SAAS,CAAAC,OAAOA,CAAA,CAAG,CACxBnM,MAAM,CAAC8I,OAAO,CAAC,CAAC,CAChBlD,gBAAgB,CAACC,OAAO,CAAG,KAC7B,CACF,CAAC,CAAE,EAAE,CAAC,CAEN5G,SAAS,CAAC,UAAM,KAAAmN,WAAA,CAAAC,oBAAA,CACd,GAAIxH,IAAI,EAAI,EAAAuH,WAAA,CAAAvH,IAAI,CAACyH,KAAK,eAAVF,WAAA,CAAY3I,MAAM,EAAG,CAAC,EAAI,EAAA4I,oBAAA,CAAAxH,IAAI,CAACyH,KAAK,CAAC,CAAC,CAAC,CAACC,MAAM,eAApBF,oBAAA,CAAsB5I,MAAM,EAAG,CAAC,CAAE,KAAA+I,qBAAA,CAAAC,sBAAA,CACtE/G,iBAAiB,CAACG,OAAO,CAAG,IAAI,CAChC,GAAM,CAAA6G,GAAG,CAAG7H,IAAI,CAACyH,KAAK,CAAC,CAAC,CAAC,CAACC,MAAM,CAAC,CAAC,CAAC,CAACrI,SAAS,CAC7C,GAAM,CAAAyI,SAAS,CAAGtJ,aAAa,CAACqJ,GAAG,CAAC,CACpC,CAAAF,qBAAA,CAAAhH,cAAc,CAACK,OAAO,SAAtB2G,qBAAA,CAAwBI,aAAa,CAACD,SAAS,CAAC,CAEhD,GAAM,CAAAE,OAAO,CAAGjL,aAAa,CAACiD,IAAI,CAACiI,MAAM,EAAI,EAAE,CAAC,CAChD,CAAAL,sBAAA,CAAAjH,cAAc,CAACK,OAAO,SAAtB4G,sBAAA,CAAwBM,QAAQ,CAACF,OAAO,CAAC,CAEzC1B,UAAU,cAAA/D,iBAAA,cAAAC,mBAAA,CAAAC,IAAA,CAAC,SAAA0F,SAAA,MAAAC,GAAA,QAAA5F,mBAAA,CAAAS,IAAA,UAAAoF,SAAA,iBAAAA,SAAA,CAAAlF,IAAA,CAAAkF,SAAA,CAAAjF,IAAA,aACLzC,cAAc,CAACK,OAAO,EAAAqH,SAAA,CAAAjF,IAAA,SAAAgF,GAAA,CACFnC,IAAI,CAAAoC,SAAA,CAAAjF,IAAA,SAAiB,CAAAzC,cAAc,CAACK,OAAO,CAACqC,KAAK,CAAC,CAAC,QAAzEvC,WAAW,CAACE,OAAO,CAAAoH,GAAA,CAAQlC,SAAS,CAAAa,IAAA,CAAAqB,GAAA,CAAAC,SAAA,CAAA/E,IAAA,EACpCzC,iBAAiB,CAACG,OAAO,CAAG,KAAK,CAAC,wBAAAqH,SAAA,CAAArE,IAAA,KAAAmE,QAAA,EAErC,GAAE,GAAG,CACR,CACF,CAAC,CAAE,CAACnI,IAAI,CAAC,CAAC,CAEV5F,SAAS,CAAC,UAAM,CACd,GAAI8F,IAAI,EAAIS,cAAc,CAACK,OAAO,CAAE,CAClCH,iBAAiB,CAACG,OAAO,CAAG,IAAI,CAEhCsF,UAAU,CAAC,UAAM,CACfpL,sBAAsB,CAACyF,cAAc,CAACK,OAAO,CAAYd,IAAI,GAAK,SAAS,CAAC,CAE5EoG,UAAU,CAAC,UAAM,CACfzF,iBAAiB,CAACG,OAAO,CAAG,KAC9B,CAAC,CAAE,EAAE,CACP,CAAC,CAAE,CAAC,CACN,CACF,CAAC,CAAE,CAACd,IAAI,CAAC,CAAC,CAEV,mBACEjF,KAAA,CAACd,KAAK,CAACmO,QAAQ,EAAAC,QAAA,eACbxN,IAAA,CAACF,YAAY,GAAE,CAAC,cAChBE,IAAA,QAAKyN,GAAG,CAAE9H,SAAU,CAACzB,EAAE,CAAC,iBAAiB,CAAE,CAAC,EAC9B,CAEpB,CAEA,cAAe,CAAAa,cAAc","ignoreList":[]}
+{"version":3,"file":"GrapesjsCanvas.js","names":["React","useEffect","useRef","grapesjs","tailwind","TypesToRegister","toKebabCase","tailwindCompiledCss","datePickerCss","createGrapesjsShadcnGenericPlugin","StyledEditor","jsx","_jsx","jsxs","_jsxs","setComponentProperties","editor","isPreview","setPropertiesRecursively","comp","set","editable","draggable","droppable","getName","selectable","hoverable","highlightable","copyable","resizable","removable","badgable","_extends","get","isEditable","attributes","command","components","forEach","runCommand","stopCommand","wrapper","getWrapper","find","convertStyles","stylesArray","map","block","selectors","Array","isArray","join","declarations","Object","entries","style","_ref","prop","value","createActionCardConfig","action","icon","title","description","type","componentName","componentProps","headerContent","bodyContent","expandActions","node","_node$componentProps","actions","length","classes","concat","undefined","i","id","setInteracting","renderedComponents","inProgress","component","componentId","showLoader","gjsModel","interactionApiInProgress","expandActionsComponent","model","append","addClass","GrapesjsCanvas","_ref2","json","_ref2$mode","mode","setEditor","performInteraction","_ref2$newDataNotifier","newDataNotifier","_ref2$setHasChanged","setHasChanged","isStreaming","_ref2$isModeChangeFro","isModeChangeFromToggle","editorRef","editorInstance","isStreamingRef","isSystemUpdateRef","lastJsonRef","isEditorAliveRef","_React$useState","useState","isTransitioning","setIsTransitioning","current","notificationHandler","props","_props$newProps","newProps","_props$newAttributes","newAttributes","filteredProps","keys","key","name","parsedNewProps","pagination","isActionsComponent","hasValidActionsData","_model$components$at","isAlreadyExpanded","at","performInteractionWrapper","_x","_performInteractionWrapper","apply","arguments","_asyncToGenerator","_regeneratorRuntime","mark","_callee4","payload","_editorInstance$curre3","updatedJson","apiResponse","componentUpdates","wrap","_callee4$","_context4","prev","next","store","sent","affectedComponents","_ref6","error","isMissing","abrupt","t0","errorMessage","Error","message","finish","stop","destroy","currentMode","init","container","height","plugins","storageManager","richTextEditor","canvas","customBadgeLabel","tagName","injectionAttempts","injectStylesEarly","_editor$Canvas","iframeDoc","Canvas","getDocument","head","querySelector","createElement","fullCss","innerHTML","setAttribute","appendChild","requestAnimationFrame","checkDirty","_checkDirty","_callee2","stored","newJson","_callee2$","_context2","JSON","stringify","debouncedCheckDirty","timeout","clearTimeout","setTimeout","evt","on","includes","_callee","canvasDoc","canvasHead","_callee$","_context","t1","call","_ref4","DomComponents","getType","addType","defaults","view","cleanup","_json$pages","_json$pages$0$frames","pages","frames","_editorInstance$curre","_editorInstance$curre2","raw","processed","setComponents","cssText","styles","setStyle","_callee3","_callee3$","_context3","Fragment","children","ref","opacity","transition"],"sources":["../src/GrapesjsCanvas.tsx"],"sourcesContent":["/* eslint-disable @typescript-eslint/no-explicit-any */\nimport React, { useEffect, useRef } from 'react';\n// eslint-disable-next-line import/no-named-as-default\nimport grapesjs, { Component, Editor } from 'grapesjs';\nimport 'grapesjs/dist/css/grapes.min.css';\nimport tailwind from 'grapesjs-tailwind';\n\nimport { TypesToRegister } from './constants';\nimport { toKebabCase } from './helpers';\nimport { tailwindCompiledCss } from './helpers/css';\nimport { datePickerCss } from './helpers/date-picker';\nimport { createGrapesjsShadcnGenericPlugin } from './plugins/grapejs-plugin';\nimport { StyledEditor } from './index.styles';\n\ntype NotificationHandler = (newData: {\n  componentId: string;\n  newProps: Record<string, any>;\n  newAttributes: Record<string, any>;\n}) => boolean;\n\ntype GrapesjsCanvasProps = {\n  json: any;\n  mode?: 'editor' | 'preview';\n  setEditor: (editor: Editor) => void;\n  performInteraction: (payload: Record<string, any>) => Promise<Record<string, any> | undefined>;\n  newDataNotifier: (notifHandler: NotificationHandler) => void;\n  setHasChanged: (hasChanged: boolean) => void;\n  isStreaming: boolean;\n  isModeChangeFromToggle?: boolean;\n};\n\nfunction setComponentProperties(editor: Editor, isPreview: boolean) {\n  function setPropertiesRecursively(comp: Component) {\n    comp.set({\n      editable: !isPreview,\n      draggable: !isPreview,\n      droppable: !isPreview && comp.getName() !== 'Shadcn-generic',\n      selectable: !isPreview,\n      hoverable: !isPreview,\n      highlightable: !isPreview,\n      copyable: false,\n      resizable: false,\n      removable: !isPreview,\n      badgable: false,\n    });\n\n    comp.set('attributes', {\n      ...(comp.get('attributes') || {}),\n      isEditable: !isPreview,\n    });\n\n    if (!isPreview) {\n      comp.set('toolbar', [\n        { attributes: { class: 'fa fa-arrows' }, command: 'tlb-move' },\n        { attributes: { class: 'fa fa-trash' }, command: 'tlb-delete' },\n      ]);\n    }\n\n    comp.components().forEach(setPropertiesRecursively);\n  }\n\n  if (isPreview) {\n    editor.runCommand('core:preview');\n  } else {\n    editor.stopCommand('core:preview');\n  }\n\n  const wrapper = editor.getWrapper();\n  wrapper?.find('*').forEach(setPropertiesRecursively);\n}\n\nfunction convertStyles(stylesArray: any[]): string {\n  return stylesArray\n    .map((block) => {\n      const selectors = Array.isArray(block.selectors)\n        ? block.selectors.join(', ')\n        : block.selectors;\n      const declarations = Object.entries(block.style)\n        .map(([prop, value]) => `${toKebabCase(prop)}: ${value};`)\n        .join(' ');\n\n      return `${selectors} { ${declarations} }`;\n    })\n    .join('\\n');\n}\n\nfunction createActionCardConfig(action: any): any {\n  const { icon, title, description } = action;\n\n  return {\n    type: 'shadcn-generic',\n    componentName: 'ActionCard',\n    badgable: false,\n    copyable: false,\n    removable: true,\n    draggable: true,\n    componentProps: {\n      icon,\n      headerContent: title,\n      bodyContent: description,\n    },\n  };\n}\n\nfunction expandActions(node: any): any {\n  if (node.type === 'shadcn-generic' && node.componentName === 'Actions') {\n    const actions = node.componentProps?.actions;\n\n    if (Array.isArray(actions) && actions.length > 0) {\n      return {\n        ...node,\n        type: 'div',\n        classes: ['dashboard-cards', ...(node.classes || [])],\n        componentName: undefined,\n        componentProps: undefined,\n        components: actions.map((action: any, i: number) => ({\n          ...createActionCardConfig(action),\n          id: `${node.id}--action-card-${i}`,\n        })),\n      };\n    }\n\n    return node;\n  }\n\n  if (Array.isArray(node.components)) {\n    return {\n      ...node,\n      components: node.components.map(expandActions),\n    };\n  }\n\n  return node;\n}\n\nfunction setInteracting(\n  renderedComponents: Record<string, Component>,\n  components: { componentId: string; showLoader: boolean }[],\n  inProgress: boolean,\n) {\n  components.forEach((component) => {\n    const { componentId, showLoader } = component;\n\n    if (!showLoader) {\n      return;\n    }\n\n    const gjsModel = renderedComponents[componentId];\n\n    if (gjsModel) {\n      gjsModel.set('attributes', {\n        ...gjsModel.get('attributes'),\n        interactionApiInProgress: inProgress,\n      });\n    }\n  });\n}\n\nfunction expandActionsComponent(model: Component, actions: any[]): void {\n  model.components('');\n\n  actions.forEach((action: any) => {\n    model.append(createActionCardConfig(action));\n  });\n\n  model.set('type', 'div');\n  model.addClass('dashboard-cards');\n  model.set('componentName', undefined);\n  model.set('componentProps', {});\n}\n\nfunction GrapesjsCanvas({\n  json,\n  mode = 'preview',\n  setEditor,\n  performInteraction,\n  newDataNotifier = () => {\n    // no op\n  },\n  setHasChanged = () => {\n    // no op\n  },\n  isStreaming,\n  isModeChangeFromToggle = false,\n}: GrapesjsCanvasProps) {\n  const editorRef = useRef<HTMLDivElement>(null);\n  const editorInstance = useRef<Editor | null>(null);\n  const renderedComponents = useRef<Record<string, Component>>({});\n  const isStreamingRef = useRef(isStreaming);\n  const isSystemUpdateRef = useRef(false);\n  const lastJsonRef = useRef<string>('');\n  const isEditorAliveRef = useRef(false);\n  const [isTransitioning, setIsTransitioning] = React.useState(false);\n\n  useEffect(() => {\n    isStreamingRef.current = isStreaming;\n  }, [isStreaming]);\n\n  function notificationHandler(\n    props: Parameters<NotificationHandler>[0],\n  ): ReturnType<NotificationHandler> {\n    if (!props) {\n      return true;\n    }\n\n    const { componentId, newProps = {}, newAttributes = {} } = props;\n\n    const model = renderedComponents.current[componentId];\n\n    if (!model) {\n      return false;\n    }\n\n    // Filter out complex placeholder objects by setting them to null\n    // This ensures placeholder values are properly cleared and don't cause stale data issues\n    const filteredProps = { ...newProps };\n\n    Object.keys(filteredProps).forEach((key) => {\n      const value = filteredProps[key];\n\n      if (value && typeof value === 'object' && value.name === '__peak_placeholder') {\n        filteredProps[key] = null;\n      }\n    });\n\n    const parsedNewProps = {\n      ...filteredProps,\n    };\n\n    if (filteredProps.pagination) {\n      parsedNewProps.pagination = {\n        ...(model.get('componentProps').pagination || {}),\n        ...filteredProps.pagination,\n      };\n    }\n\n    // Handle Actions component: expand into ActionCards when data arrives via streaming\n    const isActionsComponent = model.get('componentName') === 'Actions';\n    const hasValidActionsData =\n      parsedNewProps.actions &&\n      parsedNewProps.actions !== null &&\n      Array.isArray(parsedNewProps.actions) &&\n      parsedNewProps.actions.length > 0;\n\n    if (isActionsComponent && hasValidActionsData) {\n      const isAlreadyExpanded =\n        model.components().length > 0 &&\n        model.components().at(0)?.get('componentName') === 'ActionCard';\n\n      if (!isAlreadyExpanded) {\n        expandActionsComponent(model, parsedNewProps.actions);\n\n        return true;\n      }\n    }\n\n    model.set('componentProps', {\n      ...model.get('componentProps'),\n      ...parsedNewProps,\n    });\n\n    model.set('attributes', {\n      ...model.get('attributes'),\n      ...newAttributes,\n    });\n\n    return true;\n  }\n\n  useEffect(() => {\n    newDataNotifier(notificationHandler);\n  }, []);\n\n  async function performInteractionWrapper(payload: Record<string, any>) {\n    const updatedJson = await editorInstance.current?.store();\n    setInteracting(renderedComponents.current, payload.affectedComponents, true);\n\n    try {\n      const apiResponse = await performInteraction({\n        ...payload,\n        json: updatedJson,\n      });\n\n      const componentUpdates = apiResponse || {};\n\n      Object.entries(componentUpdates).forEach(([key, value]) => {\n        const model = renderedComponents.current[key];\n\n        if (model) {\n          model.set('attributes', {\n            ...model.get('attributes'),\n            error: undefined,\n          });\n\n          model.set('componentProps', {\n            ...model.get('componentProps'),\n            ...value,\n            error: undefined,\n            isMissing: undefined,\n          });\n        }\n      });\n\n      return componentUpdates;\n    } catch (error) {\n      payload.affectedComponents.forEach((componentId: string) => {\n        const model = renderedComponents.current[componentId];\n\n        if (model) {\n          const errorMessage =\n            error instanceof Error ? error.message : 'Something went wrong. Please try again.';\n\n          model.set('attributes', {\n            ...model.get('attributes'),\n            error: errorMessage,\n          });\n\n          model.set('componentProps', {\n            ...model.get('componentProps'),\n            error: errorMessage,\n            isMissing: undefined,\n          });\n        }\n      });\n\n      throw error;\n    } finally {\n      setInteracting(renderedComponents.current, payload.affectedComponents, false);\n    }\n  }\n\n  useEffect(() => {\n    if (!editorRef.current) {\n      return () => {\n        // no op\n      };\n    }\n\n    if (editorInstance.current) {\n      editorInstance.current.destroy();\n      editorInstance.current = null;\n      isEditorAliveRef.current = false;\n    }\n\n    const currentMode = mode;\n\n    const editor = grapesjs.init({\n      container: editorRef.current,\n      height: '100%',\n      plugins: [\n        tailwind,\n        createGrapesjsShadcnGenericPlugin(\n          currentMode,\n          performInteractionWrapper,\n          renderedComponents.current,\n          setHasChanged,\n        ),\n      ],\n      storageManager: { type: 'none' },\n      richTextEditor: {\n        actions: ['bold', 'italic', 'underline', 'strikethrough'],\n      },\n      canvas: {\n        customBadgeLabel: (component) => {\n          const tagName = component.get('tagName');\n\n          return tagName === 'body' ? '' : tagName || '';\n        },\n      },\n    });\n\n    isEditorAliveRef.current = true;\n\n    let injectionAttempts = 0;\n\n    function injectStylesEarly() {\n      const iframeDoc = editor.Canvas?.getDocument?.();\n\n      if (iframeDoc && iframeDoc.head) {\n        if (!iframeDoc.head.querySelector('[data-grapesjs-styles]')) {\n          const style = iframeDoc.createElement('style');\n          const fullCss = `\n            ${tailwindCompiledCss}\n            ${datePickerCss}\n            ::-webkit-scrollbar {\n              width: 0px;\n              height: 0px;\n            }\n            html, body {\n              overflow: auto !important;\n              -ms-overflow-style: none;  /* IE and Edge */\n              scrollbar-width: none;     /* Firefox */\n            }\n          `;\n          style.innerHTML = fullCss;\n          style.setAttribute('type', 'text/css');\n          style.setAttribute('data-grapesjs-styles', 'true');\n          iframeDoc.head.appendChild(style);\n        }\n      } else if (injectionAttempts < 50) {\n        injectionAttempts += 1;\n        requestAnimationFrame(injectStylesEarly);\n      }\n    }\n\n    requestAnimationFrame(injectStylesEarly);\n\n    async function checkDirty() {\n      if (isStreamingRef.current || isSystemUpdateRef.current) {\n        return;\n      }\n\n      if (!isEditorAliveRef.current || !editorInstance.current) {\n        return;\n      }\n\n      let stored = null;\n\n      try {\n        stored = await editorInstance.current.store();\n      } catch (err) {\n        return;\n      }\n\n      if (!stored) {\n        return;\n      }\n\n      const newJson = JSON.stringify(stored);\n\n      if (newJson !== lastJsonRef.current) {\n        setHasChanged(true);\n        lastJsonRef.current = newJson;\n      }\n    }\n\n    const debouncedCheckDirty = (() => {\n      let timeout: NodeJS.Timeout | null = null;\n\n      return () => {\n        if (timeout) {\n          clearTimeout(timeout);\n        }\n\n        timeout = setTimeout(checkDirty, 200);\n      };\n    })();\n\n    [\n      'component:add',\n      'component:remove',\n      'component:update:content',\n      'style:update',\n      'component:drag:end',\n      'rte:change',\n    ].forEach((evt) => {\n      editor.on(evt, debouncedCheckDirty);\n    });\n\n    editor.on('component:update', (model, prop) => {\n      if (['attributes', 'componentProps', 'content'].includes(prop)) {\n        debouncedCheckDirty();\n      }\n    });\n\n    // Tailwind CSS rules aren't fully added to our component\n    // So, adding them from here!\n    editor.on('load', async () => {\n      const canvasDoc = editor.Canvas.getDocument();\n      const canvasHead = canvasDoc.head;\n\n      if (!canvasHead.querySelector('[data-grapesjs-styles]')) {\n        const style = canvasDoc.createElement('style');\n        const fullCss = `\n        ${tailwindCompiledCss}\n        ${datePickerCss}\n        ::-webkit-scrollbar {\n          width: 0px;\n          height: 0px;\n        }\n        html, body {\n          overflow: auto !important;\n          -ms-overflow-style: none;  /* IE and Edge */\n          scrollbar-width: none;     /* Firefox */\n        }\n      `;\n        style.innerHTML = fullCss;\n        style.setAttribute('type', 'text/css');\n        style.setAttribute('data-grapesjs-styles', 'true');\n        canvasHead.appendChild(style);\n      }\n\n      isSystemUpdateRef.current = true;\n      lastJsonRef.current = JSON.stringify(await editor.store());\n      isSystemUpdateRef.current = false;\n    });\n\n    editorInstance.current = editor;\n\n    if (setEditor) {\n      setEditor(editor);\n    }\n\n    TypesToRegister.forEach(({ type, tagName }) => {\n      if (!editor.DomComponents.getType(type)) {\n        editor.DomComponents.addType(type, {\n          model: {\n            defaults: { tagName },\n          },\n          view: {},\n        });\n      }\n    });\n\n    return function cleanup() {\n      editor.destroy();\n      isEditorAliveRef.current = false;\n    };\n  }, []);\n\n  useEffect(() => {\n    if (json && json.pages?.length > 0 && json.pages[0].frames?.length > 0) {\n      isSystemUpdateRef.current = true;\n      const raw = json.pages[0].frames[0].component;\n      const processed = expandActions(raw);\n      editorInstance.current?.setComponents(processed);\n\n      const cssText = convertStyles(json.styles || []);\n      editorInstance.current?.setStyle(cssText);\n\n      setTimeout(async () => {\n        if (editorInstance.current) {\n          lastJsonRef.current = JSON.stringify(await editorInstance.current.store());\n          isSystemUpdateRef.current = false;\n        }\n      }, 100);\n    }\n  }, [json]);\n\n  useEffect(() => {\n    if (mode && editorInstance.current) {\n      isSystemUpdateRef.current = true;\n\n      if(isModeChangeFromToggle){\n      setIsTransitioning(true);\n      }\n\n      setTimeout(() => {\n        setComponentProperties(editorInstance.current as Editor, mode === 'preview');\n\n        setTimeout(() => {\n          isSystemUpdateRef.current = false;\n          setIsTransitioning(false);\n        }, 50);\n      }, 0);\n    }\n  }, [mode, isModeChangeFromToggle]);\n\n  return (\n    <React.Fragment>\n      <StyledEditor />\n      <div \n        ref={editorRef} \n        id=\"grapesjs-editor\" \n        style={{\n          opacity: isTransitioning ? 0 : 1,\n          transition: 'opacity 0.15s ease-in-out',\n        }}\n      />\n    </React.Fragment>\n  );\n}\n\nexport default GrapesjsCanvas;\n"],"mappings":"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","ignoreList":[]}