https://mailfloss.com/_next/static/chunks/4954.12e1028f8b826442.js

1"use strict";(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[4954],{44954:(e,l,a)=>{a.r(l),a.d(l,{RelationshipComponent:()=>_});var s=a(59061),t=a(45817),o=a(95155),n=a(36997),i=a(36629),c=a(18863),r=a(11022),u=a(89286),d=a(73299),p=a(53310),h=a(52735),m=a(12115),b={depth:0},_=e=>{let{className:l,data:{relationTo:a,value:_},nodeKey:g}=e;if("object"==typeof _)throw Error("Relationship value should be a string or number. The Lexical Relationship component should not receive the populated value object.");let v=(0,m.useRef)(null),[f]=(0,n.DF)(),j=(0,i.a)(),{config:{routes:{api:w},serverURL:x},getEntityConfig:N}=(0,r.c)(),[R]=(0,m.useState)(()=>N({collectionSlug:a})),{i18n:$,t:C}=(0,u.d)(),[k,D]=(0,m.useReducer)(e=>e+1,0),[{data:y},{setParams:S}]=(0,d.usePayloadAPI)((0,h.Q)({apiRoute:w,path:`/${R.slug}/${_}`,serverURL:x}),{initialParams:b}),{closeDocumentDrawer:B,DocumentDrawer:E,DocumentDrawerToggler:P}=(0,t.a)({id:_,collectionSlug:R.slug}),T=(0,m.useCallback)(()=>{f.update(()=>{(0,p.nsf)(g)?.remove()})},[f,g]),L=m.useCallback(()=>{S({...b,cacheBust:k}),B(),D()},[k,S,B]);return(0,o.jsxs)("div",{className:`${l}__contents`,contentEditable:!1,ref:v,children:[(0,o.jsxs)("div",{className:`${l}__wrap`,children:[(0,o.jsx)("p",{className:`${l}__label`,children:C("fields:labelRelationship",{label:R.labels?.singular?(0,c.s)(R.labels?.singular,$):R.slug})}),(0,o.jsx)(P,{className:`${l}__doc-drawer-toggler`,children:(0,o.jsx)("p",{className:`${l}__title`,children:y?y[R?.admin?.useAsTitle||"id"]:_})})]}),j&&(0,o.jsxs)("div",{className:`${l}__actions`,children:[(0,o.jsx)(d.Button,{buttonStyle:"icon-label",className:`${l}__swapButton`,disabled:!j,el:"button",icon:"swap",onClick:()=>{g&&f.dispatchCommand(s.a,{replace:{nodeKey:g}})},round:!0,tooltip:C("fields:swapRelationship")}),(0,o.jsx)(d.Button,{buttonStyle:"icon-label",className:`${l}__removeButton`,disabled:!j,icon:"x",onClick:e=>{e.preventDefault(),T()},round:!0,tooltip:C("fields:removeRelationship")})]}),!!_&&(0,o.jsx)(E,{onSave:L})]})}}}]);