uigraph 1.0.0 → 1.0.1

package/dist/viewer/assets/linked-project-dot-Ds2uEmJ9.js

@@ -1,543 +0,0 @@
-import{j as e,a as bt,d as yt,r as p,g as C,u as T,c as M,t as F,ae as ue}from"./index-5E1tJ7yK.js";import{C as Y}from"./cross-button-5Sr5rWVP.js";import{S as V}from"./super-circle-loader-D8MElOMh.js";import{B as w}from"./button-DadqadpO.js";import{u as W}from"./use-permissions-6JVET753.js";import{I as te}from"./input-YvHTVS0E.js";import{L as U}from"./textarea-MgxZ5x6-.js";import{u as Z,S as H,T as Ge,U as qe,a as ze,b as Ct,c as Nt,N as Dt,F as Ft,L as $t,D as At,K as St,B as Pt,d as wt,e as Mt,f as kt,g as Et,h as Lt,i as _t,j as Ot,k as Tt,l as Rt,m as Bt}from"./color-input-Efm-lxDy.js";import{S as Ve}from"./section-loader-BzpYM_Nx.js";import{S as He}from"./super-logo-loader-DJYiRbCS.js";import{c as Ut}from"./react-BNzYaZuG.js";import{u as k}from"./useQuery-B8yYhO0c.js";import{u as pe}from"./useMutation-CmVaR9zz.js";import{c as Gt,a as qt,g as We,f as zt,d as Ye,i as Vt,Q as Ht,S as Wt,U as Yt,B as ae,I as Kt,T as Ke,n as Qe,o as Xe}from"./nav-links-8vT2ixiI.js";import{e as Qt,u as Xt}from"./scroll-area-BodE-n7W.js";import{u as Jt}from"./iconBase-BoDZfJgC.js";import{c as Je,R as Zt,b as ea,d as ta,T as aa}from"./index-CzHjJWeV.js";import{C as sa}from"./chevron-down-R7pQzyLD.js";import{a as $}from"./index-Dj_05fqk.js";import{a as L,B as q}from"./better-dialog-D3AAiahr.js";import{a as oa,b as na}from"./index-c6Bxcoqm.js";import{u as ra,e as je,f as S,h as Ze,C as ia,i as la,j as ca,k as da}from"./react-flow-wrapper-BPlRstyO.js";import{M as et}from"./method-badge-DMYDKdDZ.js";import{a as ma,c as tt,f as ua,d as pa}from"./api-adapters-CnQpLiWI.js";import{A as xa,a as ha,b as fa}from"./api-endpoints-DCA5GNpC.js";import{S as be}from"./services-Crqkffr5.js";import{u as se,a as oe,C as at}from"./zod-Dc4H6VVJ.js";import{f as ye,C as E,b as ga}from"./index-HU5pz3kj.js";import{L as G}from"./loader-circle-C5jZoM7X.js";import{o as K,s as O,E as Me,B as Ia,_ as va,b as ja,d as ba,n as ya}from"./index-DcEA6SIV.js";import{d as st,B as ot}from"./better-delete-confirmation-modal-Dib31LVb.js";import{D as nt,a as rt,c as Ce,d as Ne,e as X,f as J,b as De}from"./dialog-D_HtNS17.js";import{D as Ca}from"./diagrams-C1xkRPqT.js";import{u as Na}from"./use-debounced-value-Ba-kkCUY.js";import{L as Da}from"./link-2-C75goIOt.js";import{C as Fa}from"./common-Y7ySZBdh.js";import{D as $a,c as Aa,d as Sa}from"./avatar-BI7D-Aia.js";import{FlowDiagramPreview as Pa}from"./flow-diagram-preview-T0Z4iMVU.js";import{c as wa,g as Ma,a as ka}from"./getRoundingMethod-DC1wW3rl.js";import{e as Ea,n as La,g as ke,m as Ee,a as Le,h as _e,b as _a,i as Oe}from"./en-US-B1Lg1a1H.js";import{g as Oa}from"./index-D7MEHpJf.js";import{u as Ta,T as it}from"./uploads-BOQHX9l4.js";import{D as Ra,Q as Ba}from"./quill-rCHj4fCw.js";import{d as Ua,c as Ga}from"./doc-file-content-B06roi8L.js";import{S as qa}from"./service-doc-Dir8g83J.js";import{C as za}from"./grid-scroll-body-CPqSxU6-.js";/**
- * @license lucide-react v0.514.0 - ISC
- *
- * This source code is licensed under the ISC license.
- * See the LICENSE file in the root directory of this source tree.
- */const Va=[["path",{d:"M21.174 6.812a1 1 0 0 0-3.986-3.987L3.842 16.174a2 2 0 0 0-.5.83l-1.321 4.352a.5.5 0 0 0 .623.622l4.353-1.32a2 2 0 0 0 .83-.497z",key:"1a8usu"}],["path",{d:"m15 5 4 4",key:"1mk7zo"}]],lt=Gt("pencil",Va);function Ha(s,t,a){const o=_a(),n=a?.locale??o.locale??Ea,r=wa(s,t);if(isNaN(r))throw new RangeError("Invalid time value");const i=Object.assign({},a,{addSuffix:a?.addSuffix,comparison:r}),[l,c]=La(a?.in,...r>0?[t,s]:[s,t]),d=Ma(a?.roundingMethod??"round"),m=c.getTime()-l.getTime(),u=m/Oe,x=ke(c)-ke(l),v=(m-x)/Oe,I=a?.unit;let h;if(I?h=I:u<1?h="second":u<60?h="minute":u<Ee?h="hour":v<Le?h="day":v<_e?h="month":h="year",h==="second"){const j=d(m/1e3);return n.formatDistance("xSeconds",j,i)}else if(h==="minute"){const j=d(u);return n.formatDistance("xMinutes",j,i)}else if(h==="hour"){const j=d(u/60);return n.formatDistance("xHours",j,i)}else if(h==="day"){const j=d(v/Ee);return n.formatDistance("xDays",j,i)}else if(h==="month"){const j=d(v/Le);return j===12&&I!=="month"?n.formatDistance("xYears",1,i):n.formatDistance("xMonths",j,i)}else{const j=d(v/_e);return n.formatDistance("xYears",j,i)}}function ct(s,t){return Ha(s,ka(s),t)}function dt({error:s,label:t,required:a,children:o,componentType:n}){const r=ra();return e.jsxs("div",{className:"mb-6",children:[e.jsxs("label",{"data-component-type":n,"data-has-error":s?"true":null,className:r.fieldLabel,children:[t," ",a&&e.jsx("span",{className:"text-destructive",children:"*"})]}),e.jsx("div",{className:r.fieldValue,children:o}),s&&e.jsx("p",{className:"text-destructive mt-2 overflow-hidden text-xs",children:s})]})}function Wa(...s){const t=bt(),[a]=yt(),o=p.useMemo(()=>{const r={};for(const i of s)r[i]=a.get(i)??null;return r},[s,a]),n=p.useCallback((r,i)=>{const l=new URLSearchParams(a.toString());for(const c in r){const d=c;r[d]==null?l.delete(d):l.set(d,r[d])}i?t(`?${l.toString()}`,{replace:!0}):t(`?${l.toString()}`)},[t,a]);return[o,n]}const Ie=C(`
-  query FocalPointMeta(
-    $orgId: ID!
-    $mapId: ID!
-    $frameId: ID!
-    $focalPointId: ID!
-  ) {
-    focalPointMeta(
-      orgId: $orgId
-      mapId: $mapId
-      frameId: $frameId
-      focalPointId: $focalPointId
-    ) {
-      id
-      focalPointId
-      orgId
-      frameId
-      componentId
-      componentLinkDiagramId
-      componentLinkApiEndpointId
-      componentLinkTestPackId
-      componentLinkServiceDocId
-      createdBy
-      componentModalFields {
-        componentFieldId
-        label
-        type
-        required
-        isReadonly
-        data
-        options
-        order
-      }
-      createdAt
-      updatedAt
-    }
-  }
-`),Ya=C(`
-  mutation CreateFocalPointMeta(
-    $orgId: ID!
-    $mapId: ID!
-    $frameId: ID!
-    $focalPointId: ID!
-    $input: CreateFocalPointMetaInput!
-  ) {
-    createFocalPointMeta(
-      orgId: $orgId
-      mapId: $mapId
-      frameId: $frameId
-      focalPointId: $focalPointId
-      input: $input
-    ) {
-      id
-    }
-  }
-`),mt=C(`
-  mutation UpdateFocalPointMeta(
-    $orgId: ID!
-    $mapId: ID!
-    $frameId: ID!
-    $focalPointId: ID!
-    $id: ID!
-    $input: UpdateFocalPointMetaInput!
-  ) {
-    updateFocalPointMeta(
-      orgId: $orgId
-      mapId: $mapId
-      frameId: $frameId
-      focalPointId: $focalPointId
-      id: $id
-      input: $input
-    ) {
-      id
-    }
-  }
-`),ut=C(`
-  mutation DeleteFocalPointMeta(
-    $orgId: ID!
-    $mapId: ID!
-    $frameId: ID!
-    $focalPointId: ID!
-    $id: ID!
-  ) {
-    deleteFocalPointMeta(
-      orgId: $orgId
-      mapId: $mapId
-      frameId: $frameId
-      focalPointId: $focalPointId
-      id: $id
-    )
-  }
-`),[tn,pt]=Ut(({focalPoint:s,mapId:t})=>{const a=T()?.id,o=s.frameId??"",n=s.id,r={orgId:a,mapId:t,frameId:o,focalPointId:n},l=k(Ie,{variables:r,skip:!a||!t||!o}),d={awaitRefetchQueries:!0,refetchQueries:[{query:Ie,variables:r}]},[m]=pe(Ya,d),[u]=pe(mt,d),[x]=pe(ut,d),v=l.data?.focalPointMeta??[];function I(h,j){return{componentId:h,...j}}return{focalPoint:s,pointMeta:v,pointMetaLoading:l.loading&&!l.data?.focalPointMeta,createPointMeta(h,j){return m({variables:{...r,input:I(h,j)}})},updatePointMeta(h,j,D){return u({variables:{...r,id:h,input:I(j,D)}})},deletePointMeta(h){return x({variables:{...r,id:h}})}}});function xt(){const[s,t]=Wa("point","group");return{focalPoint:s.point,frameGroup:s.group,clearTarget(){t({point:null,group:null})},setTarget(a,o){t({point:null,group:null,[a]:o})}}}function Fe({open:s,onOpenChange:t,children:a,className:o}){return e.jsx(nt,{open:s,onOpenChange:t,children:e.jsxs(rt,{showCloseButton:!1,className:M("bg-shading border-stock h-full max-h-full w-full max-w-full grid-rows-[auto_1fr_auto] gap-0 overflow-hidden rounded-none border p-0 sm:h-auto sm:max-h-[95%] sm:max-w-[min(43rem,95%)] sm:rounded-[1rem]",o),children:[e.jsx(Ce,{asChild:!0,children:e.jsx(Y,{className:"absolute top-3 right-3"})}),a]})})}function Ka({children:s,className:t,hasFooter:a,...o}){return e.jsx("div",{...o,className:M("custom-scrollbar max-h-full overflow-auto p-6",a&&"pb-0",t),children:s})}function Qa({title:s,description:t,className:a,...o}){return e.jsxs(Ne,{...o,className:M("border-stock h-[6.1rem] border-b p-6",a),children:[e.jsx(X,{asChild:!0,children:e.jsx("h3",{children:s})}),t&&e.jsx(J,{asChild:!0,children:e.jsx("p",{className:"text-paragraph mt-2 text-sm",children:t})})]})}function Xa({children:s,className:t,...a}){return e.jsx(De,{...a,className:M("border-stock flex-row justify-end p-6 pt-2 pb-3 sm:pb-6",t),children:s})}function an({title:s,description:t,contentClassName:a,footer:o,children:n,...r}){return e.jsxs(Fe,{...r,children:[e.jsx(Qa,{title:s,description:t}),e.jsx(Ka,{hasFooter:!!o,className:a,children:n}),o&&e.jsx(Xa,{children:o})]})}function ht({open:s,onOpenChange:t,onConfirm:a}){const[o,n]=p.useState(!1);return e.jsx(Fe,{open:s,onOpenChange:t,className:"!max-w-[463px]",children:e.jsxs("div",{className:"p-6 text-center",children:[e.jsx("img",{src:st,alt:"trash",className:"mx-auto mb-4"}),e.jsx(X,{className:"text-textPrimary pt-8 text-[1rem] leading-[1.33] font-semibold",children:"Do you want to delete this focal point meta data?"}),e.jsx(J,{className:"text-textSecondary pt-4 text-sm leading-[1.33] font-normal",children:"Deleting this focal point meta data is a permanent action and cannot be undone. Please think carefully before proceeding."}),e.jsxs("div",{className:"flex space-x-3 pt-8 *:flex-1",children:[e.jsxs(w,{variant:"outline",className:"h-14 rounded-[13px] border border-[#CD454380] bg-[#CD45434D] text-sm font-normal text-[#E92A19] hover:bg-[#CD4543] hover:text-white",onClick:async()=>{n(!0),await a(),n(!1),t(!1)},children:[o&&e.jsx(V,{}),"Permanently Delete"]}),e.jsx(w,{onClick:()=>t(!1),className:"h-14 rounded-[13px] text-sm font-normal text-white",children:"Cancel"})]})]})})}var Ja=Object.defineProperty,_=(s,t)=>Ja(s,"name",{value:t,configurable:!0}),R="Accordion",Za=["Home","End","ArrowDown","ArrowUp","ArrowLeft","ArrowRight"],[$e,es,ts]=Qt(R),[ne,sn]=qt(R,[ts,Je]),Ae=Je(),as=p.forwardRef(_(function(t,a){const{type:o,...n}=t,r=n,i=n;return e.jsx($e.Provider,{scope:t.__scopeAccordion,children:o==="multiple"?e.jsx(rs,{...i,ref:a}):e.jsx(ns,{...r,ref:a})})},"Accordion")),[ft,ss]=ne(R),[gt,os]=ne(R,{collapsible:!1}),ns=p.forwardRef(_(function(t,a){const{value:o,defaultValue:n,onValueChange:r=_(()=>{},"onValueChange"),collapsible:i=!1,...l}=t,[c,d]=We({prop:o,defaultProp:n??"",onChange:r,caller:R});return e.jsx(ft,{scope:t.__scopeAccordion,value:p.useMemo(()=>c?[c]:[],[c]),onItemOpen:d,onItemClose:p.useCallback(()=>i&&d(""),[i,d]),children:e.jsx(gt,{scope:t.__scopeAccordion,collapsible:i,children:e.jsx(It,{...l,ref:a})})})},"AccordionImplSingle")),rs=p.forwardRef(_(function(t,a){const{value:o,defaultValue:n,onValueChange:r=_(()=>{},"onValueChange"),...i}=t,[l,c]=We({prop:o,defaultProp:n??[],onChange:r,caller:R}),d=p.useCallback(u=>c((x=[])=>[...x,u]),[c]),m=p.useCallback(u=>c((x=[])=>x.filter(v=>v!==u)),[c]);return e.jsx(ft,{scope:t.__scopeAccordion,value:l,onItemOpen:d,onItemClose:m,children:e.jsx(gt,{scope:t.__scopeAccordion,collapsible:!0,children:e.jsx(It,{...i,ref:a})})})},"AccordionImplMultiple")),[is,re]=ne(R),It=p.forwardRef(_(function(t,a){const{__scopeAccordion:o,disabled:n,dir:r,orientation:i="vertical",...l}=t,c=p.useRef(null),d=Jt(c,a),m=es(o),x=Xt(r)==="ltr",v=zt(t.onKeyDown,I=>{if(!Za.includes(I.key))return;const h=I.target,j=m().filter(B=>!B.ref.current?.disabled),D=j.findIndex(B=>B.ref.current===h),N=j.length;if(D===-1)return;I.preventDefault();let P=D;const g=0,b=N-1,A=_(()=>{P=D+1,P>b&&(P=g)},"moveNext"),f=_(()=>{P=D-1,P<g&&(P=b)},"movePrev");switch(I.key){case"Home":P=g;break;case"End":P=b;break;case"ArrowRight":i==="horizontal"&&(x?A():f());break;case"ArrowDown":i==="vertical"&&A();break;case"ArrowLeft":i==="horizontal"&&(x?f():A());break;case"ArrowUp":i==="vertical"&&f();break}const y=P%N;j[y].ref.current?.focus()});return e.jsx(is,{scope:o,disabled:n,direction:r,orientation:i,children:e.jsx($e.Slot,{scope:o,children:e.jsx(Ye.div,{...l,"data-orientation":i,ref:d,onKeyDown:n?void 0:v})})})},"AccordionImpl")),ve="AccordionItem",[ls,Se]=ne(ve),cs=p.forwardRef(_(function(t,a){const{__scopeAccordion:o,value:n,...r}=t,i=re(ve,o),l=ss(ve,o),c=Ae(o),d=Vt(),m=n&&l.value.includes(n)||!1,u=i.disabled||t.disabled;return e.jsx(ls,{scope:o,open:m,disabled:u,triggerId:d,children:e.jsx(Zt,{"data-orientation":i.orientation,"data-state":Pe(m),...c,...r,ref:a,disabled:u,open:m,onOpenChange:x=>{x?l.onItemOpen(n):l.onItemClose(n)}})})},"AccordionItem")),ds="AccordionHeader",ms=p.forwardRef(_(function(t,a){const{__scopeAccordion:o,...n}=t,r=re(R,o),i=Se(ds,o);return e.jsx(Ye.h3,{"data-orientation":r.orientation,"data-state":Pe(i.open),"data-disabled":i.disabled?"":void 0,...n,ref:a})},"AccordionHeader")),Te="AccordionTrigger",us=p.forwardRef(_(function(t,a){const{__scopeAccordion:o,...n}=t,r=re(R,o),i=Se(Te,o),l=os(Te,o),c=Ae(o);return e.jsx($e.ItemSlot,{scope:o,children:e.jsx(ea,{"aria-disabled":i.open&&!l.collapsible||void 0,"data-orientation":r.orientation,id:i.triggerId,...c,...n,ref:a})})},"AccordionTrigger")),ps="AccordionContent",xs=p.forwardRef(_(function(t,a){const{__scopeAccordion:o,...n}=t,r=re(R,o),i=Se(ps,o),l=Ae(o);return e.jsx(ta,{role:"region","aria-labelledby":i.triggerId,"data-orientation":r.orientation,...l,...n,ref:a,style:{"--radix-accordion-content-height":"var(--radix-collapsible-content-height)","--radix-accordion-content-width":"var(--radix-collapsible-content-width)",...t.style}})},"AccordionContent"));function Pe(s){return s?"open":"closed"}_(Pe,"getState");var hs=as,fs=cs,gs=ms,Is=us,vs=xs;function ie({...s}){return e.jsx(hs,{"data-slot":"accordion",...s})}function le({className:s,...t}){return e.jsx(fs,{"data-slot":"accordion-item",className:M("border-b last:border-b-0",s),...t})}function Q({className:s,children:t,...a}){return e.jsx(gs,{className:"flex",children:e.jsxs(Is,{"data-slot":"accordion-trigger",className:M("focus-visible:border-ring focus-visible:ring-ring/50 flex flex-1 items-start justify-between gap-4 rounded-md py-4 text-left text-sm font-medium transition-all outline-none hover:underline focus-visible:ring-[3px] disabled:pointer-events-none disabled:opacity-50 [&[data-state=open]>svg]:rotate-180",s),...a,children:[t,e.jsx(sa,{className:"text-muted-foreground pointer-events-none size-4 shrink-0 translate-y-0.5 transition-transform duration-200"})]})})}function ce({className:s,children:t,...a}){return e.jsx(vs,{"data-slot":"accordion-content",className:"data-[state=closed]:animate-accordion-up data-[state=open]:animate-accordion-down overflow-hidden text-sm",...a,children:e.jsx("div",{className:M("pt-0 pb-4",s),children:t})})}function js({frameGroup:s,updateFrameGroup:t}){const{canWrite:a}=W(),[o,n]=p.useState(!1),[r,i]=Z(s.name||""),l=r!==s.name;return e.jsx(ie,{type:"single",collapsible:!0,className:"border-b",defaultValue:"basics",children:e.jsxs(le,{value:"basics",children:[e.jsx(Q,{className:"group flex w-full items-center justify-between px-4 text-base",children:"Basics"}),e.jsxs(ce,{className:"space-y-4 px-4 pt-2",children:[e.jsxs("div",{className:"space-y-2",children:[e.jsx(U,{htmlFor:"group-name",children:"Name"}),e.jsx(te,{id:"group-name",value:r,autoCorrect:"off",autoComplete:"off",autoCapitalize:"off",disabled:o,onChange:c=>i(c.target.value),placeholder:"Enter group name",className:"!h-14 w-full !rounded-[0.75rem]"})]}),l&&e.jsx("div",{className:"flex justify-start",children:e.jsxs(w,{size:"lg",variant:"outline",className:"h-11 rounded-[0.75rem]",disabled:!a,onClick:async()=>{try{n(!0),await t({name:r,locationX:s.locationX??0,locationY:s.locationY??0,width:s.width??0,height:s.height??0})}catch{F.error("Failed to update group")}finally{n(!1)}},children:[e.jsx(V,{loading:o}),"Save Changes"]})})]})]})})}const bs=C(`
-  query Components($orgId: ID!) {
-    components(orgId: $orgId) {
-      components {
-        componentId
-        type
-        name
-        description
-        tags
-        category
-        slug
-        previewImageJpg
-        isActive
-        order
-        componentFields {
-          componentFieldId
-          label
-          type
-          required
-          readonly
-          options
-          order
-        }
-        createdAt
-        updatedAt
-      }
-      customComponents {
-        componentId
-        type
-        name
-        description
-        tags
-        category
-        slug
-        previewImageJpg
-        isActive
-        order
-        componentFields {
-          componentFieldId
-          label
-          type
-          required
-          readonly
-          options
-          order
-        }
-        createdAt
-        updatedAt
-      }
-    }
-  }
-`);function ys(){const s=T()?.id,{data:t,loading:a}=k(bs,{variables:{orgId:s},skip:!s,fetchPolicy:"cache-first"});return{focalPointGroups:p.useMemo(()=>{const n=$(t?.components?.components),r=$(t?.components?.customComponents),i=[...n,...r],l={};for(const c of i){const d=c.category?.trim()||"Other";l[d]||(l[d]={name:d,components:[]}),l[d].components.push(Cs(c))}return Object.values(l)},[t]),loading:a&&!t?.components?.components}}function Cs(s){return{...s,componentFields:$(s.componentFields).map(t=>({...t,options:$(t.options)}))}}const Ns="component_backend-flow-diagram",Ds="component_api-contract",Fs="component_support-kb-troubleshooting",xe="!h-[56px] w-full rounded-[16px] border border-[#2A3242] bg-transparent px-6 text-[#F4F7FC] focus:outline-none",he="flex !h-[56px] w-full items-center gap-2 rounded-[16px] border border-[#2A3242] bg-transparent px-6 focus:outline-none",$s=K({serviceId:O(),apiGroupId:O(),apiEndpointId:O()});function As({onSelect:s}){const t=T().id,a=se({resolver:oe($s),defaultValues:{serviceId:"",apiGroupId:"",apiEndpointId:""}}),o=a.watch("serviceId"),n=a.watch("apiGroupId"),{data:r,loading:i}=k(be,{variables:{orgId:t},fetchPolicy:"cache-first",skip:!t}),{data:l,loading:c}=k(xa,{variables:{orgId:t,serviceId:o},fetchPolicy:"cache-first",skip:!t||!o}),{data:d,loading:m}=k(ha,{variables:{orgId:t,serviceId:o,apiGroupId:n},fetchPolicy:"cache-first",skip:!t||!o||!n}),u=p.useMemo(()=>$(r?.services.items),[r]),x=p.useMemo(()=>$(l?.apiGroups).map(ma),[l]),v=p.useMemo(()=>$(d?.apiEndpoints).map(h=>{const j=tt(h,t),D=$(j.componentMeta?.componentModalFields),N=ye(D,D),P=D.find(f=>f?.label?.toLowerCase()==="name")?.componentFieldId,g=P?N[P]:null,b=h.method.toUpperCase(),A=String(g||h.summary||"");return{value:j.apiEndpoint.apiEndpointId??"",label:`${b} ${h.path} ${A}`,node:e.jsxs("span",{className:"flex items-center gap-3",children:[e.jsx(et,{method:b}),e.jsxs("span",{className:"flex flex-col",children:[e.jsx("span",{className:"text-foreground font-mono font-semibold",children:h.path}),A&&e.jsx("span",{className:"text-muted-foreground text-sm",children:A})]})]})}}),[d,t]);return e.jsx(L,{title:"Select API Contract",description:"Select the API contract to link to this focal point",onFooterSubmitClick:a.handleSubmit(s),footerSubmitLoading:a.formState.isSubmitting,footerSubmit:"Connect API Contract",footerCancel:!0,children:e.jsxs("div",{className:"space-y-6",children:[e.jsxs("div",{className:"space-y-2",children:[e.jsx(U,{className:"text-foreground text-sm font-medium",children:"Service"}),i?e.jsxs("div",{className:he,children:[e.jsx(G,{className:"h-4 w-4 animate-spin"}),e.jsx("span",{className:"text-sm text-[#828DA3]",children:"Loading services..."})]}):e.jsx(H,{value:o,options:u.map(I=>({value:I.id??"",label:I.name??""})),onChange:I=>{a.setValue("serviceId",I),a.setValue("apiGroupId",""),a.setValue("apiEndpointId","")},className:xe})]}),e.jsxs("div",{className:"space-y-2",children:[e.jsx(U,{className:"text-foreground text-sm font-medium",children:"API Group"}),c?e.jsxs("div",{className:he,children:[e.jsx(G,{className:"h-4 w-4 animate-spin"}),e.jsx("span",{className:"text-sm text-[#828DA3]",children:"Loading API groups..."})]}):e.jsx(H,{value:n,options:x.map(I=>({value:I.serviceApiGroupId??"",label:I.name??I.version??""})),disabled:c||!o,onChange:I=>a.setValue("apiGroupId",I),className:xe})]}),e.jsxs("div",{className:"space-y-2",children:[e.jsx(U,{className:"text-foreground text-sm font-medium",children:"API Endpoint"}),m?e.jsxs("div",{className:he,children:[e.jsx(G,{className:"h-4 w-4 animate-spin"}),e.jsx("span",{className:"text-sm text-[#828DA3]",children:"Loading API endpoints..."})]}):e.jsx(H,{value:a.watch("apiEndpointId"),options:v,disabled:m||!n,onChange:I=>a.setValue("apiEndpointId",I),className:xe})]})]})})}function Ss({open:s,onOpenChange:t,onConfirm:a}){const[o,n]=p.useState(!1);return e.jsx(Fe,{open:s,onOpenChange:t,className:"!max-w-[463px]",children:e.jsxs("div",{className:"p-6 text-center",children:[e.jsx("img",{src:st,alt:"trash",className:"mx-auto mb-4"}),e.jsx(X,{className:"text-textPrimary pt-8 text-[1rem] leading-[1.33] font-semibold",children:"Do you want to delete this focal point meta data?"}),e.jsx(J,{className:"text-textSecondary pt-4 text-sm leading-[1.33] font-normal",children:"Deleting this focal point meta data is a permanent action and cannot be undone. Please think carefully before proceeding."}),e.jsxs("div",{className:"flex space-x-3 pt-8 *:flex-1",children:[e.jsxs(w,{variant:"outline",className:"h-14 rounded-[13px] border border-[#CD454380] bg-[#CD45434D] text-sm font-normal text-[#E92A19] hover:bg-[#CD4543] hover:text-white",onClick:async()=>{n(!0),await a(),n(!1),t(!1)},children:[o&&e.jsx(V,{}),"Permanently Delete"]}),e.jsx(w,{onClick:()=>t(!1),className:"h-14 rounded-[13px] text-sm font-normal text-white",children:"Cancel"})]})]})})}const fe=12,ge="__all__",Ps="!h-11 rounded-[16px] text-sm";function ws({onSelect:s}){const t=T()?.id,[a,o]=p.useState(null),[n,r]=p.useState(null),[i,l]=p.useState(""),[c,d]=p.useState(0),m=Na(i),u=k(be,{variables:{orgId:t},skip:!t,fetchPolicy:"cache-first"}),{data:x,loading:v}=k(Ca,{variables:{orgId:t,serviceId:n,search:m||null,sortBy:"created",sortDir:"desc",limit:fe,offset:c*fe},skip:!t,fetchPolicy:"cache-and-network"}),I=$(u.data?.services.items),h=$(x?.diagrams.items),j=x?.diagrams.totalCount??0,D=Math.ceil(j/fe),N=!!(n||m);function P(){d(0)}function g(f){r(f===ge?null:f),P()}function b(f){l(f),P()}async function A(f){if(!a)try{o(f),await s(f)}finally{o(null)}}return e.jsx(L,{title:"Select Diagram",description:"Select a diagram to link to this focal point",className:"flex min-h-0 flex-col !overflow-hidden",children:e.jsxs("div",{className:"flex h-full flex-col gap-4",children:[e.jsxs("div",{className:"flex shrink-0 flex-col gap-3 sm:flex-row sm:items-center",children:[e.jsx(te,{value:i,onChange:f=>b(f.target.value),placeholder:"Search diagrams",className:"border-stock bg-input h-11 flex-1 rounded-[16px] px-4 text-sm"}),e.jsx(H,{value:n??ge,onChange:g,placeholder:"All Services",className:`${Ps} sm:w-44`,options:[{value:ge,label:"All Services"},...I.map(f=>({value:f.id??"",label:f.name??""}))]})]}),e.jsx("div",{className:"min-h-0 flex-1 overflow-auto",children:v&&h.length===0?e.jsx(Ve,{label:"Loading diagrams..."}):h.length===0?e.jsx("div",{className:"py-8 text-center",children:e.jsx("p",{className:"text-muted-foreground text-sm",children:N?"No diagrams match your filters.":"No diagrams available"})}):e.jsx("div",{className:"grid grid-cols-3 content-start gap-4",children:h.map(f=>e.jsxs("div",{className:"group bg-card border-stock hover:border-primary/50 relative rounded-lg border-2 p-3 transition-all",children:[e.jsxs("div",{className:"relative overflow-hidden rounded-md",children:[e.jsx("img",{alt:f.name??"Blank Diagram",src:f.previewImageUrl??"/placeholder.svg",className:"aspect-square w-full object-cover object-top"}),e.jsx("div",{className:"absolute inset-0 flex items-center justify-center bg-black/50 opacity-0 transition-opacity group-hover:opacity-100",children:e.jsxs(w,{preset:"primary",disabled:a!==null,onClick:()=>A(f.id??""),children:[a===f.id?e.jsx(G,{className:"size-4 animate-spin"}):e.jsx(Da,{className:"size-4"}),"Link Diagram"]})})]}),e.jsx("div",{className:"mt-2",children:e.jsx("h4",{className:"text-foreground line-clamp-1 text-sm font-medium",children:f.name??"Blank Diagram"})})]},f.id))})}),D>1&&e.jsxs("div",{className:"flex shrink-0 items-center justify-center gap-3 pt-1",children:[e.jsx(w,{preset:"outline",className:"h-8 px-3 text-sm",disabled:c===0,onClick:()=>d(c-1),children:"Previous"}),e.jsxs("span",{className:"text-muted-foreground text-sm",children:["Page ",c+1," of ",D]}),e.jsx(w,{preset:"outline",className:"h-8 px-3 text-sm",disabled:c>=D-1,onClick:()=>d(c+1),children:"Next"})]})]})})}const Ms=C(`
-  query ApiEndpointById($orgId: ID!, $id: ID!) {
-    apiEndpointById(orgId: $orgId, id: $id) {
-      id
-      serviceId
-      apiGroupId
-      method
-      path
-      summary
-      description
-      tags
-      parameters
-      requestBody
-      responses
-      exampleRequests
-      exampleResponses
-      updatedAt
-      createdAt
-    }
-  }
-`),ks=C(`
-  query ServiceDocById($orgId: ID!, $id: ID!) {
-    serviceDocById(orgId: $orgId, id: $id) {
-      serviceId
-      docId
-    }
-  }
-`),Es=C(`
-  query DocById($orgId: ID!, $id: ID!) {
-    doc(orgId: $orgId, id: $id) {
-      id
-      fileUrl
-      fileName
-      fileType
-    }
-  }
-`);function Ls({orgId:s,endpointId:t}){const{data:a,loading:o}=k(Ms,{variables:{orgId:s,id:t},fetchPolicy:"cache-first"}),n=a?.apiEndpointById,{data:r}=k(fa,{variables:{orgId:s,serviceId:n?.serviceId??"",id:n?.apiGroupId??""},fetchPolicy:"cache-first",skip:!n}),i=r?.apiGroup?.protocol??"REST",l=i.toLowerCase();return o?e.jsx(L,{title:"API Contract",children:e.jsxs("div",{className:"flex items-center gap-2 px-6 py-10",children:[e.jsx(G,{className:"h-4 w-4 animate-spin"}),e.jsx("span",{className:"text-paragraph text-sm",children:"Loading API contract..."})]})}):n?e.jsx(_s,{orgId:s,endpoint:n,protocol:l,protocolLabel:i}):e.jsx(L,{title:"API Contract",children:e.jsx("div",{className:"text-paragraph px-6 py-10 text-sm",children:"API contract not found."})})}function _s({orgId:s,endpoint:t,protocol:a,protocolLabel:o}){const n=p.useMemo(()=>{const x={id:t.id,apiGroupId:t.apiGroupId,serviceId:t.serviceId,operationId:"",method:t.method,path:t.path,summary:t.summary,description:t.description,tags:t.tags,parameters:t.parameters,requestBody:t.requestBody,responses:t.responses,exampleRequests:t.exampleRequests,exampleResponses:t.exampleResponses,order:0,createdAt:t.createdAt,updatedAt:t.updatedAt};return tt(x,s,a)},[t,s,a]),r=p.useMemo(()=>$(n.componentMeta.componentModalFields),[n.componentMeta.componentModalFields]),i=p.useMemo(()=>ye(r,r),[r]),l=p.useMemo(()=>r.filter(x=>{const v=x.componentFieldId?i[x.componentFieldId]:null;return typeof v=="string"&&v.trim().length>0}),[r,i]),c=p.useMemo(()=>$(n.apiEndpoint.exampleRequests),[n.apiEndpoint.exampleRequests]),d=p.useMemo(()=>$(n.apiEndpoint.exampleResponses),[n.apiEndpoint.exampleResponses]),m=$(t.tags).filter(Boolean),u=t.updatedAt?new Date(t.updatedAt).toLocaleDateString("en-US",{month:"short",day:"numeric",year:"numeric"}):null;return e.jsx(L,{className:"p-0",title:e.jsxs("span",{className:"flex items-center gap-2",children:[e.jsx(et,{method:t.method||"N/A"}),e.jsx("span",{className:"font-mono break-all",children:t.path})]}),description:e.jsx("span",{className:"text-paragraph text-xs",children:t.summary?.trim()||(u?`Updated ${u}`:o)}),footerCancel:"Close",footerSubmit:"Open API Endpoint",footerAlign:"between",onFooterSubmitClick:()=>window.open(`/services/${t.serviceId}/apis/${t.apiGroupId}?endpointId=${t.id}`),children:e.jsxs("div",{className:"max-h-[70vh] space-y-8 overflow-y-auto px-6 py-6",children:[e.jsxs("div",{className:"flex flex-wrap items-center gap-1.5",children:[e.jsx("span",{className:"bg-primary/15 text-primary rounded-md px-2 py-1 text-xs font-medium",children:o}),e.jsx(aa,{tags:m,max:8,tagClassName:"rounded-md bg-[#1E2533] px-2 py-1 text-xs font-medium text-[#828DA3]"})]}),l.length>0&&e.jsx(je,{theme:"modal",children:e.jsx("div",{className:"space-y-1",children:l.map((x,v)=>{const I=x.componentFieldId?String(i[x.componentFieldId]??""):"";return e.jsx(dt,{label:x.label??"Field",required:!1,componentType:x.type??"unknown",error:null,children:x.type===S.CodeEditor?e.jsx(Ze,{readonly:!0,value:ua(x.label??"",I,a),setValue:()=>{}}):x.type===S.TextBox?e.jsx(Ge,{readonly:!0,value:I,onChange:()=>{}}):x.type===S.URLInput?e.jsx(qe,{readonly:!0,value:I,onChange:()=>{}}):e.jsx(ze,{readonly:!0,value:I,onChange:()=>{}})},x.componentFieldId??v)})})}),c.length>0&&e.jsx(Re,{label:"Example Requests",samples:c,protocol:a,kind:"request"}),d.length>0&&e.jsx(Re,{label:"Example Responses",samples:d,protocol:a,kind:"response"})]})})}function Re({label:s,samples:t,protocol:a,kind:o}){const[n,r]=p.useState(0),i=t[n]??t[0];return e.jsxs("div",{children:[e.jsxs("div",{className:"mb-2 flex items-center justify-between",children:[e.jsx("div",{className:"text-xs font-medium tracking-wider text-[#828DA3] uppercase",children:s}),t.length>1&&e.jsx("div",{className:"flex items-center gap-1",children:t.map((l,c)=>e.jsx("button",{onClick:()=>r(c),className:M("rounded px-2 py-0.5 text-xs",c===n?"bg-primary/15 text-primary":"text-paragraph hover:bg-[#1E2533]"),children:c+1},c))})]}),e.jsx(ia,{editable:!1,value:pa(i,a,o),className:"overflow-hidden rounded-lg border border-[#2A3242]"})]})}function Os({orgId:s,diagramId:t}){const{data:a,loading:o}=k($a,{variables:{orgId:s,id:t},fetchPolicy:"cache-first"}),n=a?.diagram,r=p.useMemo(()=>{const l=a?.diagram?.content;if(!l)return null;const c=Aa(l),d=c.nodes.map(m=>({...m,data:{...m.data,isForcedOpen:!0}}));return{...c,nodes:d}},[a?.diagram?.content]);if(o)return e.jsx(L,{title:"Diagram",children:e.jsxs("div",{className:"flex items-center gap-2 py-6",children:[e.jsx(G,{className:"h-4 w-4 animate-spin"}),e.jsx("span",{className:"text-paragraph text-sm",children:"Loading diagram..."})]})});if(!n)return e.jsx(L,{title:"Diagram",children:e.jsx("div",{className:"text-paragraph py-6 text-sm",children:"Diagram not found."})});const i=n.updatedAt?ct(new Date(n.updatedAt),{addSuffix:!0}):null;return e.jsx(L,{title:n.name,description:i?e.jsxs("span",{className:"text-paragraph text-xs",children:["Updated ",i]}):null,footerCancel:"Close",footerSubmit:"Open Diagram",footerAlign:"between",onFooterSubmitClick:()=>window.open(`/diagram/${n.id}`),children:r?e.jsx("div",{className:"border-stock h-[55vh] w-full overflow-hidden rounded-lg border",children:e.jsx(Pa,{data:r,name:n.name},t)}):e.jsx("div",{className:"text-paragraph flex h-40 w-full items-center justify-center rounded-lg border border-[#2A3242] bg-[#0F1420] text-sm",children:"No diagram content available."})})}const Ts=C(`
-  query FocalPoints($orgId: ID!, $mapId: ID!, $frameId: ID!) {
-    focalPoints(orgId: $orgId, mapId: $mapId, frameId: $frameId) {
-      id
-      frameId
-      orgId
-      name
-      locationX
-      locationY
-      visibility
-      color
-      isActive
-      createdBy
-      updatedBy
-      createdAt
-      updatedAt
-    }
-  }
-`),on=C(`
-  mutation CreateFocalPoint(
-    $orgId: ID!
-    $mapId: ID!
-    $frameId: ID!
-    $input: CreateFocalPointInput!
-  ) {
-    createFocalPoint(
-      orgId: $orgId
-      mapId: $mapId
-      frameId: $frameId
-      input: $input
-    ) {
-      id
-    }
-  }
-`),nn=C(`
-  mutation UpdateFocalPoint(
-    $orgId: ID!
-    $mapId: ID!
-    $frameId: ID!
-    $id: ID!
-    $input: UpdateFocalPointInput!
-  ) {
-    updateFocalPoint(
-      orgId: $orgId
-      mapId: $mapId
-      frameId: $frameId
-      id: $id
-      input: $input
-    ) {
-      id
-    }
-  }
-`),rn=C(`
-  mutation DeleteFocalPoint($orgId: ID!, $mapId: ID!, $frameId: ID!, $id: ID!) {
-    deleteFocalPoint(orgId: $orgId, mapId: $mapId, frameId: $frameId, id: $id)
-  }
-`),ln=C(`
-  query Frames(
-    $orgId: ID!
-    $mapId: ID!
-    $search: String
-    $sortBy: String
-    $sortDir: String
-    $limit: Int
-    $offset: Int
-  ) {
-    frames(
-      orgId: $orgId
-      mapId: $mapId
-      search: $search
-      sortBy: $sortBy
-      sortDir: $sortDir
-      limit: $limit
-      offset: $offset
-    ) {
-      totalCount
-      items {
-        id
-        mapId
-        orgId
-        parentFrameId
-        name
-        description
-        templateType
-        screenshotAssetId
-        screenshotImageUrl
-        screenshotContentHash
-        status
-        order
-        source
-        focalPointCount
-        createdBy
-        updatedBy
-        createdByCommitHash
-        updatedByCommitHash
-        createdAt
-        updatedAt
-        createdByActor {
-          id
-          name
-          avatarUrl
-          type
-          email
-        }
-        updatedByActor {
-          id
-          name
-          avatarUrl
-          type
-          email
-        }
-      }
-    }
-  }
-`),Rs=C(`
-  query FrameById($orgId: ID!, $id: ID!) {
-    frameById(orgId: $orgId, id: $id) {
-      id
-      mapId
-      orgId
-      parentFrameId
-      name
-      description
-      templateType
-      screenshotAssetId
-      screenshotImageUrl
-      screenshotContentHash
-      status
-      order
-      source
-      focalPointCount
-      createdBy
-      updatedBy
-      createdByCommitHash
-      updatedByCommitHash
-      createdAt
-      updatedAt
-      createdByActor {
-        id
-        name
-        avatarUrl
-        type
-        email
-      }
-      updatedByActor {
-        id
-        name
-        avatarUrl
-        type
-        email
-      }
-    }
-  }
-`),cn=C(`
-  mutation CreateFrame($orgId: ID!, $mapId: ID!, $input: CreateFrameInput!) {
-    createFrame(orgId: $orgId, mapId: $mapId, input: $input) {
-      id
-    }
-  }
-`),dn=C(`
-  mutation UpdateFrame(
-    $orgId: ID!
-    $mapId: ID!
-    $id: ID!
-    $input: UpdateFrameInput!
-  ) {
-    updateFrame(orgId: $orgId, mapId: $mapId, id: $id, input: $input) {
-      id
-    }
-  }
-`),mn=C(`
-  mutation DeleteFrame($orgId: ID!, $mapId: ID!, $id: ID!) {
-    deleteFrame(orgId: $orgId, mapId: $mapId, id: $id)
-  }
-`),un=C(`
-  query Maps(
-    $orgId: ID!
-    $folderId: ID
-    $teamId: ID
-    $search: String
-    $sortBy: String
-    $sortDir: String
-    $limit: Int
-    $offset: Int
-  ) {
-    maps(
-      orgId: $orgId
-      folderId: $folderId
-      teamId: $teamId
-      search: $search
-      sortBy: $sortBy
-      sortDir: $sortDir
-      limit: $limit
-      offset: $offset
-    ) {
-      totalCount
-      items {
-        id
-        orgId
-        folderId
-        teamId
-        name
-        description
-        status
-        createdBy
-        updatedBy
-        createdAt
-        updatedAt
-        previewImgUrls
-      }
-    }
-  }
-`),pn=C(`
-  query Map($orgId: ID!, $id: ID!) {
-    map(orgId: $orgId, id: $id) {
-      id
-      orgId
-      folderId
-      teamId
-      name
-      description
-      status
-      createdBy
-      updatedBy
-      createdAt
-      updatedAt
-    }
-  }
-`),xn=Oa`
-  mutation CreateMap($orgId: ID!, $input: CreateMapInput!) {
-    createMap(orgId: $orgId, input: $input) {
-      id
-    }
-  }
-`,hn=C(`
-  mutation UpdateMap($orgId: ID!, $id: ID!, $input: UpdateMapInput!) {
-    updateMap(orgId: $orgId, id: $id, input: $input) {
-      id
-    }
-  }
-`),fn=C(`
-  mutation DeleteMap($orgId: ID!, $id: ID!) {
-    deleteMap(orgId: $orgId, id: $id)
-  }
-`);function Bs({pageId:s,focalPointId:t}){const a=T()?.id,n=k(Rs,{fetchPolicy:"cache-first",variables:{orgId:a,id:s},skip:!a||!s}).data?.frameById?.mapId??"",{data:r}=k(Ts,{fetchPolicy:"cache-first",variables:{orgId:a,mapId:n,frameId:s},skip:!a||!n||!s}),i=p.useMemo(()=>r?.focalPoints?.find(l=>l?.id===t)?.name,[r?.focalPoints,t]);return i?e.jsxs("span",{className:"text-paragraph ml-2 text-xs",children:["(",i,")"]}):null}function Us(s){const t={};return s.forEach(a=>{let o;const n=a.componentFieldId;if(n){switch(a.type){case E.TextInput:case E.TextBox:case E.DropdownSelect:case E.DatePicker:{var r;const u=O();o=a.required?u.min(1,{message:`${(r=a.label)!==null&&r!==void 0?r:"Field"} is required`}):u.optional();break}case E.FileUpload:case E.LinkOrFileUpload:{var i;const u=K({fileId:O().optional(),url:O().optional(),file:va(File).optional()});o=a.required?u.refine(x=>{var v,I,h,j;return((v=(I=x.url)===null||I===void 0?void 0:I.length)!==null&&v!==void 0?v:0)>0||((h=(j=x.fileId)===null||j===void 0?void 0:j.length)!==null&&h!==void 0?h:0)>0||x.file instanceof File},{message:`${(i=a.label)!==null&&i!==void 0?i:"Field"} is required`}):u.optional();break}case E.URLInput:{var l;const u=O({message:"Invalid URL"});o=a.required?u.min(1,{message:`${(l=a.label)!==null&&l!==void 0?l:"Field"} is required`}):u.optional().or(Ia(""));break}case E.NumberInput:{var c;let u=ya();const x=a.min,v=a.max;typeof x=="number"&&(u=u.min(x,{message:`Must be ≥ ${x}`})),typeof v=="number"&&(u=u.max(v,{message:`Must be ≤ ${v}`})),o=a.required?u.nullable().refine(I=>I!==null,{message:`${(c=a.label)!==null&&c!==void 0?c:"Field"} is required`}):u.nullable().optional();break}case E.CheckboxGroup:case E.MultiSelect:case E.TagInput:{var d;const u=ba(O());o=a.required?u.min(1,{message:`${(d=a.label)!==null&&d!==void 0?d:"Field"} is required`}):u.optional();break}case E.BooleanToggle:{const u=ja();o=a.required?u:u.optional();break}default:if(a.required){var m;o=Me().refine(u=>{if(a.type===E.RichTextEditor&&u instanceof Ra){var x,v,I;if(!u.ops.length)return!1;const h=new Ba(document.createElement("div"));h==null||(x=h.setContents)===null||x===void 0||x.call(h,u);const j=h==null||(v=h.getText)===null||v===void 0?void 0:v.call(h).trim();return((I=j?.length)!==null&&I!==void 0?I:0)>0}return Array.isArray(u)?u.length>0:u!=null&&u!==""},{message:`${(m=a.label)!==null&&m!==void 0?m:"Field"} is required`})}else o=Me().optional();break}t[n]=o}}),K(t)}function Gs({title:s,fields:t,setFields:a,doneEditing:o}){const[n,r]=Z(t);return e.jsxs(e.Fragment,{children:[e.jsxs(Ne,{className:"border-stock h-[6.1rem] border-b p-6",children:[e.jsx(X,{asChild:!0,children:e.jsxs("h3",{children:[s," - Layout"]})}),e.jsx(J,{asChild:!0,children:e.jsx("p",{className:"text-paragraph mt-2 text-sm",children:"Customize the layout of the focal point by adding or removing fields."})})]}),e.jsx("div",{className:"max-h-full overflow-auto p-6",children:e.jsxs(je,{theme:"modal",children:[e.jsx(Ct,{componentFields:n,setComponentFields:r}),e.jsx("div",{className:"mt-6",children:e.jsx(Nt,{setComponentFields:r})})]})}),e.jsxs(De,{className:"border-stock border-t p-6 pt-2",children:[e.jsx(w,{preset:"outline",className:"h-11 rounded-[0.8125rem]",children:"Cancel"}),e.jsxs(w,{preset:"cta",className:"h-11 rounded-[0.8125rem] !px-5",onClick:()=>{a(n),o()},children:[e.jsx(Ht,{className:"text-lg"}),"Done"]})]})]})}function qs({title:s,description:t,fields:a,submit:o,submitLabel:n,isViewMode:r=!1,isReadOnly:i=!1,setEditMode:l}){const c=p.useRef(null),d=p.useMemo(()=>ye(a,a),[a]),m=p.useMemo(()=>Us(a),[a]),{formState:u,handleSubmit:x,control:v}=se({resolver:oe(m),defaultValues:d,values:d}),I=T()?.id,[h,j]=p.useState(!1),[D,N]=p.useState(!1);async function P(g){j(!0);const b={...g},A=Object.fromEntries(Object.entries(g).filter(([f,y])=>y?.file instanceof File).map(([f,y])=>[f,y.file]));if(Object.keys(A).length>0){N(!0);for(const f in A){const y=A[f],B=await Ta(I,y);b[f]={fileId:B}}N(!1)}o(ga(a,b).map(f=>{const{readonly:y,...B}=f;return{...B,isReadonly:B.isReadonly??y??null,options:$(B.options)}})).then(()=>{j(!1)}).catch(f=>{console.error("Submission error:",f),j(!1)})}return e.jsxs(e.Fragment,{children:[e.jsxs(Ne,{className:"border-stock min-h-[6.1rem] gap-2.5 border-b p-6",children:[e.jsx(X,{asChild:!0,children:e.jsx("h3",{children:s})}),e.jsx(J,{asChild:!0,children:e.jsx("p",{className:"text-paragraph text-sm",children:t})})]}),e.jsx("div",{ref:c,className:"max-h-full overflow-auto p-6 pb-0",onFocus:g=>{r&&g.target.blur()},children:e.jsx(je,{theme:"modal",children:e.jsx("div",{className:M(r&&"pointer-events-none"),children:a.map((g,b)=>e.jsx(at,{control:v,name:g.componentFieldId,render:({field:A})=>{const f=A.value,y=A.onChange;return e.jsxs(dt,{label:g.label??"Label",required:!i&&(g.required??!1),componentType:g.type??"unknown",error:u.errors[g.componentFieldId]?.message?.toString(),children:[g.type===S.NumberInput&&e.jsx(Dt,{value:f??"",onChange:y}),g.type===S.TextInput&&e.jsx(ze,{value:f??"",onChange:y}),g.type===S.TextBox&&e.jsx(Ge,{value:f??"",onChange:y}),g.type===S.URLInput&&e.jsx(qe,{value:f??"",onChange:y}),g.type===S.FileUpload&&e.jsx(Ft,{file:f??null,isViewMode:r,onChange:y}),g.type===S.LinkOrFileUpload&&e.jsx($t,{value:f??null,isViewMode:r,onChange:y}),g.type===S.DropdownSelect&&e.jsx(At,{options:$(g.options),value:f??"",onChange:y,required:g.required??void 0}),g.type===S.RichTextEditor&&e.jsx(la,{value:f??"",setValue:y}),g.type===S.CodeEditor&&e.jsx(Ze,{height:"10rem",value:f??"",setValue:y}),g.type===S.KeyValueList&&e.jsx(St,{value:f??[],onChange:y}),g.type===S.BooleanToggle&&e.jsx(Pt,{checked:!!f,onChange:y}),g.type===S.MultiSelect&&e.jsx(wt,{options:$(g.options),value:f??[],onChange:y}),g.type===S.SearchSelect&&e.jsx(Mt,{options:$(g.options),value:f??"",onChange:y,required:g.required??void 0}),g.type===S.CheckboxGroup&&e.jsx(kt,{value:f??[],onChange:y,options:$(g.options)}),g.type===S.TagInput&&e.jsx(Et,{value:f??[],onChange:y}),g.type===S.DatePicker&&e.jsx(Lt,{value:f??null,onChange:y}),g.type===S.DateRangePicker&&e.jsx(_t,{value:f??null,onChange:y}),g.type===S.ColorPicker&&e.jsx(Ot,{value:f??null,onChange:y}),g.type===S.Slider&&e.jsx(Tt,{value:f??null,onChange:y})]})}},g.componentFieldId??b))})})}),e.jsxs(De,{className:"border-stock flex-row items-center justify-end border-t p-6 pt-2 pb-3 sm:pb-6",children:[i&&e.jsxs("p",{className:"text-paragraph mr-auto text-sm",children:["This component is linked to a service and cannot be edited here.",e.jsx("br",{}),"You can edit the component in the service."]}),e.jsx(Ce,{asChild:!0,children:e.jsx(w,{preset:"outline",disabled:h,className:"h-11 rounded-[0.8125rem]",children:r?"Close":"Cancel"})}),!i&&e.jsxs(w,{preset:"cta",disabled:h||i,className:"h-11 rounded-[0.8125rem]",onClick:()=>{if(r&&l)return l();x(P,()=>{const g=c.current;if(!g)return;const b=g.querySelector("[data-has-error]");b&&b.scrollIntoView({behavior:"smooth",block:"center"})})()},children:[e.jsx("div",{className:"flex w-4 items-center justify-center",children:h?e.jsx(V,{className:"text-base"}):r?e.jsx(oa,{className:"text-lg"}):e.jsx(Rt,{className:"text-lg"})}),D?"Uploading File":r?"Start Editing":n]})]})]})}function zs({isOpen:s,setIsOpen:t,isViewMode:a=!1,...o}){const n=p.useMemo(()=>o.fields.filter(d=>d.type).sort((d,m)=>(d.order??0)-(m.order??0)),[o.fields]),[r,i]=p.useState(n),[l,c]=p.useState(!1);return e.jsxs(e.Fragment,{children:[l?e.jsx(Gs,{title:o.title,fields:r,setFields:i,doneEditing:()=>c(!1)}):e.jsx(qs,{...o,isViewMode:a,fields:r}),l?e.jsx(Y,{className:"absolute top-3 right-3",onClick:()=>c(!1)}):e.jsxs(e.Fragment,{children:[e.jsx(Ce,{asChild:!0,children:e.jsx(Y,{className:"absolute top-3 right-3"})}),!a&&e.jsx("button",{onClick:()=>c(!0),className:"hover:bg-stock absolute top-4 right-14 rounded-md p-2",children:e.jsx(Wt,{})})]})]})}function Vs({isOpen:s,setIsOpen:t,...a}){return e.jsx(nt,{open:s,onOpenChange:t,children:e.jsx(rt,{showCloseButton:!1,className:"h-full max-h-full w-full max-w-full grid-rows-[auto_1fr_auto] gap-0 rounded-none border border-[#2A3242] bg-[#141925] p-0 sm:h-auto sm:max-h-[95%] sm:max-w-[min(43rem,95%)] sm:rounded-[1rem]",children:e.jsx(zs,{isOpen:s,setIsOpen:t,...a})})})}function Hs({orgId:s,serviceDocId:t}){const{data:a,loading:o}=k(Es,{variables:{orgId:s,id:t},fetchPolicy:"cache-first"}),{data:n}=k(ks,{variables:{orgId:s,id:t},fetchPolicy:"cache-first"}),r=a?.doc,i=n?.serviceDocById;if(o)return e.jsx(L,{title:"Document",children:e.jsxs("div",{className:"flex items-center gap-2 py-6",children:[e.jsx(G,{className:"h-4 w-4 animate-spin"}),e.jsx("span",{className:"text-paragraph text-sm",children:"Loading document..."})]})});if(!r)return e.jsx(L,{title:"Document",children:e.jsx("div",{className:"text-paragraph py-6 text-sm",children:"Document not found."})});const l=Ua(r.fileType,r.fileName);return e.jsx(L,{className:l?"p-0":"",title:r.fileName?.trim()||"Document",description:r.fileType?e.jsx("span",{className:"text-paragraph text-xs",children:r.fileType}):null,footerCancel:"Close",footerSubmit:"Open Document",footerAlign:"between",onFooterSubmitClick:()=>window.open(`/services/${i?.serviceId??""}/docs?open=${i?.docId??r.id}`),children:e.jsx("div",{style:l?{padding:0,width:"100%"}:{width:"100%"},children:e.jsx(Ga,{fileURL:r.fileUrl,fileName:r.fileName,fileType:r.fileType})})})}function de({index:s,component:t,pointMeta:a,showFocalPointName:o,openDeleteConfirmationModal:n,onClick:r,hasLink:i,showPreview:l,previewImageUrl:c,nameOverride:d}){const m=p.useMemo(()=>$(a.componentModalFields),[a.componentModalFields]),u=ca(m,{label:"Name"}),x=m.length,v=d?.trim()||u?.trim()||`${t.name} ${s+1}`;return e.jsxs("button",{className:"group relative flex w-full items-center justify-between gap-3 overflow-hidden rounded-lg border border-[#2A3242] bg-[#1E2533] px-4 py-3 text-left transition-all hover:border-[#3B6BFF]/40",onClick:r,children:[e.jsxs("div",{className:"flex min-w-0 items-center gap-3",children:[l&&(c?e.jsx("img",{alt:v,src:c,className:"size-9 shrink-0 rounded-md border border-[#2A3242] bg-[#0F1420] object-contain p-0.5"}):e.jsx("span",{className:"flex size-9 shrink-0 items-center justify-center rounded-md border border-[#2A3242] bg-[#0F1420]",children:e.jsx(Yt,{className:"text-paragraph size-4"})})),e.jsxs("div",{className:"min-w-0",children:[e.jsxs("div",{className:"flex items-center gap-1.5",children:[i&&e.jsx(ae,{className:"text-primary size-3 shrink-0"}),e.jsxs("span",{className:"text-foreground block truncate text-sm font-medium",children:[v,o&&e.jsx(Bs,{pageId:a.frameId,focalPointId:a.focalPointId})]})]}),a.updatedAt&&e.jsxs("span",{className:"text-paragraph mt-0.5 block text-[10px] tracking-wide",children:["Updated"," ",ct(new Date(a.updatedAt),{addSuffix:!0})]})]})]}),e.jsxs("div",{className:"flex items-center gap-3",children:[x>0&&e.jsxs("div",{className:"flex items-center gap-1",children:[e.jsx("div",{className:"flex -space-x-0.5",children:Array.from({length:Math.min(x,4)}).map((I,h)=>e.jsx("div",{className:M("size-1.5 rounded-full",h===0&&"bg-primary",h===1&&"bg-primary/60",h===2&&"bg-primary/30",h>=3&&"bg-primary/15")},h))}),e.jsxs("span",{className:"text-paragraph text-[10px] font-medium tabular-nums",children:[x," field",x>1?"s":""]})]}),e.jsx("span",{className:"text-destructive/80 hover:text-destructive bg-destructive/5 hover:bg-destructive/15 -mr-1 flex size-6 items-center justify-center rounded-sm transition-all",onClick:I=>{I.stopPropagation(),n()},children:e.jsx(Kt,{className:"size-4"})})]})]})}function Ws(s){const t=T()?.id,a=s.pointMeta.componentLinkDiagramId,[o,n]=p.useState(!1),{data:r}=k(Sa,{variables:{orgId:t,id:a},skip:!t,fetchPolicy:"cache-first"});return e.jsxs(e.Fragment,{children:[e.jsx(de,{...s,hasLink:!0,showPreview:!0,previewImageUrl:r?.diagram?.previewImageUrl,nameOverride:r?.diagram?.name,onClick:()=>n(!0)}),e.jsx(q,{open:o,onOpenChange:n,children:e.jsx(Os,{orgId:t,diagramId:a})})]})}function Ys(s){const t=T()?.id,[a,o]=p.useState(!1);return e.jsxs(e.Fragment,{children:[e.jsx(de,{...s,hasLink:!0,onClick:()=>o(!0)}),e.jsx(q,{open:a,onOpenChange:o,children:e.jsx(Ls,{orgId:t,endpointId:s.pointMeta.componentLinkApiEndpointId})})]})}function Ks(s){const t=T()?.id,[a,o]=p.useState(!1);return e.jsxs(e.Fragment,{children:[e.jsx(de,{...s,hasLink:!0,onClick:()=>o(!0)}),e.jsx(q,{open:a,onOpenChange:o,className:"min-h-[95vh] [--width:min(95vw,100rem)]",children:e.jsx(Hs,{orgId:t,serviceDocId:s.pointMeta.componentLinkServiceDocId})})]})}function Qs({index:s,component:t,pointMeta:a,showFocalPointName:o,openDeleteConfirmationModal:n,updatePointMeta:r}){const[i,l]=p.useState(!1),[c,d]=p.useState("view"),m=p.useMemo(()=>$(a.componentModalFields),[a.componentModalFields]);return e.jsxs(e.Fragment,{children:[e.jsx(de,{index:s,component:t,pointMeta:a,showFocalPointName:o,openDeleteConfirmationModal:n,onClick:()=>l(!0)}),e.jsx(Vs,{isOpen:i,setIsOpen:u=>{l(u),d("view")},submitLabel:"Update Now",isViewMode:c==="view",setEditMode:()=>d("edit"),title:`${c==="view"?"":"Edit"} ${t.name} ${s+1||""}`,description:t.description,fields:m,submit:async u=>{try{await r({componentModalFields:u}),F.success("Focal point meta updated successfully")}catch{return void F.error("Failed to update focal point meta. Please try again.")}l(!1),d("view")}})]})}function Xs({setIsLinkModalOpen:s,linkLabel:t}){return e.jsx("div",{className:"flex items-center justify-center gap-1 rounded-[0.8125rem] font-medium",children:t&&e.jsxs(w,{preset:"outline",onClick:()=>s(!0),children:[e.jsx(Fa,{})," Link to ",t]})})}const Be="!h-[56px] w-full rounded-[16px] border border-[#2A3242] bg-transparent px-6 text-[#F4F7FC] focus:outline-none",Ue="flex !h-[56px] w-full items-center gap-2 rounded-[16px] border border-[#2A3242] bg-transparent px-6 focus:outline-none",Js=K({serviceId:O(),serviceDocId:O()});function Zs({onSelect:s}){const t=T().id,a=se({resolver:oe(Js),defaultValues:{serviceId:"",serviceDocId:""}}),o=a.watch("serviceId"),{data:n,loading:r}=k(be,{variables:{orgId:t},fetchPolicy:"cache-first",skip:!t}),{data:i,loading:l}=k(qa,{variables:{orgId:t,serviceId:o},fetchPolicy:"cache-first",skip:!t||!o}),c=p.useMemo(()=>$(n?.services.items),[n]),d=p.useMemo(()=>$(i?.serviceDocs).map(m=>m.doc).filter(m=>!!m),[i]);return e.jsx(L,{title:"Select Documentation",description:"Select the document to link to this focal point",onFooterSubmitClick:a.handleSubmit(s),footerSubmitLoading:a.formState.isSubmitting,footerSubmit:"Connect Document",footerCancel:!0,children:e.jsxs("div",{className:"space-y-6",children:[e.jsxs("div",{className:"space-y-2",children:[e.jsx(U,{className:"text-foreground text-sm font-medium",children:"Service"}),r?e.jsxs("div",{className:Ue,children:[e.jsx(G,{className:"h-4 w-4 animate-spin"}),e.jsx("span",{className:"text-sm text-[#828DA3]",children:"Loading services..."})]}):e.jsx(H,{value:o,options:c.map(m=>({value:m.id??"",label:m.name??""})),onChange:m=>{a.setValue("serviceId",m),a.setValue("serviceDocId","")},className:Be})]}),e.jsxs("div",{className:"space-y-2",children:[e.jsx(U,{className:"text-foreground text-sm font-medium",children:"Document"}),l?e.jsxs("div",{className:Ue,children:[e.jsx(G,{className:"h-4 w-4 animate-spin"}),e.jsx("span",{className:"text-sm text-[#828DA3]",children:"Loading documents..."})]}):e.jsx(H,{value:a.watch("serviceDocId"),options:d.map(m=>({value:m.id,label:m.fileName??m.id})),disabled:l||!o,onChange:m=>a.setValue("serviceDocId",m),className:Be})]})]})})}function eo({component:s,componentPointMeta:t,createPointMeta:a,updatePointMeta:o,deletePointMeta:n,showFocalPointName:r,disableCreatePointMeta:i}){const{canWrite:l}=W(),c=i||!l,[d,m]=p.useState(null),[u,x]=p.useState(!1),v=s.componentId===Ns,I=s.componentId===Ds,h=s.componentId===Fs,j=v?"Diagram":I?"API Contract":h?"Documentation":void 0,D=!!j;return e.jsxs(e.Fragment,{children:[e.jsx(ie,{type:"single",collapsible:!0,className:"overflow-hidden rounded-[0.8125rem] border border-[#2A3242] bg-[#1E2533]",value:t.length>0?void 0:"none",children:e.jsxs(le,{value:"item-1",children:[e.jsxs("div",{className:"flex w-full items-center justify-between gap-3 rounded-none px-4 py-4",children:[e.jsxs("div",{className:"flex gap-2",children:[e.jsx("div",{className:"self-start text-[2.25rem]",children:da({component:s.componentId,category:s.category})}),e.jsxs("div",{className:"flex flex-col gap-1",children:[e.jsx("h4",{className:"text-sm font-medium",children:s.name}),e.jsx("p",{className:"text-paragraph text-xs",children:s.description})]})]}),e.jsxs("div",{className:"flex items-center gap-2 self-start",children:[t.length>0&&e.jsx("span",{className:"text-primary bg-primary/20 flex h-5 items-center justify-center rounded-lg p-1 px-2 text-xs font-bold",children:t.length}),e.jsxs("div",{className:"flex items-center",children:[t.length===0&&!c&&e.jsx(Q,{className:M("text-primary bg-primary/5 flex h-9 items-center justify-center rounded-full px-4 font-medium hover:no-underline [&>svg]:last:hidden",D&&"rounded-r-none"),onClick:N=>{N.preventDefault(),x(!0)},children:"Add"}),t.length>0&&e.jsx(Q,{className:M("text-primary bg-primary/5 flex h-9 items-center justify-center rounded-full px-2 font-medium hover:no-underline [&>svg]:last:hidden"),children:e.jsx(na,{className:"text-lg transition-all"})}),D&&!c&&t.length===0&&e.jsx("button",{onClick:()=>x(!0),className:"text-primary border-primary/10 bg-primary/5 flex size-9 items-center justify-center rounded-full rounded-l-none border-l pr-1 font-medium hover:no-underline",children:e.jsx(ae,{className:"size-4 shrink-0"})})]})]})]},s.componentId),e.jsxs(ce,{className:"border-t border-[#2A3242] bg-[#141925] p-3",children:[e.jsx("div",{className:M("flex flex-col gap-2",!c&&"mb-3"),children:t.map((N,P)=>{const g={index:P,pointMeta:N,component:s,showFocalPointName:r??!1,openDeleteConfirmationModal:()=>m(N.id??null)},b=N.id;return N.componentLinkDiagramId?e.jsx(Ws,{...g},b):N.componentLinkApiEndpointId?e.jsx(Ys,{...g},b):N.componentLinkServiceDocId?e.jsx(Ks,{...g},b):e.jsx(Qs,{...g,updatePointMeta:async({componentModalFields:A})=>{await o(N.id,s.componentId,{componentModalFields:A})}},b)})}),!c&&e.jsx(Xs,{setIsLinkModalOpen:x,linkLabel:j})]})]})}),e.jsx(Ss,{open:!!d,onOpenChange:()=>m(null),onConfirm:async()=>{if(d){try{await n(d),F.success("Focal point meta deleted successfully")}catch{F.error("Failed to delete focal point meta. Please try again later.")}m(null)}}}),e.jsx(q,{open:u&&I,onOpenChange:x,children:e.jsx(As,{onSelect:async N=>{try{await a(s.componentId,{componentLinkApiEndpointId:N.apiEndpointId}),x(!1),F.success("Focal point meta created successfully")}catch{return void F.error("Failed to create focal point meta. Please try again.")}}})}),e.jsx(q,{open:u&&v,onOpenChange:x,className:"[--width:52rem] sm:!h-[90vh]",children:e.jsx(ws,{onSelect:async N=>{try{await a(s.componentId,{componentLinkDiagramId:N}),F.success("Focal point meta created successfully"),x(!1)}catch{return void F.error("Failed to create focal point meta. Please try again.")}}})}),e.jsx(q,{open:u&&h,onOpenChange:x,children:e.jsx(Zs,{onSelect:async N=>{try{await a(s.componentId,{componentLinkServiceDocId:N.serviceDocId}),x(!1),F.success("Focal point meta created successfully")}catch{return void F.error("Failed to create focal point meta. Please try again.")}}})})]})}function vt({...s}){const{focalPointGroups:t,loading:a}=ys();return a?e.jsxs("div",{className:"flex flex-col items-center justify-center py-8",children:[e.jsx(He,{className:"text-8xl"}),e.jsx("p",{className:"text-muted-foreground mt-4 text-sm font-medium",children:"Loading Focal Point..."})]}):e.jsx(e.Fragment,{children:t.map((o,n)=>e.jsx(ie,{collapsible:!0,type:"single",className:"border-stock border-b",defaultValue:o.name,children:e.jsxs(le,{value:o.name,children:[e.jsx(Q,{className:"group flex w-full items-center justify-between px-4 text-base text-[#F4F7FC]",children:o.name}),e.jsx(ce,{className:"space-y-4 px-4 pt-2",children:o.components.map(r=>e.jsx(to,{component:r,...s},r.componentId))})]})},n))})}function to({component:s,pointMetaList:t,...a}){const o=p.useMemo(()=>t.filter(n=>n.componentId===s.componentId),[t,s.componentId]);return e.jsx(eo,{component:s,componentPointMeta:o,...a})}function ao({focalPoints:s,mapId:t}){const a=T()?.id,[o,n]=p.useState(!1),[r,i]=p.useState([]);return p.useEffect(()=>{async function l(){if(!a||!t)return;const d=(await Promise.all(s.map(m=>ue.query({query:Ie,variables:{orgId:a,mapId:t,frameId:m.frameId??"",focalPointId:m.id},fetchPolicy:"cache-first"})))).flatMap(m=>m.data?.focalPointMeta??[]);i(d)}n(!0),l().catch(()=>{F.error("Failed to fetch point meta list")}).finally(()=>{n(!1)})},[s,a,t]),o?e.jsx(Ve,{label:"Loading point meta list"}):e.jsx(vt,{showFocalPointName:!0,disableCreatePointMeta:!0,pointMetaList:r,createPointMeta:async()=>{throw new Error("Not implemented, Do not need to create point meta here")},deletePointMeta:async l=>{const c=r.find(d=>d.id===l);if(!c)throw new Error("Point meta not found");await ue.mutate({mutation:ut,variables:{orgId:a,mapId:t,frameId:c.frameId??"",focalPointId:c.focalPointId??"",id:l}}),i(d=>d.filter(m=>m.id!==l))},updatePointMeta:async(l,c,d)=>{const m=r.find(x=>x.id===l);if(!m)throw new Error("Point meta not found");const{data:u}=await ue.mutate({mutation:mt,variables:{orgId:a,mapId:t,frameId:m.frameId??"",focalPointId:m.focalPointId??"",id:l,input:{componentId:c,componentModalFields:d.componentModalFields}}});u?.updateFocalPointMeta&&i(x=>x.map(v=>v.id===l?{...v,componentModalFields:d.componentModalFields??[]}:v))}})}function so({frame:s,frameGroup:t,frameGroupPoints:a,updateFrameGroup:o,deleteFrameGroup:n}){const{canWrite:r}=W(),[i,l]=p.useState(!1),[c,d]=p.useState(!1);return e.jsxs("div",{children:[e.jsx(js,{frameGroup:t,updateFrameGroup:o}),e.jsx(ao,{focalPoints:a,mapId:s.mapId??""}),e.jsxs("div",{className:"px-4 pb-2",children:[e.jsxs(w,{size:"lg",variant:"destructive",className:"text-destructive ring-destructive w-full rounded-lg bg-white ring hover:text-white",disabled:i||!r,onClick:async()=>d(!0),children:[e.jsx(V,{loading:i}),"Delete Frame Group"]}),e.jsx(ht,{open:c,onOpenChange:d,onConfirm:async()=>{try{l(!0),await n(),F.success("Frame group deleted successfully")}catch{F.error("Failed to delete frame group. Please try again later.")}finally{l(!1)}}})]})]})}function gn({frame:s,frameGroup:t,frameGroupPoints:a,updateFrameGroup:o,deleteFrameGroup:n}){const r=xt();return e.jsxs(e.Fragment,{children:[e.jsxs("div",{className:"border-stock flex h-14 items-center justify-between border-b px-4 py-3",children:[e.jsx("h2",{className:"text-lg font-semibold text-gray-900",children:"Frame Group Details"}),e.jsx(Y,{onClick:r.clearTarget,className:"size-8"})]}),e.jsx("div",{className:"flex-1 overflow-auto pb-2",children:e.jsx(so,{frame:s,frameGroup:t,frameGroupPoints:a,updateFrameGroup:o,deleteFrameGroup:n})})]})}const oo="!h-14 w-full rounded-[16px] border border-[#2A3242] bg-transparent px-6 text-[#F4F7FC] placeholder:text-[#828DA3] focus:outline-none";function no({focalPoint:s,unselectFocalPoint:t,updateFocalPoint:a,deleteFocalPoint:o}){const{pointMeta:n,createPointMeta:r,updatePointMeta:i,deletePointMeta:l}=pt(),{canWrite:c}=W(),[d,m]=p.useState(!1),[u,x]=p.useState(!1),[v,I]=p.useState(!1),[h,j]=Z(s.name||""),[D,N]=Z(s.color||""),P=h!==s.name||D!==(s.color||""),g=D===""||/^#[0-9a-fA-F]{6}$/.test(D);return e.jsxs("div",{children:[e.jsx(ie,{type:"single",collapsible:!0,className:"border-b",defaultValue:"basics",children:e.jsxs(le,{value:"basics",children:[e.jsx(Q,{className:"group flex w-full items-center justify-between px-4 text-base text-[#F4F7FC]",children:"Basics"}),e.jsxs(ce,{className:"space-y-4 px-4 pt-2",children:[e.jsxs("div",{className:"space-y-2",children:[e.jsx(U,{htmlFor:"name",className:"text-[#F4F7FC]",children:"Name"}),e.jsx(te,{id:"name",value:h,autoCorrect:"off",autoComplete:"off",autoCapitalize:"off",disabled:d,onChange:b=>j(b.target.value),placeholder:"Enter focal point name",className:oo})]}),e.jsxs("div",{className:"space-y-2",children:[e.jsx(U,{className:"text-[#F4F7FC]",children:"Color"}),e.jsx(Bt,{color:D,onColorChange:N})]}),P&&e.jsx("div",{className:"flex justify-start",children:e.jsxs(w,{size:"lg",variant:"outline",className:"h-11 rounded-[0.75rem]",disabled:!c||!g,onClick:async()=>{try{m(!0),await a(s.id,{name:h,color:D})}catch{F.error("Failed to update focal point")}finally{m(!1)}},children:[e.jsx(V,{loading:d}),"Save Changes"]})})]})]})}),e.jsx(vt,{pointMetaList:n,createPointMeta:async(b,A)=>{await r(b,A)},deletePointMeta:async b=>{await l(b)},updatePointMeta:async(b,A,f)=>{await i(b,A,f)}}),e.jsxs("div",{className:"mt-6 px-4 pb-2",children:[e.jsxs(w,{preset:"outline",className:"text-destructive border-destructive/30 hover:bg-destructive w-full rounded-lg hover:text-white",disabled:u||!c,onClick:async()=>I(!0),children:[e.jsx(V,{loading:u}),"Delete Focal Point"]}),e.jsx(ht,{open:v,onOpenChange:I,onConfirm:async()=>{try{x(!0),await o(s.id),F.success("Focal point deleted successfully"),t()}catch{F.error("Failed to delete focal point. Please try again later.")}finally{x(!1)}}})]})]})}function In({focalPoint:s,updateFocalPoint:t,deleteFocalPoint:a}){const o=xt(),{pointMetaLoading:n}=pt();return e.jsxs(e.Fragment,{children:[e.jsxs("div",{className:"border-stock flex h-14 items-center justify-between border-b px-4 py-3",children:[e.jsx("h2",{className:"text-lg font-semibold text-[#F4F7FC]",children:"Focal Point Details"}),e.jsx(Y,{onClick:o.clearTarget,className:"size-8"})]}),e.jsx("div",{className:"flex-1 overflow-auto pb-2",children:n?e.jsx("div",{className:"flex flex-col items-center justify-center py-24",children:e.jsx(He,{})}):e.jsx(e.Fragment,{children:e.jsx(no,{focalPoint:s,unselectFocalPoint:o.clearTarget,updateFocalPoint:t,deleteFocalPoint:a})})})]})}const vn=C(`
-  query FrameGroups($orgId: ID!, $mapId: ID!, $frameId: ID!) {
-    frameGroups(orgId: $orgId, mapId: $mapId, frameId: $frameId) {
-      id
-      frameId
-      orgId
-      name
-      description
-      locationX
-      locationY
-      width
-      height
-      order
-      isActive
-      createdAt
-      updatedAt
-    }
-  }
-`),jn=C(`
-  mutation CreateFrameGroup(
-    $orgId: ID!
-    $mapId: ID!
-    $frameId: ID!
-    $input: CreateFrameGroupInput!
-  ) {
-    createFrameGroup(
-      orgId: $orgId
-      mapId: $mapId
-      frameId: $frameId
-      input: $input
-    ) {
-      id
-    }
-  }
-`),bn=C(`
-  mutation UpdateFrameGroup(
-    $orgId: ID!
-    $mapId: ID!
-    $frameId: ID!
-    $id: ID!
-    $input: UpdateFrameGroupInput!
-  ) {
-    updateFrameGroup(
-      orgId: $orgId
-      mapId: $mapId
-      frameId: $frameId
-      id: $id
-      input: $input
-    ) {
-      id
-    }
-  }
-`),yn=C(`
-  mutation DeleteFrameGroup($orgId: ID!, $mapId: ID!, $frameId: ID!, $id: ID!) {
-    deleteFrameGroup(orgId: $orgId, mapId: $mapId, frameId: $frameId, id: $id)
-  }
-`),Cn=C(`
-  query FrameLinks($orgId: ID!, $mapId: ID!, $frameId: ID!) {
-    frameLinks(orgId: $orgId, mapId: $mapId, frameId: $frameId) {
-      id
-      frameId
-      orgId
-      kind
-      targetFrameId
-      targetMapId
-      label
-      locationX
-      locationY
-      isActive
-      createdAt
-      updatedAt
-    }
-  }
-`),Nn=C(`
-  mutation CreateFrameLink(
-    $orgId: ID!
-    $mapId: ID!
-    $frameId: ID!
-    $input: CreateFrameLinkInput!
-  ) {
-    createFrameLink(
-      orgId: $orgId
-      mapId: $mapId
-      frameId: $frameId
-      input: $input
-    ) {
-      id
-    }
-  }
-`),Dn=C(`
-  mutation UpdateFrameLink(
-    $orgId: ID!
-    $mapId: ID!
-    $frameId: ID!
-    $id: ID!
-    $input: UpdateFrameLinkInput!
-  ) {
-    updateFrameLink(
-      orgId: $orgId
-      mapId: $mapId
-      frameId: $frameId
-      id: $id
-      input: $input
-    ) {
-      id
-    }
-  }
-`),Fn=C(`
-  mutation DeleteFrameLink($orgId: ID!, $mapId: ID!, $frameId: ID!, $id: ID!) {
-    deleteFrameLink(orgId: $orgId, mapId: $mapId, frameId: $frameId, id: $id)
-  }
-`),z=3e3,ee="var(--frame-image-canvas-width, 0)";function me(s){const t=`calc((${s.y} / ${z}) * ${ee})`,a=`calc((${s.x} / ${z}) * ${ee})`;return{top:t,left:a}}function ro(s,t){const a=`calc((${s} / ${z}) * ${ee})`,o=`calc((${t} / ${z}) * ${ee})`;return{width:a,height:o}}function $n(s,t){const a=z/s,o=Math.max(0,t.x*a),n=Math.max(0,t.y*a);return{x:Math.min(z,o),y:n}}function An(s,t,a){const o=z/s,n=Math.max(0,t*o),r=Math.max(0,a*o);return{width:Math.min(z,n),height:r}}function Sn(s,t){return t.x>=s.x&&t.x<=s.x+s.width&&t.y>=s.y&&t.y<=s.y+s.height}function we({...s}){return e.jsxs("svg",{fill:"none",width:"1em",height:"1em",viewBox:"0 0 48 49",xmlns:"http://www.w3.org/2000/svg",...s,children:[e.jsx("foreignObject",{x:"-4",y:"-3.8186",width:"56",height:"56",children:e.jsx("div",{style:{clipPath:"url(#bgblur_0_207_5347_clip_path)",height:"100%",width:"100%"}})}),e.jsx("circle",{"data-figma-bg-blur-radius":"4",cx:"24",cy:"24.1814",r:"24",fillOpacity:"0.1",className:"fill-current"}),e.jsx("circle",{opacity:"0.2",cx:"23.9999",cy:"24.1815",r:"20.9403",className:"fill-current"}),e.jsx("circle",{opacity:"0.5",cx:"23.9997",cy:"24.1816",r:"17.1183",className:"fill-current"}),e.jsx("g",{filter:"url(#filter1_i_207_5347)",children:e.jsx("circle",{cx:"23.9996",cy:"24.182",r:"12.5221",className:"fill-current transition-all group-hover:fill-black"})}),e.jsxs("defs",{children:[e.jsx("clipPath",{id:"bgblur_0_207_5347_clip_path",transform:"translate(4 3.8186)",children:e.jsx("circle",{cx:"24",cy:"24.1814",r:"24"})}),e.jsxs("filter",{id:"filter1_i_207_5347",x:"11.4775",y:"11.6599",width:"25.0444",height:"29.0442",filterUnits:"userSpaceOnUse",colorInterpolationFilters:"sRGB",children:[e.jsx("feFlood",{floodOpacity:"0",result:"BackgroundImageFix"}),e.jsx("feBlend",{mode:"normal",in:"SourceGraphic",in2:"BackgroundImageFix",result:"shape"}),e.jsx("feColorMatrix",{in:"SourceAlpha",type:"matrix",values:"0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0",result:"hardAlpha"}),e.jsx("feOffset",{dy:"4"}),e.jsx("feGaussianBlur",{stdDeviation:"6"}),e.jsx("feComposite",{in2:"hardAlpha",operator:"arithmetic",k2:"-1",k3:"1"}),e.jsx("feColorMatrix",{type:"matrix",values:"0 0 0 0 1 0 0 0 0 1 0 0 0 0 1 0 0 0 0.12 0"}),e.jsx("feBlend",{mode:"normal",in2:"shape",result:"effect1_innerShadow_207_5347"})]})]})]})}function Pn({contentSize:s,focalPoint:t,onClick:a,onPointerDown:o}){return e.jsx("button",{type:"button",onClick:a,onPointerDown:o,style:{...me({x:t.locationX,y:t.locationY}),color:t.color?t.color:void 0},className:M("group absolute block -translate-x-1/2 -translate-y-1/2 rounded-full",!a&&o&&"cursor-grab",!t.color&&"text-primary",s==="sm"&&"text-[1.5rem]",s==="md"&&"text-[3rem]"),children:e.jsx(we,{})})}function wn({contentSize:s,frameGroup:t,isSelected:a,onClick:o,onResizePointerDown:n}){return e.jsxs("div",{className:"absolute",style:{...me({x:t.locationX,y:t.locationY}),...ro(t.width,t.height)},children:[e.jsx("button",{onClick:o,className:M("border-primary/50 block size-full rounded-md bg-transparent transition-colors",a?"bg-primary/25 border-primary/80":"hover:bg-primary/20",s==="sm"&&"border",s==="md"&&"border-2")},t.id),a&&n&&["top-left","top-right","bottom-left","bottom-right"].map(r=>e.jsx("button",{type:"button","aria-label":"Resize group",onPointerDown:()=>n(r),className:M("bg-primary absolute size-3 rounded-sm",r==="top-left"&&"-top-1.5 -left-1.5 cursor-nwse-resize",r==="top-right"&&"-top-1.5 -right-1.5 cursor-nesw-resize",r==="bottom-left"&&"-bottom-1.5 -left-1.5 cursor-nesw-resize",r==="bottom-right"&&"-right-1.5 -bottom-1.5 cursor-nwse-resize")},r))]})}function Mn({frame:s,content:t,onEmptyClick:a,setCanvasSize:o}){const n=p.useRef(null),[r,i]=p.useState(0);return p.useEffect(()=>{const l=n.current;if(!l)return;const c=new ResizeObserver(()=>{i(l.clientWidth)});return i(l.clientWidth),c.observe(l),()=>c.disconnect()},[n]),e.jsxs("div",{ref:n,className:"canvas-container relative isolate w-full",children:[e.jsx(za,{jsx:!0,children:`
-        .canvas-container {
-          --frame-image-canvas-width: ${r}px;
-        }
-      `}),e.jsx("img",{src:s.screenshotImageUrl??void 0,alt:s.name??"Default",className:"!h-auto !w-full rounded-[0.4rem]",onClick:a,onLoad:l=>{if(o){const c=l.currentTarget;o({width:c.naturalWidth,height:c.naturalHeight})}}}),t]})}const io=K({label:O().min(1,"Label is required")});function jt({defaultValues:s={},onSubmit:t}){const a=se({resolver:oe(io),defaultValues:{label:s.label??""}});return e.jsx(L,{title:"Edit Link",description:"Update link details.",footerSubmitLoading:a.formState.isSubmitting,onFooterSubmitClick:a.handleSubmit(t),footerSubmit:"Save Changes",footerCancel:!0,children:e.jsx("form",{onSubmit:a.handleSubmit(t),className:"space-y-6",children:e.jsx(at,{name:"label",control:a.control,render:({field:o})=>e.jsxs("div",{className:"space-y-2",children:[e.jsx(U,{htmlFor:"label",className:"text-sm font-medium text-[#111110]",children:"Label"}),e.jsx(te,{...o,id:"label",placeholder:"Enter link label",className:"h-[56px] rounded-[16px] border border-[#E5E7E9] bg-white px-6",autoComplete:"off"}),a.formState.errors.label&&e.jsx("p",{className:"text-destructive text-sm",children:a.formState.errors.label.message})]})})})})}function kn({contentSize:s,pageLink:t,deletePageLink:a,updatePageLink:o}){const{canWrite:n}=W(),[r,i]=p.useState(!1),[l,c]=p.useState(!1),[d,m]=p.useState(!1);return e.jsxs(e.Fragment,{children:[e.jsxs(Ke,{open:l||d?!0:r,onOpenChange:i,children:[e.jsx(Qe,{asChild:!0,children:e.jsxs("a",{target:"_blank",rel:"noreferrer",href:`/dashboard/frame/${t.targetFrameId}`,style:me({x:t.locationX,y:t.locationY}),className:M("group text-primary absolute block -translate-x-1/2 -translate-y-1/2 rounded-full",s==="sm"&&"text-[1.5rem]",s==="md"&&"text-[3rem]"),children:[e.jsx(we,{}),e.jsx("div",{className:"absolute inset-0 flex items-center justify-center",children:e.jsx(ae,{className:"size-[0.25em] text-white transition-all group-hover:text-white"})})]})}),e.jsx(Xe,{className:"text-foreground bg-white shadow-lg [&>span>svg]:hidden!",children:e.jsxs("div",{className:"flex items-center gap-3",children:[e.jsx("p",{className:"text-lg font-medium",children:t.label??"N/A"}),e.jsxs("div",{className:"flex items-center gap-1",children:[e.jsx(w,{preset:"outline",className:"size-8",disabled:!n,onClick:()=>c(!0),children:e.jsx(lt,{})}),e.jsx(w,{preset:"destructive",className:"size-8",disabled:!n,onClick:()=>m(!0),children:e.jsx(it,{})})]})]})})]}),e.jsx(ot,{open:d,onOpenChange:m,onConfirm:async()=>{await a(),F.success("Link deleted")},title:"Delete linked page?",description:"Deleting this link removes it from the canvas. This action cannot be undone."}),e.jsx(q,{open:l,onOpenChange:c,children:e.jsx(jt,{defaultValues:{label:t.label??""},onSubmit:async({label:u})=>{try{await o({label:u}),F.success("Label updated"),c(!1)}catch{F.error("Failed to update label")}}})})]})}function En({contentSize:s,projectLink:t,deleteProjectLink:a,updateProjectLink:o}){const{canWrite:n}=W(),[r,i]=p.useState(!1),[l,c]=p.useState(!1),[d,m]=p.useState(!1);return e.jsxs(e.Fragment,{children:[e.jsxs(Ke,{open:l||d?!0:r,onOpenChange:i,children:[e.jsx(Qe,{asChild:!0,children:e.jsxs("a",{target:"_blank",rel:"noreferrer",href:`/dashboard/maps/${t.targetMapId}`,style:me({x:t.locationX,y:t.locationY}),className:M("group text-primary absolute block -translate-x-1/2 -translate-y-1/2 rounded-full",s==="sm"&&"text-[1.5rem]",s==="md"&&"text-[3rem]"),children:[e.jsx(we,{}),e.jsx("div",{className:"absolute inset-0 flex items-center justify-center",children:e.jsx(ae,{className:"size-[0.25em] text-white transition-all group-hover:text-white"})})]})}),e.jsx(Xe,{className:"text-foreground bg-white shadow-lg [&>span>svg]:hidden!",children:e.jsxs("div",{className:"flex items-center gap-3",children:[e.jsx("p",{className:"text-lg font-medium",children:t.label??"N/A"}),e.jsxs("div",{className:"flex items-center gap-1",children:[e.jsx(w,{preset:"outline",className:"size-8",disabled:!n,onClick:()=>c(!0),children:e.jsx(lt,{})}),e.jsx(w,{preset:"destructive",className:"size-8",disabled:!n,onClick:()=>m(!0),children:e.jsx(it,{})})]})]})})]}),e.jsx(ot,{open:d,onOpenChange:m,onConfirm:async()=>{await a(),F.success("Link deleted")},title:"Delete linked project?",description:"Deleting this link removes it from the canvas. This action cannot be undone."}),e.jsx(q,{open:l,onOpenChange:c,children:e.jsx(jt,{defaultValues:{label:t.label??""},onSubmit:async({label:u})=>{try{await o({label:u}),F.success("Label updated"),c(!1)}catch{F.error("Failed to update label")}}})})]})}export{Wa as A,an as B,on as C,rn as D,hn as E,Rs as F,gn as G,fn as H,Mn as I,xn as J,kn as L,pn as M,nn as U,Ts as a,vn as b,Cn as c,jn as d,bn as e,yn as f,Nn as g,Dn as h,Fn as i,Sn as j,$n as k,An as l,me as m,ro as n,un as o,ln as p,wn as q,En as r,Pn as s,tn as t,xt as u,In as v,cn as w,mn as x,dn as y,Fe as z};