@superdoc-dev/template-builder 0.2.0 → 0.3.0

package/dist/defaults/FieldList.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"FieldList.d.ts","sourceRoot":"","sources":["../../src/defaults/FieldList.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,UAAU,CAAC;AAE/C,eAAO,MAAM,SAAS,EAAE,KAAK,CAAC,EAAE,CAAC,cAAc,CAwJ9C,CAAC"}
+{"version":3,"file":"FieldList.d.ts","sourceRoot":"","sources":["../../src/defaults/FieldList.tsx"],"names":[],"mappings":"AAAA,OAAO,KAA4B,MAAM,OAAO,CAAC;AACjD,OAAO,KAAK,EAAE,cAAc,EAAiB,MAAM,UAAU,CAAC;AA0H9D,eAAO,MAAM,SAAS,EAAE,KAAK,CAAC,EAAE,CAAC,cAAc,CAsJ9C,CAAC"}

package/dist/defaults/FieldMenu.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"FieldMenu.d.ts","sourceRoot":"","sources":["../../src/defaults/FieldMenu.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAmB,cAAc,EAAE,MAAM,UAAU,CAAC;AAEhE,eAAO,MAAM,SAAS,EAAE,KAAK,CAAC,EAAE,CAAC,cAAc,CAiY9C,CAAC"}
+{"version":3,"file":"FieldMenu.d.ts","sourceRoot":"","sources":["../../src/defaults/FieldMenu.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAmB,cAAc,EAAE,MAAM,UAAU,CAAC;AAEhE,eAAO,MAAM,SAAS,EAAE,KAAK,CAAC,EAAE,CAAC,cAAc,CA+b9C,CAAC"}

package/dist/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../src/index.tsx"],"names":[],"mappings":"AASA,OAAO,KAAK,KAAK,KAAK,MAAM,SAAS,CAAC;AACtC,OAAO,EAAE,SAAS,EAAE,SAAS,EAAE,MAAM,YAAY,CAAC;AAElD,cAAc,SAAS,CAAC;AACxB,OAAO,EAAE,SAAS,EAAE,SAAS,EAAE,CAAC;AA0GhC,QAAA,MAAM,uBAAuB,oJAqkB3B,CAAC;AAIH,eAAe,uBAAuB,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../src/index.tsx"],"names":[],"mappings":"AASA,OAAO,KAAK,KAAK,KAAK,MAAM,SAAS,CAAC;AACtC,OAAO,EAAE,SAAS,EAAE,SAAS,EAAE,MAAM,YAAY,CAAC;AAElD,cAAc,SAAS,CAAC;AACxB,OAAO,EAAE,SAAS,EAAE,SAAS,EAAE,CAAC;AA4GhC,QAAA,MAAM,uBAAuB,oJAwnB3B,CAAC;AAIH,eAAe,uBAAuB,CAAC"}

package/dist/index.js

@@ -1,22 +1 @@
-"use strict";var Me=Object.create;var be=Object.defineProperty;var Ae=Object.getOwnPropertyDescriptor;var Ie=Object.getOwnPropertyNames;var De=Object.getPrototypeOf,Le=Object.prototype.hasOwnProperty;var We=(o,u,f,p)=>{if(u&&typeof u=="object"||typeof u=="function")for(let r of Ie(u))!Le.call(o,r)&&r!==f&&be(o,r,{get:()=>u[r],enumerable:!(p=Ae(u,r))||p.enumerable});return o};var Be=(o,u,f)=>(f=o!=null?Me(De(o)):{},We(u||!o||!o.__esModule?be(f,"default",{value:o,enumerable:!0}):f,o));Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const i=require("react");var le={exports:{}},oe={};/**
- * @license React
- * react-jsx-runtime.production.js
- *
- * Copyright (c) Meta Platforms, Inc. and affiliates.
- *
- * This source code is licensed under the MIT license found in the
- * LICENSE file in the root directory of this source tree.
- */var he;function Ve(){if(he)return oe;he=1;var o=Symbol.for("react.transitional.element"),u=Symbol.for("react.fragment");function f(p,r,c){var S=null;if(c!==void 0&&(S=""+c),r.key!==void 0&&(S=""+r.key),"key"in r){c={};for(var N in r)N!=="key"&&(c[N]=r[N])}else c=r;return r=c.ref,{$$typeof:o,type:p,key:S,ref:r!==void 0?r:null,props:c}}return oe.Fragment=u,oe.jsx=f,oe.jsxs=f,oe}var se={};/**
- * @license React
- * react-jsx-runtime.development.js
- *
- * Copyright (c) Meta Platforms, Inc. and affiliates.
- *
- * This source code is licensed under the MIT license found in the
- * LICENSE file in the root directory of this source tree.
- */var ye;function Ye(){return ye||(ye=1,process.env.NODE_ENV!=="production"&&(function(){function o(e){if(e==null)return null;if(typeof e=="function")return e.$$typeof===W?null:e.displayName||e.name||null;if(typeof e=="string")return e;switch(e){case z:return"Fragment";case x:return"Profiler";case G:return"StrictMode";case $:return"Suspense";case l:return"SuspenseList";case C:return"Activity"}if(typeof e=="object")switch(typeof e.tag=="number"&&console.error("Received an unexpected object in getComponentNameFromType(). This is likely a bug in React. Please file an issue."),e.$$typeof){case ee:return"Portal";case I:return e.displayName||"Context";case Y:return(e._context.displayName||"Context")+".Consumer";case J:var a=e.render;return e=e.displayName,e||(e=a.displayName||a.name||"",e=e!==""?"ForwardRef("+e+")":"ForwardRef"),e;case E:return a=e.displayName||null,a!==null?a:o(e.type)||"Memo";case R:a=e._payload,e=e._init;try{return o(e(a))}catch{}}return null}function u(e){return""+e}function f(e){try{u(e);var a=!1}catch{a=!0}if(a){a=console;var g=a.error,m=typeof Symbol=="function"&&Symbol.toStringTag&&e[Symbol.toStringTag]||e.constructor.name||"Object";return g.call(a,"The provided key is an unsupported type %s. This value must be coerced to a string before using it here.",m),u(e)}}function p(e){if(e===z)return"<>";if(typeof e=="object"&&e!==null&&e.$$typeof===R)return"<...>";try{var a=o(e);return a?"<"+a+">":"<...>"}catch{return"<...>"}}function r(){var e=P.A;return e===null?null:e.getOwner()}function c(){return Error("react-stack-top-frame")}function S(e){if(ae.call(e,"key")){var a=Object.getOwnPropertyDescriptor(e,"key").get;if(a&&a.isReactWarning)return!1}return e.key!==void 0}function N(e,a){function g(){D||(D=!0,console.error("%s: `key` is not a prop. Trying to access it will result in `undefined` being returned. If you need to access the same value within the child component, you should pass it as a different prop. (https://react.dev/link/special-props)",a))}g.isReactWarning=!0,Object.defineProperty(e,"key",{get:g,configurable:!0})}function H(){var e=o(this.type);return re[e]||(re[e]=!0,console.error("Accessing element.ref was removed in React 19. ref is now a regular prop. It will be removed from the JSX Element type in a future release.")),e=this.props.ref,e!==void 0?e:null}function q(e,a,g,m,B,Q){var v=g.ref;return e={$$typeof:w,type:e,key:a,props:g,_owner:m},(v!==void 0?v:null)!==null?Object.defineProperty(e,"ref",{enumerable:!1,get:H}):Object.defineProperty(e,"ref",{enumerable:!1,value:null}),e._store={},Object.defineProperty(e._store,"validated",{configurable:!1,enumerable:!1,writable:!0,value:0}),Object.defineProperty(e,"_debugInfo",{configurable:!1,enumerable:!1,writable:!0,value:null}),Object.defineProperty(e,"_debugStack",{configurable:!1,enumerable:!1,writable:!0,value:B}),Object.defineProperty(e,"_debugTask",{configurable:!1,enumerable:!1,writable:!0,value:Q}),Object.freeze&&(Object.freeze(e.props),Object.freeze(e)),e}function M(e,a,g,m,B,Q){var v=a.children;if(v!==void 0)if(m)if(te(v)){for(m=0;m<v.length;m++)O(v[m]);Object.freeze&&Object.freeze(v)}else console.error("React.jsx: Static children should always be an array. You are likely explicitly calling React.jsxs or React.jsxDEV. Use the Babel transform instead.");else O(v);if(ae.call(a,"key")){v=o(e);var _=Object.keys(a).filter(function(de){return de!=="key"});m=0<_.length?"{key: someKey, "+_.join(": ..., ")+": ...}":"{key: someKey}",X[v+m]||(_=0<_.length?"{"+_.join(": ..., ")+": ...}":"{}",console.error(`A props object containing a "key" prop is being spread into JSX:
-  let props = %s;
-  <%s {...props} />
-React keys must be passed directly to JSX without using spread:
-  let props = %s;
-  <%s key={someKey} {...props} />`,m,v,_,v),X[v+m]=!0)}if(v=null,g!==void 0&&(f(g),v=""+g),S(a)&&(f(a.key),v=""+a.key),"key"in a){g={};for(var Z in a)Z!=="key"&&(g[Z]=a[Z])}else g=a;return v&&N(g,typeof e=="function"?e.displayName||e.name||"Unknown":e),q(e,v,g,r(),B,Q)}function O(e){k(e)?e._store&&(e._store.validated=1):typeof e=="object"&&e!==null&&e.$$typeof===R&&(e._payload.status==="fulfilled"?k(e._payload.value)&&e._payload.value._store&&(e._payload.value._store.validated=1):e._store&&(e._store.validated=1))}function k(e){return typeof e=="object"&&e!==null&&e.$$typeof===w}var A=i,w=Symbol.for("react.transitional.element"),ee=Symbol.for("react.portal"),z=Symbol.for("react.fragment"),G=Symbol.for("react.strict_mode"),x=Symbol.for("react.profiler"),Y=Symbol.for("react.consumer"),I=Symbol.for("react.context"),J=Symbol.for("react.forward_ref"),$=Symbol.for("react.suspense"),l=Symbol.for("react.suspense_list"),E=Symbol.for("react.memo"),R=Symbol.for("react.lazy"),C=Symbol.for("react.activity"),W=Symbol.for("react.client.reference"),P=A.__CLIENT_INTERNALS_DO_NOT_USE_OR_WARN_USERS_THEY_CANNOT_UPGRADE,ae=Object.prototype.hasOwnProperty,te=Array.isArray,T=console.createTask?console.createTask:function(){return null};A={react_stack_bottom_frame:function(e){return e()}};var D,re={},L=A.react_stack_bottom_frame.bind(A,c)(),ne=T(p(c)),X={};se.Fragment=z,se.jsx=function(e,a,g){var m=1e4>P.recentlyCreatedOwnerStacks++;return M(e,a,g,!1,m?Error("react-stack-top-frame"):L,m?T(p(e)):ne)},se.jsxs=function(e,a,g){var m=1e4>P.recentlyCreatedOwnerStacks++;return M(e,a,g,!0,m?Error("react-stack-top-frame"):L,m?T(p(e)):ne)}})()),se}var ve;function $e(){return ve||(ve=1,process.env.NODE_ENV==="production"?le.exports=Ve():le.exports=Ye()),le.exports}var n=$e();const Re=({isVisible:o,position:u,availableFields:f,filteredFields:p,filterQuery:r,allowCreate:c,onSelect:S,onClose:N,onCreateField:H})=>{const[q,M]=i.useState(!1),[O,k]=i.useState(""),[A,w]=i.useState("inline");i.useEffect(()=>{o||(M(!1),k(""),w("inline"))},[o]);const ee=i.useMemo(()=>({position:"absolute",left:u?.left,top:u?.top,zIndex:1e3,background:"white",border:"1px solid #ddd",borderRadius:"4px",boxShadow:"0 2px 8px rgba(0,0,0,0.1)",padding:"8px 0",minWidth:"200px"}),[u]),z=p??f,G=!!r,x=i.useMemo(()=>{const l=[],E=new Map;return z.forEach(R=>{const C=R.category?.trim()||"Uncategorized",W=E.get(C);if(W!==void 0){l[W].fields.push(R);return}E.set(C,l.length),l.push({category:C,fields:[R]})}),l},[z]),[Y,I]=i.useState({});i.useEffect(()=>{I(l=>{if(x.length===0)return Object.keys(l).length===0?l:{};const E={};let R=Object.keys(l).length!==x.length;return x.forEach(({category:C},W)=>{const P=G?!0:l[C]??W===0;E[C]=P,!R&&l[C]!==P&&(R=!0)}),R?E:l})},[x,G]);const J=i.useCallback(l=>{I(E=>({...E,[l]:!E[l]}))},[]);if(!o)return null;const $=async()=>{const l=O.trim();if(!l)return;const E={id:`custom_${Date.now()}`,label:l,category:"Custom",metadata:{mode:A}};try{if(H){const R=await H(E);S(R||E)}else S(E)}finally{M(!1),k(""),w("inline")}};return n.jsxs("div",{className:"superdoc-field-menu",style:ee,children:[G&&n.jsx("div",{style:{padding:"8px 16px",borderBottom:"1px solid #f0f0f0",marginBottom:"4px"},children:n.jsxs("div",{style:{fontSize:"12px",color:"#6b7280"},children:["Filtering results for",n.jsx("span",{style:{fontWeight:600,color:"#111827",marginLeft:"4px"},children:r})]})}),c&&!q&&n.jsx("div",{className:"field-menu-item",onClick:()=>M(!0),style:{padding:"8px 16px",cursor:"pointer",color:"#0066cc",fontWeight:500},children:"+ Create New Field"}),c&&q&&n.jsxs("div",{style:{padding:"8px 16px"},children:[n.jsx("input",{type:"text",value:O,placeholder:"Field name...",onChange:l=>k(l.target.value),onKeyDown:l=>{l.key==="Enter"&&$(),l.key==="Escape"&&(M(!1),k(""),w("inline"))},autoFocus:!0,style:{width:"100%",padding:"4px 8px",border:"1px solid #ddd",borderRadius:"3px"}}),n.jsxs("div",{style:{marginTop:"8px",display:"flex",gap:"12px",fontSize:"13px"},children:[n.jsxs("label",{style:{display:"flex",alignItems:"center",gap:"4px",cursor:"pointer"},children:[n.jsx("input",{type:"radio",value:"inline",checked:A==="inline",onChange:()=>w("inline")}),"Inline"]}),n.jsxs("label",{style:{display:"flex",alignItems:"center",gap:"4px",cursor:"pointer"},children:[n.jsx("input",{type:"radio",value:"block",checked:A==="block",onChange:()=>w("block")}),"Block"]})]}),n.jsxs("div",{style:{marginTop:"8px",display:"flex",gap:"8px"},children:[n.jsx("button",{onClick:$,disabled:!O.trim(),style:{padding:"4px 12px",background:O.trim()?"#0066cc":"#ccc",color:"white",border:"none",borderRadius:"3px",cursor:O.trim()?"pointer":"not-allowed"},children:"Create"}),n.jsx("button",{onClick:()=>{M(!1),k(""),w("inline")},style:{padding:"4px 12px",background:"white",border:"1px solid #ddd",borderRadius:"3px",cursor:"pointer"},children:"Cancel"})]})]}),c&&f.length>0&&n.jsx("div",{style:{borderTop:"1px solid #eee",margin:"4px 0"}}),x.length===0?n.jsx("div",{style:{padding:"16px",fontSize:"13px",color:"#6b7280",textAlign:"center"},children:"No matching fields"}):x.map(({category:l,fields:E},R)=>{const C=!!Y[l],W=`${Math.max(E.length*40,0)}px`;return n.jsxs("div",{style:{borderTop:R===0&&c?void 0:"1px solid #f0f0f0"},children:[n.jsxs("button",{type:"button",onClick:()=>J(l),style:{width:"100%",display:"flex",alignItems:"center",justifyContent:"space-between",padding:"8px 16px",background:"transparent",border:"none",cursor:"pointer",fontWeight:500,textAlign:"left"},children:[n.jsxs("span",{children:[l," (",E.length,")"]}),n.jsx("span",{"aria-hidden":!0,style:{display:"inline-block",width:"8px",height:"8px",borderRight:"2px solid #666",borderBottom:"2px solid #666",transform:C?"rotate(45deg)":"rotate(-45deg)",transition:"transform 0.2s ease",marginLeft:"12px"}})]}),n.jsx("div",{"data-category":l,"aria-hidden":!C,style:{overflow:"hidden",maxHeight:C?W:"0px",opacity:C?1:0,transition:"max-height 0.2s ease, opacity 0.2s ease",pointerEvents:C?"auto":"none"},children:n.jsx("div",{style:{padding:C?"4px 0":0},children:E.map(P=>n.jsx("div",{className:"field-menu-item",onClick:()=>S(P),style:{padding:"8px 16px",cursor:"pointer",display:"flex",alignItems:"center",justifyContent:"space-between"},children:n.jsx("span",{style:{fontWeight:500},children:P.label})},P.id))})})]},l)}),n.jsx("div",{style:{borderTop:"1px solid #eee",marginTop:"4px"},children:n.jsx("button",{onClick:N,style:{width:"100%",padding:"6px 16px",background:"#f3f4f6",border:"none",borderRadius:"0 0 4px 4px",cursor:"pointer"},children:"Close"})})]})},Ce=({fields:o,onSelect:u,onDelete:f,selectedFieldId:p})=>n.jsxs("div",{className:"superdoc-field-list",style:{width:"250px",background:"white",border:"1px solid #e5e7eb",borderRadius:"8px",padding:"16px"},children:[n.jsxs("h3",{style:{margin:"0 0 16px 0",fontSize:"16px",fontWeight:"600"},children:["Template Fields (",o.length,")"]}),o.length===0?n.jsxs("div",{style:{color:"#9ca3af",fontSize:"14px",textAlign:"center",padding:"20px 0"},children:["No fields yet. Type ","{{"," to add a field."]}):n.jsx("div",{style:{display:"flex",flexDirection:"column",gap:"8px"},children:o.map(r=>n.jsxs("div",{onClick:()=>u(r),style:{position:"relative",padding:"12px",background:p===r.id?"#eff6ff":"#f9fafb",border:p===r.id?"1px solid #3b82f6":"1px solid #e5e7eb",borderRadius:"6px",cursor:"pointer",transition:"all 0.2s"},onMouseEnter:c=>{p!==r.id&&(c.currentTarget.style.background="#f3f4f6")},onMouseLeave:c=>{p!==r.id&&(c.currentTarget.style.background="#f9fafb")},title:r.alias,children:[n.jsx("button",{onClick:c=>{c.stopPropagation(),f(r.id)},style:{position:"absolute",top:"8px",right:"8px",padding:"4px",background:"transparent",border:"none",cursor:"pointer",color:"#9ca3af",transition:"color 0.2s",display:"flex",alignItems:"center",justifyContent:"center"},onMouseEnter:c=>{c.currentTarget.style.color="#ef4444"},onMouseLeave:c=>{c.currentTarget.style.color="#9ca3af"},title:"Delete field",children:n.jsx("svg",{width:"16",height:"16",viewBox:"0 0 16 16",fill:"none",xmlns:"http://www.w3.org/2000/svg",children:n.jsx("path",{d:"M6 2V1.5C6 1.22386 6.22386 1 6.5 1H9.5C9.77614 1 10 1.22386 10 1.5V2M2 4H14M12.6667 4L12.1991 11.0129C12.129 12.065 12.0939 12.5911 11.8667 12.99C11.6666 13.3412 11.3648 13.6235 11.0011 13.7998C10.588 14 10.0607 14 9.00623 14H6.99377C5.93927 14 5.41202 14 4.99889 13.7998C4.63517 13.6235 4.33339 13.3412 4.13332 12.99C3.90607 12.5911 3.871 12.065 3.80086 11.0129L3.33333 4",stroke:"currentColor",strokeWidth:"1.5",strokeLinecap:"round",strokeLinejoin:"round"})})}),n.jsxs("div",{style:{paddingRight:"24px"},children:[n.jsx("div",{style:{fontWeight:"500",fontSize:"14px",marginBottom:r.alias&&r.alias!==r.id?"4px":"0"},children:r.id}),n.jsxs("div",{style:{display:"flex",alignItems:"center",gap:"6px",fontSize:"12px",color:"#4b5563"},children:[r.alias&&r.alias!==r.id&&n.jsx("span",{children:r.alias}),r.mode&&n.jsx("span",{style:{fontSize:"10px",padding:"2px 6px",borderRadius:"4px",background:r.mode==="block"?"#dbeafe":"#f3f4f6",color:r.mode==="block"?"#1e40af":"#4b5563",fontWeight:"500"},children:r.mode})]})]})]},r.id))})]}),pe=o=>{const u=o.helpers?.structuredContentCommands;return u?.getStructuredContentTags?(u.getStructuredContentTags(o.state)||[]).map(p=>{const r=p?.node??p,c=r?.attrs??{},N=(r?.type?.name||"").includes("Block")?"block":"inline";return{id:c.id,alias:c.alias||c.label||"",tag:c.tag,mode:N}}):[]},Ee=(o,u)=>{if(o===u)return!0;if(o.length!==u.length)return!1;for(let f=0;f<o.length;f+=1){const p=o[f],r=u[f];if(!r||p.id!==r.id||p.alias!==r.alias||p.tag!==r.tag||p.position!==r.position||p.mode!==r.mode)return!1}return!0},ze=o=>{if(!o)return null;if(o===!0)return{selector:"#superdoc-toolbar",config:{},renderDefaultContainer:!0};if(typeof o=="string")return{selector:o,config:{},renderDefaultContainer:!1};const{selector:u,...f}=o;return{selector:u||"#superdoc-toolbar",config:f,renderDefaultContainer:u===void 0}},ce=10,Ue=250,He=300,ke=o=>{const u=window.innerWidth-Ue-ce,f=window.innerHeight-He-ce,p=Math.min(o.left,u),r=Math.min(o.top,f);return new DOMRect(Math.max(p,ce),Math.max(r,ce),o.width,o.height)},Te=i.forwardRef((o,u)=>{const{document:f,fields:p={},menu:r={},list:c={},toolbar:S,onReady:N,onTrigger:H,onFieldInsert:q,onFieldUpdate:M,onFieldDelete:O,onFieldsChange:k,onFieldSelect:A,onFieldCreate:w,className:ee,style:z,documentHeight:G="600px"}=o,[x,Y]=i.useState(p.initial||[]),[I,J]=i.useState(null),[$,l]=i.useState(!1),[E,R]=i.useState(),[C,W]=i.useState(""),[P,ae]=i.useState(()=>p.available||[]),te=i.useRef(null),T=i.useRef(null),D=i.useRef(null),re=i.useRef(p);re.current=p;const L=i.useRef(null),ne=i.useRef($);i.useEffect(()=>{ne.current=$},[$]);const X=r.trigger||"{{",e=re.current.available||[],a=i.useCallback(t=>{const s=t.trim().toLowerCase();return s?e.filter(d=>{const b=d.label.toLowerCase(),F=d.category?.toLowerCase()||"";return b.includes(s)||F.includes(s)}):e},[e]),g=i.useCallback(t=>{W(t),ae(a(t))},[a]),m=i.useCallback(()=>{g("")},[g]),B=i.useCallback((t,s)=>{if(!T.current?.activeEditor)return!1;const d=T.current.activeEditor,b=x,F=t==="inline"?d.commands.insertStructuredContentInline?.({attrs:{alias:s.alias,tag:s.metadata?JSON.stringify(s.metadata):s.category},text:s.defaultValue||s.alias}):d.commands.insertStructuredContentBlock?.({attrs:{alias:s.alias,tag:s.metadata?JSON.stringify(s.metadata):s.category},text:s.defaultValue||s.alias});if(F){const j=pe(d);Y(j),k?.(j);const h=j.find(y=>!b.some(U=>U.id===y.id));h&&q?.(h)}return F},[q,k,x]),Q=i.useCallback((t,s)=>{if(!T.current?.activeEditor)return!1;const b=T.current.activeEditor.commands.updateStructuredContentById?.(t,{attrs:s});return b&&Y(F=>{const j=F.map(y=>y.id===t?{...y,...s}:y);k?.(j);const h=j.find(y=>y.id===t);return h&&M?.(h),j}),b},[M,k]),v=i.useCallback(t=>{const s=T.current?.activeEditor;if(!s){console.warn("[SuperDocTemplateBuilder] deleteField called without active editor");let h=!1;return Y(y=>{if(!y.some(V=>V.id===t))return y;const U=y.filter(V=>V.id!==t);return h=!0,k?.(U),U}),h&&(O?.(t),J(y=>y===t?null:y)),h}let d=!1;try{d=s.commands.deleteStructuredContentById?.(t)??!1}catch(h){console.error("[SuperDocTemplateBuilder] Delete command failed:",h)}let b=pe(s);const F=b.some(h=>h.id===t);!d&&F&&(b=b.filter(h=>h.id!==t));let j=!1;return Y(h=>{if(Ee(h,b))return h;const y=h.some(V=>V.id===t),U=b.some(V=>V.id===t);return y&&!U&&(j=!0),k?.(b),b}),j&&(O?.(t),J(h=>h===t?null:h)),d||j},[O,k]),_=i.useCallback(t=>{if(!T.current?.activeEditor)return;T.current.activeEditor.commands.selectStructuredContentById?.(t),J(t);const d=x.find(b=>b.id===t);d&&A?.(d)},[x,A]),Z=i.useCallback(t=>{if(!t)return;const s=pe(t);Y(d=>Ee(d,s)?d:(k?.(s),s))},[k]);i.useEffect(()=>te.current?((async()=>{const{SuperDoc:s}=await import("superdoc"),d={selector:te.current,document:f?.source,documentMode:f?.mode||"editing",onReady:()=>{if(b.activeEditor){const F=b.activeEditor;F.on("update",({editor:j})=>{const{state:h}=j,{from:y}=h.selection;if(y>=X.length){const ue=y-X.length;if(h.doc.textBetween(ue,y)===X){const me=j.view.coordsAtPos(y),xe=ke(new DOMRect(me.left,me.top,0,0)),ge=()=>{const ie=T.current?.activeEditor;if(!ie)return;const Oe=ie.state.selection.from,Pe=ie.state.tr.delete(ue,Oe);ie.view.dispatch(Pe)};D.current=ge,L.current=y,R(xe),l(!0),m(),H?.({position:{from:ue,to:y},bounds:xe,cleanup:ge});return}}if(!ne.current)return;if(L.current==null){l(!1),m();return}if(y<L.current){l(!1),L.current=null,m();return}const U=h.doc.textBetween(L.current,y);g(U);const V=j.view.coordsAtPos(y),Ne=ke(new DOMRect(V.left,V.top,0,0));R(Ne)}),F.on("update",()=>{Z(F)}),Z(F)}N?.()}},b=new s({...d,...K&&{toolbar:K.selector,modules:{toolbar:{selector:K.selector,toolbarGroups:K.config.toolbarGroups||["center"],excludeItems:K.config.excludeItems||[],...K.config}}}});T.current=b})(),()=>{D.current=null,L.current=null;const s=T.current;s&&typeof s.destroy=="function"&&s.destroy(),T.current=null}):void 0,[f?.source,f?.mode,X,Z,N,H,S]);const de=i.useCallback(async t=>{D.current&&(D.current(),D.current=null),L.current=null,m();const s=t.metadata?.mode||"inline";if(t.id.startsWith("custom_")&&w)try{const d=await w(t);if(d){const b=d.metadata?.mode||s;B(b,{alias:d.label,category:d.category,metadata:d.metadata,defaultValue:d.defaultValue}),l(!1);return}}catch(d){console.error("Field creation failed:",d)}B(s,{alias:t.label,category:t.category,metadata:t.metadata,defaultValue:t.defaultValue}),l(!1)},[B,w,m]),je=i.useCallback(()=>{l(!1),L.current=null,m(),D.current&&(D.current(),D.current=null)},[m]),we=i.useCallback(()=>{if(!T.current?.activeEditor||x.length===0)return;const t=x.findIndex(d=>d.id===I),s=t>=0?(t+1)%x.length:0;_(x[s].id)},[x,I,_]),_e=i.useCallback(()=>{if(!T.current?.activeEditor||x.length===0)return;const t=x.findIndex(d=>d.id===I),s=t>0?t-1:x.length-1;_(x[s].id)},[x,I,_]),Se=i.useCallback(async t=>{const{fileName:s="document",triggerDownload:d=!0}=t||{};try{return await T.current?.export({exportType:["docx"],exportedName:s,triggerDownload:d})}catch(b){throw console.error("Failed to export DOCX",b),b}},[]);i.useImperativeHandle(u,()=>({insertField:t=>B("inline",t),insertBlockField:t=>B("block",t),updateField:Q,deleteField:v,selectField:_,nextField:we,previousField:_e,getFields:()=>x,exportTemplate:Se}));const Fe=r.component||Re,fe=c.component||Ce,K=ze(S);return n.jsxs("div",{className:`superdoc-template-builder ${ee||""}`,style:z,children:[n.jsxs("div",{style:{display:"flex",gap:"20px"},children:[c.position==="left"&&n.jsx("div",{className:"superdoc-template-builder-sidebar",children:n.jsx(fe,{fields:x,onSelect:t=>_(t.id),onDelete:v,onUpdate:t=>Q(t.id,t),selectedFieldId:I||void 0})}),n.jsxs("div",{className:"superdoc-template-builder-document",style:{flex:1},children:[K?.renderDefaultContainer&&n.jsx("div",{id:"superdoc-toolbar",className:"superdoc-template-builder-toolbar","data-testid":"template-builder-toolbar"}),n.jsx("div",{ref:te,className:"superdoc-template-builder-editor",style:{height:G},"data-testid":"template-builder-editor"})]}),c.position==="right"&&n.jsx("div",{className:"superdoc-template-builder-sidebar",children:n.jsx(fe,{fields:x,onSelect:t=>_(t.id),onDelete:v,onUpdate:t=>Q(t.id,t),selectedFieldId:I||void 0})})]}),n.jsx(Fe,{isVisible:$,position:E,availableFields:p.available||[],filteredFields:P,filterQuery:C,allowCreate:p.allowCreate||!1,onSelect:de,onClose:je,onCreateField:w})]})});Te.displayName="SuperDocTemplateBuilder";exports.FieldList=Ce;exports.FieldMenu=Re;exports.default=Te;
+"use strict";var Ie=Object.create;var fe=Object.defineProperty;var Re=Object.getOwnPropertyDescriptor;var De=Object.getOwnPropertyNames;var Ne=Object.getPrototypeOf,ze=Object.prototype.hasOwnProperty;var Be=(n,o,d,i)=>{if(o&&typeof o=="object"||typeof o=="function")for(let l of De(o))!ze.call(n,l)&&l!==d&&fe(n,l,{get:()=>o[l],enumerable:!(i=Re(o,l))||i.enumerable});return n};var We=(n,o,d)=>(d=n!=null?Ie(Ne(n)):{},Be(o||!n||!n.__esModule?fe(d,"default",{value:n,enumerable:!0}):d,n));Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("react/jsx-runtime"),s=require("react"),be=({isVisible:n,position:o,availableFields:d,filteredFields:i,filterQuery:l,allowCreate:c,onSelect:D,onClose:W,onCreateField:A,existingFields:p=[],onSelectExisting:S})=>{const[m,y]=s.useState(!1),[C,I]=s.useState(""),[_,L]=s.useState("inline"),[$,f]=s.useState(!0),[R,N]=s.useState(!0);s.useEffect(()=>{n||(y(!1),I(""),L("inline"))},[n]);const U=s.useMemo(()=>({position:"absolute",left:o?.left,top:o?.top,zIndex:1e3,background:"white",border:"1px solid #ddd",borderRadius:"4px",boxShadow:"0 2px 8px rgba(0,0,0,0.1)",padding:"8px 0",width:"280px"}),[o]),H=i??d,T=!!l;if(s.useEffect(()=>{T&&N(!0)},[T]),!n)return null;const Y=async()=>{const h=C.trim();if(!h)return;const P={id:`custom_${Date.now()}`,label:h,metadata:{mode:_}};try{if(A){const b=await A(P);D(b||P)}else D(P)}finally{y(!1),I(""),L("inline")}};return e.jsxs("div",{className:"superdoc-field-menu",style:U,children:[T&&e.jsx("div",{style:{padding:"8px 16px",borderBottom:"1px solid #f0f0f0",marginBottom:"4px"},children:e.jsxs("div",{style:{fontSize:"12px",color:"#6b7280"},children:["Filtering results for",e.jsx("span",{style:{fontWeight:600,color:"#111827",marginLeft:"4px"},children:l})]})}),c&&!m&&e.jsx("div",{className:"field-menu-item",onClick:()=>y(!0),style:{padding:"8px 16px",cursor:"pointer",color:"#0066cc",fontWeight:500},children:"+ Create New Field"}),c&&m&&e.jsxs("div",{style:{padding:"8px 16px"},children:[e.jsx("input",{type:"text",value:C,placeholder:"Field name...",onChange:h=>I(h.target.value),onKeyDown:h=>{h.key==="Enter"&&Y(),h.key==="Escape"&&(y(!1),I(""),L("inline"))},autoFocus:!0,style:{width:"100%",padding:"4px 8px",border:"1px solid #ddd",borderRadius:"3px"}}),e.jsxs("div",{style:{marginTop:"8px",display:"flex",gap:"12px",fontSize:"13px"},children:[e.jsxs("label",{style:{display:"flex",alignItems:"center",gap:"4px",cursor:"pointer"},children:[e.jsx("input",{type:"radio",value:"inline",checked:_==="inline",onChange:()=>L("inline")}),"Inline"]}),e.jsxs("label",{style:{display:"flex",alignItems:"center",gap:"4px",cursor:"pointer"},children:[e.jsx("input",{type:"radio",value:"block",checked:_==="block",onChange:()=>L("block")}),"Block"]})]}),e.jsxs("div",{style:{marginTop:"8px",display:"flex",gap:"8px"},children:[e.jsx("button",{onClick:Y,disabled:!C.trim(),style:{padding:"4px 12px",background:C.trim()?"#0066cc":"#ccc",color:"white",border:"none",borderRadius:"3px",cursor:C.trim()?"pointer":"not-allowed"},children:"Create"}),e.jsx("button",{onClick:()=>{y(!1),I(""),L("inline")},style:{padding:"4px 12px",background:"white",border:"1px solid #ddd",borderRadius:"3px",cursor:"pointer"},children:"Cancel"})]})]}),c&&d.length>0&&e.jsx("div",{style:{borderTop:"1px solid #eee",margin:"4px 0"}}),p.length>0&&(()=>{const h=new Map;p.forEach(b=>{const q=b.group||`individual-${b.id}`,K=h.get(q)||[];K.push(b),h.set(q,K)});const P=Array.from(h.values()).map(b=>({...b[0],count:b.length}));return e.jsxs("div",{style:{borderBottom:"1px solid #f0f0f0"},children:[e.jsxs("button",{type:"button",onClick:()=>f(!$),style:{width:"100%",display:"flex",alignItems:"center",justifyContent:"space-between",padding:"8px 16px",background:"transparent",border:"none",cursor:"pointer",fontWeight:500,fontSize:"13px",color:"#374151",textAlign:"left"},children:[e.jsxs("span",{children:["Existing Fields (",P.length,")"]}),e.jsx("span",{"aria-hidden":!0,style:{display:"inline-block",width:"8px",height:"8px",borderRight:"2px solid #666",borderBottom:"2px solid #666",transform:$?"rotate(45deg)":"rotate(-45deg)",transition:"transform 0.2s ease"}})]}),$&&e.jsx("div",{style:{maxHeight:"300px",overflowY:"auto"},children:P.map(b=>e.jsxs("div",{className:"field-menu-item",onClick:()=>S?.(b),style:{padding:"8px 16px",cursor:"pointer",display:"flex",alignItems:"flex-start",justifyContent:"space-between",gap:"8px"},children:[e.jsxs("div",{style:{flex:1,minWidth:0},children:[e.jsx("div",{style:{fontWeight:500,fontSize:"13px"},children:b.alias||b.id}),e.jsx("div",{style:{fontSize:"11px",color:"#9ca3af",marginTop:"2px"},children:b.group?`group (${b.count} fields)`:`ID: ${b.id}`})]}),e.jsx("span",{style:{fontSize:"11px",color:"#6b7280",padding:"2px 6px",background:"#f3f4f6",borderRadius:"3px",textTransform:"capitalize",flexShrink:0},children:b.mode||"inline"})]},b.group||b.id))})]})})(),H.length===0?e.jsx("div",{style:{padding:"16px",fontSize:"13px",color:"#6b7280",textAlign:"center"},children:"No matching fields"}):e.jsxs("div",{style:{borderBottom:"1px solid #f0f0f0"},children:[e.jsxs("button",{type:"button",onClick:()=>N(!R),style:{width:"100%",display:"flex",alignItems:"center",justifyContent:"space-between",padding:"8px 16px",background:"transparent",border:"none",cursor:"pointer",fontWeight:500,fontSize:"13px",color:"#374151",textAlign:"left"},children:[e.jsxs("span",{children:["Available Fields (",H.length,")"]}),e.jsx("span",{"aria-hidden":!0,style:{display:"inline-block",width:"8px",height:"8px",borderRight:"2px solid #666",borderBottom:"2px solid #666",transform:R?"rotate(45deg)":"rotate(-45deg)",transition:"transform 0.2s ease"}})]}),R&&e.jsx("div",{style:{maxHeight:"300px",overflowY:"auto"},children:H.map(h=>e.jsxs("div",{className:"field-menu-item",onClick:()=>D(h),style:{padding:"8px 16px",cursor:"pointer",display:"flex",alignItems:"flex-start",justifyContent:"space-between",gap:"8px"},children:[e.jsxs("div",{style:{flex:1,minWidth:0},children:[e.jsx("div",{style:{fontWeight:500,fontSize:"13px"},children:h.label||h.id}),e.jsxs("div",{style:{fontSize:"11px",color:"#9ca3af",marginTop:"2px"},children:["ID: ",h.id]})]}),e.jsx("span",{style:{fontSize:"11px",color:"#6b7280",padding:"2px 6px",background:"#f3f4f6",borderRadius:"3px",textTransform:"capitalize",flexShrink:0},children:h.metadata?.mode||"inline"})]},h.id))})]}),e.jsx("div",{style:{borderTop:"1px solid #eee",marginTop:"4px"},children:e.jsx("button",{onClick:W,style:{width:"100%",padding:"6px 16px",background:"#f3f4f6",border:"none",borderRadius:"0 0 4px 4px",cursor:"pointer"},children:"Close"})})]})},Le=n=>{const o=n.split("-");return o.length>2?o[o.length-1].substring(0,6):n.substring(0,6)},ge=({field:n,onSelect:o,onDelete:d,isSelected:i,isGrouped:l=!1})=>e.jsxs("div",{onClick:()=>o(n),style:{position:"relative",padding:"10px 12px",background:i?"#eff6ff":"#f9fafb",border:i?"1px solid #3b82f6":"1px solid #e5e7eb",borderRadius:"6px",cursor:"pointer",transition:"all 0.2s",fontSize:l?"13px":"14px"},onMouseEnter:c=>{i||(c.currentTarget.style.background="#f3f4f6")},onMouseLeave:c=>{i||(c.currentTarget.style.background="#f9fafb")},title:n.alias,children:[e.jsx("button",{onClick:c=>{c.stopPropagation(),d(n.id)},style:{position:"absolute",top:"6px",right:"6px",padding:"4px",background:"transparent",border:"none",cursor:"pointer",color:"#9ca3af",transition:"color 0.2s",display:"flex",alignItems:"center",justifyContent:"center"},onMouseEnter:c=>{c.currentTarget.style.color="#ef4444"},onMouseLeave:c=>{c.currentTarget.style.color="#9ca3af"},title:"Delete field",children:e.jsx("svg",{width:"14",height:"14",viewBox:"0 0 16 16",fill:"none",xmlns:"http://www.w3.org/2000/svg",children:e.jsx("path",{d:"M6 2V1.5C6 1.22386 6.22386 1 6.5 1H9.5C9.77614 1 10 1.22386 10 1.5V2M2 4H14M12.6667 4L12.1991 11.0129C12.129 12.065 12.0939 12.5911 11.8667 12.99C11.6666 13.3412 11.3648 13.6235 11.0011 13.7998C10.588 14 10.0607 14 9.00623 14H6.99377C5.93927 14 5.41202 14 4.99889 13.7998C4.63517 13.6235 4.33339 13.3412 4.13332 12.99C3.90607 12.5911 3.871 12.065 3.80086 11.0129L3.33333 4",stroke:"currentColor",strokeWidth:"1.5",strokeLinecap:"round",strokeLinejoin:"round"})})}),e.jsxs("div",{style:{paddingRight:"24px"},children:[e.jsx("div",{style:{fontWeight:"500",fontSize:l?"12px":"14px",color:l?"#6b7280":"#111827"},children:n.alias||n.id}),e.jsxs("div",{style:{display:"flex",alignItems:"center",gap:"6px",fontSize:"11px",color:"#9ca3af",marginTop:"2px"},children:[e.jsxs("span",{children:["ID: ",n.id]}),n.mode&&e.jsx("span",{style:{fontSize:"9px",padding:"2px 5px",borderRadius:"3px",background:n.mode==="block"?"#dbeafe":"#f3f4f6",color:n.mode==="block"?"#1e40af":"#4b5563",fontWeight:"500"},children:n.mode})]})]})]}),ye=({fields:n,onSelect:o,onDelete:d,selectedFieldId:i})=>{const[l,c]=s.useState(new Set),{groupedFields:D,ungroupedFields:W}=s.useMemo(()=>{const p={},S=[];return n.forEach(m=>{m.group?(p[m.group]||(p[m.group]=[]),p[m.group].push(m)):S.push(m)}),{groupedFields:p,ungroupedFields:S}},[n]),A=p=>{c(S=>{const m=new Set(S);return m.has(p)?m.delete(p):m.add(p),m})};return e.jsxs("div",{className:"superdoc-field-list",style:{width:"250px",background:"white",border:"1px solid #e5e7eb",borderRadius:"8px",padding:"16px"},children:[e.jsxs("h3",{style:{margin:"0 0 16px 0",fontSize:"16px",fontWeight:"600"},children:["Template Fields (",n.length,")"]}),n.length===0?e.jsxs("div",{style:{color:"#9ca3af",fontSize:"14px",textAlign:"center",padding:"20px 0"},children:["No fields yet. Type ","{{"," to add a field."]}):e.jsxs("div",{style:{display:"flex",flexDirection:"column",gap:"8px"},children:[W.map(p=>e.jsx(ge,{field:p,onSelect:o,onDelete:d,isSelected:i===p.id},p.id)),Object.entries(D).map(([p,S])=>{const m=l.has(p),y=S[0];return e.jsxs("div",{children:[e.jsx("div",{style:{position:"relative",padding:"12px",background:"#f9fafb",border:"1px solid #e5e7eb",borderRadius:"6px",cursor:"pointer",transition:"all 0.2s"},onClick:()=>A(p),onMouseEnter:C=>{C.currentTarget.style.background="#f3f4f6"},onMouseLeave:C=>{C.currentTarget.style.background="#f9fafb"},children:e.jsxs("div",{style:{display:"flex",alignItems:"center",gap:"8px"},children:[e.jsx("span",{style:{fontSize:"12px",color:"#6b7280"},children:m?"▼":"▶"}),e.jsxs("div",{style:{flex:1},children:[e.jsx("div",{style:{fontWeight:"500",fontSize:"14px"},children:y.alias}),e.jsxs("div",{style:{fontSize:"11px",color:"#9ca3af",marginTop:"2px"},children:["group: ",Le(p)," (",S.length," fields)"]})]})]})}),m&&e.jsx("div",{style:{marginLeft:"16px",marginTop:"4px",display:"flex",flexDirection:"column",gap:"4px"},children:S.map(C=>e.jsx(ge,{field:C,onSelect:o,onDelete:d,isSelected:i===C.id,isGrouped:!0},C.id))})]},p)})]})]})},X=n=>{const o=n.helpers?.structuredContentCommands;return o?.getStructuredContentTags?(o.getStructuredContentTags(n.state)||[]).map(i=>{const l=i?.node??i,c=l?.attrs??{},W=(l?.type?.name||"").includes("Block")?"block":"inline";return{id:c.id,alias:c.alias||c.label||"",tag:c.tag,mode:W,group:o.getGroup?.(c.tag)??void 0}}):[]},me=(n,o)=>{if(n===o)return!0;if(n.length!==o.length)return!1;for(let d=0;d<n.length;d+=1){const i=n[d],l=o[d];if(!l||i.id!==l.id||i.alias!==l.alias||i.tag!==l.tag||i.position!==l.position||i.mode!==l.mode||i.group!==l.group)return!1}return!0},He=n=>{if(!n)return null;if(n===!0)return{selector:"#superdoc-toolbar",config:{},renderDefaultContainer:!0};if(typeof n=="string")return{selector:n,config:{},renderDefaultContainer:!1};const{selector:o,...d}=n;return{selector:o||"#superdoc-toolbar",config:d,renderDefaultContainer:o===void 0}},ne=10,Pe=250,Ae=300,he=n=>{const o=window.innerWidth-Pe-ne,d=window.innerHeight-Ae-ne,i=Math.min(n.left,o),l=Math.min(n.top,d);return new DOMRect(Math.max(i,ne),Math.max(l,ne),n.width,n.height)},ve=s.forwardRef((n,o)=>{const{document:d,fields:i={},menu:l={},list:c={},toolbar:D,onReady:W,onTrigger:A,onFieldInsert:p,onFieldUpdate:S,onFieldDelete:m,onFieldsChange:y,onFieldSelect:C,onFieldCreate:I,className:_,style:L,documentHeight:$="600px"}=n,[f,R]=s.useState(i.initial||[]),[N,U]=s.useState(null),[H,T]=s.useState(!1),[Y,h]=s.useState(),[P,b]=s.useState(""),[q,K]=s.useState(()=>i.available||[]),Z=s.useRef(null),k=s.useRef(null),E=s.useRef(null),le=s.useRef(i);le.current=i;const z=s.useRef(null),ae=s.useRef(H);s.useEffect(()=>{ae.current=H},[H]);const ee=l.trigger||"{{",re=le.current.available||[],de=s.useCallback(t=>{const r=t.trim().toLowerCase();return r?re.filter(a=>a.label.toLowerCase().includes(r)):re},[re]),se=s.useCallback(t=>{b(t),K(de(t))},[de]),B=s.useCallback(()=>{se("")},[se]),J=s.useCallback((t,r)=>{if(!k.current?.activeEditor)return!1;const a=k.current.activeEditor,v=f,j=t==="inline"?a.commands.insertStructuredContentInline?.({attrs:{alias:r.alias,tag:r.metadata?JSON.stringify(r.metadata):void 0},text:r.defaultValue||r.alias}):a.commands.insertStructuredContentBlock?.({attrs:{alias:r.alias,tag:r.metadata?JSON.stringify(r.metadata):void 0},text:r.defaultValue||r.alias});if(j){const g=X(a);R(g),y?.(g);const w=g.find(u=>!v.some(x=>x.id===u.id));w&&p?.(w)}return j},[p,y,f]),Q=s.useCallback((t,r)=>{if(!k.current?.activeEditor)return!1;const v=k.current.activeEditor.commands.updateStructuredContentById?.(t,{attrs:r});return v&&R(j=>{const g=j.map(u=>u.id===t?{...u,...r}:u);y?.(g);const w=g.find(u=>u.id===t);return w&&S?.(w),g}),v},[S,y]),oe=s.useCallback(t=>{const r=k.current?.activeEditor;if(!r){let x=!1;return R(F=>{if(!F.some(M=>M.id===t))return F;const G=F.filter(M=>M.id!==t);return x=!0,y?.(G),G}),x&&(m?.(t),U(F=>F===t?null:F)),x}const v=f.find(x=>x.id===t)?.group;let j=!1;try{j=r.commands.deleteStructuredContentById?.(t)??!1}catch{j=!1}let g=X(r);const w=g.some(x=>x.id===t);if(!j&&w&&(g=g.filter(x=>x.id!==t)),v){const x=g.filter(F=>F.group===v);if(x.length===1){const F=x[0];r.commands.updateStructuredContentById?.(F.id,{attrs:{tag:void 0}}),g=X(r)}}let u=!1;return R(x=>{if(me(x,g))return x;const F=x.some(M=>M.id===t),G=g.some(M=>M.id===t);return F&&!G&&(u=!0),y?.(g),g}),u&&(m?.(t),U(x=>x===t?null:x)),j||u},[m,y,f]),V=s.useCallback(t=>{if(!k.current?.activeEditor)return;k.current.activeEditor.commands.selectStructuredContentById?.(t),U(t);const a=f.find(v=>v.id===t);a&&C?.(a)},[f,C]),ie=s.useCallback(t=>{if(!t)return;const r=X(t);R(a=>me(a,r)?a:(y?.(r),r))},[y]);s.useEffect(()=>Z.current?((async()=>{const{SuperDoc:r}=await import("superdoc"),a={selector:Z.current,document:d?.source,documentMode:d?.mode||"editing",onReady:()=>{if(v.activeEditor){const j=v.activeEditor;j.on("update",({editor:g})=>{const{state:w}=g,{from:u}=w.selection;if(u>=ee.length){const M=u-ee.length;if(w.doc.textBetween(M,u)===ee){const ue=g.view.coordsAtPos(u),pe=he(new DOMRect(ue.left,ue.top,0,0)),xe=()=>{const te=k.current?.activeEditor;if(!te)return;const Ee=te.state.selection.from,Me=te.state.tr.delete(M,Ee);te.view.dispatch(Me)};E.current=xe,z.current=u,h(pe),T(!0),B(),A?.({position:{from:M,to:u},bounds:pe,cleanup:xe});return}}if(!ae.current)return;if(z.current==null){T(!1),B();return}if(u<z.current){T(!1),z.current=null,B();return}const x=w.doc.textBetween(z.current,u);se(x);const F=g.view.coordsAtPos(u),G=he(new DOMRect(F.left,F.top,0,0));h(G)}),j.on("update",()=>{ie(j)}),ie(j)}W?.()}},v=new r({selector:Z.current,documentMode:d?.mode||"editing",...a,...O&&{toolbar:O.selector,modules:{toolbar:{selector:O.selector,toolbarGroups:O.config.toolbarGroups||["center"],excludeItems:O.config.excludeItems||[],...O.config}}}});k.current=v})(),()=>{E.current=null,z.current=null;const r=k.current;r&&typeof r.destroy=="function"&&r.destroy(),k.current=null}):void 0,[d?.source,d?.mode,ee,ie,W,A,D]);const je=s.useCallback(async t=>{E.current&&(E.current(),E.current=null),z.current=null,B();const r=t.metadata?.mode||"inline";if(t.id.startsWith("custom_")&&I){const a=await I(t);if(a){const v=a.metadata?.mode||r;J(v,{alias:a.label,metadata:a.metadata,defaultValue:a.defaultValue}),T(!1);return}}J(r,{alias:t.label,metadata:t.metadata,defaultValue:t.defaultValue}),T(!1)},[J,I,B]),Ce=s.useCallback(t=>{E.current&&(E.current(),E.current=null),z.current=null,B();const r=k.current?.activeEditor;if(!r)return;const a=r.helpers?.structuredContentCommands;if(!a)return;const v=t.group||`group-${Date.now()}-${Math.random().toString(36).substring(2,11)}`,j=a.createTagObject?.({group:v});if((t.mode||"inline")==="inline"?r.commands.insertStructuredContentInline?.({attrs:{alias:t.alias,tag:j},text:t.alias}):r.commands.insertStructuredContentBlock?.({attrs:{alias:t.alias,tag:j},text:t.alias})){t.group||Q(t.id,{tag:j}),T(!1);const u=X(r);R(u),y?.(u)}},[Q,B,y]),ke=s.useCallback(()=>{T(!1),z.current=null,B(),E.current&&(E.current(),E.current=null)},[B]),Fe=s.useCallback(()=>{if(!k.current?.activeEditor||f.length===0)return;const t=f.findIndex(a=>a.id===N),r=t>=0?(t+1)%f.length:0;V(f[r].id)},[f,N,V]),Se=s.useCallback(()=>{if(!k.current?.activeEditor||f.length===0)return;const t=f.findIndex(a=>a.id===N),r=t>0?t-1:f.length-1;V(f[r].id)},[f,N,V]),we=s.useCallback(async t=>{const{fileName:r="document",triggerDownload:a=!0}=t||{};return await k.current?.export({exportType:["docx"],exportedName:r,triggerDownload:a})},[]);s.useImperativeHandle(o,()=>({insertField:t=>J("inline",t),insertBlockField:t=>J("block",t),updateField:Q,deleteField:oe,selectField:V,nextField:Fe,previousField:Se,getFields:()=>f,exportTemplate:we,getSuperDoc:()=>k.current}));const Te=l.component||be,ce=c.component||ye,O=He(D);return e.jsxs("div",{className:`superdoc-template-builder ${_||""}`,style:L,children:[e.jsxs("div",{style:{display:"flex",gap:"20px"},children:[c.position==="left"&&e.jsx("div",{className:"superdoc-template-builder-sidebar",children:e.jsx(ce,{fields:f,onSelect:t=>V(t.id),onDelete:oe,onUpdate:t=>Q(t.id,t),selectedFieldId:N||void 0})}),e.jsxs("div",{className:"superdoc-template-builder-document",style:{flex:1},children:[O?.renderDefaultContainer&&e.jsx("div",{id:"superdoc-toolbar",className:"superdoc-template-builder-toolbar","data-testid":"template-builder-toolbar"}),e.jsx("div",{ref:Z,className:"superdoc-template-builder-editor",style:{height:$},"data-testid":"template-builder-editor"})]}),c.position==="right"&&e.jsx("div",{className:"superdoc-template-builder-sidebar",children:e.jsx(ce,{fields:f,onSelect:t=>V(t.id),onDelete:oe,onUpdate:t=>Q(t.id,t),selectedFieldId:N||void 0})})]}),e.jsx(Te,{isVisible:H,position:Y,availableFields:i.available||[],filteredFields:q,filterQuery:P,allowCreate:i.allowCreate||!1,onSelect:je,onClose:ke,onCreateField:I,existingFields:f,onSelectExisting:Ce})]})});ve.displayName="SuperDocTemplateBuilder";exports.FieldList=ye;exports.FieldMenu=be;exports.default=ve;