https://www.atv.com/resources/combined/js/SB_M.4f9d737924811f2baeec.bundle.js

1"use strict";(self.hometalkChunk=self.hometalkChunk||[]).push([["SB_M"],{8509(e,t,a){a.d(t,{A:()=>g});var s=a(58168),o=a(54705),n=a(96540),r=a.n(n),i=a(26542),l=a(5556),d=a.n(l),p=a(29967),c=a(44171),u=a(10029);class m extends r().Component{constructor(e){super(e),this.state={onDragging:!1,uploading:!1,uploadingStarted:!1}}process(){this.input.click()}onUploadFiles(e){this.processFiles(e.dataTransfer.files)}onChooseFiles(e){(0,c.default)("Upload Media",this.props.trackData);let t=e.target.files;this.processFiles(t),e.target.value=""}processFiles(e){let t=this,a=[],s=[];this.props.onProcessStarts(e),this.setState({uploading:!0,uploadingStarted:!0});const o=this.props.member.permissionGranted("post_pic_without_limit"),n=Math.max(50,this.props.maxFileUpload);a.maxFileUpload=o?n:this.props.maxFileUpload,a.api=`${p.A.API_URL}/${this.props.api}`,a.maxWidth=this.props.maxWidth,a.maxHeight=this.props.maxHeight,a.itemId=this.props.itemId,a.acceptVideo=this.props.acceptVideo,a.videoUpload=this.props.videoUpload;try{(a.maxFileUpload<e.length||a.maxFileUpload<=t.props.uploadCount)&&t.props.onError(new Error("Max number of files exceeded"),0),a.maxFileUpload>t.props.uploadCount&&(s=(0,i.A)(e,a,(e,t,a)=>this.props.onProgress(e,t,a),this.props.onAdd,this.props.formData,this.props.page.pageType))}catch(r){t.props.onError(r,0)}s.length?(s.forEach(function(e){e.then(e=>{let{data:a,index:s,file:o}=e;t.props.onSuccess(a,s,o)},function(e){let{data:a,index:s,file:o}=e;t.props.onError(a,s,o),t.props.onProcessEnds()})}),Promise.all(s).then(function(e){t.setState({uploading:!1}),t.props.onSuccessMulti(),t.props.onProcessEnds()})):this.setState({uploading:!1})}render(){let e={};return this.props.multiple&&(e.multiple="multiple"),r().createElement("span",{className:`content-wrap ${this.state.uploading?"sl-uploading":""} ${this.state.uploadingStarted?"sl-uploading-started":""}`,style:this.state.onDragging?{borderStyle:"dotted"}:{borderStyle:"none"},onDrop:e=>{e.preventDefault(),e.stopPropagation(),this.onUploadFiles(e),this.setState({onDragging:!1})},onDragEnter:e=>{e.stopPropagation(),e.preventDefault()},onDragOver:e=>{e.stopPropagation(),e.preventDefault(),this.setState({onDragging:!0})},onDragLeave:e=>{e.preventDefault(),e.stopPropagation(),this.setState({onDragging:!1})}},r().createElement("input",(0,s.A)({onClick:e=>{this.props.preventClick&&e.preventDefault()},ref:e=>this.input=e,type:"file","data-ht-track":this.props.uploadTracking,className:this.props.inputClassName},e,{"aria-label":"Upload media",title:"Upload",onChange:e=>this.onChooseFiles(e)})),this.props.children)}}(0,o.A)(m,"defaultProps",{onError:function(){},onProgress:function(){},onSuccessMulti:function(){},onAdd:function(){},formData:function(){},onProcessStarts:function(){},onProcessEnds:function(){},maxFileUpload:15,maxWidth:1500,maxHeight:1500,preventClick:!1,uploadCount:0,uploadTracking:"Upload Media",multiple:"multiple",trackData:{}});const g=(0,u.nT)((0,u.g_)(m));m.propTypes={api:d().string,maxWidth:d().number,maxHeight:d().number,maxFileUpload:d().number,onSuccess:d().func,onSuccessMulti:d().func,onError:d().func,onProgress:d().func,onAdd:d().func,formData:d().func,itemId:d().number,acceptVideo:d().bool,inputClassName:d().string,preventClick:d().bool,uploadCount:d().number,uploadTracking:d().string,onProcessStarts:d().func,onProcessEnds:d().func}},18082(e,t,a){a.d(t,{J:()=>i});var s=a(58202),o=a.n(s),n=a(48893),r=a(89757);async function i(e,t,a,s,n,r){return"phone"===HT_DATA_LAYER.getData().view.platform&&e.type.startsWith("image/")&&(e=await function(e,t){return new Promise((a,s)=>{o()(e,function(t){"error"===t.type?s("Image resize failed"):t.toBlob(t=>{a(new File([t],e.name,{type:e.type}))},e.type)},{maxWidth:t.maxWidth,maxHeight:t.maxHeight,canvas:!0,orientation:!0})})}(e,a)),n(e),l(e,a.api,s,t,r)}function l(e,t,a,s,o){let i=!(arguments.length>5&&void 0!==arguments[5])||arguments[5],d=new FormData,p=new XMLHttpRequest;const c=o(e);for(let n in c)d.set(n,c[n]);d.set("photo",e,e.name),p.open("POST",t),p.setRequestHeader("Credentials","same-origin"),p.setRequestHeader("X-CSRF",HT_DATA_LAYER.getData().csrfToken),p.upload.onprogress=function(e){let t=e.position||e.loaded,o=e.totalSize||e.total,n=Math.floor(t/o*100);

1a(n,s,"photo")};let u=new Promise((d,c)=>{p.onreadystatechange=function(){if(p.readyState===XMLHttpRequest.DONE){let m;try{m=JSON.parse(p.response)}catch(u){m=p.response}if(200===p.status||201===p.status)delete m.alt,d({data:m,index:s,file:e});else if(i&&403===p.status&&"csrf"===m.errors.field)(0,n.Nw)().then(()=>l(e,t,a,s,o,!1)).then(d,c);else{switch(m.message){case"Invalid file resolution":m.message=r.in;break;case"File resolution too small":m.message=r.vH;break;case"Resource does not exist":m.message=r.dw;break;case"Connection Error":m.message=r.Yh;break;case"Formatting of a field is invalid":m=r.nO;break;default:m.message="Error"}c({data:m,index:s,file:e})}}}});return p.send(d),u}},25280(e,t,a){function s(e){let t=arguments.length>1&&void 0!==arguments[1]&&arguments[1],a=e.comment_id||null,s="",o="";return a&&(s="?cid="+a),e.quality,o=1==t?e.site_url+s+"#c-"+a:e.site_url+s,{href:o,attr:{}}}a.d(t,{O:()=>s})},26542(e,t,a){a.d(t,{A:()=>p});var s=a(18082),o=a(44171),n=a(48893),r=a(29967),i=a(70533);function l(e,t,a,s,i){let p=arguments.length>5&&void 0!==arguments[5]?arguments[5]:{},c=arguments.length>6&&void 0!==arguments[6]?arguments[6]:null,u=!(arguments.length>7&&void 0!==arguments[7])||arguments[7],m=new FormData,g=new XMLHttpRequest,h=p.api||`${r.A.API_URL}/media/upload`;const f={item_id:t,type:"video",filename:e.name,filesize:e.size,filetype:e.type,uploaded_from:c};for(let o in f)m.set(o,f[o]||"");e.table_id&&m.set("table_id",e.table_id),p.top_activity_id&&m.set("top_activity_id",p.top_activity_id),g.open("POST",h),g.setRequestHeader("Credentials","same-origin"),g.setRequestHeader("X-CSRF",HT_DATA_LAYER.getData().csrfToken);let x=new Promise((t,r)=>{g.onreadystatechange=function(){if(g.readyState===XMLHttpRequest.DONE){let h;try{h=JSON.parse(g.response)}catch(m){h=g.response}200===g.status||201===g.status?(i(h,!0),function(e,t,a,s,n){let r=new XMLHttpRequest,i=e.video;r.open("PUT",i.signedURL),r.setRequestHeader("Content-Type",t.type),r.upload.onprogress=function(t){let a=t.position||t.loaded,o=t.totalSize||t.total,n=Math.floor(a/o*100);s(n,e,"video")};let l=new Promise((s,i)=>{r.onreadystatechange=function(){r.readyState===XMLHttpRequest.DONE&&(200===r.status||201===r.status?n(e,t,a).then(e=>{s(e),(0,o.default)("Upload Video")}):i({data:r.response,index:a}))}});return r.send(t),l}(h,e,a,s,p.videoUpload?p.videoUpload:d).then(e=>{t(e)})):u&&403===g.status&&"csrf"===h.errors.field?(0,n.Nw)().then(()=>l(e,api,s,a,data,p,c,!1)).then(t,r):r({data:h,index:a,file:e})}}});return g.send(m),x}function d(e,t){let a=arguments.length>2&&void 0!==arguments[2]?arguments[2]:null,s=e.video,o=e.media,n=new i.Ay("media/uploaded_video");return e.html&&(o.html=e.html),new Promise(e=>{n.create({filename:s.filename,media_id:o.id,storage_type:s.storage_type,storage_location:s.storage_location,bucket_name:s.bucket_name}).then(()=>{e({data:o,index:null!=a?a:o.id,file:t})})})}const p=function(e,t,a,o,n){let r=arguments.length>5&&void 0!==arguments[5]?arguments[5]:null,i=[];return Array.prototype.forEach.call(e,(e,d)=>{d<t.maxFileUpload&&(e.type.startsWith("image/")?i.push((0,s.J)(e,d,t,a,o,n)):e.type.startsWith("video/")?i.push(t.acceptVideo?l(e,t.itemId,d,a,o,t,r):Promise.reject({data:{message:"Video not accepted"},index:d,file:e})):i.push(Promise.reject({data:"Type of file not accepted",index:d,file:e})))}),i}},48842(e,t,a){a.r(t),a.d(t,{default:()=>u});var s=a(96540),o=a.n(s),n=a(58168),r=a(10029),i=a(8509),l=a(25280);class d extends o().Component{constructor(e){super(e),this.shareboxType=this.props.type,this.isEdit=Boolean(this.props.id)}render(){const e={placeholder:"Start typing to select a product...",className:"bordered",onChange:this.onAutoSuggestChange,type:"text",required:!0};return o().createElement("div",{className:"sharebox-responsive redesigned shadowBox flexbox w100 forms-revamped flex-column sl-upload-manual-sharebox"},!success&&o().createElement(o().Fragment,null,o().createElement("div",{className:this.state.errors&&this.state.errors.length?"formError sl-form-error":""},o().createElement("div",{className:"flexbox w100 layout-block"},o().createElement("div",{className:"flex w100 row title-input"},o().createElement("input",{value:data.summary||"",name:"summary",onChange:e=>this.handleChange("summary",e.target),onFocus:()=>this.trackEvent("title"),type:"text",className:"bordered",autoComplete:"off",placeholder:"Give you manual a title (optional)"})),uploaded?o().createElement(o().Fragment,null,o().createElement("div",{className:"flexbox w100 layout-block manual-block"},o().createElement("div",{className:"uploaded-manual fs16 lh14"},o().createElement("span",{className:"name"},{pdf_name},".pdf (",{pdf_size},")"),o().createElement("div",{className:"icon-handlers fs18"},o().createElement("a",{onClick:()=>this.removeSection(uploaded_section),className:"trash-button"}

1,o().createElement("i",{className:"ics-trash"}))))),o().createElement("div",{className:"flexbox w100 layout-block assign-product-block "+(this.props.checkField("product_assigned")?"error-field sl-error-outline":"")},o().createElement("h4",null,"Assign your manual to a product*"),o().createElement("div",{className:"assign-wrap flexbox flex-align-center relative "+(this.state.assigned?"assigned":"")},o().createElement("div",{className:"w100 layout-block"},o().createElement(Autosuggest,{suggestions:this.state.suggestions,onSuggestionsFetchRequested:this.requestSuggestions,onSuggestionsClearRequested:this.onSuggestionsClearRequested,getSuggestionValue:this.getSuggestionValue,renderSuggestion:this.renderSuggestion,inputProps:e,onSuggestionSelected:this.onSuggestionSelected,theme:{suggestionsContainer:"autocomplete dropdown-menu",container:"w100 row relative",suggestion:"autocomplete-suggestion-li sl-author-suggestion",suggestionFirst:"react-autosuggest__suggestion--first",suggestionHighlighted:"active"}}),o().createElement("a",{"aria-label":"Assign product button",onClick:this.toggleState(assigned),className:"button neutral-button large js-assign-product-button"})))),o().createElement("div",{className:"flexbox w100 flex-align-center footer-block flex-justify-end flex-spaced"},o().createElement("div",{className:"formErrorMsg sl-error-message flexbox"},"Please assign product to the manual"),o().createElement("button",{className:"button primary-button large sl-post-discussion sl-post-btn",disabled:this.state.processing,onClick:this.handleSubmit},this.isEdit?"Save":"Publish"))):o().createElement("div",{className:"flexbox w100 layout-block manual-upload"},o().createElement("span",{className:"button tertiary-button large upload-button"},o().createElement("i",{className:"ics-upload"}),"Upload manual",o().createElement(i.A,{onError:"",onProgress:"",onSuccess:"",onAdd:"",api:"",inputClassName:"fileupload sl-fileupload",preventClick:!this.props.member.loggedIn(),formData:"",uploadTracking:JSON.stringify({action:"Upload Manual",element_zone:"Post Lightbox",anchor_text:"PDF"})})))))),success&&o().createElement("div",{className:"success-message-box flexbox w100 hidden"},o().createElement("h1",null,"Manual Posted!"),o().createElement("div",{className:"w100 success-text"},o().createElement("span",{className:"default-illustration"}),o().createElement("a",(0,n.A)({target:"_self",className:"button tertiary-button large sl-view-now",href:(0,l.O)(post).href},(0,l.O)(post).attr,{"data-ht-track":JSON.stringify({action:"View Now",element_zone:`${post.type} Success`})}),"View Manual Now"))))}}d.defaultProps={trackData:{element_zone:"Manual Sharebox",page_type:"Manual Sharebox"}};const p=(0,r.nT)((0,r.Tg)((0,r.g_)((0,r.vw)(d))));class c extends o().Component{constructor(e){super(e),this.isEdit=Boolean(this.props.id)}render(){return o().createElement("div",{className:"content-wrap"},o().createElement("div",{className:"main-page-wrap"},o().createElement("div",{className:"container-wrap innerwrap"},o().createElement("div",{className:"page-header-full"},o().createElement("header",null,o().createElement("h1",{className:"title"},this.isEdit?"Edit Manual":"Upload a Manual"))),o().createElement("div",{className:"page-header-full"},o().createElement(p,{id:this.props.id,isNotInline:!0})))))}}const u=c},89757(e,t,a){a.d(t,{Yh:()=>i,dw:()=>r,in:()=>o,nO:()=>l,vH:()=>n});var s=a(29967);const o=s.A.LANG.sharebox.upload_error_invalid_file_resolution,n=s.A.LANG.sharebox.upload_error_too_small,r=s.A.LANG.sharebox.upload_error_resource_not_exist,i=s.A.LANG.sharebox.upload_error_connection_error,l=s.A.LANG.sharebox.upload_error_file_not_accepted}}]);