openstack-uicore-foundation/lib/components/mui/upload-dialog.js

ui reactjs components for openstack marketing site

!function(e,t){"object"==typeof exports&&"object"==typeof module?module.exports=t():"function"==typeof define&&define.amd?define("openstack-uicore-foundation",[],t):"object"==typeof exports?exports["openstack-uicore-foundation"]=t():e["openstack-uicore-foundation"]=t()}(this,(()=>(()=>{"use strict";var e={8418:(e,t,o)=>{o.d(t,{j:()=>f});var r=o(2015),n=o.n(r);const s=require("extend");var i=o.n(s);require("dropzone/dist/dropzone.css");const a=e=>n().createElement("div",{"data-filetype":e.filetype,className:"filepicker-file-icon"});var l=o(9825),c=o.n(l),p=o(2183),d=o(3195),u=o(8853);let m=null;class f extends n().Component{constructor(e){super(e),this.dropzoneRef=n().createRef(),this.state={files:[]},this.onUploadComplete=this.onUploadComplete.bind(this),this.onError=this.onError.bind(this)}onError(e,t){this.props.onError&&this.props.onError(e,t,this.props.id)}onUploadComplete(e){this.props.onUploadComplete&&this.props.onUploadComplete(e,this.props.id,this.props.data)}getDjsConfig(){let e=null;const t={url:this.props.config.postUrl?this.props.config.postUrl:null};if(null===t.url)throw new Error("missing postUrl");return e=this.props.djsConfig?i()(!0,{},t,this.props.djsConfig):t,e.accept=async(t,o)=>{try{t.accessToken=await(0,p.getAccessToken)(),t.md5=await(0,u.Zq)(t),t.fileSize=t.size}catch(e){return console.log(e),this.onError(e),e.message&&e.message.startsWith(d.AUTH_ERROR_REFRESH_TOKEN_NETWORK_ERROR)||(0,p.initLogOut)(),void o(e.message||"Auth error")}e.maxFiles&&e.maxFiles<this.state.files.length+this.props.uploadCount&&o("Max files reached."),o()},e}componentDidMount(){if(!this.dropzoneRef.current)return;const e=this.getDjsConfig();m=m||o(4999),m.autoDiscover=!1,this.props.config.postUrl||this.props.eventHandlers.drop||console.info('Neither postUrl nor a "drop" eventHandler specified, the React-Dropzone component might misbehave.');const t=this.dropzoneRef.current;if(!t)throw new Error("Dropzone node not found");this.dropzone=new m(t,e),this.setupEvents()}componentWillUnmount(){if(this.dropzone){if(this.dropzone.getActiveFiles().length>0){this.queueDestroy=!0;const e=window.setInterval((()=>!1===this.queueDestroy?window.clearInterval(e):0===this.dropzone.getActiveFiles().length?(this.dropzone=this.destroy(this.dropzone),window.clearInterval(e)):void 0),500)}else this.dropzone=this.destroy(this.dropzone)}}componentDidUpdate(){const{config:e,djsConfig:t}=this.props,o=t||{},r=e&&e.postUrl?{url:e.postUrl}:{};if(this.queueDestroy=!1,!this.dropzone){const e=this.dropzoneRef.current;if(!e)throw new Error("Dropzone node not found");this.dropzone=new m(e,this.getDjsConfig()),this.setupEvents()}this.dropzone.options=i()(!0,{},this.dropzone.options,o,r)}render(){const e=[],{files:t}=this.state,{config:o}=this.props,r=this.props.className?"filepicker dropzone "+this.props.className:"filepicker dropzone";if(o.showFiletypeIcon&&o.iconFiletypes&&(!t||t.length<1))for(var s=0;s<this.props.config.iconFiletypes.length;s+=1)e.push(n().createElement(a,{filetype:o.iconFiletypes[s],key:"icon-component"+s}));return!this.props.config.postUrl&&this.props.action?n().createElement("form",{ref:this.dropzoneRef,action:this.props.action,className:r},e,this.props.children):n().createElement("div",{ref:this.dropzoneRef,id:this.props.id,className:r}," ",e," ",this.props.children," ")}setupEvents(){const e=this.props.eventHandlers;if(this.dropzone&&e){for(var t in e)if(e.hasOwnProperty(t)&&e[t])if("[object Array]"===Object.prototype.toString.call(e[t]))for(var o=0;o<e[t].length;o+=1)"init"===t?e[t][o](this.dropzone):this.dropzone.on(t,e[t][o]);else"init"===t?e[t](this.dropzone):this.dropzone.on(t,e[t]);this.dropzone.on("addedfile",(async e=>{if(!e)return;const t=this.state.files||[];t.push(e),this.setState({files:t})})),this.dropzone.on("removedfile",(e=>{if(!e)return;const t=this.state.files||[];t.forEach(((o,r)=>{o.name===e.name&&o.size===e.size&&t.splice(r,1)})),this.setState({files:t})})),this.dropzone.on("uploadprogress",((e,t,o)=>{if(t=o/e.size*100,e.previewElement){let o=e.previewElement.querySelectorAll("[data-dz-uploadprogress]");o.length>0&&(o=o[0]),o&&(o.style.width=t+"%")}})),this.dropzone.on("sending",((e,t,o)=>{null!=e&&e.accessToken&&t.setRequestHeader("Authorization",`Bearer ${e.accessToken}`),null!=e&&e.md5&&o.append("md5",e.md5),o.append("size",String((null==e?void 0:e.size)||0)),console.log(`DropzoneJS::sending md5 ${null==e?void 0:e.md5} size ${null==e?void 0:e.size}`);let r=this,n=t.onload;t.onload=function(e){if(n(e),200==(null==t?void 0:t.status)){let e=JSON.parse(t.responseText);"string"==typeof e.name&&r.onUploadComplete(e)}else r.onError(JSON.parse(null==t?void 0:t.responseText),null==t?void 0:t.status)}})),this.dropzone.on("error",((e,t)=>{console.log("DropzoneJS::error",t),this.onError(t)}))}}destroy(e){return e.off(),e.destroy()}}f.defaultProps={djsConfig:{},config:{},eventHandlers:{},data:{}},f.propTypes={id:c().string.isRequired}},3432:(e,t,o)=>{o.d(t,{default:()=>_});var r=o(1116),n=o.n(r),s=o(2015),i=o.n(s),a=o(8619),l=o(5814),c=o(6031),p=o.n(c),d=o(2462),u=o.n(d),m=o(8418);const f=["onAddedFile","onUploadProgress","onFileRemoved","onFileCompleted","onFileError","onDropzoneReady","eventHandlers","children"];function h(e,t){var o=Object.keys(e);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(e);t&&(r=r.filter((function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable}))),o.push.apply(o,r)}return o}function E(e){for(var t=1;t<arguments.length;t++){var o=null!=arguments[t]?arguments[t]:{};t%2?h(Object(o),!0).forEach((function(t){n()(e,t,o[t])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(o)):h(Object(o)).forEach((function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(o,t))}))}return e}const g=e=>{let{onAddedFile:t,onUploadProgress:o,onFileRemoved:r,onFileCompleted:n,onFileError:s,onDropzoneReady:a,eventHandlers:l={},children:c}=e,d=u()(e,f);const h=E(E({},l),{},{init:e=>{a&&a(e),l.init&&l.init(e)},addedfile:e=>{t&&t(e),l.addedfile&&l.addedfile(e)},removedfile:e=>{r&&r(e),l.removedfile&&l.removedfile(e)},uploadprogress:(e,t,r)=>{o&&o(e,e.size>0?r/e.size*100:0),l.uploadprogress&&l.uploadprogress(e,t,r)},success:e=>{n&&n(e),l.success&&l.success(e)},error:(e,t)=>{s&&s(e,t),l.error&&l.error(e,t)}});return i().createElement(m.j,p()({},d,{eventHandlers:h}),c)};function R(e,t){var o=Object.keys(e);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(e);t&&(r=r.filter((function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable}))),o.push.apply(o,r)}return o}function y(e){for(var t=1;t<arguments.length;t++){var o=null!=arguments[t]?arguments[t]:{};t%2?R(Object(o),!0).forEach((function(t){n()(e,t,o[t])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(o)):R(Object(o)).forEach((function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(o,t))}))}return e}const _=({value:e=[],onRemove:t,canAdd:o=!0,canDelete:r=!0,mediaType:n,postUrl:c,maxFiles:p=1,timeOut:d,onUploadComplete:u,djsConfig:m,id:f,parallelChunkUploads:h=!1,onError:E=()=>{},getAllowedExtensions:R=null,getMaxSize:_=null,error:O,label:w,helpText:v})=>{const x=(0,s.useRef)(null),[T,b]=(0,s.useState)([]),[S,k]=(0,s.useState)([]),z=(0,s.useCallback)((()=>{var e;return n&&n.type?null==n||null===(e=n.type)||void 0===e?void 0:e.allowed_extensions.map((e=>`.${e.toLowerCase()}`)).join(","):""}),[n]),C=(0,s.useCallback)((()=>n?(null==n?void 0:n.max_size)/1048576:100),[n]),U=(0,s.useMemo)((()=>R?R():z()),[R,z]),A=(0,s.useMemo)((()=>_?_():C()),[_,C]),j=(0,s.useMemo)((()=>!p||e.length<p),[p,e.length]),F=(0,s.useMemo)((()=>j&&0===T.length&&0===S.length),[j,T.length,S.length]),N=(0,s.useMemo)((()=>t?{removedfile:t}:{}),[t]),I=(0,s.useMemo)((()=>y({paramName:"file",maxFilesize:A,timeout:d||6e5,chunking:!0,retryChunks:!0,parallelChunkUploads:h,addRemoveLinks:!0,maxFiles:p,acceptedFiles:U,dictDefaultMessage:""},m)),[A,d,h,p,U,m]),H=(0,s.useMemo)((()=>({showFiletypeIcon:!1,postUrl:c})),[c]),D=(0,s.useMemo)((()=>({media_type:n,media_upload:e})),[n,e]),P=(0,s.useCallback)((e=>e?e>=1048576?`${Math.round(e/1048576)} MB`:`${Math.round(e/1024)} KB`:"0 KB"),[]),q=(0,s.useCallback)((()=>{if(!U)return"";const e=U.split(",").map((e=>e.trim().replace(".","").toUpperCase())).filter(Boolean);return 0===e.length?"":1===e.length?e[0]:`${e.slice(0,-1).join(", ")} or ${e[e.length-1]}`}),[U]),$=(0,s.useCallback)((e=>o=>{o.preventDefault(),t(e)}),[t]),B=(0,s.useCallback)((e=>{x.current=e}),[]),L=(0,s.useCallback)((e=>{b((t=>[...t,{name:e.name,size:e.size,progress:0,complete:!1}]))}),[]),M=(0,s.useCallback)(((e,t)=>{b((o=>o.map((o=>o.name===e.name&&o.size===e.size?y(y({},o),{},{progress:t}):o))))}),[]),K=(0,s.useCallback)((e=>{b((t=>t.filter((t=>!(t.name===e.name&&t.size===e.size)))))}),[]),W=(0,s.useCallback)((e=>{b((t=>t.map((t=>t.name===e.name&&t.size===e.size?y(y({},t),{},{progress:100,complete:!0}):t))))}),[]);(0,s.useEffect)((()=>{0!==T.length&&0!==e.length&&b((t=>t.filter((t=>!t.complete||!e.some((e=>e.filename===t.name))))))}),[e]);const G=(0,s.useCallback)(((e,t)=>{b((t=>t.filter((t=>!(t.name===e.name&&t.size===e.size))))),k((o=>[...o,{name:e.name,size:e.size,message:t}]))}),[]),J=(0,s.useCallback)((e=>{if(x.current){var t;const o=null===(t=x.current.files)||void 0===t?void 0:t.find((t=>t.name===e.name&&t.size===e.size));o&&x.current.removeFile(o)}k((t=>t.filter((t=>!(t.name===e.name&&t.size===e.size)))))}),[]),Q=(0,s.useCallback)((e=>{if(x.current){var t;const o=null===(t=x.current.files)||void 0===t?void 0:t.find((t=>t.name===e.name&&t.size===e.size));o&&x.current.removeFile(o)}b((t=>t.filter((t=>!(t.name===e.name&&t.size===e.size)))))}),[]),X=(0,s.useCallback)(((e,t,o)=>{u&&u(e,t,o)}),[u]),Z=q(),V={display:"flex",alignItems:"center",py:1.5,mb:1};return i().createElement(a.Box,{className:"upload-input-v3"},w&&i().createElement(a.Typography,{variant:"subtitle1",fontWeight:600,gutterBottom:!0},w),v&&i().createElement(a.Typography,{variant:"body2",color:"text.secondary",gutterBottom:!0,sx:{mb:2}},v),j&&i().createElement(a.Box,{sx:{mb:2,display:F?"block":"none"}},(()=>c?o?i().createElement(g,{id:f,djsConfig:I,config:H,eventHandlers:N,data:D,uploadCount:e.length,onUploadComplete:X,onError:E,onDropzoneReady:B,onAddedFile:L,onUploadProgress:M,onFileRemoved:K,onFileCompleted:W,onFileError:G},i().createElement(a.Box,{className:"dz-custom-content"},i().createElement(l.UploadFile,{className:"dz-custom-icon"}),i().createElement(a.Typography,{variant:"body2",className:"dz-custom-message"},i().createElement("span",{className:"dz-click-text"},"Click to upload")," or drag and drop"),(Z||A)&&i().createElement(a.Typography,{variant:"caption",className:"dz-custom-hint"},Z?`${Z} files`:"",A?` (max. ${A}MB)`:""))):i().createElement(a.Alert,{severity:"warning",sx:{borderRadius:2}},"Upload has been disabled by administrators."):i().createElement(a.Alert,{severity:"error",sx:{borderRadius:2}},"No Post URL"))()),O&&i().createElement(a.Alert,{severity:"error",sx:{mb:2,borderRadius:2}},O),T.length>0&&i().createElement(a.Box,{sx:{mt:2}},T.map(((e,t)=>i().createElement(a.Box,{key:`uploading-${t}`,sx:V},i().createElement(a.Box,{sx:{color:"primary.main",display:"flex",alignItems:"center",mr:2,minWidth:32}},i().createElement(l.UploadFile,{fontSize:"medium"})),i().createElement(a.Box,{sx:{flex:1,minWidth:0}},i().createElement(a.Typography,{variant:"body2",fontWeight:500,sx:{overflow:"hidden",textOverflow:"ellipsis",whiteSpace:"nowrap"}},e.name),i().createElement(a.Typography,{variant:"caption",color:"text.secondary"},P(e.size)," · ",e.complete?"Complete":"Loading"),!e.complete&&i().createElement(a.LinearProgress,{variant:"determinate",value:e.progress,sx:{mt:.5,borderRadius:1}})),i().createElement(a.Box,{sx:{display:"flex",alignItems:"center",gap:1}},i().createElement(a.IconButton,{size:"small",onClick:()=>Q(e),sx:{color:"text.secondary","&:hover":{color:"error.main"}}},i().createElement(l.Delete,null)),e.complete&&i().createElement(l.CheckCircle,{sx:{color:"success.main",fontSize:28}})))))),S.length>0&&i().createElement(a.Box,{sx:{mt:2}},S.map(((e,t)=>i().createElement(a.Box,{key:`error-${t}`,sx:V},i().createElement(a.Box,{sx:{color:"error.main",display:"flex",alignItems:"center",mr:2,minWidth:32}},i().createElement(l.ErrorOutline,{fontSize:"medium"})),i().createElement(a.Box,{sx:{flex:1,minWidth:0}},i().createElement(a.Typography,{variant:"body2",fontWeight:500,sx:{overflow:"hidden",textOverflow:"ellipsis",whiteSpace:"nowrap"}},e.name),i().createElement(a.Typography,{variant:"caption",color:"error"},e.message)),i().createElement(a.IconButton,{size:"small",onClick:()=>J(e),sx:{color:"error.main"}},i().createElement(l.Close,{fontSize:"small"})))))),e.length>0&&i().createElement(a.Box,{sx:{mt:2}},e.map(((e,o)=>{const n=e.filename,s=P(e.size);return i().createElement(a.Box,{key:`uploaded-${o}`,sx:V},i().createElement(a.Box,{sx:{color:"primary.main",display:"flex",alignItems:"center",mr:2,minWidth:32}},i().createElement(l.UploadFile,{fontSize:"medium"})),i().createElement(a.Box,{sx:{flex:1,minWidth:0}},i().createElement(a.Typography,{variant:"body2",fontWeight:500,sx:{overflow:"hidden",textOverflow:"ellipsis",whiteSpace:"nowrap"}},n),i().createElement(a.Typography,{variant:"caption",color:"text.secondary"},s," · Complete")),i().createElement(a.Box,{sx:{display:"flex",alignItems:"center",gap:1}},t&&r&&i().createElement(a.IconButton,{size:"small",onClick:$(e),sx:{color:"text.secondary","&:hover":{color:"error.main"}}},i().createElement(l.Delete,null)),i().createElement(l.CheckCircle,{sx:{color:"success.main",fontSize:28}})))}))))}},5097:(e,t,o)=>{o(1116),o(6842),o(9087),o(9558),o(2183)},3195:(e,t,o)=>{o.d(t,{AUTH_ERROR_ACCESS_TOKEN_EXPIRED:()=>s,AUTH_ERROR_LOCK_ACQUIRE_ERROR:()=>i,AUTH_ERROR_MISSING_AUTH_INFO:()=>r,AUTH_ERROR_MISSING_REFRESH_TOKEN:()=>n,AUTH_ERROR_REFRESH_TOKEN_NETWORK_ERROR:()=>l,AUTH_ERROR_REFRESH_TOKEN_REQUEST_ERROR:()=>a});const r="AUTH_ERROR_MISSING_AUTH_INFO",n="AUTH_ERROR_MISSING_REFRESH_TOKEN",s="AUTH_ERROR_ACCESS_TOKEN_EXPIRED",i="AUTH_ERROR_LOCK_ACQUIRE_ERROR",a="AUTH_ERROR_REFRESH_TOKEN_REQUEST_ERROR",l="AUTH_ERROR_REFRESH_TOKEN_NETWORK_ERROR"},2183:(e,t,o)=>{o.d(t,{getAccessToken:()=>y,initLogOut:()=>z});var r=o(9558),n=o(5812),s=o.n(n);o(806);const i=require("browser-tabs-lock");var a=o.n(i);const l=require("js-cookie");var c=o.n(l),p=o(8041),d=o.n(p),u=(o(9891),o(5097),o(8853),o(3195));const Lock=new(a()),GET_TOKEN_SILENTLY_LOCK_KEY="openstackuicore.lock.getTokenSilently",m="code",f="authInfo",h="idToken",E=e=>{let t="ABCDEFGHIJKLMNOPQRSTUVWXYZabcdefghijklmnopqrstuvwxyz0123456789",o="";for(let r=0;r<e;r++)o+=t.charAt(Math.floor(62*Math.random()));return o},g=async(e,t)=>{if(e===m&&S()){if(!t)throw v(),Error(u.AUTH_ERROR_MISSING_REFRESH_TOKEN);let e=await(async(e,t=5,o=1e3)=>{for(let r=0;r<t;r++)try{return await e()}catch(e){if(!e.message||!e.message.startsWith(u.AUTH_ERROR_REFRESH_TOKEN_NETWORK_ERROR)||r===t-1)throw e;const n=o*Math.pow(2,r);console.log(`retryWithBackoff retry ${r+1}/${t} in ${n}ms`),await new Promise((e=>setTimeout(e,n)))}})((()=>_(t))),{access_token:o,expires_in:r,refresh_token:n,id_token:s}=e;return void 0===n&&(n=null),O(o,r,n,s),o}throw v(),Error(u.AUTH_ERROR_ACCESS_TOKEN_EXPIRED)},R=async()=>{console.log("openstack-uicore-foundation::Security::methods::_getAccessToken");let e=w();if(!e)throw console.log("openstack-uicore-foundation::Security::methods::_getAccessToken AUTH_ERROR_MISSING_AUTH_INFO"),Error(u.AUTH_ERROR_MISSING_AUTH_INFO);let{accessToken:t,expiresIn:o,accessTokenUpdatedAt:r,refreshToken:n}=e,i=b();const a=s()().unix();let l=a-r;return o-=60,console.log(`openstack-uicore-foundation::Security::methods::_getAccessToken now ${a} accessTokenUpdatedAt ${r} expiresIn ${o} timeElapsedSecs ${l}`),(l>=o||null==t)&&(console.log("openstack-uicore-foundation::Security::methods::_getAccessToken  access token expired, refreshing it ..."),t=await g(i,n)),t},y=async()=>{if("undefined"!=typeof navigator&&navigator.locks)return await navigator.locks.request(GET_TOKEN_SILENTLY_LOCK_KEY,(async e=>(console.log("openstack-uicore-foundation::Security::methods::getAccessToken web lock api",e),await R())));if(!await(0,r.retryPromise)((()=>Lock.acquireLock(GET_TOKEN_SILENTLY_LOCK_KEY,6e3)),10))throw Error(u.AUTH_ERROR_LOCK_ACQUIRE_ERROR);try{return await R()}finally{await Lock.releaseLock(GET_TOKEN_SILENTLY_LOCK_KEY)}},_=async e=>{let t=k(),o=T();const n={grant_type:"refresh_token",client_id:encodeURI(o),refresh_token:e},s=new AbortController,i=setTimeout((()=>s.abort()),1e4);let a,l;try{a=await fetch(`${t}/oauth2/token`,{method:"POST",headers:{Accept:"application/json","Content-Type":"application/json"},body:JSON.stringify(n),signal:s.signal})}catch(e){throw console.log("refreshAccessToken network error:",e.message),Error(`${u.AUTH_ERROR_REFRESH_TOKEN_NETWORK_ERROR}: ${e.message}`)}finally{clearTimeout(i)}if(!a.ok){if(console.log(`refreshAccessToken server error: ${a.status} - ${a.statusText}`),a.status>=500||408===a.status||429===a.status)throw Error(`${u.AUTH_ERROR_REFRESH_TOKEN_NETWORK_ERROR}: ${a.status} - ${a.statusText}`);throw(0,r.setSessionClearingState)(!0),Error(`${u.AUTH_ERROR_REFRESH_TOKEN_REQUEST_ERROR}: ${a.status} - ${a.statusText}`)}try{l=await a.json()}catch(e){throw Error(`${u.AUTH_ERROR_REFRESH_TOKEN_NETWORK_ERROR}: invalid JSON response from IDP`)}let{access_token:c,refresh_token:p,expires_in:d,id_token:m}=l;if(!c)throw(0,r.setSessionClearingState)(!0),Error(`${u.AUTH_ERROR_REFRESH_TOKEN_REQUEST_ERROR}: missing access_token in refresh response`);return{access_token:c,refresh_token:p,expires_in:d,id_token:m}},O=(e,t,o=null,n=null)=>{let s=w(),i={accessToken:e,expiresIn:t,accessTokenUpdatedAt:Math.floor(Date.now()/1e3)};null==o&&s&&(o=s.refreshToken),null==n&&s&&(n=s.idToken),o&&(i.refreshToken=o),n?(i[h]=n,c().set(h,n,{secure:!0,sameSite:"Lax"})):c().remove(h),(0,r.putOnLocalStorage)(f,JSON.stringify(i))},w=()=>{try{let e=(0,r.getFromLocalStorage)(f,!1);return e?JSON.parse(e):null}catch(e){return null}},v=()=>{"undefined"!=typeof window&&((0,r.removeFromLocalStorage)(f),c().remove(h))},x=()=>{if("undefined"!=typeof window){const e=w();return e?e.idToken:null}return null},T=()=>"undefined"!=typeof window?window.OAUTH2_CLIENT_ID:null,b=()=>"undefined"!=typeof window&&window.OAUTH2_FLOW||"token id_token",S=()=>"undefined"==typeof window||new Boolean(window.OAUTH2_USE_REFRESH_TOKEN||!0),k=()=>"undefined"!=typeof window?window.IDP_BASE_URL:null,z=()=>{(0,r.getCurrentLocation)().replace(((e=null)=>{let t=k(),o=T(),n=d()(`${t}/oauth2/end-session`),s=E(16),i=`${(0,r.getOrigin)()}/auth/logout`;(0,r.putOnLocalStorage)("post_logout_state",s);const a={post_logout_redirect_uri:encodeURI(i),client_id:encodeURI(o),state:s};return e&&(a.id_token_hint=e),n.query(a)})(x()).toString())}},9087:(e,t,o)=>{o(2462),o(1116),o(806);var r=o(8041),n=o.n(r);o(9236),o(6842),o(9558),o(5097),o(2183),o(3209);n().escapeQuerySpace=!1;const s=e=>t=>({type:e,payload:t});s("RESET_LOADING"),s("START_LOADING"),s("STOP_LOADING")},3209:(e,t,o)=>{o.d(t,{tv:()=>r});const r=2},8853:(e,t,o)=>{o.d(t,{Zq:()=>s});const r=require("spark-md5");var n=o.n(r);require("crypto-js/sha256"),require("crypto-js/enc-base64url"),require("crypto-js/enc-hex"),"undefined"!=typeof window&&(window.crypto||window.msCrypto);const s=e=>new Promise(((t,o)=>{const r=2097152,s=new(n().ArrayBuffer),i=new FileReader;let a=0;function l(){const t=e.slice(a,a+r);i.readAsArrayBuffer(t)}i.onload=o=>{s.append(o.target.result),a+=r,a<e.size?l():t(s.end())},i.onerror=()=>o("Error reading the file"),l()}))},9558:(e,t,o)=>{o.d(t,{getCurrentLocation:()=>r,getFromLocalStorage:()=>i,getOrigin:()=>n,putOnLocalStorage:()=>s,removeFromLocalStorage:()=>a,retryPromise:()=>c,setSessionClearingState:()=>l});o(5812),o(8041);const r=()=>{let e="";return"undefined"!=typeof window&&(e=window.location,window.top&&(e=window.top.location)),e},n=()=>"undefined"!=typeof window?window.location.origin:null,s=(e,t)=>{"undefined"!=typeof window&&window.localStorage.setItem(e,t)},i=(e,t)=>{if("undefined"!=typeof window){let o=window.localStorage.getItem(e);return t&&(console.log(`getFromLocalStorage removing key ${e}`),a(e)),o}return null},a=e=>{"undefined"!=typeof window&&window.localStorage.removeItem(e)},l=e=>{"undefined"!=typeof window&&(window.clearing_session_state=e)},c=async(e,t=3)=>{for(let o=0;o<t;o++)if(await e())return!0;return!1}},1116:e=>{e.exports=require("@babel/runtime/helpers/defineProperty")},6031:e=>{e.exports=require("@babel/runtime/helpers/extends")},2462:e=>{e.exports=require("@babel/runtime/helpers/objectWithoutProperties")},5814:e=>{e.exports=require("@mui/icons-material")},4325:e=>{e.exports=require("@mui/icons-material/Close")},8619:e=>{e.exports=require("@mui/material")},4999:e=>{e.exports=require("dropzone")},9870:e=>{e.exports=require("i18n-react")},6842:e=>{e.exports=require("i18n-react/dist/i18n-react")},9891:e=>{e.exports=require("idtoken-verifier")},5812:e=>{e.exports=require("moment-timezone")},9825:e=>{e.exports=require("prop-types")},2015:e=>{e.exports=require("react")},806:e=>{e.exports=require("superagent/lib/client")},9236:e=>{e.exports=require("sweetalert2")},8041:e=>{e.exports=require("urijs")}},t={};function o(r){var n=t[r];if(void 0!==n)return n.exports;var s=t[r]={exports:{}};return e[r](s,s.exports,o),s.exports}(()=>{o.n=e=>{var t=e&&e.__esModule?()=>e.default:()=>e;return o.d(t,{a:t}),t}})(),(()=>{o.d=(e,t)=>{for(var r in t)o.o(t,r)&&!o.o(e,r)&&Object.defineProperty(e,r,{enumerable:!0,get:t[r]})}})(),(()=>{o.o=(e,t)=>Object.prototype.hasOwnProperty.call(e,t)})(),(()=>{o.r=e=>{"undefined"!=typeof Symbol&&Symbol.toStringTag&&Object.defineProperty(e,Symbol.toStringTag,{value:"Module"}),Object.defineProperty(e,"__esModule",{value:!0})}})();var r={};o.r(r),o.d(r,{default:()=>_});var n=o(1116),s=o.n(n),i=o(2015),a=o.n(i),l=o(8619),c=o(9825),p=o.n(c),d=o(3432),u=o(9870),m=o.n(u),f=o(4325),h=o.n(f),E=o(3209);function g(e,t){var o=Object.keys(e);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(e);t&&(r=r.filter((function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable}))),o.push.apply(o,r)}return o}function R(e){for(var t=1;t<arguments.length;t++){var o=null!=arguments[t]?arguments[t]:{};t%2?g(Object(o),!0).forEach((function(t){s()(e,t,o[t])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(o)):g(Object(o)).forEach((function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(o,t))}))}return e}const y=({name:e,value:t,open:o,fileMeta:r,maxFiles:n=1,onClose:s,onUpload:c})=>{const[p,u]=(0,i.useState)(null),f=R(R({id:e},r.max_file_size?{max_size:r.max_file_size.toFixed(E.tv)}:{}),{},{max_uploads_qty:n,type:{allowed_extensions:r.allowed_extensions.split(",")}}),g=()=>{u(null),s()};return a().createElement(l.Dialog,{open:o,onClose:g,maxWidth:"sm",fullWidth:!0},a().createElement(l.DialogTitle,null,m().translate("upload_input.upload_file")),a().createElement(l.IconButton,{"aria-label":"close",onClick:g,sx:e=>({position:"absolute",right:8,top:8,color:e.palette.grey[500]})},a().createElement(h(),null)),a().createElement(l.Divider,null),a().createElement(l.DialogContent,null,a().createElement(l.Typography,{variant:"body1",sx:{mb:2}},r.name),a().createElement(l.Typography,{variant:"body2",sx:{mb:2,color:"text.secondary"}},r.description),a().createElement(l.Divider,{sx:{marginLeft:-2,marginRight:-2,mb:2}}),a().createElement(d.default,{id:`media_upload_${e}`,name:e,onUploadComplete:u,value:(()=>(null==t?void 0:t.length)>0?t.map((e=>R(R({},e),{},{filename:e.file_name??e.filename??e.file_path??e.file_url}))):[])(),mediaType:f,onRemove:()=>{u(null)},postUrl:`${window.FILE_UPLOAD_API_BASE_URL}/api/v1/files/upload`,djsConfig:{withCredentials:!0},maxFiles:n,canAdd:(()=>((null==t?void 0:t.length)||0)<n)(),parallelChunkUploads:!0})),a().createElement(l.DialogActions,null,a().createElement(l.Button,{onClick:()=>{c(p).then((()=>{g()}))},fullWidth:!0,disabled:!p,variant:"contained"},m().translate("upload_input.upload_file"))))};y.propTypes={name:p().string.isRequired,value:p().array.isRequired,open:p().bool.isRequired,fileMeta:p().object.isRequired,maxFiles:p().number,onClose:p().func.isRequired,onUpload:p().func.isRequired};const _=y;return r})()));
//# sourceMappingURL=upload-dialog.js.map