7 lines
29 KiB
JavaScript
7 lines
29 KiB
JavaScript
import{jsxs as Ke,jsx as M}from"react/jsx-runtime";import*as C from"react";import Mr,{useMemo as X,useRef as pe,useReducer as _r,useEffect as Ie,useCallback as P,forwardRef as Rr,useImperativeHandle as zr,Fragment as kr,useState as Ce}from"react";import{P as Nr,j as Br}from"./Page-Q00E4OWK.js";import{_ as cr,f as Hr,Y as Ur,Z as Fe,X as Wr,B as Se,l as $e,aE as Yr,aF as Gr,S as Zr,aG as Kr,ai as $r,aH as K,aI as ee,aJ as Qe,aK as Ve,u as ur,a as pr,Q as Qr,W as Je,aL as Vr,aM as Jr,aN as Xe,aO as Xr,b as qr,P as et,aP as rt}from"./index-Bw6oJPms.js";import{F as tt,A as nt}from"./Form-B6DnMtXK.js";import"react-dom";const q={button:"pf-v5-c-button",fileUpload:"pf-v5-c-file-upload",fileUploadFileDetails:"pf-v5-c-file-upload__file-details",fileUploadFileDetailsSpinner:"pf-v5-c-file-upload__file-details-spinner",fileUploadFileSelect:"pf-v5-c-file-upload__file-select",formControl:"pf-v5-c-form-control",modifiers:{dragHover:"pf-m-drag-hover",loading:"pf-m-loading",control:"pf-m-control"}};var U;(function(e){e.text="text",e.dataURL="dataURL"})(U||(U={}));function at(e,r){return new Promise((t,n)=>{const a=new FileReader;a.onload=()=>t(a.result),a.onerror=()=>n(a.error),r===U.text?a.readAsText(e):r===U.dataURL?a.readAsDataURL(e):n("unknown type")})}const fr=e=>{var{id:r,name:t,type:n,value:a="",filename:i="",onBrowseButtonClick:s=()=>{},onClearButtonClick:c=()=>{},onTextAreaClick:m,onTextChange:x,onTextAreaBlur:E,textAreaPlaceholder:b="",className:_="",isDisabled:A=!1,isReadOnly:F=!1,isLoading:T=!1,spinnerAriaValueText:B,isRequired:H=!1,isDragActive:W=!1,validated:z="default","aria-label":Y="File upload",filenamePlaceholder:R="Drag a file here or browse to upload",filenameAriaLabel:I=i?"Read only filename":R,browseButtonText:f="Browse...",clearButtonText:h="Clear",isClearButtonDisabled:D=!i&&!a,containerRef:O=null,allowEditingUploadedText:k=!1,hideDefaultPreview:g=!1,children:v=null}=e,u=cr(e,["id","name","type","value","filename","onBrowseButtonClick","onClearButtonClick","onTextAreaClick","onTextChange","onTextAreaBlur","textAreaPlaceholder","className","isDisabled","isReadOnly","isLoading","spinnerAriaValueText","isRequired","isDragActive","validated","aria-label","filenamePlaceholder","filenameAriaLabel","browseButtonText","clearButtonText","isClearButtonDisabled","containerRef","allowEditingUploadedText","hideDefaultPreview","children"]);const d=(ve,ae)=>{x?.(ve,ae)};return C.createElement("div",Object.assign({className:Hr(q.fileUpload,W&&q.modifiers.dragHover,T&&q.modifiers.loading,_),ref:O},u),C.createElement("div",{className:q.fileUploadFileSelect},C.createElement(Ur,null,C.createElement(Fe,{isFill:!0},C.createElement(Wr,{readOnlyVariant:"default",isDisabled:A,id:`${r}-filename`,name:t||`${r}-filename`,"aria-label":I,placeholder:R,"aria-describedby":`${r}-browse-button`,value:i})),C.createElement(Fe,null,C.createElement(Se,{id:`${r}-browse-button`,variant:$e.control,onClick:s,isDisabled:A},f)),C.createElement(Fe,null,C.createElement(Se,{variant:$e.control,isDisabled:A||D,onClick:c},h)))),C.createElement("div",{className:q.fileUploadFileDetails},!g&&n===U.text&&C.createElement(Yr,{readOnly:F||!!i&&!k,disabled:A,isRequired:H,resizeOrientation:Gr.vertical,validated:z,id:r,"aria-label":Y,value:a,onChange:d,onClick:m,onBlur:E,placeholder:b}),T&&C.createElement("div",{className:q.fileUploadFileDetailsSpinner},C.createElement(Zr,{size:Kr.lg,"aria-valuetext":B}))),v)};fr.displayName="FileUploadField";var dr={exports:{}},ot="SECRET_DO_NOT_PASS_THIS_OR_YOU_WILL_BE_FIRED",it=ot,lt=it;function mr(){}function gr(){}gr.resetWarningCache=mr;var st=function(){function e(n,a,i,s,c,m){if(m!==lt){var x=new Error("Calling PropTypes validators directly is not supported by the `prop-types` package. Use PropTypes.checkPropTypes() to call them. Read more at http://fb.me/use-check-prop-types");throw x.name="Invariant Violation",x}}e.isRequired=e;function r(){return e}var t={array:e,bigint:e,bool:e,func:e,number:e,object:e,string:e,symbol:e,any:e,arrayOf:r,element:e,elementType:e,instanceOf:r,node:e,objectOf:r,oneOf:r,oneOfType:r,shape:r,exact:r,checkPropTypes:gr,resetWarningCache:mr};return t.PropTypes=t,t};dr.exports=st();var ct=dr.exports;const p=$r(ct);var ut=new Map([["aac","audio/aac"],["abw","application/x-abiword"],["arc","application/x-freearc"],["avif","image/avif"],["avi","video/x-msvideo"],["azw","application/vnd.amazon.ebook"],["bin","application/octet-stream"],["bmp","image/bmp"],["bz","application/x-bzip"],["bz2","application/x-bzip2"],["cda","application/x-cdf"],["csh","application/x-csh"],["css","text/css"],["csv","text/csv"],["doc","application/msword"],["docx","application/vnd.openxmlformats-officedocument.wordprocessingml.document"],["eot","application/vnd.ms-fontobject"],["epub","application/epub+zip"],["gz","application/gzip"],["gif","image/gif"],["heic","image/heic"],["heif","image/heif"],["htm","text/html"],["html","text/html"],["ico","image/vnd.microsoft.icon"],["ics","text/calendar"],["jar","application/java-archive"],["jpeg","image/jpeg"],["jpg","image/jpeg"],["js","text/javascript"],["json","application/json"],["jsonld","application/ld+json"],["mid","audio/midi"],["midi","audio/midi"],["mjs","text/javascript"],["mp3","audio/mpeg"],["mp4","video/mp4"],["mpeg","video/mpeg"],["mpkg","application/vnd.apple.installer+xml"],["odp","application/vnd.oasis.opendocument.presentation"],["ods","application/vnd.oasis.opendocument.spreadsheet"],["odt","application/vnd.oasis.opendocument.text"],["oga","audio/ogg"],["ogv","video/ogg"],["ogx","application/ogg"],["opus","audio/opus"],["otf","font/otf"],["png","image/png"],["pdf","application/pdf"],["php","application/x-httpd-php"],["ppt","application/vnd.ms-powerpoint"],["pptx","application/vnd.openxmlformats-officedocument.presentationml.presentation"],["rar","application/vnd.rar"],["rtf","application/rtf"],["sh","application/x-sh"],["svg","image/svg+xml"],["swf","application/x-shockwave-flash"],["tar","application/x-tar"],["tif","image/tiff"],["tiff","image/tiff"],["ts","video/mp2t"],["ttf","font/ttf"],["txt","text/plain"],["vsd","application/vnd.visio"],["wav","audio/wav"],["weba","audio/webm"],["webm","video/webm"],["webp","image/webp"],["woff","font/woff"],["woff2","font/woff2"],["xhtml","application/xhtml+xml"],["xls","application/vnd.ms-excel"],["xlsx","application/vnd.openxmlformats-officedocument.spreadsheetml.sheet"],["xml","application/xml"],["xul","application/vnd.mozilla.xul+xml"],["zip","application/zip"],["7z","application/x-7z-compressed"],["mkv","video/x-matroska"],["mov","video/quicktime"],["msg","application/vnd.ms-outlook"]]);function ne(e,r){var t=pt(e);if(typeof t.path!="string"){var n=e.webkitRelativePath;Object.defineProperty(t,"path",{value:typeof r=="string"?r:typeof n=="string"&&n.length>0?n:e.name,writable:!1,configurable:!1,enumerable:!0})}return t}function pt(e){var r=e.name,t=r&&r.lastIndexOf(".")!==-1;if(t&&!e.type){var n=r.split(".").pop().toLowerCase(),a=ut.get(n);a&&Object.defineProperty(e,"type",{value:a,writable:!1,configurable:!1,enumerable:!0})}return e}var ft=[".DS_Store","Thumbs.db"];function vr(e){return K(this,void 0,void 0,function(){return ee(this,function(r){return de(e)&&dt(e.dataTransfer)?[2,yt(e.dataTransfer,e.type)]:mt(e)?[2,gt(e)]:Array.isArray(e)&&e.every(function(t){return"getFile"in t&&typeof t.getFile=="function"})?[2,vt(e)]:[2,[]]})})}function dt(e){return de(e)}function mt(e){return de(e)&&de(e.target)}function de(e){return typeof e=="object"&&e!==null}function gt(e){return Le(e.target.files).map(function(r){return ne(r)})}function vt(e){return K(this,void 0,void 0,function(){var r;return ee(this,function(t){switch(t.label){case 0:return[4,Promise.all(e.map(function(n){return n.getFile()}))];case 1:return r=t.sent(),[2,r.map(function(n){return ne(n)})]}})})}function yt(e,r){return K(this,void 0,void 0,function(){var t,n;return ee(this,function(a){switch(a.label){case 0:return e.items?(t=Le(e.items).filter(function(i){return i.kind==="file"}),r!=="drop"?[2,t]:[4,Promise.all(t.map(bt))]):[3,2];case 1:return n=a.sent(),[2,qe(yr(n))];case 2:return[2,qe(Le(e.files).map(function(i){return ne(i)}))]}})})}function qe(e){return e.filter(function(r){return ft.indexOf(r.name)===-1})}function Le(e){if(e===null)return[];for(var r=[],t=0;t<e.length;t++){var n=e[t];r.push(n)}return r}function bt(e){if(typeof e.webkitGetAsEntry!="function")return er(e);var r=e.webkitGetAsEntry();return r&&r.isDirectory?br(r):er(e)}function yr(e){return e.reduce(function(r,t){return Qe(Qe([],Ve(r),!1),Ve(Array.isArray(t)?yr(t):[t]),!1)},[])}function er(e){var r=e.getAsFile();if(!r)return Promise.reject("".concat(e," is not a File"));var t=ne(r);return Promise.resolve(t)}function ht(e){return K(this,void 0,void 0,function(){return ee(this,function(r){return[2,e.isDirectory?br(e):Dt(e)]})})}function br(e){var r=e.createReader();return new Promise(function(t,n){var a=[];function i(){var s=this;r.readEntries(function(c){return K(s,void 0,void 0,function(){var m,x,E;return ee(this,function(b){switch(b.label){case 0:if(c.length)return[3,5];b.label=1;case 1:return b.trys.push([1,3,,4]),[4,Promise.all(a)];case 2:return m=b.sent(),t(m),[3,4];case 3:return x=b.sent(),n(x),[3,4];case 4:return[3,6];case 5:E=Promise.all(c.map(ht)),a.push(E),i(),b.label=6;case 6:return[2]}})})},function(c){n(c)})}i()})}function Dt(e){return K(this,void 0,void 0,function(){return ee(this,function(r){return[2,new Promise(function(t,n){e.file(function(a){var i=ne(a,e.fullPath);t(i)},function(a){n(a)})})]})})}var wt=function(e,r){if(e&&r){var t=Array.isArray(r)?r:r.split(","),n=e.name||"",a=(e.type||"").toLowerCase(),i=a.replace(/\/.*$/,"");return t.some(function(s){var c=s.trim().toLowerCase();return c.charAt(0)==="."?n.toLowerCase().endsWith(c):c.endsWith("/*")?i===c.replace(/\/.*$/,""):a===c})}return!0};function rr(e){return Et(e)||At(e)||Dr(e)||xt()}function xt(){throw new TypeError(`Invalid attempt to spread non-iterable instance.
|
|
In order to be iterable, non-array objects must have a [Symbol.iterator]() method.`)}function At(e){if(typeof Symbol<"u"&&e[Symbol.iterator]!=null||e["@@iterator"]!=null)return Array.from(e)}function Et(e){if(Array.isArray(e))return Te(e)}function tr(e,r){var t=Object.keys(e);if(Object.getOwnPropertySymbols){var n=Object.getOwnPropertySymbols(e);r&&(n=n.filter(function(a){return Object.getOwnPropertyDescriptor(e,a).enumerable})),t.push.apply(t,n)}return t}function nr(e){for(var r=1;r<arguments.length;r++){var t=arguments[r]!=null?arguments[r]:{};r%2?tr(Object(t),!0).forEach(function(n){hr(e,n,t[n])}):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(t)):tr(Object(t)).forEach(function(n){Object.defineProperty(e,n,Object.getOwnPropertyDescriptor(t,n))})}return e}function hr(e,r,t){return r in e?Object.defineProperty(e,r,{value:t,enumerable:!0,configurable:!0,writable:!0}):e[r]=t,e}function te(e,r){return Ft(e)||It(e,r)||Dr(e,r)||jt()}function jt(){throw new TypeError(`Invalid attempt to destructure non-iterable instance.
|
|
In order to be iterable, non-array objects must have a [Symbol.iterator]() method.`)}function Dr(e,r){if(e){if(typeof e=="string")return Te(e,r);var t=Object.prototype.toString.call(e).slice(8,-1);if(t==="Object"&&e.constructor&&(t=e.constructor.name),t==="Map"||t==="Set")return Array.from(e);if(t==="Arguments"||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(t))return Te(e,r)}}function Te(e,r){(r==null||r>e.length)&&(r=e.length);for(var t=0,n=new Array(r);t<r;t++)n[t]=e[t];return n}function It(e,r){var t=e==null?null:typeof Symbol<"u"&&e[Symbol.iterator]||e["@@iterator"];if(t!=null){var n=[],a=!0,i=!1,s,c;try{for(t=t.call(e);!(a=(s=t.next()).done)&&(n.push(s.value),!(r&&n.length===r));a=!0);}catch(m){i=!0,c=m}finally{try{!a&&t.return!=null&&t.return()}finally{if(i)throw c}}return n}}function Ft(e){if(Array.isArray(e))return e}var Ot="file-invalid-type",Ct="file-too-large",St="file-too-small",Lt="too-many-files",Tt=function(r){r=Array.isArray(r)&&r.length===1?r[0]:r;var t=Array.isArray(r)?"one of ".concat(r.join(", ")):r;return{code:Ot,message:"File type must be ".concat(t)}},ar=function(r){return{code:Ct,message:"File is larger than ".concat(r," ").concat(r===1?"byte":"bytes")}},or=function(r){return{code:St,message:"File is smaller than ".concat(r," ").concat(r===1?"byte":"bytes")}},Pt={code:Lt,message:"Too many files"};function wr(e,r){var t=e.type==="application/x-moz-file"||wt(e,r);return[t,t?null:Tt(r)]}function xr(e,r,t){if(Z(e.size))if(Z(r)&&Z(t)){if(e.size>t)return[!1,ar(t)];if(e.size<r)return[!1,or(r)]}else{if(Z(r)&&e.size<r)return[!1,or(r)];if(Z(t)&&e.size>t)return[!1,ar(t)]}return[!0,null]}function Z(e){return e!=null}function Mt(e){var r=e.files,t=e.accept,n=e.minSize,a=e.maxSize,i=e.multiple,s=e.maxFiles,c=e.validator;return!i&&r.length>1||i&&s>=1&&r.length>s?!1:r.every(function(m){var x=wr(m,t),E=te(x,1),b=E[0],_=xr(m,n,a),A=te(_,1),F=A[0],T=c?c(m):null;return b&&F&&!T})}function me(e){return typeof e.isPropagationStopped=="function"?e.isPropagationStopped():typeof e.cancelBubble<"u"?e.cancelBubble:!1}function fe(e){return e.dataTransfer?Array.prototype.some.call(e.dataTransfer.types,function(r){return r==="Files"||r==="application/x-moz-file"}):!!e.target&&!!e.target.files}function ir(e){e.preventDefault()}function _t(e){return e.indexOf("MSIE")!==-1||e.indexOf("Trident/")!==-1}function Rt(e){return e.indexOf("Edge/")!==-1}function zt(){var e=arguments.length>0&&arguments[0]!==void 0?arguments[0]:window.navigator.userAgent;return _t(e)||Rt(e)}function N(){for(var e=arguments.length,r=new Array(e),t=0;t<e;t++)r[t]=arguments[t];return function(n){for(var a=arguments.length,i=new Array(a>1?a-1:0),s=1;s<a;s++)i[s-1]=arguments[s];return r.some(function(c){return!me(n)&&c&&c.apply(void 0,[n].concat(i)),me(n)})}}function kt(){return"showOpenFilePicker"in window}function Nt(e){if(Z(e)){var r=Object.entries(e).filter(function(t){var n=te(t,2),a=n[0],i=n[1],s=!0;return Ar(a)||(console.warn('Skipped "'.concat(a,'" because it is not a valid MIME type. Check https://developer.mozilla.org/en-US/docs/Web/HTTP/Basics_of_HTTP/MIME_types/Common_types for a list of valid MIME types.')),s=!1),(!Array.isArray(i)||!i.every(Er))&&(console.warn('Skipped "'.concat(a,'" because an invalid file extension was provided.')),s=!1),s}).reduce(function(t,n){var a=te(n,2),i=a[0],s=a[1];return nr(nr({},t),{},hr({},i,s))},{});return[{description:"Files",accept:r}]}return e}function Bt(e){if(Z(e))return Object.entries(e).reduce(function(r,t){var n=te(t,2),a=n[0],i=n[1];return[].concat(rr(r),[a],rr(i))},[]).filter(function(r){return Ar(r)||Er(r)}).join(",")}function Ht(e){return e instanceof DOMException&&(e.name==="AbortError"||e.code===e.ABORT_ERR)}function Ut(e){return e instanceof DOMException&&(e.name==="SecurityError"||e.code===e.SECURITY_ERR)}function Ar(e){return e==="audio/*"||e==="video/*"||e==="image/*"||e==="text/*"||/\w+\/[-+.\w]+/g.test(e)}function Er(e){return/^.*\.[\w]+$/.test(e)}var Wt=["children"],Yt=["open"],Gt=["refKey","role","onKeyDown","onFocus","onBlur","onClick","onDragEnter","onDragOver","onDragLeave","onDrop"],Zt=["refKey","onChange","onClick"];function Kt(e){return Vt(e)||Qt(e)||jr(e)||$t()}function $t(){throw new TypeError(`Invalid attempt to spread non-iterable instance.
|
|
In order to be iterable, non-array objects must have a [Symbol.iterator]() method.`)}function Qt(e){if(typeof Symbol<"u"&&e[Symbol.iterator]!=null||e["@@iterator"]!=null)return Array.from(e)}function Vt(e){if(Array.isArray(e))return Pe(e)}function Oe(e,r){return qt(e)||Xt(e,r)||jr(e,r)||Jt()}function Jt(){throw new TypeError(`Invalid attempt to destructure non-iterable instance.
|
|
In order to be iterable, non-array objects must have a [Symbol.iterator]() method.`)}function jr(e,r){if(e){if(typeof e=="string")return Pe(e,r);var t=Object.prototype.toString.call(e).slice(8,-1);if(t==="Object"&&e.constructor&&(t=e.constructor.name),t==="Map"||t==="Set")return Array.from(e);if(t==="Arguments"||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(t))return Pe(e,r)}}function Pe(e,r){(r==null||r>e.length)&&(r=e.length);for(var t=0,n=new Array(r);t<r;t++)n[t]=e[t];return n}function Xt(e,r){var t=e==null?null:typeof Symbol<"u"&&e[Symbol.iterator]||e["@@iterator"];if(t!=null){var n=[],a=!0,i=!1,s,c;try{for(t=t.call(e);!(a=(s=t.next()).done)&&(n.push(s.value),!(r&&n.length===r));a=!0);}catch(m){i=!0,c=m}finally{try{!a&&t.return!=null&&t.return()}finally{if(i)throw c}}return n}}function qt(e){if(Array.isArray(e))return e}function lr(e,r){var t=Object.keys(e);if(Object.getOwnPropertySymbols){var n=Object.getOwnPropertySymbols(e);r&&(n=n.filter(function(a){return Object.getOwnPropertyDescriptor(e,a).enumerable})),t.push.apply(t,n)}return t}function y(e){for(var r=1;r<arguments.length;r++){var t=arguments[r]!=null?arguments[r]:{};r%2?lr(Object(t),!0).forEach(function(n){Me(e,n,t[n])}):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(t)):lr(Object(t)).forEach(function(n){Object.defineProperty(e,n,Object.getOwnPropertyDescriptor(t,n))})}return e}function Me(e,r,t){return r in e?Object.defineProperty(e,r,{value:t,enumerable:!0,configurable:!0,writable:!0}):e[r]=t,e}function ge(e,r){if(e==null)return{};var t=en(e,r),n,a;if(Object.getOwnPropertySymbols){var i=Object.getOwnPropertySymbols(e);for(a=0;a<i.length;a++)n=i[a],!(r.indexOf(n)>=0)&&Object.prototype.propertyIsEnumerable.call(e,n)&&(t[n]=e[n])}return t}function en(e,r){if(e==null)return{};var t={},n=Object.keys(e),a,i;for(i=0;i<n.length;i++)a=n[i],!(r.indexOf(a)>=0)&&(t[a]=e[a]);return t}var Re=Rr(function(e,r){var t=e.children,n=ge(e,Wt),a=Fr(n),i=a.open,s=ge(a,Yt);return zr(r,function(){return{open:i}},[i]),Mr.createElement(kr,null,t(y(y({},s),{},{open:i})))});Re.displayName="Dropzone";var Ir={disabled:!1,getFilesFromEvent:vr,maxSize:1/0,minSize:0,multiple:!0,maxFiles:0,preventDropOnDocument:!0,noClick:!1,noKeyboard:!1,noDrag:!1,noDragEventsBubbling:!1,validator:null,useFsAccessApi:!0,autoFocus:!1};Re.defaultProps=Ir;Re.propTypes={children:p.func,accept:p.objectOf(p.arrayOf(p.string)),multiple:p.bool,preventDropOnDocument:p.bool,noClick:p.bool,noKeyboard:p.bool,noDrag:p.bool,noDragEventsBubbling:p.bool,minSize:p.number,maxSize:p.number,maxFiles:p.number,disabled:p.bool,getFilesFromEvent:p.func,onFileDialogCancel:p.func,onFileDialogOpen:p.func,useFsAccessApi:p.bool,autoFocus:p.bool,onDragEnter:p.func,onDragLeave:p.func,onDragOver:p.func,onDrop:p.func,onDropAccepted:p.func,onDropRejected:p.func,onError:p.func,validator:p.func};var _e={isFocused:!1,isFileDialogActive:!1,isDragActive:!1,isDragAccept:!1,isDragReject:!1,acceptedFiles:[],fileRejections:[]};function Fr(){var e=arguments.length>0&&arguments[0]!==void 0?arguments[0]:{},r=y(y({},Ir),e),t=r.accept,n=r.disabled,a=r.getFilesFromEvent,i=r.maxSize,s=r.minSize,c=r.multiple,m=r.maxFiles,x=r.onDragEnter,E=r.onDragLeave,b=r.onDragOver,_=r.onDrop,A=r.onDropAccepted,F=r.onDropRejected,T=r.onFileDialogCancel,B=r.onFileDialogOpen,H=r.useFsAccessApi,W=r.autoFocus,z=r.preventDropOnDocument,Y=r.noClick,R=r.noKeyboard,I=r.noDrag,f=r.noDragEventsBubbling,h=r.onError,D=r.validator,O=X(function(){return Bt(t)},[t]),k=X(function(){return Nt(t)},[t]),g=X(function(){return typeof B=="function"?B:sr},[B]),v=X(function(){return typeof T=="function"?T:sr},[T]),u=pe(null),d=pe(null),ve=_r(rn,_e),ae=Oe(ve,2),ye=ae[0],S=ae[1],Cr=ye.isFocused,ze=ye.isFileDialogActive,oe=pe(typeof window<"u"&&window.isSecureContext&&H&&kt()),ke=function(){!oe.current&&ze&&setTimeout(function(){if(d.current){var l=d.current.files;l.length||(S({type:"closeDialog"}),v())}},300)};Ie(function(){return window.addEventListener("focus",ke,!1),function(){window.removeEventListener("focus",ke,!1)}},[d,ze,v,oe]);var $=pe([]),Ne=function(l){u.current&&u.current.contains(l.target)||(l.preventDefault(),$.current=[])};Ie(function(){return z&&(document.addEventListener("dragover",ir,!1),document.addEventListener("drop",Ne,!1)),function(){z&&(document.removeEventListener("dragover",ir),document.removeEventListener("drop",Ne))}},[u,z]),Ie(function(){return!n&&W&&u.current&&u.current.focus(),function(){}},[u,W,n]);var G=P(function(o){h?h(o):console.error(o)},[h]),Be=P(function(o){o.preventDefault(),o.persist(),ce(o),$.current=[].concat(Kt($.current),[o.target]),fe(o)&&Promise.resolve(a(o)).then(function(l){if(!(me(o)&&!f)){var w=l.length,j=w>0&&Mt({files:l,accept:O,minSize:s,maxSize:i,multiple:c,maxFiles:m,validator:D}),L=w>0&&!j;S({isDragAccept:j,isDragReject:L,isDragActive:!0,type:"setDraggedFiles"}),x&&x(o)}}).catch(function(l){return G(l)})},[a,x,G,f,O,s,i,c,m,D]),He=P(function(o){o.preventDefault(),o.persist(),ce(o);var l=fe(o);if(l&&o.dataTransfer)try{o.dataTransfer.dropEffect="copy"}catch{}return l&&b&&b(o),!1},[b,f]),Ue=P(function(o){o.preventDefault(),o.persist(),ce(o);var l=$.current.filter(function(j){return u.current&&u.current.contains(j)}),w=l.indexOf(o.target);w!==-1&&l.splice(w,1),$.current=l,!(l.length>0)&&(S({type:"setDraggedFiles",isDragActive:!1,isDragAccept:!1,isDragReject:!1}),fe(o)&&E&&E(o))},[u,E,f]),ie=P(function(o,l){var w=[],j=[];o.forEach(function(L){var re=wr(L,O),J=Oe(re,2),he=J[0],De=J[1],we=xr(L,s,i),ue=Oe(we,2),xe=ue[0],Ae=ue[1],Ee=D?D(L):null;if(he&&xe&&!Ee)w.push(L);else{var je=[De,Ae];Ee&&(je=je.concat(Ee)),j.push({file:L,errors:je.filter(function(Pr){return Pr})})}}),(!c&&w.length>1||c&&m>=1&&w.length>m)&&(w.forEach(function(L){j.push({file:L,errors:[Pt]})}),w.splice(0)),S({acceptedFiles:w,fileRejections:j,type:"setFiles"}),_&&_(w,j,l),j.length>0&&F&&F(j,l),w.length>0&&A&&A(w,l)},[S,c,O,s,i,m,_,A,F,D]),le=P(function(o){o.preventDefault(),o.persist(),ce(o),$.current=[],fe(o)&&Promise.resolve(a(o)).then(function(l){me(o)&&!f||ie(l,o)}).catch(function(l){return G(l)}),S({type:"reset"})},[a,ie,G,f]),Q=P(function(){if(oe.current){S({type:"openDialog"}),g();var o={multiple:c,types:k};window.showOpenFilePicker(o).then(function(l){return a(l)}).then(function(l){ie(l,null),S({type:"closeDialog"})}).catch(function(l){Ht(l)?(v(l),S({type:"closeDialog"})):Ut(l)?(oe.current=!1,d.current?(d.current.value=null,d.current.click()):G(new Error("Cannot open the file picker because the https://developer.mozilla.org/en-US/docs/Web/API/File_System_Access_API is not supported and no <input> was provided."))):G(l)});return}d.current&&(S({type:"openDialog"}),g(),d.current.value=null,d.current.click())},[S,g,v,H,ie,G,k,c]),We=P(function(o){!u.current||!u.current.isEqualNode(o.target)||(o.key===" "||o.key==="Enter"||o.keyCode===32||o.keyCode===13)&&(o.preventDefault(),Q())},[u,Q]),Ye=P(function(){S({type:"focus"})},[]),Ge=P(function(){S({type:"blur"})},[]),Ze=P(function(){Y||(zt()?setTimeout(Q,0):Q())},[Y,Q]),V=function(l){return n?null:l},be=function(l){return R?null:V(l)},se=function(l){return I?null:V(l)},ce=function(l){f&&l.stopPropagation()},Sr=X(function(){return function(){var o=arguments.length>0&&arguments[0]!==void 0?arguments[0]:{},l=o.refKey,w=l===void 0?"ref":l,j=o.role,L=o.onKeyDown,re=o.onFocus,J=o.onBlur,he=o.onClick,De=o.onDragEnter,we=o.onDragOver,ue=o.onDragLeave,xe=o.onDrop,Ae=ge(o,Gt);return y(y(Me({onKeyDown:be(N(L,We)),onFocus:be(N(re,Ye)),onBlur:be(N(J,Ge)),onClick:V(N(he,Ze)),onDragEnter:se(N(De,Be)),onDragOver:se(N(we,He)),onDragLeave:se(N(ue,Ue)),onDrop:se(N(xe,le)),role:typeof j=="string"&&j!==""?j:"presentation"},w,u),!n&&!R?{tabIndex:0}:{}),Ae)}},[u,We,Ye,Ge,Ze,Be,He,Ue,le,R,I,n]),Lr=P(function(o){o.stopPropagation()},[]),Tr=X(function(){return function(){var o=arguments.length>0&&arguments[0]!==void 0?arguments[0]:{},l=o.refKey,w=l===void 0?"ref":l,j=o.onChange,L=o.onClick,re=ge(o,Zt),J=Me({accept:O,multiple:c,type:"file",style:{display:"none"},onChange:V(N(j,le)),onClick:V(N(L,Lr)),tabIndex:-1},w,d);return y(y({},J),re)}},[d,t,c,le,n]);return y(y({},ye),{},{isFocused:Cr&&!n,getRootProps:Sr,getInputProps:Tr,rootRef:u,inputRef:d,open:V(Q)})}function rn(e,r){switch(r.type){case"focus":return y(y({},e),{},{isFocused:!0});case"blur":return y(y({},e),{},{isFocused:!1});case"openDialog":return y(y({},_e),{},{isFileDialogActive:!0});case"closeDialog":return y(y({},e),{},{isFileDialogActive:!1});case"setDraggedFiles":return y(y({},e),{},{isDragActive:r.isDragActive,isDragAccept:r.isDragAccept,isDragReject:r.isDragReject});case"setFiles":return y(y({},e),{},{acceptedFiles:r.acceptedFiles,fileRejections:r.fileRejections});case"reset":return y({},_e);default:return e}}function sr(){}const Or=e=>{var{id:r,type:t,value:n=t===U.text||t===U.dataURL?"":null,filename:a="",children:i=null,onFileInputChange:s=null,onReadStarted:c=()=>{},onReadFinished:m=()=>{},onReadFailed:x=()=>{},onClearClick:E,onClick:b=g=>g.preventDefault(),onTextChange:_,onDataChange:A,dropzoneProps:F={}}=e,T=cr(e,["id","type","value","filename","children","onFileInputChange","onReadStarted","onReadFinished","onReadFailed","onClearClick","onClick","onTextChange","onDataChange","dropzoneProps"]);const B=(g,v)=>{if(g.length>0){const u=g[0];s?.(v,u),(t===U.text||t===U.dataURL)&&(c(v,u),at(u,t).then(d=>{m(v,u),A?.(v,d)}).catch(d=>{x(v,d,u),m(v,u),A?.(v,"")}))}F.onDropAccepted&&F.onDropAccepted(g,v)},H=(g,v)=>{F.onDropRejected&&F.onDropRejected(g,v)},W=g=>{E?.(g),h(null)},{getRootProps:z,getInputProps:Y,isDragActive:R,open:I,inputRef:f}=Fr(Object.assign(Object.assign({noClick:!0,multiple:!1},F),{onDropAccepted:B,onDropRejected:H})),h=g=>{f.current.value=g},D=Y(),O=Object.assign(Object.assign({},D),{onChange:g=>K(void 0,void 0,void 0,function*(){var v;(v=D.onChange)===null||v===void 0||v.call(D,g);const u=yield vr(g.nativeEvent);u.length===1&&s?.(g,u[0])})}),k=z(Object.assign(Object.assign({},T),{tabIndex:null,id:r,type:t,filename:a,value:n,isDragActive:R,onBrowseButtonClick:I,onClearButtonClick:W,onTextAreaClick:b,onTextChange:_,onClick:b,refKey:"containerRef"}));return C.createElement(fr,Object.assign({},k),C.createElement("input",Object.assign({},O)),i)};Or.displayName="FileUpload";const tn=({accountUrl:e})=>{const{t:r}=ur();pr();const t=e.indexOf("?")>0?e.split("?"):e,n=Array.isArray(t)?t[0]+"-avatar?"+t[1]:t+"-avatar",a="data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4KPCEtLSBHZW5lcmF0b3I6IEFkb2JlIElsbHVzdHJhdG9yIDI0LjAuMiwgU1ZHIEV4cG9ydCBQbHVnLUluIC4gU1ZHIFZlcnNpb246IDYuMDAgQnVpbGQgMCkgIC0tPgo8c3ZnIHZlcnNpb249IjEuMSIgaWQ9IkxheWVyXzEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiIHg9IjBweCIgeT0iMHB4IgoJIHZpZXdCb3g9IjAgMCAzNiAzNiIgc3R5bGU9ImVuYWJsZS1iYWNrZ3JvdW5kOm5ldyAwIDAgMzYgMzY7IiB4bWw6c3BhY2U9InByZXNlcnZlIj4KPHN0eWxlIHR5cGU9InRleHQvY3NzIj4KCS5zdDB7ZmlsbC1ydWxlOmV2ZW5vZGQ7Y2xpcC1ydWxlOmV2ZW5vZGQ7ZmlsbDojRjBGMEYwO30KCS5zdDF7ZmlsbC1ydWxlOmV2ZW5vZGQ7Y2xpcC1ydWxlOmV2ZW5vZGQ7ZmlsbDojRDJEMkQyO30KCS5zdDJ7ZmlsbDojQjhCQkJFO30KCS5zdDN7ZmlsbDojRDJEMkQyO30KPC9zdHlsZT4KPHJlY3QgY2xhc3M9InN0MCIgd2lkdGg9IjM2IiBoZWlnaHQ9IjM2Ii8+CjxwYXRoIGNsYXNzPSJzdDEiIGQ9Ik0xNy43LDIwLjFjLTMuNSwwLTYuNC0yLjktNi40LTYuNHMyLjktNi40LDYuNC02LjRzNi40LDIuOSw2LjQsNi40UzIxLjMsMjAuMSwxNy43LDIwLjF6Ii8+CjxwYXRoIGNsYXNzPSJzdDIiIGQ9Ik0xMy4zLDM2bDAtNi43Yy0yLDAuNC0yLjksMS40LTMuMSwzLjVMMTAuMSwzNkgxMy4zeiIvPgo8cGF0aCBjbGFzcz0ic3QzIiBkPSJNMTAuMSwzNmwwLjEtMy4yYzAuMi0yLjEsMS4xLTMuMSwzLjEtMy41bDAsNi43aDkuNGwwLTYuN2MyLDAuNCwyLjksMS40LDMuMSwzLjVsMC4xLDMuMmg0LjcKCWMtMC40LTMuOS0xLjMtOS0yLjktMTFjLTEuMS0xLjQtMi4zLTIuMi0zLjUtMi42cy0xLjgtMC42LTYuMy0wLjZzLTYuMSwwLjctNi4xLDAuN2MtMS4yLDAuNC0yLjQsMS4yLTMuNCwyLjYKCUM2LjcsMjcsNS44LDMyLjIsNS40LDM2SDEwLjF6Ii8+CjxwYXRoIGNsYXNzPSJzdDIiIGQ9Ik0yNS45LDM2bC0wLjEtMy4yYy0wLjItMi4xLTEuMS0zLjEtMy4xLTMuNWwwLDYuN0gyNS45eiIvPgo8L3N2Zz4=",i={errors:{avatar:""},imageBlob:null,filename:"",avatarUrl:n,avatarSrc:n,noAvatarSrc:a},[s,c]=Ce(i),{addAlert:m,addError:x}=Qr(),E=new FileReader;let b="";E.onloadend=I=>{var f=String(I.target.result);F(f,h=>{c({errors:{avatar:""},imageBlob:h,filename:b,avatarUrl:n,avatarSrc:URL.createObjectURL(h),noAvatarSrc:a})})};const _=(I,f)=>{f!=null&&f.name!=""&&(f.type.startsWith("image")?(b=f.name,E.readAsDataURL(f)):console.error("Wrong file type: "+f.type))},A=I=>{c(i)},F=(I,f)=>{var h=new Image;h.src=I,h.onload=D=>{var O=document.createElement("canvas"),k=O.getContext("2d");k.drawImage(h,0,0);var g=250,v=250,u=h.width,d=h.height;u>d?u>g&&(d*=g/u,u=g):d>v&&(u*=v/d,d=v),O.width=u,O.height=d,k=O.getContext("2d"),k.drawImage(h,0,0,u,d),O.toBlob(f)}},T=I=>{I.preventDefault();const f=I.target;var h=new FormData(f);h.append("image",s.imageBlob);var D=new XMLHttpRequest;D.onreadystatechange=()=>{D.readyState==4&&(200<=D.status&&D.status<=204?(m(r("avatarUpdatedMessage")),c(i)):x(D.response))},D.open(f.method,f.action,!0),D.send(h)},B=I=>{c({errors:{avatar:r("error-noAvatarFound")},imageBlob:null,filename:"",avatarUrl:"",avatarSrc:"",noAvatarSrc:a})},{filename:H,avatarUrl:W,avatarSrc:z,noAvatarSrc:Y}=s,R={objectFit:"cover",width:"150px",height:"150px",border:"1px solid lightgray",boxShadow:"lightgray 6px 3px 10px 2px"};return Ke(tt,{id:"avatarForm",method:"post",action:W,encType:"multipart/form-data",onSubmit:T,children:[Ke(Je,{label:r("avatarLabel"),fieldId:"avatar-current-or-preview",children:[M(Vr,{children:s.errors.avatar!==""&&M(Jr,{variant:"error",hasIcon:!0,children:s.errors.avatar})}),z!==""?M(Xe,{src:z,style:R,alt:"Avatar image preview",onError:B}):M(Xe,{src:Y,style:R,alt:"No avatar found"})]}),M(Je,{fieldId:"avatar-upload",label:r("uploadLabel"),labelIcon:M(Xr,{helpText:r("avatarInfo"),fieldLabelId:"uploadLabel"}),children:M(Or,{id:"simple-file",filename:H,filenamePlaceholder:r("dragdropInfo"),browseButtonText:r("browseButton"),onFileInputChange:_,clearButtonText:r("clearButton"),onClearClick:A})}),M(nt,{children:M(Se,{id:"save-btn",type:"submit",variant:"primary",isDisabled:H==="",children:r("doSave")})})]})},un=()=>{const{t:e}=ur(),r=pr();Ce();const[t,n]=Ce([]),a=r.keycloak.createAccountUrl();return qr(i=>Promise.all([Br({signal:i,context:r})]),([i])=>{n(i)}),M(Nr,{title:e("accountExtraInfoHtmlTitle"),description:e("accountExtraSubMessage"),children:M(et,{isFilled:!0,variant:rt.light,children:M(tn,{accountUrl:a})})})};export{un as AccountExtraPage,un as default};
|
|
//# sourceMappingURL=AccountExtraPage-CuT1Gng0.js.map
|