@superdoc-dev/template-builder 0.3.0 → 0.4.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,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"}
+{"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,CAoJ9C,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,CA+b9C,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,CA8b9C,CAAC"}

package/dist/index.d.ts

@@ -1,5 +1,5 @@
 import { FieldMenu, FieldList } from './defaults';
-import type * as Types from "./types";
+import type * as Types from './types';
 export * from './types';
 export { FieldMenu, FieldList };
 declare const SuperDocTemplateBuilder: import('react').ForwardRefExoticComponent<Types.SuperDocTemplateBuilderProps & import('react').RefAttributes<Types.SuperDocTemplateBuilderHandle>>;

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;AA4GhC,QAAA,MAAM,uBAAuB,oJAwnB3B,CAAC;AAIH,eAAe,uBAAuB,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../src/index.tsx"],"names":[],"mappings":"AAEA,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;AAoGhC,QAAA,MAAM,uBAAuB,oJAolB3B,CAAC;AAIH,eAAe,uBAAuB,CAAC"}

package/dist/index.js

@@ -1 +1 @@
-"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;
+"use strict";var De=Object.create;var ge=Object.defineProperty;var Ne=Object.getOwnPropertyDescriptor;var ze=Object.getOwnPropertyNames;var Be=Object.getPrototypeOf,We=Object.prototype.hasOwnProperty;var Le=(n,o,c,i)=>{if(o&&typeof o=="object"||typeof o=="function")for(let d of ze(o))!We.call(n,d)&&d!==c&&ge(n,d,{get:()=>o[d],enumerable:!(i=Ne(o,d))||i.enumerable});return n};var He=(n,o,c)=>(c=n!=null?De(Be(n)):{},Le(o||!n||!n.__esModule?ge(c,"default",{value:n,enumerable:!0}):c,n));Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("react/jsx-runtime"),r=require("react"),ye=({isVisible:n,position:o,availableFields:c,filteredFields:i,filterQuery:d,allowCreate:u,onSelect:I,onClose:W,onCreateField:A,existingFields:f=[],onSelectExisting:S})=>{const[g,y]=r.useState(!1),[k,E]=r.useState(""),[$,L]=r.useState("inline"),[q,te]=r.useState(!0),[x,R]=r.useState(!0);r.useEffect(()=>{n||(y(!1),E(""),L("inline"))},[n]);const H=r.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]),V=i??c,P=!!d;if(r.useEffect(()=>{P&&R(!0)},[P]),!n)return null;const M=async()=>{const m=k.trim();if(!m)return;const D={id:`custom_${Date.now()}`,label:m,metadata:{mode:$}};try{if(A){const h=await A(D);I(h||D)}else I(D)}finally{y(!1),E(""),L("inline")}};return e.jsxs("div",{className:"superdoc-field-menu",style:H,children:[P&&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:d})]})}),u&&!g&&e.jsx("div",{className:"field-menu-item",onClick:()=>y(!0),style:{padding:"8px 16px",cursor:"pointer",color:"#0066cc",fontWeight:500},children:"+ Create New Field"}),u&&g&&e.jsxs("div",{style:{padding:"8px 16px"},children:[e.jsx("input",{type:"text",value:k,placeholder:"Field name...",onChange:m=>E(m.target.value),onKeyDown:m=>{m.key==="Enter"&&M(),m.key==="Escape"&&(y(!1),E(""),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:M,disabled:!k.trim(),style:{padding:"4px 12px",background:k.trim()?"#0066cc":"#ccc",color:"white",border:"none",borderRadius:"3px",cursor:k.trim()?"pointer":"not-allowed"},children:"Create"}),e.jsx("button",{onClick:()=>{y(!1),E(""),L("inline")},style:{padding:"4px 12px",background:"white",border:"1px solid #ddd",borderRadius:"3px",cursor:"pointer"},children:"Cancel"})]})]}),u&&c.length>0&&e.jsx("div",{style:{borderTop:"1px solid #eee",margin:"4px 0"}}),f.length>0&&(()=>{const m=new Map;f.forEach(h=>{const J=h.group||`individual-${h.id}`,Y=m.get(J)||[];Y.push(h),m.set(J,Y)});const D=Array.from(m.values()).map(h=>({...h[0],count:h.length}));return e.jsxs("div",{style:{borderBottom:"1px solid #f0f0f0"},children:[e.jsxs("button",{type:"button",onClick:()=>te(!q),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 (",D.length,")"]}),e.jsx("span",{"aria-hidden":!0,style:{display:"inline-block",width:"8px",height:"8px",borderRight:"2px solid #666",borderBottom:"2px solid #666",transform:q?"rotate(45deg)":"rotate(-45deg)",transition:"transform 0.2s ease"}})]}),q&&e.jsx("div",{style:{maxHeight:"300px",overflowY:"auto"},children:D.map(h=>e.jsxs("div",{className:"field-menu-item",onClick:()=>S?.(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.alias||h.id}),e.jsx("div",{style:{fontSize:"11px",color:"#9ca3af",marginTop:"2px"},children:h.group?`group (${h.count} fields)`:`ID: ${h.id}`})]}),e.jsx("span",{style:{fontSize:"11px",color:"#6b7280",padding:"2px 6px",background:"#f3f4f6",borderRadius:"3px",textTransform:"capitalize",flexShrink:0},children:h.mode||"inline"})]},h.group||h.id))})]})})(),V.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:()=>R(!x),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 (",V.length,")"]}),e.jsx("span",{"aria-hidden":!0,style:{display:"inline-block",width:"8px",height:"8px",borderRight:"2px solid #666",borderBottom:"2px solid #666",transform:x?"rotate(45deg)":"rotate(-45deg)",transition:"transform 0.2s ease"}})]}),x&&e.jsx("div",{style:{maxHeight:"300px",overflowY:"auto"},children:V.map(m=>e.jsxs("div",{className:"field-menu-item",onClick:()=>I(m),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:m.label||m.id}),e.jsxs("div",{style:{fontSize:"11px",color:"#9ca3af",marginTop:"2px"},children:["ID: ",m.id]})]}),e.jsx("span",{style:{fontSize:"11px",color:"#6b7280",padding:"2px 6px",background:"#f3f4f6",borderRadius:"3px",textTransform:"capitalize",flexShrink:0},children:m.metadata?.mode||"inline"})]},m.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"})})]})},Pe=n=>{const o=n.split("-");return o.length>2?o[o.length-1].substring(0,6):n.substring(0,6)},me=({field:n,onSelect:o,onDelete:c,isSelected:i,isGrouped:d=!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:d?"13px":"14px"},onMouseEnter:u=>{i||(u.currentTarget.style.background="#f3f4f6")},onMouseLeave:u=>{i||(u.currentTarget.style.background="#f9fafb")},title:n.alias,children:[e.jsx("button",{onClick:u=>{u.stopPropagation(),c(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:u=>{u.currentTarget.style.color="#ef4444"},onMouseLeave:u=>{u.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:d?"12px":"14px",color:d?"#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})]})]})]}),ve=({fields:n,onSelect:o,onDelete:c,selectedFieldId:i})=>{const[d,u]=r.useState(new Set),{groupedFields:I,ungroupedFields:W}=r.useMemo(()=>{const f={},S=[];return n.forEach(g=>{g.group?(f[g.group]||(f[g.group]=[]),f[g.group].push(g)):S.push(g)}),{groupedFields:f,ungroupedFields:S}},[n]),A=f=>{u(S=>{const g=new Set(S);return g.has(f)?g.delete(f):g.add(f),g})};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(f=>e.jsx(me,{field:f,onSelect:o,onDelete:c,isSelected:i===f.id},f.id)),Object.entries(I).map(([f,S])=>{const g=d.has(f),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(f),onMouseEnter:k=>{k.currentTarget.style.background="#f3f4f6"},onMouseLeave:k=>{k.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:g?"▼":"▶"}),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: ",Pe(f)," (",S.length," fields)"]})]})]})}),g&&e.jsx("div",{style:{marginLeft:"16px",marginTop:"4px",display:"flex",flexDirection:"column",gap:"4px"},children:S.map(k=>e.jsx(me,{field:k,onSelect:o,onDelete:c,isSelected:i===k.id,isGrouped:!0},k.id))})]},f)})]})]})},U=n=>{const o=n.helpers?.structuredContentCommands;return o?.getStructuredContentTags?(o.getStructuredContentTags(n.state)||[]).map(i=>{const d=i?.node??i,u=d?.attrs??{},W=(d?.type?.name||"").includes("Block")?"block":"inline";return{id:u.id,alias:u.alias||u.label||"",tag:u.tag,mode:W,group:o.getGroup?.(u.tag)??void 0}}):[]},he=(n,o)=>{if(n===o)return!0;if(n.length!==o.length)return!1;for(let c=0;c<n.length;c+=1){const i=n[c],d=o[c];if(!d||i.id!==d.id||i.alias!==d.alias||i.tag!==d.tag||i.position!==d.position||i.mode!==d.mode||i.group!==d.group)return!1}return!0},Ae=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,...c}=n;return{selector:o||"#superdoc-toolbar",config:c,renderDefaultContainer:o===void 0}},ee=10,Ve=250,Oe=300,be=n=>{const o=window.innerWidth-Ve-ee,c=window.innerHeight-Oe-ee,i=Math.min(n.left,o),d=Math.min(n.top,c);return new DOMRect(Math.max(i,ee),Math.max(d,ee),n.width,n.height)},je=r.forwardRef((n,o)=>{const{document:c,fields:i={},menu:d={},list:u={},toolbar:I,onReady:W,onTrigger:A,onFieldInsert:f,onFieldUpdate:S,onFieldDelete:g,onFieldsChange:y,onFieldSelect:k,onFieldCreate:E,onExport:$,className:L,style:q,documentHeight:te="600px"}=n,[x,R]=r.useState(i.initial||[]),[H,V]=r.useState(null),[P,M]=r.useState(!1),[m,D]=r.useState(),[h,J]=r.useState(""),[Y,Ce]=r.useState(()=>i.available||[]),ne=r.useRef(null),C=r.useRef(null),T=r.useRef(null),ae=r.useRef(i);ae.current=i;const N=r.useRef(null),de=r.useRef(P);r.useEffect(()=>{de.current=P},[P]);const K=d.trigger||"{{",se=ae.current.available||[],ce=r.useCallback(t=>{const s=t.trim().toLowerCase();return s?se.filter(l=>l.label.toLowerCase().includes(s)):se},[se]),re=r.useCallback(t=>{J(t),Ce(ce(t))},[ce]),z=r.useCallback(()=>{re("")},[re]),Q=r.useCallback((t,s)=>{if(!C.current?.activeEditor)return!1;const l=C.current.activeEditor,v=x,b=t==="inline"?l.commands.insertStructuredContentInline?.({attrs:{alias:s.alias,tag:s.metadata?JSON.stringify(s.metadata):void 0},text:s.defaultValue||s.alias}):l.commands.insertStructuredContentBlock?.({attrs:{alias:s.alias,tag:s.metadata?JSON.stringify(s.metadata):void 0},text:s.defaultValue||s.alias});if(b){const p=U(l);R(p),y?.(p);const w=p.find(j=>!v.some(a=>a.id===j.id));w&&f?.(w)}return b},[f,y,x]),X=r.useCallback((t,s)=>{if(!C.current?.activeEditor)return!1;const v=C.current.activeEditor.commands.updateStructuredContentById?.(t,{attrs:s});return v&&R(b=>{const p=b.map(j=>j.id===t?{...j,...s}:j);y?.(p);const w=p.find(j=>j.id===t);return w&&S?.(w),p}),v},[S,y]),oe=r.useCallback(t=>{const s=C.current?.activeEditor;if(!s){let a=!1;return R(F=>{if(!F.some(B=>B.id===t))return F;const _=F.filter(B=>B.id!==t);return a=!0,y?.(_),_}),a&&(g?.(t),V(F=>F===t?null:F)),a}const v=x.find(a=>a.id===t)?.group;let b=!1;try{b=s.commands.deleteStructuredContentById?.(t)??!1}catch{b=!1}let p=U(s);const w=p.some(a=>a.id===t);if(!b&&w&&(p=p.filter(a=>a.id!==t)),v){const a=p.filter(F=>F.group===v);if(a.length===1){const F=a[0];s.commands.updateStructuredContentById?.(F.id,{attrs:{tag:void 0}}),p=U(s)}}let j=!1;return R(a=>{if(he(a,p))return a;const F=a.some(B=>B.id===t),_=p.some(B=>B.id===t);return F&&!_&&(j=!0),y?.(p),p}),j&&(g?.(t),V(a=>a===t?null:a)),b||j},[g,y,x]),O=r.useCallback(t=>{if(!C.current?.activeEditor)return;C.current.activeEditor.commands.selectStructuredContentById?.(t),V(t);const l=x.find(v=>v.id===t);l&&k?.(l)},[x,k]),ie=r.useCallback(t=>{if(!t)return;const s=U(t);R(l=>he(l,s)?l:(y?.(s),s))},[y]);r.useEffect(()=>ne.current?((async()=>{const{SuperDoc:s}=await import("superdoc"),l={comments:!1,...G&&{toolbar:{selector:G.selector,toolbarGroups:G.config.toolbarGroups||["center"],excludeItems:G.config.excludeItems||[],...G.config}}},v=()=>{if(b.activeEditor){const p=b.activeEditor;p.on("update",({editor:w})=>{const{state:j}=w,{from:a}=j.selection;if(a>=K.length){const le=a-K.length;if(j.doc.textBetween(le,a)===K){const pe=w.view.coordsAtPos(a),xe=be(new DOMRect(pe.left,pe.top,0,0)),fe=()=>{const Z=C.current?.activeEditor;if(!Z)return;const Ie=Z.state.selection.from,Re=Z.state.tr.delete(le,Ie);Z.view.dispatch(Re)};T.current=fe,N.current=a,D(xe),M(!0),z(),A?.({position:{from:le,to:a},bounds:xe,cleanup:fe});return}}if(!de.current)return;if(N.current==null){M(!1),z();return}if(a<N.current){M(!1),N.current=null,z();return}const F=j.doc.textBetween(N.current,a);re(F);const _=w.view.coordsAtPos(a),B=be(new DOMRect(_.left,_.top,0,0));D(B)}),p.on("update",()=>{ie(p)}),ie(p)}W?.()},b=new s({selector:ne.current,document:c?.source,documentMode:c?.mode||"editing",modules:l,toolbar:G?.selector,onReady:v});C.current=b})(),()=>{T.current=null,N.current=null;const s=C.current;s&&typeof s.destroy=="function"&&s.destroy(),C.current=null}):void 0,[c?.source,c?.mode,K,ie,W,A,I]);const ke=r.useCallback(async t=>{T.current&&(T.current(),T.current=null),N.current=null,z();const s=t.metadata?.mode||"inline";if(t.id.startsWith("custom_")&&E){const l=await E(t);if(l){const v=l.metadata?.mode||s;Q(v,{alias:l.label,metadata:l.metadata,defaultValue:l.defaultValue}),M(!1);return}}Q(s,{alias:t.label,metadata:t.metadata,defaultValue:t.defaultValue}),M(!1)},[Q,E,z]),Fe=r.useCallback(t=>{T.current&&(T.current(),T.current=null),N.current=null,z();const s=C.current?.activeEditor;if(!s)return;const l=s.helpers?.structuredContentCommands;if(!l)return;const v=t.group||`group-${Date.now()}-${Math.random().toString(36).substring(2,11)}`,b=l.createTagObject?.({group:v});if((t.mode||"inline")==="inline"?s.commands.insertStructuredContentInline?.({attrs:{alias:t.alias,tag:b},text:t.alias}):s.commands.insertStructuredContentBlock?.({attrs:{alias:t.alias,tag:b},text:t.alias})){t.group||X(t.id,{tag:b}),M(!1);const j=U(s);R(j),y?.(j)}},[X,z,y]),Se=r.useCallback(()=>{M(!1),N.current=null,z(),T.current&&(T.current(),T.current=null)},[z]),we=r.useCallback(()=>{if(!C.current?.activeEditor||x.length===0)return;const t=x.findIndex(l=>l.id===H),s=t>=0?(t+1)%x.length:0;O(x[s].id)},[x,H,O]),Te=r.useCallback(()=>{if(!C.current?.activeEditor||x.length===0)return;const t=x.findIndex(l=>l.id===H),s=t>0?t-1:x.length-1;O(x[s].id)},[x,H,O]),Ee=r.useCallback(async t=>{const{fileName:s="document",triggerDownload:l=!0}=t||{},v=await C.current?.export({exportType:["docx"],exportedName:s,triggerDownload:l}),b=C.current?.activeEditor;if(b){const p=U(b);$?.({fields:p,blob:l?void 0:v,fileName:s})}return v},[$]);r.useImperativeHandle(o,()=>({insertField:t=>Q("inline",t),insertBlockField:t=>Q("block",t),updateField:X,deleteField:oe,selectField:O,nextField:we,previousField:Te,getFields:()=>x,exportTemplate:Ee,getSuperDoc:()=>C.current}));const Me=d.component||ye,ue=u.component||ve,G=Ae(I);return e.jsxs("div",{className:`superdoc-template-builder ${L||""}`,style:q,children:[e.jsxs("div",{style:{display:"flex",gap:"20px"},children:[u.position==="left"&&e.jsx("div",{className:"superdoc-template-builder-sidebar",children:e.jsx(ue,{fields:x,onSelect:t=>O(t.id),onDelete:oe,onUpdate:t=>X(t.id,t),selectedFieldId:H||void 0})}),e.jsxs("div",{className:"superdoc-template-builder-document",style:{flex:1},children:[G?.renderDefaultContainer&&e.jsx("div",{id:"superdoc-toolbar",className:"superdoc-template-builder-toolbar","data-testid":"template-builder-toolbar"}),e.jsx("div",{ref:ne,className:"superdoc-template-builder-editor",style:{height:te},"data-testid":"template-builder-editor"})]}),u.position==="right"&&e.jsx("div",{className:"superdoc-template-builder-sidebar",children:e.jsx(ue,{fields:x,onSelect:t=>O(t.id),onDelete:oe,onUpdate:t=>X(t.id,t),selectedFieldId:H||void 0})})]}),e.jsx(Me,{isVisible:P,position:m,availableFields:i.available||[],filteredFields:Y,filterQuery:h,allowCreate:i.allowCreate||!1,onSelect:ke,onClose:Se,onCreateField:E,existingFields:x,onSelectExisting:Fe})]})});je.displayName="SuperDocTemplateBuilder";exports.FieldList=ve;exports.FieldMenu=ye;exports.default=je;