https://www.foodtalkdaily.com/resources/combined/js/SB_C.e924fa28717f7625e163.bundle.js

1"use strict";(self.hometalkChunk=self.hometalkChunk||[]).push([["SB_C"],{55357(e,t,a){a.r(t),a.d(t,{default:()=>T});var s=a(54705),i=a(21043),r=a(96540),l=a.n(r),n=a(23500),o=a(66383),c=a(93122),d=a(12989),h=a(91357),m=a(64861),p=a(40184),u=a(42183),g=a(10029),f=a(4211),v=a(44171),E=a(29967),b=a(80337);class C extends l().Component{constructor(e){var t;super(e),t=this,(0,s.A)(this,"getYears",()=>{let e=(new Date).getFullYear(),t=[];for(;1980<=e;)t.push(e--);return t}),(0,s.A)(this,"populateDynamicDropDowns",()=>{this.manufacturers=E.A.THEME.classifieds_brands.brands,this.categories=E.A.THEME.classifieds_brands.categories}),(0,s.A)(this,"handleOpen",()=>{this.setState({isOpen:!0})}),(0,s.A)(this,"handleClose",()=>{this.setState({isOpen:!1})}),(0,s.A)(this,"handleClick",()=>{1==this.state.isOpen?this.handleClose():this.handleOpen()}),(0,s.A)(this,"checkField",e=>!(!(this.state.isDirty||this.props.uploadQueue.length>0)||-1===this.state.errors.indexOf(e))),(0,s.A)(this,"checkButtonField",e=>!(!(this.state.isDirty||this.props.uploadQueue.length>0)||-1===this.state.errors.indexOf(e))),(0,s.A)(this,"validateNumber",e=>/^\d+(?:[.]\d+)?$/.test(e)||""===e),(0,s.A)(this,"handleFieldChange",(e,t)=>{this.setState({[e]:t},()=>this.props.handleClassifiedChange(e,t))}),(0,s.A)(this,"checkIfLoggedIn",()=>this.props.member.loggedIn()),(0,s.A)(this,"changeTooltipAction",e=>{this.setState({actionTooltip:e})}),(0,s.A)(this,"showDraftFooter",()=>!this.props.isEdit),(0,s.A)(this,"onSortStart",()=>{this.setState({reorderingItems:!0})}),(0,s.A)(this,"onSortEnd",(e,t)=>{this.props.media().orderQueue(e,t),this.setState({reorderingItems:!1})}),(0,s.A)(this,"submit",function(){let e=arguments.length>0&&void 0!==arguments[0]?arguments[0]:"";t.checkForm()?((0,v.default)("Submit Classified - Click Element",{element_zone:"Classified Lightbox"}),t.props.submit(e)&&((0,b.PZ)()||1!==parseInt(t.props.features.get("captcha.post"))&&!E.A.THEME.force_sharebox_captcha_types.includes(t.props.shareboxType)?t.props.saveItem():t.setState({showCaptcha:!0}))):(0,v.default)("Submit Classified - Validation Error",{element_zone:"Classified Lightbox"})}),this.state={errors:[],validationMsg:"",isDirty:!1,countries:[],mediaOwner:!0,price:"",mileage:"",manufacturer:"",category:"",model:"",trim:"",year:"",escrow:!1},this.years=this.getYears(),this.manufacturers=[],this.models=[],this.categories=[],this.trim=[],this.getSectionConfig=m.q.bind(this)}componentDidMount(){u.A.getCountries().then(e=>{this.setState({countries:e})}),this.populateDynamicDropDowns(),(0,f.Jt)(this.props.data,"classified.country_id")||this.handleFieldChange("country_id",236)}componentWillReceiveProps(e){e.data!==this.props.data&&(this.state.isDirty||this.setState({isDirty:!0})),e.saveError!==this.props.saveError&&this.setState({validationMsg:e.saveError})}handleChangeSummary(e){this.setState({errors:this.state.errors.filter(e=>"summary"!==e)}),this.props.handleChange("summary",e)}handleMediaOwner(e){this.setState({mediaOwner:e})}checkForm(){let e=arguments.length>0&&void 0!==arguments[0]&&arguments[0],{isEdit:t,data:a,member:s,uploadQueue:i,uploadProgress:r}=this.props,l=this.props.shareboxConfig.validation({...a,mediaOwner:this.state.mediaOwner},t,s,i,r);if(this.setState({validationMsg:e?"":l.msg,errors:l.errors}),0===l.errors.length)return!0}shouldAddErrorClass(){return this.state.errors&&this.state.errors.length||""!==this.state.validationMsg}render(){let{isEdit:e,data:t,success:a,handleChange:s,handleClassifiedChange:i,savingDraft:r,canSaveDraft:m,saveItem:u,saveDraft:g,uploadQueue:v,media:b}=this.props;return l().createElement(h.A,null,l().createElement("div",{className:"main-page-wrap "+(this.props.isLocked?"disabled":""),"data-item-id":t.id||""},l().createElement("div",{className:"container-wrap innerwrap"},!a&&l().createElement(l().Fragment,null,l().createElement("div",{className:"page-header-full with-multiple-sections"},l().createElement("header",null,l().createElement("h1",{className:"title sharebox-title"},e?p.Ay.isDraft(t.type)?"Edit Draft":"Edit Your Listing":"Build Your Listing")))),l().createElement("div",{className:"page-header-full"},l().createElement("div",{className:`sharebox-responsive redesigned shadowBox flexbox w100 forms-revamped flex-column sl-post-box ${this.props.shareboxConfig.general.wrapper_class}`},!a&&l().createElement("div",{className:this.shouldAddErrorClass()?"formError sl-form-error":""},l().createElement("div",{className:"flexbox w100 layout-block"},l().createElement("header",{className:"section-header"},l().createElement("h2",null,"Private Seller")),l().createElement("div",{className:"w100 row"},l().createElement("div",{className:"classifieds-grid-wrapper two-columns"},l().createElement("div",{className:"select-styled bordered relative dib fl "+(this.checkField("year")?"errorField":"")},l().createElement("select",{required:!0,className:"sl-year",value:(0,f.Jt)(t,"classified.year")||"",onChange:e=>{this.setState({validationMsg:""}),this.handleFieldChange("year",e.target.value)}},l().createElement("option",{value:""},"Year*"),this.years.map((e,t)=>l().createElement("option",{key:t,value:e},e)))),l().createElement("div",{className:"select-styled bordered relative dib fl "+(this.checkField("manufacturer")?"errorField":"")},l().createElement("select",{required:!0,className:"sl-manufacturer",value:(0,f.Jt)(t,"classified.manufacturer")||"",onChange:e=>{this.setState({validationMsg:""}),this.handleFieldChange("manufacturer",e.target.value)}},l().createElement("option",{value:""},"Manufacturer*"),this.manufacturers.map((e,t)=>l().createElement("option",{key:t,value:e},e)))),l().createElement("div",{className:"select-styled bordered relative dib fl"},l().createElement("select",{className:"sl-category",value:(0,f.Jt)(t,"classified.category")||"",onChange:e=>{this.handleFieldChange("category",e.target.value)}},l().createElement("option",{value:""},"Category"),this.categories.map((e,t)=>l().createElement("option",{key:t,value:e},e)))),l().createElement("input",{required:!0,type:"text",name:"model",className:"bordered sl-model "+(this.checkButtonField("model")?"errorField":""),placeholder:"Model*",value:(0,f.Jt)(t,"classified.model")||"",onChange:e=>{this.handleFieldChange("model",e.target.value)}}),l().createElement("input",{required:!0,type:"text",name:"trim",className:"bordered sl-trim",placeholder:"Trim",value:(0,f.Jt)(t,"classified.trim")||"",onChange:e=>{this.handleFieldChange("trim",e.target.value)}}),l().createElement("div",{className:this.validateNumber(this.state.price)?"":"errorField"},l().createElement("input",{required:!0,type:"text",name:"price",className:"bordered sl-price "+(this.checkButtonField("price")?"errorField":""),placeholder:"Price (USD)*",value:(0,f.Jt)(t,"classified.price")||"",onChange:e=>{this.handleFieldChange("price",e.target.value)}}),l().createElement("div",{className:"reqErrorMsg"},"Please use digits only")),l().createElement("div",{className:this.validateNumber(this.state.mileage)?"":"errorField"},l().createElement("input",{required:!0,type:"text",name:"miles",className:"bordered sl-miles "+(this.checkButtonField("mileage")?"errorField":""),placeholder:"Miles*",value:(0,f.Jt)(t,"classified.mileage")||"",onChange:e=>{this.handleFieldChange("mileage",e.target.value)}}),l().createElement("div",{className:"reqErrorMsg"},"Please use digits only")),l().createElement("input",{required:!0,type:"text",name:"color",className:"bordered sl-color "+(this.checkButtonField("color")?"errorField":""),placeholder:"Color*",value:(0,f.Jt)(t,"classified.color")||"",onChange:e=>{this.handleFieldChange("color",e.target.value)}}),l().createElement("input",{type:"text",name:"vin",className:"bordered sl-vin",placeholder:"VIN",value:(0,f.Jt)(t,"classified.vin")||"",onChange:e=>{this.handleFieldChange("vin",e.target.value)}}))),l().createElement("div",{className:"spacer"}),l().createElement("div",{className:"flexbox w100 row flex-align-center flex-spaced"},l().createElement("div",{className:"checkbox-md"},l().createElement("input",{id:"use_escrow",type:"checkbox",name:"use_escrow",className:"sl-use-escrow",checked:"1"===(0,f.Jt)(t,"classified.escrow")||this.state.escrow,onChange:e=>{this.handleFieldChange("escrow",e.target.checked)}}),l().createElement("label",{className:"cbutton sl-use-escrow",htmlFor:"use_escrow"})),l().createElement("div",{className:"cms-tooltip-wrap "+(this.state.isOpen?"hover-click":""),onClick:this.handleClick},l().createElement("b",null,"Use Escrow.com")," ",l().createElement("i",{className:"ics-share-ask grayTxt fs15"}),l().createElement("span",{className:"cms-tooltip shadowBoxDeep lh15"},"Escrow.com reduces the risk of fraud by acting as a trusted third-party that collects, holds and only disperses funds when both Buyers and Sellers are satisfied.")))

1),l().createElement(l().Fragment,null,l().createElement("hr",{className:"separator"}),l().createElement("div",{className:"flexbox w100 layout-block"},l().createElement("header",{className:"section-header"},l().createElement("h2",null,"Product Location")),l().createElement("div",{className:"w100 row classifieds-grid-wrapper"},l().createElement("div",{className:"select-styled bordered relative dib fl"},l().createElement("select",{className:"country_id sl-country",value:(0,f.Jt)(t,"classified.country_id")||236,onChange:e=>{this.handleFieldChange("country_id",e.target.value)}},this.state.countries.map((e,t)=>l().createElement("option",{key:t,value:e.id},e.title)))),(0,f.Jt)(t,"classified.country_id")&&236!=(0,f.Jt)(t,"classified.country_id")?l().createElement("input",{type:"text",name:"city",className:"bordered price sl-zip",placeholder:"City Name",value:(0,f.Jt)(t,"classified.city_name")||"",onChange:e=>{this.handleFieldChange("city_name",e.target.value)}}):l().createElement("input",{type:"text",name:"zip",className:"bordered price sl-zip",placeholder:"Postal Code",value:(0,f.Jt)(t,"classified.zipcode")||"",onChange:e=>{this.handleFieldChange("zipcode",e.target.value)}})))),l().createElement(l().Fragment,null,l().createElement("hr",{className:"separator"}),l().createElement("div",{className:"flexbox w100 layout-block"},l().createElement("header",{className:"section-header"},l().createElement("h2",null,"Create your product description")),l().createElement("div",{className:"flexbox w100 row "+(this.checkField("summary")?"error-field sl-error-outline":"")},l().createElement("input",{type:"text",autoComplete:"off",className:"bordered",placeholder:"Headline",name:"summary",value:t.summary||"",required:!0,onChange:e=>this.handleChangeSummary(e.target.value)})),l().createElement("div",{className:"flexbox w100 row"},l().createElement("div",{className:"edit-area"},l().createElement(n.default,{id:"editorPost",quillId:"shareboxClassified",key:t.id,value:t.text||"",className:"editableTextarea tr_zone sl-ql-editor-description",placeholder:"Description",style:{padding:0},updateContent:e=>{this.props.handleChange("text",e)}}))))),l().createElement(l().Fragment,null,l().createElement("hr",{className:"separator"}),l().createElement("div",{className:"flexbox w100 layout-block"},l().createElement("header",{className:"section-header"},l().createElement("h2",null,"Upload your media")),l().createElement("div",{className:"row"},this.getSectionConfig("media").show&&0!==v.length&&l().createElement("div",{className:"flexbox w100 upload-image-section"},l().createElement(o.A,{data:t,media:b(),handleChange:s,changeTooltipAction:this.changeTooltipAction,onSortEnd:this.onSortEnd,isEdit:e,reorderingItems:this.state.reorderingItems,onSortStart:this.onSortStart,saveDraft:g,general_settings:this.props.shareboxConfig.general,disable_text:!0})),this.getSectionConfig("upload_buttons").show&&l().createElement(c.A,{section:"upload_buttons",config:this.getSectionConfig("upload_buttons"),media:b(),checkIfLoggedIn:this.checkIfLoggedIn,itemId:t.id,saveDraft:g,changeTooltipAction:this.changeTooltipAction,maxMediaUploadSize:this.maxMediaUploadSize})),l().createElement("div",{className:"spacer"}),l().createElement("div",{className:"row"},l().createElement("div",{className:"checkbox-md "+(this.checkField("media_owner")?"error-field sl-error-outline":"")},l().createElement("input",{required:!0,id:"media_owner",type:"checkbox",name:"member_type",className:"sl-media_owner",onChange:e=>{this.handleMediaOwner(e.target.checked)},value:this.state.mediaOwner,checked:this.state.mediaOwner}),l().createElement("label",{className:"cbutton sl-media_owner",htmlFor:"media_owner"},"I am the owner of these media and by posting them on ",E.A.THEME.og_sitename,", it does not infringe upon the rights of any third party. I accept ",E.A.THEME.og_sitename,"'s ",l().createElement("a",{href:"https://www.verticalscope.com/aboutus/tos.php?site=atv.com",target:"_blank"},"Terms of Use")))))),this.getSectionConfig("footer_and_buttons").show&&l().createElement(c.A,{section:"footer_and_buttons",getSectionConfig:e=>this.getSectionConfig(e),config:this.getSectionConfig("footer_and_buttons"),general_settings:this.props.shareboxConfig.general,showCaptcha:this.state.showCaptcha,isDirty:this.state.isDirty,val

1idationMsg:this.state.validationMsg,data:t,uploadQueue:v,saveItem:e=>u(e),uploadProgress:this.props.uploadProgress,canSaveDraft:m,saveDraft:g,savingDraft:r,isEdit:e,shareboxConfig:this.props.shareboxConfig,submit:e=>this.submit(e),submitReview:e=>this.submitReview(e),hasMissingScrapeElement:()=>!1,setSuccess:this.props.setSuccess,showDraftFooter:()=>this.showDraftFooter(),shareboxType:this.props.shareboxType})),a&&l().createElement(d.A,{post:t,shareboxConfig:this.props.shareboxConfig}))),l().createElement("div",{className:"spacer80"}))))}}const y=(0,g.JT)((0,g.Tg)((0,g.fQ)((0,g.RE)((0,g.g_)(C)))));var x=a(70772),N=a(46894),w=a.n(N),S=a(77399),k=a.n(S),D=a(17847),A=a(70533);class _ extends l().Component{constructor(e){super(e),(0,s.A)(this,"handlePhoneNumberChange",e=>{this.setState({phoneNumber:e.target.value})}),(0,s.A)(this,"handleCodeChange",(e,t)=>{if(/^\d?$/.test(t)){const a=[...this.state.digits];a[e]=t,this.setState({digits:a},()=>{if(t&&e<a.length-1){const t=document.querySelectorAll(".bordered.number.centered")[e+1];t&&t.focus()}})}}),(0,s.A)(this,"sendCode",()=>{new A.Ay("spamprevention/send_code").create({phone:this.state.phoneNumber,form:"seller"}).then(()=>{this.setState({verificationComplete:!0,errorMsg:"",timeLeft:180}),this.startTimer()}).catch(e=>{this.setState({errorMsg:e.message})})}),(0,s.A)(this,"resendCode",()=>{this.setState(e=>({timeLeft:180}),()=>{this.sendCode(),this.startTimer()})}),(0,s.A)(this,"handleSubmit",()=>{const e=this.state.digits.join("");new A.Ay("spamprevention/check_code").create({code:e}).then(()=>{this.setState({verificationComplete:!0,errorMsg:""}),this.props.approveUser()}).catch(e=>{this.setState({errorMsg:e.message})})}),(0,s.A)(this,"goBack",()=>{this.setState({verificationComplete:!1,digits:Array(6).fill("")}),clearInterval(this.timer)}),(0,s.A)(this,"startTimer",()=>{this.timer=setInterval(()=>{this.setState(e=>e.timeLeft<=0?(clearInterval(this.timer),{isActive:!1,timeLeft:0}):{timeLeft:e.timeLeft-1})},1e3)}),this.state={verificationComplete:!1,loading:!1,phoneNumber:"",digits:Array(6).fill(""),errorMsg:"",timeLeft:0},this.timer=null}render(){return l().createElement("div",{className:"main-page-wrap"},l().createElement("div",{className:"container-wrap innerwrap"},l().createElement("div",{className:"page-header-full with-multiple-sections"},l().createElement("header",null,l().createElement("h1",{className:"title sharebox-title"},"Build Your Listing"))),l().createElement("div",{className:"page-header-full"},l().createElement("div",{className:"sharebox-responsive redesigned shadowBox flexbox w100 forms-revamped flex-column sl-verify-box sharebox-verify-block"},l().createElement("div",{className:"flexbox flex-column centered relative fs16 sms-verify-block"},this.state.verificationComplete?l().createElement("div",{className:"flexbox flex-column centered sl-sms-verification-form-2 "+(this.state.errorMsg?"formError":"")},this.state.loading&&l().createElement(D.A,null),l().createElement("a",{className:"back flex",onClick:this.goBack},l().createElement("i",{className:"ics-arrow-stalk-up fs20"})),l().createElement("h3",{className:"fs20"},"Enter verification code"),l().createElement("div",{className:"flex flex-gapped form-wrap"},this.state.digits.map((e,t)=>l().createElement("input",{key:t,type:"text",inputMode:"numeric",maxLength:"1",className:"bordered number centered sl-code-digit",value:e,autoFocus:0===t,onChange:e=>this.handleCodeChange(t,e.target.value),onKeyDown:e=>{if("Backspace"===e.key&&!e.target.value&&t>0){const t=e.target.previousElementSibling;t&&t.focus()}}})),l().createElement("button",{className:"button primary-button large sl-submit-code-btn",disabled:(e=this.state.digits,!e.every(e=>/^\d$/.test(e))),onClick:()=>this.handleSubmit()},"Submit")),this.state.timeLeft>0?l().createElement("div",null,"You can click to resend the code in ",l().createElement("b",{className:"sl-resend-timer"},function(e){const t=Math.floor(e/60),a=e%60;return`${String(t).padStart(2,"0")}:${String(a).padStart(2,"0")}`}(this.state.timeLeft))):l().createElement("div",null,"Didn't get the code? ",l().createElement("a",{className:"sl-resend-code",onClick:()=>this.resendCode()},"Click to resend")),l().createElement("div",{className:"formErrorMsg sl-error-msg"},this.state.errorMsg)):l().createElement("div",{className:"flexbox flex-column centered sl-sms-verification-form-1 "+(this.state.errorMsg?"formError":"")},l().createElement("h3",{className:"fs20"},"Hold up... we need to verify that you are human first"),l().createElement("p",null,"Please enter a mobile number that can receive an SMS"),l().createElement("div",{className:"flex flex-gapped form-wrap"},l().createElement("span",{className:"relative input-wrap flex flex-align-center flex-gapped-5 nowrap"},l().createElement("input",{type:"text",inputMode:"number",placeholder:"(XXX) XXX XXXX",className:"bordered phone sl-phone-input ",autoFocus:!0,onChange:e=>this.handlePhoneNumberChange(e)}

1)),l().createElement("button",{className:"button tertiary-button large sl-get-code ",disabled:(t=this.state.phoneNumber,!/^(\+?1 ?)?\(?([0-9]{3})\)?[-. ]?([0-9]{3})[-. ]?([0-9]{4})$/.test(t)),onClick:()=>this.sendCode()},"Get code")),l().createElement("div",{className:"formErrorMsg sl-error-msg"},this.state.errorMsg)))))));var e,t}}_.defaultProps={disabled:!1,approveUser:()=>{}};const F=_;class M extends l().Component{constructor(e){var t;super(e),t=this,(0,s.A)(this,"setSuccess",()=>{this.setState({success:!0,isLocked:!1})}),(0,s.A)(this,"submit",function(){return t.setState({processing:!0}),!0}),(0,s.A)(this,"saveDraft",(0,i.A)(()=>{this.alreadySubmitted||this.state.isLocked||!this.state.canSaveDraft||this.state.uploadProgress||(this.setState({savingDraft:!0,canSaveDraft:!1}),this.saveItem(!0).then(e=>{this.setState({canSaveDraft:!0,savingDraft:!1})}).catch(()=>{this.setState({savingDraft:!1,canSaveDraft:!0})}))},3e3,{trailing:!0})),(0,s.A)(this,"handleChange",function(e,a){let s=arguments.length>2&&void 0!==arguments[2]?arguments[2]:{saveDraft:!0};t.setState({data:w()(t.state.data,{[e]:{$set:a}})},()=>{"media_id"!==e&&"copyPasteText"!==e&&"url"!==e&&s.saveDraft&&t.saveDraft()})}),(0,s.A)(this,"handleClassifiedChange",function(e,a){let s={...t.state.data.classified};

1s[e]=a,t.setState({data:w()(t.state.data,{classified:{$set:s}})},()=>{t.saveDraft()})}),(0,s.A)(this,"approveUser",()=>{this.setState({isVerifiedUser:!0},()=>this.initEmptyItem())}),this.postType="classified",this.shareboxType=this.props.type,this.isDraftSharebox=/draft/.test(this.props.type),this.isEdit=Boolean(this.props.id),this.config={...m.d.atvClassified},this.state={data:null,uploadQueue:[],uploadProgress:!1,processing:!1,success:!1,reminders:{},ignoredReminder:"",savingDraft:!1,canSaveDraft:!0,saveError:"",isVerifiedUser:!1},this.media=x.YW.bind(this),this.initEmptyItem=x.Dy.bind(this),this.setData=x.XO.bind(this),this.saveItem=x.VH.bind(this),this.copyPasteDraft=x.cU.bind(this)}componentDidMount(){this.props.isLoggedIn?(!0===window.HT_DATA_LAYER.getData().isSpamPreventionVerified||this.isEdit)&&(this.setState({isVerifiedUser:!0}),this.initEmptyItem()):k()("/404")}hasReminders(e){return!1}render(){const e={isEdit:this.isEdit,shareboxType:this.shareboxType,postType:this.postType,data:this.state.data,handleChange:this.handleChange,handleClassifiedChange:this.handleClassifiedChange,submit:this.submit,saveItem:this.saveItem,success:this.state.success,setSuccess:this.setSuccess,uploadQueue:this.state.uploadQueue,uploadProgress:this.state.uploadProgress,media:this.media,savingDraft:this.state.savingDraft,canSaveDraft:this.state.canSaveDraft,saveDraft:this.saveDraft,isLocked:this.state.isLocked,shareboxConfig:this.config,saveError:this.state.saveError};return l().createElement("div",{className:"content-wrap"},this.state.isVerifiedUser||this.isEdit?this.state.data&&l().createElement(y,e):l().createElement(F,{approveUser:this.approveUser}))}}const T=(0,g.RE)((0,g.Tg)((0,g.JT)((0,g.g_)(M))))}}]);