https://nouw.com/assets/Settings-CGqgTWIU.js

1import{Aa as e,Ai as t,Gn as n,Hi as r,Ia as i,K as a,L as o,Oi as s,Sn as c,Xt as l,_a as u,bi as d,bn as f,c as p,fi as m,ha as h,hr as g,j as _,m as v,ra as y,va as b,xn as x,ya as S}from"./index-BovpZL4f.js";import{t as C}from"./UploadArea-QV29A2lD.js";var w=i(e(),1),T=i(y(),1),E=S(),D=e=>e===`BlogPost`?6:1,O=e=>e===`BlogPost`?6:void 0,k=(e,t)=>e&&e.some(e=>e===t),A=({userId:e,type:t,posts:r,categories:i,selectedCategories:a,onChange:s,onCreated:l})=>{let[f,p]=(0,w.useState)(!1),[_,v]=(0,w.useState)(``),[y,b]=(0,w.useState)(!1),[x,S]=(0,w.useState)(!1),[C,A]=(0,w.useState)({}),{post:j}=g(),M=!!r,N=()=>{p(!0)},P=({target:{value:e}})=>{v(e)},F=e=>{e.value||p(!1)},I=()=>(S(!0),j(`${t===`MagazinePost`||t===`HelpPost`?c:n}`,{UserID:e,Name:_}).then(e=>(S(!1),v(``),p(!1),l(e),s&&!M&&s([...a||[],e.ID]),e)).catch(e=>{S(!1),e.status===409&&(v(``),p(!1),s&&!M&&s([...a||[],e.content]))})),L=e=>{e.key===`Escape`&&p(!1),e.key===`Enter`&&(e.preventDefault(),I().then(e=>{if(e)if(M){let t={...C};t[e.ID]=`all`,A(t),s(t)}else s([...a||[],e.ID])}).catch(e=>{if(e.status===409){let t={...C};t[e.content.ID]!==`all`&&(t[e.content.ID]=`all`,A(t),s(t))}}))},R=()=>{b(e=>!e)},z=e=>{if(M){let t={...C};t[e]===`all`?t[e]=`none`:t[e]=`all`,A(t),s(t)}else k(a||[],e)?s&&s((a||[]).filter(t=>t!==e)):s&&s([...a||[],...i.filter(t=>t.ID===e).map(e=>e.ID)])};(0,w.useLayoutEffect)(()=>{if(!M){A({});return}let e=r.map(e=>{let t=e.Categories||[];return e.Category&&t.push(e.Category),t}).filter(e=>!!e).flat(),t=i.reduce((t,n)=>{let i=e.filter(e=>e.ID===n.ID).length,a=`partly`;return i===r.length?a=`all`:i===0&&(a=`none`),{...t,[n.ID]:a}},{});A(t),s(t)},[i,s,r,M]);let B=e=>{let n=!1;n=M?C[e.ID]!==`none`:k(a||[],e.ID);let r=D(t);return(0,E.jsx)(m,{id:`${M?`posts`:`post`}-category-${e.ID}`,type:`checkbox`,checked:n,onChange:()=>z(e.ID),disabled:!!a&&a.length>=r&&!k(a,e.ID),className:`category-button `+C[e.ID],children:e.Name},e.ID)},V=O(t),H=V?i.slice(0,V):i,U=i.filter(e=>!H.includes(e)),W=H.map(B),G=U.map(B);return(0,E.jsxs)(`div`,{className:(0,T.default)(`row categorycontrol-list`,{"posts-mode":M}),children:[W,!!U.length&&!y&&(0,E.jsx)(o,{className:`more`,onClick:R,children:(0,E.jsxs)(E.Fragment,{children:[`+ `,(0,E.jsx)(h,{value:U.length}),` `,(0,E.jsx)(u,{id:`more`})]})}),!f&&!y&&(0,E.jsx)(m,{className:`create`,onClick:N,children:(0,E.jsx)(u,{id:`new_category`})}

1),f&&!y&&(0,E.jsx)(d,{autoFocus:!0,type:`text`,className:(0,T.default)(`category-create-input`,{loading:x}),onBlur:F,onChange:P,value:_,onKeyDown:L}),y&&(0,E.jsxs)(E.Fragment,{children:[G,!f&&y&&(0,E.jsx)(m,{className:`create`,onClick:N,children:(0,E.jsx)(u,{id:`new_category`})}),f&&y&&(0,E.jsx)(d,{autoFocus:!0,type:`text`,className:(0,T.default)(`category-create-input`,{loading:x}),onBlur:F,onChange:P,value:_,onKeyDown:L})]})]})},j=i(r(),1),M=class extends w.PureComponent{elem;constructor(e){super(e),this.elem=w.createRef()}state={medias:[],hasOverflow:!1};componentDidMount(){this.setMedias()}componentDidUpdate(e){e.content!==this.props.content&&this.setMedias()}setMedias=()=>{let{selectedMedia:e,type:t}=this.props,n=t===`MagazinePost`?[]:v(this.props.content).filter(e=>e.Type===`media`);e&&!n.some(t=>t.Url===e.Url)&&n.push(e),e&&n.length===0&&this.props.onChange(void 0),!e&&n.length>0&&this.props.onChange(n[0]),this.setState({medias:n.filter(e=>e.Width>=600&&e.Height>=300)},()=>{this.setState({hasOverflow:!!this.elem.current&&this.elem.current.scrollWidth>this.elem.current.clientWidth})})};handleChange=e=>{this.props.onChange(e?this.state.medias.find(t=>t.Url===e):void 0)};onCreated=async e=>(this.setState({medias:[e,...this.state.medias]}),this.handleChange(e.Url),Promise.resolve());goLeft=()=>{this.elem.current&&(this.elem.current.scrollLeft=this.elem.current.scrollLeft-this.elem.current.offsetWidth/2)};goRight=()=>{this.elem.current&&(this.elem.current.scrollLeft=this.elem.current.scrollLeft+this.elem.current.offsetWidth/2)};render(){let{medias:e,hasOverflow:t}=this.state,{selectedMedia:n,type:r,userId:i}=this.props,a=r===`MagazinePost`||r===`HelpPost`?`site`:`user`;return[(0,E.jsxs)(`ul`,{ref:this.elem,className:(0,T.default)(`featuredmedia-list row grid small horizontal-scroll pictures`,{"has-overflow":t}),children:[(0,j.default)(e,`Url`).map(e=>(0,E.jsx)(`li`,{className:`row`,children:(0,E.jsx)(d,{name:`image`,id:`Image_`+e.Url,value:e.Url,"data-width":e.Width,"data-height":e.Height,type:`radio`,checked:!!n&&n.Url===e.Url,onChange:()=>this.handleChange(e.Url),children:(0,E.jsx)(_,{picture:e})})},e.Url)),(0,E.jsx)(`li`,{className:`row`,children:(0,E.jsx)(d,{name:`image`,id:`Image_none`,value:``,"data-width":`0`,"data-height":`0`,type:`radio`,checked:!n,onChange:()=>this.handleChange(void 0),children:(0,E.jsx)(`span`,{children:(0,E.jsx)(u,{id:`no_image`})})})}),(0,E.jsx)(`li`,{className:`row create`,children:(0,E.jsx)(C,{onCreated:this.onCreated,context:a,contentType:r,withButton:!0,withText:!0,uploadAreaElem:this.elem.current||void 0,userId:i})})]},`list`)]}},N=e=>{let{value:n,writers:r}=e,{formatMessage:i}=b(),{put:a,post:o,remove:c}=g(),[l,h]=(0,w.useState)(!1),[_,v]=(0,w.useState)(!1),[y,x]=(0,w.useState)(null);(0,w.useEffect)(()=>{x(r.find(e=>e.ID===n)||null)},[r,n]);let S=()=>{h(!0)},C=()=>{h(!1)},T=()=>{v(!0)},D=()=>{v(!1)},O=()=>{x(null),S()},k=t=>{e.onChange&&e.onChange(t)},A=t=>{t.preventDefault(),t.target.checkValidity()&&(y.ID?a(f+`/${y.ID}`,y).then(()=>{e.onWriterChanged&&e.onWriterChanged(y)}).catch(()=>{}):o(f,y).then(t=>{e.onWriterCreated&&e.onWriterCreated(t)}).catch(()=>{}),C())},j=async()=>{let{writers:t}=e,r=t.find(e=>e.ID===n);r&&(await c(f+`/${r.ID}`,r),e.onWriterRemoved?.(r),D())},M=(e,t)=>{x(n=>({...n,[e]:t}))};return(0,E.jsxs)(E.Fragment,{children:[(0,E.jsx)(t,{isOpen:l,onClose:C,contentLabel:`Edit writer modal`,children:l&&(0,E.jsx)(E.Fragment,{children:(0,E.jsxs)(`form`,{className:`box`,onSubmit:A,children:[(0,E.jsx)(`div`,{className:`header`,children:(0,E.jsx)(`h1`,{children:(0,E.jsx)(u,{id:`writer`})})}),(0,E.jsxs)(`div`,{className:`main`,children:[(0,E.jsx)(`div`,{className:`row`,children:(0,E.jsx)(d,{autoComplete:`off`,label:(0,E.jsx)(u,{id:`name`}),name:`Name`,value:y?y.Name:``,onChange:({target:{value:e}})=>M(`Name`,e),placeholder:i({id:`name`})+`...`,type:`text`,required:!0})}),(0,E.jsx)(`div`,{className:`row`,children:(0,E.jsx)(d,{autoComplete:`off`,label:(0,E.jsx)(u,{id:`user_id`}),name:`UserID`,value:y?y.UserID:``,onChange:({target:{value:e}})=>M(`UserID`,e),placeholder:i({id:`user_id`})+`...`,type:`number`})})]}),(0,E.jsx)(`div`,{className:`bottom`,children:(0,E.jsxs)(`div`,{className:`button-group`,children:[(0,E.jsx)(m,{onClick:C,children:(0,E.jsx)(u,{id:`cancel`})}),(0,E.jsx)(m,{type:`submit`,children:(0,E.jsx)(u,{id:`ok`})})]})})]},`EditWriterForm`)})},`editWriterModal`),(0,E.jsx)(p,{isOpen:_,titleId:`are_you_sure`,showOkButton:!0,showCancelButton:!0,onOk:()=>void j(),onClose:D}),(0,E.jsxs)(`div`,{className:`writer-picker button-group`,children:[(0,E.jsx)(d,{name:`WriterID`,autoComplete:`off`,onChange:k,value:n,options:[{value:`0`,messageId:`choose`},...(r||[]).map(e=>({value:e.ID,content:e.Name+(e.User?` (`+e.User.UserName+`)`:``)}))]}),(0,E.jsx)(m,{type:`button`,disabled:!n,onClick:S,children:(0,E.jsx)(u,{id:`edit`})}),(0,E.jsx)(m,{type:`button`,disabled:!n,onClick:T,children:(0,E.jsx)(s,{id:`remove`})}),(0,E.jsx)(m,{type:`button`,onClick:O,children:(0,E.jsx)(u,{id:`create_new`})})]})]})},P=async()=>{try{return await a()}catch(e){if(e.message!==`not supported`)throw console.log(`Location app error`,e),e;return await new Promise((e,t)=>

1{navigator.geolocation.getCurrentPosition(({coords:t})=>{e({accuracy:t.accuracy,altitude:t.altitude,altitudeAccuracy:t.altitudeAccuracy,heading:t.heading,latitude:t.latitude,longitude:t.longitude,speed:t.speed})},e=>{t(e)})})}},F=(e,t)=>{let n=new Intl.DisplayNames([t||`en`],{type:`region`}).of(e.toUpperCase());return n&&n?.substring(0,1).toUpperCase()+n?.substring(1)},I=({post:e,onChange:t,type:n,categories:r,onCategoryCreated:i,onWriterCreated:a,onWriterRemoved:o,onWriterChanged:c})=>{let{locale:f}=b(),[p,h]=(0,w.useState)(!1),{writers:g,mutate:_}=x(n===`MagazinePost`),v=n=>{n.target.checked?P().then(n=>t({...e,Longitude:parseFloat(n.longitude.toFixed(3)),Latitude:parseFloat(n.latitude.toFixed(3))})):t({...e,Longitude:void 0,Latitude:void 0})},y=n=>{t({...e,CommentsStatus:n.target.value?parseInt(n.target.value,10):n.target.value})},S=n=>void t({...e,FeaturedImage:n}),C=i=>{let a=r.filter(e=>i.includes(e.ID));t(n===`MagazinePost`||n===`HelpPost`?{...e,CategoryID:a[0]?a[0].ID:null,Category:a[0]}:{...e,Categories:a})},T=n=>{t({...e,ExternalUrl:n.target.value})},D=n=>{let r=n.target.value;t({...e,SponsoredName:r})},O=n=>{let r=n.target.value;t({...e,TrackingCode:r})},k=n=>{let r=n.target.value;t({...e,BlogID:r})},j=n=>{let r=n.target.value;t({...e,Summary:r})},I=n=>{t({...e,PrioritizeEndDate:n.target.value?new Date(n.target.value):null})},L=n=>{t({...e,PrioritizePosition:parseInt(n.target.value,10)})},R=n=>{t({...e,WriterID:n.ID}),_(),a?.(n)},z=n=>{t({...e,WriterID:0}),_(),o?.(n)},B=n=>{t({...e,WriterID:n.target.value?parseInt(n.target.value,10):n.target.value})},V=n=>{t({...e,Country:n.target.value})},H=n=>{t({...e,Language:n.target.value?n.target.value.split(`-`)[0]:n.target.value})},U=n=>{t({...e,EnglishID:n.target.value?parseInt(n.target.value,10):n.target.value})},W=()=>h(!p),G=n===`BlogPost`||n===`MagazinePost`,K=n===`BlogPost`||n===`MagazinePost`,ee=n===`HelpPost`,q=n===`MagazinePost`,J=n===`BlogPost`&&`geolocation`in navigator,Y=n===`MagazinePost`,te=n!==`BlogPage`,X=n===`MagazinePost`,Z=n===`MagazinePost`,Q=n===`MagazinePost`,ne=n===`BlogPost`,$=n!==`MagazinePost`,re=(e.Categories||[]).map(e=>e.ID);return e.CategoryID&&re.push(e.CategoryID),(0,E.jsxs)(E.Fragment,{children:[!!Y&&(0,E.jsx)(`div`,{className:`header content-width`,children:(0,E.jsx)(`label`,{className:`header-title`,children:(0,E.jsx)(u,{id:`writer`})})},`writerheader`),!!Y&&(0,E.jsx)(`div`,{className:`main content-width`,children:(0,E.jsx)(`div`,{className:`row`,children:(0,E.jsx)(N,{writers:g,onWriterCreated:R,onWriterChanged:c,onWriterRemoved:z,onChange:B,value:e.WriterID||0})})},`writercontent`),!!te&&(0,E.jsx)(`div`,{className:`main content-width`,children:(0,E.jsx)(A,{categories:r,selectedCategories:re,onChange:C,onCreated:i,userId:e.UserID,type:n})},`categoriescontent`),!!ne&&(0,E.jsx)(`div`,{className:`main grid big content-width`,id:`postComments`,children:(0,E.jsx)(`div`,{className:`row`,children:(0,E.jsx)(d,{name:`CommentsStatus`,onChange:y,value:e.CommentsStatus,options:[{value:1,messageId:`allow_comments`},{value:2,messageId:`dont_allow_comments`},{value:3,messageId:`comments_must_be_approved`},{value:4,messageId:`anonymous_comments_must_be_approved`}]})})},`commentscontent`),!!ee&&(0,E.jsxs)(`div`,{className:`main content-width`,children:[(0,E.jsx)(`div`,{className:`row`,children:(0,E.jsx)(d,{type:`language`,name:`Language`,label:(0,E.jsx)(u,{id:`language`}),onChange:H,value:e.Language?e.Language:0})}),(0,E.jsxs)(`div`,{className:`row`,children:[(0,E.jsx)(d,{type:`number`,name:`EnglishID`,label:(0,E.jsx)(E.Fragment,{children:`EnglishID`}),onChange:U,value:e.EnglishID?e.EnglishID:0}),` `,!!e.EnglishID&&(0,E.jsx)(m,{href:`/help/post/edit/${e.EnglishID}`,children:(0,E.jsx)(u,{id:`edit`})})]})]},`languagecontent`),!!$&&(0,E.jsx)(`div`,{className:`header content-width`,children:(0,E.jsx)(`h2`,{children:(0,E.jsx)(u,{id:`featured_image`})})},`featuredheader`),!!$&&(0,E.jsx)(`div`,{className:`main content-width`,children:(0,E.jsx)(M,{content:e.Content,selectedMedia:e.FeaturedImage,onChange:S,userId:e.UserID,type:n})}

1,`featuredcontent`),(!!J||!!Q||!!q||!!X||!!Z)&&(0,E.jsxs)(E.Fragment,{children:[(0,E.jsx)(`div`,{className:`header content-width`,children:(0,E.jsxs)(m,{className:`header-title`,onClick:W,children:[(0,E.jsx)(u,{id:`other_settings`}),` `,(0,E.jsx)(s,{id:p?`arrow-down`:`arrow-right`})]})},`otherheader`),!!p&&(0,E.jsxs)(E.Fragment,{children:[(0,E.jsxs)(`div`,{className:`main content-width`,children:[!!q&&(0,E.jsx)(`div`,{className:`row`,children:(0,E.jsx)(d,{label:(0,E.jsx)(u,{id:`country`}),value:e.Country?e.Country:0,onChange:V,options:[{value:``,messageId:`all`},...l().map(e=>({value:e,content:e===`other`?`International`:F(e,f)||``}))]})}),!!J&&(0,E.jsx)(`div`,{className:`row`,children:(0,E.jsx)(d,{type:`toggle`,name:`Location`,id:`Location`,checked:!!e.Longitude&&!!e.Latitude,onChange:v,children:(0,E.jsx)(u,{id:`show_location_in_post`})})})]},`othercontent`),!!X&&(0,E.jsx)(E.Fragment,{children:(0,E.jsxs)(`div`,{className:`main grid big content-width`,children:[(0,E.jsx)(`div`,{className:`row`,children:(0,E.jsx)(d,{type:`number`,name:`PrioritizePosition`,label:(0,E.jsx)(E.Fragment,{children:`Puff position`}),value:e.PrioritizePosition||``,onChange:L})}),(0,E.jsx)(`div`,{className:`row`,children:(0,E.jsx)(d,{type:`date`,name:`PrioritizeEndDate`,label:(0,E.jsx)(E.Fragment,{children:`Puff end date`}),value:e.PrioritizeEndDate||``,onChange:I})})]},`priocontent`)}),(!!G||!!K)&&(0,E.jsxs)(`div`,{className:`main grid big content-width`,children:[!!G&&(0,E.jsxs)(`div`,{className:`row`,children:[(0,E.jsx)(`label`,{children:(0,E.jsx)(u,{id:`sponsored_by`})}),(0,E.jsx)(d,{name:`SponsoredName`,type:`text`,value:e.SponsoredName||``,onChange:D})]}),!!K&&(0,E.jsxs)(`div`,{className:`row`,children:[(0,E.jsx)(`label`,{children:(0,E.jsx)(u,{id:`external_tracking_code`})}),(0,E.jsx)(d,{name:`TrackingCode`,type:`text`,value:e.TrackingCode||``,onChange:O})]})]}),!!Q&&(0,E.jsx)(`div`,{className:`main content-width`,children:(0,E.jsx)(`div`,{className:`row`,children:(0,E.jsx)(d,{type:`url`,name:`ExternalUrl`,label:(0,E.jsx)(u,{id:`external_url`}),value:e.ExternalUrl||``,onChange:T})})}),!!Z&&(0,E.jsx)(`div`,{className:`main content-width`,children:(0,E.jsx)(`div`,{className:`row`,children:(0,E.jsx)(d,{type:`number`,name:`BlogID`,label:(0,E.jsx)(u,{id:`blog_of_the_week`}),value:e.BlogID||``,onChange:k})})}),(0,E.jsx)(`div`,{className:`main content-width`,children:(0,E.jsxs)(`div`,{className:`row`,children:[(0,E.jsx)(d,{type:`textarea`,name:`Summary`,id:`Summary`,value:e.Summary||``,onChange:j,label:(0,E.jsx)(u,{id:`description`}),maxLength:500}),(0,E.jsx)(`p`,{className:`hint`,children:(0,E.jsx)(u,{id:`meta_description_info`})})]})})]})]})]})};export{A as n,I as t};