https://the-method-frontend-cms.vercel.app/_next/static/chunks/8811.72419dd7a5c7d9d7.js

1"use strict";(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[8811],{98811:(e,l,a)=>{a.r(l),a.d(l,{UploadComponent:()=>f});var t=a(92100),o=a(1850),s=a(17073),n=a(41889),c=a(10751),i=a(53973),d=a(32773),r=a(36089),u=a(65026),p=a(21510),h=a(82235),m=a(78253),b=a(49559),g="lexical-upload",v={depth:0},_=e=>{var l,a,_,f;let{data:{fields:x,relationTo:w,value:j},nodeKey:D}=e;if("object"==typeof j)throw Error("Upload value should be a string or number. The Lexical Upload component should not receive the populated value object.");let{config:{routes:{api:N},serverURL:C},getEntityConfig:S}=(0,r.b)(),y=(0,b.useRef)(null),{uuid:k}=(0,n.b)(),P=(0,u.useEditDepth)(),[R]=(0,i.DF)(),{editorConfig:E,fieldProps:{readOnly:U,schemaPath:T}}=(0,n.b)(),{i18n:B,t:L}=(0,p.d)(),[F,K]=(0,b.useReducer)(e=>e+1,0),[I]=(0,b.useState)(()=>S({collectionSlug:w})),z=(0,b.useId)(),A=(0,u.formatDrawerSlug)({slug:"lexical-upload-drawer-"+k+z,depth:P}),{toggleDrawer:M}=(0,o.a)(A,!0),{closeDocumentDrawer:O,DocumentDrawer:q,DocumentDrawerToggler:G}=(0,s.a)({id:j,collectionSlug:I.slug}),[{data:H},{setParams:J}]=(0,u.usePayloadAPI)("".concat(C).concat(N,"/").concat(I.slug,"/").concat(j),{initialParams:v}),Q=(null==H?void 0:H.thumbnailURL)||(null==H?void 0:H.url),V=(0,b.useCallback)(()=>{R.update(()=>{var e;null==(e=(0,h.nsf)(D))||e.remove()})},[R,D]),W=(0,b.useCallback)(e=>{J({...v,cacheBust:F}),K(),O()},[J,F,O]),X=null==E||null==(f=E.resolvedFeatureMap)||null==(_=f.get("upload"))||null==(a=_.sanitizedClientFeatureProps.collections)||null==(l=a[I.slug])?void 0:l.hasExtraFields,Y=(0,b.useCallback)((e,l)=>{R.update(()=>{let e=(0,h.nsf)(D);if(e){let a={...e.getData(),fields:l};e.setData(a)}})},[R,D]);

1return(0,c.jsxs)("div",{className:g,contentEditable:!1,ref:y,children:[(0,c.jsxs)("div",{className:"".concat(g,"__card"),children:[(0,c.jsxs)("div",{className:"".concat(g,"__topRow"),children:[(0,c.jsx)("div",{className:"".concat(g,"__thumbnail"),children:(0,c.jsx)(u.Thumbnail,{collectionSlug:w,fileSrc:(0,m.w)(null==H?void 0:H.mimeType)?Q:null})}),(0,c.jsxs)("div",{className:"".concat(g,"__topRowRightPanel"),children:[(0,c.jsx)("div",{className:"".concat(g,"__collectionLabel"),children:(0,d.s)(I.labels.singular,B)}),R.isEditable()&&(0,c.jsxs)("div",{className:"".concat(g,"__actions"),children:[X?(0,c.jsx)(u.Button,{buttonStyle:"icon-label",className:"".concat(g,"__upload-drawer-toggler"),disabled:U,el:"button",icon:"edit",onClick:()=>{M()},round:!0,tooltip:L("fields:editRelationship")}):null,(0,c.jsx)(u.Button,{buttonStyle:"icon-label",className:"".concat(g,"__swap-drawer-toggler"),disabled:U,el:"button",icon:"swap",onClick:()=>{R.dispatchCommand(t.c,{replace:{nodeKey:D}})},round:!0,tooltip:L("fields:swapUpload")}),(0,c.jsx)(u.Button,{buttonStyle:"icon-label",className:"".concat(g,"__removeButton"),disabled:U,icon:"x",onClick:e=>{e.preventDefault(),V()},round:!0,tooltip:L("fields:removeUpload")})]})]})]}),(0,c.jsx)("div",{className:"".concat(g,"__bottomRow"),children:(0,c.jsx)(G,{className:"".concat(g,"__doc-drawer-toggler"),children:(0,c.jsx)("strong",{children:null==H?void 0:H.filename})})})]}),j?(0,c.jsx)(q,{onSave:W}):null,X?(0,c.jsx)(t.a,{data:x,drawerSlug:A,drawerTitle:L("general:editLabel",{label:(0,d.s)(I.labels.singular,B)}),featureKey:"upload",handleDrawerSubmit:Y,schemaPath:T,schemaPathSuffix:I.slug}):null]})},f=e=>(0,c.jsx)(t.b,{...e,uploads:!0,children:(0,c.jsx)(_,{...e})})}}]);