@emailmaker/emailmaker 1.0.117 → 1.0.118-alpha.1

package/static/js/5172.ad74dde1.js

@@ -0,0 +1,2 @@
+"use strict";(globalThis.webpackChunkemail_maker=globalThis.webpackChunkemail_maker||[]).push([[5172],{76614:()=>{},55722:(e,t,o)=>{o.d(t,{A:()=>R});var l=o(25366),i=o(1246),a=o(14365),r=o(90701),n=o(33637),d=o(85472),s=o(76508),m=o(25933),c=o.n(m),u=o(44239),g=o(64172),b=o(70158),p=o(91724),h=o(78019),f=o(1382),v=o(53485),E=o(99614),S=o(54913),_=o(90388),B=o(35043),k=o(69064);const R=({block:e=null,isEditableRights:t,rightCol:o,autoSaveBlockResult:m,disabled:R})=>{const{__:y}=(0,s.s9)(),{projectId:w,blockId:x}=(0,n.g)();let T=(0,d.d4)(h.Fv),A=(0,d.d4)(h.Fv),N=(0,d.wA)();const P=(0,r.hN)(),I=(0,S.fn)(),C=(0,d.Pj)(),L=(0,_.XW)(),[O,V]=(0,l.useState)(!1),[F,D]=(0,l.useState)(null),[M,H]=(0,l.useState)(!1),[W,z]=(0,l.useState)(!1),X=(0,E.u)();(0,l.useEffect)(()=>{var e,t;null!==(e=window)&&void 0!==e&&null!==(t=e.navigator)&&void 0!==t&&t.userAgent.includes("Macintosh")&&D(!0)},[]);const{data:U,refetch:G}=(0,g.fo)(+w,{skip:!+w}),[$]=(0,u.Gr)(),[j,Y]=(0,u.OZ)(),[K,q]=(0,u.pP)(),[Q]=(0,g.OD)(),J=`project_${w}`,Z=U&&(0,f._q)(U,k.YY).find(e=>e.name===J),ee=U&&(0,f.HT)(U,k.YY),te=(0,l.useCallback)(o=>{var l,i;if(H(!0),!t&&e.lock&&W)return P.error({id:"BLOCK_ACCESS_TO_LOCKED_ERROR",message:y("No access to edit the letter."),data:(0,r.x_)(e)}),void H(!1);if(((null===(l=e.tags)||void 0===l?void 0:l.length)||(null===(i=e.blocktags)||void 0===i?void 0:i.length))>10&&W)return P.error({id:"BLOCK_TOO_MANY_TAGS_ERROR",message:y("Maximum 10 tags available."),data:(0,r.x_)(e)}),void H(!1);if(""===e.type)return P.error({message:y("Set the type"),description:y("Please set the 'Type' field in the Settings section.")}),void H(!1);const a=t=>{var l;const i=null===(l=e.tags)||void 0===l?void 0:l.map(e=>{const o=null===ee||void 0===ee?void 0:ee.find(t=>t.name===e);return o?o.id:$({name:e,parent:t}).then(({error:t,data:o})=>{var l,i;return 400===(null===t||void 0===t?void 0:t.status)?null===t||void 0===t||null===(l=t.data)||void 0===l||null===(i=l.data)||void 0===i?void 0:i.term_id:o?o.id:void(t&&(P.fromError("TAG_CREATING_ERROR",e,t),H(!1)))})}),a=(l=null)=>{const i=o=>{C.dispatch(b.kE.endpoints.getTags.initiate({parent:t})),G(),o.global_block&&o.id&&L({operation:k.Ru.SANDBOX_EBLOCK_SET_EM_BLOCK_ID,settings:{emBlockId:String(o.id)}}),W&&(P.success({id:"BLOCK_EDITING_SUCCESS",message:y("The block was successfully saved.","block"),data:(0,r.x_)(e)}),H(!1)),fetch(((e,t,o,l)=>`https://scr.emcdn.ru/screenshot?delay=1000&width=800&fullPage=true&deviceScaleFactor=0.8&format=jpg&clearCache=true${l?`&cacheControl=true&cache-hash=${c()(l)}`:""}&url=${encodeURIComponent(`https://dev-backend-1.emailmaker.ru/get${e}/${o}?secret_hash=${c()(`${t}${o}${k.KI}`)}&raw=true`)}`)(k.IE,w,o.id,o.modified),{mode:"no-cors"}).then(()=>{})},a=(0,f._q)(e,k.zh).filter(t=>(l||e.blocktags).includes(t.id)).map(e=>e.name);if(e.isNew)q.status!==k.eG&&K({source:o,title:null===e.title?y("New block title"):e.title,project:e.project,type:e.type?e.type:"Other",description:e.description,html:(null===I||void 0===I?void 0:I.getValue())||"",blocktags:l?l.join(","):e.blocktags,tags:a,...k.EW.isPlugin&&(0,v.k1)(e)?{meta:e.meta}:{}}).then(async({data:t,error:o})=>{if(o)P.fromError("BLOCK_CREATING_ERROR",{title:e.title,html:(null===I||void 0===I?void 0:I.getValue())||""},o),H(!1);else{let e=t;const o=(null===I||void 0===I?void 0:I.getValue())||"";if(null!==t&&void 0!==t&&t.global_block&&null!==t&&void 0!==t&&t.id&&o){const l=(0,B.g)(o,String(t.id));if(l!==o){const o=await j({blockId:t.id,html:l});!o.error&&o.data&&(e=o.data)}}i(e)}});else if(Y.status!==k.eG){const t=(null===I||void 0===I?void 0:I.getValue())||"",n=e.global_block?(0,B.g)(t,String(e.id)):t;j({blockId:e.id,source:o,title:e.title,project:e.project,type:e.type?e.type:"Other",description:e.description,html:n,blocktags:l||e.blocktags,tags:a,...k.EW.isPlugin&&(0,v.k1)(e)?{meta:e.meta}:{}}).then(({data:t,error:o})=>{o&&W?(P.fromError("BLOCK_EDITING_ERROR",(0,r.x_)(e),o),H(!1)):i(t)})}};i?Promise.all(i).then(e=>a(e)):a(null)};H(!0),Z?a(Z.id):$({name:J}).then(async({data:t,error:o})=>{if(o)P.fromError("FOLDER_CREATING_ERROR",J,o),H(!1);else{const{data:o,error:l}=await Q({projectId:w,blocktags:t.id});l?(P.fromError("BLOCK_CLONING_ERROR",(0,r.x_)(e),l),H(!1)):o&&a(o.blocktags&&o.blocktags[0])}}).catch(e=>{})},[q.status,K,Y.status,j,e,t,$,Q,w,y,W,I,P,ee,G,C,Z,J,L]);(0,l.useEffect)(()=>{W&&(te(),z(!1))},[W,te]);const oe=(0,l.useCallback)(e=>{(e.ctrlKey||e.metaKey)&&83===e.keyCode&&(e.preventDefault(),z(!0))},[]);(0,l.useEffect)(()=>(document.addEventListener("keydown",oe),()=>{document.removeEventListener("keydown",oe)}),[oe]);const le=(0,l.useCallback)(e=>{const t=e.data.operation,o=e.data.action;t===k.Ru.APPLICATION_ACTION&&"save_email"===o&&z(!0)},[]);return(0,p.A)(le),(0,l.useEffect)(()=>{q.isError&&(H(!1),P.error(q))},[N,q]),(0,l.useEffect)(()=>{const e=setTimeout(()=>{V(!0)},1e4);return()=>{clearTimeout(e)}},[]),(0,l.useEffect)(()=>{e.isNew&&!x&&O&&(te(),V(!1))},[O,e,te,x]),l.createElement(a.m_,{title:y(F?"Save by \u2318S":"Save by Ctrl+S"),placement:o?"right":"bottomRight"},l.createElement(a.$n,{type:"primary",block:o,className:"em-analytics__block-save",icon:l.createElement(i.Ay,{icon:"SaveOutlined"}),onClick:()=>{X({event:"click",action:"save_block"}),z(!0)},loading:Y.isLoading||Q.isLoading||q.isLoading||M||m},o||T||A?"":y("Save")))}},4588:(e,t,o)=>{o.d(t,{Ay:()=>L,QG:()=>C,Wv:()=>I});var l=o(25366),i=o(14365),a=o(90701),r=o(33637),n=o(85472),d=o(25933),s=o.n(d),m=o(76508),c=o(60538),u=o(64172),g=o(70158),b=o(91724),p=o(96680),h=o(22376),f=o(1382),v=o(93149),E=o(99614),S=o(54913),_=o(6472),B=o(67815),k=o(58525),R=o(1246),y=o(69064),w=o(33087),x=o(88147),T=o(42018),A=o(65751);const N="NEXT_BUTTON",P="KEYBOARD",I=(e,t,o,l,i=!0,a=.8,r,n)=>{var d;const m=null!==(d=null!==l&&void 0!==l?l:n)&&void 0!==d?d:o;return`${window.location.host.indexOf("localhost"),"https://scr.emcdn.ru"}/screenshot?delay=1000&width=800${r?"":"&fullPage=true"}&deviceScaleFactor=${a}&format=jpg&clearCache=${i}${`&cacheControl=true&cache-hash=${s()(String(m))}`}&url=${encodeURIComponent(`https://app.emailmaker.ru/get${e}/${o}?secret_hash=${s()(`${t}${o}${y.KI}`)}&raw=true`)}${r?`&selector=${r}`:""}`},C=(e,t,o=!0,l=.8,i,a)=>{var r;let n=`https://racs.emcdn.ru/v3/file/${e}?resource=exportPngApi`;const d=null!==(r=null!==t&&void 0!==t?t:a)&&void 0!==r?r:e;return`${window.location.host.indexOf("localhost"),"https://scr.emcdn.ru"}/screenshot?delay=1000&width=800${i?"":"&fullPage=true"}&deviceScaleFactor=${l}&format=jpg&clearCache=${o}${`&cacheControl=true&cache-hash=${s()(String(d))}`}&url=${encodeURIComponent(`${n}`,`${n}`)}${i?`&selector=${i}`:""}`},L=({email:e=null,isEditableRights:t=null,autoSaveEmailResult:o,disabled:d})=>{var s,C;let L=(0,n.wA)(),O=(0,r.Zp)();const{__:V,_x:F}=(0,m.s9)(),{projectId:D,emailId:M}=(0,r.g)(),H=+D,W=Number.isFinite(H)&&H>0?H:null===e||void 0===e?void 0:e.project,z=(0,k.p)(),X=(0,a.hN)(),U=(0,v.rD)(),G=(0,S.fn)(),$=(0,n.Pj)(),j=(0,n.d4)(h.rY),Y=(0,n.d4)(h.UI),K=(0,n.d4)(A.C1),[q,Q]=(0,l.useState)(!1),[J,Z]=(0,l.useState)(null);(0,l.useEffect)(()=>{var e,t;null!==(e=window)&&void 0!==e&&null!==(t=e.navigator)&&void 0!==t&&t.userAgent.includes("Macintosh")&&Z(!0)},[]);const{data:ee,refetch:te}=(0,u.fo)(+D,{skip:!+D}),{data:oe,refetch:le}=(0,g.Jz)({parent:null===ee||void 0===ee||null===(s=ee.folder)||void 0===s?void 0:s[0]},{skip:!y.EW.isPlugin||!(null!==ee&&void 0!==ee&&null!==(C=ee.folder)&&void 0!==C&&C[0])}),[ie]=(0,c.Gr)(),[ae]=(0,g.JI)(),[re,ne]=(0,c.dN)(),[de,se]=(0,c.Kh)(),[me]=(0,u.OD)(),[ce,ue]=(0,l.useState)(!1),[ge,be]=(0,l.useState)(""),pe=`project_${D}`,he=ee&&(0,f._q)(ee,y.zh).find(e=>e.name===pe),fe=ee&&(0,f.HT)(ee,y.zh),ve=(0,B.ml)(w.AZ.BEFORE_SAVE_EMAIL),Ee=(0,E.u)(),Se=(0,l.useCallback)(o=>{var l,i;if(!t&&e.lock&&ge)return void X.error({id:"EMAIL_ACCESS_TO_LOCKED_ERROR",data:(0,a.Gy)(e),message:V("No access to edit the letter.")});if(((null===e||void 0===e||null===(l=e.tags)||void 0===l?void 0:l.length)||(null===(i=e.emailtags)||void 0===i?void 0:i.length))>10&&ge)return void X.error({id:"EMAIL_TOO_MANY_TAGS_ERROR",data:(0,a.Gy)(e),message:V("Maximum 10 tags available.")});const r=async t=>{var l;const i=Object.entries(j).flatMap(([e,t])=>t.map(({value:t,label:o})=>({id:+t,name:o,parent:+e.split("_")[0]})));let r=[];Y.length&&Y.forEach(e=>{r.push(...null===e||void 0===e?void 0:e.children.map(e=>({id:e.id,parentId:e.parent})))});const n=(null===(l=e.tags)||void 0===l?void 0:l.map(e=>{const o=null===fe||void 0===fe?void 0:fe.find(t=>t.name===e);return o?o.id:ie({name:e,parent:t}).then(({error:t,data:o})=>{var l,i;return 400===(null===t||void 0===t?void 0:t.status)?null===t||void 0===t||null===(l=t.data)||void 0===l||null===(i=l.data)||void 0===i?void 0:i.term_id:o?o.id:void(t&&(X.fromError("TAG_CREATING_ERROR",e,t),ue(!1)))})}))||[],d=(null===i||void 0===i?void 0:i.map(e=>{const t=null===r||void 0===r?void 0:r.find(t=>t.id===e.id);return t?t.id:ae({name:e.name,parent:e.parent}).then(({error:t,data:o})=>{var l,i;return 400===(null===t||void 0===t?void 0:t.status)?null===t||void 0===t||null===(l=t.data)||void 0===l||null===(i=l.data)||void 0===i?void 0:i.term_id:o?o.id:void(t&&(X.fromError("GROUP_CREATING_ERROR",e,t),ue(!1)))})}))||[],s=void 0!==e.tags,m=(null===i||void 0===i?void 0:i.length)>0,c=(e,l=null,i=null,r=[])=>{var n,d,s;const m=(null===(n=e.title)||void 0===n?void 0:n.trim())||(null===(d=e.subject)||void 0===d?void 0:d.trim())||V("Untitled email."),c=o=>{if($.dispatch(g.kE.endpoints.getTags.initiate({parent:t})),!y.EW.isPlugin&&te)try{te()}catch(l){}if(ge&&(X.success({id:"EMAIL_SAVING_SUCCESS",message:V("The email was successfully saved."),data:(0,a.Gy)(e)}),ue(!1),!y.EW.isPlugin&&oe&&le))try{le()}catch(l){}y.EW.isPlugin||fetch(I(y.Tm,D,o.id,o.modified),{mode:"no-cors"}).then(()=>{})},u=(0,f._q)(e,y.zh).filter(t=>(l||e.emailtags).includes(t.id)).map(e=>e.name);var b,h,v,E,S;if(e.isNew){if(se.status!==y.eG){const t=z.get(y.A9.em_folder);de({title:m,source:o,...void 0!==e.meta?{meta:e.meta}:{},project:W,subject:e.subject,preheader:e.preheader,description:e.description,utm_parameters:{utm_source:e.utm_parameters.utm_source,utm_medium:e.utm_parameters.utm_medium,utm_campaign:e.utm_parameters.utm_campaign,utm_term:e.utm_parameters.utm_term,utm_content:e.utm_parameters.utm_content},html:(null===G||void 0===G?void 0:G.getValue())||"",parent_email:e.parent_email||y.iU,common_styles:e.common_styles||"",emailtags:l?l.join(","):e.emailtags,tags:u,group:i||e.group,is_template:e.is_template||!1,is_inited:e.is_inited,renderGuid:e.renderGuid,folder:t!==y.y2&&t}).then(({data:t,error:l})=>{Ne.current=!1,l?(o===N&&Pe(!1),ge&&X.fromError("EMAIL_CREATING_ERROR",{title:e.title,code:(null===G||void 0===G?void 0:G.getValue())||""},l),ue(!1)):(L((0,p.aY)(null)),c(t),z.remove(y.A9.em_folder))})}}else ne.status!==y.eG&&re({emailId:e.id,source:o,title:m,...void 0!==e.meta?{meta:e.meta}:{},project:e.project,preheader:e.preheader,subject:e.subject,utm_parameters:{utm_source:null===(b=e.utm_parameters)||void 0===b?void 0:b.utm_source,utm_medium:null===(h=e.utm_parameters)||void 0===h?void 0:h.utm_medium,utm_campaign:null===(v=e.utm_parameters)||void 0===v?void 0:v.utm_campaign,utm_term:null===(E=e.utm_parameters)||void 0===E?void 0:E.utm_term,utm_content:null===(S=e.utm_parameters)||void 0===S?void 0:S.utm_content},description:e.description,html:(null===G||void 0===G?void 0:G.getValue())||"",common_styles:e.common_styles||"",emailtags:l||e.emailtags,tags:u,group:i||e.group,is_template:e.is_template||!1}).then(({error:t})=>{Ne.current=!1,t?(o===N&&Pe(!1),ge&&X.fromError("EMAIL_EDITING_ERROR",(0,a.Gy)(e),t),ue(!1)):c(e)});Ee({event:"save",action:o?"save_email":"auto_save_email",email_id:e.id,project_id:D,subscription:null===K||void 0===K||null===(s=K.subscription)||void 0===s?void 0:s.post_title})},u={...e};ve.fire(u).finally(()=>{s||m?Promise.all(n).then(e=>{Promise.all(d).then(t=>{c(u,s?e:null,m?t:null,[])})}):c(u,null,null,[])})};ue(!0),he?r(he.id):ie({name:pe}).then(async({data:t,error:o})=>{if(o)X.fromError("FOLDER_CREATING_ERROR",pe,o),ue(!1);else{const{data:o,error:l}=await me({projectId:D,emailtags:t.id});l?(X.fromError("EMAIL_CLONING_ERROR",(0,a.Gy)(e),l),ue(!1)):o&&r(o.emailtags&&o.emailtags[0])}}).catch(e=>{})},[se.status,de,ne.status,re,e,t,ie,L,me,D,ee,V,F,ge,G,fe,ve]);(0,_.D3)(x.Kp,(0,l.useCallback)(e=>Se(e||"EXTERNAL"),[Se]));const _e=(0,B.ml)(w.AZ.ON_NEXTBUTTON_CLICK_ID),Be=(0,B.ml)(w.AZ.ON_SAVEBUTTON_CLICK_ID);(0,l.useEffect)(()=>{ge&&(setTimeout(()=>Se(ge)),be(""))},[ge]);const ke=(0,l.useCallback)(e=>{(e.ctrlKey||e.metaKey)&&83===e.keyCode&&(e.preventDefault(),be(P))},[Se]);(0,l.useEffect)(()=>(document.addEventListener("keydown",ke),()=>{document.removeEventListener("keydown",ke)}),[ke]);const Re=(0,l.useCallback)(e=>{const t=e.data.operation,o=e.data.action;t===y.Ru.APPLICATION_ACTION&&"save_email"===o&&be(P)},[Se]);(0,b.A)(Re),(0,l.useEffect)(()=>{e.isNew&&se.isSuccess&&(ue(!0),L(c.GY.util.upsertQueryData("getEmail",se.data.id,{...se.data,...void 0!==e.meta?{meta:e.meta}:{},lock:e.lock,isAmp:e.isAmp,subject:e.subject,preheader:e.preheader,description:e.description,html:(null===G||void 0===G?void 0:G.getValue())||"",project:e.project,tags:e.tags,utm_parameters:e.utm_parameters,parent_email:e.parent_email,common_styles:e.common_styles,renderGuid:e.renderGuid,is_inited:e.is_inited,isNew:!1})).then(()=>{O(`/projects/${se.data.project}/emails/${se.data.id}`),ue(!1),ge&&X.success({id:"EMAIL_SAVING_SUCCESS",message:V("The email was successfully saved."),data:(0,a.Gy)(e)})}))},[O,L,se,e.isNew,V,F,ge,G]);const ye=(0,B._q)(w.AZ.ON_EMAIL_INIT_ID);(0,l.useEffect)(()=>{let e=0;const t=ye(()=>{e=setTimeout(()=>Q(!0),1e4)});return()=>{e&&clearTimeout(e),t.dispose()}},[Q,ye]),(0,l.useEffect)(()=>{e.isNew&&!M&&q&&(Se(),Q(!1))},[q,e,Se,M]);const we=ne.isLoading||(null===me||void 0===me?void 0:me.isLoading)||se.isLoading||ce||o&&o.isLoading,xe=U.saveButtonEnabled&&l.createElement(i.m_,{key:"save-button",title:V(J?"Save by \u2318S":"Save by Ctrl+S"),placement:"bottom"},l.createElement(i.$n,{disabled:d,type:U.nextButtonEnabled?"default":"primary",block:"false",className:"em-analytics__email-save",loading:we,icon:l.createElement(R.Ay,{icon:"SaveOutlined",size:16,strokeWidth:U.iconStrokeWidth}),onClick:async()=>{const t={...e,html:G.getValue()};try{!1!==await Be.fire(t)&&be("SAVE_BUTTON")}catch(o){X.fromError("SAVE_BUTTON_CLICK_EVENT_ERROR",(0,a.Gy)(t),o,!0)}}},U.saveButtonText||V("Save"))),Te=!1!==U.disableDoubleClickNextButton,Ae=!1===U.activeNextButton,Ne=(0,l.useRef)(!1),Pe=e=>{L((0,T.wj)(!e))},Ie=U.nextButtonEnabled&&l.createElement(i.$n,{disabled:d||Ae,key:"next-button",type:"primary",block:"false",className:"em-analytics__email-save",icon:U.primaryCommandButtonIcon,loading:we,onClick:async()=>{if(Ne.current)return;Ne.current=!0;const t={...e,html:G.getValue()};try{Te&&Pe(!0),(await _e.fire(t)).every(e=>!1!==e)?be(N):(Pe(!1),Ne.current=!1)}catch(o){X.fromError("NEXT_BUTTON_CLICK_EVENT_ERROR",(0,a.Gy)(t),o,!0),Pe(!1),Ne.current=!1}}},U.nextButtonText||V("Continue"));return l.createElement(l.Fragment,null,U.saveButtonEnabled&&U.nextButtonEnabled?l.createElement(i.$x,null,[xe,Ie]):[xe,Ie])}},28753:(e,t,o)=>{o.d(t,{A:()=>s});var l=o(25366),i=o(14365),a=o(76508),r=o(69064),n=o(90388),d=o(93149);const s=({form:e,elementSettings:t,imgParent:o=!1,name:s="align",setAlignStateHandle:m=()=>{},withHotKeys:c=!0})=>{const{__:u}=(0,a.s9)(),g=(0,n.XW)(),b=(0,d.rD)(),[p,h]=(0,l.useState)(null);(0,l.useEffect)(()=>{var e;null!==globalThis&&void 0!==globalThis&&null!==(e=globalThis.navigator)&&void 0!==e&&e.userAgent.includes("Macintosh")&&h(!0)},[]);const f={alignLeft:u("Text align left"),alignCenter:u("Text align center"),alignRight:u("Text align right"),alignJustify:u("Text align justify")},v={alignLeft:u("Text align left ( \u2318+Shift+L )"),alignCenter:u("Text align center ( \u2318+Shift+E )"),alignRight:u("Text align right ( \u2318+Shift+R )"),alignJustify:u("Text align justify ( \u2318+Shift+J )")},E={alignLeft:u("Text align left ( Ctrl+Shift+L )"),alignCenter:u("Text align center ( Ctrl+Shift+E )"),alignRight:u("Text align right ( Ctrl+Shift+R )"),alignJustify:u("Text align justify ( Ctrl+Shift+J )")};let S=f;c&&(S=p?v:E);const _=t[s],B="string"===typeof _?_:"";return l.createElement(i.lV.Item,{name:s},l.createElement(i.Qx,{value:B,onChange:o=>{m(o),e.setFieldsValue({[s]:o}),g({operation:r.Ru.SANDBOX_ELEMENT_SETTINGS_SET,type:t.type,settings:{[s]:o}})},disabled:o&&!t.parent,strokeWidth:null===b||void 0===b?void 0:b.iconStrokeWidth,labels:S}))}},59463:(e,t,o)=>{o.d(t,{A:()=>d});var l=o(25366),i=o(14365),a=o(76508),r=o(85472),n=o(22376);const d=e=>{const{form:t,namePrefix:o="",typeOfForm:d="desktop"}=e,{__:s,_x:m}=(0,a.s9)(),c=(0,r.d4)(n.uJ).usedColors;return l.createElement(i.Ok,{form:t,namePrefix:o,typeOfForm:d,usedColors:c,labels:{color:s("Color"),width:m("Width","border"),none:s("None"),solid:s("Solid"),dashed:s("Dashed"),dotted:s("Dotted"),above:s("Above"),below:s("Below"),onLeft:s("On the left"),onRight:s("On the right"),around:s("Around"),usedColors:s("Used"),recommendedColors:s("Recommended")}})}},53833:(e,t,o)=>{o.d(t,{A:()=>m});var l=o(25366),i=o(14365),a=o(76508),r=o(90388),n=o(69064),d=o(7648);const s=({form:e,oneBorderRadiusValue:t,setOneBorderRadiusValue:o,elementSettings:s,namePrefix:m="",typeOfForm:c="desktop"})=>{const{__:u}=(0,a.s9)(),g=(0,r.XW)(),b="mobile"===c,p=b?"mobileBorderRadius":"borderRadius",h=b?"mobileBorderRadiusAll":"borderRadiusAll",f=b?"mobileBorderRadiusTopLeft":"borderRadiusTopLeft",v=b?"mobileBorderRadiusTopRight":"borderRadiusTopRight",E=b?"mobileBorderRadiusBottomRight":"borderRadiusBottomRight",S=b?"mobileBorderRadiusBottomLeft":"borderRadiusBottomLeft",_=b?d.NW:d.wF;return l.createElement(i.sQ,{namePrefix:m,typeOfForm:c,oneBorderRadiusValue:t,onToggle:()=>{const l=e.getFieldsValue(!0);let i;if(t)e.setFieldsValue({[f]:l[h]||null,[S]:l[h]||null,[v]:l[h]||null,[E]:l[h]||null}),i={[p]:{[_[f]]:l[h]||0,[_[S]]:l[h]||0,[_[v]]:l[h]||0,[_[E]]:l[h]||0}};else{l[f]===l[S]&&l[f]===l[v]&&l[f]===l[E]?(e.setFieldsValue({[h]:l[f]}),i={[p]:{[_[h]]:l[f]}}):(e.setFieldsValue({[f]:null,[S]:null,[v]:null,[E]:null}),i={[p]:{[_[h]]:0,[_[f]]:0,[_[S]]:0,[_[v]]:0,[_[E]]:0}})}const a=b?{mobileBorderRadius:{all:l.mobileBorderRadiusAll||null,classNamePrefix:"em-mob-border_radius_all-"}}:{[`${m}${p}`]:{...s[`${m}${p}`],...i[`${m}${p}`]}};g({operation:n.Ru.SANDBOX_ELEMENT_SETTINGS_SET,type:s.type,settings:a}),o(e=>!e)},borderRadiusIcon:l.createElement(i.HQ,{icon:"BorderRadius",className:"selected-td-form__icon-radius"}),labels:{borderRadius:u("Border radius"),topLeft:u("Top left corner"),topRight:u("Top right corner"),bottomLeft:u("Bottom left corner"),bottomRight:u("Bottom right corner")}})};s.displayName="SelectedElementFormBorderRadius";const m=s},56218:(e,t,o)=>{o.d(t,{A:()=>d});var l=o(25366),i=o(14365),a=o(48502),r=o(69064);const n=({form:e,label:t,name:o,disabled:n,elementSettings:d,previewReloadSignal:s})=>{var m;const{token:c}=(0,i.rd)(),[u,g]=(0,l.useState)("success"),b=i.lV.useWatch((null===d||void 0===d?void 0:d.type)===r.bV.CAROUSEL?["images",o]:[o],e);return(0,l.useEffect)(()=>{var e;b?("string"!==typeof b||!b.startsWith("data:")&&!b.startsWith("blob:"))&&"string"===typeof(e=b)&&/^https?:\/\//i.test(e.trim())?g("validating"):g("success"):g("")},[b]),l.createElement(i.lV.Item,{name:o,validateStatus:u,style:{marginBottom:c.formItemMarginBottomXS}},l.createElement(a.A,{validateStatus:u,placeholder:t,name:o,disabled:n,elementSettings:d,imageInfo:(null===d||void 0===d?void 0:d.type)===r.bV.CAROUSEL?null===d||void 0===d||null===(m=d.carouselImages)||void 0===m?void 0:m[o.split("_")[1]]:d,previewReloadSignal:s,onRemotePreviewValidate:g}))};n.defaulProps={disabled:!1,previewReloadSignal:null};const d=n},46588:(e,t,o)=>{o.d(t,{A:()=>Ft});var l=o(25366),i=o(84224),a=o(74572),r=o.n(a),n=o(85472),d=o(22376),s=o(78019),m=o(33637),c=o(14365),u=o(50028),g=o(94791),b=o.n(g),p=o(90701),h=o(56218),f=o(59463),v=o(53833),E=o(76508),S=o(69064),_=o(90388),B=o(93149);const k=({value:e,onChange:t,onSync:o,fieldName:i,...a})=>{var r;const n=null!==(r="object"===typeof e?null===e||void 0===e?void 0:e.value:e)&&void 0!==r?r:"";return l.createElement(c.BK,Object.assign({value:n,onChange:e=>{const l={classNamePrefix:"em-mob-text_align-",value:e};null===t||void 0===t||t(l),null===o||void 0===o||o({[i]:l})}},a))},R=({form:e,elementSettings:t,imgParent:o=!1,name:i="align",tooltipTitle:a,typeOfForm:r="desktop"})=>{const{__:n}=(0,E.s9)(),d=(0,_.XW)(),s=(0,B.rD)(),m="mobile"===r,u=m?"mobileAlign":i,g={alignLeft:n("Align left"),alignCenter:n("Center horizontally"),alignRight:n("Align right")};if(m){const e=e=>{d({operation:S.Ru.SANDBOX_ELEMENT_SETTINGS_SET,type:t.type,settings:e})};return l.createElement(c.lV.Item,{name:u},l.createElement(k,{fieldName:u,onSync:e,disabled:o&&!t.parent,strokeWidth:s.iconStrokeWidth,tooltipTitle:a,labels:g}))}return l.createElement(c.lV.Item,{name:u},l.createElement(c.BK,{disabled:o&&!t.parent,strokeWidth:s.iconStrokeWidth,tooltipTitle:a,labels:g}))},y=({form:e,elementSettings:t,tooltipTitle:o,disabled:i=!1,isNewIconType:a=!1,typeOfForm:r="desktop"})=>{const{__:n}=(0,E.s9)(),d=(0,_.XW)(),s=(0,B.rD)(),m="mobile"===r,u=m?"mobileVerticalAlign":"valign";return l.createElement(c.lV.Item,{name:u},l.createElement(c.VX,Object.assign({},!m&&{value:t.valign,onChange:o=>{e.setFieldsValue({[u]:o}),m||d({operation:S.Ru.SANDBOX_ELEMENT_SETTINGS_SET,type:t.type,settings:{[u]:o}})}},{disabled:i,isNewIconType:a,strokeWidth:s.iconStrokeWidth,labels:{alignTop:n("Align top"),alignMiddle:n("Center vertically"),alignBottom:n("Align bottom")}})))},w=["mobileBoxShadowHOffset","mobileBoxShadowVOffset","mobileBoxShadowBlurRadius","mobileBoxShadowSpreadRadius","mobileBoxShadowColor","mobileBoxShadowInset"],x=({form:e,elementSettings:t,enableSwitch:o,usedColors:i,labels:a,withoutShadowLabel:r})=>{const n=(0,_.XW)(),d=t.mobileBoxShadow,[s,m]=(0,l.useState)(!d||0===d.hOffset&&0===d.vOffset&&0===d.blurRadius&&0===d.spreadRadius),u=c.lV.useWatch(w,e);(0,l.useEffect)(()=>{if(!u)return;const[e,t,o,l,i,a]=u;(0===e||void 0===e||null===e)&&(0===t||void 0===t||null===t)&&(0===o||void 0===o||null===o)&&(0===l||void 0===l||null===l)&&(""===i||void 0===i||null===i)&&(!1===a||void 0===a)||m(!1)},[u]);return l.createElement(l.Fragment,null,o&&l.createElement("div",{style:{float:"right",marginTop:-9,marginRight:50}},l.createElement(c.dO,{id:"without-shadow",label:r,labelSize:"small",size:"small",checked:s,onChange:()=>{m(e=>!e),e.setFieldsValue({mobileBoxShadowHOffset:s?"":0,mobileBoxShadowVOffset:s?"":0,mobileBoxShadowBlurRadius:s?"":0,mobileBoxShadowSpreadRadius:s?"":0,mobileBoxShadowColor:"",mobileBoxShadowInset:!1}),n({operation:S.Ru.SANDBOX_ELEMENT_SETTINGS_SET,type:t.type,settings:{mobileBoxShadow:{classNamePrefix:"em-mob-box_shadow-",hOffset:s?null:0,vOffset:s?null:0,blurRadius:s?null:0,spreadRadius:s?null:0,color:null,inset:!1}}})}})),l.createElement("p",{style:{paddingBottom:"8px",margin:"-30px 0 0"}},"\xa0"),l.createElement(c.nD,{typeOfForm:"mobile",usedColors:i,labels:a}))},T=({typeOfForm:e="desktop",form:t,elementSettings:o,enableSwitch:i=!0})=>{const{__:a}=(0,E.s9)(),r=(0,n.d4)(d.uJ),s={hOffset:a("Horizontal offset"),vOffset:a("Vertical offset"),blurRadius:a("Blur radius"),spreadRadius:a("Spread radius"),outside:a("Outside"),inside:a("Inside"),shadowDirection:a("Shadow inside or outside of the element"),usedColors:a("Used"),recommendedColors:a("Recommended")},m=r.usedColors;return"mobile"===e&&t&&o?l.createElement(x,{form:t,elementSettings:o,enableSwitch:i,usedColors:m,labels:s,withoutShadowLabel:a("Without shadow")}):l.createElement(c.nD,{typeOfForm:e,usedColors:m,labels:s})};T.displayName="SelectedElementFormBoxShadow";const A=T;var N=o(1246);const P=({form:e,elementSettings:t,directionControl:o})=>{const{__:i}=(0,E.s9)();return l.createElement(c.mw,{directionControl:o,className:"selected-element-form-show"},l.createElement(c.lV.Item,{name:"show",className:"form-item-margin-xs"},l.createElement(c.sx.Group,null,l.createElement(c.$x,{size:8},l.createElement(c.sx.Button,{value:"all"},i("Both")),l.createElement(c.m_,{placement:"top",title:i("Desktop")},l.createElement(c.sx.Button,{value:"desktop"},l.createElement(N.Ay,{icon:"DesktopOutlined"}))),l.createElement(c.m_,{placement:"top",title:i("Mobile")},l.createElement(c.sx.Button,{value:"mobile"},l.createElement(N.Ay,{icon:"MobileOutlined"})))))))},I=({form:e,elementSettings:t,handleChangeValues:o})=>{const{__:i}=(0,E.s9)(),a=(0,l.useRef)(),{token:n}=(0,c.rd)(),[d,s]=(0,l.useState)(!1),[m,u]=(0,l.useState)(!1),[g,p]=(0,l.useState)(!1),[h,f]=(0,l.useState)(!1),[v,S]=(0,l.useState)(!1);(0,l.useEffect)(()=>{let e=new URL("https://emailmaker.ru/?"+t.countdown);s(e.searchParams.get("font1").endsWith("-b")||e.searchParams.get("font1").endsWith("-bi")),u(e.searchParams.get("font1").endsWith("-i")||e.searchParams.get("font1").endsWith("-bi")),p(e.searchParams.get("font2").endsWith("-b")||e.searchParams.get("font2").endsWith("-bi")),f(e.searchParams.get("font2").endsWith("-i")||e.searchParams.get("font2").endsWith("-bi")),S("true"===e.searchParams.get("tp"))},[t]);const _=[{value:"-12",label:i("-12:00 Apia")},{value:"-11",label:i("-11:00 Pago Pago, Midway Atoll")},{value:"-10",label:i("-10:00 Honolulu, Anchorage")},{value:"-9",label:i("-9:00 Anchorage, Yukon")},{value:"-8",label:i("-8:00 Los Angeles, Vancouver")},{value:"-7",label:i("-7:00 Denver, Phoenix")},{value:"-6",label:i("-6:00 Mexico City, Guadalajara")},{value:"-5",label:i("-5:00 New York, Toronto, Havana")},{value:"-4",label:i("-4:00 Caracas, Santo Domingo")},{value:"-3",label:i("-3:00 Buenos Aires, Santiago, Montevideo")},{value:"-2",label:i("-2:00 South Georgia, Saint Helena")},{value:"-1",label:i("-1:00 Azores, Cape Verde")},{value:"0",label:i("+0:00 London, Lisbon, Dublin")},{value:"1",label:i("+1:00 Paris, Berlin, Rome")},{value:"2",label:i("+2:00 Athens, Kiev, Istanbul")},{value:"3",label:i("+3:00 Istanbul, Doha, Baghdad")},{value:"4",label:i("+4:00 Baku, Dubai, Tbilisi")},{value:"5",label:i("+5:00 Karachi, Tashkent, Islamabad")},{value:"6",label:i("+6:00 Almaty, Dhaka, Bishkek")},{value:"7",label:i("+7:00 Bangkok, Ho Chi Minh City, Jakarta")},{value:"8",label:i("+8:00 Beijing, Hong Kong, Singapore")},{value:"9",label:i("+9:00 Tokyo, Seoul, Jayapura")},{value:"10",label:i("+10:00 Sydney, Melbourne, Port Moresby")},{value:"11",label:i("+11:00 Honiara, Nuku'alofa, Apia")}],B=[{value:"20",label:i("20 s")},{value:"40",label:i("40 s")},{value:"60",label:i("60 s")}],k=[{value:"arial",label:"Arial"},{value:"courier-new",label:"Courier New"},{value:"georgia",label:"Georgia"},{value:"helvetica",label:"Helvetica"},{value:"tahoma",label:"Tahoma"},{value:"times-new-roman",label:"Times New Roman"},{value:"trebuchet-ms",label:"Trebuchet MS"},{value:"verdana",label:"Verdana"},{value:"open-sans",label:"Open Sans"},{value:"roboto",label:"Roboto"}],R=e=>{var t;e.target.closest(".ant-picker-dropdown")||(null===(t=a.current)||void 0===t||t.blur())};(0,l.useEffect)(()=>(window.addEventListener("scroll",R,!0),()=>{window.removeEventListener("scroll",R,!0)}));return l.createElement(l.Fragment,null,l.createElement(c.fI,{gutter:10},l.createElement(c.fv,{span:12},l.createElement(c.lV.Item,{label:i("End time"),name:"countdownTime"},l.createElement(c.lr,{ref:a,format:"DD.MM.YYYY HH:mm",disabledDate:e=>e&&e<b()().endOf("day")-864e5,showTime:!0,getPopupContainer:e=>e.closest(".email-pane__collapse-wrapper"),allowClear:!1,allowEmpty:!1}))),l.createElement(c.fv,{span:12},l.createElement(c.lV.Item,{label:i("Time zone"),name:"countdownTimeZone",style:{width:"100%"}},l.createElement(c.Select,{placeholder:i("Select the time zone"),getPopupContainer:()=>document.querySelector(".email-properties__collapse-panel")},_.map(e=>l.createElement(c.Select.Option,{key:e.value,value:e.value},e.label)))))),l.createElement(c.fI,{gutter:20},l.createElement(c.fv,{span:12},l.createElement(c.lV.Item,{label:i("Background color"),name:"countdownBackgroundColor",className:"countdown-color"},l.createElement(c.it,{placeholder:i("Background color"),usedColors:t.usedColors,usedLabel:i("Used"),recommendedLabel:i("Recommended")}))),l.createElement(c.fv,{span:12},l.createElement(c.lV.Item,{name:"countdownTransparency",valuePropName:"checked",style:{paddingTop:29}},l.createElement(c.dO,{id:"countdownTransparency",label:i("Transparency"),labelSize:"small",size:"small",onChange:e=>{S(e)}})))),l.createElement(c.y9,{title:i("Countdown font settings"),compact:!0},l.createElement(c.fI,{gutter:10},l.createElement(c.fv,{span:12},l.createElement(c.lV.Item,{name:"countdownNumbersFont",style:{marginBottom:n.formItemMarginBottomXS}},l.createElement(c.Select,{getPopupContainer:()=>document.querySelector(".email-properties__collapse-panel"),options:k}))),l.createElement(c.fv,{span:12},l.createElement(c.lV.Item,{name:"countdownNumbersColor",className:"countdown-color",style:{marginBottom:n.formItemMarginBottomXS}},l.createElement(c.it,{usedColors:t.usedColors,usedLabel:i("Used"),recommendedLabel:i("Recommended")}))),l.createElement(c.fv,{span:12},l.createElement(c.lV.Item,{name:"countdownNumbersFontSize"},l.createElement(c.YI,{min:12,placeholder:i("Font size"),prefix:l.createElement(N.Ay,{icon:"FontSizeOutlined"}),addonAfter:"px"}))),l.createElement(c.fv,{span:3},l.createElement(c.m_,{placement:"bottom",title:i("Strong")},l.createElement(c.lV.Item,{name:"countdownNumbersStrong"},l.createElement(c.$n,{className:r()("selected-td-form__button selected-td-form__button_style",{"selected-td-form__button--active":d}),onClick:()=>{const t=!d;e.setFieldValue("countdownNumbersStrong",t),o({countdownNumbersStrong:t}),s(t)}},l.createElement(N.Ay,{icon:"BoldOutlined",className:"selected-td-form__icon-radius"}))))),l.createElement(c.fv,{span:3},l.createElement(c.m_,{placement:"bottom",title:i("Italic")},l.createElement(c.lV.Item,{name:"countdownNumbersItalic"},l.createElement(c.$n,{className:r()("selected-td-form__button selected-td-form__button_style",{"selected-td-form__button--active":m}),onClick:()=>{const t=!m;e.setFieldValue("countdownNumbersItalic",t),o({countdownNumbersItalic:t}),u(t)}},l.createElement(N.Ay,{icon:"ItalicOutlined",className:"selected-td-form__icon-radius"}))))))),l.createElement(c.y9,{title:i("Time units font settings"),compact:!0},l.createElement(c.fI,{gutter:10},l.createElement(c.fv,{span:12},l.createElement(c.lV.Item,{name:"countdownLabelsFont",style:{marginBottom:n.formItemMarginBottomXS}},l.createElement(c.Select,{getPopupContainer:()=>document.querySelector(".email-properties__collapse-panel"),options:k}))),l.createElement(c.fv,{span:12},l.createElement(c.lV.Item,{name:"countdownLabelsColor",className:"countdown-color",style:{marginBottom:n.formItemMarginBottomXS}},l.createElement(c.it,{usedColors:t.usedColors,usedLabel:i("Used"),recommendedLabel:i("Recommended")}))),l.createElement(c.fv,{span:12},l.createElement(c.lV.Item,{name:"countdownLabelsFontSize"},l.createElement(c.YI,{min:8,placeholder:i("Font size"),addonAfter:"px",prefix:l.createElement(N.Ay,{icon:"FontSizeOutlined"})}))),l.createElement(c.fv,{span:3},l.createElement(c.m_,{placement:"bottom",title:i("Strong")},l.createElement(c.lV.Item,{name:"countdownLabelsStrong"},l.createElement(c.$n,{className:r()("selected-td-form__button selected-td-form__button_style",{"selected-td-form__button--active":g}),onClick:()=>{const t=!g;e.setFieldValue("countdownLabelsStrong",t),o({countdownLabelsStrong:t}),p(t)}},l.createElement(N.Ay,{icon:"BoldOutlined",className:"selected-td-form__icon-radius"}))))),l.createElement(c.fv,{span:3},l.createElement(c.m_,{placement:"bottom",title:i("Italic")},l.createElement(c.lV.Item,{name:"countdownLabelsItalic"},l.createElement(c.$n,{className:r()("selected-td-form__button selected-td-form__button_style",{"selected-td-form__button--active":h}),onClick:()=>{const t=!h;e.setFieldValue("countdownLabelsItalic",t),o({countdownLabelsItalic:t}),f(t)}},l.createElement(N.Ay,{icon:"ItalicOutlined",className:"selected-td-form__icon-radius"}))))))),l.createElement(c.fI,{gutter:10,style:{marginBottom:4}},l.createElement(c.fv,{span:12},l.createElement(c.lV.Item,{label:i("Language"),name:"countdownLanguage",style:{width:"100%"}},l.createElement(c.Select,{getPopupContainer:()=>document.querySelector(".email-properties__collapse-panel"),options:[{value:"ru_RU",label:"\u0420\u0443\u0441\u0441\u043a\u0438\u0439"},{value:"en_US",label:"English"},{value:"uk_UA",label:"\u0423\u043a\u0440\u0430\u0457\u043d\u0441\u044c\u043a\u0430"},{value:"pt_BR",label:"Portugu\xeas"},{value:"fr-CA",label:"Fran\xe7ais"},{value:"de_DE",label:"Deutsch"},{value:"pl_PL",label:"Polski"},{value:"es_ES",label:"Espa\xf1ol"},{value:"tr_TR",label:"T\xfcrk\xe7e"},{value:"lt_LT",label:"Lietuvi\u0173 kalba"},{value:"lv_LV",label:"Latvie\u0161u valoda"},{value:"et_EE",label:"Eesti keel"},{value:"hu_HU",label:"Magyar"},{value:"el_GR",label:"\u0395\u03bb\u03bb\u03b7\u03bd\u03b9\u03ba\u03ac"},{value:"it_IT",label:"Italiano"}]}))),l.createElement(c.fv,{span:12},l.createElement(c.lV.Item,{label:i("Duration"),name:"countdownDuration",style:{width:"100%"}},l.createElement(c.Select,{getPopupContainer:()=>document.querySelector(".email-properties__collapse-panel"),options:B})))))},C=({form:e,elementSettings:t})=>{const{__:o}=(0,E.s9)(),{token:i}=(0,c.rd)();return l.createElement(l.Fragment,null,l.createElement(c.m_,{trigger:["hover"],title:o("URL of the video clip."),placement:"right"},l.createElement(c.lV.Item,{name:["video","source"],className:"selected-image-form__alt"},l.createElement(c.pd,{allowClear:!0,placeholder:o("Video URL"),prefix:l.createElement(N.Ay,{icon:"VideoCameraOutlined"})}))),l.createElement(c.lV.Item,{label:o("Play button"),name:["video","playButton"],style:{width:"100%",marginBottom:i.formItemMarginBottomMD+4}},l.createElement(c.Select,{getPopupContainer:()=>document.querySelector(".email-properties__collapse-panel")},l.createElement(c.Select.Option,{value:"youtube_red"},l.createElement(N.Ay,{icon:"YoutubeOutlined",style:{color:"#FF0000"}})," ",o("Youtube Red")),l.createElement(c.Select.Option,{value:"youtube_black"},l.createElement(N.Ay,{icon:"YoutubeOutlined"})," ",o("Youtube Black")),l.createElement(c.Select.Option,{value:"youtube_white"},l.createElement(N.Ay,{icon:"YoutubeOutlined",style:{color:"#aaa"}})," ",o("Youtube White")),l.createElement(c.Select.Option,{value:"vimeo"},l.createElement(N.Ay,{icon:"Vimeo"})," ",o("Vimeo")),l.createElement(c.Select.Option,{value:"white_circle"},l.createElement(N.Ay,{icon:"PlayCircleOutlined",style:{color:"#aaa"}})," ",o("White circle")),l.createElement(c.Select.Option,{value:"black_circle"},l.createElement(N.Ay,{icon:"PlayCircleOutlined"})," ",o("Black circle")),l.createElement(c.Select.Option,{value:"white_circle_outlined"},l.createElement(N.Ay,{icon:"RightCircleOutlined",style:{color:"#aaa"}})," ",o("White circle outlined")),l.createElement(c.Select.Option,{value:"black_circle_outlined"},l.createElement(N.Ay,{icon:"RightCircleOutlined"})," ",o("Black circle outlined")),l.createElement(c.Select.Option,{value:"none"}," ",o("Without button")))))},L={marginBottom:10},O=()=>{const{__:e}=(0,E.s9)();return l.createElement(c.fI,{gutter:20,style:L},l.createElement(c.fv,{span:12},l.createElement(c.lV.Item,{name:"ampShow",className:"form-item-margin-xs"},l.createElement(c.sx.Group,null,l.createElement(c.$x,{size:8},l.createElement(c.sx.Button,{value:"all"},e("Both")),l.createElement(c.m_,{placement:"top",title:e("AMP")},l.createElement(c.sx.Button,{value:"amp"},"AMP")),l.createElement(c.m_,{placement:"top",title:e("HTML")},l.createElement(c.sx.Button,{value:"html"},"HTML")))))))};var V=o(86581);const F=({form:e,elementSettings:t,boxShadow:o,bordersShow:i,borderRadiusShow:a,boxShadowShow:n,oneBorderRadiusValue:d,setOneBorderRadiusValue:s,hasLink:m,hasAlt:u,hasTitle:g,isOpenSrcReplacer:b,mergeTagItems:p,mergeMenuOpen:S,setMergeMenuOpen:_,cascaderRef:k,linkInputRef:w,linkButtonRef:x,altInputRef:T,altButtonRef:L,titleInputRef:F,titleButtonRef:D,srcReplacerInputRef:M,srcReplacerButtonRef:H,linkProtocol:W,handleLinkProtocolsChange:z,linkButtonHandler:X,linkInputHandler:U,altButtonHandler:G,altInputHandler:$,titleButtonHandler:j,titleInputHandler:Y,srcReplacerButtonHandler:K,srcInputHandler:q,handleSelect:Q,onChange:J,filter:Z,renderSearchOption:ee,handleChangeValues:te,toggleShowBorderHandler:oe,toggleShowBorderRadiusHandler:le,toggleShowBoxShadowHandler:ie})=>{const{__:ae}=(0,E.s9)(),{token:re}=(0,c.rd)(),ne=(0,B.rD)();return l.createElement(l.Fragment,null,l.createElement(c.fI,{gutter:10,style:{marginBottom:4}},l.createElement(c.fv,{span:12},l.createElement(R,{form:e,elementSettings:t,imgParent:!0})),ne.formImageFieldVerticalAlignEnabled&&l.createElement(c.fv,{span:12,align:"right"},l.createElement(y,{form:e,elementSettings:t}))),l.createElement(c.cG,{className:"selected-td-form__divider",style:{marginBottom:"countdown"===t.type?15:24}}),"countdown"===t.type&&l.createElement(l.Fragment,null,l.createElement(I,{form:e,elementSettings:t,handleChangeValues:te}),l.createElement(c.cG,{className:"selected-td-form__divider",style:{marginBottom:24}})),ne.mergeTagsShow&&p&&l.createElement(c.fv,{span:24,id:"merge_tags_wrapper"},l.createElement(c.lV.Item,{style:{marginBottom:24}},l.createElement(c.$n,{id:"merge_tags_button",icon:l.createElement(N.Ay,{icon:"MergeTags"}),style:{width:"100%",display:S?"none":"inline-flex"},onClick:()=>_(!0)},ae("Merge tags")),l.createElement(c.vx,{ref:k,popupClassName:"merge-tags",options:p,placeholder:ae("Start typing the title"),showSearch:{filter:Z,render:ee},spellCheck:"false",getPopupContainer:e=>e.closest(".email-pane__collapse-wrapper"),onChange:J,style:{display:S?"block":"none"},open:S,onKeyDown:e=>{"Escape"===e.key&&_(!1)}}))),"video"===t.type&&l.createElement(l.Fragment,null,l.createElement(C,{form:e,elementSettings:t}),l.createElement(c.cG,{className:"selected-td-form__divider",style:{marginBottom:24}})),("img"===t.type||"video"===t.type)&&l.createElement(c.lV.Item,{style:{marginBottom:0}},l.createElement(h.A,{form:e,label:ae("Image path"),name:"src",placeholder:ae("Image path"),elementSettings:t,tooltipTitle:""})),l.createElement(c.$x,{size:8,style:{marginBottom:u||m||g||b?re.formItemMarginBottomXS:re.formItemMarginBottomMD+4}},l.createElement(c.m_,{title:u||ae("Alternative text"),placement:"bottom",getPopupContainer:e=>e.closest(".email-pane__collapse-wrapper")},l.createElement(c.$n,{className:r()("selected-td-form__button",{"selected-td-form__button--active":!!u}),onClick:G,ref:L},l.createElement("span",{className:"addon-text-content"},"Alt"))),ne.formFieldImageTitleEnabled&&l.createElement(c.m_,{title:g||ae("Tooltip text"),placement:"bottom",getPopupContainer:e=>e.closest(".email-pane__collapse-wrapper")},l.createElement(c.$n,{className:r()("selected-td-form__button",{"selected-td-form__button--active":!!g}),onClick:j,ref:D},l.createElement("span",{className:"addon-text-content"},"Title"))),l.createElement(c.m_,{title:m||ae("Hyperlink URL"),placement:"bottom",getPopupContainer:e=>e.closest(".email-pane__collapse-wrapper")},l.createElement(c.$n,{className:r()("selected-td-form__button",{"selected-td-form__button--active":!!m}),icon:l.createElement(N.Ay,{icon:"LinkOutlined",className:"selected-td-form__icon-radius"}),onClick:X,ref:x})),ne.formImageFieldReplacerEnabled&&l.createElement(c.m_,{title:ae("Image replacer"),placement:"bottom",getPopupContainer:e=>e.closest(".email-pane__collapse-wrapper")},l.createElement(c.$n,{className:r()("selected-td-form__button",{"selected-td-form__button--active":b}),icon:l.createElement(N.Ay,{icon:"Replacer",className:"selected-td-form__icon-radius"}),onClick:K,ref:H}))),(!!m||!!u||!!g||!!b)&&l.createElement("div",{style:{marginBottom:re.formItemMarginBottomMD+4}},!!m&&l.createElement(l.Fragment,null,l.createElement(V.Ee,{show:"#"===W,__:ae,style:{marginBottom:re.formItemMarginBottomXS}}),l.createElement(c.m_,{trigger:["hover"],title:ae("Hyperlink URL"),placement:"bottom"},l.createElement(c.lV.Item,{name:"link",className:"selected-image-form__alt",style:{marginBottom:re.formItemMarginBottomXS}},l.createElement(c.pd,{addonBefore:l.createElement(V.Ai,{linkProtocol:W,handleLinkProtocolsChange:z,__:ae}),placeholder:ae("Hyperlink URL"),allowClear:!0,ref:w,onChange:U,onSelect:Q,prefix:l.createElement(V.RM,{linkProtocol:W})})))),!!u&&l.createElement(c.m_,{trigger:["hover"],title:ae("Alternative text"),placement:"bottom"},l.createElement(c.lV.Item,{name:"alt",className:"selected-image-form__alt",style:{marginBottom:re.formItemMarginBottomXS}},l.createElement(c.pd,{placeholder:ae("Alternative text"),allowClear:!0,prefix:l.createElement("span",{className:"addon-text-content"},"Alt"),onChange:$,ref:T,onSelect:Q}))),ne.formFieldImageTitleEnabled&&!!g&&l.createElement(c.m_,{trigger:["hover"],title:ae("Tooltip text"),placement:"bottom"},l.createElement(c.lV.Item,{name:"title",className:"selected-image-form__alt",style:{marginBottom:re.formItemMarginBottomXS}},l.createElement(c.pd,{placeholder:ae("Enter the title of the image"),allowClear:!0,prefix:l.createElement("span",{className:"addon-text-content"},"Title"),onChange:Y,ref:F,onSelect:Q}))),!!b&&l.createElement(c.m_,{trigger:["hover"],title:ae("Image src"),placement:"bottom"},l.createElement(c.lV.Item,{name:"imgReplacer",className:"selected-image-form__alt",style:{marginBottom:re.formItemMarginBottomXS}},l.createElement(c.pd,{placeholder:ae("Code that will replace the image `src`"),allowClear:!0,prefix:l.createElement("span",{className:"addon-text-content"},ae("Image src")),onChange:q,ref:M,onSelect:Q})))),l.createElement(c.y9,{title:ae("Size"),dividerTop:!0},l.createElement(c.n6,{maxWidth:t.maxWidth,showHeight:ne.formImageFieldHeightEnabled,showMinMax:!1,gutter:re.marginSM,rowStyle:{marginBottom:ne.formImageFieldHeightEnabled?4:24},labels:{width:ae("Width"),height:ae("Height"),minWidth:ae("Minimum width"),maxWidth:ae("Maximum width")}})),ne.formFieldBorderEnabled&&l.createElement(c.y9,{title:ae("Borders"),collapsible:!0,open:i,onToggle:oe,dividerTop:!0},l.createElement(f.A,{form:e,elementSettings:t})),ne.formFieldBorderRadiusEnabled&&l.createElement(c.y9,{title:ae("Border radius"),collapsible:!0,open:a,onToggle:le,dividerTop:!0},l.createElement(v.A,{form:e,oneBorderRadiusValue:d,setOneBorderRadiusValue:s,elementSettings:t})),ne.formFieldBoxShadowEnabled&&l.createElement(c.y9,{title:ae("Box shadow"),collapsible:!0,open:n,onToggle:ie,dividerTop:!0},l.createElement(A,null)),ne.formFieldVisibilityEnabled&&l.createElement(c.y9,{title:ae("Display control"),dividerTop:!0},l.createElement(P,{elementSettings:t,form:e})),ne.formFieldAmpVisibilityEnabled&&t.ampShow&&l.createElement(c.y9,{title:ae("AMP visibility"),dividerTop:!0},l.createElement(O,null)))},D=({form:e,name:t,elementSettings:o,isPicture:i,tooltipTitle:a})=>{var r;const{__:n}=(0,E.s9)(),d=(0,_.XW)(),s=(0,l.useRef)(),[m,u]=(0,l.useState)("auto"===(null===(r=o[t])||void 0===r?void 0:r.value)),{token:g}=(0,c.rd)(),[b,p]=(0,l.useState)("");return l.createElement(l.Fragment,null,l.createElement(c.m_,{title:a,placement:"bottom"},l.createElement("div",null,l.createElement(c.lV.Item,{name:t,style:{marginBottom:g.formItemMarginBottomXS/2}},l.createElement(c.FQ,{ref:s,min:0,max:b,placeholder:n("Width"),onChange:o=>{u(!1),p("%"===e.getFieldsValue(!0)[t+"Dim"]?100:"")},prefix:l.createElement(N.Ay,{icon:"ColumnWidthOutlined"}),addonAfter:l.createElement(c.lV.Item,{name:t+"Dim",noStyle:!0},V.z$)})))),!i&&l.createElement(c.dO,{id:"auto-width",label:n("Auto"),labelSize:"small",size:"small",checked:m,onChange:l=>{s.current.value=null,e.setFieldsValue({[t]:"",[t+"Dim"]:"px"}),u(e=>!e),d({operation:S.Ru.SANDBOX_ELEMENT_SETTINGS_SET,type:o.type,settings:{[t]:{classNamePrefix:"em-mob-width-",value:m?null:"auto",dim:""}}})}}))},M=({form:e,name:t,elementSettings:o,isPicture:i,tooltipTitle:a})=>{var r;const{__:n}=(0,E.s9)(),d=(0,_.XW)(),s=(0,l.useRef)(),[m,u]=(0,l.useState)("auto"===(null===(r=o.mobileHeight)||void 0===r?void 0:r.value)),{token:g}=(0,c.rd)();return l.createElement(l.Fragment,null,l.createElement(c.m_,{title:a,placement:"bottom"},l.createElement("div",null,l.createElement(c.lV.Item,{name:t,style:{marginBottom:g.formItemMarginBottomXS/2}},l.createElement(c.FQ,{ref:s,min:0,placeholder:n("Height"),onChange:e=>{u(!1)},prefix:l.createElement(N.Ay,{icon:"ColumnHeightOutlined"}),addonAfter:"px"})))),!i&&l.createElement(c.dO,{id:"auto-height",label:n("Auto"),labelSize:"small",size:"small",checked:m,onChange:t=>{s.current.value=null,e.setFieldsValue({mobileHeight:"",mobileHeightDim:"px"}),u(e=>!e),d({operation:S.Ru.SANDBOX_ELEMENT_SETTINGS_SET,type:o.type,settings:{mobileHeight:{classNamePrefix:"em-mob-height-",value:m?null:"auto",dim:""}}})}}))},H=({form:e,elementSettings:t,boxShadow:o,mobileBordersShow:i,mobileBorderRadiusShow:a,mobileBoxShadowShow:n,mobileSizeShow:d,oneMobileBorderRadiusValue:s,setOneMobileBorderRadiusValue:m,hasLink:u,hasAlt:g,hasTitle:b,linkInputRef:p,linkButtonRef:S,altInputRef:_,altButtonRef:k,titleInputRef:w,titleButtonRef:x,linkInputHandler:T,altButtonHandler:L,altInputHandler:V,titleButtonHandler:F,titleInputHandler:H,linkButtonHandler:W,toggleShowMobileBorderHandler:z,toggleShowMobileBorderRadiusHandler:X,toggleShowMobileBoxShadowHandler:U,toggleShowMobileSizeHandler:G})=>{const{__:$}=(0,E.s9)(),{token:j}=(0,c.rd)(),Y=(0,B.rD)();return l.createElement(l.Fragment,null,l.createElement(c.fI,{gutter:30,style:{paddingBottom:4}},l.createElement(c.fv,{span:12},l.createElement(R,{form:e,elementSettings:t,imgParent:!0,typeOfForm:"mobile"})),Y.formImageFieldVerticalAlignEnabled&&l.createElement(c.fv,{span:12,align:"right"},l.createElement(y,{form:e,elementSettings:t,typeOfForm:"mobile"}))),l.createElement(c.cG,{className:"selected-td-form__divider",style:{marginBottom:"countdown"===t.type?15:24}}),"countdown"===t.type&&l.createElement(l.Fragment,null,l.createElement(I,{form:e,elementSettings:t}),l.createElement(c.cG,{className:"selected-td-form__divider",style:{marginBottom:24}})),"video"===t.type&&l.createElement(l.Fragment,null,l.createElement(C,{form:e,elementSettings:t}),l.createElement(c.cG,{className:"selected-td-form__divider",style:{marginBottom:24}})),("img"===t.type||"video"===t.type)&&l.createElement(c.lV.Item,{style:{marginBottom:0}},l.createElement(h.A,{form:e,label:$("Image path"),name:"src",placeholder:$("Image path"),elementSettings:t,tooltipTitle:""})),l.createElement(c.$x,{size:8,style:{marginBottom:g||u||b?j.formItemMarginBottomXS:j.formItemMarginBottomMD+4}},l.createElement(c.m_,{title:g||$("Alternative text"),placement:"bottom",getPopupContainer:e=>e.closest(".email-pane__collapse-wrapper")},l.createElement(c.$n,{className:r()("selected-td-form__button",{"selected-td-form__button--active":!!g}),onClick:L,ref:k},l.createElement("span",{className:"addon-text-content"},"Alt"))),Y.formFieldImageTitleEnabled&&l.createElement(c.m_,{title:b||$("Tooltip text"),placement:"bottom",getPopupContainer:e=>e.closest(".email-pane__collapse-wrapper")},l.createElement(c.$n,{className:r()("selected-td-form__button",{"selected-td-form__button--active":!!b}),onClick:F,ref:x},l.createElement("span",{className:"addon-text-content"},"Title"))),l.createElement(c.m_,{title:u||$("Hyperlink URL"),placement:"bottom",getPopupContainer:e=>e.closest(".email-pane__collapse-wrapper")},l.createElement(c.$n,{className:r()("selected-td-form__button",{"selected-td-form__button--active":!!u}),icon:l.createElement(N.Ay,{icon:"LinkOutlined",className:"selected-td-form__icon-radius"}),onClick:W,ref:S}))),(!!u||!!g||!!b)&&l.createElement("div",{style:{marginBottom:j.formItemMarginBottomMD+4}},!!u&&l.createElement(c.m_,{trigger:["hover"],title:$("Hyperlink URL"),placement:"bottom"},l.createElement(c.lV.Item,{name:"link",className:"selected-image-form__alt",style:{marginBottom:j.formItemMarginBottomXS}},l.createElement(c.pd,{ref:p,allowClear:!0,placeholder:$("Hyperlink URL"),prefix:l.createElement(N.Ay,{icon:"LinkOutlined"}),onChange:T}))),!!g&&l.createElement(c.m_,{trigger:["hover"],title:$("Alternative text"),placement:"bottom"},l.createElement(c.lV.Item,{name:"alt",className:"selected-image-form__alt",style:{marginBottom:j.formItemMarginBottomXS}},l.createElement(c.pd,{placeholder:$("Alternative text"),allowClear:!0,prefix:l.createElement("span",{className:"addon-text-content"},"Alt"),onChange:V,ref:_}))),Y.formFieldImageTitleEnabled&&!!b&&l.createElement(c.m_,{trigger:["hover"],title:$("Tooltip text"),placement:"bottom"},l.createElement(c.lV.Item,{name:"title",className:"selected-image-form__alt",style:{marginBottom:j.formItemMarginBottomXS}},l.createElement(c.pd,{placeholder:$("Tooltip text"),allowClear:!0,prefix:l.createElement("span",{className:"addon-text-content"},"Title"),onChange:H,ref:w})))),l.createElement(c.y9,{title:$("Size"),collapsible:!0,open:d,onToggle:G,dividerTop:!0},l.createElement(c.fI,{gutter:10,style:{paddingBottom:24}},l.createElement(c.fv,{span:12},l.createElement(D,{form:e,name:"mobileWidth",elementSettings:t,isPicture:"true",tooltipTitle:$("Width")})),Y.formImageFieldHeightEnabled&&l.createElement(c.fv,{span:12},l.createElement(M,{form:e,name:"mobileHeight",elementSettings:t,isPicture:"true",tooltipTitle:$("Height")})))),Y.formFieldBorderEnabled&&l.createElement(c.y9,{title:$("Borders"),collapsible:!0,open:i,onToggle:z,dividerTop:!0},l.createElement(f.A,{form:e,typeOfForm:"mobile"})),Y.formFieldBorderRadiusEnabled&&l.createElement(c.y9,{title:$("Border radius"),collapsible:!0,open:a,onToggle:X,dividerTop:!0},l.createElement(v.A,{form:e,oneBorderRadiusValue:s,setOneBorderRadiusValue:m,elementSettings:t,typeOfForm:"mobile"})),Y.formFieldBoxShadowEnabled&&l.createElement(c.y9,{title:$("Box shadow"),collapsible:!0,open:n,onToggle:U,dividerTop:!0},l.createElement(A,{typeOfForm:"mobile"})),Y.formFieldVisibilityEnabled&&l.createElement(c.y9,{title:$("Display control"),dividerTop:!0},l.createElement(P,{elementSettings:t,form:e})),Y.formFieldAmpVisibilityEnabled&&t.ampShow&&l.createElement(c.y9,{title:$("AMP visibility"),dividerTop:!0},l.createElement(O,null)))};var W=o(91724),z=o(89394),X=o(41371),U=o(79349),G=o(54501),$=o(65751),j=o(7648),Y=o(42018),K=o(16585),q=o(1382),Q=o(29749),J=o(72813),Z=o(1651);const ee=({elementSettings:e})=>{const{__:t}=(0,E.s9)(),[o]=c.lV.useForm();let i=(0,n.wA)();const a=(0,B.rD)(),{projectId:r}=(0,m.g)(),g=(0,p.hN)(),h=(0,n.d4)(d.Hs),f=(0,_.XW)(),v=(0,_.K9)(),{openImagePicker:k}=(0,Z.p)(),R=(0,n.d4)(G.Ct),y=(0,n.d4)(G.CS),w=(0,n.d4)($.C1),x=(0,n.d4)(G.Fv),T=(0,n.d4)(G.yy),[A]=(0,z.dS)(),[N,P]=(0,z.tb)(),[I,C]=(0,l.useState)({name:"",counter:0}),L=(0,l.useRef)(null),O=(0,l.useRef)(null),D=(0,l.useRef)(null),M=(0,l.useRef)(null),ee=(0,l.useRef)(null),te=(0,l.useRef)(null),oe=(0,l.useRef)(null),le=(0,l.useRef)(null),ie=(0,l.useRef)(null),[ae,re]=(0,l.useState)({}),[ne,de]=(0,l.useState)(!0),[se,me]=(0,l.useState)(!0),[ce,ue]=(0,l.useState)(""),[ge,be]=(0,l.useState)(""),[pe,he]=(0,l.useState)(""),[fe,ve]=(0,l.useState)(!1),[Ee,Se]=(0,l.useState)(!1),[_e,Be]=(0,l.useState)(!1),[ke,Re]=(0,l.useState)(!1),[ye,we]=(0,l.useState)(!1),[xe,Te]=(0,l.useState)(!1),[Ae,Ne]=(0,l.useState)(!1),[Pe,Ie]=(0,l.useState)(!1),[Ce,Le]=(0,l.useState)("https://"),Oe=(0,l.useRef)(!1),Ve=(0,l.useRef)(),[Fe,De]=(0,l.useState)(),[Me,He]=(0,l.useState)(!1),[We,ze]=(0,l.useState)(null),[Xe,Ue]=(0,l.useState)({start:0,end:0}),[Ge,$e]=(0,l.useState)(!1),[je,Ye]=(0,l.useState)(!1),[Ke,qe]=(0,l.useState)(!1),Qe=x&&"bottom"!==T,Je=h.hasOwnProperty("type")?S.IE:S.Tm;(0,l.useEffect)(()=>{Me&&ie.current&&ie.current.focus()},[Me]);const Ze=(0,n.d4)(Y.GH);(0,l.useEffect)(()=>{var e;null!==Ze&&void 0!==Ze&&null!==(e=Ze.items)&&void 0!==e&&e.length&&De((0,B.cM)(Ze.items,t,(e,t)=>{He(!1),v(S.Ru.SANDBOX_ADD_MERGETAG,e),t.stopPropagation(),t.preventDefault()}))},[Ze,De,t,He,v]);const et=(0,Q.cR)();(0,l.useEffect)(()=>{const e=new q.jG;return e.addDisposable((0,K.a)(et,"focusin",({target:e})=>{e.closest('[id="merge_tags_wrapper"]')||ze(e)})),e.addDisposable((0,K.a)(et,"click",({target:e})=>{e.closest(".merge-tags")||e.closest("#merge_tags_button")||He(!1)})),()=>{e.dispose()}},[et]);const tt=e.border,ot=e.mobileBorder,lt=Object.keys(tt).find(e=>{var t,o,l;return(null===(t=tt[e])||void 0===t?void 0:t.width)||(null===(o=tt[e])||void 0===o?void 0:o.style)||(null===(l=tt[e])||void 0===l?void 0:l.color)}),it=Object.keys(ot).find(e=>{var t,o,l;return(null===(t=ot[e])||void 0===t?void 0:t.width)||(null===(o=ot[e])||void 0===o?void 0:o.style)||(null===(l=ot[e])||void 0===l?void 0:l.color)}),at=e=>e&&(null!==e&&void 0!==e&&e.width||null!==e&&void 0!==e&&e.style||null!==e&&void 0!==e&&e.color)?e:"";(0,l.useEffect)(()=>{if(e){var t,l,i,a,r,n,d,s,m,c,u,g,p,h,f,v,E,S,_,B,k,R,y,w,x,T,A,N,P,I,C,L,O,F,D,M,H,W,z,X,U,G,$,j,Y,K,q,Q,J,Z,ee;e.src!==Ve.current&&(Ve.current=e.src,Oe.current=!1);const te=e.boxShadow;if(re(te),e.link&&Le((0,V.TW)(e.link,"https://")),o.setFieldsValue({...e,link:null==e.link?"https://":e.link,width:null===(t=e.width)||void 0===t?void 0:t.value,widthDim:null===(l=e.width)||void 0===l?void 0:l.dim,height:null===(i=e.height)||void 0===i?void 0:i.value,heightDim:null===(a=e.height)||void 0===a?void 0:a.dim,borderAll:(0,V.ok)(e.border.all),borderTop:(0,V.ok)(e.border.top),borderBottom:(0,V.ok)(e.border.bottom),borderRight:(0,V.ok)(e.border.right),borderLeft:(0,V.ok)(e.border.left),mobileBorderAll:at(e.mobileBorder.all)||!(at(e.mobileBorder.top)||at(e.mobileBorder.bottom)||at(e.mobileBorder.right)||at(e.mobileBorder.left))&&at(e.border.all),mobileBorderTop:at(e.mobileBorder.top)||!at(e.mobileBorder.all)&&at(e.border.top),mobileBorderBottom:at(e.mobileBorder.bottom)||!at(e.mobileBorder.all)&&at(e.border.bottom),mobileBorderRight:at(e.mobileBorder.right)||!at(e.mobileBorder.all)&&at(e.border.right),mobileBorderLeft:at(e.mobileBorder.left)||!at(e.mobileBorder.all)&&at(e.border.left),borderRadiusAll:(0,V.ok)(e.borderRadius.all),borderRadiusTopLeft:(0,V.ok)(e.borderRadius.topLeft),borderRadiusBottomLeft:(0,V.ok)(e.borderRadius.bottomLeft),borderRadiusTopRight:(0,V.ok)(e.borderRadius.topRight),borderRadiusBottomRight:(0,V.ok)(e.borderRadius.bottomRight),boxShadowInset:(0,V.ok)(null===(r=e.boxShadow)||void 0===r?void 0:r.inset)||!1,boxShadowHOffset:(0,V.ok)(null===(n=e.boxShadow)||void 0===n?void 0:n.hOffset),boxShadowVOffset:(0,V.ok)(null===(d=e.boxShadow)||void 0===d?void 0:d.vOffset),boxShadowBlurRadius:(0,V.ok)(null===(s=e.boxShadow)||void 0===s?void 0:s.blurRadius),boxShadowSpreadRadius:(0,V.ok)(null===(m=e.boxShadow)||void 0===m?void 0:m.spreadRadius),boxShadowColor:(0,V.ok)(null===(c=e.boxShadow)||void 0===c?void 0:c.color),mobileWidth:(0,V.xc)(null===(u=e.mobileWidth)||void 0===u?void 0:u.value)||(null===(g=e.width)||void 0===g?void 0:g.value),mobileWidthDim:(0,V.xc)(null===(p=e.mobileWidth)||void 0===p?void 0:p.value)?null===(h=e.mobileWidth)||void 0===h?void 0:h.dim:null===(f=e.width)||void 0===f?void 0:f.dim,mobileHeight:(0,V.xc)(null===(v=e.mobileHeight)||void 0===v?void 0:v.value)||(null===(E=e.height)||void 0===E?void 0:E.value),mobileHeightDim:(0,V.xc)(null===(S=e.mobileHeight)||void 0===S?void 0:S.value)?null===(_=e.mobileHeight)||void 0===_?void 0:_.dim:null===(B=e.height)||void 0===B?void 0:B.dim,mobileBorderRadiusAll:(0,V.ok)(e.mobileBorderRadius.all)||(0,V.ok)(e.borderRadius.all),mobileBorderRadiusTopLeft:(0,V.ok)(null===(k=e.mobileBorderRadius)||void 0===k?void 0:k.topLeft)||(0,V.ok)(null===(R=e.mobileBorderRadius)||void 0===R?void 0:R.all)||(0,V.ok)(null===(y=e.borderRadius)||void 0===y?void 0:y.topLeft)||(0,V.ok)(null===(w=e.borderRadius)||void 0===w?void 0:w.all),mobileBorderRadiusBottomLeft:(0,V.ok)(null===(x=e.mobileBorderRadius)||void 0===x?void 0:x.bottomLeft)||(0,V.ok)(null===(T=e.mobileBorderRadius)||void 0===T?void 0:T.all)||(0,V.ok)(null===(A=e.borderRadius)||void 0===A?void 0:A.bottomLeft)||(0,V.ok)(null===(N=e.borderRadius)||void 0===N?void 0:N.all),mobileBorderRadiusTopRight:(0,V.ok)(null===(P=e.mobileBorderRadius)||void 0===P?void 0:P.topRight)||(0,V.ok)(null===(I=e.mobileBorderRadius)||void 0===I?void 0:I.all)||(0,V.ok)(null===(C=e.borderRadius)||void 0===C?void 0:C.topRight)||(0,V.ok)(null===(L=e.borderRadius)||void 0===L?void 0:L.all),mobileBorderRadiusBottomRight:(0,V.ok)(null===(O=e.mobileBorderRadius)||void 0===O?void 0:O.bottomRight)||(0,V.ok)(null===(F=e.mobileBorderRadius)||void 0===F?void 0:F.all)||(0,V.ok)(null===(D=e.borderRadius)||void 0===D?void 0:D.bottomRight)||(0,V.ok)(null===(M=e.borderRadius)||void 0===M?void 0:M.all),mobileBoxShadowInset:null!=(null===(H=e.mobileBoxShadow)||void 0===H?void 0:H.inset)?e.mobileBoxShadow.inset:(null===(W=e.boxShadow)||void 0===W?void 0:W.inset)||!1,mobileBoxShadowHOffset:(0,V.ok)(null===(z=e.mobileBoxShadow)||void 0===z?void 0:z.hOffset)||(0,V.ok)(null===(X=e.boxShadow)||void 0===X?void 0:X.hOffset),mobileBoxShadowVOffset:(0,V.ok)(null===(U=e.mobileBoxShadow)||void 0===U?void 0:U.vOffset)||(0,V.ok)(null===(G=e.boxShadow)||void 0===G?void 0:G.vOffset),mobileBoxShadowBlurRadius:(0,V.ok)(null===($=e.mobileBoxShadow)||void 0===$?void 0:$.blurRadius)||(0,V.ok)(null===(j=e.boxShadow)||void 0===j?void 0:j.blurRadius),mobileBoxShadowSpreadRadius:(0,V.ok)(null===(Y=e.mobileBoxShadow)||void 0===Y?void 0:Y.spreadRadius)||(0,V.ok)(null===(K=e.boxShadow)||void 0===K?void 0:K.spreadRadius),mobileBoxShadowColor:(0,V.ok)((null===(q=e.mobileBoxShadow)||void 0===q?void 0:q.color)||(null===(Q=e.boxShadow)||void 0===Q?void 0:Q.color)),mobileAlign:(0,V.ok)(null===(J=e.mobileAlign)||void 0===J?void 0:J.value)||e.align,mobileVerticalAlign:(0,V.ok)((null===(Z=e.mobileVerticalAlign)||void 0===Z?void 0:Z.value)||e.valign),show:e.show?e.show:"all",altSrc:e.src}),e.countdown){let t=new URL("https://emailmaker.ru/?"+e.countdown),l=t.searchParams.get("font1"),i=!1,a=!1;l.endsWith("-b")?(l=l.substring(0,l.length-2),i=!0):l.endsWith("-i")?(l=l.substring(0,l.length-2),a=!0):l.endsWith("-bi")&&(l=l.substring(0,l.length-3),i=!0,a=!0);let r=t.searchParams.get("font2"),n=!1,d=!1;r.endsWith("-b")?(r=r.substring(0,r.length-2),n=!0):r.endsWith("-i")?(r=r.substring(0,r.length-2),d=!0):r.endsWith("-bi")&&(r=r.substring(0,r.length-3),n=!0,d=!0),o.setFieldsValue({countdownTime:b()(new Date(Date.parse(t.searchParams.get("time"))+36e5*t.searchParams.get("timezone")+(new Date).getTimezoneOffset()/60*36e5).toISOString()),countdownDuration:t.searchParams.get("frames")||20,countdownTimeZone:t.searchParams.get("timezone"),countdownLanguage:t.searchParams.get("locale").replace("-","_"),countdownBackgroundColor:"#"+t.searchParams.get("bg"),countdownTransparency:"true"===t.searchParams.get("tp")?"checked":"",countdownNumbersFont:l,countdownNumbersFontSize:t.searchParams.get("size1")/2,countdownNumbersFontSizeDim:"px",countdownNumbersColor:"#"+t.searchParams.get("color1"),countdownLabelsFont:r,countdownLabelsFontSize:t.searchParams.get("size2")/2,countdownLabelsFontSizeDim:"px",countdownLabelsColor:"#"+t.searchParams.get("color2"),countdownNumbersStrong:i,countdownNumbersItalic:a,countdownLabelsStrong:n,countdownLabelsItalic:d})}!(0,V.ok)(e.borderRadius.all)&&((0,V.ok)(e.borderRadius.topLeft)||(0,V.ok)(e.borderRadius.bottomLeft)||(0,V.ok)(e.borderRadius.topRight)||(0,V.ok)(e.borderRadius.bottomRight))?de(!1):de(!0),!(0,V.ok)(e.mobileBorderRadius.all)&&((0,V.ok)(e.mobileBorderRadius.topLeft)||(0,V.ok)(e.mobileBorderRadius.bottomLeft)||(0,V.ok)(e.mobileBorderRadius.topRight)||(0,V.ok)(e.mobileBorderRadius.bottomRight))||(0,V.ok)(e.mobileBorderRadius.all)&&((0,V.ok)(e.mobileBorderRadius.topLeft)||(0,V.ok)(e.mobileBorderRadius.bottomLeft)||(0,V.ok)(e.mobileBorderRadius.topRight)||(0,V.ok)(e.mobileBorderRadius.bottomRight))||!(0,V.ok)(e.borderRadius.all)&&!(0,V.ok)(e.mobileBorderRadius.all)&&((0,V.ok)(e.borderRadius.topLeft)||(0,V.ok)(e.borderRadius.bottomLeft)||(0,V.ok)(e.borderRadius.topRight)||(0,V.ok)(e.borderRadius.bottomRight))?me(!1):me(!0),ve(e=>!!lt||e),Se(e=>!(!lt&&!it)||e),Be(!!e.borderRadius.all||!!e.borderRadius.topLeft||!!e.borderRadius.bottomLeft||!!e.borderRadius.topRight||!!e.borderRadius.bottomRight),Re(!!e.mobileBorderRadius.all||!!e.mobileBorderRadius.topLeft||!!e.mobileBorderRadius.bottomLeft||!!e.mobileBorderRadius.topRight||!!e.mobileBorderRadius.bottomRight||!!e.borderRadius.all||!!e.borderRadius.topLeft||!!e.borderRadius.bottomLeft||!!e.borderRadius.topRight||!!e.borderRadius.bottomRight),we(!!e.boxShadow),Te(!!e.mobileBoxShadow.blurRadius||!!e.mobileBoxShadow.color||!!e.mobileBoxShadow.hOffset||!!e.mobileBoxShadow.inset||!!e.mobileBoxShadow.spreadRadius||!!e.mobileBoxShadow.vOffset||!!e.boxShadow),Ne(!!e.mobileWidth.value||!!e.mobileHeight.value||!!e.width.value||!!e.height.value),e.link?ue(e.link):ue(Oe.current?"...":""),be(e.alt),he(e.title),Ye(null===(ee=e.imgReplacer)||void 0===ee?void 0:ee.length)}},[o,e]);const rt=async(e,t,o)=>{const l={};l.user_id=w.id,l.folder=e,t&&("image/gif"!==t.type&&(t=await(0,u.A)(t,{maxSizeMB:a.compressMaxSize||.45,maxWidthOrHeight:a.compressMaxWidthOrHeight||2e3})),l.file=t),o&&(l.page_url=o);const i=await A(l);if(i.error)g.fromError("IMAGE_UPLOAD_ERROR",t,i.error,!0);else{const e=(0,X.g0)(i.data);if(e.error)return;if(e.file_url)return e.file_url}},nt=((e,t)=>{let o;return function(...l){clearTimeout(o),o=setTimeout(()=>{clearTimeout(o),e(...l)},t)}})(()=>{const t=o.getFieldsValue(!0);let l=new URL("https://cdt3.emcdn.ru/rndt?"+e.countdown),i=t.countdownNumbersFont;t.countdownNumbersStrong&&t.countdownNumbersItalic?i+="-bi":t.countdownNumbersStrong?i+="-b":t.countdownNumbersItalic&&(i+="-i");let a=t.countdownLabelsFont;t.countdownLabelsStrong&&t.countdownLabelsItalic?a+="-bi":t.countdownLabelsStrong?a+="-b":t.countdownLabelsItalic&&(a+="-i"),l.searchParams.set("time",new Date(t.countdownTime.$d-36e5*t.countdownTimeZone-(new Date).getTimezoneOffset()/60*36e5).toISOString()),l.searchParams.set("bg",t.countdownBackgroundColor.substring(1)||"#FFFFFF"),l.searchParams.set("tp",!!t.countdownTransparency),l.searchParams.set("font1",i),l.searchParams.set("size1",2*t.countdownNumbersFontSize||12),l.searchParams.set("color1",t.countdownNumbersColor.substring(1)||"#000000"),l.searchParams.set("font2",a),l.searchParams.set("size2",2*t.countdownLabelsFontSize||8),l.searchParams.set("color2",t.countdownLabelsColor.substring(1)||"#959595"),l.searchParams.set("spacing",Math.round(.4*t.countdownNumbersFontSize)||5),l.searchParams.set("locale",t.countdownLanguage.replace("_","-")),l.searchParams.set("timezone",t.countdownTimeZone),l.searchParams.set("frames",t.countdownDuration),N({link:JSON.stringify({target:l.href})}),Ie(!0)},500),dt=(0,l.useCallback)(e=>{i(Je===S.Tm?(0,d.A9)(e):(0,s.A9)(e))},[i,Je]),st=(0,l.useCallback)((t,l)=>{const i=(0,J.xv)(e.src||"")===(0,J.xv)(t||"");i&&t===e.src||(f({operation:S.Ru.SANDBOX_ELEMENT_SETTINGS_SET,type:e.type,settings:{src:t}}),dt({...e,src:t,activateSection:null,changeKey:"src"}),o.setFieldValue("src",t)),"save"===(null===l||void 0===l?void 0:l.mode)&&i&&(C(e=>({name:"src",counter:e.counter+1})),f({operation:S.Ru.SANDBOX_CURRENT_IMAGE_RELOAD,src:t,forceReload:!0}))},[e,o,dt,f]),mt=(0,l.useCallback)(async t=>{const o=await k({kind:"img",currentUrl:(0,J.xv)(e.src||""),entryModal:t});null!==o&&void 0!==o&&o.url&&st(o.url,o.meta)},[st,e.src,k]),ct=(t,...l)=>{var i,n;const d=o.getFieldsValue(!0),s=Object.keys(t)[0];let m;switch(s){case"link":let l=(0,V.aQ)(t[s]);l!==t[s]&&o.setFieldValue("link",l),m={link:l};break;case"boxShadowInset":case"boxShadowHOffset":case"boxShadowVOffset":case"boxShadowBlurRadius":case"boxShadowSpreadRadius":case"boxShadowColor":m={boxShadow:{hOffset:d.boxShadowHOffset,vOffset:d.boxShadowVOffset,blurRadius:d.boxShadowBlurRadius,spreadRadius:d.boxShadowSpreadRadius,color:d.boxShadowColor,inset:d.boxShadowInset}};break;case"borderAll":case"borderTop":case"borderBottom":case"borderLeft":case"borderRight":var c,g,b;if("borderAll"===d.borderPosition)m={border:{...S.iV,all:{...j.RH,...d.borderAll}}},o.setFieldsValue({borderLeft:j.RH,borderRight:j.RH,borderTop:j.RH,borderBottom:j.RH});else null!==(c=d.borderAll)&&void 0!==c&&c.width||null!==(g=d.borderAll)&&void 0!==g&&g.style||null!==(b=d.borderAll)&&void 0!==b&&b.color?(m={border:{all:null,left:d.borderAll,right:d.borderAll,top:d.borderAll,bottom:d.borderAll,[j.Vz[s]]:{...d[s],...t[s]}}},o.setFieldsValue({borderAll:null,borderLeft:d.borderAll,borderRight:d.borderAll,borderTop:d.borderAll,borderBottom:d.borderAll,[s]:{...d[s],...t[s]}})):(m={border:{all:null,left:d.borderLeft,right:d.borderRight,top:d.borderTop,bottom:d.borderBottom,[j.Vz[s]]:{...d[s],...t[s]}}},o.setFieldsValue({border:m.border}));break;case"mobileBorderAll":case"mobileBorderTop":case"mobileBorderBottom":case"mobileBorderLeft":case"mobileBorderRight":if("mobileBorderAll"===d.mobileBorderPosition)m={mobileBorder:{...S.iV,all:{...j.RH,...d.mobileBorderAll,classNamePrefix:"em-mob-border_"+j.ax[s]+"-"}}},o.setFieldsValue({borderLeft:j.RH,borderRight:j.RH,borderTop:j.RH,borderBottom:j.RH});else{var p,h,v,E,_,B;const l=j.ax[s],i={...d[s],...t[s]},a=!(null!==i&&void 0!==i&&i.width)&&!(null!==i&&void 0!==i&&i.style)&&!(null!==i&&void 0!==i&&i.color);if(null!==(p=d.mobileBorder)&&void 0!==p&&null!==(h=p.all)&&void 0!==h&&h.width||null!==(v=d.mobileBorder)&&void 0!==v&&null!==(E=v.all)&&void 0!==E&&E.style||null!==(_=d.mobileBorder)&&void 0!==_&&null!==(B=_.all)&&void 0!==B&&B.color){const e=d.mobileBorderAll;m={mobileBorder:{all:null,left:e,right:e,top:e,bottom:e,[l]:a?null:{...i,classNamePrefix:"em-mob-border_"+l+"-"}}},o.setFieldsValue({mobileBorderAll:null,mobileBorderLeft:e,mobileBorderRight:e,mobileBorderTop:e,mobileBorderBottom:e,[s]:i})}else{const t=e.mobileBorder||{},r=e=>{const o=t[e];return o&&(null!==o&&void 0!==o&&o.width||null!==o&&void 0!==o&&o.style||null!==o&&void 0!==o&&o.color)?o:null};m={mobileBorder:{all:null,left:"left"===l?a?null:{...i,classNamePrefix:"em-mob-border_left-"}:r("left"),right:"right"===l?a?null:{...i,classNamePrefix:"em-mob-border_right-"}:r("right"),top:"top"===l?a?null:{...i,classNamePrefix:"em-mob-border_top-"}:r("top"),bottom:"bottom"===l?a?null:{...i,classNamePrefix:"em-mob-border_bottom-"}:r("bottom")}},o.setFieldsValue({[s]:i})}}break;case"width":m={[s]:{value:t[s],dim:d.widthDim}};break;case"widthDim":m={width:{value:d.width,dim:t[s]}};break;case"height":m={[s]:{value:t[s],dim:d.heightDim}};break;case"heightDim":m={height:{value:d.height,dim:t[s]}};break;case"borderRadiusAll":m={borderRadius:{[j.wF[s]]:+t[s]}};break;case"borderRadiusTopLeft":case"borderRadiusBottomLeft":case"borderRadiusTopRight":case"borderRadiusBottomRight":m={borderRadius:{topLeft:d.borderRadiusTopLeft,bottomLeft:d.borderRadiusBottomLeft,topRight:d.borderRadiusTopRight,bottomRight:d.borderRadiusBottomRight,[j.wF[s]]:+t[s]}};break;case"mobileWidth":m={[s]:{classNamePrefix:"em-mob-width-",value:t[s],dim:d.mobileWidthDim}};break;case"mobileWidthDim":m={mobileWidth:{classNamePrefix:"em-mob-width-",value:d.mobileWidth||100,dim:t[s]}};break;case"mobileHeight":m={[s]:{classNamePrefix:"em-mob-height-",value:t[s],dim:d.mobileHeightDim}};break;case"mobileHeightDim":m={mobileHeight:{classNamePrefix:"em-mob-height-",value:d.mobileHeight,dim:t[s]}};break;case"mobileBorderRadiusAll":case"mobileBorderRadiusTopLeft":case"mobileBorderRadiusBottomLeft":case"mobileBorderRadiusTopRight":case"mobileBorderRadiusBottomRight":m={mobileBorderRadius:{[j.NW[s]]:t[s],classNamePrefix:"em-mob-border_radius_"+j.NW[s]+"-"}};break;case"mobileBoxShadowInset":case"mobileBoxShadowHOffset":case"mobileBoxShadowVOffset":case"mobileBoxShadowBlurRadius":case"mobileBoxShadowSpreadRadius":case"mobileBoxShadowColor":m={mobileBoxShadow:{hOffset:d.mobileBoxShadowHOffset,vOffset:d.mobileBoxShadowVOffset,blurRadius:d.mobileBoxShadowBlurRadius,spreadRadius:d.mobileBoxShadowSpreadRadius,color:d.mobileBoxShadowColor,inset:d.mobileBoxShadowInset,classNamePrefix:"em-mob-box_shadow-"}};break;case"mobileAlign":m={[s]:{classNamePrefix:"em-mob-text_align-",value:t[s]}};break;case"mobileVerticalAlign":m={[s]:{classNamePrefix:"em-mob-vertical_align-",value:t[s]}};break;case"countdownTime":case"countdownTimeZone":case"countdownBackgroundColor":case"countdownNumbersFont":case"countdownNumbersFontSize":case"countdownNumbersColor":case"countdownLabelsFont":case"countdownLabelsFontSize":case"countdownLabelsColor":case"countdownLanguage":case"countdownDuration":case"countdownTransparency":case"countdownNumbersStrong":case"countdownNumbersItalic":case"countdownLabelsStrong":case"countdownLabelsItalic":nt();break;case"video":(async()=>{const e=o.getFieldsValue(!0);e.video.source&&rt("tmp",null,e.video.source).then(t=>{var o=document.createElement("canvas"),l=o.getContext("2d"),i=new Image,n=new Image;let d=t,s="https://useblocks.io/app/"+e.video.playButton+".png";i.crossOrigin="Anonymous",n.crossOrigin="Anonymous";let m=!1,c=!1;i.onload=function(){l.clearRect(0,0,o.width,o.height),l.drawImage(i,0,0,o.width,o.height),m=!0},i.src=d,n.onload=function(){c=!0},n.src=s;let g=setInterval(function(){if(m&&c){o.width=i.width,o.height=i.height,l.clearRect(0,0,o.width,o.height),l.drawImage(i,0,0,i.width,i.height);const d=Math.min(o.width,o.height);let s;if(i.height>i.width)s=.3;else{const e=i.width/i.height,t=2.5;s=Math.min(.35,.3+(e-1)/(t-1)*.1)}const m=d*s,c=n.width/n.height;let b,p;c>=1?(b=m,p=m/c):(p=m,b=m*c);var e=(o.width-b)/2,t=(o.height-p)/2;l.drawImage(n,e,t,b,p),o.toBlob(async function(e){const t=await(0,u.A)(new File([e],"image.jpeg",{type:"image/jpeg"}),{maxSizeMB:a.compressMaxSize||.45,maxWidthOrHeight:a.compressMaxWidthOrHeight||2e3});rt(r,t).then(e=>{st(e)})},"image/jpg",1),clearInterval(g)}},300)})})(),d.link=d.video.source,f({operation:S.Ru.SANDBOX_ELEMENT_SETTINGS_SET,type:"video",settings:{video:{...d.video,...t.video},link:d.link}});break;case"src":const k=t[s],R=e.src,y=(null===(i=d.video)||void 0===i?void 0:i.playButton)||(null===(n=e.video)||void 0===n?void 0:n.playButton);if("video"===e.type&&y&&"none"!==y&&!Ke&&k&&(!R||k!==R))return void(async t=>{var l,i;const n=(null===(l=o.getFieldsValue(!0).video)||void 0===l?void 0:l.playButton)||(null===(i=e.video)||void 0===i?void 0:i.playButton);if(!t||!n||"none"===n||Ke)return;qe(!0);var d=document.createElement("canvas"),s=d.getContext("2d"),m=new Image,c=new Image;let g=t,b="https://useblocks.io/app/"+n+".png";m.crossOrigin="Anonymous",c.crossOrigin="Anonymous";let p=!1,h=!1;m.onload=function(){s.clearRect(0,0,d.width,d.height),s.drawImage(m,0,0,d.width,d.height),p=!0},m.src=g,c.onload=function(){h=!0},c.src=b;let v=setInterval(function(){if(p&&h){d.width=m.width,d.height=m.height,s.clearRect(0,0,d.width,d.height),s.drawImage(m,0,0,m.width,m.height);const i=Math.min(d.width,d.height);let n;if(m.height>m.width)n=.3;else{const e=m.width/m.height,t=2;n=Math.min(.4,.3+(e-1)/(t-1)*.1)}const g=i*n,b=c.width/c.height;let p,h;b>=1?(p=g,h=g/b):(h=g,p=g*b);var t=(d.width-p)/2,l=(d.height-h)/2;s.drawImage(c,t,l,p,h),d.toBlob(async function(t){const l=await(0,u.A)(new File([t],"image.jpeg",{type:"image/jpeg"}),{maxSizeMB:a.compressMaxSize||.45,maxWidthOrHeight:a.compressMaxWidthOrHeight||2e3});rt(r,l).then(t=>{qe(!1),f({operation:S.Ru.SANDBOX_ELEMENT_SETTINGS_SET,type:e.type,settings:{src:t}}),dt({...e,src:t,activateSection:null,changeKey:"src"}),setTimeout(()=>{o.setFieldValue("src",t)},100)}).catch(e=>{qe(!1)})},"image/jpg",1),clearInterval(v)}},300)})(k);m=t;break;default:m=t}var k;"borderPosition"!==s&&"mobileBorderPosition"!==s&&-1===s.indexOf("countdown")&&"video"!==s&&(f({operation:S.Ru.SANDBOX_ELEMENT_SETTINGS_SET,type:e.type,settings:m}),"video"!==s&&-1===s.indexOf("countdown")&&"mobileBorderRadiusAll"!==s&&"mobileBorderRadiusTopLeft"!==s&&"mobileBorderRadiusTopRight"!==s&&"mobileBorderRadiusBottomLeft"!==s&&"mobileBorderRadiusBottomRight"!==s&&dt({...e,...m,mobileBorderRadius:{...e.mobileBorderRadius,...null===(k=m)||void 0===k?void 0:k.mobileBorderRadius},activateSection:null,changeKey:s}))};(0,l.useEffect)(()=>{P.isError&&(g.error(P),Ie(!1))},[P]),(0,l.useEffect)(()=>{if(P.isSuccess&&Pe){var t;if(400===(null===(t=P.data.data)||void 0===t?void 0:t.status))g.error({message:P.data.code,description:P.data.message});else{let t=new URL(P.data.target),o={countdown:{link:P.data.link,params:t.search.substring(1)}};f({operation:S.Ru.SANDBOX_ELEMENT_SETTINGS_SET,type:e.type,settings:o})}Ie(!1)}},[P,Pe,e,g,f]);(0,W.A)(e=>{const t=e.data.operation;t===S.Ru.APPLICATION_OPEN_IMAGE_AI_POPUP?mt(S.lx.UPLOAD_IMAGE_MODAL_AI):t===S.Ru.APPLICATION_OPEN_IMAGE_UPLOAD_POPUP?mt(S.lx.UPLOAD_IMAGE_MODAL_UPLOAD):t===S.Ru.APPLICATION_OPEN_IMAGE_EDIT_POPUP?mt(S.lx.UPLOAD_IMAGE_MODAL_EDIT):t===S.Ru.APPLICATION_OPEN_IMAGE_GIF_POPUP?mt(S.lx.UPLOAD_IMAGE_MODAL_GIF):t===S.Ru.APPLICATION_OPEN_IMAGE_STOCK_POPUP?mt(S.lx.UPLOAD_IMAGE_MODAL_STOCK):t===S.Ru.APPLICATION_CLOSE_IMAGE_EDIT_POPUP&&(i((0,U.Os)()),i((0,U.Oo)()))});const ut=()=>{ce?(Oe.current=!1,ue(""),o.setFieldValue("link",""),f({operation:S.Ru.SANDBOX_ELEMENT_SETTINGS_SET,type:e.type,settings:{link:""}})):(Oe.current=!0,ue(L.current&&L.current.input.value?L.current.input.value:"..."),setTimeout(()=>{L.current.focus()}))},gt=e=>{""===e.target.value?ue("..."):(O.current.classList.add("selected-td-form__button--active"),ue(e.target.value)),(0,V.b9)(e.target.value,Le)},bt=()=>{const t=o.getFieldsValue(!0);ge?(be(""),t.alt="",f({operation:S.Ru.SANDBOX_ELEMENT_SETTINGS_SET,type:e.type,settings:{alt:""}})):(be(D.current&&D.current.input.value?D.current.input.value:"..."),setTimeout(()=>{D.current.focus()}))},pt=e=>{""===e.target.value?be("..."):(M.current.classList.add("selected-td-form__button--active"),be(e.target.value))},ht=()=>{const t=o.getFieldsValue(!0);pe?(he(""),t.title="",f({operation:S.Ru.SANDBOX_ELEMENT_SETTINGS_SET,type:e.type,settings:{title:""}})):(he(ee.current&&ee.current.input.value?ee.current.input.value:"..."),setTimeout(()=>{ee.current.focus()}))},ft=e=>{""===e.target.value?he("..."):(te.current.classList.add("selected-td-form__button--active"),he(e.target.value))};return l.createElement(c.lV,{form:o,layout:"vertical",name:"selected_image_form",initialValues:{src:"",width:"",height:"",widthDim:"",heightDim:"",alt:"",align:"left",border:"",boxShadow:"",show:"all",borderPosition:j.uE[lt]||"borderAll",mobileBorderPosition:j.lS[it]||"mobileBorderAll",borderColor:"",borderWidth:"",borderStyle:"",mobileWidth:"",mobileWidthDim:"",mobileHeight:"",mobileHeightDim:"",mobileBorder:"",mobileBorderColor:"",mobileBorderWidth:"",mobileBorderStyle:"",mobileBoxShadow:"",mobileAlign:"left",mobileVerticalAlign:"",link:"https://",imgReplacer:"",countdownNumbersStrong:!1,countdownNumbersItalic:!1,countdownLabelsStrong:!1,countdownLabelsItalic:!1,video:{source:"",playButton:"youtube_red"}},onValuesChange:ct,autoComplete:"off",className:"element-controls"},!Qe&&l.createElement(c.m_,{title:t("To change the appearance of the element on the mobile device, edit the fields below. If the fields remain empty, the desktop styles will be applied to the mobile version."),placement:"bottom"},l.createElement(c.Fc,{className:"selected_form-mobile-props-title",message:t("Appearance on mobile devices"),type:"info"})),R===S.ND&&y.styles?l.createElement("div",{id:"selected_element_form_mobile_props",className:"selected_form-mobile-props"},l.createElement(H,{form:o,elementSettings:e,boxShadow:ae,mobileBordersShow:Ee,mobileBorderRadiusShow:ke,mobileBoxShadowShow:xe,mobileSizeShow:Ae,oneMobileBorderRadiusValue:se,setOneMobileBorderRadiusValue:me,hasLink:ce,hasAlt:ge,hasTitle:pe,linkInputRef:L,linkButtonRef:O,altInputRef:D,altButtonRef:M,titleInputRef:ee,titleButtonRef:te,linkInputHandler:gt,altButtonHandler:bt,altInputHandler:pt,titleButtonHandler:ht,titleInputHandler:ft,linkButtonHandler:ut,toggleShowMobileBorderHandler:()=>{const t=o.getFieldsValue(!0);setTimeout(()=>{Se(e=>!e),Ee?(t.mobileBorderAll=j.RH,t.mobileBorderTop=j.RH,t.mobileBorderBottom=j.RH,t.mobileBorderRight=j.RH,t.mobileBorderLeft=j.RH):t.mobileBorderAll={width:1,color:"#E5E5E5",style:"solid"},f({operation:S.Ru.SANDBOX_ELEMENT_SETTINGS_SET,type:e.type,settings:{mobileBorder:{all:{color:t.mobileBorderAll.color,style:t.mobileBorderAll.style,width:t.mobileBorderAll.width}}}})})},toggleShowMobileBorderRadiusHandler:()=>{const t=o.getFieldsValue(!0);setTimeout(()=>{Re(e=>!e),ke?(t.mobileBorderRadiusAll=null,me(!0)):t.mobileBorderRadiusAll=5,f({operation:S.Ru.SANDBOX_ELEMENT_SETTINGS_SET,type:e.type,settings:{mobileBorderRadius:{all:t.mobileBorderRadiusAll,classNamePrefix:"em-mob-border_radius_all-"}}})})},toggleShowMobileBoxShadowHandler:()=>{const t=o.getFieldsValue(!0);setTimeout(()=>{Te(e=>!e),xe?(t.mobileBoxShadowInset=!1,t.mobileBoxShadowHOffset=null,t.mobileBoxShadowVOffset=null,t.mobileBoxShadowBlurRadius=null,t.mobileBoxShadowSpreadRadius=null,t.mobileBoxShadowColor=""):(t.mobileBoxShadowInset=!1,t.mobileBoxShadowHOffset=5,t.mobileBoxShadowVOffset=5,t.mobileBoxShadowBlurRadius=10,t.mobileBoxShadowSpreadRadius=-5,t.mobileBoxShadowColor="#000000"),f({operation:S.Ru.SANDBOX_ELEMENT_SETTINGS_SET,type:e.type,settings:{mobileBoxShadow:{blurRadius:t.mobileBoxShadowBlurRadius,color:t.mobileBoxShadowColor,hOffset:t.mobileBoxShadowHOffset,inset:t.mobileBoxShadowInset,spreadRadius:t.mobileBoxShadowSpreadRadius,vOffset:t.mobileBoxShadowVOffset,classNamePrefix:"em-mob-box_shadow-"}}})})},toggleShowMobileSizeHandler:()=>{const t=o.getFieldsValue(!0);setTimeout(()=>{Ne(e=>!e),Ae&&(t.mobileWidth="",t.mobileHeight="",f({operation:S.Ru.SANDBOX_ELEMENT_SETTINGS_SET,type:e.type,settings:{mobileWidth:{value:null,dim:"px",classNamePrefix:"em-mob-width-"},mobileHeight:{value:null,dim:"px",classNamePrefix:"em-mob-height-"}}}))})}}),"        "):l.createElement("div",{id:"selected_element_form_desktop_props"},l.createElement(F,{form:o,elementSettings:e,boxShadow:ae,bordersShow:fe,borderRadiusShow:_e,boxShadowShow:ye,oneBorderRadiusValue:ne,setOneBorderRadiusValue:de,hasLink:ce,hasAlt:ge,hasTitle:pe,isOpenSrcReplacer:je,mergeTagItems:Fe,mergeMenuOpen:Me,setMergeMenuOpen:He,cascaderRef:ie,linkInputRef:L,linkButtonRef:O,altInputRef:D,altButtonRef:M,titleInputRef:ee,titleButtonRef:te,srcReplacerInputRef:oe,srcReplacerButtonRef:le,linkProtocol:Ce,handleLinkProtocolsChange:e=>{o.setFieldValue("link","mergetag"!==e?e:""),Le(e)},linkButtonHandler:ut,linkInputHandler:gt,altButtonHandler:bt,altInputHandler:pt,titleButtonHandler:ht,titleInputHandler:ft,srcReplacerButtonHandler:()=>{Ye(!je),je?(o.setFieldValue("imgReplacer",""),f({operation:S.Ru.SANDBOX_ELEMENT_SETTINGS_SET,type:e.type,settings:{imgReplacer:""}})):setTimeout(()=>oe.current.focus())},srcInputHandler:e=>{""!==e.target.value&&le.current.classList.add("selected-td-form__button--active")},handleSelect:({target:e})=>{if(e&&!Ge){const{selectionStart:t,selectionEnd:o}=e;Ue({start:t,end:o})}$e(!1)},onChange:(t,l)=>{if(He(!1),t){const i=Ze.syntax.length>1?Fe.findIndex(e=>e.key===l[0].key):0,a=Ze.syntax[i].replace("%value%",t[t.length-1]);"selected_image_form_title"===(null===We||void 0===We?void 0:We.getAttribute("id"))||"selected_image_form_alt"===(null===We||void 0===We?void 0:We.getAttribute("id"))||"selected_image_form_link"===(null===We||void 0===We?void 0:We.getAttribute("id"))||"selected_image_form_imgReplacer"===(null===We||void 0===We?void 0:We.getAttribute("id"))?((t,l)=>{const i=document.getElementById(l);if(i){var a,r;const n="selected_image_form_",d=l.substring(l.indexOf(n)+n.length),s=null===(a=i.value)||void 0===a?void 0:a.substring(0,Xe.start),m=null===(r=i.value)||void 0===r?void 0:r.substring(Xe.end);f({operation:S.Ru.SANDBOX_ELEMENT_SETTINGS_SET,type:e.type,settings:{...e,[d]:s+t+m}}),o.setFieldValue(d,s+t+m),i.focus(),setTimeout(()=>{i.selectionStart=Xe.start,i.selectionEnd=Xe.start+t.length},400),$e(!0)}})(a,null===We||void 0===We?void 0:We.getAttribute("id")):(o.setFieldValue("imgReplacer",a),f({operation:S.Ru.SANDBOX_ELEMENT_SETTINGS_SET,type:e.type,settings:{imgReplacer:a}}))}},filter:(e,t)=>t.some(t=>t.label.toLowerCase().indexOf(e.toLowerCase())>-1),renderSearchOption:(e,t)=>{const o=t.map((t,o)=>{const i=t.label.split(new RegExp(`(${e})`,"gi"));return l.createElement("span",{key:t.value},0!==o&&l.createElement("span",null,"\xa0/\xa0"),i.map((t,o)=>t.toLowerCase()===e.toLowerCase()?l.createElement("span",{key:o,style:{color:"red"}},t):t))});return l.createElement("div",{title:t.map(e=>e.label).join(" / ")},o)},handleChangeValues:ct,toggleShowBorderHandler:()=>{const t=o.getFieldsValue(!0);setTimeout(()=>{ve(e=>!e),fe?(t.borderAll=j.RH,t.borderTop=j.RH,t.borderBottom=j.RH,t.borderRight=j.RH,t.borderLeft=j.RH):t.borderAll={width:1,color:"#E5E5E5",style:"solid"},f({operation:S.Ru.SANDBOX_ELEMENT_SETTINGS_SET,type:e.type,settings:{border:{all:{color:t.borderAll.color,style:t.borderAll.style,width:t.borderAll.width}}}})})},toggleShowBorderRadiusHandler:()=>{const t=o.getFieldsValue(!0);setTimeout(()=>{Be(e=>!e),_e?(t.borderRadiusAll=0,de(!0)):t.borderRadiusAll=5,f({operation:S.Ru.SANDBOX_ELEMENT_SETTINGS_SET,type:e.type,settings:{borderRadius:{all:t.borderRadiusAll}}})})},toggleShowBoxShadowHandler:()=>{const t=o.getFieldsValue(!0);setTimeout(()=>{we(e=>!e),ye?(t.boxShadowInset=!1,t.boxShadowHOffset=null,t.boxShadowVOffset=null,t.boxShadowBlurRadius=null,t.boxShadowSpreadRadius=null,t.boxShadowColor=""):(t.boxShadowInset=!1,t.boxShadowHOffset=5,t.boxShadowVOffset=5,t.boxShadowBlurRadius=10,t.boxShadowSpreadRadius=-5,t.boxShadowColor="#000000"),f({operation:S.Ru.SANDBOX_ELEMENT_SETTINGS_SET,type:e.type,settings:{boxShadow:{blurRadius:t.boxShadowBlurRadius,color:t.boxShadowColor,hOffset:t.boxShadowHOffset,inset:t.boxShadowInset,spreadRadius:t.boxShadowSpreadRadius,vOffset:t.boxShadowVOffset}}})})}})))},te=()=>{const{__:e}=(0,E.s9)();return l.createElement(c.m_,{trigger:["hover"],title:e("The font-size CSS property sets the size of the font."),placement:"top"},l.createElement(c.lV.Item,{name:"mobileFontSize"},l.createElement(c.FQ,{min:8,max:90,placeholder:e("Font size"),prefix:l.createElement(N.Ay,{icon:"FontSizeOutlined"}),addonAfter:"px"})))};var oe=o(25470),le=o(28753);const ie=({form:e,elementSettings:t,name:o,icon:i,tooltipTitle:a=null,showTooltip:n=!0,forceInactive:d=!1})=>{const{__:s}=(0,E.s9)(),m=e.getFieldValue(o),u=(0,_.XW)(),[g,b]=(0,l.useState)(t[o]);(0,l.useEffect)(()=>{t[o]!==e.getFieldValue(o)&&(e.setFieldValue(o,t[o]),b(t[o]))},[t,e,o]),(0,l.useEffect)(()=>{g!==m&&b(m)},[m,g,o]);const p=()=>{const l={[o]:!g};e.setFieldValue(o,!g),u({operation:S.Ru.SANDBOX_ELEMENT_SETTINGS_SET,type:t.type,settings:l}),"textSuperscript"===o?e.setFieldValue("textSubscript",!1):"textSubscript"===o&&e.setFieldValue("textSuperscript",!1),b(e=>!e)};return l.createElement(c.lV.Item,{name:o},n?l.createElement(c.m_,{placement:"bottom",title:a||s(o.substring(4))},l.createElement(c.$n,{className:r()("selected-td-form__button selected-td-form__button_style",{"selected-td-form__button--active":g&&!d}),onClick:p},i)):l.createElement(c.$n,{className:r()("selected-td-form__button selected-td-form__button_style",{"selected-td-form__button--active":g&&!d}),onClick:p},i))};var ae=o(88099);const re=({form:e,elementSettings:t,showAddParagraph:o=!0,isButton:i=!1,linkProtocol:a,setLinkProtocol:d,linkTarget:s,isBulletFontColorChecked:m=!1,setIsBulletFontColorChecked:u=()=>{},showTopDivider:g=!0})=>{var b,h,f,v,k,R,y,w,x,T,A,P,I;const{__:C}=(0,E.s9)(),{token:L}=(0,c.rd)(),O=(0,p.hN)(),F=(0,_.XW)(),D=(0,_.K9)(),M=(0,B.rD)(),H=(0,l.useRef)(),z=(0,l.useRef)(null),X=(0,l.useRef)(null),U=(0,l.useRef)(null),G=(0,l.useRef)(!1),[$,j]=(0,l.useState)(!1),[J,Z]=(0,l.useState)(!1),[ee,te]=(0,l.useState)(null),[re,ne]=(0,l.useState)({start:0,end:0}),[de,se]=(0,l.useState)(!1),[me,ce]=(0,l.useState)([]),[ue,ge]=(0,l.useState)("#c6c3c3"),[be,pe]=(0,l.useState)(!1),[he,fe]=(0,l.useState)(!1),ve=(0,l.useRef)(null),Ee=(0,l.useRef)(""),Se=(0,ae.A)(),_e=(0,l.useMemo)(()=>Se,[]),Be=c.lV.useWatch([],e);(0,l.useEffect)(()=>{i&&void 0!==(null===t||void 0===t?void 0:t.textColor)&&e.setFieldValue("textColor",t.textColor)},[i,null===t||void 0===t?void 0:t.textColor,e]);let ke=null;(0,l.useEffect)(()=>{if(null!==Be&&void 0!==Be&&Be.textColor&&m){const o=e.getFieldValue("textColor");F({operation:S.Ru.SANDBOX_ELEMENT_SETTINGS_SET,type:t.type,settings:{ColorBullets:o}})}},[null===Be||void 0===Be?void 0:Be.textColor]),(0,l.useEffect)(()=>{const o=e.getFieldValue("textLink");"string"===typeof t.linkHref&&pe(!0),ve&&!o&&(pe(!1),e.setFieldsValue({linkHref:null})),ve.current=o||null},[null===Be||void 0===Be?void 0:Be.textLink,null===Be||void 0===Be?void 0:Be.linkHref,t.linkHref,e]),(0,l.useEffect)(()=>{const t=e.getFieldValue("listUL"),o=e.getFieldValue("listOL");t&&"listUL"!==Ee.current?(e.setFieldValue("listOL",!1),Ee.current="listUL"):o&&"listOL"!==Ee.current&&(e.setFieldValue("listUL",!1),Ee.current="listOL"),t||o||(Ee.current="")},[null===Be||void 0===Be?void 0:Be.listUL,null===Be||void 0===Be?void 0:Be.listOL,e]);(0,W.A)(e=>{e.data.operation===S.Ru.APPLICATION_FOCUS_IN_IFRAME&&te(null)});const[Re,ye]=(0,l.useState)(null);(0,l.useEffect)(()=>{var e,t;null!==(e=window)&&void 0!==e&&null!==(t=e.navigator)&&void 0!==t&&t.userAgent.includes("Macintosh")&&ye(!0)},[]);const we=(0,l.useRef)(null);const xe=e=>{F({operation:S.Ru.SANDBOX_ELEMENT_TEXT,action:e,locale:"ru_RU"}),O.success({message:C("It`s done!")})},Te=[{key:"1",label:C("This element"),onClick:()=>xe("typograf")},{key:"2",label:C("The whole email"),onClick:()=>xe("typograf_all")}],[Ae,Ne]=(0,l.useState)(),[Pe,Ie]=(0,l.useState)(!1);(0,l.useEffect)(()=>{const e=((e,t="#c6c3c3",o={})=>{const{symbolSize:i="25px",marginRight:a="5px",marginBottom:r="5px",textStyle:n={whiteSpace:"normal",lineHeight:"1.2"}}=o;return e.map(e=>({value:e.code,label:l.createElement("div",{style:{display:"flex",alignItems:"center"}},l.createElement("span",{style:{color:t||"#c6c3c3",marginRight:a,marginBottom:r,fontSize:i,lineHeight:"0.7",width:i,textAlign:"center",...n}},e.symbol),l.createElement("span",{style:n},e.description))}))})(_e,ue,{});ce(e)},[_e,ue]),(0,l.useEffect)(()=>{var e;ge(null===t||void 0===t||null===(e=t.list)||void 0===e?void 0:e.bulletsColor)},[e,t]),(0,l.useEffect)(()=>{const o=t.linkHref||t.href;o&&(0,V.b9)(o,d);const l=t.linkHref||t.href,i=l&&(0,V.v9)(l)?l.slice(1):l||"https://";e.setFieldsValue({linkHref:i})},[e,t,d]);const Ce=(0,n.d4)(Y.GH);(0,l.useEffect)(()=>{var e;null!==Ce&&void 0!==Ce&&null!==(e=Ce.items)&&void 0!==e&&e.length&&Ne((0,B.cM)(Ce.items,C,(e,t)=>{Ie(!1),D(S.Ru.SANDBOX_ADD_MERGETAG,e),t.stopPropagation(),t.preventDefault()}))},[Ce,Ne,C,Ie,D]);(0,l.useEffect)(()=>{Pe&&we.current&&we.current.focus()},[Pe]);const Le=(0,Q.cR)();(0,l.useEffect)(()=>{const e=new q.jG;return e.addDisposable((0,K.a)(Le,"focusin",({target:e})=>{e.closest('[id="merge_tags_wrapper"]')||te(e)})),e.addDisposable((0,K.a)(Le,"click",({target:e})=>{e.closest(".merge-tags")||e.closest("#merge_tags_button")||Ie(!1)})),()=>{e.dispose()}},[Le]),(0,l.useEffect)(()=>{const e=(null===z||void 0===z?void 0:z.current)||document,t=()=>{window.getSelection().toString().length>0&&(G.current=!0)};return e.addEventListener("dblclick",t),()=>{e.removeEventListener("dblclick",t)}},[z]);const Oe=(0,l.useCallback)(({target:e})=>{if(e&&!de){const{selectionStart:t,selectionEnd:o}=e;ne({start:t,end:o})}se(!1)},[de]);(0,l.useEffect)(()=>Oe({target:null===s||void 0===s?void 0:s.target}),[s,Oe]);const Ve=(o,l)=>{const i=document.getElementById(l);if(i){var a,r;const n=null===(a=i.value)||void 0===a?void 0:a.substring(0,re.start),d=null===(r=i.value)||void 0===r?void 0:r.substring(re.end),s=l.substring(l.lastIndexOf("_")+1);F({operation:S.Ru.SANDBOX_ELEMENT_SETTINGS_SET,type:t.type,settings:{[s]:n+o+d}}),e.setFieldValue(s,n+o+d),i.focus(),setTimeout(()=>{i.selectionStart=re.start,i.selectionEnd=re.start+o.length},400),se(!0)}},Fe=()=>{j(!$),$?(e.setFieldValue("textReplacer",""),F({operation:S.Ru.SANDBOX_ELEMENT_SETTINGS_SET,type:t.type,settings:{textReplacer:""}})):setTimeout(()=>z.current.focus())};(0,l.useEffect)(()=>{var e;j(!(null===(e=t.textReplacer)||void 0===e||!e.length))},[t,e]);(0,l.useEffect)(()=>{var e;Z(!(null===(e=t.textAnchor)||void 0===e||!e.length))},[t,e]);return l.createElement(l.Fragment,null,o&&!t.showOnMobile&&l.createElement(l.Fragment,null,l.createElement(c.fI,{gutter:20,style:{paddingBottom:4}},l.createElement(c.fv,{span:12,gutter:20},l.createElement(le.A,{form:e,elementSettings:t,name:"textAlign"})))),M.formTextFieldTypografEnabled&&l.createElement(c.y9,{title:null,dividerTop:g},l.createElement(c.fI,{gutter:10,style:{marginTop:4}},l.createElement(c.fv,{span:12},l.createElement(c.lV.Item,{name:"AddImage",style:{marginBottom:L.formItemMarginBottomXS}},l.createElement(c.$n,{icon:l.createElement(N.Ay,{icon:"AddImage"}),onClick:()=>xe("add_img"),style:{width:"100%"}},C("Add image")))),l.createElement(c.fv,{span:12},l.createElement(c.lV.Item,{name:"Typography",style:{marginBottom:L.formItemMarginBottomXS}},l.createElement(c.ms,{arrow:!0,menu:{items:Te},trigger:["hover"],placement:"bottom",getPopupContainer:e=>e.closest(".selected-element-panel")},l.createElement(c.$n,{icon:l.createElement(N.Ay,{icon:"Typograf"}),onClick:()=>xe("typograf"),style:{width:"100%"}},C("Typography"))))),M.mergeTagsShow&&Ae&&l.createElement(c.fv,{span:24,id:"merge_tags_wrapper",style:{marginBottom:L.formItemMarginBottomXS}},l.createElement(c.$n,{id:"merge_tags_button",icon:l.createElement(N.Ay,{icon:"MergeTags"}),style:{width:"100%",display:Pe?"none":"inline-flex"},onClick:()=>Ie(!0)},C("Merge tags")),l.createElement(c.vx,{ref:we,popupClassName:"merge-tags",options:Ae,placeholder:C("Start typing the title"),showSearch:{filter:(e,t)=>t.some(t=>t.label.toLowerCase().indexOf(e.toLowerCase())>-1),render:(e,t)=>{const o=t.map((t,o)=>{const i=t.label.split(new RegExp(`(${e})`,"gi"));return l.createElement("span",{key:t.value},0!==o&&l.createElement("span",null,"\xa0/\xa0"),i.map((t,o)=>t.toLowerCase()===e.toLowerCase()?l.createElement("span",{key:o,style:{color:"red"}},t):t))});return l.createElement("div",{title:t.map(e=>e.label).join(" / ")},o)}},spellCheck:"false",getPopupContainer:e=>e.closest(".email-pane__collapse-wrapper"),onChange:(o,l)=>{if(Ie(!1),o){const i=Ce.syntax.length>1?Ae.findIndex(e=>e.key===l[0].key):0,a=Ce.syntax[i].replace("%value%",o[o.length-1]);if("selected_button_form_href"===(null===ee||void 0===ee?void 0:ee.getAttribute("id"))||"selected_text_form_linkHref"===(null===ee||void 0===ee?void 0:ee.getAttribute("id"))||"selected_text_form_textReplacer"===(null===ee||void 0===ee?void 0:ee.getAttribute("id")))Ve(a,null===ee||void 0===ee?void 0:ee.getAttribute("id"));else{e.setFieldValue("textReplacer",a);const o=Date.now();F({operation:S.Ru.SANDBOX_ELEMENT_SETTINGS_SET,type:t.type,settings:{textReplacer:`${a}~~${o}`}})}}},style:{display:Pe?"block":"none",width:"100%"},open:Pe,onKeyDown:e=>{"Escape"===e.key&&Ie(!1)}})))),l.createElement(c.y9,{title:null,dividerTop:g||M.formTextFieldTypografEnabled,bodyStyle:{paddingBottom:4}},l.createElement(c.m_,{trigger:["hover"],title:C("Text font"),placement:"bottom",zIndex:1,getPopupContainer:e=>e.parentNode},l.createElement(c.lV.Item,{name:"fontFamily",className:"form-item-margin-xs"},l.createElement(c.LW,{textEditor:!0,loadGoogleFonts:oe.c,getPopupContainer:e=>e.closest(".email-pane__collapse-wrapper")}))),!t.showOnMobile&&l.createElement(c.fI,{gutter:10},l.createElement(c.fv,{span:12},l.createElement(c.m_,{trigger:["hover"],title:C("Font size"),placement:"bottom"},l.createElement(c.lV.Item,{name:"fontSize",className:"form-item-margin-xs"},l.createElement(c.FQ,{min:8,max:90,placeholder:C("Font size"),prefix:l.createElement(N.Ay,{icon:"FontSizeOutlined"}),addonAfter:"px"})))),l.createElement(c.fv,{span:12},l.createElement(c.m_,{trigger:["hover"],title:C("Line height"),placement:"bottom"},l.createElement(c.lV.Item,{name:"lineHeight",className:"form-item-margin-xs"},l.createElement(c.FQ,{min:10,max:110,placeholder:C("Line height"),prefix:l.createElement(N.Ay,{icon:"LineHeightOutlined"}),addonAfter:"px"}))))),l.createElement(c.fI,{gutter:10,style:{marginBottom:10,marginTop:5}},l.createElement(c.fv,{span:24},l.createElement(c.fI,{gutter:10,style:{marginBottom:-10}},i&&l.createElement(l.Fragment,null,l.createElement(c.fv,{span:12},l.createElement("div",{className:"selected-text-common-form__format-toolbar"},l.createElement(ie,{form:e,elementSettings:t,name:"textStrong",tooltipTitle:C(Re?"Strong ( \u2318B )":"Strong  ( Ctrl+B )"),icon:l.createElement(N.Ay,{icon:"BoldOutlined",className:"selected-text-common-form__icon-radius"})}),l.createElement(ie,{form:e,elementSettings:t,name:"textItalic",tooltipTitle:C(Re?"Italic ( \u2318I )":"Italic  ( Ctrl+I )"),icon:l.createElement(N.Ay,{icon:"ItalicOutlined",className:"selected-text-common-form__icon-radius"})}),l.createElement(ie,{form:e,elementSettings:t,name:"textUnderline",tooltipTitle:C(Re?"Underline ( \u2318U )":"Underline ( Ctrl+U )"),icon:l.createElement(N.Ay,{icon:"UnderlineOutlined",className:"selected-text-common-form__icon-radius"})}))),l.createElement(c.fv,{span:12},l.createElement(c.m_,{trigger:["hover"],title:C("Text color"),placement:"bottom",zIndex:1,getPopupContainer:e=>e.parentNode},l.createElement(c.lV.Item,{name:"textColor",rules:[{message:C("Please set the font color")}],className:"form-item-margin-xs"},l.createElement(c.it,{placeholder:C("Color"),usedColors:t.usedColors,usedLabel:C("Used"),recommendedLabel:C("Recommended")}))))),!i&&l.createElement(l.Fragment,null,l.createElement(c.fv,{span:3},l.createElement(ie,{form:e,elementSettings:t,name:"textStrong",tooltipTitle:C(Re?"Strong ( \u2318B )":"Strong  ( Ctrl+B )"),icon:l.createElement(N.Ay,{icon:"BoldOutlined",className:"selected-text-common-form__icon-radius"})})),l.createElement(c.fv,{span:3},l.createElement(ie,{form:e,elementSettings:t,name:"textItalic",tooltipTitle:C(Re?"Italic ( \u2318I )":"Italic  ( Ctrl+I )"),icon:l.createElement(N.Ay,{icon:"ItalicOutlined",className:"selected-text-common-form__icon-radius"})})),l.createElement(c.fv,{span:3},l.createElement(ie,{form:e,elementSettings:t,name:"textUnderline",tooltipTitle:C(Re?"Underline ( \u2318U )":"Underline ( Ctrl+U )"),icon:l.createElement(N.Ay,{icon:"UnderlineOutlined",className:"selected-text-common-form__icon-radius"})})),(null===t||void 0===t||null===(b=t.list)||void 0===b?void 0:b.isList)&&l.createElement(c.fv,{span:3},"                ",l.createElement(ie,{form:e,elementSettings:t,name:"textStrikethrough",tooltipTitle:C(Re?"Strikethrough ( \u2318+Shift+X )":"Strikethrough ( Alt+Shift+5 )"),icon:l.createElement(N.Ay,{icon:"StrikethroughOutlined",className:"selected-text-common-form__icon-radius"})})),!(null!==t&&void 0!==t&&null!==(h=t.list)&&void 0!==h&&h.isList)&&l.createElement(c.fv,{span:3},l.createElement(ie,{form:e,elementSettings:t,name:"listUL",tooltipTitle:C("Unordered list"),icon:l.createElement(N.Ay,{icon:"UnorderedListOutlined",className:"selected-td-form__icon-radius"}),onSelect:Oe})),!(null!==t&&void 0!==t&&null!==(f=t.list)&&void 0!==f&&f.isList)&&l.createElement(c.fv,{span:3},l.createElement(ie,{form:e,elementSettings:t,name:"listOL",tooltipTitle:C("Ordered list"),icon:l.createElement(N.Ay,{icon:"OrderedListOutlined",className:"selected-td-form__icon-radius"}),onSelect:Oe})),l.createElement(c.fv,{span:3},l.createElement(ie,{form:e,elementSettings:t,name:"textSuperscript",tooltipTitle:C("Text superscript"),icon:l.createElement(N.Ay,{icon:"Superscript"})})),(null===t||void 0===t||null===(v=t.list)||void 0===v?void 0:v.isList)&&l.createElement(c.fv,{span:3},"                ",l.createElement(ie,{form:e,elementSettings:t,name:"textSubscript",tooltipTitle:C("Text subscript"),icon:l.createElement(N.Ay,{icon:"Subscript"})})),o&&l.createElement(c.fv,{span:3},l.createElement(ie,{form:e,className:r()("selected-text-common-form__button selected-text-common-form__button_style",{"selected-text-common-form__button--active":"string"===typeof t.linkHref}),elementSettings:t,name:"textLink",forceInactive:!!t.textAnchor,tooltipTitle:C("Link"),icon:l.createElement(N.Ay,{icon:"LinkOutlined",className:"selected-text-common-form__icon-radius"}),onSelect:Oe})),(null===t||void 0===t||null===(k=t.list)||void 0===k?void 0:k.isList)&&M.formTextFieldReplacerEnabled&&l.createElement(c.fv,{span:3},l.createElement(c.m_,{title:C("Text replacer"),placement:"bottom",getPopupContainer:e=>e.closest(".email-pane__collapse-wrapper")},l.createElement(c.$n,{className:r()("selected-td-form__button ant-form-item",{"selected-td-form__button--active":$}),icon:l.createElement(N.Ay,{icon:"Replacer",className:"selected-td-form__icon-radius"}),onClick:Fe,ref:X}))),(!(null!==t&&void 0!==t&&null!==(R=t.list)&&void 0!==R&&R.isList)||o&&(null===t||void 0===t||null===(y=t.list)||void 0===y?void 0:y.isList))&&l.createElement(c.fv,{span:3},l.createElement(c.m_,{title:C("More options"),placement:"bottom",getPopupContainer:e=>e.closest(".email-pane__collapse-wrapper")},l.createElement(c.$n,{className:r()("selected-td-form__button ant-form-item",{"selected-td-form__button--active":he||J}),icon:l.createElement(N.Ay,{icon:"DotsHoriz",className:"selected-td-form__icon-radius"}),onClick:()=>fe(!he)}))))),!i&&he&&l.createElement(c.fI,{gutter:10},!(null!==t&&void 0!==t&&null!==(w=t.list)&&void 0!==w&&w.isList)&&l.createElement(l.Fragment,null,l.createElement(c.fv,{span:3},"                ",l.createElement(ie,{form:e,elementSettings:t,name:"textStrikethrough",tooltipTitle:C(Re?"Strikethrough ( \u2318+Shift+X )":"Strikethrough ( Alt+Shift+5 )"),icon:l.createElement(N.Ay,{icon:"StrikethroughOutlined",className:"selected-text-common-form__icon-radius"})})),l.createElement(c.fv,{span:3},"                ",l.createElement(ie,{form:e,elementSettings:t,name:"textSubscript",tooltipTitle:C("Text subscript"),icon:l.createElement(N.Ay,{icon:"Subscript"})})),M.formTextFieldReplacerEnabled&&l.createElement(c.fv,{span:3},l.createElement(c.m_,{title:C("Text replacer"),placement:"bottom",getPopupContainer:e=>e.closest(".email-pane__collapse-wrapper")},l.createElement(c.$n,{className:r()("selected-td-form__button ant-form-item",{"selected-td-form__button--active":$}),icon:l.createElement(N.Ay,{icon:"Replacer",className:"selected-td-form__icon-radius"}),onClick:Fe,ref:X})))),o&&l.createElement(c.fv,{span:3},l.createElement(c.m_,{title:C("Anchor"),placement:"bottom",getPopupContainer:e=>e.closest(".email-pane__collapse-wrapper")},l.createElement(c.$n,{className:r()("selected-td-form__button ant-form-item",{"selected-td-form__button--active":J}),icon:l.createElement(N.Ay,{icon:"Anchor",className:"selected-text-common-form__icon-radius"}),onMouseDown:o=>{o.preventDefault(),Z(!J),J?(e.setFieldValue("textAnchor",""),F({operation:S.Ru.SANDBOX_ELEMENT_SETTINGS_SET,type:t.type,settings:{textAnchor:""}})):setTimeout(()=>{var e;return null===(e=U.current)||void 0===e?void 0:e.focus()})}})))),o&&"string"===typeof t.linkHref&&be&&l.createElement(l.Fragment,null,l.createElement(V.Ee,{show:"#"===a,__:C,style:{marginBottom:L.formItemMarginBottomXS}}),l.createElement(c.m_,{trigger:["hover"],title:C("#"===a?"Anchor name":"The URL that the hyperlink directs to."),placement:"bottom"},l.createElement(c.lV.Item,{name:"linkHref",style:{marginBottom:"mailto:"===a?L.formItemMarginBottomXS:""}},l.createElement(c.pd,{ref:H,addonBefore:l.createElement(V.Ai,{linkProtocol:a,handleLinkProtocolsChange:t=>{e.setFieldValue("linkHref","mergetag"!==t?t:""),d(t)},__:C}),allowClear:!0,placeholder:C("#"===a?"Anchor name":"Hyperlink URL"),autoFocus:null===t||void 0===t?void 0:t.isNewLink,onSelect:Oe,prefix:l.createElement(V.RM,{linkProtocol:a})}))),"mailto:"===a&&l.createElement(l.Fragment,null,l.createElement(c.lV.Item,{name:"subject",style:{marginBottom:L.formItemMarginBottomXS}},l.createElement(c.pd,{placeholder:C("Subject"),onSelect:Oe})),l.createElement(c.lV.Item,{name:"body",style:{marginBottom:L.formItemMarginBottomMD}},l.createElement(c.fs,{rows:3,placeholder:C("Body"),onSelect:Oe})))),o&&J&&l.createElement(c.m_,{trigger:["hover"],title:C("Anchor name"),placement:"bottom"},l.createElement(c.lV.Item,{name:"textAnchor"},l.createElement(c.pd,{placeholder:C("Anchor name"),allowClear:!0,prefix:l.createElement("span",{className:"addon-text-content addon-text-content--icon",title:C("Anchor"),"aria-hidden":!0},l.createElement(N.Ay,{icon:"Anchor",className:"selected-text-common-form__icon-radius",size:18})),ref:U,onSelect:Oe,onBlur:()=>{const t=e.getFieldValue("textAnchor");null!==t&&void 0!==t&&t.trim()||Z(!1)}}))),!i&&$&&l.createElement(c.m_,{trigger:["hover"],title:C("Text"),placement:"bottom"},l.createElement(c.lV.Item,{name:"textReplacer"},l.createElement(c.pd,{placeholder:C("The code that will replace this text"),allowClear:!0,prefix:l.createElement("span",{className:"addon-text-content"},C("Text")),onChange:e=>{var t;""!==e.target.value&&(null===(t=X.current)||void 0===t||t.classList.add("selected-td-form__button--active"))},onKeyDown:e=>{const o=e.target,l=o.value,i=o.selectionStart,a=function(e){const t=e.key.toLowerCase();let o=!1;return("control"!==ke&&"meta"!==ke||"a"!==t&&"A"!==t)&&("a"!==ke&&"A"!==ke||"control"!==t&&"meta"!==t)||(o=!0),ke=t,"control"!==t&&"a"!==t&&"A"!==t&&"meta"!==t&&(ke=null),o}(e);if(G.current&&0===i&&F({operation:S.Ru.SANDBOX_ELEMENT_SETTINGS_SET,type:t.type,settings:{textReplacer:`${l}~`}}),G.current=a,0!==i||" "!==e.key){if(" "===e.key){if(i!==l.length)return void e.preventDefault();l.endsWith(" ")&&e.preventDefault()}}else e.preventDefault()},ref:z,onSelect:Oe}))))),!i&&l.createElement(c.fI,{gutter:10,style:{paddingBottom:4}},l.createElement(c.fv,{span:12},l.createElement(c.m_,{trigger:["hover"],title:C("Text color"),placement:"bottom",zIndex:1,getPopupContainer:e=>e.parentNode},l.createElement(c.lV.Item,{name:"textColor",rules:[{message:C("Please set the font color")}]},l.createElement(c.it,{placeholder:C("Color"),usedColors:t.usedColors,usedLabel:C("Used"),recommendedLabel:C("Recommended")})))),l.createElement(c.fv,{span:12},l.createElement(c.m_,{trigger:["hover"],title:C("Text background"),placement:"bottom",zIndex:1,getPopupContainer:e=>e.parentNode},l.createElement(c.lV.Item,{name:"textBackgroundColor",rules:[{message:C("Please set the background color")}]},l.createElement(c.it,{placeholder:C("Background color"),usedColors:t.usedColors,usedLabel:C("Used"),recommendedLabel:C("Recommended")})))))),!i&&(null===t||void 0===t||null===(x=t.list)||void 0===x?void 0:x.isList)&&l.createElement(c.y9,{title:C("List settings"),dividerTop:!0},"OL"===(null===t||void 0===t||null===(T=t.list)||void 0===T?void 0:T.listType)&&l.createElement(c.fI,null,l.createElement(c.fv,{span:24},l.createElement(c.m_,{trigger:["hover"],title:C("Bullets font"),placement:"bottom",zIndex:1,getPopupContainer:e=>e.parentNode},l.createElement(c.lV.Item,{name:"BulletsFontFamily",className:"form-item-margin-xs"},l.createElement(c.LW,{textEditor:!0,loadGoogleFonts:oe.c,getPopupContainer:e=>e.closest(".email-pane__collapse-wrapper"),style:{marginTop:"-9px"}}))))),l.createElement(c.fI,{gutter:[10]},"UL"===(null===t||void 0===t||null===(A=t.list)||void 0===A?void 0:A.listType)&&l.createElement(c.fv,{span:12},l.createElement(c.m_,{trigger:["hover"],title:C("Bullets type"),placement:"bottom"},l.createElement(c.lV.Item,{name:"BulletType",className:"bullet-type"},l.createElement(c.Select,{size:"middle",placeholder:C("Bullets type"),onClick:e=>e.stopPropagation(),options:me}))))),l.createElement(c.fI,{gutter:[10]},l.createElement(c.fv,{span:12},l.createElement(c.m_,{trigger:["hover"],title:C("Bullets color"),placement:"bottom",zIndex:1,getPopupContainer:e=>e.parentNode},l.createElement(c.lV.Item,{name:"ColorBullets"},l.createElement(c.it,{placeholder:C("Bullets color"),usedColors:t.usedColors,usedLabel:C("Used"),recommendedLabel:C("Recommended"),disabled:m,onChange:e=>{ge(e),m&&u(!1)},externalValue:m?null===Be||void 0===Be?void 0:Be.textColor:void 0})))),l.createElement(c.fv,{span:12},l.createElement(c.m_,{trigger:["hover"],title:C("Bullets size"),placement:"bottom"},l.createElement(c.lV.Item,{name:"BulletsSize"},l.createElement(c.FQ,{min:8,max:90,defaultValue:null===t||void 0===t||null===(P=t.list)||void 0===P?void 0:P.bulletFontSize,placeholder:C("Bullets size"),prefix:l.createElement(N.Ay,{icon:"FontSizeOutlined"}),addonAfter:"px"}))))),"OL"===(null===t||void 0===t||null===(I=t.list)||void 0===I?void 0:I.listType)&&l.createElement(c.fI,null,l.createElement(c.fv,{span:3},l.createElement(ie,{form:e,elementSettings:t,name:"BulletTextStrong",tooltipTitle:C(Re?"Strong ( \u2318B )":"Strong  ( Ctrl+B )"),icon:l.createElement(N.Ay,{icon:"BoldOutlined",className:"selected-text-common-form__icon-radius"})})),l.createElement(c.fv,{span:3},l.createElement(ie,{form:e,elementSettings:t,name:"BulletTextItalic",tooltipTitle:C(Re?"Italic ( \u2318I )":"Italic  ( Ctrl+I )"),icon:l.createElement(N.Ay,{icon:"ItalicOutlined",className:"selected-text-common-form__icon-radius"})})),l.createElement(c.fv,{span:3},l.createElement(ie,{form:e,elementSettings:t,name:"BulletTextStrikethrough",tooltipTitle:C(Re?"Strikethrough ( \u2318+Shift+X )":"Strikethrough ( Alt+Shift+5 )"),icon:l.createElement(N.Ay,{icon:"StrikethroughOutlined",className:"selected-text-common-form__icon-radius"})})),l.createElement(c.fv,{span:3},l.createElement(ie,{form:e,elementSettings:t,name:"BulletTextUnderline",tooltipTitle:C(Re?"Underline ( \u2318U )":"Underline ( Ctrl+U )"),icon:l.createElement(N.Ay,{icon:"UnderlineOutlined",className:"selected-text-common-form__icon-radius"})}))),l.createElement(c.fI,{gutter:[10],style:{marginTop:"-8px"}},l.createElement(c.fv,{span:12},l.createElement(c.m_,{trigger:["hover"],title:C("Between list items"),placement:"bottom"},l.createElement(c.lV.Item,{name:"SpacingBetweenParagraphs"},l.createElement(c.FQ,{min:5,max:100,placeholder:C("Between list items"),prefix:l.createElement(N.Ay,{icon:"ColumnHeightOutlined"}),addonAfter:"px"})))),l.createElement(c.fv,{span:12},l.createElement(c.m_,{trigger:["hover"],title:C("Between bullets and text"),placement:"bottom"},l.createElement(c.lV.Item,{name:"SpacingBetweenBulletsAndText"},l.createElement(c.FQ,{min:1,max:100,placeholder:C("Between bullets and text"),prefix:l.createElement(N.Ay,{icon:"ColumnWidthOutlined"}),addonAfter:"px"})))))))},ne=({form:e,elementSettings:t,showAddParagraph:o=!0,isButton:i=!1})=>{const{__:a}=(0,E.s9)(),r=(0,_.XW)(),u=(0,n.wA)(),{emailId:g}=(0,m.g)(),b=(0,n.d4)(g?d.Hs:s.gm).hasOwnProperty("type")?S.IE:S.Tm,p=(0,B.rD)(),[h,f]=(0,l.useState)(null);(0,l.useEffect)(()=>{var e,t;null!==(e=window)&&void 0!==e&&null!==(t=e.navigator)&&void 0!==t&&t.userAgent.includes("Macintosh")&&f(!0)},[]);const v=e=>{r({operation:S.Ru.SANDBOX_ELEMENT_TEXT,action:e,locale:"ru_RU"})},[k,R]=(0,l.useState)(t.textAlign),[y,w]=(0,l.useState)(t.linkHref),x=e=>R(e);return(0,l.useEffect)(()=>{R(t.textAlign),w(t.linkHref)},[t]),l.createElement("div",{className:"selected_text_common_form_mobile"},l.createElement(c.$x,{size:"8",split:l.createElement(c.cG,{type:"vertical"})},l.createElement(c.$x,{size:8,className:"selected_text_common_form_mobile__group"},l.createElement("div",{style:{width:190}},l.createElement(c.m_,{trigger:["hover"],title:a("Text font"),placement:"bottom",zIndex:1,getPopupContainer:e=>e.parentNode},l.createElement(c.lV.Item,{name:"fontFamily"},l.createElement(c.LW,{textEditor:!0,loadGoogleFonts:oe.c,getPopupContainer:e=>e.closest(".selected_text_common_form_mobile")})))),l.createElement("div",{style:{width:90}},l.createElement(c.m_,{trigger:["hover"],title:a("Font size"),placement:"bottom"},l.createElement(c.lV.Item,{name:"fontSize"},l.createElement(c.FQ,{min:8,max:90,placeholder:a("Font size"),prefix:l.createElement(N.Ay,{icon:"FontSizeOutlined"}),addonAfter:"px"})))),l.createElement("div",{style:{width:90}},l.createElement(c.m_,{trigger:["hover"],title:a("Line height"),placement:"bottom"},l.createElement(c.lV.Item,{name:"lineHeight"},l.createElement(c.FQ,{min:10,max:110,placeholder:a("Line height"),prefix:l.createElement(N.Ay,{icon:"LineHeightOutlined"}),addonAfter:"px"}))))),l.createElement(c.$x,{size:8,className:"selected_text_common_form_mobile__group"},l.createElement(ie,{form:e,elementSettings:t,name:"textStrong",tooltipTitle:a(h?"Strong ( \u2318B )":"Strong  ( Ctrl+B )"),icon:l.createElement(N.Ay,{icon:"BoldOutlined",className:"selected-td-form__icon-radius"})}),l.createElement(ie,{form:e,elementSettings:t,name:"textItalic",tooltipTitle:a(h?"Italic ( \u2318I )":"Italic  ( Ctrl+I )"),icon:l.createElement(N.Ay,{icon:"ItalicOutlined",className:"selected-td-form__icon-radius"})}),l.createElement(ie,{form:e,elementSettings:t,name:"textStrikethrough",tooltipTitle:a(h?"Strikethrough ( \u2318+Shift+X )":"Strikethrough ( Alt+Shift+5 )"),icon:l.createElement(N.Ay,{icon:"StrikethroughOutlined",className:"selected-td-form__icon-radius"})}),l.createElement(ie,{form:e,elementSettings:t,name:"textUnderline",tooltipTitle:a(h?"Underline ( \u2318U )":"Underline ( Ctrl+U )"),icon:l.createElement(N.Ay,{icon:"UnderlineOutlined",className:"selected-td-form__icon-radius"})})),l.createElement(c.$x,{size:8,className:"selected_text_common_form_mobile__group"},l.createElement(c.m_,{trigger:["hover"],title:a("Text color"),placement:"bottom",zIndex:1,getPopupContainer:e=>e.parentNode},l.createElement(c.lV.Item,{name:"textColor",rules:[{message:a("Please set the font color")}]},l.createElement(c.it,{placeholder:a("Color"),usedColors:t.usedColors,usedLabel:a("Used"),recommendedLabel:a("Recommended"),getPopupContainer:e=>e.closest(".selected_text_common_form_mobile")}))),!i&&l.createElement(l.Fragment,null,l.createElement(c.m_,{trigger:["hover"],title:a("Text background"),placement:"bottom",zIndex:1,getPopupContainer:e=>e.parentNode},l.createElement(c.lV.Item,{name:"textBackgroundColor",rules:[{message:a("Please set the background color")}]},l.createElement(c.it,{placeholder:a("Background color"),usedColors:t.usedColors,usedLabel:a("Used"),recommendedLabel:a("Recommended")}))))),o&&l.createElement(c.$x,{size:8,className:"selected_text_common_form_mobile__group"},l.createElement(l.Fragment,null,"string"===typeof y?l.createElement(c.ms,{arrow:!0,dropdownRender:()=>l.createElement(c.m_,{trigger:["hover"],title:a("The URL that the hyperlink directs to."),placement:"bottom"},l.createElement(c.lV.Item,{name:"linkHref"},l.createElement(c.pd,{allowClear:!0,placeholder:a("Hyperlink URL"),prefix:l.createElement(N.Ay,{icon:"LinkOutlined"}),autoFocus:null===t||void 0===t?void 0:t.isNewLink}))),overlayClassName:"codemode-textalign-dropdown",overlayStyle:{left:520,top:52,transform:"translateX(0)",marginLeft:57},trigger:["hover"],placement:"bottom",getPopupContainer:e=>e.closest(".selected_text_common_form_mobile")},l.createElement("div",null,l.createElement(ie,{form:e,className:"selected-td-form__button selected-td-form__button_style selected-td-form__button--active",elementSettings:t,name:"textLink",icon:l.createElement(N.Ay,{icon:"LinkOutlined",className:"selected-td-form__icon-radius"}),showTooltip:!1}))):l.createElement(ie,{form:e,className:"selected-td-form__button selected-td-form__button_style",elementSettings:t,name:"textLink",tooltipTitle:a("Link"),icon:l.createElement(N.Ay,{icon:"LinkOutlined",className:"selected-td-form__icon-radius"})}),l.createElement(c.ms,{arrow:!0,dropdownRender:()=>l.createElement(le.A,{form:e,elementSettings:t,name:"textAlign",setAlignStateHandle:x}),overlayClassName:"codemode-textalign-dropdown",overlayStyle:{left:615,top:52,transform:"translateX(0)",marginLeft:57},trigger:["hover"],placement:"bottom",getPopupContainer:e=>e.closest(".selected_text_common_form_mobile")},l.createElement(c.$n,{icon:"right"===k?l.createElement(N.Ay,{icon:"AlignRightOutlined",size:18,strokeWidth:p.iconStrokeWidth}):"center"===k?l.createElement(N.Ay,{icon:"AlignCenterOutlined",size:18,strokeWidth:p.iconStrokeWidth}):l.createElement(N.Ay,{icon:"AlignLeftOutlined",size:18,strokeWidth:p.iconStrokeWidth}),className:"selected-td-form__button"})))),l.createElement(c.$x,{size:8,className:"selected_text_common_form_mobile__group"},o&&l.createElement(c.m_,{trigger:["hover"],title:a("Add paragraph"),placement:"bottom"},l.createElement(c.$n,{icon:l.createElement(N.Ay,{icon:"Paragraph"}),onClick:()=>v("add_p"),className:"selected-td-form__button"})),l.createElement(c.m_,{trigger:["hover"],title:a("Add inline image"),placement:"bottom"},l.createElement(c.$n,{icon:l.createElement(N.Ay,{icon:"ImageAdd",size:16,strokeWidth:p.iconStrokeWidth}),onClick:()=>v("add_img"),className:"selected-td-form__button"})),l.createElement(c.$n,{icon:l.createElement(N.Ay,{icon:"Typograf"}),className:"selected-td-form__button"}),l.createElement(c.$n,{icon:l.createElement(N.Ay,{icon:"CloseOutlined"}),type:"icon",style:{marginLeft:26},onClick:()=>{r({operation:S.Ru.SANDBOX_ELEMENT_ACTIVE_RESET}),u((0,G.Fk)()),setTimeout(()=>{b===S.IE?u((0,s.A9)({type:null})):u((0,d.A9)({type:null}))},300)}}))))},de=({form:e,elementSettings:t,imgParent:o=!1,name:i="mobileAlign"})=>{var a;const{__:r}=(0,E.s9)(),[n,d]=(0,l.useState)(null===(a=t[i])||void 0===a?void 0:a.value),s=(0,_.XW)(),m=(0,B.rD)(),u=o=>{const l=o.target.value,a={[i]:{classNamePrefix:"em-mob-text_align-",value:""}};l!==n?d(l):(d(""),e.setFieldsValue(a),s({operation:S.Ru.SANDBOX_ELEMENT_SETTINGS_SET,type:t.type,settings:a}))};return l.createElement(c.lV.Item,{name:i},l.createElement(c.sx.Group,{disabled:o&&!t.parent},l.createElement(c.$x,{size:8},l.createElement(c.m_,{placement:"bottom",title:r("Text align left")},l.createElement(c.sx.Button,{value:"left",onClick:u},l.createElement(N.Ay,{icon:"AlignLeftOutlined",size:18,strokeWidth:m.iconStrokeWidth}))),l.createElement(c.m_,{placement:"bottom",title:r("Text align center")},l.createElement(c.sx.Button,{value:"center",onClick:u},l.createElement(N.Ay,{icon:"AlignCenterOutlined",size:18,strokeWidth:m.iconStrokeWidth}))),l.createElement(c.m_,{placement:"bottom",title:r("Text align right")},l.createElement(c.sx.Button,{value:"right",onClick:u},l.createElement(N.Ay,{icon:"AlignRightOutlined",size:18,strokeWidth:m.iconStrokeWidth}))),l.createElement(c.m_,{placement:"bottom",title:r("Text align justify")},l.createElement(c.sx.Button,{value:"justify",onClick:u},l.createElement(N.Ay,{icon:"Justify",size:18,strokeWidth:m.iconStrokeWidth}))))))},se=({elementSettings:e})=>{const{__:t}=(0,E.s9)(),o=(0,n.wA)(),i=(0,_.XW)(),[a]=c.lV.useForm(),r=(0,n.d4)(d.Hs),m=(0,n.d4)(G.Ct),u=(0,n.d4)(G.CS),g=(0,n.d4)(G.Fv),b=(0,n.d4)(G.yy),p=g&&"bottom"!==b,[h,f]=(0,l.useState)("https://"),[v,B]=(0,l.useState)(!1),k=(0,ae.A)(),R=(0,l.useMemo)(()=>k,[]),y=r.hasOwnProperty("type")?S.IE:S.Tm,w=(0,l.useCallback)(e=>{o(y===S.Tm?(0,d.A9)(e):(0,s.A9)(e))},[o,y]);(0,l.useEffect)(()=>{if(e){var t,o,l,i,r,n,d,s,m,c,u,g,b,p,h,E,S,_,B;const{subject:k,body:y,baseEmail:w}=(0,V.kl)(e.linkHref),x=e.linkHref,T="string"===typeof x&&(0,V.v9)(x),A="string"===typeof x&&x.startsWith("mailto:")?w:T?x.slice(1):"string"===typeof x?x:"https://";f((0,V.TW)(x||"","https://")),a.setFieldsValue({...e,lineHeight:(0,V.ok)(e.lineHeight),linkHref:A,subject:k,body:y,mobileFontSize:(0,V.ok)((null===(t=e.mobileFontSize)||void 0===t?void 0:t.value)||e.fontSize),mobileFontSizeDim:(null===(o=e.mobileFontSize)||void 0===o?void 0:o.dim)||e.fontSizeDim,mobileLineHeight:(0,V.ok)(null!==(l=null===(i=e.mobileLineHeight)||void 0===i?void 0:i.value)&&void 0!==l?l:e.lineHeight),mobileLineHeightDim:(null===(r=e.mobileLineHeight)||void 0===r?void 0:r.dim)||e.lineHeightDim,mobileTextAlign:(0,V.ok)((null===(n=e.mobileTextAlign)||void 0===n?void 0:n.value)||e.textAlign),SpacingBetweenBulletsAndText:null===e||void 0===e||null===(d=e.list)||void 0===d?void 0:d.betweenRowCell,SpacingBetweenParagraphs:null===e||void 0===e||null===(s=e.list)||void 0===s?void 0:s.betweenParagraphs,BulletsSize:null===e||void 0===e||null===(m=e.list)||void 0===m?void 0:m.bulletFontSize,ColorBullets:null===e||void 0===e||null===(c=e.list)||void 0===c?void 0:c.bulletsColor,BulletTextStrong:null===e||void 0===e||null===(u=e.list)||void 0===u?void 0:u.bulletFontBold,BulletTextItalic:null===e||void 0===e||null===(g=e.list)||void 0===g?void 0:g.bulletFontItalic,CheckboxColor:v,BulletsFontFamily:null===e||void 0===e||null===(b=e.list)||void 0===b?void 0:b.bulletFontFamily,BulletTextUnderline:null===e||void 0===e||null===(p=e.list)||void 0===p?void 0:p.bulletFontUnderline,BulletTextStrikethrough:null===e||void 0===e||null===(h=e.list)||void 0===h?void 0:h.bulletFontStrikethrough,BulletType:null!==(E=null===(S=R.find(t=>{var o;return t.symbol===(null===e||void 0===e||null===(o=e.list)||void 0===o?void 0:o.bulletType)}))||void 0===S?void 0:S.code)&&void 0!==E?E:R[0].code,textSuperscript:null===e||void 0===e?void 0:e.textSuperscript,textSubscript:null===e||void 0===e?void 0:e.textSubscript,listOL:null===e||void 0===e||null===(_=e.standardList)||void 0===_?void 0:_.listTypeOL,listUL:null===e||void 0===e||null===(B=e.standardList)||void 0===B?void 0:B.listTypeUL})}},[a,e]);return l.createElement(c.lV,{form:a,layout:"vertical",name:"selected_text_form",autoComplete:"off",onValuesChange:t=>{var o,l;const r=a.getFieldsValue(!0),n=Object.keys(t)[0];let d;switch(n){case"mobileFontSize":d={[n]:{classNamePrefix:"em-mob-font_size-",value:t[n],dim:r.mobileFontSizeDim}};break;case"mobileLineHeight":d={[n]:{classNamePrefix:"em-mob-line_height-",value:t[n],dim:r.mobileLineHeightDim}};break;case"mobileTextAlign":d={[n]:{classNamePrefix:"em-mob-text_align-",value:t[n]}};break;case"linkHref":let e=(0,V.aQ)(t[n]);if(e!==t[n]&&a.setFieldValue("linkHref",e),"#"===h&&e&&!e.startsWith("#")&&(e="#"+e),e.startsWith("mailto:")){const t=a.getFieldValue("subject"),o=a.getFieldValue("body");d={[n]:(0,V.N_)(e,t,o)}}else d={[n]:e};(0,V.b9)(e,f);break;case"subject":case"body":const o=a.getFieldValue("linkHref")||"";if("mailto:"!==o.substring(0,7))return;{const e=o.split("?")[0],l="subject"===n?t[n]:a.getFieldValue("subject"),i="body"===n?t[n]:a.getFieldValue("body"),r=[];l&&r.push(`subject=${encodeURIComponent(l)}`),i&&r.push(`body=${encodeURIComponent(i)}`);d={linkHref:r.length>0?`${e}?${r.join("&")}`:e}}break;default:d=t}i({operation:S.Ru.SANDBOX_ELEMENT_SETTINGS_SET,type:e.type,settings:d}),w({...e,list:{...e.list,bulletsColor:a.getFieldValue("ColorBullets"),bulletFontFamily:a.getFieldValue("BulletsFontFamily"),bulletFontSize:a.getFieldValue("BulletsSize"),betweenParagraphs:a.getFieldValue("SpacingBetweenParagraphs"),betweenRowCell:a.getFieldValue("SpacingBetweenBulletsAndText"),bulletType:null!==(o=null===(l=R.find(e=>e.code===a.getFieldValue("BulletType")))||void 0===l?void 0:l.symbol)&&void 0!==o?o:R[0].symbol},...d,activateSection:null,changeKey:n})},className:"element-controls",initialValues:{textAlign:"left",textStrong:!1,textItalic:!1,textStrikethrough:!1,textUnderline:!1,textColor:"",textBackgroundColor:"",textLink:!1,textReplacer:"",textAnchor:"",subject:"",body:"",SpacingBetweenBulletsAndText:0,SpacingBetweenParagraphs:0,BulletsSize:0,ColorBullets:"",BulletTextStrong:!1,BulletTextItalic:!1,CheckboxColor:!1,BulletsFontFamily:"",BulletTextUnderline:!1,BulletTextStrikethrough:!1,BulletType:"",textSuperscript:!1,textSubscript:!1,listOL:!1,listUL:!1}},!p&&l.createElement(c.m_,{title:t("To change the appearance of the element on the mobile device, edit the fields below. If the fields remain empty, the desktop styles will be applied to the mobile version."),placement:"bottom"},l.createElement(c.Fc,{className:"selected_form-mobile-props-title",message:t("Appearance on mobile devices"),type:"info"})),!(m===S.ND&&!p&&u.styles)&&l.createElement("div",{id:"selected_element_form_desktop_props",style:{paddingRight:0}},p?l.createElement(ne,{form:a,elementSettings:e}):l.createElement(re,{form:a,elementSettings:e,linkProtocol:h,setLinkProtocol:f,isBulletFontColorChecked:v,setIsBulletFontColorChecked:B})),!p&&l.createElement("div",{id:"selected_element_form_mobile_props",className:"selected_form-mobile-props",style:{display:m===S.ND&&u.styles?"block":"none"}},l.createElement(c.fI,{gutter:20},l.createElement(c.fv,{span:12},l.createElement(de,{form:a,elementSettings:e,name:"mobileTextAlign"}))),!!e.showOnMobile&&l.createElement(re,{form:a,elementSettings:e,linkProtocol:h,setLinkProtocol:f}),l.createElement(c.fI,{gutter:10,style:{marginBottom:4}},l.createElement(c.fv,{span:12},l.createElement(te,null)),l.createElement(c.fv,{span:12},l.createElement(c.lV.Item,{name:"mobileLineHeight"},l.createElement(c.FQ,{min:0,placeholder:t("Line height"),prefix:l.createElement(N.Ay,{icon:"LineHeightOutlined"}),addonAfter:"px"}))))))},me=(e,t)=>{const{__:o}=(0,E.s9)();return l.createElement(c.m_,{title:o("During export, the element is converted into an image."),key:"exportAsPicture"},l.createElement(c.lV.Item,{name:"exportAsPicture",valuePropName:"checked",className:"form-item-margin-xs",style:{marginBottom:10}},l.createElement(c.dO,{id:"convert-in-image",label:o("Convert into an image"),size:"small",labelStyle:{position:"relative",top:2}})))},ce=({form:e,elementSettings:t,boxShadow:o,bordersShow:i,borderRadiusShow:a,boxShadowShow:r,backgroundShow:n,backgroundImageEmpty:d,backgroundRepeatOptions:s,backgroundSizeOptions:m,sizeShow:u,modificationShow:g,oneBorderRadiusValue:b,setOneBorderRadiusValue:p,toggleShowBorderHandler:S,toggleShowBorderRadiusHandler:_,toggleShowBoxShadowHandler:k,toggleShowSizeHandler:y,toggleShowBackgroundHandler:w,toggleShowModificationHandler:x})=>{const{__:T}=(0,E.s9)(),N=(0,B.rD)();return l.createElement(l.Fragment,null,l.createElement("div",{style:{paddingBottom:4}},l.createElement(R,{form:e,elementSettings:t,tooltipTitle:T("The align attribute sets the horizontal alignment of the table.")})),l.createElement(c.y9,{title:T("Size"),collapsible:!0,open:u,onToggle:y,dividerTop:!0},l.createElement(c.n6,{showHeight:!1,showMinMax:!0,dimensionSelect:V.z$,minWidthDimensionSelect:V.z$,maxWidthDimensionSelect:V.z$,rowStyle:{marginBottom:4},labels:{width:T("Width"),height:T("Height"),minWidth:T("Minimum width"),maxWidth:T("Maximum width")}})),l.createElement(c.y9,{title:T("Background"),collapsible:!0,open:n,onToggle:w,dividerTop:!0},l.createElement(c.Qm,{imageEnabled:N.formTableFieldBackgroundImageEnabled,backgroundImageEmpty:d,usedColors:t.usedColors,colorPlaceholder:T("Background color"),usedLabel:T("Used"),recommendedLabel:T("Recommended"),horizontalPositionPlaceholder:T("Horizontal position"),horizontalPositionTooltip:T("Horizontal position"),verticalPositionPlaceholder:T("Vertical position"),verticalPositionTooltip:T("Vertical position"),backgroundRepeatTooltip:T("Background image repeat"),backgroundSizeTooltip:T("Background image size"),selectPlaceholder:T("Please choose"),backgroundRepeatOptions:s,backgroundSizeOptions:m,imageUploadSlot:N.formTableFieldBackgroundImageEnabled?l.createElement(h.A,{form:e,label:T("Background image"),name:"backgroundImage",tooltipTitle:T("Background image"),placeholder:T("Background image link/route")}):void 0})),N.formFieldBorderEnabled&&l.createElement(c.y9,{title:T("Borders"),collapsible:!0,open:i,onToggle:S,dividerTop:!0},l.createElement(f.A,{form:e,elementSettings:t})),N.formFieldBorderRadiusEnabled&&l.createElement(c.y9,{title:T("Border radius"),collapsible:!0,open:a,onToggle:_,dividerTop:!0},l.createElement(v.A,{form:e,oneBorderRadiusValue:b,setOneBorderRadiusValue:p,elementSettings:t})),N.formFieldBoxShadowEnabled&&l.createElement(c.y9,{title:T("Box shadow"),collapsible:!0,open:r,onToggle:k,dividerTop:!0},l.createElement(A,null)),N.formFieldExportAsPictureEnabled&&l.createElement(c.y9,{title:T("Export settings"),collapsible:!0,open:g,onToggle:x,dividerTop:!0},l.createElement(me,{form:e,elementSettings:t})),N.formFieldVisibilityEnabled&&l.createElement(c.y9,{title:T("Display control"),dividerTop:!0},l.createElement(P,{elementSettings:t,form:e})),N.formFieldAmpVisibilityEnabled&&t.ampShow&&l.createElement(c.y9,{title:T("AMP visibility"),dividerTop:!0},l.createElement(O,null)))},ue=({form:e,elementSettings:t,label:o})=>{var i;const{__:a}=(0,E.s9)(),[r,n]=((0,l.useRef)(),(0,l.useState)("none"===(null===(i=t.mobileBackgroundColor)||void 0===i?void 0:i.value))),{token:d}=(0,c.rd)(),s=(0,_.XW)();return l.createElement(l.Fragment,null,l.createElement(c.m_,{trigger:["hover"],title:a("Background color"),placement:"left"},l.createElement(c.lV.Item,{name:"mobileBackgroundColor",style:{marginBottom:d.formItemMarginBottomXS/2}},l.createElement(c.it,{onChange:e=>{n(!1)},placeholder:o,usedColors:t.usedColors,usedLabel:a("Used"),recommendedLabel:a("Recommended")})),l.createElement(c.dO,{id:"without-background-color",label:a("Without background color"),labelSize:"small",size:"small",checked:r,onChange:o=>{e.setFieldsValue({mobileBackgroundColor:""}),n(e=>!e),s({operation:S.Ru.SANDBOX_ELEMENT_SETTINGS_SET,type:t.type,settings:{mobileBackgroundColor:{classNamePrefix:"em-mob-background_color-",value:r?"":"none"}}})}})))};var ge=o(48502);const be=({form:e,placeholder:t,name:o,tooltipTitle:i,disabled:a,elementSettings:r})=>{var n;const{__:d}=(0,E.s9)(),s=(0,_.XW)(),m=c.lV.useWatch(o,e),[u,g]=(0,l.useState)("success"),b=(0,l.useRef)(),[p,h]=(0,l.useState)(!(!r.mobileBackgroundImage||"none"!==r.mobileBackgroundImage[0].value));(0,l.useEffect)(()=>{var e;m?("string"!==typeof m||!m.startsWith("data:")&&!m.startsWith("blob:"))&&"string"===typeof(e=m)&&/^https?:\/\//i.test(e.trim())?g("validating"):g("success"):g("")},[m]);const f=t=>{e.setFieldsValue({mobileBackgroundImage:""}),h(e=>!e),s({operation:S.Ru.SANDBOX_ELEMENT_SETTINGS_SET,type:r.type,settings:{mobileBackgroundImage:[{classNamePrefix:"em-mob-background_image-",value:p?"":"none",type:"url"}]}})};return l.createElement(l.Fragment,null,l.createElement("div",{style:{float:"right"}},l.createElement(c.$n,{ref:b,size:"small",type:r.mobileBackgroundImage&&"none"===r.mobileBackgroundImage[0].value?"primary":"default",ghost:!(!r.mobileBackgroundImage||"none"!==r.mobileBackgroundImage[0].value),onClick:f},d("Without background image"))),l.createElement(c.m_,{trigger:["hover"],title:i,placement:"left"},l.createElement(c.lV.Item,{name:o,validateStatus:u,style:{marginBottom:-7}},l.createElement(ge.A,{validateStatus:u,placeholder:t,name:o,disabled:a,elementSettings:r,imageInfo:r.type===S.bV.CAROUSEL?null===(n=r.carouselImages)||void 0===n?void 0:n[o.split("_")[1]]:r,onRemotePreviewValidate:g})),l.createElement("div",{style:{marginTop:-3}},l.createElement(c.dO,{id:"without-background-image",label:d("Without background image"),labelSize:"small",size:"small",checked:p,onChange:f}))))};be.defaulProps={disabled:!1};const pe=({form:e,elementSettings:t,mobileBoxShadow:o,mobileBordersShow:i,mobileBorderRadiusShow:a,mobileBoxShadowShow:r,mobileSizeShow:n,mobileBackgroundShow:d,oneMobileBorderRadiusValue:s,setOneMobileBorderRadiusValue:m,backgroundRepeatOptions:u,toggleShowMobileBorderHandler:g,toggleShowMobileBorderRadiusHandler:b,toggleShowMobileBoxShadowHandler:p,toggleShowMobileSizeHandler:h,toggleShowMobileBackgroundHandler:S})=>{const{__:_}=(0,E.s9)(),{token:k}=(0,c.rd)(),y=(0,B.rD)();return l.createElement(l.Fragment,null,l.createElement("div",{style:{paddingBottom:4}},l.createElement(R,{form:e,elementSettings:t,typeOfForm:"mobile"})),l.createElement(c.y9,{title:_("Size"),collapsible:!0,open:n,onToggle:h,dividerTop:!0},l.createElement(c.fI,{gutter:10},l.createElement(c.fv,{span:12},l.createElement(c.m_,{trigger:["hover"],title:_("Table width"),placement:"left"},l.createElement("div",{style:{marginBottom:k.formItemMarginBottomMD+4}},l.createElement(D,{form:e,name:"mobileWidth",elementSettings:t})))))),l.createElement(c.y9,{title:_("Background"),collapsible:!0,open:d,onToggle:S,dividerTop:!0},l.createElement(ue,{form:e,elementSettings:t})),!1,y.formFieldBorderEnabled&&l.createElement(c.y9,{title:_("Borders"),collapsible:!0,open:i,onToggle:g,dividerTop:!0},l.createElement(f.A,{form:e,typeOfForm:"mobile"})),y.formFieldBorderRadiusEnabled&&l.createElement(c.y9,{title:_("Border radius"),collapsible:!0,open:a,onToggle:b,dividerTop:!0},l.createElement(v.A,{form:e,typeOfForm:"mobile",oneBorderRadiusValue:s,setOneBorderRadiusValue:m,elementSettings:t})),y.formFieldBoxShadowEnabled&&l.createElement(c.y9,{title:_("Box shadow"),collapsible:!0,open:r,onToggle:p,dividerTop:!0},l.createElement(A,{typeOfForm:"mobile",form:e,elementSettings:t})),y.formFieldVisibilityEnabled&&l.createElement(c.y9,{title:_("Display control"),dividerTop:!0},l.createElement(P,{elementSettings:t,form:e})),y.formFieldAmpVisibilityEnabled&&t.ampShow&&l.createElement(c.y9,{title:_("AMP visibility"),dividerTop:!0},l.createElement(O,null)))},he=({elementSettings:e})=>{const{__:t}=(0,E.s9)(),o=(0,_.XW)(),[i]=c.lV.useForm(),a=(0,n.wA)(),r=(0,n.d4)(d.Hs).hasOwnProperty("type")?S.IE:S.Tm,[m,u]=(0,l.useState)({}),[g,b]=(0,l.useState)(!0),[p,h]=(0,l.useState)({}),[f,v]=(0,l.useState)(!0),k=(0,n.d4)(G.Ct),R=(0,n.d4)(G.CS),[y,w]=((0,B.rD)(),(0,l.useState)(""===e.backgroundImage[0].value)),x=(0,n.d4)(G.Fv),T=(0,n.d4)(G.yy),A=x&&"bottom"!==T,[N,P]=(0,l.useState)(!1),[I,C]=(0,l.useState)(!1),[L,O]=(0,l.useState)(!1),[F,D]=(0,l.useState)(!1),[M,H]=(0,l.useState)(!1),[W,z]=(0,l.useState)(!1),[X,U]=(0,l.useState)(!1),[$,Y]=(0,l.useState)(!1),[K,q]=(0,l.useState)(!1),[Q,J]=(0,l.useState)(!1),[Z,ee]=(0,l.useState)(!1),te=[{label:t("Not defined"),value:"none"},{label:t("Do not repeat background (no-repeat)"),value:"no-repeat"},{label:t("Repeat background (repeat)"),value:"repeat"},{label:t("Repeat background horizontally (repeat-x)"),value:"repeat-x"},{label:t("Repeat background vertically (repeat-y)"),value:"repeat-y"}],oe=[{label:t("Not defined"),value:""},{label:t("Contain"),value:"contain"},{label:t("Cover"),value:"cover"}],le=e=>e&&(null!==e&&void 0!==e&&e.width||null!==e&&void 0!==e&&e.style||null!==e&&void 0!==e&&e.color)?e:"",ie=e.border,ae=e.mobileBorder,re=Object.keys(ie).find(e=>{var t,o,l;return(null===(t=ie[e])||void 0===t?void 0:t.width)||(null===(o=ie[e])||void 0===o?void 0:o.style)||(null===(l=ie[e])||void 0===l?void 0:l.color)}),ne=Object.keys(ae).find(e=>{var t,o,l;return(null===(t=ae[e])||void 0===t?void 0:t.width)||(null===(o=ae[e])||void 0===o?void 0:o.style)||(null===(l=ae[e])||void 0===l?void 0:l.color)});(0,l.useEffect)(()=>{if(e){var t,o,l,a,r,n,d,s,m,c,g,p,f,E,S,_,B,k,R,y,x,T,A,N,I,L,F,M,W,X;const G=e.boxShadow,$=e.mobileBoxShadow;u(G),h($),i.setFieldsValue({...e,width:null===(t=e.width)||void 0===t?void 0:t.value,widthDim:null===(o=e.width)||void 0===o?void 0:o.dim,maxWidth:null===(l=e.maxWidth)||void 0===l?void 0:l.value,maxWidthDim:null===(a=e.maxWidth)||void 0===a?void 0:a.dim,minWidth:null===(r=e.minWidth)||void 0===r?void 0:r.value,minWidthDim:null===(n=e.minWidth)||void 0===n?void 0:n.dim,backgroundImage:e.backgroundImage[0].value,show:e.show?e.show:"all",borderAll:(0,V.ok)(e.border.all),borderTop:(0,V.ok)(e.border.top),borderBottom:(0,V.ok)(e.border.bottom),borderRight:(0,V.ok)(e.border.right),borderLeft:(0,V.ok)(e.border.left),borderRadiusAll:(0,V.ok)(e.borderRadius.all),borderRadiusTopLeft:(0,V.ok)(e.borderRadius.topLeft),borderRadiusBottomLeft:(0,V.ok)(e.borderRadius.bottomLeft),borderRadiusTopRight:(0,V.ok)(e.borderRadius.topRight),borderRadiusBottomRight:(0,V.ok)(e.borderRadius.bottomRight),boxShadowInset:(0,V.ok)(null===(d=e.boxShadow)||void 0===d?void 0:d.inset)||!1,boxShadowHOffset:(0,V.ok)(null===(s=e.boxShadow)||void 0===s?void 0:s.hOffset),boxShadowVOffset:(0,V.ok)(null===(m=e.boxShadow)||void 0===m?void 0:m.vOffset),boxShadowBlurRadius:(0,V.ok)(null===(c=e.boxShadow)||void 0===c?void 0:c.blurRadius),boxShadowSpreadRadius:(0,V.ok)(null===(g=e.boxShadow)||void 0===g?void 0:g.spreadRadius),boxShadowColor:(0,V.ok)(null===(p=e.boxShadow)||void 0===p?void 0:p.color),mobileWidth:(0,V.xc)(null===(f=e.mobileWidth)||void 0===f?void 0:f.value),mobileWidthDim:null===(E=e.mobileWidth)||void 0===E?void 0:E.dim,mobileAlign:null===(S=e.mobileAlign)||void 0===S?void 0:S.value,mobileBorderAll:le(e.mobileBorder.all)||!(le(e.mobileBorder.top)||le(e.mobileBorder.bottom)||le(e.mobileBorder.right)||le(e.mobileBorder.left))&&le(e.border.all),mobileBorderTop:le(e.mobileBorder.top)||!le(e.mobileBorder.all)&&le(e.border.top),mobileBorderBottom:le(e.mobileBorder.bottom)||!le(e.mobileBorder.all)&&le(e.border.bottom),mobileBorderRight:le(e.mobileBorder.right)||!le(e.mobileBorder.all)&&le(e.border.right),mobileBorderLeft:le(e.mobileBorder.left)||!le(e.mobileBorder.all)&&le(e.border.left),mobileBorderRadiusAll:(0,V.ok)(e.mobileBorderRadius.all),mobileBorderRadiusTopLeft:(0,V.ok)(null!==e.mobileBorderRadius.topLeft?e.mobileBorderRadius.topLeft:e.mobileBorderRadius.all),mobileBorderRadiusBottomLeft:(0,V.ok)(null!==e.mobileBorderRadius.bottomLeft?e.mobileBorderRadius.bottomLeft:e.mobileBorderRadius.all),mobileBorderRadiusTopRight:(0,V.ok)(null!==e.mobileBorderRadius.topRight?e.mobileBorderRadius.topRight:e.mobileBorderRadius.all),mobileBorderRadiusBottomRight:(0,V.ok)(null!==e.mobileBorderRadius.bottomRight?e.mobileBorderRadius.bottomRight:e.mobileBorderRadius.all),mobileBoxShadowInset:(0,V.ok)(null===(_=e.mobileBoxShadow)||void 0===_?void 0:_.inset)||!1,mobileBoxShadowHOffset:(0,V.ok)(null===(B=e.mobileBoxShadow)||void 0===B?void 0:B.hOffset),mobileBoxShadowVOffset:(0,V.ok)(null===(k=e.mobileBoxShadow)||void 0===k?void 0:k.vOffset),mobileBoxShadowBlurRadius:(0,V.ok)(null===(R=e.mobileBoxShadow)||void 0===R?void 0:R.blurRadius),mobileBoxShadowSpreadRadius:(0,V.ok)(null===(y=e.mobileBoxShadow)||void 0===y?void 0:y.spreadRadius),mobileBoxShadowColor:(0,V.ok)(null===(x=e.mobileBoxShadow)||void 0===x?void 0:x.color),mobileBackgroundColor:(0,V.ok)("none"!==(null===(T=e.mobileBackgroundColor)||void 0===T?void 0:T.value)?null===(A=e.mobileBackgroundColor)||void 0===A?void 0:A.value:""),mobileBackgroundImage:"none"!==e.mobileBackgroundImage[0].value?e.mobileBackgroundImage[0].value:"",mobileBackgroundPositionX:(0,V.ok)(null===(N=e.mobileBackgroundPositionX)||void 0===N?void 0:N.value),mobileBackgroundPositionY:(0,V.ok)(null===(I=e.mobileBackgroundPositionY)||void 0===I?void 0:I.value),mobileBackgroundRepeat:null!==(L=e.mobileBackgroundRepeat)&&void 0!==L&&L.value?null===(F=e.mobileBackgroundRepeat)||void 0===F?void 0:F.value:"none",exportAsPicture:null===e||void 0===e?void 0:e.exportAsPicture}),!(0,V.ok)(e.borderRadius.all)&&((0,V.ok)(e.borderRadius.topLeft)||(0,V.ok)(e.borderRadius.bottomLeft)||(0,V.ok)(e.borderRadius.topRight)||(0,V.ok)(e.borderRadius.bottomRight))?b(!1):b(!0),(0,V.ok)(e.mobileBorderRadius.topLeft)||(0,V.ok)(e.mobileBorderRadius.bottomLeft)||(0,V.ok)(e.mobileBorderRadius.topRight)||(0,V.ok)(e.mobileBorderRadius.bottomRight)?v(!1):v(!0),w(""===e.backgroundImage[0].value),P(e=>!!re||e),C(e=>!(!re&&!ne)||e),O(!!e.borderRadius.all||!!e.borderRadius.topLeft||!!e.borderRadius.bottomLeft||!!e.borderRadius.topRight||!!e.borderRadius.bottomRight),D(!!e.mobileBorderRadius.all||!!e.mobileBorderRadius.topLeft||!!e.mobileBorderRadius.bottomLeft||!!e.mobileBorderRadius.topRight||!!e.mobileBorderRadius.bottomRight),H(!!e.boxShadow),z(!!e.mobileBoxShadow.blurRadius||!!e.mobileBoxShadow.color||!!e.mobileBoxShadow.hOffset||!!e.mobileBoxShadow.inset||!!e.mobileBoxShadow.spreadRadius||!!e.mobileBoxShadow.vOffset),U(!(null===(M=e.width)||void 0===M||!M.value)||!(null===(W=e.minWidth)||void 0===W||!W.value)||!(null===(X=e.maxWidth)||void 0===X||!X.value)),Y(!!e.mobileWidth.value),q(!!e.backgroundColor||!!e.backgroundImage[0].value||!!e.backgroundPositionY||!!e.backgroundPositionX||"repeat"!==e.backgroundRepeat||!e.backgroundRepeat,!!e.backgroundSize),J(!!e.mobileBackgroundColor.value),ee(!!e.exportAsPicture)}},[i,e]);const de=(0,l.useCallback)(e=>{a(r===S.Tm?(0,d.A9)(e):(0,s.A9)(e))},[a,r]);return l.createElement(c.lV,{form:i,layout:"vertical",name:"selected_table_form",initialValues:{backgroundColor:"",backgroundImage:"",backgroundPositionX:"",backgroundPositionY:"",backgroundRepeat:"",backgroundSize:"",exportAsPicture:!1,show:"all",width:{value:"",dim:""},maxWidth:{value:"",dim:""},minWidth:{value:"",dim:""},align:"",mobileAlign:"",border:"",boxShadow:"",borderPosition:j.uE[re]||"borderAll",mobileBorderPosition:j.lS[ne]||"mobileBorderAll",borderColor:"",borderWidth:"",borderStyle:"",borderRadiusAll:"",RadiusTopLeft:"",RadiusBottomLeft:"",RadiusTopRight:"",RadiusBottomRight:"",mobileWidth:"",mobileWidthDim:"",mobileBorder:"",mobileBorderColor:"",mobileBorderWidth:"",mobileBorderStyle:"",mobileBoxShadow:"",mobileBackgroundColor:"",mobileBackgroundImage:""},onValuesChange:t=>{const l=i.getFieldsValue(!0),a=Object.keys(t)[0];let r;switch(a){case"exportAsPicture":r={exportAsPicture:l.exportAsPicture};break;case"boxShadowInset":case"boxShadowHOffset":case"boxShadowVOffset":case"boxShadowBlurRadius":case"boxShadowSpreadRadius":case"boxShadowColor":r={boxShadow:{hOffset:l.boxShadowHOffset,vOffset:l.boxShadowVOffset,blurRadius:l.boxShadowBlurRadius,spreadRadius:l.boxShadowSpreadRadius,color:l.boxShadowColor,inset:l.boxShadowInset}};break;case"borderAll":case"borderTop":case"borderBottom":case"borderLeft":case"borderRight":var n,d,s;if("borderAll"===l.borderPosition)r={border:{...S.iV,all:{...j.RH,...l.borderAll}}},i.setFieldsValue({borderLeft:j.RH,borderRight:j.RH,borderTop:j.RH,borderBottom:j.RH});else null!==(n=l.borderAll)&&void 0!==n&&n.width||null!==(d=l.borderAll)&&void 0!==d&&d.style||null!==(s=l.borderAll)&&void 0!==s&&s.color?(r={border:{all:null,left:l.borderAll,right:l.borderAll,top:l.borderAll,bottom:l.borderAll,[j.Vz[a]]:{...l[a],...t[a]}}},i.setFieldsValue({borderAll:null,borderLeft:l.borderAll,borderRight:l.borderAll,borderTop:l.borderAll,borderBottom:l.borderAll,[a]:{...l[a],...t[a]}})):(r={border:{all:null,left:l.borderLeft,right:l.borderRight,top:l.borderTop,bottom:l.borderBottom,[j.Vz[a]]:{...l[a],...t[a]}}},i.setFieldsValue({border:r.border}));break;case"mobileBorderAll":case"mobileBorderTop":case"mobileBorderBottom":case"mobileBorderLeft":case"mobileBorderRight":if("mobileBorderAll"===l.mobileBorderPosition)r={mobileBorder:{...S.iV,all:{...j.RH,...l.mobileBorderAll,classNamePrefix:"em-mob-border_"+j.ax[a]+"-"}}},i.setFieldsValue({borderLeft:j.RH,borderRight:j.RH,borderTop:j.RH,borderBottom:j.RH});else{var m,c,u,g,b,p;const o=j.ax[a],n={...l[a],...t[a]},d=!(null!==n&&void 0!==n&&n.width)&&!(null!==n&&void 0!==n&&n.style)&&!(null!==n&&void 0!==n&&n.color);if(null!==(m=l.mobileBorder)&&void 0!==m&&null!==(c=m.all)&&void 0!==c&&c.width||null!==(u=l.mobileBorder)&&void 0!==u&&null!==(g=u.all)&&void 0!==g&&g.style||null!==(b=l.mobileBorder)&&void 0!==b&&null!==(p=b.all)&&void 0!==p&&p.color){const e=l.mobileBorderAll;r={mobileBorder:{all:null,left:e,right:e,top:e,bottom:e,[o]:d?null:{...n,classNamePrefix:"em-mob-border_"+o+"-"}}},i.setFieldsValue({mobileBorderAll:null,mobileBorderLeft:e,mobileBorderRight:e,mobileBorderTop:e,mobileBorderBottom:e,[a]:n})}else{const t=e.mobileBorder||{},l=e=>{const o=t[e];return o&&(null!==o&&void 0!==o&&o.width||null!==o&&void 0!==o&&o.style||null!==o&&void 0!==o&&o.color)?o:null};r={mobileBorder:{all:null,left:"left"===o?d?null:{...n,classNamePrefix:"em-mob-border_left-"}:l("left"),right:"right"===o?d?null:{...n,classNamePrefix:"em-mob-border_right-"}:l("right"),top:"top"===o?d?null:{...n,classNamePrefix:"em-mob-border_top-"}:l("top"),bottom:"bottom"===o?d?null:{...n,classNamePrefix:"em-mob-border_bottom-"}:l("bottom")}},i.setFieldsValue({[a]:n})}}break;case"width":r={[a]:{value:t[a],dim:l.widthDim}};break;case"widthDim":r={width:{value:l.width,dim:t[a]}};break;case"maxWidth":r={[a]:{value:t[a],dim:l.maxWidthDim}};break;case"maxWidthDim":r={maxWidth:{value:l.maxWidth,dim:t[a]}};break;case"minWidth":r={[a]:{value:t[a],dim:l.minWidthDim}};break;case"minWidthDim":r={minWidth:{value:l.minWidth,dim:t[a]}};break;case"backgroundImage":w(""===t[a]),r={[a]:[{...e.backgroundImage[0],value:t[a]}],backgroundSize:"cover"};break;case"borderRadiusAll":case"borderRadiusTopLeft":case"borderRadiusBottomLeft":case"borderRadiusTopRight":case"borderRadiusBottomRight":r={borderRadius:{[j.wF[a]]:+t[a]}};break;case"mobileWidth":r={[a]:{classNamePrefix:"em-mob-width-",value:t[a],dim:l.mobileWidthDim}};break;case"mobileWidthDim":r={mobileWidth:{classNamePrefix:"em-mob-width-",value:l.mobileWidth||100,dim:t[a]}};break;case"mobileBorderRadiusAll":case"mobileBorderRadiusTopLeft":case"mobileBorderRadiusBottomLeft":case"mobileBorderRadiusTopRight":case"mobileBorderRadiusBottomRight":r={mobileBorderRadius:{[mobileBorderRadiusPosition[a]]:t[a],classNamePrefix:"em-mob-border_radius_"+mobileBorderRadiusPosition[a]+"-"}};break;case"mobileBoxShadowInset":case"mobileBoxShadowHOffset":case"mobileBoxShadowVOffset":case"mobileBoxShadowBlurRadius":case"mobileBoxShadowSpreadRadius":case"mobileBoxShadowColor":r={mobileBoxShadow:{hOffset:l.mobileBoxShadowHOffset,vOffset:l.mobileBoxShadowVOffset,blurRadius:l.mobileBoxShadowBlurRadius,spreadRadius:l.mobileBoxShadowSpreadRadius,color:l.mobileBoxShadowColor,inset:l.mobileBoxShadowInset,classNamePrefix:"em-mob-box_shadow-"}};break;case"mobileBackgroundColor":r={[a]:{classNamePrefix:"em-mob-background_color-",value:t[a]}};break;case"mobileBackgroundImage":r={[a]:[{...e.mobileBackgroundImage[0],classNamePrefix:"em-mob-background_image-",value:t[a]}]};break;case"mobileBackgroundPositionX":r={[a]:{classNamePrefix:"em-mob-background_position_x-",value:t[a]}};break;case"mobileBackgroundPositionY":r={[a]:{classNamePrefix:"em-mob-background_position_x-",value:t[a]}};break;case"mobileBackgroundRepeat":r={[a]:{classNamePrefix:"em-mob-background_repeat-",value:t[a]}};break;case"mobileAlign":r={[a]:{classNamePrefix:"em-mob-table_align-",value:t[a]}};break;default:r=t}var h;"borderPosition"!==a&&"mobileBorderPosition"!==a&&(o({operation:S.Ru.SANDBOX_ELEMENT_SETTINGS_SET,type:e.type,settings:r}),"mobileBorderRadiusAll"!==a&&"mobileBorderRadiusTopLeft"!==a&&"mobileBorderRadiusTopRight"!==a&&"mobileBorderRadiusBottomLeft"!==a&&"mobileBorderRadiusBottomRight"!==a&&de({...e,...r,mobileBorderRadius:{...e.mobileBorderRadius,...null===(h=r)||void 0===h?void 0:h.mobileBorderRadius},activateSection:null,changeKey:a}))},autoComplete:"off",className:"element-controls"},!A&&l.createElement(c.m_,{title:t("To change the appearance of the element on the mobile device, edit the fields below. If the fields remain empty, the desktop styles will be applied to the mobile version."),placement:"bottom"},l.createElement(c.Fc,{className:"selected_form-mobile-props-title",message:t("Appearance on mobile devices"),type:"info"})),k===S.ND&&R.styles?l.createElement("div",{id:"selected_element_form_mobile_props",className:"selected_form-mobile-props"},l.createElement(pe,{form:i,elementSettings:e,mobileBoxShadow:p,mobileBordersShow:I,mobileBorderRadiusShow:F,mobileBoxShadowShow:W,mobileSizeShow:$,mobileBackgroundShow:Q,oneMobileBorderRadiusValue:f,setOneMobileBorderRadiusValue:v,backgroundRepeatOptions:te,toggleShowMobileBorderHandler:()=>{const t=i.getFieldsValue(!0);setTimeout(()=>{C(e=>!e),I?(t.mobileBorderAll=j.RH,t.mobileBorderTop=j.RH,t.mobileBorderBottom=j.RH,t.mobileBorderRight=j.RH,t.mobileBorderLeft=j.RH):t.mobileBorderAll={width:1,color:"#E5E5E5",style:"solid"},o({operation:S.Ru.SANDBOX_ELEMENT_SETTINGS_SET,type:e.type,settings:{mobileBorder:{all:{color:t.mobileBorderAll.color,style:t.mobileBorderAll.style,width:t.mobileBorderAll.width}}}})})},toggleShowMobileBorderRadiusHandler:()=>{const t=i.getFieldsValue(!0);setTimeout(()=>{D(e=>!e),F?(t.mobileBorderRadiusAll=null,v(!0)):t.mobileBorderRadiusAll=5,o({operation:S.Ru.SANDBOX_ELEMENT_SETTINGS_SET,type:e.type,settings:{mobileBorderRadius:{all:t.mobileBorderRadiusAll,classNamePrefix:"em-mob-border_radius_all-"}}})})},toggleShowMobileBoxShadowHandler:()=>{const t=i.getFieldsValue(!0);setTimeout(()=>{z(e=>!e),W?(t.mobileBoxShadowInset=!1,t.mobileBoxShadowHOffset=null,t.mobileBoxShadowVOffset=null,t.mobileBoxShadowBlurRadius=null,t.mobileBoxShadowSpreadRadius=null,t.mobileBoxShadowColor=""):(t.mobileBoxShadowInset=!1,t.mobileBoxShadowHOffset=5,t.mobileBoxShadowVOffset=5,t.mobileBoxShadowBlurRadius=10,t.mobileBoxShadowSpreadRadius=-5,t.mobileBoxShadowColor="#000000"),o({operation:S.Ru.SANDBOX_ELEMENT_SETTINGS_SET,type:e.type,settings:{mobileBoxShadow:{blurRadius:t.mobileBoxShadowBlurRadius,color:t.mobileBoxShadowColor,hOffset:t.mobileBoxShadowHOffset,inset:t.mobileBoxShadowInset,spreadRadius:t.mobileBoxShadowSpreadRadius,vOffset:t.mobileBoxShadowVOffset,classNamePrefix:"em-mob-box_shadow-"}}})})},toggleShowMobileSizeHandler:()=>{const t=i.getFieldsValue(!0);setTimeout(()=>{Y(e=>!e),$&&(t.mobileWidth="",o({operation:S.Ru.SANDBOX_ELEMENT_SETTINGS_SET,type:e.type,settings:{mobileWidth:{value:null,dim:"px",classNamePrefix:"em-mob-width-"}}}))})},toggleShowMobileBackgroundHandler:()=>{const t=i.getFieldsValue(!0);setTimeout(()=>{J(e=>!e),t.mobileBackgroundColor=Q?"":"#E5E5E5",o({operation:S.Ru.SANDBOX_ELEMENT_SETTINGS_SET,type:e.type,settings:{mobileBackgroundColor:{classNamePrefix:"em-mob-background_color-",value:t.mobileBackgroundColor}}})})}}),"        "):l.createElement("div",{id:"selected_element_form_desktop_props"},l.createElement(ce,{form:i,elementSettings:e,boxShadow:m,bordersShow:N,borderRadiusShow:L,boxShadowShow:M,backgroundShow:K,backgroundImageEmpty:y,backgroundRepeatOptions:te,backgroundSizeOptions:oe,sizeShow:X,modificationShow:Z,oneBorderRadiusValue:g,setOneBorderRadiusValue:b,toggleShowBorderHandler:()=>{const t=i.getFieldsValue(!0);setTimeout(()=>{P(e=>!e),N?(t.borderAll=j.RH,t.borderTop=j.RH,t.borderBottom=j.RH,t.borderRight=j.RH,t.borderLeft=j.RH):t.borderAll={width:1,color:"#E5E5E5",style:"solid"},o({operation:S.Ru.SANDBOX_ELEMENT_SETTINGS_SET,type:e.type,settings:{border:{all:{color:t.borderAll.color,style:t.borderAll.style,width:t.borderAll.width}}}})})},toggleShowBorderRadiusHandler:()=>{const t=i.getFieldsValue(!0);setTimeout(()=>{O(e=>!e),L?(t.borderRadiusAll=0,b(!0)):t.borderRadiusAll=5,o({operation:S.Ru.SANDBOX_ELEMENT_SETTINGS_SET,type:e.type,settings:{borderRadius:{all:t.borderRadiusAll}}})})},toggleShowBoxShadowHandler:()=>{const t=i.getFieldsValue(!0);setTimeout(()=>{H(e=>!e),M?(t.boxShadowInset=!1,t.boxShadowHOffset=null,t.boxShadowVOffset=null,t.boxShadowBlurRadius=null,t.boxShadowSpreadRadius=null,t.boxShadowColor=""):(t.boxShadowInset=!1,t.boxShadowHOffset=5,t.boxShadowVOffset=5,t.boxShadowBlurRadius=10,t.boxShadowSpreadRadius=-5,t.boxShadowColor="#000000"),o({operation:S.Ru.SANDBOX_ELEMENT_SETTINGS_SET,type:e.type,settings:{boxShadow:{blurRadius:t.boxShadowBlurRadius,color:t.boxShadowColor,hOffset:t.boxShadowHOffset,inset:t.boxShadowInset,spreadRadius:t.boxShadowSpreadRadius,vOffset:t.boxShadowVOffset}}})})},toggleShowSizeHandler:()=>{const t=i.getFieldsValue(!0);setTimeout(()=>{U(e=>!e),X&&(t.width="",t.minWidth="",t.maxWidth="",o({operation:S.Ru.SANDBOX_ELEMENT_SETTINGS_SET,type:e.type,settings:{width:{value:null,dim:"px"},minWidth:{value:null,dim:"px"},maxWidth:{value:null,dim:"px"}}}))})},toggleShowBackgroundHandler:()=>{const t=i.getFieldsValue(!0);setTimeout(()=>{q(e=>!e),K?(t.backgroundColor="",t.backgroundImage="",t.backgroundPositionX="",t.backgroundPositionY="",t.backgroundRepeat="none",t.backgroundSize="",w(!0)):(t.backgroundColor="#E5E5E5",t.backgroundSize="",t.backgroundRepeat="none"),o({operation:S.Ru.SANDBOX_ELEMENT_SETTINGS_SET,type:e.type,settings:{backgroundColor:t.backgroundColor,backgroundImage:[{type:"url",value:t.backgroundImage}],backgroundPositionX:t.backgroundPositionX,backgroundPositionY:t.backgroundPositionY,backgroundRepeat:t.backgroundRepeat,backgroundSize:t.backgroundSize}})})},toggleShowModificationHandler:()=>{const t=i.getFieldsValue(!0);setTimeout(()=>{ee(e=>!e),Z&&(t.exportAsPicture=!1,o({operation:S.Ru.SANDBOX_ELEMENT_SETTINGS_SET,type:e.type,settings:{exportAsPicture:!1}}))})}})))},fe=({elementSettings:e})=>{const{__:t}=(0,E.s9)(),o=(0,_.XW)(),[i]=c.lV.useForm(),a=(0,B.rD)(),r=(0,n.d4)(G.Fv),d=(0,n.d4)(G.yy),[s,m]=(0,l.useState)({}),[u,g]=(0,l.useState)("https://");(0,l.useEffect)(()=>{if(e){let t="",o="",l=null==e.href?"https://":e.href;if(l&&"mailto:"===l.substring(0,7)){const i=new URL(e.href);t=i.searchParams.get("subject")||"",o=i.searchParams.get("body")||"",l=e.href.split("?")[0],g("mailto:")}else e.href&&("https://"===e.href.substring(0,8)||"http://"===e.href.substring(0,7)?g("https://"):"tel:"===e.href.substring(0,4)?g("tel:"):"sms:"===e.href.substring(0,4)?g("sms:"):"ftp://"===e.href.substring(0,6)?g("ftp://"):g(""));i.setFieldsValue({...e,href:l,subject:t,body:o})}},[i,e]);return l.createElement(c.lV,{form:i,layout:"vertical",name:"selected_link_form",initialValues:{href:"https://",target:"",textStrong:!1,textItalic:!1,textStrikethrough:!1,textUnderline:!1,textReplacer:"",subject:"",body:""},onValuesChange:t=>{const l=Object.keys(t)[0];let a=t;if("href"===l){const e=(0,V.aQ)(t[l]);if(e!==t[l]&&i.setFieldValue("href",e),"mailto:"===e.substring(0,7)){const t=i.getFieldValue("subject"),o=i.getFieldValue("body"),l=[];t&&l.push(`subject=${encodeURIComponent(t)}`),o&&l.push(`body=${encodeURIComponent(o)}`);a={href:l.length>0?`${e}?${l.join("&")}`:e}}else a={href:e}}if("subject"===l||"body"===l){const e=i.getFieldValue("href")||"";if("mailto:"!==e.substring(0,7))return;{const o=e.split("?")[0],r="subject"===l?t[l]:i.getFieldValue("subject"),n="body"===l?t[l]:i.getFieldValue("body"),d=[];r&&d.push(`subject=${encodeURIComponent(r)}`),n&&d.push(`body=${encodeURIComponent(n)}`);a={href:d.length>0?`${o}?${d.join("&")}`:o}}}o({operation:S.Ru.SANDBOX_ELEMENT_SETTINGS_SET,type:e.type,settings:a})},autoComplete:"off",className:"element-controls"},r&&"bottom"!==d?l.createElement(ne,{form:i,elementSettings:e,showAddParagraph:!1}):l.createElement(l.Fragment,null,l.createElement(c.m_,{trigger:["hover"],title:t("Hyperlink URL"),placement:"left"},l.createElement(c.lV.Item,{name:"href",style:{marginBottom:24,paddingRight:10}},l.createElement(c.pd,{allowClear:!0,placeholder:t("Hyperlink URL"),prefix:l.createElement(N.Ay,{icon:"LinkOutlined"}),onSelect:({target:e})=>{const{selectionStart:t,selectionEnd:o}=e;e&&m({target:e,selection:{start:t,end:o}})}}))),a.formLinkFieldInsertImageEnabled&&l.createElement(c.y9,{title:t("Actions with the chosen text"),dividerTop:!0},l.createElement(c.lV.Item,null,l.createElement(c.$n,{icon:l.createElement(N.Ay,{icon:"PicLeftOutlined"}),onClick:()=>{return e="add_img",void o({operation:S.Ru.SANDBOX_ELEMENT_TEXT,action:e});var e}},t("Add inline image")))),l.createElement(re,{form:i,elementSettings:e,showAddParagraph:!1,linkTarget:s,linkProtocol:u,setLinkProtocol:g})))},ve=()=>{const{__:e}=(0,E.s9)();return l.createElement(c.fI,{gutter:10},l.createElement(c.fv,{span:14},l.createElement(c.lV.Item,{name:"height"},l.createElement(c.FQ,{min:0,placeholder:e("Indent height"),prefix:l.createElement(N.Ay,{icon:"ColumnHeightOutlined"}),addonAfter:"px"}))))},Ee=({form:e,elementSettings:t})=>l.createElement(c.fI,{gutter:10,style:{marginBottom:20}},l.createElement(c.fv,{span:12},l.createElement(M,{form:e,name:"mobileHeight",elementSettings:t}))),Se=({elementSettings:e})=>{const{__:t}=(0,E.s9)(),[o]=c.lV.useForm(),i=(0,n.wA)(),a=(0,n.d4)(d.Hs),r=(0,_.XW)(),m=(0,n.d4)(G.Ct),u=(0,n.d4)(G.CS),g=(0,n.d4)(G.Fv),b=(0,n.d4)(G.yy),p=g&&"bottom"!==b,h=a.hasOwnProperty("type")?S.IE:S.Tm;(0,l.useEffect)(()=>{var t,l,i,a,r,n;e&&o.setFieldsValue({...e,height:null===(t=e.height)||void 0===t?void 0:t.value,heightDim:null===(l=e.height)||void 0===l?void 0:l.dim,mobileHeight:(0,V.xc)((null===(i=e.mobileHeight)||void 0===i?void 0:i.value)||(null===(a=e.height)||void 0===a?void 0:a.value)),mobileHeightDim:(null===(r=e.mobileHeight)||void 0===r?void 0:r.dim)||(null===(n=e.height)||void 0===n?void 0:n.dim)})},[o,e]);const f=(0,l.useCallback)(e=>{i(h===S.Tm?(0,d.A9)(e):(0,s.A9)(e))},[i,h]);return l.createElement(c.lV,{form:o,layout:"vertical",name:"selected_vindent_form",initialValues:{height:"",heightDim:"",mobileHeight:"",mobileHeightDim:""},onValuesChange:t=>{const l=o.getFieldsValue(!0),i=Object.keys(t)[0];let a;switch(i){case"height":a={[i]:{value:t[i],dim:l.heightDim}};break;case"heightDim":a={height:{value:l.height,dim:t[i]}};break;case"mobileHeight":a={[i]:{classNamePrefix:"em-mob-height-",value:t[i],dim:l.mobileHeightDim}};break;case"mobileHeightDim":a={mobileHeight:{classNamePrefix:"em-mob-height-",value:l.mobileHeight,dim:t[i]}};break;default:a=t}r({operation:S.Ru.SANDBOX_ELEMENT_SETTINGS_SET,type:e.type,settings:a}),f({...e,...a,activateSection:null,changeKey:i})},autoComplete:"off"},!p&&l.createElement(c.m_,{title:t("To change the appearance of the element on the mobile device, edit the fields below. If the fields remain empty, the desktop styles will be applied to the mobile version."),placement:"bottom"},l.createElement(c.Fc,{className:"selected_form-mobile-props-title",message:t("Appearance on mobile devices"),type:"info"})),m===S.ND&&u.styles?l.createElement("div",{id:"selected_element_form_mobile_props",className:"selected_form-mobile-props",style:{display:m===S.ND&&u.styles?"block":"none",marginBottom:10}},l.createElement(Ee,{form:o,elementSettings:e})):l.createElement("div",{id:"selected_element_form_desktop_props",style:{display:m===S.ND&&u.styles?"none":"block"}},l.createElement(ve,null)))},_e=({form:e,elementSettings:t,typeOfForm:o="desktop"})=>{var i,a,r;const{__:n}=(0,E.s9)(),d=(0,_.XW)(),s="mobile"===o,m=s?"mobileDirection":"direction",u=s?null!==(i=null===(a=t.mobileDirection)||void 0===a?void 0:a.value)&&void 0!==i?i:"":null!==(r=t.direction)&&void 0!==r?r:"";return l.createElement(c.lV.Item,{name:m,className:"form-item-margin-xs"},l.createElement(c.vp,{value:u,onChange:o=>{e.setFieldsValue({[m]:o}),d({operation:S.Ru.SANDBOX_ELEMENT_SETTINGS_SET,type:t.type,settings:{[m]:o}})},labels:{rtlLabel:n("Right to left"),ltrLabel:n("Left to right")}}))},Be={horizontal:[{value:"left",label:"left"},{value:"center",label:"center"},{value:"right",label:"right"}],vertical:[{value:"top",label:"top"},{value:"center",label:"center"},{value:"bottom",label:"bottom"}]},ke=e=>e.closest(".email-pane__collapse-wrapper")||e.parentNode,Re=({form:e,backgroundImageEmpty:t,appConfig:o,token:i,elementSettings:a,backgroundRepeatOptions:r,handleChangeValues:n})=>{const{__:d}=(0,E.s9)(),[s,m]=(0,l.useState)(""),[u,g]=(0,l.useState)("px"),[b,p]=(0,l.useState)(""),[f,v]=(0,l.useState)("px"),S=[{label:d("Not defined"),value:""},{label:d("Contain"),value:"contain"},{label:d("Cover"),value:"cover"}],_=e=>{if(!e||"string"!==typeof e)return{value:"",unit:"px"};const t=(e=e.trim()).match(/^(\d*\.?\d+)(%|px)$/);if(t){return{value:t[1],unit:t[2]}}return{value:e,unit:"px"}};(0,l.useEffect)(()=>{const t=e.getFieldValue("backgroundPositionX"),o=e.getFieldValue("backgroundPositionY"),l=_(t),i=_(o);m(String(l.value)),g(l.unit),p(String(i.value)),v(i.unit)},[e]);const B=(e,t)=>{m(String(e)),g(t),n&&n({backgroundPositionX:{position:e,unit:t}})},k=(e,t)=>{p(String(e)),v(t),n&&n({backgroundPositionY:{position:e,unit:t}})};return l.createElement(c.fI,{gutter:10,style:{marginBottom:8}},l.createElement(c.fv,{span:12},l.createElement(c.m_,{trigger:["hover"],title:d("Background color"),placement:"bottom",getPopupContainer:ke},l.createElement("div",null,l.createElement(c.lV.Item,{name:"backgroundColor",style:{marginBottom:i.formItemMarginBottomXS}},l.createElement(c.it,{placeholder:d("Background color"),usedColors:a.usedColors,usedLabel:d("Used"),recommendedLabel:d("Recommended"),placement:"bottomLeft"}))))),o.formCellFieldBackgroundImageEnabled&&l.createElement(c.fv,{span:t?12:24},l.createElement(c.m_,{trigger:["hover"],title:d("Background image"),placement:"bottom",getPopupContainer:ke},l.createElement("div",null,l.createElement(h.A,{form:e,label:d("Background image"),name:"backgroundImage",tooltipTitle:d("Background image"),placeholder:d("Background image link/route")}))),!t&&l.createElement(c.lV.Item,{style:{marginBottom:"0"}},l.createElement(c.fI,{gutter:10,style:{marginBottom:i.formItemMarginBottomXS}},l.createElement(c.fv,{span:12},l.createElement(c.$k,{options:Be.horizontal,position:s,setPosition:e=>B(e,u),unit:u,setUnit:e=>B(s,e),placeholder:d("Horizontal position"),prefix:l.createElement(N.Ay,{icon:"BgPositionHorizontal"}),dropdownStyle:{bottom:"auto"},tooltipTitle:d("Horizontal position"),getTooltipPopupContainer:ke})),l.createElement(c.fv,{span:12},l.createElement(c.$k,{options:Be.vertical,position:b,setPosition:e=>k(e,f),unit:f,setUnit:e=>k(b,e),placeholder:d("Vertical position"),prefix:l.createElement(N.Ay,{icon:"BgPositionVertical"}),dropdownStyle:{bottom:"auto"},tooltipTitle:d("Vertical position"),getTooltipPopupContainer:ke}))),l.createElement(c.fI,{gutter:10},l.createElement(c.fv,{span:12},l.createElement(c.m_,{trigger:["hover"],title:d("Background image repeat"),placement:"top"},l.createElement(c.lV.Item,{name:"backgroundRepeat",style:{marginBottom:i.formItemMarginBottomXS}},l.createElement(c.Select,{placeholder:d("Please choose"),options:r,getPopupContainer:()=>document.querySelector(".email-properties__collapse-panel")})))),l.createElement(c.fv,{span:12},l.createElement(c.m_,{trigger:["hover"],title:d("Background image size"),placement:"top"},l.createElement(c.lV.Item,{name:"backgroundSize",style:{marginBottom:i.formItemMarginBottomXS}},l.createElement(c.Select,{placeholder:d("Please choose"),options:S,getPopupContainer:()=>document.querySelector(".email-properties__collapse-panel")}))))))))},ye=({form:e,elementSettings:t,__:o,appConfig:i})=>{const[a,r]=(0,l.useState)(null);return(0,l.useEffect)(()=>{var e,t;null!==(e=window)&&void 0!==e&&null!==(t=e.navigator)&&void 0!==t&&t.userAgent.includes("Macintosh")&&r(!0)},[]),l.createElement("div",{style:{marginBottom:"-15px"}},i.formTextFieldTypografEnabled&&l.createElement(l.Fragment,null,l.createElement(c.m_,{trigger:["hover"],title:o("Text font"),placement:"bottom",zIndex:1,getPopupContainer:e=>e.parentNode},l.createElement(c.lV.Item,{name:"fontFamily",className:"form-item-margin-xs"},l.createElement(c.LW,{textEditor:!0,loadGoogleFonts:oe.c,getPopupContainer:e=>e.closest(".email-pane__collapse-wrapper")}))),!t.showOnMobile&&l.createElement(c.fI,{gutter:10},l.createElement(c.fv,{span:12},l.createElement(c.m_,{trigger:["hover"],title:o("Font size"),placement:"bottom"},l.createElement(c.lV.Item,{name:"fontSize"},l.createElement(c.FQ,{min:8,max:90,placeholder:o("Font size"),prefix:l.createElement(N.Ay,{icon:"FontSizeOutlined"}),addonAfter:"px"})))),l.createElement(c.fv,{span:12},l.createElement(c.m_,{trigger:["hover"],title:o("Line height"),placement:"bottom"},l.createElement(c.lV.Item,{name:"lineHeight"},l.createElement(c.FQ,{min:10,max:110,placeholder:o("Line height"),prefix:l.createElement(N.Ay,{icon:"LineHeightOutlined"}),addonAfter:"px"})))))),l.createElement(c.fI,{gutter:10},l.createElement(c.fv,{span:3},l.createElement(ie,{form:e,elementSettings:t,name:"textStrong",tooltipTitle:o(a?"Strong ( \u2318B )":"Strong  ( Ctrl+B )"),icon:l.createElement(N.Ay,{icon:"BoldOutlined",className:"selected-text-common-form__icon-radius"})})),l.createElement(c.fv,{span:3},l.createElement(ie,{form:e,elementSettings:t,name:"textItalic",tooltipTitle:o(a?"Italic ( \u2318I )":"Italic  ( Ctrl+I )"),icon:l.createElement(N.Ay,{icon:"ItalicOutlined",className:"selected-text-common-form__icon-radius"})})),l.createElement(c.fv,{span:3},l.createElement(ie,{form:e,elementSettings:t,name:"textStrikethrough",tooltipTitle:o(a?"Strikethrough ( \u2318+Shift+X )":"Strikethrough ( Alt+Shift+5 )"),icon:l.createElement(N.Ay,{icon:"StrikethroughOutlined",className:"selected-text-common-form__icon-radius"})})),l.createElement(c.fv,{span:3},l.createElement(ie,{form:e,elementSettings:t,name:"textUnderline",tooltipTitle:o(a?"Underline ( \u2318U )":"Underline ( Ctrl+U )"),icon:l.createElement(N.Ay,{icon:"UnderlineOutlined",className:"selected-text-common-form__icon-radius"})}))),l.createElement(c.fI,{gutter:10,style:{paddingBottom:4}},l.createElement(c.fv,{span:12},l.createElement(c.m_,{trigger:["hover"],title:o("Text color"),placement:"bottom",zIndex:2,getPopupContainer:e=>e.parentNode},l.createElement(c.lV.Item,{name:"textColor",rules:[{message:o("Please set the font color")}]},l.createElement(c.it,{placeholder:o("Color"),usedColors:t.usedColors,usedLabel:o("Used"),recommendedLabel:o("Recommended")})))),l.createElement(c.fv,{span:12},l.createElement(c.m_,{trigger:["hover"],title:o("Text background"),placement:"bottom",zIndex:2,getPopupContainer:e=>e.parentNode},l.createElement(c.lV.Item,{name:"textBackgroundColor",rules:[{message:o("Please set the background color")}]},l.createElement(c.it,{placeholder:o("Background color"),usedColors:t.usedColors,usedLabel:o("Used"),recommendedLabel:o("Recommended")}))))))},we=({form:e,elementSettings:t,boxShadow:o,bordersShow:i,borderRadiusShow:a,boxShadowShow:r,backgroundShow:n,backgroundImageEmpty:d,backgroundRepeatOptions:s,sizeShow:m,maxWidthValue:u,modificationShow:g,paddingsExt:b,oneBorderRadiusValue:p,setOneBorderRadiusValue:h,elementListShow:S,togglePaddingHandler:_,toggleShowBorderHandler:k,toggleShowBorderRadiusHandler:R,toggleShowBoxShadowHandler:w,toggleShowSizeHandler:x,toggleShowBackgroundHandler:T,toggleShowModificationHandler:N,handleChangeValues:I})=>{const{__:C}=(0,E.s9)(),{token:L}=(0,c.rd)(),F=(0,B.rD)();return l.createElement(l.Fragment,null,l.createElement(c.fI,{gutter:10,style:{paddingBottom:4}},l.createElement(c.fv,{span:12},l.createElement(le.A,{form:e,elementSettings:t})),F.formCellFieldVerticalAlignEnabled&&"group"!==t.type&&("structure"!==t.type||"structure"===t.type&&1===t.floatBlocks.items.length)&&l.createElement(c.fv,{span:12,style:{textAlign:"right"}},l.createElement(y,{form:e,elementSettings:t}))),F.formCellFieldPaddingsEnabled&&l.createElement(l.Fragment,null,S&&l.createElement("div",{style:{marginTop:"15px"}},l.createElement(ye,{form:e,elementSettings:t,appConfig:F,__:C})),l.createElement(c.y9,{title:C("Padding"),dividerTop:!0},l.createElement(c.L1,{extended:b,onToggleExtended:_,showHorizontal:"group"!==t.type&&"column"!==t.type,rowStyle:{paddingBottom:4},labels:{horizontal:C("Horizontal padding"),vertical:C("Vertical padding"),left:C("Left padding"),right:C("Right padding"),top:C("Top padding"),bottom:C("Bottom padding"),individual:C("Individual padding")}}))),"group"!==t.type&&F.formCellFieldSizeEnabled&&l.createElement(c.y9,{title:C("Size"),collapsible:!0,open:m,onToggle:x,dividerTop:!0},l.createElement(c.n6,{showWidth:"structure"!==t.type&&"column"!==t.type,maxWidth:u,dimensionSelect:V.z$,rowStyle:{paddingBottom:4},labels:{width:C("Width"),height:C("Height"),minWidth:C("Minimum width"),maxWidth:C("Maximum width")}})),l.createElement(c.y9,{title:C("Background"),collapsible:!0,open:n,onToggle:T,dividerTop:!0},l.createElement(Re,{form:e,backgroundImageEmpty:d,appConfig:F,token:L,elementSettings:t,backgroundRepeatOptions:s,handleChangeValues:I})),F.formFieldBorderEnabled&&l.createElement(c.y9,{title:C("Borders"),collapsible:!0,open:i,onToggle:k,dividerTop:!0},l.createElement(f.A,{form:e,elementSettings:t})),F.formFieldBorderRadiusEnabled&&l.createElement(c.y9,{title:C("Border radius"),collapsible:!0,open:a,onToggle:R,dividerTop:!0},l.createElement(v.A,{form:e,oneBorderRadiusValue:p,setOneBorderRadiusValue:h,elementSettings:t})),F.formFieldBoxShadowEnabled&&l.createElement(c.y9,{title:C("Box shadow"),collapsible:!0,open:r,onToggle:w,dividerTop:!0},l.createElement(A,null)),F.formFieldExportAsPictureEnabled&&"group"!==t.type&&l.createElement(c.y9,{title:C("Settings"),collapsible:!0,open:g,onToggle:N,dividerTop:!0},"structure"===t.type&&l.createElement(c.m_,{title:C("The block will change its colors to contrasting colors. You can change them in the Content Styles section."),key:"isContrastBlock"},l.createElement(c.lV.Item,{name:"isContrastBlock",valuePropName:"checked",style:{marginBottom:0}},l.createElement(c.dO,{id:"contrast-colors",label:C("Contrast block"),size:"small",labelStyle:{position:"relative",top:2}}))),l.createElement(me,{form:e,elementSettings:t})),F.formFieldVisibilityEnabled&&"column"!==t.type&&l.createElement(c.y9,{title:C("group"!==t.type?"Display control & Direction":"Display control"),dividerTop:!0},l.createElement(P,{elementSettings:t,form:e,directionControl:"group"!==t.type?l.createElement(_e,{elementSettings:t,form:e}):void 0})),F.formFieldAmpVisibilityEnabled&&t.ampShow&&l.createElement(c.y9,{title:C("AMP visibility"),dividerTop:!0},l.createElement(O,null)))},xe=({form:e,elementSettings:t,mobilePaddingsExt:o,setMobilePaddingsExt:i,rowStyle:a})=>{const{__:r}=(0,E.s9)(),n=(0,_.XW)();return l.createElement(c.L1,{typeOfForm:"mobile",extended:o,onToggleExtended:()=>{i(e=>!e);const l=e.getFieldsValue(!0);o||(l.mobilePaddingLeftRight=l.mobilePaddingLeft,l.mobilePaddingTopBottom=l.mobilePaddingTop,l.mobilePaddingRight=l.mobilePaddingLeft,l.mobilePaddingBottom=l.mobilePaddingTop,n({operation:S.Ru.SANDBOX_ELEMENT_SETTINGS_SET,type:t.type,settings:{mobilePadding:{top:""!==l.mobilePaddingTop?l.mobilePaddingTop:null,bottom:""!==l.mobilePaddingTopBottom?l.mobilePaddingTopBottom:null,left:""!==l.mobilePaddingLeft?l.mobilePaddingLeft:null,right:""!==l.mobilePaddingRight?l.mobilePaddingRight:null,classNamePrefix:"em-mob-padding_"}}}))},showHorizontal:!0,gutter:10,rowStyle:a,labels:{horizontal:r("Horizontal padding"),vertical:r("Vertical padding"),left:r("Left padding"),right:r("Right padding"),top:r("Top padding"),bottom:r("Bottom padding"),individual:r("Individual padding")}})},Te=({form:e,elementSettings:t,boxShadow:o,mobileBordersShow:i,mobileBorderRadiusShow:a,mobileBoxShadowShow:r,mobileSizeShow:n,mobileBackgroundShow:d,mobilePaddingShow:s,mobilePaddingsExt:m,setMobilePaddingsExt:u,oneMobileBorderRadiusValue:g,setOneMobileBorderRadiusValue:b,toggleShowMobileBorderHandler:p,toggleShowMobileBorderRadiusHandler:h,toggleShowMobileBoxShadowHandler:S,toggleShowMobileSizeHandler:_,toggleShowMobileBackgroundHandler:k,toggleShowMobilePaddingHandler:w})=>{const{__:x}=(0,E.s9)(),{token:T}=(0,c.rd)(),N=(0,B.rD)();return l.createElement(l.Fragment,null,l.createElement(c.fI,{gutter:20},l.createElement(c.fv,{span:12},l.createElement(R,{form:e,elementSettings:t,imgParent:!0,typeOfForm:"mobile"})),N.formCellFieldVerticalAlignEnabled&&"group"!==t.type&&("structure"!==t.type||"structure"===t.type&&1===t.floatBlocks.items.length)&&l.createElement(c.fv,{span:12,style:{textAlign:"right"}},l.createElement(y,{form:e,elementSettings:t,typeOfForm:"mobile"}))),N.formCellFieldPaddingsEnabled&&l.createElement(c.y9,{title:x("Padding"),collapsible:!0,open:s,onToggle:w,dividerTop:!0},l.createElement(xe,{form:e,elementSettings:t,mobilePaddingsExt:m,setMobilePaddingsExt:u,rowStyle:{paddingBottom:4}})),"group"!==t.type&&N.formCellFieldSizeEnabled&&l.createElement(c.y9,{title:x("Size"),collapsible:!0,open:n,onToggle:_,dividerTop:!0},l.createElement(c.fI,{gutter:10,style:{paddingBottom:9}},"structure"!==t.type&&l.createElement(c.fv,{span:12},l.createElement("div",{style:{marginBottom:15}},l.createElement(D,{form:e,name:"mobileWidth",elementSettings:t}))),l.createElement(c.fv,{span:12},l.createElement("div",{style:{marginBottom:15}},l.createElement(M,{form:e,name:"mobileHeight",elementSettings:t}))))),l.createElement(c.y9,{title:x("Background"),collapsible:!0,open:d,onToggle:k,dividerTop:!0},l.createElement("div",{style:{marginBottom:T.formItemMarginBottomMD+4}},l.createElement(ue,{form:e,elementSettings:t,label:x("Background color")}))),N.formFieldBorderEnabled&&l.createElement(c.y9,{title:x("Borders"),collapsible:!0,open:i,onToggle:p,dividerTop:!0},l.createElement(f.A,{form:e,typeOfForm:"mobile"})),N.formFieldBorderRadiusEnabled&&l.createElement(c.y9,{title:x("Border radius"),collapsible:!0,open:a,onToggle:h,dividerTop:!0},l.createElement(v.A,{form:e,oneBorderRadiusValue:g,setOneBorderRadiusValue:b,elementSettings:t,typeOfForm:"mobile"})),N.formFieldBoxShadowEnabled&&l.createElement(c.y9,{title:x("Box shadow"),collapsible:!0,open:r,onToggle:S,dividerTop:!0},l.createElement(A,{typeOfForm:"mobile"})),N.formFieldVisibilityEnabled&&"column"!==t.type&&l.createElement(c.y9,{title:x("group"!==t.type?"Display control & Direction":"Display control"),dividerTop:!0},l.createElement(P,{elementSettings:t,form:e,directionControl:"group"!==t.type?l.createElement(_e,{elementSettings:t,form:e,typeOfForm:"mobile"}):void 0})),N.formFieldAmpVisibilityEnabled&&t.ampShow&&l.createElement(c.y9,{title:x("AMP visibility"),dividerTop:!0},l.createElement(O,null)))},Ae=({elementSettings:e})=>{const{__:t}=(0,E.s9)(),o=(0,_.XW)(),i=(0,n.wA)(),[a]=c.lV.useForm(),[r,m]=(0,l.useState)(""),[u,g]=(0,l.useState)({}),[b,p]=(0,l.useState)(!0),[h,f]=(0,l.useState)(!0),v=(0,n.d4)(G.Ct),k=(0,n.d4)(G.CS),R=(0,n.d4)(d.Hs),[y,w]=((0,B.rD)(),(0,l.useState)(""===e.backgroundImage[0].value)),x=(0,n.d4)(G.Fv),T=(0,n.d4)(G.yy),A=x&&"bottom"!==T,[N,P]=(0,l.useState)(!1),[I,C]=(0,l.useState)(!1),[L,O]=(0,l.useState)(!1),[F,D]=(0,l.useState)(!1),[M,H]=(0,l.useState)(!1),[W,z]=(0,l.useState)(!1),[X,U]=(0,l.useState)(!1),[$,Y]=(0,l.useState)(!1),[K,q]=(0,l.useState)(!1),[Q,J]=(0,l.useState)(!1),[Z,ee]=(0,l.useState)(!1),[te,oe]=(0,l.useState)(!1),[le,ie]=(0,l.useState)(!1),[ae,re]=(0,l.useState)(!1),[ne,de]=(0,l.useState)(!1),se=R.hasOwnProperty("type")?S.IE:S.Tm,me=[{label:t("Not defined"),value:"none"},{label:t("Do not repeat background (no-repeat)"),value:"no-repeat"},{label:t("Repeat background (repeat)"),value:"repeat"},{label:t("Repeat background horizontally (repeat-x)"),value:"repeat-x"},{label:t("Repeat background vertically (repeat-y)"),value:"repeat-y"}],ce=e.border,ue=e.mobileBorder,ge=Object.keys(ce).find(e=>{var t,o,l;return(null===(t=ce[e])||void 0===t?void 0:t.width)||(null===(o=ce[e])||void 0===o?void 0:o.style)||(null===(l=ce[e])||void 0===l?void 0:l.color)}),be=Object.keys(ue).find(e=>{var t,o,l;return(null===(t=ue[e])||void 0===t?void 0:t.width)||(null===(o=ue[e])||void 0===o?void 0:o.style)||(null===(l=ue[e])||void 0===l?void 0:l.color)}),pe=e=>e&&(null!==e&&void 0!==e&&e.width||null!==e&&void 0!==e&&e.style||null!==e&&void 0!==e&&e.color)?e:"";(0,l.useEffect)(()=>{if(e){var t,o,l,i,r,n,d,s,m,c,u,b,h,v,E,S,_,B,k,R,y,x,T,A,N,I,L,F,M,W,X,G,$,j,K,Q,Z,te,le,ae,ne,se,me,ce,ue,he,fe,ve,Ee,Se,_e,Be,ke,Re,ye,we,xe,Te,Ae,Ne,Pe,Ie,Ce,Le,Oe,Ve,Fe,De,Me,He,We,ze,Xe,Ue,Ge,$e,je,Ye,Ke,qe,Qe,Je,Ze,et,tt,ot,lt,it,at,rt,nt,dt,st,mt,ct;const ut=e.boxShadow;g(ut),a.setFieldsValue({...e,width:null===(t=e.width)||void 0===t?void 0:t.value,widthDim:null===(o=e.width)||void 0===o?void 0:o.dim,height:null===(l=e.height)||void 0===l?void 0:l.value,heightDim:null===(i=e.height)||void 0===i?void 0:i.dim,backgroundImage:e.backgroundImage[0].value,show:e.show?e.show:"all",isContrastBlock:e.isContrastBlock,borderAll:(0,V.ok)(e.border.all),borderTop:(0,V.ok)(e.border.top),borderBottom:(0,V.ok)(e.border.bottom),borderRight:(0,V.ok)(e.border.right),borderLeft:(0,V.ok)(e.border.left),mobileBorderAll:pe(e.mobileBorder.all)||!(pe(e.mobileBorder.top)||pe(e.mobileBorder.bottom)||pe(e.mobileBorder.right)||pe(e.mobileBorder.left))&&pe(e.border.all),mobileBorderTop:pe(e.mobileBorder.top)||!pe(e.mobileBorder.all)&&pe(e.border.top),mobileBorderBottom:pe(e.mobileBorder.bottom)||!pe(e.mobileBorder.all)&&pe(e.border.bottom),mobileBorderRight:pe(e.mobileBorder.right)||!pe(e.mobileBorder.all)&&pe(e.border.right),mobileBorderLeft:pe(e.mobileBorder.left)||!pe(e.mobileBorder.all)&&pe(e.border.left),paddingTop:(0,V.ok)(null===(r=e.padding)||void 0===r?void 0:r.all)||(0,V.ok)(null===(n=e.padding)||void 0===n?void 0:n.top),paddingLeft:(0,V.ok)(null===(d=e.padding)||void 0===d?void 0:d.all)||(0,V.ok)(null===(s=e.padding)||void 0===s?void 0:s.left),paddingRight:(0,V.ok)(null===(m=e.padding)||void 0===m?void 0:m.all)||(0,V.ok)(null===(c=e.padding)||void 0===c?void 0:c.right),paddingBottom:(0,V.ok)(null===(u=e.padding)||void 0===u?void 0:u.all)||(0,V.ok)(null===(b=e.padding)||void 0===b?void 0:b.bottom),paddingLeftRight:(0,V.ok)(null===(h=e.padding)||void 0===h?void 0:h.left)||(0,V.ok)(null===(v=e.padding)||void 0===v?void 0:v.right),paddingTopBottom:(0,V.ok)(null===(E=e.padding)||void 0===E?void 0:E.top)||(0,V.ok)(null===(S=e.padding)||void 0===S?void 0:S.bottom),borderRadiusAll:(0,V.ok)(e.borderRadius.all),borderRadiusTopLeft:(0,V.ok)(e.borderRadius.topLeft),borderRadiusBottomLeft:(0,V.ok)(e.borderRadius.bottomLeft),borderRadiusTopRight:(0,V.ok)(e.borderRadius.topRight),borderRadiusBottomRight:(0,V.ok)(e.borderRadius.bottomRight),boxShadowInset:(0,V.ok)(null===(_=e.boxShadow)||void 0===_?void 0:_.inset)||!1,boxShadowHOffset:(0,V.ok)(null===(B=e.boxShadow)||void 0===B?void 0:B.hOffset),boxShadowVOffset:(0,V.ok)(null===(k=e.boxShadow)||void 0===k?void 0:k.vOffset),boxShadowBlurRadius:(0,V.ok)(null===(R=e.boxShadow)||void 0===R?void 0:R.blurRadius),boxShadowSpreadRadius:(0,V.ok)(null===(y=e.boxShadow)||void 0===y?void 0:y.spreadRadius),boxShadowColor:(0,V.ok)(null===(x=e.boxShadow)||void 0===x?void 0:x.color),mobileWidth:(0,V.xc)(null===(T=e.mobileWidth)||void 0===T?void 0:T.value)||(0,V.xc)(null===(A=e.width)||void 0===A?void 0:A.value),mobileWidthDim:(0,V.xc)(null===(N=e.mobileWidth)||void 0===N?void 0:N.value)?null===(I=e.mobileWidth)||void 0===I?void 0:I.dim:null===(L=e.width)||void 0===L?void 0:L.dim,mobileHeight:(0,V.xc)(null===(F=e.mobileHeight)||void 0===F?void 0:F.value)||(0,V.xc)(null===(M=e.height)||void 0===M?void 0:M.value),mobileHeightDim:(0,V.xc)(null===(W=e.mobileHeight)||void 0===W?void 0:W.value)?null===(X=e.mobileHeight)||void 0===X?void 0:X.dim:null===(G=e.height)||void 0===G?void 0:G.dim,mobileBorderRadiusAll:(0,V.ok)(null===($=e.mobileBorderRadius)||void 0===$?void 0:$.all)||(0,V.ok)(null===(j=e.borderRadius)||void 0===j?void 0:j.all),mobileBorderRadiusTopLeft:(0,V.ok)(null===(K=e.mobileBorderRadius)||void 0===K?void 0:K.topLeft)||(0,V.ok)(null===(Q=e.mobileBorderRadius)||void 0===Q?void 0:Q.all)||(0,V.ok)(null===(Z=e.borderRadius)||void 0===Z?void 0:Z.topLeft)||(0,V.ok)(null===(te=e.borderRadius)||void 0===te?void 0:te.all),mobileBorderRadiusBottomLeft:(0,V.ok)(null===(le=e.mobileBorderRadius)||void 0===le?void 0:le.bottomLeft)||(0,V.ok)(null===(ae=e.mobileBorderRadius)||void 0===ae?void 0:ae.all)||(0,V.ok)(null===(ne=e.borderRadius)||void 0===ne?void 0:ne.bottomLeft)||(0,V.ok)(null===(se=e.borderRadius)||void 0===se?void 0:se.all),mobileBorderRadiusTopRight:(0,V.ok)(null===(me=e.mobileBorderRadius)||void 0===me?void 0:me.topRight)||(0,V.ok)(null===(ce=e.mobileBorderRadius)||void 0===ce?void 0:ce.all)||(0,V.ok)(null===(ue=e.borderRadius)||void 0===ue?void 0:ue.topRight)||(0,V.ok)(null===(he=e.borderRadius)||void 0===he?void 0:he.all),mobileBorderRadiusBottomRight:(0,V.ok)(null===(fe=e.mobileBorderRadius)||void 0===fe?void 0:fe.bottomRight)||(0,V.ok)(null===(ve=e.mobileBorderRadius)||void 0===ve?void 0:ve.all)||(0,V.ok)(null===(Ee=e.borderRadius)||void 0===Ee?void 0:Ee.bottomRight)||(0,V.ok)(null===(Se=e.borderRadius)||void 0===Se?void 0:Se.all),mobileBoxShadowInset:null!=(null===(_e=e.mobileBoxShadow)||void 0===_e?void 0:_e.inset)?e.mobileBoxShadow.inset:(null===(Be=e.boxShadow)||void 0===Be?void 0:Be.inset)||!1,mobileBoxShadowHOffset:(0,V.ok)(null===(ke=e.mobileBoxShadow)||void 0===ke?void 0:ke.hOffset)||(0,V.ok)(null===(Re=e.boxShadow)||void 0===Re?void 0:Re.hOffset),mobileBoxShadowVOffset:(0,V.ok)(null===(ye=e.mobileBoxShadow)||void 0===ye?void 0:ye.vOffset)||(0,V.ok)(null===(we=e.boxShadow)||void 0===we?void 0:we.vOffset),mobileBoxShadowBlurRadius:(0,V.ok)(null===(xe=e.mobileBoxShadow)||void 0===xe?void 0:xe.blurRadius)||(0,V.ok)(null===(Te=e.boxShadow)||void 0===Te?void 0:Te.blurRadius),mobileBoxShadowSpreadRadius:(0,V.ok)(null===(Ae=e.mobileBoxShadow)||void 0===Ae?void 0:Ae.spreadRadius)||(0,V.ok)(null===(Ne=e.boxShadow)||void 0===Ne?void 0:Ne.spreadRadius),mobileBoxShadowColor:(0,V.ok)(null===(Pe=e.mobileBoxShadow)||void 0===Pe?void 0:Pe.color)||(0,V.ok)(null===(Ie=e.boxShadow)||void 0===Ie?void 0:Ie.color),mobileAlign:(0,V.ok)(null===(Ce=e.mobileAlign)||void 0===Ce?void 0:Ce.value)||e.align,mobileVerticalAlign:(0,V.ok)((null===(Le=e.mobileVerticalAlign)||void 0===Le?void 0:Le.value)||e.valign),mobileDirection:(0,V.ok)(null===(Oe=e.mobileDirection)||void 0===Oe?void 0:Oe.value),mobileBackgroundColor:(0,V.ok)((null===(Ve=e.mobileBackgroundColor)||void 0===Ve?void 0:Ve.value)||e.backgroundColor||""),mobileBackgroundImage:"none"!==(null===(Fe=e.mobileBackgroundImage[0])||void 0===Fe?void 0:Fe.value)?null===(De=e.mobileBackgroundImage[0])||void 0===De?void 0:De.value:(null===(Me=e.backgroundImage)||void 0===Me?void 0:Me[0].value)||"",mobileBackgroundPositionX:(0,V.ok)(null===(He=e.mobileBackgroundPositionX)||void 0===He?void 0:He.value)||(0,V.ok)(null===(We=e.backgroundPositionX)||void 0===We?void 0:We.value),mobileBackgroundPositionY:(0,V.ok)(null===(ze=e.mobileBackgroundPositionY)||void 0===ze?void 0:ze.value)||(0,V.ok)(null===(Xe=e.backgroundPositionY)||void 0===Xe?void 0:Xe.value),mobileBackgroundRepeat:!(null===(Ue=e.mobileBackgroundRepeat)||void 0===Ue||!Ue.value)||e.backgroundRepeat||"none",mobilePaddingTop:(0,V.ok)(e.mobilePadding.all)||(0,V.ok)(e.mobilePadding.top)||(0,V.ok)(null===(Ge=e.padding)||void 0===Ge?void 0:Ge.all)||(0,V.ok)(null===($e=e.padding)||void 0===$e?void 0:$e.top),mobilePaddingLeft:(0,V.ok)(e.mobilePadding.all)||(0,V.ok)(e.mobilePadding.left)||(0,V.ok)(null===(je=e.padding)||void 0===je?void 0:je.all)||(0,V.ok)(null===(Ye=e.padding)||void 0===Ye?void 0:Ye.left),mobilePaddingRight:(0,V.ok)(e.mobilePadding.all)||(0,V.ok)(e.mobilePadding.right)||(0,V.ok)(null===(Ke=e.padding)||void 0===Ke?void 0:Ke.all)||(0,V.ok)(null===(qe=e.padding)||void 0===qe?void 0:qe.right),mobilePaddingBottom:(0,V.ok)(e.mobilePadding.all)||(0,V.ok)(e.mobilePadding.bottom)||(0,V.ok)(null===(Qe=e.padding)||void 0===Qe?void 0:Qe.all)||(0,V.ok)(null===(Je=e.padding)||void 0===Je?void 0:Je.bottom),mobilePaddingTopBottom:(0,V.ok)(e.mobilePadding.top)||(0,V.ok)(e.mobilePadding.bottom)||(0,V.ok)(null===(Ze=e.padding)||void 0===Ze?void 0:Ze.top)||(0,V.ok)(null===(et=e.padding)||void 0===et?void 0:et.bottom),mobilePaddingLeftRight:(0,V.ok)(e.mobilePadding.left)||(0,V.ok)(e.mobilePadding.right)||(0,V.ok)(null===(tt=e.padding)||void 0===tt?void 0:tt.left)||(0,V.ok)(null===(ot=e.padding)||void 0===ot?void 0:ot.right),exportAsPicture:null===e||void 0===e?void 0:e.exportAsPicture}),!(0,V.ok)(e.borderRadius.all)&&((0,V.ok)(e.borderRadius.topLeft)||(0,V.ok)(e.borderRadius.bottomLeft)||(0,V.ok)(e.borderRadius.topRight)||(0,V.ok)(e.borderRadius.bottomRight))?p(!1):p(!0),!(0,V.ok)(e.mobileBorderRadius.all)&&((0,V.ok)(e.mobileBorderRadius.topLeft)||(0,V.ok)(e.mobileBorderRadius.bottomLeft)||(0,V.ok)(e.mobileBorderRadius.topRight)||(0,V.ok)(e.mobileBorderRadius.bottomRight))||(0,V.ok)(e.mobileBorderRadius.all)&&((0,V.ok)(e.mobileBorderRadius.topLeft)||(0,V.ok)(e.mobileBorderRadius.bottomLeft)||(0,V.ok)(e.mobileBorderRadius.topRight)||(0,V.ok)(e.mobileBorderRadius.bottomRight))||!(0,V.ok)(e.borderRadius.all)&&!(0,V.ok)(e.mobileBorderRadius.all)&&((0,V.ok)(e.borderRadius.topLeft)||(0,V.ok)(e.borderRadius.bottomLeft)||(0,V.ok)(e.borderRadius.topRight)||(0,V.ok)(e.borderRadius.bottomRight))?f(!1):f(!0),w(""===e.backgroundImage[0].value),(0,V.ok)(e.padding.all)||!((0,V.ok)(e.padding.top)||(0,V.ok)(e.padding.right)||(0,V.ok)(e.padding.bottom)||(0,V.ok)(e.padding.left))||e.padding.top===e.padding.bottom&&e.padding.right===e.padding.left?P(!0):P(!1),!(0,V.ok)(e.mobilePadding.all)&&((0,V.ok)(e.mobilePadding.top)||(0,V.ok)(e.mobilePadding.right)||(0,V.ok)(e.mobilePadding.bottom)||(0,V.ok)(e.mobilePadding.left))&&(e.mobilePadding.top!==e.mobilePadding.bottom||e.mobilePadding.right!==e.mobilePadding.left)||!(0,V.ok)(null===(lt=e.padding)||void 0===lt?void 0:lt.all)&&((0,V.ok)(null===(it=e.padding)||void 0===it?void 0:it.top)||(0,V.ok)(null===(at=e.padding)||void 0===at?void 0:at.right)||(0,V.ok)(null===(rt=e.padding)||void 0===rt?void 0:rt.bottom)||(0,V.ok)(null===(nt=e.padding)||void 0===nt?void 0:nt.left))&&((null===(dt=e.padding)||void 0===dt?void 0:dt.top)!==(null===(st=e.padding)||void 0===st?void 0:st.bottom)||(null===(mt=e.padding)||void 0===mt?void 0:mt.right)!==(null===(ct=e.padding)||void 0===ct?void 0:ct.left))?C(!1):C(!0),O(e=>!!ge||e),D(e=>!(!ge&&!be)||e),H(!!e.borderRadius.all||!!e.borderRadius.topLeft||!!e.borderRadius.bottomLeft||!!e.borderRadius.topRight||!!e.borderRadius.bottomRight),z(!!e.mobileBorderRadius.all||!!e.mobileBorderRadius.topLeft||!!e.mobileBorderRadius.bottomLeft||!!e.mobileBorderRadius.topRight||!!e.mobileBorderRadius.bottomRight||!!e.borderRadius.all||!!e.borderRadius.topLeft||!!e.borderRadius.bottomLeft||!!e.borderRadius.topRight||!!e.borderRadius.bottomRight),U(!!e.boxShadow),Y(!!e.mobileBoxShadow.blurRadius||!!e.mobileBoxShadow.color||!!e.mobileBoxShadow.hOffset||!!e.mobileBoxShadow.inset||!!e.mobileBoxShadow.spreadRadius||!!e.mobileBoxShadow.vOffset||!!e.boxShadow),q(!!e.width.value&&"column"!==e.type||!!e.height.value),J(!!e.mobileWidth.value||!!e.mobileHeight.value||!!e.width.value&&"column"!==e.type||!!e.height.value),ee(!!e.backgroundColor||!!e.backgroundImage[0].value||!!e.backgroundPositionY||!!e.backgroundPositionX||"repeat"!==e.backgroundRepeat||!e.backgroundRepeat,!!e.backgroundSize),oe(!!e.mobileBackgroundColor.value||!!e.backgroundColor||!!e.backgroundImage[0].value||!!e.backgroundPositionY||!!e.backgroundPositionX||"repeat"!==e.backgroundRepeat||!e.backgroundRepeat,!!e.backgroundSize),ie(!!e.exportAsPicture||!!e.isContrastBlock),re(!!e.mobilePadding.all||0===e.mobilePadding.all||!!e.mobilePadding.top||0===e.mobilePadding.top||!!e.mobilePadding.bottom||0===e.mobilePadding.bottom||!!e.mobilePadding.left||0===e.mobilePadding.left||!!e.mobilePadding.right||0===e.mobilePadding.right||!!e.padding.all||0===e.padding.all||!!e.padding.top||0===e.padding.top||!!e.padding.bottom||0===e.padding.bottom||!!e.padding.left||0===e.padding.left||!!e.padding.right||0===e.padding.right),"List"===e.elementName?de(!0):de(!1)}},[a,e]);const he=(0,l.useCallback)(e=>{i(se===S.Tm?(0,d.A9)(e):(0,s.A9)(e))},[i,se]),fe=t=>{const l=a.getFieldsValue(!0),i=Object.keys(t)[0];let r;switch(m("%"===a.getFieldsValue(!0).widthDim?100:""),i){case"exportAsPicture":r={exportAsPicture:l.exportAsPicture};break;case"boxShadowInset":case"boxShadowHOffset":case"boxShadowVOffset":case"boxShadowBlurRadius":case"boxShadowSpreadRadius":case"boxShadowColor":r={boxShadow:{hOffset:l.boxShadowHOffset,vOffset:l.boxShadowVOffset,blurRadius:l.boxShadowBlurRadius,spreadRadius:l.boxShadowSpreadRadius,color:l.boxShadowColor,inset:l.boxShadowInset}};break;case"borderAll":case"borderTop":case"borderBottom":case"borderLeft":case"borderRight":var n,d,s;if("borderAll"===l.borderPosition)r={border:{...S.iV,all:{...j.RH,...l.borderAll}}},a.setFieldsValue({borderLeft:j.RH,borderRight:j.RH,borderTop:j.RH,borderBottom:j.RH});else null!==(n=l.borderAll)&&void 0!==n&&n.width||null!==(d=l.borderAll)&&void 0!==d&&d.style||null!==(s=l.borderAll)&&void 0!==s&&s.color?(r={border:{all:null,left:l.borderAll,right:l.borderAll,top:l.borderAll,bottom:l.borderAll,[j.Vz[i]]:{...l[i],...t[i]}}},a.setFieldsValue({borderAll:null,borderLeft:l.borderAll,borderRight:l.borderAll,borderTop:l.borderAll,borderBottom:l.borderAll,[i]:{...l[i],...t[i]}})):(r={border:{all:null,left:l.borderLeft,right:l.borderRight,top:l.borderTop,bottom:l.borderBottom,[j.Vz[i]]:{...l[i],...t[i]}}},a.setFieldsValue({border:r.border}));break;case"mobileBorderAll":case"mobileBorderTop":case"mobileBorderBottom":case"mobileBorderLeft":case"mobileBorderRight":if("mobileBorderAll"===l.mobileBorderPosition)r={mobileBorder:{...S.iV,all:{...j.RH,...l.mobileBorderAll,classNamePrefix:"em-mob-border_"+j.ax[i]+"-"}}},a.setFieldsValue({borderLeft:j.RH,borderRight:j.RH,borderTop:j.RH,borderBottom:j.RH});else{var c,u,g,b,p,h;const o=j.ax[i],n={...l[i],...t[i]},d=!(null!==n&&void 0!==n&&n.width)&&!(null!==n&&void 0!==n&&n.style)&&!(null!==n&&void 0!==n&&n.color);if(null!==(c=l.mobileBorder)&&void 0!==c&&null!==(u=c.all)&&void 0!==u&&u.width||null!==(g=l.mobileBorder)&&void 0!==g&&null!==(b=g.all)&&void 0!==b&&b.style||null!==(p=l.mobileBorder)&&void 0!==p&&null!==(h=p.all)&&void 0!==h&&h.color){const e=l.mobileBorderAll;r={mobileBorder:{all:null,left:e,right:e,top:e,bottom:e,[o]:d?null:{...n,classNamePrefix:"em-mob-border_"+o+"-"}}},a.setFieldsValue({mobileBorderAll:null,mobileBorderLeft:e,mobileBorderRight:e,mobileBorderTop:e,mobileBorderBottom:e,[i]:n})}else{const t=e.mobileBorder||{},l=e=>{const o=t[e];return o&&(null!==o&&void 0!==o&&o.width||null!==o&&void 0!==o&&o.style||null!==o&&void 0!==o&&o.color)?o:null};r={mobileBorder:{all:null,left:"left"===o?d?null:{...n,classNamePrefix:"em-mob-border_left-"}:l("left"),right:"right"===o?d?null:{...n,classNamePrefix:"em-mob-border_right-"}:l("right"),top:"top"===o?d?null:{...n,classNamePrefix:"em-mob-border_top-"}:l("top"),bottom:"bottom"===o?d?null:{...n,classNamePrefix:"em-mob-border_bottom-"}:l("bottom")}},a.setFieldsValue({[i]:n})}}break;case"width":r={[i]:{value:t[i],dim:l.widthDim}};break;case"height":r={[i]:{value:t[i],dim:l.heightDim}};break;case"widthDim":r={width:{value:l.width,dim:t[i]}};break;case"heightDim":r={height:{value:l.height,dim:t[i]}};break;case"backgroundImage":w(""===t[i]),r={[i]:[{...e.backgroundImage[0],value:t[i]}],backgroundSize:"cover"};break;case"paddingTop":case"paddingLeft":case"paddingRight":case"paddingBottom":r={padding:{left:l.paddingLeft,right:l.paddingRight,top:l.paddingTop,bottom:l.paddingBottom,[j.yy[i]]:+t[i]}};break;case"paddingTopBottom":r={padding:{left:l.paddingLeft,right:l.paddingRight,top:+t[i],bottom:+t[i]}},l.paddingTop=l.paddingBottom=+t[i];break;case"paddingLeftRight":r={padding:{top:l.paddingTop,bottom:l.paddingBottom,left:+t[i],right:+t[i]}},l.paddingLeft=l.paddingRight=+t[i];break;case"borderRadiusAll":r={borderRadius:{[j.wF[i]]:+t[i]}};break;case"borderRadiusTopLeft":case"borderRadiusBottomLeft":case"borderRadiusTopRight":case"borderRadiusBottomRight":r={borderRadius:{topLeft:l.borderRadiusTopLeft,bottomLeft:l.borderRadiusBottomLeft,topRight:l.borderRadiusTopRight,bottomRight:l.borderRadiusBottomRight,[j.wF[i]]:+t[i]}};break;case"mobileWidth":r={[i]:{classNamePrefix:"em-mob-width-",value:t[i],dim:l.mobileWidthDim}};break;case"mobileWidthDim":r={mobileWidth:{classNamePrefix:"em-mob-width-",value:l.mobileWidth||100,dim:t[i]}};break;case"mobileHeight":r={[i]:{classNamePrefix:"em-mob-height-",value:t[i],dim:l.mobileHeightDim}};break;case"mobileHeightDim":r={mobileHeight:{classNamePrefix:"em-mob-height-",value:l.mobileHeight,dim:t[i]}};break;case"mobileBorderRadiusAll":case"mobileBorderRadiusTopLeft":case"mobileBorderRadiusBottomLeft":case"mobileBorderRadiusTopRight":case"mobileBorderRadiusBottomRight":r={mobileBorderRadius:{[j.NW[i]]:t[i],classNamePrefix:"em-mob-border_radius_"+j.NW[i]+"-"}};break;case"mobileBoxShadowInset":case"mobileBoxShadowHOffset":case"mobileBoxShadowVOffset":case"mobileBoxShadowBlurRadius":case"mobileBoxShadowSpreadRadius":case"mobileBoxShadowColor":r={mobileBoxShadow:{hOffset:l.mobileBoxShadowHOffset,vOffset:l.mobileBoxShadowVOffset,blurRadius:l.mobileBoxShadowBlurRadius,spreadRadius:l.mobileBoxShadowSpreadRadius,color:l.mobileBoxShadowColor,inset:l.mobileBoxShadowInset,classNamePrefix:"em-mob-box_shadow-"}};break;case"mobileAlign":r={[i]:{classNamePrefix:"em-mob-text_align-",value:t[i]}};break;case"mobileVerticalAlign":r={[i]:{classNamePrefix:"em-mob-vertical_align-",value:t[i]}};break;case"mobileDirection":r={[i]:{classNamePrefix:"em-mob-direction-",value:t[i]}};break;case"mobileBackgroundColor":r={[i]:{classNamePrefix:"em-mob-background_color-",value:t[i]}};break;case"mobileBackgroundImage":r={[i]:[{...e.mobileBackgroundImage[0],classNamePrefix:"em-mob-background_image-",value:t[i]}]};break;case"mobileBackgroundPositionX":r={[i]:{classNamePrefix:"em-mob-background_position_x-",value:t[i]}};break;case"mobileBackgroundPositionY":r={[i]:{classNamePrefix:"em-mob-background_position_y-",value:t[i]}};break;case"mobileBackgroundRepeat":r={[i]:{classNamePrefix:"em-mob-background_repeat-",value:t[i]}};break;case"mobilePaddingTop":case"mobilePaddingLeft":case"mobilePaddingRight":case"mobilePaddingBottom":r={mobilePadding:{all:null,top:""!==l.mobilePaddingTop?l.mobilePaddingTop:null,right:""!==l.mobilePaddingRight?l.mobilePaddingRight:null,bottom:""!==l.mobilePaddingBottom?l.mobilePaddingBottom:null,left:""!==l.mobilePaddingLeft?l.mobilePaddingLeft:null,classNamePrefix:"em-mob-padding_"}};break;case"mobilePaddingTopBottom":l.mobilePaddingTop=l.mobilePaddingBottom=t[i],r={mobilePadding:{all:null,top:""!==l.mobilePaddingTop?l.mobilePaddingTop:null,right:""!==l.mobilePaddingRight?l.mobilePaddingRight:null,bottom:""!==l.mobilePaddingBottom?l.mobilePaddingBottom:null,left:""!==l.mobilePaddingLeft?l.mobilePaddingLeft:null,classNamePrefix:"em-mob-padding_"}};break;case"mobilePaddingLeftRight":l.mobilePaddingLeft=l.mobilePaddingRight=t[i],r={mobilePadding:{all:null,top:""!==l.mobilePaddingTop?l.mobilePaddingTop:null,right:""!==l.mobilePaddingRight?l.mobilePaddingRight:null,bottom:""!==l.mobilePaddingBottom?l.mobilePaddingBottom:null,left:""!==l.mobilePaddingLeft?l.mobilePaddingLeft:null,classNamePrefix:"em-mob-padding_"}};break;case"backgroundPositionX":case"backgroundPositionY":r={[i]:isNaN(parseFloat(t[i].position))?t[i].position:t[i].position+t[i].unit};break;default:r=t}var f;"borderPosition"!==i&&"mobileBorderPosition"!==i&&(o({operation:S.Ru.SANDBOX_ELEMENT_SETTINGS_SET,type:e.type,settings:r}),"mobileBorderRadiusAll"!==i&&"mobileBorderRadiusTopLeft"!==i&&"mobileBorderRadiusTopRight"!==i&&"mobileBorderRadiusBottomLeft"!==i&&"mobileBorderRadiusBottomRight"!==i&&he({...e,...r,mobileBorderRadius:{...e.mobileBorderRadius,...null===(f=r)||void 0===f?void 0:f.mobileBorderRadius},activateSection:null,changeKey:i}))};return l.createElement(c.lV,{form:a,layout:"vertical",name:"selected_td_form",initialValues:{horizontalPosition:"",horizontalUnit:"px",backgroundColor:"",backgroundImage:"",backgroundPositionX:"",backgroundPositionY:"",backgroundRepeat:"",backgroundSize:"",exportAsPicture:!1,width:"",height:"",widthDim:"",heightDim:"",align:"",valign:"",border:"",show:"all",borderPosition:j.uE[ge]||"borderAll",mobileBorderPosition:j.lS[be]||"mobileBorderAll",borderColor:"",borderWidth:"",borderStyle:"",paddingTop:"",paddingLeft:"",paddingRight:"",paddingBottom:"",borderRadiusAll:"",borderRadiusTopLeft:"",borderRadiusBottomLeft:"",borderRadiusTopRight:"",borderRadiusBottomRight:"",direction:"",boxShadowInset:"",boxShadowHOffset:"",boxShadowVOffset:"",boxShadowBlurRadius:"",boxShadowSpreadRadius:"",boxShadowColor:"",mobileWidth:"",mobileWidthDim:"",mobileHeight:"",mobileHeightDim:"",mobileBorder:"",mobileBorderColor:"",mobileBorderWidth:"",mobileBorderStyle:"",mobileBoxShadow:"",mobileAlign:"",mobileDirection:"",mobileVerticalAlign:"",mobileBackgroundColor:"",mobileBackgroundImage:"",mobilePaddingTop:"",mobilePaddingLeft:"",mobilePaddingRight:"",mobilePaddingBottom:"",textStrong:!1,textItalic:!1,textStrikethrough:!1,textUnderline:!1},onValuesChange:fe,autoComplete:"off",className:"element-controls"},v===S.ND&&k.styles?l.createElement("div",{className:"selected_form-mobile-props-wrapper",style:{display:v===S.ND&&k.styles?"flex":"none"}},l.createElement("div",{className:"selected_form-mobile-props-header"},!A&&l.createElement(c.m_,{title:t("To change the appearance of the element on the mobile device, edit the fields below. If the fields remain empty, the desktop styles will be applied to the mobile version."),placement:"bottom"},l.createElement(c.Fc,{className:"selected_form-mobile-props-title",message:t("Appearance on mobile devices"),type:"info"}))),l.createElement("div",{id:"selected_element_form_mobile_props",className:"selected_form-mobile-props"},l.createElement(Te,{form:a,elementSettings:e,boxShadow:u,mobileBordersShow:F,mobileBorderRadiusShow:W,mobileBoxShadowShow:$,mobileSizeShow:Q,mobileBackgroundShow:te,mobilePaddingShow:ae,mobilePaddingsExt:I,setMobilePaddingsExt:C,oneMobileBorderRadiusValue:h,setOneMobileBorderRadiusValue:f,toggleShowMobileBorderHandler:()=>{const t=a.getFieldsValue(!0);setTimeout(()=>{D(e=>!e),F?(t.mobileBorderAll=j.RH,t.mobileBorderTop=j.RH,t.mobileBorderBottom=j.RH,t.mobileBorderRight=j.RH,t.mobileBorderLeft=j.RH):t.mobileBorderAll={width:1,color:"#E5E5E5",style:"solid"},o({operation:S.Ru.SANDBOX_ELEMENT_SETTINGS_SET,type:e.type,settings:{mobileBorder:{all:{color:t.mobileBorderAll.color,style:t.mobileBorderAll.style,width:t.mobileBorderAll.width}}}})})},toggleShowMobileBorderRadiusHandler:()=>{const t=a.getFieldsValue(!0);setTimeout(()=>{z(e=>!e),W?(t.mobileBorderRadiusAll=null,f(!0)):t.mobileBorderRadiusAll=5,o({operation:S.Ru.SANDBOX_ELEMENT_SETTINGS_SET,type:e.type,settings:{mobileBorderRadius:{all:t.mobileBorderRadiusAll,classNamePrefix:"em-mob-border_radius_all-"}}})})},toggleShowMobileBoxShadowHandler:()=>{const t=a.getFieldsValue(!0);setTimeout(()=>{Y(e=>!e),$?(t.mobileBoxShadowInset=!1,t.mobileBoxShadowHOffset=null,t.mobileBoxShadowVOffset=null,t.mobileBoxShadowBlurRadius=null,t.mobileBoxShadowSpreadRadius=null,t.mobileBoxShadowColor=""):(t.mobileBoxShadowInset=!1,t.mobileBoxShadowHOffset=5,t.mobileBoxShadowVOffset=5,t.mobileBoxShadowBlurRadius=10,t.mobileBoxShadowSpreadRadius=-5,t.mobileBoxShadowColor="#000000"),o({operation:S.Ru.SANDBOX_ELEMENT_SETTINGS_SET,type:e.type,settings:{mobileBoxShadow:{blurRadius:t.mobileBoxShadowBlurRadius,color:t.mobileBoxShadowColor,hOffset:t.mobileBoxShadowHOffset,inset:t.mobileBoxShadowInset,spreadRadius:t.mobileBoxShadowSpreadRadius,vOffset:t.mobileBoxShadowVOffset,classNamePrefix:"em-mob-box_shadow-"}}})})},toggleShowMobileSizeHandler:()=>{const t=a.getFieldsValue(!0);setTimeout(()=>{J(e=>!e),Q&&(t.mobileWidth="",t.mobileHeight="",o({operation:S.Ru.SANDBOX_ELEMENT_SETTINGS_SET,type:e.type,settings:{mobileWidth:{value:null,dim:"px",classNamePrefix:"em-mob-width-"},mobileHeight:{value:null,dim:"px",classNamePrefix:"em-mob-height-"}}}))})},toggleShowMobileBackgroundHandler:()=>{const t=a.getFieldsValue(!0);setTimeout(()=>{oe(e=>!e),t.mobileBackgroundColor=te?"":"#E5E5E5",o({operation:S.Ru.SANDBOX_ELEMENT_SETTINGS_SET,type:e.type,settings:{mobileBackgroundColor:{classNamePrefix:"em-mob-background_color-",value:t.mobileBackgroundColor}}})})},toggleShowMobilePaddingHandler:()=>{const t=a.getFieldsValue(!0);setTimeout(()=>{re(e=>!e),ae&&(t.mobilePaddingLeftRight="",t.mobilePaddingLeft="",t.mobilePaddingRight="",t.mobilePaddingTopBottom="",t.mobilePaddingTop="",t.mobilePaddingBottom="",o({operation:S.Ru.SANDBOX_ELEMENT_SETTINGS_SET,type:e.type,settings:{mobilePadding:{all:null,top:null,right:null,bottom:null,left:null,classNamePrefix:"em-mob-padding_"}}}))})}}))):l.createElement(l.Fragment,null,!A&&l.createElement(c.m_,{title:t("To change the appearance of the element on the mobile device, edit the fields below. If the fields remain empty, the desktop styles will be applied to the mobile version."),placement:"bottom"},l.createElement(c.Fc,{className:"selected_form-mobile-props-title",message:t("Appearance on mobile devices"),type:"info"})),l.createElement("div",{id:"selected_element_form_desktop_props"},l.createElement(we,{form:a,elementSettings:e,boxShadow:u,bordersShow:L,borderRadiusShow:M,boxShadowShow:X,backgroundShow:Z,backgroundImageEmpty:y,backgroundRepeatOptions:me,sizeShow:K,maxWidthValue:r,modificationShow:le,paddingsExt:N,oneBorderRadiusValue:b,setOneBorderRadiusValue:p,elementListShow:ne,togglePaddingHandler:()=>{P(e=>!e);const t=a.getFieldsValue(!0);N||(t.paddingLeftRight=t.paddingLeft,t.paddingTopBottom=t.paddingTop,t.paddingRight=t.paddingLeft,t.paddingBottom=t.paddingTop,o({operation:S.Ru.SANDBOX_ELEMENT_SETTINGS_SET,type:e.type,settings:{padding:{top:t.paddingTopBottom,bottom:t.paddingTopBottom,left:t.paddingLeftRight,right:t.paddingLeftRight}}}))},toggleShowBorderHandler:()=>{const t=a.getFieldsValue(!0);setTimeout(()=>{O(e=>!e),L?(t.borderAll=j.RH,t.borderTop=j.RH,t.borderBottom=j.RH,t.borderRight=j.RH,t.borderLeft=j.RH):t.borderAll={width:1,color:"#E5E5E5",style:"solid"},o({operation:S.Ru.SANDBOX_ELEMENT_SETTINGS_SET,type:e.type,settings:{border:{all:{color:t.borderAll.color,style:t.borderAll.style,width:t.borderAll.width}}}})})},toggleShowBorderRadiusHandler:()=>{const t=a.getFieldsValue(!0);setTimeout(()=>{H(e=>!e),M?(t.borderRadiusAll=0,p(!0)):t.borderRadiusAll=5,o({operation:S.Ru.SANDBOX_ELEMENT_SETTINGS_SET,type:e.type,settings:{borderRadius:{all:t.borderRadiusAll}}})})},toggleShowBoxShadowHandler:()=>{const t=a.getFieldsValue(!0);setTimeout(()=>{U(e=>!e),X?(t.boxShadowInset=!1,t.boxShadowHOffset=null,t.boxShadowVOffset=null,t.boxShadowBlurRadius=null,t.boxShadowSpreadRadius=null,t.boxShadowColor=""):(t.boxShadowInset=!1,t.boxShadowHOffset=5,t.boxShadowVOffset=5,t.boxShadowBlurRadius=10,t.boxShadowSpreadRadius=-5,t.boxShadowColor="#000000"),o({operation:S.Ru.SANDBOX_ELEMENT_SETTINGS_SET,type:e.type,settings:{boxShadow:{blurRadius:t.boxShadowBlurRadius,color:t.boxShadowColor,hOffset:t.boxShadowHOffset,inset:t.boxShadowInset,spreadRadius:t.boxShadowSpreadRadius,vOffset:t.boxShadowVOffset}}})})},toggleShowSizeHandler:()=>{const t=a.getFieldsValue(!0);setTimeout(()=>{q(e=>!e),K&&(t.width="",t.height="",o({operation:S.Ru.SANDBOX_ELEMENT_SETTINGS_SET,type:e.type,settings:{width:{value:null,dim:"px"},height:{value:null,dim:"px"}}}))})},toggleShowBackgroundHandler:()=>{const t=a.getFieldsValue(!0);setTimeout(()=>{ee(e=>!e),Z?(t.backgroundColor="",t.backgroundImage="",t.backgroundPositionX="",t.backgroundPositionY="",t.backgroundRepeat="none",t.backgroundSize="",w(!0)):(t.backgroundColor="#E5E5E5",t.backgroundSize="",t.backgroundRepeat="none"),o({operation:S.Ru.SANDBOX_ELEMENT_SETTINGS_SET,type:e.type,settings:{backgroundColor:t.backgroundColor,backgroundImage:[{type:"url",value:t.backgroundImage}],backgroundPositionX:t.backgroundPositionX,backgroundPositionY:t.backgroundPositionY,backgroundRepeat:t.backgroundRepeat,backgroundSize:t.backgroundSize}})})},toggleShowModificationHandler:()=>{const t=a.getFieldsValue(!0);setTimeout(()=>{ie(e=>!e),le&&(t.exportAsPicture=!1,t.isContrastBlock=!1,o({operation:S.Ru.SANDBOX_ELEMENT_SETTINGS_SET,type:e.type,settings:{exportAsPicture:!1,isContrastBlock:!1}}))})},handleChangeValues:fe}))))},Ne=({form:e,elementSettings:t,boxShadow:o,bordersShow:i,borderRadiusShow:a,boxShadowShow:r,backgroundShow:n,backgroundImageEmpty:d,backgroundRepeatOptions:s,sizeShow:m,maxWidthValue:u,modificationShow:g,paddingShow:b,paddingsExt:p,oneBorderRadiusValue:h,setOneBorderRadiusValue:S,togglePaddingHandler:_,toggleShowPaddingHandler:k,toggleShowBorderHandler:R,toggleShowBorderRadiusHandler:w,toggleShowBoxShadowHandler:x,toggleShowSizeHandler:T,toggleShowBackgroundHandler:N,toggleShowModificationHandler:I,handleChangeValues:C})=>{const{__:L}=(0,E.s9)(),{token:F}=(0,c.rd)(),D=(0,B.rD)();return l.createElement(l.Fragment,null,l.createElement(c.Fc,{className:"selected_form-desktop-props-title",message:L("Appearance on mobile devices"),type:"info"}),l.createElement(c.fI,{gutter:20,style:{marginBottom:4}},l.createElement(c.fv,{span:12},l.createElement(le.A,{form:e,elementSettings:t})),l.createElement(c.fv,{span:12,style:{textAlign:"right"}},l.createElement(y,{form:e,elementSettings:t}))),D.formCellFieldPaddingsEnabled&&l.createElement(c.y9,{title:L("Padding"),collapsible:!0,open:b,onToggle:k,dividerTop:!0},l.createElement(c.L1,{extended:p,onToggleExtended:_,labels:{horizontal:L("Horizontal padding"),vertical:L("Vertical padding"),left:L("Left padding"),right:L("Right padding"),top:L("Top padding"),bottom:L("Bottom padding"),individual:L("Individual padding")}})),l.createElement(c.y9,{title:L("Size"),collapsible:!0,open:m,onToggle:T,dividerTop:!0},l.createElement(c.n6,{maxWidth:u,dimensionSelect:V.z$,showMinMax:!0,minWidthDimensionSelect:V.z$,maxWidthDimensionSelect:V.z$,labels:{width:L("Width"),height:L("Height"),minWidth:L("Minimum width"),maxWidth:L("Maximum width")}})),l.createElement(c.y9,{title:L("Background"),collapsible:!0,open:n,onToggle:N,dividerTop:!0},l.createElement(Re,{form:e,backgroundImageEmpty:d,appConfig:D,token:F,elementSettings:t,backgroundRepeatOptions:s,handleChangeValues:C})),D.formFieldBorderEnabled&&l.createElement(c.y9,{title:L("Borders"),collapsible:!0,open:i,onToggle:R,dividerTop:!0},l.createElement(f.A,{form:e,elementSettings:t})),D.formFieldBorderRadiusEnabled&&l.createElement(c.y9,{title:L("Border radius"),collapsible:!0,open:a,onToggle:w,dividerTop:!0},l.createElement(v.A,{form:e,oneBorderRadiusValue:h,setOneBorderRadiusValue:S,elementSettings:t})),D.formFieldBoxShadowEnabled&&l.createElement(c.y9,{title:L("Box shadow"),collapsible:!0,open:r,onToggle:x,dividerTop:!0},l.createElement(A,null)),D.formFieldExportAsPictureEnabled&&l.createElement(c.y9,{title:L("Export settings"),collapsible:!0,open:g,onToggle:I,dividerTop:!0},l.createElement(me,{form:e,elementSettings:t})),D.formFieldVisibilityEnabled&&l.createElement(c.y9,{title:L("Display control & Direction"),dividerTop:!0},l.createElement(P,{elementSettings:t,form:e,directionControl:l.createElement(_e,{elementSettings:t,form:e})})),D.formFieldAmpVisibilityEnabled&&t.ampShow&&l.createElement(c.y9,{title:L("AMP visibility"),dividerTop:!0},l.createElement(O,null)))},Pe=({form:e,elementSettings:t,mobileBoxShadow:o,mobileBordersShow:i,mobileBorderRadiusShow:a,mobileBoxShadowShow:r,mobileSizeShow:n,mobileBackgroundShow:d,mobilePaddingShow:s,mobilePaddingsExt:m,setMobilePaddingsExt:u,oneMobileBorderRadiusValue:g,setOneMobileBorderRadiusValue:b,backgroundRepeatOptions:p,toggleShowMobileBorderHandler:h,toggleShowMobileBorderRadiusHandler:S,toggleShowMobileBoxShadowHandler:_,toggleShowMobileSizeHandler:k,toggleShowMobileBackgroundHandler:R,toggleShowMobilePaddingHandler:w})=>{const{__:x}=(0,E.s9)(),{token:T}=(0,c.rd)(),N=(0,B.rD)();return l.createElement(l.Fragment,null,l.createElement(c.fI,{gutter:20,style:{paddingBottom:4}},l.createElement(c.fv,{span:12},l.createElement(de,{form:e,elementSettings:t,imgParent:!0})),l.createElement(c.fv,{span:12,style:{textAlign:"right"}},l.createElement(y,{form:e,elementSettings:t,typeOfForm:"mobile"}))),N.formCellFieldPaddingsEnabled&&l.createElement(c.y9,{title:x("Padding"),collapsible:!0,open:s,onToggle:w,dividerTop:!0},l.createElement(xe,{form:e,elementSettings:t,mobilePaddingsExt:m,setMobilePaddingsExt:u})),l.createElement(c.y9,{title:x("Size"),collapsible:!0,open:n,onToggle:k,dividerTop:!0},l.createElement(c.fI,{gutter:10,style:{paddingBottom:8}},l.createElement(c.fv,{span:12},l.createElement("div",{style:{marginBottom:2*T.formItemMarginBottomXS}},l.createElement(D,{form:e,name:"mobileWidth",elementSettings:t}))),l.createElement(c.fv,{span:12},l.createElement("div",{style:{marginBottom:T.formItemMarginBottomXS}},l.createElement(M,{form:e,name:"mobileHeight",elementSettings:t}))))),l.createElement(c.y9,{title:x("Background"),collapsible:!0,open:d,onToggle:R,dividerTop:!0},l.createElement("div",{style:{marginBottom:(N.formDivFieldBackgroundImageEnabled,T.formItemMarginBottomMD+4)}},l.createElement(ue,{form:e,elementSettings:t,label:x("Background color")})),!1),N.formFieldBorderEnabled&&l.createElement(c.y9,{title:x("Borders"),collapsible:!0,open:i,onToggle:h,dividerTop:!0},l.createElement(f.A,{form:e,typeOfForm:"mobile"})),N.formFieldBorderRadiusEnabled&&l.createElement(c.y9,{title:x("Border radius"),collapsible:!0,open:a,onToggle:S,dividerTop:!0},l.createElement(v.A,{form:e,typeOfForm:"mobile",oneBorderRadiusValue:g,setOneBorderRadiusValue:b,elementSettings:t})),N.formFieldBoxShadowEnabled&&l.createElement(c.y9,{title:x("Box shadow"),collapsible:!0,open:r,onToggle:_,dividerTop:!0},l.createElement(A,{typeOfForm:"mobile",form:e,elementSettings:t})),N.formFieldVisibilityEnabled&&l.createElement(c.y9,{title:x("Display control & Direction"),dividerTop:!0},l.createElement(P,{elementSettings:t,form:e,directionControl:l.createElement(_e,{elementSettings:t,form:e,typeOfForm:"mobile"})})),N.formFieldAmpVisibilityEnabled&&t.ampShow&&l.createElement(c.y9,{title:x("AMP visibility"),dividerTop:!0},l.createElement(O,null)))},Ie=({elementSettings:e})=>{const{__:t}=(0,E.s9)(),o=(0,_.XW)(),[i]=c.lV.useForm(),[a,r]=(0,l.useState)({}),[d,s]=(0,l.useState)(!0),[m,u]=(0,l.useState)({}),[g,b]=(0,l.useState)(!0),p=(0,n.d4)(G.Ct),h=(0,n.d4)(G.CS),[f,v]=((0,B.rD)(),(0,l.useState)(""===e.backgroundImage[0].value)),k=(0,n.d4)(G.Fv),R=(0,n.d4)(G.yy),y=k&&"bottom"!==R,[w,x]=(0,l.useState)(!1),[T,A]=(0,l.useState)(!1),[N,P]=(0,l.useState)(!1),[I,C]=(0,l.useState)(!1),[L,O]=(0,l.useState)(!1),[F,D]=(0,l.useState)(!1),[M,H]=(0,l.useState)(!1),[W,z]=(0,l.useState)(!1),[X,U]=(0,l.useState)(!1),[$,Y]=(0,l.useState)(!1),[K,q]=(0,l.useState)(!1),[Q,J]=(0,l.useState)(!1),[Z,ee]=(0,l.useState)(!1),[te,oe]=(0,l.useState)(!1),[le,ie]=(0,l.useState)(!1),[ae,re]=(0,l.useState)(""),ne=[{label:t("Not defined"),value:"none"},{label:t("Do not repeat background (no-repeat)"),value:"no-repeat"},{label:t("Repeat background (repeat)"),value:"repeat"},{label:t("Repeat background horizontally (repeat-x)"),value:"repeat-x"},{label:t("Repeat background vertically (repeat-y)"),value:"repeat-y"}],de=(t("Not defined"),t("Contain"),t("Cover"),e.border),se=e.mobileBorder,me=Object.keys(de).find(e=>{var t,o,l;return(null===(t=de[e])||void 0===t?void 0:t.width)||(null===(o=de[e])||void 0===o?void 0:o.style)||(null===(l=de[e])||void 0===l?void 0:l.color)}),ce=Object.keys(se).find(e=>{var t,o,l;return(null===(t=se[e])||void 0===t?void 0:t.width)||(null===(o=se[e])||void 0===o?void 0:o.style)||(null===(l=se[e])||void 0===l?void 0:l.color)}),ue=e=>e&&(null!==e&&void 0!==e&&e.width||null!==e&&void 0!==e&&e.style||null!==e&&void 0!==e&&e.color)?e:"";(0,l.useEffect)(()=>{if(e){var t,o,l,a,n,d,m,c,g,p,h,f,E,S,_,B,k,R,y,w,T,N,I,L,F,M,W,X,G,$,j,K,Q,Z,te,le,ae,re,ne,de,se,ge;const be=e.boxShadow,pe=e.mobileBoxShadow;r(be),u(pe),i.setFieldsValue({...e,width:null===(t=e.width)||void 0===t?void 0:t.value,widthDim:null===(o=e.width)||void 0===o?void 0:o.dim,height:null===(l=e.height)||void 0===l?void 0:l.value,heightDim:null===(a=e.height)||void 0===a?void 0:a.dim,maxWidth:null===(n=e.maxWidth)||void 0===n?void 0:n.value,maxWidthDim:null===(d=e.maxWidth)||void 0===d?void 0:d.dim,minWidth:null===(m=e.minWidth)||void 0===m?void 0:m.value,minWidthDim:null===(c=e.minWidth)||void 0===c?void 0:c.dim,backgroundImage:e.backgroundImage[0].value,show:e.show?e.show:"all",borderAll:(0,V.ok)(e.border.all),borderTop:(0,V.ok)(e.border.top),borderBottom:(0,V.ok)(e.border.bottom),borderRight:(0,V.ok)(e.border.right),borderLeft:(0,V.ok)(e.border.left),mobileBorderAll:ue(e.mobileBorder.all)||!(ue(e.mobileBorder.top)||ue(e.mobileBorder.bottom)||ue(e.mobileBorder.right)||ue(e.mobileBorder.left))&&ue(e.border.all),mobileBorderTop:ue(e.mobileBorder.top)||!ue(e.mobileBorder.all)&&ue(e.border.top),mobileBorderBottom:ue(e.mobileBorder.bottom)||!ue(e.mobileBorder.all)&&ue(e.border.bottom),mobileBorderRight:ue(e.mobileBorder.right)||!ue(e.mobileBorder.all)&&ue(e.border.right),mobileBorderLeft:ue(e.mobileBorder.left)||!ue(e.mobileBorder.all)&&ue(e.border.left),paddingTop:(0,V.ok)(e.padding.all)||(0,V.ok)(e.padding.top),paddingLeft:(0,V.ok)(e.padding.all)||(0,V.ok)(e.padding.left),paddingRight:(0,V.ok)(e.padding.all)||(0,V.ok)(e.padding.right),paddingBottom:(0,V.ok)(e.padding.all)||(0,V.ok)(e.padding.bottom),paddingLeftRight:(0,V.ok)(null===(g=e.padding)||void 0===g?void 0:g.left)||(0,V.ok)(null===(p=e.padding)||void 0===p?void 0:p.right),paddingTopBottom:(0,V.ok)(null===(h=e.padding)||void 0===h?void 0:h.top)||(0,V.ok)(null===(f=e.padding)||void 0===f?void 0:f.bottom),borderRadiusAll:(0,V.ok)(e.borderRadius.all),borderRadiusTopLeft:(0,V.ok)(e.borderRadius.topLeft),borderRadiusBottomLeft:(0,V.ok)(e.borderRadius.bottomLeft),borderRadiusTopRight:(0,V.ok)(e.borderRadius.topRight),borderRadiusBottomRight:(0,V.ok)(e.borderRadius.bottomRight),boxShadowInset:(0,V.ok)(null===(E=e.boxShadow)||void 0===E?void 0:E.inset)||!1,boxShadowHOffset:(0,V.ok)(null===(S=e.boxShadow)||void 0===S?void 0:S.hOffset),boxShadowVOffset:(0,V.ok)(null===(_=e.boxShadow)||void 0===_?void 0:_.vOffset),boxShadowBlurRadius:(0,V.ok)(null===(B=e.boxShadow)||void 0===B?void 0:B.blurRadius),boxShadowSpreadRadius:(0,V.ok)(null===(k=e.boxShadow)||void 0===k?void 0:k.spreadRadius),boxShadowColor:(0,V.ok)(null===(R=e.boxShadow)||void 0===R?void 0:R.color),mobileWidth:(0,V.xc)(null===(y=e.mobileWidth)||void 0===y?void 0:y.value),mobileWidthDim:null===(w=e.mobileWidth)||void 0===w?void 0:w.dim,mobileHeight:(0,V.xc)(null===(T=e.mobileHeight)||void 0===T?void 0:T.value),mobileHeightDim:null===(N=e.mobileHeight)||void 0===N?void 0:N.dim,mobileBorderRadiusAll:(0,V.ok)(e.mobileBorderRadius.all),mobileBorderRadiusTopLeft:(0,V.ok)(null!==e.mobileBorderRadius.topLeft?e.mobileBorderRadius.topLeft:e.mobileBorderRadius.all),mobileBorderRadiusBottomLeft:(0,V.ok)(null!==e.mobileBorderRadius.bottomLeft?e.mobileBorderRadius.bottomLeft:e.mobileBorderRadius.all),mobileBorderRadiusTopRight:(0,V.ok)(null!==e.mobileBorderRadius.topRight?e.mobileBorderRadius.topRight:e.mobileBorderRadius.all),mobileBorderRadiusBottomRight:(0,V.ok)(null!==e.mobileBorderRadius.bottomRight?e.mobileBorderRadius.bottomRight:e.mobileBorderRadius.all),mobileBoxShadowInset:(0,V.ok)(null===(I=e.mobileBoxShadow)||void 0===I?void 0:I.inset)||!1,mobileBoxShadowHOffset:(0,V.ok)(null===(L=e.mobileBoxShadow)||void 0===L?void 0:L.hOffset),mobileBoxShadowVOffset:(0,V.ok)(null===(F=e.mobileBoxShadow)||void 0===F?void 0:F.vOffset),mobileBoxShadowBlurRadius:(0,V.ok)(null===(M=e.mobileBoxShadow)||void 0===M?void 0:M.blurRadius),mobileBoxShadowSpreadRadius:(0,V.ok)(null===(W=e.mobileBoxShadow)||void 0===W?void 0:W.spreadRadius),mobileBoxShadowColor:(0,V.ok)(null===(X=e.mobileBoxShadow)||void 0===X?void 0:X.color),mobileAlign:(0,V.ok)(null===(G=e.mobileAlign)||void 0===G?void 0:G.value),mobileVerticalAlign:(0,V.ok)(null===($=e.mobileVerticalAlign)||void 0===$?void 0:$.value),mobileDirection:(0,V.ok)(null===(j=e.mobileDirection)||void 0===j?void 0:j.value),mobileBackgroundColor:(0,V.ok)("none"!==(null===(K=e.mobileBackgroundColor)||void 0===K?void 0:K.value)?null===(Q=e.mobileBackgroundColor)||void 0===Q?void 0:Q.value:""),mobileBackgroundImage:"none"!==e.mobileBackgroundImage[0].value?e.mobileBackgroundImage[0].value:"",mobileBackgroundPositionX:(0,V.ok)(null===(Z=e.mobileBackgroundPositionX)||void 0===Z?void 0:Z.value),mobileBackgroundPositionY:(0,V.ok)(null===(te=e.mobileBackgroundPositionY)||void 0===te?void 0:te.value),mobileBackgroundRepeat:null!==(le=e.mobileBackgroundRepeat)&&void 0!==le&&le.value?null===(ae=e.mobileBackgroundRepeat)||void 0===ae?void 0:ae.value:"none",mobilePaddingTop:(0,V.ok)(e.mobilePadding.all)||(0,V.ok)(e.mobilePadding.top),mobilePaddingLeft:(0,V.ok)(e.mobilePadding.all)||(0,V.ok)(e.mobilePadding.left),mobilePaddingRight:(0,V.ok)(e.mobilePadding.all)||(0,V.ok)(e.mobilePadding.right),mobilePaddingBottom:(0,V.ok)(e.mobilePadding.all)||(0,V.ok)(e.mobilePadding.bottom),mobilePaddingTopBottom:(0,V.ok)(e.mobilePadding.top)||(0,V.ok)(e.mobilePadding.bottom),mobilePaddingLeftRight:(0,V.ok)(e.mobilePadding.left)||(0,V.ok)(e.mobilePadding.right),exportAsPicture:null===e||void 0===e?void 0:e.exportAsPicture}),!(0,V.ok)(e.borderRadius.all)&&((0,V.ok)(e.borderRadius.topLeft)||(0,V.ok)(e.borderRadius.bottomLeft)||(0,V.ok)(e.borderRadius.topRight)||(0,V.ok)(e.borderRadius.bottomRight))?s(!1):s(!0),!(0,V.ok)(e.mobileBorderRadius.all)&&((0,V.ok)(e.mobileBorderRadius.topLeft)||(0,V.ok)(e.mobileBorderRadius.bottomLeft)||(0,V.ok)(e.mobileBorderRadius.topRight)||(0,V.ok)(e.mobileBorderRadius.bottomRight))?b(!1):b(!0),v(""===e.backgroundImage[0].value),(0,V.ok)(e.padding.all)||!((0,V.ok)(e.padding.top)||(0,V.ok)(e.padding.right)||(0,V.ok)(e.padding.bottom)||(0,V.ok)(e.padding.left))||e.padding.top===e.padding.bottom&&e.padding.right===e.padding.left?x(!0):x(!1),(0,V.ok)(e.mobilePadding.all)||!((0,V.ok)(e.mobilePadding.top)||(0,V.ok)(e.mobilePadding.right)||(0,V.ok)(e.mobilePadding.bottom)||(0,V.ok)(e.mobilePadding.left))||e.mobilePadding.top===e.mobilePadding.bottom&&e.mobilePadding.right===e.mobilePadding.left?A(!0):A(!1),P(e=>!!me||e),C(e=>!(!me&&!ce)||e),O(!!e.borderRadius.all||!!e.borderRadius.topLeft||!!e.borderRadius.bottomLeft||!!e.borderRadius.topRight||!!e.borderRadius.bottomRight),D(!!e.mobileBorderRadius.all||!!e.mobileBorderRadius.topLeft||!!e.mobileBorderRadius.bottomLeft||!!e.mobileBorderRadius.topRight||!!e.mobileBorderRadius.bottomRight),H(!!e.boxShadow),z(!!e.mobileBoxShadow.blurRadius||!!e.mobileBoxShadow.color||!!e.mobileBoxShadow.hOffset||!!e.mobileBoxShadow.inset||!!e.mobileBoxShadow.spreadRadius||!!e.mobileBoxShadow.vOffset),U(!!e.width.value||!!e.height.value||!!e.minWidth.value||!!e.maxWidth.value),Y(!!e.mobileWidth.value||!!e.mobileHeight.value),q(!!e.backgroundColor||!!e.backgroundImage[0].value||!!e.backgroundPositionY||!!e.backgroundPositionX||"repeat"!==e.backgroundRepeat||!e.backgroundRepeat,!!e.backgroundSize),J(!!e.mobileBackgroundColor.value),ee(!!e.exportAsPicture),oe(!(null===(re=e.padding)||void 0===re||!re.all)||!(null===(ne=e.padding)||void 0===ne||!ne.top)||!(null===(de=e.padding)||void 0===de||!de.bottom)||!(null===(se=e.padding)||void 0===se||!se.left)||!(null===(ge=e.padding)||void 0===ge||!ge.right)),ie(!!e.mobilePadding.all||!!e.mobilePadding.top||!!e.mobilePadding.bottom||!!e.mobilePadding.left||!!e.mobilePadding.right)}},[i,e]);const ge=t=>{const l=i.getFieldsValue(!0),a=Object.keys(t)[0];let r;switch(re("%"===i.getFieldsValue(!0).widthDim?100:""),a){case"exportAsPicture":r={exportAsPicture:l.exportAsPicture};break;case"boxShadowInset":case"boxShadowHOffset":case"boxShadowVOffset":case"boxShadowBlurRadius":case"boxShadowSpreadRadius":case"boxShadowColor":r={boxShadow:{hOffset:l.boxShadowHOffset,vOffset:l.boxShadowVOffset,blurRadius:l.boxShadowBlurRadius,spreadRadius:l.boxShadowSpreadRadius,color:l.boxShadowColor,inset:l.boxShadowInset}};break;case"borderAll":case"borderTop":case"borderBottom":case"borderLeft":case"borderRight":var n,d,s;if("borderAll"===l.borderPosition)r={border:{...S.iV,all:{...j.RH,...l.borderAll}}},i.setFieldsValue({borderLeft:j.RH,borderRight:j.RH,borderTop:j.RH,borderBottom:j.RH});else null!==(n=l.borderAll)&&void 0!==n&&n.width||null!==(d=l.borderAll)&&void 0!==d&&d.style||null!==(s=l.borderAll)&&void 0!==s&&s.color?(r={border:{all:null,left:l.borderAll,right:l.borderAll,top:l.borderAll,bottom:l.borderAll,[j.Vz[a]]:{...l[a],...t[a]}}},i.setFieldsValue({borderAll:null,borderLeft:l.borderAll,borderRight:l.borderAll,borderTop:l.borderAll,borderBottom:l.borderAll,[a]:{...l[a],...t[a]}})):(r={border:{all:null,left:l.borderLeft,right:l.borderRight,top:l.borderTop,bottom:l.borderBottom,[j.Vz[a]]:{...l[a],...t[a]}}},i.setFieldsValue({border:r.border}));break;case"mobileBorderAll":case"mobileBorderTop":case"mobileBorderBottom":case"mobileBorderLeft":case"mobileBorderRight":if("mobileBorderAll"===l.mobileBorderPosition)r={mobileBorder:{...S.iV,all:{...j.RH,...l.mobileBorderAll,classNamePrefix:"em-mob-border_"+j.ax[a]+"-"}}},i.setFieldsValue({borderLeft:j.RH,borderRight:j.RH,borderTop:j.RH,borderBottom:j.RH});else{var m,c,u,g,b,p;const o=j.ax[a],n={...l[a],...t[a]},d=!(null!==n&&void 0!==n&&n.width)&&!(null!==n&&void 0!==n&&n.style)&&!(null!==n&&void 0!==n&&n.color);if(null!==(m=l.mobileBorder)&&void 0!==m&&null!==(c=m.all)&&void 0!==c&&c.width||null!==(u=l.mobileBorder)&&void 0!==u&&null!==(g=u.all)&&void 0!==g&&g.style||null!==(b=l.mobileBorder)&&void 0!==b&&null!==(p=b.all)&&void 0!==p&&p.color){const e=l.mobileBorderAll;r={mobileBorder:{all:null,left:e,right:e,top:e,bottom:e,[o]:d?null:{...n,classNamePrefix:"em-mob-border_"+o+"-"}}},i.setFieldsValue({mobileBorderAll:null,mobileBorderLeft:e,mobileBorderRight:e,mobileBorderTop:e,mobileBorderBottom:e,[a]:n})}else{const t=e.mobileBorder||{},l=e=>{const o=t[e];return o&&(null!==o&&void 0!==o&&o.width||null!==o&&void 0!==o&&o.style||null!==o&&void 0!==o&&o.color)?o:null};r={mobileBorder:{all:null,left:"left"===o?d?null:{...n,classNamePrefix:"em-mob-border_left-"}:l("left"),right:"right"===o?d?null:{...n,classNamePrefix:"em-mob-border_right-"}:l("right"),top:"top"===o?d?null:{...n,classNamePrefix:"em-mob-border_top-"}:l("top"),bottom:"bottom"===o?d?null:{...n,classNamePrefix:"em-mob-border_bottom-"}:l("bottom")}},i.setFieldsValue({[a]:n})}}break;case"width":r={[a]:{value:t[a],dim:l.widthDim}};break;case"height":r={[a]:{value:t[a],dim:l.heightDim}};break;case"widthDim":r={width:{value:l.width,dim:t[a]}};break;case"heightDim":r={height:{value:l.height,dim:t[a]}};break;case"maxWidth":r={[a]:{value:t[a],dim:l.maxWidthDim}};break;case"maxWidthDim":r={maxWidth:{value:l.maxWidth,dim:t[a]}};break;case"minWidth":r={[a]:{value:t[a],dim:l.minWidthDim}};break;case"minWidthDim":r={minWidth:{value:l.minWidth,dim:t[a]}};break;case"backgroundImage":v(""===t[a]),r={[a]:[{...e.backgroundImage[0],value:t[a]}],backgroundSize:"cover"};break;case"paddingTop":case"paddingLeft":case"paddingRight":case"paddingBottom":r={padding:{[j.yy[a]]:+t[a]}};break;case"paddingTopBottom":r={padding:{top:+t[a],bottom:+t[a]}},l.paddingTop=l.paddingBottom=+t[a];break;case"paddingLeftRight":r={padding:{left:+t[a],right:+t[a]}},l.paddingLeft=l.paddingRight=+t[a];break;case"borderRadiusAll":case"borderRadiusTopLeft":case"borderRadiusBottomLeft":case"borderRadiusTopRight":case"borderRadiusBottomRight":r={borderRadius:{[j.wF[a]]:+t[a]}};break;case"mobileWidth":r={[a]:{classNamePrefix:"em-mob-width-",value:t[a],dim:l.mobileWidthDim}};break;case"mobileWidthDim":r={mobileWidth:{classNamePrefix:"em-mob-width-",value:l.mobileWidth||100,dim:t[a]}};break;case"mobileHeight":r={[a]:{classNamePrefix:"em-mob-height-",value:t[a],dim:l.mobileHeightDim}};break;case"mobileHeightDim":r={mobileHeight:{classNamePrefix:"em-mob-height-",value:l.mobileHeight,dim:t[a]}};break;case"mobileBorderRadiusAll":case"mobileBorderRadiusTopLeft":case"mobileBorderRadiusBottomLeft":case"mobileBorderRadiusTopRight":case"mobileBorderRadiusBottomRight":r={mobileBorderRadius:{[j.NW[a]]:t[a],classNamePrefix:"em-mob-border_radius_"+j.NW[a]+"-"}};break;case"mobileBoxShadowInset":case"mobileBoxShadowHOffset":case"mobileBoxShadowVOffset":case"mobileBoxShadowBlurRadius":case"mobileBoxShadowSpreadRadius":case"mobileBoxShadowColor":r={mobileBoxShadow:{hOffset:l.mobileBoxShadowHOffset,vOffset:l.mobileBoxShadowVOffset,blurRadius:l.mobileBoxShadowBlurRadius,spreadRadius:l.mobileBoxShadowSpreadRadius,color:l.mobileBoxShadowColor,inset:l.mobileBoxShadowInset,classNamePrefix:"em-mob-box_shadow-"}};break;case"mobileAlign":r={[a]:{classNamePrefix:"em-mob-text_align-",value:t[a]}};break;case"mobileVerticalAlign":r={[a]:{classNamePrefix:"em-mob-vertical_align-",value:t[a]}};break;case"mobileBackgroundColor":r={[a]:{classNamePrefix:"em-mob-background_color-",value:t[a]}};break;case"mobileBackgroundImage":r={[a]:[{...e.mobileBackgroundImage[0],classNamePrefix:"em-mob-background_image-",value:t[a]}]};break;case"mobileBackgroundPositionX":r={[a]:{classNamePrefix:"em-mob-background_position_x-",value:t[a]}};break;case"mobileBackgroundPositionY":r={[a]:{classNamePrefix:"em-mob-background_position_x-",value:t[a]}};break;case"mobileBackgroundRepeat":r={[a]:{classNamePrefix:"em-mob-background_repeat-",value:t[a]}};break;case"mobilePaddingTop":case"mobilePaddingLeft":case"mobilePaddingRight":case"mobilePaddingBottom":r={mobilePadding:{all:null,top:""!==l.mobilePaddingTop?l.mobilePaddingTop:null,right:""!==l.mobilePaddingRight?l.mobilePaddingRight:null,bottom:""!==l.mobilePaddingBottom?l.mobilePaddingBottom:null,left:""!==l.mobilePaddingLeft?l.mobilePaddingLeft:null,classNamePrefix:"em-mob-padding_"}};break;case"mobilePaddingTopBottom":l.mobilePaddingTop=l.mobilePaddingBottom=t[a],r={mobilePadding:{all:null,top:""!==l.mobilePaddingTop?l.mobilePaddingTop:null,right:""!==l.mobilePaddingRight?l.mobilePaddingRight:null,bottom:""!==l.mobilePaddingBottom?l.mobilePaddingBottom:null,left:""!==l.mobilePaddingLeft?l.mobilePaddingLeft:null,classNamePrefix:"em-mob-padding_"}};break;case"mobilePaddingLeftRight":l.mobilePaddingLeft=l.mobilePaddingRight=t[a],r={mobilePadding:{all:null,top:""!==l.mobilePaddingTop?l.mobilePaddingTop:null,right:""!==l.mobilePaddingRight?l.mobilePaddingRight:null,bottom:""!==l.mobilePaddingBottom?l.mobilePaddingBottom:null,left:""!==l.mobilePaddingLeft?l.mobilePaddingLeft:null,classNamePrefix:"em-mob-padding_"}};break;case"mobileDirection":r={[a]:{classNamePrefix:"em-mob-direction-",value:t[a]}};break;case"backgroundPositionX":case"backgroundPositionY":r={[a]:isNaN(parseFloat(t[a].position))?t[a].position:t[a].position+t[a].unit};break;default:r=t}"borderPosition"!==a&&"mobileBorderPosition"!==a&&o({operation:S.Ru.SANDBOX_ELEMENT_SETTINGS_SET,type:e.type,settings:r})};return l.createElement(c.lV,{form:i,layout:"vertical",name:"selected_div_form",initialValues:{backgroundColor:"",backgroundImage:"",backgroundPositionX:"",backgroundPositionY:"",backgroundRepeat:"",backgroundSize:"",exportAsPicture:!1,width:"",height:"",widthDim:"",heightDim:"",maxWidth:{value:"",dim:""},minWidth:{value:"",dim:""},align:"",valign:"",border:"",boxShadow:"",show:"all",borderPosition:j.uE[me]||"borderAll",mobileBorderPosition:j.lS[ce]||"mobileBorderAll",borderColor:"",borderWidth:"",borderStyle:"",paddingTop:"",paddingLeft:"",paddingRight:"",paddingBottom:"",borderRadiusAll:"",borderRadiusTopLeft:"",borderRadiusBottomLeft:"",borderRadiusTopRight:"",borderRadiusBottomRight:"",direction:"",mobileWidth:"",mobileWidthDim:"",mobileHeight:"",mobileHeightDim:"",mobileBorder:"",mobileBorderColor:"",mobileBorderWidth:"",mobileBorderStyle:"",mobileBoxShadow:"",mobileAlign:"",mobileDirection:"",mobileVerticalAlign:"",mobileBackgroundColor:"",mobileBackgroundImage:"",mobilePaddingTop:"",mobilePaddingLeft:"",mobilePaddingRight:"",mobilePaddingBottom:""},onValuesChange:ge,autoComplete:"off",className:"element-controls"},!y&&l.createElement(c.m_,{title:t("To change the appearance of the element on the mobile device, edit the fields below. If the fields remain empty, the desktop styles will be applied to the mobile version."),placement:"bottom"},l.createElement(c.Fc,{className:"selected_form-mobile-props-title",message:t("Appearance on mobile devices"),type:"info"})),p===S.ND&&h.styles?l.createElement("div",{id:"selected_element_form_mobile_props",className:"selected_form-mobile-props"},l.createElement(Pe,{form:i,elementSettings:e,mobileBoxShadow:m,mobileBordersShow:I,mobileBorderRadiusShow:F,mobileBoxShadowShow:W,mobileSizeShow:$,mobileBackgroundShow:Q,mobilePaddingShow:le,mobilePaddingsExt:T,setMobilePaddingsExt:A,oneMobileBorderRadiusValue:g,setOneMobileBorderRadiusValue:b,backgroundRepeatOptions:ne,toggleShowMobileBorderHandler:()=>{const t=i.getFieldsValue(!0);setTimeout(()=>{C(e=>!e),I?(t.mobileBorderAll=j.RH,t.mobileBorderTop=j.RH,t.mobileBorderBottom=j.RH,t.mobileBorderRight=j.RH,t.mobileBorderLeft=j.RH):t.mobileBorderAll={width:1,color:"#E5E5E5",style:"solid"},o({operation:S.Ru.SANDBOX_ELEMENT_SETTINGS_SET,type:e.type,settings:{mobileBorder:{all:{color:t.mobileBorderAll.color,style:t.mobileBorderAll.style,width:t.mobileBorderAll.width}}}})})},toggleShowMobileBorderRadiusHandler:()=>{const t=i.getFieldsValue(!0);setTimeout(()=>{D(e=>!e),F?(t.mobileBorderRadiusAll=null,b(!0)):t.mobileBorderRadiusAll=5,o({operation:S.Ru.SANDBOX_ELEMENT_SETTINGS_SET,type:e.type,settings:{mobileBorderRadius:{all:t.mobileBorderRadiusAll,classNamePrefix:"em-mob-border_radius_all-"}}})})},toggleShowMobileBoxShadowHandler:()=>{const t=i.getFieldsValue(!0);setTimeout(()=>{z(e=>!e),W?(t.mobileBoxShadowInset=!1,t.mobileBoxShadowHOffset=null,t.mobileBoxShadowVOffset=null,t.mobileBoxShadowBlurRadius=null,t.mobileBoxShadowSpreadRadius=null,t.mobileBoxShadowColor=""):(t.mobileBoxShadowInset=!1,t.mobileBoxShadowHOffset=5,t.mobileBoxShadowVOffset=5,t.mobileBoxShadowBlurRadius=10,t.mobileBoxShadowSpreadRadius=-5,t.mobileBoxShadowColor="#000000"),o({operation:S.Ru.SANDBOX_ELEMENT_SETTINGS_SET,type:e.type,settings:{mobileBoxShadow:{blurRadius:t.mobileBoxShadowBlurRadius,color:t.mobileBoxShadowColor,hOffset:t.mobileBoxShadowHOffset,inset:t.mobileBoxShadowInset,spreadRadius:t.mobileBoxShadowSpreadRadius,vOffset:t.mobileBoxShadowVOffset,classNamePrefix:"em-mob-box_shadow-"}}})})},toggleShowMobileSizeHandler:()=>{setTimeout(()=>{Y(e=>!e)})},toggleShowMobileBackgroundHandler:()=>{const t=i.getFieldsValue(!0);setTimeout(()=>{J(e=>!e),t.mobileBackgroundColor=Q?"":"#E5E5E5",o({operation:S.Ru.SANDBOX_ELEMENT_SETTINGS_SET,type:e.type,settings:{mobileBackgroundColor:{classNamePrefix:"em-mob-background_color-",value:t.mobileBackgroundColor}}})})},toggleShowMobilePaddingHandler:()=>{const t=i.getFieldsValue(!0);setTimeout(()=>{ie(e=>!e),le&&(t.mobilePaddingLeftRight="",t.mobilePaddingLeft="",t.mobilePaddingRight="",t.mobilePaddingTopBottom="",t.mobilePaddingTop="",t.mobilePaddingBottom="",o({operation:S.Ru.SANDBOX_ELEMENT_SETTINGS_SET,type:e.type,settings:{mobilePadding:{all:null,top:null,right:null,bottom:null,left:null,classNamePrefix:"em-mob-padding_"}}}))})}}),"        "):l.createElement("div",{id:"selected_element_form_desktop_props"},l.createElement(Ne,{form:i,elementSettings:e,boxShadow:a,bordersShow:N,borderRadiusShow:L,boxShadowShow:M,backgroundShow:K,backgroundImageEmpty:f,backgroundRepeatOptions:ne,sizeShow:X,maxWidthValue:ae,modificationShow:Z,paddingShow:te,paddingsExt:w,oneBorderRadiusValue:d,setOneBorderRadiusValue:s,togglePaddingHandler:()=>{x(e=>!e);const t=i.getFieldsValue(!0);w||(t.paddingLeftRight=t.paddingLeft,t.paddingTopBottom=t.paddingTop,t.paddingRight=t.paddingLeft,t.paddingBottom=t.paddingTop,o({operation:S.Ru.SANDBOX_ELEMENT_SETTINGS_SET,type:e.type,settings:{padding:{top:t.paddingTopBottom,bottom:t.paddingTopBottom,left:t.paddingLeftRight,right:t.paddingLeftRight}}}))},toggleShowPaddingHandler:()=>{const t=i.getFieldsValue(!0);setTimeout(()=>{oe(e=>!e),te&&(t.paddingLeftRight="",t.paddingLeft="",t.paddingRight="",t.paddingTopBottom="",t.paddingTop="",t.paddingBottom="",o({operation:S.Ru.SANDBOX_ELEMENT_SETTINGS_SET,type:e.type,settings:{padding:{all:0}}}))})},toggleShowBorderHandler:()=>{const t=i.getFieldsValue(!0);setTimeout(()=>{P(e=>!e),N?(t.borderAll=j.RH,t.borderTop=j.RH,t.borderBottom=j.RH,t.borderRight=j.RH,t.borderLeft=j.RH):t.borderAll={width:1,color:"#E5E5E5",style:"solid"},o({operation:S.Ru.SANDBOX_ELEMENT_SETTINGS_SET,type:e.type,settings:{border:{all:{color:t.borderAll.color,style:t.borderAll.style,width:t.borderAll.width}}}})})},toggleShowBorderRadiusHandler:()=>{const t=i.getFieldsValue(!0);setTimeout(()=>{O(e=>!e),L?(t.borderRadiusAll=0,s(!0)):t.borderRadiusAll=5,o({operation:S.Ru.SANDBOX_ELEMENT_SETTINGS_SET,type:e.type,settings:{borderRadius:{all:t.borderRadiusAll}}})})},toggleShowBoxShadowHandler:()=>{const t=i.getFieldsValue(!0);setTimeout(()=>{H(e=>!e),M?(t.boxShadowInset=!1,t.boxShadowHOffset=null,t.boxShadowVOffset=null,t.boxShadowBlurRadius=null,t.boxShadowSpreadRadius=null,t.boxShadowColor=""):(t.boxShadowInset=!1,t.boxShadowHOffset=5,t.boxShadowVOffset=5,t.boxShadowBlurRadius=10,t.boxShadowSpreadRadius=-5,t.boxShadowColor="#000000"),o({operation:S.Ru.SANDBOX_ELEMENT_SETTINGS_SET,type:e.type,settings:{boxShadow:{blurRadius:t.boxShadowBlurRadius,color:t.boxShadowColor,hOffset:t.boxShadowHOffset,inset:t.boxShadowInset,spreadRadius:t.boxShadowSpreadRadius,vOffset:t.boxShadowVOffset}}})})},toggleShowSizeHandler:()=>{setTimeout(()=>{U(e=>!e)})},toggleShowBackgroundHandler:()=>{const t=i.getFieldsValue(!0);setTimeout(()=>{q(e=>!e),K?(t.backgroundColor="",t.backgroundImage="",t.backgroundPositionX="",t.backgroundPositionY="",t.backgroundRepeat="none",t.backgroundSize="",v(!0)):(t.backgroundColor="#E5E5E5",t.backgroundSize="",t.backgroundRepeat="none"),o({operation:S.Ru.SANDBOX_ELEMENT_SETTINGS_SET,type:e.type,settings:{backgroundColor:t.backgroundColor,backgroundImage:[{type:"url",value:t.backgroundImage}],backgroundPositionX:t.backgroundPositionX,backgroundPositionY:t.backgroundPositionY,backgroundRepeat:t.backgroundRepeat,backgroundSize:t.backgroundSize}})})},toggleShowModificationHandler:()=>{const t=i.getFieldsValue(!0);setTimeout(()=>{ee(e=>!e),Z&&(t.exportAsPicture=!1,o({operation:S.Ru.SANDBOX_ELEMENT_SETTINGS_SET,type:e.type,settings:{exportAsPicture:!1}}))})},handleChangeValues:ge})))},Ce=({form:e,elementSettings:t})=>{const{__:o}=(0,E.s9)(),i=(0,B.rD)();return l.createElement(l.Fragment,null,l.createElement(c.lV.Item,{style:{marginBottom:"0"}},l.createElement(c.fI,{gutter:10},l.createElement(c.fv,{span:12},l.createElement(c.m_,{trigger:["hover"],title:o("Float block width"),placement:"bottom"},l.createElement(c.lV.Item,{name:"width"},l.createElement(c.YI,{min:0,placeholder:o("Float block width"),prefix:l.createElement(N.Ay,{icon:"ColumnWidthOutlined"}),addonAfter:l.createElement(c.lV.Item,{name:"widthDim",noStyle:!0},V.z$)})))),l.createElement(c.fv,{span:12},l.createElement(c.m_,{trigger:["hover"],title:o("Column gap"),placement:"bottom"},l.createElement(c.lV.Item,{name:"gap"},l.createElement(c.YI,{min:0,placeholder:o("Column gap"),prefix:l.createElement(N.Ay,{icon:"SplitCellsOutlined"}),addonAfter:l.createElement(c.lV.Item,{name:"widthDim",noStyle:!0},V.TX)})))))),l.createElement(c.y9,{title:o("Vertical alignment"),dividerTop:!0},l.createElement(y,{form:e,elementSettings:t})),l.createElement(c.y9,{title:o("Display control"),dividerTop:!0},l.createElement(P,{elementSettings:t,form:e})),i.formFieldAmpVisibilityEnabled&&t.ampShow&&l.createElement(c.y9,{title:o("AMP visibility"),dividerTop:!0},l.createElement(O,null)))},Le=({form:e,elementSettings:t})=>{const{__:o}=(0,E.s9)(),i=(0,B.rD)();return l.createElement(l.Fragment,null,l.createElement(c.m_,{title:o("To change the appearance of the element on the mobile device, edit the fields below. If the fields remain empty, the desktop styles will be applied to the mobile version."),placement:"bottom"},l.createElement(c.Fc,{className:"selected_form-mobile-props-title",message:o("Appearance on mobile devices"),type:"info"})),l.createElement(c.fI,{gutter:10,style:{marginBottom:20}},l.createElement(c.fv,{span:12},l.createElement(D,{form:e,name:"mobileWidth",elementSettings:t})),l.createElement(c.fv,{span:12})),l.createElement(c.y9,{title:o("Alignments"),dividerTop:!0},l.createElement(y,{form:e,elementSettings:t,typeOfForm:"mobile"})),l.createElement(c.y9,{title:o("Display control"),dividerTop:!0},l.createElement(P,{elementSettings:t,form:e})),i.formFieldAmpVisibilityEnabled&&t.ampShow&&l.createElement(c.y9,{title:o("AMP visibility"),dividerTop:!0},l.createElement(O,null)))};let Oe=0;const Ve=({elementSettings:e})=>{const{__:t}=(0,E.s9)(),o=(0,_.XW)(),[i]=c.lV.useForm(),a=(0,n.d4)(G.Ct),r=(0,n.d4)(G.CS),d=(0,n.d4)(G.Fv),s=(0,n.d4)(G.yy),m=d&&"bottom"!==s;(0,l.useEffect)(()=>{var t,o,l,a,r,n,d,s,m,c,u,g,b;e&&(i.setFieldsValue({...e,width:null===(t=e.width)||void 0===t?void 0:t.value,widthDim:null===(o=e.width)||void 0===o?void 0:o.dim,gap:null===(l=e.gap)||void 0===l?void 0:l.value,gapDim:null===(a=e.gap)||void 0===a?void 0:a.dim,maxWidth:null===(r=e.maxWidth)||void 0===r?void 0:r.value,maxWidthDim:null===(n=e.maxWidth)||void 0===n?void 0:n.dim,minWidth:null===(d=e.minWidth)||void 0===d?void 0:d.value,minWidthDim:null===(s=e.minWidth)||void 0===s?void 0:s.dim,show:e.show?e.show:"all",mobileWidth:(0,V.xc)(null===(m=e.mobileWidth)||void 0===m?void 0:m.value),mobileWidthDim:null===(c=e.mobileWidth)||void 0===c?void 0:c.dim,mobileContentWidth:(0,V.xc)(null===(u=e.mobileContentWidth)||void 0===u?void 0:u.value),mobileContentWidthDim:null===(g=e.mobileContentWidth)||void 0===g?void 0:g.dim,mobileVerticalAlign:(0,V.ok)(null===(b=e.mobileVerticalAlign)||void 0===b?void 0:b.value)}),Oe=e.width.value+e.gap.value)},[i,e]);return l.createElement(c.lV,{form:i,layout:"vertical",name:"selected_float_block_form",initialValues:{width:{value:"",dim:""},gap:{value:"",dim:"px"},valign:"",show:"all",mobileWidth:"",mobileWidthDim:"",mobileContentWidth:"",mobileContentWidthDim:"",mobileVerticalAlign:""},onValuesChange:t=>{const l=i.getFieldsValue(!0),a=Object.keys(t)[0];let r;switch(a){case"width":Oe=t[a]+l.gap,r={[a]:{value:t[a],dim:l.widthDim},gap:{value:l.gap}};break;case"widthDim":r={width:{value:l.width,dim:t[a]},gap:{value:l.gap}};break;case"gap":l.width=Oe-t[a],r={[a]:{value:t[a],dim:"px"}};break;case"mobileWidth":r={[a]:{classNamePrefix:"em-mob-width-",value:t[a],dim:l.mobileWidthDim}};break;case"mobileWidthDim":r={mobileWidth:{classNamePrefix:"em-mob-width-",value:l.mobileWidth||100,dim:t[a]}};break;case"mobileContentWidth":r={[a]:{classNamePrefix:"em-mob-width-",value:t[a],dim:l.mobileContentWidthDim}};break;case"mobileContentWidthDim":r={mobileContentWidth:{classNamePrefix:"em-mob-width-",value:100,dim:t[a]}};break;case"mobileVerticalAlign":r={[a]:{classNamePrefix:"em-mob-vertical_align-",value:t[a]}};break;default:r=t}o({operation:S.Ru.SANDBOX_ELEMENT_SETTINGS_SET,type:e.type,settings:r})},autoComplete:"off",className:"element-controls"},m&&l.createElement(c.m_,{title:t("To change the appearance of the element on the mobile device, edit the fields below. If the fields remain empty, the desktop styles will be applied to the mobile version."),placement:"bottom"},l.createElement(c.Fc,{className:"selected_form-mobile-props-title",message:t("Appearance on mobile devices"),type:"info"})),a===S.ND&&r.styles?l.createElement("div",{id:"selected_element_form_mobile_props",className:"selected_form-mobile-props",style:{display:a===S.ND&&r.styles?"block":"none"}},l.createElement(Le,{form:i,elementSettings:e})):l.createElement("div",{id:"selected_element_form_desktop_props"},l.createElement(Ce,{form:i,elementSettings:e})))},Fe=({form:e,elementSettings:t,boxShadow:o,bordersShow:i,borderRadiusShow:a,boxShadowShow:n,backgroundShow:d,backgroundImageEmpty:s,backgroundRepeatOptions:m,paddingShow:u,paddingsExt:g,maxWidthValue:b,oneBorderRadiusValue:p,setOneBorderRadiusValue:h,linkProtocol:S,linkTarget:_,isOpenTextReplacer:k,textReplacerButtonRef:y,textReplacerInputRef:w,handleLinkProtocolsChange:x,handleSelect:T,textReplacerInputHandler:I,handleTextReplacerKeyDown:C,srcButtonHandler:L,togglePaddingHandler:F,toggleShowPaddingHandler:D,toggleShowBackgroundHandler:M,toggleShowBorderHandler:H,toggleShowBorderRadiusHandler:W,toggleShowBoxShadowHandler:z,setLinkProtocol:X,handleChangeValues:U})=>{const{__:G}=(0,E.s9)(),{token:$}=(0,c.rd)(),j=(0,B.rD)();return l.createElement(l.Fragment,null,l.createElement(c.Fc,{className:"selected_form-desktop-props-title",message:G("Appearance on mobile devices"),type:"info"}),l.createElement("div",{className:"selected_form-props-wrapper"},l.createElement(c.fI,{gutter:20,style:{marginBottom:4}},l.createElement(c.fv,{span:12},l.createElement(R,{form:e,elementSettings:t})),j.formButtonFieldTextAlignEnabled&&l.createElement(c.fv,{span:12,style:{textAlign:"right"}},l.createElement(le.A,{form:e,name:"textAlign",elementSettings:t}))),l.createElement(c.cG,{className:"selected-td-form__divider",style:{marginBottom:24}}),l.createElement(V.Ee,{show:"#"===S,__:G,style:{marginBottom:$.formItemMarginBottomXS}}),l.createElement(c.m_,{trigger:["hover"],title:G("Hyperlink URL"),placement:"bottom"},l.createElement(c.lV.Item,{name:"href",style:{marginBottom:j.formButtonFieldReplacerEnabled?$.formItemMarginBottomXS:$.formItemMarginBottomMD+4}},l.createElement(c.pd,{addonBefore:l.createElement(V.Ai,{linkProtocol:S,handleLinkProtocolsChange:x,__:G}),placeholder:G("Hyperlink URL"),allowClear:!0,onSelect:T,prefix:l.createElement(V.RM,{linkProtocol:S})}))),"mailto:"===S&&l.createElement(l.Fragment,null,l.createElement(c.lV.Item,{name:"subject",style:{marginBottom:$.formItemMarginBottomXS}},l.createElement(c.pd,{placeholder:G("Subject")})),l.createElement(c.lV.Item,{name:"body",style:{marginBottom:$.formItemMarginBottomXS}},l.createElement(c.fs,{rows:3,placeholder:G("Body")}))),j.formButtonFieldReplacerEnabled&&l.createElement(l.Fragment,null,l.createElement(c.fI,{gutter:10},l.createElement(c.fv,{span:3},l.createElement(c.m_,{title:G("Text replacer"),placement:"bottom",getPopupContainer:e=>e.closest(".email-pane__collapse-wrapper")},l.createElement(c.$n,{className:r()("selected-td-form__button ant-form-item",{"selected-td-form__button--active":k}),icon:l.createElement(N.Ay,{icon:"Replacer",className:"selected-td-form__icon-radius"}),onClick:L,ref:y}))),l.createElement(c.fv,{span:21},k&&l.createElement(c.m_,{trigger:["hover"],title:G("Text"),placement:"bottom"},l.createElement(c.lV.Item,{name:"textReplacer"},l.createElement(c.pd,{placeholder:G("The code that will replace this text"),allowClear:!0,prefix:l.createElement("span",{className:"addon-text-content"},"Text"),onChange:I,onKeyDown:C,ref:w,onSelect:T})))))),j.formButtonFieldPaddingsEnabled&&l.createElement(c.y9,{title:G("Padding"),collapsible:!0,open:u,onToggle:D,dividerTop:!0},l.createElement(c.L1,{extended:g,onToggleExtended:F,gutter:$.marginSM,labels:{horizontal:G("Horizontal padding"),vertical:G("Vertical padding"),left:G("Left padding"),right:G("Right padding"),top:G("Top padding"),bottom:G("Bottom padding"),individual:G("Individual padding")}})),l.createElement(c.y9,{title:G("Size"),dividerTop:!0},l.createElement(c.n6,{maxWidth:b,dimensionSelect:V.z$,gutter:$.marginSM,labels:{width:G("Width"),height:G("Height"),minWidth:G("Minimum width"),maxWidth:G("Maximum width")}})),l.createElement(re,{form:e,elementSettings:t,showAddParagraph:!1,isButton:!0,setLinkProtocol:X,linkProtocol:S,linkTarget:_}),l.createElement(c.y9,{title:G("Background"),collapsible:!0,open:d,onToggle:M,dividerTop:!0},l.createElement(Re,{form:e,backgroundImageEmpty:s,appConfig:j,token:$,elementSettings:t,backgroundRepeatOptions:m,handleChangeValues:U})),j.formFieldBorderEnabled&&l.createElement(c.y9,{title:G("Borders"),collapsible:!0,open:i,onToggle:H,dividerTop:!0},l.createElement(f.A,{form:e,elementSettings:t})),j.formFieldBorderRadiusEnabled&&l.createElement(c.y9,{title:G("Border radius"),collapsible:!0,open:a,onToggle:W,dividerTop:!0},l.createElement(v.A,{form:e,oneBorderRadiusValue:p,setOneBorderRadiusValue:h,elementSettings:t})),j.formFieldBoxShadowEnabled&&l.createElement(c.y9,{title:G("Box shadow"),collapsible:!0,open:n,onToggle:z,dividerTop:!0},l.createElement(A,null)),j.formFieldVisibilityEnabled&&l.createElement(c.y9,{title:G("Display control"),dividerTop:!0},l.createElement(P,{elementSettings:t,form:e})),j.formFieldAmpVisibilityEnabled&&t.ampShow&&l.createElement(c.y9,{title:G("AMP visibility"),dividerTop:!0},l.createElement(O,null))))},De=({form:e,elementSettings:t,boxShadow:o,mobileBordersShow:i,mobileBorderRadiusShow:a,mobileBoxShadowShow:r,mobileSizeShow:n,mobileBackgroundShow:d,mobilePaddingShow:s,mobilePaddingsExt:m,setMobilePaddingsExt:u,oneMobileBorderRadiusValue:g,setOneMobileBorderRadiusValue:b,linkProtocol:p,handleLinkProtocolsChange:h,setLinkProtocol:S,toggleShowMobileBorderHandler:_,toggleShowMobileBorderRadiusHandler:k,toggleShowMobileBoxShadowHandler:y,toggleShowMobileSizeHandler:w,toggleShowMobileBackgroundHandler:x,toggleShowMobilePaddingHandler:T})=>{const{__:N}=(0,E.s9)(),{token:P}=(0,c.rd)(),I=(0,B.rD)();return l.createElement(l.Fragment,null,l.createElement(c.fI,{gutter:20,style:{marginBottom:4}},l.createElement(c.fv,{span:12},l.createElement(R,{form:e,elementSettings:t,imgParent:!0,typeOfForm:"mobile"})),I.formButtonFieldTextAlignEnabled&&l.createElement(c.fv,{span:12,style:{textAlign:"right"}},l.createElement(de,{form:e,name:"mobileTextAlign",elementSettings:t,imgParent:!0}))),!!t.showOnMobile&&l.createElement(l.Fragment,null,l.createElement(c.cG,{className:"selected-td-form__divider",style:{marginBottom:24}}),l.createElement(V.Ee,{show:"#"===p,__:N,style:{marginBottom:P.formItemMarginBottomXS}}),l.createElement(c.m_,{trigger:["hover"],title:N("Hyperlink URL"),placement:"bottom"},l.createElement(c.lV.Item,{name:"href",style:{marginBottom:"mailto:"===p?P.formItemMarginBottomXS:P.formItemMarginBottomMD}},l.createElement(c.pd,{addonBefore:l.createElement(V.Ai,{linkProtocol:p,handleLinkProtocolsChange:h,__:N}),placeholder:N("Hyperlink URL"),allowClear:!0,prefix:l.createElement(V.RM,{linkProtocol:p})}))),"mailto:"===p&&l.createElement(l.Fragment,null,l.createElement(c.lV.Item,{name:"subject"},l.createElement(c.pd,{placeholder:N("Subject")})),l.createElement(c.lV.Item,{name:"body",style:{marginBottom:P.formItemMarginBottomMD}},l.createElement(c.fs,{rows:3,placeholder:N("Body")})))),!!t.showOnMobile&&l.createElement(re,{form:e,elementSettings:t,setLinkProtocol:S,linkProtocol:p,showAddParagraph:!1,isButton:!0}),l.createElement(c.fI,{gutter:10},l.createElement(c.fv,{span:12},l.createElement(te,null))),I.formButtonFieldPaddingsEnabled&&l.createElement(c.y9,{title:N("Padding"),collapsible:!0,open:s,onToggle:T,dividerTop:!0},l.createElement(xe,{form:e,elementSettings:t,mobilePaddingsExt:m,setMobilePaddingsExt:u})),l.createElement(c.y9,{title:N("Size"),collapsible:!0,open:n,onToggle:w,dividerTop:!0,bodyStyle:{paddingBottom:P.formItemMarginBottomMD}},l.createElement(c.fI,{gutter:10},l.createElement(c.fv,{span:12},l.createElement(c.m_,{title:N("Width"),placement:"bottom"},l.createElement(D,{form:e,name:"mobileWidth",elementSettings:t}))),l.createElement(c.fv,{span:12},l.createElement(c.m_,{title:N("Height"),placement:"bottom"},l.createElement(M,{form:e,name:"mobileHeight",elementSettings:t}))))),l.createElement(c.y9,{title:N("Background"),collapsible:!0,open:d,onToggle:x,dividerTop:!0,bodyStyle:{paddingBottom:P.formItemMarginBottomMD}},l.createElement(ue,{form:e,elementSettings:t,label:N("Background color")})),I.formFieldBorderEnabled&&l.createElement(c.y9,{title:N("Borders"),collapsible:!0,open:i,onToggle:_,dividerTop:!0},l.createElement(f.A,{form:e,typeOfForm:"mobile"})),I.formFieldBorderRadiusEnabled&&l.createElement(c.y9,{title:N("Border radius"),collapsible:!0,open:a,onToggle:k,dividerTop:!0},l.createElement(v.A,{form:e,oneBorderRadiusValue:g,setOneBorderRadiusValue:b,elementSettings:t,typeOfForm:"mobile"})),I.formFieldBoxShadowEnabled&&l.createElement(c.y9,{title:N("Box shadow"),collapsible:!0,open:r,onToggle:y,dividerTop:!0},l.createElement(A,{typeOfForm:"mobile"})),I.formFieldAmpVisibilityEnabled&&t.ampShow&&l.createElement(c.y9,{title:N("AMP visibility"),dividerTop:!0},l.createElement(O,null)),I.formFieldAmpVisibilityEnabled&&t.isAmp&&l.createElement(c.y9,{title:N("AMP visibility"),dividerTop:!0},l.createElement(O,null)))},Me=({elementSettings:e})=>{var t;const{__:o}=(0,E.s9)(),i=(0,_.XW)(),[a]=c.lV.useForm(),r=(0,n.wA)(),m=(0,n.d4)(d.Hs),[u,g]=(0,l.useState)({}),[b,p]=(0,l.useState)(!0),[h,f]=(0,l.useState)(!0),v=(0,n.d4)(G.Ct),B=(0,n.d4)(G.CS),[k,R]=(0,l.useState)(""===(null===(t=e.backgroundImage)||void 0===t?void 0:t[0].value)),y=(0,n.d4)(G.Fv),w=(0,n.d4)(G.yy),x=y&&"bottom"!==w,T=(0,l.useRef)(null),A=(0,l.useRef)(null),[N,P]=(0,l.useState)(!1),[I,C]=(0,l.useState)(!1),[L,O]=(0,l.useState)(!1),[F,D]=(0,l.useState)(!1),[M,H]=(0,l.useState)(!1),[W,z]=(0,l.useState)(!1),[X,U]=(0,l.useState)(!1),[$,Y]=(0,l.useState)(!1),[K,q]=(0,l.useState)(!1),[Q,J]=(0,l.useState)(!1),[Z,ee]=(0,l.useState)(!1),[te,oe]=(0,l.useState)(!1),[le,ie]=(0,l.useState)(!1),[ae,re]=(0,l.useState)(""),[de,se]=(0,l.useState)("https://"),[me,ce]=(0,l.useState)({}),[ue,ge]=(0,l.useState)(!1),be=m.hasOwnProperty("type")?S.IE:S.Tm,pe=[{label:o("Not defined"),value:"none"},{label:o("Do not repeat background (no-repeat)"),value:"no-repeat"},{label:o("Repeat background (repeat)"),value:"repeat"},{label:o("Repeat background horizontally (repeat-x)"),value:"repeat-x"},{label:o("Repeat background vertically (repeat-y)"),value:"repeat-y"}],he=e.border,fe=e.mobileBorder,ve=Object.keys(he).find(e=>{var t,o,l;return(null===(t=he[e])||void 0===t?void 0:t.width)||(null===(o=he[e])||void 0===o?void 0:o.style)||(null===(l=he[e])||void 0===l?void 0:l.color)}),Ee=Object.keys(fe).find(e=>{var t,o,l;return(null===(t=fe[e])||void 0===t?void 0:t.width)||(null===(o=fe[e])||void 0===o?void 0:o.style)||(null===(l=fe[e])||void 0===l?void 0:l.color)}),Se=e=>e&&(null!==e&&void 0!==e&&e.width||null!==e&&void 0!==e&&e.style||null!==e&&void 0!==e&&e.color)?e:"";(0,l.useEffect)(()=>{if(e){var t,o,l,i,r,n,d,s,m,c,u,b,h,v,E,S,_,B,k,y,w,x,T,A,N,I,L,F,M,W,X,G,$,j,K,Q,Z,te,le,ae,re,ne,de,me,ce,ue,ge,be,pe,he,fe,_e,Be,ke,Re,ye,we,xe,Te,Ae,Ne,Pe,Ie,Ce,Le,Oe,Ve,Fe,De,Me,He,We,ze,Xe,Ue,Ge,$e,je,Ye,Ke,qe,Qe,Je,Ze,et,tt,ot,lt,it,at,rt,nt,dt,st,mt,ct,ut,gt,bt,pt,ht,ft,vt,Et,St,_t,Bt,kt,Rt,yt,wt,xt,Tt,At,Nt,Pt,It,Ct,Lt,Ot,Vt,Ft,Dt,Mt,Ht,Wt,zt,Xt,Ut,Gt,$t,jt,Yt,Kt,qt,Qt,Jt,Zt,eo,to,oo,lo,io,ao,ro,no,so,mo,co,uo,go,bo,po,ho,fo,vo,Eo;const So=e.boxShadow||{},_o=e.mobilePadding||{},Bo=e.mobileAlign||{},ko=e.mobileBackgroundImage||[];g(So);let Ro="",yo="",wo=e.href||"https://";if(e.href){if(e.href.startsWith("mailto:")){const t=(0,V.kl)(e.href);Ro=t.subject,yo=t.body,wo=t.baseEmail}(0,V.b9)(e.href,se)}a.setFieldsValue({...e,href:wo,subject:Ro,body:yo,width:null===(t=e.width)||void 0===t?void 0:t.value,widthDim:null===(o=e.width)||void 0===o?void 0:o.dim,height:null===(l=e.height)||void 0===l?void 0:l.value,heightDim:null===(i=e.height)||void 0===i?void 0:i.dim,backgroundImage:null===(r=e.backgroundImage)||void 0===r?void 0:r[0].value,show:e.show?e.show:"all",textAlign:e.textAlign,borderAll:(0,V.ok)(e.border.all),borderTop:(0,V.ok)(e.border.top),borderBottom:(0,V.ok)(e.border.bottom),borderRight:(0,V.ok)(e.border.right),borderLeft:(0,V.ok)(e.border.left),mobileBorderAll:Se(e.mobileBorder.all)||!(Se(e.mobileBorder.top)||Se(e.mobileBorder.bottom)||Se(e.mobileBorder.right)||Se(e.mobileBorder.left))&&Se(e.border.all),mobileBorderTop:Se(e.mobileBorder.top)||!Se(e.mobileBorder.all)&&Se(e.border.top),mobileBorderBottom:Se(e.mobileBorder.bottom)||!Se(e.mobileBorder.all)&&Se(e.border.bottom),mobileBorderRight:Se(e.mobileBorder.right)||!Se(e.mobileBorder.all)&&Se(e.border.right),mobileBorderLeft:Se(e.mobileBorder.left)||!Se(e.mobileBorder.all)&&Se(e.border.left),paddingTop:(0,V.ok)(null===(n=e.padding)||void 0===n?void 0:n.all)||(0,V.ok)(null===(d=e.padding)||void 0===d?void 0:d.top),paddingLeft:(0,V.ok)(null===(s=e.padding)||void 0===s?void 0:s.all)||(0,V.ok)(null===(m=e.padding)||void 0===m?void 0:m.left),paddingRight:(0,V.ok)(null===(c=e.padding)||void 0===c?void 0:c.all)||(0,V.ok)(null===(u=e.padding)||void 0===u?void 0:u.right),paddingBottom:(0,V.ok)(null===(b=e.padding)||void 0===b?void 0:b.all)||(0,V.ok)(null===(h=e.padding)||void 0===h?void 0:h.bottom),paddingLeftRight:(0,V.ok)(null===(v=e.padding)||void 0===v?void 0:v.left)||(0,V.ok)(null===(E=e.padding)||void 0===E?void 0:E.right),paddingTopBottom:(0,V.ok)(null===(S=e.padding)||void 0===S?void 0:S.top)||(0,V.ok)(null===(_=e.padding)||void 0===_?void 0:_.bottom),borderRadiusAll:(0,V.ok)(null===(B=e.borderRadius)||void 0===B?void 0:B.all),borderRadiusTopLeft:(0,V.ok)(null===(k=e.borderRadius)||void 0===k?void 0:k.topLeft),borderRadiusBottomLeft:(0,V.ok)(null===(y=e.borderRadius)||void 0===y?void 0:y.bottomLeft),borderRadiusTopRight:(0,V.ok)(null===(w=e.borderRadius)||void 0===w?void 0:w.topRight),borderRadiusBottomRight:(0,V.ok)(null===(x=e.borderRadius)||void 0===x?void 0:x.bottomRight),boxShadowInset:(0,V.ok)(null===(T=e.boxShadow)||void 0===T?void 0:T.inset)||!1,boxShadowHOffset:(0,V.ok)(null===(A=e.boxShadow)||void 0===A?void 0:A.hOffset),boxShadowVOffset:(0,V.ok)(null===(N=e.boxShadow)||void 0===N?void 0:N.vOffset),boxShadowBlurRadius:(0,V.ok)(null===(I=e.boxShadow)||void 0===I?void 0:I.blurRadius),boxShadowSpreadRadius:(0,V.ok)(null===(L=e.boxShadow)||void 0===L?void 0:L.spreadRadius),boxShadowColor:(0,V.ok)(null===(F=e.boxShadow)||void 0===F?void 0:F.color),mobileWidth:(0,V.xc)(null===(M=e.mobileWidth)||void 0===M?void 0:M.value)||(null===(W=e.width)||void 0===W?void 0:W.value),mobileWidthDim:(0,V.xc)(null===(X=e.mobileWidth)||void 0===X?void 0:X.value)?null===(G=e.mobileWidth)||void 0===G?void 0:G.dim:null===($=e.width)||void 0===$?void 0:$.dim,mobileHeight:(0,V.xc)(null===(j=e.mobileHeight)||void 0===j?void 0:j.value)||(null===(K=e.height)||void 0===K?void 0:K.value),mobileHeightDim:(0,V.xc)(null===(Q=e.mobileHeight)||void 0===Q?void 0:Q.value)?null===(Z=e.mobileHeight)||void 0===Z?void 0:Z.dim:null===(te=e.height)||void 0===te?void 0:te.dim,mobileBorderRadiusAll:(0,V.ok)(null===(le=e.mobileBorderRadius)||void 0===le?void 0:le.all)||(0,V.ok)(null===(ae=e.borderRadius)||void 0===ae?void 0:ae.all),mobileBorderRadiusTopLeft:(0,V.ok)(null===(re=e.mobileBorderRadius)||void 0===re?void 0:re.topLeft)||(0,V.ok)(null===(ne=e.mobileBorderRadius)||void 0===ne?void 0:ne.all)||(0,V.ok)(null===(de=e.borderRadius)||void 0===de?void 0:de.topLeft)||(0,V.ok)(null===(me=e.borderRadius)||void 0===me?void 0:me.all),mobileBorderRadiusBottomLeft:(0,V.ok)(null===(ce=e.mobileBorderRadius)||void 0===ce?void 0:ce.bottomLeft)||(0,V.ok)(null===(ue=e.mobileBorderRadius)||void 0===ue?void 0:ue.all)||(0,V.ok)(null===(ge=e.borderRadius)||void 0===ge?void 0:ge.bottomLeft)||(0,V.ok)(null===(be=e.borderRadius)||void 0===be?void 0:be.all),mobileBorderRadiusTopRight:(0,V.ok)(null===(pe=e.mobileBorderRadius)||void 0===pe?void 0:pe.topRight)||(0,V.ok)(null===(he=e.mobileBorderRadius)||void 0===he?void 0:he.all)||(0,V.ok)(null===(fe=e.borderRadius)||void 0===fe?void 0:fe.topRight)||(0,V.ok)(null===(_e=e.borderRadius)||void 0===_e?void 0:_e.all),mobileBorderRadiusBottomRight:(0,V.ok)(null===(Be=e.mobileBorderRadius)||void 0===Be?void 0:Be.bottomRight)||(0,V.ok)(null===(ke=e.mobileBorderRadius)||void 0===ke?void 0:ke.all)||(0,V.ok)(null===(Re=e.borderRadius)||void 0===Re?void 0:Re.bottomRight)||(0,V.ok)(null===(ye=e.borderRadius)||void 0===ye?void 0:ye.all),mobileBoxShadowInset:null!=(null===(we=e.mobileBoxShadow)||void 0===we?void 0:we.inset)?e.mobileBoxShadow.inset:(null===(xe=e.boxShadow)||void 0===xe?void 0:xe.inset)||!1,mobileBoxShadowHOffset:(0,V.ok)(null===(Te=e.mobileBoxShadow)||void 0===Te?void 0:Te.hOffset)||(0,V.ok)(null===(Ae=e.boxShadow)||void 0===Ae?void 0:Ae.hOffset),mobileBoxShadowVOffset:(0,V.ok)(null===(Ne=e.mobileBoxShadow)||void 0===Ne?void 0:Ne.vOffset)||(0,V.ok)(null===(Pe=e.boxShadow)||void 0===Pe?void 0:Pe.vOffset),mobileBoxShadowBlurRadius:(0,V.ok)(null===(Ie=e.mobileBoxShadow)||void 0===Ie?void 0:Ie.blurRadius)||(0,V.ok)(null===(Ce=e.boxShadow)||void 0===Ce?void 0:Ce.blurRadius),mobileBoxShadowSpreadRadius:(0,V.ok)(null===(Le=e.mobileBoxShadow)||void 0===Le?void 0:Le.spreadRadius)||(0,V.ok)(null===(Oe=e.boxShadow)||void 0===Oe?void 0:Oe.spreadRadius),mobileBoxShadowColor:(0,V.ok)(null===(Ve=e.mobileBoxShadow)||void 0===Ve?void 0:Ve.color)||(0,V.ok)(null===(Fe=e.boxShadow)||void 0===Fe?void 0:Fe.color),mobileAlign:(0,V.ok)(null===Bo||void 0===Bo?void 0:Bo.value)||e.align,mobileVerticalAlign:(0,V.ok)((null===(De=e.mobileVerticalAlign)||void 0===De?void 0:De.value)||e.valign),mobileBackgroundColor:(0,V.ok)((null===(Me=e.mobileBackgroundColor)||void 0===Me?void 0:Me.value)||e.backgroundColor||""),mobileBackgroundImage:"none"!==(null===(He=ko[0])||void 0===He?void 0:He.value)?null===(We=ko[0])||void 0===We?void 0:We.value:(null===(ze=e.backgroundImage)||void 0===ze?void 0:ze[0].value)||"",mobileBackgroundPositionX:(0,V.ok)(null===(Xe=e.mobileBackgroundPositionX)||void 0===Xe?void 0:Xe.value)||(0,V.ok)(null===(Ue=e.backgroundPositionX)||void 0===Ue?void 0:Ue.value),mobileBackgroundPositionY:(0,V.ok)(null===(Ge=e.mobileBackgroundPositionY)||void 0===Ge?void 0:Ge.value)||(0,V.ok)(null===($e=e.backgroundPositionY)||void 0===$e?void 0:$e.value),mobileBackgroundRepeat:(null===(je=e.mobileBackgroundRepeat)||void 0===je?void 0:je.value)||e.backgroundRepeat||"none",mobilePaddingTop:(0,V.ok)(_o.all)||(0,V.ok)(_o.top)||(0,V.ok)(null===(Ye=e.padding)||void 0===Ye?void 0:Ye.all)||(0,V.ok)(null===(Ke=e.padding)||void 0===Ke?void 0:Ke.top),mobilePaddingLeft:(0,V.ok)(_o.all)||(0,V.ok)(_o.left)||(0,V.ok)(null===(qe=e.padding)||void 0===qe?void 0:qe.all)||(0,V.ok)(null===(Qe=e.padding)||void 0===Qe?void 0:Qe.left),mobilePaddingRight:(0,V.ok)(_o.all)||(0,V.ok)(_o.right)||(0,V.ok)(null===(Je=e.padding)||void 0===Je?void 0:Je.all)||(0,V.ok)(null===(Ze=e.padding)||void 0===Ze?void 0:Ze.right),mobilePaddingBottom:(0,V.ok)(_o.all)||(0,V.ok)(_o.bottom)||(0,V.ok)(null===(et=e.padding)||void 0===et?void 0:et.all)||(0,V.ok)(null===(tt=e.padding)||void 0===tt?void 0:tt.bottom),mobilePaddingTopBottom:(0,V.ok)(_o.top)||(0,V.ok)(_o.bottom)||(0,V.ok)(null===(ot=e.padding)||void 0===ot?void 0:ot.top)||(0,V.ok)(null===(lt=e.padding)||void 0===lt?void 0:lt.bottom),mobilePaddingLeftRight:(0,V.ok)(_o.left)||(0,V.ok)(_o.right)||(0,V.ok)(null===(it=e.padding)||void 0===it?void 0:it.left)||(0,V.ok)(null===(at=e.padding)||void 0===at?void 0:at.right),mobileTextAlign:(0,V.ok)((null===(rt=e.mobileTextAlign)||void 0===rt?void 0:rt.value)||e.textAlign),exportAsPicture:null===e||void 0===e?void 0:e.exportAsPicture,mobileFontSize:(0,V.ok)((null===(nt=e.mobileFontSize)||void 0===nt?void 0:nt.value)||e.fontSize)}),!(0,V.ok)(null===(dt=e.borderRadius)||void 0===dt?void 0:dt.all)&&((0,V.ok)(null===(st=e.borderRadius)||void 0===st?void 0:st.topLeft)||(0,V.ok)(null===(mt=e.borderRadius)||void 0===mt?void 0:mt.bottomLeft)||(0,V.ok)(null===(ct=e.borderRadius)||void 0===ct?void 0:ct.topRight)||(0,V.ok)(null===(ut=e.borderRadius)||void 0===ut?void 0:ut.bottomRight))?p(!1):p(!0),!(0,V.ok)(e.mobileBorderRadius.all)&&((0,V.ok)(e.mobileBorderRadius.topLeft)||(0,V.ok)(e.mobileBorderRadius.bottomLeft)||(0,V.ok)(e.mobileBorderRadius.topRight)||(0,V.ok)(e.mobileBorderRadius.bottomRight))||(0,V.ok)(e.mobileBorderRadius.all)&&((0,V.ok)(e.mobileBorderRadius.topLeft)||(0,V.ok)(e.mobileBorderRadius.bottomLeft)||(0,V.ok)(e.mobileBorderRadius.topRight)||(0,V.ok)(e.mobileBorderRadius.bottomRight))||!(0,V.ok)(e.borderRadius.all)&&!(0,V.ok)(e.mobileBorderRadius.all)&&((0,V.ok)(e.borderRadius.topLeft)||(0,V.ok)(e.borderRadius.bottomLeft)||(0,V.ok)(e.borderRadius.topRight)||(0,V.ok)(e.borderRadius.bottomRight))?f(!1):f(!0),R(""===(null===(gt=e.backgroundImage)||void 0===gt?void 0:gt[0].value)),(0,V.ok)(null===(bt=e.padding)||void 0===bt?void 0:bt.all)||!((0,V.ok)(null===(pt=e.padding)||void 0===pt?void 0:pt.top)||(0,V.ok)(null===(ht=e.padding)||void 0===ht?void 0:ht.right)||(0,V.ok)(null===(ft=e.padding)||void 0===ft?void 0:ft.bottom)||(0,V.ok)(null===(vt=e.padding)||void 0===vt?void 0:vt.left))||(null===(Et=e.padding)||void 0===Et?void 0:Et.top)===(null===(St=e.padding)||void 0===St?void 0:St.bottom)&&(null===(_t=e.padding)||void 0===_t?void 0:_t.right)===(null===(Bt=e.padding)||void 0===Bt?void 0:Bt.left)?P(!0):P(!1),!(0,V.ok)(_o.all)&&((0,V.ok)(_o.top)||(0,V.ok)(_o.right)||(0,V.ok)(_o.bottom)||(0,V.ok)(_o.left))&&(_o.top!==_o.bottom||_o.right!==_o.left)||!(0,V.ok)(null===(kt=e.padding)||void 0===kt?void 0:kt.all)&&((0,V.ok)(null===(Rt=e.padding)||void 0===Rt?void 0:Rt.top)||(0,V.ok)(null===(yt=e.padding)||void 0===yt?void 0:yt.right)||(0,V.ok)(null===(wt=e.padding)||void 0===wt?void 0:wt.bottom)||(0,V.ok)(null===(xt=e.padding)||void 0===xt?void 0:xt.left))&&((null===(Tt=e.padding)||void 0===Tt?void 0:Tt.top)!==(null===(At=e.padding)||void 0===At?void 0:At.bottom)||(null===(Nt=e.padding)||void 0===Nt?void 0:Nt.right)!==(null===(Pt=e.padding)||void 0===Pt?void 0:Pt.left))?C(!1):C(!0),O(e=>!!ve||e),D(e=>!(!ve&&!Ee)||e),H(!(null===(It=e.borderRadius)||void 0===It||!It.all)||!(null===(Ct=e.borderRadius)||void 0===Ct||!Ct.topLeft)||!(null===(Lt=e.borderRadius)||void 0===Lt||!Lt.bottomLeft)||!(null===(Ot=e.borderRadius)||void 0===Ot||!Ot.topRight)||!(null===(Vt=e.borderRadius)||void 0===Vt||!Vt.bottomRight)),z(!(null===(Ft=e.mobileBorderRadius)||void 0===Ft||!Ft.all)||!(null===(Dt=e.mobileBorderRadius)||void 0===Dt||!Dt.topLeft)||!(null===(Mt=e.mobileBorderRadius)||void 0===Mt||!Mt.bottomLeft)||!(null===(Ht=e.mobileBorderRadius)||void 0===Ht||!Ht.topRight)||!(null===(Wt=e.mobileBorderRadius)||void 0===Wt||!Wt.bottomRight)||!(null===(zt=e.borderRadius)||void 0===zt||!zt.all)||!(null===(Xt=e.borderRadius)||void 0===Xt||!Xt.topLeft)||!(null===(Ut=e.borderRadius)||void 0===Ut||!Ut.bottomLeft)||!(null===(Gt=e.borderRadius)||void 0===Gt||!Gt.topRight)||!(null===($t=e.borderRadius)||void 0===$t||!$t.bottomRight)),U(!!e.boxShadow),Y(!(null===(jt=e.mobileBoxShadow)||void 0===jt||!jt.blurRadius)||!(null===(Yt=e.mobileBoxShadow)||void 0===Yt||!Yt.color)||!(null===(Kt=e.mobileBoxShadow)||void 0===Kt||!Kt.hOffset)||!(null===(qt=e.mobileBoxShadow)||void 0===qt||!qt.inset)||!(null===(Qt=e.mobileBoxShadow)||void 0===Qt||!Qt.spreadRadius)||!(null===(Jt=e.mobileBoxShadow)||void 0===Jt||!Jt.vOffset)||!!e.boxShadow),q(!(null===(Zt=e.mobileWidth)||void 0===Zt||!Zt.value)||!(null===(eo=e.mobileHeight)||void 0===eo||!eo.value)||!!e.width.value||!!e.height.value),J(!!e.backgroundColor||!(null===(to=e.backgroundImage)||void 0===to||!to[0].value)||!!e.backgroundPositionY||!!e.backgroundPositionX||"repeat"!==e.backgroundRepeat||!e.backgroundRepeat,!!e.backgroundSize),ee(!(null===(oo=e.mobileBackgroundColor)||void 0===oo||!oo.value)||!!e.backgroundColor||!(null===(lo=e.backgroundImage)||void 0===lo||!lo[0].value)||!!e.backgroundPositionY||!!e.backgroundPositionX||"repeat"!==e.backgroundRepeat||!e.backgroundRepeat,!!e.backgroundSize),oe(!(null===(io=e.padding)||void 0===io||!io.all)||!(null===(ao=e.padding)||void 0===ao||!ao.top)||!(null===(ro=e.padding)||void 0===ro||!ro.bottom)||!(null===(no=e.padding)||void 0===no||!no.left)||!(null===(so=e.padding)||void 0===so||!so.right)),ie(!(null===(mo=e.mobilePadding)||void 0===mo||!mo.all)||!(null===(co=e.mobilePadding)||void 0===co||!co.top)||!(null===(uo=e.mobilePadding)||void 0===uo||!uo.bottom)||!(null===(go=e.mobilePadding)||void 0===go||!go.left)||!(null===(bo=e.mobilePadding)||void 0===bo||!bo.right)||!(null===(po=e.padding)||void 0===po||!po.all)||!(null===(ho=e.padding)||void 0===ho||!ho.top)||!(null===(fo=e.padding)||void 0===fo||!fo.bottom)||!(null===(vo=e.padding)||void 0===vo||!vo.left)||!(null===(Eo=e.padding)||void 0===Eo||!Eo.right))}},[a,e,x]);const _e=(0,l.useCallback)(e=>{r(be===S.Tm?(0,d.A9)(e):(0,s.A9)(e))},[r,be]),Be=t=>{const o=a.getFieldsValue(!0),l=Object.keys(t)[0];let r;switch(re("%"===a.getFieldsValue(!0).widthDim?100:""),l){case"exportAsPicture":r={exportAsPicture:o.exportAsPicture};break;case"boxShadowInset":case"boxShadowHOffset":case"boxShadowVOffset":case"boxShadowBlurRadius":case"boxShadowSpreadRadius":case"boxShadowColor":r={boxShadow:{hOffset:o.boxShadowHOffset,vOffset:o.boxShadowVOffset,blurRadius:o.boxShadowBlurRadius,spreadRadius:o.boxShadowSpreadRadius,color:o.boxShadowColor,inset:o.boxShadowInset}};break;case"borderAll":case"borderTop":case"borderBottom":case"borderLeft":case"borderRight":var n,d,s;if("borderAll"===o.borderPosition)r={border:{...S.iV,all:{...j.RH,...o.borderAll}}},a.setFieldsValue({borderLeft:j.RH,borderRight:j.RH,borderTop:j.RH,borderBottom:j.RH});else null!==(n=o.borderAll)&&void 0!==n&&n.width||null!==(d=o.borderAll)&&void 0!==d&&d.style||null!==(s=o.borderAll)&&void 0!==s&&s.color?(r={border:{all:null,left:o.borderAll,right:o.borderAll,top:o.borderAll,bottom:o.borderAll,[j.Vz[l]]:{...o[l],...t[l]}}},a.setFieldsValue({borderAll:null,borderLeft:o.borderAll,borderRight:o.borderAll,borderTop:o.borderAll,borderBottom:o.borderAll,[l]:{...o[l],...t[l]}})):(r={border:{all:null,left:o.borderLeft,right:o.borderRight,top:o.borderTop,bottom:o.borderBottom,[j.Vz[l]]:{...o[l],...t[l]}}},a.setFieldsValue({border:r.border}));break;case"mobileBorderAll":case"mobileBorderTop":case"mobileBorderBottom":case"mobileBorderLeft":case"mobileBorderRight":if("mobileBorderAll"===o.mobileBorderPosition)r={mobileBorder:{...S.iV,all:{...j.RH,...o.mobileBorderAll,classNamePrefix:"em-mob-border_"+j.ax[l]+"-"}}},a.setFieldsValue({borderLeft:j.RH,borderRight:j.RH,borderTop:j.RH,borderBottom:j.RH});else{var m,c,u,g,b,p;const i=j.ax[l],n={...o[l],...t[l]},d=!(null!==n&&void 0!==n&&n.width)&&!(null!==n&&void 0!==n&&n.style)&&!(null!==n&&void 0!==n&&n.color);if(null!==(m=o.mobileBorder)&&void 0!==m&&null!==(c=m.all)&&void 0!==c&&c.width||null!==(u=o.mobileBorder)&&void 0!==u&&null!==(g=u.all)&&void 0!==g&&g.style||null!==(b=o.mobileBorder)&&void 0!==b&&null!==(p=b.all)&&void 0!==p&&p.color){const e=o.mobileBorderAll;r={mobileBorder:{all:null,left:e,right:e,top:e,bottom:e,[i]:d?null:{...n,classNamePrefix:"em-mob-border_"+i+"-"}}},a.setFieldsValue({mobileBorderAll:null,mobileBorderLeft:e,mobileBorderRight:e,mobileBorderTop:e,mobileBorderBottom:e,[l]:n})}else{const t=e.mobileBorder||{},o=e=>{const o=t[e];return o&&(null!==o&&void 0!==o&&o.width||null!==o&&void 0!==o&&o.style||null!==o&&void 0!==o&&o.color)?o:null};r={mobileBorder:{all:null,left:"left"===i?d?null:{...n,classNamePrefix:"em-mob-border_left-"}:o("left"),right:"right"===i?d?null:{...n,classNamePrefix:"em-mob-border_right-"}:o("right"),top:"top"===i?d?null:{...n,classNamePrefix:"em-mob-border_top-"}:o("top"),bottom:"bottom"===i?d?null:{...n,classNamePrefix:"em-mob-border_bottom-"}:o("bottom")}},a.setFieldsValue({[l]:n})}}break;case"width":r={[l]:{value:t[l],dim:o.widthDim}};break;case"height":r={[l]:{value:t[l],dim:o.heightDim}};break;case"widthDim":r={width:{value:o.width,dim:t[l]}};break;case"heightDim":r={height:{value:o.height,dim:t[l]}};break;case"backgroundImage":R(""===t[l]),r={[l]:[{...e.backgroundImage[0],value:t[l]}],backgroundSize:"cover"};break;case"paddingTop":case"paddingLeft":case"paddingRight":case"paddingBottom":r={padding:{left:o.paddingLeft,right:o.paddingRight,top:o.paddingTop,bottom:o.paddingBottom,[j.yy[l]]:+t[l]}};break;case"paddingTopBottom":r={padding:{left:o.paddingLeft,right:o.paddingRight,top:+t[l],bottom:+t[l]}},o.paddingTop=o.paddingBottom=+t[l];break;case"paddingLeftRight":r={padding:{top:o.paddingTop,bottom:o.paddingBottom,left:+t[l],right:+t[l]}},o.paddingLeft=o.paddingRight=+t[l];break;case"borderRadiusAll":r={borderRadius:{[j.wF[l]]:+t[l]}};break;case"borderRadiusTopLeft":case"borderRadiusBottomLeft":case"borderRadiusTopRight":case"borderRadiusBottomRight":r={borderRadius:{topLeft:o.borderRadiusTopLeft,bottomLeft:o.borderRadiusBottomLeft,topRight:o.borderRadiusTopRight,bottomRight:o.borderRadiusBottomRight,[j.wF[l]]:+t[l]}};break;case"mobileWidth":r={[l]:{classNamePrefix:"em-mob-width-",value:t[l],dim:o.mobileWidthDim}};break;case"mobileWidthDim":r={mobileWidth:{classNamePrefix:"em-mob-width-",value:o.mobileWidth||100,dim:t[l]}};break;case"mobileHeight":r={[l]:{classNamePrefix:"em-mob-height-",value:t[l],dim:o.mobileHeightDim},mobileLineHeight:{classNamePrefix:"em-mob-line_height-",value:t[l],dim:o.mobileHeightDim}};break;case"mobileHeightDim":r={mobileHeight:{classNamePrefix:"em-mob-height-",value:o.mobileHeight,dim:t[l]}};break;case"mobileBorderRadiusAll":case"mobileBorderRadiusTopLeft":case"mobileBorderRadiusBottomLeft":case"mobileBorderRadiusTopRight":case"mobileBorderRadiusBottomRight":r={mobileBorderRadius:{[j.NW[l]]:t[l],classNamePrefix:"em-mob-border_radius_"+j.NW[l]+"-"}};break;case"mobileBoxShadowInset":case"mobileBoxShadowHOffset":case"mobileBoxShadowVOffset":case"mobileBoxShadowBlurRadius":case"mobileBoxShadowSpreadRadius":case"mobileBoxShadowColor":r={mobileBoxShadow:{hOffset:o.mobileBoxShadowHOffset,vOffset:o.mobileBoxShadowVOffset,blurRadius:o.mobileBoxShadowBlurRadius,spreadRadius:o.mobileBoxShadowSpreadRadius,color:o.mobileBoxShadowColor,inset:o.mobileBoxShadowInset,classNamePrefix:"em-mob-box_shadow-"}};break;case"mobileAlign":r={[l]:{classNamePrefix:"em-mob-table_align-",value:t[l]}};break;case"mobileTextAlign":r={[l]:{classNamePrefix:"em-mob-text_align-",value:t[l]}};break;case"mobileVerticalAlign":r={[l]:{classNamePrefix:"em-mob-vertical_align-",value:t[l]}};break;case"mobileBackgroundColor":r={[l]:{classNamePrefix:"em-mob-background_color-",value:t[l]}};break;case"mobileBackgroundPositionX":r={[l]:{classNamePrefix:"em-mob-background_position_x-",value:t[l]}};break;case"mobileBackgroundPositionY":r={[l]:{classNamePrefix:"em-mob-background_position_x-",value:t[l]}};break;case"mobileBackgroundRepeat":r={[l]:{classNamePrefix:"em-mob-background_repeat-",value:t[l]}};break;case"mobilePaddingTop":case"mobilePaddingLeft":case"mobilePaddingRight":case"mobilePaddingBottom":r={mobilePadding:{all:null,top:""!==o.mobilePaddingTop?o.mobilePaddingTop:null,right:""!==o.mobilePaddingRight?o.mobilePaddingRight:null,bottom:""!==o.mobilePaddingBottom?o.mobilePaddingBottom:null,left:""!==o.mobilePaddingLeft?o.mobilePaddingLeft:null,classNamePrefix:"em-mob-padding_"}};break;case"mobilePaddingTopBottom":o.mobilePaddingTop=o.mobilePaddingBottom=t[l],r={mobilePadding:{all:null,top:""!==o.mobilePaddingTop?o.mobilePaddingTop:null,right:""!==o.mobilePaddingRight?o.mobilePaddingRight:null,bottom:""!==o.mobilePaddingBottom?o.mobilePaddingBottom:null,left:""!==o.mobilePaddingLeft?o.mobilePaddingLeft:null,classNamePrefix:"em-mob-padding_"}};break;case"mobilePaddingLeftRight":o.mobilePaddingLeft=o.mobilePaddingRight=t[l],r={mobilePadding:{all:null,top:""!==o.mobilePaddingTop?o.mobilePaddingTop:null,right:""!==o.mobilePaddingRight?o.mobilePaddingRight:null,bottom:""!==o.mobilePaddingBottom?o.mobilePaddingBottom:null,left:""!==o.mobilePaddingLeft?o.mobilePaddingLeft:null,classNamePrefix:"em-mob-padding_"}};break;case"mobileFontSize":r={[l]:{classNamePrefix:"em-mob-font_size-",value:t[l],dim:o.mobileFontSizeDim}};break;case"href":let i=(0,V.aQ)(t[l]);i!==t[l]&&(a.setFieldValue("href",i),o.href=i),r=i.startsWith("mailto:")?{[l]:(0,V.N_)(i,o.subject,o.body)}:{[l]:i},(0,V.b9)(t[l],se);break;case"subject":case"body":const h=o.href||"";if(!h.startsWith("mailto:"))return;{const e="subject"===l?t[l]:o.subject,i="body"===l?t[l]:o.body;r={href:(0,V.N_)(h,e,i)}}break;case"backgroundPositionX":case"backgroundPositionY":r={[l]:isNaN(parseFloat(t[l].position))?t[l].position:t[l].position+t[l].unit};break;default:r=t}var h;"borderPosition"!==l&&"mobileBorderPosition"!==l&&(i({operation:S.Ru.SANDBOX_ELEMENT_SETTINGS_SET,type:e.type,settings:r}),"mobileBorderRadiusAll"!==l&&"mobileBorderRadiusTopLeft"!==l&&"mobileBorderRadiusTopRight"!==l&&"mobileBorderRadiusBottomLeft"!==l&&"mobileBorderRadiusBottomRight"!==l&&_e({...e,...r,mobileBorderRadius:{...e.mobileBorderRadius,...null===(h=r)||void 0===h?void 0:h.mobileBorderRadius},activateSection:null,changeKey:l}))},ke=e=>{a.setFieldValue("href","mergetag"!==e?e:""),se(e)};(0,l.useEffect)(()=>{var t;ge(!(null===(t=e.textReplacer)||void 0===t||!t.length))},[e]);return l.createElement(c.lV,{form:a,layout:"vertical",name:"selected_button_form",initialValues:{backgroundColor:"",backgroundImage:"",backgroundPositionX:"",backgroundPositionY:"",backgroundRepeat:"",backgroundSize:"",exportAsPicture:!1,width:"",height:"",widthDim:"",heightDim:"",align:"",valign:"",border:"",boxShadow:"",show:"all",borderPosition:j.uE[ve]||"borderAll",mobileBorderPosition:j.lS[Ee]||"mobileBorderAll",borderColor:"",borderWidth:"",borderStyle:"",paddingTop:"",paddingLeft:"",paddingRight:"",paddingBottom:"",borderRadiusAll:"",RadiusTopLeft:"",RadiusBottomLeft:"",RadiusTopRight:"",RadiusBottomRight:"",mobileWidth:"",mobileWidthDim:"",mobileHeight:"",mobileHeightDim:"",mobileBorder:"",mobileBorderColor:"",mobileBorderWidth:"",mobileBorderStyle:"",mobileBoxShadow:"",mobileAlign:"",mobileVerticalAlign:"",mobileBackgroundColor:"",mobileBackgroundImage:"",mobilePaddingTop:"",mobilePaddingLeft:"",mobilePaddingRight:"",mobilePaddingBottom:"",borderRadiusTopLeft:"",borderRadiusBottomLeft:"",borderRadiusTopRight:"",borderRadiusBottomRight:"",href:"https://",subject:"",body:""},onValuesChange:Be,autoComplete:"off",className:"element-controls"},!x&&l.createElement(c.m_,{title:o("To change the appearance of the element on the mobile device, edit the fields below. If the fields remain empty, the desktop styles will be applied to the mobile version."),placement:"bottom"},l.createElement(c.Fc,{className:"selected_form-mobile-props-title",message:o("Appearance on mobile devices"),type:"info"})),x?l.createElement(ne,{form:a,elementSettings:e,showAddParagraph:!1,isButton:!0}):l.createElement(l.Fragment,null,v===S.ND&&B.styles?l.createElement("div",{id:"selected_element_form_mobile_props",className:"selected_form-mobile-props"},l.createElement(De,{form:a,elementSettings:e,boxShadow:u,mobileBordersShow:F,mobileBorderRadiusShow:W,mobileBoxShadowShow:$,mobileSizeShow:K,mobileBackgroundShow:Z,mobilePaddingShow:le,mobilePaddingsExt:I,setMobilePaddingsExt:C,oneMobileBorderRadiusValue:h,setOneMobileBorderRadiusValue:f,linkProtocol:de,handleLinkProtocolsChange:ke,setLinkProtocol:se,toggleShowMobileBorderHandler:()=>{const t=a.getFieldsValue(!0);setTimeout(()=>{D(e=>!e),F?(t.mobileBorderAll=j.RH,t.mobileBorderTop=j.RH,t.mobileBorderBottom=j.RH,t.mobileBorderRight=j.RH,t.mobileBorderLeft=j.RH):t.mobileBorderAll={width:1,color:"#E5E5E5",style:"solid"},i({operation:S.Ru.SANDBOX_ELEMENT_SETTINGS_SET,type:e.type,settings:{mobileBorder:{all:{color:t.mobileBorderAll.color,style:t.mobileBorderAll.style,width:t.mobileBorderAll.width}}}})})},toggleShowMobileBorderRadiusHandler:()=>{const t=a.getFieldsValue(!0);setTimeout(()=>{z(e=>!e),W?(t.mobileBorderRadiusAll=null,f(!0)):t.mobileBorderRadiusAll=5,i({operation:S.Ru.SANDBOX_ELEMENT_SETTINGS_SET,type:e.type,settings:{mobileBorderRadius:{all:t.mobileBorderRadiusAll,classNamePrefix:"em-mob-border_radius_all-"}}})})},toggleShowMobileBoxShadowHandler:()=>{const t=a.getFieldsValue(!0);setTimeout(()=>{Y(e=>!e),$?(t.mobileBoxShadowInset=!1,t.mobileBoxShadowHOffset=null,t.mobileBoxShadowVOffset=null,t.mobileBoxShadowBlurRadius=null,t.mobileBoxShadowSpreadRadius=null,t.mobileBoxShadowColor=""):(t.mobileBoxShadowInset=!1,t.mobileBoxShadowHOffset=5,t.mobileBoxShadowVOffset=5,t.mobileBoxShadowBlurRadius=10,t.mobileBoxShadowSpreadRadius=-5,t.mobileBoxShadowColor="#000000"),i({operation:S.Ru.SANDBOX_ELEMENT_SETTINGS_SET,type:e.type,settings:{mobileBoxShadow:{blurRadius:t.mobileBoxShadowBlurRadius,color:t.mobileBoxShadowColor,hOffset:t.mobileBoxShadowHOffset,inset:t.mobileBoxShadowInset,spreadRadius:t.mobileBoxShadowSpreadRadius,vOffset:t.mobileBoxShadowVOffset,classNamePrefix:"em-mob-box_shadow-"}}})})},toggleShowMobileSizeHandler:()=>{const t=a.getFieldsValue(!0);setTimeout(()=>{q(e=>!e),K&&(t.mobileWidth="",t.mobileHeight="",i({operation:S.Ru.SANDBOX_ELEMENT_SETTINGS_SET,type:e.type,settings:{mobileWidth:{value:null,dim:"px",classNamePrefix:"em-mob-width-"},mobileHeight:{value:null,dim:"px",classNamePrefix:"em-mob-height-"}}}))})},toggleShowMobileBackgroundHandler:()=>{const t=a.getFieldsValue(!0);setTimeout(()=>{ee(e=>!e),t.mobileBackgroundColor=Z?"":e.commonStyles.buttons.backgroundColor||"#1C52DC",i({operation:S.Ru.SANDBOX_ELEMENT_SETTINGS_SET,type:e.type,settings:{mobileBackgroundColor:{classNamePrefix:"em-mob-background_color-",value:t.mobileBackgroundColor}}})})},toggleShowMobilePaddingHandler:()=>{const t=a.getFieldsValue(!0);setTimeout(()=>{ie(e=>!e),le&&(t.mobilePaddingLeftRight="",t.mobilePaddingLeft="",t.mobilePaddingRight="",t.mobilePaddingTopBottom="",t.mobilePaddingTop="",t.mobilePaddingBottom="",i({operation:S.Ru.SANDBOX_ELEMENT_SETTINGS_SET,type:e.type,settings:{mobilePadding:{all:null,top:null,right:null,bottom:null,left:null,classNamePrefix:"em-mob-padding_"}}}))})}})):l.createElement("div",{id:"selected_element_form_desktop_props"},l.createElement(Fe,{form:a,elementSettings:e,boxShadow:u,bordersShow:L,borderRadiusShow:M,boxShadowShow:X,backgroundShow:Q,backgroundImageEmpty:k,backgroundRepeatOptions:pe,paddingShow:te,paddingsExt:N,maxWidthValue:ae,oneBorderRadiusValue:b,setOneBorderRadiusValue:p,linkProtocol:de,linkTarget:me,isOpenTextReplacer:ue,textReplacerButtonRef:A,textReplacerInputRef:T,handleLinkProtocolsChange:ke,handleSelect:({target:e})=>{const{selectionStart:t,selectionEnd:o}=e;e&&ce({target:e,selection:{start:t,end:o}})},textReplacerInputHandler:e=>{""!==e.target.value&&A.current.classList.add("selected-td-form__button--active")},handleTextReplacerKeyDown:e=>{const t=e.target,o=t.value,l=t.selectionStart;if(0!==l||" "!==e.key){if(" "===e.key){if(l!==o.length)return void e.preventDefault();o.endsWith(" ")&&e.preventDefault()}}else e.preventDefault()},srcButtonHandler:()=>{ge(!ue),ue?(a.setFieldValue("textReplacer",""),i({operation:S.Ru.SANDBOX_ELEMENT_SETTINGS_SET,type:e.type,settings:{textReplacer:""}})):setTimeout(()=>T.current.focus())},togglePaddingHandler:()=>{P(e=>!e);const t=a.getFieldsValue(!0);N||(t.paddingLeftRight=t.paddingLeft,t.paddingTopBottom=t.paddingTop,t.paddingRight=t.paddingLeft,t.paddingBottom=t.paddingTop,i({operation:S.Ru.SANDBOX_ELEMENT_SETTINGS_SET,type:e.type,settings:{padding:{top:t.paddingTopBottom,bottom:t.paddingTopBottom,left:t.paddingLeftRight,right:t.paddingLeftRight}}}))},toggleShowPaddingHandler:()=>{const t=a.getFieldsValue(!0);setTimeout(()=>{oe(e=>!e),te&&(t.paddingLeftRight="",t.paddingLeft="",t.paddingRight="",t.paddingTopBottom="",t.paddingTop="",t.paddingBottom="",i({operation:S.Ru.SANDBOX_ELEMENT_SETTINGS_SET,type:e.type,settings:{padding:{all:0}}}))})},toggleShowBackgroundHandler:()=>{const t=a.getFieldsValue(!0);setTimeout(()=>{J(e=>!e),Q?(t.backgroundColor="",t.backgroundImage="",t.backgroundPositionX="",t.backgroundPositionY="",t.backgroundRepeat="none",t.backgroundSize="",R(!0)):(t.backgroundColor="#E5E5E5",t.backgroundSize="",t.backgroundRepeat="none"),i({operation:S.Ru.SANDBOX_ELEMENT_SETTINGS_SET,type:e.type,settings:{backgroundColor:t.backgroundColor,backgroundImage:[{type:"url",value:t.backgroundImage}],backgroundPositionX:t.backgroundPositionX,backgroundPositionY:t.backgroundPositionY,backgroundRepeat:t.backgroundRepeat,backgroundSize:t.backgroundSize}})})},toggleShowBorderHandler:()=>{const t=a.getFieldsValue(!0);setTimeout(()=>{O(e=>!e),L?(t.borderAll=j.RH,t.borderTop=j.RH,t.borderBottom=j.RH,t.borderRight=j.RH,t.borderLeft=j.RH):t.borderAll={width:1,color:"#E5E5E5",style:"solid"},i({operation:S.Ru.SANDBOX_ELEMENT_SETTINGS_SET,type:e.type,settings:{border:{all:{color:t.borderAll.color,style:t.borderAll.style,width:t.borderAll.width}}}})})},toggleShowBorderRadiusHandler:()=>{const t=a.getFieldsValue(!0);setTimeout(()=>{H(e=>!e),M?(t.borderRadiusAll=0,p(!0)):t.borderRadiusAll=5,i({operation:S.Ru.SANDBOX_ELEMENT_SETTINGS_SET,type:e.type,settings:{borderRadius:{all:t.borderRadiusAll}}})})},toggleShowBoxShadowHandler:()=>{const t=a.getFieldsValue(!0);setTimeout(()=>{U(e=>!e),X?(t.boxShadowInset=!1,t.boxShadowHOffset=null,t.boxShadowVOffset=null,t.boxShadowBlurRadius=null,t.boxShadowSpreadRadius=null,t.boxShadowColor=""):(t.boxShadowInset=!1,t.boxShadowHOffset=5,t.boxShadowVOffset=5,t.boxShadowBlurRadius=10,t.boxShadowSpreadRadius=-5,t.boxShadowColor="#000000"),i({operation:S.Ru.SANDBOX_ELEMENT_SETTINGS_SET,type:e.type,settings:{boxShadow:{blurRadius:t.boxShadowBlurRadius,color:t.boxShadowColor,hOffset:t.boxShadowHOffset,inset:t.boxShadowInset,spreadRadius:t.boxShadowSpreadRadius,vOffset:t.boxShadowVOffset}}})})},setLinkProtocol:se,handleChangeValues:Be}))))},He=({elementSettings:e})=>{const{__:t}=(0,E.s9)(),[o]=c.lV.useForm(),i=(0,_.XW)();(0,l.useEffect)(()=>{e&&o.setFieldsValue({...e})},[o,e]);return l.createElement(c.lV,{form:o,layout:"vertical",name:"selected_variable_form",initialValues:{value:""},onValuesChange:t=>{i({operation:S.Ru.SANDBOX_ELEMENT_SETTINGS_SET,type:e.type,settings:t})},autoComplete:"off"},l.createElement(c.lV.Item,{label:t("Variable value"),name:"value",tooltip:{title:t("Type the output parameters of your platform. E.g., ")+"${Recipient.FirstName}",icon:l.createElement(N.Ay,{icon:"InfoCircleOutlined"})},style:{marginBottom:35}},l.createElement(c.fs,{rows:4,placeholder:t("Variable value")})))},We=({elementSettings:e,setElementSettings:t,postfix:o="",form:i,handleSelect:a,previewReloadSignal:n})=>{const{__:d}=(0,E.s9)(),{token:s}=(0,c.rd)(),m=(0,B.rD)(),u=(0,_.XW)(),g="src"+o,b="title"+o,p="alt"+o,f="link"+o,v="imgReplacer"+o,k=(0,l.useRef)(null),R=(0,l.useRef)(null),y=(0,l.useRef)(null),w=(0,l.useRef)(null),x=(0,l.useRef)(null),T=(0,l.useRef)(null),A=(0,l.useRef)(null),P=(0,l.useRef)(null),[I,C]=(0,l.useState)(""),[L,O]=(0,l.useState)(""),[F,D]=(0,l.useState)(""),[M,H]=(0,l.useState)(!1),[W,z]=(0,l.useState)("https://"),X=(0,l.useRef)(!1),U=(0,l.useRef)(o);(0,l.useEffect)(()=>{var t,l,i;o!==U.current&&(U.current=o,X.current=!1),O(null===(t=e.images)||void 0===t?void 0:t[p]),D(null===(l=e.images)||void 0===l?void 0:l[b]);const a=null===(i=e.images)||void 0===i?void 0:i[f];C(a||(X.current?"...":""))},[e,p,b,f,o]);return l.createElement(l.Fragment,null,("img"===e.type||"video"===e.type||"carousel"===e.type)&&l.createElement(c.lV.Item,{style:{marginBottom:0}},l.createElement(h.A,{form:i,label:d("Image path"),name:g,placeholder:d("Image path"),elementSettings:e,previewReloadSignal:n,tooltipTitle:""})),l.createElement("div",{style:{display:"flex",justifyContent:"space-between",alignItems:"flex-start"}},l.createElement(c.$x,{size:8},l.createElement(c.m_,{title:L||d("Alternative text"),placement:"bottom",getPopupContainer:e=>e.closest(".email-pane__collapse-wrapper")},l.createElement(c.$n,{className:r()("selected-td-form__button",{"selected-td-form__button--active":!!L}),onClick:()=>{L?(O(""),i.setFieldValue("alt",""),u({operation:S.Ru.SANDBOX_ELEMENT_SETTINGS_SET,type:e.type,settings:{[p]:""}})):(O(y.current&&y.current.input.value?y.current.input.value:"..."),setTimeout(()=>{y.current.focus()}))},ref:w},l.createElement("span",{className:"addon-text-content"},"Alt"))),m.formFieldImageTitleEnabled&&l.createElement(c.m_,{title:F||d("Tooltip text"),placement:"bottom",getPopupContainer:e=>e.closest(".email-pane__collapse-wrapper")},l.createElement(c.$n,{className:r()("selected-td-form__button",{"selected-td-form__button--active":!!F}),onClick:()=>{F?(D(!1),i.setFieldValue("title",""),u({operation:S.Ru.SANDBOX_ELEMENT_SETTINGS_SET,type:e.type,settings:{[b]:""}})):(D(x.current&&x.current.input.value?x.current.input.value:"..."),setTimeout(()=>{x.current.focus()}))},ref:T},l.createElement("span",{className:"addon-text-content"},"Title"))),l.createElement(c.m_,{title:I||d("Hyperlink URL"),placement:"bottom",getPopupContainer:e=>e.closest(".email-pane__collapse-wrapper")},l.createElement(c.$n,{className:r()("selected-td-form__button",{"selected-td-form__button--active":!!I}),icon:l.createElement(N.Ay,{icon:"LinkOutlined",className:"selected-td-form__icon-radius"}),onClick:()=>{I?(X.current=!1,C(""),i.setFieldValue(f,""),u({operation:S.Ru.SANDBOX_ELEMENT_SETTINGS_SET,type:e.type,settings:{[f]:""}})):(X.current=!0,C(k.current&&k.current.input.value?k.current.input.value:"..."),setTimeout(()=>{k.current.focus()}))},ref:R})),l.createElement(c.m_,{title:d("Image replacer"),placement:"bottom",getPopupContainer:e=>e.closest(".email-pane__collapse-wrapper")},l.createElement(c.$n,{className:r()("selected-td-form__button",{"selected-td-form__button--active":M}),icon:l.createElement(N.Ay,{icon:"Replacer",className:"selected-td-form__icon-radius"}),onClick:()=>{H(!M),M?(i.setFieldValue(v,""),u({operation:S.Ru.SANDBOX_ELEMENT_SETTINGS_SET,type:e.type,settings:{[v]:""}})):setTimeout(()=>A.current.focus())},ref:P}))),l.createElement(c.$x,{size:8},l.createElement(c.m_,{title:d("Remove slide"),placement:"bottom"},l.createElement(c.$n,{type:"text",onClick:l=>{var a;const r=i.getFieldsValue(!0),n=+o.substring(1),d=Object.keys(null===r||void 0===r?void 0:r.images).reduce((e,t)=>(t.includes(o)||(e[t]=r[t]),e),{}),s=null===(a=e.carouselImages)||void 0===a?void 0:a.filter((e,t)=>t!==n);t(e=>({...e,settings:{...e.settings,carouselImages:s}})),u({operation:S.Ru.SANDBOX_ELEMENT_SETTINGS_SET,type:S.bV.CAROUSEL,caption:e.caption,settings:{...e,carouselImages:s}}),i.setFieldsValue({images:d})},icon:l.createElement(N.Ay,{icon:"DeleteOutlined",size:16})})))),(!!I||!!L||!!F||!!M)&&l.createElement("div",null,!!I&&l.createElement(l.Fragment,null,l.createElement(V.Ee,{show:"#"===W,__:d,style:{marginBottom:s.formItemMarginBottomXS}}),l.createElement(c.m_,{trigger:["hover"],title:d("Hyperlink URL"),placement:"bottom"},l.createElement(c.lV.Item,{name:f,className:"selected-image-form__alt",style:{marginTop:s.formItemMarginBottomXS,marginBottom:0}},l.createElement(c.pd,{addonBefore:l.createElement(V.Ai,{linkProtocol:W,handleLinkProtocolsChange:e=>{i.setFieldValue("LinkName","mergetag"!==e?e:""),z(e)},__:d}),placeholder:d("Hyperlink URL"),allowClear:!0,ref:k,onChange:e=>{""===e.target.value?C("..."):(R.current.classList.add("selected-td-form__button--active"),C(e.target.value));const t=e.target.value;(0,V.b9)(t,z)},onSelect:a,prefix:l.createElement(V.RM,{linkProtocol:W})})))),!!L&&l.createElement(c.m_,{trigger:["hover"],title:d("Alternative text"),placement:"bottom"},l.createElement(c.lV.Item,{name:p,className:"selected-image-form__alt",style:{marginTop:s.formItemMarginBottomXS,marginBottom:0}},l.createElement(c.pd,{placeholder:d("Alternative text"),allowClear:!0,prefix:l.createElement("span",{className:"addon-text-content"},"Alt"),onChange:e=>{""===e.target.value?O("..."):(w.current.classList.add("selected-td-form__button--active"),O(e.target.value))},ref:y,onSelect:a}))),m.formFieldImageTitleEnabled&&!!F&&l.createElement(c.m_,{trigger:["hover"],title:d("Tooltip text"),placement:"bottom"},l.createElement(c.lV.Item,{name:b,className:"selected-image-form__alt",style:{marginTop:s.formItemMarginBottomXS,marginBottom:0}},l.createElement(c.pd,{placeholder:d("Enter the title of the image"),allowClear:!0,prefix:l.createElement("span",{className:"addon-text-content"},"Title"),onChange:e=>{""===e.target.value?D("..."):(T.current.classList.add("selected-td-form__button--active"),D(e.target.value))},ref:x,onSelect:a}))),!!M&&l.createElement(c.m_,{trigger:["hover"],title:d("Image src"),placement:"bottom"},l.createElement(c.lV.Item,{name:v,className:"selected-image-form__alt",style:{marginTop:s.formItemMarginBottomXS,marginBottom:0}},l.createElement(c.pd,{placeholder:d("Code that will replace the image `src`"),allowClear:!0,prefix:l.createElement("span",{className:"addon-text-content"},d("Image src")),onChange:e=>{""!==e.target.value&&P.current.classList.add("selected-td-form__button--active")},ref:A,onSelect:a})))))},ze=({form:e,elementSettings:t,formFields:o,setElementSettings:i,borderRadiusShow:a,oneBorderRadiusValue:r,setOneBorderRadiusValue:n,linkProtocol:d,mergeTagItems:s,mergeMenuOpen:m,setMergeMenuOpen:u,cascaderRef:g,handleLinkProtocolsChange:b,handleSelect:p,onChange:h,filter:f,renderSearchOption:S,toggleShowBorderRadiusHandler:_,setNewSlide:k})=>{const{__:R}=(0,E.s9)(),{token:y}=(0,c.rd)(),w=(0,B.rD)();return l.createElement(l.Fragment,null,l.createElement(V.Ee,{show:"#"===d,__:R,style:{marginBottom:y.formItemMarginBottomXS}}),l.createElement(c.m_,{trigger:["hover"],title:R("Link for all slides"),placement:"bottom"},l.createElement(c.lV.Item,{name:"link"},l.createElement(c.pd,{addonBefore:l.createElement(V.Ai,{linkProtocol:d,handleLinkProtocolsChange:b,__:R}),placeholder:R("Link for all slides"),allowClear:!0,onSelect:p,prefix:l.createElement(V.RM,{linkProtocol:d})}))),l.createElement(c.cG,{className:"selected-td-form__divider"}),w.mergeTagsShow&&s&&l.createElement(l.Fragment,null,l.createElement(c.fv,{span:24,id:"merge_tags_wrapper"},l.createElement(c.lV.Item,{style:{marginBottom:y.formItemMarginBottomMD,marginTop:y.formItemMarginBottomMD}},l.createElement(c.$n,{id:"merge_tags_button",icon:l.createElement(N.Ay,{icon:"MergeTags"}),style:{width:"100%",display:m?"none":"inline-flex"},onClick:()=>u(!0)},R("Merge tags")),l.createElement(c.vx,{ref:g,popupClassName:"merge-tags",options:s,placeholder:R("Start typing the title"),showSearch:{filter:f,render:S},spellCheck:"false",getPopupContainer:e=>e.closest(".email-pane__collapse-wrapper"),onChange:h,style:{display:m?"block":"none"},open:m,onKeyDown:e=>{"Escape"===e.key&&u(!1)}}))),l.createElement(c.cG,{className:"selected-td-form__divider"})),l.createElement(c.lV.List,{name:"images",initialValue:null===o||void 0===o?void 0:o.images},()=>{var a,r;return l.createElement("div",{style:{paddingTop:y.formItemMarginBottomMD+4}},null===t||void 0===t||null===(a=t.settings)||void 0===a||null===(r=a.carouselImages)||void 0===r?void 0:r.map((t,a)=>l.createElement("div",{className:"carousel__slide",key:a},l.createElement(We,{elementSettings:o,setElementSettings:i,postfix:"_"+a,form:e,handleSelect:p}))))}),l.createElement(c.fv,{span:24},l.createElement(c.lV.Item,{style:{marginBottom:y.formItemMarginBottomMD}},l.createElement(c.$n,{id:"add_slide_button",icon:l.createElement(N.Ay,{icon:"AddSlide"}),style:{width:"100%"},onClick:()=>k()},R("Add slide")))),l.createElement(c.cG,{className:"selected-td-form__divider"}),l.createElement(c.fI,{gutter:20,style:{marginTop:y.formItemMarginBottomMD-10}},l.createElement(c.fv,{span:12},l.createElement(c.lV.Item,{name:"loop",valuePropName:"checked",style:{marginBottom:y.formItemMarginBottomMD-6}},l.createElement(c.dO,{id:"Loop",label:R("Loop"),size:"small",labelStyle:{position:"relative",top:2}}))),l.createElement(c.fv,{span:12},l.createElement(c.lV.Item,{name:"autoplay",valuePropName:"checked",style:{marginBottom:y.formItemMarginBottomMD-6}},l.createElement(c.dO,{id:"Autoplay",label:R("Autoplay"),size:"small",labelStyle:{position:"relative",top:2}})))),w.formFieldBorderRadiusEnabled&&l.createElement(c.y9,{title:R("Border radius"),collapsible:!0,open:a,onToggle:_,dividerTop:!0},l.createElement(v.A,{form:e,oneBorderRadiusValue:r,setOneBorderRadiusValue:n,elementSettings:t.settings})))},Xe=()=>{const{__:e}=(0,E.s9)();return l.createElement(l.Fragment,null,l.createElement("p",null,e("No properties to edit.")))},Ue={loop:!1,autoplay:!1,borderRadiusAll:0,borderRadiusTopLeft:0,borderRadiusBottomLeft:0,borderRadiusTopRight:0,borderRadiusBottomRight:0,link:"https://",images:{},src_0:"",renderedHeight_0:0,renderedWidth_0:0,imgReplacer_0:"",title_0:"",alt_0:""},Ge=({elementSettings:e})=>{const{__:t}=(0,E.s9)(),[o]=c.lV.useForm();let i=(0,n.wA)();(0,B.rD)();const a=(0,_.K9)(),r=(0,_.XW)(),{openImagePicker:d}=(0,Z.p)(),s=(0,n.d4)(G.Ct),m=(0,n.d4)(G.CS),[u,g]=(0,l.useState)(!0),[b,p]=(0,l.useState)(!0),[h,f]=(0,l.useState)(!1),[v,k]=(0,l.useState)(!1),[R,y]=(0,l.useState)("https://"),[w,x]=(0,l.useState)(null===o||void 0===o?void 0:o.getFieldsValue(!0)),[T,A]=(0,l.useState)(e),[N,P]=(0,l.useState)({name:"",counter:0}),[I,C]=(0,l.useState)(null),[L,O]=(0,l.useState)(),[F,D]=(0,l.useState)(!1),[M,H]=(0,l.useState)(!1),[z,X]=(0,l.useState)({start:0,end:0}),$=(0,l.useRef)(null),j=`selected_${T.type}_form_link`,ee=(0,n.d4)(G.Fv),te=(0,n.d4)(G.yy),oe=ee&&"bottom"!==te;(0,l.useEffect)(()=>{F&&$.current&&$.current.focus()},[F]),(0,l.useEffect)(()=>{A(e)},[e]);const le=(0,n.d4)(Y.GH);(0,l.useEffect)(()=>{var e;null!==le&&void 0!==le&&null!==(e=le.items)&&void 0!==e&&e.length&&O((0,B.cM)(le.items,t,(e,t)=>{D(!1),a(S.Ru.SANDBOX_ADD_MERGETAG,e),t.stopPropagation(),t.preventDefault()}))},[le,O,t,D,a]);const ie=(0,Q.cR)();(0,l.useEffect)(()=>{const e=new q.jG;return e.addDisposable((0,K.a)(ie,"focusin",({target:e})=>{e.closest('[id="merge_tags_wrapper"]')||C(e)})),e.addDisposable((0,K.a)(ie,"click",({target:e})=>{e.closest(".merge-tags")||e.closest("#merge_tags_button")||D(!1)})),()=>{e.dispose()}},[ie]);(0,l.useEffect)(()=>{const e=null===o||void 0===o?void 0:o.getFieldsValue(!0);x(e)},[o]);(0,l.useEffect)(()=>{if(T.settings){var e,t,l,i,a,r,n,d,s,m,c,u,b,h,v;const w=T.settings,A=(0,V.AO)(w);var E,S,_,B,R;if(null===o||void 0===o||o.setFieldsValue(A),x(A),w.link&&y((0,V.TW)(w.link,"https://")),!(0,V.ok)(null===(e=w.borderRadius)||void 0===e?void 0:e.all))(0,V.ok)(null===(E=w.borderRadius)||void 0===E?void 0:E.topLeft)||(0,V.ok)(null===(S=w.borderRadius)||void 0===S?void 0:S.bottomLeft)||(0,V.ok)(null===(_=w.borderRadius)||void 0===_?void 0:_.topRight)||(0,V.ok)(null===(B=w.borderRadius)||void 0===B?void 0:B.bottomRight)?g(!1):(0,V.ok)(null===(R=w.borderRadius)||void 0===R?void 0:R.all)||g(!0);(0,V.ok)(null===(t=w.mobileBorderRadius)||void 0===t?void 0:t.topLeft)||(0,V.ok)(null===(l=w.mobileBorderRadius)||void 0===l?void 0:l.bottomLeft)||(0,V.ok)(null===(i=w.mobileBorderRadius)||void 0===i?void 0:i.topRight)||(0,V.ok)(null===(a=w.mobileBorderRadius)||void 0===a?void 0:a.bottomRight)?p(!1):p(!0),f(!(null===(r=w.borderRadius)||void 0===r||!r.all)||!(null===(n=w.borderRadius)||void 0===n||!n.topLeft)||!(null===(d=w.borderRadius)||void 0===d||!d.bottomLeft)||!(null===(s=w.borderRadius)||void 0===s||!s.topRight)||!(null===(m=w.borderRadius)||void 0===m||!m.bottomRight)),k(!(null===(c=w.mobileBorderRadius)||void 0===c||!c.all)||!(null===(u=w.mobileBorderRadius)||void 0===u||!u.topLeft)||!(null===(b=w.mobileBorderRadius)||void 0===b||!b.bottomLeft)||!(null===(h=w.mobileBorderRadius)||void 0===h||!h.topRight)||!(null===(v=w.mobileBorderRadius)||void 0===v||!v.bottomRight))}},[o,T]);const ae=e=>{const t=(0,V.Ze)(T.settings,o,e);r({operation:S.Ru.SANDBOX_ELEMENT_SETTINGS_SET,type:S.bV.CAROUSEL,caption:t.caption,settings:t}),A(e=>({...e,settings:{...e.settings,...t}}))},re=async e=>{var t;const o=await d({kind:"img",currentUrl:(0,J.xv)((null===(t=T.settings)||void 0===t?void 0:t.src)||""),entryModal:e});null!==o&&void 0!==o&&o.url&&((e,t)=>{var o,l;const i=(0,J.xv)((null===(o=T.settings)||void 0===o?void 0:o.src)||"")===(0,J.xv)(e||"");i&&e===(null===(l=T.settings)||void 0===l?void 0:l.src)||ae({src:e}),"save"===(null===t||void 0===t?void 0:t.mode)&&i&&(P(e=>({name:"src",counter:e.counter+1})),r({operation:S.Ru.SANDBOX_CURRENT_IMAGE_RELOAD,src:e,forceReload:!0}))})(o.url,o.meta)};(0,W.A)(e=>{const t=e.data.operation;t===S.Ru.APPLICATION_OPEN_IMAGE_AI_POPUP?re(S.lx.UPLOAD_IMAGE_MODAL_AI):t===S.Ru.APPLICATION_OPEN_IMAGE_UPLOAD_POPUP?re(S.lx.UPLOAD_IMAGE_MODAL_UPLOAD):t===S.Ru.APPLICATION_OPEN_IMAGE_EDIT_POPUP?re(S.lx.UPLOAD_IMAGE_MODAL_EDIT):t===S.Ru.APPLICATION_OPEN_IMAGE_GIF_POPUP?re(S.lx.UPLOAD_IMAGE_MODAL_GIF):t===S.Ru.APPLICATION_OPEN_IMAGE_STOCK_POPUP?re(S.lx.UPLOAD_IMAGE_MODAL_STOCK):t===S.Ru.APPLICATION_CLOSE_IMAGE_EDIT_POPUP&&(i((0,U.Os)()),i((0,U.Oo)()))});return l.createElement(c.lV,{form:o,layout:"vertical",name:"selected_carousel_form",initialValues:Ue,onValuesChange:ae,autoComplete:"off",className:"element-controls"},!oe&&l.createElement(c.m_,{title:t("To change the appearance of the element on the mobile device, edit the fields below. If the fields remain empty, the desktop styles will be applied to the mobile version."),placement:"bottom"},l.createElement(c.Fc,{className:"selected_form-mobile-props-title",message:t("Appearance on mobile devices"),type:"info"})),s===S.ND&&m.styles?l.createElement("div",{id:"selected_element_form_mobile_props",className:"selected_form-mobile-props"},l.createElement(Xe,null)):l.createElement("div",{id:"selected_element_form_desktop_props"},l.createElement(ze,{form:o,elementSettings:T,formFields:w,setElementSettings:A,borderRadiusShow:h,oneBorderRadiusValue:u,setOneBorderRadiusValue:g,linkProtocol:R,mergeTagItems:L,mergeMenuOpen:F,setMergeMenuOpen:D,cascaderRef:$,handleLinkProtocolsChange:e=>{o.setFieldValue("link","mergetag"!==e?e:""),y(e)},handleSelect:({target:e})=>{if(e&&!M){const{selectionStart:t,selectionEnd:o}=e;X({start:t,end:o})}H(!1)},onChange:(e,t)=>{if(D(!1),e){const l=le.syntax.length>1?L.findIndex(e=>e.key===t[0].key):0,i=le.syntax[l].replace("%value%",e[e.length-1]),a=`selected_${T.type}_form${"carousel"===T.type?"_images":""}`;["imgReplacer","title","alt","src","link"].some(e=>null===I||void 0===I?void 0:I.getAttribute("id").includes(`${a}_${e}`))||null!==I&&void 0!==I&&I.getAttribute("id").includes(j)?((e,t)=>{const l=document.getElementById(t);if(l){var i,a;const s=`selected_${T.type}_form_${t.includes("__images_")?"_images":""}_`,m=t.substring(t.indexOf(s)+s.length),c=null===(i=l.value)||void 0===i?void 0:i.substring(0,z.start),u=null===(a=l.value)||void 0===a?void 0:a.substring(z.end);let g={[m]:c+e+u};var n;if(m.includes("_"))g={carouselImages:[...(null===(n=T.settings)||void 0===n?void 0:n.carouselImages)||[]]},g.carouselImages[m.split("_")[1]][m.split("_")[0]]=c+e+u;else if(T.type===S.bV.CAROUSEL&&j===t){var d;g={[m]:c+e+u,carouselImages:[...(null===(d=T.settings)||void 0===d?void 0:d.carouselImages.map(t=>({...t,link:c+e+u})))||[]]}}r({operation:S.Ru.SANDBOX_ELEMENT_SETTINGS_SET,type:S.bV.CAROUSEL,settings:{...T.settings,...g}}),A(e=>({...e,settings:{...e.settings,...g}})),o.setFieldValue(m,c+e+u),l.focus(),setTimeout(()=>{l.selectionStart=z.start,l.selectionEnd=z.start+e.length},400),H(!0)}})(i,null===I||void 0===I?void 0:I.getAttribute("id")):(o.setFieldValue("imgReplacer",i),r({operation:S.Ru.SANDBOX_ELEMENT_SETTINGS_SET,type:S.bV.CAROUSEL,settings:{...T.settings,imgReplacer:i}}),A(e=>({...e,settings:{...e.settings,imgReplacer:i}})))}},filter:(e,t)=>t.some(t=>t.label.toLowerCase().indexOf(e.toLowerCase())>-1),renderSearchOption:(e,t)=>{const o=t.map((t,o)=>{const i=t.label.split(new RegExp(`(${e})`,"gi"));return l.createElement("span",{key:t.value},0!==o&&l.createElement("span",null,"\xa0/\xa0"),i.map((t,o)=>t.toLowerCase()===e.toLowerCase()?l.createElement("span",{key:o,style:{color:"red"}},t):t))});return l.createElement("div",{title:t.map(e=>e.label).join(" / ")},o)},toggleShowBorderRadiusHandler:()=>{setTimeout(()=>{f(e=>!e),o.setFieldValue("borderRadiusAll",h?0:5),r({operation:S.Ru.SANDBOX_ELEMENT_SETTINGS_SET,type:S.bV.CAROUSEL,settings:{...T.settings,borderRadius:{all:h?"":5}}}),A(e=>({...e,settings:{...e.settings,borderRadius:{all:h?null:5}}}))})},setNewSlide:()=>{var e,t;const{width:o,height:l,renderedWidth:i,renderedHeight:a}=(null===T||void 0===T||null===(e=T.settings)||void 0===e?void 0:e.carouselImages[0])||{width:{value:600},height:{value:600},renderedWidth:600,renderedHeight:600},n={src:"https://emcdn.ru/1865/231031_17_BGU9Mso.png",width:{value:o.value,dim:"px"},height:{value:l.value,dim:"px"},alt:"",title:"",link:null,renderedWidth:i,renderedHeight:a,imgReplacer:"",mobileWidth:{value:null,dim:"px"},mobileHeight:{value:null,dim:"px"},mobileBorderRadius:{all:null,topLeft:null,topRight:null,bottomRight:null,bottomLeft:null}},d=[...null===T||void 0===T||null===(t=T.settings)||void 0===t?void 0:t.carouselImages,n];r({operation:S.Ru.SANDBOX_ELEMENT_SETTINGS_SET,type:S.bV.CAROUSEL,settings:{...T.settings,carouselImages:d}}),A(e=>({...e,settings:{...e.settings,carouselImages:d}}))}})))},$e={animate:!0,expandSingleSection:!0,sections:[{expanded:!1,index:0}]},je=({elementSettings:e})=>{const{__:t}=(0,E.s9)(),{token:o}=(0,c.rd)(),[i]=c.lV.useForm(),a=(0,_.XW)(),r=(0,B.rD)(),[n,d]=(0,l.useState)(e);(0,l.useEffect)(()=>{d(e)},[e]),(0,l.useEffect)(()=>{if(n.settings){const e=n.settings,t=(0,V.AO)(e);null===i||void 0===i||i.setFieldsValue(t)}},[i,n]);return l.createElement(c.lV,{form:i,layout:"vertical",name:"selected_carousel_form",initialValues:$e,onValuesChange:e=>{const t=(0,V.Ze)(n.settings,i,e);a({operation:S.Ru.SANDBOX_ELEMENT_SETTINGS_SET,type:n.type,caption:t.caption,settings:t}),d(e=>({...e,settings:{...e.settings,...t}}))},autoComplete:"off",className:"element-controls"},l.createElement("div",{id:"selected_element_form_desktop_props"},l.createElement(c.fI,{gutter:20},l.createElement(c.fv,{span:15},l.createElement(c.lV.Item,{name:"expandSingleSection",valuePropName:"checked"},l.createElement(c.dO,{id:"ExpandSingleSection",label:t("Expand only one section"),size:"small",labelStyle:{position:"relative",top:2}}))),l.createElement(c.fv,{span:9},l.createElement(c.lV.Item,{name:"animate",valuePropName:"checked"},l.createElement(c.dO,{id:"Animate",label:t("Animate"),size:"small",labelStyle:{position:"relative",top:2}})))),l.createElement(c.cG,{className:"selected-td-form__divider"}),l.createElement(c.lV.List,{name:"sections"},()=>{var e,i;return l.createElement("div",{style:{paddingTop:o.formItemMarginBottomMD+4}},null===n||void 0===n||null===(e=n.settings)||void 0===e||null===(i=e.sections)||void 0===i?void 0:i.map((e,o)=>{var i,r;return l.createElement(c.fI,{gutter:24,key:`expanded_${o}`},l.createElement(c.fv,{span:20},l.createElement(c.$x,{size:10,align:"baseline"},l.createElement("span",{style:{position:"relative",top:2}},t("Section ")+(o+1)),l.createElement(c.lV.Item,{name:`expanded_${o}`,valuePropName:"checked"},l.createElement(c.dO,{id:`expanded_${o}`,label:t("expanded"),labelSize:"small",size:"small"})))),l.createElement(c.fv,null,(null===n||void 0===n||null===(i=n.settings)||void 0===i||null===(r=i.sections)||void 0===r?void 0:r.length)>1&&l.createElement(c.$n,{type:"text",icon:l.createElement(N.Ay,{icon:"DeleteOutlined",size:16}),style:{marginRight:"auto"},onClick:()=>{return e=o,d(t=>{var o;return{...t,settings:{...t.settings,sections:null===(o=n.settings.sections)||void 0===o?void 0:o.filter((t,o)=>o!==e)}}}),void a({operation:S.Ru.SANDBOX_ACCORDION_REMOVE_SECTION,settings:{index:e}});var e}})))}))}),l.createElement(c.fI,{gutter:20},l.createElement(c.fv,{span:24},l.createElement(c.lV.Item,{style:{marginBottom:o.formItemMarginBottomMD}},l.createElement(c.$n,{style:{display:"inline-flex",alignItems:"center",width:"100%"},icon:l.createElement(N.Ay,{icon:"PlusCircleOutlined",size:16,strokeWidth:r.iconStrokeWidth}),onClick:()=>(d(e=>{var t;return{...e,sections:null===n||void 0===n||null===(t=n.settings)||void 0===t?void 0:t.sections.push({expanded:!1})}}),void a({operation:S.Ru.SANDBOX_ACCORDION_ADD_SECTION,settings:{section:t("Section title"),text:t("Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.")}}))},t(" Add section"))))),l.createElement(c.cG,{className:"selected-td-form__divider"})))};var Ye=o(9832),Ke=o(91769),qe=o(45354),Qe=o(42420);const{Text:Je}=c.Typography,Ze="text/plain",et=l.createElement("span",{className:"addon-text-content"},"Alt"),tt=l.createElement("span",{className:"addon-text-content"},"Title");function ot(e){return e.closest(".email-pane__collapse-wrapper")}function lt({form:e,name:t,placeholder:o,usedColors:i,onColorChange:a}){const r=c.lV.useWatch(t,e);return l.createElement(c.it,{placeholder:o,usedColors:i,value:"string"===typeof r?r:"",onChange:e=>a(t,e)})}const it=/^[a-z][a-z0-9+.-]*:/i;function at(e){const t=(0,V.aQ)("string"===typeof e?e:String(null!==e&&void 0!==e?e:""));return t?it.test(t)?t:`https://${t}`:""}async function rt(e,t){if(t===S.lx.UPLOAD_IMAGE_MODAL_EDIT&&function(e){if(!e)return!1;try{return new URL(e,"undefined"!==typeof window&&window.location?window.location.origin:"http://localhost").pathname.includes("/static/media/")}catch{return!1}}(e)){try{const o=new URL(e,"undefined"!==typeof window&&window.location?window.location.origin:"http://localhost").href,l=await fetch(o);if(l.ok){const e=await l.blob();return{entryModal:t,currentUrl:"",imageDataUrl:await new Promise((t,o)=>{const l=new FileReader;l.onload=()=>t(l.result),l.onerror=o,l.readAsDataURL(e)})}}}catch{}return{entryModal:S.lx.UPLOAD_IMAGE_MODAL_UPLOAD,currentUrl:""}}return{entryModal:t,currentUrl:e}}function nt(e,t,o){return{...e,buttonBgColor:t,hostCellBgForIconLuminance:String(null!==o&&void 0!==o?o:"").trim()}}function dt(e){var t,o,l,i,a;const r=(null===e||void 0===e?void 0:e.settings)||{};return JSON.stringify({type:null!==(t=null===e||void 0===e?void 0:e.type)&&void 0!==t?t:null,caption:null!==(o=null===e||void 0===e?void 0:e.caption)&&void 0!==o?o:null,parent:null!==(l=null!==(i=null===e||void 0===e?void 0:e.parent)&&void 0!==i?i:r.parent)&&void 0!==l?l:null,path:null!==(a=r.path)&&void 0!==a?a:null})}function st(e){if(!Array.isArray(e)||0===e.length)return"";const t=e.map(e=>{var t;return e.customIcon?"":String(null!==(t=null===e||void 0===e?void 0:e.itemBorderColor)&&void 0!==t?t:"").trim()}),o=t[0];return t.every(e=>e===o)?o:""}function mt(e,t){const o=String(null!==e&&void 0!==e?e:"").trim(),l=String(null!==t&&void 0!==t?t:"").trim();return l||o}function ct(e,t,o){const l=String(null!==e&&void 0!==e?e:"").trim(),i=String(null!==t&&void 0!==t?t:"").trim(),a=String(null!==o&&void 0!==o?o:"").trim();return!a||l&&a===l?i:a}function ut(e,t){return(e||[]).map(e=>({...e,itemBorderColor:e.customIcon?"":t}))}function gt(e,t,o){return(e||[]).map(e=>({...e,buttonBgColor:e.customIcon?"":ct(t,o,e.buttonBgColor)}))}function bt({__:e,form:t,fieldName:o,pushSettingsToIframe:i}){const{token:a}=(0,c.rd)(),n=c.lV.useWatch(["items",o,"alt"],t),d=c.lV.useWatch(["items",o,"title"],t),s="string"===typeof n?n:String(null!==n&&void 0!==n?n:""),m="string"===typeof d?d:String(null!==d&&void 0!==d?d:""),[u,g]=(0,l.useState)(!1),[b,p]=(0,l.useState)(!1),h=(0,l.useRef)(null),f=(0,l.useRef)(null),v=(0,l.useMemo)(()=>({clearIcon:l.createElement(c.tL,null)}),[]);(0,l.useEffect)(()=>{s.trim()&&g(!0)},[s]),(0,l.useEffect)(()=>{m.trim()&&p(!0)},[m]);const E=!(!s.trim()&&!u),S=!(!m.trim()&&!b),_=E||S,B=(0,l.useMemo)(()=>({marginBottom:_?a.formItemMarginBottomXS:0}),[_,a.formItemMarginBottomXS]),k=(0,l.useMemo)(()=>[o,"alt"],[o]),R=(0,l.useMemo)(()=>[o,"title"],[o]),y=(0,l.useMemo)(()=>s.trim()?s.trim():e("Alternative text"),[e,s]),w=(0,l.useMemo)(()=>m.trim()?m.trim():e("Tooltip text"),[e,m]),x=(0,l.useMemo)(()=>r()("selected-td-form__button",{"selected-td-form__button--active":E}),[E]),T=(0,l.useMemo)(()=>r()("selected-td-form__button",{"selected-td-form__button--active":S}),[S]),A=(0,l.useCallback)(e=>{setTimeout(()=>{const t=e.current;t&&("function"!==typeof t.focus?t.input&&"function"===typeof t.input.focus&&t.input.focus():t.focus())},0)},[]),N=(0,l.useCallback)(()=>{E?(g(!1),s.trim()&&(t.setFieldValue(["items",o,"alt"],""),setTimeout(()=>i(),0))):(g(!0),A(h))},[E,s,o,A,t,i]),P=(0,l.useCallback)(()=>{S?(p(!1),m.trim()&&(t.setFieldValue(["items",o,"title"],""),setTimeout(()=>i(),0))):(p(!0),A(f))},[o,A,t,i,S,m]);return l.createElement("div",{className:"selected-social-form__meta-block"},l.createElement(c.$x,{size:8,className:"selected-social-form__meta-toggle-row",style:B},l.createElement(c.m_,{title:y,placement:"bottom",getPopupContainer:ot},l.createElement(c.$n,{type:"default",className:x,onClick:N},l.createElement("span",{className:"addon-text-content"},"Alt"))),l.createElement(c.m_,{title:w,placement:"bottom",getPopupContainer:ot},l.createElement(c.$n,{type:"default",className:T,onClick:P},l.createElement("span",{className:"addon-text-content"},"Title")))),_&&l.createElement("div",{className:"selected-social-form__meta-fields"},E&&l.createElement(c.lV.Item,{name:k,className:"selected-social-form__card-field"},l.createElement(c.pd,{ref:h,placeholder:e("Alternative text"),allowClear:v,prefix:et})),S&&l.createElement(c.lV.Item,{name:R,className:"selected-social-form__card-field"},l.createElement(c.pd,{ref:f,placeholder:e("Social network name"),allowClear:v,prefix:tt}))))}function pt(e){var t,o,l,i,a,r;if(!e)return{align:"center",iconSize:40,borderRadius:0,gap:8,globalBgColor:"",globalItemBorderColor:"",buttonBorderWidth:0,showLabel:!1,items:[]};const n=function(e){var t;const o=String(null!==(t=null===e||void 0===e?void 0:e.bgColor)&&void 0!==t?t:"").trim();return{blockBgEnabled:!(null===e||void 0===e||!e.bgEnabled||!o),blockBgColor:o}}(e),d=String(null!==(t=null===e||void 0===e?void 0:e.hostCellBgForIconLuminance)&&void 0!==t?t:"").trim(),s=function(e,t){var o;if(!Array.isArray(e)||0===e.length)return t;let l=null;for(const i of e){const e=i.iconWidth;if(null==e||Number.isNaN(e)||e<=0)return t;if(null===l)l=e;else if(e!==l)return t}return null!==(o=l)&&void 0!==o?o:t}(e.items,null!==(o=e.iconSize)&&void 0!==o?o:40),m="number"!==typeof e.buttonBorderWidth||Number.isNaN(e.buttonBorderWidth)?0:e.buttonBorderWidth,c=e.bgEnabled&&e.bgColor?String(e.bgColor).trim():"";return{align:null!==(l=e.align)&&void 0!==l?l:"center",iconSize:s,borderRadius:null!==(i=e.borderRadius)&&void 0!==i?i:0,gap:null!==(a=e.gap)&&void 0!==a?a:8,globalBgColor:c,globalItemBorderColor:st(e.items),buttonBorderWidth:m,showLabel:null!==(r=e.showLabel)&&void 0!==r&&r,items:Array.isArray(e.items)?e.items.map(e=>{var t;const o=!!e.customIcon,l=o?"":mt(c,e.buttonBgColor),i=e.platform&&!o?(0,Qe.d2)(e.platform,nt(n,l,d)):null;return{...e,customIcon:o,...i?{iconSrc:i}:{},iconWidth:null,iconHeight:null,buttonBgColor:l,itemBorderColor:o?"":String(null!==(t=e.itemBorderColor)&&void 0!==t?t:"").trim()}}):[]}}const ht=({elementSettings:e})=>{var t,o,i;const{__:a}=(0,E.s9)(),s=(0,B.rD)(),m=(0,n.wA)(),[u]=c.lV.useForm(),g=(0,_.XW)(),{openImagePicker:b}=(0,Z.p)(),[p,h]=(0,l.useState)(e),[f,v]=(0,l.useState)(null),[k,y]=(0,l.useState)(null),w=(0,l.useRef)(null),x=(0,l.useRef)(null),T=(0,l.useRef)(null),A=(0,l.useRef)(dt(e)),P=(0,n.d4)(d.uJ),I=(0,l.useRef)(null),C=(0,l.useRef)(!1),L=(0,l.useRef)(""),O=function(){const e=(0,n.d4)(d.Up),[t,o]=(0,l.useState)(()=>"undefined"!==typeof document&&document.body.classList.contains("dark"));return(0,l.useEffect)(()=>{const e=()=>o(document.body.classList.contains("dark"));e();const t=new MutationObserver(e);return t.observe(document.body,{attributes:!0,attributeFilter:["class"]}),()=>t.disconnect()},[]),"vs-dark"===e||t?"dark":"light"}(),V=null!==(t=null===P||void 0===P?void 0:P.usedColors)&&void 0!==t?t:[],F=c.lV.useWatch("items",u)||[],D=(0,l.useCallback)(()=>{I.current&&(document.removeEventListener("dragover",I.current,!0),I.current=null)},[]),M=(0,l.useCallback)(()=>{if(I.current)return;const e=e=>{e.preventDefault(),e.dataTransfer&&(e.dataTransfer.dropEffect="move")};document.addEventListener("dragover",e,!0),I.current=e},[]),H=(0,l.useMemo)(()=>(0,qe.EX)("em").filter(e=>Qe.ww[e.id]),[]),z=(0,l.useMemo)(()=>H.map(e=>({value:e.id,label:l.createElement("span",{className:"selected-social-form__platform-option"},l.createElement("img",{src:(0,Qe.BS)(e.id,O),alt:""}),l.createElement("span",{className:"selected-social-form__platform-option-text"},a(e.labelMsgid)))})),[a,H,O]);(0,l.useEffect)(()=>{const t=dt(e);A.current!==t&&(A.current=t,h(e))},[e]),(0,l.useEffect)(()=>{if(null!==p&&void 0!==p&&p.settings){const e=p.settings;L.current=e.bgEnabled&&e.bgColor?String(e.bgColor).trim():"",u.setFieldsValue(pt(p.settings))}},[p,u]),(0,l.useEffect)(()=>()=>D(),[D]);const X=(0,l.useCallback)(()=>{var e,t,o,l,i,a;const r=u.getFieldsValue(!0),n=p.settings||{},d=String(null!==(e=n.hostCellBgForIconLuminance)&&void 0!==e?e:"").trim(),s=(r.globalBgColor||"").trim(),m="number"!==typeof r.iconSize||Number.isNaN(r.iconSize)?null!==(t=n.iconSize)&&void 0!==t?t:40:r.iconSize,c="number"!==typeof r.borderRadius||Number.isNaN(r.borderRadius)?null!==(o=n.borderRadius)&&void 0!==o?o:0:r.borderRadius,b="number"!==typeof r.gap||Number.isNaN(r.gap)?null!==(l=n.gap)&&void 0!==l?l:8:r.gap,f={blockBgEnabled:!!s,blockBgColor:s},v=(r.globalItemBorderColor||"").trim();let E="number"!==typeof r.buttonBorderWidth||Number.isNaN(r.buttonBorderWidth)?0:r.buttonBorderWidth;E=Math.max(0,Math.min(24,Math.round(E)));const _={...n,type:"social",align:null!==(i=null!==(a=r.align)&&void 0!==a?a:n.align)&&void 0!==i?i:"center",iconSize:m,borderRadius:c,gap:b,bgEnabled:!!s,bgColor:s,hostCellBgForIconLuminance:d,borderWidth:"number"===typeof n.borderWidth?n.borderWidth:0,borderColor:"string"===typeof n.borderColor?n.borderColor:"",buttonBorderColor:"",buttonBorderWidth:E,showLabel:r.showLabel,items:(r.items||[]).filter(Boolean).map(e=>{var t;const o=!!e.customIcon,l=o?"":function(e,t){const o=String(null!==e&&void 0!==e?e:"").trim(),l=String(null!==t&&void 0!==t?t:"").trim();return l?o&&l===o?"":l:""}(s,(e.buttonBgColor||"").trim()),i="string"===typeof e.href?at(e.href):e.href,a=o?"":mt(s,l),r=!o&&e.platform?(0,Qe.d2)(e.platform,nt(f,a,d)):null,n=o?"":v||String(null!==(t=e.itemBorderColor)&&void 0!==t?t:"").trim(),m=function(e){const t="string"===typeof e?e.trim():String(null!==e&&void 0!==e?e:"").trim();if(!t)return"";if(/^(?:[a-z][a-z0-9+.-]*:|\/\/)/i.test(t))return t;try{return new URL(t,"undefined"!==typeof window&&window.location?window.location.origin:"http://localhost").href}catch{return t}}(o?e.iconSrc||"":r||e.iconSrc||"");return{...e,customIcon:o,href:i,iconSrc:m,iconWidth:null,iconHeight:null,buttonBgColor:l,itemBorderColor:n}})};g({operation:S.Ru.SANDBOX_ELEMENT_SETTINGS_SET,type:S.bV.SOCIAL,caption:p.caption,settings:_}),L.current=s,h(e=>({...e,settings:_}))},[p.caption,p.settings,u,g]),G=(0,l.useCallback)(e=>{if(null==e||""===e)return-1;const t=(0,J.xv)(String(e));return(u.getFieldValue("items")||[]).findIndex(e=>(0,J.xv)(e&&e.iconSrc||"")===t)},[u]),$=(0,l.useCallback)((e,t,o,l)=>{var i;const a=[...u.getFieldValue("items")||[]];if(e<0||e>=a.length)return;const r=(0,J.xv)(String(l||""))===(0,J.xv)(String(t||""));r&&t===(null===(i=a[e])||void 0===i?void 0:i.iconSrc)||(a[e]={...a[e],iconSrc:t,customIcon:!0,buttonBgColor:"",itemBorderColor:""},u.setFieldValue("items",a),setTimeout(()=>X(),0)),"save"===(null===o||void 0===o?void 0:o.mode)&&r&&g({operation:S.Ru.SANDBOX_CURRENT_IMAGE_RELOAD,src:t,forceReload:!0})},[u,X,g]),j=(0,l.useCallback)(async(e,t)=>{var o;const l=(0,J.xv)(String(t||"")),i=G(t);if(i<0)return;const a=null===(o=(u.getFieldValue("items")||[])[i])||void 0===o?void 0:o.iconSrc,{entryModal:r,currentUrl:n,imageDataUrl:d}=await rt(l,e),s=await b({kind:"img",currentUrl:n,entryModal:r,imageDataUrl:d});null!==s&&void 0!==s&&s.url&&$(i,s.url,s.meta,a)},[$,G,u,b]),Y=(0,l.useCallback)(async e=>{const t=(u.getFieldValue("items")||[])[e];if(!t)return;const o=(0,J.xv)(String(t.iconSrc||"")),{entryModal:l,currentUrl:i,imageDataUrl:a}=await rt(o,S.lx.UPLOAD_IMAGE_MODAL_UPLOAD),r=t.iconSrc,n=await b({kind:"img",currentUrl:i,entryModal:l,imageDataUrl:a});null!==n&&void 0!==n&&n.url&&$(e,n.url,n.meta,r)},[$,u,b]),K=(0,l.useCallback)(e=>{var t;const o=parseInt(null!==(t=e.currentTarget.dataset.socialEditIndex)&&void 0!==t?t:"",10);Number.isNaN(o)||Y(o)},[Y]),q=(0,l.useCallback)(e=>{var t,o;const l=null===(t=e.data)||void 0===t?void 0:t.operation,i=null===(o=e.data)||void 0===o?void 0:o.src;l===S.Ru.APPLICATION_OPEN_IMAGE_AI_POPUP?j(S.lx.UPLOAD_IMAGE_MODAL_AI,i):l===S.Ru.APPLICATION_OPEN_IMAGE_UPLOAD_POPUP?j(S.lx.UPLOAD_IMAGE_MODAL_UPLOAD,i):l===S.Ru.APPLICATION_OPEN_IMAGE_EDIT_POPUP?j(S.lx.UPLOAD_IMAGE_MODAL_EDIT,i):l===S.Ru.APPLICATION_OPEN_IMAGE_GIF_POPUP?j(S.lx.UPLOAD_IMAGE_MODAL_GIF,i):l===S.Ru.APPLICATION_OPEN_IMAGE_STOCK_POPUP?j(S.lx.UPLOAD_IMAGE_MODAL_STOCK,i):l===S.Ru.APPLICATION_CLOSE_IMAGE_EDIT_POPUP&&(m((0,U.Os)()),m((0,U.Oo)()))},[m,j]);(0,W.A)(q);const Q=(0,l.useCallback)(()=>{const e=u.getFieldValue("items")||[],t=H[0],o=(u.getFieldValue("globalItemBorderColor")||"").trim(),l=(u.getFieldValue("globalBgColor")||"").trim();if(t){var i,a;const r=String(null!==(i=null===p||void 0===p||null===(a=p.settings)||void 0===a?void 0:a.hostCellBgForIconLuminance)&&void 0!==i?i:"").trim(),n=mt(l,l),d=(0,Qe.d2)(t.id,nt({blockBgEnabled:!!l,blockBgColor:l},n,r));u.setFieldsValue({items:[...e,{platform:t.id,customIcon:!1,href:"",alt:"",title:"",iconSrc:d,iconWidth:null,iconHeight:null,buttonBgColor:l,itemBorderColor:o}]})}else u.setFieldsValue({items:[...e,{platform:void 0,customIcon:!1,href:"",alt:"",title:"",iconSrc:"",iconWidth:null,iconHeight:null,buttonBgColor:l,itemBorderColor:o}]});setTimeout(()=>X(),0)},[null===p||void 0===p||null===(o=p.settings)||void 0===o?void 0:o.hostCellBgForIconLuminance,u,H,X]),ee=(0,l.useCallback)((e,t)=>{e.dataTransfer.setData(Ze,String(t)),e.dataTransfer.setData(S.hz,String(t)),e.dataTransfer.effectAllowed="move",w.current=t,v(t),M()},[M]),te=(0,l.useCallback)(()=>{D(),w.current=null,v(null),y(null)},[D]),oe=(0,l.useCallback)((e,t,o)=>{if(o<2)return;e.preventDefault(),e.dataTransfer.dropEffect="move";const l=w.current;null!==l&&l!==t&&y(t)},[]),le=(0,l.useCallback)((e,t)=>{e.currentTarget.contains(e.relatedTarget)||y(e=>e===t?null:e)},[]),ie=(0,l.useCallback)((e,t,o)=>{e.preventDefault(),y(null);const l=e.dataTransfer.getData(Ze),i=parseInt(l,10);Number.isNaN(i)||i===t?D():(o(i,t),D(),setTimeout(()=>X(),0))},[D,X]),ae=(0,l.useCallback)(e=>{var t;const o=e.currentTarget,l=parseInt(null!==(t=o.dataset.itemIndex)&&void 0!==t?t:"",10);Number.isNaN(l)||ee(e,l)},[ee]),re=(0,l.useCallback)(e=>{var t,o;const l=e.currentTarget,i=parseInt(null!==(t=l.dataset.itemIndex)&&void 0!==t?t:"",10),a=parseInt(null!==(o=l.dataset.listLength)&&void 0!==o?o:"",10);Number.isNaN(i)||Number.isNaN(a)||a<2||(e.preventDefault(),e.dataTransfer&&(e.dataTransfer.dropEffect="move"))},[]),ne=(0,l.useCallback)(e=>{var t,o;const l=e.currentTarget,i=parseInt(null!==(t=l.dataset.itemIndex)&&void 0!==t?t:"",10),a=parseInt(null!==(o=l.dataset.listLength)&&void 0!==o?o:"",10);Number.isNaN(i)||Number.isNaN(a)||oe(e,i,a)},[oe]),de=(0,l.useCallback)(e=>{var t;const o=parseInt(null!==(t=e.currentTarget.dataset.itemIndex)&&void 0!==t?t:"",10);Number.isNaN(o)||le(e,o)},[le]),se=(0,l.useCallback)(e=>{var t;const o=parseInt(null!==(t=e.currentTarget.dataset.itemIndex)&&void 0!==t?t:"",10),l=x.current;Number.isNaN(o)||"function"!==typeof l||ie(e,o,l)},[ie]),me=(0,l.useCallback)(e=>{var t;e.stopPropagation();const o=parseInt(null!==(t=e.currentTarget.dataset.fieldName)&&void 0!==t?t:"",10),l=T.current;Number.isNaN(o)||"function"!==typeof l||(l(o),queueMicrotask(X))},[X]),ce=(0,l.useCallback)((e,t)=>{var o,l;const i=H.find(e=>e.id===t),a=(u.getFieldValue("globalBgColor")||"").trim(),r=mt(a,(u.getFieldValue(["items",e,"buttonBgColor"])||"").trim()),n=String(null!==(o=null===p||void 0===p||null===(l=p.settings)||void 0===l?void 0:l.hostCellBgForIconLuminance)&&void 0!==o?o:"").trim(),d=(0,Qe.d2)(t,nt({blockBgEnabled:!!a,blockBgColor:a},r,n));i&&d&&(u.setFieldValue(["items",e,"customIcon"],!1),u.setFieldValue(["items",e,"iconSrc"],d))},[null===p||void 0===p||null===(i=p.settings)||void 0===i?void 0:i.hostCellBgForIconLuminance,u,H]),ue=(0,l.useCallback)(e=>{if(Object.prototype.hasOwnProperty.call(e,"globalItemBorderColor")){if(!C.current){var t;const o=String(null!==(t=e.globalItemBorderColor)&&void 0!==t?t:"").trim(),l=u.getFieldValue("items")||[];u.setFieldsValue({items:ut(l,o)})}}else if(Object.prototype.hasOwnProperty.call(e,"globalBgColor")){var o;const t=L.current,l=String(null!==(o=e.globalBgColor)&&void 0!==o?o:"").trim(),i=u.getFieldValue("items")||[];u.setFieldsValue({items:gt(i,t,l)})}else if(null!=(null===e||void 0===e?void 0:e.items)){const e=st(u.getFieldValue("items")||[]);e!==(u.getFieldValue("globalItemBorderColor")||"").trim()&&(C.current=!0,u.setFieldValue("globalItemBorderColor",e),queueMicrotask(()=>{C.current=!1}))}!function(e,t){if(null==e)return;const o=(e,o)=>{if(!o||!Object.prototype.hasOwnProperty.call(o,"platform"))return;const l=o.platform;void 0!==l&&null!==l&&""!==l&&t(e,l)};if(Array.isArray(e))e.forEach((e,t)=>{o(t,e)});else if("object"===typeof e)for(const l of Object.keys(e)){const t=Number.parseInt(l,10);Number.isNaN(t)||o(t,e[l])}}(null===e||void 0===e?void 0:e.items,ce),X()},[u,X,ce]),ge=(0,l.useCallback)((e,t)=>{u.setFieldValue(e,t),Array.isArray(e)&&"items"===e[0]?ue({items:{[e[1]]:{[e[2]]:t}}}):ue({[e]:t})},[u,ue]),be=l.createElement(l.Fragment,null,l.createElement("div",{className:"selected-social-form__section"},l.createElement("div",{className:"selected-social-form__section-title"},a("General settings")),l.createElement("div",{className:"selected-social-form__align-block"},l.createElement(R,{form:u,elementSettings:{...p,type:S.bV.SOCIAL}})),l.createElement(c.fI,{gutter:10,className:"selected-social-form__field-row"},l.createElement(c.fv,{span:12},l.createElement(c.m_,{trigger:["hover"],title:a("Button size"),placement:"bottom",getPopupContainer:ot},l.createElement(c.lV.Item,{name:"iconSize",className:"form-item-margin-xs"},l.createElement(c.FQ,{min:16,max:64,prefix:l.createElement(N.Ay,{icon:"ColumnWidthOutlined"}),addonAfter:"px",placeholder:a("Button size"),className:"selected-social-form__input-full"})))),l.createElement(c.fv,{span:12},l.createElement(c.m_,{trigger:["hover"],title:a("Corner radius"),placement:"bottom",getPopupContainer:ot},l.createElement(c.lV.Item,{name:"borderRadius",className:"form-item-margin-xs"},l.createElement(c.FQ,{min:0,max:48,prefix:l.createElement(N.Ay,{icon:"BorderRadius",className:"selected-td-form__icon-radius"}),addonAfter:"px",placeholder:a("Corner radius"),className:"selected-social-form__input-full"}))))),l.createElement(c.fI,{gutter:10,className:"selected-social-form__field-row"},l.createElement(c.fv,{span:12},l.createElement(c.m_,{trigger:["hover"],title:a("Spacing"),placement:"bottom",getPopupContainer:ot},l.createElement(c.lV.Item,{name:"gap",className:"form-item-margin-xs"},l.createElement(c.FQ,{min:0,max:48,prefix:l.createElement(N.Ay,{icon:"PaddingLeftRight"}),addonAfter:"px",placeholder:a("Spacing"),className:"selected-social-form__input-full"})))),l.createElement(c.fv,{span:12},l.createElement(c.m_,{trigger:["hover"],title:a("Background color"),placement:"bottom",getPopupContainer:ot},l.createElement(c.lV.Item,{name:"globalBgColor",className:"form-item-margin-xs"},l.createElement(lt,{form:u,name:"globalBgColor",placeholder:a("Background color"),usedColors:V,onColorChange:ge}))))),l.createElement(c.fI,{gutter:10,className:"selected-social-form__field-row"},l.createElement(c.fv,{span:12},l.createElement(c.m_,{trigger:["hover"],title:a("Border"),placement:"bottom",getPopupContainer:ot},l.createElement(c.lV.Item,{name:"buttonBorderWidth",className:"form-item-margin-xs"},l.createElement(c.FQ,{min:0,max:24,prefix:l.createElement(N.Ay,{icon:"BorderOuterOutlined"}),addonAfter:"px",placeholder:a("Border"),className:"selected-social-form__input-full"})))),l.createElement(c.fv,{span:12},l.createElement(c.m_,{trigger:["hover"],title:a("Border color"),placement:"bottom",getPopupContainer:ot},l.createElement(c.lV.Item,{name:"globalItemBorderColor",className:"form-item-margin-xs"},l.createElement(lt,{form:u,name:"globalItemBorderColor",placeholder:a("Border color"),usedColors:V,onColorChange:ge})))))),l.createElement("div",{className:"selected-social-form__section selected-social-form__section--bordered"},l.createElement("div",{className:"selected-social-form__section-title"},a("Social buttons")),l.createElement(c.lV.List,{name:"items"},(e,{remove:t,move:o})=>(x.current=o,T.current=t,l.createElement("div",{className:"selected-social-form__items"},e.map((t,o)=>{var i,n,d;const m=!!(null!==(i=null===(n=F[o])||void 0===n?void 0:n.customIcon)&&void 0!==i?i:null===(d=F[t.name])||void 0===d?void 0:d.customIcon);return l.createElement("div",{key:t.key,className:r()("selected-social-form__card",f===o&&"selected-social-form__card--dragging",k===o&&f!==o&&"selected-social-form__card--drag-over"),"data-item-index":o,"data-list-length":e.length,onDragEnterCapture:re,onDragOverCapture:ne,onDragLeave:de,onDropCapture:se},l.createElement("div",{className:"selected-social-form__card-head"},l.createElement("div",{className:"selected-social-form__card-head-main"},e.length>1?l.createElement("span",{className:"selected-social-form__drag-handle",draggable:!0,"data-item-index":o,onDragStart:ae,onDragEnd:te,role:"button",tabIndex:0,"aria-label":a("Drag to reorder")},l.createElement(Ye.A,null)):null,l.createElement(Je,{className:"selected-social-form__card-title"},a("Button")," ",o+1)),l.createElement(c.m_,{trigger:["hover"],title:a("Delete"),placement:"top",getPopupContainer:ot},l.createElement(c.$n,{type:"text",className:"selected-social-form__card-head-remove",icon:l.createElement(N.Ay,{icon:"DeleteOutlined",size:18,strokeWidth:s.iconStrokeWidth}),"aria-label":a("Delete"),"data-field-name":t.name,onClick:me}))),l.createElement(c.lV.Item,{name:[t.name,"iconSrc"],hidden:!0},l.createElement(c.pd,null)),l.createElement(c.lV.Item,{name:[t.name,"customIcon"],valuePropName:"checked",hidden:!0},l.createElement(c.Sc,null)),l.createElement("div",{className:"selected-social-form__platform-row"},l.createElement(c.lV.Item,{name:[t.name,"platform"],className:"selected-social-form__platform-field selected-social-form__card-field"},l.createElement(c.Select,{options:z,className:"selected-social-form__platform-select",popupClassName:"selected-social-form__platform-dropdown",placeholder:a("Select"),suffixIcon:l.createElement(N.Ay,{icon:"ChevronDownCustom",className:"ant-select-suffix"})})),l.createElement(c.m_,{trigger:["hover"],title:a("Edit icon"),placement:"top",getPopupContainer:ot},l.createElement(c.$n,{type:"text",className:"selected-social-form__platform-edit","data-social-edit-index":o,icon:l.createElement(N.Ay,{icon:"EditOutlined",size:18,strokeWidth:s.iconStrokeWidth}),"aria-label":a("Edit icon"),onClick:K}))),l.createElement(c.lV.Item,{name:[t.name,"href"],className:"selected-social-form__card-field",rules:[{required:!0,whitespace:!0,message:a("Please enter the URL.")},{validator:async(e,t)=>{const o="string"===typeof t?t.trim():String(null!==t&&void 0!==t?t:"").trim();if(o&&!function(e){const t=at(e);if(!t)return!1;try{const e=new URL(t);return("http:"===e.protocol||"https:"===e.protocol)&&!!e.hostname}catch{return!1}}(o))throw new Error(a("Please enter the correct URL."))}}]},l.createElement(c.pd,{prefix:l.createElement(N.Ay,{icon:"Link03",className:"selected-social-form__field-icon"}),placeholder:a("Enter link"),allowClear:{clearIcon:l.createElement(c.tL,null)}})),m?null:l.createElement(c.fI,{gutter:10,className:"selected-social-form__card-field selected-social-form__bg-color-row"},l.createElement(c.fv,{span:12},l.createElement(c.m_,{trigger:["hover"],title:a("Background color"),placement:"bottom",getPopupContainer:ot},l.createElement(c.lV.Item,{name:[t.name,"buttonBgColor"],className:"selected-social-form__card-field"},l.createElement(lt,{form:u,name:["items",t.name,"buttonBgColor"],placeholder:a("Background color"),usedColors:V,onColorChange:ge})))),l.createElement(c.fv,{span:12},l.createElement(c.m_,{trigger:["hover"],title:a("Border color"),placement:"bottom",getPopupContainer:ot},l.createElement(c.lV.Item,{name:[t.name,"itemBorderColor"],className:"selected-social-form__card-field"},l.createElement(lt,{form:u,name:["items",t.name,"itemBorderColor"],placeholder:a("Border color"),usedColors:V,onColorChange:ge}))))),l.createElement(bt,{__:a,form:u,fieldName:t.name,pushSettingsToIframe:X}))})))),l.createElement(c.$n,{type:"text",block:!0,className:"selected-social-form__add-bar",icon:l.createElement(Ke.A,null),onClick:Q},a("Add button"))));return l.createElement("div",{className:"selected-social-form"},l.createElement(c.lV,{form:u,layout:"vertical",className:"selected-social-form__form element-controls",onValuesChange:ue,autoComplete:"off"},l.createElement("div",{id:"selected_element_form_desktop_props"},be)))},ft=S.K0,vt=(e,t,o,l,i,a,r="")=>{const n=e.getFieldsValue(!0),d=t?"cell_":r;setTimeout(()=>{t?l(e=>!e):o(e=>!e),i&&(n[d+"borderWidth"]=null,n[d+"borderColor"]="",n[d+"borderStyle"]=""),a(e=>({...S.iV,[n[d+"borderPosition"]]:{...e[n[d+"borderPosition"]],width:n[d+"borderWidth"],color:n[d+"borderColor"],style:n[d+"borderStyle"]}}))})},Et=(e,t,o,l,i,a,r)=>{const n=e.getFieldsValue(!0);setTimeout(()=>{var e;t(e=>!e),o||null!==(e=l[null===n||void 0===n?void 0:n.mobileBorderPosition])&&void 0!==e&&e.color||(n.mobileBorderStyle="solid",n.mobileBorderWidth=1,n.mobileBorderColor=ft,i(e=>({...l,[null===n||void 0===n?void 0:n.mobileBorderPosition]:{color:ft,style:"solid",width:1}}))),a({operation:S.Ru.SANDBOX_ELEMENT_SETTINGS_SET,type:r.type,settings:{mobileBorder:{...l,[null===n||void 0===n?void 0:n.mobileBorderPosition]:{color:n.mobileBorderColor,style:n.mobileBorderStyle,width:n.mobileBorderWidth}}}})})},St=(e,t,o,l,i,a,r="")=>{const n=e.getFieldsValue(!0);setTimeout(()=>{t(e=>!e),o?(n[r+"borderRadiusAll"]=0,l(!0)):n[r+"borderRadiusAll"]||(n[r+"borderRadiusAll"]=0),i({operation:S.Ru.SANDBOX_ELEMENT_SETTINGS_SET,type:a.type,settings:{borderRadius:{all:n[r+"borderRadiusAll"]}}})})},_t=(e,t,o,l,i)=>{const a=e.getFieldsValue(!0);setTimeout(()=>{t(e=>!e),o||a.mobileBorderRadiusAll||a.mobileBorderRadiusTopLeft||a.mobileBorderRadiusTopRight||a.mobileBorderRadiusBottomRight||a.mobileBorderRadiusBottomLeft||(a.mobileBorderRadiusAll=0);["all","topLeft","topRight","bottomRight","bottomLeft"].forEach(e=>{var t;if(!(null===(t=a.mobileBorderRadius)||void 0===t?void 0:t[e]))return;const o=`mobileBorderRadius${e[0].toUpperCase()}${e.slice(1)}`;l({operation:S.Ru.SANDBOX_ELEMENT_SETTINGS_SET,type:i.type,settings:{mobileBorderRadius:{[e]:a[o],classNamePrefix:`em-mob-border_radius_${e}-`}}})})})},Bt=(e,t,o,l,i)=>{const a=e.getFieldsValue(!0);setTimeout(()=>{t(e=>!e),o||a.boxShadowColor?o&&(a.boxShadowInset=!1,a.boxShadowHOffset=null,a.boxShadowVOffset=null,a.boxShadowBlurRadius=null,a.boxShadowSpreadRadius=null,a.boxShadowColor=""):(a.boxShadowInset=!1,a.boxShadowHOffset=5,a.boxShadowVOffset=5,a.boxShadowBlurRadius=10,a.boxShadowSpreadRadius=-5,a.boxShadowColor="#000000"),l({operation:S.Ru.SANDBOX_ELEMENT_SETTINGS_SET,type:i.type,settings:{boxShadow:{blurRadius:a.boxShadowBlurRadius,color:a.boxShadowColor,hOffset:a.boxShadowHOffset,inset:a.boxShadowInset,spreadRadius:a.boxShadowSpreadRadius,vOffset:a.boxShadowVOffset}}})})},kt=(e,t,o,l,i)=>{const a=e.getFieldsValue(!0);setTimeout(()=>{t(e=>!e),o||a.mobileBoxShadowColor||(a.mobileBoxShadowInset=!1,a.mobileBoxShadowHOffset=5,a.mobileBoxShadowVOffset=5,a.mobileBoxShadowBlurRadius=10,a.mobileBoxShadowSpreadRadius=-5,a.mobileBoxShadowColor="#000000"),l({operation:S.Ru.SANDBOX_ELEMENT_SETTINGS_SET,type:i.type,settings:{mobileBoxShadow:{blurRadius:a.mobileBoxShadowBlurRadius,color:a.mobileBoxShadowColor,hOffset:a.mobileBoxShadowHOffset,inset:a.mobileBoxShadowInset,spreadRadius:a.mobileBoxShadowSpreadRadius,vOffset:a.mobileBoxShadowVOffset,classNamePrefix:"em-mob-box_shadow-"}}})})},Rt=(e,t,o,l,i)=>{const a=e.getFieldsValue(!0);setTimeout(()=>{t(e=>!e),o||a.mobileWidth||(a.mobileWidth=""),l({operation:S.Ru.SANDBOX_ELEMENT_SETTINGS_SET,type:i.type,settings:{mobileWidth:{value:a.mobileWidth,dim:a.mobileWidthDim,classNamePrefix:"em-mob-width-"}}})})},yt=e=>{setTimeout(()=>{e(e=>!e)})},wt=(e,t,o,l,i)=>{const a=e.getFieldsValue(!0);setTimeout(()=>{t(e=>!e),o||a.mobileBackgroundColor||(a.mobileBackgroundColor="#E5E5E5"),l({operation:S.Ru.SANDBOX_ELEMENT_SETTINGS_SET,type:i.type,settings:{mobileBackgroundColor:{classNamePrefix:"em-mob-background_color-",value:a.mobileBackgroundColor}}})})},xt=(e,t,o,l,i)=>{const a=e.getFieldsValue(!0);setTimeout(()=>{t(e=>!e),o&&(a.paddingLeftRight="",a.paddingLeft="",a.paddingRight="",a.paddingTopBottom="",a.paddingTop="",a.paddingBottom="",l({operation:S.Ru.SANDBOX_ELEMENT_SETTINGS_SET,type:i.type,settings:{padding:{all:0}}}))})},Tt=(e,t,o,l,i)=>{t(e=>!e);const a=e.getFieldsValue(!0);o||(a.paddingLeftRight=a.paddingLeft,a.paddingTopBottom=a.paddingTop,a.paddingRight=a.paddingLeft,a.paddingBottom=a.paddingTop,l({operation:S.Ru.SANDBOX_ELEMENT_SETTINGS_SET,type:i.type,settings:{padding:{top:a.paddingTopBottom,bottom:a.paddingTopBottom,left:a.paddingLeftRight,right:a.paddingLeftRight}}}))},At=e=>{setTimeout(()=>{e(e=>!e)})},Nt=(e,t,o,l,i)=>{t(e=>!e);const a=e.getFieldsValue(!0);o||(a.cell_paddingLeftRight=a.cell_paddingLeft,a.cell_paddingTopBottom=a.cell_paddingTop,a.cell_paddingRight=a.cell_paddingLeft,a.cell_paddingBottom=a.cell_paddingTop,l({operation:S.Ru.SANDBOX_ELEMENT_SETTINGS_SET,type:i.type,settings:{cell_padding:{top:a.cell_paddingTopBottom,bottom:a.cell_paddingTopBottom,left:a.cell_paddingLeftRight,right:a.cell_paddingLeftRight}}})),(o&&a.cell_paddingLeftRight||0===a.cell_paddingLeftRight)&&(a.cell_paddingLeft=a.cell_paddingLeftRight,a.cell_paddingRight=a.cell_paddingLeftRight),(o&&a.cell_paddingTopBottom||0===a.cell_paddingTopBottom)&&(a.cell_paddingTop=a.cell_paddingTopBottom,a.cell_paddingBottom=a.cell_paddingTopBottom)},Pt=({form:e,onBorderSideClear:t,formName:o,elementSettings:i,formValues:a,isMacOS:n,__:d,token:s,appConfig:m,typografItems:u,backgroundRepeatOptions:g,backgroundSizeOptions:b,sendAction:p,handleToggleShowPaddingCell:h,handleTogglePaddingCell:v,handleToggleBackground:E,handleToggleBorder:S,handleToggleBorderRadius:_,paddingCellShow:B,paddingsExt:k,backgroundShow:R,cellBordersShow:w,borderRadiusShow:x,textInputRef:T,linkProtocol:A,handleLinkProtocolsChange:P,backgroundImageEmpty:I})=>{var C;return l.createElement(l.Fragment,null,l.createElement(c.y9,{title:d("Text"),dividerTop:!1},m.formTextFieldTypografEnabled&&l.createElement(l.Fragment,null,l.createElement(c.fI,{gutter:10},l.createElement(c.fv,{span:12},l.createElement(c.lV.Item,{name:"AddImage",style:{marginBottom:s.formItemMarginBottomXS}},l.createElement(c.$n,{icon:l.createElement(N.Ay,{icon:"AddImage"}),onClick:()=>p("add_img"),style:{width:"100%"}},d("Add image")))),l.createElement(c.fv,{span:12},l.createElement(c.lV.Item,{name:"Typography",style:{marginBottom:s.formItemMarginBottomXS}},l.createElement(c.ms,{arrow:!0,menu:{items:u},trigger:["hover"],placement:"bottom",getPopupContainer:e=>e.closest(".selected-element-panel")},l.createElement(c.$n,{icon:l.createElement(N.Ay,{icon:"Typograf"}),onClick:()=>p("typograf"),style:{width:"100%"}},d("Typography")))))),l.createElement(c.m_,{trigger:["hover"],title:d("Text font"),placement:"bottom",zIndex:1,getPopupContainer:e=>e.parentNode},l.createElement(c.lV.Item,{name:"fontFamily",className:"form-item-margin-xs"},l.createElement(c.LW,{textEditor:!0,loadGoogleFonts:oe.c,getPopupContainer:e=>e.closest(".email-pane__collapse-wrapper")}))),!i.showOnMobile&&l.createElement(c.fI,{gutter:10},l.createElement(c.fv,{span:12},l.createElement(c.m_,{trigger:["hover"],title:d("Font size"),placement:"bottom"},l.createElement(c.lV.Item,{name:"fontSize"},l.createElement(c.FQ,{min:8,max:90,placeholder:d("Font size"),prefix:l.createElement(N.Ay,{icon:"FontSizeOutlined"}),addonAfter:"px"})))),l.createElement(c.fv,{span:12},l.createElement(c.m_,{trigger:["hover"],title:d("Line height"),placement:"bottom"},l.createElement(c.lV.Item,{name:"lineHeight"},l.createElement(c.FQ,{min:10,max:110,placeholder:d("Line height"),prefix:l.createElement(N.Ay,{icon:"LineHeightOutlined"}),addonAfter:"px"})))))),l.createElement(c.fI,{gutter:10},l.createElement(c.fv,{span:3},l.createElement(ie,{form:e,elementSettings:i,name:"textStrong",tooltipTitle:d(n?"Strong ( \u2318B )":"Strong  ( Ctrl+B )"),icon:l.createElement(N.Ay,{icon:"BoldOutlined",className:"selected-text-common-form__icon-radius"})})),l.createElement(c.fv,{span:3},l.createElement(ie,{form:e,elementSettings:i,name:"textItalic",tooltipTitle:d(n?"Italic ( \u2318I )":"Italic  ( Ctrl+I )"),icon:l.createElement(N.Ay,{icon:"ItalicOutlined",className:"selected-text-common-form__icon-radius"})})),l.createElement(c.fv,{span:3},l.createElement(ie,{form:e,elementSettings:i,name:"textStrikethrough",tooltipTitle:d(n?"Strikethrough ( \u2318+Shift+X )":"Strikethrough ( Alt+Shift+5 )"),icon:l.createElement(N.Ay,{icon:"StrikethroughOutlined",className:"selected-text-common-form__icon-radius"})})),l.createElement(c.fv,{span:3},l.createElement(ie,{form:e,elementSettings:i,name:"textUnderline",tooltipTitle:d(n?"Underline ( \u2318U )":"Underline ( Ctrl+U )"),icon:l.createElement(N.Ay,{icon:"UnderlineOutlined",className:"selected-text-common-form__icon-radius"})})),l.createElement(c.fv,{span:3},l.createElement(ie,{form:e,className:r()("selected-text-common-form__button selected-text-common-form__button_style",{"selected-text-common-form__button--active":"string"===typeof i.linkHref}),elementSettings:i,name:"textLink",tooltipTitle:d("Link"),icon:l.createElement(N.Ay,{icon:"LinkOutlined",className:"selected-text-common-form__icon-radius"})}))),(null===a||void 0===a?void 0:a.textLink)&&l.createElement(c.fI,{gutter:10},l.createElement(c.fv,{span:24},l.createElement(V.Ee,{show:"#"===A,__:d,style:{marginBottom:s.formItemMarginBottomXS}}),l.createElement(c.m_,{trigger:["hover"],title:d("The URL that the hyperlink directs to."),placement:"bottom"},l.createElement(c.lV.Item,{name:"linkHref"},l.createElement(c.pd,{ref:T,addonBefore:l.createElement(V.Ai,{linkProtocol:A,handleLinkProtocolsChange:P,__:d}),allowClear:!0,placeholder:d("Hyperlink URL"),autoFocus:null===i||void 0===i||null===(C=i.customTable)||void 0===C?void 0:C.isNewLink,prefix:l.createElement(V.RM,{linkProtocol:A})}))))),l.createElement(c.fI,{gutter:10,style:{paddingBottom:4}},l.createElement(c.fv,{span:12},l.createElement(c.m_,{trigger:["hover"],title:d("Text color"),placement:"bottom",zIndex:2,getPopupContainer:e=>e.parentNode},l.createElement(c.lV.Item,{name:"textColor",rules:[{message:d("Please set the font color")}]},l.createElement(c.it,{placeholder:d("Color"),usedColors:i.usedColors,usedLabel:d("Used"),recommendedLabel:d("Recommended")})))),l.createElement(c.fv,{span:12},l.createElement(c.m_,{trigger:["hover"],title:d("Text background"),placement:"bottom",zIndex:2,getPopupContainer:e=>e.parentNode},l.createElement(c.lV.Item,{name:"textBackgroundColor",rules:[{message:d("Please set the background color")}]},l.createElement(c.it,{placeholder:d("Background color"),usedColors:i.usedColors,usedLabel:d("Used"),recommendedLabel:d("Recommended")}))))),l.createElement(c.fI,{gutter:10,style:{paddingBottom:4}},l.createElement(c.fv,{span:12},l.createElement(le.A,{form:e,elementSettings:i,name:"textAlign"})),l.createElement(c.fv,{span:12,style:{textAlign:"right"}},l.createElement(y,{form:e,elementSettings:i,name:"valign",isNewIconType:!0})))),l.createElement(c.y9,{title:d("Padding"),collapsible:!0,open:B,onToggle:h,dividerTop:!0},l.createElement(c.L1,{namePrefix:"cell_",extended:k,onToggleExtended:v,gutter:s.marginSM,rowStyle:{paddingBottom:4},labels:{horizontal:d("Horizontal padding"),vertical:d("Vertical padding"),left:d("Left padding"),right:d("Right padding"),top:d("Top padding"),bottom:d("Bottom padding"),individual:d("Individual padding")}})),l.createElement(c.y9,{title:d("Background"),collapsible:!0,open:R,onToggle:E,dividerTop:!0},l.createElement(c.Qm,{colorFieldName:"cellBackgroundColor",imageEnabled:m.formTableFieldBackgroundImageEnabled&&!1,backgroundImageEmpty:I,usedColors:i.usedColors,colorPlaceholder:d("Background color"),usedLabel:d("Used"),recommendedLabel:d("Recommended"),horizontalPositionPlaceholder:d("Horizontal position"),horizontalPositionTooltip:d("Horizontal position"),verticalPositionPlaceholder:d("Vertical position"),verticalPositionTooltip:d("Vertical position"),backgroundRepeatTooltip:d("Background image repeat"),backgroundSizeTooltip:d("Background image size"),selectPlaceholder:d("Please choose"),backgroundRepeatOptions:g,backgroundSizeOptions:b,imageUploadSlot:(m.formTableFieldBackgroundImageEnabled,void 0)})),l.createElement(c.y9,{title:d("Borders"),collapsible:!0,open:w,onToggle:S,dividerTop:!0},l.createElement(f.A,{form:e,namePrefix:"cell_"})),m.formFieldBorderRadiusEnabled&&!1)},It=({form:e,onBorderSideClear:t,elementSettings:o,paddingShow:i,paddingsExt:a,backgroundShow:r,bordersShow:n,borderRadiusShow:d,boxShadowShow:s,handleToggleShowPadding:m,handleTogglePadding:u,handleToggleBackground:g,handleToggleBorder:b,handleToggleBorderRadius:p,handleToggleBoxShadow:S,backgroundRepeatOptions:_,backgroundSizeOptions:k,backgroundImageEmpty:R,oneBorderRadiusValue:y,setOneBorderRadiusValue:w,boxShadow:x})=>{const{__:T}=(0,E.s9)(),N=(0,B.rD)(),{token:I}=(0,c.rd)();return l.createElement(l.Fragment,null,l.createElement(c.y9,{title:T("Padding"),collapsible:!0,open:i,onToggle:m},l.createElement(c.L1,{extended:a,onToggleExtended:u,gutter:I.marginSM,labels:{horizontal:T("Horizontal padding"),vertical:T("Vertical padding"),left:T("Left padding"),right:T("Right padding"),top:T("Top padding"),bottom:T("Bottom padding"),individual:T("Individual padding")}})),l.createElement(c.y9,{title:T("Background"),collapsible:!0,open:r,onToggle:g,dividerTop:!0},l.createElement(c.Qm,{imageEnabled:N.formTableFieldBackgroundImageEnabled,backgroundImageEmpty:R,usedColors:o.usedColors,colorPlaceholder:T("Background color"),usedLabel:T("Used"),recommendedLabel:T("Recommended"),horizontalPositionPlaceholder:T("Horizontal position"),horizontalPositionTooltip:T("Horizontal position"),verticalPositionPlaceholder:T("Vertical position"),verticalPositionTooltip:T("Vertical position"),backgroundRepeatTooltip:T("Background image repeat"),backgroundSizeTooltip:T("Background image size"),selectPlaceholder:T("Please choose"),backgroundRepeatOptions:_,backgroundSizeOptions:k,imageUploadSlot:N.formTableFieldBackgroundImageEnabled?l.createElement(h.A,{form:e,label:T("Background image"),name:"backgroundImage",tooltipTitle:T("Background image"),placeholder:T("Background image link/route")}):void 0})),l.createElement(c.y9,{title:T("Borders"),collapsible:!0,open:n,onToggle:b,dividerTop:!0},l.createElement(f.A,{form:e,onBorderSideClear:t})),N.formFieldBorderRadiusEnabled&&l.createElement(c.y9,{title:T("Border radius"),collapsible:!0,open:d,onToggle:p,dividerTop:!0},l.createElement(v.A,{form:e,oneBorderRadiusValue:y,setOneBorderRadiusValue:w,elementSettings:o})),N.formFieldBoxShadowEnabled&&l.createElement(c.y9,{title:T("Box shadow"),collapsible:!0,open:s,onToggle:S,dividerTop:!0},l.createElement(A,null)),N.formFieldVisibilityEnabled&&l.createElement(c.y9,{title:T("Display control"),dividerTop:!0},l.createElement(P,{elementSettings:o,form:e})))},Ct=({form:e,elementSettings:t,mobileSizeShow:o,mobileBackgroundShow:i,mobileBordersShow:a,mobileBorderRadiusShow:r,mobileBoxShadowShow:s,handleToggleMobileSize:m,handleToggleMobileBackground:u,handleToggleMobileBorder:g,handleToggleMobileBorderRadius:b,handleToggleMobileBoxShadow:p,backgroundRepeatOptions:h,oneMobileBorderRadiusValue:f,setOneMobileBorderRadiusValue:S,mobileBorders:_,mobileBoxShadow:k})=>{const{__:R,_x:y}=(0,E.s9)(),w=(0,B.rD)(),{token:x}=(0,c.rd)(),T=(0,n.d4)(d.uJ);return l.createElement(l.Fragment,null,l.createElement(c.y9,{title:R("Size"),collapsible:!0,open:o,onToggle:m,dividerTop:!0},l.createElement(l.Fragment,null,l.createElement(c.fI,{gutter:10},l.createElement(c.fv,{span:12},l.createElement(c.m_,{trigger:["hover"],title:R("Table width"),placement:"left"},l.createElement("div",{style:{marginBottom:x.formItemMarginBottomMD+4}},l.createElement(D,{form:e,name:"mobileWidth",elementSettings:t}))))),l.createElement(c.fI,{gutter:10},l.createElement(c.fv,{span:12},l.createElement("div",{style:{marginBottom:2*x.formItemMarginBottomXS}},l.createElement(c.m_,{title:R("Height"),placement:"bottom"},l.createElement(M,{form:e,name:"mobileHeight",elementSettings:t}))))))),l.createElement(c.y9,{title:R("Background"),collapsible:!0,open:i,onToggle:u,dividerTop:!0},l.createElement("div",{style:{marginBottom:x.formItemMarginBottomMD+4}},l.createElement(ue,{form:e,elementSettings:t})),!1),w.formFieldBorderEnabled&&l.createElement(c.y9,{title:R("Borders"),collapsible:!0,open:a,onToggle:g,dividerTop:!0},l.createElement(c.Ok,{form:e,fieldStructure:"flat",borderValues:_,usedColors:T.usedColors,labels:{color:R("Color"),width:y("Width","border"),none:R("None"),solid:R("Solid"),dashed:R("Dashed"),dotted:R("Dotted"),above:R("Above"),below:R("Below"),onLeft:R("On the left"),onRight:R("On the right"),around:R("Around"),usedColors:R("Used"),recommendedColors:R("Recommended")}})),w.formFieldBorderRadiusEnabled&&l.createElement(c.y9,{title:R("Border radius"),collapsible:!0,open:r,onToggle:b,dividerTop:!0},l.createElement(v.A,{form:e,typeOfForm:"mobile",oneBorderRadiusValue:f,setOneBorderRadiusValue:S,elementSettings:t})),w.formFieldBoxShadowEnabled&&l.createElement(c.y9,{title:R("Box shadow"),collapsible:!0,open:s,onToggle:p,dividerTop:!0},l.createElement(A,{typeOfForm:"mobile",form:e,elementSettings:t,enableSwitch:!1})),w.formFieldVisibilityEnabled&&l.createElement(c.y9,{title:R("Display control"),dividerTop:!0},l.createElement(P,{elementSettings:t,form:e})))},Lt=({form:e,onBorderSideClear:t,elementViewType:o,mobileViewActive:i,elementSettings:a,paddingShow:r,paddingsExt:n,backgroundShow:d,bordersShow:s,borderRadiusShow:m,boxShadowShow:c,mobileSizeShow:u,mobileBackgroundShow:g,mobileBordersShow:b,mobileBorderRadiusShow:p,mobileBoxShadowShow:h,handleToggleShowPadding:f,handleTogglePadding:v,handleToggleBackground:E,handleToggleBorder:_,handleToggleBorderRadius:B,handleToggleBoxShadow:k,handleToggleMobileSize:R,handleToggleMobileBackground:y,handleToggleMobileBorder:w,handleToggleMobileBorderRadius:x,handleToggleMobileBoxShadow:T,backgroundRepeatOptions:A,backgroundSizeOptions:N,backgroundImageEmpty:P,oneBorderRadiusValue:I,setOneBorderRadiusValue:C,oneMobileBorderRadiusValue:L,setOneMobileBorderRadiusValue:O,boxShadow:V,mobileBorders:F,mobileBoxShadow:D})=>l.createElement(l.Fragment,null,o===S.ND&&i.styles?l.createElement("div",{id:"selected_element_form_mobile_props",className:"selected_form-mobile-props"},l.createElement(Ct,{form:e,elementSettings:a,mobileSizeShow:u,mobileBackgroundShow:g,mobileBordersShow:b,mobileBorderRadiusShow:p,mobileBoxShadowShow:h,handleToggleMobileSize:R,handleToggleMobileBackground:y,handleToggleMobileBorder:w,handleToggleMobileBorderRadius:x,handleToggleMobileBoxShadow:T,backgroundRepeatOptions:A,oneMobileBorderRadiusValue:L,setOneMobileBorderRadiusValue:O,mobileBorders:F,mobileBoxShadow:D})):l.createElement("div",{id:"selected_element_form_desktop_props"},l.createElement(It,{form:e,onBorderSideClear:t,elementSettings:a,paddingShow:r,paddingsExt:n,backgroundShow:d,bordersShow:s,borderRadiusShow:m,boxShadowShow:c,handleToggleShowPadding:f,handleTogglePadding:v,handleToggleBackground:E,handleToggleBorder:_,handleToggleBorderRadius:B,handleToggleBoxShadow:k,backgroundRepeatOptions:A,backgroundSizeOptions:N,backgroundImageEmpty:P,oneBorderRadiusValue:I,setOneBorderRadiusValue:C,boxShadow:V}))),Ot=["borderTop","borderBottom","borderLeft","borderRight"],Vt=({elementSettings:e,formName:t})=>{var o,i;const{__:a}=(0,E.s9)(),r=(0,_.XW)(),[d]=c.lV.useForm(),{token:s}=(0,c.rd)(),m=(0,B.rD)(),u=(0,n.d4)(G.Ct),g=(0,n.d4)(G.CS),b=(0,n.d4)(G.Fv),p=(0,n.d4)(G.yy),[h,f]=(0,l.useState)({}),[v,k]=(0,l.useState)(!0),[R,y]=(0,l.useState)({}),[w,x]=(0,l.useState)({}),[T,A]=(0,l.useState)(!0),[N,P]=(0,l.useState)(""===(null===(o=e.customTable)||void 0===o?void 0:o.backgroundImage[0].value)),[I,C]=(0,l.useState)(),[L,O]=(0,l.useState)(!1),[F,D]=(0,l.useState)(!1),[M,H]=(0,l.useState)(!1),[W,z]=(0,l.useState)(!1),[X,U]=(0,l.useState)(!1),[$,Y]=(0,l.useState)(!1),[K,q]=(0,l.useState)(!1),[Q,J]=(0,l.useState)(!1),[Z,ee]=(0,l.useState)(!0),[te,oe]=(0,l.useState)(!0),[le,ie]=(0,l.useState)(!0),[ae,re]=(0,l.useState)(!1),[ne,de]=(0,l.useState)("https://"),[se,me]=(0,l.useState)({}),[ce,ue]=(0,l.useState)(!1),[ge,be]=(0,l.useState)(!1),[pe,he]=(0,l.useState)(!1),[fe,ve]=(0,l.useState)({}),Ee=(0,l.useRef)(null),Se=(0,l.useRef)(),_e=c.lV.useWatch([],d),Be=[{label:a("Not defined"),value:"none"},{label:a("Do not repeat background (no-repeat)"),value:"no-repeat"},{label:a("Repeat background (repeat)"),value:"repeat"},{label:a("Repeat background horizontally (repeat-x)"),value:"repeat-x"},{label:a("Repeat background vertically (repeat-y)"),value:"repeat-y"}],ke=[{label:a("Not defined"),value:""},{label:a("Contain"),value:"contain"},{label:a("Cover"),value:"cover"}],Re={width:"",style:"",color:""},ye=b&&"bottom"!==p,we=S.K0,xe=t===S.om||!1,[Te,Ae]=(0,l.useState)(null);(0,l.useEffect)(()=>{var e,t;null!==(e=window)&&void 0!==e&&null!==(t=e.navigator)&&void 0!==t&&t.userAgent.includes("Macintosh")&&Ae(!0)},[]);const Ne=e=>{r({operation:S.Ru.SANDBOX_ELEMENT_TEXT,action:e,locale:"ru_RU"})},Pe=[{key:"1",label:a("This element"),onClick:()=>Ne("typograf")},{key:"2",label:a("The whole email"),onClick:()=>Ne("typograf_all")}];(0,l.useEffect)(()=>{if(e){var t,o,l,i,a,r,n,s,m,c,u,g,b,p,h,v,E,S,_,B,R,w,T,N,I,L,O,F,M,H,W,X,U,G,$,j,K,q,Q,J,Z,ee,te,oe,le,ie,ae,re,ne,de,se,ce,ue,ge,pe,fe,Ee,Se,_e,Be,ke,Re,ye,we,Te,Ae,Ne,Pe,Ie,Ce,Le,Oe,Ve,Fe,De,Me,He,We,ze,Xe,Ue,Ge,$e,je,Ye,Ke,qe,Qe,Je,Ze,et,tt,ot,lt,it,at,rt,nt,dt,st,mt,ct,ut,gt,bt,pt,ht,ft,vt,Et,St,_t,Bt,kt,Rt,yt,wt,xt,Tt,At,Nt,Pt,It,Ct,Lt,Ot,Vt,Ft,Dt,Mt,Ht,Wt,zt,Xt,Ut,Gt,$t,jt,Yt,Kt,qt,Qt,Jt;const Zt=e.border,eo=e.boxShadow,to=null===(t=e.customTable)||void 0===t?void 0:t.mobileBorder,oo=null===(o=e.customTable)||void 0===o?void 0:o.mobileBoxShadow,lo=null===(l=e.customTable)||void 0===l?void 0:l.cellBorders;ve(Zt),f(eo),y(to),x(oo),me(lo);const io=xe?null===e||void 0===e||null===(i=e.customTable)||void 0===i?void 0:i.cell_borderPosition:null===e||void 0===e||null===(a=e.customTable)||void 0===a?void 0:a.borderPosition,ao=Object.keys(to).find(e=>{var t,o,l;return(null===(t=to[e])||void 0===t?void 0:t.width)||(null===(o=to[e])||void 0===o?void 0:o.style)||(null===(l=to[e])||void 0===l?void 0:l.color)});d.setFieldsValue({...e,width:null===(r=e.width)||void 0===r?void 0:r.value,widthDim:null===(n=e.width)||void 0===n?void 0:n.dim,maxWidth:null===(s=e.maxWidth)||void 0===s?void 0:s.value,maxWidthDim:null===(m=e.maxWidth)||void 0===m?void 0:m.dim,minWidth:null===(c=e.minWidth)||void 0===c?void 0:c.value,minWidthDim:null===(u=e.minWidth)||void 0===u?void 0:u.dim,show:e.show?e.show:"all",mobileAlign:null===(g=e.mobileAlign)||void 0===g?void 0:g.value,mobileBorderPosition:ao||"all",mobileBorderWidth:null!==(null===(b=to[ao])||void 0===b?void 0:b.width)?null===(p=to[ao])||void 0===p?void 0:p.width:"",mobileBorderColor:(null===(h=to[ao])||void 0===h?void 0:h.color)||"",mobileBorderStyle:(null===(v=to[ao])||void 0===v?void 0:v.style)||"",mobileBackgroundImage:"none"!==e.mobileBackgroundImage[0].value?e.mobileBackgroundImage[0].value:"",mobileBackgroundPositionX:(0,V.ok)(null===(E=e.mobileBackgroundPositionX)||void 0===E?void 0:E.value),mobileBackgroundPositionY:(0,V.ok)(null===(S=e.mobileBackgroundPositionY)||void 0===S?void 0:S.value),mobileBackgroundRepeat:null!==(_=e.mobileBackgroundRepeat)&&void 0!==_&&_.value?null===(B=e.mobileBackgroundRepeat)||void 0===B?void 0:B.value:"none",exportAsPicture:null===e||void 0===e?void 0:e.exportAsPicture,paddingLeftRight:(0,V.ok)(null===(R=e.customTable)||void 0===R?void 0:R.paddingLeftRight.replace(/px$/,"")),paddingTopBottom:(0,V.ok)(null===(w=e.customTable)||void 0===w?void 0:w.paddingTopBottom.replace(/px$/,"")),paddingRight:(0,V.ok)(null===(T=e.customTable)||void 0===T?void 0:T.paddingRight.replace(/px$/,"")),paddingLeft:(0,V.ok)(null===(N=e.customTable)||void 0===N?void 0:N.paddingLeft.replace(/px$/,"")),paddingTop:(0,V.ok)(null===(I=e.customTable)||void 0===I?void 0:I.paddingTop.replace(/px$/,"")),paddingBottom:(0,V.ok)(null===(L=e.customTable)||void 0===L?void 0:L.paddingBottom.replace(/px$/,"")),backgroundColor:(0,V.ok)(null===(O=e.customTable)||void 0===O?void 0:O.backgroundColor),backgroundImage:(0,V.ok)(null===(F=e.customTable)||void 0===F?void 0:F.backgroundImage[0].value),backgroundPositionX:(0,V.ok)(null===(M=e.customTable)||void 0===M?void 0:M.backgroundPositionX),backgroundPositionY:(0,V.ok)(null===(H=e.customTable)||void 0===H?void 0:H.backgroundPositionY),backgroundRepeat:(0,V.ok)(null===(W=e.customTable)||void 0===W?void 0:W.backgroundRepeat),backgroundSize:(0,V.ok)(null===(X=e.customTable)||void 0===X?void 0:X.backgroundSize),borderAll:(0,V.ok)(null===(U=e.customTable)||void 0===U?void 0:U.borderAll),borderRadiusAll:(0,V.ok)(null===(G=e.customTable)||void 0===G?void 0:G.borderRadius.all),borderRadiusTopLeft:(0,V.ok)(null===($=e.customTable)||void 0===$?void 0:$.borderRadius.topLeft),borderRadiusBottomLeft:(0,V.ok)(null===(j=e.customTable)||void 0===j?void 0:j.borderRadius.bottomLeft),borderRadiusTopRight:(0,V.ok)(null===(K=e.customTable)||void 0===K?void 0:K.borderRadius.topRight),borderRadiusBottomRight:(0,V.ok)(null===(q=e.customTable)||void 0===q?void 0:q.borderRadius.bottomRight),borderRadius:{all:(0,V.ok)(null===(Q=e.customTable)||void 0===Q?void 0:Q.borderRadius.all),topLeft:(0,V.ok)(null===(J=e.customTable)||void 0===J?void 0:J.borderRadius.topLeft),topRight:(0,V.ok)(null===(Z=e.customTable)||void 0===Z?void 0:Z.borderRadius.topRight),bottomLeft:(0,V.ok)(null===(ee=e.customTable)||void 0===ee?void 0:ee.borderRadius.bottomLeft),bottomRight:(0,V.ok)(null===(te=e.customTable)||void 0===te?void 0:te.borderRadius.bottomRight)},borderTop:(0,V.ok)(null===(oe=e.customTable)||void 0===oe?void 0:oe.borderTop),borderBottom:(0,V.ok)(null===(le=e.customTable)||void 0===le?void 0:le.borderBottom),borderLeft:(0,V.ok)(null===(ie=e.customTable)||void 0===ie?void 0:ie.borderLeft),borderRight:(0,V.ok)(null===(ae=e.customTable)||void 0===ae?void 0:ae.borderRight),borderPosition:io||"borderAll",boxShadowInset:(0,V.ok)(null===(re=e.customTable)||void 0===re||null===(ne=re.boxShadow)||void 0===ne?void 0:ne.inset)||!1,boxShadowHOffset:(0,V.ok)(null===(de=e.customTable)||void 0===de||null===(se=de.boxShadow)||void 0===se?void 0:se.hOffset),boxShadowVOffset:(0,V.ok)(null===(ce=e.customTable)||void 0===ce||null===(ue=ce.boxShadow)||void 0===ue?void 0:ue.vOffset),boxShadowBlurRadius:(0,V.ok)(null===(ge=e.customTable)||void 0===ge||null===(pe=ge.boxShadow)||void 0===pe?void 0:pe.blurRadius),boxShadowSpreadRadius:(0,V.ok)(null===(fe=e.customTable)||void 0===fe||null===(Ee=fe.boxShadow)||void 0===Ee?void 0:Ee.spreadRadius),boxShadowColor:(0,V.ok)(null===(Se=e.customTable)||void 0===Se||null===(_e=Se.boxShadow)||void 0===_e?void 0:_e.color),mobileBoxShadowInset:(0,V.ok)(null===(Be=e.customTable)||void 0===Be||null===(ke=Be.mobileBoxShadow)||void 0===ke?void 0:ke.inset)||!1,mobileBoxShadowHOffset:(0,V.ok)(null===(Re=e.customTable)||void 0===Re||null===(ye=Re.mobileBoxShadow)||void 0===ye?void 0:ye.hOffset),mobileBoxShadowVOffset:(0,V.ok)(null===(we=e.customTable)||void 0===we||null===(Te=we.mobileBoxShadow)||void 0===Te?void 0:Te.vOffset),mobileBoxShadowBlurRadius:(0,V.ok)(null===(Ae=e.customTable)||void 0===Ae||null===(Ne=Ae.mobileBoxShadow)||void 0===Ne?void 0:Ne.blurRadius),mobileBoxShadowSpreadRadius:(0,V.ok)(null===(Pe=e.customTable)||void 0===Pe||null===(Ie=Pe.mobileBoxShadow)||void 0===Ie?void 0:Ie.spreadRadius),mobileBoxShadowColor:(0,V.ok)(null===(Ce=e.customTable)||void 0===Ce||null===(Le=Ce.mobileBoxShadow)||void 0===Le?void 0:Le.color),mobileBackgroundColor:(0,V.ok)("none"!==(null===(Oe=e.customTable)||void 0===Oe||null===(Ve=Oe.mobileBackgroundColor)||void 0===Ve?void 0:Ve.value)?null===(Fe=e.customTable)||void 0===Fe||null===(De=Fe.mobileBackgroundColor)||void 0===De?void 0:De.value:""),mobileWidth:(0,V.xc)(null===(Me=e.customTable)||void 0===Me||null===(He=Me.mobileWidth)||void 0===He?void 0:He.value),mobileWidthDim:null===(We=e.customTable)||void 0===We||null===(ze=We.mobileWidth)||void 0===ze?void 0:ze.dim,mobileHeight:(0,V.xc)(null===(Xe=e.customTable)||void 0===Xe||null===(Ue=Xe.mobileHeight)||void 0===Ue?void 0:Ue.value),mobileHeightDim:null===(Ge=e.customTable)||void 0===Ge||null===($e=Ge.mobileHeight)||void 0===$e?void 0:$e.dim,mobileBorderRadiusAll:(0,V.ok)(null===(je=e.customTable)||void 0===je?void 0:je.mobileBorderRadius.all),mobileBorderRadiusTopLeft:(0,V.ok)(null!==(null===(Ye=e.customTable)||void 0===Ye?void 0:Ye.mobileBorderRadius.topLeft)?null===(Ke=e.customTable)||void 0===Ke?void 0:Ke.mobileBorderRadius.topLeft:null===(qe=e.customTable)||void 0===qe?void 0:qe.mobileBorderRadius.all),mobileBorderRadiusBottomLeft:(0,V.ok)(null!==(null===(Qe=e.customTable)||void 0===Qe?void 0:Qe.mobileBorderRadius.bottomLeft)?null===(Je=e.customTable)||void 0===Je?void 0:Je.mobileBorderRadius.bottomLeft:null===(Ze=e.customTable)||void 0===Ze?void 0:Ze.mobileBorderRadius.all),mobileBorderRadiusTopRight:(0,V.ok)(null!==(null===(et=e.customTable)||void 0===et?void 0:et.mobileBorderRadius.topRight)?null===(tt=e.customTable)||void 0===tt?void 0:tt.mobileBorderRadius.topRight:null===(ot=e.customTable)||void 0===ot?void 0:ot.mobileBorderRadius.all),mobileBorderRadiusBottomRight:(0,V.ok)(null!==(null===(lt=e.customTable)||void 0===lt?void 0:lt.mobileBorderRadius.bottomRight)?null===(it=e.customTable)||void 0===it?void 0:it.mobileBorderRadius.bottomRight:null===(at=e.customTable)||void 0===at?void 0:at.mobileBorderRadius.all),cellBackgroundColor:(0,V.ok)(null===(rt=e.customTable)||void 0===rt?void 0:rt.cellBackgroundColor),cell_borderPosition:(0,V.ok)("cell_borderAll"),cell_borderAll:(0,V.ok)(null===(nt=e.customTable)||void 0===nt?void 0:nt.cell_borderAll),cell_borderTop:(0,V.ok)(null===(dt=e.customTable)||void 0===dt?void 0:dt.cell_borderTop),cell_borderBottom:(0,V.ok)(null===(st=e.customTable)||void 0===st?void 0:st.cell_borderBottom),cell_borderLeft:(0,V.ok)(null===(mt=e.customTable)||void 0===mt?void 0:mt.cell_borderLeft),cell_borderRight:(0,V.ok)(null===(ct=e.customTable)||void 0===ct?void 0:ct.cell_borderRight),cell_paddingLeftRight:(0,V.ok)(null===(ut=e.customTable)||void 0===ut||null===(gt=ut.cell_paddingLeftRight)||void 0===gt?void 0:gt.replace(/px$/,"")),cell_paddingTopBottom:(0,V.ok)(null===(bt=e.customTable)||void 0===bt||null===(pt=bt.cell_paddingTopBottom)||void 0===pt?void 0:pt.replace(/px$/,"")),cell_paddingRight:(0,V.ok)(null===(ht=e.customTable)||void 0===ht||null===(ft=ht.cell_paddingRight)||void 0===ft?void 0:ft.replace(/px$/,"")),cell_paddingLeft:(0,V.ok)(null===(vt=e.customTable)||void 0===vt||null===(Et=vt.cell_paddingLeft)||void 0===Et?void 0:Et.replace(/px$/,"")),cell_paddingTop:(0,V.ok)(null===(St=e.customTable)||void 0===St||null===(_t=St.cell_paddingTop)||void 0===_t?void 0:_t.replace(/px$/,"")),cell_paddingBottom:(0,V.ok)(null===(Bt=e.customTable)||void 0===Bt||null===(kt=Bt.cell_paddingBottom)||void 0===kt?void 0:kt.replace(/px$/,"")),fontFamily:(0,V.ok)(null===(Rt=e.customTable)||void 0===Rt?void 0:Rt.fontFamily),fontSize:(0,V.ok)(null===(yt=e.customTable)||void 0===yt?void 0:yt.fontSize),lineHeight:(0,V.ok)(null===(wt=e.customTable)||void 0===wt?void 0:wt.lineHeight),textStrong:(0,V.ok)(null===(xt=e.customTable)||void 0===xt?void 0:xt.textStrong),textItalic:(0,V.ok)(null===(Tt=e.customTable)||void 0===Tt?void 0:Tt.textItalic),textStrikethrough:(0,V.ok)(null===(At=e.customTable)||void 0===At?void 0:At.textStrikethrough),textUnderline:(0,V.ok)(null===(Nt=e.customTable)||void 0===Nt?void 0:Nt.textUnderline),textLink:(0,V.ok)(null===(Pt=e.customTable)||void 0===Pt?void 0:Pt.textLink),linkHref:(0,V.ok)(null===(It=e.customTable)||void 0===It?void 0:It.linkHref),linkTarget:(0,V.ok)(null===(Ct=e.customTable)||void 0===Ct?void 0:Ct.linkTarget),textColor:(0,V.ok)(null===(Lt=e.customTable)||void 0===Lt?void 0:Lt.textColor),textBackgroundColor:(0,V.ok)(null===(Ot=e.customTable)||void 0===Ot?void 0:Ot.textBackgroundColor),textAlign:(0,V.ok)(null===(Vt=e.customTable)||void 0===Vt?void 0:Vt.textAlign),valign:(0,V.ok)(null===(Ft=e.customTable)||void 0===Ft?void 0:Ft.textValign)}),!(0,V.ok)(null===(Dt=e.customTable)||void 0===Dt?void 0:Dt.borderRadius.all)&&((0,V.ok)(null===(Mt=e.customTable)||void 0===Mt?void 0:Mt.borderRadius.topLeft)||(0,V.ok)(null===(Ht=e.customTable)||void 0===Ht?void 0:Ht.borderRadius.bottomLeft)||(0,V.ok)(null===(Wt=e.customTable)||void 0===Wt?void 0:Wt.borderRadius.topRight)||(0,V.ok)(null===(zt=e.customTable)||void 0===zt?void 0:zt.borderRadius.bottomRight))?k(!1):k(!0),!(0,V.ok)(null===(Xt=e.customTable)||void 0===Xt?void 0:Xt.mobileBorderRadius.all)&&(0,V.ok)(null===(Ut=e.customTable)||void 0===Ut?void 0:Ut.mobileBorderRadius.topLeft)||(0,V.ok)(null===(Gt=e.customTable)||void 0===Gt?void 0:Gt.mobileBorderRadius.bottomLeft)||(0,V.ok)(null===($t=e.customTable)||void 0===$t?void 0:$t.mobileBorderRadius.topRight)||(0,V.ok)(null===(jt=e.customTable)||void 0===jt?void 0:jt.mobileBorderRadius.bottomRight)?A(!1):A(!0),P(""===(null===(Yt=e.customTable)||void 0===Yt?void 0:Yt.backgroundImage[0].value)),C(e=>{var t,o,l;return!!(null!==(t=Zt[io])&&void 0!==t&&t.width||null!==(o=Zt[io])&&void 0!==o&&o.style||null!==(l=Zt[io])&&void 0!==l&&l.color)||e}),D(!!e.borderRadius.all||!!e.borderRadius.topLeft||!!e.borderRadius.bottomLeft||!!e.borderRadius.topRight||!!e.borderRadius.bottomRight),z(!!e.boxShadow),he(!(null===(Kt=e.width)||void 0===Kt||!Kt.value)||!(null===(qt=e.minWidth)||void 0===qt||!qt.value)||!(null===(Qt=e.maxWidth)||void 0===Qt||!Qt.value)),Y(!(null===(Jt=e.customTable)||void 0===Jt||!Jt.mobileWidth.value)),be(!!e.exportAsPicture)}},[d,e]),(0,l.useEffect)(()=>{var t;const o=d.getFieldValue("linkHref");"string"===typeof(null===(t=e.customTable)||void 0===t?void 0:t.linkHref)&&ue(!0),Ee&&!o&&(ue(!1),d.setFieldsValue({linkHref:null})),Ee.current=o||null},[null===_e||void 0===_e?void 0:_e.textLink,null===_e||void 0===_e?void 0:_e.linkHref,null===(i=e.customTable)||void 0===i?void 0:i.linkHref,d]),(0,l.useEffect)(()=>{var t,o,l;null!==(t=e.customTable)&&void 0!==t&&t.linkHref&&(0,V.b9)((null===(l=e.customTable)||void 0===l?void 0:l.linkHref)||"",de);d.setFieldsValue({linkHref:"string"===typeof(null===(o=e.customTable)||void 0===o?void 0:o.linkHref)?e.customTable.linkHref:"https://"})},[d,e,de]);const Ie=t=>{var o,l,i,a,n,s,m,c,u;const g=d.getFieldsValue(!0),b=Object.keys(t)[0];let p;const h=Ot.includes(b)&&g[b]?{...g[b],width:""===g[b].width?(null===(o=g.borderAll)||void 0===o?void 0:o.width)||"1":g[b].width,color:""===g[b].color?(null===(l=g.borderAll)||void 0===l?void 0:l.color)||we:g[b].color,style:""===g[b].style?(null===(i=g.borderAll)||void 0===i?void 0:i.style)||"solid":g[b].style}:null,f=["top","right","bottom","left"],v="em-mob-border_",E=e=>({...S.iV[e],classNamePrefix:`${v}${e}-`}),_=(e,t,o,l)=>f.reduce((i,a)=>(i[a]={...e,[o]:a===t?l:e[o],classNamePrefix:`${v}${a}-`},i),{});switch(b){case"exportAsPicture":p={exportAsPicture:g.exportAsPicture};break;case"boxShadowInset":case"boxShadowHOffset":case"boxShadowVOffset":case"boxShadowBlurRadius":case"boxShadowSpreadRadius":case"boxShadowColor":p={boxShadow:{hOffset:g.boxShadowHOffset,vOffset:g.boxShadowVOffset,blurRadius:g.boxShadowBlurRadius,spreadRadius:g.boxShadowSpreadRadius,color:g.boxShadowColor,inset:g.boxShadowInset}};break;case"width":p={[b]:{value:t[b],dim:g.widthDim}};break;case"widthDim":p={width:{value:g.width,dim:t[b]}};break;case"maxWidth":p={[b]:{value:t[b],dim:g.maxWidthDim}};break;case"maxWidthDim":p={maxWidth:{value:g.maxWidth,dim:t[b]}};break;case"minWidth":p={[b]:{value:t[b],dim:g.minWidthDim}};break;case"minWidthDim":p={minWidth:{value:g.minWidth,dim:t[b]}};break;case"backgroundImage":P(""===t[b]),p={[b]:[{...null===(a=e.customTable)||void 0===a?void 0:a.backgroundImage[0],value:t[b]}],backgroundSize:"cover"},d.setFieldsValue({backgroundColor:""});break;case"backgroundColor":P(!0),p=t,d.setFieldsValue({backgroundImage:"",backgroundPositionX:"",backgroundPositionY:"",backgroundRepeat:"",backgroundSize:""});break;case"borderRadiusAll":case"borderRadiusTopLeft":case"borderRadiusBottomLeft":case"borderRadiusTopRight":case"borderRadiusBottomRight":p={borderRadius:{[j.wF[b]]:+t[b]}};break;case"mobileWidth":p={[b]:{classNamePrefix:"em-mob-width-",value:t[b],dim:g.mobileWidthDim}};break;case"mobileWidthDim":p={mobileWidth:{classNamePrefix:"em-mob-width-",value:g.mobileWidth||100,dim:t[b]}};break;case"mobileHeight":p={[b]:{classNamePrefix:"em-mob-height-",value:t[b],dim:g.mobileHeightDim}};break;case"mobileBorderStyle":case"mobileBorderColor":case"mobileBorderWidth":const o={mobileBorderStyle:"style",mobileBorderColor:"color",mobileBorderWidth:"width"}[b],{newBorders:l,sending:i,formUpdates:B}=((e,t,o,l)=>{var i,a,r,n,d,s;const m=l.mobileBorderPosition,c="all"===m,u=""===t||null==t;let g;g=c?{all:{...o.all,[e]:u?null:t,classNamePrefix:`${v}all-`},...f.reduce((e,t)=>({...e,[t]:E(t)}),{})}:u?{...o,[m]:E(m),all:{...S.iV.all}}:null!=(null===(i=o.all)||void 0===i?void 0:i.color)&&null!=(null===(a=o.all)||void 0===a?void 0:a.width)&&null!=(null===(r=o.all)||void 0===r?void 0:r.style)?{..._(o.all,m,e,t),all:{...S.iV.all}}:{...o,[m]:{...o[m],[e]:t,classNamePrefix:`${v}${m}-`},all:{...S.iV.all}};const b=c?g.all:g[m];return{newBorders:g,sending:{mobileBorder:g},formUpdates:{mobileBorderColor:null!==(n=null===b||void 0===b?void 0:b.color)&&void 0!==n?n:we,mobileBorderWidth:null!==(d=null===b||void 0===b?void 0:b.width)&&void 0!==d?d:1,mobileBorderStyle:null!==(s=null===b||void 0===b?void 0:b.style)&&void 0!==s?s:"solid"}}})(o,t[b],R,g);Object.assign(g,B),y(l),p=i;break;case"mobileBorderPosition":d.setFieldsValue({mobileBorderWidth:R[t[b]].width||"",mobileBorderColor:R[t[b]].color||"",mobileBorderStyle:R[t[b]].style||""});break;case"mobileBorderRadiusAll":case"mobileBorderRadiusTopLeft":case"mobileBorderRadiusBottomLeft":case"mobileBorderRadiusTopRight":case"mobileBorderRadiusBottomRight":p={mobileBorderRadius:{[j.NW[b]]:t[b],classNamePrefix:"em-mob-border_radius_"+j.NW[b]+"-"}};break;case"mobileBoxShadowInset":case"mobileBoxShadowHOffset":case"mobileBoxShadowVOffset":case"mobileBoxShadowBlurRadius":case"mobileBoxShadowSpreadRadius":case"mobileBoxShadowColor":p={mobileBoxShadow:{hOffset:g.mobileBoxShadowHOffset,vOffset:g.mobileBoxShadowVOffset,blurRadius:g.mobileBoxShadowBlurRadius,spreadRadius:g.mobileBoxShadowSpreadRadius,color:g.mobileBoxShadowColor,inset:g.mobileBoxShadowInset,classNamePrefix:"em-mob-box_shadow-"}};break;case"mobileBackgroundColor":p={[b]:{classNamePrefix:"em-mob-background_color-",value:t[b]}};break;case"mobileBackgroundImage":p={[b]:[{...e.mobileBackgroundImage[0],classNamePrefix:"em-mob-background_image-",value:t[b]}]};break;case"mobileBackgroundPositionX":p={[b]:{classNamePrefix:"em-mob-background_position_x-",value:t[b]}};break;case"mobileBackgroundPositionY":p={[b]:{classNamePrefix:"em-mob-background_position_x-",value:t[b]}};break;case"mobileBackgroundRepeat":p={[b]:{classNamePrefix:"em-mob-background_repeat-",value:t[b]}};break;case"mobileAlign":p={[b]:{classNamePrefix:"em-mob-table_align-",value:t[b]}};break;case"borderPosition":case"cell_borderPosition":p=t,r({operation:S.Ru.SANDBOX_ELEMENT_SETTINGS_SET,type:e.type,settings:p});break;case"borderAll":""===(null===(n=t[b])||void 0===n?void 0:n.style)?d.setFieldsValue({borderAll:Re}):d.setFieldsValue({borderTop:Re,borderBottom:Re,borderLeft:Re,borderRight:Re}),p=t;break;case"borderTop":d.setFieldsValue({borderTop:h}),""===(null===(s=t[b])||void 0===s?void 0:s.style)?d.setFieldsValue({borderTop:Re}):d.setFieldsValue({borderAll:Re}),p=t;break;case"borderBottom":d.setFieldsValue({borderBottom:h}),""===(null===(m=t[b])||void 0===m?void 0:m.style)?d.setFieldsValue({borderBottom:Re}):d.setFieldsValue({borderAll:Re}),p=t;break;case"borderLeft":d.setFieldsValue({borderLeft:h}),""===(null===(c=t[b])||void 0===c?void 0:c.style)?d.setFieldsValue({borderLeft:Re}):d.setFieldsValue({borderAll:Re}),p=t;break;case"borderRight":d.setFieldsValue({borderRight:h}),""===(null===(u=t[b])||void 0===u?void 0:u.style)?d.setFieldsValue({borderRight:Re}):d.setFieldsValue({borderAll:Re}),p=t;break;case"fontSize":case"lineHeight":if(null===t[b]||""===t[b]||void 0===t[b])return;p=t;break;case"linkHref":{const e=(0,V.aQ)(t[b]);e!==t[b]&&d.setFieldValue("linkHref",e),p={linkHref:e},(0,V.b9)(e,de);break}default:p=t}"borderPosition"!==b&&r({operation:S.Ru.SANDBOX_ELEMENT_SETTINGS_SET,type:e.type,settings:p})},Ce=(0,l.useCallback)(()=>{vt(d,xe,C,re,I,ve,"")},[d,xe,I,""]),Le=(0,l.useCallback)(()=>{Et(d,O,L,R,y,r,e)},[d,L,R,r,e]),Oe=(0,l.useCallback)(()=>{St(d,D,F,k,r,e,"")},[d,F,k,r,e,""]),Ve=(0,l.useCallback)(()=>{_t(d,H,M,r,e)},[d,M,r,e]),Fe=(0,l.useCallback)(()=>{Bt(d,z,W,r,e)},[d,W,r,e]),De=(0,l.useCallback)(()=>{kt(d,U,X,r,e)},[d,X,r,e]),Me=(0,l.useCallback)(()=>{Rt(d,Y,$,r,e)},[d,$,r,e]),He=(0,l.useCallback)(()=>{yt(q)},[q]),We=(0,l.useCallback)(()=>{wt(d,J,Q,r,e)},[d,Q,r,e]),ze=(0,l.useCallback)(()=>{xt(d,ee,Z,r,e)},[d,Z,r,e]),Xe=(0,l.useCallback)(()=>{Tt(d,oe,te,r,e)},[d,te,r,e]),Ue=(0,l.useCallback)(()=>{At(ie)},[ie]),Ge=(0,l.useCallback)(()=>{Nt(d,oe,te,r,e)},[d,te,r,e]);return l.createElement(c.lV,{form:d,layout:"vertical",name:t,initialValues:{paddingTop:"",paddingLeft:"",paddingRight:"",paddingBottom:"",cell_paddingTop:"",cell_paddingLeft:"",cell_paddingRight:"",cell_paddingBottom:"",cell_paddingLeftRight:"",cell_paddingTopBottom:"",borderAll:{width:"",style:"",color:""},borderTop:{width:"",style:"",color:""},borderBottom:{width:"",style:"",color:""},borderLeft:{width:"",style:"",color:""},borderRight:{width:"",style:"",color:""},cellBackgroundColor:"",backgroundImageForCell:"",cellBackgroundPositionX:"",cellBackgroundPositionY:"",cellBackgroundRepeat:"",cellBackgroundSize:"",backgroundColor:"",backgroundImage:"",backgroundPositionX:"",backgroundPositionY:"",backgroundRepeat:"",backgroundSize:"",exportAsPicture:!1,show:"all",width:{value:"",dim:""},maxWidth:{value:"",dim:""},minWidth:{value:"",dim:""},align:"",mobileAlign:"",border:"",boxShadow:"",borderPosition:"",borderColor:"",borderWidth:"",borderStyle:"",borderRadiusAll:"",RadiusTopLeft:"",RadiusBottomLeft:"",RadiusTopRight:"",RadiusBottomRight:"",mobileWidth:"",mobileWidthDim:"",mobileHeight:"",mobileHeightDim:"px",mobileBorder:"",mobileBorderPosition:"",mobileBorderColor:"",mobileBorderWidth:"",mobileBorderStyle:"",mobileBorderAll:"",mobileBorderTop:"",mobileBorderBottom:"",mobileBorderLeft:"",mobileBorderRight:"",mobileBoxShadow:"",mobileBackgroundColor:"",mobileBackgroundImage:"",cell_border:"",cell_borderColor:"",cell_borderWidth:"",cell_borderStyle:"",cell_borderPosition:"cell_borderAll",cell_borderAll:{color:"",width:"",style:""},cell_borderTop:{color:"",width:"",style:""},cell_borderBottom:{color:"",width:"",style:""},cell_borderLeft:{color:"",width:"",style:""},cell_borderRight:{color:"",width:"",style:""},cell_borderRadiusAll:"",cell_RadiusTopLeft:"",cell_RadiusBottomLeft:"",cell_RadiusTopRight:"",cell_RadiusBottomRight:"",fontFamily:"",fontSize:"",lineHeight:"",textStrong:"",textItalic:"",textStrikethrough:"",textUnderline:"",textLink:"",linkHref:"",textColor:"",textAlign:"",verticalAlign:"",textBackgroundColor:"",valign:""},onValuesChange:Ie,autoComplete:"off",className:"element-controls",style:{padding:0,display:"flex",flexDirection:"column"}},!ye&&l.createElement(c.m_,{title:a("To change the appearance of the element on the mobile device, edit the fields below. If the fields remain empty, the desktop styles will be applied to the mobile version."),placement:"bottom"},l.createElement(c.Fc,{className:"selected_form-mobile-props-title",message:a("Appearance on mobile devices"),type:"info"})),xe?l.createElement("div",{id:"selected_element_form_desktop_props"},l.createElement(Pt,{form:d,onBorderSideClear:Ie,formValues:_e,elementSettings:e,appConfig:m,token:s,isMacOS:Te,__:a,handleToggleShowPaddingCell:Ue,handleTogglePaddingCell:Ge,handleToggleBackground:He,handleToggleBorder:Ce,handleToggleBorderRadius:Oe,paddingCellShow:le,paddingsExt:te,backgroundShow:K,cellBordersShow:ae,borderRadiusShow:F,oneBorderRadiusValue:v,setOneBorderRadiusValue:k,backgroundImageEmpty:N,backgroundRepeatOptions:Be,backgroundSizeOptions:ke,sendAction:Ne,typografItems:Pe,textInputRef:Se,linkProtocol:ne,handleLinkProtocolsChange:e=>{d.setFieldValue("linkHref","mergetag"!==e?e:""),de(e)},isCodeVision:ye})):l.createElement(Lt,{form:d,onBorderSideClear:Ie,elementSettings:e,handleToggleShowPadding:ze,handleTogglePadding:Xe,handleToggleBackground:He,handleToggleBorder:Ce,handleToggleBorderRadius:Oe,handleToggleBoxShadow:Fe,handleToggleMobileSize:Me,handleToggleMobileBackground:We,handleToggleMobileBorder:Le,handleToggleMobileBorderRadius:Ve,handleToggleMobileBoxShadow:De,paddingShow:Z,paddingsExt:te,backgroundShow:K,bordersShow:I,borderRadiusShow:F,boxShadowShow:W,mobileSizeShow:$,mobileBackgroundShow:Q,mobileBordersShow:L,mobileBorderRadiusShow:M,mobileBoxShadowShow:X,oneBorderRadiusValue:v,setOneBorderRadiusValue:k,oneMobileBorderRadiusValue:T,setOneMobileBorderRadiusValue:A,backgroundImageEmpty:N,backgroundRepeatOptions:Be,backgroundSizeOptions:ke,boxShadow:h,mobileBorders:R,mobileBoxShadow:w,elementViewType:u,mobileViewActive:g}),"    ")},Ft=({className:e=null,formSettings:t,emailElementType:o,formName:a})=>{const m=(0,n.wA)(),c=(0,q.Cb)(),u=(0,l.useRef)(),g=(0,n.d4)(G.B),b=(0,n.d4)(d.qX),p=(0,n.d4)(s.qX),h=o===S.Tm?b:p,[f,v]=(0,l.useState)(h);(0,l.useEffect)(()=>{v(h.type===S.bV.CAROUSEL||h.type===S.bV.IMG?t.settings:h)},[h,t.settings]);return(0,W.A)(e=>{const t=e.data.operation,o=e.data.action;if(t===S.Ru.APPLICATION_ACTION){function l(e,t=null){const o={[e]:t||!f[e]};c(o,f.type),m((0,d.G_)(o)),v(e=>({...e,...o}))}"toggle_strong"===o&&l("textStrong"),"toggle_italic"===o&&l("textItalic"),"toggle_underline"===o&&l("textUnderline"),"toggle_strikethrough"===o&&l("textStrikethrough"),"textAlign_left"===o&&l("textAlign","left"),"textAlign_right"===o&&l("textAlign","right"),"textAlign_center"===o&&l("textAlign","center")}}),l.createElement("div",{className:"selected-element-panel"},l.createElement(i.A,{nodeRef:u,in:g===S.yI,timeout:300,classNames:"transition"},l.createElement("div",{ref:u,className:r()("selected-element-panel-content",{[e]:e})},(h.type===S.bV.IMG||h.type===S.bV.COUNTDOWN||h.type===S.bV.VIDEO)&&l.createElement(ee,{elementSettings:h}),h.type===S.bV.TEXT&&l.createElement(se,{elementSettings:h}),h.type===S.bV.LINK&&l.createElement(fe,{elementSettings:h}),h.type===S.bV.TABLE&&l.createElement(he,{elementSettings:h}),h.type===S.bV.CUSTOM_TABLE&&l.createElement(Vt,{elementSettings:h,formName:a}),(h.type===S.bV.TD||h.type===S.bV.STRUCTURE||h.type===S.bV.GROUP||h.type===S.bV.COLUMN)&&l.createElement(Ae,{elementSettings:h}),h.type===S.bV.VAR&&l.createElement(He,{elementSettings:h}),h.type===S.bV.BUTTON&&l.createElement(Me,{elementSettings:h}),h.type===S.bV.DIV&&l.createElement(Ie,{elementSettings:h}),h.type===S.bV.VINDENT&&l.createElement(Se,{elementSettings:h}),h.type===S.bV.FLOAT_BLOCK&&l.createElement(Ve,{elementSettings:h}),t.type===S.bV.CAROUSEL&&l.createElement(Ge,{elementSettings:t}),t.type===S.bV.ACCORDION&&l.createElement(je,{elementSettings:t}),t.type===S.bV.SOCIAL&&l.createElement(ht,{elementSettings:t}))))}},98120:(e,t,o)=>{o.d(t,{A:()=>_});var l=o(25366),i=o(85472),a=o(33637),r=o(1246),n=o(14365),d=o(90701),s=o(79349),m=o(65751),c=o(2519),u=o(64172),g=o(89394),b=o(76508),p=o(1382),h=o(93149),f=(o(99614),o(69064)),v=o(54913),E=o(67815),S=o(33087);const _=({isModalVisible:e=!1,email:t=null})=>{const{__:o}=(0,b.s9)(),[_]=n.lV.useForm(),B=(0,i.wA)(),{emailId:k}=(0,a.g)(),R=(0,d.hN)(),y=(0,i.d4)(m.C1),w=(0,i.d4)(c.Rz),[x,T]=(0,g.lg)(),{token:A}=(0,n.rd)(),N=(0,i.Pj)(),[P,I]=(0,l.useState)(!1),C=((0,h.rD)(),t.project),[L,O]=(0,u.OD)(),{data:V}=u.Nq.endpoints.getProject.select(+C)(N.getState()),{testEmails:F}=(0,h.rD)(),[D,M]=(0,l.useState)([]),[H,W]=(0,l.useState)(!1),z=(0,E.ml)(S.AZ.ON_SEND_EMAIL_MODAL_ID);(0,l.useEffect)(()=>{f.EW.isPlugin&&e?z.fire(t).then(t=>{t.some(e=>!1===e)?B((0,s.Oo)()):I(e)}):I(e)},[e,B,I,t,z]),(0,l.useEffect)(()=>{if(V&&!f.EW.isPlugin){const{owner:e,admins:t,users:o,invited_users:l}=V.members;let i=[];const a=localStorage.getItem(f.V0.em_test_emails)?JSON.parse(localStorage.getItem(f.V0.em_test_emails)):[];if(a.length&&a[C]&&a[C].map(({prevLSEmail:e})=>i.push(e)),l&&l.map(({invited_user_email:e})=>i.push(e)),o&&o.map(({user_email:e})=>i.push(e)),e&&i.push(e.user_email),t&&t.map(({user_email:e})=>i.push(e)),V.projects_test_emails){const e=V.projects_test_emails.map(({projects_test_email:e})=>e);i.push(...e)}const r=Array.from(new Set(i));i.length&&M(r.map(e=>({value:e})))}},[V,C]),(0,l.useEffect)(()=>{f.EW.isPlugin&&M(F.map(e=>({value:e})))},[F]),(0,l.useEffect)(()=>{var e;const t=localStorage.getItem(f.V0.em_test_emails);if(t&&P&&0===(null===(e=_.getFieldValue("recipients"))||void 0===e?void 0:e.length)){const e=JSON.parse(t);null!==e&&void 0!==e&&e[C]&&_.setFieldsValue({recipients:e[C]})}},[C,P,_]),(0,l.useEffect)(()=>{_.setFieldsValue({subject:t.subject})},[_,t.subject]);const X=(0,v.fn)(),U=l.useRef(w);return U.current=w,(0,l.useEffect)(()=>{const e=U.current;if(T.isSuccess&&H){var l;if(200===(null===(l=T.data)||void 0===l?void 0:l.status)||f.EW.isPlugin){const l=[...new Set([...D.map(e=>e.value),..._.getFieldValue("recipients")])].map(e=>({projects_test_email:e})),i=(e,t)=>{if(!e||!t)return e===t;if(e.length!==t.length)return!1;const o=e.map(e=>e.projects_test_email).sort(),l=t.map(e=>e.projects_test_email).sort();return o.every((e,t)=>e===l[t])};i(l,e)||L({projectId:C,projects_test_emails:l});const a=localStorage.getItem(f.V0.em_test_emails)?JSON.parse(localStorage.getItem(f.V0.em_test_emails)):[];let r=_.getFieldValue("recipients");localStorage.setItem(f.V0.em_test_emails,JSON.stringify({...a,[C]:[...new Set(r)]})),R.success(o("The email \u201c")+t.title+o("\u201d was successfully sent."))}else{var i,a;R.error({error:{data:{code:null===(i=T.data)||void 0===i?void 0:i.code,message:null===(a=T.data)||void 0===a?void 0:a.message}}})}W(!1),_.resetFields(),B((0,s.Oo)())}},[T,_,C,L,D,H,B,t.title,O,o]),(0,l.useEffect)(()=>{O.isError&&(R.error(O),W(!1),_.resetFields(),B((0,s.Oo)()))},[B,O,_]),(0,l.useEffect)(()=>{_.setFieldsValue({subject:t.subject||t.title})},[t,_]),l.createElement(n.aF,{width:572,title:l.createElement("div",{style:{paddingBottom:8}},l.createElement(r.Ay,{icon:"SendOutlined",size:20,strokeWidth:2})," ",o("Send a test email")),open:P,onCancel:()=>{B((0,s.Oo)()),_.resetFields()},footer:[l.createElement(n.$n,{key:"submit",size:"large",className:"em-analytics__email-send-test",type:"primary",htmlType:"submit",form:"Send mail",loading:O.isLoading,icon:l.createElement(r.Ay,{icon:"SendOutlined",size:18,strokeWidth:2,className:"email-preview-menu__list-item-icon"}),onClick:()=>{_.validateFields().then(()=>{const e={user_id:y.id,project_id:C,email_id:k,subject:_.getFieldValue("subject"),email:_.getFieldValue("recipients").join(","),html:(t=(null===X||void 0===X?void 0:X.getValue())||"",t.replace(/[\\]/g,"\\\\").replace(/["]/g,'\\"').replace(/[/]/g,"\\/").replace(/[\b]/g,"\\b").replace(/[\f]/g,"\\f").replace(/[\n]/g,"\\n").replace(/[\r]/g,"\\r").replace(/[\t]/g,"\\t"))};var t;x(e).unwrap().catch(e=>{var t,o;R.error({error:{data:{code:null===e||void 0===e||null===(t=e.data)||void 0===t?void 0:t.code,message:null===e||void 0===e||null===(o=e.data)||void 0===o?void 0:o.message}}})}),W(!0),pushToDataLayer({event:"submit",action:"send_test_email",entity_id:k,project_id:C,recipients_count:_.getFieldValue("recipients").length})}).catch(e=>{})},disabled:T.isLoading},o("Send"))],forceRender:!0},l.createElement(n.lV,{form:_,layout:"vertical",name:"send_mail_form",initialValues:{subject:t.subject||t.title,recipients:[]},autoComplete:"off"},l.createElement(n.lV.Item,{label:o("Subject"),name:"subject",rules:[{required:!1,message:o("Please type subject")}]},l.createElement(n.pd,{size:"large",placeholder:o("Type subject")})),l.createElement(n.lV.Item,{label:o("Recipients"),name:"recipients",tooltip:{title:o("The test email will be sent to the specified addresses."),icon:l.createElement(r.Ay,{icon:"InfoCircleOutlined"})},rules:[{required:!0,validator:(e,t)=>t.length>10?Promise.reject(new Error(o("A test email can be sent to a maximum of 10 addresses."))):0!==t.length?t.every(e=>p.au.test(e.toLowerCase()))?Promise.resolve():Promise.reject(new Error(o("Please type correct emails"))):Promise.reject(new Error(o("Please type emails")))}]},l.createElement(n.Select,{size:"large",mode:"tags",placeholder:o("Add up to 10 recipients"),tooltip:{title:"Tooltip with customize icon",icon:l.createElement(r.Ay,{icon:"InfoCircleOutlined"})},options:D,tagRender:e=>{const{label:t,closable:o,onClose:i}=e;return l.createElement(n.vw,{color:A.colorPrimary,onMouseDown:e=>{e.preventDefault(),e.stopPropagation()},closable:o,onClose:i,style:{borderRadius:6}},t)},getPopupContainer:()=>document.getElementById("send_mail_form")}))))}},65572:(e,t,o)=>{o.d(t,{A:()=>P});var l=o(25366),i=o(14365),a=o(85472),r=o(33637),n=o(76508),d=o(74572),s=o.n(d),m=o(1246),c=o(30211),u=o(44239),g=o(60538),b=o(64172),p=o(70158),h=o(96680),f=o(31395),v=o(22376),E=o(93149),S=o(1382),_=o(69064);const{title:B,description:k,tags:R,type:y,is_template:w,group:x}={title:"title",description:"description",tags:"tags",type:"type",is_template:"is_template",group:"group"},T={[B]:"",[k]:"",[R]:[],[w]:!1},A={[k]:"",[R]:[],[y]:""};const N=({className:e="",element:t})=>{var o,d;const{__:w}=(0,n.s9)(),{projectId:N}=(0,r.g)(),P=(0,a.wA)(),[I]=i.lV.useForm(),{token:C}=(0,i.rd)(),L=(0,E.rD)(),O=(0,a.Pj)(),V=(0,a.d4)(v.UI),{data:F}=(0,u.h1)(),{data:D}=(0,r.KC)(),M=t.hasOwnProperty("type")?_.IE:_.Tm,H=t.hasOwnProperty("type")?_.YY:_.zh,{refetch:W,isLoading:z,isFetching:X,isUninitialized:U,isSuccess:G}=(0,p.Oo)({parent:null===(o=D.group)||void 0===o?void 0:o[0]},{skip:!(null!==(d=D.group)&&void 0!==d&&d[0])});(0,l.useEffect)(()=>{!U&&W()},[U,W]);const[$,j]=(0,l.useState)([]),[Y,K]=(0,l.useState)([]),[q,Q]=(0,l.useState)(t.is_template||!1),{data:J}=b.Nq.endpoints.getProject.select(+N)(O.getState());(0,l.useEffect)(()=>{!U&&W()},[t.group,W,U]),(0,l.useEffect)(()=>{if(G&&t.is_template&&t.group.length){const e=t.group;let o={};e.length&&V.length&&(null===e||void 0===e||e.forEach(e=>{null===V||void 0===V||V.forEach(t=>{let l=t.children.find(t=>t.id===e);l&&(o.hasOwnProperty(t.id)||(o[t.id]=[]),o[t.id].push({label:l.name,value:l.id}))})}));let l={};for(let t in o)o.hasOwnProperty(+t)&&(l[`group_${t}`]=o[t].map(e=>({...e,value:String(e.value)})));I.setFieldsValue(l)}},[I,V,t.is_template,t.group,G]),(0,l.useEffect)(()=>{var e;K(null===(e=function(e){const t=new Set;return null===e||void 0===e?void 0:e.filter(e=>!t.has(e.name)&&(t.add(e.name),!0))}((0,S.HT)(J,H)))||void 0===e?void 0:e.map(e=>({value:e.name,key:e.id})))},[J,H]),(0,l.useEffect)(()=>{if(t){var e,o;const l=null===(e=(0,S._q)(t,H))||void 0===e?void 0:e.map(e=>e.name),i=t.emailtags||t.blocktags,a=null===(o=(0,S._q)(t,H))||void 0===o?void 0:o.filter(e=>i.includes(e.id)).map(e=>e.name);I.setFieldsValue({title:t.title,description:t.description,tags:t.tags||a||l,type:t.type})}},[I,t,H]);(0,l.useEffect)(()=>{if(F){const e=F.schema.properties.acf.properties.type.items.enum;let t=[];const o={Applications:w("Apps"),Articles:w("Article"),Banners:w("Banners"),Buttons:w("Buttons"),"Call to Action":w("Call to Action"),Contacts:w("Contacts"),Content:w("Content"),"E-Commerce":w("E-Commerce"),Feature:w("Features"),Footer:w("Footers"),Header:w("Headers"),Lists:w("Lists"),Menu:w("Menus"),Other:w("Others"),Polls:w("Polls"),Promocodes:w("Promocodes"),Separators:w("Separators")};for(let l in e)t.push({label:o[e[l]],value:e[l]});j(t)}},[F,w]);return l.createElement("div",{className:s()("settings-panel",{[e]:e})},l.createElement(i.lV,{form:I,layout:"vertical",name:"settings_panel_form",initialValues:M===_.Tm?{EmailInitialValues:T}:A,onValuesChange:e=>{const o=Object.keys(e)[0];switch(o.split("_")[0]){case B:t.isNew?P((0,h.BQ)(e[o])):P((0,v.VK)(e[o]));break;case x:P((0,v.Bu)({[o.split("_")[1]]:e[o]}));break;case k:M===_.Tm?t.isNew?P((0,h.Zs)(e[o])):P(g.GY.util.updateQueryData("getEmail",t.id,t=>{Object.assign(t,{description:e[o]})})):t.isNew?P((0,f.AS)(e[o])):P(u.VM.util.updateQueryData("getBlock",t.id,t=>{Object.assign(t,{description:e[o]})}));break;case"is":t.isNew?P((0,h.TC)(e[o])):P(g.GY.util.updateQueryData("getEmail",t.id,t=>{Object.assign(t,{is_template:e[o]})}));break;case R:{const l=e[o].map(e=>e.trim());M===_.Tm?t.isNew?P((0,h.yY)(l)):P(g.GY.util.updateQueryData("getEmail",t.id,e=>{Object.assign(e,{tags:l})})):t.isNew?P((0,f.TB)(l)):P(u.VM.util.updateQueryData("getBlock",t.id,e=>{Object.assign(e,{tags:l})}));break}case y:P(u.VM.util.updateQueryData("getBlock",t.id,t=>{Object.assign(t,{type:e[o]})}));break;default:return}},autoComplete:"off"},L.subjectEnabled&&M===_.Tm&&l.createElement(i.lV.Item,{label:w("Title"),name:B,tooltip:{title:w("The title of the email is displayed in the list of the templates and usually matches the subject line, but you can change it."),icon:l.createElement(m.Ay,{icon:"InfoCircleOutlined"})}},l.createElement(i.fs,{placeholder:w("Type title here"),autoSize:{minRows:1}})),L.descriptionEnabled&&l.createElement(i.lV.Item,{label:w("Description"),name:k,tooltip:{title:w("Description is used in other sections of the service."),icon:l.createElement(m.Ay,{icon:"InfoCircleOutlined"})}},l.createElement(i.fs,{placeholder:w("Type your description here"),autoSize:{minRows:2}})),L.tagsEnabled&&l.createElement(i.lV.Item,{label:w("Tags"),name:R,tooltip:{title:w("Tags help you find the block in the list."),icon:l.createElement(m.Ay,{icon:"InfoCircleOutlined"})},rules:[{message:w("Please input tags!"),type:"array"}]},l.createElement(i.Select,{mode:"tags",style:{width:"100%"},placeholder:w("Type your tags here"),options:Y,tagRender:e=>{const{label:t,closable:o,onClose:a}=e;return l.createElement(i.vw,{color:C.colorPrimary,onMouseDown:e=>{e.preventDefault(),e.stopPropagation()},closable:o,onClose:a,style:{borderRadius:6}},t)},getPopupContainer:()=>document.querySelector(".email-settings__collapse")})),M===_.Tm&&L.isTemplateEnabled&&l.createElement(l.Fragment,null,l.createElement(i.cG,{className:"selected-td-form__divider",style:{marginBottom:16}}),l.createElement(i.m_,{title:t.isNew?w("Save email first."):w("Use this email as a template for creating future emails."),key:"isTemplate"},l.createElement(i.lV.Item,{name:"is_template",valuePropName:"checked",initialValue:q},l.createElement(i.dO,{id:"setIsTemplate",label:w("Is a template"),size:"small",onChange:e=>{Q(e)},disabled:t.isNew,labelStyle:{position:"relative",top:2,fontSize:14,color:C.colorText}})))),q&&l.createElement(c.A,{element:t,refetchProjectGroups:W,isLoading:z||X}),M===_.IE&&l.createElement(i.lV.Item,{name:y,label:w("Type"),tooltip:{title:w("Select the block type to find any block on the list faster."),icon:l.createElement(m.Ay,{icon:"InfoCircleOutlined"})},rules:[{message:w("Please input type!")}]},l.createElement(i.Select,{placeholder:w("Choose block type"),options:$,getPopupContainer:()=>document.querySelector(".email-settings__collapse")}))))};N.defaultProps={email:void 0};const P=N},94766:(e,t,o)=>{o.d(t,{A:()=>E});var l=o(25366),i=o(14365),a=o(84153),r=o.n(a),n=o(82095),d=o.n(n),s=o(32489),m=o.n(s),c=o(50820),u=o.n(c),g=o(72823),b=o.n(g),p=o(14294),h=o.n(p),f=o(1382);o(76614);const v=[{sizeArray:[24],name:"column-one",html:r()},{sizeArray:[12,12],name:"column-two-50",html:u()},{sizeArray:[8,8,8],name:"column-three",html:b()},{sizeArray:[6,6,6,6],name:"column-four",html:h()},{sizeArray:[8,16],name:"column-two-33",html:d()},{sizeArray:[16,8],name:"column-two-66",html:m()}],E=()=>{const e=(0,f.sh)(),t=(0,f._9)();return l.createElement("div",{className:"structures blocks-search__empty-wrapper"},l.createElement("div",{className:"structures__list"},l.createElement("div",null,v&&v.map((o,a)=>l.createElement("div",{key:o.name},l.createElement("div",{className:"structures__item",draggable:!0,onClick:t=>e(t,o.html),onDragStart:e=>t(e,o.html)},l.createElement(i.fI,{gutter:[6,6],className:"structures__item-row"},o.sizeArray.map((e,t)=>l.createElement(i.fv,{span:e,key:o.name+t},l.createElement("div",{className:"structures__item-col"}))))))))))}},87332:(e,t,o)=>{o.d(t,{A:()=>E});var l=o(25366),i=o(14365),a=o(38074),r=o.n(a),n=o(11830),d=o.n(n),s=o(81396),m=o.n(s),c=o(94469),u=o.n(c),g=o(17648),b=o.n(g),p=o(82917),h=o.n(p),f=o(1382);o(76614);const v=[{sizeArray:[24],name:"column-one",html:r()},{sizeArray:[12,12],name:"column-two-50",html:u()},{sizeArray:[8,8,8],name:"column-three",html:b()},{sizeArray:[6,6,6,6],name:"column-four",html:h()},{sizeArray:[8,16],name:"column-two-33",html:d()},{sizeArray:[16,8],name:"column-two-66",html:m()}],E=()=>{const e=(0,f.sh)(),t=(0,f._9)();return l.createElement("div",{className:"structures blocks-search__empty-wrapper"},l.createElement("div",{className:"structures__list"},l.createElement("div",null,v&&v.map((o,a)=>l.createElement("div",{key:o.name},l.createElement("div",{className:"structures__item",draggable:!0,onClick:t=>e(t,o.html),onDragStart:e=>t(e,o.html)},l.createElement(i.fI,{gutter:[6,6],className:"structures__item-row"},o.sizeArray.map((e,t)=>l.createElement(i.fv,{span:e,key:o.name+t},l.createElement("div",{className:"structures__item-col"}))))))))))}},87752:(e,t,o)=>{o.d(t,{A:()=>g});var l=o(25366),i=o(32382),a=o.n(i),r=o(76508),n=o(90701),d=o(60538),s=o(44239),m=o(99614),c=o(69064);const u=({element:e,context:t="list"})=>{const{__:o,_x:i}=(0,r.s9)(),[a]=(0,d.dN)(),[u]=(0,s.OZ)(),g=(0,n.hN)(),b=(0,m.u)(),p=(e.hasOwnProperty("type")?c.IE:c.Tm,(e,t)=>{if(e.error)return g.error(e),!1;g.success(o("The ")+(t.hasOwnProperty("type")?o("block"):i("email","letter"))+" "+o("\u201c")+e.data.title+o("\u201d")+o("was successfully")+" "+(t.lock?t.hasOwnProperty("type")?i("unlocked.","block"):i("unlocked.","email"):t.hasOwnProperty("type")?i("locked.","block"):i("locked.","email")))});return l.createElement("div",{className:e.hasOwnProperty("type")?"em-analytics__block-lock":"em-analytics__email-lock",onClick:()=>{const o=!e.lock,l=o?"lock_email":"unlock_email";e.hasOwnProperty("type")?u({blockId:e.id,lock:o}).then(l=>{p(l,e),l.error||b({event:o?"lock":"unlock",action:o?"lock_block":"unlock_block",entity_type:"block",entity_id:e.id,project_id:e.project,context:t})}):a({emailId:e.id,lock:o}).then(i=>{p(i,e),i.error||b({event:o?"lock":"unlock",action:l,entity_type:"email",entity_id:e.id,project_id:e.project,context:t})})}},e.lock?o("Unlock"):o("Lock"))};u.defaultProps={element:a().shape({lock:null,id:null})};const g=u},12178:(e,t,o)=>{o.d(t,{A:()=>v});var l=o(25366),i=o(14365),a=o(1246),r=o(85472),n=o(74572),d=o.n(n),s=o(76508),m=o(60538),c=o(96680);const{utm_source:u,utm_medium:g,utm_campaign:b,utm_term:p,utm_content:h}={utm_source:"utm_source",utm_medium:"utm_medium",utm_campaign:"utm_campaign",utm_term:"utm_term",utm_content:"utm_content"},f={[u]:"",[g]:"",[b]:"",[p]:"",[h]:""},v=({className:e="",email:t})=>{const{__:o}=(0,s.s9)(),n=(0,r.wA)(),[v]=i.lV.useForm();(0,l.useEffect)(()=>{var e,o,l,i,a;t&&v.setFieldsValue({utm_source:(null===(e=t.utm_parameters)||void 0===e?void 0:e.utm_source)||"",utm_medium:(null===(o=t.utm_parameters)||void 0===o?void 0:o.utm_medium)||"",utm_campaign:(null===(l=t.utm_parameters)||void 0===l?void 0:l.utm_campaign)||"",utm_term:(null===(i=t.utm_parameters)||void 0===i?void 0:i.utm_term)||"",utm_content:(null===(a=t.utm_parameters)||void 0===a?void 0:a.utm_content)||""})},[v,t]);return l.createElement("div",{className:d()("settings-panel",{[e]:e})},l.createElement(i.lV,{form:v,layout:"vertical",name:"settings_panel_form_utm",initialValues:f,onValuesChange:e=>{const o=Object.keys(e)[0];switch(o){case u:t.isNew?n((0,c.K3)(e[o])):n(m.GY.util.updateQueryData("getEmail",t.id,t=>{Object.assign(t,{utm_parameters:{...t.utm_parameters,utm_source:e[o]}})}));break;case g:t.isNew?n((0,c.ol)(e[o])):n(m.GY.util.updateQueryData("getEmail",t.id,t=>{Object.assign(t,{utm_parameters:{...t.utm_parameters,utm_medium:e[o]}})}));break;case b:t.isNew?n((0,c.P3)(e[o])):n(m.GY.util.updateQueryData("getEmail",t.id,t=>{Object.assign(t,{utm_parameters:{...t.utm_parameters,utm_campaign:e[o]}})}));break;case p:t.isNew?n((0,c.zH)(e[o])):n(m.GY.util.updateQueryData("getEmail",t.id,t=>{Object.assign(t,{utm_parameters:{...t.utm_parameters,utm_term:e[o]}})}));break;case h:t.isNew?n((0,c.mk)(e[o])):n(m.GY.util.updateQueryData("getEmail",t.id,t=>{Object.assign(t,{utm_parameters:{...t.utm_parameters,utm_content:e[o]}})}));break;default:return}},autoComplete:"off"},l.createElement(i.Fc,{message:o("The specified parameters will be added to all links when exporting the email."),type:"info",showIcon:!0,style:{marginBottom:20}}),l.createElement(i.lV.Item,{label:o("utm_source"),name:u,tooltip:{title:o("Mandatory. Indicates the traffic source. Example: utm_source=google"),icon:l.createElement(a.Ay,{icon:"InfoCircleOutlined"})}},l.createElement(i.pd,{placeholder:o("google")})),l.createElement(i.lV.Item,{label:o("utm_medium"),name:g,tooltip:{title:o("Identifies what type of link was used, such as cost per click or email. For example: utm_medium=cpc"),icon:l.createElement(a.Ay,{icon:"InfoCircleOutlined"})}},l.createElement(i.pd,{placeholder:o("cpc")})),l.createElement(i.lV.Item,{label:o("utm_campaign"),name:b,tooltip:{title:o("Indicates a specific product promotion or a marketing campaign. Example: utm_campaign=spring_sale"),icon:l.createElement(a.Ay,{icon:"InfoCircleOutlined"})}},l.createElement(i.pd,{placeholder:o("spring_sale")})),l.createElement(i.lV.Item,{label:o("utm_term"),name:p,tooltip:{title:o("Identifies search terms. For example: utm_term=running+shoes"),icon:l.createElement(a.Ay,{icon:"InfoCircleOutlined"})}},l.createElement(i.pd,{placeholder:o("running+shoes")})),l.createElement(i.lV.Item,{label:o("utm_content"),name:h,tooltip:{title:o("Indicates what user clicked to get to the site: a banner or a text link. It is often used for A/B testing and ad campaigns. Example: utm_content=logolink or utm_content=textlink"),icon:l.createElement(a.Ay,{icon:"InfoCircleOutlined"})}},l.createElement(i.pd,{placeholder:o("textlink")}))))}},48502:(e,t,o)=>{o.d(t,{A:()=>T});var l=o(25366),i=o(14365),a=o(85472),r=o(74572),n=o.n(r),d=o(76508),s=o(74934),m=o(1246),c=o(28401),u=o(65751),g=o(2519),b=o(93149),p=o(51675),h=o(85917),f=o(19495),v=o(90388),E=o(72813),S=o(1651),_=o(8706),B=o(62499),k=o(93482),R=o(41173),y=o(13196),w=o(69064);const x=e=>"string"===typeof e&&/^https?:\/\//i.test(e.trim()),T=({onChange:e,value:t,validateStatus:o,placeholder:r,disabled:T,name:A,elementSettings:N,imageInfo:P,previewReloadSignal:I,onRemotePreviewValidate:C})=>{var L,O;const V=(0,a.d4)(u.C1),F=(0,a.d4)(u.B$),D=(0,a.d4)(g.yN),M=(0,b.rD)(),H=(0,R.L)(),{__:W}=(0,d.s9)(),z=(0,v.XW)(),{openImagePicker:X}=(0,S.p)(),U=(0,s.of)(),G=(0,s.XB)(),$=void 0!==(null===D||void 0===D?void 0:D.id)?String(null===D||void 0===D?void 0:D.id):"",j=w.EW.isPlugin&&"0"!==(null===V||void 0===V?void 0:V.id)?String(V.id):"",{dataProvider:Y}=(0,l.useMemo)(()=>(0,B.C)({storageProvider:U,projectId:$,restApi:G,i18n:{__:W},pathPostfix:j,appConfig:M,isStandalone:H}),[M,H,$,G,U,j,W]),K=(0,_.O)(),[q]=(0,y.FQ)(),[Q,J]=(0,l.useState)({width:"",height:"",size:""}),[Z,ee]=(0,l.useState)(!1),[te,oe]=(0,l.useState)(0),[le,ie]=(0,l.useState)(""),ae=(0,l.useRef)(""),re=(0,l.useRef)((null===I||void 0===I?void 0:I.counter)||0),ne=(0,l.useRef)((0,h.a)()),de=(0,l.useRef)("");let se=!F&&(null===(L=V.id)||void 0===L?void 0:L.toString())===(null===D||void 0===D||null===(O=D.members)||void 0===O?void 0:O.owner.ID);const me=()=>{de.current&&(URL.revokeObjectURL(de.current),de.current="")};(0,l.useEffect)(()=>{if(!t)return J({width:"",height:"",size:"",format:""}),ae.current="",ie(""),void me();if(t.startsWith("data:")||t.startsWith("blob:"))return me(),ae.current=t,ie(t),void J({width:"",height:"",size:"",format:""});const e=(0,E.xv)(t),o=(0,h.e)(e),l=new AbortController;let i=!1;return(async()=>{try{if(!H){const t=await(0,f.q)(Y,e);if(null!==t&&void 0!==t&&t.previewUrl){if(await(async t=>{me(),ae.current=t,ie(t);try{const{data:t}=await q(e);return!(i||!t)&&(J({width:null===t||void 0===t?void 0:t.width,height:null===t||void 0===t?void 0:t.height,size:null!=(null===t||void 0===t?void 0:t.fileSize)?(t.fileSize/1024).toFixed(0):"",format:(0,k.p)(null===t||void 0===t?void 0:t.format)}),!0)}catch{return!1}})(t.previewUrl))return}}await(async()=>{const e=await ne.current.resolve(o,l.signal,K);if(i)return;const{width:t,height:a}=await(0,p.Q)(e);if(i)return;me();const r=URL.createObjectURL(e);de.current=r,ae.current=r,ie(r),J({width:t,height:a,size:(e.size/1024).toFixed(0),format:(0,k.p)(e.type)})})()}catch{i||(me(),ae.current="",ie(""),J({width:"",height:"",size:"",format:""}))}})(),()=>{i=!0,l.abort()}},[t,Y,K,q,H]);const ce=()=>{const e=ae.current;!e||e.startsWith("data:")||e.startsWith("blob:")||ie((0,E.J)((0,E.xv)(e)))};(0,l.useEffect)(()=>{null!==I&&void 0!==I&&I.counter&&I.name===A&&I.counter!==re.current&&(re.current=I.counter,ce())},[A,I]),(0,l.useEffect)(()=>()=>me(),[]);const ue=async(o=null)=>{var l;const i=A.startsWith("src"),a=o||(i?w.lx.UPLOAD_IMAGE_MODAL:w.lx.UPLOAD_BACKGROUND_MODAL),r=await X({kind:i?"img":"background",currentUrl:(0,E.xv)(t||""),entryModal:a});if(null===r||void 0===r||!r.url)return;const n=(0,E.xv)(t||"")===(0,E.xv)(r.url);n&&r.url===t||e(r.url),"save"===(null===(l=r.meta)||void 0===l?void 0:l.mode)&&n&&(ce(),i&&z({operation:w.Ru.SANDBOX_CURRENT_IMAGE_RELOAD,src:r.url,forceReload:!0}))},ge=[{label:W("Upload"),key:"Upload",onClick:()=>ue(A.startsWith("src")?w.lx.UPLOAD_IMAGE_MODAL_UPLOAD:w.lx.UPLOAD_BACKGROUND_MODAL_UPLOAD)}];M.imageCenterStockEnabled&&ge.push({label:W("Stock"),key:"Stock",onClick:()=>ue(A.startsWith("src")?w.lx.UPLOAD_IMAGE_MODAL_STOCK:w.lx.UPLOAD_BACKGROUND_MODAL_STOCK)}),M.imageCenterGifEnabled&&ge.push({label:W("GIF"),key:"GIF",onClick:()=>ue(A.startsWith("src")?w.lx.UPLOAD_IMAGE_MODAL_GIF:w.lx.UPLOAD_BACKGROUND_MODAL_GIF)}),M.elementAIimageEnabled&&ge.push({label:W("AI"),key:"AI",onClick:()=>ue(A.startsWith("src")?w.lx.UPLOAD_IMAGE_MODAL_AI:w.lx.UPLOAD_BACKGROUND_MODAL_AI)});return l.createElement("div",{className:n()("upload-bg-image",{"upload-bg-image_disabled":T})},t?l.createElement("div",{className:"ant-input-file-uploader upload-bg-image__inner-wrap",onClick:e=>{var t,o,l,i;null!==(t=e.target)&&void 0!==t&&t.closest(".upload-bg-image__edit")||null!==(o=e.target)&&void 0!==o&&o.closest(".upload-bg-image__edit-menu")||null!==(l=e.target)&&void 0!==l&&l.closest(".upload-bg-image__menu")||null!==(i=e.target)&&void 0!==i&&i.closest(".inputGroup")||ue(A.startsWith("src")?w.lx.UPLOAD_IMAGE_MODAL_UPLOAD:w.lx.UPLOAD_BACKGROUND_MODAL_UPLOAD)}},l.createElement(i.ms,{arrow:!0,dropdownRender:()=>M.imagePathDropdownEnabled?l.createElement("div",{className:"inputGroup"},l.createElement(i.pd,{prefix:l.createElement(m.Ay,{icon:"Image",size:20,strokeWidth:M.iconStrokeWidth,style:{verticalAlign:"text-top"}}),allowClear:!0,onChange:e,value:t,placeholder:r,name:A,disabled:T,className:"upload-bg-image__input"})):l.createElement(l.Fragment,null),overlayClassName:"upload-bg-image__dropdown-overlay",overlayStyle:{top:32,marginTop:"8px",width:347,left:0},trigger:["hover"],placement:"bottom",getPopupContainer:e=>e.closest(".upload-bg-image__inner-wrap")},l.createElement("div",{className:"upload-bg-image__hover-container",style:{display:"flex",alignItems:"center"}},l.createElement("div",{className:"upload-bg-image__uploader"},l.createElement("div",{className:"upload-bg-image__uploader-content"},l.createElement("div",{className:"upload-bg-image__uploader-content-inner"},l.createElement("div",{className:"upload-bg-image__uploader-img-wrap"},le?l.createElement("img",{className:"upload-bg-image__uploader-img",src:le,alt:"",onLoad:()=>{C&&x((0,E.xv)(t||""))&&C("success")},onError:()=>{C&&x((0,E.xv)(t||""))&&C("error")}}):l.createElement("div",{className:"upload-bg-image__uploader-img-placeholder","aria-hidden":!0})),l.createElement("div",{className:"upload-bg-image__uploader-icons-wrap"},l.createElement("div",{className:"upload-bg-image__uploader-content"}))))),Q.width&&Q.height?l.createElement("div",{className:"image-size"},Q.width," \xd7 ",Q.height,!!N&&(N.type===w.bV.IMG||N.type===w.bV.CAROUSEL)&&" \u2192 "+P.renderedWidth+" \xd7 "+P.renderedHeight,l.createElement("span",{className:"image-size-splitter"}," \xa0\u2022\xa0 "),l.createElement("span",null,Q.size," ",W("kB")),Q.format&&l.createElement(l.Fragment,null,l.createElement("span",{className:"image-size-splitter"}," \xa0\u2022\xa0 "),l.createElement("span",{className:"image-size-format"},Q.format))):l.createElement(i.EY,{type:"secondary",className:"image-empty-text"},r))),l.createElement("div",{style:{flexGrow:1}}),"gif"!==Q.format&&M.imageCenterEditorEnabled&&l.createElement(i.m_,{title:W("Edit")},l.createElement(i.EY,{type:"link",className:"upload-bg-image__edit"},l.createElement(m.Ay,{icon:"Edit",size:16,strokeWidth:M.iconStrokeWidth,onClick:()=>{se?(ee(!0),oe(5)):ue(A.startsWith("src")?w.lx.UPLOAD_IMAGE_MODAL_EDIT:w.lx.UPLOAD_BACKGROUND_MODAL_EDIT)}}))),l.createElement(i.ms,{key:"Actions",arrow:{pointAtCenter:!0},placement:"bottom",menu:{items:ge},overlayClassName:"upload-bg-image__menu"},l.createElement(i.EY,{type:"link",className:"upload-bg-image__edit-menu image-change"},t?l.createElement(m.Ay,{size:16,strokeWidth:M.iconStrokeWidth,icon:"SyncOutlined",onClick:()=>ue(A.startsWith("src")?w.lx.UPLOAD_IMAGE_MODAL_UPLOAD:w.lx.UPLOAD_BACKGROUND_MODAL_UPLOAD)}):W("Upload")))):l.createElement(i.$n,{type:"default",block:!0,onClick:()=>ue(A.startsWith("src")?w.lx.UPLOAD_IMAGE_MODAL_UPLOAD:w.lx.UPLOAD_BACKGROUND_MODAL_UPLOAD),icon:l.createElement(m.Ay,{icon:"Image",size:16,strokeWidth:M.iconStrokeWidth})},W("Add image")),l.createElement(c.A,{open:Z,onCancel:()=>{ee(!1)},initialSlide:te}))}},8706:(e,t,o)=>{o.d(t,{O:()=>g});var l=o(25366),i=o(33637),a=o(85472),r=o(2519),n=o(93149),d=o(98121),s=o(41173),m=o(14810),c=o(67815),u=o(33087);function g(){const e=(0,n.rD)(),t=(0,s.L)(),o=(0,a.d4)(r.yN),{projectId:g}=(0,i.g)(),b=void 0!==(null===o||void 0===o?void 0:o.id)?String(o.id):g||"",p=(0,c.ml)(u.AZ.FILE_PROXY_EVENT_ID),h=(0,c.ml)(u.AZ.PROXY_URL_EVENT_ID),f=(0,l.useCallback)(async e=>{const t=await h.fire({url:e,project:b});return(0,m.RU)(t,e)},[b,h]);return(0,l.useCallback)(async(o,l)=>{const i=(0,m.Xb)(await p.fire({url:o,project:b}));if(i)return i;const a=await f(o);if(null!==l&&void 0!==l&&l.aborted)throw new DOMException("Aborted","AbortError");const r=l?{signal:l}:void 0,n=a&&a!==o?await fetch(a,r):await(0,d.Be)(o,{config:e,standalone:t,intent:"downloadBlob",validateBlob:async e=>!e.type||e.type.startsWith("image/"),init:r});if(!n.ok)throw new Error(`Server returned ${n.status}`);return n.blob()},[e,b,t,p,f])}},56054:(e,t,o)=>{o.d(t,{C6:()=>r,rv:()=>a,sj:()=>i});var l=o(25366);const i=({planName:e,availableUntilLabel:t,dateDisplay:o,remainingLabel:i,daysRemaining:a,daysUnit:r})=>l.createElement("div",{className:"billing-banner-modal__banner-inner"},l.createElement("div",{className:"billing-banner-modal__plan-col"},l.createElement("p",{className:"billing-banner-modal__plan-name"},e),l.createElement("div",{className:"billing-banner-modal__date-row"},l.createElement("span",{className:"billing-banner-modal__date-label"},t),l.createElement("span",{className:"billing-banner-modal__date-value"},o))),l.createElement("div",{className:"billing-banner-modal__plan-col"},l.createElement("p",{className:"billing-banner-modal__remaining-label"},i),l.createElement("div",{className:"billing-banner-modal__remaining-row"},l.createElement("span",{className:"billing-banner-modal__days-number"},a),l.createElement("span",{className:"billing-banner-modal__days-unit"},r)))),a=({icon:e,current:t,total:o,ofLabel:i})=>l.createElement("div",{className:"billing-banner-modal__banner-inner billing-banner-modal__banner-inner--center"},l.createElement("div",{className:"billing-banner-modal__icon-circle","aria-hidden":!0},e),l.createElement("div",{className:"billing-banner-modal__ai-metric-row","aria-label":`${t} ${i} ${o}`},l.createElement("span",{className:"billing-banner-modal__ai-metric-num"},t),l.createElement("span",{className:"billing-banner-modal__ai-metric-of"},i),l.createElement("span",{className:"billing-banner-modal__ai-metric-num"},o))),r=({icon:e,amount:t})=>l.createElement("div",{className:"billing-banner-modal__package-row"},l.createElement("span",{className:"billing-banner-modal__package-plus-sign","aria-hidden":!0},"+"),l.createElement("span",{className:"billing-banner-modal__package-amount"},t),l.createElement("div",{className:"billing-banner-modal__icon-circle billing-banner-modal__icon-circle--package","aria-hidden":!0},e))},34869:(e,t,o)=>{o.d(t,{rG:()=>s});var l=o(25366),i=o(26811),a=o(84613),r=o(75356),n=o(1246),d=o(76508);o(56054);const s=({open:e,onClose:t,title:o,subtitle:s,bannerTone:m,bannerVariant:c="default",bannerContent:u,showAutopayButton:g,onEnableAutopay:b,autopayLoading:p=!1,autopayLabel:h,payAction:f})=>{const{__:v}=(0,d.s9)(),E=null!==h&&void 0!==h?h:v("Enable auto-payment"),S=g||!!f,_=!!f&&g,B=["billing-banner-modal__footer",_&&"billing-banner-modal__footer--dual",!_&&f&&"billing-banner-modal__footer--pay-single",!_&&g&&"billing-banner-modal__footer--single",!_&&g&&"packageBonus"===c&&"billing-banner-modal__footer--package-single"].filter(Boolean).join(" ");return l.createElement(i.A,{open:e,onCancel:t,footer:null,closable:!1,width:400,centered:!0,className:"billing-banner-modal",destroyOnClose:!0,maskClosable:!0},l.createElement("div",{className:"billing-banner-modal__wrap"},l.createElement("div",{className:"billing-banner-modal__header"},l.createElement("button",{type:"button",className:"billing-banner-modal__close",onClick:t,"aria-label":v("Close")},l.createElement(r.A,null))),l.createElement("div",{className:"billing-banner-modal__body"},l.createElement("h1",{className:"billing-banner-modal__title"},o),l.createElement("p",{className:"billing-banner-modal__subtitle"},s),l.createElement("div",{className:["billing-banner-modal__banner",`billing-banner-modal__banner--${m}`,"packageBonus"===c?"billing-banner-modal__banner--package-bonus":"","aiUsageCenter"===c?"billing-banner-modal__banner--ai-usage-center":""].filter(Boolean).join(" "),role:"region","aria-label":v("Subscription summary")},u)),S?l.createElement("hr",{className:"billing-banner-modal__divider"}):null,S?l.createElement("div",{className:B},_?l.createElement(l.Fragment,null,l.createElement(a.Ay,{className:"billing-banner-modal__btn-autopay",icon:l.createElement(n.Ay,{icon:"AutoRenewal"}),onClick:b,loading:p,disabled:!b},E),l.createElement(a.Ay,{type:"primary",className:"billing-banner-modal__btn-pay",onClick:f.onClick},f.label)):f?l.createElement(a.Ay,{type:"primary",className:"billing-banner-modal__btn-pay",onClick:f.onClick},f.label):g&&l.createElement(a.Ay,{className:"billing-banner-modal__btn-autopay",icon:l.createElement(n.Ay,{icon:"AutoRenewal"}),onClick:b,loading:p,disabled:!b},E)):null))}},73087:(e,t,o)=>{o(25366),o(76508),o(3928)},92467:(e,t,o)=>{o.d(t,{p:()=>B});var l=o(25366),i=o(40093),a=o(84613),r=o(26811),n=o(78359),d=o(26758),s=o(48004),m=o(75356),c=o(76508),u=o(1246),g=o(16268),b=o(85472),p=o(93119),h=o(64363),f=o(58525),v=o(69064),E=o(17623),S=o(1610);var _=o(65462);const B=({open:e,onClose:t,limitType:o,subtitle:B,units:k,priceRub:R,userEmail:y,onInvoiceForLegal:w})=>{const{__:x}=(0,c.s9)(),{payExtraPackage:T,gateway:A}=function(){const e=(0,b.wA)(),t=(0,f.p)(),[o]=(0,p.on)(),i="cloudpayment";return(0,l.useEffect)(()=>{if(i===E.XL.CLOUDPAYMENT&&"undefined"!==typeof window){if(document.querySelector('script[src*="cloudpayments"]'))return;const e=document.createElement("script");e.src="https://widget.cloudpayments.ru/bundles/cloudpayments.js",e.async=!0,document.body.appendChild(e)}},[i]),{payExtraPackage:(0,l.useCallback)(({limitType:l,packageAmount:a,priceRub:r,userEmail:n,descriptionLabel:d,onSuccess:s,onFail:m})=>{if(i!==E.XL.CLOUDPAYMENT)return void(null===m||void 0===m||m("gateway"));const c=t.get(v.A9.em_token),u=window.cp;if(null===u||void 0===u||!u.CloudPayments)return void(null===m||void 0===m||m("widget"));const g=new u.CloudPayments,b=`${d}: +${a}`,p={Items:[{label:b,price:r,quantity:1,amount:r,vat:0}],calculationPlace:"https://emailmaker.ru",taxationSystem:1,email:n,amounts:{electronic:r}};g.pay("charge",{publicId:"pk_e8c7c303759283dc35cf4ad7b396c",description:b,amount:r,currency:(0,S.Wk)(),accountId:n,email:n,data:{CloudPayments:{CustomerReceipt:p,token:c,product:"extra_limit_package",package_type:l,package_amount:a}}},{onComplete:t=>{null!==t&&void 0!==t&&t.success&&setTimeout(()=>{e(h.B3.util.invalidateTags(["LimitsStats","LimitsWarnings"])),o(void 0),null===s||void 0===s||s();try{window.dispatchEvent(new CustomEvent("em-billing-extra-package-success",{detail:{amount:a}}))}catch{}},2e3)}})},[t,e,i,o]),gateway:i}}(),N=(0,l.useCallback)(()=>{!o||k<=0||(A===E.XL.CLOUDPAYMENT?T({limitType:o,packageAmount:k,priceRub:R,userEmail:y,descriptionLabel:`${x("Extra limit package")}: ${B} ${k} ${x("units")} \u2014 ${(0,S.ku)(R)}`,onSuccess:()=>{i.Ay.success(x("Payment was successful. Limits will update in a few seconds.")),t()},onFail:e=>{"gateway"===e?i.Ay.warning(x("Extra packages are only available with CloudPayments at the moment.")):"widget"===e&&i.Ay.error(x("The payment widget failed to load. Refresh the page and try again."))}}):i.Ay.warning(x("Extra packages are only available with CloudPayments at the moment.")))},[x,A,o,t,T,R,B,k,y]),P=(0,l.useCallback)(()=>{null===w||void 0===w||w()},[w]),I=A!==E.XL.CLOUDPAYMENT,C=o?g.w[o]:"AIRequests",L=!(0,S.EP)(),O=l.createElement(a.Ay,{type:"primary",className:"extra-limit-package-modal__pay-btn extra-limit-package-modal__pay-btn--card",disabled:I,icon:l.createElement(d.A,null),onClick:N},x("By card")," "),V=l.createElement(a.Ay,{className:"extra-limit-package-modal__pay-btn extra-limit-package-modal__pay-btn--invoice",disabled:!w,icon:l.createElement(s.A,null),onClick:P},x("Invoice for legal entity")," "),F=e&&!!o&&k>0;return l.createElement(r.A,{open:F,onCancel:t,footer:null,closable:!1,width:400,centered:!0,className:"extra-limit-package-modal",destroyOnClose:!0,maskClosable:!0},l.createElement("div",{className:"extra-limit-package-modal__wrap"},l.createElement("div",{className:"extra-limit-package-modal__header"},l.createElement("button",{type:"button",className:"extra-limit-package-modal__close",onClick:t,"aria-label":x("Close")},l.createElement(m.A,null))),l.createElement("div",{className:"extra-limit-package-modal__body"},l.createElement("h1",{className:"extra-limit-package-modal__title"},x("Payment"))," ",B?l.createElement("p",{className:"extra-limit-package-modal__subtitle"},B):null,l.createElement("div",{className:"extra-limit-package-modal__package-banner"},l.createElement("div",{className:"extra-limit-package-modal__package-content"},l.createElement("span",{className:"extra-limit-package-modal__package-plus","aria-hidden":!0},"+"),l.createElement("span",{className:"extra-limit-package-modal__package-amount"},k),l.createElement("div",{className:"extra-limit-package-modal__package-icon","aria-hidden":!0},l.createElement(u.Ay,{icon:C}))))),l.createElement("hr",{className:"extra-limit-package-modal__divider"}),l.createElement("div",{className:"extra-limit-package-modal__footer"},l.createElement("p",{className:"extra-limit-package-modal__payment-label"},x("Choose a payment method"))," ",l.createElement("div",{className:"extra-limit-package-modal__payment-buttons"},I?l.createElement(n.A,{title:x("Not available for the current payment settings")},l.createElement("span",{className:"extra-limit-package-modal__pay-btn-wrap extra-limit-package-modal__pay-btn-wrap--card"},O)):l.createElement("span",{className:"extra-limit-package-modal__pay-btn-wrap extra-limit-package-modal__pay-btn-wrap--card"},O),L?w?l.createElement("span",{className:"extra-limit-package-modal__pay-btn-wrap extra-limit-package-modal__pay-btn-wrap--invoice"},V):l.createElement(n.A,{title:x("Not available in this context")},l.createElement("span",{className:"extra-limit-package-modal__pay-btn-wrap extra-limit-package-modal__pay-btn-wrap--invoice"},V)):null),l.createElement("div",{className:"extra-limit-package-modal__card-logos"},l.createElement(_.v,null)))))}},3928:(e,t,o)=>{o.d(t,{X:()=>u});var l=o(25366),i=o(26811),a=o(84613),r=o(75356),n=o(59300),d=o(76508),s=o(1246),m=o(16268);function c(e,t){if(null===e||void 0===e)return null;if("number"===typeof e||"string"===typeof e){const o="\u221e"===e||"\u221e"===e||"infinity"===e||"string"===typeof e&&"infinity"===e.toLowerCase(),i="old"===t?"limit-upgrade-modal__limit-old":"limit-upgrade-modal__limit-new"+(o?" limit-upgrade-modal__limit-new--infinity":"");return l.createElement("span",{className:i},o?"\u221e":e)}return e}const u=({open:e,onClose:t,title:o,subtitle:u,usageResource:g,icon:b,previousDisplay:p,nextDisplay:h,onChangePlan:f,secondaryAction:v,changePlanLabel:E})=>{const{__:S}=(0,d.s9)(),_=null!==E&&void 0!==E?E:S("Change plan"),B=!!v,k=null!=g?l.createElement(s.Ay,{icon:m.w[g]}):null!==b&&void 0!==b?b:null;return l.createElement(i.A,{open:e,onCancel:t,footer:null,closable:!1,width:400,centered:!0,className:"limit-upgrade-modal",destroyOnClose:!0,maskClosable:!0},l.createElement("div",{className:"limit-upgrade-modal__wrap"},l.createElement("div",{className:"limit-upgrade-modal__header"},l.createElement("button",{type:"button",className:"limit-upgrade-modal__close",onClick:t,"aria-label":S("Close")},l.createElement(r.A,null))),l.createElement("div",{className:"limit-upgrade-modal__body"},l.createElement("h1",{className:"limit-upgrade-modal__title"},o),l.createElement("p",{className:"limit-upgrade-modal__subtitle"},u),l.createElement("div",{className:"limit-upgrade-modal__limits-row"},l.createElement("div",{className:"limit-upgrade-modal__icon-circle","aria-hidden":!0},k),c(p,"old"),l.createElement("div",{className:"limit-upgrade-modal__arrow-btn","aria-hidden":!0},l.createElement(n.A,{className:"limit-upgrade-modal__arrow-icon"})),c(h,"new"))),l.createElement("hr",{className:"limit-upgrade-modal__divider"}),l.createElement("div",{className:B?"limit-upgrade-modal__footer limit-upgrade-modal__footer--dual":"limit-upgrade-modal__footer"},v?l.createElement(l.Fragment,null,l.createElement(a.Ay,{className:"limit-upgrade-modal__cta-secondary",onClick:v.onClick},v.label),l.createElement(a.Ay,{type:"primary",className:"limit-upgrade-modal__cta",onClick:f},_)):l.createElement(a.Ay,{type:"primary",className:"limit-upgrade-modal__cta",onClick:f},_))))}},65462:(e,t,o)=>{o.d(t,{v:()=>d});var l=o(25366),i=o(78232),a=o(84395),r=o(35711),n=o(12718);const d=()=>l.createElement("div",{className:"payment-card-logos-row"},l.createElement("img",{src:r,alt:"",className:"payment-card-logos-row__img payment-card-logos-row__img--mir",decoding:"async"}),l.createElement("img",{src:n,alt:"",className:"payment-card-logos-row__img payment-card-logos-row__img--sbp",decoding:"async"}),l.createElement("img",{src:i,alt:"",className:"payment-card-logos-row__img payment-card-logos-row__img--visa",decoding:"async"}),l.createElement("img",{src:a,alt:"",className:"payment-card-logos-row__img payment-card-logos-row__img--mastercard",decoding:"async"}))},65427:(e,t,o)=>{o.d(t,{Q:()=>b});var l=o(25366),i=o(84613),a=o(26811),r=o(78359),n=o(26758),d=o(48004),s=o(75356),m=o(92680),c=o(76508),u=o(65462),g=o(1610);const b=({open:e,onClose:t,planShortName:o,featureLines:b,canPayWithCard:p,onPayByCard:h,onInvoiceForLegal:f})=>{const{__:v,sprintf:E}=(0,c.s9)(),S=(0,l.useCallback)(()=>{h()},[h]),_=(0,l.useCallback)(()=>{f()},[f]),B=E(v("%s plan"),o),k=!(0,g.EP)(),R=l.createElement(i.Ay,{type:"primary",className:"plan-checkout-choice-modal__pay-btn plan-checkout-choice-modal__pay-btn--primary",disabled:!p,onClick:S,icon:l.createElement(n.A,null)},v("By card")," "),y=l.createElement(i.Ay,{className:"plan-checkout-choice-modal__pay-btn plan-checkout-choice-modal__pay-btn--outline",onClick:_,icon:l.createElement(d.A,null)},v("Invoice for legal entity")," "),w=p?"":v(k?"Card payment is not available for this change. Use an invoice for a legal entity.":"Card payment is not available for this change.");return l.createElement(a.A,{open:e,onCancel:t,footer:null,closable:!1,width:400,centered:!0,className:"plan-checkout-choice-modal",destroyOnClose:!0,maskClosable:!0},l.createElement("div",{className:"plan-checkout-choice-modal__wrap"},l.createElement("div",{className:"plan-checkout-choice-modal__header"},l.createElement("button",{type:"button",className:"plan-checkout-choice-modal__close",onClick:t,"aria-label":v("Close")},l.createElement(s.A,null))),l.createElement("div",{className:"plan-checkout-choice-modal__body"},l.createElement("h1",{className:"plan-checkout-choice-modal__title"},v("Payment"))," ",l.createElement("p",{className:"plan-checkout-choice-modal__subtitle"},v("You are paying for the plan:"))," ",l.createElement("div",{className:"plan-checkout-choice-modal__plan-card"},l.createElement("p",{className:"plan-checkout-choice-modal__plan-name"},B),b.length>0?l.createElement("ul",{className:"plan-checkout-choice-modal__feature-list"},b.map((e,t)=>l.createElement("li",{key:t,className:"plan-checkout-choice-modal__feature-item"},l.createElement("span",{className:"plan-checkout-choice-modal__feature-check","aria-hidden":!0},l.createElement(m.A,{className:"plan-checkout-choice-modal__feature-check-icon"})),l.createElement("span",{className:"plan-checkout-choice-modal__feature-text"},e)))):null)),l.createElement("hr",{className:"plan-checkout-choice-modal__divider"}),l.createElement("div",{className:"plan-checkout-choice-modal__footer"},l.createElement("p",{className:"plan-checkout-choice-modal__payment-label"},v("Choose a payment method"))," ",l.createElement("div",{className:"plan-checkout-choice-modal__payment-buttons"},p?l.createElement("span",{className:"plan-checkout-choice-modal__pay-btn-wrap plan-checkout-choice-modal__pay-btn-wrap--card"},R):l.createElement(r.A,{title:w},l.createElement("span",{className:"plan-checkout-choice-modal__pay-btn-wrap plan-checkout-choice-modal__pay-btn-wrap--card"},R)),k?l.createElement("span",{className:"plan-checkout-choice-modal__pay-btn-wrap plan-checkout-choice-modal__pay-btn-wrap--invoice"},y):null),l.createElement(u.v,null))))}},55919:(e,t,o)=>{o.d(t,{O:()=>E});var l=o(25366),i=o(12105),a=o(26811),r=o(84613),n=o(9534),d=o(59246),s=o(35564),m=o(49890),c=o(76508),u=o(1382),g=o(90701),b=o(97684);function p(e){return e.replace(/\D/g,"")}function h(e,t){return{validator:(o,l)=>{const i=p(l||"");return i?i.length!==e?Promise.reject(new Error(t)):Promise.resolve():Promise.reject(new Error(t))}}}function f(e){return{validator:(t,o)=>{const l=p(o||"");return l?13!==l.length&&15!==l.length?Promise.reject(new Error(e)):Promise.resolve():Promise.reject(new Error(e))}}}const v="invoice_legal_company_full",E=({open:e,onClose:t,requestTariff:o,userEmail:E,userName:S,currentPlane:_})=>{const{__:B}=(0,c.s9)(),[k]=i.A.useForm(),R=(0,g.hN)(),[y,w]=(0,b.Nd)(),x=(0,l.useRef)({userEmail:E,userName:S,currentPlane:_,requestTariff:o});x.current={userEmail:E,userName:S,currentPlane:_,requestTariff:o};const T=(0,l.useCallback)(()=>{const e=x.current;k.setFieldsValue({request_type:"tariff_invoice_request",account_email:e.userEmail,request_email:e.userEmail,request_phone:"",user_name:e.userName,user_tariff:e.currentPlane,request_tariff:e.requestTariff,[v]:"",company_short_name:"",inn:"",kpp:"",ogrn:"",legal_address:"",postal_address:"",bank_name:"",bank_account:"",correspondent_account:"",bik:"",contact_full_name:"",payment_basis:void 0,contract_number:"",contract_date:"",vat_type:void 0,comment:""})},[k]);(0,l.useEffect)(()=>{e&&T()},[e,T]);const A=(0,l.useRef)(null);(0,l.useEffect)(()=>{if(!e)return void(A.current=null);const t=`${S}\0${_}\0${o}`;null!==A.current?A.current!==t&&(A.current=t,k.setFieldsValue({user_name:S,user_tariff:_,request_tariff:o})):A.current=t},[e,k,S,_,o]),(0,l.useEffect)(()=>{if(!e||!E)return;k.setFieldValue("account_email",E);const t=k.getFieldValue("request_email");null!=t&&""!==String(t).trim()||k.setFieldValue("request_email",E)},[e,k,E]);const N=(0,l.useMemo)(()=>({required:!0,message:B("This field is required")}),[B]),P=(0,l.useCallback)(()=>{k.validateFields().then(()=>{var e;const o=k.getFieldsValue(!0),l={...o,company_full_name:null!==(e=o[v])&&void 0!==e?e:""};delete l[v],y(l).then(e=>{var o;const l=null===e||void 0===e?void 0:e.data,i="string"===typeof l&&"request accepted"===l.trim().toLowerCase(),a="object"===typeof l?null===l||void 0===l||null===(o=l.data)||void 0===o?void 0:o.status:void 0,r="object"===typeof l?null===l||void 0===l?void 0:l.status:void 0;if(i||200===a||200===r)return R.success("object"===typeof l?null===l||void 0===l?void 0:l.message:B("Request sent successfully.")),void t();e.error?R.error(e):R.warning({message:B("Something went wrong."),description:B("The server returned an unexpected response. Please try again or contact support.")})})}).catch(e=>{var t,o;const l=null===e||void 0===e||null===(t=e.errorFields)||void 0===t||null===(o=t[0])||void 0===o?void 0:o.name,i=()=>{void 0!==l&&k.scrollToField(l,{behavior:"smooth",block:"center"});const e=document.querySelector(".tariff-invoice-request-modal"),t=null===e||void 0===e?void 0:e.querySelector(".ant-form-item-has-error");null===t||void 0===t||t.scrollIntoView({behavior:"smooth",block:"center",inline:"nearest"})};requestAnimationFrame(()=>{requestAnimationFrame(i)})})},[k,y,R,t,B]);return l.createElement(a.A,{title:B("Invoice request for a legal entity"),className:"blocks-modal tariff-invoice-request-modal",open:e,afterOpenChange:e=>{e||k.resetFields()},onCancel:t,centered:!0,width:820,footer:[l.createElement(r.Ay,{key:"cancel",size:"large",onClick:t},B("Cancel")," "),l.createElement(r.Ay,{key:"submit",type:"primary",size:"large",onClick:P,loading:w.isLoading},B("Send")," ")],destroyOnClose:!0},l.createElement(i.A,{form:k,layout:"vertical",name:"tariff_invoice_request_form",autoComplete:"off",scrollToFirstError:{behavior:"smooth",block:"center"}},l.createElement(i.A.Item,{label:B("Full legal company name"),name:v,rules:[N]},l.createElement(n.A,{size:"large",placeholder:B('LLC "Example"'),autoComplete:"off"})),l.createElement(i.A.Item,{label:B("Short company name"),name:"company_short_name"}," ",l.createElement(n.A,{size:"large",placeholder:B('LLC "Example"')})),l.createElement(d.A,{gutter:16},l.createElement(s.A,{xs:24,md:12},l.createElement(i.A.Item,{label:B("TIN (INN)"),name:"inn",rules:[N,(I=B("TIN (INN) must be 10 or 12 digits"),{validator:(e,t)=>{const o=p(t||"");return o?10!==o.length&&12!==o.length?Promise.reject(new Error(I)):Promise.resolve():Promise.reject(new Error(I))}})]},l.createElement(n.A,{size:"large",placeholder:"7701234567",inputMode:"numeric"}))),l.createElement(s.A,{xs:24,md:12},l.createElement(i.A.Item,{label:B("KPP"),name:"kpp",rules:[N,h(9,B("KPP must be 9 digits"))]},l.createElement(n.A,{size:"large",placeholder:"770101001",inputMode:"numeric"})))),l.createElement(i.A.Item,{label:B("OGRN / PSRN"),name:"ogrn",rules:[N,f(B("OGRN/PSRN must be 13 or 15 digits"))]},l.createElement(n.A,{size:"large",placeholder:"1027700123456",inputMode:"numeric"})),l.createElement(i.A.Item,{label:B("Legal address"),name:"legal_address",rules:[N]},l.createElement(n.A.TextArea,{placeholder:B("123456, City, 1 Example St."),autoSize:{minRows:2,maxRows:4}})),l.createElement(i.A.Item,{label:B("Mailing address"),name:"postal_address"}," ",l.createElement(n.A.TextArea,{placeholder:B("If different from the legal address"),autoSize:{minRows:2,maxRows:4}})),l.createElement(i.A.Item,{label:B("Bank name"),name:"bank_name",rules:[N]},l.createElement(n.A,{size:"large",placeholder:B("PJSC Sberbank")})),l.createElement(d.A,{gutter:16},l.createElement(s.A,{xs:24,md:12},l.createElement(i.A.Item,{label:B("Bank account (RUB)"),name:"bank_account",rules:[N,h(20,B("The account number must be 20 digits"))]},l.createElement(n.A,{size:"large",placeholder:"40702810XXXXXXXXXXX",inputMode:"numeric"}))),l.createElement(s.A,{xs:24,md:12},l.createElement(i.A.Item,{label:B("Correspondent account"),name:"correspondent_account",rules:[N,h(20,B("The account number must be 20 digits"))]},l.createElement(n.A,{size:"large",placeholder:"30101810XXXXXXXXXXX",inputMode:"numeric"})))),l.createElement(i.A.Item,{label:B("BIK (bank ID)"),name:"bik",rules:[N,h(9,B("BIK must be 9 digits"))]},l.createElement(n.A,{size:"large",placeholder:"044525225",inputMode:"numeric"})),l.createElement(i.A.Item,{label:B("Contact person (full name)"),name:"contact_full_name",rules:[N]},l.createElement(n.A,{size:"large",placeholder:B("Ivan Ivanov")})),l.createElement(d.A,{gutter:16},l.createElement(s.A,{xs:24,md:12},l.createElement(i.A.Item,{label:B("Phone number"),name:"request_phone",rules:[N]},l.createElement(n.A,{size:"large",placeholder:"+7 999 123-45-67"}))),l.createElement(s.A,{xs:24,md:12},l.createElement(i.A.Item,{label:B("Email"),name:"request_email",rules:[N,{validator:(e,t)=>u.au.test(t)?Promise.resolve():Promise.reject(new Error(B("Please enter a valid email address.")))}]},l.createElement(n.A,{size:"large",placeholder:"example@mail.ru",type:"email"})))),l.createElement(i.A.Item,{label:B("Payment basis"),name:"payment_basis",rules:[N]},l.createElement(m.A,{size:"large",placeholder:B("Contract / invoice / public offer"),options:[{value:"contract",label:B("Contract")},{value:"invoice",label:B("Invoice")},{value:"offer",label:B("Public offer")}]})),l.createElement(d.A,{gutter:16},l.createElement(s.A,{xs:24,md:12},l.createElement(i.A.Item,{label:B("Contract number"),name:"contract_number"},l.createElement(n.A,{size:"large",placeholder:"\u2116123"}))),l.createElement(s.A,{xs:24,md:12},l.createElement(i.A.Item,{label:B("Contract date"),name:"contract_date"},l.createElement(n.A,{size:"large",placeholder:"01.01.2026"})))),l.createElement(i.A.Item,{label:B("VAT"),name:"vat_type",rules:[N]},l.createElement(m.A,{size:"large",placeholder:B("With VAT / without VAT"),options:[{value:"with_vat",label:B("With VAT")},{value:"without_vat",label:B("Without VAT")}]})),l.createElement(i.A.Item,{label:B("Comment"),name:"comment"},l.createElement(n.A.TextArea,{placeholder:B("Any additional details"),autoSize:{minRows:2,maxRows:6}})),l.createElement(i.A.Item,{name:"request_type",hidden:!0},l.createElement(n.A,{type:"hidden"})),l.createElement(i.A.Item,{name:"account_email",hidden:!0},l.createElement(n.A,{type:"hidden"})),l.createElement(i.A.Item,{name:"user_name",hidden:!0},l.createElement(n.A,{type:"hidden"})),l.createElement(i.A.Item,{name:"user_tariff",hidden:!0},l.createElement(n.A,{type:"hidden"})),l.createElement(i.A.Item,{name:"request_tariff",hidden:!0},l.createElement(n.A,{type:"hidden"}))));var I}},96771:(e,t,o)=>{o(25366),o(76508)},85421:(e,t,o)=>{o.d(t,{h:()=>d});var l=o(25366),i=o(1246),a=o(16268),r=o(56054);const n=a.w.ai;function d(e,{__:t,_n:o},a){switch(e){case"plan_expiring":case"plan_activated":return a.plan?l.createElement(r.sj,{planName:a.plan.planName,availableUntilLabel:t("Available until:"),dateDisplay:a.plan.subscriptionEndDisplay,remainingLabel:t("Remaining:"),daysRemaining:a.plan.daysRemaining,daysUnit:o("day","days",a.plan.daysRemaining)}):null;case"ai_low":return a.ai?l.createElement(r.rv,{icon:l.createElement(i.Ay,{icon:n}),current:a.ai.current,total:a.ai.total,ofLabel:t("of")}):null;case"package_activated":{var d;const e=null!==(d=a.packageAmount)&&void 0!==d?d:0;return l.createElement(r.C6,{icon:l.createElement(i.Ay,{icon:n}),amount:e})}default:return null}}},50161:(e,t,o)=>{o.d(t,{gM:()=>a});o(25366),o(1246);var l=o(16268);o(56054);l.w.ai;const i={plan_expiring:{id:"plan_expiring",bannerTone:"warning",titleKey:"Your plan will expire soon",subtitleKey:"If you do not pay, you will be switched to the free plan automatically.",showPay:!0,showAutopay:!1,debugLabelKey:"Banner modal: plan expiring soon (Figma 48097013)"},ai_low:{id:"ai_low",bannerTone:"warning",bannerVariant:"aiUsageCenter",titleKey:"Your generations are running out soon",subtitleKey:"You are running out of AI tool usage.",showPay:!0,showAutopay:!0,debugLabelKey:"Banner modal: AI usage low (Figma 48097014)"},plan_activated:{id:"plan_activated",bannerTone:"accent",titleKey:"Your plan is activated",subtitleKey:"Payment was successful. Your plan features are now available.",showPay:!1,showAutopay:!0,debugLabelKey:"Banner modal: plan activated (Figma 48097015)"},package_activated:{id:"package_activated",bannerTone:"accent",bannerVariant:"packageBonus",titleKey:"Your package is activated",subtitleKey:"Payment was successful. New AI generations are now available.",showPay:!1,showAutopay:!0,debugLabelKey:"Banner modal: package activated (Figma 48097016)"}};function a(e){return i[e]}},81317:(e,t,o)=>{o.d(t,{Si:()=>i,hO:()=>a});const l={email_10_30:{id:"email_10_30",titleKey:"You have used up the number of emails you can create on your current plan",subtitleKey:"You can increase the number of emails right now.",usageResource:"email_generate",previous:10,next:30,showSecondaryBuy:!1,debugLabelKey:"Limit modal: emails 10\u219230"},email_30_300:{id:"email_30_300",titleKey:"You have used up the number of emails you can create on your current plan",subtitleKey:"You can increase the number of emails right now.",usageResource:"email_generate",previous:30,next:300,showSecondaryBuy:!1,debugLabelKey:"Limit modal: emails 30\u2192300"},email_300_inf:{id:"email_300_inf",titleKey:"You have used up the number of emails you can create on your current plan",subtitleKey:"You can increase the number of emails right now.",usageResource:"email_generate",previous:300,next:"infinity",showSecondaryBuy:!1,debugLabelKey:"Limit modal: emails 300\u2192\u221e"},ai_10_50:{id:"ai_10_50",titleKey:"You have used up your AI generations",subtitleKey:"You can add more generations right now; they are billed separately from the generations included in your plan.",usageResource:"ai",previous:10,next:50,showSecondaryBuy:!1,debugLabelKey:"Limit modal: AI 10\u219250"},ai_30_150:{id:"ai_30_150",titleKey:"You have used up your AI generations",subtitleKey:"You can add more generations right now; they are billed separately from the generations included in your plan.",usageResource:"ai",previous:30,next:150,showSecondaryBuy:!1,debugLabelKey:"Limit modal: AI 30\u2192150"},ai_150_inf:{id:"ai_150_inf",titleKey:"You have used up your AI generations",subtitleKey:"You can add more generations right now; they are billed separately from the generations included in your plan.",usageResource:"ai",previous:150,next:"infinity",showSecondaryBuy:!1,debugLabelKey:"Limit modal: AI 150\u2192\u221e"},optimization_exceeded:{id:"optimization_exceeded",titleKey:"You have used up your optimisation limit",subtitleKey:"You can increase the limit by changing your plan or buying an extra package.",usageResource:"optimization",previous:0,next:"infinity",showSecondaryBuy:!1,debugLabelKey:"Limit modal: optimization exhausted"},image_generate_exceeded:{id:"image_generate_exceeded",titleKey:"You have used up your image generation limit",subtitleKey:"You can increase the limit by changing your plan or buying an extra package.",usageResource:"image_generate",previous:0,next:"infinity",showSecondaryBuy:!1,debugLabelKey:"Limit modal: image_generate exhausted"},preview_exceeded:{id:"preview_exceeded",titleKey:"You have used up your preview (test send) limit",subtitleKey:"You can increase the limit by changing your plan or buying an extra package.",usageResource:"preview",previous:0,next:"infinity",showSecondaryBuy:!1,debugLabelKey:"Limit modal: preview exhausted"},link_check_exceeded:{id:"link_check_exceeded",titleKey:"You have used up your link check limit",subtitleKey:"You can increase the limit by changing your plan or buying an extra package.",usageResource:"link_check",previous:0,next:"infinity",showSecondaryBuy:!1,debugLabelKey:"Limit modal: link_check exhausted"},image_check_exceeded:{id:"image_check_exceeded",titleKey:"You have used up your image check limit",subtitleKey:"You can increase the limit by changing your plan or buying an extra package.",usageResource:"image_check",previous:0,next:"infinity",showSecondaryBuy:!1,debugLabelKey:"Limit modal: image_check exhausted"},spam_check_exceeded:{id:"spam_check_exceeded",titleKey:"You have used up your spam check limit",subtitleKey:"You can increase the limit by changing your plan or buying an extra package.",usageResource:"spam_check",previous:0,next:"infinity",showSecondaryBuy:!1,debugLabelKey:"Limit modal: spam_check exhausted"}};function i(e){return l[e]}function a(e){return"infinity"===e?"\u221e":e}},10763:(e,t,o)=>{o.d(t,{X$:()=>s,Yc:()=>m,jO:()=>l,l:()=>d,lu:()=>c,rn:()=>r,w5:()=>i});const l=7,i=80,a="em_billing_modal_v1_",r="em_stripe_billing_checkout_pending",n=`${a}period_sig`,d={bannerPlanExpiring:`${a}banner_plan_expiring`,bannerAiLow:`${a}banner_ai_low`,bannerPlanActivated:`${a}banner_plan_activated`,bannerPackageActivated:`${a}banner_package_activated`,limitUpgradeEmail:`${a}limit_upgrade_email`,limitUpgradeAi:`${a}limit_upgrade_ai`,limitUpgradeOptimization:`${a}limit_upgrade_optimization`,limitUpgradeImageGenerate:`${a}limit_upgrade_image_generate`,limitUpgradePreview:`${a}limit_upgrade_preview`,limitUpgradeLinkCheck:`${a}limit_upgrade_link_check`,limitUpgradeImageCheck:`${a}limit_upgrade_image_check`,limitUpgradeSpamCheck:`${a}limit_upgrade_spam_check`};function s(e){try{return"1"===sessionStorage.getItem(e)}catch{return!1}}function m(e){try{sessionStorage.setItem(e,"1")}catch{}}function c(e,t,o){if(null==e||""===e)return;const l=`${e}|${null!==t&&void 0!==t?t:""}|${null!==o&&void 0!==o?o:""}`;try{sessionStorage.getItem(n)!==l&&(!function(){try{for(let e=sessionStorage.length-1;e>=0;e--){const t=sessionStorage.key(e);null!==t&&void 0!==t&&t.startsWith(a)&&t!==n&&sessionStorage.removeItem(t)}}catch{}}(),sessionStorage.setItem(n,l))}catch{}}},16268:(e,t,o)=>{o.d(t,{w:()=>l});const l={ai:"AIRequests",email_generate:"EmailEnvelope",image_generate:"Image",optimization:"Optimization",preview:"SendOutlined",link_check:"Web",image_check:"Image",spam_check:"Block",projects:"FolderOpen",emails:"EmailEnvelope",blocks:"Block",users:"SliderGroup"}},9578:(e,t,o)=>{function l(e){e("Your plan will expire soon"),e("If you do not pay, you will be switched to the free plan automatically."),e("Your generations are running out soon"),e("You are running out of AI tool usage."),e("Your plan is activated"),e("Payment was successful. Your plan features are now available."),e("Your package is activated"),e("Payment was successful. New AI generations are now available.")}o.d(t,{k:()=>l})},58124:(e,t,o)=>{function l(e){e("You have used up the number of emails you can create on your current plan"),e("You can increase the number of emails right now."),e("You have used up your AI generations"),e("You can add more generations right now; they are billed separately from the generations included in your plan."),e("You have used up your optimisation limit"),e("You can increase the limit by changing your plan or buying an extra package."),e("You have used up your image generation limit"),e("You have used up your preview (test send) limit"),e("You have used up your link check limit"),e("You have used up your image check limit"),e("You have used up your spam check limit")}o.d(t,{a:()=>l})},82338:(e,t,o)=>{function l(e){const{currentBilling:t,pricingCards:o,enterprise_users_limit:l,enterprise_price:i,enterprise_12_price:a}=e;if(null===t||void 0===t||!t.title)return null;const r=o.find(e=>e.title===t.title);if(!r)return null;const n=r.title,d=n.split(" ")[0],s=!(!l||!i||"Enterprise"!==n),m=!(!l||!a||"Enterprise 12"!==n),c=parseFloat(r.price)||s&&i||m&&a||0;return c||s||m?{title:n,currentItemTitle:d,price:c,isEnterpriseActivePrice:s||m}:null}o.d(t,{h:()=>l})},61706:(e,t,o)=>{function l(e,t,o){const{title:l,limits:{emails_limit:i,projects_limit:a,users_limit:r}}=e,n=l.split(" ")[0];let d=null,s=null;t.enterpriseUsersLimit&&t.enterprisePrice&&"Enterprise"===l&&(d=!0),t.enterpriseUsersLimit&&t.enterprise12Price&&"Enterprise 12"===l&&(s=!0);const m="Enterprise"===n&&!(!d&&!s)&&t.enterpriseUsersLimit?t.enterpriseUsersLimit:r||"\u221e";return[`${i||"\u221e"} ${o(" email"," emails",null!==i&&void 0!==i?i:0)}`,`${a||"\u221e"} ${o(" project"," projects",null!==a&&void 0!==a?a:0)}`,`${m} ${o(" member"," members",null!==r&&void 0!==r?r:0)}`]}o.d(t,{L:()=>l})},85459:(e,t,o)=>{function l(e,t){switch(e){case"ai":return t("You are buying a set of AI generation requests:");case"email_generate":return t("You are buying an extra email generation package:");case"image_generate":return t("You are buying an extra image generation package:");case"optimization":return t("You are buying an extra optimization package:");case"preview":return t("You are buying an extra preview/test sends package:");case"link_check":return t("You are buying an extra link check package:");case"image_check":return t("You are buying an extra image check package:");case"spam_check":return t("You are buying an extra spam check package:");case"users":case"emails":case"blocks":case"projects":return t("Extra package is not configured for this limit.");default:return e}}function i(e,t){switch(e){case"ai":return t("Buy generations");case"email_generate":case"image_generate":case"users":case"emails":case"blocks":case"projects":return t("Buy package");case"optimization":return t("Buy optimization package");case"preview":return t("Buy test sends package");case"link_check":return t("Buy link check package");case"image_check":return t("Buy image check package");case"spam_check":return t("Buy spam check package");default:return e}}o.d(t,{Q:()=>i,a:()=>l})},98614:(e,t,o)=>{o.d(t,{c0:()=>a,jq:()=>i,nx:()=>r});const l={ai:"ai_150_inf",email_generate:"email_300_inf",image_generate:"image_generate_exceeded",preview:"preview_exceeded",link_check:"link_check_exceeded",image_check:"image_check_exceeded",spam_check:"spam_check_exceeded"};function i(e){return!(!e||e.is_unlimited||e.total_limit<=0)&&(e.remaining<=0||e.used>=e.total_limit)}function a(e,t){var o;return i(t)?{presetId:l[e],previousLimit:null!==(o=null===t||void 0===t?void 0:t.total_limit)&&void 0!==o?o:0,nextLimit:"infinity"}:null}function r(e,t){return a(e,t)}},92420:(e,t,o)=>{o.d(t,{nz:()=>u,r4:()=>g});var l=o(62395);const i=[10,30,300],a=[10,50,150];function r(e,t){for(const o of t)if(o>e)return o;return"infinity"}function n(e){return e<=10?"ai_10_50":e<=50?"ai_30_150":"ai_150_inf"}function d(e,t){return!(null===t||void 0===t||!t.limit_exceeded)||!e.is_unlimited&&(!(e.total_limit<=0)&&(e.remaining<=0||e.used>=e.total_limit))}const s=["optimization","image_generate","preview","link_check","image_check","spam_check"];const m={optimization:"optimization_exceeded",image_generate:"image_generate_exceeded",preview:"preview_exceeded",link_check:"link_check_exceeded",image_check:"image_check_exceeded",spam_check:"spam_check_exceeded"};function c(e,t,o){if(function(e){return s.includes(e)}(e))return null;const i=(0,l.o)(t,e),a=(0,l.$)(o,e);if(!i||!d(i,a))return null;const r=i.total_limit;return{kind:e,presetId:m[e],previousLimit:r,nextLimit:"infinity"}}function u(e,t){if(!e)return null;const o=(0,l.o)(e,"ai"),s=(0,l.$)(t,"ai");if(o&&d(o,s)){const e=o.total_limit;return{kind:"ai",presetId:n(e),previousLimit:e,nextLimit:r(e,a)}}const m=(0,l.o)(e,"email_generate"),u=(0,l.$)(t,"email_generate");if(m&&d(m,u)){const e=m.total_limit;return{kind:"email_generate",presetId:(g=e,g<=10?"email_10_30":g<=30?"email_30_300":"email_300_inf"),previousLimit:e,nextLimit:r(e,i)}}var g;const b=c("image_generate",e,t);if(b)return b;const p=c("optimization",e,t);if(p)return p;const h=c("preview",e,t);if(h)return h;const f=c("link_check",e,t);if(f)return f;const v=c("image_check",e,t);return v||c("spam_check",e,t)}function g(e){return{presetId:n(e),previousLimit:e,nextLimit:r(e,a)}}},62395:(e,t,o)=>{function l(e,t){if(e){if("preview"===t){var o;const t=e;return null!==(o=t.preview)&&void 0!==o?o:t.test_sends}return e[t]}}function i(e,t){if(null!==e&&void 0!==e&&e.flags){if("preview"===t){var o;const t=e.flags;return null!==(o=t.preview)&&void 0!==o?o:t.test_sends}return e.flags[t]}}o.d(t,{$:()=>i,o:()=>l})},342:(e,t,o)=>{o.d(t,{A:()=>D});var l=o(25366),i=o(68268),a=o(85472),r=o(33637),n=o(37666),d=o(14365),s=o(3437),m=o(45060),c=o(57165),u=o(99873),g=o(9914),b=o(60538),p=o(93119),h=o(65751),f=o(9),v=o(22376),E=o(54501),S=o(87268),_=o(56477),B=o(79349),k=o(96680),R=o(69064),y=o(65329),w=o(29749),x=o(91724),T=o(1246),A=o(76508),N=o(93149),P=o(54913),I=o(90388),C=o(58525),L=o(98213),O=o(34043),V=o(16585);const{Content:F}=d.Layout,D=()=>{var e;const{__:t}=(0,A.s9)(),{owner:o}=(0,y.A)(),D=(0,a.wA)(),M=(0,r.Zp)(),H=(0,P.fn)(),{modal:W}=d.qw.useApp(),z=(0,N.rD)(),X=(0,w.cR)(),U=(0,C.p)(),G=(0,I.QC)(),$=(0,P.aD)(H),{emailId:j,projectId:Y,preview:K}=(0,r.g)(),[q,Q]=(0,n.ok)(),J=(0,a.d4)(v.Hs),Z=(0,a.d4)(E.Fv),ee=(0,a.d4)(E.cL),te=(0,a.d4)(h.C1),oe=(0,a.d4)(k.YG),le=(0,a.d4)(E.oG),[ie]=(0,p.on)(),{isSuccess:ae,data:re}=(0,p.W5)(),[ne,de]=(0,l.useState)(!1),[se,me]=(0,l.useState)(!1),[ce,ue]=(0,l.useState)(),[ge,be]=(0,l.useState)(!1),[pe,he]=(0,l.useState)(!1),[fe,ve]=(0,l.useState)(!1),[Ee,Se]=(0,l.useState)(!1),[_e,Be]=(0,l.useState)(!1),ke=(0,l.useRef)(),{confirm:Re}=W,{counters:ye,subscription:we}=te,xe=null===ye||void 0===ye?void 0:ye.emails_counter,Te=U.get(R.A9.em_template_email),Ae=q.get("template")||!se&&!j&&U.get(R.A9.em_new_email);(0,l.useEffect)(()=>{!se&&J.id&&me(!0)},[me,se,J.id]);const{isSuccess:Ne,isLoading:Pe,isError:Ie,error:Ce,data:Le}=(0,b.sl)(Ae,{skip:!Ae||!!j}),Oe=Ae?Le:j?J:oe;(0,O.f)(Oe,void 0===j);const Ve=(0,L.r)(Oe),{isLoading:Fe,isSuccess:De,isError:Me,error:He}=(0,b.sl)(j,{skip:!j}),We=Ae?Ce:He,ze=Ae?Ie:Me,Xe=Ae?Pe:Fe,Ue=Ae?Ne:De;(0,l.useEffect)(()=>{Ae&&Ne&&(D((0,k.MZ)(Le)),me(!0),Q({}))},[Ae,Ne,D,Le,Te,Q]),(0,l.useEffect)(()=>(D((0,E.mi)(!0)),()=>D((0,E.mi)(!0))),[D]);const Ge=(0,l.useCallback)(()=>{D((0,E.vs)()),D((0,f.rI)())},[D]);(0,l.useEffect)(()=>{K&&!Z&&Ge()},[Z,K,Ge]),(0,l.useEffect)(()=>{D((0,S.ff)()),document.body.classList.add("editor"),D((0,E.PM)(R.Bv))},[D]),(0,l.useEffect)(()=>{!ne&&xe<3&&(ie(),de(!0))},[ie,xe,ne]);const $e=(0,l.useCallback)(()=>{$.undo()},[$]),je=(0,l.useCallback)(()=>{$.redo()},[$]);(0,l.useEffect)(()=>{ke.current!==(null===Oe||void 0===Oe?void 0:Oe.id)&&($.clear(),ke.current=null===Oe||void 0===Oe?void 0:Oe.id)},[Oe,$]);const Ye=(0,l.useCallback)(e=>{(window.navigator.appVersion.indexOf("Mac")&&e.metaKey||e.ctrlKey)&&"KeyZ"===e.code&&(e.preventDefault(),e.shiftKey?je():$e())},[$e,je]);(0,l.useEffect)(()=>()=>{D((0,f.rI)()),D((0,E.Oo)()),D((0,B.Oo)()),D((0,_.qX)())},[D]),(0,l.useEffect)(()=>{const e=G.addListener(R.Ru.APPLICATION_HAS_AMP,e=>{D(null!==Oe&&void 0!==Oe&&Oe.id?(0,v.VO)(e):(0,k.lg)(e))});return()=>e.dispose()},[G,D,null===Oe||void 0===Oe?void 0:Oe.id]);const Ke=(0,l.useCallback)(e=>{const t=e.data.operation,o=e.data,l=e.data.action,i=X.querySelector("#iframe-scroll-top"),a=X.querySelector("#iframe-scroll-bottom");if(t===R.Ru.APPLICATION_EBLOCK_ADD&&(ue(o.data),D((0,E.qf)(R.lx.ADD_NEW_EBLOCK_MODAL))),t===R.Ru.APPLICATION_ACTION&&("undo"===l?$e():"redo"===l&&je()),t===R.Ru.APPLICATION_SCROLL_BLOCK_SHOW){const e=X.querySelector("#email_iframe"),t=document.body.getBoundingClientRect().height,o=e.getClientRects()[0];o.top<0&&(i.style.display="block"),o.top+o.height>t&&(a.style.display="block")}t===R.Ru.APPLICATION_SCROLL_BLOCK_HIDE&&(i.style.display="none",a.style.display="none")},[D,$e,je,X]);(0,x.A)(Ke);const qe=e=>{var t,o,l,i;if(null!==(t=e.target)&&void 0!==t&&null!==(o=t.closest)&&void 0!==o&&o.call(t,".file-manager, .ant-modal.file-manager"))return;const a=e.dataTransfer,r=(a?Array.from(a.types||[]):[]).includes(R.hz),n="function"===typeof e.composedPath?e.composedPath():[];!(null===(l=e.target)||void 0===l||null===(i=l.closest)||void 0===i||!i.call(l,".selected-social-form"))||n.some(e=>{var t;return e&&1===e.nodeType&&"function"===typeof(null===(t=e.classList)||void 0===t?void 0:t.contains)&&e.classList.contains("selected-social-form")})||r||(e.preventDefault(),e.target&&G.send({operation:R.Ru.SANDBOX_DRAG_CANCEL}),X.querySelectorAll(".em-dragging-element").forEach(e=>{e.classList.remove("em-dragging-element")}))};(0,l.useEffect)(()=>{const e=new i.j;return e.addDisposable((0,V.a)(X,"drop",qe)),e.addDisposable((0,V.a)(X,"dragover",Qe)),e.addDisposable((0,V.a)(X,"dragstart",Ze)),e.addDisposable((0,V.a)(X,"dragend",Je)),()=>{e.dispose()}},[X]),(0,l.useEffect)(()=>{const e=e=>{e.preventDefault()};return window.addEventListener("keydown",Ye),window.addEventListener("dragenter dragleave",e),()=>{window.removeEventListener("keydown",Ye),window.removeEventListener("dragenter dragleave",e)}});const Qe=e=>{var t,o;if(e.preventDefault(),null!==(t=e.target)&&void 0!==t&&null!==(o=t.closest)&&void 0!==o&&o.call(t,".file-manager, .ant-modal.file-manager"))return;const l=X.querySelector("#iframe-scroll-top"),i=X.querySelector("#iframe-scroll-bottom"),a=z.sidePanelFloating?X.querySelector("#pane-content-wrapper"):X.querySelector(".email-pane__col_preview"),r=X.querySelector(".blocks-app").getBoundingClientRect().top,n=X.querySelector("#email_iframe"),{height:d,top:s}=n.getBoundingClientRect(),m=a.getBoundingClientRect().height;s>96?"block"===l.style.display&&(l.style.display="none"):"none"!==l.style.display&&""!==l.style.display||(l.style.display="block"),d-m+s-r<44?"block"===i.style.display&&(i.style.display="none"):"none"===i.style.display&&(i.style.display="block"),e.target===l&&a.scrollBy(0,-15),e.target===i&&a.scrollBy(0,15)},Je=()=>{const e=X.querySelector("#iframe-scroll-top"),t=X.querySelector("#iframe-scroll-bottom");e&&t&&(e.style.display="none",t.style.display="none"),X.querySelectorAll(".em-dragging-element").forEach(e=>{e.classList.remove("em-dragging-element")})},Ze=e=>{var t;const o=e.target,l=o instanceof Element?o:o.parentElement;if(!(l instanceof Element))return;if(l.closest(".selected-social-form"))return;null===(t=l.parentElement)||void 0===t||t.classList.add("em-dragging-element");const i=!!l.closest(".blocks-search__result-wrapper");var a=i?l.querySelector(".blocks-search__result-html").cloneNode(!0):l.cloneNode(!0);a.classList.add("em-ghost-element"),a.style.height=i?"auto":"70px",a.style.width=i?"600px":"109px",a.style.position="absolute",a.style.top="0",a.style.left="0",a.style.zIndex="-1",l.appendChild(a),e.dataTransfer.setDragImage(a,0,0),window.setTimeout(function(){a.parentNode.removeChild(a)},1e3)},et=(0,l.useCallback)(()=>{Re({title:t("You reached the plan limit"),icon:l.createElement(T.Ay,{icon:"ExclamationCircleOutlined"}),content:l.createElement("div",{style:{maxWidth:"330px"}},t("Switch to a different plan to save more emails.")),centered:!0,okText:t("Choose a plan"),cancelText:t("Continue without saving"),width:"unset",onOk(){M("/billing")},onCancel(){}})},[M,t,Re]);return(0,l.useEffect)(()=>{if(ae&&re){var e,t;const l=null===re||void 0===re||null===(e=re.find(e=>{var t,o;return(null===(t=e.id)||void 0===t?void 0:t.toString())===(null===we||void 0===we||null===(o=we.ID)||void 0===o?void 0:o.toString())}))||void 0===e||null===(t=e.limits)||void 0===t?void 0:t.emails_limit;l&&xe>=l&&!ge&&!j&&o&&(et(),be(!0))}},[re,ae,we,xe,ge,et,j,o]),(0,l.useEffect)(()=>{const e=G.onInit(()=>{G.send({operation:R.Ru.SANDBOX_LOCK_EDIT,data:!1})});return()=>e.dispose()},[G]),l.createElement(d.Layout,{className:"email-page"},Xe&&l.createElement(m.A,null),ze&&We&&l.createElement(F,{style:{paddingTop:"40px"}},l.createElement("div",{className:"container"},l.createElement(d.Q7,{status:null===We||void 0===We?void 0:We.status,title:null===We||void 0===We?void 0:We.status,subTitle:(null===We||void 0===We||null===(e=We.data)||void 0===e?void 0:e.message)||(null===We||void 0===We?void 0:We.error)||t("Unknown error"),extra:l.createElement(d.$n,{type:"primary",onClick:()=>{M(`/projects/${Y}/emails`)}},t("Back To Project"))}))),(!j&&!Ae&&se||De&&Oe)&&!Xe&&l.createElement(d.Layout,{className:"email-pane"},le&&l.createElement("div",{className:"email-pane__loader"},l.createElement(m.A,{small:!0})),l.createElement(c.A,{email:Oe,autoSaveEmailResult:Ve,isCollaborationEditor:pe}),l.createElement(s.A,{emailElement:Oe,isSuccess:Ue,setIsCollaborationEditor:he,setIsShowAddAllBlocksModal:ve,triggerOpenSavedBlocksTab:Ee})),l.createElement(u.A,{isModalVisible:ee===R.lx.ADD_NEW_EBLOCK_MODAL,htmlContent:ce,projectId:Y,setIsShowAddAllBlocksModal:ve,setIsShowAddAllBlocksModalForNewEmail:Be,currentEmail:Oe}),l.createElement(g.A,{isModalVisible:fe,currentEmail:Oe,setIsShowAddAllBlocksModal:ve,setTriggerOpenSavedBlocksTab:Se,autoStart:!_e,projectId:Y}))}},92238:(e,t,o)=>{o.d(t,{A:()=>D});var l=o(14365),i=o(25366),a=o(85472),r=o(33637),n=o(1246),d=o(2519),s=o(22376),m=o(93119),c=o(76508),u=o(99614),g=o(90388),b=o(75227),p=o(69064);const h=()=>{var e;const{__:t}=(0,c.s9)(),o=(0,a.wA)(),{projectId:h}=(0,r.g)(),f=(0,a.d4)(d.yN),[v]=(0,m.b9)(),[E,S]=(0,i.useState)(null===(e=window)||void 0===e?void 0:e.localStorage.getItem(p.V0.em_color_scheme)),_=(0,g.XW)(),B=(0,u.u)(),k=(0,i.useCallback)((e=null)=>{const t=e;(e=>{let t,l;if((0,b.Hk)(e),null===e){const e=matchMedia(p.F3).matches?p.nd:p.T;localStorage.removeItem(p.V0.em_color_scheme),t=e,l="auto"}else localStorage.setItem(p.V0.em_color_scheme,e),t=e,l=e;o((0,s.eX)(t===p.nd?`vs-${t}`:p.T)),(0,b.A5)(t),_({operation:p.Ru.UPDATE_PREVIEW,theme:t}),v({theme:e}),B({event:"change",action:"change_theme",theme_name:l,project_id:(null===f||void 0===f?void 0:f.id)||h})})(t),S(t)},[o,v,_,B,null===f||void 0===f?void 0:f.id,h]);return(0,i.useEffect)(()=>{matchMedia(p.F3).onchange=()=>k()},[k]),i.createElement("div",{onClick:e=>e.stopPropagation()},i.createElement(l.$q,{className:"theme-switcher",style:{cursor:"pointer",color:"var(--colorText)"},value:E,options:[{label:i.createElement(l.m_,{title:t("Light theme")},i.createElement(n.Ay,{icon:"LightMode",size:18,strokeWidth:1.8})),value:p.T},{label:i.createElement(l.m_,{title:t("System theme")},i.createElement(n.Ay,{icon:"AutoMode",size:18,strokeWidth:1.8})),value:null},{label:i.createElement(l.m_,{title:t("Dark theme")},i.createElement(n.Ay,{icon:"DarkMode",size:16,strokeWidth:1.8})),value:p.nd}],onChange:e=>k(e)}))};var f=o(91444),v=o(82148),E=o(30202),S=o(87755),_=o(69905),B=o(78019),k=o(65751),R=o(79349),y=o(90701),w=o(92357),x=o(74278),T=o(68998),A=o(6472),N=o(93149),P=o(54913),I=o(88147),C=o(74572),L=o.n(C);const{Sider:O}=l.Layout,V="em_notification_mark_seen_skipped_ids";function F(){try{const e=sessionStorage.getItem(V),t=e?JSON.parse(e):[];return Array.isArray(t)?t.map(String):[]}catch{return[]}}const D=()=>{var e;const{token:t}=(0,l.rd)();let o=(0,r.zy)();const d=(0,a.wA)(),m=(0,r.Zp)(),{emailId:c,blockId:g,projectId:C}=(0,r.g)(),D=(0,a.d4)(R.cL),M=(0,a.d4)(k.C1),H=(0,i.useRef)(),W=(0,u.u)(),[z]=(0,_.bw)(),X=(0,y.hN)();H.current||(H.current=(0,P.$Z)()),(0,i.useEffect)(()=>{(0,b.FN)(t)},[t]);const{data:U=[],isSuccess:G}=(0,_.I9)(null!==(e=null===M||void 0===M?void 0:M.id)&&void 0!==e?e:"",{pollingInterval:3e5,skip:!!D||!(null!==M&&void 0!==M&&M.id)});(0,i.useEffect)(()=>{const e=U.filter(e=>""===e.seen||null===e.seen);setTimeout(()=>{if(e.length&&G){const t=new Set(F());e.forEach(e=>{var o,l;if(t.has(String(e.id)))return;"subscription_payment"===e.event&&W({event:"payment",data:e.data}),X[e.type]({message:(null===(o=e.title)||void 0===o?void 0:o.rendered)||e.title||"",description:(null===(l=e.content)||void 0===l?void 0:l.rendered)||""});const i=(new Date).toLocaleString();z({id:e.id,datetime:i}).unwrap().catch(t=>{const o=t&&"object"===typeof t?t:{};"em_rest_notification_403"===(o.data&&"object"===typeof o.data&&null!==o.data&&"code"in o.data?String(o.data.code):void 0)&&function(e){try{const t=String(e),o=new Set(F());o.has(t)||(o.add(t),sessionStorage.setItem(V,JSON.stringify([...o])))}catch{}}(e.id)})})}},5e3)},[G,z,U,X]),(0,w.A)(),(0,x.A)(),(0,T.A)(),(0,i.useEffect)(()=>{g||d((0,B.nJ)()),c||d((0,s.ss)())},[g,c,d,o.pathname]);let $=null;c||g||o.pathname.endsWith("/new")?$=H.current:H.current&&H.current.getValue()&&setTimeout(()=>H.current.setValue(""),1e3);const j=JSON.parse(localStorage.getItem(p.V0.em_menu_is_locked)),[Y,K]=(0,i.useState)((null===j||void 0===j?void 0:j.isLocked)||!1),[q,Q]=(0,i.useState)(!0),[J,Z]=(0,i.useState)(!0),[ee,te]=(0,i.useState)(!1),oe=(0,i.useRef)({width:null,tariff:null}),le=(0,i.useCallback)(()=>{const{width:e,tariff:t}=oe.current;null!=e&&(window.clearTimeout(e),oe.current.width=null),null!=t&&(window.clearTimeout(t),oe.current.tariff=null)},[]),ie=(0,i.useCallback)(()=>{le(),te(!1),Q(!0),Z(!0)},[le]);return(0,i.useEffect)(()=>()=>le(),[le]),(0,i.useEffect)(()=>{const e=()=>localStorage.setItem(p.V0.em_menu_is_locked,JSON.stringify({isLocked:Y}));return e(),e()},[Y]),(0,A.D3)(I._1,(0,i.useCallback)(e=>{const t=(0,N.Mu)(e);m(t)},[m])),i.createElement("div",{className:"main"},i.createElement(P.kx.Provider,{value:$},i.createElement("div",{className:"main__pane main__pane_main"},i.createElement("div",{className:"main__pane-content",id:"pane-content-iframe"},i.createElement(l.Layout,{className:"main__pane-layout",hasSider:!0},!p.EW.isPlugin&&i.createElement(O,{theme:"light",style:{borderColor:t.colorBorder,position:"fixed",overflow:"hidden"},collapsible:!0,collapsed:!Y&&q,defaultCollapsed:!0,reverseArrow:!Y&&!q||Y&&!q,trigger:i.createElement("div",{className:"main__pane-trigger"},Y?i.createElement(n.Ay,{icon:"MenuFoldOutlined",style:{fontSize:18}}):i.createElement(i.Fragment,null,i.createElement(n.Ay,{icon:"MenuOutlined",style:{fontSize:18}}),i.createElement(n.Ay,{icon:"MenuUnfoldOutlined",style:{fontSize:18}})),i.createElement(h,null)),className:L()("main__menu",{main__menu_lock:Y}),width:260,collapsedWidth:80,zeroWidthTriggerStyle:{},onCollapse:(e,t)=>{le();const o=!Y;e?!Y&&Q(!0):Q(!e),K(o),W({event:"toggle",action:"toggle_side_panel_lock",is_locked:o,project_id:C,location:"left_menu"})},onMouseEnter:()=>{Y||(le(),te(!0),Q(!1),Z(!1))},onMouseLeave:()=>{Y||(te(!1),le(),oe.current.width=window.setTimeout(()=>{oe.current.width=null,Q(!0)},v.vl),oe.current.tariff=window.setTimeout(()=>{oe.current.tariff=null,Z(!0)},v.Ju))}},i.createElement(f.A,{isMenuCollapsed:q,isMenuTariffCompact:J,setIsMenuCollapsed:ie,isLocked:Y,isSiderHovered:ee})),i.createElement(E.A,{isModalVisible:D===p.lx.EDIT_PROJECT_MODAL}),i.createElement(S.A,{isModalVisible:D===p.lx.EDIT_PROFILE_MODAL}),i.createElement(r.sv,null))))))}},52565:(e,t,o)=>{o.d(t,{A:()=>s});var l=o(25366),i=o(33637),a=o(14365),r=o(1382),n=o(76508);const{Content:d}=a.Layout,s=()=>{const{__:e}=(0,n.s9)();let t=(0,i.Zp)();return l.createElement(a.Layout,null,l.createElement(d,{className:"container"},l.createElement(a.Q7,{status:"500",title:"404",subTitle:e("Sorry, the page you visited does not exist."),extra:l.createElement(a.$n,{type:"primary",onClick:()=>(0,r.XZ)(t,"/projects")},e("Back Home"))})))}},64408:(e,t,o)=>{o.d(t,{A:()=>p});var l=o(25366),i=o(85472),a=o(33637),r=o(64172),n=o(2519),d=o(96680),s=o(14365),m=o(45060),c=o(69064),u=o(1382),g=o(76508);const{Content:b}=s.Layout,p=()=>{var e;const{__:t}=(0,g.s9)();let o=(0,a.Zp)(),p=(0,a.zy)();const h=(0,i.wA)(),{projectId:f}=(0,a.g)(),v=(0,r.fo)(+f,{skip:!f}),{isLoading:E,isError:S,error:_,isSuccess:B,data:k}=v;return(0,l.useEffect)(()=>{B&&k&&String(k.id)===String(f)&&(h((0,n.od)(k)),h((0,d.A2)({id:k.id,title:k.title})))},[B,k,h,f]),(0,l.useEffect)(()=>{B&&f&&p.pathname.endsWith(f)&&o(`${p.pathname}/emails`)},[B,p,o,f]),l.createElement(l.Fragment,null,E&&l.createElement(m.A,null),S&&_&&l.createElement(s.Layout,{className:"project-outlet"},l.createElement(b,{className:"project-outlet__container container"},l.createElement(s.Q7,{status:_.status,title:_.status,subTitle:null===(e=_.data)||void 0===e?void 0:e.message,extra:l.createElement(s.$n,{type:"primary",onClick:()=>(0,u.XZ)(o,"/projects")},t("Back To Projects"))}))),(B||c.EW.isPlugin)&&l.createElement(a.sv,{context:{...v}}))}},56223:(e,t,o)=>{o.d(t,{A:()=>p});var l=o(25366),i=o(33637),a=o(92980),r=o(1246),n=o(14365),d=o(2682),s=o(65160),m=o(1382),c=o(76508),u=o(58525),g=o(69064);const{Content:b}=n.Layout,p=()=>{const{__:e}=(0,c.s9)();let t=(0,i.Zp)();const o=(0,u.p)(),{projectId:p,emailId:h}=(0,i.g)(),f=o.get(g.A9.em_template_email)||h;(0,l.useEffect)(()=>{document.body.classList.remove("editor")},[]);const v=l.createElement(l.Fragment,null,l.createElement(n.$x,{size:10},l.createElement(n.m_,{title:e("To emails"),placement:"left"},l.createElement(n.$n,{type:"text",icon:l.createElement(r.Ay,{icon:"ArrowLeftOutlined"}),onClick:()=>(0,m.XZ)(t,`/projects/${p}`),shape:"circle"})),l.createElement(n.fz,{className:"ant-page-header-heading-title"},e("Select email template")),l.createElement(s.A,{isBlocks:!1,templateEmailId:f}))),E=l.createElement(l.Fragment,null);return l.createElement(n.Layout,{className:"template-page"},l.createElement(a.A,{leftBlock:v,rightBlock:E}),l.createElement(b,{className:"template-page__container"},l.createElement("div",{className:"template-page__content container"},l.createElement(d.A,{projectId:g.p5,emailsView:g.Y$,templateEmailId:f}))))}},27184:(e,t,o)=>{o.d(t,{Y8:()=>d,Zh:()=>n,kr:()=>a,r2:()=>r});const l=5,i=3e4,a="AUTOSAVE_RETRY",r="AUTOSAVE_EXHAUSTED";function n(e){var t,o;if(!e)return!1;if("undefined"!==typeof navigator&&!1===navigator.onLine)return!0;const l=e;if("FETCH_ERROR"===l.status||"TIMEOUT_ERROR"===l.status||"PARSING_ERROR"===l.status)return!0;if("number"===typeof l.status)return 0===l.status||408===l.status||l.status>=500;const i=null!==(t=null!==(o=l.data)&&void 0!==o?o:l.error)&&void 0!==t?t:l;if(i instanceof Error){const e=i.message.toLowerCase();return e.includes("fetch")||e.includes("network")||e.includes("timeout")||e.includes("aborted")}if("string"===typeof i){const e=i.toLowerCase();return e.includes("fetch")||e.includes("network")||e.includes("timeout")}if("object"===typeof i&&null!==i){const e=i;if("number"===typeof e.status)return 0===e.status||408===e.status||e.status>=500}return!1}const d=new class{constructor(){this.jobs=new Map,this.onlineListenerAttached=!1,this.ensureOnlineListener()}scheduleAfterFailure(e){const{emailId:t,lastError:o,maxAttempts:a=l,intervalMs:r=i}=e;if(!n(o))return;let d=this.jobs.get(t);d?(d.timer&&(clearTimeout(d.timer),d.timer=null),d.attempts=0,d.maxAttempts=a,d.intervalMs=r,d.getArgs=e.getArgs,d.execute=e.execute,d.onSuccess=e.onSuccess,d.onExhausted=e.onExhausted,d.onRetryScheduled=e.onRetryScheduled):(d={emailId:t,attempts:0,maxAttempts:a,intervalMs:r,timer:null,inFlight:!1,getArgs:e.getArgs,execute:e.execute,onSuccess:e.onSuccess,onExhausted:e.onExhausted,onRetryScheduled:e.onRetryScheduled},this.jobs.set(t,d)),this.scheduleNextAttempt(t)}cancel(e){if(!e)return;const t=this.jobs.get(e);t&&(t.timer&&clearTimeout(t.timer),this.jobs.delete(e))}cancelAll(){for(const e of[...this.jobs.keys()])this.cancel(e)}hasPendingRetry(e){return void 0!==e&&this.jobs.has(e)}ensureOnlineListener(){"undefined"===typeof window||this.onlineListenerAttached||(this.onlineListenerAttached=!0,window.addEventListener("online",()=>{for(const e of[...this.jobs.keys()])this.runAttemptNow(e)}))}scheduleNextAttempt(e){var t;const o=this.jobs.get(e);if(!o)return;if(o.attempts>=o.maxAttempts){const t=new Error("Autosave retry attempts exhausted");return o.onExhausted(t),void this.cancel(e)}const l=o.attempts+1;null===(t=o.onRetryScheduled)||void 0===t||t.call(o,l,o.maxAttempts,o.intervalMs),o.timer=setTimeout(()=>{o.timer=null,this.runAttempt(e)},o.intervalMs)}runAttemptNow(e){const t=this.jobs.get(e);t&&!t.inFlight&&(t.timer&&(clearTimeout(t.timer),t.timer=null),this.runAttempt(e))}async runAttempt(e){const t=this.jobs.get(e);if(!t||t.inFlight)return;if(t.attempts>=t.maxAttempts)return t.onExhausted(new Error("Autosave retry attempts exhausted")),void this.cancel(e);const o=t.getArgs();if(!o)return t.attempts+=1,void(t.attempts>=t.maxAttempts?(t.onExhausted(new Error("Autosave retry aborted: editor not ready")),this.cancel(e)):this.scheduleNextAttempt(e));t.attempts+=1,t.inFlight=!0;try{const l=await t.execute(o);if("data"in l&&l.data)return t.onSuccess(l.data),void this.cancel(e);const i="error"in l?l.error:new Error("Autosave failed");if(!n(i))return t.onExhausted(i),void this.cancel(e);if(t.attempts>=t.maxAttempts)return t.onExhausted(i),void this.cancel(e);this.scheduleNextAttempt(e)}finally{t.inFlight=!1}}}},71041:(e,t,o)=>{o.d(t,{V:()=>n});var l=o(27849),i=o(63442),a=o(69064),r=o(42082);async function n(e,t,o,n,d){const s={blocks:n,types:r.G,locale:t};o.current=s;try{const e=await async function(e){return a.EW.isPlugin?await e.getInstance(i.Y):l.A.get(a.A9.em_token)||null}(d),t=await fetch(r.M,{method:"POST",headers:{"Content-Type":"application/json",...e?{Authorization:`Bearer ${e}`}:{}},body:JSON.stringify(s)});if(!t.ok||200!==t.status)throw new Error(`${t.statusText}`);return await t.json()}catch(m){throw m}}},84973:(e,t,o)=>{function l(e){return`${function(e){let t=String(null!==e&&void 0!==e?e:"");for(;t.endsWith("/");)t=t.slice(0,-1);return t}("https://cdn.useblocks.io/socnets")}/${function(e){let t=String(null!==e&&void 0!==e?e:"");for(;t.startsWith("/");)t=t.slice(1);return t}(e)}`}const i={telegram:"tg",youtube:"yt",vk:"vk",yandex_zen:"yd",x:"xa",twitter:"tw",instagram:"ig",facebook:"fb",pinterest:"pi",tiktok:"tt",ok:"ok",max:"max",rutube:"rutube",whatsapp:"whatsapp",linkedin:"linkedin",viber:"viber",apple:"apple",dis:"dis",drbl:"drbl",fig:"fig",gh:"gh",ggl:"ggl",mdm:"mdm",rdt:"rdt",sgnl:"sgnl",sc:"sc",sptf:"sptf",tmblr:"tmblr",twitch:"twitch",thrds:"thrds",msngr:"msngr",bs:"bs"};function a(e,t){return l(`${e}${t?"-negative":""}.png`)}function r(e){return Object.fromEntries(Object.entries(i).map(([t,o])=>[t,a(o,e)]))}r(!1),r(!0);["tg","yt","vk","yd","xa","ig","fb"].map(e=>a(e,!1))}}]);
+//# sourceMappingURL=5172.ad74dde1.js.map