1"use strict";(self.webpackChunkmembers=self.webpackChunkmembers||[]).push([[4165],{34165:function(e,t,s){s.r(t),s.d(t,{default:function(){return D}});var a=s(23029),i=s(92901),n=s(39874),r=s(85501),o=s(88094),l=s(19318),c=s(91212),d=s(10467),p=s(49222),u=s(56508),m=s(17725),h=s(27400),g=s(55197),v=s(48696),f=s(74410),b=s(15678),x=function(e){function t(e){var s;return(0,a.A)(this,t),(s=(0,n.A)(this,t,[e])).componentDidMount=function(){s.state.useAsSelect&&p.F.alert("Use as select tool initiated, pick an item and we will return it"),s.refresh(s.state.textsearch,s.state.keywords)},s.refresh=function(e,t){s.setState({data:{},loading:!1}),p.F.apiGet("api/File/GetMediaVisualSearch?Text=".concat(e,"&Category=").concat(t)).then(function(t){t.data.success?""!==e&&t.data.message!==e||s.setState({data:t.data.dataobject,loading:!1,errorResponse:!1,messages:t.data.message+p.F.timestamp()}):(console.log("Ignoring stale search (another search already returned more recently)"),s.setState({loading:!1,errorResponse:!0,messages:t.data.message+p.F.timestamp()}))})},s.popthis=function(e,t){s.state.useAsSelect&&void 0!==s.state.onChange&&s.state.onChange(t);var a=[];a.push(e),s.setState({selectedids:a})},s.handleChangeForTextSearch=function(){return function(e){s.setState({textsearch:e.target.value}),console.log("searched for "+e.target.value),s.refresh(e.target.value,s.state.keywords)}},s.handleChangeForCategory=function(){return function(e){s.setState({keywords:e.target.value}),console.log("category change to "+e.target.value),s.refresh(s.state.textsearch,e.target.value)}},s.fileuploaded=function(){var e=(0,d.A)((0,c.A)().m(function e(t){return(0,c.A)().w(function(e){for(;;)switch(e.n){case 0:return e.n=1,p.F.awaitSetState(s,{textsearch:t,visible:!1});case 1:s.refresh(s.state.textsearch,s.state.keywords);case 2:return e.a(2)}},e)}));return function(t){return e.apply(this,arguments)}}(),s.addNew=function(e){e.preventDefault(),[].push(0),s.setState({itemGuid:"",visible:!0})},s.editImage=function(e){s.setState({itemGuid:e,visible:!0})},s.selectImage=function(e,t){e.stopPropagation();var a=new CustomEvent("MyCustomEvent",{detail:{value:t}});s.props.onChange(a)},s.deleteImage=function(e){p.F.apiGet("api/File/DeleteFile?FileGuid=".concat(e)).then(function(t){t.data.success?s.refresh(s.state.textsearch,s.state.keywords):(console.log("failed "+e),s.setState({loading:!1,errorResponse:!0,errormessage:t.data.message+p.F.timestamp()}))})},s.state={data:{},loading:!0,textsearch:"",keywords:"",selectedids:[0],itemGuid:"",useAsSelect:s.props.useAsSelect,onChange:s.props.onChange,errorResponse:!1,messages:"",maxRecords:20},p.F.MemberAuthenticated(),s}return(0,r.A)(t,e),(0,i.A)(t,[{key:"FormSubmit",value:function(e){e.preventDefault(),document.getElementById("visual--searchbutton").focus()}},{key:"render",value:function(){var e=this;if(void 0===this.props.visible||!this.props.visible)return null;var t=0;return(0,b.jsx)("div",{children:(0,b.jsx)("div",{id:"PopupComponentEditorSelector",className:"popup",style:{display:"inline"},children:(0,b.jsxs)("div",{id:"Popup-divx",className:"popup-content",children:[(0,b.jsx)("span",{id:"Popup-close",className:"popup-close",onClick:function(t){return e.selectImage(t,e.props.value)},children:"Ã"}),p.F.Header("Media search"),(0,b.jsx)("p",{children:"Select an item "}),this.state.selectedids&&(0,b.jsxs)("div",{className:"Search--Editbar",children:[" ",(0,b.jsxs)("button",{className:"btn btn-secondary btn--action",onClick:this.addNew,children:[" ",(0,b.jsx)("i",{className:"fas fa-plus"})," New Image "]})," "]}),this.state.loading&&(0,b.jsx)(u.m,{}),""!==this.state.messages&&(0,b.jsx)(f.q,{message:this.state.messages,error:this.state.errorResponse}),this.state.visible&&(0,b.jsx)("div",{children:(0,b.jsx)(v.Q,{itemGuid:this.state.itemGuid,onChange:this.fileuploaded,folderName:"media",visible:this.state.visible})}),(0,b.jsx)(m.A,{onSubmit:this.FormSubmit,children:(0,b.jsx)(h.A,{children:(0,b.jsxs)(g.A,{children:[(0,b.jsx)("div",{className:"col-10 col-sm-11",children:(0,b.jsx)(l.A,{type:"text",className:"",id:"Keywords",placeholder:"Text Search (.jpg logo etc)",onChange:this.handleChangeForTextSearch(),value:this.state.textsearch})}),(0,b.jsx)("div",{className:"col-2 col-sm-1",children:(0,b.jsx)("i",{id:"visual--searchbutton",onClick:this.FormSubmit,className:"fas fa-search SearchIcon"})})]})})}),(0,b.jsx)(g.A,{className:"VisualSearch--Row",children:!this.state.loading&&this.state.data.length>0&&this.state.data.map(function(e,s){var a=this;if(++t>this.state.maxRecords)return null;var i,n="",r=!1;void 0!==(i=this.state.selectedids)&&null!==i&&this.state.selectedids.includes(e.itemID)&&(n=" Supplier-VisualSearch--Selected",r=!0);var o=p.F.GetDocumentLink(e,!0,!0);return(0,b.jsx)("div",{className:"VisualSearch--Item card col-12 col-sm-12 col-md-4 col-lg-4 col-xl-2"+n,onClick:function(){return a.popthis(e.itemID,e.blobUri)},children:(0,b.jsxs)("div",{className:"thumbnail ",children:[(0,b.jsx)("img",{className:"VisualSearch--Logo card-body",src:o,alt:e.name,loading:"lazy"}),(0,b.jsxs)("div",{className:"VisualSearch--Caption",children:[(0,b.jsxs)("p",{className:"VisualSearch--Heading",children:[e.displayName," "]}),(0,b.jsxs)("p",{children:[e.folder," ",e.size," kb"]}),(0,b.jsx)("p",{children:e.description}),(0,b.jsxs)("p",{children:[(0,b.jsx)("button",{className:"btn btn-secondary btn--action",rel:"noopener noreferrer",onClick:function(t){return a.selectImage(t,p.F.GetDocumentLink(e,!1,!0))},target:"_blank",children:"Select"})," ",(0,b.jsx)("button",{className:"btn btn-secondary btn--action",onClick:function(){return a.editImage(e.itemGuid)},target:"_blank",children:"edit"})," ",(0,b.jsx)("button",{className:"btn btn-delete btn--action",onClick:function(){return p.F.confirm("Are you sure you wish to delete the selected items?",function(){return a.deleteImage(e.itemGuid)})},target:"_blank",children:"delete"})]}),r&&(0,b.jsx)("i",{className:"fas fa-check-circle VisualSearch--Selected"})]})]})},s)},this)}),t>this.state.maxRecords&&(0,b.jsx)("button",{className:"btn btn-primary",onClick:function(){return e.setState({maxRecords:e.state.maxRecords+20})},children:"Load More"}),this.state.loading&&(0,b.jsx)(u.m,{}),(0,b.jsx)("button",{type:"button",className:"btn btn-secondary",onClick:function(t){return e.selectImage(t,e.props.value)},children:"Cancel"})]})})})}}])}(o.Component),j=s(14238),y=function(e){function t(e){var s;return(0,a.A)(this,t),(s=(0,n.A)(this,t,[e])).componentDidMount=function(){},s.selectImage=function(e,t){e.stopPropagation();var a=new CustomEvent("MyCustomEvent",{detail:{value:t}});s.props.onChange(a)},s.state={messages:""},p.F.MemberAuthenticated(),s}return(0,r.A)(t,e),(0,i.A)(t,[{key:"render",value:function(){var e=this;return void 0!==this.props.visible&&this.props.visible?(0,b.jsx)("div",{children:(0,b.jsx)("div",{id:"PopupComponentEditorSelector",className:"popup",style:{display:"inline"},children:(0,b.jsxs)("div",{id:"Popup-divx",className:"popup-content",children:[(0,b.jsx)("span",{id:"Popup-close",className:"popup-close",onClick:function(t){return e.selectImage(t,e.props.value)},children:"Ã"}),(0,b.jsx)(j.default,{mode:"DocumentLibraryLookup",onChange:this.props.onChange,value:this.props.value})]})})}):null}}])}(o.Component),C=s(10886),w=function(e){function t(e){var s;return(0,a.A)(this,t),(s=(0,n.A)(this,t,[e])).componentDidMount=function(){s.state.useAsSelect&&p.F.alert("Use as select tool initiated, pick an item and we will return it"),s.refresh(s.state.textsearch,s.state.keywords)},s.refresh=function(e,t){s.setState({data:{},loading:!1}),p.F.apiGet("api/website/GetPageVisualSearch?Text=".concat(e,"&Category=").concat(t)).then(function(t){t.data.success?""!==e&&t.data.message!==e||s.setState({data:t.data.dataobject,loading:!1,errorResponse:!1,messages:t.data.message+p.F.timestamp()}):(console.log("Ignoring stale search (another search already returned more recently)"),s.setState({loading:!1,errorResponse:!0,messages:t.data.message+p.F.timestamp()}))})},s.popthis=function(e){void 0!==s.props.onChange&&s.props.onChange(e)},s.handleChangeForTextSearch=function(){return function(e){s.setState({textsearch:e.target.value}),console.log("searched for "+e.target.value),s.refresh(e.target.value,s.state.keywords)}},s.handleChangeForCategory=function(){return function(e){s.setState({keywords:e.target.value}),console.log("category change to "+e.target.value),s.refresh(s.state.textsearch,e.target.value)}},s.selectImage=function(e){var t=new CustomEvent("MyCustomEvent",{detail:{value:e}});s.props.onChange(t)}
1,s.state={data:{},loading:!0,textsearch:"",keywords:"",selectedids:[0],itemGuid:"",useAsSelect:s.props.useAsSelect,onChange:s.props.onChange,errorResponse:!1,messages:""},p.F.MemberAuthenticated(),s.popthis=s.popthis.bind(s),s}return(0,r.A)(t,e),(0,i.A)(t,[{key:"FormSubmit",value:function(e){e.preventDefault(),document.getElementById("visual--searchbutton").focus()}},{key:"render",value:function(){var e=this;return void 0!==this.props.visible&&this.props.visible?(0,b.jsx)("div",{children:(0,b.jsx)("div",{id:"PopupComponentEditorSelector",className:"popup",style:{display:"inline"},children:(0,b.jsxs)("div",{id:"Popup-divx",className:"popup-content",children:[(0,b.jsx)("span",{id:"Popup-close",className:"popup-close",onClick:function(){return e.selectImage(e.props.value)},children:"Ã"}),(0,b.jsx)("h2",{children:"Page Search"}),(0,b.jsx)("p",{children:"Pick a page to link to "}),this.state.selectedids&&(0,b.jsxs)("div",{className:"Search--Editbar",children:[" ",(0,b.jsxs)("button",{className:"btn btn-secondary btn--action",onClick:function(){e.addNew()},children:[" ",(0,b.jsx)("i",{className:"fas fa-plus"})," New Image "]})," "]}),this.state.loading&&(0,b.jsx)(u.m,{}),""!==this.state.messages&&(0,b.jsx)(f.q,{message:this.state.messages,error:this.state.errorResponse}),(0,b.jsx)(m.A,{onSubmit:this.FormSubmit,children:(0,b.jsx)(h.A,{children:(0,b.jsxs)(g.A,{children:[(0,b.jsx)("div",{className:"col-10 col-sm-11",children:(0,b.jsx)(l.A,{type:"text",className:"",id:"Keywords",placeholder:"Text Search (.jpg logo etc)",onChange:this.handleChangeForTextSearch(),value:this.state.textsearch})}),(0,b.jsx)("div",{className:"col-2 col-sm-1",children:(0,b.jsx)("i",{id:"visual--searchbutton",onClick:this.FormSubmit,className:"fas fa-search SearchIcon"})})]})})}),(0,b.jsx)(g.A,{className:"VisualSearch--Row",children:!this.state.loading&&this.state.data.length>0&&this.state.data.map(function(e,t){var s=this;return(0,b.jsx)("div",{className:"members--search--results col-12 ",ref:function(e){return p.F.DynamicRefCSS(e,s.state.customStyleData,"foreground")},children:(0,b.jsxs)(C.A,{className:"members--search--results-item ",ref:function(e){return p.F.DynamicRefCSS(e,s.state.customStyleData,"foreground")},children:[(0,b.jsx)(C.A.Header,{children:(0,b.jsxs)("div",{className:"btn btn-link clickable",onClick:function(){return s.popthis(p.F.decodeSearchField(e.url))},children:[e.iconClass&&e.iconClass.length>0&&(0,b.jsx)("i",{className:e.iconClass})," ",e.name," ",e.iconClass]})}),(0,b.jsx)(C.A.Body,{className:"members--search--results-body my-auto",children:(0,b.jsx)("div",{className:" members--search--results-description html",children:p.F.RawHTML(p.F.replaceAll(e.description,"[AI Generated]",""))})}),(0,b.jsxs)(C.A.Body,{className:"",variant:"bottom",src:"",children:[(0,b.jsxs)("div",{className:" btn-link ",children:[" ",p.F.decodeSearchField(e.url)," "]}),(0,b.jsx)("br",{}),(0,b.jsx)("div",{className:" btn btn--action btn-primary",onClick:function(){return s.popthis(p.F.decodeSearchField(e.url))},children:"select"})]})]})},"webpagesearch_"+t)}.bind(this))}),this.state.loading&&(0,b.jsx)(u.m,{}),(0,b.jsx)("button",{type:"button",className:"btn btn-secondary",onClick:function(){return e.selectImage(e.props.value)},children:"Cancel"})]})})}):null}}])}(o.Component),A=s(24765),S=s(19307),N=s(19180),k=function(e){function t(e){var s;return(0,a.A)(this,t),(s=(0,n.A)(this,t,[e])).loadExistingImages=(0,d.A)((0,c.A)().m(function e(){var t,a;return(0,c.A)().w(function(e){for(;;)switch(e.n){case 0:return s.setState({loadingExisting:!0}),t=s.state.maxExisting,e.n=1,p.F.apiGet("api/File/GetMediaVisualSearch?Text=&Category=Screenshots&MaxRecords=".concat(t));case 1:(a=e.v).data.success&&s.setState({existingImages:a.data.dataobject,loadingExisting:!1});case 2:return e.a(2)}},e)})),s.generateFileName=function(){var e=p.F.makeId(6).toUpperCase();return"screenshot_".concat(Date.now(),"_").concat(e,".jpg")},s.isValidImageFile=function(e){return e&&e.type&&e.type.startsWith("image/")},s.handlePaste=function(e){var t,a=null===(t=e.clipboardData)||void 0===t?void 0:t.items;if(a){var i,n=(0,A.A)(a);try{for(n.s();!(i=n.n()).done;){var r=i.value;if(r.type.startsWith("image/")){var o=r.getAsFile();o&&s.loadImageFile(o);break}}}catch(e){n.e(e)}finally{n.f()}}},s.handleDrop=function(e){var t,a;e.preventDefault();var i=null===(t=e.dataTransfer)||void 0===t||null===(a=t.files)||void 0===a?void 0:a[0];s.isValidImageFile(i)&&s.loadImageFile(i)},s.handleDragOver=function(e){return e.preventDefault()},s.onFileChange=function(e){var t,a=null===(t=e.target.files)||void 0===t?void 0:t[0];a&&(a.size>1e7?p.F.alert("Image must be under 10MB"):s.isValidImageFile(a)?s.loadImageFile(a):p.F.alert("Please upload an image file"))},s.loadImageFile=function(e){var t=new FileReader;t.onload=function(e){var t=e.target.result,a=new Image;a.onload=function(){s.setState({imageSrc:t,trimTop:0,trimBottom:0,imageHeight:a.height,imageWidth:a.width,messages:"",errorResponse:!1}),s.props.autoUpload&&setTimeout(function(){return s.uploadTempImage()},50)},a.src=t}
1,t.readAsDataURL(e)},s.uploadTempImage=(0,d.A)((0,c.A)().m(function e(){var t;return(0,c.A)().w(function(e){for(;;)switch(e.n){case 0:if(s.state.imageSrc){e.n=1;break}return e.a(2);case 1:s.setState({loading:!0}),(t=new Image).src=s.state.imageSrc,t.onload=(0,d.A)((0,c.A)().m(function e(){var a,i,n,r,o,l,u;return(0,c.A)().w(function(e){for(;;)switch(e.n){case 0:i=s.props.maxWidth||1600,n=t.width>i?i/t.width:1,r=Math.max(0,s.state.trimTop),o=Math.max(1,t.height-r-s.state.trimBottom),l=s.canvasRef.current,u=l.getContext("2d"),l.width=Math.round(t.width*n),l.height=Math.round(o*n),u.drawImage(t,0,r,t.width,o,0,0,l.width,l.height),l.toBlob(function(){var e=(0,d.A)((0,c.A)().m(function e(t){var a,i,n,r;return(0,c.A)().w(function(e){for(;;)switch(e.p=e.n){case 0:return e.p=0,a=new FormData,i=s.generateFileName(),a.append("filename",i),a.append("displayName",i),a.append("fileObject",t,i),a.append("keywords","screenshot"),a.append("description",s.state.label||""),e.n=1,p.F.apiPost("api/MyDetails/UploadFile",a);case 1:(n=e.v).data.success?((r=n.data.dataobject).includes("/api/Website/DownloadFile?")&&(r=r.replace("/api/Website/DownloadFile?","/api/WebsiteCached/DownloadFile?")),s.props.onChange&&s.props.onChange(r),s.setState({loading:!1,imageSrc:null,trimTop:0,trimBottom:0,label:""})):s.setState({loading:!1,messages:n.data.message+p.F.timestamp(),errorResponse:!0}),e.n=3;break;case 2:e.p=2,e.v,s.setState({loading:!1,messages:"Upload failed"+p.F.timestamp(),errorResponse:!0});case 3:return e.a(2)}},e,null,[[0,2]])}));return function(t){return e.apply(this,arguments)}}(),"image/jpeg",null!==(a=s.props.jpegQuality)&&void 0!==a?a:.85);case 1:return e.a(2)}},e)}));case 2:return e.a(2)}},e)})),s.state={imageSrc:null,trimTop:0,trimBottom:0,label:"",loading:!1,errorResponse:!1,messages:"",imageHeight:0,imageWidth:0,showExisting:!1,existingImages:[],loadingExisting:!1,maxExisting:20},s.fileInputRef=o.createRef(),s.canvasRef=o.createRef(),s.pasteRef=o.createRef(),s}
1return(0,r.A)(t,e),(0,i.A)(t,[{key:"componentDidMount",value:function(){this.pasteRef.current&&this.pasteRef.current.addEventListener("paste",this.handlePaste)}},{key:"componentWillUnmount",value:function(){this.pasteRef.current&&this.pasteRef.current.removeEventListener("paste",this.handlePaste)}},{key:"renderDropZone",value:function(){var e=this;return(0,b.jsxs)("div",{className:"custom-upload-wrapper text-center",children:[(0,b.jsxs)("div",{ref:this.pasteRef,tabIndex:"0",onDrop:this.handleDrop,onDragOver:this.handleDragOver,style:{border:"2px dashed #ccc",padding:"20px",cursor:"pointer",marginBottom:"10px"},children:[(0,b.jsx)("div",{children:(0,b.jsx)("i",{className:"fas fa-bolt fa-2x mb-2"})}),(0,b.jsx)("div",{children:(0,b.jsx)("strong",{children:"Click here and press Ctrl+V to paste"})}),(0,b.jsx)("div",{children:"or drag & drop image"})]}),(0,b.jsxs)("div",{children:[(0,b.jsx)("button",{type:"button",className:"btn btn-secondary ",onClick:function(){var t;return null===(t=e.fileInputRef.current)||void 0===t?void 0:t.click()},children:"Select Image File"}),(0,b.jsx)(l.A,{type:"file",accept:"image/*",style:{display:"none"},onChange:this.onFileChange,ref:this.fileInputRef}),(0,b.jsx)("button",{className:"btn btn-outline-secondary mt-2",onClick:function(){e.setState({showExisting:!e.state.showExisting},function(){e.state.showExisting&&e.loadExistingImages()})},children:"My Screenshots"})]})]})}},{key:"renderEditor",value:function(){var e=this;return(0,b.jsxs)("div",{children:[(0,b.jsx)("img",{src:this.state.imageSrc,alt:"preview",style:{maxWidth:"100%",marginBottom:10}}),!this.props.autoUpload&&(0,b.jsx)("button",{onClick:this.uploadTempImage,disabled:this.state.loading,children:this.state.loading?"Uploading...":"Save & Upload"}),(0,b.jsx)("button",{onClick:function(){return e.setState({imageSrc:null})},style:{marginLeft:10},children:"Cancel"}),(0,b.jsx)("canvas",{ref:this.canvasRef,style:{display:"none"}})]})}},{key:"render",value:function(){var e=this;return(0,b.jsxs)("div",{children:[this.state.loading&&(0,b.jsx)(N.o,{}),(0,b.jsxs)("h3",{className:"mx-auto",title:"Perfect for upload/forget images. Note: For more important documents or images you want to re-use across the website we recommend you use the Document Library",children:[(0,b.jsx)("i",{className:"fas fa-bolt webpage--componenteditor--icon"}),"Temp Image Loader"]}),(0,b.jsxs)(g.A,{children:[(0,b.jsxs)(S.A,{lg:9,className:"mx-auto FileUpload",children:[!this.state.imageSrc&&this.renderDropZone(),this.state.imageSrc&&this.renderEditor()]}),this.state.showExisting&&(0,b.jsxs)("div",{className:"mt-3 row",children:[this.state.existingImages.map(function(t,s){var a=p.F.GetDocumentLink(t);return a=a.replace("/api/Website/DownloadFile?","/api/WebsiteCached/DownloadFile?"),(0,b.jsx)("div",{className:"col-4 mb-2",style:{cursor:"pointer"},onClick:function(){e.props.onChange&&e.props.onChange(a)},children:(0,b.jsx)("img",{src:a,style:{width:"100%"},alt:"",loading:"lazy"})},s)}),this.state.existingImages.length===this.state.maxExisting&&(0,b.jsx)("div",{className:"text-center mt-3",children:(0,b.jsx)("button",{className:"btn btn-outline-primary btn-sm",onClick:function(){return e.setState({maxExisting:e.state.maxExisting+20},function(){return e.loadExistingImages()})},children:"Load More"})})]}),""!==this.state.messages&&(0,b.jsx)(f.q,{message:this.state.messages,error:this.state.errorResponse})]})]})}}])}(o.Component),F=s(82724),I=s(99209),R=function(e){function t(e){var s;return(0,a.A)(this,t),(s=(0,n.A)(this,t,[e])).onCropComplete=function(e,t){s.setState({croppedAreaPixels:t})},s.generateFileName=function(){var e=p.F.makeId(6).toUpperCase();return"cropped_".concat(Date.now(),"_").concat(e,".jpg")},s.createImage=function(e){return new Promise(function(t,s){var a=new Image;a.crossOrigin="anonymous",a.onload=function(){return t(a)},a.onerror=s,a.src=e})},s.uploadCroppedImage=(0,d.A)((0,c.A)().m(function e(){var t,a,i,n;return(0,c.A)().w(function(e){for(;;)switch(e.p=e.n){case 0:if(s.props.imageUrl&&s.state.croppedAreaPixels){e.n=1;break}return e.a(2);case 1:return s.setState({loading:!0,messages:"",errorResponse:!1}),e.p=2,e.n=3,s.createImage(s.props.imageUrl);case 3:t=e.v,a=s.state.croppedAreaPixels,i=s.canvasRef.current,n=i.getContext("2d"),i.width=Math.round(a.width),i.height=Math.round(a.height),n.drawImage(t,Math.round(a.x),Math.round(a.y),Math.round(a.width),Math.round(a.height),0,0,Math.round(a.width),Math.round(a.height)),i.toBlob(function(){var e=(0,d.A)((0,c.A)().m(function e(t){var a,i,n,r;return(0,c.A)().w(function(e){for(;;)switch(e.p=e.n){case 0:return e.p=0,a=new FormData,i=s.generateFileName(),a.append("filename",i),a.append("displayName",i),a.append("fileObject",t,i),a.append("keywords","screenshot cropped"),a.append("description","Cropped in Mition"),e.n=1,p.F.apiPost("api/MyDetail
1s/UploadFile",a);case 1:(n=e.v).data.success?((r=n.data.dataobject).includes("/api/Website/DownloadFile?")&&(r=r.replace("/api/Website/DownloadFile?","/api/WebsiteCached/DownloadFile?")),s.props.onChange&&s.props.onChange(r),s.setState({loading:!1})):s.setState({loading:!1,messages:n.data.message+p.F.timestamp(),errorResponse:!0}),e.n=3;break;case 2:e.p=2,e.v,s.setState({loading:!1,messages:"Upload failed"+p.F.timestamp(),errorResponse:!0});case 3:return e.a(2)}},e,null,[[0,2]])}));return function(t){return e.apply(this,arguments)}}(),"image/jpeg",.9),e.n=5;break;case 4:e.p=4,e.v,s.setState({loading:!1,messages:"Could not process image"+p.F.timestamp(),errorResponse:!0});case 5:return e.a(2)}},e,null,[[2,4]])})),s.state={crop:{x:0,y:0},zoom:1,aspect:16/9,croppedAreaPixels:null,loading:!1,errorResponse:!1,messages:""},s.canvasRef=o.createRef(),s}return(0,r.A)(t,e),(0,i.A)(t,[{key:"render",value:function(){var e=this;return(0,b.jsxs)("div",{className:"mt-3 p-3 border rounded bg-light",children:[this.state.loading&&(0,b.jsx)(N.o,{}),(0,b.jsxs)(g.A,{children:[(0,b.jsx)(S.A,{sm:12,children:(0,b.jsxs)("h4",{children:[(0,b.jsx)("i",{className:"fas fa-crop-alt"})," Crop / Resize Image"]})}),(0,b.jsx)(S.A,{sm:12,md:8,children:(0,b.jsx)("div",{style:{position:"relative",width:"100%",height:"420px",background:"#222"},children:(0,b.jsx)(F.Ay,{image:this.props.imageUrl,crop:this.state.crop,zoom:this.state.zoom,aspect:this.state.aspect,onCropChange:function(t){return e.setState({crop:t})},onZoomChange:function(t){return e.setState({zoom:t})},onCropComplete:this.onCropComplete})})}),(0,b.jsxs)(S.A,{sm:12,md:4,children:[(0,b.jsx)(I.A,{children:"Aspect Ratio"}),(0,b.jsxs)("select",{className:"form-control mb-3",value:String(this.state.aspect),onChange:function(t){var s=t.target.value,a=16/9;"1"===s&&(a=1),"1.3333333333"===s&&(a=4/3),"1.7777777778"===s&&(a=16/9),e.setState({aspect:a})},children:[(0,b.jsx)("option",{value:"1.7777777778",children:"16:9"}),(0,b.jsx)("option",{value:"1.3333333333",children:"4:3"}),(0,b.jsx)("option",{value:"1",children:"1:1"})]}),(0,b.jsx)(I.A,{children:"Zoom"}),(0,b.jsx)("input",{className:"form-control mb-3",type:"range",min:"1",max:"3",step:"0.01",value:this.state.zoom,onChange:function(t){return e.setState({zoom:parseFloat(t.target.value)})}}),(0,b.jsx)("button",{className:"btn btn-primary btn--action mr-2",onClick:this.uploadCroppedImage,disabled:this.state.loading,children:"Save Cropped Copy"}),(0,b.jsx)("button",{className:"btn btn-secondary btn--action",onClick:function(){return e.setState({crop:{x:0,y:0},zoom:1,aspect:16/9})},children:"Reset"})]})]}),""!==this.state.messages&&(0,b.jsx)(f.q,{message:this.state.messages,error:this.state.errorResponse}),(0,b.jsx)("canvas",{ref:this.canvasRef,style:{display:"none"}})]})}}])}(o.Component),D=function(e){function t(e){var s;return(0,a.A)(this,t),(s=(0,n.A)(this,t,[e])).componentDidMount=function(){s.setState({loading:!1})},s.onChangeMedia=function(e){var t;s.setState({mediasearchvisible:!1,imageeditvisible:!1}),e.targetName=null!==(t=s.props.name)&&void 0!==t?t:"url-input",s.props.onChange(e)},s.onChangeDocument=function(e){var t;s.setState({documentsearchvisible:!1,imageeditvisible:!1}),e.targetName=null!==(t=s.props.name)&&void 0!==t?t:"url-input",s.props.onChange(e)},s.onChangePage=function(e){var t;s.setState({pagesearchvisible:!1,imageeditvisible:!1});var a={detail:{value:e},targetName:null!==(t=s.props.name)&&void 0!==t?t:"url-input"};s.props.onChange(a)},s.onChangeTempImage=function(e){var t;s.setState({tempimagevisible:!1,imageeditvisible:!1});var a={detail:{value:e},targetName:null!==(t=s.props.name)&&void 0!==t?t:"url-input"};s.props.onChange(a)},s.onChangeEditedImage=function(e){var t;s.setState({imageeditvisible:!1});var a={detail:{value:e},targetName:null!==(t=s.props.name)&&void 0!==t?t:"url-input"};s.props.onChange(a)},s.state={loading:!0,errorResponse:!1,messages:"",mediasearchvisible:!1,documentsearchvisible:!1,pagesearchvisible:!1,tempimagevisible:!1,imageeditvisible:!1},s}return(0,r.A)(t,e),(0,i.A)(t,[{key:"render",value:function(){var e=this,t=!1,s="";this.props.value&&(s=this.props.value.toString().toLowerCase()),p.F.IsImage(s)&&(t=!0);var a=!1,i="";return t||s!==(i=p.F.IconImage(s))&&(a=!0),(0,b.jsxs)("div",{children:[(0,b.jsxs)("div",{className:"row url-input-row",children:[t&&this.props.value&&(0,b.jsx)("div",{className:"col-sm-2",children:(0,b.jsx)("img",{className:"members--clickable",alt:this.props.value,style:{maxWidth:"90px"},src:this.props.value,onClick:function(){return p.F.Redirect(e.props.value,!0)}})}),a&&(0,b.jsx)("div",{className:"col-sm-2",children:(0,b.jsx)("img",{className:"members--clickable",alt:this.props.value,style:{maxWidth:"90px"},src:i,onClick:function(){return p.F.Redirect(e.props.value,!0)}})}),!t&&!a&&(0,b.jsx)("div",{className:"col-sm-1"}),(0,b.jsx)("div",{className:"col-sm-10",children:(0,b.jsx)(l.A,{type:"Field",value:this.props.value,onChange:this.props.onChange},this.props.itemID)}),(0,b.jsxs)("div",{className:"col-sm-4",children:[(0,b.jsx)("i",{className:"fas fa-image webpage--componenteditor--icon webpage--componenteditor--icon-medialibrary hidden",title:"media file lookup",onClick:function(){return e.setState({mediasearchvisible:!e.state.mediasearchvisible})}}),(0,b.jsx)("i",{className:"far fa-file-archive webpage--componenteditor--icon webpage--componenteditor--icon-documentlibrary",title:"document library lookup",onClick:function(){return e.setState({documentsearchvisible:!e.state.documentsearchvisible})}}),(0,b.jsx)("i",{className:"fas fa-bolt webpage--componenteditor--icon",title:"Screenshot / Temp upload - super fast",onClick:function(){return e.setState({tempimagevisible:!e.state.tempimagevisible})}}),t&&(0,b.jsx)("i",{className:"fas fa-crop-alt webpage--componenteditor--icon",title:"crop / resize image",onClick:function(){return e.setState({imageeditvisible:!e.state.imageeditvisible})}}),(0,b.jsx)("i",{className:"fas fa-link webpage--componenteditor--icon webpage--componenteditor--icon-webpagelookup",title:"webpage lookup",onClick:function(){return e.setState({pagesearchvisible:!e.state.pagesearchvisible})}})]})]}),this.state.mediasearchvisible&&(0,b.jsx)(x,{visible:this.state.mediasearchvisible,value:this.props.value,onChange:this.onChangeMedia}),this.state.documentsearchvisible&&(0,b.jsx)(y,{visible:this.state.documentsearchvisible,mode:"DocumentLibraryLookup",value:this.props.value,onChange:this.onChangeDocument}),this.state.pagesearchvisible&&(0,b.jsx)(w,{visible:this.state.pagesearchvisible,value:this.props.value,onChange:this.onChangePage}),this.state.tempimagevisible&&(0,b.jsx)(k,{autoUpload:!0,maxWidth:1600,jpegQuality:.85,onChange:this.onChangeTempImage}),this.state.imageeditvisible&&t&&this.props.value&&(0,b.jsx)(R,{visible:this.state.imageeditvisible,imageUrl:this.props.value,onChange:this.onChangeEditedImage})]})}}])}(o.Component)},48696:function(e,t,s){s.d(t,{Q:function(){return b}});var a=s(91212),i=s(10467),n=s(23029),r=s(92901),o=s(39874),l=s(85501),c=s(88094),d=s(74410),p=s(19307),u=s(19318),m=s(27400),h=s(99209),g=s(49222),v=s(19180),f=s(15678),b=function(e){function t(e){var s;return(0,n.A)(this,t),(s=(0,o.A)(this,t,[e])).loadScreen=(0,i.A)((0,a.A)().m(function e(){var t;return(0,a.A)().w(function(e){for(;;)switch(e.n){case 0:void 0===(t=s.props.itemGuid)||null==t||""===t?g.F.apiGet("api/Website/GetModel?datasetname=FileUpload").then(function(e){s.setState({data:e.data.dataobject,itemGuid:"",itemID:0,filename:"",displayName:"",description:"",keywords:"",size:0,blobUri:"",loading:!1,errorResponse:!1,messages:""})}):g.F.apiGet("api/File/GetFile?FileGuid=".concat(t)).then(function(e){var a=e.data;e.data.success?s.setState({itemGuid:t,data:a.dataobject,itemID:a.dataobject.itemID,filename:a.dataobject.filename,displayName:a.dataobject.displayName,description:a.dataobject.description,keywords:a.dataobject.keywords,size:a.dataobject.size,blobUri:a.dataobject.blobUri,loading:!1,errorResponse:!1,messages:""}):(console.log("failed "+t),s.setState({loading:!1,errorResponse:!1,messages:a.message}))});case 1:return e.a(2)}},e)})),s.handleChangeFor=function(e){return function(t){var a=s.state;a[e]=t.target.value,s.setState({state:a})}},s.onChangeHandler=function(e){console.log(e.target.files[0]),e.target.files[0].size/1048576>2&&g.F.Popup("Warning","This file is fairly large (".concat((e.target.files[0].size/1048576).toFixed(2),"MB) in size. Think about resizing this first if you intend on putting this on a website for your members, as it could take a while to display.")),s.setState({selectedFile:e.target.files[0],displayName:e.target.files[0].name,loaded:0,filename:"",error:!1,messages:"",errormessage:""})},s.addImage=function(){var e=(0,i.A)((0,a.A)().m(function e(t){return(0,a.A)().w(function(e){for(;;)switch(e.n){case 0:return e.n=1,g.F.apiPost("api/File/UploadFile",t).then(function(e){if(e.data.success){void 0!==s.props.onChange&&s.props.onChange(s.state.displayName),void 0!==s.props.onSave&&s.props.onSave(e.data.dataobject),s.setState({itemId:0,filename:"",displayName:"",ke
1ywords:"",description:"",blobUri:"",size:0,errors:{},messages:"",loading:!1,errorResponse:!1,visible:!1});var t=document.getElementById("media-upload-control");null!=t&&(t.value="")}else console.log("it didnt work"),s.setState({messages:"File upload failed. "+e.data.message+g.F.timestamp(),error:!0,errorResponse:!0,loading:!1})});case 1:return e.a(2)}},e)}));return function(t){return e.apply(this,arguments)}}(),s.onClickHandler=function(){var e=(0,i.A)((0,a.A)().m(function e(t){return(0,a.A)().w(function(e){for(;;)switch(e.n){case 0:t.preventDefault(),s.setState({loading:!0}),g.F.apiGet("api/Website/GetModel?datasetname=FileUpload").then(function(e){var t=new FormData;if(t.append("displayName",s.state.displayName),t.append("description",s.state.description),t.append("itemID",s.state.itemID),t.append("itemGuid",s.state.itemGuid),t.append("keywords",s.state.keywords),t.append("blobUri",s.state.blobUri),t.append("size",s.state.size),t.append("folder",s.props.folderName),""===s.state.itemGuid){if(t.append("filename",s.state.selectedFile.name),void 0===s.state.selectedFile)return void g.F.alert("Please select a file to upload first");t.append("fileObject",s.state.selectedFile)}else void 0!==s.state.selectedFile&&(t.append("filename",s.state.selectedFile.name),t.append("fileObject",s.state.selectedFile));s.setState({file:t}),s.sendImage(t)});case 1:return e.a(2)}},e)}));return function(t){return e.apply(this,arguments)}}(),s.state={itemGuid:e.itemGuid,data:{},itemId:0,FileURL:e.FileURL,filename:"",displayName:"",keywords:"",description:"",blobUri:"",size:0,errors:{},messages:"",loading:!0,errorResponse:!1,file:{},showAdvanced:!1},s.onClickHandler=s.onClickHandler.bind(s),s.addImage=s.addImage.bind(s),s}
1return(0,l.A)(t,e),(0,r.A)(t,[{key:"componentDidMount",value:function(){this.loadScreen()}},{key:"sendImage",value:function(){var e=(0,i.A)((0,a.A)().m(function e(t){return(0,a.A)().w(function(e){for(;;)switch(e.n){case 0:return e.n=1,this.addImage(t);case 1:return e.a(2)}},e,this)}));return function(t){return e.apply(this,arguments)}}()},{key:"render",value:function(){var e=this;if(this.state.loading)return null;var t="";return void 0!==this.state.data&&null!==this.state.data&&void 0!==this.state.data.itemID&&null!==this.state.data.blobUri&&this.state.data.blobUri.length>0&&(t=g.F.GetDocumentLink(this.state.data)),(0,f.jsxs)("div",{id:"PopupAddfile",className:"popup",style:{display:"inline"},children:[""!==this.state.messages&&(0,f.jsx)(d.q,{message:this.state.messages,error:this.state.errorResponse}),(0,f.jsxs)("div",{id:"Popup-div",className:"popup-content",children:[(0,f.jsx)("span",{id:"Popup-close",className:"popup-close",onClick:function(t){return e.props.onChange("")},children:"Ã"}),(0,f.jsxs)(m.A,{children:[(0,f.jsx)(h.A,{sm:12,className:"control-label",children:"File"}),(0,f.jsxs)(p.A,{sm:10,children:[(0,f.jsx)(u.A,{id:"media-upload-control",type:"file",className:"form-control",multiple:"",onChange:this.onChangeHandler}),(0,f.jsx)("div",{className:"members--errorMsg--validation ",children:this.state.errors.File})]})]}),this.state.itemGuid.length>0&&(0,f.jsx)("div",{className:"VisualSearch--Row",children:(0,f.jsx)("div",{className:"VisualSearch--Item",children:(0,f.jsx)("img",{alt:this.state.displayName,className:"VisualSearch--Logo card-body",src:t})})}),(0,f.jsxs)(m.A,{children:[(0,f.jsx)(h.A,{sm:12,className:"control-label",children:"Display name"}),(0,f.jsxs)(p.A,{sm:10,children:[(0,f.jsx)(u.A,{type:"text",placeholder:"Display name",id:"displayName",onChange:this.handleChangeFor("displayName"),value:this.state.displayName}),(0,f.jsx)("div",{className:"members--errorMsg--validation ",children:this.state.errors.displayName})]})]}),(0,f.jsxs)(m.A,{children:[(0,f.jsx)(h.A,{sm:12,className:"control-label",children:"Keywords"}),(0,f.jsxs)(p.A,{sm:10,children:[(0,f.jsx)(u.A,{type:"text",placeholder:"Keywords",id:"keywords",onChange:this.handleChangeFor("keywords"),value:this.state.keywords}),(0,f.jsx)("div",{className:"members--errorMsg--validation ",children:this.state.errors.keywords})]})]}),(0,f.jsxs)(m.A,{children:[(0,f.jsx)(h.A,{sm:12,className:"control-label",children:"Description"}),(0,f.jsxs)(p.A,{sm:10,children:[(0,f.jsx)(u.A,{type:"textarea",rows:6,placeholder:"Description",id:"description",onChange:this.handleChangeFor("description"),value:this.state.description}),(0,f.jsx)("div",{className:"members--errorMsg--validation ",children:this.state.errors.description})]})]}),this.state.showAdvanced&&(0,f.jsxs)(m.A,{children:[(0,f.jsx)(h.A,{sm:12,className:"control-label",children:"Blob Uri"}),(0,f.jsxs)(p.A,{sm:10,className:"Members--Disclaimer",children:[(0,f.jsxs)("div",{children:[" ",(0,f.jsx)("p",{children:this.state.data.blobUri.replace(/ /g,"%20")})]}),(0,f.jsx)("div",{className:"members--errorMsg--validation ",children:this.state.errors.keywords})]})]}),this.state.showAdvanced&&(0,f.jsxs)(m.A,{children:[(0,f.jsx)(h.A,{sm:12,className:"control-label",children:"Public Uri"}),(0,f.jsxs)(p.A,{sm:10,className:"Members--Disclaimer",children:[(0,f.jsx)("div",{children:(0,f.jsx)("p",{children:t})}),(0,f.jsx)("div",{className:"members--errorMsg--validation ",children:this.state.errors.keywords})]})]}),this.state.showAdvanced&&(0,f.jsx)("div",{className:"btn-link btn",onClick:function(){return e.setState({showAdvanced:!e.state.showAdvanced})},children:" Hide Advanced Settings "}),!this.state.showAdvanced&&(0,f.jsx)("div",{className:"btn-link btn",onClick:function(){return e.setState({showAdvanced:!e.state.showAdvanced})},children:" Advanced Settings "}),this.state.loading&&(0,f.jsx)(v.o,{}),(0,f.jsxs)("div",{className:"Popup-buttonarea",children:[""===this.state.itemGuid&&(0,f.jsx)("button",{className:"btn btn-primary btn--action",onClick:this.onClickHandler,children:"Upload"}),this.state.itemGuid.length>0&&(0,f.jsx)("button",{className:"btn btn-primary btn--action",onClick:this.onClickHandler,children:"Save"}),(0,f.jsx)("button",{className:"btn btn-secondary btn--action",onClick:function(t){return e.props.onChange("")},children:"Cancel"})]})]})]})}}])}(c.Component)}}]);
Line numbers count LF bytes from the start of the resource, as the search results do. Vendor segments are library code the classifier recognised; they are stored but not indexed. Bytes are shown as Latin1 characters, one per byte.