import{a as ge}from"/wp-web-assets/build/_shared/chunk-KIADP6FQ.js";import{a as me}from"/wp-web-assets/build/_shared/chunk-F6PIHC4G.js";import{A as ie}from"/wp-web-assets/build/_shared/chunk-FPSF7EX6.js";import{a as ce}from"/wp-web-assets/build/_shared/chunk-2TLILPRO.js";import{k as w}from"/wp-web-assets/build/_shared/chunk-VNDGKOW7.js";import{a as le}from"/wp-web-assets/build/_shared/chunk-NJJ2RLU5.js";import{a as re}from"/wp-web-assets/build/_shared/chunk-YDSTIBS2.js";import{b as L}from"/wp-web-assets/build/_shared/chunk-2YZJKNX4.js";import{a as de}from"/wp-web-assets/build/_shared/chunk-BCAQNPD2.js";import{D as ne,E as y,a as q,y as G}from"/wp-web-assets/build/_shared/chunk-DFBJ2RPP.js";import{e as g}from"/wp-web-assets/build/_shared/chunk-6OSFCK5A.js";var M={"thanks-for-the-input":"dJtEg","image-wrapper":"ot82C",image:"iA3bs",text:"EXAag",heading:"MbA5w",subheading:"xBKRd",confirmation:"_7JiqH","confirmation-button":"_2tPnY",backdrop:"Llanj",modal:"oQlnJ"};var d=g(q());ne();var l={toggle:"fU7QC","block-on":"Vc4Bb","block-off":"_8rjVa",switch:"DKQ-a",off:"HuIlw",on:"MrCPH",disabled:"KgiE6"};var ue=g(q());var i=g(y()),Ne=({toggleState:a,onToggle:v,loading:o,disabled:k})=>{let{t:c}=w(),x=(0,ue.useContext)(re),f=x&&le(x.locale),m=(0,i.jsxs)(i.Fragment,{children:[(0,i.jsx)("div",{className:l["block-off"],children:(0,i.jsx)("span",{className:l["label-off"],children:c("OFF")})}),(0,i.jsx)("div",{className:l["block-on"],children:(0,i.jsx)("span",{className:l["label-on"],children:c("ON")})})]}),h=(0,i.jsxs)(i.Fragment,{children:[(0,i.jsx)("div",{className:l["block-on"],children:(0,i.jsx)("span",{className:l["label-on"],children:c("ON")})}),(0,i.jsx)("div",{className:l["block-off"],children:(0,i.jsx)("span",{className:l["label-off"],children:c("OFF")})})]});return o?(0,i.jsx)("div",{className:L(l.toggle,l[a]),role:"switch","aria-checked":a==="on"?"true":"false",children:(0,i.jsx)("div",{className:l["block-off"],children:(0,i.jsx)("span",{className:l["label-off"],children:"..."})})}):k?(0,i.jsxs)("div",{className:L(l.toggle,l[a],l.disabled),role:"switch","aria-checked":a==="on"?"true":"false",children:[(0,i.jsx)("div",{className:l.switch}),f?m:h]}):(0,i.jsxs)("div",{className:L(l.toggle,l[a]),role:"switch",tabIndex:0,"aria-checked":a==="on"?"true":"false",onClick:v,children:[(0,i.jsx)("div",{className:l.switch}),f?m:h]})},fe=Ne;var N=g(de());var s={"content-settings":"vl-Zp",hidden:"n-tDD","content-settings-title":"a4ECT",divider:"XJVwK",instruction:"ySfpS",toggle:"aUxNS",title:"vy-0s",prompt:"_7wXIa",mature:"QXC4h","blocked-tags":"YOYIB","blocked-tags-list":"yZfIi",tags:"_68aVJ","left-section":"vdIxZ","right-section":"fdZDQ","edit-tags-button":"hgKIN","button-title":"AmcSd","content-settings-messaging":"XkwEf",more:"wbkS6",footer:"sSQ2g","submit-button":"QeCB4",cancel:"hlWS6",spinner:"NHQG5","edit-blocked-tags":"NGDuA"};var F=g(de());var T=g(q());var u={"content-settings":"meP6r","edit-blocked-tags":"knLlc",hidden:"-Dmdc",heading:"aGLC3",back:"r--CJ",title:"QuTpB",instruction:"_82wpl",prompt:"-byV7",tags:"QfIK-","input-field":"lCogl",warning:"_0XN--","warning-text":"LqxfU"};var K=g(q());ne();var _={"suggested-tags":"cAfnn",title:"lYt33",tags:"-Xe1u",tag:"Eg7oQ"};var H=g(y());function te({excludedSuggestions:a,handleClick:v,inputTerm:o,innerRef:k}){let{t:c}=w(),[x,f]=(0,K.useState)([]),m=G(),h=ge(p=>{m.load(`/resource/autocomplete-tag?term=${p}`)},500);return(0,K.useEffect)(()=>{h(o)},[o]),(0,K.useEffect)(()=>{if(!(!m.data||m.state!=="idle"))if(m.data){let A=m.data.filter(E=>!a.includes(E));f(A)}else f([])},[m]),(0,H.jsxs)("div",{className:_["suggested-tags"],children:[(0,H.jsx)("div",{className:_.title,"aria-label":c("Suggested Tags"),children:c("Suggested Tags")}),(0,H.jsx)("div",{className:_.tags,ref:k,tabIndex:0,children:x.map(p=>(0,H.jsxs)("button",{onClick:()=>v(p),className:_.tag,"aria-label":p,children:["#",p]},p))})]})}var r=g(y()),Ce=({initialTags:a,onReturn:v,tagLimit:o,visibleState:k,unblockableTags:c,removeOnTagClick:x})=>{let[f,m]=(0,T.useState)(a),[h,p]=(0,T.useState)(""),[A,E]=(0,T.useState)(""),[Z,U]=(0,T.useState)(!1),$=(0,T.useRef)(null),B=(0,T.useRef)(null),{t:I}=w(),P=I("Oops! This tag can't be blocked."),Q=I("You have reached your blocked tags limit.");(0,T.useEffect)(()=>{m(a)},[a]),(0,T.useEffect)(()=>{o&&a.length>=o&&(E(Q),U(!0))},[a,o,Q]);let X=t=>{isNaN(o)||(t.length>=o?(E(Q),U(!0)):(E(""),U(!1))),m(t)},J=(t,C)=>{c&&c.includes(h)?E(P):(!C.some(W=>W===t)&&t&&X([...C,t]),p(""))},Y=t=>{if(t.keyCode===9&&B.current&&B.current.focus(),t.keyCode===13||t.nativeEvent.data===" "||t.keyCode===32)J(h.toLowerCase(),f);else if(t.keyCode!==37&&t.keyCode!==38&&t.keyCode!==39&&t.keyCode!==40){let C=t.target.value===" "?"":t.target.value.toLowerCase();p(C),E("")}},j=(t,C)=>{if(t.preventDefault(),(x||t.target.className.includes("remove")||t.keyCode===13)&&t.keyCode!==9&&t.keyCode!==16){let z=C,b=f.filter(ee=>ee!==z);X(b)}};return(0,r.jsxs)("div",{className:L(u["content-settings"],u["edit-blocked-tags"],!k&&u.hidden),children:[(0,r.jsxs)("div",{className:u.heading,children:[(0,r.jsx)("button",{className:u.back,onClick:()=>v(f),children:(0,r.jsx)(F.Icon,{name:F.IconNames.WpArrowLeft})}),(0,r.jsx)("h2",{className:u.title,children:I("Blocked Tags")})]}),(0,r.jsx)("hr",{}),(0,r.jsxs)("div",{className:u.instruction,children:[(0,r.jsx)("h3",{className:u.title,children:I("Blocked Tags")}),(0,r.jsx)("p",{className:u.prompt,children:I("We will remove all stories that have the following tags from your Home recommendations.")})]}),(0,r.jsx)("div",{className:u["blocked-tags-list"],children:(0,r.jsx)("div",{className:u.tags,children:f.map(t=>(0,r.jsx)(F.Pill,{label:t,leadingIcon:F.IconNames.WpClose,onClick:C=>j(C,t),href:" "},t))})}),(0,r.jsx)("input",{className:u["input-field"],type:"text",ref:$,onKeyDown:Y,onChange:Y,value:h,placeholder:I("Separate tags with a space"),disabled:Z}),A&&(0,r.jsxs)("div",{className:u.warning,children:[(0,r.jsx)(ce,{name:"warning-triangle",height:"22",strokeColor:"var(--wp-neutral-1)"}),(0,r.jsx)("p",{className:u["warning-text"],children:A})]}),h&&(0,r.jsx)(te,{handleClick:t=>{J(t,f)},inputTerm:h,excludedSuggestions:f.map(t=>t),innerRef:B})]})},pe=Ce;var we=(a,v)=>{if(a.length!==v.length)return!1;let o=[...a].sort(),k=[...v].sort();for(let c=0;c<o.length;c++)if(o[c]!==k[c])return!1;return!0},be=we;var e=g(y()),ye=({closeModal:a,saveAndClose:v})=>{let{t:o}=w(),[k,c]=(0,d.useState)(!0),[x,f]=(0,d.useState)(!1),[m,h]=(0,d.useState)(!1),[p,A]=(0,d.useState)([]),[E,Z]=(0,d.useState)(10),[U,$]=(0,d.useState)([]),[B,I]=(0,d.useState)(!1),[P,Q]=(0,d.useState)(null),[X,J]=(0,d.useState)([]),[Y,j]=(0,d.useState)(null),[t,C]=(0,d.useState)(0),[W,z]=(0,d.useState)(!1),b=G();(0,d.useEffect)(()=>{ie("content_settings"),b.load("/resource/content_settings")},[]),(0,d.useEffect)(()=>{b.formMethod==="PUT"&&z(!0)},[b.formMethod]),(0,d.useEffect)(()=>{W&&b.state==="idle"&&v()},[W,b.state]),(0,d.useEffect)(()=>{if(b.state!=="idle"||!b.data)return;let n=b.data,{includeMature:R,tagLimit:V,blockedTags:D,unblockableTags:O}=n;f(R!==void 0);let oe=R?"on":"off";Q(oe),j(oe),h(V!==void 0);let ae=D||[];A(ae),J(ae),Z(V),$(O),c(!1)},[b.data,b.state]);let ee=()=>{Q(P==="on"?"off":"on")},se=()=>{I(!B)},ve=n=>{if(B||!n||!n.childNodes)return;let R=n.childNodes;if(!R)return;let V=R.length,D=V;for(let O=0;O<V&&R[O].getBoundingClientRect().top===R[0].getBoundingClientRect().top;O++)D--;C(D)},he=n=>{I(!B),A(n)},ke=n=>{Object.keys(n).length!==0?b.submit(n,{method:"PUT",action:"/resource/content_settings"}):a()},Te=()=>{c(!0);let n={},R=Y==="on",V=X,D=P==="on",O=p;x&&R!==D&&(n.includeMature=D),m&&!be(V,O)&&(n.blockedTags=O),ke(n)};return(0,e.jsxs)(e.Fragment,{children:[(0,e.jsxs)("div",{className:L(s["content-settings"],B&&s.hidden),children:[(0,e.jsxs)("div",{className:s["content-settings-heading"],children:[(0,e.jsx)("h2",{className:s["content-settings-title"],children:o("Content Preferences")}),(0,e.jsx)("hr",{className:s.divider})]}),x&&P&&(0,e.jsxs)(e.Fragment,{children:[(0,e.jsxs)("div",{className:s.mature,children:[(0,e.jsxs)("div",{className:s.instruction,children:[(0,e.jsx)("h3",{className:s.title,children:o("Mature Content")}),(0,e.jsx)("p",{className:s.prompt,children:o("Mature stories may contain explicit content and adult themes. When this is enabled, mature stories may be shown on Home and Search.")})]}),(0,e.jsx)("div",{className:s.toggle,children:(0,e.jsx)(fe,{toggleState:P,onToggle:()=>ee(),disabled:k})})]}),(0,e.jsx)("hr",{className:s.divider})]}),m&&(0,e.jsxs)(e.Fragment,{children:[(0,e.jsxs)("div",{className:s["blocked-tags"],children:[(0,e.jsxs)("div",{className:s["left-section"],children:[(0,e.jsxs)("div",{className:s.instruction,children:[(0,e.jsx)("h3",{className:s.title,children:o("Blocked Tags")}),(0,e.jsx)("p",{className:s.prompt,children:o("We will remove all stories that have the following tags from your Home recommendations.")})]}),(0,e.jsxs)("div",{className:s["blocked-tags-list"],children:[(0,e.jsx)("div",{className:s.tags,ref:n=>{ve(n)},children:p.slice(0).reverse().map(n=>(0,e.jsx)(N.Pill,{label:n},n))}),t>0&&(0,e.jsx)("div",{className:s.more,children:o("+ %s more",t)})]})]}),(0,e.jsx)("div",{className:s["right-section"],children:(0,e.jsxs)("button",{className:L(s["edit-tags-button"],s["right-icon"]),onClick:()=>se(),children:[(0,e.jsx)("p",{className:s["button-title"],children:o("Edit Tags")}),(0,e.jsx)(N.Icon,{name:N.IconNames.WpArrowRight})]})})]}),(0,e.jsx)("hr",{className:s.divider})]}),(0,e.jsxs)("div",{className:s.footer,children:[(0,e.jsx)(N.Button,{className:s.cancel,label:o("Cancel"),onClick:a,variant:N.ButtonVariant.TERTIARY}),k?(0,e.jsx)("div",{className:s.spinner,children:(0,e.jsx)(me,{})}):(0,e.jsx)(N.Button,{className:s["submit-button"],label:o("Apply Changes"),onClick:()=>Te(),disabled:k})]})]}),(0,e.jsx)(pe,{removeOnTagClick:!0,onReturn:n=>he(n),tagLimit:E,initialTags:p,toggleView:()=>se,unblockableTags:U,visibleState:B})]})},at=ye;var S=g(y()),Se=({handleConfirmation:a=()=>{},thanksForTheInputModalTriggerRef:v})=>{let{t:o}=w();return(0,S.jsxs)("div",{className:M["thanks-for-the-input"],children:[(0,S.jsx)("div",{className:M["image-wrapper"],children:(0,S.jsx)("img",{className:M.image,src:"/wp-web-assets/images/settings/robot.svg",alt:""})}),(0,S.jsxs)("div",{className:M.text,children:[(0,S.jsx)("h3",{className:M.heading,children:o("Thanks for the input!")}),(0,S.jsx)("p",{className:M.subheading,children:o("Our ingenious robots are busy plotting world domination, er, working on new story recommendations for you. Check back soon.")})]}),(0,S.jsx)("div",{className:M.confirmation,children:(0,S.jsx)("button",{ref:v,onClick:a,className:M["confirmation-button"],children:o("Got it")})})]})},rt=Se;export{M as a,at as b,rt as c};