https://static.boosty.to/js/index.CRYJr4bC.js

1import{d as $,r as x,j as o,z as j,w as K,B as N,F as O,c as V}from"./vendor.CrY80Nml.js";import{cq as v,cr as B,cs as C,j as P,ct as r,a5 as H,Z as R,c3 as y,ay as D}from"./app.dzbmMYEY.js";import"./icons.C_MsxUgD.js";import{S as M}from"./SocialLinkIcon.BmKQrT3N.js";import{u as W,g as X}from"./useSettingsEditPopups.CQjtGgCi.js";const T=t=>b().map(s=>({type:s,url:F(t,s)})),b=()=>{const{socialLinksSettings:t}=P();return t.filter(s=>s.isEnabled).map(s=>s.type)},F=(t,s)=>{if(Array.isArray(t)){const n=t.find(e=>e.type===s);return n?n.url:""}return""},G=()=>{const t=b();return v()?t.filter(s=>!B.includes(s)):t},Z=(t,s,n)=>{const e=F(s,n);return!t||!e||C(e)},q="SettingsEditSocialLinksField-scss--module_item_v5E31",U="SettingsEditSocialLinksField-scss--module_iconWrapper_U81LC",Y="SettingsEditSocialLinksField-scss--module_input_5yniV",Q="SettingsEditSocialLinksField-scss--module_fadeIn_OBuey",z="SettingsEditSocialLinksField-scss--module_fadeOut_9rkXD",J="SettingsEditSocialLinksField-scss--module_dropdownAnimationFadeIn_1jiTq",ss="SettingsEditSocialLinksField-scss--module_flashing_0Q-TV",ts="SettingsEditSocialLinksField-scss--module_loading_52TYX",is="SettingsEditSocialLinksField-scss--module_rotating_PnuQI",os="SettingsEditSocialLinksField-scss--module_growIn_jxK5H",ns="SettingsEditSocialLinksField-scss--module_closeLock_HbCXt",es="SettingsEditSocialLinksField-scss--module_shakeLock_j-Y6X",as="SettingsEditSocialLinksField-scss--module_flashToHighlight_-QSO8",ls="SettingsEditSocialLinksField-scss--module_flash_MGUXP",p={item:q,iconWrapper:U,input:Y,fadeIn:Q,fadeOut:z,dropdownAnimationFadeIn:J,flashing:ss,loading:ts,rotating:is,growIn:os,closeLock:ns,shakeLock:es,flashToHighlight:as,flash:ls},E=$.getTranslation("@founder/common/containers.Settings.SettingsEdit.components.SettingsEditSocialLinksField"),cs=t=>{const{isEditEnabled:s,socialLinks:n,onBlur:e,onKeyDown:h}=t,u=x.useRef(T(n));x.useEffect(()=>{u.current=T(n)},[n]);const f=(S,l,c,g)=>{const d=u.current.find(a=>a.type===l);d&&(d.url=S.target.value.trim()),c(r.SOCIAL_LINKS,u.current.filter(a=>a.url&&a.url.length>0)),g(r.SOCIAL_LINKS,!0)};return o.jsx(j,{name:r.SOCIAL_LINKS,children:S=>{const{field:{name:l,value:c,onBlur:g},form:{setFieldValue:d,setFieldTouched:a,errors:m,touched:_}}=S,L=m&&_&&!!m[r.SOCIAL_LINKS]&&!!_[r.SOCIAL_LINKS],k=i=>{g(i),e()};return o.jsx(o.Fragment,{children:G().map(i=>o.jsxs("div",{className:p.item,children:[o.jsx("div",{className:p.iconWrapper,children:o.jsx(M,{type:i})}),o.jsx(H,{classNameInput:p.input,name:`${l}_${i}`,onBlur:k,onChange:w=>f(w,i,d,a),value:F(c,i),placeholder:i===R.WEBSITE?E.items[i]:`${E.placeholder} ${E.items[i]}`,disabled:!s,isValid:Z(L,c,i),onKeyDown:h})]},i))})}})},ds=()=>K().shape({[r.SOCIAL_LINKS]:N().test("url","url is not a valid",t=>t?!t.some(s=>s.url&&s.url.trim().length>0&&!C(s.url)):!0)}),rs="SettingsSocial-scss--module_container_pshiX",us="SettingsSocial-scss--module_form_ZhY5Z",Ss="SettingsSocial-scss--module_isLoading_pcOmO",gs="SettingsSocial-scss--module_statusContainer_0MZs0",ms="SettingsSocial-scss--module_statusText_1PPFw",_s="SettingsSocial-scss--module_statusTextGreen_dgPgT",hs="SettingsSocial-scss--module_statusTextRed_Fp1V-",fs="SettingsSocial-scss--module_fieldsContainer_hcpAv",Ls="SettingsSocial-scss--module_photoBlock_f6a60",ks="SettingsSocial-scss--module_blockTitle_8ZVE0",ps="SettingsSocial-scss--module_photoFieldContainer_P-Mh7",Es="SettingsSocial-scss--module_fadeIn_KHAaK",Fs="SettingsSocial-scss--module_fadeOut_ArpYL",Is="SettingsSocial-scss--module_dropdownAnimationFadeIn_2dyCg",xs="SettingsSocial-scss--module_flashing_duNao",Ts="SettingsSocial-scss--module_loading_tnktq",As="SettingsSocial-scss--module_rotating_vVpUW",Cs="SettingsSocial-scss--module_growIn_LxvPu",bs="SettingsSocial-scss--module_closeLock_pCkyq",ws="SettingsSocial-scss--module_shakeLock_E5oNH",$s="SettingsSocial-scss--module_flashToHighlight_40DtJ",js="SettingsSocial-scss--module_flash_EKPku",A={container:rs,form:us,isLoading:Ss,statusContainer:gs,statusText:ms,statusTextGreen:_s,statusTextRed:hs,fieldsContainer:fs,photoBlock:Ls,blockTitle:ks,photoFieldContainer:ps,fadeIn:Es,fadeOut:Fs,dropdownAnimationFadeIn:Is,flashing:xs,loading:Ts,rotating:As,growIn:Cs,closeLock:bs,shakeLock:ws,flashToHighlight:$s,flash:js},I=t=>{const{formClassName:s}=t,{formRef:n,blog:e,canEditSettings:h,isBlogger:u,isLoading:f,onSubmit:S}=W({needSubmitSocialLinks:!0}),l=e?e.socialLinks:[];return o.jsx(O,{initialValues:{socialLinks:u&&l},enableReinitialize:!0,innerRef:n,validateOnMount:!0,validationSchema:ds(),onSubmit:S,children:c=>{const{handleSubmit:g,dirty:d,submitForm:a,isSubmitting:m,isValid:_}=c,L=()=>{_&&d&&!m&&a()},k=i=>{i.key===D.ENTER&&(i.target.blur(),i.preventDefault(),i.stopPropagation())};return o.jsx("div",{className:V(A.container,{[A.isLoading]:f}),children:o.jsx("form",{className:s,onSubmit:g,children:o.jsx(y,{children:o.jsx(cs,{socialLinks:l,isEditEnabled:h,onBlur:L,onKeyDown:k})})})})}})};I.getFetchActions=X;const Ks="SettingsSocial-scss--module_form_GpVMT",Ns={form:Ks},Os=()=>o.jsx(I,{formClassName:Ns.form});Os.getFetchActions=I.getFetchActions;export{Os as SettingsSocial};