var i=Object.defineProperty,a=Object.defineProperties;var m=Object.getOwnPropertyDescriptors;var l=Object.getOwnPropertySymbols;var p=Object.prototype.hasOwnProperty,u=Object.prototype.propertyIsEnumerable;var n=(o,e,t)=>e in o?i(o,e,{enumerable:!0,configurable:!0,writable:!0,value:t}):o[e]=t,d=(o,e)=>{for(var t in e||(e={}))p.call(e,t)&&n(o,t,e[t]);if(l)for(var t of l(e))u.call(e,t)&&n(o,t,e[t]);return o},c=(o,e)=>a(o,m(e));import{j as r}from"./react-vendor-xYZnmIII.js";import{L as x,T as E}from"./ui-components-CQM92IK3.js";import{useEditor as f}from"./use-editor-CiTCcx1l.js";import"./inertia-vendor-cBbDTmhJ.js";import"./ui-vendor-Ds9iwIxa.js";import"./interactive-vendor-B1OgcAgP.js";import"./editor-provider-0C4WlrME.js";import"./v4-DsPse6Vr.js";const N=({changeCustomValues:o})=>{const{editor:e,dispatch:t}=f();return e.editor.selectedElement.type==="customCode"&&r.jsx("div",{className:"flex flex-col gap-4",children:r.jsxs("div",{className:"flex flex-col gap-2",children:[r.jsx(x,{children:"Custom HTML/React Code"}),r.jsx(E,{id:"code",placeholder:"<div>Your custom HTML or React code here...</div>",rows:10,className:"font-mono text-sm",onChange:s=>{t({type:"UPDATE_ELEMENT",payload:{elementDetails:c(d({},e.editor.selectedElement),{content:c(d({},typeof e.editor.selectedElement.content=="object"&&!Array.isArray(e.editor.selectedElement.content)?e.editor.selectedElement.content:{}),{code:s.target.value})})}})},value:typeof e.editor.selectedElement.content=="object"&&!Array.isArray(e.editor.selectedElement.content)&&e.editor.selectedElement.content!==null&&"code"in e.editor.selectedElement.content?e.editor.selectedElement.content.code:"<div>Custom Code Block</div>"}),r.jsx("p",{className:"text-xs text-muted-foreground",children:"Enter your custom HTML or React code. This will be rendered directly without editor controls."})]})})};export{N as default};
