WordPress/wp-includes/js/dist/media-utils.min.js

/*! This file is auto-generated */
!function(){"use strict";var e={n:function(t){var i=t&&t.__esModule?function(){return t.default}:function(){return t};return e.d(i,{a:i}),i},d:function(t,i){for(var o in i)e.o(i,o)&&!e.o(t,o)&&Object.defineProperty(t,o,{enumerable:!0,get:i[o]})},o:function(e,t){return Object.prototype.hasOwnProperty.call(e,t)},r:function(e){"undefined"!=typeof Symbol&&Symbol.toStringTag&&Object.defineProperty(e,Symbol.toStringTag,{value:"Module"}),Object.defineProperty(e,"__esModule",{value:!0})}},t={};e.r(t),e.d(t,{MediaUpload:function(){return p},uploadMedia:function(){return f}});var i=window.wp.element,o=window.wp.i18n;const{wp:l}=window,a=[],r=()=>l.media.view.MediaFrame.Select.extend({featuredImageToolbar(e){this.createSelectToolbar(e,{text:l.media.view.l10n.setFeaturedImage,state:this.options.state})},editState(){const e=this.state("featured-image").get("selection"),t=new l.media.view.EditImage({model:e.single(),controller:this}).render();this.content.set(t),t.loadEditor()},createStates:function(){this.on("toolbar:create:featured-image",this.featuredImageToolbar,this),this.on("content:render:edit-image",this.editState,this),this.states.add([new l.media.controller.FeaturedImage,new l.media.controller.EditImage({model:this.options.editImage})])}}),s=()=>l.media.view.MediaFrame.Post.extend({galleryToolbar(){const e=this.state().get("editing");this.toolbar.set(new l.media.view.Toolbar({controller:this,items:{insert:{style:"primary",text:e?l.media.view.l10n.updateGallery:l.media.view.l10n.insertGallery,priority:80,requires:{library:!0},click(){const e=this.controller,t=e.state();e.close(),t.trigger("update",t.get("library")),e.setState(e.options.state),e.reset()}}}}))},editState(){const e=this.state("gallery").get("selection"),t=new l.media.view.EditImage({model:e.single(),controller:this}).render();this.content.set(t),t.loadEditor()},createStates:function(){this.on("toolbar:create:main-gallery",this.galleryToolbar,this),this.on("content:render:edit-image",this.editState,this),this.states.add([new l.media.controller.Library({id:"gallery",title:l.media.view.l10n.createGalleryTitle,priority:40,toolbar:"main-gallery",filterable:"uploaded",multiple:"add",editable:!1,library:l.media.query({type:"image",...this.options.library})}),new l.media.controller.EditImage({model:this.options.editImage}),new l.media.controller.GalleryEdit({library:this.options.selection,editing:this.options.editing,menu:"gallery",displaySettings:!1,multiple:!0}),new l.media.controller.GalleryAdd])}}),n=e=>["sizes","mime","type","subtype","id","url","alt","link","caption"].reduce(((t,i)=>(null!=e&&e.hasOwnProperty(i)&&(t[i]=e[i]),t)),{}),d=e=>l.media.query({order:"ASC",orderby:"post__in",post__in:e,posts_per_page:-1,query:!0,type:"image"});class m extends i.Component{constructor(e){let{allowedTypes:t,gallery:i=!1,unstableFeaturedImageFlow:a=!1,modalClass:r,multiple:s=!1,title:n=(0,o.__)("Select or Upload Media")}=e;if(super(...arguments),this.openModal=this.openModal.bind(this),this.onOpen=this.onOpen.bind(this),this.onSelect=this.onSelect.bind(this),this.onUpdate=this.onUpdate.bind(this),this.onClose=this.onClose.bind(this),i)this.buildAndSetGalleryFrame();else{const e={title:n,multiple:s};t&&(e.library={type:t}),this.frame=l.media(e)}r&&this.frame.$el.addClass(r),a&&this.buildAndSetFeatureImageFrame(),this.initializeListeners()}initializeListeners(){this.frame.on("select",this.onSelect),this.frame.on("update",this.onUpdate),this.frame.on("open",this.onOpen),this.frame.on("close",this.onClose)}buildAndSetGalleryFrame(){const{addToGallery:e=!1,allowedTypes:t,multiple:i=!1,value:o=a}=this.props;if(o===this.lastGalleryValue)return;let r;this.lastGalleryValue=o,this.frame&&this.frame.remove(),r=e?"gallery-library":o&&o.length?"gallery-edit":"gallery",this.GalleryDetailsMediaFrame||(this.GalleryDetailsMediaFrame=s());const n=d(o),m=new l.media.model.Selection(n.models,{props:n.props.toJSON(),multiple:i});this.frame=new this.GalleryDetailsMediaFrame({mimeType:t,state:r,multiple:i,selection:m,editing:!(!o||!o.length)}),l.media.frame=this.frame,this.initializeListeners()}buildAndSetFeatureImageFrame(){const e=r(),t=d(this.props.value),i=new l.media.model.Selection(t.models,{props:t.props.toJSON()});this.frame=new e({mimeType:this.props.allowedTypes,state:"featured-image",multiple:this.props.multiple,selection:i,editing:!!this.props.value}),l.media.frame=this.frame}componentWillUnmount(){this.frame.remove()}onUpdate(e){const{onSelect:t,multiple:i=!1}=this.props,o=this.frame.state(),l=e||o.get("selection");l&&l.models.length&&t(i?l.models.map((e=>n(e.toJSON()))):n(l.models[0].toJSON()))}onSelect(){const{onSelect:e,multiple:t=!1}=this.props,i=this.frame.state().get("selection").toJSON();e(t?i:i[0])}onOpen(){const{value:e}=this.props;this.updateCollection(),this.props.mode&&this.frame.content.mode(this.props.mode);if(!(Array.isArray(e)?!(null==e||!e.length):!!e))return;const t=this.props.gallery,i=this.frame.state().get("selection"),o=Array.isArray(e)?e:[e];t||o.forEach((e=>{i.add(l.media.attachment(e))}));const a=d(o);a.more().done((function(){var e;t&&null!=a&&null!==(e=a.models)&&void 0!==e&&e.length&&i.add(a.models)}))}onClose(){const{onClose:e}=this.props;e&&e()}updateCollection(){const e=this.frame.content.get();if(e&&e.collection){const t=e.collection;t.toArray().forEach((e=>e.trigger("destroy",e))),t.mirroring._hasMore=!0,t.more()}}openModal(){this.props.gallery&&this.buildAndSetGalleryFrame(),this.frame.open()}render(){return this.props.render({open:this.openModal})}}var p=m,c=window.wp.apiFetch,h=e.n(c),u=window.wp.blob;const y=()=>{};async function f(e){let{allowedTypes:t,additionalData:i={},filesList:l,maxUploadFileSize:a,onError:r=y,onFileChange:s,wpAllowedMimeTypes:n=null}=e;const d=[...l],m=[],p=(e,t)=>{var i;(0,u.revokeBlobURL)(null===(i=m[e])||void 0===i?void 0:i.url),m[e]=t,s(m.filter(Boolean))},c=e=>!t||t.some((t=>t.includes("/")?t===e:e.startsWith(`${t}/`))),h=(f=n)?Object.entries(f).map((e=>{let[t,i]=e;const[o]=i.split("/");return[i,...t.split("|").map((e=>`${o}/${e}`))]})).flat():f;var f;const w=[];for(const e of d)h&&e.type&&(b=e.type,!h.includes(b))?r({code:"MIME_TYPE_NOT_ALLOWED_FOR_USER",message:(0,o.sprintf)((0,o.__)("%s: Sorry, you are not allowed to upload this file type."),e.name),file:e}):!e.type||c(e.type)?a&&e.size>a?r({code:"SIZE_ABOVE_LIMIT",message:(0,o.sprintf)((0,o.__)("%s: This file exceeds the maximum upload size for this site."),e.name),file:e}):e.size<=0?r({code:"EMPTY_FILE",message:(0,o.sprintf)((0,o.__)("%s: This file is empty."),e.name),file:e}):(w.push(e),m.push({url:(0,u.createBlobURL)(e)}),s(m)):r({code:"MIME_TYPE_NOT_SUPPORTED",message:(0,o.sprintf)((0,o.__)("%s: Sorry, this file type is not supported here."),e.name),file:e});var b;for(let e=0;e<w.length;++e){const t=w[e];try{var S,_;const o=await g(t,i),{alt_text:l,source_url:a,...r}=o;p(e,{...r,alt:o.alt_text,caption:null!==(S=null===(_=o.caption)||void 0===_?void 0:_.raw)&&void 0!==S?S:"",title:o.title.raw,url:o.source_url})}catch(i){let l;p(e,null),l=i.message?i.message:(0,o.sprintf)((0,o.__)("Error while uploading file %s to the media library."),t.name),r({code:"GENERAL",message:l,file:t})}}}function g(e,t){const i=new window.FormData;return i.append("file",e,e.name||e.type.replace("/",".")),t&&Object.entries(t).forEach((e=>{let[t,o]=e;return i.append(t,o)})),h()({path:"/wp/v2/media",body:i,method:"POST"})}(window.wp=window.wp||{}).mediaUtils=t}();