https://web.flowzone.eu/assets/LibrarySelector-DWB4LDLr.js

1(function(){try{var e=typeof window<`u`?window:typeof global<`u`?global:typeof globalThis<`u`?globalThis:typeof self<`u`?self:{};e.SENTRY_RELEASE={id:`flowzone-web@dac2caa`},e._sentryModuleMetadata=e._sentryModuleMetadata||{},e._sentryModuleMetadata[new e.Error().stack]=function(e){for(var t=1;t<arguments.length;t++){var n=arguments[t];if(n!=null)for(var r in n)n.hasOwnProperty(r)&&(e[r]=n[r])}return e}({},e._sentryModuleMetadata[new e.Error().stack],{"_sentryBundlerPluginAppKey:flowzone-web":!0});var t=new e.Error().stack;t&&(e._sentryDebugIds=e._sentryDebugIds||{},e._sentryDebugIds[t]=`8f6a8c4d-4ac7-4c2d-89f4-2d69efc245b6`,e._sentryDebugIdIdentifier=`sentry-dbid-8f6a8c4d-4ac7-4c2d-89f4-2d69efc245b6`)}catch{}})();import{a as e}from"./rolldown-runtime-Jpqw1j3a.js";import{t}from"./react-DzP9V7Ha.js";import{$ as n,dt as r,r as i,v as a}from"./Layout-adaYI4a-.js";import{n as o,t as s}from"./jsx-runtime-BZ3_O7gq.js";import{f as c,o as l,s as u}from"./lib-DQZ396cW.js";import{i as d,o as f}from"./useRefValue-Bt_INuua.js";import{P as p,S as m,a as h,ct as g,h as ee,m as _,o as v,r as y,s as b,st as x}from"./styled-components.browser.esm-CcX3Rcg0.js";import{a as S}from"./ActionButton-BTnhME2q.js";import{t as C}from"./Select-DsGcwwyn.js";import{f as te,l as ne,p as re,u as ie}from"./MediaPreview-Cx9e0mos.js";import{a as w}from"./InfoMessage-DmWjW7vX.js";import{c as T}from"./queries-CQfjJOv8.js";var E=o(),D=`mediaLibrary`,O=c`
2  query ${D}($libraryIds: [String!], $orderBy: LibraryOrderBy, $filters: MediaTemplateFilter) {
3    mediaTemplates(
4      libraryIds: $libraryIds
5      orderBy: $orderBy
6      filters: $filters
7    ) {
8      ...Attachment
9      categories {
10        ...LibraryCategory
11      }
12      createdAt
13      libraryId
14    }
15  }
16
17  ${f}
18  ${S}
19`,k=e=>{let t=(0,E.c)(12),{skip:n,libraryIds:r,orderBy:i,categoryIds:a,searchQuery:o}=e,s;t[0]===r?s=t[1]:(s=r||[],t[0]=r,t[1]=s);let c;t[2]!==a||t[3]!==o?(c={categoryIds:a,searchQuery:o},t[2]=a,t[3]=o,t[4]=c):c=t[4];let u;t[5]!==i||t[6]!==s||t[7]!==c?(u={libraryIds:s,orderBy:i,filters:c},t[5]=i,t[6]=s,t[7]=c,t[8]=u):u=t[8];let d;return t[9]!==n||t[10]!==u?(d={variables:u,skip:n,fetchPolicy:`cache-and-network`,notifyOnNetworkStatusChange:!0,nextFetchPolicy:`cache-first`},t[9]=n,t[10]=u,t[11]=d):d=t[11],l(O,d)},A=c`
20  mutation updateMediaLibraryItems($input: [UpdateMediaLibraryItemInput!]!) {
21    updateMediaLibraryItems(input: $input) {
22      ...Attachment
23    }
24  }
25
26  ${f}
27`,ae=()=>u(A),j=c`
28  mutation createMediaLibraryItem($input: CreateMediaLibraryItemInput!) {
29    createMediaLibraryItem(input: $input) {
30      ...Attachment
31    }
32  }
33
34  ${f}
35`,oe=()=>u(j),se=c`
36  mutation deleteMediaTemplate($ids: [ID!]!) {
37    deleteMediaTemplates(ids: $ids)
38  }
39`,M=()=>u(se),N=c`
40  mutation categoriseMediaTemplates($input: CategoriseLibraryItemsInput) {
41    categoriseMediaTemplates(input: $input) {
42      id
43      categoryIds
44    }
45  }
46`,P=()=>u(N),F=c`
47  mutation copyMediaTemplateToLibrary($input: CopyMediaTemplateToLibraryInput!) {
48    copyMediaTemplateToLibrary(input: $input) {
49      id
50    }
51  }
52`,I=()=>u(F),L=e(t(),1),R=8*1024*1024,ce=()=>{let[e,t]=(0,L.useState)(0),[n,r]=(0,L.useState)(!1),[i,a]=(0,L.use

52State)(!1),o=(0,L.useRef)(null);(0,L.useEffect)(()=>()=>{o.current?.abort()},[]);let s=(0,L.useCallback)(async(e,n,i,s)=>new Promise((c,l)=>{let u=new FormData;u.append(`file`,e),u.append(`mimeType`,s.mimeType),u.append(`filename`,s.filename);let d=new XMLHttpRequest;o.current=d,d.upload.onprogress=e=>{if(e.lengthComputable){let n=e.loaded/e.total,r=s.chunkIndex-1;t((r+n)/s.totalChunks)}},d.upload.onload=()=>{s.chunkIndex===s.totalChunks&&a(!0),!(s.chunkIndex>=s.totalChunks-1)&&(o.current=null,c(``))},d.onload=()=>{if(o.current=null,a(!1),d.status>=200&&d.status<300)try{c(JSON.parse(d.responseText).downloadUrl)}catch{l(Error(`Could not parse responseText`))}else l(Error(`Received status code `+d.status))},d.onerror=()=>{o.current=null,a(!1),r(!1),t(0),l(Error(`Upload failed`))},d.onabort=()=>{o.current=null,a(!1),r(!1),t(0),l(Error(`Upload aborted`))};let f=`${n}/?${new URLSearchParams({uploadId:s.uploadId,chunkIndex:String(s.chunkIndex),totalChunks:String(s.totalChunks)}).toString()}`;d.open(`POST`,f,!0),Object.entries(i).forEach(([e,t])=>{e!==`Content-Type`&&d.setRequestHeader(e,t)}),d.send(u)}),[]);return{uploadFileWithProgress:(0,L.useCallback)(async(e,n)=>{r(!0),t(0);try{let t=await w(),i=crypto.randomUUID(),a=Math.ceil(e.size/R);for(let o=1;o<=a;o++){let c=(o-1)*R,l=Math.min(o*R,e.size),u=e.slice(c,l),d={chunkIndex:o,totalChunks:a,mimeType:e.type,filename:e.name,uploadId:i},f=await s(u,n,t,d);if(o===a)return r(!1),f}throw Error(`Upload failed`)}catch(e){throw o.current=null,a(!1),r(!1),t(0),e}},[s]),cancelUpload:()=>{o.current?.abort()},progress:e,uploading:n,scanning:i}};function le(e){if(!e.type)throw Error(`Unsupported file type`);if(e.type.startsWith(`image`))return`image`;if(e.type.startsWith(`video`))return`video`;if(e.type===`application/pdf`||e.type===`pdf`)return`pdf`;if(e.type.startsWith(`audio/`))return`audio`;throw Error(`Unsupported file type: ${e.type}`)}var z=s(),B=y.button`
53  border: ${e=>e.$withErrorMessage?`1px solid ${_}`:`1px solid ${b}`};
54  border-radius: 8px;
55  padding: 5px;
56  font-weight: 500;
57  font-size: 15px;
58  color: ${e=>e.$withErrorMessage?_:b};
59  background-color: transparent;
60  min-width: 150px;
61  cursor: pointer;
62`,ue=e=>{let t=(0,E.c)(14),{icon:n,title:a,onClick:o,style:s,withErrorMessage:c}=e,l=c?_:b,u;t[0]!==n||t[1]!==l?(u=(0,z.jsx)(r,{type:n,color:l}),t[0]=n,t[1]=l,t[2]=u):u=t[2];let d;t[3]===Symbol.for(`react.memo_cache_sentinel`)?(d={marginTop:5},t[3]=d):d=t[3];let f;t[4]===a?f=t[5]:(f=(0,z.jsx)(`div`,{style:d,children:a}),t[4]=a,t[5]=f);let p;t[6]!==u||t[7]!==f?(p=(0,z.jsxs)(i,{column:!0,vertical:`center`,horizontal:`center`,children:[u,f]}),t[6]=u,t[7]=f,t[8]=p):p=t[8];let m;return t[9]!==o||t[10]!==s||t[11]!==p||t[12]!==c?(m=(0,z.jsx)(B,{style:s,$withErrorMessage:c,onClick:o,children:p}),t[9]=o,t[10]=s,t[11]=p,t[12]=c,t[13]=m):m=t[13],m},V=y(i)`
63  position: absolute;
64  inset: 0px;
65  background-color: ${e=>e.type===`uploading`?m:e.type===`error`?ee:e.type===`warning`?g:v};
66  color: ${e=>e.type===`error`?_:e.type===`warning`?x:p};
67`,de=y.input`
68  display: none;
69  visibility: hidden;
70  height: 0;
71`,fe=te(re.userData),H=10,U=e=>{let t=(0,E.c)(71),{onAttachments:r,onIsUploading:o,openMediaLibrary:s,multi:c,accept:l}=e,u;t[0]===l?u=t[1]:(u=l===void 0?[`image/*`,`video/*`,`application/pdf`,`audio/*`]:l,t[0]=l,t[1]=u);let f=u,p=n(),{toast:g}=d(),ee=L.useRef(null),{uploadFileWithProgress:_,uploading:v,scanning:y,progress:x,cancelUpload:S}=ce(),[C,te]=oe(),{loading:re}=te,w;t[2]===Symbol.for(`react.memo_cache_sentinel`)?(w={uploaded:0,total:0},t[2]=w):w=t[2];let[T,D]=(0,L.useState)(w),O;t[3]!==C||t[4]!==c||t[5]!==r||t[6]!==o||t[7]!==p||t[8]!==g||t[9]!==_?(O=async(e,t)=>{if(!e)return;if(!c&&e.length+t.length>1){g(`error`,p(`Max one file at a time`));return}else if(c&&e.length+t.length>H){g(`error`,p(`Max {{numberOfFiles}} files at a time`,{numberOfFiles:H}));return}else if(t.length>0){g(`error`,p(`File type not allowed`));return}else if(Array.from(e).some(pe)){g(`error`,p(`Max file size is {{maxFileSize}}MB`,{maxFileSize:fe.maxFileSize}));return}else if(Array.from(e).some(me)){g(`error`,p(`File type not allowed`));return}D({uploaded:0,total:e.length}),o(!0);let n=[],i=[];for(let t of Array.from(e)){D(he);try{let e=await _(t,`/api/upload/userChunked`),r=await C({variables:{input:{url:e,type:le(t),title:t.name}}});r.data?.createMediaLibraryItem&&n.push(r.data.createMediaLibraryItem)}catch{i.push(t),g(`error`,p(`Something went wrong. Please try again.`))}}r(n,i),o(!1)},t[3]=C,t[4]=c,t[5]=r,t[6]=o,t[7]=p,t[8]=g,t[9]=_,t[10]=O):O=t[10];let k=O,A;t[11]===k?A=t[12]:(A=(e,t)=>{k(e,t)},t[11]=k,t[12]=A);let ae=A,j;t[13]!==f||t[14]!==c||t[15]!==ae?(j={onDrop:ae,noClick:!0,onDragEnter:ge,onDragLeave:_e,onDragOver:ve,multiple:c,accept:f},t[13]=f,t[14]=c,t[15]=ae,t[16]=j):j=t[16];let{getRootProps:se,getInputProps:M,draggedFiles:N}=ie(j),P;t[17]===se?P=t[18]:(P=se(),t[17]=se,t[18]=P);let F;t[19]===Symbol.for(`react.memo_cache_sentinel`)?(F={minHeight:120,backgroundColor:h,border:`2px dashed ${b}`,borderRadius:8,color:m,position:`relative`,overflow:`hidden`,padding:8},t[19]=F):F=t[19];let I;t[20]!==N.length||t[21]!==c||t[22]!==p?(I=(N.length===1||c&&N.length>1)&&(0,z.jsx)(V,{horizontal:`center`,vertical:`center`,type:`info`,children:p(`Drop to upload`)}),t[20]=N.length,t[21]=c,t[22]=p,t[23]=I):I=t[23];let R;t[24]!==N.length||t[25]!==c||t[26]!==p?(R=!c&&N.length>1&&(0,z.jsx)(V,{horizontal:`center`,vertical:`center`,type:`error`,children:p(`Max one file at a time`)}),t[24]=N.length,t[25]=c,t[26]=p,t[27]=R):R=t[27];let B;t[28]!==N.length||t[29]!==c||t[30]!==p?(B=c&&N.length>H&&(0,z.jsx)(V,{horizontal:`center`,vertical:`center`,type:`error`,children:p(`Max {{numberOfFiles}} files at a time`,{numberOfFiles:H})}),t[28]=N.length,t[29]=c,t[30]=p,t[31]=B):B=t[31];let U;t[32]!==s||t[33]!==p?(U=s&&(0,z.jsxs)(z.Fragment,{children:[(0,z.jsx)(ue,{icon:`square-square-plus`,title:p(`Choose from library`),onClick:s}),p(`or`)]}),t[32]=s,t[33]=p,t[34]=U):U=t[34];let W;t[35]===p?W=t[36]:(W=p(`Upload`),t[35]=p,t[36]=W);let G;t[37]===Symbol.for(`react.memo_cache_sentinel`)?(G=()=>{ee.current?.click()},t[37]=G):G=t[37];let K;t[38]===W?K=t[39]:(K=(0,z.jsx)(ue,{icon:`cloud-upload`,title:W,onClick:G}),t[38]=W,t[39]=K);let q;t[40]===M?q=t[41]:(q=M(),t[40]=M,t[41]=q);let J;

71t[42]===f?J=t[43]:(J=f.join(`, `),t[42]=f,t[43]=J);let Y;t[44]===k?Y=t[45]:(Y=e=>k(e.target.files,[]),t[44]=k,t[45]=Y);let X;t[46]!==q||t[47]!==J||t[48]!==Y?(X=(0,z.jsx)(de,{...q,id:`file`,name:`file`,type:`file`,accept:J,onChange:Y,ref:ee}),t[46]=q,t[47]=J,t[48]=Y,t[49]=X):X=t[49];let Z;t[50]!==S||t[51]!==re||t[52]!==x||t[53]!==y||t[54]!==p||t[55]!==T||t[56]!==v?(Z=(v||re)&&(0,z.jsxs)(V,{horizontal:`center`,vertical:`center`,column:!0,type:`uploading`,children:[(0,z.jsx)(ne,{}),(0,z.jsxs)(i,{column:!0,horizontal:`center`,children:[(0,z.jsx)(a,{color:`white`,style:{marginBottom:4},children:y?p(`Scanning for viruses…`):p(`Uploading {{filesUploaded}}/{{totalFiles}} - {{uploadProgress}}%`,{filesUploaded:T.uploaded,totalFiles:T.total,uploadProgress:Math.floor(x*100)})}),(0,z.jsx)(`button`,{onClick:S,style:{marginLeft:8},children:p(`Cancel`)})]})]}),t[50]=S,t[51]=re,t[52]=x,t[53]=y,t[54]=p,t[55]=T,t[56]=v,t[57]=Z):Z=t[57];let Q;t[58]!==U||t[59]!==K||t[60]!==X||t[61]!==Z?(Q=(0,z.jsxs)(i,{horizontal:`space-evenly`,vertical:`center`,children:[U,K,X,Z]}),t[58]=U,t[59]=K,t[60]=X,t[61]=Z,t[62]=Q):Q=t[62];let $;t[63]!==I||t[64]!==R||t[65]!==B||t[66]!==Q?($=(0,z.jsxs)(i,{column:!0,vertical:`center`,style:F,children:[I,R,B,Q]}),t[63]=I,t[64]=R,t[65]=B,t[66]=Q,t[67]=$):$=t[67];let ye;return t[68]!==$||t[69]!==P?(ye=(0,z.jsx)(i,{column:!0,...P,children:$}),t[68]=$,t[69]=P,t[70]=ye):ye=t[70],ye};function pe(e){return!fe.isWithinSizeLimit(e)}function me(e){return!fe.isAllowedType(e)}function he(e){return{...e,uploaded:e.uploaded+1}}function ge(){}function _e(){}function ve(){}var W=e=>{let t=(0,E.c)(14),{selectId:r,error:i,value:a,onValue:o,disabled:s,portal:c}=e,{libraries:l}=T(),u=n(),d;t[0]!==l||t[1]!==u?(d=l.map(e=>{let t=e.viewerPermission.scope===`read`;return{label:e.title+(t?` `+u(`(lacking write access)`):``),value:e.id,disabled:t}})??[],t[0]=l,t[1]=u,t[2]=d):d=t[2];let f=d,p;t[3]===o?p=t[4]:(p=e=>{e!==void 0&&o(e)},t[3]=o,t[4]=p);let m=u(`Choose library`),h;return t[5]!==s||t[6]!==i||t[7]!==f||t[8]!==c||t[9]!==r||t[10]!==p||t[11]!==m||t[12]!==a?(h=(0,z.jsx)(C,{selectId:r,value:a,disabled:s,onChange:p,options:f,placeholder:m,errorMessage:i,portal:c}),t[5]=s,t[6]=i,t[7]=f,t[8]=c,t[9]=r,t[10]=p,t[11]=m,t[12]=a,t[13]=h):h=t[13],h};export{P as a,k as c,D as i,ae as l,U as n,I as o,ue as r,M as s,W as t};
72//# sourceMappingURL=LibrarySelector-DWB4LDLr.js.map